@televet/kibble-ui 4.0.0-beta.4 → 4.0.0-beta.40

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

@@ -0,0 +1,196 @@
+export declare const semanticColorTokens: {
+    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.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 themeConfig: 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';