mimir-ui-kit 1.35.0 → 1.35.2

package/dist/Input-B-gKQ9FT.js

@@ -0,0 +1,219 @@
+import { jsxs as B, jsx as r, Fragment as X } from "react/jsx-runtime";
+import { c as o } from "./index-DIxK0V-G.js";
+import { memo as Y, forwardRef as Z, useState as R, useRef as $, useEffect as ee } from "react";
+import { EInputVariant as se } from "./components/Input/constants.js";
+import { useMergeRefs as te } from "./hooks/useMergeRefs/useMergeRefs.js";
+import { Icon as ae } from "./icons/Icon.js";
+import { Button as le } from "./components/Button/Button.js";
+import './assets/Input.css';const re = "_label_1ftus_27", ne = "_input_1ftus_3", oe = "_focused_1ftus_82", ue = "_disabled_1ftus_88", ce = "_clear_1ftus_130", ie = "_s_1ftus_178", de = "_m_1ftus_193", fe = "_l_1ftus_27", _e = "_success_1ftus_250", me = "_alarm_1ftus_270", pe = "_error_1ftus_290", e = {
+  "input-wrapper": "_input-wrapper_1ftus_3",
+  "required-mark": "_required-mark_1ftus_17",
+  label: re,
+  "has-left-slot": "_has-left-slot_1ftus_42",
+  "active-label": "_active-label_1ftus_45",
+  input: ne,
+  "has-right-slot": "_has-right-slot_1ftus_79",
+  focused: oe,
+  "has-label": "_has-label_1ftus_85",
+  disabled: ue,
+  "addon-icon": "_addon-icon_1ftus_94",
+  "left-slot": "_left-slot_1ftus_98",
+  "right-slot": "_right-slot_1ftus_99",
+  clear: ce,
+  s: ie,
+  m: de,
+  l: fe,
+  "default-gray": "_default-gray_1ftus_223",
+  "default-white": "_default-white_1ftus_235",
+  success: _e,
+  alarm: me,
+  error: pe
+}, z = (s) => {
+  var _, u;
+  if (!s)
+    return null;
+  switch (s.addonType) {
+    case "icon": {
+      const m = (_ = s.addonContent) == null ? void 0 : _.includes("16px"), b = (u = s.addonContent) == null ? void 0 : u.includes("24px");
+      return /* @__PURE__ */ r(
+        ae,
+        {
+          style: {
+            "--icon-size": o({
+              "16px": m,
+              "24px": b
+            })
+          },
+          className: e["addon-icon"],
+          iconName: s.addonContent
+        }
+      );
+    }
+    case "text":
+      return s.addonContent;
+    case "react-node":
+      return /* @__PURE__ */ r(X, { children: s.addonContent });
+    default:
+      return null;
+  }
+}, he = Y(
+  Z(
+    (s, _) => {
+      const {
+        value: u,
+        className: m,
+        wrapperClassName: b,
+        rightSlotClassName: L,
+        requiredMarkClassName: j,
+        variant: A = se.DefaultGray,
+        type: D = "text",
+        autofocus: g,
+        readonly: n,
+        id: F,
+        onFocus: N,
+        onBlur: x,
+        label: d,
+        withClearButton: E,
+        disabled: t,
+        onChange: c,
+        rightAddon: M,
+        status: V,
+        leftAddon: O,
+        size: y = "m",
+        numbersOnly: S,
+        required: C,
+        maxLength: v,
+        ...T
+      } = s, [f, w] = R(g), [p, I] = R(!!u), i = $(null), G = te(i, _);
+      ee(() => {
+        g && w(!0);
+      }, [g]);
+      const P = (a) => {
+        const l = a.currentTarget.value;
+        x == null || x(a), w(!1), I(!!l);
+      }, W = (a) => {
+        n || (w(!0), N == null || N(a));
+      }, H = () => {
+        i != null && i.current && (i.current.value = "", i.current.focus(), I(!1), c == null || c({
+          target: { value: "" }
+        }));
+      }, J = (a) => {
+        let l = a.target.value;
+        S && (l = l.replace(/\D/g, "")), v !== void 0 && (l = l.slice(0, v)), a.target.value = l, c == null || c(a), I(!!l);
+      }, h = z(O), k = z(M), K = {
+        [e.readonly]: t || n,
+        [e.focused]: f,
+        [e.disabled]: t || n,
+        [e["has-label"]]: !!d,
+        [e["has-left-slot"]]: !!h,
+        [e["has-right-slot"]]: !!k
+      }, q = f || p || !!u, Q = o(e.label, m, e[y], {
+        [e["active-label"]]: q,
+        [e.disabled]: t || n,
+        [e["has-left-slot"]]: !!h
+      }), U = o(e.input, K, m, [
+        e[A],
+        e[V ?? ""],
+        e[y]
+      ]);
+      return /* @__PURE__ */ B(
+        "div",
+        {
+          className: o(
+            e["input-wrapper"],
+            e[A],
+            e[V ?? ""],
+            e[y],
+            {
+              [e.disabled]: t || n,
+              [e.focused]: f
+            },
+            b
+          ),
+          children: [
+            d && /* @__PURE__ */ B("label", { htmlFor: F, className: Q, children: [
+              d,
+              C && (p || f) && /* @__PURE__ */ r(
+                "span",
+                {
+                  className: e["required-mark"],
+                  "data-testid": "required-mark"
+                }
+              )
+            ] }),
+            h && /* @__PURE__ */ r(
+              "span",
+              {
+                className: o(e["left-slot"], {
+                  [e.focused]: q,
+                  [e["has-label"]]: !!d,
+                  [e.disabled]: t
+                }),
+                children: h
+              }
+            ),
+            /* @__PURE__ */ r(
+              "input",
+              {
+                ref: G,
+                type: D,
+                id: F,
+                className: U,
+                onFocus: W,
+                onBlur: P,
+                readOnly: n,
+                value: u,
+                onChange: J,
+                maxLength: v,
+                disabled: t,
+                required: C,
+                ...T
+              }
+            ),
+            k && /* @__PURE__ */ r(
+              "span",
+              {
+                className: o(e["right-slot"], L, {
+                  [e.focused]: q,
+                  [e["has-label"]]: !!d,
+                  [e.disabled]: t
+                }),
+                children: k
+              }
+            ),
+            C && !p && !f && /* @__PURE__ */ r(
+              "span",
+              {
+                className: o(
+                  e["required-mark"],
+                  j
+                ),
+                "data-testid": "required-mark"
+              }
+            ),
+            E && p && /* @__PURE__ */ r(
+              le,
+              {
+                tabIndex: -1,
+                className: e.clear,
+                isIconButton: !0,
+                iconName: "Close16px",
+                size: "m-s",
+                clear: !0,
+                disabled: t || n,
+                variant: "secondary-gray",
+                onClick: H,
+                "data-testid": "clear-button"
+              }
+            )
+          ]
+        }
+      );
+    }
+  )
+);
+he.displayName = "Input";
+export {
+  he as I,
+  e as c
+};

package/dist/assets/Button.css

@@ -1 +1 @@
-._button_1kw2t_2{--button-cursor: pointer;display:inline-flex;flex-shrink:0;align-items:center;box-sizing:border-box;max-width:100%;height:var(--button-height);padding:0 var(--button-space);overflow:hidden;color:var(--button-color);font-weight:var(--mimir-font-weight-text-semibold);font-size:var(--button-font-size);font-family:var(--mimir-font-inter);line-height:var(--mimir-line-height-text-s1);white-space:nowrap;text-transform:uppercase;-webkit-text-decoration:none;text-decoration:none;text-overflow:ellipsis;-moz-column-gap:var(--button-gap);column-gap:var(--button-gap);background:var(--button-bg-color);border:none;border-color:var(--border-color);cursor:pointer;cursor:var(--button-cursor);transition:background-color .3s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._button_1kw2t_2:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover);border-color:var(--border-color-hover)}._button_1kw2t_2:active{color:var(--button-color-active);background:var(--button-bg-color-active);border-color:var(--border-color-active)}._button_1kw2t_2:focus-visible{box-shadow:0 0 2px var(--sapphire-normal)}._button_1kw2t_2._clear_1kw2t_42:focus{box-shadow:none}._button_1kw2t_2 svg{color:currentcolor;fill:currentcolor}._button_1kw2t_2 svg path{color:currentcolor;fill:currentcolor}._default-button_1kw2t_54._primary-sapphire_1kw2t_54{--button-bg-color: var(--sapphire-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--sapphire-active);--button-bg-color-hover: var(--sapphire-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_1kw2t_54._primary-citrine_1kw2t_63{--button-bg-color: var(--citrine-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--citrine-active);--button-bg-color-hover: var(--citrine-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_1kw2t_54._secondary-asphalt_1kw2t_72{--button-bg-color: var(--asphalt-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--asphalt-active);--button-bg-color-hover: var(--asphalt-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_1kw2t_54._secondary-gray_1kw2t_81{--button-bg-color: var(--gray-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--gray-active);--button-bg-color-hover: var(--gray-hover);--button-color: var(--dark-text);--button-border: transparent}._default-button_1kw2t_54._secondary-white_1kw2t_90{--button-bg-color: var(--white-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--white-active);--button-bg-color-hover: var(--white);--button-color: var(--dark-text);--button-border: transparent}._default-button_1kw2t_54._secondary-red_1kw2t_99{--button-bg-color: var(--red-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--red-active);--button-bg-color-hover: var(--red-hover);--button-color: var(--light-text);--button-border: transparent}._round-button_1kw2t_109{--button-border-radius-l: 24px;--button-border-radius-m: 20px;--button-border-radius-s: 16px;--button-border-radius-xs: 12px;--button-space-l: var(--mimir-space-s);--button-space-m: var(--mimir-space-xs);--button-space-s: var(--mimir-space-xs);--button-space-xs: var(--mimir-space-2xs);border-radius:var(--button-border-radius)}._round-button_1kw2t_109._black_1kw2t_120{--button-bg-color: var(--asphalt-normal);--button-bg-color-hover: var(--asphalt-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--light-text);--button-color-hover: var(--light-text);--button-color-active: var(--light-text)}._round-button_1kw2t_109._gray_1kw2t_129{--button-bg-color: var(--gray-normal);--button-bg-color-hover: var(--gray-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._round-button_1kw2t_109._white_1kw2t_138{--button-bg-color: var(--white-normal);--button-bg-color-hover: var(--white-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._outline-button_1kw2t_148{--button-bg-color: transparent;--button-bg-color-hover: transparent;--button-bg-color-active: transparent;--button-bg-color-focus: transparent;border:1px solid var(--border-color)}._outline-button_1kw2t_148._outline-asphalt_1kw2t_155{--border-color: var(--disabled-color);--button-color: var(--black-80);--border-color-hover: var(--black-80);--button-color-hover: var(--black-80);--border-color-active: var(--black-100);--button-color-active: var(--black-100)}._outline-button_1kw2t_148._outline-gray_1kw2t_163{--border-color: var(--black-5);--button-color: var(--black-5);--border-color-hover: var(--black-5);--button-color-hover: var(--counter-text);--border-color-active: var(--black-80);--button-color-active: var(--white);--button-bg-color-active: var(--black-80)}._outline-button_1kw2t_148._outline-white_1kw2t_172{--border-color: var(--white);--button-color: var(--white);--border-color-hover: var(--white);--button-color-hover: var(--counter-text);--border-color-active: var(--black-80);--button-color-active: var(--white);--button-bg-color-active: var(--black-80)}._outline-button_1kw2t_148._outline-red_1kw2t_181{--border-color: var(--error-normal);--button-color: var(--error-normal);--border-color-hover: var(--red-hover);--button-color-hover: var(--red-hover);--border-color-active: var(--red-active);--button-color-active: var(--white);--button-bg-color-active: var(--red-active)}._borderless-button_1kw2t_191{--button-bg-color: transparent;--button-bg-color-hover: transparent;--button-bg-color-active: transparent;--button-bg-color-focus: transparent}._borderless-button_1kw2t_191._borderless-asphalt_1kw2t_197{--button-color: var(--black-80);--button-color-hover: var(--counter-text);--button-color-active: var(--black-100)}._borderless-button_1kw2t_191._borderless-gray_1kw2t_202{--button-color: var(--black-5);--button-color-hover: var(--counter-text);--button-color-active: var(--black-80)}._borderless-button_1kw2t_191._borderless-white_1kw2t_207{--button-color: var(--white);--button-color-hover: var(--counter-text);--button-color-active: var(--black-80)}._borderless-button_1kw2t_191._borderless-red_1kw2t_212{--button-color: var(--error-normal);--button-color-hover: var(--red-hover);--button-color-active: var(--red-active)}._default-button_1kw2t_54,._outline-button_1kw2t_148,._borderless-button_1kw2t_191{--button-space-xxl: var(--mimir-control-space-xxl);--button-space-xl: var(--mimir-control-space-l);--button-space-l: var(--mimir-space-m);--button-space-m: var(--mimir-space-m);--button-space-s: var(--mimir-space-xs);--button-space-xs: var(--mimir-space-2xs);--button-border-radius-xxl: var(--mimir-control-radius-s);--button-border-radius-xl: var(--mimir-control-radius-s);--button-border-radius-l: var(--mimir-control-radius);--button-border-radius-m: var(--mimir-control-radius);--button-border-radius-s: var(--mimir-control-radius-xs);--button-border-radius-xs: var(--mimir-control-radius-xs);border-radius:var(--button-border-radius)}._xs_1kw2t_236{--button-height: var(--button-height-xs);--button-font-size: var(--mimir-control-text-size-xs);--button-space: var(--button-space-xs);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s)}._m-s_1kw2t_244{--button-height: var(--button-height-ms);--button-border-radius: var(--button-border-radius-s);font-weight:var(--mimir-font-weight-text-regular);--button-gap: var(--mimir-space-2xs);--button-font-size: var(--mimir-size-text-s)}._s_1kw2t_72{--button-height: var(--button-height-s);--button-font-size: var(--mimir-control-text-size-s);--button-space: var(--button-space-s);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s)}._m_1kw2t_244{--button-height: var(--button-height-m);--button-font-size: var(--mimir-size-text-m);--button-space: var(--button-space-m);--button-gap: 8px;--button-border-radius: var(--button-border-radius-m)}._l_1kw2t_268{--button-height: var(--button-height-l);--button-font-size: var(--mimir-size-text-m);--button-space: var(--button-space-l);--button-gap: 8px;--button-border-radius: var(--button-border-radius-l)}._xl_1kw2t_276{--button-height: var(--button-height-xl);--button-space: var(--button-space-xl);--button-gap: 8px;--button-border-radius: var(--button-border-radius-xl);--button-font-size: var(--mimir-size-text-m);font-weight:var(--mimir-font-weight-text-medium)}._xxl_1kw2t_285{--button-height: var(--button-height-xxl);--button-space: var(--button-space-xxl);--button-border-radius: var(--button-border-radius-xxl);--button-gap: 8px;font-weight:var(--mimir-font-weight-text-medium);--button-font-size: var(--mimir-size-text-m)}._full_1kw2t_294{display:flex;justify-content:center;width:100%}._disabled_1kw2t_300{--button-cursor: not-allowed;color:var(--light-text);background-color:var(--disabled)}._disabled_1kw2t_300:hover,._disabled_1kw2t_300:active,._disabled_1kw2t_300:focus{color:var(--light-text);background-color:var(--disabled);box-shadow:none}._disabled_1kw2t_300._outline-button_1kw2t_148{color:var(--disabled);background-color:transparent;border:1px solid var(--disabled)}._disabled_1kw2t_300._borderless-button_1kw2t_191{color:var(--disabled-color);background-color:transparent}._icon-button_1kw2t_320{justify-content:center;min-width:var(--button-height);padding:0}
+._button_1qnsv_2{--button-cursor: pointer;display:inline-flex;flex-shrink:0;align-items:center;box-sizing:border-box;max-width:100%;height:var(--button-height);padding:0 var(--button-space);overflow:hidden;color:var(--button-color);font-weight:var(--mimir-font-weight-text-semibold);font-size:var(--button-font-size);font-family:var(--mimir-font-inter);line-height:var(--mimir-line-height-text-s1);white-space:nowrap;text-transform:uppercase;-webkit-text-decoration:none;text-decoration:none;text-overflow:ellipsis;-moz-column-gap:var(--button-gap);column-gap:var(--button-gap);background:var(--button-bg-color);border:none;border-color:var(--border-color);cursor:pointer;cursor:var(--button-cursor);transition:background-color .3s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._button_1qnsv_2:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover);border-color:var(--border-color-hover)}._button_1qnsv_2:active{color:var(--button-color-active);background:var(--button-bg-color-active);border-color:var(--border-color-active)}._button_1qnsv_2:focus-visible{box-shadow:0 0 2px var(--sapphire-normal)}._button_1qnsv_2._clear_1qnsv_42:focus{box-shadow:none}._button_1qnsv_2 svg{color:currentcolor;fill:currentcolor}._button_1qnsv_2 svg path{color:currentcolor;fill:currentcolor}._button_1qnsv_2 ._count_1qnsv_53{color:var(--button-count-color);font-weight:var(--mimir-font-weight-text-bold);font-size:var(--button-count-font-size);border:none;outline:none}._default-button_1qnsv_61{--button-count-color: var(--counter-text)}._default-button_1qnsv_61._primary-sapphire_1qnsv_64{--button-bg-color: var(--sapphire-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--sapphire-active);--button-bg-color-hover: var(--sapphire-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_1qnsv_61._primary-citrine_1qnsv_73{--button-bg-color: var(--citrine-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--citrine-active);--button-bg-color-hover: var(--citrine-hover);--button-color: var(--light-text);--button-border: transparent;--button-count-color: var(--dark-text)}._default-button_1qnsv_61._secondary-asphalt_1qnsv_83{--button-bg-color: var(--asphalt-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--asphalt-active);--button-bg-color-hover: var(--asphalt-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_1qnsv_61._secondary-gray_1qnsv_92{--button-bg-color: var(--gray-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--gray-active);--button-bg-color-hover: var(--gray-hover);--button-color: var(--dark-text);--button-border: transparent}._default-button_1qnsv_61._secondary-white_1qnsv_101{--button-bg-color: var(--white-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--white-active);--button-bg-color-hover: var(--white);--button-color: var(--dark-text);--button-border: transparent}._default-button_1qnsv_61._secondary-red_1qnsv_110{--button-bg-color: var(--red-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--red-active);--button-bg-color-hover: var(--red-hover);--button-color: var(--light-text);--button-border: transparent}._round-button_1qnsv_120{--button-border-radius-l: 24px;--button-border-radius-m: 20px;--button-border-radius-s: 16px;--button-border-radius-xs: 12px;--button-space-l: var(--mimir-space-s);--button-space-m: var(--mimir-space-xs);--button-space-s: var(--mimir-space-xs);--button-space-xs: var(--mimir-space-2xs);--button-count-color: var(--counter-text);border-radius:var(--button-border-radius)}._round-button_1qnsv_120._black_1qnsv_132{--button-bg-color: var(--asphalt-normal);--button-bg-color-hover: var(--asphalt-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--light-text);--button-color-hover: var(--light-text);--button-color-active: var(--light-text)}._round-button_1qnsv_120._gray_1qnsv_141{--button-bg-color: var(--gray-normal);--button-bg-color-hover: var(--gray-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._round-button_1qnsv_120._white_1qnsv_150{--button-bg-color: var(--white-normal);--button-bg-color-hover: var(--white-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._outline-button_1qnsv_160{--button-bg-color: transparent;--button-bg-color-hover: transparent;--button-bg-color-active: transparent;--button-bg-color-focus: transparent;--button-count-color: var(--counter-text);border:1px solid var(--border-color)}._outline-button_1qnsv_160._outline-asphalt_1qnsv_168{--border-color: var(--disabled-color);--button-color: var(--black-80);--border-color-hover: var(--black-80);--button-color-hover: var(--black-80);--border-color-active: var(--black-100);--button-color-active: var(--black-100)}._outline-button_1qnsv_160._outline-gray_1qnsv_176{--border-color: var(--black-5);--button-color: var(--black-5);--border-color-hover: var(--black-5);--button-color-hover: var(--counter-text);--border-color-active: var(--black-80);--button-color-active: var(--white);--button-bg-color-active: var(--black-80)}._outline-button_1qnsv_160._outline-white_1qnsv_185{--border-color: var(--white);--button-color: var(--white);--border-color-hover: var(--white);--button-color-hover: var(--counter-text);--border-color-active: var(--black-80);--button-color-active: var(--white);--button-bg-color-active: var(--black-80)}._outline-button_1qnsv_160._outline-red_1qnsv_194{--border-color: var(--error-normal);--button-color: var(--error-normal);--border-color-hover: var(--red-hover);--button-color-hover: var(--red-hover);--border-color-active: var(--red-active);--button-color-active: var(--white);--button-bg-color-active: var(--red-active)}._borderless-button_1qnsv_204{--button-bg-color: transparent;--button-bg-color-hover: transparent;--button-bg-color-active: transparent;--button-bg-color-focus: transparent;--button-count-color: var(--counter-text)}._borderless-button_1qnsv_204._borderless-asphalt_1qnsv_211{--button-color: var(--black-80);--button-color-hover: var(--counter-text);--button-color-active: var(--black-100)}._borderless-button_1qnsv_204._borderless-gray_1qnsv_216{--button-color: var(--black-5);--button-color-hover: var(--counter-text);--button-color-active: var(--black-80)}._borderless-button_1qnsv_204._borderless-white_1qnsv_221{--button-color: var(--white);--button-color-hover: var(--counter-text);--button-color-active: var(--black-80)}._borderless-button_1qnsv_204._borderless-red_1qnsv_226{--button-color: var(--error-normal);--button-color-hover: var(--red-hover);--button-color-active: var(--red-active)}._default-button_1qnsv_61,._outline-button_1qnsv_160,._borderless-button_1qnsv_204{--button-space-xxl: var(--mimir-control-space-xxl);--button-space-xl: var(--mimir-control-space-l);--button-space-l: var(--mimir-space-m);--button-space-m: var(--mimir-space-m);--button-space-s: var(--mimir-space-xs);--button-space-xs: var(--mimir-space-2xs);--button-border-radius-xxl: var(--mimir-control-radius-s);--button-border-radius-xl: var(--mimir-control-radius-s);--button-border-radius-l: var(--mimir-control-radius);--button-border-radius-m: var(--mimir-control-radius);--button-border-radius-s: var(--mimir-control-radius-xs);--button-border-radius-xs: var(--mimir-control-radius-xs);border-radius:var(--button-border-radius)}._xs_1qnsv_250{--button-height: var(--button-height-xs);--button-font-size: var(--mimir-control-text-size-xs);--button-space: var(--button-space-xs);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s);--button-count-font-size: var(--mimir-size-text-xs)}._m-s_1qnsv_259{--button-height: var(--button-height-ms);--button-border-radius: var(--button-border-radius-s);--button-gap: var(--mimir-space-2xs);--button-font-size: var(--mimir-size-text-s)}._s_1qnsv_83{--button-height: var(--button-height-s);--button-font-size: var(--mimir-control-text-size-s);--button-space: var(--button-space-s);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s);--button-count-font-size: var(--mimir-size-text-s)}._m_1qnsv_259{--button-height: var(--button-height-m);--button-font-size: var(--mimir-size-text-m);--button-space: var(--button-space-m);--button-gap: 8px;--button-border-radius: var(--button-border-radius-m)}._l_1qnsv_283{--button-height: var(--button-height-l);--button-font-size: var(--mimir-size-text-m);--button-space: var(--button-space-l);--button-gap: 8px;--button-border-radius: var(--button-border-radius-l)}._xl_1qnsv_291{--button-height: var(--button-height-xl);--button-space: var(--button-space-xl);--button-gap: 8px;--button-border-radius: var(--button-border-radius-xl);--button-font-size: var(--mimir-size-text-m)}._xxl_1qnsv_299{--button-height: var(--button-height-xxl);--button-space: var(--button-space-xxl);--button-border-radius: var(--button-border-radius-xxl);--button-gap: 8px;--button-font-size: var(--mimir-size-text-m)}._xxl_1qnsv_299,._xl_1qnsv_291,._l_1qnsv_283,._m_1qnsv_259{--button-count-font-size: var(--mimir-size-text-m)}._full_1qnsv_314{display:flex;justify-content:center;width:100%}._disabled_1qnsv_320{--button-cursor: not-allowed;--button-count-color: var(--light-text);color:var(--light-text);background-color:var(--disabled)}._disabled_1qnsv_320:hover,._disabled_1qnsv_320:active,._disabled_1qnsv_320:focus{color:var(--light-text);background-color:var(--disabled);box-shadow:none}._disabled_1qnsv_320._outline-button_1qnsv_160{color:var(--disabled);background-color:transparent;border:1px solid var(--disabled)}._disabled_1qnsv_320._borderless-button_1qnsv_204{color:var(--disabled-color);background-color:transparent}._icon-button_1qnsv_341{justify-content:center;min-width:var(--button-height);padding:0}

package/dist/assets/Input.css

@@ -1 +1 @@
-._input-wrapper_1rkts_3{--input-border-radius-l: 8px;--input-border-radius-m: 6px;--input-border-radius-s: 6px;--input-required-mark-size: 8px;position:relative;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);transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease}._input-wrapper_1rkts_3 ._required-mark_1rkts_17{display:block;flex:0 0 var(--input-required-mark-size);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_1rkts_3 ._label_1rkts_27{--input-required-mark-size: 6px;position:absolute;top:calc(var(--input-height) / 2 - var(--input-font-size) / 2);left:var(--mimir-space-m);z-index:1;display:flex;color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;-moz-column-gap:var(--mimir-space-xs);column-gap:var(--mimir-space-xs);transform-origin:left center;transition:transform .15s ease-out,left .15s ease-out,color .15s ease-out;pointer-events:none}._input-wrapper_1rkts_3 ._label_1rkts_27._has-left-slot_1rkts_42{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--clear-button-mg))}._input-wrapper_1rkts_3 ._label_1rkts_27._active-label_1rkts_45{transform:scale(var(--label-scaled)) translateY(calc(var(--input-font-size) * -1))}._input-wrapper_1rkts_3 ._label_1rkts_27._active-label_1rkts_45._has-left-slot_1rkts_42{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--mimir-space-s));transform:scale(var(--label-scaled)) translate(calc((var(--mimir-space-m) + var(--left-addon-position)) * 2 * -1),calc(var(--input-font-size) * -1))}._input-wrapper_1rkts_3 ._label_1rkts_27._active-label_1rkts_45 ._required-mark_1rkts_17{margin-left:0;transform:scale(1.7)}._input-wrapper_1rkts_3 ._input_1rkts_3{position:relative;display:block;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;background-color:inherit;border-radius:var(--input-border-radius);outline:none;cursor:var(--input-cursor);transition:border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-feature-settings:"zero"}._input-wrapper_1rkts_3 ._input_1rkts_3._has-left-slot_1rkts_42{padding-left:0}._input-wrapper_1rkts_3 ._input_1rkts_3._has-right-slot_1rkts_79{padding-right:0}._input-wrapper_1rkts_3 ._input_1rkts_3._focused_1rkts_82{padding-top:0}._input-wrapper_1rkts_3 ._input_1rkts_3._has-label_1rkts_85{padding-top:var(--input-padding-position)}._input-wrapper_1rkts_3 ._input_1rkts_3._disabled_1rkts_88{color:var(--light-text)}._input-wrapper_1rkts_3 ._input_1rkts_3._disabled_1rkts_88:hover,._input-wrapper_1rkts_3 ._input_1rkts_3._disabled_1rkts_88:active,._input-wrapper_1rkts_3 ._input_1rkts_3._disabled_1rkts_88:focus{color:var(--light-text)}._input-wrapper_1rkts_3 ._left-slot_1rkts_94,._input-wrapper_1rkts_3 ._right-slot_1rkts_95{display:flex;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;transition:padding-top .15s ease-out}._input-wrapper_1rkts_3 ._left-slot_1rkts_94._focused_1rkts_82._has-label_1rkts_85,._input-wrapper_1rkts_3 ._right-slot_1rkts_95._focused_1rkts_82._has-label_1rkts_85{padding-top:var(--input-padding-position)}._input-wrapper_1rkts_3 ._left-slot_1rkts_94{justify-content:flex-end;margin-right:var(--clear-button-mg)}._input-wrapper_1rkts_3 ._right-slot_1rkts_95{margin-left:var(--clear-button-mg)}._input-wrapper_1rkts_3 ._addon-icon_1rkts_117{width:var(--icon-size);height:var(--icon-size)}._input-wrapper_1rkts_3 ._clear_1rkts_121{align-self:center;width:16px;height:16px;margin-left:var(--clear-button-mg)}._input-wrapper_1rkts_3 svg{color:currentcolor;fill:currentcolor}._input-wrapper_1rkts_3:hover ._label_1rkts_27,._input-wrapper_1rkts_3:focus-within ._label_1rkts_27{color:var(--label-color)}._input-wrapper_1rkts_3:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1rkts_3:focus-within{background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._input-wrapper_1rkts_3._focused_1rkts_82{color:var(--input-color-active);background-color:var(--input-bg-color-active)}._input-wrapper_1rkts_3._focused_1rkts_82:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1rkts_3._disabled_1rkts_88{--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_1rkts_3._disabled_1rkts_88:hover,._input-wrapper_1rkts_3._disabled_1rkts_88:active,._input-wrapper_1rkts_3._disabled_1rkts_88:focus{--label-color: var(--light-text);color:var(--light-text);background-color:var(--black-20);border-bottom:1px solid transparent;box-shadow:none}._input-wrapper_1rkts_3._disabled_1rkts_88::-moz-placeholder{color:var(--light-text)}._input-wrapper_1rkts_3._disabled_1rkts_88::placeholder{color:var(--light-text)}._input-wrapper_1rkts_3._disabled_1rkts_88:hover::-moz-placeholder{color:var(--light-text)}._input-wrapper_1rkts_3._disabled_1rkts_88:hover::placeholder{color:var(--light-text)}._s_1rkts_169{--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: var(--mimir-size-text-xs);--label-scaled: .85;--label-spacing: var(--mimir-space-1xs);--clear-button-mg: var(--mimir-space-2xs);--icon-size: 16px;--left-addon-position: 0px}._m_1rkts_184{--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: var(--mimir-size-text-s);--label-scaled: .75;--label-spacing: var(--mimir-space-xs);--clear-button-mg: var(--mimir-space-2xs);--icon-size: 16px;--left-addon-position: var(--mimir-space-3xs)}._l_1rkts_27{--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: var(--mimir-size-text-s);--label-scaled: .6;--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_1rkts_214{--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_1rkts_226{--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_1rkts_226:hover{--label-color: var(--dark-text)}._default-gray_1rkts_214._success_1rkts_241,._default-white_1rkts_226._success_1rkts_241{--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_1rkts_214._success_1rkts_241::-moz-placeholder,._default-white_1rkts_226._success_1rkts_241::-moz-placeholder{color:var(--input-color)}._default-gray_1rkts_214._success_1rkts_241::placeholder,._default-white_1rkts_226._success_1rkts_241::placeholder{color:var(--input-color)}._default-gray_1rkts_214._success_1rkts_241:hover::-moz-placeholder,._default-white_1rkts_226._success_1rkts_241:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1rkts_214._success_1rkts_241:hover::placeholder,._default-white_1rkts_226._success_1rkts_241:hover::placeholder{color:var(--input-color)}._default-gray_1rkts_214._alarm_1rkts_261,._default-white_1rkts_226._alarm_1rkts_261{--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_1rkts_214._alarm_1rkts_261::-moz-placeholder,._default-white_1rkts_226._alarm_1rkts_261::-moz-placeholder{color:var(--input-color)}._default-gray_1rkts_214._alarm_1rkts_261::placeholder,._default-white_1rkts_226._alarm_1rkts_261::placeholder{color:var(--input-color)}._default-gray_1rkts_214._alarm_1rkts_261:hover::-moz-placeholder,._default-white_1rkts_226._alarm_1rkts_261:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1rkts_214._alarm_1rkts_261:hover::placeholder,._default-white_1rkts_226._alarm_1rkts_261:hover::placeholder{color:var(--input-color)}._default-gray_1rkts_214._error_1rkts_281,._default-white_1rkts_226._error_1rkts_281{--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_1rkts_214._error_1rkts_281::-moz-placeholder,._default-white_1rkts_226._error_1rkts_281::-moz-placeholder{color:var(--input-color)}._default-gray_1rkts_214._error_1rkts_281::placeholder,._default-white_1rkts_226._error_1rkts_281::placeholder{color:var(--input-color)}._default-gray_1rkts_214._error_1rkts_281:hover::-moz-placeholder,._default-white_1rkts_226._error_1rkts_281:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1rkts_214._error_1rkts_281:hover::placeholder,._default-white_1rkts_226._error_1rkts_281:hover::placeholder{color:var(--input-color)}
+._input-wrapper_1ftus_3{--input-border-radius-l: 8px;--input-border-radius-m: 6px;--input-border-radius-s: 6px;--input-required-mark-size: 8px;position:relative;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);transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease}._input-wrapper_1ftus_3 ._required-mark_1ftus_17{display:block;flex:0 0 var(--input-required-mark-size);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_1ftus_3 ._label_1ftus_27{--input-required-mark-size: 6px;position:absolute;top:calc(var(--input-height) / 2 - var(--input-font-size) / 2);left:var(--mimir-space-m);z-index:1;display:flex;color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;-moz-column-gap:var(--mimir-space-xs);column-gap:var(--mimir-space-xs);transform-origin:left center;transition:transform .15s ease-out,left .15s ease-out,color .15s ease-out;pointer-events:none}._input-wrapper_1ftus_3 ._label_1ftus_27._has-left-slot_1ftus_42{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--clear-button-mg))}._input-wrapper_1ftus_3 ._label_1ftus_27._active-label_1ftus_45{transform:scale(var(--label-scaled)) translateY(calc(var(--input-font-size) * -1))}._input-wrapper_1ftus_3 ._label_1ftus_27._active-label_1ftus_45._has-left-slot_1ftus_42{left:calc(var(--mimir-space-m) + var(--icon-size) + var(--mimir-space-s));transform:scale(var(--label-scaled)) translate(calc((var(--mimir-space-m) + var(--left-addon-position)) * 2 * -1),calc(var(--input-font-size) * -1))}._input-wrapper_1ftus_3 ._label_1ftus_27._active-label_1ftus_45 ._required-mark_1ftus_17{margin-left:0;transform:scale(1.7)}._input-wrapper_1ftus_3 ._input_1ftus_3{position:relative;display:block;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;background-color:inherit;border-radius:var(--input-border-radius);outline:none;cursor:var(--input-cursor);transition:border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-feature-settings:"zero"}._input-wrapper_1ftus_3 ._input_1ftus_3._has-left-slot_1ftus_42{padding-left:0}._input-wrapper_1ftus_3 ._input_1ftus_3._has-right-slot_1ftus_79{padding-right:0}._input-wrapper_1ftus_3 ._input_1ftus_3._focused_1ftus_82{padding-top:0}._input-wrapper_1ftus_3 ._input_1ftus_3._has-label_1ftus_85{padding-top:var(--input-padding-position)}._input-wrapper_1ftus_3 ._input_1ftus_3._disabled_1ftus_88{color:var(--light-text)}._input-wrapper_1ftus_3 ._input_1ftus_3._disabled_1ftus_88:hover,._input-wrapper_1ftus_3 ._input_1ftus_3._disabled_1ftus_88:active,._input-wrapper_1ftus_3 ._input_1ftus_3._disabled_1ftus_88:focus{color:var(--light-text)}._input-wrapper_1ftus_3 ._addon-icon_1ftus_94{width:var(--icon-size);height:var(--icon-size)}._input-wrapper_1ftus_3 ._left-slot_1ftus_98,._input-wrapper_1ftus_3 ._right-slot_1ftus_99{display:flex;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;transition:padding-top .15s ease-out}._input-wrapper_1ftus_3 ._left-slot_1ftus_98._focused_1ftus_82._has-label_1ftus_85,._input-wrapper_1ftus_3 ._right-slot_1ftus_99._focused_1ftus_82._has-label_1ftus_85{padding-top:var(--input-padding-position)}._input-wrapper_1ftus_3 ._left-slot_1ftus_98._disabled_1ftus_88,._input-wrapper_1ftus_3 ._right-slot_1ftus_99._disabled_1ftus_88{color:var(--white);cursor:not-allowed}._input-wrapper_1ftus_3 ._left-slot_1ftus_98._disabled_1ftus_88 ._addon-icon_1ftus_94 path,._input-wrapper_1ftus_3 ._right-slot_1ftus_99._disabled_1ftus_88 ._addon-icon_1ftus_94 path{fill:var(--white)}._input-wrapper_1ftus_3 ._left-slot_1ftus_98{justify-content:flex-end;margin-right:var(--clear-button-mg)}._input-wrapper_1ftus_3 ._right-slot_1ftus_99{margin-left:var(--clear-button-mg)}._input-wrapper_1ftus_3 ._clear_1ftus_130{align-self:center;width:16px;height:16px;margin-left:var(--clear-button-mg)}._input-wrapper_1ftus_3 svg{color:currentcolor;fill:currentcolor}._input-wrapper_1ftus_3:hover ._label_1ftus_27,._input-wrapper_1ftus_3:focus-within ._label_1ftus_27{color:var(--label-color)}._input-wrapper_1ftus_3:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1ftus_3:focus-within{background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._input-wrapper_1ftus_3._focused_1ftus_82{color:var(--input-color-active);background-color:var(--input-bg-color-active)}._input-wrapper_1ftus_3._focused_1ftus_82:hover{background-color:var(--input-bg-color-hover)}._input-wrapper_1ftus_3._disabled_1ftus_88{--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_1ftus_3._disabled_1ftus_88:hover,._input-wrapper_1ftus_3._disabled_1ftus_88:active,._input-wrapper_1ftus_3._disabled_1ftus_88:focus{--label-color: var(--light-text);color:var(--light-text);background-color:var(--black-20);border-bottom:1px solid transparent;box-shadow:none}._input-wrapper_1ftus_3._disabled_1ftus_88::-moz-placeholder{color:var(--light-text)}._input-wrapper_1ftus_3._disabled_1ftus_88::placeholder{color:var(--light-text)}._input-wrapper_1ftus_3._disabled_1ftus_88:hover::-moz-placeholder{color:var(--light-text)}._input-wrapper_1ftus_3._disabled_1ftus_88:hover::placeholder{color:var(--light-text)}._s_1ftus_178{--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: var(--mimir-size-text-xs);--label-scaled: .85;--label-spacing: var(--mimir-space-1xs);--clear-button-mg: var(--mimir-space-2xs);--icon-size: 16px;--left-addon-position: 0px}._m_1ftus_193{--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: var(--mimir-size-text-s);--label-scaled: .75;--label-spacing: var(--mimir-space-xs);--clear-button-mg: var(--mimir-space-2xs);--icon-size: 16px;--left-addon-position: var(--mimir-space-3xs)}._l_1ftus_27{--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: var(--mimir-size-text-s);--label-scaled: .6;--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_1ftus_223{--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_1ftus_235{--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_1ftus_235:hover{--label-color: var(--dark-text)}._default-gray_1ftus_223._success_1ftus_250,._default-white_1ftus_235._success_1ftus_250{--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_1ftus_223._success_1ftus_250::-moz-placeholder,._default-white_1ftus_235._success_1ftus_250::-moz-placeholder{color:var(--input-color)}._default-gray_1ftus_223._success_1ftus_250::placeholder,._default-white_1ftus_235._success_1ftus_250::placeholder{color:var(--input-color)}._default-gray_1ftus_223._success_1ftus_250:hover::-moz-placeholder,._default-white_1ftus_235._success_1ftus_250:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1ftus_223._success_1ftus_250:hover::placeholder,._default-white_1ftus_235._success_1ftus_250:hover::placeholder{color:var(--input-color)}._default-gray_1ftus_223._alarm_1ftus_270,._default-white_1ftus_235._alarm_1ftus_270{--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_1ftus_223._alarm_1ftus_270::-moz-placeholder,._default-white_1ftus_235._alarm_1ftus_270::-moz-placeholder{color:var(--input-color)}._default-gray_1ftus_223._alarm_1ftus_270::placeholder,._default-white_1ftus_235._alarm_1ftus_270::placeholder{color:var(--input-color)}._default-gray_1ftus_223._alarm_1ftus_270:hover::-moz-placeholder,._default-white_1ftus_235._alarm_1ftus_270:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1ftus_223._alarm_1ftus_270:hover::placeholder,._default-white_1ftus_235._alarm_1ftus_270:hover::placeholder{color:var(--input-color)}._default-gray_1ftus_223._error_1ftus_290,._default-white_1ftus_235._error_1ftus_290{--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_1ftus_223._error_1ftus_290::-moz-placeholder,._default-white_1ftus_235._error_1ftus_290::-moz-placeholder{color:var(--input-color)}._default-gray_1ftus_223._error_1ftus_290::placeholder,._default-white_1ftus_235._error_1ftus_290::placeholder{color:var(--input-color)}._default-gray_1ftus_223._error_1ftus_290:hover::-moz-placeholder,._default-white_1ftus_235._error_1ftus_290:hover::-moz-placeholder{color:var(--input-color)}._default-gray_1ftus_223._error_1ftus_290:hover::placeholder,._default-white_1ftus_235._error_1ftus_290:hover::placeholder{color:var(--input-color)}

package/dist/assets/SelectSearch.css

@@ -1 +1 @@
-._select-search_a63ul_2{position:relative}._select-search_a63ul_2._disabled_a63ul_5{cursor:not-allowed}._container_a63ul_9{display:block;gap:var(--mimir-select-search-gap);align-items:center;justify-content:space-between;height:var(--mimir-select-search-height);background-color:var(--black-5);border-radius:var(--mimir-select-search-radius)}._container-open_a63ul_18{border-bottom:1px solid var(--citrine-100)}._full_a63ul_22{width:100%}._selected-icon_a63ul_26 path{fill:var(--sapphire-100)}._selector-icon-open_a63ul_30{transform:rotate(180deg)}._button_a63ul_34{position:absolute;top:0;right:0;display:flex;align-items:center;margin:var(--mimir-select-search-btn-space);background:none;border:none;cursor:pointer}._button_a63ul_34._disabled_a63ul_5{cursor:not-allowed}._button_a63ul_34._disabled_a63ul_5 ._selector-icon_a63ul_30 path{fill:var(--white)}._options_a63ul_52{position:absolute;z-index:10;width:100%;min-height:100%;max-height:var(--mimir-select-search-options-height);overflow-y:auto;font-size:var(--mimir-size-text-l);background:var(--white);box-shadow:var(--mimir-box-shadow-select-search)}._options_a63ul_52._top_a63ul_63{bottom:100%;margin-bottom:1px;border-radius:var(--mimir-select-search-radius) var(--mimir-select-search-radius) 0 0}._options_a63ul_52._bottom_a63ul_68{top:100%;margin-top:1px;border-radius:0 0 var(--mimir-select-search-radius) var(--mimir-select-search-radius)}._options_a63ul_52::-webkit-scrollbar{width:3px}._options_a63ul_52::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._options_a63ul_52::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_a63ul_52{max-height:var(--mimir-select-search-options-height-mobile)}}._no-options_a63ul_89{height:100%;padding:var(--mimir-select-search-option-space);color:var(--black-80)}._m_a63ul_95{--mimir-select-search-height: var(--mimir-select-search-height-l);--mimir-select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--mimir-select-search-radius: var(--mimir-control-radius);--mimir-select-search-gap: var(--mimir-space-2xs);--mimir-select-search-btn-space: var(--mimir-space-m) var(--mimir-space-m) var(--mimir-space-m) var(--mimir-space-xs);--mimir-select-search-option-space: var(--mimir-space-2s) var(--mimir-space-m);--mimir-select-search-options-height: var( --mimir-select-search-options-height-mobile )}._l_a63ul_108{--mimir-select-search-height: var(--mimir-select-search-height-xxl);--mimir-select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--mimir-select-search-radius: var(--mimir-control-radius-s);--mimir-select-search-gap: var(--mimir-space-xs);--mimir-select-search-btn-space: var(--mimir-space-l) var(--mimir-space-m) var(--mimir-space-l) var(--mimir-space-xs);--mimir-select-search-option-space: var(--mimir-space-2l) var(--mimir-space-m);--mimir-select-search-options-height: var( --mimir-select-search-options-height-desktop )}._custom-input-class_a63ul_121{width:100%!important}._custom-input-class_a63ul_121:last-child{padding-right:var(--mimir-space-4xl)}._option_a63ul_52{display:flex;gap:var(--mimir-space-m);align-items:center;width:100%;padding:var(--mimir-select-search-option-space);cursor:pointer;transition:background-color .2s ease-in-out}._option-active_a63ul_137{background-color:var(--black-5)}._option-inner_a63ul_140{display:flex;flex-direction:column;gap:var(--mimir-space-xs);width:100%}
+._select-search_7p4d9_2{position:relative}._select-search_7p4d9_2._disabled_7p4d9_5{cursor:not-allowed}._container_7p4d9_9{display:block;gap:var(--mimir-select-search-gap);align-items:center;justify-content:space-between;height:var(--mimir-select-search-height);background-color:var(--black-5);border-radius:var(--mimir-select-search-radius)}._container-open_7p4d9_18{border-bottom:1px solid var(--citrine-100)}._full_7p4d9_22{width:100%}._selected-icon_7p4d9_26 path{fill:var(--sapphire-100)}._selector-icon-open_7p4d9_30{transform:rotate(180deg)}._button_7p4d9_34{display:flex;align-items:center;background:none;border:none;cursor:pointer}._button_7p4d9_34._disabled_7p4d9_5{cursor:not-allowed}._button_7p4d9_34._disabled_7p4d9_5 ._selector-icon_7p4d9_30 path{fill:var(--white)}._options_7p4d9_48{position:absolute;z-index:10;width:100%;min-height:100%;max-height:var(--mimir-select-search-options-height);overflow-y:auto;font-size:var(--mimir-size-text-l);background:var(--white);box-shadow:var(--mimir-box-shadow-select-search)}._options_7p4d9_48._top_7p4d9_59{bottom:100%;margin-bottom:1px;border-radius:var(--mimir-select-search-radius) var(--mimir-select-search-radius) 0 0}._options_7p4d9_48._bottom_7p4d9_64{top:100%;margin-top:1px;border-radius:0 0 var(--mimir-select-search-radius) var(--mimir-select-search-radius)}._options_7p4d9_48::-webkit-scrollbar{width:3px}._options_7p4d9_48::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._options_7p4d9_48::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_7p4d9_48{max-height:var(--mimir-select-search-options-height-mobile)}}._no-options_7p4d9_85{height:100%;padding:var(--mimir-select-search-option-space);color:var(--black-80)}._m_7p4d9_91{--mimir-select-search-height: var(--mimir-select-search-height-l);--mimir-select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--mimir-select-search-radius: var(--mimir-control-radius);--mimir-select-search-gap: var(--mimir-space-2xs);--mimir-select-search-btn-space: var(--mimir-space-m) var(--mimir-space-m) var(--mimir-space-m) var(--mimir-space-xs);--mimir-select-search-option-space: var(--mimir-space-2s) var(--mimir-space-m);--mimir-select-search-options-height: var( --mimir-select-search-options-height-mobile );--clear-right: var(--mimir-space-2xxl)}._l_7p4d9_105{--mimir-select-search-height: var(--mimir-select-search-height-xxl);--mimir-select-search-space: var(--mimir-space-xss) var(--mimir-space-m);--mimir-select-search-radius: var(--mimir-control-radius-s);--mimir-select-search-gap: var(--mimir-space-xs);--mimir-select-search-btn-space: var(--mimir-space-l) var(--mimir-space-m) var(--mimir-space-l) var(--mimir-space-xs);--mimir-select-search-option-space: var(--mimir-space-2l) var(--mimir-space-m);--mimir-select-search-options-height: var( --mimir-select-search-options-height-desktop );--clear-right: var(--mimir-space-4xl)}._custom-input-class_7p4d9_119{width:100%!important}._custom-input-class_7p4d9_119:last-child{padding-right:var(--mimir-space-4xl)}._option_7p4d9_48{display:flex;gap:var(--mimir-space-m);align-items:center;width:100%;padding:var(--mimir-select-search-option-space);cursor:pointer;transition:background-color .2s ease-in-out}._option-active_7p4d9_135{background-color:var(--black-5)}._option-inner_7p4d9_138{display:flex;flex-direction:column;gap:var(--mimir-space-xs);width:100%}._right-slot_7p4d9_145{order:2}._required-mark_7p4d9_149{order:1;margin-right:var(--mimir-space-xs)}._clear_7p4d9_154{position:absolute;top:50%;right:var(--clear-right);transform:translateY(-50%)}

package/dist/components/Button/Button.d.ts

@@ -19,6 +19,10 @@ export type TProps = TCommonButtonProps & ComponentProps<'button'> & {
      * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
      */
     clear?: boolean;
+    /**
+     * Информация о кол-ве тех или иных элементов списка или текста, к которым привязана кнопка.
+     */
+    count?: string | number;
     /**
      * Идентификатор формы, к которой привязана кнопка.
      */
@@ -49,6 +53,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
      */
     clear?: boolean;
+    /**
+     * Информация о кол-ве тех или иных элементов списка или текста, к которым привязана кнопка.
+     */
+    count?: string | number;
     /**
      * Идентификатор формы, к которой привязана кнопка.
      */
@@ -75,6 +83,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
      */
     clear?: boolean;
+    /**
+     * Информация о кол-ве тех или иных элементов списка или текста, к которым привязана кнопка.
+     */
+    count?: string | number;
     /**
      * Идентификатор формы, к которой привязана кнопка.
      */
@@ -101,6 +113,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
      */
     clear?: boolean;
+    /**
+     * Информация о кол-ве тех или иных элементов списка или текста, к которым привязана кнопка.
+     */
+    count?: string | number;
     /**
      * Идентификатор формы, к которой привязана кнопка.
      */
@@ -127,6 +143,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
      */
     clear?: boolean;
+    /**
+     * Информация о кол-ве тех или иных элементов списка или текста, к которым привязана кнопка.
+     */
+    count?: string | number;
     /**
      * Идентификатор формы, к которой привязана кнопка.
      */
@@ -153,6 +173,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
      */
     clear?: boolean;
+    /**
+     * Информация о кол-ве тех или иных элементов списка или текста, к которым привязана кнопка.
+     */
+    count?: string | number;
     /**
      * Идентификатор формы, к которой привязана кнопка.
      */
@@ -179,6 +203,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
      */
     clear?: boolean;
+    /**
+     * Информация о кол-ве тех или иных элементов списка или текста, к которым привязана кнопка.
+     */
+    count?: string | number;
     /**
      * Идентификатор формы, к которой привязана кнопка.
      */
@@ -205,6 +233,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
      */
     clear?: boolean;
+    /**
+     * Информация о кол-ве тех или иных элементов списка или текста, к которым привязана кнопка.
+     */
+    count?: string | number;
     /**
      * Идентификатор формы, к которой привязана кнопка.
      */
@@ -231,6 +263,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
      */
     clear?: boolean;
+    /**
+     * Информация о кол-ве тех или иных элементов списка или текста, к которым привязана кнопка.
+     */
+    count?: string | number;
     /**
      * Идентификатор формы, к которой привязана кнопка.
      */

package/dist/components/Button/Button.js

@@ -1,91 +1,99 @@
-import { jsxs as f, jsx as x } from "react/jsx-runtime";
-import { c as g } from "../../index-DIxK0V-G.js";
+import { jsxs as N, jsx as l } from "react/jsx-runtime";
+import { c } from "../../index-DIxK0V-G.js";
 import { forwardRef as B } from "react";
-import { EButtonVariantDefault as N, EButtonForm as I } from "./constants.js";
+import { EButtonVariantDefault as I, EButtonForm as k } from "./constants.js";
 import { Icon as j } from "../../icons/Icon.js";
-import '../../assets/Button.css';const D = "_button_1kw2t_2", E = "_clear_1kw2t_42", P = "_black_1kw2t_120", v = "_gray_1kw2t_129", z = "_white_1kw2t_138", C = "_xs_1kw2t_236", F = "_s_1kw2t_72", R = "_m_1kw2t_244", S = "_l_1kw2t_268", V = "_xl_1kw2t_276", q = "_xxl_1kw2t_285", A = "_full_1kw2t_294", G = "_disabled_1kw2t_300", t = {
-  button: D,
-  clear: E,
-  "default-button": "_default-button_1kw2t_54",
-  "primary-sapphire": "_primary-sapphire_1kw2t_54",
-  "primary-citrine": "_primary-citrine_1kw2t_63",
-  "secondary-asphalt": "_secondary-asphalt_1kw2t_72",
-  "secondary-gray": "_secondary-gray_1kw2t_81",
-  "secondary-white": "_secondary-white_1kw2t_90",
-  "secondary-red": "_secondary-red_1kw2t_99",
-  "round-button": "_round-button_1kw2t_109",
+import '../../assets/Button.css';const C = "_button_1qnsv_2", D = "_clear_1qnsv_42", E = "_count_1qnsv_53", P = "_black_1qnsv_132", z = "_gray_1qnsv_141", F = "_white_1qnsv_150", R = "_xs_1qnsv_250", S = "_s_1qnsv_83", V = "_m_1qnsv_259", A = "_l_1qnsv_283", G = "_xl_1qnsv_291", H = "_xxl_1qnsv_299", J = "_full_1qnsv_314", K = "_disabled_1qnsv_320", s = {
+  button: C,
+  clear: D,
+  count: E,
+  "default-button": "_default-button_1qnsv_61",
+  "primary-sapphire": "_primary-sapphire_1qnsv_64",
+  "primary-citrine": "_primary-citrine_1qnsv_73",
+  "secondary-asphalt": "_secondary-asphalt_1qnsv_83",
+  "secondary-gray": "_secondary-gray_1qnsv_92",
+  "secondary-white": "_secondary-white_1qnsv_101",
+  "secondary-red": "_secondary-red_1qnsv_110",
+  "round-button": "_round-button_1qnsv_120",
   black: P,
-  gray: v,
-  white: z,
-  "outline-button": "_outline-button_1kw2t_148",
-  "outline-asphalt": "_outline-asphalt_1kw2t_155",
-  "outline-gray": "_outline-gray_1kw2t_163",
-  "outline-white": "_outline-white_1kw2t_172",
-  "outline-red": "_outline-red_1kw2t_181",
-  "borderless-button": "_borderless-button_1kw2t_191",
-  "borderless-asphalt": "_borderless-asphalt_1kw2t_197",
-  "borderless-gray": "_borderless-gray_1kw2t_202",
-  "borderless-white": "_borderless-white_1kw2t_207",
-  "borderless-red": "_borderless-red_1kw2t_212",
-  xs: C,
-  "m-s": "_m-s_1kw2t_244",
-  s: F,
-  m: R,
-  l: S,
-  xl: V,
-  xxl: q,
-  full: A,
-  disabled: G,
-  "icon-button": "_icon-button_1kw2t_320"
-}, H = B(
-  (e, s) => {
+  gray: z,
+  white: F,
+  "outline-button": "_outline-button_1qnsv_160",
+  "outline-asphalt": "_outline-asphalt_1qnsv_168",
+  "outline-gray": "_outline-gray_1qnsv_176",
+  "outline-white": "_outline-white_1qnsv_185",
+  "outline-red": "_outline-red_1qnsv_194",
+  "borderless-button": "_borderless-button_1qnsv_204",
+  "borderless-asphalt": "_borderless-asphalt_1qnsv_211",
+  "borderless-gray": "_borderless-gray_1qnsv_216",
+  "borderless-white": "_borderless-white_1qnsv_221",
+  "borderless-red": "_borderless-red_1qnsv_226",
+  xs: R,
+  "m-s": "_m-s_1qnsv_259",
+  s: S,
+  m: V,
+  l: A,
+  xl: G,
+  xxl: H,
+  full: J,
+  disabled: K,
+  "icon-button": "_icon-button_1qnsv_341"
+}, L = B(
+  (i, u) => {
     const {
-      size: n = "m",
-      variant: a = N.PrimarySapphire,
-      form: l = I.DefaultButton,
-      full: i,
-      clear: o,
+      size: o = "m",
+      variant: d = I.PrimarySapphire,
+      form: _ = k.DefaultButton,
+      full: b,
+      clear: n,
       isIconButton: r = !1,
-      iconName: c,
-      children: u,
-      className: d,
-      formId: w,
-      type: b = "button",
-      rightIcon: k,
-      leftIcon: m,
-      disabled: _,
-      ...p
-    } = e, y = {
-      [t.full]: i && !o,
-      [t.disabled]: _ && !o,
-      [t.clear]: o,
-      [t[a ?? ""]]: !_ || o,
-      [t["icon-button"]]: r
-    }, h = g(
-      d,
-      t.button,
-      y,
-      o ? [] : [t[l ?? ""], t[n]]
+      iconName: v,
+      children: m,
+      className: q,
+      formId: p,
+      type: y = "button",
+      rightIcon: h,
+      count: e,
+      leftIcon: f,
+      disabled: t,
+      ...x
+    } = i, a = {
+      [s.full]: b && !n,
+      [s.disabled]: t && !n,
+      [s.clear]: n,
+      [s[d ?? ""]]: !t || n,
+      [s["icon-button"]]: r
+    }, g = c(
+      q,
+      s.button,
+      a,
+      n ? [] : [s[_ ?? ""], s[o]]
+    ), w = c(
+      s.count,
+      a,
+      s[o],
+      s[_ ?? ""]
     );
-    return /* @__PURE__ */ f(
+    return /* @__PURE__ */ N(
       "button",
       {
-        type: b,
-        form: w,
-        ...p,
-        disabled: _,
-        ref: s,
-        className: h,
+        type: y,
+        form: p,
+        ...x,
+        disabled: t,
+        ref: u,
+        className: g,
         children: [
-          m,
-          r ? /* @__PURE__ */ x(j, { iconName: c }) : u,
-          k
+          f,
+          r ? /* @__PURE__ */ l(j, { iconName: v }) : m,
+          h,
+          !!e && /* @__PURE__ */ l("span", { className: w, children: e })
         ]
       }
     );
   }
 );
-H.displayName = "Button";
+L.displayName = "Button";
 export {
-  H as Button
+  L as Button
 };

package/dist/components/DatePicker/DatePicker.js

@@ -8,7 +8,7 @@ import { formatDatePart as h } from "./utils.js";
 import { YearPickerModal as C } from "./YearPickerModal.js";
 import { useClickOutside as E } from "../../hooks/useClickOutside/useClickOutside.js";
 import { formating as B } from "../../utils/index.js";
-import { I as V } from "../../Input-DGr0q5AJ.js";
+import { I as V } from "../../Input-B-gKQ9FT.js";
 import { EInputStatus as tt } from "../Input/constants.js";
 const st = 31, et = 12, it = 10, at = Q(
   W(

package/dist/components/Input/Input.d.ts

@@ -22,6 +22,14 @@ export type TAdditionalProps = {
      * Дополнительный класс для обертки поля ввода.
      */
     wrapperClassName?: string;
+    /**
+     * Дополнительный класс для дополнительного правого слота.
+     */
+    rightSlotClassName?: string;
+    /**
+     * Дополнительный класс для метки, отображающей обязательность.
+     */
+    requiredMarkClassName?: string;
     /**
      * Текстовое описание поля ввода.
      */

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-DGr0q5AJ.js";
+import { I as f } from "../../Input-B-gKQ9FT.js";
 import "../../hooks/useMergeRefs/useMergeRefs.js";
 import "../../icons/Icon.js";
 import "../Button/Button.js";