@opengovsg/oui-theme 0.0.12 → 0.0.14

package/dist/components/tag-field.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 tagFieldStyles: tailwind_variants.TVReturnType<{
     isDisabled: {
@@ -46,23 +45,6 @@ declare const tagFieldStyles: tailwind_variants.TVReturnType<{
     popover: string;
     list: 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;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     isDisabled: {
         true: {
             group: string;
@@ -148,67 +130,7 @@ declare const tagFieldStyles: tailwind_variants.TVReturnType<{
     error: string;
     popover: string;
     list: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    isDisabled: {
-        true: {
-            group: string;
-        };
-    };
-    variant: {};
-    size: {
-        xs: {
-            group: string;
-            field: string;
-            tag: string;
-            tagIcon: string;
-            trigger: string;
-        };
-        sm: {
-            group: string;
-            field: string;
-            tag: string;
-            tagIcon: string;
-            trigger: string;
-        };
-        md: {
-            group: string;
-            field: string;
-            tag: string;
-            tagIcon: string;
-            trigger: string;
-        };
-    };
-}, {
-    isDisabled: {
-        true: {
-            group: string;
-        };
-    };
-    variant: {};
-    size: {
-        xs: {
-            group: string;
-            field: string;
-            tag: string;
-            tagIcon: string;
-            trigger: string;
-        };
-        sm: {
-            group: string;
-            field: string;
-            tag: string;
-            tagIcon: string;
-            trigger: string;
-        };
-        md: {
-            group: string;
-            field: string;
-            tag: string;
-            tagIcon: string;
-            trigger: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>;
 type TagFieldVariantProps = VariantProps<typeof tagFieldStyles>;
 type TagFieldSlots = keyof ReturnType<typeof tagFieldStyles>;
 

package/dist/components/tag-field.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 tagFieldStyles: tailwind_variants.TVReturnType<{
     isDisabled: {
@@ -46,23 +45,6 @@ declare const tagFieldStyles: tailwind_variants.TVReturnType<{
     popover: string;
     list: 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;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     isDisabled: {
         true: {
             group: string;
@@ -148,67 +130,7 @@ declare const tagFieldStyles: tailwind_variants.TVReturnType<{
     error: string;
     popover: string;
     list: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    isDisabled: {
-        true: {
-            group: string;
-        };
-    };
-    variant: {};
-    size: {
-        xs: {
-            group: string;
-            field: string;
-            tag: string;
-            tagIcon: string;
-            trigger: string;
-        };
-        sm: {
-            group: string;
-            field: string;
-            tag: string;
-            tagIcon: string;
-            trigger: string;
-        };
-        md: {
-            group: string;
-            field: string;
-            tag: string;
-            tagIcon: string;
-            trigger: string;
-        };
-    };
-}, {
-    isDisabled: {
-        true: {
-            group: string;
-        };
-    };
-    variant: {};
-    size: {
-        xs: {
-            group: string;
-            field: string;
-            tag: string;
-            tagIcon: string;
-            trigger: string;
-        };
-        sm: {
-            group: string;
-            field: string;
-            tag: string;
-            tagIcon: string;
-            trigger: string;
-        };
-        md: {
-            group: string;
-            field: string;
-            tag: string;
-            tagIcon: string;
-            trigger: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>;
 type TagFieldVariantProps = VariantProps<typeof tagFieldStyles>;
 type TagFieldSlots = keyof ReturnType<typeof tagFieldStyles>;
 

package/dist/components/tag-field.js

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkNPNMMEUTjs = require('../chunk-NPNMMEUT.js');
+var _chunkTTH5N3TRjs = require('../chunk-TTH5N3TR.js');
 require('../chunk-OLJN3WXR.js');
 require('../chunk-2LTV7VB5.js');
-require('../chunk-ZIQLHX3U.js');
 require('../chunk-O3I4FUFD.js');
 require('../chunk-ZXZSQRVC.js');
-require('../chunk-X2UCVIR5.js');
+require('../chunk-ZIQLHX3U.js');
+require('../chunk-PWPTVAIL.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
 
-exports.tagFieldStyles = _chunkNPNMMEUTjs.tagFieldStyles;
+exports.tagFieldStyles = _chunkTTH5N3TRjs.tagFieldStyles;
 //# sourceMappingURL=tag-field.js.map

package/dist/components/tag-field.mjs

@@ -1,12 +1,12 @@
 import {
   tagFieldStyles
-} from "../chunk-VS4FD2JZ.mjs";
+} from "../chunk-KRCG5SPM.mjs";
 import "../chunk-M2BG3FAA.mjs";
 import "../chunk-XTHC46M2.mjs";
-import "../chunk-HAUMMW6T.mjs";
 import "../chunk-TL5MCSZQ.mjs";
 import "../chunk-J2WMLIIA.mjs";
-import "../chunk-SFKXXWVK.mjs";
+import "../chunk-HAUMMW6T.mjs";
+import "../chunk-E43A5ROR.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/components/text-area.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 textAreaStyles: tailwind_variants.TVReturnType<{
     variant: {};
@@ -10,23 +9,6 @@ declare const textAreaStyles: tailwind_variants.TVReturnType<{
         md: string;
     };
 }, undefined, never[], {
-    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;
@@ -53,23 +35,6 @@ declare const textAreaStyles: 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;
@@ -95,33 +60,7 @@ declare const textAreaStyles: 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 TextAreaVariantProps = VariantProps<typeof textAreaStyles>;
 
 export { type TextAreaVariantProps, textAreaStyles };

package/dist/components/text-area.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 textAreaStyles: tailwind_variants.TVReturnType<{
     variant: {};
@@ -10,23 +9,6 @@ declare const textAreaStyles: tailwind_variants.TVReturnType<{
         md: string;
     };
 }, undefined, never[], {
-    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;
@@ -53,23 +35,6 @@ declare const textAreaStyles: 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;
@@ -95,33 +60,7 @@ declare const textAreaStyles: 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 TextAreaVariantProps = VariantProps<typeof textAreaStyles>;
 
 export { type TextAreaVariantProps, textAreaStyles };

package/dist/components/toggle.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 toggleStyles: tailwind_variants.TVReturnType<{
     colorScheme: {
@@ -33,22 +32,6 @@ declare const toggleStyles: tailwind_variants.TVReturnType<{
     thumb: string;
     thumbIcon: string;
 }, undefined, {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        colorScheme?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     colorScheme: {
         success: {
             track: string;
@@ -108,57 +91,7 @@ declare const toggleStyles: tailwind_variants.TVReturnType<{
     track: string;
     thumb: string;
     thumbIcon: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    colorScheme: {
-        success: {
-            track: string;
-            thumb: string;
-            thumbIcon: string;
-        };
-    };
-    size: {
-        xs: {
-            track: string;
-            thumb: string;
-            thumbIcon: string;
-        };
-        sm: {
-            track: string;
-            thumb: string;
-            thumbIcon: string;
-        };
-        md: {
-            track: string;
-            thumb: string;
-            thumbIcon: string;
-        };
-    };
-}, {
-    colorScheme: {
-        success: {
-            track: string;
-            thumb: string;
-            thumbIcon: string;
-        };
-    };
-    size: {
-        xs: {
-            track: string;
-            thumb: string;
-            thumbIcon: string;
-        };
-        sm: {
-            track: string;
-            thumb: string;
-            thumbIcon: string;
-        };
-        md: {
-            track: string;
-            thumb: string;
-            thumbIcon: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>;
 type ToggleVariantProps = VariantProps<typeof toggleStyles>;
 type ToggleSlots = keyof ReturnType<typeof toggleStyles>;
 

package/dist/components/toggle.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 toggleStyles: tailwind_variants.TVReturnType<{
     colorScheme: {
@@ -33,22 +32,6 @@ declare const toggleStyles: tailwind_variants.TVReturnType<{
     thumb: string;
     thumbIcon: string;
 }, undefined, {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        colorScheme?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     colorScheme: {
         success: {
             track: string;
@@ -108,57 +91,7 @@ declare const toggleStyles: tailwind_variants.TVReturnType<{
     track: string;
     thumb: string;
     thumbIcon: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    colorScheme: {
-        success: {
-            track: string;
-            thumb: string;
-            thumbIcon: string;
-        };
-    };
-    size: {
-        xs: {
-            track: string;
-            thumb: string;
-            thumbIcon: string;
-        };
-        sm: {
-            track: string;
-            thumb: string;
-            thumbIcon: string;
-        };
-        md: {
-            track: string;
-            thumb: string;
-            thumbIcon: string;
-        };
-    };
-}, {
-    colorScheme: {
-        success: {
-            track: string;
-            thumb: string;
-            thumbIcon: string;
-        };
-    };
-    size: {
-        xs: {
-            track: string;
-            thumb: string;
-            thumbIcon: string;
-        };
-        sm: {
-            track: string;
-            thumb: string;
-            thumbIcon: string;
-        };
-        md: {
-            track: string;
-            thumb: string;
-            thumbIcon: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>;
 type ToggleVariantProps = VariantProps<typeof toggleStyles>;
 type ToggleSlots = keyof ReturnType<typeof toggleStyles>;
 

package/dist/components/toggle.js

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk5ZLWLG6Rjs = require('../chunk-5ZLWLG6R.js');
+var _chunkCO7LICMCjs = require('../chunk-CO7LICMC.js');
 require('../chunk-OLJN3WXR.js');
 require('../chunk-2LTV7VB5.js');
-require('../chunk-ZIQLHX3U.js');
 require('../chunk-O3I4FUFD.js');
 require('../chunk-ZXZSQRVC.js');
-require('../chunk-X2UCVIR5.js');
+require('../chunk-ZIQLHX3U.js');
+require('../chunk-PWPTVAIL.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
 
-exports.toggleStyles = _chunk5ZLWLG6Rjs.toggleStyles;
+exports.toggleStyles = _chunkCO7LICMCjs.toggleStyles;
 //# sourceMappingURL=toggle.js.map

package/dist/components/toggle.mjs

@@ -1,12 +1,12 @@
 import {
   toggleStyles
-} from "../chunk-2NKETQ3I.mjs";
+} from "../chunk-R3METMPK.mjs";
 import "../chunk-M2BG3FAA.mjs";
 import "../chunk-XTHC46M2.mjs";
-import "../chunk-HAUMMW6T.mjs";
 import "../chunk-TL5MCSZQ.mjs";
 import "../chunk-J2WMLIIA.mjs";
-import "../chunk-SFKXXWVK.mjs";
+import "../chunk-HAUMMW6T.mjs";
+import "../chunk-E43A5ROR.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/index.d.mts

@@ -21,6 +21,8 @@ export { TabListVariantProps, TabPanelVariantProps, TabVariantProps, TabsVariant
 export { DateFieldVariantProps, DateInputSlots, DateInputVariantProps, dateFieldStyles, dateInputStyles } from './components/date-field.mjs';
 export { DatePickerSlots, DatePickerVariantProps, datePickerStyles } from './components/date-picker.mjs';
 export { DateRangePickerSlots, DateRangePickerVariantProps, dateRangePickerStyles } from './components/date-range-picker.mjs';
+export { CheckboxSlots, CheckboxVariantProps, checkboxGroupStyles, checkboxStyles } from './components/checkbox.mjs';
+export { PaginationSlots, PaginationVariantProps, paginationStyles } from './components/pagination.mjs';
 export { focusClasses, focusVisibleClasses } from './utils/classes.mjs';
 export { customTwMergeConfig, twMerge } from './utils/tw-merge.mjs';
 export { tv } from './utils/tv.mjs';
@@ -29,6 +31,5 @@ export { cn } from './utils/cn.mjs';
 export { dataAttr } from './utils/data-attr.mjs';
 export { composeRenderProps, composeTailwindRenderProps } from './utils/rac.mjs';
 export { TV, VariantProps } from 'tailwind-variants';
-import 'tailwind-variants/dist/config.js';
 import 'tailwind-merge';
 import 'clsx';

package/dist/index.d.ts

@@ -21,6 +21,8 @@ export { TabListVariantProps, TabPanelVariantProps, TabVariantProps, TabsVariant
 export { DateFieldVariantProps, DateInputSlots, DateInputVariantProps, dateFieldStyles, dateInputStyles } from './components/date-field.js';
 export { DatePickerSlots, DatePickerVariantProps, datePickerStyles } from './components/date-picker.js';
 export { DateRangePickerSlots, DateRangePickerVariantProps, dateRangePickerStyles } from './components/date-range-picker.js';
+export { CheckboxSlots, CheckboxVariantProps, checkboxGroupStyles, checkboxStyles } from './components/checkbox.js';
+export { PaginationSlots, PaginationVariantProps, paginationStyles } from './components/pagination.js';
 export { focusClasses, focusVisibleClasses } from './utils/classes.js';
 export { customTwMergeConfig, twMerge } from './utils/tw-merge.js';
 export { tv } from './utils/tv.js';
@@ -29,6 +31,5 @@ export { cn } from './utils/cn.js';
 export { dataAttr } from './utils/data-attr.js';
 export { composeRenderProps, composeTailwindRenderProps } from './utils/rac.js';
 export { TV, VariantProps } from 'tailwind-variants';
-import 'tailwind-variants/dist/config.js';
 import 'tailwind-merge';
 import 'clsx';