@codeandfunction/callaloo 3.16.1 → 3.16.3
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 +5 -3
- package/dist/assets/CLFormCharCounter.css +1 -1
- package/dist/assets/CLInputMessages.css +1 -1
- package/dist/assets/core.css +1 -0
- package/dist/assets/shared/form-utilities.css +1 -0
- package/dist/chunks/{CLA11yButton.vue_vue_type_style_index_0_lang-Cdx5rsou.js → CLA11yButton.vue_vue_type_style_index_0_lang-Caaw-9_c.js} +1 -1
- package/dist/chunks/{CLButton.vue_vue_type_style_index_0_lang-CrhjC50b.js → CLButton.vue_vue_type_style_index_0_lang-N3EWoTbB.js} +4 -4
- package/dist/chunks/{CLCard.vue_vue_type_style_index_0_lang-DVuAcV5A.js → CLCard.vue_vue_type_style_index_0_lang-CpReGucs.js} +6 -6
- package/dist/chunks/{CLFormLabel.vue_vue_type_script_setup_true_lang-fddy-FWI.js → CLFormLabel.vue_vue_type_script_setup_true_lang-Cw3nPc64.js} +1 -1
- package/dist/chunks/{CLHeading.vue_vue_type_style_index_0_lang-DILwNSgn.js → CLHeading.vue_vue_type_style_index_0_lang-BcCh5-Bx.js} +1 -1
- package/dist/chunks/{CLIcon.vue_vue_type_style_index_0_lang-CZB8svPf.js → CLIcon.vue_vue_type_style_index_0_lang-BaCl5yQI.js} +23 -22
- package/dist/chunks/{CLInputMessages.vue_vue_type_style_index_0_lang-RMOT1TQk.js → CLInputMessages.vue_vue_type_style_index_0_lang-BNGT0om7.js} +12 -11
- package/dist/chunks/{CLLink.vue_vue_type_style_index_0_lang-BUgw8Rpy.js → CLLink.vue_vue_type_style_index_0_lang-BMUevw_4.js} +12 -11
- package/dist/chunks/{CLNavLink.vue_vue_type_script_setup_true_lang-Ckz9MEj5.js → CLNavLink.vue_vue_type_script_setup_true_lang-D2oCLUGX.js} +1 -1
- package/dist/chunks/{CLPill.vue_vue_type_style_index_0_lang-mkIKVHjg.js → CLPill.vue_vue_type_style_index_0_lang-DYXrV-YE.js} +3 -3
- package/dist/chunks/{CLProgress.vue_vue_type_style_index_0_lang-CSf7WiNb.js → CLProgress.vue_vue_type_style_index_0_lang-Cu3FhEX0.js} +2 -2
- package/dist/chunks/{CLSkeleton.vue_vue_type_style_index_0_lang-E-bZeUWT.js → CLSkeleton.vue_vue_type_style_index_0_lang-DblqrUXo.js} +1 -1
- package/dist/chunks/{CLSpinner.vue_vue_type_style_index_0_lang-C8s8K4zb.js → CLSpinner.vue_vue_type_style_index_0_lang-DskZL4VC.js} +1 -1
- package/dist/chunks/{CLText.vue_vue_type_style_index_0_lang-V7LSR7DF.js → CLText.vue_vue_type_style_index_0_lang-Cz9Sv2AC.js} +1 -1
- package/dist/chunks/{CLToast.vue_vue_type_style_index_0_lang-DOI4DZGg.js → CLToast.vue_vue_type_style_index_0_lang-CYcPXUMQ.js} +24 -23
- package/dist/chunks/base-theme-Bg6XMoeN.js +275 -0
- package/dist/chunks/helper--hRjZVm6.js +62 -0
- package/dist/chunks/utils-Bp7YeySh.js +29 -0
- package/dist/chunks/utils-C9rOAW29.js +387 -0
- package/dist/chunks/{utils-C7Yjsqk-.js → utils-D-5TdmRW.js} +10 -9
- package/dist/chunks/{utils-D_WP3vZz.js → utils-DRsWhcFX.js} +13 -12
- package/dist/chunks/{utils-DFnkOeYP.js → utils-DVR3a-_d.js} +26 -25
- package/dist/chunks/utils-nC7WS9e0.js +15 -0
- package/dist/components/Buttons/CLA11yButton/CLA11yButton.css +1 -1
- package/dist/components/Buttons/CLA11yButton/CLA11yButton.js +2 -1
- package/dist/components/Buttons/CLButton/CLButton.css +1 -1
- package/dist/components/Buttons/CLButton/CLButton.js +2 -1
- package/dist/components/Buttons/CLButton/CLButton.vue.d.ts +3 -3
- package/dist/components/CLIcon/CLIcon.css +1 -1
- package/dist/components/CLIcon/CLIcon.js +2 -1
- package/dist/components/CLTable/CLTable.css +1 -1
- package/dist/components/CLTable/CLTable.js +31 -29
- package/dist/components/Containers/CLCard/CLCard.css +1 -1
- package/dist/components/Containers/CLCard/CLCard.js +2 -1
- package/dist/components/Containers/CLCard/CLCard.vue.d.ts +2 -2
- package/dist/components/Containers/CLCarousel/CLCarousel.css +1 -1
- package/dist/components/Containers/CLCarousel/CLCarousel.js +17 -16
- package/dist/components/Containers/CLCarousel/CLCarousel.vue.d.ts +1 -1
- package/dist/components/Containers/CLDisclosure/CLDisclosure.css +1 -1
- package/dist/components/Containers/CLDisclosure/CLDisclosure.js +7 -6
- package/dist/components/Form/CLCheckbox/CLCheckbox.css +1 -1
- package/dist/components/Form/CLCheckbox/CLCheckbox.js +5 -3
- 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 +7 -5
- package/dist/components/Form/CLInput/CLInput.vue.d.ts +2 -2
- package/dist/components/Form/CLRadioButton/CLRadioButton.css +1 -1
- package/dist/components/Form/CLRadioButton/CLRadioButton.js +4 -2
- package/dist/components/Form/CLRadioButton/CLRadioButton.vue.d.ts +1 -1
- package/dist/components/Form/CLSelect/CLSelect.css +1 -1
- package/dist/components/Form/CLSelect/CLSelect.js +5 -3
- package/dist/components/Form/CLSelect/CLSelect.vue.d.ts +1 -1
- package/dist/components/Form/CLTextArea/CLTextArea.css +1 -1
- package/dist/components/Form/CLTextArea/CLTextArea.js +4 -2
- package/dist/components/Form/CLTextArea/CLTextArea.vue.d.ts +1 -1
- package/dist/components/Indicators/CLBadge/CLBadge.css +1 -1
- package/dist/components/Indicators/CLBadge/CLBadge.js +2 -1
- package/dist/components/Indicators/CLBanner/CLBanner.css +1 -1
- package/dist/components/Indicators/CLBanner/CLBanner.js +7 -6
- package/dist/components/Indicators/CLBanner/CLBanner.vue.d.ts +2 -2
- package/dist/components/Indicators/CLPill/CLPill.css +1 -1
- package/dist/components/Indicators/CLPill/CLPill.js +2 -1
- package/dist/components/Indicators/CLProgress/CLProgress.css +1 -1
- package/dist/components/Indicators/CLProgress/CLProgress.js +2 -1
- package/dist/components/Loading/CLSkeleton/CLSkeleton.css +1 -1
- package/dist/components/Loading/CLSkeleton/CLSkeleton.js +2 -1
- package/dist/components/Loading/CLSkeleton/CLSkeleton.vue.d.ts +2 -2
- package/dist/components/Loading/CLSpinner/CLSpinner.css +1 -1
- package/dist/components/Loading/CLSpinner/CLSpinner.js +2 -1
- package/dist/components/Modals/CLModal/CLModal.css +1 -1
- package/dist/components/Modals/CLModal/CLModal.js +17 -15
- package/dist/components/Navigation/CLLink/CLLink.css +1 -1
- package/dist/components/Navigation/CLLink/CLLink.js +2 -1
- package/dist/components/Navigation/CLNavLink/CLNavLink.js +2 -1
- package/dist/components/Navigation/CLNavSection/CLNavSection.css +1 -1
- package/dist/components/Navigation/CLNavSection/CLNavSection.js +3 -2
- package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.css +1 -1
- package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.js +510 -551
- package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.vue.d.ts +7 -7
- package/dist/components/Popups/CLToast/CLToast.css +1 -1
- package/dist/components/Popups/CLToast/CLToast.js +2 -1
- package/dist/components/Popups/CLToast/CLToast.vue.d.ts +1 -1
- package/dist/components/Providers/CLThemeProvider/CLThemeProvider.js +20 -17
- package/dist/components/Providers/CLToastProvider/CLToastProvider.js +2 -1
- package/dist/components/Typography/CLHeading/CLHeading.css +1 -1
- package/dist/components/Typography/CLHeading/CLHeading.js +2 -1
- package/dist/components/Typography/CLText/CLText.css +1 -1
- package/dist/components/Typography/CLText/CLText.js +2 -1
- package/dist/composables/index.d.ts +2 -0
- package/dist/composables/useDropdown.js +50 -0
- package/dist/{chunks/useEsc-C9QIDZ_8.js → composables/useEsc.js} +3 -2
- package/dist/{chunks/useHasSlotContent-DDqs5uK9.js → composables/useHasSlotContent.js} +3 -2
- package/dist/composables/useTheme.js +31 -0
- package/dist/composables/useToast.js +15 -0
- package/dist/index.js +1 -0
- package/dist/utils/merge.d.ts +18 -0
- package/package.json +32 -30
- package/dist/chunks/base-theme-C9_Hz5HW.js +0 -832
- package/dist/chunks/useTheme-yoEfuNvB.js +0 -417
- package/dist/chunks/utils-DTWXs4YX.js +0 -14
- package/dist/chunks/utils-Da9LXXQ0.js +0 -28
|
@@ -1,12 +1,13 @@
|
|
|
1
|
+
import '../../../assets/core.css';
|
|
1
2
|
import './CLDisclosure.css';
|
|
2
3
|
import { defineComponent as S, ref as g, computed as $, onBeforeUnmount as L, createElementBlock as I, openBlock as i, normalizeClass as o, unref as d, createElementVNode as c, createVNode as T, withCtx as u, createBlock as l, createCommentVNode as s, createTextVNode as b, toDisplayString as y, renderSlot as H } from "vue";
|
|
3
|
-
import { _ as k } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-
|
|
4
|
-
import { _ as E } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-
|
|
5
|
-
import { _ as h } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-
|
|
6
|
-
import { _ as N } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-
|
|
4
|
+
import { _ as k } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-N3EWoTbB.js";
|
|
5
|
+
import { _ as E } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-BcCh5-Bx.js";
|
|
6
|
+
import { _ as h } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-BaCl5yQI.js";
|
|
7
|
+
import { _ as N } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-Cz9Sv2AC.js";
|
|
7
8
|
import { CLColorVariants as R, CLSizes as w, CLTextTypes as A, CLIconSizes as D, CLIconNames as C, CLHeadingTypes as V, CLColors as p, CLBorderRadius as M, CLButtonTypes as U } from "../../../index.js";
|
|
8
|
-
import { d as F } from "../../../chunks/utils-
|
|
9
|
-
import {
|
|
9
|
+
import { d as F } from "../../../chunks/utils-DRsWhcFX.js";
|
|
10
|
+
import { useEsc as j } from "../../../composables/useEsc.js";
|
|
10
11
|
const q = ["data-testid"], G = ["id", "aria-labelledby", "aria-hidden"], _ = /* @__PURE__ */ S({
|
|
11
12
|
name: "CLDisclosure",
|
|
12
13
|
__name: "CLDisclosure",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.clll-checkbox{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;align-items:flex-start;flex-direction:column;overflow:visible}.clll-checkbox .clll-checkbox__label{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;overflow:visible;text-align:left;user-select:none;cursor:pointer}.clll-checkbox .clll-checkbox__label.clll-checkbox--haslabel>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-checkbox .clll-checkbox__checkbox-container{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;overflow:visible}.clll-checkbox .clll-checkbox__checkbox-container .clll-checkbox__checkbox-frame .clll-checkbox__checkbox:not(:checked)+.clll-checkbox__icon{display:none}.clll-checkbox .clll-checkbox__icon{position:absolute;display:inline-flex}.clll-checkbox .clll-checkbox__checkbox{display:inline-block;appearance:none;cursor:pointer}.clll-checkbox.clll-checkbox--rounded .clll-checkbox__checkbox{border-radius:var(--clll-rounded-xs)}.clll-checkbox.clll-checkbox--rounded.clll-checkbox--rounded-full .clll-checkbox__checkbox{border-radius:var(--clll-rounded-full)}.clll-checkbox.clll-checkbox--rounded.clll-checkbox--rounded-lg .clll-checkbox__checkbox{border-radius:var(--clll-rounded-lg)}.clll-checkbox.clll-checkbox--rounded.clll-checkbox--rounded-md .clll-checkbox__checkbox{border-radius:var(--clll-rounded-md)}.clll-checkbox.clll-checkbox--rounded.clll-checkbox--rounded-sm .clll-checkbox__checkbox{border-radius:var(--clll-rounded-sm)}.clll-checkbox.clll-checkbox--rounded.clll-checkbox--rounded-xs .clll-checkbox__checkbox{border-radius:var(--clll-rounded-xs)}.clll-checkbox.clll-checkbox--rounded.clll-checkbox--rounded-xl .clll-checkbox__checkbox{border-radius:var(--clll-rounded-xl)}.clll-checkbox.clll-checkbox--rounded.clll-checkbox--rounded-2xl .clll-checkbox__checkbox{border-radius:var(--clll-rounded-2xl)}.clll-checkbox.clll-checkbox--rounded.clll-checkbox--rounded-3xl .clll-checkbox__checkbox{border-radius:var(--clll-rounded-3xl)}.clll-checkbox.clll-checkbox--rounded.clll-checkbox--rounded-none .clll-checkbox__checkbox{border-radius:0}.clll-checkbox.clll-checkbox--tiny .clll-checkbox__checkbox-container .clll-checkbox__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-1_5)}.clll-checkbox.clll-checkbox--tiny .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox,.clll-checkbox.clll-checkbox--tiny .clll-checkbox__checkbox-container .clll-checkbox__label .clll-radiobutton__radiobutton{width:var(--clll-unit-4);height:var(--clll-unit-4)}.clll-checkbox.clll-checkbox--small .clll-checkbox__checkbox-container .clll-checkbox__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-checkbox.clll-checkbox--small .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox,.clll-checkbox.clll-checkbox--small .clll-checkbox__checkbox-container .clll-checkbox__label .clll-radiobutton__radiobutton{width:var(--clll-unit-5);height:var(--clll-unit-5)}.clll-checkbox.clll-checkbox--medium .clll-checkbox__checkbox-container .clll-checkbox__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2_5)}.clll-checkbox.clll-checkbox--medium .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox,.clll-checkbox.clll-checkbox--medium .clll-checkbox__checkbox-container .clll-checkbox__label .clll-radiobutton__radiobutton{width:var(--clll-unit-6);height:var(--clll-unit-6)}.clll-checkbox.clll-checkbox--large .clll-checkbox__checkbox-container .clll-checkbox__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-3)}.clll-checkbox.clll-checkbox--large .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox,.clll-checkbox.clll-checkbox--large .clll-checkbox__checkbox-container .clll-checkbox__label .clll-radiobutton__radiobutton{width:var(--clll-unit-7);height:var(--clll-unit-7)}.clll-checkbox.clll-checkbox--xlarge .clll-checkbox__checkbox-container .clll-checkbox__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-3)}.clll-checkbox.clll-checkbox--xlarge .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox,.clll-checkbox.clll-checkbox--xlarge .clll-checkbox__checkbox-container .clll-checkbox__label .clll-radiobutton__radiobutton{width:var(--clll-unit-8);height:var(--clll-unit-8)}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
+
import '../../../assets/core.css';
|
|
1
2
|
import './CLCheckbox.css';
|
|
3
|
+
import '../../../assets/shared/form-utilities.css';
|
|
2
4
|
import { defineComponent as T, mergeModels as B, useTemplateRef as z, useModel as S, computed as y, createBlock as r, openBlock as f, withCtx as $, createElementVNode as s, createCommentVNode as C, normalizeClass as i, unref as n, withDirectives as M, vModelCheckbox as V, createVNode as q, createTextVNode as F, toDisplayString as N } from "vue";
|
|
3
|
-
import { _ as I, c as R, a as D } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-
|
|
4
|
-
import { _ as X } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-
|
|
5
|
-
import { _ as w } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-
|
|
5
|
+
import { _ as I, c as R, a as D } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-BNGT0om7.js";
|
|
6
|
+
import { _ as X } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-BaCl5yQI.js";
|
|
7
|
+
import { _ as w } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-Cz9Sv2AC.js";
|
|
6
8
|
import { CLSizes as o, CLIconSizes as u, CLTextTypes as c, CLIconNames as E, CLColorVariants as H, CLColors as O } from "../../../index.js";
|
|
7
9
|
const U = ["data-testid"], j = ["for", "disabled"], A = ["id", "aria-label", "disabled", "form", "name", "required", "value"], Y = /* @__PURE__ */ T({
|
|
8
10
|
name: "CLCheckbox",
|
|
@@ -44,7 +44,7 @@ export interface CLCheckboxProps {
|
|
|
44
44
|
declare const _default: import('vue').DefineComponent<{
|
|
45
45
|
modelValue?: boolean;
|
|
46
46
|
} & CLCheckboxProps, {
|
|
47
|
-
checkboxRef: Readonly<
|
|
47
|
+
checkboxRef: Readonly<globalThis.ShallowRef<HTMLInputElement | null>>;
|
|
48
48
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
49
49
|
"update:modelValue": (value: boolean) => any;
|
|
50
50
|
}, string, import('vue').PublicProps, Readonly<{
|
|
@@ -53,9 +53,9 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
53
53
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
54
54
|
}>, {
|
|
55
55
|
color: CLColors;
|
|
56
|
+
variant: CLColorVariants.Outline | CLColorVariants.Ghost;
|
|
56
57
|
form: string;
|
|
57
58
|
label: string;
|
|
58
|
-
variant: CLColorVariants.Outline | CLColorVariants.Ghost;
|
|
59
59
|
borderRadius: CLBorderRadius;
|
|
60
60
|
rounded: boolean;
|
|
61
61
|
testId: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.clll-input__input-prefix--string{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased}.clll-input__input-suffix--string{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased}.clll-input__selected-color-tools{display:flex}.clll-input__selected-color-tools>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-0_5)}.clll-input__selected-color-tools .clll-button{flex:none}: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-input{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;align-items:flex-start;overflow:visible}.clll-input .clll-input__input-container{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;display:flex;align-items:stretch;overflow:visible}.clll-input .clll-input__input-container .clll-input__input-border-control{display:flex;align-items:center;width:100%}.clll-input .clll-input__input{display:inline-block;appearance:none;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased}.clll-input.clll-input--hascustomprefix,.clll-input.clll-input--hascustomsuffix,.clll-input.clll-input--grouped,.clll-input.clll-input--ghost{border-radius:var(--clll-rounded-xs)}.clll-input.clll-input--hascustomprefix:focus,.clll-input.clll-input--hascustomprefix:focus-within,.clll-input.clll-input--hascustomsuffix:focus,.clll-input.clll-input--hascustomsuffix:focus-within,.clll-input.clll-input--grouped:focus,.clll-input.clll-input--grouped:focus-within,.clll-input.clll-input--ghost:focus,.clll-input.clll-input--ghost:focus-within{border-color:transparent}.clll-input .clll-input__char-counter,.clll-input .clll-input__selected-color{display:flex;align-items:center;justify-content:center;pointer-events:none;user-select:none}.clll-input.clll-input--rounded .clll-input__input-container,.clll-input.clll-input--rounded .clll-input__input{border-radius:var(--clll-rounded-xs)}.clll-input.clll-input--rounded.clll-input--rounded-full .clll-input__input-container{border-radius:var(--clll-rounded-full)}.clll-input.clll-input--rounded.clll-input--rounded-lg .clll-input__input-container{border-radius:var(--clll-rounded-lg)}.clll-input.clll-input--rounded.clll-input--rounded-md .clll-input__input-container{border-radius:var(--clll-rounded-md)}.clll-input.clll-input--rounded.clll-input--rounded-sm .clll-input__input-container{border-radius:var(--clll-rounded-sm)}.clll-input.clll-input--rounded.clll-input--rounded-xs .clll-input__input-container{border-radius:var(--clll-rounded-xs)}.clll-input.clll-input--rounded.clll-input--rounded-xl .clll-input__input-container{border-radius:var(--clll-rounded-xl)}.clll-input.clll-input--rounded.clll-input--rounded-2xl .clll-input__input-container{border-radius:var(--clll-rounded-2xl)}.clll-input.clll-input--rounded.clll-input--rounded-3xl .clll-input__input-container{border-radius:var(--clll-rounded-3xl)}.clll-input.clll-input--rounded.clll-input--rounded-none .clll-input__input-container{border-radius:0}.clll-input.clll-input--rounded.clll-input--rounded-full .clll-input__input{border-radius:var(--clll-rounded-full)}.clll-input.clll-input--rounded.clll-input--rounded-lg .clll-input__input{border-radius:var(--clll-rounded-lg)}.clll-input.clll-input--rounded.clll-input--rounded-md .clll-input__input{border-radius:var(--clll-rounded-md)}.clll-input.clll-input--rounded.clll-input--rounded-sm .clll-input__input{border-radius:var(--clll-rounded-sm)}.clll-input.clll-input--rounded.clll-input--rounded-xs .clll-input__input{border-radius:var(--clll-rounded-xs)}.clll-input.clll-input--rounded.clll-input--rounded-xl .clll-input__input{border-radius:var(--clll-rounded-xl)}.clll-input.clll-input--rounded.clll-input--rounded-2xl .clll-input__input{border-radius:var(--clll-rounded-2xl)}.clll-input.clll-input--rounded.clll-input--rounded-3xl .clll-input__input{border-radius:var(--clll-rounded-3xl)}.clll-input.clll-input--rounded.clll-input--rounded-none .clll-input__input{border-radius:0}.clll-input.clll-input--rounded:not(.clll-input--hasiconprefix).clll-input--hasprefix .clll-input__input{border-top-left-radius:0;border-bottom-left-radius:0}.clll-input.clll-input--rounded:not(.clll-input--hasiconsuffix).clll-input--hassuffix .clll-input__input{border-top-right-radius:0;border-bottom-right-radius:0}.clll-input.clll-input--tiny .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5);padding:var(--clll-py-xs) var(--clll-px-sm)}.clll-input.clll-input--tiny .clll-input__input-container .clll-input__input::file-selector-button{padding:var(--clll-py-sm) var(--clll-px-sm);margin-right:var(--clll-px-sm)}.clll-input.clll-input--tiny.clll-input--hascharcounter .clll-input__input-container .clll-input__char-counter{padding:0 var(--clll-px-sm)}.clll-input.clll-input--tiny.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string){padding-left:var(--clll-unit-1);padding-right:var(--clll-unit-1)}.clll-input.clll-input--tiny.clll-input--hasprefix .clll-input__input-prefix--string{padding-left:var(--clll-unit-1)}.clll-input.clll-input--tiny.clll-input--hasprefix .clll-input__input{padding-left:var(--clll-unit-0)}.clll-input.clll-input--tiny.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-left:var(--clll-unit-1);padding-right:var(--clll-unit-1)}.clll-input.clll-input--tiny.clll-input--hassuffix .clll-input__input-suffix--string{padding-right:var(--clll-unit-1)}.clll-input.clll-input--tiny.clll-input--hassuffix .clll-input__input{padding-right:var(--clll-unit-0)}.clll-input.clll-input--tiny.clll-input--hascustomprefix,.clll-input.clll-input--tiny.clll-input--hascustomsuffix{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-input.clll-input--tiny.clll-input--hascustomprefix .clll-input__input{padding-left:0}.clll-input.clll-input--tiny.clll-input--hascustomsuffix .clll-input__input{padding-right:0}.clll-input.clll-input--tiny.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--tiny.clll-input--grouped .clll-input__input-suffix{padding:var(--clll-unit-1_5)}.clll-input.clll-input--tiny.clll-input--grouped .clll-input__input-preffix--string,.clll-input.clll-input--tiny.clll-input--grouped .clll-input__input-suffix--string{padding-top:0;padding-bottom:0}.clll-input.clll-input--tiny.clll-input--grouped.clll-input--hasiconprefix .clll-input__input,.clll-input.clll-input--tiny.clll-input--grouped.clll-input--hascustomprefix .clll-input__input{padding-left:var(--clll-unit-1_5)}.clll-input.clll-input--tiny.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input,.clll-input.clll-input--tiny.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input{padding-right:var(--clll-unit-1_5)}.clll-input.clll-input--tiny.clll-input--color .clll-input__input-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-input.clll-input--tiny.clll-input--color .clll-input__input-container .clll-input__input{border-radius:var(--clll-rounded-full);height:var(--clll-unit-5_5);width:var(--clll-unit-5_5)}.clll-input.clll-input--tiny.clll-input--color .clll-input__input-container .clll-input__selected-color{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-input.clll-input--small .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6);padding:var(--clll-py-sm) var(--clll-px-md)}.clll-input.clll-input--small .clll-input__input-container .clll-input__input::file-selector-button{padding:var(--clll-py-md) var(--clll-px-md);margin-right:var(--clll-px-md)}.clll-input.clll-input--small.clll-input--hascharcounter .clll-input__input-container .clll-input__char-counter{padding:0 var(--clll-px-md)}.clll-input.clll-input--small.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string){padding-left:var(--clll-unit-1_5);padding-right:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--hasprefix .clll-input__input-prefix--string{padding-left:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--hasprefix .clll-input__input{padding-left:var(--clll-unit-0)}.clll-input.clll-input--small.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-left:var(--clll-unit-1_5);padding-right:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--hassuffix .clll-input__input-suffix--string{padding-right:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--hassuffix .clll-input__input{padding-right:var(--clll-unit-0)}.clll-input.clll-input--small.clll-input--hascustomprefix,.clll-input.clll-input--small.clll-input--hascustomsuffix{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-input.clll-input--small.clll-input--hascustomprefix .clll-input__input{padding-left:0}.clll-input.clll-input--small.clll-input--hascustomsuffix .clll-input__input{padding-right:0}.clll-input.clll-input--small.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--small.clll-input--grouped .clll-input__input-suffix{padding:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--grouped .clll-input__input-preffix--string,.clll-input.clll-input--small.clll-input--grouped .clll-input__input-suffix--string{padding-top:0;padding-bottom:0}.clll-input.clll-input--small.clll-input--grouped.clll-input--hasiconprefix .clll-input__input,.clll-input.clll-input--small.clll-input--grouped.clll-input--hascustomprefix .clll-input__input{padding-left:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input,.clll-input.clll-input--small.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input{padding-right:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--color .clll-input__input-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-input.clll-input--small.clll-input--color .clll-input__input-container .clll-input__input{border-radius:var(--clll-rounded-full);height:var(--clll-unit-6_5);width:var(--clll-unit-6_5)}.clll-input.clll-input--small.clll-input--color .clll-input__input-container .clll-input__selected-color{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-input.clll-input--medium .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5);padding:var(--clll-py-md) var(--clll-px-lg)}.clll-input.clll-input--medium .clll-input__input-container .clll-input__input::file-selector-button{padding:var(--clll-py-xl) var(--clll-px-lg);margin-right:var(--clll-px-lg)}.clll-input.clll-input--medium.clll-input--hascharcounter .clll-input__input-container .clll-input__char-counter{padding:0 var(--clll-px-lg)}.clll-input.clll-input--medium.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string){padding-left:var(--clll-unit-2_5);padding-right:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--hasprefix .clll-input__input-prefix--string{padding-left:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--hasprefix .clll-input__input{padding-left:var(--clll-unit-0)}.clll-input.clll-input--medium.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-left:var(--clll-unit-2_5);padding-right:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--hassuffix .clll-input__input-suffix--string{padding-right:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--hassuffix .clll-input__input{padding-right:var(--clll-unit-0)}.clll-input.clll-input--medium.clll-input--hascustomprefix,.clll-input.clll-input--medium.clll-input--hascustomsuffix{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-input.clll-input--medium.clll-input--hascustomprefix .clll-input__input{padding-left:0}.clll-input.clll-input--medium.clll-input--hascustomsuffix .clll-input__input{padding-right:0}.clll-input.clll-input--medium.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--medium.clll-input--grouped .clll-input__input-suffix{padding:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--grouped .clll-input__input-preffix--string,.clll-input.clll-input--medium.clll-input--grouped .clll-input__input-suffix--string{padding-top:0;padding-bottom:0}.clll-input.clll-input--medium.clll-input--grouped.clll-input--hasiconprefix .clll-input__input,.clll-input.clll-input--medium.clll-input--grouped.clll-input--hascustomprefix .clll-input__input{padding-left:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input,.clll-input.clll-input--medium.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input{padding-right:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--color .clll-input__input-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-input.clll-input--medium.clll-input--color .clll-input__input-container .clll-input__input{border-radius:var(--clll-rounded-full);height:var(--clll-unit-7_5);width:var(--clll-unit-7_5)}.clll-input.clll-input--medium.clll-input--color .clll-input__input-container .clll-input__selected-color{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-input.clll-input--large .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7);padding:var(--clll-py-lg) var(--clll-px-2xl)}.clll-input.clll-input--large .clll-input__input-container .clll-input__input::file-selector-button{padding:var(--clll-py-2xl) var(--clll-px-2xl);margin-right:var(--clll-px-2xl)}.clll-input.clll-input--large.clll-input--hascharcounter .clll-input__input-container .clll-input__char-counter{padding:0 var(--clll-px-2xl)}.clll-input.clll-input--large.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string){padding-left:var(--clll-unit-3_5);padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--hasprefix .clll-input__input-prefix--string{padding-left:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--hasprefix .clll-input__input{padding-left:var(--clll-unit-0)}.clll-input.clll-input--large.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-left:var(--clll-unit-3_5);padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--hassuffix .clll-input__input-suffix--string{padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--hassuffix .clll-input__input{padding-right:var(--clll-unit-0)}.clll-input.clll-input--large.clll-input--hascustomprefix,.clll-input.clll-input--large.clll-input--hascustomsuffix{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-input.clll-input--large.clll-input--hascustomprefix .clll-input__input{padding-left:0}.clll-input.clll-input--large.clll-input--hascustomsuffix .clll-input__input{padding-right:0}.clll-input.clll-input--large.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--large.clll-input--grouped .clll-input__input-suffix{padding:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--grouped .clll-input__input-preffix--string,.clll-input.clll-input--large.clll-input--grouped .clll-input__input-suffix--string{padding-top:0;padding-bottom:0}.clll-input.clll-input--large.clll-input--grouped.clll-input--hasiconprefix .clll-input__input,.clll-input.clll-input--large.clll-input--grouped.clll-input--hascustomprefix .clll-input__input{padding-left:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input,.clll-input.clll-input--large.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input{padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--color .clll-input__input-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-input.clll-input--large.clll-input--color .clll-input__input-container .clll-input__input{border-radius:var(--clll-rounded-full);height:var(--clll-unit-8_5);width:var(--clll-unit-8_5)}.clll-input.clll-input--large.clll-input--color .clll-input__input-container .clll-input__selected-color{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-input.clll-input--xlarge .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5);padding:var(--clll-py-2xl) var(--clll-px-3xl)}.clll-input.clll-input--xlarge .clll-input__input-container .clll-input__input::file-selector-button{padding:var(--clll-py-4xl) var(--clll-px-3xl);margin-right:var(--clll-px-3xl)}.clll-input.clll-input--xlarge.clll-input--hascharcounter .clll-input__input-container .clll-input__char-counter{padding:0 var(--clll-px-3xl)}.clll-input.clll-input--xlarge.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string){padding-left:var(--clll-unit-3_5);padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--xlarge.clll-input--hasprefix .clll-input__input-prefix--string{padding-left:var(--clll-unit-3_5)}.clll-input.clll-input--xlarge.clll-input--hasprefix .clll-input__input{padding-left:var(--clll-unit-0)}.clll-input.clll-input--xlarge.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-left:var(--clll-unit-3_5);padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--xlarge.clll-input--hassuffix .clll-input__input-suffix--string{padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--xlarge.clll-input--hassuffix .clll-input__input{padding-right:var(--clll-unit-0)}.clll-input.clll-input--xlarge.clll-input--hascustomprefix,.clll-input.clll-input--xlarge.clll-input--hascustomsuffix{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-input.clll-input--xlarge.clll-input--hascustomprefix .clll-input__input{padding-left:0}.clll-input.clll-input--xlarge.clll-input--hascustomsuffix .clll-input__input{padding-right:0}.clll-input.clll-input--xlarge.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--xlarge.clll-input--grouped .clll-input__input-suffix{padding:var(--clll-unit-3_5)}.clll-input.clll-input--xlarge.clll-input--grouped .clll-input__input-preffix--string,.clll-input.clll-input--xlarge.clll-input--grouped .clll-input__input-suffix--string{padding-top:0;padding-bottom:0}.clll-input.clll-input--xlarge.clll-input--grouped.clll-input--hasiconprefix .clll-input__input,.clll-input.clll-input--xlarge.clll-input--grouped.clll-input--hascustomprefix .clll-input__input{padding-left:var(--clll-unit-3_5)}.clll-input.clll-input--xlarge.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input,.clll-input.clll-input--xlarge.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input{padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--xlarge.clll-input--color .clll-input__input-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-input.clll-input--xlarge.clll-input--color .clll-input__input-container .clll-input__input{border-radius:var(--clll-rounded-full);height:var(--clll-unit-9_5);width:var(--clll-unit-9_5)}.clll-input.clll-input--xlarge.clll-input--color .clll-input__input-container .clll-input__selected-color{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-input.clll-input--grouped.clll-input--hasiconprefix .clll-input__input-container,.clll-input.clll-input--grouped.clll-input--hascustomprefix .clll-input__input-container{padding-left:0}.clll-input.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input-container,.clll-input.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input-container{padding-right:0}.clll-input.clll-input--grouped.clll-input--hascharcounter .clll-input__input-suffix{border-top-right-radius:0;border-bottom-right-radius:0;padding-right:0}.clll-input.clll-input--grouped.clll-input--hascharcounter .clll-input__char-counter{border-top-right-radius:var(--clll-rounded-xs);border-bottom-right-radius:var(--clll-rounded-xs)}.clll-input.clll-input--hassuffix.clll-input--hascharcounter .clll-input__input-suffix,.clll-input.clll-input--hassuffix.clll-input--hascharcounter .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-right:0}.clll-input.clll-input--fluid,.clll-input.clll-input--fluid .clll-input__input-container,.clll-input.clll-input--fluid .clll-input__input-container .clll-input__input{width:100%}.clll-input.clll-input--vertical{flex-direction:column}.clll-input.clll-input--vertical.clll-input--haslabel>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1_5)}.clll-input.clll-input--horizontal.clll-input--haslabel{flex-direction:row;align-items:center;flex-wrap:wrap}.clll-input.clll-input--horizontal.clll-input--haslabel .clll-input__label,.clll-input.clll-input--horizontal.clll-input--haslabel .clll-input__input-container{width:50%}.clll-input.clll-input--hidden .clll-input__input-container{display:none}.clll-input.clll-input--file .clll-input__input-container .clll-input__input{cursor:pointer;padding-top:0;padding-left:0;padding-bottom:0;white-space:nowrap}.clll-input.clll-input--file .clll-input__input-container .clll-input__input::file-selector-button{cursor:pointer;border:0}.clll-input.clll-input--file.clll-input--readonly .clll-input__input{pointer-events:none;cursor:not-allowed}.clll-input.clll-input--color .clll-input__input-container .clll-input__input{cursor:pointer;padding:0;border:0}.clll-input.clll-input--color .clll-input__input-container .clll-input__input.--nocolor{opacity:0}.clll-input.clll-input--color .clll-input__input-container .clll-input__input-border-control{overflow:hidden;border-radius:var(--clll-rounded-full);background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>');width:auto}.clll-input.clll-input--color .clll-input__input-container .clll-input__selected-color{font-family:monospace;-webkit-font-smoothing:antialiased}.clll-input.clll-input--color.clll-input--disabled .clll-input__input{cursor:default}.clll-input.clll-input--color.clll-input--readonly .clll-input__input{pointer-events:none;cursor:not-allowed}.clll-input.clll-input--hascharcounter .clll-input__char-counter{pointer-events:none;justify-content:flex-end;max-width:100px;box-sizing:border-box;flex:1;position:relative}.clll-input ::-webkit-color-swatch-wrapper{padding:0}.clll-input ::-webkit-color-swatch{border:0}
|
|
1
|
+
.clll-input__input-prefix--string,.clll-input__input-suffix--string{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased}.clll-input__selected-color-tools{display:flex}.clll-input__selected-color-tools>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-0_5)}.clll-input__selected-color-tools .clll-button{flex:none}.clll-input{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;align-items:flex-start;overflow:visible}.clll-input .clll-input__input-container{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;display:flex;align-items:stretch;overflow:visible}.clll-input .clll-input__input-container .clll-input__input-border-control{display:flex;align-items:center;width:100%}.clll-input .clll-input__input{display:inline-block;appearance:none;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased}.clll-input.clll-input--hascustomprefix,.clll-input.clll-input--hascustomsuffix,.clll-input.clll-input--grouped,.clll-input.clll-input--ghost{border-radius:var(--clll-rounded-xs)}.clll-input.clll-input--hascustomprefix:focus,.clll-input.clll-input--hascustomprefix:focus-within,.clll-input.clll-input--hascustomsuffix:focus,.clll-input.clll-input--hascustomsuffix:focus-within,.clll-input.clll-input--grouped:focus,.clll-input.clll-input--grouped:focus-within,.clll-input.clll-input--ghost:focus,.clll-input.clll-input--ghost:focus-within{border-color:transparent}.clll-input .clll-input__char-counter,.clll-input .clll-input__selected-color{display:flex;align-items:center;justify-content:center;pointer-events:none;user-select:none}.clll-input.clll-input--rounded .clll-input__input-container,.clll-input.clll-input--rounded .clll-input__input{border-radius:var(--clll-rounded-xs)}.clll-input.clll-input--rounded.clll-input--rounded-full .clll-input__input-container{border-radius:var(--clll-rounded-full)}.clll-input.clll-input--rounded.clll-input--rounded-lg .clll-input__input-container{border-radius:var(--clll-rounded-lg)}.clll-input.clll-input--rounded.clll-input--rounded-md .clll-input__input-container{border-radius:var(--clll-rounded-md)}.clll-input.clll-input--rounded.clll-input--rounded-sm .clll-input__input-container{border-radius:var(--clll-rounded-sm)}.clll-input.clll-input--rounded.clll-input--rounded-xs .clll-input__input-container{border-radius:var(--clll-rounded-xs)}.clll-input.clll-input--rounded.clll-input--rounded-xl .clll-input__input-container{border-radius:var(--clll-rounded-xl)}.clll-input.clll-input--rounded.clll-input--rounded-2xl .clll-input__input-container{border-radius:var(--clll-rounded-2xl)}.clll-input.clll-input--rounded.clll-input--rounded-3xl .clll-input__input-container{border-radius:var(--clll-rounded-3xl)}.clll-input.clll-input--rounded.clll-input--rounded-none .clll-input__input-container{border-radius:0}.clll-input.clll-input--rounded.clll-input--rounded-full .clll-input__input{border-radius:var(--clll-rounded-full)}.clll-input.clll-input--rounded.clll-input--rounded-lg .clll-input__input{border-radius:var(--clll-rounded-lg)}.clll-input.clll-input--rounded.clll-input--rounded-md .clll-input__input{border-radius:var(--clll-rounded-md)}.clll-input.clll-input--rounded.clll-input--rounded-sm .clll-input__input{border-radius:var(--clll-rounded-sm)}.clll-input.clll-input--rounded.clll-input--rounded-xs .clll-input__input{border-radius:var(--clll-rounded-xs)}.clll-input.clll-input--rounded.clll-input--rounded-xl .clll-input__input{border-radius:var(--clll-rounded-xl)}.clll-input.clll-input--rounded.clll-input--rounded-2xl .clll-input__input{border-radius:var(--clll-rounded-2xl)}.clll-input.clll-input--rounded.clll-input--rounded-3xl .clll-input__input{border-radius:var(--clll-rounded-3xl)}.clll-input.clll-input--rounded.clll-input--rounded-none .clll-input__input{border-radius:0}.clll-input.clll-input--rounded:not(.clll-input--hasiconprefix).clll-input--hasprefix .clll-input__input{border-top-left-radius:0;border-bottom-left-radius:0}.clll-input.clll-input--rounded:not(.clll-input--hasiconsuffix).clll-input--hassuffix .clll-input__input{border-top-right-radius:0;border-bottom-right-radius:0}.clll-input.clll-input--tiny .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5);padding:var(--clll-py-xs) var(--clll-px-sm)}.clll-input.clll-input--tiny .clll-input__input-container .clll-input__input::file-selector-button{padding:var(--clll-py-sm) var(--clll-px-sm);margin-right:var(--clll-px-sm)}.clll-input.clll-input--tiny.clll-input--hascharcounter .clll-input__input-container .clll-input__char-counter{padding:0 var(--clll-px-sm)}.clll-input.clll-input--tiny.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string){padding-left:var(--clll-unit-1);padding-right:var(--clll-unit-1)}.clll-input.clll-input--tiny.clll-input--hasprefix .clll-input__input-prefix--string{padding-left:var(--clll-unit-1)}.clll-input.clll-input--tiny.clll-input--hasprefix .clll-input__input{padding-left:var(--clll-unit-0)}.clll-input.clll-input--tiny.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-left:var(--clll-unit-1);padding-right:var(--clll-unit-1)}.clll-input.clll-input--tiny.clll-input--hassuffix .clll-input__input-suffix--string{padding-right:var(--clll-unit-1)}.clll-input.clll-input--tiny.clll-input--hassuffix .clll-input__input{padding-right:var(--clll-unit-0)}.clll-input.clll-input--tiny.clll-input--hascustomprefix,.clll-input.clll-input--tiny.clll-input--hascustomsuffix{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-input.clll-input--tiny.clll-input--hascustomprefix .clll-input__input{padding-left:0}.clll-input.clll-input--tiny.clll-input--hascustomsuffix .clll-input__input{padding-right:0}.clll-input.clll-input--tiny.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--tiny.clll-input--grouped .clll-input__input-suffix{padding:var(--clll-unit-1_5)}.clll-input.clll-input--tiny.clll-input--grouped .clll-input__input-preffix--string,.clll-input.clll-input--tiny.clll-input--grouped .clll-input__input-suffix--string{padding-top:0;padding-bottom:0}.clll-input.clll-input--tiny.clll-input--grouped.clll-input--hasiconprefix .clll-input__input,.clll-input.clll-input--tiny.clll-input--grouped.clll-input--hascustomprefix .clll-input__input{padding-left:var(--clll-unit-1_5)}.clll-input.clll-input--tiny.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input,.clll-input.clll-input--tiny.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input{padding-right:var(--clll-unit-1_5)}.clll-input.clll-input--tiny.clll-input--color .clll-input__input-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-input.clll-input--tiny.clll-input--color .clll-input__input-container .clll-input__input{border-radius:var(--clll-rounded-full);height:var(--clll-unit-5_5);width:var(--clll-unit-5_5)}.clll-input.clll-input--tiny.clll-input--color .clll-input__input-container .clll-input__selected-color{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-input.clll-input--small .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6);padding:var(--clll-py-sm) var(--clll-px-md)}.clll-input.clll-input--small .clll-input__input-container .clll-input__input::file-selector-button{padding:var(--clll-py-md) var(--clll-px-md);margin-right:var(--clll-px-md)}.clll-input.clll-input--small.clll-input--hascharcounter .clll-input__input-container .clll-input__char-counter{padding:0 var(--clll-px-md)}.clll-input.clll-input--small.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string){padding-left:var(--clll-unit-1_5);padding-right:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--hasprefix .clll-input__input-prefix--string{padding-left:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--hasprefix .clll-input__input{padding-left:var(--clll-unit-0)}.clll-input.clll-input--small.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-left:var(--clll-unit-1_5);padding-right:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--hassuffix .clll-input__input-suffix--string{padding-right:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--hassuffix .clll-input__input{padding-right:var(--clll-unit-0)}.clll-input.clll-input--small.clll-input--hascustomprefix,.clll-input.clll-input--small.clll-input--hascustomsuffix{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-input.clll-input--small.clll-input--hascustomprefix .clll-input__input{padding-left:0}.clll-input.clll-input--small.clll-input--hascustomsuffix .clll-input__input{padding-right:0}.clll-input.clll-input--small.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--small.clll-input--grouped .clll-input__input-suffix{padding:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--grouped .clll-input__input-preffix--string,.clll-input.clll-input--small.clll-input--grouped .clll-input__input-suffix--string{padding-top:0;padding-bottom:0}.clll-input.clll-input--small.clll-input--grouped.clll-input--hasiconprefix .clll-input__input,.clll-input.clll-input--small.clll-input--grouped.clll-input--hascustomprefix .clll-input__input{padding-left:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input,.clll-input.clll-input--small.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input{padding-right:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--color .clll-input__input-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-input.clll-input--small.clll-input--color .clll-input__input-container .clll-input__input{border-radius:var(--clll-rounded-full);height:var(--clll-unit-6_5);width:var(--clll-unit-6_5)}.clll-input.clll-input--small.clll-input--color .clll-input__input-container .clll-input__selected-color{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-input.clll-input--medium .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5);padding:var(--clll-py-md) var(--clll-px-lg)}.clll-input.clll-input--medium .clll-input__input-container .clll-input__input::file-selector-button{padding:var(--clll-py-xl) var(--clll-px-lg);margin-right:var(--clll-px-lg)}.clll-input.clll-input--medium.clll-input--hascharcounter .clll-input__input-container .clll-input__char-counter{padding:0 var(--clll-px-lg)}.clll-input.clll-input--medium.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string){padding-left:var(--clll-unit-2_5);padding-right:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--hasprefix .clll-input__input-prefix--string{padding-left:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--hasprefix .clll-input__input{padding-left:var(--clll-unit-0)}.clll-input.clll-input--medium.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-left:var(--clll-unit-2_5);padding-right:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--hassuffix .clll-input__input-suffix--string{padding-right:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--hassuffix .clll-input__input{padding-right:var(--clll-unit-0)}.clll-input.clll-input--medium.clll-input--hascustomprefix,.clll-input.clll-input--medium.clll-input--hascustomsuffix{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-input.clll-input--medium.clll-input--hascustomprefix .clll-input__input{padding-left:0}.clll-input.clll-input--medium.clll-input--hascustomsuffix .clll-input__input{padding-right:0}.clll-input.clll-input--medium.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--medium.clll-input--grouped .clll-input__input-suffix{padding:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--grouped .clll-input__input-preffix--string,.clll-input.clll-input--medium.clll-input--grouped .clll-input__input-suffix--string{padding-top:0;padding-bottom:0}.clll-input.clll-input--medium.clll-input--grouped.clll-input--hasiconprefix .clll-input__input,.clll-input.clll-input--medium.clll-input--grouped.clll-input--hascustomprefix .clll-input__input{padding-left:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input,.clll-input.clll-input--medium.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input{padding-right:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--color .clll-input__input-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-input.clll-input--medium.clll-input--color .clll-input__input-container .clll-input__input{border-radius:var(--clll-rounded-full);height:var(--clll-unit-7_5);width:var(--clll-unit-7_5)}.clll-input.clll-input--medium.clll-input--color .clll-input__input-container .clll-input__selected-color{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-input.clll-input--large .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7);padding:var(--clll-py-lg) var(--clll-px-2xl)}.clll-input.clll-input--large .clll-input__input-container .clll-input__input::file-selector-button{padding:var(--clll-py-2xl) var(--clll-px-2xl);margin-right:var(--clll-px-2xl)}.clll-input.clll-input--large.clll-input--hascharcounter .clll-input__input-container .clll-input__char-counter{padding:0 var(--clll-px-2xl)}.clll-input.clll-input--large.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string){padding-left:var(--clll-unit-3_5);padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--hasprefix .clll-input__input-prefix--string{padding-left:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--hasprefix .clll-input__input{padding-left:var(--clll-unit-0)}.clll-input.clll-input--large.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-left:var(--clll-unit-3_5);padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--hassuffix .clll-input__input-suffix--string{padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--hassuffix .clll-input__input{padding-right:var(--clll-unit-0)}.clll-input.clll-input--large.clll-input--hascustomprefix,.clll-input.clll-input--large.clll-input--hascustomsuffix{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-input.clll-input--large.clll-input--hascustomprefix .clll-input__input{padding-left:0}.clll-input.clll-input--large.clll-input--hascustomsuffix .clll-input__input{padding-right:0}.clll-input.clll-input--large.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--large.clll-input--grouped .clll-input__input-suffix{padding:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--grouped .clll-input__input-preffix--string,.clll-input.clll-input--large.clll-input--grouped .clll-input__input-suffix--string{padding-top:0;padding-bottom:0}.clll-input.clll-input--large.clll-input--grouped.clll-input--hasiconprefix .clll-input__input,.clll-input.clll-input--large.clll-input--grouped.clll-input--hascustomprefix .clll-input__input{padding-left:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input,.clll-input.clll-input--large.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input{padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--color .clll-input__input-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-input.clll-input--large.clll-input--color .clll-input__input-container .clll-input__input{border-radius:var(--clll-rounded-full);height:var(--clll-unit-8_5);width:var(--clll-unit-8_5)}.clll-input.clll-input--large.clll-input--color .clll-input__input-container .clll-input__selected-color{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-input.clll-input--xlarge .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5);padding:var(--clll-py-2xl) var(--clll-px-3xl)}.clll-input.clll-input--xlarge .clll-input__input-container .clll-input__input::file-selector-button{padding:var(--clll-py-4xl) var(--clll-px-3xl);margin-right:var(--clll-px-3xl)}.clll-input.clll-input--xlarge.clll-input--hascharcounter .clll-input__input-container .clll-input__char-counter{padding:0 var(--clll-px-3xl)}.clll-input.clll-input--xlarge.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string){padding-left:var(--clll-unit-3_5);padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--xlarge.clll-input--hasprefix .clll-input__input-prefix--string{padding-left:var(--clll-unit-3_5)}.clll-input.clll-input--xlarge.clll-input--hasprefix .clll-input__input{padding-left:var(--clll-unit-0)}.clll-input.clll-input--xlarge.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-left:var(--clll-unit-3_5);padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--xlarge.clll-input--hassuffix .clll-input__input-suffix--string{padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--xlarge.clll-input--hassuffix .clll-input__input{padding-right:var(--clll-unit-0)}.clll-input.clll-input--xlarge.clll-input--hascustomprefix,.clll-input.clll-input--xlarge.clll-input--hascustomsuffix{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-input.clll-input--xlarge.clll-input--hascustomprefix .clll-input__input{padding-left:0}.clll-input.clll-input--xlarge.clll-input--hascustomsuffix .clll-input__input{padding-right:0}.clll-input.clll-input--xlarge.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--xlarge.clll-input--grouped .clll-input__input-suffix{padding:var(--clll-unit-3_5)}.clll-input.clll-input--xlarge.clll-input--grouped .clll-input__input-preffix--string,.clll-input.clll-input--xlarge.clll-input--grouped .clll-input__input-suffix--string{padding-top:0;padding-bottom:0}.clll-input.clll-input--xlarge.clll-input--grouped.clll-input--hasiconprefix .clll-input__input,.clll-input.clll-input--xlarge.clll-input--grouped.clll-input--hascustomprefix .clll-input__input{padding-left:var(--clll-unit-3_5)}.clll-input.clll-input--xlarge.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input,.clll-input.clll-input--xlarge.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input{padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--xlarge.clll-input--color .clll-input__input-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-input.clll-input--xlarge.clll-input--color .clll-input__input-container .clll-input__input{border-radius:var(--clll-rounded-full);height:var(--clll-unit-9_5);width:var(--clll-unit-9_5)}.clll-input.clll-input--xlarge.clll-input--color .clll-input__input-container .clll-input__selected-color{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-input.clll-input--grouped.clll-input--hasiconprefix .clll-input__input-container,.clll-input.clll-input--grouped.clll-input--hascustomprefix .clll-input__input-container{padding-left:0}.clll-input.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input-container,.clll-input.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input-container{padding-right:0}.clll-input.clll-input--grouped.clll-input--hascharcounter .clll-input__input-suffix{border-top-right-radius:0;border-bottom-right-radius:0;padding-right:0}.clll-input.clll-input--grouped.clll-input--hascharcounter .clll-input__char-counter{border-top-right-radius:var(--clll-rounded-xs);border-bottom-right-radius:var(--clll-rounded-xs)}.clll-input.clll-input--hassuffix.clll-input--hascharcounter .clll-input__input-suffix,.clll-input.clll-input--hassuffix.clll-input--hascharcounter .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-right:0}.clll-input.clll-input--fluid,.clll-input.clll-input--fluid .clll-input__input-container,.clll-input.clll-input--fluid .clll-input__input-container .clll-input__input{width:100%}.clll-input.clll-input--vertical{flex-direction:column}.clll-input.clll-input--vertical.clll-input--haslabel>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1_5)}.clll-input.clll-input--horizontal.clll-input--haslabel{flex-direction:row;align-items:center;flex-wrap:wrap}.clll-input.clll-input--horizontal.clll-input--haslabel .clll-input__label,.clll-input.clll-input--horizontal.clll-input--haslabel .clll-input__input-container{width:50%}.clll-input.clll-input--hidden .clll-input__input-container{display:none}.clll-input.clll-input--file .clll-input__input-container .clll-input__input{cursor:pointer;padding-top:0;padding-left:0;padding-bottom:0;white-space:nowrap}.clll-input.clll-input--file .clll-input__input-container .clll-input__input::file-selector-button{cursor:pointer;border:0}.clll-input.clll-input--file.clll-input--readonly .clll-input__input{pointer-events:none;cursor:not-allowed}.clll-input.clll-input--color .clll-input__input-container .clll-input__input{cursor:pointer;padding:0;border:0}.clll-input.clll-input--color .clll-input__input-container .clll-input__input.--nocolor{opacity:0}.clll-input.clll-input--color .clll-input__input-container .clll-input__input-border-control{overflow:hidden;border-radius:var(--clll-rounded-full);background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>');width:auto}.clll-input.clll-input--color .clll-input__input-container .clll-input__selected-color{font-family:monospace;-webkit-font-smoothing:antialiased}.clll-input.clll-input--color.clll-input--disabled .clll-input__input{cursor:default}.clll-input.clll-input--color.clll-input--readonly .clll-input__input{pointer-events:none;cursor:not-allowed}.clll-input.clll-input--hascharcounter .clll-input__char-counter{pointer-events:none;justify-content:flex-end;max-width:100px;box-sizing:border-box;flex:1;position:relative}.clll-input ::-webkit-color-swatch-wrapper{padding:0}.clll-input ::-webkit-color-swatch{border:0}
|
|
@@ -1,12 +1,14 @@
|
|
|
1
|
+
import '../../../assets/core.css';
|
|
1
2
|
import './CLInput.css';
|
|
3
|
+
import '../../../assets/shared/form-utilities.css';
|
|
2
4
|
import { defineComponent as v, computed as I, createElementBlock as p, openBlock as n, normalizeClass as x, unref as a, createBlock as m, Fragment as M, createTextVNode as q, toDisplayString as R, createVNode as K, ref as w, watch as T, createCommentVNode as g, mergeModels as N, useTemplateRef as Q, useModel as W, withCtx as Y, createElementVNode as L, withDirectives as Z, vModelDynamic as _, isRef as ee } from "vue";
|
|
3
|
-
import { _ as le, i as te, a as ae } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-
|
|
4
|
-
import { _ as ie } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-
|
|
5
|
+
import { _ as le, i as te, a as ae } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-BNGT0om7.js";
|
|
6
|
+
import { _ as ie } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-Cw3nPc64.js";
|
|
5
7
|
import { _ as oe } from "../../../chunks/CLFormCharCounter.vue_vue_type_style_index_0_lang-CJ4VrvmR.js";
|
|
6
|
-
import { _ as X } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-
|
|
8
|
+
import { _ as X } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-BaCl5yQI.js";
|
|
7
9
|
import { CLSizes as u, CLBorderRadius as H, CLIconSizes as r, CLIconNames as h, CLColors as k, CLColorVariants as S, CLInputTypes as o, CLOrientation as B, CLCharCounterLayout as ne } from "../../../index.js";
|
|
8
|
-
import { _ as ue } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-
|
|
9
|
-
import { _ as P } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-
|
|
10
|
+
import { _ as ue } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-DYXrV-YE.js";
|
|
11
|
+
import { _ as P } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-N3EWoTbB.js";
|
|
10
12
|
const de = ["data-testid"], E = /* @__PURE__ */ v({
|
|
11
13
|
name: "CLInputPrefix",
|
|
12
14
|
__name: "CLInputPrefix",
|
|
@@ -74,7 +74,7 @@ export interface CLInputProps {
|
|
|
74
74
|
declare const _default: import('vue').DefineComponent<{
|
|
75
75
|
modelValue?: string | number;
|
|
76
76
|
} & CLInputProps, {
|
|
77
|
-
inputRef: Readonly<
|
|
77
|
+
inputRef: Readonly<globalThis.ShallowRef<HTMLInputElement | null>>;
|
|
78
78
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
79
79
|
reset: (...args: any[]) => void;
|
|
80
80
|
"update:modelValue": (value: string | number) => void;
|
|
@@ -85,10 +85,10 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
85
85
|
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
|
|
86
86
|
}>, {
|
|
87
87
|
color: CLColors;
|
|
88
|
+
variant: CLColorVariants.Outline | CLColorVariants.Ghost;
|
|
88
89
|
form: string;
|
|
89
90
|
label: string;
|
|
90
91
|
pattern: string;
|
|
91
|
-
variant: CLColorVariants.Outline | CLColorVariants.Ghost;
|
|
92
92
|
borderRadius: CLBorderRadius;
|
|
93
93
|
fluid: boolean;
|
|
94
94
|
rounded: boolean;
|
|
@@ -1 +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-radiobutton{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;align-items:flex-start;flex-direction:column;overflow:visible}.clll-radiobutton .clll-radiobutton__label{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;overflow:visible;text-align:left;user-select:none;cursor:pointer}.clll-radiobutton .clll-radiobutton__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-radiobutton .clll-radiobutton__radiobutton-container{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;overflow:visible}.clll-radiobutton .clll-radiobutton__radiobutton-container .clll-radiobutton__radiobutton-frame .clll-radiobutton__radiobutton:not(:checked)+.clll-radiobutton__indicator{display:none}.clll-radiobutton .clll-radiobutton__indicator{position:absolute;display:inline-flex;background-color:#fff}.clll-radiobutton .clll-radiobutton__radiobutton{display:inline-block;appearance:none;border-width:1px;cursor:pointer}.clll-radiobutton.clll-radiobutton--rounded .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-full)}.clll-radiobutton.clll-radiobutton--rounded:not(.clll-radiobutton--rounded-none) .clll-radiobutton__indicator{border-radius:var(--clll-rounded-full)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-full .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-full)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-lg .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-lg)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-md .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-md)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-sm .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-sm)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-xs .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-xs)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-xl .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-xl)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-2xl .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-2xl)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-3xl .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-3xl)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-none .clll-radiobutton__radiobutton{border-radius:0}.clll-radiobutton.clll-radiobutton--tiny .clll-radiobutton__radiobutton-container .clll-radiobutton__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-1_5)}.clll-radiobutton.clll-radiobutton--tiny .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-checkbox__checkbox,.clll-radiobutton.clll-radiobutton--tiny .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton{width:var(--clll-unit-4);height:var(--clll-unit-4)}.clll-radiobutton.clll-radiobutton--tiny .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator{width:var(--clll-unit-1_5);height:var(--clll-unit-1_5)}.clll-radiobutton.clll-radiobutton--small .clll-radiobutton__radiobutton-container .clll-radiobutton__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-radiobutton.clll-radiobutton--small .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-checkbox__checkbox,.clll-radiobutton.clll-radiobutton--small .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton{width:var(--clll-unit-5);height:var(--clll-unit-5)}.clll-radiobutton.clll-radiobutton--small .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator{width:var(--clll-unit-2);height:var(--clll-unit-2)}.clll-radiobutton.clll-radiobutton--medium .clll-radiobutton__radiobutton-container .clll-radiobutton__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2_5)}.clll-radiobutton.clll-radiobutton--medium .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-checkbox__checkbox,.clll-radiobutton.clll-radiobutton--medium .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton{width:var(--clll-unit-6);height:var(--clll-unit-6)}.clll-radiobutton.clll-radiobutton--medium .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator{width:var(--clll-unit-2_5);height:var(--clll-unit-2_5)}.clll-radiobutton.clll-radiobutton--large .clll-radiobutton__radiobutton-container .clll-radiobutton__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-3)}.clll-radiobutton.clll-radiobutton--large .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-checkbox__checkbox,.clll-radiobutton.clll-radiobutton--large .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton{width:var(--clll-unit-7);height:var(--clll-unit-7)}.clll-radiobutton.clll-radiobutton--large .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator{width:var(--clll-unit-3);height:var(--clll-unit-3)}.clll-radiobutton.clll-radiobutton--xlarge .clll-radiobutton__radiobutton-container .clll-radiobutton__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-3)}.clll-radiobutton.clll-radiobutton--xlarge .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-checkbox__checkbox,.clll-radiobutton.clll-radiobutton--xlarge .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton{width:var(--clll-unit-8);height:var(--clll-unit-8)}.clll-radiobutton.clll-radiobutton--xlarge .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator{width:var(--clll-unit-3_5);height:var(--clll-unit-3_5)}
|
|
1
|
+
.clll-radiobutton{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;align-items:flex-start;flex-direction:column;overflow:visible}.clll-radiobutton .clll-radiobutton__label{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;overflow:visible;text-align:left;user-select:none;cursor:pointer}.clll-radiobutton .clll-radiobutton__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-radiobutton .clll-radiobutton__radiobutton-container{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;overflow:visible}.clll-radiobutton .clll-radiobutton__radiobutton-container .clll-radiobutton__radiobutton-frame .clll-radiobutton__radiobutton:not(:checked)+.clll-radiobutton__indicator{display:none}.clll-radiobutton .clll-radiobutton__indicator{position:absolute;display:inline-flex;background-color:#fff}.clll-radiobutton .clll-radiobutton__radiobutton{display:inline-block;appearance:none;border-width:1px;cursor:pointer}.clll-radiobutton.clll-radiobutton--rounded .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-full)}.clll-radiobutton.clll-radiobutton--rounded:not(.clll-radiobutton--rounded-none) .clll-radiobutton__indicator{border-radius:var(--clll-rounded-full)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-full .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-full)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-lg .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-lg)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-md .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-md)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-sm .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-sm)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-xs .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-xs)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-xl .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-xl)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-2xl .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-2xl)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-3xl .clll-radiobutton__radiobutton{border-radius:var(--clll-rounded-3xl)}.clll-radiobutton.clll-radiobutton--rounded.clll-radiobutton--rounded-none .clll-radiobutton__radiobutton{border-radius:0}.clll-radiobutton.clll-radiobutton--tiny .clll-radiobutton__radiobutton-container .clll-radiobutton__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-1_5)}.clll-radiobutton.clll-radiobutton--tiny .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-checkbox__checkbox,.clll-radiobutton.clll-radiobutton--tiny .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton{width:var(--clll-unit-4);height:var(--clll-unit-4)}.clll-radiobutton.clll-radiobutton--tiny .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator{width:var(--clll-unit-1_5);height:var(--clll-unit-1_5)}.clll-radiobutton.clll-radiobutton--small .clll-radiobutton__radiobutton-container .clll-radiobutton__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-radiobutton.clll-radiobutton--small .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-checkbox__checkbox,.clll-radiobutton.clll-radiobutton--small .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton{width:var(--clll-unit-5);height:var(--clll-unit-5)}.clll-radiobutton.clll-radiobutton--small .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator{width:var(--clll-unit-2);height:var(--clll-unit-2)}.clll-radiobutton.clll-radiobutton--medium .clll-radiobutton__radiobutton-container .clll-radiobutton__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2_5)}.clll-radiobutton.clll-radiobutton--medium .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-checkbox__checkbox,.clll-radiobutton.clll-radiobutton--medium .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton{width:var(--clll-unit-6);height:var(--clll-unit-6)}.clll-radiobutton.clll-radiobutton--medium .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator{width:var(--clll-unit-2_5);height:var(--clll-unit-2_5)}.clll-radiobutton.clll-radiobutton--large .clll-radiobutton__radiobutton-container .clll-radiobutton__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-3)}.clll-radiobutton.clll-radiobutton--large .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-checkbox__checkbox,.clll-radiobutton.clll-radiobutton--large .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton{width:var(--clll-unit-7);height:var(--clll-unit-7)}.clll-radiobutton.clll-radiobutton--large .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator{width:var(--clll-unit-3);height:var(--clll-unit-3)}.clll-radiobutton.clll-radiobutton--xlarge .clll-radiobutton__radiobutton-container .clll-radiobutton__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-3)}.clll-radiobutton.clll-radiobutton--xlarge .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-checkbox__checkbox,.clll-radiobutton.clll-radiobutton--xlarge .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton{width:var(--clll-unit-8);height:var(--clll-unit-8)}.clll-radiobutton.clll-radiobutton--xlarge .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator{width:var(--clll-unit-3_5);height:var(--clll-unit-3_5)}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
+
import '../../../assets/core.css';
|
|
1
2
|
import './CLRadioButton.css';
|
|
3
|
+
import '../../../assets/shared/form-utilities.css';
|
|
2
4
|
import { defineComponent as k, mergeModels as x, useModel as T, useTemplateRef as h, computed as f, createBlock as m, openBlock as c, withCtx as $, createElementVNode as n, createCommentVNode as y, normalizeClass as d, unref as u, withDirectives as R, vModelRadio as q, createTextVNode as V, toDisplayString as M } from "vue";
|
|
3
|
-
import { _ as S, c as z, a as F } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-
|
|
4
|
-
import { _ as N } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-
|
|
5
|
+
import { _ as S, c as z, a as F } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-BNGT0om7.js";
|
|
6
|
+
import { _ as N } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-Cz9Sv2AC.js";
|
|
5
7
|
import { CLSizes as s, CLTextTypes as i, CLColorVariants as w, CLColors as D } from "../../../index.js";
|
|
6
8
|
const I = ["data-testid"], X = ["for"], E = ["id", "aria-label", "checked", "disabled", "name", "value", "required"], A = /* @__PURE__ */ k({
|
|
7
9
|
name: "CLRadioButton",
|
|
@@ -46,7 +46,7 @@ export interface CLRadioButtonProps {
|
|
|
46
46
|
declare const _default: import('vue').DefineComponent<{
|
|
47
47
|
modelValue?: string | number;
|
|
48
48
|
} & CLRadioButtonProps, {
|
|
49
|
-
radiobuttonRef: Readonly<
|
|
49
|
+
radiobuttonRef: Readonly<globalThis.ShallowRef<HTMLInputElement | null>>;
|
|
50
50
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
51
51
|
"update:modelValue": (value: string | number) => any;
|
|
52
52
|
}, string, import('vue').PublicProps, Readonly<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.clll-select{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;align-items:flex-start;overflow:visible}.clll-select.clll-select--haslabel .clll-select__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-1)}.clll-select .clll-select__select-container{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;overflow:visible}.clll-select .clll-select__select-container .clll-select__select{display:inline-block;appearance:none;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased}.clll-select .clll-select__icon{pointer-events:none}.clll-select.clll-select--rounded .clll-select__select-container,.clll-select.clll-select--rounded .clll-select__select{border-radius:var(--clll-rounded-xs)}.clll-select.clll-select--rounded.clll-select--rounded-full .clll-select__select-container{border-radius:var(--clll-rounded-full)}.clll-select.clll-select--rounded.clll-select--rounded-lg .clll-select__select-container{border-radius:var(--clll-rounded-lg)}.clll-select.clll-select--rounded.clll-select--rounded-md .clll-select__select-container{border-radius:var(--clll-rounded-md)}.clll-select.clll-select--rounded.clll-select--rounded-sm .clll-select__select-container{border-radius:var(--clll-rounded-sm)}.clll-select.clll-select--rounded.clll-select--rounded-xs .clll-select__select-container{border-radius:var(--clll-rounded-xs)}.clll-select.clll-select--rounded.clll-select--rounded-xl .clll-select__select-container{border-radius:var(--clll-rounded-xl)}.clll-select.clll-select--rounded.clll-select--rounded-2xl .clll-select__select-container{border-radius:var(--clll-rounded-2xl)}.clll-select.clll-select--rounded.clll-select--rounded-3xl .clll-select__select-container{border-radius:var(--clll-rounded-3xl)}.clll-select.clll-select--rounded.clll-select--rounded-none .clll-select__select-container{border-radius:0}.clll-select.clll-select--rounded.clll-select--rounded-full .clll-select__select{border-radius:var(--clll-rounded-full)}.clll-select.clll-select--rounded.clll-select--rounded-lg .clll-select__select{border-radius:var(--clll-rounded-lg)}.clll-select.clll-select--rounded.clll-select--rounded-md .clll-select__select{border-radius:var(--clll-rounded-md)}.clll-select.clll-select--rounded.clll-select--rounded-sm .clll-select__select{border-radius:var(--clll-rounded-sm)}.clll-select.clll-select--rounded.clll-select--rounded-xs .clll-select__select{border-radius:var(--clll-rounded-xs)}.clll-select.clll-select--rounded.clll-select--rounded-xl .clll-select__select{border-radius:var(--clll-rounded-xl)}.clll-select.clll-select--rounded.clll-select--rounded-2xl .clll-select__select{border-radius:var(--clll-rounded-2xl)}.clll-select.clll-select--rounded.clll-select--rounded-3xl .clll-select__select{border-radius:var(--clll-rounded-3xl)}.clll-select.clll-select--rounded.clll-select--rounded-none .clll-select__select{border-radius:0}.clll-select.clll-select--tiny .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5);padding:var(--clll-py-xs) var(--clll-px-xs);padding-right:var(--clll-unit-5)}.clll-select.clll-select--tiny .clll-select__select-container .clll-select__icon{padding-right:var(--clll-unit-1)}.clll-select.clll-select--small .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6);padding:var(--clll-py-sm) var(--clll-px-sm);padding-right:var(--clll-unit-7)}.clll-select.clll-select--small .clll-select__select-container .clll-select__icon{padding-right:var(--clll-unit-2)}.clll-select.clll-select--medium .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5);padding:var(--clll-py-md) var(--clll-px-md);padding-right:var(--clll-unit-10)}.clll-select.clll-select--medium .clll-select__select-container .clll-select__icon{padding-right:var(--clll-unit-3)}.clll-select.clll-select--large .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7);padding:var(--clll-py-lg) var(--clll-px-lg);padding-right:var(--clll-unit-14)}.clll-select.clll-select--large .clll-select__select-container .clll-select__icon{padding-right:var(--clll-unit-3_5)}.clll-select.clll-select--xlarge .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5);padding:var(--clll-py-xl) var(--clll-px-xl);padding-right:var(--clll-unit-18)}.clll-select.clll-select--xlarge .clll-select__select-container .clll-select__icon{padding-right:var(--clll-unit-4)}.clll-select.clll-select--fluid,.clll-select.clll-select--fluid .clll-select__select-container,.clll-select.clll-select--fluid .clll-select__select-container .clll-select__select{width:100%}.clll-select.clll-select--vertical{flex-direction:column}.clll-select.clll-select--vertical.clll-select--haslabel>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1_5)}.clll-select.clll-select--horizontal.clll-select--haslabel{flex-direction:row;align-items:center;flex-wrap:wrap}.clll-select.clll-select--horizontal.clll-select--haslabel .clll-select__label,.clll-select.clll-select--horizontal.clll-select--haslabel .clll-select__select-container{width:50%}.clll-select.clll-select--hidden{display:none}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
+
import '../../../assets/core.css';
|
|
1
2
|
import './CLSelect.css';
|
|
3
|
+
import '../../../assets/shared/form-utilities.css';
|
|
2
4
|
import { defineComponent as B, mergeModels as h, useModel as S, useTemplateRef as q, computed as x, createBlock as f, openBlock as o, withCtx as T, createElementVNode as d, createCommentVNode as b, normalizeClass as r, unref as u, withDirectives as V, createElementBlock as $, Fragment as k, renderList as M, toDisplayString as F, vModelSelect as I, createVNode as N } from "vue";
|
|
3
|
-
import { _ as R, s as D, a as w } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-
|
|
4
|
-
import { _ as E } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-
|
|
5
|
-
import { _ as H } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-
|
|
5
|
+
import { _ as R, s as D, a as w } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-BNGT0om7.js";
|
|
6
|
+
import { _ as E } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-Cw3nPc64.js";
|
|
7
|
+
import { _ as H } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-BaCl5yQI.js";
|
|
6
8
|
import { CLSizes as n, CLIconSizes as s, CLOrientation as y, CLIconNames as O, CLColorVariants as P, CLColors as U } from "../../../index.js";
|
|
7
9
|
const X = ["data-testid"], j = ["id", "aria-label", "disabled", "name", "placeholder", "form", "required"], A = ["value", "selected", "disabled"], Z = /* @__PURE__ */ B({
|
|
8
10
|
name: "CLSelect",
|
|
@@ -50,7 +50,7 @@ export interface CLSelectProps {
|
|
|
50
50
|
declare const _default: import('vue').DefineComponent<{
|
|
51
51
|
modelValue?: string | number | null;
|
|
52
52
|
} & CLSelectProps, {
|
|
53
|
-
selectRef: Readonly<
|
|
53
|
+
selectRef: Readonly<globalThis.ShallowRef<HTMLSelectElement | null>>;
|
|
54
54
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
55
55
|
"update:modelValue": (value: string | number | null) => any;
|
|
56
56
|
}, string, import('vue').PublicProps, Readonly<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.clll-textarea{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;flex-direction:column;align-items:flex-start;overflow:visible}.clll-textarea .clll-textarea__input-container{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;overflow:visible}.clll-textarea .clll-textarea__input{resize:none;display:inline-block;appearance:none;background-color:#fff;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased}.clll-textarea.clll-textarea--resizable .clll-textarea__input{resize:both}.clll-textarea.clll-textarea--rounded .clll-textarea__input-container,.clll-textarea.clll-textarea--rounded .clll-textarea__input{border-radius:var(--clll-rounded-xs)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-full .clll-textarea__input-container{border-radius:var(--clll-rounded-full)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-lg .clll-textarea__input-container{border-radius:var(--clll-rounded-lg)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-md .clll-textarea__input-container{border-radius:var(--clll-rounded-md)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-sm .clll-textarea__input-container{border-radius:var(--clll-rounded-sm)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-xs .clll-textarea__input-container{border-radius:var(--clll-rounded-xs)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-xl .clll-textarea__input-container{border-radius:var(--clll-rounded-xl)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-2xl .clll-textarea__input-container{border-radius:var(--clll-rounded-2xl)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-3xl .clll-textarea__input-container{border-radius:var(--clll-rounded-3xl)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-none .clll-textarea__input-container{border-radius:0}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-full .clll-textarea__input{border-radius:var(--clll-rounded-full)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-lg .clll-textarea__input{border-radius:var(--clll-rounded-lg)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-md .clll-textarea__input{border-radius:var(--clll-rounded-md)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-sm .clll-textarea__input{border-radius:var(--clll-rounded-sm)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-xs .clll-textarea__input{border-radius:var(--clll-rounded-xs)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-xl .clll-textarea__input{border-radius:var(--clll-rounded-xl)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-2xl .clll-textarea__input{border-radius:var(--clll-rounded-2xl)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-3xl .clll-textarea__input{border-radius:var(--clll-rounded-3xl)}.clll-textarea.clll-textarea--rounded.clll-textarea--rounded-none .clll-textarea__input{border-radius:0}.clll-textarea.clll-textarea--tiny .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5);padding:var(--clll-py-xs) var(--clll-px-sm)}.clll-textarea.clll-textarea--small .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6);padding:var(--clll-py-sm) var(--clll-px-md)}.clll-textarea.clll-textarea--medium .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5);padding:var(--clll-py-md) var(--clll-px-lg)}.clll-textarea.clll-textarea--large .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7);padding:var(--clll-py-lg) var(--clll-px-2xl)}.clll-textarea.clll-textarea--xlarge .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5);padding:var(--clll-py-2xl) var(--clll-px-3xl)}.clll-textarea.clll-textarea--fluid,.clll-textarea.clll-textarea--fluid .clll-textarea__input-container,.clll-textarea.clll-textarea--fluid .clll-textarea__input-container .clll-textarea__input{width:100%}.clll-textarea.clll-textarea--vertical{flex-direction:column}.clll-textarea.clll-textarea--vertical.clll-textarea--haslabel>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1_5)}.clll-textarea.clll-textarea--horizontal.clll-textarea--haslabel{flex-direction:row;flex-wrap:wrap}.clll-textarea.clll-textarea--horizontal.clll-textarea--haslabel .clll-textarea__label{padding-top:var(--clll-unit-1_5)}.clll-textarea.clll-textarea--horizontal.clll-textarea--haslabel .clll-textarea__label,.clll-textarea.clll-textarea--horizontal.clll-textarea--haslabel .clll-textarea__input-container{width:50%}.clll-textarea.clll-textarea--hascharcounter>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
+
import '../../../assets/core.css';
|
|
1
2
|
import './CLTextArea.css';
|
|
3
|
+
import '../../../assets/shared/form-utilities.css';
|
|
2
4
|
import { defineComponent as g, mergeModels as $, useTemplateRef as x, useModel as C, computed as L, createBlock as i, openBlock as r, withCtx as B, createElementVNode as u, createCommentVNode as s, normalizeClass as m, unref as c, withDirectives as z, vModelText as v } from "vue";
|
|
3
|
-
import { _ as k, i as T, a as q } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-
|
|
4
|
-
import { _ as V } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-
|
|
5
|
+
import { _ as k, i as T, a as q } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-BNGT0om7.js";
|
|
6
|
+
import { _ as V } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-Cw3nPc64.js";
|
|
5
7
|
import { _ as w } from "../../../chunks/CLFormCharCounter.vue_vue_type_style_index_0_lang-CJ4VrvmR.js";
|
|
6
8
|
import { CLOrientation as f, CLCharCounterLayout as I, CLColorVariants as F, CLSizes as R, CLColors as M } from "../../../index.js";
|
|
7
9
|
const A = ["data-testid"], N = ["id", "aria-label", "autocomplete", "cols", "disabled", "form", "maxlength", "minlength", "name", "pattern", "placeholder", "readonly", "required", "spellcheck", "rows"], U = /* @__PURE__ */ g({
|
|
@@ -70,7 +70,7 @@ export interface CLTextAreaProps {
|
|
|
70
70
|
declare const _default: import('vue').DefineComponent<{
|
|
71
71
|
modelValue?: string | number;
|
|
72
72
|
} & CLTextAreaProps, {
|
|
73
|
-
textareaRef: Readonly<
|
|
73
|
+
textareaRef: Readonly<globalThis.ShallowRef<HTMLTextAreaElement | null>>;
|
|
74
74
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
75
75
|
"update:modelValue": (value: string | number) => any;
|
|
76
76
|
}, string, import('vue').PublicProps, Readonly<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.clll-badge{position:relative;overflow:hidden;border-radius:var(--clll-rounded-full);flex:none;display:inline-flex;align-items:center;box-sizing:border-box;padding:var(--clll-py-xs) var(--clll-px-xs)}.clll-badge.clll-badge--rounded-full,.clll-badge.clll-badge--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-badge.clll-badge--rounded-lg,.clll-badge.clll-badge--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-badge.clll-badge--rounded-md,.clll-badge.clll-badge--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-badge.clll-badge--rounded-sm,.clll-badge.clll-badge--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-badge.clll-badge--rounded-xs,.clll-badge.clll-badge--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-badge.clll-badge--rounded-xl,.clll-badge.clll-badge--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-badge.clll-badge--rounded-2xl,.clll-badge.clll-badge--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-badge.clll-badge--rounded-3xl,.clll-badge.clll-badge--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-badge.clll-badge--rounded-none,.clll-badge.clll-badge--rounded-none .clll-{border-radius:0}.clll-badge .clll-badge__count{font-weight:400;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0;font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-badge.clll-badge--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}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import '../../../assets/core.css';
|
|
1
2
|
import './CLBadge.css';
|
|
2
3
|
import { defineComponent as c, computed as n, createElementBlock as m, openBlock as u, normalizeClass as s, unref as r, createElementVNode as f, toDisplayString as b } from "vue";
|
|
3
4
|
import { CLColorVariants as g, CLColors as p } from "../../../index.js";
|
|
4
|
-
import { b as C } from "../../../chunks/utils-
|
|
5
|
+
import { b as C } from "../../../chunks/utils-DVR3a-_d.js";
|
|
5
6
|
const v = ["data-testid"], h = /* @__PURE__ */ c({
|
|
6
7
|
name: "CLBadge",
|
|
7
8
|
__name: "CLBadge",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.clll-banner{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;width:var(--v42ada450);height:var(--v46a4d956);padding:var(--clll-py-3xl) var(--clll-px-2xl)}.clll-banner .clll-banner__content{position:relative;display:flex;align-items:center;z-index:var(--clll-z-index-10);flex-wrap:wrap;flex:1 1 0%}.clll-banner .clll-banner__content .clll-banner__nested_content{display:flex;flex-direction:column;flex-grow:1;gap:var(--clll-unit-0_5)}.clll-banner .clll-banner__content .clll-banner__action-button{display:flex;justify-content:flex-end;flex-grow:1}.clll-banner.clll-banner--dismissable .clll-banner__content{padding-right:var(--clll-unit-14)}.clll-banner.clll-banner--dismissable .clll-banner__dismiss-button{position:absolute;top:var(--clll-unit-4);right:var(--clll-unit-4);z-index:var(--clll-z-index-10)}.clll-banner.clll-banner--actionable .clll-banner__content{gap:var(--clll-px-md)}.clll-banner.clll-banner--rounded{border-radius:var(--clll-rounded-sm)}.clll-banner.clll-banner--rounded.clll-banner--rounded-full,.clll-banner.clll-banner--rounded.clll-banner--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-banner.clll-banner--rounded.clll-banner--rounded-lg,.clll-banner.clll-banner--rounded.clll-banner--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-banner.clll-banner--rounded.clll-banner--rounded-md,.clll-banner.clll-banner--rounded.clll-banner--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-banner.clll-banner--rounded.clll-banner--rounded-sm,.clll-banner.clll-banner--rounded.clll-banner--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-banner.clll-banner--rounded.clll-banner--rounded-xs,.clll-banner.clll-banner--rounded.clll-banner--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-banner.clll-banner--rounded.clll-banner--rounded-xl,.clll-banner.clll-banner--rounded.clll-banner--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-banner.clll-banner--rounded.clll-banner--rounded-2xl,.clll-banner.clll-banner--rounded.clll-banner--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-banner.clll-banner--rounded.clll-banner--rounded-3xl,.clll-banner.clll-banner--rounded.clll-banner--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-banner.clll-banner--rounded.clll-banner--rounded-none,.clll-banner.clll-banner--rounded.clll-banner--rounded-none .clll-{border-radius:0}.clll-banner.clll-banner--busy{pointer-events:none}.clll-banner.clll-banner--align-left{text-align:left}.clll-banner.clll-banner--align-center{text-align:center}.clll-banner.clll-banner--align-right{text-align:right}.clll-banner.clll-banner--bordered{border-style:solid;border-top-width:1px;border-left-width:1px;border-right-width:1px}.clll-banner .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
+
import '../../../assets/core.css';
|
|
1
2
|
import './CLBanner.css';
|
|
2
3
|
import { defineComponent as v, useCssVars as h, computed as x, createBlock as l, openBlock as n, unref as a, withCtx as s, createElementVNode as m, normalizeClass as r, createElementBlock as b, createCommentVNode as o, createTextVNode as f, toDisplayString as c, createVNode as $ } from "vue";
|
|
3
|
-
import { _ as B } from "../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-
|
|
4
|
-
import { _ as C } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-
|
|
5
|
-
import { _ as S } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-
|
|
6
|
-
import { _ as k } from "../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang-
|
|
7
|
-
import { _ as z } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-
|
|
4
|
+
import { _ as B } from "../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-Caaw-9_c.js";
|
|
5
|
+
import { _ as C } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-N3EWoTbB.js";
|
|
6
|
+
import { _ as S } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-BcCh5-Bx.js";
|
|
7
|
+
import { _ as k } from "../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang-DblqrUXo.js";
|
|
8
|
+
import { _ as z } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-Cz9Sv2AC.js";
|
|
8
9
|
import { CLColorVariants as d, CLColors as D, CLAlign as T, CLHeadingTypes as N, CLTextTypes as V, CLSizes as w, CLIconSizes as A, CLIconNames as I } from "../../../index.js";
|
|
9
|
-
import { c as R } from "../../../chunks/utils-
|
|
10
|
+
import { c as R } from "../../../chunks/utils-DVR3a-_d.js";
|
|
10
11
|
const E = ["data-testid"], O = /* @__PURE__ */ v({
|
|
11
12
|
name: "CLBanner",
|
|
12
13
|
__name: "CLBanner",
|
|
@@ -37,11 +37,11 @@ export interface CLBannerProps {
|
|
|
37
37
|
}
|
|
38
38
|
declare const _default: import('vue').DefineComponent<CLBannerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLBannerProps> & Readonly<{}>, {
|
|
39
39
|
color: CLColors;
|
|
40
|
-
width: string;
|
|
41
|
-
height: string;
|
|
42
40
|
variant: CLColorVariants.Ghost | CLColorVariants.Outline | CLColorVariants.Soft | CLColorVariants.Solid;
|
|
43
41
|
rounded: boolean;
|
|
44
42
|
testId: string;
|
|
43
|
+
width: string;
|
|
44
|
+
height: string;
|
|
45
45
|
align: CLAlign;
|
|
46
46
|
busy: boolean;
|
|
47
47
|
bordered: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.clll-pill.clll-pill--rounded{position:relative;overflow:hidden;border-radius:var(--clll-rounded-xs);flex:none;display:inline-flex;align-items:center;box-sizing:border-box}.clll-pill:not(.clll-pill--rounded){position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box}.clll-pill.clll-pill--has-count>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-1)}.clll-pill .clll-pill__count,.clll-pill .clll-pill__label{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0;font-size:var(--clll-unit-3);line-height:var(--clll-unit-5);display:block;font-weight:400;padding:var(--clll-py-xs) var(--clll-px-sm)}.clll-pill.clll-pill--has-count .clll-pill__label{padding-right:var(--clll-px-s-sm)}.clll-pill.clll-pill--has-icon,.clll-pill.clll-pill--has-icon .clll-pill__label{padding-left:var(--clll-px-xs)}.clll-pill.clll-pill--clickable{transition-property:all;transition-duration:.3s;transition-timing-function:ease}.clll-pill.clll-pill--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}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import '../../../assets/core.css';
|
|
1
2
|
import './CLPill.css';
|
|
2
|
-
import { _ as s } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import { _ as s } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-DYXrV-YE.js";
|
|
3
4
|
export {
|
|
4
5
|
s as CLPill,
|
|
5
6
|
s as default
|