@televet/kibble-ui 1.3.2-release.0 → 1.3.2-release.1

package/build/shared/interfaces/SelectOption.d.ts

@@ -0,0 +1,4 @@
+export interface SelectOption {
+    value: string;
+    text: string;
+}

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

@@ -0,0 +1,37 @@
+import * as tokens from './tokens';
+import { ButtonStyleType, HeadingStyleConfig, TooltipStyleConfig } from '../components';
+import { ComponentStyleConfig } from '@chakra-ui/theme';
+import { Colors } from './tokens/colors/color.type';
+export interface ThemeProps {
+    theme: Theme;
+}
+export interface Theme {
+    blur: tokens.Blur;
+    borders: tokens.Borders;
+    colors: Colors;
+    radii: tokens.Radii;
+    shadows: tokens.Shadows;
+    sizes: tokens.Sizes;
+    fonts: tokens.Fonts;
+    fontSizes: tokens.FontSizes;
+    fontWeights: tokens.FontWeights;
+    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: ButtonStyleType;
+        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/tokens/colors/color.model.d.ts

@@ -0,0 +1,96 @@
+import { IconColor } from '../../../components';
+import { AdaptiveColorMap, ColorValueMap } 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: {
+        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;
+        grayDark: string;
+        tealLight: string;
+        dark: string;
+        table: string;
+        overlay: string;
+        info: string;
+        error: string;
+        warning: string;
+        success: string;
+    };
+    border: {
+        light: {
+            default: string;
+            heavy: string;
+            focus: string;
+            success: string;
+            warning: string;
+            error: string;
+            info: string;
+        };
+        dark: {
+            default: string;
+            heavy: string;
+        };
+    };
+    divider: {
+        light: {
+            default: string;
+        };
+        dark: {
+            default: 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,102 @@
+import { ColorMode } from '@chakra-ui/react';
+import { IconColor } 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>;
+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 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: {
+        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;
+        grayDark: string;
+        tealLight: string;
+        dark: string;
+        table: string;
+        overlay: string;
+        info: string;
+        error: string;
+        warning: string;
+        success: string;
+    };
+    border: {
+        light: {
+            default: string;
+            heavy: string;
+            focus: string;
+            success: string;
+            warning: string;
+            error: string;
+            info: string;
+        };
+        dark: {
+            default: string;
+            heavy: string;
+        };
+    };
+    divider: {
+        light: {
+            default: string;
+        };
+        dark: {
+            default: 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>;
+}
+export declare type Colors = BaseColors & SemanticTokens & AdaptiveColorTokens;

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

@@ -0,0 +1,82 @@
+import { IconColor } from '../../components/Icon/icon.types';
+import { ColorMode } from '@chakra-ui/react';
+export declare const baseColors: IBaseColors;
+export declare const semanticTokens: ISemanticTokens;
+interface IBaseColors {
+    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 ISemanticTokens {
+    text: {
+        onLight: string;
+        linkOnLight: string;
+        onLightSubtle: string;
+        onDark: string;
+        headline: string;
+        placeholder: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    background: {
+        light: string;
+        grayLight: string;
+        grayDark: string;
+        tealLight: string;
+        dark: string;
+        table: string;
+        overlay: string;
+        info: string;
+        error: string;
+        warning: string;
+        success: string;
+    };
+    icon: AdaptiveColorMap<IconColor>;
+    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 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@televet/kibble-ui",
-  "version": "1.3.2-release.0",
+  "version": "1.3.2-release.1",
   "description": "Kibble Design System by Televet",
   "author": "TeleVet",
   "main": "build/index.js",