@opengovsg/oui-theme 0.0.4 → 0.0.5
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-OSIMQ4I6.js → chunk-2YW3O3BV.js} +5 -5
- package/dist/{chunk-OSIMQ4I6.js.map → chunk-2YW3O3BV.js.map} +1 -1
- package/dist/{chunk-LV3YKAIH.js → chunk-3GUL7NAV.js} +1 -1
- package/dist/chunk-3GUL7NAV.js.map +1 -0
- package/dist/{chunk-WLVKPCAW.mjs → chunk-43I4FEYX.mjs} +2 -2
- package/dist/chunk-43I4FEYX.mjs.map +1 -0
- package/dist/{chunk-BGCTGU25.js → chunk-4HJADAKB.js} +3 -3
- package/dist/{chunk-BGCTGU25.js.map → chunk-4HJADAKB.js.map} +1 -1
- package/dist/{chunk-5VYQMWMZ.js → chunk-677MPYSL.js} +22 -22
- package/dist/{chunk-5VYQMWMZ.js.map → chunk-677MPYSL.js.map} +1 -1
- package/dist/chunk-AHHCX72Y.mjs +40 -0
- package/dist/chunk-AHHCX72Y.mjs.map +1 -0
- package/dist/chunk-ATN4OFA4.js +119 -0
- package/dist/chunk-ATN4OFA4.js.map +1 -0
- package/dist/{chunk-WTYHPAGQ.js → chunk-DB7X5OUP.js} +2 -2
- package/dist/{chunk-WTYHPAGQ.js.map → chunk-DB7X5OUP.js.map} +1 -1
- package/dist/{chunk-6I5HW6G2.mjs → chunk-IAY272MS.mjs} +2 -2
- package/dist/chunk-IG5PS6RH.mjs +1 -0
- package/dist/chunk-MNY5DC4A.js +1 -0
- package/dist/{chunk-SOCDAXB2.js.map → chunk-MNY5DC4A.js.map} +1 -1
- package/dist/{chunk-HTU3V6IU.mjs → chunk-RKCURSL5.mjs} +2 -2
- package/dist/chunk-SCEZEIC2.mjs +119 -0
- package/dist/chunk-SCEZEIC2.mjs.map +1 -0
- package/dist/chunk-SNEPLJSL.js +40 -0
- package/dist/chunk-SNEPLJSL.js.map +1 -0
- package/dist/{chunk-JAQCLNC3.mjs → chunk-TBOBJYPO.mjs} +1 -1
- package/dist/chunk-TBOBJYPO.mjs.map +1 -0
- package/dist/{chunk-SOOR7R6F.mjs → chunk-Z5EKAZRY.mjs} +2 -2
- package/dist/components/button.d.mts +1 -1
- package/dist/components/button.d.ts +1 -1
- package/dist/components/button.js +4 -4
- package/dist/components/button.mjs +3 -3
- package/dist/components/combo-box.js +3 -3
- package/dist/components/combo-box.mjs +2 -2
- package/dist/components/field.js +2 -2
- package/dist/components/field.mjs +1 -1
- package/dist/components/govt-banner.js +1 -1
- package/dist/components/govt-banner.mjs +1 -1
- package/dist/components/index.d.mts +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +20 -12
- package/dist/components/index.js.map +1 -1
- package/dist/components/index.mjs +19 -11
- package/dist/components/input.js +2 -2
- package/dist/components/input.mjs +1 -1
- package/dist/components/select.d.mts +459 -0
- package/dist/components/select.d.ts +459 -0
- package/dist/components/select.js +13 -0
- package/dist/components/select.js.map +1 -0
- package/dist/components/select.mjs +13 -0
- package/dist/components/select.mjs.map +1 -0
- package/dist/components/tag-field.js +1 -1
- package/dist/components/tag-field.mjs +1 -1
- package/dist/components/text-area.js +3 -3
- package/dist/components/text-area.mjs +2 -2
- package/dist/components/toggle.js +1 -1
- package/dist/components/toggle.mjs +1 -1
- package/dist/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +20 -12
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +19 -11
- package/dist/utils/index.js +1 -1
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/index.mjs +1 -1
- package/dist/utils/variants.d.mts +6 -6
- package/dist/utils/variants.d.ts +6 -6
- package/dist/utils/variants.js +2 -2
- package/dist/utils/variants.mjs +1 -1
- package/package.json +5 -4
- package/src/tailwind.css +1 -0
- package/dist/chunk-DBQIIY6U.js +0 -40
- package/dist/chunk-DBQIIY6U.js.map +0 -1
- package/dist/chunk-IVOSH3A7.mjs +0 -40
- package/dist/chunk-IVOSH3A7.mjs.map +0 -1
- package/dist/chunk-JAQCLNC3.mjs.map +0 -1
- package/dist/chunk-KK47HKQ6.mjs +0 -1
- package/dist/chunk-LV3YKAIH.js.map +0 -1
- package/dist/chunk-SOCDAXB2.js +0 -1
- package/dist/chunk-WLVKPCAW.mjs.map +0 -1
- /package/dist/{chunk-6I5HW6G2.mjs.map → chunk-IAY272MS.mjs.map} +0 -0
- /package/dist/{chunk-KK47HKQ6.mjs.map → chunk-IG5PS6RH.mjs.map} +0 -0
- /package/dist/{chunk-HTU3V6IU.mjs.map → chunk-RKCURSL5.mjs.map} +0 -0
- /package/dist/{chunk-SOOR7R6F.mjs.map → chunk-Z5EKAZRY.mjs.map} +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunkDB7X5OUPjs = require('./chunk-DB7X5OUP.js');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
|
|
@@ -32,19 +32,19 @@ var comboBoxStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
32
32
|
size: {
|
|
33
33
|
xs: {
|
|
34
34
|
field: "px-3",
|
|
35
|
-
group: [
|
|
35
|
+
group: [_chunkDB7X5OUPjs.inputStyles.variants.size.xs, "gap-1 px-0"],
|
|
36
36
|
expandButton: "-my-2 h-9 px-3",
|
|
37
37
|
icon: "h-4 w-4"
|
|
38
38
|
},
|
|
39
39
|
sm: {
|
|
40
40
|
popover: "mt-1",
|
|
41
41
|
field: "px-3",
|
|
42
|
-
group: [
|
|
42
|
+
group: [_chunkDB7X5OUPjs.inputStyles.variants.size.sm, "gap-1 px-0"],
|
|
43
43
|
expandButton: "-my-2.5 h-10 px-3",
|
|
44
44
|
icon: "h-4 w-4"
|
|
45
45
|
},
|
|
46
46
|
md: {
|
|
47
|
-
group: [
|
|
47
|
+
group: [_chunkDB7X5OUPjs.inputStyles.variants.size.md, "gap-1 px-0"],
|
|
48
48
|
field: "px-4",
|
|
49
49
|
expandButton: "-my-2 h-11 px-4",
|
|
50
50
|
icon: "h-5 w-5"
|
|
@@ -133,4 +133,4 @@ var comboBoxClearButtonStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
133
133
|
|
|
134
134
|
|
|
135
135
|
exports.comboBoxStyles = comboBoxStyles; exports.comboBoxItemStyles = comboBoxItemStyles; exports.comboBoxClearButtonStyles = comboBoxClearButtonStyles;
|
|
136
|
-
//# sourceMappingURL=chunk-
|
|
136
|
+
//# sourceMappingURL=chunk-2YW3O3BV.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-2YW3O3BV.js","../src/components/combo-box.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-2YW3O3BV.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\nimport { inputStyles } from \"./input\"\n\nexport const comboBoxStyles = tv({\n slots: {\n container: \"group isolate flex flex-col gap-2\",\n label: \"\",\n group: \"z-10 flex-1\",\n expandButton: \"h-full cursor-pointer\",\n icon: \"\",\n field: \"h-full w-full overflow-ellipsis outline-hidden\",\n popover: \"mt-0.5 w-(--trigger-width) overflow-hidden bg-white shadow-sm\",\n list: \"w-unset block max-h-[300px] min-h-0 overflow-y-auto\",\n },\n base: [],\n variants: {\n isClearable: {\n true: {\n group: \"rounded-r-none\",\n },\n },\n isDisabled: {\n true: {\n expandButton:\n \"text-interaction-support-disabled-content cursor-default\",\n },\n },\n size: {\n xs: {\n field: \"px-3\",\n group: [inputStyles.variants.size.xs, \"gap-1 px-0\"],\n expandButton: \"-my-2 h-9 px-3\",\n icon: \"h-4 w-4\",\n },\n sm: {\n popover: \"mt-1\",\n field: \"px-3\",\n group: [inputStyles.variants.size.sm, \"gap-1 px-0\"],\n expandButton: \"-my-2.5 h-10 px-3\",\n icon: \"h-4 w-4\",\n },\n md: {\n group: [inputStyles.variants.size.md, \"gap-1 px-0\"],\n field: \"px-4\",\n expandButton: \"-my-2 h-11 px-4\",\n icon: \"h-5 w-5\",\n },\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n})\n\nexport type ComboBoxVariantProps = VariantProps<typeof comboBoxStyles>\nexport type ComboBoxSlots = keyof ReturnType<typeof comboBoxStyles>\n\nexport const comboBoxItemStyles = tv({\n slots: {\n container: \"text-base-content-strong flex cursor-pointer flex-col\",\n label: \"\",\n description: \"text-base-content-medium\",\n },\n variants: {\n size: {\n xs: {\n container: \"prose-body-2 px-3 py-3\",\n description: \"prose-body-2\",\n },\n sm: {\n container: \"prose-body-2 px-3 py-3\",\n description: \"prose-body-2\",\n },\n md: { container: \"prose-body-1 px-4 py-3\", description: \"prose-body-2\" },\n },\n isFocused: {\n true: { container: \"bg-interaction-muted-main-hover\" },\n },\n isSelected: {\n true: { container: \"bg-interaction-muted-main-active\" },\n },\n isDisabled: {\n true: { container: \"cursor-not-allowed\" },\n },\n },\n compoundVariants: [\n {\n size: \"md\",\n isSelected: true,\n className: { container: \"prose-subhead-1\" },\n },\n {\n size: [\"sm\", \"xs\"],\n isSelected: true,\n className: { container: \"prose-subhead-2\" },\n },\n ],\n defaultVariants: {\n size: \"md\",\n },\n})\n\nexport type ComboBoxItemVariantProps = VariantProps<typeof comboBoxItemStyles>\nexport type ComboBoxItemSlots = keyof ReturnType<typeof comboBoxItemStyles>\n\nexport const comboBoxClearButtonStyles = tv({\n base: \"border-base-divider-strong text-base-content-strong z-0 -ml-px cursor-pointer rounded-sm rounded-l-none border outline-hidden transition\",\n variants: {\n isDisabled: {\n true: \"bg-interaction-support-disabled text-interaction-support-disabled-content cursor-default\",\n },\n isInactive: {\n true: \"text-interaction-support-disabled-content\",\n },\n isHovered: {\n true: \"bg-interaction-muted-main-hover\",\n },\n isFocused: {\n true: \"border-utility-focus-default shadow-utility-focus-default z-20 shadow-[0_0_0_1px]\",\n },\n isPressed: {\n true: \"text-base-content-strong\",\n },\n size: {\n xs: \"h-9 px-2.5\",\n sm: \"h-10 px-2.5\",\n md: \"h-11 px-3\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n})\n"]}
|
|
@@ -51,4 +51,4 @@ var fieldErrorStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
51
51
|
|
|
52
52
|
|
|
53
53
|
exports.labelStyles = labelStyles; exports.descriptionStyles = descriptionStyles; exports.fieldErrorStyles = fieldErrorStyles;
|
|
54
|
-
//# sourceMappingURL=chunk-
|
|
54
|
+
//# sourceMappingURL=chunk-3GUL7NAV.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-3GUL7NAV.js","../src/components/field.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,YAAA,EAAc,iCAAA;AAAG,EAC5B,IAAA,EAAM,+CAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,iBAAA;AAAA,MACJ,EAAA,EAAI,iBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAIM,IAAM,kBAAA,EAAoB,iCAAA;AAAG,EAClC,IAAA,EAAM,0BAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,cAAA;AAAA,MACJ,EAAA,EAAI,cAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAIM,IAAM,iBAAA,EAAmB,iCAAA;AAAG,EACjC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA,IACN,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,EAAE,IAAA,EAAM,cAAA,EAAgB,IAAA,EAAM,UAAU,CAAA;AAAA,MAC5C,EAAA,EAAI,EAAE,IAAA,EAAM,cAAA,EAAgB,IAAA,EAAM,UAAU,CAAA;AAAA,MAC5C,EAAA,EAAI,EAAE,IAAA,EAAM,cAAA,EAAgB,IAAA,EAAM,UAAU;AAAA,IAC9C;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADJD;AACA;AACE;AACA;AACA;AACF,8HAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-3GUL7NAV.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const labelStyles = tv({\n base: \"text-base-content-strong w-fit cursor-default\",\n variants: {\n size: {\n xs: \"prose-subhead-2\",\n sm: \"prose-subhead-2\",\n md: \"prose-subhead-1\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n})\n\nexport type LabelVariantProps = VariantProps<typeof labelStyles>\n\nexport const descriptionStyles = tv({\n base: \"text-base-content-medium\",\n variants: {\n size: {\n xs: \"prose-body-2\",\n sm: \"prose-body-2\",\n md: \"prose-body-2\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n})\n\nexport type DescriptionVariantProps = VariantProps<typeof descriptionStyles>\n\nexport const fieldErrorStyles = tv({\n slots: {\n icon: \"\",\n text: \"text-utility-feedback-critical flex flex-row flex-wrap items-center gap-2\",\n },\n variants: {\n size: {\n xs: { text: \"prose-body-2\", icon: \"h-4 w-4\" },\n sm: { text: \"prose-body-2\", icon: \"h-4 w-4\" },\n md: { text: \"prose-body-2\", icon: \"h-4 w-4\" },\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n})\n\nexport type FieldErrorVariantProps = VariantProps<typeof fieldErrorStyles>\nexport type FieldErrorSlots = keyof ReturnType<typeof fieldErrorStyles>\n"]}
|
|
@@ -12,7 +12,7 @@ var inputStyles = tv({
|
|
|
12
12
|
md: "prose-body-1 h-11 px-3 py-2"
|
|
13
13
|
},
|
|
14
14
|
variant: {
|
|
15
|
-
outline: "border-base-divider-strong invalid:border-interaction-critical
|
|
15
|
+
outline: "border-base-divider-strong invalid:border-interaction-critical-default focus:border-utility-focus-default shadow-utility-focus-default border not-motion-reduce:transition-shadow focus:shadow-[0_0_0_1px]",
|
|
16
16
|
unstyled: ""
|
|
17
17
|
},
|
|
18
18
|
isDisabled: {
|
|
@@ -28,4 +28,4 @@ var inputStyles = tv({
|
|
|
28
28
|
export {
|
|
29
29
|
inputStyles
|
|
30
30
|
};
|
|
31
|
-
//# sourceMappingURL=chunk-
|
|
31
|
+
//# sourceMappingURL=chunk-43I4FEYX.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/input.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const inputStyles = tv({\n base: \"text-base-content placeholder:text-interaction-support-placeholder w-full min-w-0 flex-1 rounded-sm bg-white outline-hidden\",\n variants: {\n size: {\n xs: \"prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1 h-9 px-3 py-2\",\n sm: \"prose-body-2 max-sm:prose-body-1 h-10 px-3 py-2.5\",\n md: \"prose-body-1 h-11 px-3 py-2\",\n },\n variant: {\n outline:\n \"border-base-divider-strong invalid:border-interaction-critical-default focus:border-utility-focus-default shadow-utility-focus-default border not-motion-reduce:transition-shadow focus:shadow-[0_0_0_1px]\",\n unstyled: \"\",\n },\n isDisabled: {\n true: \"text-interaction-support-disabled-content bg-interaction-support-disabled placeholder:text-interaction-support-disabled-content\",\n },\n },\n defaultVariants: {\n size: \"md\",\n variant: \"outline\",\n },\n})\n\nexport type InputVariantProps = VariantProps<typeof inputStyles>\n"],"mappings":";;;;;AAIO,IAAM,cAAc,GAAG;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,SAAS;AAAA,MACP,SACE;AAAA,MACF,UAAU;AAAA,IACZ;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;","names":[]}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunkDB7X5OUPjs = require('./chunk-DB7X5OUP.js');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
|
|
7
7
|
|
|
8
8
|
// src/components/text-area.ts
|
|
9
9
|
var textAreaStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
10
|
-
extend:
|
|
10
|
+
extend: _chunkDB7X5OUPjs.inputStyles,
|
|
11
11
|
base: [],
|
|
12
12
|
variants: {
|
|
13
13
|
variant: {},
|
|
@@ -23,4 +23,4 @@ var textAreaStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
23
23
|
|
|
24
24
|
|
|
25
25
|
exports.textAreaStyles = textAreaStyles;
|
|
26
|
-
//# sourceMappingURL=chunk-
|
|
26
|
+
//# sourceMappingURL=chunk-4HJADAKB.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-4HJADAKB.js","../src/components/text-area.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,eAAA,EAAiB,iCAAA;AAAG,EAC/B,MAAA,EAAQ,4BAAA;AAAA,EACR,IAAA,EAAM,CAAC,CAAA;AAAA,EACP,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,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,CAAC;AACpB,CAAC,CAAA;ADID;AACA;AACE;AACF,wCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-4HJADAKB.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\nimport { inputStyles } from \"./input\"\n\nexport const textAreaStyles = tv({\n extend: inputStyles,\n base: [],\n variants: {\n variant: {},\n size: {\n xs: \"h-auto\",\n sm: \"h-auto\",\n md: \"h-auto\",\n },\n },\n defaultVariants: {},\n})\n\nexport type TextAreaVariantProps = VariantProps<typeof textAreaStyles>\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunkSNEPLJSLjs = require('./chunk-SNEPLJSL.js');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
var _chunkX2UCVIR5js = require('./chunk-X2UCVIR5.js');
|
|
@@ -68,105 +68,105 @@ var buttonStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
68
68
|
{
|
|
69
69
|
variant: "solid",
|
|
70
70
|
color: "main",
|
|
71
|
-
className:
|
|
71
|
+
className: _chunkSNEPLJSLjs.colorVariants.solid.main
|
|
72
72
|
},
|
|
73
73
|
{
|
|
74
74
|
variant: "solid",
|
|
75
75
|
color: "sub",
|
|
76
|
-
className:
|
|
76
|
+
className: _chunkSNEPLJSLjs.colorVariants.solid.sub
|
|
77
77
|
},
|
|
78
78
|
{
|
|
79
79
|
variant: "solid",
|
|
80
80
|
color: "neutral",
|
|
81
|
-
className:
|
|
81
|
+
className: _chunkSNEPLJSLjs.colorVariants.solid.neutral
|
|
82
82
|
},
|
|
83
83
|
{
|
|
84
84
|
variant: "solid",
|
|
85
85
|
color: "critical",
|
|
86
|
-
className:
|
|
86
|
+
className: _chunkSNEPLJSLjs.colorVariants.solid.critical
|
|
87
87
|
},
|
|
88
88
|
{
|
|
89
89
|
variant: "solid",
|
|
90
90
|
color: "warning",
|
|
91
|
-
className:
|
|
91
|
+
className: _chunkSNEPLJSLjs.colorVariants.solid.warning
|
|
92
92
|
},
|
|
93
93
|
{
|
|
94
94
|
variant: "solid",
|
|
95
95
|
color: "success",
|
|
96
|
-
className:
|
|
96
|
+
className: _chunkSNEPLJSLjs.colorVariants.solid.success
|
|
97
97
|
},
|
|
98
98
|
// reverse / color
|
|
99
99
|
{
|
|
100
100
|
variant: "reverse",
|
|
101
101
|
color: "main",
|
|
102
|
-
className:
|
|
102
|
+
className: _chunkSNEPLJSLjs.colorVariants.reverse.main
|
|
103
103
|
},
|
|
104
104
|
{
|
|
105
105
|
variant: "reverse",
|
|
106
106
|
color: "critical",
|
|
107
|
-
className:
|
|
107
|
+
className: _chunkSNEPLJSLjs.colorVariants.reverse.critical
|
|
108
108
|
},
|
|
109
109
|
{
|
|
110
110
|
variant: "reverse",
|
|
111
111
|
color: "sub",
|
|
112
|
-
className:
|
|
112
|
+
className: _chunkSNEPLJSLjs.colorVariants.reverse.sub
|
|
113
113
|
},
|
|
114
114
|
{
|
|
115
115
|
variant: "reverse",
|
|
116
116
|
color: "neutral",
|
|
117
|
-
className:
|
|
117
|
+
className: _chunkSNEPLJSLjs.colorVariants.reverse.neutral
|
|
118
118
|
},
|
|
119
119
|
// outline / color
|
|
120
120
|
{
|
|
121
121
|
variant: "outline",
|
|
122
122
|
color: "main",
|
|
123
|
-
className:
|
|
123
|
+
className: _chunkSNEPLJSLjs.colorVariants.outline.main
|
|
124
124
|
},
|
|
125
125
|
{
|
|
126
126
|
variant: "outline",
|
|
127
127
|
color: "critical",
|
|
128
|
-
className:
|
|
128
|
+
className: _chunkSNEPLJSLjs.colorVariants.outline.critical
|
|
129
129
|
},
|
|
130
130
|
{
|
|
131
131
|
variant: "outline",
|
|
132
132
|
color: "neutral",
|
|
133
|
-
className:
|
|
133
|
+
className: _chunkSNEPLJSLjs.colorVariants.outline.neutral
|
|
134
134
|
},
|
|
135
135
|
{
|
|
136
136
|
variant: "outline",
|
|
137
137
|
color: "sub",
|
|
138
|
-
className:
|
|
138
|
+
className: _chunkSNEPLJSLjs.colorVariants.outline.sub
|
|
139
139
|
},
|
|
140
140
|
{
|
|
141
141
|
variant: "outline",
|
|
142
142
|
color: "inverse",
|
|
143
|
-
className:
|
|
143
|
+
className: _chunkSNEPLJSLjs.colorVariants.outline.inverse
|
|
144
144
|
},
|
|
145
145
|
// clear / color
|
|
146
146
|
{
|
|
147
147
|
variant: "clear",
|
|
148
148
|
color: "main",
|
|
149
|
-
className:
|
|
149
|
+
className: _chunkSNEPLJSLjs.colorVariants.clear.main
|
|
150
150
|
},
|
|
151
151
|
{
|
|
152
152
|
variant: "clear",
|
|
153
153
|
color: "critical",
|
|
154
|
-
className:
|
|
154
|
+
className: _chunkSNEPLJSLjs.colorVariants.clear.critical
|
|
155
155
|
},
|
|
156
156
|
{
|
|
157
157
|
variant: "clear",
|
|
158
158
|
color: "neutral",
|
|
159
|
-
className:
|
|
159
|
+
className: _chunkSNEPLJSLjs.colorVariants.clear.neutral
|
|
160
160
|
},
|
|
161
161
|
{
|
|
162
162
|
variant: "clear",
|
|
163
163
|
color: "sub",
|
|
164
|
-
className:
|
|
164
|
+
className: _chunkSNEPLJSLjs.colorVariants.clear.sub
|
|
165
165
|
},
|
|
166
166
|
{
|
|
167
167
|
variant: "clear",
|
|
168
168
|
color: "inverse",
|
|
169
|
-
className:
|
|
169
|
+
className: _chunkSNEPLJSLjs.colorVariants.clear.inverse
|
|
170
170
|
},
|
|
171
171
|
// iconbutton / size
|
|
172
172
|
{
|
|
@@ -201,4 +201,4 @@ var buttonStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
201
201
|
|
|
202
202
|
|
|
203
203
|
exports.buttonStyles = buttonStyles;
|
|
204
|
-
//# sourceMappingURL=chunk-
|
|
204
|
+
//# sourceMappingURL=chunk-677MPYSL.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-677MPYSL.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-677MPYSL.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn, focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\nimport { colorVariants } from \"../utils/variants\"\n\nexport const buttonStyles = tv({\n base: cn(\n \"group relative box-border inline-flex h-full min-w-max cursor-pointer items-center justify-center overflow-hidden rounded text-center transition\",\n focusVisibleClasses,\n ),\n variants: {\n layout: {\n stretch: \"w-full\",\n default: \"\",\n },\n variant: {\n solid: \"\",\n reverse: \"\",\n outline: \"\",\n clear: \"\",\n unstyled: \"\",\n },\n color: {\n main: \"\",\n success: \"\",\n warning: \"\",\n critical: \"\",\n sub: \"\",\n neutral: \"\",\n inverse: \"\",\n },\n radius: {\n none: \"rounded-none\",\n sm: \"rounded-sm\",\n default: \"rounded\",\n md: \"rounded-md\",\n lg: \"rounded-lg\",\n full: \"rounded-full\",\n },\n isFocusVisible: {\n true: \"\",\n },\n isDisabled: {\n true: \"cursor-not-allowed\",\n },\n isIconOnly: {\n true: \"!gap-0 px-0\",\n false: \"[&>svg]:max-w-[theme(spacing.8)]\",\n },\n size: {\n xs: \"prose-subhead-2 h-9 min-w-16 gap-2 px-4 py-2\",\n sm: \"prose-subhead-1 h-10 min-w-20 gap-2 px-4 py-2\",\n md: \"prose-subhead-1 h-11 min-w-24 gap-3 px-4 py-2.5\",\n lg: \"prose-subhead-1 h-14 min-w-28 gap-3 px-4 py-4\",\n },\n },\n compoundVariants: [\n // solid / color\n {\n variant: \"solid\",\n color: \"main\",\n className: colorVariants.solid.main,\n },\n {\n variant: \"solid\",\n color: \"sub\",\n className: colorVariants.solid.sub,\n },\n {\n variant: \"solid\",\n color: \"neutral\",\n className: colorVariants.solid.neutral,\n },\n {\n variant: \"solid\",\n color: \"critical\",\n className: colorVariants.solid.critical,\n },\n {\n variant: \"solid\",\n color: \"warning\",\n className: colorVariants.solid.warning,\n },\n {\n variant: \"solid\",\n color: \"success\",\n className: colorVariants.solid.success,\n },\n // reverse / color\n {\n variant: \"reverse\",\n color: \"main\",\n className: colorVariants.reverse.main,\n },\n {\n variant: \"reverse\",\n color: \"critical\",\n className: colorVariants.reverse.critical,\n },\n {\n variant: \"reverse\",\n color: \"sub\",\n className: colorVariants.reverse.sub,\n },\n {\n variant: \"reverse\",\n color: \"neutral\",\n className: colorVariants.reverse.neutral,\n },\n // outline / color\n {\n variant: \"outline\",\n color: \"main\",\n className: colorVariants.outline.main,\n },\n {\n variant: \"outline\",\n color: \"critical\",\n className: colorVariants.outline.critical,\n },\n {\n variant: \"outline\",\n color: \"neutral\",\n className: colorVariants.outline.neutral,\n },\n {\n variant: \"outline\",\n color: \"sub\",\n className: colorVariants.outline.sub,\n },\n {\n variant: \"outline\",\n color: \"inverse\",\n className: colorVariants.outline.inverse,\n },\n // clear / color\n {\n variant: \"clear\",\n color: \"main\",\n className: colorVariants.clear.main,\n },\n {\n variant: \"clear\",\n color: \"critical\",\n className: colorVariants.clear.critical,\n },\n {\n variant: \"clear\",\n color: \"neutral\",\n className: colorVariants.clear.neutral,\n },\n {\n variant: \"clear\",\n color: \"sub\",\n className: colorVariants.clear.sub,\n },\n {\n variant: \"clear\",\n color: \"inverse\",\n className: colorVariants.clear.inverse,\n },\n // iconbutton / size\n {\n isIconOnly: true,\n size: \"lg\",\n class: \"h-12 w-12 min-w-12 p-3 [&_svg]:h-6 [&_svg]:w-6\",\n },\n {\n isIconOnly: true,\n size: \"md\",\n class: \"h-11 w-11 min-w-11 p-3 [&_svg]:h-5 [&_svg]:w-5\",\n },\n {\n isIconOnly: true,\n size: \"sm\",\n class: \"h-10 w-10 min-w-10 p-2.5 [&_svg]:h-5 [&_svg]:w-5\",\n },\n {\n isIconOnly: true,\n size: \"xs\",\n class: \"h-9 w-9 min-w-9 p-2.5 [&_svg]:h-4 [&_svg]:w-4\",\n },\n ],\n defaultVariants: {\n variant: \"solid\",\n color: \"main\",\n size: \"md\",\n radius: \"default\",\n },\n})\n\nexport type ButtonVariantProps = VariantProps<typeof buttonStyles>\n"]}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
// src/utils/variants.ts
|
|
2
|
+
var solid = {
|
|
3
|
+
main: "bg-interaction-main-default hover:bg-interaction-main-hover active:bg-interaction-main-active pressed:bg-interaction-main-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
|
|
4
|
+
sub: "bg-interaction-sub-default hover:bg-interaction-sub-hover active:bg-interaction-sub-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content pressed:bg-interaction-sub-active",
|
|
5
|
+
neutral: "bg-interaction-neutral-default hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active pressed:bg-interaction-neutral-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
|
|
6
|
+
critical: "bg-interaction-critical-default hover:bg-interaction-critical-hover active:bg-interaction-critical-active pressed:bg-interaction-critical-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
|
|
7
|
+
success: "bg-interaction-success-default hover:bg-interaction-success-hover active:bg-interaction-success-active pressed:bg-interaction-success-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
|
|
8
|
+
warning: "bg-interaction-warning-default hover:bg-interaction-warning-hover active:bg-interaction-warning-active pressed:bg-interaction-warning-active text-base-content-default disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content"
|
|
9
|
+
};
|
|
10
|
+
var reverse = {
|
|
11
|
+
main: "bg-utility-ui hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active pressed:bg-interaction-muted-main-active text-interaction-main-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui",
|
|
12
|
+
critical: "bg-utility-ui hover:bg-interaction-muted-critical-hover active:bg-interaction-muted-critical-active pressed:bg-interaction-muted-critical-active text-interaction-critical-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui",
|
|
13
|
+
sub: "bg-utility-ui hover:bg-interaction-muted-sub-hover active:bg-interaction-muted-sub-active pressed:bg-interaction-muted-sub-active text-interaction-sub-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui",
|
|
14
|
+
neutral: "bg-utility-ui hover:bg-interaction-muted-neutral-hover active:bg-interaction-muted-neutral-active pressed:bg-interaction-muted-neutral-active text-interaction-neutral-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui"
|
|
15
|
+
};
|
|
16
|
+
var outline = {
|
|
17
|
+
main: "border border-interaction-main-default active:bg-interaction-tinted-main-active pressed:bg-interaction-tinted-main-active hover:bg-interaction-tinted-main-hover text-interaction-main-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
|
|
18
|
+
critical: "border border-interaction-critical-default active:bg-interaction-tinted-critical-active pressed:bg-interaction-tinted-critical-active hover:bg-interaction-tinted-critical-hover text-interaction-critical-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
|
|
19
|
+
neutral: "border border-base-content-strong active:bg-interaction-tinted-neutral-active pressed:bg-interaction-tinted-neutral-active hover:bg-interaction-tinted-neutral-hover text-base-content-strong disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
|
|
20
|
+
sub: "border border-interaction-sub-default active:bg-interaction-tinted-sub-active pressed:bg-interaction-tinted-sub-active hover:bg-interaction-tinted-sub-hover text-interaction-sub-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
|
|
21
|
+
inverse: "border border-base-content-inverse hover:bg-interaction-tinted-inverse-hover active:bg-interaction-tinted-inverse-active pressed:bg-interaction-tinted-inverse-active text-base-content-inverse disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear"
|
|
22
|
+
};
|
|
23
|
+
var clear = {
|
|
24
|
+
main: "border border-utility-ui-clear active:bg-interaction-tinted-main-active pressed:bg-interaction-tinted-main-active hover:bg-interaction-tinted-main-hover text-interaction-main-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
|
|
25
|
+
critical: "border border-utility-ui-clear active:bg-interaction-tinted-critical-active pressed:bg-interaction-tinted-critical-active hover:bg-interaction-tinted-critical-hover text-interaction-critical-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
|
|
26
|
+
neutral: "border border-utility-ui-clear active:bg-interaction-tinted-neutral-active pressed:bg-interaction-tinted-neutral-active hover:bg-interaction-tinted-neutral-hover text-base-content-strong disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
|
|
27
|
+
sub: "border border-utility-ui-clear active:bg-interaction-tinted-sub-active pressed:bg-interaction-tinted-sub-active hover:bg-interaction-tinted-sub-hover text-interaction-sub-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
|
|
28
|
+
inverse: "border border-utility-ui-clear hover:bg-interaction-tinted-inverse-hover active:bg-interaction-tinted-inverse-active pressed:bg-interaction-tinted-inverse-active text-base-content-inverse disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear"
|
|
29
|
+
};
|
|
30
|
+
var colorVariants = {
|
|
31
|
+
solid,
|
|
32
|
+
reverse,
|
|
33
|
+
outline,
|
|
34
|
+
clear
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
export {
|
|
38
|
+
colorVariants
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=chunk-AHHCX72Y.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/utils/variants.ts"],"sourcesContent":["const solid = {\n main: \"bg-interaction-main-default hover:bg-interaction-main-hover active:bg-interaction-main-active pressed:bg-interaction-main-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n sub: \"bg-interaction-sub-default hover:bg-interaction-sub-hover active:bg-interaction-sub-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content pressed:bg-interaction-sub-active\",\n neutral:\n \"bg-interaction-neutral-default hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active pressed:bg-interaction-neutral-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n critical:\n \"bg-interaction-critical-default hover:bg-interaction-critical-hover active:bg-interaction-critical-active pressed:bg-interaction-critical-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n success:\n \"bg-interaction-success-default hover:bg-interaction-success-hover active:bg-interaction-success-active pressed:bg-interaction-success-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n warning:\n \"bg-interaction-warning-default hover:bg-interaction-warning-hover active:bg-interaction-warning-active pressed:bg-interaction-warning-active text-base-content-default disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n} as const\n\nconst reverse = {\n main: \"bg-utility-ui hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active pressed:bg-interaction-muted-main-active text-interaction-main-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui\",\n critical:\n \"bg-utility-ui hover:bg-interaction-muted-critical-hover active:bg-interaction-muted-critical-active pressed:bg-interaction-muted-critical-active text-interaction-critical-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui\",\n sub: \"bg-utility-ui hover:bg-interaction-muted-sub-hover active:bg-interaction-muted-sub-active pressed:bg-interaction-muted-sub-active text-interaction-sub-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui\",\n neutral:\n \"bg-utility-ui hover:bg-interaction-muted-neutral-hover active:bg-interaction-muted-neutral-active pressed:bg-interaction-muted-neutral-active text-interaction-neutral-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui\",\n}\n\nconst outline = {\n main: \"border border-interaction-main-default active:bg-interaction-tinted-main-active pressed:bg-interaction-tinted-main-active hover:bg-interaction-tinted-main-hover text-interaction-main-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n critical:\n \"border border-interaction-critical-default active:bg-interaction-tinted-critical-active pressed:bg-interaction-tinted-critical-active hover:bg-interaction-tinted-critical-hover text-interaction-critical-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n neutral:\n \"border border-base-content-strong active:bg-interaction-tinted-neutral-active pressed:bg-interaction-tinted-neutral-active hover:bg-interaction-tinted-neutral-hover text-base-content-strong disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n sub: \"border border-interaction-sub-default active:bg-interaction-tinted-sub-active pressed:bg-interaction-tinted-sub-active hover:bg-interaction-tinted-sub-hover text-interaction-sub-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n inverse:\n \"border border-base-content-inverse hover:bg-interaction-tinted-inverse-hover active:bg-interaction-tinted-inverse-active pressed:bg-interaction-tinted-inverse-active text-base-content-inverse disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n}\n\nconst clear = {\n main: \"border border-utility-ui-clear active:bg-interaction-tinted-main-active pressed:bg-interaction-tinted-main-active hover:bg-interaction-tinted-main-hover text-interaction-main-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n critical:\n \"border border-utility-ui-clear active:bg-interaction-tinted-critical-active pressed:bg-interaction-tinted-critical-active hover:bg-interaction-tinted-critical-hover text-interaction-critical-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n neutral:\n \"border border-utility-ui-clear active:bg-interaction-tinted-neutral-active pressed:bg-interaction-tinted-neutral-active hover:bg-interaction-tinted-neutral-hover text-base-content-strong disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n sub: \"border border-utility-ui-clear active:bg-interaction-tinted-sub-active pressed:bg-interaction-tinted-sub-active hover:bg-interaction-tinted-sub-hover text-interaction-sub-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n inverse:\n \"border border-utility-ui-clear hover:bg-interaction-tinted-inverse-hover active:bg-interaction-tinted-inverse-active pressed:bg-interaction-tinted-inverse-active text-base-content-inverse disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n}\n\nexport const colorVariants = {\n solid,\n reverse,\n outline,\n clear,\n}\n"],"mappings":";AAAA,IAAM,QAAQ;AAAA,EACZ,MAAM;AAAA,EACN,KAAK;AAAA,EACL,SACE;AAAA,EACF,UACE;AAAA,EACF,SACE;AAAA,EACF,SACE;AACJ;AAEA,IAAM,UAAU;AAAA,EACd,MAAM;AAAA,EACN,UACE;AAAA,EACF,KAAK;AAAA,EACL,SACE;AACJ;AAEA,IAAM,UAAU;AAAA,EACd,MAAM;AAAA,EACN,UACE;AAAA,EACF,SACE;AAAA,EACF,KAAK;AAAA,EACL,SACE;AACJ;AAEA,IAAM,QAAQ;AAAA,EACZ,MAAM;AAAA,EACN,UACE;AAAA,EACF,SACE;AAAA,EACF,KAAK;AAAA,EACL,SACE;AACJ;AAEO,IAAM,gBAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;","names":[]}
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
|
|
4
|
+
|
|
5
|
+
// src/components/select.ts
|
|
6
|
+
var selectSearchStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
7
|
+
slots: {
|
|
8
|
+
base: "",
|
|
9
|
+
icon: "",
|
|
10
|
+
input: "",
|
|
11
|
+
clear: ""
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
var selectItemStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
15
|
+
slots: {
|
|
16
|
+
base: "text-base-content-strong group flex cursor-default items-center gap-2 rounded-sm px-4 py-2 outline-hidden select-none",
|
|
17
|
+
text: "text-base-content-strong line-clamp-1 flex-1",
|
|
18
|
+
icon: "flex items-center"
|
|
19
|
+
},
|
|
20
|
+
variants: {
|
|
21
|
+
color: {
|
|
22
|
+
main: {
|
|
23
|
+
base: "focus:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active",
|
|
24
|
+
icon: "text-interaction-main-default"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
size: {
|
|
28
|
+
xs: {
|
|
29
|
+
base: "prose-body-2 px-3 py-3",
|
|
30
|
+
icon: "w-3.5"
|
|
31
|
+
},
|
|
32
|
+
sm: {
|
|
33
|
+
base: "prose-body-2 px-3 py-3",
|
|
34
|
+
icon: "w-4.5"
|
|
35
|
+
},
|
|
36
|
+
md: {
|
|
37
|
+
base: "prose-body-1 px-4 py-3",
|
|
38
|
+
text: "group-selected:prose-subhead-1",
|
|
39
|
+
icon: "w-4.5"
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
isDisabled: {
|
|
43
|
+
true: ""
|
|
44
|
+
},
|
|
45
|
+
isFocused: {
|
|
46
|
+
true: ""
|
|
47
|
+
},
|
|
48
|
+
isSelected: {
|
|
49
|
+
true: ""
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
defaultVariants: {
|
|
53
|
+
color: "main",
|
|
54
|
+
size: "md"
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
var selectStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
58
|
+
slots: {
|
|
59
|
+
base: "group flex flex-col gap-1",
|
|
60
|
+
label: "",
|
|
61
|
+
trigger: "w-fit",
|
|
62
|
+
selectedText: "flex-1 truncate text-start",
|
|
63
|
+
popover: "motion-safe:entering:animate-in motion-safe:entering:fade-in motion-safe:exiting:animate-out motion-safe:exiting:fade-out flex w-(--trigger-width) flex-col rounded-sm bg-white shadow-md",
|
|
64
|
+
list: "overflow-y-auto",
|
|
65
|
+
description: ""
|
|
66
|
+
},
|
|
67
|
+
variants: {
|
|
68
|
+
variant: {
|
|
69
|
+
solid: "",
|
|
70
|
+
reverse: "",
|
|
71
|
+
outline: "",
|
|
72
|
+
clear: "",
|
|
73
|
+
unstyled: ""
|
|
74
|
+
},
|
|
75
|
+
color: {
|
|
76
|
+
main: "",
|
|
77
|
+
success: "",
|
|
78
|
+
warning: "",
|
|
79
|
+
critical: "",
|
|
80
|
+
sub: "",
|
|
81
|
+
neutral: "",
|
|
82
|
+
inverse: ""
|
|
83
|
+
},
|
|
84
|
+
size: {
|
|
85
|
+
xs: {
|
|
86
|
+
selectedText: "prose-body-2",
|
|
87
|
+
list: "max-h-[264px]"
|
|
88
|
+
},
|
|
89
|
+
sm: {
|
|
90
|
+
selectedText: "prose-body-2",
|
|
91
|
+
list: "max-h-[264px]"
|
|
92
|
+
},
|
|
93
|
+
md: {
|
|
94
|
+
selectedText: "prose-body-1",
|
|
95
|
+
list: "max-h-[288px]"
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
},
|
|
99
|
+
compoundVariants: [
|
|
100
|
+
{
|
|
101
|
+
variant: ["outline"],
|
|
102
|
+
className: {
|
|
103
|
+
trigger: "group-invalid:border-interaction-critical-default"
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
],
|
|
107
|
+
defaultVariants: {
|
|
108
|
+
variant: "outline",
|
|
109
|
+
color: "sub",
|
|
110
|
+
size: "md"
|
|
111
|
+
}
|
|
112
|
+
});
|
|
113
|
+
|
|
114
|
+
|
|
115
|
+
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
exports.selectSearchStyles = selectSearchStyles; exports.selectItemStyles = selectItemStyles; exports.selectStyles = selectStyles;
|
|
119
|
+
//# sourceMappingURL=chunk-ATN4OFA4.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-ATN4OFA4.js","../src/components/select.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-ATN4OFA4.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const selectSearchStyles = tv({\n slots: {\n base: \"\",\n icon: \"\",\n input: \"\",\n clear: \"\",\n },\n})\n\nexport const selectItemStyles = tv({\n slots: {\n base: \"text-base-content-strong group flex cursor-default items-center gap-2 rounded-sm px-4 py-2 outline-hidden select-none\",\n text: \"text-base-content-strong line-clamp-1 flex-1\",\n icon: \"flex items-center\",\n },\n variants: {\n color: {\n main: {\n base: \"focus:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active\",\n icon: \"text-interaction-main-default\",\n },\n },\n size: {\n xs: {\n base: \"prose-body-2 px-3 py-3\",\n icon: \"w-3.5\",\n },\n sm: {\n base: \"prose-body-2 px-3 py-3\",\n icon: \"w-4.5\",\n },\n md: {\n base: \"prose-body-1 px-4 py-3\",\n text: \"group-selected:prose-subhead-1\",\n icon: \"w-4.5\",\n },\n },\n isDisabled: {\n true: \"\",\n },\n isFocused: {\n true: \"\",\n },\n isSelected: {\n true: \"\",\n },\n },\n defaultVariants: {\n color: \"main\",\n size: \"md\",\n },\n})\n\nexport type SelectItemVariantProps = VariantProps<typeof selectItemStyles>\nexport type SelectItemVariantSlots = keyof ReturnType<typeof selectItemStyles>\n\nexport const selectStyles = tv({\n slots: {\n base: \"group flex flex-col gap-1\",\n label: \"\",\n trigger: \"w-fit\",\n selectedText: \"flex-1 truncate text-start\",\n popover:\n \"motion-safe:entering:animate-in motion-safe:entering:fade-in motion-safe:exiting:animate-out motion-safe:exiting:fade-out flex w-(--trigger-width) flex-col rounded-sm bg-white shadow-md\",\n list: \"overflow-y-auto\",\n description: \"\",\n },\n variants: {\n variant: {\n solid: \"\",\n reverse: \"\",\n outline: \"\",\n clear: \"\",\n unstyled: \"\",\n },\n color: {\n main: \"\",\n success: \"\",\n warning: \"\",\n critical: \"\",\n sub: \"\",\n neutral: \"\",\n inverse: \"\",\n },\n size: {\n xs: {\n selectedText: \"prose-body-2\",\n list: \"max-h-[264px]\",\n },\n sm: {\n selectedText: \"prose-body-2\",\n list: \"max-h-[264px]\",\n },\n md: {\n selectedText: \"prose-body-1\",\n list: \"max-h-[288px]\",\n },\n },\n },\n compoundVariants: [\n {\n variant: [\"outline\"],\n className: {\n trigger: \"group-invalid:border-interaction-critical-default\",\n },\n },\n ],\n defaultVariants: {\n variant: \"outline\",\n color: \"sub\",\n size: \"md\",\n },\n})\n\nexport type SelectVariantProps = VariantProps<typeof selectStyles>\nexport type SelectVariantSlots = keyof ReturnType<typeof selectStyles>\n"]}
|
|
@@ -12,7 +12,7 @@ var inputStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
12
12
|
md: "prose-body-1 h-11 px-3 py-2"
|
|
13
13
|
},
|
|
14
14
|
variant: {
|
|
15
|
-
outline: "border-base-divider-strong invalid:border-interaction-critical
|
|
15
|
+
outline: "border-base-divider-strong invalid:border-interaction-critical-default focus:border-utility-focus-default shadow-utility-focus-default border not-motion-reduce:transition-shadow focus:shadow-[0_0_0_1px]",
|
|
16
16
|
unstyled: ""
|
|
17
17
|
},
|
|
18
18
|
isDisabled: {
|
|
@@ -28,4 +28,4 @@ var inputStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
28
28
|
|
|
29
29
|
|
|
30
30
|
exports.inputStyles = inputStyles;
|
|
31
|
-
//# sourceMappingURL=chunk-
|
|
31
|
+
//# sourceMappingURL=chunk-DB7X5OUP.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-DB7X5OUP.js","../src/components/input.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,YAAA,EAAc,iCAAA;AAAG,EAC5B,IAAA,EAAM,6HAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,4EAAA;AAAA,MACJ,EAAA,EAAI,mDAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN,CAAA;AAAA,IACA,OAAA,EAAS;AAAA,MACP,OAAA,EACE,4MAAA;AAAA,MACF,QAAA,EAAU;AAAA,IACZ,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,OAAA,EAAS;AAAA,EACX;AACF,CAAC,CAAA;ADCD;AACA;AACE;AACF,kCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-DB7X5OUP.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const inputStyles = tv({\n base: \"text-base-content placeholder:text-interaction-support-placeholder w-full min-w-0 flex-1 rounded-sm bg-white outline-hidden\",\n variants: {\n size: {\n xs: \"prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1 h-9 px-3 py-2\",\n sm: \"prose-body-2 max-sm:prose-body-1 h-10 px-3 py-2.5\",\n md: \"prose-body-1 h-11 px-3 py-2\",\n },\n variant: {\n outline:\n \"border-base-divider-strong invalid:border-interaction-critical-default focus:border-utility-focus-default shadow-utility-focus-default border not-motion-reduce:transition-shadow focus:shadow-[0_0_0_1px]\",\n unstyled: \"\",\n },\n isDisabled: {\n true: \"text-interaction-support-disabled-content bg-interaction-support-disabled placeholder:text-interaction-support-disabled-content\",\n },\n },\n defaultVariants: {\n size: \"md\",\n variant: \"outline\",\n },\n})\n\nexport type InputVariantProps = VariantProps<typeof inputStyles>\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
colorVariants
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-AHHCX72Y.mjs";
|
|
4
4
|
import {
|
|
5
5
|
focusVisibleClasses
|
|
6
6
|
} from "./chunk-SFKXXWVK.mjs";
|
|
@@ -201,4 +201,4 @@ var buttonStyles = tv({
|
|
|
201
201
|
export {
|
|
202
202
|
buttonStyles
|
|
203
203
|
};
|
|
204
|
-
//# sourceMappingURL=chunk-
|
|
204
|
+
//# sourceMappingURL=chunk-IAY272MS.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=chunk-IG5PS6RH.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";//# sourceMappingURL=chunk-MNY5DC4A.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-MNY5DC4A.js"],"names":[],"mappings":"AAAA","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-MNY5DC4A.js"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
inputStyles
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-43I4FEYX.mjs";
|
|
4
4
|
import {
|
|
5
5
|
tv
|
|
6
6
|
} from "./chunk-4JENAMGV.mjs";
|
|
@@ -23,4 +23,4 @@ var textAreaStyles = tv({
|
|
|
23
23
|
export {
|
|
24
24
|
textAreaStyles
|
|
25
25
|
};
|
|
26
|
-
//# sourceMappingURL=chunk-
|
|
26
|
+
//# sourceMappingURL=chunk-RKCURSL5.mjs.map
|