@opengovsg/oui-theme 0.0.23 → 0.0.25

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/index.js"],"names":[],"mappings":"AAAA,yGAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,yoFAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/index.js"}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/index.js"],"names":[],"mappings":"AAAA,yGAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,6rFAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/index.js"}

package/dist/components/index.mjs

@@ -1,4 +1,4 @@
-import "../chunk-X4KVYCI3.mjs";
+import "../chunk-X6EUINAF.mjs";
 import {
   skipNavLinkStyles
 } from "../chunk-W2D3UCG4.mjs";
@@ -29,6 +29,9 @@ import {
 import {
   listBoxItemStyles
 } from "../chunk-UTOQXAFU.mjs";
+import {
+  modalStyles
+} from "../chunk-D66NBQDT.mjs";
 import {
   numberFieldStyles
 } from "../chunk-CSNWJLBM.mjs";
@@ -44,17 +47,10 @@ import {
   selectSearchStyles,
   selectStyles
 } from "../chunk-H6JUN6QG.mjs";
-import {
-  comboBoxClearButtonStyles,
-  comboBoxStyles
-} from "../chunk-34YVA3CF.mjs";
 import {
   dateFieldStyles,
   dateInputStyles
 } from "../chunk-TZOROTAH.mjs";
-import {
-  inputStyles
-} from "../chunk-43I4FEYX.mjs";
 import {
   datePickerStyles
 } from "../chunk-XCXENIRD.mjs";
@@ -95,15 +91,22 @@ import {
   checkboxGroupStyles,
   checkboxStyles
 } from "../chunk-R2PVSI3C.mjs";
-import {
-  comboBoxFuzzyHighlightedTextStyles
-} from "../chunk-NNKV4QJP.mjs";
 import "../chunk-M2BG3FAA.mjs";
+import "../chunk-TL5MCSZQ.mjs";
+import "../chunk-J2WMLIIA.mjs";
 import "../chunk-XTHC46M2.mjs";
 import "../chunk-E43A5ROR.mjs";
 import "../chunk-HAUMMW6T.mjs";
-import "../chunk-TL5MCSZQ.mjs";
-import "../chunk-J2WMLIIA.mjs";
+import {
+  comboBoxFuzzyHighlightedTextStyles
+} from "../chunk-NNKV4QJP.mjs";
+import {
+  comboBoxClearButtonStyles,
+  comboBoxStyles
+} from "../chunk-34YVA3CF.mjs";
+import {
+  inputStyles
+} from "../chunk-43I4FEYX.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {
@@ -135,6 +138,7 @@ export {
   menuItemStyles,
   menuSectionStyles,
   menuStyles,
+  modalStyles,
   numberFieldStyles,
   paginationStyles,
   popoverArrowStyles,

package/dist/components/list-box.js

@@ -2,11 +2,11 @@
 
 var _chunkBIXVP43Cjs = require('../chunk-BIXVP43C.js');
 require('../chunk-OLJN3WXR.js');
+require('../chunk-O3I4FUFD.js');
+require('../chunk-ZXZSQRVC.js');
 require('../chunk-2LTV7VB5.js');
 require('../chunk-PWPTVAIL.js');
 require('../chunk-ZIQLHX3U.js');
-require('../chunk-O3I4FUFD.js');
-require('../chunk-ZXZSQRVC.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-TL5MCSZQ.mjs";
+import "../chunk-J2WMLIIA.mjs";
 import "../chunk-XTHC46M2.mjs";
 import "../chunk-E43A5ROR.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/menu.js

@@ -6,11 +6,11 @@
 var _chunk4YH455F5js = require('../chunk-4YH455F5.js');
 require('../chunk-BIXVP43C.js');
 require('../chunk-OLJN3WXR.js');
+require('../chunk-O3I4FUFD.js');
+require('../chunk-ZXZSQRVC.js');
 require('../chunk-2LTV7VB5.js');
 require('../chunk-PWPTVAIL.js');
 require('../chunk-ZIQLHX3U.js');
-require('../chunk-O3I4FUFD.js');
-require('../chunk-ZXZSQRVC.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-TL5MCSZQ.mjs";
+import "../chunk-J2WMLIIA.mjs";
 import "../chunk-XTHC46M2.mjs";
 import "../chunk-E43A5ROR.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/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 };