@opengovsg/oui-theme 0.0.24 → 0.0.26

package/dist/index.js

@@ -1,4 +1,7 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('./chunk-I5XLHO6P.js');
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('./chunk-FZLT7D4G.js');
+
+
+var _chunkJTSKQACDjs = require('./chunk-JTSKQACD.js');
 
 
 var _chunkFLV5K4DIjs = require('./chunk-FLV5K4DI.js');
@@ -7,16 +10,16 @@ var _chunkFLV5K4DIjs = require('./chunk-FLV5K4DI.js');
 
 
 
-var _chunkKLKBOAF7js = require('./chunk-KLKBOAF7.js');
+var _chunkEJBX2H7Vjs = require('./chunk-EJBX2H7V.js');
 
 
-var _chunkTTH5N3TRjs = require('./chunk-TTH5N3TR.js');
+var _chunkLG22OEO3js = require('./chunk-LG22OEO3.js');
 
 
 var _chunk4HJADAKBjs = require('./chunk-4HJADAKB.js');
 
 
-var _chunkYAFMS5MKjs = require('./chunk-YAFMS5MK.js');
+var _chunk634UAH2Sjs = require('./chunk-634UAH2S.js');
 
 
 
@@ -28,10 +31,13 @@ var _chunk4YH455F5js = require('./chunk-4YH455F5.js');
 var _chunkBIXVP43Cjs = require('./chunk-BIXVP43C.js');
 
 
+var _chunk5GIWUVUBjs = require('./chunk-5GIWUVUB.js');
+
+
 var _chunkGU7JXFE5js = require('./chunk-GU7JXFE5.js');
 
 
-var _chunkMA67SUVHjs = require('./chunk-MA67SUVH.js');
+var _chunk57OCRZXHjs = require('./chunk-57OCRZXH.js');
 
 
 
@@ -43,9 +49,6 @@ var _chunkGNNN3RQTjs = require('./chunk-GNNN3RQT.js');
 var _chunk5FOX35BGjs = require('./chunk-5FOX35BG.js');
 
 
-var _chunkJTSKQACDjs = require('./chunk-JTSKQACD.js');
-
-
 
 var _chunkPB6Z734Xjs = require('./chunk-PB6Z734X.js');
 
@@ -66,41 +69,41 @@ var _chunkLQDQQV7Xjs = require('./chunk-LQDQQV7X.js');
 
 
 
-var _chunkHPU33ACFjs = require('./chunk-HPU33ACF.js');
+var _chunk3APYYRQPjs = require('./chunk-3APYYRQP.js');
 
 
-var _chunkVEUSDELDjs = require('./chunk-VEUSDELD.js');
+var _chunk3B24PIIWjs = require('./chunk-3B24PIIW.js');
 
 
 
-var _chunkWVDLTDDBjs = require('./chunk-WVDLTDDB.js');
+var _chunk6VTPOAG5js = require('./chunk-6VTPOAG5.js');
 
 
 var _chunkGCZQ5SEKjs = require('./chunk-GCZQ5SEK.js');
 
 
-var _chunkK444MKCRjs = require('./chunk-K444MKCR.js');
+var _chunkOE22BFLEjs = require('./chunk-OE22BFLE.js');
 require('./chunk-7Y2HFACM.js');
 
 
-var _chunkSXFWEGKAjs = require('./chunk-SXFWEGKA.js');
+var _chunkTXUEDK3Ejs = require('./chunk-TXUEDK3E.js');
 
 
 
-var _chunkBLOVJRGIjs = require('./chunk-BLOVJRGI.js');
+var _chunkKANQORADjs = require('./chunk-KANQORAD.js');
 require('./chunk-OLJN3WXR.js');
 
 
+var _chunkO3I4FUFDjs = require('./chunk-O3I4FUFD.js');
 
-var _chunkZXZSQRVCjs = require('./chunk-ZXZSQRVC.js');
-require('./chunk-2LTV7VB5.js');
 
 
-var _chunkO3I4FUFDjs = require('./chunk-O3I4FUFD.js');
+var _chunkZXZSQRVCjs = require('./chunk-ZXZSQRVC.js');
+require('./chunk-2LTV7VB5.js');
 
 
 
-var _chunkPWPTVAILjs = require('./chunk-PWPTVAIL.js');
+var _chunk5DZEJPPYjs = require('./chunk-5DZEJPPY.js');
 
 
 var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
@@ -175,5 +178,6 @@ var _chunkHEB3T2LLjs = require('./chunk-HEB3T2LL.js');
 
 
 
-exports.badgeCloseButtonStyles = _chunkWVDLTDDBjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkWVDLTDDBjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.buttonStyles = _chunkK444MKCRjs.buttonStyles; exports.calendarStyles = _chunkSXFWEGKAjs.calendarStyles; exports.checkboxGroupStyles = _chunkBLOVJRGIjs.checkboxGroupStyles; exports.checkboxStyles = _chunkBLOVJRGIjs.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 = _chunkHPU33ACFjs.fileDropzoneStyles; exports.fileInfoDropzoneStyles = _chunkHPU33ACFjs.fileInfoDropzoneStyles; exports.focusClasses = _chunkPWPTVAILjs.focusClasses; exports.focusVisibleClasses = _chunkPWPTVAILjs.focusVisibleClasses; exports.govtBannerStyles = _chunkVEUSDELDjs.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.numberFieldStyles = _chunkGU7JXFE5js.numberFieldStyles; exports.paginationStyles = _chunkMA67SUVHjs.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 = _chunkFLV5K4DIjs.spinnerStyles; exports.tabListStyles = _chunkKLKBOAF7js.tabListStyles; exports.tabPanelStyles = _chunkKLKBOAF7js.tabPanelStyles; exports.tabStyles = _chunkKLKBOAF7js.tabStyles; exports.tabsStyles = _chunkKLKBOAF7js.tabsStyles; exports.tagFieldStyles = _chunkTTH5N3TRjs.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toggleStyles = _chunkYAFMS5MKjs.toggleStyles; exports.tv = _chunkUZONBJUXjs.tv; exports.twMerge = _chunkHEB3T2LLjs.twMerge;
+
+exports.badgeCloseButtonStyles = _chunk6VTPOAG5js.badgeCloseButtonStyles; exports.badgeStyles = _chunk6VTPOAG5js.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.buttonStyles = _chunkOE22BFLEjs.buttonStyles; exports.calendarStyles = _chunkTXUEDK3Ejs.calendarStyles; exports.checkboxGroupStyles = _chunkKANQORADjs.checkboxGroupStyles; exports.checkboxStyles = _chunkKANQORADjs.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 = _chunk3B24PIIWjs.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 = _chunkFLV5K4DIjs.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.toggleStyles = _chunk634UAH2Sjs.toggleStyles; exports.tv = _chunkUZONBJUXjs.tv; exports.twMerge = _chunkHEB3T2LLjs.twMerge;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/index.js"],"names":[],"mappings":"AAAA,wGAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B,+BAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B,+BAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B,+BAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,ynGAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/index.js"}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/index.js"],"names":[],"mappings":"AAAA,wGAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B,+BAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B,+BAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B,+BAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,6qGAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/index.js"}

package/dist/index.mjs

@@ -1,4 +1,7 @@
-import "./chunk-X4KVYCI3.mjs";
+import "./chunk-X6EUINAF.mjs";
+import {
+  skipNavLinkStyles
+} from "./chunk-W2D3UCG4.mjs";
 import {
   spinnerStyles
 } from "./chunk-7XIXHTLH.mjs";
@@ -7,16 +10,16 @@ import {
   tabPanelStyles,
   tabStyles,
   tabsStyles
-} from "./chunk-OJ7NRUXZ.mjs";
+} from "./chunk-B42Z2PBU.mjs";
 import {
   tagFieldStyles
-} from "./chunk-KRCG5SPM.mjs";
+} from "./chunk-5IBV6ZBT.mjs";
 import {
   textAreaStyles
 } from "./chunk-RKCURSL5.mjs";
 import {
   toggleStyles
-} from "./chunk-ACQAEX56.mjs";
+} from "./chunk-K66CIRPP.mjs";
 import {
   menuDividerStyles,
   menuItemStyles,
@@ -26,12 +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
@@ -41,9 +47,6 @@ import {
   selectSearchStyles,
   selectStyles
 } from "./chunk-H6JUN6QG.mjs";
-import {
-  skipNavLinkStyles
-} from "./chunk-W2D3UCG4.mjs";
 import {
   dateFieldStyles,
   dateInputStyles
@@ -66,41 +69,41 @@ import {
 import {
   fileDropzoneStyles,
   fileInfoDropzoneStyles
-} from "./chunk-W35S7EGR.mjs";
+} from "./chunk-WUWINMRN.mjs";
 import {
   govtBannerStyles
-} from "./chunk-UQQ2QXH5.mjs";
+} from "./chunk-JZONKSUM.mjs";
 import {
   badgeCloseButtonStyles,
   badgeStyles
-} from "./chunk-GPPZ7NCN.mjs";
+} from "./chunk-EPRTXJ7L.mjs";
 import {
   bannerStyles
 } from "./chunk-44H2MHJG.mjs";
 import {
   buttonStyles
-} from "./chunk-LVUFII5Z.mjs";
+} from "./chunk-OG6PNNQ5.mjs";
 import "./chunk-C7FUGWVY.mjs";
 import {
   calendarStyles
-} from "./chunk-YZ3TLYY6.mjs";
+} from "./chunk-XIP622RV.mjs";
 import {
   checkboxGroupStyles,
   checkboxStyles
-} from "./chunk-R2PVSI3C.mjs";
+} from "./chunk-6BKYW7JH.mjs";
 import "./chunk-M2BG3FAA.mjs";
+import {
+  dataAttr
+} from "./chunk-TL5MCSZQ.mjs";
 import {
   composeRenderProps,
   composeTailwindRenderProps
 } from "./chunk-J2WMLIIA.mjs";
 import "./chunk-XTHC46M2.mjs";
-import {
-  dataAttr
-} from "./chunk-TL5MCSZQ.mjs";
 import {
   focusClasses,
   focusVisibleClasses
-} from "./chunk-E43A5ROR.mjs";
+} from "./chunk-K3WA7SIJ.mjs";
 import {
   cn
 } from "./chunk-HAUMMW6T.mjs";
@@ -157,6 +160,7 @@ export {
   menuItemStyles,
   menuSectionStyles,
   menuStyles,
+  modalStyles,
   numberFieldStyles,
   paginationStyles,
   popoverArrowStyles,

package/dist/utils/classes.d.mts

@@ -1,9 +1,9 @@
 import * as tailwind_variants from 'tailwind-variants';
 
-declare const focusVisibleClasses: readonly ["outline-none", "outline-transparent", "outline-offset-2", "focus-visible:outline-focus-ring", "focus-visible:outline-solid", "focus-visible:outline-2"];
-declare const dataFocusVisibleClasses: readonly ["outline-none", "outline-transparent", "outline-offset-2", "data-[focus-visible=true]:outline-focus-ring", "data-[focus-visible=true]:outline-solid", "data-[focus-visible=true]:outline-2"];
-declare const focusClasses: readonly ["outline-none", "outline-transparent", "outline-offset-2", "focus:outline-focus-ring", "focus:outline-solid", "focus:outline-2"];
-declare const groupFocusVisibleClasses: readonly ["in-focus-visible:z-10", "in-focus-visible:outline-2", "outline-focus-ring", "outline-offset-2"];
+declare const focusVisibleClasses: readonly ["outline-none", "outline-transparent", "outline-offset-2", "focus-visible:outline-utility-focus-default", "focus-visible:outline-solid", "focus-visible:outline-2"];
+declare const dataFocusVisibleClasses: readonly ["outline-none", "outline-transparent", "outline-offset-2", "data-[focus-visible=true]:outline-utility-focus-default", "data-[focus-visible=true]:outline-solid", "data-[focus-visible=true]:outline-2"];
+declare const focusClasses: readonly ["outline-none", "outline-transparent", "outline-offset-2", "focus:outline-utility-focus-default", "focus:outline-solid", "focus:outline-2"];
+declare const groupFocusVisibleClasses: readonly ["in-focus-visible:z-10", "in-focus-visible:outline-2", "outline-utility-focus-default", "outline-offset-2"];
 declare const racFocusRing: tailwind_variants.TVReturnType<{
     isFocusVisible: {
         false: string;

package/dist/utils/classes.d.ts

@@ -1,9 +1,9 @@
 import * as tailwind_variants from 'tailwind-variants';
 
-declare const focusVisibleClasses: readonly ["outline-none", "outline-transparent", "outline-offset-2", "focus-visible:outline-focus-ring", "focus-visible:outline-solid", "focus-visible:outline-2"];
-declare const dataFocusVisibleClasses: readonly ["outline-none", "outline-transparent", "outline-offset-2", "data-[focus-visible=true]:outline-focus-ring", "data-[focus-visible=true]:outline-solid", "data-[focus-visible=true]:outline-2"];
-declare const focusClasses: readonly ["outline-none", "outline-transparent", "outline-offset-2", "focus:outline-focus-ring", "focus:outline-solid", "focus:outline-2"];
-declare const groupFocusVisibleClasses: readonly ["in-focus-visible:z-10", "in-focus-visible:outline-2", "outline-focus-ring", "outline-offset-2"];
+declare const focusVisibleClasses: readonly ["outline-none", "outline-transparent", "outline-offset-2", "focus-visible:outline-utility-focus-default", "focus-visible:outline-solid", "focus-visible:outline-2"];
+declare const dataFocusVisibleClasses: readonly ["outline-none", "outline-transparent", "outline-offset-2", "data-[focus-visible=true]:outline-utility-focus-default", "data-[focus-visible=true]:outline-solid", "data-[focus-visible=true]:outline-2"];
+declare const focusClasses: readonly ["outline-none", "outline-transparent", "outline-offset-2", "focus:outline-utility-focus-default", "focus:outline-solid", "focus:outline-2"];
+declare const groupFocusVisibleClasses: readonly ["in-focus-visible:z-10", "in-focus-visible:outline-2", "outline-utility-focus-default", "outline-offset-2"];
 declare const racFocusRing: tailwind_variants.TVReturnType<{
     isFocusVisible: {
         false: string;

package/dist/utils/classes.js

@@ -4,7 +4,7 @@
 
 
 
-var _chunkPWPTVAILjs = require('../chunk-PWPTVAIL.js');
+var _chunk5DZEJPPYjs = require('../chunk-5DZEJPPY.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
@@ -13,5 +13,5 @@ require('../chunk-HEB3T2LL.js');
 
 
 
-exports.dataFocusVisibleClasses = _chunkPWPTVAILjs.dataFocusVisibleClasses; exports.focusClasses = _chunkPWPTVAILjs.focusClasses; exports.focusVisibleClasses = _chunkPWPTVAILjs.focusVisibleClasses; exports.groupFocusVisibleClasses = _chunkPWPTVAILjs.groupFocusVisibleClasses; exports.racFocusRing = _chunkPWPTVAILjs.racFocusRing;
+exports.dataFocusVisibleClasses = _chunk5DZEJPPYjs.dataFocusVisibleClasses; exports.focusClasses = _chunk5DZEJPPYjs.focusClasses; exports.focusVisibleClasses = _chunk5DZEJPPYjs.focusVisibleClasses; exports.groupFocusVisibleClasses = _chunk5DZEJPPYjs.groupFocusVisibleClasses; exports.racFocusRing = _chunk5DZEJPPYjs.racFocusRing;
 //# sourceMappingURL=classes.js.map

package/dist/utils/classes.mjs

@@ -4,7 +4,7 @@ import {
   focusVisibleClasses,
   groupFocusVisibleClasses,
   racFocusRing
-} from "../chunk-E43A5ROR.mjs";
+} from "../chunk-K3WA7SIJ.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/utils/index.js

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-OLJN3WXR.js');
 
 
+var _chunkO3I4FUFDjs = require('../chunk-O3I4FUFD.js');
 
-var _chunkZXZSQRVCjs = require('../chunk-ZXZSQRVC.js');
-require('../chunk-2LTV7VB5.js');
 
 
-var _chunkO3I4FUFDjs = require('../chunk-O3I4FUFD.js');
+var _chunkZXZSQRVCjs = require('../chunk-ZXZSQRVC.js');
+require('../chunk-2LTV7VB5.js');
 
 
 
-var _chunkPWPTVAILjs = require('../chunk-PWPTVAIL.js');
+var _chunk5DZEJPPYjs = require('../chunk-5DZEJPPY.js');
 
 
 var _chunkZIQLHX3Ujs = require('../chunk-ZIQLHX3U.js');
@@ -31,5 +31,5 @@ var _chunkHEB3T2LLjs = require('../chunk-HEB3T2LL.js');
 
 
 
-exports.cn = _chunkZIQLHX3Ujs.cn; exports.composeRenderProps = _chunkZXZSQRVCjs.composeRenderProps; exports.composeTailwindRenderProps = _chunkZXZSQRVCjs.composeTailwindRenderProps; exports.customTwMergeConfig = _chunkHEB3T2LLjs.customTwMergeConfig; exports.dataAttr = _chunkO3I4FUFDjs.dataAttr; exports.focusClasses = _chunkPWPTVAILjs.focusClasses; exports.focusVisibleClasses = _chunkPWPTVAILjs.focusVisibleClasses; exports.tv = _chunkUZONBJUXjs.tv; exports.twMerge = _chunkHEB3T2LLjs.twMerge;
+exports.cn = _chunkZIQLHX3Ujs.cn; exports.composeRenderProps = _chunkZXZSQRVCjs.composeRenderProps; exports.composeTailwindRenderProps = _chunkZXZSQRVCjs.composeTailwindRenderProps; exports.customTwMergeConfig = _chunkHEB3T2LLjs.customTwMergeConfig; exports.dataAttr = _chunkO3I4FUFDjs.dataAttr; exports.focusClasses = _chunk5DZEJPPYjs.focusClasses; exports.focusVisibleClasses = _chunk5DZEJPPYjs.focusVisibleClasses; exports.tv = _chunkUZONBJUXjs.tv; exports.twMerge = _chunkHEB3T2LLjs.twMerge;
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

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

package/dist/utils/index.mjs

@@ -1,16 +1,16 @@
 import "../chunk-M2BG3FAA.mjs";
+import {
+  dataAttr
+} from "../chunk-TL5MCSZQ.mjs";
 import {
   composeRenderProps,
   composeTailwindRenderProps
 } from "../chunk-J2WMLIIA.mjs";
 import "../chunk-XTHC46M2.mjs";
-import {
-  dataAttr
-} from "../chunk-TL5MCSZQ.mjs";
 import {
   focusClasses,
   focusVisibleClasses
-} from "../chunk-E43A5ROR.mjs";
+} from "../chunk-K3WA7SIJ.mjs";
 import {
   cn
 } from "../chunk-HAUMMW6T.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengovsg/oui-theme",
-  "version": "0.0.24",
+  "version": "0.0.26",
   "sideEffects": false,
   "files": [
     "dist",
@@ -22,14 +22,14 @@
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",
-    "@types/react": "^19.0.12",
-    "@types/react-dom": "^19.0.4",
-    "eslint": "^9.20.1",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.1",
+    "eslint": "^9.39.1",
     "prettier": "^3.5.3",
-    "react": "^19.0.0",
+    "react": "^19.2.1",
     "tailwind-variants": "^3.1.1",
     "tailwindcss": "4.1.11",
-    "tsup": "^8.3.6",
+    "tsup": "^8.5.1",
     "typescript": "5.7.3",
     "@oui/eslint-config": "0.0.0",
     "@oui/prettier-config": "0.0.0",

package/src/tailwind.css

@@ -25,6 +25,7 @@
 @theme {
   /* TODO: Split up theme specific variables */
   --shadow-sm: 0px 0px 10px 0px rgba(191, 191, 191, 0.5);
+  --shadow-md: 0px 0px 20px 0px rgba(104, 104, 104, 0.3);
 
   --text-xs--line-height: 1rem;
 
@@ -39,240 +40,4 @@
       transform: rotate(360deg);
     }
   }
-
-  /* TODO: Add outline generation when generating border colors too */
-  --outline-color-focus-ring: var(--theme-border-color-focus-ring);
-
-  --text-color-default: var(--theme-text-color-default);
-  --text-color-strong: var(--theme-text-color-strong);
-  --text-color-subtle: var(--theme-text-color-subtle);
-  --text-color-placeholder: var(--theme-text-color-placeholder);
-  --text-color-disabled: var(--theme-text-color-disabled);
-  --text-color-inverse: var(--theme-text-color-inverse);
-  --text-color-primary: var(--theme-text-color-primary);
-  --text-color-neutral: var(--theme-text-color-neutral);
-  --text-color-warning: var(--theme-text-color-warning);
-  --text-color-success: var(--theme-text-color-success);
-  --text-color-danger: var(--theme-text-color-danger);
-  --text-color-info: var(--theme-text-color-info);
-  --text-color-primary-hover: var(--theme-text-color-primary-hover);
-  --text-color-neutral-hover: var(--theme-text-color-neutral-hover);
-  --text-color-warning-hover: var(--theme-text-color-warning-hover);
-  --text-color-success-hover: var(--theme-text-color-success-hover);
-  --text-color-danger-hover: var(--theme-text-color-danger-hover);
-  --text-color-info-hover: var(--theme-text-color-info-hover);
-  --text-color-primary-active: var(--theme-text-color-primary-active);
-  --text-color-neutral-active: var(--theme-text-color-neutral-active);
-  --text-color-warning-active: var(--theme-text-color-warning-active);
-  --text-color-success-active: var(--theme-text-color-success-active);
-  --text-color-danger-active: var(--theme-text-color-danger-active);
-  --text-color-info-active: var(--theme-text-color-info-active);
-  --text-color-primary-strong: var(--theme-text-color-primary-strong);
-  --text-color-neutral-strong: var(--theme-text-color-neutral-strong);
-  --text-color-warning-strong: var(--theme-text-color-warning-strong);
-  --text-color-success-strong: var(--theme-text-color-success-strong);
-  --text-color-danger-strong: var(--theme-text-color-danger-strong);
-  --text-color-info-strong: var(--theme-text-color-info-strong);
-  --text-color-primary-strong-hover: var(
-    --theme-text-color-primary-strong-hover
-  );
-  --text-color-neutral-strong-hover: var(
-    --theme-text-color-neutral-strong-hover
-  );
-  --text-color-warning-strong-hover: var(
-    --theme-text-color-warning-strong-hover
-  );
-  --text-color-success-strong-hover: var(
-    --theme-text-color-success-strong-hover
-  );
-  --text-color-danger-strong-hover: var(--theme-text-color-danger-strong-hover);
-  --text-color-info-strong-hover: var(--theme-text-color-info-strong-hover);
-  --text-color-primary-strong-active: var(
-    --theme-text-color-primary-strong-active
-  );
-  --text-color-neutral-strong-active: var(
-    --theme-text-color-neutral-strong-active
-  );
-  --text-color-warning-strong-active: var(
-    --theme-text-color-warning-strong-active
-  );
-  --text-color-success-strong-active: var(
-    --theme-text-color-success-strong-active
-  );
-  --text-color-danger-strong-active: var(
-    --theme-text-color-danger-strong-active
-  );
-  --text-color-info-strong-active: var(--theme-text-color-info-strong-active);
-  --background-color-base: var(--theme-background-color-base);
-  --background-color-alt: var(--theme-background-color-alt);
-  --background-color-backdrop: var(--theme-background-color-backdrop);
-  --background-color-disabled: var(--theme-background-color-disabled);
-  --background-color-inverse: var(--theme-background-color-inverse);
-  --background-color-brand: var(--theme-background-color-brand);
-  --background-color-primary: var(--theme-background-color-primary);
-  --background-color-neutral: var(--theme-background-color-neutral);
-  --background-color-warning: var(--theme-background-color-warning);
-  --background-color-success: var(--theme-background-color-success);
-  --background-color-danger: var(--theme-background-color-danger);
-  --background-color-info: var(--theme-background-color-info);
-  --background-color-primary: var(--theme-background-color-primary);
-  --background-color-neutral: var(--theme-background-color-neutral);
-  --background-color-warning: var(--theme-background-color-warning);
-  --background-color-success: var(--theme-background-color-success);
-  --background-color-danger: var(--theme-background-color-danger);
-  --background-color-info: var(--theme-background-color-info);
-  --background-color-primary-active: var(
-    --theme-background-color-primary-active
-  );
-  --background-color-neutral-active: var(
-    --theme-background-color-neutral-active
-  );
-  --background-color-warning-active: var(
-    --theme-background-color-warning-active
-  );
-  --background-color-success-active: var(
-    --theme-background-color-success-active
-  );
-  --background-color-danger-active: var(--theme-background-color-danger-active);
-  --background-color-info-active: var(--theme-background-color-info-active);
-  --background-color-banner-primary: var(
-    --theme-background-color-banner-primary
-  );
-  --background-color-banner-neutral: var(
-    --theme-background-color-banner-neutral
-  );
-  --background-color-banner-warning: var(
-    --theme-background-color-banner-warning
-  );
-  --background-color-banner-success: var(
-    --theme-background-color-banner-success
-  );
-  --background-color-banner-danger: var(--theme-background-color-banner-danger);
-  --background-color-banner-info: var(--theme-background-color-banner-info);
-  --background-color-primary-subtle: var(
-    --theme-background-color-primary-subtle
-  );
-  --background-color-neutral-subtle: var(
-    --theme-background-color-neutral-subtle
-  );
-  --background-color-warning-subtle: var(
-    --theme-background-color-warning-subtle
-  );
-  --background-color-success-subtle: var(
-    --theme-background-color-success-subtle
-  );
-  --background-color-danger-subtle: var(--theme-background-color-danger-subtle);
-  --background-color-info-subtle: var(--theme-background-color-info-subtle);
-  --background-color-primary-subtle-hover: var(
-    --theme-background-color-primary-subtle-hover
-  );
-  --background-color-neutral-subtle-hover: var(
-    --theme-background-color-neutral-subtle-hover
-  );
-  --background-color-warning-subtle-hover: var(
-    --theme-background-color-warning-subtle-hover
-  );
-  --background-color-success-subtle-hover: var(
-    --theme-background-color-success-subtle-hover
-  );
-  --background-color-danger-subtle-hover: var(
-    --theme-background-color-danger-subtle-hover
-  );
-  --background-color-info-subtle-hover: var(
-    --theme-background-color-info-subtle-hover
-  );
-  --background-color-primary-subtle-active: var(
-    --theme-background-color-primary-subtle-active
-  );
-  --background-color-neutral-subtle-active: var(
-    --theme-background-color-neutral-subtle-active
-  );
-  --background-color-warning-subtle-active: var(
-    --theme-background-color-warning-subtle-active
-  );
-  --background-color-success-subtle-active: var(
-    --theme-background-color-success-subtle-active
-  );
-  --background-color-danger-subtle-active: var(
-    --theme-background-color-danger-subtle-active
-  );
-  --background-color-info-subtle-active: var(
-    --theme-background-color-info-subtle-active
-  );
-  --border-color-default: var(--theme-border-color-default);
-  --border-color-subtle: var(--theme-border-color-subtle);
-  --border-color-disabled: var(--theme-border-color-disabled);
-  --border-color-focus-ring: var(--theme-border-color-focus-ring);
-  --border-color-primary: var(--theme-border-color-primary);
-  --border-color-neutral: var(--theme-border-color-neutral);
-  --border-color-warning: var(--theme-border-color-warning);
-  --border-color-success: var(--theme-border-color-success);
-  --border-color-danger: var(--theme-border-color-danger);
-  --border-color-info: var(--theme-border-color-info);
-  --border-color-primary-hover: var(--theme-border-color-primary-hover);
-  --border-color-neutral-hover: var(--theme-border-color-neutral-hover);
-  --border-color-warning-hover: var(--theme-border-color-warning-hover);
-  --border-color-success-hover: var(--theme-border-color-success-hover);
-  --border-color-danger-hover: var(--theme-border-color-danger-hover);
-  --border-color-info-hover: var(--theme-border-color-info-hover);
-  --border-color-primary-active: var(--theme-border-color-primary-active);
-  --border-color-neutral-active: var(--theme-border-color-neutral-active);
-  --border-color-warning-active: var(--theme-border-color-warning-active);
-  --border-color-success-active: var(--theme-border-color-success-active);
-  --border-color-danger-active: var(--theme-border-color-danger-active);
-  --border-color-info-active: var(--theme-border-color-info-active);
-  --border-color-primary-strong: var(--theme-border-color-primary-strong);
-  --border-color-neutral-strong: var(--theme-border-color-neutral-strong);
-  --border-color-warning-strong: var(--theme-border-color-warning-strong);
-  --border-color-success-strong: var(--theme-border-color-success-strong);
-  --border-color-danger-strong: var(--theme-border-color-danger-strong);
-  --border-color-info-strong: var(--theme-border-color-info-strong);
-  --background-color-tooltip: var(--theme-background-color-tooltip);
-  --background-color-input: var(--theme-background-color-input);
-  --background-color-input-active: var(--theme-background-color-input-active);
-  --background-color-input-disabled: var(
-    --theme-background-color-input-disabled
-  );
-  --border-color-input: var(--theme-border-color-input);
-  --background-color-btn-primary: var(--theme-background-color-btn-primary);
-  --background-color-btn-primary-hover: var(
-    --theme-background-color-btn-primary-hover
-  );
-  --background-color-btn-primary-active: var(
-    --theme-background-color-btn-primary-active
-  );
-  --text-color-btn-primary: var(--theme-text-color-btn-primary);
-  --text-color-btn-primary-hover: var(--theme-text-color-btn-primary-hover);
-  --text-color-btn-primary-active: var(--theme-text-color-btn-primary-active);
-  --border-color-btn-primary: var(--theme-border-color-btn-primary);
-  --background-color-btn-secondary: var(--theme-background-color-btn-secondary);
-  --background-color-btn-secondary-hover: var(
-    --theme-background-color-btn-secondary-hover
-  );
-  --background-color-btn-secondary-active: var(
-    --theme-background-color-btn-secondary-active
-  );
-  --text-color-btn-secondary: var(--theme-text-color-btn-secondary);
-  --text-color-btn-secondary-hover: var(--theme-text-color-btn-secondary-hover);
-  --text-color-btn-secondary-active: var(
-    --theme-text-color-btn-secondary-active
-  );
-  --border-color-btn-secondary: var(--theme-border-color-btn-secondary);
-  --background-color-btn-destructive: var(
-    --theme-background-color-btn-destructive
-  );
-  --background-color-btn-destructive-hover: var(
-    --theme-background-color-btn-destructive-hover
-  );
-  --background-color-btn-destructive-active: var(
-    --theme-background-color-btn-destructive-active
-  );
-  --text-color-btn-destructive: var(--theme-text-color-btn-destructive);
-  --text-color-btn-destructive-hover: var(
-    --theme-text-color-btn-destructive-hover
-  );
-  --text-color-btn-destructive-active: var(
-    --theme-text-color-btn-destructive-active
-  );
-  --border-color-btn-destructive: var(--theme-border-color-btn-destructive);
 }

package/dist/chunk-E43A5ROR.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/classes.ts"],"sourcesContent":["import { tv } from \"./tv\"\n\nexport const focusVisibleClasses = [\n  \"outline-none\",\n  \"outline-transparent\",\n  \"outline-offset-2\",\n  \"focus-visible:outline-focus-ring\",\n  \"focus-visible:outline-solid\",\n  \"focus-visible:outline-2\",\n] as const\n\nexport const dataFocusVisibleClasses = [\n  \"outline-none\",\n  \"outline-transparent\",\n  \"outline-offset-2\",\n  \"data-[focus-visible=true]:outline-focus-ring\",\n  \"data-[focus-visible=true]:outline-solid\",\n  \"data-[focus-visible=true]:outline-2\",\n] as const\n\nexport const focusClasses = [\n  \"outline-none\",\n  \"outline-transparent\",\n  \"outline-offset-2\",\n  \"focus:outline-focus-ring\",\n  \"focus:outline-solid\",\n  \"focus:outline-2\",\n] as const\n\nexport const groupFocusVisibleClasses = [\n  \"in-focus-visible:z-10\",\n  \"in-focus-visible:outline-2\",\n  \"outline-focus-ring\",\n  \"outline-offset-2\",\n] as const\n\nexport const racFocusRing = tv({\n  base: \"outline-offset-2 outline-none\",\n  variants: {\n    isFocusVisible: {\n      false: \"outline-transparent\",\n      true: \"outline-focus-ring outline-2 outline-solid\",\n    },\n  },\n})\n"],"mappings":";;;;;AAEO,IAAM,sBAAsB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,0BAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,eAAe;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,2BAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,eAAe,GAAG;AAAA,EAC7B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,gBAAgB;AAAA,MACd,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC;","names":[]}