mimir-ui-kit 1.64.3 → 1.64.5

package/dist/{Input-CqNPT8os.js → Input-JwHUiwVK.js}

@@ -1,50 +1,51 @@
-import { jsxs as z, jsx as a, Fragment as R } from "react/jsx-runtime";
+import { jsxs as z, jsx as s, Fragment as I } from "react/jsx-runtime";
 import { c } from "./index-DIxK0V-G.js";
-import { memo as M, forwardRef as T, useState as ee, useRef as re, useEffect as F } from "react";
-import { EInputVariant as te } from "./components/Input/constants.js";
-import { useMergeRefs as se } from "./hooks/useMergeRefs/useMergeRefs.js";
+import { memo as R, forwardRef as M, useState as T, useRef as ee, useEffect as F } from "react";
+import { EInputVariant as re } from "./components/Input/constants.js";
+import { useMergeRefs as te } from "./hooks/useMergeRefs/useMergeRefs.js";
 import { Icon as le } from "./icons/Icon.js";
 import { Button as ae } from "./components/Button/Button.js";
-import './assets/Input.css';const oe = "_label_1peof_26", ne = "_input_1peof_2", ie = "_disabled_1peof_117", ce = "_clear_1peof_158", ue = "_s_1peof_218", de = "_m_1peof_233", _e = "_l_1peof_26", fe = "_success_1peof_289", pe = "_alarm_1peof_309", me = "_error_1peof_329", e = {
-  "input-wrapper": "_input-wrapper_1peof_2",
-  "required-mark": "_required-mark_1peof_16",
-  label: oe,
-  "has-left-slot": "_has-left-slot_1peof_45",
-  "has-right-slot": "_has-right-slot_1peof_48",
-  "active-label": "_active-label_1peof_53",
-  "label-text-wrapper": "_label-text-wrapper_1peof_68",
-  input: ne,
-  "has-label": "_has-label_1peof_114",
-  disabled: ie,
-  "addon-icon": "_addon-icon_1peof_123",
-  "left-slot": "_left-slot_1peof_127",
-  "right-slot": "_right-slot_1peof_128",
-  clear: ce,
-  "border-radius-left": "_border-radius-left_1peof_206",
-  "border-radius-right": "_border-radius-right_1peof_210",
-  "border-radius-none": "_border-radius-none_1peof_214",
-  s: ue,
-  m: de,
-  l: _e,
-  "default-gray": "_default-gray_1peof_262",
-  "default-white": "_default-white_1peof_274",
-  success: fe,
-  alarm: pe,
+import './assets/Input.css';const se = "_label_16fi4_32", ie = "_input_16fi4_2", ne = "_disabled_16fi4_120", oe = "_clear_16fi4_164", ce = "_s_16fi4_224", ue = "_m_16fi4_239", de = "_l_16fi4_32", _e = "_success_16fi4_295", fe = "_alarm_16fi4_315", me = "_error_16fi4_335", e = {
+  "input-container": "_input-container_16fi4_2",
+  "input-wrapper": "_input-wrapper_16fi4_8",
+  "required-mark": "_required-mark_16fi4_22",
+  label: se,
+  "has-left-slot": "_has-left-slot_16fi4_50",
+  "has-right-slot": "_has-right-slot_16fi4_53",
+  "active-label": "_active-label_16fi4_58",
+  "label-text-wrapper": "_label-text-wrapper_16fi4_73",
+  input: ie,
+  "has-label": "_has-label_16fi4_117",
+  disabled: ne,
+  "addon-icon": "_addon-icon_16fi4_126",
+  "left-slot": "_left-slot_16fi4_130",
+  "right-slot": "_right-slot_16fi4_131",
+  clear: oe,
+  "border-radius-left": "_border-radius-left_16fi4_212",
+  "border-radius-right": "_border-radius-right_16fi4_216",
+  "border-radius-none": "_border-radius-none_16fi4_220",
+  s: ce,
+  m: ue,
+  l: de,
+  "default-gray": "_default-gray_16fi4_268",
+  "default-white": "_default-white_16fi4_280",
+  success: _e,
+  alarm: fe,
   error: me
 }, L = (t) => {
-  var f, o;
+  var m, i;
   if (!t)
     return null;
   switch (t.addonType) {
     case "icon": {
-      const p = (f = t.addonContent) == null ? void 0 : f.includes("16px"), N = (o = t.addonContent) == null ? void 0 : o.includes("24px");
-      return /* @__PURE__ */ a(
+      const b = (m = t.addonContent) == null ? void 0 : m.includes("16px"), x = (i = t.addonContent) == null ? void 0 : i.includes("24px");
+      return /* @__PURE__ */ s(
         le,
         {
           style: {
             "--icon-size": c({
-              "16px": p,
-              "24px": N
+              "16px": b,
+              "24px": x
             })
           },
           className: e["addon-icon"],
@@ -55,89 +56,90 @@ import './assets/Input.css';const oe = "_label_1peof_26", ne = "_input_1peof_2",
     case "text":
       return t.addonContent;
     case "react-node":
-      return /* @__PURE__ */ a(R, { children: t.addonContent });
+      return /* @__PURE__ */ s(I, { children: t.addonContent });
     default:
       return null;
   }
-}, he = M(
-  T(
-    (t, f) => {
+}, be = R(
+  M(
+    (t, m) => {
       const {
-        value: o,
-        className: p,
-        wrapperClassName: N,
+        value: i,
+        className: b,
+        wrapperClassName: x,
         rightSlotClassName: j,
         requiredMarkClassName: D,
-        variant: v = te.DefaultGray,
+        variant: q = re.DefaultGray,
         type: E = "text",
         autofocus: A,
         readonly: u,
         id: B,
-        onFocus: x,
-        onBlur: w,
+        onFocus: w,
+        onBlur: C,
         label: _,
         withClearButton: O,
-        disabled: s,
+        disabled: l,
         onChange: d,
         rightAddon: G,
         status: V,
         leftAddon: P,
-        size: C = "m",
+        size: y = "m",
         numbersOnly: W,
-        required: y,
+        required: v,
         maxLength: k,
         autocomplete: $ = "on",
         borderRadius: S = "all",
         dataTestIdReactMap: r,
         ...H
-      } = t, [m, h] = ee(!!o), l = re(null), J = se(l, f);
+      } = t, [h, p] = T(!!i), a = ee(null), J = te(a, m);
       F(() => {
-        A && l.current && l.current.focus();
+        A && a.current && a.current.focus();
       }, [A]), F(() => {
-        h(!!o);
-      }, [o]);
+        p(!!i);
+      }, [i]);
       const K = (n) => {
-        const i = n.currentTarget.value;
-        w == null || w(n), h(!!i);
+        const o = n.currentTarget.value;
+        C == null || C(n), p(!!o);
       }, Q = (n) => {
-        u || x == null || x(n);
+        u || w == null || w(n);
       }, U = () => {
-        l != null && l.current && (l.current.value = "", l.current.focus(), h(!1), d == null || d({
-          target: l.current
+        a != null && a.current && (a.current.value = "", a.current.focus(), p(!1), d == null || d({
+          target: a.current
         }));
       }, X = (n) => {
-        let i = n.target.value;
-        W && (i = i.replace(/\D/g, "")), k !== void 0 && (i = i.slice(0, k)), n.target.value = i, d == null || d(n), h(!!i);
-      }, b = L(P), g = L(G), Y = {
-        [e.readonly]: s || u,
-        [e.disabled]: s || u,
-        [e["has-label"]]: !!_,
-        [e["has-left-slot"]]: !!b,
-        [e["has-right-slot"]]: !!g
-      }, q = m || !!o, Z = c(e.label, p, e[C], {
-        [e["active-label"]]: q,
-        [e.disabled]: s || u,
-        [e["has-left-slot"]]: !!b,
-        [e["has-right-slot"]]: !!g
-      }), I = c(e.input, Y, p, [
-        e[v],
-        e[V ?? ""],
-        e[C]
-      ]);
+        let o = n.target.value;
+        W && (o = o.replace(/\D/g, "")), k !== void 0 && (o = o.slice(0, k)), n.target.value = o, d == null || d(n), p(!!o);
+      }, g = L(P), N = L(G), f = h || !!i, Y = c(e.label, b, e[y], {
+        [e["active-label"]]: f,
+        [e.disabled]: l || u,
+        [e["has-left-slot"]]: !!g,
+        [e["has-right-slot"]]: !!N
+      }), Z = c(
+        e.input,
+        {
+          [e.readonly]: l || u,
+          [e.disabled]: l || u,
+          [e["has-label"]]: !!_,
+          [e["has-left-slot"]]: !!g,
+          [e["has-right-slot"]]: !!N
+        },
+        b,
+        [e[q], e[V ?? ""], e[y]]
+      );
       return /* @__PURE__ */ z(
         "div",
         {
           "data-testid-react": r == null ? void 0 : r.wrapper,
           className: c(
             e["input-wrapper"],
-            e[v],
+            e[q],
             e[V ?? ""],
-            e[C],
+            e[y],
             {
-              [e.disabled]: s || u,
+              [e.disabled]: l || u,
               [e[`border-radius-${S}`]]: S !== "all"
             },
-            N
+            x
           ),
           children: [
             _ && /* @__PURE__ */ z(
@@ -145,10 +147,10 @@ import './assets/Input.css';const oe = "_label_1peof_26", ne = "_input_1peof_2",
               {
                 "data-testid-react": r == null ? void 0 : r.label,
                 htmlFor: B,
-                className: Z,
+                className: Y,
                 children: [
-                  /* @__PURE__ */ a("span", { className: e["label-text-wrapper"], children: _ }),
-                  y && (m || q) && /* @__PURE__ */ a(
+                  /* @__PURE__ */ s("span", { className: e["label-text-wrapper"], children: _ }),
+                  v && (h || f) && /* @__PURE__ */ s(
                     "span",
                     {
                       className: e["required-mark"],
@@ -159,49 +161,51 @@ import './assets/Input.css';const oe = "_label_1peof_26", ne = "_input_1peof_2",
                 ]
               }
             ),
-            b && /* @__PURE__ */ a(
+            g && /* @__PURE__ */ s(
               "span",
               {
                 "data-testid-react": r == null ? void 0 : r.leftSlot,
                 className: c(e["left-slot"], {
                   [e["has-label"]]: !!_,
-                  [e.disabled]: s
+                  [e.disabled]: l,
+                  [e["active-label"]]: f
                 }),
-                children: b
+                children: g
               }
             ),
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ s(
               "input",
               {
                 "data-testid-react": r == null ? void 0 : r.input,
                 ref: J,
                 type: E,
                 id: B,
-                className: I,
+                className: Z,
                 onFocus: Q,
                 onBlur: K,
                 readOnly: u,
-                value: o,
+                value: i,
                 onChange: X,
                 maxLength: k,
-                disabled: s,
-                required: y,
+                disabled: l,
+                required: v,
                 autoComplete: $,
                 ...H
               }
             ),
-            g && /* @__PURE__ */ a(
+            N && /* @__PURE__ */ s(
               "span",
               {
                 "data-testid-react": r == null ? void 0 : r.rightSlot,
                 className: c(e["right-slot"], j, {
                   [e["has-label"]]: !!_,
-                  [e.disabled]: s
+                  [e["active-label"]]: f,
+                  [e.disabled]: l
                 }),
-                children: g
+                children: N
               }
             ),
-            y && !m && !q && /* @__PURE__ */ a(
+            v && !h && !f && /* @__PURE__ */ s(
               "span",
               {
                 className: c(
@@ -212,19 +216,19 @@ import './assets/Input.css';const oe = "_label_1peof_26", ne = "_input_1peof_2",
                 "data-testid": "required-mark"
               }
             ),
-            O && m && /* @__PURE__ */ a(
+            O && h && /* @__PURE__ */ s(
               ae,
               {
                 dataTestIdReactMap: { button: r == null ? void 0 : r.clearButton },
                 tabIndex: -1,
                 className: c(e.clear, {
-                  [e.disabled]: s
+                  [e.disabled]: l
                 }),
                 isIconButton: !0,
                 iconName: "Close16px",
                 size: "m-s",
                 clear: !0,
-                disabled: s || u,
+                disabled: l || u,
                 variant: "secondary-gray",
                 onClick: U,
                 "data-testid": "clear-button"
@@ -236,8 +240,8 @@ import './assets/Input.css';const oe = "_label_1peof_26", ne = "_input_1peof_2",
     }
   )
 );
-he.displayName = "Input";
+be.displayName = "Input";
 export {
-  he as I,
+  be as I,
   e as c
 };

package/dist/assets/Drawer.css

@@ -1 +1 @@
-._drawerContainer_zs4pc_2{position:fixed;z-index:1000000}._drawer_zs4pc_2{--drawer-width: 808px;--drawer-z-index: 10000;position:fixed;z-index:10000;z-index:var(--drawer-z-index);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:808px;width:var(--drawer-width);height:100%;overflow:auto;background-color:var(--black-5);-webkit-transition:all .3s ease;transition:all .3s ease;pointer-events:none}._drawer_zs4pc_2::-webkit-scrollbar{width:3px}._drawer_zs4pc_2::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._drawer_zs4pc_2::-webkit-scrollbar-track{background-color:var(--white)}._drawer_zs4pc_2 ._content_zs4pc_31{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:var(--mimir-space-m) var(--mimir-space-xs) var(--mimir-space-3xs) var(--mimir-space-4xl);overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}@media (max-width: 600px){._drawer_zs4pc_2 ._content_zs4pc_31{--drawer-width: 100%;padding:var(--mimir-space-m)}}._drawer_zs4pc_2 ._header_zs4pc_46{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--mimir-space-xs);min-height:68px}._drawer_zs4pc_2 ._header_zs4pc_46:not(:last-child){margin-bottom:var(--mimir-space-2xl)}._drawer_zs4pc_2 ._header_zs4pc_46._sticky-header_zs4pc_54{position:-webkit-sticky;position:sticky;top:0;left:0;background-color:var(--black-5)}._drawer_zs4pc_2 ._header_zs4pc_46 ._title_zs4pc_60{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-item-align:end;align-self:flex-end;font-weight:var(--mimir-font-weight-text-medium);font-size:var(--mimir-size-text-xl3);line-height:var(--mimir-space-2xxl);letter-spacing:.7px}@media (max-width: 600px){._drawer_zs4pc_2 ._header_zs4pc_46 ._title_zs4pc_60{font-size:var(--mimir-size-text-xl2);line-height:var(--mimir-line-height-text-xs)}}._drawer_zs4pc_2 ._header_zs4pc_46 ._space_zs4pc_74{-webkit-box-flex:0;-ms-flex:0 0 var(--button-height-m);flex:0 0 var(--button-height-m)}@media (max-width: 600px){._drawer_zs4pc_2 ._header_zs4pc_46{min-height:55px}._drawer_zs4pc_2 ._header_zs4pc_46:not(:last-child){margin-bottom:var(--mimir-space-m)}}._drawer_zs4pc_2 ._inner_zs4pc_85{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:var(--mimir-space-xxl);overflow-y:auto}._drawer_zs4pc_2 ._inner_zs4pc_85._is-loading_zs4pc_90{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width: 600px){._drawer_zs4pc_2 ._inner_zs4pc_85{padding-right:0}}._drawer_zs4pc_2 ._button_zs4pc_101{position:absolute;top:var(--mimir-space-m);right:var(--mimir-space-m)}._drawer_zs4pc_2 ._footer_zs4pc_106{display:block;padding:var(--mimir-space-2xl) var(--mimir-space-xxl) var(--mimir-space-4xl) var(--mimir-space-xxl)}@media (max-width: 600px){._drawer_zs4pc_2 ._footer_zs4pc_106{padding:var(--mimir-space-m)}}._drawer_zs4pc_2 ._footer_zs4pc_106._has-scroll_zs4pc_115{-webkit-box-shadow:var(--mimir-modal-window-bottom-panel-shadow);box-shadow:var(--mimir-modal-window-bottom-panel-shadow)}._drawer_zs4pc_2 ._footer-button_zs4pc_118{display:block;margin-left:auto}._drawer_zs4pc_2._left_zs4pc_122{top:0;left:-100%}._drawer_zs4pc_2._right_zs4pc_126{top:0;right:-100%}._drawer_zs4pc_2._full_zs4pc_130{top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:100vh;border-radius:0;-webkit-transform:scale(.95);transform:scale(.95);opacity:0;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out}._drawer_zs4pc_2._bottom_zs4pc_140{--drawer-width: calc(100% - var(--mimir-space-m));right:50%;bottom:-100%;left:50%;height:auto;max-height:calc(100% - var(--mimir-space-xs));border-top-left-radius:var(--mimir-control-radius);border-top-right-radius:var(--mimir-control-radius);-webkit-transform:translate(-50%,0);transform:translate(-50%)}._drawer_zs4pc_2._bottom_zs4pc_140._full-bottom-height_zs4pc_151{height:calc(100% - var(--mimir-space-xs))}._drawer_zs4pc_2._bottom_zs4pc_140._is-loading_zs4pc_90{height:50vh}._drawer_zs4pc_2._opened_zs4pc_157{-webkit-transition:all .3s ease;transition:all .3s ease;pointer-events:auto}._drawer_zs4pc_2._opened_zs4pc_157._left_zs4pc_122{left:0%;-webkit-transition:left .3s ease;transition:left .3s ease}._drawer_zs4pc_2._opened_zs4pc_157._right_zs4pc_126{right:0%;-webkit-transition:right .3s ease;transition:right .3s ease}._drawer_zs4pc_2._opened_zs4pc_157._bottom_zs4pc_140{bottom:0%}._drawer_zs4pc_2._opened_zs4pc_157._full_zs4pc_130{-webkit-transform:scale(1);transform:scale(1);opacity:1}._drawer_zs4pc_2._is-closing_zs4pc_176._left_zs4pc_122{left:-100%}._drawer_zs4pc_2._is-closing_zs4pc_176._right_zs4pc_126{right:-100%}._drawer_zs4pc_2._is-closing_zs4pc_176._bottom_zs4pc_140{bottom:-100%}._drawer_zs4pc_2._is-closing_zs4pc_176._full_zs4pc_130{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}@media (max-width: 1440px){._drawer_zs4pc_2{--drawer-width: 608px}}@media (max-width: 1280px){._drawer_zs4pc_2{--drawer-width: 648px}}@media (max-width: 768px){._drawer_zs4pc_2{--drawer-width: 584px}}@media (max-width: 600px){._drawer_zs4pc_2{--drawer-width: 100%}._drawer_zs4pc_2._bottom_zs4pc_140{--drawer-width: calc(100% - var(--mimir-space-m))}}._overlay_zs4pc_213{--overlay-z-index: 9990;position:fixed;top:0;left:0;z-index:9990;z-index:var(--overlay-z-index);width:100%;height:100%;background-color:#0009;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;pointer-events:none}._overlay_zs4pc_213._opened_zs4pc_157{opacity:1;-webkit-transition:all .3s ease;transition:all .3s ease;pointer-events:auto}._overlay_zs4pc_213._opened_zs4pc_157._unmount_zs4pc_231{z-index:var(--overlay-z-index);-webkit-appearance:none;-moz-appearance:none;appearance:none}._overlay_zs4pc_213._is-closing_zs4pc_176{opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease}._overlay_zs4pc_213._unmount_zs4pc_231{z-index:-1;-webkit-appearance:none;-moz-appearance:none;appearance:none}
+._drawerContainer_abn3o_2{position:fixed;z-index:1000000}._drawer_abn3o_2{--drawer-width: 808px;--drawer-z-index: 10000;position:fixed;z-index:10000;z-index:var(--drawer-z-index);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:808px;width:var(--drawer-width);height:100%;overflow:auto;background-color:var(--black-5);-webkit-transition:all .3s ease;transition:all .3s ease;pointer-events:none}._drawer_abn3o_2::-webkit-scrollbar{width:3px}._drawer_abn3o_2::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._drawer_abn3o_2::-webkit-scrollbar-track{background-color:var(--white)}._drawer_abn3o_2 ._content_abn3o_31{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:var(--mimir-space-m) var(--mimir-space-xs) var(--mimir-space-3xs) var(--mimir-space-4xl);overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}@media (max-width: 600px){._drawer_abn3o_2 ._content_abn3o_31{--drawer-width: 100%;padding:var(--mimir-space-m)}}._drawer_abn3o_2 ._header_abn3o_46{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--mimir-space-xs);min-height:68px}._drawer_abn3o_2 ._header_abn3o_46:not(:last-child){margin-bottom:var(--mimir-space-2xl)}._drawer_abn3o_2 ._header_abn3o_46._sticky-header_abn3o_54{position:-webkit-sticky;position:sticky;top:0;left:0;background-color:var(--black-5)}._drawer_abn3o_2 ._header_abn3o_46 ._title_abn3o_60{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-item-align:end;align-self:flex-end;font-weight:var(--mimir-font-weight-text-medium);font-size:var(--mimir-size-text-xl3);line-height:var(--mimir-space-2xxl);letter-spacing:.7px}@media (max-width: 600px){._drawer_abn3o_2 ._header_abn3o_46 ._title_abn3o_60{font-size:var(--mimir-size-text-xl2);line-height:var(--mimir-line-height-text-xs)}}._drawer_abn3o_2 ._header_abn3o_46 ._space_abn3o_74{-webkit-box-flex:0;-ms-flex:0 0 var(--button-height-m);flex:0 0 var(--button-height-m)}@media (max-width: 600px){._drawer_abn3o_2 ._header_abn3o_46{min-height:55px}._drawer_abn3o_2 ._header_abn3o_46:not(:last-child){margin-bottom:var(--mimir-space-m)}}._drawer_abn3o_2 ._inner_abn3o_85{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:var(--mimir-space-xxl);overflow-y:auto}._drawer_abn3o_2 ._inner_abn3o_85._is-loading_abn3o_90{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width: 600px){._drawer_abn3o_2 ._inner_abn3o_85{padding-right:0}}._drawer_abn3o_2 ._button_abn3o_101{position:absolute;top:var(--mimir-space-m);right:var(--mimir-space-m)}._drawer_abn3o_2 ._footer_abn3o_106{display:block;padding:var(--mimir-space-2xl) var(--mimir-space-xxl) var(--mimir-space-4xl) var(--mimir-space-xxl)}@media (max-width: 600px){._drawer_abn3o_2 ._footer_abn3o_106{padding:var(--mimir-space-m)}}._drawer_abn3o_2 ._footer_abn3o_106._has-scroll_abn3o_115{-webkit-box-shadow:var(--mimir-modal-window-bottom-panel-shadow);box-shadow:var(--mimir-modal-window-bottom-panel-shadow)}._drawer_abn3o_2 ._footer-button_abn3o_118{display:block;margin-left:auto}._drawer_abn3o_2._left_abn3o_122{top:0;left:-100%}._drawer_abn3o_2._right_abn3o_126{top:0;right:-100%}._drawer_abn3o_2._center_abn3o_130{left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95);height:auto;height:initial;border-radius:var(--mimir-control-radius);opacity:0;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out}._drawer_abn3o_2._full_abn3o_139{top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:100vh;border-radius:0;-webkit-transform:scale(.95);transform:scale(.95);opacity:0;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out}._drawer_abn3o_2._bottom_abn3o_149{--drawer-width: calc(100% - var(--mimir-space-m));right:50%;bottom:-100%;left:50%;height:auto;max-height:calc(100% - var(--mimir-space-xs));border-top-left-radius:var(--mimir-control-radius);border-top-right-radius:var(--mimir-control-radius);-webkit-transform:translate(-50%,0);transform:translate(-50%)}._drawer_abn3o_2._bottom_abn3o_149._full-bottom-height_abn3o_160{height:calc(100% - var(--mimir-space-xs))}._drawer_abn3o_2._bottom_abn3o_149._is-loading_abn3o_90{height:50vh}._drawer_abn3o_2._opened_abn3o_166{-webkit-transition:all .3s ease;transition:all .3s ease;pointer-events:auto}._drawer_abn3o_2._opened_abn3o_166._left_abn3o_122{left:0%;-webkit-transition:left .3s ease;transition:left .3s ease}._drawer_abn3o_2._opened_abn3o_166._right_abn3o_126{right:0%;-webkit-transition:right .3s ease;transition:right .3s ease}._drawer_abn3o_2._opened_abn3o_166._bottom_abn3o_149{bottom:0%}._drawer_abn3o_2._opened_abn3o_166._full_abn3o_139{-webkit-transform:scale(1);transform:scale(1);opacity:1}._drawer_abn3o_2._opened_abn3o_166._center_abn3o_130{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}._drawer_abn3o_2._is-closing_abn3o_189._left_abn3o_122{left:-100%}._drawer_abn3o_2._is-closing_abn3o_189._right_abn3o_126{right:-100%}._drawer_abn3o_2._is-closing_abn3o_189._bottom_abn3o_149{bottom:-100%}._drawer_abn3o_2._is-closing_abn3o_189._full_abn3o_139{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}._drawer_abn3o_2._is-closing_abn3o_189._center_abn3o_130{-webkit-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95);opacity:0}@media (max-width: 1440px){._drawer_abn3o_2{--drawer-width: 608px}}@media (max-width: 1280px){._drawer_abn3o_2{--drawer-width: 648px}}@media (max-width: 768px){._drawer_abn3o_2{--drawer-width: 584px}}@media (max-width: 600px){._drawer_abn3o_2{--drawer-width: 100%}._drawer_abn3o_2._bottom_abn3o_149{--drawer-width: calc(100% - var(--mimir-space-m))}}._overlay_abn3o_230{--overlay-z-index: 9990;position:fixed;top:0;left:0;z-index:9990;z-index:var(--overlay-z-index);width:100%;height:100%;background-color:#0009;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;pointer-events:none}._overlay_abn3o_230._opened_abn3o_166{opacity:1;-webkit-transition:all .3s ease;transition:all .3s ease;pointer-events:auto}._overlay_abn3o_230._opened_abn3o_166._unmount_abn3o_248{z-index:var(--overlay-z-index);-webkit-appearance:none;-moz-appearance:none;appearance:none}._overlay_abn3o_230._is-closing_abn3o_189{opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease}._overlay_abn3o_230._unmount_abn3o_248{z-index:-1;-webkit-appearance:none;-moz-appearance:none;appearance:none}

package/dist/assets/Input.css

@@ -1 +1 @@
-._input-wrapper_1peof_2{--input-border-radius-l: 8px;--input-border-radius-m: 6px;--input-border-radius-s: 6px;--input-required-mark-size: 8px;position:relative;display:-webkit-box;display:-ms-flexbox;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);-webkit-transition:background-color .2s ease,border-color .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease;transition:background-color .2s ease,border-color .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease;transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease}._input-wrapper_1peof_2 ._required-mark_1peof_16{display:block;-webkit-box-flex:0;-ms-flex:0 0 var(--input-required-mark-size);flex:0 0 var(--input-required-mark-size);-ms-flex-item-align:center;-ms-grid-row-align:center;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_1peof_2 ._label_1peof_26{--input-required-mark-size: 6px;--label-default-max-width: calc( 100% - calc(var(--input-padding) + var(--mimir-space-xxl)) );position:absolute;top:calc(var(--input-height) / 2 - var(--input-font-size) / 2);left:var(--mimir-space-m);z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:var(--label-default-max-width);color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;-webkit-column-gap:var(--mimir-space-xs);-moz-column-gap:var(--mimir-space-xs);column-gap:var(--mimir-space-xs);-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition:font-size .15s ease-out,left .15s ease-out,color .15s ease-out,-webkit-transform .15s ease-out;transition:font-size .15s ease-out,left .15s ease-out,color .15s ease-out,-webkit-transform .15s ease-out;transition:transform .15s ease-out,font-size .15s ease-out,left .15s ease-out,color .15s ease-out;transition:transform .15s ease-out,font-size .15s ease-out,left .15s ease-out,color .15s ease-out,-webkit-transform .15s ease-out;pointer-events:none}._input-wrapper_1peof_2 ._label_1peof_26._has-left-slot_1peof_45{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--clear-button-mg))}._input-wrapper_1peof_2 ._label_1peof_26._has-right-slot_1peof_48{--label-default-max-width: calc( 100% - calc(calc(var(--input-padding) * 2) + var(--mimir-space-xxl)) )}._input-wrapper_1peof_2 ._label_1peof_26._active-label_1peof_53{font-size:var(--label-font-size-active);-webkit-transform:translate(0,calc(var(--label-font-size-active) * -1));transform:translateY(calc(var(--label-font-size-active) * -1))}._input-wrapper_1peof_2 ._label_1peof_26._active-label_1peof_53._has-left-slot_1peof_45{left:var(--mimir-space-m)}._input-wrapper_1peof_2 ._label_1peof_26._active-label_1peof_53._has-right-slot_1peof_48{--label-default-max-width: calc( 100% - calc(calc(var(--input-padding) * 2)) )}._input-wrapper_1peof_2 ._label_1peof_26._active-label_1peof_53 ._required-mark_1peof_16{margin-left:0}._input-wrapper_1peof_2 ._label_1peof_26 ._label-text-wrapper_1peof_68{overflow:hidden;text-overflow:ellipsis}._input-wrapper_1peof_2:focus-within ._label_1peof_26{font-size:var(--label-font-size-active);-webkit-transform:translate(0,calc(var(--label-font-size-active) * -1));transform:translateY(calc(var(--label-font-size-active) * -1))}._input-wrapper_1peof_2:focus-within ._label_1peof_26._has-left-slot_1peof_45{left:var(--mimir-space-m)}._input-wrapper_1peof_2:focus-within ._label_1peof_26._has-right-slot_1peof_48{--label-default-max-width: calc( 100% - calc(calc(var(--input-padding) * 2)) )}._input-wrapper_1peof_2:focus-within ._label_1peof_26 ._required-mark_1peof_16{margin-left:0}._input-wrapper_1peof_2 ._input_1peof_2{position:relative;display:block;-webkit-box-flex:1;-ms-flex:1;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);-webkit-transition:border-color .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease;transition:border-color .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease;transition:border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;transition:border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-font-feature-settings:"zero";font-feature-settings:"zero"}._input-wrapper_1peof_2 ._input_1peof_2._has-left-slot_1peof_45{padding-left:0}._input-wrapper_1peof_2 ._input_1peof_2._has-right-slot_1peof_48{padding-right:0}._input-wrapper_1peof_2 ._input_1peof_2._has-label_1peof_114{padding-top:var(--input-padding-position)}._input-wrapper_1peof_2 ._input_1peof_2._disabled_1peof_117{color:var(--light-text)}._input-wrapper_1peof_2 ._input_1peof_2._disabled_1peof_117:hover,._input-wrapper_1peof_2 ._input_1peof_2._disabled_1peof_117:active,._input-wrapper_1peof_2 ._input_1peof_2._disabled_1peof_117:focus{color:var(--light-text)}._input-wrapper_1peof_2 ._addon-icon_1peof_123{width:var(--icon-size);height:var(--icon-size)}._input-wrapper_1peof_2 ._left-slot_1peof_127,._input-wrapper_1peof_2 ._right-slot_1peof_128{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;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;-webkit-transition:padding-top .15s ease-out;transition:padding-top .15s ease-out}._input-wrapper_1peof_2 ._left-slot_1peof_127._disabled_1peof_117,._input-wrapper_1peof_2 ._right-slot_1peof_128._disabled_1peof_117{color:var(--white);cursor:not-allowed}._input-wrapper_1peof_2 ._left-slot_1peof_127._disabled_1peof_117 ._addon-icon_1peof_123 path,._input-wrapper_1peof_2 ._right-slot_1peof_128._disabled_1peof_117 ._addon-icon_1peof_123 path{fill:var(--white)}._input-wrapper_1peof_2:focus-within ._left-slot_1peof_127._has-label_1peof_114,._input-wrapper_1peof_2:focus-within ._right-slot_1peof_128._has-label_1peof_114{padding-top:var(--input-padding-position)}._input-wrapper_1peof_2 ._left-slot_1peof_127{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-right:var(--clear-button-mg)}._input-wrapper_1peof_2 ._right-slot_1peof_128{margin-left:var(--clear-button-mg)}._input-wrapper_1peof_2 ._clear_1peof_158{z-index:4;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;width:16px;height:16px;margin-left:var(--clear-button-mg)}._input-wrapper_1peof_2 ._clear_1peof_158._disabled_1peof_117{cursor:not-allowed}._input-wrapper_1peof_2 svg{color:currentcolor;fill:currentcolor}._input-wrapper_1peof_2:hover ._label_1peof_26,._input-wrapper_1peof_2:focus-within ._label_1peof_26{color:var(--label-color)}._input-wrapper_1peof_2:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1peof_2:focus-within{color:var(--input-color-active);background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._input-wrapper_1peof_2:focus-within:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1peof_2._disabled_1peof_117{--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_1peof_2._disabled_1peof_117:hover,._input-wrapper_1peof_2._disabled_1peof_117:active,._input-wrapper_1peof_2._disabled_1peof_117:focus{--label-color: var(--light-text);color:var(--light-text);background-color:var(--black-20);border-bottom:1px solid transparent;-webkit-box-shadow:none;box-shadow:none}._input-wrapper_1peof_2._disabled_1peof_117::-webkit-input-placeholder{color:var(--light-text)}._input-wrapper_1peof_2._disabled_1peof_117::-moz-placeholder{color:var(--light-text)}._input-wrapper_1peof_2._disabled_1peof_117:-ms-input-placeholder{color:var(--light-text)}._input-wrapper_1peof_2._disabled_1peof_117::-ms-input-placeholder{color:var(--light-text)}._input-wrapper_1peof_2._disabled_1peof_117::placeholder{color:var(--light-text)}._input-wrapper_1peof_2._disabled_1peof_117:hover::-webkit-input-placeholder{color:var(--light-text)}._input-wrapper_1peof_2._disabled_1peof_117:hover::-moz-placeholder{color:var(--light-text)}._input-wrapper_1peof_2._disabled_1peof_117:hover:-ms-input-placeholder{color:var(--light-text)}._input-wrapper_1peof_2._disabled_1peof_117:hover::-ms-input-placeholder{color:var(--light-text)}._input-wrapper_1peof_2._disabled_1peof_117:hover::placeholder{color:var(--light-text)}._input-wrapper_1peof_2._border-radius-left_1peof_206{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._input-wrapper_1peof_2._border-radius-right_1peof_210{border-top-left-radius:0!important;border-bottom-left-radius:0!important}._input-wrapper_1peof_2._border-radius-none_1peof_214{border-radius:0!important}._s_1peof_218{--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_1peof_233{--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_1peof_26{--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_1peof_262{--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_1peof_274{--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_1peof_274:hover{--label-color: var(--dark-text)}._default-gray_1peof_262._success_1peof_289,._default-white_1peof_274._success_1peof_289{--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_1peof_262._success_1peof_289::-webkit-input-placeholder,._default-white_1peof_274._success_1peof_289::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._success_1peof_289::-moz-placeholder,._default-white_1peof_274._success_1peof_289::-moz-placeholder{color:var(--input-color)}._default-gray_1peof_262._success_1peof_289:-ms-input-placeholder,._default-white_1peof_274._success_1peof_289:-ms-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._success_1peof_289::-ms-input-placeholder,._default-white_1peof_274._success_1peof_289::-ms-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._success_1peof_289::placeholder,._default-white_1peof_274._success_1peof_289::placeholder{color:var(--input-color)}._default-gray_1peof_262._success_1peof_289:hover::-webkit-input-placeholder,._default-white_1peof_274._success_1peof_289:hover::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._success_1peof_289:hover::-moz-placeholder,._default-white_1peof_274._success_1peof_289:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1peof_262._success_1peof_289:hover:-ms-input-placeholder,._default-white_1peof_274._success_1peof_289:hover:-ms-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._success_1peof_289:hover::-ms-input-placeholder,._default-white_1peof_274._success_1peof_289:hover::-ms-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._success_1peof_289:hover::placeholder,._default-white_1peof_274._success_1peof_289:hover::placeholder{color:var(--input-color)}._default-gray_1peof_262._alarm_1peof_309,._default-white_1peof_274._alarm_1peof_309{--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_1peof_262._alarm_1peof_309::-webkit-input-placeholder,._default-white_1peof_274._alarm_1peof_309::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._alarm_1peof_309::-moz-placeholder,._default-white_1peof_274._alarm_1peof_309::-moz-placeholder{color:var(--input-color)}._default-gray_1peof_262._alarm_1peof_309:-ms-input-placeholder,._default-white_1peof_274._alarm_1peof_309:-ms-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._alarm_1peof_309::-ms-input-placeholder,._default-white_1peof_274._alarm_1peof_309::-ms-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._alarm_1peof_309::placeholder,._default-white_1peof_274._alarm_1peof_309::placeholder{color:var(--input-color)}._default-gray_1peof_262._alarm_1peof_309:hover::-webkit-input-placeholder,._default-white_1peof_274._alarm_1peof_309:hover::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._alarm_1peof_309:hover::-moz-placeholder,._default-white_1peof_274._alarm_1peof_309:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1peof_262._alarm_1peof_309:hover:-ms-input-placeholder,._default-white_1peof_274._alarm_1peof_309:hover:-ms-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._alarm_1peof_309:hover::-ms-input-placeholder,._default-white_1peof_274._alarm_1peof_309:hover::-ms-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._alarm_1peof_309:hover::placeholder,._default-white_1peof_274._alarm_1peof_309:hover::placeholder{color:var(--input-color)}._default-gray_1peof_262._error_1peof_329,._default-white_1peof_274._error_1peof_329{--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_1peof_262._error_1peof_329::-webkit-input-placeholder,._default-white_1peof_274._error_1peof_329::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._error_1peof_329::-moz-placeholder,._default-white_1peof_274._error_1peof_329::-moz-placeholder{color:var(--input-color)}._default-gray_1peof_262._error_1peof_329:-ms-input-placeholder,._default-white_1peof_274._error_1peof_329:-ms-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._error_1peof_329::-ms-input-placeholder,._default-white_1peof_274._error_1peof_329::-ms-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._error_1peof_329::placeholder,._default-white_1peof_274._error_1peof_329::placeholder{color:var(--input-color)}._default-gray_1peof_262._error_1peof_329:hover::-webkit-input-placeholder,._default-white_1peof_274._error_1peof_329:hover::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._error_1peof_329:hover::-moz-placeholder,._default-white_1peof_274._error_1peof_329:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1peof_262._error_1peof_329:hover:-ms-input-placeholder,._default-white_1peof_274._error_1peof_329:hover:-ms-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._error_1peof_329:hover::-ms-input-placeholder,._default-white_1peof_274._error_1peof_329:hover::-ms-input-placeholder{color:var(--input-color)}._default-gray_1peof_262._error_1peof_329:hover::placeholder,._default-white_1peof_274._error_1peof_329:hover::placeholder{color:var(--input-color)}
+._input-container_16fi4_2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--mimir-space-2xs)}._input-wrapper_16fi4_8{--input-border-radius-l: 8px;--input-border-radius-m: 6px;--input-border-radius-s: 6px;--input-required-mark-size: 8px;position:relative;display:-webkit-box;display:-ms-flexbox;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);-webkit-transition:background-color .2s ease,border-color .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease;transition:background-color .2s ease,border-color .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease;transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease,-webkit-box-shadow .15s ease}._input-wrapper_16fi4_8 ._required-mark_16fi4_22{display:block;-webkit-box-flex:0;-ms-flex:0 0 var(--input-required-mark-size);flex:0 0 var(--input-required-mark-size);-ms-flex-item-align:center;-ms-grid-row-align:center;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_16fi4_8 ._label_16fi4_32{--input-required-mark-size: 6px;--label-default-max-width: calc( 100% - calc(var(--input-padding) + var(--mimir-space-xxl)) );position:absolute;top:calc(var(--input-height) / 2 - var(--input-font-size) / 2);left:var(--mimir-space-m);z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:var(--label-default-max-width);color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;-webkit-column-gap:var(--mimir-space-xs);-moz-column-gap:var(--mimir-space-xs);column-gap:var(--mimir-space-xs);-webkit-transform-origin:left center;transform-origin:left center;pointer-events:none}._input-wrapper_16fi4_8 ._label_16fi4_32._has-left-slot_16fi4_50{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--clear-button-mg))}._input-wrapper_16fi4_8 ._label_16fi4_32._has-right-slot_16fi4_53{--label-default-max-width: calc( 100% - calc(calc(var(--input-padding) * 2) + var(--mimir-space-xxl)) )}._input-wrapper_16fi4_8 ._label_16fi4_32._active-label_16fi4_58{font-size:var(--label-font-size-active);-webkit-transform:translate(0,calc(var(--label-font-size-active) * -1));transform:translateY(calc(var(--label-font-size-active) * -1))}._input-wrapper_16fi4_8 ._label_16fi4_32._active-label_16fi4_58._has-left-slot_16fi4_50{left:var(--mimir-space-m)}._input-wrapper_16fi4_8 ._label_16fi4_32._active-label_16fi4_58._has-right-slot_16fi4_53{--label-default-max-width: calc( 100% - calc(calc(var(--input-padding) * 2)) )}._input-wrapper_16fi4_8 ._label_16fi4_32._active-label_16fi4_58 ._required-mark_16fi4_22{margin-left:0}._input-wrapper_16fi4_8 ._label_16fi4_32 ._label-text-wrapper_16fi4_73{overflow:hidden;text-overflow:ellipsis}._input-wrapper_16fi4_8:focus-within ._label_16fi4_32{font-size:var(--label-font-size-active);-webkit-transform:translate(0,calc(var(--label-font-size-active) * -1));transform:translateY(calc(var(--label-font-size-active) * -1))}._input-wrapper_16fi4_8:focus-within ._label_16fi4_32._has-left-slot_16fi4_50{left:var(--mimir-space-m)}._input-wrapper_16fi4_8:focus-within ._label_16fi4_32._has-right-slot_16fi4_53{--label-default-max-width: calc( 100% - calc(calc(var(--input-padding) * 2)) )}._input-wrapper_16fi4_8:focus-within ._label_16fi4_32 ._required-mark_16fi4_22{margin-left:0}._input-wrapper_16fi4_8 ._input_16fi4_2{position:relative;-webkit-box-flex:1;-ms-flex:1;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:transparent;border-radius:var(--input-border-radius);outline:none;cursor:var(--input-cursor);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-font-feature-settings:"zero";font-feature-settings:"zero"}._input-wrapper_16fi4_8 ._input_16fi4_2._has-left-slot_16fi4_50{padding-left:0}._input-wrapper_16fi4_8 ._input_16fi4_2._has-right-slot_16fi4_53{padding-right:0}._input-wrapper_16fi4_8 ._input_16fi4_2._has-label_16fi4_117{padding-top:var(--input-padding-position)}._input-wrapper_16fi4_8 ._input_16fi4_2._disabled_16fi4_120{color:var(--light-text)}._input-wrapper_16fi4_8 ._input_16fi4_2._disabled_16fi4_120:hover,._input-wrapper_16fi4_8 ._input_16fi4_2._disabled_16fi4_120:active,._input-wrapper_16fi4_8 ._input_16fi4_2._disabled_16fi4_120:focus{color:var(--light-text)}._input-wrapper_16fi4_8 ._addon-icon_16fi4_126{width:var(--icon-size);height:var(--icon-size)}._input-wrapper_16fi4_8 ._left-slot_16fi4_130,._input-wrapper_16fi4_8 ._right-slot_16fi4_131{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;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}._input-wrapper_16fi4_8 ._left-slot_16fi4_130._disabled_16fi4_120,._input-wrapper_16fi4_8 ._right-slot_16fi4_131._disabled_16fi4_120{color:var(--white);cursor:not-allowed}._input-wrapper_16fi4_8 ._left-slot_16fi4_130._disabled_16fi4_120 ._addon-icon_16fi4_126 path,._input-wrapper_16fi4_8 ._right-slot_16fi4_131._disabled_16fi4_120 ._addon-icon_16fi4_126 path{fill:var(--white)}._input-wrapper_16fi4_8 ._left-slot_16fi4_130._active-label_16fi4_58,._input-wrapper_16fi4_8 ._right-slot_16fi4_131._active-label_16fi4_58{padding-top:var(--input-padding-position)}._input-wrapper_16fi4_8:focus-within ._left-slot_16fi4_130._has-label_16fi4_117,._input-wrapper_16fi4_8:focus-within ._right-slot_16fi4_131._has-label_16fi4_117{padding-top:var(--input-padding-position)}._input-wrapper_16fi4_8 ._left-slot_16fi4_130{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-right:var(--clear-button-mg)}._input-wrapper_16fi4_8 ._right-slot_16fi4_131{margin-left:var(--clear-button-mg)}._input-wrapper_16fi4_8 ._clear_16fi4_164{z-index:4;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;width:16px;height:16px;margin-left:var(--clear-button-mg)}._input-wrapper_16fi4_8 ._clear_16fi4_164._disabled_16fi4_120{cursor:not-allowed}._input-wrapper_16fi4_8 svg{color:currentcolor;fill:currentcolor}._input-wrapper_16fi4_8:hover ._label_16fi4_32,._input-wrapper_16fi4_8:focus-within ._label_16fi4_32{color:var(--label-color)}._input-wrapper_16fi4_8:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_16fi4_8:focus-within{color:var(--input-color-active);background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._input-wrapper_16fi4_8:focus-within:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_16fi4_8._disabled_16fi4_120{--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_16fi4_8._disabled_16fi4_120:hover,._input-wrapper_16fi4_8._disabled_16fi4_120:active,._input-wrapper_16fi4_8._disabled_16fi4_120:focus{--label-color: var(--light-text);color:var(--light-text);background-color:var(--black-20);border-bottom:1px solid transparent;-webkit-box-shadow:none;box-shadow:none}._input-wrapper_16fi4_8._disabled_16fi4_120::-webkit-input-placeholder{color:var(--light-text)}._input-wrapper_16fi4_8._disabled_16fi4_120::-moz-placeholder{color:var(--light-text)}._input-wrapper_16fi4_8._disabled_16fi4_120:-ms-input-placeholder{color:var(--light-text)}._input-wrapper_16fi4_8._disabled_16fi4_120::-ms-input-placeholder{color:var(--light-text)}._input-wrapper_16fi4_8._disabled_16fi4_120::placeholder{color:var(--light-text)}._input-wrapper_16fi4_8._disabled_16fi4_120:hover::-webkit-input-placeholder{color:var(--light-text)}._input-wrapper_16fi4_8._disabled_16fi4_120:hover::-moz-placeholder{color:var(--light-text)}._input-wrapper_16fi4_8._disabled_16fi4_120:hover:-ms-input-placeholder{color:var(--light-text)}._input-wrapper_16fi4_8._disabled_16fi4_120:hover::-ms-input-placeholder{color:var(--light-text)}._input-wrapper_16fi4_8._disabled_16fi4_120:hover::placeholder{color:var(--light-text)}._input-wrapper_16fi4_8._border-radius-left_16fi4_212{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._input-wrapper_16fi4_8._border-radius-right_16fi4_216{border-top-left-radius:0!important;border-bottom-left-radius:0!important}._input-wrapper_16fi4_8._border-radius-none_16fi4_220{border-radius:0!important}._s_16fi4_224{--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_16fi4_239{--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_16fi4_32{--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_16fi4_268{--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_16fi4_280{--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_16fi4_280:hover{--label-color: var(--dark-text)}._default-gray_16fi4_268._success_16fi4_295,._default-white_16fi4_280._success_16fi4_295{--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_16fi4_268._success_16fi4_295::-webkit-input-placeholder,._default-white_16fi4_280._success_16fi4_295::-webkit-input-placeholder{color:var(--input-color)}._default-gray_16fi4_268._success_16fi4_295::-moz-placeholder,._default-white_16fi4_280._success_16fi4_295::-moz-placeholder{color:var(--input-color)}._default-gray_16fi4_268._success_16fi4_295:-ms-input-placeholder,._default-white_16fi4_280._success_16fi4_295:-ms-input-placeholder{color:var(--input-color)}._default-gray_16fi4_268._success_16fi4_295::-ms-input-placeholder,._default-white_16fi4_280._success_16fi4_295::-ms-input-placeholder{color:var(--input-color)}._default-gray_16fi4_268._success_16fi4_295::placeholder,._default-white_16fi4_280._success_16fi4_295::placeholder{color:var(--input-color)}._default-gray_16fi4_268._success_16fi4_295:hover::-webkit-input-placeholder,._default-white_16fi4_280._success_16fi4_295:hover::-webkit-input-placeholder{color:var(--input-color)}._default-gray_16fi4_268._success_16fi4_295:hover::-moz-placeholder,._default-white_16fi4_280._success_16fi4_295:hover::-moz-placeholder{color:var(--input-color)}._default-gray_16fi4_268._success_16fi4_295:hover:-ms-input-placeholder,._default-white_16fi4_280._success_16fi4_295:hover:-ms-input-placeholder{color:var(--input-color)}._default-gray_16fi4_268._success_16fi4_295:hover::-ms-input-placeholder,._default-white_16fi4_280._success_16fi4_295:hover::-ms-input-placeholder{color:var(--input-color)}._default-gray_16fi4_268._success_16fi4_295:hover::placeholder,._default-white_16fi4_280._success_16fi4_295:hover::placeholder{color:var(--input-color)}._default-gray_16fi4_268._alarm_16fi4_315,._default-white_16fi4_280._alarm_16fi4_315{--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_16fi4_268._alarm_16fi4_315::-webkit-input-placeholder,._default-white_16fi4_280._alarm_16fi4_315::-webkit-input-placeholder{color:var(--input-color)}._default-gray_16fi4_268._alarm_16fi4_315::-moz-placeholder,._default-white_16fi4_280._alarm_16fi4_315::-moz-placeholder{color:var(--input-color)}._default-gray_16fi4_268._alarm_16fi4_315:-ms-input-placeholder,._default-white_16fi4_280._alarm_16fi4_315:-ms-input-placeholder{color:var(--input-color)}._default-gray_16fi4_268._alarm_16fi4_315::-ms-input-placeholder,._default-white_16fi4_280._alarm_16fi4_315::-ms-input-placeholder{color:var(--input-color)}._default-gray_16fi4_268._alarm_16fi4_315::placeholder,._default-white_16fi4_280._alarm_16fi4_315::placeholder{color:var(--input-color)}._default-gray_16fi4_268._alarm_16fi4_315:hover::-webkit-input-placeholder,._default-white_16fi4_280._alarm_16fi4_315:hover::-webkit-input-placeholder{color:var(--input-color)}._default-gray_16fi4_268._alarm_16fi4_315:hover::-moz-placeholder,._default-white_16fi4_280._alarm_16fi4_315:hover::-moz-placeholder{color:var(--input-color)}._default-gray_16fi4_268._alarm_16fi4_315:hover:-ms-input-placeholder,._default-white_16fi4_280._alarm_16fi4_315:hover:-ms-input-placeholder{color:var(--input-color)}._default-gray_16fi4_268._alarm_16fi4_315:hover::-ms-input-placeholder,._default-white_16fi4_280._alarm_16fi4_315:hover::-ms-input-placeholder{color:var(--input-color)}._default-gray_16fi4_268._alarm_16fi4_315:hover::placeholder,._default-white_16fi4_280._alarm_16fi4_315:hover::placeholder{color:var(--input-color)}._default-gray_16fi4_268._error_16fi4_335,._default-white_16fi4_280._error_16fi4_335{--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_16fi4_268._error_16fi4_335::-webkit-input-placeholder,._default-white_16fi4_280._error_16fi4_335::-webkit-input-placeholder{color:var(--input-color)}._default-gray_16fi4_268._error_16fi4_335::-moz-placeholder,._default-white_16fi4_280._error_16fi4_335::-moz-placeholder{color:var(--input-color)}._default-gray_16fi4_268._error_16fi4_335:-ms-input-placeholder,._default-white_16fi4_280._error_16fi4_335:-ms-input-placeholder{color:var(--input-color)}._default-gray_16fi4_268._error_16fi4_335::-ms-input-placeholder,._default-white_16fi4_280._error_16fi4_335::-ms-input-placeholder{color:var(--input-color)}._default-gray_16fi4_268._error_16fi4_335::placeholder,._default-white_16fi4_280._error_16fi4_335::placeholder{color:var(--input-color)}._default-gray_16fi4_268._error_16fi4_335:hover::-webkit-input-placeholder,._default-white_16fi4_280._error_16fi4_335:hover::-webkit-input-placeholder{color:var(--input-color)}._default-gray_16fi4_268._error_16fi4_335:hover::-moz-placeholder,._default-white_16fi4_280._error_16fi4_335:hover::-moz-placeholder{color:var(--input-color)}._default-gray_16fi4_268._error_16fi4_335:hover:-ms-input-placeholder,._default-white_16fi4_280._error_16fi4_335:hover:-ms-input-placeholder{color:var(--input-color)}._default-gray_16fi4_268._error_16fi4_335:hover::-ms-input-placeholder,._default-white_16fi4_280._error_16fi4_335:hover::-ms-input-placeholder{color:var(--input-color)}._default-gray_16fi4_268._error_16fi4_335:hover::placeholder,._default-white_16fi4_280._error_16fi4_335:hover::placeholder{color:var(--input-color)}

package/dist/components/DatePicker/DatePicker.d.ts

@@ -1,3 +1,4 @@
+import { FocusEventHandler } from 'react';
 import { EDatePickerBorderRadius } from './constants';
 import { TInputProps } from '../Input';
 
@@ -11,9 +12,9 @@ export type TProps = {
      */
     onError?: (e: TDatePickerOnError) => void;
     /**
-     * Функция обратного вызова при потере фокуса компонентом
+     * Стандартный обработчик потери фокуса input
      */
-    onBlur?: (e: string) => void;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
     /**
      *  Функция ограничения выбора даты (до какой даты выбор не доступен)
      */
@@ -106,9 +107,9 @@ export declare const DatePicker: import('react').MemoExoticComponent<import('rea
      */
     onError?: (e: TDatePickerOnError) => void;
     /**
-     * Функция обратного вызова при потере фокуса компонентом
+     * Стандартный обработчик потери фокуса input
      */
-    onBlur?: (e: string) => void;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
     /**
      *  Функция ограничения выбора даты (до какой даты выбор не доступен)
      */