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.
@@ -1 +1 @@
1
- ._textarea-wrapper_rmhew_2 ._textarea_rmhew_2{min-height:var(--textarea-height);padding-top:var(--textarea-space)!important;padding-bottom:var(--textarea-space);resize:none}._textarea-wrapper_rmhew_2 ._textarea_rmhew_2._has-label_rmhew_8{padding-top:var(--textarea-top-space)!important}._textarea-wrapper_rmhew_2 ._required-mark_rmhew_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_rmhew_2 ._label_rmhew_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,left .15s ease-out,color .15s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none}._textarea-wrapper_rmhew_2 ._label_rmhew_22._has-left-slot_rmhew_37{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--clear-button-mg))}._textarea-wrapper_rmhew_2 ._label_rmhew_22._active-label_rmhew_40{font-size:var(--label-font-size-active);transform:translateY(calc(var(--label-font-size-active) * -1))}._textarea-wrapper_rmhew_2 ._label_rmhew_22._active-label_rmhew_40._has-left-slot_rmhew_37{left:var(--mimir-space-m)}._textarea-wrapper_rmhew_2 ._label_rmhew_22._active-label_rmhew_40 ._required-mark_rmhew_11{align-self:center;margin-top:0;margin-left:0}._s_rmhew_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_rmhew_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_rmhew_22{--textarea-space: var(--mimir-space-2m);--textarea-top-space: 25px;--textarea-height: 120px;--textarea-padding: var(--mimir-space-2m)}
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 = "_textarea_rmhew_2", se = "_label_rmhew_22", re = "_s_rmhew_53", le = "_m_rmhew_60", oe = "_l_rmhew_22", a = {
11
- "textarea-wrapper": "_textarea-wrapper_rmhew_2",
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-label_rmhew_8",
14
- "required-mark": "_required-mark_rmhew_11",
13
+ "has-label": "_has-label_1b24r_8",
14
+ "required-mark": "_required-mark_1b24r_11",
15
15
  label: se,
16
- "has-left-slot": "_has-left-slot_rmhew_37",
17
- "active-label": "_active-label_rmhew_40",
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 f, n;
22
+ var p, n;
23
23
  if (!t)
24
24
  return null;
25
25
  switch (t.addonType) {
26
26
  case "icon": {
27
- const p = (f = t.addonContent) == null ? void 0 : f.includes("16px"), b = (n = t.addonContent) == null ? void 0 : n.includes("24px");
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": p,
34
- "24px": b
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, f) => {
49
+ (t, p) => {
50
50
  const {
51
51
  value: n,
52
- className: p,
53
- wrapperClassName: b,
52
+ className: b,
53
+ wrapperClassName: x,
54
54
  variant: R = ae.DefaultGray,
55
- autofocus: w,
55
+ autofocus: N,
56
56
  readonly: s,
57
57
  status: T,
58
58
  id: z,
59
- onFocus: N,
60
- onBlur: g,
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: C,
68
+ required: v,
69
69
  ...D
70
- } = t, [h, v] = B(w), [_, A] = B(!!n), r = U(null), G = Z(r, f);
70
+ } = t, [f, A] = B(N), [_, w] = B(!!n), r = U(null), G = Z(r, p);
71
71
  X(() => {
72
- w && v(!0);
73
- }, [w]);
72
+ N && A(!0);
73
+ }, [N]);
74
74
  const I = Y(r.current), M = (l) => {
75
75
  const q = l.currentTarget.value;
76
- g == null || g(l), v(!1), A(!!q);
76
+ C == null || C(l), A(!1), w(!!q);
77
77
  }, O = (l) => {
78
- s || (v(!0), N == null || N(l));
78
+ s || (A(!0), g == null || g(l));
79
79
  }, P = () => {
80
- r != null && r.current && (r.current.value = "", r.current.focus(), A(!1), I(), c == null || c({
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
- A(!!q), I(), c == null || c(l);
86
- }, x = F(L), y = F(E), W = {
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]: h,
88
+ [e.focused]: f,
89
89
  [e.disabled]: u || s,
90
- [e["has-left-slot"]]: !!x,
90
+ [e["has-left-slot"]]: !!h,
91
91
  [e["has-right-slot"]]: !!y,
92
92
  [a["has-label"]]: !!d
93
- }, k = h || _ || !!n, H = i(
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"]]: !!x
99
+ [a["has-left-slot"]]: !!h
100
100
  },
101
- p,
101
+ b,
102
102
  e[m]
103
103
  ), J = i(
104
104
  a.textarea,
105
105
  e.input,
106
106
  W,
107
- p,
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]: h
122
+ [e.focused]: f
123
123
  },
124
- b
124
+ x
125
125
  ),
126
126
  children: [
127
127
  d && /* @__PURE__ */ V("label", { htmlFor: z, className: H, children: [
128
128
  d,
129
- C && (_ || h) && /* @__PURE__ */ o(
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
- x && /* @__PURE__ */ o(
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: x
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: C,
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
- C && !_ && !h && /* @__PURE__ */ o(
174
+ v && !_ && !f && /* @__PURE__ */ o(
175
175
  "span",
176
176
  {
177
177
  className: a["required-mark"],
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "mimir-ui-kit",
3
3
  "private": false,
4
- "version": "1.36.7",
4
+ "version": "1.36.8",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {