mimir-ui-kit 1.48.2 → 1.49.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Input-DgWOCNwP.js +232 -0
- package/dist/assets/GosZnak.css +1 -1
- package/dist/assets/Input.css +1 -1
- package/dist/assets/styles.css +1 -1
- package/dist/components/DatePicker/DatePicker.js +58 -58
- package/dist/components/DatePicker/DatePickerModal.js +1 -1
- package/dist/components/DatePicker/MonthPickerModal.js +1 -1
- package/dist/components/DatePicker/YearPickerModal.js +1 -1
- package/dist/components/GosZnak/GosZnak.d.ts +1 -2
- package/dist/components/GosZnak/GosZnak.js +102 -54
- package/dist/components/GosZnak/constants.d.ts +1 -0
- package/dist/components/GosZnak/constants.js +2 -0
- package/dist/components/GosZnak/types.d.ts +11 -5
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Input/index.js +1 -1
- package/dist/components/InputPassword/InputPassword.js +1 -1
- package/dist/components/InputPhoneNumber/InputPhoneNumber.js +1 -1
- package/dist/components/MultiSelectSearch/MultiSelectSearch.js +1 -1
- package/dist/components/MultiSelectSearch/utils.js +1 -1
- package/dist/components/OtpInput/OtpInput.js +1 -1
- package/dist/components/SelectSearch/SelectSearch.js +1 -1
- package/dist/components/SelectSearch/utils.js +1 -1
- package/dist/components/TextArea/TextArea.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/index.js +1 -1
- package/dist/styles.module-DeBRSK_x.js +30 -0
- package/package.json +1 -1
- package/dist/Input-IzZ6B9kw.js +0 -232
- package/dist/styles.module-B3lX7mJq.js +0 -31
|
@@ -0,0 +1,232 @@
|
|
|
1
|
+
import { jsxs as B, jsx as s, Fragment as Z } from "react/jsx-runtime";
|
|
2
|
+
import { c as o } from "./index-DIxK0V-G.js";
|
|
3
|
+
import { memo as ee, forwardRef as ae, useState as z, useRef as te, useEffect as L } from "react";
|
|
4
|
+
import { EInputVariant as se } from "./components/Input/constants.js";
|
|
5
|
+
import { useMergeRefs as re } from "./hooks/useMergeRefs/useMergeRefs.js";
|
|
6
|
+
import { Icon as le } from "./icons/Icon.js";
|
|
7
|
+
import { Button as de } from "./components/Button/Button.js";
|
|
8
|
+
import './assets/Input.css';const oe = "_label_1wf2d_26", ne = "_input_1wf2d_2", ce = "_focused_1wf2d_99", ie = "_disabled_1wf2d_105", ue = "_clear_1wf2d_147", _e = "_s_1wf2d_210", fe = "_m_1wf2d_225", me = "_l_1wf2d_26", pe = "_success_1wf2d_281", he = "_alarm_1wf2d_301", be = "_error_1wf2d_321", e = {
|
|
9
|
+
"input-wrapper": "_input-wrapper_1wf2d_2",
|
|
10
|
+
"required-mark": "_required-mark_1wf2d_16",
|
|
11
|
+
label: oe,
|
|
12
|
+
"has-left-slot": "_has-left-slot_1wf2d_45",
|
|
13
|
+
"has-right-slot": "_has-right-slot_1wf2d_48",
|
|
14
|
+
"active-label": "_active-label_1wf2d_53",
|
|
15
|
+
"label-text-wrapper": "_label-text-wrapper_1wf2d_68",
|
|
16
|
+
input: ne,
|
|
17
|
+
focused: ce,
|
|
18
|
+
"has-label": "_has-label_1wf2d_102",
|
|
19
|
+
disabled: ie,
|
|
20
|
+
"addon-icon": "_addon-icon_1wf2d_111",
|
|
21
|
+
"left-slot": "_left-slot_1wf2d_115",
|
|
22
|
+
"right-slot": "_right-slot_1wf2d_116",
|
|
23
|
+
clear: ue,
|
|
24
|
+
"border-radius-left": "_border-radius-left_1wf2d_198",
|
|
25
|
+
"border-radius-right": "_border-radius-right_1wf2d_202",
|
|
26
|
+
"border-radius-none": "_border-radius-none_1wf2d_206",
|
|
27
|
+
s: _e,
|
|
28
|
+
m: fe,
|
|
29
|
+
l: me,
|
|
30
|
+
"default-gray": "_default-gray_1wf2d_254",
|
|
31
|
+
"default-white": "_default-white_1wf2d_266",
|
|
32
|
+
success: pe,
|
|
33
|
+
alarm: he,
|
|
34
|
+
error: be
|
|
35
|
+
}, j = (a) => {
|
|
36
|
+
var f, r;
|
|
37
|
+
if (!a)
|
|
38
|
+
return null;
|
|
39
|
+
switch (a.addonType) {
|
|
40
|
+
case "icon": {
|
|
41
|
+
const m = (f = a.addonContent) == null ? void 0 : f.includes("16px"), g = (r = a.addonContent) == null ? void 0 : r.includes("24px");
|
|
42
|
+
return /* @__PURE__ */ s(
|
|
43
|
+
le,
|
|
44
|
+
{
|
|
45
|
+
style: {
|
|
46
|
+
"--icon-size": o({
|
|
47
|
+
"16px": m,
|
|
48
|
+
"24px": g
|
|
49
|
+
})
|
|
50
|
+
},
|
|
51
|
+
className: e["addon-icon"],
|
|
52
|
+
iconName: a.addonContent
|
|
53
|
+
}
|
|
54
|
+
);
|
|
55
|
+
}
|
|
56
|
+
case "text":
|
|
57
|
+
return a.addonContent;
|
|
58
|
+
case "react-node":
|
|
59
|
+
return /* @__PURE__ */ s(Z, { children: a.addonContent });
|
|
60
|
+
default:
|
|
61
|
+
return null;
|
|
62
|
+
}
|
|
63
|
+
}, we = ee(
|
|
64
|
+
ae(
|
|
65
|
+
(a, f) => {
|
|
66
|
+
const {
|
|
67
|
+
value: r,
|
|
68
|
+
className: m,
|
|
69
|
+
wrapperClassName: g,
|
|
70
|
+
rightSlotClassName: D,
|
|
71
|
+
requiredMarkClassName: E,
|
|
72
|
+
variant: A = se.DefaultGray,
|
|
73
|
+
type: M = "text",
|
|
74
|
+
autofocus: N,
|
|
75
|
+
readonly: n,
|
|
76
|
+
id: F,
|
|
77
|
+
onFocus: x,
|
|
78
|
+
onBlur: C,
|
|
79
|
+
label: u,
|
|
80
|
+
withClearButton: O,
|
|
81
|
+
disabled: t,
|
|
82
|
+
onChange: i,
|
|
83
|
+
rightAddon: S,
|
|
84
|
+
status: R,
|
|
85
|
+
leftAddon: T,
|
|
86
|
+
size: y = "m",
|
|
87
|
+
numbersOnly: G,
|
|
88
|
+
required: v,
|
|
89
|
+
maxLength: I,
|
|
90
|
+
autocomplete: P = "on",
|
|
91
|
+
borderRadius: V = "all",
|
|
92
|
+
...W
|
|
93
|
+
} = a, [_, k] = z(N), [p, h] = z(!!r), c = te(null), $ = re(c, f);
|
|
94
|
+
L(() => {
|
|
95
|
+
N && k(!0);
|
|
96
|
+
}, [N]), L(() => {
|
|
97
|
+
h(!!r);
|
|
98
|
+
}, [r]);
|
|
99
|
+
const H = (l) => {
|
|
100
|
+
const d = l.currentTarget.value;
|
|
101
|
+
C == null || C(l), k(!1), h(!!d);
|
|
102
|
+
}, J = (l) => {
|
|
103
|
+
n || (k(!0), x == null || x(l));
|
|
104
|
+
}, K = () => {
|
|
105
|
+
c != null && c.current && (c.current.value = "", c.current.focus(), h(!1), i == null || i({
|
|
106
|
+
target: c.current
|
|
107
|
+
}));
|
|
108
|
+
}, Q = (l) => {
|
|
109
|
+
let d = l.target.value;
|
|
110
|
+
G && (d = d.replace(/\D/g, "")), I !== void 0 && (d = d.slice(0, I)), l.target.value = d, i == null || i(l), h(!!d);
|
|
111
|
+
}, b = j(T), w = j(S), U = {
|
|
112
|
+
[e.readonly]: t || n,
|
|
113
|
+
[e.focused]: _,
|
|
114
|
+
[e.disabled]: t || n,
|
|
115
|
+
[e["has-label"]]: !!u,
|
|
116
|
+
[e["has-left-slot"]]: !!b,
|
|
117
|
+
[e["has-right-slot"]]: !!w
|
|
118
|
+
}, q = _ || p || !!r, X = o(e.label, m, e[y], {
|
|
119
|
+
[e["active-label"]]: q,
|
|
120
|
+
[e.disabled]: t || n,
|
|
121
|
+
[e["has-left-slot"]]: !!b,
|
|
122
|
+
[e["has-right-slot"]]: !!w
|
|
123
|
+
}), Y = o(e.input, U, m, [
|
|
124
|
+
e[A],
|
|
125
|
+
e[R ?? ""],
|
|
126
|
+
e[y]
|
|
127
|
+
]);
|
|
128
|
+
return /* @__PURE__ */ B(
|
|
129
|
+
"div",
|
|
130
|
+
{
|
|
131
|
+
className: o(
|
|
132
|
+
e["input-wrapper"],
|
|
133
|
+
e[A],
|
|
134
|
+
e[R ?? ""],
|
|
135
|
+
e[y],
|
|
136
|
+
{
|
|
137
|
+
[e.disabled]: t || n,
|
|
138
|
+
[e.focused]: _,
|
|
139
|
+
[e[`border-radius-${V}`]]: V !== "all"
|
|
140
|
+
},
|
|
141
|
+
g
|
|
142
|
+
),
|
|
143
|
+
children: [
|
|
144
|
+
u && /* @__PURE__ */ B("label", { htmlFor: F, className: X, children: [
|
|
145
|
+
/* @__PURE__ */ s("span", { className: e["label-text-wrapper"], children: u }),
|
|
146
|
+
v && (p || _) && /* @__PURE__ */ s(
|
|
147
|
+
"span",
|
|
148
|
+
{
|
|
149
|
+
className: e["required-mark"],
|
|
150
|
+
"data-testid": "required-mark"
|
|
151
|
+
}
|
|
152
|
+
)
|
|
153
|
+
] }),
|
|
154
|
+
b && /* @__PURE__ */ s(
|
|
155
|
+
"span",
|
|
156
|
+
{
|
|
157
|
+
className: o(e["left-slot"], {
|
|
158
|
+
[e.focused]: q,
|
|
159
|
+
[e["has-label"]]: !!u,
|
|
160
|
+
[e.disabled]: t
|
|
161
|
+
}),
|
|
162
|
+
children: b
|
|
163
|
+
}
|
|
164
|
+
),
|
|
165
|
+
/* @__PURE__ */ s(
|
|
166
|
+
"input",
|
|
167
|
+
{
|
|
168
|
+
ref: $,
|
|
169
|
+
type: M,
|
|
170
|
+
id: F,
|
|
171
|
+
className: Y,
|
|
172
|
+
onFocus: J,
|
|
173
|
+
onBlur: H,
|
|
174
|
+
readOnly: n,
|
|
175
|
+
value: r,
|
|
176
|
+
onChange: Q,
|
|
177
|
+
maxLength: I,
|
|
178
|
+
disabled: t,
|
|
179
|
+
required: v,
|
|
180
|
+
autoComplete: P,
|
|
181
|
+
...W
|
|
182
|
+
}
|
|
183
|
+
),
|
|
184
|
+
w && /* @__PURE__ */ s(
|
|
185
|
+
"span",
|
|
186
|
+
{
|
|
187
|
+
className: o(e["right-slot"], D, {
|
|
188
|
+
[e.focused]: q,
|
|
189
|
+
[e["has-label"]]: !!u,
|
|
190
|
+
[e.disabled]: t
|
|
191
|
+
}),
|
|
192
|
+
children: w
|
|
193
|
+
}
|
|
194
|
+
),
|
|
195
|
+
v && !p && !_ && /* @__PURE__ */ s(
|
|
196
|
+
"span",
|
|
197
|
+
{
|
|
198
|
+
className: o(
|
|
199
|
+
e["required-mark"],
|
|
200
|
+
E
|
|
201
|
+
),
|
|
202
|
+
"data-testid": "required-mark"
|
|
203
|
+
}
|
|
204
|
+
),
|
|
205
|
+
O && p && /* @__PURE__ */ s(
|
|
206
|
+
de,
|
|
207
|
+
{
|
|
208
|
+
tabIndex: -1,
|
|
209
|
+
className: o(e.clear, {
|
|
210
|
+
[e.disabled]: t
|
|
211
|
+
}),
|
|
212
|
+
isIconButton: !0,
|
|
213
|
+
iconName: "Close16px",
|
|
214
|
+
size: "m-s",
|
|
215
|
+
clear: !0,
|
|
216
|
+
disabled: t || n,
|
|
217
|
+
variant: "secondary-gray",
|
|
218
|
+
onClick: K,
|
|
219
|
+
"data-testid": "clear-button"
|
|
220
|
+
}
|
|
221
|
+
)
|
|
222
|
+
]
|
|
223
|
+
}
|
|
224
|
+
);
|
|
225
|
+
}
|
|
226
|
+
)
|
|
227
|
+
);
|
|
228
|
+
we.displayName = "Input";
|
|
229
|
+
export {
|
|
230
|
+
we as I,
|
|
231
|
+
e as c
|
|
232
|
+
};
|
package/dist/assets/GosZnak.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._gos-
|
|
1
|
+
._gos-znak_1nnii_2{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:var(--gos-znak-width);height:var(--gos-znak-height);overflow:hidden;background-color:var(--gos-znak-background-color);border-radius:var(--mimir-control-radius-xs1);outline:1px solid var(--gos-znak-outline-color)}._number_1nnii_13{font-weight:var(--mimir-font-weight-text-medium);font-size:var(--gos-znak-number-font-size);font-family:var(--mimir-font-montserrat);line-height:var(--mimir-line-height-text-xss);letter-spacing:-.02em;text-align:center;text-transform:lowercase}._number-container_1nnii_22{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:var(--gos-znak-number-container-width);height:100%;overflow:hidden;border-right:1px solid var(--number-border-right-color)}._region_1nnii_32{font-weight:var(--mimir-font-weight-text-regular);font-size:var(--gos-znak-region-text-size);font-family:var(--mimir-font-inter);line-height:var(--mimir-line-height-text-l)}._region-container_1nnii_38{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;overflow:hidden}._country_1nnii_46{color:var(--gos-znak-country-color);font-size:var(--gos-znak-country-text-size);line-height:var(--mimir-line-height-text-s1);text-transform:uppercase}._l_1nnii_53{--gos-znak-number-font-size: var(--mimir-size-text-xl3);--gos-znak-region-text-size: var(--mimir-size-text-xl);--gos-znak-country-text-size: var(--mimir-size-text-l);--gos-znak-number-container-width: 172px;--gos-znak-width: 242px;--gos-znak-height: 64px}._s_1nnii_62{--gos-znak-number-font-size: var(--mimir-size-text-l);--gos-znak-region-text-size: var(--mimir-size-text-xs);--gos-znak-country-text-size: var(--mimir-size-text-xs2);--gos-znak-number-container-width: 86px;--gos-znak-width: 121px;--gos-znak-height: 32px}._normal_1nnii_71{--gos-znak-background-color: var(--white);--gos-znak-outline-color: var(--black-20);--number-border-right-color: var(--black-20);--gos-znak-country-color: var(--black-60)}._traffic_1nnii_78{--gos-znak-background-color: var(--gos-znak-traffic-background-color);--gos-znak-outline-color: var(--gos-znak-military-background-color);--number-border-right-color: var(--gos-znak-military-background-color);--gos-znak-country-color: var(--black-60)}._military_1nnii_85{--gos-znak-background-color: var(--gos-znak-military-background-color);--gos-znak-outline-color: var(--black-5);--number-border-right-color: var(--black-5);--gos-znak-country-color: var(--black-30)}._police_1nnii_92{--gos-znak-background-color: var(--gos-znak-police-background-color);--gos-znak-outline-color: var(--black-5);--number-border-right-color: var(--black-5);--gos-znak-country-color: var(--sapphire-30)}._diplomatic_1nnii_99{--gos-znak-background-color: var(--gos-znak-diplomatic-background-color);--gos-znak-outline-color: var(--black-5);--number-border-right-color: var(--black-5);--gos-znak-country-color: var(--gos-znak-diplomatic-country-color)}._military_1nnii_85,._police_1nnii_92,._diplomatic_1nnii_99{color:var(--white)}._simplified_1nnii_112 ._number-container_1nnii_22{width:100%;border-right:none}._simplified_1nnii_112 ._number-container_1nnii_22 ._number_1nnii_13{text-align:center}._copyable-number_1nnii_120{cursor:pointer}
|
package/dist/assets/Input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._input-wrapper_s0qp8_2{--input-border-radius-l: 8px;--input-border-radius-m: 6px;--input-border-radius-s: 6px;--input-required-mark-size: 8px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 var(--mimir-space-m);overflow:hidden;background-color:var(--input-bg-color);border-bottom:1px solid transparent;border-radius:var(--input-border-radius);-webkit-transition:background-color .2s ease,border-color .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease;transition:background-color .2s ease,border-color .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease;transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease}._input-wrapper_s0qp8_2 ._required-mark_s0qp8_16{display:block;-webkit-box-flex:0;-ms-flex:0 0 var(--input-required-mark-size);flex:0 0 var(--input-required-mark-size);-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;width:var(--input-required-mark-size);height:var(--input-required-mark-size);margin-left:var(--mimir-space-m);background-color:var(--citrine-normal);border-radius:50%}._input-wrapper_s0qp8_2 ._label_s0qp8_26{--input-required-mark-size: 6px;--label-default-max-width: calc( 100% - calc(var(--input-padding) + var(--mimir-space-xxl)) );position:absolute;top:calc(var(--input-height) / 2 - var(--input-font-size) / 2);left:var(--mimir-space-m);z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:var(--label-default-max-width);color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;-webkit-column-gap:var(--mimir-space-xs);-moz-column-gap:var(--mimir-space-xs);column-gap:var(--mimir-space-xs);-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition:font-size .15s ease-out,left .15s ease-out,color .15s ease-out,-webkit-transform .15s ease-out;transition:font-size .15s ease-out,left .15s ease-out,color .15s ease-out,-webkit-transform .15s ease-out;transition:transform .15s ease-out,font-size .15s ease-out,left .15s ease-out,color .15s ease-out;transition:transform .15s ease-out,font-size .15s ease-out,left .15s ease-out,color .15s ease-out,-webkit-transform .15s ease-out;pointer-events:none}._input-wrapper_s0qp8_2 ._label_s0qp8_26._has-left-slot_s0qp8_45{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--clear-button-mg))}._input-wrapper_s0qp8_2 ._label_s0qp8_26._has-right-slot_s0qp8_48{--label-default-max-width: calc( 100% - calc(calc(var(--input-padding) * 2) + var(--mimir-space-xxl)) )}._input-wrapper_s0qp8_2 ._label_s0qp8_26._active-label_s0qp8_53{font-size:var(--label-font-size-active);-webkit-transform:translate(0,calc(var(--label-font-size-active) * -1));transform:translateY(calc(var(--label-font-size-active) * -1))}._input-wrapper_s0qp8_2 ._label_s0qp8_26._active-label_s0qp8_53._has-left-slot_s0qp8_45{left:var(--mimir-space-m)}._input-wrapper_s0qp8_2 ._label_s0qp8_26._active-label_s0qp8_53._has-right-slot_s0qp8_48{--label-default-max-width: calc( 100% - calc(calc(var(--input-padding) * 2)) )}._input-wrapper_s0qp8_2 ._label_s0qp8_26._active-label_s0qp8_53 ._required-mark_s0qp8_16{margin-left:0}._input-wrapper_s0qp8_2 ._label_s0qp8_26 ._label-text-wrapper_s0qp8_68{overflow:hidden;text-overflow:ellipsis}._input-wrapper_s0qp8_2 ._input_s0qp8_2{position:relative;display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;min-width:0;height:var(--input-height);color:var(--dark-text);font-size:var(--input-font-size);font-family:var(--mimir-font-inter);line-height:var(--input-line-height);letter-spacing:-.42px;text-overflow:ellipsis;background-color:inherit;border-radius:var(--input-border-radius);outline:none;cursor:var(--input-cursor);-webkit-transition:border-color .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease;transition:border-color .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease;transition:border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;transition:border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-font-feature-settings:"zero";font-feature-settings:"zero"}._input-wrapper_s0qp8_2 ._input_s0qp8_2._has-left-slot_s0qp8_45{padding-left:0}._input-wrapper_s0qp8_2 ._input_s0qp8_2._has-right-slot_s0qp8_48{padding-right:0}._input-wrapper_s0qp8_2 ._input_s0qp8_2._focused_s0qp8_99{padding-top:0}._input-wrapper_s0qp8_2 ._input_s0qp8_2._has-label_s0qp8_102{padding-top:var(--input-padding-position)}._input-wrapper_s0qp8_2 ._input_s0qp8_2._disabled_s0qp8_105{color:var(--light-text)}._input-wrapper_s0qp8_2 ._input_s0qp8_2._disabled_s0qp8_105:hover,._input-wrapper_s0qp8_2 ._input_s0qp8_2._disabled_s0qp8_105:active,._input-wrapper_s0qp8_2 ._input_s0qp8_2._disabled_s0qp8_105:focus{color:var(--light-text)}._input-wrapper_s0qp8_2 ._addon-icon_s0qp8_111{width:var(--icon-size);height:var(--icon-size)}._input-wrapper_s0qp8_2 ._left-slot_s0qp8_115,._input-wrapper_s0qp8_2 ._right-slot_s0qp8_116{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--input-height);color:var(--black-60);font-size:var(--input-font-size);font-family:var(--mimir-font-inter);line-height:var(--input-line-height);background-color:inherit;-webkit-transition:padding-top .15s ease-out;transition:padding-top .15s ease-out}._input-wrapper_s0qp8_2 ._left-slot_s0qp8_115._focused_s0qp8_99._has-label_s0qp8_102,._input-wrapper_s0qp8_2 ._right-slot_s0qp8_116._focused_s0qp8_99._has-label_s0qp8_102{padding-top:var(--input-padding-position)}._input-wrapper_s0qp8_2 ._left-slot_s0qp8_115._disabled_s0qp8_105,._input-wrapper_s0qp8_2 ._right-slot_s0qp8_116._disabled_s0qp8_105{color:var(--white);cursor:not-allowed}._input-wrapper_s0qp8_2 ._left-slot_s0qp8_115._disabled_s0qp8_105 ._addon-icon_s0qp8_111 path,._input-wrapper_s0qp8_2 ._right-slot_s0qp8_116._disabled_s0qp8_105 ._addon-icon_s0qp8_111 path{fill:var(--white)}._input-wrapper_s0qp8_2 ._left-slot_s0qp8_115{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-right:var(--clear-button-mg)}._input-wrapper_s0qp8_2 ._right-slot_s0qp8_116{margin-left:var(--clear-button-mg)}._input-wrapper_s0qp8_2 ._clear_s0qp8_147{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;width:16px;height:16px;margin-left:var(--clear-button-mg)}._input-wrapper_s0qp8_2 ._clear_s0qp8_147._disabled_s0qp8_105{cursor:not-allowed}._input-wrapper_s0qp8_2 svg{color:currentcolor;fill:currentcolor}._input-wrapper_s0qp8_2:hover ._label_s0qp8_26,._input-wrapper_s0qp8_2:focus-within ._label_s0qp8_26{color:var(--label-color)}._input-wrapper_s0qp8_2:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_s0qp8_2:focus-within{background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._input-wrapper_s0qp8_2._focused_s0qp8_99{color:var(--input-color-active);background-color:var(--input-bg-color-active)}._input-wrapper_s0qp8_2._focused_s0qp8_99:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_s0qp8_2._disabled_s0qp8_105{--input-cursor: not-allowed;--label-color: var(--light-text);color:var(--light-text);background-color:var(--black-20);border-bottom:1px solid transparent}._input-wrapper_s0qp8_2._disabled_s0qp8_105:hover,._input-wrapper_s0qp8_2._disabled_s0qp8_105:active,._input-wrapper_s0qp8_2._disabled_s0qp8_105:focus{--label-color: var(--light-text);color:var(--light-text);background-color:var(--black-20);border-bottom:1px solid transparent;-webkit-box-shadow:none;box-shadow:none}._input-wrapper_s0qp8_2._disabled_s0qp8_105::-webkit-input-placeholder{color:var(--light-text)}._input-wrapper_s0qp8_2._disabled_s0qp8_105::-moz-placeholder{color:var(--light-text)}._input-wrapper_s0qp8_2._disabled_s0qp8_105:-ms-input-placeholder{color:var(--light-text)}._input-wrapper_s0qp8_2._disabled_s0qp8_105::-ms-input-placeholder{color:var(--light-text)}._input-wrapper_s0qp8_2._disabled_s0qp8_105::placeholder{color:var(--light-text)}._input-wrapper_s0qp8_2._disabled_s0qp8_105:hover::-webkit-input-placeholder{color:var(--light-text)}._input-wrapper_s0qp8_2._disabled_s0qp8_105:hover::-moz-placeholder{color:var(--light-text)}._input-wrapper_s0qp8_2._disabled_s0qp8_105:hover:-ms-input-placeholder{color:var(--light-text)}._input-wrapper_s0qp8_2._disabled_s0qp8_105:hover::-ms-input-placeholder{color:var(--light-text)}._input-wrapper_s0qp8_2._disabled_s0qp8_105:hover::placeholder{color:var(--light-text)}._input-wrapper_s0qp8_2._border-radius-left_s0qp8_197{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._input-wrapper_s0qp8_2._border-radius-right_s0qp8_201{border-top-left-radius:0!important;border-bottom-left-radius:0!important}._input-wrapper_s0qp8_2._border-radius-none_s0qp8_205{border-radius:0!important}._s_s0qp8_209{--input-height: var(--mimir-space-xxl);--input-font-size: var(--mimir-control-text-size-m);--input-line-height: var(--mimir-line-height-text-xs);--input-padding: var(--mimir-space-m);--input-padding-position: var(--mimir-space-1xs);--input-border-radius: var(--input-border-radius-s);--label-font-size-active: var(--mimir-size-text-xs);--label-spacing: var(--mimir-space-1xs);--input-required-mark-size: 6px;--clear-button-mg: var(--mimir-space-2xs);--icon-size: 16px;--left-addon-position: 0px}._m_s0qp8_224{--input-height: var(--mimir-space-4xl);--input-font-size: var(--mimir-control-text-size-l);--input-line-height: var(--mimir-line-height-text-s1);--input-padding: var(--mimir-space-m);--input-padding-position: var(--mimir-space-xs);--input-border-radius: var(--input-border-radius-m);--label-font-size-active: var(--mimir-size-text-s);--label-spacing: var(--mimir-space-xs);--input-required-mark-size: 6px;--clear-button-mg: var(--mimir-space-2xs);--icon-size: 16px;--left-addon-position: var(--mimir-space-3xs)}._l_s0qp8_26{--input-height: var(--mimir-space-4xxl);--input-font-size: var(--mimir-control-text-size-2xl);--input-line-height: var(--mimir-line-height-text-l);--input-padding: var(--mimir-space-m);--input-padding-position: var(--mimir-space-s);--input-border-radius: var(--input-border-radius-l);--label-font-size-active: var(--mimir-size-text-s);--label-spacing: var(--mimir-space-s);--clear-button-mg: var(--mimir-space-xs);--icon-size: 24px;--left-addon-position: var(--mimir-space-s)}._default-gray_s0qp8_253{--input-bg-color: var(--black-5);--input-bg-color-active: var(--black-10);--input-bg-color-hover: var(--black-10);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_s0qp8_265{--input-bg-color: var(--white);--input-bg-color-hover: var(--black-10);--input-bg-color-active: var(--white);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_s0qp8_265:hover{--label-color: var(--dark-text)}._default-gray_s0qp8_253._success_s0qp8_280,._default-white_s0qp8_265._success_s0qp8_280{--input-bg-color: var(--success-bg-active);--input-bg-color-hover: var(--success-bg-hover);--input-bg-color-active: var(--success-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--success-normal);--label-color: var(--black-60)}._default-gray_s0qp8_253._success_s0qp8_280::-webkit-input-placeholder,._default-white_s0qp8_265._success_s0qp8_280::-webkit-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._success_s0qp8_280::-moz-placeholder,._default-white_s0qp8_265._success_s0qp8_280::-moz-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._success_s0qp8_280:-ms-input-placeholder,._default-white_s0qp8_265._success_s0qp8_280:-ms-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._success_s0qp8_280::-ms-input-placeholder,._default-white_s0qp8_265._success_s0qp8_280::-ms-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._success_s0qp8_280::placeholder,._default-white_s0qp8_265._success_s0qp8_280::placeholder{color:var(--input-color)}._default-gray_s0qp8_253._success_s0qp8_280:hover::-webkit-input-placeholder,._default-white_s0qp8_265._success_s0qp8_280:hover::-webkit-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._success_s0qp8_280:hover::-moz-placeholder,._default-white_s0qp8_265._success_s0qp8_280:hover::-moz-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._success_s0qp8_280:hover:-ms-input-placeholder,._default-white_s0qp8_265._success_s0qp8_280:hover:-ms-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._success_s0qp8_280:hover::-ms-input-placeholder,._default-white_s0qp8_265._success_s0qp8_280:hover::-ms-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._success_s0qp8_280:hover::placeholder,._default-white_s0qp8_265._success_s0qp8_280:hover::placeholder{color:var(--input-color)}._default-gray_s0qp8_253._alarm_s0qp8_300,._default-white_s0qp8_265._alarm_s0qp8_300{--input-bg-color: var(--alarm-bg-active);--input-bg-color-hover: var(--alarm-bg-hover);--input-bg-color-active: var(--alarm-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--alarm-normal);--label-color: var(--black-60)}._default-gray_s0qp8_253._alarm_s0qp8_300::-webkit-input-placeholder,._default-white_s0qp8_265._alarm_s0qp8_300::-webkit-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._alarm_s0qp8_300::-moz-placeholder,._default-white_s0qp8_265._alarm_s0qp8_300::-moz-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._alarm_s0qp8_300:-ms-input-placeholder,._default-white_s0qp8_265._alarm_s0qp8_300:-ms-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._alarm_s0qp8_300::-ms-input-placeholder,._default-white_s0qp8_265._alarm_s0qp8_300::-ms-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._alarm_s0qp8_300::placeholder,._default-white_s0qp8_265._alarm_s0qp8_300::placeholder{color:var(--input-color)}._default-gray_s0qp8_253._alarm_s0qp8_300:hover::-webkit-input-placeholder,._default-white_s0qp8_265._alarm_s0qp8_300:hover::-webkit-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._alarm_s0qp8_300:hover::-moz-placeholder,._default-white_s0qp8_265._alarm_s0qp8_300:hover::-moz-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._alarm_s0qp8_300:hover:-ms-input-placeholder,._default-white_s0qp8_265._alarm_s0qp8_300:hover:-ms-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._alarm_s0qp8_300:hover::-ms-input-placeholder,._default-white_s0qp8_265._alarm_s0qp8_300:hover::-ms-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._alarm_s0qp8_300:hover::placeholder,._default-white_s0qp8_265._alarm_s0qp8_300:hover::placeholder{color:var(--input-color)}._default-gray_s0qp8_253._error_s0qp8_320,._default-white_s0qp8_265._error_s0qp8_320{--input-bg-color: var(--error-bg-active);--input-bg-color-hover: var(--error-bg-hover);--input-bg-color-active: var(--error-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--error-normal);--label-color: var(--black-60)}._default-gray_s0qp8_253._error_s0qp8_320::-webkit-input-placeholder,._default-white_s0qp8_265._error_s0qp8_320::-webkit-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._error_s0qp8_320::-moz-placeholder,._default-white_s0qp8_265._error_s0qp8_320::-moz-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._error_s0qp8_320:-ms-input-placeholder,._default-white_s0qp8_265._error_s0qp8_320:-ms-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._error_s0qp8_320::-ms-input-placeholder,._default-white_s0qp8_265._error_s0qp8_320::-ms-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._error_s0qp8_320::placeholder,._default-white_s0qp8_265._error_s0qp8_320::placeholder{color:var(--input-color)}._default-gray_s0qp8_253._error_s0qp8_320:hover::-webkit-input-placeholder,._default-white_s0qp8_265._error_s0qp8_320:hover::-webkit-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._error_s0qp8_320:hover::-moz-placeholder,._default-white_s0qp8_265._error_s0qp8_320:hover::-moz-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._error_s0qp8_320:hover:-ms-input-placeholder,._default-white_s0qp8_265._error_s0qp8_320:hover:-ms-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._error_s0qp8_320:hover::-ms-input-placeholder,._default-white_s0qp8_265._error_s0qp8_320:hover::-ms-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._error_s0qp8_320:hover::placeholder,._default-white_s0qp8_265._error_s0qp8_320:hover::placeholder{color:var(--input-color)}
|
|
1
|
+
._input-wrapper_1wf2d_2{--input-border-radius-l: 8px;--input-border-radius-m: 6px;--input-border-radius-s: 6px;--input-required-mark-size: 8px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 var(--mimir-space-m);overflow:hidden;background-color:var(--input-bg-color);border-bottom:1px solid transparent;border-radius:var(--input-border-radius);-webkit-transition:background-color .2s ease,border-color .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease;transition:background-color .2s ease,border-color .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease;transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease}._input-wrapper_1wf2d_2 ._required-mark_1wf2d_16{display:block;-webkit-box-flex:0;-ms-flex:0 0 var(--input-required-mark-size);flex:0 0 var(--input-required-mark-size);-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;width:var(--input-required-mark-size);height:var(--input-required-mark-size);margin-left:var(--mimir-space-m);background-color:var(--citrine-normal);border-radius:50%}._input-wrapper_1wf2d_2 ._label_1wf2d_26{--input-required-mark-size: 6px;--label-default-max-width: calc( 100% - calc(var(--input-padding) + var(--mimir-space-xxl)) );position:absolute;top:calc(var(--input-height) / 2 - var(--input-font-size) / 2);left:var(--mimir-space-m);z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:var(--label-default-max-width);color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;-webkit-column-gap:var(--mimir-space-xs);-moz-column-gap:var(--mimir-space-xs);column-gap:var(--mimir-space-xs);-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition:font-size .15s ease-out,left .15s ease-out,color .15s ease-out,-webkit-transform .15s ease-out;transition:font-size .15s ease-out,left .15s ease-out,color .15s ease-out,-webkit-transform .15s ease-out;transition:transform .15s ease-out,font-size .15s ease-out,left .15s ease-out,color .15s ease-out;transition:transform .15s ease-out,font-size .15s ease-out,left .15s ease-out,color .15s ease-out,-webkit-transform .15s ease-out;pointer-events:none}._input-wrapper_1wf2d_2 ._label_1wf2d_26._has-left-slot_1wf2d_45{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--clear-button-mg))}._input-wrapper_1wf2d_2 ._label_1wf2d_26._has-right-slot_1wf2d_48{--label-default-max-width: calc( 100% - calc(calc(var(--input-padding) * 2) + var(--mimir-space-xxl)) )}._input-wrapper_1wf2d_2 ._label_1wf2d_26._active-label_1wf2d_53{font-size:var(--label-font-size-active);-webkit-transform:translate(0,calc(var(--label-font-size-active) * -1));transform:translateY(calc(var(--label-font-size-active) * -1))}._input-wrapper_1wf2d_2 ._label_1wf2d_26._active-label_1wf2d_53._has-left-slot_1wf2d_45{left:var(--mimir-space-m)}._input-wrapper_1wf2d_2 ._label_1wf2d_26._active-label_1wf2d_53._has-right-slot_1wf2d_48{--label-default-max-width: calc( 100% - calc(calc(var(--input-padding) * 2)) )}._input-wrapper_1wf2d_2 ._label_1wf2d_26._active-label_1wf2d_53 ._required-mark_1wf2d_16{margin-left:0}._input-wrapper_1wf2d_2 ._label_1wf2d_26 ._label-text-wrapper_1wf2d_68{overflow:hidden;text-overflow:ellipsis}._input-wrapper_1wf2d_2 ._input_1wf2d_2{position:relative;display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;min-width:0;height:var(--input-height);color:var(--dark-text);font-size:var(--input-font-size);font-family:var(--mimir-font-inter);line-height:var(--input-line-height);letter-spacing:-.42px;text-overflow:ellipsis;background-color:inherit;border-radius:var(--input-border-radius);outline:none;cursor:var(--input-cursor);-webkit-transition:border-color .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease;transition:border-color .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease;transition:border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;transition:border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-font-feature-settings:"zero";font-feature-settings:"zero"}._input-wrapper_1wf2d_2 ._input_1wf2d_2._has-left-slot_1wf2d_45{padding-left:0}._input-wrapper_1wf2d_2 ._input_1wf2d_2._has-right-slot_1wf2d_48{padding-right:0}._input-wrapper_1wf2d_2 ._input_1wf2d_2._focused_1wf2d_99{padding-top:0}._input-wrapper_1wf2d_2 ._input_1wf2d_2._has-label_1wf2d_102{padding-top:var(--input-padding-position)}._input-wrapper_1wf2d_2 ._input_1wf2d_2._disabled_1wf2d_105{color:var(--light-text)}._input-wrapper_1wf2d_2 ._input_1wf2d_2._disabled_1wf2d_105:hover,._input-wrapper_1wf2d_2 ._input_1wf2d_2._disabled_1wf2d_105:active,._input-wrapper_1wf2d_2 ._input_1wf2d_2._disabled_1wf2d_105:focus{color:var(--light-text)}._input-wrapper_1wf2d_2 ._addon-icon_1wf2d_111{width:var(--icon-size);height:var(--icon-size)}._input-wrapper_1wf2d_2 ._left-slot_1wf2d_115,._input-wrapper_1wf2d_2 ._right-slot_1wf2d_116{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--input-height);color:var(--black-60);font-size:var(--input-font-size);font-family:var(--mimir-font-inter);line-height:var(--input-line-height);background-color:inherit;-webkit-transition:padding-top .15s ease-out;transition:padding-top .15s ease-out}._input-wrapper_1wf2d_2 ._left-slot_1wf2d_115._focused_1wf2d_99._has-label_1wf2d_102,._input-wrapper_1wf2d_2 ._right-slot_1wf2d_116._focused_1wf2d_99._has-label_1wf2d_102{padding-top:var(--input-padding-position)}._input-wrapper_1wf2d_2 ._left-slot_1wf2d_115._disabled_1wf2d_105,._input-wrapper_1wf2d_2 ._right-slot_1wf2d_116._disabled_1wf2d_105{color:var(--white);cursor:not-allowed}._input-wrapper_1wf2d_2 ._left-slot_1wf2d_115._disabled_1wf2d_105 ._addon-icon_1wf2d_111 path,._input-wrapper_1wf2d_2 ._right-slot_1wf2d_116._disabled_1wf2d_105 ._addon-icon_1wf2d_111 path{fill:var(--white)}._input-wrapper_1wf2d_2 ._left-slot_1wf2d_115{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-right:var(--clear-button-mg)}._input-wrapper_1wf2d_2 ._right-slot_1wf2d_116{margin-left:var(--clear-button-mg)}._input-wrapper_1wf2d_2 ._clear_1wf2d_147{z-index:4;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;width:16px;height:16px;margin-left:var(--clear-button-mg)}._input-wrapper_1wf2d_2 ._clear_1wf2d_147._disabled_1wf2d_105{cursor:not-allowed}._input-wrapper_1wf2d_2 svg{color:currentcolor;fill:currentcolor}._input-wrapper_1wf2d_2:hover ._label_1wf2d_26,._input-wrapper_1wf2d_2:focus-within ._label_1wf2d_26{color:var(--label-color)}._input-wrapper_1wf2d_2:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1wf2d_2:focus-within{background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._input-wrapper_1wf2d_2._focused_1wf2d_99{color:var(--input-color-active);background-color:var(--input-bg-color-active)}._input-wrapper_1wf2d_2._focused_1wf2d_99:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1wf2d_2._disabled_1wf2d_105{--input-cursor: not-allowed;--label-color: var(--light-text);color:var(--light-text);background-color:var(--black-20);border-bottom:1px solid transparent}._input-wrapper_1wf2d_2._disabled_1wf2d_105:hover,._input-wrapper_1wf2d_2._disabled_1wf2d_105:active,._input-wrapper_1wf2d_2._disabled_1wf2d_105:focus{--label-color: var(--light-text);color:var(--light-text);background-color:var(--black-20);border-bottom:1px solid transparent;-webkit-box-shadow:none;box-shadow:none}._input-wrapper_1wf2d_2._disabled_1wf2d_105::-webkit-input-placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._disabled_1wf2d_105::-moz-placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._disabled_1wf2d_105:-ms-input-placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._disabled_1wf2d_105::-ms-input-placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._disabled_1wf2d_105::placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._disabled_1wf2d_105:hover::-webkit-input-placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._disabled_1wf2d_105:hover::-moz-placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._disabled_1wf2d_105:hover:-ms-input-placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._disabled_1wf2d_105:hover::-ms-input-placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._disabled_1wf2d_105:hover::placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._border-radius-left_1wf2d_198{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._input-wrapper_1wf2d_2._border-radius-right_1wf2d_202{border-top-left-radius:0!important;border-bottom-left-radius:0!important}._input-wrapper_1wf2d_2._border-radius-none_1wf2d_206{border-radius:0!important}._s_1wf2d_210{--input-height: var(--mimir-space-xxl);--input-font-size: var(--mimir-control-text-size-m);--input-line-height: var(--mimir-line-height-text-xs);--input-padding: var(--mimir-space-m);--input-padding-position: var(--mimir-space-1xs);--input-border-radius: var(--input-border-radius-s);--label-font-size-active: var(--mimir-size-text-xs);--label-spacing: var(--mimir-space-1xs);--input-required-mark-size: 6px;--clear-button-mg: var(--mimir-space-2xs);--icon-size: 16px;--left-addon-position: 0px}._m_1wf2d_225{--input-height: var(--mimir-space-4xl);--input-font-size: var(--mimir-control-text-size-l);--input-line-height: var(--mimir-line-height-text-s1);--input-padding: var(--mimir-space-m);--input-padding-position: var(--mimir-space-xs);--input-border-radius: var(--input-border-radius-m);--label-font-size-active: var(--mimir-size-text-s);--label-spacing: var(--mimir-space-xs);--input-required-mark-size: 6px;--clear-button-mg: var(--mimir-space-2xs);--icon-size: 16px;--left-addon-position: var(--mimir-space-3xs)}._l_1wf2d_26{--input-height: var(--mimir-space-4xxl);--input-font-size: var(--mimir-control-text-size-2xl);--input-line-height: var(--mimir-line-height-text-l);--input-padding: var(--mimir-space-m);--input-padding-position: var(--mimir-space-s);--input-border-radius: var(--input-border-radius-l);--label-font-size-active: var(--mimir-size-text-s);--label-spacing: var(--mimir-space-s);--clear-button-mg: var(--mimir-space-xs);--icon-size: 24px;--left-addon-position: var(--mimir-space-s)}._default-gray_1wf2d_254{--input-bg-color: var(--black-5);--input-bg-color-active: var(--black-10);--input-bg-color-hover: var(--black-10);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_1wf2d_266{--input-bg-color: var(--white);--input-bg-color-hover: var(--black-10);--input-bg-color-active: var(--white);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_1wf2d_266:hover{--label-color: var(--dark-text)}._default-gray_1wf2d_254._success_1wf2d_281,._default-white_1wf2d_266._success_1wf2d_281{--input-bg-color: var(--success-bg-active);--input-bg-color-hover: var(--success-bg-hover);--input-bg-color-active: var(--success-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--success-normal);--label-color: var(--black-60)}._default-gray_1wf2d_254._success_1wf2d_281::-webkit-input-placeholder,._default-white_1wf2d_266._success_1wf2d_281::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._success_1wf2d_281::-moz-placeholder,._default-white_1wf2d_266._success_1wf2d_281::-moz-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._success_1wf2d_281:-ms-input-placeholder,._default-white_1wf2d_266._success_1wf2d_281:-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._success_1wf2d_281::-ms-input-placeholder,._default-white_1wf2d_266._success_1wf2d_281::-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._success_1wf2d_281::placeholder,._default-white_1wf2d_266._success_1wf2d_281::placeholder{color:var(--input-color)}._default-gray_1wf2d_254._success_1wf2d_281:hover::-webkit-input-placeholder,._default-white_1wf2d_266._success_1wf2d_281:hover::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._success_1wf2d_281:hover::-moz-placeholder,._default-white_1wf2d_266._success_1wf2d_281:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._success_1wf2d_281:hover:-ms-input-placeholder,._default-white_1wf2d_266._success_1wf2d_281:hover:-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._success_1wf2d_281:hover::-ms-input-placeholder,._default-white_1wf2d_266._success_1wf2d_281:hover::-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._success_1wf2d_281:hover::placeholder,._default-white_1wf2d_266._success_1wf2d_281:hover::placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301,._default-white_1wf2d_266._alarm_1wf2d_301{--input-bg-color: var(--alarm-bg-active);--input-bg-color-hover: var(--alarm-bg-hover);--input-bg-color-active: var(--alarm-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--alarm-normal);--label-color: var(--black-60)}._default-gray_1wf2d_254._alarm_1wf2d_301::-webkit-input-placeholder,._default-white_1wf2d_266._alarm_1wf2d_301::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301::-moz-placeholder,._default-white_1wf2d_266._alarm_1wf2d_301::-moz-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301:-ms-input-placeholder,._default-white_1wf2d_266._alarm_1wf2d_301:-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301::-ms-input-placeholder,._default-white_1wf2d_266._alarm_1wf2d_301::-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301::placeholder,._default-white_1wf2d_266._alarm_1wf2d_301::placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301:hover::-webkit-input-placeholder,._default-white_1wf2d_266._alarm_1wf2d_301:hover::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301:hover::-moz-placeholder,._default-white_1wf2d_266._alarm_1wf2d_301:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301:hover:-ms-input-placeholder,._default-white_1wf2d_266._alarm_1wf2d_301:hover:-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301:hover::-ms-input-placeholder,._default-white_1wf2d_266._alarm_1wf2d_301:hover::-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301:hover::placeholder,._default-white_1wf2d_266._alarm_1wf2d_301:hover::placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321,._default-white_1wf2d_266._error_1wf2d_321{--input-bg-color: var(--error-bg-active);--input-bg-color-hover: var(--error-bg-hover);--input-bg-color-active: var(--error-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--error-normal);--label-color: var(--black-60)}._default-gray_1wf2d_254._error_1wf2d_321::-webkit-input-placeholder,._default-white_1wf2d_266._error_1wf2d_321::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321::-moz-placeholder,._default-white_1wf2d_266._error_1wf2d_321::-moz-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321:-ms-input-placeholder,._default-white_1wf2d_266._error_1wf2d_321:-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321::-ms-input-placeholder,._default-white_1wf2d_266._error_1wf2d_321::-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321::placeholder,._default-white_1wf2d_266._error_1wf2d_321::placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321:hover::-webkit-input-placeholder,._default-white_1wf2d_266._error_1wf2d_321:hover::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321:hover::-moz-placeholder,._default-white_1wf2d_266._error_1wf2d_321:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321:hover:-ms-input-placeholder,._default-white_1wf2d_266._error_1wf2d_321:hover:-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321:hover::-ms-input-placeholder,._default-white_1wf2d_266._error_1wf2d_321:hover::-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321:hover::placeholder,._default-white_1wf2d_266._error_1wf2d_321:hover::placeholder{color:var(--input-color)}
|
package/dist/assets/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._input-field-group-
|
|
1
|
+
._input-field-group-datePicker_1snrv_3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--mimir-space-2xs)}._input-field-group-datePicker_1snrv_3._full_1snrv_8{width:100%}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11{--border-color: var(--citrine-100);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:var(--mimir-control-radius-s)}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11 ._date-wrapper_1snrv_18{position:relative;width:100%}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11 ._date-wrapper_1snrv_18 ._input-wrapper_1snrv_22{-webkit-box-flex:1;-ms-flex:1;flex:1}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11 ._date-wrapper_1snrv_18 ._input-wrapper_1snrv_22 ._right-slot_1snrv_25{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding-top:0}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11 ._date-wrapper_1snrv_18 ._inputBorderControl_1snrv_29{border:transparent}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11 ._date-wrapper_1snrv_18:hover ._input-wrapper_1snrv_22{background-color:var(--input-bg-color-hover)}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11 ._date-wrapper_1snrv_18:before{position:absolute;top:0;right:45px;bottom:0;left:0;z-index:3;cursor:pointer;content:""}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11 ._date-wrapper_1snrv_18._editable_1snrv_42:before{display:none}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11 ._date-wrapper_1snrv_18 svg{cursor:pointer}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11 ._date-wrapper_1snrv_18._border-radius-left_1snrv_48 ._input-wrapper_1snrv_22{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11 ._date-wrapper_1snrv_18._border-radius-right_1snrv_52 ._input-wrapper_1snrv_22{border-top-left-radius:0!important;border-bottom-left-radius:0!important}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11 ._date-wrapper_1snrv_18._border-radius-none_1snrv_56 ._input-wrapper_1snrv_22{border-radius:0!important}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11:has([data-status=error]){--border-color: var(--error-normal)}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11:has([data-status=success]){--border-color: var(--success-normal)}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11:has([data-status=alarm]){--border-color: var(--alarm-normal)}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11:has(._calendar-block_1snrv_68) ._input-wrapper_1snrv_22{border-bottom:1px solid var(--input-bottom-color-active)}._input-field-group-datePicker_1snrv_3 ._textError_1snrv_71{color:var(--gos-znak-diplomatic-background-color);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-s);font-family:var(--mimir-font-inter);line-height:var(--mimir-size-text-m);text-align:left}[data-disabled=true] ._date-wrapper_1snrv_18:before{cursor:auto}[data-disabled=true] ._date-wrapper_1snrv_18 ._input-wrapper_1snrv_22{background:var(--black-20)}[data-disabled=true] ._date-wrapper_1snrv_18 ._input-wrapper_1snrv_22 label,[data-disabled=true] ._date-wrapper_1snrv_18 ._input-wrapper_1snrv_22 input{color:var(--white)}[data-disabled=true] ._button-wrapper_1snrv_90 svg{color:var(--white);cursor:default;fill:var(--white)}._button-wrapper_1snrv_90{position:absolute;top:0;right:0;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:44px;height:100%;max-height:var(--button-height-xxl)}._button_1snrv_90{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;background-color:transparent;border-radius:var(--mimir-control-radius-s)}._calendar-block_1snrv_68{position:absolute;z-index:var(--mimir-zindex-dropdown);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:368px;max-height:none;padding:var(--mimir-space-m);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-l);font-family:var(--mimir-font-inter);line-height:var(--mimir-line-height-text-2xs);text-align:center;text-overflow:ellipsis;background:var(--white);border-radius:var(--mimir-control-radius-s);-webkit-box-shadow:0 0 0 0 rgba(22,23,39,.02),0 2px 4px 0 rgba(22,23,39,.02),0 6px 6px 0 rgba(22,23,39,.02),0 15px 9px 0 rgba(22,23,39,.01);box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703;opacity:0;-webkit-transition:height .5s ease-in;transition:height .5s ease-in;-webkit-font-feature-settings:"zero";font-feature-settings:"zero";font-variant-numeric:slashed-zero}._calendar-block_1snrv_68 ._h_1snrv_136{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;color:var(--black-100)}._calendar-block_1snrv_68 ._b_1snrv_48{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[7];grid-template-columns:repeat(7,1fr)}._calendar-block_1snrv_68 ._d_1snrv_18{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;gap:var(--mimir-space-2xs);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--black-100);font-size:var(--mimir-size-text-l);cursor:pointer}._calendar-block_1snrv_68 ._m_1snrv_158,._calendar-block_1snrv_68 ._a_1snrv_159,._calendar-block_1snrv_68 ._prev_1snrv_160{width:auto;height:48px;overflow:hidden}._calendar-block_1snrv_68 ._m_1snrv_158{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--disabled);font-size:var(--mimir-size-text-l)}._calendar-block_1snrv_68 ._orange_1snrv_174{color:var(--citrine-100)}._calendar-block_1snrv_68 ._a_1snrv_159{color:var(--black-100);font-size:var(--mimir-size-text-l);border-radius:var(--mimir-control-radius-s)}._calendar-block_1snrv_68 ._a_1snrv_159:hover{background:var(--black-10)}._calendar-block_1snrv_68 ._a_1snrv_159:active{color:var(--white);background:var(--sapphire-100)}._calendar-block_1snrv_68 ._current_1snrv_191{background:var(--sapphire-10);border-radius:var(--mimir-control-radius-s)}._calendar-block_1snrv_68 ._monthGrid_1snrv_196{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}._icon-button_1snrv_201{display:-webkit-box;display:-ms-flexbox;display:flex}
|