@opengovsg/oui-theme 0.0.10 → 0.0.12

package/dist/components/index.mjs

@@ -1,10 +1,34 @@
-import "../chunk-AFHAQGRO.mjs";
+import "../chunk-6ZYRWZBW.mjs";
+import {
+  toggleStyles
+} from "../chunk-2NKETQ3I.mjs";
+import {
+  menuDividerStyles,
+  menuItemStyles,
+  menuSectionStyles,
+  menuStyles
+} from "../chunk-KKW4VCZA.mjs";
+import {
+  popoverArrowStyles,
+  popoverStyles
+} from "../chunk-GPTGOTBN.mjs";
+import {
+  selectItemStyles,
+  selectSearchStyles,
+  selectStyles
+} from "../chunk-H6JUN6QG.mjs";
 import {
   skipNavLinkStyles
 } from "../chunk-FWC3DOGE.mjs";
 import {
   spinnerStyles
 } from "../chunk-7XIXHTLH.mjs";
+import {
+  tabListStyles,
+  tabPanelStyles,
+  tabStyles,
+  tabsStyles
+} from "../chunk-J43U6YH5.mjs";
 import {
   tagFieldStyles
 } from "../chunk-VS4FD2JZ.mjs";
@@ -12,54 +36,46 @@ import {
   textAreaStyles
 } from "../chunk-RKCURSL5.mjs";
 import {
-  toggleStyles
-} from "../chunk-U5G5CDX6.mjs";
+  datePickerStyles
+} from "../chunk-WG2AEB3W.mjs";
+import {
+  dateRangePickerStyles
+} from "../chunk-JVXQS55M.mjs";
+import {
+  fieldBorderStyles,
+  fieldGroupStyles
+} from "../chunk-2YKM6BLP.mjs";
 import {
   descriptionStyles,
   fieldErrorStyles,
   labelStyles
-} from "../chunk-TBOBJYPO.mjs";
+} from "../chunk-UQLG4DEZ.mjs";
 import {
   govtBannerStyles
-} from "../chunk-SETXC4VI.mjs";
-import {
-  menuDividerStyles,
-  menuItemStyles,
-  menuSectionStyles,
-  menuStyles
-} from "../chunk-KKW4VCZA.mjs";
+} from "../chunk-SUTSDQSC.mjs";
 import {
   listBoxItemStyles
 } from "../chunk-UTOQXAFU.mjs";
-import {
-  popoverArrowStyles,
-  popoverStyles
-} from "../chunk-XRA3KMRB.mjs";
-import {
-  selectItemStyles,
-  selectSearchStyles,
-  selectStyles
-} from "../chunk-H6JUN6QG.mjs";
 import {
   badgeCloseButtonStyles,
   badgeStyles
-} from "../chunk-KHQ7EBS5.mjs";
+} from "../chunk-XBNY4LLV.mjs";
 import {
   bannerStyles
 } from "../chunk-44H2MHJG.mjs";
 import {
   buttonStyles
-} from "../chunk-LB4U4MBD.mjs";
+} from "../chunk-OZPPDCIJ.mjs";
 import "../chunk-C7FUGWVY.mjs";
 import {
   calendarStyles
-} from "../chunk-7S572BNQ.mjs";
+} from "../chunk-EY432TXM.mjs";
 import "../chunk-M2BG3FAA.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-SFKXXWVK.mjs";
 import {
   comboBoxFuzzyHighlightedTextStyles
 } from "../chunk-NNKV4QJP.mjs";
@@ -67,13 +83,13 @@ import {
   comboBoxClearButtonStyles,
   comboBoxStyles
 } from "../chunk-34YVA3CF.mjs";
+import {
+  dateFieldStyles,
+  dateInputStyles
+} from "../chunk-YES4V53K.mjs";
 import {
   inputStyles
 } from "../chunk-43I4FEYX.mjs";
-import {
-  fieldBorderStyles,
-  fieldGroupStyles
-} from "../chunk-2YKM6BLP.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {
@@ -85,6 +101,10 @@ export {
   comboBoxClearButtonStyles,
   comboBoxFuzzyHighlightedTextStyles,
   comboBoxStyles,
+  dateFieldStyles,
+  dateInputStyles,
+  datePickerStyles,
+  dateRangePickerStyles,
   descriptionStyles,
   fieldBorderStyles,
   fieldErrorStyles,
@@ -104,6 +124,10 @@ export {
   selectStyles,
   skipNavLinkStyles,
   spinnerStyles,
+  tabListStyles,
+  tabPanelStyles,
+  tabStyles,
+  tabsStyles,
   tagFieldStyles,
   textAreaStyles,
   toggleStyles

package/dist/components/list-box.js

@@ -2,11 +2,11 @@
 
 var _chunkBIXVP43Cjs = require('../chunk-BIXVP43C.js');
 require('../chunk-OLJN3WXR.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-X2UCVIR5.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 

package/dist/components/list-box.mjs

@@ -2,11 +2,11 @@ import {
   listBoxItemStyles
 } from "../chunk-UTOQXAFU.mjs";
 import "../chunk-M2BG3FAA.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-SFKXXWVK.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/components/menu.js

@@ -6,11 +6,11 @@
 var _chunk4YH455F5js = require('../chunk-4YH455F5.js');
 require('../chunk-BIXVP43C.js');
 require('../chunk-OLJN3WXR.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-X2UCVIR5.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 

package/dist/components/menu.mjs

@@ -6,11 +6,11 @@ import {
 } from "../chunk-KKW4VCZA.mjs";
 import "../chunk-UTOQXAFU.mjs";
 import "../chunk-M2BG3FAA.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-SFKXXWVK.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/components/popover.d.mts

@@ -9,7 +9,7 @@ declare const popoverStyles: tailwind_variants.TVReturnType<{
     isExiting: {
         true: string;
     };
-}, undefined, "bg-utility-ui text-base-content-strong rounded-sm bg-clip-padding shadow-sm forced-colors:bg-[Canvas]", {
+}, undefined, "bg-utility-ui text-base-content-strong overflow-auto rounded-sm bg-clip-padding shadow-sm forced-colors:bg-[Canvas]", {
     responsiveVariants?: boolean | (string | number | symbol)[] | {
         isEntering?: boolean | (string | number | symbol)[] | undefined;
         isExiting?: boolean | (string | number | symbol)[] | undefined;
@@ -39,7 +39,7 @@ declare const popoverStyles: tailwind_variants.TVReturnType<{
     isExiting: {
         true: string;
     };
-}, undefined, "bg-utility-ui text-base-content-strong rounded-sm bg-clip-padding shadow-sm forced-colors:bg-[Canvas]", tailwind_variants_dist_config_js.TVConfig<{
+}, undefined, "bg-utility-ui text-base-content-strong overflow-auto rounded-sm bg-clip-padding shadow-sm forced-colors:bg-[Canvas]", tailwind_variants_dist_config_js.TVConfig<{
     isEntering: {
         true: string;
     };

package/dist/components/popover.d.ts

@@ -9,7 +9,7 @@ declare const popoverStyles: tailwind_variants.TVReturnType<{
     isExiting: {
         true: string;
     };
-}, undefined, "bg-utility-ui text-base-content-strong rounded-sm bg-clip-padding shadow-sm forced-colors:bg-[Canvas]", {
+}, undefined, "bg-utility-ui text-base-content-strong overflow-auto rounded-sm bg-clip-padding shadow-sm forced-colors:bg-[Canvas]", {
     responsiveVariants?: boolean | (string | number | symbol)[] | {
         isEntering?: boolean | (string | number | symbol)[] | undefined;
         isExiting?: boolean | (string | number | symbol)[] | undefined;
@@ -39,7 +39,7 @@ declare const popoverStyles: tailwind_variants.TVReturnType<{
     isExiting: {
         true: string;
     };
-}, undefined, "bg-utility-ui text-base-content-strong rounded-sm bg-clip-padding shadow-sm forced-colors:bg-[Canvas]", tailwind_variants_dist_config_js.TVConfig<{
+}, undefined, "bg-utility-ui text-base-content-strong overflow-auto rounded-sm bg-clip-padding shadow-sm forced-colors:bg-[Canvas]", tailwind_variants_dist_config_js.TVConfig<{
     isEntering: {
         true: string;
     };

package/dist/components/popover.js

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkRZ7GZGD2js = require('../chunk-RZ7GZGD2.js');
+var _chunkGNNN3RQTjs = require('../chunk-GNNN3RQT.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
 
 
-exports.popoverArrowStyles = _chunkRZ7GZGD2js.popoverArrowStyles; exports.popoverStyles = _chunkRZ7GZGD2js.popoverStyles;
+exports.popoverArrowStyles = _chunkGNNN3RQTjs.popoverArrowStyles; exports.popoverStyles = _chunkGNNN3RQTjs.popoverStyles;
 //# sourceMappingURL=popover.js.map

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/tabs.d.mts

@@ -0,0 +1,380 @@
+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: {
+        underlined: string;
+        bordered: string;
+    };
+    prominence: {
+        normal: string;
+        strong: string;
+    };
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        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;
+    };
+    prominence: {
+        normal: string;
+        strong: string;
+    };
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        underlined: string;
+        bordered: string;
+    };
+    prominence: {
+        normal: string;
+        strong: string;
+    };
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        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>>;
+type TabsVariantProps = VariantProps<typeof tabsStyles>;
+declare const tabStyles: tailwind_variants.TVReturnType<{
+    variant: {
+        underlined: string;
+        bordered: string;
+    };
+    prominence: {
+        normal: string;
+        strong: string;
+    };
+    isSelected: {
+        false: string;
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    orientation: {
+        horizontal: string;
+        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;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    isFocusVisible: {
+        false: string;
+        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;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    isFocusVisible: {
+        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>>>;
+type TabVariantProps = VariantProps<typeof tabStyles>;
+declare const tabPanelStyles: tailwind_variants.TVReturnType<{} | {
+    isFocusVisible: {
+        false: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+        };
+        true: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+        };
+    };
+}, 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;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    isFocusVisible: {
+        false: string;
+        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;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    isFocusVisible: {
+        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>>>;
+type TabPanelVariantProps = VariantProps<typeof tabPanelStyles>;
+declare const tabListStyles: tailwind_variants.TVReturnType<{
+    variant: {
+        underlined: string;
+        bordered: string;
+    };
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        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;
+    };
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        underlined: string;
+        bordered: string;
+    };
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        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>>;
+type TabListVariantProps = VariantProps<typeof tabListStyles>;
+
+export { type TabListVariantProps, type TabPanelVariantProps, type TabVariantProps, type TabsVariantProps, tabListStyles, tabPanelStyles, tabStyles, tabsStyles };