fix(lib): Fixed the ability to import components

.npmignore

@@ -0,0 +1,18 @@
+.circleci
+.github
+.storybook
+coverage
+src
+stories
+.all-contributorsrc
+.babelrc
+.eslintrc.js
+.nvmrc
+commitlint.config.js
+jest.config.js
+lint-staged.config.js
+now.json
+package-lock.json
+release.config.js
+renovate.json
+tsconfig.json

package.json

@@ -2,14 +2,19 @@
   "name": "@status-board/components",
   "version": "0.0.0-development",
   "license": "MIT",
+  "main": "lib/index.js",
+  "typings": "lib/index.d.ts",
   "publishConfig": {
     "access": "public"
   },
+  "files": [
+    "lib"
+  ],
   "scripts": {
     "type-check": "tsc --noEmit",
     "type-check:watch": "npm run type-check -- --watch",
     "build": "npm run build:types && npm run build:js",
-    "build:types": "tsc",
+    "build:types": "tsc --emitDeclarationOnly",
     "build:js": "babel src --out-dir lib --extensions \".ts,.tsx\" --source-maps inline",
     "clean": "rimraf lib coverage",
     "commit": "git-cz",

src/components/Widget/IconWrapper.tsx

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import { CSSProperties, ReactElement, ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { withTheme } from 'emotion-theming';
 import { Theme } from '@status-board/theme-manager/lib/types';
 

src/components/WidgetCounter/CountText.tsx

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import { CSSProperties, ReactElement, ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { typography } from '@status-board/theme-manager';
 import { Theme } from '@status-board/theme-manager/lib/types';
 import { withTheme } from 'emotion-theming';

src/components/WidgetCounter/PostLabel.tsx

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import { CSSProperties, ReactElement, ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { withTheme } from 'emotion-theming';
 import { typography } from '@status-board/theme-manager';
 import { Theme } from '@status-board/theme-manager/lib/types';

src/components/WidgetCounter/PreLabel.tsx

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import { CSSProperties, ReactElement, ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { typography } from '@status-board/theme-manager';
 import { Theme } from '@status-board/theme-manager/lib/types';
 import { withTheme } from 'emotion-theming';

src/components/WidgetCounter/Unit.tsx

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import { CSSProperties, ReactElement, ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { typography } from '@status-board/theme-manager';
 import { Theme } from '@status-board/theme-manager/lib/types';
 import { withTheme } from 'emotion-theming';

src/components/WidgetLabel/Addon.tsx

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import { CSSProperties, ReactElement, ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { Theme } from '@status-board/theme-manager/lib/types';
 import { withTheme } from 'emotion-theming';
 

src/components/WidgetLabel/Label.tsx

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import { CSSProperties, ReactElement, ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { Theme } from '@status-board/theme-manager/lib/types';
 import { withTheme } from 'emotion-theming';
 

src/components/WidgetListItem/Title.tsx

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import { CSSProperties, ReactElement, ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { typography } from '@status-board/theme-manager';
 import { Theme } from '@status-board/theme-manager/lib/types';
 import { withTheme } from 'emotion-theming';

tsconfig.json

@@ -1,25 +1,32 @@
 {
   "compilerOptions": {
-    "target": "es5",
+    "outDir": "lib",
+    "allowSyntheticDefaultImports": true,
+    "target": "esnext",
+    "module": "esnext",
     "lib": [
       "dom",
-      "dom.iterable",
       "esnext"
     ],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
+    "importHelpers": true,
+    "declaration": true,
+    "sourceMap": true,
     "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "module": "esnext",
+    "noImplicitAny": true,
+    "strictNullChecks": true,
+    "strictFunctionTypes": true,
+    "strictPropertyInitialization": true,
+    "noImplicitThis": true,
+    "alwaysStrict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
     "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "preserve"
+    "jsx": "react",
+    "esModuleInterop": true
   },
   "include": [
-    "src"
+    "src/**/*"
   ]
 }