@televet/kibble-ui 0.1.0-beta.19 → 0.1.0-beta.2

package/build/theme/colors.d.ts

@@ -1,6 +1,4 @@
-export declare const baseColors: IBaseColors;
-export declare const semanticTokens: ISemanticTokens;
-interface IBaseColors {
+interface IPallette {
     transparent: string;
     current: string;
     black: string;
@@ -129,50 +127,54 @@ interface IBaseColors {
         900: string;
     };
 }
-export interface ISemanticTokens {
+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;
+        gray: string;
+        info: string;
+        error: string;
+        warning: string;
+        success: string;
+    };
+    border: {
+        default: string;
         dark: string;
-        table: string;
-        overlay: 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;
-        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;
     };
@@ -184,14 +186,8 @@ export interface ISemanticTokens {
         action: string;
         negative: string;
         error: string;
-        archived: string;
-        closed: string;
-    };
-    brand: {
-        teal: string;
-        red: string;
     };
 }
-export declare type TColors = IBaseColors & ISemanticTokens;
+export declare type TColors = IPallette & ISemanticTokens;
 declare const colors: TColors;
 export default colors;

package/build/theme/index.d.ts

@@ -1,19 +1,17 @@
-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 { 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;
@@ -30,10 +28,5 @@ export interface ITheme {
     space: TSpace;
     transition: TTransition;
     zIndices: TZIndices;
-    palette: TPalette;
-    semanticTokens: ISemanticTokens;
-    styles: TGlobalStyles;
-    initialColorMode: string;
-    useSystemColorMode: boolean;
 }
 export default theme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@televet/kibble-ui",
-  "version": "0.1.0-beta.19",
+  "version": "0.1.0-beta.2",
   "description": "Kibble Design System by Televet",
   "author": "TeleVet",
   "main": "build/index.js",
@@ -45,8 +45,8 @@
     "@babel/preset-react": "^7.14.5",
     "@babel/runtime": "^7.15.3",
     "@chakra-ui/storybook-addon": "^1.0.3",
-    "@emotion/react": "^11.4.0",
-    "@emotion/styled": "^11.3.0",
+    "@emotion/react": "^11.8.1",
+    "@emotion/styled": "^11.8.1",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^20.0.0",
     "@rollup/plugin-node-resolve": "^13.0.4",
@@ -100,7 +100,9 @@
     "rollup-plugin-typescript2": "^0.27.1",
     "stylelint": "^13.13.1",
     "stylelint-config-standard": "^22.0.0",
-    "stylelint-order": "^4.1.0",
+    "stylelint-order": "^4.1.0"
+  },
+  "dependencies": {
     "@types/jest": "^27.4.1",
     "@types/node": "^17.0.21",
     "@types/react": "^17.0.40",
@@ -115,10 +117,6 @@
   },
   "peerDependencies": {
     "@chakra-ui/react": "^1.8.6",
-    "@chakra-ui/icons": "^1.1.7",
-    "@emotion/react": "^11.4.0",
-    "@emotion/styled": "^11.3.0",
-    "@chakra-ui/theme-tools": "^1.3.6",
     "styled-components": ">=5.0.0",
     "react-hook-form": ">=5.7.0",
     "prop-types": ">=15.0.0",

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const KInput: () => JSX.Element;
-export default KInput;

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

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

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

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

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

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

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

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

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

@@ -1,12 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,197 +0,0 @@
-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

@@ -1,17 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

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

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

@@ -1,17 +0,0 @@
-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

@@ -1,19 +0,0 @@
-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

@@ -1,23 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,27 +0,0 @@
-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

@@ -1,27 +0,0 @@
-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

@@ -1,37 +0,0 @@
-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

@@ -1,28 +0,0 @@
-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;