@opengovsg/oui-theme 0.0.27 → 0.0.28

package/dist/{chunk-KH4P3E2M.mjs → chunk-2A6ND2I5.mjs}

@@ -5,8 +5,8 @@ import {
 // src/components/toast.ts
 var toastStyles = tv({
   slots: {
-    base: "prose-body-1",
-    toast: "group/toast text-base-content-default relative flex w-(--width) flex-wrap items-start gap-2 overflow-hidden rounded-sm px-4 py-3 has-data-close-button:pr-12 has-data-icon:pl-10",
+    base: "prose-body-1 lg:[--width:680px]!",
+    toast: "group/toast text-base-content-default relative flex w-(--width) flex-wrap items-start gap-2 rounded-sm px-4 py-3 has-data-close-button:pr-12 has-data-icon:pl-10 data-[expanded=false]:data-[front=false]:overflow-hidden data-[expanded=false]:data-[front=false]:*:opacity-0",
     title: "[&:has(+[data-description])]:prose-subhead-1",
     description: "",
     loader: "absolute inset-0 size-5 [--size:20px]!",
@@ -19,7 +19,7 @@ var toastStyles = tv({
     warning: "",
     loading: "",
     default: "",
-    content: "flex w-full shrink-0 flex-col gap-0.5",
+    content: "flex w-full shrink-0 flex-col gap-0.5 ease-out group-data-[expanded=false]/toast:group-data-[front=false]/toast:opacity-0",
     icon: "group-data-[type=warning]/toast:text-utility-feedback-warning group-data-[type=info]/toast:text-utility-feedback-info group-data-[type=success]/toast:text-utility-feedback-success group-data-[type=error]/toast:text-utility-feedback-critical absolute left-4 my-0.5 flex size-5 shrink-0 items-center justify-start"
   },
   variants: {
@@ -42,4 +42,4 @@ var toastStyles = tv({
 export {
   toastStyles
 };
-//# sourceMappingURL=chunk-KH4P3E2M.mjs.map
+//# sourceMappingURL=chunk-2A6ND2I5.mjs.map

package/dist/chunk-2A6ND2I5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/toast.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const toastStyles = tv({\n  slots: {\n    base: \"prose-body-1 lg:[--width:680px]!\",\n    toast:\n      \"group/toast text-base-content-default relative flex w-(--width) flex-wrap items-start gap-2 rounded-sm px-4 py-3 has-data-close-button:pr-12 has-data-icon:pl-10 data-[expanded=false]:data-[front=false]:overflow-hidden data-[expanded=false]:data-[front=false]:*:opacity-0\",\n    title: \"[&:has(+[data-description])]:prose-subhead-1\",\n    description: \"\",\n    loader: \"absolute inset-0 size-5 [--size:20px]!\",\n    closeButton:\n      \"absolute top-3.25 right-4 flex size-5 cursor-pointer items-center justify-center rounded-sm p-0\",\n    cancelButton:\n      \"prose-caption-1 group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/10 group-data-[type=info]/toast:bg-utility-feedback-info/10 group-data-[type=success]/toast:bg-utility-feedback-success/10 group-data-[type=error]/toast:bg-utility-feedback-critical/10 hover:group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/15 hover:group-data-[type=info]/toast:bg-utility-feedback-info/15 hover:group-data-[type=success]/toast:bg-utility-feedback-success/15 hover:group-data-[type=error]/toast:bg-utility-feedback-critical/15 active:group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/20 active:group-data-[type=info]/toast:bg-utility-feedback-info/20 active:group-data-[type=success]/toast:bg-utility-feedback-success/20 active:group-data-[type=error]/toast:bg-utility-feedback-critical/20 bg-interaction-neutral-default/10 hover:bg-interaction-neutral-default/15 active:bg-interaction-neutral-default/20 h-6 shrink-0 cursor-pointer rounded-sm px-2 transition!\",\n    actionButton:\n      \"prose-caption-1 text-base-content-inverse group-data-[type=warning]/toast:text-base-content-default group-data-[type=warning]/toast:bg-interaction-warning-default group-data-[type=info]/toast:bg-interaction-main-default group-data-[type=success]/toast:bg-interaction-success-default group-data-[type=error]/toast:bg-interaction-critical-default hover:group-data-[type=warning]/toast:bg-interaction-warning-hover hover:group-data-[type=info]/toast:bg-interaction-main-hover hover:group-data-[type=success]/toast:bg-interaction-success-hover hover:group-data-[type=error]/toast:bg-interaction-critical-hover active:group-data-[type=warning]/toast:bg-interaction-warning-active active:group-data-[type=info]/toast:bg-interaction-main-active active:group-data-[type=success]/toast:bg-interaction-success-active active:group-data-[type=error]/toast:bg-interaction-critical-active bg-interaction-neutral-default hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active h-6 shrink-0 cursor-pointer rounded-sm px-2 transition!\",\n    success: \"\",\n    error: \"\",\n    info: \"\",\n    warning: \"\",\n    loading: \"\",\n    default: \"\",\n    content:\n      \"flex w-full shrink-0 flex-col gap-0.5 ease-out group-data-[expanded=false]/toast:group-data-[front=false]/toast:opacity-0\",\n    icon: \"group-data-[type=warning]/toast:text-utility-feedback-warning group-data-[type=info]/toast:text-utility-feedback-info group-data-[type=success]/toast:text-utility-feedback-success group-data-[type=error]/toast:text-utility-feedback-critical absolute left-4 my-0.5 flex size-5 shrink-0 items-center justify-start\",\n  },\n  variants: {\n    variant: {\n      bordered: {\n        loading: \"border bg-white\",\n        default: \"border bg-white\",\n        success:\n          \"border-utility-feedback-success bg-utility-feedback-success-subtle!\",\n        error:\n          \"border-utility-feedback-critical bg-utility-feedback-critical-subtle!\",\n        info: \"border-utility-feedback-info bg-utility-feedback-info-subtle!\",\n        warning:\n          \"border-utility-feedback-warning bg-utility-feedback-warning-subtle!\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"bordered\",\n  },\n})\n\nexport type ToastVariantProps = VariantProps<typeof toastStyles>\nexport type ToastSlots = keyof ReturnType<typeof toastStyles>\n"],"mappings":";;;;;AAIO,IAAM,cAAc,GAAG;AAAA,EAC5B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OACE;AAAA,IACF,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aACE;AAAA,IACF,cACE;AAAA,IACF,cACE;AAAA,IACF,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SACE;AAAA,IACF,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,UAAU;AAAA,QACR,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SACE;AAAA,QACF,OACE;AAAA,QACF,MAAM;AAAA,QACN,SACE;AAAA,MACJ;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;","names":[]}

package/dist/{chunk-DD73VH23.js → chunk-LFWRTLTK.js}

@@ -5,8 +5,8 @@ var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
 // src/components/toast.ts
 var toastStyles = _chunkUZONBJUXjs.tv.call(void 0, {
   slots: {
-    base: "prose-body-1",
-    toast: "group/toast text-base-content-default relative flex w-(--width) flex-wrap items-start gap-2 overflow-hidden rounded-sm px-4 py-3 has-data-close-button:pr-12 has-data-icon:pl-10",
+    base: "prose-body-1 lg:[--width:680px]!",
+    toast: "group/toast text-base-content-default relative flex w-(--width) flex-wrap items-start gap-2 rounded-sm px-4 py-3 has-data-close-button:pr-12 has-data-icon:pl-10 data-[expanded=false]:data-[front=false]:overflow-hidden data-[expanded=false]:data-[front=false]:*:opacity-0",
     title: "[&:has(+[data-description])]:prose-subhead-1",
     description: "",
     loader: "absolute inset-0 size-5 [--size:20px]!",
@@ -19,7 +19,7 @@ var toastStyles = _chunkUZONBJUXjs.tv.call(void 0, {
     warning: "",
     loading: "",
     default: "",
-    content: "flex w-full shrink-0 flex-col gap-0.5",
+    content: "flex w-full shrink-0 flex-col gap-0.5 ease-out group-data-[expanded=false]/toast:group-data-[front=false]/toast:opacity-0",
     icon: "group-data-[type=warning]/toast:text-utility-feedback-warning group-data-[type=info]/toast:text-utility-feedback-info group-data-[type=success]/toast:text-utility-feedback-success group-data-[type=error]/toast:text-utility-feedback-critical absolute left-4 my-0.5 flex size-5 shrink-0 items-center justify-start"
   },
   variants: {
@@ -42,4 +42,4 @@ var toastStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.toastStyles = toastStyles;
-//# sourceMappingURL=chunk-DD73VH23.js.map
+//# sourceMappingURL=chunk-LFWRTLTK.js.map

package/dist/chunk-LFWRTLTK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-LFWRTLTK.js","../src/components/toast.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,YAAA,EAAc,iCAAA;AAAG,EAC5B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,kCAAA;AAAA,IACN,KAAA,EACE,gRAAA;AAAA,IACF,KAAA,EAAO,8CAAA;AAAA,IACP,WAAA,EAAa,EAAA;AAAA,IACb,MAAA,EAAQ,wCAAA;AAAA,IACR,WAAA,EACE,iGAAA;AAAA,IACF,YAAA,EACE,o+BAAA;AAAA,IACF,YAAA,EACE,2gCAAA;AAAA,IACF,OAAA,EAAS,EAAA;AAAA,IACT,KAAA,EAAO,EAAA;AAAA,IACP,IAAA,EAAM,EAAA;AAAA,IACN,OAAA,EAAS,EAAA;AAAA,IACT,OAAA,EAAS,EAAA;AAAA,IACT,OAAA,EAAS,EAAA;AAAA,IACT,OAAA,EACE,2HAAA;AAAA,IACF,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,QAAA,EAAU;AAAA,QACR,OAAA,EAAS,iBAAA;AAAA,QACT,OAAA,EAAS,iBAAA;AAAA,QACT,OAAA,EACE,qEAAA;AAAA,QACF,KAAA,EACE,uEAAA;AAAA,QACF,IAAA,EAAM,+DAAA;AAAA,QACN,OAAA,EACE;AAAA,MACJ;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS;AAAA,EACX;AACF,CAAC,CAAA;ADND;AACA;AACE;AACF,kCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-LFWRTLTK.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const toastStyles = tv({\n  slots: {\n    base: \"prose-body-1 lg:[--width:680px]!\",\n    toast:\n      \"group/toast text-base-content-default relative flex w-(--width) flex-wrap items-start gap-2 rounded-sm px-4 py-3 has-data-close-button:pr-12 has-data-icon:pl-10 data-[expanded=false]:data-[front=false]:overflow-hidden data-[expanded=false]:data-[front=false]:*:opacity-0\",\n    title: \"[&:has(+[data-description])]:prose-subhead-1\",\n    description: \"\",\n    loader: \"absolute inset-0 size-5 [--size:20px]!\",\n    closeButton:\n      \"absolute top-3.25 right-4 flex size-5 cursor-pointer items-center justify-center rounded-sm p-0\",\n    cancelButton:\n      \"prose-caption-1 group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/10 group-data-[type=info]/toast:bg-utility-feedback-info/10 group-data-[type=success]/toast:bg-utility-feedback-success/10 group-data-[type=error]/toast:bg-utility-feedback-critical/10 hover:group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/15 hover:group-data-[type=info]/toast:bg-utility-feedback-info/15 hover:group-data-[type=success]/toast:bg-utility-feedback-success/15 hover:group-data-[type=error]/toast:bg-utility-feedback-critical/15 active:group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/20 active:group-data-[type=info]/toast:bg-utility-feedback-info/20 active:group-data-[type=success]/toast:bg-utility-feedback-success/20 active:group-data-[type=error]/toast:bg-utility-feedback-critical/20 bg-interaction-neutral-default/10 hover:bg-interaction-neutral-default/15 active:bg-interaction-neutral-default/20 h-6 shrink-0 cursor-pointer rounded-sm px-2 transition!\",\n    actionButton:\n      \"prose-caption-1 text-base-content-inverse group-data-[type=warning]/toast:text-base-content-default group-data-[type=warning]/toast:bg-interaction-warning-default group-data-[type=info]/toast:bg-interaction-main-default group-data-[type=success]/toast:bg-interaction-success-default group-data-[type=error]/toast:bg-interaction-critical-default hover:group-data-[type=warning]/toast:bg-interaction-warning-hover hover:group-data-[type=info]/toast:bg-interaction-main-hover hover:group-data-[type=success]/toast:bg-interaction-success-hover hover:group-data-[type=error]/toast:bg-interaction-critical-hover active:group-data-[type=warning]/toast:bg-interaction-warning-active active:group-data-[type=info]/toast:bg-interaction-main-active active:group-data-[type=success]/toast:bg-interaction-success-active active:group-data-[type=error]/toast:bg-interaction-critical-active bg-interaction-neutral-default hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active h-6 shrink-0 cursor-pointer rounded-sm px-2 transition!\",\n    success: \"\",\n    error: \"\",\n    info: \"\",\n    warning: \"\",\n    loading: \"\",\n    default: \"\",\n    content:\n      \"flex w-full shrink-0 flex-col gap-0.5 ease-out group-data-[expanded=false]/toast:group-data-[front=false]/toast:opacity-0\",\n    icon: \"group-data-[type=warning]/toast:text-utility-feedback-warning group-data-[type=info]/toast:text-utility-feedback-info group-data-[type=success]/toast:text-utility-feedback-success group-data-[type=error]/toast:text-utility-feedback-critical absolute left-4 my-0.5 flex size-5 shrink-0 items-center justify-start\",\n  },\n  variants: {\n    variant: {\n      bordered: {\n        loading: \"border bg-white\",\n        default: \"border bg-white\",\n        success:\n          \"border-utility-feedback-success bg-utility-feedback-success-subtle!\",\n        error:\n          \"border-utility-feedback-critical bg-utility-feedback-critical-subtle!\",\n        info: \"border-utility-feedback-info bg-utility-feedback-info-subtle!\",\n        warning:\n          \"border-utility-feedback-warning bg-utility-feedback-warning-subtle!\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"bordered\",\n  },\n})\n\nexport type ToastVariantProps = VariantProps<typeof toastStyles>\nexport type ToastSlots = keyof ReturnType<typeof toastStyles>\n"]}

package/dist/components/index.js

@@ -19,7 +19,7 @@ var _chunkLG22OEO3js = require('../chunk-LG22OEO3.js');
 var _chunk4HJADAKBjs = require('../chunk-4HJADAKB.js');
 
 
-var _chunkDD73VH23js = require('../chunk-DD73VH23.js');
+var _chunkLFWRTLTKjs = require('../chunk-LFWRTLTK.js');
 
 
 var _chunkKX2AFEAGjs = require('../chunk-KX2AFEAG.js');
@@ -159,5 +159,5 @@ require('../chunk-HEB3T2LL.js');
 
 
 
-exports.badgeCloseButtonStyles = _chunkOIVEXSCXjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkOIVEXSCXjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.buttonStyles = _chunkMZ3OLOEQjs.buttonStyles; exports.calendarStyles = _chunkTXUEDK3Ejs.calendarStyles; exports.checkboxGroupStyles = _chunkMSHUB6BDjs.checkboxGroupStyles; exports.checkboxStyles = _chunkMSHUB6BDjs.checkboxStyles; exports.comboBoxClearButtonStyles = _chunkQGEGS5ROjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxStyles = _chunkQGEGS5ROjs.comboBoxStyles; exports.dateFieldStyles = _chunkPB6Z734Xjs.dateFieldStyles; exports.dateInputStyles = _chunkPB6Z734Xjs.dateInputStyles; exports.datePickerStyles = _chunkERQSPMYYjs.datePickerStyles; exports.dateRangePickerStyles = _chunkTSUSW6MEjs.dateRangePickerStyles; exports.descriptionStyles = _chunkLQDQQV7Xjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunkLQDQQV7Xjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.fileDropzoneStyles = _chunk3APYYRQPjs.fileDropzoneStyles; exports.fileInfoDropzoneStyles = _chunk3APYYRQPjs.fileInfoDropzoneStyles; exports.govtBannerStyles = _chunkM65GZEXAjs.govtBannerStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunkLQDQQV7Xjs.labelStyles; exports.listBoxItemStyles = _chunkBIXVP43Cjs.listBoxItemStyles; exports.menuDividerStyles = _chunk4YH455F5js.menuDividerStyles; exports.menuItemStyles = _chunk4YH455F5js.menuItemStyles; exports.menuSectionStyles = _chunk4YH455F5js.menuSectionStyles; exports.menuStyles = _chunk4YH455F5js.menuStyles; exports.modalStyles = _chunk5GIWUVUBjs.modalStyles; exports.numberFieldStyles = _chunkGU7JXFE5js.numberFieldStyles; exports.paginationStyles = _chunk57OCRZXHjs.paginationStyles; exports.popoverArrowStyles = _chunkGNNN3RQTjs.popoverArrowStyles; exports.popoverStyles = _chunkGNNN3RQTjs.popoverStyles; exports.selectItemStyles = _chunk5FOX35BGjs.selectItemStyles; exports.selectSearchStyles = _chunk5FOX35BGjs.selectSearchStyles; exports.selectStyles = _chunk5FOX35BGjs.selectStyles; exports.skipNavLinkStyles = _chunkJTSKQACDjs.skipNavLinkStyles; exports.spinnerStyles = _chunkXJ43QIS4js.spinnerStyles; exports.tabListStyles = _chunkEJBX2H7Vjs.tabListStyles; exports.tabPanelStyles = _chunkEJBX2H7Vjs.tabPanelStyles; exports.tabStyles = _chunkEJBX2H7Vjs.tabStyles; exports.tabsStyles = _chunkEJBX2H7Vjs.tabsStyles; exports.tagFieldStyles = _chunkLG22OEO3js.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toastStyles = _chunkDD73VH23js.toastStyles; exports.toggleStyles = _chunkKX2AFEAGjs.toggleStyles;
+exports.badgeCloseButtonStyles = _chunkOIVEXSCXjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkOIVEXSCXjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.buttonStyles = _chunkMZ3OLOEQjs.buttonStyles; exports.calendarStyles = _chunkTXUEDK3Ejs.calendarStyles; exports.checkboxGroupStyles = _chunkMSHUB6BDjs.checkboxGroupStyles; exports.checkboxStyles = _chunkMSHUB6BDjs.checkboxStyles; exports.comboBoxClearButtonStyles = _chunkQGEGS5ROjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxStyles = _chunkQGEGS5ROjs.comboBoxStyles; exports.dateFieldStyles = _chunkPB6Z734Xjs.dateFieldStyles; exports.dateInputStyles = _chunkPB6Z734Xjs.dateInputStyles; exports.datePickerStyles = _chunkERQSPMYYjs.datePickerStyles; exports.dateRangePickerStyles = _chunkTSUSW6MEjs.dateRangePickerStyles; exports.descriptionStyles = _chunkLQDQQV7Xjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunkLQDQQV7Xjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.fileDropzoneStyles = _chunk3APYYRQPjs.fileDropzoneStyles; exports.fileInfoDropzoneStyles = _chunk3APYYRQPjs.fileInfoDropzoneStyles; exports.govtBannerStyles = _chunkM65GZEXAjs.govtBannerStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunkLQDQQV7Xjs.labelStyles; exports.listBoxItemStyles = _chunkBIXVP43Cjs.listBoxItemStyles; exports.menuDividerStyles = _chunk4YH455F5js.menuDividerStyles; exports.menuItemStyles = _chunk4YH455F5js.menuItemStyles; exports.menuSectionStyles = _chunk4YH455F5js.menuSectionStyles; exports.menuStyles = _chunk4YH455F5js.menuStyles; exports.modalStyles = _chunk5GIWUVUBjs.modalStyles; exports.numberFieldStyles = _chunkGU7JXFE5js.numberFieldStyles; exports.paginationStyles = _chunk57OCRZXHjs.paginationStyles; exports.popoverArrowStyles = _chunkGNNN3RQTjs.popoverArrowStyles; exports.popoverStyles = _chunkGNNN3RQTjs.popoverStyles; exports.selectItemStyles = _chunk5FOX35BGjs.selectItemStyles; exports.selectSearchStyles = _chunk5FOX35BGjs.selectSearchStyles; exports.selectStyles = _chunk5FOX35BGjs.selectStyles; exports.skipNavLinkStyles = _chunkJTSKQACDjs.skipNavLinkStyles; exports.spinnerStyles = _chunkXJ43QIS4js.spinnerStyles; exports.tabListStyles = _chunkEJBX2H7Vjs.tabListStyles; exports.tabPanelStyles = _chunkEJBX2H7Vjs.tabPanelStyles; exports.tabStyles = _chunkEJBX2H7Vjs.tabStyles; exports.tabsStyles = _chunkEJBX2H7Vjs.tabsStyles; exports.tagFieldStyles = _chunkLG22OEO3js.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toastStyles = _chunkLFWRTLTKjs.toastStyles; exports.toggleStyles = _chunkKX2AFEAGjs.toggleStyles;
 //# sourceMappingURL=index.js.map

package/dist/components/index.mjs

@@ -19,7 +19,7 @@ import {
 } from "../chunk-RKCURSL5.mjs";
 import {
   toastStyles
-} from "../chunk-KH4P3E2M.mjs";
+} from "../chunk-2A6ND2I5.mjs";
 import {
   toggleStyles
 } from "../chunk-6VRFTVGW.mjs";

package/dist/components/toast.js

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkDD73VH23js = require('../chunk-DD73VH23.js');
+var _chunkLFWRTLTKjs = require('../chunk-LFWRTLTK.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
 
-exports.toastStyles = _chunkDD73VH23js.toastStyles;
+exports.toastStyles = _chunkLFWRTLTKjs.toastStyles;
 //# sourceMappingURL=toast.js.map

package/dist/components/toast.mjs

@@ -1,6 +1,6 @@
 import {
   toastStyles
-} from "../chunk-KH4P3E2M.mjs";
+} from "../chunk-2A6ND2I5.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/index.js

@@ -19,7 +19,7 @@ var _chunkLG22OEO3js = require('./chunk-LG22OEO3.js');
 var _chunk4HJADAKBjs = require('./chunk-4HJADAKB.js');
 
 
-var _chunkDD73VH23js = require('./chunk-DD73VH23.js');
+var _chunkLFWRTLTKjs = require('./chunk-LFWRTLTK.js');
 
 
 var _chunkKX2AFEAGjs = require('./chunk-KX2AFEAG.js');
@@ -183,5 +183,5 @@ var _chunkHEB3T2LLjs = require('./chunk-HEB3T2LL.js');
 
 
 
-exports.badgeCloseButtonStyles = _chunkOIVEXSCXjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkOIVEXSCXjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.buttonStyles = _chunkMZ3OLOEQjs.buttonStyles; exports.calendarStyles = _chunkTXUEDK3Ejs.calendarStyles; exports.checkboxGroupStyles = _chunkMSHUB6BDjs.checkboxGroupStyles; exports.checkboxStyles = _chunkMSHUB6BDjs.checkboxStyles; exports.cn = _chunkZIQLHX3Ujs.cn; exports.comboBoxClearButtonStyles = _chunkQGEGS5ROjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxStyles = _chunkQGEGS5ROjs.comboBoxStyles; exports.composeRenderProps = _chunkZXZSQRVCjs.composeRenderProps; exports.composeTailwindRenderProps = _chunkZXZSQRVCjs.composeTailwindRenderProps; exports.customTwMergeConfig = _chunkHEB3T2LLjs.customTwMergeConfig; exports.dataAttr = _chunkO3I4FUFDjs.dataAttr; exports.dateFieldStyles = _chunkPB6Z734Xjs.dateFieldStyles; exports.dateInputStyles = _chunkPB6Z734Xjs.dateInputStyles; exports.datePickerStyles = _chunkERQSPMYYjs.datePickerStyles; exports.dateRangePickerStyles = _chunkTSUSW6MEjs.dateRangePickerStyles; exports.descriptionStyles = _chunkLQDQQV7Xjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunkLQDQQV7Xjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.fileDropzoneStyles = _chunk3APYYRQPjs.fileDropzoneStyles; exports.fileInfoDropzoneStyles = _chunk3APYYRQPjs.fileInfoDropzoneStyles; exports.focusClasses = _chunk5DZEJPPYjs.focusClasses; exports.focusVisibleClasses = _chunk5DZEJPPYjs.focusVisibleClasses; exports.govtBannerStyles = _chunkM65GZEXAjs.govtBannerStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunkLQDQQV7Xjs.labelStyles; exports.listBoxItemStyles = _chunkBIXVP43Cjs.listBoxItemStyles; exports.menuDividerStyles = _chunk4YH455F5js.menuDividerStyles; exports.menuItemStyles = _chunk4YH455F5js.menuItemStyles; exports.menuSectionStyles = _chunk4YH455F5js.menuSectionStyles; exports.menuStyles = _chunk4YH455F5js.menuStyles; exports.modalStyles = _chunk5GIWUVUBjs.modalStyles; exports.numberFieldStyles = _chunkGU7JXFE5js.numberFieldStyles; exports.paginationStyles = _chunk57OCRZXHjs.paginationStyles; exports.popoverArrowStyles = _chunkGNNN3RQTjs.popoverArrowStyles; exports.popoverStyles = _chunkGNNN3RQTjs.popoverStyles; exports.selectItemStyles = _chunk5FOX35BGjs.selectItemStyles; exports.selectSearchStyles = _chunk5FOX35BGjs.selectSearchStyles; exports.selectStyles = _chunk5FOX35BGjs.selectStyles; exports.skipNavLinkStyles = _chunkJTSKQACDjs.skipNavLinkStyles; exports.spinnerStyles = _chunkXJ43QIS4js.spinnerStyles; exports.tabListStyles = _chunkEJBX2H7Vjs.tabListStyles; exports.tabPanelStyles = _chunkEJBX2H7Vjs.tabPanelStyles; exports.tabStyles = _chunkEJBX2H7Vjs.tabStyles; exports.tabsStyles = _chunkEJBX2H7Vjs.tabsStyles; exports.tagFieldStyles = _chunkLG22OEO3js.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toastStyles = _chunkDD73VH23js.toastStyles; exports.toggleStyles = _chunkKX2AFEAGjs.toggleStyles; exports.tv = _chunkUZONBJUXjs.tv; exports.twMerge = _chunkHEB3T2LLjs.twMerge;
+exports.badgeCloseButtonStyles = _chunkOIVEXSCXjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkOIVEXSCXjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.buttonStyles = _chunkMZ3OLOEQjs.buttonStyles; exports.calendarStyles = _chunkTXUEDK3Ejs.calendarStyles; exports.checkboxGroupStyles = _chunkMSHUB6BDjs.checkboxGroupStyles; exports.checkboxStyles = _chunkMSHUB6BDjs.checkboxStyles; exports.cn = _chunkZIQLHX3Ujs.cn; exports.comboBoxClearButtonStyles = _chunkQGEGS5ROjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxStyles = _chunkQGEGS5ROjs.comboBoxStyles; exports.composeRenderProps = _chunkZXZSQRVCjs.composeRenderProps; exports.composeTailwindRenderProps = _chunkZXZSQRVCjs.composeTailwindRenderProps; exports.customTwMergeConfig = _chunkHEB3T2LLjs.customTwMergeConfig; exports.dataAttr = _chunkO3I4FUFDjs.dataAttr; exports.dateFieldStyles = _chunkPB6Z734Xjs.dateFieldStyles; exports.dateInputStyles = _chunkPB6Z734Xjs.dateInputStyles; exports.datePickerStyles = _chunkERQSPMYYjs.datePickerStyles; exports.dateRangePickerStyles = _chunkTSUSW6MEjs.dateRangePickerStyles; exports.descriptionStyles = _chunkLQDQQV7Xjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunkLQDQQV7Xjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.fileDropzoneStyles = _chunk3APYYRQPjs.fileDropzoneStyles; exports.fileInfoDropzoneStyles = _chunk3APYYRQPjs.fileInfoDropzoneStyles; exports.focusClasses = _chunk5DZEJPPYjs.focusClasses; exports.focusVisibleClasses = _chunk5DZEJPPYjs.focusVisibleClasses; exports.govtBannerStyles = _chunkM65GZEXAjs.govtBannerStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunkLQDQQV7Xjs.labelStyles; exports.listBoxItemStyles = _chunkBIXVP43Cjs.listBoxItemStyles; exports.menuDividerStyles = _chunk4YH455F5js.menuDividerStyles; exports.menuItemStyles = _chunk4YH455F5js.menuItemStyles; exports.menuSectionStyles = _chunk4YH455F5js.menuSectionStyles; exports.menuStyles = _chunk4YH455F5js.menuStyles; exports.modalStyles = _chunk5GIWUVUBjs.modalStyles; exports.numberFieldStyles = _chunkGU7JXFE5js.numberFieldStyles; exports.paginationStyles = _chunk57OCRZXHjs.paginationStyles; exports.popoverArrowStyles = _chunkGNNN3RQTjs.popoverArrowStyles; exports.popoverStyles = _chunkGNNN3RQTjs.popoverStyles; exports.selectItemStyles = _chunk5FOX35BGjs.selectItemStyles; exports.selectSearchStyles = _chunk5FOX35BGjs.selectSearchStyles; exports.selectStyles = _chunk5FOX35BGjs.selectStyles; exports.skipNavLinkStyles = _chunkJTSKQACDjs.skipNavLinkStyles; exports.spinnerStyles = _chunkXJ43QIS4js.spinnerStyles; exports.tabListStyles = _chunkEJBX2H7Vjs.tabListStyles; exports.tabPanelStyles = _chunkEJBX2H7Vjs.tabPanelStyles; exports.tabStyles = _chunkEJBX2H7Vjs.tabStyles; exports.tabsStyles = _chunkEJBX2H7Vjs.tabsStyles; exports.tagFieldStyles = _chunkLG22OEO3js.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toastStyles = _chunkLFWRTLTKjs.toastStyles; exports.toggleStyles = _chunkKX2AFEAGjs.toggleStyles; exports.tv = _chunkUZONBJUXjs.tv; exports.twMerge = _chunkHEB3T2LLjs.twMerge;
 //# sourceMappingURL=index.js.map

package/dist/index.mjs

@@ -19,7 +19,7 @@ import {
 } from "./chunk-RKCURSL5.mjs";
 import {
   toastStyles
-} from "./chunk-KH4P3E2M.mjs";
+} from "./chunk-2A6ND2I5.mjs";
 import {
   toggleStyles
 } from "./chunk-6VRFTVGW.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengovsg/oui-theme",
-  "version": "0.0.27",
+  "version": "0.0.28",
   "sideEffects": false,
   "files": [
     "dist",

package/dist/chunk-DD73VH23.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-DD73VH23.js","../src/components/toast.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,YAAA,EAAc,iCAAA;AAAG,EAC5B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,cAAA;AAAA,IACN,KAAA,EACE,kLAAA;AAAA,IACF,KAAA,EAAO,8CAAA;AAAA,IACP,WAAA,EAAa,EAAA;AAAA,IACb,MAAA,EAAQ,wCAAA;AAAA,IACR,WAAA,EACE,iGAAA;AAAA,IACF,YAAA,EACE,o+BAAA;AAAA,IACF,YAAA,EACE,2gCAAA;AAAA,IACF,OAAA,EAAS,EAAA;AAAA,IACT,KAAA,EAAO,EAAA;AAAA,IACP,IAAA,EAAM,EAAA;AAAA,IACN,OAAA,EAAS,EAAA;AAAA,IACT,OAAA,EAAS,EAAA;AAAA,IACT,OAAA,EAAS,EAAA;AAAA,IACT,OAAA,EAAS,uCAAA;AAAA,IACT,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,QAAA,EAAU;AAAA,QACR,OAAA,EAAS,iBAAA;AAAA,QACT,OAAA,EAAS,iBAAA;AAAA,QACT,OAAA,EACE,qEAAA;AAAA,QACF,KAAA,EACE,uEAAA;AAAA,QACF,IAAA,EAAM,+DAAA;AAAA,QACN,OAAA,EACE;AAAA,MACJ;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS;AAAA,EACX;AACF,CAAC,CAAA;ADLD;AACA;AACE;AACF,kCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-DD73VH23.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const toastStyles = tv({\n  slots: {\n    base: \"prose-body-1\",\n    toast:\n      \"group/toast text-base-content-default relative flex w-(--width) flex-wrap items-start gap-2 overflow-hidden rounded-sm px-4 py-3 has-data-close-button:pr-12 has-data-icon:pl-10\",\n    title: \"[&:has(+[data-description])]:prose-subhead-1\",\n    description: \"\",\n    loader: \"absolute inset-0 size-5 [--size:20px]!\",\n    closeButton:\n      \"absolute top-3.25 right-4 flex size-5 cursor-pointer items-center justify-center rounded-sm p-0\",\n    cancelButton:\n      \"prose-caption-1 group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/10 group-data-[type=info]/toast:bg-utility-feedback-info/10 group-data-[type=success]/toast:bg-utility-feedback-success/10 group-data-[type=error]/toast:bg-utility-feedback-critical/10 hover:group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/15 hover:group-data-[type=info]/toast:bg-utility-feedback-info/15 hover:group-data-[type=success]/toast:bg-utility-feedback-success/15 hover:group-data-[type=error]/toast:bg-utility-feedback-critical/15 active:group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/20 active:group-data-[type=info]/toast:bg-utility-feedback-info/20 active:group-data-[type=success]/toast:bg-utility-feedback-success/20 active:group-data-[type=error]/toast:bg-utility-feedback-critical/20 bg-interaction-neutral-default/10 hover:bg-interaction-neutral-default/15 active:bg-interaction-neutral-default/20 h-6 shrink-0 cursor-pointer rounded-sm px-2 transition!\",\n    actionButton:\n      \"prose-caption-1 text-base-content-inverse group-data-[type=warning]/toast:text-base-content-default group-data-[type=warning]/toast:bg-interaction-warning-default group-data-[type=info]/toast:bg-interaction-main-default group-data-[type=success]/toast:bg-interaction-success-default group-data-[type=error]/toast:bg-interaction-critical-default hover:group-data-[type=warning]/toast:bg-interaction-warning-hover hover:group-data-[type=info]/toast:bg-interaction-main-hover hover:group-data-[type=success]/toast:bg-interaction-success-hover hover:group-data-[type=error]/toast:bg-interaction-critical-hover active:group-data-[type=warning]/toast:bg-interaction-warning-active active:group-data-[type=info]/toast:bg-interaction-main-active active:group-data-[type=success]/toast:bg-interaction-success-active active:group-data-[type=error]/toast:bg-interaction-critical-active bg-interaction-neutral-default hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active h-6 shrink-0 cursor-pointer rounded-sm px-2 transition!\",\n    success: \"\",\n    error: \"\",\n    info: \"\",\n    warning: \"\",\n    loading: \"\",\n    default: \"\",\n    content: \"flex w-full shrink-0 flex-col gap-0.5\",\n    icon: \"group-data-[type=warning]/toast:text-utility-feedback-warning group-data-[type=info]/toast:text-utility-feedback-info group-data-[type=success]/toast:text-utility-feedback-success group-data-[type=error]/toast:text-utility-feedback-critical absolute left-4 my-0.5 flex size-5 shrink-0 items-center justify-start\",\n  },\n  variants: {\n    variant: {\n      bordered: {\n        loading: \"border bg-white\",\n        default: \"border bg-white\",\n        success:\n          \"border-utility-feedback-success bg-utility-feedback-success-subtle!\",\n        error:\n          \"border-utility-feedback-critical bg-utility-feedback-critical-subtle!\",\n        info: \"border-utility-feedback-info bg-utility-feedback-info-subtle!\",\n        warning:\n          \"border-utility-feedback-warning bg-utility-feedback-warning-subtle!\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"bordered\",\n  },\n})\n\nexport type ToastVariantProps = VariantProps<typeof toastStyles>\nexport type ToastSlots = keyof ReturnType<typeof toastStyles>\n"]}

package/dist/chunk-KH4P3E2M.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/toast.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const toastStyles = tv({\n  slots: {\n    base: \"prose-body-1\",\n    toast:\n      \"group/toast text-base-content-default relative flex w-(--width) flex-wrap items-start gap-2 overflow-hidden rounded-sm px-4 py-3 has-data-close-button:pr-12 has-data-icon:pl-10\",\n    title: \"[&:has(+[data-description])]:prose-subhead-1\",\n    description: \"\",\n    loader: \"absolute inset-0 size-5 [--size:20px]!\",\n    closeButton:\n      \"absolute top-3.25 right-4 flex size-5 cursor-pointer items-center justify-center rounded-sm p-0\",\n    cancelButton:\n      \"prose-caption-1 group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/10 group-data-[type=info]/toast:bg-utility-feedback-info/10 group-data-[type=success]/toast:bg-utility-feedback-success/10 group-data-[type=error]/toast:bg-utility-feedback-critical/10 hover:group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/15 hover:group-data-[type=info]/toast:bg-utility-feedback-info/15 hover:group-data-[type=success]/toast:bg-utility-feedback-success/15 hover:group-data-[type=error]/toast:bg-utility-feedback-critical/15 active:group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/20 active:group-data-[type=info]/toast:bg-utility-feedback-info/20 active:group-data-[type=success]/toast:bg-utility-feedback-success/20 active:group-data-[type=error]/toast:bg-utility-feedback-critical/20 bg-interaction-neutral-default/10 hover:bg-interaction-neutral-default/15 active:bg-interaction-neutral-default/20 h-6 shrink-0 cursor-pointer rounded-sm px-2 transition!\",\n    actionButton:\n      \"prose-caption-1 text-base-content-inverse group-data-[type=warning]/toast:text-base-content-default group-data-[type=warning]/toast:bg-interaction-warning-default group-data-[type=info]/toast:bg-interaction-main-default group-data-[type=success]/toast:bg-interaction-success-default group-data-[type=error]/toast:bg-interaction-critical-default hover:group-data-[type=warning]/toast:bg-interaction-warning-hover hover:group-data-[type=info]/toast:bg-interaction-main-hover hover:group-data-[type=success]/toast:bg-interaction-success-hover hover:group-data-[type=error]/toast:bg-interaction-critical-hover active:group-data-[type=warning]/toast:bg-interaction-warning-active active:group-data-[type=info]/toast:bg-interaction-main-active active:group-data-[type=success]/toast:bg-interaction-success-active active:group-data-[type=error]/toast:bg-interaction-critical-active bg-interaction-neutral-default hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active h-6 shrink-0 cursor-pointer rounded-sm px-2 transition!\",\n    success: \"\",\n    error: \"\",\n    info: \"\",\n    warning: \"\",\n    loading: \"\",\n    default: \"\",\n    content: \"flex w-full shrink-0 flex-col gap-0.5\",\n    icon: \"group-data-[type=warning]/toast:text-utility-feedback-warning group-data-[type=info]/toast:text-utility-feedback-info group-data-[type=success]/toast:text-utility-feedback-success group-data-[type=error]/toast:text-utility-feedback-critical absolute left-4 my-0.5 flex size-5 shrink-0 items-center justify-start\",\n  },\n  variants: {\n    variant: {\n      bordered: {\n        loading: \"border bg-white\",\n        default: \"border bg-white\",\n        success:\n          \"border-utility-feedback-success bg-utility-feedback-success-subtle!\",\n        error:\n          \"border-utility-feedback-critical bg-utility-feedback-critical-subtle!\",\n        info: \"border-utility-feedback-info bg-utility-feedback-info-subtle!\",\n        warning:\n          \"border-utility-feedback-warning bg-utility-feedback-warning-subtle!\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"bordered\",\n  },\n})\n\nexport type ToastVariantProps = VariantProps<typeof toastStyles>\nexport type ToastSlots = keyof ReturnType<typeof toastStyles>\n"],"mappings":";;;;;AAIO,IAAM,cAAc,GAAG;AAAA,EAC5B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OACE;AAAA,IACF,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aACE;AAAA,IACF,cACE;AAAA,IACF,cACE;AAAA,IACF,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,UAAU;AAAA,QACR,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SACE;AAAA,QACF,OACE;AAAA,QACF,MAAM;AAAA,QACN,SACE;AAAA,MACJ;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;","names":[]}