@codeandfunction/callaloo 3.16.4 → 3.16.6
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/assets/CLInputMessages.css +1 -1
- package/dist/chunks/{CLA11yButton.vue_vue_type_style_index_0_lang-C9OzrJ6Y.js → CLA11yButton.vue_vue_type_style_index_0_lang-Drw6jsX_.js} +13 -12
- package/dist/chunks/{CLButton.vue_vue_type_style_index_0_lang--MP4S4D4.js → CLButton.vue_vue_type_style_index_0_lang-CQipGQ26.js} +5 -5
- package/dist/chunks/CLCard.vue_vue_type_style_index_0_lang-CAjsSjd9.js +248 -0
- package/dist/chunks/{CLFormLabel.vue_vue_type_script_setup_true_lang-DNZdlItJ.js → CLFormLabel.vue_vue_type_script_setup_true_lang-CaHCD2xF.js} +1 -1
- package/dist/chunks/{CLHeading.vue_vue_type_style_index_0_lang-BO5OiCE-.js → CLHeading.vue_vue_type_style_index_0_lang-nUnSpm32.js} +11 -10
- package/dist/chunks/CLIcon.vue_vue_type_style_index_0_lang-R0Nhlutc.js +84 -0
- package/dist/chunks/CLInputMessages.vue_vue_type_style_index_0_lang-Bt5xgOT4.js +153 -0
- package/dist/chunks/CLLink.vue_vue_type_style_index_0_lang-DCwTmOOz.js +68 -0
- package/dist/chunks/{CLNavLink.vue_vue_type_script_setup_true_lang-DtzSW2Tr.js → CLNavLink.vue_vue_type_script_setup_true_lang-B_AmMW02.js} +1 -1
- package/dist/chunks/CLPill.vue_vue_type_style_index_0_lang-B1MuCUnW.js +90 -0
- package/dist/chunks/CLProgress.vue_vue_type_style_index_0_lang-DVJDbuDr.js +63 -0
- package/dist/chunks/CLSkeleton.vue_vue_type_style_index_0_lang--LtiFHSO.js +30 -0
- package/dist/chunks/{CLSpinner.vue_vue_type_style_index_0_lang-DyT8L74M.js → CLSpinner.vue_vue_type_style_index_0_lang-BQ1w9Ik9.js} +17 -16
- package/dist/chunks/{CLText.vue_vue_type_style_index_0_lang-CG6043pv.js → CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js} +14 -13
- package/dist/chunks/CLToast.vue_vue_type_style_index_0_lang-Bhat3Q9Z.js +182 -0
- package/dist/chunks/utils-CAV1sBee.js +24 -0
- package/dist/chunks/utils-CS9Gz4oX.js +25 -0
- package/dist/chunks/utils-C_e2F4X7.js +17 -0
- package/dist/chunks/utils-Sqgt8Fa4.js +85 -0
- package/dist/chunks/utils-cOhtsyeB.js +41 -0
- package/dist/chunks/utils-zJwcNHl4.js +37 -0
- package/dist/components/Buttons/CLA11yButton/CLA11yButton.css +1 -1
- package/dist/components/Buttons/CLA11yButton/CLA11yButton.js +1 -1
- package/dist/components/Buttons/CLButton/CLButton.css +1 -1
- package/dist/components/Buttons/CLButton/CLButton.js +1 -1
- package/dist/components/Buttons/CLButton/CLButton.vue.d.ts +1 -1
- package/dist/components/Buttons/utils.d.ts +16 -2
- package/dist/components/CLIcon/CLIcon.css +1 -1
- package/dist/components/CLIcon/CLIcon.js +1 -1
- package/dist/components/CLIcon/utils.d.ts +3 -1
- package/dist/components/CLTable/CLTable.css +1 -1
- package/dist/components/CLTable/CLTable.js +113 -117
- package/dist/components/CLTable/utils.d.ts +5 -1
- package/dist/components/Containers/CLCard/CLCard.css +1 -1
- package/dist/components/Containers/CLCard/CLCard.js +1 -1
- package/dist/components/Containers/CLCarousel/CLCarousel.js +2 -2
- package/dist/components/Containers/CLDisclosure/CLDisclosure.css +1 -1
- package/dist/components/Containers/CLDisclosure/CLDisclosure.js +32 -31
- package/dist/components/Containers/utils.d.ts +15 -2
- package/dist/components/Form/CLCheckbox/CLCheckbox.css +1 -1
- package/dist/components/Form/CLCheckbox/CLCheckbox.js +33 -35
- package/dist/components/Form/CLCheckbox/CLCheckbox.vue.d.ts +2 -2
- package/dist/components/Form/CLInput/CLInput.css +1 -1
- package/dist/components/Form/CLInput/CLInput.js +31 -33
- package/dist/components/Form/CLInput/CLInput.vue.d.ts +3 -3
- package/dist/components/Form/CLRadioButton/CLRadioButton.css +1 -1
- package/dist/components/Form/CLRadioButton/CLRadioButton.js +35 -34
- package/dist/components/Form/CLSelect/CLSelect.css +1 -1
- package/dist/components/Form/CLSelect/CLSelect.js +32 -31
- package/dist/components/Form/CLTextArea/CLTextArea.css +1 -1
- package/dist/components/Form/CLTextArea/CLTextArea.js +21 -20
- package/dist/components/Form/utils.d.ts +51 -4
- package/dist/components/Indicators/CLBadge/CLBadge.css +1 -1
- package/dist/components/Indicators/CLBadge/CLBadge.js +12 -11
- package/dist/components/Indicators/CLBanner/CLBanner.css +1 -1
- package/dist/components/Indicators/CLBanner/CLBanner.js +49 -52
- package/dist/components/Indicators/CLPill/CLPill.css +1 -1
- package/dist/components/Indicators/CLPill/CLPill.js +1 -1
- package/dist/components/Indicators/CLProgress/CLProgress.css +1 -1
- package/dist/components/Indicators/CLProgress/CLProgress.js +1 -1
- package/dist/components/Indicators/utils.d.ts +31 -4
- package/dist/components/Loading/CLSkeleton/CLSkeleton.css +1 -1
- package/dist/components/Loading/CLSkeleton/CLSkeleton.js +1 -1
- package/dist/components/Loading/CLSpinner/CLSpinner.css +1 -1
- package/dist/components/Loading/CLSpinner/CLSpinner.js +1 -1
- package/dist/components/Loading/utils.d.ts +7 -2
- package/dist/components/Modals/CLModal/CLModal.css +1 -1
- package/dist/components/Modals/CLModal/CLModal.js +92 -91
- package/dist/components/Modals/utils.d.ts +5 -1
- package/dist/components/Navigation/CLLink/CLLink.css +1 -1
- package/dist/components/Navigation/CLLink/CLLink.js +1 -1
- package/dist/components/Navigation/CLNavLink/CLNavLink.js +1 -1
- package/dist/components/Navigation/CLNavSection/CLNavSection.js +2 -2
- package/dist/components/Navigation/utils.d.ts +8 -1
- package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.css +1 -1
- package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.js +200 -203
- package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.vue.d.ts +3 -3
- package/dist/components/Popups/CLToast/CLToast.css +1 -1
- package/dist/components/Popups/CLToast/CLToast.js +1 -1
- package/dist/components/Popups/utils.d.ts +8 -1
- package/dist/components/Providers/CLThemeProvider/utils.d.ts +0 -1
- package/dist/components/Providers/CLToastProvider/CLToastProvider.js +1 -1
- package/dist/components/Typography/CLHeading/CLHeading.css +1 -1
- package/dist/components/Typography/CLHeading/CLHeading.js +1 -1
- package/dist/components/Typography/CLText/CLText.css +1 -1
- package/dist/components/Typography/CLText/CLText.js +1 -1
- package/dist/components/Typography/utils.d.ts +3 -1
- package/dist/composables/useTheme.js +17 -16
- package/package.json +1 -4
- package/dist/chunks/CLCard.vue_vue_type_style_index_0_lang-Ba1c7ZNn.js +0 -252
- package/dist/chunks/CLIcon.vue_vue_type_style_index_0_lang-B_341q_b.js +0 -84
- package/dist/chunks/CLInputMessages.vue_vue_type_style_index_0_lang-DZEfoinY.js +0 -121
- package/dist/chunks/CLLink.vue_vue_type_style_index_0_lang-RAFpWIR2.js +0 -60
- package/dist/chunks/CLPill.vue_vue_type_style_index_0_lang-UKMQXfI-.js +0 -88
- package/dist/chunks/CLProgress.vue_vue_type_style_index_0_lang-BMozy0NJ.js +0 -65
- package/dist/chunks/CLSkeleton.vue_vue_type_style_index_0_lang-C82FyxKt.js +0 -33
- package/dist/chunks/CLToast.vue_vue_type_style_index_0_lang-LiL8p_1M.js +0 -179
- package/dist/chunks/utils-B_htczw5.js +0 -30
- package/dist/chunks/utils-Bf54TEIp.js +0 -387
- package/dist/chunks/utils-CPp2QUlb.js +0 -15
- package/dist/chunks/utils-Cm9XP0Vu.js +0 -29
- package/dist/chunks/utils-DPwEOLZc.js +0 -26
- package/dist/chunks/utils-_aITYXfA.js +0 -73
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { CLMode as t, CLColorVariants as d, CLColors as b } from "../index.js";
|
|
2
|
+
import { g as p } from "./utils-CS9Gz4oX.js";
|
|
3
|
+
import { useTheme as u } from "../composables/useTheme.js";
|
|
4
|
+
const v = ({
|
|
5
|
+
color: a = b.Primary,
|
|
6
|
+
variant: r
|
|
7
|
+
}) => {
|
|
8
|
+
const { borderRadius: o, colors: e, darkMode: n } = u(), s = n.value ? t.Dark : t.Light, l = r === d.Outline, i = p({
|
|
9
|
+
color: a,
|
|
10
|
+
colors: e.value,
|
|
11
|
+
mode: s,
|
|
12
|
+
variant: r
|
|
13
|
+
});
|
|
14
|
+
return {
|
|
15
|
+
"--clll-badge-bg-color": i?.bg ?? "transparent",
|
|
16
|
+
"--clll-badge-border-color": l ? i?.border ?? "transparent" : "transparent",
|
|
17
|
+
"--clll-badge-border-style": l ? "solid" : "none",
|
|
18
|
+
"--clll-badge-border-width": l ? "1px" : "0",
|
|
19
|
+
"--clll-badge-text-color": i?.text ?? "inherit",
|
|
20
|
+
"--clll-badge-theme-radius": o.value ? `var(--clll-${o.value})` : void 0
|
|
21
|
+
};
|
|
22
|
+
}, x = ({
|
|
23
|
+
color: a = b.Primary,
|
|
24
|
+
variant: r
|
|
25
|
+
}) => {
|
|
26
|
+
const { borderRadius: o, colors: e, darkMode: n } = u(), s = n.value ? t.Dark : t.Light, l = p({
|
|
27
|
+
color: a,
|
|
28
|
+
colors: e.value,
|
|
29
|
+
mode: s,
|
|
30
|
+
variant: r
|
|
31
|
+
});
|
|
32
|
+
return {
|
|
33
|
+
"--clll-banner-bg-color": l?.bg ?? "transparent",
|
|
34
|
+
"--clll-banner-border-color": l?.focus ?? "transparent",
|
|
35
|
+
"--clll-banner-text-color": l?.text ?? "inherit",
|
|
36
|
+
"--clll-banner-theme-radius": o.value ? `var(--clll-${o.value})` : void 0
|
|
37
|
+
};
|
|
38
|
+
}, k = ({
|
|
39
|
+
color: a = b.Primary,
|
|
40
|
+
variant: r
|
|
41
|
+
}) => {
|
|
42
|
+
const { borderRadius: o, colors: e, darkMode: n } = u(), s = n.value ? t.Dark : t.Light, l = r === d.Outline, i = r === d.Ghost, c = p({
|
|
43
|
+
color: a,
|
|
44
|
+
colors: e.value,
|
|
45
|
+
mode: s,
|
|
46
|
+
variant: r
|
|
47
|
+
});
|
|
48
|
+
return {
|
|
49
|
+
"--clll-pill-bg-color": c?.bg ?? "transparent",
|
|
50
|
+
"--clll-pill-border-color": l ? c?.border ?? "transparent" : "transparent",
|
|
51
|
+
"--clll-pill-border-style": l ? "solid" : "none",
|
|
52
|
+
"--clll-pill-border-width": l ? "1px" : "0",
|
|
53
|
+
"--clll-pill-text-color": c?.text ?? "inherit",
|
|
54
|
+
"--clll-pill-hover-bg": c?.bg ?? "transparent",
|
|
55
|
+
"--clll-pill-count-bg": !l && !i ? c?.hover ?? "transparent" : "transparent",
|
|
56
|
+
"--clll-pill-count-border-style": l ? "solid" : "none",
|
|
57
|
+
"--clll-pill-count-border-color": l ? c?.border ?? "transparent" : "transparent",
|
|
58
|
+
"--clll-pill-count-border-width": l ? "1px" : "0",
|
|
59
|
+
"--clll-pill-theme-radius": o.value ? `var(--clll-${o.value})` : void 0
|
|
60
|
+
};
|
|
61
|
+
}, C = ({
|
|
62
|
+
color: a = b.Primary
|
|
63
|
+
}) => {
|
|
64
|
+
const { colors: r, darkMode: o } = u(), e = o.value ? t.Dark : t.Light, n = p({
|
|
65
|
+
color: a,
|
|
66
|
+
colors: r.value,
|
|
67
|
+
mode: e,
|
|
68
|
+
variant: d.Solid
|
|
69
|
+
});
|
|
70
|
+
return {
|
|
71
|
+
"--clll-progress-container-bg": p({
|
|
72
|
+
color: b.Neutral,
|
|
73
|
+
colors: r.value,
|
|
74
|
+
mode: e,
|
|
75
|
+
variant: d.Solid
|
|
76
|
+
})?.disabled ?? "transparent",
|
|
77
|
+
"--clll-progress-bar-bg": n?.bg ?? "transparent"
|
|
78
|
+
};
|
|
79
|
+
};
|
|
80
|
+
export {
|
|
81
|
+
C as a,
|
|
82
|
+
v as b,
|
|
83
|
+
x as c,
|
|
84
|
+
k as p
|
|
85
|
+
};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { CLMode as e, CLColorVariants as c } from "../index.js";
|
|
2
|
+
import { g as d } from "./utils-CS9Gz4oX.js";
|
|
3
|
+
import { useTheme as b } from "../composables/useTheme.js";
|
|
4
|
+
const h = ({ color: a }) => {
|
|
5
|
+
const { borderRadius: t, colors: l, darkMode: n } = b(), s = n.value ? e.Dark : e.Light, r = d({
|
|
6
|
+
color: a,
|
|
7
|
+
colors: l.value,
|
|
8
|
+
mode: s,
|
|
9
|
+
variant: c.Solid
|
|
10
|
+
});
|
|
11
|
+
return {
|
|
12
|
+
"--clll-a11y-button-outline-color": r?.focus ?? "transparent",
|
|
13
|
+
"--clll-a11y-button-border-color": r?.focus ?? "transparent",
|
|
14
|
+
"--clll-a11y-button-shadow-color": r?.shadow ?? "transparent",
|
|
15
|
+
"--clll-a11y-button-theme-radius": t.value ? `var(--clll-${t.value})` : void 0
|
|
16
|
+
};
|
|
17
|
+
}, m = ({
|
|
18
|
+
color: a,
|
|
19
|
+
variant: t = c.Soft
|
|
20
|
+
}) => {
|
|
21
|
+
const { borderRadius: l, colors: n, darkMode: s } = b(), r = s.value ? e.Dark : e.Light, u = t === c.Outline, o = d({
|
|
22
|
+
color: a,
|
|
23
|
+
colors: n.value,
|
|
24
|
+
mode: r,
|
|
25
|
+
variant: t
|
|
26
|
+
});
|
|
27
|
+
return {
|
|
28
|
+
"--clll-button-text-color": o?.text ?? "inherit",
|
|
29
|
+
"--clll-button-bg-color": o?.bg ?? "transparent",
|
|
30
|
+
"--clll-button-border-color": u ? o?.border ?? "transparent" : "transparent",
|
|
31
|
+
"--clll-button-hover-bg": o?.hover ?? "transparent",
|
|
32
|
+
"--clll-button-hover-border": u ? o?.borderHover ?? "transparent" : "transparent",
|
|
33
|
+
"--clll-button-focus-border": o?.focus ?? "transparent",
|
|
34
|
+
"--clll-button-focus-shadow": o?.shadow ?? "transparent",
|
|
35
|
+
"--clll-button-theme-radius": l.value ? `var(--clll-${l.value})` : void 0
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
export {
|
|
39
|
+
h as a,
|
|
40
|
+
m as b
|
|
41
|
+
};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { CLMode as t, CLColorVariants as n } from "../index.js";
|
|
2
|
+
import { g as u } from "./utils-CS9Gz4oX.js";
|
|
3
|
+
import { useTheme as i } from "../composables/useTheme.js";
|
|
4
|
+
const b = ({ color: s, variant: o }) => {
|
|
5
|
+
const { borderRadius: l, colors: c, darkMode: a } = i(), d = a.value ? t.Dark : t.Light, e = o === n.Ghost, r = u({
|
|
6
|
+
color: s,
|
|
7
|
+
colors: c.value,
|
|
8
|
+
mode: d,
|
|
9
|
+
variant: o
|
|
10
|
+
});
|
|
11
|
+
return {
|
|
12
|
+
"--clll-card-border-color": e ? "transparent" : r?.border ?? "transparent",
|
|
13
|
+
"--clll-card-bg-color": r?.bg ?? "transparent",
|
|
14
|
+
"--clll-card-image-bg": r?.bg ?? "transparent",
|
|
15
|
+
"--clll-card-text-color": r?.text ?? "inherit",
|
|
16
|
+
"--clll-card-focus-border": r?.focus ?? "transparent",
|
|
17
|
+
"--clll-card-focus-shadow": r?.shadow ?? "transparent",
|
|
18
|
+
"--clll-card-theme-radius": l.value ? `var(--clll-${l.value})` : void 0
|
|
19
|
+
};
|
|
20
|
+
}, v = ({ color: s, variant: o }) => {
|
|
21
|
+
const { borderRadius: l, colors: c, darkMode: a } = i(), d = a.value ? t.Dark : t.Light, e = o === n.Ghost, r = u({
|
|
22
|
+
color: s,
|
|
23
|
+
colors: c.value,
|
|
24
|
+
mode: d,
|
|
25
|
+
variant: o
|
|
26
|
+
});
|
|
27
|
+
return {
|
|
28
|
+
"--clll-disclosure-border-color": e ? "transparent" : r?.focus ?? "transparent",
|
|
29
|
+
"--clll-disclosure-text-color": r?.text ?? "inherit",
|
|
30
|
+
"--clll-disclosure-content-border": e ? "transparent" : r?.focus ?? "transparent",
|
|
31
|
+
"--clll-disclosure-theme-radius": l.value ? `var(--clll-${l.value})` : void 0
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
export {
|
|
35
|
+
b as c,
|
|
36
|
+
v as d
|
|
37
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.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}
|
|
1
|
+
.clll-a11y__button{display:inline-block;outline-color:#0000;outline-offset:0px;outline-style:solid;outline-width:2px}.clll-a11y__button.--enabled{cursor:pointer}.clll-a11y__button.--rounded{border-radius:var(--clll-rounded-sm)}.clll-a11y__button.--rounded:has(+*){border-radius:var(--clll-a11y-button-theme-radius, var(--clll-rounded-sm))}.clll-a11y__button.--fluid{display:block}.clll-a11y__button:focus{outline:none}.clll-a11y__button:focus-visible{border-color:transparent!important;outline-color:var(--clll-a11y-button-outline-color, transparent);outline-style:solid;outline-width:2px;box-shadow:0 0 0 var(--clll-unit-0) var(--clll-a11y-button-shadow-color, transparent)}.clll-a11y__button[type=checkbox],.clll-a11y__button[type=radio]{border-color:var(--clll-a11y-button-border-color, transparent)}.clll-a11y__button[type=checkbox]:focus,.clll-a11y__button[type=radio]:focus{outline-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--clll-unit-0) var(--clll-a11y-button-shadow-color, transparent)}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLA11yButton.css';
|
|
3
|
-
import { _ as t } from "../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import { _ as t } from "../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-Drw6jsX_.js";
|
|
4
4
|
export {
|
|
5
5
|
t as CLA11yButton,
|
|
6
6
|
t as default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.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}
|
|
1
|
+
.clll-button{position:relative;border:1px solid var(--clll-button-border-color, transparent);background-color:var(--clll-button-bg-color, 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{color:var(--clll-button-text-color, inherit);font-weight:500;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0}.clll-button:hover:not([disabled]){background-color:var(--clll-button-hover-bg, transparent);border-color:var(--clll-button-hover-border, transparent)}.clll-button:focus-visible{outline:none;border-color:transparent!important;outline-color:var(--clll-button-focus-border, transparent);outline-style:solid;outline-width:2px;box-shadow:0 0 0 var(--clll-unit-0) var(--clll-button-focus-shadow, transparent)}.clll-button:not([class*=clll-button--rounded-]).clll-button--rounded{border-radius:var(--clll-button-theme-radius)}.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-button-theme-radius, --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}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLButton.css';
|
|
3
|
-
import { _ as t } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang
|
|
3
|
+
import { _ as t } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-CQipGQ26.js";
|
|
4
4
|
export {
|
|
5
5
|
t as CLButton,
|
|
6
6
|
t as default
|
|
@@ -61,11 +61,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
|
|
|
61
61
|
title: string;
|
|
62
62
|
color: CLColors;
|
|
63
63
|
variant: CLColorVariants;
|
|
64
|
-
form: string;
|
|
65
64
|
borderRadius: CLBorderRadius;
|
|
66
65
|
rounded: boolean;
|
|
67
66
|
testId: string;
|
|
68
67
|
type: CLButtonTypes;
|
|
68
|
+
form: string;
|
|
69
69
|
onClick: (event?: Event) => void;
|
|
70
70
|
target: CLLinkTarget;
|
|
71
71
|
width: string;
|
|
@@ -3,6 +3,20 @@ interface ThemeProps {
|
|
|
3
3
|
color: CLColors;
|
|
4
4
|
variant?: CLColorVariants;
|
|
5
5
|
}
|
|
6
|
-
export declare const a11yButtonTheme: ({ color }: ThemeProps) =>
|
|
7
|
-
|
|
6
|
+
export declare const a11yButtonTheme: ({ color }: ThemeProps) => {
|
|
7
|
+
'--clll-a11y-button-outline-color': string;
|
|
8
|
+
'--clll-a11y-button-border-color': string;
|
|
9
|
+
'--clll-a11y-button-shadow-color': string;
|
|
10
|
+
'--clll-a11y-button-theme-radius': string | undefined;
|
|
11
|
+
};
|
|
12
|
+
export declare const buttonTheme: ({ color, variant }: ThemeProps) => {
|
|
13
|
+
'--clll-button-text-color': string;
|
|
14
|
+
'--clll-button-bg-color': string;
|
|
15
|
+
'--clll-button-border-color': string;
|
|
16
|
+
'--clll-button-hover-bg': string;
|
|
17
|
+
'--clll-button-hover-border': string;
|
|
18
|
+
'--clll-button-focus-border': string;
|
|
19
|
+
'--clll-button-focus-shadow': string;
|
|
20
|
+
'--clll-button-theme-radius': string | undefined;
|
|
21
|
+
};
|
|
8
22
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.clll-icon{display:inline-flex;align-items:center;justify-content:center;
|
|
1
|
+
.clll-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--clll-icon-color, inherit)}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import '../../assets/core.css';
|
|
2
2
|
import './CLIcon.css';
|
|
3
|
-
import { _ as o } from "../../chunks/CLIcon.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import { _ as o } from "../../chunks/CLIcon.vue_vue_type_style_index_0_lang-R0Nhlutc.js";
|
|
4
4
|
export {
|
|
5
5
|
o as CLIcon,
|
|
6
6
|
o as default
|
|
@@ -2,5 +2,7 @@ import { CLColors } from '../../index.ts';
|
|
|
2
2
|
interface IconThemeProps {
|
|
3
3
|
color?: CLColors;
|
|
4
4
|
}
|
|
5
|
-
export declare const iconTheme: ({ color }: IconThemeProps) =>
|
|
5
|
+
export declare const iconTheme: ({ color }: IconThemeProps) => {
|
|
6
|
+
'--clll-icon-color': string;
|
|
7
|
+
};
|
|
6
8
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.clll-table-container.clll-table--rounded{overflow:hidden;border-radius:var(--clll-rounded-sm)}.clll-table-container.clll-table--rounded-full,.clll-table-container.clll-table--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-table-container.clll-table--rounded-lg,.clll-table-container.clll-table--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-table-container.clll-table--rounded-md,.clll-table-container.clll-table--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-table-container.clll-table--rounded-sm,.clll-table-container.clll-table--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-table-container.clll-table--rounded-xs,.clll-table-container.clll-table--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-table-container.clll-table--rounded-xl,.clll-table-container.clll-table--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-table-container.clll-table--rounded-2xl,.clll-table-container.clll-table--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-table-container.clll-table--rounded-3xl,.clll-table-container.clll-table--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-table-container.clll-table--rounded-none,.clll-table-container.clll-table--rounded-none .clll-{border-radius:0}.clll-table-container .clll-table{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;border-collapse:collapse;border-spacing:0;vertical-align:baseline;position:relative;table-layout:auto;width:100%}.clll-table-container .clll-table .clll-table__row{height:var(--
|
|
1
|
+
.clll-table-container.clll-table--rounded{overflow:hidden;border-radius:var(--clll-rounded-sm)}.clll-table-container.clll-table--rounded-full,.clll-table-container.clll-table--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-table-container.clll-table--rounded-lg,.clll-table-container.clll-table--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-table-container.clll-table--rounded-md,.clll-table-container.clll-table--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-table-container.clll-table--rounded-sm,.clll-table-container.clll-table--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-table-container.clll-table--rounded-xs,.clll-table-container.clll-table--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-table-container.clll-table--rounded-xl,.clll-table-container.clll-table--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-table-container.clll-table--rounded-2xl,.clll-table-container.clll-table--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-table-container.clll-table--rounded-3xl,.clll-table-container.clll-table--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-table-container.clll-table--rounded-none,.clll-table-container.clll-table--rounded-none .clll-{border-radius:0}.clll-table-container:not([class*=clll-table--rounded-]).clll-table--rounded{border-radius:var(--clll-table-theme-radius, var(--clll-rounded-sm))}.clll-table-container.clll-table--bordered{border-color:var(--clll-table-border-color, transparent);border-style:solid;border-width:1px}.clll-table-container.clll-table--bordered .clll-table .clll-table__header .clll-table__row .clll-table__cell{border-right-color:var(--clll-table-border-color, transparent);border-right-style:solid;border-right-width:1px}.clll-table-container.clll-table--bordered .clll-table .clll-table__header .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container.clll-table--bordered .clll-table .clll-table__body .clll-table__row{border-bottom-color:var(--clll-table-border-color, transparent);border-bottom-style:solid;border-bottom-width:1px}.clll-table-container.clll-table--bordered .clll-table .clll-table__body .clll-table__row .clll-table__cell{border-right-color:var(--clll-table-border-color, transparent);border-right-style:solid;border-right-width:1px}.clll-table-container.clll-table--bordered .clll-table .clll-table__body .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container.clll-table--bordered .clll-table .clll-table__footer .clll-table__row .clll-table__cell{border-right-color:var(--clll-table-border-color, transparent);border-right-style:solid;border-right-width:1px}.clll-table-container.clll-table--bordered .clll-table .clll-table__footer .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;border-collapse:collapse;border-spacing:0;vertical-align:baseline;position:relative;table-layout:auto;width:100%}.clll-table-container .clll-table .clll-table__row{height:var(--clll-table-row-height)}.clll-table-container .clll-table.clll-table--default .clll-table__header .clll-table__row,.clll-table-container .clll-table.clll-table--condensed .clll-table__header .clll-table__row,.clll-table-container .clll-table.clll-table--default .clll-table__body .clll-table__row,.clll-table-container .clll-table.clll-table--condensed .clll-table__body .clll-table__row{border-bottom-color:var(--clll-table-border-color, transparent);border-bottom-style:solid;border-bottom-width:1px}.clll-table-container .clll-table.clll-table--default .clll-table__body .clll-table__row:hover,.clll-table-container .clll-table.clll-table--condensed .clll-table__body .clll-table__row:hover{background-color:var(--clll-table-hover-bg, transparent)}.clll-table-container .clll-table.clll-table--default .clll-table__body .clll-table__row:last-child,.clll-table-container .clll-table.clll-table--condensed .clll-table__body .clll-table__row:last-child{border-bottom:0}.clll-table-container .clll-table.clll-table--default .clll-table__footer .clll-table__row,.clll-table-container .clll-table.clll-table--condensed .clll-table__footer .clll-table__row{border-top-color:var(--clll-table-border-color, transparent);border-top-style:solid;border-top-width:1px}.clll-table-container .clll-table.clll-table--default .clll-table__row .clll-table__cell{padding:var(--clll-unit-3) var(--clll-unit-4)}.clll-table-container .clll-table.clll-table--condensed .clll-table__row .clll-table__cell{padding:var(--clll-unit-2_5)}.clll-table-container .clll-table.clll-table--plain .clll-table__row .clll-table__cell{padding:var(--clll-unit-2)}.clll-table-container .clll-table.clll-table--striped .clll-table__body .clll-table__row:nth-child(2n){background-color:var(--clll-table-hover-bg, transparent)}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__header .clll-table__row .clll-table__cell{border-right-color:var(--clll-table-border-color, transparent);border-right-style:solid;border-right-width:1px}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__header .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__body .clll-table__row{border-bottom-color:var(--clll-table-border-color, transparent);border-bottom-style:solid;border-bottom-width:1px}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__body .clll-table__row .clll-table__cell{border-right-color:var(--clll-table-border-color, transparent);border-right-style:solid;border-right-width:1px}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__body .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__footer .clll-table__row .clll-table__cell{border-right-color:var(--clll-table-border-color, transparent);border-right-style:solid;border-right-width:1px}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__footer .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table .clll-table__cell.clll-table__cell--active{background-color:var(--clll-table-hover-bg, transparent)}.clll-table__cell{text-align:left;max-width:0}.clll-table__cell>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-table__cell.clll-table__cell--number,.clll-table__cell.clll-table__cell--hasactions{text-align:right}.clll-table__cell.clll-table__cell--hasactions .clll-table__cell__actions{display:flex;align-items:center;justify-content:flex-end}.clll-table__cell.clll-table__cell--hasactions .clll-table__cell__actions>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-table__cell.clll-table__cell--clickable{cursor:pointer}.clll-table__footer .clll-table__row .clll-table__cell{font-weight:700}.clll-table__row.clll-table__row--clickable{cursor:pointer}
|