@sberbusiness/triplex-next 0.1.7 → 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-COu9EiLo.js +39 -0
- package/chunks/Card.module-C1gfsiyU.js +17 -0
- package/chunks/{DropdownListItem-BudewkEZ.js → DropdownListItem-iil7gCyc.js} +11 -11
- package/chunks/DropdownMobile.module-DlpnKNwL.js +19 -0
- package/chunks/Footer.module-CqUuM-TN.js +11 -0
- package/chunks/{FormFieldInput-1ReoZNC3.js → FormFieldInput-Ki1-hI2O.js} +17 -17
- 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-WWYrLpko.js → ListItemControlsButton-C5HBHV5H.js} +10 -10
- 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-CYOimNvc.js → TabsExtendedUtils-CfV3lgH0.js} +4 -4
- package/chunks/TooltipDesktop.module-C9Nuoxhf.js +19 -0
- package/chunks/{index-C2ZfZlU9.js → index-Cn4S9Yzd.js} +203 -203
- package/chunks/utils-DF32MMDm.js +36 -0
- package/components/Alert/AlertContext/AlertContext.js +15 -15
- package/components/Alert/AlertProcess/AlertProcess.js +2 -2
- package/components/Alert/AlertProcess/components/AlertProcessSpoiler.js +1 -1
- package/components/Body/Body.js +5 -5
- 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 +14 -14
- 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 +2 -2
- package/components/Checkbox/CheckboxXGroup.js +11 -11
- 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 +21 -21
- package/components/FormField/components/FormFieldClear.js +5 -5
- package/components/FormField/components/FormFieldCounter.js +4 -4
- package/components/FormField/components/FormFieldDescription.js +4 -4
- package/components/FormField/components/FormFieldInput.js +1 -1
- package/components/FormField/components/FormFieldLabel.js +11 -11
- package/components/FormField/components/FormFieldMaskedInput.js +4 -4
- package/components/FormField/components/FormFieldPostfix.js +9 -9
- package/components/FormField/components/FormFieldPrefix.js +8 -8
- package/components/FormField/components/FormFieldTextarea.js +9 -9
- package/components/FormField/index.js +2 -2
- package/components/Header/Header.js +6 -6
- 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 +27 -27
- package/components/List/List.js +11 -11
- package/components/List/components/ListEmptyState.js +2 -2
- package/components/List/components/ListItem.js +1 -1
- package/components/List/components/ListItemContent.js +7 -7
- package/components/List/components/ListItemControls.js +5 -5
- 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 +4 -4
- 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 +10 -10
- package/components/ListMaster/components/SelectionControls.js +5 -5
- package/components/Loader/LoaderMiddle/LoaderMiddle.js +3 -3
- package/components/Loader/LoaderSmall/LoaderSmall.js +21 -21
- package/components/LoaderWidget/LoaderWidget.js +4 -4
- 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 +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 +13 -13
- package/components/Radio/Radio.js +10 -10
- package/components/Radio/RadioXGroup.js +12 -12
- package/components/Radio/RadioYGroup.js +4 -4
- package/components/Row/Row.js +6 -6
- 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 +14 -14
- 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 +1 -1
- package/components/Typography/Caption.js +11 -11
- package/components/Typography/Text.js +17 -17
- package/components/Typography/Title.js +18 -18
- 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 +2 -1
- package/styles/triplex-next.css +333 -333
- package/chunks/AlertProcessSpoiler-Dz0-n3MA.js +0 -39
- package/chunks/Card.module-BxsMuqon.js +0 -17
- package/chunks/DropdownMobile.module-BXFged0c.js +0 -19
- package/chunks/Footer.module-0iyiOxBL.js +0 -11
- package/chunks/HeaderLayoutSidebar.module-DVm818hk.js +0 -9
- package/chunks/HeaderTabs.module-xudZnAdS.js +0 -9
- package/chunks/HeaderTitle.module-DqhWU7Ux.js +0 -9
- package/chunks/ListItemTail.module-BADtUeOo.js +0 -12
- package/chunks/ListMasterFooter.module-DDLIeeCg.js +0 -10
- package/chunks/Overlay.module-CwzMmHkG.js +0 -18
- package/chunks/Page.module-Q0_47616.js +0 -16
- package/chunks/TabsExtended.module-CkM04yug.js +0 -13
- package/chunks/TooltipDesktop.module-DsywR2ZF.js +0 -19
- package/chunks/utils-DvhseWbL.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,27 +2,27 @@ 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
|
|
8
|
-
import { c as
|
|
9
|
-
const
|
|
10
|
-
alertContext:
|
|
11
|
-
alertContextText:
|
|
12
|
-
alertTypeError:
|
|
13
|
-
alertTypeInfo:
|
|
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
|
+
import { c as N } from "../../../chunks/vendor-CF2m175I.js";
|
|
9
|
+
const _ = "alertContext__52f494b8", E = "alertContextText__37260a2f", C = "alertTypeError__cc07cb85", d = "alertTypeInfo__c13be0b4", b = "alertTypeWarning__72fe1deb", u = "alertTypeSystem__fb3f37fb", n = {
|
|
10
|
+
alertContext: _,
|
|
11
|
+
alertContextText: E,
|
|
12
|
+
alertTypeError: C,
|
|
13
|
+
alertTypeInfo: d,
|
|
14
14
|
alertTypeWarning: b,
|
|
15
15
|
alertTypeSystem: u
|
|
16
16
|
}, A = (o) => {
|
|
17
17
|
switch (o) {
|
|
18
18
|
case e.INFO:
|
|
19
|
-
return /* @__PURE__ */ t(
|
|
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,
|
|
@@ -34,13 +34,13 @@ const N = "alertContext__8cb23358", _ = "alertContextText__0cc0a8ab", E = "alert
|
|
|
34
34
|
"span",
|
|
35
35
|
{
|
|
36
36
|
role: "alert",
|
|
37
|
-
className:
|
|
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
42
|
s || A(a),
|
|
43
|
-
/* @__PURE__ */ t(
|
|
43
|
+
/* @__PURE__ */ t(f, { size: y.B4, type: O[a], className: n.alertContextText, children: o })
|
|
44
44
|
]
|
|
45
45
|
}
|
|
46
46
|
)
|
|
@@ -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 y = "
|
|
4
|
+
const y = "body__394f42a9", c = "bodyInner__d620ed28", d = {
|
|
5
5
|
body: y,
|
|
6
|
-
bodyInner:
|
|
7
|
-
},
|
|
8
|
-
|
|
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";
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
var y = Object.defineProperty;
|
|
2
|
-
var
|
|
3
|
-
var o = (c, i, e) =>
|
|
4
|
-
import { jsx as
|
|
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 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
|
|
@@ -35,7 +35,7 @@ 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), f(e.keyCode, "SPACE") ? (e.preventDefault(), this.handleToggle()) : f(e.keyCode, "ENTER") && this.handleToggle();
|
|
39
39
|
});
|
|
40
40
|
o(this, "handleFocus", (e) => {
|
|
41
41
|
const { onFocus: s } = this.props, { focusSource: t } = this.state, { current: n } = this.ref;
|
|
@@ -66,7 +66,7 @@ class l extends u.Component {
|
|
|
66
66
|
onKeyDown: d,
|
|
67
67
|
onFocus: h,
|
|
68
68
|
onBlur: z,
|
|
69
|
-
roundingSize:
|
|
69
|
+
roundingSize: p = M.MD,
|
|
70
70
|
onToggle: A,
|
|
71
71
|
selected: m,
|
|
72
72
|
toggle: U,
|
|
@@ -76,14 +76,14 @@ class l extends u.Component {
|
|
|
76
76
|
B.card,
|
|
77
77
|
a.action,
|
|
78
78
|
K[S],
|
|
79
|
-
x[
|
|
79
|
+
x[p],
|
|
80
80
|
{
|
|
81
81
|
[a.focusVisible]: D === r.KEYBOARD,
|
|
82
82
|
[a.selected]: E ? !!m : g
|
|
83
83
|
},
|
|
84
84
|
s
|
|
85
85
|
);
|
|
86
|
-
return /* @__PURE__ */
|
|
86
|
+
return /* @__PURE__ */ T(
|
|
87
87
|
"div",
|
|
88
88
|
{
|
|
89
89
|
className: N,
|
|
@@ -96,13 +96,13 @@ 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
|
);
|
|
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-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,
|
|
@@ -22,7 +22,7 @@ const u = "label__5c67ceec", y = "md__ee010647", C = "lg__fa46932a", S = "nonemp
|
|
|
22
22
|
const t = c.checkmarkIcon;
|
|
23
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.
|
|
25
|
+
return /* @__PURE__ */ _("label", { ...e, className: x, "data-tx": "0.1.8", children: [
|
|
26
26
|
/* @__PURE__ */ o("input", { type: "checkbox", className: h, disabled: a, ...d, ref: r }),
|
|
27
27
|
/* @__PURE__ */ o("span", { className: c.checkboxIcon }),
|
|
28
28
|
i(),
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { c as
|
|
3
|
-
const r = "
|
|
1
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { c as a } from "../../chunks/vendor-CF2m175I.js";
|
|
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-
|
|
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
12
|
}, l = (n) => {
|
|
13
|
-
const { children:
|
|
14
|
-
return /* @__PURE__ */
|
|
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 {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as p } from "react/jsx-runtime";
|
|
2
2
|
import { c as t } from "../../chunks/vendor-CF2m175I.js";
|
|
3
|
-
const a = "
|
|
3
|
+
const a = "checkboxYGroup__b60112df", x = {
|
|
4
4
|
checkboxYGroup: a
|
|
5
5
|
}, l = (o) => {
|
|
6
6
|
const { children: c, className: s, ...r } = o, e = t(x.checkboxYGroup, s);
|