mimir-ui-kit 1.36.3 → 1.36.5
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/{Input-DlGNMuUD.js → Input-CxcCZOIp.js} +69 -69
- package/dist/assets/Input.css +1 -1
- package/dist/assets/MultiSelectSearch.css +1 -1
- package/dist/components/DatePicker/DatePicker.js +1 -1
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Input/index.js +1 -1
- package/dist/components/InputPassword/InputPassword.js +1 -1
- package/dist/components/InputPhoneNumber/InputPhoneNumber.js +1 -1
- package/dist/components/MultiSelectSearch/MultiSelectSearch.js +148 -146
- package/dist/components/MultiSelectSearch/utils.js +1 -1
- package/dist/components/OtpInput/OtpInput.js +1 -1
- package/dist/components/SelectSearch/SelectSearch.js +1 -1
- package/dist/components/SelectSearch/utils.js +1 -1
- package/dist/components/TextArea/TextArea.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -3
|
@@ -1,81 +1,81 @@
|
|
|
1
|
-
import { jsxs as B, jsx as
|
|
1
|
+
import { jsxs as B, jsx as o, Fragment as X } from "react/jsx-runtime";
|
|
2
2
|
import { c as r } from "./index-DIxK0V-G.js";
|
|
3
3
|
import { memo as Y, forwardRef as Z, useState as R, useRef as $, useEffect as ee } from "react";
|
|
4
|
-
import { EInputVariant as
|
|
5
|
-
import { useMergeRefs as
|
|
4
|
+
import { EInputVariant as te } from "./components/Input/constants.js";
|
|
5
|
+
import { useMergeRefs as se } from "./hooks/useMergeRefs/useMergeRefs.js";
|
|
6
6
|
import { Icon as ae } from "./icons/Icon.js";
|
|
7
7
|
import { Button as le } from "./components/Button/Button.js";
|
|
8
|
-
import './assets/Input.css';const re = "
|
|
9
|
-
"input-wrapper": "_input-
|
|
10
|
-
"required-mark": "_required-
|
|
8
|
+
import './assets/Input.css';const re = "_label_1bpoc_27", oe = "_input_1bpoc_3", ce = "_focused_1bpoc_82", ne = "_disabled_1bpoc_88", ie = "_clear_1bpoc_137", de = "_s_1bpoc_188", ue = "_m_1bpoc_203", _e = "_l_1bpoc_27", pe = "_success_1bpoc_259", me = "_alarm_1bpoc_279", be = "_error_1bpoc_299", e = {
|
|
9
|
+
"input-wrapper": "_input-wrapper_1bpoc_3",
|
|
10
|
+
"required-mark": "_required-mark_1bpoc_17",
|
|
11
11
|
label: re,
|
|
12
|
-
"has-left-slot": "_has-left-
|
|
13
|
-
"active-label": "_active-
|
|
14
|
-
input:
|
|
15
|
-
"has-right-slot": "_has-right-
|
|
16
|
-
focused:
|
|
17
|
-
"has-label": "_has-
|
|
18
|
-
disabled:
|
|
19
|
-
"auto-height": "_auto-
|
|
20
|
-
"addon-icon": "_addon-
|
|
21
|
-
"left-slot": "_left-
|
|
22
|
-
"right-slot": "_right-
|
|
12
|
+
"has-left-slot": "_has-left-slot_1bpoc_42",
|
|
13
|
+
"active-label": "_active-label_1bpoc_45",
|
|
14
|
+
input: oe,
|
|
15
|
+
"has-right-slot": "_has-right-slot_1bpoc_79",
|
|
16
|
+
focused: ce,
|
|
17
|
+
"has-label": "_has-label_1bpoc_85",
|
|
18
|
+
disabled: ne,
|
|
19
|
+
"auto-height": "_auto-height_1bpoc_94",
|
|
20
|
+
"addon-icon": "_addon-icon_1bpoc_101",
|
|
21
|
+
"left-slot": "_left-slot_1bpoc_105",
|
|
22
|
+
"right-slot": "_right-slot_1bpoc_106",
|
|
23
23
|
clear: ie,
|
|
24
24
|
s: de,
|
|
25
25
|
m: ue,
|
|
26
26
|
l: _e,
|
|
27
|
-
"default-gray": "_default-
|
|
28
|
-
"default-white": "_default-
|
|
29
|
-
success:
|
|
30
|
-
alarm:
|
|
31
|
-
error:
|
|
32
|
-
}, z = (
|
|
33
|
-
var
|
|
34
|
-
if (!
|
|
27
|
+
"default-gray": "_default-gray_1bpoc_232",
|
|
28
|
+
"default-white": "_default-white_1bpoc_244",
|
|
29
|
+
success: pe,
|
|
30
|
+
alarm: me,
|
|
31
|
+
error: be
|
|
32
|
+
}, z = (t) => {
|
|
33
|
+
var p, n;
|
|
34
|
+
if (!t)
|
|
35
35
|
return null;
|
|
36
|
-
switch (
|
|
36
|
+
switch (t.addonType) {
|
|
37
37
|
case "icon": {
|
|
38
|
-
const
|
|
39
|
-
return /* @__PURE__ */
|
|
38
|
+
const m = (p = t.addonContent) == null ? void 0 : p.includes("16px"), h = (n = t.addonContent) == null ? void 0 : n.includes("24px");
|
|
39
|
+
return /* @__PURE__ */ o(
|
|
40
40
|
ae,
|
|
41
41
|
{
|
|
42
42
|
style: {
|
|
43
43
|
"--icon-size": r({
|
|
44
|
-
"16px":
|
|
45
|
-
"24px":
|
|
44
|
+
"16px": m,
|
|
45
|
+
"24px": h
|
|
46
46
|
})
|
|
47
47
|
},
|
|
48
48
|
className: e["addon-icon"],
|
|
49
|
-
iconName:
|
|
49
|
+
iconName: t.addonContent
|
|
50
50
|
}
|
|
51
51
|
);
|
|
52
52
|
}
|
|
53
53
|
case "text":
|
|
54
|
-
return
|
|
54
|
+
return t.addonContent;
|
|
55
55
|
case "react-node":
|
|
56
|
-
return /* @__PURE__ */
|
|
56
|
+
return /* @__PURE__ */ o(X, { children: t.addonContent });
|
|
57
57
|
default:
|
|
58
58
|
return null;
|
|
59
59
|
}
|
|
60
|
-
},
|
|
60
|
+
}, fe = Y(
|
|
61
61
|
Z(
|
|
62
|
-
(
|
|
62
|
+
(t, p) => {
|
|
63
63
|
const {
|
|
64
|
-
value:
|
|
65
|
-
className:
|
|
66
|
-
wrapperClassName:
|
|
64
|
+
value: n,
|
|
65
|
+
className: m,
|
|
66
|
+
wrapperClassName: h,
|
|
67
67
|
rightSlotClassName: L,
|
|
68
68
|
requiredMarkClassName: j,
|
|
69
|
-
variant: A =
|
|
69
|
+
variant: A = te.DefaultGray,
|
|
70
70
|
type: D = "text",
|
|
71
71
|
autofocus: g,
|
|
72
|
-
readonly:
|
|
72
|
+
readonly: c,
|
|
73
73
|
id: F,
|
|
74
74
|
onFocus: N,
|
|
75
75
|
onBlur: x,
|
|
76
76
|
label: u,
|
|
77
77
|
withClearButton: E,
|
|
78
|
-
disabled:
|
|
78
|
+
disabled: s,
|
|
79
79
|
onChange: i,
|
|
80
80
|
rightAddon: M,
|
|
81
81
|
status: V,
|
|
@@ -85,7 +85,7 @@ import './assets/Input.css';const re = "_label_1son2_27", ne = "_input_1son2_3",
|
|
|
85
85
|
required: C,
|
|
86
86
|
maxLength: v,
|
|
87
87
|
...T
|
|
88
|
-
} =
|
|
88
|
+
} = t, [_, w] = R(g), [b, I] = R(!!n), d = $(null), G = se(d, p);
|
|
89
89
|
ee(() => {
|
|
90
90
|
g && w(!0);
|
|
91
91
|
}, [g]);
|
|
@@ -93,7 +93,7 @@ import './assets/Input.css';const re = "_label_1son2_27", ne = "_input_1son2_3",
|
|
|
93
93
|
const l = a.currentTarget.value;
|
|
94
94
|
x == null || x(a), w(!1), I(!!l);
|
|
95
95
|
}, W = (a) => {
|
|
96
|
-
|
|
96
|
+
c || (w(!0), N == null || N(a));
|
|
97
97
|
}, H = () => {
|
|
98
98
|
d != null && d.current && (d.current.value = "", d.current.focus(), I(!1), i == null || i({
|
|
99
99
|
target: { value: "" }
|
|
@@ -101,18 +101,18 @@ import './assets/Input.css';const re = "_label_1son2_27", ne = "_input_1son2_3",
|
|
|
101
101
|
}, J = (a) => {
|
|
102
102
|
let l = a.target.value;
|
|
103
103
|
S && (l = l.replace(/\D/g, "")), v !== void 0 && (l = l.slice(0, v)), a.target.value = l, i == null || i(a), I(!!l);
|
|
104
|
-
},
|
|
105
|
-
[e.readonly]:
|
|
104
|
+
}, f = z(O), k = z(M), K = {
|
|
105
|
+
[e.readonly]: s || c,
|
|
106
106
|
[e.focused]: _,
|
|
107
|
-
[e.disabled]:
|
|
107
|
+
[e.disabled]: s || c,
|
|
108
108
|
[e["has-label"]]: !!u,
|
|
109
|
-
[e["has-left-slot"]]: !!
|
|
109
|
+
[e["has-left-slot"]]: !!f,
|
|
110
110
|
[e["has-right-slot"]]: !!k
|
|
111
|
-
}, q = _ ||
|
|
111
|
+
}, q = _ || b || !!n, Q = r(e.label, m, e[y], {
|
|
112
112
|
[e["active-label"]]: q,
|
|
113
|
-
[e.disabled]:
|
|
114
|
-
[e["has-left-slot"]]: !!
|
|
115
|
-
}), U = r(e.input, K,
|
|
113
|
+
[e.disabled]: s || c,
|
|
114
|
+
[e["has-left-slot"]]: !!f
|
|
115
|
+
}), U = r(e.input, K, m, [
|
|
116
116
|
e[A],
|
|
117
117
|
e[V ?? ""],
|
|
118
118
|
e[y]
|
|
@@ -126,15 +126,15 @@ import './assets/Input.css';const re = "_label_1son2_27", ne = "_input_1son2_3",
|
|
|
126
126
|
e[V ?? ""],
|
|
127
127
|
e[y],
|
|
128
128
|
{
|
|
129
|
-
[e.disabled]:
|
|
129
|
+
[e.disabled]: s || c,
|
|
130
130
|
[e.focused]: _
|
|
131
131
|
},
|
|
132
|
-
|
|
132
|
+
h
|
|
133
133
|
),
|
|
134
134
|
children: [
|
|
135
135
|
u && /* @__PURE__ */ B("label", { htmlFor: F, className: Q, children: [
|
|
136
136
|
u,
|
|
137
|
-
C && (
|
|
137
|
+
C && (b || _) && /* @__PURE__ */ o(
|
|
138
138
|
"span",
|
|
139
139
|
{
|
|
140
140
|
className: e["required-mark"],
|
|
@@ -142,18 +142,18 @@ import './assets/Input.css';const re = "_label_1son2_27", ne = "_input_1son2_3",
|
|
|
142
142
|
}
|
|
143
143
|
)
|
|
144
144
|
] }),
|
|
145
|
-
|
|
145
|
+
f && /* @__PURE__ */ o(
|
|
146
146
|
"span",
|
|
147
147
|
{
|
|
148
148
|
className: r(e["left-slot"], {
|
|
149
149
|
[e.focused]: q,
|
|
150
150
|
[e["has-label"]]: !!u,
|
|
151
|
-
[e.disabled]:
|
|
151
|
+
[e.disabled]: s
|
|
152
152
|
}),
|
|
153
|
-
children:
|
|
153
|
+
children: f
|
|
154
154
|
}
|
|
155
155
|
),
|
|
156
|
-
/* @__PURE__ */
|
|
156
|
+
/* @__PURE__ */ o(
|
|
157
157
|
"input",
|
|
158
158
|
{
|
|
159
159
|
ref: G,
|
|
@@ -162,27 +162,27 @@ import './assets/Input.css';const re = "_label_1son2_27", ne = "_input_1son2_3",
|
|
|
162
162
|
className: U,
|
|
163
163
|
onFocus: W,
|
|
164
164
|
onBlur: P,
|
|
165
|
-
readOnly:
|
|
166
|
-
value:
|
|
165
|
+
readOnly: c,
|
|
166
|
+
value: n,
|
|
167
167
|
onChange: J,
|
|
168
168
|
maxLength: v,
|
|
169
|
-
disabled:
|
|
169
|
+
disabled: s,
|
|
170
170
|
required: C,
|
|
171
171
|
...T
|
|
172
172
|
}
|
|
173
173
|
),
|
|
174
|
-
k && /* @__PURE__ */
|
|
174
|
+
k && /* @__PURE__ */ o(
|
|
175
175
|
"span",
|
|
176
176
|
{
|
|
177
177
|
className: r(e["right-slot"], L, {
|
|
178
178
|
[e.focused]: q,
|
|
179
179
|
[e["has-label"]]: !!u,
|
|
180
|
-
[e.disabled]:
|
|
180
|
+
[e.disabled]: s
|
|
181
181
|
}),
|
|
182
182
|
children: k
|
|
183
183
|
}
|
|
184
184
|
),
|
|
185
|
-
C && !
|
|
185
|
+
C && !b && !_ && /* @__PURE__ */ o(
|
|
186
186
|
"span",
|
|
187
187
|
{
|
|
188
188
|
className: r(
|
|
@@ -192,18 +192,18 @@ import './assets/Input.css';const re = "_label_1son2_27", ne = "_input_1son2_3",
|
|
|
192
192
|
"data-testid": "required-mark"
|
|
193
193
|
}
|
|
194
194
|
),
|
|
195
|
-
E &&
|
|
195
|
+
E && b && /* @__PURE__ */ o(
|
|
196
196
|
le,
|
|
197
197
|
{
|
|
198
198
|
tabIndex: -1,
|
|
199
199
|
className: r(e.clear, {
|
|
200
|
-
[e.disabled]:
|
|
200
|
+
[e.disabled]: s
|
|
201
201
|
}),
|
|
202
202
|
isIconButton: !0,
|
|
203
203
|
iconName: "Close16px",
|
|
204
204
|
size: "m-s",
|
|
205
205
|
clear: !0,
|
|
206
|
-
disabled:
|
|
206
|
+
disabled: s || c,
|
|
207
207
|
variant: "secondary-gray",
|
|
208
208
|
onClick: H,
|
|
209
209
|
"data-testid": "clear-button"
|
|
@@ -215,8 +215,8 @@ import './assets/Input.css';const re = "_label_1son2_27", ne = "_input_1son2_3",
|
|
|
215
215
|
}
|
|
216
216
|
)
|
|
217
217
|
);
|
|
218
|
-
|
|
218
|
+
fe.displayName = "Input";
|
|
219
219
|
export {
|
|
220
|
-
|
|
220
|
+
fe as I,
|
|
221
221
|
e as c
|
|
222
222
|
};
|
package/dist/assets/Input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._input-wrapper_1son2_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_1son2_3 ._required-mark_1son2_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_1son2_3 ._label_1son2_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_1son2_3 ._label_1son2_27._has-left-slot_1son2_42{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--clear-button-mg))}._input-wrapper_1son2_3 ._label_1son2_27._active-label_1son2_45{transform:scale(var(--label-scaled)) translateY(calc(var(--input-font-size) * -1))}._input-wrapper_1son2_3 ._label_1son2_27._active-label_1son2_45._has-left-slot_1son2_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_1son2_3 ._label_1son2_27._active-label_1son2_45 ._required-mark_1son2_17{margin-left:0;transform:scale(1.7)}._input-wrapper_1son2_3 ._input_1son2_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;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_1son2_3 ._input_1son2_3._has-left-slot_1son2_42{padding-left:0}._input-wrapper_1son2_3 ._input_1son2_3._has-right-slot_1son2_80{padding-right:0}._input-wrapper_1son2_3 ._input_1son2_3._focused_1son2_83{padding-top:0}._input-wrapper_1son2_3 ._input_1son2_3._has-label_1son2_86{padding-top:var(--input-padding-position)}._input-wrapper_1son2_3 ._input_1son2_3._disabled_1son2_89{color:var(--light-text)}._input-wrapper_1son2_3 ._input_1son2_3._disabled_1son2_89:hover,._input-wrapper_1son2_3 ._input_1son2_3._disabled_1son2_89:active,._input-wrapper_1son2_3 ._input_1son2_3._disabled_1son2_89:focus{color:var(--light-text)}._input-wrapper_1son2_3 ._input_1son2_3._auto-height_1son2_95{height:auto;min-height:var(--input-height);overflow:hidden!important;transition:height .2s ease;resize:none}._input-wrapper_1son2_3 ._addon-icon_1son2_102{width:var(--icon-size);height:var(--icon-size)}._input-wrapper_1son2_3 ._left-slot_1son2_106,._input-wrapper_1son2_3 ._right-slot_1son2_107{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_1son2_3 ._left-slot_1son2_106._focused_1son2_83._has-label_1son2_86,._input-wrapper_1son2_3 ._right-slot_1son2_107._focused_1son2_83._has-label_1son2_86{padding-top:var(--input-padding-position)}._input-wrapper_1son2_3 ._left-slot_1son2_106._disabled_1son2_89,._input-wrapper_1son2_3 ._right-slot_1son2_107._disabled_1son2_89{color:var(--white);cursor:not-allowed}._input-wrapper_1son2_3 ._left-slot_1son2_106._disabled_1son2_89 ._addon-icon_1son2_102 path,._input-wrapper_1son2_3 ._right-slot_1son2_107._disabled_1son2_89 ._addon-icon_1son2_102 path{fill:var(--white)}._input-wrapper_1son2_3 ._left-slot_1son2_106{justify-content:flex-end;margin-right:var(--clear-button-mg)}._input-wrapper_1son2_3 ._right-slot_1son2_107{margin-left:var(--clear-button-mg)}._input-wrapper_1son2_3 ._clear_1son2_138{align-self:center;width:16px;height:16px;margin-left:var(--clear-button-mg)}._input-wrapper_1son2_3 ._clear_1son2_138._disabled_1son2_89{cursor:not-allowed}._input-wrapper_1son2_3 svg{color:currentcolor;fill:currentcolor}._input-wrapper_1son2_3:hover ._label_1son2_27,._input-wrapper_1son2_3:focus-within ._label_1son2_27{color:var(--label-color)}._input-wrapper_1son2_3:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1son2_3:focus-within{background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._input-wrapper_1son2_3._focused_1son2_83{color:var(--input-color-active);background-color:var(--input-bg-color-active)}._input-wrapper_1son2_3._focused_1son2_83:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1son2_3._disabled_1son2_89{--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_1son2_3._disabled_1son2_89:hover,._input-wrapper_1son2_3._disabled_1son2_89:active,._input-wrapper_1son2_3._disabled_1son2_89: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_1son2_3._disabled_1son2_89::-moz-placeholder{color:var(--light-text)}._input-wrapper_1son2_3._disabled_1son2_89::placeholder{color:var(--light-text)}._input-wrapper_1son2_3._disabled_1son2_89:hover::-moz-placeholder{color:var(--light-text)}._input-wrapper_1son2_3._disabled_1son2_89:hover::placeholder{color:var(--light-text)}._s_1son2_189{--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_1son2_204{--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_1son2_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_1son2_234{--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_1son2_246{--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_1son2_246:hover{--label-color: var(--dark-text)}._default-gray_1son2_234._success_1son2_261,._default-white_1son2_246._success_1son2_261{--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_1son2_234._success_1son2_261::-moz-placeholder,._default-white_1son2_246._success_1son2_261::-moz-placeholder{color:var(--input-color)}._default-gray_1son2_234._success_1son2_261::placeholder,._default-white_1son2_246._success_1son2_261::placeholder{color:var(--input-color)}._default-gray_1son2_234._success_1son2_261:hover::-moz-placeholder,._default-white_1son2_246._success_1son2_261:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1son2_234._success_1son2_261:hover::placeholder,._default-white_1son2_246._success_1son2_261:hover::placeholder{color:var(--input-color)}._default-gray_1son2_234._alarm_1son2_281,._default-white_1son2_246._alarm_1son2_281{--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_1son2_234._alarm_1son2_281::-moz-placeholder,._default-white_1son2_246._alarm_1son2_281::-moz-placeholder{color:var(--input-color)}._default-gray_1son2_234._alarm_1son2_281::placeholder,._default-white_1son2_246._alarm_1son2_281::placeholder{color:var(--input-color)}._default-gray_1son2_234._alarm_1son2_281:hover::-moz-placeholder,._default-white_1son2_246._alarm_1son2_281:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1son2_234._alarm_1son2_281:hover::placeholder,._default-white_1son2_246._alarm_1son2_281:hover::placeholder{color:var(--input-color)}._default-gray_1son2_234._error_1son2_301,._default-white_1son2_246._error_1son2_301{--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_1son2_234._error_1son2_301::-moz-placeholder,._default-white_1son2_246._error_1son2_301::-moz-placeholder{color:var(--input-color)}._default-gray_1son2_234._error_1son2_301::placeholder,._default-white_1son2_246._error_1son2_301::placeholder{color:var(--input-color)}._default-gray_1son2_234._error_1son2_301:hover::-moz-placeholder,._default-white_1son2_246._error_1son2_301:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1son2_234._error_1son2_301:hover::placeholder,._default-white_1son2_246._error_1son2_301:hover::placeholder{color:var(--input-color)}
|
|
1
|
+
._input-wrapper_1bpoc_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_1bpoc_3 ._required-mark_1bpoc_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_1bpoc_3 ._label_1bpoc_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,font-size .15s ease-out,left .15s ease-out,color .15s ease-out;pointer-events:none}._input-wrapper_1bpoc_3 ._label_1bpoc_27._has-left-slot_1bpoc_42{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--clear-button-mg))}._input-wrapper_1bpoc_3 ._label_1bpoc_27._active-label_1bpoc_45{font-size:var(--label-font-size-active);transform:translateY(calc(var(--label-font-size-active) * -1))}._input-wrapper_1bpoc_3 ._label_1bpoc_27._active-label_1bpoc_45._has-left-slot_1bpoc_42{left:var(--mimir-space-m)}._input-wrapper_1bpoc_3 ._label_1bpoc_27._active-label_1bpoc_45 ._required-mark_1bpoc_17{margin-left:0}._input-wrapper_1bpoc_3 ._input_1bpoc_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;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_1bpoc_3 ._input_1bpoc_3._has-left-slot_1bpoc_42{padding-left:0}._input-wrapper_1bpoc_3 ._input_1bpoc_3._has-right-slot_1bpoc_79{padding-right:0}._input-wrapper_1bpoc_3 ._input_1bpoc_3._focused_1bpoc_82{padding-top:0}._input-wrapper_1bpoc_3 ._input_1bpoc_3._has-label_1bpoc_85{padding-top:var(--input-padding-position)}._input-wrapper_1bpoc_3 ._input_1bpoc_3._disabled_1bpoc_88{color:var(--light-text)}._input-wrapper_1bpoc_3 ._input_1bpoc_3._disabled_1bpoc_88:hover,._input-wrapper_1bpoc_3 ._input_1bpoc_3._disabled_1bpoc_88:active,._input-wrapper_1bpoc_3 ._input_1bpoc_3._disabled_1bpoc_88:focus{color:var(--light-text)}._input-wrapper_1bpoc_3 ._input_1bpoc_3._auto-height_1bpoc_94{height:auto;min-height:var(--input-height);overflow:hidden!important;transition:height .2s ease;resize:none}._input-wrapper_1bpoc_3 ._addon-icon_1bpoc_101{width:var(--icon-size);height:var(--icon-size)}._input-wrapper_1bpoc_3 ._left-slot_1bpoc_105,._input-wrapper_1bpoc_3 ._right-slot_1bpoc_106{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_1bpoc_3 ._left-slot_1bpoc_105._focused_1bpoc_82._has-label_1bpoc_85,._input-wrapper_1bpoc_3 ._right-slot_1bpoc_106._focused_1bpoc_82._has-label_1bpoc_85{padding-top:var(--input-padding-position)}._input-wrapper_1bpoc_3 ._left-slot_1bpoc_105._disabled_1bpoc_88,._input-wrapper_1bpoc_3 ._right-slot_1bpoc_106._disabled_1bpoc_88{color:var(--white);cursor:not-allowed}._input-wrapper_1bpoc_3 ._left-slot_1bpoc_105._disabled_1bpoc_88 ._addon-icon_1bpoc_101 path,._input-wrapper_1bpoc_3 ._right-slot_1bpoc_106._disabled_1bpoc_88 ._addon-icon_1bpoc_101 path{fill:var(--white)}._input-wrapper_1bpoc_3 ._left-slot_1bpoc_105{justify-content:flex-end;margin-right:var(--clear-button-mg)}._input-wrapper_1bpoc_3 ._right-slot_1bpoc_106{margin-left:var(--clear-button-mg)}._input-wrapper_1bpoc_3 ._clear_1bpoc_137{align-self:center;width:16px;height:16px;margin-left:var(--clear-button-mg)}._input-wrapper_1bpoc_3 ._clear_1bpoc_137._disabled_1bpoc_88{cursor:not-allowed}._input-wrapper_1bpoc_3 svg{color:currentcolor;fill:currentcolor}._input-wrapper_1bpoc_3:hover ._label_1bpoc_27,._input-wrapper_1bpoc_3:focus-within ._label_1bpoc_27{color:var(--label-color)}._input-wrapper_1bpoc_3:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1bpoc_3:focus-within{background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._input-wrapper_1bpoc_3._focused_1bpoc_82{color:var(--input-color-active);background-color:var(--input-bg-color-active)}._input-wrapper_1bpoc_3._focused_1bpoc_82:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1bpoc_3._disabled_1bpoc_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_1bpoc_3._disabled_1bpoc_88:hover,._input-wrapper_1bpoc_3._disabled_1bpoc_88:active,._input-wrapper_1bpoc_3._disabled_1bpoc_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_1bpoc_3._disabled_1bpoc_88::-moz-placeholder{color:var(--light-text)}._input-wrapper_1bpoc_3._disabled_1bpoc_88::placeholder{color:var(--light-text)}._input-wrapper_1bpoc_3._disabled_1bpoc_88:hover::-moz-placeholder{color:var(--light-text)}._input-wrapper_1bpoc_3._disabled_1bpoc_88:hover::placeholder{color:var(--light-text)}._s_1bpoc_188{--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_1bpoc_203{--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_1bpoc_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-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_1bpoc_232{--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_1bpoc_244{--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_1bpoc_244:hover{--label-color: var(--dark-text)}._default-gray_1bpoc_232._success_1bpoc_259,._default-white_1bpoc_244._success_1bpoc_259{--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_1bpoc_232._success_1bpoc_259::-moz-placeholder,._default-white_1bpoc_244._success_1bpoc_259::-moz-placeholder{color:var(--input-color)}._default-gray_1bpoc_232._success_1bpoc_259::placeholder,._default-white_1bpoc_244._success_1bpoc_259::placeholder{color:var(--input-color)}._default-gray_1bpoc_232._success_1bpoc_259:hover::-moz-placeholder,._default-white_1bpoc_244._success_1bpoc_259:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1bpoc_232._success_1bpoc_259:hover::placeholder,._default-white_1bpoc_244._success_1bpoc_259:hover::placeholder{color:var(--input-color)}._default-gray_1bpoc_232._alarm_1bpoc_279,._default-white_1bpoc_244._alarm_1bpoc_279{--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_1bpoc_232._alarm_1bpoc_279::-moz-placeholder,._default-white_1bpoc_244._alarm_1bpoc_279::-moz-placeholder{color:var(--input-color)}._default-gray_1bpoc_232._alarm_1bpoc_279::placeholder,._default-white_1bpoc_244._alarm_1bpoc_279::placeholder{color:var(--input-color)}._default-gray_1bpoc_232._alarm_1bpoc_279:hover::-moz-placeholder,._default-white_1bpoc_244._alarm_1bpoc_279:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1bpoc_232._alarm_1bpoc_279:hover::placeholder,._default-white_1bpoc_244._alarm_1bpoc_279:hover::placeholder{color:var(--input-color)}._default-gray_1bpoc_232._error_1bpoc_299,._default-white_1bpoc_244._error_1bpoc_299{--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_1bpoc_232._error_1bpoc_299::-moz-placeholder,._default-white_1bpoc_244._error_1bpoc_299::-moz-placeholder{color:var(--input-color)}._default-gray_1bpoc_232._error_1bpoc_299::placeholder,._default-white_1bpoc_244._error_1bpoc_299::placeholder{color:var(--input-color)}._default-gray_1bpoc_232._error_1bpoc_299:hover::-moz-placeholder,._default-white_1bpoc_244._error_1bpoc_299:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1bpoc_232._error_1bpoc_299:hover::placeholder,._default-white_1bpoc_244._error_1bpoc_299:hover::placeholder{color:var(--input-color)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._multi-select-
|
|
1
|
+
._multi-select-search_17kql_2{position:relative}._multi-select-search_17kql_2._disabled_17kql_5{cursor:not-allowed}._container_17kql_9{display:block;gap:var(--select-search-gap);align-items:center;justify-content:space-between;height:var(--select-search-height);background-color:var(--black-5);border-radius:var(--select-search-radius)}._container-open_17kql_18{border-bottom:1px solid var(--citrine-100)}._input-container_17kql_22{position:relative;width:100%}._full_17kql_27{width:100%}._selected-icon_17kql_31 path{fill:var(--sapphire-100)}._selector-icon-open_17kql_35{transform:rotate(180deg)}._button_17kql_39{display:flex;align-items:center;background:none;border:none;cursor:pointer}._button_17kql_39._disabled_17kql_5{cursor:not-allowed}._button_17kql_39._disabled_17kql_5 ._selector-icon_17kql_35 path{fill:var(--white)}._options_17kql_53{position:absolute;z-index:10;width:100%;min-height:50%;max-height:var(--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_17kql_53._top_17kql_64{bottom:100%;margin-bottom:1px;border-radius:var(--select-search-radius) var(--select-search-radius) 0 0}._options_17kql_53._bottom_17kql_69{top:100%;margin-top:1px;border-radius:0 0 var(--select-search-radius) var(--select-search-radius)}._options_17kql_53::-webkit-scrollbar{width:3px}._options_17kql_53::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:var(--mimir-control-radius-xs2)}._options_17kql_53::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_17kql_53{max-height:var(--mimir-select-search-options-height-mobile)}}._no-options_17kql_90{height:100%;padding:var(--select-search-option-space);color:var(--black-80)}._m_17kql_2{--select-search-height: var(--mimir-select-search-height-l);--select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--select-search-radius: var(--mimir-control-radius);--select-search-gap: var(--mimir-space-2xs);--select-search-btn-space: var(--mimir-space-m) var(--mimir-space-m) var(--mimir-space-m) var(--mimir-space-xs);--select-search-option-space: var(--mimir-space-2s) var(--mimir-space-m);--select-search-options-height: var( --mimir-select-search-options-height-mobile );--clear-right: var(--mimir-space-2xxl);--multi-select-input-disabled-margin-right: var(--mimir-space-l)}._l_17kql_111{--select-search-height: var(--mimir-select-search-height-xxl);--select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--select-search-radius: var(--mimir-control-radius-s);--select-search-gap: var(--mimir-space-xs);--select-search-btn-space: var(--mimir-space-l) var(--mimir-space-m) var(--mimir-space-l) var(--mimir-space-xs);--select-search-option-space: var(--mimir-space-2l) var(--mimir-space-m);--select-search-options-height: var( --mimir-select-search-options-height-desktop );--clear-right: var(--mimir-space-4xl);--multi-select-input-disabled-margin-right: var(--mimir-space-1xl)}._multi-select-input-disabled_17kql_126{margin-right:var(--multi-select-input-disabled-margin-right)}._multi-select-input_17kql_126._focused_17kql_129{height:auto;min-height:var(--input-height);overflow:hidden;resize:vertical}._multi-select-input_17kql_126:last-child{padding-right:var(--mimir-space-4xl)}._option_17kql_53{display:flex;gap:var(--mimir-space-m);align-items:center;width:100%;padding:var(--select-search-option-space);cursor:pointer;transition:background-color .2s ease-in-out}._option-active_17kql_148{background-color:var(--black-5)}._option-inner_17kql_151{display:flex;flex-direction:column;gap:var(--mimir-space-xs);width:100%}._chip_17kql_158{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._chip-container_17kql_163{display:flex;flex-wrap:wrap;gap:var(--mimir-space-2xs);margin-top:var(--mimir-space-xs)}._chip-root_17kql_169{max-width:100%}._right-slot_17kql_173{order:2;padding-top:0!important}._required-mark_17kql_178{order:1;margin-right:var(--mimir-space-xs)}._clear_17kql_183{position:absolute;top:50%;right:var(--clear-right);transform:translateY(-50%)}._clear_17kql_183._disabled_17kql_5{cursor:not-allowed}._clear_17kql_183._disabled_17kql_5 ._icon-button_17kql_192 path{fill:var(--white)}
|
|
@@ -9,7 +9,7 @@ import { formatDatePart as Y } from "./utils.js";
|
|
|
9
9
|
import { YearPickerModal as et } from "./YearPickerModal.js";
|
|
10
10
|
import { useClickOutside as it } from "../../hooks/useClickOutside/useClickOutside.js";
|
|
11
11
|
import { formating as d } from "../../utils/index.js";
|
|
12
|
-
import { I as at } from "../../Input-
|
|
12
|
+
import { I as at } from "../../Input-CxcCZOIp.js";
|
|
13
13
|
import { EInputStatus as rt } from "../Input/constants.js";
|
|
14
14
|
const mt = {
|
|
15
15
|
days: tt,
|
|
@@ -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-CxcCZOIp.js";
|
|
6
6
|
import "../../hooks/useMergeRefs/useMergeRefs.js";
|
|
7
7
|
import "../../icons/Icon.js";
|
|
8
8
|
import "../Button/Button.js";
|
|
@@ -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-CxcCZOIp.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-CxcCZOIp.js";
|
|
5
5
|
const h = I(
|
|
6
6
|
i(
|
|
7
7
|
({ value: s = "", onChange: e, ...p }, a) => {
|
|
@@ -1,228 +1,230 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { c as
|
|
3
|
-
import { forwardRef as se, useRef as B, useState as S, useEffect as
|
|
1
|
+
import { jsxs as g, jsx as o, Fragment as V } from "react/jsx-runtime";
|
|
2
|
+
import { c as l } from "../../index-DIxK0V-G.js";
|
|
3
|
+
import { forwardRef as se, useRef as B, useState as S, useEffect as R, useMemo as ie } from "react";
|
|
4
4
|
import { EMultiSelectSearchSize as M } from "./constants.js";
|
|
5
|
-
import { getInitialInputValue as
|
|
6
|
-
import { Icon as
|
|
7
|
-
import { Button as
|
|
8
|
-
import { CheckboxMimir as
|
|
9
|
-
import { Chip as
|
|
10
|
-
import { I as
|
|
11
|
-
import { EInputVariant as
|
|
12
|
-
import { H as
|
|
13
|
-
import '../../assets/MultiSelectSearch.css';const he = "
|
|
14
|
-
"multi-select-search": "_multi-select-
|
|
5
|
+
import { getInitialInputValue as E, mapSizeToInputSize as F, getDropdownArrowIcon as le, joinSelectedItems as P } from "./utils.js";
|
|
6
|
+
import { Icon as re } from "../../icons/Icon.js";
|
|
7
|
+
import { Button as ce } from "../Button/Button.js";
|
|
8
|
+
import { CheckboxMimir as ae } from "../CheckboxMimir/CheckboxMimir.js";
|
|
9
|
+
import { Chip as ue } from "../Chip/Chip.js";
|
|
10
|
+
import { I as j } from "../../Input-CxcCZOIp.js";
|
|
11
|
+
import { EInputVariant as de } from "../Input/constants.js";
|
|
12
|
+
import { H as pe, U as G, G as W, K as me, W as _e } from "../../combobox-CDU06zJj.js";
|
|
13
|
+
import '../../assets/MultiSelectSearch.css';const he = "_disabled_17kql_5", fe = "_container_17kql_9", ke = "_full_17kql_27", qe = "_button_17kql_39", ge = "_options_17kql_53", be = "_top_17kql_64", ve = "_bottom_17kql_69", Ne = "_m_17kql_2", Ie = "_l_17kql_111", we = "_focused_17kql_129", Ce = "_option_17kql_53", Se = "_chip_17kql_158", Me = "_clear_17kql_183", e = {
|
|
14
|
+
"multi-select-search": "_multi-select-search_17kql_2",
|
|
15
15
|
disabled: he,
|
|
16
16
|
container: fe,
|
|
17
|
-
"container-open": "_container-
|
|
18
|
-
"input-container": "_input-
|
|
17
|
+
"container-open": "_container-open_17kql_18",
|
|
18
|
+
"input-container": "_input-container_17kql_22",
|
|
19
19
|
full: ke,
|
|
20
|
-
"selected-icon": "_selected-
|
|
21
|
-
"selector-icon-open": "_selector-icon-
|
|
22
|
-
button:
|
|
23
|
-
"selector-icon": "_selector-
|
|
24
|
-
options:
|
|
25
|
-
top:
|
|
20
|
+
"selected-icon": "_selected-icon_17kql_31",
|
|
21
|
+
"selector-icon-open": "_selector-icon-open_17kql_35",
|
|
22
|
+
button: qe,
|
|
23
|
+
"selector-icon": "_selector-icon_17kql_35",
|
|
24
|
+
options: ge,
|
|
25
|
+
top: be,
|
|
26
26
|
bottom: ve,
|
|
27
|
-
"no-options": "_no-
|
|
28
|
-
m:
|
|
29
|
-
l:
|
|
30
|
-
"multi-select-input-disabled": "_multi-select-input-
|
|
31
|
-
"multi-select-input": "_multi-select-
|
|
27
|
+
"no-options": "_no-options_17kql_90",
|
|
28
|
+
m: Ne,
|
|
29
|
+
l: Ie,
|
|
30
|
+
"multi-select-input-disabled": "_multi-select-input-disabled_17kql_126",
|
|
31
|
+
"multi-select-input": "_multi-select-input_17kql_126",
|
|
32
32
|
focused: we,
|
|
33
33
|
option: Ce,
|
|
34
|
-
"option-active": "_option-
|
|
35
|
-
"option-inner": "_option-
|
|
36
|
-
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
|
|
40
|
-
"
|
|
41
|
-
|
|
42
|
-
|
|
34
|
+
"option-active": "_option-active_17kql_148",
|
|
35
|
+
"option-inner": "_option-inner_17kql_151",
|
|
36
|
+
chip: Se,
|
|
37
|
+
"chip-container": "_chip-container_17kql_163",
|
|
38
|
+
"chip-root": "_chip-root_17kql_169",
|
|
39
|
+
"right-slot": "_right-slot_17kql_173",
|
|
40
|
+
"required-mark": "_required-mark_17kql_178",
|
|
41
|
+
clear: Me,
|
|
42
|
+
"icon-button": "_icon-button_17kql_192"
|
|
43
|
+
}, Fe = se(
|
|
44
|
+
(H, J) => {
|
|
43
45
|
const {
|
|
44
46
|
placeholder: x,
|
|
45
47
|
size: i = M.L,
|
|
46
|
-
value:
|
|
48
|
+
value: a,
|
|
47
49
|
onChange: s,
|
|
48
|
-
full:
|
|
49
|
-
showArrow:
|
|
50
|
+
full: K,
|
|
51
|
+
showArrow: U = !0,
|
|
50
52
|
items: m = [],
|
|
51
53
|
classNameOption: Q,
|
|
52
|
-
displayValue:
|
|
53
|
-
filterOnSearch:
|
|
54
|
+
displayValue: d = "name",
|
|
55
|
+
filterOnSearch: y = !0,
|
|
54
56
|
onSearch: v,
|
|
55
|
-
variant:
|
|
56
|
-
menuPlacement:
|
|
57
|
-
disabled:
|
|
58
|
-
searchProps:
|
|
59
|
-
withClearButton:
|
|
57
|
+
variant: D = de.DefaultGray,
|
|
58
|
+
menuPlacement: N = "bottom",
|
|
59
|
+
disabled: r = !1,
|
|
60
|
+
searchProps: z,
|
|
61
|
+
withClearButton: I = !1,
|
|
60
62
|
withChip: X = !1,
|
|
61
63
|
chipVariant: Y = "sapphire",
|
|
62
|
-
disableInput:
|
|
63
|
-
} = H, w = B(null),
|
|
64
|
-
() =>
|
|
65
|
-
), [
|
|
66
|
-
|
|
64
|
+
disableInput: _ = !1
|
|
65
|
+
} = H, w = B(null), p = B(null), [b, h] = S(!1), [f, k] = S(
|
|
66
|
+
() => E(a, d)
|
|
67
|
+
), [u, q] = S(
|
|
68
|
+
a || []
|
|
67
69
|
);
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
}, [
|
|
71
|
-
const
|
|
70
|
+
R(() => {
|
|
71
|
+
a && (q(a), JSON.stringify(a) !== JSON.stringify(u) && k(E(a, d)));
|
|
72
|
+
}, [a, d, u]);
|
|
73
|
+
const O = ie(() => {
|
|
72
74
|
var n;
|
|
73
|
-
if (!
|
|
74
|
-
const t = ((n =
|
|
75
|
+
if (!y) return m;
|
|
76
|
+
const t = ((n = f.split(",").pop()) == null ? void 0 : n.trim().toLowerCase()) ?? "";
|
|
75
77
|
return m.filter(
|
|
76
|
-
(
|
|
78
|
+
(c) => c.name.toLowerCase().includes(t)
|
|
77
79
|
);
|
|
78
|
-
}, [
|
|
79
|
-
|
|
80
|
-
const n =
|
|
81
|
-
|
|
82
|
-
if (
|
|
83
|
-
|
|
84
|
-
const
|
|
85
|
-
|
|
80
|
+
}, [y, m, f]), Z = (t) => {
|
|
81
|
+
q(t), s == null || s(t);
|
|
82
|
+
const n = P(t, d);
|
|
83
|
+
k(n), h(!0), setTimeout(() => {
|
|
84
|
+
if (p.current) {
|
|
85
|
+
p.current.focus(), p.current.scrollLeft = p.current.scrollWidth;
|
|
86
|
+
const c = n.length;
|
|
87
|
+
p.current.setSelectionRange(c, c);
|
|
86
88
|
}
|
|
87
89
|
}, 0);
|
|
88
|
-
},
|
|
89
|
-
if (
|
|
90
|
+
}, A = (t) => {
|
|
91
|
+
if (_) return;
|
|
90
92
|
const n = t.target.value;
|
|
91
|
-
|
|
92
|
-
const
|
|
93
|
-
(C) =>
|
|
93
|
+
k(n), v == null || v(n);
|
|
94
|
+
const c = n.split(",").map((C) => C.trim()).filter(Boolean), T = m.filter(
|
|
95
|
+
(C) => c.includes(C[d])
|
|
94
96
|
);
|
|
95
|
-
|
|
97
|
+
q(T), s == null || s(T), h(!0);
|
|
96
98
|
}, $ = (t) => {
|
|
97
|
-
const n =
|
|
98
|
-
(
|
|
99
|
+
const n = u.filter(
|
|
100
|
+
(c) => c.id !== t.id
|
|
99
101
|
);
|
|
100
|
-
|
|
101
|
-
},
|
|
102
|
+
q(n), s == null || s(n), k(P(n, d));
|
|
103
|
+
}, L = () => h((t) => !t), ee = (t) => {
|
|
102
104
|
t.preventDefault(), t.currentTarget.focus();
|
|
103
105
|
const n = t.currentTarget.value.length;
|
|
104
106
|
t.currentTarget.setSelectionRange(n, n);
|
|
105
107
|
}, te = () => {
|
|
106
|
-
|
|
108
|
+
k(""), q([]), s == null || s([]);
|
|
107
109
|
}, ne = (t) => {
|
|
108
110
|
t.stopPropagation(), te();
|
|
109
111
|
}, oe = (t) => {
|
|
110
|
-
|
|
112
|
+
_ && t.target.blur();
|
|
111
113
|
};
|
|
112
|
-
return
|
|
114
|
+
return R(() => {
|
|
113
115
|
const t = (n) => {
|
|
114
|
-
w.current && !w.current.contains(n.target) && !n.defaultPrevented &&
|
|
116
|
+
w.current && !w.current.contains(n.target) && !n.defaultPrevented && h(!1);
|
|
115
117
|
};
|
|
116
118
|
return document.addEventListener("mousedown", t), () => {
|
|
117
119
|
document.removeEventListener("mousedown", t);
|
|
118
120
|
};
|
|
119
|
-
}, []), /* @__PURE__ */
|
|
121
|
+
}, []), /* @__PURE__ */ g("div", { ref: w, children: [
|
|
120
122
|
/* @__PURE__ */ o(
|
|
121
|
-
|
|
123
|
+
pe,
|
|
122
124
|
{
|
|
123
125
|
multiple: !0,
|
|
124
126
|
as: "div",
|
|
125
|
-
value:
|
|
126
|
-
className:
|
|
127
|
-
[e.full]:
|
|
128
|
-
[e.disabled]:
|
|
127
|
+
value: u,
|
|
128
|
+
className: l(e["multi-select-search"], {
|
|
129
|
+
[e.full]: K,
|
|
130
|
+
[e.disabled]: r
|
|
129
131
|
}),
|
|
130
132
|
onChange: Z,
|
|
131
|
-
ref:
|
|
132
|
-
disabled:
|
|
133
|
-
virtual: { options:
|
|
134
|
-
children: /* @__PURE__ */
|
|
133
|
+
ref: J,
|
|
134
|
+
disabled: r,
|
|
135
|
+
virtual: { options: O },
|
|
136
|
+
children: /* @__PURE__ */ g(
|
|
135
137
|
"div",
|
|
136
138
|
{
|
|
137
|
-
className:
|
|
138
|
-
[e["container-open"]]:
|
|
139
|
+
className: l(e.container, e[i], {
|
|
140
|
+
[e["container-open"]]: b
|
|
139
141
|
}),
|
|
140
142
|
children: [
|
|
141
|
-
|
|
143
|
+
_ && /* @__PURE__ */ g("div", { className: e["input-container"], children: [
|
|
142
144
|
/* @__PURE__ */ o(
|
|
143
145
|
G,
|
|
144
146
|
{
|
|
145
|
-
disabled:
|
|
147
|
+
disabled: r,
|
|
146
148
|
style: { width: "100%" },
|
|
147
|
-
onClick:
|
|
149
|
+
onClick: L,
|
|
148
150
|
children: /* @__PURE__ */ o(
|
|
149
151
|
W,
|
|
150
152
|
{
|
|
151
|
-
as:
|
|
153
|
+
as: j,
|
|
152
154
|
label: x,
|
|
153
|
-
size:
|
|
154
|
-
className:
|
|
155
|
-
[e["multi-select-input-disabled"]]:
|
|
155
|
+
size: F(i),
|
|
156
|
+
className: l(e["multi-select-input"], {
|
|
157
|
+
[e["multi-select-input-disabled"]]: _ && I
|
|
156
158
|
}),
|
|
157
|
-
onChange:
|
|
158
|
-
value:
|
|
159
|
-
disabled:
|
|
160
|
-
variant:
|
|
159
|
+
onChange: A,
|
|
160
|
+
value: f,
|
|
161
|
+
disabled: r,
|
|
162
|
+
variant: D,
|
|
161
163
|
rightSlotClassName: e["right-slot"],
|
|
162
164
|
requiredMarkClassName: e["required-mark"],
|
|
163
165
|
"data-testid": "select-search-input",
|
|
164
166
|
onFocus: oe,
|
|
165
167
|
rightAddon: {
|
|
166
168
|
addonType: "icon",
|
|
167
|
-
addonContent:
|
|
169
|
+
addonContent: le(b, i)
|
|
168
170
|
},
|
|
169
|
-
...
|
|
171
|
+
...z
|
|
170
172
|
}
|
|
171
173
|
)
|
|
172
174
|
}
|
|
173
175
|
),
|
|
174
|
-
|
|
175
|
-
|
|
176
|
+
I && f && /* @__PURE__ */ o(
|
|
177
|
+
ce,
|
|
176
178
|
{
|
|
177
179
|
tabIndex: -1,
|
|
178
|
-
className:
|
|
179
|
-
[e.disabled]:
|
|
180
|
+
className: l(e.clear, {
|
|
181
|
+
[e.disabled]: r
|
|
180
182
|
}),
|
|
181
183
|
iconButtonClassName: e["icon-button"],
|
|
182
184
|
isIconButton: !0,
|
|
183
185
|
iconName: "Close16px",
|
|
184
186
|
size: "m-s",
|
|
185
187
|
clear: !0,
|
|
186
|
-
disabled:
|
|
188
|
+
disabled: r,
|
|
187
189
|
variant: "secondary-gray",
|
|
188
190
|
onClick: ne,
|
|
189
191
|
"data-testid": "clear-button"
|
|
190
192
|
}
|
|
191
193
|
)
|
|
192
194
|
] }),
|
|
193
|
-
!
|
|
195
|
+
!_ && /* @__PURE__ */ o(
|
|
194
196
|
W,
|
|
195
197
|
{
|
|
196
|
-
as:
|
|
198
|
+
as: j,
|
|
197
199
|
label: x,
|
|
198
|
-
size:
|
|
200
|
+
size: F(i),
|
|
199
201
|
className: e["multi-select-input"],
|
|
200
202
|
rightSlotClassName: e["right-slot"],
|
|
201
203
|
requiredMarkClassName: e["required-mark"],
|
|
202
|
-
value:
|
|
203
|
-
disabled:
|
|
204
|
-
variant:
|
|
205
|
-
withClearButton:
|
|
206
|
-
onFocus: () =>
|
|
204
|
+
value: f,
|
|
205
|
+
disabled: r,
|
|
206
|
+
variant: D,
|
|
207
|
+
withClearButton: I,
|
|
208
|
+
onFocus: () => h(!0),
|
|
207
209
|
onMouseDown: ee,
|
|
208
|
-
onChange:
|
|
209
|
-
ref:
|
|
210
|
+
onChange: A,
|
|
211
|
+
ref: p,
|
|
210
212
|
rightAddon: {
|
|
211
213
|
addonType: "react-node",
|
|
212
|
-
addonContent:
|
|
214
|
+
addonContent: U && /* @__PURE__ */ o(
|
|
213
215
|
G,
|
|
214
216
|
{
|
|
215
|
-
className:
|
|
216
|
-
[e.disabled]:
|
|
217
|
+
className: l(e.button, {
|
|
218
|
+
[e.disabled]: r
|
|
217
219
|
}),
|
|
218
|
-
disabled:
|
|
219
|
-
onMouseDown:
|
|
220
|
+
disabled: r,
|
|
221
|
+
onMouseDown: L,
|
|
220
222
|
children: /* @__PURE__ */ o(
|
|
221
|
-
|
|
223
|
+
re,
|
|
222
224
|
{
|
|
223
225
|
iconName: i == M.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
|
|
224
|
-
className:
|
|
225
|
-
[e["selector-icon-open"]]:
|
|
226
|
+
className: l(e["selector-icon"], {
|
|
227
|
+
[e["selector-icon-open"]]: b
|
|
226
228
|
})
|
|
227
229
|
}
|
|
228
230
|
)
|
|
@@ -230,16 +232,16 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_mkspj_5", fe =
|
|
|
230
232
|
)
|
|
231
233
|
},
|
|
232
234
|
"data-testid": "select-search-input",
|
|
233
|
-
...
|
|
235
|
+
...z
|
|
234
236
|
}
|
|
235
237
|
),
|
|
236
|
-
|
|
237
|
-
|
|
238
|
+
b && /* @__PURE__ */ o(V, { children: m.length ? O.length ? /* @__PURE__ */ o(
|
|
239
|
+
me,
|
|
238
240
|
{
|
|
239
|
-
className:
|
|
241
|
+
className: l(
|
|
240
242
|
e.options,
|
|
241
243
|
e[i],
|
|
242
|
-
e[
|
|
244
|
+
e[N]
|
|
243
245
|
),
|
|
244
246
|
modal: !1,
|
|
245
247
|
static: !0,
|
|
@@ -247,7 +249,7 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_mkspj_5", fe =
|
|
|
247
249
|
_e,
|
|
248
250
|
{
|
|
249
251
|
value: t,
|
|
250
|
-
className: ({ focus: n }) =>
|
|
252
|
+
className: ({ focus: n }) => l(
|
|
251
253
|
e.option,
|
|
252
254
|
Q,
|
|
253
255
|
i && e[i],
|
|
@@ -255,16 +257,16 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_mkspj_5", fe =
|
|
|
255
257
|
[e["option-active"]]: n
|
|
256
258
|
}
|
|
257
259
|
),
|
|
258
|
-
children: /* @__PURE__ */
|
|
259
|
-
/* @__PURE__ */
|
|
260
|
+
children: /* @__PURE__ */ g(V, { children: [
|
|
261
|
+
/* @__PURE__ */ g("div", { className: e["option-inner"], children: [
|
|
260
262
|
t.name,
|
|
261
263
|
t.bottom && /* @__PURE__ */ o("div", { children: t.bottom })
|
|
262
264
|
] }),
|
|
263
265
|
/* @__PURE__ */ o(
|
|
264
|
-
|
|
266
|
+
ae,
|
|
265
267
|
{
|
|
266
268
|
isInteractive: !1,
|
|
267
|
-
checked:
|
|
269
|
+
checked: u.some(
|
|
268
270
|
(n) => n.id === t.id
|
|
269
271
|
)
|
|
270
272
|
}
|
|
@@ -277,22 +279,22 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_mkspj_5", fe =
|
|
|
277
279
|
) : /* @__PURE__ */ o(
|
|
278
280
|
"div",
|
|
279
281
|
{
|
|
280
|
-
className:
|
|
282
|
+
className: l(
|
|
281
283
|
e.options,
|
|
282
284
|
e[i],
|
|
283
285
|
e["no-options"],
|
|
284
|
-
e[
|
|
286
|
+
e[N]
|
|
285
287
|
),
|
|
286
288
|
children: "Ничего не найдено"
|
|
287
289
|
}
|
|
288
290
|
) : /* @__PURE__ */ o(
|
|
289
291
|
"div",
|
|
290
292
|
{
|
|
291
|
-
className:
|
|
293
|
+
className: l(
|
|
292
294
|
e.options,
|
|
293
295
|
e[i],
|
|
294
296
|
e["no-options"],
|
|
295
|
-
e[
|
|
297
|
+
e[N]
|
|
296
298
|
),
|
|
297
299
|
children: "Нет данных"
|
|
298
300
|
}
|
|
@@ -302,15 +304,15 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_mkspj_5", fe =
|
|
|
302
304
|
)
|
|
303
305
|
}
|
|
304
306
|
),
|
|
305
|
-
X &&
|
|
306
|
-
|
|
307
|
+
X && u.length > 0 && /* @__PURE__ */ o("div", { className: e["chip-container"], children: u.map((t) => /* @__PURE__ */ o(
|
|
308
|
+
ue,
|
|
307
309
|
{
|
|
308
310
|
size: i === M.L ? "s" : "xs",
|
|
309
311
|
variant: Y,
|
|
310
|
-
className: e
|
|
312
|
+
className: e["chip-root"],
|
|
311
313
|
withAction: !0,
|
|
312
314
|
onClose: () => $(t),
|
|
313
|
-
children: t.name
|
|
315
|
+
children: /* @__PURE__ */ o("span", { className: e.chip, children: t.name })
|
|
314
316
|
},
|
|
315
317
|
t.id
|
|
316
318
|
)) })
|
|
@@ -318,5 +320,5 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_mkspj_5", fe =
|
|
|
318
320
|
}
|
|
319
321
|
);
|
|
320
322
|
export {
|
|
321
|
-
|
|
323
|
+
Fe as MultiSelectSearch
|
|
322
324
|
};
|
|
@@ -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-CxcCZOIp.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",
|
|
@@ -5,7 +5,7 @@ import { ESelectSearchSize as v } from "./constants.js";
|
|
|
5
5
|
import { mapSizeToInputSize as D, getDropdownArrowIcon as R } from "./utils.js";
|
|
6
6
|
import { Icon as q } from "../../icons/Icon.js";
|
|
7
7
|
import { Button as $ } from "../Button/Button.js";
|
|
8
|
-
import { I as A } from "../../Input-
|
|
8
|
+
import { I as A } from "../../Input-CxcCZOIp.js";
|
|
9
9
|
import { EInputVariant as J } from "../Input/constants.js";
|
|
10
10
|
import { H as Q, U as B, G as M, K as X, W as Y } from "../../combobox-CDU06zJj.js";
|
|
11
11
|
import '../../assets/SelectSearch.css';const Z = "_disabled_rphak_5", ee = "_container_rphak_9", te = "_full_rphak_22", oe = "_button_rphak_34", ae = "_options_rphak_48", ne = "_top_rphak_59", se = "_bottom_rphak_64", re = "_m_rphak_91", ie = "_l_rphak_106", le = "_option_rphak_48", ce = "_clear_rphak_160", e = {
|
|
@@ -5,7 +5,7 @@ import { useAutoResizeTextArea as Y } from "./hooks.js";
|
|
|
5
5
|
import { useMergeRefs as Z } from "../../hooks/useMergeRefs/useMergeRefs.js";
|
|
6
6
|
import { Icon as $ } from "../../icons/Icon.js";
|
|
7
7
|
import { Button as ee } from "../Button/Button.js";
|
|
8
|
-
import { c as e } from "../../Input-
|
|
8
|
+
import { c as e } from "../../Input-CxcCZOIp.js";
|
|
9
9
|
import { EInputVariant as ae } from "../Input/constants.js";
|
|
10
10
|
import '../../assets/TextArea.css';const te = "_textarea_1n8kz_2", se = "_label_1n8kz_22", re = "_s_1n8kz_54", le = "_m_1n8kz_62", ne = "_l_1n8kz_22", a = {
|
|
11
11
|
"textarea-wrapper": "_textarea-wrapper_1n8kz_2",
|
package/dist/components/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Button as e } from "./Button/Button.js";
|
|
2
2
|
import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as i, EButtonVariantDefault as m, EButtonVariantOutline as f, EButtonVariantRound as x } from "./Button/constants.js";
|
|
3
|
-
import { I as S } from "../Input-
|
|
3
|
+
import { I as S } from "../Input-CxcCZOIp.js";
|
|
4
4
|
import { EInputSize as u, EInputStatus as l, EInputVariant as s } from "./Input/constants.js";
|
|
5
5
|
import { TextArea as c } from "./TextArea/TextArea.js";
|
|
6
6
|
import { InputPassword as I } from "./InputPassword/InputPassword.js";
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Button as e } from "./components/Button/Button.js";
|
|
2
2
|
import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as m, EButtonVariantDefault as f, EButtonVariantOutline as i, EButtonVariantRound as x } from "./components/Button/constants.js";
|
|
3
|
-
import { I as u } from "./Input-
|
|
3
|
+
import { I as u } from "./Input-CxcCZOIp.js";
|
|
4
4
|
import { EInputSize as S, EInputStatus as E, EInputVariant as l } from "./components/Input/constants.js";
|
|
5
5
|
import { TextArea as c } from "./components/TextArea/TextArea.js";
|
|
6
6
|
import { InputPassword as I } from "./components/InputPassword/InputPassword.js";
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "mimir-ui-kit",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "1.36.
|
|
4
|
+
"version": "1.36.5",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
7
7
|
".": {
|
|
@@ -52,8 +52,6 @@
|
|
|
52
52
|
"devDependencies": {
|
|
53
53
|
"@chromatic-com/storybook": "^1.6.1",
|
|
54
54
|
"@headlessui/react": "^2.1.8",
|
|
55
|
-
"@laynezh/vite-plugin-lib-assets": "^0.5.23",
|
|
56
|
-
"@loadable/component": "^5.15.2",
|
|
57
55
|
"@storybook/addon-essentials": "^8.2.2",
|
|
58
56
|
"@storybook/addon-interactions": "^8.2.2",
|
|
59
57
|
"@storybook/addon-links": "^8.2.2",
|