@codeandfunction/callaloo 3.15.3 → 3.16.0
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/README.md +7 -3
- package/dist/assets/CLFormCharCounter.css +1 -0
- package/dist/assets/CLInputMessages.css +1 -0
- package/dist/chunks/CLA11yButton.vue_vue_type_style_index_0_lang-COGwQtRU.js +45 -0
- package/dist/chunks/CLButton.vue_vue_type_style_index_0_lang-CqgySW52.js +128 -0
- package/dist/chunks/CLCard.vue_vue_type_style_index_0_lang-DSvubJfG.js +252 -0
- package/dist/chunks/CLFormCharCounter.vue_vue_type_style_index_0_lang-CJ4VrvmR.js +38 -0
- package/dist/chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-ORvye4vi.js +43 -0
- package/dist/chunks/CLHeading.vue_vue_type_style_index_0_lang-CbHdHW2E.js +50 -0
- package/dist/chunks/CLIcon.vue_vue_type_style_index_0_lang-zZ4zGuBt.js +83 -0
- package/dist/chunks/CLInputMessages.vue_vue_type_style_index_0_lang-xm2qDJGJ.js +121 -0
- package/dist/chunks/CLLink.vue_vue_type_style_index_0_lang-D7BqWIqs.js +60 -0
- package/dist/chunks/CLNavLink.vue_vue_type_script_setup_true_lang-Dp3SsIfq.js +44 -0
- package/dist/chunks/CLPill.vue_vue_type_style_index_0_lang-BXGTb6A6.js +88 -0
- package/dist/chunks/CLProgress.vue_vue_type_style_index_0_lang-5-cwF-oh.js +65 -0
- package/dist/chunks/CLSkeleton.vue_vue_type_style_index_0_lang-D7_swcoA.js +33 -0
- package/dist/chunks/CLSpinner.vue_vue_type_style_index_0_lang-CLccujHE.js +53 -0
- package/dist/chunks/CLText.vue_vue_type_style_index_0_lang-CTc6UiQV.js +46 -0
- package/dist/chunks/CLToast.vue_vue_type_style_index_0_lang-BIiSNSlg.js +178 -0
- package/dist/chunks/base-theme-B89pbWnC.js +841 -0
- package/dist/chunks/useEsc-BGAp0d_1.js +19 -0
- package/dist/chunks/useHasSlotContent-DDqs5uK9.js +14 -0
- package/dist/chunks/utils-CFL9veAf.js +30 -0
- package/dist/chunks/utils-D2P_fCSp.js +73 -0
- package/dist/chunks/utils-DYzsHCvl.js +15 -0
- package/dist/chunks/utils-DaKwZixu.js +26 -0
- package/dist/chunks/utils-Dg9e9uLW.js +29 -0
- package/dist/chunks/utils-Dz_31dEE.js +387 -0
- package/dist/components/Buttons/CLA11yButton/CLA11yButton.css +1 -0
- package/dist/components/Buttons/CLA11yButton/CLA11yButton.js +6 -0
- package/dist/components/Buttons/CLA11yButton/CLA11yButton.vue.d.ts +2 -2
- package/dist/components/Buttons/CLButton/CLButton.css +1 -0
- package/dist/components/Buttons/CLButton/CLButton.js +6 -0
- package/dist/components/Buttons/CLButton/CLButton.vue.d.ts +7 -7
- package/dist/components/CLIcon/CLIcon.css +1 -0
- package/dist/components/CLIcon/CLIcon.js +6 -0
- package/dist/components/{Assets/CLIcon → CLIcon}/CLIcon.vue.d.ts +1 -1
- package/dist/components/CLTable/CLTable.css +1 -0
- package/dist/components/CLTable/CLTable.js +197 -0
- package/dist/components/{Table → CLTable}/index.d.ts +0 -7
- package/dist/components/Containers/CLCard/CLCard.css +1 -0
- package/dist/components/Containers/CLCard/CLCard.js +6 -0
- package/dist/components/Containers/CLCard/CLCard.vue.d.ts +6 -6
- package/dist/components/Containers/CLCarousel/CLCarousel.css +1 -0
- package/dist/components/Containers/CLCarousel/CLCarousel.js +436 -0
- package/dist/components/Containers/CLCarousel/CLCarousel.vue.d.ts +2 -2
- package/dist/components/Containers/CLCarousel/CLCarouselNavigation.vue.d.ts +1 -1
- package/dist/components/Containers/CLDisclosure/CLDisclosure.css +1 -0
- package/dist/components/Containers/CLDisclosure/CLDisclosure.js +137 -0
- package/dist/components/Containers/CLDisclosure/CLDisclosure.vue.d.ts +3 -3
- package/dist/components/Form/CLCheckbox/CLCheckbox.css +1 -0
- package/dist/components/Form/CLCheckbox/CLCheckbox.js +147 -0
- package/dist/components/Form/CLCheckbox/CLCheckbox.vue.d.ts +4 -4
- package/dist/components/Form/CLFormLabel/CLFormLabel.vue.d.ts +1 -1
- package/dist/components/Form/CLInput/CLInput.css +1 -0
- package/dist/components/Form/CLInput/CLInput.js +378 -0
- package/dist/components/Form/CLInput/CLInput.vue.d.ts +5 -5
- package/dist/components/Form/CLInput/CLInputPill.vue.d.ts +1 -1
- package/dist/components/Form/CLRadioButton/CLRadioButton.css +1 -0
- package/dist/components/Form/CLRadioButton/CLRadioButton.js +132 -0
- package/dist/components/Form/CLRadioButton/CLRadioButton.vue.d.ts +1 -1
- package/dist/components/Form/CLSelect/CLSelect.css +1 -0
- package/dist/components/Form/CLSelect/CLSelect.js +137 -0
- package/dist/components/Form/CLSelect/CLSelect.vue.d.ts +3 -3
- package/dist/components/Form/CLTextArea/CLTextArea.css +1 -0
- package/dist/components/Form/CLTextArea/CLTextArea.js +149 -0
- package/dist/components/Form/CLTextArea/CLTextArea.vue.d.ts +2 -2
- package/dist/components/Form/index.d.ts +5 -9
- package/dist/components/Indicators/CLBadge/CLBadge.css +1 -0
- package/dist/components/Indicators/CLBadge/CLBadge.js +40 -0
- package/dist/components/Indicators/CLBadge/CLBadge.vue.d.ts +1 -1
- package/dist/components/Indicators/CLBanner/CLBanner.css +1 -0
- package/dist/components/Indicators/CLBanner/CLBanner.js +147 -0
- package/dist/components/Indicators/CLBanner/CLBanner.vue.d.ts +3 -3
- package/dist/components/Indicators/CLPill/CLPill.css +1 -0
- package/dist/components/Indicators/CLPill/CLPill.js +6 -0
- package/dist/components/Indicators/CLPill/CLPill.vue.d.ts +3 -3
- package/dist/components/Indicators/CLProgress/CLProgress.css +1 -0
- package/dist/components/Indicators/CLProgress/CLProgress.js +6 -0
- package/dist/components/Indicators/CLProgress/CLProgress.vue.d.ts +2 -2
- package/dist/components/Loading/CLSkeleton/CLSkeleton.css +1 -0
- package/dist/components/Loading/CLSkeleton/CLSkeleton.js +6 -0
- package/dist/components/Loading/CLSkeleton/CLSkeleton.vue.d.ts +1 -1
- package/dist/components/Loading/CLSpinner/CLSpinner.css +1 -0
- package/dist/components/Loading/CLSpinner/CLSpinner.js +6 -0
- package/dist/components/Loading/CLSpinner/CLSpinner.vue.d.ts +1 -1
- package/dist/components/Modals/CLModal/CLModal.css +1 -0
- package/dist/components/Modals/CLModal/CLModal.js +175 -0
- package/dist/components/Modals/CLModal/CLModal.vue.d.ts +2 -2
- package/dist/components/Navigation/CLLink/CLLink.css +1 -0
- package/dist/components/Navigation/CLLink/CLLink.js +6 -0
- package/dist/components/Navigation/CLLink/CLLink.vue.d.ts +2 -2
- package/dist/components/Navigation/CLNavLink/CLNavLink.js +5 -0
- package/dist/components/Navigation/CLNavLink/CLNavLink.vue.d.ts +1 -1
- package/dist/components/Navigation/CLNavSection/CLNavSection.css +1 -0
- package/dist/components/Navigation/CLNavSection/CLNavSection.js +55 -0
- package/dist/components/Navigation/CLNavSection/CLNavSection.vue.d.ts +1 -1
- package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.css +1 -0
- package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.js +1233 -0
- package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.vue.d.ts +29 -29
- package/dist/components/Popups/CLToast/CLToast.css +1 -0
- package/dist/components/Popups/CLToast/CLToast.js +6 -0
- package/dist/components/Popups/CLToast/CLToast.vue.d.ts +2 -2
- package/dist/components/Providers/CLThemeProvider/CLThemeProvider.js +42 -0
- package/dist/components/Providers/CLThemeProvider/CLThemeProvider.vue.d.ts +27 -0
- package/dist/components/Providers/CLThemeProvider/index.d.ts +4 -0
- package/dist/components/Providers/CLToastProvider/CLToastProvider.js +45 -0
- package/dist/components/Providers/{Toast → CLToastProvider}/CLToastProvider.vue.d.ts +1 -7
- package/dist/components/Providers/CLToastProvider/index.d.ts +4 -0
- package/dist/components/Providers/index.d.ts +2 -6
- package/dist/components/Typography/CLHeading/CLHeading.css +1 -0
- package/dist/components/Typography/CLHeading/CLHeading.js +6 -0
- package/dist/components/Typography/CLText/CLText.css +1 -0
- package/dist/components/Typography/CLText/CLText.js +6 -0
- package/dist/index.d.ts +0 -15
- package/dist/index.js +27 -5899
- package/package.json +121 -13
- package/dist/assets/styles.css +0 -1
- package/dist/components/Assets/index.d.ts +0 -2
- package/dist/components/Form/CLFormCharCounter/index.d.ts +0 -5
- package/dist/components/Form/CLFormLabel/index.d.ts +0 -5
- package/dist/components/Providers/Theme/CLThemeProvider.vue.d.ts +0 -26
- package/dist/constants.d.ts +0 -22
- package/dist/chunks/{icons.QRYZHNAf.js → icons-QRYZHNAf.js} +0 -0
- package/dist/components/{Assets/CLIcon → CLIcon}/index.d.ts +0 -0
- package/dist/components/{Assets → CLIcon}/utils.d.ts +0 -0
- package/dist/components/{Table → CLTable}/CLTable.vue.d.ts +1 -1
- /package/dist/components/{Table → CLTable}/CLTableBody.vue.d.ts +0 -0
- /package/dist/components/{Table → CLTable}/CLTableCell.vue.d.ts +0 -0
- /package/dist/components/{Table → CLTable}/CLTableFooter.vue.d.ts +0 -0
- /package/dist/components/{Table → CLTable}/CLTableHeader.vue.d.ts +0 -0
- /package/dist/components/{Table → CLTable}/CLTableNestedCell.vue.d.ts +0 -0
- /package/dist/components/{Table → CLTable}/CLTableRow.vue.d.ts +0 -0
- /package/dist/components/{Table → CLTable}/utils.d.ts +0 -0
- /package/dist/components/Providers/{Theme → CLThemeProvider}/base-theme.d.ts +0 -0
- /package/dist/components/Providers/{Theme → CLThemeProvider}/utils.d.ts +0 -0
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { i as n } from "./base-theme-B89pbWnC.js";
|
|
2
|
+
const v = ({ escHandler: t, triggerElem: e }) => {
|
|
3
|
+
const s = (a) => {
|
|
4
|
+
if (n)
|
|
5
|
+
if (e?.value) {
|
|
6
|
+
const i = e.value?.getAttribute("aria-expanded") === "true", o = a.target === e.value;
|
|
7
|
+
a.key === "Escape" && i && o && t?.();
|
|
8
|
+
} else
|
|
9
|
+
a.key === "Escape" && t?.();
|
|
10
|
+
}, u = () => {
|
|
11
|
+
n && (e?.value ? e.value.removeEventListener("keyup", s, !1) : document.removeEventListener("keyup", s, !1));
|
|
12
|
+
};
|
|
13
|
+
return n && (e?.value ? e.value.addEventListener("keyup", s, !1) : document.addEventListener("keyup", s, !1)), {
|
|
14
|
+
clearEventListeners: u
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export {
|
|
18
|
+
v as u
|
|
19
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { useSlots as i, computed as l } from "vue";
|
|
2
|
+
const c = (e = "default") => {
|
|
3
|
+
const n = i(), t = (s) => {
|
|
4
|
+
try {
|
|
5
|
+
return !!s?.[e]?.().some((r) => Array.isArray(r.children) ? !0 : typeof r.children == "string" && r.children.trim() ? !(r.children === "v-if" || r.children === "v-show") : typeof r.children == "object" ? t(r.children) : !1);
|
|
6
|
+
} catch (r) {
|
|
7
|
+
return console.error(r), !1;
|
|
8
|
+
}
|
|
9
|
+
};
|
|
10
|
+
return l(() => t(n));
|
|
11
|
+
};
|
|
12
|
+
export {
|
|
13
|
+
c as u
|
|
14
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { CLMode as c, CLColorVariants as n } from "../index.js";
|
|
2
|
+
import { g as b, c as d, a as h, f as p } from "./utils-Dz_31dEE.js";
|
|
3
|
+
import { u as g } from "./base-theme-B89pbWnC.js";
|
|
4
|
+
const $ = ({ color: t, variant: r }) => {
|
|
5
|
+
const { borderRadius: o, colors: a, darkMode: u } = g(), i = u.value ? c.Dark : c.Light, s = r === n.Ghost, l = b({
|
|
6
|
+
color: t,
|
|
7
|
+
colors: a.value,
|
|
8
|
+
mode: i,
|
|
9
|
+
variant: r
|
|
10
|
+
});
|
|
11
|
+
let e;
|
|
12
|
+
return o.value && (e = d`&:not([class*='clll-card--rounded-']){&.clll-card.clll-card--rounded{border-radius:var(--clll-${o.value})}}`), h(
|
|
13
|
+
d`border-color:${s ? "transparent" : l?.border};background-color:${l?.bg};&.clll-card--has-link{${p({ borderColor: l?.focus, shadowColor: l?.shadow, outlineOffset: "2px", shadowWidth: "--clll-unit-0" })}}.clll-card__image{background-color:${l?.bg}}.clll-card__heading,.clll-card__byline{color:${l?.text}}`,
|
|
14
|
+
e
|
|
15
|
+
);
|
|
16
|
+
}, v = ({ color: t, variant: r }) => {
|
|
17
|
+
const { borderRadius: o, colors: a, darkMode: u } = g(), i = u.value ? c.Dark : c.Light, s = r === n.Ghost, l = b({
|
|
18
|
+
color: t,
|
|
19
|
+
colors: a.value,
|
|
20
|
+
mode: i,
|
|
21
|
+
variant: r
|
|
22
|
+
});
|
|
23
|
+
let e;
|
|
24
|
+
return o.value && (e = d`&:not([class*='clll-disclosure--rounded-']){&.clll-disclosure.clll-disclosure--rounded{border-radius:var(--clll-${o.value});.clll-disclosure__trigger{.clll-button.clll-button--rounded{border-radius:var(--clll-${o.value})}}}}
|
|
25
|
+
`), h(d`border-color:${s ? "transparent" : l?.focus};border-style:solid;border-width:1px;.clll-disclosure__heading{.clll-heading,.clll-text{color:${l?.text};}}.clll-disclosure__content{border-top-width:1px;border-top-style:solid;border-top-color:${s ? "transparent" : l?.focus};}.clll-disclosure__trigger{.clll-button{border:0;}}`, e);
|
|
26
|
+
};
|
|
27
|
+
export {
|
|
28
|
+
$ as c,
|
|
29
|
+
v as d
|
|
30
|
+
};
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { CLMode as s, CLColorVariants as i, CLColors as u } from "../index.js";
|
|
2
|
+
import { g as p, c as b, a as g } from "./utils-Dz_31dEE.js";
|
|
3
|
+
import { u as $ } from "./base-theme-B89pbWnC.js";
|
|
4
|
+
const _ = ({
|
|
5
|
+
color: c = u.Primary,
|
|
6
|
+
variant: l
|
|
7
|
+
}) => {
|
|
8
|
+
const { borderRadius: e, colors: a, darkMode: n } = $(), d = n.value ? s.Dark : s.Light, r = l === i.Outline, t = p({
|
|
9
|
+
color: c,
|
|
10
|
+
colors: a.value,
|
|
11
|
+
mode: d,
|
|
12
|
+
variant: l
|
|
13
|
+
});
|
|
14
|
+
let o;
|
|
15
|
+
return e.value && (o = b`
|
|
16
|
+
&:not([class*='clll-badge--rounded-']) {
|
|
17
|
+
&.clll-badge {
|
|
18
|
+
border-radius: var(--clll-${e.value});
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
`), g(b`border-color:${r ? t?.border : "transparent"};border-style:${r ? "solid" : "none"};border-width:${r ? "1px" : "0"};background-color:${t?.bg};.clll-badge__count{color:${t?.text};}`, o);
|
|
22
|
+
}, C = ({
|
|
23
|
+
color: c = u.Primary,
|
|
24
|
+
variant: l
|
|
25
|
+
}) => {
|
|
26
|
+
const { borderRadius: e, colors: a, darkMode: n } = $(), d = n.value ? s.Dark : s.Light, r = p({
|
|
27
|
+
color: c,
|
|
28
|
+
colors: a.value,
|
|
29
|
+
mode: d,
|
|
30
|
+
variant: l
|
|
31
|
+
});
|
|
32
|
+
let t;
|
|
33
|
+
e.value && (t = b`&:not([class*='clll-banner--rounded-']){&.clll-banner.clll-banner--rounded{border-radius:var(--clll-${e.value});}}`);
|
|
34
|
+
const o = b`background-color:${r?.bg ?? "transparent"};border-color:${r?.focus ?? "transparent"};&.clll-banner--bordered{border-bottom-width:.25rem}.clll-banner__content{.clll-heading,.clll-text{color:${r?.text}}}`;
|
|
35
|
+
return g(o, t);
|
|
36
|
+
}, x = ({
|
|
37
|
+
color: c = u.Primary,
|
|
38
|
+
variant: l
|
|
39
|
+
}) => {
|
|
40
|
+
const { borderRadius: e, colors: a, darkMode: n } = $(), d = n.value ? s.Dark : s.Light, r = l === i.Outline, t = l === i.Ghost, o = p({
|
|
41
|
+
color: c,
|
|
42
|
+
colors: a.value,
|
|
43
|
+
mode: d,
|
|
44
|
+
variant: l
|
|
45
|
+
});
|
|
46
|
+
let m;
|
|
47
|
+
return e.value && (m = b`
|
|
48
|
+
&.clll-pill.clll-pill--rounded {
|
|
49
|
+
border-radius: var(--clll-${e.value});
|
|
50
|
+
}
|
|
51
|
+
`), g(m, b`border-color:${r ? o?.border : "transparent"};border-width:${r ? "1px" : "0"};border-style:${r ? "solid" : "none"};background-color:${o?.bg ?? "transparent"};.clll-pill__label{background-color:${o?.bg ?? "transparent"};}&.clll-pill--clickable{&:hover{background-color:${o?.bg ?? "transparent"};}}.clll-pill__label{color:${o?.text};}.clll-icon{color:${o?.text};background-color:${o?.bg ?? "transparent"};}.clll-pill__count{color:${o?.text};background-color:${!r && !t ? o?.hover : "transparent"};${r ? `border-left-style:solid;border-left-color:${r ? o?.border : "transparent"};border-left-width:1px;` : ""}`);
|
|
52
|
+
}, f = ({
|
|
53
|
+
color: c = u.Primary
|
|
54
|
+
}) => {
|
|
55
|
+
const { colors: l, darkMode: e } = $(), a = e.value ? s.Dark : s.Light, n = p({
|
|
56
|
+
color: c,
|
|
57
|
+
colors: l.value,
|
|
58
|
+
mode: a,
|
|
59
|
+
variant: i.Solid
|
|
60
|
+
}), d = p({
|
|
61
|
+
color: u.Neutral,
|
|
62
|
+
colors: l.value,
|
|
63
|
+
mode: a,
|
|
64
|
+
variant: i.Solid
|
|
65
|
+
}), r = b`.clll-progress__bar-container{background-color:${d?.disabled ?? "transparent"};.clll-progress__bar{background-color:${n?.bg ?? "transparent"};}}`;
|
|
66
|
+
return g(r);
|
|
67
|
+
};
|
|
68
|
+
export {
|
|
69
|
+
f as a,
|
|
70
|
+
_ as b,
|
|
71
|
+
C as c,
|
|
72
|
+
x as p
|
|
73
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { CLMode as o, CLColors as c, CLColorVariants as l } from "../index.js";
|
|
2
|
+
import { g as m, a as p, c as i } from "./utils-Dz_31dEE.js";
|
|
3
|
+
import { u as n } from "./base-theme-B89pbWnC.js";
|
|
4
|
+
const x = ({ color: e = c.Neutral }) => {
|
|
5
|
+
const { colors: r, darkMode: t } = n(), a = t.value ? o.Light : o.Dark, s = m({
|
|
6
|
+
color: e,
|
|
7
|
+
colors: r.value,
|
|
8
|
+
mode: a,
|
|
9
|
+
variant: l.Text
|
|
10
|
+
});
|
|
11
|
+
return p(i`color: ${s?.textBody};white-space: pre-wrap;`);
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
x as t
|
|
15
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { CLMode as a, CLColors as d, CLColorVariants as u } from "../index.js";
|
|
2
|
+
import { g as i, a as t, c as s } from "./utils-Dz_31dEE.js";
|
|
3
|
+
import { u as c } from "./base-theme-B89pbWnC.js";
|
|
4
|
+
const g = () => {
|
|
5
|
+
const { borderRadius: o, darkMode: e } = c(), l = e.value ? "rgba(0 0 0 / 0.005)" : "rgba(0 0 0 / 0.075)";
|
|
6
|
+
let r;
|
|
7
|
+
return o.value && (r = s`
|
|
8
|
+
&:not([class*='clll-skeleton--rounded-']) {
|
|
9
|
+
&.clll-skeleton.clll-skeleton--rounded {
|
|
10
|
+
border-radius: var(--clll-${o.value});
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
`), t(s`background-color:${l};`, r);
|
|
14
|
+
}, C = ({ color: o = d.Primary }) => {
|
|
15
|
+
const { colors: e, darkMode: l } = c(), r = l.value ? a.Dark : a.Light, n = i({
|
|
16
|
+
color: o,
|
|
17
|
+
colors: e.value,
|
|
18
|
+
mode: r,
|
|
19
|
+
variant: u.Solid
|
|
20
|
+
});
|
|
21
|
+
return t(s`color:${n?.bg};`);
|
|
22
|
+
};
|
|
23
|
+
export {
|
|
24
|
+
C as a,
|
|
25
|
+
g as s
|
|
26
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { CLMode as a, CLColorVariants as u } from "../index.js";
|
|
2
|
+
import { g as b, c as s, a as h, f as v } from "./utils-Dz_31dEE.js";
|
|
3
|
+
import { u as m } from "./base-theme-B89pbWnC.js";
|
|
4
|
+
const $ = ({ color: d }) => {
|
|
5
|
+
const { borderRadius: r, colors: e, darkMode: c } = m(), n = c.value ? a.Dark : a.Light, t = b({
|
|
6
|
+
color: d,
|
|
7
|
+
colors: e.value,
|
|
8
|
+
mode: n,
|
|
9
|
+
variant: u.Solid
|
|
10
|
+
});
|
|
11
|
+
let l;
|
|
12
|
+
return r.value && (l = s`&.clll-a11y__button.--rounded{border-radius:var(--clll-${r.value});}`), h(s`${v({ borderColor: t?.focus, shadowColor: t?.shadow, shadowWidth: "--clll-unit-0" })}`, l);
|
|
13
|
+
}, g = ({
|
|
14
|
+
color: d,
|
|
15
|
+
variant: r = u.Soft
|
|
16
|
+
}) => {
|
|
17
|
+
const { borderRadius: e, colors: c, darkMode: n } = m(), t = n.value ? a.Dark : a.Light, l = r === u.Outline, o = b({
|
|
18
|
+
color: d,
|
|
19
|
+
colors: c.value,
|
|
20
|
+
mode: t,
|
|
21
|
+
variant: r
|
|
22
|
+
});
|
|
23
|
+
let i;
|
|
24
|
+
return e.value && (i = s`&:not([class*='clll-button--rounded-']){&.clll-button.clll-button--rounded{border-radius:var(--clll-${e.value})}}`), h(s`.clll-button__content,.clll-icon{color:${o?.text};}border-color:${l ? o?.border : "transparent"};background-color:${o?.bg ?? "transparent"};&:hover:not([disabled]){background-color:${o?.hover ?? "transparent"};border-color:${l ? o?.borderHover : "transparent"};}${v({ borderColor: o?.focus, shadowColor: o?.shadow, shadowWidth: "--clll-unit-0" })}`, i);
|
|
25
|
+
};
|
|
26
|
+
export {
|
|
27
|
+
$ as a,
|
|
28
|
+
g as b
|
|
29
|
+
};
|
|
@@ -0,0 +1,387 @@
|
|
|
1
|
+
import { C as fe } from "./base-theme-B89pbWnC.js";
|
|
2
|
+
var q = { exports: {} }, U;
|
|
3
|
+
function ne() {
|
|
4
|
+
return U || (U = 1, (function(e) {
|
|
5
|
+
(function() {
|
|
6
|
+
const f = (r) => new TextEncoder().encode(r);
|
|
7
|
+
function a(r, v) {
|
|
8
|
+
typeof r == "string" && (r = f(r));
|
|
9
|
+
let u = r.length, i = v ^ u, t = 0, d;
|
|
10
|
+
for (; u >= 4; )
|
|
11
|
+
d = r[t] & 255 | (r[++t] & 255) << 8 | (r[++t] & 255) << 16 | (r[++t] & 255) << 24, d = (d & 65535) * 1540483477 + (((d >>> 16) * 1540483477 & 65535) << 16), d ^= d >>> 24, d = (d & 65535) * 1540483477 + (((d >>> 16) * 1540483477 & 65535) << 16), i = (i & 65535) * 1540483477 + (((i >>> 16) * 1540483477 & 65535) << 16) ^ d, u -= 4, ++t;
|
|
12
|
+
switch (u) {
|
|
13
|
+
case 3:
|
|
14
|
+
i ^= (r[t + 2] & 255) << 16;
|
|
15
|
+
case 2:
|
|
16
|
+
i ^= (r[t + 1] & 255) << 8;
|
|
17
|
+
case 1:
|
|
18
|
+
i ^= r[t] & 255, i = (i & 65535) * 1540483477 + (((i >>> 16) * 1540483477 & 65535) << 16);
|
|
19
|
+
}
|
|
20
|
+
return i ^= i >>> 13, i = (i & 65535) * 1540483477 + (((i >>> 16) * 1540483477 & 65535) << 16), i ^= i >>> 15, i >>> 0;
|
|
21
|
+
}
|
|
22
|
+
function o(r, v) {
|
|
23
|
+
typeof r == "string" && (r = f(r));
|
|
24
|
+
let u, i, t, d, b, w, c, l;
|
|
25
|
+
for (u = r.length & 3, i = r.length - u, t = v, b = 3432918353, w = 461845907, l = 0; l < i; )
|
|
26
|
+
c = r[l] & 255 | (r[++l] & 255) << 8 | (r[++l] & 255) << 16 | (r[++l] & 255) << 24, ++l, c = (c & 65535) * b + (((c >>> 16) * b & 65535) << 16) & 4294967295, c = c << 15 | c >>> 17, c = (c & 65535) * w + (((c >>> 16) * w & 65535) << 16) & 4294967295, t ^= c, t = t << 13 | t >>> 19, d = (t & 65535) * 5 + (((t >>> 16) * 5 & 65535) << 16) & 4294967295, t = (d & 65535) + 27492 + (((d >>> 16) + 58964 & 65535) << 16);
|
|
27
|
+
switch (c = 0, u) {
|
|
28
|
+
case 3:
|
|
29
|
+
c ^= (r[l + 2] & 255) << 16;
|
|
30
|
+
case 2:
|
|
31
|
+
c ^= (r[l + 1] & 255) << 8;
|
|
32
|
+
case 1:
|
|
33
|
+
c ^= r[l] & 255, c = (c & 65535) * b + (((c >>> 16) * b & 65535) << 16) & 4294967295, c = c << 15 | c >>> 17, c = (c & 65535) * w + (((c >>> 16) * w & 65535) << 16) & 4294967295, t ^= c;
|
|
34
|
+
}
|
|
35
|
+
return t ^= r.length, t ^= t >>> 16, t = (t & 65535) * 2246822507 + (((t >>> 16) * 2246822507 & 65535) << 16) & 4294967295, t ^= t >>> 13, t = (t & 65535) * 3266489909 + (((t >>> 16) * 3266489909 & 65535) << 16) & 4294967295, t ^= t >>> 16, t >>> 0;
|
|
36
|
+
}
|
|
37
|
+
const n = o;
|
|
38
|
+
n.v2 = a, n.v3 = o, e.exports = n;
|
|
39
|
+
})();
|
|
40
|
+
})(q)), q.exports;
|
|
41
|
+
}
|
|
42
|
+
var te = ne(), Q = "comm", X = "rule", Z = "decl", ae = "@import", ce = "@namespace", oe = "@keyframes", ie = "@layer", W = Math.abs, F = String.fromCharCode;
|
|
43
|
+
function ee(e) {
|
|
44
|
+
return e.trim();
|
|
45
|
+
}
|
|
46
|
+
function H(e, f, a) {
|
|
47
|
+
return e.replace(f, a);
|
|
48
|
+
}
|
|
49
|
+
function se(e, f, a) {
|
|
50
|
+
return e.indexOf(f, a);
|
|
51
|
+
}
|
|
52
|
+
function C(e, f) {
|
|
53
|
+
return e.charCodeAt(f) | 0;
|
|
54
|
+
}
|
|
55
|
+
function M(e, f, a) {
|
|
56
|
+
return e.slice(f, a);
|
|
57
|
+
}
|
|
58
|
+
function k(e) {
|
|
59
|
+
return e.length;
|
|
60
|
+
}
|
|
61
|
+
function ue(e) {
|
|
62
|
+
return e.length;
|
|
63
|
+
}
|
|
64
|
+
function O(e, f) {
|
|
65
|
+
return f.push(e), e;
|
|
66
|
+
}
|
|
67
|
+
var I = 1, z = 1, re = 0, m = 0, x = 0, N = "";
|
|
68
|
+
function Y(e, f, a, o, n, r, v, u) {
|
|
69
|
+
return { value: e, root: f, parent: a, type: o, props: n, children: r, line: I, column: z, length: v, return: "", siblings: u };
|
|
70
|
+
}
|
|
71
|
+
function de() {
|
|
72
|
+
return x;
|
|
73
|
+
}
|
|
74
|
+
function le() {
|
|
75
|
+
return x = m > 0 ? C(N, --m) : 0, z--, x === 10 && (z = 1, I--), x;
|
|
76
|
+
}
|
|
77
|
+
function g() {
|
|
78
|
+
return x = m < re ? C(N, m++) : 0, z++, x === 10 && (z = 1, I++), x;
|
|
79
|
+
}
|
|
80
|
+
function R() {
|
|
81
|
+
return C(N, m);
|
|
82
|
+
}
|
|
83
|
+
function V() {
|
|
84
|
+
return m;
|
|
85
|
+
}
|
|
86
|
+
function L(e, f) {
|
|
87
|
+
return M(N, e, f);
|
|
88
|
+
}
|
|
89
|
+
function B(e) {
|
|
90
|
+
switch (e) {
|
|
91
|
+
// \0 \t \n \r \s whitespace token
|
|
92
|
+
case 0:
|
|
93
|
+
case 9:
|
|
94
|
+
case 10:
|
|
95
|
+
case 13:
|
|
96
|
+
case 32:
|
|
97
|
+
return 5;
|
|
98
|
+
// ! + , / > @ ~ isolate token
|
|
99
|
+
case 33:
|
|
100
|
+
case 43:
|
|
101
|
+
case 44:
|
|
102
|
+
case 47:
|
|
103
|
+
case 62:
|
|
104
|
+
case 64:
|
|
105
|
+
case 126:
|
|
106
|
+
// ; { } breakpoint token
|
|
107
|
+
case 59:
|
|
108
|
+
case 123:
|
|
109
|
+
case 125:
|
|
110
|
+
return 4;
|
|
111
|
+
// : accompanied token
|
|
112
|
+
case 58:
|
|
113
|
+
return 3;
|
|
114
|
+
// " ' ( [ opening delimit token
|
|
115
|
+
case 34:
|
|
116
|
+
case 39:
|
|
117
|
+
case 40:
|
|
118
|
+
case 91:
|
|
119
|
+
return 2;
|
|
120
|
+
// ) ] closing delimit token
|
|
121
|
+
case 41:
|
|
122
|
+
case 93:
|
|
123
|
+
return 1;
|
|
124
|
+
}
|
|
125
|
+
return 0;
|
|
126
|
+
}
|
|
127
|
+
function xe(e) {
|
|
128
|
+
return I = z = 1, re = k(N = e), m = 0, [];
|
|
129
|
+
}
|
|
130
|
+
function be(e) {
|
|
131
|
+
return N = "", e;
|
|
132
|
+
}
|
|
133
|
+
function P(e) {
|
|
134
|
+
return ee(L(m - 1, _(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
|
|
135
|
+
}
|
|
136
|
+
function he(e) {
|
|
137
|
+
for (; (x = R()) && x < 33; )
|
|
138
|
+
g();
|
|
139
|
+
return B(e) > 2 || B(x) > 3 ? "" : " ";
|
|
140
|
+
}
|
|
141
|
+
function ve(e, f) {
|
|
142
|
+
for (; --f && g() && !(x < 48 || x > 102 || x > 57 && x < 65 || x > 70 && x < 97); )
|
|
143
|
+
;
|
|
144
|
+
return L(e, V() + (f < 6 && R() == 32 && g() == 32));
|
|
145
|
+
}
|
|
146
|
+
function _(e) {
|
|
147
|
+
for (; g(); )
|
|
148
|
+
switch (x) {
|
|
149
|
+
// ] ) " '
|
|
150
|
+
case e:
|
|
151
|
+
return m;
|
|
152
|
+
// " '
|
|
153
|
+
case 34:
|
|
154
|
+
case 39:
|
|
155
|
+
e !== 34 && e !== 39 && _(x);
|
|
156
|
+
break;
|
|
157
|
+
// (
|
|
158
|
+
case 40:
|
|
159
|
+
e === 41 && _(e);
|
|
160
|
+
break;
|
|
161
|
+
// \
|
|
162
|
+
case 92:
|
|
163
|
+
g();
|
|
164
|
+
break;
|
|
165
|
+
}
|
|
166
|
+
return m;
|
|
167
|
+
}
|
|
168
|
+
function pe(e, f) {
|
|
169
|
+
for (; g() && e + x !== 57; )
|
|
170
|
+
if (e + x === 84 && R() === 47)
|
|
171
|
+
break;
|
|
172
|
+
return "/*" + L(f, m - 1) + "*" + F(e === 47 ? e : g());
|
|
173
|
+
}
|
|
174
|
+
function me(e) {
|
|
175
|
+
for (; !B(R()); )
|
|
176
|
+
g();
|
|
177
|
+
return L(e, m);
|
|
178
|
+
}
|
|
179
|
+
function we(e) {
|
|
180
|
+
return be(D("", null, null, null, [""], e = xe(e), 0, [0], e));
|
|
181
|
+
}
|
|
182
|
+
function D(e, f, a, o, n, r, v, u, i) {
|
|
183
|
+
for (var t = 0, d = 0, b = v, w = 0, c = 0, l = 0, p = 1, y = 1, E = 1, h = 0, T = "", A = n, S = r, $ = o, s = T; y; )
|
|
184
|
+
switch (l = h, h = g()) {
|
|
185
|
+
// (
|
|
186
|
+
case 40:
|
|
187
|
+
if (l != 108 && C(s, b - 1) == 58) {
|
|
188
|
+
se(s += H(P(h), "&", "&\f"), "&\f", W(t ? u[t - 1] : 0)) != -1 && (E = -1);
|
|
189
|
+
break;
|
|
190
|
+
}
|
|
191
|
+
// " ' [
|
|
192
|
+
case 34:
|
|
193
|
+
case 39:
|
|
194
|
+
case 91:
|
|
195
|
+
s += P(h);
|
|
196
|
+
break;
|
|
197
|
+
// \t \n \r \s
|
|
198
|
+
case 9:
|
|
199
|
+
case 10:
|
|
200
|
+
case 13:
|
|
201
|
+
case 32:
|
|
202
|
+
s += he(l);
|
|
203
|
+
break;
|
|
204
|
+
// \
|
|
205
|
+
case 92:
|
|
206
|
+
s += ve(V() - 1, 7);
|
|
207
|
+
continue;
|
|
208
|
+
// /
|
|
209
|
+
case 47:
|
|
210
|
+
switch (R()) {
|
|
211
|
+
case 42:
|
|
212
|
+
case 47:
|
|
213
|
+
O(ge(pe(g(), V()), f, a, i), i), (B(l || 1) == 5 || B(R() || 1) == 5) && k(s) && M(s, -1, void 0) !== " " && (s += " ");
|
|
214
|
+
break;
|
|
215
|
+
default:
|
|
216
|
+
s += "/";
|
|
217
|
+
}
|
|
218
|
+
break;
|
|
219
|
+
// {
|
|
220
|
+
case 123 * p:
|
|
221
|
+
u[t++] = k(s) * E;
|
|
222
|
+
// } ; \0
|
|
223
|
+
case 125 * p:
|
|
224
|
+
case 59:
|
|
225
|
+
case 0:
|
|
226
|
+
switch (h) {
|
|
227
|
+
// \0 }
|
|
228
|
+
case 0:
|
|
229
|
+
case 125:
|
|
230
|
+
y = 0;
|
|
231
|
+
// ;
|
|
232
|
+
case 59 + d:
|
|
233
|
+
E == -1 && (s = H(s, /\f/g, "")), c > 0 && (k(s) - b || p === 0 && l === 47) && O(c > 32 ? J(s + ";", o, a, b - 1, i) : J(H(s, " ", "") + ";", o, a, b - 2, i), i);
|
|
234
|
+
break;
|
|
235
|
+
// @ ;
|
|
236
|
+
case 59:
|
|
237
|
+
s += ";";
|
|
238
|
+
// { rule/at-rule
|
|
239
|
+
default:
|
|
240
|
+
if (O($ = G(s, f, a, t, d, n, u, T, A = [], S = [], b, r), r), h === 123)
|
|
241
|
+
if (d === 0)
|
|
242
|
+
D(s, f, $, $, A, r, b, u, S);
|
|
243
|
+
else {
|
|
244
|
+
switch (w) {
|
|
245
|
+
// c(ontainer)
|
|
246
|
+
case 99:
|
|
247
|
+
if (C(s, 3) === 110) break;
|
|
248
|
+
// l(ayer)
|
|
249
|
+
case 108:
|
|
250
|
+
if (C(s, 2) === 97) break;
|
|
251
|
+
default:
|
|
252
|
+
d = 0;
|
|
253
|
+
// d(ocument) m(edia) s(upports)
|
|
254
|
+
case 100:
|
|
255
|
+
case 109:
|
|
256
|
+
case 115:
|
|
257
|
+
}
|
|
258
|
+
d ? D(e, $, $, o && O(G(e, $, $, 0, 0, n, u, T, n, A = [], b, S), S), n, S, b, u, o ? A : S) : D(s, $, $, $, [""], S, 0, u, S);
|
|
259
|
+
}
|
|
260
|
+
}
|
|
261
|
+
t = d = c = 0, p = E = 1, T = s = "", b = v;
|
|
262
|
+
break;
|
|
263
|
+
// :
|
|
264
|
+
case 58:
|
|
265
|
+
b = 1 + k(s), c = l;
|
|
266
|
+
default:
|
|
267
|
+
if (p < 1) {
|
|
268
|
+
if (h == 123)
|
|
269
|
+
--p;
|
|
270
|
+
else if (h == 125 && p++ == 0 && le() == 125)
|
|
271
|
+
continue;
|
|
272
|
+
}
|
|
273
|
+
switch (s += F(h), h * p) {
|
|
274
|
+
// &
|
|
275
|
+
case 38:
|
|
276
|
+
E = d > 0 ? 1 : (s += "\f", -1);
|
|
277
|
+
break;
|
|
278
|
+
// ,
|
|
279
|
+
case 44:
|
|
280
|
+
u[t++] = (k(s) - 1) * E, E = 1;
|
|
281
|
+
break;
|
|
282
|
+
// @
|
|
283
|
+
case 64:
|
|
284
|
+
R() === 45 && (s += P(g())), w = R(), d = b = k(T = s += me(V())), h++;
|
|
285
|
+
break;
|
|
286
|
+
// -
|
|
287
|
+
case 45:
|
|
288
|
+
l === 45 && k(s) == 2 && (p = 0);
|
|
289
|
+
}
|
|
290
|
+
}
|
|
291
|
+
return r;
|
|
292
|
+
}
|
|
293
|
+
function G(e, f, a, o, n, r, v, u, i, t, d, b) {
|
|
294
|
+
for (var w = n - 1, c = n === 0 ? r : [""], l = ue(c), p = 0, y = 0, E = 0; p < o; ++p)
|
|
295
|
+
for (var h = 0, T = M(e, w + 1, w = W(y = v[p])), A = e; h < l; ++h)
|
|
296
|
+
(A = ee(y > 0 ? c[h] + " " + T : H(T, /&\f/g, c[h]))) && (i[E++] = A);
|
|
297
|
+
return Y(e, f, a, n === 0 ? X : u, i, t, d, b);
|
|
298
|
+
}
|
|
299
|
+
function ge(e, f, a, o) {
|
|
300
|
+
return Y(e, f, a, Q, F(de()), M(e, 2, -2), 0, o);
|
|
301
|
+
}
|
|
302
|
+
function J(e, f, a, o, n) {
|
|
303
|
+
return Y(e, f, a, Z, M(e, 0, o), M(e, o + 1, -1), o, n);
|
|
304
|
+
}
|
|
305
|
+
function j(e, f) {
|
|
306
|
+
for (var a = "", o = 0; o < e.length; o++)
|
|
307
|
+
a += f(e[o], o, e, f) || "";
|
|
308
|
+
return a;
|
|
309
|
+
}
|
|
310
|
+
function $e(e, f, a, o) {
|
|
311
|
+
switch (e.type) {
|
|
312
|
+
case ie:
|
|
313
|
+
if (e.children.length) break;
|
|
314
|
+
case ae:
|
|
315
|
+
case ce:
|
|
316
|
+
case Z:
|
|
317
|
+
return e.return = e.return || e.value;
|
|
318
|
+
case Q:
|
|
319
|
+
return "";
|
|
320
|
+
case oe:
|
|
321
|
+
return e.return = e.value + "{" + j(e.children, o) + "}";
|
|
322
|
+
case X:
|
|
323
|
+
if (!k(e.value = e.props.join(","))) return "";
|
|
324
|
+
}
|
|
325
|
+
return k(a = j(e.children, o)) ? e.return = e.value + "{" + a + "}" : "";
|
|
326
|
+
}
|
|
327
|
+
const ke = () => K`-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;`, Se = ({
|
|
328
|
+
backgroundColor: e = "white",
|
|
329
|
+
borderColor: f,
|
|
330
|
+
placeholderColor: a
|
|
331
|
+
}) => K`border-color:${f};border-style:solid;border-width:1px;margin:0;padding:0;display:inline-block;vertical-align:middle;white-space:normal;background-color:${e};line-height:1;appearance:none;-moz-appearance:none;-webkit-appearance:none;&::placeholder{color:${a};}${ke()}`, Ee = ({
|
|
332
|
+
key: e
|
|
333
|
+
}) => {
|
|
334
|
+
if (window?.document?.querySelector(`style[data-clll-theme="${e}"]`))
|
|
335
|
+
return;
|
|
336
|
+
const f = window?.document?.createElement("style");
|
|
337
|
+
if (f)
|
|
338
|
+
return f.setAttribute("data-clll-theme", e), f.appendChild(window?.document.createTextNode("")), window?.document.head.appendChild(f), f;
|
|
339
|
+
}, K = (e, ...f) => {
|
|
340
|
+
const a = [e[0]];
|
|
341
|
+
return (() => {
|
|
342
|
+
f.forEach((r, v) => {
|
|
343
|
+
a.push(r, e[v + 1]);
|
|
344
|
+
});
|
|
345
|
+
})(), a.join("").replace(/[\r\n]+/gm, "");
|
|
346
|
+
}, Re = (...e) => {
|
|
347
|
+
if (import.meta?.env?.VITEST) return "";
|
|
348
|
+
const a = e.filter(Boolean).join(""), o = j(we(a), $e), n = te.v2(o).toString(36), r = `clll-theme--${n}`, v = `.${r}{${a}}`, u = Ee({ key: n });
|
|
349
|
+
return u && (u?.sheet?.parentStyleSheet ? u?.sheet?.insertRule(
|
|
350
|
+
v,
|
|
351
|
+
u.sheet?.cssRules.length
|
|
352
|
+
) : u.appendChild(window?.document.createTextNode(v))), r;
|
|
353
|
+
}, Ae = ({
|
|
354
|
+
borderColor: e,
|
|
355
|
+
outlineWidth: f = "2px",
|
|
356
|
+
outlineOffset: a = "0px",
|
|
357
|
+
outlineColor: o = "transparent",
|
|
358
|
+
shadowWidth: n = "--clll-unit-1_5",
|
|
359
|
+
shadowColor: r
|
|
360
|
+
}) => K`outline-color:rgba(0,0,0,0);outline-offset:${a};outline-style:solid;outline-width:${f};&:focus{outline:none;}&:focus{&[type='checkbox'],&[type='radio']{border-color:transparent!important;outline-color:${e};outline-style:solid;outline-width:${f};box-shadow:0 0 0 var(${n})${r};}}&:focus-visible{border-color:transparent!important;outline-color:${e};outline-style:solid;outline-width:${f};box-shadow:0 0 0 var(${n})${r};}&[type='checkbox'],&[type='radio']{border-color:${e};&:focus{outline-color:${o};border-color:transparent;}}`, Ce = ({
|
|
361
|
+
color: e,
|
|
362
|
+
colors: f,
|
|
363
|
+
mode: a,
|
|
364
|
+
variant: o
|
|
365
|
+
}) => {
|
|
366
|
+
const n = fe[o][a], r = f[e];
|
|
367
|
+
if (r)
|
|
368
|
+
return {
|
|
369
|
+
bg: n.bg !== void 0 ? r[n.bg] : void 0,
|
|
370
|
+
border: n.border !== void 0 ? r[n.border] : void 0,
|
|
371
|
+
borderHover: n.borderHover !== void 0 ? r[n.borderHover] : void 0,
|
|
372
|
+
disabled: n.disabled !== void 0 ? r[n.disabled] : void 0,
|
|
373
|
+
focus: n.focus !== void 0 ? r[n.focus] : void 0,
|
|
374
|
+
hover: n.hover !== void 0 ? r[n.hover] : void 0,
|
|
375
|
+
shadow: n.shadow !== void 0 ? r[n.shadow] : void 0,
|
|
376
|
+
text: n.text !== void 0 ? r[n.text] : void 0,
|
|
377
|
+
textBody: n.textBody !== void 0 ? r[n.textBody] : void 0,
|
|
378
|
+
textDisabled: n.textDisabled !== void 0 ? r[n.textDisabled] : void 0
|
|
379
|
+
};
|
|
380
|
+
};
|
|
381
|
+
export {
|
|
382
|
+
Re as a,
|
|
383
|
+
Se as b,
|
|
384
|
+
K as c,
|
|
385
|
+
Ae as f,
|
|
386
|
+
Ce as g
|
|
387
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--clll-unit-0: 0;--clll-unit-0_5: .125rem;--clll-unit-1: .25rem;--clll-unit-1_5: .375rem;--clll-unit-2: .5rem;--clll-unit-2_5: .625rem;--clll-unit-3: .75rem;--clll-unit-3_5: .875rem;--clll-unit-4: 1rem;--clll-unit-4_5: 1.125rem;--clll-unit-5: 1.25rem;--clll-unit-5_5: 1.375rem;--clll-unit-6: 1.5rem;--clll-unit-6_5: 1.625rem;--clll-unit-7: 1.75rem;--clll-unit-7_5: 1.875rem;--clll-unit-8: 2rem;--clll-unit-8_5: 2.125rem;--clll-unit-9_5: 2.375rem;--clll-unit-10: 2.5rem;--clll-unit-10_5: 2.625rem;--clll-unit-12: 3rem;--clll-unit-14: 3.5rem;--clll-unit-14_5: 3.625rem;--clll-unit-18: 4.5rem}.form-addon-flex{display:flex;align-items:center;justify-content:center;pointer-events:none;user-select:none}.form-addon-flex--left{left:0}.form-addon-flex--right{right:0}.form-addon-flex--icon{z-index:10;box-sizing:border-box}.form-addon-flex--string{position:relative}.form-addon-radius--left-full{border-top-left-radius:var(--clll-rounded-full);border-bottom-left-radius:var(--clll-rounded-full)}.form-addon-radius--right-full{border-top-right-radius:var(--clll-rounded-full);border-bottom-right-radius:var(--clll-rounded-full)}.form-addon-radius--left-lg{border-top-left-radius:var(--clll-rounded-lg);border-bottom-left-radius:var(--clll-rounded-lg)}.form-addon-radius--right-lg{border-top-right-radius:var(--clll-rounded-lg);border-bottom-right-radius:var(--clll-rounded-lg)}.form-addon-radius--left-md{border-top-left-radius:var(--clll-rounded-md);border-bottom-left-radius:var(--clll-rounded-md)}.form-addon-radius--right-md{border-top-right-radius:var(--clll-rounded-md);border-bottom-right-radius:var(--clll-rounded-md)}.form-addon-radius--left-sm{border-top-left-radius:var(--clll-rounded-sm);border-bottom-left-radius:var(--clll-rounded-sm)}.form-addon-radius--right-sm{border-top-right-radius:var(--clll-rounded-sm);border-bottom-right-radius:var(--clll-rounded-sm)}.form-addon-radius--left-xs{border-top-left-radius:var(--clll-rounded-xs);border-bottom-left-radius:var(--clll-rounded-xs)}.form-addon-radius--right-xs{border-top-right-radius:var(--clll-rounded-xs);border-bottom-right-radius:var(--clll-rounded-xs)}.form-addon-radius--left-xl{border-top-left-radius:var(--clll-rounded-xl);border-bottom-left-radius:var(--clll-rounded-xl)}.form-addon-radius--right-xl{border-top-right-radius:var(--clll-rounded-xl);border-bottom-right-radius:var(--clll-rounded-xl)}.form-addon-radius--left-2xl{border-top-left-radius:var(--clll-rounded-2xl);border-bottom-left-radius:var(--clll-rounded-2xl)}.form-addon-radius--right-2xl{border-top-right-radius:var(--clll-rounded-2xl);border-bottom-right-radius:var(--clll-rounded-2xl)}.form-addon-radius--left-3xl{border-top-left-radius:var(--clll-rounded-3xl);border-bottom-left-radius:var(--clll-rounded-3xl)}.form-addon-radius--right-3xl{border-top-right-radius:var(--clll-rounded-3xl);border-bottom-right-radius:var(--clll-rounded-3xl)}.form-addon-radius--left-none{border-top-left-radius:0;border-bottom-left-radius:0}.form-addon-radius--right-none{border-top-right-radius:0;border-bottom-right-radius:0}.form-control-flex{display:inline-flex;align-items:center;justify-content:center;position:relative}.form-counter-flex{display:flex;align-items:center;justify-content:flex-end;max-width:100px;box-sizing:border-box;flex:1;position:relative;pointer-events:none;user-select:none}.form-select-icon-flex{position:absolute;top:0;right:0;height:100%;display:flex;align-items:center;pointer-events:none}:root{--clll-rounded-full: 9999px;--clll-rounded-none: 0;--clll-rounded-xs: var(--clll-unit-1);--clll-rounded-sm: var(--clll-unit-2);--clll-rounded-md: var(--clll-unit-3);--clll-rounded-lg: var(--clll-unit-4);--clll-rounded-xl: var(--clll-unit-5);--clll-rounded-2xl: var(--clll-unit-6);--clll-rounded-3xl: var(--clll-unit-7);--clll-px-xs: var(--clll-unit-1_5);--clll-px-sm: var(--clll-unit-2);--clll-px-md: var(--clll-unit-2_5);--clll-px-lg: var(--clll-unit-3);--clll-px-xl: var(--clll-unit-3_5);--clll-px-2xl: var(--clll-unit-4);--clll-px-3xl: var(--clll-unit-4_5);--clll-px-s-xs: calc(var(--clll-px-xs) * .5);--clll-px-s-sm: calc(var(--clll-px-sm) * .5);--clll-py-xs: calc(var(--clll-unit-1) - 1px);--clll-py-sm: calc(var(--clll-unit-1_5) - 1px);--clll-py-md: calc(var(--clll-unit-2) - 1px);--clll-py-lg: var(--clll-unit-2);--clll-py-xl: var(--clll-unit-2_5);--clll-py-2xl: var(--clll-unit-3);--clll-py-3xl: var(--clll-unit-3_5);--clll-py-4xl: var(--clll-unit-4);--clll-py-s-xs: calc(var(--clll-py-xs) * .5);--clll-z-index-10: 10}.clll-a11y__button{display:inline-block}.clll-a11y__button.--enabled{cursor:pointer}.clll-a11y__button.--rounded{border-radius:var(--clll-rounded-sm)}.clll-a11y__button.--fluid{display:block}
|
|
@@ -13,10 +13,10 @@ export interface CLA11yButtonProps {
|
|
|
13
13
|
}
|
|
14
14
|
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLA11yButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLA11yButtonProps> & Readonly<{}>, {
|
|
15
15
|
color: CLColors;
|
|
16
|
-
testId: string;
|
|
17
|
-
rounded: boolean;
|
|
18
16
|
enabled: boolean;
|
|
19
17
|
fluid: boolean;
|
|
18
|
+
rounded: boolean;
|
|
19
|
+
testId: string;
|
|
20
20
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
21
21
|
refExpandedArea: HTMLDivElement;
|
|
22
22
|
}, HTMLDivElement>, {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--clll-unit-0: 0;--clll-unit-0_5: .125rem;--clll-unit-1: .25rem;--clll-unit-1_5: .375rem;--clll-unit-2: .5rem;--clll-unit-2_5: .625rem;--clll-unit-3: .75rem;--clll-unit-3_5: .875rem;--clll-unit-4: 1rem;--clll-unit-4_5: 1.125rem;--clll-unit-5: 1.25rem;--clll-unit-5_5: 1.375rem;--clll-unit-6: 1.5rem;--clll-unit-6_5: 1.625rem;--clll-unit-7: 1.75rem;--clll-unit-7_5: 1.875rem;--clll-unit-8: 2rem;--clll-unit-8_5: 2.125rem;--clll-unit-9_5: 2.375rem;--clll-unit-10: 2.5rem;--clll-unit-10_5: 2.625rem;--clll-unit-12: 3rem;--clll-unit-14: 3.5rem;--clll-unit-14_5: 3.625rem;--clll-unit-18: 4.5rem}.form-addon-flex{display:flex;align-items:center;justify-content:center;pointer-events:none;user-select:none}.form-addon-flex--left{left:0}.form-addon-flex--right{right:0}.form-addon-flex--icon{z-index:10;box-sizing:border-box}.form-addon-flex--string{position:relative}.form-addon-radius--left-full{border-top-left-radius:var(--clll-rounded-full);border-bottom-left-radius:var(--clll-rounded-full)}.form-addon-radius--right-full{border-top-right-radius:var(--clll-rounded-full);border-bottom-right-radius:var(--clll-rounded-full)}.form-addon-radius--left-lg{border-top-left-radius:var(--clll-rounded-lg);border-bottom-left-radius:var(--clll-rounded-lg)}.form-addon-radius--right-lg{border-top-right-radius:var(--clll-rounded-lg);border-bottom-right-radius:var(--clll-rounded-lg)}.form-addon-radius--left-md{border-top-left-radius:var(--clll-rounded-md);border-bottom-left-radius:var(--clll-rounded-md)}.form-addon-radius--right-md{border-top-right-radius:var(--clll-rounded-md);border-bottom-right-radius:var(--clll-rounded-md)}.form-addon-radius--left-sm{border-top-left-radius:var(--clll-rounded-sm);border-bottom-left-radius:var(--clll-rounded-sm)}.form-addon-radius--right-sm{border-top-right-radius:var(--clll-rounded-sm);border-bottom-right-radius:var(--clll-rounded-sm)}.form-addon-radius--left-xs{border-top-left-radius:var(--clll-rounded-xs);border-bottom-left-radius:var(--clll-rounded-xs)}.form-addon-radius--right-xs{border-top-right-radius:var(--clll-rounded-xs);border-bottom-right-radius:var(--clll-rounded-xs)}.form-addon-radius--left-xl{border-top-left-radius:var(--clll-rounded-xl);border-bottom-left-radius:var(--clll-rounded-xl)}.form-addon-radius--right-xl{border-top-right-radius:var(--clll-rounded-xl);border-bottom-right-radius:var(--clll-rounded-xl)}.form-addon-radius--left-2xl{border-top-left-radius:var(--clll-rounded-2xl);border-bottom-left-radius:var(--clll-rounded-2xl)}.form-addon-radius--right-2xl{border-top-right-radius:var(--clll-rounded-2xl);border-bottom-right-radius:var(--clll-rounded-2xl)}.form-addon-radius--left-3xl{border-top-left-radius:var(--clll-rounded-3xl);border-bottom-left-radius:var(--clll-rounded-3xl)}.form-addon-radius--right-3xl{border-top-right-radius:var(--clll-rounded-3xl);border-bottom-right-radius:var(--clll-rounded-3xl)}.form-addon-radius--left-none{border-top-left-radius:0;border-bottom-left-radius:0}.form-addon-radius--right-none{border-top-right-radius:0;border-bottom-right-radius:0}.form-control-flex{display:inline-flex;align-items:center;justify-content:center;position:relative}.form-counter-flex{display:flex;align-items:center;justify-content:flex-end;max-width:100px;box-sizing:border-box;flex:1;position:relative;pointer-events:none;user-select:none}.form-select-icon-flex{position:absolute;top:0;right:0;height:100%;display:flex;align-items:center;pointer-events:none}:root{--clll-rounded-full: 9999px;--clll-rounded-none: 0;--clll-rounded-xs: var(--clll-unit-1);--clll-rounded-sm: var(--clll-unit-2);--clll-rounded-md: var(--clll-unit-3);--clll-rounded-lg: var(--clll-unit-4);--clll-rounded-xl: var(--clll-unit-5);--clll-rounded-2xl: var(--clll-unit-6);--clll-rounded-3xl: var(--clll-unit-7);--clll-px-xs: var(--clll-unit-1_5);--clll-px-sm: var(--clll-unit-2);--clll-px-md: var(--clll-unit-2_5);--clll-px-lg: var(--clll-unit-3);--clll-px-xl: var(--clll-unit-3_5);--clll-px-2xl: var(--clll-unit-4);--clll-px-3xl: var(--clll-unit-4_5);--clll-px-s-xs: calc(var(--clll-px-xs) * .5);--clll-px-s-sm: calc(var(--clll-px-sm) * .5);--clll-py-xs: calc(var(--clll-unit-1) - 1px);--clll-py-sm: calc(var(--clll-unit-1_5) - 1px);--clll-py-md: calc(var(--clll-unit-2) - 1px);--clll-py-lg: var(--clll-unit-2);--clll-py-xl: var(--clll-unit-2_5);--clll-py-2xl: var(--clll-unit-3);--clll-py-3xl: var(--clll-unit-3_5);--clll-py-4xl: var(--clll-unit-4);--clll-py-s-xs: calc(var(--clll-py-xs) * .5);--clll-z-index-10: 10}.clll-button{position:relative;border:1px solid transparent;cursor:pointer}.clll-button[href]{text-decoration:none}.clll-button{transition-property:background-color;transition-duration:.3s;transition-timing-function:ease}.clll-button .clll-button__content,.clll-button .clll-icon{font-weight:500;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0}.clll-button.clll-button--has-content{display:inline-flex;align-items:center}.clll-button.clll-button--no-content.clll-button--left,.clll-button.clll-button--no-content.clll-button--right{justify-content:center}.clll-button.clll-button--no-content .clll-button__content{display:none}.clll-button.clll-button--busy .clll-button__content,.clll-button.clll-button--busy .clll-icon{visibility:hidden}.clll-button.clll-button--tiny{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5);padding:var(--clll-unit-0_5) var(--clll-unit-2)}.clll-button.clll-button--tiny.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-0_5)}.clll-button.clll-button--tiny.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--tiny.clll-button--rounded{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--tiny.clll-button--no-content{padding:var(--clll-unit-1_5)}.clll-button.clll-button--small{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6);padding:var(--clll-unit-1) var(--clll-unit-2_5)}.clll-button.clll-button--small.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-1)}.clll-button.clll-button--small.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--small.clll-button--rounded{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--small.clll-button--no-content{padding:var(--clll-unit-2)}.clll-button.clll-button--medium{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5);padding:var(--clll-unit-1_5) var(--clll-unit-3)}.clll-button.clll-button--medium.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-1_5)}.clll-button.clll-button--medium.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--medium.clll-button--rounded{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--medium.clll-button--no-content{padding:var(--clll-unit-2_5)}.clll-button.clll-button--large{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7);padding:var(--clll-unit-2) var(--clll-unit-3_5)}.clll-button.clll-button--large.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-button.clll-button--large.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--large.clll-button--rounded{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--large.clll-button--no-content{padding:var(--clll-unit-3)}.clll-button.clll-button--xlarge{font-size:var(--clll-unit-6);line-height:var(--clll-unit-8_5);padding:var(--clll-unit-3) var(--clll-unit-4_5)}.clll-button.clll-button--xlarge.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2_5)}.clll-button.clll-button--xlarge.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--xlarge.clll-button--rounded{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--xlarge.clll-button--no-content{padding:var(--clll-unit-4)}.clll-button .clll-button__content{overflow:hidden}.clll-button.clll-button--left{justify-content:flex-start}.clll-button.clll-button--center{justify-content:center}.clll-button.clll-button--right{justify-content:flex-end}.clll-button.clll-button--no-content{display:flex;align-items:center}.clll-button.clll-button--no-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-0)}.clll-button.clll-button--no-content.clll-button--rounded{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--wrapped{padding:var(--clll-unit-0)}.clll-button.clll-button--wrapped.clll-button--no-content{padding:0}.clll-button.clll-button--pill{border:0;padding:var(--clll-unit-0);background-color:transparent;outline-offset:-.5px}.clll-button.clll-button--pill:focus{box-shadow:none}.clll-button.clll-button--pill.clll-button--rounded{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--pill .clll-button__content{line-height:0}.clll-button.clll-button--active{pointer-events:none;user-select:none}.clll-button.clll-button--elevated{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-button:disabled{cursor:not-allowed;pointer-events:all;opacity:.75;user-select:none}
|