@sellout/ui 0.0.6 → 0.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sellout/ui",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "main": "build/index.js",
   "module": "build/index.es.js",
   "jsnext:main": "build/index.es.js",
@@ -24,7 +24,7 @@
     "@fortawesome/pro-regular-svg-icons": "^5.12.1",
     "@fortawesome/pro-solid-svg-icons": "^5.12.1",
     "@fortawesome/react-fontawesome": "^0.1.9",
-    "@sellout/utils": "^0.0.6",
+    "@sellout/utils": "^0.0.7",
     "@storybook/addon-actions": "^5.3.17",
     "@storybook/addon-links": "^5.3.17",
     "@storybook/react": "^5.2.8",
@@ -48,14 +48,14 @@
     "rollup-plugin-peer-deps-external": "^2.2.0",
     "rollup-plugin-typescript2": "^0.25.3",
     "standard": "^14.3.1",
-    "styled-components": "^5.0.1",
     "ts-jest": "^24.2.0",
     "typescript": "^3.7.5"
   },
-  "gitHead": "293473fa4ad310e0ce454b24ba2670109bac0b4c",
+  "gitHead": "991f3c469d9cd9754715c231b3c5cc7b7b6bfaf5",
   "peerDependencies": {
     "react": "^16",
-    "react-dom": "^16"
+    "react-dom": "^16",
+    "styled-components": "^5.0.1"
   },
   "jest": {
     "preset": "ts-jest",

package/rollup.config.js

@@ -1,55 +1,18 @@
-import typescript from 'rollup-plugin-typescript2'
-import commonjs from 'rollup-plugin-commonjs'
-import external from 'rollup-plugin-peer-deps-external'
-import resolve from 'rollup-plugin-node-resolve'
+import typescript from "rollup-plugin-typescript2";
+import pkg from "./package.json";
 
-import pkg from './package.json'
-
-export default {
-  input: 'src/index.ts',
-  output: [
-    {
-      file: pkg.main,
-      format: 'cjs',
-      exports: 'named',
-      sourcemap: true
-    },
-    {
-      file: pkg.module,
-      format: 'es',
-      exports: 'named',
-      sourcemap: true
-    }
-  ],
-  plugins: [
-    external(),
-    resolve(),
-    typescript({
-      rollupCommonJSResolveHack: true,
-      exclude: [
-        '**/*.stories.js'
-      ],
-      clean: true
-    }),
-    commonjs({
-      include: 'node_modules/**',
-      // left-hand side can be an absolute path, a path
-      // relative to the current directory, or the name
-      // of a module in node_modules
-      namedExports: {
-        'node_modules/react/index.js': [
-          'cloneElement',
-          'createContext',
-          'Component',
-          'createElement'
-        ],
-        'node_modules/react-dom/index.js': ['render', 'hydrate'],
-        'node_modules/react-is/index.js': [
-          'isElement',
-          'isValidElementType',
-          'ForwardRef'
-        ]
-      }
-    }),
-  ]
-}
+export default [
+  {
+    input: "src/index.ts",
+    external: Object.keys(pkg.peerDependencies || {}),
+    plugins: [
+      typescript({
+        typescript: require("typescript")
+      })
+    ],
+    output: [
+      { file: pkg.main, format: "cjs" },
+      { file: pkg.module, format: "esm" },
+    ]
+  }
+];

package/src/components/Icon.tsx

@@ -7,7 +7,7 @@ export const Icons = IconEnum;
 
 export type IconProps = {
   icon: any;
-  color?: Colors | null;
+  color?: Colors | string | null;
   onClick?: any | null;
   size?: string | number | undefined;
   position?: string;

package/src/index.ts

@@ -1,10 +1,10 @@
 import { Colors } from "./Colors";
-import Button from './components/Button';
+import Button, { ButtonTypes, ButtonStates } from './components/Button';
 import Counter from "./components/Counter";
 import Icon from "./components/Icon";
 import { IconEnum } from "./components/Icons";
 import Input from "./components/Input";
-import Loader from "./components/Loader";
+import Loader, { LoaderSizes } from "./components/Loader";
 import Product from "./components/Product";
 
 const Icons = IconEnum;
@@ -12,10 +12,13 @@ const Icons = IconEnum;
 export { 
   Colors,
   Button,
+  ButtonTypes,
+  ButtonStates,
   Counter,
   Icon,
   Icons,
   Input,
   Loader,
+  LoaderSizes,
   Product,
  };