mimir-ui-kit 1.48.2 → 1.48.3

package/dist/Input-DgWOCNwP.js

@@ -0,0 +1,232 @@
+import { jsxs as B, jsx as s, Fragment as Z } from "react/jsx-runtime";
+import { c as o } from "./index-DIxK0V-G.js";
+import { memo as ee, forwardRef as ae, useState as z, useRef as te, useEffect as L } from "react";
+import { EInputVariant as se } from "./components/Input/constants.js";
+import { useMergeRefs as re } from "./hooks/useMergeRefs/useMergeRefs.js";
+import { Icon as le } from "./icons/Icon.js";
+import { Button as de } from "./components/Button/Button.js";
+import './assets/Input.css';const oe = "_label_1wf2d_26", ne = "_input_1wf2d_2", ce = "_focused_1wf2d_99", ie = "_disabled_1wf2d_105", ue = "_clear_1wf2d_147", _e = "_s_1wf2d_210", fe = "_m_1wf2d_225", me = "_l_1wf2d_26", pe = "_success_1wf2d_281", he = "_alarm_1wf2d_301", be = "_error_1wf2d_321", e = {
+  "input-wrapper": "_input-wrapper_1wf2d_2",
+  "required-mark": "_required-mark_1wf2d_16",
+  label: oe,
+  "has-left-slot": "_has-left-slot_1wf2d_45",
+  "has-right-slot": "_has-right-slot_1wf2d_48",
+  "active-label": "_active-label_1wf2d_53",
+  "label-text-wrapper": "_label-text-wrapper_1wf2d_68",
+  input: ne,
+  focused: ce,
+  "has-label": "_has-label_1wf2d_102",
+  disabled: ie,
+  "addon-icon": "_addon-icon_1wf2d_111",
+  "left-slot": "_left-slot_1wf2d_115",
+  "right-slot": "_right-slot_1wf2d_116",
+  clear: ue,
+  "border-radius-left": "_border-radius-left_1wf2d_198",
+  "border-radius-right": "_border-radius-right_1wf2d_202",
+  "border-radius-none": "_border-radius-none_1wf2d_206",
+  s: _e,
+  m: fe,
+  l: me,
+  "default-gray": "_default-gray_1wf2d_254",
+  "default-white": "_default-white_1wf2d_266",
+  success: pe,
+  alarm: he,
+  error: be
+}, j = (a) => {
+  var f, r;
+  if (!a)
+    return null;
+  switch (a.addonType) {
+    case "icon": {
+      const m = (f = a.addonContent) == null ? void 0 : f.includes("16px"), g = (r = a.addonContent) == null ? void 0 : r.includes("24px");
+      return /* @__PURE__ */ s(
+        le,
+        {
+          style: {
+            "--icon-size": o({
+              "16px": m,
+              "24px": g
+            })
+          },
+          className: e["addon-icon"],
+          iconName: a.addonContent
+        }
+      );
+    }
+    case "text":
+      return a.addonContent;
+    case "react-node":
+      return /* @__PURE__ */ s(Z, { children: a.addonContent });
+    default:
+      return null;
+  }
+}, we = ee(
+  ae(
+    (a, f) => {
+      const {
+        value: r,
+        className: m,
+        wrapperClassName: g,
+        rightSlotClassName: D,
+        requiredMarkClassName: E,
+        variant: A = se.DefaultGray,
+        type: M = "text",
+        autofocus: N,
+        readonly: n,
+        id: F,
+        onFocus: x,
+        onBlur: C,
+        label: u,
+        withClearButton: O,
+        disabled: t,
+        onChange: i,
+        rightAddon: S,
+        status: R,
+        leftAddon: T,
+        size: y = "m",
+        numbersOnly: G,
+        required: v,
+        maxLength: I,
+        autocomplete: P = "on",
+        borderRadius: V = "all",
+        ...W
+      } = a, [_, k] = z(N), [p, h] = z(!!r), c = te(null), $ = re(c, f);
+      L(() => {
+        N && k(!0);
+      }, [N]), L(() => {
+        h(!!r);
+      }, [r]);
+      const H = (l) => {
+        const d = l.currentTarget.value;
+        C == null || C(l), k(!1), h(!!d);
+      }, J = (l) => {
+        n || (k(!0), x == null || x(l));
+      }, K = () => {
+        c != null && c.current && (c.current.value = "", c.current.focus(), h(!1), i == null || i({
+          target: c.current
+        }));
+      }, Q = (l) => {
+        let d = l.target.value;
+        G && (d = d.replace(/\D/g, "")), I !== void 0 && (d = d.slice(0, I)), l.target.value = d, i == null || i(l), h(!!d);
+      }, b = j(T), w = j(S), U = {
+        [e.readonly]: t || n,
+        [e.focused]: _,
+        [e.disabled]: t || n,
+        [e["has-label"]]: !!u,
+        [e["has-left-slot"]]: !!b,
+        [e["has-right-slot"]]: !!w
+      }, q = _ || p || !!r, X = o(e.label, m, e[y], {
+        [e["active-label"]]: q,
+        [e.disabled]: t || n,
+        [e["has-left-slot"]]: !!b,
+        [e["has-right-slot"]]: !!w
+      }), Y = o(e.input, U, m, [
+        e[A],
+        e[R ?? ""],
+        e[y]
+      ]);
+      return /* @__PURE__ */ B(
+        "div",
+        {
+          className: o(
+            e["input-wrapper"],
+            e[A],
+            e[R ?? ""],
+            e[y],
+            {
+              [e.disabled]: t || n,
+              [e.focused]: _,
+              [e[`border-radius-${V}`]]: V !== "all"
+            },
+            g
+          ),
+          children: [
+            u && /* @__PURE__ */ B("label", { htmlFor: F, className: X, children: [
+              /* @__PURE__ */ s("span", { className: e["label-text-wrapper"], children: u }),
+              v && (p || _) && /* @__PURE__ */ s(
+                "span",
+                {
+                  className: e["required-mark"],
+                  "data-testid": "required-mark"
+                }
+              )
+            ] }),
+            b && /* @__PURE__ */ s(
+              "span",
+              {
+                className: o(e["left-slot"], {
+                  [e.focused]: q,
+                  [e["has-label"]]: !!u,
+                  [e.disabled]: t
+                }),
+                children: b
+              }
+            ),
+            /* @__PURE__ */ s(
+              "input",
+              {
+                ref: $,
+                type: M,
+                id: F,
+                className: Y,
+                onFocus: J,
+                onBlur: H,
+                readOnly: n,
+                value: r,
+                onChange: Q,
+                maxLength: I,
+                disabled: t,
+                required: v,
+                autoComplete: P,
+                ...W
+              }
+            ),
+            w && /* @__PURE__ */ s(
+              "span",
+              {
+                className: o(e["right-slot"], D, {
+                  [e.focused]: q,
+                  [e["has-label"]]: !!u,
+                  [e.disabled]: t
+                }),
+                children: w
+              }
+            ),
+            v && !p && !_ && /* @__PURE__ */ s(
+              "span",
+              {
+                className: o(
+                  e["required-mark"],
+                  E
+                ),
+                "data-testid": "required-mark"
+              }
+            ),
+            O && p && /* @__PURE__ */ s(
+              de,
+              {
+                tabIndex: -1,
+                className: o(e.clear, {
+                  [e.disabled]: t
+                }),
+                isIconButton: !0,
+                iconName: "Close16px",
+                size: "m-s",
+                clear: !0,
+                disabled: t || n,
+                variant: "secondary-gray",
+                onClick: K,
+                "data-testid": "clear-button"
+              }
+            )
+          ]
+        }
+      );
+    }
+  )
+);
+we.displayName = "Input";
+export {
+  we as I,
+  e as c
+};

package/dist/assets/Input.css

@@ -1 +1 @@
-._input-wrapper_s0qp8_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_s0qp8_2 ._required-mark_s0qp8_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_s0qp8_2 ._label_s0qp8_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_s0qp8_2 ._label_s0qp8_26._has-left-slot_s0qp8_45{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--clear-button-mg))}._input-wrapper_s0qp8_2 ._label_s0qp8_26._has-right-slot_s0qp8_48{--label-default-max-width: calc( 100% - calc(calc(var(--input-padding) * 2) + var(--mimir-space-xxl)) )}._input-wrapper_s0qp8_2 ._label_s0qp8_26._active-label_s0qp8_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_s0qp8_2 ._label_s0qp8_26._active-label_s0qp8_53._has-left-slot_s0qp8_45{left:var(--mimir-space-m)}._input-wrapper_s0qp8_2 ._label_s0qp8_26._active-label_s0qp8_53._has-right-slot_s0qp8_48{--label-default-max-width: calc( 100% - calc(calc(var(--input-padding) * 2)) )}._input-wrapper_s0qp8_2 ._label_s0qp8_26._active-label_s0qp8_53 ._required-mark_s0qp8_16{margin-left:0}._input-wrapper_s0qp8_2 ._label_s0qp8_26 ._label-text-wrapper_s0qp8_68{overflow:hidden;text-overflow:ellipsis}._input-wrapper_s0qp8_2 ._input_s0qp8_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_s0qp8_2 ._input_s0qp8_2._has-left-slot_s0qp8_45{padding-left:0}._input-wrapper_s0qp8_2 ._input_s0qp8_2._has-right-slot_s0qp8_48{padding-right:0}._input-wrapper_s0qp8_2 ._input_s0qp8_2._focused_s0qp8_99{padding-top:0}._input-wrapper_s0qp8_2 ._input_s0qp8_2._has-label_s0qp8_102{padding-top:var(--input-padding-position)}._input-wrapper_s0qp8_2 ._input_s0qp8_2._disabled_s0qp8_105{color:var(--light-text)}._input-wrapper_s0qp8_2 ._input_s0qp8_2._disabled_s0qp8_105:hover,._input-wrapper_s0qp8_2 ._input_s0qp8_2._disabled_s0qp8_105:active,._input-wrapper_s0qp8_2 ._input_s0qp8_2._disabled_s0qp8_105:focus{color:var(--light-text)}._input-wrapper_s0qp8_2 ._addon-icon_s0qp8_111{width:var(--icon-size);height:var(--icon-size)}._input-wrapper_s0qp8_2 ._left-slot_s0qp8_115,._input-wrapper_s0qp8_2 ._right-slot_s0qp8_116{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_s0qp8_2 ._left-slot_s0qp8_115._focused_s0qp8_99._has-label_s0qp8_102,._input-wrapper_s0qp8_2 ._right-slot_s0qp8_116._focused_s0qp8_99._has-label_s0qp8_102{padding-top:var(--input-padding-position)}._input-wrapper_s0qp8_2 ._left-slot_s0qp8_115._disabled_s0qp8_105,._input-wrapper_s0qp8_2 ._right-slot_s0qp8_116._disabled_s0qp8_105{color:var(--white);cursor:not-allowed}._input-wrapper_s0qp8_2 ._left-slot_s0qp8_115._disabled_s0qp8_105 ._addon-icon_s0qp8_111 path,._input-wrapper_s0qp8_2 ._right-slot_s0qp8_116._disabled_s0qp8_105 ._addon-icon_s0qp8_111 path{fill:var(--white)}._input-wrapper_s0qp8_2 ._left-slot_s0qp8_115{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-right:var(--clear-button-mg)}._input-wrapper_s0qp8_2 ._right-slot_s0qp8_116{margin-left:var(--clear-button-mg)}._input-wrapper_s0qp8_2 ._clear_s0qp8_147{-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_s0qp8_2 ._clear_s0qp8_147._disabled_s0qp8_105{cursor:not-allowed}._input-wrapper_s0qp8_2 svg{color:currentcolor;fill:currentcolor}._input-wrapper_s0qp8_2:hover ._label_s0qp8_26,._input-wrapper_s0qp8_2:focus-within ._label_s0qp8_26{color:var(--label-color)}._input-wrapper_s0qp8_2:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_s0qp8_2:focus-within{background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._input-wrapper_s0qp8_2._focused_s0qp8_99{color:var(--input-color-active);background-color:var(--input-bg-color-active)}._input-wrapper_s0qp8_2._focused_s0qp8_99:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_s0qp8_2._disabled_s0qp8_105{--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_s0qp8_2._disabled_s0qp8_105:hover,._input-wrapper_s0qp8_2._disabled_s0qp8_105:active,._input-wrapper_s0qp8_2._disabled_s0qp8_105: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_s0qp8_2._disabled_s0qp8_105::-webkit-input-placeholder{color:var(--light-text)}._input-wrapper_s0qp8_2._disabled_s0qp8_105::-moz-placeholder{color:var(--light-text)}._input-wrapper_s0qp8_2._disabled_s0qp8_105:-ms-input-placeholder{color:var(--light-text)}._input-wrapper_s0qp8_2._disabled_s0qp8_105::-ms-input-placeholder{color:var(--light-text)}._input-wrapper_s0qp8_2._disabled_s0qp8_105::placeholder{color:var(--light-text)}._input-wrapper_s0qp8_2._disabled_s0qp8_105:hover::-webkit-input-placeholder{color:var(--light-text)}._input-wrapper_s0qp8_2._disabled_s0qp8_105:hover::-moz-placeholder{color:var(--light-text)}._input-wrapper_s0qp8_2._disabled_s0qp8_105:hover:-ms-input-placeholder{color:var(--light-text)}._input-wrapper_s0qp8_2._disabled_s0qp8_105:hover::-ms-input-placeholder{color:var(--light-text)}._input-wrapper_s0qp8_2._disabled_s0qp8_105:hover::placeholder{color:var(--light-text)}._input-wrapper_s0qp8_2._border-radius-left_s0qp8_197{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._input-wrapper_s0qp8_2._border-radius-right_s0qp8_201{border-top-left-radius:0!important;border-bottom-left-radius:0!important}._input-wrapper_s0qp8_2._border-radius-none_s0qp8_205{border-radius:0!important}._s_s0qp8_209{--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_s0qp8_224{--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_s0qp8_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_s0qp8_253{--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_s0qp8_265{--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_s0qp8_265:hover{--label-color: var(--dark-text)}._default-gray_s0qp8_253._success_s0qp8_280,._default-white_s0qp8_265._success_s0qp8_280{--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_s0qp8_253._success_s0qp8_280::-webkit-input-placeholder,._default-white_s0qp8_265._success_s0qp8_280::-webkit-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._success_s0qp8_280::-moz-placeholder,._default-white_s0qp8_265._success_s0qp8_280::-moz-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._success_s0qp8_280:-ms-input-placeholder,._default-white_s0qp8_265._success_s0qp8_280:-ms-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._success_s0qp8_280::-ms-input-placeholder,._default-white_s0qp8_265._success_s0qp8_280::-ms-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._success_s0qp8_280::placeholder,._default-white_s0qp8_265._success_s0qp8_280::placeholder{color:var(--input-color)}._default-gray_s0qp8_253._success_s0qp8_280:hover::-webkit-input-placeholder,._default-white_s0qp8_265._success_s0qp8_280:hover::-webkit-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._success_s0qp8_280:hover::-moz-placeholder,._default-white_s0qp8_265._success_s0qp8_280:hover::-moz-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._success_s0qp8_280:hover:-ms-input-placeholder,._default-white_s0qp8_265._success_s0qp8_280:hover:-ms-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._success_s0qp8_280:hover::-ms-input-placeholder,._default-white_s0qp8_265._success_s0qp8_280:hover::-ms-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._success_s0qp8_280:hover::placeholder,._default-white_s0qp8_265._success_s0qp8_280:hover::placeholder{color:var(--input-color)}._default-gray_s0qp8_253._alarm_s0qp8_300,._default-white_s0qp8_265._alarm_s0qp8_300{--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_s0qp8_253._alarm_s0qp8_300::-webkit-input-placeholder,._default-white_s0qp8_265._alarm_s0qp8_300::-webkit-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._alarm_s0qp8_300::-moz-placeholder,._default-white_s0qp8_265._alarm_s0qp8_300::-moz-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._alarm_s0qp8_300:-ms-input-placeholder,._default-white_s0qp8_265._alarm_s0qp8_300:-ms-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._alarm_s0qp8_300::-ms-input-placeholder,._default-white_s0qp8_265._alarm_s0qp8_300::-ms-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._alarm_s0qp8_300::placeholder,._default-white_s0qp8_265._alarm_s0qp8_300::placeholder{color:var(--input-color)}._default-gray_s0qp8_253._alarm_s0qp8_300:hover::-webkit-input-placeholder,._default-white_s0qp8_265._alarm_s0qp8_300:hover::-webkit-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._alarm_s0qp8_300:hover::-moz-placeholder,._default-white_s0qp8_265._alarm_s0qp8_300:hover::-moz-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._alarm_s0qp8_300:hover:-ms-input-placeholder,._default-white_s0qp8_265._alarm_s0qp8_300:hover:-ms-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._alarm_s0qp8_300:hover::-ms-input-placeholder,._default-white_s0qp8_265._alarm_s0qp8_300:hover::-ms-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._alarm_s0qp8_300:hover::placeholder,._default-white_s0qp8_265._alarm_s0qp8_300:hover::placeholder{color:var(--input-color)}._default-gray_s0qp8_253._error_s0qp8_320,._default-white_s0qp8_265._error_s0qp8_320{--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_s0qp8_253._error_s0qp8_320::-webkit-input-placeholder,._default-white_s0qp8_265._error_s0qp8_320::-webkit-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._error_s0qp8_320::-moz-placeholder,._default-white_s0qp8_265._error_s0qp8_320::-moz-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._error_s0qp8_320:-ms-input-placeholder,._default-white_s0qp8_265._error_s0qp8_320:-ms-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._error_s0qp8_320::-ms-input-placeholder,._default-white_s0qp8_265._error_s0qp8_320::-ms-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._error_s0qp8_320::placeholder,._default-white_s0qp8_265._error_s0qp8_320::placeholder{color:var(--input-color)}._default-gray_s0qp8_253._error_s0qp8_320:hover::-webkit-input-placeholder,._default-white_s0qp8_265._error_s0qp8_320:hover::-webkit-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._error_s0qp8_320:hover::-moz-placeholder,._default-white_s0qp8_265._error_s0qp8_320:hover::-moz-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._error_s0qp8_320:hover:-ms-input-placeholder,._default-white_s0qp8_265._error_s0qp8_320:hover:-ms-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._error_s0qp8_320:hover::-ms-input-placeholder,._default-white_s0qp8_265._error_s0qp8_320:hover::-ms-input-placeholder{color:var(--input-color)}._default-gray_s0qp8_253._error_s0qp8_320:hover::placeholder,._default-white_s0qp8_265._error_s0qp8_320:hover::placeholder{color:var(--input-color)}
+._input-wrapper_1wf2d_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_1wf2d_2 ._required-mark_1wf2d_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_1wf2d_2 ._label_1wf2d_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_1wf2d_2 ._label_1wf2d_26._has-left-slot_1wf2d_45{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--clear-button-mg))}._input-wrapper_1wf2d_2 ._label_1wf2d_26._has-right-slot_1wf2d_48{--label-default-max-width: calc( 100% - calc(calc(var(--input-padding) * 2) + var(--mimir-space-xxl)) )}._input-wrapper_1wf2d_2 ._label_1wf2d_26._active-label_1wf2d_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_1wf2d_2 ._label_1wf2d_26._active-label_1wf2d_53._has-left-slot_1wf2d_45{left:var(--mimir-space-m)}._input-wrapper_1wf2d_2 ._label_1wf2d_26._active-label_1wf2d_53._has-right-slot_1wf2d_48{--label-default-max-width: calc( 100% - calc(calc(var(--input-padding) * 2)) )}._input-wrapper_1wf2d_2 ._label_1wf2d_26._active-label_1wf2d_53 ._required-mark_1wf2d_16{margin-left:0}._input-wrapper_1wf2d_2 ._label_1wf2d_26 ._label-text-wrapper_1wf2d_68{overflow:hidden;text-overflow:ellipsis}._input-wrapper_1wf2d_2 ._input_1wf2d_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_1wf2d_2 ._input_1wf2d_2._has-left-slot_1wf2d_45{padding-left:0}._input-wrapper_1wf2d_2 ._input_1wf2d_2._has-right-slot_1wf2d_48{padding-right:0}._input-wrapper_1wf2d_2 ._input_1wf2d_2._focused_1wf2d_99{padding-top:0}._input-wrapper_1wf2d_2 ._input_1wf2d_2._has-label_1wf2d_102{padding-top:var(--input-padding-position)}._input-wrapper_1wf2d_2 ._input_1wf2d_2._disabled_1wf2d_105{color:var(--light-text)}._input-wrapper_1wf2d_2 ._input_1wf2d_2._disabled_1wf2d_105:hover,._input-wrapper_1wf2d_2 ._input_1wf2d_2._disabled_1wf2d_105:active,._input-wrapper_1wf2d_2 ._input_1wf2d_2._disabled_1wf2d_105:focus{color:var(--light-text)}._input-wrapper_1wf2d_2 ._addon-icon_1wf2d_111{width:var(--icon-size);height:var(--icon-size)}._input-wrapper_1wf2d_2 ._left-slot_1wf2d_115,._input-wrapper_1wf2d_2 ._right-slot_1wf2d_116{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_1wf2d_2 ._left-slot_1wf2d_115._focused_1wf2d_99._has-label_1wf2d_102,._input-wrapper_1wf2d_2 ._right-slot_1wf2d_116._focused_1wf2d_99._has-label_1wf2d_102{padding-top:var(--input-padding-position)}._input-wrapper_1wf2d_2 ._left-slot_1wf2d_115._disabled_1wf2d_105,._input-wrapper_1wf2d_2 ._right-slot_1wf2d_116._disabled_1wf2d_105{color:var(--white);cursor:not-allowed}._input-wrapper_1wf2d_2 ._left-slot_1wf2d_115._disabled_1wf2d_105 ._addon-icon_1wf2d_111 path,._input-wrapper_1wf2d_2 ._right-slot_1wf2d_116._disabled_1wf2d_105 ._addon-icon_1wf2d_111 path{fill:var(--white)}._input-wrapper_1wf2d_2 ._left-slot_1wf2d_115{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-right:var(--clear-button-mg)}._input-wrapper_1wf2d_2 ._right-slot_1wf2d_116{margin-left:var(--clear-button-mg)}._input-wrapper_1wf2d_2 ._clear_1wf2d_147{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_1wf2d_2 ._clear_1wf2d_147._disabled_1wf2d_105{cursor:not-allowed}._input-wrapper_1wf2d_2 svg{color:currentcolor;fill:currentcolor}._input-wrapper_1wf2d_2:hover ._label_1wf2d_26,._input-wrapper_1wf2d_2:focus-within ._label_1wf2d_26{color:var(--label-color)}._input-wrapper_1wf2d_2:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1wf2d_2:focus-within{background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._input-wrapper_1wf2d_2._focused_1wf2d_99{color:var(--input-color-active);background-color:var(--input-bg-color-active)}._input-wrapper_1wf2d_2._focused_1wf2d_99:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1wf2d_2._disabled_1wf2d_105{--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_1wf2d_2._disabled_1wf2d_105:hover,._input-wrapper_1wf2d_2._disabled_1wf2d_105:active,._input-wrapper_1wf2d_2._disabled_1wf2d_105: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_1wf2d_2._disabled_1wf2d_105::-webkit-input-placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._disabled_1wf2d_105::-moz-placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._disabled_1wf2d_105:-ms-input-placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._disabled_1wf2d_105::-ms-input-placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._disabled_1wf2d_105::placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._disabled_1wf2d_105:hover::-webkit-input-placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._disabled_1wf2d_105:hover::-moz-placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._disabled_1wf2d_105:hover:-ms-input-placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._disabled_1wf2d_105:hover::-ms-input-placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._disabled_1wf2d_105:hover::placeholder{color:var(--light-text)}._input-wrapper_1wf2d_2._border-radius-left_1wf2d_198{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._input-wrapper_1wf2d_2._border-radius-right_1wf2d_202{border-top-left-radius:0!important;border-bottom-left-radius:0!important}._input-wrapper_1wf2d_2._border-radius-none_1wf2d_206{border-radius:0!important}._s_1wf2d_210{--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_1wf2d_225{--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_1wf2d_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_1wf2d_254{--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_1wf2d_266{--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_1wf2d_266:hover{--label-color: var(--dark-text)}._default-gray_1wf2d_254._success_1wf2d_281,._default-white_1wf2d_266._success_1wf2d_281{--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_1wf2d_254._success_1wf2d_281::-webkit-input-placeholder,._default-white_1wf2d_266._success_1wf2d_281::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._success_1wf2d_281::-moz-placeholder,._default-white_1wf2d_266._success_1wf2d_281::-moz-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._success_1wf2d_281:-ms-input-placeholder,._default-white_1wf2d_266._success_1wf2d_281:-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._success_1wf2d_281::-ms-input-placeholder,._default-white_1wf2d_266._success_1wf2d_281::-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._success_1wf2d_281::placeholder,._default-white_1wf2d_266._success_1wf2d_281::placeholder{color:var(--input-color)}._default-gray_1wf2d_254._success_1wf2d_281:hover::-webkit-input-placeholder,._default-white_1wf2d_266._success_1wf2d_281:hover::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._success_1wf2d_281:hover::-moz-placeholder,._default-white_1wf2d_266._success_1wf2d_281:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._success_1wf2d_281:hover:-ms-input-placeholder,._default-white_1wf2d_266._success_1wf2d_281:hover:-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._success_1wf2d_281:hover::-ms-input-placeholder,._default-white_1wf2d_266._success_1wf2d_281:hover::-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._success_1wf2d_281:hover::placeholder,._default-white_1wf2d_266._success_1wf2d_281:hover::placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301,._default-white_1wf2d_266._alarm_1wf2d_301{--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_1wf2d_254._alarm_1wf2d_301::-webkit-input-placeholder,._default-white_1wf2d_266._alarm_1wf2d_301::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301::-moz-placeholder,._default-white_1wf2d_266._alarm_1wf2d_301::-moz-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301:-ms-input-placeholder,._default-white_1wf2d_266._alarm_1wf2d_301:-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301::-ms-input-placeholder,._default-white_1wf2d_266._alarm_1wf2d_301::-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301::placeholder,._default-white_1wf2d_266._alarm_1wf2d_301::placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301:hover::-webkit-input-placeholder,._default-white_1wf2d_266._alarm_1wf2d_301:hover::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301:hover::-moz-placeholder,._default-white_1wf2d_266._alarm_1wf2d_301:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301:hover:-ms-input-placeholder,._default-white_1wf2d_266._alarm_1wf2d_301:hover:-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301:hover::-ms-input-placeholder,._default-white_1wf2d_266._alarm_1wf2d_301:hover::-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._alarm_1wf2d_301:hover::placeholder,._default-white_1wf2d_266._alarm_1wf2d_301:hover::placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321,._default-white_1wf2d_266._error_1wf2d_321{--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_1wf2d_254._error_1wf2d_321::-webkit-input-placeholder,._default-white_1wf2d_266._error_1wf2d_321::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321::-moz-placeholder,._default-white_1wf2d_266._error_1wf2d_321::-moz-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321:-ms-input-placeholder,._default-white_1wf2d_266._error_1wf2d_321:-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321::-ms-input-placeholder,._default-white_1wf2d_266._error_1wf2d_321::-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321::placeholder,._default-white_1wf2d_266._error_1wf2d_321::placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321:hover::-webkit-input-placeholder,._default-white_1wf2d_266._error_1wf2d_321:hover::-webkit-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321:hover::-moz-placeholder,._default-white_1wf2d_266._error_1wf2d_321:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321:hover:-ms-input-placeholder,._default-white_1wf2d_266._error_1wf2d_321:hover:-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321:hover::-ms-input-placeholder,._default-white_1wf2d_266._error_1wf2d_321:hover::-ms-input-placeholder{color:var(--input-color)}._default-gray_1wf2d_254._error_1wf2d_321:hover::placeholder,._default-white_1wf2d_266._error_1wf2d_321:hover::placeholder{color:var(--input-color)}

package/dist/assets/styles.css

@@ -1 +1 @@
-._input-field-group-datePicker_qlncs_3{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-field-group-datePicker_qlncs_3._full_qlncs_8{width:100%}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11{--border-color: var(--citrine-100);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:var(--mimir-control-radius-s)}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11 ._date-wrapper_qlncs_18{position:relative;width:100%}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11 ._date-wrapper_qlncs_18 ._input-wrapper_qlncs_22{-webkit-box-flex:1;-ms-flex:1;flex:1}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11 ._date-wrapper_qlncs_18 ._input-wrapper_qlncs_22 ._right-slot_qlncs_25{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding-top:0}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11 ._date-wrapper_qlncs_18 ._inputBorderControl_qlncs_29{border:transparent}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11 ._date-wrapper_qlncs_18:hover ._input-wrapper_qlncs_22{background-color:var(--input-bg-color-hover)}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11 ._date-wrapper_qlncs_18:before{position:absolute;top:0;right:45px;bottom:0;left:0;z-index:3;cursor:pointer;content:""}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11 ._date-wrapper_qlncs_18._editable_qlncs_42:before{display:none}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11 ._date-wrapper_qlncs_18 svg{cursor:pointer}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11 ._date-wrapper_qlncs_18._border-radius-left_qlncs_48 ._input-wrapper_qlncs_22{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11 ._date-wrapper_qlncs_18._border-radius-right_qlncs_52 ._input-wrapper_qlncs_22{border-top-left-radius:0!important;border-bottom-left-radius:0!important}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11 ._date-wrapper_qlncs_18._border-radius-none_qlncs_56 ._input-wrapper_qlncs_22{border-radius:0!important}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11:has([data-status=error]){--border-color: var(--error-normal)}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11:has([data-status=success]){--border-color: var(--success-normal)}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11:has([data-status=alarm]){--border-color: var(--alarm-normal)}._input-field-group-datePicker_qlncs_3 ._wrapper_qlncs_11._active_qlncs_68{border-bottom:1px solid var(--border-color)}._input-field-group-datePicker_qlncs_3 ._textError_qlncs_71{color:var(--gos-znak-diplomatic-background-color);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-s);font-family:var(--mimir-font-inter);line-height:var(--mimir-size-text-m);text-align:left}[data-disabled=true] ._date-wrapper_qlncs_18:before{cursor:auto}[data-disabled=true] ._date-wrapper_qlncs_18 ._input-wrapper_qlncs_22{background:var(--black-20)}[data-disabled=true] ._date-wrapper_qlncs_18 ._input-wrapper_qlncs_22 label,[data-disabled=true] ._date-wrapper_qlncs_18 ._input-wrapper_qlncs_22 input{color:var(--white)}[data-disabled=true] ._button-wrapper_qlncs_90 svg{color:var(--white);cursor:default;fill:var(--white)}._button-wrapper_qlncs_90{position:absolute;top:0;right:0;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:44px;height:100%;max-height:var(--button-height-xxl)}._button_qlncs_90{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;background-color:transparent;border-radius:var(--mimir-control-radius-s)}._calendar-block_qlncs_114{position:absolute;z-index:var(--mimir-zindex-dropdown);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:368px;max-height:none;padding:var(--mimir-space-m);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-l);font-family:var(--mimir-font-inter);line-height:var(--mimir-line-height-text-2xs);text-align:center;text-overflow:ellipsis;background:var(--white);border-radius:var(--mimir-control-radius-s);-webkit-box-shadow:0 0 0 0 rgba(22,23,39,.02),0 2px 4px 0 rgba(22,23,39,.02),0 6px 6px 0 rgba(22,23,39,.02),0 15px 9px 0 rgba(22,23,39,.01);box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703;opacity:0;-webkit-transition:height .5s ease-in;transition:height .5s ease-in;-webkit-font-feature-settings:"zero";font-feature-settings:"zero";font-variant-numeric:slashed-zero}._calendar-block_qlncs_114 ._h_qlncs_136{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;color:var(--black-100)}._calendar-block_qlncs_114 ._b_qlncs_48{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[7];grid-template-columns:repeat(7,1fr)}._calendar-block_qlncs_114 ._d_qlncs_18{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;gap:var(--mimir-space-2xs);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--black-100);font-size:var(--mimir-size-text-l);cursor:pointer}._calendar-block_qlncs_114 ._m_qlncs_158,._calendar-block_qlncs_114 ._a_qlncs_68,._calendar-block_qlncs_114 ._prev_qlncs_160{width:auto;height:48px;overflow:hidden}._calendar-block_qlncs_114 ._m_qlncs_158{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--disabled);font-size:var(--mimir-size-text-l)}._calendar-block_qlncs_114 ._orange_qlncs_174{color:var(--citrine-100)}._calendar-block_qlncs_114 ._a_qlncs_68{color:var(--black-100);font-size:var(--mimir-size-text-l);border-radius:var(--mimir-control-radius-s)}._calendar-block_qlncs_114 ._a_qlncs_68:hover{background:var(--black-10)}._calendar-block_qlncs_114 ._a_qlncs_68:active{color:var(--white);background:var(--sapphire-100)}._calendar-block_qlncs_114 ._current_qlncs_191{background:var(--sapphire-10);border-radius:var(--mimir-control-radius-s)}._calendar-block_qlncs_114 ._monthGrid_qlncs_196{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}._icon-button_qlncs_201{display:-webkit-box;display:-ms-flexbox;display:flex}
+._input-field-group-datePicker_1snrv_3{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-field-group-datePicker_1snrv_3._full_1snrv_8{width:100%}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11{--border-color: var(--citrine-100);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:var(--mimir-control-radius-s)}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11 ._date-wrapper_1snrv_18{position:relative;width:100%}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11 ._date-wrapper_1snrv_18 ._input-wrapper_1snrv_22{-webkit-box-flex:1;-ms-flex:1;flex:1}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11 ._date-wrapper_1snrv_18 ._input-wrapper_1snrv_22 ._right-slot_1snrv_25{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding-top:0}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11 ._date-wrapper_1snrv_18 ._inputBorderControl_1snrv_29{border:transparent}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11 ._date-wrapper_1snrv_18:hover ._input-wrapper_1snrv_22{background-color:var(--input-bg-color-hover)}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11 ._date-wrapper_1snrv_18:before{position:absolute;top:0;right:45px;bottom:0;left:0;z-index:3;cursor:pointer;content:""}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11 ._date-wrapper_1snrv_18._editable_1snrv_42:before{display:none}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11 ._date-wrapper_1snrv_18 svg{cursor:pointer}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11 ._date-wrapper_1snrv_18._border-radius-left_1snrv_48 ._input-wrapper_1snrv_22{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11 ._date-wrapper_1snrv_18._border-radius-right_1snrv_52 ._input-wrapper_1snrv_22{border-top-left-radius:0!important;border-bottom-left-radius:0!important}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11 ._date-wrapper_1snrv_18._border-radius-none_1snrv_56 ._input-wrapper_1snrv_22{border-radius:0!important}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11:has([data-status=error]){--border-color: var(--error-normal)}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11:has([data-status=success]){--border-color: var(--success-normal)}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11:has([data-status=alarm]){--border-color: var(--alarm-normal)}._input-field-group-datePicker_1snrv_3 ._wrapper_1snrv_11:has(._calendar-block_1snrv_68) ._input-wrapper_1snrv_22{border-bottom:1px solid var(--input-bottom-color-active)}._input-field-group-datePicker_1snrv_3 ._textError_1snrv_71{color:var(--gos-znak-diplomatic-background-color);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-s);font-family:var(--mimir-font-inter);line-height:var(--mimir-size-text-m);text-align:left}[data-disabled=true] ._date-wrapper_1snrv_18:before{cursor:auto}[data-disabled=true] ._date-wrapper_1snrv_18 ._input-wrapper_1snrv_22{background:var(--black-20)}[data-disabled=true] ._date-wrapper_1snrv_18 ._input-wrapper_1snrv_22 label,[data-disabled=true] ._date-wrapper_1snrv_18 ._input-wrapper_1snrv_22 input{color:var(--white)}[data-disabled=true] ._button-wrapper_1snrv_90 svg{color:var(--white);cursor:default;fill:var(--white)}._button-wrapper_1snrv_90{position:absolute;top:0;right:0;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:44px;height:100%;max-height:var(--button-height-xxl)}._button_1snrv_90{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;background-color:transparent;border-radius:var(--mimir-control-radius-s)}._calendar-block_1snrv_68{position:absolute;z-index:var(--mimir-zindex-dropdown);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:368px;max-height:none;padding:var(--mimir-space-m);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-l);font-family:var(--mimir-font-inter);line-height:var(--mimir-line-height-text-2xs);text-align:center;text-overflow:ellipsis;background:var(--white);border-radius:var(--mimir-control-radius-s);-webkit-box-shadow:0 0 0 0 rgba(22,23,39,.02),0 2px 4px 0 rgba(22,23,39,.02),0 6px 6px 0 rgba(22,23,39,.02),0 15px 9px 0 rgba(22,23,39,.01);box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703;opacity:0;-webkit-transition:height .5s ease-in;transition:height .5s ease-in;-webkit-font-feature-settings:"zero";font-feature-settings:"zero";font-variant-numeric:slashed-zero}._calendar-block_1snrv_68 ._h_1snrv_136{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;color:var(--black-100)}._calendar-block_1snrv_68 ._b_1snrv_48{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[7];grid-template-columns:repeat(7,1fr)}._calendar-block_1snrv_68 ._d_1snrv_18{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;gap:var(--mimir-space-2xs);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--black-100);font-size:var(--mimir-size-text-l);cursor:pointer}._calendar-block_1snrv_68 ._m_1snrv_158,._calendar-block_1snrv_68 ._a_1snrv_159,._calendar-block_1snrv_68 ._prev_1snrv_160{width:auto;height:48px;overflow:hidden}._calendar-block_1snrv_68 ._m_1snrv_158{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--disabled);font-size:var(--mimir-size-text-l)}._calendar-block_1snrv_68 ._orange_1snrv_174{color:var(--citrine-100)}._calendar-block_1snrv_68 ._a_1snrv_159{color:var(--black-100);font-size:var(--mimir-size-text-l);border-radius:var(--mimir-control-radius-s)}._calendar-block_1snrv_68 ._a_1snrv_159:hover{background:var(--black-10)}._calendar-block_1snrv_68 ._a_1snrv_159:active{color:var(--white);background:var(--sapphire-100)}._calendar-block_1snrv_68 ._current_1snrv_191{background:var(--sapphire-10);border-radius:var(--mimir-control-radius-s)}._calendar-block_1snrv_68 ._monthGrid_1snrv_196{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}._icon-button_1snrv_201{display:-webkit-box;display:-ms-flexbox;display:flex}

package/dist/components/DatePicker/DatePicker.js

@@ -1,21 +1,21 @@
 import { jsxs as z, jsx as D } from "react/jsx-runtime";
 import { c as H } from "../../index-DIxK0V-G.js";
-import { memo as kt, forwardRef as Nt, useState as $, useEffect as j } from "react";
-import { months as A, EDatePickerBorderRadius as C, MAX_DAY as ut, MAX_MONTH as ht, DATE_LENGTH as Mt } from "./constants.js";
-import { DatePickerModal as gt } from "./DatePickerModal.js";
+import { memo as kt, forwardRef as Nt, useState as $, useEffect as v } from "react";
+import { months as A, EDatePickerBorderRadius as C, MAX_DAY as ut, MAX_MONTH as ht, DATE_LENGTH as gt } from "./constants.js";
+import { DatePickerModal as Mt } from "./DatePickerModal.js";
 import { MonthPickerModal as Tt } from "./MonthPickerModal.js";
-import { c as l } from "../../styles.module-B3lX7mJq.js";
+import { c as l } from "../../styles.module-DeBRSK_x.js";
 import { formatDatePart as R } from "./utils.js";
 import { YearPickerModal as $t } from "./YearPickerModal.js";
 import { useClickOutside as bt } from "../../hooks/useClickOutside/useClickOutside.js";
 import { Icon as B } from "../../icons/Icon.js";
-import { formating as p } from "../../utils/index.js";
-import { I as At } from "../../Input-IzZ6B9kw.js";
+import { formating as d } from "../../utils/index.js";
+import { I as At } from "../../Input-DgWOCNwP.js";
 import { EInputStatus as Pt, EInputSize as V } from "../Input/constants.js";
 const St = kt(
   Nt(
     ({
-      size: v,
+      size: j,
       value: k,
       onChangeValue: a,
       name: w,
@@ -24,7 +24,7 @@ const St = kt(
       dateFormat: N = "full",
       error: _,
       onError: M,
-      onBlur: m,
+      onBlur: f,
       validateImmediately: L,
       variant: tt,
       disabled: O = !1,
@@ -39,53 +39,53 @@ const St = kt(
       full: st,
       ...P
     }, rt) => {
-      const [S, d] = $(!1), [E, y] = $(n), [f, g] = $(
+      const [S, y] = $(!1), [E, p] = $(n), [m, g] = $(
         () => k && !isNaN(new Date(k).getTime()) ? new Date(k) : void 0
       ), [Y, F] = $(_), [at, I] = $(""), [ct, T] = $();
-      P.status = !!Y && Pt.Error || P.status, j(() => {
+      P.status = !!Y && Pt.Error || P.status, v(() => {
         F(_);
-      }, [_]), j(() => {
+      }, [_]), v(() => {
         g(
           k && !isNaN(new Date(k).getTime()) ? new Date(k) : void 0
         );
-      }, [k]), j(() => {
-        if (f && typeof f != "string" && !isNaN(f == null ? void 0 : f.getTime())) {
+      }, [k]), v(() => {
+        if (m && typeof m != "string" && !isNaN(m == null ? void 0 : m.getTime())) {
           let t = "";
           switch (N) {
             case "year": {
-              t = f.getFullYear().toString();
+              t = m.getFullYear().toString();
               break;
             }
             case "month": {
-              const s = A[f.getMonth()], e = f.getFullYear();
+              const s = A[m.getMonth()], e = m.getFullYear();
               t = `${s} ${e}`;
               break;
             }
             case "full": {
-              t = p.Date(f, "dd/mm/yyyy");
+              t = d.Date(m, "dd/mm/yyyy");
               break;
             }
             default: {
-              t = p.Date(f, "dd/mm/yyyy");
+              t = d.Date(m, "dd/mm/yyyy");
               break;
             }
           }
           I(t);
         } else
           I("");
-      }, [f, N]);
+      }, [m, N]);
       const K = k && new Date(k).getTime;
-      j(() => {
+      v(() => {
         L && (K ? (F(!1), M == null || M({ name: w, active: !1 })) : (F(!0), M == null || M({ name: w, active: !0 })));
       }, [L, w, K]), bt({
         isActive: S,
         setActive: (t) => {
-          d(t), y(n), t || T(void 0);
+          y(t), p(n), t || T(void 0);
         },
         className: l["calendar-block"]
       });
       const it = () => {
-        !O && (W || !b) && d(!0);
+        !O && (W || !b) && y(!0);
       }, Q = (t) => {
         const s = t.getTime();
         if (t.setHours(0, 0, 0, 0), h && (typeof h == "string" ? new Date(h) : h).getTime() > s)
@@ -127,11 +127,11 @@ const St = kt(
               break;
             }
             case "full": {
-              e = p.Date(t, "yyyy-mm-dd");
+              e = d.Date(t, "yyyy-mm-dd");
               break;
             }
             default: {
-              e = p.Date(t, "yyyy-mm-dd");
+              e = d.Date(t, "yyyy-mm-dd");
               break;
             }
           }
@@ -140,7 +140,7 @@ const St = kt(
             name: w
           });
         }
-        E === "years" && (n === "years" ? (d(!1), y(n)) : y("months")), E === "months" && (n === "months" ? (d(!1), y(n)) : y("days")), g(t);
+        E === "years" && (n === "years" ? (y(!1), p(n)) : p("months")), E === "months" && (n === "months" ? (y(!1), p(n)) : p("days")), g(t);
         let s = "";
         switch (N) {
           case "year": {
@@ -153,20 +153,20 @@ const St = kt(
             break;
           }
           case "full": {
-            s = p.Date(t, "yyyy-mm-dd");
+            s = d.Date(t, "yyyy-mm-dd");
             break;
           }
           default: {
-            s = p.Date(t, "yyyy-mm-dd");
+            s = d.Date(t, "yyyy-mm-dd");
             break;
           }
         }
         a == null || a({
           value: s,
           name: w
-        }), m == null || m(s);
-      }, mt = (t) => {
-        const s = f || /* @__PURE__ */ new Date(), e = s.getDate(), i = s.getMonth() + 1, r = new Date(t, i - 1, e);
+        }), f == null || f(s);
+      }, ft = (t) => {
+        const s = m || /* @__PURE__ */ new Date(), e = s.getDate(), i = s.getMonth() + 1, r = new Date(t, i - 1, e);
         if (r.getFullYear() === t && r.getMonth() === i - 1 && r.getDate() === e && Q(r)) {
           g(r), T(void 0);
           let c = "";
@@ -180,26 +180,26 @@ const St = kt(
               break;
             }
             case "full": {
-              c = p.Date(r, "yyyy-mm-dd");
+              c = d.Date(r, "yyyy-mm-dd");
               break;
             }
             default: {
-              c = p.Date(r, "yyyy-mm-dd");
+              c = d.Date(r, "yyyy-mm-dd");
               break;
             }
           }
           if (a == null || a({
             value: c,
             name: w
-          }), m == null || m(c), n === "years") {
-            d(!1), y(n);
+          }), f == null || f(c), n === "years") {
+            y(!1), p(n);
             return;
           }
         } else
           T(new Date(t, i - 1, 1));
-        n === "years" ? (d(!1), y(n)) : y("months");
-      }, ft = (t, s) => {
-        const i = (f || /* @__PURE__ */ new Date()).getDate(), r = new Date(t, s - 1, i);
+        n === "years" ? (y(!1), p(n)) : p("months");
+      }, mt = (t, s) => {
+        const i = (m || /* @__PURE__ */ new Date()).getDate(), r = new Date(t, s - 1, i);
         if (r.getFullYear() === t && r.getMonth() === s - 1 && r.getDate() === i && Q(r)) {
           g(r), T(void 0);
           let c = "";
@@ -213,29 +213,29 @@ const St = kt(
               break;
             }
             case "full": {
-              c = p.Date(r, "yyyy-mm-dd");
+              c = d.Date(r, "yyyy-mm-dd");
               break;
             }
             default: {
-              c = p.Date(r, "yyyy-mm-dd");
+              c = d.Date(r, "yyyy-mm-dd");
               break;
             }
           }
           if (a == null || a({
             value: c,
             name: w
-          }), m == null || m(c), n === "months") {
-            d(!1), y(n);
+          }), f == null || f(c), n === "months") {
+            y(!1), p(n);
             return;
           }
         } else
           T(new Date(t, s - 1, 1));
-        n === "months" ? (d(!1), y(n)) : y("days");
+        n === "months" ? (y(!1), p(n)) : p("days");
       }, nt = (t) => {
-        if (b) {
+        if (b || t.target.value === "") {
           const s = t.target.value.replace(/[^\d]/g, "");
           if (s.length === 0)
-            I(""), a == null || a({ value: "", name: w }), m == null || m("");
+            I(""), g(void 0), y(!1), a == null || a({ value: "", name: w }), f == null || f("");
           else {
             const [e, i, r] = [
               R(s.substring(0, 2), ut),
@@ -249,14 +249,14 @@ const St = kt(
                 name: w
               });
             }
-            if (c.length === Mt) {
+            if (c.length === gt) {
               const u = parseInt(r), x = /* @__PURE__ */ new Date(
                 `${u}-${i.padStart(2, "0")}-${e.padStart(2, "0")}`
               );
               isNaN(x.getTime()) || (g(x), a == null || a({
-                value: p.Date(x, "yyyy-mm-dd"),
+                value: d.Date(x, "yyyy-mm-dd"),
                 name: w
-              }), m == null || m(p.Date(x, "yyyy-mm-dd")));
+              }), f == null || f(d.Date(x, "yyyy-mm-dd")));
             }
           }
         }
@@ -271,11 +271,11 @@ const St = kt(
       }
       const G = {
         onChangeValue: ot,
-        date: ct || f || /* @__PURE__ */ new Date(),
-        selectedDate: f,
+        date: ct || m || /* @__PURE__ */ new Date(),
+        selectedDate: m,
         before: typeof h == "string" ? new Date(h) : h,
-        onChangeType: y,
-        setIsActive: d,
+        onChangeType: p,
+        setIsActive: y,
         disableFuture: q,
         disablePast: J,
         disabledDate: U,
@@ -283,11 +283,11 @@ const St = kt(
         dateFormat: N
       }, pt = {
         ...G,
-        onChangeMonth: ft,
+        onChangeMonth: mt,
         dateFormat: N
       }, dt = {
         ...G,
-        onChangeYear: mt
+        onChangeYear: ft
       }, Dt = (() => {
         switch (E) {
           case "months":
@@ -295,19 +295,19 @@ const St = kt(
           case "years":
             return () => /* @__PURE__ */ D($t, { ...dt });
           default:
-            return () => /* @__PURE__ */ D(gt, { ...G });
+            return () => /* @__PURE__ */ D(Mt, { ...G });
         }
       })(), wt = ({ isActive: t }) => /* @__PURE__ */ D("button", { onClick: (e) => {
-        e.stopPropagation(), O || d(!t);
+        e.stopPropagation(), O || y(!t);
       }, className: l["icon-button"], children: t ? /* @__PURE__ */ D(
         B,
         {
-          iconName: v === V.S ? "DropdownArrowUp16px" : "DropdownArrowUp24px"
+          iconName: j === V.S ? "DropdownArrowUp16px" : "DropdownArrowUp24px"
         }
       ) : /* @__PURE__ */ D(
         B,
         {
-          iconName: v === V.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px"
+          iconName: j === V.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px"
         }
       ) });
       return /* @__PURE__ */ z(
@@ -334,7 +334,7 @@ const St = kt(
                       ref: rt,
                       className: yt,
                       wrapperClassName: l["input-wrapper"],
-                      size: v,
+                      size: j,
                       type: "text",
                       variant: tt,
                       value: at,
@@ -345,7 +345,7 @@ const St = kt(
                       },
                       rightSlotClassName: l["right-slot"],
                       onFocus: () => {
-                        W && !b && d(!0);
+                        W && !b && y(!0);
                       },
                       borderRadius: X,
                       ...P

package/dist/components/DatePicker/DatePickerModal.js

@@ -3,7 +3,7 @@ import { c as A } from "../../index-DIxK0V-G.js";
 import { useState as U } from "react";
 import { week as V, COUNT_WORK_DAYS as W } from "./constants.js";
 import { useDatePickerPosition as E } from "./hooks.js";
-import { c as n } from "../../styles.module-B3lX7mJq.js";
+import { c as n } from "../../styles.module-DeBRSK_x.js";
 import { getUpdateDate as B } from "./utils.js";
 import { Icon as K } from "../../icons/Icon.js";
 import { formating as m } from "../../utils/index.js";

package/dist/components/DatePicker/MonthPickerModal.js

@@ -3,7 +3,7 @@ import { c as _ } from "../../index-DIxK0V-G.js";
 import { useState as C } from "react";
 import { months as L } from "./constants.js";
 import { useDatePickerPosition as b } from "./hooks.js";
-import { c } from "../../styles.module-B3lX7mJq.js";
+import { c } from "../../styles.module-DeBRSK_x.js";
 import { Icon as q } from "../../icons/Icon.js";
 import { formating as P } from "../../utils/index.js";
 import { Button as A } from "../Button/Button.js";

package/dist/components/DatePicker/YearPickerModal.js

@@ -2,7 +2,7 @@ import { jsxs as b, jsx as c } from "react/jsx-runtime";
 import { c as $ } from "../../index-DIxK0V-G.js";
 import { useState as j } from "react";
 import { useDatePickerPosition as z } from "./hooks.js";
-import { c as n } from "../../styles.module-B3lX7mJq.js";
+import { c as n } from "../../styles.module-DeBRSK_x.js";
 import { formating as F } from "../../utils/index.js";
 import { Button as P } from "../Button/Button.js";
 const p = 15, I = 7, W = ({

package/dist/components/Input/Input.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-DIxK0V-G.js";
 import "react";
 import "./constants.js";
-import { I as f } from "../../Input-IzZ6B9kw.js";
+import { I as f } from "../../Input-DgWOCNwP.js";
 import "../../hooks/useMergeRefs/useMergeRefs.js";
 import "../../icons/Icon.js";
 import "../Button/Button.js";

package/dist/components/Input/index.js

@@ -1,4 +1,4 @@
-import { I as n } from "../../Input-IzZ6B9kw.js";
+import { I as n } from "../../Input-DgWOCNwP.js";
 import { EInputSize as u, EInputStatus as I, EInputVariant as a } from "./constants.js";
 export {
   u as EInputSize,

package/dist/components/InputPassword/InputPassword.js

@@ -3,7 +3,7 @@ import { c as w } from "../../index-DIxK0V-G.js";
 import { memo as x, forwardRef as h, useState as N, useCallback as a } from "react";
 import { Icon as C } from "../../icons/Icon.js";
 import { Button as M } from "../Button/Button.js";
-import { I as T } from "../../Input-IzZ6B9kw.js";
+import { I as T } from "../../Input-DgWOCNwP.js";
 import '../../assets/InputPassword.css';const y = "_input_7b9x2_2", I = "_wrapper_7b9x2_6", v = "_button_7b9x2_17", P = "_icon_7b9x2_33", S = "_show_7b9x2_38", s = {
   input: y,
   wrapper: I,

package/dist/components/InputPhoneNumber/InputPhoneNumber.js

@@ -1,7 +1,7 @@
 import { jsx as d } from "react/jsx-runtime";
 import { memo as I, forwardRef as i, useState as c, useCallback as f, useImperativeHandle as P } from "react";
 import { getMaskedInputPhoneValue as m, getUnmaskedInputValue as o } from "./utils.js";
-import { I as b } from "../../Input-IzZ6B9kw.js";
+import { I as b } from "../../Input-DgWOCNwP.js";
 const h = I(
   i(
     ({ value: s = "", onChange: e, ...p }, a) => {

package/dist/components/MultiSelectSearch/MultiSelectSearch.js

@@ -14,7 +14,7 @@ import { useVirtualization as it } from "./hooks/useVirtualization.js";
 import { getInitialInputValue as lt, mapSizeToInputSize as se, getDropdownArrowIcon as ct, processNestedSelectionChange as ut, updateInputValueAfterChange as dt, dispatchMultiselectOpen as V, highlightReactNode as mt } from "./utils.js";
 import { Icon as pt } from "../../icons/Icon.js";
 import { Button as ft } from "../Button/Button.js";
-import { I as re } from "../../Input-IzZ6B9kw.js";
+import { I as re } from "../../Input-DgWOCNwP.js";
 import { EInputVariant as ht } from "../Input/constants.js";
 import { Loader as ie } from "../Loader/Loader.js";
 import { H as gt, U as le, G as ce } from "../../combobox-fIVOzEhl.js";

package/dist/components/MultiSelectSearch/utils.js

@@ -1,6 +1,6 @@
 import { createElement as a, Fragment as I, isValidElement as E, cloneElement as S } from "react";
 import { EMultiSelectSearchSize as h, MOBILE_MENU_HEIGHT as C, DESKTOP_MENU_HEIGHT as A } from "./constants.js";
-import "../../Input-IzZ6B9kw.js";
+import "../../Input-DgWOCNwP.js";
 import { EInputSize as f } from "../Input/constants.js";
 const v = (t) => {
   switch (t) {

package/dist/components/OtpInput/OtpInput.js

@@ -3,7 +3,7 @@ import { c as u } from "../../index-DIxK0V-G.js";
 import { forwardRef as P, useImperativeHandle as R, Fragment as T } from "react";
 import { ITEMS_PER_SEPARATOR as v, DEFAULT_VALUE_LENGTH as y } from "./constants.js";
 import { useOTPInput as z } from "./hooks.js";
-import { I as A } from "../../Input-IzZ6B9kw.js";
+import { I as A } from "../../Input-DgWOCNwP.js";
 import '../../assets/OtpInput.css';const C = "_otp_1ncuz_2", F = "_input_1ncuz_13", L = "_separator_1ncuz_27", n = {
   otp: C,
   "input-wrapper": "_input-wrapper_1ncuz_13",

package/dist/components/SelectSearch/SelectSearch.js

@@ -6,7 +6,7 @@ import { ESelectSearchSize as c, ELoadingIndicatorPlacement as w, ESelectSearchB
 import { prepareGroupedItems as Ae, shouldShowMenuOnTop as Be, mapSizeToInputSize as de, getDropdownArrowIcon as Te, highlightReactNode as ue } from "./utils.js";
 import { Icon as P } from "../../icons/Icon.js";
 import { Button as Pe } from "../Button/Button.js";
-import { I as pe } from "../../Input-IzZ6B9kw.js";
+import { I as pe } from "../../Input-DgWOCNwP.js";
 import { EInputVariant as Ge } from "../Input/constants.js";
 import { Loader as he } from "../Loader/Loader.js";
 import { H as qe, U as me, G as _e, W as be, K as Re } from "../../combobox-fIVOzEhl.js";

package/dist/components/SelectSearch/utils.js

@@ -1,6 +1,6 @@
 import { createElement as u, Fragment as l, isValidElement as g, cloneElement as m } from "react";
 import { ESelectSearchSize as s, MOBILE_MENU_HEIGHT as h, DESKTOP_MENU_HEIGHT as w } from "./constants.js";
-import "../../Input-IzZ6B9kw.js";
+import "../../Input-DgWOCNwP.js";
 import { EInputSize as c } from "../Input/constants.js";
 const A = (r) => {
   switch (r) {

package/dist/components/TextArea/TextArea.js

@@ -5,7 +5,7 @@ import { useAutoResizeTextArea as Z } from "./hooks.js";
 import { useMergeRefs as $ } from "../../hooks/useMergeRefs/useMergeRefs.js";
 import { Icon as ee } from "../../icons/Icon.js";
 import { Button as te } from "../Button/Button.js";
-import { c as e } from "../../Input-IzZ6B9kw.js";
+import { c as e } from "../../Input-DgWOCNwP.js";
 import { EInputVariant as ae } from "../Input/constants.js";
 import '../../assets/TextArea.css';const re = "_textarea_rk5xe_2", se = "_clear_rk5xe_11", le = "_label_rk5xe_26", ne = "_s_rk5xe_71", oe = "_m_rk5xe_84", ce = "_l_rk5xe_26", t = {
   "textarea-wrapper": "_textarea-wrapper_rk5xe_2",

package/dist/components/index.js

@@ -1,6 +1,6 @@
 import { Button as e } from "./Button/Button.js";
 import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as i, EButtonVariantDefault as m, EButtonVariantOutline as n, EButtonVariantRound as x } from "./Button/constants.js";
-import { I as l } from "../Input-IzZ6B9kw.js";
+import { I as l } from "../Input-DgWOCNwP.js";
 import { EInputSize as S, EInputStatus as d, EInputVariant as s } from "./Input/constants.js";
 import { TextArea as c } from "./TextArea/TextArea.js";
 import { ETextAreaInputSize as g } from "./TextArea/constants.js";

package/dist/index.js

@@ -1,6 +1,6 @@
 import { Button as e } from "./components/Button/Button.js";
 import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as m, EButtonVariantDefault as i, EButtonVariantOutline as f, EButtonVariantRound as x } from "./components/Button/constants.js";
-import { I as l } from "./Input-IzZ6B9kw.js";
+import { I as l } from "./Input-DgWOCNwP.js";
 import { EInputSize as E, EInputStatus as S, EInputVariant as d } from "./components/Input/constants.js";
 import { TextArea as c } from "./components/TextArea/TextArea.js";
 import { ETextAreaInputSize as g } from "./components/TextArea/constants.js";

package/dist/styles.module-DeBRSK_x.js

@@ -0,0 +1,30 @@
+import './assets/styles.css';const r = "_full_1snrv_8", n = "_wrapper_1snrv_11", _ = "_inputBorderControl_1snrv_29", t = "_editable_1snrv_42", o = "_textError_1snrv_71", e = "_button_1snrv_90", s = "_h_1snrv_136", a = "_b_1snrv_48", d = "_d_1snrv_18", p = "_m_1snrv_158", c = "_a_1snrv_159", i = "_prev_1snrv_160", u = "_orange_1snrv_174", v = "_current_1snrv_191", l = "_monthGrid_1snrv_196", b = {
+  "input-field-group-datePicker": "_input-field-group-datePicker_1snrv_3",
+  full: r,
+  wrapper: n,
+  "date-wrapper": "_date-wrapper_1snrv_18",
+  "input-wrapper": "_input-wrapper_1snrv_22",
+  "right-slot": "_right-slot_1snrv_25",
+  inputBorderControl: _,
+  editable: t,
+  "border-radius-left": "_border-radius-left_1snrv_48",
+  "border-radius-right": "_border-radius-right_1snrv_52",
+  "border-radius-none": "_border-radius-none_1snrv_56",
+  "calendar-block": "_calendar-block_1snrv_68",
+  textError: o,
+  "button-wrapper": "_button-wrapper_1snrv_90",
+  button: e,
+  h: s,
+  b: a,
+  d,
+  m: p,
+  a: c,
+  prev: i,
+  orange: u,
+  current: v,
+  monthGrid: l,
+  "icon-button": "_icon-button_1snrv_201"
+};
+export {
+  b as c
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.48.2",
+  "version": "1.48.3",
   "type": "module",
   "exports": {
     ".": {

package/dist/Input-IzZ6B9kw.js

@@ -1,232 +0,0 @@
-import { jsxs as B, jsx as t, Fragment as Z } from "react/jsx-runtime";
-import { c as n } from "./index-DIxK0V-G.js";
-import { memo as ee, forwardRef as se, useState as z, useRef as ae, useEffect as L } from "react";
-import { EInputVariant as te } from "./components/Input/constants.js";
-import { useMergeRefs as re } 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 ne = "_label_s0qp8_26", ce = "_input_s0qp8_2", de = "_focused_s0qp8_99", ie = "_disabled_s0qp8_105", ue = "_clear_s0qp8_147", pe = "_s_s0qp8_209", _e = "_m_s0qp8_224", me = "_l_s0qp8_26", fe = "_success_s0qp8_280", he = "_alarm_s0qp8_300", be = "_error_s0qp8_320", e = {
-  "input-wrapper": "_input-wrapper_s0qp8_2",
-  "required-mark": "_required-mark_s0qp8_16",
-  label: ne,
-  "has-left-slot": "_has-left-slot_s0qp8_45",
-  "has-right-slot": "_has-right-slot_s0qp8_48",
-  "active-label": "_active-label_s0qp8_53",
-  "label-text-wrapper": "_label-text-wrapper_s0qp8_68",
-  input: ce,
-  focused: de,
-  "has-label": "_has-label_s0qp8_102",
-  disabled: ie,
-  "addon-icon": "_addon-icon_s0qp8_111",
-  "left-slot": "_left-slot_s0qp8_115",
-  "right-slot": "_right-slot_s0qp8_116",
-  clear: ue,
-  "border-radius-left": "_border-radius-left_s0qp8_197",
-  "border-radius-right": "_border-radius-right_s0qp8_201",
-  "border-radius-none": "_border-radius-none_s0qp8_205",
-  s: pe,
-  m: _e,
-  l: me,
-  "default-gray": "_default-gray_s0qp8_253",
-  "default-white": "_default-white_s0qp8_265",
-  success: fe,
-  alarm: he,
-  error: be
-}, j = (s) => {
-  var _, r;
-  if (!s)
-    return null;
-  switch (s.addonType) {
-    case "icon": {
-      const m = (_ = s.addonContent) == null ? void 0 : _.includes("16px"), g = (r = s.addonContent) == null ? void 0 : r.includes("24px");
-      return /* @__PURE__ */ t(
-        le,
-        {
-          style: {
-            "--icon-size": n({
-              "16px": m,
-              "24px": g
-            })
-          },
-          className: e["addon-icon"],
-          iconName: s.addonContent
-        }
-      );
-    }
-    case "text":
-      return s.addonContent;
-    case "react-node":
-      return /* @__PURE__ */ t(Z, { children: s.addonContent });
-    default:
-      return null;
-  }
-}, qe = ee(
-  se(
-    (s, _) => {
-      const {
-        value: r,
-        className: m,
-        wrapperClassName: g,
-        rightSlotClassName: D,
-        requiredMarkClassName: E,
-        variant: A = te.DefaultGray,
-        type: M = "text",
-        autofocus: N,
-        readonly: c,
-        id: F,
-        onFocus: x,
-        onBlur: w,
-        label: u,
-        withClearButton: O,
-        disabled: a,
-        onChange: i,
-        rightAddon: S,
-        status: R,
-        leftAddon: T,
-        size: C = "m",
-        numbersOnly: G,
-        required: y,
-        maxLength: v,
-        autocomplete: P = "on",
-        borderRadius: V = "all",
-        ...W
-      } = s, [p, I] = z(N), [f, h] = z(!!r), d = ae(null), $ = re(d, _);
-      L(() => {
-        N && I(!0);
-      }, [N]), L(() => {
-        h(!!r);
-      }, [r]);
-      const H = (l) => {
-        const o = l.currentTarget.value;
-        w == null || w(l), I(!1), h(!!o);
-      }, J = (l) => {
-        c || (I(!0), x == null || x(l));
-      }, K = () => {
-        d != null && d.current && (d.current.value = "", d.current.focus(), h(!1), i == null || i({
-          target: d.current
-        }));
-      }, Q = (l) => {
-        let o = l.target.value;
-        G && (o = o.replace(/\D/g, "")), v !== void 0 && (o = o.slice(0, v)), l.target.value = o, i == null || i(l), h(!!o);
-      }, b = j(T), q = j(S), U = {
-        [e.readonly]: a || c,
-        [e.focused]: p,
-        [e.disabled]: a || c,
-        [e["has-label"]]: !!u,
-        [e["has-left-slot"]]: !!b,
-        [e["has-right-slot"]]: !!q
-      }, k = p || f || !!r, X = n(e.label, m, e[C], {
-        [e["active-label"]]: k,
-        [e.disabled]: a || c,
-        [e["has-left-slot"]]: !!b,
-        [e["has-right-slot"]]: !!q
-      }), Y = n(e.input, U, m, [
-        e[A],
-        e[R ?? ""],
-        e[C]
-      ]);
-      return /* @__PURE__ */ B(
-        "div",
-        {
-          className: n(
-            e["input-wrapper"],
-            e[A],
-            e[R ?? ""],
-            e[C],
-            {
-              [e.disabled]: a || c,
-              [e.focused]: p,
-              [e[`border-radius-${V}`]]: V !== "all"
-            },
-            g
-          ),
-          children: [
-            u && /* @__PURE__ */ B("label", { htmlFor: F, className: X, children: [
-              /* @__PURE__ */ t("span", { className: e["label-text-wrapper"], children: u }),
-              y && (f || p) && /* @__PURE__ */ t(
-                "span",
-                {
-                  className: e["required-mark"],
-                  "data-testid": "required-mark"
-                }
-              )
-            ] }),
-            b && /* @__PURE__ */ t(
-              "span",
-              {
-                className: n(e["left-slot"], {
-                  [e.focused]: k,
-                  [e["has-label"]]: !!u,
-                  [e.disabled]: a
-                }),
-                children: b
-              }
-            ),
-            /* @__PURE__ */ t(
-              "input",
-              {
-                ref: $,
-                type: M,
-                id: F,
-                className: Y,
-                onFocus: J,
-                onBlur: H,
-                readOnly: c,
-                value: r,
-                onChange: Q,
-                maxLength: v,
-                disabled: a,
-                required: y,
-                autoComplete: P,
-                ...W
-              }
-            ),
-            q && /* @__PURE__ */ t(
-              "span",
-              {
-                className: n(e["right-slot"], D, {
-                  [e.focused]: k,
-                  [e["has-label"]]: !!u,
-                  [e.disabled]: a
-                }),
-                children: q
-              }
-            ),
-            y && !f && !p && /* @__PURE__ */ t(
-              "span",
-              {
-                className: n(
-                  e["required-mark"],
-                  E
-                ),
-                "data-testid": "required-mark"
-              }
-            ),
-            O && f && /* @__PURE__ */ t(
-              oe,
-              {
-                tabIndex: -1,
-                className: n(e.clear, {
-                  [e.disabled]: a
-                }),
-                isIconButton: !0,
-                iconName: "Close16px",
-                size: "m-s",
-                clear: !0,
-                disabled: a || c,
-                variant: "secondary-gray",
-                onClick: K,
-                "data-testid": "clear-button"
-              }
-            )
-          ]
-        }
-      );
-    }
-  )
-);
-qe.displayName = "Input";
-export {
-  qe as I,
-  e as c
-};

package/dist/styles.module-B3lX7mJq.js

@@ -1,31 +0,0 @@
-import './assets/styles.css';const r = "_full_qlncs_8", _ = "_wrapper_qlncs_11", n = "_inputBorderControl_qlncs_29", t = "_editable_qlncs_42", c = "_active_qlncs_68", o = "_textError_qlncs_71", e = "_button_qlncs_90", s = "_h_qlncs_136", l = "_b_qlncs_48", a = "_d_qlncs_18", d = "_m_qlncs_158", i = "_a_qlncs_68", p = "_prev_qlncs_160", u = "_orange_qlncs_174", q = "_current_qlncs_191", b = "_monthGrid_qlncs_196", h = {
-  "input-field-group-datePicker": "_input-field-group-datePicker_qlncs_3",
-  full: r,
-  wrapper: _,
-  "date-wrapper": "_date-wrapper_qlncs_18",
-  "input-wrapper": "_input-wrapper_qlncs_22",
-  "right-slot": "_right-slot_qlncs_25",
-  inputBorderControl: n,
-  editable: t,
-  "border-radius-left": "_border-radius-left_qlncs_48",
-  "border-radius-right": "_border-radius-right_qlncs_52",
-  "border-radius-none": "_border-radius-none_qlncs_56",
-  active: c,
-  textError: o,
-  "button-wrapper": "_button-wrapper_qlncs_90",
-  button: e,
-  "calendar-block": "_calendar-block_qlncs_114",
-  h: s,
-  b: l,
-  d: a,
-  m: d,
-  a: i,
-  prev: p,
-  orange: u,
-  current: q,
-  monthGrid: b,
-  "icon-button": "_icon-button_qlncs_201"
-};
-export {
-  h as c
-};