@televet/kibble-ui 0.1.0-beta.13 → 0.1.0-beta.14

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

@@ -0,0 +1,3 @@
+import type { ComponentStyleConfig } from '@chakra-ui/theme';
+declare const Input: ComponentStyleConfig;
+export default Input;

package/build/theme/components/Popover.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentStyleConfig } from '@chakra-ui/theme';
+declare const Popover: ComponentStyleConfig;
+export default Popover;

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

@@ -0,0 +1,7 @@
+import type { ComponentStyleConfig } from '@chakra-ui/theme';
+declare const components: TComponents;
+export declare type TComponents = {
+    Input: ComponentStyleConfig;
+    Popover: ComponentStyleConfig;
+};
+export default components;

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

@@ -0,0 +1,12 @@
+declare const blur: Tblur;
+export declare type Tblur = {
+    none: number;
+    sm: string;
+    base: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+};
+export default blur;

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

@@ -0,0 +1,15 @@
+declare const 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/foundations/breakpoints.d.ts

@@ -0,0 +1,9 @@
+declare const breakpoints: Tbreakpoints;
+export declare type Tbreakpoints = {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+};
+export default breakpoints;

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

@@ -0,0 +1,197 @@
+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;
+        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;
+    };
+}
+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: {
+        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;
+    };
+    status: {
+        open: string;
+        confirmed: string;
+        success: string;
+        warning: string;
+        action: string;
+        negative: string;
+        error: string;
+        archived: string;
+        closed: string;
+    };
+    brand: {
+        teal: string;
+        red: string;
+    };
+}
+export declare type TColors = IBaseColors & ISemanticTokens;
+declare const colors: TColors;
+export default colors;

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

@@ -0,0 +1,17 @@
+declare const fontSizes: TFontSizes;
+export declare type TFontSizes = {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    '4xl': string;
+    '5xl': string;
+    '6xl': string;
+    '7xl': string;
+    '8xl': string;
+    '9xl': string;
+};
+export default fontSizes;

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

@@ -0,0 +1,13 @@
+declare const fontWeights: TFontWeights;
+export declare type TFontWeights = {
+    hairline: number;
+    thin: number;
+    light: number;
+    normal: number;
+    medium: number;
+    semibold: number;
+    bold: number;
+    extrabold: number;
+    black: number;
+};
+export default fontWeights;

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

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

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

@@ -0,0 +1,17 @@
+declare const letterSpacings: {
+    tighter: string;
+    tight: string;
+    normal: string;
+    wide: string;
+    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/foundations/lineHeights.d.ts

@@ -0,0 +1,19 @@
+declare const lineHeights: TLineHeights;
+export declare type TLineHeights = {
+    normal: string;
+    none: number;
+    shorter: number;
+    short: number;
+    base: number;
+    tall: number;
+    taller: string;
+    '3': string;
+    '4': string;
+    '5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+    '10': string;
+};
+export default lineHeights;

package/build/theme/foundations/palette.d.ts

@@ -0,0 +1,23 @@
+declare const palette: TPalette;
+export declare type TPalette = {
+    primaryLightest: string;
+    primaryLight: string;
+    primary: string;
+    primaryDark: string;
+    error: string;
+    errorLight: string;
+    errorSecondary: string;
+    errorSecondaryDark: string;
+    grayWhite: string;
+    graySecondary: string;
+    success: string;
+    grayLightest: string;
+    grayLight: string;
+    grayDark: string;
+    grayDarker: string;
+    grayDarkest: string;
+    warning: string;
+    white: string;
+    black: string;
+};
+export default palette;

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

@@ -0,0 +1,13 @@
+declare const radii: TRadii;
+export declare type TRadii = {
+    none: string;
+    sm: string;
+    base: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    full: string;
+};
+export default radii;

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

@@ -0,0 +1,27 @@
+declare const shadows: {
+    xs: string;
+    sm: string;
+    base: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    outline: string;
+    inner: string;
+    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/foundations/sizes.d.ts

@@ -0,0 +1,27 @@
+declare const sizes: TSizes;
+export declare type TSizes = {
+    max: string;
+    min: string;
+    full: string;
+    '3xs': string;
+    '2xs': string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    '4xl': string;
+    '5xl': string;
+    '6xl': string;
+    '7xl': string;
+    '8xl': string;
+    container: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+};
+export default sizes;

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

@@ -0,0 +1,37 @@
+declare const space: TSpace;
+export declare type TSpace = {
+    px: string;
+    0.5: string;
+    1: string;
+    1.5: string;
+    2: string;
+    2.5: string;
+    3: string;
+    3.5: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    12: string;
+    14: string;
+    16: string;
+    20: string;
+    24: string;
+    28: string;
+    32: string;
+    36: string;
+    40: string;
+    44: string;
+    48: string;
+    52: string;
+    56: string;
+    60: string;
+    64: string;
+    72: string;
+    80: string;
+    96: string;
+};
+export default space;

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

@@ -0,0 +1,28 @@
+interface ITransitionProperty {
+    common: string;
+    colors: string;
+    dimensions: string;
+    position: string;
+    background: string;
+}
+interface ITransitionTimingFunction {
+    'ease-in': string;
+    'ease-out': string;
+    'ease-in-out': string;
+}
+interface ITransitionDuration {
+    'ultra-fast': string;
+    faster: string;
+    fast: string;
+    normal: string;
+    slow: string;
+    slower: string;
+    'ultra-slow': string;
+}
+declare const transition: TTransition;
+export declare type TTransition = {
+    property: ITransitionProperty;
+    easing: ITransitionTimingFunction;
+    duration: ITransitionDuration;
+};
+export default transition;

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

@@ -0,0 +1,17 @@
+declare const zIndices: TZIndices;
+export declare type TZIndices = {
+    hide: number;
+    auto: string;
+    base: number;
+    docked: number;
+    dropdown: number;
+    sticky: number;
+    banner: number;
+    overlay: number;
+    modal: number;
+    popover: number;
+    skipLink: number;
+    toast: number;
+    tooltip: number;
+};
+export default zIndices;

package/build/theme/index.d.ts

@@ -1,19 +1,20 @@
-import { ISemanticTokens, 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 { TPalette } from './palette';
+import { ISemanticTokens, TColors } from './foundations/colors';
+import { Tblur } from './foundations/blur';
+import { Tbreakpoints } from './foundations/breakpoints';
+import { Tborders } from './foundations/borders';
+import { TRadii } from './foundations/radii';
+import { TShadows } from './foundations/shadows';
+import { TSpace } from './foundations/space';
+import { TSizes } from './foundations/sizes';
+import { TTransition } from './foundations/transition';
+import { TFonts } from './foundations/fonts';
+import { TFontSizes } from './foundations/fontSizes';
+import { TFontWeights } from './foundations/fontWeights';
+import { TLineHeights } from './foundations/lineHeights';
+import { TZIndices } from './foundations/zIndeces';
+import { TPalette } from './foundations/palette';
 import { TGlobalStyles } from './global';
+import { TComponents } from './components';
 export interface ITheme {
     blur: Tblur;
     borders: Tborders;
@@ -34,6 +35,7 @@ export interface ITheme {
     styles: TGlobalStyles;
     initialColorMode: string;
     useSystemColorMode: boolean;
+    components: TComponents;
 }
 declare const theme: import("@chakra-ui/utils").Dict<any>;
 export default theme;

package/package.json

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