@televet/kibble-ui 1.2.1 → 1.2.2-beta.2p81ym7.2

package/build/theme/theme.model.d.ts

@@ -0,0 +1,37 @@
+import * as tokens from './tokens';
+import { ButtonStyleConfig, HeadingStyleConfig, TooltipStyleConfig } from '../components';
+import { ComponentStyleConfig } from '@chakra-ui/theme';
+import { FontWeight } from './tokens';
+export interface ThemeProps {
+    theme: Theme;
+}
+export interface Theme {
+    blur: tokens.Blur;
+    borders: tokens.Borders;
+    colors: tokens.Colors;
+    radii: tokens.Radii;
+    shadows: tokens.Shadows;
+    sizes: tokens.Sizes;
+    fonts: tokens.Fonts;
+    fontSizes: tokens.FontSizes;
+    fontWeights: Record<FontWeight, number>;
+    lineHeights: tokens.LineHeights;
+    space: tokens.Space;
+    transition: tokens.Transition;
+    zIndices: tokens.ZIndices;
+    semanticTokens: tokens.SemanticTokens;
+    initialColorMode: string;
+    useSystemColorMode: boolean;
+    config: {
+        initialColorMode: string;
+        useSystemColorMode: boolean;
+    };
+    components: {
+        Drawer: ComponentStyleConfig;
+        Textarea: ComponentStyleConfig;
+        Heading: HeadingStyleConfig;
+        Text: ComponentStyleConfig;
+        Button: ButtonStyleConfig;
+        Tooltip: TooltipStyleConfig;
+    };
+}

package/build/theme/theme.record.d.ts

@@ -0,0 +1,2 @@
+import { ITheme } from './theme.model';
+export declare const theme: ITheme;

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

@@ -1,14 +1,13 @@
 import * as tokens from './tokens';
 import { ButtonStyleType, HeadingStyleConfig, TooltipStyleConfig } from '../components';
 import { ComponentStyleConfig } from '@chakra-ui/theme';
-import { Colors } from './tokens/colors/color.types';
 export interface ThemeProps {
     theme: Theme;
 }
 export interface Theme {
     blur: tokens.Blur;
     borders: tokens.Borders;
-    colors: Colors;
+    colors: tokens.Colors;
     radii: tokens.Radii;
     shadows: tokens.Shadows;
     sizes: tokens.Sizes;

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

@@ -0,0 +1,64 @@
+import { IconColor } from '../../../components';
+import { AdaptiveColorMap, ColorValueMap, SemanticTextToken } from './color.type';
+export interface BaseColors {
+    transparent: string;
+    current: string;
+    black: string;
+    white: string;
+    whiteAlpha: ColorValueMap;
+    blackAlpha: ColorValueMap;
+    gray: ColorValueMap;
+    red: ColorValueMap;
+    orange: ColorValueMap;
+    yellow: ColorValueMap;
+    green: ColorValueMap;
+    teal: ColorValueMap;
+    blue: ColorValueMap;
+    comet: ColorValueMap;
+}
+export interface SemanticTokens {
+    text: Record<SemanticTextToken, string>;
+    background: {
+        light: string;
+        grayLight: string;
+        grayDark: string;
+        tealLight: string;
+        dark: string;
+        table: string;
+        overlay: string;
+        info: string;
+        error: string;
+        warning: string;
+        success: string;
+    };
+    border: {
+        default: string;
+        dark: string;
+        focus: string;
+        info: string;
+        error: string;
+        warning: string;
+        success: string;
+    };
+    divider: {
+        onLight: string;
+    };
+    status: {
+        open: string;
+        confirmed: string;
+        success: string;
+        warning: string;
+        action: string;
+        negative: string;
+        error: string;
+        archived: string;
+        closed: string;
+    };
+    general: {
+        brand: string;
+        error: string;
+    };
+}
+export interface AdaptiveColorTokens {
+    icon: AdaptiveColorMap<IconColor>;
+}

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

@@ -0,0 +1,9 @@
+import { ColorMode } from '@chakra-ui/react';
+import { AdaptiveColorTokens, BaseColors, SemanticTokens } from './color.model';
+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 SemanticTextToken = 'onLight' | 'linkOnLight' | 'onLightSubtle' | 'onDark' | 'headline' | 'placeholder' | 'success' | 'warning' | 'error';
+export declare type Colors = BaseColors & SemanticTokens & AdaptiveColorTokens;

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

@@ -1,5 +1,5 @@
 import { ColorMode } from '@chakra-ui/react';
-import { IconColor } from '../../../components';
+import { IconColor, TextColor } from '../../../components';
 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>;
@@ -23,28 +23,6 @@ export interface CoreColors {
     purple: ColorValueMap;
 }
 export interface SemanticColors {
-    text: {
-        light: {
-            default: string;
-            headline: string;
-            subtle: string;
-            link: string;
-            placeholder: string;
-            success: string;
-            warning: string;
-            error: string;
-        };
-        dark: {
-            default: string;
-            headline: string;
-            subtle: string;
-            link: string;
-            placeholder: string;
-            success: string;
-            warning: string;
-            error: string;
-        };
-    };
     background: {
         light: string;
         grayLight: string;
@@ -101,5 +79,6 @@ export interface SemanticColors {
 }
 export interface AdaptiveColors {
     icon: AdaptiveColorMap<IconColor>;
+    text: AdaptiveColorMap<TextColor>;
 }
 export declare type Colors = CoreColors & SemanticColors & AdaptiveColors;

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

@@ -1,12 +1,3 @@
-export declare const fontWeights: FontWeights;
-export declare type FontWeights = {
-    hairline: number;
-    thin: number;
-    light: number;
-    normal: number;
-    medium: number;
-    semibold: number;
-    bold: number;
-    extrabold: number;
-    black: number;
-};
+export declare const fontWeights: Record<FontWeight, number>;
+export declare type FontWeight = 'hairline' | 'thin' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';
+export declare type FontWeights = Record<FontWeight, number>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@televet/kibble-ui",
-  "version": "1.2.1",
+  "version": "1.2.2-beta.2p81ym7.2",
   "description": "Kibble Design System by Televet",
   "author": "TeleVet",
   "main": "build/index.js",