mimir-ui-kit 1.36.7 → 1.36.9

package/dist/{Input-WnjLXNpw.js → Input-CbgqYgLo.js}

@@ -1,46 +1,46 @@
-import { jsxs as B, jsx as c, Fragment as Y } from "react/jsx-runtime";
-import { c as o } from "./index-DIxK0V-G.js";
-import { memo as Z, forwardRef as $, useState as R, useRef as ee, useEffect as z } from "react";
-import { EInputVariant as te } from "./components/Input/constants.js";
-import { useMergeRefs as se } from "./hooks/useMergeRefs/useMergeRefs.js";
-import { Icon as ae } from "./icons/Icon.js";
-import { Button as le } from "./components/Button/Button.js";
-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 = {
+import { jsxs as B, jsx as c, Fragment as Z } from "react/jsx-runtime";
+import { c as r } from "./index-DIxK0V-G.js";
+import { memo as $, forwardRef as ee, useState as R, useRef as te, useEffect as z } from "react";
+import { EInputVariant as se } from "./components/Input/constants.js";
+import { useMergeRefs as ae } from "./hooks/useMergeRefs/useMergeRefs.js";
+import { Icon as le } from "./icons/Icon.js";
+import { Button as oe } from "./components/Button/Button.js";
+import './assets/Input.css';const re = "_label_1bpoc_27", ce = "_input_1bpoc_3", ne = "_focused_1bpoc_82", ie = "_disabled_1bpoc_88", de = "_clear_1bpoc_137", ue = "_s_1bpoc_188", pe = "_m_1bpoc_203", _e = "_l_1bpoc_27", me = "_success_1bpoc_259", be = "_alarm_1bpoc_279", fe = "_error_1bpoc_299", e = {
   "input-wrapper": "_input-wrapper_1bpoc_3",
   "required-mark": "_required-mark_1bpoc_17",
   label: re,
   "has-left-slot": "_has-left-slot_1bpoc_42",
   "active-label": "_active-label_1bpoc_45",
-  input: oe,
+  input: ce,
   "has-right-slot": "_has-right-slot_1bpoc_79",
-  focused: ce,
+  focused: ne,
   "has-label": "_has-label_1bpoc_85",
-  disabled: ne,
+  disabled: ie,
   "auto-height": "_auto-height_1bpoc_94",
   "addon-icon": "_addon-icon_1bpoc_101",
   "left-slot": "_left-slot_1bpoc_105",
   "right-slot": "_right-slot_1bpoc_106",
-  clear: ie,
-  s: de,
-  m: ue,
+  clear: de,
+  s: ue,
+  m: pe,
   l: _e,
   "default-gray": "_default-gray_1bpoc_232",
   "default-white": "_default-white_1bpoc_244",
-  success: pe,
-  alarm: me,
-  error: be
+  success: me,
+  alarm: be,
+  error: fe
 }, L = (t) => {
-  var p, a;
+  var _, a;
   if (!t)
     return null;
   switch (t.addonType) {
     case "icon": {
-      const m = (p = t.addonContent) == null ? void 0 : p.includes("16px"), g = (a = t.addonContent) == null ? void 0 : a.includes("24px");
+      const m = (_ = t.addonContent) == null ? void 0 : _.includes("16px"), g = (a = t.addonContent) == null ? void 0 : a.includes("24px");
       return /* @__PURE__ */ c(
-        ae,
+        le,
         {
           style: {
-            "--icon-size": o({
+            "--icon-size": r({
               "16px": m,
               "24px": g
             })
@@ -53,26 +53,26 @@ import './assets/Input.css';const re = "_label_1bpoc_27", oe = "_input_1bpoc_3",
     case "text":
       return t.addonContent;
     case "react-node":
-      return /* @__PURE__ */ c(Y, { children: t.addonContent });
+      return /* @__PURE__ */ c(Z, { children: t.addonContent });
     default:
       return null;
   }
-}, fe = Z(
-  $(
-    (t, p) => {
+}, he = $(
+  ee(
+    (t, _) => {
       const {
         value: a,
         className: m,
         wrapperClassName: g,
         rightSlotClassName: j,
         requiredMarkClassName: D,
-        variant: A = te.DefaultGray,
+        variant: A = se.DefaultGray,
         type: E = "text",
         autofocus: N,
         readonly: n,
         id: F,
         onFocus: x,
-        onBlur: y,
+        onBlur: C,
         label: u,
         withClearButton: M,
         disabled: s,
@@ -80,63 +80,64 @@ import './assets/Input.css';const re = "_label_1bpoc_27", oe = "_input_1bpoc_3",
         rightAddon: O,
         status: V,
         leftAddon: S,
-        size: C = "m",
+        size: y = "m",
         numbersOnly: T,
         required: v,
         maxLength: w,
-        ...G
-      } = t, [_, I] = R(N), [b, f] = R(!!a), d = ee(null), P = se(d, p);
+        autocomplete: G = "on",
+        ...P
+      } = t, [p, I] = R(N), [b, f] = R(!!a), d = te(null), W = ae(d, _);
       z(() => {
         N && I(!0);
       }, [N]), z(() => {
         f(!!a);
       }, [a]);
-      const W = (l) => {
-        const r = l.currentTarget.value;
-        y == null || y(l), I(!1), f(!!r);
-      }, H = (l) => {
+      const H = (l) => {
+        const o = l.currentTarget.value;
+        C == null || C(l), I(!1), f(!!o);
+      }, J = (l) => {
         n || (I(!0), x == null || x(l));
-      }, J = () => {
+      }, K = () => {
         d != null && d.current && (d.current.value = "", d.current.focus(), f(!1), i == null || i({
           target: { value: "" }
         }));
-      }, K = (l) => {
-        let r = l.target.value;
-        T && (r = r.replace(/\D/g, "")), w !== void 0 && (r = r.slice(0, w)), l.target.value = r, i == null || i(l), f(!!r);
-      }, h = L(S), k = L(O), Q = {
+      }, Q = (l) => {
+        let o = l.target.value;
+        T && (o = o.replace(/\D/g, "")), w !== void 0 && (o = o.slice(0, w)), l.target.value = o, i == null || i(l), f(!!o);
+      }, h = L(S), k = L(O), U = {
         [e.readonly]: s || n,
-        [e.focused]: _,
+        [e.focused]: p,
         [e.disabled]: s || n,
         [e["has-label"]]: !!u,
         [e["has-left-slot"]]: !!h,
         [e["has-right-slot"]]: !!k
-      }, q = _ || b || !!a, U = o(e.label, m, e[C], {
+      }, q = p || b || !!a, X = r(e.label, m, e[y], {
         [e["active-label"]]: q,
         [e.disabled]: s || n,
         [e["has-left-slot"]]: !!h
-      }), X = o(e.input, Q, m, [
+      }), Y = r(e.input, U, m, [
         e[A],
         e[V ?? ""],
-        e[C]
+        e[y]
       ]);
       return /* @__PURE__ */ B(
         "div",
         {
-          className: o(
+          className: r(
             e["input-wrapper"],
             e[A],
             e[V ?? ""],
-            e[C],
+            e[y],
             {
               [e.disabled]: s || n,
-              [e.focused]: _
+              [e.focused]: p
             },
             g
           ),
           children: [
-            u && /* @__PURE__ */ B("label", { htmlFor: F, className: U, children: [
+            u && /* @__PURE__ */ B("label", { htmlFor: F, className: X, children: [
               u,
-              v && (b || _) && /* @__PURE__ */ c(
+              v && (b || p) && /* @__PURE__ */ c(
                 "span",
                 {
                   className: e["required-mark"],
@@ -147,7 +148,7 @@ import './assets/Input.css';const re = "_label_1bpoc_27", oe = "_input_1bpoc_3",
             h && /* @__PURE__ */ c(
               "span",
               {
-                className: o(e["left-slot"], {
+                className: r(e["left-slot"], {
                   [e.focused]: q,
                   [e["has-label"]]: !!u,
                   [e.disabled]: s
@@ -158,25 +159,26 @@ import './assets/Input.css';const re = "_label_1bpoc_27", oe = "_input_1bpoc_3",
             /* @__PURE__ */ c(
               "input",
               {
-                ref: P,
+                ref: W,
                 type: E,
                 id: F,
-                className: X,
-                onFocus: H,
-                onBlur: W,
+                className: Y,
+                onFocus: J,
+                onBlur: H,
                 readOnly: n,
                 value: a,
-                onChange: K,
+                onChange: Q,
                 maxLength: w,
                 disabled: s,
                 required: v,
-                ...G
+                autoComplete: G,
+                ...P
               }
             ),
             k && /* @__PURE__ */ c(
               "span",
               {
-                className: o(e["right-slot"], j, {
+                className: r(e["right-slot"], j, {
                   [e.focused]: q,
                   [e["has-label"]]: !!u,
                   [e.disabled]: s
@@ -184,10 +186,10 @@ import './assets/Input.css';const re = "_label_1bpoc_27", oe = "_input_1bpoc_3",
                 children: k
               }
             ),
-            v && !b && !_ && /* @__PURE__ */ c(
+            v && !b && !p && /* @__PURE__ */ c(
               "span",
               {
-                className: o(
+                className: r(
                   e["required-mark"],
                   D
                 ),
@@ -195,10 +197,10 @@ import './assets/Input.css';const re = "_label_1bpoc_27", oe = "_input_1bpoc_3",
               }
             ),
             M && b && /* @__PURE__ */ c(
-              le,
+              oe,
               {
                 tabIndex: -1,
-                className: o(e.clear, {
+                className: r(e.clear, {
                   [e.disabled]: s
                 }),
                 isIconButton: !0,
@@ -207,7 +209,7 @@ import './assets/Input.css';const re = "_label_1bpoc_27", oe = "_input_1bpoc_3",
                 clear: !0,
                 disabled: s || n,
                 variant: "secondary-gray",
-                onClick: J,
+                onClick: K,
                 "data-testid": "clear-button"
               }
             )
@@ -217,8 +219,8 @@ import './assets/Input.css';const re = "_label_1bpoc_27", oe = "_input_1bpoc_3",
     }
   )
 );
-fe.displayName = "Input";
+he.displayName = "Input";
 export {
-  fe as I,
+  he as I,
   e as c
 };

package/dist/assets/TextArea.css

@@ -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)}
+._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)}