@opengovsg/oui-theme 0.0.24 → 0.0.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunk-2YXJ6PIO.mjs +187 -0
- package/dist/chunk-2YXJ6PIO.mjs.map +1 -0
- package/dist/{chunk-HPU33ACF.js → chunk-3APYYRQP.js} +2 -2
- package/dist/chunk-3APYYRQP.js.map +1 -0
- package/dist/{chunk-VEUSDELD.js → chunk-3B24PIIW.js} +3 -3
- package/dist/{chunk-VEUSDELD.js.map → chunk-3B24PIIW.js.map} +1 -1
- package/dist/{chunk-MA67SUVH.js → chunk-57OCRZXH.js} +3 -3
- package/dist/{chunk-MA67SUVH.js.map → chunk-57OCRZXH.js.map} +1 -1
- package/dist/{chunk-PWPTVAIL.js → chunk-5DZEJPPY.js} +6 -6
- package/dist/chunk-5DZEJPPY.js.map +1 -0
- package/dist/chunk-5GIWUVUB.js +187 -0
- package/dist/chunk-5GIWUVUB.js.map +1 -0
- package/dist/{chunk-LMYYQSDD.mjs → chunk-5HUZBURZ.mjs} +2 -2
- package/dist/{chunk-KRCG5SPM.mjs → chunk-5IBV6ZBT.mjs} +2 -2
- package/dist/{chunk-YAFMS5MK.js → chunk-634UAH2S.js} +3 -3
- package/dist/{chunk-YAFMS5MK.js.map → chunk-634UAH2S.js.map} +1 -1
- package/dist/{chunk-R2PVSI3C.mjs → chunk-6BKYW7JH.mjs} +2 -2
- package/dist/{chunk-WVDLTDDB.js → chunk-6VTPOAG5.js} +3 -3
- package/dist/{chunk-WVDLTDDB.js.map → chunk-6VTPOAG5.js.map} +1 -1
- package/dist/{chunk-OJ7NRUXZ.mjs → chunk-B42Z2PBU.mjs} +2 -2
- package/dist/{chunk-KLKBOAF7.js → chunk-EJBX2H7V.js} +4 -4
- package/dist/{chunk-KLKBOAF7.js.map → chunk-EJBX2H7V.js.map} +1 -1
- package/dist/{chunk-GPPZ7NCN.mjs → chunk-EPRTXJ7L.mjs} +2 -2
- package/dist/chunk-FZLT7D4G.js +1 -0
- package/dist/{chunk-I5XLHO6P.js.map → chunk-FZLT7D4G.js.map} +1 -1
- package/dist/{chunk-UQQ2QXH5.mjs → chunk-JZONKSUM.mjs} +2 -2
- package/dist/{chunk-E43A5ROR.mjs → chunk-K3WA7SIJ.mjs} +6 -6
- package/dist/chunk-K3WA7SIJ.mjs.map +1 -0
- package/dist/{chunk-ACQAEX56.mjs → chunk-K66CIRPP.mjs} +2 -2
- package/dist/{chunk-BLOVJRGI.js → chunk-KANQORAD.js} +5 -5
- package/dist/{chunk-BLOVJRGI.js.map → chunk-KANQORAD.js.map} +1 -1
- package/dist/{chunk-TTH5N3TR.js → chunk-LG22OEO3.js} +3 -3
- package/dist/{chunk-TTH5N3TR.js.map → chunk-LG22OEO3.js.map} +1 -1
- package/dist/{chunk-K444MKCR.js → chunk-OE22BFLE.js} +3 -3
- package/dist/{chunk-K444MKCR.js.map → chunk-OE22BFLE.js.map} +1 -1
- package/dist/{chunk-LVUFII5Z.mjs → chunk-OG6PNNQ5.mjs} +2 -2
- package/dist/{chunk-SXFWEGKA.js → chunk-TXUEDK3E.js} +3 -3
- package/dist/{chunk-SXFWEGKA.js.map → chunk-TXUEDK3E.js.map} +1 -1
- package/dist/{chunk-W35S7EGR.mjs → chunk-WUWINMRN.mjs} +2 -2
- package/dist/chunk-WUWINMRN.mjs.map +1 -0
- package/dist/chunk-X6EUINAF.mjs +1 -0
- package/dist/{chunk-YZ3TLYY6.mjs → chunk-XIP622RV.mjs} +2 -2
- package/dist/components/badge.js +4 -4
- package/dist/components/badge.mjs +3 -3
- package/dist/components/button.js +4 -4
- package/dist/components/button.mjs +3 -3
- package/dist/components/calendar.js +4 -4
- package/dist/components/calendar.mjs +3 -3
- package/dist/components/checkbox.js +4 -4
- package/dist/components/checkbox.mjs +3 -3
- package/dist/components/file-dropzone.js +2 -2
- package/dist/components/file-dropzone.mjs +1 -1
- package/dist/components/govt-banner.js +4 -4
- package/dist/components/govt-banner.mjs +3 -3
- package/dist/components/index.d.mts +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +21 -17
- package/dist/components/index.js.map +1 -1
- package/dist/components/index.mjs +20 -16
- package/dist/components/list-box.js +2 -2
- package/dist/components/list-box.mjs +2 -2
- package/dist/components/menu.js +2 -2
- package/dist/components/menu.mjs +2 -2
- package/dist/components/modal.d.mts +395 -0
- package/dist/components/modal.d.ts +395 -0
- package/dist/components/modal.js +15 -0
- package/dist/components/modal.js.map +1 -0
- package/dist/components/modal.mjs +15 -0
- package/dist/components/modal.mjs.map +1 -0
- package/dist/components/pagination.js +3 -3
- package/dist/components/pagination.mjs +2 -2
- package/dist/components/tabs.js +3 -3
- package/dist/components/tabs.mjs +2 -2
- package/dist/components/tag-field.js +4 -4
- package/dist/components/tag-field.mjs +3 -3
- package/dist/components/toggle.js +4 -4
- package/dist/components/toggle.mjs +3 -3
- package/dist/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +23 -19
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +22 -18
- package/dist/utils/classes.d.mts +4 -4
- package/dist/utils/classes.d.ts +4 -4
- package/dist/utils/classes.js +2 -2
- package/dist/utils/classes.mjs +1 -1
- package/dist/utils/index.js +5 -5
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/index.mjs +4 -4
- package/package.json +6 -6
- package/src/tailwind.css +1 -236
- package/dist/chunk-E43A5ROR.mjs.map +0 -1
- package/dist/chunk-HPU33ACF.js.map +0 -1
- package/dist/chunk-I5XLHO6P.js +0 -1
- package/dist/chunk-PWPTVAIL.js.map +0 -1
- package/dist/chunk-W35S7EGR.mjs.map +0 -1
- package/dist/chunk-X4KVYCI3.mjs +0 -1
- /package/dist/{chunk-LMYYQSDD.mjs.map → chunk-5HUZBURZ.mjs.map} +0 -0
- /package/dist/{chunk-KRCG5SPM.mjs.map → chunk-5IBV6ZBT.mjs.map} +0 -0
- /package/dist/{chunk-R2PVSI3C.mjs.map → chunk-6BKYW7JH.mjs.map} +0 -0
- /package/dist/{chunk-OJ7NRUXZ.mjs.map → chunk-B42Z2PBU.mjs.map} +0 -0
- /package/dist/{chunk-GPPZ7NCN.mjs.map → chunk-EPRTXJ7L.mjs.map} +0 -0
- /package/dist/{chunk-UQQ2QXH5.mjs.map → chunk-JZONKSUM.mjs.map} +0 -0
- /package/dist/{chunk-ACQAEX56.mjs.map → chunk-K66CIRPP.mjs.map} +0 -0
- /package/dist/{chunk-LVUFII5Z.mjs.map → chunk-OG6PNNQ5.mjs.map} +0 -0
- /package/dist/{chunk-X4KVYCI3.mjs.map → chunk-X6EUINAF.mjs.map} +0 -0
- /package/dist/{chunk-YZ3TLYY6.mjs.map → chunk-XIP622RV.mjs.map} +0 -0
|
@@ -3,7 +3,7 @@ import {
|
|
|
3
3
|
} from "./chunk-C7FUGWVY.mjs";
|
|
4
4
|
import {
|
|
5
5
|
dataFocusVisibleClasses
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-K3WA7SIJ.mjs";
|
|
7
7
|
import {
|
|
8
8
|
tv
|
|
9
9
|
} from "./chunk-4JENAMGV.mjs";
|
|
@@ -329,4 +329,4 @@ var paginationStyles = tv({
|
|
|
329
329
|
export {
|
|
330
330
|
paginationStyles
|
|
331
331
|
};
|
|
332
|
-
//# sourceMappingURL=chunk-
|
|
332
|
+
//# sourceMappingURL=chunk-5HUZBURZ.mjs.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
focusVisibleClasses
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-K3WA7SIJ.mjs";
|
|
4
4
|
import {
|
|
5
5
|
tv
|
|
6
6
|
} from "./chunk-4JENAMGV.mjs";
|
|
@@ -63,4 +63,4 @@ var tagFieldStyles = tv({
|
|
|
63
63
|
export {
|
|
64
64
|
tagFieldStyles
|
|
65
65
|
};
|
|
66
|
-
//# sourceMappingURL=chunk-
|
|
66
|
+
//# sourceMappingURL=chunk-5IBV6ZBT.mjs.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunk5DZEJPPYjs = require('./chunk-5DZEJPPY.js');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
|
|
@@ -14,7 +14,7 @@ var toggleStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
14
14
|
base: "inline-flex cursor-pointer items-center gap-2 disabled:cursor-default",
|
|
15
15
|
track: _chunkZIQLHX3Ujs.cn.call(void 0,
|
|
16
16
|
"box-border flex shrink-0 items-center rounded-full bg-clip-padding p-px transition duration-200 ease-in-out",
|
|
17
|
-
|
|
17
|
+
_chunk5DZEJPPYjs.groupFocusVisibleClasses
|
|
18
18
|
),
|
|
19
19
|
thumb: "flex translate-x-0 transform items-center justify-center rounded-full border bg-white transition duration-200 ease-in-out",
|
|
20
20
|
thumbIcon: ""
|
|
@@ -54,4 +54,4 @@ var toggleStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
54
54
|
|
|
55
55
|
|
|
56
56
|
exports.toggleStyles = toggleStyles;
|
|
57
|
-
//# sourceMappingURL=chunk-
|
|
57
|
+
//# sourceMappingURL=chunk-634UAH2S.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-634UAH2S.js","../src/components/toggle.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACJO,IAAM,aAAA,EAAe,iCAAA;AAAG,EAC7B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,uEAAA;AAAA,IACN,KAAA,EAAO,iCAAA;AAAA,MACL,6GAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACA,KAAA,EACE,2HAAA;AAAA,IACF,SAAA,EAAW;AAAA,EACb,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,MACX,OAAA,EAAS;AAAA,QACP,KAAA,EACE,kLAAA;AAAA,QACF,KAAA,EACE,gPAAA;AAAA,QACF,SAAA,EACE;AAAA,MACJ;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,mBAAA;AAAA,QACP,KAAA,EAAO,6DAAA;AAAA,QACP,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,mBAAA;AAAA,QACP,KAAA,EAAO,6DAAA;AAAA,QACP,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,mBAAA;AAAA,QACP,KAAA,EAAO,6DAAA;AAAA,QACP,SAAA,EAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,WAAA,EAAa;AAAA,EACf;AACF,CAAC,CAAA;ADED;AACA;AACE;AACF,oCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-634UAH2S.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn } from \"../utils\"\nimport { groupFocusVisibleClasses } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\n\nexport const toggleStyles = tv({\n slots: {\n base: \"inline-flex cursor-pointer items-center gap-2 disabled:cursor-default\",\n track: cn(\n \"box-border flex shrink-0 items-center rounded-full bg-clip-padding p-px transition duration-200 ease-in-out\",\n groupFocusVisibleClasses,\n ),\n thumb:\n \"flex translate-x-0 transform items-center justify-center rounded-full border bg-white transition duration-200 ease-in-out\",\n thumbIcon: \"\",\n },\n variants: {\n colorScheme: {\n success: {\n track:\n \"in-selected:bg-interaction-success-default bg-interaction-support-unselected in-disabled:bg-interaction-support-disabled in-disabled:in-selected:bg-interaction-support-disabled\",\n thumb:\n \"in-selected:border-interaction-success-default in-disabled:in-selected:border-interaction-support-disabled in-disabled:bg-interaction-support-unselected border-interaction-support-unselected in-disabled:border-interaction-support-disabled\",\n thumbIcon:\n \"in-selected:text-interaction-success-default text-interaction-support-unselected in-disabled:text-interaction-support-disabled in-selected:in-disabled:text-interaction-support-disabled\",\n },\n },\n size: {\n xs: {\n track: \"h-[16px] w-[28px]\",\n thumb: \"in-selected:translate-x-[calc(26px-100%)] h-[14px] w-[14px]\",\n thumbIcon: \"h-[8px] w-[8px]\",\n },\n sm: {\n track: \"h-[20px] w-[32px]\",\n thumb: \"in-selected:translate-x-[calc(30px-100%)] h-[18px] w-[18px]\",\n thumbIcon: \"h-[10px] w-[10px]\",\n },\n md: {\n track: \"h-[24px] w-[40px]\",\n thumb: \"in-selected:translate-x-[calc(38px-100%)] h-[22px] w-[22px]\",\n thumbIcon: \"h-[12px] w-[12px]\",\n },\n },\n },\n defaultVariants: {\n size: \"md\",\n colorScheme: \"success\",\n },\n})\n\nexport type ToggleVariantProps = VariantProps<typeof toggleStyles>\nexport type ToggleSlots = keyof ReturnType<typeof toggleStyles>\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
racFocusRing
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-K3WA7SIJ.mjs";
|
|
4
4
|
import {
|
|
5
5
|
cn
|
|
6
6
|
} from "./chunk-HAUMMW6T.mjs";
|
|
@@ -112,4 +112,4 @@ export {
|
|
|
112
112
|
checkboxStyles,
|
|
113
113
|
checkboxGroupStyles
|
|
114
114
|
};
|
|
115
|
-
//# sourceMappingURL=chunk-
|
|
115
|
+
//# sourceMappingURL=chunk-6BKYW7JH.mjs.map
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
var _chunk7Y2HFACMjs = require('./chunk-7Y2HFACM.js');
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
7
|
+
var _chunk5DZEJPPYjs = require('./chunk-5DZEJPPY.js');
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
|
|
@@ -14,7 +14,7 @@ var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
|
|
|
14
14
|
|
|
15
15
|
// src/components/badge.ts
|
|
16
16
|
var badgeCloseButtonStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
17
|
-
extend:
|
|
17
|
+
extend: _chunk5DZEJPPYjs.racFocusRing,
|
|
18
18
|
base: _chunkZIQLHX3Ujs.cn.call(void 0,
|
|
19
19
|
_chunk7Y2HFACMjs.colorVariantsWithState.clear.neutral,
|
|
20
20
|
"inline-flex cursor-pointer items-center justify-center rounded-full text-inherit transition"
|
|
@@ -280,4 +280,4 @@ var badgeStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
280
280
|
|
|
281
281
|
|
|
282
282
|
exports.badgeCloseButtonStyles = badgeCloseButtonStyles; exports.badgeStyles = badgeStyles;
|
|
283
|
-
//# sourceMappingURL=chunk-
|
|
283
|
+
//# sourceMappingURL=chunk-6VTPOAG5.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-WVDLTDDB.js","../src/components/badge.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-WVDLTDDB.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"]}
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-6VTPOAG5.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-6VTPOAG5.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"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
racFocusRing
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-K3WA7SIJ.mjs";
|
|
4
4
|
import {
|
|
5
5
|
tv
|
|
6
6
|
} from "./chunk-4JENAMGV.mjs";
|
|
@@ -204,4 +204,4 @@ export {
|
|
|
204
204
|
tabPanelStyles,
|
|
205
205
|
tabListStyles
|
|
206
206
|
};
|
|
207
|
-
//# sourceMappingURL=chunk-
|
|
207
|
+
//# sourceMappingURL=chunk-B42Z2PBU.mjs.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunk5DZEJPPYjs = require('./chunk-5DZEJPPY.js');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
|
|
@@ -30,7 +30,7 @@ var tabsStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
30
30
|
}
|
|
31
31
|
});
|
|
32
32
|
var tabStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
33
|
-
extend:
|
|
33
|
+
extend: _chunk5DZEJPPYjs.racFocusRing,
|
|
34
34
|
base: "group relative flex w-fit shrink-0 cursor-pointer items-center justify-center transition forced-color-adjust-none",
|
|
35
35
|
variants: {
|
|
36
36
|
variant: {
|
|
@@ -162,7 +162,7 @@ var tabStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
162
162
|
}
|
|
163
163
|
});
|
|
164
164
|
var tabPanelStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
165
|
-
extend:
|
|
165
|
+
extend: _chunk5DZEJPPYjs.racFocusRing,
|
|
166
166
|
base: "text-base-content-default dark:text-base-content-inverse flex-1"
|
|
167
167
|
});
|
|
168
168
|
var tabListStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
@@ -204,4 +204,4 @@ var tabListStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
204
204
|
|
|
205
205
|
|
|
206
206
|
exports.tabsStyles = tabsStyles; exports.tabStyles = tabStyles; exports.tabPanelStyles = tabPanelStyles; exports.tabListStyles = tabListStyles;
|
|
207
|
-
//# sourceMappingURL=chunk-
|
|
207
|
+
//# sourceMappingURL=chunk-EJBX2H7V.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-KLKBOAF7.js","../src/components/tabs.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-KLKBOAF7.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { racFocusRing } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\n\nexport const tabsStyles = tv({\n base: \"isolate flex gap-4\",\n variants: {\n variant: {\n underlined: \"\",\n bordered: \"\",\n },\n prominence: {\n normal: \"\",\n strong: \"\",\n },\n orientation: {\n horizontal: \"flex-col\",\n vertical: \"w-[800px] flex-row\",\n },\n size: {\n xs: \"\",\n sm: \"\",\n md: \"\",\n lg: \"\",\n },\n },\n})\nexport type TabsVariantProps = VariantProps<typeof tabsStyles>\n\nexport const tabStyles = tv({\n extend: racFocusRing,\n base: \"group relative flex w-fit shrink-0 cursor-pointer items-center justify-center transition forced-color-adjust-none\",\n variants: {\n variant: {\n underlined:\n \"selected:border-interaction-main-default dark:selected:border-base-divider-inverse\",\n bordered:\n \"border-base-divider-strong not-selected:hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active border\",\n },\n prominence: {\n normal: \"\",\n strong: \"\",\n },\n isSelected: {\n false: \"\",\n true: \"text-interaction-main-default dark:text-base-content-inverse\",\n },\n isDisabled: {\n true: \"forced-colors:selected:text-[HighlightText] text-interaction-support-disabled-content cursor-not-allowed forced-colors:text-[GrayText]\",\n },\n size: {\n xs: \"\",\n sm: \"\",\n md: \"\",\n lg: \"\",\n },\n orientation: {\n horizontal: \"\",\n vertical: \"w-full justify-start outline-offset-0\",\n },\n },\n compoundVariants: [\n // Underlined variant\n {\n variant: \"underlined\",\n isSelected: false,\n isDisabled: false,\n className:\n \"text-interaction-support-unselected-strong dark:text-interaction-support-unselected\",\n },\n {\n variant: \"underlined\",\n isDisabled: true,\n className:\n \"selected:text-interaction-support-disabled-content dark:selected:text-base-content-inverse selected:border-base-divider-strong text-interaction-support-disabled-content dark:text-interaction-support-unselected\",\n },\n {\n prominence: \"strong\",\n variant: \"underlined\",\n size: \"md\",\n className: \"prose-subhead-3\",\n },\n {\n prominence: \"normal\",\n size: \"md\",\n orientation: \"horizontal\",\n className: \"prose-subhead-2\",\n },\n {\n variant: \"underlined\",\n orientation: \"horizontal\",\n className: \"border-b-2 border-transparent pb-0.5\",\n },\n {\n size: \"md\",\n variant: \"underlined\",\n className: \"gap-4\",\n },\n // Bordered variant\n {\n variant: \"bordered\",\n size: \"xs\",\n className: \"px-4 py-2\",\n },\n {\n variant: \"bordered\",\n size: \"sm\",\n className: \"px-4 py-2\",\n },\n {\n variant: \"bordered\",\n size: \"md\",\n className: \"px-4 py-2.5\",\n },\n {\n variant: \"bordered\",\n size: \"lg\",\n className: \"px-4 py-3\",\n },\n {\n variant: \"bordered\",\n isSelected: true,\n className:\n \"bg-interaction-muted-main-active border-interaction-main-default z-1\",\n },\n {\n variant: \"bordered\",\n isDisabled: true,\n className:\n \"bg-interaction-support-disabled selected:text-interaction-support-disabled-content border-base-divider-strong selected:bg-interaction-muted-main-active active:bg-interaction-support-disabled\",\n },\n {\n variant: \"bordered\",\n orientation: \"horizontal\",\n className: \"not-last:-me-px first:rounded-s-sm last:rounded-e-sm\",\n },\n {\n variant: \"bordered\",\n orientation: \"vertical\",\n className: \"not-last:-mb-px first:rounded-t-sm last:rounded-b-sm\",\n },\n // Vertical orientation\n {\n prominence: \"normal\",\n size: \"md\",\n orientation: \"vertical\",\n className: \"prose-body-1\",\n },\n {\n variant: \"underlined\",\n orientation: \"vertical\",\n className:\n \"hover:text-interaction-main-hover dark:hover:text-base-content-inverse dark:active:text-base-content-inverse active:text-interaction-main-hover dark:hover:bg-interaction-tinted-inverse-hover dark:active:bg-interaction-tinted-inverse-active hover:bg-interaction-muted-main-hover border-base-divider-strong active:bg-interaction-muted-main-active border-l-2 pb-0.5\",\n },\n {\n size: \"md\",\n variant: \"underlined\",\n orientation: \"vertical\",\n className: \"px-6 py-4\",\n },\n ],\n defaultVariants: {\n size: \"md\",\n prominence: \"strong\",\n orientation: \"horizontal\",\n variant: \"underlined\",\n },\n})\n\nexport type TabVariantProps = VariantProps<typeof tabStyles>\n\nexport const tabPanelStyles = tv({\n extend: racFocusRing,\n base: \"text-base-content-default dark:text-base-content-inverse flex-1\",\n})\n\nexport type TabPanelVariantProps = VariantProps<typeof tabPanelStyles>\n\nexport const tabListStyles = tv({\n base: \"flex\",\n variants: {\n variant: {\n underlined: \"\",\n bordered: \"\",\n },\n orientation: {\n horizontal: \"flex-row overflow-x-auto\",\n vertical: \"flex-col items-start overflow-y-auto\",\n },\n size: {\n xs: \"\",\n sm: \"\",\n md: \"\",\n lg: \"\",\n },\n },\n compoundVariants: [\n {\n size: \"md\",\n orientation: \"horizontal\",\n variant: \"underlined\",\n className: \"gap-8\",\n },\n ],\n defaultVariants: {\n orientation: \"horizontal\",\n variant: \"underlined\",\n size: \"md\",\n },\n})\n\nexport type TabListVariantProps = VariantProps<typeof tabListStyles>\n"]}
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-EJBX2H7V.js","../src/components/tabs.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-EJBX2H7V.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { racFocusRing } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\n\nexport const tabsStyles = tv({\n base: \"isolate flex gap-4\",\n variants: {\n variant: {\n underlined: \"\",\n bordered: \"\",\n },\n prominence: {\n normal: \"\",\n strong: \"\",\n },\n orientation: {\n horizontal: \"flex-col\",\n vertical: \"w-[800px] flex-row\",\n },\n size: {\n xs: \"\",\n sm: \"\",\n md: \"\",\n lg: \"\",\n },\n },\n})\nexport type TabsVariantProps = VariantProps<typeof tabsStyles>\n\nexport const tabStyles = tv({\n extend: racFocusRing,\n base: \"group relative flex w-fit shrink-0 cursor-pointer items-center justify-center transition forced-color-adjust-none\",\n variants: {\n variant: {\n underlined:\n \"selected:border-interaction-main-default dark:selected:border-base-divider-inverse\",\n bordered:\n \"border-base-divider-strong not-selected:hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active border\",\n },\n prominence: {\n normal: \"\",\n strong: \"\",\n },\n isSelected: {\n false: \"\",\n true: \"text-interaction-main-default dark:text-base-content-inverse\",\n },\n isDisabled: {\n true: \"forced-colors:selected:text-[HighlightText] text-interaction-support-disabled-content cursor-not-allowed forced-colors:text-[GrayText]\",\n },\n size: {\n xs: \"\",\n sm: \"\",\n md: \"\",\n lg: \"\",\n },\n orientation: {\n horizontal: \"\",\n vertical: \"w-full justify-start outline-offset-0\",\n },\n },\n compoundVariants: [\n // Underlined variant\n {\n variant: \"underlined\",\n isSelected: false,\n isDisabled: false,\n className:\n \"text-interaction-support-unselected-strong dark:text-interaction-support-unselected\",\n },\n {\n variant: \"underlined\",\n isDisabled: true,\n className:\n \"selected:text-interaction-support-disabled-content dark:selected:text-base-content-inverse selected:border-base-divider-strong text-interaction-support-disabled-content dark:text-interaction-support-unselected\",\n },\n {\n prominence: \"strong\",\n variant: \"underlined\",\n size: \"md\",\n className: \"prose-subhead-3\",\n },\n {\n prominence: \"normal\",\n size: \"md\",\n orientation: \"horizontal\",\n className: \"prose-subhead-2\",\n },\n {\n variant: \"underlined\",\n orientation: \"horizontal\",\n className: \"border-b-2 border-transparent pb-0.5\",\n },\n {\n size: \"md\",\n variant: \"underlined\",\n className: \"gap-4\",\n },\n // Bordered variant\n {\n variant: \"bordered\",\n size: \"xs\",\n className: \"px-4 py-2\",\n },\n {\n variant: \"bordered\",\n size: \"sm\",\n className: \"px-4 py-2\",\n },\n {\n variant: \"bordered\",\n size: \"md\",\n className: \"px-4 py-2.5\",\n },\n {\n variant: \"bordered\",\n size: \"lg\",\n className: \"px-4 py-3\",\n },\n {\n variant: \"bordered\",\n isSelected: true,\n className:\n \"bg-interaction-muted-main-active border-interaction-main-default z-1\",\n },\n {\n variant: \"bordered\",\n isDisabled: true,\n className:\n \"bg-interaction-support-disabled selected:text-interaction-support-disabled-content border-base-divider-strong selected:bg-interaction-muted-main-active active:bg-interaction-support-disabled\",\n },\n {\n variant: \"bordered\",\n orientation: \"horizontal\",\n className: \"not-last:-me-px first:rounded-s-sm last:rounded-e-sm\",\n },\n {\n variant: \"bordered\",\n orientation: \"vertical\",\n className: \"not-last:-mb-px first:rounded-t-sm last:rounded-b-sm\",\n },\n // Vertical orientation\n {\n prominence: \"normal\",\n size: \"md\",\n orientation: \"vertical\",\n className: \"prose-body-1\",\n },\n {\n variant: \"underlined\",\n orientation: \"vertical\",\n className:\n \"hover:text-interaction-main-hover dark:hover:text-base-content-inverse dark:active:text-base-content-inverse active:text-interaction-main-hover dark:hover:bg-interaction-tinted-inverse-hover dark:active:bg-interaction-tinted-inverse-active hover:bg-interaction-muted-main-hover border-base-divider-strong active:bg-interaction-muted-main-active border-l-2 pb-0.5\",\n },\n {\n size: \"md\",\n variant: \"underlined\",\n orientation: \"vertical\",\n className: \"px-6 py-4\",\n },\n ],\n defaultVariants: {\n size: \"md\",\n prominence: \"strong\",\n orientation: \"horizontal\",\n variant: \"underlined\",\n },\n})\n\nexport type TabVariantProps = VariantProps<typeof tabStyles>\n\nexport const tabPanelStyles = tv({\n extend: racFocusRing,\n base: \"text-base-content-default dark:text-base-content-inverse flex-1\",\n})\n\nexport type TabPanelVariantProps = VariantProps<typeof tabPanelStyles>\n\nexport const tabListStyles = tv({\n base: \"flex\",\n variants: {\n variant: {\n underlined: \"\",\n bordered: \"\",\n },\n orientation: {\n horizontal: \"flex-row overflow-x-auto\",\n vertical: \"flex-col items-start overflow-y-auto\",\n },\n size: {\n xs: \"\",\n sm: \"\",\n md: \"\",\n lg: \"\",\n },\n },\n compoundVariants: [\n {\n size: \"md\",\n orientation: \"horizontal\",\n variant: \"underlined\",\n className: \"gap-8\",\n },\n ],\n defaultVariants: {\n orientation: \"horizontal\",\n variant: \"underlined\",\n size: \"md\",\n },\n})\n\nexport type TabListVariantProps = VariantProps<typeof tabListStyles>\n"]}
|
|
@@ -4,7 +4,7 @@ import {
|
|
|
4
4
|
} from "./chunk-C7FUGWVY.mjs";
|
|
5
5
|
import {
|
|
6
6
|
racFocusRing
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-K3WA7SIJ.mjs";
|
|
8
8
|
import {
|
|
9
9
|
cn
|
|
10
10
|
} from "./chunk-HAUMMW6T.mjs";
|
|
@@ -280,4 +280,4 @@ export {
|
|
|
280
280
|
badgeCloseButtonStyles,
|
|
281
281
|
badgeStyles
|
|
282
282
|
};
|
|
283
|
-
//# sourceMappingURL=chunk-
|
|
283
|
+
//# sourceMappingURL=chunk-EPRTXJ7L.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";//# sourceMappingURL=chunk-FZLT7D4G.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-FZLT7D4G.js"],"names":[],"mappings":"AAAA","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-FZLT7D4G.js"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
focusVisibleClasses
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-K3WA7SIJ.mjs";
|
|
4
4
|
import {
|
|
5
5
|
cn
|
|
6
6
|
} from "./chunk-HAUMMW6T.mjs";
|
|
@@ -33,4 +33,4 @@ var govtBannerStyles = tv({
|
|
|
33
33
|
export {
|
|
34
34
|
govtBannerStyles
|
|
35
35
|
};
|
|
36
|
-
//# sourceMappingURL=chunk-
|
|
36
|
+
//# sourceMappingURL=chunk-JZONKSUM.mjs.map
|
|
@@ -7,7 +7,7 @@ var focusVisibleClasses = [
|
|
|
7
7
|
"outline-none",
|
|
8
8
|
"outline-transparent",
|
|
9
9
|
"outline-offset-2",
|
|
10
|
-
"focus-visible:outline-focus-
|
|
10
|
+
"focus-visible:outline-utility-focus-default",
|
|
11
11
|
"focus-visible:outline-solid",
|
|
12
12
|
"focus-visible:outline-2"
|
|
13
13
|
];
|
|
@@ -15,7 +15,7 @@ var dataFocusVisibleClasses = [
|
|
|
15
15
|
"outline-none",
|
|
16
16
|
"outline-transparent",
|
|
17
17
|
"outline-offset-2",
|
|
18
|
-
"data-[focus-visible=true]:outline-focus-
|
|
18
|
+
"data-[focus-visible=true]:outline-utility-focus-default",
|
|
19
19
|
"data-[focus-visible=true]:outline-solid",
|
|
20
20
|
"data-[focus-visible=true]:outline-2"
|
|
21
21
|
];
|
|
@@ -23,14 +23,14 @@ var focusClasses = [
|
|
|
23
23
|
"outline-none",
|
|
24
24
|
"outline-transparent",
|
|
25
25
|
"outline-offset-2",
|
|
26
|
-
"focus:outline-focus-
|
|
26
|
+
"focus:outline-utility-focus-default",
|
|
27
27
|
"focus:outline-solid",
|
|
28
28
|
"focus:outline-2"
|
|
29
29
|
];
|
|
30
30
|
var groupFocusVisibleClasses = [
|
|
31
31
|
"in-focus-visible:z-10",
|
|
32
32
|
"in-focus-visible:outline-2",
|
|
33
|
-
"outline-focus-
|
|
33
|
+
"outline-utility-focus-default",
|
|
34
34
|
"outline-offset-2"
|
|
35
35
|
];
|
|
36
36
|
var racFocusRing = tv({
|
|
@@ -38,7 +38,7 @@ var racFocusRing = tv({
|
|
|
38
38
|
variants: {
|
|
39
39
|
isFocusVisible: {
|
|
40
40
|
false: "outline-transparent",
|
|
41
|
-
true: "outline-focus-
|
|
41
|
+
true: "outline-utility-focus-default outline-2 outline-solid"
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
});
|
|
@@ -50,4 +50,4 @@ export {
|
|
|
50
50
|
groupFocusVisibleClasses,
|
|
51
51
|
racFocusRing
|
|
52
52
|
};
|
|
53
|
-
//# sourceMappingURL=chunk-
|
|
53
|
+
//# sourceMappingURL=chunk-K3WA7SIJ.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/utils/classes.ts"],"sourcesContent":["import { tv } from \"./tv\"\n\nexport const focusVisibleClasses = [\n \"outline-none\",\n \"outline-transparent\",\n \"outline-offset-2\",\n \"focus-visible:outline-utility-focus-default\",\n \"focus-visible:outline-solid\",\n \"focus-visible:outline-2\",\n] as const\n\nexport const dataFocusVisibleClasses = [\n \"outline-none\",\n \"outline-transparent\",\n \"outline-offset-2\",\n \"data-[focus-visible=true]:outline-utility-focus-default\",\n \"data-[focus-visible=true]:outline-solid\",\n \"data-[focus-visible=true]:outline-2\",\n] as const\n\nexport const focusClasses = [\n \"outline-none\",\n \"outline-transparent\",\n \"outline-offset-2\",\n \"focus:outline-utility-focus-default\",\n \"focus:outline-solid\",\n \"focus:outline-2\",\n] as const\n\nexport const groupFocusVisibleClasses = [\n \"in-focus-visible:z-10\",\n \"in-focus-visible:outline-2\",\n \"outline-utility-focus-default\",\n \"outline-offset-2\",\n] as const\n\nexport const racFocusRing = tv({\n base: \"outline-offset-2 outline-none\",\n variants: {\n isFocusVisible: {\n false: \"outline-transparent\",\n true: \"outline-utility-focus-default outline-2 outline-solid\",\n },\n },\n})\n"],"mappings":";;;;;AAEO,IAAM,sBAAsB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,0BAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,eAAe;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,2BAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,eAAe,GAAG;AAAA,EAC7B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,gBAAgB;AAAA,MACd,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC;","names":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
groupFocusVisibleClasses
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-K3WA7SIJ.mjs";
|
|
4
4
|
import {
|
|
5
5
|
cn
|
|
6
6
|
} from "./chunk-HAUMMW6T.mjs";
|
|
@@ -54,4 +54,4 @@ var toggleStyles = tv({
|
|
|
54
54
|
export {
|
|
55
55
|
toggleStyles
|
|
56
56
|
};
|
|
57
|
-
//# sourceMappingURL=chunk-
|
|
57
|
+
//# sourceMappingURL=chunk-K66CIRPP.mjs.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunk5DZEJPPYjs = require('./chunk-5DZEJPPY.js');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
|
|
@@ -13,7 +13,7 @@ var checkboxStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
13
13
|
slots: {
|
|
14
14
|
box: _chunkZIQLHX3Ujs.cn.call(void 0,
|
|
15
15
|
"flex w-full shrink-0 items-center justify-center self-start rounded-sm border-2 transition",
|
|
16
|
-
|
|
16
|
+
_chunk5DZEJPPYjs.racFocusRing.base
|
|
17
17
|
),
|
|
18
18
|
base: "group relative flex items-stretch transition",
|
|
19
19
|
icon: "h-4 w-4 text-white group-disabled:text-white dark:text-slate-900 dark:group-disabled:text-slate-600 forced-colors:text-[HighlightText]"
|
|
@@ -40,10 +40,10 @@ var checkboxStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
40
40
|
},
|
|
41
41
|
isFocusVisible: {
|
|
42
42
|
true: {
|
|
43
|
-
box:
|
|
43
|
+
box: _chunk5DZEJPPYjs.racFocusRing.variants.isFocusVisible.true
|
|
44
44
|
},
|
|
45
45
|
false: {
|
|
46
|
-
box:
|
|
46
|
+
box: _chunk5DZEJPPYjs.racFocusRing.variants.isFocusVisible.false
|
|
47
47
|
}
|
|
48
48
|
},
|
|
49
49
|
isDisabled: {
|
|
@@ -112,4 +112,4 @@ var checkboxGroupStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
112
112
|
|
|
113
113
|
|
|
114
114
|
exports.checkboxStyles = checkboxStyles; exports.checkboxGroupStyles = checkboxGroupStyles;
|
|
115
|
-
//# sourceMappingURL=chunk-
|
|
115
|
+
//# sourceMappingURL=chunk-KANQORAD.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-KANQORAD.js","../src/components/checkbox.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACJO,IAAM,eAAA,EAAiB,iCAAA;AAAG,EAC/B,KAAA,EAAO;AAAA,IACL,GAAA,EAAK,iCAAA;AAAA,MACH,4FAAA;AAAA,MACA,6BAAA,CAAa;AAAA,IACf,CAAA;AAAA,IACA,IAAA,EAAM,8CAAA;AAAA,IACN,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,OAAA,EAAS;AAAA,QACP,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,gBAAA;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,SAAA;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM,gCAAA;AAAA,QACN,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,cAAA,EAAgB;AAAA,MACd,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK,6BAAA,CAAa,QAAA,CAAS,cAAA,CAAe;AAAA,MAC5C,CAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAA,EAAK,6BAAA,CAAa,QAAA,CAAS,cAAA,CAAe;AAAA,MAC5C;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,KAAA,EAAO;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM,4FAAA;AAAA,QACN,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,KAAA,EAAO;AAAA,QACL,GAAA,EAAK;AAAA,MACP,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB;AAAA,MACE,KAAA,EAAO,SAAA;AAAA,MACP,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,UAAA,EAAY,IAAA;AAAA,MACZ,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,SAAA,EAAW,IAAA;AAAA,MACX,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA,EACT;AACF,CAAC,CAAA;AAKM,IAAM,oBAAA,EAAsB,iCAAA;AAAG,EACpC,IAAA,EAAM,sBAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF;AACF,CAAC,CAAA;ADED;AACA;AACE;AACA;AACF,2FAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-KANQORAD.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn } from \"../utils\"\nimport { racFocusRing } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\n\nexport const checkboxStyles = tv({\n slots: {\n box: cn(\n \"flex w-full shrink-0 items-center justify-center self-start rounded-sm border-2 transition\",\n racFocusRing.base,\n ),\n base: \"group relative flex items-stretch transition\",\n icon: \"h-4 w-4 text-white group-disabled:text-white dark:text-slate-900 dark:group-disabled:text-slate-600 forced-colors:text-[HighlightText]\",\n },\n variants: {\n color: {\n default: {\n base: \"hover:bg-interaction-muted-main-hover pressed:bg-interaction-muted-main-active\",\n },\n },\n size: {\n xs: {\n box: \"mt-0.5 h-4 w-4\",\n base: \"prose-body-2 gap-3 px-1 py-2\",\n },\n sm: {\n box: \"h-5 w-5\",\n base: \"prose-body-2 gap-3 px-1 py-2\",\n },\n md: {\n base: \"prose-body-1 gap-4 px-1 py-2.5\",\n box: \"h-6 w-6\",\n },\n },\n isFocusVisible: {\n true: {\n box: racFocusRing.variants.isFocusVisible.true,\n },\n false: {\n box: racFocusRing.variants.isFocusVisible.false,\n },\n },\n isDisabled: {\n false: {\n base: \"text-gray-800 dark:text-zinc-200\",\n },\n true: {\n base: \"text-interaction-support-disabled-content dark:text-zinc-600 forced-colors:text-[GrayText]\",\n box: \"[--color:var(--color-gray-200)] dark:[--color:var(--color-zinc-700)] forced-colors:[--color:GrayText]!\",\n },\n },\n isSelected: {\n false: {\n box: \"group-pressed:[--color:var(--color-base-content-strong)] dark:group-pressed:[--color:var(--color-zinc-300)] border-(--color) bg-white [--color:var(--color-base-content-strong)] dark:bg-zinc-900 dark:[--color:var(--color-zinc-400)]\",\n },\n true: {\n box: \"border-(--color) bg-(--color) forced-colors:[--color:Highlight]!\",\n },\n },\n isInvalid: {\n true: {\n box: \"group-pressed:[--color:var(--color-interaction-critical-active)] dark:group-pressed:[--color:var(--color-red-700)] [--color:var(--color-interaction-critical-default)] dark:[--color:var(--color-red-600)] forced-colors:[--color:Mark]!\",\n },\n },\n },\n compoundVariants: [\n {\n color: \"default\",\n isSelected: true,\n className: {\n box: \"group-pressed:[--color:var(--color-interaction-main-active)] dark:group-pressed:[--color:var(--color-slate-200)] [--color:var(--color-interaction-main-default)] dark:[--color:var(--color-slate-300)]\",\n },\n },\n {\n isDisabled: true,\n isSelected: true,\n className: {\n box: \"[--color:var(--color-interaction-support-disabled-content)]\",\n },\n },\n {\n isInvalid: true,\n isSelected: true,\n className: {\n box: \"group-pressed:[--color:var(--color-interaction-critical-active)] [--color:var(--color-interaction-critical-default)] dark:[--color:var(--color-red-600)]\",\n },\n },\n ],\n defaultVariants: {\n size: \"md\",\n color: \"default\",\n },\n})\n\nexport type CheckboxVariantProps = VariantProps<typeof checkboxStyles>\nexport type CheckboxSlots = keyof ReturnType<typeof checkboxStyles>\n\nexport const checkboxGroupStyles = tv({\n base: \"flex w-full flex-col\",\n variants: {\n size: {\n xs: \"\",\n sm: \"\",\n md: \"\",\n },\n },\n})\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunk5DZEJPPYjs = require('./chunk-5DZEJPPY.js');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
|
|
@@ -12,7 +12,7 @@ var tagFieldStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
12
12
|
label: "",
|
|
13
13
|
group: "flex-wrap items-start",
|
|
14
14
|
tag: [
|
|
15
|
-
...
|
|
15
|
+
..._chunk5DZEJPPYjs.focusVisibleClasses,
|
|
16
16
|
"bg-interaction-main-subtle-default hover:bg-interaction-main-subtle-hover focus:bg-interaction-main-subtle-hover text-interaction-main-default flex cursor-pointer flex-row items-center gap-1 rounded-md transition"
|
|
17
17
|
],
|
|
18
18
|
tagText: "line-clamp-1",
|
|
@@ -63,4 +63,4 @@ var tagFieldStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
63
63
|
|
|
64
64
|
|
|
65
65
|
exports.tagFieldStyles = tagFieldStyles;
|
|
66
|
-
//# sourceMappingURL=chunk-
|
|
66
|
+
//# sourceMappingURL=chunk-LG22OEO3.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-LG22OEO3.js","../src/components/tag-field.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,eAAA,EAAiB,iCAAA;AAAG,EAC/B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,qBAAA;AAAA,IACN,KAAA,EAAO,EAAA;AAAA,IACP,KAAA,EAAO,uBAAA;AAAA,IACP,GAAA,EAAK;AAAA,MACH,GAAG,oCAAA;AAAA,MACH;AAAA,IACF,CAAA;AAAA,IACA,OAAA,EAAS,cAAA;AAAA,IACT,OAAA,EAAS,yBAAA;AAAA,IACT,KAAA,EAAO,qBAAA;AAAA,IACP,OAAA,EAAS,4CAAA;AAAA,IACT,WAAA,EAAa,EAAA;AAAA,IACb,KAAA,EAAO,EAAA;AAAA,IACP,OAAA,EAAS,gBAAA;AAAA,IACT,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,KAAA,EAAO;AAAA,MACT;AAAA,IACF,CAAA;AAAA,IACA,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,sCAAA;AAAA,QACP,KAAA,EAAO,6CAAA;AAAA,QACP,GAAA,EAAK,oCAAA;AAAA,QACL,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,yCAAA;AAAA,QACP,KAAA,EAAO,UAAA;AAAA,QACP,GAAA,EAAK,0BAAA;AAAA,QACL,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,yCAAA;AAAA,QACP,KAAA,EAAO,UAAA;AAAA,QACP,GAAA,EAAK,2BAAA;AAAA,QACL,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADID;AACA;AACE;AACF,wCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-LG22OEO3.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const tagFieldStyles = tv({\n slots: {\n root: \"flex flex-col gap-2\",\n label: \"\",\n group: \"flex-wrap items-start\",\n tag: [\n ...focusVisibleClasses,\n \"bg-interaction-main-subtle-default hover:bg-interaction-main-subtle-hover focus:bg-interaction-main-subtle-hover text-interaction-main-default flex cursor-pointer flex-row items-center gap-1 rounded-md transition\",\n ],\n tagText: \"line-clamp-1\",\n tagIcon: \"shrink-0 cursor-pointer\",\n field: \"h-auto min-w-24 p-0\",\n trigger: \"flex items-center aria-expanded:rotate-180\",\n description: \"\",\n error: \"\",\n popover: \"rounded-t-none\",\n list: \"relative z-10 max-h-80 w-(--trigger-width) overflow-y-auto p-0\",\n },\n variants: {\n isDisabled: {\n true: {\n group: \"\",\n },\n },\n variant: {},\n size: {\n xs: {\n group: \"prose-body-2 min-h-9 gap-1 px-2 py-1\",\n field: \"placeholder:prose-subhead-5 my-0.5 h-5 px-1\",\n tag: \"prose-caption-1 my-0.5 px-2 py-0.5\",\n tagIcon: \"size-3.5\",\n trigger: \"h-6 w-4\",\n },\n sm: {\n group: \"prose-body-2 min-h-10 gap-1 px-2 py-1.5\",\n field: \"h-6 px-1\",\n tag: \"prose-body-2 px-2 py-0.5\",\n tagIcon: \"size-4.5\",\n trigger: \"h-6 w-4\",\n },\n md: {\n group: \"prose-body-1 min-h-11 gap-1 px-2 py-1.5\",\n field: \"h-7 px-2\",\n tag: \"prose-subhead-2 px-2 py-1\",\n tagIcon: \"size-4.5\",\n trigger: \"h-7 w-5\",\n },\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n})\n\nexport type TagFieldVariantProps = VariantProps<typeof tagFieldStyles>\nexport type TagFieldSlots = keyof ReturnType<typeof tagFieldStyles>\n"]}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var _chunk7Y2HFACMjs = require('./chunk-7Y2HFACM.js');
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _chunk5DZEJPPYjs = require('./chunk-5DZEJPPY.js');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
|
|
@@ -15,7 +15,7 @@ var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
|
|
|
15
15
|
var buttonStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
16
16
|
base: _chunkZIQLHX3Ujs.cn.call(void 0,
|
|
17
17
|
"group relative box-border inline-flex h-full min-w-max cursor-pointer items-center justify-center overflow-hidden rounded text-center transition",
|
|
18
|
-
|
|
18
|
+
_chunk5DZEJPPYjs.focusVisibleClasses
|
|
19
19
|
),
|
|
20
20
|
variants: {
|
|
21
21
|
layout: {
|
|
@@ -205,4 +205,4 @@ var buttonStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
205
205
|
|
|
206
206
|
|
|
207
207
|
exports.buttonStyles = buttonStyles;
|
|
208
|
-
//# sourceMappingURL=chunk-
|
|
208
|
+
//# sourceMappingURL=chunk-OE22BFLE.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-OE22BFLE.js","../src/components/button.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACPO,IAAM,aAAA,EAAe,iCAAA;AAAG,EAC7B,IAAA,EAAM,iCAAA;AAAA,IACJ,kJAAA;AAAA,IACA;AAAA,EACF,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,MAAA,EAAQ;AAAA,MACN,OAAA,EAAS,QAAA;AAAA,MACT,OAAA,EAAS;AAAA,IACX,CAAA;AAAA,IACA,OAAA,EAAS;AAAA,MACP,KAAA,EAAO,EAAA;AAAA,MACP,KAAA,EAAO,EAAA;AAAA,MACP,OAAA,EAAS,EAAA;AAAA,MACT,OAAA,EAAS,EAAA;AAAA,MACT,KAAA,EAAO,EAAA;AAAA,MACP,QAAA,EAAU;AAAA,IACZ,CAAA;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM,EAAA;AAAA,MACN,OAAA,EAAS,EAAA;AAAA,MACT,OAAA,EAAS,EAAA;AAAA,MACT,QAAA,EAAU,EAAA;AAAA,MACV,GAAA,EAAK,EAAA;AAAA,MACL,OAAA,EAAS,EAAA;AAAA,MACT,OAAA,EAAS;AAAA,IACX,CAAA;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,IAAA,EAAM,cAAA;AAAA,MACN,EAAA,EAAI,YAAA;AAAA,MACJ,OAAA,EAAS,SAAA;AAAA,MACT,EAAA,EAAI,YAAA;AAAA,MACJ,EAAA,EAAI,YAAA;AAAA,MACJ,IAAA,EAAM;AAAA,IACR,CAAA;AAAA,IACA,cAAA,EAAgB;AAAA,MACd,IAAA,EAAM;AAAA,IACR,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,IACR,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,aAAA;AAAA,MACN,KAAA,EAAO;AAAA,IACT,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,IACR,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,8CAAA;AAAA,MACJ,EAAA,EAAI,+CAAA;AAAA,MACJ,EAAA,EAAI,iDAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF,CAAA;AAAA,EACA,gBAAA,EAAkB;AAAA;AAAA,IAEhB;AAAA,MACE,OAAA,EAAS,OAAA;AAAA,MACT,KAAA,EAAO,MAAA;AAAA,MACP,SAAA,EAAW,uCAAA,CAAuB,KAAA,CAAM;AAAA,IAC1C,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,OAAA;AAAA,MACT,KAAA,EAAO,KAAA;AAAA,MACP,SAAA,EAAW,uCAAA,CAAuB,KAAA,CAAM;AAAA,IAC1C,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,OAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,SAAA,EAAW,uCAAA,CAAuB,KAAA,CAAM;AAAA,IAC1C,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,OAAA;AAAA,MACT,KAAA,EAAO,UAAA;AAAA,MACP,SAAA,EAAW,uCAAA,CAAuB,KAAA,CAAM;AAAA,IAC1C,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,OAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,SAAA,EAAW,uCAAA,CAAuB,KAAA,CAAM;AAAA,IAC1C,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,OAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,SAAA,EAAW,uCAAA,CAAuB,KAAA,CAAM;AAAA,IAC1C,CAAA;AAAA;AAAA,IAEA;AAAA,MACE,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO,MAAA;AAAA,MACP,SAAA,EAAW,uCAAA,CAAuB,OAAA,CAAQ;AAAA,IAC5C,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO,UAAA;AAAA,MACP,SAAA,EAAW,uCAAA,CAAuB,OAAA,CAAQ;AAAA,IAC5C,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO,KAAA;AAAA,MACP,SAAA,EAAW,uCAAA,CAAuB,OAAA,CAAQ;AAAA,IAC5C,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,SAAA,EAAW,uCAAA,CAAuB,OAAA,CAAQ;AAAA,IAC5C,CAAA;AAAA;AAAA,IAEA;AAAA,MACE,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO,MAAA;AAAA,MACP,SAAA,EAAW,uCAAA,CAAuB,OAAA,CAAQ;AAAA,IAC5C,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO,UAAA;AAAA,MACP,SAAA,EAAW,uCAAA,CAAuB,OAAA,CAAQ;AAAA,IAC5C,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,SAAA,EAAW,uCAAA,CAAuB,OAAA,CAAQ;AAAA,IAC5C,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO,KAAA;AAAA,MACP,SAAA,EAAW,uCAAA,CAAuB,OAAA,CAAQ;AAAA,IAC5C,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,SAAA,EAAW,uCAAA,CAAuB,OAAA,CAAQ;AAAA,IAC5C,CAAA;AAAA;AAAA,IAEA;AAAA,MACE,OAAA,EAAS,OAAA;AAAA,MACT,KAAA,EAAO,MAAA;AAAA,MACP,SAAA,EAAW,uCAAA,CAAuB,KAAA,CAAM;AAAA,IAC1C,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,OAAA;AAAA,MACT,KAAA,EAAO,UAAA;AAAA,MACP,SAAA,EAAW,uCAAA,CAAuB,KAAA,CAAM;AAAA,IAC1C,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,OAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,SAAA,EAAW,uCAAA,CAAuB,KAAA,CAAM;AAAA,IAC1C,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,OAAA;AAAA,MACT,KAAA,EAAO,KAAA;AAAA,MACP,SAAA,EAAW,uCAAA,CAAuB,KAAA,CAAM;AAAA,IAC1C,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,OAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,SAAA,EAAW,uCAAA,CAAuB,KAAA,CAAM;AAAA,IAC1C,CAAA;AAAA;AAAA,IAEA;AAAA,MACE,UAAA,EAAY,IAAA;AAAA,MACZ,IAAA,EAAM,IAAA;AAAA,MACN,KAAA,EAAO;AAAA,IACT,CAAA;AAAA,IACA;AAAA,MACE,UAAA,EAAY,IAAA;AAAA,MACZ,IAAA,EAAM,IAAA;AAAA,MACN,KAAA,EAAO;AAAA,IACT,CAAA;AAAA,IACA;AAAA,MACE,UAAA,EAAY,IAAA;AAAA,MACZ,IAAA,EAAM,IAAA;AAAA,MACN,KAAA,EAAO;AAAA,IACT,CAAA;AAAA,IACA;AAAA,MACE,UAAA,EAAY,IAAA;AAAA,MACZ,IAAA,EAAM,IAAA;AAAA,MACN,KAAA,EAAO;AAAA,IACT;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;ADSD;AACA;AACE;AACF,oCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-OE22BFLE.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 field: \"\",\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 isAttached: {\n true: \"rounded-s-none\",\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"]}
|
|
@@ -3,7 +3,7 @@ import {
|
|
|
3
3
|
} from "./chunk-C7FUGWVY.mjs";
|
|
4
4
|
import {
|
|
5
5
|
focusVisibleClasses
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-K3WA7SIJ.mjs";
|
|
7
7
|
import {
|
|
8
8
|
cn
|
|
9
9
|
} from "./chunk-HAUMMW6T.mjs";
|
|
@@ -205,4 +205,4 @@ var buttonStyles = tv({
|
|
|
205
205
|
export {
|
|
206
206
|
buttonStyles
|
|
207
207
|
};
|
|
208
|
-
//# sourceMappingURL=chunk-
|
|
208
|
+
//# sourceMappingURL=chunk-OG6PNNQ5.mjs.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunk5DZEJPPYjs = require('./chunk-5DZEJPPY.js');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
|
|
@@ -17,7 +17,7 @@ var calendarStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
17
17
|
content: "",
|
|
18
18
|
cell: [
|
|
19
19
|
"text-base-content-default outside-month:text-interaction-support-disabled-content disabled:text-interaction-support-disabled-content unavailable:text-interaction-support-disabled-content unavailable:line-through unavailable:cursor-default data-[highlighted=true]:border-utility-focus-default relative my-0.25 flex cursor-pointer items-center justify-center rounded-full border border-transparent transition-colors duration-150 disabled:cursor-default",
|
|
20
|
-
...
|
|
20
|
+
..._chunk5DZEJPPYjs.focusClasses
|
|
21
21
|
],
|
|
22
22
|
grid: "",
|
|
23
23
|
calendar: "",
|
|
@@ -110,4 +110,4 @@ var calendarStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
110
110
|
|
|
111
111
|
|
|
112
112
|
exports.calendarStyles = calendarStyles;
|
|
113
|
-
//# sourceMappingURL=chunk-
|
|
113
|
+
//# sourceMappingURL=chunk-TXUEDK3E.js.map
|