@sberbusiness/triplex-next 0.1.8 → 0.1.9
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/assets/fonts/SBSansDisplay-Bold.woff2 +0 -0
- package/assets/fonts/SBSansDisplay-Medium.woff2 +0 -0
- package/assets/fonts/SBSansDisplay-Regular.woff2 +0 -0
- package/assets/fonts/SBSansDisplay-SemiBold.woff2 +0 -0
- package/assets/fonts/SBSansText-Regular.woff2 +0 -0
- package/assets/fonts/SBSansText-Semibold.woff2 +0 -0
- package/chunks/AlertProcessSpoiler-BPbAJJFo.js +39 -0
- package/chunks/Card.module-Oqawy8hF.js +17 -0
- package/chunks/DropdownListItem-CW2MmFpw.js +56 -0
- package/chunks/DropdownMobile.module-DyunEp10.js +19 -0
- package/chunks/Footer.module-o57OEPdy.js +11 -0
- package/chunks/{FormFieldInput-Ki1-hI2O.js → FormFieldInput-C2qWOLr3.js} +19 -19
- package/chunks/HeaderLayoutSidebar.module-CzpXvDdH.js +9 -0
- package/chunks/HeaderTabs.module-CC0WAcoC.js +9 -0
- package/chunks/HeaderTitle.module-CH7eRK8R.js +9 -0
- package/chunks/{ListItemControlsButton-C5HBHV5H.js → ListItemControlsButton-BtMEMrGK.js} +6 -6
- package/chunks/ListItemTail.module-BBV_gvLd.js +12 -0
- package/chunks/ListMasterFooter.module-Cw1r4pz-.js +10 -0
- package/chunks/Overlay.module-08zZh8Y9.js +18 -0
- package/chunks/Page.module-Ccvf_vDR.js +16 -0
- package/chunks/TabsExtended.module-yT8L2ZYS.js +13 -0
- package/chunks/{TabsExtendedUtils-CfV3lgH0.js → TabsExtendedUtils-BOHZcNx8.js} +6 -6
- package/chunks/TooltipDesktop.module-CvcpQSlC.js +19 -0
- package/chunks/{index-Cn4S9Yzd.js → index-CAZEh1iw.js} +106 -106
- package/chunks/utils-9a4dp5-W.js +36 -0
- package/components/Alert/AlertContext/AlertContext.js +18 -18
- package/components/Alert/AlertProcess/AlertProcess.js +2 -2
- package/components/Alert/AlertProcess/components/AlertProcessSpoiler.js +1 -1
- package/components/Body/Body.js +8 -8
- package/components/Button/Button.js +1 -1
- package/components/Button/ButtonBase.js +1 -1
- package/components/Button/ButtonDropdown.js +2 -2
- package/components/Button/ButtonDropdownExtended.js +1 -1
- package/components/Button/ButtonIcon.js +1 -1
- package/components/Button/index.js +1 -1
- package/components/Card/CardAction.js +15 -15
- package/components/Card/CardStatic.js +2 -2
- package/components/Card/components/CardContent/CardContent.js +1 -1
- package/components/Card/components/CardContent/components/CardContentBody.js +1 -1
- package/components/Card/components/CardContent/components/CardContentFooter.js +1 -1
- package/components/Card/components/CardContent/components/CardContentHeader.js +1 -1
- package/components/Card/components/CardMedia.js +1 -1
- package/components/Card/utils.js +1 -1
- package/components/Checkbox/Checkbox.js +10 -10
- package/components/Checkbox/CheckboxXGroup.js +14 -14
- package/components/Checkbox/CheckboxYGroup.js +1 -1
- package/components/Col/Col.js +139 -139
- package/components/DesignTokens/DesignTokenUtils.js +1 -1
- package/components/Dropdown/Dropdown.js +1 -1
- package/components/Dropdown/desktop/DropdownDesktop.js +2 -2
- package/components/Dropdown/desktop/DropdownList.js +4 -4
- package/components/Dropdown/desktop/DropdownListItem.js +1 -1
- package/components/Dropdown/index.js +2 -2
- package/components/Dropdown/mobile/DropdownMobile.js +2 -2
- package/components/Dropdown/mobile/DropdownMobileBody.js +1 -1
- package/components/Dropdown/mobile/DropdownMobileClose.js +1 -1
- package/components/Dropdown/mobile/DropdownMobileFooter.js +1 -1
- package/components/Dropdown/mobile/DropdownMobileHeader.js +1 -1
- package/components/Dropdown/mobile/DropdownMobileInner.js +1 -1
- package/components/Dropdown/mobile/DropdownMobileInput.js +1 -1
- package/components/Dropdown/mobile/DropdownMobileList.js +1 -1
- package/components/Dropdown/mobile/DropdownMobileListItem.js +1 -1
- package/components/Footer/Footer.js +2 -2
- package/components/Footer/components/FooterDescription.js +1 -1
- package/components/Footer/components/FooterDescriptionContent.js +1 -1
- package/components/Footer/components/FooterDescriptionControls.js +1 -1
- package/components/FormField/FormField.js +20 -20
- package/components/FormField/components/FormFieldClear.js +8 -8
- package/components/FormField/components/FormFieldCounter.js +5 -5
- package/components/FormField/components/FormFieldDescription.js +7 -7
- package/components/FormField/components/FormFieldInput.js +1 -1
- package/components/FormField/components/FormFieldLabel.js +10 -10
- package/components/FormField/components/FormFieldMaskedInput.js +4 -4
- package/components/FormField/components/FormFieldPostfix.js +8 -8
- package/components/FormField/components/FormFieldPrefix.js +5 -5
- package/components/FormField/components/FormFieldTextarea.js +1 -1
- package/components/FormField/index.js +2 -2
- package/components/Header/Header.js +9 -9
- package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js +1 -1
- package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js +1 -1
- package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js +1 -1
- package/components/Header/components/HeaderSubheader/HeaderSubheader.js +1 -1
- package/components/Header/components/HeaderTabs/HeaderTabs.js +1 -1
- package/components/Header/components/HeaderTabs/HeaderTabsContent.js +1 -1
- package/components/Header/components/HeaderTabs/HeaderTabsControls.js +1 -1
- package/components/Header/components/HeaderTitle/HeaderTitle.js +1 -1
- package/components/Header/components/HeaderTitle/HeaderTitleContent.js +1 -1
- package/components/Header/components/HeaderTitle/HeaderTitleControls.js +1 -1
- package/components/Link/Link.js +24 -24
- package/components/List/List.js +5 -5
- package/components/List/components/ListEmptyState.js +3 -3
- package/components/List/components/ListItem.js +1 -1
- package/components/List/components/ListItemContent.js +12 -12
- package/components/List/components/ListItemControls.js +7 -7
- package/components/List/components/ListItemControlsButton.js +1 -1
- package/components/List/components/ListItemControlsButtonDropdown.js +2 -2
- package/components/List/components/ListItemLoading.js +1 -1
- package/components/List/components/ListItemSelectable.js +1 -1
- package/components/List/components/ListItemTable.js +2 -2
- package/components/List/components/ListItemTailLeft.js +1 -1
- package/components/List/components/ListItemTailRight.js +1 -1
- package/components/List/components/ListSortableItem.js +2 -2
- package/components/List/components/ListSortableItemControls.js +5 -5
- package/components/List/components/ListSortableItemTarget.js +1 -1
- package/components/List/index.js +2 -2
- package/components/ListMaster/ListMaster.js +1 -1
- package/components/ListMaster/components/ListMasterBody.js +1 -1
- package/components/ListMaster/components/ListMasterChipGroup.js +1 -1
- package/components/ListMaster/components/ListMasterFooter.js +1 -1
- package/components/ListMaster/components/ListMasterFooterControls.js +1 -1
- package/components/ListMaster/components/ListMasterFooterDescription.js +1 -1
- package/components/ListMaster/components/ListMasterHeader.js +12 -12
- package/components/ListMaster/components/SelectionControls.js +5 -5
- package/components/Loader/LoaderMiddle/LoaderMiddle.js +4 -4
- package/components/Loader/LoaderSmall/LoaderSmall.js +18 -18
- package/components/LoaderWidget/LoaderWidget.js +7 -7
- package/components/Overlay/Overlay.js +1 -1
- package/components/Overlay/OverlayMask.js +1 -1
- package/components/Overlay/OverlayPanel.js +1 -1
- package/components/Page/Page.js +1 -1
- package/components/Page/components/BodyPage.js +1 -1
- package/components/Page/components/FooterPage.js +1 -1
- package/components/Page/components/HeaderPage.js +1 -1
- package/components/Pagination/components/PaginationExtended.js +2 -2
- package/components/Pagination/components/PaginationNavigationButton.js +9 -9
- package/components/Pagination/components/PaginationNavigationExtended.js +1 -1
- package/components/Pagination/components/PaginationPageButton.js +5 -5
- package/components/Pagination/components/PaginationPageEllipsis.js +1 -1
- package/components/Pagination/components/PaginationSelect.js +9 -9
- package/components/Radio/Radio.js +9 -9
- package/components/Radio/RadioXGroup.js +11 -11
- package/components/Radio/RadioYGroup.js +1 -1
- package/components/Row/Row.js +10 -10
- package/components/SegmentedControl/SegmentedControl.js +1 -1
- package/components/SegmentedControl/SegmentedControlSegment.js +1 -1
- package/components/SegmentedControl/index.js +1 -1
- package/components/Skeleton/Skeleton.js +9 -9
- package/components/SwipeableArea/SwipeableArea.js +2 -2
- package/components/TabsExtended/TabsExtended.js +1 -1
- package/components/TabsExtended/TabsExtendedUtils.js +1 -1
- package/components/TabsExtended/components/TabsExtendedContent.js +1 -1
- package/components/TabsExtended/components/TabsExtendedDropdownWrapper.js +1 -1
- package/components/TabsExtended/components/TabsExtendedTab.js +1 -1
- package/components/TabsExtended/components/TabsExtendedTabButton.js +1 -1
- package/components/TabsExtended/components/TabsExtendedTabsWrapper.js +1 -1
- package/components/TextField/MaskedField.js +4 -4
- package/components/TextField/TextField.js +4 -4
- package/components/TextField/TextFieldBase.js +4 -4
- package/components/TextField/index.js +1 -1
- package/components/Tooltip/components/common/TooltipBody.js +1 -1
- package/components/Tooltip/components/common/TooltipLink.js +6 -6
- package/components/Tooltip/components/common/TooltipXButton.js +1 -1
- package/components/Tooltip/components/desktop/components/TooltipDesktopBase.js +1 -1
- package/components/Tooltip/components/desktop/components/TooltipDesktopTip.js +1 -1
- package/components/Tooltip/components/mobile/TooltipMobile.js +6 -6
- package/components/Typography/Caption.js +5 -5
- package/components/Typography/Text.js +28 -28
- package/components/Typography/Title.js +15 -15
- package/components/Typography/utils.js +1 -1
- package/components/UploadZone/components/UploadZoneInput.js +2 -2
- package/components/index.js +4 -4
- package/index.js +4 -4
- package/package.json +2 -1
- package/styles/triplex-next.css +333 -333
- package/chunks/AlertProcessSpoiler-COu9EiLo.js +0 -39
- package/chunks/Card.module-C1gfsiyU.js +0 -17
- package/chunks/DropdownListItem-iil7gCyc.js +0 -56
- package/chunks/DropdownMobile.module-DlpnKNwL.js +0 -19
- package/chunks/Footer.module-CqUuM-TN.js +0 -11
- package/chunks/HeaderLayoutSidebar.module-BnYpSWmI.js +0 -9
- package/chunks/HeaderTabs.module-IVowc7y2.js +0 -9
- package/chunks/HeaderTitle.module-Cja2peF4.js +0 -9
- package/chunks/ListItemTail.module-DGc45Gzs.js +0 -12
- package/chunks/ListMasterFooter.module-CEzWKTX8.js +0 -10
- package/chunks/Overlay.module-Q2gyaG66.js +0 -18
- package/chunks/Page.module-DxiWg_8o.js +0 -16
- package/chunks/TabsExtended.module-BF_E00U4.js +0 -13
- package/chunks/TooltipDesktop.module-C9Nuoxhf.js +0 -19
- package/chunks/utils-DF32MMDm.js +0 -36
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
import { jsx as c } from "react/jsx-runtime";
|
|
2
|
-
import l, { useContext as
|
|
3
|
-
import { c as
|
|
4
|
-
import { ListItemContext as
|
|
5
|
-
const
|
|
6
|
-
listItemContent:
|
|
7
|
-
selected:
|
|
8
|
-
},
|
|
2
|
+
import l, { useContext as i } from "react";
|
|
3
|
+
import { c as r } from "../../../chunks/vendor-CF2m175I.js";
|
|
4
|
+
import { ListItemContext as a } from "./ListItemContext.js";
|
|
5
|
+
const d = "listItemContent__cd9a021b", C = "selected__58458537", t = {
|
|
6
|
+
listItemContent: d,
|
|
7
|
+
selected: C
|
|
8
|
+
}, f = l.forwardRef(
|
|
9
9
|
({ children: e, className: s, ...o }, n) => {
|
|
10
|
-
const { selected: m } =
|
|
10
|
+
const { selected: m } = i(a);
|
|
11
11
|
return /* @__PURE__ */ c(
|
|
12
12
|
"div",
|
|
13
13
|
{
|
|
14
|
-
className:
|
|
14
|
+
className: r(t.listItemContent, { [t.selected]: m }, s),
|
|
15
15
|
...o,
|
|
16
|
-
"data-tx": "0.1.
|
|
16
|
+
"data-tx": "0.1.9",
|
|
17
17
|
ref: n,
|
|
18
18
|
children: e
|
|
19
19
|
}
|
|
20
20
|
);
|
|
21
21
|
}
|
|
22
22
|
);
|
|
23
|
-
|
|
23
|
+
f.displayName = "ListItemContent";
|
|
24
24
|
export {
|
|
25
|
-
|
|
25
|
+
f as ListItemContent
|
|
26
26
|
};
|
|
27
27
|
//# sourceMappingURL=ListItemContent.js.map
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import { c as
|
|
4
|
-
const i = "
|
|
2
|
+
import m from "react";
|
|
3
|
+
import { c as e } from "../../../chunks/vendor-CF2m175I.js";
|
|
4
|
+
const i = "listItemControls__c3f740a6", a = {
|
|
5
5
|
listItemControls: i
|
|
6
|
-
},
|
|
7
|
-
({ children: t, className: o, ...s }, l) => /* @__PURE__ */ r("div", { className:
|
|
6
|
+
}, n = m.forwardRef(
|
|
7
|
+
({ children: t, className: o, ...s }, l) => /* @__PURE__ */ r("div", { className: e(a.listItemControls, o), ...s, ref: l, children: t })
|
|
8
8
|
);
|
|
9
|
-
|
|
9
|
+
n.displayName = "ListItemControls";
|
|
10
10
|
export {
|
|
11
|
-
|
|
11
|
+
n as ListItemControls
|
|
12
12
|
};
|
|
13
13
|
//# sourceMappingURL=ListItemControls.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
3
|
import "../../../chunks/vendor-CF2m175I.js";
|
|
4
|
-
import { L as e } from "../../../chunks/ListItemControlsButton-
|
|
4
|
+
import { L as e } from "../../../chunks/ListItemControlsButton-BtMEMrGK.js";
|
|
5
5
|
import "../../Typography/enums.js";
|
|
6
6
|
import "../../Typography/Text.js";
|
|
7
7
|
export {
|
|
@@ -3,7 +3,7 @@ import "react";
|
|
|
3
3
|
import "../../../chunks/vendor-CF2m175I.js";
|
|
4
4
|
import "../../Typography/enums.js";
|
|
5
5
|
import "../../Typography/Text.js";
|
|
6
|
-
import { L as D } from "../../../chunks/index-
|
|
6
|
+
import { L as D } from "../../../chunks/index-CAZEh1iw.js";
|
|
7
7
|
import "../../../utils/keyboard.js";
|
|
8
8
|
import "../../Dropdown/DropdownListContext.js";
|
|
9
9
|
import "../../Dropdown/mobile/DropdownMobile.js";
|
|
@@ -15,7 +15,7 @@ import "../../Dropdown/mobile/DropdownMobileInner.js";
|
|
|
15
15
|
import "../../Dropdown/mobile/DropdownMobileInput.js";
|
|
16
16
|
import "../../Dropdown/mobile/DropdownMobileList.js";
|
|
17
17
|
import "../../Dropdown/mobile/DropdownMobileListItem.js";
|
|
18
|
-
import "../../../chunks/ListItemControlsButton-
|
|
18
|
+
import "../../../chunks/ListItemControlsButton-BtMEMrGK.js";
|
|
19
19
|
export {
|
|
20
20
|
D as ListItemControlsButtonDropdown
|
|
21
21
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import a from "react";
|
|
3
3
|
import { c as e } from "../../../chunks/vendor-CF2m175I.js";
|
|
4
|
-
const m = "
|
|
4
|
+
const m = "listItemLoading__0805f7b5", d = {
|
|
5
5
|
listItemLoading: m
|
|
6
6
|
}, l = a.forwardRef(
|
|
7
7
|
({ className: t, ...i }, o) => /* @__PURE__ */ s("div", { className: e(d.listItemLoading, t), ...i, ref: o, children: "Лоадер" })
|
|
@@ -3,7 +3,7 @@ import p, { useContext as m, useEffect as d } from "react";
|
|
|
3
3
|
import { c as k } from "../../../chunks/vendor-CF2m175I.js";
|
|
4
4
|
import { Checkbox as x } from "../../Checkbox/Checkbox.js";
|
|
5
5
|
import { ListItemContext as _ } from "./ListItemContext.js";
|
|
6
|
-
const f = "
|
|
6
|
+
const f = "listItemSelectable__a46d0037", L = "selected__58458537", C = "checkboxWrapper__999756ad", W = "childrenWrapper__5362acf7", I = "checkboxLabel__7434cdb7", S = "checkboxLabelClickArea__80fbc36e", e = {
|
|
7
7
|
listItemSelectable: f,
|
|
8
8
|
selected: L,
|
|
9
9
|
checkboxWrapper: C,
|
|
@@ -6,8 +6,8 @@ import "../ListSortable.js";
|
|
|
6
6
|
import "./ListItem.js";
|
|
7
7
|
import "./ListItemControls.js";
|
|
8
8
|
import "./ListItemContent.js";
|
|
9
|
-
import "../../../chunks/ListItemControlsButton-
|
|
10
|
-
import { f as h } from "../../../chunks/index-
|
|
9
|
+
import "../../../chunks/ListItemControlsButton-BtMEMrGK.js";
|
|
10
|
+
import { f as h } from "../../../chunks/index-CAZEh1iw.js";
|
|
11
11
|
import "./ListEmptyState.js";
|
|
12
12
|
import "./ListItemLoading.js";
|
|
13
13
|
import "./ListItemSelectable.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as l, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import m from "react";
|
|
3
3
|
import { c as o } from "../../../chunks/vendor-CF2m175I.js";
|
|
4
|
-
import { s } from "../../../chunks/ListItemTail.module-
|
|
4
|
+
import { s } from "../../../chunks/ListItemTail.module-BBV_gvLd.js";
|
|
5
5
|
const r = m.forwardRef(
|
|
6
6
|
({ className: a, ...e }, i) => /* @__PURE__ */ l(
|
|
7
7
|
"span",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as m, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import e from "react";
|
|
3
3
|
import { c as o } from "../../../chunks/vendor-CF2m175I.js";
|
|
4
|
-
import { s } from "../../../chunks/ListItemTail.module-
|
|
4
|
+
import { s } from "../../../chunks/ListItemTail.module-BBV_gvLd.js";
|
|
5
5
|
const r = e.forwardRef(
|
|
6
6
|
({ className: a, ...i }, l) => /* @__PURE__ */ m(
|
|
7
7
|
"span",
|
|
@@ -6,8 +6,8 @@ import "../ListSortable.js";
|
|
|
6
6
|
import "./ListItem.js";
|
|
7
7
|
import "./ListItemControls.js";
|
|
8
8
|
import "./ListItemContent.js";
|
|
9
|
-
import "../../../chunks/ListItemControlsButton-
|
|
10
|
-
import { g as d } from "../../../chunks/index-
|
|
9
|
+
import "../../../chunks/ListItemControlsButton-BtMEMrGK.js";
|
|
10
|
+
import { g as d } from "../../../chunks/index-CAZEh1iw.js";
|
|
11
11
|
import "./ListEmptyState.js";
|
|
12
12
|
import "./ListItemLoading.js";
|
|
13
13
|
import "./ListItemSelectable.js";
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import { c as
|
|
4
|
-
const a = "
|
|
2
|
+
import l from "react";
|
|
3
|
+
import { c as e } from "../../../chunks/vendor-CF2m175I.js";
|
|
4
|
+
const a = "listSortableItemControls__2f5121cf", m = {
|
|
5
5
|
listSortableItemControls: a
|
|
6
|
-
}, i =
|
|
6
|
+
}, i = l.forwardRef(
|
|
7
7
|
({ className: t, ...o }, r) => /* @__PURE__ */ s(
|
|
8
8
|
"div",
|
|
9
9
|
{
|
|
10
|
-
className:
|
|
10
|
+
className: e(m.listSortableItemControls, t),
|
|
11
11
|
"data-draggable": "false",
|
|
12
12
|
...o,
|
|
13
13
|
ref: r
|
|
@@ -2,7 +2,7 @@ import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
|
2
2
|
import m from "react";
|
|
3
3
|
import { DragdotsStrokeSrvIcon24 as n } from "@sberbusiness/icons-next";
|
|
4
4
|
import { c as I } from "../../../chunks/vendor-CF2m175I.js";
|
|
5
|
-
const c = "
|
|
5
|
+
const c = "listSortableItemTarget__260f3d00", b = "dragging__ee9b0408", S = "listSortableItemTargetContent__28484ddb", d = "listSortableItemTargetIcon__f79f1f0a", t = {
|
|
6
6
|
listSortableItemTarget: c,
|
|
7
7
|
dragging: b,
|
|
8
8
|
listSortableItemTargetContent: S,
|
package/components/List/index.js
CHANGED
|
@@ -3,8 +3,8 @@ import { AdvancedMouseSensor as m, AdvancedTouchSensor as s, ListSortable as i }
|
|
|
3
3
|
import { ListItem as a } from "./components/ListItem.js";
|
|
4
4
|
import { ListItemControls as p } from "./components/ListItemControls.js";
|
|
5
5
|
import { ListItemContent as x } from "./components/ListItemContent.js";
|
|
6
|
-
import { L as I } from "../../chunks/ListItemControlsButton-
|
|
7
|
-
import { L as b, f as d, g as C } from "../../chunks/index-
|
|
6
|
+
import { L as I } from "../../chunks/ListItemControlsButton-BtMEMrGK.js";
|
|
7
|
+
import { L as b, f as d, g as C } from "../../chunks/index-CAZEh1iw.js";
|
|
8
8
|
import { ListEmptyState as c } from "./components/ListEmptyState.js";
|
|
9
9
|
import { ListItemLoading as u } from "./components/ListItemLoading.js";
|
|
10
10
|
import { ListItemSelectable as v } from "./components/ListItemSelectable.js";
|
|
@@ -6,7 +6,7 @@ import { ListMasterHeader as a } from "./components/ListMasterHeader.js";
|
|
|
6
6
|
import { SelectionControls as n } from "./components/SelectionControls.js";
|
|
7
7
|
import { ListMasterFooterControls as f } from "./components/ListMasterFooterControls.js";
|
|
8
8
|
import { ListMasterFooterDescription as L } from "./components/ListMasterFooterDescription.js";
|
|
9
|
-
const o = ({ children: t, className: r, ...e }) => /* @__PURE__ */ i("div", { className: r, ...e, "data-tx": "0.1.
|
|
9
|
+
const o = ({ children: t, className: r, ...e }) => /* @__PURE__ */ i("div", { className: r, ...e, "data-tx": "0.1.9", children: t });
|
|
10
10
|
o.Body = m;
|
|
11
11
|
o.ChipGroup = s;
|
|
12
12
|
o.Footer = p;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import p from "react";
|
|
3
3
|
import { c as a } from "../../../chunks/vendor-CF2m175I.js";
|
|
4
|
-
const e = "
|
|
4
|
+
const e = "listMasterChipGroup__39bea492", l = {
|
|
5
5
|
listMasterChipGroup: e
|
|
6
6
|
}, m = p.forwardRef(
|
|
7
7
|
({ children: s, className: t, ...r }, i) => (
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import m from "react";
|
|
3
3
|
import { c as f } from "../../../chunks/vendor-CF2m175I.js";
|
|
4
|
-
import { s as t } from "../../../chunks/ListMasterFooter.module-
|
|
4
|
+
import { s as t } from "../../../chunks/ListMasterFooter.module-Cw1r4pz-.js";
|
|
5
5
|
const c = m.forwardRef(
|
|
6
6
|
({ children: r, className: s, sticky: o = !0, ...e }, a) => /* @__PURE__ */ i(
|
|
7
7
|
"div",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import a from "react";
|
|
3
3
|
import { c as m } from "../../../chunks/vendor-CF2m175I.js";
|
|
4
|
-
import { s as i } from "../../../chunks/ListMasterFooter.module-
|
|
4
|
+
import { s as i } from "../../../chunks/ListMasterFooter.module-Cw1r4pz-.js";
|
|
5
5
|
const l = a.forwardRef(
|
|
6
6
|
({ children: o, className: t, ...r }, s) => /* @__PURE__ */ e("div", { className: m(i.listMasterFooterControls, t), ...r, ref: s, children: o })
|
|
7
7
|
);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import i from "react";
|
|
3
3
|
import { c as a } from "../../../chunks/vendor-CF2m175I.js";
|
|
4
|
-
import { s as m } from "../../../chunks/ListMasterFooter.module-
|
|
4
|
+
import { s as m } from "../../../chunks/ListMasterFooter.module-Cw1r4pz-.js";
|
|
5
5
|
const p = i.forwardRef(
|
|
6
6
|
({ children: t, className: o, ...r }, s) => /* @__PURE__ */ e("div", { className: a(m.listMasterFooterDescription, o), ...r, ref: s, children: t })
|
|
7
7
|
);
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
1
|
+
import { jsx as d } from "react/jsx-runtime";
|
|
2
|
+
import f, { useRef as o, useEffect as m } from "react";
|
|
3
3
|
import { c as w } from "../../../chunks/vendor-CF2m175I.js";
|
|
4
|
-
const p = "
|
|
4
|
+
const p = "listMasterHeader__553ede96", y = "sticky__c6955ea3", c = {
|
|
5
5
|
listMasterHeader: p,
|
|
6
6
|
sticky: y
|
|
7
|
-
}, H =
|
|
8
|
-
({ children: i, className: n, sticky: a = !0, ...l },
|
|
9
|
-
const
|
|
7
|
+
}, H = f.forwardRef(
|
|
8
|
+
({ children: i, className: n, sticky: a = !0, ...l }, e) => {
|
|
9
|
+
const t = o(null), r = o(0);
|
|
10
10
|
m(() => {
|
|
11
|
-
if (
|
|
12
|
-
return r.current =
|
|
11
|
+
if (t.current)
|
|
12
|
+
return r.current = t.current.getBoundingClientRect().height, window.scrollTo({ top: window.scrollY + r.current }), () => {
|
|
13
13
|
window.scrollTo({ top: Math.max(window.scrollY - r.current, 0) });
|
|
14
14
|
};
|
|
15
15
|
}, []);
|
|
16
|
-
const
|
|
17
|
-
|
|
16
|
+
const u = (s) => {
|
|
17
|
+
t.current = s, typeof e == "function" ? e(s) : e && (e.current = s);
|
|
18
18
|
};
|
|
19
|
-
return /* @__PURE__ */
|
|
19
|
+
return /* @__PURE__ */ d(
|
|
20
20
|
"div",
|
|
21
21
|
{
|
|
22
22
|
className: w(
|
|
@@ -27,7 +27,7 @@ const p = "listMasterHeader__ff870777", y = "sticky__c335ac6f", c = {
|
|
|
27
27
|
n
|
|
28
28
|
),
|
|
29
29
|
...l,
|
|
30
|
-
ref:
|
|
30
|
+
ref: u,
|
|
31
31
|
children: i
|
|
32
32
|
}
|
|
33
33
|
);
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { jsx as l } from "react/jsx-runtime";
|
|
2
2
|
import n from "react";
|
|
3
3
|
import { c as r } from "../../../chunks/vendor-CF2m175I.js";
|
|
4
|
-
const c = "
|
|
4
|
+
const c = "selectionControls__f44e19a7", a = {
|
|
5
5
|
selectionControls: c
|
|
6
6
|
}, i = n.forwardRef(
|
|
7
|
-
({ children: o, className: t, ...
|
|
7
|
+
({ children: o, className: t, ...s }, e) => /* @__PURE__ */ l(
|
|
8
8
|
"div",
|
|
9
9
|
{
|
|
10
10
|
className: r(a.selectionControls, t),
|
|
11
|
-
...
|
|
12
|
-
"data-tx": "0.1.
|
|
13
|
-
ref:
|
|
11
|
+
...s,
|
|
12
|
+
"data-tx": "0.1.9",
|
|
13
|
+
ref: e,
|
|
14
14
|
children: o
|
|
15
15
|
}
|
|
16
16
|
)
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as a, jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { c as t } from "../../../chunks/vendor-CF2m175I.js";
|
|
3
|
-
const
|
|
4
|
-
loaderMiddle:
|
|
3
|
+
const s = "loaderMiddle__cae03d27", e = "dot__38bdbea6", l = "dot1__a0597be9", n = "dot2__b479eb39", c = "dot3__8ebf9b39", i = "dot4__04664381", r = "line__9a2a2df6", d = {
|
|
4
|
+
loaderMiddle: s,
|
|
5
5
|
dot: e,
|
|
6
6
|
dot1: l,
|
|
7
7
|
dot2: n,
|
|
8
8
|
dot3: c,
|
|
9
9
|
dot4: i,
|
|
10
10
|
line: r
|
|
11
|
-
}, _ = () => /* @__PURE__ */
|
|
11
|
+
}, _ = () => /* @__PURE__ */ a("div", { role: "status", "aria-label": "loading", className: d.loaderMiddle, children: [
|
|
12
12
|
/* @__PURE__ */ o("span", { className: d.line }),
|
|
13
13
|
/* @__PURE__ */ o("span", { className: t(d.dot, d.dot1) }),
|
|
14
14
|
/* @__PURE__ */ o("span", { className: t(d.dot, d.dot2) }),
|
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as n, jsx as l } from "react/jsx-runtime";
|
|
2
2
|
import { c as o } from "../../../chunks/vendor-CF2m175I.js";
|
|
3
|
-
import { ELoaderSmallTheme as
|
|
4
|
-
const
|
|
5
|
-
loaderSmall:
|
|
3
|
+
import { ELoaderSmallTheme as d, ELoaderSmallSize as e } from "./enum.js";
|
|
4
|
+
const c = "loaderSmall__6eaf6ea3", m = "sm__55c17c31", _ = "dot__38bdbea6", b = "md__f20e3104", S = "lg__97f6bf74", f = "neutral__6c5bef76", i = "brand__cf79cbf0", u = "dot1__a0597be9", p = "dot2__b479eb39", L = "dot3__8ebf9b39", a = {
|
|
5
|
+
loaderSmall: c,
|
|
6
6
|
sm: m,
|
|
7
7
|
dot: _,
|
|
8
|
-
md:
|
|
9
|
-
lg:
|
|
10
|
-
neutral:
|
|
11
|
-
brand:
|
|
12
|
-
dot1:
|
|
13
|
-
dot2:
|
|
14
|
-
dot3:
|
|
8
|
+
md: b,
|
|
9
|
+
lg: S,
|
|
10
|
+
neutral: f,
|
|
11
|
+
brand: i,
|
|
12
|
+
dot1: u,
|
|
13
|
+
dot2: p,
|
|
14
|
+
dot3: L
|
|
15
15
|
}, t = (s) => {
|
|
16
16
|
switch (s) {
|
|
17
|
-
case
|
|
17
|
+
case d.BRAND:
|
|
18
18
|
return a.brand;
|
|
19
|
-
case
|
|
19
|
+
case d.NEUTRAL:
|
|
20
20
|
return a.neutral;
|
|
21
21
|
}
|
|
22
22
|
}, g = (s) => {
|
|
23
23
|
switch (s) {
|
|
24
|
-
case
|
|
24
|
+
case e.SM:
|
|
25
25
|
return a.sm;
|
|
26
|
-
case
|
|
26
|
+
case e.MD:
|
|
27
27
|
return a.md;
|
|
28
|
-
case
|
|
28
|
+
case e.LG:
|
|
29
29
|
return a.lg;
|
|
30
30
|
}
|
|
31
|
-
}, N = ({ theme: s, size:
|
|
31
|
+
}, N = ({ theme: s, size: r }) => /* @__PURE__ */ n(
|
|
32
32
|
"span",
|
|
33
33
|
{
|
|
34
34
|
role: "status",
|
|
35
35
|
"aria-label": "loading",
|
|
36
|
-
className: o(a.loaderSmall, g(
|
|
36
|
+
className: o(a.loaderSmall, g(r), t(s)),
|
|
37
37
|
children: [
|
|
38
38
|
/* @__PURE__ */ l("span", { className: o(t(s), a.dot, a.dot1) }),
|
|
39
39
|
/* @__PURE__ */ l("span", { className: o(t(s), a.dot, a.dot2) }),
|
|
@@ -3,26 +3,26 @@ import { LoaderSmall as m } from "../Loader/LoaderSmall/LoaderSmall.js";
|
|
|
3
3
|
import { ELoaderSmallTheme as s, ELoaderSmallSize as t } from "../Loader/LoaderSmall/enum.js";
|
|
4
4
|
import { LoaderMiddle as n } from "../Loader/LoaderMiddle/LoaderMiddle.js";
|
|
5
5
|
import { c as p } from "../../chunks/vendor-CF2m175I.js";
|
|
6
|
-
const B = "
|
|
6
|
+
const B = "loaderWidget__06e2bdd8", k = "loaderSmallBackdrop__b3ad9907", g = "loaderMiddleBackdrop__70035bc7", M = "loaderMiddleBackground__7039e34d", a = {
|
|
7
7
|
loaderWidget: B,
|
|
8
8
|
loaderSmallBackdrop: k,
|
|
9
9
|
loaderMiddleBackdrop: g,
|
|
10
10
|
loaderMiddleBackground: M
|
|
11
|
-
},
|
|
11
|
+
}, S = ({
|
|
12
12
|
className: o,
|
|
13
|
-
size:
|
|
13
|
+
size: e = t.MD,
|
|
14
14
|
type: l,
|
|
15
|
-
theme:
|
|
15
|
+
theme: r = s.BRAND,
|
|
16
16
|
...c
|
|
17
17
|
}) => {
|
|
18
18
|
const i = p(o, a.loaderWidget, {
|
|
19
19
|
[a.loaderSmallBackdrop]: l === "small",
|
|
20
20
|
[a.loaderMiddleBackdrop]: l === "middle"
|
|
21
21
|
});
|
|
22
|
-
return /* @__PURE__ */ d("div", { className: i, ...c, children: l === "small" ? /* @__PURE__ */ d(m, { size:
|
|
22
|
+
return /* @__PURE__ */ d("div", { className: i, ...c, children: l === "small" ? /* @__PURE__ */ d(m, { size: e, theme: r }) : /* @__PURE__ */ d("div", { className: a.loaderMiddleBackground, children: /* @__PURE__ */ d(n, {}) }) });
|
|
23
23
|
};
|
|
24
|
-
|
|
24
|
+
S.displayName = "LoaderWidget";
|
|
25
25
|
export {
|
|
26
|
-
|
|
26
|
+
S as LoaderWidget
|
|
27
27
|
};
|
|
28
28
|
//# sourceMappingURL=LoaderWidget.js.map
|
|
@@ -4,7 +4,7 @@ import { c as u } from "../../chunks/vendor-CF2m175I.js";
|
|
|
4
4
|
import { OverlayBase as k } from "./OverlayBase.js";
|
|
5
5
|
import { OverlayMask as B } from "./OverlayMask.js";
|
|
6
6
|
import { OverlayPanel as M } from "./OverlayPanel.js";
|
|
7
|
-
import { s as r } from "../../chunks/Overlay.module-
|
|
7
|
+
import { s as r } from "../../chunks/Overlay.module-08zZh8Y9.js";
|
|
8
8
|
const s = ({
|
|
9
9
|
children: o,
|
|
10
10
|
className: i,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as m } from "react/jsx-runtime";
|
|
2
2
|
import l from "react";
|
|
3
3
|
import { c as t } from "../../chunks/vendor-CF2m175I.js";
|
|
4
|
-
import { s as a } from "../../chunks/Overlay.module-
|
|
4
|
+
import { s as a } from "../../chunks/Overlay.module-08zZh8Y9.js";
|
|
5
5
|
const f = l.forwardRef(({ className: r, opened: s, ...e }, o) => /* @__PURE__ */ m(
|
|
6
6
|
"div",
|
|
7
7
|
{
|
|
@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
|
|
|
2
2
|
import n from "react";
|
|
3
3
|
import { c as d } from "../../chunks/vendor-CF2m175I.js";
|
|
4
4
|
import { EOverlayDirection as r } from "./OverlayBase.js";
|
|
5
|
-
import { s as e } from "../../chunks/Overlay.module-
|
|
5
|
+
import { s as e } from "../../chunks/Overlay.module-08zZh8Y9.js";
|
|
6
6
|
const P = n.forwardRef(
|
|
7
7
|
({
|
|
8
8
|
children: s,
|
package/components/Page/Page.js
CHANGED
|
@@ -4,7 +4,7 @@ import { c as s } from "../../chunks/vendor-CF2m175I.js";
|
|
|
4
4
|
import { BodyPage as i } from "./components/BodyPage.js";
|
|
5
5
|
import { HeaderPage as f } from "./components/HeaderPage.js";
|
|
6
6
|
import { FooterPage as p } from "./components/FooterPage.js";
|
|
7
|
-
import { s as d } from "../../chunks/Page.module-
|
|
7
|
+
import { s as d } from "../../chunks/Page.module-Ccvf_vDR.js";
|
|
8
8
|
import "./components/enums.js";
|
|
9
9
|
const g = Object.assign(
|
|
10
10
|
m.forwardRef(function({ children: o, className: r, ...e }, a) {
|
|
@@ -2,7 +2,7 @@ import { jsx as m } from "react/jsx-runtime";
|
|
|
2
2
|
import s from "react";
|
|
3
3
|
import { Body as e } from "../../Body/Body.js";
|
|
4
4
|
import { c as t } from "../../../chunks/vendor-CF2m175I.js";
|
|
5
|
-
import { s as f } from "../../../chunks/Page.module-
|
|
5
|
+
import { s as f } from "../../../chunks/Page.module-Ccvf_vDR.js";
|
|
6
6
|
const d = s.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ m(e, { className: t(f.bodyPage, o), ...r, ref: a }));
|
|
7
7
|
d.displayName = "BodyPage";
|
|
8
8
|
export {
|
|
@@ -2,7 +2,7 @@ import { jsxs as k, jsx as s, Fragment as N } from "react/jsx-runtime";
|
|
|
2
2
|
import S, { useState as p, useRef as P, useEffect as v } from "react";
|
|
3
3
|
import { Footer as n } from "../../Footer/Footer.js";
|
|
4
4
|
import { EFooterPageType as c } from "./enums.js";
|
|
5
|
-
import { s as e } from "../../../chunks/Page.module-
|
|
5
|
+
import { s as e } from "../../../chunks/Page.module-Ccvf_vDR.js";
|
|
6
6
|
import { c as D } from "../../../chunks/vendor-CF2m175I.js";
|
|
7
7
|
const F = Object.assign(
|
|
8
8
|
S.forwardRef(({ className: u, type: r, ...t }, i) => {
|
|
@@ -2,7 +2,7 @@ import { jsxs as h, jsx as c, Fragment as S } from "react/jsx-runtime";
|
|
|
2
2
|
import b, { useState as k, useRef as N, useEffect as P } from "react";
|
|
3
3
|
import { Header as e } from "../../Header/Header.js";
|
|
4
4
|
import { EHeaderPageType as o } from "./enums.js";
|
|
5
|
-
import { s as r } from "../../../chunks/Page.module-
|
|
5
|
+
import { s as r } from "../../../chunks/Page.module-Ccvf_vDR.js";
|
|
6
6
|
import { c as v } from "../../../chunks/vendor-CF2m175I.js";
|
|
7
7
|
const x = Object.assign(
|
|
8
8
|
b.forwardRef(({ className: m, type: a, ...s }, n) => {
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { c as d } from "../../../chunks/vendor-CF2m175I.js";
|
|
3
3
|
import i from "react";
|
|
4
|
-
const r = "
|
|
4
|
+
const r = "paginationExtended__52fcbf12", s = {
|
|
5
5
|
paginationExtended: r
|
|
6
6
|
}, x = i.forwardRef(
|
|
7
7
|
({ children: t, className: a, ...n }, e) => /* @__PURE__ */ o(
|
|
8
8
|
"nav",
|
|
9
9
|
{
|
|
10
10
|
className: d(s.paginationExtended, a),
|
|
11
|
-
"data-tx": "0.1.
|
|
11
|
+
"data-tx": "0.1.9",
|
|
12
12
|
...n,
|
|
13
13
|
ref: e,
|
|
14
14
|
children: t
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import c from "react";
|
|
3
3
|
import { ButtonIcon as p } from "../../Button/ButtonIcon.js";
|
|
4
4
|
import { EButtonIconShape as m } from "../../Button/enums.js";
|
|
5
5
|
import { EPaginationNavigationIconDirection as s } from "../enums.js";
|
|
6
6
|
import o from "@sberbusiness/icons-next/CaretleftStrokeSrvIcon24";
|
|
7
|
-
const
|
|
8
|
-
paginationNavigationButton:
|
|
9
|
-
directionIconNext:
|
|
10
|
-
},
|
|
7
|
+
const f = "paginationNavigationButton__4273ff8c", g = "directionIconNext__3808f3f6", n = {
|
|
8
|
+
paginationNavigationButton: f,
|
|
9
|
+
directionIconNext: g
|
|
10
|
+
}, N = c.forwardRef(
|
|
11
11
|
({ direction: i, ...a }, e) => {
|
|
12
|
-
const
|
|
12
|
+
const r = i === s.BACK;
|
|
13
13
|
return /* @__PURE__ */ t(
|
|
14
14
|
p,
|
|
15
15
|
{
|
|
@@ -17,13 +17,13 @@ const g = "paginationNavigationButton__70bc4774", N = "directionIconNext__9c0190
|
|
|
17
17
|
shape: m.SQUIRCLE,
|
|
18
18
|
...a,
|
|
19
19
|
ref: e,
|
|
20
|
-
children:
|
|
20
|
+
children: r ? /* @__PURE__ */ t(o, { paletteIndex: 5 }) : /* @__PURE__ */ t(o, { paletteIndex: 5, className: n.directionIconNext })
|
|
21
21
|
}
|
|
22
22
|
);
|
|
23
23
|
}
|
|
24
24
|
);
|
|
25
|
-
|
|
25
|
+
N.displayName = "PaginationNavigationButton";
|
|
26
26
|
export {
|
|
27
|
-
|
|
27
|
+
N as PaginationNavigationButton
|
|
28
28
|
};
|
|
29
29
|
//# sourceMappingURL=PaginationNavigationButton.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import e from "react";
|
|
3
3
|
import { c as d } from "../../../chunks/vendor-CF2m175I.js";
|
|
4
|
-
const g = "
|
|
4
|
+
const g = "paginationNavigationExtended__ea64060b", r = {
|
|
5
5
|
paginationNavigationExtended: g
|
|
6
6
|
}, s = e.forwardRef(
|
|
7
7
|
({ children: a, className: t, ...i }, n) => /* @__PURE__ */ o("ul", { className: d(r.paginationNavigationExtended, t), ...i, ref: n, children: a })
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import g from "react";
|
|
3
3
|
import { c } from "../../../chunks/vendor-CF2m175I.js";
|
|
4
|
-
const s = "
|
|
4
|
+
const s = "paginationPageButton__00ee00d3", u = "currentPage__958e7781", a = {
|
|
5
5
|
paginationPageButton: s,
|
|
6
6
|
currentPage: u
|
|
7
7
|
}, P = g.forwardRef(
|
|
8
|
-
({ isCurrent: t = !1, children:
|
|
8
|
+
({ isCurrent: t = !1, children: e, className: n, ...o }, i) => /* @__PURE__ */ r(
|
|
9
9
|
"button",
|
|
10
10
|
{
|
|
11
11
|
className: c(
|
|
@@ -13,12 +13,12 @@ const s = "paginationPageButton__c5d1f3ed", u = "currentPage__afae628d", a = {
|
|
|
13
13
|
{
|
|
14
14
|
[a.currentPage]: t
|
|
15
15
|
},
|
|
16
|
-
|
|
16
|
+
n
|
|
17
17
|
),
|
|
18
18
|
"aria-live": t ? "polite" : void 0,
|
|
19
|
-
...
|
|
19
|
+
...o,
|
|
20
20
|
ref: i,
|
|
21
|
-
children:
|
|
21
|
+
children: e
|
|
22
22
|
}
|
|
23
23
|
)
|
|
24
24
|
);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as p } from "react/jsx-runtime";
|
|
2
2
|
import { c as e } from "../../../chunks/vendor-CF2m175I.js";
|
|
3
3
|
import o from "react";
|
|
4
|
-
const t = "
|
|
4
|
+
const t = "pageEllipsis__c7b8ba52", r = {
|
|
5
5
|
pageEllipsis: t
|
|
6
6
|
}, n = o.forwardRef(
|
|
7
7
|
({ children: s, className: a, ...i }, l) => /* @__PURE__ */ p("span", { className: e(r.pageEllipsis, a), ...i, ref: l, children: s })
|