@televet/kibble-ui 4.0.0-beta.3 → 4.0.0-beta.30

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;
+    };
+    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

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

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

@@ -0,0 +1,67 @@
+export declare const sizeTokens: {
+    container: {
+        sm: {
+            value: string;
+        };
+        md: {
+            value: string;
+        };
+        lg: {
+            value: string;
+        };
+        xl: {
+            value: string;
+        };
+    };
+    xs: {
+        value: string;
+    };
+    sm: {
+        value: string;
+    };
+    md: {
+        value: string;
+    };
+    lg: {
+        value: string;
+    };
+    xl: {
+        value: string;
+    };
+    "2xl": {
+        value: string;
+    };
+    "3xl": {
+        value: string;
+    };
+    "4xl": {
+        value: string;
+    };
+    "5xl": {
+        value: string;
+    };
+    "6xl": {
+        value: string;
+    };
+    "7xl": {
+        value: string;
+    };
+    "8xl": {
+        value: string;
+    };
+    "2xs": {
+        value: string;
+    };
+    max: {
+        value: string;
+    };
+    "3xs": {
+        value: string;
+    };
+    min: {
+        value: string;
+    };
+    full: {
+        value: string;
+    };
+};

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

@@ -0,0 +1,3 @@
+import { BreakpointSize, Size } from './sizes.types';
+export declare const sizes: Record<Size, string>;
+export declare const breakpointSizes: Record<BreakpointSize, string>;

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

@@ -0,0 +1,2 @@
+export type BreakpointSize = "sm" | "md" | "lg" | "xl";
+export type Size = "max" | "min" | "full" | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl";

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

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

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

@@ -0,0 +1,101 @@
+export declare const spacingTokens: {
+    3: {
+        value: string;
+    };
+    4: {
+        value: string;
+    };
+    5: {
+        value: string;
+    };
+    6: {
+        value: string;
+    };
+    7: {
+        value: string;
+    };
+    8: {
+        value: string;
+    };
+    9: {
+        value: string;
+    };
+    10: {
+        value: string;
+    };
+    px: {
+        value: string;
+    };
+    1: {
+        value: string;
+    };
+    2: {
+        value: string;
+    };
+    12: {
+        value: string;
+    };
+    14: {
+        value: string;
+    };
+    16: {
+        value: string;
+    };
+    20: {
+        value: string;
+    };
+    24: {
+        value: string;
+    };
+    28: {
+        value: string;
+    };
+    32: {
+        value: string;
+    };
+    36: {
+        value: string;
+    };
+    40: {
+        value: string;
+    };
+    44: {
+        value: string;
+    };
+    48: {
+        value: string;
+    };
+    52: {
+        value: string;
+    };
+    56: {
+        value: string;
+    };
+    60: {
+        value: string;
+    };
+    64: {
+        value: string;
+    };
+    72: {
+        value: string;
+    };
+    80: {
+        value: string;
+    };
+    96: {
+        value: string;
+    };
+    0.5: {
+        value: string;
+    };
+    1.5: {
+        value: string;
+    };
+    2.5: {
+        value: string;
+    };
+    3.5: {
+        value: string;
+    };
+};

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

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

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

@@ -0,0 +1 @@
+export type Space = "px" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96";

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

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

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

@@ -0,0 +1,34 @@
+export declare const transitionDurationTokens: {
+    normal: {
+        value: string;
+    };
+    faster: {
+        value: string;
+    };
+    fast: {
+        value: string;
+    };
+    slow: {
+        value: string;
+    };
+    slower: {
+        value: string;
+    };
+    "ultra-fast": {
+        value: string;
+    };
+    "ultra-slow": {
+        value: string;
+    };
+};
+export declare const transitionEasingTokens: {
+    "ease-in": {
+        value: string;
+    };
+    "ease-in-out": {
+        value: string;
+    };
+    "ease-out": {
+        value: string;
+    };
+};

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

@@ -0,0 +1,3 @@
+import { TransitionDuration, TransitionEasing } from './transitions.types';
+export declare const transitionEasings: Record<TransitionEasing, string>;
+export declare const transitionDurations: Record<TransitionDuration, string>;

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

@@ -0,0 +1,2 @@
+export type TransitionDuration = "ultra-fast" | "faster" | "fast" | "normal" | "slow" | "slower" | "ultra-slow";
+export type TransitionEasing = "ease-in" | "ease-out" | "ease-in-out";

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

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

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

@@ -0,0 +1,175 @@
+export declare const fontTokens: {
+    heading: {
+        value: string;
+    };
+    body: {
+        value: string;
+    };
+    mono: {
+        value: string;
+    };
+};
+export declare const fontSizeTokens: {
+    xs: {
+        value: string;
+    };
+    sm: {
+        value: string;
+    };
+    md: {
+        value: string;
+    };
+    lg: {
+        value: string;
+    };
+    xl: {
+        value: string;
+    };
+    "2xl": {
+        value: string;
+    };
+    "3xl": {
+        value: string;
+    };
+    "4xl": {
+        value: string;
+    };
+    "5xl": {
+        value: string;
+    };
+    "6xl": {
+        value: string;
+    };
+    "7xl": {
+        value: string;
+    };
+    "8xl": {
+        value: string;
+    };
+    "9xl": {
+        value: string;
+    };
+};
+export declare const fontWeightTokens: {
+    xs: {
+        value: string;
+    };
+    sm: {
+        value: string;
+    };
+    md: {
+        value: string;
+    };
+    lg: {
+        value: string;
+    };
+    xl: {
+        value: string;
+    };
+    "2xl": {
+        value: string;
+    };
+    "3xl": {
+        value: string;
+    };
+    "4xl": {
+        value: string;
+    };
+    "5xl": {
+        value: string;
+    };
+    "6xl": {
+        value: string;
+    };
+    "7xl": {
+        value: string;
+    };
+    "8xl": {
+        value: string;
+    };
+    "9xl": {
+        value: string;
+    };
+};
+export declare const lineHeightTokens: {
+    xs: {
+        value: string;
+    };
+    sm: {
+        value: string;
+    };
+    md: {
+        value: string;
+    };
+    lg: {
+        value: string;
+    };
+    xl: {
+        value: string;
+    };
+    "2xl": {
+        value: string;
+    };
+    "3xl": {
+        value: string;
+    };
+    "4xl": {
+        value: string;
+    };
+    "5xl": {
+        value: string;
+    };
+    "6xl": {
+        value: string;
+    };
+    "7xl": {
+        value: string;
+    };
+    "8xl": {
+        value: string;
+    };
+    "9xl": {
+        value: string;
+    };
+};
+export declare const letterSpacingTokens: {
+    xs: {
+        value: string;
+    };
+    sm: {
+        value: string;
+    };
+    md: {
+        value: string;
+    };
+    lg: {
+        value: string;
+    };
+    xl: {
+        value: string;
+    };
+    "2xl": {
+        value: string;
+    };
+    "3xl": {
+        value: string;
+    };
+    "4xl": {
+        value: string;
+    };
+    "5xl": {
+        value: string;
+    };
+    "6xl": {
+        value: string;
+    };
+    "7xl": {
+        value: string;
+    };
+    "8xl": {
+        value: string;
+    };
+    "9xl": {
+        value: string;
+    };
+};

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

@@ -0,0 +1,6 @@
+import { Font, FontSize, FontWeight, LetterSpacing, LineHeight } from './typography.types';
+export declare const fonts: Record<Font, string>;
+export declare const fontSizes: Record<FontSize, string>;
+export declare const fontWeights: Record<FontWeight, number>;
+export declare const lineHeights: Record<LineHeight, string | number>;
+export declare const letterSpacings: Record<LetterSpacing, string>;

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

@@ -0,0 +1,5 @@
+export type Font = "heading" | "body" | "mono";
+export type FontSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+export type FontWeight = "normal" | "semibold" | "bold";
+export type LineHeight = "normal" | "none" | "shorter" | "short" | "base" | "tall" | "taller" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10";
+export type LetterSpacing = "tighter" | "tight" | "normal" | "wide" | "wider" | "widest";

package/dist/types/theme/tokens/utils/transformToTokens.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Transforms an object of key-value pairs into a new object where each value
+ * is wrapped in an object with a `value` property. Numbers are converted to strings.
+ *
+ * @template T - A record with string keys and string or number values.
+ * @param {T} input - The input object to transform.
+ * @returns {{ [K in keyof T]: { value: string } }} - The transformed object.
+ */
+export declare const transformToTokens: <T extends Record<string, string | number>>(input: T) => { [K in keyof T]: {
+    value: string;
+}; };

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

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

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

@@ -0,0 +1,44 @@
+export declare const zIndexTokens: {
+    base: {
+        value: string;
+    };
+    popover: {
+        value: string;
+    };
+    toast: {
+        value: string;
+    };
+    tooltip: {
+        value: string;
+    };
+    overlay: {
+        value: string;
+    };
+    tooltipExtra: {
+        value: string;
+    };
+    hide: {
+        value: string;
+    };
+    docked: {
+        value: string;
+    };
+    dropdown: {
+        value: string;
+    };
+    sticky: {
+        value: string;
+    };
+    banner: {
+        value: string;
+    };
+    modal: {
+        value: string;
+    };
+    auto: {
+        value: string;
+    };
+    skipLink: {
+        value: string;
+    };
+};

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

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

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

@@ -0,0 +1 @@
+export type ZIndex = "hide" | "auto" | "base" | "docked" | "dropdown" | "sticky" | "banner" | "overlay" | "modal" | "popover" | "skipLink" | "toast" | "tooltip" | "tooltipExtra";

package/dist/types/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />