@sberbusiness/triplex-next 0.1.5 → 0.1.6
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-Dz7CKApv.js → AlertProcessSpoiler-BuN7zhGO.js} +14 -14
- package/chunks/Card.module-ByP22Mc4.js +17 -0
- package/chunks/{DropdownListItem-CwqothNf.js → DropdownListItem-CM0DOekv.js} +13 -13
- package/chunks/DropdownMobile.module-gjHocEKh.js +19 -0
- package/chunks/Footer.module-B1rO0bcd.js +11 -0
- package/chunks/{FormFieldInput-Cmc0beZ5.js → FormFieldInput-3TmHcNY0.js} +18 -18
- package/chunks/HeaderLayoutSidebar.module-CEXHjsmH.js +9 -0
- package/chunks/HeaderTabs.module-YFm2izz6.js +9 -0
- package/chunks/HeaderTitle.module-lv649tnz.js +9 -0
- package/chunks/{ListItemControlsButton-Bn_onrHQ.js → ListItemControlsButton-BpUzyKya.js} +7 -7
- package/chunks/ListItemTail.module-D7Oa-l-5.js +12 -0
- package/chunks/ListMasterFooter.module-1LjIdZNa.js +10 -0
- package/chunks/Overlay.module-BbpDNlm7.js +18 -0
- package/chunks/Page.module-DAinpecX.js +16 -0
- package/chunks/TabsExtended.module-CQBdl7x1.js +13 -0
- package/chunks/{TabsExtendedUtils-CZCrojKY.js → TabsExtendedUtils-BT4b2wK1.js} +2 -2
- package/chunks/TooltipDesktop.module-BRkBuup-.js +19 -0
- package/chunks/{index-1QUfI5kD.js → index-CLQ4mLUp.js} +168 -168
- package/chunks/utils-VD40Qwop.js +36 -0
- package/components/Alert/AlertContext/AlertContext.js +21 -21
- package/components/Alert/AlertProcess/AlertProcess.js +26 -26
- package/components/Alert/AlertProcess/components/AlertProcessSpoiler.js +1 -1
- package/components/Body/Body.js +7 -7
- package/components/Button/Button.js +1 -1
- package/components/Button/ButtonBase.js +3 -3
- package/components/Button/ButtonDropdown.js +2 -2
- package/components/Button/ButtonDropdownExtended.js +1 -1
- package/components/Button/ButtonIcon.js +2 -2
- package/components/Button/index.js +1 -1
- package/components/Card/CardAction.js +24 -24
- package/components/Card/CardStatic.js +17 -17
- 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 +11 -11
- package/components/Checkbox/CheckboxXGroup.js +10 -10
- package/components/Checkbox/CheckboxYGroup.js +3 -3
- package/components/Col/Col.js +136 -136
- package/components/DesignTokens/DesignTokenUtils.js +34 -34
- 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 +8 -8
- 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 +13 -13
- 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 +26 -26
- package/components/FormField/components/FormFieldClear.js +10 -10
- package/components/FormField/components/FormFieldCounter.js +3 -3
- package/components/FormField/components/FormFieldDescription.js +3 -3
- package/components/FormField/components/FormFieldInput.js +1 -1
- package/components/FormField/components/FormFieldLabel.js +12 -12
- package/components/FormField/components/FormFieldMaskedInput.js +4 -4
- package/components/FormField/components/FormFieldPostfix.js +1 -1
- package/components/FormField/components/FormFieldPrefix.js +7 -7
- package/components/FormField/components/FormFieldTextarea.js +9 -9
- package/components/FormField/index.js +2 -2
- package/components/Header/Header.js +14 -14
- 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 +36 -36
- package/components/List/List.js +12 -12
- package/components/List/components/ListEmptyState.js +3 -3
- package/components/List/components/ListItem.js +10 -10
- package/components/List/components/ListItemContent.js +10 -10
- 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 +5 -5
- package/components/List/components/ListItemSelectable.js +8 -8
- 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 +9 -9
- package/components/List/index.js +2 -2
- package/components/ListMaster/ListMaster.js +8 -8
- package/components/ListMaster/components/ListMasterBody.js +9 -9
- 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 +5 -5
- package/components/ListMaster/components/SelectionControls.js +10 -10
- package/components/Loader/LoaderMiddle/LoaderMiddle.js +6 -6
- package/components/Loader/LoaderSmall/LoaderSmall.js +18 -18
- 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 +14 -14
- package/components/Pagination/components/PaginationNavigationButton.js +4 -4
- package/components/Pagination/components/PaginationNavigationExtended.js +1 -1
- package/components/Pagination/components/PaginationPageButton.js +1 -1
- package/components/Pagination/components/PaginationPageEllipsis.js +1 -1
- package/components/Pagination/components/PaginationSelect.js +12 -12
- package/components/Radio/Radio.js +12 -12
- package/components/Radio/RadioXGroup.js +7 -7
- package/components/Radio/RadioYGroup.js +9 -9
- package/components/Row/Row.js +9 -9
- 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 +19 -19
- 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 +18 -18
- 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 +8 -8
- package/components/Typography/Caption.js +9 -9
- package/components/Typography/Text.js +7 -7
- package/components/Typography/Title.js +15 -15
- package/components/Typography/utils.js +1 -1
- package/components/UploadZone/components/UploadZoneInput.js +37 -37
- package/components/index.js +4 -4
- package/index.js +4 -4
- package/package.json +1 -1
- package/styles/triplex-next.css +333 -333
- package/chunks/Card.module-BVAy3tJd.js +0 -17
- package/chunks/DropdownMobile.module-zLTfuu5W.js +0 -19
- package/chunks/Footer.module-C8ediOIN.js +0 -11
- package/chunks/HeaderLayoutSidebar.module-DUesMumi.js +0 -9
- package/chunks/HeaderTabs.module-B8b_Vmmv.js +0 -9
- package/chunks/HeaderTitle.module-CS0vKAYw.js +0 -9
- package/chunks/ListItemTail.module-8r8-WRy-.js +0 -12
- package/chunks/ListMasterFooter.module-Bylyf04G.js +0 -10
- package/chunks/Overlay.module-BfeGcilV.js +0 -18
- package/chunks/Page.module-DI3KI2pW.js +0 -16
- package/chunks/TabsExtended.module-De1gs7fV.js +0 -13
- package/chunks/TooltipDesktop.module-0Me4J_t3.js +0 -19
- package/chunks/utils-DUlFnyF3.js +0 -36
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { EFontType as r } from "../components/Typography/enums.js";
|
|
2
|
+
const t = "underline__2c09e391", n = "strikethrough__aa27760f", s = "underlineStrikethrough__3a4cb3e1", o = "typography__11e68595", a = "primary__bfbd3193", c = "complementary__8a98661f", i = "secondary__7fb8ae3d", _ = "tertiary__f298291f", d = "disabled__34fb6a9c", y = "brand__2f3fc096", p = "info__f5cf11b3", m = "success__8a37ba81", f = "error__f6ed0dac", b = "warning__bf0d2fd5", h = "system__bda3d070", l = "compact__34d562a2", e = {
|
|
3
|
+
underline: t,
|
|
4
|
+
strikethrough: n,
|
|
5
|
+
underlineStrikethrough: s,
|
|
6
|
+
typography: o,
|
|
7
|
+
primary: a,
|
|
8
|
+
complementary: c,
|
|
9
|
+
secondary: i,
|
|
10
|
+
tertiary: _,
|
|
11
|
+
disabled: d,
|
|
12
|
+
brand: y,
|
|
13
|
+
info: p,
|
|
14
|
+
success: m,
|
|
15
|
+
error: f,
|
|
16
|
+
warning: b,
|
|
17
|
+
system: h,
|
|
18
|
+
compact: l
|
|
19
|
+
}, g = {
|
|
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
|
+
g as m,
|
|
34
|
+
e as t
|
|
35
|
+
};
|
|
36
|
+
//# sourceMappingURL=utils-VD40Qwop.js.map
|
|
@@ -1,52 +1,52 @@
|
|
|
1
1
|
import { jsxs as T, jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import x from "react";
|
|
3
3
|
import { EAlertType as e } from "../EAlertType.js";
|
|
4
|
-
import { alertTypeToClassNameMap as
|
|
4
|
+
import { alertTypeToClassNameMap as m } from "../AlertTypeUtils.js";
|
|
5
5
|
import { Text as y } from "../../Typography/Text.js";
|
|
6
|
-
import { EFontType as r, ETextSize as
|
|
7
|
-
import { SystemStrokeStsIcon16 as
|
|
8
|
-
import { c as
|
|
9
|
-
const
|
|
10
|
-
alertContext:
|
|
11
|
-
alertContextText:
|
|
12
|
-
alertTypeError:
|
|
6
|
+
import { EFontType as r, ETextSize as I } from "../../Typography/enums.js";
|
|
7
|
+
import { SystemStrokeStsIcon16 as S, ErrorStrokeStsIcon16 as f, WarningStrokeStsIcon16 as i, InfoStrokeStsIcon16 as R } from "@sberbusiness/icons-next";
|
|
8
|
+
import { c as N } from "../../../chunks/vendor-CF2m175I.js";
|
|
9
|
+
const _ = "alertContext__77cdc881", E = "alertContextText__5c143063", d = "alertTypeError__bd2eec60", C = "alertTypeInfo__2b8b6239", u = "alertTypeWarning__b3e029f1", A = "alertTypeSystem__4c58baab", n = {
|
|
10
|
+
alertContext: _,
|
|
11
|
+
alertContextText: E,
|
|
12
|
+
alertTypeError: d,
|
|
13
13
|
alertTypeInfo: C,
|
|
14
14
|
alertTypeWarning: u,
|
|
15
15
|
alertTypeSystem: A
|
|
16
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
|
-
return /* @__PURE__ */ t(
|
|
21
|
+
return /* @__PURE__ */ t(i, { paletteIndex: 2 });
|
|
22
22
|
case e.ERROR:
|
|
23
|
-
return /* @__PURE__ */ t(
|
|
23
|
+
return /* @__PURE__ */ t(f, { paletteIndex: 1 });
|
|
24
24
|
case e.SYSTEM:
|
|
25
|
-
return /* @__PURE__ */ t(
|
|
25
|
+
return /* @__PURE__ */ t(S, { 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
|
-
},
|
|
33
|
-
({ children: o, className:
|
|
32
|
+
}, b = x.forwardRef(
|
|
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":
|
|
39
|
+
"data-tx": "0.1.6",
|
|
40
40
|
ref: c,
|
|
41
41
|
children: [
|
|
42
|
-
|
|
43
|
-
/* @__PURE__ */ t(y, { size:
|
|
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
|
+
b.displayName = "AlertContext";
|
|
49
49
|
export {
|
|
50
|
-
|
|
50
|
+
b as AlertContext
|
|
51
51
|
};
|
|
52
52
|
//# sourceMappingURL=AlertContext.js.map
|
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
2
|
-
import
|
|
1
|
+
import { jsx as e, jsxs as N } from "react/jsx-runtime";
|
|
2
|
+
import P, { useState as n } from "react";
|
|
3
3
|
import { EAlertType as t } from "../EAlertType.js";
|
|
4
|
-
import { alertTypeToClassNameMap as
|
|
5
|
-
import { ButtonIcon as
|
|
6
|
-
import { s as r, A as i } from "../../../chunks/AlertProcessSpoiler-
|
|
4
|
+
import { alertTypeToClassNameMap as k } from "../AlertTypeUtils.js";
|
|
5
|
+
import { ButtonIcon as v } from "../../Button/ButtonIcon.js";
|
|
6
|
+
import { s as r, A as i } from "../../../chunks/AlertProcessSpoiler-BuN7zhGO.js";
|
|
7
7
|
import { AlertProcessContext as R } from "./AlertProcessContext.js";
|
|
8
|
-
import { CrossStrokeSrvIcon16 as E, DefaulticonStrokePrdIcon20 as T, SystemStrokeStsIcon20 as y, ErrorStrokeStsIcon20 as
|
|
9
|
-
import { c as
|
|
10
|
-
const
|
|
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
|
+
import { c as C } from "../../../chunks/vendor-CF2m175I.js";
|
|
10
|
+
const O = (o) => {
|
|
11
11
|
switch (o) {
|
|
12
12
|
case t.INFO:
|
|
13
|
-
return /* @__PURE__ */ e(
|
|
13
|
+
return /* @__PURE__ */ e(B, { paletteIndex: 3 });
|
|
14
14
|
case t.WARNING:
|
|
15
|
-
return /* @__PURE__ */ e(
|
|
15
|
+
return /* @__PURE__ */ e(w, { paletteIndex: 2 });
|
|
16
16
|
case t.ERROR:
|
|
17
|
-
return /* @__PURE__ */ e(
|
|
17
|
+
return /* @__PURE__ */ e(j, { paletteIndex: 1 });
|
|
18
18
|
case t.SYSTEM:
|
|
19
19
|
return /* @__PURE__ */ e(y, { paletteIndex: 4 });
|
|
20
20
|
case t.FEATURE:
|
|
21
21
|
return /* @__PURE__ */ e(T, { paletteIndex: 0 });
|
|
22
22
|
}
|
|
23
|
-
},
|
|
24
|
-
|
|
25
|
-
const [I, x] = n(!1), [
|
|
23
|
+
}, m = Object.assign(
|
|
24
|
+
P.forwardRef(function({ children: p, className: d, type: a, renderIcon: l, closable: S = !1, onClose: s, ...f }, u) {
|
|
25
|
+
const [I, x] = n(!1), [c, h] = n(!1);
|
|
26
26
|
if (I)
|
|
27
27
|
return null;
|
|
28
|
-
const
|
|
28
|
+
const A = () => {
|
|
29
29
|
x(!0), s == null || s();
|
|
30
30
|
};
|
|
31
|
-
return /* @__PURE__ */ e(R.Provider, { value: { hasSpoiler:
|
|
31
|
+
return /* @__PURE__ */ e(R.Provider, { value: { hasSpoiler: c, setHasSpoiler: h }, children: /* @__PURE__ */ N(
|
|
32
32
|
"div",
|
|
33
33
|
{
|
|
34
|
-
className:
|
|
34
|
+
className: C(
|
|
35
35
|
r.alertProcess,
|
|
36
|
-
|
|
37
|
-
{ [r.withSpoiler]:
|
|
36
|
+
k[a](r),
|
|
37
|
+
{ [r.withSpoiler]: c },
|
|
38
38
|
d
|
|
39
39
|
),
|
|
40
40
|
...f,
|
|
41
|
-
"data-tx":
|
|
41
|
+
"data-tx": "0.1.6",
|
|
42
42
|
ref: u,
|
|
43
43
|
children: [
|
|
44
|
-
/* @__PURE__ */ e("div", { className: r.themeIcon, children:
|
|
45
|
-
/* @__PURE__ */ e("div", { className: r.alertProcessContentBlock, children:
|
|
46
|
-
S && /* @__PURE__ */ e("div", { className: r.closeButton, children: /* @__PURE__ */ e(
|
|
44
|
+
/* @__PURE__ */ e("div", { className: r.themeIcon, children: l || O(a) }),
|
|
45
|
+
/* @__PURE__ */ e("div", { className: r.alertProcessContentBlock, children: p }),
|
|
46
|
+
S && /* @__PURE__ */ e("div", { className: r.closeButton, children: /* @__PURE__ */ e(v, { onClick: A, children: /* @__PURE__ */ e(E, { paletteIndex: 5 }) }) })
|
|
47
47
|
]
|
|
48
48
|
}
|
|
49
49
|
) });
|
|
@@ -52,9 +52,9 @@ const B = (o) => {
|
|
|
52
52
|
Spoiler: i
|
|
53
53
|
}
|
|
54
54
|
);
|
|
55
|
-
|
|
56
|
-
|
|
55
|
+
m.displayName = "AlertProcess";
|
|
56
|
+
m.Spoiler = i;
|
|
57
57
|
export {
|
|
58
|
-
|
|
58
|
+
m as AlertProcess
|
|
59
59
|
};
|
|
60
60
|
//# sourceMappingURL=AlertProcess.js.map
|
|
@@ -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-BuN7zhGO.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 } from "../../chunks/vendor-CF2m175I.js";
|
|
4
|
-
const
|
|
5
|
-
body:
|
|
2
|
+
import n from "react";
|
|
3
|
+
import { c as t } from "../../chunks/vendor-CF2m175I.js";
|
|
4
|
+
const c = "body__5291a2ec", y = "bodyInner__ce4aeb67", d = {
|
|
5
|
+
body: c,
|
|
6
6
|
bodyInner: y
|
|
7
|
-
},
|
|
8
|
-
|
|
7
|
+
}, b = n.forwardRef(({ children: e, className: a, ...r }, s) => /* @__PURE__ */ o("div", { className: t(d.body, a), ...r, "data-tx": "0.1.6", ref: s, children: /* @__PURE__ */ o("div", { className: d.bodyInner, children: e }) }));
|
|
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-CLQ4mLUp.js";
|
|
5
5
|
import "./ButtonBase.js";
|
|
6
6
|
import "./ButtonIcon.js";
|
|
7
7
|
import "./enums.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
const r =
|
|
1
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import e from "react";
|
|
3
|
+
const r = e.forwardRef((t, o) => /* @__PURE__ */ a("button", { type: "button", ...t, "data-tx": "0.1.6", 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-CLQ4mLUp.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-CM0DOekv.js";
|
|
8
8
|
import "../Dropdown/mobile/DropdownMobile.js";
|
|
9
9
|
import "../Dropdown/mobile/DropdownMobileBody.js";
|
|
10
10
|
import "../Dropdown/mobile/DropdownMobileClose.js";
|
|
@@ -2,9 +2,9 @@ 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__3ea6c515", d = "circle__eb849fdd", f = "squircle__42d07dd3", o = {
|
|
6
6
|
buttonIcon: I,
|
|
7
|
-
circle:
|
|
7
|
+
circle: d,
|
|
8
8
|
squircle: f
|
|
9
9
|
}, p = (t) => {
|
|
10
10
|
switch (t) {
|
|
@@ -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-CLQ4mLUp.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,22 +1,22 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var o = (
|
|
4
|
-
import { jsx as
|
|
5
|
-
import
|
|
6
|
-
import { CardContent as
|
|
7
|
-
import { CardMedia as
|
|
8
|
-
import { ECardRoundingSize as M, ECardTheme 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
|
+
import u from "react";
|
|
6
|
+
import { CardContent as _ } from "./components/CardContent/CardContent.js";
|
|
7
|
+
import { CardMedia as b } from "./components/CardMedia.js";
|
|
8
|
+
import { ECardRoundingSize as M, ECardTheme as w } from "./enums.js";
|
|
9
9
|
import { EFocusSource as r } from "../../enums/EFocusSource.js";
|
|
10
|
-
import { mapCardRoundingSizeToCssClass as
|
|
11
|
-
import { isKey as
|
|
12
|
-
import { c as
|
|
13
|
-
import { c as B } from "../../chunks/Card.module-
|
|
14
|
-
const O = "
|
|
10
|
+
import { mapCardRoundingSizeToCssClass as x, mapCardThemeToCssClass as K } from "./utils.js";
|
|
11
|
+
import { isKey as f } from "../../utils/keyboard.js";
|
|
12
|
+
import { c as k } from "../../chunks/vendor-CF2m175I.js";
|
|
13
|
+
import { c as B } from "../../chunks/Card.module-ByP22Mc4.js";
|
|
14
|
+
const O = "action__f052994f", F = "selected__518a522c", V = "focusVisible__10e80013", a = {
|
|
15
15
|
action: O,
|
|
16
16
|
selected: F,
|
|
17
17
|
focusVisible: V
|
|
18
18
|
};
|
|
19
|
-
class l extends
|
|
19
|
+
class l extends u.Component {
|
|
20
20
|
constructor() {
|
|
21
21
|
super(...arguments);
|
|
22
22
|
o(this, "state", {
|
|
@@ -24,7 +24,7 @@ class l extends p.Component {
|
|
|
24
24
|
isControlled: this.props.selected !== void 0,
|
|
25
25
|
isSelected: !!this.props.selected
|
|
26
26
|
});
|
|
27
|
-
o(this, "ref",
|
|
27
|
+
o(this, "ref", u.createRef());
|
|
28
28
|
o(this, "handleClick", (e) => {
|
|
29
29
|
const { onClick: s } = this.props;
|
|
30
30
|
s == null || s(e), this.handleToggle();
|
|
@@ -35,7 +35,7 @@ class l extends p.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,24 +66,24 @@ class l extends p.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,
|
|
73
|
-
theme: S =
|
|
73
|
+
theme: S = w.GENERAL,
|
|
74
74
|
...C
|
|
75
|
-
} = this.props, { isControlled: E, isSelected: g, focusSource: D } = this.state, N =
|
|
75
|
+
} = this.props, { isControlled: E, isSelected: g, focusSource: D } = this.state, N = k(
|
|
76
76
|
B.card,
|
|
77
77
|
a.action,
|
|
78
|
-
|
|
79
|
-
|
|
78
|
+
K[S],
|
|
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 p.Component {
|
|
|
96
96
|
role: "button",
|
|
97
97
|
...C,
|
|
98
98
|
ref: this.ref,
|
|
99
|
-
"data-tx":
|
|
99
|
+
"data-tx": "0.1.6",
|
|
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
|
};
|
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { CardContent as
|
|
3
|
-
import { CardMedia as
|
|
4
|
-
import { mapCardRoundingSizeToCssClass as
|
|
5
|
-
import { c
|
|
6
|
-
import { c } from "../../chunks/Card.module-
|
|
1
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { CardContent as s } from "./components/CardContent/CardContent.js";
|
|
3
|
+
import { CardMedia as e } from "./components/CardMedia.js";
|
|
4
|
+
import { mapCardRoundingSizeToCssClass as C, mapCardThemeToCssClass as p } from "./utils.js";
|
|
5
|
+
import { c } from "../../chunks/vendor-CF2m175I.js";
|
|
6
|
+
import { c as n } from "../../chunks/Card.module-ByP22Mc4.js";
|
|
7
7
|
import { ECardRoundingSize as f, ECardTheme as l } from "./enums.js";
|
|
8
8
|
const a = ({
|
|
9
9
|
children: r,
|
|
10
10
|
className: o,
|
|
11
11
|
roundingSize: m = f.MD,
|
|
12
|
-
theme:
|
|
13
|
-
...
|
|
14
|
-
}) => /* @__PURE__ */
|
|
12
|
+
theme: t = l.GENERAL,
|
|
13
|
+
...d
|
|
14
|
+
}) => /* @__PURE__ */ i(
|
|
15
15
|
"div",
|
|
16
16
|
{
|
|
17
|
-
className:
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
17
|
+
className: c(
|
|
18
|
+
n.card,
|
|
19
|
+
p[t],
|
|
20
|
+
C[m],
|
|
21
21
|
o
|
|
22
22
|
),
|
|
23
|
-
...
|
|
24
|
-
"data-tx":
|
|
23
|
+
...d,
|
|
24
|
+
"data-tx": "0.1.6",
|
|
25
25
|
children: r
|
|
26
26
|
}
|
|
27
27
|
);
|
|
28
|
-
a.Content =
|
|
29
|
-
a.Media =
|
|
28
|
+
a.Content = s;
|
|
29
|
+
a.Media = e;
|
|
30
30
|
a.displayName = "CardStatic";
|
|
31
31
|
export {
|
|
32
32
|
a as CardStatic
|
|
@@ -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-ByP22Mc4.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-ByP22Mc4.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-ByP22Mc4.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-ByP22Mc4.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-ByP22Mc4.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,31 +1,31 @@
|
|
|
1
1
|
import { jsxs as _, jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
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__882ed016", y = "md__9a80fb77", C = "lg__c6b9332d", S = "nonempty__375161fa", g = "disabled__fd38142d", j = "checkbox__6d6753ea", v = "checkboxIcon__66c974b8", z = "checkmarkIcon__d0846b2d", c = {
|
|
7
7
|
label: u,
|
|
8
8
|
md: y,
|
|
9
9
|
lg: C,
|
|
10
10
|
nonempty: S,
|
|
11
11
|
disabled: g,
|
|
12
|
-
checkbox:
|
|
13
|
-
checkboxIcon:
|
|
12
|
+
checkbox: j,
|
|
13
|
+
checkboxIcon: v,
|
|
14
14
|
checkmarkIcon: z
|
|
15
|
-
}, R =
|
|
16
|
-
const { children: s, className:
|
|
15
|
+
}, R = p.forwardRef((m, b) => {
|
|
16
|
+
const { children: s, className: r, disabled: a, bulk: d, labelAttributes: e, size: n = N.MD, ...k } = m, h = l(c.checkbox, r, 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 d ? /* @__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":
|
|
26
|
-
/* @__PURE__ */ o("input", { type: "checkbox", className: h, disabled: a, ...
|
|
25
|
+
return /* @__PURE__ */ _("label", { ...e, className: x, "data-tx": "0.1.6", children: [
|
|
26
|
+
/* @__PURE__ */ o("input", { type: "checkbox", className: h, disabled: a, ...k, ref: b }),
|
|
27
27
|
/* @__PURE__ */ o("span", { className: c.checkboxIcon }),
|
|
28
|
-
|
|
28
|
+
i(),
|
|
29
29
|
s
|
|
30
30
|
] });
|
|
31
31
|
});
|
|
@@ -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__7bcbde46", _ = "label__882ed016", e = {
|
|
4
4
|
checkboxXGroup: r,
|
|
5
|
-
"indent-12": "indent-
|
|
5
|
+
"indent-12": "indent-12__d3a0b39e",
|
|
6
6
|
label: _,
|
|
7
|
-
"indent-16": "indent-
|
|
8
|
-
"indent-20": "indent-
|
|
9
|
-
"indent-24": "indent-
|
|
10
|
-
"indent-28": "indent-
|
|
11
|
-
"indent-32": "indent-
|
|
12
|
-
},
|
|
7
|
+
"indent-16": "indent-16__aa16ce2f",
|
|
8
|
+
"indent-20": "indent-20__75353aef",
|
|
9
|
+
"indent-24": "indent-24__aba4ce74",
|
|
10
|
+
"indent-28": "indent-28__63b95f49",
|
|
11
|
+
"indent-32": "indent-32__8f734b2c"
|
|
12
|
+
}, b = (n) => {
|
|
13
13
|
const { children: c, className: t, indent: o = 12, ...d } = n, s = a(e.checkboxXGroup, e[`indent-${o}`], t);
|
|
14
14
|
return /* @__PURE__ */ i("div", { className: s, 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,10 +1,10 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { c as p } from "../../chunks/vendor-CF2m175I.js";
|
|
3
|
-
const t = "
|
|
3
|
+
const t = "checkboxYGroup__7ac58a34", x = {
|
|
4
4
|
checkboxYGroup: t
|
|
5
5
|
}, l = (o) => {
|
|
6
|
-
const { children: c, className: s, ...
|
|
7
|
-
return /* @__PURE__ */ a("div", { className:
|
|
6
|
+
const { children: c, className: s, ...r } = o, e = p(x.checkboxYGroup, s);
|
|
7
|
+
return /* @__PURE__ */ a("div", { className: e, role: "group", ...r, children: c });
|
|
8
8
|
};
|
|
9
9
|
l.displayName = "CheckboxYGroup";
|
|
10
10
|
export {
|