mimir-ui-kit 1.60.0 → 1.60.1
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-
|
|
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
|
|
2
|
-
import { c as
|
|
3
|
-
import { Counter as
|
|
4
|
-
import '../../../assets/PaginationDateButton.css';const
|
|
5
|
-
"pagination-button": "_pagination-
|
|
6
|
-
"is-active": "_is-
|
|
7
|
-
"pagination-button--date": "_pagination-button--
|
|
8
|
-
"date-content": "_date-
|
|
9
|
-
"date-text": "_date-
|
|
10
|
-
},
|
|
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:
|
|
13
|
+
testId: l,
|
|
14
14
|
onClick: d,
|
|
15
|
-
counterProps:
|
|
16
|
-
date:
|
|
17
|
-
|
|
15
|
+
counterProps: a,
|
|
16
|
+
date: _,
|
|
17
|
+
className: o,
|
|
18
|
+
...m
|
|
18
19
|
}) => /* @__PURE__ */ n(
|
|
19
20
|
"button",
|
|
20
21
|
{
|
|
21
|
-
...
|
|
22
|
-
"data-testid":
|
|
22
|
+
...m,
|
|
23
|
+
"data-testid": l,
|
|
23
24
|
type: "button",
|
|
24
25
|
onClick: d,
|
|
25
26
|
disabled: i,
|
|
26
|
-
className:
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
className: b(
|
|
28
|
+
t["pagination-button"],
|
|
29
|
+
t["pagination-button--date"],
|
|
29
30
|
{
|
|
30
|
-
[
|
|
31
|
-
}
|
|
31
|
+
[t["is-active"]]: e
|
|
32
|
+
},
|
|
33
|
+
o
|
|
32
34
|
),
|
|
33
|
-
children: /* @__PURE__ */
|
|
34
|
-
/* @__PURE__ */ n("span", { className:
|
|
35
|
-
|
|
36
|
-
|
|
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:
|
|
39
|
-
variant:
|
|
40
|
-
color:
|
|
41
|
-
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
|
-
|
|
51
|
+
N as PaginationDateButton
|
|
49
52
|
};
|