@opengovsg/oui-theme 0.0.0-snapshot-20251103063040 → 0.0.0-snapshot-20251203091804

package/dist/components/index.mjs

@@ -1,13 +1,25 @@
-import "../chunk-ZDEFYL6G.mjs";
+import "../chunk-X6EUINAF.mjs";
+import {
+  skipNavLinkStyles
+} from "../chunk-W2D3UCG4.mjs";
+import {
+  spinnerStyles
+} from "../chunk-7XIXHTLH.mjs";
+import {
+  tabListStyles,
+  tabPanelStyles,
+  tabStyles,
+  tabsStyles
+} from "../chunk-B42Z2PBU.mjs";
 import {
   tagFieldStyles
-} from "../chunk-KRCG5SPM.mjs";
+} from "../chunk-5IBV6ZBT.mjs";
 import {
   textAreaStyles
 } from "../chunk-RKCURSL5.mjs";
 import {
   toggleStyles
-} from "../chunk-R3METMPK.mjs";
+} from "../chunk-K66CIRPP.mjs";
 import {
   menuDividerStyles,
   menuItemStyles,
@@ -17,9 +29,15 @@ import {
 import {
   listBoxItemStyles
 } from "../chunk-UTOQXAFU.mjs";
+import {
+  modalStyles
+} from "../chunk-2YXJ6PIO.mjs";
+import {
+  numberFieldStyles
+} from "../chunk-CSNWJLBM.mjs";
 import {
   paginationStyles
-} from "../chunk-LMYYQSDD.mjs";
+} from "../chunk-5HUZBURZ.mjs";
 import {
   popoverArrowStyles,
   popoverStyles
@@ -29,28 +47,16 @@ import {
   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-OJ7NRUXZ.mjs";
 import {
   dateFieldStyles,
   dateInputStyles
-} from "../chunk-FTUBU2ZU.mjs";
+} from "../chunk-TZOROTAH.mjs";
 import {
   datePickerStyles
-} from "../chunk-WG2AEB3W.mjs";
+} from "../chunk-XCXENIRD.mjs";
 import {
   dateRangePickerStyles
-} from "../chunk-JVXQS55M.mjs";
+} from "../chunk-TB2OCUKH.mjs";
 import {
   fieldBorderStyles,
   fieldGroupStyles
@@ -60,33 +66,37 @@ import {
   fieldErrorStyles,
   labelStyles
 } from "../chunk-UQLG4DEZ.mjs";
+import {
+  fileDropzoneStyles,
+  fileInfoDropzoneStyles
+} from "../chunk-WUWINMRN.mjs";
 import {
   govtBannerStyles
-} from "../chunk-PKY2UCL3.mjs";
+} from "../chunk-JZONKSUM.mjs";
 import {
   badgeCloseButtonStyles,
   badgeStyles
-} from "../chunk-UGTAUPMB.mjs";
+} from "../chunk-EPRTXJ7L.mjs";
 import {
   bannerStyles
 } from "../chunk-44H2MHJG.mjs";
 import {
   buttonStyles
-} from "../chunk-AS6CYS7I.mjs";
+} from "../chunk-OG6PNNQ5.mjs";
 import "../chunk-C7FUGWVY.mjs";
 import {
   calendarStyles
-} from "../chunk-YZ3TLYY6.mjs";
+} from "../chunk-XIP622RV.mjs";
 import {
   checkboxGroupStyles,
   checkboxStyles
-} from "../chunk-EFRBAT73.mjs";
+} from "../chunk-6BKYW7JH.mjs";
 import "../chunk-M2BG3FAA.mjs";
-import "../chunk-XTHC46M2.mjs";
 import "../chunk-TL5MCSZQ.mjs";
 import "../chunk-J2WMLIIA.mjs";
+import "../chunk-XTHC46M2.mjs";
+import "../chunk-K3WA7SIJ.mjs";
 import "../chunk-HAUMMW6T.mjs";
-import "../chunk-E43A5ROR.mjs";
 import {
   comboBoxFuzzyHighlightedTextStyles
 } from "../chunk-NNKV4QJP.mjs";
@@ -118,6 +128,8 @@ export {
   fieldBorderStyles,
   fieldErrorStyles,
   fieldGroupStyles,
+  fileDropzoneStyles,
+  fileInfoDropzoneStyles,
   govtBannerStyles,
   inputStyles,
   labelStyles,
@@ -126,6 +138,8 @@ export {
   menuItemStyles,
   menuSectionStyles,
   menuStyles,
+  modalStyles,
+  numberFieldStyles,
   paginationStyles,
   popoverArrowStyles,
   popoverStyles,

package/dist/components/list-box.js

@@ -2,11 +2,11 @@
 
 var _chunkBIXVP43Cjs = require('../chunk-BIXVP43C.js');
 require('../chunk-OLJN3WXR.js');
-require('../chunk-2LTV7VB5.js');
 require('../chunk-O3I4FUFD.js');
 require('../chunk-ZXZSQRVC.js');
+require('../chunk-2LTV7VB5.js');
+require('../chunk-5DZEJPPY.js');
 require('../chunk-ZIQLHX3U.js');
-require('../chunk-PWPTVAIL.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-XTHC46M2.mjs";
 import "../chunk-TL5MCSZQ.mjs";
 import "../chunk-J2WMLIIA.mjs";
+import "../chunk-XTHC46M2.mjs";
+import "../chunk-K3WA7SIJ.mjs";
 import "../chunk-HAUMMW6T.mjs";
-import "../chunk-E43A5ROR.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-2LTV7VB5.js');
 require('../chunk-O3I4FUFD.js');
 require('../chunk-ZXZSQRVC.js');
+require('../chunk-2LTV7VB5.js');
+require('../chunk-5DZEJPPY.js');
 require('../chunk-ZIQLHX3U.js');
-require('../chunk-PWPTVAIL.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-XTHC46M2.mjs";
 import "../chunk-TL5MCSZQ.mjs";
 import "../chunk-J2WMLIIA.mjs";
+import "../chunk-XTHC46M2.mjs";
+import "../chunk-K3WA7SIJ.mjs";
 import "../chunk-HAUMMW6T.mjs";
-import "../chunk-E43A5ROR.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/components/modal.d.mts

@@ -0,0 +1,395 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const modalStyles: tailwind_variants.TVReturnType<{
+    animation: {
+        none: {};
+        fade: {};
+        zoom: {};
+    };
+    placement: {
+        auto: {
+            overlay: string;
+        };
+        center: {
+            overlay: string;
+        };
+        top: {
+            overlay: string;
+        };
+        "top-center": {
+            overlay: string;
+        };
+        bottom: {
+            overlay: string;
+        };
+        "bottom-center": {
+            overlay: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    overlay: {
+        transparent: {
+            overlay: string;
+        };
+        blur: {
+            overlay: string;
+        };
+        opaque: {
+            overlay: string;
+        };
+    };
+    isEntering: {
+        true: {
+            base: string;
+        };
+    };
+    isExiting: {
+        true: {
+            base: string;
+        };
+    };
+    size: {
+        xs: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        "3xl": {
+            base: string;
+        };
+        "4xl": {
+            base: string;
+        };
+        "5xl": {
+            base: string;
+        };
+        desktop: {
+            base: string;
+            header: string;
+            body: string;
+        };
+        mobile: {
+            base: string;
+            header: string;
+            body: string;
+        };
+        full: {
+            header: string;
+            body: string;
+            dialog: string;
+            base: string;
+        };
+    };
+    scrollBehavior: {
+        normal: {
+            overlay: string;
+            dialog: string;
+        };
+        inside: {
+            base: string;
+            body: string;
+            dialog: string;
+        };
+        outside: {
+            overlay: string;
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    overlay: string;
+    dialog: string;
+    header: string;
+    body: string;
+    footer: string;
+    closeButton: string[];
+}, undefined, {
+    animation: {
+        none: {};
+        fade: {};
+        zoom: {};
+    };
+    placement: {
+        auto: {
+            overlay: string;
+        };
+        center: {
+            overlay: string;
+        };
+        top: {
+            overlay: string;
+        };
+        "top-center": {
+            overlay: string;
+        };
+        bottom: {
+            overlay: string;
+        };
+        "bottom-center": {
+            overlay: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    overlay: {
+        transparent: {
+            overlay: string;
+        };
+        blur: {
+            overlay: string;
+        };
+        opaque: {
+            overlay: string;
+        };
+    };
+    isEntering: {
+        true: {
+            base: string;
+        };
+    };
+    isExiting: {
+        true: {
+            base: string;
+        };
+    };
+    size: {
+        xs: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        "3xl": {
+            base: string;
+        };
+        "4xl": {
+            base: string;
+        };
+        "5xl": {
+            base: string;
+        };
+        desktop: {
+            base: string;
+            header: string;
+            body: string;
+        };
+        mobile: {
+            base: string;
+            header: string;
+            body: string;
+        };
+        full: {
+            header: string;
+            body: string;
+            dialog: string;
+            base: string;
+        };
+    };
+    scrollBehavior: {
+        normal: {
+            overlay: string;
+            dialog: string;
+        };
+        inside: {
+            base: string;
+            body: string;
+            dialog: string;
+        };
+        outside: {
+            overlay: string;
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    overlay: string;
+    dialog: string;
+    header: string;
+    body: string;
+    footer: string;
+    closeButton: string[];
+}, tailwind_variants.TVReturnType<{
+    animation: {
+        none: {};
+        fade: {};
+        zoom: {};
+    };
+    placement: {
+        auto: {
+            overlay: string;
+        };
+        center: {
+            overlay: string;
+        };
+        top: {
+            overlay: string;
+        };
+        "top-center": {
+            overlay: string;
+        };
+        bottom: {
+            overlay: string;
+        };
+        "bottom-center": {
+            overlay: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    overlay: {
+        transparent: {
+            overlay: string;
+        };
+        blur: {
+            overlay: string;
+        };
+        opaque: {
+            overlay: string;
+        };
+    };
+    isEntering: {
+        true: {
+            base: string;
+        };
+    };
+    isExiting: {
+        true: {
+            base: string;
+        };
+    };
+    size: {
+        xs: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        "3xl": {
+            base: string;
+        };
+        "4xl": {
+            base: string;
+        };
+        "5xl": {
+            base: string;
+        };
+        desktop: {
+            base: string;
+            header: string;
+            body: string;
+        };
+        mobile: {
+            base: string;
+            header: string;
+            body: string;
+        };
+        full: {
+            header: string;
+            body: string;
+            dialog: string;
+            base: string;
+        };
+    };
+    scrollBehavior: {
+        normal: {
+            overlay: string;
+            dialog: string;
+        };
+        inside: {
+            base: string;
+            body: string;
+            dialog: string;
+        };
+        outside: {
+            overlay: string;
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    overlay: string;
+    dialog: string;
+    header: string;
+    body: string;
+    footer: string;
+    closeButton: string[];
+}, undefined, unknown, unknown, undefined>>;
+type ModalVariantProps = VariantProps<typeof modalStyles>;
+type ModalSlots = keyof ReturnType<typeof modalStyles>;
+
+export { type ModalSlots, type ModalVariantProps, modalStyles };