@7shifts/sous-chef 1.5.7 → 2.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@7shifts/sous-chef",
-    "version": "1.5.7",
+    "version": "2.1.0",
     "description": "7shifts component library",
     "author": "7shifts",
     "license": "MIT",
@@ -12,7 +12,9 @@
         "node": ">=10"
     },
     "scripts": {
+        "prebuild": "run-s build-icons",
         "build": "./scripts/build.sh",
+        "build-icons": "./scripts/build-icons.sh",
         "compile": "microbundle-crl --no-compress --format modern,cjs",
         "start": "microbundle-crl watch --no-compress --format modern,cjs",
         "prepare": "run-s build",
@@ -26,15 +28,17 @@
         "storybook:build": "build-storybook -o ./.storybook/dist"
     },
     "peerDependencies": {
-        "react": "^16.0.0",
-        "react-dom": "^16.0.0"
+        "react": ">16.0.0",
+        "react-dom": ">16.0.0"
     },
     "devDependencies": {
-        "@babel/core": "^7.14.3",
+        "@babel/core": "^7.16.7",
+        "@babel/plugin-transform-regenerator": "^7.16.7",
         "@storybook/addon-actions": "^6.4.12",
         "@storybook/addon-essentials": "^6.4.12",
         "@storybook/addon-links": "^6.4.12",
         "@storybook/react": "^6.4.12",
+        "@svgr/cli": "^6.2.0",
         "@testing-library/jest-dom": "^5.12.0",
         "@testing-library/react": "^11.2.7",
         "@testing-library/user-event": "^13.2.1",
@@ -47,8 +51,8 @@
         "@typescript-eslint/eslint-plugin": "^2.26.0",
         "@typescript-eslint/parser": "^2.26.0",
         "babel-eslint": "^10.0.3",
-        "babel-loader": "^8.2.2",
-        "chromatic": "^5.9.2",
+        "babel-loader": "^8.2.3",
+        "chromatic": "^6.3.4",
         "cross-env": "^7.0.2",
         "eslint": "^6.8.0",
         "eslint-config-prettier": "^6.7.0",

package/dist/icons/IconArrowDown.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { Color } from '../foundation/colors';
-import { IconSize } from './types';
-declare type Props = {
-    size?: IconSize;
-    color?: Color;
-    rotate?: number;
-    dataTestId?: string;
-};
-declare const IconArrowDown: React.FC<Props>;
-export default IconArrowDown;

package/dist/icons/IconArrowLeft.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Color } from '../foundation/colors';
-import { IconSize } from './types';
-declare type Props = {
-    size?: IconSize;
-    color?: Color;
-};
-declare const IconArrowLeft: React.FC<Props>;
-export default IconArrowLeft;

package/dist/icons/IconArrowRight.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Color } from '../foundation/colors';
-import { IconSize } from './types';
-declare type Props = {
-    size?: IconSize;
-    color?: Color;
-};
-declare const IconArrowRight: React.FC<Props>;
-export default IconArrowRight;

package/dist/icons/IconArrowUp.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Color } from '../foundation/colors';
-import { IconSize } from './types';
-declare type Props = {
-    size?: IconSize;
-    color?: Color;
-};
-declare const IconArrowUp: React.FC<Props>;
-export default IconArrowUp;

package/dist/icons/IconCalendar.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Color } from '../foundation/colors';
-import { IconSize } from './types';
-declare type Props = {
-    size?: IconSize;
-    color?: Color;
-};
-declare const IconCalendar: React.FC<Props>;
-export default IconCalendar;

package/dist/icons/IconCheck.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Color } from '../foundation/colors';
-import { IconSize } from './types';
-declare type Props = {
-    size?: IconSize;
-    color?: Color;
-};
-declare const IconCheck: React.FC<Props>;
-export default IconCheck;

package/dist/icons/IconChevronDown.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-declare type Props = {
-    size?: 'small' | 'medium';
-    color?: string;
-    rotate?: number;
-    dataTestId?: string;
-};
-declare const IconChevronDown: React.FC<Props>;
-export default IconChevronDown;

package/dist/icons/IconChevronUp.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { Color } from '../foundation/colors';
-declare type Props = {
-    size?: 'small' | 'medium';
-    color?: Color;
-};
-declare const IconChevronUp: React.FC<Props>;
-export default IconChevronUp;

package/dist/icons/IconClose.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Color } from '../foundation/colors';
-import { IconSize } from './types';
-declare type Props = {
-    size?: IconSize;
-    color?: Color;
-};
-declare const IconClose: React.FC<Props>;
-export default IconClose;

package/dist/icons/IconComment.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Color } from '../foundation/colors';
-import { IconSize } from './types';
-declare type Props = {
-    size?: IconSize;
-    color?: Color;
-};
-declare const IconComment: React.FC<Props>;
-export default IconComment;

package/dist/icons/IconDelete.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Color } from '../foundation/colors';
-import { IconSize } from './types';
-declare type Props = {
-    size?: IconSize;
-    color?: Color;
-};
-declare const IconDelete: React.FC<Props>;
-export default IconDelete;

package/dist/icons/IconEdit.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Color } from '../foundation/colors';
-import { IconSize } from './types';
-declare type Props = {
-    size?: IconSize;
-    color?: Color;
-};
-declare const IconEdit: React.FC<Props>;
-export default IconEdit;

package/dist/icons/IconExclaim.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Color } from '../foundation/colors';
-import { IconSize } from './types';
-declare type Props = {
-    size?: IconSize;
-    color?: Color;
-};
-declare const IconExclaim: React.FC<Props>;
-export default IconExclaim;

package/dist/icons/IconEye.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Color } from '../foundation/colors';
-import { IconSize } from './types';
-declare type Props = {
-    size?: IconSize;
-    color?: Color;
-};
-declare const IconEye: React.FC<Props>;
-export default IconEye;

package/dist/icons/IconEyeSlash.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Color } from '../foundation/colors';
-import { IconSize } from './types';
-declare type Props = {
-    size?: IconSize;
-    color?: Color;
-};
-declare const IconEyeSlash: React.FC<Props>;
-export default IconEyeSlash;

package/dist/icons/IconLocation.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Color } from '../foundation/colors';
-import { IconSize } from './types';
-declare type Props = {
-    size?: IconSize;
-    color?: Color;
-};
-declare const IconLocation: React.FC<Props>;
-export default IconLocation;

package/dist/icons/IconMinusCircle.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Color } from '../foundation/colors';
-import { IconSize } from './types';
-declare type Props = {
-    size?: IconSize;
-    color?: Color;
-};
-declare const IconMinusCircle: React.FC<Props>;
-export default IconMinusCircle;

package/dist/icons/IconMore.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Color } from '../foundation/colors';
-import { IconSize } from './types';
-declare type Props = {
-    size?: IconSize;
-    color?: Color;
-};
-declare const IconMore: React.FC<Props>;
-export default IconMore;

package/dist/icons/IconRemove.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { Color } from '../foundation/colors';
-declare type Props = {
-    size?: 'small' | 'medium' | 'default' | 'large';
-    color?: Color;
-};
-declare const IconRemove: React.FC<Props>;
-export default IconRemove;

package/dist/icons/IconUser.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { IconSize } from './types';
-declare type Props = {
-    size?: IconSize;
-    color?: string;
-};
-declare const IconUser: React.FC<Props>;
-export default IconUser;

package/dist/icons/IconUserPlus.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Color } from '../foundation/colors';
-import { IconSize } from './types';
-declare type Props = {
-    size?: IconSize;
-    color?: Color;
-};
-declare const IconUserPlus: React.FC<Props>;
-export default IconUserPlus;