@televet/kibble-ui 0.1.0-beta.2 → 0.1.0-beta.21

package/build/theme/index.d.ts

@@ -1,22 +1,20 @@
-import { TColors } from './colors';
-import { Tblur } from './blur';
-import { Tbreakpoints } from './breakpoints';
-import { Tborders } from './borders';
-import { TRadii } from './radii';
-import { TShadows } from './shadows';
-import { TSpace } from './space';
-import { TSizes } from './sizes';
-import { TTransition } from './transition';
-import { TFonts } from './fonts';
-import { TFontSizes } from './fontSizes';
-import { TFontWeights } from './fontWeights';
-import { TLineHeights } from './lineHeights';
-import { TZIndices } from './zIndeces';
+import { ISemanticTokens, TColors } from './tokens/colors';
+import { Tblur } from './tokens/blur';
+import { Tborders } from './tokens/borders';
+import { TRadii } from './tokens/radii';
+import { TShadows } from './tokens/shadows';
+import { TSpace } from './tokens/space';
+import { TSizes } from './tokens/sizes';
+import { TTransition } from './tokens/transition';
+import { TFonts } from './tokens/fonts';
+import { TFontSizes } from './tokens/fontSizes';
+import { TFontWeights } from './tokens/fontWeights';
+import { TLineHeights } from './tokens/lineHeights';
+import { TZIndices } from './tokens/zIndeces';
 declare const theme: ITheme;
 export interface ITheme {
     blur: Tblur;
     borders: Tborders;
-    breakpoints: Tbreakpoints;
     colors: TColors;
     radii: TRadii;
     shadows: TShadows;
@@ -28,5 +26,8 @@ export interface ITheme {
     space: TSpace;
     transition: TTransition;
     zIndices: TZIndices;
+    semanticTokens: ISemanticTokens;
+    initialColorMode: string;
+    useSystemColorMode: boolean;
 }
 export default theme;

package/build/theme/{colors.d.ts → tokens/colors.d.ts}

@@ -1,11 +1,10 @@
-interface IPallette {
+export declare const baseColors: IBaseColors;
+export declare const semanticTokens: ISemanticTokens;
+interface IBaseColors {
     transparent: string;
     current: string;
     black: string;
     white: string;
-    televet: {
-        100: string;
-    };
     whiteAlpha: {
         50: string;
         100: string;
@@ -127,54 +126,50 @@ interface IPallette {
         900: string;
     };
 }
-interface ISemanticTokens {
+export interface ISemanticTokens {
     text: {
         onLight: string;
+        linkOnLight: string;
         onLightSubtle: string;
         onDark: string;
         headline: string;
+        placeholder: string;
+        success: string;
+        warning: string;
+        error: string;
     };
     background: {
         light: string;
-        gray: string;
-        info: string;
-        error: string;
-        warning: string;
-        success: string;
-    };
-    border: {
-        default: string;
+        grayLight: string;
+        grayDark: string;
+        tealLight: string;
         dark: string;
+        table: string;
+        overlay: string;
         info: string;
         error: string;
         warning: string;
         success: string;
     };
-    button: {
-        primaryDefault: string;
-        primaryHover: string;
-        primaryActive: string;
-        secondaryDefault: string;
-        secondaryHover: string;
-        secondaryActive: string;
-        tertiaryDefault: string;
-        tertiaryHover: string;
-        tertiaryActive: string;
-        ghostDefault: string;
-        ghostHover: string;
-        ghostActive: string;
-    };
-    link: {
-        onLight: string;
-    };
     icon: {
         onLight: string;
+        onLightSubtle: string;
         onDark: string;
+        inactive: string;
         active: string;
         success: string;
         warning: string;
         error: string;
     };
+    border: {
+        default: string;
+        dark: string;
+        focus: string;
+        info: string;
+        error: string;
+        warning: string;
+        success: string;
+    };
     divider: {
         onLight: string;
     };
@@ -186,8 +181,14 @@ interface ISemanticTokens {
         action: string;
         negative: string;
         error: string;
+        archived: string;
+        closed: string;
+    };
+    general: {
+        brand: string;
+        error: string;
     };
 }
-export declare type TColors = IPallette & ISemanticTokens;
+export declare type TColors = IBaseColors & ISemanticTokens;
 declare const colors: TColors;
 export default colors;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@televet/kibble-ui",
-  "version": "0.1.0-beta.2",
+  "version": "0.1.0-beta.21",
   "description": "Kibble Design System by Televet",
   "author": "TeleVet",
   "main": "build/index.js",
@@ -11,16 +11,10 @@
   "scripts": {
     "test": "react-scripts test",
     "eject": "react-scripts eject",
-    "build:lib": "npx rollup -c",
-    "fix:js": "npx eslint --fix ./src/",
-    "lint:js": "npx eslint ./src/",
-    "lint:style": "npx stylelint ./src/",
-    "fix:style": "npx stylelint ./src/ --fix",
+    "fix": "npx eslint --fix ./src/ && npx stylelint ./src/ --fix",
+    "lint": "npx eslint ./src/ && npx stylelint ./src/",
     "start": "start-storybook -p 6006 && npx rollup -c --watch",
-    "build:docs": "build-storybook -o docs",
-    "build": "npm run build:docs && npm run build:lib",
-    "start:localDev": "npx rollup -c --watch",
-    "prepare": "husky install"
+    "build": "build-storybook -o docs && npx rollup -c"
   },
   "browserslist": {
     "production": [
@@ -45,8 +39,8 @@
     "@babel/preset-react": "^7.14.5",
     "@babel/runtime": "^7.15.3",
     "@chakra-ui/storybook-addon": "^1.0.3",
-    "@emotion/react": "^11.8.1",
-    "@emotion/styled": "^11.8.1",
+    "@emotion/react": "^11.4.0",
+    "@emotion/styled": "^11.3.0",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^20.0.0",
     "@rollup/plugin-node-resolve": "^13.0.4",
@@ -54,13 +48,19 @@
     "@storybook/addon-docs": "^6.4.19",
     "@storybook/addon-essentials": "6.4.19",
     "@storybook/addon-links": "6.4.17",
+    "@storybook/addons": "^6.4.22",
     "@storybook/node-logger": "6.4.19",
     "@storybook/preset-create-react-app": "^3.2.0",
     "@storybook/react": "^6.3.8",
+    "@storybook/theming": "^6.4.22",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^13.2.1",
+    "@types/jest": "^27.4.1",
+    "@types/node": "^17.0.21",
+    "@types/react": "^17.0.40",
+    "@types/react-dom": "^17.0.13",
     "@types/styled-components": "^5.1.24",
     "@typescript-eslint/eslint-plugin": "^4.29.0",
     "@typescript-eslint/parser": "^4.29.0",
@@ -100,27 +100,16 @@
     "rollup-plugin-typescript2": "^0.27.1",
     "stylelint": "^13.13.1",
     "stylelint-config-standard": "^22.0.0",
-    "stylelint-order": "^4.1.0"
-  },
-  "dependencies": {
-    "@types/jest": "^27.4.1",
-    "@types/node": "^17.0.21",
-    "@types/react": "^17.0.40",
-    "@types/react-dom": "^17.0.13",
-    "@chakra-ui/icons": "^1.1.7",
-    "@chakra-ui/react": "^1.8.6",
-    "@chakra-ui/theme-tools": "^1.3.6",
+    "stylelint-order": "^4.1.0",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
-    "styled-components": "^5.3.3",
     "typescript": "^4.6.2"
   },
   "peerDependencies": {
-    "@chakra-ui/react": "^1.8.6",
-    "styled-components": ">=5.0.0",
-    "react-hook-form": ">=5.7.0",
     "prop-types": ">=15.0.0",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1"
+    "react": ">=16.13.1",
+    "react-dom": ">=16.13.1",
+    "react-hook-form": ">=5.7.0",
+    "styled-components": ">=5.0.0"
   }
 }