mimir-ui-kit 1.43.28 → 1.44.1
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-IzZ6B9kw.js +232 -0
- package/dist/assets/Avatar.css +1 -1
- package/dist/assets/Chip.css +1 -1
- package/dist/assets/CopyText.css +1 -0
- package/dist/assets/Counter.css +1 -0
- package/dist/assets/DropdownSelect.css +1 -0
- package/dist/assets/Input.css +1 -1
- package/dist/assets/Pagination.css +1 -1
- package/dist/assets/SelectSearch.css +1 -1
- package/dist/assets/TabTrail.css +1 -1
- package/dist/assets/index.css +1 -1
- package/dist/assets/styles.css +1 -1
- package/dist/components/Avatar/Avatar.d.ts +1 -1
- package/dist/components/Avatar/Avatar.js +41 -37
- package/dist/components/Avatar/constants.d.ts +5 -0
- package/dist/components/Avatar/constants.js +3 -2
- package/dist/components/Avatar/index.d.ts +1 -0
- package/dist/components/Avatar/index.js +5 -4
- package/dist/components/Avatar/types.d.ts +3 -1
- package/dist/components/Chip/Chip.d.ts +5 -1
- package/dist/components/Chip/Chip.js +45 -36
- package/dist/components/Chip/constants.d.ts +5 -1
- package/dist/components/Chip/constants.js +3 -3
- package/dist/components/CopyText/CopyText.d.ts +3 -0
- package/dist/components/CopyText/CopyText.js +96 -0
- package/dist/components/CopyText/index.d.ts +2 -0
- package/dist/components/CopyText/index.js +4 -0
- package/dist/components/CopyText/types.d.ts +32 -0
- package/dist/components/DatePicker/DatePicker.d.ts +19 -0
- package/dist/components/DatePicker/DatePicker.js +149 -134
- 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/DatePicker/constants.d.ts +6 -0
- package/dist/components/DatePicker/constants.js +13 -12
- package/dist/components/DatePicker/index.d.ts +1 -0
- package/dist/components/DatePicker/index.js +3 -1
- package/dist/components/DropdownSelect/DropdownSelect.d.ts +3 -0
- package/dist/components/DropdownSelect/DropdownSelect.js +115 -0
- package/dist/components/DropdownSelect/constants.d.ts +5 -0
- package/dist/components/DropdownSelect/constants.js +4 -0
- package/dist/components/DropdownSelect/index.d.ts +3 -0
- package/dist/components/DropdownSelect/index.js +6 -0
- package/dist/components/DropdownSelect/types.d.ts +56 -0
- package/dist/components/Input/Input.d.ts +5 -0
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Input/constants.d.ts +6 -0
- package/dist/components/Input/constants.js +4 -3
- 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/Pagination/Counter/Counter.d.ts +9 -0
- package/dist/components/Pagination/Counter/Counter.js +28 -0
- package/dist/components/Pagination/Pagination.d.ts +17 -0
- package/dist/components/Pagination/Pagination.js +167 -126
- package/dist/components/Pagination/constants.d.ts +6 -0
- package/dist/components/Pagination/constants.js +5 -3
- package/dist/components/Pagination/index.d.ts +1 -0
- package/dist/components/Pagination/index.js +4 -2
- package/dist/components/SelectSearch/SelectSearch.d.ts +2 -1
- package/dist/components/SelectSearch/SelectSearch.js +193 -187
- package/dist/components/SelectSearch/constants.d.ts +6 -0
- package/dist/components/SelectSearch/constants.js +7 -5
- package/dist/components/SelectSearch/index.d.ts +1 -1
- package/dist/components/SelectSearch/index.js +5 -4
- package/dist/components/SelectSearch/types.d.ts +6 -1
- package/dist/components/SelectSearch/utils.js +1 -1
- package/dist/components/TabTrail/TabTrail.d.ts +16 -0
- package/dist/components/TabTrail/TabTrail.js +257 -220
- package/dist/components/TextArea/TextArea.js +1 -1
- package/dist/components/index.d.ts +8 -4
- package/dist/components/index.js +178 -166
- package/dist/index.js +203 -191
- package/dist/styles.module-B3lX7mJq.js +31 -0
- package/package.json +1 -1
- package/dist/Input-BU_6U1CW.js +0 -227
- package/dist/styles.module-Cuqm31CO.js +0 -28
@@ -0,0 +1,232 @@
|
|
1
|
+
import { jsxs as B, jsx as t, Fragment as Z } from "react/jsx-runtime";
|
2
|
+
import { c as n } from "./index-DIxK0V-G.js";
|
3
|
+
import { memo as ee, forwardRef as se, useState as z, useRef as ae, useEffect as L } from "react";
|
4
|
+
import { EInputVariant as te } 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 oe } from "./components/Button/Button.js";
|
8
|
+
import './assets/Input.css';const ne = "_label_s0qp8_26", ce = "_input_s0qp8_2", de = "_focused_s0qp8_99", ie = "_disabled_s0qp8_105", ue = "_clear_s0qp8_147", pe = "_s_s0qp8_209", _e = "_m_s0qp8_224", me = "_l_s0qp8_26", fe = "_success_s0qp8_280", he = "_alarm_s0qp8_300", be = "_error_s0qp8_320", e = {
|
9
|
+
"input-wrapper": "_input-wrapper_s0qp8_2",
|
10
|
+
"required-mark": "_required-mark_s0qp8_16",
|
11
|
+
label: ne,
|
12
|
+
"has-left-slot": "_has-left-slot_s0qp8_45",
|
13
|
+
"has-right-slot": "_has-right-slot_s0qp8_48",
|
14
|
+
"active-label": "_active-label_s0qp8_53",
|
15
|
+
"label-text-wrapper": "_label-text-wrapper_s0qp8_68",
|
16
|
+
input: ce,
|
17
|
+
focused: de,
|
18
|
+
"has-label": "_has-label_s0qp8_102",
|
19
|
+
disabled: ie,
|
20
|
+
"addon-icon": "_addon-icon_s0qp8_111",
|
21
|
+
"left-slot": "_left-slot_s0qp8_115",
|
22
|
+
"right-slot": "_right-slot_s0qp8_116",
|
23
|
+
clear: ue,
|
24
|
+
"border-radius-left": "_border-radius-left_s0qp8_197",
|
25
|
+
"border-radius-right": "_border-radius-right_s0qp8_201",
|
26
|
+
"border-radius-none": "_border-radius-none_s0qp8_205",
|
27
|
+
s: pe,
|
28
|
+
m: _e,
|
29
|
+
l: me,
|
30
|
+
"default-gray": "_default-gray_s0qp8_253",
|
31
|
+
"default-white": "_default-white_s0qp8_265",
|
32
|
+
success: fe,
|
33
|
+
alarm: he,
|
34
|
+
error: be
|
35
|
+
}, j = (s) => {
|
36
|
+
var _, r;
|
37
|
+
if (!s)
|
38
|
+
return null;
|
39
|
+
switch (s.addonType) {
|
40
|
+
case "icon": {
|
41
|
+
const m = (_ = s.addonContent) == null ? void 0 : _.includes("16px"), g = (r = s.addonContent) == null ? void 0 : r.includes("24px");
|
42
|
+
return /* @__PURE__ */ t(
|
43
|
+
le,
|
44
|
+
{
|
45
|
+
style: {
|
46
|
+
"--icon-size": n({
|
47
|
+
"16px": m,
|
48
|
+
"24px": g
|
49
|
+
})
|
50
|
+
},
|
51
|
+
className: e["addon-icon"],
|
52
|
+
iconName: s.addonContent
|
53
|
+
}
|
54
|
+
);
|
55
|
+
}
|
56
|
+
case "text":
|
57
|
+
return s.addonContent;
|
58
|
+
case "react-node":
|
59
|
+
return /* @__PURE__ */ t(Z, { children: s.addonContent });
|
60
|
+
default:
|
61
|
+
return null;
|
62
|
+
}
|
63
|
+
}, qe = ee(
|
64
|
+
se(
|
65
|
+
(s, _) => {
|
66
|
+
const {
|
67
|
+
value: r,
|
68
|
+
className: m,
|
69
|
+
wrapperClassName: g,
|
70
|
+
rightSlotClassName: D,
|
71
|
+
requiredMarkClassName: E,
|
72
|
+
variant: A = te.DefaultGray,
|
73
|
+
type: M = "text",
|
74
|
+
autofocus: N,
|
75
|
+
readonly: c,
|
76
|
+
id: F,
|
77
|
+
onFocus: x,
|
78
|
+
onBlur: w,
|
79
|
+
label: u,
|
80
|
+
withClearButton: O,
|
81
|
+
disabled: a,
|
82
|
+
onChange: i,
|
83
|
+
rightAddon: S,
|
84
|
+
status: R,
|
85
|
+
leftAddon: T,
|
86
|
+
size: C = "m",
|
87
|
+
numbersOnly: G,
|
88
|
+
required: y,
|
89
|
+
maxLength: v,
|
90
|
+
autocomplete: P = "on",
|
91
|
+
borderRadius: V = "all",
|
92
|
+
...W
|
93
|
+
} = s, [p, I] = z(N), [f, h] = z(!!r), d = ae(null), $ = re(d, _);
|
94
|
+
L(() => {
|
95
|
+
N && I(!0);
|
96
|
+
}, [N]), L(() => {
|
97
|
+
h(!!r);
|
98
|
+
}, [r]);
|
99
|
+
const H = (l) => {
|
100
|
+
const o = l.currentTarget.value;
|
101
|
+
w == null || w(l), I(!1), h(!!o);
|
102
|
+
}, J = (l) => {
|
103
|
+
c || (I(!0), x == null || x(l));
|
104
|
+
}, K = () => {
|
105
|
+
d != null && d.current && (d.current.value = "", d.current.focus(), h(!1), i == null || i({
|
106
|
+
target: d.current
|
107
|
+
}));
|
108
|
+
}, Q = (l) => {
|
109
|
+
let o = l.target.value;
|
110
|
+
G && (o = o.replace(/\D/g, "")), v !== void 0 && (o = o.slice(0, v)), l.target.value = o, i == null || i(l), h(!!o);
|
111
|
+
}, b = j(T), q = j(S), U = {
|
112
|
+
[e.readonly]: a || c,
|
113
|
+
[e.focused]: p,
|
114
|
+
[e.disabled]: a || c,
|
115
|
+
[e["has-label"]]: !!u,
|
116
|
+
[e["has-left-slot"]]: !!b,
|
117
|
+
[e["has-right-slot"]]: !!q
|
118
|
+
}, k = p || f || !!r, X = n(e.label, m, e[C], {
|
119
|
+
[e["active-label"]]: k,
|
120
|
+
[e.disabled]: a || c,
|
121
|
+
[e["has-left-slot"]]: !!b,
|
122
|
+
[e["has-right-slot"]]: !!q
|
123
|
+
}), Y = n(e.input, U, m, [
|
124
|
+
e[A],
|
125
|
+
e[R ?? ""],
|
126
|
+
e[C]
|
127
|
+
]);
|
128
|
+
return /* @__PURE__ */ B(
|
129
|
+
"div",
|
130
|
+
{
|
131
|
+
className: n(
|
132
|
+
e["input-wrapper"],
|
133
|
+
e[A],
|
134
|
+
e[R ?? ""],
|
135
|
+
e[C],
|
136
|
+
{
|
137
|
+
[e.disabled]: a || c,
|
138
|
+
[e.focused]: p,
|
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__ */ t("span", { className: e["label-text-wrapper"], children: u }),
|
146
|
+
y && (f || p) && /* @__PURE__ */ t(
|
147
|
+
"span",
|
148
|
+
{
|
149
|
+
className: e["required-mark"],
|
150
|
+
"data-testid": "required-mark"
|
151
|
+
}
|
152
|
+
)
|
153
|
+
] }),
|
154
|
+
b && /* @__PURE__ */ t(
|
155
|
+
"span",
|
156
|
+
{
|
157
|
+
className: n(e["left-slot"], {
|
158
|
+
[e.focused]: k,
|
159
|
+
[e["has-label"]]: !!u,
|
160
|
+
[e.disabled]: a
|
161
|
+
}),
|
162
|
+
children: b
|
163
|
+
}
|
164
|
+
),
|
165
|
+
/* @__PURE__ */ t(
|
166
|
+
"input",
|
167
|
+
{
|
168
|
+
ref: $,
|
169
|
+
type: M,
|
170
|
+
id: F,
|
171
|
+
className: Y,
|
172
|
+
onFocus: J,
|
173
|
+
onBlur: H,
|
174
|
+
readOnly: c,
|
175
|
+
value: r,
|
176
|
+
onChange: Q,
|
177
|
+
maxLength: v,
|
178
|
+
disabled: a,
|
179
|
+
required: y,
|
180
|
+
autoComplete: P,
|
181
|
+
...W
|
182
|
+
}
|
183
|
+
),
|
184
|
+
q && /* @__PURE__ */ t(
|
185
|
+
"span",
|
186
|
+
{
|
187
|
+
className: n(e["right-slot"], D, {
|
188
|
+
[e.focused]: k,
|
189
|
+
[e["has-label"]]: !!u,
|
190
|
+
[e.disabled]: a
|
191
|
+
}),
|
192
|
+
children: q
|
193
|
+
}
|
194
|
+
),
|
195
|
+
y && !f && !p && /* @__PURE__ */ t(
|
196
|
+
"span",
|
197
|
+
{
|
198
|
+
className: n(
|
199
|
+
e["required-mark"],
|
200
|
+
E
|
201
|
+
),
|
202
|
+
"data-testid": "required-mark"
|
203
|
+
}
|
204
|
+
),
|
205
|
+
O && f && /* @__PURE__ */ t(
|
206
|
+
oe,
|
207
|
+
{
|
208
|
+
tabIndex: -1,
|
209
|
+
className: n(e.clear, {
|
210
|
+
[e.disabled]: a
|
211
|
+
}),
|
212
|
+
isIconButton: !0,
|
213
|
+
iconName: "Close16px",
|
214
|
+
size: "m-s",
|
215
|
+
clear: !0,
|
216
|
+
disabled: a || c,
|
217
|
+
variant: "secondary-gray",
|
218
|
+
onClick: K,
|
219
|
+
"data-testid": "clear-button"
|
220
|
+
}
|
221
|
+
)
|
222
|
+
]
|
223
|
+
}
|
224
|
+
);
|
225
|
+
}
|
226
|
+
)
|
227
|
+
);
|
228
|
+
qe.displayName = "Input";
|
229
|
+
export {
|
230
|
+
qe as I,
|
231
|
+
e as c
|
232
|
+
};
|
package/dist/assets/Avatar.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.
|
1
|
+
._avatar_1oere_2{position:relative;display:flex;align-items:center;justify-content:center;width:var(--avatar-width);height:var(--avatar-height);border-radius:50%}._avatar_1oere_2 ._image_1oere_11{-o-object-fit:cover;object-fit:cover;border-radius:50%;aspect-ratio:1/1}._s_1oere_17{--avatar-width: 32px;--avatar-height: 32px}._m_1oere_22{--avatar-width: 40px;--avatar-height: 40px}._l_1oere_27{--avatar-width: 48px;--avatar-height: 48px}._default_1oere_32._withoutImage_1oere_32{background-color:var(--black-5)}._default_1oere_32._withoutImage_1oere_32 svg{fill:var(--black-60)}._default_1oere_32._withoutImage_1oere_32 svg path{fill:var(--black-60)}._orange_1oere_42._withoutImage_1oere_32{background-color:var(--citrine-100)}._orange_1oere_42._withoutImage_1oere_32 svg{fill:var(--white)}._orange_1oere_42._withoutImage_1oere_32 svg path{fill:var(--white)}._blue_1oere_52._withoutImage_1oere_32{background-color:var(--sapphire-100)}._blue_1oere_52._withoutImage_1oere_32 svg{fill:var(--white)}._blue_1oere_52._withoutImage_1oere_32 svg path{fill:var(--white)}
|
package/dist/assets/Chip.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.
|
1
|
+
._chip_mrr0l_2{--chip-cursor: default;display:inline-flex;align-items:center;height:var(--chip-height);color:var(--chip-color);font-size:var(--chip-font-size);line-height:var(--chip-line-height);-moz-column-gap:var(--mimir-space-2xs);column-gap:var(--mimir-space-2xs);background-color:var(--chip-bg-color);border-radius:var(--chip-border-radius);cursor:default;cursor:var(--chip-cursor);transition:background-color .3s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-left:var(--chip-space);padding-right:var(--chip-space)}._chip_mrr0l_2._with-action_mrr0l_18{--chip-cursor: pointer}._chip_mrr0l_2._with-action_mrr0l_18:hover{color:var(--chip-color-hover);background-color:var(--chip-bg-color-hover)}._chip_mrr0l_2._with-action_mrr0l_18:active{color:var(--chip-color-active);background-color:var(--chip-bg-color-active)}._chip_mrr0l_2._with-action_mrr0l_18:focus-visible{box-shadow:0 0 2px var(--sapphire-normal)}._chip_mrr0l_2._with-action_mrr0l_18 svg{color:currentcolor;fill:currentcolor}._chip_mrr0l_2._with-action_mrr0l_18 svg path{color:currentcolor;fill:currentcolor}._chip_mrr0l_2._disabled_mrr0l_40{--chip-color: var(--light-text);--chip-bg-color: var(--disabled);--chip-bg-color-hover: var(--disabled-color);--chip-bg-color-active: var(--disabled-color);--chip-cursor: not-allowed}._chip_mrr0l_2._disabled_mrr0l_40:focus-visible{box-shadow:none}._chip_mrr0l_2._squareBorder_mrr0l_50{--chip-border-radius: var(--mimir-control-radius)}._xs_mrr0l_54{--chip-font-size: var(--mimir-size-text-s);--chip-line-height: var(--mimir-line-height-text-xs);--chip-border-radius: var(--mimir-control-radius-m-s);--chip-height: 24px;--chip-space: var(--mimir-space-xs)}._s_mrr0l_50{--chip-font-size: var(--mimir-size-text-l);--chip-line-height: var(--mimir-line-height-text-xs);--chip-border-radius: var(--mimir-control-radius-m-s);--chip-height: 28px;--chip-space: var(--mimir-space-s)}._sm_mrr0l_70{--chip-font-size: var(--mimir-size-text-l);--chip-line-height: var(--mimir-line-height-text-xs);--chip-border-radius: var(--mimir-control-radius-m);--chip-height: 34px;--chip-space: var(--mimir-space-s)}._m_mrr0l_78{--chip-font-size: var(--mimir-size-text-m);--chip-line-height: var(--mimir-line-height-text-xs);--chip-border-radius: var(--mimir-control-radius-m);--chip-height: 40px;--chip-space: var(--mimir-space-m)}._sapphire_mrr0l_86{--chip-color: var(--light-text);--chip-color-hover: var(--light-text);--chip-color-active: var(--light-text);--chip-bg-color: var(--sapphire-normal);--chip-bg-color-hover: var(--sapphire-hover);--chip-bg-color-active: var(--sapphire-active)}._citrine_mrr0l_95{--chip-color: var(--light-text);--chip-color-hover: var(--light-text);--chip-color-active: var(--light-text);--chip-bg-color: var(--citrine-normal);--chip-bg-color-hover: var(--citrine-hover);--chip-bg-color-active: var(--citrine-active)}._asphalt_mrr0l_104{--chip-color: var(--light-text);--chip-color-hover: var(--light-text);--chip-color-active: var(--light-text);--chip-bg-color: var(--asphalt-normal);--chip-bg-color-hover: var(--asphalt-hover);--chip-bg-color-active: var(--asphalt-active)}._gray_mrr0l_113{--chip-color: var(--dark-text);--chip-color-hover: var(--sapphire-normal);--chip-color-active: var(--light-text);--chip-bg-color: var(--gray-normal);--chip-bg-color-hover: var(--gray-normal);--chip-bg-color-active: var(--gray-active)}._white_mrr0l_122{--chip-color: var(--dark-text);--chip-color-hover: var(--sapphire-normal);--chip-color-active: var(--light-text);--chip-bg-color: var(--white-normal);--chip-bg-color-hover: var(--white-normal);--chip-bg-color-active: var(--white-active)}._green_mrr0l_131{--chip-color: var(--light-text);--chip-color-hover: var(--light-text);--chip-color-active: var(--light-text);--chip-bg-color: var(--green-normal);--chip-bg-color-hover: var(--green-hover);--chip-bg-color-active: var(--green-active)}._green-light_mrr0l_140{--chip-color: var(--green);--chip-color-hover: var(--green);--chip-color-active: var(--green);--chip-bg-color: var(--success-bg-active);--chip-bg-color-hover: var(--success-bg-active);--chip-bg-color-active: var(--success-bg-active)}._green-light_mrr0l_140._xs_mrr0l_54{--chip-space: var(--mimir-space-xs);--chip-font-size: var(--mimir-size-text-s);--chip-line-height: var(--mimir-line-height-text-xss1);padding:var(--mimir-space-2xs) var(--mimir-space-xs)}._green-light_mrr0l_140._sm_mrr0l_70{--chip-color: var(--success-normal);--chip-color-hover: var(--success-normal);--chip-color-active: var(--success-normal);--chip-font-size: var(--mimir-size-text-l);--chip-line-height: var(--mimir-line-height-text-xss);padding:var(--mimir-space-xs)}._orange-light_mrr0l_163{--chip-color: var(--citrine-100);--chip-color-hover: var(--citrine-100);--chip-color-active: var(--citrine-100);--chip-bg-color: var(--citrine-20);--chip-bg-color-hover: var(--citrine-20);--chip-bg-color-active: var(--citrine-20)}._orange-light_mrr0l_163._xs_mrr0l_54{--chip-space: var(--mimir-space-xs);--chip-font-size: var(--mimir-size-text-s);--chip-line-height: var(--mimir-line-height-text-xss1);padding:var(--mimir-space-2xs) var(--mimir-space-xs)}._yellow-light_mrr0l_178{--chip-color: var(--citrine-100);--chip-color-hover: var(--citrine-100);--chip-color-active: var(--citrine-100);--chip-bg-color: var(--alarm-bg-active);--chip-bg-color-hover: var(--alarm-bg-active);--chip-bg-color-active: var(--alarm-bg-active)}._yellow-light_mrr0l_178._sm_mrr0l_70{--chip-font-size: var(--mimir-size-text-l);--chip-line-height: var(--mimir-line-height-text-xss);padding:var(--mimir-space-xs)}
|
@@ -0,0 +1 @@
|
|
1
|
+
._wrapper_l1onk_2{position:relative;display:inline-block}._container_l1onk_7{position:relative;display:inline-flex;align-items:center;gap:var(--mimir-space-xs);cursor:pointer}._container_l1onk_7._disabled_l1onk_14{cursor:not-allowed;opacity:.5}._container_l1onk_7._hovered_l1onk_18:not(._disabled_l1onk_14){cursor:pointer}._text_l1onk_22{transition:color .2s ease}._text_l1onk_22._pressed_l1onk_25{color:var(--citrine-100)}._icon_l1onk_29{transition:opacity .2s ease,transform .2s ease;flex-shrink:0;opacity:0;transform:translate(-4px)}._icon_l1onk_29 path,._icon_l1onk_29 svg{transition:fill .2s ease}._icon_l1onk_29._visible_l1onk_39{opacity:1;transform:translate(0)}._icon_l1onk_29._pressed_l1onk_25 path,._icon_l1onk_29._pressed_l1onk_25 svg{fill:var(--citrine-100)}._toast_l1onk_48{position:absolute;top:100%;left:calc(-1 * var(--mimir-space-xxl));border-radius:var(--mimir-control-radius);padding:var(--mimir-space-m);width:286px;height:52px;box-shadow:0 0 #16172705,0 2px 4px #16172705;background:var(--white);display:flex;align-items:center;font-size:var(--mimir-size-text-l);line-height:var(--mimir-line-height-text-s1);z-index:1000;animation:_slide-in_l1onk_1 .2s ease-out}._toast_l1onk_48._fadeOut_l1onk_65{animation:_slide-out_l1onk_1 .2s ease-out forwards}@keyframes _slide-in_l1onk_1{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes _slide-out_l1onk_1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}
|
@@ -0,0 +1 @@
|
|
1
|
+
._counter_q40vf_2{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--mimir-control-radius-l-m);padding:var(--mimir-space-2xs) var(--mimir-space-xs);width:100%;height:24px;font-family:var(--mimir-font-inter);font-weight:var(--mimir-font-weight-text-semibold);line-height:var(--mimir-line-height-text-xss);font-size:var(--mimir-size-text-m)}._counter--default_q40vf_15{background:var(--white);color:var(--disabled-color)}._counter--warning_q40vf_19{background:var(--alarm-bg-active);color:var(--alarm-normal)}._counter--error_q40vf_23{background:var(--error-normal);color:var(--error-bg-active)}._counter--success_q40vf_27{background:var(--success-bg-active);color:var(--success-normal)}
|
@@ -0,0 +1 @@
|
|
1
|
+
:root{--sapphire-100: #2355d7;--sapphire-90: #3564df;--sapphire-80: #4b75e2;--sapphire-70: #6186e6;--sapphire-60: #7797e9;--sapphire-50: #8da7ed;--sapphire-40: #9fb7f4;--sapphire-30: #b9caf4;--sapphire-20: #cfdaf7;--sapphire-10: #e5ebfb;--citrine-100: #ff7900;--citrine-90: #ff861a;--citrine-80: #ff9433;--citrine-70: #ffa14d;--citrine-60: #ffaf66;--citrine-50: #ffbc80;--citrine-40: #ffc999;--citrine-30: #ffd7b2;--citrine-20: #ffe4cc;--citrine-10: #fff2e5;--magenta-100: #bc2251;--magenta-90: #d8275d;--magenta-80: #dc3d6d;--magenta-70: #e15781;--magenta-60: #e46c91;--magenta-50: #e986a4;--magenta-40: #ed9cb4;--magenta-30: #f2b6c8;--magenta-20: #f6cbd8;--magenta-10: #fae5ec;--purple-normal: #8a2be2;--purple-bg-active: #fae1fa;--black-100: #000;--black-95: #0d0d0d;--black-90: #1a1a1a;--black-85: #262626;--black-80: #333;--black-75: #404040;--black-70: #4d4d4d;--black-65: #595959;--black-60: #666;--black-55: #737373;--black-50: #808080;--black-45: #8c8c8c;--black-40: #999;--black-35: #a6a6a6;--black-30: #b3b3b3;--black-25: #bfbfbf;--black-20: #ccc;--black-15: #d9d9d9;--black-10: #e6e6e6;--black-5: #f2f2f2;--white: #fff;--dark-blue: #0a38af;--blue-40: #a7bbef;--blue-20: #d3ddf7;--green: #1b770c;--red-tag: #f01406;--success-normal: #23b413;--success-bg-hover: #d5fbe2;--success-bg-active: #ebfdf1;--alarm-normal: #fdc023;--alarm-bg-hover: #fff0c7;--alarm-bg-active: #fff6de;--error-normal: #e64646;--error-bg-hover: #fadbdb;--error-bg-active: #fbe3e3;--disabled: #b3b3b3;--disabled-color: #b2b2b2;--light-text: var(--white);--dark-text: var(--black-100);--sapphire-normal: var(--sapphire-100);--sapphire-hover: #1b41a3;--sapphire-active: #122c70;--citrine-normal: var(--citrine-100);--citrine-hover: #e56d00;--citrine-active: #cc6100;--asphalt-border: var(--black-30);--asphalt-normal: var(--black-80);--asphalt-hover: var(--black-90);--asphalt-active: var(--black-100);--gray-normal: var(--black-5);--gray-hover: var(--black-10);--gray-active: var(--black-80);--white-normal: var(--white);--white-hover: var(--black-5);--white-transparent: rgba(255, 255, 255, .4);--white-active: var(--black-80);--red-normal: var(--error-normal);--red-hover: #e33030;--red-active: #dc1e1e;--green-normal: var(--green);--green-hover: #16610a;--green-active: #114a08;--counter-text: #ffa066;--gos-znak-traffic-background-color: #fede0c;--gos-znak-military-background-color: var(--black-80);--gos-znak-police-background-color: #4478ff;--gos-znak-diplomatic-background-color: #e64646;--gos-znak-diplomatic-country-color: #f5b7b7;--button-height-ms: 16px;--button-height-xs: 24px;--button-height-s: 32px;--button-height-m: 40px;--button-height-l: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--mimir-select-search-height-s: 40px;--mimir-select-search-height-l: 48px;--mimir-select-search-height-xxl: 64px;--mimir-select-search-options-height-desktop: 320px;--mimir-select-search-options-height-mobile: 264px;--mimir-control-default: var(--sapphire-20);--mimir-control-hover: var(--sapphire-40);--mimir-control-selected: var(--sapphire-100);--mimir-control-disabled: var(--black-10);--mimir-font-inter: "Inter", sans-serif;--mimir-font-montserrat: "Montserrat", sans-serif;--mimir-font-weight-text-regular: 400;--mimir-font-weight-text-medium: 500;--mimir-font-weight-text-semibold: 600;--mimir-font-weight-text-bold: 700;--mimir-font-weight-text-extrabold: 800;--mimir-font-weight-text-black: 900;--mimir-size-text-xs2: 8px;--mimir-size-text-xs: 10px;--mimir-size-text-s: 12px;--mimir-size-text-m: 14px;--mimir-size-text-l: 16px;--mimir-size-text-l2: 18px;--mimir-size-text-xl: 20px;--mimir-size-text-xl2: 24px;--mimir-size-text-3xl: 26px;--mimir-size-text-2xl: 28px;--mimir-size-text-xl3: 32px;--mimir-size-text-xl4: 48px;--mimir-size-text-4xl: 52px;--mimir-size-text-5xl: 56px;--mimir-size-text-xl5: 72px;--mimir-size-text-xl6: 96px;--mimir-line-height-text-2xs: 1em;--mimir-line-height-text-xxs: 1.125em;--mimir-line-height-text-xs: 1.1em;--mimir-line-height-text-xss: 1.12em;--mimir-line-height-text-xss1: 1.17em;--mimir-line-height-text-s: 1.2em;--mimir-line-height-text-s1: 1.25em;--mimir-line-height-text-m: 1.3em;--mimir-line-height-text-m1: 1.35em;--mimir-line-height-text-l: 1.4em;--mimir-line-height-text-l1: 1.45em;--mimir-line-height-text-xl: 1.5em;--mimir-line-height-text-xl1: 1.5em;--mimir-control-radius-xs2: 2px;--mimir-control-radius-xs: 4px;--mimir-control-radius-xs1: 5px;--mimir-control-radius: 6px;--mimir-control-radius-s: 8px;--mimir-control-radius-m-s: 16px;--mimir-control-radius-m: 20px;--mimir-control-radius-l-m: 22px;--mimir-control-radius-l: 24px;--mimir-control-radius-xl: 32px;--mimir-control-radius-xxl: 40px;--mimir-control-input-radius: 12px;--mimir-control-border-width: 1px;--mimir-control-space-xs: var(--mimir-space-s);--mimir-control-space-l: var(--mimir-space-xl);--mimir-control-space-xxl: var(--mimir-space-xl);--mimir-control-text-size-2xl: var(--mimir-size-text-xl);--mimir-control-text-size-xl: var(--mimir-size-text-xl3);--mimir-control-text-size-l: var(--mimir-size-text-l);--mimir-control-text-size-m: var(--mimir-size-text-m);--mimir-control-text-size-s: var(--mimir-size-text-s);--mimir-control-text-size-xs: var(--mimir-size-text-xs);--mimir-space-3xs: 2px;--mimir-space-2xs: 4px;--mimir-space-1xs: 6px;--mimir-space-xs: 8px;--mimir-space-xss: 10px;--mimir-space-s: 12px;--mimir-space-2s: 14px;--mimir-space-m: 16px;--mimir-space-2m: 18px;--mimir-space-l: 20px;--mimir-space-2l: 22px;--mimir-space-xl: 24px;--mimir-space-1xl: 28px;--mimir-space-2xl: 32px;--mimir-space-2xxl: 36px;--mimir-space-xxl: 40px;--mimir-space-3xl: 44px;--mimir-space-4xl: 48px;--mimir-space-5xl: 56px;--mimir-space-4xxl: 64px;--mimir-space-5xxl: 72px;--mimir-space-6xl: 96px;--mimir-box-shadow-active: 0 0 2px var(--sapphire-normal);--mimir-box-shadow-focus: 0px 0px 10px 2px #1389cc;--mimir-box-shadow-default: 0 0 4px 0 #1389cc;--mimir-box-shadow-select-search: 0 3px 15px 0 rgba(31, 32, 35, .15);--mimir-select-search-input-top-l: -15%;--mimir-select-search-input-top-xxl: -35%;--mimir-container-width-xs: 375px;--mimir-container-width-s: 767px;--mimir-container-width-m: 960px;--mimir-container-width-l: 1280px;--mimir-container-width-xl: 1440px;--mimir-container-width-xxl: 1920px;--mimir-zindex-dropdown: 1000;--mimir-zindex-sticky: 1020;--mimir-zindex-fixed: 1030;--mimir-zindex-modal-backdrop: 1040;--mimir-zindex-modal: 1050;--mimir-zindex-popover: 1060;--mimir-zindex-tooltip: 1070;--mimir-zindex-toasts-list: 2147483647;--sidebar-width-collapsed: 64px;--sidebar-width-expanded: 256px;--sidebar-form-width-tablet: 369px;--sidebar-form-width-mobile: 309px;--header-height: 64px;--mimir-tab-trail-height-m: 58px;--mimir-tab-trail-height-s: 36px;--mimir-accordion-icon-circle-size-m: 48px;--mimir-accordion-icon-circle-size-s: 36px;--mimir-accordion-icon-square-size-m: 40px;--mimir-accordion-icon-square-size-s: 32px}._dropdown-select_ow9jf_261{position:relative;display:inline-block}._dropdown-select_ow9jf_261._full_ow9jf_265{width:100%}._dropdown-select_ow9jf_261._disabled_ow9jf_268{opacity:.6;pointer-events:none}._trigger_ow9jf_273{display:flex;gap:4px;gap:var(--mimir-space-2xs);align-items:center;justify-content:space-between;width:100%;font-weight:400;font-weight:var(--mimir-font-weight-text-regular);font-size:16px;font-size:var(--mimir-size-text-l);line-height:1.25em;line-height:var(--mimir-line-height-text-s1);text-align:left;color:#000;color:var(--black-100);cursor:pointer}._trigger_ow9jf_273:hover{border-color:#b3b3b3;border-color:var(--black-30)}._trigger_ow9jf_273:focus{outline:none;border-color:#2355d7;border-color:var(--sapphire-100);box-shadow:0 0 10px 2px #1389cc;box-shadow:var(--mimir-box-shadow-focus)}._trigger_ow9jf_273._full_ow9jf_265{width:100%}._trigger_ow9jf_273._disabled_ow9jf_268{cursor:not-allowed;color:#999;color:var(--black-40)}._trigger-text_ow9jf_302{flex:1;display:flex;align-items:center;font-weight:400;font-weight:var(--mimir-font-weight-text-regular);font-size:16px;font-size:var(--mimir-size-text-l);line-height:1.25em;line-height:var(--mimir-line-height-text-s1);text-align:center;color:#000;color:var(--black-100)}._options_ow9jf_313{position:absolute;top:100%;left:0;min-width:240px;width:100%;z-index:1000;z-index:var(--mimir-zindex-dropdown);font-size:16px;font-size:var(--mimir-size-text-l);background:#fff;background:var(--white);box-shadow:0 3px 15px #1f202326;box-shadow:var(--mimir-box-shadow-select-search);margin-top:4px;margin-top:var(--mimir-space-2xs);min-height:100%;max-height:var(--mimir-dropdown-select-options-height);border-radius:var(--mimir-dropdown-select-radius);overflow-y:auto}._options_ow9jf_313::-webkit-scrollbar{width:3px}._options_ow9jf_313::-webkit-scrollbar-thumb{background-color:#333;background-color:var(--black-80);border-radius:2px;border-radius:var(--mimir-control-radius-xs2)}._options_ow9jf_313::-webkit-scrollbar-track{background-color:#fff;background-color:var(--white)}@media (max-width: 600px){._options_ow9jf_313{max-height:var(--mimir-dropdown-select-options-height-mobile)}}._option_ow9jf_313{display:flex;align-items:center;padding:var(--mimir-dropdown-select-option-space);width:100%;min-height:48px;background:#fff;background:var(--white);cursor:pointer;border:none;transition:background-color .2s ease-in-out}._option_ow9jf_313:hover,._option_ow9jf_313._focused_ow9jf_356{background:#f2f2f2;background:var(--black-5)}._option-content_ow9jf_360{flex:1;display:flex;align-items:center;padding:6px 0;padding:var(--mimir-space-1xs) 0;min-height:32px;font-weight:400;font-weight:var(--mimir-font-weight-text-regular);font-size:16px;font-size:var(--mimir-size-text-l);line-height:1.25em;line-height:var(--mimir-line-height-text-s1);color:#000;color:var(--black-100)}._option-check_ow9jf_372{display:flex;align-items:center;flex-shrink:0}._option-check_ow9jf_372 path{fill:#2355d7;fill:var(--sapphire-100)}._s_ow9jf_381,._m_ow9jf_390{--mimir-dropdown-select-options-height: var( --mimir-select-search-options-height-mobile );--mimir-dropdown-select-radius: var(--mimir-control-radius);--mimir-dropdown-select-option-space: var(--mimir-space-xs) var(--mimir-space-m)}._l_ow9jf_399{--mimir-dropdown-select-options-height: var( --mimir-select-search-options-height-desktop );--mimir-dropdown-select-radius: var(--mimir-control-radius-s);--mimir-dropdown-select-option-space: var(--mimir-space-xss) var(--mimir-space-m)}
|
package/dist/assets/Input.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
._input-wrapper_1tx13_2{--input-border-radius-l: 8px;--input-border-radius-m: 6px;--input-border-radius-s: 6px;--input-required-mark-size: 8px;position:relative;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);transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease}._input-wrapper_1tx13_2 ._required-mark_1tx13_16{display:block;flex:0 0 var(--input-required-mark-size);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_1tx13_2 ._label_1tx13_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:flex;max-width:var(--label-default-max-width);color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;-moz-column-gap:var(--mimir-space-xs);column-gap:var(--mimir-space-xs);transform-origin:left center;transition:transform .15s ease-out,font-size .15s ease-out,left .15s ease-out,color .15s ease-out;pointer-events:none}._input-wrapper_1tx13_2 ._label_1tx13_26._has-left-slot_1tx13_45{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--clear-button-mg))}._input-wrapper_1tx13_2 ._label_1tx13_26._has-right-slot_1tx13_48{--label-default-max-width: calc( 100% - calc(calc(var(--input-padding) * 2) + var(--mimir-space-xxl)) )}._input-wrapper_1tx13_2 ._label_1tx13_26._active-label_1tx13_53{font-size:var(--label-font-size-active);transform:translateY(calc(var(--label-font-size-active) * -1))}._input-wrapper_1tx13_2 ._label_1tx13_26._active-label_1tx13_53._has-left-slot_1tx13_45{left:var(--mimir-space-m)}._input-wrapper_1tx13_2 ._label_1tx13_26._active-label_1tx13_53._has-right-slot_1tx13_48{--label-default-max-width: calc( 100% - calc(calc(var(--input-padding) * 2)) )}._input-wrapper_1tx13_2 ._label_1tx13_26._active-label_1tx13_53 ._required-mark_1tx13_16{margin-left:0}._input-wrapper_1tx13_2 ._label_1tx13_26 ._label-text-wrapper_1tx13_68{overflow:hidden;text-overflow:ellipsis}._input-wrapper_1tx13_2 ._input_1tx13_2{position:relative;display:block;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);transition:border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-feature-settings:"zero"}._input-wrapper_1tx13_2 ._input_1tx13_2._has-left-slot_1tx13_45{padding-left:0}._input-wrapper_1tx13_2 ._input_1tx13_2._has-right-slot_1tx13_48{padding-right:0}._input-wrapper_1tx13_2 ._input_1tx13_2._focused_1tx13_99{padding-top:0}._input-wrapper_1tx13_2 ._input_1tx13_2._has-label_1tx13_102{padding-top:var(--input-padding-position)}._input-wrapper_1tx13_2 ._input_1tx13_2._disabled_1tx13_105{color:var(--light-text)}._input-wrapper_1tx13_2 ._input_1tx13_2._disabled_1tx13_105:hover,._input-wrapper_1tx13_2 ._input_1tx13_2._disabled_1tx13_105:active,._input-wrapper_1tx13_2 ._input_1tx13_2._disabled_1tx13_105:focus{color:var(--light-text)}._input-wrapper_1tx13_2 ._addon-icon_1tx13_111{width:var(--icon-size);height:var(--icon-size)}._input-wrapper_1tx13_2 ._left-slot_1tx13_115,._input-wrapper_1tx13_2 ._right-slot_1tx13_116{display:flex;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;transition:padding-top .15s ease-out}._input-wrapper_1tx13_2 ._left-slot_1tx13_115._focused_1tx13_99._has-label_1tx13_102,._input-wrapper_1tx13_2 ._right-slot_1tx13_116._focused_1tx13_99._has-label_1tx13_102{padding-top:var(--input-padding-position)}._input-wrapper_1tx13_2 ._left-slot_1tx13_115._disabled_1tx13_105,._input-wrapper_1tx13_2 ._right-slot_1tx13_116._disabled_1tx13_105{color:var(--white);cursor:not-allowed}._input-wrapper_1tx13_2 ._left-slot_1tx13_115._disabled_1tx13_105 ._addon-icon_1tx13_111 path,._input-wrapper_1tx13_2 ._right-slot_1tx13_116._disabled_1tx13_105 ._addon-icon_1tx13_111 path{fill:var(--white)}._input-wrapper_1tx13_2 ._left-slot_1tx13_115{justify-content:flex-end;margin-right:var(--clear-button-mg)}._input-wrapper_1tx13_2 ._right-slot_1tx13_116{margin-left:var(--clear-button-mg)}._input-wrapper_1tx13_2 ._clear_1tx13_147{align-self:center;width:16px;height:16px;margin-left:var(--clear-button-mg)}._input-wrapper_1tx13_2 ._clear_1tx13_147._disabled_1tx13_105{cursor:not-allowed}._input-wrapper_1tx13_2 svg{color:currentcolor;fill:currentcolor}._input-wrapper_1tx13_2:hover ._label_1tx13_26,._input-wrapper_1tx13_2:focus-within ._label_1tx13_26{color:var(--label-color)}._input-wrapper_1tx13_2:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1tx13_2:focus-within{background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._input-wrapper_1tx13_2._focused_1tx13_99{color:var(--input-color-active);background-color:var(--input-bg-color-active)}._input-wrapper_1tx13_2._focused_1tx13_99:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1tx13_2._disabled_1tx13_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_1tx13_2._disabled_1tx13_105:hover,._input-wrapper_1tx13_2._disabled_1tx13_105:active,._input-wrapper_1tx13_2._disabled_1tx13_105:focus{--label-color: var(--light-text);color:var(--light-text);background-color:var(--black-20);border-bottom:1px solid transparent;box-shadow:none}._input-wrapper_1tx13_2._disabled_1tx13_105::-moz-placeholder{color:var(--light-text)}._input-wrapper_1tx13_2._disabled_1tx13_105::placeholder{color:var(--light-text)}._input-wrapper_1tx13_2._disabled_1tx13_105:hover::-moz-placeholder{color:var(--light-text)}._input-wrapper_1tx13_2._disabled_1tx13_105:hover::placeholder{color:var(--light-text)}._s_1tx13_198{--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_1tx13_213{--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_1tx13_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_1tx13_242{--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_1tx13_254{--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_1tx13_254:hover{--label-color: var(--dark-text)}._default-gray_1tx13_242._success_1tx13_269,._default-white_1tx13_254._success_1tx13_269{--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_1tx13_242._success_1tx13_269::-moz-placeholder,._default-white_1tx13_254._success_1tx13_269::-moz-placeholder{color:var(--input-color)}._default-gray_1tx13_242._success_1tx13_269::placeholder,._default-white_1tx13_254._success_1tx13_269::placeholder{color:var(--input-color)}._default-gray_1tx13_242._success_1tx13_269:hover::-moz-placeholder,._default-white_1tx13_254._success_1tx13_269:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1tx13_242._success_1tx13_269:hover::placeholder,._default-white_1tx13_254._success_1tx13_269:hover::placeholder{color:var(--input-color)}._default-gray_1tx13_242._alarm_1tx13_289,._default-white_1tx13_254._alarm_1tx13_289{--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_1tx13_242._alarm_1tx13_289::-moz-placeholder,._default-white_1tx13_254._alarm_1tx13_289::-moz-placeholder{color:var(--input-color)}._default-gray_1tx13_242._alarm_1tx13_289::placeholder,._default-white_1tx13_254._alarm_1tx13_289::placeholder{color:var(--input-color)}._default-gray_1tx13_242._alarm_1tx13_289:hover::-moz-placeholder,._default-white_1tx13_254._alarm_1tx13_289:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1tx13_242._alarm_1tx13_289:hover::placeholder,._default-white_1tx13_254._alarm_1tx13_289:hover::placeholder{color:var(--input-color)}._default-gray_1tx13_242._error_1tx13_309,._default-white_1tx13_254._error_1tx13_309{--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_1tx13_242._error_1tx13_309::-moz-placeholder,._default-white_1tx13_254._error_1tx13_309::-moz-placeholder{color:var(--input-color)}._default-gray_1tx13_242._error_1tx13_309::placeholder,._default-white_1tx13_254._error_1tx13_309::placeholder{color:var(--input-color)}._default-gray_1tx13_242._error_1tx13_309:hover::-moz-placeholder,._default-white_1tx13_254._error_1tx13_309:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1tx13_242._error_1tx13_309:hover::placeholder,._default-white_1tx13_254._error_1tx13_309:hover::placeholder{color:var(--input-color)}
|
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: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);transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease}._input-wrapper_s0qp8_2 ._required-mark_s0qp8_16{display:block;flex:0 0 var(--input-required-mark-size);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:flex;max-width:var(--label-default-max-width);color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;-moz-column-gap:var(--mimir-space-xs);column-gap:var(--mimir-space-xs);transform-origin:left center;transition:transform .15s ease-out,font-size .15s ease-out,left .15s ease-out,color .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);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;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);transition:border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;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:flex;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;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{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{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;box-shadow:none}._input-wrapper_s0qp8_2._disabled_s0qp8_105::-moz-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::-moz-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::-moz-placeholder,._default-white_s0qp8_265._success_s0qp8_280::-moz-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::-moz-placeholder,._default-white_s0qp8_265._success_s0qp8_280:hover::-moz-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::-moz-placeholder,._default-white_s0qp8_265._alarm_s0qp8_300::-moz-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::-moz-placeholder,._default-white_s0qp8_265._alarm_s0qp8_300:hover::-moz-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::-moz-placeholder,._default-white_s0qp8_265._error_s0qp8_320::-moz-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::-moz-placeholder,._default-white_s0qp8_265._error_s0qp8_320:hover::-moz-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 +1 @@
|
|
1
|
-
._pagination-
|
1
|
+
._pagination-button_1rzjl_2{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--black-100);font-weight:var(--mimir-font-weight-text-medium);font-size:var(--mimir-size-text-l);font-family:var(--mimir-font-inter);background-color:transparent;border-radius:var(--mimir-control-radius);font-feature-settings:"zero"}._pagination-button_1rzjl_2:active{background-color:var(--pagination-active)}._pagination-button_1rzjl_2:focus-visible,._pagination-button_1rzjl_2:hover{color:var(--sapphire-normal);-webkit-text-decoration:none;text-decoration:none}._pagination-button_1rzjl_2._is-active_1rzjl_23{background-color:var(--pagination-active)}._pagination-button--date_1rzjl_26{width:auto;padding:var(--mimir-space-xs) var(--mimir-space-s)}._date-content_1rzjl_31{display:flex;gap:var(--mimir-space-2xs);align-items:center;font-weight:var(--mimir-font-weight-text-regular)}._date-text_1rzjl_38{font-size:var(--mimir-size-text-l);line-height:var(--mimir-line-height-text-s1)}._container_1rzjl_43{--pagination-active: #e5e5e5;display:flex;gap:var(--mimir-space-2xl);justify-content:center;margin:0 auto}._container_1rzjl_43:not(:last-child){margin-bottom:0 auto var(--mimir-space-xl)}._container--date-mode_1rzjl_53{gap:var(--mimir-space-l)}@media (max-width: 767.9px){._container_1rzjl_43,._container--date-mode_1rzjl_53{gap:var(--mimir-space-xs)}}._container_1rzjl_43 ._ellipsis_1rzjl_64{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}._disabled_1rzjl_69{pointer-events:none}._disabled_1rzjl_69 ._pagination-button_1rzjl_2{color:var(--disabled-color)}
|
@@ -1 +1 @@
|
|
1
|
-
.
|
1
|
+
._container_1x6qm_2{position:relative;z-index:10;display:block;align-items:center;height:var(--mimir-select-search-height);background-color:var(--black-5);border-radius:var(--mimir-select-search-radius)}._container-open_1x6qm_11{border-bottom:1px solid var(--citrine-100)}._options_1x6qm_15{position:absolute;z-index:5;width:100%;min-height:100%;max-height:var(--mimir-select-search-options-height);overflow-y:auto;font-size:var(--mimir-size-text-l);background:var(--white);box-shadow:var(--mimir-box-shadow-select-search)}._options_1x6qm_15._top_1x6qm_26{bottom:90%;margin-bottom:1px;padding-bottom:5px;border-radius:var(--mimir-select-search-radius) var(--mimir-select-search-radius) 0 0}._options_1x6qm_15._bottom_1x6qm_32{top:90%;margin-top:1px;padding-top:5px;border-radius:0 0 var(--mimir-select-search-radius) var(--mimir-select-search-radius)}._options_1x6qm_15._no-options_1x6qm_38{height:100%;padding:var(--mimir-select-search-option-space);color:var(--black-80)}._options_1x6qm_15::-webkit-scrollbar{width:3px}._options_1x6qm_15::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:var(--mimir-control-radius-xs2)}._options_1x6qm_15::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_1x6qm_15{max-height:var(--mimir-select-search-options-height-mobile)}}._select-search_1x6qm_59{position:relative;isolation:isolate}._select-search_1x6qm_59._disabled_1x6qm_63{cursor:not-allowed}._select-search_1x6qm_59:has([data-headlessui-state=open]){z-index:100}._select-search_1x6qm_59._border-radius-left_1x6qm_69 ._container_1x6qm_2,._select-search_1x6qm_59._border-radius-left_1x6qm_69 ._options_1x6qm_15._bottom_1x6qm_32,._select-search_1x6qm_59._border-radius-left_1x6qm_69 ._options_1x6qm_15._top_1x6qm_26{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._select-search_1x6qm_59._border-radius-right_1x6qm_81 ._container_1x6qm_2,._select-search_1x6qm_59._border-radius-right_1x6qm_81 ._options_1x6qm_15._bottom_1x6qm_32,._select-search_1x6qm_59._border-radius-right_1x6qm_81 ._options_1x6qm_15._top_1x6qm_26{border-top-left-radius:0!important;border-bottom-left-radius:0!important}._select-search_1x6qm_59._border-radius-none_1x6qm_93 ._container_1x6qm_2,._select-search_1x6qm_59._border-radius-none_1x6qm_93 ._options_1x6qm_15{border-radius:0!important}._full_1x6qm_100{width:100%}._selected-icon_1x6qm_104 path{fill:var(--sapphire-100)}._selector-icon-open_1x6qm_108{transform:rotate(180deg)}._button_1x6qm_112{display:flex;align-items:center;background:none;border:none;cursor:pointer}._button_1x6qm_112._disabled_1x6qm_63{cursor:not-allowed}._button_1x6qm_112._disabled_1x6qm_63 ._selector-icon_1x6qm_108 path{fill:var(--white)}._s_1x6qm_59{--mimir-select-search-height: var(--mimir-select-search-height-s);--mimir-select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--mimir-select-search-radius: var(--mimir-control-radius);--mimir-select-search-option-space: var(--mimir-space-xss) var(--mimir-space-m);--mimir-select-search-options-height: var( --mimir-select-search-options-height-mobile );--clear-right: var(--mimir-space-2xxl);--select-input-disabled-margin-right: var(--mimir-space-l);--required-mark-space-right: 5px}._m_1x6qm_140{--mimir-select-search-height: var(--mimir-select-search-height-l);--mimir-select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--mimir-select-search-radius: var(--mimir-control-radius);--mimir-select-search-option-space: var(--mimir-space-2s) var(--mimir-space-m);--mimir-select-search-options-height: var( --mimir-select-search-options-height-mobile );--clear-right: var(--mimir-space-2xxl);--select-input-disabled-margin-right: var(--mimir-space-l);--required-mark-space-right: 5px}._l_1x6qm_153{--mimir-select-search-height: var(--mimir-select-search-height-xxl);--mimir-select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--mimir-select-search-radius: var(--mimir-control-radius-s);--mimir-select-search-option-space: var(--mimir-space-2l) var(--mimir-space-m);--mimir-select-search-options-height: var( --mimir-select-search-options-height-desktop );--clear-right: var(--mimir-space-4xl);--select-input-disabled-margin-right: var(--mimir-space-1xl);--required-mark-space-right: var(--mimir-space-xs)}._select-search-input_1x6qm_166{width:100%!important}._select-search-input-disabled_1x6qm_169{margin-right:var(--select-input-disabled-margin-right)}._select-search-input_1x6qm_166:last-child{padding-right:var(--mimir-space-4xl)}._group-header_1x6qm_176{position:-webkit-sticky;position:sticky;top:0;z-index:2;display:flex;align-items:center;width:100%;padding:var(--mimir-select-search-option-space);background-color:var(--black-10);border-bottom:1px solid var(--black-20)}._group-header_1x6qm_176._sticky-active_1x6qm_187{box-shadow:0 2px 4px #0000001a}._loader_1x6qm_191{display:flex;gap:var(--mimir-space-m)}._input-container_1x6qm_196{position:relative;width:100%}._option_1x6qm_15{display:flex;gap:var(--mimir-space-m);align-items:center;width:100%;padding:var(--mimir-select-search-option-space);cursor:pointer;transition:background-color .2s ease-in-out}._option-active_1x6qm_210{background-color:var(--black-5)}._option-inner_1x6qm_213{display:flex;flex-direction:column;gap:var(--mimir-space-xs);width:100%}._right-slot_1x6qm_220{order:2;padding-top:0!important}._required-mark_1x6qm_225{order:1;margin-right:var(--required-mark-space-right)}._clear_1x6qm_230{position:absolute;top:50%;right:var(--clear-right);transform:translateY(-50%)}._clear_1x6qm_230._disabled_1x6qm_63{cursor:not-allowed}._clear_1x6qm_230._disabled_1x6qm_63 ._icon-button_1x6qm_239 path{fill:var(--white)}
|
package/dist/assets/TabTrail.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.
|
1
|
+
._container_14t2i_2{position:relative}._group_14t2i_6{--tab-indicator-color: var(--sapphire-normal);position:relative}._group-inner_14t2i_10{display:flex;gap:var(--mimir-space-4xl);align-items:center;margin-left:calc(var(--tab-trail-margin-left) * -1)}._tab_14t2i_17{position:relative;display:flex;gap:var(--mimir-space-2xs);align-items:center;height:var(--mimir-tab-trail-height);padding:0 var(--tab-padding);color:var(--disabled-color);font-weight:var(--mimir-font-weight-text-medium);font-size:var(--tab-trail-font-size);font-family:var(--mimir-font-montserrat)}._tab_14t2i_17[data-active=true]:after{background-color:var(--tab-indicator-color)!important}._tab_14t2i_17:after{position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:transparent;transition:background-color .3s ease;content:""}._tab_14t2i_17[data-selected]{color:var(--black-100)}._tab_14t2i_17[data-selected]:after{background-color:var(--sapphire-100)}._tab_14t2i_17:not([data-selected]){filter:grayscale(100%) opacity(.7)}._tab_14t2i_17:not([data-selected]):after{background-color:var(--white)}._list_14t2i_55{display:flex;align-items:center;overflow:auto;white-space:nowrap;scroll-behavior:smooth}._list_14t2i_55::-webkit-scrollbar{display:none}._tabs_14t2i_66{display:flex;align-items:center;padding-top:var(--tabs-padding-top)}._buttons_14t2i_72{position:relative;display:flex;height:100%;max-height:40px}._m_14t2i_79{--tab-trail-font-size: var(--mimir-size-text-xl3);--mimir-tab-trail-height: var(--mimir-tab-trail-height-m);--tabs-padding-top: var(--mimir-space-xs);--tab-padding: var(--mimir-space-m);--tab-trail-margin-left: var(--mimir-space-m)}._s_14t2i_87{--tab-trail-font-size: var(--mimir-size-text-xl);--mimir-tab-trail-height: var(--mimir-tab-trail-height-s);--tabs-padding-top: var(--mimir-space-3xs);--tab-padding: var(--mimir-space-s);--tab-trail-margin-left: var(--mimir-space-s)}._detailed_14t2i_95 ._tab_14t2i_17{min-width:264px;min-height:78px;padding:var(--mimir-space-m) 11px 11px var(--mimir-space-m);border-radius:0;box-shadow:0 4px 8px #70393b14;background-color:var(--white);flex-direction:column;align-items:flex-start;gap:var(--mimir-space-2xs);margin-right:1px}._detailed_14t2i_95 ._tab_14t2i_17:first-child{border-radius:var(--mimir-control-radius) 0 0 var(--mimir-control-radius)}._detailed_14t2i_95 ._tab_14t2i_17:last-child{border-radius:0 var(--mimir-control-radius) var(--mimir-control-radius) 0;margin-right:0}._detailed_14t2i_95 ._tab_14t2i_17[data-active=true]{border-bottom:var(--mimir-space-1xs) solid var(--detailed-border-color, var(--black-80))}._detailed_14t2i_95 ._tab_14t2i_17:after{display:none}._detailed_14t2i_95 ._tab_14t2i_17:not([data-selected]){filter:none}._detailed_14t2i_95 ._tab_14t2i_17 ._tab-content_14t2i_123{width:100%;display:flex;flex-direction:column;gap:var(--mimir-space-2xs);align-items:flex-start;text-align:left}._detailed_14t2i_95 ._tab_14t2i_17 ._tab-content_14t2i_123 ._tab-value_14t2i_131{font-family:var(--mimir-font-inter);font-weight:var(--mimir-font-weight-text-semibold);font-size:var(--mimir-size-text-xl);line-height:var(--mimir-line-height-text-l);color:var(--detailed-value-color, var(--black-60));word-break:break-word;width:100%}._detailed_14t2i_95 ._tab_14t2i_17 ._tab-content_14t2i_123 ._tab-name_14t2i_140{font-family:var(--mimir-font-inter);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-s);line-height:var(--mimir-line-height-text-xss1);color:var(--black-60);word-break:break-word;width:100%}._detailed_14t2i_95 ._tab_14t2i_17 ._tab-content_14t2i_123 ._tab-header_14t2i_149{display:flex;justify-content:space-between;align-items:flex-start;width:100%}._detailed_14t2i_95 ._tab_14t2i_17 ._tab-content_14t2i_123 ._tab-header_14t2i_149 ._tab-text_14t2i_155{display:flex;flex-direction:column;gap:var(--mimir-space-2xs);flex:1;min-width:0}._detailed_14t2i_95 ._tab_14t2i_17 ._tab-content_14t2i_123 ._tab-header_14t2i_149 ._tab-icon_14t2i_162{flex-shrink:0;margin-left:var(--mimir-space-xs);height:24px;align-self:end}
|
package/dist/assets/index.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
@font-face{font-weight:400;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Regular.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Regular.woff) format("woff")}@font-face{font-weight:700;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Bold.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Bold.woff) format("woff")}@font-face{font-weight:300;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Light.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Light.woff) format("woff")}@font-face{font-weight:500;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Medium.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Medium.woff) format("woff")}@font-face{font-weight:600;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-SemiBold.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-SemiBold.woff) format("woff")}@font-face{font-weight:400;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-Regular.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:700;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-Bold.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:500;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-Medium.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:600;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-SemiBold.woff2) format("woff2");font-variant-numeric:slashed-zero}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}:root{font-feature-settings:"zero"}*{margin:0;padding:0;border:0;outline:none}*,:after,:before{box-sizing:border-box}:active,:focus{outline:0}a,a:visited,a:hover{-webkit-text-decoration:none;text-decoration:none}a:active,a:focus{outline:0}button,input,textarea,select{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;background-clip:text;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:root{--sapphire-100: #2355d7;--sapphire-90: #3564df;--sapphire-80: #4b75e2;--sapphire-70: #6186e6;--sapphire-60: #7797e9;--sapphire-50: #8da7ed;--sapphire-40: #9fb7f4;--sapphire-30: #b9caf4;--sapphire-20: #cfdaf7;--sapphire-10: #e5ebfb;--citrine-100: #ff7900;--citrine-90: #ff861a;--citrine-80: #ff9433;--citrine-70: #ffa14d;--citrine-60: #ffaf66;--citrine-50: #ffbc80;--citrine-40: #ffc999;--citrine-30: #ffd7b2;--citrine-20: #ffe4cc;--citrine-10: #fff2e5;--magenta-100: #bc2251;--magenta-90: #d8275d;--magenta-80: #dc3d6d;--magenta-70: #e15781;--magenta-60: #e46c91;--magenta-50: #e986a4;--magenta-40: #ed9cb4;--magenta-30: #f2b6c8;--magenta-20: #f6cbd8;--magenta-10: #fae5ec;--purple-normal: #8a2be2;--purple-bg-active: #fae1fa;--black-100: #000;--black-95: #0d0d0d;--black-90: #1a1a1a;--black-85: #262626;--black-80: #333;--black-75: #404040;--black-70: #4d4d4d;--black-65: #595959;--black-60: #666;--black-55: #737373;--black-50: #808080;--black-45: #8c8c8c;--black-40: #999;--black-35: #a6a6a6;--black-30: #b3b3b3;--black-25: #bfbfbf;--black-20: #ccc;--black-15: #d9d9d9;--black-10: #e6e6e6;--black-5: #f2f2f2;--white: #fff;--dark-blue: #0a38af;--blue-40: #a7bbef;--blue-20: #d3ddf7;--green: #1b770c;--red-tag: #f01406;--success-normal: #23b413;--success-bg-hover: #d5fbe2;--success-bg-active: #ebfdf1;--alarm-normal: #fdc023;--alarm-bg-hover: #fff0c7;--alarm-bg-active: #fff6de;--error-normal: #e64646;--error-bg-hover: #fadbdb;--error-bg-active: #fbe3e3;--disabled: #b3b3b3;--disabled-color: #b2b2b2;--light-text: var(--white);--dark-text: var(--black-100);--sapphire-normal: var(--sapphire-100);--sapphire-hover: #1b41a3;--sapphire-active: #122c70;--citrine-normal: var(--citrine-100);--citrine-hover: #e56d00;--citrine-active: #cc6100;--asphalt-border: var(--black-30);--asphalt-normal: var(--black-80);--asphalt-hover: var(--black-90);--asphalt-active: var(--black-100);--gray-normal: var(--black-5);--gray-hover: var(--black-10);--gray-active: var(--black-80);--white-normal: var(--white);--white-hover: var(--black-5);--white-transparent: rgba(255, 255, 255, .4);--white-active: var(--black-80);--red-normal: var(--error-normal);--red-hover: #e33030;--red-active: #dc1e1e;--green-normal: var(--green);--green-hover: #16610a;--green-active: #114a08;--counter-text: #ffa066;--gos-znak-traffic-background-color: #fede0c;--gos-znak-military-background-color: var(--black-80);--gos-znak-police-background-color: #4478ff;--gos-znak-diplomatic-background-color: #e64646;--gos-znak-diplomatic-country-color: #f5b7b7;--button-height-ms: 16px;--button-height-xs: 24px;--button-height-s: 32px;--button-height-m: 40px;--button-height-l: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--mimir-select-search-height-s: 40px;--mimir-select-search-height-l: 48px;--mimir-select-search-height-xxl: 64px;--mimir-select-search-options-height-desktop: 320px;--mimir-select-search-options-height-mobile: 264px;--mimir-control-default: var(--sapphire-20);--mimir-control-hover: var(--sapphire-40);--mimir-control-selected: var(--sapphire-100);--mimir-control-disabled: var(--black-10);--mimir-font-inter: "Inter", sans-serif;--mimir-font-montserrat: "Montserrat", sans-serif;--mimir-font-weight-text-regular: 400;--mimir-font-weight-text-medium: 500;--mimir-font-weight-text-semibold: 600;--mimir-font-weight-text-bold: 700;--mimir-font-weight-text-extrabold: 800;--mimir-font-weight-text-black: 900;--mimir-size-text-xs2: 8px;--mimir-size-text-xs: 10px;--mimir-size-text-s: 12px;--mimir-size-text-m: 14px;--mimir-size-text-l: 16px;--mimir-size-text-l2: 18px;--mimir-size-text-xl: 20px;--mimir-size-text-xl2: 24px;--mimir-size-text-3xl: 26px;--mimir-size-text-2xl: 28px;--mimir-size-text-xl3: 32px;--mimir-size-text-xl4: 48px;--mimir-size-text-4xl: 52px;--mimir-size-text-5xl: 56px;--mimir-size-text-xl5: 72px;--mimir-size-text-xl6: 96px;--mimir-line-height-text-2xs: 1em;--mimir-line-height-text-xxs: 1.125em;--mimir-line-height-text-xs: 1.1em;--mimir-line-height-text-xss: 1.12em;--mimir-line-height-text-xss1: 1.17em;--mimir-line-height-text-s: 1.2em;--mimir-line-height-text-s1: 1.25em;--mimir-line-height-text-m: 1.3em;--mimir-line-height-text-m1: 1.35em;--mimir-line-height-text-l: 1.4em;--mimir-line-height-text-l1: 1.45em;--mimir-line-height-text-xl: 1.5em;--mimir-line-height-text-xl1: 1.5em;--mimir-control-radius-xs2: 2px;--mimir-control-radius-xs: 4px;--mimir-control-radius-xs1: 5px;--mimir-control-radius: 6px;--mimir-control-radius-s: 8px;--mimir-control-radius-m-s: 16px;--mimir-control-radius-m: 20px;--mimir-control-radius-l: 24px;--mimir-control-radius-xl: 32px;--mimir-control-radius-xxl: 40px;--mimir-control-input-radius: 12px;--mimir-control-border-width: 1px;--mimir-control-space-xs: var(--mimir-space-s);--mimir-control-space-l: var(--mimir-space-xl);--mimir-control-space-xxl: var(--mimir-space-xl);--mimir-control-text-size-2xl: var(--mimir-size-text-xl);--mimir-control-text-size-xl: var(--mimir-size-text-xl3);--mimir-control-text-size-l: var(--mimir-size-text-l);--mimir-control-text-size-m: var(--mimir-size-text-m);--mimir-control-text-size-s: var(--mimir-size-text-s);--mimir-control-text-size-xs: var(--mimir-size-text-xs);--mimir-space-3xs: 2px;--mimir-space-2xs: 4px;--mimir-space-1xs: 6px;--mimir-space-xs: 8px;--mimir-space-xss: 10px;--mimir-space-s: 12px;--mimir-space-2s: 14px;--mimir-space-m: 16px;--mimir-space-2m: 18px;--mimir-space-l: 20px;--mimir-space-2l: 22px;--mimir-space-xl: 24px;--mimir-space-1xl: 28px;--mimir-space-2xl: 32px;--mimir-space-2xxl: 36px;--mimir-space-xxl: 40px;--mimir-space-3xl: 44px;--mimir-space-4xl: 48px;--mimir-space-5xl: 56px;--mimir-space-4xxl: 64px;--mimir-space-5xxl: 72px;--mimir-space-6xl: 96px;--mimir-box-shadow-active: 0 0 2px var(--sapphire-normal);--mimir-box-shadow-focus: 0px 0px 10px 2px #1389cc;--mimir-box-shadow-default: 0 0 4px 0 #1389cc;--mimir-box-shadow-select-search: 0 3px 15px 0 rgba(31, 32, 35, .15);--mimir-select-search-input-top-l: -15%;--mimir-select-search-input-top-xxl: -35%;--mimir-container-width-xs: 375px;--mimir-container-width-s: 767px;--mimir-container-width-m: 960px;--mimir-container-width-l: 1280px;--mimir-container-width-xl: 1440px;--mimir-container-width-xxl: 1920px;--mimir-zindex-dropdown: 1000;--mimir-zindex-sticky: 1020;--mimir-zindex-fixed: 1030;--mimir-zindex-modal-backdrop: 1040;--mimir-zindex-modal: 1050;--mimir-zindex-popover: 1060;--mimir-zindex-tooltip: 1070;--mimir-zindex-toasts-list: 2147483647;--sidebar-width-collapsed: 64px;--sidebar-width-expanded: 256px;--sidebar-form-width-tablet: 369px;--sidebar-form-width-mobile: 309px;--header-height: 64px;--mimir-tab-trail-height-m: 58px;--mimir-tab-trail-height-s: 36px;--mimir-accordion-icon-circle-size-m: 48px;--mimir-accordion-icon-circle-size-s: 36px;--mimir-accordion-icon-square-size-m: 40px;--mimir-accordion-icon-square-size-s: 32px}@supports (font-variation-settings: normal){:root{font-family:Inter,sans-serif}}:root{font-feature-settings:"zero";font-variant-numeric:slashed-zero}body{font-family:Inter,sans-serif;font-feature-settings:"zero";font-variant-numeric:slashed-zero;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
|
1
|
+
@font-face{font-weight:400;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Regular.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Regular.woff) format("woff")}@font-face{font-weight:700;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Bold.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Bold.woff) format("woff")}@font-face{font-weight:300;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Light.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Light.woff) format("woff")}@font-face{font-weight:500;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Medium.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Medium.woff) format("woff")}@font-face{font-weight:600;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-SemiBold.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-SemiBold.woff) format("woff")}@font-face{font-weight:400;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-Regular.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:700;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-Bold.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:500;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-Medium.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:600;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-SemiBold.woff2) format("woff2");font-variant-numeric:slashed-zero}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}:root{font-feature-settings:"zero"}*{margin:0;padding:0;border:0;outline:none}*,:after,:before{box-sizing:border-box}:active,:focus{outline:0}a,a:visited,a:hover{-webkit-text-decoration:none;text-decoration:none}a:active,a:focus{outline:0}button,input,textarea,select{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;background-clip:text;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:root{--sapphire-100: #2355d7;--sapphire-90: #3564df;--sapphire-80: #4b75e2;--sapphire-70: #6186e6;--sapphire-60: #7797e9;--sapphire-50: #8da7ed;--sapphire-40: #9fb7f4;--sapphire-30: #b9caf4;--sapphire-20: #cfdaf7;--sapphire-10: #e5ebfb;--citrine-100: #ff7900;--citrine-90: #ff861a;--citrine-80: #ff9433;--citrine-70: #ffa14d;--citrine-60: #ffaf66;--citrine-50: #ffbc80;--citrine-40: #ffc999;--citrine-30: #ffd7b2;--citrine-20: #ffe4cc;--citrine-10: #fff2e5;--magenta-100: #bc2251;--magenta-90: #d8275d;--magenta-80: #dc3d6d;--magenta-70: #e15781;--magenta-60: #e46c91;--magenta-50: #e986a4;--magenta-40: #ed9cb4;--magenta-30: #f2b6c8;--magenta-20: #f6cbd8;--magenta-10: #fae5ec;--purple-normal: #8a2be2;--purple-bg-active: #fae1fa;--black-100: #000;--black-95: #0d0d0d;--black-90: #1a1a1a;--black-85: #262626;--black-80: #333;--black-75: #404040;--black-70: #4d4d4d;--black-65: #595959;--black-60: #666;--black-55: #737373;--black-50: #808080;--black-45: #8c8c8c;--black-40: #999;--black-35: #a6a6a6;--black-30: #b3b3b3;--black-25: #bfbfbf;--black-20: #ccc;--black-15: #d9d9d9;--black-10: #e6e6e6;--black-5: #f2f2f2;--white: #fff;--dark-blue: #0a38af;--blue-40: #a7bbef;--blue-20: #d3ddf7;--green: #1b770c;--red-tag: #f01406;--success-normal: #23b413;--success-bg-hover: #d5fbe2;--success-bg-active: #ebfdf1;--alarm-normal: #fdc023;--alarm-bg-hover: #fff0c7;--alarm-bg-active: #fff6de;--error-normal: #e64646;--error-bg-hover: #fadbdb;--error-bg-active: #fbe3e3;--disabled: #b3b3b3;--disabled-color: #b2b2b2;--light-text: var(--white);--dark-text: var(--black-100);--sapphire-normal: var(--sapphire-100);--sapphire-hover: #1b41a3;--sapphire-active: #122c70;--citrine-normal: var(--citrine-100);--citrine-hover: #e56d00;--citrine-active: #cc6100;--asphalt-border: var(--black-30);--asphalt-normal: var(--black-80);--asphalt-hover: var(--black-90);--asphalt-active: var(--black-100);--gray-normal: var(--black-5);--gray-hover: var(--black-10);--gray-active: var(--black-80);--white-normal: var(--white);--white-hover: var(--black-5);--white-transparent: rgba(255, 255, 255, .4);--white-active: var(--black-80);--red-normal: var(--error-normal);--red-hover: #e33030;--red-active: #dc1e1e;--green-normal: var(--green);--green-hover: #16610a;--green-active: #114a08;--counter-text: #ffa066;--gos-znak-traffic-background-color: #fede0c;--gos-znak-military-background-color: var(--black-80);--gos-znak-police-background-color: #4478ff;--gos-znak-diplomatic-background-color: #e64646;--gos-znak-diplomatic-country-color: #f5b7b7;--button-height-ms: 16px;--button-height-xs: 24px;--button-height-s: 32px;--button-height-m: 40px;--button-height-l: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--mimir-select-search-height-s: 40px;--mimir-select-search-height-l: 48px;--mimir-select-search-height-xxl: 64px;--mimir-select-search-options-height-desktop: 320px;--mimir-select-search-options-height-mobile: 264px;--mimir-control-default: var(--sapphire-20);--mimir-control-hover: var(--sapphire-40);--mimir-control-selected: var(--sapphire-100);--mimir-control-disabled: var(--black-10);--mimir-font-inter: "Inter", sans-serif;--mimir-font-montserrat: "Montserrat", sans-serif;--mimir-font-weight-text-regular: 400;--mimir-font-weight-text-medium: 500;--mimir-font-weight-text-semibold: 600;--mimir-font-weight-text-bold: 700;--mimir-font-weight-text-extrabold: 800;--mimir-font-weight-text-black: 900;--mimir-size-text-xs2: 8px;--mimir-size-text-xs: 10px;--mimir-size-text-s: 12px;--mimir-size-text-m: 14px;--mimir-size-text-l: 16px;--mimir-size-text-l2: 18px;--mimir-size-text-xl: 20px;--mimir-size-text-xl2: 24px;--mimir-size-text-3xl: 26px;--mimir-size-text-2xl: 28px;--mimir-size-text-xl3: 32px;--mimir-size-text-xl4: 48px;--mimir-size-text-4xl: 52px;--mimir-size-text-5xl: 56px;--mimir-size-text-xl5: 72px;--mimir-size-text-xl6: 96px;--mimir-line-height-text-2xs: 1em;--mimir-line-height-text-xxs: 1.125em;--mimir-line-height-text-xs: 1.1em;--mimir-line-height-text-xss: 1.12em;--mimir-line-height-text-xss1: 1.17em;--mimir-line-height-text-s: 1.2em;--mimir-line-height-text-s1: 1.25em;--mimir-line-height-text-m: 1.3em;--mimir-line-height-text-m1: 1.35em;--mimir-line-height-text-l: 1.4em;--mimir-line-height-text-l1: 1.45em;--mimir-line-height-text-xl: 1.5em;--mimir-line-height-text-xl1: 1.5em;--mimir-control-radius-xs2: 2px;--mimir-control-radius-xs: 4px;--mimir-control-radius-xs1: 5px;--mimir-control-radius: 6px;--mimir-control-radius-s: 8px;--mimir-control-radius-m-s: 16px;--mimir-control-radius-m: 20px;--mimir-control-radius-l-m: 22px;--mimir-control-radius-l: 24px;--mimir-control-radius-xl: 32px;--mimir-control-radius-xxl: 40px;--mimir-control-input-radius: 12px;--mimir-control-border-width: 1px;--mimir-control-space-xs: var(--mimir-space-s);--mimir-control-space-l: var(--mimir-space-xl);--mimir-control-space-xxl: var(--mimir-space-xl);--mimir-control-text-size-2xl: var(--mimir-size-text-xl);--mimir-control-text-size-xl: var(--mimir-size-text-xl3);--mimir-control-text-size-l: var(--mimir-size-text-l);--mimir-control-text-size-m: var(--mimir-size-text-m);--mimir-control-text-size-s: var(--mimir-size-text-s);--mimir-control-text-size-xs: var(--mimir-size-text-xs);--mimir-space-3xs: 2px;--mimir-space-2xs: 4px;--mimir-space-1xs: 6px;--mimir-space-xs: 8px;--mimir-space-xss: 10px;--mimir-space-s: 12px;--mimir-space-2s: 14px;--mimir-space-m: 16px;--mimir-space-2m: 18px;--mimir-space-l: 20px;--mimir-space-2l: 22px;--mimir-space-xl: 24px;--mimir-space-1xl: 28px;--mimir-space-2xl: 32px;--mimir-space-2xxl: 36px;--mimir-space-xxl: 40px;--mimir-space-3xl: 44px;--mimir-space-4xl: 48px;--mimir-space-5xl: 56px;--mimir-space-4xxl: 64px;--mimir-space-5xxl: 72px;--mimir-space-6xl: 96px;--mimir-box-shadow-active: 0 0 2px var(--sapphire-normal);--mimir-box-shadow-focus: 0px 0px 10px 2px #1389cc;--mimir-box-shadow-default: 0 0 4px 0 #1389cc;--mimir-box-shadow-select-search: 0 3px 15px 0 rgba(31, 32, 35, .15);--mimir-select-search-input-top-l: -15%;--mimir-select-search-input-top-xxl: -35%;--mimir-container-width-xs: 375px;--mimir-container-width-s: 767px;--mimir-container-width-m: 960px;--mimir-container-width-l: 1280px;--mimir-container-width-xl: 1440px;--mimir-container-width-xxl: 1920px;--mimir-zindex-dropdown: 1000;--mimir-zindex-sticky: 1020;--mimir-zindex-fixed: 1030;--mimir-zindex-modal-backdrop: 1040;--mimir-zindex-modal: 1050;--mimir-zindex-popover: 1060;--mimir-zindex-tooltip: 1070;--mimir-zindex-toasts-list: 2147483647;--sidebar-width-collapsed: 64px;--sidebar-width-expanded: 256px;--sidebar-form-width-tablet: 369px;--sidebar-form-width-mobile: 309px;--header-height: 64px;--mimir-tab-trail-height-m: 58px;--mimir-tab-trail-height-s: 36px;--mimir-accordion-icon-circle-size-m: 48px;--mimir-accordion-icon-circle-size-s: 36px;--mimir-accordion-icon-square-size-m: 40px;--mimir-accordion-icon-square-size-s: 32px}@supports (font-variation-settings: normal){:root{font-family:Inter,sans-serif}}:root{font-feature-settings:"zero";font-variant-numeric:slashed-zero}body{font-family:Inter,sans-serif;font-feature-settings:"zero";font-variant-numeric:slashed-zero;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
|
package/dist/assets/styles.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
._input-field-group-
|
1
|
+
._input-field-group-datePicker_qlncs_3{display:flex;flex-direction:column;gap:var(--mimir-space-2xs)}._input-field-group-datePicker_qlncs_3._full_qlncs_8{width:100%}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11{--border-color: var(--citrine-100);position:relative;display:flex;align-items:center;border-radius:var(--mimir-control-radius-s)}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11 ._date-wrapper_qlncs_18{position:relative;width:100%}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11 ._date-wrapper_qlncs_18 ._input-wrapper_qlncs_22{flex:1}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11 ._date-wrapper_qlncs_18 ._input-wrapper_qlncs_22 ._right-slot_qlncs_25{order:2;padding-top:0}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11 ._date-wrapper_qlncs_18 ._inputBorderControl_qlncs_29{border:transparent}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11 ._date-wrapper_qlncs_18:hover ._input-wrapper_qlncs_22{background-color:var(--input-bg-color-hover)}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11 ._date-wrapper_qlncs_18:before{position:absolute;top:0;right:45px;bottom:0;left:0;z-index:3;cursor:pointer;content:""}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11 ._date-wrapper_qlncs_18._editable_qlncs_42:before{display:none}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11 ._date-wrapper_qlncs_18 svg{cursor:pointer}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11 ._date-wrapper_qlncs_18._border-radius-left_qlncs_48 ._input-wrapper_qlncs_22{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11 ._date-wrapper_qlncs_18._border-radius-right_qlncs_52 ._input-wrapper_qlncs_22{border-top-left-radius:0!important;border-bottom-left-radius:0!important}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11 ._date-wrapper_qlncs_18._border-radius-none_qlncs_56 ._input-wrapper_qlncs_22{border-radius:0!important}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11:has([data-status=error]){--border-color: var(--error-normal)}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11:has([data-status=success]){--border-color: var(--success-normal)}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11:has([data-status=alarm]){--border-color: var(--alarm-normal)}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11._active_qlncs_68{border-bottom:1px solid var(--border-color)}._input-field-group-datePicker_qlncs_3 ._textError_qlncs_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_qlncs_18:before{cursor:auto}[data-disabled=true] ._date-wrapper_qlncs_18 ._input-wrapper_qlncs_22{background:var(--black-20)}[data-disabled=true] ._date-wrapper_qlncs_18 ._input-wrapper_qlncs_22 label,[data-disabled=true] ._date-wrapper_qlncs_18 ._input-wrapper_qlncs_22 input{color:var(--white)}[data-disabled=true] ._button-wrapper_qlncs_90 svg{color:var(--white);cursor:default;fill:var(--white)}._button-wrapper_qlncs_90{position:absolute;top:0;right:0;z-index:2;display:flex;justify-content:center;width:44px;height:100%;max-height:var(--button-height-xxl)}._button_qlncs_90{align-self:center;background-color:transparent;border-radius:var(--mimir-control-radius-s)}._calendar-block_qlncs_114{position:absolute;z-index:var(--mimir-zindex-dropdown);display:flex;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);box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703;opacity:0;transition:height .5s ease-in;font-feature-settings:"zero";font-variant-numeric:slashed-zero}._calendar-block_qlncs_114 ._h_qlncs_136{display:flex;width:100%;color:var(--black-100)}._calendar-block_qlncs_114 ._b_qlncs_48{display:grid;grid-template-columns:repeat(7,1fr)}._calendar-block_qlncs_114 ._d_qlncs_18{display:flex;flex:1;gap:var(--mimir-space-2xs);align-items:center;justify-content:center;color:var(--black-100);font-size:var(--mimir-size-text-l);cursor:pointer}._calendar-block_qlncs_114 ._m_qlncs_158,._calendar-block_qlncs_114 ._a_qlncs_68,._calendar-block_qlncs_114 ._prev_qlncs_160{width:auto;height:48px;overflow:hidden}._calendar-block_qlncs_114 ._m_qlncs_158{display:flex;align-items:center;justify-content:center;color:var(--disabled);font-size:var(--mimir-size-text-l)}._calendar-block_qlncs_114 ._orange_qlncs_174{color:var(--citrine-100)}._calendar-block_qlncs_114 ._a_qlncs_68{color:var(--black-100);font-size:var(--mimir-size-text-l);border-radius:var(--mimir-control-radius-s)}._calendar-block_qlncs_114 ._a_qlncs_68:hover{background:var(--black-10)}._calendar-block_qlncs_114 ._a_qlncs_68:active{color:var(--white);background:var(--sapphire-100)}._calendar-block_qlncs_114 ._current_qlncs_191{background:var(--sapphire-10);border-radius:var(--mimir-control-radius-s)}._calendar-block_qlncs_114 ._monthGrid_qlncs_196{display:grid;grid-template-columns:repeat(3,1fr)}._icon-button_qlncs_201{display:flex}
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { TAvatarProps } from './types';
|
2
2
|
|
3
|
-
export declare const Avatar: import('react').MemoExoticComponent<({ size, className, notificationsCount, src, alt }: TAvatarProps) => import("react/jsx-runtime").JSX.Element>;
|
3
|
+
export declare const Avatar: import('react').MemoExoticComponent<({ size, className, notificationsCount, src, alt, variant }: TAvatarProps) => import("react/jsx-runtime").JSX.Element>;
|
@@ -1,49 +1,53 @@
|
|
1
|
-
import { jsxs as
|
2
|
-
import { c } from "../../index-DIxK0V-G.js";
|
3
|
-
import { memo as
|
4
|
-
import { EAvatarSize as
|
5
|
-
import { Icon as
|
6
|
-
import { AppImage as
|
7
|
-
import { NotificationBadge as
|
8
|
-
import '../../assets/Avatar.css';const
|
9
|
-
avatar:
|
10
|
-
image:
|
11
|
-
s:
|
12
|
-
m:
|
13
|
-
l:
|
14
|
-
default: "
|
15
|
-
|
1
|
+
import { jsxs as c, jsx as r } from "react/jsx-runtime";
|
2
|
+
import { c as p } from "../../index-DIxK0V-G.js";
|
3
|
+
import { memo as l } from "react";
|
4
|
+
import { EAvatarSize as o, EAvatarVariant as g } from "./constants.js";
|
5
|
+
import { Icon as f } from "../../icons/Icon.js";
|
6
|
+
import { AppImage as u } from "../Image/Image.js";
|
7
|
+
import { NotificationBadge as v } from "../NotificationBadge/NotificationBadge.js";
|
8
|
+
import '../../assets/Avatar.css';const d = "_avatar_1oere_2", x = "_image_1oere_11", A = "_s_1oere_17", I = "_m_1oere_22", N = "_l_1oere_27", h = "_withoutImage_1oere_32", b = "_orange_1oere_42", w = "_blue_1oere_52", a = {
|
9
|
+
avatar: d,
|
10
|
+
image: x,
|
11
|
+
s: A,
|
12
|
+
m: I,
|
13
|
+
l: N,
|
14
|
+
default: "_default_1oere_32",
|
15
|
+
withoutImage: h,
|
16
|
+
orange: b,
|
17
|
+
blue: w
|
18
|
+
}, E = l(
|
16
19
|
({
|
17
|
-
size:
|
18
|
-
className:
|
19
|
-
notificationsCount:
|
20
|
-
src:
|
21
|
-
alt:
|
20
|
+
size: t = o.M,
|
21
|
+
className: i,
|
22
|
+
notificationsCount: m = 0,
|
23
|
+
src: e,
|
24
|
+
alt: s = "User avatar",
|
25
|
+
variant: _ = g.DEFAULT
|
22
26
|
}) => {
|
23
|
-
const
|
24
|
-
return /* @__PURE__ */
|
27
|
+
const n = t === o.S || t === o.M ? { top: "8px", left: "-8px" } : { top: "12px", left: "-12px" };
|
28
|
+
return /* @__PURE__ */ c(
|
25
29
|
"div",
|
26
30
|
{
|
27
|
-
className:
|
28
|
-
[
|
31
|
+
className: p(a.avatar, a[t], a[_], i, {
|
32
|
+
[a.withoutImage]: !e
|
29
33
|
}),
|
30
34
|
"data-testid": "avatar-container",
|
31
35
|
children: [
|
32
|
-
|
33
|
-
|
36
|
+
e ? /* @__PURE__ */ r(
|
37
|
+
u,
|
34
38
|
{
|
35
|
-
src:
|
36
|
-
alt:
|
37
|
-
className:
|
39
|
+
src: e,
|
40
|
+
alt: s,
|
41
|
+
className: a.image,
|
38
42
|
"data-testid": "avatar-image"
|
39
43
|
}
|
40
|
-
) : /* @__PURE__ */ r(
|
41
|
-
!!
|
42
|
-
|
44
|
+
) : /* @__PURE__ */ r(f, { iconName: "User16px" }),
|
45
|
+
!!m && /* @__PURE__ */ r(
|
46
|
+
v,
|
43
47
|
{
|
44
|
-
count:
|
45
|
-
position:
|
46
|
-
size:
|
48
|
+
count: m,
|
49
|
+
position: n,
|
50
|
+
size: t === o.S ? "s" : "m",
|
47
51
|
absolute: !0
|
48
52
|
}
|
49
53
|
)
|
@@ -52,7 +56,7 @@ import '../../assets/Avatar.css';const u = "_avatar_bbuza_2", d = "_image_bbuza_
|
|
52
56
|
);
|
53
57
|
}
|
54
58
|
);
|
55
|
-
|
59
|
+
E.displayName = "Avatar";
|
56
60
|
export {
|
57
|
-
|
61
|
+
E as Avatar
|
58
62
|
};
|
@@ -1,4 +1,5 @@
|
|
1
|
-
var
|
1
|
+
var u = /* @__PURE__ */ ((e) => (e.S = "s", e.M = "m", e.L = "l", e))(u || {}), l = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.ORANGE = "orange", e.BLUE = "blue", e))(l || {});
|
2
2
|
export {
|
3
|
-
|
3
|
+
u as EAvatarSize,
|
4
|
+
l as EAvatarVariant
|
4
5
|
};
|