@sberbusiness/triplex-next 0.1.7 → 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-COu9EiLo.js

@@ -0,0 +1,39 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { useContext as d, useEffect as i } from "react";
+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__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: b,
+  alertTypeError: u,
+  alertTypeInfo: T,
+  alertTypeWarning: B,
+  alertTypeSystem: C,
+  alertTypeFeature: S,
+  alertProcessContentBlock: h,
+  closeButton: I,
+  expandableContent: P,
+  expanded: g,
+  expandButton: k
+}, v = ({ children: s, open: r, onOpen: o, ...l }) => {
+  const { setHasSpoiler: n } = d(x);
+  i(() => (n(!0), () => {
+    n(!1);
+  }), [n]);
+  const c = () => {
+    o == null || o(!r);
+  };
+  return /* @__PURE__ */ p("div", { className: e.spoiler, children: [
+    /* @__PURE__ */ t("div", { className: a(e.expandableContent, { [e.expanded]: r }), ...l, children: s }),
+    /* @__PURE__ */ t("div", { className: a(e.expandButton, { [e.expanded]: r }), children: /* @__PURE__ */ t(m, { onClick: c, children: /* @__PURE__ */ t(_, { paletteIndex: 5 }) }) })
+  ] });
+};
+v.displayName = "AlertProcessSpoiler";
+export {
+  v as A,
+  e as s
+};
+//# 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-BudewkEZ.js → DropdownListItem-iil7gCyc.js}

@@ -2,14 +2,14 @@ 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__4b75b9c9", y = "dropdownListItem__7533f707", I = "active__2c71a0ce", l = "selected__dc01c60f", n = {
+const D = "dropdownList__b18c3196", y = "dropdownListItem__ffd4c3e1", I = "active__1bc69efa", l = "selected__57341b99", n = {
   dropdownList: D,
   dropdownListItem: y,
   active: I,
   selected: l,
-  "dropdownList-sm": "dropdownList-sm__31f008ab",
-  "dropdownList-md": "dropdownList-md__49a7b793",
-  "dropdownList-lg": "dropdownList-lg__41c53261"
+  "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,
@@ -19,12 +19,12 @@ const D = "dropdownList__4b75b9c9", y = "dropdownListItem__7533f707", I = "activ
     onClick: e,
     onSelect: o,
     selected: i,
-    ...a
-  }, 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), () => {
@@ -40,9 +40,9 @@ const D = "dropdownList__4b75b9c9", y = "dropdownListItem__7533f707", I = "activ
         title: typeof s == "string" ? s : void 0,
         role: "option",
         "aria-selected": !!i,
-        ...a,
-        onClick: L,
-        ref: w,
+        ...w,
+        onClick: a,
+        ref: L,
         children: s
       }
     );
@@ -53,4 +53,4 @@ export {
   b as D,
   n as s
 };
-//# sourceMappingURL=DropdownListItem-BudewkEZ.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-1ReoZNC3.js → FormFieldInput-Ki1-hI2O.js}

@@ -2,32 +2,32 @@ 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__5f9ed17e", N = {
+const S = "formFieldInput__0bbdbba4", b = {
   formFieldInput: S,
-  "autofill-applied-hook": "autofill-applied-hook__d15f5ede",
-  "autofill-cancelled-hook": "autofill-cancelled-hook__33ae4187",
-  "size-sm": "size-sm__b5639029",
-  "size-md": "size-md__73e52ea6",
-  "size-lg": "size-lg__d3f50b19"
-}, W = g.forwardRef((u, c) => {
-  const { className: k, id: t, onAnimationStart: a, onBlur: i, onFocus: n, placeholder: m, value: s, ...x } = u, { render: f, ...b } = u, { focused: B, disabled: P, setFocused: p, setId: r, setValueExist: l, size: F } = j(A), _ = C(N.formFieldInput, k, N[`size-${F}`]), o = y(t || E("input_"));
+  "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: 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(() => {
     t && (o.current = t, r(o.current));
   }, [t, r]), d(() => {
-    l(!!s);
-  }, [l, s]);
+    a(!!s);
+  }, [a, s]);
   const h = (e) => {
     p(!1), i == null || i(e);
   }, I = (e) => {
     p(!0), n == null || n(e);
   }, z = (e) => {
-    e.animationName.startsWith("autofill-applied-hook") ? l(!0) : e.animationName.startsWith("autofill-cancelled-hook") && !s && l(!1), a == null || a(e);
+    e.animationName.startsWith("autofill-applied-hook") ? a(!0) : e.animationName.startsWith("autofill-cancelled-hook") && !s && a(!1), l == null || l(e);
   };
   return f ? f(
     {
-      ...b,
+      ...x,
       className: _,
       id: o.current,
       onAnimationStart: z,
@@ -37,11 +37,11 @@ const S = "formFieldInput__5f9ed17e", N = {
       placeholder: B ? m : " ",
       size: F
     },
-    c
+    u
   ) : /* @__PURE__ */ R(
     "input",
     {
-      ...x,
+      ...k,
       className: _,
       disabled: P,
       id: o.current,
@@ -50,13 +50,13 @@ const S = "formFieldInput__5f9ed17e", N = {
       onBlur: h,
       value: s,
       placeholder: m,
-      ref: c
+      ref: u
     }
   );
 });
 W.displayName = "FormFieldInput";
 export {
   W as F,
-  N as s
+  b as s
 };
-//# sourceMappingURL=FormFieldInput-1ReoZNC3.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-WWYrLpko.js → ListItemControlsButton-C5HBHV5H.js}

@@ -3,16 +3,16 @@ import i from "react";
 import { c as I } from "./vendor-CF2m175I.js";
 import { ETextSize as u } from "../components/Typography/enums.js";
 import { Text as a } from "../components/Typography/Text.js";
-const c = "listItemControlsButton__c7ce7397", B = "listItemControlsButtonDropdown__93110b69", C = "listItemControlsButtonIcon__a454454c", p = "withText__f79e837f", _ = "listItemControlsButtonLabel__47a4f7a6", f = "listItemControlsButtonInner__da2817a3", d = "withIcon__8ceb5ad2", w = "buttonDropdownMenuItem__bb5729ff", t = {
+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: C,
-  withText: p,
-  listItemControlsButtonLabel: _,
-  listItemControlsButtonInner: f,
-  withIcon: d,
-  buttonDropdownMenuItem: w
-}, b = i.forwardRef(
+  withText: d,
+  listItemControlsButtonLabel: p,
+  listItemControlsButtonInner: _,
+  withIcon: w,
+  buttonDropdownMenuItem: b
+}, f = i.forwardRef(
   ({ children: o, className: e, icon: n, ...l }, r) => /* @__PURE__ */ s(
     "button",
     {
@@ -35,9 +35,9 @@ const c = "listItemControlsButton__c7ce7397", B = "listItemControlsButtonDropdow
     }
   )
 );
-b.displayName = "ListItemControlsButton";
+f.displayName = "ListItemControlsButton";
 export {
-  b as L,
+  f as L,
   t as s
 };
-//# sourceMappingURL=ListItemControlsButton-WWYrLpko.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-CYOimNvc.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__b188ecde", a = "lg__037824c9", o = "md__e2b202ae", n = "sm__ef2a8642", c = "selected__51dae38f", 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-CYOimNvc.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