@opengovsg/oui-theme 0.0.11 → 0.0.13

package/dist/components/spinner.d.ts

@@ -1,6 +1,5 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
-import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 
 declare const spinnerStyles: tailwind_variants.TVReturnType<{
     size: {
@@ -36,22 +35,6 @@ declare const spinnerStyles: tailwind_variants.TVReturnType<{
     circle1: string[];
     circle2: string[];
 }, undefined, {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        color?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     size: {
         sm: {
             wrapper: string;
@@ -117,63 +100,7 @@ declare const spinnerStyles: tailwind_variants.TVReturnType<{
     wrapper: string;
     circle1: string[];
     circle2: string[];
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    size: {
-        sm: {
-            wrapper: string;
-            circle1: string;
-            circle2: string;
-        };
-        md: {
-            wrapper: string;
-            circle1: string;
-            circle2: string;
-        };
-        lg: {
-            wrapper: string;
-            circle1: string;
-            circle2: string;
-        };
-    };
-    color: {
-        current: {
-            circle1: string;
-            circle2: string;
-        };
-        white: {
-            circle1: string;
-            circle2: string;
-        };
-    };
-}, {
-    size: {
-        sm: {
-            wrapper: string;
-            circle1: string;
-            circle2: string;
-        };
-        md: {
-            wrapper: string;
-            circle1: string;
-            circle2: string;
-        };
-        lg: {
-            wrapper: string;
-            circle1: string;
-            circle2: string;
-        };
-    };
-    color: {
-        current: {
-            circle1: string;
-            circle2: string;
-        };
-        white: {
-            circle1: string;
-            circle2: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>;
 type SpinnerVariantProps = VariantProps<typeof spinnerStyles>;
 type SpinnerSlots = keyof ReturnType<typeof spinnerStyles>;
 

package/dist/components/tabs.d.mts

@@ -1,6 +1,6 @@
+import * as tailwind_merge from 'tailwind-merge';
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
-import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 
 declare const tabsStyles: tailwind_variants.TVReturnType<{
     variant: {
@@ -22,24 +22,6 @@ declare const tabsStyles: tailwind_variants.TVReturnType<{
         lg: string;
     };
 }, undefined, "isolate flex gap-4", {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        variant?: boolean | (string | number | symbol)[] | undefined;
-        prominence?: boolean | (string | number | symbol)[] | undefined;
-        orientation?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     variant: {
         underlined: string;
         bordered: string;
@@ -77,45 +59,7 @@ declare const tabsStyles: tailwind_variants.TVReturnType<{
         md: string;
         lg: string;
     };
-}, undefined, "isolate flex gap-4", tailwind_variants_dist_config_js.TVConfig<{
-    variant: {
-        underlined: string;
-        bordered: string;
-    };
-    prominence: {
-        normal: string;
-        strong: string;
-    };
-    orientation: {
-        horizontal: string;
-        vertical: string;
-    };
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-    };
-}, {
-    variant: {
-        underlined: string;
-        bordered: string;
-    };
-    prominence: {
-        normal: string;
-        strong: string;
-    };
-    orientation: {
-        horizontal: string;
-        vertical: string;
-    };
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, "isolate flex gap-4", unknown, unknown, undefined>>;
 type TabsVariantProps = VariantProps<typeof tabsStyles>;
 declare const tabStyles: tailwind_variants.TVReturnType<{
     variant: {
@@ -144,27 +88,6 @@ declare const tabStyles: tailwind_variants.TVReturnType<{
         vertical: string;
     };
 }, undefined, "group relative flex w-fit shrink-0 cursor-pointer items-center justify-center transition forced-color-adjust-none", {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        isFocusVisible?: boolean | (string | number | symbol)[] | undefined;
-        variant?: boolean | (string | number | symbol)[] | undefined;
-        isDisabled?: boolean | (string | number | symbol)[] | undefined;
-        isSelected?: boolean | (string | number | symbol)[] | undefined;
-        prominence?: boolean | (string | number | symbol)[] | undefined;
-        orientation?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     isFocusVisible: {
         false: string;
         true: string;
@@ -175,21 +98,6 @@ declare const tabStyles: tailwind_variants.TVReturnType<{
         true: string;
     };
 }, undefined, "outline-offset-2 outline-none", {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        isFocusVisible?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     isFocusVisible: {
         false: string;
         true: string;
@@ -199,43 +107,18 @@ declare const tabStyles: tailwind_variants.TVReturnType<{
         false: string;
         true: string;
     };
-}, undefined, "outline-offset-2 outline-none", tailwind_variants_dist_config_js.TVConfig<{
-    isFocusVisible: {
-        false: string;
-        true: string;
-    };
-}, {
-    isFocusVisible: {
-        false: string;
-        true: string;
-    };
-}>, unknown, unknown, undefined>>>;
+}, undefined, "outline-offset-2 outline-none", unknown, unknown, undefined>>>;
 type TabVariantProps = VariantProps<typeof tabStyles>;
 declare const tabPanelStyles: tailwind_variants.TVReturnType<{} | {
     isFocusVisible: {
-        false: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
+        false: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
         };
-        true: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
+        true: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
         };
     };
 }, undefined, "text-base-content-default dark:text-base-content-inverse flex-1", {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        isFocusVisible?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     isFocusVisible: {
         false: string;
         true: string;
@@ -246,21 +129,6 @@ declare const tabPanelStyles: tailwind_variants.TVReturnType<{} | {
         true: string;
     };
 }, undefined, "outline-offset-2 outline-none", {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        isFocusVisible?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     isFocusVisible: {
         false: string;
         true: string;
@@ -270,17 +138,7 @@ declare const tabPanelStyles: tailwind_variants.TVReturnType<{} | {
         false: string;
         true: string;
     };
-}, undefined, "outline-offset-2 outline-none", tailwind_variants_dist_config_js.TVConfig<{
-    isFocusVisible: {
-        false: string;
-        true: string;
-    };
-}, {
-    isFocusVisible: {
-        false: string;
-        true: string;
-    };
-}>, unknown, unknown, undefined>>>;
+}, undefined, "outline-offset-2 outline-none", unknown, unknown, undefined>>>;
 type TabPanelVariantProps = VariantProps<typeof tabPanelStyles>;
 declare const tabListStyles: tailwind_variants.TVReturnType<{
     variant: {
@@ -298,23 +156,6 @@ declare const tabListStyles: tailwind_variants.TVReturnType<{
         lg: string;
     };
 }, undefined, "flex", {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        variant?: boolean | (string | number | symbol)[] | undefined;
-        orientation?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     variant: {
         underlined: string;
         bordered: string;
@@ -344,37 +185,7 @@ declare const tabListStyles: tailwind_variants.TVReturnType<{
         md: string;
         lg: string;
     };
-}, undefined, "flex", tailwind_variants_dist_config_js.TVConfig<{
-    variant: {
-        underlined: string;
-        bordered: string;
-    };
-    orientation: {
-        horizontal: string;
-        vertical: string;
-    };
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-    };
-}, {
-    variant: {
-        underlined: string;
-        bordered: string;
-    };
-    orientation: {
-        horizontal: string;
-        vertical: string;
-    };
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, "flex", unknown, unknown, undefined>>;
 type TabListVariantProps = VariantProps<typeof tabListStyles>;
 
 export { type TabListVariantProps, type TabPanelVariantProps, type TabVariantProps, type TabsVariantProps, tabListStyles, tabPanelStyles, tabStyles, tabsStyles };

package/dist/components/tabs.d.ts

@@ -1,6 +1,6 @@
+import * as tailwind_merge from 'tailwind-merge';
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
-import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 
 declare const tabsStyles: tailwind_variants.TVReturnType<{
     variant: {
@@ -22,24 +22,6 @@ declare const tabsStyles: tailwind_variants.TVReturnType<{
         lg: string;
     };
 }, undefined, "isolate flex gap-4", {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        variant?: boolean | (string | number | symbol)[] | undefined;
-        prominence?: boolean | (string | number | symbol)[] | undefined;
-        orientation?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     variant: {
         underlined: string;
         bordered: string;
@@ -77,45 +59,7 @@ declare const tabsStyles: tailwind_variants.TVReturnType<{
         md: string;
         lg: string;
     };
-}, undefined, "isolate flex gap-4", tailwind_variants_dist_config_js.TVConfig<{
-    variant: {
-        underlined: string;
-        bordered: string;
-    };
-    prominence: {
-        normal: string;
-        strong: string;
-    };
-    orientation: {
-        horizontal: string;
-        vertical: string;
-    };
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-    };
-}, {
-    variant: {
-        underlined: string;
-        bordered: string;
-    };
-    prominence: {
-        normal: string;
-        strong: string;
-    };
-    orientation: {
-        horizontal: string;
-        vertical: string;
-    };
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, "isolate flex gap-4", unknown, unknown, undefined>>;
 type TabsVariantProps = VariantProps<typeof tabsStyles>;
 declare const tabStyles: tailwind_variants.TVReturnType<{
     variant: {
@@ -144,27 +88,6 @@ declare const tabStyles: tailwind_variants.TVReturnType<{
         vertical: string;
     };
 }, undefined, "group relative flex w-fit shrink-0 cursor-pointer items-center justify-center transition forced-color-adjust-none", {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        isFocusVisible?: boolean | (string | number | symbol)[] | undefined;
-        variant?: boolean | (string | number | symbol)[] | undefined;
-        isDisabled?: boolean | (string | number | symbol)[] | undefined;
-        isSelected?: boolean | (string | number | symbol)[] | undefined;
-        prominence?: boolean | (string | number | symbol)[] | undefined;
-        orientation?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     isFocusVisible: {
         false: string;
         true: string;
@@ -175,21 +98,6 @@ declare const tabStyles: tailwind_variants.TVReturnType<{
         true: string;
     };
 }, undefined, "outline-offset-2 outline-none", {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        isFocusVisible?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     isFocusVisible: {
         false: string;
         true: string;
@@ -199,43 +107,18 @@ declare const tabStyles: tailwind_variants.TVReturnType<{
         false: string;
         true: string;
     };
-}, undefined, "outline-offset-2 outline-none", tailwind_variants_dist_config_js.TVConfig<{
-    isFocusVisible: {
-        false: string;
-        true: string;
-    };
-}, {
-    isFocusVisible: {
-        false: string;
-        true: string;
-    };
-}>, unknown, unknown, undefined>>>;
+}, undefined, "outline-offset-2 outline-none", unknown, unknown, undefined>>>;
 type TabVariantProps = VariantProps<typeof tabStyles>;
 declare const tabPanelStyles: tailwind_variants.TVReturnType<{} | {
     isFocusVisible: {
-        false: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
+        false: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
         };
-        true: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
+        true: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
         };
     };
 }, undefined, "text-base-content-default dark:text-base-content-inverse flex-1", {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        isFocusVisible?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     isFocusVisible: {
         false: string;
         true: string;
@@ -246,21 +129,6 @@ declare const tabPanelStyles: tailwind_variants.TVReturnType<{} | {
         true: string;
     };
 }, undefined, "outline-offset-2 outline-none", {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        isFocusVisible?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     isFocusVisible: {
         false: string;
         true: string;
@@ -270,17 +138,7 @@ declare const tabPanelStyles: tailwind_variants.TVReturnType<{} | {
         false: string;
         true: string;
     };
-}, undefined, "outline-offset-2 outline-none", tailwind_variants_dist_config_js.TVConfig<{
-    isFocusVisible: {
-        false: string;
-        true: string;
-    };
-}, {
-    isFocusVisible: {
-        false: string;
-        true: string;
-    };
-}>, unknown, unknown, undefined>>>;
+}, undefined, "outline-offset-2 outline-none", unknown, unknown, undefined>>>;
 type TabPanelVariantProps = VariantProps<typeof tabPanelStyles>;
 declare const tabListStyles: tailwind_variants.TVReturnType<{
     variant: {
@@ -298,23 +156,6 @@ declare const tabListStyles: tailwind_variants.TVReturnType<{
         lg: string;
     };
 }, undefined, "flex", {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        variant?: boolean | (string | number | symbol)[] | undefined;
-        orientation?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     variant: {
         underlined: string;
         bordered: string;
@@ -344,37 +185,7 @@ declare const tabListStyles: tailwind_variants.TVReturnType<{
         md: string;
         lg: string;
     };
-}, undefined, "flex", tailwind_variants_dist_config_js.TVConfig<{
-    variant: {
-        underlined: string;
-        bordered: string;
-    };
-    orientation: {
-        horizontal: string;
-        vertical: string;
-    };
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-    };
-}, {
-    variant: {
-        underlined: string;
-        bordered: string;
-    };
-    orientation: {
-        horizontal: string;
-        vertical: string;
-    };
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, "flex", unknown, unknown, undefined>>;
 type TabListVariantProps = VariantProps<typeof tabListStyles>;
 
 export { type TabListVariantProps, type TabPanelVariantProps, type TabVariantProps, type TabsVariantProps, tabListStyles, tabPanelStyles, tabStyles, tabsStyles };