@ck-ui/component-library 1.0.14 → 1.0.15
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.
- package/dist/assets/DateRangePicker-C0xS0J1T.css +1 -0
- package/dist/assets/index-C3K5UCMn.css +1 -0
- package/dist/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.js +1351 -1374
- package/dist/components/Pagination/index.js +39 -39
- package/package.json +1 -1
- package/dist/assets/DateRangePicker-8Wc4muZ4.css +0 -1
- package/dist/assets/index-D5sFw3XA.css +0 -1
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
import { jsxs as s, jsx as e, Fragment as
|
|
1
|
+
import { jsxs as s, jsx as e, Fragment as S } from "react/jsx-runtime";
|
|
2
2
|
import { mergeClasses as r } from "../../utils/mergeClasses.js";
|
|
3
|
-
import
|
|
3
|
+
import E from "./_utils/generatePageNumbers.js";
|
|
4
4
|
import * as m from "react";
|
|
5
|
-
import
|
|
6
|
-
import '../../assets/index-
|
|
7
|
-
"ckds-pagination": "_ckds-
|
|
8
|
-
"pagination-info": "_pagination-
|
|
9
|
-
"pagination-label": "_pagination-
|
|
10
|
-
"pagination-select": "_pagination-
|
|
11
|
-
"pagination-divider": "_pagination-
|
|
12
|
-
"pagination-controls": "_pagination-
|
|
13
|
-
"pagination-nav-btn": "_pagination-nav-
|
|
14
|
-
"pagination-page-btn": "_pagination-page-
|
|
15
|
-
active:
|
|
16
|
-
"pagination-ellipsis": "_pagination-
|
|
17
|
-
"pagination-summary": "_pagination-
|
|
18
|
-
},
|
|
19
|
-
function
|
|
5
|
+
import A, { DEFAULT_PAGE_SIZE_OPTIONS as j } from "./_utils/computePageSizeOptions.js";
|
|
6
|
+
import '../../assets/index-C3K5UCMn.css';const O = "_active_1qkc2_122", a = {
|
|
7
|
+
"ckds-pagination": "_ckds-pagination_1qkc2_1",
|
|
8
|
+
"pagination-info": "_pagination-info_1qkc2_13",
|
|
9
|
+
"pagination-label": "_pagination-label_1qkc2_20",
|
|
10
|
+
"pagination-select": "_pagination-select_1qkc2_26",
|
|
11
|
+
"pagination-divider": "_pagination-divider_1qkc2_63",
|
|
12
|
+
"pagination-controls": "_pagination-controls_1qkc2_69",
|
|
13
|
+
"pagination-nav-btn": "_pagination-nav-btn_1qkc2_77",
|
|
14
|
+
"pagination-page-btn": "_pagination-page-btn_1qkc2_104",
|
|
15
|
+
active: O,
|
|
16
|
+
"pagination-ellipsis": "_pagination-ellipsis_1qkc2_137",
|
|
17
|
+
"pagination-summary": "_pagination-summary_1qkc2_149"
|
|
18
|
+
}, D = (n) => /* @__PURE__ */ m.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 5, height: 8, viewBox: "0 0 5 8", fill: "none", ...n }, /* @__PURE__ */ m.createElement("path", { d: "M0.380176 0.380155L3.86768 3.87759L0.380176 7.375", stroke: "#2B2B2B", strokeWidth: 0.76, strokeLinecap: "round", strokeLinejoin: "round" })), M = (n) => /* @__PURE__ */ m.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 5, height: 8, viewBox: "0 0 5 8", fill: "none", ...n }, /* @__PURE__ */ m.createElement("path", { d: "M3.86738 7.37473L0.379883 3.87729L3.86738 0.379883", stroke: "#2B2B2B", strokeWidth: 0.76, strokeLinecap: "round", strokeLinejoin: "round" }));
|
|
19
|
+
function $({
|
|
20
20
|
currentPage: n,
|
|
21
21
|
totalPages: o,
|
|
22
22
|
pageSize: c,
|
|
23
23
|
onPageChange: d,
|
|
24
24
|
onPageSizeChange: b,
|
|
25
25
|
showPageSizeSelector: v = !1,
|
|
26
|
-
pageSizeOptions:
|
|
26
|
+
pageSizeOptions: k = j,
|
|
27
27
|
totalRecords: l,
|
|
28
|
-
className:
|
|
28
|
+
className: f
|
|
29
29
|
}) {
|
|
30
30
|
if (!l || l <= 0)
|
|
31
31
|
return null;
|
|
32
|
-
const
|
|
32
|
+
const w = A(
|
|
33
33
|
l,
|
|
34
|
-
|
|
35
|
-
), h =
|
|
34
|
+
k
|
|
35
|
+
), h = E(n, o), u = (n - 1) * c + 1, N = l ? Math.min(n * c, l) : n * c, q = () => {
|
|
36
36
|
n > 1 && d(n - 1);
|
|
37
|
-
},
|
|
37
|
+
}, x = () => {
|
|
38
38
|
n < o && d(n + 1);
|
|
39
|
-
},
|
|
39
|
+
}, y = (i) => {
|
|
40
40
|
const t = Number(i.target.value);
|
|
41
41
|
t !== n && d(t);
|
|
42
|
-
},
|
|
42
|
+
}, L = (i) => {
|
|
43
43
|
const t = Number(i.target.value);
|
|
44
44
|
t !== c && b && b(t);
|
|
45
|
-
}, p = !o || o <= 1, g = n === 1 || p, _ = n === o || p,
|
|
46
|
-
return /* @__PURE__ */ s("div", { className: r(a["ckds-pagination"],
|
|
45
|
+
}, p = !o || o <= 1, g = n === 1 || p, _ = n === o || p, B = v && b;
|
|
46
|
+
return /* @__PURE__ */ s("div", { className: r(a["ckds-pagination"], f), children: [
|
|
47
47
|
/* @__PURE__ */ s("div", { className: a["pagination-info"], children: [
|
|
48
48
|
/* @__PURE__ */ e("span", { className: a["pagination-label"], children: "Page" }),
|
|
49
49
|
/* @__PURE__ */ e(
|
|
@@ -51,7 +51,7 @@ function F({
|
|
|
51
51
|
{
|
|
52
52
|
className: a["pagination-select"],
|
|
53
53
|
value: n,
|
|
54
|
-
onChange:
|
|
54
|
+
onChange: y,
|
|
55
55
|
"aria-label": "Select page number",
|
|
56
56
|
disabled: p,
|
|
57
57
|
children: Array.from({ length: o || 1 }, (i, t) => t + 1).map(
|
|
@@ -73,11 +73,11 @@ function F({
|
|
|
73
73
|
a["pagination-nav-btn"],
|
|
74
74
|
g && a.disabled
|
|
75
75
|
),
|
|
76
|
-
onClick:
|
|
76
|
+
onClick: q,
|
|
77
77
|
disabled: g,
|
|
78
78
|
"aria-label": "Previous page",
|
|
79
79
|
children: [
|
|
80
|
-
/* @__PURE__ */ e(
|
|
80
|
+
/* @__PURE__ */ e(M, {}),
|
|
81
81
|
" ",
|
|
82
82
|
/* @__PURE__ */ e("span", { children: "Previous" })
|
|
83
83
|
]
|
|
@@ -128,29 +128,29 @@ function F({
|
|
|
128
128
|
a["pagination-nav-btn"],
|
|
129
129
|
_ && a.disabled
|
|
130
130
|
),
|
|
131
|
-
onClick:
|
|
131
|
+
onClick: x,
|
|
132
132
|
disabled: _,
|
|
133
133
|
"aria-label": "Next page",
|
|
134
134
|
children: [
|
|
135
135
|
/* @__PURE__ */ e("span", { children: "Next" }),
|
|
136
136
|
" ",
|
|
137
|
-
/* @__PURE__ */ e(
|
|
137
|
+
/* @__PURE__ */ e(D, {})
|
|
138
138
|
]
|
|
139
139
|
}
|
|
140
140
|
)
|
|
141
141
|
] }),
|
|
142
142
|
/* @__PURE__ */ s("div", { className: a["pagination-summary"], children: [
|
|
143
|
-
|
|
143
|
+
B && /* @__PURE__ */ s(S, { children: [
|
|
144
144
|
/* @__PURE__ */ e("span", { className: a["pagination-label"], children: "Rows per page" }),
|
|
145
145
|
/* @__PURE__ */ e(
|
|
146
146
|
"select",
|
|
147
147
|
{
|
|
148
148
|
className: a["pagination-select"],
|
|
149
149
|
value: c,
|
|
150
|
-
onChange:
|
|
150
|
+
onChange: L,
|
|
151
151
|
"aria-label": "Select rows per page",
|
|
152
152
|
disabled: p,
|
|
153
|
-
children:
|
|
153
|
+
children: w.map((i) => /* @__PURE__ */ e("option", { value: i, children: i }, i))
|
|
154
154
|
}
|
|
155
155
|
),
|
|
156
156
|
/* @__PURE__ */ e("span", { className: a["pagination-divider"], children: "|" })
|
|
@@ -158,16 +158,16 @@ function F({
|
|
|
158
158
|
"Showing",
|
|
159
159
|
" ",
|
|
160
160
|
/* @__PURE__ */ s("strong", { children: [
|
|
161
|
-
|
|
161
|
+
u,
|
|
162
162
|
"-",
|
|
163
|
-
|
|
163
|
+
N
|
|
164
164
|
] }),
|
|
165
165
|
l ? ` of ${l}` : "",
|
|
166
166
|
" results"
|
|
167
167
|
] })
|
|
168
168
|
] });
|
|
169
169
|
}
|
|
170
|
-
|
|
170
|
+
$.displayName = "Pagination";
|
|
171
171
|
export {
|
|
172
|
-
|
|
172
|
+
$ as Pagination
|
|
173
173
|
};
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@charset "UTF-8";._ckds-date-range-picker_1oazp_2{--ckds-calendar-box-shadow: -20px 31.95px 42.61px -31.95px #18274B26;position:relative;display:inline-block}._ckds-date-range-picker_1oazp_2 *{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif}._ckds-date-range-picker_1oazp_2>button{border-color:var(--ckcl-black-100, #DCDCDC)}._ckds-date-range-picker_1oazp_2>button>span svg path{stroke:var(--ckcl-black-500, #2B2B2B)}._ckds-date-range-picker_1oazp_2>button>span>span{font-size:var(--ckcl-fs-sm, 14px)}._ckds-date-range-picker_1oazp_2>button>span:last-child{display:inline-flex;margin-left:var(--ckcl-spacing-lg, 24px);transition:transform .25s ease}._ckds-date-range-picker_1oazp_2>button>span:last-child svg path{stroke:var(--ckcl-black-400, #737373)}._ckds-date-range-picker_1oazp_2._ckds-date-range-picker--open_1oazp_27>button>span:last-child{transform:rotate(180deg)}@keyframes _ckds-drp-in_1oazp_1{0%{opacity:0}to{opacity:1}}._ckds-date-range-picker__body_1oazp_40{display:flex;flex:1;min-height:0;overflow:visible}._ckds-date-range-picker__sidebar_1oazp_48{display:flex;flex-direction:column;gap:var(--ckcl-spacing-2xs, 2px);padding:var(--ckcl-spacing-md, 16px);border-right:var(--ckds-border-width-sm, 1px) solid var(--ckcl-border-color, #E6ECF1);width:173px;background:var(--ckcl-toast-info, #FAFCFF);overflow-y:auto}._ckds-date-range-picker__sidebar-item_1oazp_59{all:unset;cursor:pointer;font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-size:var(--ckcl-fs-xs, 12px);line-height:var(--ckds-leading-md, 20px);padding:var(--ckcl-spacing-sm, 8px) 18px;color:#000;white-space:nowrap;text-align:center;transition:border-color .15s,color .15s,background-color .15s;background-color:transparent;border-radius:var(--ckds-border-radius-md, 8px)}._ckds-date-range-picker__sidebar-item_1oazp_59:hover{color:var(--ckcl-primary-500, #3A72E4);font-weight:var(--ckcl-font-weight-medium, 500);background-color:transparent}._ckds-date-range-picker__sidebar-item--active_1oazp_80{background-color:var(--ckcl-white, #FFFFFF);border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-primary-300, #81AFF0);border-radius:var(--ckds-border-radius-md, 8px);font-weight:var(--ckcl-font-weight-medium, 500);box-shadow:var(--shadow-shade-004);color:var(--ckcl-primary-600, #3060C1)}._ckds-date-range-picker__calendar_1oazp_89{position:relative;width:820px;border-radius:16px;background-color:var(--ckcl-white, #FFFFFF);overflow:hidden;border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC);box-shadow:var(--ckds-calendar-box-shadow, --shadow-shade-005);display:flex;flex-direction:column;isolation:isolate;transform-origin:top center;will-change:opacity}._ckds-date-range-picker__calendar_1oazp_89._ckds-date-range-picker__calendar--enter_1oazp_103{animation:_ckds-drp-in_1oazp_1 .13s ease-out both}._ckds-date-range-picker__calendar_1oazp_89 *{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif!important;box-sizing:border-box}._ckds-date-range-picker__calendar_1oazp_89 .MuiFormControl-root{min-width:unset!important}._ckds-date-range-picker__calendar_1oazp_89 .MuiBox-root{margin:unset!important}._ckds-date-range-picker__calendar_1oazp_89 .MuiInputBase-root .MuiSelect-select{padding:unset!important;color:var(--ckcl-primary-500, #3A72E4)}._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-root{margin-bottom:0!important}._ckds-date-range-picker__calendar_1oazp_89 .MuiButton-root,._ckds-date-range-picker__calendar_1oazp_89 .MuiButtonBase-root{font-size:inherit!important;text-transform:none!important;box-shadow:none!important;white-space:normal}._ckds-date-range-picker__calendar_1oazp_89 .MuiIconButton-root{border-radius:50%}._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0 .MuiBox-root{margin:var(--ckcl-spacing-xs, 4px) 0;min-width:0}._ckds-date-range-picker__calendar_1oazp_89 .MuiGrid-direction-xs-row .MuiBox-root{min-width:0;margin:var(--ckcl-spacing-xs, 4px) 0}._ckds-date-range-picker__calendar_1oazp_89 .MuiBox-root .MuiIconButton-root{border-radius:0}._ckds-date-range-picker__calendar_1oazp_89 .MuiBox-root .MuiIconButton-root .MuiTypography-body2{display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin:0 auto;border-radius:50%}._ckds-date-range-picker__calendar_1oazp_89 .MuiBox-root[style*=background-color]{background-color:#eef4ff!important}._ckds-date-range-picker__calendar_1oazp_89 .MuiIconButton-root.Mui-disabled .MuiTypography-body2{color:var(--color-base-500)!important;font-size:var(--ckcl-fs-2xs, 11px)!important}._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0 .MuiIconButton-root:not(.Mui-disabled) .MuiTypography-body2{font-size:var(--ckcl-fs-2xs, 11px)!important;margin-top:1px}._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child{justify-content:space-between;width:100%}._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:first-child,._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child .MuiGrid-root:last-child{padding:0}._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:first-child>button.MuiButtonBase-root,._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child .MuiGrid-root:last-child>button.MuiButtonBase-root{height:28px;width:28px;border-radius:var(--ckds-border-radius-md, 8px);border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC)}._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:first-child>button.MuiButtonBase-root .MuiTouchRipple-root,._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child .MuiGrid-root:last-child>button.MuiButtonBase-root .MuiTouchRipple-root{display:none}._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:first-child>button.MuiButtonBase-root:hover,._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child .MuiGrid-root:last-child>button.MuiButtonBase-root:hover{border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-primary-500, #3A72E4)}._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:first-child>button.MuiButtonBase-root .MuiSvgIcon-root,._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child .MuiGrid-root:last-child>button.MuiButtonBase-root .MuiSvgIcon-root{display:none}._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:first-child>button.MuiButtonBase-root:after,._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child .MuiGrid-root:last-child>button.MuiButtonBase-root:after{content:"";display:block;width:6px;height:10px;background-color:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:first-child>button.MuiButtonBase-root:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='5'%20height='8'%20viewBox='0%200%205%208'%20fill='none'%3e%3cpath%20d='M3.86738%207.37473L0.379883%203.87729L3.86738%200.379883'%20stroke='%232B2B2B'%20stroke-width='0.76'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='5'%20height='8'%20viewBox='0%200%205%208'%20fill='none'%3e%3cpath%20d='M3.86738%207.37473L0.379883%203.87729L3.86738%200.379883'%20stroke='%232B2B2B'%20stroke-width='0.76'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:last-child>button.MuiButtonBase-root:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='5'%20height='8'%20viewBox='0%200%205%208'%20fill='none'%3e%3cpath%20d='M0.380176%200.380155L3.86768%203.87759L0.380176%207.375'%20stroke='%232B2B2B'%20stroke-width='0.76'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='5'%20height='8'%20viewBox='0%200%205%208'%20fill='none'%3e%3cpath%20d='M0.380176%200.380155L3.86768%203.87759L0.380176%207.375'%20stroke='%232B2B2B'%20stroke-width='0.76'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:nth-child(2),._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child .MuiGrid-root:nth-child(3){flex:0 0 auto;margin-top:6px}._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:nth-child(2) div,._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child .MuiGrid-root:nth-child(3) div{font-size:var(--ckcl-fs-2xs, 11px)}._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:nth-child(2) div.MuiInputBase-root:before,._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:nth-child(2) div.MuiInputBase-root:after,._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child .MuiGrid-root:nth-child(3) div.MuiInputBase-root:before,._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child .MuiGrid-root:nth-child(3) div.MuiInputBase-root:after{border:none}._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:nth-child(2) .MuiSelect-select,._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child .MuiGrid-root:nth-child(3) .MuiSelect-select{padding-right:var(--ckcl-spacing-slg, 20px)!important;cursor:pointer}._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:nth-child(2){margin-top:7px}._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:first-child>.MuiGrid-root:nth-child(3){margin-left:-40px;margin-top:7px}._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:nth-child(2){width:100%;padding:var(--ckcl-spacing-xs, 4px) 0px;margin-top:var(--ckcl-spacing-md, 16px);display:flex;justify-content:space-between;margin-left:var(--ckcl-spacing-2xs, 2px);margin-right:var(--ckcl-spacing-xs, 4px)}._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:nth-child(2)>span.MuiTypography-caption{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-weight:var(--ckcl-font-weight-regular, 400);font-size:var(--ckcl-fs-2xs, 11px)!important;line-height:var(--ckcl-leading-xs, 14px);letter-spacing:0%;display:inline-block}._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:nth-child(3){width:100%;padding:0;gap:0;margin-bottom:0}._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:nth-child(3)>.MuiGrid-direction-xs-row{gap:0;margin-bottom:9px}._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:nth-child(3)>.MuiGrid-direction-xs-row>.MuiBox-root{min-width:0}._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:nth-child(3)>.MuiGrid-direction-xs-row>.MuiBox-root button.MuiButtonBase-root{height:22px!important;width:22px!important;border-radius:50%;border:transparent;display:grid;place-content:center}._ckds-date-range-picker__calendar_1oazp_89 .MuiGrid-direction-xs-column .MuiGrid-direction-xs-row{display:flex;gap:0;width:274px!important}._ckds-date-range-picker__calendar_1oazp_89 .MuiGrid-direction-xs-column .MuiGrid-direction-xs-row .MuiBox-root:last-child{box-sizing:border-box;border-radius:0 49% 49% 0}._ckds-date-range-picker__calendar_1oazp_89 .MuiGrid-direction-xs-column .MuiGrid-direction-xs-row>.MuiBox-root:nth-child(-n+6){width:42px!important;box-sizing:border-box}._ckds-date-range-picker__calendar_1oazp_89 .MuiGrid-direction-xs-column .MuiGrid-direction-xs-row .MuiBox-root:first-child{width:24px!important;padding-right:5px;box-sizing:border-box;border-radius:49% 0 0 49%}._ckds-date-range-picker__calendar_1oazp_89 .MuiGrid-direction-xs-column .MuiGrid-direction-xs-row .MuiBox-root:nth-child(2){width:56px!important;display:flex;justify-content:center;padding-right:5px;padding-left:5px;box-sizing:border-box}._ckds-date-range-picker__calendar_1oazp_89 .MuiGrid-direction-xs-column .MuiGrid-direction-xs-row .MuiBox-root:nth-child(3)>button,._ckds-date-range-picker__calendar_1oazp_89 .MuiGrid-direction-xs-column .MuiGrid-direction-xs-row .MuiBox-root:nth-child(4)>button,._ckds-date-range-picker__calendar_1oazp_89 .MuiGrid-direction-xs-column .MuiGrid-direction-xs-row .MuiBox-root:nth-child(5)>button,._ckds-date-range-picker__calendar_1oazp_89 .MuiGrid-direction-xs-column .MuiGrid-direction-xs-row .MuiBox-root:nth-child(6)>button{width:40px!important;display:flex;box-sizing:border-box;margin-left:6px}._ckds-date-range-picker__calendar_1oazp_89 .MuiGrid-direction-xs-column .MuiGrid-direction-xs-row>.MuiBox-root:nth-child(7){flex:1 1 auto!important;max-width:none!important;min-width:0}._ckds-date-range-picker__calendar_1oazp_89 .MuiGrid-direction-xs-column .MuiGrid-direction-xs-row .MuiBox-root:nth-child(7)>button{width:40px!important;display:flex;box-sizing:border-box;margin-left:3px}._ckds-date-range-picker__calendar_1oazp_89 .MuiMenuItem-root.Mui-selected,._ckds-date-range-picker__calendar_1oazp_89 .MuiMenuItem-root.Mui-selected:hover{background-color:var(--ckcl-primary-50, #F8FBFF)!important;color:var(--ckcl-primary-500, #3A72E4)!important;border-radius:var(--ckds-border-radius-md, 8px)}._ckds-date-range-picker__calendar_1oazp_89 .MuiSelect-icon{color:transparent;width:10px!important;height:10px!important;top:calc(50% - 6px)!important;background-color:var(--ckcl-black-500, #2B2B2B);-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='5'%20viewBox='0%200%208%205'%20fill='none'%3e%3cpath%20d='M0.380156%200.380175L3.87759%203.86768L7.375%200.380176'%20stroke='%232B2B2B'%20stroke-width='0.76'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='5'%20viewBox='0%200%208%205'%20fill='none'%3e%3cpath%20d='M0.380156%200.380175L3.87759%203.86768L7.375%200.380176'%20stroke='%232B2B2B'%20stroke-width='0.76'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:transform .25s ease}._ckds-date-range-picker__calendar_1oazp_89 .MuiSelect-icon path{display:none}._ckds-date-range-picker__calendar_1oazp_89 .MuiSelect-iconOpen{transform:rotate(180deg);background-color:var(--ckcl-primary-500, #3A72E4)}._ckds-date-range-picker__calendar_1oazp_89 .MuiPopover-root.MuiMenu-root{position:absolute!important;top:30px}._ckds-date-range-picker__calendar_1oazp_89 .MuiPopover-root .MuiPaper-elevation8.MuiPaper-rounded{border-radius:var(--ckds-border-radius-lg, 12px)}._ckds-date-range-picker__calendar_1oazp_89 div#menu- .MuiPaper-elevation8.MuiPopover-paper{max-height:280px!important;border-radius:12px!important}._ckds-date-range-picker__calendar_1oazp_89 .MuiPopover-root .MuiPaper-root.MuiPaper-rounded{position:absolute!important;overflow:hidden!important;top:5px!important;left:-4px!important;max-height:240px;min-width:fit-content!important;border-radius:var(--ckds-border-radius-lg, 12px);box-shadow:0 4px 16px #0000001a;padding:0;transform:translate(-34px,-13px)!important;border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC)}._ckds-date-range-picker__calendar_1oazp_89 .MuiPopover-root .MuiPaper-root.MuiPaper-rounded .MuiList-root{overflow-y:auto;max-height:240px;padding:var(--ckcl-spacing-sm, 8px);scrollbar-width:thin;scrollbar-color:var(--color-base-500) transparent}._ckds-date-range-picker__calendar_1oazp_89 .MuiPopover-root .MuiPaper-root.MuiPaper-rounded .MuiList-root::-webkit-scrollbar{width:var(--ckcl-spacing-xs, 4px)}._ckds-date-range-picker__calendar_1oazp_89 .MuiPopover-root .MuiPaper-root.MuiPaper-rounded .MuiList-root::-webkit-scrollbar-track{background:transparent}._ckds-date-range-picker__calendar_1oazp_89 .MuiPopover-root .MuiPaper-root.MuiPaper-rounded .MuiList-root::-webkit-scrollbar-thumb{background-color:var(--color-base-500);border-radius:100px;min-height:26px}._ckds-date-range-picker__calendar_1oazp_89 .MuiPaper-elevation0>.MuiGrid-root>.MuiGrid-root:last-child>.MuiGrid-direction-xs-row>.MuiBox-root{padding:0!important}._ckds-date-range-picker__main_1oazp_401{flex:1;min-width:0;overflow:visible}._ckds-date-range-picker__main_1oazp_401>.MuiBox-root>.MuiBox-root:first-child:empty{display:none;pointer-events:none}._ckds-date-range-picker__main_1oazp_401 .MuiPaper-elevation5>.MuiGrid-root>.MuiGrid-root:first-child>.MuiList-root{display:none}._ckds-date-range-picker__main_1oazp_401 .MuiList-root{overflow:hidden}._ckds-date-range-picker__main_1oazp_401 .MuiPaper-elevation5>.MuiGrid-root>.MuiGrid-root:last-child>.MuiGrid-root:first-child{display:none}._ckds-date-range-picker__main_1oazp_401 .MuiPaper-elevation5>.MuiGrid-root>.MuiGrid-root:last-child>.MuiGrid-root:last-child>.MuiPaper-root.MuiPaper-elevation{padding:var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-lg, 24px);width:318px;flex:1}._ckds-date-range-picker__main_1oazp_401 .MuiPaper-elevation5>.MuiGrid-root>.MuiGrid-root:last-child>.MuiGrid-root:last-child>.MuiPaper-root.MuiPaper-elevation:first-child{border-right:var(--ckds-border-width-sm, 1px) solid var(--ckcl-border-color, #E6ECF1)}._ckds-date-range-picker__main_1oazp_401 .MuiPaper-elevation0.MuiPaper-square{width:318px;flex:1}._ckds-date-range-picker__main_1oazp_401 .MuiPaper-elevation0.MuiPaper-square>.MuiGrid-root{border:solid var(--ckds-border-width-sm, 1px) var(--color-base-1000);border-radius:var(--ckds-border-radius-xs, 4px);height:100%}._ckds-date-range-picker__main_1oazp_401 .MuiPaper-elevation0.MuiPaper-square>.MuiGrid-root *{font-size:var(--ckcl-fs-xs, 12px)!important}._ckds-date-range-picker__footer_1oazp_441{display:flex;align-items:end;justify-content:space-between;gap:var(--ckcl-spacing-ms, 12px);padding:var(--ckcl-spacing-lg, 24px) var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-md, 16px);border-top:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC)}._ckds-date-range-picker__date-inputs_1oazp_450{display:flex;align-items:end;gap:var(--ckcl-spacing-sm, 8px)}._ckds-date-range-picker__date-field_1oazp_456{display:flex;flex-direction:column;gap:var(--ckcl-spacing-sm, 8px)}._ckds-date-range-picker__date-label_1oazp_462{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-weight:var(--ckcl-font-weight-medium, 500);font-size:var(--ckcl-fs-xs, 12px);line-height:var(--ckds-leading-md, 20px);letter-spacing:0%}._ckds-date-range-picker__required-asterisk_1oazp_470{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-weight:var(--ckcl-font-weight-medium, 500);font-size:var(--ckcl-fs-2xs, 11px);line-height:var(--ckcl-leading-xs, 14px);letter-spacing:0%;vertical-align:top;color:var(--ckcl-red-500, #E52323);margin-left:var(--ckcl-spacing-2xs, 2px)}._ckds-date-range-picker__date-tag_1oazp_481{width:160px!important;height:40px!important;border-radius:var(--ckds-border-radius-md, 8px);border-width:var(--ckds-border-width-sm, 1px);font-size:var(--ckcl-fs-sm, 14px)!important;font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;gap:var(--ckcl-spacing-xs, 4px);font-weight:400;padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-ms, 12px);background-color:var(--ckcl-black-50, #F4F4F4);border-color:var(--ckcl-black-100, #DCDCDC)}._ckds-date-range-picker__date-arrow_1oazp_495{align-self:center;margin-top:34px}._ckds-date-range-picker__reset-btn_1oazp_500{min-width:unset}._ckds-date-range-picker__actions_1oazp_504{display:flex;gap:var(--ckcl-spacing-sm, 8px);align-items:center}.ckds-drp-open .MuiPopover-root.MuiMenu-root{position:absolute!important;top:30px}.ckds-drp-open .MuiPopover-root .MuiPaper-elevation8.MuiPaper-rounded{border-radius:var(--ckds-border-radius-lg, 12px)}.ckds-drp-open div#menu- .MuiPaper-elevation8.MuiPopover-paper{max-height:280px!important;border-radius:12px!important}.ckds-drp-open .MuiPopover-root .MuiPaper-root.MuiPaper-rounded{position:absolute!important;overflow:hidden!important;top:5px!important;left:-4px!important;max-height:240px;min-width:fit-content!important;border-radius:var(--ckds-border-radius-lg, 12px);box-shadow:0 4px 16px #0000001a;padding:0;transform:translate(-34px,-13px)!important;border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC)}.ckds-drp-open .MuiPopover-root .MuiPaper-root.MuiPaper-rounded .MuiList-root{overflow-y:auto;max-height:240px;padding:var(--ckcl-spacing-sm, 8px)!important;scrollbar-width:thin;scrollbar-color:var(--color-base-500) transparent}.ckds-drp-open .MuiPopover-root .MuiPaper-root.MuiPaper-rounded .MuiList-root::-webkit-scrollbar{width:var(--ckcl-spacing-xs, 4px)}.ckds-drp-open .MuiPopover-root .MuiPaper-root.MuiPaper-rounded .MuiList-root::-webkit-scrollbar-track{background:transparent}.ckds-drp-open .MuiPopover-root .MuiPaper-root.MuiPaper-rounded .MuiList-root::-webkit-scrollbar-thumb{background-color:var(--color-base-500);border-radius:100px;min-height:26px}.ckds-drp-open .MuiMenuItem-root.Mui-selected,.ckds-drp-open .MuiMenuItem-root.Mui-selected:hover{background-color:var(--ckcl-primary-50, #F8FBFF)!important;color:var(--ckcl-primary-500, #3A72E4)!important;border-radius:var(--ckds-border-radius-md, 8px)}.ckds-drp-open .MuiPaper-root.MuiPaper-elevation{min-width:unset!important}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._ckds-pagination_10ae6_1{display:flex;align-items:center;justify-content:space-between;padding:var(--ckcl-spacing-ms, 12px) var(--ckcl-spacing-none, 0px);margin-top:var(--ckcl-spacing-sm, 8px);font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-size:var(--ckcl-fs-xs, 12px);color:var(--ckcl-black-500, #2B2B2B);background-color:var(--ckcl-white, #FFFFFF)}._pagination-info_10ae6_14{display:flex;align-items:center;flex:1;gap:var(--ckcl-spacing-sm, 8px)}._pagination-label_10ae6_21{font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-regular, 400);color:var(--ckcl-black-500, #2B2B2B)}._pagination-select_10ae6_27{appearance:none;-webkit-appearance:none;-moz-appearance:none;display:inline-block;box-sizing:border-box;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='5'%20viewBox='0%200%208%205'%20fill='none'%3e%3cpath%20d='M0.380156%200.380175L3.87759%203.86768L7.375%200.380176'%20stroke='%232B2B2B'%20stroke-width='0.76'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--ckcl-spacing-sm, 8px) center;background-size:10px 6px;min-width:60px;width:auto;height:28px;padding:var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-ms, 12px);border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC);border-radius:var(--ckds-border-radius-md, 8px);font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-regular, 400);color:var(--ckcl-black-500, #2B2B2B);background-color:var(--ckcl-white, #FFFFFF);cursor:pointer;outline:none}._pagination-select_10ae6_27:focus{border-color:var(--ckcl-primary-500, #3A72E4);outline:none;box-shadow:none}._pagination-select_10ae6_27:focus-visible{outline:none;box-shadow:none}._pagination-select_10ae6_27:disabled{opacity:.5;cursor:not-allowed}._pagination-divider_10ae6_64{color:var(--ckcl-black-200, #C2C2C2);margin:var(--ckcl-spacing-none, 0px) var(--ckcl-spacing-xs, 4px)}._pagination-controls_10ae6_70{display:flex;align-items:center;justify-content:center;flex:1;gap:var(--ckcl-spacing-xs, 4px)}._pagination-nav-btn_10ae6_78{display:inline-flex;align-items:center;gap:var(--ckcl-spacing-xs, 4px);justify-content:center;padding:var(--ckcl-spacing-sm, 8px);border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC);border-radius:var(--ckds-border-radius-md, 8px);background-color:var(--ckcl-white, #FFFFFF);font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-regular, 400);color:var(--ckcl-black-500, #2B2B2B);cursor:pointer;white-space:nowrap;line-height:var(--ckcl-leading-sm, 16px);height:28px;transition:border-color .2s ease,color .2s ease}._pagination-nav-btn_10ae6_78:hover:not(:disabled){border-color:var(--ckcl-black-200, #C2C2C2)}._pagination-nav-btn_10ae6_78:disabled{color:var(--ckcl-black-300, #A0A0A0);opacity:.5;cursor:not-allowed}._pagination-page-btn_10ae6_105{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:var(--ckcl-spacing-sm, 8px);border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC);border-radius:var(--ckds-border-radius-md, 8px);background-color:var(--ckcl-white, #FFFFFF);font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-regular, 400);color:var(--ckcl-black-500, #2B2B2B);line-height:var(--ckcl-leading-sm, 16px);text-align:center;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}._pagination-page-btn_10ae6_105:hover:not(._active_10ae6_123):not(:disabled){border-color:var(--ckcl-black-200, #C2C2C2)}._pagination-page-btn_10ae6_105._active_10ae6_123{border-color:var(--ckcl-primary-600, #3060C1);font-weight:var(--ckcl-font-weight-medium, 500);background-color:var(--ckcl-primary-50, #F8FBFF);cursor:default;pointer-events:none}._pagination-page-btn_10ae6_105:disabled:not(._active_10ae6_123){opacity:.5;cursor:not-allowed}._pagination-ellipsis_10ae6_138{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;font-size:var(--ckcl-fs-sm, 14px);color:var(--ckcl-black-400, #737373);-webkit-user-select:none;user-select:none}._pagination-summary_10ae6_150{display:flex;align-items:center;flex:1;justify-content:flex-end;gap:var(--ckcl-spacing-xs, 4px);font-size:var(--ckcl-fs-xs, 12px);font-weight:var(--ckcl-font-weight-regular, 400);color:var(--ckcl-black-500, #2B2B2B)}._pagination-summary_10ae6_150 strong{color:var(--ckcl-black-500, #2B2B2B)}
|