@opengovsg/oui-theme 0.0.11 → 0.0.13

package/dist/components/popover.mjs

@@ -1,7 +1,7 @@
 import {
   popoverArrowStyles,
   popoverStyles
-} from "../chunk-XRA3KMRB.mjs";
+} from "../chunk-GPTGOTBN.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/components/select.d.mts

@@ -1,23 +1,23 @@
-import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
 
 declare const selectSearchStyles: tailwind_variants.TVReturnType<{
     [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            clear?: tailwind_variants.ClassValue;
-            base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
-            input?: tailwind_variants.ClassValue;
+        [key: string]: tailwind_merge.ClassNameValue | {
+            clear?: tailwind_merge.ClassNameValue;
+            base?: tailwind_merge.ClassNameValue;
+            icon?: tailwind_merge.ClassNameValue;
+            input?: tailwind_merge.ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: tailwind_variants.ClassValue | {
-            clear?: tailwind_variants.ClassValue;
-            base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
-            input?: tailwind_variants.ClassValue;
+        [x: string]: tailwind_merge.ClassNameValue | {
+            clear?: tailwind_merge.ClassNameValue;
+            base?: tailwind_merge.ClassNameValue;
+            icon?: tailwind_merge.ClassNameValue;
+            input?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
@@ -26,25 +26,12 @@ declare const selectSearchStyles: tailwind_variants.TVReturnType<{
     input: string;
     clear: string;
 }, undefined, {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {} | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            clear?: tailwind_variants.ClassValue;
-            base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
-            input?: tailwind_variants.ClassValue;
+        [key: string]: tailwind_merge.ClassNameValue | {
+            clear?: tailwind_merge.ClassNameValue;
+            base?: tailwind_merge.ClassNameValue;
+            icon?: tailwind_merge.ClassNameValue;
+            input?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
@@ -57,16 +44,7 @@ declare const selectSearchStyles: tailwind_variants.TVReturnType<{
     icon: string;
     input: string;
     clear: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            clear?: tailwind_variants.ClassValue;
-            base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
-            input?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}>, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>;
 declare const selectItemStyles: tailwind_variants.TVReturnType<{
     color: {
         main: {
@@ -98,25 +76,6 @@ declare const selectItemStyles: tailwind_variants.TVReturnType<{
     base: string;
     text: string;
 }, undefined, {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        color?: boolean | (string | number | symbol)[] | undefined;
-        isDisabled?: boolean | (string | number | symbol)[] | undefined;
-        isSelected?: boolean | (string | number | symbol)[] | undefined;
-        isFocused?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     color: {
         main: {
             base: string;
@@ -176,61 +135,7 @@ declare const selectItemStyles: tailwind_variants.TVReturnType<{
 }, {
     base: string;
     text: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    color: {
-        main: {
-            base: string;
-        };
-    };
-    size: {
-        xs: {
-            base: string;
-        };
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-            text: string;
-        };
-    };
-    isDisabled: {
-        true: string;
-    };
-    isFocused: {
-        true: string;
-    };
-    isSelected: {
-        true: string;
-    };
-}, {
-    color: {
-        main: {
-            base: string;
-        };
-    };
-    size: {
-        xs: {
-            base: string;
-        };
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-            text: string;
-        };
-    };
-    isDisabled: {
-        true: string;
-    };
-    isFocused: {
-        true: string;
-    };
-    isSelected: {
-        true: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>;
 type SelectItemVariantProps = VariantProps<typeof selectItemStyles>;
 type SelectItemVariantSlots = keyof ReturnType<typeof selectItemStyles>;
 declare const selectStyles: tailwind_variants.TVReturnType<{
@@ -276,23 +181,6 @@ declare const selectStyles: tailwind_variants.TVReturnType<{
     list: string;
     description: string;
 }, undefined, {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        color?: boolean | (string | number | symbol)[] | undefined;
-        variant?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     variant: {
         solid: string;
         reverse: string;
@@ -376,73 +264,7 @@ declare const selectStyles: tailwind_variants.TVReturnType<{
     popover: string;
     list: string;
     description: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    variant: {
-        solid: string;
-        reverse: string;
-        outline: {
-            trigger: string;
-        };
-        clear: string;
-        unstyled: string;
-    };
-    color: {
-        main: string;
-        success: string;
-        warning: string;
-        critical: string;
-        sub: string;
-        neutral: string;
-        inverse: string;
-    };
-    size: {
-        xs: {
-            selectedText: string;
-            list: string;
-        };
-        sm: {
-            selectedText: string;
-            list: string;
-        };
-        md: {
-            selectedText: string;
-            list: string;
-        };
-    };
-}, {
-    variant: {
-        solid: string;
-        reverse: string;
-        outline: {
-            trigger: string;
-        };
-        clear: string;
-        unstyled: string;
-    };
-    color: {
-        main: string;
-        success: string;
-        warning: string;
-        critical: string;
-        sub: string;
-        neutral: string;
-        inverse: string;
-    };
-    size: {
-        xs: {
-            selectedText: string;
-            list: string;
-        };
-        sm: {
-            selectedText: string;
-            list: string;
-        };
-        md: {
-            selectedText: string;
-            list: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>;
 type SelectVariantProps = VariantProps<typeof selectStyles>;
 type SelectVariantSlots = keyof ReturnType<typeof selectStyles>;
 

package/dist/components/select.d.ts

@@ -1,23 +1,23 @@
-import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
 
 declare const selectSearchStyles: tailwind_variants.TVReturnType<{
     [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            clear?: tailwind_variants.ClassValue;
-            base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
-            input?: tailwind_variants.ClassValue;
+        [key: string]: tailwind_merge.ClassNameValue | {
+            clear?: tailwind_merge.ClassNameValue;
+            base?: tailwind_merge.ClassNameValue;
+            icon?: tailwind_merge.ClassNameValue;
+            input?: tailwind_merge.ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: tailwind_variants.ClassValue | {
-            clear?: tailwind_variants.ClassValue;
-            base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
-            input?: tailwind_variants.ClassValue;
+        [x: string]: tailwind_merge.ClassNameValue | {
+            clear?: tailwind_merge.ClassNameValue;
+            base?: tailwind_merge.ClassNameValue;
+            icon?: tailwind_merge.ClassNameValue;
+            input?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
@@ -26,25 +26,12 @@ declare const selectSearchStyles: tailwind_variants.TVReturnType<{
     input: string;
     clear: string;
 }, undefined, {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {} | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            clear?: tailwind_variants.ClassValue;
-            base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
-            input?: tailwind_variants.ClassValue;
+        [key: string]: tailwind_merge.ClassNameValue | {
+            clear?: tailwind_merge.ClassNameValue;
+            base?: tailwind_merge.ClassNameValue;
+            icon?: tailwind_merge.ClassNameValue;
+            input?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
@@ -57,16 +44,7 @@ declare const selectSearchStyles: tailwind_variants.TVReturnType<{
     icon: string;
     input: string;
     clear: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            clear?: tailwind_variants.ClassValue;
-            base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
-            input?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}>, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>;
 declare const selectItemStyles: tailwind_variants.TVReturnType<{
     color: {
         main: {
@@ -98,25 +76,6 @@ declare const selectItemStyles: tailwind_variants.TVReturnType<{
     base: string;
     text: string;
 }, undefined, {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        color?: boolean | (string | number | symbol)[] | undefined;
-        isDisabled?: boolean | (string | number | symbol)[] | undefined;
-        isSelected?: boolean | (string | number | symbol)[] | undefined;
-        isFocused?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     color: {
         main: {
             base: string;
@@ -176,61 +135,7 @@ declare const selectItemStyles: tailwind_variants.TVReturnType<{
 }, {
     base: string;
     text: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    color: {
-        main: {
-            base: string;
-        };
-    };
-    size: {
-        xs: {
-            base: string;
-        };
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-            text: string;
-        };
-    };
-    isDisabled: {
-        true: string;
-    };
-    isFocused: {
-        true: string;
-    };
-    isSelected: {
-        true: string;
-    };
-}, {
-    color: {
-        main: {
-            base: string;
-        };
-    };
-    size: {
-        xs: {
-            base: string;
-        };
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-            text: string;
-        };
-    };
-    isDisabled: {
-        true: string;
-    };
-    isFocused: {
-        true: string;
-    };
-    isSelected: {
-        true: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>;
 type SelectItemVariantProps = VariantProps<typeof selectItemStyles>;
 type SelectItemVariantSlots = keyof ReturnType<typeof selectItemStyles>;
 declare const selectStyles: tailwind_variants.TVReturnType<{
@@ -276,23 +181,6 @@ declare const selectStyles: tailwind_variants.TVReturnType<{
     list: string;
     description: string;
 }, undefined, {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        color?: boolean | (string | number | symbol)[] | undefined;
-        variant?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     variant: {
         solid: string;
         reverse: string;
@@ -376,73 +264,7 @@ declare const selectStyles: tailwind_variants.TVReturnType<{
     popover: string;
     list: string;
     description: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    variant: {
-        solid: string;
-        reverse: string;
-        outline: {
-            trigger: string;
-        };
-        clear: string;
-        unstyled: string;
-    };
-    color: {
-        main: string;
-        success: string;
-        warning: string;
-        critical: string;
-        sub: string;
-        neutral: string;
-        inverse: string;
-    };
-    size: {
-        xs: {
-            selectedText: string;
-            list: string;
-        };
-        sm: {
-            selectedText: string;
-            list: string;
-        };
-        md: {
-            selectedText: string;
-            list: string;
-        };
-    };
-}, {
-    variant: {
-        solid: string;
-        reverse: string;
-        outline: {
-            trigger: string;
-        };
-        clear: string;
-        unstyled: string;
-    };
-    color: {
-        main: string;
-        success: string;
-        warning: string;
-        critical: string;
-        sub: string;
-        neutral: string;
-        inverse: string;
-    };
-    size: {
-        xs: {
-            selectedText: string;
-            list: string;
-        };
-        sm: {
-            selectedText: string;
-            list: string;
-        };
-        md: {
-            selectedText: string;
-            list: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>;
 type SelectVariantProps = VariantProps<typeof selectStyles>;
 type SelectVariantSlots = keyof ReturnType<typeof selectStyles>;
 

package/dist/components/skip-nav-link.d.mts

@@ -1,21 +1,7 @@
 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 skipNavLinkStyles: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "sr-only inline-flex rounded-md p-10 text-sm font-semibold select-none focus:not-sr-only", {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {} | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "sr-only inline-flex rounded-md p-10 text-sm font-semibold select-none focus:not-sr-only", tailwind_variants_dist_config_js.TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+declare const skipNavLinkStyles: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "sr-only inline-flex rounded-md p-10 text-sm font-semibold select-none focus:not-sr-only", {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "sr-only inline-flex rounded-md p-10 text-sm font-semibold select-none focus:not-sr-only", unknown, unknown, undefined>>;
 type SkipNavLinkVariantProps = VariantProps<typeof skipNavLinkStyles>;
 
 export { type SkipNavLinkVariantProps, skipNavLinkStyles };

package/dist/components/skip-nav-link.d.ts

@@ -1,21 +1,7 @@
 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 skipNavLinkStyles: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "sr-only inline-flex rounded-md p-10 text-sm font-semibold select-none focus:not-sr-only", {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {} | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "sr-only inline-flex rounded-md p-10 text-sm font-semibold select-none focus:not-sr-only", tailwind_variants_dist_config_js.TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+declare const skipNavLinkStyles: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "sr-only inline-flex rounded-md p-10 text-sm font-semibold select-none focus:not-sr-only", {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "sr-only inline-flex rounded-md p-10 text-sm font-semibold select-none focus:not-sr-only", unknown, unknown, undefined>>;
 type SkipNavLinkVariantProps = VariantProps<typeof skipNavLinkStyles>;
 
 export { type SkipNavLinkVariantProps, skipNavLinkStyles };

package/dist/components/spinner.d.mts

@@ -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>;