@codeandfunction/callaloo 3.16.2 → 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-BPM559Fj.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-DiT4TwiW.js → CLButton.vue_vue_type_style_index_0_lang-N3EWoTbB.js} +3 -3
- package/dist/chunks/{CLCard.vue_vue_type_style_index_0_lang-vXK1HBND.js → CLCard.vue_vue_type_style_index_0_lang-CpReGucs.js} +5 -5
- package/dist/chunks/{CLFormLabel.vue_vue_type_script_setup_true_lang-B9PYNMYy.js → CLFormLabel.vue_vue_type_script_setup_true_lang-Cw3nPc64.js} +1 -1
- package/dist/chunks/{CLHeading.vue_vue_type_style_index_0_lang-HzXfA-v_.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-YdXhAQ8-.js → CLIcon.vue_vue_type_style_index_0_lang-BaCl5yQI.js} +1 -1
- package/dist/chunks/{CLInputMessages.vue_vue_type_style_index_0_lang-BNAW5shz.js → CLInputMessages.vue_vue_type_style_index_0_lang-BNGT0om7.js} +1 -1
- package/dist/chunks/{CLLink.vue_vue_type_style_index_0_lang-iHWgurk-.js → CLLink.vue_vue_type_style_index_0_lang-BMUevw_4.js} +2 -2
- package/dist/chunks/{CLNavLink.vue_vue_type_script_setup_true_lang-DBu0BjSA.js → CLNavLink.vue_vue_type_script_setup_true_lang-D2oCLUGX.js} +1 -1
- package/dist/chunks/{CLPill.vue_vue_type_style_index_0_lang-DZl8_301.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-B2TZA2aN.js → CLProgress.vue_vue_type_style_index_0_lang-Cu3FhEX0.js} +2 -2
- package/dist/chunks/{CLSkeleton.vue_vue_type_style_index_0_lang-BDGFXnrV.js → CLSkeleton.vue_vue_type_style_index_0_lang-DblqrUXo.js} +1 -1
- package/dist/chunks/{CLSpinner.vue_vue_type_style_index_0_lang-BsI680jS.js → CLSpinner.vue_vue_type_style_index_0_lang-DskZL4VC.js} +1 -1
- package/dist/chunks/{CLText.vue_vue_type_style_index_0_lang-CPdNgG4V.js → CLText.vue_vue_type_style_index_0_lang-Cz9Sv2AC.js} +1 -1
- package/dist/chunks/{CLToast.vue_vue_type_style_index_0_lang-C119uLhY.js → CLToast.vue_vue_type_style_index_0_lang-CYcPXUMQ.js} +6 -6
- package/dist/chunks/base-theme-Bg6XMoeN.js +275 -0
- package/dist/chunks/{utils-aUf_lkSP.js → utils-Bp7YeySh.js} +1 -1
- package/dist/chunks/{utils-UApzileu.js → utils-C9rOAW29.js} +1 -1
- package/dist/chunks/{utils-CXZw87Wc.js → utils-D-5TdmRW.js} +1 -1
- package/dist/chunks/{utils-m8fomrFl.js → utils-DRsWhcFX.js} +1 -1
- package/dist/chunks/{utils-B7dbJd6n.js → utils-DVR3a-_d.js} +1 -1
- package/dist/chunks/{utils-Dgc7kbbm.js → utils-nC7WS9e0.js} +1 -1
- 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 +3 -2
- 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 +3 -2
- 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 +6 -5
- 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 +4 -3
- 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 +3 -2
- 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/useDropdown.js +1 -0
- package/dist/composables/useEsc.js +1 -0
- package/dist/composables/useHasSlotContent.js +1 -0
- package/dist/composables/useTheme.js +9 -11
- package/dist/composables/useToast.js +1 -0
- package/dist/index.js +1 -0
- package/dist/utils/merge.d.ts +18 -0
- package/package.json +28 -28
- package/dist/chunks/base-theme-CYXVp7iK.js +0 -774
|
@@ -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-button{position:relative;border:1px solid transparent;cursor:pointer}.clll-button[href]{text-decoration:none}.clll-button{transition-property:background-color;transition-duration:.3s;transition-timing-function:ease}.clll-button .clll-button__content,.clll-button .clll-icon{font-weight:500;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0}.clll-button.clll-button--has-content{display:inline-flex;align-items:center}.clll-button.clll-button--no-content.clll-button--left,.clll-button.clll-button--no-content.clll-button--right{justify-content:center}.clll-button.clll-button--no-content .clll-button__content{display:none}.clll-button.clll-button--busy .clll-button__content,.clll-button.clll-button--busy .clll-icon{visibility:hidden}.clll-button.clll-button--tiny{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5);padding:var(--clll-unit-0_5) var(--clll-unit-2)}.clll-button.clll-button--tiny.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-0_5)}.clll-button.clll-button--tiny.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--tiny.clll-button--rounded{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--tiny.clll-button--no-content{padding:var(--clll-unit-1_5)}.clll-button.clll-button--small{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6);padding:var(--clll-unit-1) var(--clll-unit-2_5)}.clll-button.clll-button--small.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-1)}.clll-button.clll-button--small.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--small.clll-button--rounded{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--small.clll-button--no-content{padding:var(--clll-unit-2)}.clll-button.clll-button--medium{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5);padding:var(--clll-unit-1_5) var(--clll-unit-3)}.clll-button.clll-button--medium.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-1_5)}.clll-button.clll-button--medium.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--medium.clll-button--rounded{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--medium.clll-button--no-content{padding:var(--clll-unit-2_5)}.clll-button.clll-button--large{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7);padding:var(--clll-unit-2) var(--clll-unit-3_5)}.clll-button.clll-button--large.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-button.clll-button--large.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--large.clll-button--rounded{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--large.clll-button--no-content{padding:var(--clll-unit-3)}.clll-button.clll-button--xlarge{font-size:var(--clll-unit-6);line-height:var(--clll-unit-8_5);padding:var(--clll-unit-3) var(--clll-unit-4_5)}.clll-button.clll-button--xlarge.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2_5)}.clll-button.clll-button--xlarge.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--xlarge.clll-button--rounded{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--xlarge.clll-button--no-content{padding:var(--clll-unit-4)}.clll-button .clll-button__content{overflow:hidden}.clll-button.clll-button--left{justify-content:flex-start}.clll-button.clll-button--center{justify-content:center}.clll-button.clll-button--right{justify-content:flex-end}.clll-button.clll-button--no-content{display:flex;align-items:center}.clll-button.clll-button--no-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-0)}.clll-button.clll-button--no-content.clll-button--rounded{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--wrapped{padding:var(--clll-unit-0)}.clll-button.clll-button--wrapped.clll-button--no-content{padding:0}.clll-button.clll-button--pill{border:0;padding:var(--clll-unit-0);background-color:transparent;outline-offset:-.5px}.clll-button.clll-button--pill:focus{box-shadow:none}.clll-button.clll-button--pill.clll-button--rounded{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--pill .clll-button__content{line-height:0}.clll-button.clll-button--active{pointer-events:none;user-select:none}.clll-button.clll-button--elevated{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-button:disabled{cursor:not-allowed;pointer-events:all;opacity:.75;user-select:none}
|
|
1
|
+
.clll-button{position:relative;border:1px solid transparent;cursor:pointer}.clll-button[href]{text-decoration:none}.clll-button{transition-property:background-color;transition-duration:.3s;transition-timing-function:ease}.clll-button .clll-button__content,.clll-button .clll-icon{font-weight:500;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0}.clll-button.clll-button--has-content{display:inline-flex;align-items:center}.clll-button.clll-button--no-content.clll-button--left,.clll-button.clll-button--no-content.clll-button--right{justify-content:center}.clll-button.clll-button--no-content .clll-button__content{display:none}.clll-button.clll-button--busy .clll-button__content,.clll-button.clll-button--busy .clll-icon{visibility:hidden}.clll-button.clll-button--tiny{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5);padding:var(--clll-unit-0_5) var(--clll-unit-2)}.clll-button.clll-button--tiny.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-0_5)}.clll-button.clll-button--tiny.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--tiny.clll-button--rounded{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--tiny.clll-button--no-content{padding:var(--clll-unit-1_5)}.clll-button.clll-button--small{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6);padding:var(--clll-unit-1) var(--clll-unit-2_5)}.clll-button.clll-button--small.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-1)}.clll-button.clll-button--small.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--small.clll-button--rounded{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--small.clll-button--no-content{padding:var(--clll-unit-2)}.clll-button.clll-button--medium{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5);padding:var(--clll-unit-1_5) var(--clll-unit-3)}.clll-button.clll-button--medium.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-1_5)}.clll-button.clll-button--medium.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--medium.clll-button--rounded{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--medium.clll-button--no-content{padding:var(--clll-unit-2_5)}.clll-button.clll-button--large{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7);padding:var(--clll-unit-2) var(--clll-unit-3_5)}.clll-button.clll-button--large.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-button.clll-button--large.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--large.clll-button--rounded{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--large.clll-button--no-content{padding:var(--clll-unit-3)}.clll-button.clll-button--xlarge{font-size:var(--clll-unit-6);line-height:var(--clll-unit-8_5);padding:var(--clll-unit-3) var(--clll-unit-4_5)}.clll-button.clll-button--xlarge.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2_5)}.clll-button.clll-button--xlarge.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--xlarge.clll-button--rounded{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--xlarge.clll-button--no-content{padding:var(--clll-unit-4)}.clll-button .clll-button__content{overflow:hidden}.clll-button.clll-button--left{justify-content:flex-start}.clll-button.clll-button--center{justify-content:center}.clll-button.clll-button--right{justify-content:flex-end}.clll-button.clll-button--no-content{display:flex;align-items:center}.clll-button.clll-button--no-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-0)}.clll-button.clll-button--no-content.clll-button--rounded{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--wrapped{padding:var(--clll-unit-0)}.clll-button.clll-button--wrapped.clll-button--no-content{padding:0}.clll-button.clll-button--pill{border:0;padding:var(--clll-unit-0);background-color:transparent;outline-offset:-.5px}.clll-button.clll-button--pill:focus{box-shadow:none}.clll-button.clll-button--pill.clll-button--rounded{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--pill .clll-button__content{line-height:0}.clll-button.clll-button--active{pointer-events:none;user-select:none}.clll-button.clll-button--elevated{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-button:disabled{cursor:not-allowed;pointer-events:all;opacity:.75;user-select:none}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import '../../../assets/core.css';
|
|
1
2
|
import './CLButton.css';
|
|
2
|
-
import { _ as t } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import { _ as t } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-N3EWoTbB.js";
|
|
3
4
|
export {
|
|
4
5
|
t as CLButton,
|
|
5
6
|
t as default
|
|
@@ -60,16 +60,16 @@ export interface CLButtonProps {
|
|
|
60
60
|
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLButtonProps> & Readonly<{}>, {
|
|
61
61
|
title: string;
|
|
62
62
|
color: CLColors;
|
|
63
|
-
width: string;
|
|
64
|
-
height: string;
|
|
65
|
-
form: string;
|
|
66
63
|
variant: CLColorVariants;
|
|
64
|
+
form: string;
|
|
67
65
|
borderRadius: CLBorderRadius;
|
|
68
66
|
rounded: boolean;
|
|
69
67
|
testId: string;
|
|
70
68
|
type: CLButtonTypes;
|
|
71
69
|
onClick: (event?: Event) => void;
|
|
72
70
|
target: CLLinkTarget;
|
|
71
|
+
width: string;
|
|
72
|
+
height: string;
|
|
73
73
|
size: CLSizes;
|
|
74
74
|
href: string;
|
|
75
75
|
active: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.clll-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--v18b705a2);height:var(--v18b705a2)}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import '../../assets/core.css';
|
|
1
2
|
import './CLIcon.css';
|
|
2
|
-
import { _ as o } from "../../chunks/CLIcon.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import { _ as o } from "../../chunks/CLIcon.vue_vue_type_style_index_0_lang-BaCl5yQI.js";
|
|
3
4
|
export {
|
|
4
5
|
o as CLIcon,
|
|
5
6
|
o as default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.clll-table-container.clll-table--rounded{overflow:hidden;border-radius:var(--clll-rounded-sm)}.clll-table-container.clll-table--rounded-full,.clll-table-container.clll-table--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-table-container.clll-table--rounded-lg,.clll-table-container.clll-table--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-table-container.clll-table--rounded-md,.clll-table-container.clll-table--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-table-container.clll-table--rounded-sm,.clll-table-container.clll-table--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-table-container.clll-table--rounded-xs,.clll-table-container.clll-table--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-table-container.clll-table--rounded-xl,.clll-table-container.clll-table--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-table-container.clll-table--rounded-2xl,.clll-table-container.clll-table--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-table-container.clll-table--rounded-3xl,.clll-table-container.clll-table--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-table-container.clll-table--rounded-none,.clll-table-container.clll-table--rounded-none .clll-{border-radius:0}.clll-table-container .clll-table{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;border-collapse:collapse;border-spacing:0;vertical-align:baseline;position:relative;table-layout:auto;width:100%}.clll-table-container .clll-table .clll-table__row{height:var(--v65ae7e5c)}.clll-table-container .clll-table.clll-table--default .clll-table__body .clll-table__row:last-child,.clll-table-container .clll-table.clll-table--condensed .clll-table__body .clll-table__row:last-child{border-bottom:0}.clll-table-container .clll-table.clll-table--default .clll-table__row .clll-table__cell{padding:var(--clll-unit-3) var(--clll-unit-4)}.clll-table-container .clll-table.clll-table--condensed .clll-table__row .clll-table__cell{padding:var(--clll-unit-2_5)}.clll-table-container .clll-table.clll-table--plain .clll-table__row .clll-table__cell{padding:var(--clll-unit-2)}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__header .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__body .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__footer .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table.clll-table--bordered .clll-table__header .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table.clll-table--bordered .clll-table__body .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table.clll-table--bordered .clll-table__footer .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table__cell{text-align:left;max-width:0}.clll-table__cell>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-table__cell.clll-table__cell--number,.clll-table__cell.clll-table__cell--hasactions{text-align:right}.clll-table__cell.clll-table__cell--hasactions .clll-table__cell__actions{display:flex;align-items:center;justify-content:flex-end}.clll-table__cell.clll-table__cell--hasactions .clll-table__cell__actions>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-table__cell.clll-table__cell--clickable{cursor:pointer}.clll-table__footer .clll-table__row .clll-table__cell{font-weight:700}
|
|
1
|
+
.clll-table-container.clll-table--rounded{overflow:hidden;border-radius:var(--clll-rounded-sm)}.clll-table-container.clll-table--rounded-full,.clll-table-container.clll-table--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-table-container.clll-table--rounded-lg,.clll-table-container.clll-table--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-table-container.clll-table--rounded-md,.clll-table-container.clll-table--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-table-container.clll-table--rounded-sm,.clll-table-container.clll-table--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-table-container.clll-table--rounded-xs,.clll-table-container.clll-table--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-table-container.clll-table--rounded-xl,.clll-table-container.clll-table--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-table-container.clll-table--rounded-2xl,.clll-table-container.clll-table--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-table-container.clll-table--rounded-3xl,.clll-table-container.clll-table--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-table-container.clll-table--rounded-none,.clll-table-container.clll-table--rounded-none .clll-{border-radius:0}.clll-table-container .clll-table{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;border-collapse:collapse;border-spacing:0;vertical-align:baseline;position:relative;table-layout:auto;width:100%}.clll-table-container .clll-table .clll-table__row{height:var(--v65ae7e5c)}.clll-table-container .clll-table.clll-table--default .clll-table__body .clll-table__row:last-child,.clll-table-container .clll-table.clll-table--condensed .clll-table__body .clll-table__row:last-child{border-bottom:0}.clll-table-container .clll-table.clll-table--default .clll-table__row .clll-table__cell{padding:var(--clll-unit-3) var(--clll-unit-4)}.clll-table-container .clll-table.clll-table--condensed .clll-table__row .clll-table__cell{padding:var(--clll-unit-2_5)}.clll-table-container .clll-table.clll-table--plain .clll-table__row .clll-table__cell{padding:var(--clll-unit-2)}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__header .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__body .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__footer .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table.clll-table--bordered .clll-table__header .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table.clll-table--bordered .clll-table__body .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table.clll-table--bordered .clll-table__footer .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table__cell{text-align:left;max-width:0}.clll-table__cell>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-table__cell.clll-table__cell--number,.clll-table__cell.clll-table__cell--hasactions{text-align:right}.clll-table__cell.clll-table__cell--hasactions .clll-table__cell__actions{display:flex;align-items:center;justify-content:flex-end}.clll-table__cell.clll-table__cell--hasactions .clll-table__cell__actions>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-table__cell.clll-table__cell--clickable{cursor:pointer}.clll-table__footer .clll-table__row .clll-table__cell{font-weight:700}.clll-table__row.clll-table__row--clickable{cursor:pointer}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
+
import '../../assets/core.css';
|
|
1
2
|
import './CLTable.css';
|
|
2
3
|
import { defineComponent as b, useCssVars as C, computed as u, createElementBlock as a, openBlock as d, normalizeClass as c, unref as n, createElementVNode as y, createCommentVNode as w, renderSlot as s, Fragment as g, renderList as k, normalizeStyle as v, createVNode as L, withCtx as x } from "vue";
|
|
3
4
|
import { CLMode as p, CLColorVariants as T, CLColors as B, CLTableTypes as H, CLTextTypes as N } from "../../index.js";
|
|
4
|
-
import { g as R, c as m, a as V } from "../../chunks/utils-
|
|
5
|
+
import { g as R, c as m, a as V } from "../../chunks/utils-C9rOAW29.js";
|
|
5
6
|
import { useTheme as A } from "../../composables/useTheme.js";
|
|
6
|
-
import { _ as S } from "../../chunks/CLText.vue_vue_type_style_index_0_lang-
|
|
7
|
+
import { _ as S } from "../../chunks/CLText.vue_vue_type_style_index_0_lang-Cz9Sv2AC.js";
|
|
7
8
|
const F = () => {
|
|
8
9
|
const { borderRadius: o, colors: l, darkMode: e } = A(), i = e.value ? p.Dark : p.Light, t = R({
|
|
9
10
|
color: B.Neutral,
|
|
@@ -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-card{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;transition-property:background-color;transition-duration:.3s;transition-timing-function:ease;width:var(--v788294c1);height:var(--v7e01098c);flex-direction:column;overflow:var(--v561da727)}.clll-card .clll-card__content{position:relative;width:100%;z-index:var(--clll-z-index-10)}.clll-card .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-4)}.clll-card .clll-card__header{position:relative;z-index:var(--clll-z-index-10)}.clll-card .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-card .clll-card__header .clll-link{width:auto}.clll-card.clll-card--has-truncated-title .clll-card__header .clll-link{width:100%}.clll-card .clll-card__slot-content{position:relative;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0}.clll-card .clll-card__slot-content.busy>*:not(.clll-skeleton){visibility:hidden}.clll-card .clll-card__slot-content.busy .clll-skeleton{position:absolute;left:0}.clll-card .clll-card__hover-elem{z-index:0;position:absolute;top:0;left:0;background-color:#0000000d;width:100%;height:100%;opacity:0;transition:all .3s ease}.clll-card.clll-card--image-before,.clll-card.clll-card--image-after{flex-wrap:wrap;flex-direction:row}.clll-card.clll-card--image-before .clll-card__content,.clll-card.clll-card--image-after .clll-card__content{display:flex;flex-direction:column;height:100%;flex:1 1 0%}.clll-card.clll-card--image-before .clll-card__content .clll-card__slot,.clll-card.clll-card--image-after .clll-card__content .clll-card__slot{flex:1 1 0%}.clll-card.clll-card--rounded{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--rounded-full,.clll-card.clll-card--rounded.clll-card--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-card.clll-card--rounded.clll-card--rounded-lg,.clll-card.clll-card--rounded.clll-card--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-card.clll-card--rounded.clll-card--rounded-md,.clll-card.clll-card--rounded.clll-card--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-card.clll-card--rounded.clll-card--rounded-sm,.clll-card.clll-card--rounded.clll-card--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--rounded-xs,.clll-card.clll-card--rounded.clll-card--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-card.clll-card--rounded.clll-card--rounded-xl,.clll-card.clll-card--rounded.clll-card--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-card.clll-card--rounded.clll-card--rounded-2xl,.clll-card.clll-card--rounded.clll-card--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-card.clll-card--rounded.clll-card--rounded-3xl,.clll-card.clll-card--rounded.clll-card--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-card.clll-card--rounded.clll-card--rounded-none,.clll-card.clll-card--rounded.clll-card--rounded-none .clll-{border-radius:0}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-full .clll-card__image{border-radius:var(--clll-rounded-full)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-lg .clll-card__image{border-radius:var(--clll-rounded-lg)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-md .clll-card__image{border-radius:var(--clll-rounded-md)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-sm .clll-card__image{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-xs .clll-card__image{border-radius:var(--clll-rounded-xs)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-xl .clll-card__image{border-radius:var(--clll-rounded-xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-2xl .clll-card__image{border-radius:var(--clll-rounded-2xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-3xl .clll-card__image{border-radius:var(--clll-rounded-3xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-none .clll-card__image{border-radius:0}.clll-card.clll-card--tiny,.clll-card.clll-card--tiny.clll-card--has-image .clll-card__header{padding:var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-1) var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--tiny.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--tiny.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--small,.clll-card.clll-card--small.clll-card--has-image .clll-card__header{padding:var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-3) var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--small.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--small.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--medium,.clll-card.clll-card--medium.clll-card--has-image .clll-card__header{padding:var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-4) var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--medium.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--medium.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--large,.clll-card.clll-card--large.clll-card--has-image .clll-card__header{padding:var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-6) var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--large.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--large.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--xlarge,.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__header{padding:var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-8) var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--xlarge.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--xlarge.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--active{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-card.clll-card--busy{pointer-events:none}.clll-card.clll-card--busy .clll-heading,.clll-card.clll-card--busy .clll-text,.clll-card.clll-card--busy .clll-icon,.clll-card.clll-card--busy .clll-card__image__elem{opacity:0}.clll-card.clll-card--busy .clll-card__slot-content{overflow:hidden}.clll-card .clll-card__image{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;display:flex;width:var(--v6ce6f310);height:var(--v1628751d);justify-content:center;z-index:var(--clll-z-index-10)}.clll-card .clll-card__image .clll-card__image__elem{width:100%;height:100%;object-fit:cover}.clll-card.clll-card--has-image{padding:0}.clll-card.clll-card--has-image .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--has-image .clll-card__content .clll-card__slot{flex:1 1 0%}.clll-card.clll-card--has-link{cursor:pointer;outline-offset:2px}.clll-card.clll-card--has-link:hover .clll-card__hover-elem{opacity:1}.clll-card.clll-card--has-link:hover .clll-card__header .clll-button .clll-button__content .clll-heading{text-decoration-line:underline;text-underline-offset:var(--clll-py-s-xs)}.clll-card.clll-card--bordered{border-style:solid;border-width:1px}.clll-card.clll-card--transparent{border:none;background-color:transparent}.clll-card.clll-card--transparent.clll-card--has-image.clll-card--rounded .clll-card__image{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--transparent:hover .clll-card__hover-elem{opacity:0}.clll-card.clll-card--align-left{text-align:left}.clll-card.clll-card--align-center{text-align:center}.clll-card.clll-card--align-right{text-align:right}.clll-card.clll-card--no-padding{padding:0}.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__header,.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__slot{padding-left:0;padding-right:0}.clll-card.clll-card--no-content .clll-card__content .clll-card__slot{display:none;padding:0}.clll-card.clll-card--no-content.clll-card--no-heading.clll-card--has-footer.clll-card--no-header .clll-card__content .clll-card__footer{margin-top:0}.clll-card.clll-card--no-footer .clll-card__content .clll-card__footer{display:none}.clll-card.clll-card--no-heading .clll-card__content .clll-card__slot{margin-top:0}.clll-card.clll-card--elevated{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-card .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
|
+
.clll-card{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;transition-property:background-color;transition-duration:.3s;transition-timing-function:ease;width:var(--v788294c1);height:var(--v7e01098c);flex-direction:column;overflow:var(--v561da727)}.clll-card .clll-card__content{position:relative;width:100%;z-index:var(--clll-z-index-10)}.clll-card .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-4)}.clll-card .clll-card__header{position:relative;z-index:var(--clll-z-index-10)}.clll-card .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-card .clll-card__header .clll-link{width:auto}.clll-card.clll-card--has-truncated-title .clll-card__header .clll-link{width:100%}.clll-card .clll-card__slot-content{position:relative;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0}.clll-card .clll-card__slot-content.busy>*:not(.clll-skeleton){visibility:hidden}.clll-card .clll-card__slot-content.busy .clll-skeleton{position:absolute;left:0}.clll-card .clll-card__hover-elem{z-index:0;position:absolute;top:0;left:0;background-color:#0000000d;width:100%;height:100%;opacity:0;transition:all .3s ease}.clll-card.clll-card--image-before,.clll-card.clll-card--image-after{flex-wrap:wrap;flex-direction:row}.clll-card.clll-card--image-before .clll-card__content,.clll-card.clll-card--image-after .clll-card__content{display:flex;flex-direction:column;height:100%;flex:1 1 0%}.clll-card.clll-card--image-before .clll-card__content .clll-card__slot,.clll-card.clll-card--image-after .clll-card__content .clll-card__slot{flex:1 1 0%}.clll-card.clll-card--rounded{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--rounded-full,.clll-card.clll-card--rounded.clll-card--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-card.clll-card--rounded.clll-card--rounded-lg,.clll-card.clll-card--rounded.clll-card--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-card.clll-card--rounded.clll-card--rounded-md,.clll-card.clll-card--rounded.clll-card--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-card.clll-card--rounded.clll-card--rounded-sm,.clll-card.clll-card--rounded.clll-card--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--rounded-xs,.clll-card.clll-card--rounded.clll-card--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-card.clll-card--rounded.clll-card--rounded-xl,.clll-card.clll-card--rounded.clll-card--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-card.clll-card--rounded.clll-card--rounded-2xl,.clll-card.clll-card--rounded.clll-card--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-card.clll-card--rounded.clll-card--rounded-3xl,.clll-card.clll-card--rounded.clll-card--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-card.clll-card--rounded.clll-card--rounded-none,.clll-card.clll-card--rounded.clll-card--rounded-none .clll-{border-radius:0}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-full .clll-card__image{border-radius:var(--clll-rounded-full)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-lg .clll-card__image{border-radius:var(--clll-rounded-lg)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-md .clll-card__image{border-radius:var(--clll-rounded-md)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-sm .clll-card__image{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-xs .clll-card__image{border-radius:var(--clll-rounded-xs)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-xl .clll-card__image{border-radius:var(--clll-rounded-xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-2xl .clll-card__image{border-radius:var(--clll-rounded-2xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-3xl .clll-card__image{border-radius:var(--clll-rounded-3xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-none .clll-card__image{border-radius:0}.clll-card.clll-card--tiny,.clll-card.clll-card--tiny.clll-card--has-image .clll-card__header{padding:var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-1) var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--tiny.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--tiny.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--small,.clll-card.clll-card--small.clll-card--has-image .clll-card__header{padding:var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-3) var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--small.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--small.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--medium,.clll-card.clll-card--medium.clll-card--has-image .clll-card__header{padding:var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-4) var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--medium.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--medium.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--large,.clll-card.clll-card--large.clll-card--has-image .clll-card__header{padding:var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-6) var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--large.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--large.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--xlarge,.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__header{padding:var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-8) var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--xlarge.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--xlarge.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--active{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-card.clll-card--busy{pointer-events:none}.clll-card.clll-card--busy .clll-heading,.clll-card.clll-card--busy .clll-text,.clll-card.clll-card--busy .clll-icon,.clll-card.clll-card--busy .clll-card__image__elem{opacity:0}.clll-card.clll-card--busy .clll-card__slot-content{overflow:hidden}.clll-card .clll-card__image{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;display:flex;width:var(--v6ce6f310);height:var(--v1628751d);justify-content:center;z-index:var(--clll-z-index-10)}.clll-card .clll-card__image .clll-card__image__elem{width:100%;height:100%;object-fit:cover}.clll-card.clll-card--has-image{padding:0}.clll-card.clll-card--has-image .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--has-image .clll-card__content .clll-card__slot{flex:1 1 0%}.clll-card.clll-card--has-link{cursor:pointer;outline-offset:2px}.clll-card.clll-card--has-link:hover .clll-card__hover-elem{opacity:1}.clll-card.clll-card--has-link:hover .clll-card__header .clll-button .clll-button__content .clll-heading{text-decoration-line:underline;text-underline-offset:var(--clll-py-s-xs)}.clll-card.clll-card--bordered{border-style:solid;border-width:1px}.clll-card.clll-card--transparent{border:none;background-color:transparent}.clll-card.clll-card--transparent.clll-card--has-image.clll-card--rounded .clll-card__image{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--transparent:hover .clll-card__hover-elem{opacity:0}.clll-card.clll-card--align-left{text-align:left}.clll-card.clll-card--align-center{text-align:center}.clll-card.clll-card--align-right{text-align:right}.clll-card.clll-card--no-padding{padding:0}.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__header,.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__slot{padding-left:0;padding-right:0}.clll-card.clll-card--no-content .clll-card__content .clll-card__slot{display:none;padding:0}.clll-card.clll-card--no-content.clll-card--no-heading.clll-card--has-footer.clll-card--no-header .clll-card__content .clll-card__footer{margin-top:0}.clll-card.clll-card--no-footer .clll-card__content .clll-card__footer{display:none}.clll-card.clll-card--no-heading .clll-card__content .clll-card__slot{margin-top:0}.clll-card.clll-card--elevated{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-card .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,5 +1,6 @@
|
|
|
1
|
+
import '../../../assets/core.css';
|
|
1
2
|
import './CLCard.css';
|
|
2
|
-
import { _ as r } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import { _ as r } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-CpReGucs.js";
|
|
3
4
|
export {
|
|
4
5
|
r as CLCard,
|
|
5
6
|
r as default
|
|
@@ -67,13 +67,13 @@ export interface CLCardProps {
|
|
|
67
67
|
}
|
|
68
68
|
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLCardProps> & Readonly<{}>, {
|
|
69
69
|
color: CLColors;
|
|
70
|
-
width: string;
|
|
71
|
-
height: string;
|
|
72
70
|
variant: CLColorVariants;
|
|
73
71
|
rounded: boolean;
|
|
74
72
|
testId: string;
|
|
75
73
|
type: CLCardTypes;
|
|
76
74
|
target: CLLinkTarget;
|
|
75
|
+
width: string;
|
|
76
|
+
height: string;
|
|
77
77
|
align: CLAlign;
|
|
78
78
|
active: boolean;
|
|
79
79
|
busy: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.clll-carousel{position:relative;width:var(--v512ef87c)}.clll-carousel>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-2)}.clll-carousel{box-sizing:border-box}.clll-carousel .clll-carousel__slides{position:relative;width:100%}@media(min-width:640px){.clll-carousel .clll-carousel__slides{-ms-overflow-style:none;scrollbar-width:none}.clll-carousel .clll-carousel__slides::-webkit-scrollbar{width:0!important}}.clll-carousel .clll-carousel__slides>*{flex:none}.clll-carousel .clll-carousel__slides .clll-carousel__slide{width:var(--v34e944c2)}.clll-carousel .clll-carousel__slide-controls{align-items:center;display:flex;min-height:32px}.clll-carousel .clll-carousel__slide-controls>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-carousel .clll-carousel__slide-controls.clll-carousel__slide-controls--inline{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;margin-top:0;pointer-events:none}.clll-carousel .clll-carousel__slide-controls.clll-carousel__slide-controls--inline .clll-carousel__navigation{width:100%}.clll-carousel .clll-carousel__slide-controls.clll-carousel__slide-controls--hascustomtitle .clll-carousel__custom-title{display:block}.clll-carousel .clll-carousel__slide-controls[hidden]{height:0}.clll-carousel .clll-carousel__slide-controls .clll-carousel__title{overflow:hidden;flex:1 1 0%}.clll-carousel .clll-carousel__slide-controls .clll-carousel__custom-title{display:none;flex:1 1 0%}.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation{display:flex;align-items:center;height:2.25rem}.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation.clll-carousel__navigation--after,.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation.clll-carousel__navigation--before{flex:1}.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation.clll-carousel__navigation--left{justify-content:left}.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation.clll-carousel__navigation--center{justify-content:center}.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation.clll-carousel__navigation--right{justify-content:right}.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation .clll-carousel__numbered-container{display:flex;align-items:center}.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation .clll-carousel__numbered-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation .clll-carousel__numbered-container .clll-carousel__page-indicator,.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation .clll-carousel__numbered-container .clll-carousel__prev-page,.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation .clll-carousel__numbered-container .clll-carousel__next-page{display:block}.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation .clll-carousel__dots-container{display:flex;flex-direction:row;align-items:center}.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation .clll-carousel__dots-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation .clll-carousel__inline-container{display:flex;width:100%}.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation .clll-carousel__inline-container .clll-carousel__prev-page,.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation .clll-carousel__inline-container .clll-carousel__next-page{position:relative;display:flex;flex:1 1 0%}.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation .clll-carousel__inline-container .clll-carousel__prev-page .clll-button,.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation .clll-carousel__inline-container .clll-carousel__next-page .clll-button{pointer-events:all}.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation .clll-carousel__inline-container .clll-carousel__prev-page{left:0}.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation .clll-carousel__inline-container .clll-carousel__next-page{right:0;justify-content:flex-end}.clll-carousel.clll-carousel--hastitle .clll-carousel__slide-controls--inline{margin-top:16px}.clll-carousel.clll-carousel--inline{padding-left:var(--clll-unit-10);padding-right:var(--clll-unit-10)}.clll-carousel.clll-carousel--enabled .clll-carousel__slides{display:flex;width:100%;overflow-x:scroll;white-space:nowrap;padding:var(--clll-unit-1) 0}@media(min-width:640px){.clll-carousel.clll-carousel--enabled .clll-carousel__slides{overflow-x:scroll}}.clll-carousel.clll-carousel--disabled .clll-carousel__slides{display:block}.clll-carousel.clll-carousel--disabled .clll-carousel__page-indicator,.clll-carousel.clll-carousel--disabled .clll-carousel__prev-page,.clll-carousel.clll-carousel--disabled .clll-carousel__next-page{display:none}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import '../../../assets/core.css';
|
|
1
2
|
import './CLCarousel.css';
|
|
2
3
|
import { defineComponent as re, computed as u, createElementBlock as c, openBlock as s, Fragment as F, createCommentVNode as C, unref as e, normalizeClass as l, renderList as me, createBlock as he, createElementVNode as y, createVNode as x, withCtx as X, createTextVNode as Y, toDisplayString as q, useCssVars as be, ref as r, onMounted as we, onUnmounted as pe, watch as Ce, renderSlot as Z, nextTick as se } from "vue";
|
|
3
|
-
import { _ as E } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-
|
|
4
|
-
import { _ as ce } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-
|
|
4
|
+
import { _ as E } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-N3EWoTbB.js";
|
|
5
|
+
import { _ as ce } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-Cz9Sv2AC.js";
|
|
5
6
|
import { CLPaginationType as $, CLColorVariants as B, CLSizes as W, CLIconSizes as D, CLIconNames as O, CLTextTypes as xe, CLAlign as A, CLOrder as R, CLColors as ye } from "../../../index.js";
|
|
6
7
|
import { i as H, c as Pe, d as $e } from "../../../chunks/helper--hRjZVm6.js";
|
|
7
8
|
import { useHasSlotContent as Te } from "../../../composables/useHasSlotContent.js";
|
|
@@ -29,10 +29,10 @@ export interface CLCarouselProps {
|
|
|
29
29
|
}
|
|
30
30
|
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLCarouselProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLCarouselProps> & Readonly<{}>, {
|
|
31
31
|
color: CLColors;
|
|
32
|
-
width: string;
|
|
33
32
|
variant: CLColorVariants;
|
|
34
33
|
enabled: boolean;
|
|
35
34
|
testId: string;
|
|
35
|
+
width: string;
|
|
36
36
|
moreLabel: string;
|
|
37
37
|
paginationType: CLPaginationType;
|
|
38
38
|
controlAlign: CLAlign;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.clll-disclosure .clll-disclosure__trigger .clll-button{display:block}.clll-disclosure.clll-disclosure--tiny .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-disclosure.clll-disclosure--small .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2_5)}.clll-disclosure.clll-disclosure--medium .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-3)}.clll-disclosure.clll-disclosure--large .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-3_5)}.clll-disclosure.clll-disclosure--xlarge .clll-disclosure__heading>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-4_5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--tiny{padding:var(--clll-py-sm) var(--clll-unit-2)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--small{padding:var(--clll-py-md) var(--clll-unit-2_5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--medium{padding:var(--clll-py-lg) var(--clll-unit-3)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--large{padding:var(--clll-py-xl) var(--clll-unit-3_5)}.clll-disclosure.clll-disclosure--padded .clll-disclosure__content.clll-disclosure__content--xlarge{padding:var(--clll-py-2xl) var(--clll-unit-4_5)}.clll-disclosure.clll-disclosure--expanded .clll-disclosure__trigger .clll-button.clll-button--rounded{border-bottom-left-radius:0;border-bottom-right-radius:0}.clll-disclosure.clll-disclosure--expanded .clll-disclosure__content{display:block}.clll-disclosure.clll-disclosure--collapsed .clll-disclosure__content{display:none}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-full,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-lg,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-md,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-sm,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xs,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xl,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-2xl,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-3xl,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-none,.clll-disclosure.clll-disclosure--rounded.clll-disclosure--rounded-none .clll-{border-radius:0}.clll-disclosure.clll-disclosure--compact .clll-disclosure__trigger{padding:0}.clll-disclosure.clll-disclosure--compact .clll-disclosure__trigger .clll-button,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--tiny,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--small,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--medium,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--large,.clll-disclosure.clll-disclosure--compact .clll-disclosure__content.clll-disclosure__content--xlarge{padding:var(--clll-unit-1) 0}.clll-disclosure:not(.clll-disclosure--bordered){border:0}.clll-disclosure:not(.clll-disclosure--bordered) .clll-disclosure__trigger .clll-button{border:0}.clll-disclosure:not(.clll-disclosure--bordered) .clll-disclosure__content{border:0}.clll-disclosure .clll-disclosure__heading{display:flex;flex-direction:row;align-items:center}.clll-disclosure .clll-disclosure__heading .clll-heading{flex:1}.clll-disclosure:not(.clll-disclosure--hasheading) .clll-disclosure__text-subheading{flex:1 1 0%}
|
|
@@ -1,11 +1,12 @@
|
|
|
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 { d as F } from "../../../chunks/utils-DRsWhcFX.js";
|
|
9
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",
|
|
@@ -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",
|