@opengovsg/oui-theme 0.0.7 → 0.0.11

package/dist/components/calendar.mjs

@@ -1,12 +1,12 @@
 import {
   calendarStyles
-} from "../chunk-I7GDBJ3N.mjs";
+} from "../chunk-7S572BNQ.mjs";
 import "../chunk-M2BG3FAA.mjs";
+import "../chunk-TL5MCSZQ.mjs";
+import "../chunk-J2WMLIIA.mjs";
 import "../chunk-XTHC46M2.mjs";
 import "../chunk-SFKXXWVK.mjs";
 import "../chunk-HAUMMW6T.mjs";
-import "../chunk-TL5MCSZQ.mjs";
-import "../chunk-J2WMLIIA.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/components/combo-box.d.mts

@@ -209,189 +209,6 @@ declare const comboBoxStyles: tailwind_variants.TVReturnType<{
 }>, unknown, unknown, undefined>>;
 type ComboBoxVariantProps = VariantProps<typeof comboBoxStyles>;
 type ComboBoxSlots = keyof ReturnType<typeof comboBoxStyles>;
-declare const comboBoxItemStyles: tailwind_variants.TVReturnType<{
-    size: {
-        xs: {
-            container: string;
-            description: string;
-        };
-        sm: {
-            container: string;
-            description: string;
-        };
-        md: {
-            container: string;
-            description: string;
-        };
-    };
-    isFocused: {
-        true: {
-            container: string;
-        };
-    };
-    isSelected: {
-        true: {
-            container: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            container: string;
-        };
-    };
-}, {
-    container: string;
-    label: string;
-    description: string;
-}, undefined, {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: 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)[];
-                }[];
-            };
-        };
-    };
-}, {
-    size: {
-        xs: {
-            container: string;
-            description: string;
-        };
-        sm: {
-            container: string;
-            description: string;
-        };
-        md: {
-            container: string;
-            description: string;
-        };
-    };
-    isFocused: {
-        true: {
-            container: string;
-        };
-    };
-    isSelected: {
-        true: {
-            container: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            container: string;
-        };
-    };
-}, {
-    container: string;
-    label: string;
-    description: string;
-}, tailwind_variants.TVReturnType<{
-    size: {
-        xs: {
-            container: string;
-            description: string;
-        };
-        sm: {
-            container: string;
-            description: string;
-        };
-        md: {
-            container: string;
-            description: string;
-        };
-    };
-    isFocused: {
-        true: {
-            container: string;
-        };
-    };
-    isSelected: {
-        true: {
-            container: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            container: string;
-        };
-    };
-}, {
-    container: string;
-    label: string;
-    description: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    size: {
-        xs: {
-            container: string;
-            description: string;
-        };
-        sm: {
-            container: string;
-            description: string;
-        };
-        md: {
-            container: string;
-            description: string;
-        };
-    };
-    isFocused: {
-        true: {
-            container: string;
-        };
-    };
-    isSelected: {
-        true: {
-            container: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            container: string;
-        };
-    };
-}, {
-    size: {
-        xs: {
-            container: string;
-            description: string;
-        };
-        sm: {
-            container: string;
-            description: string;
-        };
-        md: {
-            container: string;
-            description: string;
-        };
-    };
-    isFocused: {
-        true: {
-            container: string;
-        };
-    };
-    isSelected: {
-        true: {
-            container: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            container: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
-type ComboBoxItemVariantProps = VariantProps<typeof comboBoxItemStyles>;
-type ComboBoxItemSlots = keyof ReturnType<typeof comboBoxItemStyles>;
 declare const comboBoxClearButtonStyles: tailwind_variants.TVReturnType<{
     isDisabled: {
         true: string;
@@ -417,9 +234,9 @@ declare const comboBoxClearButtonStyles: tailwind_variants.TVReturnType<{
     responsiveVariants?: boolean | (string | number | symbol)[] | {
         size?: boolean | (string | number | symbol)[] | undefined;
         isDisabled?: boolean | (string | number | symbol)[] | undefined;
-        isFocused?: 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 & {
@@ -519,4 +336,4 @@ declare const comboBoxClearButtonStyles: tailwind_variants.TVReturnType<{
     };
 }>, unknown, unknown, undefined>>;
 
-export { type ComboBoxItemSlots, type ComboBoxItemVariantProps, type ComboBoxSlots, type ComboBoxVariantProps, comboBoxClearButtonStyles, comboBoxItemStyles, comboBoxStyles };
+export { type ComboBoxSlots, type ComboBoxVariantProps, comboBoxClearButtonStyles, comboBoxStyles };

package/dist/components/combo-box.d.ts

@@ -209,189 +209,6 @@ declare const comboBoxStyles: tailwind_variants.TVReturnType<{
 }>, unknown, unknown, undefined>>;
 type ComboBoxVariantProps = VariantProps<typeof comboBoxStyles>;
 type ComboBoxSlots = keyof ReturnType<typeof comboBoxStyles>;
-declare const comboBoxItemStyles: tailwind_variants.TVReturnType<{
-    size: {
-        xs: {
-            container: string;
-            description: string;
-        };
-        sm: {
-            container: string;
-            description: string;
-        };
-        md: {
-            container: string;
-            description: string;
-        };
-    };
-    isFocused: {
-        true: {
-            container: string;
-        };
-    };
-    isSelected: {
-        true: {
-            container: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            container: string;
-        };
-    };
-}, {
-    container: string;
-    label: string;
-    description: string;
-}, undefined, {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: 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)[];
-                }[];
-            };
-        };
-    };
-}, {
-    size: {
-        xs: {
-            container: string;
-            description: string;
-        };
-        sm: {
-            container: string;
-            description: string;
-        };
-        md: {
-            container: string;
-            description: string;
-        };
-    };
-    isFocused: {
-        true: {
-            container: string;
-        };
-    };
-    isSelected: {
-        true: {
-            container: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            container: string;
-        };
-    };
-}, {
-    container: string;
-    label: string;
-    description: string;
-}, tailwind_variants.TVReturnType<{
-    size: {
-        xs: {
-            container: string;
-            description: string;
-        };
-        sm: {
-            container: string;
-            description: string;
-        };
-        md: {
-            container: string;
-            description: string;
-        };
-    };
-    isFocused: {
-        true: {
-            container: string;
-        };
-    };
-    isSelected: {
-        true: {
-            container: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            container: string;
-        };
-    };
-}, {
-    container: string;
-    label: string;
-    description: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    size: {
-        xs: {
-            container: string;
-            description: string;
-        };
-        sm: {
-            container: string;
-            description: string;
-        };
-        md: {
-            container: string;
-            description: string;
-        };
-    };
-    isFocused: {
-        true: {
-            container: string;
-        };
-    };
-    isSelected: {
-        true: {
-            container: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            container: string;
-        };
-    };
-}, {
-    size: {
-        xs: {
-            container: string;
-            description: string;
-        };
-        sm: {
-            container: string;
-            description: string;
-        };
-        md: {
-            container: string;
-            description: string;
-        };
-    };
-    isFocused: {
-        true: {
-            container: string;
-        };
-    };
-    isSelected: {
-        true: {
-            container: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            container: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
-type ComboBoxItemVariantProps = VariantProps<typeof comboBoxItemStyles>;
-type ComboBoxItemSlots = keyof ReturnType<typeof comboBoxItemStyles>;
 declare const comboBoxClearButtonStyles: tailwind_variants.TVReturnType<{
     isDisabled: {
         true: string;
@@ -417,9 +234,9 @@ declare const comboBoxClearButtonStyles: tailwind_variants.TVReturnType<{
     responsiveVariants?: boolean | (string | number | symbol)[] | {
         size?: boolean | (string | number | symbol)[] | undefined;
         isDisabled?: boolean | (string | number | symbol)[] | undefined;
-        isFocused?: 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 & {
@@ -519,4 +336,4 @@ declare const comboBoxClearButtonStyles: tailwind_variants.TVReturnType<{
     };
 }>, unknown, unknown, undefined>>;
 
-export { type ComboBoxItemSlots, type ComboBoxItemVariantProps, type ComboBoxSlots, type ComboBoxVariantProps, comboBoxClearButtonStyles, comboBoxItemStyles, comboBoxStyles };
+export { type ComboBoxSlots, type ComboBoxVariantProps, comboBoxClearButtonStyles, comboBoxStyles };

package/dist/components/combo-box.js

@@ -1,14 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-
-var _chunk2YW3O3BVjs = require('../chunk-2YW3O3BV.js');
+var _chunkQGEGS5ROjs = require('../chunk-QGEGS5RO.js');
 require('../chunk-DB7X5OUP.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
 
 
-
-exports.comboBoxClearButtonStyles = _chunk2YW3O3BVjs.comboBoxClearButtonStyles; exports.comboBoxItemStyles = _chunk2YW3O3BVjs.comboBoxItemStyles; exports.comboBoxStyles = _chunk2YW3O3BVjs.comboBoxStyles;
+exports.comboBoxClearButtonStyles = _chunkQGEGS5ROjs.comboBoxClearButtonStyles; exports.comboBoxStyles = _chunkQGEGS5ROjs.comboBoxStyles;
 //# sourceMappingURL=combo-box.js.map

package/dist/components/combo-box.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/combo-box.js"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACF,2MAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/combo-box.js"}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/combo-box.js"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,yIAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/combo-box.js"}

package/dist/components/combo-box.mjs

@@ -1,14 +1,12 @@
 import {
   comboBoxClearButtonStyles,
-  comboBoxItemStyles,
   comboBoxStyles
-} from "../chunk-Z5EKAZRY.mjs";
+} from "../chunk-34YVA3CF.mjs";
 import "../chunk-43I4FEYX.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {
   comboBoxClearButtonStyles,
-  comboBoxItemStyles,
   comboBoxStyles
 };
 //# sourceMappingURL=combo-box.mjs.map

package/dist/components/field.d.mts

@@ -8,7 +8,7 @@ declare const labelStyles: tailwind_variants.TVReturnType<{
         sm: string;
         md: string;
     };
-}, undefined, "text-base-content-strong w-fit cursor-default", {
+}, undefined, "text-base-content-strong flex w-fit cursor-default flex-col", {
     responsiveVariants?: boolean | (string | number | symbol)[] | {
         size?: boolean | (string | number | symbol)[] | undefined;
     } | undefined;
@@ -35,7 +35,7 @@ declare const labelStyles: tailwind_variants.TVReturnType<{
         sm: string;
         md: string;
     };
-}, undefined, "text-base-content-strong w-fit cursor-default", tailwind_variants_dist_config_js.TVConfig<{
+}, undefined, "text-base-content-strong flex w-fit cursor-default flex-col", tailwind_variants_dist_config_js.TVConfig<{
     size: {
         xs: string;
         sm: string;

package/dist/components/field.d.ts

@@ -8,7 +8,7 @@ declare const labelStyles: tailwind_variants.TVReturnType<{
         sm: string;
         md: string;
     };
-}, undefined, "text-base-content-strong w-fit cursor-default", {
+}, undefined, "text-base-content-strong flex w-fit cursor-default flex-col", {
     responsiveVariants?: boolean | (string | number | symbol)[] | {
         size?: boolean | (string | number | symbol)[] | undefined;
     } | undefined;
@@ -35,7 +35,7 @@ declare const labelStyles: tailwind_variants.TVReturnType<{
         sm: string;
         md: string;
     };
-}, undefined, "text-base-content-strong w-fit cursor-default", tailwind_variants_dist_config_js.TVConfig<{
+}, undefined, "text-base-content-strong flex w-fit cursor-default flex-col", tailwind_variants_dist_config_js.TVConfig<{
     size: {
         xs: string;
         sm: string;

package/dist/components/field.js

@@ -2,12 +2,12 @@
 
 
 
-var _chunk3GUL7NAVjs = require('../chunk-3GUL7NAV.js');
+var _chunkLQDQQV7Xjs = require('../chunk-LQDQQV7X.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
 
 
 
-exports.descriptionStyles = _chunk3GUL7NAVjs.descriptionStyles; exports.fieldErrorStyles = _chunk3GUL7NAVjs.fieldErrorStyles; exports.labelStyles = _chunk3GUL7NAVjs.labelStyles;
+exports.descriptionStyles = _chunkLQDQQV7Xjs.descriptionStyles; exports.fieldErrorStyles = _chunkLQDQQV7Xjs.fieldErrorStyles; exports.labelStyles = _chunkLQDQQV7Xjs.labelStyles;
 //# sourceMappingURL=field.js.map

package/dist/components/field.mjs

@@ -2,7 +2,7 @@ import {
   descriptionStyles,
   fieldErrorStyles,
   labelStyles
-} from "../chunk-TBOBJYPO.mjs";
+} from "../chunk-UQLG4DEZ.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/components/govt-banner.js

@@ -2,11 +2,11 @@
 
 var _chunkWWEFJ54Bjs = require('../chunk-WWEFJ54B.js');
 require('../chunk-OLJN3WXR.js');
+require('../chunk-O3I4FUFD.js');
+require('../chunk-ZXZSQRVC.js');
 require('../chunk-2LTV7VB5.js');
 require('../chunk-X2UCVIR5.js');
 require('../chunk-ZIQLHX3U.js');
-require('../chunk-O3I4FUFD.js');
-require('../chunk-ZXZSQRVC.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 

package/dist/components/govt-banner.mjs

@@ -2,11 +2,11 @@ import {
   govtBannerStyles
 } from "../chunk-SETXC4VI.mjs";
 import "../chunk-M2BG3FAA.mjs";
+import "../chunk-TL5MCSZQ.mjs";
+import "../chunk-J2WMLIIA.mjs";
 import "../chunk-XTHC46M2.mjs";
 import "../chunk-SFKXXWVK.mjs";
 import "../chunk-HAUMMW6T.mjs";
-import "../chunk-TL5MCSZQ.mjs";
-import "../chunk-J2WMLIIA.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/components/index.d.mts

@@ -6,13 +6,17 @@ export { ToggleSlots, ToggleVariantProps, toggleStyles } from './toggle.mjs';
 export { SkipNavLinkVariantProps, skipNavLinkStyles } from './skip-nav-link.mjs';
 export { InputVariantProps, inputStyles } from './input.mjs';
 export { TextAreaVariantProps, textAreaStyles } from './text-area.mjs';
-export { ComboBoxItemSlots, ComboBoxItemVariantProps, ComboBoxSlots, ComboBoxVariantProps, comboBoxClearButtonStyles, comboBoxItemStyles, comboBoxStyles } from './combo-box.mjs';
+export { ComboBoxSlots, ComboBoxVariantProps, comboBoxClearButtonStyles, comboBoxStyles } from './combo-box.mjs';
 export { ComboBoxFuzzySlots, ComboBoxFuzzyVariantProps, comboBoxFuzzyHighlightedTextStyles } from './combo-box-fuzzy.mjs';
 export { FieldSlots, FieldVariantProps, fieldBorderStyles, fieldGroupStyles } from './field-group.mjs';
 export { DescriptionVariantProps, FieldErrorSlots, FieldErrorVariantProps, LabelVariantProps, descriptionStyles, fieldErrorStyles, labelStyles } from './field.mjs';
 export { BannerSlots, BannerVariantProps, bannerStyles } from './banner.mjs';
-export { TagFieldItemSlots, TagFieldSlots, TagFieldVariantProps, tagFieldItemStyles, tagFieldStyles } from './tag-field.mjs';
+export { TagFieldSlots, TagFieldVariantProps, tagFieldStyles } from './tag-field.mjs';
 export { SelectItemVariantProps, SelectItemVariantSlots, SelectVariantProps, SelectVariantSlots, selectItemStyles, selectSearchStyles, selectStyles } from './select.mjs';
 export { BadgeSlots, BadgeVariantProps, badgeCloseButtonStyles, badgeStyles } from './badge.mjs';
+export { MenuItemVariantProps, MenuItemVariantSlots, MenuSectionVariantProps, MenuSectionVariantSlots, MenuVariantProps, MenuVariantSlots, menuDividerStyles, menuItemStyles, menuSectionStyles, menuStyles } from './menu.mjs';
+export { ListBoxItemSlots, ListBoxItemVariantProps, listBoxItemStyles } from './list-box.mjs';
+export { PopoverVariantProps, popoverArrowStyles, popoverStyles } from './popover.mjs';
+export { TabListVariantProps, TabPanelVariantProps, TabVariantProps, TabsVariantProps, tabListStyles, tabPanelStyles, tabStyles, tabsStyles } from './tabs.mjs';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';

package/dist/components/index.d.ts

@@ -6,13 +6,17 @@ export { ToggleSlots, ToggleVariantProps, toggleStyles } from './toggle.js';
 export { SkipNavLinkVariantProps, skipNavLinkStyles } from './skip-nav-link.js';
 export { InputVariantProps, inputStyles } from './input.js';
 export { TextAreaVariantProps, textAreaStyles } from './text-area.js';
-export { ComboBoxItemSlots, ComboBoxItemVariantProps, ComboBoxSlots, ComboBoxVariantProps, comboBoxClearButtonStyles, comboBoxItemStyles, comboBoxStyles } from './combo-box.js';
+export { ComboBoxSlots, ComboBoxVariantProps, comboBoxClearButtonStyles, comboBoxStyles } from './combo-box.js';
 export { ComboBoxFuzzySlots, ComboBoxFuzzyVariantProps, comboBoxFuzzyHighlightedTextStyles } from './combo-box-fuzzy.js';
 export { FieldSlots, FieldVariantProps, fieldBorderStyles, fieldGroupStyles } from './field-group.js';
 export { DescriptionVariantProps, FieldErrorSlots, FieldErrorVariantProps, LabelVariantProps, descriptionStyles, fieldErrorStyles, labelStyles } from './field.js';
 export { BannerSlots, BannerVariantProps, bannerStyles } from './banner.js';
-export { TagFieldItemSlots, TagFieldSlots, TagFieldVariantProps, tagFieldItemStyles, tagFieldStyles } from './tag-field.js';
+export { TagFieldSlots, TagFieldVariantProps, tagFieldStyles } from './tag-field.js';
 export { SelectItemVariantProps, SelectItemVariantSlots, SelectVariantProps, SelectVariantSlots, selectItemStyles, selectSearchStyles, selectStyles } from './select.js';
 export { BadgeSlots, BadgeVariantProps, badgeCloseButtonStyles, badgeStyles } from './badge.js';
+export { MenuItemVariantProps, MenuItemVariantSlots, MenuSectionVariantProps, MenuSectionVariantSlots, MenuVariantProps, MenuVariantSlots, menuDividerStyles, menuItemStyles, menuSectionStyles, menuStyles } from './menu.js';
+export { ListBoxItemSlots, ListBoxItemVariantProps, listBoxItemStyles } from './list-box.js';
+export { PopoverVariantProps, popoverArrowStyles, popoverStyles } from './popover.js';
+export { TabListVariantProps, TabPanelVariantProps, TabVariantProps, TabsVariantProps, tabListStyles, tabPanelStyles, tabStyles, tabsStyles } from './tabs.js';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';