@sberbusiness/triplex-next 0.1.7 → 0.1.9

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-Dz0-n3MA.js → AlertProcessSpoiler-BPbAJJFo.js}

@@ -1,15 +1,15 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { useContext as p, useEffect as i } from "react";
+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 n } from "./vendor-CF2m175I.js";
-const y = "alertProcess__a8474709", b = "withSpoiler__d66062fc", f = "themeIcon__964fb1fb", u = "alertTypeError__1ecabbb5", T = "alertTypeInfo__d0dbb5ad", B = "alertTypeWarning__2d7dde5d", C = "alertTypeSystem__c900627b", S = "alertTypeFeature__ac4d9602", h = "alertProcessContentBlock__0c351df8", I = "closeButton__a7b18db9", P = "expandableContent__cbec80a0", g = "expanded__e9ccbdee", k = "expandButton__8ca67078", e = {
+const y = "alertProcess__92d09c1c", f = "withSpoiler__1aff6a88", u = "themeIcon__83b6510b", T = "alertTypeError__5652986a", b = "alertTypeInfo__a2c98f46", B = "alertTypeWarning__7b4e967c", C = "alertTypeSystem__ac2cdacd", S = "alertTypeFeature__ac1c2d8e", h = "alertProcessContentBlock__692947b9", I = "closeButton__08743ae9", P = "expandableContent__5897c15a", g = "expanded__0e97f0dd", k = "expandButton__ebf477bb", e = {
   alertProcess: y,
-  withSpoiler: b,
-  themeIcon: f,
-  alertTypeError: u,
-  alertTypeInfo: T,
+  withSpoiler: f,
+  themeIcon: u,
+  alertTypeError: T,
+  alertTypeInfo: b,
   alertTypeWarning: B,
   alertTypeSystem: C,
   alertTypeFeature: S,
@@ -19,14 +19,14 @@ const y = "alertProcess__a8474709", b = "withSpoiler__d66062fc", f = "themeIcon_
   expanded: g,
   expandButton: k
 }, v = ({ children: s, open: r, onOpen: o, ...c }) => {
-  const { setHasSpoiler: a } = p(x);
+  const { setHasSpoiler: a } = d(x);
   i(() => (a(!0), () => {
     a(!1);
   }), [a]);
   const l = () => {
     o == null || o(!r);
   };
-  return /* @__PURE__ */ d("div", { className: e.spoiler, children: [
+  return /* @__PURE__ */ p("div", { className: e.spoiler, children: [
     /* @__PURE__ */ t("div", { className: n(e.expandableContent, { [e.expanded]: r }), ...c, children: s }),
     /* @__PURE__ */ t("div", { className: n(e.expandButton, { [e.expanded]: r }), children: /* @__PURE__ */ t(m, { onClick: l, children: /* @__PURE__ */ t(_, { paletteIndex: 5 }) }) })
   ] });
@@ -36,4 +36,4 @@ export {
   v as A,
   e as s
 };
-//# sourceMappingURL=AlertProcessSpoiler-Dz0-n3MA.js.map
+//# sourceMappingURL=AlertProcessSpoiler-BPbAJJFo.js.map

package/chunks/Card.module-Oqawy8hF.js

@@ -0,0 +1,17 @@
+const n = "card__8361137a", d = "roundingMD__7c59a695", a = "roundingSM__e61e7153", c = "general__df8cbb6d", o = "secondary__5cdea20f", e = "cardMedia__90134835", r = "cardContent__4f854c40", t = "paddingMD__bb75c671", _ = "paddingSM__dd50c1d5", s = "cardContentHeader__66938b59", g = "cardContentFooter__9d9a63fe", i = {
+  card: n,
+  roundingMD: d,
+  roundingSM: a,
+  general: c,
+  secondary: o,
+  cardMedia: e,
+  cardContent: r,
+  paddingMD: t,
+  paddingSM: _,
+  cardContentHeader: s,
+  cardContentFooter: g
+};
+export {
+  i as c
+};
+//# sourceMappingURL=Card.module-Oqawy8hF.js.map

package/chunks/DropdownListItem-CW2MmFpw.js

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

package/chunks/DropdownMobile.module-DyunEp10.js

@@ -0,0 +1,19 @@
+const o = "dropdownMobileWrapper__50cfeb39", d = "dropdownMobileBackdrop__a14b27da", e = "closing__d2ed82f7", n = "opening__2ddd9d7b", r = "opened__816e6479", p = "dropdownMobile__b9d33d06", l = "dropdownMobileHeader__f6e0610c", b = "dropdownMobileContent__1dd5363e", i = "dropdownMobileFooter__bdfbb8f2", t = "dropdownMobileListItem__9fb65078", s = "selected__defeaafa", w = "dropdownMobileClose__5ecc0ab6", c = "dropdownMobileBodyOverflow__f550034e", M = {
+  dropdownMobileWrapper: o,
+  dropdownMobileBackdrop: d,
+  closing: e,
+  opening: n,
+  opened: r,
+  dropdownMobile: p,
+  dropdownMobileHeader: l,
+  dropdownMobileContent: b,
+  dropdownMobileFooter: i,
+  dropdownMobileListItem: t,
+  selected: s,
+  dropdownMobileClose: w,
+  dropdownMobileBodyOverflow: c
+};
+export {
+  M as s
+};
+//# sourceMappingURL=DropdownMobile.module-DyunEp10.js.map

package/chunks/Footer.module-o57OEPdy.js

@@ -0,0 +1,11 @@
+const o = "footer__912588b0", t = "sticky__a713729b", e = "footerDescription__a8ce15db", r = "footerDescriptionContent__99c2683c", s = "footerDescriptionControls__c96fdaa2", n = {
+  footer: o,
+  sticky: t,
+  footerDescription: e,
+  footerDescriptionContent: r,
+  footerDescriptionControls: s
+};
+export {
+  n as s
+};
+//# sourceMappingURL=Footer.module-o57OEPdy.js.map

package/chunks/{FormFieldInput-1ReoZNC3.js → FormFieldInput-C2qWOLr3.js}

@@ -1,21 +1,21 @@
 import { jsx as R } from "react/jsx-runtime";
-import g, { useContext as j, useRef as y, useEffect as d } from "react";
+import g, { useContext as j, useRef as y, useEffect as c } 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__69187c0d", N = {
   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_"));
-  d(() => {
+  "autofill-applied-hook": "autofill-applied-hook__52ccb285",
+  "autofill-cancelled-hook": "autofill-cancelled-hook__0cf4ceaf",
+  "size-sm": "size-sm__64b9b1f5",
+  "size-md": "size-md__90671c7c",
+  "size-lg": "size-lg__4e576499"
+}, W = g.forwardRef((d, u) => {
+  const { className: k, id: t, onAnimationStart: a, onBlur: i, onFocus: n, placeholder: m, value: s, ...x } = d, { render: f, ...b } = d, { 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_"));
+  c(() => {
     r(o.current);
-  }, []), d(() => {
+  }, []), c(() => {
     t && (o.current = t, r(o.current));
-  }, [t, r]), d(() => {
+  }, [t, r]), c(() => {
     l(!!s);
   }, [l, s]);
   const h = (e) => {
@@ -37,7 +37,7 @@ const S = "formFieldInput__5f9ed17e", N = {
       placeholder: B ? m : " ",
       size: F
     },
-    c
+    u
   ) : /* @__PURE__ */ R(
     "input",
     {
@@ -50,7 +50,7 @@ const S = "formFieldInput__5f9ed17e", N = {
       onBlur: h,
       value: s,
       placeholder: m,
-      ref: c
+      ref: u
     }
   );
 });
@@ -59,4 +59,4 @@ export {
   W as F,
   N as s
 };
-//# sourceMappingURL=FormFieldInput-1ReoZNC3.js.map
+//# sourceMappingURL=FormFieldInput-C2qWOLr3.js.map

package/chunks/HeaderLayoutSidebar.module-CzpXvDdH.js

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

package/chunks/HeaderTabs.module-CC0WAcoC.js

@@ -0,0 +1,9 @@
+const e = "headerTabs__7ff98c74", s = "headerTabsContent__93984371", a = "headerTabsControls__d0bd8c04", t = {
+  headerTabs: e,
+  headerTabsContent: s,
+  headerTabsControls: a
+};
+export {
+  t as s
+};
+//# sourceMappingURL=HeaderTabs.module-CC0WAcoC.js.map

package/chunks/HeaderTitle.module-CH7eRK8R.js

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

package/chunks/{ListItemControlsButton-WWYrLpko.js → ListItemControlsButton-BtMEMrGK.js}

@@ -3,15 +3,15 @@ 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__7e35e345", B = "listItemControlsButtonDropdown__ee65d3ce", C = "listItemControlsButtonIcon__2136d515", d = "withText__2ee5de9f", p = "listItemControlsButtonLabel__3a98b32b", _ = "listItemControlsButtonInner__4a5ac627", w = "withIcon__733450a7", f = "buttonDropdownMenuItem__f56dd121", t = {
   listItemControlsButton: c,
   listItemControlsButtonDropdown: B,
   listItemControlsButtonIcon: C,
-  withText: p,
-  listItemControlsButtonLabel: _,
-  listItemControlsButtonInner: f,
-  withIcon: d,
-  buttonDropdownMenuItem: w
+  withText: d,
+  listItemControlsButtonLabel: p,
+  listItemControlsButtonInner: _,
+  withIcon: w,
+  buttonDropdownMenuItem: f
 }, b = i.forwardRef(
   ({ children: o, className: e, icon: n, ...l }, r) => /* @__PURE__ */ s(
     "button",
@@ -40,4 +40,4 @@ export {
   b as L,
   t as s
 };
-//# sourceMappingURL=ListItemControlsButton-WWYrLpko.js.map
+//# sourceMappingURL=ListItemControlsButton-BtMEMrGK.js.map

package/chunks/ListItemTail.module-BBV_gvLd.js

@@ -0,0 +1,12 @@
+const t = "listItemTail__ecb924eb", i = "listItemTailLine__53c4c8e5", l = "listItemTailTop__4daa4f23", e = "listItemTailBottom__f54f4ff4", s = "listItemTailRight__0fb526af", a = "listItemTailLeft__470d0dd2", m = {
+  listItemTail: t,
+  listItemTailLine: i,
+  listItemTailTop: l,
+  listItemTailBottom: e,
+  listItemTailRight: s,
+  listItemTailLeft: a
+};
+export {
+  m as s
+};
+//# sourceMappingURL=ListItemTail.module-BBV_gvLd.js.map

package/chunks/ListMasterFooter.module-Cw1r4pz-.js

@@ -0,0 +1,10 @@
+const t = "listMasterFooter__6f9f06ff", s = "sticky__c6955ea3", o = "listMasterFooterDescription__859bbb8a", r = "listMasterFooterControls__921c0ac9", e = {
+  listMasterFooter: t,
+  sticky: s,
+  listMasterFooterDescription: o,
+  listMasterFooterControls: r
+};
+export {
+  e as s
+};
+//# sourceMappingURL=ListMasterFooter.module-Cw1r4pz-.js.map

package/chunks/Overlay.module-08zZh8Y9.js

@@ -0,0 +1,18 @@
+const o = "overlay__fbbee7f1", e = "fixed__9c69c763", t = "closing__cb934e86", n = "opened__8b278851", a = "overlayPanel__5121ba33", c = "bottom__cab80950", l = "left__5390d15f", _ = "right__4cdc916c", s = "top__0ca45deb", r = "overlayContent__1727dc30", y = "overlayMask__f4d21acd", d = "overlayOpened__960e6b83", v = {
+  overlay: o,
+  fixed: e,
+  closing: t,
+  opened: n,
+  overlayPanel: a,
+  bottom: c,
+  left: l,
+  right: _,
+  top: s,
+  overlayContent: r,
+  overlayMask: y,
+  overlayOpened: d
+};
+export {
+  v as s
+};
+//# sourceMappingURL=Overlay.module-08zZh8Y9.js.map

package/chunks/Page.module-Ccvf_vDR.js

@@ -0,0 +1,16 @@
+const e = "page__4c8833bb", a = "headerPageBackground__d40cf787", o = "footerPageBackground__67650302", r = "headerPageSticky__abe2e032", t = "footerPageSticky__f5701d49", g = "headerPageStuck__c894f89f", c = "footerPageStuck__6f1a5db8", d = "observerTarget__c3663236", P = "headerPage__71edd8ab", _ = "bodyPage__689e90f3", 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-Ccvf_vDR.js.map

package/chunks/TabsExtended.module-yT8L2ZYS.js

@@ -0,0 +1,13 @@
+const t = "tabsExtended__f11b2fe7", e = "tabsExtendedContent__789725e7", d = "tabsExtendedTab__dc4d7d07", n = "tabsExtendedDropdown__cca351c7", a = "tabsReal__1d0e755e", s = "tabsFake__ec42100a", b = "hidden__b731e74e", o = {
+  tabsExtended: t,
+  tabsExtendedContent: e,
+  tabsExtendedTab: d,
+  tabsExtendedDropdown: n,
+  tabsReal: a,
+  tabsFake: s,
+  hidden: b
+};
+export {
+  o as s
+};
+//# sourceMappingURL=TabsExtended.module-yT8L2ZYS.js.map

package/chunks/{TabsExtendedUtils-CYOimNvc.js → TabsExtendedUtils-BOHZcNx8.js}

@@ -1,11 +1,11 @@
 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 = {
+const d = "tabsExtendedTabButton__13b6b2e6", o = "lg__22556a69", a = "md__8d367fd6", n = "sm__8cd80f15", b = "selected__068598b3", s = {
   tabsExtendedTabButton: d,
-  lg: a,
-  md: o,
+  lg: o,
+  md: a,
   sm: n,
-  selected: c
+  selected: b
 }, _ = {
   [t.LG]: s.lg,
   [t.MD]: s.md,
@@ -20,4 +20,4 @@ export {
   s,
   _ as t
 };
-//# sourceMappingURL=TabsExtendedUtils-CYOimNvc.js.map
+//# sourceMappingURL=TabsExtendedUtils-BOHZcNx8.js.map

package/chunks/TooltipDesktop.module-CvcpQSlC.js

@@ -0,0 +1,19 @@
+const t = "tooltipDesktop__f17643f7", o = "tooltipBody__a66b52b9", p = "tooltipXButton__d93f48dc", l = "tooltipDesktopContent__b2550c9f", i = "closable__74a52f90", s = "tooltipSM__6500a46a", e = "tooltipLG__df082fba", n = "tooltipOverlay__62edb7df", _ = "tooltipDesktopTip__3fef0f25", c = "down__5f224fa8", f = "up__8fc222c1", a = "left__913b4c83", d = "right__ec6288b1", b = {
+  tooltipDesktop: t,
+  tooltipBody: o,
+  tooltipXButton: p,
+  tooltipDesktopContent: l,
+  closable: i,
+  tooltipSM: s,
+  tooltipLG: e,
+  tooltipOverlay: n,
+  tooltipDesktopTip: _,
+  down: c,
+  up: f,
+  left: a,
+  right: d
+};
+export {
+  b as s
+};
+//# sourceMappingURL=TooltipDesktop.module-CvcpQSlC.js.map