@televet/kibble-ui 4.0.0-beta.1 → 4.0.0-beta.100

package/dist/types/theme/semanticTokens/semanticTokens.records.d.ts

@@ -0,0 +1,390 @@
+export declare const semanticTextColorTokens: {
+    DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+    accent: {
+        DEFAULT: any;
+        subtle: any;
+    };
+    brand: {
+        DEFAULT: any;
+        contrast: {
+            DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+            hover: import('./semanticTokens.types').SemanticTokenDefinition;
+        };
+        hover: any;
+    };
+    contrast: any;
+    danger: {
+        DEFAULT: any;
+        contrast: {
+            DEFAULT: any;
+        };
+    };
+    default: import('./semanticTokens.types').SemanticTokenDefinition;
+    info: any;
+    interactive: {
+        DEFAULT: any;
+        contrast: {
+            DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+            hover: import('./semanticTokens.types').SemanticTokenDefinition;
+        };
+        hover: any;
+    };
+    logo: {
+        DEFAULT: any;
+        contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+    };
+    placeholder: {
+        DEFAULT: any;
+        contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+    };
+    subtle: {
+        DEFAULT: any;
+        contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+    };
+    success: any;
+    warning: any;
+};
+export declare const semanticDividerColorTokens: {
+    DEFAULT: any;
+    default: any;
+};
+export declare const semanticBorderColorTokens: {
+    DEFAULT: any;
+    accent: {
+        DEFAULT: any;
+        subtle: any;
+    };
+    brand: {
+        DEFAULT: any;
+        contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+    };
+    contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+    danger: {
+        DEFAULT: any;
+        contrast: any;
+    };
+    default: any;
+    focus: {
+        DEFAULT: any;
+        contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+    };
+    info: any;
+    strong: {
+        DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+        contrast: any;
+    };
+    subtle: any;
+    'subtle.contrast': import('./semanticTokens.types').SemanticTokenDefinition;
+    success: any;
+    warning: any;
+};
+export declare const semanticBackgroundColorTokens: {
+    DEFAULT: any;
+    accent: {
+        DEFAULT: any;
+        subtle: any;
+    };
+    ai: {
+        DEFAULT: any;
+        hover: any;
+        pressed: any;
+    };
+    alpha: {
+        DEFAULT: any;
+        contrast: {
+            DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+            hover: import('./semanticTokens.types').SemanticTokenDefinition;
+            pressed: import('./semanticTokens.types').SemanticTokenDefinition;
+        };
+        hover: any;
+        pressed: any;
+    };
+    backdrop: any;
+    brand: any;
+    contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+    danger: {
+        DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+        contrast: any;
+    };
+    default: any;
+    destructive: {
+        DEFAULT: any;
+        contrast: {
+            DEFAULT: any;
+            hover: import('./semanticTokens.types').SemanticTokenDefinition;
+            pressed: import('./semanticTokens.types').SemanticTokenDefinition;
+        };
+        hover: any;
+        pressed: any;
+    };
+    destructiveAlpha: {
+        DEFAULT: any;
+        contrast: {
+            DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+            hover: import('./semanticTokens.types').SemanticTokenDefinition;
+            pressed: import('./semanticTokens.types').SemanticTokenDefinition;
+        };
+        hover: any;
+        pressed: any;
+    };
+    info: any;
+    note: {
+        DEFAULT: any;
+        hover: any;
+    };
+    overlay: {
+        DEFAULT: any;
+        contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+    };
+    primary: {
+        DEFAULT: any;
+        contrast: {
+            DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+            hover: import('./semanticTokens.types').SemanticTokenDefinition;
+            pressed: import('./semanticTokens.types').SemanticTokenDefinition;
+        };
+        hover: any;
+        pressed: any;
+    };
+    primaryAlpha: {
+        DEFAULT: any;
+        contrast: {
+            DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+            hover: import('./semanticTokens.types').SemanticTokenDefinition;
+            pressed: import('./semanticTokens.types').SemanticTokenDefinition;
+        };
+        hover: any;
+        pressed: any;
+    };
+    secondary: {
+        DEFAULT: any;
+        contrast: {
+            DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+            hover: import('./semanticTokens.types').SemanticTokenDefinition;
+            pressed: import('./semanticTokens.types').SemanticTokenDefinition;
+        };
+        hover: any;
+        pressed: any;
+    };
+    secondaryAlpha: {
+        DEFAULT: any;
+        contrast: {
+            DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+            hover: import('./semanticTokens.types').SemanticTokenDefinition;
+            pressed: import('./semanticTokens.types').SemanticTokenDefinition;
+        };
+        hover: any;
+        pressed: any;
+    };
+    subtle: {
+        DEFAULT: any;
+        contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+        less: any;
+        more: import('./semanticTokens.types').SemanticTokenDefinition;
+        most: any;
+    };
+    success: {
+        DEFAULT: any;
+        contrast: any;
+    };
+    warning: {
+        DEFAULT: any;
+        contrast: any;
+    };
+};
+export declare const semanticColorTokenRecord: {
+    background: {
+        DEFAULT: any;
+        accent: {
+            DEFAULT: any;
+            subtle: any;
+        };
+        ai: {
+            DEFAULT: any;
+            hover: any;
+            pressed: any;
+        };
+        alpha: {
+            DEFAULT: any;
+            contrast: {
+                DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+                hover: import('./semanticTokens.types').SemanticTokenDefinition;
+                pressed: import('./semanticTokens.types').SemanticTokenDefinition;
+            };
+            hover: any;
+            pressed: any;
+        };
+        backdrop: any;
+        brand: any;
+        contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+        danger: {
+            DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+            contrast: any;
+        };
+        default: any;
+        destructive: {
+            DEFAULT: any;
+            contrast: {
+                DEFAULT: any;
+                hover: import('./semanticTokens.types').SemanticTokenDefinition;
+                pressed: import('./semanticTokens.types').SemanticTokenDefinition;
+            };
+            hover: any;
+            pressed: any;
+        };
+        destructiveAlpha: {
+            DEFAULT: any;
+            contrast: {
+                DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+                hover: import('./semanticTokens.types').SemanticTokenDefinition;
+                pressed: import('./semanticTokens.types').SemanticTokenDefinition;
+            };
+            hover: any;
+            pressed: any;
+        };
+        info: any;
+        note: {
+            DEFAULT: any;
+            hover: any;
+        };
+        overlay: {
+            DEFAULT: any;
+            contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+        };
+        primary: {
+            DEFAULT: any;
+            contrast: {
+                DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+                hover: import('./semanticTokens.types').SemanticTokenDefinition;
+                pressed: import('./semanticTokens.types').SemanticTokenDefinition;
+            };
+            hover: any;
+            pressed: any;
+        };
+        primaryAlpha: {
+            DEFAULT: any;
+            contrast: {
+                DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+                hover: import('./semanticTokens.types').SemanticTokenDefinition;
+                pressed: import('./semanticTokens.types').SemanticTokenDefinition;
+            };
+            hover: any;
+            pressed: any;
+        };
+        secondary: {
+            DEFAULT: any;
+            contrast: {
+                DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+                hover: import('./semanticTokens.types').SemanticTokenDefinition;
+                pressed: import('./semanticTokens.types').SemanticTokenDefinition;
+            };
+            hover: any;
+            pressed: any;
+        };
+        secondaryAlpha: {
+            DEFAULT: any;
+            contrast: {
+                DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+                hover: import('./semanticTokens.types').SemanticTokenDefinition;
+                pressed: import('./semanticTokens.types').SemanticTokenDefinition;
+            };
+            hover: any;
+            pressed: any;
+        };
+        subtle: {
+            DEFAULT: any;
+            contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+            less: any;
+            more: import('./semanticTokens.types').SemanticTokenDefinition;
+            most: any;
+        };
+        success: {
+            DEFAULT: any;
+            contrast: any;
+        };
+        warning: {
+            DEFAULT: any;
+            contrast: any;
+        };
+    };
+    border: {
+        DEFAULT: any;
+        accent: {
+            DEFAULT: any;
+            subtle: any;
+        };
+        brand: {
+            DEFAULT: any;
+            contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+        };
+        contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+        danger: {
+            DEFAULT: any;
+            contrast: any;
+        };
+        default: any;
+        focus: {
+            DEFAULT: any;
+            contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+        };
+        info: any;
+        strong: {
+            DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+            contrast: any;
+        };
+        subtle: any;
+        'subtle.contrast': import('./semanticTokens.types').SemanticTokenDefinition;
+        success: any;
+        warning: any;
+    };
+    divider: {
+        DEFAULT: any;
+        default: any;
+    };
+    text: {
+        DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+        accent: {
+            DEFAULT: any;
+            subtle: any;
+        };
+        brand: {
+            DEFAULT: any;
+            contrast: {
+                DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+                hover: import('./semanticTokens.types').SemanticTokenDefinition;
+            };
+            hover: any;
+        };
+        contrast: any;
+        danger: {
+            DEFAULT: any;
+            contrast: {
+                DEFAULT: any;
+            };
+        };
+        default: import('./semanticTokens.types').SemanticTokenDefinition;
+        info: any;
+        interactive: {
+            DEFAULT: any;
+            contrast: {
+                DEFAULT: import('./semanticTokens.types').SemanticTokenDefinition;
+                hover: import('./semanticTokens.types').SemanticTokenDefinition;
+            };
+            hover: any;
+        };
+        logo: {
+            DEFAULT: any;
+            contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+        };
+        placeholder: {
+            DEFAULT: any;
+            contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+        };
+        subtle: {
+            DEFAULT: any;
+            contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+        };
+        success: any;
+        warning: any;
+    };
+};

package/dist/types/theme/semanticTokens/semanticTokens.types.d.ts

@@ -0,0 +1,16 @@
+export type SemanticProperty = 'text' | 'background' | 'border' | 'divider';
+export type SemanticColorScheme = 'primary' | 'secondary' | 'danger' | 'warning' | 'success' | 'neutral' | 'primaryAlpha' | 'secondaryAlpha' | 'dangerAlpha' | 'neutralAlpha' | 'ai';
+export type SemanticTokenDefinition = {
+    value: {
+        _light: string | number;
+        _dark: string | number;
+    };
+};
+export declare const semanticTypographyTokens: readonly ["text", "text.accent", "text.accentSubtle", "text.brand", "text.brand.contrast", "text.brand.contrast.hover", "text.brand.hover", "text.contrast", "text.danger", "text.danger.contrast", "text.default", "text.info", "text.interactive", "text.interactive.contrast", "text.interactive.contrast.hover", "text.interactive.hover", "text.placeholder", "text.placeholder.contrast", "text.subtle", "text.subtle.contrast", "text.success", "text.warning"];
+export type SemanticTypographyToken = (typeof semanticTypographyTokens)[number];
+export declare const semanticBackgroundTokens: readonly ["background.accent", "background.accentSubtle", "background.ai", "background.ai.hover", "background.ai.pressed", "background.alpha", "background.alpha.contrast", "background.alpha.contrast.hover", "background.alpha.contrast.pressed", "background.alpha.hover", "background.alpha.pressed", "background.backdrop", "background.brand", "background.contrast", "background.danger", "background.danger.contrast", "background.default", "background.destructive", "background.destructive.hover", "background.destructive.pressed", "background.destructive.contrast", "background.destructive.contrast.hover", "background.destructive.contrast.pressed", "background.destructiveAlpha", "background.destructiveAlpha.contrast", "background.destructiveAlpha.contrast.hover", "background.destructiveAlpha.contrast.pressed", "background.destructiveAlpha.hover", "background.destructiveAlpha.pressed", "background.info", "background.note", "background.note.hover", "background.overlay", "background.primary", "background.primary.contrast", "background.primary.contrast.hover", "background.primary.contrast.pressed", "background.primary.hover", "background.primary.pressed", "background.primaryAlpha", "background.primaryAlpha.contrast", "background.primaryAlpha.contrast.hover", "background.primaryAlpha.contrast.pressed", "background.primaryAlpha.hover", "background.primaryAlpha.pressed", "background.secondary", "background.secondary.contrast", "background.secondary.contrast.hover", "background.secondary.contrast.pressed", "background.secondary.hover", "background.secondary.pressed", "background.secondaryAlpha", "background.secondaryAlpha.contrast", "background.secondaryAlpha.contrast.hover", "background.secondaryAlpha.contrast.pressed", "background.secondaryAlpha.hover", "background.secondaryAlpha.pressed", "background.subtle", "background.subtle.contrast", "background.subtle.less", "background.subtle.more", "background.subtle.most", "background.success", "background.success.contrast", "background.warning", "background.warning.contrast"];
+export type SemanticBackgroundColorToken = (typeof semanticBackgroundTokens)[number];
+export declare const semanticDividerTokens: readonly ["divider", "divider.default"];
+export type SemanticDividerColorToken = (typeof semanticDividerTokens)[number];
+export declare const semanticBorderTokens: readonly ["border", "border.accent", "border.accentSubtle", "border.brand", "border.contrast", "border.danger", "border.danger.contrast", "border.default", "border.focus", "border.focus.contrast", "border.info", "border.strong", "border.strong.contrast", "border.subtle", "border.subtle.contrast", "border.success", "border.warning"];
+export type SemanticBorderColorToken = (typeof semanticBorderTokens)[number];

package/dist/types/theme/semanticTokens/utils/flattenSemanticTokenRecord.d.ts

@@ -0,0 +1,10 @@
+import { SemanticProperty } from '../semanticTokens.types';
+export type FlatSemanticTokenRecord = Record<string, {
+    _dark: string;
+    _light: string;
+}>;
+export declare const flattenSemanticTokenRecord: ({ property, record, shouldPrefix, }: {
+    property: SemanticProperty;
+    record: Record<string, any>;
+    shouldPrefix?: boolean;
+}) => FlatSemanticTokenRecord;

package/dist/types/theme/semanticTokens/utils/getSemanticColorToken.d.ts

@@ -0,0 +1,6 @@
+import { SemanticProperty } from '../semanticTokens.types';
+import { FlatSemanticTokenRecord } from './flattenSemanticTokenRecord';
+export type KibbleThemeMode = 'light' | 'dark';
+export declare const getSemanticColorTokenRecord: ({ property }: {
+    property: SemanticProperty;
+}) => FlatSemanticTokenRecord;

package/dist/types/theme/semanticTokens/utils/invertToken.d.ts

@@ -0,0 +1,2 @@
+import { SemanticTokenDefinition } from '../semanticTokens.types';
+export declare const invertToken: (token: SemanticTokenDefinition) => SemanticTokenDefinition;

package/dist/types/theme/theme.config.d.ts

@@ -0,0 +1,2 @@
+export declare const kibbleThemeConfig: import('@chakra-ui/react').SystemConfig;
+export declare const system: import('@chakra-ui/react').SystemContext;

package/dist/types/theme/tokens/blurs/blurs.config.d.ts

@@ -0,0 +1,26 @@
+export declare const blurTokens: {
+    sm: {
+        value: string;
+    };
+    md: {
+        value: string;
+    };
+    lg: {
+        value: string;
+    };
+    xl: {
+        value: string;
+    };
+    "2xl": {
+        value: string;
+    };
+    "3xl": {
+        value: string;
+    };
+    none: {
+        value: string;
+    };
+    base: {
+        value: string;
+    };
+};

package/dist/types/theme/tokens/blurs/blurs.records.d.ts

@@ -0,0 +1,2 @@
+import { Blur } from './blurs.types';
+export declare const blurs: Record<Blur, string>;

package/dist/types/theme/tokens/blurs/blurs.types.d.ts

@@ -0,0 +1 @@
+export type Blur = 'none' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';

package/dist/types/theme/tokens/blurs/index.d.ts

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

package/dist/types/theme/tokens/borders/borders.config.d.ts

@@ -0,0 +1,49 @@
+export declare const borderTokens: {
+    none: {
+        value: string;
+    };
+    "1px": {
+        value: string;
+    };
+    "2px": {
+        value: string;
+    };
+    "4px": {
+        value: string;
+    };
+    "8px": {
+        value: string;
+    };
+};
+export declare const radiiTokens: {
+    xs: {
+        value: string;
+    };
+    sm: {
+        value: string;
+    };
+    md: {
+        value: string;
+    };
+    lg: {
+        value: string;
+    };
+    xl: {
+        value: string;
+    };
+    "2xl": {
+        value: string;
+    };
+    "3xl": {
+        value: string;
+    };
+    none: {
+        value: string;
+    };
+    base: {
+        value: string;
+    };
+    full: {
+        value: string;
+    };
+};

package/dist/types/theme/tokens/borders/borders.records.d.ts

@@ -0,0 +1,3 @@
+import { Border, Radius } from './borders.types';
+export declare const borders: Record<Border, string>;
+export declare const radii: Record<Radius, string>;

package/dist/types/theme/tokens/borders/borders.types.d.ts

@@ -0,0 +1,2 @@
+export type Border = 'none' | '1px' | '2px' | '4px' | '8px';
+export type Radius = 'none' | 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';

package/dist/types/theme/tokens/borders/index.d.ts

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

package/dist/types/theme/tokens/colors/colors.config.d.ts

@@ -0,0 +1,3 @@
+export declare const colorTokens: Record<import('./colors.types').CoreColor, Record<import('./colors.types').ColorValue, {
+    value: string;
+}>>;

package/dist/types/theme/tokens/colors/colors.records.d.ts

@@ -0,0 +1,2 @@
+import { CoreColor, ColorValue } from './colors.types';
+export declare const coreColors: Record<CoreColor, Record<ColorValue, string>>;

package/dist/types/theme/tokens/colors/colors.types.d.ts

@@ -0,0 +1,2 @@
+export type ColorValue = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+export type CoreColor = 'primary' | 'secondary' | 'tertiary' | 'neutral' | 'danger' | 'warning' | 'success' | 'primaryAlpha' | 'secondaryAlpha' | 'dangerAlpha' | 'primaryAlphaInverse' | 'secondaryAlphaInverse' | 'blackAlpha' | 'whiteAlpha' | 'dangerAlphaInverse';

package/dist/types/theme/tokens/colors/index.d.ts

@@ -0,0 +1,2 @@
+export * from './colors.records';
+export * from './colors.types';

package/dist/types/theme/tokens/index.d.ts

@@ -0,0 +1,9 @@
+export * from './blurs';
+export * from './borders';
+export * from './colors';
+export * from './shadows';
+export * from './sizes';
+export * from './spacing';
+export * from './transitions';
+export * from './typography';
+export * from './zIndices';

package/dist/types/theme/tokens/shadows/index.d.ts

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

package/dist/types/theme/tokens/shadows/shadows.config.d.ts

@@ -0,0 +1,68 @@
+export declare const shadowTokens: {
+    xs: {
+        value: string;
+    };
+    sm: {
+        value: string;
+    };
+    md: {
+        value: string;
+    };
+    lg: {
+        value: string;
+    };
+    xl: {
+        value: string;
+    };
+    "2xl": {
+        value: string;
+    };
+    none: {
+        value: string;
+    };
+    base: {
+        value: string;
+    };
+    outline: {
+        value: string;
+    };
+    xsR: {
+        value: string;
+    };
+    smR: {
+        value: string;
+    };
+    baseR: {
+        value: string;
+    };
+    mdR: {
+        value: string;
+    };
+    lgR: {
+        value: string;
+    };
+    xlR: {
+        value: string;
+    };
+    "2xlR": {
+        value: string;
+    };
+    hover: {
+        value: string;
+    };
+    "hover.contrast": {
+        value: string;
+    };
+    active: {
+        value: string;
+    };
+    "active.contrast": {
+        value: string;
+    };
+    inner: {
+        value: string;
+    };
+    "dark-lg": {
+        value: string;
+    };
+};

package/dist/types/theme/tokens/shadows/shadows.records.d.ts

@@ -0,0 +1,6 @@
+import { Shadow, ShadowType } from './shadows.types';
+export declare const shadows: Record<Shadow, string>;
+export declare const shadowRecords: Record<Shadow, {
+    type: ShadowType;
+    value: string;
+}>;

package/dist/types/theme/tokens/shadows/shadows.types.d.ts

@@ -0,0 +1,2 @@
+export type Shadow = 'xs' | 'xsR' | 'sm' | 'smR' | 'base' | 'baseR' | 'md' | 'mdR' | 'lg' | 'lgR' | 'xl' | 'xlR' | '2xl' | '2xlR' | 'outline' | 'hover' | 'hover.contrast' | 'active' | 'active.contrast' | 'inner' | 'none' | 'dark-lg';
+export type ShadowType = 'base' | 'reverse' | 'misc';

package/dist/types/theme/tokens/sizes/index.d.ts

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