mimir-ui-kit 1.48.3 → 1.49.1

package/dist/assets/GosZnak.css

@@ -1 +1 @@
-._gos-znak_dr109_2{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:var(--gos-znak-width);height:var(--gos-znak-height);overflow:hidden;background-color:var(--gos-znak-background-color);border-radius:var(--mimir-control-radius-xs1);outline:1px solid var(--gos-znak-outline-color)}._number_dr109_13{font-weight:var(--mimir-font-weight-text-medium);font-size:var(--gos-znak-number-font-size);font-family:var(--mimir-font-montserrat);line-height:var(--mimir-line-height-text-xss);letter-spacing:-.02em;text-align:center;text-transform:lowercase}._number-container_dr109_22{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;min-width:var(--gos-znak-number-container-width);height:100%;overflow:hidden;border-right:1px solid var(--number-border-right-color)}._region_dr109_32{font-weight:var(--mimir-font-weight-text-regular);font-size:var(--gos-znak-region-text-size);font-family:var(--mimir-font-inter);line-height:var(--mimir-line-height-text-l)}._region-container_dr109_38{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;overflow:hidden}._country_dr109_46{color:var(--gos-znak-country-color);font-size:var(--gos-znak-country-text-size);line-height:var(--mimir-line-height-text-s1);text-transform:uppercase}._l_dr109_53{--gos-znak-number-font-size: var(--mimir-size-text-xl3);--gos-znak-region-text-size: var(--mimir-size-text-xl);--gos-znak-country-text-size: var(--mimir-size-text-l);--gos-znak-number-container-width: 172px;--gos-znak-width: 242px;--gos-znak-height: 64px}._s_dr109_62{--gos-znak-number-font-size: var(--mimir-size-text-l);--gos-znak-region-text-size: var(--mimir-size-text-xs);--gos-znak-country-text-size: var(--mimir-size-text-xs2);--gos-znak-number-container-width: 86px;--gos-znak-width: 121px;--gos-znak-height: 32px}._normal_dr109_71{--gos-znak-background-color: var(--white);--gos-znak-outline-color: var(--black-20);--number-border-right-color: var(--black-20);--gos-znak-country-color: var(--black-60)}._traffic_dr109_78{--gos-znak-background-color: var(--gos-znak-traffic-background-color);--gos-znak-outline-color: var(--gos-znak-military-background-color);--number-border-right-color: var(--gos-znak-military-background-color);--gos-znak-country-color: var(--black-60)}._military_dr109_85{--gos-znak-background-color: var(--gos-znak-military-background-color);--gos-znak-outline-color: var(--black-5);--number-border-right-color: var(--black-5);--gos-znak-country-color: var(--black-30)}._police_dr109_92{--gos-znak-background-color: var(--gos-znak-police-background-color);--gos-znak-outline-color: var(--black-5);--number-border-right-color: var(--black-5);--gos-znak-country-color: var(--sapphire-30)}._diplomatic_dr109_99{--gos-znak-background-color: var(--gos-znak-diplomatic-background-color);--gos-znak-outline-color: var(--black-5);--number-border-right-color: var(--black-5);--gos-znak-country-color: var(--gos-znak-diplomatic-country-color)}._military_dr109_85,._police_dr109_92,._diplomatic_dr109_99{color:var(--white)}
+._gos-znak_1nnii_2{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:var(--gos-znak-width);height:var(--gos-znak-height);overflow:hidden;background-color:var(--gos-znak-background-color);border-radius:var(--mimir-control-radius-xs1);outline:1px solid var(--gos-znak-outline-color)}._number_1nnii_13{font-weight:var(--mimir-font-weight-text-medium);font-size:var(--gos-znak-number-font-size);font-family:var(--mimir-font-montserrat);line-height:var(--mimir-line-height-text-xss);letter-spacing:-.02em;text-align:center;text-transform:lowercase}._number-container_1nnii_22{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;min-width:var(--gos-znak-number-container-width);height:100%;overflow:hidden;border-right:1px solid var(--number-border-right-color)}._region_1nnii_32{font-weight:var(--mimir-font-weight-text-regular);font-size:var(--gos-znak-region-text-size);font-family:var(--mimir-font-inter);line-height:var(--mimir-line-height-text-l)}._region-container_1nnii_38{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;overflow:hidden}._country_1nnii_46{color:var(--gos-znak-country-color);font-size:var(--gos-znak-country-text-size);line-height:var(--mimir-line-height-text-s1);text-transform:uppercase}._l_1nnii_53{--gos-znak-number-font-size: var(--mimir-size-text-xl3);--gos-znak-region-text-size: var(--mimir-size-text-xl);--gos-znak-country-text-size: var(--mimir-size-text-l);--gos-znak-number-container-width: 172px;--gos-znak-width: 242px;--gos-znak-height: 64px}._s_1nnii_62{--gos-znak-number-font-size: var(--mimir-size-text-l);--gos-znak-region-text-size: var(--mimir-size-text-xs);--gos-znak-country-text-size: var(--mimir-size-text-xs2);--gos-znak-number-container-width: 86px;--gos-znak-width: 121px;--gos-znak-height: 32px}._normal_1nnii_71{--gos-znak-background-color: var(--white);--gos-znak-outline-color: var(--black-20);--number-border-right-color: var(--black-20);--gos-znak-country-color: var(--black-60)}._traffic_1nnii_78{--gos-znak-background-color: var(--gos-znak-traffic-background-color);--gos-znak-outline-color: var(--gos-znak-military-background-color);--number-border-right-color: var(--gos-znak-military-background-color);--gos-znak-country-color: var(--black-60)}._military_1nnii_85{--gos-znak-background-color: var(--gos-znak-military-background-color);--gos-znak-outline-color: var(--black-5);--number-border-right-color: var(--black-5);--gos-znak-country-color: var(--black-30)}._police_1nnii_92{--gos-znak-background-color: var(--gos-znak-police-background-color);--gos-znak-outline-color: var(--black-5);--number-border-right-color: var(--black-5);--gos-znak-country-color: var(--sapphire-30)}._diplomatic_1nnii_99{--gos-znak-background-color: var(--gos-znak-diplomatic-background-color);--gos-znak-outline-color: var(--black-5);--number-border-right-color: var(--black-5);--gos-znak-country-color: var(--gos-znak-diplomatic-country-color)}._military_1nnii_85,._police_1nnii_92,._diplomatic_1nnii_99{color:var(--white)}._simplified_1nnii_112 ._number-container_1nnii_22{width:100%;border-right:none}._simplified_1nnii_112 ._number-container_1nnii_22 ._number_1nnii_13{text-align:center}._copyable-number_1nnii_120{cursor:pointer}

package/dist/components/GosZnak/GosZnak.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { TGosZnakProps } from './types';
 
-export declare const GosZnak: React.FC<TGosZnakProps>;
+export declare const GosZnak: ({ number, region, country, size, type, className, numberClassName, regionClassName, countryClassName, numberContainerClassName, regionContainerClassName, simplified, copyable, onCopy }: TGosZnakProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/GosZnak/GosZnak.js

@@ -1,63 +1,111 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { c as n } from "../../index-DIxK0V-G.js";
-import { EGosZnakSize as g, EGosZnakType as f } from "./constants.js";
-import '../../assets/GosZnak.css';const y = "_number_dr109_13", N = "_region_dr109_32", b = "_country_dr109_46", h = "_l_dr109_53", k = "_s_dr109_62", z = "_normal_dr109_71", v = "_traffic_dr109_78", x = "_military_dr109_85", G = "_police_dr109_92", Z = "_diplomatic_dr109_99", r = {
-  "gos-znak": "_gos-znak_dr109_2",
-  number: y,
-  "number-container": "_number-container_dr109_22",
-  region: N,
-  "region-container": "_region-container_dr109_38",
-  country: b,
-  l: h,
-  s: k,
-  normal: z,
-  traffic: v,
-  military: x,
-  police: G,
-  diplomatic: Z
-}, S = ({
-  number: i,
-  region: s,
-  country: a,
-  size: e = g.L,
-  type: _ = f.Normal,
+import { jsx as o, jsxs as f } from "react/jsx-runtime";
+import { c as i } from "../../index-DIxK0V-G.js";
+import { EGosZnakSize as k, EGosZnakType as T, COPY_TEXT_TITLE as z } from "./constants.js";
+import '../../assets/GosZnak.css';const E = "_number_1nnii_13", x = "_region_1nnii_32", G = "_country_1nnii_46", Z = "_l_1nnii_53", j = "_s_1nnii_62", w = "_normal_1nnii_71", L = "_traffic_1nnii_78", F = "_military_1nnii_85", I = "_police_1nnii_92", O = "_diplomatic_1nnii_99", P = "_simplified_1nnii_112", n = {
+  "gos-znak": "_gos-znak_1nnii_2",
+  number: E,
+  "number-container": "_number-container_1nnii_22",
+  region: x,
+  "region-container": "_region-container_1nnii_38",
+  country: G,
+  l: Z,
+  s: j,
+  normal: w,
+  traffic: L,
+  military: F,
+  police: I,
+  diplomatic: O,
+  simplified: P,
+  "copyable-number": "_copyable-number_1nnii_120"
+}, q = ({
+  number: e,
+  region: u,
+  country: g,
+  size: a = k.L,
+  type: s = T.Normal,
   className: t,
-  numberClassName: l,
-  regionClassName: m,
-  countryClassName: d,
-  numberContainerClassName: p,
-  regionContainerClassName: u
-}) => /* @__PURE__ */ c(
-  "div",
-  {
-    className: n(r["gos-znak"], r[e], r[_], t),
-    children: [
-      /* @__PURE__ */ o(
-        "div",
-        {
-          className: n(
-            r["number-container"],
-            p
-          ),
-          children: /* @__PURE__ */ o("span", { className: n(r.number, l), children: i })
-        }
+  numberClassName: y,
+  regionClassName: b,
+  countryClassName: h,
+  numberContainerClassName: _,
+  regionContainerClassName: N,
+  simplified: l = !1,
+  copyable: m = !1,
+  onCopy: d
+}) => {
+  const v = async (r) => {
+    try {
+      await navigator.clipboard.writeText(r), d && d(r);
+    } catch (c) {
+      console.error("Failed to copy text: ", c);
+    }
+  }, p = (r, c = !1) => /* @__PURE__ */ o(
+    "span",
+    {
+      className: i(
+        n.number,
+        c && n["copyable-number"],
+        l && n["simplified-number"],
+        y
+      ),
+      onClick: c ? () => v(r) : void 0,
+      title: c ? z : void 0,
+      children: r
+    }
+  );
+  return l ? /* @__PURE__ */ o(
+    "div",
+    {
+      className: i(
+        n["gos-znak"],
+        n[a],
+        n[s],
+        n.simplified,
+        t
       ),
-      /* @__PURE__ */ c(
+      children: /* @__PURE__ */ o(
         "div",
         {
-          className: n(
-            r["region-container"],
-            u
+          className: i(
+            n["number-container"],
+            _
           ),
-          children: [
-            /* @__PURE__ */ o("span", { className: n(r.region, m), children: s }),
-            /* @__PURE__ */ o("span", { className: n(r.country, d), children: a })
-          ]
+          children: p(e, m)
         }
       )
-    ]
-  }
-);
+    }
+  ) : /* @__PURE__ */ f(
+    "div",
+    {
+      className: i(n["gos-znak"], n[a], n[s], t),
+      children: [
+        /* @__PURE__ */ o(
+          "div",
+          {
+            className: i(
+              n["number-container"],
+              _
+            ),
+            children: p(e, m)
+          }
+        ),
+        /* @__PURE__ */ f(
+          "div",
+          {
+            className: i(
+              n["region-container"],
+              N
+            ),
+            children: [
+              /* @__PURE__ */ o("span", { className: i(n.region, b), children: u }),
+              /* @__PURE__ */ o("span", { className: i(n.country, h), children: g })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
 export {
-  S as GosZnak
+  q as GosZnak
 };

package/dist/components/GosZnak/constants.d.ts

@@ -9,3 +9,4 @@ export declare enum EGosZnakType {
     Police = "police",
     Diplomatic = "diplomatic"
 }
+export declare const COPY_TEXT_TITLE = "\u041D\u0430\u0436\u043C\u0438\u0442\u0435 \u0447\u0442\u043E\u0431\u044B \u0441\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C";

package/dist/components/GosZnak/constants.js

@@ -1,5 +1,7 @@
 var i = /* @__PURE__ */ ((r) => (r.S = "s", r.L = "l", r))(i || {}), l = /* @__PURE__ */ ((r) => (r.Normal = "normal", r.Traffic = "traffic", r.Military = "military", r.Police = "police", r.Diplomatic = "diplomatic", r))(l || {});
+const t = "Нажмите чтобы скопировать";
 export {
+  t as COPY_TEXT_TITLE,
   i as EGosZnakSize,
   l as EGosZnakType
 };

package/dist/components/GosZnak/types.d.ts

@@ -1,12 +1,12 @@
 import { EGosZnakSize, EGosZnakType } from './constants';
 
 export type TGosZnakProps = {
-    /** Номер государственного знака */
+    /** Номер государственного знака. Может быть полным номером (например "А123МО199") или номерной частью (например "А123МО") */
     number: string;
-    /** Код региона */
-    region: string;
-    /** Код страны */
-    country: string;
+    /** Код региона (необязателен для упрощенного варианта) */
+    region?: string;
+    /** Код страны (необязателен, убирается в упрощенном варианте) */
+    country?: string;
     /** Размер госзнака. Если не указан, по умолчанию используется большой размер */
     size?: EGosZnakSize | `${EGosZnakSize}`;
     /** Тип госзнака. Если не указан, по умолчанию используется обычный тип */
@@ -23,4 +23,10 @@ export type TGosZnakProps = {
     numberContainerClassName?: string;
     /** Дополнительный CSS класс для стилизации контейнера региона */
     regionContainerClassName?: string;
+    /** Упрощенный режим отображения (без региона и страны) */
+    simplified?: boolean;
+    /** Включить функцию копирования номера при клике */
+    copyable?: boolean;
+    /** Callback, который вызывается после успешного копирования */
+    onCopy?: (copiedText: string) => void;
 };

package/dist/icons/Icon.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { Suspense as s } from "react";
-import { i as e } from "../index-C2dQUuc9.js";
+import { i as e } from "../index-MeIz2XES.js";
 const p = ({ iconName: o, ...n }) => {
   const r = e[o];
   return r ? /* @__PURE__ */ t(s, { fallback: null, children: /* @__PURE__ */ t(r, { ...n, "data-testid": o }) }) : null;

package/dist/icons/components/16px/Mail16px.js

@@ -0,0 +1,31 @@
+import { jsxs as L, jsx as l } from "react/jsx-runtime";
+const p = (t) => /* @__PURE__ */ L(
+  "svg",
+  {
+    width: "16px",
+    height: "16px",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    children: [
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M2.5 11.5H13.5V4.5H2.5V11.5ZM15 12.5L14.9902 12.6006C14.9503 12.7961 14.7961 12.9503 14.6006 12.9902L14.5 13H1.5L1.39941 12.9902C1.20392 12.9503 1.04966 12.7961 1.00977 12.6006L1 12.5V3.5C1 3.22386 1.22386 3 1.5 3H14.5C14.7761 3 15 3.22386 15 3.5V12.5Z",
+          fill: "black"
+        }
+      ),
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M14.4805 4.57617L8 9.97656L1.51953 4.57617L2.48047 3.42383L8 8.02344L13.5195 3.42383L14.4805 4.57617Z",
+          fill: "black"
+        }
+      )
+    ]
+  }
+);
+export {
+  p as default
+};

package/dist/icons/components/24px/Mail24px.js

@@ -0,0 +1,31 @@
+import { jsxs as L, jsx as l } from "react/jsx-runtime";
+const p = (t) => /* @__PURE__ */ L(
+  "svg",
+  {
+    width: "24px",
+    height: "24px",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    children: [
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M3.5 17.5H20.5V6.5H3.5V17.5ZM22 18L21.9951 18.1025C21.9472 18.573 21.573 18.9472 21.1025 18.9951L21 19H3C2.48232 19 2.05621 18.6067 2.00488 18.1025L2 18V6C2 5.44772 2.44772 5 3 5H21L21.1025 5.00488C21.6067 5.05621 22 5.48232 22 6V18Z",
+          fill: "black"
+        }
+      ),
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M21.498 6.56055L12 15.0039L2.50195 6.56055L3.49805 5.43945L12 12.9961L20.502 5.43945L21.498 6.56055Z",
+          fill: "black"
+        }
+      )
+    ]
+  }
+);
+export {
+  p as default
+};

package/dist/icons/components/32px/Mail32px.js

@@ -0,0 +1,45 @@
+import { jsxs as t, jsx as l } from "react/jsx-runtime";
+const i = (L) => /* @__PURE__ */ t(
+  "svg",
+  {
+    width: "32px",
+    height: "32px",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...L,
+    children: [
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M29.1865 23.7734L27.8135 25.2266L18.8135 16.7266L20.1865 15.2734L29.1865 23.7734Z",
+          fill: "black"
+        }
+      ),
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M2.81348 23.7734L4.18652 25.2266L13.1865 16.7266L11.8135 15.2734L2.81348 23.7734Z",
+          fill: "black"
+        }
+      ),
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M4 24H28V8H4V24ZM30 24.667L29.9932 24.8027C29.9295 25.4305 29.4305 25.9295 28.8027 25.9932L28.667 26H3.33301C2.64271 25.9998 2.07499 25.4751 2.00684 24.8027L2 24.667V7.33301C2.00018 6.59689 2.59689 6.00018 3.33301 6H28.667L28.8027 6.00684C29.4751 6.07499 29.9998 6.64271 30 7.33301V24.667Z",
+          fill: "black"
+        }
+      ),
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M29.1768 8.23633L16 20.3584L2.82324 8.23633L4.17676 6.76367L16 17.6406L27.8232 6.76367L29.1768 8.23633Z",
+          fill: "black"
+        }
+      )
+    ]
+  }
+);
+export {
+  i as default
+};