mimir-ui-kit 1.36.7 → 1.36.8
Sign up to get free protection for your applications and to get access to all the features.
package/dist/assets/TextArea.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
._textarea-
|
1
|
+
._textarea-wrapper_1b24r_2 ._textarea_1b24r_2{min-height:var(--textarea-height);padding-top:var(--textarea-space)!important;padding-bottom:var(--textarea-space);resize:none}._textarea-wrapper_1b24r_2 ._textarea_1b24r_2._has-label_1b24r_8{padding-top:var(--textarea-top-space)!important}._textarea-wrapper_1b24r_2 ._required-mark_1b24r_11{display:block;flex:0 0 var(--input-required-mark-size);align-self:flex-start;width:var(--input-required-mark-size);height:var(--input-required-mark-size);margin-top:var(--textarea-space);margin-left:var(--mimir-space-m);background-color:var(--citrine-normal);border-radius:50%}._textarea-wrapper_1b24r_2 ._label_1b24r_22{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;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none}._textarea-wrapper_1b24r_2 ._label_1b24r_22._has-left-slot_1b24r_37{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--clear-button-mg))}._textarea-wrapper_1b24r_2 ._label_1b24r_22._active-label_1b24r_40{font-size:var(--label-font-size-active);transform:translateY(calc(var(--label-font-size-active) * -1))}._textarea-wrapper_1b24r_2 ._label_1b24r_22._active-label_1b24r_40._has-left-slot_1b24r_37{left:var(--mimir-space-m)}._textarea-wrapper_1b24r_2 ._label_1b24r_22._active-label_1b24r_40 ._required-mark_1b24r_11{align-self:center;margin-top:0;margin-left:0}._s_1b24r_53{--textarea-space: var(--mimir-space-2s);--textarea-top-space: var(--mimir-space-l);--textarea-height: 76px;--textarea-padding: var(--mimir-space-xs) var(--mimir-space-s)}._m_1b24r_60{--textarea-space: var(--mimir-space-2s);--textarea-top-space: var(--mimir-space-l);--textarea-height: 88px;--textarea-padding: var(--mimir-space-xs) var(--mimir-space-s)}._l_1b24r_22{--textarea-space: var(--mimir-space-2m);--textarea-top-space: 25px;--textarea-height: 120px;--textarea-padding: var(--mimir-space-2m)}
|
@@ -7,31 +7,31 @@ import { Icon as $ } from "../../icons/Icon.js";
|
|
7
7
|
import { Button as ee } from "../Button/Button.js";
|
8
8
|
import { c as e } from "../../Input-WnjLXNpw.js";
|
9
9
|
import { EInputVariant as ae } from "../Input/constants.js";
|
10
|
-
import '../../assets/TextArea.css';const te = "
|
11
|
-
"textarea-wrapper": "_textarea-
|
10
|
+
import '../../assets/TextArea.css';const te = "_textarea_1b24r_2", se = "_label_1b24r_22", re = "_s_1b24r_53", le = "_m_1b24r_60", oe = "_l_1b24r_22", a = {
|
11
|
+
"textarea-wrapper": "_textarea-wrapper_1b24r_2",
|
12
12
|
textarea: te,
|
13
|
-
"has-label": "_has-
|
14
|
-
"required-mark": "_required-
|
13
|
+
"has-label": "_has-label_1b24r_8",
|
14
|
+
"required-mark": "_required-mark_1b24r_11",
|
15
15
|
label: se,
|
16
|
-
"has-left-slot": "_has-left-
|
17
|
-
"active-label": "_active-
|
16
|
+
"has-left-slot": "_has-left-slot_1b24r_37",
|
17
|
+
"active-label": "_active-label_1b24r_40",
|
18
18
|
s: re,
|
19
19
|
m: le,
|
20
20
|
l: oe
|
21
21
|
}, F = (t) => {
|
22
|
-
var
|
22
|
+
var p, n;
|
23
23
|
if (!t)
|
24
24
|
return null;
|
25
25
|
switch (t.addonType) {
|
26
26
|
case "icon": {
|
27
|
-
const
|
27
|
+
const b = (p = t.addonContent) == null ? void 0 : p.includes("16px"), x = (n = t.addonContent) == null ? void 0 : n.includes("24px");
|
28
28
|
return /* @__PURE__ */ o(
|
29
29
|
$,
|
30
30
|
{
|
31
31
|
style: {
|
32
32
|
"--icon-size": i({
|
33
|
-
"16px":
|
34
|
-
"24px":
|
33
|
+
"16px": b,
|
34
|
+
"24px": x
|
35
35
|
})
|
36
36
|
},
|
37
37
|
className: e["addon-icon"],
|
@@ -46,18 +46,18 @@ import '../../assets/TextArea.css';const te = "_textarea_rmhew_2", se = "_label_
|
|
46
46
|
}
|
47
47
|
}, ne = K(
|
48
48
|
Q(
|
49
|
-
(t,
|
49
|
+
(t, p) => {
|
50
50
|
const {
|
51
51
|
value: n,
|
52
|
-
className:
|
53
|
-
wrapperClassName:
|
52
|
+
className: b,
|
53
|
+
wrapperClassName: x,
|
54
54
|
variant: R = ae.DefaultGray,
|
55
|
-
autofocus:
|
55
|
+
autofocus: N,
|
56
56
|
readonly: s,
|
57
57
|
status: T,
|
58
58
|
id: z,
|
59
|
-
onFocus:
|
60
|
-
onBlur:
|
59
|
+
onFocus: g,
|
60
|
+
onBlur: C,
|
61
61
|
label: d,
|
62
62
|
onChange: c,
|
63
63
|
withClearButton: j,
|
@@ -65,46 +65,46 @@ import '../../assets/TextArea.css';const te = "_textarea_rmhew_2", se = "_label_
|
|
65
65
|
rightAddon: E,
|
66
66
|
leftAddon: L,
|
67
67
|
size: m = "m",
|
68
|
-
required:
|
68
|
+
required: v,
|
69
69
|
...D
|
70
|
-
} = t, [
|
70
|
+
} = t, [f, A] = B(N), [_, w] = B(!!n), r = U(null), G = Z(r, p);
|
71
71
|
X(() => {
|
72
|
-
|
73
|
-
}, [
|
72
|
+
N && A(!0);
|
73
|
+
}, [N]);
|
74
74
|
const I = Y(r.current), M = (l) => {
|
75
75
|
const q = l.currentTarget.value;
|
76
|
-
|
76
|
+
C == null || C(l), A(!1), w(!!q);
|
77
77
|
}, O = (l) => {
|
78
|
-
s || (
|
78
|
+
s || (A(!0), g == null || g(l));
|
79
79
|
}, P = () => {
|
80
|
-
r != null && r.current && (r.current.value = "", r.current.focus(),
|
80
|
+
r != null && r.current && (r.current.value = "", r.current.focus(), w(!1), I(), c == null || c({
|
81
81
|
target: { value: "" }
|
82
82
|
}));
|
83
83
|
}, S = (l) => {
|
84
84
|
const q = l.target.value;
|
85
|
-
|
86
|
-
},
|
85
|
+
w(!!q), I(), c == null || c(l);
|
86
|
+
}, h = F(L), y = F(E), W = {
|
87
87
|
[e.readonly]: u || s,
|
88
|
-
[e.focused]:
|
88
|
+
[e.focused]: f,
|
89
89
|
[e.disabled]: u || s,
|
90
|
-
[e["has-left-slot"]]: !!
|
90
|
+
[e["has-left-slot"]]: !!h,
|
91
91
|
[e["has-right-slot"]]: !!y,
|
92
92
|
[a["has-label"]]: !!d
|
93
|
-
}, k =
|
93
|
+
}, k = f || _ || !!n, H = i(
|
94
94
|
e.label,
|
95
95
|
a.label,
|
96
96
|
{
|
97
97
|
[a["active-label"]]: k,
|
98
98
|
[e.disabled]: u || s,
|
99
|
-
[a["has-left-slot"]]: !!
|
99
|
+
[a["has-left-slot"]]: !!h
|
100
100
|
},
|
101
|
-
|
101
|
+
b,
|
102
102
|
e[m]
|
103
103
|
), J = i(
|
104
104
|
a.textarea,
|
105
105
|
e.input,
|
106
106
|
W,
|
107
|
-
|
107
|
+
b,
|
108
108
|
[e[R], a[m], e[m], e[T ?? ""]]
|
109
109
|
);
|
110
110
|
return /* @__PURE__ */ V(
|
@@ -119,14 +119,14 @@ import '../../assets/TextArea.css';const te = "_textarea_rmhew_2", se = "_label_
|
|
119
119
|
e[m],
|
120
120
|
{
|
121
121
|
[e.disabled]: u || s,
|
122
|
-
[e.focused]:
|
122
|
+
[e.focused]: f
|
123
123
|
},
|
124
|
-
|
124
|
+
x
|
125
125
|
),
|
126
126
|
children: [
|
127
127
|
d && /* @__PURE__ */ V("label", { htmlFor: z, className: H, children: [
|
128
128
|
d,
|
129
|
-
|
129
|
+
v && (_ || f) && /* @__PURE__ */ o(
|
130
130
|
"span",
|
131
131
|
{
|
132
132
|
className: a["required-mark"],
|
@@ -134,7 +134,7 @@ import '../../assets/TextArea.css';const te = "_textarea_rmhew_2", se = "_label_
|
|
134
134
|
}
|
135
135
|
)
|
136
136
|
] }),
|
137
|
-
|
137
|
+
h && /* @__PURE__ */ o(
|
138
138
|
"span",
|
139
139
|
{
|
140
140
|
className: i(e["left-slot"], {
|
@@ -142,7 +142,7 @@ import '../../assets/TextArea.css';const te = "_textarea_rmhew_2", se = "_label_
|
|
142
142
|
[e["has-label"]]: !!d
|
143
143
|
}),
|
144
144
|
"data-testid": "left-addon",
|
145
|
-
children:
|
145
|
+
children: h
|
146
146
|
}
|
147
147
|
),
|
148
148
|
/* @__PURE__ */ o(
|
@@ -156,7 +156,7 @@ import '../../assets/TextArea.css';const te = "_textarea_rmhew_2", se = "_label_
|
|
156
156
|
readOnly: s,
|
157
157
|
value: n,
|
158
158
|
onChange: S,
|
159
|
-
required:
|
159
|
+
required: v,
|
160
160
|
...D
|
161
161
|
}
|
162
162
|
),
|
@@ -171,7 +171,7 @@ import '../../assets/TextArea.css';const te = "_textarea_rmhew_2", se = "_label_
|
|
171
171
|
children: y
|
172
172
|
}
|
173
173
|
),
|
174
|
-
|
174
|
+
v && !_ && !f && /* @__PURE__ */ o(
|
175
175
|
"span",
|
176
176
|
{
|
177
177
|
className: a["required-mark"],
|