@opengovsg/oui-theme 0.0.5 → 0.0.7

package/dist/chunk-NL5XE6BW.js

@@ -0,0 +1,283 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunk7Y2HFACMjs = require('./chunk-7Y2HFACM.js');
+
+
+var _chunkX2UCVIR5js = require('./chunk-X2UCVIR5.js');
+
+
+var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
+
+
+var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
+
+// src/components/badge.ts
+var badgeCloseButtonStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  extend: _chunkX2UCVIR5js.racFocusRing,
+  base: _chunkZIQLHX3Ujs.cn.call(void 0, 
+    _chunk7Y2HFACMjs.colorVariantsWithState.clear.neutral,
+    "inline-flex cursor-pointer items-center justify-center rounded-full text-inherit transition"
+  ),
+  variants: {
+    size: {
+      xs: "size-3",
+      sm: "size-4",
+      md: "size-4"
+    }
+  },
+  defaultVariants: {
+    size: "sm"
+  }
+});
+var badgeStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  slots: {
+    base: "relative box-border inline-flex max-w-fit min-w-min items-center justify-between whitespace-nowrap",
+    dot: "",
+    content: "flex-1 text-inherit"
+  },
+  variants: {
+    isCloseable: {
+      true: ""
+    },
+    isDisabled: {
+      true: { base: "pointer-events-none opacity-60" }
+    },
+    variant: {
+      solid: {},
+      subtle: {},
+      outline: {
+        base: "border"
+      },
+      dot: {
+        base: "text-base-content-default dark:text-base-content-inverse",
+        dot: "mr-1 rounded-full"
+      }
+    },
+    size: {
+      xs: {
+        base: "prose-legal h-5 gap-1 px-2 py-1",
+        dot: "size-1.5"
+      },
+      sm: {
+        base: "prose-caption-1 h-6 gap-1 px-2 py-1",
+        dot: "size-2"
+      },
+      md: {
+        base: "prose-body-2 h-7 gap-1 px-2.5 py-1",
+        dot: "size-2"
+      }
+    },
+    color: {
+      main: "",
+      sub: "",
+      success: "",
+      neutral: "",
+      warning: "",
+      critical: ""
+    },
+    radius: {
+      none: {
+        base: "rounded-none"
+      },
+      sm: {
+        base: "rounded-sm"
+      },
+      md: {
+        base: "rounded-md"
+      },
+      lg: {
+        base: "rounded-lg"
+      },
+      full: {
+        base: "rounded-full"
+      }
+    }
+  },
+  compoundVariants: [
+    // solid / color
+    {
+      variant: "solid",
+      color: "main",
+      className: {
+        base: _chunk7Y2HFACMjs.colorVariants.solid.main
+      }
+    },
+    {
+      variant: "solid",
+      color: "sub",
+      className: {
+        base: _chunk7Y2HFACMjs.colorVariants.solid.sub
+      }
+    },
+    {
+      variant: "solid",
+      color: "neutral",
+      className: {
+        base: _chunk7Y2HFACMjs.colorVariants.solid.neutral
+      }
+    },
+    {
+      variant: "solid",
+      color: "critical",
+      className: {
+        base: _chunk7Y2HFACMjs.colorVariants.solid.critical
+      }
+    },
+    {
+      variant: "solid",
+      color: "warning",
+      className: {
+        base: _chunk7Y2HFACMjs.colorVariants.solid.warning
+      }
+    },
+    {
+      variant: "solid",
+      color: "success",
+      className: {
+        base: _chunk7Y2HFACMjs.colorVariants.solid.success
+      }
+    },
+    // subtle / color
+    {
+      variant: "subtle",
+      color: "main",
+      className: {
+        base: "bg-interaction-main-subtle-default text-interaction-main-default"
+      }
+    },
+    {
+      variant: "subtle",
+      color: "sub",
+      className: {
+        base: "bg-interaction-sub-subtle-default text-interaction-sub-default"
+      }
+    },
+    {
+      variant: "subtle",
+      color: "neutral",
+      className: {
+        base: "bg-interaction-neutral-subtle-default text-base-content-default"
+      }
+    },
+    {
+      variant: "subtle",
+      color: "success",
+      className: {
+        base: "bg-interaction-success-subtle-default text-interaction-success-active"
+      }
+    },
+    {
+      variant: "subtle",
+      color: "warning",
+      className: {
+        base: "bg-interaction-warning-subtle-default text-utility-feedback-warning-strong"
+      }
+    },
+    {
+      variant: "subtle",
+      color: "critical",
+      className: {
+        base: "bg-interaction-critical-subtle-default text-interaction-critical-default"
+      }
+    },
+    // outline / color
+    {
+      variant: "outline",
+      color: "main",
+      className: {
+        base: "bg-interaction-main-subtle-default text-interaction-main-default border-interaction-main-subtle-hover"
+      }
+    },
+    {
+      variant: "outline",
+      color: "sub",
+      className: {
+        base: "bg-interaction-sub-subtle-default text-interaction-sub-default border-interaction-sub-subtle-hover"
+      }
+    },
+    {
+      variant: "outline",
+      color: "neutral",
+      className: {
+        base: "bg-interaction-neutral-subtle-default text-base-content-default border-interaction-neutral-subtle-hover"
+      }
+    },
+    {
+      variant: "outline",
+      color: "success",
+      className: {
+        base: "bg-interaction-success-subtle-default text-interaction-success-active border-interaction-success-subtle-hover"
+      }
+    },
+    {
+      variant: "outline",
+      color: "warning",
+      className: {
+        base: "bg-interaction-warning-subtle-default text-utility-feedback-warning-strong border-interaction-warning-hover"
+      }
+    },
+    {
+      variant: "outline",
+      color: "critical",
+      className: {
+        base: "bg-interaction-critical-subtle-default text-interaction-critical-default border-interaction-critical-subtle-hover"
+      }
+    },
+    // dot / color
+    {
+      variant: "dot",
+      color: "main",
+      className: {
+        dot: "bg-interaction-main-default"
+      }
+    },
+    {
+      variant: "dot",
+      color: "sub",
+      className: {
+        dot: "bg-interaction-sub-default"
+      }
+    },
+    {
+      variant: "dot",
+      color: "neutral",
+      className: {
+        dot: "bg-interaction-neutral-default"
+      }
+    },
+    {
+      variant: "dot",
+      color: "critical",
+      className: {
+        dot: "bg-interaction-critical-default"
+      }
+    },
+    {
+      variant: "dot",
+      color: "warning",
+      className: {
+        dot: "bg-interaction-warning-default"
+      }
+    },
+    {
+      variant: "dot",
+      color: "success",
+      className: {
+        dot: "bg-interaction-success-default"
+      }
+    }
+  ],
+  defaultVariants: {
+    variant: "solid",
+    color: "main",
+    size: "sm",
+    radius: "sm"
+  }
+});
+
+
+
+
+exports.badgeCloseButtonStyles = badgeCloseButtonStyles; exports.badgeStyles = badgeStyles;
+//# sourceMappingURL=chunk-NL5XE6BW.js.map

package/dist/chunk-NL5XE6BW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-NL5XE6BW.js","../src/components/badge.ts"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACPO,IAAM,uBAAA,EAAyB,iCAAA;AAAG,EACvC,MAAA,EAAQ,6BAAA;AAAA,EACR,IAAA,EAAM,iCAAA;AAAA,IACJ,uCAAA,CAAuB,KAAA,CAAM,OAAA;AAAA,IAC7B;AAAA,EACF,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,QAAA;AAAA,MACJ,EAAA,EAAI,QAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAEM,IAAM,YAAA,EAAc,iCAAA;AAAG,EAC5B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,oGAAA;AAAA,IACN,GAAA,EAAK,EAAA;AAAA,IACL,OAAA,EAAS;AAAA,EACX,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,MACX,IAAA,EAAM;AAAA,IACR,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,EAAE,IAAA,EAAM,iCAAiC;AAAA,IACjD,CAAA;AAAA,IACA,OAAA,EAAS;AAAA,MACP,KAAA,EAAO,CAAC,CAAA;AAAA,MACR,MAAA,EAAQ,CAAC,CAAA;AAAA,MACT,OAAA,EAAS;AAAA,QACP,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,GAAA,EAAK;AAAA,QACH,IAAA,EAAM,0DAAA;AAAA,QACN,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,IAAA,EAAM,iCAAA;AAAA,QACN,GAAA,EAAK;AAAA,MACP,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM,qCAAA;AAAA,QACN,GAAA,EAAK;AAAA,MACP,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM,oCAAA;AAAA,QACN,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM,EAAA;AAAA,MACN,GAAA,EAAK,EAAA;AAAA,MACL,OAAA,EAAS,EAAA;AAAA,MACT,OAAA,EAAS,EAAA;AAAA,MACT,OAAA,EAAS,EAAA;AAAA,MACT,QAAA,EAAU;AAAA,IACZ,CAAA;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,gBAAA,EAAkB;AAAA;AAAA,IAEhB;AAAA,MACE,OAAA,EAAS,OAAA;AAAA,MACT,KAAA,EAAO,MAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,IAAA,EAAM,8BAAA,CAAc,KAAA,CAAM;AAAA,MAC5B;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,OAAA;AAAA,MACT,KAAA,EAAO,KAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,IAAA,EAAM,8BAAA,CAAc,KAAA,CAAM;AAAA,MAC5B;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,OAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,IAAA,EAAM,8BAAA,CAAc,KAAA,CAAM;AAAA,MAC5B;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,OAAA;AAAA,MACT,KAAA,EAAO,UAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,IAAA,EAAM,8BAAA,CAAc,KAAA,CAAM;AAAA,MAC5B;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,OAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,IAAA,EAAM,8BAAA,CAAc,KAAA,CAAM;AAAA,MAC5B;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,OAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,IAAA,EAAM,8BAAA,CAAc,KAAA,CAAM;AAAA,MAC5B;AAAA,IACF,CAAA;AAAA;AAAA,IAEA;AAAA,MACE,OAAA,EAAS,QAAA;AAAA,MACT,KAAA,EAAO,MAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,QAAA;AAAA,MACT,KAAA,EAAO,KAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,QAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,QAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,QAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,QAAA;AAAA,MACT,KAAA,EAAO,UAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA;AAAA,IAEA;AAAA,MACE,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO,MAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO,KAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO,UAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA;AAAA,IAEA;AAAA,MACE,OAAA,EAAS,KAAA;AAAA,MACT,KAAA,EAAO,MAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,KAAA;AAAA,MACT,KAAA,EAAO,KAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,KAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,KAAA;AAAA,MACT,KAAA,EAAO,UAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,KAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,KAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,OAAA;AAAA,IACT,KAAA,EAAO,MAAA;AAAA,IACP,IAAA,EAAM,IAAA;AAAA,IACN,MAAA,EAAQ;AAAA,EACV;AACF,CAAC,CAAA;ADQD;AACA;AACE;AACA;AACF,2FAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-NL5XE6BW.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn } from \"../utils\"\nimport { racFocusRing } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\nimport { colorVariants, colorVariantsWithState } from \"../utils/variants\"\n\nexport const badgeCloseButtonStyles = tv({\n  extend: racFocusRing,\n  base: cn(\n    colorVariantsWithState.clear.neutral,\n    \"inline-flex cursor-pointer items-center justify-center rounded-full text-inherit transition\",\n  ),\n  variants: {\n    size: {\n      xs: \"size-3\",\n      sm: \"size-4\",\n      md: \"size-4\",\n    },\n  },\n  defaultVariants: {\n    size: \"sm\",\n  },\n})\n\nexport const badgeStyles = tv({\n  slots: {\n    base: \"relative box-border inline-flex max-w-fit min-w-min items-center justify-between whitespace-nowrap\",\n    dot: \"\",\n    content: \"flex-1 text-inherit\",\n  },\n  variants: {\n    isCloseable: {\n      true: \"\",\n    },\n    isDisabled: {\n      true: { base: \"pointer-events-none opacity-60\" },\n    },\n    variant: {\n      solid: {},\n      subtle: {},\n      outline: {\n        base: \"border\",\n      },\n      dot: {\n        base: \"text-base-content-default dark:text-base-content-inverse\",\n        dot: \"mr-1 rounded-full\",\n      },\n    },\n    size: {\n      xs: {\n        base: \"prose-legal h-5 gap-1 px-2 py-1\",\n        dot: \"size-1.5\",\n      },\n      sm: {\n        base: \"prose-caption-1 h-6 gap-1 px-2 py-1\",\n        dot: \"size-2\",\n      },\n      md: {\n        base: \"prose-body-2 h-7 gap-1 px-2.5 py-1\",\n        dot: \"size-2\",\n      },\n    },\n    color: {\n      main: \"\",\n      sub: \"\",\n      success: \"\",\n      neutral: \"\",\n      warning: \"\",\n      critical: \"\",\n    },\n    radius: {\n      none: {\n        base: \"rounded-none\",\n      },\n      sm: {\n        base: \"rounded-sm\",\n      },\n      md: {\n        base: \"rounded-md\",\n      },\n      lg: {\n        base: \"rounded-lg\",\n      },\n      full: {\n        base: \"rounded-full\",\n      },\n    },\n  },\n  compoundVariants: [\n    // solid / color\n    {\n      variant: \"solid\",\n      color: \"main\",\n      className: {\n        base: colorVariants.solid.main,\n      },\n    },\n    {\n      variant: \"solid\",\n      color: \"sub\",\n      className: {\n        base: colorVariants.solid.sub,\n      },\n    },\n    {\n      variant: \"solid\",\n      color: \"neutral\",\n      className: {\n        base: colorVariants.solid.neutral,\n      },\n    },\n    {\n      variant: \"solid\",\n      color: \"critical\",\n      className: {\n        base: colorVariants.solid.critical,\n      },\n    },\n    {\n      variant: \"solid\",\n      color: \"warning\",\n      className: {\n        base: colorVariants.solid.warning,\n      },\n    },\n    {\n      variant: \"solid\",\n      color: \"success\",\n      className: {\n        base: colorVariants.solid.success,\n      },\n    },\n    // subtle / color\n    {\n      variant: \"subtle\",\n      color: \"main\",\n      className: {\n        base: \"bg-interaction-main-subtle-default text-interaction-main-default\",\n      },\n    },\n    {\n      variant: \"subtle\",\n      color: \"sub\",\n      className: {\n        base: \"bg-interaction-sub-subtle-default text-interaction-sub-default\",\n      },\n    },\n    {\n      variant: \"subtle\",\n      color: \"neutral\",\n      className: {\n        base: \"bg-interaction-neutral-subtle-default text-base-content-default\",\n      },\n    },\n    {\n      variant: \"subtle\",\n      color: \"success\",\n      className: {\n        base: \"bg-interaction-success-subtle-default text-interaction-success-active\",\n      },\n    },\n    {\n      variant: \"subtle\",\n      color: \"warning\",\n      className: {\n        base: \"bg-interaction-warning-subtle-default text-utility-feedback-warning-strong\",\n      },\n    },\n    {\n      variant: \"subtle\",\n      color: \"critical\",\n      className: {\n        base: \"bg-interaction-critical-subtle-default text-interaction-critical-default\",\n      },\n    },\n    // outline / color\n    {\n      variant: \"outline\",\n      color: \"main\",\n      className: {\n        base: \"bg-interaction-main-subtle-default text-interaction-main-default border-interaction-main-subtle-hover\",\n      },\n    },\n    {\n      variant: \"outline\",\n      color: \"sub\",\n      className: {\n        base: \"bg-interaction-sub-subtle-default text-interaction-sub-default border-interaction-sub-subtle-hover\",\n      },\n    },\n    {\n      variant: \"outline\",\n      color: \"neutral\",\n      className: {\n        base: \"bg-interaction-neutral-subtle-default text-base-content-default border-interaction-neutral-subtle-hover\",\n      },\n    },\n    {\n      variant: \"outline\",\n      color: \"success\",\n      className: {\n        base: \"bg-interaction-success-subtle-default text-interaction-success-active border-interaction-success-subtle-hover\",\n      },\n    },\n    {\n      variant: \"outline\",\n      color: \"warning\",\n      className: {\n        base: \"bg-interaction-warning-subtle-default text-utility-feedback-warning-strong border-interaction-warning-hover\",\n      },\n    },\n    {\n      variant: \"outline\",\n      color: \"critical\",\n      className: {\n        base: \"bg-interaction-critical-subtle-default text-interaction-critical-default border-interaction-critical-subtle-hover\",\n      },\n    },\n    // dot / color\n    {\n      variant: \"dot\",\n      color: \"main\",\n      className: {\n        dot: \"bg-interaction-main-default\",\n      },\n    },\n    {\n      variant: \"dot\",\n      color: \"sub\",\n      className: {\n        dot: \"bg-interaction-sub-default\",\n      },\n    },\n    {\n      variant: \"dot\",\n      color: \"neutral\",\n      className: {\n        dot: \"bg-interaction-neutral-default\",\n      },\n    },\n    {\n      variant: \"dot\",\n      color: \"critical\",\n      className: {\n        dot: \"bg-interaction-critical-default\",\n      },\n    },\n    {\n      variant: \"dot\",\n      color: \"warning\",\n      className: {\n        dot: \"bg-interaction-warning-default\",\n      },\n    },\n    {\n      variant: \"dot\",\n      color: \"success\",\n      className: {\n        dot: \"bg-interaction-success-default\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"solid\",\n    color: \"main\",\n    size: \"sm\",\n    radius: \"sm\",\n  },\n})\n\nexport type BadgeVariantProps = VariantProps<typeof badgeStyles>\nexport type BadgeSlots = keyof typeof badgeStyles.slots\n"]}

package/dist/{chunk-677MPYSL.js → chunk-OHMUYFGR.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkSNEPLJSLjs = require('./chunk-SNEPLJSL.js');
+var _chunk7Y2HFACMjs = require('./chunk-7Y2HFACM.js');
 
 
 var _chunkX2UCVIR5js = require('./chunk-X2UCVIR5.js');
@@ -68,105 +68,105 @@ var buttonStyles = _chunkUZONBJUXjs.tv.call(void 0, {
     {
       variant: "solid",
       color: "main",
-      className: _chunkSNEPLJSLjs.colorVariants.solid.main
+      className: _chunk7Y2HFACMjs.colorVariantsWithState.solid.main
     },
     {
       variant: "solid",
       color: "sub",
-      className: _chunkSNEPLJSLjs.colorVariants.solid.sub
+      className: _chunk7Y2HFACMjs.colorVariantsWithState.solid.sub
     },
     {
       variant: "solid",
       color: "neutral",
-      className: _chunkSNEPLJSLjs.colorVariants.solid.neutral
+      className: _chunk7Y2HFACMjs.colorVariantsWithState.solid.neutral
     },
     {
       variant: "solid",
       color: "critical",
-      className: _chunkSNEPLJSLjs.colorVariants.solid.critical
+      className: _chunk7Y2HFACMjs.colorVariantsWithState.solid.critical
     },
     {
       variant: "solid",
       color: "warning",
-      className: _chunkSNEPLJSLjs.colorVariants.solid.warning
+      className: _chunk7Y2HFACMjs.colorVariantsWithState.solid.warning
     },
     {
       variant: "solid",
       color: "success",
-      className: _chunkSNEPLJSLjs.colorVariants.solid.success
+      className: _chunk7Y2HFACMjs.colorVariantsWithState.solid.success
     },
     // reverse / color
     {
       variant: "reverse",
       color: "main",
-      className: _chunkSNEPLJSLjs.colorVariants.reverse.main
+      className: _chunk7Y2HFACMjs.colorVariantsWithState.reverse.main
     },
     {
       variant: "reverse",
       color: "critical",
-      className: _chunkSNEPLJSLjs.colorVariants.reverse.critical
+      className: _chunk7Y2HFACMjs.colorVariantsWithState.reverse.critical
     },
     {
       variant: "reverse",
       color: "sub",
-      className: _chunkSNEPLJSLjs.colorVariants.reverse.sub
+      className: _chunk7Y2HFACMjs.colorVariantsWithState.reverse.sub
     },
     {
       variant: "reverse",
       color: "neutral",
-      className: _chunkSNEPLJSLjs.colorVariants.reverse.neutral
+      className: _chunk7Y2HFACMjs.colorVariantsWithState.reverse.neutral
     },
     // outline / color
     {
       variant: "outline",
       color: "main",
-      className: _chunkSNEPLJSLjs.colorVariants.outline.main
+      className: _chunk7Y2HFACMjs.colorVariantsWithState.outline.main
     },
     {
       variant: "outline",
       color: "critical",
-      className: _chunkSNEPLJSLjs.colorVariants.outline.critical
+      className: _chunk7Y2HFACMjs.colorVariantsWithState.outline.critical
     },
     {
       variant: "outline",
       color: "neutral",
-      className: _chunkSNEPLJSLjs.colorVariants.outline.neutral
+      className: _chunk7Y2HFACMjs.colorVariantsWithState.outline.neutral
     },
     {
       variant: "outline",
       color: "sub",
-      className: _chunkSNEPLJSLjs.colorVariants.outline.sub
+      className: _chunk7Y2HFACMjs.colorVariantsWithState.outline.sub
     },
     {
       variant: "outline",
       color: "inverse",
-      className: _chunkSNEPLJSLjs.colorVariants.outline.inverse
+      className: _chunk7Y2HFACMjs.colorVariantsWithState.outline.inverse
     },
     // clear / color
     {
       variant: "clear",
       color: "main",
-      className: _chunkSNEPLJSLjs.colorVariants.clear.main
+      className: _chunk7Y2HFACMjs.colorVariantsWithState.clear.main
     },
     {
       variant: "clear",
       color: "critical",
-      className: _chunkSNEPLJSLjs.colorVariants.clear.critical
+      className: _chunk7Y2HFACMjs.colorVariantsWithState.clear.critical
     },
     {
       variant: "clear",
       color: "neutral",
-      className: _chunkSNEPLJSLjs.colorVariants.clear.neutral
+      className: _chunk7Y2HFACMjs.colorVariantsWithState.clear.neutral
     },
     {
       variant: "clear",
       color: "sub",
-      className: _chunkSNEPLJSLjs.colorVariants.clear.sub
+      className: _chunk7Y2HFACMjs.colorVariantsWithState.clear.sub
     },
     {
       variant: "clear",
       color: "inverse",
-      className: _chunkSNEPLJSLjs.colorVariants.clear.inverse
+      className: _chunk7Y2HFACMjs.colorVariantsWithState.clear.inverse
     },
     // iconbutton / size
     {
@@ -201,4 +201,4 @@ var buttonStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.buttonStyles = buttonStyles;
-//# sourceMappingURL=chunk-677MPYSL.js.map
+//# sourceMappingURL=chunk-OHMUYFGR.js.map

package/dist/chunk-OHMUYFGR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-OHMUYFGR.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-OHMUYFGR.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn, focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\nimport { colorVariantsWithState } 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: colorVariantsWithState.solid.main,\n    },\n    {\n      variant: \"solid\",\n      color: \"sub\",\n      className: colorVariantsWithState.solid.sub,\n    },\n    {\n      variant: \"solid\",\n      color: \"neutral\",\n      className: colorVariantsWithState.solid.neutral,\n    },\n    {\n      variant: \"solid\",\n      color: \"critical\",\n      className: colorVariantsWithState.solid.critical,\n    },\n    {\n      variant: \"solid\",\n      color: \"warning\",\n      className: colorVariantsWithState.solid.warning,\n    },\n    {\n      variant: \"solid\",\n      color: \"success\",\n      className: colorVariantsWithState.solid.success,\n    },\n    // reverse / color\n    {\n      variant: \"reverse\",\n      color: \"main\",\n      className: colorVariantsWithState.reverse.main,\n    },\n    {\n      variant: \"reverse\",\n      color: \"critical\",\n      className: colorVariantsWithState.reverse.critical,\n    },\n    {\n      variant: \"reverse\",\n      color: \"sub\",\n      className: colorVariantsWithState.reverse.sub,\n    },\n    {\n      variant: \"reverse\",\n      color: \"neutral\",\n      className: colorVariantsWithState.reverse.neutral,\n    },\n    // outline / color\n    {\n      variant: \"outline\",\n      color: \"main\",\n      className: colorVariantsWithState.outline.main,\n    },\n    {\n      variant: \"outline\",\n      color: \"critical\",\n      className: colorVariantsWithState.outline.critical,\n    },\n    {\n      variant: \"outline\",\n      color: \"neutral\",\n      className: colorVariantsWithState.outline.neutral,\n    },\n    {\n      variant: \"outline\",\n      color: \"sub\",\n      className: colorVariantsWithState.outline.sub,\n    },\n    {\n      variant: \"outline\",\n      color: \"inverse\",\n      className: colorVariantsWithState.outline.inverse,\n    },\n    // clear / color\n    {\n      variant: \"clear\",\n      color: \"main\",\n      className: colorVariantsWithState.clear.main,\n    },\n    {\n      variant: \"clear\",\n      color: \"critical\",\n      className: colorVariantsWithState.clear.critical,\n    },\n    {\n      variant: \"clear\",\n      color: \"neutral\",\n      className: colorVariantsWithState.clear.neutral,\n    },\n    {\n      variant: \"clear\",\n      color: \"sub\",\n      className: colorVariantsWithState.clear.sub,\n    },\n    {\n      variant: \"clear\",\n      color: \"inverse\",\n      className: colorVariantsWithState.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"]}