@codeandfunction/callaloo 4.9.0 → 4.9.2

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 (15) hide show
  1. package/dist/callaloo.global.js +1 -1
  2. package/dist/chunks/{CLCalendar-XcUGsiWk.js → CLCalendar-BGwHfZr9.js} +57 -53
  3. package/dist/components/Form/CLCalendar/CLCalendar.css +1 -1
  4. package/dist/components/Form/CLCalendar/CLCalendar.js +1 -1
  5. package/dist/components/Form/CLCalendar/CLCalendar.vue.d.ts +3 -0
  6. package/dist/components/Form/CLInput/CLInput.css +1 -0
  7. package/dist/components/Form/CLInput/CLInput.js +50 -49
  8. package/dist/components/Form/CLInputDatePicker/CLInputDatePicker.js +1 -1
  9. package/dist/components/Form/CLInputDatePicker/CLInputDatePicker.vue.d.ts +2 -0
  10. package/dist/components/Modals/CLModalDatePicker/CLModalDatePicker.js +1 -1
  11. package/dist/components/Modals/CLModalDatePicker/CLModalDatePicker.vue.d.ts +2 -0
  12. package/dist/styles.css +1 -1
  13. package/package.json +1 -1
  14. package/dist/components/Form/CLInputDatePicker/CLInput.css +0 -1
  15. package/dist/test-setup.d.ts +0 -1
package/dist/chunks/{CLCalendar-XcUGsiWk.js → CLCalendar-BGwHfZr9.js} RENAMED
@@ -1,57 +1,61 @@
1
- import { defineComponent as Y, mergeModels as S, useModel as Z, ref as w, toRef as ee, watch as ae, onMounted as te, createElementBlock as s, openBlock as i, normalizeClass as c, createElementVNode as M, createVNode as f, unref as e, withCtx as v, createTextVNode as h, toDisplayString as C, Fragment as $, renderList as B, createBlock as le, createCommentVNode as re } from "vue";
1
+ import { defineComponent as Y, mergeModels as w, useCssVars as Z, useModel as ee, ref as S, toRef as ae, watch as te, onMounted as le, createElementBlock as s, openBlock as i, normalizeClass as u, createElementVNode as M, createVNode as f, unref as e, withCtx as y, createTextVNode as h, toDisplayString as C, Fragment as V, renderList as $, createBlock as re, createCommentVNode as ie } from "vue";
2
2
  import { _ as b } from "./CLButton.vue_vue_type_style_index_0_lang-MvhnNzVW.js";
3
- import { _ as N } from "./CLText.vue_vue_type_style_index_0_lang-B-L8ECJL.js";
4
- import { CLColorVariants as u, CLSizes as _, CLIconSizes as V, CLIconNames as P, CLBorderRadius as k, CLTextTypes as R, CLColors as g, CLAlign as ie } from "../index.js";
5
- import { useDatePicker as oe } from "../composables/useDatePicker.js";
6
- import { _ as ne } from "./_plugin-vue_export-helper-CHgC5LLL.js";
7
- const de = ["data-testid"], se = /* @__PURE__ */ Y({
3
+ import { _ as B } from "./CLText.vue_vue_type_style_index_0_lang-B-L8ECJL.js";
4
+ import { CLColorVariants as c, CLSizes as _, CLIconSizes as N, CLIconNames as P, CLBorderRadius as k, CLTextTypes as R, CLColors as g, CLAlign as oe } from "../index.js";
5
+ import { useDatePicker as ne } from "../composables/useDatePicker.js";
6
+ import { _ as de } from "./_plugin-vue_export-helper-CHgC5LLL.js";
7
+ const se = ["data-testid"], ue = /* @__PURE__ */ Y({
8
8
  name: "CLCalendar",
9
9
  __name: "CLCalendar",
10
- props: /* @__PURE__ */ S({
10
+ props: /* @__PURE__ */ w({
11
11
  color: { default: g.Primary },
12
12
  disabled: { type: Boolean, default: !1 },
13
13
  busy: { type: Boolean, default: !1 },
14
14
  isRange: { type: Boolean, default: !0 },
15
15
  fluid: { type: Boolean, default: !1 },
16
- testId: { default: "clll-calendar" }
16
+ testId: { default: "clll-calendar" },
17
+ width: { default: "280px" }
17
18
  }, {
18
19
  modelValue: {},
19
20
  modelModifiers: {}
20
21
  }),
21
- emits: /* @__PURE__ */ S(["date-select"], ["update:modelValue"]),
22
- setup(t, { expose: T, emit: I }) {
23
- const m = t, E = I, l = "clll-calendar", o = Z(t, "modelValue"), n = w(o.value?.end ?? null), d = w(o.value?.start ?? null), {
22
+ emits: /* @__PURE__ */ w(["date-select"], ["update:modelValue"]),
23
+ setup(l, { expose: T, emit: I }) {
24
+ Z((t) => ({
25
+ v0c243535: t.width
26
+ }));
27
+ const m = l, E = I, r = "clll-calendar", o = ee(l, "modelValue"), n = S(o.value?.end ?? null), d = S(o.value?.start ?? null), {
24
28
  calendarGrid: F,
25
29
  cancelDraft: G,
26
30
  clearDraft: A,
27
31
  currentMonthLabel: O,
28
- draftEnd: D,
29
- draftStart: L,
32
+ draftEnd: x,
33
+ draftStart: D,
30
34
  getDayAriaLabel: j,
31
35
  handleNextMonth: q,
32
36
  handlePrevMonth: H,
33
37
  initializeDraft: p,
34
- isDraftEnd: x,
38
+ isDraftEnd: L,
35
39
  isDraftStart: z,
36
40
  isInDraftRange: J,
37
41
  onDayClick: K,
38
42
  weekDays: Q
39
- } = oe({
43
+ } = ne({
40
44
  appliedEnd: n,
41
45
  appliedStart: d,
42
- isRange: ee(m, "isRange")
46
+ isRange: ae(m, "isRange")
43
47
  });
44
- ae(o, (r) => {
45
- d.value = r?.start ?? null, n.value = r?.end ?? null, p();
46
- }, { deep: !0 }), te(() => {
48
+ te(o, (t) => {
49
+ d.value = t?.start ?? null, n.value = t?.end ?? null, p();
50
+ }, { deep: !0 }), le(() => {
47
51
  p();
48
52
  });
49
- const U = (r, y) => {
50
- y?.preventDefault(), y?.stopPropagation(), !(m.disabled || m.busy || !r) && (K(r), E("date-select", r));
53
+ const U = (t, v) => {
54
+ v?.preventDefault(), v?.stopPropagation(), !(m.disabled || m.busy || !t) && (K(t), E("date-select", t));
51
55
  };
52
56
  return T({
53
57
  apply: () => {
54
- d.value = L.value, n.value = D.value, o.value = {
58
+ d.value = D.value, n.value = x.value, o.value = {
55
59
  end: n.value,
56
60
  start: d.value
57
61
  };
@@ -59,36 +63,36 @@ const de = ["data-testid"], se = /* @__PURE__ */ Y({
59
63
  cancel: () => {
60
64
  G();
61
65
  },
62
- draftEnd: D,
63
- draftStart: L,
66
+ draftEnd: x,
67
+ draftStart: D,
64
68
  initializeDraft: p,
65
69
  reset: () => {
66
70
  A(), d.value = null, n.value = null, o.value = null;
67
71
  }
68
- }), (r, y) => (i(), s("div", {
69
- class: c([l, t.fluid ? `${l}__fluid` : ""]),
70
- "data-testid": t.testId
72
+ }), (t, v) => (i(), s("div", {
73
+ class: u([r, l.fluid ? `${r}__fluid` : ""]),
74
+ "data-testid": l.testId
71
75
  }, [
72
76
  M("div", {
73
- class: c(`${l}__header`)
77
+ class: u(`${r}__header`)
74
78
  }, [
75
79
  f(e(b), {
76
80
  "aria-label": "Previous month",
77
81
  "border-radius": e(k).Full,
78
82
  "icon-before": e(P).ChevronLeft,
79
- "icon-size": e(V).Tiny,
83
+ "icon-size": e(N).Tiny,
80
84
  "on-click": e(H),
81
85
  size: e(_).Tiny,
82
- variant: e(u).Ghost,
86
+ variant: e(c).Ghost,
83
87
  height: "32px",
84
88
  width: "32px",
85
89
  wrap: ""
86
90
  }, null, 8, ["border-radius", "icon-before", "icon-size", "on-click", "size", "variant"]),
87
- f(e(N), {
91
+ f(e(B), {
88
92
  type: e(R).Medium,
89
93
  medium: ""
90
94
  }, {
91
- default: v(() => [
95
+ default: y(() => [
92
96
  h(C(e(O)), 1)
93
97
  ]),
94
98
  _: 1
@@ -97,63 +101,63 @@ const de = ["data-testid"], se = /* @__PURE__ */ Y({
97
101
  "aria-label": "Next month",
98
102
  "border-radius": e(k).Full,
99
103
  "icon-before": e(P).ChevronRight,
100
- "icon-size": e(V).Tiny,
104
+ "icon-size": e(N).Tiny,
101
105
  "on-click": e(q),
102
106
  size: e(_).Tiny,
103
- variant: e(u).Ghost,
107
+ variant: e(c).Ghost,
104
108
  height: "32px",
105
109
  width: "32px",
106
110
  wrap: ""
107
111
  }, null, 8, ["border-radius", "icon-before", "icon-size", "on-click", "size", "variant"])
108
112
  ], 2),
109
113
  M("div", {
110
- class: c(`${l}__grid`)
114
+ class: u(`${r}__grid`)
111
115
  }, [
112
- (i(!0), s($, null, B(e(Q), (a) => (i(), s("div", {
116
+ (i(!0), s(V, null, $(e(Q), (a) => (i(), s("div", {
113
117
  key: a,
114
- class: c(`${l}__weekday`)
118
+ class: u(`${r}__weekday`)
115
119
  }, [
116
- f(e(N), {
117
- align: e(ie).Center,
120
+ f(e(B), {
121
+ align: e(oe).Center,
118
122
  color: e(g).Neutral,
119
123
  type: e(R).Small
120
124
  }, {
121
- default: v(() => [
125
+ default: y(() => [
122
126
  h(C(a), 1)
123
127
  ]),
124
128
  _: 2
125
129
  }, 1032, ["align", "color", "type"])
126
130
  ], 2))), 128)),
127
- (i(!0), s($, null, B(e(F), (a, W) => (i(), s("div", {
131
+ (i(!0), s(V, null, $(e(F), (a, W) => (i(), s("div", {
128
132
  key: a.date ?? `pad-${W}`,
129
- class: c([
130
- `${l}__cell`,
131
- a.isOutsideMonth ? `${l}__cell--outside` : ""
133
+ class: u([
134
+ `${r}__cell`,
135
+ a.isOutsideMonth ? `${r}__cell--outside` : ""
132
136
  ])
133
137
  }, [
134
- a.day && a.date ? (i(), le(e(b), {
138
+ a.day && a.date ? (i(), re(e(b), {
135
139
  key: 0,
136
140
  "aria-label": e(j)(a.date),
137
141
  "border-radius": e(k).Full,
138
- color: e(z)(a.date) || e(x)(a.date) ? t.color : e(g).Secondary,
139
- disabled: t.disabled || t.busy,
142
+ color: e(z)(a.date) || e(L)(a.date) ? l.color : e(g).Secondary,
143
+ disabled: l.disabled || l.busy,
140
144
  size: e(_).Small,
141
145
  height: "100%",
142
146
  width: "100%",
143
147
  "on-click": (X) => U(a.date, X),
144
- variant: e(z)(a.date) || e(x)(a.date) ? e(u).Solid : e(J)(a.date) ? e(u).Soft : e(u).Ghost,
148
+ variant: e(z)(a.date) || e(L)(a.date) ? e(c).Solid : e(J)(a.date) ? e(c).Soft : e(c).Ghost,
145
149
  wrap: ""
146
150
  }, {
147
- default: v(() => [
151
+ default: y(() => [
148
152
  h(C(a.day), 1)
149
153
  ]),
150
154
  _: 2
151
- }, 1032, ["aria-label", "border-radius", "color", "disabled", "size", "on-click", "variant"])) : re("", !0)
155
+ }, 1032, ["aria-label", "border-radius", "color", "disabled", "size", "on-click", "variant"])) : ie("", !0)
152
156
  ], 2))), 128))
153
157
  ], 2)
154
- ], 10, de));
158
+ ], 10, se));
155
159
  }
156
- }), be = /* @__PURE__ */ ne(se, [["__scopeId", "data-v-d4bca6fb"]]);
160
+ }), _e = /* @__PURE__ */ de(ue, [["__scopeId", "data-v-94d6ba3b"]]);
157
161
  export {
158
- be as C
162
+ _e as C
159
163
  };
package/dist/components/Form/CLCalendar/CLCalendar.css CHANGED
@@ -1 +1 @@
1
- .clll-calendar[data-v-d4bca6fb]{display:flex;flex-direction:column;background-color:#fff;box-sizing:border-box;max-width:300px}.clll-calendar__fluid[data-v-d4bca6fb]{width:100%;max-width:none}.clll-calendar__header[data-v-d4bca6fb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--clll-unit-4)}.clll-calendar__grid[data-v-d4bca6fb]{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--clll-unit-1)}.clll-calendar__weekday[data-v-d4bca6fb]{text-align:center;padding-bottom:var(--clll-unit-1)}.clll-calendar__cell[data-v-d4bca6fb]{aspect-ratio:1;display:flex;justify-content:center;align-items:center}.clll-calendar__cell--outside[data-v-d4bca6fb]{opacity:.55}
1
+ .clll-calendar[data-v-94d6ba3b]{display:flex;flex-direction:column;background-color:#fff;box-sizing:border-box;width:var(--v0c243535)}.clll-calendar__fluid[data-v-94d6ba3b]{width:100%;max-width:none}.clll-calendar__header[data-v-94d6ba3b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--clll-unit-4)}.clll-calendar__grid[data-v-94d6ba3b]{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--clll-unit-1)}.clll-calendar__weekday[data-v-94d6ba3b]{text-align:center;padding-bottom:var(--clll-unit-1)}.clll-calendar__cell[data-v-94d6ba3b]{aspect-ratio:1;display:flex;justify-content:center;align-items:center}.clll-calendar__cell--outside[data-v-94d6ba3b]{opacity:.55}
package/dist/components/Form/CLCalendar/CLCalendar.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import '../../../assets/core.css';
2
2
  import './CLCalendar.css';
3
- import { C } from "../../../chunks/CLCalendar-XcUGsiWk.js";
3
+ import { C } from "../../../chunks/CLCalendar-BGwHfZr9.js";
4
4
  export {
5
5
  C as CLCalendar,
6
6
  C as default
package/dist/components/Form/CLCalendar/CLCalendar.vue.d.ts CHANGED
@@ -13,6 +13,8 @@ export interface CLCalendarProps {
13
13
  fluid?: boolean;
14
14
  /** Test ID for testing purposes. */
15
15
  testId?: string;
16
+ /** Sets the width of the calendar. */
17
+ width?: string;
16
18
  }
17
19
  declare const _default: import('vue').DefineComponent<{
18
20
  modelValue?: {
@@ -47,6 +49,7 @@ declare const _default: import('vue').DefineComponent<{
47
49
  color: CLColors;
48
50
  fluid: boolean;
49
51
  testId: string;
52
+ width: string;
50
53
  busy: boolean;
51
54
  disabled: boolean;
52
55
  isRange: boolean;
package/dist/components/Form/CLInput/CLInput.css ADDED
@@ -0,0 +1 @@
1
+ .clll-input__input-prefix--string,.clll-input__input-suffix--string{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased}.clll-input__selected-color-tools{display:flex}.clll-input__selected-color-tools>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-0_5)}.clll-input__selected-color-tools .clll-button{flex:none}.clll-input{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;align-items:flex-start;overflow:visible}.clll-input.clll-input--haslabel .clll-input__label .clll-text.clll-input__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-input .clll-input__input-container{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;display:flex;align-items:stretch;overflow:visible;background-color:var(--clll-input-bg, white);border-color:var(--clll-input-border, transparent);border-style:solid;border-width:1px}.clll-input .clll-input__input-container:focus-within{outline-color:var(--clll-input-focus-border, transparent);outline-style:solid;outline-width:2px;outline-offset:-1px}.clll-input .clll-input__input-container .clll-input__input-border-control{display:flex;align-items:center;width:100%}.clll-input .clll-input__input{display:inline-block;appearance:none;background-color:var(--clll-input-bg, white);border-color:var(--clll-input-border, transparent);border-style:solid;border-width:0;color:var(--clll-input-text, inherit);font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased}.clll-input .clll-input__input::placeholder{color:var(--clll-input-text-placeholder, transparent)}.clll-input .clll-input__input:focus{outline:none}.clll-input .clll-input__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-input .clll-input__input:disabled::placeholder{color:var(--clll-input-text-placeholder, transparent)}.clll-input .clll-input__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-input .clll-input__input:read-only::placeholder{color:var(--clll-input-text-placeholder, transparent)}.clll-input .clll-input__input.--input-group{border:0;outline:none}.clll-input.clll-input--disabled{cursor:default}.clll-input.clll-input--disabled .clll-input__input-container{border-color:var(--clll-input-disabled-border, transparent);background-color:var(--clll-input-disabled-bg, transparent)}.clll-input.clll-input--readonly{cursor:not-allowed}.clll-input.clll-input--readonly .clll-input__input-container{background-color:var(--clll-input-readonly-bg, transparent);border-color:var(--clll-input-readonly-border, transparent);pointer-events:none}.clll-input .clll-input__input-prefix,.clll-input .clll-input__input-suffix,.clll-input .clll-icon{color:var(--clll-input-prefix-suffix-color, transparent)}.clll-input .clll-input__input-prefix.--disabled,.clll-input .clll-input__input-suffix.--disabled{opacity:.5;pointer-events:none}.clll-input .clll-input__input-prefix.--disabled .clll-icon,.clll-input .clll-input__input-suffix.--disabled .clll-icon{color:var(--clll-input-prefix-suffix-color, transparent);opacity:.5}.clll-input.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--grouped .clll-input__input-suffix,.clll-input.clll-input--grouped .clll-input__char-counter{background-color:var(--clll-input-grouped-bg, transparent);color:var(--clll-input-prefix-suffix-color, transparent)}.clll-input.clll-input--grouped .clll-input__input-prefix .clll-icon,.clll-input.clll-input--grouped .clll-input__input-suffix .clll-icon,.clll-input.clll-input--grouped .clll-input__char-counter .clll-icon{color:var(--clll-input-prefix-suffix-color, transparent)}.clll-input.clll-input--grouped{background-color:transparent;border:0}.clll-input.clll-input--file .clll-input__input-container .clll-input__input::file-selector-button{background-color:var(--clll-input-grouped-bg, transparent)}.clll-input.clll-input--hascharcounter .clll-input__char-counter{color:var(--clll-input-prefix-suffix-color, transparent)}.clll-input.clll-input--hascharcounter .clll-input__input{border:0;outline:0}.clll-input.clll-input--ghost .clll-input__input-container,.clll-input.clll-input--ghost .clll-input__input-border-control,.clll-input.clll-input--ghost .clll-input__input{background-color:transparent;border:0;padding:var(--clll-input-ghost-padding, 0);border-radius:0}.clll-input.clll-input--ghost .clll-input__input-container:focus,.clll-input.clll-input--ghost .clll-input__input-container:focus-within,.clll-input.clll-input--ghost .clll-input__input-border-control:focus,.clll-input.clll-input--ghost .clll-input__input-border-control:focus-within,.clll-input.clll-input--ghost .clll-input__input:focus,.clll-input.clll-input--ghost .clll-input__input:focus-within{outline:none}.clll-input.clll-input--hascustomprefix,.clll-input.clll-input--hascustomsuffix,.clll-input.clll-input--grouped,.clll-input.clll-input--ghost{border-radius:var(--clll-rounded-xs)}.clll-input.clll-input--hascustomprefix:focus,.clll-input.clll-input--hascustomprefix:focus-within,.clll-input.clll-input--hascustomsuffix:focus,.clll-input.clll-input--hascustomsuffix:focus-within,.clll-input.clll-input--grouped:focus,.clll-input.clll-input--grouped:focus-within,.clll-input.clll-input--ghost:focus,.clll-input.clll-input--ghost:focus-within{border-color:transparent}.clll-input .clll-input__char-counter,.clll-input .clll-input__selected-color{display:flex;align-items:center;justify-content:center;pointer-events:none;user-select:none}.clll-input.clll-input--rounded:not(.clll-input--ghost) .clll-input__input-container,.clll-input.clll-input--rounded:not(.clll-input--ghost) .clll-input__input{border-radius:var(--clll-rounded-xs)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-full .clll-input__input-container{border-radius:var(--clll-rounded-full)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-lg .clll-input__input-container{border-radius:var(--clll-rounded-lg)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-md .clll-input__input-container{border-radius:var(--clll-rounded-md)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-sm .clll-input__input-container{border-radius:var(--clll-rounded-sm)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-xs .clll-input__input-container{border-radius:var(--clll-rounded-xs)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-xl .clll-input__input-container{border-radius:var(--clll-rounded-xl)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-2xl .clll-input__input-container{border-radius:var(--clll-rounded-2xl)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-3xl .clll-input__input-container{border-radius:var(--clll-rounded-3xl)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-none .clll-input__input-container{border-radius:0}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-full .clll-input__input{border-radius:var(--clll-rounded-full)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-lg .clll-input__input{border-radius:var(--clll-rounded-lg)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-md .clll-input__input{border-radius:var(--clll-rounded-md)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-sm .clll-input__input{border-radius:var(--clll-rounded-sm)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-xs .clll-input__input{border-radius:var(--clll-rounded-xs)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-xl .clll-input__input{border-radius:var(--clll-rounded-xl)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-2xl .clll-input__input{border-radius:var(--clll-rounded-2xl)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-3xl .clll-input__input{border-radius:var(--clll-rounded-3xl)}.clll-input.clll-input--rounded:not(.clll-input--ghost).clll-input--rounded-none .clll-input__input{border-radius:0}.clll-input.clll-input--rounded:not(.clll-input--ghost):not([class*=clll-input--rounded-]).clll-input--rounded:not(.clll-input--color) .clll-input__input-container,.clll-input.clll-input--rounded:not(.clll-input--ghost):not([class*=clll-input--rounded-]).clll-input--rounded:not(.clll-input--color) .clll-input__input{border-radius:var(--clll-input-theme-radius, var(--clll-rounded-xs));overflow:hidden}.clll-input.clll-input--rounded:not(.clll-input--ghost):not(.clll-input--hasiconprefix).clll-input--hasprefix .clll-input__input{border-top-left-radius:0;border-bottom-left-radius:0}.clll-input.clll-input--rounded:not(.clll-input--ghost):not(.clll-input--hasiconsuffix).clll-input--hassuffix .clll-input__input{border-top-right-radius:0;border-bottom-right-radius:0}.clll-input.clll-input--rounded.clll-input--ghost .clll-input__input-container,.clll-input.clll-input--rounded.clll-input--ghost .clll-input__input{border-radius:0}.clll-input.clll-input--tiny:not(.clll-input--ghost) .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5);padding:var(--clll-py-xs) var(--clll-px-xs)}.clll-input.clll-input--tiny:not(.clll-input--ghost) .clll-input__input-container .clll-input__input::file-selector-button{padding:var(--clll-py-sm) var(--clll-px-sm);margin-right:var(--clll-px-sm)}.clll-input.clll-input--tiny:not(.clll-input--ghost).clll-input--file .clll-input__input-container .clll-input__input{padding-top:0;padding-left:0;padding-bottom:0}.clll-input.clll-input--tiny:not(.clll-input--ghost).clll-input--color .clll-input__input-container{border:0;outline:none}.clll-input.clll-input--tiny:not(.clll-input--ghost).clll-input--color .clll-input__input-container .clll-input__input{padding:0;border-width:2px}.clll-input.clll-input--tiny:not(.clll-input--ghost).clll-input--color .clll-input__input-container .clll-input__input.--nocolor{opacity:0}.clll-input.clll-input--tiny.clll-input--ghost .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-input.clll-input--tiny.clll-input--hascharcounter .clll-input__input-container .clll-input__char-counter{padding:0 var(--clll-px-sm)}.clll-input.clll-input--tiny.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string){padding-left:var(--clll-unit-0);padding-right:var(--clll-unit-0)}.clll-input.clll-input--tiny.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string) .icon-container{display:flex}.clll-input.clll-input--tiny.clll-input--hasprefix .clll-input__input-prefix--string{padding-left:var(--clll-unit-1_5)}.clll-input.clll-input--tiny.clll-input--hasprefix .clll-input__input{padding-left:var(--clll-unit-0)}.clll-input.clll-input--tiny.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-left:var(--clll-unit-0);padding-right:var(--clll-unit-0)}.clll-input.clll-input--tiny.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string) .icon-container{display:flex}.clll-input.clll-input--tiny.clll-input--hassuffix .clll-input__input-suffix--string{padding-right:var(--clll-unit-1_5)}.clll-input.clll-input--tiny.clll-input--hassuffix .clll-input__input{padding-right:var(--clll-unit-0)}.clll-input.clll-input--tiny.clll-input--hascustomprefix .clll-input__input-container .clll-input__input-prefix,.clll-input.clll-input--tiny.clll-input--hascustomprefix .clll-input__input-container .clll-input__input-suffix,.clll-input.clll-input--tiny.clll-input--hascustomsuffix .clll-input__input-container .clll-input__input-prefix,.clll-input.clll-input--tiny.clll-input--hascustomsuffix .clll-input__input-container .clll-input__input-suffix{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-input.clll-input--tiny.clll-input--hascustomprefix .clll-input__input{padding-left:0}.clll-input.clll-input--tiny.clll-input--hascustomsuffix .clll-input__input{padding-right:0}.clll-input.clll-input--tiny.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--tiny.clll-input--grouped .clll-input__input-suffix{padding:var(--clll-unit-0_5)}.clll-input.clll-input--tiny.clll-input--grouped .clll-input__input-preffix--string,.clll-input.clll-input--tiny.clll-input--grouped .clll-input__input-suffix--string{padding-top:0;padding-bottom:0}.clll-input.clll-input--tiny.clll-input--grouped.clll-input--hasiconprefix .clll-input__input{padding-left:var(--clll-unit-1_5)}.clll-input.clll-input--tiny.clll-input--grouped.clll-input--hascustomprefix .clll-input__input{padding-left:var(--clll-unit-0_5)}.clll-input.clll-input--tiny.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input{padding-right:var(--clll-unit-1_5)}.clll-input.clll-input--tiny.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input{padding-right:var(--clll-unit-0_5)}.clll-input.clll-input--tiny.clll-input--color .clll-input__input-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-input.clll-input--tiny.clll-input--color .clll-input__input-container .clll-input__input{border-radius:var(--clll-rounded-full);height:var(--clll-unit-5_5);width:var(--clll-unit-5_5)}.clll-input.clll-input--tiny.clll-input--color .clll-input__input-container .clll-input__selected-color{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5)}.clll-input.clll-input--small:not(.clll-input--ghost) .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6);padding:var(--clll-py-sm) var(--clll-px-xs)}.clll-input.clll-input--small:not(.clll-input--ghost) .clll-input__input-container .clll-input__input::file-selector-button{padding:var(--clll-py-md) var(--clll-px-md);margin-right:var(--clll-px-md)}.clll-input.clll-input--small:not(.clll-input--ghost).clll-input--file .clll-input__input-container .clll-input__input{padding-top:0;padding-left:0;padding-bottom:0}.clll-input.clll-input--small:not(.clll-input--ghost).clll-input--color .clll-input__input-container{border:0;outline:none}.clll-input.clll-input--small:not(.clll-input--ghost).clll-input--color .clll-input__input-container .clll-input__input{padding:0;border-width:2px}.clll-input.clll-input--small:not(.clll-input--ghost).clll-input--color .clll-input__input-container .clll-input__input.--nocolor{opacity:0}.clll-input.clll-input--small.clll-input--ghost .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-input.clll-input--small.clll-input--hascharcounter .clll-input__input-container .clll-input__char-counter{padding:0 var(--clll-px-md)}.clll-input.clll-input--small.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string){padding-left:var(--clll-unit-0_5);padding-right:var(--clll-unit-0_5)}.clll-input.clll-input--small.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string) .icon-container{display:flex}.clll-input.clll-input--small.clll-input--hasprefix .clll-input__input-prefix--string{padding-left:var(--clll-unit-2_5)}.clll-input.clll-input--small.clll-input--hasprefix .clll-input__input{padding-left:var(--clll-unit-0)}.clll-input.clll-input--small.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-left:var(--clll-unit-0_5);padding-right:var(--clll-unit-0_5)}.clll-input.clll-input--small.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string) .icon-container{display:flex}.clll-input.clll-input--small.clll-input--hassuffix .clll-input__input-suffix--string{padding-right:var(--clll-unit-2_5)}.clll-input.clll-input--small.clll-input--hassuffix .clll-input__input{padding-right:var(--clll-unit-0)}.clll-input.clll-input--small.clll-input--hascustomprefix .clll-input__input-container .clll-input__input-prefix,.clll-input.clll-input--small.clll-input--hascustomprefix .clll-input__input-container .clll-input__input-suffix,.clll-input.clll-input--small.clll-input--hascustomsuffix .clll-input__input-container .clll-input__input-prefix,.clll-input.clll-input--small.clll-input--hascustomsuffix .clll-input__input-container .clll-input__input-suffix{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-input.clll-input--small.clll-input--hascustomprefix .clll-input__input{padding-left:0}.clll-input.clll-input--small.clll-input--hascustomsuffix .clll-input__input{padding-right:0}.clll-input.clll-input--small.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--small.clll-input--grouped .clll-input__input-suffix{padding:var(--clll-unit-0_5)}.clll-input.clll-input--small.clll-input--grouped .clll-input__input-preffix--string,.clll-input.clll-input--small.clll-input--grouped .clll-input__input-suffix--string{padding-top:0;padding-bottom:0}.clll-input.clll-input--small.clll-input--grouped.clll-input--hasiconprefix .clll-input__input{padding-left:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--grouped.clll-input--hascustomprefix .clll-input__input{padding-left:var(--clll-unit-0_5)}.clll-input.clll-input--small.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input{padding-right:var(--clll-unit-1_5)}.clll-input.clll-input--small.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input{padding-right:var(--clll-unit-0_5)}.clll-input.clll-input--small.clll-input--color .clll-input__input-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-input.clll-input--small.clll-input--color .clll-input__input-container .clll-input__input{border-radius:var(--clll-rounded-full);height:var(--clll-unit-6_5);width:var(--clll-unit-6_5)}.clll-input.clll-input--small.clll-input--color .clll-input__input-container .clll-input__selected-color{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6)}.clll-input.clll-input--medium:not(.clll-input--ghost) .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5);padding:var(--clll-py-md) var(--clll-px-sm)}.clll-input.clll-input--medium:not(.clll-input--ghost) .clll-input__input-container .clll-input__input::file-selector-button{padding:var(--clll-py-xl) var(--clll-px-lg);margin-right:var(--clll-px-lg)}.clll-input.clll-input--medium:not(.clll-input--ghost).clll-input--file .clll-input__input-container .clll-input__input{padding-top:0;padding-left:0;padding-bottom:0}.clll-input.clll-input--medium:not(.clll-input--ghost).clll-input--color .clll-input__input-container{border:0;outline:none}.clll-input.clll-input--medium:not(.clll-input--ghost).clll-input--color .clll-input__input-container .clll-input__input{padding:0;border-width:2px}.clll-input.clll-input--medium:not(.clll-input--ghost).clll-input--color .clll-input__input-container .clll-input__input.--nocolor{opacity:0}.clll-input.clll-input--medium.clll-input--ghost .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-input.clll-input--medium.clll-input--hascharcounter .clll-input__input-container .clll-input__char-counter{padding:0 var(--clll-px-lg)}.clll-input.clll-input--medium.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string){padding-left:var(--clll-unit-1);padding-right:var(--clll-unit-1)}.clll-input.clll-input--medium.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string) .icon-container{display:flex}.clll-input.clll-input--medium.clll-input--hasprefix .clll-input__input-prefix--string{padding-left:var(--clll-unit-3)}.clll-input.clll-input--medium.clll-input--hasprefix .clll-input__input{padding-left:var(--clll-unit-0)}.clll-input.clll-input--medium.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-left:var(--clll-unit-1);padding-right:var(--clll-unit-1)}.clll-input.clll-input--medium.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string) .icon-container{display:flex}.clll-input.clll-input--medium.clll-input--hassuffix .clll-input__input-suffix--string{padding-right:var(--clll-unit-3)}.clll-input.clll-input--medium.clll-input--hassuffix .clll-input__input{padding-right:var(--clll-unit-0)}.clll-input.clll-input--medium.clll-input--hascustomprefix .clll-input__input-container .clll-input__input-prefix,.clll-input.clll-input--medium.clll-input--hascustomprefix .clll-input__input-container .clll-input__input-suffix,.clll-input.clll-input--medium.clll-input--hascustomsuffix .clll-input__input-container .clll-input__input-prefix,.clll-input.clll-input--medium.clll-input--hascustomsuffix .clll-input__input-container .clll-input__input-suffix{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-input.clll-input--medium.clll-input--hascustomprefix .clll-input__input{padding-left:0}.clll-input.clll-input--medium.clll-input--hascustomsuffix .clll-input__input{padding-right:0}.clll-input.clll-input--medium.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--medium.clll-input--grouped .clll-input__input-suffix{padding:var(--clll-unit-1)}.clll-input.clll-input--medium.clll-input--grouped .clll-input__input-preffix--string,.clll-input.clll-input--medium.clll-input--grouped .clll-input__input-suffix--string{padding-top:0;padding-bottom:0}.clll-input.clll-input--medium.clll-input--grouped.clll-input--hasiconprefix .clll-input__input{padding-left:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--grouped.clll-input--hascustomprefix .clll-input__input{padding-left:var(--clll-unit-1)}.clll-input.clll-input--medium.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input{padding-right:var(--clll-unit-2_5)}.clll-input.clll-input--medium.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input{padding-right:var(--clll-unit-1)}.clll-input.clll-input--medium.clll-input--color .clll-input__input-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-input.clll-input--medium.clll-input--color .clll-input__input-container .clll-input__input{border-radius:var(--clll-rounded-full);height:var(--clll-unit-7_5);width:var(--clll-unit-7_5)}.clll-input.clll-input--medium.clll-input--color .clll-input__input-container .clll-input__selected-color{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5)}.clll-input.clll-input--large:not(.clll-input--ghost) .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7);padding:var(--clll-py-lg) var(--clll-px-sm)}.clll-input.clll-input--large:not(.clll-input--ghost) .clll-input__input-container .clll-input__input::file-selector-button{padding:var(--clll-py-2xl) var(--clll-px-2xl);margin-right:var(--clll-px-2xl)}.clll-input.clll-input--large:not(.clll-input--ghost).clll-input--file .clll-input__input-container .clll-input__input{padding-top:0;padding-left:0;padding-bottom:0}.clll-input.clll-input--large:not(.clll-input--ghost).clll-input--color .clll-input__input-container{border:0;outline:none}.clll-input.clll-input--large:not(.clll-input--ghost).clll-input--color .clll-input__input-container .clll-input__input{padding:0;border-width:2px}.clll-input.clll-input--large:not(.clll-input--ghost).clll-input--color .clll-input__input-container .clll-input__input.--nocolor{opacity:0}.clll-input.clll-input--large.clll-input--ghost .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-input.clll-input--large.clll-input--hascharcounter .clll-input__input-container .clll-input__char-counter{padding:0 var(--clll-px-2xl)}.clll-input.clll-input--large.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string){padding-left:var(--clll-unit-1);padding-right:var(--clll-unit-1)}.clll-input.clll-input--large.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string) .icon-container{display:flex}.clll-input.clll-input--large.clll-input--hasprefix .clll-input__input-prefix--string{padding-left:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--hasprefix .clll-input__input{padding-left:var(--clll-unit-0)}.clll-input.clll-input--large.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-left:var(--clll-unit-1);padding-right:var(--clll-unit-1)}.clll-input.clll-input--large.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string) .icon-container{display:flex}.clll-input.clll-input--large.clll-input--hassuffix .clll-input__input-suffix--string{padding-right:var(--clll-unit-3_5)}.clll-input.clll-input--large.clll-input--hassuffix .clll-input__input{padding-right:var(--clll-unit-0)}.clll-input.clll-input--large.clll-input--hascustomprefix .clll-input__input-container .clll-input__input-prefix,.clll-input.clll-input--large.clll-input--hascustomprefix .clll-input__input-container .clll-input__input-suffix,.clll-input.clll-input--large.clll-input--hascustomsuffix .clll-input__input-container .clll-input__input-prefix,.clll-input.clll-input--large.clll-input--hascustomsuffix .clll-input__input-container .clll-input__input-suffix{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-input.clll-input--large.clll-input--hascustomprefix .clll-input__input{padding-left:0}.clll-input.clll-input--large.clll-input--hascustomsuffix .clll-input__input{padding-right:0}.clll-input.clll-input--large.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--large.clll-input--grouped .clll-input__input-suffix{padding:var(--clll-unit-1)}.clll-input.clll-input--large.clll-input--grouped .clll-input__input-preffix--string,.clll-input.clll-input--large.clll-input--grouped .clll-input__input-suffix--string{padding-top:0;padding-bottom:0}.clll-input.clll-input--large.clll-input--grouped.clll-input--hasiconprefix .clll-input__input{padding-left:var(--clll-unit-3)}.clll-input.clll-input--large.clll-input--grouped.clll-input--hascustomprefix .clll-input__input{padding-left:var(--clll-unit-1)}.clll-input.clll-input--large.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input{padding-right:var(--clll-unit-3)}.clll-input.clll-input--large.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input{padding-right:var(--clll-unit-1)}.clll-input.clll-input--large.clll-input--color .clll-input__input-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-input.clll-input--large.clll-input--color .clll-input__input-container .clll-input__input{border-radius:var(--clll-rounded-full);height:var(--clll-unit-8_5);width:var(--clll-unit-8_5)}.clll-input.clll-input--large.clll-input--color .clll-input__input-container .clll-input__selected-color{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7)}.clll-input.clll-input--xlarge:not(.clll-input--ghost) .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5);padding:var(--clll-py-2xl) var(--clll-px-md)}.clll-input.clll-input--xlarge:not(.clll-input--ghost) .clll-input__input-container .clll-input__input::file-selector-button{padding:var(--clll-py-4xl) var(--clll-px-3xl);margin-right:var(--clll-px-3xl)}.clll-input.clll-input--xlarge:not(.clll-input--ghost).clll-input--file .clll-input__input-container .clll-input__input{padding-top:0;padding-left:0;padding-bottom:0}.clll-input.clll-input--xlarge:not(.clll-input--ghost).clll-input--color .clll-input__input-container{border:0;outline:none}.clll-input.clll-input--xlarge:not(.clll-input--ghost).clll-input--color .clll-input__input-container .clll-input__input{padding:0;border-width:2px}.clll-input.clll-input--xlarge:not(.clll-input--ghost).clll-input--color .clll-input__input-container .clll-input__input.--nocolor{opacity:0}.clll-input.clll-input--xlarge.clll-input--ghost .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-input.clll-input--xlarge.clll-input--hascharcounter .clll-input__input-container .clll-input__char-counter{padding:0 var(--clll-px-3xl)}.clll-input.clll-input--xlarge.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string){padding-left:var(--clll-unit-1_5);padding-right:var(--clll-unit-1_5)}.clll-input.clll-input--xlarge.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string) .icon-container{display:flex}.clll-input.clll-input--xlarge.clll-input--hasprefix .clll-input__input-prefix--string{padding-left:var(--clll-unit-4)}.clll-input.clll-input--xlarge.clll-input--hasprefix .clll-input__input{padding-left:var(--clll-unit-0)}.clll-input.clll-input--xlarge.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-left:var(--clll-unit-1_5);padding-right:var(--clll-unit-1_5)}.clll-input.clll-input--xlarge.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string) .icon-container{display:flex}.clll-input.clll-input--xlarge.clll-input--hassuffix .clll-input__input-suffix--string{padding-right:var(--clll-unit-4)}.clll-input.clll-input--xlarge.clll-input--hassuffix .clll-input__input{padding-right:var(--clll-unit-0)}.clll-input.clll-input--xlarge.clll-input--hascustomprefix .clll-input__input-container .clll-input__input-prefix,.clll-input.clll-input--xlarge.clll-input--hascustomprefix .clll-input__input-container .clll-input__input-suffix,.clll-input.clll-input--xlarge.clll-input--hascustomsuffix .clll-input__input-container .clll-input__input-prefix,.clll-input.clll-input--xlarge.clll-input--hascustomsuffix .clll-input__input-container .clll-input__input-suffix{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-input.clll-input--xlarge.clll-input--hascustomprefix .clll-input__input{padding-left:0}.clll-input.clll-input--xlarge.clll-input--hascustomsuffix .clll-input__input{padding-right:0}.clll-input.clll-input--xlarge.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--xlarge.clll-input--grouped .clll-input__input-suffix{padding:var(--clll-unit-1)}.clll-input.clll-input--xlarge.clll-input--grouped .clll-input__input-preffix--string,.clll-input.clll-input--xlarge.clll-input--grouped .clll-input__input-suffix--string{padding-top:0;padding-bottom:0}.clll-input.clll-input--xlarge.clll-input--grouped.clll-input--hasiconprefix .clll-input__input{padding-left:var(--clll-unit-3)}.clll-input.clll-input--xlarge.clll-input--grouped.clll-input--hascustomprefix .clll-input__input{padding-left:var(--clll-unit-1)}.clll-input.clll-input--xlarge.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input{padding-right:var(--clll-unit-3)}.clll-input.clll-input--xlarge.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input{padding-right:var(--clll-unit-1)}.clll-input.clll-input--xlarge.clll-input--color .clll-input__input-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-input.clll-input--xlarge.clll-input--color .clll-input__input-container .clll-input__input{border-radius:var(--clll-rounded-full);height:var(--clll-unit-9_5);width:var(--clll-unit-9_5)}.clll-input.clll-input--xlarge.clll-input--color .clll-input__input-container .clll-input__selected-color{font-size:var(--clll-unit-5);line-height:var(--clll-unit-7_5)}.clll-input.clll-input--xxlarge:not(.clll-input--ghost) .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-6);line-height:var(--clll-unit-8_5);padding:var(--clll-py-3xl) var(--clll-px-lg)}.clll-input.clll-input--xxlarge:not(.clll-input--ghost) .clll-input__input-container .clll-input__input::file-selector-button{padding:var(--clll-py-5xl) var(--clll-px-4xl);margin-right:var(--clll-px-4xl)}.clll-input.clll-input--xxlarge:not(.clll-input--ghost).clll-input--file .clll-input__input-container .clll-input__input{padding-top:0;padding-left:0;padding-bottom:0}.clll-input.clll-input--xxlarge:not(.clll-input--ghost).clll-input--color .clll-input__input-container{border:0;outline:none}.clll-input.clll-input--xxlarge:not(.clll-input--ghost).clll-input--color .clll-input__input-container .clll-input__input{padding:0;border-width:2px}.clll-input.clll-input--xxlarge:not(.clll-input--ghost).clll-input--color .clll-input__input-container .clll-input__input.--nocolor{opacity:0}.clll-input.clll-input--xxlarge.clll-input--ghost .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-6);line-height:var(--clll-unit-8_5)}.clll-input.clll-input--xxlarge.clll-input--hascharcounter .clll-input__input-container .clll-input__char-counter{padding:0 var(--clll-px-4xl)}.clll-input.clll-input--xxlarge.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string){padding-left:var(--clll-unit-2);padding-right:var(--clll-unit-2)}.clll-input.clll-input--xxlarge.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string) .icon-container{display:flex}.clll-input.clll-input--xxlarge.clll-input--hasprefix .clll-input__input-prefix--string{padding-left:var(--clll-unit-4_5)}.clll-input.clll-input--xxlarge.clll-input--hasprefix .clll-input__input{padding-left:var(--clll-unit-0)}.clll-input.clll-input--xxlarge.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-left:var(--clll-unit-2);padding-right:var(--clll-unit-2)}.clll-input.clll-input--xxlarge.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string) .icon-container{display:flex}.clll-input.clll-input--xxlarge.clll-input--hassuffix .clll-input__input-suffix--string{padding-right:var(--clll-unit-4_5)}.clll-input.clll-input--xxlarge.clll-input--hassuffix .clll-input__input{padding-right:var(--clll-unit-0)}.clll-input.clll-input--xxlarge.clll-input--hascustomprefix .clll-input__input-container .clll-input__input-prefix,.clll-input.clll-input--xxlarge.clll-input--hascustomprefix .clll-input__input-container .clll-input__input-suffix,.clll-input.clll-input--xxlarge.clll-input--hascustomsuffix .clll-input__input-container .clll-input__input-prefix,.clll-input.clll-input--xxlarge.clll-input--hascustomsuffix .clll-input__input-container .clll-input__input-suffix{font-size:var(--clll-unit-6);line-height:var(--clll-unit-8_5)}.clll-input.clll-input--xxlarge.clll-input--hascustomprefix .clll-input__input{padding-left:0}.clll-input.clll-input--xxlarge.clll-input--hascustomsuffix .clll-input__input{padding-right:0}.clll-input.clll-input--xxlarge.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--xxlarge.clll-input--grouped .clll-input__input-suffix{padding:var(--clll-unit-1_5)}.clll-input.clll-input--xxlarge.clll-input--grouped .clll-input__input-preffix--string,.clll-input.clll-input--xxlarge.clll-input--grouped .clll-input__input-suffix--string{padding-top:0;padding-bottom:0}.clll-input.clll-input--xxlarge.clll-input--grouped.clll-input--hasiconprefix .clll-input__input{padding-left:var(--clll-unit-4)}.clll-input.clll-input--xxlarge.clll-input--grouped.clll-input--hascustomprefix .clll-input__input{padding-left:var(--clll-unit-1_5)}.clll-input.clll-input--xxlarge.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input{padding-right:var(--clll-unit-4)}.clll-input.clll-input--xxlarge.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input{padding-right:var(--clll-unit-1_5)}.clll-input.clll-input--xxlarge.clll-input--color .clll-input__input-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-input.clll-input--xxlarge.clll-input--color .clll-input__input-container .clll-input__input{border-radius:var(--clll-rounded-full);height:var(--clll-unit-10_5);width:var(--clll-unit-10_5)}.clll-input.clll-input--xxlarge.clll-input--color .clll-input__input-container .clll-input__selected-color{font-size:var(--clll-unit-6);line-height:var(--clll-unit-8_5)}.clll-input.clll-input--xxxlarge:not(.clll-input--ghost) .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-7);line-height:var(--clll-unit-9_5);padding:var(--clll-py-4xl) var(--clll-px-xl)}.clll-input.clll-input--xxxlarge:not(.clll-input--ghost) .clll-input__input-container .clll-input__input::file-selector-button{padding:var(--clll-py-6xl) var(--clll-px-5xl);margin-right:var(--clll-px-5xl)}.clll-input.clll-input--xxxlarge:not(.clll-input--ghost).clll-input--file .clll-input__input-container .clll-input__input{padding-top:0;padding-left:0;padding-bottom:0}.clll-input.clll-input--xxxlarge:not(.clll-input--ghost).clll-input--color .clll-input__input-container{border:0;outline:none}.clll-input.clll-input--xxxlarge:not(.clll-input--ghost).clll-input--color .clll-input__input-container .clll-input__input{padding:0;border-width:2px}.clll-input.clll-input--xxxlarge:not(.clll-input--ghost).clll-input--color .clll-input__input-container .clll-input__input.--nocolor{opacity:0}.clll-input.clll-input--xxxlarge.clll-input--ghost .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-7);line-height:var(--clll-unit-9_5)}.clll-input.clll-input--xxxlarge.clll-input--hascharcounter .clll-input__input-container .clll-input__char-counter{padding:0 var(--clll-px-5xl)}.clll-input.clll-input--xxxlarge.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string){padding-left:var(--clll-unit-2_5);padding-right:var(--clll-unit-2_5)}.clll-input.clll-input--xxxlarge.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string) .icon-container{display:flex}.clll-input.clll-input--xxxlarge.clll-input--hasprefix .clll-input__input-prefix--string{padding-left:var(--clll-unit-5)}.clll-input.clll-input--xxxlarge.clll-input--hasprefix .clll-input__input{padding-left:var(--clll-unit-0)}.clll-input.clll-input--xxxlarge.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-left:var(--clll-unit-2_5);padding-right:var(--clll-unit-2_5)}.clll-input.clll-input--xxxlarge.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string) .icon-container{display:flex}.clll-input.clll-input--xxxlarge.clll-input--hassuffix .clll-input__input-suffix--string{padding-right:var(--clll-unit-5)}.clll-input.clll-input--xxxlarge.clll-input--hassuffix .clll-input__input{padding-right:var(--clll-unit-0)}.clll-input.clll-input--xxxlarge.clll-input--hascustomprefix .clll-input__input-container .clll-input__input-prefix,.clll-input.clll-input--xxxlarge.clll-input--hascustomprefix .clll-input__input-container .clll-input__input-suffix,.clll-input.clll-input--xxxlarge.clll-input--hascustomsuffix .clll-input__input-container .clll-input__input-prefix,.clll-input.clll-input--xxxlarge.clll-input--hascustomsuffix .clll-input__input-container .clll-input__input-suffix{font-size:var(--clll-unit-7);line-height:var(--clll-unit-9_5)}.clll-input.clll-input--xxxlarge.clll-input--hascustomprefix .clll-input__input{padding-left:0}.clll-input.clll-input--xxxlarge.clll-input--hascustomsuffix .clll-input__input{padding-right:0}.clll-input.clll-input--xxxlarge.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--xxxlarge.clll-input--grouped .clll-input__input-suffix{padding:var(--clll-unit-2)}.clll-input.clll-input--xxxlarge.clll-input--grouped .clll-input__input-preffix--string,.clll-input.clll-input--xxxlarge.clll-input--grouped .clll-input__input-suffix--string{padding-top:0;padding-bottom:0}.clll-input.clll-input--xxxlarge.clll-input--grouped.clll-input--hasiconprefix .clll-input__input{padding-left:var(--clll-unit-5)}.clll-input.clll-input--xxxlarge.clll-input--grouped.clll-input--hascustomprefix .clll-input__input{padding-left:var(--clll-unit-2)}.clll-input.clll-input--xxxlarge.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input{padding-right:var(--clll-unit-5)}.clll-input.clll-input--xxxlarge.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input{padding-right:var(--clll-unit-2)}.clll-input.clll-input--xxxlarge.clll-input--color .clll-input__input-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-input.clll-input--xxxlarge.clll-input--color .clll-input__input-container .clll-input__input{border-radius:var(--clll-rounded-full);height:var(--clll-unit-11_5);width:var(--clll-unit-11_5)}.clll-input.clll-input--xxxlarge.clll-input--color .clll-input__input-container .clll-input__selected-color{font-size:var(--clll-unit-7);line-height:var(--clll-unit-9_5)}.clll-input.clll-input--xxxxlarge:not(.clll-input--ghost) .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-8);line-height:var(--clll-unit-10_5);padding:var(--clll-py-5xl) var(--clll-px-2xl)}.clll-input.clll-input--xxxxlarge:not(.clll-input--ghost) .clll-input__input-container .clll-input__input::file-selector-button{padding:var(--clll-py-7xl) var(--clll-px-6xl);margin-right:var(--clll-px-6xl)}.clll-input.clll-input--xxxxlarge:not(.clll-input--ghost).clll-input--file .clll-input__input-container .clll-input__input{padding-top:0;padding-left:0;padding-bottom:0}.clll-input.clll-input--xxxxlarge:not(.clll-input--ghost).clll-input--color .clll-input__input-container{border:0;outline:none}.clll-input.clll-input--xxxxlarge:not(.clll-input--ghost).clll-input--color .clll-input__input-container .clll-input__input{padding:0;border-width:2px}.clll-input.clll-input--xxxxlarge:not(.clll-input--ghost).clll-input--color .clll-input__input-container .clll-input__input.--nocolor{opacity:0}.clll-input.clll-input--xxxxlarge.clll-input--ghost .clll-input__input-container .clll-input__input{font-size:var(--clll-unit-8);line-height:var(--clll-unit-10_5)}.clll-input.clll-input--xxxxlarge.clll-input--hascharcounter .clll-input__input-container .clll-input__char-counter{padding:0 var(--clll-px-6xl)}.clll-input.clll-input--xxxxlarge.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string){padding-left:var(--clll-unit-3);padding-right:var(--clll-unit-3)}.clll-input.clll-input--xxxxlarge.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string) .icon-container{display:flex}.clll-input.clll-input--xxxxlarge.clll-input--hasprefix .clll-input__input-prefix--string{padding-left:var(--clll-unit-5_5)}.clll-input.clll-input--xxxxlarge.clll-input--hasprefix .clll-input__input{padding-left:var(--clll-unit-0)}.clll-input.clll-input--xxxxlarge.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-left:var(--clll-unit-3);padding-right:var(--clll-unit-3)}.clll-input.clll-input--xxxxlarge.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string) .icon-container{display:flex}.clll-input.clll-input--xxxxlarge.clll-input--hassuffix .clll-input__input-suffix--string{padding-right:var(--clll-unit-5_5)}.clll-input.clll-input--xxxxlarge.clll-input--hassuffix .clll-input__input{padding-right:var(--clll-unit-0)}.clll-input.clll-input--xxxxlarge.clll-input--hascustomprefix .clll-input__input-container .clll-input__input-prefix,.clll-input.clll-input--xxxxlarge.clll-input--hascustomprefix .clll-input__input-container .clll-input__input-suffix,.clll-input.clll-input--xxxxlarge.clll-input--hascustomsuffix .clll-input__input-container .clll-input__input-prefix,.clll-input.clll-input--xxxxlarge.clll-input--hascustomsuffix .clll-input__input-container .clll-input__input-suffix{font-size:var(--clll-unit-8);line-height:var(--clll-unit-10_5)}.clll-input.clll-input--xxxxlarge.clll-input--hascustomprefix .clll-input__input{padding-left:0}.clll-input.clll-input--xxxxlarge.clll-input--hascustomsuffix .clll-input__input{padding-right:0}.clll-input.clll-input--xxxxlarge.clll-input--grouped .clll-input__input-prefix,.clll-input.clll-input--xxxxlarge.clll-input--grouped .clll-input__input-suffix{padding:var(--clll-unit-2_5)}.clll-input.clll-input--xxxxlarge.clll-input--grouped .clll-input__input-preffix--string,.clll-input.clll-input--xxxxlarge.clll-input--grouped .clll-input__input-suffix--string{padding-top:0;padding-bottom:0}.clll-input.clll-input--xxxxlarge.clll-input--grouped.clll-input--hasiconprefix .clll-input__input{padding-left:var(--clll-unit-5_5)}.clll-input.clll-input--xxxxlarge.clll-input--grouped.clll-input--hascustomprefix .clll-input__input{padding-left:var(--clll-unit-2_5)}.clll-input.clll-input--xxxxlarge.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input{padding-right:var(--clll-unit-5_5)}.clll-input.clll-input--xxxxlarge.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input{padding-right:var(--clll-unit-2_5)}.clll-input.clll-input--xxxxlarge.clll-input--color .clll-input__input-container>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-input.clll-input--xxxxlarge.clll-input--color .clll-input__input-container .clll-input__input{border-radius:var(--clll-rounded-full);height:var(--clll-unit-12_5);width:var(--clll-unit-12_5)}.clll-input.clll-input--xxxxlarge.clll-input--color .clll-input__input-container .clll-input__selected-color{font-size:var(--clll-unit-8);line-height:var(--clll-unit-10_5)}.clll-input.clll-input--grouped.clll-input--hasiconprefix .clll-input__input-container,.clll-input.clll-input--grouped.clll-input--hascustomprefix .clll-input__input-container{padding-left:0}.clll-input.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input-container,.clll-input.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input-container{padding-right:0}.clll-input.clll-input--grouped.clll-input--hascharcounter .clll-input__input-suffix{border-top-right-radius:0;border-bottom-right-radius:0;padding-right:0}.clll-input.clll-input--grouped.clll-input--hascharcounter .clll-input__char-counter{border-top-right-radius:var(--clll-rounded-xs);border-bottom-right-radius:var(--clll-rounded-xs)}.clll-input.clll-input--grouped .clll-input__input{border:0;outline:none}.clll-input.clll-input--hassuffix.clll-input--hascharcounter .clll-input__input-suffix,.clll-input.clll-input--hassuffix.clll-input--hascharcounter .clll-input__input-suffix:not(.clll-input__input-suffix--string){padding-right:0}.clll-input.clll-input--fluid,.clll-input.clll-input--fluid .clll-input__input-container,.clll-input.clll-input--fluid .clll-input__input-container .clll-input__input{width:100%}.clll-input.clll-input--vertical{flex-direction:column}.clll-input.clll-input--vertical.clll-input--haslabel>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1_5)}.clll-input.clll-input--horizontal.clll-input--haslabel{flex-direction:row;align-items:center;flex-wrap:wrap}.clll-input.clll-input--horizontal.clll-input--haslabel .clll-input__label,.clll-input.clll-input--horizontal.clll-input--haslabel .clll-input__input-container{width:50%}.clll-input.clll-input--hidden .clll-input__input-container{display:none}.clll-input.clll-input--file .clll-input__input-container .clll-input__input{cursor:pointer;white-space:nowrap}.clll-input.clll-input--file .clll-input__input-container .clll-input__input::file-selector-button{cursor:pointer;border:0}.clll-input.clll-input--file.clll-input--readonly .clll-input__input{pointer-events:none;cursor:not-allowed}.clll-input.clll-input--color .clll-input__input-container .clll-input__input{cursor:pointer;border-radius:var(--clll-rounded-full)}.clll-input.clll-input--color .clll-input__input-container .clll-input__input-border-control{overflow:hidden;border-radius:var(--clll-rounded-full);background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>');width:auto}.clll-input.clll-input--color .clll-input__input-container .clll-input__selected-color{font-family:monospace;-webkit-font-smoothing:antialiased}.clll-input.clll-input--color.clll-input--disabled .clll-input__input{cursor:default}.clll-input.clll-input--color.clll-input--readonly .clll-input__input{pointer-events:none;cursor:not-allowed}.clll-input.clll-input--hascharcounter .clll-input__char-counter{pointer-events:none;justify-content:flex-end;max-width:100px;box-sizing:border-box;flex:1;position:relative}.clll-input ::-webkit-color-swatch-wrapper{padding:0}.clll-input ::-webkit-color-swatch{border:0}
package/dist/components/Form/CLInput/CLInput.js CHANGED
@@ -1,19 +1,20 @@
1
1
  import '../../../assets/core.css';
2
+ import './CLInput.css';
2
3
  import '../../../assets/shared/form-utilities.css';
3
- import { defineComponent as p, computed as z, createElementBlock as $, openBlock as u, normalizeClass as y, unref as a, createBlock as b, Fragment as M, createTextVNode as q, toDisplayString as N, createVNode as K, ref as A, watch as P, createCommentVNode as v, mergeModels as w, useTemplateRef as Q, useModel as W, withCtx as Y, createElementVNode as F, normalizeStyle as Z, withDirectives as _, vModelDynamic as ee, isRef as le } from "vue";
4
+ import { defineComponent as S, computed as z, createElementBlock as $, openBlock as u, normalizeClass as y, unref as a, createBlock as b, Fragment as w, createTextVNode as M, toDisplayString as P, createVNode as K, ref as q, watch as R, createCommentVNode as v, mergeModels as N, useTemplateRef as Q, useModel as W, withCtx as Y, createElementVNode as p, normalizeStyle as Z, withDirectives as _, vModelDynamic as ee, isRef as le } from "vue";
4
5
  import { _ as ie, i as ae, a as te } from "../../../chunks/CLInputMessages.vue_vue_type_style_index_0_lang-DTWvAACK.js";
5
6
  import { _ as oe } from "../../../chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-CIQxM6aH.js";
6
7
  import { _ as ne } from "../../../chunks/CLFormCharCounter.vue_vue_type_style_index_0_lang-CJ4VrvmR.js";
7
- import { _ as E } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-Dhr2tI-g.js";
8
- import { _ as S } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-MvhnNzVW.js";
9
- import { CLSizes as o, CLColors as k, CLBorderRadius as V, CLIconSizes as s, CLColorVariants as I, CLIconNames as X, CLInputTypes as d, CLOrientation as R, CLCharCounterLayout as de } from "../../../index.js";
8
+ import { _ as A } from "../../../chunks/CLIcon.vue_vue_type_style_index_0_lang-Dhr2tI-g.js";
9
+ import { _ as F } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-MvhnNzVW.js";
10
+ import { CLSizes as o, CLColors as k, CLBorderRadius as E, CLIconSizes as s, CLColorVariants as I, CLIconNames as X, CLInputTypes as d, CLOrientation as T, CLCharCounterLayout as de } from "../../../index.js";
10
11
  import { _ as ue } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-BQim03ge.js";
11
- const se = ["data-testid"], H = /* @__PURE__ */ p({
12
+ const se = ["data-testid"], H = /* @__PURE__ */ S({
12
13
  name: "CLInputPrefix",
13
14
  __name: "CLInputPrefix",
14
15
  props: {
15
16
  ariaLabel: { default: void 0 },
16
- borderRadius: { default: V.XS },
17
+ borderRadius: { default: E.XS },
17
18
  color: { default: k.Neutral },
18
19
  disabled: { type: Boolean, default: !1 },
19
20
  grouped: { type: Boolean, default: !1 },
@@ -44,13 +45,13 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
44
45
  ]), L = (n) => {
45
46
  t.onClick && n && !t.disabled && (n.stopPropagation(), t.onClick(n));
46
47
  };
47
- return (n, T) => (u(), $("div", {
48
+ return (n, B) => (u(), $("div", {
48
49
  class: y(a(r))
49
50
  }, [
50
- a(g) ? (u(), b(a(S), {
51
+ a(g) ? (u(), b(a(F), {
51
52
  key: 0,
52
53
  "aria-label": e.ariaLabel,
53
- "border-radius": a(V).Full,
54
+ "border-radius": e.borderRadius,
54
55
  color: e.color,
55
56
  disabled: e.disabled,
56
57
  "icon-before": C(e.prefix),
@@ -65,23 +66,23 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
65
66
  class: "icon-container",
66
67
  "data-testid": e.testId
67
68
  }, [
68
- l(e.prefix) ? (u(), b(a(E), {
69
+ l(e.prefix) ? (u(), b(a(A), {
69
70
  key: 0,
70
71
  name: C(e.prefix),
71
72
  size: x[e.size],
72
73
  color: e.color
73
- }, null, 8, ["name", "size", "color"])) : (u(), $(M, { key: 1 }, [
74
- q(N(e.prefix), 1)
74
+ }, null, 8, ["name", "size", "color"])) : (u(), $(w, { key: 1 }, [
75
+ M(P(e.prefix), 1)
75
76
  ], 64))
76
77
  ], 8, se))
77
78
  ], 2));
78
79
  }
79
- }), re = ["data-testid"], O = /* @__PURE__ */ p({
80
+ }), re = ["data-testid"], O = /* @__PURE__ */ S({
80
81
  name: "CLInputSuffix",
81
82
  __name: "CLInputSuffix",
82
83
  props: {
83
84
  ariaLabel: { default: void 0 },
84
- borderRadius: { default: V.XS },
85
+ borderRadius: { default: E.XS },
85
86
  color: { default: k.Neutral },
86
87
  disabled: { type: Boolean, default: !1 },
87
88
  grouped: { type: Boolean, default: !1 },
@@ -112,13 +113,13 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
112
113
  ]), L = (n) => {
113
114
  t.onClick && n && !t.disabled && (n.stopPropagation(), t.onClick(n));
114
115
  };
115
- return (n, T) => (u(), $("div", {
116
+ return (n, B) => (u(), $("div", {
116
117
  class: y(a(r))
117
118
  }, [
118
- a(g) ? (u(), b(a(S), {
119
+ a(g) ? (u(), b(a(F), {
119
120
  key: 0,
120
121
  "aria-label": e.ariaLabel,
121
- "border-radius": a(V).Full,
122
+ "border-radius": e.borderRadius,
122
123
  color: e.color,
123
124
  disabled: e.disabled,
124
125
  "icon-before": C(e.suffix),
@@ -133,18 +134,18 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
133
134
  class: "icon-container",
134
135
  "data-testid": e.testId
135
136
  }, [
136
- l(e.suffix) ? (u(), b(a(E), {
137
+ l(e.suffix) ? (u(), b(a(A), {
137
138
  key: 0,
138
139
  name: C(e.suffix),
139
140
  size: x[e.size],
140
141
  color: e.color
141
- }, null, 8, ["name", "size", "color"])) : (u(), $(M, { key: 1 }, [
142
- q(N(e.suffix), 1)
142
+ }, null, 8, ["name", "size", "color"])) : (u(), $(w, { key: 1 }, [
143
+ M(P(e.suffix), 1)
143
144
  ], 64))
144
145
  ], 8, re))
145
146
  ], 2));
146
147
  }
147
- }), ce = ["data-testid"], U = /* @__PURE__ */ p({
148
+ }), ce = ["data-testid"], U = /* @__PURE__ */ S({
148
149
  name: "CLInputPill",
149
150
  __name: "CLInputPill",
150
151
  props: {
@@ -165,7 +166,7 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
165
166
  }, null, 8, ["color", "label", "variant"])
166
167
  ], 10, ce));
167
168
  }
168
- }), fe = ["data-testid"], j = /* @__PURE__ */ p({
169
+ }), fe = ["data-testid"], j = /* @__PURE__ */ S({
169
170
  name: "CLInputColorTools",
170
171
  __name: "CLInputColorTools",
171
172
  props: {
@@ -177,7 +178,7 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
177
178
  },
178
179
  emits: ["copy", "reset", "update:copied"],
179
180
  setup(e, { emit: t }) {
180
- const c = e, l = t, C = "clll-input", i = A(c.copied), x = {
181
+ const c = e, l = t, C = "clll-input", i = q(c.copied), x = {
181
182
  [o.Tiny]: s.Tiny,
182
183
  [o.Small]: s.Small,
183
184
  [o.Medium]: s.Medium,
@@ -195,15 +196,15 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
195
196
  }, r = () => {
196
197
  l("reset", c.initialValue);
197
198
  };
198
- return P(() => c.copied, (L) => {
199
+ return R(() => c.copied, (L) => {
199
200
  i.value = L;
200
- }), P(() => c.modelValue, () => {
201
+ }), R(() => c.modelValue, () => {
201
202
  i.value = !1, l("update:copied", !1);
202
203
  }), (L, n) => (u(), $("span", {
203
204
  class: y(`${C}__selected-color-tools`),
204
205
  "data-testid": e.testId
205
206
  }, [
206
- e.modelValue ? (u(), b(a(S), {
207
+ e.modelValue ? (u(), b(a(F), {
207
208
  key: 0,
208
209
  "aria-label": "Copy color to clipboard",
209
210
  class: y(`${C}__copy-to-clipboard`),
@@ -216,7 +217,7 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
216
217
  variant: a(I).Ghost,
217
218
  wrap: ""
218
219
  }, null, 8, ["class", "color", "icon-before", "icon-size", "size", "title", "variant"])) : v("", !0),
219
- e.modelValue ? (u(), b(a(S), {
220
+ e.modelValue ? (u(), b(a(F), {
220
221
  key: 1,
221
222
  "aria-label": "Reset selected color",
222
223
  class: y(`${C}__reset-selected-color`),
@@ -231,10 +232,10 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
231
232
  }, null, 8, ["class", "color", "icon-before", "icon-size", "size", "variant"])) : v("", !0)
232
233
  ], 10, fe));
233
234
  }
234
- }), me = ["data-testid"], be = ["id", "name", "aria-label", "autocomplete", "disabled", "form", "maxlength", "minlength", "pattern", "placeholder", "readonly", "required", "spellcheck", "type"], xe = /* @__PURE__ */ p({
235
+ }), me = ["data-testid"], be = ["id", "name", "aria-label", "autocomplete", "disabled", "form", "maxlength", "minlength", "pattern", "placeholder", "readonly", "required", "spellcheck", "type"], xe = /* @__PURE__ */ S({
235
236
  name: "CLInput",
236
237
  __name: "CLInput",
237
- props: /* @__PURE__ */ w({
238
+ props: /* @__PURE__ */ N({
238
239
  ariaLabel: { default: void 0 },
239
240
  autoComplete: { type: Boolean, default: void 0 },
240
241
  borderRadius: { default: void 0 },
@@ -258,7 +259,7 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
258
259
  onInput: { type: Function, default: void 0 },
259
260
  onPrefixClick: { type: Function, default: void 0 },
260
261
  onSuffixClick: { type: Function, default: void 0 },
261
- orientation: { default: R.Vertical },
262
+ orientation: { default: T.Vertical },
262
263
  pattern: { default: void 0 },
263
264
  pill: { default: void 0 },
264
265
  placeholder: { default: void 0 },
@@ -278,11 +279,11 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
278
279
  modelValue: {},
279
280
  modelModifiers: {}
280
281
  }),
281
- emits: /* @__PURE__ */ w(["reset"], ["update:modelValue"]),
282
+ emits: /* @__PURE__ */ N(["reset"], ["update:modelValue"]),
282
283
  setup(e, { expose: t, emit: c }) {
283
- const l = e, C = c, i = "clll-input", x = A(!1), g = Q("input-elem"), r = W(e, "modelValue");
284
+ const l = e, C = c, i = "clll-input", x = q(!1), g = Q("input-elem"), r = W(e, "modelValue");
284
285
  l.type === d.Color && !r.value && (r.value = "#FFFFFF");
285
- const L = r.value?.toString(), n = (h) => Object.values(X).includes(h), T = z(() => [
286
+ const L = r.value?.toString(), n = (h) => Object.values(X).includes(h), B = z(() => [
286
287
  i,
287
288
  l.borderRadius ? `${i}--${l.borderRadius}` : "",
288
289
  l.busy ? `${i}--busy` : `${i}--ready`,
@@ -291,7 +292,7 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
291
292
  `${i}--${l.type}`,
292
293
  `${i}--${l.variant}`,
293
294
  l.disabled || l.busy ? `${i}--disabled` : `${i}--active`,
294
- l.fluid || l.orientation === R.Horizontal ? `${i}--fluid` : `${i}--fixed`,
295
+ l.fluid || l.orientation === T.Horizontal ? `${i}--fluid` : `${i}--fixed`,
295
296
  l.grouped ? `${i}--grouped` : "",
296
297
  l.label ? `${i}--haslabel` : "",
297
298
  l.messageType ? `${i}--${l.messageType}` : "",
@@ -314,7 +315,7 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
314
315
  }, J = (h) => {
315
316
  !h.target.closest('button, a, [role="button"]') && g.value && g.value.focus();
316
317
  };
317
- return P(r, () => {
318
+ return R(r, () => {
318
319
  x.value = !1;
319
320
  }), t({
320
321
  inputRef: g
@@ -325,8 +326,8 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
325
326
  orientation: e.orientation
326
327
  }, {
327
328
  default: Y(() => [
328
- F("span", {
329
- class: y(a(T)),
329
+ p("span", {
330
+ class: y(a(B)),
330
331
  style: Z(a(ae)({ color: e.color, variant: e.variant })),
331
332
  "data-testid": e.testId
332
333
  }, [
@@ -338,7 +339,7 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
338
339
  required: e.required,
339
340
  size: e.size
340
341
  }, null, 8, ["html-for", "label", "required", "size"])) : v("", !0),
341
- F("span", {
342
+ p("span", {
342
343
  class: y([`${i}__input-container`, "--focus-within"]),
343
344
  onClick: J
344
345
  }, [
@@ -353,10 +354,10 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
353
354
  "aria-label": e.prefixAriaLabel,
354
355
  disabled: e.disabled || e.busy
355
356
  }, null, 8, ["prefix", "size", "grouped", "border-radius", "color", "on-click", "aria-label", "disabled"])) : v("", !0),
356
- F("span", {
357
+ p("span", {
357
358
  class: y(`${i}__input-border-control`)
358
359
  }, [
359
- _(F("input", {
360
+ _(p("input", {
360
361
  id: e.id,
361
362
  ref: "input-elem",
362
363
  "onUpdate:modelValue": f[0] || (f[0] = (m) => r.value = m),
@@ -389,7 +390,7 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
389
390
  e.type === a(d).Color ? (u(), $("span", {
390
391
  key: 1,
391
392
  class: y(`${i}__selected-color`)
392
- }, N(r.value || "none"), 3)) : v("", !0),
393
+ }, P(r.value || "none"), 3)) : v("", !0),
393
394
  e.type === a(d).Color ? (u(), b(j, {
394
395
  key: 2,
395
396
  modelValue: r.value,
@@ -422,7 +423,7 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
422
423
  }, null, 8, ["color", "current-length", "max-length", "layout", "size"])) : v("", !0)
423
424
  ], 2)
424
425
  ], 14, me),
425
- e.pill && e.label && e.orientation === a(R).Horizontal ? (u(), $("span", {
426
+ e.pill && e.label && e.orientation === a(T).Horizontal ? (u(), $("span", {
426
427
  key: 0,
427
428
  class: y(`${i}__spacer`)
428
429
  }, null, 2)) : v("", !0),
@@ -441,12 +442,12 @@ const se = ["data-testid"], H = /* @__PURE__ */ p({
441
442
  _: 1
442
443
  }, 8, ["fluid", "has-pill", "has-char-counter", "orientation"]));
443
444
  }
444
- }), B = xe;
445
- B.Prefix = H;
446
- B.Suffix = O;
447
- B.Pill = U;
448
- B.ColorTools = j;
445
+ }), V = xe;
446
+ V.Prefix = H;
447
+ V.Suffix = O;
448
+ V.Pill = U;
449
+ V.ColorTools = j;
449
450
  export {
450
- B as CLInput,
451
- B as default
451
+ V as CLInput,
452
+ V as default
452
453
  };