@opengovsg/oui-theme 0.0.13 → 0.0.14
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-EY432TXM.mjs → chunk-3IVEF5M7.mjs} +2 -2
- package/dist/chunk-5CEW3T3T.js +115 -0
- package/dist/chunk-5CEW3T3T.js.map +1 -0
- package/dist/{chunk-OZPPDCIJ.mjs → chunk-AS6CYS7I.mjs} +2 -2
- package/dist/{chunk-5ZLWLG6R.js → chunk-CO7LICMC.js} +3 -3
- package/dist/{chunk-5ZLWLG6R.js.map → chunk-CO7LICMC.js.map} +1 -1
- package/dist/{chunk-SFKXXWVK.mjs → chunk-E43A5ROR.mjs} +10 -1
- package/dist/chunk-E43A5ROR.mjs.map +1 -0
- package/dist/chunk-EFRBAT73.mjs +115 -0
- package/dist/chunk-EFRBAT73.mjs.map +1 -0
- package/dist/{chunk-4TOCRU3I.js → chunk-F52XBBDG.js} +3 -3
- package/dist/{chunk-4TOCRU3I.js.map → chunk-F52XBBDG.js.map} +1 -1
- package/dist/{chunk-D6ME6X3F.js → chunk-HX2YSJTR.js} +3 -3
- package/dist/{chunk-D6ME6X3F.js.map → chunk-HX2YSJTR.js.map} +1 -1
- package/dist/{chunk-XJNNSVHS.js → chunk-KLKBOAF7.js} +4 -4
- package/dist/{chunk-XJNNSVHS.js.map → chunk-KLKBOAF7.js.map} +1 -1
- package/dist/{chunk-VS4FD2JZ.mjs → chunk-KRCG5SPM.mjs} +2 -2
- package/dist/chunk-LMYYQSDD.mjs +332 -0
- package/dist/chunk-LMYYQSDD.mjs.map +1 -0
- package/dist/chunk-LTX7TV6H.js +1 -0
- package/dist/{chunk-2DNFT7QN.js.map → chunk-LTX7TV6H.js.map} +1 -1
- package/dist/chunk-MA67SUVH.js +332 -0
- package/dist/chunk-MA67SUVH.js.map +1 -0
- package/dist/{chunk-TQ3MGBT6.js → chunk-MNRXJUFJ.js} +3 -3
- package/dist/{chunk-TQ3MGBT6.js.map → chunk-MNRXJUFJ.js.map} +1 -1
- package/dist/{chunk-J43U6YH5.mjs → chunk-OJ7NRUXZ.mjs} +2 -2
- package/dist/{chunk-SUTSDQSC.mjs → chunk-PKY2UCL3.mjs} +2 -2
- package/dist/{chunk-X2UCVIR5.js → chunk-PWPTVAIL.js} +11 -2
- package/dist/chunk-PWPTVAIL.js.map +1 -0
- package/dist/{chunk-2K77M7UD.js → chunk-QON6KDRO.js} +3 -3
- package/dist/{chunk-2K77M7UD.js.map → chunk-QON6KDRO.js.map} +1 -1
- package/dist/{chunk-2NKETQ3I.mjs → chunk-R3METMPK.mjs} +2 -2
- package/dist/{chunk-NPNMMEUT.js → chunk-TTH5N3TR.js} +3 -3
- package/dist/{chunk-NPNMMEUT.js.map → chunk-TTH5N3TR.js.map} +1 -1
- package/dist/{chunk-XBNY4LLV.mjs → chunk-UGTAUPMB.mjs} +2 -2
- package/dist/chunk-ZDEFYL6G.mjs +1 -0
- 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.d.mts +189 -0
- package/dist/components/checkbox.d.ts +189 -0
- package/dist/components/checkbox.js +17 -0
- package/dist/components/checkbox.js.map +1 -0
- package/dist/components/checkbox.mjs +17 -0
- package/dist/components/checkbox.mjs.map +1 -0
- package/dist/components/govt-banner.js +4 -4
- package/dist/components/govt-banner.mjs +3 -3
- package/dist/components/index.d.mts +2 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +30 -20
- package/dist/components/index.js.map +1 -1
- package/dist/components/index.mjs +31 -21
- 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/pagination.d.mts +261 -0
- package/dist/components/pagination.d.ts +261 -0
- package/dist/components/pagination.js +12 -0
- package/dist/components/pagination.js.map +1 -0
- package/dist/components/pagination.mjs +12 -0
- package/dist/components/pagination.mjs.map +1 -0
- 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 +2 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +32 -22
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +33 -23
- package/dist/utils/classes.d.mts +2 -1
- package/dist/utils/classes.d.ts +2 -1
- package/dist/utils/classes.js +4 -2
- package/dist/utils/classes.js.map +1 -1
- package/dist/utils/classes.mjs +3 -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 +3 -3
- package/src/variants/base.css +6 -0
- package/dist/chunk-2DNFT7QN.js +0 -1
- package/dist/chunk-6ZYRWZBW.mjs +0 -1
- package/dist/chunk-SFKXXWVK.mjs.map +0 -1
- package/dist/chunk-X2UCVIR5.js.map +0 -1
- /package/dist/{chunk-EY432TXM.mjs.map → chunk-3IVEF5M7.mjs.map} +0 -0
- /package/dist/{chunk-OZPPDCIJ.mjs.map → chunk-AS6CYS7I.mjs.map} +0 -0
- /package/dist/{chunk-VS4FD2JZ.mjs.map → chunk-KRCG5SPM.mjs.map} +0 -0
- /package/dist/{chunk-J43U6YH5.mjs.map → chunk-OJ7NRUXZ.mjs.map} +0 -0
- /package/dist/{chunk-SUTSDQSC.mjs.map → chunk-PKY2UCL3.mjs.map} +0 -0
- /package/dist/{chunk-2NKETQ3I.mjs.map → chunk-R3METMPK.mjs.map} +0 -0
- /package/dist/{chunk-XBNY4LLV.mjs.map → chunk-UGTAUPMB.mjs.map} +0 -0
- /package/dist/{chunk-6ZYRWZBW.mjs.map → chunk-ZDEFYL6G.mjs.map} +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
focusVisibleClasses
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-E43A5ROR.mjs";
|
|
4
4
|
import {
|
|
5
5
|
tv
|
|
6
6
|
} from "./chunk-4JENAMGV.mjs";
|
|
@@ -110,4 +110,4 @@ var calendarStyles = tv({
|
|
|
110
110
|
export {
|
|
111
111
|
calendarStyles
|
|
112
112
|
};
|
|
113
|
-
//# sourceMappingURL=chunk-
|
|
113
|
+
//# sourceMappingURL=chunk-3IVEF5M7.mjs.map
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
var _chunkPWPTVAILjs = require('./chunk-PWPTVAIL.js');
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
|
|
10
|
+
|
|
11
|
+
// src/components/checkbox.ts
|
|
12
|
+
var checkboxStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
13
|
+
slots: {
|
|
14
|
+
box: _chunkZIQLHX3Ujs.cn.call(void 0,
|
|
15
|
+
"flex w-full shrink-0 items-center justify-center self-start rounded-sm border-2 transition",
|
|
16
|
+
_chunkPWPTVAILjs.racFocusRing.base
|
|
17
|
+
),
|
|
18
|
+
base: "group relative flex items-stretch transition",
|
|
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]"
|
|
20
|
+
},
|
|
21
|
+
variants: {
|
|
22
|
+
color: {
|
|
23
|
+
default: {
|
|
24
|
+
base: "hover:bg-interaction-muted-main-hover pressed:bg-interaction-muted-main-active"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
size: {
|
|
28
|
+
xs: {
|
|
29
|
+
box: "mt-0.5 h-4 w-4",
|
|
30
|
+
base: "prose-body-2 gap-3 px-1 py-2"
|
|
31
|
+
},
|
|
32
|
+
sm: {
|
|
33
|
+
box: "h-5 w-5",
|
|
34
|
+
base: "prose-body-2 gap-3 px-1 py-2"
|
|
35
|
+
},
|
|
36
|
+
md: {
|
|
37
|
+
base: "prose-body-1 gap-4 px-1 py-2.5",
|
|
38
|
+
box: "h-6 w-6"
|
|
39
|
+
}
|
|
40
|
+
},
|
|
41
|
+
isFocusVisible: {
|
|
42
|
+
true: {
|
|
43
|
+
box: _chunkPWPTVAILjs.racFocusRing.variants.isFocusVisible.true
|
|
44
|
+
},
|
|
45
|
+
false: {
|
|
46
|
+
box: _chunkPWPTVAILjs.racFocusRing.variants.isFocusVisible.false
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
isDisabled: {
|
|
50
|
+
false: {
|
|
51
|
+
base: "text-gray-800 dark:text-zinc-200"
|
|
52
|
+
},
|
|
53
|
+
true: {
|
|
54
|
+
base: "text-interaction-support-disabled-content dark:text-zinc-600 forced-colors:text-[GrayText]",
|
|
55
|
+
box: "[--color:var(--color-gray-200)] dark:[--color:var(--color-zinc-700)] forced-colors:[--color:GrayText]!"
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
isSelected: {
|
|
59
|
+
false: {
|
|
60
|
+
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)]"
|
|
61
|
+
},
|
|
62
|
+
true: {
|
|
63
|
+
box: "border-(--color) bg-(--color) forced-colors:[--color:Highlight]!"
|
|
64
|
+
}
|
|
65
|
+
},
|
|
66
|
+
isInvalid: {
|
|
67
|
+
true: {
|
|
68
|
+
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]!"
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
compoundVariants: [
|
|
73
|
+
{
|
|
74
|
+
color: "default",
|
|
75
|
+
isSelected: true,
|
|
76
|
+
className: {
|
|
77
|
+
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)]"
|
|
78
|
+
}
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
isDisabled: true,
|
|
82
|
+
isSelected: true,
|
|
83
|
+
className: {
|
|
84
|
+
box: "[--color:var(--color-interaction-support-disabled-content)]"
|
|
85
|
+
}
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
isInvalid: true,
|
|
89
|
+
isSelected: true,
|
|
90
|
+
className: {
|
|
91
|
+
box: "group-pressed:[--color:var(--color-interaction-critical-active)] [--color:var(--color-interaction-critical-default)] dark:[--color:var(--color-red-600)]"
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
],
|
|
95
|
+
defaultVariants: {
|
|
96
|
+
size: "md",
|
|
97
|
+
color: "default"
|
|
98
|
+
}
|
|
99
|
+
});
|
|
100
|
+
var checkboxGroupStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
101
|
+
base: "flex w-full flex-col",
|
|
102
|
+
variants: {
|
|
103
|
+
size: {
|
|
104
|
+
xs: "",
|
|
105
|
+
sm: "",
|
|
106
|
+
md: ""
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
});
|
|
110
|
+
|
|
111
|
+
|
|
112
|
+
|
|
113
|
+
|
|
114
|
+
exports.checkboxStyles = checkboxStyles; exports.checkboxGroupStyles = checkboxGroupStyles;
|
|
115
|
+
//# sourceMappingURL=chunk-5CEW3T3T.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-5CEW3T3T.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-5CEW3T3T.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"]}
|
|
@@ -6,7 +6,7 @@ import {
|
|
|
6
6
|
} from "./chunk-HAUMMW6T.mjs";
|
|
7
7
|
import {
|
|
8
8
|
focusVisibleClasses
|
|
9
|
-
} from "./chunk-
|
|
9
|
+
} from "./chunk-E43A5ROR.mjs";
|
|
10
10
|
import {
|
|
11
11
|
tv
|
|
12
12
|
} from "./chunk-4JENAMGV.mjs";
|
|
@@ -205,4 +205,4 @@ var buttonStyles = tv({
|
|
|
205
205
|
export {
|
|
206
206
|
buttonStyles
|
|
207
207
|
};
|
|
208
|
-
//# sourceMappingURL=chunk-
|
|
208
|
+
//# sourceMappingURL=chunk-AS6CYS7I.mjs.map
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _chunkPWPTVAILjs = require('./chunk-PWPTVAIL.js');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.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
|
+
_chunkPWPTVAILjs.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-CO7LICMC.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-CO7LICMC.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-CO7LICMC.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"]}
|
|
@@ -11,6 +11,14 @@ var focusVisibleClasses = [
|
|
|
11
11
|
"focus-visible:outline-solid",
|
|
12
12
|
"focus-visible:outline-2"
|
|
13
13
|
];
|
|
14
|
+
var dataFocusVisibleClasses = [
|
|
15
|
+
"outline-none",
|
|
16
|
+
"outline-transparent",
|
|
17
|
+
"outline-offset-2",
|
|
18
|
+
"data-[focus-visible=true]:outline-focus-ring",
|
|
19
|
+
"data-[focus-visible=true]:outline-solid",
|
|
20
|
+
"data-[focus-visible=true]:outline-2"
|
|
21
|
+
];
|
|
14
22
|
var focusClasses = [
|
|
15
23
|
"outline-none",
|
|
16
24
|
"outline-transparent",
|
|
@@ -37,8 +45,9 @@ var racFocusRing = tv({
|
|
|
37
45
|
|
|
38
46
|
export {
|
|
39
47
|
focusVisibleClasses,
|
|
48
|
+
dataFocusVisibleClasses,
|
|
40
49
|
focusClasses,
|
|
41
50
|
groupFocusVisibleClasses,
|
|
42
51
|
racFocusRing
|
|
43
52
|
};
|
|
44
|
-
//# sourceMappingURL=chunk-
|
|
53
|
+
//# sourceMappingURL=chunk-E43A5ROR.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-focus-ring\",\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-focus-ring\",\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-focus-ring\",\n \"focus:outline-solid\",\n \"focus:outline-2\",\n] as const\n\nexport const groupFocusVisibleClasses = [\n \"in-focus-visible:z-10\",\n \"in-focus-visible:outline-2\",\n \"outline-focus-ring\",\n \"outline-offset-2\",\n] as const\n\nexport const racFocusRing = tv({\n base: \"outline-offset-2 outline-none\",\n variants: {\n isFocusVisible: {\n false: \"outline-transparent\",\n true: \"outline-focus-ring outline-2 outline-solid\",\n },\n },\n})\n"],"mappings":";;;;;AAEO,IAAM,sBAAsB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,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":[]}
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import {
|
|
2
|
+
cn
|
|
3
|
+
} from "./chunk-HAUMMW6T.mjs";
|
|
4
|
+
import {
|
|
5
|
+
racFocusRing
|
|
6
|
+
} from "./chunk-E43A5ROR.mjs";
|
|
7
|
+
import {
|
|
8
|
+
tv
|
|
9
|
+
} from "./chunk-4JENAMGV.mjs";
|
|
10
|
+
|
|
11
|
+
// src/components/checkbox.ts
|
|
12
|
+
var checkboxStyles = tv({
|
|
13
|
+
slots: {
|
|
14
|
+
box: cn(
|
|
15
|
+
"flex w-full shrink-0 items-center justify-center self-start rounded-sm border-2 transition",
|
|
16
|
+
racFocusRing.base
|
|
17
|
+
),
|
|
18
|
+
base: "group relative flex items-stretch transition",
|
|
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]"
|
|
20
|
+
},
|
|
21
|
+
variants: {
|
|
22
|
+
color: {
|
|
23
|
+
default: {
|
|
24
|
+
base: "hover:bg-interaction-muted-main-hover pressed:bg-interaction-muted-main-active"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
size: {
|
|
28
|
+
xs: {
|
|
29
|
+
box: "mt-0.5 h-4 w-4",
|
|
30
|
+
base: "prose-body-2 gap-3 px-1 py-2"
|
|
31
|
+
},
|
|
32
|
+
sm: {
|
|
33
|
+
box: "h-5 w-5",
|
|
34
|
+
base: "prose-body-2 gap-3 px-1 py-2"
|
|
35
|
+
},
|
|
36
|
+
md: {
|
|
37
|
+
base: "prose-body-1 gap-4 px-1 py-2.5",
|
|
38
|
+
box: "h-6 w-6"
|
|
39
|
+
}
|
|
40
|
+
},
|
|
41
|
+
isFocusVisible: {
|
|
42
|
+
true: {
|
|
43
|
+
box: racFocusRing.variants.isFocusVisible.true
|
|
44
|
+
},
|
|
45
|
+
false: {
|
|
46
|
+
box: racFocusRing.variants.isFocusVisible.false
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
isDisabled: {
|
|
50
|
+
false: {
|
|
51
|
+
base: "text-gray-800 dark:text-zinc-200"
|
|
52
|
+
},
|
|
53
|
+
true: {
|
|
54
|
+
base: "text-interaction-support-disabled-content dark:text-zinc-600 forced-colors:text-[GrayText]",
|
|
55
|
+
box: "[--color:var(--color-gray-200)] dark:[--color:var(--color-zinc-700)] forced-colors:[--color:GrayText]!"
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
isSelected: {
|
|
59
|
+
false: {
|
|
60
|
+
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)]"
|
|
61
|
+
},
|
|
62
|
+
true: {
|
|
63
|
+
box: "border-(--color) bg-(--color) forced-colors:[--color:Highlight]!"
|
|
64
|
+
}
|
|
65
|
+
},
|
|
66
|
+
isInvalid: {
|
|
67
|
+
true: {
|
|
68
|
+
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]!"
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
compoundVariants: [
|
|
73
|
+
{
|
|
74
|
+
color: "default",
|
|
75
|
+
isSelected: true,
|
|
76
|
+
className: {
|
|
77
|
+
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)]"
|
|
78
|
+
}
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
isDisabled: true,
|
|
82
|
+
isSelected: true,
|
|
83
|
+
className: {
|
|
84
|
+
box: "[--color:var(--color-interaction-support-disabled-content)]"
|
|
85
|
+
}
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
isInvalid: true,
|
|
89
|
+
isSelected: true,
|
|
90
|
+
className: {
|
|
91
|
+
box: "group-pressed:[--color:var(--color-interaction-critical-active)] [--color:var(--color-interaction-critical-default)] dark:[--color:var(--color-red-600)]"
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
],
|
|
95
|
+
defaultVariants: {
|
|
96
|
+
size: "md",
|
|
97
|
+
color: "default"
|
|
98
|
+
}
|
|
99
|
+
});
|
|
100
|
+
var checkboxGroupStyles = tv({
|
|
101
|
+
base: "flex w-full flex-col",
|
|
102
|
+
variants: {
|
|
103
|
+
size: {
|
|
104
|
+
xs: "",
|
|
105
|
+
sm: "",
|
|
106
|
+
md: ""
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
});
|
|
110
|
+
|
|
111
|
+
export {
|
|
112
|
+
checkboxStyles,
|
|
113
|
+
checkboxGroupStyles
|
|
114
|
+
};
|
|
115
|
+
//# sourceMappingURL=chunk-EFRBAT73.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/checkbox.ts"],"sourcesContent":["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"],"mappings":";;;;;;;;;;;AAMO,IAAM,iBAAiB,GAAG;AAAA,EAC/B,OAAO;AAAA,IACL,KAAK;AAAA,MACH;AAAA,MACA,aAAa;AAAA,IACf;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,QACP,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,KAAK;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,KAAK;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,KAAK;AAAA,MACP;AAAA,IACF;AAAA,IACA,gBAAgB;AAAA,MACd,MAAM;AAAA,QACJ,KAAK,aAAa,SAAS,eAAe;AAAA,MAC5C;AAAA,MACA,OAAO;AAAA,QACL,KAAK,aAAa,SAAS,eAAe;AAAA,MAC5C;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,KAAK;AAAA,MACP;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,QACL,KAAK;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACJ,KAAK;AAAA,MACP;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,KAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,WAAW;AAAA,QACT,KAAK;AAAA,MACP;AAAA,IACF;AAAA,IACA;AAAA,MACE,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,WAAW;AAAA,QACT,KAAK;AAAA,MACP;AAAA,IACF;AAAA,IACA;AAAA,MACE,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,WAAW;AAAA,QACT,KAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF,CAAC;AAKM,IAAM,sBAAsB,GAAG;AAAA,EACpC,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AACF,CAAC;","names":[]}
|
|
@@ -7,14 +7,14 @@ var _chunk7Y2HFACMjs = require('./chunk-7Y2HFACM.js');
|
|
|
7
7
|
var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _chunkPWPTVAILjs = require('./chunk-PWPTVAIL.js');
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
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: _chunkPWPTVAILjs.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-F52XBBDG.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-4TOCRU3I.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-4TOCRU3I.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-F52XBBDG.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-F52XBBDG.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"]}
|
|
@@ -6,7 +6,7 @@ var _chunk7Y2HFACMjs = require('./chunk-7Y2HFACM.js');
|
|
|
6
6
|
var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var _chunkPWPTVAILjs = require('./chunk-PWPTVAIL.js');
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.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
|
+
_chunkPWPTVAILjs.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-HX2YSJTR.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-HX2YSJTR.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-HX2YSJTR.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"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunkPWPTVAILjs = require('./chunk-PWPTVAIL.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: _chunkPWPTVAILjs.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: _chunkPWPTVAILjs.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-KLKBOAF7.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-XJNNSVHS.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-XJNNSVHS.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-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,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
focusVisibleClasses
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-E43A5ROR.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-KRCG5SPM.mjs.map
|