@opengovsg/oui-theme 0.0.43 → 0.0.44
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-OTTXATHZ.mjs → chunk-4EBHRWLK.mjs} +4 -4
- package/dist/{chunk-7DFBHBHC.js → chunk-4RROWABZ.js} +3 -3
- package/dist/{chunk-7DFBHBHC.js.map → chunk-4RROWABZ.js.map} +1 -1
- package/dist/{chunk-EB32WBTO.js → chunk-67CSB56L.js} +3 -3
- package/dist/{chunk-EB32WBTO.js.map → chunk-67CSB56L.js.map} +1 -1
- package/dist/{chunk-3WNL4Y7C.mjs → chunk-6N2TN2X4.mjs} +4 -4
- package/dist/{chunk-PJN27WWI.mjs → chunk-AY2DNDLA.mjs} +47 -8
- package/dist/chunk-AY2DNDLA.mjs.map +1 -0
- package/dist/{chunk-57Q4XH23.mjs → chunk-EN65IFT4.mjs} +3 -3
- package/dist/chunk-EN65IFT4.mjs.map +1 -0
- package/dist/{chunk-Q2U5WYZI.js → chunk-F5D7OEF3.js} +47 -8
- package/dist/chunk-F5D7OEF3.js.map +1 -0
- package/dist/{chunk-4YDU3Y66.mjs → chunk-FKMWPW55.mjs} +4 -4
- package/dist/{chunk-VGJP435W.mjs → chunk-J43XXSXH.mjs} +4 -4
- package/dist/{chunk-7U43MLWU.js → chunk-KJGY7JIN.js} +3 -3
- package/dist/{chunk-7U43MLWU.js.map → chunk-KJGY7JIN.js.map} +1 -1
- package/dist/{chunk-XYTEELVP.mjs → chunk-PXQEYRFL.mjs} +4 -4
- package/dist/{chunk-GWOK4F4Q.js → chunk-Q3HLBDZT.js} +3 -3
- package/dist/{chunk-GWOK4F4Q.js.map → chunk-Q3HLBDZT.js.map} +1 -1
- package/dist/{chunk-XJ43QIS4.js → chunk-VY64AMMQ.js} +3 -3
- package/dist/{chunk-XJ43QIS4.js.map → chunk-VY64AMMQ.js.map} +1 -1
- package/dist/{chunk-7WJ4UBGH.js → chunk-Z2MG2ZKM.js} +3 -3
- package/dist/{chunk-7WJ4UBGH.js.map → chunk-Z2MG2ZKM.js.map} +1 -1
- package/dist/components/accordion.js +3 -3
- package/dist/components/accordion.mjs +3 -3
- package/dist/components/badge.js +5 -5
- package/dist/components/badge.mjs +4 -4
- package/dist/components/button.js +5 -5
- package/dist/components/button.mjs +4 -4
- package/dist/components/calendar.js +3 -3
- package/dist/components/calendar.mjs +3 -3
- package/dist/components/checkbox.js +5 -5
- package/dist/components/checkbox.mjs +4 -4
- package/dist/components/govt-banner.js +5 -5
- package/dist/components/govt-banner.mjs +4 -4
- package/dist/components/index.js +19 -19
- package/dist/components/index.js.map +1 -1
- package/dist/components/index.mjs +20 -20
- package/dist/components/link.js +3 -3
- package/dist/components/link.mjs +3 -3
- package/dist/components/list-box.js +3 -3
- package/dist/components/list-box.mjs +3 -3
- package/dist/components/menu.js +3 -3
- package/dist/components/menu.mjs +3 -3
- package/dist/components/modal.d.mts +24 -0
- package/dist/components/modal.d.ts +24 -0
- package/dist/components/modal.js +5 -5
- package/dist/components/modal.mjs +4 -4
- package/dist/components/pagination.js +1 -1
- package/dist/components/pagination.mjs +1 -1
- package/dist/components/select.js +3 -3
- package/dist/components/select.mjs +3 -3
- package/dist/components/spinner.js +2 -2
- package/dist/components/spinner.mjs +1 -1
- package/dist/components/tag-field.js +3 -3
- package/dist/components/tag-field.mjs +3 -3
- package/dist/components/toggle.js +5 -5
- package/dist/components/toggle.mjs +4 -4
- package/dist/index.js +21 -21
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +27 -27
- package/dist/utils/index.js +5 -5
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/index.mjs +10 -10
- package/package.json +1 -1
- package/src/tailwind.css +41 -3
- package/dist/chunk-57Q4XH23.mjs.map +0 -1
- package/dist/chunk-PJN27WWI.mjs.map +0 -1
- package/dist/chunk-Q2U5WYZI.js.map +0 -1
- /package/dist/{chunk-OTTXATHZ.mjs.map → chunk-4EBHRWLK.mjs.map} +0 -0
- /package/dist/{chunk-3WNL4Y7C.mjs.map → chunk-6N2TN2X4.mjs.map} +0 -0
- /package/dist/{chunk-4YDU3Y66.mjs.map → chunk-FKMWPW55.mjs.map} +0 -0
- /package/dist/{chunk-VGJP435W.mjs.map → chunk-J43XXSXH.mjs.map} +0 -0
- /package/dist/{chunk-XYTEELVP.mjs.map → chunk-PXQEYRFL.mjs.map} +0 -0
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
focusVisibleClasses
|
|
3
|
-
} from "./chunk-5T7MRJOK.mjs";
|
|
4
1
|
import {
|
|
5
2
|
cn
|
|
6
3
|
} from "./chunk-HAUMMW6T.mjs";
|
|
4
|
+
import {
|
|
5
|
+
focusVisibleClasses
|
|
6
|
+
} from "./chunk-5T7MRJOK.mjs";
|
|
7
7
|
import {
|
|
8
8
|
tv
|
|
9
9
|
} from "./chunk-4JENAMGV.mjs";
|
|
@@ -33,4 +33,4 @@ var govtBannerStyles = tv({
|
|
|
33
33
|
export {
|
|
34
34
|
govtBannerStyles
|
|
35
35
|
};
|
|
36
|
-
//# sourceMappingURL=chunk-
|
|
36
|
+
//# sourceMappingURL=chunk-4EBHRWLK.mjs.map
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
var _chunk7Y2HFACMjs = require('./chunk-7Y2HFACM.js');
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var _chunkQ2IC5MPBjs = require('./chunk-Q2IC5MPB.js');
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
|
|
@@ -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-4RROWABZ.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-4RROWABZ.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-4RROWABZ.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 _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _chunkQ2IC5MPBjs = require('./chunk-Q2IC5MPB.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-67CSB56L.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-67CSB56L.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-67CSB56L.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"]}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
colorVariantsWithState
|
|
3
3
|
} from "./chunk-C7FUGWVY.mjs";
|
|
4
|
-
import {
|
|
5
|
-
focusVisibleClasses
|
|
6
|
-
} from "./chunk-5T7MRJOK.mjs";
|
|
7
4
|
import {
|
|
8
5
|
cn
|
|
9
6
|
} from "./chunk-HAUMMW6T.mjs";
|
|
7
|
+
import {
|
|
8
|
+
focusVisibleClasses
|
|
9
|
+
} from "./chunk-5T7MRJOK.mjs";
|
|
10
10
|
import {
|
|
11
11
|
tv
|
|
12
12
|
} from "./chunk-4JENAMGV.mjs";
|
|
@@ -205,4 +205,4 @@ var buttonStyles = tv({
|
|
|
205
205
|
export {
|
|
206
206
|
buttonStyles
|
|
207
207
|
};
|
|
208
|
-
//# sourceMappingURL=chunk-
|
|
208
|
+
//# sourceMappingURL=chunk-6N2TN2X4.mjs.map
|
|
@@ -23,7 +23,9 @@ var modalStyles = tv({
|
|
|
23
23
|
animation: {
|
|
24
24
|
none: {},
|
|
25
25
|
fade: {},
|
|
26
|
-
zoom: {}
|
|
26
|
+
zoom: {},
|
|
27
|
+
"slide-end": {},
|
|
28
|
+
"slide-start": {}
|
|
27
29
|
},
|
|
28
30
|
placement: {
|
|
29
31
|
auto: {
|
|
@@ -43,6 +45,12 @@ var modalStyles = tv({
|
|
|
43
45
|
},
|
|
44
46
|
"bottom-center": {
|
|
45
47
|
overlay: "items-end sm:items-center"
|
|
48
|
+
},
|
|
49
|
+
end: {
|
|
50
|
+
overlay: "justify-end sm:justify-end"
|
|
51
|
+
},
|
|
52
|
+
start: {
|
|
53
|
+
overlay: "justify-start sm:justify-start"
|
|
46
54
|
}
|
|
47
55
|
},
|
|
48
56
|
radius: {
|
|
@@ -101,12 +109,12 @@ var modalStyles = tv({
|
|
|
101
109
|
base: "max-w-5xl"
|
|
102
110
|
},
|
|
103
111
|
desktop: {
|
|
104
|
-
base: "max-w-
|
|
112
|
+
base: "max-w-170",
|
|
105
113
|
header: "prose-h4",
|
|
106
114
|
body: "prose-body-2"
|
|
107
115
|
},
|
|
108
116
|
mobile: {
|
|
109
|
-
base: "max-w-
|
|
117
|
+
base: "max-w-78",
|
|
110
118
|
header: "prose-h5",
|
|
111
119
|
body: "prose-body-2"
|
|
112
120
|
},
|
|
@@ -114,7 +122,7 @@ var modalStyles = tv({
|
|
|
114
122
|
header: "prose-h4",
|
|
115
123
|
body: "prose-body-2",
|
|
116
124
|
dialog: "flex-1",
|
|
117
|
-
base: "mx-0 my-0 min-h-
|
|
125
|
+
base: "mx-0 my-0 min-h-dvh max-w-full rounded-none! sm:mx-0 sm:my-0"
|
|
118
126
|
}
|
|
119
127
|
},
|
|
120
128
|
scrollBehavior: {
|
|
@@ -123,7 +131,7 @@ var modalStyles = tv({
|
|
|
123
131
|
dialog: "overflow-y-hidden"
|
|
124
132
|
},
|
|
125
133
|
inside: {
|
|
126
|
-
base: "max-h-[calc(100
|
|
134
|
+
base: "max-h-[calc(100%-8rem)]",
|
|
127
135
|
body: "overflow-y-auto",
|
|
128
136
|
dialog: "overflow-y-hidden"
|
|
129
137
|
},
|
|
@@ -143,6 +151,7 @@ var modalStyles = tv({
|
|
|
143
151
|
}
|
|
144
152
|
},
|
|
145
153
|
// Animations
|
|
154
|
+
// Zoom base
|
|
146
155
|
{
|
|
147
156
|
isEntering: true,
|
|
148
157
|
animation: "zoom",
|
|
@@ -157,16 +166,46 @@ var modalStyles = tv({
|
|
|
157
166
|
base: "motion-safe:animate-out motion-safe:zoom-out-105 duration-200 ease-out"
|
|
158
167
|
}
|
|
159
168
|
},
|
|
169
|
+
// Slide base
|
|
170
|
+
{
|
|
171
|
+
isEntering: true,
|
|
172
|
+
animation: "slide-end",
|
|
173
|
+
class: {
|
|
174
|
+
base: "animate-slide-end"
|
|
175
|
+
}
|
|
176
|
+
},
|
|
177
|
+
{
|
|
178
|
+
isExiting: true,
|
|
179
|
+
animation: "slide-end",
|
|
180
|
+
class: {
|
|
181
|
+
base: "animate-slide-end direction-reverse ease-in"
|
|
182
|
+
}
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
isEntering: true,
|
|
186
|
+
animation: "slide-start",
|
|
187
|
+
class: {
|
|
188
|
+
base: "animate-slide-start duration-initial"
|
|
189
|
+
}
|
|
190
|
+
},
|
|
191
|
+
{
|
|
192
|
+
isExiting: true,
|
|
193
|
+
animation: "slide-start",
|
|
194
|
+
class: {
|
|
195
|
+
base: "animate-slide-start direction-reverse ease-in"
|
|
196
|
+
}
|
|
197
|
+
},
|
|
198
|
+
// Overlay
|
|
160
199
|
{
|
|
161
200
|
isEntering: true,
|
|
162
|
-
animation: ["fade", "zoom"],
|
|
201
|
+
animation: ["fade", "zoom", "slide-start", "slide-end"],
|
|
163
202
|
class: {
|
|
164
203
|
overlay: "motion-safe:animate-in motion-safe:fade-in duration-200 ease-out"
|
|
165
204
|
}
|
|
166
205
|
},
|
|
167
206
|
{
|
|
168
207
|
isExiting: true,
|
|
169
|
-
animation: ["fade", "zoom"],
|
|
208
|
+
animation: ["fade", "zoom", "slide-start", "slide-end"],
|
|
170
209
|
class: {
|
|
171
210
|
overlay: "motion-safe:animate-out motion-safe:fade-out duration-200 ease-in"
|
|
172
211
|
}
|
|
@@ -184,4 +223,4 @@ var modalStyles = tv({
|
|
|
184
223
|
export {
|
|
185
224
|
modalStyles
|
|
186
225
|
};
|
|
187
|
-
//# sourceMappingURL=chunk-
|
|
226
|
+
//# sourceMappingURL=chunk-AY2DNDLA.mjs.map
|
|
@@ -0,0 +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 \"slide-end\": {},\n \"slide-start\": {},\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 end: {\n overlay: \"justify-end sm:justify-end\",\n },\n start: {\n overlay: \"justify-start sm:justify-start\",\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-170\",\n header: \"prose-h4\",\n body: \"prose-body-2\",\n },\n mobile: {\n base: \"max-w-78\",\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-dvh 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 // Zoom base\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 // Slide base\n {\n isEntering: true,\n animation: \"slide-end\",\n class: {\n base: \"animate-slide-end\",\n },\n },\n {\n isExiting: true,\n animation: \"slide-end\",\n class: {\n base: \"animate-slide-end direction-reverse ease-in\",\n },\n },\n {\n isEntering: true,\n animation: \"slide-start\",\n class: {\n base: \"animate-slide-start duration-initial\",\n },\n },\n {\n isExiting: true,\n animation: \"slide-start\",\n class: {\n base: \"animate-slide-start direction-reverse ease-in\",\n },\n },\n // Overlay\n {\n isEntering: true,\n animation: [\"fade\", \"zoom\", \"slide-start\", \"slide-end\"],\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\", \"slide-start\", \"slide-end\"],\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":[]}
|
|
@@ -12,7 +12,7 @@ var spinnerStyles = tv({
|
|
|
12
12
|
"w-full",
|
|
13
13
|
"h-full",
|
|
14
14
|
"rounded-full",
|
|
15
|
-
"animate-spinner
|
|
15
|
+
"animate-spinner ease-default repeat-infinite",
|
|
16
16
|
"border-2",
|
|
17
17
|
"border-solid",
|
|
18
18
|
"border-t-transparent",
|
|
@@ -25,7 +25,7 @@ var spinnerStyles = tv({
|
|
|
25
25
|
"h-full",
|
|
26
26
|
"rounded-full",
|
|
27
27
|
"opacity-75",
|
|
28
|
-
"animate-spinner-linear
|
|
28
|
+
"animate-spinner repeat-infinite ease-linear",
|
|
29
29
|
"border-2",
|
|
30
30
|
"border-dotted",
|
|
31
31
|
"border-t-transparent",
|
|
@@ -76,4 +76,4 @@ var spinnerStyles = tv({
|
|
|
76
76
|
export {
|
|
77
77
|
spinnerStyles
|
|
78
78
|
};
|
|
79
|
-
//# sourceMappingURL=chunk-
|
|
79
|
+
//# sourceMappingURL=chunk-EN65IFT4.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/spinner.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\n// TODO: Use typography from design system\n// TODO: Use design tokens from design system\n// TODO: Add more color schemes\n\nexport const spinnerStyles = tv({\n slots: {\n base: \"relative inline-flex flex-col items-center justify-center gap-2\",\n wrapper: \"relative flex\",\n circle1: [\n \"absolute\",\n \"w-full\",\n \"h-full\",\n \"rounded-full\",\n \"animate-spinner ease-default repeat-infinite\",\n \"border-2\",\n \"border-solid\",\n \"border-t-transparent\",\n \"border-l-transparent\",\n \"border-r-transparent\",\n ],\n circle2: [\n \"absolute\",\n \"w-full\",\n \"h-full\",\n \"rounded-full\",\n \"opacity-75\",\n \"animate-spinner repeat-infinite ease-linear\",\n \"border-2\",\n \"border-dotted\",\n \"border-t-transparent\",\n \"border-l-transparent\",\n \"border-r-transparent\",\n ],\n },\n variants: {\n size: {\n xs: {\n wrapper: \"h-4 w-4\",\n circle1: \"border-2\",\n circle2: \"border-2\",\n },\n sm: {\n wrapper: \"h-5 w-5\",\n circle1: \"border-2\",\n circle2: \"border-2\",\n },\n md: {\n wrapper: \"h-8 w-8\",\n circle1: \"border-3\",\n circle2: \"border-3\",\n },\n lg: {\n wrapper: \"h-10 w-10\",\n circle1: \"border-3\",\n circle2: \"border-3\",\n },\n },\n color: {\n current: {\n circle1: \"border-b-current\",\n circle2: \"border-b-current\",\n },\n white: {\n circle1: \"border-b-white\",\n circle2: \"border-b-white\",\n },\n },\n },\n defaultVariants: {\n size: \"md\",\n color: \"current\",\n },\n})\n\nexport type SpinnerVariantProps = VariantProps<typeof spinnerStyles>\nexport type SpinnerSlots = keyof ReturnType<typeof spinnerStyles>\n"],"mappings":";;;;;AAQO,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,MACA,IAAI;AAAA,QACF,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,MACA,IAAI;AAAA,QACF,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,MACA,IAAI;AAAA,QACF,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF,CAAC;","names":[]}
|
|
@@ -23,7 +23,9 @@ var modalStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
23
23
|
animation: {
|
|
24
24
|
none: {},
|
|
25
25
|
fade: {},
|
|
26
|
-
zoom: {}
|
|
26
|
+
zoom: {},
|
|
27
|
+
"slide-end": {},
|
|
28
|
+
"slide-start": {}
|
|
27
29
|
},
|
|
28
30
|
placement: {
|
|
29
31
|
auto: {
|
|
@@ -43,6 +45,12 @@ var modalStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
43
45
|
},
|
|
44
46
|
"bottom-center": {
|
|
45
47
|
overlay: "items-end sm:items-center"
|
|
48
|
+
},
|
|
49
|
+
end: {
|
|
50
|
+
overlay: "justify-end sm:justify-end"
|
|
51
|
+
},
|
|
52
|
+
start: {
|
|
53
|
+
overlay: "justify-start sm:justify-start"
|
|
46
54
|
}
|
|
47
55
|
},
|
|
48
56
|
radius: {
|
|
@@ -101,12 +109,12 @@ var modalStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
101
109
|
base: "max-w-5xl"
|
|
102
110
|
},
|
|
103
111
|
desktop: {
|
|
104
|
-
base: "max-w-
|
|
112
|
+
base: "max-w-170",
|
|
105
113
|
header: "prose-h4",
|
|
106
114
|
body: "prose-body-2"
|
|
107
115
|
},
|
|
108
116
|
mobile: {
|
|
109
|
-
base: "max-w-
|
|
117
|
+
base: "max-w-78",
|
|
110
118
|
header: "prose-h5",
|
|
111
119
|
body: "prose-body-2"
|
|
112
120
|
},
|
|
@@ -114,7 +122,7 @@ var modalStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
114
122
|
header: "prose-h4",
|
|
115
123
|
body: "prose-body-2",
|
|
116
124
|
dialog: "flex-1",
|
|
117
|
-
base: "mx-0 my-0 min-h-
|
|
125
|
+
base: "mx-0 my-0 min-h-dvh max-w-full rounded-none! sm:mx-0 sm:my-0"
|
|
118
126
|
}
|
|
119
127
|
},
|
|
120
128
|
scrollBehavior: {
|
|
@@ -123,7 +131,7 @@ var modalStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
123
131
|
dialog: "overflow-y-hidden"
|
|
124
132
|
},
|
|
125
133
|
inside: {
|
|
126
|
-
base: "max-h-[calc(100
|
|
134
|
+
base: "max-h-[calc(100%-8rem)]",
|
|
127
135
|
body: "overflow-y-auto",
|
|
128
136
|
dialog: "overflow-y-hidden"
|
|
129
137
|
},
|
|
@@ -143,6 +151,7 @@ var modalStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
143
151
|
}
|
|
144
152
|
},
|
|
145
153
|
// Animations
|
|
154
|
+
// Zoom base
|
|
146
155
|
{
|
|
147
156
|
isEntering: true,
|
|
148
157
|
animation: "zoom",
|
|
@@ -157,16 +166,46 @@ var modalStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
157
166
|
base: "motion-safe:animate-out motion-safe:zoom-out-105 duration-200 ease-out"
|
|
158
167
|
}
|
|
159
168
|
},
|
|
169
|
+
// Slide base
|
|
170
|
+
{
|
|
171
|
+
isEntering: true,
|
|
172
|
+
animation: "slide-end",
|
|
173
|
+
class: {
|
|
174
|
+
base: "animate-slide-end"
|
|
175
|
+
}
|
|
176
|
+
},
|
|
177
|
+
{
|
|
178
|
+
isExiting: true,
|
|
179
|
+
animation: "slide-end",
|
|
180
|
+
class: {
|
|
181
|
+
base: "animate-slide-end direction-reverse ease-in"
|
|
182
|
+
}
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
isEntering: true,
|
|
186
|
+
animation: "slide-start",
|
|
187
|
+
class: {
|
|
188
|
+
base: "animate-slide-start duration-initial"
|
|
189
|
+
}
|
|
190
|
+
},
|
|
191
|
+
{
|
|
192
|
+
isExiting: true,
|
|
193
|
+
animation: "slide-start",
|
|
194
|
+
class: {
|
|
195
|
+
base: "animate-slide-start direction-reverse ease-in"
|
|
196
|
+
}
|
|
197
|
+
},
|
|
198
|
+
// Overlay
|
|
160
199
|
{
|
|
161
200
|
isEntering: true,
|
|
162
|
-
animation: ["fade", "zoom"],
|
|
201
|
+
animation: ["fade", "zoom", "slide-start", "slide-end"],
|
|
163
202
|
class: {
|
|
164
203
|
overlay: "motion-safe:animate-in motion-safe:fade-in duration-200 ease-out"
|
|
165
204
|
}
|
|
166
205
|
},
|
|
167
206
|
{
|
|
168
207
|
isExiting: true,
|
|
169
|
-
animation: ["fade", "zoom"],
|
|
208
|
+
animation: ["fade", "zoom", "slide-start", "slide-end"],
|
|
170
209
|
class: {
|
|
171
210
|
overlay: "motion-safe:animate-out motion-safe:fade-out duration-200 ease-in"
|
|
172
211
|
}
|
|
@@ -184,4 +223,4 @@ var modalStyles = _chunkUZONBJUXjs.tv.call(void 0, {
|
|
|
184
223
|
|
|
185
224
|
|
|
186
225
|
exports.modalStyles = modalStyles;
|
|
187
|
-
//# sourceMappingURL=chunk-
|
|
226
|
+
//# sourceMappingURL=chunk-F5D7OEF3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-F5D7OEF3.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-F5D7OEF3.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 \"slide-end\": {},\n \"slide-start\": {},\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 end: {\n overlay: \"justify-end sm:justify-end\",\n },\n start: {\n overlay: \"justify-start sm:justify-start\",\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-170\",\n header: \"prose-h4\",\n body: \"prose-body-2\",\n },\n mobile: {\n base: \"max-w-78\",\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-dvh 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 // Zoom base\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 // Slide base\n {\n isEntering: true,\n animation: \"slide-end\",\n class: {\n base: \"animate-slide-end\",\n },\n },\n {\n isExiting: true,\n animation: \"slide-end\",\n class: {\n base: \"animate-slide-end direction-reverse ease-in\",\n },\n },\n {\n isEntering: true,\n animation: \"slide-start\",\n class: {\n base: \"animate-slide-start duration-initial\",\n },\n },\n {\n isExiting: true,\n animation: \"slide-start\",\n class: {\n base: \"animate-slide-start direction-reverse ease-in\",\n },\n },\n // Overlay\n {\n isEntering: true,\n animation: [\"fade\", \"zoom\", \"slide-start\", \"slide-end\"],\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\", \"slide-start\", \"slide-end\"],\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"]}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
groupFocusVisibleClasses
|
|
3
|
-
} from "./chunk-5T7MRJOK.mjs";
|
|
4
1
|
import {
|
|
5
2
|
cn
|
|
6
3
|
} from "./chunk-HAUMMW6T.mjs";
|
|
4
|
+
import {
|
|
5
|
+
groupFocusVisibleClasses
|
|
6
|
+
} from "./chunk-5T7MRJOK.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-FKMWPW55.mjs.map
|
|
@@ -2,12 +2,12 @@ import {
|
|
|
2
2
|
colorVariants,
|
|
3
3
|
colorVariantsWithState
|
|
4
4
|
} from "./chunk-C7FUGWVY.mjs";
|
|
5
|
-
import {
|
|
6
|
-
racFocusRing
|
|
7
|
-
} from "./chunk-5T7MRJOK.mjs";
|
|
8
5
|
import {
|
|
9
6
|
cn
|
|
10
7
|
} from "./chunk-HAUMMW6T.mjs";
|
|
8
|
+
import {
|
|
9
|
+
racFocusRing
|
|
10
|
+
} from "./chunk-5T7MRJOK.mjs";
|
|
11
11
|
import {
|
|
12
12
|
tv
|
|
13
13
|
} from "./chunk-4JENAMGV.mjs";
|
|
@@ -280,4 +280,4 @@ export {
|
|
|
280
280
|
badgeCloseButtonStyles,
|
|
281
281
|
badgeStyles
|
|
282
282
|
};
|
|
283
|
-
//# sourceMappingURL=chunk-
|
|
283
|
+
//# sourceMappingURL=chunk-J43XXSXH.mjs.map
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _chunkQ2IC5MPBjs = require('./chunk-Q2IC5MPB.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-KJGY7JIN.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-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"]}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
racFocusRing
|
|
3
|
-
} from "./chunk-5T7MRJOK.mjs";
|
|
4
1
|
import {
|
|
5
2
|
cn
|
|
6
3
|
} from "./chunk-HAUMMW6T.mjs";
|
|
4
|
+
import {
|
|
5
|
+
racFocusRing
|
|
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
|
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
var _chunk7Y2HFACMjs = require('./chunk-7Y2HFACM.js');
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
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');
|
|
@@ -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
|