@codeandfunction/callaloo 4.1.0 → 4.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/dist/assets/CLFormCharCounter.css +1 -1
  2. package/dist/assets/core.css +1 -1
  3. package/dist/chunks/{CLButton.vue_vue_type_style_index_0_lang-B-XC2_j4.js → CLButton.vue_vue_type_style_index_0_lang-1hhRUMgR.js} +42 -37
  4. package/dist/chunks/{CLCard.vue_vue_type_style_index_0_lang-DZ-2FEcq.js → CLCard.vue_vue_type_style_index_0_lang-CImCt0f6.js} +1 -1
  5. package/dist/chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-BcHOofhM.js +46 -0
  6. package/dist/chunks/{CLIcon.vue_vue_type_style_index_0_lang-CMjcMLcy.js → CLIcon.vue_vue_type_style_index_0_lang-r6hBiMgq.js} +1 -1
  7. package/dist/chunks/{CLLink.vue_vue_type_style_index_0_lang-sXIdl0uH.js → CLLink.vue_vue_type_style_index_0_lang-BTjLe8m6.js} +1 -1
  8. package/dist/chunks/{CLNavLink.vue_vue_type_script_setup_true_lang-FMOMJjMR.js → CLNavLink.vue_vue_type_script_setup_true_lang-B5DiOsML.js} +1 -1
  9. package/dist/chunks/{CLPill.vue_vue_type_style_index_0_lang-BbXWiTde.js → CLPill.vue_vue_type_style_index_0_lang-MaGtvvXD.js} +2 -2
  10. package/dist/chunks/{CLToast.vue_vue_type_style_index_0_lang-BL61sRYd.js → CLToast.vue_vue_type_style_index_0_lang-CdL1bLuX.js} +2 -2
  11. package/dist/chunks/{icons-6Fm4EZ4Y.js → icons-B1yhKPll.js} +1 -1
  12. package/dist/components/Buttons/CLButton/CLButton.css +1 -1
  13. package/dist/components/Buttons/CLButton/CLButton.js +1 -1
  14. package/dist/components/CLIcon/CLIcon.js +1 -1
  15. package/dist/components/Containers/CLCard/CLCard.js +1 -1
  16. package/dist/components/Containers/CLCarousel/CLCarousel.js +1 -1
  17. package/dist/components/Containers/CLDisclosure/CLDisclosure.css +1 -1
  18. package/dist/components/Containers/CLDisclosure/CLDisclosure.js +2 -2
  19. package/dist/components/Form/CLCheckbox/CLCheckbox.css +1 -1
  20. package/dist/components/Form/CLCheckbox/CLCheckbox.js +72 -66
  21. package/dist/components/Form/CLInput/CLInput.css +1 -1
  22. package/dist/components/Form/CLInput/CLInput.js +162 -153
  23. package/dist/components/Form/CLRadioButton/CLRadioButton.css +1 -1
  24. package/dist/components/Form/CLRadioButton/CLRadioButton.js +50 -47
  25. package/dist/components/Form/CLSelect/CLSelect.css +1 -1
  26. package/dist/components/Form/CLSelect/CLSelect.js +36 -33
  27. package/dist/components/Form/CLTextArea/CLTextArea.css +1 -1
  28. package/dist/components/Form/CLTextArea/CLTextArea.js +1 -1
  29. package/dist/components/Indicators/CLBanner/CLBanner.js +1 -1
  30. package/dist/components/Indicators/CLPill/CLPill.js +1 -1
  31. package/dist/components/Indicators/CLProgress/CLProgress.css +1 -1
  32. package/dist/components/Loading/CLSpinner/CLSpinner.css +1 -1
  33. package/dist/components/Modals/CLModal/CLModal.js +1 -1
  34. package/dist/components/Navigation/CLLink/CLLink.js +1 -1
  35. package/dist/components/Navigation/CLNavLink/CLNavLink.js +1 -1
  36. package/dist/components/Navigation/CLNavSection/CLNavSection.js +1 -1
  37. package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.js +2 -2
  38. package/dist/components/Popups/CLToast/CLToast.js +1 -1
  39. package/dist/components/Providers/CLToastProvider/CLToastProvider.js +1 -1
  40. package/dist/components/Typography/CLHeading/CLHeading.css +1 -1
  41. package/dist/components/Typography/CLText/CLText.css +1 -1
  42. package/dist/index.js +9 -9
  43. package/dist/types.d.ts +13 -3
  44. package/package.json +1 -1
  45. package/dist/chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-DYYs8W4N.js +0 -43
@@ -1,19 +1,19 @@
1
1
  import '../../../assets/core.css';
2
2
  import './CLRadioButton.css';
3
3
  import '../../../assets/shared/form-utilities.css';
4
- import { defineComponent as k, mergeModels as x, useModel as T, useTemplateRef as h, computed as f, createBlock as m, openBlock as c, withCtx as $, createElementVNode as n, createCommentVNode as y, normalizeStyle as R, normalizeClass as d, unref as u, withDirectives as q, vModelRadio as S, createTextVNode as V, toDisplayString as z } from "vue";
5
- import { _ as M, c as F, a as N } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-CF_lxNr8.js";
6
- import { _ as w } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-DVwTAVXM.js";
7
- import { CLSizes as s, CLTextTypes as i, CLColorVariants as D, CLColors as I } from "../../../index.js";
8
- const X = ["data-testid"], E = ["for"], H = ["id", "aria-label", "checked", "disabled", "name", "value", "required"], G = /* @__PURE__ */ k({
4
+ import { defineComponent as B, mergeModels as k, useModel as x, useTemplateRef as T, computed as f, createBlock as m, openBlock as c, withCtx as $, createElementVNode as i, createCommentVNode as y, normalizeStyle as h, normalizeClass as s, unref as u, withDirectives as R, vModelRadio as q, createTextVNode as S, toDisplayString as V } from "vue";
5
+ import { _ as z, c as M, a as F } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-CF_lxNr8.js";
6
+ import { _ as N } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-DVwTAVXM.js";
7
+ import { CLSizes as t, CLTextTypes as d, CLColorVariants as w, CLColors as D } from "../../../index.js";
8
+ const I = ["data-testid"], E = ["for"], H = ["id", "aria-label", "checked", "disabled", "name", "value", "required"], G = /* @__PURE__ */ B({
9
9
  name: "CLRadioButton",
10
10
  __name: "CLRadioButton",
11
- props: /* @__PURE__ */ x({
11
+ props: /* @__PURE__ */ k({
12
12
  ariaLabel: {},
13
13
  borderRadius: {},
14
14
  busy: { type: Boolean },
15
15
  checked: { type: Boolean },
16
- color: { default: I.Neutral },
16
+ color: { default: D.Neutral },
17
17
  disabled: { type: Boolean },
18
18
  form: {},
19
19
  id: {},
@@ -23,10 +23,10 @@ const X = ["data-testid"], E = ["for"], H = ["id", "aria-label", "checked", "dis
23
23
  name: {},
24
24
  required: { type: Boolean },
25
25
  rounded: { type: Boolean, default: !0 },
26
- size: { default: s.Small },
26
+ size: { default: t.Small },
27
27
  testId: { default: "clll-radiobutton" },
28
28
  value: { type: [String, Number, Boolean] },
29
- variant: { default: D.Outline },
29
+ variant: { default: w.Outline },
30
30
  onBlur: {},
31
31
  onChange: {},
32
32
  onFocus: {}
@@ -36,15 +36,18 @@ const X = ["data-testid"], E = ["for"], H = ["id", "aria-label", "checked", "dis
36
36
  }),
37
37
  emits: ["update:modelValue"],
38
38
  setup(e, { expose: C }) {
39
- const g = {
40
- [s.Tiny]: i.Small,
41
- [s.Small]: i.Medium,
42
- [s.Medium]: i.Medium,
43
- [s.Large]: i.Large,
44
- [s.XL]: i.XL
45
- }, l = e, a = "clll-radiobutton", b = T(e, "modelValue"), r = h("radiobutton-ref"), v = () => {
39
+ const L = {
40
+ [t.Tiny]: d.Small,
41
+ [t.Small]: d.Medium,
42
+ [t.Medium]: d.Medium,
43
+ [t.Large]: d.Large,
44
+ [t.XL]: d.XL,
45
+ [t.XXL]: d.XXL,
46
+ [t.XXXL]: d.XXXL,
47
+ [t.XXXXL]: d.XXXXL
48
+ }, l = e, a = "clll-radiobutton", b = x(e, "modelValue"), r = T("radiobutton-ref"), X = () => {
46
49
  r.value && r.value.focus();
47
- }, B = f(() => [
50
+ }, g = f(() => [
48
51
  a,
49
52
  l.borderRadius ? `${a}--${l.borderRadius}` : "",
50
53
  l.busy ? `${a}--busy` : `${a}--ready`,
@@ -55,70 +58,70 @@ const X = ["data-testid"], E = ["for"], H = ["id", "aria-label", "checked", "dis
55
58
  l.messageType ? `${a}--${l.messageType}` : "",
56
59
  l.rounded ? `${a}--rounded` : `${a}--box`,
57
60
  l.required ? `${a}--required` : `${a}--optional`
58
- ]), L = f(() => [
61
+ ]), v = f(() => [
59
62
  `${a}__radiobutton-container`,
60
63
  `${a}--${l.variant}`
61
64
  ]);
62
65
  return C({
63
66
  radiobuttonRef: r
64
- }), (O, t) => (c(), m(M, null, {
67
+ }), (O, o) => (c(), m(z, null, {
65
68
  default: $(() => [
66
- n("span", {
67
- class: d(u(B)),
68
- style: R(u(F)({ color: e.color, variant: e.variant })),
69
+ i("span", {
70
+ class: s(u(g)),
71
+ style: h(u(M)({ color: e.color, variant: e.variant })),
69
72
  "data-testid": e.testId
70
73
  }, [
71
- n("span", {
72
- class: d(u(L)),
73
- onClick: v
74
+ i("span", {
75
+ class: s(u(v)),
76
+ onClick: X
74
77
  }, [
75
- n("label", {
78
+ i("label", {
76
79
  for: e.id,
77
- class: d(`${a}__label`)
80
+ class: s(`${a}__label`)
78
81
  }, [
79
- n("span", {
80
- class: d([`${a}__radiobutton-frame`, "form-control-flex"])
82
+ i("span", {
83
+ class: s([`${a}__radiobutton-frame`, "form-control-flex"])
81
84
  }, [
82
- q(n("input", {
85
+ R(i("input", {
83
86
  id: e.id,
84
87
  ref: "radiobutton-ref",
85
- "onUpdate:modelValue": t[0] || (t[0] = (o) => b.value = o),
88
+ "onUpdate:modelValue": o[0] || (o[0] = (n) => b.value = n),
86
89
  "aria-label": e.ariaLabel,
87
- class: d(`${a}__radiobutton`),
90
+ class: s(`${a}__radiobutton`),
88
91
  checked: e.checked,
89
92
  disabled: e.disabled || e.busy,
90
93
  name: e.name,
91
94
  value: e.value,
92
95
  required: e.required,
93
96
  type: "radio",
94
- onBlur: t[1] || (t[1] = //@ts-ignore
95
- (...o) => e.onBlur && e.onBlur(...o)),
96
- onChange: t[2] || (t[2] = //@ts-ignore
97
- (...o) => e.onChange && e.onChange(...o)),
98
- onFocus: t[3] || (t[3] = //@ts-ignore
99
- (...o) => e.onFocus && e.onFocus(...o))
97
+ onBlur: o[1] || (o[1] = //@ts-ignore
98
+ (...n) => e.onBlur && e.onBlur(...n)),
99
+ onChange: o[2] || (o[2] = //@ts-ignore
100
+ (...n) => e.onChange && e.onChange(...n)),
101
+ onFocus: o[3] || (o[3] = //@ts-ignore
102
+ (...n) => e.onFocus && e.onFocus(...n))
100
103
  }, null, 42, H), [
101
- [S, b.value]
104
+ [q, b.value]
102
105
  ]),
103
- n("span", {
104
- class: d(`${a}__indicator`)
106
+ i("span", {
107
+ class: s(`${a}__indicator`)
105
108
  }, null, 2)
106
109
  ], 2),
107
- e.label ? (c(), m(u(w), {
110
+ e.label ? (c(), m(u(N), {
108
111
  key: 0,
109
112
  as: "span",
110
- type: g[e.size],
111
- class: d(e.required ? `${a}__label--required` : "")
113
+ type: L[e.size],
114
+ class: s(e.required ? `${a}__label--required` : "")
112
115
  }, {
113
116
  default: $(() => [
114
- V(z(e.label), 1)
117
+ S(V(e.label), 1)
115
118
  ]),
116
119
  _: 1
117
120
  }, 8, ["type", "class"])) : y("", !0)
118
121
  ], 10, E)
119
122
  ], 2)
120
- ], 14, X),
121
- e.id ? (c(), m(N, {
123
+ ], 14, I),
124
+ e.id ? (c(), m(F, {
122
125
  key: 0,
123
126
  id: e.id,
124
127
  messages: e.messages,
@@ -1 +1 @@
1
- .clll-select{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;align-items:flex-start;overflow:visible}.clll-select.clll-select--haslabel .clll-select__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-1)}.clll-select.clll-select--haslabel .clll-select__label .clll-text.clll-select__label--required:after{position:relative;top:var(--clll-unit-1);content:"*";font-size:var(--clll-unit-4_5);font-weight:500;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;color:var(--clll-select-required-asterisk-color, red);text-decoration:unset;margin-inline-start:var(--clll-unit-0_5);box-sizing:content-box;line-height:0}.clll-select .clll-select__select-container{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;overflow:visible}.clll-select .clll-select__select-container:focus-within{outline-color:var(--clll-select-focus-border, transparent);outline-style:solid;outline-width:2px;outline-offset:-1px}.clll-select .clll-select__select-container .clll-select__select{display:inline-block;appearance:none;background-color:var(--clll-select-bg, white);border-color:var(--clll-select-border, transparent);border-style:solid;border-width:1px;color:var(--clll-select-text, inherit);margin:0;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased}.clll-select .clll-select__select-container .clll-select__select::placeholder{color:var(--clll-select-text-placeholder, transparent)}.clll-select .clll-select__select-container .clll-select__select:focus{outline-color:var(--clll-select-focus-border, transparent);outline-style:solid;outline-width:2px;box-shadow:0 0 0 var(--clll-unit-0) var(--clll-select-focus-shadow, transparent);outline-offset:-1px}.clll-select .clll-select__select-container .clll-select__select:disabled{border-color:var(--clll-select-disabled-border, transparent);background-color:var(--clll-select-disabled-bg, transparent);color:var(--clll-select-text-placeholder, transparent)}.clll-select .clll-select__select-container .clll-select__select:disabled::placeholder{color:var(--clll-select-text-placeholder, transparent)}.clll-select .clll-select__icon{pointer-events:none}.clll-select .clll-select__icon .clll-icon{color:var(--clll-select-icon-color, inherit)}.clll-select.clll-select--disabled{cursor:default}.clll-select.clll-select--disabled .clll-select__select-container{border-color:var(--clll-select-disabled-border, transparent)}.clll-select.clll-select--disabled .clll-select__icon .clll-icon{color:var(--clll-select-disabled-icon-color, transparent)}.clll-select.clll-select--ghost .clll-select__select-container,.clll-select.clll-select--ghost .clll-select__select{background-color:transparent;border:0;padding-left:var(--clll-select-ghost-padding, 0);padding-top:var(--clll-select-ghost-padding, 0);padding-bottom:var(--clll-select-ghost-padding, 0);border-radius:0}.clll-select.clll-select--ghost .clll-select__select-container:focus,.clll-select.clll-select--ghost .clll-select__select-container:focus-within,.clll-select.clll-select--ghost .clll-select__select:focus,.clll-select.clll-select--ghost .clll-select__select:focus-within{outline:none}.clll-select.clll-select--rounded:not(.clll-select--ghost) .clll-select__select-container,.clll-select.clll-select--rounded:not(.clll-select--ghost) .clll-select__select{border-radius:var(--clll-rounded-xs)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-full .clll-select__select-container{border-radius:var(--clll-rounded-full)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-lg .clll-select__select-container{border-radius:var(--clll-rounded-lg)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-md .clll-select__select-container{border-radius:var(--clll-rounded-md)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-sm .clll-select__select-container{border-radius:var(--clll-rounded-sm)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-xs .clll-select__select-container{border-radius:var(--clll-rounded-xs)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-xl .clll-select__select-container{border-radius:var(--clll-rounded-xl)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-2xl .clll-select__select-container{border-radius:var(--clll-rounded-2xl)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-3xl .clll-select__select-container{border-radius:var(--clll-rounded-3xl)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-none .clll-select__select-container{border-radius:0}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-full .clll-select__select{border-radius:var(--clll-rounded-full)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-lg .clll-select__select{border-radius:var(--clll-rounded-lg)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-md .clll-select__select{border-radius:var(--clll-rounded-md)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-sm .clll-select__select{border-radius:var(--clll-rounded-sm)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-xs .clll-select__select{border-radius:var(--clll-rounded-xs)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-xl .clll-select__select{border-radius:var(--clll-rounded-xl)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-2xl .clll-select__select{border-radius:var(--clll-rounded-2xl)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-3xl .clll-select__select{border-radius:var(--clll-rounded-3xl)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-none .clll-select__select{border-radius:0}.clll-select.clll-select--rounded:not(.clll-select--ghost):not([class*=clll-select--rounded-]).clll-select--rounded .clll-select__select-container,.clll-select.clll-select--rounded:not(.clll-select--ghost):not([class*=clll-select--rounded-]).clll-select--rounded .clll-select__select{border-radius:var(--clll-select-theme-radius, var(--clll-rounded-xs))}.clll-select.clll-select--rounded.clll-select--ghost .clll-select__select-container,.clll-select.clll-select--rounded.clll-select--ghost .clll-select__select{border-radius:0}.clll-select.clll-select--tiny:not(.clll-select--ghost) .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5);padding:var(--clll-py-xs) var(--clll-unit-6) var(--clll-py-xs) var(--clll-px-xs)}.clll-select.clll-select--tiny.clll-select--ghost .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-select.clll-select--tiny .clll-select__select-container .clll-select__select{padding-right:var(--clll-unit-6)}.clll-select.clll-select--tiny .clll-select__select-container .clll-select__icon{padding-right:var(--clll-unit-1)}.clll-select.clll-select--small:not(.clll-select--ghost) .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6);padding:var(--clll-py-sm) var(--clll-unit-7) var(--clll-py-sm) var(--clll-px-sm)}.clll-select.clll-select--small.clll-select--ghost .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-select.clll-select--small .clll-select__select-container .clll-select__select{padding-right:var(--clll-unit-7)}.clll-select.clll-select--small .clll-select__select-container .clll-select__icon{padding-right:var(--clll-unit-2)}.clll-select.clll-select--medium:not(.clll-select--ghost) .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5);padding:var(--clll-py-md) var(--clll-unit-10) var(--clll-py-md) var(--clll-px-md)}.clll-select.clll-select--medium.clll-select--ghost .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-select.clll-select--medium .clll-select__select-container .clll-select__select{padding-right:var(--clll-unit-10)}.clll-select.clll-select--medium .clll-select__select-container .clll-select__icon{padding-right:var(--clll-unit-3)}.clll-select.clll-select--large:not(.clll-select--ghost) .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7);padding:var(--clll-py-lg) var(--clll-unit-14) var(--clll-py-lg) var(--clll-px-lg)}.clll-select.clll-select--large.clll-select--ghost .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-select.clll-select--large .clll-select__select-container .clll-select__select{padding-right:var(--clll-unit-14)}.clll-select.clll-select--large .clll-select__select-container .clll-select__icon{padding-right:var(--clll-unit-3_5)}.clll-select.clll-select--xlarge:not(.clll-select--ghost) .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5);padding:var(--clll-py-xl) var(--clll-unit-18) var(--clll-py-xl) var(--clll-px-xl)}.clll-select.clll-select--xlarge.clll-select--ghost .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-select.clll-select--xlarge .clll-select__select-container .clll-select__select{padding-right:var(--clll-unit-18)}.clll-select.clll-select--xlarge .clll-select__select-container .clll-select__icon{padding-right:var(--clll-unit-4)}.clll-select.clll-select--fluid,.clll-select.clll-select--fluid .clll-select__select-container,.clll-select.clll-select--fluid .clll-select__select-container .clll-select__select{width:100%}.clll-select.clll-select--vertical{flex-direction:column}.clll-select.clll-select--vertical.clll-select--haslabel>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1_5)}.clll-select.clll-select--horizontal.clll-select--haslabel{flex-direction:row;align-items:center;flex-wrap:wrap}.clll-select.clll-select--horizontal.clll-select--haslabel .clll-select__label,.clll-select.clll-select--horizontal.clll-select--haslabel .clll-select__select-container{width:50%}.clll-select.clll-select--hidden{display:none}
1
+ .clll-select{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;align-items:flex-start;overflow:visible}.clll-select.clll-select--haslabel .clll-select__label>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-1)}.clll-select.clll-select--haslabel .clll-select__label .clll-text.clll-select__label--required:after{position:relative;top:var(--clll-unit-1);content:"*";font-size:var(--clll-unit-4_5);font-weight:500;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;color:var(--clll-select-required-asterisk-color, red);text-decoration:unset;margin-inline-start:var(--clll-unit-0_5);box-sizing:content-box;line-height:0}.clll-select .clll-select__select-container{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;overflow:visible}.clll-select .clll-select__select-container:focus-within{outline-color:var(--clll-select-focus-border, transparent);outline-style:solid;outline-width:2px;outline-offset:-1px}.clll-select .clll-select__select-container .clll-select__select{display:inline-block;appearance:none;background-color:var(--clll-select-bg, white);border-color:var(--clll-select-border, transparent);border-style:solid;border-width:1px;color:var(--clll-select-text, inherit);margin:0;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased}.clll-select .clll-select__select-container .clll-select__select::placeholder{color:var(--clll-select-text-placeholder, transparent)}.clll-select .clll-select__select-container .clll-select__select:focus{outline-color:var(--clll-select-focus-border, transparent);outline-style:solid;outline-width:2px;box-shadow:0 0 0 var(--clll-unit-0) var(--clll-select-focus-shadow, transparent);outline-offset:-1px}.clll-select .clll-select__select-container .clll-select__select:disabled{border-color:var(--clll-select-disabled-border, transparent);background-color:var(--clll-select-disabled-bg, transparent);color:var(--clll-select-text-placeholder, transparent)}.clll-select .clll-select__select-container .clll-select__select:disabled::placeholder{color:var(--clll-select-text-placeholder, transparent)}.clll-select .clll-select__icon{pointer-events:none}.clll-select .clll-select__icon .clll-icon{color:var(--clll-select-icon-color, inherit)}.clll-select.clll-select--disabled{cursor:default}.clll-select.clll-select--disabled .clll-select__select-container{border-color:var(--clll-select-disabled-border, transparent)}.clll-select.clll-select--disabled .clll-select__icon .clll-icon{color:var(--clll-select-disabled-icon-color, transparent)}.clll-select.clll-select--ghost .clll-select__select-container,.clll-select.clll-select--ghost .clll-select__select{background-color:transparent;border:0;padding-left:var(--clll-select-ghost-padding, 0);padding-top:var(--clll-select-ghost-padding, 0);padding-bottom:var(--clll-select-ghost-padding, 0);border-radius:0}.clll-select.clll-select--ghost .clll-select__select-container:focus,.clll-select.clll-select--ghost .clll-select__select-container:focus-within,.clll-select.clll-select--ghost .clll-select__select:focus,.clll-select.clll-select--ghost .clll-select__select:focus-within{outline:none}.clll-select.clll-select--rounded:not(.clll-select--ghost) .clll-select__select-container,.clll-select.clll-select--rounded:not(.clll-select--ghost) .clll-select__select{border-radius:var(--clll-rounded-xs)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-full .clll-select__select-container{border-radius:var(--clll-rounded-full)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-lg .clll-select__select-container{border-radius:var(--clll-rounded-lg)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-md .clll-select__select-container{border-radius:var(--clll-rounded-md)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-sm .clll-select__select-container{border-radius:var(--clll-rounded-sm)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-xs .clll-select__select-container{border-radius:var(--clll-rounded-xs)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-xl .clll-select__select-container{border-radius:var(--clll-rounded-xl)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-2xl .clll-select__select-container{border-radius:var(--clll-rounded-2xl)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-3xl .clll-select__select-container{border-radius:var(--clll-rounded-3xl)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-none .clll-select__select-container{border-radius:0}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-full .clll-select__select{border-radius:var(--clll-rounded-full)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-lg .clll-select__select{border-radius:var(--clll-rounded-lg)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-md .clll-select__select{border-radius:var(--clll-rounded-md)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-sm .clll-select__select{border-radius:var(--clll-rounded-sm)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-xs .clll-select__select{border-radius:var(--clll-rounded-xs)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-xl .clll-select__select{border-radius:var(--clll-rounded-xl)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-2xl .clll-select__select{border-radius:var(--clll-rounded-2xl)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-3xl .clll-select__select{border-radius:var(--clll-rounded-3xl)}.clll-select.clll-select--rounded:not(.clll-select--ghost).clll-select--rounded-none .clll-select__select{border-radius:0}.clll-select.clll-select--rounded:not(.clll-select--ghost):not([class*=clll-select--rounded-]).clll-select--rounded .clll-select__select-container,.clll-select.clll-select--rounded:not(.clll-select--ghost):not([class*=clll-select--rounded-]).clll-select--rounded .clll-select__select{border-radius:var(--clll-select-theme-radius, var(--clll-rounded-xs))}.clll-select.clll-select--rounded.clll-select--ghost .clll-select__select-container,.clll-select.clll-select--rounded.clll-select--ghost .clll-select__select{border-radius:0}.clll-select.clll-select--tiny:not(.clll-select--ghost) .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5);padding:var(--clll-py-xs) var(--clll-unit-6) var(--clll-py-xs) var(--clll-px-xs)}.clll-select.clll-select--tiny.clll-select--ghost .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-select.clll-select--tiny .clll-select__select-container .clll-select__select{padding-right:var(--clll-unit-6)}.clll-select.clll-select--tiny .clll-select__select-container .clll-select__icon{padding-right:var(--clll-unit-1)}.clll-select.clll-select--small:not(.clll-select--ghost) .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6);padding:var(--clll-py-sm) var(--clll-unit-7) var(--clll-py-sm) var(--clll-px-sm)}.clll-select.clll-select--small.clll-select--ghost .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-select.clll-select--small .clll-select__select-container .clll-select__select{padding-right:var(--clll-unit-7)}.clll-select.clll-select--small .clll-select__select-container .clll-select__icon{padding-right:var(--clll-unit-2)}.clll-select.clll-select--medium:not(.clll-select--ghost) .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5);padding:var(--clll-py-md) var(--clll-unit-10) var(--clll-py-md) var(--clll-px-md)}.clll-select.clll-select--medium.clll-select--ghost .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-select.clll-select--medium .clll-select__select-container .clll-select__select{padding-right:var(--clll-unit-10)}.clll-select.clll-select--medium .clll-select__select-container .clll-select__icon{padding-right:var(--clll-unit-3)}.clll-select.clll-select--large:not(.clll-select--ghost) .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7);padding:var(--clll-py-lg) var(--clll-unit-14) var(--clll-py-lg) var(--clll-px-lg)}.clll-select.clll-select--large.clll-select--ghost .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-select.clll-select--large .clll-select__select-container .clll-select__select{padding-right:var(--clll-unit-14)}.clll-select.clll-select--large .clll-select__select-container .clll-select__icon{padding-right:var(--clll-unit-3_5)}.clll-select.clll-select--xlarge:not(.clll-select--ghost) .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5);padding:var(--clll-py-xl) var(--clll-unit-18) var(--clll-py-xl) var(--clll-px-xl)}.clll-select.clll-select--xlarge.clll-select--ghost .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-select.clll-select--xlarge .clll-select__select-container .clll-select__select{padding-right:var(--clll-unit-18)}.clll-select.clll-select--xlarge .clll-select__select-container .clll-select__icon{padding-right:var(--clll-unit-4)}.clll-select.clll-select--xxlarge:not(.clll-select--ghost) .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-6);line-height:var(--clll-unit-8_5);padding:var(--clll-py-2xl) var(--clll-unit-22) var(--clll-py-2xl) var(--clll-px-2xl)}.clll-select.clll-select--xxlarge.clll-select--ghost .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-6);line-height:var(--clll-unit-8_5)}.clll-select.clll-select--xxlarge .clll-select__select-container .clll-select__select{padding-right:var(--clll-unit-22)}.clll-select.clll-select--xxlarge .clll-select__select-container .clll-select__icon{padding-right:var(--clll-unit-4_5)}.clll-select.clll-select--xxxlarge:not(.clll-select--ghost) .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-7);line-height:var(--clll-unit-9_5);padding:var(--clll-py-3xl) var(--clll-unit-26) var(--clll-py-3xl) var(--clll-px-3xl)}.clll-select.clll-select--xxxlarge.clll-select--ghost .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-7);line-height:var(--clll-unit-9_5)}.clll-select.clll-select--xxxlarge .clll-select__select-container .clll-select__select{padding-right:var(--clll-unit-26)}.clll-select.clll-select--xxxlarge .clll-select__select-container .clll-select__icon{padding-right:var(--clll-unit-5)}.clll-select.clll-select--xxxxlarge:not(.clll-select--ghost) .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-8);line-height:var(--clll-unit-10_5);padding:var(--clll-py-4xl) var(--clll-unit-30) var(--clll-py-4xl) var(--clll-px-4xl)}.clll-select.clll-select--xxxxlarge.clll-select--ghost .clll-select__select-container .clll-select__select{font-size:var(--clll-unit-8);line-height:var(--clll-unit-10_5)}.clll-select.clll-select--xxxxlarge .clll-select__select-container .clll-select__select{padding-right:var(--clll-unit-30)}.clll-select.clll-select--xxxxlarge .clll-select__select-container .clll-select__icon{padding-right:var(--clll-unit-5_5)}.clll-select.clll-select--fluid,.clll-select.clll-select--fluid .clll-select__select-container,.clll-select.clll-select--fluid .clll-select__select-container .clll-select__select{width:100%}.clll-select.clll-select--vertical{flex-direction:column}.clll-select.clll-select--vertical.clll-select--haslabel>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1_5)}.clll-select.clll-select--horizontal.clll-select--haslabel{flex-direction:row;align-items:center;flex-wrap:wrap}.clll-select.clll-select--horizontal.clll-select--haslabel .clll-select__label,.clll-select.clll-select--horizontal.clll-select--haslabel .clll-select__select-container{width:50%}.clll-select.clll-select--hidden{display:none}
@@ -1,11 +1,11 @@
1
1
  import '../../../assets/core.css';
2
2
  import './CLSelect.css';
3
3
  import '../../../assets/shared/form-utilities.css';
4
- import { defineComponent as B, mergeModels as S, useModel as h, useTemplateRef as q, computed as x, createBlock as f, openBlock as n, withCtx as T, createElementVNode as d, createCommentVNode as $, normalizeStyle as V, normalizeClass as r, unref as u, withDirectives as k, createElementBlock as b, Fragment as M, renderList as F, toDisplayString as I, vModelSelect as N, createVNode as R } from "vue";
5
- import { _ as D, s as w, a as E } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-CF_lxNr8.js";
6
- import { _ as H } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-DYYs8W4N.js";
7
- import { _ as O } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-CMjcMLcy.js";
8
- import { CLSizes as o, CLIconSizes as s, CLOrientation as y, CLIconNames as P, CLColorVariants as U, CLColors as X } from "../../../index.js";
4
+ import { defineComponent as B, mergeModels as S, useModel as h, useTemplateRef as X, computed as q, createBlock as f, openBlock as s, withCtx as x, createElementVNode as d, createCommentVNode as $, normalizeStyle as T, normalizeClass as r, unref as u, withDirectives as V, createElementBlock as b, Fragment as k, renderList as M, toDisplayString as F, vModelSelect as I, createVNode as N } from "vue";
5
+ import { _ as R, s as D, a as w } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-CF_lxNr8.js";
6
+ import { _ as E } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-BcHOofhM.js";
7
+ import { _ as H } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-r6hBiMgq.js";
8
+ import { CLSizes as i, CLIconSizes as n, CLOrientation as y, CLIconNames as O, CLColorVariants as P, CLColors as U } from "../../../index.js";
9
9
  const j = ["data-testid"], A = ["id", "aria-label", "disabled", "name", "placeholder", "form", "required"], G = ["value", "selected", "disabled"], p = /* @__PURE__ */ B({
10
10
  name: "CLSelect",
11
11
  __name: "CLSelect",
@@ -13,7 +13,7 @@ const j = ["data-testid"], A = ["id", "aria-label", "disabled", "name", "placeho
13
13
  ariaLabel: {},
14
14
  borderRadius: {},
15
15
  busy: { type: Boolean },
16
- color: { default: X.Neutral },
16
+ color: { default: U.Neutral },
17
17
  disabled: { type: Boolean },
18
18
  fluid: { type: Boolean, default: !1 },
19
19
  form: {},
@@ -30,9 +30,9 @@ const j = ["data-testid"], A = ["id", "aria-label", "disabled", "name", "placeho
30
30
  placeholder: {},
31
31
  required: { type: Boolean },
32
32
  rounded: { type: Boolean, default: !0 },
33
- size: { default: o.Small },
33
+ size: { default: i.Small },
34
34
  testId: { default: "clll-select" },
35
- variant: { default: U.Outline }
35
+ variant: { default: P.Outline }
36
36
  }, {
37
37
  modelValue: {},
38
38
  modelModifiers: {}
@@ -40,14 +40,17 @@ const j = ["data-testid"], A = ["id", "aria-label", "disabled", "name", "placeho
40
40
  emits: ["update:modelValue"],
41
41
  setup(e, { expose: C }) {
42
42
  const g = {
43
- [o.Tiny]: s.Tiny,
44
- [o.Small]: s.Tiny,
45
- [o.Medium]: s.Small,
46
- [o.Large]: s.Medium,
47
- [o.XL]: s.Medium
48
- }, a = e, l = "clll-select", m = h(e, "modelValue"), c = q("select-ref"), v = () => {
43
+ [i.Tiny]: n.Tiny,
44
+ [i.Small]: n.Tiny,
45
+ [i.Medium]: n.Small,
46
+ [i.Large]: n.Medium,
47
+ [i.XL]: n.Medium,
48
+ [i.XXL]: n.Large,
49
+ [i.XXXL]: n.Large,
50
+ [i.XXXXL]: n.XL
51
+ }, a = e, l = "clll-select", m = h(e, "modelValue"), c = X("select-ref"), L = () => {
49
52
  c.value && c.value.focus();
50
- }, z = x(() => [
53
+ }, v = q(() => [
51
54
  l,
52
55
  a.borderRadius ? `${l}--${a.borderRadius}` : "",
53
56
  a.busy ? `${l}--busy` : `${l}--ready`,
@@ -64,17 +67,17 @@ const j = ["data-testid"], A = ["id", "aria-label", "disabled", "name", "placeho
64
67
  ]);
65
68
  return C({
66
69
  selectRef: c
67
- }), (J, i) => (n(), f(D, {
70
+ }), (J, o) => (s(), f(R, {
68
71
  fluid: e.fluid,
69
72
  orientation: e.orientation
70
73
  }, {
71
- default: T(() => [
74
+ default: x(() => [
72
75
  d("span", {
73
- class: r(u(z)),
74
- style: V(u(w)({ color: e.color, variant: e.variant })),
76
+ class: r(u(v)),
77
+ style: T(u(D)({ color: e.color, variant: e.variant })),
75
78
  "data-testid": e.testId
76
79
  }, [
77
- e.label ? (n(), f(H, {
80
+ e.label ? (s(), f(E, {
78
81
  key: 0,
79
82
  "css-prefix": l,
80
83
  "html-for": e.id,
@@ -84,12 +87,12 @@ const j = ["data-testid"], A = ["id", "aria-label", "disabled", "name", "placeho
84
87
  }, null, 8, ["html-for", "label", "required", "size"])) : $("", !0),
85
88
  d("span", {
86
89
  class: r(`${l}__select-container`),
87
- onClick: v
90
+ onClick: L
88
91
  }, [
89
- k(d("select", {
92
+ V(d("select", {
90
93
  id: e.id,
91
94
  ref: "select-ref",
92
- "onUpdate:modelValue": i[0] || (i[0] = (t) => m.value = t),
95
+ "onUpdate:modelValue": o[0] || (o[0] = (t) => m.value = t),
93
96
  "aria-label": e.ariaLabel,
94
97
  class: r(`${l}__select`),
95
98
  disabled: e.disabled || e.busy,
@@ -97,33 +100,33 @@ const j = ["data-testid"], A = ["id", "aria-label", "disabled", "name", "placeho
97
100
  placeholder: e.placeholder,
98
101
  form: e.form,
99
102
  required: e.required,
100
- onBlur: i[1] || (i[1] = //@ts-ignore
103
+ onBlur: o[1] || (o[1] = //@ts-ignore
101
104
  (...t) => e.onBlur && e.onBlur(...t)),
102
- onChange: i[2] || (i[2] = //@ts-ignore
105
+ onChange: o[2] || (o[2] = //@ts-ignore
103
106
  (...t) => e.onChange && e.onChange(...t)),
104
- onFocus: i[3] || (i[3] = //@ts-ignore
107
+ onFocus: o[3] || (o[3] = //@ts-ignore
105
108
  (...t) => e.onFocus && e.onFocus(...t))
106
109
  }, [
107
- e.options ? (n(!0), b(M, { key: 0 }, F(e.options, (t, L) => (n(), b("option", {
108
- key: `${e.id}-option-${L}`,
110
+ e.options ? (s(!0), b(k, { key: 0 }, M(e.options, (t, z) => (s(), b("option", {
111
+ key: `${e.id}-option-${z}`,
109
112
  value: t.value,
110
113
  selected: t.value === m.value,
111
114
  disabled: t.disabled
112
- }, I(t.label), 9, G))), 128)) : $("", !0)
115
+ }, F(t.label), 9, G))), 128)) : $("", !0)
113
116
  ], 42, A), [
114
- [N, m.value]
117
+ [I, m.value]
115
118
  ]),
116
119
  d("span", {
117
120
  class: r([`${l}__icon`, "form-select-icon-flex"])
118
121
  }, [
119
- R(u(O), {
120
- name: u(P).ChevronDown,
122
+ N(u(H), {
123
+ name: u(O).ChevronDown,
121
124
  size: g[e.size]
122
125
  }, null, 8, ["name", "size"])
123
126
  ], 2)
124
127
  ], 2)
125
128
  ], 14, j),
126
- e.id ? (n(), f(E, {
129
+ e.id ? (s(), f(w, {
127
130
  key: 0,
128
131
  id: e.id,
129
132
  messages: e.messages,
@@ -1 +1 @@
1
- .clll-textarea{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;flex-direction:column;align-items:flex-start;overflow:visible}.clll-textarea.clll-textarea--haslabel .clll-textarea__label .clll-text.clll-textarea__label--required:after{position:relative;top:var(--clll-unit-1);content:"*";font-size:var(--clll-unit-4_5);font-weight:500;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;color:var(--clll-input-required-asterisk-color, red);text-decoration:unset;margin-inline-start:var(--clll-unit-0_5);box-sizing:content-box;line-height:0}.clll-textarea .clll-textarea__input-container{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;overflow:visible;background-color:var(--clll-input-bg, white)}.clll-textarea .clll-textarea__input-container:focus-within{outline-color:var(--clll-input-focus-border, transparent);outline-style:solid;outline-width:2px;outline-offset:-1px}.clll-textarea .clll-textarea__input{resize:none;display:inline-block;appearance:none;background-color:var(--clll-input-bg, white);border-color:var(--clll-input-border, transparent);border-style:solid;border-width:1px;color:var(--clll-input-text, inherit);font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased}.clll-textarea .clll-textarea__input::placeholder{color:var(--clll-input-text-placeholder, transparent)}.clll-textarea .clll-textarea__input:focus{outline-color:var(--clll-input-focus-border, transparent);outline-style:solid;outline-width:2px;box-shadow:0 0 0 var(--clll-unit-0) var(--clll-input-focus-shadow, transparent);outline-offset:-1px}.clll-textarea .clll-textarea__input:disabled{border-color:var(--clll-input-disabled-border, transparent);background-color:var(--clll-input-disabled-bg, transparent);color:var(--clll-input-text-placeholder, transparent)}.clll-textarea .clll-textarea__input:disabled::placeholder{color:var(--clll-input-text-placeholder, transparent)}.clll-textarea .clll-textarea__input:read-only{border-color:var(--clll-input-readonly-border, transparent);background-color:var(--clll-input-readonly-bg, transparent);color:var(--clll-input-text-placeholder, transparent)}.clll-textarea .clll-textarea__input:read-only::placeholder{color:var(--clll-input-text-placeholder, transparent)}.clll-textarea.clll-textarea--disabled{cursor:default}.clll-textarea.clll-textarea--disabled .clll-textarea__input-container{border-color:var(--clll-input-disabled-border, transparent)}.clll-textarea.clll-textarea--readonly{cursor:not-allowed}.clll-textarea.clll-textarea--readonly .clll-textarea__input-container{border-color:var(--clll-input-readonly-border, transparent);pointer-events:none}.clll-textarea.clll-textarea--resizable .clll-textarea__input{resize:both}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost) .clll-textarea__input-container,.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost) .clll-textarea__input{border-radius:var(--clll-rounded-xs)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-full .clll-textarea__input-container{border-radius:var(--clll-rounded-full)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-lg .clll-textarea__input-container{border-radius:var(--clll-rounded-lg)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-md .clll-textarea__input-container{border-radius:var(--clll-rounded-md)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-sm .clll-textarea__input-container{border-radius:var(--clll-rounded-sm)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-xs .clll-textarea__input-container{border-radius:var(--clll-rounded-xs)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-xl .clll-textarea__input-container{border-radius:var(--clll-rounded-xl)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-2xl .clll-textarea__input-container{border-radius:var(--clll-rounded-2xl)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-3xl .clll-textarea__input-container{border-radius:var(--clll-rounded-3xl)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-none .clll-textarea__input-container{border-radius:0}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-full .clll-textarea__input{border-radius:var(--clll-rounded-full)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-lg .clll-textarea__input{border-radius:var(--clll-rounded-lg)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-md .clll-textarea__input{border-radius:var(--clll-rounded-md)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-sm .clll-textarea__input{border-radius:var(--clll-rounded-sm)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-xs .clll-textarea__input{border-radius:var(--clll-rounded-xs)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-xl .clll-textarea__input{border-radius:var(--clll-rounded-xl)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-2xl .clll-textarea__input{border-radius:var(--clll-rounded-2xl)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-3xl .clll-textarea__input{border-radius:var(--clll-rounded-3xl)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-none .clll-textarea__input{border-radius:0}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost):not([class*=clll-textarea--rounded-]).clll-textarea--rounded .clll-textarea__input-container,.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost):not([class*=clll-textarea--rounded-]).clll-textarea--rounded .clll-textarea__input{border-radius:var(--clll-input-theme-radius, var(--clll-rounded-xs))}.clll-textarea.clll-textarea--rounded.clll-textarea--ghost .clll-textarea__input-container,.clll-textarea.clll-textarea--rounded.clll-textarea--ghost .clll-textarea__input{border-radius:0}.clll-textarea.clll-textarea--tiny:not(.clll-textarea--ghost) .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5);padding:var(--clll-py-xs) var(--clll-px-sm)}.clll-textarea.clll-textarea--tiny.clll-textarea--ghost .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-textarea.clll-textarea--small:not(.clll-textarea--ghost) .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6);padding:var(--clll-py-sm) var(--clll-px-md)}.clll-textarea.clll-textarea--small.clll-textarea--ghost .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-textarea.clll-textarea--medium:not(.clll-textarea--ghost) .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5);padding:var(--clll-py-md) var(--clll-px-lg)}.clll-textarea.clll-textarea--medium.clll-textarea--ghost .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-textarea.clll-textarea--large:not(.clll-textarea--ghost) .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7);padding:var(--clll-py-lg) var(--clll-px-2xl)}.clll-textarea.clll-textarea--large.clll-textarea--ghost .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-textarea.clll-textarea--xlarge:not(.clll-textarea--ghost) .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5);padding:var(--clll-py-2xl) var(--clll-px-3xl)}.clll-textarea.clll-textarea--xlarge.clll-textarea--ghost .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-textarea.clll-textarea--fluid,.clll-textarea.clll-textarea--fluid .clll-textarea__input-container,.clll-textarea.clll-textarea--fluid .clll-textarea__input-container .clll-textarea__input{width:100%}.clll-textarea.clll-textarea--vertical{flex-direction:column}.clll-textarea.clll-textarea--vertical.clll-textarea--haslabel>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1_5)}.clll-textarea.clll-textarea--horizontal.clll-textarea--haslabel{flex-direction:row;flex-wrap:wrap}.clll-textarea.clll-textarea--horizontal.clll-textarea--haslabel .clll-textarea__label{padding-top:var(--clll-unit-1_5)}.clll-textarea.clll-textarea--horizontal.clll-textarea--haslabel .clll-textarea__label,.clll-textarea.clll-textarea--horizontal.clll-textarea--haslabel .clll-textarea__input-container{width:50%}.clll-textarea.clll-textarea--hascharcounter>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-textarea.clll-textarea--ghost .clll-textarea__input-container,.clll-textarea.clll-textarea--ghost .clll-input__input-border-control,.clll-textarea.clll-textarea--ghost .clll-textarea__input{background-color:transparent;border:0;padding:var(--clll-input-ghost-padding, 0);border-radius:0}.clll-textarea.clll-textarea--ghost .clll-textarea__input-container:focus,.clll-textarea.clll-textarea--ghost .clll-textarea__input-container:focus-within,.clll-textarea.clll-textarea--ghost .clll-input__input-border-control:focus,.clll-textarea.clll-textarea--ghost .clll-input__input-border-control:focus-within,.clll-textarea.clll-textarea--ghost .clll-textarea__input:focus,.clll-textarea.clll-textarea--ghost .clll-textarea__input:focus-within{outline:none}
1
+ .clll-textarea{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;flex-direction:column;align-items:flex-start;overflow:visible}.clll-textarea.clll-textarea--haslabel .clll-textarea__label .clll-text.clll-textarea__label--required:after{position:relative;top:var(--clll-unit-1);content:"*";font-size:var(--clll-unit-4_5);font-weight:500;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;color:var(--clll-input-required-asterisk-color, red);text-decoration:unset;margin-inline-start:var(--clll-unit-0_5);box-sizing:content-box;line-height:0}.clll-textarea .clll-textarea__input-container{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;overflow:visible;background-color:var(--clll-input-bg, white)}.clll-textarea .clll-textarea__input-container:focus-within{outline-color:var(--clll-input-focus-border, transparent);outline-style:solid;outline-width:2px;outline-offset:-1px}.clll-textarea .clll-textarea__input{resize:none;display:inline-block;appearance:none;background-color:var(--clll-input-bg, white);border-color:var(--clll-input-border, transparent);border-style:solid;border-width:1px;color:var(--clll-input-text, inherit);font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased}.clll-textarea .clll-textarea__input::placeholder{color:var(--clll-input-text-placeholder, transparent)}.clll-textarea .clll-textarea__input:focus{outline-color:var(--clll-input-focus-border, transparent);outline-style:solid;outline-width:2px;box-shadow:0 0 0 var(--clll-unit-0) var(--clll-input-focus-shadow, transparent);outline-offset:-1px}.clll-textarea .clll-textarea__input:disabled{border-color:var(--clll-input-disabled-border, transparent);background-color:var(--clll-input-disabled-bg, transparent);color:var(--clll-input-text-placeholder, transparent)}.clll-textarea .clll-textarea__input:disabled::placeholder{color:var(--clll-input-text-placeholder, transparent)}.clll-textarea .clll-textarea__input:read-only{border-color:var(--clll-input-readonly-border, transparent);background-color:var(--clll-input-readonly-bg, transparent);color:var(--clll-input-text-placeholder, transparent)}.clll-textarea .clll-textarea__input:read-only::placeholder{color:var(--clll-input-text-placeholder, transparent)}.clll-textarea.clll-textarea--disabled{cursor:default}.clll-textarea.clll-textarea--disabled .clll-textarea__input-container{border-color:var(--clll-input-disabled-border, transparent)}.clll-textarea.clll-textarea--readonly{cursor:not-allowed}.clll-textarea.clll-textarea--readonly .clll-textarea__input-container{border-color:var(--clll-input-readonly-border, transparent);pointer-events:none}.clll-textarea.clll-textarea--resizable .clll-textarea__input{resize:both}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost) .clll-textarea__input-container,.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost) .clll-textarea__input{border-radius:var(--clll-rounded-xs)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-full .clll-textarea__input-container{border-radius:var(--clll-rounded-full)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-lg .clll-textarea__input-container{border-radius:var(--clll-rounded-lg)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-md .clll-textarea__input-container{border-radius:var(--clll-rounded-md)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-sm .clll-textarea__input-container{border-radius:var(--clll-rounded-sm)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-xs .clll-textarea__input-container{border-radius:var(--clll-rounded-xs)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-xl .clll-textarea__input-container{border-radius:var(--clll-rounded-xl)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-2xl .clll-textarea__input-container{border-radius:var(--clll-rounded-2xl)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-3xl .clll-textarea__input-container{border-radius:var(--clll-rounded-3xl)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-none .clll-textarea__input-container{border-radius:0}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-full .clll-textarea__input{border-radius:var(--clll-rounded-full)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-lg .clll-textarea__input{border-radius:var(--clll-rounded-lg)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-md .clll-textarea__input{border-radius:var(--clll-rounded-md)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-sm .clll-textarea__input{border-radius:var(--clll-rounded-sm)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-xs .clll-textarea__input{border-radius:var(--clll-rounded-xs)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-xl .clll-textarea__input{border-radius:var(--clll-rounded-xl)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-2xl .clll-textarea__input{border-radius:var(--clll-rounded-2xl)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-3xl .clll-textarea__input{border-radius:var(--clll-rounded-3xl)}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost).clll-textarea--rounded-none .clll-textarea__input{border-radius:0}.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost):not([class*=clll-textarea--rounded-]).clll-textarea--rounded .clll-textarea__input-container,.clll-textarea.clll-textarea--rounded:not(.clll-textarea--ghost):not([class*=clll-textarea--rounded-]).clll-textarea--rounded .clll-textarea__input{border-radius:var(--clll-input-theme-radius, var(--clll-rounded-xs))}.clll-textarea.clll-textarea--rounded.clll-textarea--ghost .clll-textarea__input-container,.clll-textarea.clll-textarea--rounded.clll-textarea--ghost .clll-textarea__input{border-radius:0}.clll-textarea.clll-textarea--tiny:not(.clll-textarea--ghost) .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5);padding:var(--clll-py-xs) var(--clll-px-sm)}.clll-textarea.clll-textarea--tiny.clll-textarea--ghost .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-textarea.clll-textarea--small:not(.clll-textarea--ghost) .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6);padding:var(--clll-py-sm) var(--clll-px-md)}.clll-textarea.clll-textarea--small.clll-textarea--ghost .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-textarea.clll-textarea--medium:not(.clll-textarea--ghost) .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5);padding:var(--clll-py-md) var(--clll-px-lg)}.clll-textarea.clll-textarea--medium.clll-textarea--ghost .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-textarea.clll-textarea--large:not(.clll-textarea--ghost) .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7);padding:var(--clll-py-lg) var(--clll-px-2xl)}.clll-textarea.clll-textarea--large.clll-textarea--ghost .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-textarea.clll-textarea--xlarge:not(.clll-textarea--ghost) .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5);padding:var(--clll-py-2xl) var(--clll-px-3xl)}.clll-textarea.clll-textarea--xlarge.clll-textarea--ghost .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-textarea.clll-textarea--xxlarge:not(.clll-textarea--ghost) .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-6);line-height:var(--clll-unit-8_5);padding:var(--clll-py-3xl) var(--clll-px-4xl)}.clll-textarea.clll-textarea--xxlarge.clll-textarea--ghost .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-6);line-height:var(--clll-unit-8_5)}.clll-textarea.clll-textarea--xxxlarge:not(.clll-textarea--ghost) .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-7);line-height:var(--clll-unit-9_5);padding:var(--clll-py-4xl) var(--clll-px-5xl)}.clll-textarea.clll-textarea--xxxlarge.clll-textarea--ghost .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-7);line-height:var(--clll-unit-9_5)}.clll-textarea.clll-textarea--xxxxlarge:not(.clll-textarea--ghost) .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-8);line-height:var(--clll-unit-10_5);padding:var(--clll-py-5xl) var(--clll-px-6xl)}.clll-textarea.clll-textarea--xxxxlarge.clll-textarea--ghost .clll-textarea__input-container .clll-textarea__input{font-size:var(--clll-unit-8);line-height:var(--clll-unit-10_5)}.clll-textarea.clll-textarea--fluid,.clll-textarea.clll-textarea--fluid .clll-textarea__input-container,.clll-textarea.clll-textarea--fluid .clll-textarea__input-container .clll-textarea__input{width:100%}.clll-textarea.clll-textarea--vertical{flex-direction:column}.clll-textarea.clll-textarea--vertical.clll-textarea--haslabel>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1_5)}.clll-textarea.clll-textarea--horizontal.clll-textarea--haslabel{flex-direction:row;flex-wrap:wrap}.clll-textarea.clll-textarea--horizontal.clll-textarea--haslabel .clll-textarea__label{padding-top:var(--clll-unit-1_5)}.clll-textarea.clll-textarea--horizontal.clll-textarea--haslabel .clll-textarea__label,.clll-textarea.clll-textarea--horizontal.clll-textarea--haslabel .clll-textarea__input-container{width:50%}.clll-textarea.clll-textarea--hascharcounter>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-textarea.clll-textarea--ghost .clll-textarea__input-container,.clll-textarea.clll-textarea--ghost .clll-input__input-border-control,.clll-textarea.clll-textarea--ghost .clll-textarea__input{background-color:transparent;border:0;padding:var(--clll-input-ghost-padding, 0);border-radius:0}.clll-textarea.clll-textarea--ghost .clll-textarea__input-container:focus,.clll-textarea.clll-textarea--ghost .clll-textarea__input-container:focus-within,.clll-textarea.clll-textarea--ghost .clll-input__input-border-control:focus,.clll-textarea.clll-textarea--ghost .clll-input__input-border-control:focus-within,.clll-textarea.clll-textarea--ghost .clll-textarea__input:focus,.clll-textarea.clll-textarea--ghost .clll-textarea__input:focus-within{outline:none}
@@ -3,7 +3,7 @@ import './CLTextArea.css';
3
3
  import '../../../assets/shared/form-utilities.css';
4
4
  import { defineComponent as $, mergeModels as b, useTemplateRef as x, useModel as C, computed as L, createBlock as i, openBlock as r, withCtx as B, createElementVNode as d, createCommentVNode as s, normalizeStyle as z, normalizeClass as m, unref as c, withDirectives as v, vModelText as k } from "vue";
5
5
  import { _ as T, i as q, a as V } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-CF_lxNr8.js";
6
- import { _ as w } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-DYYs8W4N.js";
6
+ import { _ as w } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-BcHOofhM.js";
7
7
  import { _ as I } from "../../../chunks/CLFormCharCounter.vue_vue_type_style_index_0_lang-CJ4VrvmR.js";
8
8
  import { CLOrientation as f, CLCharCounterLayout as F, CLColorVariants as R, CLSizes as M, CLColors as S } from "../../../index.js";
9
9
  const A = ["data-testid"], N = ["id", "aria-label", "autocomplete", "cols", "disabled", "form", "maxlength", "minlength", "name", "pattern", "placeholder", "readonly", "required", "spellcheck", "rows"], j = /* @__PURE__ */ $({
@@ -2,7 +2,7 @@ import '../../../assets/core.css';
2
2
  import './CLBanner.css';
3
3
  import { defineComponent as L, computed as h, createBlock as l, openBlock as n, unref as a, withCtx as s, createElementVNode as u, normalizeStyle as v, normalizeClass as r, createElementBlock as b, createCommentVNode as o, createTextVNode as m, toDisplayString as c, createVNode as y } from "vue";
4
4
  import { _ as x } from "../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-fn1ix3QX.js";
5
- import { _ as $ } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-B-XC2_j4.js";
5
+ import { _ as $ } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-1hhRUMgR.js";
6
6
  import { _ as S } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-DntAR1dI.js";
7
7
  import { _ as C } from "../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang-DO-kZ629.js";
8
8
  import { _ as B } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-DVwTAVXM.js";
@@ -1,6 +1,6 @@
1
1
  import '../../../assets/core.css';
2
2
  import './CLPill.css';
3
- import { _ as s } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-BbXWiTde.js";
3
+ import { _ as s } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-MaGtvvXD.js";
4
4
  export {
5
5
  s as CLPill,
6
6
  s as default
@@ -1 +1 @@
1
- .clll-progress .clll-progress__bar-container{border-radius:var(--clll-rounded-md);flex:none;display:inline-flex;align-items:center;box-sizing:border-box;display:block;width:100%;position:relative;overflow:hidden;background-color:var(--clll-progress-container-bg, lightgray)}.clll-progress .clll-progress__bar-container .clll-progress__bar{position:absolute;bottom:0;left:0;width:100%;height:100%;transform-origin:left;transform:translate(calc((100 - var(--clll-progress-value)) * -1%));background-color:var(--clll-progress-bar-bg, transparent)}.clll-progress.clll-progress--not-rounded .clll-progress__bar-container{border-radius:0}.clll-progress .clll-progress__status__container{display:flex;justify-content:flex-start}.clll-progress .clll-progress__status__container .clll-progress__status__label{display:flex;justify-content:flex-end;width:calc(var(--clll-progress-value) * 1%)}.clll-progress.clll-progress--inverted .clll-progress__bar{transform-origin:right;transform:translate(calc((100 - var(--clll-progress-value)) * 1%))}.clll-progress.clll-progress--inverted .clll-progress__status__container{display:flex;justify-content:flex-end}.clll-progress.clll-progress--inverted .clll-progress__status__container .clll-progress__status__label{display:flex;justify-content:flex-start;width:calc(var(--clll-progress-value) * 1%)}.clll-progress.clll-progress--tiny .clll-progress__bar-container{height:var(--clll-unit-0_5)}.clll-progress.clll-progress--small .clll-progress__bar-container{height:var(--clll-unit-1)}.clll-progress.clll-progress--medium .clll-progress__bar-container{height:var(--clll-unit-2)}.clll-progress.clll-progress--large .clll-progress__bar-container{height:var(--clll-unit-3)}.clll-progress.clll-progress--xlarge .clll-progress__bar-container{height:var(--clll-unit-4)}
1
+ .clll-progress .clll-progress__bar-container{border-radius:var(--clll-rounded-md);flex:none;display:inline-flex;align-items:center;box-sizing:border-box;display:block;width:100%;position:relative;overflow:hidden;background-color:var(--clll-progress-container-bg, lightgray)}.clll-progress .clll-progress__bar-container .clll-progress__bar{position:absolute;bottom:0;left:0;width:100%;height:100%;transform-origin:left;transform:translate(calc((100 - var(--clll-progress-value)) * -1%));background-color:var(--clll-progress-bar-bg, transparent)}.clll-progress.clll-progress--not-rounded .clll-progress__bar-container{border-radius:0}.clll-progress .clll-progress__status__container{display:flex;justify-content:flex-start}.clll-progress .clll-progress__status__container .clll-progress__status__label{display:flex;justify-content:flex-end;width:calc(var(--clll-progress-value) * 1%)}.clll-progress.clll-progress--inverted .clll-progress__bar{transform-origin:right;transform:translate(calc((100 - var(--clll-progress-value)) * 1%))}.clll-progress.clll-progress--inverted .clll-progress__status__container{display:flex;justify-content:flex-end}.clll-progress.clll-progress--inverted .clll-progress__status__container .clll-progress__status__label{display:flex;justify-content:flex-start;width:calc(var(--clll-progress-value) * 1%)}.clll-progress.clll-progress--tiny .clll-progress__bar-container{height:var(--clll-unit-0_5)}.clll-progress.clll-progress--small .clll-progress__bar-container{height:var(--clll-unit-1)}.clll-progress.clll-progress--medium .clll-progress__bar-container{height:var(--clll-unit-2)}.clll-progress.clll-progress--large .clll-progress__bar-container{height:var(--clll-unit-3)}.clll-progress.clll-progress--xlarge .clll-progress__bar-container{height:var(--clll-unit-4)}.clll-progress.clll-progress--xxlarge .clll-progress__bar-container{height:var(--clll-unit-5)}.clll-progress.clll-progress--xxxlarge .clll-progress__bar-container{height:var(--clll-unit-6)}.clll-progress.clll-progress--xxxxlarge .clll-progress__bar-container{height:var(--clll-unit-7)}
@@ -1 +1 @@
1
- .clll-spinner{display:flex;color:var(--clll-spinner-color, inherit)}.clll-spinner.clll-spinner--absolute{position:absolute;top:0;left:0;width:100%;height:100%}.clll-spinner.clll-spinner--relative{position:relative}.clll-spinner.clll-spinner--left{align-items:center;justify-content:flex-start}.clll-spinner.clll-spinner--center{align-items:center;justify-content:center}.clll-spinner.clll-spinner--right{align-items:center;justify-content:flex-end}.clll-spinner .clll-spinner__circle{animation:spin 1s linear infinite}.clll-spinner .clll-spinner__circle.clll-spinner__circle--tiny{width:var(--clll-unit-4);height:var(--clll-unit-4)}.clll-spinner .clll-spinner__circle.clll-spinner__circle--small{width:var(--clll-unit-5);height:var(--clll-unit-5)}.clll-spinner .clll-spinner__circle.clll-spinner__circle--medium{width:var(--clll-unit-6);height:var(--clll-unit-6)}.clll-spinner .clll-spinner__circle.clll-spinner__circle--large{width:var(--clll-unit-8);height:var(--clll-unit-8)}.clll-spinner .clll-spinner__circle.clll-spinner__circle--xlarge{width:var(--clll-unit-10);height:var(--clll-unit-10)}@keyframes spin{to{transform:rotate(360deg)}}
1
+ .clll-spinner{display:flex;color:var(--clll-spinner-color, inherit)}.clll-spinner.clll-spinner--absolute{position:absolute;top:0;left:0;width:100%;height:100%}.clll-spinner.clll-spinner--relative{position:relative}.clll-spinner.clll-spinner--left{align-items:center;justify-content:flex-start}.clll-spinner.clll-spinner--center{align-items:center;justify-content:center}.clll-spinner.clll-spinner--right{align-items:center;justify-content:flex-end}.clll-spinner .clll-spinner__circle{animation:spin 1s linear infinite}.clll-spinner .clll-spinner__circle.clll-spinner__circle--tiny{width:var(--clll-unit-4);height:var(--clll-unit-4)}.clll-spinner .clll-spinner__circle.clll-spinner__circle--small{width:var(--clll-unit-5);height:var(--clll-unit-5)}.clll-spinner .clll-spinner__circle.clll-spinner__circle--medium{width:var(--clll-unit-6);height:var(--clll-unit-6)}.clll-spinner .clll-spinner__circle.clll-spinner__circle--large{width:var(--clll-unit-8);height:var(--clll-unit-8)}.clll-spinner .clll-spinner__circle.clll-spinner__circle--xlarge{width:var(--clll-unit-10);height:var(--clll-unit-10)}.clll-spinner .clll-spinner__circle.clll-spinner__circle--xxlarge{width:var(--clll-unit-12);height:var(--clll-unit-12)}.clll-spinner .clll-spinner__circle.clll-spinner__circle--xxxlarge{width:var(--clll-unit-14);height:var(--clll-unit-14)}.clll-spinner .clll-spinner__circle.clll-spinner__circle--xxxxlarge{width:var(--clll-unit-16);height:var(--clll-unit-16)}@keyframes spin{to{transform:rotate(360deg)}}
@@ -1,7 +1,7 @@
1
1
  import '../../../assets/core.css';
2
2
  import './CLModal.css';
3
3
  import { defineComponent as W, useTemplateRef as F, useSlots as U, ref as Z, computed as m, watch as j, onMounted as q, onBeforeUnmount as A, createElementBlock as p, createCommentVNode as v, openBlock as w, normalizeStyle as y, normalizeClass as l, unref as n, createElementVNode as d, createBlock as B, renderSlot as $, withCtx as G, createTextVNode as J, toDisplayString as K } from "vue";
4
- import { _ as P } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-B-XC2_j4.js";
4
+ import { _ as P } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-1hhRUMgR.js";
5
5
  import { _ as Q } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-DntAR1dI.js";
6
6
  import { CLMode as k, CLColors as T, CLColorVariants as N, CLBorderRadius as X, CLIconSizes as Y, CLIconNames as ee, CLHeadingTypes as oe } from "../../../index.js";
7
7
  import { g as te } from "../../../chunks/utils-DtSQZ0tk.js";
@@ -1,6 +1,6 @@
1
1
  import '../../../assets/core.css';
2
2
  import './CLLink.css';
3
- import { _ as s } from "../../../chunks/CLLink.vue_vue_type_style_index_0_lang-sXIdl0uH.js";
3
+ import { _ as s } from "../../../chunks/CLLink.vue_vue_type_style_index_0_lang-BTjLe8m6.js";
4
4
  export {
5
5
  s as CLLink,
6
6
  s as default
@@ -1,5 +1,5 @@
1
1
  import '../../../assets/core.css';
2
- import { _ as s } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-FMOMJjMR.js";
2
+ import { _ as s } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-B5DiOsML.js";
3
3
  export {
4
4
  s as CLNavLink,
5
5
  s as default
@@ -1,7 +1,7 @@
1
1
  import '../../../assets/core.css';
2
2
  import './CLNavSection.css';
3
3
  import { defineComponent as f, computed as u, createElementBlock as a, openBlock as l, normalizeClass as m, unref as r, Fragment as p, renderList as _, createVNode as i, withCtx as n, createTextVNode as C, toDisplayString as x } from "vue";
4
- import { _ as k } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-FMOMJjMR.js";
4
+ import { _ as k } from "../../../chunks/CLNavLink.vue_vue_type_script_setup_true_lang-B5DiOsML.js";
5
5
  import { _ as L } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-DVwTAVXM.js";
6
6
  import { CLOrientation as h, CLColors as $ } from "../../../index.js";
7
7
  const g = ["data-testid"], V = /* @__PURE__ */ f({
@@ -1,8 +1,8 @@
1
1
  import '../../../assets/core.css';
2
2
  import './CLDropdownMenu.css';
3
3
  import { computed as V, ref as E, shallowRef as Qt, watch as ut, getCurrentScope as te, onScopeDispose as ee, shallowReadonly as _, unref as A, defineComponent as ne, onBeforeUnmount as oe, createElementBlock as St, openBlock as At, normalizeClass as dt, createVNode as Ot, createCommentVNode as ie, withCtx as Et, createTextVNode as re, toDisplayString as le, normalizeStyle as se, renderSlot as ce } from "vue";
4
- import { _ as ae } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-B-XC2_j4.js";
5
- import { _ as fe } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-DZ-2FEcq.js";
4
+ import { _ as ae } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-1hhRUMgR.js";
5
+ import { _ as fe } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-CImCt0f6.js";
6
6
  import { c as ue, i as mt } from "../../../chunks/helper-oZuRnF9g.js";
7
7
  import { useDropdown as de } from "../../../composables/useDropdown.js";
8
8
  import { useEsc as me } from "../../../composables/useEsc.js";
@@ -1,6 +1,6 @@
1
1
  import '../../../assets/core.css';
2
2
  import './CLToast.css';
3
- import { _ as s } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-BL61sRYd.js";
3
+ import { _ as s } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-CdL1bLuX.js";
4
4
  export {
5
5
  s as CLToast,
6
6
  s as default
@@ -1,6 +1,6 @@
1
1
  import '../../../assets/core.css';
2
2
  import { defineComponent as L, ref as i, provide as g, createElementBlock as k, openBlock as h, createBlock as z, createCommentVNode as B, renderSlot as R, unref as S } from "vue";
3
- import { _ as A } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-BL61sRYd.js";
3
+ import { _ as A } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-CdL1bLuX.js";
4
4
  const $ = { class: "clll-toast-provider" }, E = /* @__PURE__ */ L({
5
5
  name: "CLToastProvider",
6
6
  __name: "CLToastProvider",
@@ -1 +1 @@
1
- .clll-heading{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0;color:var(--clll-text-color, inherit);white-space:pre-wrap}.clll-heading.clll-heading--pagetitle{font-weight:700;font-size:var(--clll-unit-12);line-height:var(--clll-unit-14_5)}.clll-heading.clll-heading--title{font-weight:600;font-size:var(--clll-unit-8);line-height:var(--clll-unit-10_5)}.clll-heading.clll-heading--section{font-weight:600;font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-heading.clll-heading--subsection{font-weight:500;font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-heading.clll-heading--small{font-weight:700;font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-heading.clll-heading--medium{font-weight:700;font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-heading.clll-heading--large{font-weight:700;font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-heading.clll-heading--xlarge{font-weight:700;font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-heading.clll-heading--wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clll-heading.clll-heading--bolder{font-weight:900}.clll-heading.clll-heading--left{text-align:left}.clll-heading.clll-heading--center{text-align:center}.clll-heading.clll-heading--right{text-align:right}
1
+ .clll-heading{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0;color:var(--clll-text-color, inherit);white-space:pre-wrap}.clll-heading.clll-heading--pagetitle{font-weight:700;font-size:var(--clll-unit-12);line-height:var(--clll-unit-14_5)}.clll-heading.clll-heading--title{font-weight:600;font-size:var(--clll-unit-8);line-height:var(--clll-unit-10_5)}.clll-heading.clll-heading--section{font-weight:600;font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-heading.clll-heading--subsection{font-weight:500;font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-heading.clll-heading--small{font-weight:700;font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-heading.clll-heading--medium{font-weight:700;font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-heading.clll-heading--large{font-weight:700;font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-heading.clll-heading--xlarge{font-weight:700;font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-heading.clll-heading--xxlarge{font-weight:700;font-size:var(--clll-unit-6);line-height:var(--clll-unit-8_5)}.clll-heading.clll-heading--xxxlarge{font-weight:700;font-size:var(--clll-unit-7);line-height:var(--clll-unit-9_5)}.clll-heading.clll-heading--xxxxlarge{font-weight:700;font-size:var(--clll-unit-8);line-height:var(--clll-unit-10_5)}.clll-heading.clll-heading--wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clll-heading.clll-heading--bolder{font-weight:900}.clll-heading.clll-heading--left{text-align:left}.clll-heading.clll-heading--center{text-align:center}.clll-heading.clll-heading--right{text-align:right}
@@ -1 +1 @@
1
- .clll-text{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0;color:var(--clll-text-color, inherit);white-space:pre-wrap;font-weight:400}.clll-text.clll-text--body{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-text.clll-text--summary{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-text.clll-text--tiny{font-size:var(--clll-unit-2_5);line-height:var(--clll-unit-3_5)}.clll-text.clll-text--small{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-text.clll-text--medium{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-text.clll-text--large{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-text.clll-text--xlarge{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-text.clll-text--wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clll-text.clll-text--bold{font-weight:700}.clll-text.clll-text--bolder{font-weight:900}.clll-text.clll-text--light{font-weight:300}.clll-text.clll-text--mediumbold{font-weight:500}.clll-text.clll-text--left{text-align:left}.clll-text.clll-text--center{text-align:center}.clll-text.clll-text--right{text-align:right}
1
+ .clll-text{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0;color:var(--clll-text-color, inherit);white-space:pre-wrap;font-weight:400}.clll-text.clll-text--body{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-text.clll-text--summary{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-text.clll-text--tiny{font-size:var(--clll-unit-2_5);line-height:var(--clll-unit-3_5)}.clll-text.clll-text--small{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-text.clll-text--medium{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-text.clll-text--large{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-text.clll-text--xlarge{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-text.clll-text--xxlarge{font-size:var(--clll-unit-6);line-height:var(--clll-unit-8_5)}.clll-text.clll-text--xxxlarge{font-size:var(--clll-unit-7);line-height:var(--clll-unit-9_5)}.clll-text.clll-text--xxxxlarge{font-size:var(--clll-unit-8);line-height:var(--clll-unit-10_5)}.clll-text.clll-text--wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clll-text.clll-text--bold{font-weight:700}.clll-text.clll-text--bolder{font-weight:900}.clll-text.clll-text--light{font-weight:300}.clll-text.clll-text--mediumbold{font-weight:500}.clll-text.clll-text--left{text-align:left}.clll-text.clll-text--center{text-align:center}.clll-text.clll-text--right{text-align:right}