@sberbusiness/triplex-next 0.1.6 → 0.1.8

package/README.md

@@ -3,7 +3,13 @@
 ## 🚀 Установка
 
 ```bash
-npm install triplex-next
+npm install @sberbusiness/triplex-next @sberbusiness/icons-next
+```
+
+## Импортировать стили
+```ts
+import '@sberbusiness/triplex-next/styles/triplex-next.css';
+import '@sberbusiness/icons-next/styles/icons.css';
 ```
 
 ## 🔤 Шрифты
@@ -13,42 +19,42 @@ npm install triplex-next
 ```css
 @font-face {
     font-family: 'SBSansDisplay';
-    src: url('node_modules/@sberbusiness/triplex-next/public/assets/fonts/SBSansDisplay-Regular.woff2') format('woff2');
+    src: url('node_modules/@sberbusiness/triplex-next/assets/fonts/SBSansDisplay-Regular.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'SBSansDisplayMedium';
-    src: url('node_modules/@sberbusiness/triplex-next/public/assets/fonts/SBSansDisplay-Medium.woff2') format('woff2');
+    src: url('node_modules/@sberbusiness/triplex-next/assets/fonts/SBSansDisplay-Medium.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'SBSansDisplaySemibold';
-    src: url('node_modules/@sberbusiness/triplex-next/public/assets/fonts/SBSansDisplay-SemiBold.woff2') format('woff2');
+    src: url('node_modules/@sberbusiness/triplex-next/assets/fonts/SBSansDisplay-SemiBold.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'SBSansDisplayBold';
-    src: url('node_modules/@sberbusiness/triplex-next/public/assets/fonts/SBSansDisplay-Bold.woff2') format('woff2');
+    src: url('node_modules/@sberbusiness/triplex-next/assets/fonts/SBSansDisplay-Bold.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'SBSansText';
-    src: url('node_modules/@sberbusiness/triplex-next/public/assets/fonts/SBSansText-Regular.woff2') format('woff2');
+    src: url('node_modules/@sberbusiness/triplex-next/assets/fonts/SBSansText-Regular.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'SBSansTextSemibold';
-    src: url('node_modules/@sberbusiness/triplex-next/public/assets/fonts/SBSansText-Semibold.woff2') format('woff2');
+    src: url('node_modules/@sberbusiness/triplex-next/assets/fonts/SBSansText-Semibold.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 }

package/chunks/{AlertProcessSpoiler-BuN7zhGO.js → AlertProcessSpoiler-COu9EiLo.js}

@@ -4,12 +4,12 @@ import { CaretdownStrokeSrvIcon16 as _ } from "@sberbusiness/icons-next";
 import { ButtonIcon as m } from "../components/Button/ButtonIcon.js";
 import { AlertProcessContext as x } from "../components/Alert/AlertProcess/AlertProcessContext.js";
 import { c as a } from "./vendor-CF2m175I.js";
-const y = "alertProcess__0d408e6b", f = "withSpoiler__77e44e61", u = "themeIcon__0eab8593", T = "alertTypeError__bd2eec60", b = "alertTypeInfo__2b8b6239", B = "alertTypeWarning__b3e029f1", C = "alertTypeSystem__4c58baab", S = "alertTypeFeature__577ea24f", h = "alertProcessContentBlock__2a0f605a", I = "closeButton__e5c0017d", P = "expandableContent__51246ed5", g = "expanded__ce806b5b", k = "expandButton__d53edf69", e = {
+const y = "alertProcess__2a304d88", f = "withSpoiler__8fd063ea", b = "themeIcon__3c6548ab", u = "alertTypeError__cc07cb85", T = "alertTypeInfo__c13be0b4", B = "alertTypeWarning__72fe1deb", C = "alertTypeSystem__fb3f37fb", S = "alertTypeFeature__75d0823b", h = "alertProcessContentBlock__ba2c9e39", I = "closeButton__dbede4c0", P = "expandableContent__38229920", g = "expanded__b5e61e2f", k = "expandButton__8b469159", e = {
   alertProcess: y,
   withSpoiler: f,
-  themeIcon: u,
-  alertTypeError: T,
-  alertTypeInfo: b,
+  themeIcon: b,
+  alertTypeError: u,
+  alertTypeInfo: T,
   alertTypeWarning: B,
   alertTypeSystem: C,
   alertTypeFeature: S,
@@ -36,4 +36,4 @@ export {
   v as A,
   e as s
 };
-//# sourceMappingURL=AlertProcessSpoiler-BuN7zhGO.js.map
+//# sourceMappingURL=AlertProcessSpoiler-COu9EiLo.js.map

package/chunks/Card.module-C1gfsiyU.js

@@ -0,0 +1,17 @@
+const n = "card__5dda3dad", d = "roundingMD__b997d6c4", a = "roundingSM__fd936c73", c = "general__30ce8d9b", o = "secondary__fabc291d", r = "cardMedia__3783a006", t = "cardContent__b80f2719", e = "paddingMD__9d184b6b", _ = "paddingSM__4a1008bd", s = "cardContentHeader__2f60fa18", g = "cardContentFooter__c6552509", i = {
+  card: n,
+  roundingMD: d,
+  roundingSM: a,
+  general: c,
+  secondary: o,
+  cardMedia: r,
+  cardContent: t,
+  paddingMD: e,
+  paddingSM: _,
+  cardContentHeader: s,
+  cardContentFooter: g
+};
+export {
+  i as c
+};
+//# sourceMappingURL=Card.module-C1gfsiyU.js.map

package/chunks/{DropdownListItem-CM0DOekv.js → DropdownListItem-iil7gCyc.js}

@@ -1,56 +1,56 @@
-import { jsx as E } from "react/jsx-runtime";
-import f, { useEffect as u } from "react";
+import { jsx as f } from "react/jsx-runtime";
+import E, { useEffect as u } from "react";
 import { EVENT_KEY_CODES as m } from "../utils/keyboard.js";
 import { c as v } from "./vendor-CF2m175I.js";
-const D = "dropdownList__df34afb1", y = "dropdownListItem__aa651616", I = "active__d1e66931", b = "selected__e9d8b9bb", n = {
+const D = "dropdownList__b18c3196", y = "dropdownListItem__ffd4c3e1", I = "active__1bc69efa", l = "selected__57341b99", n = {
   dropdownList: D,
   dropdownListItem: y,
   active: I,
-  selected: b,
-  "dropdownList-sm": "dropdownList-sm__201b0026",
-  "dropdownList-md": "dropdownList-md__a25171cc",
-  "dropdownList-lg": "dropdownList-lg__c58abac9"
-}, l = [m.SPACE, m.ENTER], N = f.forwardRef(
+  selected: l,
+  "dropdownList-sm": "dropdownList-sm__b98c7134",
+  "dropdownList-md": "dropdownList-md__d4570591",
+  "dropdownList-lg": "dropdownList-lg__f1cf512c"
+}, N = [m.SPACE, m.ENTER], b = E.forwardRef(
   ({
     active: d,
-    keyCodesForSelection: p = l,
+    keyCodesForSelection: p = N,
     children: s,
-    className: a,
+    className: _,
     onClick: e,
     onSelect: o,
     selected: i,
-    ..._
-  }, w) => {
+    ...w
+  }, L) => {
     const r = (t) => {
       const { keyCode: c } = t;
       p.includes(c) && (t.preventDefault(), o == null || o());
-    }, L = (t) => {
+    }, a = (t) => {
       o == null || o(), e == null || e(t);
     };
     return u(() => (d ? document.addEventListener("keydown", r) : document.removeEventListener("keydown", r), () => {
       document.removeEventListener("keydown", r);
-    }), [d]), /* @__PURE__ */ E(
+    }), [d]), /* @__PURE__ */ f(
       "div",
       {
         className: v(
           n.dropdownListItem,
           { [n.active]: !!d, [n.selected]: !!i },
-          a
+          _
         ),
         title: typeof s == "string" ? s : void 0,
         role: "option",
         "aria-selected": !!i,
-        ..._,
-        onClick: L,
-        ref: w,
+        ...w,
+        onClick: a,
+        ref: L,
         children: s
       }
     );
   }
 );
-N.displayName = "DropdownListItem";
+b.displayName = "DropdownListItem";
 export {
-  N as D,
+  b as D,
   n as s
 };
-//# sourceMappingURL=DropdownListItem-CM0DOekv.js.map
+//# sourceMappingURL=DropdownListItem-iil7gCyc.js.map

package/chunks/DropdownMobile.module-DlpnKNwL.js

@@ -0,0 +1,19 @@
+const o = "dropdownMobileWrapper__f582df55", e = "dropdownMobileBackdrop__22fb0684", d = "closing__59e9a7c3", n = "opening__dbbbf50f", r = "opened__b2158655", p = "dropdownMobile__b895aff7", l = "dropdownMobileHeader__684ed833", b = "dropdownMobileContent__f8292aae", i = "dropdownMobileFooter__5f9d2501", t = "dropdownMobileListItem__a60263b7", s = "selected__57341b99", w = "dropdownMobileClose__b15c2332", M = "dropdownMobileBodyOverflow__cfb6a737", c = {
+  dropdownMobileWrapper: o,
+  dropdownMobileBackdrop: e,
+  closing: d,
+  opening: n,
+  opened: r,
+  dropdownMobile: p,
+  dropdownMobileHeader: l,
+  dropdownMobileContent: b,
+  dropdownMobileFooter: i,
+  dropdownMobileListItem: t,
+  selected: s,
+  dropdownMobileClose: w,
+  dropdownMobileBodyOverflow: M
+};
+export {
+  c as s
+};
+//# sourceMappingURL=DropdownMobile.module-DlpnKNwL.js.map

package/chunks/Footer.module-CqUuM-TN.js

@@ -0,0 +1,11 @@
+const o = "footer__22fa2489", t = "sticky__2570fcfb", e = "footerDescription__c1150177", r = "footerDescriptionContent__6a6b67ff", s = "footerDescriptionControls__a46c51f1", n = {
+  footer: o,
+  sticky: t,
+  footerDescription: e,
+  footerDescriptionContent: r,
+  footerDescriptionControls: s
+};
+export {
+  n as s
+};
+//# sourceMappingURL=Footer.module-CqUuM-TN.js.map

package/chunks/{FormFieldInput-3TmHcNY0.js → FormFieldInput-Ki1-hI2O.js}

@@ -2,15 +2,15 @@ import { jsx as R } from "react/jsx-runtime";
 import g, { useContext as j, useRef as y, useEffect as d } from "react";
 import { FormFieldContext as A } from "../components/FormField/FormFieldContext.js";
 import { c as C, j as E } from "./vendor-CF2m175I.js";
-const S = "formFieldInput__ee986b1d", N = {
+const S = "formFieldInput__0bbdbba4", b = {
   formFieldInput: S,
-  "autofill-applied-hook": "autofill-applied-hook__99ba81d7",
-  "autofill-cancelled-hook": "autofill-cancelled-hook__05d77a2f",
-  "size-sm": "size-sm__5c0732be",
-  "size-md": "size-md__3275adc6",
-  "size-lg": "size-lg__b7e84fba"
+  "autofill-applied-hook": "autofill-applied-hook__bd5cd3e2",
+  "autofill-cancelled-hook": "autofill-cancelled-hook__c033756a",
+  "size-sm": "size-sm__a6edd3c2",
+  "size-md": "size-md__285f1472",
+  "size-lg": "size-lg__cfb64eea"
 }, W = g.forwardRef((c, u) => {
-  const { className: b, id: t, onAnimationStart: l, onBlur: i, onFocus: n, placeholder: m, value: s, ...k } = c, { render: f, ...x } = c, { focused: B, disabled: P, setFocused: p, setId: r, setValueExist: a, size: F } = j(A), _ = C(N.formFieldInput, b, N[`size-${F}`]), o = y(t || E("input_"));
+  const { className: N, id: t, onAnimationStart: l, onBlur: i, onFocus: n, placeholder: m, value: s, ...k } = c, { render: f, ...x } = c, { focused: B, disabled: P, setFocused: p, setId: r, setValueExist: a, size: F } = j(A), _ = C(b.formFieldInput, N, b[`size-${F}`]), o = y(t || E("input_"));
   d(() => {
     r(o.current);
   }, []), d(() => {
@@ -57,6 +57,6 @@ const S = "formFieldInput__ee986b1d", N = {
 W.displayName = "FormFieldInput";
 export {
   W as F,
-  N as s
+  b as s
 };
-//# sourceMappingURL=FormFieldInput-3TmHcNY0.js.map
+//# sourceMappingURL=FormFieldInput-Ki1-hI2O.js.map

package/chunks/HeaderLayoutSidebar.module-BnYpSWmI.js

@@ -0,0 +1,9 @@
+const e = "headerLayoutSidebar__c2b0dc43", a = "headerLayoutSidebarContent__1542fd11", d = "headerLayoutSidebarSidebar__b1920537", r = {
+  headerLayoutSidebar: e,
+  headerLayoutSidebarContent: a,
+  headerLayoutSidebarSidebar: d
+};
+export {
+  r as s
+};
+//# sourceMappingURL=HeaderLayoutSidebar.module-BnYpSWmI.js.map

package/chunks/HeaderTabs.module-IVowc7y2.js

@@ -0,0 +1,9 @@
+const e = "headerTabs__b7b26086", s = "headerTabsContent__5589218d", a = "headerTabsControls__b30657e6", t = {
+  headerTabs: e,
+  headerTabsContent: s,
+  headerTabsControls: a
+};
+export {
+  t as s
+};
+//# sourceMappingURL=HeaderTabs.module-IVowc7y2.js.map

package/chunks/HeaderTitle.module-Cja2peF4.js

@@ -0,0 +1,9 @@
+const e = "headerTitle__c0f1ed9a", t = "headerTitleControls__db207a58", o = "headerTitleContent__cb5e907a", a = {
+  headerTitle: e,
+  headerTitleControls: t,
+  headerTitleContent: o
+};
+export {
+  a as s
+};
+//# sourceMappingURL=HeaderTitle.module-Cja2peF4.js.map

package/chunks/{ListItemControlsButton-BpUzyKya.js → ListItemControlsButton-C5HBHV5H.js}

@@ -2,17 +2,17 @@ import { jsx as s, jsxs as m } from "react/jsx-runtime";
 import i from "react";
 import { c as I } from "./vendor-CF2m175I.js";
 import { ETextSize as u } from "../components/Typography/enums.js";
-import { Text as c } from "../components/Typography/Text.js";
-const a = "listItemControlsButton__fec17772", B = "listItemControlsButtonDropdown__a9bd14f6", d = "listItemControlsButtonIcon__72d0c0fb", C = "withText__0ad91e40", f = "listItemControlsButtonLabel__5ffb660a", p = "listItemControlsButtonInner__d4c18792", _ = "withIcon__b78dc1ec", w = "buttonDropdownMenuItem__e27fd5ed", t = {
-  listItemControlsButton: a,
+import { Text as a } from "../components/Typography/Text.js";
+const c = "listItemControlsButton__06174855", B = "listItemControlsButtonDropdown__41a0d0ad", C = "listItemControlsButtonIcon__836a017d", d = "withText__bb3ca48c", p = "listItemControlsButtonLabel__5b850a36", _ = "listItemControlsButtonInner__6585432d", w = "withIcon__4dc37708", b = "buttonDropdownMenuItem__5ff974b5", t = {
+  listItemControlsButton: c,
   listItemControlsButtonDropdown: B,
-  listItemControlsButtonIcon: d,
-  withText: C,
-  listItemControlsButtonLabel: f,
-  listItemControlsButtonInner: p,
-  withIcon: _,
-  buttonDropdownMenuItem: w
-}, b = i.forwardRef(
+  listItemControlsButtonIcon: C,
+  withText: d,
+  listItemControlsButtonLabel: p,
+  listItemControlsButtonInner: _,
+  withIcon: w,
+  buttonDropdownMenuItem: b
+}, f = i.forwardRef(
   ({ children: o, className: e, icon: n, ...l }, r) => /* @__PURE__ */ s(
     "button",
     {
@@ -30,14 +30,14 @@ const a = "listItemControlsButton__fec17772", B = "listItemControlsButtonDropdow
       ref: r,
       children: /* @__PURE__ */ m("span", { className: t.listItemControlsButtonInner, children: [
         n ? /* @__PURE__ */ s("span", { className: t.listItemControlsButtonIcon, children: n }) : null,
-        o ? /* @__PURE__ */ s(c, { className: t.listItemControlsButtonLabel, size: u.B4, children: o }) : null
+        o ? /* @__PURE__ */ s(a, { className: t.listItemControlsButtonLabel, size: u.B4, children: o }) : null
       ] })
     }
   )
 );
-b.displayName = "ListItemControlsButton";
+f.displayName = "ListItemControlsButton";
 export {
-  b as L,
+  f as L,
   t as s
 };
-//# sourceMappingURL=ListItemControlsButton-BpUzyKya.js.map
+//# sourceMappingURL=ListItemControlsButton-C5HBHV5H.js.map

package/chunks/ListItemTail.module-DGc45Gzs.js

@@ -0,0 +1,12 @@
+const t = "listItemTail__d65ab61a", i = "listItemTailLine__a1af9773", l = "listItemTailTop__77bd4c59", e = "listItemTailBottom__071b4ef6", s = "listItemTailRight__ce4683f9", a = "listItemTailLeft__35edcc95", m = {
+  listItemTail: t,
+  listItemTailLine: i,
+  listItemTailTop: l,
+  listItemTailBottom: e,
+  listItemTailRight: s,
+  listItemTailLeft: a
+};
+export {
+  m as s
+};
+//# sourceMappingURL=ListItemTail.module-DGc45Gzs.js.map

package/chunks/ListMasterFooter.module-CEzWKTX8.js

@@ -0,0 +1,10 @@
+const t = "listMasterFooter__28cae430", s = "sticky__c335ac6f", o = "listMasterFooterDescription__4eeb8a9b", e = "listMasterFooterControls__3cdaae1d", r = {
+  listMasterFooter: t,
+  sticky: s,
+  listMasterFooterDescription: o,
+  listMasterFooterControls: e
+};
+export {
+  r as s
+};
+//# sourceMappingURL=ListMasterFooter.module-CEzWKTX8.js.map

package/chunks/Overlay.module-Q2gyaG66.js

@@ -0,0 +1,18 @@
+const o = "overlay__22adec69", e = "fixed__f09c0b38", t = "closing__69b193b3", n = "opened__fc8cd070", a = "overlayPanel__d7f4abe1", l = "bottom__52311fd8", _ = "left__0f179f29", s = "right__440609ba", c = "top__e9bebb76", r = "overlayContent__0b106891", y = "overlayMask__d1060109", v = "overlayOpened__1075bf1c", d = {
+  overlay: o,
+  fixed: e,
+  closing: t,
+  opened: n,
+  overlayPanel: a,
+  bottom: l,
+  left: _,
+  right: s,
+  top: c,
+  overlayContent: r,
+  overlayMask: y,
+  overlayOpened: v
+};
+export {
+  d as s
+};
+//# sourceMappingURL=Overlay.module-Q2gyaG66.js.map

package/chunks/Page.module-DxiWg_8o.js

@@ -0,0 +1,16 @@
+const e = "page__662ab4d1", a = "headerPageBackground__ac0a7a28", o = "footerPageBackground__57907166", r = "headerPageSticky__9b2ef1ad", t = "footerPageSticky__c98696ae", g = "headerPageStuck__2a39bb95", c = "footerPageStuck__29800e65", d = "observerTarget__dd39d27c", P = "headerPage__26e26713", _ = "bodyPage__374a9e2e", k = {
+  page: e,
+  headerPageBackground: a,
+  footerPageBackground: o,
+  headerPageSticky: r,
+  footerPageSticky: t,
+  headerPageStuck: g,
+  footerPageStuck: c,
+  observerTarget: d,
+  headerPage: P,
+  bodyPage: _
+};
+export {
+  k as s
+};
+//# sourceMappingURL=Page.module-DxiWg_8o.js.map

package/chunks/TabsExtended.module-BF_E00U4.js

@@ -0,0 +1,13 @@
+const t = "tabsExtended__1c585226", e = "tabsExtendedContent__f660e175", d = "tabsExtendedTab__4c3c6ca6", n = "tabsExtendedDropdown__b2bf3d8d", a = "tabsReal__ae46ae84", s = "tabsFake__925e0429", b = "hidden__e3623784", o = {
+  tabsExtended: t,
+  tabsExtendedContent: e,
+  tabsExtendedTab: d,
+  tabsExtendedDropdown: n,
+  tabsReal: a,
+  tabsFake: s,
+  hidden: b
+};
+export {
+  o as s
+};
+//# sourceMappingURL=TabsExtended.module-BF_E00U4.js.map

package/chunks/{TabsExtendedUtils-BT4b2wK1.js → TabsExtendedUtils-CfV3lgH0.js}

@@ -1,8 +1,8 @@
 import { ETabsExtendedTabButtonSize as t } from "../components/TabsExtended/enums.js";
 import { ETextSize as e } from "../components/Typography/enums.js";
-const d = "tabsExtendedTabButton__7953ad41", a = "lg__483c430d", o = "md__56c8a04d", n = "sm__5122ab60", c = "selected__cad5e651", s = {
-  tabsExtendedTabButton: d,
-  lg: a,
+const a = "tabsExtendedTabButton__29377faa", d = "lg__fb5e3e94", o = "md__2c83273f", n = "sm__1e74ac60", c = "selected__008d4829", s = {
+  tabsExtendedTabButton: a,
+  lg: d,
   md: o,
   sm: n,
   selected: c
@@ -20,4 +20,4 @@ export {
   s,
   _ as t
 };
-//# sourceMappingURL=TabsExtendedUtils-BT4b2wK1.js.map
+//# sourceMappingURL=TabsExtendedUtils-CfV3lgH0.js.map

package/chunks/TooltipDesktop.module-C9Nuoxhf.js

@@ -0,0 +1,19 @@
+const t = "tooltipDesktop__4c215820", o = "tooltipBody__6e074cd1", p = "tooltipXButton__3f12b378", l = "tooltipDesktopContent__9494b623", i = "closable__d97b1398", s = "tooltipSM__92f97a22", e = "tooltipLG__57c94836", n = "tooltipOverlay__5564518c", _ = "tooltipDesktopTip__b9ded903", c = "down__d9d1c633", d = "up__84e8309b", a = "left__38f25275", b = "right__fdbaaa34", k = {
+  tooltipDesktop: t,
+  tooltipBody: o,
+  tooltipXButton: p,
+  tooltipDesktopContent: l,
+  closable: i,
+  tooltipSM: s,
+  tooltipLG: e,
+  tooltipOverlay: n,
+  tooltipDesktopTip: _,
+  down: c,
+  up: d,
+  left: a,
+  right: b
+};
+export {
+  k as s
+};
+//# sourceMappingURL=TooltipDesktop.module-C9Nuoxhf.js.map