@sberbusiness/triplex-next 0.1.6 → 0.1.8
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/README.md +13 -7
- package/chunks/{AlertProcessSpoiler-BuN7zhGO.js → AlertProcessSpoiler-COu9EiLo.js} +5 -5
- package/chunks/Card.module-C1gfsiyU.js +17 -0
- package/chunks/{DropdownListItem-CM0DOekv.js → DropdownListItem-iil7gCyc.js} +21 -21
- package/chunks/DropdownMobile.module-DlpnKNwL.js +19 -0
- package/chunks/Footer.module-CqUuM-TN.js +11 -0
- package/chunks/{FormFieldInput-3TmHcNY0.js → FormFieldInput-Ki1-hI2O.js} +9 -9
- package/chunks/HeaderLayoutSidebar.module-BnYpSWmI.js +9 -0
- package/chunks/HeaderTabs.module-IVowc7y2.js +9 -0
- package/chunks/HeaderTitle.module-Cja2peF4.js +9 -0
- package/chunks/{ListItemControlsButton-BpUzyKya.js → ListItemControlsButton-C5HBHV5H.js} +14 -14
- package/chunks/ListItemTail.module-DGc45Gzs.js +12 -0
- package/chunks/ListMasterFooter.module-CEzWKTX8.js +10 -0
- package/chunks/Overlay.module-Q2gyaG66.js +18 -0
- package/chunks/Page.module-DxiWg_8o.js +16 -0
- package/chunks/TabsExtended.module-BF_E00U4.js +13 -0
- package/chunks/{TabsExtendedUtils-BT4b2wK1.js → TabsExtendedUtils-CfV3lgH0.js} +4 -4
- package/chunks/TooltipDesktop.module-C9Nuoxhf.js +19 -0
- package/chunks/{index-CLQ4mLUp.js → index-Cn4S9Yzd.js} +122 -122
- package/chunks/utils-DF32MMDm.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 +6 -6
- 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 +8 -8
- package/components/Button/index.js +1 -1
- package/components/Card/CardAction.js +3 -3
- 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 +12 -12
- package/components/Checkbox/CheckboxYGroup.js +6 -6
- package/components/Col/Col.js +136 -136
- 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 +17 -17
- package/components/FormField/components/FormFieldClear.js +5 -5
- package/components/FormField/components/FormFieldCounter.js +4 -4
- 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 +1 -1
- package/components/FormField/components/FormFieldPrefix.js +9 -9
- package/components/FormField/components/FormFieldTextarea.js +6 -6
- package/components/FormField/index.js +2 -2
- package/components/Header/Header.js +2 -2
- 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 +5 -5
- 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 +21 -21
- package/components/List/List.js +9 -9
- package/components/List/components/ListEmptyState.js +2 -2
- package/components/List/components/ListItem.js +1 -1
- package/components/List/components/ListItemContent.js +10 -10
- package/components/List/components/ListItemControls.js +1 -1
- 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 +8 -8
- 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 +6 -6
- 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 +7 -7
- package/components/ListMaster/components/SelectionControls.js +9 -9
- package/components/Loader/LoaderMiddle/LoaderMiddle.js +3 -3
- package/components/Loader/LoaderSmall/LoaderSmall.js +14 -14
- 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 +6 -6
- package/components/Pagination/components/PaginationNavigationButton.js +7 -7
- 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 +9 -9
- package/components/Radio/Radio.js +9 -9
- package/components/Radio/RadioXGroup.js +9 -9
- package/components/Radio/RadioYGroup.js +9 -9
- package/components/Row/Row.js +4 -4
- 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 +10 -10
- 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/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 +7 -7
- 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 +7 -7
- package/components/Typography/Caption.js +7 -7
- package/components/Typography/Text.js +20 -20
- package/components/Typography/Title.js +22 -22
- package/components/Typography/utils.js +1 -1
- package/components/UploadZone/components/UploadZoneInput.js +10 -10
- package/components/index.js +4 -4
- package/index.js +4 -4
- package/package.json +3 -1
- package/styles/triplex-next.css +333 -333
- package/chunks/Card.module-ByP22Mc4.js +0 -17
- package/chunks/DropdownMobile.module-gjHocEKh.js +0 -19
- package/chunks/Footer.module-B1rO0bcd.js +0 -11
- package/chunks/HeaderLayoutSidebar.module-CEXHjsmH.js +0 -9
- package/chunks/HeaderTabs.module-YFm2izz6.js +0 -9
- package/chunks/HeaderTitle.module-lv649tnz.js +0 -9
- package/chunks/ListItemTail.module-D7Oa-l-5.js +0 -12
- package/chunks/ListMasterFooter.module-1LjIdZNa.js +0 -10
- package/chunks/Overlay.module-BbpDNlm7.js +0 -18
- package/chunks/Page.module-DAinpecX.js +0 -16
- package/chunks/TabsExtended.module-CQBdl7x1.js +0 -13
- package/chunks/TooltipDesktop.module-BRkBuup-.js +0 -19
- package/chunks/utils-VD40Qwop.js +0 -36
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { EFontType as r } from "../components/Typography/enums.js";
|
|
2
|
+
const t = "underline__b3d56623", n = "strikethrough__4a75274e", s = "underlineStrikethrough__43488672", a = "typography__26156969", o = "primary__8fac7b1f", c = "complementary__d8b86ad9", i = "secondary__f5a5d7a0", _ = "tertiary__b954f08e", y = "disabled__169459a8", d = "brand__3aab299e", p = "info__53a3197f", m = "success__75c7c173", h = "error__17277d15", l = "warning__5ab5f7c8", u = "system__e9faae5e", b = "compact__3aea4c74", e = {
|
|
3
|
+
underline: t,
|
|
4
|
+
strikethrough: n,
|
|
5
|
+
underlineStrikethrough: s,
|
|
6
|
+
typography: a,
|
|
7
|
+
primary: o,
|
|
8
|
+
complementary: c,
|
|
9
|
+
secondary: i,
|
|
10
|
+
tertiary: _,
|
|
11
|
+
disabled: y,
|
|
12
|
+
brand: d,
|
|
13
|
+
info: p,
|
|
14
|
+
success: m,
|
|
15
|
+
error: h,
|
|
16
|
+
warning: l,
|
|
17
|
+
system: u,
|
|
18
|
+
compact: b
|
|
19
|
+
}, f = {
|
|
20
|
+
[r.PRIMARY]: e.primary,
|
|
21
|
+
[r.COMPLEMENTARY]: e.complementary,
|
|
22
|
+
[r.SECONDARY]: e.secondary,
|
|
23
|
+
[r.TERTIARY]: e.tertiary,
|
|
24
|
+
[r.DISABLED]: e.disabled,
|
|
25
|
+
[r.BRAND]: e.brand,
|
|
26
|
+
[r.INFO]: e.info,
|
|
27
|
+
[r.SUCCESS]: e.success,
|
|
28
|
+
[r.ERROR]: e.error,
|
|
29
|
+
[r.WARNING]: e.warning,
|
|
30
|
+
[r.SYSTEM]: e.system
|
|
31
|
+
};
|
|
32
|
+
export {
|
|
33
|
+
f as m,
|
|
34
|
+
e as t
|
|
35
|
+
};
|
|
36
|
+
//# sourceMappingURL=utils-DF32MMDm.js.map
|
|
@@ -2,51 +2,51 @@ import { jsxs as T, jsx as t } from "react/jsx-runtime";
|
|
|
2
2
|
import x from "react";
|
|
3
3
|
import { EAlertType as e } from "../EAlertType.js";
|
|
4
4
|
import { alertTypeToClassNameMap as m } from "../AlertTypeUtils.js";
|
|
5
|
-
import { Text as
|
|
6
|
-
import { EFontType as r, ETextSize as
|
|
7
|
-
import { SystemStrokeStsIcon16 as
|
|
5
|
+
import { Text as f } from "../../Typography/Text.js";
|
|
6
|
+
import { EFontType as r, ETextSize as y } from "../../Typography/enums.js";
|
|
7
|
+
import { SystemStrokeStsIcon16 as I, ErrorStrokeStsIcon16 as S, WarningStrokeStsIcon16 as i, InfoStrokeStsIcon16 as R } from "@sberbusiness/icons-next";
|
|
8
8
|
import { c as N } from "../../../chunks/vendor-CF2m175I.js";
|
|
9
|
-
const _ = "
|
|
9
|
+
const _ = "alertContext__52f494b8", E = "alertContextText__37260a2f", C = "alertTypeError__cc07cb85", d = "alertTypeInfo__c13be0b4", b = "alertTypeWarning__72fe1deb", u = "alertTypeSystem__fb3f37fb", n = {
|
|
10
10
|
alertContext: _,
|
|
11
11
|
alertContextText: E,
|
|
12
|
-
alertTypeError:
|
|
13
|
-
alertTypeInfo:
|
|
14
|
-
alertTypeWarning:
|
|
15
|
-
alertTypeSystem:
|
|
16
|
-
},
|
|
12
|
+
alertTypeError: C,
|
|
13
|
+
alertTypeInfo: d,
|
|
14
|
+
alertTypeWarning: b,
|
|
15
|
+
alertTypeSystem: u
|
|
16
|
+
}, A = (o) => {
|
|
17
17
|
switch (o) {
|
|
18
18
|
case e.INFO:
|
|
19
19
|
return /* @__PURE__ */ t(R, { paletteIndex: 3 });
|
|
20
20
|
case e.WARNING:
|
|
21
21
|
return /* @__PURE__ */ t(i, { paletteIndex: 2 });
|
|
22
22
|
case e.ERROR:
|
|
23
|
-
return /* @__PURE__ */ t(
|
|
23
|
+
return /* @__PURE__ */ t(S, { paletteIndex: 1 });
|
|
24
24
|
case e.SYSTEM:
|
|
25
|
-
return /* @__PURE__ */ t(
|
|
25
|
+
return /* @__PURE__ */ t(I, { paletteIndex: 4 });
|
|
26
26
|
}
|
|
27
|
-
},
|
|
27
|
+
}, O = {
|
|
28
28
|
[e.INFO]: r.INFO,
|
|
29
29
|
[e.WARNING]: r.WARNING,
|
|
30
30
|
[e.ERROR]: r.ERROR,
|
|
31
31
|
[e.SYSTEM]: r.SECONDARY
|
|
32
|
-
},
|
|
32
|
+
}, W = x.forwardRef(
|
|
33
33
|
({ children: o, className: l, type: a, renderIcon: s, ...p }, c) => /* @__PURE__ */ T(
|
|
34
34
|
"span",
|
|
35
35
|
{
|
|
36
36
|
role: "alert",
|
|
37
37
|
className: N(n.alertContext, m[a](n), l),
|
|
38
38
|
...p,
|
|
39
|
-
"data-tx": "0.1.
|
|
39
|
+
"data-tx": "0.1.8",
|
|
40
40
|
ref: c,
|
|
41
41
|
children: [
|
|
42
|
-
s ||
|
|
43
|
-
/* @__PURE__ */ t(
|
|
42
|
+
s || A(a),
|
|
43
|
+
/* @__PURE__ */ t(f, { size: y.B4, type: O[a], className: n.alertContextText, children: o })
|
|
44
44
|
]
|
|
45
45
|
}
|
|
46
46
|
)
|
|
47
47
|
);
|
|
48
|
-
|
|
48
|
+
W.displayName = "AlertContext";
|
|
49
49
|
export {
|
|
50
|
-
|
|
50
|
+
W as AlertContext
|
|
51
51
|
};
|
|
52
52
|
//# sourceMappingURL=AlertContext.js.map
|
|
@@ -3,7 +3,7 @@ import P, { useState as n } from "react";
|
|
|
3
3
|
import { EAlertType as t } from "../EAlertType.js";
|
|
4
4
|
import { alertTypeToClassNameMap as k } from "../AlertTypeUtils.js";
|
|
5
5
|
import { ButtonIcon as v } from "../../Button/ButtonIcon.js";
|
|
6
|
-
import { s as r, A as i } from "../../../chunks/AlertProcessSpoiler-
|
|
6
|
+
import { s as r, A as i } from "../../../chunks/AlertProcessSpoiler-COu9EiLo.js";
|
|
7
7
|
import { AlertProcessContext as R } from "./AlertProcessContext.js";
|
|
8
8
|
import { CrossStrokeSrvIcon16 as E, DefaulticonStrokePrdIcon20 as T, SystemStrokeStsIcon20 as y, ErrorStrokeStsIcon20 as j, WarningStrokeStsIcon20 as w, InfoStrokeStsIcon20 as B } from "@sberbusiness/icons-next";
|
|
9
9
|
import { c as C } from "../../../chunks/vendor-CF2m175I.js";
|
|
@@ -38,7 +38,7 @@ const O = (o) => {
|
|
|
38
38
|
d
|
|
39
39
|
),
|
|
40
40
|
...f,
|
|
41
|
-
"data-tx": "0.1.
|
|
41
|
+
"data-tx": "0.1.8",
|
|
42
42
|
ref: u,
|
|
43
43
|
children: [
|
|
44
44
|
/* @__PURE__ */ e("div", { className: r.themeIcon, children: l || O(a) }),
|
|
@@ -3,7 +3,7 @@ import "react";
|
|
|
3
3
|
import "@sberbusiness/icons-next";
|
|
4
4
|
import "../../../Button/ButtonIcon.js";
|
|
5
5
|
import "../AlertProcessContext.js";
|
|
6
|
-
import { A as l } from "../../../../chunks/AlertProcessSpoiler-
|
|
6
|
+
import { A as l } from "../../../../chunks/AlertProcessSpoiler-COu9EiLo.js";
|
|
7
7
|
import "../../../../chunks/vendor-CF2m175I.js";
|
|
8
8
|
export {
|
|
9
9
|
l as AlertProcessSpoiler
|
package/components/Body/Body.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import n from "react";
|
|
3
3
|
import { c as t } from "../../chunks/vendor-CF2m175I.js";
|
|
4
|
-
const
|
|
5
|
-
body:
|
|
6
|
-
bodyInner:
|
|
7
|
-
},
|
|
8
|
-
|
|
4
|
+
const y = "body__394f42a9", c = "bodyInner__d620ed28", d = {
|
|
5
|
+
body: y,
|
|
6
|
+
bodyInner: c
|
|
7
|
+
}, m = n.forwardRef(({ children: e, className: r, ...s }, a) => /* @__PURE__ */ o("div", { className: t(d.body, r), ...s, "data-tx": "0.1.8", ref: a, children: /* @__PURE__ */ o("div", { className: d.bodyInner, children: e }) }));
|
|
8
|
+
m.displayName = "Body";
|
|
9
9
|
export {
|
|
10
|
-
|
|
10
|
+
m as Body
|
|
11
11
|
};
|
|
12
12
|
//# sourceMappingURL=Body.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 { B as s } from "../../chunks/index-
|
|
4
|
+
import { B as s } from "../../chunks/index-Cn4S9Yzd.js";
|
|
5
5
|
import "./ButtonBase.js";
|
|
6
6
|
import "./ButtonIcon.js";
|
|
7
7
|
import "./enums.js";
|
|
@@ -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": "0.1.
|
|
3
|
+
const r = e.forwardRef((t, o) => /* @__PURE__ */ a("button", { type: "button", ...t, "data-tx": "0.1.8", ref: o }));
|
|
4
4
|
r.displayName = "ButtonBase";
|
|
5
5
|
export {
|
|
6
6
|
r as ButtonBase
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { a as j, d as k } from "../../chunks/index-
|
|
3
|
+
import { a as j, d as k } from "../../chunks/index-Cn4S9Yzd.js";
|
|
4
4
|
import "./enums.js";
|
|
5
5
|
import "@sberbusiness/icons-next";
|
|
6
6
|
import "../../utils/keyboard.js";
|
|
7
|
-
import "../../chunks/DropdownListItem-
|
|
7
|
+
import "../../chunks/DropdownListItem-iil7gCyc.js";
|
|
8
8
|
import "../Dropdown/mobile/DropdownMobile.js";
|
|
9
9
|
import "../Dropdown/mobile/DropdownMobileBody.js";
|
|
10
10
|
import "../Dropdown/mobile/DropdownMobileClose.js";
|
|
@@ -2,28 +2,28 @@ 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-CF2m175I.js";
|
|
5
|
-
const I = "
|
|
5
|
+
const I = "buttonIcon__d827215d", f = "circle__8e26373f", p = "squircle__1a9f33d5", o = {
|
|
6
6
|
buttonIcon: I,
|
|
7
|
-
circle:
|
|
8
|
-
squircle:
|
|
9
|
-
},
|
|
7
|
+
circle: f,
|
|
8
|
+
squircle: p
|
|
9
|
+
}, _ = (t) => {
|
|
10
10
|
switch (t) {
|
|
11
11
|
case c.SQUIRCLE:
|
|
12
12
|
return o.squircle;
|
|
13
13
|
case c.CIRCLE:
|
|
14
14
|
return o.circle;
|
|
15
15
|
}
|
|
16
|
-
},
|
|
16
|
+
}, b = i.forwardRef(
|
|
17
17
|
({ className: t, disabled: e, shape: n = c.SQUIRCLE, active: s, ...r }, a) => {
|
|
18
|
-
const u = m(o.buttonIcon,
|
|
18
|
+
const u = m(o.buttonIcon, _(n), "hoverable", t, {
|
|
19
19
|
active: !!s,
|
|
20
20
|
disabled: !!e
|
|
21
21
|
});
|
|
22
22
|
return /* @__PURE__ */ l("button", { className: u, disabled: e, ...r, ref: a });
|
|
23
23
|
}
|
|
24
24
|
);
|
|
25
|
-
|
|
25
|
+
b.displayName = "ButtonIcon";
|
|
26
26
|
export {
|
|
27
|
-
|
|
27
|
+
b as ButtonIcon
|
|
28
28
|
};
|
|
29
29
|
//# sourceMappingURL=ButtonIcon.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { B as e, a as n, b as r, d as B } from "../../chunks/index-
|
|
1
|
+
import { B as e, a as n, b as r, d as B } from "../../chunks/index-Cn4S9Yzd.js";
|
|
2
2
|
import { ButtonBase as a } from "./ButtonBase.js";
|
|
3
3
|
import { ButtonIcon as d } from "./ButtonIcon.js";
|
|
4
4
|
import { EButtonIconShape as s, EButtonSize as x, EButtonTheme as f } from "./enums.js";
|
|
@@ -10,8 +10,8 @@ import { EFocusSource as r } from "../../enums/EFocusSource.js";
|
|
|
10
10
|
import { mapCardRoundingSizeToCssClass as x, mapCardThemeToCssClass as K } from "./utils.js";
|
|
11
11
|
import { isKey as f } from "../../utils/keyboard.js";
|
|
12
12
|
import { c as k } from "../../chunks/vendor-CF2m175I.js";
|
|
13
|
-
import { c as B } from "../../chunks/Card.module-
|
|
14
|
-
const O = "
|
|
13
|
+
import { c as B } from "../../chunks/Card.module-C1gfsiyU.js";
|
|
14
|
+
const O = "action__1a59cf44", F = "selected__51d341f6", V = "focusVisible__ddfa2513", a = {
|
|
15
15
|
action: O,
|
|
16
16
|
selected: F,
|
|
17
17
|
focusVisible: V
|
|
@@ -96,7 +96,7 @@ class l extends u.Component {
|
|
|
96
96
|
role: "button",
|
|
97
97
|
...C,
|
|
98
98
|
ref: this.ref,
|
|
99
|
-
"data-tx": "0.1.
|
|
99
|
+
"data-tx": "0.1.8",
|
|
100
100
|
children: e
|
|
101
101
|
}
|
|
102
102
|
);
|
|
@@ -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-CF2m175I.js";
|
|
6
|
-
import { c as n } from "../../chunks/Card.module-
|
|
6
|
+
import { c as n } from "../../chunks/Card.module-C1gfsiyU.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": "0.1.
|
|
24
|
+
"data-tx": "0.1.8",
|
|
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-CF2m175I.js";
|
|
7
|
-
import { c as r } from "../../../../chunks/Card.module-
|
|
7
|
+
import { c as r } from "../../../../chunks/Card.module-C1gfsiyU.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-CF2m175I.js";
|
|
3
|
-
import { c as s } from "../../../../../chunks/Card.module-
|
|
3
|
+
import { c as s } from "../../../../../chunks/Card.module-C1gfsiyU.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-CF2m175I.js";
|
|
3
|
-
import { c as s } from "../../../../../chunks/Card.module-
|
|
3
|
+
import { c as s } from "../../../../../chunks/Card.module-C1gfsiyU.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-CF2m175I.js";
|
|
3
|
-
import { c as d } from "../../../../../chunks/Card.module-
|
|
3
|
+
import { c as d } from "../../../../../chunks/Card.module-C1gfsiyU.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-CF2m175I.js";
|
|
3
|
-
import { c as m } from "../../../chunks/Card.module-
|
|
3
|
+
import { c as m } from "../../../chunks/Card.module-C1gfsiyU.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-CF2m175I.js";
|
|
6
|
-
const u = "
|
|
6
|
+
const u = "label__a2284879", y = "md__0872e077", C = "lg__f02517d4", S = "nonempty__ca5b8c2d", g = "disabled__7dc5ab85", j = "checkbox__8f6aa491", v = "checkboxIcon__0069ec17", z = "checkmarkIcon__6f0cfe58", c = {
|
|
7
7
|
label: u,
|
|
8
8
|
md: y,
|
|
9
9
|
lg: C,
|
|
@@ -12,18 +12,18 @@ const u = "label__882ed016", y = "md__9a80fb77", C = "lg__c6b9332d", S = "nonemp
|
|
|
12
12
|
checkbox: j,
|
|
13
13
|
checkboxIcon: v,
|
|
14
14
|
checkmarkIcon: z
|
|
15
|
-
}, R = p.forwardRef((m,
|
|
16
|
-
const { children: s, className:
|
|
15
|
+
}, R = p.forwardRef((m, r) => {
|
|
16
|
+
const { children: s, className: k, disabled: a, 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]: !!a, [c.nonempty]: !!s },
|
|
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": "0.1.
|
|
26
|
-
/* @__PURE__ */ o("input", { type: "checkbox", className: h, disabled: a, ...
|
|
25
|
+
return /* @__PURE__ */ _("label", { ...e, className: x, "data-tx": "0.1.8", children: [
|
|
26
|
+
/* @__PURE__ */ o("input", { type: "checkbox", className: h, disabled: a, ...d, ref: r }),
|
|
27
27
|
/* @__PURE__ */ o("span", { className: c.checkboxIcon }),
|
|
28
28
|
i(),
|
|
29
29
|
s
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import { c as a } from "../../chunks/vendor-CF2m175I.js";
|
|
3
|
-
const r = "
|
|
3
|
+
const r = "checkboxXGroup__112344eb", _ = "label__a2284879", e = {
|
|
4
4
|
checkboxXGroup: r,
|
|
5
|
-
"indent-12": "indent-
|
|
5
|
+
"indent-12": "indent-12__fb680a2d",
|
|
6
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:
|
|
14
|
-
return /* @__PURE__ */ i("div", { className:
|
|
7
|
+
"indent-16": "indent-16__ff225633",
|
|
8
|
+
"indent-20": "indent-20__8adc92e5",
|
|
9
|
+
"indent-24": "indent-24__a00f79c7",
|
|
10
|
+
"indent-28": "indent-28__332019ae",
|
|
11
|
+
"indent-32": "indent-32__4bae2eb8"
|
|
12
|
+
}, l = (n) => {
|
|
13
|
+
const { children: t, className: o, indent: c = 12, ...s } = n, d = a(e.checkboxXGroup, e[`indent-${c}`], o);
|
|
14
|
+
return /* @__PURE__ */ i("div", { className: d, role: "group", ...s, children: t });
|
|
15
15
|
};
|
|
16
|
-
|
|
16
|
+
l.displayName = "CheckboxXGroup";
|
|
17
17
|
export {
|
|
18
|
-
|
|
18
|
+
l as CheckboxXGroup
|
|
19
19
|
};
|
|
20
20
|
//# sourceMappingURL=CheckboxXGroup.js.map
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { c as
|
|
3
|
-
const
|
|
4
|
-
checkboxYGroup:
|
|
1
|
+
import { jsx as p } from "react/jsx-runtime";
|
|
2
|
+
import { c as t } from "../../chunks/vendor-CF2m175I.js";
|
|
3
|
+
const a = "checkboxYGroup__b60112df", x = {
|
|
4
|
+
checkboxYGroup: a
|
|
5
5
|
}, l = (o) => {
|
|
6
|
-
const { children: c, className: s, ...r } = o, e =
|
|
7
|
-
return /* @__PURE__ */
|
|
6
|
+
const { children: c, className: s, ...r } = o, e = t(x.checkboxYGroup, s);
|
|
7
|
+
return /* @__PURE__ */ p("div", { className: e, role: "group", ...r, children: c });
|
|
8
8
|
};
|
|
9
9
|
l.displayName = "CheckboxYGroup";
|
|
10
10
|
export {
|