@dtdot/lego 0.14.0

package/build/theme/helpers/getThemeStatusColour.js

@@ -0,0 +1,14 @@
+export default (status, theme) => {
+    switch (status) {
+        case 'info':
+            return theme.colours.statusInfo;
+        case 'success':
+            return theme.colours.statusSuccess;
+        case 'warn':
+            return theme.colours.statusWarn;
+        case 'danger':
+            return theme.colours.statusDanger;
+        default:
+            return theme.colours.statusInfo;
+    }
+};

package/build/theme/helpers/getThemeVariantColours.d.ts

@@ -0,0 +1,8 @@
+import { DefaultTheme } from 'styled-components';
+import { ColourVariant } from '../theme.types';
+declare const _default: (variant: ColourVariant, theme: DefaultTheme) => {
+    main: string;
+    hover: string;
+    contrastText: string;
+};
+export default _default;

package/build/theme/helpers/getThemeVariantColours.js

@@ -0,0 +1,23 @@
+export default (variant, theme) => {
+    switch (variant) {
+        case 'tertiary':
+            return {
+                main: theme.colours.tertiary.main,
+                hover: theme.colours.tertiary.hover,
+                contrastText: theme.colours.tertiary.contrastText,
+            };
+        case 'secondary':
+            return {
+                main: theme.colours.secondary.main,
+                hover: theme.colours.secondary.hover,
+                contrastText: theme.colours.secondary.contrastText,
+            };
+        case 'primary':
+        default:
+            return {
+                main: theme.colours.primary.main,
+                hover: theme.colours.primary.hover,
+                contrastText: theme.colours.primary.contrastText,
+            };
+    }
+};

package/build/theme/theme.types.d.ts

@@ -0,0 +1,2 @@
+export declare type ColourVariant = 'primary' | 'secondary' | 'tertiary';
+export declare type Status = 'info' | 'success' | 'warn' | 'danger';

package/build/theme/theme.types.js

@@ -0,0 +1 @@
+export {};

package/build/theme/themes.d.ts

@@ -0,0 +1,5 @@
+declare const themes: {
+    dark: import("styled-components").DefaultTheme;
+    default: import("styled-components").DefaultTheme;
+};
+export default themes;

package/build/theme/themes.js

@@ -0,0 +1,7 @@
+import darkTheme from './dark.theme';
+import defaultTheme from './default.theme';
+const themes = {
+    dark: darkTheme,
+    default: defaultTheme,
+};
+export default themes;

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@dtdot/lego",
+  "version": "0.14.0",
+  "description": "Some reusable components for building my applications",
+  "main": "build/index.js",
+  "scripts": {
+    "build": "tsc",
+    "start": "start-storybook -p 6006",
+    "watch": "npm run build -- --watch",
+    "lint": "eslint 'src/**/*.{js,jsx,ts,tsx}'",
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook"
+  },
+  "author": "Simon Pratt <19920260+simonpratt@users.noreply.github.com>",
+  "license": "ISC",
+  "files": [
+    "build"
+  ],
+  "devDependencies": {
+    "@babel/cli": "^7.12.8",
+    "@babel/core": "^7.12.9",
+    "@babel/preset-react": "^7.12.7",
+    "@babel/preset-typescript": "^7.12.7",
+    "@storybook/addon-actions": "^6.1.10",
+    "@storybook/addon-essentials": "^6.1.10",
+    "@storybook/addon-links": "^6.1.10",
+    "@storybook/react": "^6.1.10",
+    "@types/identicon.js": "^2.3.0",
+    "@types/qrcode": "^1.4.0",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.9",
+    "@types/spark-md5": "^3.0.2",
+    "@types/styled-components": "^5.1.4",
+    "@typescript-eslint/eslint-plugin": "^4.9.1",
+    "@typescript-eslint/parser": "^4.9.1",
+    "babel-loader": "^8.2.2",
+    "eslint": "^7.15.0",
+    "eslint-config-prettier": "^7.0.0",
+    "eslint-plugin-prettier": "^3.2.0",
+    "eslint-plugin-react": "^7.21.5",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "prettier": "^2.2.1",
+    "prettier-eslint": "^12.0.0",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "storybook-addon-styled-component-theme": "^1.3.0",
+    "styled-components": "^5.2.1",
+    "typescript": "^4.1.2"
+  },
+  "peerDependencies": {
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "styled-components": "^5.2.1"
+  },
+  "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^1.2.32",
+    "@fortawesome/free-solid-svg-icons": "^5.15.1",
+    "@fortawesome/react-fontawesome": "^0.1.13",
+    "framer-motion": "^4.1.17",
+    "identicon.js": "^2.3.3",
+    "qrcode": "^1.4.4",
+    "react-spring": "^8.0.27",
+    "spark-md5": "^3.0.1"
+  }
+}