@opengovsg/oui-theme 0.0.13 → 0.0.15

package/dist/index.js

@@ -1,7 +1,13 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('./chunk-2DNFT7QN.js');
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('./chunk-LTX7TV6H.js');
 
 
-var _chunk5ZLWLG6Rjs = require('./chunk-5ZLWLG6R.js');
+var _chunkTTH5N3TRjs = require('./chunk-TTH5N3TR.js');
+
+
+var _chunk4HJADAKBjs = require('./chunk-4HJADAKB.js');
+
+
+var _chunkCO7LICMCjs = require('./chunk-CO7LICMC.js');
 
 
 
@@ -10,6 +16,12 @@ var _chunk5ZLWLG6Rjs = require('./chunk-5ZLWLG6R.js');
 var _chunk4YH455F5js = require('./chunk-4YH455F5.js');
 
 
+var _chunkBIXVP43Cjs = require('./chunk-BIXVP43C.js');
+
+
+var _chunkMA67SUVHjs = require('./chunk-MA67SUVH.js');
+
+
 
 var _chunkGNNN3RQTjs = require('./chunk-GNNN3RQT.js');
 
@@ -28,13 +40,11 @@ var _chunkFLV5K4DIjs = require('./chunk-FLV5K4DI.js');
 
 
 
-var _chunkXJNNSVHSjs = require('./chunk-XJNNSVHS.js');
+var _chunkKLKBOAF7js = require('./chunk-KLKBOAF7.js');
 
 
-var _chunkNPNMMEUTjs = require('./chunk-NPNMMEUT.js');
 
-
-var _chunk4HJADAKBjs = require('./chunk-4HJADAKB.js');
+var _chunk33K2SFQMjs = require('./chunk-33K2SFQM.js');
 
 
 var _chunk7K66Q24Qjs = require('./chunk-7K66Q24Q.js');
@@ -52,29 +62,27 @@ var _chunkTPVZYXBGjs = require('./chunk-TPVZYXBG.js');
 var _chunkLQDQQV7Xjs = require('./chunk-LQDQQV7X.js');
 
 
-var _chunkTQ3MGBT6js = require('./chunk-TQ3MGBT6.js');
-
-
-var _chunkBIXVP43Cjs = require('./chunk-BIXVP43C.js');
+var _chunkMNRXJUFJjs = require('./chunk-MNRXJUFJ.js');
 
 
 
-var _chunk4TOCRU3Ijs = require('./chunk-4TOCRU3I.js');
+var _chunkF52XBBDGjs = require('./chunk-F52XBBDG.js');
 
 
 var _chunkGCZQ5SEKjs = require('./chunk-GCZQ5SEK.js');
 
 
-var _chunkD6ME6X3Fjs = require('./chunk-D6ME6X3F.js');
+var _chunkHX2YSJTRjs = require('./chunk-HX2YSJTR.js');
 require('./chunk-7Y2HFACM.js');
 
 
-var _chunk2K77M7UDjs = require('./chunk-2K77M7UD.js');
-require('./chunk-OLJN3WXR.js');
-require('./chunk-2LTV7VB5.js');
+var _chunkQON6KDROjs = require('./chunk-QON6KDRO.js');
 
 
-var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
+
+var _chunk5CEW3T3Tjs = require('./chunk-5CEW3T3T.js');
+require('./chunk-OLJN3WXR.js');
+require('./chunk-2LTV7VB5.js');
 
 
 var _chunkO3I4FUFDjs = require('./chunk-O3I4FUFD.js');
@@ -84,19 +92,18 @@ var _chunkO3I4FUFDjs = require('./chunk-O3I4FUFD.js');
 var _chunkZXZSQRVCjs = require('./chunk-ZXZSQRVC.js');
 
 
-
-var _chunkX2UCVIR5js = require('./chunk-X2UCVIR5.js');
+var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
 
 
-var _chunkJ2CD7KKZjs = require('./chunk-J2CD7KKZ.js');
 
+var _chunkPWPTVAILjs = require('./chunk-PWPTVAIL.js');
 
 
-var _chunkQGEGS5ROjs = require('./chunk-QGEGS5RO.js');
+var _chunkJ2CD7KKZjs = require('./chunk-J2CD7KKZ.js');
 
 
 
-var _chunk33K2SFQMjs = require('./chunk-33K2SFQM.js');
+var _chunkQGEGS5ROjs = require('./chunk-QGEGS5RO.js');
 
 
 var _chunkDB7X5OUPjs = require('./chunk-DB7X5OUP.js');
@@ -155,5 +162,8 @@ var _chunkHEB3T2LLjs = require('./chunk-HEB3T2LL.js');
 
 
 
-exports.badgeCloseButtonStyles = _chunk4TOCRU3Ijs.badgeCloseButtonStyles; exports.badgeStyles = _chunk4TOCRU3Ijs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.buttonStyles = _chunkD6ME6X3Fjs.buttonStyles; exports.calendarStyles = _chunk2K77M7UDjs.calendarStyles; 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 = _chunk33K2SFQMjs.dateFieldStyles; exports.dateInputStyles = _chunk33K2SFQMjs.dateInputStyles; exports.datePickerStyles = _chunk7K66Q24Qjs.datePickerStyles; exports.dateRangePickerStyles = _chunkRYFMG27Cjs.dateRangePickerStyles; exports.descriptionStyles = _chunkLQDQQV7Xjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunkLQDQQV7Xjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.focusClasses = _chunkX2UCVIR5js.focusClasses; exports.focusVisibleClasses = _chunkX2UCVIR5js.focusVisibleClasses; exports.govtBannerStyles = _chunkTQ3MGBT6js.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.popoverArrowStyles = _chunkGNNN3RQTjs.popoverArrowStyles; exports.popoverStyles = _chunkGNNN3RQTjs.popoverStyles; exports.selectItemStyles = _chunk5FOX35BGjs.selectItemStyles; exports.selectSearchStyles = _chunk5FOX35BGjs.selectSearchStyles; exports.selectStyles = _chunk5FOX35BGjs.selectStyles; exports.skipNavLinkStyles = _chunkAVNHKMODjs.skipNavLinkStyles; exports.spinnerStyles = _chunkFLV5K4DIjs.spinnerStyles; exports.tabListStyles = _chunkXJNNSVHSjs.tabListStyles; exports.tabPanelStyles = _chunkXJNNSVHSjs.tabPanelStyles; exports.tabStyles = _chunkXJNNSVHSjs.tabStyles; exports.tabsStyles = _chunkXJNNSVHSjs.tabsStyles; exports.tagFieldStyles = _chunkNPNMMEUTjs.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toggleStyles = _chunk5ZLWLG6Rjs.toggleStyles; exports.tv = _chunkUZONBJUXjs.tv; exports.twMerge = _chunkHEB3T2LLjs.twMerge;
+
+
+
+exports.badgeCloseButtonStyles = _chunkF52XBBDGjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkF52XBBDGjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.buttonStyles = _chunkHX2YSJTRjs.buttonStyles; exports.calendarStyles = _chunkQON6KDROjs.calendarStyles; exports.checkboxGroupStyles = _chunk5CEW3T3Tjs.checkboxGroupStyles; exports.checkboxStyles = _chunk5CEW3T3Tjs.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 = _chunk33K2SFQMjs.dateFieldStyles; exports.dateInputStyles = _chunk33K2SFQMjs.dateInputStyles; exports.datePickerStyles = _chunk7K66Q24Qjs.datePickerStyles; exports.dateRangePickerStyles = _chunkRYFMG27Cjs.dateRangePickerStyles; exports.descriptionStyles = _chunkLQDQQV7Xjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunkLQDQQV7Xjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.focusClasses = _chunkPWPTVAILjs.focusClasses; exports.focusVisibleClasses = _chunkPWPTVAILjs.focusVisibleClasses; exports.govtBannerStyles = _chunkMNRXJUFJjs.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.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 = _chunkAVNHKMODjs.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 = _chunkCO7LICMCjs.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;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;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;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,+BAA4B;AAC5B,+BAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;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;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,ivFAAC","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;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;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;AACF,sDAA4B;AAC5B;AACE;AACA;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;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,+BAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;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;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;AACF,66FAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/index.js"}

package/dist/index.mjs

@@ -1,13 +1,25 @@
-import "./chunk-6ZYRWZBW.mjs";
+import "./chunk-ZDEFYL6G.mjs";
+import {
+  tagFieldStyles
+} from "./chunk-KRCG5SPM.mjs";
+import {
+  textAreaStyles
+} from "./chunk-RKCURSL5.mjs";
 import {
   toggleStyles
-} from "./chunk-2NKETQ3I.mjs";
+} from "./chunk-R3METMPK.mjs";
 import {
   menuDividerStyles,
   menuItemStyles,
   menuSectionStyles,
   menuStyles
 } from "./chunk-KKW4VCZA.mjs";
+import {
+  listBoxItemStyles
+} from "./chunk-UTOQXAFU.mjs";
+import {
+  paginationStyles
+} from "./chunk-LMYYQSDD.mjs";
 import {
   popoverArrowStyles,
   popoverStyles
@@ -28,13 +40,11 @@ import {
   tabPanelStyles,
   tabStyles,
   tabsStyles
-} from "./chunk-J43U6YH5.mjs";
-import {
-  tagFieldStyles
-} from "./chunk-VS4FD2JZ.mjs";
+} from "./chunk-OJ7NRUXZ.mjs";
 import {
-  textAreaStyles
-} from "./chunk-RKCURSL5.mjs";
+  dateFieldStyles,
+  dateInputStyles
+} from "./chunk-FTUBU2ZU.mjs";
 import {
   datePickerStyles
 } from "./chunk-WG2AEB3W.mjs";
@@ -52,29 +62,27 @@ import {
 } from "./chunk-UQLG4DEZ.mjs";
 import {
   govtBannerStyles
-} from "./chunk-SUTSDQSC.mjs";
-import {
-  listBoxItemStyles
-} from "./chunk-UTOQXAFU.mjs";
+} from "./chunk-PKY2UCL3.mjs";
 import {
   badgeCloseButtonStyles,
   badgeStyles
-} from "./chunk-XBNY4LLV.mjs";
+} from "./chunk-UGTAUPMB.mjs";
 import {
   bannerStyles
 } from "./chunk-44H2MHJG.mjs";
 import {
   buttonStyles
-} from "./chunk-OZPPDCIJ.mjs";
+} from "./chunk-AS6CYS7I.mjs";
 import "./chunk-C7FUGWVY.mjs";
 import {
   calendarStyles
-} from "./chunk-EY432TXM.mjs";
+} from "./chunk-3IVEF5M7.mjs";
+import {
+  checkboxGroupStyles,
+  checkboxStyles
+} from "./chunk-EFRBAT73.mjs";
 import "./chunk-M2BG3FAA.mjs";
 import "./chunk-XTHC46M2.mjs";
-import {
-  cn
-} from "./chunk-HAUMMW6T.mjs";
 import {
   dataAttr
 } from "./chunk-TL5MCSZQ.mjs";
@@ -82,10 +90,13 @@ import {
   composeRenderProps,
   composeTailwindRenderProps
 } from "./chunk-J2WMLIIA.mjs";
+import {
+  cn
+} from "./chunk-HAUMMW6T.mjs";
 import {
   focusClasses,
   focusVisibleClasses
-} from "./chunk-SFKXXWVK.mjs";
+} from "./chunk-E43A5ROR.mjs";
 import {
   comboBoxFuzzyHighlightedTextStyles
 } from "./chunk-NNKV4QJP.mjs";
@@ -93,10 +104,6 @@ import {
   comboBoxClearButtonStyles,
   comboBoxStyles
 } from "./chunk-34YVA3CF.mjs";
-import {
-  dateFieldStyles,
-  dateInputStyles
-} from "./chunk-FTUBU2ZU.mjs";
 import {
   inputStyles
 } from "./chunk-43I4FEYX.mjs";
@@ -113,6 +120,8 @@ export {
   bannerStyles,
   buttonStyles,
   calendarStyles,
+  checkboxGroupStyles,
+  checkboxStyles,
   cn,
   comboBoxClearButtonStyles,
   comboBoxFuzzyHighlightedTextStyles,
@@ -139,6 +148,7 @@ export {
   menuItemStyles,
   menuSectionStyles,
   menuStyles,
+  paginationStyles,
   popoverArrowStyles,
   popoverStyles,
   selectItemStyles,

package/dist/utils/classes.d.mts

@@ -1,6 +1,7 @@
 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 racFocusRing: tailwind_variants.TVReturnType<{
@@ -20,4 +21,4 @@ declare const racFocusRing: tailwind_variants.TVReturnType<{
     };
 }, undefined, "outline-offset-2 outline-none", unknown, unknown, undefined>>;
 
-export { focusClasses, focusVisibleClasses, groupFocusVisibleClasses, racFocusRing };
+export { dataFocusVisibleClasses, focusClasses, focusVisibleClasses, groupFocusVisibleClasses, racFocusRing };

package/dist/utils/classes.d.ts

@@ -1,6 +1,7 @@
 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 racFocusRing: tailwind_variants.TVReturnType<{
@@ -20,4 +21,4 @@ declare const racFocusRing: tailwind_variants.TVReturnType<{
     };
 }, undefined, "outline-offset-2 outline-none", unknown, unknown, undefined>>;
 
-export { focusClasses, focusVisibleClasses, groupFocusVisibleClasses, racFocusRing };
+export { dataFocusVisibleClasses, focusClasses, focusVisibleClasses, groupFocusVisibleClasses, racFocusRing };

package/dist/utils/classes.js

@@ -3,7 +3,8 @@
 
 
 
-var _chunkX2UCVIR5js = require('../chunk-X2UCVIR5.js');
+
+var _chunkPWPTVAILjs = require('../chunk-PWPTVAIL.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
@@ -11,5 +12,6 @@ require('../chunk-HEB3T2LL.js');
 
 
 
-exports.focusClasses = _chunkX2UCVIR5js.focusClasses; exports.focusVisibleClasses = _chunkX2UCVIR5js.focusVisibleClasses; exports.groupFocusVisibleClasses = _chunkX2UCVIR5js.groupFocusVisibleClasses; exports.racFocusRing = _chunkX2UCVIR5js.racFocusRing;
+
+exports.dataFocusVisibleClasses = _chunkPWPTVAILjs.dataFocusVisibleClasses; exports.focusClasses = _chunkPWPTVAILjs.focusClasses; exports.focusVisibleClasses = _chunkPWPTVAILjs.focusVisibleClasses; exports.groupFocusVisibleClasses = _chunkPWPTVAILjs.groupFocusVisibleClasses; exports.racFocusRing = _chunkPWPTVAILjs.racFocusRing;
 //# sourceMappingURL=classes.js.map

package/dist/utils/classes.js.map

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

package/dist/utils/classes.mjs

@@ -1,12 +1,14 @@
 import {
+  dataFocusVisibleClasses,
   focusClasses,
   focusVisibleClasses,
   groupFocusVisibleClasses,
   racFocusRing
-} from "../chunk-SFKXXWVK.mjs";
+} from "../chunk-E43A5ROR.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {
+  dataFocusVisibleClasses,
   focusClasses,
   focusVisibleClasses,
   groupFocusVisibleClasses,

package/dist/utils/index.js

@@ -2,9 +2,6 @@
 require('../chunk-2LTV7VB5.js');
 
 
-var _chunkZIQLHX3Ujs = require('../chunk-ZIQLHX3U.js');
-
-
 var _chunkO3I4FUFDjs = require('../chunk-O3I4FUFD.js');
 
 
@@ -12,8 +9,11 @@ var _chunkO3I4FUFDjs = require('../chunk-O3I4FUFD.js');
 var _chunkZXZSQRVCjs = require('../chunk-ZXZSQRVC.js');
 
 
+var _chunkZIQLHX3Ujs = require('../chunk-ZIQLHX3U.js');
+
+
 
-var _chunkX2UCVIR5js = require('../chunk-X2UCVIR5.js');
+var _chunkPWPTVAILjs = require('../chunk-PWPTVAIL.js');
 
 
 var _chunkUZONBJUXjs = require('../chunk-UZONBJUX.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 = _chunkX2UCVIR5js.focusClasses; exports.focusVisibleClasses = _chunkX2UCVIR5js.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 = _chunkPWPTVAILjs.focusClasses; exports.focusVisibleClasses = _chunkPWPTVAILjs.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,gCAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACA;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,gCAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;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,8 +1,5 @@
 import "../chunk-M2BG3FAA.mjs";
 import "../chunk-XTHC46M2.mjs";
-import {
-  cn
-} from "../chunk-HAUMMW6T.mjs";
 import {
   dataAttr
 } from "../chunk-TL5MCSZQ.mjs";
@@ -10,10 +7,13 @@ import {
   composeRenderProps,
   composeTailwindRenderProps
 } from "../chunk-J2WMLIIA.mjs";
+import {
+  cn
+} from "../chunk-HAUMMW6T.mjs";
 import {
   focusClasses,
   focusVisibleClasses
-} from "../chunk-SFKXXWVK.mjs";
+} from "../chunk-E43A5ROR.mjs";
 import {
   tv
 } from "../chunk-4JENAMGV.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengovsg/oui-theme",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "sideEffects": false,
   "files": [
     "dist",
@@ -21,12 +21,13 @@
     "./tailwind.css": "./src/tailwind.css"
   },
   "devDependencies": {
-    "tailwind-variants": "2.0.1",
     "@types/lodash-es": "^4.17.12",
     "@types/react": "^19.0.12",
     "@types/react-dom": "^19.0.4",
     "eslint": "^9.20.1",
     "prettier": "^3.5.3",
+    "react": "^19.0.0",
+    "tailwind-variants": "2.0.1",
     "tailwindcss": "4.1.11",
     "tsup": "^8.3.6",
     "typescript": "5.7.3",
@@ -38,14 +39,14 @@
     "@tailwindcss/vite": "4.1.11",
     "clsx": "^2.1.1",
     "lodash-es": "^4.17.21",
-    "react": "^19.0.0",
     "tailwind-merge": "^3.3.1",
     "tailwindcss-react-aria-components": "^2.0.0",
     "tw-animate-css": "^1.2.0"
   },
   "peerDependencies": {
-    "tailwindcss": ">=4",
-    "tailwind-variants": "2.0.1"
+    "react": ">= 18",
+    "tailwind-variants": "2.0.1",
+    "tailwindcss": ">=4"
   },
   "prettier": "@oui/prettier-config",
   "scripts": {

package/src/variants/base.css

@@ -191,6 +191,12 @@
   --color-utility-ui-clear: rgba(255, 255, 255, 0);
 }
 
+@utility transition-transform-background {
+  transition-property: transform, scale, background;
+  transition-duration: 0.25s;
+  transition-timing-function: ease;
+}
+
 @utility prose-h1 {
   font-family: var(--font-sans);
   text-transform: none;

package/dist/chunk-2DNFT7QN.js

@@ -1 +0,0 @@
-"use strict";//# sourceMappingURL=chunk-2DNFT7QN.js.map

package/dist/chunk-6ZYRWZBW.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-6ZYRWZBW.mjs.map

package/dist/chunk-SFKXXWVK.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 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,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":[]}

package/dist/chunk-X2UCVIR5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-X2UCVIR5.js","../src/utils/classes.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,oBAAA,EAAsB;AAAA,EACjC,cAAA;AAAA,EACA,qBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kCAAA;AAAA,EACA,6BAAA;AAAA,EACA;AACF,CAAA;AAEO,IAAM,aAAA,EAAe;AAAA,EAC1B,cAAA;AAAA,EACA,qBAAA;AAAA,EACA,kBAAA;AAAA,EACA,0BAAA;AAAA,EACA,qBAAA;AAAA,EACA;AACF,CAAA;AAEO,IAAM,yBAAA,EAA2B;AAAA,EACtC,uBAAA;AAAA,EACA,4BAAA;AAAA,EACA,oBAAA;AAAA,EACA;AACF,CAAA;AAEO,IAAM,aAAA,EAAe,iCAAA;AAAG,EAC7B,IAAA,EAAM,+BAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,cAAA,EAAgB;AAAA,MACd,KAAA,EAAO,qBAAA;AAAA,MACP,IAAA,EAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC,CAAA;ADCD;AACA;AACE;AACA;AACA;AACA;AACF,yLAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-X2UCVIR5.js","sourcesContent":[null,"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 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"]}