@opengovsg/oui-theme 0.0.12 → 0.0.14

package/dist/components/combo-box.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 comboBoxStyles: tailwind_variants.TVReturnType<{
     isClearable: {
@@ -44,23 +43,6 @@ declare const comboBoxStyles: tailwind_variants.TVReturnType<{
     popover: string;
     list: string;
 }, never[], {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        isDisabled?: boolean | (string | number | symbol)[] | undefined;
-        isClearable?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     isClearable: {
         true: {
             group: string;
@@ -142,71 +124,7 @@ declare const comboBoxStyles: tailwind_variants.TVReturnType<{
     field: string;
     popover: string;
     list: string;
-}, never[], tailwind_variants_dist_config_js.TVConfig<{
-    isClearable: {
-        true: {
-            group: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            expandButton: string;
-        };
-    };
-    size: {
-        xs: {
-            field: string;
-            group: string[];
-            expandButton: string;
-            icon: string;
-        };
-        sm: {
-            popover: string;
-            field: string;
-            group: string[];
-            expandButton: string;
-            icon: string;
-        };
-        md: {
-            group: string[];
-            field: string;
-            expandButton: string;
-            icon: string;
-        };
-    };
-}, {
-    isClearable: {
-        true: {
-            group: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            expandButton: string;
-        };
-    };
-    size: {
-        xs: {
-            field: string;
-            group: string[];
-            expandButton: string;
-            icon: string;
-        };
-        sm: {
-            popover: string;
-            field: string;
-            group: string[];
-            expandButton: string;
-            icon: string;
-        };
-        md: {
-            group: string[];
-            field: string;
-            expandButton: string;
-            icon: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
+}, never[], unknown, unknown, undefined>>;
 type ComboBoxVariantProps = VariantProps<typeof comboBoxStyles>;
 type ComboBoxSlots = keyof ReturnType<typeof comboBoxStyles>;
 declare const comboBoxClearButtonStyles: tailwind_variants.TVReturnType<{
@@ -231,26 +149,6 @@ declare const comboBoxClearButtonStyles: tailwind_variants.TVReturnType<{
         md: string;
     };
 }, undefined, "border-base-divider-strong text-base-content-strong z-0 -ml-px cursor-pointer rounded-sm rounded-l-none border outline-hidden transition", {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        isDisabled?: boolean | (string | number | symbol)[] | undefined;
-        isInactive?: boolean | (string | number | symbol)[] | undefined;
-        isHovered?: boolean | (string | number | symbol)[] | undefined;
-        isFocused?: boolean | (string | number | symbol)[] | undefined;
-        isPressed?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     isDisabled: {
         true: string;
     };
@@ -292,48 +190,6 @@ declare const comboBoxClearButtonStyles: tailwind_variants.TVReturnType<{
         sm: string;
         md: string;
     };
-}, undefined, "border-base-divider-strong text-base-content-strong z-0 -ml-px cursor-pointer rounded-sm rounded-l-none border outline-hidden transition", tailwind_variants_dist_config_js.TVConfig<{
-    isDisabled: {
-        true: string;
-    };
-    isInactive: {
-        true: string;
-    };
-    isHovered: {
-        true: string;
-    };
-    isFocused: {
-        true: string;
-    };
-    isPressed: {
-        true: string;
-    };
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-    };
-}, {
-    isDisabled: {
-        true: string;
-    };
-    isInactive: {
-        true: string;
-    };
-    isHovered: {
-        true: string;
-    };
-    isFocused: {
-        true: string;
-    };
-    isPressed: {
-        true: string;
-    };
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, "border-base-divider-strong text-base-content-strong z-0 -ml-px cursor-pointer rounded-sm rounded-l-none border outline-hidden transition", unknown, unknown, undefined>>;
 
 export { type ComboBoxSlots, type ComboBoxVariantProps, comboBoxClearButtonStyles, comboBoxStyles };

package/dist/components/date-field.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 dateInputStyles: tailwind_variants.TVReturnType<{
     variant: {};
@@ -37,25 +37,6 @@ declare const dateInputStyles: tailwind_variants.TVReturnType<{
     base: string;
     segment: string;
 }, undefined, {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        variant?: boolean | (string | number | symbol)[] | undefined;
-        isDisabled?: boolean | (string | number | symbol)[] | undefined;
-        isFocused?: boolean | (string | number | symbol)[] | undefined;
-        isPlaceholder?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     variant: {};
     isPlaceholder: {
         true: {
@@ -123,102 +104,23 @@ declare const dateInputStyles: tailwind_variants.TVReturnType<{
 }, {
     base: string;
     segment: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    variant: {};
-    isPlaceholder: {
-        true: {
-            segment: string;
-        };
-        false: {
-            segment: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            segment: string;
-        };
-    };
-    isFocused: {
-        true: {
-            segment: string;
-        };
-    };
-    size: {
-        xs: {
-            base: string;
-        };
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-    };
-}, {
-    variant: {};
-    isPlaceholder: {
-        true: {
-            segment: string;
-        };
-        false: {
-            segment: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            segment: string;
-        };
-    };
-    isFocused: {
-        true: {
-            segment: string;
-        };
-    };
-    size: {
-        xs: {
-            base: string;
-        };
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>;
 type DateInputSlots = keyof ReturnType<typeof dateInputStyles>;
 type DateInputVariantProps = VariantProps<typeof dateInputStyles>;
 declare const dateFieldStyles: tailwind_variants.TVReturnType<{} | {
     size: {
-        xs: tailwind_variants.ClassValue | {};
-        sm: tailwind_variants.ClassValue | {};
-        md: tailwind_variants.ClassValue | {};
+        xs: tailwind_merge.ClassNameValue | {};
+        sm: tailwind_merge.ClassNameValue | {};
+        md: tailwind_merge.ClassNameValue | {};
     };
     variant: {
-        outline: tailwind_variants.ClassValue | {};
-        unstyled: tailwind_variants.ClassValue | {};
+        outline: tailwind_merge.ClassNameValue | {};
+        unstyled: tailwind_merge.ClassNameValue | {};
     };
     isDisabled: {
-        true: tailwind_variants.ClassValue | {};
+        true: tailwind_merge.ClassNameValue | {};
     };
 }, undefined, undefined, {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        variant?: boolean | (string | number | symbol)[] | undefined;
-        isDisabled?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     size: {
         xs: string;
         sm: string;
@@ -245,23 +147,6 @@ declare const dateFieldStyles: tailwind_variants.TVReturnType<{} | {
         true: string;
     };
 }, undefined, "text-base-content placeholder:text-interaction-support-placeholder w-full min-w-0 flex-1 rounded-sm bg-white outline-hidden", {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        variant?: boolean | (string | number | symbol)[] | undefined;
-        isDisabled?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     size: {
         xs: string;
         sm: string;
@@ -287,33 +172,7 @@ declare const dateFieldStyles: tailwind_variants.TVReturnType<{} | {
     isDisabled: {
         true: string;
     };
-}, undefined, "text-base-content placeholder:text-interaction-support-placeholder w-full min-w-0 flex-1 rounded-sm bg-white outline-hidden", tailwind_variants_dist_config_js.TVConfig<{
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-    };
-    variant: {
-        outline: string;
-        unstyled: string;
-    };
-    isDisabled: {
-        true: string;
-    };
-}, {
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-    };
-    variant: {
-        outline: string;
-        unstyled: string;
-    };
-    isDisabled: {
-        true: string;
-    };
-}>, unknown, unknown, undefined>>>;
+}, undefined, "text-base-content placeholder:text-interaction-support-placeholder w-full min-w-0 flex-1 rounded-sm bg-white outline-hidden", unknown, unknown, undefined>>>;
 type DateFieldVariantProps = VariantProps<typeof dateFieldStyles>;
 
 export { type DateFieldVariantProps, type DateInputSlots, type DateInputVariantProps, dateFieldStyles, dateInputStyles };

package/dist/components/date-field.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 dateInputStyles: tailwind_variants.TVReturnType<{
     variant: {};
@@ -37,25 +37,6 @@ declare const dateInputStyles: tailwind_variants.TVReturnType<{
     base: string;
     segment: string;
 }, undefined, {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        variant?: boolean | (string | number | symbol)[] | undefined;
-        isDisabled?: boolean | (string | number | symbol)[] | undefined;
-        isFocused?: boolean | (string | number | symbol)[] | undefined;
-        isPlaceholder?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     variant: {};
     isPlaceholder: {
         true: {
@@ -123,102 +104,23 @@ declare const dateInputStyles: tailwind_variants.TVReturnType<{
 }, {
     base: string;
     segment: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    variant: {};
-    isPlaceholder: {
-        true: {
-            segment: string;
-        };
-        false: {
-            segment: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            segment: string;
-        };
-    };
-    isFocused: {
-        true: {
-            segment: string;
-        };
-    };
-    size: {
-        xs: {
-            base: string;
-        };
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-    };
-}, {
-    variant: {};
-    isPlaceholder: {
-        true: {
-            segment: string;
-        };
-        false: {
-            segment: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            segment: string;
-        };
-    };
-    isFocused: {
-        true: {
-            segment: string;
-        };
-    };
-    size: {
-        xs: {
-            base: string;
-        };
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>;
 type DateInputSlots = keyof ReturnType<typeof dateInputStyles>;
 type DateInputVariantProps = VariantProps<typeof dateInputStyles>;
 declare const dateFieldStyles: tailwind_variants.TVReturnType<{} | {
     size: {
-        xs: tailwind_variants.ClassValue | {};
-        sm: tailwind_variants.ClassValue | {};
-        md: tailwind_variants.ClassValue | {};
+        xs: tailwind_merge.ClassNameValue | {};
+        sm: tailwind_merge.ClassNameValue | {};
+        md: tailwind_merge.ClassNameValue | {};
     };
     variant: {
-        outline: tailwind_variants.ClassValue | {};
-        unstyled: tailwind_variants.ClassValue | {};
+        outline: tailwind_merge.ClassNameValue | {};
+        unstyled: tailwind_merge.ClassNameValue | {};
     };
     isDisabled: {
-        true: tailwind_variants.ClassValue | {};
+        true: tailwind_merge.ClassNameValue | {};
     };
 }, undefined, undefined, {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        variant?: boolean | (string | number | symbol)[] | undefined;
-        isDisabled?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     size: {
         xs: string;
         sm: string;
@@ -245,23 +147,6 @@ declare const dateFieldStyles: tailwind_variants.TVReturnType<{} | {
         true: string;
     };
 }, undefined, "text-base-content placeholder:text-interaction-support-placeholder w-full min-w-0 flex-1 rounded-sm bg-white outline-hidden", {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        variant?: boolean | (string | number | symbol)[] | undefined;
-        isDisabled?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     size: {
         xs: string;
         sm: string;
@@ -287,33 +172,7 @@ declare const dateFieldStyles: tailwind_variants.TVReturnType<{} | {
     isDisabled: {
         true: string;
     };
-}, undefined, "text-base-content placeholder:text-interaction-support-placeholder w-full min-w-0 flex-1 rounded-sm bg-white outline-hidden", tailwind_variants_dist_config_js.TVConfig<{
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-    };
-    variant: {
-        outline: string;
-        unstyled: string;
-    };
-    isDisabled: {
-        true: string;
-    };
-}, {
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-    };
-    variant: {
-        outline: string;
-        unstyled: string;
-    };
-    isDisabled: {
-        true: string;
-    };
-}>, unknown, unknown, undefined>>>;
+}, undefined, "text-base-content placeholder:text-interaction-support-placeholder w-full min-w-0 flex-1 rounded-sm bg-white outline-hidden", unknown, unknown, undefined>>>;
 type DateFieldVariantProps = VariantProps<typeof dateFieldStyles>;
 
 export { type DateFieldVariantProps, type DateInputSlots, type DateInputVariantProps, dateFieldStyles, dateInputStyles };

package/dist/components/date-field.js

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkOXGFRESNjs = require('../chunk-OXGFRESN.js');
+var _chunk33K2SFQMjs = require('../chunk-33K2SFQM.js');
 require('../chunk-DB7X5OUP.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
 
 
-exports.dateFieldStyles = _chunkOXGFRESNjs.dateFieldStyles; exports.dateInputStyles = _chunkOXGFRESNjs.dateInputStyles;
+exports.dateFieldStyles = _chunk33K2SFQMjs.dateFieldStyles; exports.dateInputStyles = _chunk33K2SFQMjs.dateInputStyles;
 //# sourceMappingURL=date-field.js.map

package/dist/components/date-field.mjs

@@ -1,7 +1,7 @@
 import {
   dateFieldStyles,
   dateInputStyles
-} from "../chunk-YES4V53K.mjs";
+} from "../chunk-FTUBU2ZU.mjs";
 import "../chunk-43I4FEYX.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";

package/dist/components/date-picker.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 datePickerStyles: tailwind_variants.TVReturnType<{
     variant: {};
@@ -26,22 +25,6 @@ declare const datePickerStyles: tailwind_variants.TVReturnType<{
     selectorButton: string;
     calendarButton: string;
 }, undefined, {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: 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: {};
     size: {
         xs: {
@@ -87,39 +70,7 @@ declare const datePickerStyles: tailwind_variants.TVReturnType<{
     dialog: string;
     selectorButton: string;
     calendarButton: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    variant: {};
-    size: {
-        xs: {
-            group: string;
-            input: string;
-        };
-        sm: {
-            group: string;
-            input: string;
-        };
-        md: {
-            group: string;
-            input: string;
-        };
-    };
-}, {
-    variant: {};
-    size: {
-        xs: {
-            group: string;
-            input: string;
-        };
-        sm: {
-            group: string;
-            input: string;
-        };
-        md: {
-            group: string;
-            input: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>;
 type DatePickerSlots = keyof ReturnType<typeof datePickerStyles>;
 type DatePickerVariantProps = VariantProps<typeof datePickerStyles>;