@sberbusiness/triplex-next 0.24.0 → 0.26.0

package/components/DateRange/DateRange.js

@@ -1,28 +1,28 @@
 import { jsxs as v, jsx as l } from "react/jsx-runtime";
 import c from "moment";
-import { CaretleftStrokeSrvIcon20 as D, MinusStrokeSrvIcon20 as M, CaretrightStrokeSrvIcon20 as Y } from "@sberbusiness/icons-next";
+import { CaretleftStrokeSrvIcon20 as D, RangeStrokeSrvIcon16 as Y, CaretrightStrokeSrvIcon20 as C } from "@sberbusiness/icons-next";
 import { dateFormatYYYYMMDD as r } from "../../consts/DateConst.js";
-import { EDateRangeShiftUnit as C } from "./enums.js";
+import { EDateRangeShiftUnit as E } from "./enums.js";
 import { c as i } from "../../chunks/vendor---Om3uMV.js";
-const E = "dateRange__e9f84280", F = "dateRangeButton__6030eb2e", h = "separator__54a5548e", m = {
-  dateRange: E,
-  dateRangeButton: F,
+const F = "dateRange__792a05c0", M = "dateRangeButton__a649326e", h = "separator__f02a6535", m = {
+  dateRange: F,
+  dateRangeButton: M,
   separator: h
 }, j = ({
   children: y,
   className: R,
-  value: f,
+  value: g,
   onChange: o,
   shiftAmount: n = 1,
-  shiftUnit: s = C.MONTH,
+  shiftUnit: s = E.MONTH,
   hideNavigation: p,
-  renderPickerFrom: g,
+  renderPickerFrom: f,
   renderPickerTo: u,
   renderButtonForward: S,
   renderButtonBack: k,
-  ...b
+  ...x
 }) => {
-  const [t, a] = f, x = i(m.dateRange, R), B = (e) => {
+  const [t, a] = g, b = i(m.dateRange, R), B = (e) => {
     !e || !a || e <= a ? o([e, a]) : o([e, ""]);
   }, I = (e) => {
     !e || !t || e >= t ? o([t, e]) : o(["", e]);
@@ -43,24 +43,24 @@ const E = "dateRange__e9f84280", F = "dateRangeButton__6030eb2e", h = "separator
       d.add(n, s).format(r)
     ]);
   };
-  return /* @__PURE__ */ v("div", { className: x, ...b, children: [
+  return /* @__PURE__ */ v("div", { className: b, ...x, children: [
     !p && k({
       children: /* @__PURE__ */ l(D, { paletteIndex: 5 }),
       className: i(m.dateRangeButton, { disabled: !(t && a) }),
       disabled: !(t && a),
       onClick: N
     }),
-    g({
+    f({
       onChange: B,
       value: t
     }),
-    /* @__PURE__ */ l(M, { className: m.separator, paletteIndex: 5 }),
+    /* @__PURE__ */ l(Y, { className: m.separator, paletteIndex: 5 }),
     u({
       onChange: I,
       value: a
     }),
     !p && S({
-      children: /* @__PURE__ */ l(Y, { paletteIndex: 5 }),
+      children: /* @__PURE__ */ l(C, { paletteIndex: 5 }),
       className: i(m.dateRangeButton, { disabled: !(t && a) }),
       disabled: !(t && a),
       onClick: _

package/components/DesignTokens/DesignTokenUtils.js

@@ -7,7 +7,7 @@ import { k as l } from "../../chunks/vendor---Om3uMV.js";
 const n = {
   getCSSVariableByTokenGroup: (t, s) => {
     const e = Object.keys(t)[0], r = "triplex-next";
-    let o = "0.24.0";
+    let o = "0.26.0";
     return o = o.replace(/\./g, "-"), Object.keys(t[e]).map(
       (T) => `--${r}-${e}-${T}-${o}: ${n.getTokenValue(
         t[e][T],

package/components/DesignTokens/components/AlertProcess.js

@@ -11,7 +11,7 @@ const r = [
   // var(--triplex-next-AlertProcess-Warning_Background)
   Error_Background: [{ ref: "ColorError.100" }, { ref: "ColorError.0" }],
   // var(--triplex-next-AlertProcess-Error_Background)
-  System_Background: [{ ref: "ColorSystem.100" }, { ref: "ColorSystem.0" }],
+  System_Background: [{ ref: "ColorSystem.95" }, { ref: "ColorSystem.0" }],
   // var(--triplex-next-AlertProcess-System_Background)
   Feature_Background: [{ ref: "ColorBrand.100" }, { ref: "ColorBrand.0" }]
   // var(--triplex-next-AlertProcess-Feature_Background)

package/components/DesignTokens/components/Stepper.js

@@ -13,11 +13,8 @@ const r = [
   "Step_Color_Default",
   "Step_Color_Hover",
   "Step_Color_Disabled",
-  "Background",
-  "ButtonNext_Background",
-  "ButtonPrev_Background",
-  "Wrapper_Background",
-  "Wrapper_BoxShadow"
+  "ButtonWrapper_Background_Prev",
+  "ButtonWrapper_Background_Next"
 ], o = {
   Step_Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-Stepper-Step_Background_Default)
@@ -47,22 +44,16 @@ const r = [
   // var(--triplex-next-Stepper-Step_Color_Hover)
   Step_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }],
   // var(--triplex-next-Stepper-Step_Color_Disabled)
-  ButtonNext_Background: [
-    { value: "linear-gradient(to left, #FFFFFF 39.06%, transparent)" },
-    { value: "linear-gradient(to left, #181819 39.06%, transparent)" }
+  ButtonWrapper_Background_Prev: [
+    { value: "linear-gradient(to right, rgba(255,255,255,1) 39.06%, rgba(255,255,255,0) 100%)" },
+    { value: "linear-gradient(to right, rgba(38,38,41,1) 39.06%, rgba(38,38,41,0) 100%)" }
   ],
-  // var(--triplex-next-Stepper-ButtonNext_Background)
-  ButtonPrev_Background: [
-    { value: "linear-gradient(to right, #FFFFFF 39.06%, transparent)" },
-    { value: "linear-gradient(to right, #181819 39.06%, transparent)" }
-  ],
-  // var(--triplex-next-Stepper-ButtonPrev_Background)
-  Background: [{ value: "#FFFFFF" }, { value: "#181819" }],
-  // var(--triplex-next-Stepper-Background)
-  Wrapper_Background: [{ value: "linear-gradient(#FFFFFF 64px, transparent 0)" }, { ref: "ColorNeutral.50" }],
-  // var(--triplex-next-Stepper-Wrapper_Background)
-  Wrapper_BoxShadow: [{ value: "0 10px 15px 0 rgba(228, 232, 235, 0.5)" }, { value: "none" }]
-  // var(--triplex-next-Stepper-Wrapper_BoxShadow)
+  // var(--triplex-next-Stepper-ButtonWrapper_Background_Prev)
+  ButtonWrapper_Background_Next: [
+    { value: "linear-gradient(to left, rgba(255,255,255,1) 39.06%, rgba(255,255,255,0) 100%)" },
+    { value: "linear-gradient(to left, rgba(38,38,41,1) 39.06%, rgba(38,38,41,0) 100%)" }
+  ]
+  // var(--triplex-next-Stepper-ButtonWrapper_Background_Next)
 };
 export {
   o as Stepper_Tokens,

package/components/Divider/Divider.js

@@ -1,23 +1,23 @@
 import { jsx as n } from "react/jsx-runtime";
 import { c as g } from "../../chunks/vendor---Om3uMV.js";
-const z = "divider__42474506", i = {
+const z = "divider__e4922242", i = {
   divider: z,
-  "marginTopSize-4": "marginTopSize-4__01793a95",
-  "marginBottomSize-4": "marginBottomSize-4__12b0acc8",
-  "marginTopSize-8": "marginTopSize-8__84a8ebce",
-  "marginBottomSize-8": "marginBottomSize-8__a6874ac2",
-  "marginTopSize-12": "marginTopSize-12__d2d06256",
-  "marginBottomSize-12": "marginBottomSize-12__36127e10",
-  "marginTopSize-16": "marginTopSize-16__8198ba03",
-  "marginBottomSize-16": "marginBottomSize-16__2e8bb221",
-  "marginTopSize-20": "marginTopSize-20__10384adb",
-  "marginBottomSize-20": "marginBottomSize-20__853ffcc2",
-  "marginTopSize-24": "marginTopSize-24__e4e5ddcd",
-  "marginBottomSize-24": "marginBottomSize-24__0ff02ae3",
-  "marginTopSize-28": "marginTopSize-28__f278476c",
-  "marginBottomSize-28": "marginBottomSize-28__2dac9c62",
-  "marginTopSize-32": "marginTopSize-32__93b37e68",
-  "marginBottomSize-32": "marginBottomSize-32__fbfc5bfc"
+  "marginTopSize-4": "marginTopSize-4__b96d33b1",
+  "marginBottomSize-4": "marginBottomSize-4__4c2e1021",
+  "marginTopSize-8": "marginTopSize-8__8b36b433",
+  "marginBottomSize-8": "marginBottomSize-8__e8d4aeb7",
+  "marginTopSize-12": "marginTopSize-12__1a0b6310",
+  "marginBottomSize-12": "marginBottomSize-12__1b8eae69",
+  "marginTopSize-16": "marginTopSize-16__4475b330",
+  "marginBottomSize-16": "marginBottomSize-16__c538605f",
+  "marginTopSize-20": "marginTopSize-20__4abb3910",
+  "marginBottomSize-20": "marginBottomSize-20__35b8ae2a",
+  "marginTopSize-24": "marginTopSize-24__0b1eeacd",
+  "marginBottomSize-24": "marginBottomSize-24__08f20da4",
+  "marginTopSize-28": "marginTopSize-28__0fe4f41c",
+  "marginBottomSize-28": "marginBottomSize-28__e02244af",
+  "marginTopSize-32": "marginTopSize-32__1dca32ea",
+  "marginBottomSize-32": "marginBottomSize-32__2f8ad7d2"
 }, S = (e) => {
   const { className: a, marginTopSize: o, marginBottomSize: m, ...r } = e, t = g(
     i.divider,

package/components/DocumentNumberEdit/DocumentNumberEdit.js

@@ -8,7 +8,7 @@ import { StringUtils as B } from "../../utils/stringUtils.js";
 import { isKey as O } from "../../utils/keyboard.js";
 import { c as U } from "../../chunks/vendor---Om3uMV.js";
 import { Link as Y } from "../Link/Link.js";
-const $ = "documentNumberEdit__12d6f252", G = "label__423d9127", H = "inputEditWrapper__2446e54b", n = {
+const $ = "documentNumberEdit__e3bba00f", G = "label__45d220d4", H = "inputEditWrapper__0846aae7", n = {
   documentNumberEdit: $,
   label: G,
   inputEditWrapper: H

package/components/Dropdown/desktop/DropdownDesktop.js

@@ -6,13 +6,13 @@ import { EComponentSize as K } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as V } from "../../../utils/classNameMaps.js";
 import { useToken as q } from "../../ThemeProvider/useToken.js";
 import { isKey as n } from "../../../utils/keyboard.js";
-const J = "dropdownDesktop__29231499", Q = "sm__9759fd25", X = "md__7b49afb3", Y = "lg__d49ac429", Z = "dropdownDesktopOverflowHidden__e642f0a5", k = {
+const J = "dropdownDesktop__3ae3f157", Q = "sm__ab2e1fef", X = "md__42338f01", Y = "lg__171492a5", Z = "dropdownDesktopOverflowHidden__6eb8c693", k = {
   dropdownDesktop: J,
   sm: Q,
   md: X,
   lg: Y,
   dropdownDesktopOverflowHidden: Z
-}, $ = V(k), N = k.dropdownDesktopOverflowHidden, ee = B.forwardRef((H, f) => {
+}, $ = V(k), N = k.dropdownDesktopOverflowHidden, ee = B.forwardRef((H, m) => {
   const {
     children: P,
     className: A,
@@ -72,17 +72,17 @@ const J = "dropdownDesktop__29231499", Q = "sm__9759fd25", X = "md__7b49afb3", Y
     const e = new ResizeObserver(c);
     return e.observe(i.current), e.observe(l.current), () => e.disconnect();
   }, [s, l, c]);
-  const m = d(() => {
+  const f = d(() => {
     setTimeout(c);
   }, [c]);
   O(() => {
     if (s)
-      return document.addEventListener("scroll", m, !0), window.addEventListener("resize", m), E(!0), document.body.classList.add(N), m(), () => {
-        document.removeEventListener("scroll", m, !0), window.removeEventListener("resize", m), E(!1), document.body.classList.remove(N);
+      return document.addEventListener("scroll", f, !0), window.addEventListener("resize", f), E(!0), document.body.classList.add(N), f(), () => {
+        document.removeEventListener("scroll", f, !0), window.removeEventListener("resize", f), E(!1), document.body.classList.remove(N);
       };
-  }, [s, m, E]);
+  }, [s, f, E]);
   const G = (e) => {
-    i.current = e, typeof f == "function" ? f(e) : f && (f.current = e);
+    i.current = e, typeof m == "function" ? m(e) : m && (m.current = e);
   };
   return s ? /* @__PURE__ */ U(
     "div",
@@ -90,7 +90,7 @@ const J = "dropdownDesktop__29231499", Q = "sm__9759fd25", X = "md__7b49afb3", Y
       className: x,
       style: { ...W, ...C },
       ...S,
-      "data-tx": "0.24.0",
+      "data-tx": "0.26.0",
       ref: G,
       children: P
     }

package/components/Dropdown/desktop/DropdownList.js

@@ -1,7 +1,7 @@
 import { jsxs as y, jsx as h } from "react/jsx-runtime";
 import l, { useContext as B, useRef as b, useState as z, useEffect as f } from "react";
 import { c as _ } from "../../../chunks/vendor---Om3uMV.js";
-import { s as D, D as x } from "../../../chunks/DropdownListItem-D_38hBVf.js";
+import { s as D, D as x } from "../../../chunks/DropdownListItem-CRdOVwlq.js";
 import { EVENT_KEY_CODES as w } from "../../../utils/keyboard.js";
 import { DropdownListContext as V } from "../DropdownListContext.js";
 import { LoaderSmall as W } from "../../Loader/LoaderSmall/LoaderSmall.js";

package/components/Dropdown/desktop/DropdownListItem.js

@@ -4,7 +4,7 @@ import "../../../chunks/vendor---Om3uMV.js";
 import "../../../enums/EComponentSize.js";
 import "../../../utils/keyboard.js";
 import "../../Badge/Badge.js";
-import { D } from "../../../chunks/DropdownListItem-D_38hBVf.js";
+import { D } from "../../../chunks/DropdownListItem-CRdOVwlq.js";
 export {
   D as DropdownListItem
 };

package/components/Dropdown/desktop/index.js

@@ -1,6 +1,6 @@
 import { DropdownDesktop as p } from "./DropdownDesktop.js";
 import { DropdownList as n } from "./DropdownList.js";
-import { D as e } from "../../../chunks/DropdownListItem-D_38hBVf.js";
+import { D as e } from "../../../chunks/DropdownListItem-CRdOVwlq.js";
 import { EDropdownAlignment as i, EDropdownDirection as m, EDropdownWidth as w } from "./enums.js";
 export {
   p as DropdownDesktop,

package/components/Dropdown/index.js

@@ -1,7 +1,7 @@
 import { DropdownListContext as e } from "./DropdownListContext.js";
 import { DropdownDesktop as t } from "./desktop/DropdownDesktop.js";
 import { DropdownList as d } from "./desktop/DropdownList.js";
-import { D as i } from "../../chunks/DropdownListItem-D_38hBVf.js";
+import { D as i } from "../../chunks/DropdownListItem-CRdOVwlq.js";
 import { EDropdownAlignment as w, EDropdownDirection as x, EDropdownWidth as f } from "./desktop/enums.js";
 import { DropdownMobile as b } from "./mobile/DropdownMobile.js";
 import { DropdownMobileBody as s } from "./mobile/DropdownMobileBody.js";

package/components/Dropdown/mobile/DropdownMobile.js

@@ -2,7 +2,7 @@ import { jsx as e } from "react/jsx-runtime";
 import m, { useEffect as a } from "react";
 import { OverlayBase as n, EOverlayDirection as c } from "../../Overlay/OverlayBase.js";
 import { DropdownMobileInner as f } from "./DropdownMobileInner.js";
-import { s as p } from "../../../chunks/DropdownMobile.module-Bccjckjq.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-H5txYrQf.js";
 const r = p.dropdownMobileBodyOverflow, y = m.forwardRef(
   ({ children: t, opened: o, setOpened: s, ...d }, i) => (a(() => (o ? document.body.classList.add(r) : document.body.classList.remove(r), () => document.body.classList.remove(r)), [o]), /* @__PURE__ */ e(n, { setOpened: s, opened: o, direction: c.BOTTOM, children: (l) => /* @__PURE__ */ e(
     f,
@@ -10,7 +10,7 @@ const r = p.dropdownMobileBodyOverflow, y = m.forwardRef(
       ...l,
       ...d,
       ref: i,
-      "data-tx": "0.24.0",
+      "data-tx": "0.26.0",
       children: t
     }
   ) }))

package/components/Dropdown/mobile/DropdownMobileBody.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import t from "react";
 import { c as d } from "../../../chunks/vendor---Om3uMV.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-Bccjckjq.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-H5txYrQf.js";
 const p = t.forwardRef(
   ({ children: o, className: r, ...s }, e) => /* @__PURE__ */ m("div", { className: d(i.dropdownMobileContent, r), ref: e, ...s, children: o })
 );

package/components/Dropdown/mobile/DropdownMobileClose.js

@@ -3,7 +3,7 @@ import t from "react";
 import { ButtonIcon as m } from "../../Button/ButtonIcon.js";
 import { CrossStrokeSrvIcon16 as l } from "@sberbusiness/icons-next";
 import { c as p } from "../../../chunks/vendor---Om3uMV.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-Bccjckjq.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-H5txYrQf.js";
 const a = t.forwardRef(
   ({ className: r, ...e }, s) => /* @__PURE__ */ o(m, { className: p(i.dropdownMobileClose, r), ref: s, ...e, children: /* @__PURE__ */ o(l, { paletteIndex: 5 }) })
 );

package/components/Dropdown/mobile/DropdownMobileFooter.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import m from "react";
 import { c as i } from "../../../chunks/vendor---Om3uMV.js";
-import { s as p } from "../../../chunks/DropdownMobile.module-Bccjckjq.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-H5txYrQf.js";
 const a = m.forwardRef(
   ({ children: o, className: r, ...e }, s) => /* @__PURE__ */ t("div", { className: i(p.dropdownMobileFooter, r), ref: s, ...e, children: o })
 );

package/components/Dropdown/mobile/DropdownMobileHeader.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import t from "react";
 import { c as m } from "../../../chunks/vendor---Om3uMV.js";
-import { s as o } from "../../../chunks/DropdownMobile.module-Bccjckjq.js";
+import { s as o } from "../../../chunks/DropdownMobile.module-H5txYrQf.js";
 const n = t.forwardRef(
   ({ children: r, className: s, controlButtons: d, ...a }, i) => /* @__PURE__ */ l("div", { className: m(o.dropdownMobileHeader, s), ref: i, ...a, children: [
     /* @__PURE__ */ e("div", { className: o.dropdownMobileHeaderContent, children: r }),

package/components/Dropdown/mobile/DropdownMobileInner.js

@@ -2,7 +2,7 @@ import { jsxs as j, jsx as c } from "react/jsx-runtime";
 import y, { useState as l, useEffect as d } from "react";
 import { c as n } from "../../../chunks/vendor---Om3uMV.js";
 import { useToken as B } from "../../ThemeProvider/useToken.js";
-import { s as e } from "../../../chunks/DropdownMobile.module-Bccjckjq.js";
+import { s as e } from "../../../chunks/DropdownMobile.module-H5txYrQf.js";
 const C = y.forwardRef(
   ({
     children: m,

package/components/Dropdown/mobile/DropdownMobileInput.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import r from "react";
 import { c as e } from "../../../chunks/vendor---Om3uMV.js";
-const d = "dropdownMobileInput__ecbb802c", i = {
+const d = "dropdownMobileInput__00479efa", i = {
   dropdownMobileInput: d
 }, s = r.forwardRef(
   ({ className: o, ...p }, n) => /* @__PURE__ */ t("input", { className: e(i.dropdownMobileInput, o), ...p, ref: n })

package/components/Dropdown/mobile/DropdownMobileList.js

@@ -6,7 +6,7 @@ import { ELoaderSmallTheme as b } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize as w } from "../../../enums/EComponentSize.js";
 import { DropdownMobileListItem as M } from "./DropdownMobileListItem.js";
-import { s as r } from "../../../chunks/DropdownMobile.module-Bccjckjq.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-H5txYrQf.js";
 const u = p.forwardRef(
   ({ children: e, className: i, loading: t, ...m }, s) => {
     const [d] = n(() => c()), a = () => /* @__PURE__ */ o(M, { id: d, className: r.dropdownMobileListLoader, children: /* @__PURE__ */ o(L, { theme: b.BRAND, size: w.MD }) });

package/components/Dropdown/mobile/DropdownMobileListItem.js

@@ -5,7 +5,7 @@ import { Text as z } from "../../Typography/Text.js";
 import { ETextSize as B } from "../../Typography/enums.js";
 import { Badge as D } from "../../Badge/Badge.js";
 import { EComponentSize as I } from "../../../enums/EComponentSize.js";
-import { s as r } from "../../../chunks/DropdownMobile.module-Bccjckjq.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-H5txYrQf.js";
 const M = x.forwardRef(
   ({ children: o, className: s, id: b, onClick: t, onSelect: i, selected: m, showNotificationIcon: e, ...a }, p) => {
     const f = (d) => {

package/components/Dropdown/mobile/DropdownMobileLoader.js

@@ -4,7 +4,7 @@ import { LoaderSmall as t } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as i } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize as p } from "../../../enums/EComponentSize.js";
-import { s } from "../../../chunks/DropdownMobile.module-Bccjckjq.js";
+import { s } from "../../../chunks/DropdownMobile.module-H5txYrQf.js";
 const S = ({ className: o, ...r }) => /* @__PURE__ */ m(
   t,
   {

package/components/Dropdown/mobile/DropdownMobileMaskedInput.js

@@ -1,9 +1,9 @@
-import { jsx as p } from "react/jsx-runtime";
-import { c as d } from "../../../chunks/vendor---Om3uMV.js";
+import { jsx as d } from "react/jsx-runtime";
+import { c as p } from "../../../chunks/vendor---Om3uMV.js";
 import { FormFieldMaskedInput as o } from "../../FormField/components/FormFieldMaskedInput.js";
-const t = "dropdownMobileMaskedInput__2a65bb34", r = {
+const t = "dropdownMobileMaskedInput__93b67d8b", r = {
   dropdownMobileMaskedInput: t
-}, n = ({ className: s, ...e }) => /* @__PURE__ */ p(o, { className: d(r.dropdownMobileMaskedInput, s), ...e });
+}, n = ({ className: s, ...e }) => /* @__PURE__ */ d(o, { className: p(r.dropdownMobileMaskedInput, s), ...e });
 n.presets = o.presets;
 export {
   n as DropdownMobileMaskedInput

package/components/Ellipsis/Ellipsis.js

@@ -1,27 +1,27 @@
 import { jsx as a } from "react/jsx-runtime";
 import t from "react";
-import { c as m } from "../../chunks/vendor---Om3uMV.js";
-const c = "ellipsisLineClamp__2fc13f51", r = "oneLine__5684f64a", i = {
-  ellipsisLineClamp: c,
+import { c } from "../../chunks/vendor---Om3uMV.js";
+const m = "ellipsisLineClamp__c228b088", r = "oneLine__58b02c8d", i = {
+  ellipsisLineClamp: m,
   oneLine: r
-}, f = t.forwardRef(
+}, L = t.forwardRef(
   ({ children: e, maxLines: s, className: l, ...n }, o) => {
-    const p = m(i.ellipsisLineClamp, { [i.oneLine]: s === 1 }, l);
+    const p = c(i.ellipsisLineClamp, { [i.oneLine]: s === 1 }, l);
     return /* @__PURE__ */ a(
       "div",
       {
         className: p,
         style: { "--ellipsis-line-clamp": s },
         ...n,
-        "data-tx": "0.24.0",
+        "data-tx": "0.26.0",
         ref: o,
         children: e
       }
     );
   }
 );
-f.displayName = "Ellipsis";
+L.displayName = "Ellipsis";
 export {
-  f as Ellipsis
+  L as Ellipsis
 };
 //# sourceMappingURL=Ellipsis.js.map

package/components/EmptyView/EmptyView.js

@@ -0,0 +1,78 @@
+import { EEmptyViewSize as i } from "./enums.js";
+import { jsxs as s, jsx as e, Fragment as x } from "react/jsx-runtime";
+import N from "react";
+import { c as A } from "../../chunks/vendor---Om3uMV.js";
+import { Title as R } from "../Typography/Title.js";
+import { EFontWeightTitle as h, ETitleSize as p, ETextSize as M, EFontType as d, EFontWeightText as S } from "../Typography/enums.js";
+import { Text as _ } from "../Typography/Text.js";
+import { Gap as n } from "../Gap/Gap.js";
+const B = "emptyView__f62d4f2d", D = "container__f0634d4a", g = "icon__e0e7f3c2", I = "textBlock__5a7b7bc5", t = {
+  emptyView: B,
+  container: D,
+  icon: g,
+  textBlock: I
+}, V = {
+  [i.SM]: t.sm,
+  [i.MD]: t.md
+}, v = {
+  [i.SM]: { size: p.H3, weight: h.MEDIUM },
+  [i.MD]: { size: p.H2, weight: h.SEMIBOLD }
+}, f = {
+  [i.SM]: M.B3,
+  [i.MD]: M.B2
+}, z = {
+  [i.SM]: 16,
+  [i.MD]: 24
+}, k = N.forwardRef(
+  ({ className: T, size: c, icon: a, title: o, description: r, caption: m, buttons: E, ...w }, y) => {
+    const l = !!(r || m);
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        className: A(t.emptyView, V[c], { [t.hasTitle]: !!o }, T),
+        ref: y,
+        ...w,
+        children: [
+          /* @__PURE__ */ s("div", { className: t.container, children: [
+            a && /* @__PURE__ */ e("div", { className: t.icon, children: a }),
+            a && c === i.SM && /* @__PURE__ */ e(n, { size: 8 }),
+            (o || l) && /* @__PURE__ */ s("div", { className: t.textBlock, children: [
+              o && /* @__PURE__ */ e(R, { ...v[c], children: o }),
+              o && l && /* @__PURE__ */ e(n, { size: 12 }),
+              l && /* @__PURE__ */ s("div", { className: t.descriptionBlock, children: [
+                r && /* @__PURE__ */ e(
+                  _,
+                  {
+                    size: f[c],
+                    weight: S.REGULAR,
+                    type: o ? d.SECONDARY : d.PRIMARY,
+                    children: r
+                  }
+                ),
+                r && m && /* @__PURE__ */ e(n, { size: 8 }),
+                m && /* @__PURE__ */ e(
+                  _,
+                  {
+                    size: f[c],
+                    weight: S.REGULAR,
+                    type: d.SECONDARY,
+                    children: m
+                  }
+                )
+              ] })
+            ] })
+          ] }),
+          E && /* @__PURE__ */ s(x, { children: [
+            /* @__PURE__ */ e(n, { size: z[c] }),
+            /* @__PURE__ */ e("div", { className: t.buttons, children: E })
+          ] })
+        ]
+      }
+    );
+  }
+);
+k.displayName = "EmptyView";
+export {
+  k as EmptyView
+};
+//# sourceMappingURL=EmptyView.js.map

package/components/EmptyView/enums.js

@@ -0,0 +1,5 @@
+var M = /* @__PURE__ */ ((r) => (r.SM = "sm", r.MD = "md", r))(M || {});
+export {
+  M as EEmptyViewSize
+};
+//# sourceMappingURL=enums.js.map

package/components/EmptyView/index.js

@@ -0,0 +1,7 @@
+import { EEmptyViewSize as o } from "./enums.js";
+import { EmptyView as r } from "./EmptyView.js";
+export {
+  o as EEmptyViewSize,
+  r as EmptyView
+};
+//# sourceMappingURL=index.js.map

package/components/EmptyView/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,7 +1,7 @@
 import { jsx as g } from "react/jsx-runtime";
 import U, { useRef as y } from "react";
 import { y as b, c as j } from "../../chunks/vendor---Om3uMV.js";
-const F = "expandAnimation__cd80e6ef", I = {
+const F = "expandAnimation__a682797a", I = {
   expandAnimation: F
 }, L = 300, M = U.forwardRef(
   ({
@@ -10,7 +10,7 @@ const F = "expandAnimation__cd80e6ef", I = {
     expanded: v,
     animationTime: f = L,
     style: R,
-    onStart: l,
+    onStart: d,
     onEnd: h,
     transitionProps: e,
     ...w
@@ -21,27 +21,27 @@ const F = "expandAnimation__cd80e6ef", I = {
       exiting: { height: 0, overflow: "hidden" },
       exited: { height: 0, overflow: "hidden", visibility: "hidden" },
       unmounted: {}
-    }), d = y(null), H = (c) => {
+    }), l = y(null), H = (c) => {
       var u;
-      d.current && (m.current.entering.height = d.current.scrollHeight), l == null || l(), (u = e == null ? void 0 : e.onEnter) == null || u.call(e, c);
+      l.current && (m.current.entering.height = l.current.scrollHeight), d == null || d(), (u = e == null ? void 0 : e.onEnter) == null || u.call(e, c);
     }, T = (c) => {
       var u;
       h == null || h(), (u = e == null ? void 0 : e.onEntered) == null || u.call(e, c);
     }, _ = () => {
       var c;
-      d.current && (d.current.style.height = d.current.scrollHeight + "px", d.current.scrollHeight), l == null || l(), (c = e == null ? void 0 : e.onExit) == null || c.call(e);
+      l.current && (l.current.style.height = l.current.scrollHeight + "px", l.current.scrollHeight), d == null || d(), (c = e == null ? void 0 : e.onExit) == null || c.call(e);
     }, D = () => {
       var c;
       h == null || h(), (c = e == null ? void 0 : e.onExited) == null || c.call(e);
     }, N = (c) => {
-      d.current = c, typeof x == "function" ? x(c) : x && (x.current = c);
+      l.current = c, typeof x == "function" ? x(c) : x && (x.current = c);
     };
     return /* @__PURE__ */ g(
       b,
       {
         in: v,
         timeout: f,
-        nodeRef: d,
+        nodeRef: l,
         ...e,
         onEnter: H,
         onEntered: T,

package/components/Footer/Footer.js

@@ -5,7 +5,7 @@ import "./components/FooterDescriptionControls.js";
 import "./components/FooterDescriptionContent.js";
 const p = Object.assign(
   e.forwardRef(function({ children: o, ...r }, t) {
-    return /* @__PURE__ */ i("div", { ...r, "data-tx": "0.24.0", ref: t, children: o });
+    return /* @__PURE__ */ i("div", { ...r, "data-tx": "0.26.0", ref: t, children: o });
   }),
   {
     Description: m

package/components/Footer/components/FooterDescription.js

@@ -3,7 +3,7 @@ import s from "react";
 import { FooterDescriptionContent as n } from "./FooterDescriptionContent.js";
 import { FooterDescriptionControls as m } from "./FooterDescriptionControls.js";
 import { c as p } from "../../../chunks/vendor---Om3uMV.js";
-import { s as c } from "../../../chunks/Footer.module-CkVvrPtL.js";
+import { s as c } from "../../../chunks/Footer.module-Dhevv5cy.js";
 const f = Object.assign(
   s.forwardRef(function({ children: o, className: r, ...t }, e) {
     return /* @__PURE__ */ i("div", { className: p(c.footerDescription, r), ...t, ref: e, children: o });

package/components/Footer/components/FooterDescriptionContent.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import i from "react";
 import { c as m } from "../../../chunks/vendor---Om3uMV.js";
-import { s as n } from "../../../chunks/Footer.module-CkVvrPtL.js";
+import { s as n } from "../../../chunks/Footer.module-Dhevv5cy.js";
 const p = i.forwardRef(
   ({ children: o, className: t, ...r }, e) => /* @__PURE__ */ s("div", { className: m(n.footerDescriptionContent, t), ...r, ref: e, children: o })
 );

package/components/Footer/components/FooterDescriptionControls.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import i from "react";
 import { c as m } from "../../../chunks/vendor---Om3uMV.js";
-import { s as p } from "../../../chunks/Footer.module-CkVvrPtL.js";
+import { s as p } from "../../../chunks/Footer.module-Dhevv5cy.js";
 const a = i.forwardRef(
   ({ children: o, className: r, ...s }, t) => /* @__PURE__ */ e("div", { className: m(p.footerDescriptionControls, r), ...s, ref: t, children: o })
 );