@vincisys/eyeson 0.1.2 → 0.1.4
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/Combobox.js +90 -76
- package/dist/Input.js +65 -64
- package/dist/components/ComboBox/Combobox.d.ts +6 -1
- package/dist/components/ComboBox/Combobox.d.ts.map +1 -1
- package/dist/components/Input/Input.d.ts +5 -2
- package/dist/components/Input/Input.d.ts.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/Combobox.js
CHANGED
|
@@ -4,88 +4,102 @@ import { jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
|
4
4
|
import { useId as o } from "react";
|
|
5
5
|
import { Combobox as s } from "@base-ui/react/combobox";
|
|
6
6
|
var c = {
|
|
7
|
-
Root: "
|
|
8
|
-
LabelRow: "
|
|
9
|
-
LabelText: "
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
7
|
+
Root: "_Root_sh6iy_1",
|
|
8
|
+
LabelRow: "_LabelRow_sh6iy_13",
|
|
9
|
+
LabelText: "_LabelText_sh6iy_20",
|
|
10
|
+
VisuallyHidden: "_VisuallyHidden_sh6iy_29",
|
|
11
|
+
Required: "_Required_sh6iy_41",
|
|
12
|
+
InputGroup: "_InputGroup_sh6iy_45",
|
|
13
|
+
FloatingLabel: "_FloatingLabel_sh6iy_58",
|
|
14
|
+
Input: "_Input_sh6iy_45",
|
|
15
|
+
IconButton: "_IconButton_sh6iy_89",
|
|
16
|
+
Actions: "_Actions_sh6iy_159",
|
|
17
|
+
Icon: "_Icon_sh6iy_89",
|
|
18
|
+
Positioner: "_Positioner_sh6iy_205",
|
|
19
|
+
Popup: "_Popup_sh6iy_210",
|
|
20
|
+
Empty: "_Empty_sh6iy_223",
|
|
21
|
+
List: "_List_sh6iy_230",
|
|
22
|
+
Item: "_Item_sh6iy_239",
|
|
23
|
+
ItemIndicator: "_ItemIndicator_sh6iy_270",
|
|
24
|
+
ItemText: "_ItemText_sh6iy_280",
|
|
25
|
+
SupportingText: "_SupportingText_sh6iy_286"
|
|
24
26
|
}, l = s.Root;
|
|
25
|
-
function u({ label: u = "Label",
|
|
26
|
-
let
|
|
27
|
-
|
|
28
|
-
},
|
|
27
|
+
function u({ label: u = "Label", floatingLabel: d = !0, items: f, placeholder: p = "Selecione uma opção", disabled: m = !1, required: h = !1, fluid: g = !1, state: _ = "default", size: v = "md", supportingText: y = "", errorMessage: b = "Selecione uma opção válida", emptyMessage: x = "Nenhum resultado.", readOnly: S = !0, id: C, name: w, value: T, defaultValue: E, onValueChange: D, getItemLabel: O, getItemValue: k, renderItem: A, className: j, inputProps: M }) {
|
|
28
|
+
let N = o(), P = C ?? N, F = _ === "invalid", I = F || !!y, L = (e) => O ? O(e) : e.label ?? "", R = (e) => k ? k(e) : e.value ?? L(e), z = (e) => {
|
|
29
|
+
D?.(e);
|
|
30
|
+
}, B = O ? (e) => O(e) : void 0, V = k ? (e) => k(e) : void 0;
|
|
29
31
|
return /* @__PURE__ */ a("div", {
|
|
30
|
-
className: e(c.Root,
|
|
31
|
-
"data-fluid":
|
|
32
|
+
className: e(c.Root, j),
|
|
33
|
+
"data-fluid": g || void 0,
|
|
32
34
|
children: [
|
|
33
35
|
/* @__PURE__ */ i("div", {
|
|
34
36
|
className: c.LabelRow,
|
|
35
37
|
children: /* @__PURE__ */ a("label", {
|
|
36
|
-
className: c.LabelText,
|
|
37
|
-
htmlFor:
|
|
38
|
-
children: [/* @__PURE__ */ i("span", { children: u }),
|
|
38
|
+
className: e(c.LabelText, d && c.VisuallyHidden),
|
|
39
|
+
htmlFor: P,
|
|
40
|
+
children: [/* @__PURE__ */ i("span", { children: u }), h && /* @__PURE__ */ i("span", {
|
|
39
41
|
className: c.Required,
|
|
40
42
|
children: "*"
|
|
41
43
|
})]
|
|
42
44
|
})
|
|
43
45
|
}),
|
|
44
46
|
/* @__PURE__ */ a(l, {
|
|
45
|
-
items:
|
|
46
|
-
name:
|
|
47
|
-
disabled:
|
|
48
|
-
required:
|
|
49
|
-
onValueChange:
|
|
50
|
-
...
|
|
51
|
-
itemToStringLabel:
|
|
52
|
-
itemToStringValue:
|
|
47
|
+
items: f,
|
|
48
|
+
name: w,
|
|
49
|
+
disabled: m,
|
|
50
|
+
required: h,
|
|
51
|
+
onValueChange: D ? z : void 0,
|
|
52
|
+
...T === void 0 ? E === void 0 ? {} : { defaultValue: E } : { value: T },
|
|
53
|
+
itemToStringLabel: B,
|
|
54
|
+
itemToStringValue: V,
|
|
53
55
|
children: [/* @__PURE__ */ a(s.InputGroup, {
|
|
54
56
|
className: c.InputGroup,
|
|
55
|
-
"data-state":
|
|
56
|
-
"data-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
className: c.
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
className: c.
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
57
|
+
"data-state": _,
|
|
58
|
+
"data-size": v,
|
|
59
|
+
"data-disabled": m || void 0,
|
|
60
|
+
children: [
|
|
61
|
+
d && /* @__PURE__ */ a("span", {
|
|
62
|
+
className: c.FloatingLabel,
|
|
63
|
+
children: [/* @__PURE__ */ i("span", { children: u }), h && /* @__PURE__ */ i("span", {
|
|
64
|
+
className: c.Required,
|
|
65
|
+
"aria-hidden": "true",
|
|
66
|
+
children: "*"
|
|
67
|
+
})]
|
|
68
|
+
}),
|
|
69
|
+
/* @__PURE__ */ i(s.Input, {
|
|
70
|
+
...M,
|
|
71
|
+
id: P,
|
|
72
|
+
className: c.Input,
|
|
73
|
+
placeholder: p,
|
|
74
|
+
disabled: m,
|
|
75
|
+
readOnly: S,
|
|
76
|
+
required: h,
|
|
77
|
+
"aria-invalid": F || void 0,
|
|
78
|
+
"aria-describedby": I ? `${P}-desc` : void 0
|
|
79
|
+
}),
|
|
80
|
+
/* @__PURE__ */ a("div", {
|
|
81
|
+
className: c.Actions,
|
|
82
|
+
children: [/* @__PURE__ */ i(s.Clear, {
|
|
83
|
+
className: c.IconButton,
|
|
84
|
+
"aria-label": "Limpar seleção",
|
|
85
|
+
"data-disabled": m || void 0,
|
|
86
|
+
children: /* @__PURE__ */ i(r, {
|
|
87
|
+
className: c.Icon,
|
|
88
|
+
strokeWidth: 2,
|
|
89
|
+
"aria-hidden": !0
|
|
90
|
+
})
|
|
91
|
+
}), /* @__PURE__ */ i(s.Trigger, {
|
|
92
|
+
className: c.IconButton,
|
|
93
|
+
"aria-label": "Abrir lista",
|
|
94
|
+
"data-disabled": m || void 0,
|
|
95
|
+
children: /* @__PURE__ */ i(n, {
|
|
96
|
+
className: c.Icon,
|
|
97
|
+
strokeWidth: 2,
|
|
98
|
+
"aria-hidden": !0
|
|
99
|
+
})
|
|
100
|
+
})]
|
|
101
|
+
})
|
|
102
|
+
]
|
|
89
103
|
}), /* @__PURE__ */ i(s.Portal, { children: /* @__PURE__ */ i(s.Positioner, {
|
|
90
104
|
className: c.Positioner,
|
|
91
105
|
sideOffset: 4,
|
|
@@ -93,7 +107,7 @@ function u({ label: u = "Label", items: d, placeholder: f = "Selecione uma opç
|
|
|
93
107
|
className: c.Popup,
|
|
94
108
|
children: [/* @__PURE__ */ i(s.Empty, { children: /* @__PURE__ */ i("div", {
|
|
95
109
|
className: c.Empty,
|
|
96
|
-
children:
|
|
110
|
+
children: x
|
|
97
111
|
}) }), /* @__PURE__ */ i(s.List, {
|
|
98
112
|
className: c.List,
|
|
99
113
|
children: (e) => /* @__PURE__ */ a(s.Item, {
|
|
@@ -106,20 +120,20 @@ function u({ label: u = "Label", items: d, placeholder: f = "Selecione uma opç
|
|
|
106
120
|
strokeWidth: 2.5,
|
|
107
121
|
"aria-hidden": !0
|
|
108
122
|
})
|
|
109
|
-
}),
|
|
123
|
+
}), A ? A(e) : /* @__PURE__ */ i("span", {
|
|
110
124
|
className: c.ItemText,
|
|
111
|
-
children:
|
|
125
|
+
children: L(e)
|
|
112
126
|
})]
|
|
113
|
-
},
|
|
127
|
+
}, R(e))
|
|
114
128
|
})]
|
|
115
129
|
})
|
|
116
130
|
}) })]
|
|
117
131
|
}),
|
|
118
|
-
|
|
119
|
-
id: `${
|
|
132
|
+
I && /* @__PURE__ */ i("div", {
|
|
133
|
+
id: `${P}-desc`,
|
|
120
134
|
className: c.SupportingText,
|
|
121
|
-
"data-state":
|
|
122
|
-
children:
|
|
135
|
+
"data-state": F ? "invalid" : void 0,
|
|
136
|
+
children: F ? b : y
|
|
123
137
|
})
|
|
124
138
|
]
|
|
125
139
|
});
|
package/dist/Input.js
CHANGED
|
@@ -6,80 +6,80 @@ import { useId as o, useState as s } from "react";
|
|
|
6
6
|
//#region node_modules/brazilian-values/dist/brazilian-values.mjs
|
|
7
7
|
var c = /\D/g, l = function(e) {
|
|
8
8
|
return e.replace(c, "");
|
|
9
|
-
}, ee = function(e) {
|
|
10
|
-
return l(e).replace(/(\d{5})(\d{1,3})/, "$1-$2");
|
|
11
9
|
}, u = function(e) {
|
|
12
|
-
return l(e).replace(/(\d{
|
|
10
|
+
return l(e).replace(/(\d{5})(\d{1,3})/, "$1-$2");
|
|
13
11
|
}, d = function(e) {
|
|
14
|
-
return l(e).replace(/(\d{
|
|
12
|
+
return l(e).replace(/(\d{2})(\d)/, "$1.$2").replace(/(\d{3})(\d)/, "$1.$2").replace(/(\d{3})(\d)/, "$1/$2").replace(/(\d{4})(\d{1,2})$/, "$1-$2");
|
|
15
13
|
}, f = function(e) {
|
|
16
|
-
return (e.
|
|
14
|
+
return l(e).replace(/(\d{3})(\d)/, "$1.$2").replace(/(\d{3})(\d)/, "$1.$2").replace(/(\d{3})(\d{1,2})$/, "$1-$2");
|
|
17
15
|
}, p = function(e) {
|
|
18
|
-
return
|
|
19
|
-
},
|
|
16
|
+
return (e.match(/\d/g)?.length ?? 0) <= 11;
|
|
17
|
+
}, m = function(e) {
|
|
18
|
+
return p(e) ? f(e) : d(e);
|
|
19
|
+
}, ee = function(e) {
|
|
20
20
|
return l(e).replace(/(\d{1,2})/, "($1").replace(/(\(\d{2})(\d{1,4})/, "$1) $2").replace(/( \d{4})(\d{1,4})/, "$1-$2").replace(/( \d{4})(?:-)(\d{1})(\d{4})/, "$1$2-$3");
|
|
21
|
-
},
|
|
22
|
-
Root: "
|
|
23
|
-
LabelRow: "
|
|
24
|
-
LabelLeft: "
|
|
25
|
-
LabelText: "
|
|
26
|
-
VisuallyHidden: "
|
|
27
|
-
Required: "
|
|
28
|
-
SupportLink: "
|
|
29
|
-
TooltipButton: "
|
|
30
|
-
Control: "
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
FloatingLabel: "
|
|
37
|
-
SupportingText: "
|
|
21
|
+
}, h = {
|
|
22
|
+
Root: "_Root_1ot1z_1",
|
|
23
|
+
LabelRow: "_LabelRow_1ot1z_13",
|
|
24
|
+
LabelLeft: "_LabelLeft_1ot1z_20",
|
|
25
|
+
LabelText: "_LabelText_1ot1z_27",
|
|
26
|
+
VisuallyHidden: "_VisuallyHidden_1ot1z_36",
|
|
27
|
+
Required: "_Required_1ot1z_48",
|
|
28
|
+
SupportLink: "_SupportLink_1ot1z_52",
|
|
29
|
+
TooltipButton: "_TooltipButton_1ot1z_66",
|
|
30
|
+
Control: "_Control_1ot1z_83",
|
|
31
|
+
Input: "_Input_1ot1z_105",
|
|
32
|
+
Adornment: "_Adornment_1ot1z_115",
|
|
33
|
+
SpinnerWrap: "_SpinnerWrap_1ot1z_122",
|
|
34
|
+
Spinner: "_Spinner_1ot1z_122",
|
|
35
|
+
"input-spin": "_input-spin_1ot1z_1",
|
|
36
|
+
FloatingLabel: "_FloatingLabel_1ot1z_196",
|
|
37
|
+
SupportingText: "_SupportingText_1ot1z_223"
|
|
38
38
|
};
|
|
39
39
|
//#endregion
|
|
40
40
|
//#region src/components/Input/Input.tsx
|
|
41
|
-
function
|
|
42
|
-
let H = o(), U = P ?? H, [W, G] = s(() => M?.toString() ?? ""), K = N !== void 0, q = (K ? N : W)?.toString() ?? "", J =
|
|
43
|
-
switch (
|
|
44
|
-
case "cep": return
|
|
45
|
-
case "cpf": return
|
|
46
|
-
case "cnpj": return
|
|
47
|
-
case "cpfOrCnpj": return
|
|
48
|
-
case "phone": return
|
|
41
|
+
function g({ className: c, label: l = "Label", texto: p, disabled: g = !1, state: _ = "default", size: v = "md", inputType: y = "text", required: b = !1, placeholder: x = "Digite algo...", errorMessage: S = "Campo obrigatório", fluid: C = !1, format: w, tooltip: T = null, linkText: te = null, linkUrl: ne = null, supportLink: re = null, supportLinkUrl: ie = null, supportingText: E = "", lazy: D = !1, floatingLabel: O = !0, disableAutocomplete: k = !1, isLoading: A = !1, loadingIconPosition: j = "end", defaultValue: M, value: N, id: P, name: F, onBlur: I, onFocus: L, onKeyDown: R, onClick: z, onChange: B, ...V }) {
|
|
42
|
+
let H = o(), U = P ?? H, [W, G] = s(() => M?.toString() ?? ""), K = N !== void 0, q = (K ? N : W)?.toString() ?? "", J = re ?? te, Y = ie ?? ne, ae = (e) => {
|
|
43
|
+
switch (w) {
|
|
44
|
+
case "cep": return u(e);
|
|
45
|
+
case "cpf": return f(e);
|
|
46
|
+
case "cnpj": return d(e);
|
|
47
|
+
case "cpfOrCnpj": return m(e);
|
|
48
|
+
case "phone": return ee(e);
|
|
49
49
|
default: return e;
|
|
50
50
|
}
|
|
51
51
|
}, X = (e, t) => {
|
|
52
|
-
let n =
|
|
52
|
+
let n = ae(e);
|
|
53
53
|
K || G(n), B?.(n, t);
|
|
54
|
-
}, Z =
|
|
55
|
-
className: e(
|
|
54
|
+
}, Z = _ === "invalid", Q = g || A, $ = A ? /* @__PURE__ */ r("span", {
|
|
55
|
+
className: e(h.Adornment, h.SpinnerWrap),
|
|
56
56
|
"data-position": j,
|
|
57
57
|
"aria-hidden": !0,
|
|
58
58
|
children: /* @__PURE__ */ r(n, {
|
|
59
|
-
className:
|
|
59
|
+
className: h.Spinner,
|
|
60
60
|
size: 16
|
|
61
61
|
})
|
|
62
62
|
}) : null;
|
|
63
63
|
return /* @__PURE__ */ i("div", {
|
|
64
|
-
className: e(
|
|
65
|
-
"data-fluid":
|
|
64
|
+
className: e(h.Root, c),
|
|
65
|
+
"data-fluid": C || void 0,
|
|
66
66
|
children: [
|
|
67
67
|
/* @__PURE__ */ i("div", {
|
|
68
|
-
className:
|
|
68
|
+
className: h.LabelRow,
|
|
69
69
|
children: [/* @__PURE__ */ i("div", {
|
|
70
|
-
className:
|
|
70
|
+
className: h.LabelLeft,
|
|
71
71
|
children: [/* @__PURE__ */ i("label", {
|
|
72
|
-
className: e(
|
|
72
|
+
className: e(h.LabelText, O && h.VisuallyHidden),
|
|
73
73
|
htmlFor: U,
|
|
74
|
-
children: [/* @__PURE__ */ r("span", { children: l }),
|
|
75
|
-
className:
|
|
74
|
+
children: [/* @__PURE__ */ r("span", { children: l }), b && /* @__PURE__ */ r("span", {
|
|
75
|
+
className: h.Required,
|
|
76
76
|
children: "*"
|
|
77
77
|
})]
|
|
78
|
-
}),
|
|
78
|
+
}), T && /* @__PURE__ */ r("button", {
|
|
79
79
|
type: "button",
|
|
80
|
-
className:
|
|
81
|
-
"aria-label":
|
|
82
|
-
title:
|
|
80
|
+
className: h.TooltipButton,
|
|
81
|
+
"aria-label": T,
|
|
82
|
+
title: T,
|
|
83
83
|
disabled: Q,
|
|
84
84
|
children: /* @__PURE__ */ r(t, {
|
|
85
85
|
size: 16,
|
|
@@ -87,7 +87,7 @@ function h({ className: c, label: l = "Label", texto: f, disabled: h = !1, state
|
|
|
87
87
|
})
|
|
88
88
|
})]
|
|
89
89
|
}), J && Y && /* @__PURE__ */ r("a", {
|
|
90
|
-
className:
|
|
90
|
+
className: h.SupportLink,
|
|
91
91
|
href: Y,
|
|
92
92
|
"aria-disabled": Q || void 0,
|
|
93
93
|
tabIndex: Q ? -1 : 0,
|
|
@@ -98,16 +98,17 @@ function h({ className: c, label: l = "Label", texto: f, disabled: h = !1, state
|
|
|
98
98
|
})]
|
|
99
99
|
}),
|
|
100
100
|
/* @__PURE__ */ i("div", {
|
|
101
|
-
className:
|
|
101
|
+
className: h.Control,
|
|
102
102
|
"data-disabled": Q || void 0,
|
|
103
|
-
"data-state":
|
|
103
|
+
"data-state": _,
|
|
104
|
+
"data-size": v,
|
|
104
105
|
"data-floating": O || void 0,
|
|
105
106
|
"data-has-value": q ? !0 : void 0,
|
|
106
107
|
children: [
|
|
107
108
|
O && /* @__PURE__ */ i("span", {
|
|
108
|
-
className:
|
|
109
|
-
children: [/* @__PURE__ */ r("span", { children: l }),
|
|
110
|
-
className:
|
|
109
|
+
className: h.FloatingLabel,
|
|
110
|
+
children: [/* @__PURE__ */ r("span", { children: l }), b && /* @__PURE__ */ r("span", {
|
|
111
|
+
className: h.Required,
|
|
111
112
|
"aria-hidden": "true",
|
|
112
113
|
children: "*"
|
|
113
114
|
})]
|
|
@@ -117,11 +118,11 @@ function h({ className: c, label: l = "Label", texto: f, disabled: h = !1, state
|
|
|
117
118
|
...V,
|
|
118
119
|
id: U,
|
|
119
120
|
name: F,
|
|
120
|
-
className:
|
|
121
|
+
className: h.Input,
|
|
121
122
|
disabled: Q,
|
|
122
|
-
type:
|
|
123
|
-
required:
|
|
124
|
-
placeholder:
|
|
123
|
+
type: y,
|
|
124
|
+
required: b,
|
|
125
|
+
placeholder: x,
|
|
125
126
|
autoComplete: k ? "off" : V.autoComplete,
|
|
126
127
|
"aria-invalid": Z || void 0,
|
|
127
128
|
"aria-describedby": Z ? `${U}-desc` : void 0,
|
|
@@ -141,18 +142,18 @@ function h({ className: c, label: l = "Label", texto: f, disabled: h = !1, state
|
|
|
141
142
|
j === "end" && $
|
|
142
143
|
]
|
|
143
144
|
}),
|
|
144
|
-
|
|
145
|
-
className:
|
|
146
|
-
children:
|
|
145
|
+
p && /* @__PURE__ */ r("div", {
|
|
146
|
+
className: h.SupportingText,
|
|
147
|
+
children: p
|
|
147
148
|
}),
|
|
148
149
|
(Z || E) && /* @__PURE__ */ r("div", {
|
|
149
150
|
id: `${U}-desc`,
|
|
150
|
-
className:
|
|
151
|
-
"data-state": Z ? "invalid" :
|
|
152
|
-
children: Z ?
|
|
151
|
+
className: h.SupportingText,
|
|
152
|
+
"data-state": Z ? "invalid" : _,
|
|
153
|
+
children: Z ? S : E
|
|
153
154
|
})
|
|
154
155
|
]
|
|
155
156
|
});
|
|
156
157
|
}
|
|
157
158
|
//#endregion
|
|
158
|
-
export {
|
|
159
|
+
export { g as default };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { type ComponentProps, type ReactNode } from 'react';
|
|
2
2
|
export type ComboboxState = 'default' | 'valid' | 'invalid';
|
|
3
|
+
export type ComboboxSize = 'sm' | 'md' | 'lg';
|
|
3
4
|
export type ComboboxOption = {
|
|
4
5
|
label: string;
|
|
5
6
|
value: string;
|
|
@@ -7,6 +8,8 @@ export type ComboboxOption = {
|
|
|
7
8
|
export type ComboboxProps<T = ComboboxOption> = {
|
|
8
9
|
/** Texto do label acima do campo. */
|
|
9
10
|
label?: string;
|
|
11
|
+
/** Mostra o label no “traço” do campo (estilo floating). */
|
|
12
|
+
floatingLabel?: boolean;
|
|
10
13
|
/** Lista de itens disponíveis para seleção. */
|
|
11
14
|
items: readonly T[];
|
|
12
15
|
/** Texto exibido quando nenhum item está selecionado. */
|
|
@@ -19,6 +22,8 @@ export type ComboboxProps<T = ComboboxOption> = {
|
|
|
19
22
|
fluid?: boolean;
|
|
20
23
|
/** Estado visual do campo. */
|
|
21
24
|
state?: ComboboxState;
|
|
25
|
+
/** Tamanho do campo (altura, padding e tipografia). */
|
|
26
|
+
size?: ComboboxSize;
|
|
22
27
|
/** Texto auxiliar exibido abaixo do campo no estado padrão. */
|
|
23
28
|
supportingText?: string;
|
|
24
29
|
/** Mensagem exibida abaixo do campo no estado inválido. */
|
|
@@ -48,5 +53,5 @@ export type ComboboxProps<T = ComboboxOption> = {
|
|
|
48
53
|
/** Props extras repassadas ao `<input>` nativo. */
|
|
49
54
|
inputProps?: Omit<ComponentProps<'input'>, 'className' | 'disabled' | 'id' | 'name' | 'placeholder' | 'readOnly' | 'required'>;
|
|
50
55
|
};
|
|
51
|
-
export default function Combobox<T = ComboboxOption>({ label, items, placeholder, disabled, required, fluid, state, supportingText, errorMessage, emptyMessage, readOnly, id, name, value, defaultValue, onValueChange, getItemLabel, getItemValue, renderItem, className, inputProps, }: ComboboxProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
56
|
+
export default function Combobox<T = ComboboxOption>({ label, floatingLabel, items, placeholder, disabled, required, fluid, state, size, supportingText, errorMessage, emptyMessage, readOnly, id, name, value, defaultValue, onValueChange, getItemLabel, getItemValue, renderItem, className, inputProps, }: ComboboxProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
52
57
|
//# sourceMappingURL=Combobox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/ComboBox/Combobox.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAS,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/ComboBox/Combobox.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAS,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAC5D,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,MAAM,cAAc,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,cAAc,IAAI;IAC/C,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,+CAA+C;IAC/C,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,uDAAuD;IACvD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,+DAA+D;IAC/D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACjB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACxB,uDAAuD;IACvD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,0DAA0D;IAC1D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACnC,oDAAoD;IACpD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACnC,sDAAsD;IACtD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACpC,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,UAAU,CAAC,EAAE,IAAI,CAChB,cAAc,CAAC,OAAO,CAAC,EACrB,WAAW,GACX,UAAU,GACV,IAAI,GACJ,MAAM,GACN,aAAa,GACb,UAAU,GACV,UAAU,CACZ,CAAC;CACF,CAAC;AAeF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,CAAC,GAAG,cAAc,EAAE,EACpD,KAAe,EACf,aAAoB,EACpB,KAAK,EACL,WAAmC,EACnC,QAAgB,EAChB,QAAgB,EAChB,KAAa,EACb,KAAiB,EACjB,IAAW,EACX,cAAmB,EACnB,YAA2C,EAC3C,YAAkC,EAClC,QAAe,EACf,EAAE,EACF,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,SAAS,EACT,UAAU,GACV,EAAE,aAAa,CAAC,CAAC,CAAC,2CAoLlB"}
|
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
import { type ChangeEvent, type ComponentProps } from 'react';
|
|
2
2
|
export type InputState = 'default' | 'valid' | 'loading' | 'invalid';
|
|
3
3
|
export type InputFormat = 'cep' | 'cpf' | 'cnpj' | 'cpfOrCnpj' | 'phone';
|
|
4
|
-
export type
|
|
4
|
+
export type InputSize = 'sm' | 'md' | 'lg';
|
|
5
|
+
export type InputProps = Omit<ComponentProps<'input'>, 'className' | 'type' | 'required' | 'onChange' | 'size'> & {
|
|
5
6
|
className?: string;
|
|
6
7
|
label?: string;
|
|
7
8
|
texto?: string;
|
|
8
9
|
disabled?: boolean;
|
|
9
10
|
state?: InputState;
|
|
11
|
+
/** Tamanho do campo (altura, padding e tipografia). */
|
|
12
|
+
size?: InputSize;
|
|
10
13
|
inputType?: 'text' | 'email';
|
|
11
14
|
required?: boolean;
|
|
12
15
|
placeholder?: string;
|
|
@@ -26,5 +29,5 @@ export type InputProps = Omit<ComponentProps<'input'>, 'className' | 'type' | 'r
|
|
|
26
29
|
loadingIconPosition?: 'start' | 'end';
|
|
27
30
|
onChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
|
|
28
31
|
};
|
|
29
|
-
export default function Input({ className, label, texto, disabled, state, inputType, required, placeholder, errorMessage, fluid, format, tooltip, linkText, linkUrl, supportLink, supportLinkUrl, supportingText, lazy, floatingLabel, disableAutocomplete, isLoading, loadingIconPosition, defaultValue, value, id, name, onBlur, onFocus, onKeyDown, onClick, onChange, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
export default function Input({ className, label, texto, disabled, state, size, inputType, required, placeholder, errorMessage, fluid, format, tooltip, linkText, linkUrl, supportLink, supportLinkUrl, supportingText, lazy, floatingLabel, disableAutocomplete, isLoading, loadingIconPosition, defaultValue, value, id, name, onBlur, onFocus, onKeyDown, onClick, onChange, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
|
|
30
33
|
//# sourceMappingURL=Input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAmB,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAU/E,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AACrE,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAmB,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAU/E,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AACrE,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,CAAC;AACzE,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG,IAAI,CAC5B,cAAc,CAAC,OAAO,CAAC,EACvB,WAAW,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CACvD,GAAG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,uDAAuD;IACvD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACzE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC7B,SAAS,EACT,KAAe,EACf,KAAK,EACL,QAAgB,EAChB,KAAiB,EACjB,IAAW,EACX,SAAkB,EAClB,QAAgB,EAChB,WAA8B,EAC9B,YAAkC,EAClC,KAAa,EACb,MAAM,EACN,OAAc,EACd,QAAe,EACf,OAAc,EACd,WAAkB,EAClB,cAAqB,EACrB,cAAmB,EACnB,IAAY,EACZ,aAAoB,EACpB,mBAA2B,EAC3B,SAAiB,EACjB,mBAA2B,EAC3B,YAAY,EACZ,KAAK,EACL,EAAE,EACF,IAAI,EACJ,MAAM,EACN,OAAO,EACP,SAAS,EACT,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,UAAU,2CAiLZ"}
|
package/dist/styles.css
CHANGED
|
@@ -86,5 +86,5 @@ html {
|
|
|
86
86
|
--eds-color-outline-focus-ring: hsl(240 5% 64.9% / 0.45);
|
|
87
87
|
}
|
|
88
88
|
|
|
89
|
-
._Button_nx0ay_1{--eds-btn-accent:var(--eds-color-blue-main);box-sizing:border-box;color:inherit;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#0000;border:0 solid #0000;justify-content:center;align-items:center;margin:0;font-family:inherit;font-weight:700;display:inline-flex}._color-blue-background_nx0ay_20{--eds-btn-accent:var(--eds-color-blue-background);--eds-btn-solid-fg:#fff}._color-blue-dark_nx0ay_25{--eds-btn-accent:var(--eds-color-blue-dark)}._color-blue-main_nx0ay_29{--eds-btn-accent:var(--eds-color-blue-main)}._color-blue-middle_nx0ay_33{--eds-btn-accent:var(--eds-color-blue-middle)}._color-green-background_nx0ay_37{--eds-btn-accent:var(--eds-color-green-background);--eds-btn-solid-fg:#fff}._color-green-dark_nx0ay_42{--eds-btn-accent:var(--eds-color-green-dark)}._color-green-main_nx0ay_46{--eds-btn-accent:var(--eds-color-green-main);--eds-btn-solid-fg:#fff}._color-green-middle_nx0ay_51{--eds-btn-accent:var(--eds-color-green-middle);--eds-btn-solid-fg:#fff}._color-neutral-background_nx0ay_56{--eds-btn-accent:var(--eds-color-neutral-background);--eds-btn-solid-fg:#fff}._color-neutral-disabled_nx0ay_61{--eds-btn-accent:var(--eds-color-neutral-disabled);--eds-btn-solid-fg:#fff}._color-neutral-elements_nx0ay_66{--eds-btn-accent:var(--eds-color-neutral-elements)}._color-neutral-main_nx0ay_70{--eds-btn-accent:var(--eds-color-neutral-main)}._color-orange-background_nx0ay_74{--eds-btn-accent:var(--eds-color-orange-background);--eds-btn-solid-fg:#fff}._color-orange-dark_nx0ay_79{--eds-btn-accent:var(--eds-color-orange-dark)}._color-orange-main_nx0ay_83{--eds-btn-accent:var(--eds-color-orange-main)}._color-orange-middle_nx0ay_87{--eds-btn-accent:var(--eds-color-orange-middle);--eds-btn-solid-fg:#fff}._color-red-background_nx0ay_92{--eds-btn-accent:var(--eds-color-red-background);--eds-btn-solid-fg:#fff}._color-red-dark_nx0ay_97{--eds-btn-accent:var(--eds-color-red-dark);--eds-btn-solid-fg:#fff}._color-red-main_nx0ay_102{--eds-btn-accent:var(--eds-color-red-main)}._color-red-middle_nx0ay_106{--eds-btn-accent:var(--eds-color-red-middle);--eds-btn-solid-fg:#fff}._sizeSm_nx0ay_111{border-radius:var(--eds-border-radius-lil,6px);gap:.375rem;min-height:32px;padding:0 1rem;font-size:.875rem;line-height:1.25rem}._sizeSm_nx0ay_111 ._IconWrap_nx0ay_120{width:1.125rem;height:1.125rem}._sizeMd_nx0ay_125{border-radius:var(--eds-border-radius-extra-small,8px);gap:.5rem;min-height:40px;padding:0 1.5rem;font-size:1rem;line-height:1.5rem}._sizeMd_nx0ay_125 ._IconWrap_nx0ay_120{width:1.375rem;height:1.375rem}._sizeLg_nx0ay_139{border-radius:var(--eds-border-radius-extra-small,8px);gap:.875rem;min-height:48px;padding:0 2rem;font-size:1.25rem;line-height:1.75rem}._sizeLg_nx0ay_139 ._IconWrap_nx0ay_120{width:1.75rem;height:1.75rem}._block_nx0ay_153{width:100%}._variantSolid_nx0ay_157{background-color:var(--eds-btn-accent);color:var(--eds-btn-solid-fg,#fff)}@media (hover:hover){._variantSolid_nx0ay_157:hover:not([data-disabled]){background-color:color-mix(in srgb, var(--eds-btn-accent) 78%, black)}}._variantSolid_nx0ay_157:active:not([data-disabled]){filter:brightness(.92)}._variantSolid_nx0ay_157:focus-visible{outline:2px solid var(--eds-btn-accent);outline-offset:2px}._variantSolid_nx0ay_157[data-disabled]:not([data-loading]){background-color:var(--eds-color-neutral-disabled);color:#fff;cursor:not-allowed}._variantSolid_nx0ay_157[data-loading][data-disabled]{background-color:var(--eds-btn-accent);color:var(--eds-btn-solid-fg,#fff);cursor:wait;filter:none}._variantOutline_nx0ay_190{border-width:1px;border-color:color-mix(in srgb, var(--eds-btn-accent) 42%, var(--eds-color-outline-border));color:var(--eds-btn-accent);background-color:#0000}@media (hover:hover){._variantOutline_nx0ay_190:hover:not([data-disabled]){border-color:color-mix(in srgb, var(--eds-btn-accent) 58%, var(--eds-color-outline-border));background-color:color-mix(in srgb, var(--eds-btn-accent) 10%, transparent);color:color-mix(in srgb, var(--eds-btn-accent) 88%, black)}}._variantOutline_nx0ay_190:active:not([data-disabled]){filter:brightness(.98)}._variantOutline_nx0ay_190:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--eds-btn-accent) 38%, transparent);outline:none}._variantOutline_nx0ay_190[data-disabled]:not([data-loading]){border-color:var(--eds-color-outline-border);color:var(--eds-color-grey-disabled);cursor:not-allowed;opacity:.5;background-color:#0000}._variantOutline_nx0ay_190[data-loading][data-disabled]{border-color:color-mix(in srgb, var(--eds-btn-accent) 42%, var(--eds-color-outline-border));color:var(--eds-btn-accent);cursor:wait;filter:none;opacity:1;background-color:#0000}._variantGhost_nx0ay_248{color:var(--eds-btn-accent);background-color:#0000}@media (hover:hover){._variantGhost_nx0ay_248:hover:not([data-disabled]){color:color-mix(in srgb, var(--eds-btn-accent) 78%, black)}}._variantGhost_nx0ay_248:active:not([data-disabled]){filter:brightness(.95)}._variantGhost_nx0ay_248:focus-visible{outline:2px solid var(--eds-btn-accent);outline-offset:2px}._variantGhost_nx0ay_248[data-disabled]:not([data-loading]){color:var(--eds-color-grey-disabled);cursor:not-allowed}._variantGhost_nx0ay_248[data-loading][data-disabled]{color:var(--eds-btn-accent);cursor:wait;filter:none}._variantLink_nx0ay_279{min-height:unset;color:var(--eds-btn-accent);text-decoration:underline;-webkit-text-decoration-color:var(--eds-btn-accent);text-decoration-color:var(--eds-btn-accent);text-underline-offset:.15em;background:0 0;padding:.125rem 0}._sizeSm_nx0ay_111._variantLink_nx0ay_279{gap:.375rem;font-size:.875rem;line-height:1.25rem}._sizeMd_nx0ay_125._variantLink_nx0ay_279{gap:.5rem;font-size:1rem;line-height:1.5rem}._sizeLg_nx0ay_139._variantLink_nx0ay_279{gap:.5rem;font-size:1.25rem;line-height:1.75rem}@media (hover:hover){._variantLink_nx0ay_279:hover:not([data-disabled]){color:color-mix(in srgb, var(--eds-btn-accent) 78%, black);-webkit-text-decoration-color:color-mix(in srgb, var(--eds-btn-accent) 78%, black);text-decoration-color:color-mix(in srgb, var(--eds-btn-accent) 78%, black)}}._variantLink_nx0ay_279:focus-visible{outline:2px solid var(--eds-btn-accent);outline-offset:2px}._variantLink_nx0ay_279[data-disabled]:not([data-loading]){color:var(--eds-color-grey-disabled);-webkit-text-decoration-color:var(--eds-color-grey-disabled);text-decoration-color:var(--eds-color-grey-disabled);cursor:not-allowed}._variantLink_nx0ay_279[data-loading][data-disabled]{color:var(--eds-btn-accent);-webkit-text-decoration-color:var(--eds-btn-accent);text-decoration-color:var(--eds-btn-accent);cursor:wait}._IconWrap_nx0ay_120{flex-shrink:0;justify-content:center;align-items:center;display:flex}._Icon_nx0ay_120{width:100%;height:100%;display:block}._Spinner_nx0ay_348{animation:.7s linear infinite _button-spin_nx0ay_1}@keyframes _button-spin_nx0ay_1{to{transform:rotate(360deg)}}._Root_mce06_1{box-sizing:border-box;flex-direction:column;gap:.375rem;width:214px;display:inline-flex}._Root_mce06_1[data-fluid]{width:100%}._LabelRow_mce06_13{justify-content:space-between;align-items:center;gap:.75rem;display:flex}._LabelText_mce06_20{color:var(--eds-color-neutral-main);align-items:baseline;gap:.25rem;font-size:.875rem;line-height:1.25rem;display:inline-flex}._Required_mce06_29{color:var(--eds-color-red-main)}._InputGroup_mce06_33{border:1px solid var(--eds-color-outline-border);border-radius:var(--eds-border-radius-extra-small,8px);background-color:#fff;align-items:center;gap:.25rem;width:100%;height:36px;padding:0 .5rem 0 .75rem;display:inline-flex;position:relative}._InputGroup_mce06_33[data-state=invalid]{border-color:color-mix(in srgb, var(--eds-color-red-main) 55%, var(--eds-color-outline-border))}._InputGroup_mce06_33[data-state=valid]{border-color:color-mix(in srgb, var(--eds-color-green-main) 55%, var(--eds-color-outline-border))}._InputGroup_mce06_33:focus-within{border-color:color-mix(in srgb, var(--eds-color-neutral-elements) 35%, var(--eds-color-outline-border));box-shadow:0 0 0 3px var(--eds-color-outline-focus-ring)}._InputGroup_mce06_33[data-disabled]{background-color:var(--eds-color-neutral-background);border-color:var(--eds-color-outline-border);opacity:.7;cursor:not-allowed}._Input_mce06_33{box-sizing:border-box;min-width:0;font:inherit;color:var(--eds-color-neutral-main);background:0 0;border:0;outline:0;flex:1;margin:0;padding:0;font-size:1rem;line-height:1.5rem}._Input_mce06_33::placeholder{color:var(--eds-color-neutral-elements);opacity:1}._Input_mce06_33:disabled{cursor:not-allowed}._Input_mce06_33[readonly]:not(:disabled){cursor:pointer}._Actions_mce06_106{flex-shrink:0;align-items:center;gap:.125rem;display:inline-flex}._IconButton_mce06_113{all:unset;box-sizing:border-box;width:28px;height:28px;color:var(--eds-color-neutral-elements);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}._IconButton_mce06_113:hover:not([data-disabled]){color:var(--eds-color-neutral-main);background:color-mix(in srgb, var(--eds-color-neutral-elements) 8%, transparent)}._IconButton_mce06_113:focus-visible{outline:2px solid var(--eds-color-blue-main);outline-offset:2px}._IconButton_mce06_113[data-disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}._Icon_mce06_113{flex-shrink:0;width:16px;height:16px}._Positioner_mce06_152{z-index:50;outline:0}._Popup_mce06_157{box-sizing:border-box;min-width:var(--anchor-width);border:1px solid var(--eds-color-outline-border);border-radius:var(--eds-border-radius-extra-small,8px);background-color:#fff;max-height:280px;padding:.25rem 0;overflow:visible;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000f}._Empty_mce06_170{color:var(--eds-color-neutral-elements);padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}._List_mce06_177{box-sizing:border-box;overscroll-behavior:contain;outline:0;max-height:240px;padding:.125rem;overflow-y:auto}._Item_mce06_186{box-sizing:border-box;width:100%;font:inherit;color:var(--eds-color-neutral-main);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .625rem;font-size:.875rem;line-height:1.25rem;display:flex}._Item_mce06_186[data-highlighted]{background:color-mix(in srgb, var(--eds-color-neutral-elements) 10%, transparent)}._Item_mce06_186[data-disabled]{opacity:.5;cursor:not-allowed}._ItemIndicator_mce06_217{width:1rem;height:1rem;color:var(--eds-color-blue-main);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._ItemText_mce06_227{flex:1;min-width:0;display:block}._SupportingText_mce06_233{color:var(--eds-color-neutral-elements);font-size:.75rem;line-height:1rem}._SupportingText_mce06_233[data-state=invalid]{color:var(--eds-color-red-main)}._Root_1ixm6_1{box-sizing:border-box;flex-direction:column;gap:.375rem;width:214px;display:inline-flex}._Root_1ixm6_1[data-fluid]{width:100%}._LabelRow_1ixm6_13{justify-content:space-between;align-items:center;gap:.75rem;display:flex}._LabelLeft_1ixm6_20{align-items:center;gap:.5rem;min-width:0;display:inline-flex}._LabelText_1ixm6_27{color:var(--eds-color-neutral-main);align-items:baseline;gap:.25rem;font-size:.875rem;line-height:1.25rem;display:inline-flex}._VisuallyHidden_1ixm6_36{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._Required_1ixm6_48{color:var(--eds-color-red-main)}._SupportLink_1ixm6_52{color:var(--eds-color-blue-main);text-underline-offset:.15em;white-space:nowrap;font-size:.875rem;line-height:1.25rem;text-decoration:underline}._SupportLink_1ixm6_52[aria-disabled=true]{opacity:.6;pointer-events:none}._TooltipButton_1ixm6_66{all:unset;width:28px;height:28px;color:var(--eds-color-neutral-elements);cursor:help;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}._TooltipButton_1ixm6_66:focus-visible{outline:2px solid var(--eds-color-blue-main);outline-offset:2px}._Control_1ixm6_83{border:1px solid var(--eds-color-outline-border);border-radius:var(--eds-border-radius-extra-small,8px);background-color:#fff;align-items:center;width:100%;height:36px;padding:0 .75rem;display:inline-flex;position:relative}._Adornment_1ixm6_95{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._SpinnerWrap_1ixm6_102{color:var(--eds-color-blue-main)}._Spinner_1ixm6_102{animation:.7s linear infinite _input-spin_1ixm6_1}@keyframes _input-spin_1ixm6_1{to{transform:rotate(360deg)}}._Control_1ixm6_83[data-state=invalid]{border-color:color-mix(in srgb, var(--eds-color-red-main) 55%, var(--eds-color-outline-border))}._Control_1ixm6_83[data-state=valid]{border-color:color-mix(in srgb, var(--eds-color-green-main) 55%, var(--eds-color-outline-border))}._Control_1ixm6_83[data-state=loading]{border-color:color-mix(in srgb, var(--eds-color-blue-main) 45%, var(--eds-color-outline-border))}._Control_1ixm6_83:focus-within{border-color:color-mix(in srgb, var(--eds-color-neutral-elements) 35%, var(--eds-color-outline-border));box-shadow:0 0 0 3px var(--eds-color-outline-focus-ring)}._Control_1ixm6_83[data-disabled]{background-color:var(--eds-color-neutral-background);border-color:var(--eds-color-outline-border);opacity:.7;cursor:not-allowed}._Input_1ixm6_156{box-sizing:border-box;min-width:0;font:inherit;color:var(--eds-color-neutral-main);background:0 0;border:0;outline:0;flex:1;margin:0;padding:0;font-size:1rem;line-height:1.5rem}._Input_1ixm6_156::placeholder{color:var(--eds-color-neutral-elements);opacity:1}._FloatingLabel_1ixm6_176{color:var(--eds-color-neutral-elements);pointer-events:none;background:#fff;padding:0 .25rem;font-size:.875rem;line-height:1.25rem;position:absolute;top:0;left:.5rem;transform:translateY(-50%)}._Control_1ixm6_83[data-floating=true] ._Input_1ixm6_156::placeholder{opacity:1}._Control_1ixm6_83[data-floating=true][data-has-value] ._FloatingLabel_1ixm6_176,._Control_1ixm6_83[data-floating=true]:focus-within ._FloatingLabel_1ixm6_176{top:0;transform:translateY(-50%)}._SupportingText_1ixm6_203{color:var(--eds-color-neutral-elements);font-size:.75rem;line-height:1rem}._SupportingText_1ixm6_203[data-state=invalid]{color:var(--eds-color-red-main)}
|
|
89
|
+
._Button_nx0ay_1{--eds-btn-accent:var(--eds-color-blue-main);box-sizing:border-box;color:inherit;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#0000;border:0 solid #0000;justify-content:center;align-items:center;margin:0;font-family:inherit;font-weight:700;display:inline-flex}._color-blue-background_nx0ay_20{--eds-btn-accent:var(--eds-color-blue-background);--eds-btn-solid-fg:#fff}._color-blue-dark_nx0ay_25{--eds-btn-accent:var(--eds-color-blue-dark)}._color-blue-main_nx0ay_29{--eds-btn-accent:var(--eds-color-blue-main)}._color-blue-middle_nx0ay_33{--eds-btn-accent:var(--eds-color-blue-middle)}._color-green-background_nx0ay_37{--eds-btn-accent:var(--eds-color-green-background);--eds-btn-solid-fg:#fff}._color-green-dark_nx0ay_42{--eds-btn-accent:var(--eds-color-green-dark)}._color-green-main_nx0ay_46{--eds-btn-accent:var(--eds-color-green-main);--eds-btn-solid-fg:#fff}._color-green-middle_nx0ay_51{--eds-btn-accent:var(--eds-color-green-middle);--eds-btn-solid-fg:#fff}._color-neutral-background_nx0ay_56{--eds-btn-accent:var(--eds-color-neutral-background);--eds-btn-solid-fg:#fff}._color-neutral-disabled_nx0ay_61{--eds-btn-accent:var(--eds-color-neutral-disabled);--eds-btn-solid-fg:#fff}._color-neutral-elements_nx0ay_66{--eds-btn-accent:var(--eds-color-neutral-elements)}._color-neutral-main_nx0ay_70{--eds-btn-accent:var(--eds-color-neutral-main)}._color-orange-background_nx0ay_74{--eds-btn-accent:var(--eds-color-orange-background);--eds-btn-solid-fg:#fff}._color-orange-dark_nx0ay_79{--eds-btn-accent:var(--eds-color-orange-dark)}._color-orange-main_nx0ay_83{--eds-btn-accent:var(--eds-color-orange-main)}._color-orange-middle_nx0ay_87{--eds-btn-accent:var(--eds-color-orange-middle);--eds-btn-solid-fg:#fff}._color-red-background_nx0ay_92{--eds-btn-accent:var(--eds-color-red-background);--eds-btn-solid-fg:#fff}._color-red-dark_nx0ay_97{--eds-btn-accent:var(--eds-color-red-dark);--eds-btn-solid-fg:#fff}._color-red-main_nx0ay_102{--eds-btn-accent:var(--eds-color-red-main)}._color-red-middle_nx0ay_106{--eds-btn-accent:var(--eds-color-red-middle);--eds-btn-solid-fg:#fff}._sizeSm_nx0ay_111{border-radius:var(--eds-border-radius-lil,6px);gap:.375rem;min-height:32px;padding:0 1rem;font-size:.875rem;line-height:1.25rem}._sizeSm_nx0ay_111 ._IconWrap_nx0ay_120{width:1.125rem;height:1.125rem}._sizeMd_nx0ay_125{border-radius:var(--eds-border-radius-extra-small,8px);gap:.5rem;min-height:40px;padding:0 1.5rem;font-size:1rem;line-height:1.5rem}._sizeMd_nx0ay_125 ._IconWrap_nx0ay_120{width:1.375rem;height:1.375rem}._sizeLg_nx0ay_139{border-radius:var(--eds-border-radius-extra-small,8px);gap:.875rem;min-height:48px;padding:0 2rem;font-size:1.25rem;line-height:1.75rem}._sizeLg_nx0ay_139 ._IconWrap_nx0ay_120{width:1.75rem;height:1.75rem}._block_nx0ay_153{width:100%}._variantSolid_nx0ay_157{background-color:var(--eds-btn-accent);color:var(--eds-btn-solid-fg,#fff)}@media (hover:hover){._variantSolid_nx0ay_157:hover:not([data-disabled]){background-color:color-mix(in srgb, var(--eds-btn-accent) 78%, black)}}._variantSolid_nx0ay_157:active:not([data-disabled]){filter:brightness(.92)}._variantSolid_nx0ay_157:focus-visible{outline:2px solid var(--eds-btn-accent);outline-offset:2px}._variantSolid_nx0ay_157[data-disabled]:not([data-loading]){background-color:var(--eds-color-neutral-disabled);color:#fff;cursor:not-allowed}._variantSolid_nx0ay_157[data-loading][data-disabled]{background-color:var(--eds-btn-accent);color:var(--eds-btn-solid-fg,#fff);cursor:wait;filter:none}._variantOutline_nx0ay_190{border-width:1px;border-color:color-mix(in srgb, var(--eds-btn-accent) 42%, var(--eds-color-outline-border));color:var(--eds-btn-accent);background-color:#0000}@media (hover:hover){._variantOutline_nx0ay_190:hover:not([data-disabled]){border-color:color-mix(in srgb, var(--eds-btn-accent) 58%, var(--eds-color-outline-border));background-color:color-mix(in srgb, var(--eds-btn-accent) 10%, transparent);color:color-mix(in srgb, var(--eds-btn-accent) 88%, black)}}._variantOutline_nx0ay_190:active:not([data-disabled]){filter:brightness(.98)}._variantOutline_nx0ay_190:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--eds-btn-accent) 38%, transparent);outline:none}._variantOutline_nx0ay_190[data-disabled]:not([data-loading]){border-color:var(--eds-color-outline-border);color:var(--eds-color-grey-disabled);cursor:not-allowed;opacity:.5;background-color:#0000}._variantOutline_nx0ay_190[data-loading][data-disabled]{border-color:color-mix(in srgb, var(--eds-btn-accent) 42%, var(--eds-color-outline-border));color:var(--eds-btn-accent);cursor:wait;filter:none;opacity:1;background-color:#0000}._variantGhost_nx0ay_248{color:var(--eds-btn-accent);background-color:#0000}@media (hover:hover){._variantGhost_nx0ay_248:hover:not([data-disabled]){color:color-mix(in srgb, var(--eds-btn-accent) 78%, black)}}._variantGhost_nx0ay_248:active:not([data-disabled]){filter:brightness(.95)}._variantGhost_nx0ay_248:focus-visible{outline:2px solid var(--eds-btn-accent);outline-offset:2px}._variantGhost_nx0ay_248[data-disabled]:not([data-loading]){color:var(--eds-color-grey-disabled);cursor:not-allowed}._variantGhost_nx0ay_248[data-loading][data-disabled]{color:var(--eds-btn-accent);cursor:wait;filter:none}._variantLink_nx0ay_279{min-height:unset;color:var(--eds-btn-accent);text-decoration:underline;-webkit-text-decoration-color:var(--eds-btn-accent);text-decoration-color:var(--eds-btn-accent);text-underline-offset:.15em;background:0 0;padding:.125rem 0}._sizeSm_nx0ay_111._variantLink_nx0ay_279{gap:.375rem;font-size:.875rem;line-height:1.25rem}._sizeMd_nx0ay_125._variantLink_nx0ay_279{gap:.5rem;font-size:1rem;line-height:1.5rem}._sizeLg_nx0ay_139._variantLink_nx0ay_279{gap:.5rem;font-size:1.25rem;line-height:1.75rem}@media (hover:hover){._variantLink_nx0ay_279:hover:not([data-disabled]){color:color-mix(in srgb, var(--eds-btn-accent) 78%, black);-webkit-text-decoration-color:color-mix(in srgb, var(--eds-btn-accent) 78%, black);text-decoration-color:color-mix(in srgb, var(--eds-btn-accent) 78%, black)}}._variantLink_nx0ay_279:focus-visible{outline:2px solid var(--eds-btn-accent);outline-offset:2px}._variantLink_nx0ay_279[data-disabled]:not([data-loading]){color:var(--eds-color-grey-disabled);-webkit-text-decoration-color:var(--eds-color-grey-disabled);text-decoration-color:var(--eds-color-grey-disabled);cursor:not-allowed}._variantLink_nx0ay_279[data-loading][data-disabled]{color:var(--eds-btn-accent);-webkit-text-decoration-color:var(--eds-btn-accent);text-decoration-color:var(--eds-btn-accent);cursor:wait}._IconWrap_nx0ay_120{flex-shrink:0;justify-content:center;align-items:center;display:flex}._Icon_nx0ay_120{width:100%;height:100%;display:block}._Spinner_nx0ay_348{animation:.7s linear infinite _button-spin_nx0ay_1}@keyframes _button-spin_nx0ay_1{to{transform:rotate(360deg)}}._Root_sh6iy_1{box-sizing:border-box;flex-direction:column;gap:.375rem;width:214px;display:inline-flex}._Root_sh6iy_1[data-fluid]{width:100%}._LabelRow_sh6iy_13{justify-content:space-between;align-items:center;gap:.75rem;display:flex}._LabelText_sh6iy_20{color:var(--eds-color-neutral-main);align-items:baseline;gap:.25rem;font-size:.875rem;line-height:1.25rem;display:inline-flex}._VisuallyHidden_sh6iy_29{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._Required_sh6iy_41{color:var(--eds-color-red-main)}._InputGroup_sh6iy_45{border:1px solid var(--eds-color-outline-border);border-radius:var(--eds-border-radius-extra-small,8px);background-color:#fff;align-items:center;gap:.25rem;width:100%;height:36px;padding:0 .5rem 0 .75rem;display:inline-flex;position:relative}._FloatingLabel_sh6iy_58{color:var(--eds-color-neutral-elements);pointer-events:none;background:#fff;padding:0 .25rem;font-size:.875rem;line-height:1.25rem;position:absolute;top:0;left:.75rem;transform:translateY(-50%)}._InputGroup_sh6iy_45[data-size=sm]{height:32px}._InputGroup_sh6iy_45[data-size=lg]{height:44px}._InputGroup_sh6iy_45[data-size=sm] ._Input_sh6iy_45{font-size:.875rem;line-height:1.25rem}._InputGroup_sh6iy_45[data-size=lg] ._Input_sh6iy_45{font-size:1rem;line-height:1.5rem}._InputGroup_sh6iy_45[data-size=sm] ._IconButton_sh6iy_89{width:24px;height:24px}._InputGroup_sh6iy_45[data-size=lg] ._IconButton_sh6iy_89{width:32px;height:32px}._InputGroup_sh6iy_45[data-state=invalid]{border-color:color-mix(in srgb, var(--eds-color-red-main) 55%, var(--eds-color-outline-border))}._InputGroup_sh6iy_45[data-state=valid]{border-color:color-mix(in srgb, var(--eds-color-green-main) 55%, var(--eds-color-outline-border))}._InputGroup_sh6iy_45:focus-within{border-color:color-mix(in srgb, var(--eds-color-neutral-elements) 35%, var(--eds-color-outline-border));box-shadow:0 0 0 3px var(--eds-color-outline-focus-ring)}._InputGroup_sh6iy_45[data-disabled]{background-color:var(--eds-color-neutral-background);border-color:var(--eds-color-outline-border);opacity:.7;cursor:not-allowed}._Input_sh6iy_45{box-sizing:border-box;min-width:0;font:inherit;color:var(--eds-color-neutral-main);background:0 0;border:0;outline:0;flex:1;margin:0;padding:0;font-size:1rem;line-height:1.5rem}._Input_sh6iy_45::placeholder{color:var(--eds-color-neutral-elements);opacity:1}._Input_sh6iy_45:disabled{cursor:not-allowed}._Input_sh6iy_45[readonly]:not(:disabled){cursor:pointer}._Actions_sh6iy_159{flex-shrink:0;align-items:center;gap:.125rem;display:inline-flex}._IconButton_sh6iy_89{all:unset;box-sizing:border-box;width:28px;height:28px;color:var(--eds-color-neutral-elements);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}._IconButton_sh6iy_89:hover:not([data-disabled]){color:var(--eds-color-neutral-main);background:color-mix(in srgb, var(--eds-color-neutral-elements) 8%, transparent)}._IconButton_sh6iy_89:focus-visible{outline:2px solid var(--eds-color-blue-main);outline-offset:2px}._IconButton_sh6iy_89[data-disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}._Icon_sh6iy_89{flex-shrink:0;width:16px;height:16px}._Positioner_sh6iy_205{z-index:50;outline:0}._Popup_sh6iy_210{box-sizing:border-box;min-width:var(--anchor-width);border:1px solid var(--eds-color-outline-border);border-radius:var(--eds-border-radius-extra-small,8px);background-color:#fff;max-height:280px;padding:.25rem 0;overflow:visible;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000f}._Empty_sh6iy_223{color:var(--eds-color-neutral-elements);padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}._List_sh6iy_230{box-sizing:border-box;overscroll-behavior:contain;outline:0;max-height:240px;padding:.125rem;overflow-y:auto}._Item_sh6iy_239{box-sizing:border-box;width:100%;font:inherit;color:var(--eds-color-neutral-main);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .625rem;font-size:.875rem;line-height:1.25rem;display:flex}._Item_sh6iy_239[data-highlighted]{background:color-mix(in srgb, var(--eds-color-neutral-elements) 10%, transparent)}._Item_sh6iy_239[data-disabled]{opacity:.5;cursor:not-allowed}._ItemIndicator_sh6iy_270{width:1rem;height:1rem;color:var(--eds-color-blue-main);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._ItemText_sh6iy_280{flex:1;min-width:0;display:block}._SupportingText_sh6iy_286{color:var(--eds-color-neutral-elements);font-size:.75rem;line-height:1rem}._SupportingText_sh6iy_286[data-state=invalid]{color:var(--eds-color-red-main)}._Root_1ot1z_1{box-sizing:border-box;flex-direction:column;gap:.375rem;width:214px;display:inline-flex}._Root_1ot1z_1[data-fluid]{width:100%}._LabelRow_1ot1z_13{justify-content:space-between;align-items:center;gap:.75rem;display:flex}._LabelLeft_1ot1z_20{align-items:center;gap:.5rem;min-width:0;display:inline-flex}._LabelText_1ot1z_27{color:var(--eds-color-neutral-main);align-items:baseline;gap:.25rem;font-size:.875rem;line-height:1.25rem;display:inline-flex}._VisuallyHidden_1ot1z_36{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._Required_1ot1z_48{color:var(--eds-color-red-main)}._SupportLink_1ot1z_52{color:var(--eds-color-blue-main);text-underline-offset:.15em;white-space:nowrap;font-size:.875rem;line-height:1.25rem;text-decoration:underline}._SupportLink_1ot1z_52[aria-disabled=true]{opacity:.6;pointer-events:none}._TooltipButton_1ot1z_66{all:unset;width:28px;height:28px;color:var(--eds-color-neutral-elements);cursor:help;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}._TooltipButton_1ot1z_66:focus-visible{outline:2px solid var(--eds-color-blue-main);outline-offset:2px}._Control_1ot1z_83{border:1px solid var(--eds-color-outline-border);border-radius:var(--eds-border-radius-extra-small,8px);background-color:#fff;align-items:center;width:100%;height:36px;padding:0 .75rem;display:inline-flex;position:relative}._Control_1ot1z_83[data-size=sm]{height:32px;padding:0 .625rem}._Control_1ot1z_83[data-size=lg]{height:44px;padding:0 .875rem}._Control_1ot1z_83[data-size=sm] ._Input_1ot1z_105{font-size:.875rem;line-height:1.25rem}._Control_1ot1z_83[data-size=lg] ._Input_1ot1z_105{font-size:1rem;line-height:1.5rem}._Adornment_1ot1z_115{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._SpinnerWrap_1ot1z_122{color:var(--eds-color-blue-main)}._Spinner_1ot1z_122{animation:.7s linear infinite _input-spin_1ot1z_1}@keyframes _input-spin_1ot1z_1{to{transform:rotate(360deg)}}._Control_1ot1z_83[data-state=invalid]{border-color:color-mix(in srgb, var(--eds-color-red-main) 55%, var(--eds-color-outline-border))}._Control_1ot1z_83[data-state=valid]{border-color:color-mix(in srgb, var(--eds-color-green-main) 55%, var(--eds-color-outline-border))}._Control_1ot1z_83[data-state=loading]{border-color:color-mix(in srgb, var(--eds-color-blue-main) 45%, var(--eds-color-outline-border))}._Control_1ot1z_83:focus-within{border-color:color-mix(in srgb, var(--eds-color-neutral-elements) 35%, var(--eds-color-outline-border));box-shadow:0 0 0 3px var(--eds-color-outline-focus-ring)}._Control_1ot1z_83[data-disabled]{background-color:var(--eds-color-neutral-background);border-color:var(--eds-color-outline-border);opacity:.7;cursor:not-allowed}._Input_1ot1z_105{box-sizing:border-box;min-width:0;font:inherit;color:var(--eds-color-neutral-main);background:0 0;border:0;outline:0;flex:1;margin:0;padding:0;font-size:1rem;line-height:1.5rem}._Input_1ot1z_105::placeholder{color:var(--eds-color-neutral-elements);opacity:1}._FloatingLabel_1ot1z_196{color:var(--eds-color-neutral-elements);pointer-events:none;background:#fff;padding:0 .25rem;font-size:.875rem;line-height:1.25rem;position:absolute;top:0;left:.5rem;transform:translateY(-50%)}._Control_1ot1z_83[data-floating=true] ._Input_1ot1z_105::placeholder{opacity:1}._Control_1ot1z_83[data-floating=true][data-has-value] ._FloatingLabel_1ot1z_196,._Control_1ot1z_83[data-floating=true]:focus-within ._FloatingLabel_1ot1z_196{top:0;transform:translateY(-50%)}._SupportingText_1ot1z_223{color:var(--eds-color-neutral-elements);font-size:.75rem;line-height:1rem}._SupportingText_1ot1z_223[data-state=invalid]{color:var(--eds-color-red-main)}
|
|
90
90
|
/*$vite$:1*/
|