@sberbusiness/triplex-next 0.1.7 → 0.1.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +13 -7
- package/assets/fonts/SBSansDisplay-Bold.woff2 +0 -0
- package/assets/fonts/SBSansDisplay-Medium.woff2 +0 -0
- package/assets/fonts/SBSansDisplay-Regular.woff2 +0 -0
- package/assets/fonts/SBSansDisplay-SemiBold.woff2 +0 -0
- package/assets/fonts/SBSansText-Regular.woff2 +0 -0
- package/assets/fonts/SBSansText-Semibold.woff2 +0 -0
- package/chunks/{AlertProcessSpoiler-Dz0-n3MA.js → AlertProcessSpoiler-BPbAJJFo.js} +10 -10
- package/chunks/Card.module-Oqawy8hF.js +17 -0
- package/chunks/DropdownListItem-CW2MmFpw.js +56 -0
- package/chunks/DropdownMobile.module-DyunEp10.js +19 -0
- package/chunks/Footer.module-o57OEPdy.js +11 -0
- package/chunks/{FormFieldInput-1ReoZNC3.js → FormFieldInput-C2qWOLr3.js} +15 -15
- package/chunks/HeaderLayoutSidebar.module-CzpXvDdH.js +9 -0
- package/chunks/HeaderTabs.module-CC0WAcoC.js +9 -0
- package/chunks/HeaderTitle.module-CH7eRK8R.js +9 -0
- package/chunks/{ListItemControlsButton-WWYrLpko.js → ListItemControlsButton-BtMEMrGK.js} +7 -7
- package/chunks/ListItemTail.module-BBV_gvLd.js +12 -0
- package/chunks/ListMasterFooter.module-Cw1r4pz-.js +10 -0
- package/chunks/Overlay.module-08zZh8Y9.js +18 -0
- package/chunks/Page.module-Ccvf_vDR.js +16 -0
- package/chunks/TabsExtended.module-yT8L2ZYS.js +13 -0
- package/chunks/{TabsExtendedUtils-CYOimNvc.js → TabsExtendedUtils-BOHZcNx8.js} +5 -5
- package/chunks/TooltipDesktop.module-CvcpQSlC.js +19 -0
- package/chunks/{index-C2ZfZlU9.js → index-CAZEh1iw.js} +145 -145
- package/chunks/utils-9a4dp5-W.js +36 -0
- package/components/Alert/AlertContext/AlertContext.js +19 -19
- package/components/Alert/AlertProcess/AlertProcess.js +2 -2
- package/components/Alert/AlertProcess/components/AlertProcessSpoiler.js +1 -1
- package/components/Body/Body.js +8 -8
- package/components/Button/Button.js +1 -1
- package/components/Button/ButtonBase.js +1 -1
- package/components/Button/ButtonDropdown.js +2 -2
- package/components/Button/ButtonDropdownExtended.js +1 -1
- package/components/Button/ButtonIcon.js +8 -8
- package/components/Button/index.js +1 -1
- package/components/Card/CardAction.js +18 -18
- package/components/Card/CardStatic.js +2 -2
- package/components/Card/components/CardContent/CardContent.js +1 -1
- package/components/Card/components/CardContent/components/CardContentBody.js +1 -1
- package/components/Card/components/CardContent/components/CardContentFooter.js +1 -1
- package/components/Card/components/CardContent/components/CardContentHeader.js +1 -1
- package/components/Card/components/CardMedia.js +1 -1
- package/components/Card/utils.js +1 -1
- package/components/Checkbox/Checkbox.js +10 -10
- package/components/Checkbox/CheckboxXGroup.js +13 -13
- package/components/Checkbox/CheckboxYGroup.js +1 -1
- package/components/Col/Col.js +130 -130
- 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 +19 -19
- package/components/FormField/components/FormFieldClear.js +4 -4
- package/components/FormField/components/FormFieldCounter.js +3 -3
- package/components/FormField/components/FormFieldDescription.js +5 -5
- package/components/FormField/components/FormFieldInput.js +1 -1
- package/components/FormField/components/FormFieldLabel.js +14 -14
- package/components/FormField/components/FormFieldMaskedInput.js +4 -4
- package/components/FormField/components/FormFieldPostfix.js +6 -6
- package/components/FormField/components/FormFieldPrefix.js +5 -5
- package/components/FormField/components/FormFieldTextarea.js +9 -9
- package/components/FormField/index.js +2 -2
- package/components/Header/Header.js +13 -13
- 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 +18 -18
- package/components/List/List.js +8 -8
- package/components/List/components/ListEmptyState.js +3 -3
- package/components/List/components/ListItem.js +1 -1
- package/components/List/components/ListItemContent.js +9 -9
- 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 +1 -1
- 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 +9 -9
- package/components/ListMaster/components/SelectionControls.js +2 -2
- package/components/Loader/LoaderMiddle/LoaderMiddle.js +6 -6
- 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 +6 -6
- package/components/Pagination/components/PaginationNavigationExtended.js +1 -1
- package/components/Pagination/components/PaginationPageButton.js +5 -5
- 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 +10 -10
- package/components/Radio/RadioYGroup.js +4 -4
- package/components/Row/Row.js +7 -7
- 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 +12 -12
- 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 +3 -3
- package/components/Tooltip/components/common/TooltipXButton.js +1 -1
- package/components/Tooltip/components/desktop/components/TooltipDesktopBase.js +1 -1
- package/components/Tooltip/components/desktop/components/TooltipDesktopTip.js +1 -1
- package/components/Tooltip/components/mobile/TooltipMobile.js +6 -6
- package/components/Typography/Caption.js +14 -14
- package/components/Typography/Text.js +19 -19
- package/components/Typography/Title.js +12 -12
- 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-BxsMuqon.js +0 -17
- package/chunks/DropdownListItem-BudewkEZ.js +0 -56
- 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 e = "underline__b00a3818", n = "strikethrough__4a2f1dd7", s = "underlineStrikethrough__1b376390", o = "typography__825bbcc4", c = "primary__dd5dcce2", a = "complementary__c3b5581f", d = "secondary__cb4d0ba3", i = "tertiary__7ef7ddb0", _ = "disabled__f8621368", y = "brand__0b4a6f51", p = "info__45df571f", m = "success__296a22e8", b = "error__a258f4c3", h = "warning__d380156d", l = "system__4019dc00", u = "compact__500c59af", t = {
|
|
3
|
+
underline: e,
|
|
4
|
+
strikethrough: n,
|
|
5
|
+
underlineStrikethrough: s,
|
|
6
|
+
typography: o,
|
|
7
|
+
primary: c,
|
|
8
|
+
complementary: a,
|
|
9
|
+
secondary: d,
|
|
10
|
+
tertiary: i,
|
|
11
|
+
disabled: _,
|
|
12
|
+
brand: y,
|
|
13
|
+
info: p,
|
|
14
|
+
success: m,
|
|
15
|
+
error: b,
|
|
16
|
+
warning: h,
|
|
17
|
+
system: l,
|
|
18
|
+
compact: u
|
|
19
|
+
}, g = {
|
|
20
|
+
[r.PRIMARY]: t.primary,
|
|
21
|
+
[r.COMPLEMENTARY]: t.complementary,
|
|
22
|
+
[r.SECONDARY]: t.secondary,
|
|
23
|
+
[r.TERTIARY]: t.tertiary,
|
|
24
|
+
[r.DISABLED]: t.disabled,
|
|
25
|
+
[r.BRAND]: t.brand,
|
|
26
|
+
[r.INFO]: t.info,
|
|
27
|
+
[r.SUCCESS]: t.success,
|
|
28
|
+
[r.ERROR]: t.error,
|
|
29
|
+
[r.WARNING]: t.warning,
|
|
30
|
+
[r.SYSTEM]: t.system
|
|
31
|
+
};
|
|
32
|
+
export {
|
|
33
|
+
g as m,
|
|
34
|
+
t
|
|
35
|
+
};
|
|
36
|
+
//# sourceMappingURL=utils-9a4dp5-W.js.map
|
|
@@ -4,49 +4,49 @@ import { EAlertType as e } from "../EAlertType.js";
|
|
|
4
4
|
import { alertTypeToClassNameMap as m } from "../AlertTypeUtils.js";
|
|
5
5
|
import { Text as y } from "../../Typography/Text.js";
|
|
6
6
|
import { EFontType as r, ETextSize as I } from "../../Typography/enums.js";
|
|
7
|
-
import { SystemStrokeStsIcon16 as
|
|
8
|
-
import { c as
|
|
9
|
-
const
|
|
10
|
-
alertContext:
|
|
11
|
-
alertContextText:
|
|
7
|
+
import { SystemStrokeStsIcon16 as f, 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__518ef46d", d = "alertContextText__318543c8", E = "alertTypeError__5652986a", C = "alertTypeInfo__a2c98f46", u = "alertTypeWarning__7b4e967c", A = "alertTypeSystem__ac2cdacd", n = {
|
|
10
|
+
alertContext: _,
|
|
11
|
+
alertContextText: d,
|
|
12
12
|
alertTypeError: E,
|
|
13
13
|
alertTypeInfo: C,
|
|
14
|
-
alertTypeWarning:
|
|
15
|
-
alertTypeSystem:
|
|
16
|
-
},
|
|
14
|
+
alertTypeWarning: u,
|
|
15
|
+
alertTypeSystem: A
|
|
16
|
+
}, O = (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(f, { paletteIndex: 4 });
|
|
26
26
|
}
|
|
27
|
-
},
|
|
27
|
+
}, W = {
|
|
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
|
+
}, F = 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
|
-
className:
|
|
37
|
+
className: N(n.alertContext, m[a](n), l),
|
|
38
38
|
...p,
|
|
39
|
-
"data-tx": "0.1.
|
|
39
|
+
"data-tx": "0.1.9",
|
|
40
40
|
ref: c,
|
|
41
41
|
children: [
|
|
42
|
-
s ||
|
|
43
|
-
/* @__PURE__ */ t(y, { size: I.B4, type:
|
|
42
|
+
s || O(a),
|
|
43
|
+
/* @__PURE__ */ t(y, { size: I.B4, type: W[a], className: n.alertContextText, children: o })
|
|
44
44
|
]
|
|
45
45
|
}
|
|
46
46
|
)
|
|
47
47
|
);
|
|
48
|
-
|
|
48
|
+
F.displayName = "AlertContext";
|
|
49
49
|
export {
|
|
50
|
-
|
|
50
|
+
F 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-BPbAJJFo.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.9",
|
|
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-BPbAJJFo.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
|
-
import
|
|
3
|
-
import { c as
|
|
4
|
-
const
|
|
5
|
-
body:
|
|
6
|
-
bodyInner:
|
|
7
|
-
},
|
|
8
|
-
|
|
2
|
+
import e from "react";
|
|
3
|
+
import { c as n } from "../../chunks/vendor-CF2m175I.js";
|
|
4
|
+
const t = "body__683bacc3", y = "bodyInner__ff109f4c", d = {
|
|
5
|
+
body: t,
|
|
6
|
+
bodyInner: y
|
|
7
|
+
}, b = e.forwardRef(({ children: r, className: s, ...a }, c) => /* @__PURE__ */ o("div", { className: n(d.body, s), ...a, "data-tx": "0.1.9", ref: c, children: /* @__PURE__ */ o("div", { className: d.bodyInner, children: r }) }));
|
|
8
|
+
b.displayName = "Body";
|
|
9
9
|
export {
|
|
10
|
-
|
|
10
|
+
b 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-CAZEh1iw.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.9", 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-CAZEh1iw.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-CW2MmFpw.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__4ef527a8", f = "circle__2c941d59", p = "squircle__9d44984e", 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-CAZEh1iw.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
11
|
import { isKey as p } 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-Oqawy8hF.js";
|
|
14
|
+
const O = "action__a6d9c15c", F = "selected__819ade45", V = "focusVisible__1e723a2e", n = {
|
|
15
15
|
action: O,
|
|
16
16
|
selected: F,
|
|
17
17
|
focusVisible: V
|
|
@@ -38,16 +38,16 @@ class l extends u.Component {
|
|
|
38
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,7 +62,7 @@ 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,
|
|
@@ -74,16 +74,16 @@ class l extends u.Component {
|
|
|
74
74
|
...C
|
|
75
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
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
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.9",
|
|
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-Oqawy8hF.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.9",
|
|
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-Oqawy8hF.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-Oqawy8hF.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-Oqawy8hF.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-Oqawy8hF.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-Oqawy8hF.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
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsxs as _, jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import { CheckboxbulkStrokeSrvIcon24 as
|
|
2
|
+
import f from "react";
|
|
3
|
+
import { CheckboxbulkStrokeSrvIcon24 as p, CheckboxtickStrokeSrvIcon24 as I } 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__34666a08", y = "md__8cefa73f", C = "lg__0b892f48", S = "nonempty__fce5439f", g = "disabled__98fadabc", j = "checkbox__81d8faba", v = "checkboxIcon__01ab17da", z = "checkmarkIcon__7816dfdf", c = {
|
|
7
7
|
label: u,
|
|
8
8
|
md: y,
|
|
9
9
|
lg: C,
|
|
@@ -12,21 +12,21 @@ const u = "label__5c67ceec", y = "md__ee010647", C = "lg__fa46932a", S = "nonemp
|
|
|
12
12
|
checkbox: j,
|
|
13
13
|
checkboxIcon: v,
|
|
14
14
|
checkmarkIcon: z
|
|
15
|
-
}, R =
|
|
16
|
-
const { children:
|
|
15
|
+
}, R = f.forwardRef((m, b) => {
|
|
16
|
+
const { children: a, className: r, disabled: s, bulk: k, labelAttributes: e, size: n = N.MD, ...d } = m, h = l(c.checkbox, r, c[n]), x = l(
|
|
17
17
|
c.label,
|
|
18
18
|
c[n],
|
|
19
|
-
{ [c.disabled]: !!
|
|
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 k ? /* @__PURE__ */ o(p, { className: t, paletteIndex: 7 }) : /* @__PURE__ */ o(I, { 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:
|
|
25
|
+
return /* @__PURE__ */ _("label", { ...e, className: x, "data-tx": "0.1.9", children: [
|
|
26
|
+
/* @__PURE__ */ o("input", { type: "checkbox", className: h, disabled: s, ...d, ref: b }),
|
|
27
27
|
/* @__PURE__ */ o("span", { className: c.checkboxIcon }),
|
|
28
28
|
i(),
|
|
29
|
-
|
|
29
|
+
a
|
|
30
30
|
] });
|
|
31
31
|
});
|
|
32
32
|
R.displayName = "Checkbox";
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import { c as i } from "../../chunks/vendor-CF2m175I.js";
|
|
3
|
-
const r = "
|
|
3
|
+
const r = "checkboxXGroup__ade2adc6", _ = "label__34666a08", n = {
|
|
4
4
|
checkboxXGroup: r,
|
|
5
|
-
"indent-12": "indent-
|
|
5
|
+
"indent-12": "indent-12__9cce943a",
|
|
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: c, className: t, indent: o = 12, ...d } =
|
|
14
|
-
return /* @__PURE__ */
|
|
7
|
+
"indent-16": "indent-16__4176b546",
|
|
8
|
+
"indent-20": "indent-20__8af05855",
|
|
9
|
+
"indent-24": "indent-24__a11df6bd",
|
|
10
|
+
"indent-28": "indent-28__10cbba92",
|
|
11
|
+
"indent-32": "indent-32__9798ba68"
|
|
12
|
+
}, b = (e) => {
|
|
13
|
+
const { children: c, className: t, indent: o = 12, ...d } = e, a = i(n.checkboxXGroup, n[`indent-${o}`], t);
|
|
14
|
+
return /* @__PURE__ */ s("div", { className: a, role: "group", ...d, children: c });
|
|
15
15
|
};
|
|
16
|
-
|
|
16
|
+
b.displayName = "CheckboxXGroup";
|
|
17
17
|
export {
|
|
18
|
-
|
|
18
|
+
b 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-CF2m175I.js";
|
|
3
|
-
const a = "
|
|
3
|
+
const a = "checkboxYGroup__c411ac05", x = {
|
|
4
4
|
checkboxYGroup: a
|
|
5
5
|
}, l = (o) => {
|
|
6
6
|
const { children: c, className: s, ...r } = o, e = t(x.checkboxYGroup, s);
|