urfu-ui-kit-react 2.1.7-next.4 → 2.1.7-next.5

package/dist/components/Accordion/Accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAGvD,eAAO,MAAM,SAAS,GAAI,kDAMvB,mBAAmB,4CAoBrB,CAAA"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAIvD,eAAO,MAAM,SAAS,GAAI,kDAMvB,mBAAmB,4CAoBrB,CAAA"}

package/dist/components/Accordion/Accordion.js

@@ -1,19 +1,20 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
 /* empty css                 */
-import { useAutoId$u as r } from "../../hooks/useAutoId.js";
-const p = ({
-  title: i = "",
-  id: a = "",
-  children: d = /* @__PURE__ */ o("div", {}),
-  className: t = "",
-  defaultOpen: e = !1
+import { useAutoId$u as m } from "../../hooks/useAutoId.js";
+import { kitCls$u as c, getUiKitPrefix$u as t } from "../../shared/uiKitDefaults.js";
+const x = ({
+  title: e = "",
+  id: r = "",
+  children: a = /* @__PURE__ */ o("div", {}),
+  className: d = "",
+  defaultOpen: n = !1
 }) => {
-  const c = `u-accordion${r(a, "auto")}`;
-  return /* @__PURE__ */ n("div", { className: `u-accordion ${t}`, children: [
-    /* @__PURE__ */ o("div", { className: "u-accordion-title", children: i }),
-    /* @__PURE__ */ o("input", { className: "u-accordion-input", type: "checkbox", id: c, defaultChecked: e }),
-    /* @__PURE__ */ o("label", { className: "u-accordion-toggle", htmlFor: c }),
-    /* @__PURE__ */ o("div", { className: "u-accordion-content", children: d })
+  const s = m(r, "auto"), i = `${t()}-accordion${s}`;
+  return /* @__PURE__ */ l("div", { className: `${t()}-accordion ${d}`, children: [
+    /* @__PURE__ */ o("div", { className: c("accordion-title"), children: e }),
+    /* @__PURE__ */ o("input", { className: c("accordion-input"), type: "checkbox", id: i, defaultChecked: n }),
+    /* @__PURE__ */ o("label", { className: c("accordion-toggle"), htmlFor: i }),
+    /* @__PURE__ */ o("div", { className: c("accordion-content"), children: a })
   ] });
 };
-export { p as Accordion$u };
+export { x as Accordion$u };

package/dist/components/BreadCrumbs/BreadCrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadCrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/BreadCrumbs/BreadCrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,0DAA0D,CAAC;AAIlE,OAAO,KAAK,EAAkB,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAIjF,eAAO,MAAM,WAAW,GAAI,mCAIzB,qBAAqB,4CAuCvB,CAAC"}
+{"version":3,"file":"BreadCrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/BreadCrumbs/BreadCrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,0DAA0D,CAAC;AAIlE,OAAO,KAAK,EAAkB,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAKjF,eAAO,MAAM,WAAW,GAAI,mCAIzB,qBAAqB,4CAuCvB,CAAC"}

package/dist/components/BreadCrumbs/BreadCrumbs.js

@@ -1,33 +1,34 @@
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { jsx as a, jsxs as m } from "react/jsx-runtime";
 /* empty css                 */
 /* empty css                                         */
-import { Icon$u as p } from "../Icon/Icon.js";
-import { isPlainLeftClick$u as h } from "../../vanilla/core/linkClick.js";
-const d = (e) => !!e.to, $ = ({
-  items: e = [],
-  className: u = "",
-  onNavigate: c
+import { Icon$u as h } from "../Icon/Icon.js";
+import { kitCls$u as b, getUiKitPrefix$u as u } from "../../shared/uiKitDefaults.js";
+import { isPlainLeftClick$u as d } from "../../vanilla/core/linkClick.js";
+const N = (s) => !!s.to, x = ({
+  items: s = [],
+  className: p = "",
+  onNavigate: o
 }) => {
-  const l = e.filter((a) => a == null ? void 0 : a.label);
-  return l.length ? /* @__PURE__ */ r("nav", { className: `u-breadcrumbs ${u}`.trim(), "aria-label": "Навигационная цепочка", children: l.map((a, s) => {
-    const n = d(a) && !!a.to, t = n ? "th clr-blue-main" : "tt clr-gray-60", o = `u-breadcrumbs__item ${n ? `ucp ${t}` : t}`.trim(), b = s < l.length - 1;
-    return /* @__PURE__ */ m("div", { className: "u-breadcrumbs__entry", children: [
-      n && a.to ? /* @__PURE__ */ m(
+  const l = s.filter((r) => r == null ? void 0 : r.label);
+  return l.length ? /* @__PURE__ */ a("nav", { className: `${u()}-breadcrumbs ${p}`.trim(), "aria-label": "Навигационная цепочка", children: l.map((r, e) => {
+    const t = N(r) && !!r.to, n = t ? "th clr-blue-main" : "tt clr-gray-60", c = `${u()}-breadcrumbs__item ${t ? `ucp ${n}` : n}`.trim(), f = e < l.length - 1;
+    return /* @__PURE__ */ m("div", { className: b("breadcrumbs__entry"), children: [
+      t && r.to ? /* @__PURE__ */ m(
         "a",
         {
-          className: o,
-          href: a.to,
-          onClick: c ? (i) => {
-            h(i) && (i.preventDefault(), a.to && c(a.to));
+          className: c,
+          href: r.to,
+          onClick: o ? (i) => {
+            d(i) && (i.preventDefault(), r.to && o(r.to));
           } : void 0,
           children: [
-            s === 0 ? /* @__PURE__ */ r(p, { name: "left-arrow", className: "clr-blue-main", size: "16px" }) : null,
-            /* @__PURE__ */ r("span", { className: "u-breadcrumbs__label", children: a.label })
+            e === 0 ? /* @__PURE__ */ a(h, { name: "left-arrow", className: "clr-blue-main", size: "16px" }) : null,
+            /* @__PURE__ */ a("span", { className: b("breadcrumbs__label"), children: r.label })
           ]
         }
-      ) : /* @__PURE__ */ r("span", { className: o, "aria-current": s === l.length - 1 ? "page" : void 0, children: a.label }),
-      b ? /* @__PURE__ */ r("span", { className: t, children: "/" }) : null
-    ] }, `${s}-${String(a.label)}`);
+      ) : /* @__PURE__ */ a("span", { className: c, "aria-current": e === l.length - 1 ? "page" : void 0, children: r.label }),
+      f ? /* @__PURE__ */ a("span", { className: n, children: "/" }) : null
+    ] }, `${e}-${String(r.label)}`);
   }) }) : null;
 };
-export { $ as BreadCrumbs$u };
+export { x as BreadCrumbs$u };

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,qDAAqD,CAAC;AAC7D,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,GAAI,0OAkBpB,gBAAgB,4CAoFlB,CAAA"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,qDAAqD,CAAC;AAC7D,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAIlD,eAAO,MAAM,MAAM,GAAI,0OAkBpB,gBAAgB,4CAoFlB,CAAA"}

package/dist/components/Button/Button.js

@@ -1,88 +1,89 @@
-import { jsxs as m, Fragment as P, jsx as o } from "react/jsx-runtime";
+import { jsxs as h, Fragment as M, jsx as i } from "react/jsx-runtime";
 /* empty css                 */
 /* empty css                                    */
 /* empty css        */
 import { ButtonRefreshIcon$u as R } from "./ButtonRefreshIcon.js";
-const D = ({
-  onClick: x,
-  variant: e = "primary",
-  size: p = "medium",
-  type: h = "button",
-  icon: a = "",
-  iconLeft: f = !1,
+import { getUiKitPrefix$u as n, kitCls$u as s, kitClasses$u as e } from "../../shared/uiKitDefaults.js";
+const G = ({
+  onClick: $,
+  variant: r = "primary",
+  size: f = "medium",
+  type: g = "button",
+  icon: c = "",
+  iconLeft: y = !1,
   iconOnly: u = !1,
-  iconSize: s,
-  disabled: g = !1,
-  loading: n,
-  children: i,
-  className: $ = "",
-  "aria-label": y,
-  "aria-describedby": w,
-  "aria-expanded": S,
-  "aria-busy": c,
-  title: N
+  iconSize: l,
+  disabled: w = !1,
+  loading: o,
+  children: b,
+  className: S = "",
+  "aria-label": N,
+  "aria-describedby": j,
+  "aria-expanded": k,
+  "aria-busy": d,
+  title: C
 }) => {
-  const j = (t) => {
+  const P = (t) => {
     switch (t) {
       case "primary":
-        return "u-button";
+        return s("button");
       case "danger":
-        return "u-button u-button-danger";
+        return e("button", "button-danger");
       case "outline":
-        return "u-button u-button-outline";
+        return e("button", "button-outline");
       case "refresh":
-        return "u-button u-button-outline u-button-refresh";
+        return e("button", "button-outline", "button-refresh");
       case "danger-outline":
-        return "u-button u-button-danger-outline";
+        return e("button", "button-danger-outline");
       case "simple":
-        return "u-button u-button-simple";
+        return e("button", "button-simple");
       case "icon":
-        return "u-button u-button-icon";
+        return e("button", "button-icon");
       case "text":
-        return "u-button-text";
+        return s("button-text");
       case "text-danger":
-        return "u-button-text u-button-text-danger";
+        return e("button-text", "button-text-danger");
       case "text-table":
-        return "u-button-text u-button-text-table";
+        return e("button-text", "button-text-table");
       case "text-danger-table":
-        return "u-button-text u-button-text-danger-table";
+        return e("button-text", "button-text-danger-table");
     }
   }, z = (t) => {
     switch (t) {
       case "medium":
         return "";
       case "small":
-        return " u-button-small";
+        return ` ${n()}-button-small`;
       default:
         return "";
     }
-  }, B = (t, r) => t && ["text", "text-danger"].includes(r) ? " u-button-text-icon-left" : t ? " u-button-icon-left" : "", F = ["primary", "danger", "outline", "danger-outline", "simple", "refresh"], I = (t) => t ? " icon-only" : "", M = (t) => {
+  }, B = (t, a) => t && ["text", "text-danger"].includes(a) ? ` ${n()}-button-text-icon-left` : t ? ` ${n()}-button-icon-left` : "", F = ["primary", "danger", "outline", "danger-outline", "simple", "refresh"], I = (t) => t ? " icon-only" : "", K = (t) => {
     if (typeof t == "number")
       return `calc(${t} * var(--u-unit, 1px))`;
-    const r = String(t).trim(), d = r.match(/^(-?\d+(?:\.\d+)?)px$/);
-    return d ? `calc(${d[1]} * var(--u-unit, 1px))` : r;
-  }, l = e === "refresh" || n !== void 0, b = /* @__PURE__ */ m(P, { children: [
-    !u && e !== "icon" && (i === void 0 ? e === "refresh" ? "Обновить" : "ОК" : i),
+    const a = String(t).trim(), p = a.match(/^(-?\d+(?:\.\d+)?)px$/);
+    return p ? `calc(${p[1]} * var(--u-unit, 1px))` : a;
+  }, m = r === "refresh" || o !== void 0, x = /* @__PURE__ */ h(M, { children: [
+    !u && r !== "icon" && (b === void 0 ? r === "refresh" ? "Обновить" : "ОК" : b),
     " ",
-    a && /* @__PURE__ */ o("i", { style: s && { fontSize: M(s) }, className: `u-icon${I(u)} icon-${a}` })
+    c && /* @__PURE__ */ i("i", { style: l && { fontSize: K(l) }, className: `${n()}-icon${I(u)} icon-${c}` })
   ] });
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ h(
     "button",
     {
-      className: `${j(e)}${z(p)}${B(f, e)}${u && ["text", "text-danger"].includes(e) ? " u-button-text-icon-only" : ""}${u && F.includes(e) ? " u-button-icon-only" : ""}${l ? " u-button-with-loading" : ""}${n ? " u-button-loading" : ""} ${$}`,
-      type: h,
-      onClick: x,
-      disabled: g || n,
-      "aria-label": y,
-      "aria-describedby": w,
-      "aria-expanded": S,
-      "aria-busy": n === void 0 ? c : n || c,
-      title: N,
+      className: `${P(r)}${z(f)}${B(y, r)}${u && ["text", "text-danger"].includes(r) ? ` ${n()}-button-text-icon-only` : ""}${u && F.includes(r) ? ` ${n()}-button-icon-only` : ""}${m ? ` ${n()}-button-with-loading` : ""}${o ? ` ${n()}-button-loading` : ""} ${S}`,
+      type: g,
+      onClick: $,
+      disabled: w || o,
+      "aria-label": N,
+      "aria-describedby": j,
+      "aria-expanded": k,
+      "aria-busy": o === void 0 ? d : o || d,
+      title: C,
       children: [
-        l ? /* @__PURE__ */ o("span", { className: "u-button-loading-content", children: b }) : b,
-        n ? /* @__PURE__ */ o("span", { className: "u-button-loading-indicator", "aria-hidden": "true", children: /* @__PURE__ */ o(R, { spinning: !0 }) }) : null
+        m ? /* @__PURE__ */ i("span", { className: s("button-loading-content"), children: x }) : x,
+        o ? /* @__PURE__ */ i("span", { className: s("button-loading-indicator"), "aria-hidden": "true", children: /* @__PURE__ */ i(R, { spinning: !0 }) }) : null
       ]
     }
   );
 };
-export { D as Button$u };
+export { G as Button$u };

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonRefreshIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Button/ButtonRefreshIcon.tsx"],"names":[],"mappings":"AAEA,UAAU,sBAAsB;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iFAAiF;AACjF,wBAAgB,iBAAiB,CAAC,EAAE,IAAS,EAAE,QAAgB,EAAE,SAAc,EAAE,EAAE,sBAAsB,2CASxG"}
+{"version":3,"file":"ButtonRefreshIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Button/ButtonRefreshIcon.tsx"],"names":[],"mappings":"AAGA,UAAU,sBAAsB;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iFAAiF;AACjF,wBAAgB,iBAAiB,CAAC,EAAE,IAAS,EAAE,QAAgB,EAAE,SAAc,EAAE,EAAE,sBAAsB,2CASxG"}

package/dist/components/Button/ButtonRefreshIcon.js

@@ -1,16 +1,17 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-function i({ size: r = 16, spinning: n = !1, className: o = "" }) {
-  return /* @__PURE__ */ t(
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { getUiKitPrefix$u as e } from "../../shared/uiKitDefaults.js";
+function c({ size: o = 16, spinning: t = !1, className: n = "" }) {
+  return /* @__PURE__ */ i(
     "svg",
     {
       viewBox: "0 0 22 22",
       fill: "none",
       "aria-hidden": "true",
       focusable: "false",
-      className: `u-button-refresh-icon${n ? " u-button-refresh-icon--spinning" : ""} ${o}`.trim(),
-      style: { "--u-button-refresh-icon-size": `calc(${r} * var(--u-unit, 1px))` },
+      className: `${e()}-button-refresh-icon${t ? ` ${e()}-button-refresh-icon--spinning` : ""} ${n}`.trim(),
+      style: { [`--${e()}-button-refresh-icon-size`]: `calc(${o} * var(--u-unit, 1px))` },
       children: [
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ r(
           "path",
           {
             d: "M1 11c0 5.523 4.477 10 10 10s10-4.477 10-10a9.956 9.956 0 0 0-2-6 10.058 10.058 0 0 0-1.999-2A9.97 9.97 0 0 0 11 1c-2.252 0-4.33.744-6.001 2",
@@ -19,7 +20,7 @@ function i({ size: r = 16, spinning: n = !1, className: o = "" }) {
             strokeLinecap: "round"
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ r(
           "path",
           {
             fillRule: "evenodd",
@@ -32,4 +33,4 @@ function i({ size: r = 16, spinning: n = !1, className: o = "" }) {
     }
   );
 }
-export { i as ButtonRefreshIcon$u };
+export { c as ButtonRefreshIcon$u };