@televet/kibble-ui 1.0.11 → 1.0.12-beta.1

package/build/providers/index.d.ts

@@ -0,0 +1 @@
+export * from './ThemeProvider';

package/build/theme/index.d.ts

@@ -1,48 +1,2 @@
-import type { ComponentStyleConfig } from '@chakra-ui/theme';
-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';
-import { ButtonStyleConfig } from '../components/Button';
-import { TooltipStyleConfig } from '../components/Tooltip/tooltip.model';
-declare const theme: ITheme;
-export interface ITheme {
-    blur: Tblur;
-    borders: Tborders;
-    colors: TColors;
-    radii: TRadii;
-    shadows: TShadows;
-    sizes: TSizes;
-    fonts: TFonts;
-    fontSizes: TFontSizes;
-    fontWeights: TFontWeights;
-    lineHeights: TLineHeights;
-    space: TSpace;
-    transition: TTransition;
-    zIndices: TZIndices;
-    semanticTokens: ISemanticTokens;
-    initialColorMode: string;
-    useSystemColorMode: boolean;
-    config: {
-        initialColorMode: string;
-        useSystemColorMode: boolean;
-    };
-    components: {
-        Button: ButtonStyleConfig;
-        Drawer: ComponentStyleConfig;
-        Textarea: ComponentStyleConfig;
-        Heading: ComponentStyleConfig;
-        Text: ComponentStyleConfig;
-        Tooltip: TooltipStyleConfig;
-    };
-}
-export default theme;
+export * from './theme.model';
+export * from './theme.record';

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

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

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

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

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

@@ -1,5 +1,5 @@
-declare const blur: Tblur;
-export declare type Tblur = {
+export declare const blur: Blur;
+export declare type Blur = {
     none: number;
     sm: string;
     base: string;
@@ -9,4 +9,3 @@ export declare type Tblur = {
     '2xl': string;
     '3xl': string;
 };
-export default blur;

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

@@ -1,15 +1,8 @@
-declare const borders: {
+export declare const borders: Borders;
+export declare type Borders = {
     none: number;
     '1px': string;
     '2px': string;
     '4px': string;
     '8px': string;
 };
-export declare type Tborders = {
-    none: number;
-    '1px': string;
-    '2px': string;
-    '4px': string;
-    '8px': string;
-};
-export default borders;

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

@@ -0,0 +1,74 @@
+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: {
+        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;
+    };
+    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.record.d.ts

@@ -0,0 +1,6 @@
+import { AdaptiveColorTokens, BaseColors, SemanticTokens } from './color.model';
+import { Colors } from './color.type';
+export declare const baseColors: BaseColors;
+export declare const semanticTokens: SemanticTokens;
+export declare const adaptiveColorTokens: AdaptiveColorTokens;
+export declare const colors: Colors;

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

@@ -0,0 +1,8 @@
+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 Colors = BaseColors & SemanticTokens & AdaptiveColorTokens;

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

@@ -0,0 +1,3 @@
+export * from './color.model';
+export * from './color.record';
+export * from './color.type';

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

@@ -1,5 +1,5 @@
-declare const fontSizes: TFontSizes;
-export declare type TFontSizes = {
+export declare const fontSizes: FontSizes;
+export declare type FontSizes = {
     xs: string;
     sm: string;
     md: string;
@@ -14,4 +14,3 @@ export declare type TFontSizes = {
     '8xl': string;
     '9xl': string;
 };
-export default fontSizes;

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

@@ -1,5 +1,5 @@
-declare const fontWeights: TFontWeights;
-export declare type TFontWeights = {
+export declare const fontWeights: FontWeights;
+export declare type FontWeights = {
     hairline: number;
     thin: number;
     light: number;
@@ -10,4 +10,3 @@ export declare type TFontWeights = {
     extrabold: number;
     black: number;
 };
-export default fontWeights;

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

@@ -1,7 +1,6 @@
-declare const fonts: TFonts;
-export declare type TFonts = {
+export declare const fonts: Fonts;
+export declare type Fonts = {
     heading: string;
     body: string;
     mono: string;
 };
-export default fonts;

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

@@ -0,0 +1,14 @@
+export * from './blur';
+export * from './borders';
+export * from './colors';
+export * from './fonts';
+export * from './fontSizes';
+export * from './fontWeights';
+export * from './letterSpacings';
+export * from './lineHeights';
+export * from './radii';
+export * from './shadows';
+export * from './sizes';
+export * from './space';
+export * from './transition';
+export * from './zIndeces';

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

@@ -1,4 +1,5 @@
-declare const letterSpacings: {
+export declare const letterSpacings: LetterSpacings;
+export declare type LetterSpacings = {
     tighter: string;
     tight: string;
     normal: string;
@@ -6,12 +7,3 @@ declare const letterSpacings: {
     wider: string;
     widest: string;
 };
-export declare type TLetterSpacings = {
-    tighter: string;
-    tight: string;
-    normal: string;
-    wide: string;
-    wider: string;
-    widest: string;
-};
-export default letterSpacings;

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

@@ -1,5 +1,5 @@
-declare const lineHeights: TLineHeights;
-export declare type TLineHeights = {
+export declare const lineHeights: LineHeights;
+export declare type LineHeights = {
     normal: string;
     none: number;
     shorter: number;
@@ -16,4 +16,3 @@ export declare type TLineHeights = {
     '9': string;
     '10': string;
 };
-export default lineHeights;

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

@@ -1,5 +1,5 @@
-declare const radii: TRadii;
-export declare type TRadii = {
+export declare const radii: Radii;
+export declare type Radii = {
     none: string;
     sm: string;
     base: string;
@@ -10,4 +10,3 @@ export declare type TRadii = {
     '3xl': string;
     full: string;
 };
-export default radii;

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

@@ -1,4 +1,5 @@
-declare const shadows: {
+export declare const shadows: Shadows;
+export declare type Shadows = {
     xs: string;
     sm: string;
     base: string;
@@ -11,17 +12,3 @@ declare const shadows: {
     none: string;
     'dark-lg': string;
 };
-export declare type TShadows = {
-    xs: string;
-    sm: string;
-    base: string;
-    md: string;
-    lg: string;
-    xl: string;
-    '2xl': string;
-    outline: string;
-    inner: string;
-    none: string;
-    'dark-lg': string;
-};
-export default shadows;

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

@@ -1,5 +1,5 @@
-declare const sizes: TSizes;
-export declare type TSizes = {
+export declare const sizes: Sizes;
+export declare type Sizes = {
     max: string;
     min: string;
     full: string;
@@ -24,4 +24,3 @@ export declare type TSizes = {
         xl: string;
     };
 };
-export default sizes;

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

@@ -1,5 +1,5 @@
-declare const space: TSpace;
-export declare type TSpace = {
+export declare const space: Space;
+export declare type Space = {
     px: string;
     0.5: string;
     1: string;
@@ -34,4 +34,3 @@ export declare type TSpace = {
     80: string;
     96: string;
 };
-export default space;

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

@@ -1,16 +1,16 @@
-interface ITransitionProperty {
+interface TransitionProperty {
     common: string;
     colors: string;
     dimensions: string;
     position: string;
     background: string;
 }
-interface ITransitionTimingFunction {
+interface TransitionTimingFunction {
     'ease-in': string;
     'ease-out': string;
     'ease-in-out': string;
 }
-interface ITransitionDuration {
+interface TransitionDuration {
     'ultra-fast': string;
     faster: string;
     fast: string;
@@ -19,10 +19,10 @@ interface ITransitionDuration {
     slower: string;
     'ultra-slow': string;
 }
-declare const transition: TTransition;
-export declare type TTransition = {
-    property: ITransitionProperty;
-    easing: ITransitionTimingFunction;
-    duration: ITransitionDuration;
+export declare const transition: Transition;
+export declare type Transition = {
+    property: TransitionProperty;
+    easing: TransitionTimingFunction;
+    duration: TransitionDuration;
 };
-export default transition;
+export {};

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

@@ -1,5 +1,5 @@
-declare const zIndices: TZIndices;
-export declare type TZIndices = {
+export declare const zIndices: ZIndices;
+export declare type ZIndices = {
     hide: number;
     auto: string;
     base: number;
@@ -14,4 +14,3 @@ export declare type TZIndices = {
     toast: number;
     tooltip: number;
 };
-export default zIndices;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@televet/kibble-ui",
-  "version": "1.0.11",
+  "version": "1.0.12-beta.1",
   "description": "Kibble Design System by Televet",
   "author": "TeleVet",
   "main": "build/index.js",
@@ -128,6 +128,6 @@
     "styled-components": ">=5.0.0"
   },
   "dependencies": {
-    "@televet/kibble-icons": "^0.1.3"
+    "@televet/kibble-icons": "^0.1.4"
   }
 }