@vincisys/eyeson 0.1.3 → 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/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,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 InputSize = 'sm' | 'md' | 'lg';
|
|
4
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_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_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*/
|