mimir-ui-kit 1.60.0 → 1.60.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- ._pagination-button_1182x_2{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;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);-webkit-font-feature-settings:"zero";font-feature-settings:"zero"}._pagination-button_1182x_2:active{background-color:var(--pagination-active)}._pagination-button_1182x_2:focus-visible,._pagination-button_1182x_2:hover{color:var(--sapphire-normal);-webkit-text-decoration:none;text-decoration:none}._pagination-button_1182x_2._is-active_1182x_22{background-color:var(--pagination-active)}._pagination-button--date_1182x_25{width:auto;padding:var(--mimir-space-xs) var(--mimir-space-s)}._pagination-button_1182x_2 ._date-content_1182x_29{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--mimir-space-2xs);-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:var(--mimir-font-weight-text-regular)}._pagination-button_1182x_2 ._date-text_1182x_35{font-size:var(--mimir-size-text-l);line-height:var(--mimir-line-height-text-s1)}
1
+ ._pagination-button_1l24n_2{--pagination-active: #e5e5e5;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;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);-webkit-font-feature-settings:"zero";font-feature-settings:"zero"}._pagination-button_1l24n_2:active{background-color:var(--pagination-active)}._pagination-button_1l24n_2:focus-visible,._pagination-button_1l24n_2:hover{color:var(--sapphire-normal);-webkit-text-decoration:none;text-decoration:none}._pagination-button_1l24n_2._is-active_1l24n_23{background-color:var(--pagination-active)}._pagination-button--date_1l24n_26{width:auto;padding:var(--mimir-space-xs) var(--mimir-space-s)}._pagination-button_1l24n_2 ._date-content_1l24n_30{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--mimir-space-2xs);-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:var(--mimir-font-weight-text-regular)}._pagination-button_1l24n_2 ._date-text_1l24n_36{font-size:var(--mimir-size-text-l);line-height:var(--mimir-line-height-text-s1)}
@@ -19,4 +19,4 @@ export type TProps = ComponentProps<'button'> & {
19
19
  */
20
20
  counterProps: TCounterProps;
21
21
  };
22
- export declare const PaginationDateButton: ({ disabled, isActive, testId, onClick, counterProps, date, ...otherProps }: TProps) => import("react/jsx-runtime").JSX.Element;
22
+ export declare const PaginationDateButton: ({ disabled, isActive, testId, onClick, counterProps, date, className, ...otherProps }: TProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,49 +1,52 @@
1
- import { jsx as n, jsxs as c } from "react/jsx-runtime";
2
- import { c as s } from "../../../index-DIxK0V-G.js";
3
- import { Counter as x } from "../Counter/Counter.js";
4
- import '../../../assets/PaginationDateButton.css';const a = {
5
- "pagination-button": "_pagination-button_1182x_2",
6
- "is-active": "_is-active_1182x_22",
7
- "pagination-button--date": "_pagination-button--date_1182x_25",
8
- "date-content": "_date-content_1182x_29",
9
- "date-text": "_date-text_1182x_35"
10
- }, g = ({
1
+ import { jsx as n, jsxs as s } from "react/jsx-runtime";
2
+ import { c as b } from "../../../index-DIxK0V-G.js";
3
+ import { Counter as c } from "../Counter/Counter.js";
4
+ import '../../../assets/PaginationDateButton.css';const t = {
5
+ "pagination-button": "_pagination-button_1l24n_2",
6
+ "is-active": "_is-active_1l24n_23",
7
+ "pagination-button--date": "_pagination-button--date_1l24n_26",
8
+ "date-content": "_date-content_1l24n_30",
9
+ "date-text": "_date-text_1l24n_36"
10
+ }, N = ({
11
11
  disabled: i,
12
12
  isActive: e,
13
- testId: o,
13
+ testId: l,
14
14
  onClick: d,
15
- counterProps: t,
16
- date: l,
17
- ..._
15
+ counterProps: a,
16
+ date: _,
17
+ className: o,
18
+ ...m
18
19
  }) => /* @__PURE__ */ n(
19
20
  "button",
20
21
  {
21
- ..._,
22
- "data-testid": o,
22
+ ...m,
23
+ "data-testid": l,
23
24
  type: "button",
24
25
  onClick: d,
25
26
  disabled: i,
26
- className: s(
27
- a["pagination-button"],
28
- a["pagination-button--date"],
27
+ className: b(
28
+ t["pagination-button"],
29
+ t["pagination-button--date"],
29
30
  {
30
- [a["is-active"]]: e
31
- }
31
+ [t["is-active"]]: e
32
+ },
33
+ o
32
34
  ),
33
- children: /* @__PURE__ */ c("div", { className: a["date-content"], children: [
34
- /* @__PURE__ */ n("span", { className: a["date-text"], children: l }),
35
- t.value !== void 0 && /* @__PURE__ */ n(
36
- x,
35
+ children: /* @__PURE__ */ s("div", { className: t["date-content"], children: [
36
+ /* @__PURE__ */ n("span", { className: t["date-text"], children: _ }),
37
+ a.value !== void 0 && /* @__PURE__ */ n(
38
+ c,
37
39
  {
38
- value: t == null ? void 0 : t.value,
39
- variant: t.variant,
40
- color: t.color,
41
- backgroundColor: t.backgroundColor
40
+ value: a == null ? void 0 : a.value,
41
+ variant: a.variant,
42
+ color: a.color,
43
+ backgroundColor: a.backgroundColor,
44
+ className: a == null ? void 0 : a.className
42
45
  }
43
46
  )
44
47
  ] })
45
48
  }
46
49
  );
47
50
  export {
48
- g as PaginationDateButton
51
+ N as PaginationDateButton
49
52
  };
@@ -1,6 +1,6 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
2
  import { Suspense as s } from "react";
3
- import { i as e } from "../index-MeIz2XES.js";
3
+ import { i as e } from "../index-DClkrDWX.js";
4
4
  const p = ({ iconName: o, ...n }) => {
5
5
  const r = e[o];
6
6
  return r ? /* @__PURE__ */ t(s, { fallback: null, children: /* @__PURE__ */ t(r, { ...n, "data-testid": o }) }) : null;
@@ -0,0 +1,66 @@
1
+ import { jsxs as l, jsx as t } from "react/jsx-runtime";
2
+ const i = (r) => /* @__PURE__ */ l(
3
+ "svg",
4
+ {
5
+ width: "16",
6
+ height: "16",
7
+ viewBox: "0 0 16 16",
8
+ fill: "none",
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...r,
11
+ children: [
12
+ /* @__PURE__ */ t(
13
+ "path",
14
+ {
15
+ d: "M1 5C1 5 4.13401 10 8 10C11.866 10 15 5 15 5H13.1591C12.8422 5.41043 12.4117 5.92362 11.8962 6.4323C10.6972 7.61546 9.31635 8.5 8 8.5C6.68365 8.5 5.30284 7.61546 4.10383 6.4323C3.58833 5.92362 3.15783 5.41043 2.84086 5H1Z",
16
+ fill: "black"
17
+ }
18
+ ),
19
+ /* @__PURE__ */ t(
20
+ "rect",
21
+ {
22
+ x: "11.3999",
23
+ y: "7.97052",
24
+ width: "1.5",
25
+ height: "3",
26
+ transform: "rotate(-45 11.3999 7.97052)",
27
+ fill: "black"
28
+ }
29
+ ),
30
+ /* @__PURE__ */ t(
31
+ "rect",
32
+ {
33
+ width: "1.5",
34
+ height: "3",
35
+ transform: "matrix(-0.707107 -0.707107 -0.707107 0.707107 4.58179 7.9707)",
36
+ fill: "black"
37
+ }
38
+ ),
39
+ /* @__PURE__ */ t(
40
+ "rect",
41
+ {
42
+ x: "8.89966",
43
+ y: "9.24524",
44
+ width: "1.5",
45
+ height: "3",
46
+ transform: "rotate(-15 8.89966 9.24524)",
47
+ fill: "black"
48
+ }
49
+ ),
50
+ /* @__PURE__ */ t(
51
+ "rect",
52
+ {
53
+ x: "5.67627",
54
+ y: "8.85699",
55
+ width: "1.5",
56
+ height: "3",
57
+ transform: "rotate(15 5.67627 8.85699)",
58
+ fill: "black"
59
+ }
60
+ )
61
+ ]
62
+ }
63
+ );
64
+ export {
65
+ i as default
66
+ };
@@ -0,0 +1,34 @@
1
+ import { jsxs as V, jsx as l } from "react/jsx-runtime";
2
+ const a = (H) => /* @__PURE__ */ V(
3
+ "svg",
4
+ {
5
+ width: "16",
6
+ height: "16",
7
+ viewBox: "0 0 16 16",
8
+ fill: "none",
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...H,
11
+ children: [
12
+ /* @__PURE__ */ l(
13
+ "path",
14
+ {
15
+ d: "M1 12.25V8.25C1 7.2835 1.7835 6.5 2.75 6.5H3V8H2.75C2.61193 8 2.5 8.11193 2.5 8.25V12.25C2.5 12.3881 2.61193 12.5 2.75 12.5H13.25C13.3881 12.5 13.5 12.3881 13.5 12.25V8.25C13.5 8.11193 13.3881 8 13.25 8H13V6.5H13.25C14.2165 6.5 15 7.2835 15 8.25V12.25C15 13.2165 14.2165 14 13.25 14H2.75C1.7835 14 1 13.2165 1 12.25Z",
16
+ fill: "black"
17
+ }
18
+ ),
19
+ /* @__PURE__ */ l(
20
+ "path",
21
+ {
22
+ d: "M5.5 9.5H10.5V2.5H5.5V9.5ZM12 10.5L11.9902 10.6006C11.9437 10.8286 11.7417 11 11.5 11H4.5L4.39941 10.9902C4.20392 10.9503 4.04966 10.7961 4.00977 10.6006L4 10.5V1.5C4 1.25829 4.17145 1.05629 4.39941 1.00977L4.5 1H11.5C11.7761 1 12 1.22386 12 1.5V10.5Z",
23
+ fill: "black"
24
+ }
25
+ ),
26
+ /* @__PURE__ */ l("path", { d: "M9.5 3.5V4.5H6.5V3.5H9.5Z", fill: "black" }),
27
+ /* @__PURE__ */ l("path", { d: "M9.5 7.5V8.5H6.5V7.5H9.5Z", fill: "black" }),
28
+ /* @__PURE__ */ l("path", { d: "M9 5.5V6.5H7V5.5H9Z", fill: "black" })
29
+ ]
30
+ }
31
+ );
32
+ export {
33
+ a as default
34
+ };
@@ -0,0 +1,66 @@
1
+ import { jsxs as l, jsx as t } from "react/jsx-runtime";
2
+ const i = (r) => /* @__PURE__ */ l(
3
+ "svg",
4
+ {
5
+ width: "24",
6
+ height: "24",
7
+ viewBox: "0 0 24 24",
8
+ fill: "none",
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...r,
11
+ children: [
12
+ /* @__PURE__ */ t(
13
+ "path",
14
+ {
15
+ d: "M2 9C2 9 6.47715 16 12 16C17.5228 16 22 9 22 9H20.1619C20.1189 9.05699 20.0737 9.11633 20.0263 9.1778C19.5516 9.79337 18.8675 10.6102 18.0283 11.4217C16.2904 13.1024 14.1563 14.5 12 14.5C9.84366 14.5 7.70962 13.1024 5.97167 11.4217C5.13246 10.6102 4.44838 9.79337 3.97372 9.1778C3.92632 9.11633 3.88111 9.05699 3.83813 9H2Z",
16
+ fill: "black"
17
+ }
18
+ ),
19
+ /* @__PURE__ */ t(
20
+ "rect",
21
+ {
22
+ x: "16.8962",
23
+ y: "13.0569",
24
+ width: "1.49471",
25
+ height: "4.30879",
26
+ transform: "rotate(-45 16.8962 13.0569)",
27
+ fill: "black"
28
+ }
29
+ ),
30
+ /* @__PURE__ */ t(
31
+ "rect",
32
+ {
33
+ width: "1.49471",
34
+ height: "4.30879",
35
+ transform: "matrix(-0.707107 -0.707107 -0.707107 0.707107 7.10352 13.0572)",
36
+ fill: "black"
37
+ }
38
+ ),
39
+ /* @__PURE__ */ t(
40
+ "rect",
41
+ {
42
+ x: "13.6235",
43
+ y: "14.7266",
44
+ width: "1.5",
45
+ height: "4.37082",
46
+ transform: "rotate(-15 13.6235 14.7266)",
47
+ fill: "black"
48
+ }
49
+ ),
50
+ /* @__PURE__ */ t(
51
+ "rect",
52
+ {
53
+ x: "8.92749",
54
+ y: "14.3384",
55
+ width: "1.5",
56
+ height: "4.37082",
57
+ transform: "rotate(15 8.92749 14.3384)",
58
+ fill: "black"
59
+ }
60
+ )
61
+ ]
62
+ }
63
+ );
64
+ export {
65
+ i as default
66
+ };
@@ -0,0 +1,34 @@
1
+ import { jsxs as V, jsx as l } from "react/jsx-runtime";
2
+ const a = (H) => /* @__PURE__ */ V(
3
+ "svg",
4
+ {
5
+ width: "24",
6
+ height: "24",
7
+ viewBox: "0 0 24 24",
8
+ fill: "none",
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...H,
11
+ children: [
12
+ /* @__PURE__ */ l(
13
+ "path",
14
+ {
15
+ d: "M2 18.75V12C2 10.7574 3.00736 9.75 4.25 9.75H5.11328V11.25H4.25C3.83579 11.25 3.5 11.5858 3.5 12V18.75C3.5 19.1642 3.83579 19.5 4.25 19.5H19.75C20.1642 19.5 20.5 19.1642 20.5 18.75V12C20.5 11.5858 20.1642 11.25 19.75 11.25H18.8867V9.75H19.75C20.9926 9.75 22 10.7574 22 12V18.75C22 19.9926 20.9926 21 19.75 21H4.25C3.00736 21 2 19.9926 2 18.75Z",
16
+ fill: "black"
17
+ }
18
+ ),
19
+ /* @__PURE__ */ l(
20
+ "path",
21
+ {
22
+ d: "M7.5 15.5H16.5V3.5H7.5V15.5ZM18 16C18 16.5177 17.6067 16.9438 17.1025 16.9951L17 17H7L6.89746 16.9951C6.42703 16.9472 6.05278 16.573 6.00488 16.1025L6 16V3C6 2.44772 6.44772 2 7 2H17C17.5523 2 18 2.44772 18 3V16Z",
23
+ fill: "black"
24
+ }
25
+ ),
26
+ /* @__PURE__ */ l("path", { d: "M15 5.75V7.25H9V5.75H15Z", fill: "black" }),
27
+ /* @__PURE__ */ l("path", { d: "M15 11.75V13.25H9V11.75H15Z", fill: "black" }),
28
+ /* @__PURE__ */ l("path", { d: "M14 8.75V10.25H10V8.75H14Z", fill: "black" })
29
+ ]
30
+ }
31
+ );
32
+ export {
33
+ a as default
34
+ };
@@ -0,0 +1,66 @@
1
+ import { jsxs as l, jsx as t } from "react/jsx-runtime";
2
+ const i = (r) => /* @__PURE__ */ l(
3
+ "svg",
4
+ {
5
+ width: "32",
6
+ height: "32",
7
+ viewBox: "0 0 32 32",
8
+ fill: "none",
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...r,
11
+ children: [
12
+ /* @__PURE__ */ t(
13
+ "path",
14
+ {
15
+ d: "M2 10C2 10 8.26801 20 16 20C23.732 20 30 10 30 10H27.5696C27.4874 10.1122 27.3989 10.2314 27.3042 10.3567C26.6367 11.24 25.6749 12.4118 24.4947 13.5764C22.0515 15.9873 19.0438 18 16 18C12.9562 18 9.94846 15.9873 7.50527 13.5764C6.3251 12.4118 5.36328 11.24 4.69584 10.3567C4.6011 10.2314 4.51256 10.1122 4.43043 10H2Z",
16
+ fill: "black"
17
+ }
18
+ ),
19
+ /* @__PURE__ */ t(
20
+ "rect",
21
+ {
22
+ x: "23.2009",
23
+ y: "15.4142",
24
+ width: "2",
25
+ height: "6.20105",
26
+ transform: "rotate(-45 23.2009 15.4142)",
27
+ fill: "black"
28
+ }
29
+ ),
30
+ /* @__PURE__ */ t(
31
+ "rect",
32
+ {
33
+ width: "2",
34
+ height: "6.20105",
35
+ transform: "matrix(-0.707107 -0.707107 -0.707107 0.707107 8.79907 15.4146)",
36
+ fill: "black"
37
+ }
38
+ ),
39
+ /* @__PURE__ */ t(
40
+ "rect",
41
+ {
42
+ x: "18.3862",
43
+ y: "18.1428",
44
+ width: "2",
45
+ height: "6.29031",
46
+ transform: "rotate(-15 18.3862 18.1428)",
47
+ fill: "black"
48
+ }
49
+ ),
50
+ /* @__PURE__ */ t(
51
+ "rect",
52
+ {
53
+ x: "11.6282",
54
+ y: "17.584",
55
+ width: "2",
56
+ height: "6.29031",
57
+ transform: "rotate(15 11.6282 17.584)",
58
+ fill: "black"
59
+ }
60
+ )
61
+ ]
62
+ }
63
+ );
64
+ export {
65
+ i as default
66
+ };
@@ -0,0 +1,40 @@
1
+ import { jsxs as V, jsx as l } from "react/jsx-runtime";
2
+ const a = (H) => /* @__PURE__ */ V(
3
+ "svg",
4
+ {
5
+ width: "32",
6
+ height: "32",
7
+ viewBox: "0 0 32 32",
8
+ fill: "none",
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...H,
11
+ children: [
12
+ /* @__PURE__ */ l(
13
+ "path",
14
+ {
15
+ d: "M3 26V17C3 15.3431 4.34315 14 6 14H7V16H6C5.44772 16 5 16.4477 5 17V26C5 26.5523 5.44772 27 6 27H26C26.5523 27 27 26.5523 27 26V17C27 16.4477 26.5523 16 26 16H25V14H26C27.6569 14 29 15.3431 29 17V26C29 27.6569 27.6569 29 26 29H6C4.34315 29 3 27.6569 3 26Z",
16
+ fill: "black"
17
+ }
18
+ ),
19
+ /* @__PURE__ */ l(
20
+ "path",
21
+ {
22
+ d: "M10 20H22V4H10V20ZM24 20.667L23.9932 20.8027C23.9295 21.4305 23.4305 21.9295 22.8027 21.9932L22.667 22H9.33301C8.64271 21.9998 8.07499 21.4751 8.00684 20.8027L8 20.667V3.33301C8.00018 2.59689 8.59689 2.00018 9.33301 2H22.667L22.8027 2.00684C23.4751 2.07499 23.9998 2.64271 24 3.33301V20.667Z",
23
+ fill: "black"
24
+ }
25
+ ),
26
+ /* @__PURE__ */ l("path", { d: "M20 7V9H12V7H20Z", fill: "black" }),
27
+ /* @__PURE__ */ l("path", { d: "M20 15.0001V17.0001H12V15.0001H20Z", fill: "black" }),
28
+ /* @__PURE__ */ l(
29
+ "path",
30
+ {
31
+ d: "M18.6663 11.0001V13.0001H13.3333V11.0001H18.6663Z",
32
+ fill: "black"
33
+ }
34
+ )
35
+ ]
36
+ }
37
+ );
38
+ export {
39
+ a as default
40
+ };