@televet/kibble-ui 1.0.11-beta.0 → 1.0.11

package/build/theme/index.d.ts

@@ -12,6 +12,8 @@ import { TFontSizes } from './tokens/fontSizes';
 import { TFontWeights } from './tokens/fontWeights';
 import { TLineHeights } from './tokens/lineHeights';
 import { TZIndices } from './tokens/zIndeces';
+import { ButtonStyleConfig } from '../components/Button';
+import { TooltipStyleConfig } from '../components/Tooltip/tooltip.model';
 declare const theme: ITheme;
 export interface ITheme {
     blur: Tblur;
@@ -35,9 +37,12 @@ export interface ITheme {
         useSystemColorMode: boolean;
     };
     components: {
-        Text: ComponentStyleConfig;
-        Heading: ComponentStyleConfig;
+        Button: ButtonStyleConfig;
         Drawer: ComponentStyleConfig;
+        Textarea: ComponentStyleConfig;
+        Heading: ComponentStyleConfig;
+        Text: ComponentStyleConfig;
+        Tooltip: TooltipStyleConfig;
     };
 }
 export default theme;

package/build/theme/tokens/colors.d.ts

@@ -7,126 +7,16 @@ interface IBaseColors {
     current: string;
     black: string;
     white: string;
-    whiteAlpha: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    blackAlpha: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    gray: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    red: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    orange: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    yellow: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    green: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    teal: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    blue: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    comet: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
+    whiteAlpha: ColorValueMap;
+    blackAlpha: ColorValueMap;
+    gray: ColorValueMap;
+    red: ColorValueMap;
+    orange: ColorValueMap;
+    yellow: ColorValueMap;
+    green: ColorValueMap;
+    teal: ColorValueMap;
+    blue: ColorValueMap;
+    comet: ColorValueMap;
 }
 export interface ISemanticTokens {
     text: {
@@ -182,7 +72,11 @@ export interface ISemanticTokens {
         error: string;
     };
 }
+export declare type ColorValue = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+export declare type ColorValueMap = Record<ColorValue, string>;
+export declare type AdaptiveColor = Record<ColorMode, string>;
 export declare type AdaptiveColorMap<T extends keyof any> = Record<ColorMode, Record<T, string>>;
+export declare type AdaptiveColorConfig<K extends keyof any, T extends keyof any> = Record<K, AdaptiveColorMap<T>>;
 export declare type TColors = IBaseColors & ISemanticTokens;
 declare const colors: TColors;
 export default colors;

package/build/utils/strings.d.ts

@@ -0,0 +1 @@
+export declare const camelCaseToLabel: (s: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@televet/kibble-ui",
-  "version": "1.0.11-beta.0",
+  "version": "1.0.11",
   "description": "Kibble Design System by Televet",
   "author": "TeleVet",
   "main": "build/index.js",
@@ -49,6 +49,7 @@
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^20.0.0",
     "@rollup/plugin-node-resolve": "^13.0.4",
+    "@rollup/plugin-replace": "^4.0.0",
     "@storybook/addon-actions": "6.4.1",
     "@storybook/addon-docs": "^6.4.19",
     "@storybook/addon-essentials": "6.4.19",
@@ -58,6 +59,7 @@
     "@storybook/preset-create-react-app": "^3.2.0",
     "@storybook/react": "^6.3.8",
     "@storybook/theming": "^6.4.22",
+    "@svgr/rollup": "^6.2.1",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^7.0.2",

package/build/components/Banner/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const Banner: () => JSX.Element;
-export default Banner;

package/build/components/Input/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const Input: () => JSX.Element;
-export default Input;