@sberbusiness/triplex-next 1.1.0 → 1.1.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.
- package/chunks/{AlertProcessSpoiler-Dp7FRT9y.js → AlertProcessSpoiler-Caa0745n.js} +10 -10
- package/chunks/Card.module-BRANBAxP.js +17 -0
- package/chunks/{DropdownListItem-y6Rvj_dd.js → DropdownListItem-DIIAnvmw.js} +13 -13
- package/chunks/DropdownMobile.module-BUeZuAYr.js +19 -0
- package/chunks/Footer.module-BFo05t5_.js +11 -0
- package/chunks/{FormFieldInput-apk1b0w6.js → FormFieldInput-rV5ZVe9k.js} +21 -21
- package/chunks/HeaderLayoutSidebar.module-CEqBuRNu.js +9 -0
- package/chunks/HeaderTabs.module-BEaVu2Hx.js +9 -0
- package/chunks/HeaderTitle.module-Db-1fcNm.js +9 -0
- package/chunks/{ListItemControlsButton-Cn3Vmrsn.js → ListItemControlsButton-Ch-5PQYH.js} +5 -5
- package/chunks/ListItemTail.module-C5-4SAqt.js +12 -0
- package/chunks/ListMasterFooter.module-Dph-_lLg.js +10 -0
- package/chunks/Overlay.module-D6LEz1jT.js +18 -0
- package/chunks/Page.module-Ct9ky9ko.js +16 -0
- package/chunks/TabsExtended.module-CmU9j8zG.js +13 -0
- package/chunks/{TabsExtendedUtils-NCwWiX7O.js → TabsExtendedUtils-CkAvE1fA.js} +4 -4
- package/chunks/TooltipDesktop.module-KrPZMfQD.js +19 -0
- package/chunks/{UploadZoneInput-R9729LZY.js → UploadZoneInput-CXjerIVV.js} +7 -7
- package/chunks/utils-bbbspEnw.js +36 -0
- package/components/Alert/AlertContext/AlertContext.js +9 -9
- package/components/Alert/AlertProcess/AlertProcess.js +2 -2
- package/components/Alert/AlertProcess/components/AlertProcessSpoiler.js +1 -1
- package/components/Body/Body.js +7 -7
- package/components/Button/Button.js +25 -25
- package/components/Button/ButtonBase.js +1 -1
- package/components/Button/ButtonDropdown.js +37 -37
- package/components/Button/ButtonDropdownExtended.js +5 -5
- package/components/Button/ButtonIcon.js +1 -1
- package/components/Card/CardAction.js +25 -25
- 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 +6 -6
- package/components/Checkbox/CheckboxXGroup.js +16 -16
- package/components/Checkbox/CheckboxYGroup.js +1 -1
- package/components/Col/Col.js +145 -145
- package/components/DesignTokens/DesignTokenUtils.js +1 -1
- package/components/Dropdown/desktop/DropdownDesktop.js +10 -10
- package/components/Dropdown/desktop/DropdownList.js +1 -1
- package/components/Dropdown/desktop/DropdownListItem.js +1 -1
- package/components/Dropdown/index.js +1 -1
- 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 +16 -16
- package/components/FormField/components/FormFieldClear.js +9 -9
- package/components/FormField/components/FormFieldCounter.js +5 -5
- package/components/FormField/components/FormFieldDescription.js +8 -8
- package/components/FormField/components/FormFieldInput.js +1 -1
- package/components/FormField/components/FormFieldLabel.js +11 -11
- package/components/FormField/components/FormFieldMaskedInput.js +5 -5
- package/components/FormField/components/FormFieldPostfix.js +5 -5
- package/components/FormField/components/FormFieldPrefix.js +5 -5
- package/components/FormField/components/FormFieldTarget.js +16 -16
- package/components/FormField/components/FormFieldTextarea.js +1 -1
- package/components/FormField/index.js +1 -1
- package/components/Header/Header.js +11 -11
- 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 +8 -8
- 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/Island/Island.js +16 -16
- package/components/Island/components/IslandBody.js +1 -1
- package/components/Island/components/IslandFooter.js +4 -4
- package/components/Island/components/IslandHeader.js +3 -3
- package/components/Link/Link.js +32 -32
- package/components/List/List.js +5 -5
- package/components/List/components/ListEmptyState.js +5 -5
- package/components/List/components/ListItem.js +1 -1
- package/components/List/components/ListItemContent.js +6 -6
- package/components/List/components/ListItemControls.js +7 -7
- package/components/List/components/ListItemControlsButton.js +1 -1
- package/components/List/components/ListItemControlsButtonDropdown.js +1 -1
- package/components/List/components/ListItemLoading.js +5 -5
- package/components/List/components/ListItemSelectable.js +11 -11
- package/components/List/components/ListItemTable.js +5 -5
- package/components/List/components/ListItemTailLeft.js +1 -1
- package/components/List/components/ListItemTailRight.js +1 -1
- package/components/List/components/ListSortableItem.js +5 -5
- package/components/List/components/ListSortableItemControls.js +1 -1
- package/components/List/components/ListSortableItemTarget.js +10 -10
- package/components/List/index.js +1 -1
- package/components/ListMaster/ListMaster.js +1 -1
- package/components/ListMaster/components/ListMasterBody.js +1 -1
- package/components/ListMaster/components/ListMasterChipGroup.js +8 -8
- 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 +5 -5
- package/components/ListMaster/components/SelectionControls.js +2 -2
- package/components/Loader/LoaderMiddle/LoaderMiddle.js +1 -1
- package/components/Loader/LoaderSmall/LoaderSmall.js +17 -17
- package/components/LoaderWidget/LoaderWidget.js +9 -9
- 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 +2 -2
- package/components/Pagination/components/PaginationNavigationExtended.js +1 -1
- package/components/Pagination/components/PaginationPageButton.js +1 -1
- package/components/Pagination/components/PaginationPageEllipsis.js +2 -2
- package/components/Pagination/components/PaginationSelect.js +11 -11
- package/components/Radio/Radio.js +2 -2
- package/components/Radio/RadioXGroup.js +9 -9
- package/components/Radio/RadioYGroup.js +9 -9
- package/components/Row/Row.js +10 -10
- package/components/SegmentedControl/SegmentedControl.js +20 -20
- package/components/SegmentedControl/SegmentedControlSegment.js +5 -5
- package/components/SelectExtendedField/SelectExtendedField.js +4 -4
- package/components/SelectExtendedField/components/SelectExtendedFieldDropdown.js +1 -1
- package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js +14 -14
- package/components/Skeleton/Skeleton.js +9 -9
- package/components/SwipeableArea/SwipeableArea.js +12 -12
- 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/TextField.js +1 -1
- package/components/Tooltip/components/common/TooltipBody.js +1 -1
- package/components/Tooltip/components/common/TooltipLink.js +10 -10
- 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 +1 -1
- package/components/Typography/Caption.js +13 -13
- package/components/Typography/Text.js +13 -13
- package/components/Typography/Title.js +18 -18
- package/components/Typography/utils.js +1 -1
- package/components/UploadZone/UploadZone.js +2 -2
- package/components/UploadZone/components/UploadZoneInput.js +1 -1
- package/components/index.js +3 -3
- package/index.js +3 -3
- package/package.json +1 -1
- package/styles/triplex-next.css +354 -354
- package/chunks/Card.module-Ddt7TQ9Z.js +0 -17
- package/chunks/DropdownMobile.module-DrQkghxs.js +0 -19
- package/chunks/Footer.module-CKfl241m.js +0 -11
- package/chunks/HeaderLayoutSidebar.module-DTXnksBK.js +0 -9
- package/chunks/HeaderTabs.module-DVh6MotJ.js +0 -9
- package/chunks/HeaderTitle.module-DOeVL9zC.js +0 -9
- package/chunks/ListItemTail.module-BnbT61OM.js +0 -12
- package/chunks/ListMasterFooter.module-C6QFamKQ.js +0 -10
- package/chunks/Overlay.module-BTSQ5G6t.js +0 -18
- package/chunks/Page.module-DfMBQJob.js +0 -16
- package/chunks/TabsExtended.module-okOlTNQG.js +0 -13
- package/chunks/TooltipDesktop.module-DTbnIWo1.js +0 -19
- package/chunks/utils-B0khB-Lq.js +0 -36
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
import { jsxs as g, jsx as L } from "react/jsx-runtime";
|
|
2
2
|
import R from "react";
|
|
3
|
-
import { c as
|
|
3
|
+
import { c as f } from "../../chunks/vendor-D-uL_icH.js";
|
|
4
4
|
import { LoaderSmall as B } from "../Loader/LoaderSmall/LoaderSmall.js";
|
|
5
|
-
import { ELoaderSmallTheme as
|
|
5
|
+
import { ELoaderSmallTheme as p, ELoaderSmallSize as r } from "../Loader/LoaderSmall/enum.js";
|
|
6
6
|
import "../Loader/LoaderMiddle/LoaderMiddle.js";
|
|
7
7
|
import { ButtonBase as D } from "./ButtonBase.js";
|
|
8
|
-
import { EButtonSize as
|
|
9
|
-
const A = "
|
|
8
|
+
import { EButtonSize as d, EButtonTheme as o } from "./enums.js";
|
|
9
|
+
const A = "general__f6fa65f1", C = "expanded__5bfd58e9", b = {
|
|
10
10
|
general: A,
|
|
11
11
|
expanded: C
|
|
12
|
-
}, G = "
|
|
12
|
+
}, G = "secondary__78f546e3", T = "expanded__5bfd58e9", h = {
|
|
13
13
|
secondary: G,
|
|
14
14
|
expanded: T
|
|
15
|
-
}, M = "
|
|
15
|
+
}, M = "secondaryLight__bc7474d0", z = "expanded__5bfd58e9", x = {
|
|
16
16
|
secondaryLight: M,
|
|
17
17
|
expanded: z
|
|
18
|
-
}, I = "
|
|
18
|
+
}, I = "danger__0f36bca7", v = "expanded__5bfd58e9", S = {
|
|
19
19
|
danger: I,
|
|
20
20
|
expanded: v
|
|
21
|
-
}, O = "
|
|
21
|
+
}, O = "link__26318cd4", y = {
|
|
22
22
|
link: O
|
|
23
|
-
}, Y = "
|
|
23
|
+
}, Y = "button__e183baaa", w = "sm__8d96d661", $ = "icon__3af77085", j = "md__a40742ce", H = "lg__10a6065a", K = "block__112deaa7", U = "content__484fff48", q = "loading__80bffa80", F = "loader__2bbe5d60", J = "hidden__8ef1dd26", n = {
|
|
24
24
|
button: Y,
|
|
25
25
|
sm: w,
|
|
26
26
|
icon: $,
|
|
@@ -33,24 +33,24 @@ const A = "general__9c32ef5c", C = "expanded__ca1182dd", f = {
|
|
|
33
33
|
hidden: J
|
|
34
34
|
}, P = (t, e) => {
|
|
35
35
|
switch (t) {
|
|
36
|
-
case
|
|
37
|
-
return { [
|
|
38
|
-
case
|
|
36
|
+
case o.GENERAL:
|
|
37
|
+
return { [b.general]: !0, [b.expanded]: e };
|
|
38
|
+
case o.SECONDARY:
|
|
39
39
|
return {
|
|
40
40
|
[h.secondary]: !0,
|
|
41
41
|
[h.expanded]: e
|
|
42
42
|
};
|
|
43
|
-
case
|
|
43
|
+
case o.SECONDARY_LIGHT:
|
|
44
44
|
return {
|
|
45
45
|
[x.secondaryLight]: !0,
|
|
46
46
|
[x.expanded]: e
|
|
47
47
|
};
|
|
48
|
-
case
|
|
48
|
+
case o.DANGER:
|
|
49
49
|
return {
|
|
50
50
|
[S.danger]: !0,
|
|
51
51
|
[S.expanded]: e
|
|
52
52
|
};
|
|
53
|
-
case
|
|
53
|
+
case o.LINK:
|
|
54
54
|
return {
|
|
55
55
|
[y.link]: !0,
|
|
56
56
|
[y.expanded]: e
|
|
@@ -58,23 +58,23 @@ const A = "general__9c32ef5c", C = "expanded__ca1182dd", f = {
|
|
|
58
58
|
}
|
|
59
59
|
}, Q = (t) => {
|
|
60
60
|
switch (t) {
|
|
61
|
-
case
|
|
61
|
+
case d.LG:
|
|
62
62
|
return n.lg;
|
|
63
|
-
case
|
|
63
|
+
case d.MD:
|
|
64
64
|
return n.md;
|
|
65
|
-
case
|
|
65
|
+
case d.SM:
|
|
66
66
|
return n.sm;
|
|
67
67
|
}
|
|
68
68
|
}, V = (t, e) => {
|
|
69
|
-
const
|
|
70
|
-
return /* @__PURE__ */ L(B, { theme:
|
|
69
|
+
const a = [o.SECONDARY, o.SECONDARY_LIGHT].includes(t) ? p.BRAND : p.NEUTRAL, s = e === d.SM ? r.SM : e === d.LG ? r.LG : r.MD;
|
|
70
|
+
return /* @__PURE__ */ L(B, { theme: a, size: s });
|
|
71
71
|
}, W = R.forwardRef((t, e) => {
|
|
72
|
-
const { children:
|
|
72
|
+
const { children: a, className: s, disabled: l, theme: i, size: _ = d.MD, block: N, loading: c, icon: m, ...E } = t, { "aria-expanded": u } = t, k = f(
|
|
73
73
|
n.button,
|
|
74
74
|
P(i, !!u),
|
|
75
75
|
Q(_),
|
|
76
76
|
{ [n.block]: !!N, [n.loading]: !!c },
|
|
77
|
-
{ [n.icon]: !!m && !
|
|
77
|
+
{ [n.icon]: !!m && !a },
|
|
78
78
|
// Классы для иконок, начало.
|
|
79
79
|
"hoverable",
|
|
80
80
|
{
|
|
@@ -82,14 +82,14 @@ const A = "general__9c32ef5c", C = "expanded__ca1182dd", f = {
|
|
|
82
82
|
disabled: !!l
|
|
83
83
|
},
|
|
84
84
|
// Классы для иконок, конец.
|
|
85
|
-
|
|
85
|
+
s
|
|
86
86
|
);
|
|
87
87
|
return /* @__PURE__ */ g(D, { className: k, tabIndex: c ? -1 : void 0, disabled: l, ...E, ref: e, children: [
|
|
88
88
|
/* @__PURE__ */ g("span", { className: n.content, children: [
|
|
89
89
|
m,
|
|
90
|
-
|
|
90
|
+
a
|
|
91
91
|
] }),
|
|
92
|
-
/* @__PURE__ */ L("div", { className:
|
|
92
|
+
/* @__PURE__ */ L("div", { className: f(n.loader, !c && n.hidden), children: V(i, _) })
|
|
93
93
|
] });
|
|
94
94
|
});
|
|
95
95
|
W.displayName = "Button";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import e from "react";
|
|
3
|
-
const r = e.forwardRef((t, o) => /* @__PURE__ */ a("button", { type: "button", ...t, "data-tx": "1.1.
|
|
3
|
+
const r = e.forwardRef((t, o) => /* @__PURE__ */ a("button", { type: "button", ...t, "data-tx": "1.1.1", ref: o }));
|
|
4
4
|
r.displayName = "ButtonBase";
|
|
5
5
|
export {
|
|
6
6
|
r as ButtonBase
|
|
@@ -5,7 +5,7 @@ import { jsx as r, jsxs as I, Fragment as F } from "react/jsx-runtime";
|
|
|
5
5
|
import V, { useRef as E, useState as J, createElement as y } from "react";
|
|
6
6
|
import { c as b, f as Q } from "../../chunks/vendor-D-uL_icH.js";
|
|
7
7
|
import { ButtonDropdownExtended as z } from "./ButtonDropdownExtended.js";
|
|
8
|
-
import { EButtonDotsTheme as m, EButtonTheme as i, EButtonSize as
|
|
8
|
+
import { EButtonDotsTheme as m, EButtonTheme as i, EButtonSize as d } from "./enums.js";
|
|
9
9
|
import { DotshorizontalStrokeSrvIcon24 as X, CaretdownStrokeSrvIcon24 as g } from "@sberbusiness/icons-next";
|
|
10
10
|
import { isKey as D } from "../../utils/keyboard.js";
|
|
11
11
|
import { DropdownListContext as Z } from "../Dropdown/DropdownListContext.js";
|
|
@@ -15,50 +15,50 @@ import { DropdownMobileList as te } from "../Dropdown/mobile/DropdownMobileList.
|
|
|
15
15
|
import { DropdownMobileListItem as oe } from "../Dropdown/mobile/DropdownMobileListItem.js";
|
|
16
16
|
import { DropdownMobileClose as re } from "../Dropdown/mobile/DropdownMobileClose.js";
|
|
17
17
|
import { Text as ne } from "../Typography/Text.js";
|
|
18
|
-
import { ETextSize as
|
|
18
|
+
import { ETextSize as ae } from "../Typography/enums.js";
|
|
19
19
|
import { DropdownList as G } from "../Dropdown/desktop/DropdownList.js";
|
|
20
20
|
import { EDropdownSize as S, EDropdownListSize as N } from "../Dropdown/enums.js";
|
|
21
|
-
const
|
|
22
|
-
buttonDropdown:
|
|
21
|
+
const ce = "buttonDropdown__387a7658", se = "block__112deaa7", ie = "buttonDropdownTarget__ea5f127b", de = "caretIcon__d3e21d5a", le = "active__a1aa8d91", ue = "buttonDropdownMenuItem__630ff682", n = {
|
|
22
|
+
buttonDropdown: ce,
|
|
23
23
|
block: se,
|
|
24
24
|
buttonDropdownTarget: ie,
|
|
25
|
-
caretIcon:
|
|
26
|
-
active:
|
|
25
|
+
caretIcon: de,
|
|
26
|
+
active: le,
|
|
27
27
|
buttonDropdownMenuItem: ue
|
|
28
|
-
}, me = (
|
|
29
|
-
switch (
|
|
30
|
-
case
|
|
28
|
+
}, me = (l) => {
|
|
29
|
+
switch (l) {
|
|
30
|
+
case d.SM:
|
|
31
31
|
return S.SM;
|
|
32
|
-
case
|
|
32
|
+
case d.MD:
|
|
33
33
|
return S.MD;
|
|
34
|
-
case
|
|
34
|
+
case d.LG:
|
|
35
35
|
return S.LG;
|
|
36
36
|
default:
|
|
37
37
|
return S.MD;
|
|
38
38
|
}
|
|
39
|
-
}, De = (
|
|
40
|
-
switch (
|
|
41
|
-
case
|
|
39
|
+
}, De = (l) => {
|
|
40
|
+
switch (l) {
|
|
41
|
+
case d.SM:
|
|
42
42
|
return N.SM;
|
|
43
|
-
case
|
|
43
|
+
case d.MD:
|
|
44
44
|
return N.MD;
|
|
45
|
-
case
|
|
45
|
+
case d.LG:
|
|
46
46
|
return N.LG;
|
|
47
47
|
default:
|
|
48
48
|
return N.MD;
|
|
49
49
|
}
|
|
50
|
-
},
|
|
51
|
-
(
|
|
52
|
-
const { buttonAttributes: M, children: T, className: Y, theme:
|
|
53
|
-
const
|
|
50
|
+
}, pe = V.forwardRef(
|
|
51
|
+
(l, p) => {
|
|
52
|
+
const { buttonAttributes: M, children: T, className: Y, theme: f, size: w, options: A, selected: s, block: _, disabled: C, ...W } = l, O = E(null), k = E(null), H = b(n.buttonDropdown, { [n.block]: !!_ }, Y), [R, P] = J(), h = E(Q()), K = ({ opened: e, setOpened: o }) => {
|
|
53
|
+
const a = b(n.buttonDropdownTarget, "hoverable", {
|
|
54
54
|
[n.active]: e,
|
|
55
55
|
[n.block]: !!_
|
|
56
56
|
});
|
|
57
57
|
return /* @__PURE__ */ I(
|
|
58
58
|
B,
|
|
59
59
|
{
|
|
60
|
-
className:
|
|
61
|
-
theme:
|
|
60
|
+
className: a,
|
|
61
|
+
theme: f,
|
|
62
62
|
size: w,
|
|
63
63
|
onKeyDown: L({ opened: e, setOpened: o }),
|
|
64
64
|
onClick: v({ opened: e, setOpened: o }),
|
|
@@ -76,15 +76,15 @@ const ae = "buttonDropdown__ffa6ca0e", se = "block__64ed43ef", ie = "buttonDropd
|
|
|
76
76
|
}
|
|
77
77
|
);
|
|
78
78
|
}, j = ({ opened: e, setOpened: o }) => {
|
|
79
|
-
const
|
|
79
|
+
const a = b(n.buttonDropdownTarget, "hoverable", {
|
|
80
80
|
[n.active]: e,
|
|
81
81
|
[n.block]: !!_
|
|
82
82
|
});
|
|
83
83
|
return /* @__PURE__ */ r(
|
|
84
84
|
B,
|
|
85
85
|
{
|
|
86
|
-
className:
|
|
87
|
-
theme:
|
|
86
|
+
className: a,
|
|
87
|
+
theme: f === m.DOTS_SECONDARY ? i.SECONDARY : i.SECONDARY_LIGHT,
|
|
88
88
|
size: w,
|
|
89
89
|
onKeyDown: L({ opened: e, setOpened: o }),
|
|
90
90
|
onClick: v({ opened: e, setOpened: o }),
|
|
@@ -98,11 +98,11 @@ const ae = "buttonDropdown__ffa6ca0e", se = "block__64ed43ef", ie = "buttonDropd
|
|
|
98
98
|
icon: /* @__PURE__ */ r(X, { paletteIndex: 0 })
|
|
99
99
|
}
|
|
100
100
|
);
|
|
101
|
-
}, v = ({ opened: e, setOpened: o }) => () => o(!e), L = ({ opened: e, setOpened: o }) => (
|
|
102
|
-
const { key:
|
|
103
|
-
(D(
|
|
101
|
+
}, v = ({ opened: e, setOpened: o }) => () => o(!e), L = ({ opened: e, setOpened: o }) => (a) => {
|
|
102
|
+
const { key: c } = a;
|
|
103
|
+
(D(c, "SPACE") || D(c, "ARROW_UP") || D(c, "ARROW_DOWN")) && a.preventDefault(), !e && (D(c, "ARROW_UP") || D(c, "ARROW_DOWN")) && o(!0);
|
|
104
104
|
}, U = () => {
|
|
105
|
-
switch (
|
|
105
|
+
switch (f) {
|
|
106
106
|
case i.GENERAL:
|
|
107
107
|
case i.DANGER:
|
|
108
108
|
case m.DOTS_SECONDARY:
|
|
@@ -114,13 +114,13 @@ const ae = "buttonDropdown__ffa6ca0e", se = "block__64ed43ef", ie = "buttonDropd
|
|
|
114
114
|
default:
|
|
115
115
|
return null;
|
|
116
116
|
}
|
|
117
|
-
}, q = ({ opened: e, setOpened: o, className:
|
|
118
|
-
const
|
|
117
|
+
}, q = ({ opened: e, setOpened: o, className: a }) => {
|
|
118
|
+
const c = b(n.buttonDropdownMenu, a);
|
|
119
119
|
return /* @__PURE__ */ r(Z.Provider, { value: { activeDescendant: R, setActiveDescendant: P }, children: /* @__PURE__ */ r(
|
|
120
120
|
z.Dropdown,
|
|
121
121
|
{
|
|
122
122
|
size: me(w),
|
|
123
|
-
className:
|
|
123
|
+
className: c,
|
|
124
124
|
opened: e,
|
|
125
125
|
setOpened: o,
|
|
126
126
|
targetRef: O,
|
|
@@ -128,7 +128,7 @@ const ae = "buttonDropdown__ffa6ca0e", se = "block__64ed43ef", ie = "buttonDropd
|
|
|
128
128
|
mobileViewProps: {
|
|
129
129
|
children: /* @__PURE__ */ I(F, { children: [
|
|
130
130
|
/* @__PURE__ */ I($, { children: [
|
|
131
|
-
/* @__PURE__ */ r(ne, { tag: "div", size:
|
|
131
|
+
/* @__PURE__ */ r(ne, { tag: "div", size: ae.B3, children: T }),
|
|
132
132
|
/* @__PURE__ */ r(re, { onClick: () => o(!1) })
|
|
133
133
|
] }),
|
|
134
134
|
/* @__PURE__ */ r(ee, { children: /* @__PURE__ */ r(te, { children: A.map((t) => /* @__PURE__ */ y(
|
|
@@ -163,14 +163,14 @@ const ae = "buttonDropdown__ffa6ca0e", se = "block__64ed43ef", ie = "buttonDropd
|
|
|
163
163
|
}
|
|
164
164
|
) });
|
|
165
165
|
}, x = (e) => {
|
|
166
|
-
O.current = e, typeof
|
|
166
|
+
O.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
|
|
167
167
|
};
|
|
168
168
|
return /* @__PURE__ */ r(
|
|
169
169
|
z,
|
|
170
170
|
{
|
|
171
171
|
className: H,
|
|
172
172
|
renderButton: [m.DOTS_SECONDARY, m.DOTS_SECONDARY_LIGHT].includes(
|
|
173
|
-
|
|
173
|
+
f
|
|
174
174
|
) ? j : K,
|
|
175
175
|
renderDropdown: q,
|
|
176
176
|
dropdownRef: k,
|
|
@@ -180,8 +180,8 @@ const ae = "buttonDropdown__ffa6ca0e", se = "block__64ed43ef", ie = "buttonDropd
|
|
|
180
180
|
);
|
|
181
181
|
}
|
|
182
182
|
);
|
|
183
|
-
|
|
183
|
+
pe.displayName = "ButtonDropdown";
|
|
184
184
|
export {
|
|
185
|
-
|
|
185
|
+
pe as ButtonDropdown
|
|
186
186
|
};
|
|
187
187
|
//# sourceMappingURL=ButtonDropdown.js.map
|
|
@@ -4,11 +4,11 @@ import { Dropdown as _ } from "../Dropdown/Dropdown.js";
|
|
|
4
4
|
import { isKey as w } from "../../utils/keyboard.js";
|
|
5
5
|
import { DropdownList as g } from "../Dropdown/desktop/DropdownList.js";
|
|
6
6
|
import { c as A } from "../../chunks/vendor-D-uL_icH.js";
|
|
7
|
-
const K = "
|
|
7
|
+
const K = "buttonDropdownExtended__be47856e", S = "buttonDropdownExtendedBlock__daefeab0", E = {
|
|
8
8
|
buttonDropdownExtended: K,
|
|
9
9
|
buttonDropdownExtendedBlock: S
|
|
10
10
|
}, D = (s) => {
|
|
11
|
-
const { className:
|
|
11
|
+
const { className: b, opened: v, setOpened: c, renderButton: x, renderDropdown: k, dropdownRef: l, closeOnTab: p, ...L } = s, u = f(null), m = f(s.opened !== void 0), [O, y] = C((s.opened === void 0, !1)), e = m.current ? !!v : O, o = N(
|
|
12
12
|
(t) => {
|
|
13
13
|
if (m.current) {
|
|
14
14
|
c && c(t);
|
|
@@ -35,10 +35,10 @@ const K = "buttonDropdownExtended__015548a1", S = "buttonDropdownExtendedBlock__
|
|
|
35
35
|
document.removeEventListener("keydown", t), document.removeEventListener("mousedown", d), document.removeEventListener("touchstart", d);
|
|
36
36
|
};
|
|
37
37
|
}, [e, p, l, o, u]);
|
|
38
|
-
const B = A(E.buttonDropdownExtended,
|
|
38
|
+
const B = A(E.buttonDropdownExtended, b);
|
|
39
39
|
return /* @__PURE__ */ h("div", { className: B, ref: u, ...L, children: [
|
|
40
|
-
|
|
41
|
-
|
|
40
|
+
x({ opened: e, setOpened: o }),
|
|
41
|
+
k({
|
|
42
42
|
className: E.buttonDropdownExtendedBlock,
|
|
43
43
|
opened: e,
|
|
44
44
|
setOpened: o
|
|
@@ -2,7 +2,7 @@ import { jsx as l } from "react/jsx-runtime";
|
|
|
2
2
|
import i from "react";
|
|
3
3
|
import { EButtonIconShape as c } from "./enums.js";
|
|
4
4
|
import { c as m } from "../../chunks/vendor-D-uL_icH.js";
|
|
5
|
-
const I = "
|
|
5
|
+
const I = "buttonIcon__b2500017", f = "circle__9c03a9d9", p = "squircle__93fa5698", o = {
|
|
6
6
|
buttonIcon: I,
|
|
7
7
|
circle: f,
|
|
8
8
|
squircle: p
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var o = (c, i, e) =>
|
|
4
|
-
import { jsx as
|
|
1
|
+
var y = Object.defineProperty;
|
|
2
|
+
var R = (c, i, e) => i in c ? y(c, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[i] = e;
|
|
3
|
+
var o = (c, i, e) => R(c, typeof i != "symbol" ? i + "" : i, e);
|
|
4
|
+
import { jsx as T } from "react/jsx-runtime";
|
|
5
5
|
import u from "react";
|
|
6
|
-
import { CardContent as
|
|
7
|
-
import { CardMedia as
|
|
6
|
+
import { CardContent as _ } from "./components/CardContent/CardContent.js";
|
|
7
|
+
import { CardMedia as b } from "./components/CardMedia.js";
|
|
8
8
|
import { ECardRoundingSize as M, ECardTheme as w } from "./enums.js";
|
|
9
9
|
import { EFocusSource as r } from "../../enums/EFocusSource.js";
|
|
10
10
|
import { mapCardRoundingSizeToCssClass as x, mapCardThemeToCssClass as K } from "./utils.js";
|
|
11
|
-
import { isKey as
|
|
11
|
+
import { isKey as p } from "../../utils/keyboard.js";
|
|
12
12
|
import { c as k } from "../../chunks/vendor-D-uL_icH.js";
|
|
13
|
-
import { c as B } from "../../chunks/Card.module-
|
|
14
|
-
const O = "
|
|
13
|
+
import { c as B } from "../../chunks/Card.module-BRANBAxP.js";
|
|
14
|
+
const O = "action__d8333f76", F = "selected__aa182a27", V = "focusVisible__68939a22", n = {
|
|
15
15
|
action: O,
|
|
16
16
|
selected: F,
|
|
17
17
|
focusVisible: V
|
|
@@ -35,19 +35,19 @@ class l extends u.Component {
|
|
|
35
35
|
});
|
|
36
36
|
o(this, "handleKeyDown", (e) => {
|
|
37
37
|
const { onKeyDown: s } = this.props;
|
|
38
|
-
s == null || s(e),
|
|
38
|
+
s == null || s(e), p(e.keyCode, "SPACE") ? (e.preventDefault(), this.handleToggle()) : p(e.keyCode, "ENTER") && this.handleToggle();
|
|
39
39
|
});
|
|
40
40
|
o(this, "handleFocus", (e) => {
|
|
41
|
-
const { onFocus: s } = this.props, { focusSource: t } = this.state, { current:
|
|
42
|
-
s == null || s(e), !t &&
|
|
41
|
+
const { onFocus: s } = this.props, { focusSource: t } = this.state, { current: a } = this.ref;
|
|
42
|
+
s == null || s(e), !t && a === e.target && this.setState({ focusSource: r.KEYBOARD });
|
|
43
43
|
});
|
|
44
44
|
o(this, "handleBlur", (e) => {
|
|
45
45
|
const { onBlur: s } = this.props, { current: t } = this.ref;
|
|
46
46
|
s == null || s(e), t !== document.activeElement && t === e.target && this.setState({ focusSource: r.NONE });
|
|
47
47
|
});
|
|
48
48
|
o(this, "handleToggle", () => {
|
|
49
|
-
const { toggle: e, selected: s, onToggle: t } = this.props, { isControlled:
|
|
50
|
-
|
|
49
|
+
const { toggle: e, selected: s, onToggle: t } = this.props, { isControlled: a, isSelected: d } = this.state;
|
|
50
|
+
a ? e == null || e(!s) : this.setState(
|
|
51
51
|
(h) => ({ isSelected: !h.isSelected }),
|
|
52
52
|
() => t == null ? void 0 : t(!d)
|
|
53
53
|
);
|
|
@@ -62,31 +62,31 @@ class l extends u.Component {
|
|
|
62
62
|
children: e,
|
|
63
63
|
className: s,
|
|
64
64
|
onClick: t,
|
|
65
|
-
onMouseDown:
|
|
65
|
+
onMouseDown: a,
|
|
66
66
|
onKeyDown: d,
|
|
67
67
|
onFocus: h,
|
|
68
68
|
onBlur: z,
|
|
69
|
-
roundingSize:
|
|
69
|
+
roundingSize: f = M.MD,
|
|
70
70
|
onToggle: A,
|
|
71
71
|
selected: m,
|
|
72
72
|
toggle: U,
|
|
73
73
|
theme: S = w.GENERAL,
|
|
74
74
|
...C
|
|
75
|
-
} = this.props, { isControlled: E, isSelected:
|
|
75
|
+
} = this.props, { isControlled: E, isSelected: g, focusSource: D } = this.state, N = k(
|
|
76
76
|
B.card,
|
|
77
|
-
|
|
77
|
+
n.action,
|
|
78
78
|
K[S],
|
|
79
|
-
x[
|
|
79
|
+
x[f],
|
|
80
80
|
{
|
|
81
|
-
[
|
|
82
|
-
[
|
|
81
|
+
[n.focusVisible]: D === r.KEYBOARD,
|
|
82
|
+
[n.selected]: E ? !!m : g
|
|
83
83
|
},
|
|
84
84
|
s
|
|
85
85
|
);
|
|
86
|
-
return /* @__PURE__ */
|
|
86
|
+
return /* @__PURE__ */ T(
|
|
87
87
|
"div",
|
|
88
88
|
{
|
|
89
|
-
className:
|
|
89
|
+
className: N,
|
|
90
90
|
tabIndex: 0,
|
|
91
91
|
onClick: this.handleClick,
|
|
92
92
|
onMouseDown: this.handleMouseDown,
|
|
@@ -96,13 +96,13 @@ class l extends u.Component {
|
|
|
96
96
|
role: "button",
|
|
97
97
|
...C,
|
|
98
98
|
ref: this.ref,
|
|
99
|
-
"data-tx": "1.1.
|
|
99
|
+
"data-tx": "1.1.1",
|
|
100
100
|
children: e
|
|
101
101
|
}
|
|
102
102
|
);
|
|
103
103
|
}
|
|
104
104
|
}
|
|
105
|
-
o(l, "displayName", "CardAction"), o(l, "Content",
|
|
105
|
+
o(l, "displayName", "CardAction"), o(l, "Content", _), o(l, "Media", b);
|
|
106
106
|
export {
|
|
107
107
|
l as CardAction
|
|
108
108
|
};
|
|
@@ -3,7 +3,7 @@ import { CardContent as s } from "./components/CardContent/CardContent.js";
|
|
|
3
3
|
import { CardMedia as e } from "./components/CardMedia.js";
|
|
4
4
|
import { mapCardRoundingSizeToCssClass as C, mapCardThemeToCssClass as p } from "./utils.js";
|
|
5
5
|
import { c } from "../../chunks/vendor-D-uL_icH.js";
|
|
6
|
-
import { c as n } from "../../chunks/Card.module-
|
|
6
|
+
import { c as n } from "../../chunks/Card.module-BRANBAxP.js";
|
|
7
7
|
import { ECardRoundingSize as f, ECardTheme as l } from "./enums.js";
|
|
8
8
|
const a = ({
|
|
9
9
|
children: r,
|
|
@@ -21,7 +21,7 @@ const a = ({
|
|
|
21
21
|
o
|
|
22
22
|
),
|
|
23
23
|
...d,
|
|
24
|
-
"data-tx": "1.1.
|
|
24
|
+
"data-tx": "1.1.1",
|
|
25
25
|
children: r
|
|
26
26
|
}
|
|
27
27
|
);
|
|
@@ -4,7 +4,7 @@ import { CardContentHeader as i } from "./components/CardContentHeader.js";
|
|
|
4
4
|
import { CardContentFooter as s } from "./components/CardContentFooter.js";
|
|
5
5
|
import { ECardContentPaddingSize as t } from "../../enums.js";
|
|
6
6
|
import { c as p } from "../../../../chunks/vendor-D-uL_icH.js";
|
|
7
|
-
import { c as r } from "../../../../chunks/Card.module-
|
|
7
|
+
import { c as r } from "../../../../chunks/Card.module-BRANBAxP.js";
|
|
8
8
|
const c = {
|
|
9
9
|
[t.MD]: r.paddingMD,
|
|
10
10
|
[t.SM]: r.paddingSM
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { c as d } from "../../../../../chunks/vendor-D-uL_icH.js";
|
|
3
|
-
import { c as s } from "../../../../../chunks/Card.module-
|
|
3
|
+
import { c as s } from "../../../../../chunks/Card.module-BRANBAxP.js";
|
|
4
4
|
const m = ({ children: o, className: t, ...r }) => /* @__PURE__ */ a("div", { className: d(s.cardContentBody, t), ...r, children: o });
|
|
5
5
|
m.displayName = "CardContentBody";
|
|
6
6
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { c as e } from "../../../../../chunks/vendor-D-uL_icH.js";
|
|
3
|
-
import { c as s } from "../../../../../chunks/Card.module-
|
|
3
|
+
import { c as s } from "../../../../../chunks/Card.module-BRANBAxP.js";
|
|
4
4
|
const m = ({ children: o, className: t, ...r }) => /* @__PURE__ */ a("div", { className: e(s.cardContentFooter, t), ...r, children: o });
|
|
5
5
|
m.displayName = "CardContentFooter";
|
|
6
6
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { c as o } from "../../../../../chunks/vendor-D-uL_icH.js";
|
|
3
|
-
import { c as d } from "../../../../../chunks/Card.module-
|
|
3
|
+
import { c as d } from "../../../../../chunks/Card.module-BRANBAxP.js";
|
|
4
4
|
const s = ({ children: r, className: a, ...e }) => /* @__PURE__ */ t("div", { className: o(d.cardContentHeader, a), ...e, children: r });
|
|
5
5
|
s.displayName = "CardContentHeader";
|
|
6
6
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as d } from "react/jsx-runtime";
|
|
2
2
|
import { c as e } from "../../../chunks/vendor-D-uL_icH.js";
|
|
3
|
-
import { c as m } from "../../../chunks/Card.module-
|
|
3
|
+
import { c as m } from "../../../chunks/Card.module-BRANBAxP.js";
|
|
4
4
|
const o = ({ children: a, className: r, ...s }) => {
|
|
5
5
|
const c = e(m.cardMedia, r);
|
|
6
6
|
return /* @__PURE__ */ d("div", { className: c, ...s, children: a });
|
package/components/Card/utils.js
CHANGED
|
@@ -3,7 +3,7 @@ import p from "react";
|
|
|
3
3
|
import { CheckboxbulkStrokeSrvIcon24 as I, CheckboxtickStrokeSrvIcon24 as f } from "@sberbusiness/icons-next";
|
|
4
4
|
import { ECheckboxSize as N } from "./enum.js";
|
|
5
5
|
import { c as l } from "../../chunks/vendor-D-uL_icH.js";
|
|
6
|
-
const u = "
|
|
6
|
+
const u = "label__11761f07", y = "md__5a84bfca", C = "lg__7a50a542", S = "nonempty__9a6fac66", g = "disabled__08622ad1", j = "checkbox__99b38ed4", v = "checkboxIcon__167e37df", z = "checkmarkIcon__274d62c3", c = {
|
|
7
7
|
label: u,
|
|
8
8
|
md: y,
|
|
9
9
|
lg: C,
|
|
@@ -12,18 +12,18 @@ const u = "label__99bd7a25", y = "md__4c90fe0b", C = "lg__1454e99e", S = "nonemp
|
|
|
12
12
|
checkbox: j,
|
|
13
13
|
checkboxIcon: v,
|
|
14
14
|
checkmarkIcon: z
|
|
15
|
-
}, R = p.forwardRef((m,
|
|
16
|
-
const { children: a, className:
|
|
15
|
+
}, R = p.forwardRef((m, r) => {
|
|
16
|
+
const { children: a, className: k, disabled: s, bulk: b, labelAttributes: e, size: n = N.MD, ...d } = m, h = l(c.checkbox, k, c[n]), x = l(
|
|
17
17
|
c.label,
|
|
18
18
|
c[n],
|
|
19
19
|
{ [c.disabled]: !!s, [c.nonempty]: !!a },
|
|
20
20
|
e == null ? void 0 : e.className
|
|
21
21
|
), i = () => {
|
|
22
22
|
const t = c.checkmarkIcon;
|
|
23
|
-
return
|
|
23
|
+
return b ? /* @__PURE__ */ o(I, { className: t, paletteIndex: 7 }) : /* @__PURE__ */ o(f, { className: t, paletteIndex: 7 });
|
|
24
24
|
};
|
|
25
|
-
return /* @__PURE__ */ _("label", { ...e, className: x, "data-tx": "1.1.
|
|
26
|
-
/* @__PURE__ */ o("input", { type: "checkbox", className: h, disabled: s, ...d, ref:
|
|
25
|
+
return /* @__PURE__ */ _("label", { ...e, className: x, "data-tx": "1.1.1", children: [
|
|
26
|
+
/* @__PURE__ */ o("input", { type: "checkbox", className: h, disabled: s, ...d, ref: r }),
|
|
27
27
|
/* @__PURE__ */ o("span", { className: c.checkboxIcon }),
|
|
28
28
|
i(),
|
|
29
29
|
a
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { c as
|
|
3
|
-
const
|
|
4
|
-
checkboxXGroup:
|
|
5
|
-
"indent-12": "indent-
|
|
6
|
-
label:
|
|
7
|
-
"indent-16": "indent-
|
|
8
|
-
"indent-20": "indent-
|
|
9
|
-
"indent-24": "indent-
|
|
10
|
-
"indent-28": "indent-
|
|
11
|
-
"indent-32": "indent-
|
|
12
|
-
},
|
|
13
|
-
const { children: c, className: t, indent: o = 12, ...
|
|
14
|
-
return /* @__PURE__ */
|
|
1
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { c as r } from "../../chunks/vendor-D-uL_icH.js";
|
|
3
|
+
const _ = "checkboxXGroup__6a2c8ff5", a = "label__11761f07", n = {
|
|
4
|
+
checkboxXGroup: _,
|
|
5
|
+
"indent-12": "indent-12__8dca78a0",
|
|
6
|
+
label: a,
|
|
7
|
+
"indent-16": "indent-16__62756b2f",
|
|
8
|
+
"indent-20": "indent-20__e7d61bcc",
|
|
9
|
+
"indent-24": "indent-24__f9cfb962",
|
|
10
|
+
"indent-28": "indent-28__55425c87",
|
|
11
|
+
"indent-32": "indent-32__b7fc7f1c"
|
|
12
|
+
}, l = (e) => {
|
|
13
|
+
const { children: c, className: t, indent: o = 12, ...s } = e, d = r(n.checkboxXGroup, n[`indent-${o}`], t);
|
|
14
|
+
return /* @__PURE__ */ i("div", { className: d, role: "group", ...s, children: c });
|
|
15
15
|
};
|
|
16
|
-
|
|
16
|
+
l.displayName = "CheckboxXGroup";
|
|
17
17
|
export {
|
|
18
|
-
|
|
18
|
+
l as CheckboxXGroup
|
|
19
19
|
};
|
|
20
20
|
//# sourceMappingURL=CheckboxXGroup.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as p } from "react/jsx-runtime";
|
|
2
2
|
import { c as t } from "../../chunks/vendor-D-uL_icH.js";
|
|
3
|
-
const a = "
|
|
3
|
+
const a = "checkboxYGroup__458c3759", x = {
|
|
4
4
|
checkboxYGroup: a
|
|
5
5
|
}, l = (o) => {
|
|
6
6
|
const { children: c, className: s, ...r } = o, e = t(x.checkboxYGroup, s);
|