@opengovsg/oui-theme 0.0.29 → 0.0.31
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-4LDBVLGI.mjs → chunk-2PBPSPDX.mjs} +2 -2
- package/dist/{chunk-CJLL3FTD.mjs → chunk-4EBHRWLK.mjs} +2 -2
- package/dist/{chunk-57OCRZXH.js → chunk-5OS5RZWQ.js} +3 -3
- package/dist/{chunk-57OCRZXH.js.map → chunk-5OS5RZWQ.js.map} +1 -1
- package/dist/{chunk-K3WA7SIJ.mjs → chunk-5T7MRJOK.mjs} +10 -2
- package/dist/{chunk-K3WA7SIJ.mjs.map → chunk-5T7MRJOK.mjs.map} +1 -1
- package/dist/{chunk-M65GZEXA.js → chunk-67CSB56L.js} +3 -3
- package/dist/{chunk-M65GZEXA.js.map → chunk-67CSB56L.js.map} +1 -1
- package/dist/chunk-7K3RA7VN.js +100 -0
- package/dist/chunk-7K3RA7VN.js.map +1 -0
- package/dist/{chunk-5IBV6ZBT.mjs → chunk-AGQVCSOT.mjs} +2 -2
- package/dist/{chunk-EJBX2H7V.js → chunk-AIU753NO.js} +4 -4
- package/dist/{chunk-EJBX2H7V.js.map → chunk-AIU753NO.js.map} +1 -1
- package/dist/{chunk-DQXE4H25.js → chunk-DYEKLDJY.js} +3 -3
- package/dist/{chunk-DQXE4H25.js.map → chunk-DYEKLDJY.js.map} +1 -1
- package/dist/{chunk-6VRFTVGW.mjs → chunk-FKMWPW55.mjs} +2 -2
- package/dist/{chunk-MZ3OLOEQ.js → chunk-IM7PWGRY.js} +3 -3
- package/dist/{chunk-MZ3OLOEQ.js.map → chunk-IM7PWGRY.js.map} +1 -1
- package/dist/{chunk-B42Z2PBU.mjs → chunk-J2GPNRY3.mjs} +2 -2
- package/dist/{chunk-XZCZKYVQ.mjs → chunk-J43XXSXH.mjs} +2 -2
- package/dist/{chunk-KX2AFEAG.js → chunk-KJGY7JIN.js} +3 -3
- package/dist/{chunk-KX2AFEAG.js.map → chunk-KJGY7JIN.js.map} +1 -1
- package/dist/chunk-KO7ZN4FG.mjs +100 -0
- package/dist/chunk-KO7ZN4FG.mjs.map +1 -0
- package/dist/{chunk-5HUZBURZ.mjs → chunk-LYDWTTON.mjs} +2 -2
- package/dist/{chunk-MNSDTJPG.mjs → chunk-MM7SNX6S.mjs} +3 -3
- package/dist/{chunk-MNSDTJPG.mjs.map → chunk-MM7SNX6S.mjs.map} +1 -1
- package/dist/chunk-MYV2PXUC.mjs +1 -0
- package/dist/{chunk-TXUEDK3E.js → chunk-O3YULW5E.js} +3 -3
- package/dist/{chunk-TXUEDK3E.js.map → chunk-O3YULW5E.js.map} +1 -1
- package/dist/{chunk-2YXJ6PIO.mjs → chunk-PJN27WWI.mjs} +3 -3
- package/dist/{chunk-2YXJ6PIO.mjs.map → chunk-PJN27WWI.mjs.map} +1 -1
- package/dist/{chunk-FV6XIBBV.mjs → chunk-PXQEYRFL.mjs} +2 -2
- package/dist/{chunk-5DZEJPPY.js → chunk-Q2IC5MPB.js} +10 -2
- package/dist/chunk-Q2IC5MPB.js.map +1 -0
- package/dist/{chunk-5GIWUVUB.js → chunk-Q2U5WYZI.js} +4 -4
- package/dist/{chunk-5GIWUVUB.js.map → chunk-Q2U5WYZI.js.map} +1 -1
- package/dist/{chunk-OIVEXSCX.js → chunk-Q3HLBDZT.js} +3 -3
- package/dist/{chunk-OIVEXSCX.js.map → chunk-Q3HLBDZT.js.map} +1 -1
- package/dist/{chunk-LG22OEO3.js → chunk-SFE4ALUT.js} +3 -3
- package/dist/{chunk-LG22OEO3.js.map → chunk-SFE4ALUT.js.map} +1 -1
- package/dist/{chunk-XIP622RV.mjs → chunk-UIQSZVDJ.mjs} +2 -2
- package/dist/chunk-UJRQUFPW.js +1 -0
- package/dist/{chunk-CLC34I62.js.map → chunk-UJRQUFPW.js.map} +1 -1
- package/dist/{chunk-MSHUB6BD.js → chunk-Z2MG2ZKM.js} +5 -5
- package/dist/{chunk-MSHUB6BD.js.map → chunk-Z2MG2ZKM.js.map} +1 -1
- package/dist/components/avatar.d.mts +204 -0
- package/dist/components/avatar.d.ts +204 -0
- package/dist/components/avatar.js +12 -0
- package/dist/components/avatar.js.map +1 -0
- package/dist/components/avatar.mjs +12 -0
- package/dist/components/avatar.mjs.map +1 -0
- package/dist/components/badge.js +4 -4
- package/dist/components/badge.mjs +3 -3
- package/dist/components/button.js +4 -4
- package/dist/components/button.mjs +3 -3
- package/dist/components/calendar.js +4 -4
- package/dist/components/calendar.mjs +3 -3
- package/dist/components/checkbox.js +4 -4
- package/dist/components/checkbox.mjs +3 -3
- package/dist/components/govt-banner.js +4 -4
- package/dist/components/govt-banner.mjs +3 -3
- package/dist/components/index.d.mts +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +31 -25
- package/dist/components/index.js.map +1 -1
- package/dist/components/index.mjs +32 -26
- 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 +4 -4
- package/dist/components/modal.mjs +3 -3
- package/dist/components/navbar.js +2 -2
- package/dist/components/navbar.mjs +1 -1
- package/dist/components/pagination.js +3 -3
- package/dist/components/pagination.mjs +2 -2
- package/dist/components/tabs.js +3 -3
- package/dist/components/tabs.mjs +2 -2
- package/dist/components/tag-field.js +4 -4
- package/dist/components/tag-field.mjs +3 -3
- package/dist/components/toggle.js +4 -4
- package/dist/components/toggle.mjs +3 -3
- package/dist/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +31 -25
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +32 -26
- package/dist/utils/classes.d.mts +5 -1
- package/dist/utils/classes.d.ts +5 -1
- package/dist/utils/classes.js +4 -2
- package/dist/utils/classes.js.map +1 -1
- package/dist/utils/classes.mjs +5 -3
- package/dist/utils/index.js +3 -3
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/index.mjs +2 -2
- package/package.json +2 -2
- package/dist/chunk-2SQ55S7S.mjs +0 -1
- package/dist/chunk-5DZEJPPY.js.map +0 -1
- package/dist/chunk-CLC34I62.js +0 -1
- /package/dist/{chunk-4LDBVLGI.mjs.map → chunk-2PBPSPDX.mjs.map} +0 -0
- /package/dist/{chunk-CJLL3FTD.mjs.map → chunk-4EBHRWLK.mjs.map} +0 -0
- /package/dist/{chunk-5IBV6ZBT.mjs.map → chunk-AGQVCSOT.mjs.map} +0 -0
- /package/dist/{chunk-6VRFTVGW.mjs.map → chunk-FKMWPW55.mjs.map} +0 -0
- /package/dist/{chunk-B42Z2PBU.mjs.map → chunk-J2GPNRY3.mjs.map} +0 -0
- /package/dist/{chunk-XZCZKYVQ.mjs.map → chunk-J43XXSXH.mjs.map} +0 -0
- /package/dist/{chunk-5HUZBURZ.mjs.map → chunk-LYDWTTON.mjs.map} +0 -0
- /package/dist/{chunk-2SQ55S7S.mjs.map → chunk-MYV2PXUC.mjs.map} +0 -0
- /package/dist/{chunk-FV6XIBBV.mjs.map → chunk-PXQEYRFL.mjs.map} +0 -0
- /package/dist/{chunk-XIP622RV.mjs.map → chunk-UIQSZVDJ.mjs.map} +0 -0
|
@@ -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-KJGY7JIN.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-KJGY7JIN.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"]}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import {
|
|
2
|
+
dataFocusVisibleClasses,
|
|
3
|
+
translateCenterClasses
|
|
4
|
+
} from "./chunk-5T7MRJOK.mjs";
|
|
5
|
+
import {
|
|
6
|
+
tv
|
|
7
|
+
} from "./chunk-4JENAMGV.mjs";
|
|
8
|
+
|
|
9
|
+
// src/components/avatar.ts
|
|
10
|
+
var avatarStyles = tv({
|
|
11
|
+
base: [],
|
|
12
|
+
slots: {
|
|
13
|
+
base: [
|
|
14
|
+
"relative z-(--avatar-zindex) box-border flex items-center justify-center overflow-hidden bg-clip-padding align-middle",
|
|
15
|
+
...dataFocusVisibleClasses
|
|
16
|
+
],
|
|
17
|
+
icon: "",
|
|
18
|
+
fallback: [...translateCenterClasses, "flex items-center justify-center"],
|
|
19
|
+
image: "size-full object-cover object-center opacity-0 transition-opacity duration-500 data-[loaded=true]:opacity-100"
|
|
20
|
+
},
|
|
21
|
+
variants: {
|
|
22
|
+
isInGroup: {
|
|
23
|
+
true: {
|
|
24
|
+
base: "border-utility-ui -ms-2 border first-of-type:ms-0"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
prominence: {
|
|
28
|
+
strong: {},
|
|
29
|
+
subtle: {}
|
|
30
|
+
},
|
|
31
|
+
color: {
|
|
32
|
+
primary: {},
|
|
33
|
+
white: {}
|
|
34
|
+
},
|
|
35
|
+
radius: {
|
|
36
|
+
none: {
|
|
37
|
+
base: "rounded-none"
|
|
38
|
+
},
|
|
39
|
+
sm: {
|
|
40
|
+
base: "rounded-sm"
|
|
41
|
+
},
|
|
42
|
+
md: {
|
|
43
|
+
base: "rounded-md"
|
|
44
|
+
},
|
|
45
|
+
lg: {
|
|
46
|
+
base: "rounded-lg"
|
|
47
|
+
},
|
|
48
|
+
full: {
|
|
49
|
+
base: "rounded-full"
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
size: {
|
|
53
|
+
md: { base: "prose-subhead-2 size-10", icon: "size-5" },
|
|
54
|
+
sm: { base: "prose-caption-1 size-9", icon: "size-4" },
|
|
55
|
+
xs: { base: "prose-caption-1 size-8", icon: "size-4" },
|
|
56
|
+
"2xs": { base: "prose-legal size-5", icon: "size-2.5" }
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
compoundVariants: [
|
|
60
|
+
{
|
|
61
|
+
prominence: "strong",
|
|
62
|
+
color: "primary",
|
|
63
|
+
className: {
|
|
64
|
+
base: "bg-interaction-main-default text-base-content-inverse"
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
prominence: "subtle",
|
|
69
|
+
color: "primary",
|
|
70
|
+
className: {
|
|
71
|
+
base: "bg-interaction-main-subtle-default text-interaction-main-default"
|
|
72
|
+
}
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
prominence: "subtle",
|
|
76
|
+
color: "white",
|
|
77
|
+
className: {
|
|
78
|
+
base: "border-interaction-main-subtle-default text-interaction-main-default border"
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
],
|
|
82
|
+
defaultVariants: {
|
|
83
|
+
size: "md",
|
|
84
|
+
radius: "full",
|
|
85
|
+
prominence: "strong",
|
|
86
|
+
color: "primary"
|
|
87
|
+
}
|
|
88
|
+
});
|
|
89
|
+
var avatarGroupStyles = tv({
|
|
90
|
+
slots: {
|
|
91
|
+
base: "isolate flex h-auto w-max items-center justify-center",
|
|
92
|
+
counter: ""
|
|
93
|
+
}
|
|
94
|
+
});
|
|
95
|
+
|
|
96
|
+
export {
|
|
97
|
+
avatarStyles,
|
|
98
|
+
avatarGroupStyles
|
|
99
|
+
};
|
|
100
|
+
//# sourceMappingURL=chunk-KO7ZN4FG.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/avatar.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport {\n dataFocusVisibleClasses,\n translateCenterClasses,\n} from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\n\nexport const avatarStyles = tv({\n base: [],\n slots: {\n base: [\n \"relative z-(--avatar-zindex) box-border flex items-center justify-center overflow-hidden bg-clip-padding align-middle\",\n ...dataFocusVisibleClasses,\n ],\n icon: \"\",\n fallback: [...translateCenterClasses, \"flex items-center justify-center\"],\n image:\n \"size-full object-cover object-center opacity-0 transition-opacity duration-500 data-[loaded=true]:opacity-100\",\n },\n variants: {\n isInGroup: {\n true: {\n base: \"border-utility-ui -ms-2 border first-of-type:ms-0\",\n },\n },\n prominence: {\n strong: {},\n subtle: {},\n },\n color: {\n primary: {},\n white: {},\n },\n radius: {\n none: {\n base: \"rounded-none\",\n },\n sm: {\n base: \"rounded-sm\",\n },\n md: {\n base: \"rounded-md\",\n },\n lg: {\n base: \"rounded-lg\",\n },\n full: {\n base: \"rounded-full\",\n },\n },\n size: {\n md: { base: \"prose-subhead-2 size-10\", icon: \"size-5\" },\n sm: { base: \"prose-caption-1 size-9\", icon: \"size-4\" },\n xs: { base: \"prose-caption-1 size-8\", icon: \"size-4\" },\n \"2xs\": { base: \"prose-legal size-5\", icon: \"size-2.5\" },\n },\n },\n compoundVariants: [\n {\n prominence: \"strong\",\n color: \"primary\",\n className: {\n base: \"bg-interaction-main-default text-base-content-inverse\",\n },\n },\n {\n prominence: \"subtle\",\n color: \"primary\",\n className: {\n base: \"bg-interaction-main-subtle-default text-interaction-main-default\",\n },\n },\n {\n prominence: \"subtle\",\n color: \"white\",\n className: {\n base: \"border-interaction-main-subtle-default text-interaction-main-default border\",\n },\n },\n ],\n defaultVariants: {\n size: \"md\",\n radius: \"full\",\n prominence: \"strong\",\n color: \"primary\",\n },\n})\n\nexport type AvatarVariantProps = VariantProps<typeof avatarStyles>\nexport type AvatarSlots = keyof ReturnType<typeof avatarStyles>\n\nexport const avatarGroupStyles = tv({\n slots: {\n base: \"isolate flex h-auto w-max items-center justify-center\",\n counter: \"\",\n },\n})\n\nexport type AvatarGroupVariantProps = VariantProps<typeof avatarGroupStyles>\nexport type AvatarGroupSlots = keyof ReturnType<typeof avatarGroupStyles>\n"],"mappings":";;;;;;;;;AAQO,IAAM,eAAe,GAAG;AAAA,EAC7B,MAAM,CAAC;AAAA,EACP,OAAO;AAAA,IACL,MAAM;AAAA,MACJ;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA,MAAM;AAAA,IACN,UAAU,CAAC,GAAG,wBAAwB,kCAAkC;AAAA,IACxE,OACE;AAAA,EACJ;AAAA,EACA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,QAAQ,CAAC;AAAA,MACT,QAAQ,CAAC;AAAA,IACX;AAAA,IACA,OAAO;AAAA,MACL,SAAS,CAAC;AAAA,MACV,OAAO,CAAC;AAAA,IACV;AAAA,IACA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI,EAAE,MAAM,2BAA2B,MAAM,SAAS;AAAA,MACtD,IAAI,EAAE,MAAM,0BAA0B,MAAM,SAAS;AAAA,MACrD,IAAI,EAAE,MAAM,0BAA0B,MAAM,SAAS;AAAA,MACrD,OAAO,EAAE,MAAM,sBAAsB,MAAM,WAAW;AAAA,IACxD;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA;AAAA,MACE,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA;AAAA,MACE,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAO;AAAA,EACT;AACF,CAAC;AAKM,IAAM,oBAAoB,GAAG;AAAA,EAClC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;","names":[]}
|
|
@@ -3,7 +3,7 @@ import {
|
|
|
3
3
|
} from "./chunk-C7FUGWVY.mjs";
|
|
4
4
|
import {
|
|
5
5
|
dataFocusVisibleClasses
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-5T7MRJOK.mjs";
|
|
7
7
|
import {
|
|
8
8
|
tv
|
|
9
9
|
} from "./chunk-4JENAMGV.mjs";
|
|
@@ -329,4 +329,4 @@ var paginationStyles = tv({
|
|
|
329
329
|
export {
|
|
330
330
|
paginationStyles
|
|
331
331
|
};
|
|
332
|
-
//# sourceMappingURL=chunk-
|
|
332
|
+
//# sourceMappingURL=chunk-LYDWTTON.mjs.map
|
|
@@ -25,7 +25,7 @@ var navbarStyles = tv({
|
|
|
25
25
|
"bg-base-canvas-default"
|
|
26
26
|
],
|
|
27
27
|
wrapper: "relative z-40 flex h-(--navbar-height) w-full flex-row flex-nowrap items-center justify-between gap-4",
|
|
28
|
-
toggle: "
|
|
28
|
+
toggle: "text-base-content-strong group -ml-3.5",
|
|
29
29
|
toggleIcon: [
|
|
30
30
|
"pointer-events-none text-inherit",
|
|
31
31
|
// before - first line
|
|
@@ -38,7 +38,7 @@ var navbarStyles = tv({
|
|
|
38
38
|
brand: "",
|
|
39
39
|
content: "flex h-full flex-row flex-nowrap items-center gap-4 data-[justify=center]:justify-center data-[justify=end]:flex-grow data-[justify=end]:basis-0 data-[justify=end]:justify-end data-[justify=start]:flex-grow data-[justify=start]:basis-0 data-[justify=start]:justify-start",
|
|
40
40
|
item: "",
|
|
41
|
-
menu: "bg-base-canvas-default fixed inset-x-0 top-(--
|
|
41
|
+
menu: "bg-base-canvas-default fixed inset-x-0 top-(--menu-offset) bottom-0 z-30 flex w-screen max-w-full flex-col gap-2 overflow-y-auto px-6 pt-2 pb-4",
|
|
42
42
|
menuItem: ""
|
|
43
43
|
},
|
|
44
44
|
variants: {
|
|
@@ -67,4 +67,4 @@ export {
|
|
|
67
67
|
navbarMenuItemStyles,
|
|
68
68
|
navbarStyles
|
|
69
69
|
};
|
|
70
|
-
//# sourceMappingURL=chunk-
|
|
70
|
+
//# sourceMappingURL=chunk-MM7SNX6S.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/navbar.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const navbarToggleStyles = tv({})\n\nexport const navbarMenuItemStyles = tv({\n variants: {\n isActive: {\n true: \"\",\n },\n },\n})\n\nexport const navbarStyles = tv({\n slots: {\n base: [\n \"px-6\",\n \"flex\",\n \"z-40\",\n \"w-full\",\n \"h-auto\",\n \"items-center\",\n \"justify-center\",\n \"data-[menu-open=true]:border-none\",\n \"bg-base-canvas-default\",\n ],\n wrapper:\n \"relative z-40 flex h-(--navbar-height) w-full flex-row flex-nowrap items-center justify-between gap-4\",\n toggle: \"
|
|
1
|
+
{"version":3,"sources":["../src/components/navbar.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const navbarToggleStyles = tv({})\n\nexport const navbarMenuItemStyles = tv({\n variants: {\n isActive: {\n true: \"\",\n },\n },\n})\n\nexport const navbarStyles = tv({\n slots: {\n base: [\n \"px-6\",\n \"flex\",\n \"z-40\",\n \"w-full\",\n \"h-auto\",\n \"items-center\",\n \"justify-center\",\n \"data-[menu-open=true]:border-none\",\n \"bg-base-canvas-default\",\n ],\n wrapper:\n \"relative z-40 flex h-(--navbar-height) w-full flex-row flex-nowrap items-center justify-between gap-4\",\n toggle: \"text-base-content-strong group -ml-3.5\",\n toggleIcon: [\n \"pointer-events-none text-inherit\",\n // before - first line\n \"before:block before:h-0.5 before:-translate-y-1.5 before:rotate-0 before:rounded-xs before:bg-current before:transition-transform before:duration-150 before:content-[''] group-data-[open=true]:before:translate-y-0 group-data-[open=true]:before:rotate-45\",\n // middle line\n \"block h-0.5 w-full rounded-xs bg-current transition-opacity duration-150 group-data-[open=true]:bg-transparent\",\n // after - third line\n \"after:block after:h-0.5 after:translate-y-1 after:rotate-0 after:rounded-xs after:bg-current after:transition-transform after:duration-150 after:content-[''] group-data-[open=true]:after:-translate-y-0.5 group-data-[open=true]:after:-rotate-45\",\n ],\n brand: \"\",\n content:\n \"flex h-full flex-row flex-nowrap items-center gap-4 data-[justify=center]:justify-center data-[justify=end]:flex-grow data-[justify=end]:basis-0 data-[justify=end]:justify-end data-[justify=start]:flex-grow data-[justify=start]:basis-0 data-[justify=start]:justify-start\",\n item: \"\",\n menu: \"bg-base-canvas-default fixed inset-x-0 top-(--menu-offset) bottom-0 z-30 flex w-screen max-w-full flex-col gap-2 overflow-y-auto px-6 pt-2 pb-4\",\n menuItem: \"\",\n },\n variants: {\n position: {\n static: {\n base: \"static\",\n },\n sticky: {\n base: \"sticky inset-x-0 top-0\",\n },\n },\n hasBorder: {\n true: {\n base: \"border-base-divider-medium border-b\",\n },\n },\n },\n defaultVariants: {\n position: \"sticky\",\n hasBorder: true,\n },\n})\n\nexport type NavbarVariantProps = VariantProps<typeof navbarStyles>\nexport type NavbarSlots = keyof ReturnType<typeof navbarStyles>\n"],"mappings":";;;;;AAIO,IAAM,qBAAqB,GAAG,CAAC,CAAC;AAEhC,IAAM,uBAAuB,GAAG;AAAA,EACrC,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC;AAEM,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,SACE;AAAA,IACF,QAAQ;AAAA,IACR,YAAY;AAAA,MACV;AAAA;AAAA,MAEA;AAAA;AAAA,MAEA;AAAA;AAAA,MAEA;AAAA,IACF;AAAA,IACA,OAAO;AAAA,IACP,SACE;AAAA,IACF,MAAM;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,IACV,WAAW;AAAA,EACb;AACF,CAAC;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=chunk-MYV2PXUC.mjs.map
|
|
@@ -1,6 +1,6 @@
|
|
|
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
6
|
var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
|
|
@@ -17,7 +17,7 @@ var calendarStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
17
17
|
content: "",
|
|
18
18
|
cell: [
|
|
19
19
|
"text-base-content-default outside-month:text-interaction-support-disabled-content disabled:text-interaction-support-disabled-content unavailable:text-interaction-support-disabled-content unavailable:line-through unavailable:cursor-default data-[highlighted=true]:border-utility-focus-default relative my-0.25 flex cursor-pointer items-center justify-center rounded-full border border-transparent transition-colors duration-150 disabled:cursor-default",
|
|
20
|
-
...
|
|
20
|
+
..._chunkQ2IC5MPBjs.focusClasses
|
|
21
21
|
],
|
|
22
22
|
grid: "",
|
|
23
23
|
calendar: "",
|
|
@@ -110,4 +110,4 @@ var calendarStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
110
110
|
|
|
111
111
|
|
|
112
112
|
exports.calendarStyles = calendarStyles;
|
|
113
|
-
//# sourceMappingURL=chunk-
|
|
113
|
+
//# sourceMappingURL=chunk-O3YULW5E.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-O3YULW5E.js","../src/components/calendar.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-O3YULW5E.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const calendarStyles = tv({\n slots: {\n base: \"relative isolate inline-block h-fit max-w-full overflow-y-hidden\",\n prevButton: \"\",\n nextButton: \"\",\n buttonGroup: \"justify-self-end\",\n header:\n \"text-interaction-sub-active flex flex-wrap items-center justify-between\",\n title: \"\",\n content: \"\",\n cell: [\n \"text-base-content-default outside-month:text-interaction-support-disabled-content disabled:text-interaction-support-disabled-content unavailable:text-interaction-support-disabled-content unavailable:line-through unavailable:cursor-default data-[highlighted=true]:border-utility-focus-default relative my-0.25 flex cursor-pointer items-center justify-center rounded-full border border-transparent transition-colors duration-150 disabled:cursor-default\",\n ...focusClasses,\n ],\n grid: \"\",\n calendar: \"\",\n gridWrapper: \"-m-1 flex gap-x-4 overflow-x-auto p-1 max-sm:block\",\n gridHeader: \"\",\n gridHeaderCell: \"text-base-content-default\",\n gridBody: \"\",\n yearSelector: \"min-w-fit\",\n monthSelector: \"min-w-fit\",\n yearList: \"\",\n monthList: \"\",\n selectorText: \"text-interaction-sub-active\",\n selectors: \"flex flex-row gap-0.5\",\n bottomContentWrapper:\n \"border-base-divider-medium flex flex-1 items-center justify-center border-t\",\n todayButton: \"\",\n errorMessage: \"\",\n },\n variants: {\n variant: {},\n isRange: {\n true: {\n cell: \"outside-month:before:hidden transition-none before:absolute before:inset-0 before:z-[-1] before:content-['']\",\n },\n },\n isMultipleMonths: {\n true: {\n cell: \"outside-month:hidden\",\n },\n },\n isSelected: {\n true: \"\",\n },\n size: {\n sm: {\n base: \"px-2 py-2\",\n gridHeaderCell: \"prose-caption-1 w-10 p-2.5\",\n header: \"prose-subhead-2 min-h-10 px-4\",\n cell: \"prose-body-2 mx-auto h-9 w-9\",\n monthSelector: \"p-1\",\n selectorText: \"prose-subhead-2\",\n yearSelector: \"p-1\",\n nextButton: \"-mr-4\",\n selectors: \"-ml-2\",\n bottomContentWrapper: \"-mx-2 px-2 pt-2\",\n calendar: \"pb-2\",\n },\n md: {\n base: \"px-2 py-3\",\n gridHeaderCell: \"prose-subhead-2 w-11 p-3\",\n header: \"prose-subhead-1 min-h-11 px-4\",\n cell: \"prose-body-1 mx-auto h-10 w-10\",\n monthSelector: \"p-1\",\n selectorText: \"prose-subhead-1\",\n yearSelector: \"p-1\",\n nextButton: \"-mr-4\",\n selectors: \"-ml-1.5\",\n bottomContentWrapper: \"-mx-2 -mb-1 px-2 pt-2\",\n calendar: \"pb-3\",\n },\n },\n },\n compoundVariants: [\n {\n isRange: false,\n isSelected: true,\n className: {\n cell: \"bg-interaction-main-default text-base-content-inverse invalid:bg-interaction-critical-default forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:invalid:bg-[Mark]\",\n },\n },\n {\n isRange: false,\n isSelected: false,\n className: {\n cell: \"not-unavailable:hover:bg-interaction-muted-main-hover not-unavailable:pressed:bg-interaction-muted-main-active\",\n },\n },\n {\n isRange: true,\n isSelected: true,\n className: {\n cell: \"selection-start:not-data-[range-end=true]:before:rounded-s-full selection-start:data-[range-end=true]:before:rounded-e-sm selection-end:before:w-[50%] selection-end:rounded-full selection-start:rounded-full selection-start:bg-interaction-main-default selection-start:text-base-content-inverse selection-end:bg-interaction-main-default selection-end:text-base-content-inverse before:bg-interaction-muted-main-active selection-start:before:ms-0 selection-end:before:me-0 selection-end:not-selection-start:data-[range-start=true]:before:rounded-s-sm selection-start:data-[range-end=true]:before:w-[50%] selection-start:data-[range-end=true]:before:left-[50%] before:-mx-1 data-[range-end=true]:before:me-0 data-[range-end=true]:before:rounded-e-sm data-[range-start=true]:before:ms-0 data-[range-start=true]:before:rounded-s-sm\",\n },\n },\n ],\n defaultVariants: {\n size: \"sm\",\n },\n})\n\nexport type CalendarVariantProps = VariantProps<typeof calendarStyles>\nexport type CalendarSlots = keyof ReturnType<typeof calendarStyles>\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
focusVisibleClasses
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-5T7MRJOK.mjs";
|
|
4
4
|
import {
|
|
5
5
|
tv
|
|
6
6
|
} from "./chunk-4JENAMGV.mjs";
|
|
@@ -173,7 +173,7 @@ var modalStyles = tv({
|
|
|
173
173
|
}
|
|
174
174
|
],
|
|
175
175
|
defaultVariants: {
|
|
176
|
-
overlay: "
|
|
176
|
+
overlay: "opaque",
|
|
177
177
|
size: "desktop",
|
|
178
178
|
radius: "sm",
|
|
179
179
|
scrollBehavior: "normal",
|
|
@@ -184,4 +184,4 @@ var modalStyles = tv({
|
|
|
184
184
|
export {
|
|
185
185
|
modalStyles
|
|
186
186
|
};
|
|
187
|
-
//# sourceMappingURL=chunk-
|
|
187
|
+
//# sourceMappingURL=chunk-PJN27WWI.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/modal.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const modalStyles = tv({\n slots: {\n base: \"bg-base-canvas-default relative z-50 mx-1 my-1 box-border flex w-full max-w-md flex-col rounded-2xl border border-black/10 bg-clip-padding text-left align-middle text-slate-700 shadow-md outline-none sm:mx-6 sm:my-16 dark:border-white/10 dark:bg-zinc-800/70 dark:text-zinc-300 dark:backdrop-blur-2xl dark:backdrop-saturate-200 forced-colors:bg-[Canvas]\",\n overlay:\n \"fixed top-0 left-0 isolate z-50 flex h-(--visual-viewport-height) w-full items-center justify-center text-center\",\n dialog: \"flex h-full flex-col outline-none\",\n header: \"flex flex-initial px-6 py-4 text-start\",\n body: \"flex flex-1 flex-col gap-3 px-6 py-2 text-start\",\n footer: \"flex flex-row justify-end gap-2 px-6 py-4\",\n closeButton: [\n \"absolute end-1 top-1 appearance-none p-2 outline-none select-none\",\n ...focusVisibleClasses,\n ],\n },\n variants: {\n animation: {\n none: {},\n fade: {},\n zoom: {},\n },\n placement: {\n auto: {\n overlay: \"items-end sm:items-center\",\n },\n center: {\n overlay: \"items-center sm:items-center\",\n },\n top: {\n overlay: \"items-start sm:items-start\",\n },\n \"top-center\": {\n overlay: \"items-start sm:items-center\",\n },\n bottom: {\n overlay: \"items-end sm:items-end\",\n },\n \"bottom-center\": {\n overlay: \"items-end sm:items-center\",\n },\n },\n radius: {\n none: { base: \"rounded-none\" },\n sm: { base: \"rounded-sm\" },\n md: { base: \"rounded-md\" },\n lg: { base: \"rounded-lg\" },\n },\n overlay: {\n transparent: {\n overlay: \"bg-transparent\",\n },\n blur: {\n overlay: \"bg-base-canvas-overlay backdrop-blur-md\",\n },\n opaque: {\n overlay: \"bg-base-canvas-overlay\",\n },\n },\n isEntering: {\n true: {\n base: \"\",\n },\n },\n isExiting: {\n true: {\n base: \"\",\n },\n },\n size: {\n xs: {\n base: \"max-w-xs\",\n },\n sm: {\n base: \"max-w-sm\",\n },\n md: {\n base: \"max-w-md\",\n },\n lg: {\n base: \"max-w-lg\",\n },\n xl: {\n base: \"max-w-xl\",\n },\n \"2xl\": {\n base: \"max-w-2xl\",\n },\n \"3xl\": {\n base: \"max-w-3xl\",\n },\n \"4xl\": {\n base: \"max-w-4xl\",\n },\n \"5xl\": {\n base: \"max-w-5xl\",\n },\n desktop: {\n base: \"max-w-[680px]\",\n header: \"prose-h4\",\n body: \"prose-body-2\",\n },\n mobile: {\n base: \"max-w-[312px]\",\n header: \"prose-h5\",\n body: \"prose-body-2\",\n },\n full: {\n header: \"prose-h4\",\n body: \"prose-body-2\",\n dialog: \"flex-1\",\n base: \"mx-0 my-0 min-h-[100dvh] max-w-full !rounded-none sm:mx-0 sm:my-0\",\n },\n },\n scrollBehavior: {\n normal: {\n overlay: \"overflow-y-auto\",\n dialog: \"overflow-y-hidden\",\n },\n inside: {\n base: \"max-h-[calc(100%_-_8rem)]\",\n body: \"overflow-y-auto\",\n dialog: \"overflow-y-hidden\",\n },\n outside: {\n overlay: \"items-start overflow-y-auto sm:items-start\",\n base: \"my-16\",\n },\n },\n },\n compoundVariants: [\n // Special affordance for full screen modals to align to top and allow scrolling\n {\n size: \"full\",\n scrollBehavior: \"normal\",\n class: {\n overlay: \"overflow-y-auto\",\n },\n },\n // Animations\n {\n isEntering: true,\n animation: \"zoom\",\n class: {\n base: \"animate-in zoom-in-105 duration-200 ease-in\",\n },\n },\n {\n isExiting: true,\n animation: \"zoom\",\n class: {\n base: \"motion-safe:animate-out motion-safe:zoom-out-105 duration-200 ease-out\",\n },\n },\n {\n isEntering: true,\n animation: [\"fade\", \"zoom\"],\n class: {\n overlay:\n \"motion-safe:animate-in motion-safe:fade-in duration-200 ease-out\",\n },\n },\n {\n isExiting: true,\n animation: [\"fade\", \"zoom\"],\n class: {\n overlay:\n \"motion-safe:animate-out motion-safe:fade-out duration-200 ease-in\",\n },\n },\n ],\n defaultVariants: {\n overlay: \"
|
|
1
|
+
{"version":3,"sources":["../src/components/modal.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const modalStyles = tv({\n slots: {\n base: \"bg-base-canvas-default relative z-50 mx-1 my-1 box-border flex w-full max-w-md flex-col rounded-2xl border border-black/10 bg-clip-padding text-left align-middle text-slate-700 shadow-md outline-none sm:mx-6 sm:my-16 dark:border-white/10 dark:bg-zinc-800/70 dark:text-zinc-300 dark:backdrop-blur-2xl dark:backdrop-saturate-200 forced-colors:bg-[Canvas]\",\n overlay:\n \"fixed top-0 left-0 isolate z-50 flex h-(--visual-viewport-height) w-full items-center justify-center text-center\",\n dialog: \"flex h-full flex-col outline-none\",\n header: \"flex flex-initial px-6 py-4 text-start\",\n body: \"flex flex-1 flex-col gap-3 px-6 py-2 text-start\",\n footer: \"flex flex-row justify-end gap-2 px-6 py-4\",\n closeButton: [\n \"absolute end-1 top-1 appearance-none p-2 outline-none select-none\",\n ...focusVisibleClasses,\n ],\n },\n variants: {\n animation: {\n none: {},\n fade: {},\n zoom: {},\n },\n placement: {\n auto: {\n overlay: \"items-end sm:items-center\",\n },\n center: {\n overlay: \"items-center sm:items-center\",\n },\n top: {\n overlay: \"items-start sm:items-start\",\n },\n \"top-center\": {\n overlay: \"items-start sm:items-center\",\n },\n bottom: {\n overlay: \"items-end sm:items-end\",\n },\n \"bottom-center\": {\n overlay: \"items-end sm:items-center\",\n },\n },\n radius: {\n none: { base: \"rounded-none\" },\n sm: { base: \"rounded-sm\" },\n md: { base: \"rounded-md\" },\n lg: { base: \"rounded-lg\" },\n },\n overlay: {\n transparent: {\n overlay: \"bg-transparent\",\n },\n blur: {\n overlay: \"bg-base-canvas-overlay backdrop-blur-md\",\n },\n opaque: {\n overlay: \"bg-base-canvas-overlay\",\n },\n },\n isEntering: {\n true: {\n base: \"\",\n },\n },\n isExiting: {\n true: {\n base: \"\",\n },\n },\n size: {\n xs: {\n base: \"max-w-xs\",\n },\n sm: {\n base: \"max-w-sm\",\n },\n md: {\n base: \"max-w-md\",\n },\n lg: {\n base: \"max-w-lg\",\n },\n xl: {\n base: \"max-w-xl\",\n },\n \"2xl\": {\n base: \"max-w-2xl\",\n },\n \"3xl\": {\n base: \"max-w-3xl\",\n },\n \"4xl\": {\n base: \"max-w-4xl\",\n },\n \"5xl\": {\n base: \"max-w-5xl\",\n },\n desktop: {\n base: \"max-w-[680px]\",\n header: \"prose-h4\",\n body: \"prose-body-2\",\n },\n mobile: {\n base: \"max-w-[312px]\",\n header: \"prose-h5\",\n body: \"prose-body-2\",\n },\n full: {\n header: \"prose-h4\",\n body: \"prose-body-2\",\n dialog: \"flex-1\",\n base: \"mx-0 my-0 min-h-[100dvh] max-w-full !rounded-none sm:mx-0 sm:my-0\",\n },\n },\n scrollBehavior: {\n normal: {\n overlay: \"overflow-y-auto\",\n dialog: \"overflow-y-hidden\",\n },\n inside: {\n base: \"max-h-[calc(100%_-_8rem)]\",\n body: \"overflow-y-auto\",\n dialog: \"overflow-y-hidden\",\n },\n outside: {\n overlay: \"items-start overflow-y-auto sm:items-start\",\n base: \"my-16\",\n },\n },\n },\n compoundVariants: [\n // Special affordance for full screen modals to align to top and allow scrolling\n {\n size: \"full\",\n scrollBehavior: \"normal\",\n class: {\n overlay: \"overflow-y-auto\",\n },\n },\n // Animations\n {\n isEntering: true,\n animation: \"zoom\",\n class: {\n base: \"animate-in zoom-in-105 duration-200 ease-in\",\n },\n },\n {\n isExiting: true,\n animation: \"zoom\",\n class: {\n base: \"motion-safe:animate-out motion-safe:zoom-out-105 duration-200 ease-out\",\n },\n },\n {\n isEntering: true,\n animation: [\"fade\", \"zoom\"],\n class: {\n overlay:\n \"motion-safe:animate-in motion-safe:fade-in duration-200 ease-out\",\n },\n },\n {\n isExiting: true,\n animation: [\"fade\", \"zoom\"],\n class: {\n overlay:\n \"motion-safe:animate-out motion-safe:fade-out duration-200 ease-in\",\n },\n },\n ],\n defaultVariants: {\n overlay: \"opaque\",\n size: \"desktop\",\n radius: \"sm\",\n scrollBehavior: \"normal\",\n animation: \"zoom\",\n },\n})\n\nexport type ModalVariantProps = VariantProps<typeof modalStyles>\nexport type ModalSlots = keyof ReturnType<typeof modalStyles>\n"],"mappings":"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","names":[]}
|
|
@@ -3,7 +3,7 @@ import {
|
|
|
3
3
|
} from "./chunk-HAUMMW6T.mjs";
|
|
4
4
|
import {
|
|
5
5
|
racFocusRing
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-5T7MRJOK.mjs";
|
|
7
7
|
import {
|
|
8
8
|
tv
|
|
9
9
|
} from "./chunk-4JENAMGV.mjs";
|
|
@@ -112,4 +112,4 @@ export {
|
|
|
112
112
|
checkboxStyles,
|
|
113
113
|
checkboxGroupStyles
|
|
114
114
|
};
|
|
115
|
-
//# sourceMappingURL=chunk-
|
|
115
|
+
//# sourceMappingURL=chunk-PXQEYRFL.mjs.map
|
|
@@ -42,6 +42,14 @@ var racFocusRing = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
});
|
|
45
|
+
var translateCenterClasses = [
|
|
46
|
+
"absolute",
|
|
47
|
+
"top-1/2",
|
|
48
|
+
"left-1/2",
|
|
49
|
+
"-translate-x-1/2",
|
|
50
|
+
"-translate-y-1/2"
|
|
51
|
+
];
|
|
52
|
+
|
|
45
53
|
|
|
46
54
|
|
|
47
55
|
|
|
@@ -49,5 +57,5 @@ var racFocusRing = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
49
57
|
|
|
50
58
|
|
|
51
59
|
|
|
52
|
-
exports.focusVisibleClasses = focusVisibleClasses; exports.dataFocusVisibleClasses = dataFocusVisibleClasses; exports.focusClasses = focusClasses; exports.groupFocusVisibleClasses = groupFocusVisibleClasses; exports.racFocusRing = racFocusRing;
|
|
53
|
-
//# sourceMappingURL=chunk-
|
|
60
|
+
exports.focusVisibleClasses = focusVisibleClasses; exports.dataFocusVisibleClasses = dataFocusVisibleClasses; exports.focusClasses = focusClasses; exports.groupFocusVisibleClasses = groupFocusVisibleClasses; exports.racFocusRing = racFocusRing; exports.translateCenterClasses = translateCenterClasses;
|
|
61
|
+
//# sourceMappingURL=chunk-Q2IC5MPB.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-Q2IC5MPB.js","../src/utils/classes.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,oBAAA,EAAsB;AAAA,EACjC,cAAA;AAAA,EACA,qBAAA;AAAA,EACA,kBAAA;AAAA,EACA,6CAAA;AAAA,EACA,6BAAA;AAAA,EACA;AACF,CAAA;AAEO,IAAM,wBAAA,EAA0B;AAAA,EACrC,cAAA;AAAA,EACA,qBAAA;AAAA,EACA,kBAAA;AAAA,EACA,yDAAA;AAAA,EACA,yCAAA;AAAA,EACA;AACF,CAAA;AAEO,IAAM,aAAA,EAAe;AAAA,EAC1B,cAAA;AAAA,EACA,qBAAA;AAAA,EACA,kBAAA;AAAA,EACA,qCAAA;AAAA,EACA,qBAAA;AAAA,EACA;AACF,CAAA;AAEO,IAAM,yBAAA,EAA2B;AAAA,EACtC,uBAAA;AAAA,EACA,4BAAA;AAAA,EACA,+BAAA;AAAA,EACA;AACF,CAAA;AAEO,IAAM,aAAA,EAAe,iCAAA;AAAG,EAC7B,IAAA,EAAM,+BAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,cAAA,EAAgB;AAAA,MACd,KAAA,EAAO,qBAAA;AAAA,MACP,IAAA,EAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC,CAAA;AAKM,IAAM,uBAAA,EAAyB;AAAA,EACpC,UAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,kBAAA;AAAA,EACA;AACF,CAAA;ADJA;AACA;AACE;AACA;AACA;AACA;AACA;AACA;AACF,6SAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-Q2IC5MPB.js","sourcesContent":[null,"import { tv } from \"./tv\"\n\nexport const focusVisibleClasses = [\n \"outline-none\",\n \"outline-transparent\",\n \"outline-offset-2\",\n \"focus-visible:outline-utility-focus-default\",\n \"focus-visible:outline-solid\",\n \"focus-visible:outline-2\",\n] as const\n\nexport const dataFocusVisibleClasses = [\n \"outline-none\",\n \"outline-transparent\",\n \"outline-offset-2\",\n \"data-[focus-visible=true]:outline-utility-focus-default\",\n \"data-[focus-visible=true]:outline-solid\",\n \"data-[focus-visible=true]:outline-2\",\n] as const\n\nexport const focusClasses = [\n \"outline-none\",\n \"outline-transparent\",\n \"outline-offset-2\",\n \"focus:outline-utility-focus-default\",\n \"focus:outline-solid\",\n \"focus:outline-2\",\n] as const\n\nexport const groupFocusVisibleClasses = [\n \"in-focus-visible:z-10\",\n \"in-focus-visible:outline-2\",\n \"outline-utility-focus-default\",\n \"outline-offset-2\",\n] as const\n\nexport const racFocusRing = tv({\n base: \"outline-offset-2 outline-none\",\n variants: {\n isFocusVisible: {\n false: \"outline-transparent\",\n true: \"outline-utility-focus-default outline-2 outline-solid\",\n },\n },\n})\n\n/**\n * This classes centers the element by using absolute positioning.\n */\nexport const translateCenterClasses = [\n \"absolute\",\n \"top-1/2\",\n \"left-1/2\",\n \"-translate-x-1/2\",\n \"-translate-y-1/2\",\n]\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
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
6
|
var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
|
|
@@ -16,7 +16,7 @@ var modalStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
16
16
|
footer: "flex flex-row justify-end gap-2 px-6 py-4",
|
|
17
17
|
closeButton: [
|
|
18
18
|
"absolute end-1 top-1 appearance-none p-2 outline-none select-none",
|
|
19
|
-
...
|
|
19
|
+
..._chunkQ2IC5MPBjs.focusVisibleClasses
|
|
20
20
|
]
|
|
21
21
|
},
|
|
22
22
|
variants: {
|
|
@@ -173,7 +173,7 @@ var modalStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
173
173
|
}
|
|
174
174
|
],
|
|
175
175
|
defaultVariants: {
|
|
176
|
-
overlay: "
|
|
176
|
+
overlay: "opaque",
|
|
177
177
|
size: "desktop",
|
|
178
178
|
radius: "sm",
|
|
179
179
|
scrollBehavior: "normal",
|
|
@@ -184,4 +184,4 @@ var modalStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
184
184
|
|
|
185
185
|
|
|
186
186
|
exports.modalStyles = modalStyles;
|
|
187
|
-
//# sourceMappingURL=chunk-
|
|
187
|
+
//# sourceMappingURL=chunk-Q2U5WYZI.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-Q2U5WYZI.js","../src/components/modal.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-Q2U5WYZI.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const modalStyles = tv({\n slots: {\n base: \"bg-base-canvas-default relative z-50 mx-1 my-1 box-border flex w-full max-w-md flex-col rounded-2xl border border-black/10 bg-clip-padding text-left align-middle text-slate-700 shadow-md outline-none sm:mx-6 sm:my-16 dark:border-white/10 dark:bg-zinc-800/70 dark:text-zinc-300 dark:backdrop-blur-2xl dark:backdrop-saturate-200 forced-colors:bg-[Canvas]\",\n overlay:\n \"fixed top-0 left-0 isolate z-50 flex h-(--visual-viewport-height) w-full items-center justify-center text-center\",\n dialog: \"flex h-full flex-col outline-none\",\n header: \"flex flex-initial px-6 py-4 text-start\",\n body: \"flex flex-1 flex-col gap-3 px-6 py-2 text-start\",\n footer: \"flex flex-row justify-end gap-2 px-6 py-4\",\n closeButton: [\n \"absolute end-1 top-1 appearance-none p-2 outline-none select-none\",\n ...focusVisibleClasses,\n ],\n },\n variants: {\n animation: {\n none: {},\n fade: {},\n zoom: {},\n },\n placement: {\n auto: {\n overlay: \"items-end sm:items-center\",\n },\n center: {\n overlay: \"items-center sm:items-center\",\n },\n top: {\n overlay: \"items-start sm:items-start\",\n },\n \"top-center\": {\n overlay: \"items-start sm:items-center\",\n },\n bottom: {\n overlay: \"items-end sm:items-end\",\n },\n \"bottom-center\": {\n overlay: \"items-end sm:items-center\",\n },\n },\n radius: {\n none: { base: \"rounded-none\" },\n sm: { base: \"rounded-sm\" },\n md: { base: \"rounded-md\" },\n lg: { base: \"rounded-lg\" },\n },\n overlay: {\n transparent: {\n overlay: \"bg-transparent\",\n },\n blur: {\n overlay: \"bg-base-canvas-overlay backdrop-blur-md\",\n },\n opaque: {\n overlay: \"bg-base-canvas-overlay\",\n },\n },\n isEntering: {\n true: {\n base: \"\",\n },\n },\n isExiting: {\n true: {\n base: \"\",\n },\n },\n size: {\n xs: {\n base: \"max-w-xs\",\n },\n sm: {\n base: \"max-w-sm\",\n },\n md: {\n base: \"max-w-md\",\n },\n lg: {\n base: \"max-w-lg\",\n },\n xl: {\n base: \"max-w-xl\",\n },\n \"2xl\": {\n base: \"max-w-2xl\",\n },\n \"3xl\": {\n base: \"max-w-3xl\",\n },\n \"4xl\": {\n base: \"max-w-4xl\",\n },\n \"5xl\": {\n base: \"max-w-5xl\",\n },\n desktop: {\n base: \"max-w-[680px]\",\n header: \"prose-h4\",\n body: \"prose-body-2\",\n },\n mobile: {\n base: \"max-w-[312px]\",\n header: \"prose-h5\",\n body: \"prose-body-2\",\n },\n full: {\n header: \"prose-h4\",\n body: \"prose-body-2\",\n dialog: \"flex-1\",\n base: \"mx-0 my-0 min-h-[100dvh] max-w-full !rounded-none sm:mx-0 sm:my-0\",\n },\n },\n scrollBehavior: {\n normal: {\n overlay: \"overflow-y-auto\",\n dialog: \"overflow-y-hidden\",\n },\n inside: {\n base: \"max-h-[calc(100%_-_8rem)]\",\n body: \"overflow-y-auto\",\n dialog: \"overflow-y-hidden\",\n },\n outside: {\n overlay: \"items-start overflow-y-auto sm:items-start\",\n base: \"my-16\",\n },\n },\n },\n compoundVariants: [\n // Special affordance for full screen modals to align to top and allow scrolling\n {\n size: \"full\",\n scrollBehavior: \"normal\",\n class: {\n overlay: \"overflow-y-auto\",\n },\n },\n // Animations\n {\n isEntering: true,\n animation: \"zoom\",\n class: {\n base: \"animate-in zoom-in-105 duration-200 ease-in\",\n },\n },\n {\n isExiting: true,\n animation: \"zoom\",\n class: {\n base: \"motion-safe:animate-out motion-safe:zoom-out-105 duration-200 ease-out\",\n },\n },\n {\n isEntering: true,\n animation: [\"fade\", \"zoom\"],\n class: {\n overlay:\n \"motion-safe:animate-in motion-safe:fade-in duration-200 ease-out\",\n },\n },\n {\n isExiting: true,\n animation: [\"fade\", \"zoom\"],\n class: {\n overlay:\n \"motion-safe:animate-out motion-safe:fade-out duration-200 ease-in\",\n },\n },\n ],\n defaultVariants: {\n overlay: \"opaque\",\n size: \"desktop\",\n radius: \"sm\",\n scrollBehavior: \"normal\",\n animation: \"zoom\",\n },\n})\n\nexport type ModalVariantProps = VariantProps<typeof modalStyles>\nexport type ModalSlots = keyof ReturnType<typeof modalStyles>\n"]}
|
|
@@ -7,14 +7,14 @@ var _chunk7Y2HFACMjs = require('./chunk-7Y2HFACM.js');
|
|
|
7
7
|
var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _chunkQ2IC5MPBjs = require('./chunk-Q2IC5MPB.js');
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
|
|
14
14
|
|
|
15
15
|
// src/components/badge.ts
|
|
16
16
|
var badgeCloseButtonStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
17
|
-
extend:
|
|
17
|
+
extend: _chunkQ2IC5MPBjs.racFocusRing,
|
|
18
18
|
base: _chunkZIQLHX3Ujs.cn.call(void 0,
|
|
19
19
|
_chunk7Y2HFACMjs.colorVariantsWithState.clear.neutral,
|
|
20
20
|
"inline-flex cursor-pointer items-center justify-center rounded-full text-inherit transition"
|
|
@@ -280,4 +280,4 @@ var badgeStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
280
280
|
|
|
281
281
|
|
|
282
282
|
exports.badgeCloseButtonStyles = badgeCloseButtonStyles; exports.badgeStyles = badgeStyles;
|
|
283
|
-
//# sourceMappingURL=chunk-
|
|
283
|
+
//# sourceMappingURL=chunk-Q3HLBDZT.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-OIVEXSCX.js","../src/components/badge.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-OIVEXSCX.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn } from \"../utils\"\nimport { racFocusRing } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\nimport { colorVariants, colorVariantsWithState } from \"../utils/variants\"\n\nexport const badgeCloseButtonStyles = tv({\n extend: racFocusRing,\n base: cn(\n colorVariantsWithState.clear.neutral,\n \"inline-flex cursor-pointer items-center justify-center rounded-full text-inherit transition\",\n ),\n variants: {\n size: {\n xs: \"size-3\",\n sm: \"size-4\",\n md: \"size-4\",\n },\n },\n defaultVariants: {\n size: \"sm\",\n },\n})\n\nexport const badgeStyles = tv({\n slots: {\n base: \"relative box-border inline-flex max-w-fit min-w-min items-center justify-between whitespace-nowrap\",\n dot: \"\",\n content: \"flex-1 text-inherit\",\n },\n variants: {\n isCloseable: {\n true: \"\",\n },\n isDisabled: {\n true: { base: \"pointer-events-none opacity-60\" },\n },\n variant: {\n solid: {},\n subtle: {},\n outline: {\n base: \"border\",\n },\n dot: {\n base: \"text-base-content-default dark:text-base-content-inverse\",\n dot: \"mr-1 rounded-full\",\n },\n },\n size: {\n xs: {\n base: \"prose-legal h-5 gap-1 px-2 py-1\",\n dot: \"size-1.5\",\n },\n sm: {\n base: \"prose-caption-1 h-6 gap-1 px-2 py-1\",\n dot: \"size-2\",\n },\n md: {\n base: \"prose-body-2 h-7 gap-1 px-2.5 py-1\",\n dot: \"size-2\",\n },\n },\n color: {\n main: \"\",\n sub: \"\",\n success: \"\",\n neutral: \"\",\n warning: \"\",\n critical: \"\",\n },\n radius: {\n none: {\n base: \"rounded-none\",\n },\n sm: {\n base: \"rounded-sm\",\n },\n md: {\n base: \"rounded-md\",\n },\n lg: {\n base: \"rounded-lg\",\n },\n full: {\n base: \"rounded-full\",\n },\n },\n },\n compoundVariants: [\n // solid / color\n {\n variant: \"solid\",\n color: \"main\",\n className: {\n base: colorVariants.solid.main,\n },\n },\n {\n variant: \"solid\",\n color: \"sub\",\n className: {\n base: colorVariants.solid.sub,\n },\n },\n {\n variant: \"solid\",\n color: \"neutral\",\n className: {\n base: colorVariants.solid.neutral,\n },\n },\n {\n variant: \"solid\",\n color: \"critical\",\n className: {\n base: colorVariants.solid.critical,\n },\n },\n {\n variant: \"solid\",\n color: \"warning\",\n className: {\n base: colorVariants.solid.warning,\n },\n },\n {\n variant: \"solid\",\n color: \"success\",\n className: {\n base: colorVariants.solid.success,\n },\n },\n // subtle / color\n {\n variant: \"subtle\",\n color: \"main\",\n className: {\n base: \"bg-interaction-main-subtle-default text-interaction-main-default\",\n },\n },\n {\n variant: \"subtle\",\n color: \"sub\",\n className: {\n base: \"bg-interaction-sub-subtle-default text-interaction-sub-default\",\n },\n },\n {\n variant: \"subtle\",\n color: \"neutral\",\n className: {\n base: \"bg-interaction-neutral-subtle-default text-base-content-default\",\n },\n },\n {\n variant: \"subtle\",\n color: \"success\",\n className: {\n base: \"bg-interaction-success-subtle-default text-interaction-success-active\",\n },\n },\n {\n variant: \"subtle\",\n color: \"warning\",\n className: {\n base: \"bg-interaction-warning-subtle-default text-utility-feedback-warning-strong\",\n },\n },\n {\n variant: \"subtle\",\n color: \"critical\",\n className: {\n base: \"bg-interaction-critical-subtle-default text-interaction-critical-default\",\n },\n },\n // outline / color\n {\n variant: \"outline\",\n color: \"main\",\n className: {\n base: \"bg-interaction-main-subtle-default text-interaction-main-default border-interaction-main-subtle-hover\",\n },\n },\n {\n variant: \"outline\",\n color: \"sub\",\n className: {\n base: \"bg-interaction-sub-subtle-default text-interaction-sub-default border-interaction-sub-subtle-hover\",\n },\n },\n {\n variant: \"outline\",\n color: \"neutral\",\n className: {\n base: \"bg-interaction-neutral-subtle-default text-base-content-default border-interaction-neutral-subtle-hover\",\n },\n },\n {\n variant: \"outline\",\n color: \"success\",\n className: {\n base: \"bg-interaction-success-subtle-default text-interaction-success-active border-interaction-success-subtle-hover\",\n },\n },\n {\n variant: \"outline\",\n color: \"warning\",\n className: {\n base: \"bg-interaction-warning-subtle-default text-utility-feedback-warning-strong border-interaction-warning-hover\",\n },\n },\n {\n variant: \"outline\",\n color: \"critical\",\n className: {\n base: \"bg-interaction-critical-subtle-default text-interaction-critical-default border-interaction-critical-subtle-hover\",\n },\n },\n // dot / color\n {\n variant: \"dot\",\n color: \"main\",\n className: {\n dot: \"bg-interaction-main-default\",\n },\n },\n {\n variant: \"dot\",\n color: \"sub\",\n className: {\n dot: \"bg-interaction-sub-default\",\n },\n },\n {\n variant: \"dot\",\n color: \"neutral\",\n className: {\n dot: \"bg-interaction-neutral-default\",\n },\n },\n {\n variant: \"dot\",\n color: \"critical\",\n className: {\n dot: \"bg-interaction-critical-default\",\n },\n },\n {\n variant: \"dot\",\n color: \"warning\",\n className: {\n dot: \"bg-interaction-warning-default\",\n },\n },\n {\n variant: \"dot\",\n color: \"success\",\n className: {\n dot: \"bg-interaction-success-default\",\n },\n },\n ],\n defaultVariants: {\n variant: \"solid\",\n color: \"main\",\n size: \"sm\",\n radius: \"sm\",\n },\n})\n\nexport type BadgeVariantProps = VariantProps<typeof badgeStyles>\nexport type BadgeSlots = keyof typeof badgeStyles.slots\n"]}
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-Q3HLBDZT.js","../src/components/badge.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-Q3HLBDZT.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn } from \"../utils\"\nimport { racFocusRing } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\nimport { colorVariants, colorVariantsWithState } from \"../utils/variants\"\n\nexport const badgeCloseButtonStyles = tv({\n extend: racFocusRing,\n base: cn(\n colorVariantsWithState.clear.neutral,\n \"inline-flex cursor-pointer items-center justify-center rounded-full text-inherit transition\",\n ),\n variants: {\n size: {\n xs: \"size-3\",\n sm: \"size-4\",\n md: \"size-4\",\n },\n },\n defaultVariants: {\n size: \"sm\",\n },\n})\n\nexport const badgeStyles = tv({\n slots: {\n base: \"relative box-border inline-flex max-w-fit min-w-min items-center justify-between whitespace-nowrap\",\n dot: \"\",\n content: \"flex-1 text-inherit\",\n },\n variants: {\n isCloseable: {\n true: \"\",\n },\n isDisabled: {\n true: { base: \"pointer-events-none opacity-60\" },\n },\n variant: {\n solid: {},\n subtle: {},\n outline: {\n base: \"border\",\n },\n dot: {\n base: \"text-base-content-default dark:text-base-content-inverse\",\n dot: \"mr-1 rounded-full\",\n },\n },\n size: {\n xs: {\n base: \"prose-legal h-5 gap-1 px-2 py-1\",\n dot: \"size-1.5\",\n },\n sm: {\n base: \"prose-caption-1 h-6 gap-1 px-2 py-1\",\n dot: \"size-2\",\n },\n md: {\n base: \"prose-body-2 h-7 gap-1 px-2.5 py-1\",\n dot: \"size-2\",\n },\n },\n color: {\n main: \"\",\n sub: \"\",\n success: \"\",\n neutral: \"\",\n warning: \"\",\n critical: \"\",\n },\n radius: {\n none: {\n base: \"rounded-none\",\n },\n sm: {\n base: \"rounded-sm\",\n },\n md: {\n base: \"rounded-md\",\n },\n lg: {\n base: \"rounded-lg\",\n },\n full: {\n base: \"rounded-full\",\n },\n },\n },\n compoundVariants: [\n // solid / color\n {\n variant: \"solid\",\n color: \"main\",\n className: {\n base: colorVariants.solid.main,\n },\n },\n {\n variant: \"solid\",\n color: \"sub\",\n className: {\n base: colorVariants.solid.sub,\n },\n },\n {\n variant: \"solid\",\n color: \"neutral\",\n className: {\n base: colorVariants.solid.neutral,\n },\n },\n {\n variant: \"solid\",\n color: \"critical\",\n className: {\n base: colorVariants.solid.critical,\n },\n },\n {\n variant: \"solid\",\n color: \"warning\",\n className: {\n base: colorVariants.solid.warning,\n },\n },\n {\n variant: \"solid\",\n color: \"success\",\n className: {\n base: colorVariants.solid.success,\n },\n },\n // subtle / color\n {\n variant: \"subtle\",\n color: \"main\",\n className: {\n base: \"bg-interaction-main-subtle-default text-interaction-main-default\",\n },\n },\n {\n variant: \"subtle\",\n color: \"sub\",\n className: {\n base: \"bg-interaction-sub-subtle-default text-interaction-sub-default\",\n },\n },\n {\n variant: \"subtle\",\n color: \"neutral\",\n className: {\n base: \"bg-interaction-neutral-subtle-default text-base-content-default\",\n },\n },\n {\n variant: \"subtle\",\n color: \"success\",\n className: {\n base: \"bg-interaction-success-subtle-default text-interaction-success-active\",\n },\n },\n {\n variant: \"subtle\",\n color: \"warning\",\n className: {\n base: \"bg-interaction-warning-subtle-default text-utility-feedback-warning-strong\",\n },\n },\n {\n variant: \"subtle\",\n color: \"critical\",\n className: {\n base: \"bg-interaction-critical-subtle-default text-interaction-critical-default\",\n },\n },\n // outline / color\n {\n variant: \"outline\",\n color: \"main\",\n className: {\n base: \"bg-interaction-main-subtle-default text-interaction-main-default border-interaction-main-subtle-hover\",\n },\n },\n {\n variant: \"outline\",\n color: \"sub\",\n className: {\n base: \"bg-interaction-sub-subtle-default text-interaction-sub-default border-interaction-sub-subtle-hover\",\n },\n },\n {\n variant: \"outline\",\n color: \"neutral\",\n className: {\n base: \"bg-interaction-neutral-subtle-default text-base-content-default border-interaction-neutral-subtle-hover\",\n },\n },\n {\n variant: \"outline\",\n color: \"success\",\n className: {\n base: \"bg-interaction-success-subtle-default text-interaction-success-active border-interaction-success-subtle-hover\",\n },\n },\n {\n variant: \"outline\",\n color: \"warning\",\n className: {\n base: \"bg-interaction-warning-subtle-default text-utility-feedback-warning-strong border-interaction-warning-hover\",\n },\n },\n {\n variant: \"outline\",\n color: \"critical\",\n className: {\n base: \"bg-interaction-critical-subtle-default text-interaction-critical-default border-interaction-critical-subtle-hover\",\n },\n },\n // dot / color\n {\n variant: \"dot\",\n color: \"main\",\n className: {\n dot: \"bg-interaction-main-default\",\n },\n },\n {\n variant: \"dot\",\n color: \"sub\",\n className: {\n dot: \"bg-interaction-sub-default\",\n },\n },\n {\n variant: \"dot\",\n color: \"neutral\",\n className: {\n dot: \"bg-interaction-neutral-default\",\n },\n },\n {\n variant: \"dot\",\n color: \"critical\",\n className: {\n dot: \"bg-interaction-critical-default\",\n },\n },\n {\n variant: \"dot\",\n color: \"warning\",\n className: {\n dot: \"bg-interaction-warning-default\",\n },\n },\n {\n variant: \"dot\",\n color: \"success\",\n className: {\n dot: \"bg-interaction-success-default\",\n },\n },\n ],\n defaultVariants: {\n variant: \"solid\",\n color: \"main\",\n size: \"sm\",\n radius: \"sm\",\n },\n})\n\nexport type BadgeVariantProps = VariantProps<typeof badgeStyles>\nexport type BadgeSlots = keyof typeof badgeStyles.slots\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunkQ2IC5MPBjs = require('./chunk-Q2IC5MPB.js');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
|
|
@@ -12,7 +12,7 @@ var tagFieldStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
12
12
|
label: "",
|
|
13
13
|
group: "flex-wrap items-start",
|
|
14
14
|
tag: [
|
|
15
|
-
...
|
|
15
|
+
..._chunkQ2IC5MPBjs.focusVisibleClasses,
|
|
16
16
|
"bg-interaction-main-subtle-default hover:bg-interaction-main-subtle-hover focus:bg-interaction-main-subtle-hover text-interaction-main-default flex cursor-pointer flex-row items-center gap-1 rounded-md transition"
|
|
17
17
|
],
|
|
18
18
|
tagText: "line-clamp-1",
|
|
@@ -63,4 +63,4 @@ var tagFieldStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
63
63
|
|
|
64
64
|
|
|
65
65
|
exports.tagFieldStyles = tagFieldStyles;
|
|
66
|
-
//# sourceMappingURL=chunk-
|
|
66
|
+
//# sourceMappingURL=chunk-SFE4ALUT.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-SFE4ALUT.js","../src/components/tag-field.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,eAAA,EAAiB,iCAAA;AAAG,EAC/B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,qBAAA;AAAA,IACN,KAAA,EAAO,EAAA;AAAA,IACP,KAAA,EAAO,uBAAA;AAAA,IACP,GAAA,EAAK;AAAA,MACH,GAAG,oCAAA;AAAA,MACH;AAAA,IACF,CAAA;AAAA,IACA,OAAA,EAAS,cAAA;AAAA,IACT,OAAA,EAAS,yBAAA;AAAA,IACT,KAAA,EAAO,qBAAA;AAAA,IACP,OAAA,EAAS,4CAAA;AAAA,IACT,WAAA,EAAa,EAAA;AAAA,IACb,KAAA,EAAO,EAAA;AAAA,IACP,OAAA,EAAS,gBAAA;AAAA,IACT,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,KAAA,EAAO;AAAA,MACT;AAAA,IACF,CAAA;AAAA,IACA,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,sCAAA;AAAA,QACP,KAAA,EAAO,6CAAA;AAAA,QACP,GAAA,EAAK,oCAAA;AAAA,QACL,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,yCAAA;AAAA,QACP,KAAA,EAAO,UAAA;AAAA,QACP,GAAA,EAAK,0BAAA;AAAA,QACL,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,yCAAA;AAAA,QACP,KAAA,EAAO,UAAA;AAAA,QACP,GAAA,EAAK,2BAAA;AAAA,QACL,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADID;AACA;AACE;AACF,wCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-SFE4ALUT.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const tagFieldStyles = tv({\n slots: {\n root: \"flex flex-col gap-2\",\n label: \"\",\n group: \"flex-wrap items-start\",\n tag: [\n ...focusVisibleClasses,\n \"bg-interaction-main-subtle-default hover:bg-interaction-main-subtle-hover focus:bg-interaction-main-subtle-hover text-interaction-main-default flex cursor-pointer flex-row items-center gap-1 rounded-md transition\",\n ],\n tagText: \"line-clamp-1\",\n tagIcon: \"shrink-0 cursor-pointer\",\n field: \"h-auto min-w-24 p-0\",\n trigger: \"flex items-center aria-expanded:rotate-180\",\n description: \"\",\n error: \"\",\n popover: \"rounded-t-none\",\n list: \"relative z-10 max-h-80 w-(--trigger-width) overflow-y-auto p-0\",\n },\n variants: {\n isDisabled: {\n true: {\n group: \"\",\n },\n },\n variant: {},\n size: {\n xs: {\n group: \"prose-body-2 min-h-9 gap-1 px-2 py-1\",\n field: \"placeholder:prose-subhead-5 my-0.5 h-5 px-1\",\n tag: \"prose-caption-1 my-0.5 px-2 py-0.5\",\n tagIcon: \"size-3.5\",\n trigger: \"h-6 w-4\",\n },\n sm: {\n group: \"prose-body-2 min-h-10 gap-1 px-2 py-1.5\",\n field: \"h-6 px-1\",\n tag: \"prose-body-2 px-2 py-0.5\",\n tagIcon: \"size-4.5\",\n trigger: \"h-6 w-4\",\n },\n md: {\n group: \"prose-body-1 min-h-11 gap-1 px-2 py-1.5\",\n field: \"h-7 px-2\",\n tag: \"prose-subhead-2 px-2 py-1\",\n tagIcon: \"size-4.5\",\n trigger: \"h-7 w-5\",\n },\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n})\n\nexport type TagFieldVariantProps = VariantProps<typeof tagFieldStyles>\nexport type TagFieldSlots = keyof ReturnType<typeof tagFieldStyles>\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
focusClasses
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-5T7MRJOK.mjs";
|
|
4
4
|
import {
|
|
5
5
|
tv
|
|
6
6
|
} from "./chunk-4JENAMGV.mjs";
|
|
@@ -110,4 +110,4 @@ var calendarStyles = tv({
|
|
|
110
110
|
export {
|
|
111
111
|
calendarStyles
|
|
112
112
|
};
|
|
113
|
-
//# sourceMappingURL=chunk-
|
|
113
|
+
//# sourceMappingURL=chunk-UIQSZVDJ.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";//# sourceMappingURL=chunk-UJRQUFPW.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-UJRQUFPW.js"],"names":[],"mappings":"AAAA","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-UJRQUFPW.js"}
|