@opengovsg/oui-theme 0.0.4 → 0.0.5

package/dist/index.mjs

@@ -1,7 +1,15 @@
-import "./chunk-KK47HKQ6.mjs";
+import "./chunk-IG5PS6RH.mjs";
+import {
+  toggleStyles
+} from "./chunk-U5G5CDX6.mjs";
 import {
   govtBannerStyles
 } from "./chunk-SETXC4VI.mjs";
+import {
+  selectItemStyles,
+  selectSearchStyles,
+  selectStyles
+} from "./chunk-SCEZEIC2.mjs";
 import {
   skipNavLinkStyles
 } from "./chunk-FWC3DOGE.mjs";
@@ -14,18 +22,16 @@ import {
 } from "./chunk-GUV5RZUP.mjs";
 import {
   textAreaStyles
-} from "./chunk-HTU3V6IU.mjs";
-import {
-  toggleStyles
-} from "./chunk-U5G5CDX6.mjs";
+} from "./chunk-RKCURSL5.mjs";
 import {
   bannerStyles
 } from "./chunk-2HLZ2TA2.mjs";
 import {
   buttonStyles
-} from "./chunk-6I5HW6G2.mjs";
-import "./chunk-IVOSH3A7.mjs";
+} from "./chunk-IAY272MS.mjs";
+import "./chunk-AHHCX72Y.mjs";
 import "./chunk-M2BG3FAA.mjs";
+import "./chunk-XTHC46M2.mjs";
 import {
   focusClasses,
   focusVisibleClasses
@@ -40,7 +46,6 @@ import {
   composeRenderProps,
   composeTailwindRenderProps
 } from "./chunk-J2WMLIIA.mjs";
-import "./chunk-XTHC46M2.mjs";
 import {
   calendarStyles
 } from "./chunk-GK7MVUI2.mjs";
@@ -51,10 +56,10 @@ import {
   comboBoxClearButtonStyles,
   comboBoxItemStyles,
   comboBoxStyles
-} from "./chunk-SOOR7R6F.mjs";
+} from "./chunk-Z5EKAZRY.mjs";
 import {
   inputStyles
-} from "./chunk-WLVKPCAW.mjs";
+} from "./chunk-43I4FEYX.mjs";
 import {
   fieldBorderStyles,
   fieldGroupStyles
@@ -63,7 +68,7 @@ import {
   descriptionStyles,
   fieldErrorStyles,
   labelStyles
-} from "./chunk-JAQCLNC3.mjs";
+} from "./chunk-TBOBJYPO.mjs";
 import {
   tv
 } from "./chunk-4JENAMGV.mjs";
@@ -93,6 +98,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";
+        readonly main: "bg-interaction-main-default hover:bg-interaction-main-hover active:bg-interaction-main-active pressed: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 pressed:bg-interaction-sub-active";
+        readonly neutral: "bg-interaction-neutral-default hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active pressed: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 pressed: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 pressed: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 pressed:bg-interaction-warning-active text-base-content-default disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content";
     };
     reverse: {
         main: string;

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";
+        readonly main: "bg-interaction-main-default hover:bg-interaction-main-hover active:bg-interaction-main-active pressed: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 pressed:bg-interaction-sub-active";
+        readonly neutral: "bg-interaction-neutral-default hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active pressed: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 pressed: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 pressed: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 pressed:bg-interaction-warning-active text-base-content-default disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content";
     };
     reverse: {
         main: string;

package/dist/utils/variants.js

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

package/dist/utils/variants.mjs

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "../chunk-IVOSH3A7.mjs";
+} from "../chunk-AHHCX72Y.mjs";
 export {
   colorVariants
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengovsg/oui-theme",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "sideEffects": false,
   "files": [
     "dist",
@@ -28,9 +28,9 @@
     "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",
@@ -38,7 +38,8 @@
     "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/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

package/dist/chunk-DBQIIY6U.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-DBQIIY6U.js","../src/utils/variants.ts"],"names":[],"mappings":"AAAA;ACAA,IAAM,MAAA,EAAQ;AAAA,EACZ,IAAA,EAAM,qNAAA;AAAA,EACN,GAAA,EAAK,kNAAA;AAAA,EACL,OAAA,EACE,8NAAA;AAAA,EACF,QAAA,EACE,iOAAA;AAAA,EACF,OAAA,EACE,8NAAA;AAAA,EACF,OAAA,EACE;AACJ,CAAA;AAEA,IAAM,QAAA,EAAU;AAAA,EACd,IAAA,EAAM,qMAAA;AAAA,EACN,QAAA,EACE,iNAAA;AAAA,EACF,GAAA,EAAK,kMAAA;AAAA,EACL,OAAA,EACE;AACJ,CAAA;AAEA,IAAM,QAAA,EAAU;AAAA,EACd,IAAA,EAAM,2RAAA;AAAA,EACN,QAAA,EACE,2SAAA;AAAA,EACF,OAAA,EACE,uRAAA;AAAA,EACF,GAAA,EAAK,uRAAA;AAAA,EACL,OAAA,EACE;AACJ,CAAA;AAEA,IAAM,MAAA,EAAQ;AAAA,EACZ,IAAA,EAAM,8NAAA;AAAA,EACN,QAAA,EACE,0OAAA;AAAA,EACF,OAAA,EACE,+NAAA;AAAA,EACF,GAAA,EAAK,2NAAA;AAAA,EACL,OAAA,EACE;AACJ,CAAA;AAEO,IAAM,cAAA,EAAgB;AAAA,EAC3B,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA;ADdA;AACA;AACE;AACF,sCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-DBQIIY6U.js","sourcesContent":[null,"const solid = {\n  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\",\n  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\",\n  neutral:\n    \"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\",\n  critical:\n    \"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\",\n  success:\n    \"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\",\n  warning:\n    \"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\",\n} as const\n\nconst reverse = {\n  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\",\n  critical:\n    \"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\",\n  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\",\n  neutral:\n    \"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\",\n}\n\nconst outline = {\n  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\",\n  critical:\n    \"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\",\n  neutral:\n    \"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\",\n  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\",\n  inverse:\n    \"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\",\n}\n\nconst clear = {\n  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\",\n  critical:\n    \"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\",\n  neutral:\n    \"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\",\n  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\",\n  inverse:\n    \"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\",\n}\n\nexport const colorVariants = {\n  solid,\n  reverse,\n  outline,\n  clear,\n}\n"]}

package/dist/chunk-IVOSH3A7.mjs

@@ -1,40 +0,0 @@
-// 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
-};
-
-export {
-  colorVariants
-};
-//# sourceMappingURL=chunk-IVOSH3A7.mjs.map

package/dist/chunk-IVOSH3A7.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/variants.ts"],"sourcesContent":["const solid = {\n  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\",\n  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\",\n  neutral:\n    \"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\",\n  critical:\n    \"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\",\n  success:\n    \"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\",\n  warning:\n    \"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\",\n} as const\n\nconst reverse = {\n  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\",\n  critical:\n    \"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\",\n  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\",\n  neutral:\n    \"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\",\n}\n\nconst outline = {\n  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\",\n  critical:\n    \"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\",\n  neutral:\n    \"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\",\n  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\",\n  inverse:\n    \"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\",\n}\n\nconst clear = {\n  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\",\n  critical:\n    \"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\",\n  neutral:\n    \"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\",\n  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\",\n  inverse:\n    \"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\",\n}\n\nexport const colorVariants = {\n  solid,\n  reverse,\n  outline,\n  clear,\n}\n"],"mappings":";AAAA,IAAM,QAAQ;AAAA,EACZ,MAAM;AAAA,EACN,KAAK;AAAA,EACL,SACE;AAAA,EACF,UACE;AAAA,EACF,SACE;AAAA,EACF,SACE;AACJ;AAEA,IAAM,UAAU;AAAA,EACd,MAAM;AAAA,EACN,UACE;AAAA,EACF,KAAK;AAAA,EACL,SACE;AACJ;AAEA,IAAM,UAAU;AAAA,EACd,MAAM;AAAA,EACN,UACE;AAAA,EACF,SACE;AAAA,EACF,KAAK;AAAA,EACL,SACE;AACJ;AAEA,IAAM,QAAQ;AAAA,EACZ,MAAM;AAAA,EACN,UACE;AAAA,EACF,SACE;AAAA,EACF,KAAK;AAAA,EACL,SACE;AACJ;AAEO,IAAM,gBAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;","names":[]}

package/dist/chunk-JAQCLNC3.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/field.ts"],"sourcesContent":["import { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const labelStyles = tv({\n  base: \"text-base-content-strong w-fit cursor-default\",\n  variants: {\n    size: {\n      xs: \"prose-subhead-2\",\n      sm: \"prose-subhead-2\",\n      md: \"prose-subhead-1\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type LabelVariantProps = VariantProps<typeof labelStyles>\n\nexport const descriptionStyles = tv({\n  base: \"text-base-content-medium\",\n  variants: {\n    size: {\n      xs: \"prose-body-2\",\n      sm: \"prose-body-2\",\n      md: \"prose-body-2\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type DescriptionVariantProps = VariantProps<typeof descriptionStyles>\n\nexport const fieldErrorStyles = tv({\n  slots: {\n    icon: \"\",\n    text: \"text-utility-feedback-critical flex flex-row flex-wrap items-center gap-2\",\n  },\n  variants: {\n    size: {\n      xs: { text: \"prose-body-2\", icon: \"h-4 w-4\" },\n      sm: { text: \"prose-body-2\", icon: \"h-4 w-4\" },\n      md: { text: \"prose-body-2\", icon: \"h-4 w-4\" },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type FieldErrorVariantProps = VariantProps<typeof fieldErrorStyles>\nexport type FieldErrorSlots = keyof ReturnType<typeof fieldErrorStyles>\n"],"mappings":";;;;;AAIO,IAAM,cAAc,GAAG;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAIM,IAAM,oBAAoB,GAAG;AAAA,EAClC,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAIM,IAAM,mBAAmB,GAAG;AAAA,EACjC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI,EAAE,MAAM,gBAAgB,MAAM,UAAU;AAAA,MAC5C,IAAI,EAAE,MAAM,gBAAgB,MAAM,UAAU;AAAA,MAC5C,IAAI,EAAE,MAAM,gBAAgB,MAAM,UAAU;AAAA,IAC9C;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}

package/dist/chunk-KK47HKQ6.mjs

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

package/dist/chunk-LV3YKAIH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-LV3YKAIH.js","../src/components/field.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,YAAA,EAAc,iCAAA;AAAG,EAC5B,IAAA,EAAM,+CAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,iBAAA;AAAA,MACJ,EAAA,EAAI,iBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAIM,IAAM,kBAAA,EAAoB,iCAAA;AAAG,EAClC,IAAA,EAAM,0BAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,cAAA;AAAA,MACJ,EAAA,EAAI,cAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAIM,IAAM,iBAAA,EAAmB,iCAAA;AAAG,EACjC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA,IACN,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,EAAE,IAAA,EAAM,cAAA,EAAgB,IAAA,EAAM,UAAU,CAAA;AAAA,MAC5C,EAAA,EAAI,EAAE,IAAA,EAAM,cAAA,EAAgB,IAAA,EAAM,UAAU,CAAA;AAAA,MAC5C,EAAA,EAAI,EAAE,IAAA,EAAM,cAAA,EAAgB,IAAA,EAAM,UAAU;AAAA,IAC9C;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADJD;AACA;AACE;AACA;AACA;AACF,8HAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-LV3YKAIH.js","sourcesContent":[null,"import { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const labelStyles = tv({\n  base: \"text-base-content-strong w-fit cursor-default\",\n  variants: {\n    size: {\n      xs: \"prose-subhead-2\",\n      sm: \"prose-subhead-2\",\n      md: \"prose-subhead-1\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type LabelVariantProps = VariantProps<typeof labelStyles>\n\nexport const descriptionStyles = tv({\n  base: \"text-base-content-medium\",\n  variants: {\n    size: {\n      xs: \"prose-body-2\",\n      sm: \"prose-body-2\",\n      md: \"prose-body-2\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type DescriptionVariantProps = VariantProps<typeof descriptionStyles>\n\nexport const fieldErrorStyles = tv({\n  slots: {\n    icon: \"\",\n    text: \"text-utility-feedback-critical flex flex-row flex-wrap items-center gap-2\",\n  },\n  variants: {\n    size: {\n      xs: { text: \"prose-body-2\", icon: \"h-4 w-4\" },\n      sm: { text: \"prose-body-2\", icon: \"h-4 w-4\" },\n      md: { text: \"prose-body-2\", icon: \"h-4 w-4\" },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type FieldErrorVariantProps = VariantProps<typeof fieldErrorStyles>\nexport type FieldErrorSlots = keyof ReturnType<typeof fieldErrorStyles>\n"]}

package/dist/chunk-SOCDAXB2.js

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

package/dist/chunk-WLVKPCAW.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/input.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const inputStyles = tv({\n  base: \"text-base-content placeholder:text-interaction-support-placeholder w-full min-w-0 flex-1 rounded-sm bg-white outline-hidden\",\n  variants: {\n    size: {\n      xs: \"prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1 h-9 px-3 py-2\",\n      sm: \"prose-body-2 max-sm:prose-body-1 h-10 px-3 py-2.5\",\n      md: \"prose-body-1 h-11 px-3 py-2\",\n    },\n    variant: {\n      outline:\n        \"border-base-divider-strong invalid:border-interaction-critical invalid:border-interaction-critical-default focus:border-utility-focus-default shadow-utility-focus-default border not-motion-reduce:transition-shadow focus:shadow-[0_0_0_1px]\",\n      unstyled: \"\",\n    },\n    isDisabled: {\n      true: \"text-interaction-support-disabled-content bg-interaction-support-disabled placeholder:text-interaction-support-disabled-content\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type InputVariantProps = VariantProps<typeof inputStyles>\n"],"mappings":";;;;;AAIO,IAAM,cAAc,GAAG;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,SAAS;AAAA,MACP,SACE;AAAA,MACF,UAAU;AAAA,IACZ;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;","names":[]}