@opengovsg/oui-theme 0.0.39 → 0.0.41
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-3UT6IRJP.js +58 -0
- package/dist/chunk-3UT6IRJP.js.map +1 -0
- package/dist/{chunk-2PBPSPDX.mjs → chunk-3WNL4Y7C.mjs} +6 -6
- package/dist/{chunk-2PBPSPDX.mjs.map → chunk-3WNL4Y7C.mjs.map} +1 -1
- package/dist/{chunk-XCXENIRD.mjs → chunk-4YCLGFZI.mjs} +5 -14
- package/dist/chunk-4YCLGFZI.mjs.map +1 -0
- package/dist/{chunk-FKMWPW55.mjs → chunk-4YDU3Y66.mjs} +4 -4
- package/dist/chunk-5XC7HKTK.js +1 -0
- package/dist/{chunk-YNKJBS7B.js.map → chunk-5XC7HKTK.js.map} +1 -1
- package/dist/chunk-75RSWLJO.js +41 -0
- package/dist/chunk-75RSWLJO.js.map +1 -0
- package/dist/{chunk-IM7PWGRY.js → chunk-7DFBHBHC.js} +5 -5
- package/dist/chunk-7DFBHBHC.js.map +1 -0
- package/dist/{chunk-KJGY7JIN.js → chunk-7U43MLWU.js} +3 -3
- package/dist/{chunk-KJGY7JIN.js.map → chunk-7U43MLWU.js.map} +1 -1
- package/dist/{chunk-Z2MG2ZKM.js → chunk-7WJ4UBGH.js} +3 -3
- package/dist/{chunk-Z2MG2ZKM.js.map → chunk-7WJ4UBGH.js.map} +1 -1
- package/dist/chunk-DDISYJAO.mjs +58 -0
- package/dist/chunk-DDISYJAO.mjs.map +1 -0
- package/dist/{chunk-67CSB56L.js → chunk-EB32WBTO.js} +3 -3
- package/dist/{chunk-67CSB56L.js.map → chunk-EB32WBTO.js.map} +1 -1
- package/dist/{chunk-TB2OCUKH.mjs → chunk-FKZCR3GI.mjs} +3 -9
- package/dist/chunk-FKZCR3GI.mjs.map +1 -0
- package/dist/{chunk-Q3HLBDZT.js → chunk-GWOK4F4Q.js} +3 -3
- package/dist/{chunk-Q3HLBDZT.js.map → chunk-GWOK4F4Q.js.map} +1 -1
- package/dist/chunk-I4A37AHX.mjs +1 -0
- package/dist/{chunk-ERQSPMYY.js → chunk-MXNKSSXK.js} +5 -14
- package/dist/chunk-MXNKSSXK.js.map +1 -0
- package/dist/{chunk-4EBHRWLK.mjs → chunk-OTTXATHZ.mjs} +4 -4
- package/dist/chunk-PQ5AGLRS.js +18 -0
- package/dist/chunk-PQ5AGLRS.js.map +1 -0
- package/dist/chunk-QAKXFIF2.mjs +41 -0
- package/dist/chunk-QAKXFIF2.mjs.map +1 -0
- package/dist/{chunk-TSUSW6ME.js → chunk-TADW2SJV.js} +3 -9
- package/dist/chunk-TADW2SJV.js.map +1 -0
- package/dist/{chunk-J43XXSXH.mjs → chunk-VGJP435W.mjs} +4 -4
- package/dist/{chunk-PXQEYRFL.mjs → chunk-XYTEELVP.mjs} +4 -4
- package/dist/chunk-YR6EFJLA.mjs +18 -0
- package/dist/chunk-YR6EFJLA.mjs.map +1 -0
- package/dist/components/accordion.js +2 -2
- package/dist/components/accordion.mjs +2 -2
- package/dist/components/badge.js +4 -4
- package/dist/components/badge.mjs +3 -3
- package/dist/components/button.js +4 -4
- package/dist/components/button.mjs +3 -3
- package/dist/components/calendar.js +2 -2
- package/dist/components/calendar.mjs +2 -2
- package/dist/components/checkbox.js +4 -4
- package/dist/components/checkbox.mjs +3 -3
- package/dist/components/date-field.d.mts +27 -96
- package/dist/components/date-field.d.ts +27 -96
- package/dist/components/date-field.js +2 -2
- package/dist/components/date-field.js.map +1 -1
- package/dist/components/date-field.mjs +5 -5
- package/dist/components/date-picker.d.mts +9 -36
- package/dist/components/date-picker.d.ts +9 -36
- package/dist/components/date-picker.js +2 -2
- package/dist/components/date-picker.mjs +1 -1
- package/dist/components/date-range-picker.d.mts +0 -18
- package/dist/components/date-range-picker.d.ts +0 -18
- package/dist/components/date-range-picker.js +2 -2
- package/dist/components/date-range-picker.mjs +1 -1
- package/dist/components/govt-banner.js +4 -4
- package/dist/components/govt-banner.mjs +3 -3
- package/dist/components/index.d.mts +3 -1
- package/dist/components/index.d.ts +3 -1
- package/dist/components/index.js +31 -23
- package/dist/components/index.js.map +1 -1
- package/dist/components/index.mjs +36 -28
- package/dist/components/list-box.js +2 -2
- package/dist/components/list-box.mjs +2 -2
- package/dist/components/menu.js +2 -2
- package/dist/components/menu.mjs +2 -2
- package/dist/components/modal.js +2 -2
- package/dist/components/modal.mjs +2 -2
- package/dist/components/pagination.js +1 -1
- package/dist/components/pagination.mjs +1 -1
- package/dist/components/search-field.d.mts +80 -0
- package/dist/components/search-field.d.ts +80 -0
- package/dist/components/search-field.js +9 -0
- package/dist/components/search-field.js.map +1 -0
- package/dist/components/search-field.mjs +9 -0
- package/dist/components/search-field.mjs.map +1 -0
- package/dist/components/select.js +2 -2
- package/dist/components/select.mjs +2 -2
- package/dist/components/tag-field.js +2 -2
- package/dist/components/tag-field.mjs +2 -2
- package/dist/components/time-field.d.mts +16 -0
- package/dist/components/time-field.d.ts +16 -0
- package/dist/components/time-field.js +9 -0
- package/dist/components/time-field.js.map +1 -0
- package/dist/components/time-field.mjs +9 -0
- package/dist/components/time-field.mjs.map +1 -0
- package/dist/components/toggle.js +4 -4
- package/dist/components/toggle.mjs +3 -3
- package/dist/index.d.mts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +33 -25
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +44 -36
- package/dist/utils/index.js +4 -4
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/index.mjs +10 -10
- package/package.json +1 -1
- package/dist/chunk-ERQSPMYY.js.map +0 -1
- package/dist/chunk-IM7PWGRY.js.map +0 -1
- package/dist/chunk-PB6Z734X.js +0 -68
- package/dist/chunk-PB6Z734X.js.map +0 -1
- package/dist/chunk-QXZTPCOO.mjs +0 -1
- package/dist/chunk-TB2OCUKH.mjs.map +0 -1
- package/dist/chunk-TSUSW6ME.js.map +0 -1
- package/dist/chunk-TZOROTAH.mjs +0 -68
- package/dist/chunk-TZOROTAH.mjs.map +0 -1
- package/dist/chunk-XCXENIRD.mjs.map +0 -1
- package/dist/chunk-YNKJBS7B.js +0 -1
- /package/dist/{chunk-FKMWPW55.mjs.map → chunk-4YDU3Y66.mjs.map} +0 -0
- /package/dist/{chunk-QXZTPCOO.mjs.map → chunk-I4A37AHX.mjs.map} +0 -0
- /package/dist/{chunk-4EBHRWLK.mjs.map → chunk-OTTXATHZ.mjs.map} +0 -0
- /package/dist/{chunk-J43XXSXH.mjs.map → chunk-VGJP435W.mjs.map} +0 -0
- /package/dist/{chunk-PXQEYRFL.mjs.map → chunk-XYTEELVP.mjs.map} +0 -0
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
var _chunkDB7X5OUPjs = require('./chunk-DB7X5OUP.js');
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
|
|
7
|
+
|
|
8
|
+
// src/components/date-field.ts
|
|
9
|
+
var dateSegmentStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
10
|
+
base: "type-literal:px-0 inline rounded-xs p-0.5 caret-transparent outline-0",
|
|
11
|
+
variants: {
|
|
12
|
+
variant: {},
|
|
13
|
+
isEditable: {
|
|
14
|
+
true: {},
|
|
15
|
+
false: "text-interaction-support-placeholder"
|
|
16
|
+
},
|
|
17
|
+
isPlaceholder: {
|
|
18
|
+
true: "text-interaction-support-placeholder"
|
|
19
|
+
},
|
|
20
|
+
isDisabled: {
|
|
21
|
+
true: "text-interaction-support-disabled-content"
|
|
22
|
+
},
|
|
23
|
+
isFocused: {
|
|
24
|
+
true: "bg-interaction-main-default text-white dark:text-white"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
compoundVariants: [
|
|
28
|
+
{
|
|
29
|
+
isPlaceholder: false,
|
|
30
|
+
isEditable: true,
|
|
31
|
+
isFocused: false,
|
|
32
|
+
className: "text-base-content-default"
|
|
33
|
+
}
|
|
34
|
+
]
|
|
35
|
+
});
|
|
36
|
+
var dateInputStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
37
|
+
extend: _chunkDB7X5OUPjs.inputStyles,
|
|
38
|
+
variants: {
|
|
39
|
+
variant: {
|
|
40
|
+
outline: "focus-within:border-utility-focus-default block min-w-37.5 focus-within:shadow-[0_0_0_1px]"
|
|
41
|
+
},
|
|
42
|
+
isDisabled: {
|
|
43
|
+
true: ""
|
|
44
|
+
},
|
|
45
|
+
// Override y padding since this input is actually a wrapper around the segments
|
|
46
|
+
size: {
|
|
47
|
+
xs: "py-1.75",
|
|
48
|
+
sm: "py-2.25",
|
|
49
|
+
md: "py-2.25"
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
exports.dateSegmentStyles = dateSegmentStyles; exports.dateInputStyles = dateInputStyles;
|
|
58
|
+
//# sourceMappingURL=chunk-3UT6IRJP.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-3UT6IRJP.js","../src/components/date-field.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,kBAAA,EAAoB,iCAAA;AAAG,EAClC,IAAA,EAAM,uEAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,CAAC,CAAA;AAAA,MACP,KAAA,EAAO;AAAA,IACT,CAAA;AAAA,IACA,aAAA,EAAe;AAAA,MACb,IAAA,EAAM;AAAA,IACR,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,IACR,CAAA;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB;AAAA,MACE,aAAA,EAAe,KAAA;AAAA,MACf,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW,KAAA;AAAA,MACX,SAAA,EAAW;AAAA,IACb;AAAA,EACF;AACF,CAAC,CAAA;AAIM,IAAM,gBAAA,EAAkB,iCAAA;AAAG,EAChC,MAAA,EAAQ,4BAAA;AAAA,EACR,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EACE;AAAA,IACJ,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,IACR,CAAA;AAAA;AAAA,IAEA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF;AACF,CAAC,CAAA;ADAD;AACA;AACE;AACA;AACF,yFAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-3UT6IRJP.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\nimport { inputStyles } from \"./input\"\n\nexport const dateSegmentStyles = tv({\n base: \"type-literal:px-0 inline rounded-xs p-0.5 caret-transparent outline-0\",\n variants: {\n variant: {},\n isEditable: {\n true: {},\n false: \"text-interaction-support-placeholder\",\n },\n isPlaceholder: {\n true: \"text-interaction-support-placeholder\",\n },\n isDisabled: {\n true: \"text-interaction-support-disabled-content\",\n },\n isFocused: {\n true: \"bg-interaction-main-default text-white dark:text-white\",\n },\n },\n compoundVariants: [\n {\n isPlaceholder: false,\n isEditable: true,\n isFocused: false,\n className: \"text-base-content-default\",\n },\n ],\n})\n\nexport type DateSegmentVariantProps = VariantProps<typeof dateSegmentStyles>\n\nexport const dateInputStyles = tv({\n extend: inputStyles,\n variants: {\n variant: {\n outline:\n \"focus-within:border-utility-focus-default block min-w-37.5 focus-within:shadow-[0_0_0_1px]\",\n },\n isDisabled: {\n true: \"\",\n },\n // Override y padding since this input is actually a wrapper around the segments\n size: {\n xs: \"py-1.75\",\n sm: \"py-2.25\",\n md: \"py-2.25\",\n },\n },\n})\n\nexport type DateInputVariantProps = VariantProps<typeof dateInputStyles>\n"]}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
colorVariantsWithState
|
|
3
3
|
} from "./chunk-C7FUGWVY.mjs";
|
|
4
|
-
import {
|
|
5
|
-
cn
|
|
6
|
-
} from "./chunk-HAUMMW6T.mjs";
|
|
7
4
|
import {
|
|
8
5
|
focusVisibleClasses
|
|
9
6
|
} from "./chunk-5T7MRJOK.mjs";
|
|
7
|
+
import {
|
|
8
|
+
cn
|
|
9
|
+
} from "./chunk-HAUMMW6T.mjs";
|
|
10
10
|
import {
|
|
11
11
|
tv
|
|
12
12
|
} from "./chunk-4JENAMGV.mjs";
|
|
@@ -54,8 +54,8 @@ var buttonStyles = tv({
|
|
|
54
54
|
true: "cursor-not-allowed"
|
|
55
55
|
},
|
|
56
56
|
isIconOnly: {
|
|
57
|
-
true: "
|
|
58
|
-
false: "[&>svg]:max-w-
|
|
57
|
+
true: "gap-0! px-0 [&>svg]:shrink-0",
|
|
58
|
+
false: "[&>svg]:max-w-8"
|
|
59
59
|
},
|
|
60
60
|
isAttached: {
|
|
61
61
|
true: "rounded-s-none"
|
|
@@ -205,4 +205,4 @@ var buttonStyles = tv({
|
|
|
205
205
|
export {
|
|
206
206
|
buttonStyles
|
|
207
207
|
};
|
|
208
|
-
//# sourceMappingURL=chunk-
|
|
208
|
+
//# sourceMappingURL=chunk-3WNL4Y7C.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/button.ts"],"sourcesContent":["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: \"
|
|
1
|
+
{"version":3,"sources":["../src/components/button.ts"],"sourcesContent":["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 [&>svg]:shrink-0\",\n false: \"[&>svg]:max-w-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"],"mappings":"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","names":[]}
|
|
@@ -7,7 +7,7 @@ var datePickerStyles = tv({
|
|
|
7
7
|
slots: {
|
|
8
8
|
base: "group isolate flex w-full flex-col gap-1",
|
|
9
9
|
group: "",
|
|
10
|
-
input: "flex-1",
|
|
10
|
+
input: "h-auto flex-1",
|
|
11
11
|
dialog: "flex",
|
|
12
12
|
selectorIcon: "",
|
|
13
13
|
calendarButton: "z-1 -m-px text-inherit -outline-offset-1"
|
|
@@ -15,18 +15,9 @@ var datePickerStyles = tv({
|
|
|
15
15
|
variants: {
|
|
16
16
|
variant: {},
|
|
17
17
|
size: {
|
|
18
|
-
xs: {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
},
|
|
22
|
-
sm: {
|
|
23
|
-
group: "h-10",
|
|
24
|
-
input: "px-3 py-2.5"
|
|
25
|
-
},
|
|
26
|
-
md: {
|
|
27
|
-
group: "h-11",
|
|
28
|
-
input: "px-4 py-2.5"
|
|
29
|
-
}
|
|
18
|
+
xs: {},
|
|
19
|
+
sm: {},
|
|
20
|
+
md: {}
|
|
30
21
|
}
|
|
31
22
|
},
|
|
32
23
|
defaultVariants: {
|
|
@@ -37,4 +28,4 @@ var datePickerStyles = tv({
|
|
|
37
28
|
export {
|
|
38
29
|
datePickerStyles
|
|
39
30
|
};
|
|
40
|
-
//# sourceMappingURL=chunk-
|
|
31
|
+
//# sourceMappingURL=chunk-4YCLGFZI.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/date-picker.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const datePickerStyles = tv({\n slots: {\n base: \"group isolate flex w-full flex-col gap-1\",\n group: \"\",\n input: \"h-auto flex-1\",\n dialog: \"flex\",\n selectorIcon: \"\",\n calendarButton: \"z-1 -m-px text-inherit -outline-offset-1\",\n },\n variants: {\n variant: {},\n size: {\n xs: {},\n sm: {},\n md: {},\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n})\n\nexport type DatePickerSlots = keyof ReturnType<typeof datePickerStyles>\nexport type DatePickerVariantProps = VariantProps<typeof datePickerStyles>\n"],"mappings":";;;;;AAIO,IAAM,mBAAmB,GAAG;AAAA,EACjC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,gBAAgB;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,IACR,SAAS,CAAC;AAAA,IACV,MAAM;AAAA,MACJ,IAAI,CAAC;AAAA,MACL,IAAI,CAAC;AAAA,MACL,IAAI,CAAC;AAAA,IACP;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
cn
|
|
3
|
-
} from "./chunk-HAUMMW6T.mjs";
|
|
4
1
|
import {
|
|
5
2
|
groupFocusVisibleClasses
|
|
6
3
|
} from "./chunk-5T7MRJOK.mjs";
|
|
4
|
+
import {
|
|
5
|
+
cn
|
|
6
|
+
} from "./chunk-HAUMMW6T.mjs";
|
|
7
7
|
import {
|
|
8
8
|
tv
|
|
9
9
|
} from "./chunk-4JENAMGV.mjs";
|
|
@@ -54,4 +54,4 @@ var toggleStyles = tv({
|
|
|
54
54
|
export {
|
|
55
55
|
toggleStyles
|
|
56
56
|
};
|
|
57
|
-
//# sourceMappingURL=chunk-
|
|
57
|
+
//# sourceMappingURL=chunk-4YDU3Y66.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";//# sourceMappingURL=chunk-5XC7HKTK.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-5XC7HKTK.js"],"names":[],"mappings":"AAAA","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-5XC7HKTK.js"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
|
|
4
|
+
|
|
5
|
+
// src/components/search-field.ts
|
|
6
|
+
var searchFieldStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
7
|
+
slots: {
|
|
8
|
+
base: "group flex max-w-full min-w-10 flex-col gap-1 font-sans",
|
|
9
|
+
label: "",
|
|
10
|
+
group: "",
|
|
11
|
+
input: "[&::-webkit-search-cancel-button]:hidden",
|
|
12
|
+
searchIcon: "text-base-content-medium group-disabled:text-interaction-support-disabled-content forced-colors:text-[ButtonText] forced-colors:group-disabled:text-[GrayText]",
|
|
13
|
+
clearButton: "group-empty:invisible"
|
|
14
|
+
},
|
|
15
|
+
variants: {
|
|
16
|
+
variant: {},
|
|
17
|
+
size: {
|
|
18
|
+
xs: {
|
|
19
|
+
searchIcon: "ml-3 size-4",
|
|
20
|
+
input: "not-first:pl-2"
|
|
21
|
+
},
|
|
22
|
+
sm: {
|
|
23
|
+
searchIcon: "ml-3 size-4",
|
|
24
|
+
input: "not-first:pl-2",
|
|
25
|
+
clearButton: "[&_svg]:h-4 [&_svg]:w-4"
|
|
26
|
+
},
|
|
27
|
+
md: {
|
|
28
|
+
searchIcon: "ml-4 size-5",
|
|
29
|
+
input: "not-first:pl-2"
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
defaultVariants: {
|
|
34
|
+
size: "md"
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
exports.searchFieldStyles = searchFieldStyles;
|
|
41
|
+
//# sourceMappingURL=chunk-75RSWLJO.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-75RSWLJO.js","../src/components/search-field.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,kBAAA,EAAoB,iCAAA;AAAG,EAClC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,yDAAA;AAAA,IACN,KAAA,EAAO,EAAA;AAAA,IACP,KAAA,EAAO,EAAA;AAAA,IACP,KAAA,EAAO,0CAAA;AAAA,IACP,UAAA,EACE,gKAAA;AAAA,IACF,WAAA,EAAa;AAAA,EACf,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,UAAA,EAAY,aAAA;AAAA,QACZ,KAAA,EAAO;AAAA,MACT,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,UAAA,EAAY,aAAA;AAAA,QACZ,KAAA,EAAO,gBAAA;AAAA,QACP,WAAA,EAAa;AAAA,MACf,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,UAAA,EAAY,aAAA;AAAA,QACZ,KAAA,EAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADCD;AACA;AACE;AACF,8CAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-75RSWLJO.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const searchFieldStyles = tv({\n slots: {\n base: \"group flex max-w-full min-w-10 flex-col gap-1 font-sans\",\n label: \"\",\n group: \"\",\n input: \"[&::-webkit-search-cancel-button]:hidden\",\n searchIcon:\n \"text-base-content-medium group-disabled:text-interaction-support-disabled-content forced-colors:text-[ButtonText] forced-colors:group-disabled:text-[GrayText]\",\n clearButton: \"group-empty:invisible\",\n },\n variants: {\n variant: {},\n size: {\n xs: {\n searchIcon: \"ml-3 size-4\",\n input: \"not-first:pl-2\",\n },\n sm: {\n searchIcon: \"ml-3 size-4\",\n input: \"not-first:pl-2\",\n clearButton: \"[&_svg]:h-4 [&_svg]:w-4\",\n },\n md: {\n searchIcon: \"ml-4 size-5\",\n input: \"not-first:pl-2\",\n },\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n})\n\nexport type SearchFieldVariantProps = VariantProps<typeof searchFieldStyles>\nexport type SearchFieldSlots = keyof ReturnType<typeof searchFieldStyles>\n"]}
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
var _chunk7Y2HFACMjs = require('./chunk-7Y2HFACM.js');
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _chunkQ2IC5MPBjs = require('./chunk-Q2IC5MPB.js');
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
|
|
@@ -54,8 +54,8 @@ var buttonStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
54
54
|
true: "cursor-not-allowed"
|
|
55
55
|
},
|
|
56
56
|
isIconOnly: {
|
|
57
|
-
true: "
|
|
58
|
-
false: "[&>svg]:max-w-
|
|
57
|
+
true: "gap-0! px-0 [&>svg]:shrink-0",
|
|
58
|
+
false: "[&>svg]:max-w-8"
|
|
59
59
|
},
|
|
60
60
|
isAttached: {
|
|
61
61
|
true: "rounded-s-none"
|
|
@@ -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-7DFBHBHC.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-7DFBHBHC.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-7DFBHBHC.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 [&>svg]:shrink-0\",\n false: \"[&>svg]:max-w-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,9 +1,9 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunkQ2IC5MPBjs = require('./chunk-Q2IC5MPB.js');
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
|
|
@@ -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-7U43MLWU.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-7U43MLWU.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-7U43MLWU.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn } from \"../utils\"\nimport { groupFocusVisibleClasses } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\n\nexport const toggleStyles = tv({\n slots: {\n base: \"inline-flex cursor-pointer items-center gap-2 disabled:cursor-default\",\n track: cn(\n \"box-border flex shrink-0 items-center rounded-full bg-clip-padding p-px transition duration-200 ease-in-out\",\n groupFocusVisibleClasses,\n ),\n thumb:\n \"flex translate-x-0 transform items-center justify-center rounded-full border bg-white transition duration-200 ease-in-out\",\n thumbIcon: \"\",\n },\n variants: {\n colorScheme: {\n success: {\n track:\n \"in-selected:bg-interaction-success-default bg-interaction-support-unselected in-disabled:bg-interaction-support-disabled in-disabled:in-selected:bg-interaction-support-disabled\",\n thumb:\n \"in-selected:border-interaction-success-default in-disabled:in-selected:border-interaction-support-disabled in-disabled:bg-interaction-support-unselected border-interaction-support-unselected in-disabled:border-interaction-support-disabled\",\n thumbIcon:\n \"in-selected:text-interaction-success-default text-interaction-support-unselected in-disabled:text-interaction-support-disabled in-selected:in-disabled:text-interaction-support-disabled\",\n },\n },\n size: {\n xs: {\n track: \"h-[16px] w-[28px]\",\n thumb: \"in-selected:translate-x-[calc(26px-100%)] h-[14px] w-[14px]\",\n thumbIcon: \"h-[8px] w-[8px]\",\n },\n sm: {\n track: \"h-[20px] w-[32px]\",\n thumb: \"in-selected:translate-x-[calc(30px-100%)] h-[18px] w-[18px]\",\n thumbIcon: \"h-[10px] w-[10px]\",\n },\n md: {\n track: \"h-[24px] w-[40px]\",\n thumb: \"in-selected:translate-x-[calc(38px-100%)] h-[22px] w-[22px]\",\n thumbIcon: \"h-[12px] w-[12px]\",\n },\n },\n },\n defaultVariants: {\n size: \"md\",\n colorScheme: \"success\",\n },\n})\n\nexport type ToggleVariantProps = VariantProps<typeof toggleStyles>\nexport type ToggleSlots = keyof ReturnType<typeof toggleStyles>\n"]}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunkQ2IC5MPBjs = require('./chunk-Q2IC5MPB.js');
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
|
|
@@ -112,4 +112,4 @@ var checkboxGroupStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
112
112
|
|
|
113
113
|
|
|
114
114
|
exports.checkboxStyles = checkboxStyles; exports.checkboxGroupStyles = checkboxGroupStyles;
|
|
115
|
-
//# sourceMappingURL=chunk-
|
|
115
|
+
//# sourceMappingURL=chunk-7WJ4UBGH.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-7WJ4UBGH.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-7WJ4UBGH.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"]}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import {
|
|
2
|
+
inputStyles
|
|
3
|
+
} from "./chunk-43I4FEYX.mjs";
|
|
4
|
+
import {
|
|
5
|
+
tv
|
|
6
|
+
} from "./chunk-4JENAMGV.mjs";
|
|
7
|
+
|
|
8
|
+
// src/components/date-field.ts
|
|
9
|
+
var dateSegmentStyles = tv({
|
|
10
|
+
base: "type-literal:px-0 inline rounded-xs p-0.5 caret-transparent outline-0",
|
|
11
|
+
variants: {
|
|
12
|
+
variant: {},
|
|
13
|
+
isEditable: {
|
|
14
|
+
true: {},
|
|
15
|
+
false: "text-interaction-support-placeholder"
|
|
16
|
+
},
|
|
17
|
+
isPlaceholder: {
|
|
18
|
+
true: "text-interaction-support-placeholder"
|
|
19
|
+
},
|
|
20
|
+
isDisabled: {
|
|
21
|
+
true: "text-interaction-support-disabled-content"
|
|
22
|
+
},
|
|
23
|
+
isFocused: {
|
|
24
|
+
true: "bg-interaction-main-default text-white dark:text-white"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
compoundVariants: [
|
|
28
|
+
{
|
|
29
|
+
isPlaceholder: false,
|
|
30
|
+
isEditable: true,
|
|
31
|
+
isFocused: false,
|
|
32
|
+
className: "text-base-content-default"
|
|
33
|
+
}
|
|
34
|
+
]
|
|
35
|
+
});
|
|
36
|
+
var dateInputStyles = tv({
|
|
37
|
+
extend: inputStyles,
|
|
38
|
+
variants: {
|
|
39
|
+
variant: {
|
|
40
|
+
outline: "focus-within:border-utility-focus-default block min-w-37.5 focus-within:shadow-[0_0_0_1px]"
|
|
41
|
+
},
|
|
42
|
+
isDisabled: {
|
|
43
|
+
true: ""
|
|
44
|
+
},
|
|
45
|
+
// Override y padding since this input is actually a wrapper around the segments
|
|
46
|
+
size: {
|
|
47
|
+
xs: "py-1.75",
|
|
48
|
+
sm: "py-2.25",
|
|
49
|
+
md: "py-2.25"
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
|
|
54
|
+
export {
|
|
55
|
+
dateSegmentStyles,
|
|
56
|
+
dateInputStyles
|
|
57
|
+
};
|
|
58
|
+
//# sourceMappingURL=chunk-DDISYJAO.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/date-field.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\nimport { inputStyles } from \"./input\"\n\nexport const dateSegmentStyles = tv({\n base: \"type-literal:px-0 inline rounded-xs p-0.5 caret-transparent outline-0\",\n variants: {\n variant: {},\n isEditable: {\n true: {},\n false: \"text-interaction-support-placeholder\",\n },\n isPlaceholder: {\n true: \"text-interaction-support-placeholder\",\n },\n isDisabled: {\n true: \"text-interaction-support-disabled-content\",\n },\n isFocused: {\n true: \"bg-interaction-main-default text-white dark:text-white\",\n },\n },\n compoundVariants: [\n {\n isPlaceholder: false,\n isEditable: true,\n isFocused: false,\n className: \"text-base-content-default\",\n },\n ],\n})\n\nexport type DateSegmentVariantProps = VariantProps<typeof dateSegmentStyles>\n\nexport const dateInputStyles = tv({\n extend: inputStyles,\n variants: {\n variant: {\n outline:\n \"focus-within:border-utility-focus-default block min-w-37.5 focus-within:shadow-[0_0_0_1px]\",\n },\n isDisabled: {\n true: \"\",\n },\n // Override y padding since this input is actually a wrapper around the segments\n size: {\n xs: \"py-1.75\",\n sm: \"py-2.25\",\n md: \"py-2.25\",\n },\n },\n})\n\nexport type DateInputVariantProps = VariantProps<typeof dateInputStyles>\n"],"mappings":";;;;;;;;AAKO,IAAM,oBAAoB,GAAG;AAAA,EAClC,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS,CAAC;AAAA,IACV,YAAY;AAAA,MACV,MAAM,CAAC;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA,eAAe;AAAA,MACb,MAAM;AAAA,IACR;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,WAAW;AAAA,IACb;AAAA,EACF;AACF,CAAC;AAIM,IAAM,kBAAkB,GAAG;AAAA,EAChC,QAAQ;AAAA,EACR,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SACE;AAAA,IACJ;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA;AAAA,IAEA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AACF,CAAC;","names":[]}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunkQ2IC5MPBjs = require('./chunk-Q2IC5MPB.js');
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
|
|
@@ -33,4 +33,4 @@ var govtBannerStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
33
33
|
|
|
34
34
|
|
|
35
35
|
exports.govtBannerStyles = govtBannerStyles;
|
|
36
|
-
//# sourceMappingURL=chunk-
|
|
36
|
+
//# sourceMappingURL=chunk-EB32WBTO.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-EB32WBTO.js","../src/components/govt-banner.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACLO,IAAM,iBAAA,EAAmB,iCAAA;AAAG,EACjC,KAAA,EAAO;AAAA,IACL,MAAA,EAAQ,uDAAA;AAAA,IACR,oBAAA,EAAsB,sCAAA;AAAA,IACtB,KAAA,EACE,oFAAA;AAAA,IACF,WAAA,EAAa,2CAAA;AAAA,IACb,IAAA,EAAM,+CAAA;AAAA,IACN,cAAA,EAAgB,iCAAA;AAAA,MACd,gEAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACA,KAAA,EACE,iFAAA;AAAA,IACF,UAAA,EAAY,4BAAA;AAAA,IACZ,YAAA,EAAc,kCAAA;AAAA,IACd,SAAA,EACE,sEAAA;AAAA,IACF,OAAA,EACE,sEAAA;AAAA,IACF,UAAA,EAAY,+DAAA;AAAA,IACZ,WAAA,EAAa;AAAA,EACf;AACF,CAAC,CAAA;ADGD;AACA;AACE;AACF,4CAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-EB32WBTO.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn, focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const govtBannerStyles = tv({\n slots: {\n banner: \"bg-[#f0f0f0] px-4 text-xs text-[#474747] lg:text-base\",\n mainContentContainer: \"flex min-h-7 items-center gap-2 py-1\",\n crest:\n \"h-5 w-4 flex-shrink-0 self-start align-top has-[path]:fill-[#ef3320] lg:h-5 lg:w-5\",\n mainContent: \"flex flex-wrap gap-x-1 text-xs lg:text-sm\",\n link: \"text-[#2f5fd0] underline hover:text-[#4371d6]\",\n identifyButton: cn(\n \"inline-flex cursor-pointer items-center rounded text-[#2f5fd0]\",\n focusVisibleClasses,\n ),\n panel:\n \"flex flex-row gap-x-4 gap-y-4 py-6 max-md:flex-col md:py-8 lg:gap-x-36 lg:py-11\",\n panelGroup: \"flex flex-1 gap-2 md:gap-4\",\n panelSection: \"flex flex-col gap-y-2 lg:gap-y-3\",\n panelIcon:\n \"inline-block h-4 w-4 shrink-0 self-start md:h-5 md:w-5 lg:h-6 lg:w-6\",\n chevron:\n \"h-4 w-4 in-aria-expanded:rotate-180 motion-safe:transition-transform\",\n inlineIcon: \"inline-block h-4 w-3 shrink-0 align-text-bottom lg:h-5 lg:w-4\",\n panelHeader: \"leading-4 font-bold md:leading-5 lg:leading-6\",\n },\n})\n\nexport type GovtBannerVariantProps = VariantProps<typeof govtBannerStyles>\nexport type GovtBannerSlots = keyof ReturnType<typeof govtBannerStyles>\n"]}
|
|
@@ -6,8 +6,8 @@ import {
|
|
|
6
6
|
var dateRangePickerStyles = tv({
|
|
7
7
|
slots: {
|
|
8
8
|
dateWrapper: "inline-flex flex-1 items-center overflow-x-auto",
|
|
9
|
-
startInput: "min-w-fit flex-0",
|
|
10
|
-
endInput: "min-w-fit flex-0",
|
|
9
|
+
startInput: "h-auto min-w-fit flex-0",
|
|
10
|
+
endInput: "h-auto min-w-fit flex-0",
|
|
11
11
|
base: "group isolate flex flex-col gap-1",
|
|
12
12
|
group: "group-disabled:text-interaction-support-disabled-content text-base-content-default",
|
|
13
13
|
dialog: "flex",
|
|
@@ -18,22 +18,16 @@ var dateRangePickerStyles = tv({
|
|
|
18
18
|
variant: {},
|
|
19
19
|
size: {
|
|
20
20
|
xs: {
|
|
21
|
-
group: "h-9",
|
|
22
|
-
dateWrapper: "px-3 py-2",
|
|
23
21
|
startInput: "pe-1.5",
|
|
24
22
|
endInput: "ps-1.5",
|
|
25
23
|
connector: "prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1"
|
|
26
24
|
},
|
|
27
25
|
sm: {
|
|
28
|
-
group: "h-10",
|
|
29
|
-
dateWrapper: "px-3 py-2.5",
|
|
30
26
|
startInput: "pe-1.5",
|
|
31
27
|
endInput: "ps-1.5",
|
|
32
28
|
connector: "prose-body-2 max-sm:prose-body"
|
|
33
29
|
},
|
|
34
30
|
md: {
|
|
35
|
-
group: "h-11",
|
|
36
|
-
dateWrapper: "px-4 py-2.5",
|
|
37
31
|
startInput: "pe-2",
|
|
38
32
|
endInput: "ps-2",
|
|
39
33
|
connector: "prose-body-1"
|
|
@@ -48,4 +42,4 @@ var dateRangePickerStyles = tv({
|
|
|
48
42
|
export {
|
|
49
43
|
dateRangePickerStyles
|
|
50
44
|
};
|
|
51
|
-
//# sourceMappingURL=chunk-
|
|
45
|
+
//# sourceMappingURL=chunk-FKZCR3GI.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/date-range-picker.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const dateRangePickerStyles = tv({\n slots: {\n dateWrapper: \"inline-flex flex-1 items-center overflow-x-auto\",\n startInput: \"h-auto min-w-fit flex-0\",\n endInput: \"h-auto min-w-fit flex-0\",\n base: \"group isolate flex flex-col gap-1\",\n group:\n \"group-disabled:text-interaction-support-disabled-content text-base-content-default\",\n dialog: \"flex\",\n calendarButton: \"z-1 -m-px text-inherit -outline-offset-1\",\n connector: \"\",\n },\n variants: {\n variant: {},\n size: {\n xs: {\n startInput: \"pe-1.5\",\n endInput: \"ps-1.5\",\n connector:\n \"prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1\",\n },\n sm: {\n startInput: \"pe-1.5\",\n endInput: \"ps-1.5\",\n connector: \"prose-body-2 max-sm:prose-body\",\n },\n md: {\n startInput: \"pe-2\",\n endInput: \"ps-2\",\n connector: \"prose-body-1\",\n },\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n})\n\nexport type DateRangePickerSlots = keyof ReturnType<\n typeof dateRangePickerStyles\n>\nexport type DateRangePickerVariantProps = VariantProps<\n typeof dateRangePickerStyles\n>\n"],"mappings":";;;;;AAIO,IAAM,wBAAwB,GAAG;AAAA,EACtC,OAAO;AAAA,IACL,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OACE;AAAA,IACF,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,WAAW;AAAA,EACb;AAAA,EACA,UAAU;AAAA,IACR,SAAS,CAAC;AAAA,IACV,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,WACE;AAAA,MACJ;AAAA,MACA,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA,MACA,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}
|
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
var _chunk7Y2HFACMjs = require('./chunk-7Y2HFACM.js');
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
7
|
+
var _chunkQ2IC5MPBjs = require('./chunk-Q2IC5MPB.js');
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
|
|
@@ -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-GWOK4F4Q.js.map
|