@televet/kibble-ui 4.0.0-beta.8 → 4.0.0-beta.80

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

@@ -1 +1 @@
-export * from './blurs.types.js';
+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

@@ -1 +1 @@
-export * from './borders.types.js';
+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

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

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

@@ -1,9 +1,9 @@
-export * from './blurs.js';
-export * from './borders.js';
-export * from './colors.js';
-export * from './shadows.js';
-export * from './sizes.js';
-export * from './spacing.js';
-export * from './transitions.js';
-export * from './typography.js';
-export * from './zIndices.js';
+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

@@ -1 +1 @@
-export * from './shadows.types.js';
+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;
+    };
+    active: {
+        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.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

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