mimir-ui-kit 1.34.13 → 1.35.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/Input-B-gKQ9FT.js +219 -0
- package/dist/assets/Input.css +1 -1
- package/dist/assets/SelectSearch.css +1 -1
- package/dist/assets/index.css +1 -1
- package/dist/components/Accordion/Accordion.d.ts +2 -2
- package/dist/components/Accordion/AccordionItem/AccordionItem.d.ts +4 -4
- package/dist/components/Accordion/AccordionItem/index.d.ts +1 -1
- package/dist/components/Accordion/index.d.ts +1 -1
- package/dist/components/DatePicker/DatePicker.js +1 -1
- package/dist/components/Input/Input.d.ts +8 -0
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Input/index.js +1 -1
- package/dist/components/Input/types.d.ts +6 -2
- package/dist/components/InputPassword/InputPassword.js +1 -1
- package/dist/components/InputPhoneNumber/InputPhoneNumber.js +1 -1
- package/dist/components/OtpInput/OtpInput.js +1 -1
- package/dist/components/SelectSearch/SelectSearch.d.ts +1 -1
- package/dist/components/SelectSearch/SelectSearch.js +891 -860
- package/dist/components/SelectSearch/types.d.ts +1 -1
- package/dist/components/TextArea/TextArea.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -2
- package/dist/Input-DGr0q5AJ.js +0 -210
- package/dist/assets/fonts/11d5bc9f0cad36d1.woff2 +0 -0
- package/dist/assets/fonts/1a738bfdbc1e4d9d.woff +0 -0
- package/dist/assets/fonts/242d04bef81519ae.woff2 +0 -0
- package/dist/assets/fonts/3b9f59412b17ff93.woff +0 -0
- package/dist/assets/fonts/3cdd7fabbe89d2b9.woff +0 -0
- package/dist/assets/fonts/43b748f250df0f08.woff +0 -0
- package/dist/assets/fonts/585d10920d676fcd.woff2 +0 -0
- package/dist/assets/fonts/63611593e008a77c.woff2 +0 -0
- package/dist/assets/fonts/badaa6d1837432de.woff +0 -0
- package/dist/assets/fonts/cac2ba46e8c8adc9.woff2 +0 -0
- package/dist/assets/fonts/d080ae18fd04e52c.woff2 +0 -0
- package/dist/assets/fonts/e51d2feb30084bc2.woff2 +0 -0
- package/dist/assets/fonts/ee3db32f0aadef5d.woff2 +0 -0
- package/dist/assets/fonts/f4d681a788c6d497.woff2 +0 -0
|
@@ -0,0 +1,219 @@
|
|
|
1
|
+
import { jsxs as B, jsx as r, Fragment as X } from "react/jsx-runtime";
|
|
2
|
+
import { c as o } from "./index-DIxK0V-G.js";
|
|
3
|
+
import { memo as Y, forwardRef as Z, useState as R, useRef as $, useEffect as ee } from "react";
|
|
4
|
+
import { EInputVariant as se } from "./components/Input/constants.js";
|
|
5
|
+
import { useMergeRefs as te } from "./hooks/useMergeRefs/useMergeRefs.js";
|
|
6
|
+
import { Icon as ae } from "./icons/Icon.js";
|
|
7
|
+
import { Button as le } from "./components/Button/Button.js";
|
|
8
|
+
import './assets/Input.css';const re = "_label_1ftus_27", ne = "_input_1ftus_3", oe = "_focused_1ftus_82", ue = "_disabled_1ftus_88", ce = "_clear_1ftus_130", ie = "_s_1ftus_178", de = "_m_1ftus_193", fe = "_l_1ftus_27", _e = "_success_1ftus_250", me = "_alarm_1ftus_270", pe = "_error_1ftus_290", e = {
|
|
9
|
+
"input-wrapper": "_input-wrapper_1ftus_3",
|
|
10
|
+
"required-mark": "_required-mark_1ftus_17",
|
|
11
|
+
label: re,
|
|
12
|
+
"has-left-slot": "_has-left-slot_1ftus_42",
|
|
13
|
+
"active-label": "_active-label_1ftus_45",
|
|
14
|
+
input: ne,
|
|
15
|
+
"has-right-slot": "_has-right-slot_1ftus_79",
|
|
16
|
+
focused: oe,
|
|
17
|
+
"has-label": "_has-label_1ftus_85",
|
|
18
|
+
disabled: ue,
|
|
19
|
+
"addon-icon": "_addon-icon_1ftus_94",
|
|
20
|
+
"left-slot": "_left-slot_1ftus_98",
|
|
21
|
+
"right-slot": "_right-slot_1ftus_99",
|
|
22
|
+
clear: ce,
|
|
23
|
+
s: ie,
|
|
24
|
+
m: de,
|
|
25
|
+
l: fe,
|
|
26
|
+
"default-gray": "_default-gray_1ftus_223",
|
|
27
|
+
"default-white": "_default-white_1ftus_235",
|
|
28
|
+
success: _e,
|
|
29
|
+
alarm: me,
|
|
30
|
+
error: pe
|
|
31
|
+
}, z = (s) => {
|
|
32
|
+
var _, u;
|
|
33
|
+
if (!s)
|
|
34
|
+
return null;
|
|
35
|
+
switch (s.addonType) {
|
|
36
|
+
case "icon": {
|
|
37
|
+
const m = (_ = s.addonContent) == null ? void 0 : _.includes("16px"), b = (u = s.addonContent) == null ? void 0 : u.includes("24px");
|
|
38
|
+
return /* @__PURE__ */ r(
|
|
39
|
+
ae,
|
|
40
|
+
{
|
|
41
|
+
style: {
|
|
42
|
+
"--icon-size": o({
|
|
43
|
+
"16px": m,
|
|
44
|
+
"24px": b
|
|
45
|
+
})
|
|
46
|
+
},
|
|
47
|
+
className: e["addon-icon"],
|
|
48
|
+
iconName: s.addonContent
|
|
49
|
+
}
|
|
50
|
+
);
|
|
51
|
+
}
|
|
52
|
+
case "text":
|
|
53
|
+
return s.addonContent;
|
|
54
|
+
case "react-node":
|
|
55
|
+
return /* @__PURE__ */ r(X, { children: s.addonContent });
|
|
56
|
+
default:
|
|
57
|
+
return null;
|
|
58
|
+
}
|
|
59
|
+
}, he = Y(
|
|
60
|
+
Z(
|
|
61
|
+
(s, _) => {
|
|
62
|
+
const {
|
|
63
|
+
value: u,
|
|
64
|
+
className: m,
|
|
65
|
+
wrapperClassName: b,
|
|
66
|
+
rightSlotClassName: L,
|
|
67
|
+
requiredMarkClassName: j,
|
|
68
|
+
variant: A = se.DefaultGray,
|
|
69
|
+
type: D = "text",
|
|
70
|
+
autofocus: g,
|
|
71
|
+
readonly: n,
|
|
72
|
+
id: F,
|
|
73
|
+
onFocus: N,
|
|
74
|
+
onBlur: x,
|
|
75
|
+
label: d,
|
|
76
|
+
withClearButton: E,
|
|
77
|
+
disabled: t,
|
|
78
|
+
onChange: c,
|
|
79
|
+
rightAddon: M,
|
|
80
|
+
status: V,
|
|
81
|
+
leftAddon: O,
|
|
82
|
+
size: y = "m",
|
|
83
|
+
numbersOnly: S,
|
|
84
|
+
required: C,
|
|
85
|
+
maxLength: v,
|
|
86
|
+
...T
|
|
87
|
+
} = s, [f, w] = R(g), [p, I] = R(!!u), i = $(null), G = te(i, _);
|
|
88
|
+
ee(() => {
|
|
89
|
+
g && w(!0);
|
|
90
|
+
}, [g]);
|
|
91
|
+
const P = (a) => {
|
|
92
|
+
const l = a.currentTarget.value;
|
|
93
|
+
x == null || x(a), w(!1), I(!!l);
|
|
94
|
+
}, W = (a) => {
|
|
95
|
+
n || (w(!0), N == null || N(a));
|
|
96
|
+
}, H = () => {
|
|
97
|
+
i != null && i.current && (i.current.value = "", i.current.focus(), I(!1), c == null || c({
|
|
98
|
+
target: { value: "" }
|
|
99
|
+
}));
|
|
100
|
+
}, J = (a) => {
|
|
101
|
+
let l = a.target.value;
|
|
102
|
+
S && (l = l.replace(/\D/g, "")), v !== void 0 && (l = l.slice(0, v)), a.target.value = l, c == null || c(a), I(!!l);
|
|
103
|
+
}, h = z(O), k = z(M), K = {
|
|
104
|
+
[e.readonly]: t || n,
|
|
105
|
+
[e.focused]: f,
|
|
106
|
+
[e.disabled]: t || n,
|
|
107
|
+
[e["has-label"]]: !!d,
|
|
108
|
+
[e["has-left-slot"]]: !!h,
|
|
109
|
+
[e["has-right-slot"]]: !!k
|
|
110
|
+
}, q = f || p || !!u, Q = o(e.label, m, e[y], {
|
|
111
|
+
[e["active-label"]]: q,
|
|
112
|
+
[e.disabled]: t || n,
|
|
113
|
+
[e["has-left-slot"]]: !!h
|
|
114
|
+
}), U = o(e.input, K, m, [
|
|
115
|
+
e[A],
|
|
116
|
+
e[V ?? ""],
|
|
117
|
+
e[y]
|
|
118
|
+
]);
|
|
119
|
+
return /* @__PURE__ */ B(
|
|
120
|
+
"div",
|
|
121
|
+
{
|
|
122
|
+
className: o(
|
|
123
|
+
e["input-wrapper"],
|
|
124
|
+
e[A],
|
|
125
|
+
e[V ?? ""],
|
|
126
|
+
e[y],
|
|
127
|
+
{
|
|
128
|
+
[e.disabled]: t || n,
|
|
129
|
+
[e.focused]: f
|
|
130
|
+
},
|
|
131
|
+
b
|
|
132
|
+
),
|
|
133
|
+
children: [
|
|
134
|
+
d && /* @__PURE__ */ B("label", { htmlFor: F, className: Q, children: [
|
|
135
|
+
d,
|
|
136
|
+
C && (p || f) && /* @__PURE__ */ r(
|
|
137
|
+
"span",
|
|
138
|
+
{
|
|
139
|
+
className: e["required-mark"],
|
|
140
|
+
"data-testid": "required-mark"
|
|
141
|
+
}
|
|
142
|
+
)
|
|
143
|
+
] }),
|
|
144
|
+
h && /* @__PURE__ */ r(
|
|
145
|
+
"span",
|
|
146
|
+
{
|
|
147
|
+
className: o(e["left-slot"], {
|
|
148
|
+
[e.focused]: q,
|
|
149
|
+
[e["has-label"]]: !!d,
|
|
150
|
+
[e.disabled]: t
|
|
151
|
+
}),
|
|
152
|
+
children: h
|
|
153
|
+
}
|
|
154
|
+
),
|
|
155
|
+
/* @__PURE__ */ r(
|
|
156
|
+
"input",
|
|
157
|
+
{
|
|
158
|
+
ref: G,
|
|
159
|
+
type: D,
|
|
160
|
+
id: F,
|
|
161
|
+
className: U,
|
|
162
|
+
onFocus: W,
|
|
163
|
+
onBlur: P,
|
|
164
|
+
readOnly: n,
|
|
165
|
+
value: u,
|
|
166
|
+
onChange: J,
|
|
167
|
+
maxLength: v,
|
|
168
|
+
disabled: t,
|
|
169
|
+
required: C,
|
|
170
|
+
...T
|
|
171
|
+
}
|
|
172
|
+
),
|
|
173
|
+
k && /* @__PURE__ */ r(
|
|
174
|
+
"span",
|
|
175
|
+
{
|
|
176
|
+
className: o(e["right-slot"], L, {
|
|
177
|
+
[e.focused]: q,
|
|
178
|
+
[e["has-label"]]: !!d,
|
|
179
|
+
[e.disabled]: t
|
|
180
|
+
}),
|
|
181
|
+
children: k
|
|
182
|
+
}
|
|
183
|
+
),
|
|
184
|
+
C && !p && !f && /* @__PURE__ */ r(
|
|
185
|
+
"span",
|
|
186
|
+
{
|
|
187
|
+
className: o(
|
|
188
|
+
e["required-mark"],
|
|
189
|
+
j
|
|
190
|
+
),
|
|
191
|
+
"data-testid": "required-mark"
|
|
192
|
+
}
|
|
193
|
+
),
|
|
194
|
+
E && p && /* @__PURE__ */ r(
|
|
195
|
+
le,
|
|
196
|
+
{
|
|
197
|
+
tabIndex: -1,
|
|
198
|
+
className: e.clear,
|
|
199
|
+
isIconButton: !0,
|
|
200
|
+
iconName: "Close16px",
|
|
201
|
+
size: "m-s",
|
|
202
|
+
clear: !0,
|
|
203
|
+
disabled: t || n,
|
|
204
|
+
variant: "secondary-gray",
|
|
205
|
+
onClick: H,
|
|
206
|
+
"data-testid": "clear-button"
|
|
207
|
+
}
|
|
208
|
+
)
|
|
209
|
+
]
|
|
210
|
+
}
|
|
211
|
+
);
|
|
212
|
+
}
|
|
213
|
+
)
|
|
214
|
+
);
|
|
215
|
+
he.displayName = "Input";
|
|
216
|
+
export {
|
|
217
|
+
he as I,
|
|
218
|
+
e as c
|
|
219
|
+
};
|
package/dist/assets/Input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._input-wrapper_1rkts_3{--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_1rkts_3 ._required-mark_1rkts_17{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_1rkts_3 ._label_1rkts_27{--input-required-mark-size: 6px;position:absolute;top:calc(var(--input-height) / 2 - var(--input-font-size) / 2);left:var(--mimir-space-m);z-index:1;display:flex;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,left .15s ease-out,color .15s ease-out;pointer-events:none}._input-wrapper_1rkts_3 ._label_1rkts_27._has-left-slot_1rkts_42{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--clear-button-mg))}._input-wrapper_1rkts_3 ._label_1rkts_27._active-label_1rkts_45{transform:scale(var(--label-scaled)) translateY(calc(var(--input-font-size) * -1))}._input-wrapper_1rkts_3 ._label_1rkts_27._active-label_1rkts_45._has-left-slot_1rkts_42{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--mimir-space-s));transform:scale(var(--label-scaled)) translate(calc((var(--mimir-space-m) + var(--left-addon-position)) * 2 * -1),calc(var(--input-font-size) * -1))}._input-wrapper_1rkts_3 ._label_1rkts_27._active-label_1rkts_45 ._required-mark_1rkts_17{margin-left:0;transform:scale(1.7)}._input-wrapper_1rkts_3 ._input_1rkts_3{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;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_1rkts_3 ._input_1rkts_3._has-left-slot_1rkts_42{padding-left:0}._input-wrapper_1rkts_3 ._input_1rkts_3._has-right-slot_1rkts_79{padding-right:0}._input-wrapper_1rkts_3 ._input_1rkts_3._focused_1rkts_82{padding-top:0}._input-wrapper_1rkts_3 ._input_1rkts_3._has-label_1rkts_85{padding-top:var(--input-padding-position)}._input-wrapper_1rkts_3 ._input_1rkts_3._disabled_1rkts_88{color:var(--light-text)}._input-wrapper_1rkts_3 ._input_1rkts_3._disabled_1rkts_88:hover,._input-wrapper_1rkts_3 ._input_1rkts_3._disabled_1rkts_88:active,._input-wrapper_1rkts_3 ._input_1rkts_3._disabled_1rkts_88:focus{color:var(--light-text)}._input-wrapper_1rkts_3 ._left-slot_1rkts_94,._input-wrapper_1rkts_3 ._right-slot_1rkts_95{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_1rkts_3 ._left-slot_1rkts_94._focused_1rkts_82._has-label_1rkts_85,._input-wrapper_1rkts_3 ._right-slot_1rkts_95._focused_1rkts_82._has-label_1rkts_85{padding-top:var(--input-padding-position)}._input-wrapper_1rkts_3 ._left-slot_1rkts_94{justify-content:flex-end;margin-right:var(--clear-button-mg)}._input-wrapper_1rkts_3 ._right-slot_1rkts_95{margin-left:var(--clear-button-mg)}._input-wrapper_1rkts_3 ._addon-icon_1rkts_117{width:var(--icon-size);height:var(--icon-size)}._input-wrapper_1rkts_3 ._clear_1rkts_121{align-self:center;width:16px;height:16px;margin-left:var(--clear-button-mg)}._input-wrapper_1rkts_3 svg{color:currentcolor;fill:currentcolor}._input-wrapper_1rkts_3:hover ._label_1rkts_27,._input-wrapper_1rkts_3:focus-within ._label_1rkts_27{color:var(--label-color)}._input-wrapper_1rkts_3:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1rkts_3:focus-within{background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._input-wrapper_1rkts_3._focused_1rkts_82{color:var(--input-color-active);background-color:var(--input-bg-color-active)}._input-wrapper_1rkts_3._focused_1rkts_82:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1rkts_3._disabled_1rkts_88{--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_1rkts_3._disabled_1rkts_88:hover,._input-wrapper_1rkts_3._disabled_1rkts_88:active,._input-wrapper_1rkts_3._disabled_1rkts_88: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_1rkts_3._disabled_1rkts_88::-moz-placeholder{color:var(--light-text)}._input-wrapper_1rkts_3._disabled_1rkts_88::placeholder{color:var(--light-text)}._input-wrapper_1rkts_3._disabled_1rkts_88:hover::-moz-placeholder{color:var(--light-text)}._input-wrapper_1rkts_3._disabled_1rkts_88:hover::placeholder{color:var(--light-text)}._s_1rkts_169{--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: var(--mimir-size-text-xs);--label-scaled: .85;--label-spacing: var(--mimir-space-1xs);--clear-button-mg: var(--mimir-space-2xs);--icon-size: 16px;--left-addon-position: 0px}._m_1rkts_184{--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: var(--mimir-size-text-s);--label-scaled: .75;--label-spacing: var(--mimir-space-xs);--clear-button-mg: var(--mimir-space-2xs);--icon-size: 16px;--left-addon-position: var(--mimir-space-3xs)}._l_1rkts_27{--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: var(--mimir-size-text-s);--label-scaled: .6;--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_1rkts_214{--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_1rkts_226{--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_1rkts_226:hover{--label-color: var(--dark-text)}._default-gray_1rkts_214._success_1rkts_241,._default-white_1rkts_226._success_1rkts_241{--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_1rkts_214._success_1rkts_241::-moz-placeholder,._default-white_1rkts_226._success_1rkts_241::-moz-placeholder{color:var(--input-color)}._default-gray_1rkts_214._success_1rkts_241::placeholder,._default-white_1rkts_226._success_1rkts_241::placeholder{color:var(--input-color)}._default-gray_1rkts_214._success_1rkts_241:hover::-moz-placeholder,._default-white_1rkts_226._success_1rkts_241:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1rkts_214._success_1rkts_241:hover::placeholder,._default-white_1rkts_226._success_1rkts_241:hover::placeholder{color:var(--input-color)}._default-gray_1rkts_214._alarm_1rkts_261,._default-white_1rkts_226._alarm_1rkts_261{--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_1rkts_214._alarm_1rkts_261::-moz-placeholder,._default-white_1rkts_226._alarm_1rkts_261::-moz-placeholder{color:var(--input-color)}._default-gray_1rkts_214._alarm_1rkts_261::placeholder,._default-white_1rkts_226._alarm_1rkts_261::placeholder{color:var(--input-color)}._default-gray_1rkts_214._alarm_1rkts_261:hover::-moz-placeholder,._default-white_1rkts_226._alarm_1rkts_261:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1rkts_214._alarm_1rkts_261:hover::placeholder,._default-white_1rkts_226._alarm_1rkts_261:hover::placeholder{color:var(--input-color)}._default-gray_1rkts_214._error_1rkts_281,._default-white_1rkts_226._error_1rkts_281{--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_1rkts_214._error_1rkts_281::-moz-placeholder,._default-white_1rkts_226._error_1rkts_281::-moz-placeholder{color:var(--input-color)}._default-gray_1rkts_214._error_1rkts_281::placeholder,._default-white_1rkts_226._error_1rkts_281::placeholder{color:var(--input-color)}._default-gray_1rkts_214._error_1rkts_281:hover::-moz-placeholder,._default-white_1rkts_226._error_1rkts_281:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1rkts_214._error_1rkts_281:hover::placeholder,._default-white_1rkts_226._error_1rkts_281:hover::placeholder{color:var(--input-color)}
|
|
1
|
+
._input-wrapper_1ftus_3{--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_1ftus_3 ._required-mark_1ftus_17{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_1ftus_3 ._label_1ftus_27{--input-required-mark-size: 6px;position:absolute;top:calc(var(--input-height) / 2 - var(--input-font-size) / 2);left:var(--mimir-space-m);z-index:1;display:flex;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,left .15s ease-out,color .15s ease-out;pointer-events:none}._input-wrapper_1ftus_3 ._label_1ftus_27._has-left-slot_1ftus_42{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--clear-button-mg))}._input-wrapper_1ftus_3 ._label_1ftus_27._active-label_1ftus_45{transform:scale(var(--label-scaled)) translateY(calc(var(--input-font-size) * -1))}._input-wrapper_1ftus_3 ._label_1ftus_27._active-label_1ftus_45._has-left-slot_1ftus_42{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--mimir-space-s));transform:scale(var(--label-scaled)) translate(calc((var(--mimir-space-m) + var(--left-addon-position)) * 2 * -1),calc(var(--input-font-size) * -1))}._input-wrapper_1ftus_3 ._label_1ftus_27._active-label_1ftus_45 ._required-mark_1ftus_17{margin-left:0;transform:scale(1.7)}._input-wrapper_1ftus_3 ._input_1ftus_3{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;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_1ftus_3 ._input_1ftus_3._has-left-slot_1ftus_42{padding-left:0}._input-wrapper_1ftus_3 ._input_1ftus_3._has-right-slot_1ftus_79{padding-right:0}._input-wrapper_1ftus_3 ._input_1ftus_3._focused_1ftus_82{padding-top:0}._input-wrapper_1ftus_3 ._input_1ftus_3._has-label_1ftus_85{padding-top:var(--input-padding-position)}._input-wrapper_1ftus_3 ._input_1ftus_3._disabled_1ftus_88{color:var(--light-text)}._input-wrapper_1ftus_3 ._input_1ftus_3._disabled_1ftus_88:hover,._input-wrapper_1ftus_3 ._input_1ftus_3._disabled_1ftus_88:active,._input-wrapper_1ftus_3 ._input_1ftus_3._disabled_1ftus_88:focus{color:var(--light-text)}._input-wrapper_1ftus_3 ._addon-icon_1ftus_94{width:var(--icon-size);height:var(--icon-size)}._input-wrapper_1ftus_3 ._left-slot_1ftus_98,._input-wrapper_1ftus_3 ._right-slot_1ftus_99{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_1ftus_3 ._left-slot_1ftus_98._focused_1ftus_82._has-label_1ftus_85,._input-wrapper_1ftus_3 ._right-slot_1ftus_99._focused_1ftus_82._has-label_1ftus_85{padding-top:var(--input-padding-position)}._input-wrapper_1ftus_3 ._left-slot_1ftus_98._disabled_1ftus_88,._input-wrapper_1ftus_3 ._right-slot_1ftus_99._disabled_1ftus_88{color:var(--white);cursor:not-allowed}._input-wrapper_1ftus_3 ._left-slot_1ftus_98._disabled_1ftus_88 ._addon-icon_1ftus_94 path,._input-wrapper_1ftus_3 ._right-slot_1ftus_99._disabled_1ftus_88 ._addon-icon_1ftus_94 path{fill:var(--white)}._input-wrapper_1ftus_3 ._left-slot_1ftus_98{justify-content:flex-end;margin-right:var(--clear-button-mg)}._input-wrapper_1ftus_3 ._right-slot_1ftus_99{margin-left:var(--clear-button-mg)}._input-wrapper_1ftus_3 ._clear_1ftus_130{align-self:center;width:16px;height:16px;margin-left:var(--clear-button-mg)}._input-wrapper_1ftus_3 svg{color:currentcolor;fill:currentcolor}._input-wrapper_1ftus_3:hover ._label_1ftus_27,._input-wrapper_1ftus_3:focus-within ._label_1ftus_27{color:var(--label-color)}._input-wrapper_1ftus_3:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1ftus_3:focus-within{background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._input-wrapper_1ftus_3._focused_1ftus_82{color:var(--input-color-active);background-color:var(--input-bg-color-active)}._input-wrapper_1ftus_3._focused_1ftus_82:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1ftus_3._disabled_1ftus_88{--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_1ftus_3._disabled_1ftus_88:hover,._input-wrapper_1ftus_3._disabled_1ftus_88:active,._input-wrapper_1ftus_3._disabled_1ftus_88: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_1ftus_3._disabled_1ftus_88::-moz-placeholder{color:var(--light-text)}._input-wrapper_1ftus_3._disabled_1ftus_88::placeholder{color:var(--light-text)}._input-wrapper_1ftus_3._disabled_1ftus_88:hover::-moz-placeholder{color:var(--light-text)}._input-wrapper_1ftus_3._disabled_1ftus_88:hover::placeholder{color:var(--light-text)}._s_1ftus_178{--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: var(--mimir-size-text-xs);--label-scaled: .85;--label-spacing: var(--mimir-space-1xs);--clear-button-mg: var(--mimir-space-2xs);--icon-size: 16px;--left-addon-position: 0px}._m_1ftus_193{--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: var(--mimir-size-text-s);--label-scaled: .75;--label-spacing: var(--mimir-space-xs);--clear-button-mg: var(--mimir-space-2xs);--icon-size: 16px;--left-addon-position: var(--mimir-space-3xs)}._l_1ftus_27{--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: var(--mimir-size-text-s);--label-scaled: .6;--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_1ftus_223{--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_1ftus_235{--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_1ftus_235:hover{--label-color: var(--dark-text)}._default-gray_1ftus_223._success_1ftus_250,._default-white_1ftus_235._success_1ftus_250{--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_1ftus_223._success_1ftus_250::-moz-placeholder,._default-white_1ftus_235._success_1ftus_250::-moz-placeholder{color:var(--input-color)}._default-gray_1ftus_223._success_1ftus_250::placeholder,._default-white_1ftus_235._success_1ftus_250::placeholder{color:var(--input-color)}._default-gray_1ftus_223._success_1ftus_250:hover::-moz-placeholder,._default-white_1ftus_235._success_1ftus_250:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1ftus_223._success_1ftus_250:hover::placeholder,._default-white_1ftus_235._success_1ftus_250:hover::placeholder{color:var(--input-color)}._default-gray_1ftus_223._alarm_1ftus_270,._default-white_1ftus_235._alarm_1ftus_270{--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_1ftus_223._alarm_1ftus_270::-moz-placeholder,._default-white_1ftus_235._alarm_1ftus_270::-moz-placeholder{color:var(--input-color)}._default-gray_1ftus_223._alarm_1ftus_270::placeholder,._default-white_1ftus_235._alarm_1ftus_270::placeholder{color:var(--input-color)}._default-gray_1ftus_223._alarm_1ftus_270:hover::-moz-placeholder,._default-white_1ftus_235._alarm_1ftus_270:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1ftus_223._alarm_1ftus_270:hover::placeholder,._default-white_1ftus_235._alarm_1ftus_270:hover::placeholder{color:var(--input-color)}._default-gray_1ftus_223._error_1ftus_290,._default-white_1ftus_235._error_1ftus_290{--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_1ftus_223._error_1ftus_290::-moz-placeholder,._default-white_1ftus_235._error_1ftus_290::-moz-placeholder{color:var(--input-color)}._default-gray_1ftus_223._error_1ftus_290::placeholder,._default-white_1ftus_235._error_1ftus_290::placeholder{color:var(--input-color)}._default-gray_1ftus_223._error_1ftus_290:hover::-moz-placeholder,._default-white_1ftus_235._error_1ftus_290:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1ftus_223._error_1ftus_290:hover::placeholder,._default-white_1ftus_235._error_1ftus_290:hover::placeholder{color:var(--input-color)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._select-
|
|
1
|
+
._select-search_7p4d9_2{position:relative}._select-search_7p4d9_2._disabled_7p4d9_5{cursor:not-allowed}._container_7p4d9_9{display:block;gap:var(--mimir-select-search-gap);align-items:center;justify-content:space-between;height:var(--mimir-select-search-height);background-color:var(--black-5);border-radius:var(--mimir-select-search-radius)}._container-open_7p4d9_18{border-bottom:1px solid var(--citrine-100)}._full_7p4d9_22{width:100%}._selected-icon_7p4d9_26 path{fill:var(--sapphire-100)}._selector-icon-open_7p4d9_30{transform:rotate(180deg)}._button_7p4d9_34{display:flex;align-items:center;background:none;border:none;cursor:pointer}._button_7p4d9_34._disabled_7p4d9_5{cursor:not-allowed}._button_7p4d9_34._disabled_7p4d9_5 ._selector-icon_7p4d9_30 path{fill:var(--white)}._options_7p4d9_48{position:absolute;z-index:10;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_7p4d9_48._top_7p4d9_59{bottom:100%;margin-bottom:1px;border-radius:var(--mimir-select-search-radius) var(--mimir-select-search-radius) 0 0}._options_7p4d9_48._bottom_7p4d9_64{top:100%;margin-top:1px;border-radius:0 0 var(--mimir-select-search-radius) var(--mimir-select-search-radius)}._options_7p4d9_48::-webkit-scrollbar{width:3px}._options_7p4d9_48::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._options_7p4d9_48::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_7p4d9_48{max-height:var(--mimir-select-search-options-height-mobile)}}._no-options_7p4d9_85{height:100%;padding:var(--mimir-select-search-option-space);color:var(--black-80)}._m_7p4d9_91{--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-gap: var(--mimir-space-2xs);--mimir-select-search-btn-space: var(--mimir-space-m) var(--mimir-space-m) var(--mimir-space-m) var(--mimir-space-xs);--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)}._l_7p4d9_105{--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-gap: var(--mimir-space-xs);--mimir-select-search-btn-space: var(--mimir-space-l) var(--mimir-space-m) var(--mimir-space-l) var(--mimir-space-xs);--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)}._custom-input-class_7p4d9_119{width:100%!important}._custom-input-class_7p4d9_119:last-child{padding-right:var(--mimir-space-4xl)}._option_7p4d9_48{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_7p4d9_135{background-color:var(--black-5)}._option-inner_7p4d9_138{display:flex;flex-direction:column;gap:var(--mimir-space-xs);width:100%}._right-slot_7p4d9_145{order:2}._required-mark_7p4d9_149{order:1;margin-right:var(--mimir-space-xs)}._clear_7p4d9_154{position:absolute;top:50%;right:var(--clear-right);transform:translateY(-50%)}
|
package/dist/assets/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@font-face{font-weight:400;font-family:Montserrat;font-style:normal;src:url(
|
|
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;--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-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;--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,7 +1,7 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { EAccordionButtonStyle, EAccordionButtonType, EAccordionIconType, EAccordionSize } from './constants';
|
|
3
3
|
|
|
4
|
-
export type
|
|
4
|
+
export type TProps = {
|
|
5
5
|
/** Заголовок аккордеона */
|
|
6
6
|
title: string;
|
|
7
7
|
/** Содержимое аккордеона */
|
|
@@ -31,4 +31,4 @@ export type TAccordionProps = {
|
|
|
31
31
|
/** Дополнительный класс для контейнера subtitle */
|
|
32
32
|
classNameSubtitleContainer?: string;
|
|
33
33
|
};
|
|
34
|
-
export declare const Accordion: import('react').ForwardRefExoticComponent<
|
|
34
|
+
export declare const Accordion: import('react').ForwardRefExoticComponent<TProps & import('react').RefAttributes<HTMLElement>>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
2
|
import { EAccordionSize } from '../constants';
|
|
3
3
|
|
|
4
|
-
export type
|
|
5
|
-
children:
|
|
4
|
+
export type TProps = {
|
|
5
|
+
children: ReactNode;
|
|
6
6
|
size: EAccordionSize | `${EAccordionSize}`;
|
|
7
7
|
};
|
|
8
|
-
export declare const AccordionItem:
|
|
8
|
+
export declare const AccordionItem: ({ children, size }: TProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { AccordionItem, type TAccordionItemProps } from './AccordionItem';
|
|
1
|
+
export { AccordionItem, type TProps as TAccordionItemProps } from './AccordionItem';
|
|
@@ -8,7 +8,7 @@ import { formatDatePart as h } from "./utils.js";
|
|
|
8
8
|
import { YearPickerModal as C } from "./YearPickerModal.js";
|
|
9
9
|
import { useClickOutside as E } from "../../hooks/useClickOutside/useClickOutside.js";
|
|
10
10
|
import { formating as B } from "../../utils/index.js";
|
|
11
|
-
import { I as V } from "../../Input-
|
|
11
|
+
import { I as V } from "../../Input-B-gKQ9FT.js";
|
|
12
12
|
import { EInputStatus as tt } from "../Input/constants.js";
|
|
13
13
|
const st = 31, et = 12, it = 10, at = Q(
|
|
14
14
|
W(
|
|
@@ -22,6 +22,14 @@ export type TAdditionalProps = {
|
|
|
22
22
|
* Дополнительный класс для обертки поля ввода.
|
|
23
23
|
*/
|
|
24
24
|
wrapperClassName?: string;
|
|
25
|
+
/**
|
|
26
|
+
* Дополнительный класс для дополнительного правого слота.
|
|
27
|
+
*/
|
|
28
|
+
rightSlotClassName?: string;
|
|
29
|
+
/**
|
|
30
|
+
* Дополнительный класс для метки, отображающей обязательность.
|
|
31
|
+
*/
|
|
32
|
+
requiredMarkClassName?: string;
|
|
25
33
|
/**
|
|
26
34
|
* Текстовое описание поля ввода.
|
|
27
35
|
*/
|
|
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
|
|
|
2
2
|
import "../../index-DIxK0V-G.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "./constants.js";
|
|
5
|
-
import { I as f } from "../../Input-
|
|
5
|
+
import { I as f } from "../../Input-B-gKQ9FT.js";
|
|
6
6
|
import "../../hooks/useMergeRefs/useMergeRefs.js";
|
|
7
7
|
import "../../icons/Icon.js";
|
|
8
8
|
import "../Button/Button.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { InputHTMLAttributes } from 'react';
|
|
1
|
+
import { InputHTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
import { EInputSize, EInputVariant, EInputStatus } from './constants';
|
|
3
3
|
import { TIcon } from '../../icons';
|
|
4
4
|
|
|
@@ -13,6 +13,10 @@ export type TIconAddon = {
|
|
|
13
13
|
addonType?: 'icon';
|
|
14
14
|
addonContent: TIcon;
|
|
15
15
|
};
|
|
16
|
-
export type
|
|
16
|
+
export type TReactNodeAddon = {
|
|
17
|
+
addonType?: 'react-node';
|
|
18
|
+
addonContent: ReactNode;
|
|
19
|
+
};
|
|
20
|
+
export type TAddon = TTextAddon | TIconAddon | TReactNodeAddon;
|
|
17
21
|
export type TInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'readOnly' | 'size' | 'placeholder'>;
|
|
18
22
|
export {};
|
|
@@ -3,7 +3,7 @@ import { c } from "../../index-DIxK0V-G.js";
|
|
|
3
3
|
import { memo as w, forwardRef as u, useState as m } from "react";
|
|
4
4
|
import { Icon as d } from "../../icons/Icon.js";
|
|
5
5
|
import { Button as _ } from "../Button/Button.js";
|
|
6
|
-
import { I as l } from "../../Input-
|
|
6
|
+
import { I as l } from "../../Input-B-gKQ9FT.js";
|
|
7
7
|
import '../../assets/InputPassword.css';const b = "_input_7b9x2_2", x = "_wrapper_7b9x2_6", h = "_button_7b9x2_17", f = "_icon_7b9x2_33", N = "_show_7b9x2_38", t = {
|
|
8
8
|
input: b,
|
|
9
9
|
wrapper: x,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as d } from "react/jsx-runtime";
|
|
2
2
|
import { memo as I, forwardRef as i, useState as c, useCallback as f, useImperativeHandle as P } from "react";
|
|
3
3
|
import { getMaskedInputPhoneValue as m, getUnmaskedInputValue as o } from "./utils.js";
|
|
4
|
-
import { I as b } from "../../Input-
|
|
4
|
+
import { I as b } from "../../Input-B-gKQ9FT.js";
|
|
5
5
|
const h = I(
|
|
6
6
|
i(
|
|
7
7
|
({ value: s = "", onChange: e, ...p }, a) => {
|
|
@@ -3,7 +3,7 @@ import { c as u } from "../../index-DIxK0V-G.js";
|
|
|
3
3
|
import { forwardRef as P, useImperativeHandle as R, Fragment as T } from "react";
|
|
4
4
|
import { ITEMS_PER_SEPARATOR as q, DEFAULT_VALUE_LENGTH as v } from "./constants.js";
|
|
5
5
|
import { useOTPInput as y } from "./hooks.js";
|
|
6
|
-
import { I as A } from "../../Input-
|
|
6
|
+
import { I as A } from "../../Input-B-gKQ9FT.js";
|
|
7
7
|
import '../../assets/OtpInput.css';const C = "_otp_1shq3_3", F = "_input_1shq3_14", L = "_separator_1shq3_28", r = {
|
|
8
8
|
otp: C,
|
|
9
9
|
"input-wrapper": "_input-wrapper_1shq3_14",
|
|
@@ -15,6 +15,6 @@ export declare const SelectSearch: import('react').ForwardRefExoticComponent<Pic
|
|
|
15
15
|
classNameOption?: string;
|
|
16
16
|
menuPlacement?: import('./types').TMenuPlacement;
|
|
17
17
|
disabled?: boolean;
|
|
18
|
-
searchProps?: Pick<import('../Input').TInputProps, "numbersOnly" | "maxLength">;
|
|
18
|
+
searchProps?: Pick<import('../Input').TInputProps, "numbersOnly" | "maxLength" | "required">;
|
|
19
19
|
disableInput?: boolean;
|
|
20
20
|
} & import('react').RefAttributes<HTMLElement>>;
|