@televet/kibble-ui 0.1.0-beta.1

package/build/providers/ThemeProvider/ThemeProvider.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+declare const ThemeProvider: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;
+export default ThemeProvider;

package/build/providers/ThemeProvider/index.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+declare const KibbleThemeProvider: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;
+export default KibbleThemeProvider;

package/build/theme/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/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/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/colors.d.ts

@@ -0,0 +1,193 @@
+interface IPallette {
+    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;
+    };
+}
+interface ISemanticTokens {
+    text: {
+        onLight: string;
+        onLightSubtle: string;
+        onDark: string;
+        headline: string;
+    };
+    background: {
+        light: string;
+        gray: string;
+        info: string;
+        error: string;
+        warning: string;
+        success: string;
+    };
+    border: {
+        default: string;
+        dark: string;
+        info: string;
+        error: string;
+        warning: string;
+        success: string;
+    };
+    button: {
+        primaryDefault: string;
+        primaryHover: string;
+        primaryActive: string;
+        secondaryDefault: string;
+        secondaryHover: string;
+        secondaryActive: string;
+        tertiaryDefault: string;
+        tertiaryHover: string;
+        tertiaryActive: string;
+        ghostDefault: string;
+        ghostHover: string;
+        ghostActive: string;
+    };
+    link: {
+        onLight: string;
+    };
+    icon: {
+        onLight: string;
+        onDark: string;
+        active: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    divider: {
+        onLight: string;
+    };
+    status: {
+        open: string;
+        confirmed: string;
+        success: string;
+        warning: string;
+        action: string;
+        negative: string;
+        error: string;
+    };
+}
+export declare type TColors = IPallette & ISemanticTokens;
+declare const colors: TColors;
+export default colors;

package/build/theme/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/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/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/index.d.ts

@@ -0,0 +1,32 @@
+import { 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';
+declare const theme: ITheme;
+export interface ITheme {
+    blur: Tblur;
+    borders: Tborders;
+    breakpoints: Tbreakpoints;
+    colors: TColors;
+    radii: TRadii;
+    shadows: TShadows;
+    sizes: TSizes;
+    fonts: TFonts;
+    fontSizes: TFontSizes;
+    fontWeights: TFontWeights;
+    lineHeights: TLineHeights;
+    space: TSpace;
+    transition: TTransition;
+    zIndices: TZIndices;
+}
+export default theme;

package/build/theme/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/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/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/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/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/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/theme.d.ts

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

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

@@ -0,0 +1,190 @@
+declare const colors: {
+    pallette: {
+        comet: {
+            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;
+        };
+        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;
+        };
+        transparent: string;
+        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;
+        };
+    };
+    semanticTokens: {
+        text: {
+            onLight: string;
+            onLightSubtle: string;
+            onDark: string;
+            headline: string;
+        };
+        background: {
+            light: string;
+            gray: string;
+            info: string;
+            error: string;
+            warning: string;
+            success: string;
+        };
+        border: {
+            default: string;
+            dark: string;
+            info: string;
+            error: string;
+            warning: string;
+            success: string;
+        };
+        button: {
+            primaryDefault: string;
+            primaryHover: string;
+            primaryActive: string;
+            secondaryDefault: string;
+            secondaryHover: string;
+            secondaryActive: string;
+            tertiaryDefault: string;
+            tertiaryHover: string;
+            tertiaryActive: string;
+            ghostDefault: string;
+            ghostHover: string;
+            ghostActive: string;
+        };
+        link: {
+            onLight: string;
+        };
+        icon: {
+            onLight: string;
+            onDark: string;
+            active: string;
+            success: string;
+            warning: string;
+            error: string;
+        };
+        divider: {
+            onLight: string;
+        };
+        status: {
+            open: string;
+            confirmed: string;
+            success: string;
+            warning: string;
+            action: string;
+            negative: string;
+            error: string;
+        };
+    };
+};
+export default colors;

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

@@ -0,0 +1,6 @@
+declare const fonts: {
+    body: string;
+    heading: string;
+    mono: string;
+};
+export default fonts;

package/build/theme/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;