mimir-ui-kit 1.38.11 → 1.38.13

package/dist/assets/Pagination.css

@@ -1 +1 @@
-._container_15wir_3{--pagination-active: #e5e5e5;display:flex;gap:var(--mimir-space-2xl);justify-content:center;margin:0 auto}._container_15wir_3:not(:last-child){margin-bottom:0 auto var(--mimir-space-xl)}@media (max-width: 767.9px){._container_15wir_3{gap:var(--mimir-space-xs)}}._container_15wir_3 ._pagination-button_15wir_18{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--black-100);font-size:var(--mimir-size-text-l);font-family:var(--mimir-font-inter);border-radius:var(--mimir-control-radius);font-feature-settings:"zero"}._container_15wir_3 ._pagination-button_15wir_18:active{background-color:var(--pagination-active)}._container_15wir_3 ._pagination-button_15wir_18:focus-visible,._container_15wir_3 ._pagination-button_15wir_18:hover{color:var(--sapphire-normal);-webkit-text-decoration:none;text-decoration:none}._container_15wir_3 ._pagination-button_15wir_18._is-active_15wir_37{background-color:var(--pagination-active)}._container_15wir_3 ._ellipsis_15wir_40{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}
+._container_grwbf_3{--pagination-active: #e5e5e5;display:flex;gap:var(--mimir-space-2xl);justify-content:center;margin:0 auto}._container_grwbf_3:not(:last-child){margin-bottom:0 auto var(--mimir-space-xl)}@media (max-width: 767.9px){._container_grwbf_3{gap:var(--mimir-space-xs)}}._container_grwbf_3 ._pagination-button_grwbf_18{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--black-100);font-weight:var(--mimir-font-weight-text-medium);font-size:var(--mimir-size-text-l);font-family:var(--mimir-font-inter);background-color:transparent;border-radius:var(--mimir-control-radius);font-feature-settings:"zero"}._container_grwbf_3 ._pagination-button_grwbf_18:active{background-color:var(--pagination-active)}._container_grwbf_3 ._pagination-button_grwbf_18:focus-visible,._container_grwbf_3 ._pagination-button_grwbf_18:hover{color:var(--sapphire-normal);-webkit-text-decoration:none;text-decoration:none}._container_grwbf_3 ._pagination-button_grwbf_18._is-active_grwbf_39{background-color:var(--pagination-active)}._container_grwbf_3 ._ellipsis_grwbf_42{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}

package/dist/components/Pagination/Pagination.js

@@ -1,16 +1,16 @@
 import { jsxs as P, jsx as i } from "react/jsx-runtime";
-import { c as k } from "../../index-DIxK0V-G.js";
+import { c as C } from "../../index-DIxK0V-G.js";
 import { forwardRef as N, useState as w, useEffect as v } from "react";
 import { FIRST_PAGE_NUMBER as u, DEFAULT_PER_PAGE as A } from "./constants.js";
 import { useWindowSize as E } from "../../hooks/useWindowSize/index.js";
-import { MergedButton as _ } from "../MergedButton/MergedButton.js";
-import '../../assets/Pagination.css';const x = "_container_15wir_3", j = "_ellipsis_15wir_40", C = {
+import { MergedButton as h } from "../MergedButton/MergedButton.js";
+import '../../assets/Pagination.css';const x = "_container_grwbf_3", j = "_ellipsis_grwbf_42", g = {
   container: x,
-  "pagination-button": "_pagination-button_15wir_18",
-  "is-active": "_is-active_15wir_37",
+  "pagination-button": "_pagination-button_grwbf_18",
+  "is-active": "_is-active_grwbf_39",
   ellipsis: j
 }, B = ({ currentPageNumber: t, onClick: n, setCurrentPage: o }) => /* @__PURE__ */ i(
-  _,
+  h,
   {
     buttons: [
       {
@@ -30,50 +30,50 @@ import '../../assets/Pagination.css';const x = "_container_15wir_3", j = "_ellip
   onClick: o,
   setCurrentPage: s
 }) => {
-  const r = t >= n;
+  const a = t >= n;
   return /* @__PURE__ */ i(
-    _,
+    h,
     {
       buttons: [
         {
           isIconButton: !0,
           variant: "white",
           onClick: () => {
-            r || (s(t + 1), o(t + 1));
+            a || (s(t + 1), o(t + 1));
           },
-          disabled: r,
+          disabled: a,
           iconName: "ArrowRight16px"
         }
       ]
     }
   );
-}, g = () => /* @__PURE__ */ i(
-  _,
+}, _ = () => /* @__PURE__ */ i(
+  h,
   {
     buttons: [
       {
         children: "...",
-        variant: "gray",
-        className: C.ellipsis
+        variant: "transparent",
+        className: C(g["pagination-button"], g.ellipsis)
       }
     ]
   }
-), h = ({
+), b = ({
   currentPageNumber: t,
   newPageNumber: n,
   onClick: o,
   setCurrentPage: s
 }) => {
-  const r = t === n, a = () => {
+  const a = t === n, r = () => {
     s(n), o(n);
   }, e = n < 10 ? `0${n}` : n;
   return /* @__PURE__ */ i(
     "button",
     {
       type: "button",
-      onClick: a,
-      className: k(C["pagination-button"], {
-        [C["is-active"]]: r
+      onClick: r,
+      className: C(g["pagination-button"], {
+        [g["is-active"]]: a
       }),
       children: e
     }
@@ -83,43 +83,43 @@ import '../../assets/Pagination.css';const x = "_container_15wir_3", j = "_ellip
   end: n,
   currentPageNumber: o,
   onClick: s,
-  setCurrentPage: r
+  setCurrentPage: a
 }) => {
-  const a = [];
+  const r = [];
   for (let e = t; e <= n; e++)
-    a.push(
+    r.push(
       /* @__PURE__ */ i(
-        h,
+        b,
         {
           currentPageNumber: o,
-          setCurrentPage: r,
+          setCurrentPage: a,
           newPageNumber: e,
           onClick: s
         },
         e
       )
     );
-  return a;
-}, T = N(
+  return r;
+}, U = N(
   (t, n) => {
     const {
       rootClassName: o,
       total: s,
-      perPage: r = A,
-      currentPageNumber: a = u,
+      perPage: a = A,
+      currentPageNumber: r = u,
       onChange: e
-    } = t, [c, m] = w(a), l = Math.ceil(s / r), { width: b } = E(), d = b <= 650 ? 2 : 4;
-    let p = 0, f = 0;
+    } = t, [c, m] = w(r), l = Math.ceil(s / a), { width: k } = E(), f = k <= 650 ? 2 : 4;
+    let d = 0, p = 0;
     return v(() => {
-      m(a);
-    }, [a]), c <= d ? (p = u, f = Math.min(
-      u + d,
+      m(r);
+    }, [r]), c <= f ? (d = u, p = Math.min(
+      u + f,
       l
-    )) : c > l - d ? (p = l - d, f = l) : (p = c - d / 2, f = c + d / 2), s <= r ? null : /* @__PURE__ */ P(
+    )) : c > l - f ? (d = l - f, p = l) : (d = c - f / 2, p = c + f / 2), s <= a ? null : /* @__PURE__ */ P(
       "nav",
       {
         "aria-label": "Постраничная навигация",
-        className: k(C.container, o),
+        className: C(g.container, o),
         ref: n,
         children: [
           /* @__PURE__ */ i(
@@ -130,8 +130,8 @@ import '../../assets/Pagination.css';const x = "_container_15wir_3", j = "_ellip
               setCurrentPage: m
             }
           ),
-          p > u && /* @__PURE__ */ i(
-            h,
+          d > u && /* @__PURE__ */ i(
+            b,
             {
               newPageNumber: u,
               currentPageNumber: c,
@@ -139,17 +139,17 @@ import '../../assets/Pagination.css';const x = "_container_15wir_3", j = "_ellip
               setCurrentPage: m
             }
           ),
-          p > u + 1 && /* @__PURE__ */ i(g, {}),
+          d > u + 1 && /* @__PURE__ */ i(_, {}),
           R({
-            start: p,
-            end: f,
+            start: d,
+            end: p,
             currentPageNumber: c,
             setCurrentPage: m,
             onClick: e
           }),
-          f < l - 1 && /* @__PURE__ */ i(g, {}),
-          f < l && /* @__PURE__ */ i(
-            h,
+          p < l - 1 && /* @__PURE__ */ i(_, {}),
+          p < l && /* @__PURE__ */ i(
+            b,
             {
               newPageNumber: l,
               currentPageNumber: c,
@@ -172,5 +172,5 @@ import '../../assets/Pagination.css';const x = "_container_15wir_3", j = "_ellip
   }
 );
 export {
-  T as Pagination
+  U as Pagination
 };

package/package.json

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