Merge 51ac849 into 18c8469

heyjul3s · Feb 17, 2021 · e157eb5 · e157eb5
2 parents 18c8469 + 51ac849
commit e157eb5
Show file tree

Hide file tree

Showing 43 changed files with 1,698 additions and 1,688 deletions.
diff --git a/bundlesize.config.json b/bundlesize.config.json
@@ -27,6 +27,15 @@
     {
       "path": "./packages/hextorgb/dist/*.js"
     },
+    {
+      "path": "./packages/hextorgba/dist/*.js"
+    },
+    {
+      "path": "./packages/pxtoem/dist/*.js"
+    },
+    {
+      "path": "./packages/pxtorem/dist/*.js"
+    },
     {
       "path": "./packages/usematchmedia/dist/*.js"
     },

diff --git a/package.json b/package.json
@@ -51,7 +51,6 @@
     "eslint-plugin-react": "^7.22.0",
     "eslint-watch": "^7.0.0",
     "jest": "^26.6.3",
-    "jest-dom": "^4.0.0",
     "jest-runner-eslint": "^0.10.0",
     "jest-styled-components": "^7.0.3",
     "lerna": "^3.22.1",

diff --git a/packages/artifak/CHANGELOG.md b/packages/artifak/CHANGELOG.md
@@ -1,5 +1,45 @@
 # artifak
 
+## 2.1.1
+
+### Patch Changes
+
+- 6f08e4c: New hexToRGB, hexToRGBA, pxToEm and pxToRem utilities
+- Updated dependencies [6f08e4c]
+  - @artifak/block@1.1.6
+  - @artifak/component-generator@2.0.3
+  - @artifak/flex@1.1.9
+  - @artifak/grid@1.1.6
+  - @artifak/hextorgb@1.0.1
+  - @artifak/hextorgba@1.0.1
+  - @artifak/imagery@1.0.8
+  - @artifak/media@1.0.4
+  - @artifak/pxtoem@1.0.1
+  - @artifak/pxtorem@1.0.1
+  - @artifak/typography@2.0.1
+  - @artifak/usematchmedia@1.0.3
+  - @artifak/usewindowsize@1.0.3
+
+## 2.1.0
+
+### Minor Changes
+
+- Added new hexToRGB, hexToRGBA, pxToEm and pxToRem utilities
+
+### Patch Changes
+
+- update Media typings: extractByRegex to return RegExpMatchArray or string array
+- update typings for FlexCol
+- update typings for Generator
+- Updated dependencies [undefined]
+  - @artifak/component-generator@2.0.2
+  - @artifak/flex@1.1.8
+  - @artifak/hextorgb@1.0.0
+  - @artifak/hextorgba@1.0.0
+  - @artifak/media@1.0.3
+  - @artifak/pxtoem@1.0.0
+  - @artifak/pxtorem@1.0.0
+
 ## 2.0.2
 
 ### Patch Changes

diff --git a/packages/artifak/package.json b/packages/artifak/package.json
@@ -1,6 +1,6 @@
 {
   "name": "artifak",
-  "version": "2.0.2",
+  "version": "2.1.1",
   "description": "A set of React UI primitives to help you build your component UI system",
   "author": "Julian Low",
   "homepage": "https://github.com/heyjul3s/artifak#readme",
@@ -48,8 +48,12 @@
     "@artifak/flex": "^1.1.7",
     "@artifak/fluidsizing": "^1.0.1",
     "@artifak/grid": "^1.1.5",
+    "@artifak/hextorgb": "^1.0.1",
+    "@artifak/hextorgba": "^1.0.1",
     "@artifak/imagery": "^1.0.7",
     "@artifak/media": "^1.0.2",
+    "@artifak/pxtoem": "^1.0.1",
+    "@artifak/pxtorem": "^1.0.1",
     "@artifak/typography": "^2.0.0",
     "@artifak/usematchmedia": "^1.0.2",
     "@artifak/usewindowsize": "^1.0.2"

diff --git a/packages/artifak/src/index.tsx b/packages/artifak/src/index.tsx
@@ -59,3 +59,7 @@ export {
 export { fluidSizing } from '@artifak/fluidsizing';
 export { useMatchMedia } from '@artifak/usematchmedia';
 export { useWindowSize } from '@artifak/usewindowsize';
+export { hexToRGB, getHexColorRGBvalues } from '@artifak/hextorgb';
+export { hexToRGBA } from '@artifak/hextorgba';
+export { pxToEm } from '@artifak/pxtoem';
+export { pxToRem } from '@artifak/pxtorem';
diff --git a/packages/block/CHANGELOG.md b/packages/block/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @artifak/block
 
+## 1.1.6
+
+### Patch Changes
+
+- Updated dependencies [6f08e4c]
+  - @artifak/component-generator@2.0.3
+
 ## 1.1.5
 
 ### Patch Changes

diff --git a/packages/block/package.json b/packages/block/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@artifak/block",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "description": "Basic React component primitive for handling spacing",
   "author": "Julian Low",
   "homepage": "https://github.com/heyjul3s/artifak#readme",
@@ -58,6 +58,6 @@
     "styled-components": ">=5.2.1"
   },
   "dependencies": {
-    "@artifak/component-generator": "^2.0.1"
+    "@artifak/component-generator": "^2.0.3"
   }
 }
diff --git a/packages/component-generator/CHANGELOG.md b/packages/component-generator/CHANGELOG.md
@@ -1,5 +1,18 @@
 # @artifak/component-generator
 
+## 2.0.3
+
+### Patch Changes
+
+- Minor package typings update
+- 6f08e4c: New hexToRGB, hexToRGBA, pxToEm and pxToRem utilities
+
+## 2.0.2
+
+### Patch Changes
+
+- Added return types for generateComponent and createStyled
+
 ## 2.0.1
 
 ### Patch Changes

diff --git a/packages/component-generator/package.json b/packages/component-generator/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@artifak/component-generator",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "description": "Component generator utility for Artifak",
   "author": "Julian Low",
   "license": "MIT",

diff --git a/packages/flex/CHANGELOG.md b/packages/flex/CHANGELOG.md
@@ -1,5 +1,22 @@
 # @artifak/flex
 
+## 1.1.9
+
+### Patch Changes
+
+- Minor typings update
+- 6f08e4c: New hexToRGB, hexToRGBA, pxToEm and pxToRem utilities
+- Updated dependencies [6f08e4c]
+  - @artifak/component-generator@2.0.3
+
+## 1.1.8
+
+### Patch Changes
+
+- Added return type for parseNumberToTwoDecimals
+- Updated dependencies [undefined]
+  - @artifak/component-generator@2.0.2
+
 ## 1.1.7
 
 ### Patch Changes

diff --git a/packages/flex/package.json b/packages/flex/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@artifak/flex",
-  "version": "1.1.7",
+  "version": "1.1.9",
   "description": "A styled-component Flex grid component for your layout needs.",
   "keywords": [
     "react",
@@ -59,6 +59,6 @@
     "styled-components": ">=5.2.1"
   },
   "dependencies": {
-    "@artifak/component-generator": "^2.0.1"
+    "@artifak/component-generator": "^2.0.3"
   }
 }
diff --git a/packages/grid/CHANGELOG.md b/packages/grid/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @artifak/grid
 
+## 1.1.6
+
+### Patch Changes
+
+- Updated dependencies [6f08e4c]
+  - @artifak/component-generator@2.0.3
+
 ## 1.1.5
 
 ### Patch Changes

diff --git a/packages/grid/package.json b/packages/grid/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@artifak/grid",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "description": "Basic React grid component for helping with building grid layout components",
   "author": "Julian Low",
   "homepage": "https://github.com/heyjul3s/artifak#readme",
@@ -57,6 +57,6 @@
     "styled-components": ">=5.2.1"
   },
   "dependencies": {
-    "@artifak/component-generator": "^2.0.1"
+    "@artifak/component-generator": "^2.0.3"
   }
 }
diff --git a/packages/hextorgb/CHANGELOG.md b/packages/hextorgb/CHANGELOG.md
@@ -0,0 +1,11 @@
+# @artifak/hextorgb
+
+## 1.0.1
+
+### Patch Changes
+
+- 6f08e4c: New hexToRGB utilities
+
+## 1.0.0
+
+- Added new hexToRGB utility function.
diff --git a/packages/hextorgb/README.md b/packages/hextorgb/README.md
@@ -1,3 +1,31 @@
 # `@artifak/hextorgb`
 
 A utility function to convert hexadecimal colour values to RGB string.
+
+## Installation
+
+### Yarn
+
+```sh
+yarn add @artifak/hextorgb
+```
+
+### NPM
+
+```sh
+npm install @artifak/hextorgb
+```
+
+## Usage
+
+```ts
+import { hexToRGB } from 'artifak';
+import styled from 'styled-components';
+
+export const Container = styled.div`
+  margin: 0 auto;
+  width: 100%;
+  background: #000;
+  color: ${hexToRGB('#FFF')};
+`;
+```
diff --git a/packages/hextorgb/__tests__/hextorgb.test.ts b/packages/hextorgb/__tests__/hextorgb.test.ts
@@ -1,6 +1,6 @@
 import {
   hexToRGB,
-  getRGBvalues,
+  getHexColorRGBvalues,
   splitHexToRGB,
   formatHexValue,
   expandShorthandHex,
@@ -70,15 +70,15 @@ describe('@artifak/hextorgb', () => {
 
   describe('getRGBvalues', () => {
     it('returns an object with RGB values', () => {
-      expect(getRGBvalues('#DF3EA1')).toMatchObject({
+      expect(getHexColorRGBvalues('#DF3EA1')).toMatchObject({
         r: 223,
         g: 62,
         b: 161
       });
     });
 
     it('returns UNDEFINED with invalid hex string values', () => {
-      expect(getRGBvalues('Hello World')).toEqual(void 0);
+      expect(getHexColorRGBvalues('Hello World')).toEqual(void 0);
     });
   });
 

diff --git a/packages/hextorgb/package.json b/packages/hextorgb/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@artifak/hextorgb",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Utility function to convert style hex colour codes to RGB string.",
   "keywords": [
     "color",

diff --git a/packages/hextorgb/src/hextorgb.ts b/packages/hextorgb/src/hextorgb.ts
@@ -1,14 +1,14 @@
 import { RGBColor } from './typings';
 
 export function hexToRGB(hex: string): string | void {
-  const color = getRGBvalues(hex);
+  const color = getHexColorRGBvalues(hex);
 
   if (!!color) {
     return `rgb(${color.r}, ${color.g}, ${color.b})`;
   }
 }
 
-export function getRGBvalues(hex: string): RGBColor | void {
+export function getHexColorRGBvalues(hex: string): RGBColor | void {
   const hexValue = formatHexValue(hex);
 
   if (!!hexValue) {

diff --git a/packages/hextorgb/src/index.ts b/packages/hextorgb/src/index.ts
@@ -1,2 +1,2 @@
-export { hexToRGB, getRGBvalues } from './hextorgb';
+export { hexToRGB, getHexColorRGBvalues } from './hextorgb';
 export { RGBColor } from './typings';
diff --git a/packages/hextorgba/CHANGELOG.md b/packages/hextorgba/CHANGELOG.md
@@ -0,0 +1,13 @@
+# @artifak/hextorgba
+
+## 1.0.1
+
+### Patch Changes
+
+- 6f08e4c: New hexToRGBA utilities
+- Updated dependencies [6f08e4c]
+  - @artifak/hextorgb@1.0.1
+
+## 1.0.0
+
+- Added new hexToRGBA utility function.
diff --git a/packages/hextorgba/README.md b/packages/hextorgba/README.md
@@ -1,3 +1,31 @@
 # `@artifak/hextorgba`
 
 A utility function to convert hexadecimal colour values to RGBA string.
+
+## Installation
+
+### Yarn
+
+```sh
+yarn add @artifak/hextorgb
+```
+
+### NPM
+
+```sh
+npm install @artifak/hextorgb
+```
+
+## Usage
+
+```ts
+import { hexToRGBA } from 'artifak';
+import styled from 'styled-components';
+
+export const Container = styled.div`
+  margin: 0 auto;
+  width: 100%;
+  background: #000;
+  color: ${hexToRGBA('#FFF', 0.75)};
+`;
+```
diff --git a/packages/hextorgba/package.json b/packages/hextorgba/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@artifak/hextorgba",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Utility function to convert style hex colour codes to RGBA string.",
   "keywords": [
     "color",
@@ -41,6 +41,6 @@
     "@artifak/bundler": "^1.1.3"
   },
   "dependencies": {
-    "@artifak/hextorgb": "^1.0.0"
+    "@artifak/hextorgb": "^1.0.1"
   }
 }
diff --git a/packages/hextorgba/src/hextorgba.ts b/packages/hextorgba/src/hextorgba.ts
@@ -1,7 +1,7 @@
-import { getRGBvalues } from '@artifak/hextorgb';
+import { getHexColorRGBvalues } from '@artifak/hextorgb';
 
 export function hexToRGBA(hex: string, alpha = 1): string | void {
-  const color = getRGBvalues(hex);
+  const color = getHexColorRGBvalues(hex);
 
   if (!!color) {
     return `rgba(${color.r}, ${color.g}, ${color.b}, ${alpha})`;

diff --git a/packages/hextorgba/src/index.ts b/packages/hextorgba/src/index.ts
@@ -1,2 +1,2 @@
 export { hexToRGBA } from './hextorgba';
-export { getRGBvalues } from '@artifak/hextorgb';
+export { getHexColorRGBvalues } from '@artifak/hextorgb';