@teammodlr/ui-kit 2.0.25 → 2.0.27

package/lib/styles/theme.css.d.ts

@@ -1,167 +1,167 @@
-export declare const spaceScale: {
-    '0': string;
-    '0.5': string;
-    '1': string;
-    '1.5': string;
-    '2': string;
-    '2.5': string;
-    '3': string;
-    '3.5': string;
-    '4': string;
-    '5': string;
-};
-export declare const marginVariants: Record<"0" | "1" | "0.5" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5", string>;
-export declare const borderRadiusScale: {
-    none: string;
-    xsmall: string;
-    small: string;
-    default: string;
-    medium: string;
-    large: string;
-    xlarge: string;
-    full: string;
-};
-export declare const borderRadiusVariants: Record<"default" | "small" | "none" | "medium" | "large" | "xsmall" | "xlarge" | "full", string>;
-export declare const fontSizeScale: {
-    base: string;
-    xsmall: string;
-    small: string;
-    large: string;
-    xlarge: string;
-    xxlarge: string;
-};
-export declare const fontSizeVariants: Record<"base" | "small" | "large" | "xsmall" | "xlarge" | "xxlarge", string>;
-export declare const shadows: {
-    sm: string;
-    md: string;
-    lg: string;
-};
-export declare const shadowVariants: Record<"sm" | "md" | "lg", string>;
-export declare const transitions: {
-    default: string;
-};
-export declare const transitionsVariants: Record<"default", string>;
-export declare const themeVars: {
-    color: {
-        font: {
-            default: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            muted: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            text: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        gray: {
-            50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            150: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            250: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        blue: {
-            50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        amber: {
-            50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        red: {
-            50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        green: {
-            50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-        primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        saxe: {
-            50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            950: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-    };
-    space: {
-        0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        0.5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        1.5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        2.5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        3.5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    fontSize: {
-        base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        xsmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        xlarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        xxlarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    shadow: {
-        sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    transition: {
-        default: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    rounded: {
-        none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        xsmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        default: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        xlarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};
+export declare const spaceScale: {
+    '0': string;
+    '0.5': string;
+    '1': string;
+    '1.5': string;
+    '2': string;
+    '2.5': string;
+    '3': string;
+    '3.5': string;
+    '4': string;
+    '5': string;
+};
+export declare const marginVariants: Record<"0" | "1" | "0.5" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5", string>;
+export declare const borderRadiusScale: {
+    none: string;
+    xsmall: string;
+    small: string;
+    default: string;
+    medium: string;
+    large: string;
+    xlarge: string;
+    full: string;
+};
+export declare const borderRadiusVariants: Record<"default" | "small" | "none" | "medium" | "large" | "xsmall" | "xlarge" | "full", string>;
+export declare const fontSizeScale: {
+    base: string;
+    xsmall: string;
+    small: string;
+    large: string;
+    xlarge: string;
+    xxlarge: string;
+};
+export declare const fontSizeVariants: Record<"base" | "small" | "large" | "xsmall" | "xlarge" | "xxlarge", string>;
+export declare const shadows: {
+    sm: string;
+    md: string;
+    lg: string;
+};
+export declare const shadowVariants: Record<"sm" | "md" | "lg", string>;
+export declare const transitions: {
+    default: string;
+};
+export declare const transitionsVariants: Record<"default", string>;
+export declare const themeVars: {
+    color: {
+        font: {
+            default: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            muted: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            subtle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            text: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        gray: {
+            50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            150: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            250: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        blue: {
+            50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        amber: {
+            50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        red: {
+            50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        green: {
+            50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        saxe: {
+            50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            950: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+    space: {
+        0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        0.5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        1.5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        2.5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        3.5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    fontSize: {
+        base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        xsmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        xlarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        xxlarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    shadow: {
+        sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    transition: {
+        default: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    rounded: {
+        none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        xsmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        default: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        xlarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+};

package/lib/styles/typography.css.d.ts

@@ -1,22 +1,22 @@
-import type { FontMetrics } from "@capsizecss/core";
-interface Meta {
-    fallback: string;
-    file: string;
-    format: string;
-    metrics: FontMetrics;
-    name: string;
-    wghtRange: string;
-    wghts: {
-        [key: string]: number;
-    };
-}
-type FontFamilyId = "INTER";
-type Fonts = Record<FontFamilyId, Meta>;
-export declare const fonts: Fonts;
-export declare const fontStyles: {
-    INTER_SMALL: string;
-    INTER_MED: string;
-    INTER_LARGE: string;
-    INTER_XLARGE: string;
-};
-export {};
+import type { FontMetrics } from "@capsizecss/core";
+interface Meta {
+    fallback: string;
+    file: string;
+    format: string;
+    metrics: FontMetrics;
+    name: string;
+    wghtRange: string;
+    wghts: {
+        [key: string]: number;
+    };
+}
+type FontFamilyId = "INTER";
+type Fonts = Record<FontFamilyId, Meta>;
+export declare const fonts: Fonts;
+export declare const fontStyles: {
+    INTER_SMALL: string;
+    INTER_MED: string;
+    INTER_LARGE: string;
+    INTER_XLARGE: string;
+};
+export {};

package/lib/types/props.d.ts

@@ -1,3 +1,3 @@
-export type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type Color = 'white' | 'black' | 'blue' | 'green' | 'red' | 'yellow' | 'gray';
-export type Variant = 'default' | 'tertiary' | 'primary' | 'dark' | 'success' | 'warning' | 'error';
+export type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type Color = 'white' | 'black' | 'blue' | 'green' | 'red' | 'yellow' | 'gray';
+export type Variant = 'default' | 'tertiary' | 'primary' | 'dark' | 'success' | 'warning' | 'error';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teammodlr/ui-kit",
-  "version": "2.0.25",
+  "version": "2.0.27",
   "description": "",
   "main": "lib/index.cjs.js",
   "module": "lib/index.es.js",
@@ -79,4 +79,4 @@
     "@vueuse/integrations": "^10.0.0-beta.2",
     "focus-trap": "^7.4.0"
   }
-}
+}

package/src/__storybook__/argTypes.ts

@@ -1,61 +1,61 @@
-import { placementWhileList } from "../composables/usePopper";
-
-export const sizeArgType = () => ({
-    size: {
-        options: ['xs', 'sm', 'md', 'lg', 'xl'],
-        control: {
-            type: 'select',
-            labels: {
-                ['Extra Small']: 'xs',
-                ['Small']: 'sm',
-                ['Medium']: 'md',
-                ['Large']: 'lg',
-                ['Extra Large']: 'xl'
-            }
-        }
-    }
-});
-
-export const colorArgType = () => ({
-    color: {
-        options: [
-            'white',
-            'black',
-            'green',
-            'red',
-            'yellow',
-            'blue',
-        ],
-        control: {
-            type: 'select',
-        }
-    }
-});
-
-export const variantArgType = () => ({
-    variant: {
-        options: [
-            'default',
-            'tertiary',
-            'primary',
-            'dark',
-            'success',
-            'warning',
-            'error'
-        ],
-        control: {
-            type: 'select',
-            default: 'default'
-        }
-    }
-});
-
-
-export const popperPositionArgType = () => ({
-    placement: {
-        options: placementWhileList,
-        control: {
-            type: 'select',
-        }
-    }
-})
+import { placementWhileList } from "../composables/usePopper";
+
+export const sizeArgType = () => ({
+    size: {
+        options: ['xs', 'sm', 'md', 'lg', 'xl'],
+        control: {
+            type: 'select',
+            labels: {
+                ['Extra Small']: 'xs',
+                ['Small']: 'sm',
+                ['Medium']: 'md',
+                ['Large']: 'lg',
+                ['Extra Large']: 'xl'
+            }
+        }
+    }
+});
+
+export const colorArgType = () => ({
+    color: {
+        options: [
+            'white',
+            'black',
+            'green',
+            'red',
+            'yellow',
+            'blue',
+        ],
+        control: {
+            type: 'select',
+        }
+    }
+});
+
+export const variantArgType = () => ({
+    variant: {
+        options: [
+            'default',
+            'tertiary',
+            'primary',
+            'dark',
+            'success',
+            'warning',
+            'error'
+        ],
+        control: {
+            type: 'select',
+            default: 'default'
+        }
+    }
+});
+
+
+export const popperPositionArgType = () => ({
+    placement: {
+        options: placementWhileList,
+        control: {
+            type: 'select',
+        }
+    }
+})

package/src/__storybook__/createStory.ts

@@ -1,15 +1,15 @@
-import { h } from 'vue';
-import type { Component } from 'vue';
-
-export const createStory =
-    (component: Component, storyArgs: { classes?: string } = {}) =>
-        (args: any) => ({
-            setup: () => () =>
-                h(
-                    'div',
-                    {
-                        class: `storybook-example ${storyArgs.classes || ''}`
-                    },
-                    [h(component, args)]
-                )
-        });
+import { h } from 'vue';
+import type { Component } from 'vue';
+
+export const createStory =
+    (component: Component, storyArgs: { classes?: string } = {}) =>
+        (args: any) => ({
+            setup: () => () =>
+                h(
+                    'div',
+                    {
+                        class: `storybook-example ${storyArgs.classes || ''}`
+                    },
+                    [h(component, args)]
+                )
+        });

package/src/__storybook__/index.ts

@@ -1,2 +1,2 @@
-export * from './createStory';
-export * from './argTypes';
+export * from './createStory';
+export * from './argTypes';