@indielayer/ui 0.0.0-dev-20240205224808 → 0.0.0-dev-20240205230210
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/docs/components/toolbar/Toolbar.vue +2 -9
- package/docs/pages/component/form/usage.vue +16 -19
- package/lib/components/checkbox/theme/Checkbox.base.theme.js +35 -35
- package/lib/components/label/theme/Label.base.theme.js +1 -1
- package/lib/components/radio/theme/Radio.base.theme.js +27 -27
- package/lib/index.js +1 -1
- package/lib/index.umd.js +2 -2
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/src/components/checkbox/theme/Checkbox.base.theme.ts +5 -3
- package/src/components/label/theme/Label.base.theme.ts +1 -1
- package/src/components/radio/theme/Radio.base.theme.ts +5 -3
- package/src/version.ts +1 -1
|
@@ -25,7 +25,7 @@ const isDev = import.meta.env.DEV
|
|
|
25
25
|
|
|
26
26
|
<template>
|
|
27
27
|
<x-container fluid class="bg-white dark:bg-secondary-800">
|
|
28
|
-
<div class="flex justify-items-center items-center py-2">
|
|
28
|
+
<div class="flex justify-items-center items-center py-2 min-h-[54px]">
|
|
29
29
|
<a href="/" class="flex items-center">
|
|
30
30
|
<img src="@/assets/images/logo_mini.svg" width="26" alt="Indielayer"/>
|
|
31
31
|
<x-divider vertical class="!h-[24px] mx-3"/>
|
|
@@ -40,14 +40,7 @@ const isDev = import.meta.env.DEV
|
|
|
40
40
|
<x-spacer/>
|
|
41
41
|
|
|
42
42
|
<div class="flex items-center font-semibold text-sm">
|
|
43
|
-
|
|
44
|
-
v-if="isDev"
|
|
45
|
-
v-model="selected"
|
|
46
|
-
:options="options"
|
|
47
|
-
hide-footer
|
|
48
|
-
size="sm"
|
|
49
|
-
/>
|
|
50
|
-
<x-divider v-if="isDev" vertical style="height: 10px;" class="px-2"/>
|
|
43
|
+
|
|
51
44
|
<div class="tracking-wide text-xs">v{{ version }}</div>
|
|
52
45
|
<x-divider vertical style="height: 10px;" class="px-2 hidden sm:block"/>
|
|
53
46
|
<x-link
|
|
@@ -33,25 +33,22 @@ function onSubmit(isValid: string) {
|
|
|
33
33
|
|
|
34
34
|
<template>
|
|
35
35
|
<x-form title="Edit user information" description="Almost all fields are required" @submit="onSubmit">
|
|
36
|
-
<
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
/>
|
|
53
|
-
</div>
|
|
54
|
-
|
|
36
|
+
<x-input
|
|
37
|
+
v-model="email"
|
|
38
|
+
:rules="[rules.isRequired, rules.isEmail]"
|
|
39
|
+
name="email"
|
|
40
|
+
label="Email"
|
|
41
|
+
placeholder="Enter your email"
|
|
42
|
+
/>
|
|
43
|
+
<x-input
|
|
44
|
+
v-model="password"
|
|
45
|
+
type="password"
|
|
46
|
+
:rules="[rules.isRequired]"
|
|
47
|
+
name="password"
|
|
48
|
+
label="Password"
|
|
49
|
+
placeholder="Enter your password"
|
|
50
|
+
helper="Must be between 8 and 10 characters"
|
|
51
|
+
/>
|
|
55
52
|
<x-textarea
|
|
56
53
|
v-model="description"
|
|
57
54
|
name="description"
|
|
@@ -1,59 +1,59 @@
|
|
|
1
|
-
const
|
|
1
|
+
const i = {
|
|
2
2
|
classes: {
|
|
3
|
-
wrapper: ({ data:
|
|
4
|
-
const
|
|
5
|
-
return
|
|
3
|
+
wrapper: ({ data: e }) => {
|
|
4
|
+
const r = ["inline-block relative cursor-pointer align-middle"];
|
|
5
|
+
return e.isInsideForm && !e.isInsideFormGroup && r.push("mb-5"), r;
|
|
6
6
|
},
|
|
7
|
-
box: ({ props:
|
|
8
|
-
const
|
|
9
|
-
return
|
|
7
|
+
box: ({ props: e }) => {
|
|
8
|
+
const r = ["rounded flex justify-center items-center shrink-0 border border-[color:var(--x-checkbox-border)] bg-[color:var(--x-checkbox-bg)] dark:border-[color:var(--x-checkbox-dark-border)] dark:bg-[color:var(--x-checkbox-dark-bg)]"];
|
|
9
|
+
return e.size === "lg" ? r.push("h-5 w-5") : e.size === "xl" ? r.push("h-6 w-6") : r.push("h-4 w-4"), r;
|
|
10
10
|
},
|
|
11
|
-
content: ({ props:
|
|
12
|
-
const
|
|
13
|
-
return
|
|
11
|
+
content: ({ props: e }) => {
|
|
12
|
+
const r = ["flex items-baseline"];
|
|
13
|
+
return e.disabled && r.push("cursor-not-allowed"), r;
|
|
14
14
|
},
|
|
15
|
-
icon: ({ props:
|
|
16
|
-
const
|
|
17
|
-
return
|
|
15
|
+
icon: ({ props: e }) => {
|
|
16
|
+
const r = ["fill-current text-white"];
|
|
17
|
+
return e.size === "lg" ? r.push("h-3 w-3") : e.size === "xl" ? r.push("h-4 w-4") : r.push("h-2.5 w-2.5"), r;
|
|
18
18
|
},
|
|
19
|
-
label: ({ props: r }) => {
|
|
20
|
-
const
|
|
21
|
-
return r.size === "xs" ?
|
|
19
|
+
label: ({ props: e, data: r }) => {
|
|
20
|
+
const s = ["inline-block text-secondary-800 dark:text-secondary-200 pl-2"];
|
|
21
|
+
return s.push(r.isInsideFormGroup ? "font-normal" : "font-medium"), e.size === "xs" ? s.push("text-xs") : e.size === "sm" ? s.push("text-sm") : e.size === "lg" ? s.push("text-lg") : e.size === "xl" && s.push("text-xl"), s;
|
|
22
22
|
}
|
|
23
23
|
},
|
|
24
|
-
styles({ props:
|
|
25
|
-
const
|
|
26
|
-
return
|
|
24
|
+
styles({ props: e, colors: r, css: s, data: a }) {
|
|
25
|
+
const t = r.getPalette("gray"), l = r.getPalette(e.color), o = [];
|
|
26
|
+
return e.loading ? s.variables({
|
|
27
27
|
bg: "transparent",
|
|
28
28
|
border: "transparent",
|
|
29
29
|
dark: {
|
|
30
30
|
bg: "transparent",
|
|
31
31
|
border: "transparent"
|
|
32
32
|
}
|
|
33
|
-
}) : (
|
|
34
|
-
bg:
|
|
35
|
-
border:
|
|
33
|
+
}) : (e.disabled ? o.push(s.variables({
|
|
34
|
+
bg: t[100],
|
|
35
|
+
border: t[200],
|
|
36
36
|
dark: {
|
|
37
|
-
bg:
|
|
38
|
-
border:
|
|
37
|
+
bg: t[800],
|
|
38
|
+
border: t[700]
|
|
39
39
|
}
|
|
40
|
-
})) : (
|
|
41
|
-
bg:
|
|
42
|
-
border:
|
|
40
|
+
})) : (a.checked ? o.push(s.variables({
|
|
41
|
+
bg: l[500],
|
|
42
|
+
border: l[500],
|
|
43
43
|
dark: {
|
|
44
|
-
bg:
|
|
45
|
-
border:
|
|
44
|
+
bg: l[500],
|
|
45
|
+
border: l[500]
|
|
46
46
|
}
|
|
47
|
-
})) :
|
|
47
|
+
})) : o.push(s.variables({
|
|
48
48
|
bg: "#fff",
|
|
49
|
-
border:
|
|
49
|
+
border: e.glow ? l[300] : t[300],
|
|
50
50
|
dark: {
|
|
51
|
-
bg:
|
|
52
|
-
border:
|
|
51
|
+
bg: t[900],
|
|
52
|
+
border: e.glow ? l[300] : t[400]
|
|
53
53
|
}
|
|
54
|
-
})),
|
|
54
|
+
})), e.glow && o.push(s.get("glow", r.getColorOpacity(l[500], 0.5)))), o);
|
|
55
55
|
}
|
|
56
|
-
}, n =
|
|
56
|
+
}, n = i;
|
|
57
57
|
export {
|
|
58
58
|
n as default
|
|
59
59
|
};
|
|
@@ -2,7 +2,7 @@ const s = {
|
|
|
2
2
|
classes: {
|
|
3
3
|
wrapper: ({ props: t }) => {
|
|
4
4
|
const e = ["block relative align-bottom focus:outline-none"];
|
|
5
|
-
return t.isInsideForm && e.push("mb-
|
|
5
|
+
return t.isInsideForm && e.push("mb-5"), t.block && e.push("w-full"), e;
|
|
6
6
|
},
|
|
7
7
|
label: ({ props: t }) => {
|
|
8
8
|
const e = "flex items-center gap-2 font-medium text-secondary-800 dark:text-secondary-200 mb-1";
|
|
@@ -2,51 +2,51 @@ const a = {
|
|
|
2
2
|
classes: {
|
|
3
3
|
wrapper: ({ data: e }) => {
|
|
4
4
|
const t = ["inline-block relative cursor-pointer focus:outline-none group"];
|
|
5
|
-
return e.isInsideForm && !e.isInsideFormGroup && t.push("mb-
|
|
5
|
+
return e.isInsideForm && !e.isInsideFormGroup && t.push("mb-5"), t;
|
|
6
6
|
},
|
|
7
7
|
circle: ({ props: e }) => {
|
|
8
8
|
const t = ["rounded-full flex justify-center items-center shrink-0 border outline-offset-2 outline-slate-300 dark:outline-slate-500 group-focus:outline-1 group-focus:outline"];
|
|
9
9
|
return e.size === "lg" ? t.push("h-5 w-5") : e.size === "xl" ? t.push("h-6 w-6") : t.push("h-4 w-4"), t;
|
|
10
10
|
},
|
|
11
11
|
circleIcon: ({ props: e, data: t }) => {
|
|
12
|
-
const
|
|
13
|
-
return t.selected ||
|
|
12
|
+
const r = [];
|
|
13
|
+
return t.selected || r.push("opacity-0"), e.size === "sm" || e.size === "xs" ? r.push("h-2") : e.size === "lg" ? r.push("h-2.5") : e.size === "xl" ? r.push("h-3") : r.push("h-2"), r;
|
|
14
14
|
},
|
|
15
|
-
label: ({ props: e }) => {
|
|
16
|
-
let
|
|
17
|
-
return e.size === "xs" ?
|
|
15
|
+
label: ({ props: e, data: t }) => {
|
|
16
|
+
let r = "text-secondary-800 dark:text-secondary-200 pl-2";
|
|
17
|
+
return r += t.isInsideFormGroup ? " font-normal" : " font-medium", e.size === "xs" ? r += " text-xs" : e.size === "sm" ? r += " text-sm" : e.size === "lg" ? r += " text-lg" : e.size === "xl" && (r += " text-xl"), r;
|
|
18
18
|
},
|
|
19
19
|
content: ({ props: e }) => {
|
|
20
20
|
let t = "pl-2";
|
|
21
21
|
return e.size === "xs" ? t += " text-xs" : e.size === "sm" ? t += " text-sm" : e.size === "lg" ? t += " text-lg" : e.size === "xl" && (t += " text-xl"), t;
|
|
22
22
|
}
|
|
23
23
|
},
|
|
24
|
-
styles: ({ props: e, colors: t, css:
|
|
25
|
-
const
|
|
26
|
-
return e.loading ?
|
|
24
|
+
styles: ({ props: e, colors: t, css: r, data: n }) => {
|
|
25
|
+
const s = t.getPalette("gray"), l = t.getPalette(e.color), i = [];
|
|
26
|
+
return e.loading ? r.variables({
|
|
27
27
|
bg: "transparent",
|
|
28
28
|
border: "transparent",
|
|
29
29
|
dark: {
|
|
30
30
|
bg: "transparent",
|
|
31
31
|
border: "transparent"
|
|
32
32
|
}
|
|
33
|
-
}) : (e.disabled ? n.selected ? i.push(
|
|
33
|
+
}) : (e.disabled ? n.selected ? i.push(r.variables({
|
|
34
34
|
bg: "transparent",
|
|
35
|
-
border:
|
|
36
|
-
circle:
|
|
35
|
+
border: s[200],
|
|
36
|
+
circle: s[200],
|
|
37
37
|
dark: {
|
|
38
38
|
bg: "transparent",
|
|
39
|
-
border:
|
|
40
|
-
circle:
|
|
39
|
+
border: s[700],
|
|
40
|
+
circle: s[700]
|
|
41
41
|
}
|
|
42
|
-
})) : i.push(
|
|
43
|
-
bg:
|
|
44
|
-
border:
|
|
42
|
+
})) : i.push(r.variables({
|
|
43
|
+
bg: s[200],
|
|
44
|
+
border: s[200],
|
|
45
45
|
dark: {
|
|
46
|
-
bg:
|
|
47
|
-
border:
|
|
46
|
+
bg: s[700],
|
|
47
|
+
border: s[700]
|
|
48
48
|
}
|
|
49
|
-
})) : (n.selected ? i.push(
|
|
49
|
+
})) : (n.selected ? i.push(r.variables({
|
|
50
50
|
bg: "transparent",
|
|
51
51
|
border: l[500],
|
|
52
52
|
circle: l[500],
|
|
@@ -55,16 +55,16 @@ const a = {
|
|
|
55
55
|
border: l[500],
|
|
56
56
|
circle: l[500]
|
|
57
57
|
}
|
|
58
|
-
})) : i.push(
|
|
58
|
+
})) : i.push(r.variables({
|
|
59
59
|
bg: "#fff",
|
|
60
|
-
border: e.glow ? l[300] :
|
|
60
|
+
border: e.glow ? l[300] : s[300],
|
|
61
61
|
dark: {
|
|
62
|
-
bg:
|
|
63
|
-
border: e.glow ? l[300] :
|
|
62
|
+
bg: s[900],
|
|
63
|
+
border: e.glow ? l[300] : s[400]
|
|
64
64
|
}
|
|
65
|
-
})), e.glow && i.push(
|
|
65
|
+
})), e.glow && i.push(r.get("glow", t.getColorOpacity(l[500], 0.5)))), i);
|
|
66
66
|
}
|
|
67
|
-
},
|
|
67
|
+
}, o = a;
|
|
68
68
|
export {
|
|
69
|
-
|
|
69
|
+
o as default
|
|
70
70
|
};
|
package/lib/index.js
CHANGED
|
@@ -66,7 +66,7 @@ import { useInteractive as Ao } from "./composables/useInteractive.js";
|
|
|
66
66
|
import { useNotifications as wo } from "./composables/useNotifications.js";
|
|
67
67
|
import { default as _o } from "./themes/base/index.js";
|
|
68
68
|
import { default as Lo } from "./themes/carbon/index.js";
|
|
69
|
-
function styleInject(css,ref){if(ref===void 0){ref={}}var insertAt=ref.insertAt;if(!css||typeof document==="undefined"){return}var head=document.head||document.getElementsByTagName("head")[0];var style=document.createElement("style");style.type="text/css";if(insertAt==="top"){if(head.firstChild){head.insertBefore(style,head.firstChild)}else{head.appendChild(style)}}else{head.appendChild(style)}if(style.styleSheet){style.styleSheet.cssText=css}else{style.appendChild(document.createTextNode(css))}};styleInject(`.resize-observer{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:0}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__arrow-inner{border-style:solid;position:absolute;top:0;left:0;width:0;height:0;visibility:hidden;border-width:7px}.v-popper__arrow-outer{display:none}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important;top:-4px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important;left:-4px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;left:-2px}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#374151}.v-popper__popper--no-arrow .v-popper__arrow-container{display:none}._avatar_7u83c_2{color:var(--x-avatar-text);background-color:var(--x-avatar-bg);border-color:var(--x-avatar-border)}._avatar_7u83c_2.dark,.dark ._avatar_7u83c_2{color:var(--x-avatar-dark-text,var(--x-avatar-text));background-color:var(--x-avatar-dark-bg,var(--x-avatar-bg));border-color:var(--x-avatar-dark-border,var(--x-avatar-border))}._alert_rqxly_2{color:var(--x-alert-text);background-color:var(--x-alert-bg);border-color:var(--x-alert-border)}._alert--glow_rqxly_1{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-alert-glow),0 4px 6px -4px var(--x-alert-glow)}._alert_rqxly_2.dark,.dark ._alert_rqxly_2{color:var(--x-alert-dark-text,var(--x-alert-text));background-color:var(--x-alert-dark-bg,var(--x-alert-bg));border-color:var(--x-alert-dark-border,var(--x-alert-border))}.
|
|
69
|
+
function styleInject(css,ref){if(ref===void 0){ref={}}var insertAt=ref.insertAt;if(!css||typeof document==="undefined"){return}var head=document.head||document.getElementsByTagName("head")[0];var style=document.createElement("style");style.type="text/css";if(insertAt==="top"){if(head.firstChild){head.insertBefore(style,head.firstChild)}else{head.appendChild(style)}}else{head.appendChild(style)}if(style.styleSheet){style.styleSheet.cssText=css}else{style.appendChild(document.createTextNode(css))}};styleInject(`.resize-observer{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:0}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__arrow-inner{border-style:solid;position:absolute;top:0;left:0;width:0;height:0;visibility:hidden;border-width:7px}.v-popper__arrow-outer{display:none}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important;top:-4px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important;left:-4px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;left:-2px}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#374151}.v-popper__popper--no-arrow .v-popper__arrow-container{display:none}._avatar_7u83c_2{color:var(--x-avatar-text);background-color:var(--x-avatar-bg);border-color:var(--x-avatar-border)}._avatar_7u83c_2.dark,.dark ._avatar_7u83c_2{color:var(--x-avatar-dark-text,var(--x-avatar-text));background-color:var(--x-avatar-dark-bg,var(--x-avatar-bg));border-color:var(--x-avatar-dark-border,var(--x-avatar-border))}._alert_rqxly_2{color:var(--x-alert-text);background-color:var(--x-alert-bg);border-color:var(--x-alert-border)}._alert--glow_rqxly_1{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-alert-glow),0 4px 6px -4px var(--x-alert-glow)}._alert_rqxly_2.dark,.dark ._alert_rqxly_2{color:var(--x-alert-dark-text,var(--x-alert-text));background-color:var(--x-alert-dark-bg,var(--x-alert-bg));border-color:var(--x-alert-dark-border,var(--x-alert-border))}._button-group_1p7wb_2:not(._button-group--rounded_1p7wb_1)>:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}._button-group_1p7wb_2:not(._button-group--rounded_1p7wb_1)>:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}._button-group--rounded_1p7wb_1>:first-of-type{border-top-left-radius:9999px;border-bottom-left-radius:9999px}._button-group--rounded_1p7wb_1>:last-child{border-top-right-radius:9999px;border-bottom-right-radius:9999px}._checkbox--glow_a1gm3_1{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-checkbox-glow),0 4px 6px -4px var(--x-checkbox-glow)}._scrollwrap_12093_2::after,._scrollwrap_12093_2::before{content:"";pointer-events:none;position:absolute;z-index:1;transition:box-shadow .2s}._scrollwrap_12093_2._horizontal_12093_12::after,._scrollwrap_12093_2._horizontal_12093_12::before{top:0;bottom:0;width:20px}._scrollwrap_12093_2._vertical_12093_19::after,._scrollwrap_12093_2._vertical_12093_19::before{right:0;left:0;height:20px}._scrollwrap_12093_2._horizontal_12093_12::before{left:0}._scrollwrap_12093_2._horizontal_12093_12::after{right:0}._scrollwrap_12093_2._vertical_12093_19::before{top:0}._scrollwrap_12093_2._vertical_12093_19::after{bottom:0}._scrollwrap_12093_2._shadow-left_12093_42::before{box-shadow:inset 12px 0 10px -10px rgb(0 0 0 / 7%)}._scrollwrap_12093_2._shadow-right_12093_46::after{box-shadow:inset -12px 0 10px -10px rgb(0 0 0 / 7%)}._scrollwrap_12093_2._shadow-top_12093_50::before{box-shadow:inset 0 12px 10px -10px rgb(0 0 0 / 7%)}._scrollwrap_12093_2._shadow-bottom_12093_54::after{box-shadow:inset 0 -12px 10px -10px rgb(0 0 0 / 7%)}._hidescroll_12093_59{-ms-overflow-style:auto;scrollbar-width:none}._hidescroll_12093_59::-webkit-scrollbar{display:none}._radio_67qot_2{border-color:var(--x-radio-border);background-color:var(--x-radio-bg)}._radio_circle_67qot_1{color:var(--x-radio-circle)}._radio--glow_67qot_1{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-radio-glow),0 4px 6px -4px var(--x-radio-glow)}._radio_67qot_2.dark,.dark ._radio_67qot_2{border-color:var(--x-radio-dark-border);background-color:var(--x-radio-dark-bg)}._radio_67qot_2.dark_circle,.dark ._radio_circle_67qot_1{color:var(--x-radio-dark-circle)}._button_1liag_2[data-v-b25d6b6e]{color:var(--x-button-text);background-color:var(--x-button-bg);border-color:var(--x-button-border)}._button--glow_1liag_1[data-v-b25d6b6e]{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-button-glow),0 4px 6px -4px var(--x-button-glow)}._button_1liag_2[data-v-b25d6b6e]:hover{color:var(--x-button-text-hover,var(--x-button-text));background-color:var(--x-button-bg-hover,var(--x-button-bg));border-color:var(--x-button-border-hover,var(--x-button-border))}._button_1liag_2[data-v-b25d6b6e]:active{color:var(--x-button-text-active,var(--x-button-text));background-color:var(--x-button-bg-active,var(--x-button-bg));border-color:var(--x-button-border-active,var(--x-button-border))}._button_1liag_2.dark[data-v-b25d6b6e],.dark ._button_1liag_2[data-v-b25d6b6e]{color:var(--x-button-dark-text,var(--x-button-text));background-color:var(--x-button-dark-bg,var(--x-button-bg));border-color:var(--x-button-dark-border,var(--x-button-border))}._button_1liag_2.dark[data-v-b25d6b6e]:hover,.dark ._button_1liag_2[data-v-b25d6b6e]:hover{color:var(--x-button-dark-text-hover,var(--x-button-dark-text,var(--x-button-text)));background-color:var(--x-button-dark-bg-hover,var(--x-button-dark-bg,var(--x-button-bg)));border-color:var(--x-button-dark-border-hover,var(--x-button-dark-border,var(--x-button-border)))}._button_1liag_2.dark[data-v-b25d6b6e]:active,.dark ._button_1liag_2[data-v-b25d6b6e]:active{color:var(--x-button-dark-text-active,var(--x-button-dark-text));background-color:var(--x-button-dark-bg-active,var(--x-button-dark-bg,var(--x-button-bg)));border-color:var(--x-button-dark-border-active,var(--x-button-dark-border,var(--x-button-border)))}._carousel-slide_uzvvz_2 img[data-v-402870d3-s]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}._link_ke25h_2[data-v-81a39d2b]{color:var(--x-link-text)}._link_ke25h_2[data-v-81a39d2b]:hover{color:var(--x-link-text-hover,var(--x-link-text))}._link--shadow_ke25h_1[data-v-81a39d2b]{box-shadow:inset 0 -.315em 0 0 var(--x-link-shadow)}._link--shadow_ke25h_1[data-v-81a39d2b]:hover{box-shadow:inset 0 -1.325em 0 0 var(--x-link-shadow)}._link_ke25h_2.dark[data-v-81a39d2b],.dark ._link_ke25h_2[data-v-81a39d2b]{color:var(--x-link-dark-text)}._link_ke25h_2.dark[data-v-81a39d2b]:hover,.dark ._link_ke25h_2[data-v-81a39d2b]:hover{color:var(--x-link-dark-text-hover,var(--x-link-dark-text))}._link_ke25h_2.dark--shadow[data-v-81a39d2b],.dark ._link--shadow_ke25h_1[data-v-81a39d2b]{box-shadow:inset 0 -.315em 0 0 var(--x-link-dark-shadow)}._link_ke25h_2.dark--shadow[data-v-81a39d2b]:hover,.dark ._link--shadow_ke25h_1[data-v-81a39d2b]:hover{box-shadow:inset 0 -1.325em 0 0 var(--x-link-dark-shadow)}._menu-item_eyhiv_2[data-v-8614aac7]{color:var(--x-menu-item-text);background-color:var(--x-menu-item-bg)}._menu-item_eyhiv_2[data-v-8614aac7]::before{content:"";position:absolute;left:-1px;height:100%;width:1px;background-color:transparent}._menu-item_eyhiv_2[data-v-8614aac7]:hover{color:var(--x-menu-item-text-hover,var(--x-menu-item-text));background-color:var(--x-menu-item-bg-hover,var(--x-menu-item-bg))}._menu-item_eyhiv_2.dark[data-v-8614aac7],.dark ._menu-item_eyhiv_2[data-v-8614aac7]{color:var(--x-menu-item-dark-text);background:var(--x-menu-item-dark-bg)}._menu-item_eyhiv_2.dark[data-v-8614aac7]:hover,.dark ._menu-item_eyhiv_2[data-v-8614aac7]:hover{color:var(--x-menu-item-dark-text-hover,var(--x-menu-item-dark-text));background-color:var(--x-menu-item-dark-bg-hover,var(--x-menu-item-dark-bg))}.x-menu-inner ._menu-item--active_eyhiv_1[data-v-8614aac7]::before,.x-menu-inner ._menu-item_eyhiv_2[data-v-8614aac7]:hover::before{background-color:var(--x-menu-item-border-hover)}`);
|
|
70
70
|
export {
|
|
71
71
|
_o as BaseTheme,
|
|
72
72
|
Lo as CarbonTheme,
|