@opengovsg/oui-theme 0.0.4 → 0.0.6

package/dist/index.js

@@ -1,46 +1,48 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('./chunk-SOCDAXB2.js');
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('./chunk-KUAGUN4H.js');
 
 
-var _chunkWWEFJ54Bjs = require('./chunk-WWEFJ54B.js');
 
+var _chunkOUZ7DBASjs = require('./chunk-OUZ7DBAS.js');
 
-var _chunkAVNHKMODjs = require('./chunk-AVNHKMOD.js');
 
+var _chunk4HJADAKBjs = require('./chunk-4HJADAKB.js');
 
-var _chunkFLV5K4DIjs = require('./chunk-FLV5K4DI.js');
 
+var _chunkMXWQ4MHMjs = require('./chunk-MXWQ4MHM.js');
 
 
-var _chunkOUZ7DBASjs = require('./chunk-OUZ7DBAS.js');
 
+var _chunkTPVZYXBGjs = require('./chunk-TPVZYXBG.js');
 
-var _chunkBGCTGU25js = require('./chunk-BGCTGU25.js');
 
 
-var _chunkMXWQ4MHMjs = require('./chunk-MXWQ4MHM.js');
 
+var _chunk3GUL7NAVjs = require('./chunk-3GUL7NAV.js');
 
-var _chunk7SYUA43Ajs = require('./chunk-7SYUA43A.js');
 
+var _chunkWWEFJ54Bjs = require('./chunk-WWEFJ54B.js');
 
-var _chunk5VYQMWMZjs = require('./chunk-5VYQMWMZ.js');
-require('./chunk-DBQIIY6U.js');
-require('./chunk-OLJN3WXR.js');
 
 
 
-var _chunkX2UCVIR5js = require('./chunk-X2UCVIR5.js');
+var _chunkATN4OFA4js = require('./chunk-ATN4OFA4.js');
 
 
-var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
+var _chunkAVNHKMODjs = require('./chunk-AVNHKMOD.js');
 
 
-var _chunkO3I4FUFDjs = require('./chunk-O3I4FUFD.js');
+var _chunkFLV5K4DIjs = require('./chunk-FLV5K4DI.js');
 
 
 
-var _chunkZXZSQRVCjs = require('./chunk-ZXZSQRVC.js');
-require('./chunk-2LTV7VB5.js');
+var _chunkJSOQXC4Zjs = require('./chunk-JSOQXC4Z.js');
+
+
+var _chunk7SYUA43Ajs = require('./chunk-7SYUA43A.js');
+
+
+var _chunkOHMUYFGRjs = require('./chunk-OHMUYFGR.js');
+require('./chunk-7Y2HFACM.js');
 
 
 var _chunkGQ3JHZUTjs = require('./chunk-GQ3JHZUT.js');
@@ -51,19 +53,26 @@ var _chunkJ2CD7KKZjs = require('./chunk-J2CD7KKZ.js');
 
 
 
-var _chunkOSIMQ4I6js = require('./chunk-OSIMQ4I6.js');
+var _chunk2YW3O3BVjs = require('./chunk-2YW3O3BV.js');
 
 
-var _chunkWTYHPAGQjs = require('./chunk-WTYHPAGQ.js');
+var _chunkDB7X5OUPjs = require('./chunk-DB7X5OUP.js');
+require('./chunk-OLJN3WXR.js');
+require('./chunk-2LTV7VB5.js');
 
 
 
-var _chunkTPVZYXBGjs = require('./chunk-TPVZYXBG.js');
+var _chunkX2UCVIR5js = require('./chunk-X2UCVIR5.js');
 
 
+var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
 
 
-var _chunkLV3YKAIHjs = require('./chunk-LV3YKAIH.js');
+var _chunkO3I4FUFDjs = require('./chunk-O3I4FUFD.js');
+
+
+
+var _chunkZXZSQRVCjs = require('./chunk-ZXZSQRVC.js');
 
 
 var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
@@ -101,5 +110,10 @@ var _chunkHEB3T2LLjs = require('./chunk-HEB3T2LL.js');
 
 
 
-exports.bannerStyles = _chunk7SYUA43Ajs.bannerStyles; exports.buttonStyles = _chunk5VYQMWMZjs.buttonStyles; exports.calendarStyles = _chunkGQ3JHZUTjs.calendarStyles; exports.cn = _chunkZIQLHX3Ujs.cn; exports.comboBoxClearButtonStyles = _chunkOSIMQ4I6js.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxItemStyles = _chunkOSIMQ4I6js.comboBoxItemStyles; exports.comboBoxStyles = _chunkOSIMQ4I6js.comboBoxStyles; exports.composeRenderProps = _chunkZXZSQRVCjs.composeRenderProps; exports.composeTailwindRenderProps = _chunkZXZSQRVCjs.composeTailwindRenderProps; exports.customTwMergeConfig = _chunkHEB3T2LLjs.customTwMergeConfig; exports.dataAttr = _chunkO3I4FUFDjs.dataAttr; exports.descriptionStyles = _chunkLV3YKAIHjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunkLV3YKAIHjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.focusClasses = _chunkX2UCVIR5js.focusClasses; exports.focusVisibleClasses = _chunkX2UCVIR5js.focusVisibleClasses; exports.govtBannerStyles = _chunkWWEFJ54Bjs.govtBannerStyles; exports.inputStyles = _chunkWTYHPAGQjs.inputStyles; exports.labelStyles = _chunkLV3YKAIHjs.labelStyles; exports.skipNavLinkStyles = _chunkAVNHKMODjs.skipNavLinkStyles; exports.spinnerStyles = _chunkFLV5K4DIjs.spinnerStyles; exports.tagFieldItemStyles = _chunkOUZ7DBASjs.tagFieldItemStyles; exports.tagFieldStyles = _chunkOUZ7DBASjs.tagFieldStyles; exports.textAreaStyles = _chunkBGCTGU25js.textAreaStyles; exports.toggleStyles = _chunkMXWQ4MHMjs.toggleStyles; exports.tv = _chunkUZONBJUXjs.tv; exports.twMerge = _chunkHEB3T2LLjs.twMerge;
+
+
+
+
+
+exports.badgeCloseButtonStyles = _chunkJSOQXC4Zjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkJSOQXC4Zjs.badgeStyles; exports.bannerStyles = _chunk7SYUA43Ajs.bannerStyles; exports.buttonStyles = _chunkOHMUYFGRjs.buttonStyles; exports.calendarStyles = _chunkGQ3JHZUTjs.calendarStyles; exports.cn = _chunkZIQLHX3Ujs.cn; exports.comboBoxClearButtonStyles = _chunk2YW3O3BVjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxItemStyles = _chunk2YW3O3BVjs.comboBoxItemStyles; exports.comboBoxStyles = _chunk2YW3O3BVjs.comboBoxStyles; exports.composeRenderProps = _chunkZXZSQRVCjs.composeRenderProps; exports.composeTailwindRenderProps = _chunkZXZSQRVCjs.composeTailwindRenderProps; exports.customTwMergeConfig = _chunkHEB3T2LLjs.customTwMergeConfig; exports.dataAttr = _chunkO3I4FUFDjs.dataAttr; exports.descriptionStyles = _chunk3GUL7NAVjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunk3GUL7NAVjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.focusClasses = _chunkX2UCVIR5js.focusClasses; exports.focusVisibleClasses = _chunkX2UCVIR5js.focusVisibleClasses; exports.govtBannerStyles = _chunkWWEFJ54Bjs.govtBannerStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunk3GUL7NAVjs.labelStyles; exports.selectItemStyles = _chunkATN4OFA4js.selectItemStyles; exports.selectSearchStyles = _chunkATN4OFA4js.selectSearchStyles; exports.selectStyles = _chunkATN4OFA4js.selectStyles; exports.skipNavLinkStyles = _chunkAVNHKMODjs.skipNavLinkStyles; exports.spinnerStyles = _chunkFLV5K4DIjs.spinnerStyles; exports.tagFieldItemStyles = _chunkOUZ7DBASjs.tagFieldItemStyles; exports.tagFieldStyles = _chunkOUZ7DBASjs.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toggleStyles = _chunkMXWQ4MHMjs.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;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B,+BAA4B;AAC5B,+BAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B,+BAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;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;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,ysDAAC","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;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;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;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B,+BAA4B;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;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;AACF,6/DAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/index.js"}

package/dist/index.mjs

@@ -1,7 +1,31 @@
-import "./chunk-KK47HKQ6.mjs";
+import "./chunk-ARRSHAJG.mjs";
+import {
+  tagFieldItemStyles,
+  tagFieldStyles
+} from "./chunk-GUV5RZUP.mjs";
+import {
+  textAreaStyles
+} from "./chunk-RKCURSL5.mjs";
+import {
+  toggleStyles
+} from "./chunk-U5G5CDX6.mjs";
+import {
+  fieldBorderStyles,
+  fieldGroupStyles
+} from "./chunk-2YKM6BLP.mjs";
+import {
+  descriptionStyles,
+  fieldErrorStyles,
+  labelStyles
+} from "./chunk-TBOBJYPO.mjs";
 import {
   govtBannerStyles
 } from "./chunk-SETXC4VI.mjs";
+import {
+  selectItemStyles,
+  selectSearchStyles,
+  selectStyles
+} from "./chunk-SCEZEIC2.mjs";
 import {
   skipNavLinkStyles
 } from "./chunk-FWC3DOGE.mjs";
@@ -9,23 +33,32 @@ import {
   spinnerStyles
 } from "./chunk-7XIXHTLH.mjs";
 import {
-  tagFieldItemStyles,
-  tagFieldStyles
-} from "./chunk-GUV5RZUP.mjs";
-import {
-  textAreaStyles
-} from "./chunk-HTU3V6IU.mjs";
-import {
-  toggleStyles
-} from "./chunk-U5G5CDX6.mjs";
+  badgeCloseButtonStyles,
+  badgeStyles
+} from "./chunk-E7JBRLR5.mjs";
 import {
   bannerStyles
 } from "./chunk-2HLZ2TA2.mjs";
 import {
   buttonStyles
-} from "./chunk-6I5HW6G2.mjs";
-import "./chunk-IVOSH3A7.mjs";
+} from "./chunk-LB4U4MBD.mjs";
+import "./chunk-C7FUGWVY.mjs";
+import {
+  calendarStyles
+} from "./chunk-GK7MVUI2.mjs";
+import {
+  comboBoxFuzzyHighlightedTextStyles
+} from "./chunk-NNKV4QJP.mjs";
+import {
+  comboBoxClearButtonStyles,
+  comboBoxItemStyles,
+  comboBoxStyles
+} from "./chunk-Z5EKAZRY.mjs";
+import {
+  inputStyles
+} from "./chunk-43I4FEYX.mjs";
 import "./chunk-M2BG3FAA.mjs";
+import "./chunk-XTHC46M2.mjs";
 import {
   focusClasses,
   focusVisibleClasses
@@ -40,30 +73,6 @@ import {
   composeRenderProps,
   composeTailwindRenderProps
 } from "./chunk-J2WMLIIA.mjs";
-import "./chunk-XTHC46M2.mjs";
-import {
-  calendarStyles
-} from "./chunk-GK7MVUI2.mjs";
-import {
-  comboBoxFuzzyHighlightedTextStyles
-} from "./chunk-NNKV4QJP.mjs";
-import {
-  comboBoxClearButtonStyles,
-  comboBoxItemStyles,
-  comboBoxStyles
-} from "./chunk-SOOR7R6F.mjs";
-import {
-  inputStyles
-} from "./chunk-WLVKPCAW.mjs";
-import {
-  fieldBorderStyles,
-  fieldGroupStyles
-} from "./chunk-2YKM6BLP.mjs";
-import {
-  descriptionStyles,
-  fieldErrorStyles,
-  labelStyles
-} from "./chunk-JAQCLNC3.mjs";
 import {
   tv
 } from "./chunk-4JENAMGV.mjs";
@@ -72,6 +81,8 @@ import {
   twMerge
 } from "./chunk-R6W5A7PF.mjs";
 export {
+  badgeCloseButtonStyles,
+  badgeStyles,
   bannerStyles,
   buttonStyles,
   calendarStyles,
@@ -93,6 +104,9 @@ export {
   govtBannerStyles,
   inputStyles,
   labelStyles,
+  selectItemStyles,
+  selectSearchStyles,
+  selectStyles,
   skipNavLinkStyles,
   spinnerStyles,
   tagFieldItemStyles,

package/dist/utils/index.js

@@ -1,4 +1,5 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-OLJN3WXR.js');
+require('../chunk-2LTV7VB5.js');
 
 
 
@@ -13,7 +14,6 @@ var _chunkO3I4FUFDjs = require('../chunk-O3I4FUFD.js');
 
 
 var _chunkZXZSQRVCjs = require('../chunk-ZXZSQRVC.js');
-require('../chunk-2LTV7VB5.js');
 
 
 var _chunkUZONBJUXjs = require('../chunk-UZONBJUX.js');

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;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B,gCAA6B;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;AACA;AACF,uDAA6B;AAC7B;AACE;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,4 +1,5 @@
 import "../chunk-M2BG3FAA.mjs";
+import "../chunk-XTHC46M2.mjs";
 import {
   focusClasses,
   focusVisibleClasses
@@ -13,7 +14,6 @@ import {
   composeRenderProps,
   composeTailwindRenderProps
 } from "../chunk-J2WMLIIA.mjs";
-import "../chunk-XTHC46M2.mjs";
 import {
   tv
 } from "../chunk-4JENAMGV.mjs";

package/dist/utils/variants.d.mts

@@ -1,11 +1,11 @@
 declare const colorVariants: {
     solid: {
-        readonly main: "bg-interaction-main-default hover:bg-interaction-main-hover active:bg-interaction-main-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content";
-        readonly sub: "bg-interaction-sub-default hover:bg-interaction-sub-hover active:bg-interaction-sub-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content";
-        readonly neutral: "bg-interaction-neutral-default hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content";
-        readonly critical: "bg-interaction-critical-default hover:bg-interaction-critical-hover active:bg-interaction-critical-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content";
-        readonly success: "bg-interaction-success-default hover:bg-interaction-success-hover active:bg-interaction-success-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content";
-        readonly warning: "bg-interaction-warning-default hover:bg-interaction-warning-hover active:bg-interaction-warning-active text-base-content-default disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content";
+        main: string;
+        sub: string;
+        neutral: string;
+        critical: string;
+        success: string;
+        warning: string;
     };
     reverse: {
         main: string;
@@ -14,12 +14,73 @@ declare const colorVariants: {
         neutral: string;
     };
     outline: {
+        main: string;
+        sub: string;
+        neutral: string;
+        critical: string;
+        warning: string;
+        inverse: string;
+    };
+    clear: {
         main: string;
         critical: string;
         neutral: string;
         sub: string;
         inverse: string;
     };
+};
+declare const colorVariantsWithState: {
+    solid: {
+        main: string;
+        sub: string;
+        neutral: string;
+        critical: string;
+        success: string;
+        warning: string;
+    };
+    reverse: {
+        main: string;
+        critical: string;
+        sub: string;
+        neutral: string;
+    };
+    outline: {
+        main: string;
+        sub: string;
+        neutral: string;
+        critical: string;
+        warning: string;
+        inverse: string;
+    };
+    clear: {
+        main: string;
+        critical: string;
+        neutral: string;
+        sub: string;
+        inverse: string;
+    };
+} & {
+    solid: {
+        main: string;
+        sub: string;
+        neutral: string;
+        critical: string;
+        success: string;
+        warning: string;
+    };
+    reverse: {
+        main: string;
+        critical: string;
+        sub: string;
+        neutral: string;
+    };
+    outline: {
+        main: string;
+        sub: string;
+        neutral: string;
+        critical: string;
+        inverse: string;
+    };
     clear: {
         main: string;
         critical: string;
@@ -29,4 +90,4 @@ declare const colorVariants: {
     };
 };
 
-export { colorVariants };
+export { colorVariants, colorVariantsWithState };

package/dist/utils/variants.d.ts

@@ -1,11 +1,11 @@
 declare const colorVariants: {
     solid: {
-        readonly main: "bg-interaction-main-default hover:bg-interaction-main-hover active:bg-interaction-main-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content";
-        readonly sub: "bg-interaction-sub-default hover:bg-interaction-sub-hover active:bg-interaction-sub-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content";
-        readonly neutral: "bg-interaction-neutral-default hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content";
-        readonly critical: "bg-interaction-critical-default hover:bg-interaction-critical-hover active:bg-interaction-critical-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content";
-        readonly success: "bg-interaction-success-default hover:bg-interaction-success-hover active:bg-interaction-success-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content";
-        readonly warning: "bg-interaction-warning-default hover:bg-interaction-warning-hover active:bg-interaction-warning-active text-base-content-default disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content";
+        main: string;
+        sub: string;
+        neutral: string;
+        critical: string;
+        success: string;
+        warning: string;
     };
     reverse: {
         main: string;
@@ -14,12 +14,73 @@ declare const colorVariants: {
         neutral: string;
     };
     outline: {
+        main: string;
+        sub: string;
+        neutral: string;
+        critical: string;
+        warning: string;
+        inverse: string;
+    };
+    clear: {
         main: string;
         critical: string;
         neutral: string;
         sub: string;
         inverse: string;
     };
+};
+declare const colorVariantsWithState: {
+    solid: {
+        main: string;
+        sub: string;
+        neutral: string;
+        critical: string;
+        success: string;
+        warning: string;
+    };
+    reverse: {
+        main: string;
+        critical: string;
+        sub: string;
+        neutral: string;
+    };
+    outline: {
+        main: string;
+        sub: string;
+        neutral: string;
+        critical: string;
+        warning: string;
+        inverse: string;
+    };
+    clear: {
+        main: string;
+        critical: string;
+        neutral: string;
+        sub: string;
+        inverse: string;
+    };
+} & {
+    solid: {
+        main: string;
+        sub: string;
+        neutral: string;
+        critical: string;
+        success: string;
+        warning: string;
+    };
+    reverse: {
+        main: string;
+        critical: string;
+        sub: string;
+        neutral: string;
+    };
+    outline: {
+        main: string;
+        sub: string;
+        neutral: string;
+        critical: string;
+        inverse: string;
+    };
     clear: {
         main: string;
         critical: string;
@@ -29,4 +90,4 @@ declare const colorVariants: {
     };
 };
 
-export { colorVariants };
+export { colorVariants, colorVariantsWithState };

package/dist/utils/variants.js

@@ -1,7 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkDBQIIY6Ujs = require('../chunk-DBQIIY6U.js');
 
+var _chunk7Y2HFACMjs = require('../chunk-7Y2HFACM.js');
+require('../chunk-ZIQLHX3U.js');
+require('../chunk-HEB3T2LL.js');
 
-exports.colorVariants = _chunkDBQIIY6Ujs.colorVariants;
+
+
+exports.colorVariants = _chunk7Y2HFACMjs.colorVariants; exports.colorVariantsWithState = _chunk7Y2HFACMjs.colorVariantsWithState;
 //# sourceMappingURL=variants.js.map

package/dist/utils/variants.js.map

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

package/dist/utils/variants.mjs

@@ -1,7 +1,11 @@
 import {
-  colorVariants
-} from "../chunk-IVOSH3A7.mjs";
+  colorVariants,
+  colorVariantsWithState
+} from "../chunk-C7FUGWVY.mjs";
+import "../chunk-HAUMMW6T.mjs";
+import "../chunk-R6W5A7PF.mjs";
 export {
-  colorVariants
+  colorVariants,
+  colorVariantsWithState
 };
 //# sourceMappingURL=variants.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengovsg/oui-theme",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "sideEffects": false,
   "files": [
     "dist",
@@ -21,6 +21,7 @@
     "./tailwind.css": "./src/tailwind.css"
   },
   "devDependencies": {
+    "@types/lodash-es": "^4.17.12",
     "@types/react": "^19.0.8",
     "@types/react-dom": "^19.0.3",
     "eslint": "^9.20.1",
@@ -28,17 +29,19 @@
     "tailwindcss": "4.0.6",
     "tsup": "^8.3.6",
     "typescript": "5.7.3",
-    "@oui/typescript-config": "0.0.0",
+    "@oui/eslint-config": "0.0.0",
     "@oui/prettier-config": "0.0.0",
-    "@oui/eslint-config": "0.0.0"
+    "@oui/typescript-config": "0.0.0"
   },
   "dependencies": {
     "@tailwindcss/vite": "4.0.6",
     "clsx": "^2.1.1",
+    "lodash-es": "^4.17.21",
     "react": "^19.0.0",
     "tailwind-merge": "^3.0.1",
     "tailwind-variants": "^0.3.1",
-    "tailwindcss-react-aria-components": "3.0.0-nightly-412a51816-250219"
+    "tailwindcss-react-aria-components": "^2.0.0",
+    "tw-animate-css": "^1.2.0"
   },
   "peerDependencies": {
     "tailwindcss": ">=4"

package/src/tailwind.css

@@ -1,4 +1,5 @@
 @import "tailwindcss";
+@import "tw-animate-css";
 @plugin "tailwindcss-react-aria-components";
 
 @import "./variants/base.css";

package/src/variants/base.css

@@ -177,6 +177,7 @@
   --color-interaction-links-inverse-hover: #ededed;
   --color-utility-feedback-info: #1361f0;
   --color-utility-feedback-info-subtle: #f7f9fe;
+  --color-utility-feedback-warning-strong: #624200;
   --color-utility-feedback-warning: #ffda68;
   --color-utility-feedback-warning-subtle: #fffae1;
   --color-utility-feedback-success: #0f796f;

package/dist/chunk-5VYQMWMZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-5VYQMWMZ.js","../src/components/button.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-5VYQMWMZ.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn, focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\nimport { colorVariants } from \"../utils/variants\"\n\nexport const buttonStyles = tv({\n  base: cn(\n    \"group relative box-border inline-flex h-full min-w-max cursor-pointer items-center justify-center overflow-hidden rounded text-center transition\",\n    focusVisibleClasses,\n  ),\n  variants: {\n    layout: {\n      stretch: \"w-full\",\n      default: \"\",\n    },\n    variant: {\n      solid: \"\",\n      reverse: \"\",\n      outline: \"\",\n      clear: \"\",\n      unstyled: \"\",\n    },\n    color: {\n      main: \"\",\n      success: \"\",\n      warning: \"\",\n      critical: \"\",\n      sub: \"\",\n      neutral: \"\",\n      inverse: \"\",\n    },\n    radius: {\n      none: \"rounded-none\",\n      sm: \"rounded-sm\",\n      default: \"rounded\",\n      md: \"rounded-md\",\n      lg: \"rounded-lg\",\n      full: \"rounded-full\",\n    },\n    isFocusVisible: {\n      true: \"\",\n    },\n    isDisabled: {\n      true: \"cursor-not-allowed\",\n    },\n    isIconOnly: {\n      true: \"!gap-0 px-0\",\n      false: \"[&>svg]:max-w-[theme(spacing.8)]\",\n    },\n    size: {\n      xs: \"prose-subhead-2 h-9 min-w-16 gap-2 px-4 py-2\",\n      sm: \"prose-subhead-1 h-10 min-w-20 gap-2 px-4 py-2\",\n      md: \"prose-subhead-1 h-11 min-w-24 gap-3 px-4 py-2.5\",\n      lg: \"prose-subhead-1 h-14 min-w-28 gap-3 px-4 py-4\",\n    },\n  },\n  compoundVariants: [\n    // solid / color\n    {\n      variant: \"solid\",\n      color: \"main\",\n      className: colorVariants.solid.main,\n    },\n    {\n      variant: \"solid\",\n      color: \"sub\",\n      className: colorVariants.solid.sub,\n    },\n    {\n      variant: \"solid\",\n      color: \"neutral\",\n      className: colorVariants.solid.neutral,\n    },\n    {\n      variant: \"solid\",\n      color: \"critical\",\n      className: colorVariants.solid.critical,\n    },\n    {\n      variant: \"solid\",\n      color: \"warning\",\n      className: colorVariants.solid.warning,\n    },\n    {\n      variant: \"solid\",\n      color: \"success\",\n      className: colorVariants.solid.success,\n    },\n    // reverse / color\n    {\n      variant: \"reverse\",\n      color: \"main\",\n      className: colorVariants.reverse.main,\n    },\n    {\n      variant: \"reverse\",\n      color: \"critical\",\n      className: colorVariants.reverse.critical,\n    },\n    {\n      variant: \"reverse\",\n      color: \"sub\",\n      className: colorVariants.reverse.sub,\n    },\n    {\n      variant: \"reverse\",\n      color: \"neutral\",\n      className: colorVariants.reverse.neutral,\n    },\n    // outline / color\n    {\n      variant: \"outline\",\n      color: \"main\",\n      className: colorVariants.outline.main,\n    },\n    {\n      variant: \"outline\",\n      color: \"critical\",\n      className: colorVariants.outline.critical,\n    },\n    {\n      variant: \"outline\",\n      color: \"neutral\",\n      className: colorVariants.outline.neutral,\n    },\n    {\n      variant: \"outline\",\n      color: \"sub\",\n      className: colorVariants.outline.sub,\n    },\n    {\n      variant: \"outline\",\n      color: \"inverse\",\n      className: colorVariants.outline.inverse,\n    },\n    // clear / color\n    {\n      variant: \"clear\",\n      color: \"main\",\n      className: colorVariants.clear.main,\n    },\n    {\n      variant: \"clear\",\n      color: \"critical\",\n      className: colorVariants.clear.critical,\n    },\n    {\n      variant: \"clear\",\n      color: \"neutral\",\n      className: colorVariants.clear.neutral,\n    },\n    {\n      variant: \"clear\",\n      color: \"sub\",\n      className: colorVariants.clear.sub,\n    },\n    {\n      variant: \"clear\",\n      color: \"inverse\",\n      className: colorVariants.clear.inverse,\n    },\n    // iconbutton / size\n    {\n      isIconOnly: true,\n      size: \"lg\",\n      class: \"h-12 w-12 min-w-12 p-3 [&_svg]:h-6 [&_svg]:w-6\",\n    },\n    {\n      isIconOnly: true,\n      size: \"md\",\n      class: \"h-11 w-11 min-w-11 p-3 [&_svg]:h-5 [&_svg]:w-5\",\n    },\n    {\n      isIconOnly: true,\n      size: \"sm\",\n      class: \"h-10 w-10 min-w-10 p-2.5 [&_svg]:h-5 [&_svg]:w-5\",\n    },\n    {\n      isIconOnly: true,\n      size: \"xs\",\n      class: \"h-9 w-9 min-w-9 p-2.5 [&_svg]:h-4 [&_svg]:w-4\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"solid\",\n    color: \"main\",\n    size: \"md\",\n    radius: \"default\",\n  },\n})\n\nexport type ButtonVariantProps = VariantProps<typeof buttonStyles>\n"]}

package/dist/chunk-6I5HW6G2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/button.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn, focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\nimport { colorVariants } from \"../utils/variants\"\n\nexport const buttonStyles = tv({\n  base: cn(\n    \"group relative box-border inline-flex h-full min-w-max cursor-pointer items-center justify-center overflow-hidden rounded text-center transition\",\n    focusVisibleClasses,\n  ),\n  variants: {\n    layout: {\n      stretch: \"w-full\",\n      default: \"\",\n    },\n    variant: {\n      solid: \"\",\n      reverse: \"\",\n      outline: \"\",\n      clear: \"\",\n      unstyled: \"\",\n    },\n    color: {\n      main: \"\",\n      success: \"\",\n      warning: \"\",\n      critical: \"\",\n      sub: \"\",\n      neutral: \"\",\n      inverse: \"\",\n    },\n    radius: {\n      none: \"rounded-none\",\n      sm: \"rounded-sm\",\n      default: \"rounded\",\n      md: \"rounded-md\",\n      lg: \"rounded-lg\",\n      full: \"rounded-full\",\n    },\n    isFocusVisible: {\n      true: \"\",\n    },\n    isDisabled: {\n      true: \"cursor-not-allowed\",\n    },\n    isIconOnly: {\n      true: \"!gap-0 px-0\",\n      false: \"[&>svg]:max-w-[theme(spacing.8)]\",\n    },\n    size: {\n      xs: \"prose-subhead-2 h-9 min-w-16 gap-2 px-4 py-2\",\n      sm: \"prose-subhead-1 h-10 min-w-20 gap-2 px-4 py-2\",\n      md: \"prose-subhead-1 h-11 min-w-24 gap-3 px-4 py-2.5\",\n      lg: \"prose-subhead-1 h-14 min-w-28 gap-3 px-4 py-4\",\n    },\n  },\n  compoundVariants: [\n    // solid / color\n    {\n      variant: \"solid\",\n      color: \"main\",\n      className: colorVariants.solid.main,\n    },\n    {\n      variant: \"solid\",\n      color: \"sub\",\n      className: colorVariants.solid.sub,\n    },\n    {\n      variant: \"solid\",\n      color: \"neutral\",\n      className: colorVariants.solid.neutral,\n    },\n    {\n      variant: \"solid\",\n      color: \"critical\",\n      className: colorVariants.solid.critical,\n    },\n    {\n      variant: \"solid\",\n      color: \"warning\",\n      className: colorVariants.solid.warning,\n    },\n    {\n      variant: \"solid\",\n      color: \"success\",\n      className: colorVariants.solid.success,\n    },\n    // reverse / color\n    {\n      variant: \"reverse\",\n      color: \"main\",\n      className: colorVariants.reverse.main,\n    },\n    {\n      variant: \"reverse\",\n      color: \"critical\",\n      className: colorVariants.reverse.critical,\n    },\n    {\n      variant: \"reverse\",\n      color: \"sub\",\n      className: colorVariants.reverse.sub,\n    },\n    {\n      variant: \"reverse\",\n      color: \"neutral\",\n      className: colorVariants.reverse.neutral,\n    },\n    // outline / color\n    {\n      variant: \"outline\",\n      color: \"main\",\n      className: colorVariants.outline.main,\n    },\n    {\n      variant: \"outline\",\n      color: \"critical\",\n      className: colorVariants.outline.critical,\n    },\n    {\n      variant: \"outline\",\n      color: \"neutral\",\n      className: colorVariants.outline.neutral,\n    },\n    {\n      variant: \"outline\",\n      color: \"sub\",\n      className: colorVariants.outline.sub,\n    },\n    {\n      variant: \"outline\",\n      color: \"inverse\",\n      className: colorVariants.outline.inverse,\n    },\n    // clear / color\n    {\n      variant: \"clear\",\n      color: \"main\",\n      className: colorVariants.clear.main,\n    },\n    {\n      variant: \"clear\",\n      color: \"critical\",\n      className: colorVariants.clear.critical,\n    },\n    {\n      variant: \"clear\",\n      color: \"neutral\",\n      className: colorVariants.clear.neutral,\n    },\n    {\n      variant: \"clear\",\n      color: \"sub\",\n      className: colorVariants.clear.sub,\n    },\n    {\n      variant: \"clear\",\n      color: \"inverse\",\n      className: colorVariants.clear.inverse,\n    },\n    // iconbutton / size\n    {\n      isIconOnly: true,\n      size: \"lg\",\n      class: \"h-12 w-12 min-w-12 p-3 [&_svg]:h-6 [&_svg]:w-6\",\n    },\n    {\n      isIconOnly: true,\n      size: \"md\",\n      class: \"h-11 w-11 min-w-11 p-3 [&_svg]:h-5 [&_svg]:w-5\",\n    },\n    {\n      isIconOnly: true,\n      size: \"sm\",\n      class: \"h-10 w-10 min-w-10 p-2.5 [&_svg]:h-5 [&_svg]:w-5\",\n    },\n    {\n      isIconOnly: true,\n      size: \"xs\",\n      class: \"h-9 w-9 min-w-9 p-2.5 [&_svg]:h-4 [&_svg]:w-4\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"solid\",\n    color: \"main\",\n    size: \"md\",\n    radius: \"default\",\n  },\n})\n\nexport type ButtonVariantProps = VariantProps<typeof buttonStyles>\n"],"mappings":"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","names":[]}

package/dist/chunk-DBQIIY6U.js

@@ -1,40 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/utils/variants.ts
-var solid = {
-  main: "bg-interaction-main-default hover:bg-interaction-main-hover active:bg-interaction-main-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
-  sub: "bg-interaction-sub-default hover:bg-interaction-sub-hover active:bg-interaction-sub-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
-  neutral: "bg-interaction-neutral-default hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
-  critical: "bg-interaction-critical-default hover:bg-interaction-critical-hover active:bg-interaction-critical-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
-  success: "bg-interaction-success-default hover:bg-interaction-success-hover active:bg-interaction-success-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
-  warning: "bg-interaction-warning-default hover:bg-interaction-warning-hover active:bg-interaction-warning-active text-base-content-default disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content"
-};
-var reverse = {
-  main: "bg-utility-ui hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active text-interaction-main-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui",
-  critical: "bg-utility-ui hover:bg-interaction-muted-critical-hover active:bg-interaction-muted-critical-active text-interaction-critical-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui",
-  sub: "bg-utility-ui hover:bg-interaction-muted-sub-hover active:bg-interaction-muted-sub-active text-interaction-sub-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui",
-  neutral: "bg-utility-ui hover:bg-interaction-muted-neutral-hover active:bg-interaction-muted-neutral-active text-interaction-neutral-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui"
-};
-var outline = {
-  main: "border border-interaction-main-default active:bg-interaction-tinted-main-active hover:bg-interaction-tinted-main-hover text-interaction-main-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
-  critical: "border border-interaction-critical-default active:bg-interaction-tinted-critical-active hover:bg-interaction-tinted-critical-hover text-interaction-critical-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
-  neutral: "border border-base-content-strong active:bg-interaction-tinted-neutral-active hover:bg-interaction-tinted-neutral-hover text-base-content-strong disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
-  sub: "border border-interaction-sub-default active:bg-interaction-tinted-sub-active hover:bg-interaction-tinted-sub-hover text-interaction-sub-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
-  inverse: "border border-base-content-inverse hover:bg-interaction-tinted-inverse-hover active:bg-interaction-tinted-inverse-active text-base-content-inverse disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear"
-};
-var clear = {
-  main: "border border-utility-ui-clear active:bg-interaction-tinted-main-active hover:bg-interaction-tinted-main-hover text-interaction-main-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
-  critical: "border border-utility-ui-clear active:bg-interaction-tinted-critical-active hover:bg-interaction-tinted-critical-hover text-interaction-critical-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
-  neutral: "border border-utility-ui-clear active:bg-interaction-tinted-neutral-active hover:bg-interaction-tinted-neutral-hover text-base-content-strong disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
-  sub: "border border-utility-ui-clear active:bg-interaction-tinted-sub-active hover:bg-interaction-tinted-sub-hover text-interaction-sub-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
-  inverse: "border border-utility-ui-clear hover:bg-interaction-tinted-inverse-hover active:bg-interaction-tinted-inverse-active text-base-content-inverse disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear"
-};
-var colorVariants = {
-  solid,
-  reverse,
-  outline,
-  clear
-};
-
-
-
-exports.colorVariants = colorVariants;
-//# sourceMappingURL=chunk-DBQIIY6U.js.map