@codeandfunction/callaloo 4.1.0 → 4.2.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.
- package/dist/assets/CLFormCharCounter.css +1 -1
- package/dist/assets/core.css +1 -1
- package/dist/chunks/{CLButton.vue_vue_type_style_index_0_lang-B-XC2_j4.js → CLButton.vue_vue_type_style_index_0_lang-D2ZLWlBK.js} +41 -36
- package/dist/chunks/CLFormLabel.vue_vue_type_script_setup_true_lang-BcHOofhM.js +46 -0
- package/dist/chunks/{CLPill.vue_vue_type_style_index_0_lang-BbXWiTde.js → CLPill.vue_vue_type_style_index_0_lang-BziGkQUX.js} +1 -1
- package/dist/chunks/{CLToast.vue_vue_type_style_index_0_lang-BL61sRYd.js → CLToast.vue_vue_type_style_index_0_lang-C5OKGj5D.js} +1 -1
- package/dist/components/Buttons/CLButton/CLButton.css +1 -1
- package/dist/components/Buttons/CLButton/CLButton.js +1 -1
- package/dist/components/Containers/CLCarousel/CLCarousel.js +1 -1
- package/dist/components/Containers/CLDisclosure/CLDisclosure.css +1 -1
- package/dist/components/Containers/CLDisclosure/CLDisclosure.js +1 -1
- package/dist/components/Form/CLCheckbox/CLCheckbox.css +1 -1
- package/dist/components/Form/CLCheckbox/CLCheckbox.js +71 -65
- package/dist/components/Form/CLInput/CLInput.css +1 -1
- package/dist/components/Form/CLInput/CLInput.js +161 -152
- package/dist/components/Form/CLRadioButton/CLRadioButton.css +1 -1
- package/dist/components/Form/CLRadioButton/CLRadioButton.js +50 -47
- package/dist/components/Form/CLSelect/CLSelect.css +1 -1
- package/dist/components/Form/CLSelect/CLSelect.js +36 -33
- package/dist/components/Form/CLTextArea/CLTextArea.css +1 -1
- package/dist/components/Form/CLTextArea/CLTextArea.js +1 -1
- package/dist/components/Indicators/CLBanner/CLBanner.js +1 -1
- package/dist/components/Indicators/CLPill/CLPill.js +1 -1
- package/dist/components/Indicators/CLProgress/CLProgress.css +1 -1
- package/dist/components/Loading/CLSpinner/CLSpinner.css +1 -1
- package/dist/components/Modals/CLModal/CLModal.js +1 -1
- package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.js +1 -1
- package/dist/components/Popups/CLToast/CLToast.js +1 -1
- package/dist/components/Providers/CLToastProvider/CLToastProvider.js +1 -1
- package/dist/components/Typography/CLHeading/CLHeading.css +1 -1
- package/dist/components/Typography/CLText/CLText.css +1 -1
- package/dist/index.js +9 -9
- package/dist/types.d.ts +12 -3
- package/package.json +1 -1
- 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
|
|
5
|
-
import { _ as
|
|
6
|
-
import { _ as
|
|
7
|
-
import { CLSizes as
|
|
8
|
-
const
|
|
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__ */
|
|
11
|
+
props: /* @__PURE__ */ k({
|
|
12
12
|
ariaLabel: {},
|
|
13
13
|
borderRadius: {},
|
|
14
14
|
busy: { type: Boolean },
|
|
15
15
|
checked: { type: Boolean },
|
|
16
|
-
color: { default:
|
|
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:
|
|
26
|
+
size: { default: t.Small },
|
|
27
27
|
testId: { default: "clll-radiobutton" },
|
|
28
28
|
value: { type: [String, Number, Boolean] },
|
|
29
|
-
variant: { default:
|
|
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
|
|
40
|
-
[
|
|
41
|
-
[
|
|
42
|
-
[
|
|
43
|
-
[
|
|
44
|
-
[
|
|
45
|
-
|
|
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
|
-
},
|
|
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
|
-
]),
|
|
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,
|
|
67
|
+
}), (O, o) => (c(), m(z, null, {
|
|
65
68
|
default: $(() => [
|
|
66
|
-
|
|
67
|
-
class:
|
|
68
|
-
style:
|
|
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
|
-
|
|
72
|
-
class:
|
|
73
|
-
onClick:
|
|
74
|
+
i("span", {
|
|
75
|
+
class: s(u(v)),
|
|
76
|
+
onClick: X
|
|
74
77
|
}, [
|
|
75
|
-
|
|
78
|
+
i("label", {
|
|
76
79
|
for: e.id,
|
|
77
|
-
class:
|
|
80
|
+
class: s(`${a}__label`)
|
|
78
81
|
}, [
|
|
79
|
-
|
|
80
|
-
class:
|
|
82
|
+
i("span", {
|
|
83
|
+
class: s([`${a}__radiobutton-frame`, "form-control-flex"])
|
|
81
84
|
}, [
|
|
82
|
-
|
|
85
|
+
R(i("input", {
|
|
83
86
|
id: e.id,
|
|
84
87
|
ref: "radiobutton-ref",
|
|
85
|
-
"onUpdate:modelValue":
|
|
88
|
+
"onUpdate:modelValue": o[0] || (o[0] = (n) => b.value = n),
|
|
86
89
|
"aria-label": e.ariaLabel,
|
|
87
|
-
class:
|
|
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:
|
|
95
|
-
(...
|
|
96
|
-
onChange:
|
|
97
|
-
(...
|
|
98
|
-
onFocus:
|
|
99
|
-
(...
|
|
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
|
-
[
|
|
104
|
+
[q, b.value]
|
|
102
105
|
]),
|
|
103
|
-
|
|
104
|
-
class:
|
|
106
|
+
i("span", {
|
|
107
|
+
class: s(`${a}__indicator`)
|
|
105
108
|
}, null, 2)
|
|
106
109
|
], 2),
|
|
107
|
-
e.label ? (c(), m(u(
|
|
110
|
+
e.label ? (c(), m(u(N), {
|
|
108
111
|
key: 0,
|
|
109
112
|
as: "span",
|
|
110
|
-
type:
|
|
111
|
-
class:
|
|
113
|
+
type: L[e.size],
|
|
114
|
+
class: s(e.required ? `${a}__label--required` : "")
|
|
112
115
|
}, {
|
|
113
116
|
default: $(() => [
|
|
114
|
-
V(
|
|
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,
|
|
121
|
-
e.id ? (c(), m(
|
|
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
|
|
5
|
-
import { _ as
|
|
6
|
-
import { _ as
|
|
7
|
-
import { _ as
|
|
8
|
-
import { CLSizes as
|
|
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-CMjcMLcy.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:
|
|
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:
|
|
33
|
+
size: { default: i.Small },
|
|
34
34
|
testId: { default: "clll-select" },
|
|
35
|
-
variant: { default:
|
|
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
|
-
[
|
|
44
|
-
[
|
|
45
|
-
[
|
|
46
|
-
[
|
|
47
|
-
[
|
|
48
|
-
|
|
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
|
-
},
|
|
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,
|
|
70
|
+
}), (J, o) => (s(), f(R, {
|
|
68
71
|
fluid: e.fluid,
|
|
69
72
|
orientation: e.orientation
|
|
70
73
|
}, {
|
|
71
|
-
default:
|
|
74
|
+
default: x(() => [
|
|
72
75
|
d("span", {
|
|
73
|
-
class: r(u(
|
|
74
|
-
style:
|
|
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 ? (
|
|
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:
|
|
90
|
+
onClick: L
|
|
88
91
|
}, [
|
|
89
|
-
|
|
92
|
+
V(d("select", {
|
|
90
93
|
id: e.id,
|
|
91
94
|
ref: "select-ref",
|
|
92
|
-
"onUpdate:modelValue":
|
|
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:
|
|
103
|
+
onBlur: o[1] || (o[1] = //@ts-ignore
|
|
101
104
|
(...t) => e.onBlur && e.onBlur(...t)),
|
|
102
|
-
onChange:
|
|
105
|
+
onChange: o[2] || (o[2] = //@ts-ignore
|
|
103
106
|
(...t) => e.onChange && e.onChange(...t)),
|
|
104
|
-
onFocus:
|
|
107
|
+
onFocus: o[3] || (o[3] = //@ts-ignore
|
|
105
108
|
(...t) => e.onFocus && e.onFocus(...t))
|
|
106
109
|
}, [
|
|
107
|
-
e.options ? (
|
|
108
|
-
key: `${e.id}-option-${
|
|
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
|
-
},
|
|
115
|
+
}, F(t.label), 9, G))), 128)) : $("", !0)
|
|
113
116
|
], 42, A), [
|
|
114
|
-
[
|
|
117
|
+
[I, m.value]
|
|
115
118
|
]),
|
|
116
119
|
d("span", {
|
|
117
120
|
class: r([`${l}__icon`, "form-select-icon-flex"])
|
|
118
121
|
}, [
|
|
119
|
-
|
|
120
|
-
name: u(
|
|
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 ? (
|
|
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-
|
|
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-
|
|
5
|
+
import { _ as $ } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-D2ZLWlBK.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-
|
|
3
|
+
import { _ as s } from "../../../chunks/CLPill.vue_vue_type_style_index_0_lang-BziGkQUX.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-
|
|
4
|
+
import { _ as P } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-D2ZLWlBK.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,7 +1,7 @@
|
|
|
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-
|
|
4
|
+
import { _ as ae } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-D2ZLWlBK.js";
|
|
5
5
|
import { _ as fe } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-DZ-2FEcq.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";
|
|
@@ -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-
|
|
3
|
+
import { _ as s } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-C5OKGj5D.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-
|
|
3
|
+
import { _ as A } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-C5OKGj5D.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}
|