@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.
Files changed (101) hide show
  1. package/README.md +5 -3
  2. package/dist/assets/CLFormCharCounter.css +1 -1
  3. package/dist/assets/CLInputMessages.css +1 -1
  4. package/dist/assets/core.css +1 -0
  5. package/dist/assets/shared/form-utilities.css +1 -0
  6. 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
  7. 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
  8. 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
  9. 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
  10. 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
  11. 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
  12. 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
  13. 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
  14. 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
  15. 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
  16. 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
  17. 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
  18. 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
  19. 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
  20. 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
  21. package/dist/chunks/base-theme-Bg6XMoeN.js +275 -0
  22. package/dist/chunks/{utils-aUf_lkSP.js → utils-Bp7YeySh.js} +1 -1
  23. package/dist/chunks/{utils-UApzileu.js → utils-C9rOAW29.js} +1 -1
  24. package/dist/chunks/{utils-CXZw87Wc.js → utils-D-5TdmRW.js} +1 -1
  25. package/dist/chunks/{utils-m8fomrFl.js → utils-DRsWhcFX.js} +1 -1
  26. package/dist/chunks/{utils-B7dbJd6n.js → utils-DVR3a-_d.js} +1 -1
  27. package/dist/chunks/{utils-Dgc7kbbm.js → utils-nC7WS9e0.js} +1 -1
  28. package/dist/components/Buttons/CLA11yButton/CLA11yButton.css +1 -1
  29. package/dist/components/Buttons/CLA11yButton/CLA11yButton.js +2 -1
  30. package/dist/components/Buttons/CLButton/CLButton.css +1 -1
  31. package/dist/components/Buttons/CLButton/CLButton.js +2 -1
  32. package/dist/components/Buttons/CLButton/CLButton.vue.d.ts +3 -3
  33. package/dist/components/CLIcon/CLIcon.css +1 -1
  34. package/dist/components/CLIcon/CLIcon.js +2 -1
  35. package/dist/components/CLTable/CLTable.css +1 -1
  36. package/dist/components/CLTable/CLTable.js +3 -2
  37. package/dist/components/Containers/CLCard/CLCard.css +1 -1
  38. package/dist/components/Containers/CLCard/CLCard.js +2 -1
  39. package/dist/components/Containers/CLCard/CLCard.vue.d.ts +2 -2
  40. package/dist/components/Containers/CLCarousel/CLCarousel.css +1 -1
  41. package/dist/components/Containers/CLCarousel/CLCarousel.js +3 -2
  42. package/dist/components/Containers/CLCarousel/CLCarousel.vue.d.ts +1 -1
  43. package/dist/components/Containers/CLDisclosure/CLDisclosure.css +1 -1
  44. package/dist/components/Containers/CLDisclosure/CLDisclosure.js +6 -5
  45. package/dist/components/Form/CLCheckbox/CLCheckbox.css +1 -1
  46. package/dist/components/Form/CLCheckbox/CLCheckbox.js +5 -3
  47. package/dist/components/Form/CLCheckbox/CLCheckbox.vue.d.ts +2 -2
  48. package/dist/components/Form/CLInput/CLInput.css +1 -1
  49. package/dist/components/Form/CLInput/CLInput.js +7 -5
  50. package/dist/components/Form/CLInput/CLInput.vue.d.ts +2 -2
  51. package/dist/components/Form/CLRadioButton/CLRadioButton.css +1 -1
  52. package/dist/components/Form/CLRadioButton/CLRadioButton.js +4 -2
  53. package/dist/components/Form/CLRadioButton/CLRadioButton.vue.d.ts +1 -1
  54. package/dist/components/Form/CLSelect/CLSelect.css +1 -1
  55. package/dist/components/Form/CLSelect/CLSelect.js +5 -3
  56. package/dist/components/Form/CLSelect/CLSelect.vue.d.ts +1 -1
  57. package/dist/components/Form/CLTextArea/CLTextArea.css +1 -1
  58. package/dist/components/Form/CLTextArea/CLTextArea.js +4 -2
  59. package/dist/components/Form/CLTextArea/CLTextArea.vue.d.ts +1 -1
  60. package/dist/components/Indicators/CLBadge/CLBadge.css +1 -1
  61. package/dist/components/Indicators/CLBadge/CLBadge.js +2 -1
  62. package/dist/components/Indicators/CLBanner/CLBanner.css +1 -1
  63. package/dist/components/Indicators/CLBanner/CLBanner.js +7 -6
  64. package/dist/components/Indicators/CLBanner/CLBanner.vue.d.ts +2 -2
  65. package/dist/components/Indicators/CLPill/CLPill.css +1 -1
  66. package/dist/components/Indicators/CLPill/CLPill.js +2 -1
  67. package/dist/components/Indicators/CLProgress/CLProgress.css +1 -1
  68. package/dist/components/Indicators/CLProgress/CLProgress.js +2 -1
  69. package/dist/components/Loading/CLSkeleton/CLSkeleton.css +1 -1
  70. package/dist/components/Loading/CLSkeleton/CLSkeleton.js +2 -1
  71. package/dist/components/Loading/CLSkeleton/CLSkeleton.vue.d.ts +2 -2
  72. package/dist/components/Loading/CLSpinner/CLSpinner.css +1 -1
  73. package/dist/components/Loading/CLSpinner/CLSpinner.js +2 -1
  74. package/dist/components/Modals/CLModal/CLModal.css +1 -1
  75. package/dist/components/Modals/CLModal/CLModal.js +4 -3
  76. package/dist/components/Navigation/CLLink/CLLink.css +1 -1
  77. package/dist/components/Navigation/CLLink/CLLink.js +2 -1
  78. package/dist/components/Navigation/CLNavLink/CLNavLink.js +2 -1
  79. package/dist/components/Navigation/CLNavSection/CLNavSection.css +1 -1
  80. package/dist/components/Navigation/CLNavSection/CLNavSection.js +3 -2
  81. package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.css +1 -1
  82. package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.js +3 -2
  83. package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.vue.d.ts +7 -7
  84. package/dist/components/Popups/CLToast/CLToast.css +1 -1
  85. package/dist/components/Popups/CLToast/CLToast.js +2 -1
  86. package/dist/components/Popups/CLToast/CLToast.vue.d.ts +1 -1
  87. package/dist/components/Providers/CLThemeProvider/CLThemeProvider.js +20 -17
  88. package/dist/components/Providers/CLToastProvider/CLToastProvider.js +2 -1
  89. package/dist/components/Typography/CLHeading/CLHeading.css +1 -1
  90. package/dist/components/Typography/CLHeading/CLHeading.js +2 -1
  91. package/dist/components/Typography/CLText/CLText.css +1 -1
  92. package/dist/components/Typography/CLText/CLText.js +2 -1
  93. package/dist/composables/useDropdown.js +1 -0
  94. package/dist/composables/useEsc.js +1 -0
  95. package/dist/composables/useHasSlotContent.js +1 -0
  96. package/dist/composables/useTheme.js +9 -11
  97. package/dist/composables/useToast.js +1 -0
  98. package/dist/index.js +1 -0
  99. package/dist/utils/merge.d.ts +18 -0
  100. package/package.json +28 -28
  101. package/dist/chunks/base-theme-CYXVp7iK.js +0 -774
package/README.md CHANGED
@@ -13,10 +13,11 @@ Callaloo is a Vue UI library. It is easy to integrate into any Vue3+ project, ha
13
13
 
14
14
  ## Installation
15
15
 
16
- ```sh [pnpm]
17
- $ pnpm add @codeandfunction/callaloo
16
+ ```sh
17
+ pnpm add @codeandfunction/callaloo
18
18
  ```
19
19
 
20
+ **or**
20
21
 
21
22
  ```sh
22
23
  npm install @codeandfunction/callaloo
@@ -36,6 +37,7 @@ The following example demonstrates how to use a Callaloo component in your Vue p
36
37
  <script setup lang="ts">
37
38
  import CLThemeProvider from '@codeandfunction/callaloo/CLThemeProvider';
38
39
  import CLButton from '@codeandfunction/callaloo/CLButton';
40
+ import { CLSizes } from '@codeandfunction/callaloo';
39
41
 
40
42
  const onClickHandler = (evt?: Event) => {
41
43
  alert('Hello World!');
@@ -45,7 +47,7 @@ const onClickHandler = (evt?: Event) => {
45
47
  <template>
46
48
  <div class="my-awesome-app">
47
49
  <CLThemeProvider>
48
- <CLButton :on-click="onClickHandler">Hello world</CLButton>
50
+ <CLButton :on-click="onClickHandler" :size="CLSizes.Medium">Hello world</CLButton>
49
51
  </CLThemeProvider>
50
52
  </div>
51
53
  </template>
@@ -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-form-char-counter{pointer-events:none;user-select:none}.clll-form-char-counter--inline{max-width:100px;box-sizing:border-box;flex:1;position:relative}.clll-form-char-counter--block{display:block;width:100%;text-align:right;box-sizing:border-box;position:relative}.clll-form-char-counter__char-counter__text{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased}.clll-form-char-counter--tiny .clll-form-char-counter__char-counter__text{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-form-char-counter--small .clll-form-char-counter__char-counter__text{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-form-char-counter--medium .clll-form-char-counter__char-counter__text{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-form-char-counter--large .clll-form-char-counter__char-counter__text{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-form-char-counter--xlarge .clll-form-char-counter__char-counter__text{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}
1
+ .clll-form-char-counter{pointer-events:none;user-select:none}.clll-form-char-counter--inline{max-width:100px;box-sizing:border-box;flex:1;position:relative}.clll-form-char-counter--block{display:block;width:100%;text-align:right;box-sizing:border-box;position:relative}.clll-form-char-counter__char-counter__text{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased}.clll-form-char-counter--tiny .clll-form-char-counter__char-counter__text{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-form-char-counter--small .clll-form-char-counter__char-counter__text{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-form-char-counter--medium .clll-form-char-counter__char-counter__text{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-form-char-counter--large .clll-form-char-counter__char-counter__text{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-form-char-counter--xlarge .clll-form-char-counter__char-counter__text{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}
@@ -1 +1 @@
1
- .clll-form-field{position:relative;flex:none;display:inline-flex;flex-direction:column;flex-wrap:wrap;box-sizing:border-box}.clll-form-field.clll-form-field--fluid{width:100%}.clll-form-field.clll-form-field--haspill>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1_5)}.clll-form-field.clll-form-field--horizontal{display:flex;flex-direction:row}.clll-form-field.clll-form-field--horizontal.clll-form-field--haspill .clll-input__pill,.clll-form-field.clll-form-field--horizontal.clll-form-field--haspill .clll-input__spacer{width:50%}: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__message{margin-top:var(--clll-unit-1);width:100%}.clll-input__message .clll-input__message__text{font-size:var(--clll-unit-3);font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0}
1
+ .clll-form-field{position:relative;flex:none;display:inline-flex;flex-direction:column;flex-wrap:wrap;box-sizing:border-box}.clll-form-field.clll-form-field--fluid{width:100%}.clll-form-field.clll-form-field--haspill>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1_5)}.clll-form-field.clll-form-field--horizontal{display:flex;flex-direction:row}.clll-form-field.clll-form-field--horizontal.clll-form-field--haspill .clll-input__pill,.clll-form-field.clll-form-field--horizontal.clll-form-field--haspill .clll-input__spacer{width:50%}.clll-input__message{margin-top:var(--clll-unit-1);width:100%}.clll-input__message .clll-input__message__text{font-size:var(--clll-unit-3);font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0}
@@ -0,0 +1 @@
1
+ :root{--clll-unit-0: 0;--clll-unit-0_5: .125rem;--clll-unit-1: .25rem;--clll-unit-1_5: .375rem;--clll-unit-2: .5rem;--clll-unit-2_5: .625rem;--clll-unit-3: .75rem;--clll-unit-3_5: .875rem;--clll-unit-4: 1rem;--clll-unit-4_5: 1.125rem;--clll-unit-5: 1.25rem;--clll-unit-5_5: 1.375rem;--clll-unit-6: 1.5rem;--clll-unit-6_5: 1.625rem;--clll-unit-7: 1.75rem;--clll-unit-7_5: 1.875rem;--clll-unit-8: 2rem;--clll-unit-8_5: 2.125rem;--clll-unit-9_5: 2.375rem;--clll-unit-10: 2.5rem;--clll-unit-10_5: 2.625rem;--clll-unit-12: 3rem;--clll-unit-14: 3.5rem;--clll-unit-14_5: 3.625rem;--clll-unit-18: 4.5rem}: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}
@@ -0,0 +1 @@
1
+ .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}
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as b, ref as p, computed as y, createElementBlock as k, openBlock as C, withKeys as B, normalizeClass as E, unref as s, renderSlot as x } from "vue";
2
2
  import { CLColors as A } from "../index.js";
3
- import { a as _ } from "./utils-aUf_lkSP.js";
3
+ import { a as _ } from "./utils-Bp7YeySh.js";
4
4
  const g = ["data-testid", "tabindex"], w = /* @__PURE__ */ b({
5
5
  name: "CLA11yButton",
6
6
  __name: "CLA11yButton",
@@ -1,8 +1,8 @@
1
1
  import { defineComponent as C, useSlots as h, ref as S, computed as z, onMounted as B, nextTick as g, createBlock as n, openBlock as i, resolveDynamicComponent as L, normalizeStyle as k, normalizeClass as s, unref as l, withCtx as w, createCommentVNode as d, createElementBlock as A, renderSlot as R } from "vue";
2
- import { _ as c } from "./CLIcon.vue_vue_type_style_index_0_lang-YdXhAQ8-.js";
3
- import { _ as T } from "./CLSpinner.vue_vue_type_style_index_0_lang-BsI680jS.js";
2
+ import { _ as c } from "./CLIcon.vue_vue_type_style_index_0_lang-BaCl5yQI.js";
3
+ import { _ as T } from "./CLSpinner.vue_vue_type_style_index_0_lang-DskZL4VC.js";
4
4
  import { CLColorVariants as I, CLButtonTypes as x, CLLinkTarget as M, CLSizes as o, CLIconSizes as m, CLColors as F, CLAlign as b, CLPosition as N } from "../index.js";
5
- import { b as V } from "./utils-aUf_lkSP.js";
5
+ import { b as V } from "./utils-Bp7YeySh.js";
6
6
  import { useHasSlotContent as D } from "../composables/useHasSlotContent.js";
7
7
  const J = /* @__PURE__ */ C({
8
8
  name: "CLButton",
@@ -1,10 +1,10 @@
1
1
  import { defineComponent as W, useCssVars as I, useSlots as D, ref as v, computed as F, onMounted as K, nextTick as M, createElementBlock as r, openBlock as n, withKeys as q, normalizeClass as d, unref as l, createCommentVNode as o, createElementVNode as u, withDirectives as S, createVNode as z, vShow as x, createBlock as c, renderSlot as s, Fragment as G, withCtx as y, createTextVNode as k, toDisplayString as b } from "vue";
2
- import { _ as A } from "./CLHeading.vue_vue_type_style_index_0_lang-HzXfA-v_.js";
3
- import { _ as j } from "./CLLink.vue_vue_type_style_index_0_lang-iHWgurk-.js";
4
- import { _ as m } from "./CLSkeleton.vue_vue_type_style_index_0_lang-BDGFXnrV.js";
5
- import { _ as J } from "./CLText.vue_vue_type_style_index_0_lang-CPdNgG4V.js";
2
+ import { _ as A } from "./CLHeading.vue_vue_type_style_index_0_lang-BcCh5-Bx.js";
3
+ import { _ as j } from "./CLLink.vue_vue_type_style_index_0_lang-BMUevw_4.js";
4
+ import { _ as m } from "./CLSkeleton.vue_vue_type_style_index_0_lang-DblqrUXo.js";
5
+ import { _ as J } from "./CLText.vue_vue_type_style_index_0_lang-Cz9Sv2AC.js";
6
6
  import { CLColorVariants as E, CLCardTypes as P, CLHeadingTypes as Q, CLHeadingLevels as U, CLLinkTarget as X, CLOverflow as Y, CLLoading as Z, CLColors as p, CLAlign as _, CLOrder as O, CLTextTypes as ee } from "../index.js";
7
- import { c as ae } from "./utils-m8fomrFl.js";
7
+ import { c as ae } from "./utils-DRsWhcFX.js";
8
8
  import { useHasSlotContent as te } from "../composables/useHasSlotContent.js";
9
9
  const le = ["data-testid", "tabindex"], ie = ["alt", "loading", "src"], ne = ["alt", "loading", "src"], de = ["aria-label", "href", "target"], ye = /* @__PURE__ */ W({
10
10
  name: "CLCard",
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as r, createElementBlock as i, openBlock as o, normalizeClass as a, createVNode as m, unref as d, withCtx as n, createTextVNode as c, toDisplayString as f } from "vue";
2
- import { _ as u } from "./CLText.vue_vue_type_style_index_0_lang-CPdNgG4V.js";
2
+ import { _ as u } from "./CLText.vue_vue_type_style_index_0_lang-Cz9Sv2AC.js";
3
3
  import { CLSizes as l, CLTextTypes as t } from "../index.js";
4
4
  const b = ["for", "data-testid"], h = /* @__PURE__ */ r({
5
5
  name: "CLFormLabel",
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as i, computed as r, createBlock as u, openBlock as f, resolveDynamicComponent as p, unref as o, normalizeClass as m, withCtx as g, renderSlot as C } from "vue";
2
2
  import { CLHeadingTypes as l, CLColors as $, CLAlign as L, CLHeadingLevels as n } from "../index.js";
3
- import { t as h } from "./utils-Dgc7kbbm.js";
3
+ import { t as h } from "./utils-nC7WS9e0.js";
4
4
  const T = /* @__PURE__ */ i({
5
5
  name: "CLHeading",
6
6
  __name: "CLHeading",
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as p, useCssVars as y, computed as v, onMounted as X, createElementBlock as a, openBlock as m, normalizeClass as u, unref as w, createElementVNode as B } from "vue";
2
2
  import { CLMode as f, CLColors as h, CLColorVariants as I, CLIconSizes as e } from "../index.js";
3
- import { g as x, a as z, c as S } from "./utils-UApzileu.js";
3
+ import { g as x, a as z, c as S } from "./utils-C9rOAW29.js";
4
4
  import { useTheme as M } from "../composables/useTheme.js";
5
5
  import { i as $ } from "./helper--hRjZVm6.js";
6
6
  const b = ({ color: o = h.Neutral }) => {
@@ -1,7 +1,7 @@
1
1
  import { defineComponent as G, createElementBlock as W, openBlock as R, normalizeClass as O, unref as E, renderSlot as N, Fragment as A, renderList as H, createElementVNode as I, toDisplayString as j } from "vue";
2
2
  import { CLOrientation as J, CLMode as x, CLColorVariants as n, CLColors as K } from "../index.js";
3
3
  import { useTheme as L } from "../composables/useTheme.js";
4
- import { g as w, c as r, b as q, f as M, a as S } from "./utils-UApzileu.js";
4
+ import { g as w, c as r, b as q, f as M, a as S } from "./utils-C9rOAW29.js";
5
5
  const B = "clll-form-field", m = /* @__PURE__ */ G({
6
6
  __name: "CLFormField",
7
7
  props: {
@@ -1,7 +1,7 @@
1
1
  import { defineComponent as x, computed as C, createElementBlock as k, openBlock as d, normalizeClass as b, unref as l, renderSlot as L, createBlock as $, createCommentVNode as g } from "vue";
2
- import { _ as h } from "./CLIcon.vue_vue_type_style_index_0_lang-YdXhAQ8-.js";
2
+ import { _ as h } from "./CLIcon.vue_vue_type_style_index_0_lang-BaCl5yQI.js";
3
3
  import { CLMode as u, CLColors as m, CLColorVariants as v, CLLinkTarget as y, CLIconSizes as B, CLIconNames as p } from "../index.js";
4
- import { g as w, a as z, f as I, c as T } from "./utils-UApzileu.js";
4
+ import { g as w, a as z, f as I, c as T } from "./utils-C9rOAW29.js";
5
5
  import { useTheme as D } from "../composables/useTheme.js";
6
6
  const H = ({
7
7
  color: e = m.Primary,
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as i, createBlock as o, openBlock as c, unref as d, withCtx as f, renderSlot as m } from "vue";
2
- import { _ as u } from "./CLLink.vue_vue_type_style_index_0_lang-iHWgurk-.js";
2
+ import { _ as u } from "./CLLink.vue_vue_type_style_index_0_lang-BMUevw_4.js";
3
3
  import { CLColors as k } from "../index.js";
4
4
  const x = /* @__PURE__ */ i({
5
5
  name: "CLNavLink",
@@ -1,8 +1,8 @@
1
1
  import { defineComponent as v, computed as d, createElementBlock as i, openBlock as t, Fragment as y, createCommentVNode as o, createBlock as u, normalizeClass as c, unref as a, createElementVNode as s, toDisplayString as r, withCtx as h } from "vue";
2
- import { _ as b } from "./CLButton.vue_vue_type_style_index_0_lang-DiT4TwiW.js";
3
- import { _ as m } from "./CLIcon.vue_vue_type_style_index_0_lang-YdXhAQ8-.js";
2
+ import { _ as b } from "./CLButton.vue_vue_type_style_index_0_lang-N3EWoTbB.js";
3
+ import { _ as m } from "./CLIcon.vue_vue_type_style_index_0_lang-BaCl5yQI.js";
4
4
  import { CLColorVariants as z, CLColors as B, CLIconSizes as $ } from "../index.js";
5
- import { p as f } from "./utils-B7dbJd6n.js";
5
+ import { p as f } from "./utils-DVR3a-_d.js";
6
6
  const L = ["data-testid"], E = /* @__PURE__ */ v({
7
7
  name: "CLPill",
8
8
  __name: "CLPill",
@@ -1,7 +1,7 @@
1
1
  import { defineComponent as p, mergeModels as _, useCssVars as $, useModel as C, computed as d, createElementBlock as n, openBlock as c, normalizeClass as s, unref as t, createCommentVNode as v, createElementVNode as a, createVNode as y, withCtx as g, createTextVNode as V, toDisplayString as x } from "vue";
2
- import { _ as N } from "./CLText.vue_vue_type_style_index_0_lang-CPdNgG4V.js";
2
+ import { _ as N } from "./CLText.vue_vue_type_style_index_0_lang-Cz9Sv2AC.js";
3
3
  import { CLTextTypes as B, CLColors as u, CLSizes as L } from "../index.js";
4
- import { a as b } from "./utils-B7dbJd6n.js";
4
+ import { a as b } from "./utils-DVR3a-_d.js";
5
5
  const h = ["data-testid"], S = /* @__PURE__ */ p({
6
6
  name: "CLProgress",
7
7
  __name: "CLProgress",
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as a, useCssVars as r, computed as i, createElementBlock as u, openBlock as c, normalizeClass as m, unref as n, createElementVNode as f } from "vue";
2
- import { s as p } from "./utils-CXZw87Wc.js";
2
+ import { s as p } from "./utils-D-5TdmRW.js";
3
3
  const k = ["data-testid"], _ = /* @__PURE__ */ a({
4
4
  name: "CLSkeleton",
5
5
  __name: "CLSkeleton",
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as m, computed as n, createElementBlock as r, openBlock as i, normalizeClass as c, unref as l, createElementVNode as a } from "vue";
2
2
  import { CLSizes as u, CLPosition as f, CLColors as C, CLAlign as $ } from "../index.js";
3
- import { a as z } from "./utils-CXZw87Wc.js";
3
+ import { a as z } from "./utils-D-5TdmRW.js";
4
4
  const L = ["data-testid"], h = /* @__PURE__ */ m({
5
5
  name: "CLSpinner",
6
6
  __name: "CLSpinner",
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as s, computed as n, createBlock as r, openBlock as f, resolveDynamicComponent as c, normalizeClass as u, unref as o, withCtx as m, renderSlot as i } from "vue";
2
2
  import { CLTextTypes as p, CLColors as $, CLAlign as y } from "../index.js";
3
- import { t as C } from "./utils-Dgc7kbbm.js";
3
+ import { t as C } from "./utils-nC7WS9e0.js";
4
4
  const h = /* @__PURE__ */ s({
5
5
  name: "CLText",
6
6
  __name: "CLText",
@@ -1,13 +1,13 @@
1
1
  import { defineComponent as U, useCssVars as F, ref as b, computed as P, watch as X, onMounted as Z, onUnmounted as j, onBeforeUnmount as p, createElementBlock as k, openBlock as u, normalizeStyle as q, normalizeClass as c, unref as a, createElementVNode as g, createBlock as x, createCommentVNode as $, createVNode as L, withCtx as z, createTextVNode as S, toDisplayString as _, isRef as G } from "vue";
2
- import { _ as M } from "./CLButton.vue_vue_type_style_index_0_lang-DiT4TwiW.js";
3
- import { _ as J } from "./CLIcon.vue_vue_type_style_index_0_lang-YdXhAQ8-.js";
4
- import { _ as K } from "./CLProgress.vue_vue_type_style_index_0_lang-B2TZA2aN.js";
5
- import { _ as O } from "./CLText.vue_vue_type_style_index_0_lang-CPdNgG4V.js";
6
- import { _ as Q } from "./CLHeading.vue_vue_type_style_index_0_lang-HzXfA-v_.js";
2
+ import { _ as M } from "./CLButton.vue_vue_type_style_index_0_lang-N3EWoTbB.js";
3
+ import { _ as J } from "./CLIcon.vue_vue_type_style_index_0_lang-BaCl5yQI.js";
4
+ import { _ as K } from "./CLProgress.vue_vue_type_style_index_0_lang-Cu3FhEX0.js";
5
+ import { _ as O } from "./CLText.vue_vue_type_style_index_0_lang-Cz9Sv2AC.js";
6
+ import { _ as Q } from "./CLHeading.vue_vue_type_style_index_0_lang-BcCh5-Bx.js";
7
7
  import { CLMode as R, CLColorVariants as N, CLToastPosition as W, CLIconSizes as B, CLColors as C, CLHeadingTypes as Y, CLTextTypes as I, CLSizes as w, CLIconNames as ee } from "../index.js";
8
8
  import { i as A, g as te, a as oe } from "./helper--hRjZVm6.js";
9
9
  import { useEsc as ae } from "../composables/useEsc.js";
10
- import { g as se, c as E, a as ie } from "./utils-UApzileu.js";
10
+ import { g as se, c as E, a as ie } from "./utils-C9rOAW29.js";
11
11
  import { useTheme as le } from "../composables/useTheme.js";
12
12
  const ne = ({ color: e, variant: t }) => {
13
13
  const { borderRadius: y, colors: d, darkMode: n } = le(), s = n.value ? R.Dark : R.Light, r = se({
@@ -0,0 +1,275 @@
1
+ import { ref as t, provide as E } from "vue";
2
+ import { CLMode as o } from "../index.js";
3
+ function x(e, s) {
4
+ if (!s)
5
+ return e;
6
+ const a = { ...e };
7
+ for (const r in s)
8
+ if (Object.prototype.hasOwnProperty.call(s, r)) {
9
+ const f = s[r], d = a[r];
10
+ i(d) && i(f) ? a[r] = x(d, f) : a[r] = f;
11
+ }
12
+ return a;
13
+ }
14
+ function i(e) {
15
+ return e !== null && typeof e == "object" && !Array.isArray(e) && !(e instanceof Date) && !(e instanceof Map) && !(e instanceof Set);
16
+ }
17
+ const b = {
18
+ borderRadius: void 0,
19
+ colors: {
20
+ primary: {
21
+ 0: "#ffffff",
22
+ 100: "#def5ff",
23
+ 200: "#b6eeff",
24
+ 300: "#75e3ff",
25
+ 400: "#2cd6ff",
26
+ 500: "#00c8ff",
27
+ 600: "#009cd4",
28
+ 700: "#007cab",
29
+ 800: "#00688d",
30
+ 900: "#065674"
31
+ },
32
+ secondary: {
33
+ 0: "#ffffff",
34
+ 100: "#DEE2E8",
35
+ 200: "#BFC7D4",
36
+ 300: "#9EAABD",
37
+ 400: "#8090A8",
38
+ 500: "#61738E",
39
+ 600: "#4F5D73",
40
+ 700: "#3A4555",
41
+ 800: "#272F3A",
42
+ 900: "#13161B"
43
+ },
44
+ neutral: {
45
+ 0: "#ffffff",
46
+ 100: "#F7F7F7",
47
+ 200: "#F2F2F2",
48
+ 300: "#EBEBEB",
49
+ 400: "#E6E6E6",
50
+ 500: "#DEDEDE",
51
+ 600: "#B3B3B3",
52
+ 700: "#858585",
53
+ 800: "#595959",
54
+ 900: "#2B2B2B"
55
+ },
56
+ danger: {
57
+ 0: "#ffffff",
58
+ 100: "#ffd3ce",
59
+ 200: "#ffb2ac",
60
+ 300: "#ff8e88",
61
+ 400: "#fe6561",
62
+ 500: "#e74c4c",
63
+ 600: "#d20e27",
64
+ 700: "#9b0018",
65
+ 800: "#63000c",
66
+ 900: "#360003"
67
+ },
68
+ warning: {
69
+ 0: "#ffffff",
70
+ 100: "#ffeaba",
71
+ 200: "#ffdf95",
72
+ 300: "#ffd36a",
73
+ 400: "#fdc836",
74
+ 500: "#f5be1a",
75
+ 600: "#c79800",
76
+ 700: "#8a6900",
77
+ 800: "#4f3b00",
78
+ 900: "#211700"
79
+ },
80
+ success: {
81
+ 0: "#ffffff",
82
+ 100: "#9effb2",
83
+ 200: "#69f68d",
84
+ 300: "#56e57e",
85
+ 400: "#41d56e",
86
+ 500: "#22c55d",
87
+ 600: "#00a147",
88
+ 700: "#007230",
89
+ 800: "#00441a",
90
+ 900: "#001f08"
91
+ },
92
+ info: {
93
+ 0: "#ffffff",
94
+ 100: "#cfe2ff",
95
+ 200: "#afceff",
96
+ 300: "#8eb9ff",
97
+ 400: "#6ca4ff",
98
+ 500: "#4e8ff8",
99
+ 600: "#2470e7",
100
+ 700: "#004cb5",
101
+ 800: "#002e73",
102
+ 900: "#00153e"
103
+ }
104
+ },
105
+ darkMode: !1,
106
+ fontFamily: "BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif"
107
+ }, m = {
108
+ contrast: {
109
+ [o.Light]: {
110
+ border: 900,
111
+ borderHover: 700,
112
+ bg: 900,
113
+ disabled: 500,
114
+ focus: 900,
115
+ hover: 800,
116
+ shadow: 900,
117
+ text: 0,
118
+ textDisabled: 800
119
+ },
120
+ [o.Dark]: {
121
+ border: 400,
122
+ borderHover: 700,
123
+ bg: 100,
124
+ disabled: 500,
125
+ focus: 400,
126
+ hover: 200,
127
+ shadow: 400,
128
+ text: 900,
129
+ textDisabled: 500
130
+ }
131
+ },
132
+ ghost: {
133
+ [o.Light]: {
134
+ disabled: 100,
135
+ focus: 700,
136
+ text: 800,
137
+ textDisabled: 800
138
+ },
139
+ [o.Dark]: {
140
+ disabled: 700,
141
+ focus: 300,
142
+ text: 300,
143
+ textDisabled: 700
144
+ }
145
+ },
146
+ outline: {
147
+ [o.Light]: {
148
+ border: 300,
149
+ borderHover: 700,
150
+ disabled: 400,
151
+ focus: 700,
152
+ hover: 100,
153
+ text: 900,
154
+ textBody: 700,
155
+ textDisabled: 800
156
+ },
157
+ [o.Dark]: {
158
+ border: 500,
159
+ borderHover: 500,
160
+ disabled: 800,
161
+ focus: 300,
162
+ hover: 900,
163
+ text: 300,
164
+ textBody: 300,
165
+ textDisabled: 700
166
+ }
167
+ },
168
+ soft: {
169
+ [o.Light]: {
170
+ bg: 100,
171
+ border: 300,
172
+ borderHover: 700,
173
+ disabled: 100,
174
+ focus: 400,
175
+ hover: 200,
176
+ shadow: 200,
177
+ text: 900,
178
+ textDisabled: 800
179
+ },
180
+ [o.Dark]: {
181
+ bg: 900,
182
+ border: 100,
183
+ borderHover: 300,
184
+ disabled: 800,
185
+ focus: 100,
186
+ hover: 800,
187
+ shadow: 800,
188
+ text: 300,
189
+ textDisabled: 500
190
+ }
191
+ },
192
+ solid: {
193
+ [o.Light]: {
194
+ bg: 600,
195
+ border: 700,
196
+ borderHover: 900,
197
+ disabled: 500,
198
+ focus: 700,
199
+ hover: 500,
200
+ shadow: 700,
201
+ text: 0,
202
+ textDisabled: 100
203
+ },
204
+ [o.Dark]: {
205
+ bg: 400,
206
+ border: 100,
207
+ borderHover: 300,
208
+ disabled: 600,
209
+ focus: 100,
210
+ hover: 500,
211
+ shadow: 100,
212
+ text: 900,
213
+ textDisabled: 800
214
+ }
215
+ },
216
+ text: {
217
+ [o.Light]: {
218
+ border: 100,
219
+ borderHover: 300,
220
+ disabled: 100,
221
+ focus: 800,
222
+ hover: 200,
223
+ text: 800,
224
+ textBody: 300,
225
+ textDisabled: 700
226
+ },
227
+ [o.Dark]: {
228
+ border: 300,
229
+ borderHover: 500,
230
+ disabled: 800,
231
+ focus: 300,
232
+ hover: 900,
233
+ text: 300,
234
+ textBody: 800,
235
+ textDisabled: 500
236
+ }
237
+ }
238
+ }, v = t(), h = t(), y = t(), c = t({
239
+ primary: {},
240
+ secondary: {},
241
+ neutral: {},
242
+ danger: {},
243
+ warning: {},
244
+ success: {},
245
+ info: {}
246
+ }), l = (e) => {
247
+ v.value = e;
248
+ }, n = (e) => {
249
+ c.value = { ...c.value, ...e };
250
+ }, u = (e) => {
251
+ h.value = e;
252
+ }, D = (e) => {
253
+ y.value = e;
254
+ }, R = (e) => {
255
+ const s = e?.borderRadius || b.borderRadius, a = t(s), r = x(b.colors, e?.colors), f = t(r), d = e?.darkMode || b.darkMode, B = t(d ?? !1), F = e?.fontFamily || b.fontFamily, g = t(F);
256
+ f.value && n(f.value), l(a.value), u(B.value), D(g.value), E("clll-theme", {
257
+ borderRadius: v,
258
+ colors: c,
259
+ darkMode: h,
260
+ fontFamily: y,
261
+ setBorderRadius: l,
262
+ setColors: n,
263
+ setDarkMode: u,
264
+ setFontFamily: D
265
+ });
266
+ };
267
+ export {
268
+ m as C,
269
+ b as D,
270
+ l as a,
271
+ n as b,
272
+ u as c,
273
+ D as d,
274
+ R as s
275
+ };
@@ -1,5 +1,5 @@
1
1
  import { CLMode as a, CLColorVariants as u } from "../index.js";
2
- import { g as b, c as s, a as h, f as v } from "./utils-UApzileu.js";
2
+ import { g as b, c as s, a as h, f as v } from "./utils-C9rOAW29.js";
3
3
  import { useTheme as m } from "../composables/useTheme.js";
4
4
  const $ = ({ color: d }) => {
5
5
  const { borderRadius: r, colors: e, darkMode: c } = m(), n = c.value ? a.Dark : a.Light, t = b({
@@ -1,4 +1,4 @@
1
- import { C as fe } from "./base-theme-CYXVp7iK.js";
1
+ import { C as fe } from "./base-theme-Bg6XMoeN.js";
2
2
  var q = { exports: {} }, U;
3
3
  function ne() {
4
4
  return U || (U = 1, (function(e) {
@@ -1,5 +1,5 @@
1
1
  import { CLMode as a, CLColors as d, CLColorVariants as u } from "../index.js";
2
- import { g as i, a as t, c as s } from "./utils-UApzileu.js";
2
+ import { g as i, a as t, c as s } from "./utils-C9rOAW29.js";
3
3
  import { useTheme as c } from "../composables/useTheme.js";
4
4
  const g = () => {
5
5
  const { borderRadius: o, darkMode: e } = c(), l = e.value ? "rgba(0 0 0 / 0.005)" : "rgba(0 0 0 / 0.075)";
@@ -1,5 +1,5 @@
1
1
  import { CLMode as c, CLColorVariants as n } from "../index.js";
2
- import { g as b, c as d, a as h, f as p } from "./utils-UApzileu.js";
2
+ import { g as b, c as d, a as h, f as p } from "./utils-C9rOAW29.js";
3
3
  import { useTheme as g } from "../composables/useTheme.js";
4
4
  const $ = ({ color: t, variant: r }) => {
5
5
  const { borderRadius: o, colors: a, darkMode: u } = g(), i = u.value ? c.Dark : c.Light, s = r === n.Ghost, l = b({
@@ -1,5 +1,5 @@
1
1
  import { CLMode as s, CLColorVariants as i, CLColors as u } from "../index.js";
2
- import { g as p, c as b, a as g } from "./utils-UApzileu.js";
2
+ import { g as p, c as b, a as g } from "./utils-C9rOAW29.js";
3
3
  import { useTheme as $ } from "../composables/useTheme.js";
4
4
  const _ = ({
5
5
  color: c = u.Primary,
@@ -1,5 +1,5 @@
1
1
  import { CLMode as o, CLColors as c, CLColorVariants as l } from "../index.js";
2
- import { g as m, a as p, c as i } from "./utils-UApzileu.js";
2
+ import { g as m, a as p, c as i } from "./utils-C9rOAW29.js";
3
3
  import { useTheme as n } from "../composables/useTheme.js";
4
4
  const x = ({ color: e = c.Neutral }) => {
5
5
  const { colors: r, darkMode: t } = n(), a = t.value ? o.Light : o.Dark, s = m({
@@ -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-a11y__button{display:inline-block}.clll-a11y__button.--enabled{cursor:pointer}.clll-a11y__button.--rounded{border-radius:var(--clll-rounded-sm)}.clll-a11y__button.--fluid{display:block}
1
+ .clll-a11y__button{display:inline-block}.clll-a11y__button.--enabled{cursor:pointer}.clll-a11y__button.--rounded{border-radius:var(--clll-rounded-sm)}.clll-a11y__button.--fluid{display:block}
@@ -1,5 +1,6 @@
1
+ import '../../../assets/core.css';
1
2
  import './CLA11yButton.css';
2
- import { _ as t } from "../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-BPM559Fj.js";
3
+ import { _ as t } from "../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-Caaw-9_c.js";
3
4
  export {
4
5
  t as CLA11yButton,
5
6
  t as default