@sberbusiness/triplex-next 1.7.0 → 1.9.0

package/components/DesignTokens/DesignTokensComponents.js

@@ -2,8 +2,8 @@ import { ETriplexNextTheme as o } from "../ThemeProvider/ETriplexNextTheme.js";
 import { GetTokensValueByTheme as r } from "./GetTokensValueByTheme.js";
 import { Button_Tokens as e } from "./components/Button.js";
 import { Calendar_Tokens as t } from "./components/Calendar.js";
-import { Checkbox_Tokens as m } from "./components/Checkbox.js";
-import { FormField_Tokens as T } from "./components/FormField.js";
+import { Checkbox_Tokens as T } from "./components/Checkbox.js";
+import { FormField_Tokens as m } from "./components/FormField.js";
 import { Link_Tokens as n } from "./components/Link.js";
 import { Tabs_Tokens as i } from "./components/Tabs.js";
 import { TabsLine_Tokens as s } from "./components/TabsLine.js";
@@ -42,15 +42,16 @@ import { TableBasic_Tokens as R } from "./components/TableBasic.js";
 import { Chip_Tokens as U } from "./components/Chip.js";
 import { LightBox_Tokens as Z } from "./components/LightBox.js";
 import { Tag_Tokens as E } from "./components/Tag.js";
-import { Notification_Tokens as V } from "./components/Notification.js";
-import { SMSInput_Tokens as j } from "./components/SMSInput.js";
-import { StatusTracker_Tokens as q } from "./components/StatusTracker.js";
-import { Step_Tokens as z } from "./components/Step.js";
-import { ModalWindow_Tokens as J } from "./components/ModalWindow.js";
-import { TopOverlay_Tokens as K } from "./components/TopOverlay.js";
-import { SmallInput_Tokens as Q } from "./components/SmallInput.js";
-import { Slider_Tokens as X } from "./components/Slider.js";
-const Xo = {
+import { TagColor_Tokens as V } from "./components/TagColor.js";
+import { Notification_Tokens as j } from "./components/Notification.js";
+import { SMSInput_Tokens as q } from "./components/SMSInput.js";
+import { StatusTracker_Tokens as z } from "./components/StatusTracker.js";
+import { Step_Tokens as J } from "./components/Step.js";
+import { ModalWindow_Tokens as K } from "./components/ModalWindow.js";
+import { TopOverlay_Tokens as Q } from "./components/TopOverlay.js";
+import { SmallInput_Tokens as X } from "./components/SmallInput.js";
+import { Slider_Tokens as Y } from "./components/Slider.js";
+const $o = {
   AlertContext: r(
     o.LIGHT,
     f
@@ -62,7 +63,7 @@ const Xo = {
   Button: r(o.LIGHT, e),
   Calendar: r(o.LIGHT, t),
   Card: r(o.LIGHT, x),
-  Checkbox: r(o.LIGHT, m),
+  Checkbox: r(o.LIGHT, T),
   Chip: r(o.LIGHT, U),
   Divider: r(o.LIGHT, H),
   Dropdown: r(o.LIGHT, G),
@@ -82,7 +83,7 @@ const Xo = {
     o.LIGHT,
     A
   ),
-  FormField: r(o.LIGHT, T),
+  FormField: r(o.LIGHT, m),
   HeaderPage: r(
     o.LIGHT,
     v
@@ -135,9 +136,9 @@ const Xo = {
     F
   ),
   Skeleton: r(o.LIGHT, y),
-  SMSInput: r(o.LIGHT, j),
-  Slider: r(o.LIGHT, X),
-  Step: r(o.LIGHT, z),
+  SMSInput: r(o.LIGHT, q),
+  Slider: r(o.LIGHT, Y),
+  Step: r(o.LIGHT, J),
   Stepper: r(o.LIGHT, P),
   TableBasic: r(
     o.LIGHT,
@@ -145,6 +146,7 @@ const Xo = {
   ),
   Tabs: r(o.LIGHT, i),
   Tag: r(o.LIGHT, E),
+  TagColor: r(o.LIGHT, V),
   TabsLine: r(o.LIGHT, s),
   Tooltip: r(o.LIGHT, I),
   Typography: r(
@@ -158,26 +160,26 @@ const Xo = {
   LightBox: r(o.LIGHT, Z),
   Notification: r(
     o.LIGHT,
-    V
+    j
   ),
   StatusTracker: r(
     o.LIGHT,
-    q
+    z
   ),
   ModalWindow: r(
     o.LIGHT,
-    J
+    K
   ),
   TopOverlay: r(
     o.LIGHT,
-    K
+    Q
   ),
   SmallInput: r(
     o.LIGHT,
-    Q
+    X
   )
 };
 export {
-  Xo as DesignTokensComponents
+  $o as DesignTokensComponents
 };
 //# sourceMappingURL=DesignTokensComponents.js.map

package/components/DesignTokens/DesignTokensComponentsThemeDark.js

@@ -42,15 +42,16 @@ import { TableBasic_Tokens as H } from "./components/TableBasic.js";
 import { Chip_Tokens as U } from "./components/Chip.js";
 import { LightBox_Tokens as Z } from "./components/LightBox.js";
 import { Tag_Tokens as E } from "./components/Tag.js";
-import { Notification_Tokens as G } from "./components/Notification.js";
-import { SMSInput_Tokens as V } from "./components/SMSInput.js";
-import { StatusTracker_Tokens as j } from "./components/StatusTracker.js";
-import { Step_Tokens as q } from "./components/Step.js";
-import { ModalWindow_Tokens as z } from "./components/ModalWindow.js";
-import { TopOverlay_Tokens as J } from "./components/TopOverlay.js";
-import { SmallInput_Tokens as Q } from "./components/SmallInput.js";
-import { Slider_Tokens as X } from "./components/Slider.js";
-const Xo = {
+import { TagColor_Tokens as G } from "./components/TagColor.js";
+import { Notification_Tokens as V } from "./components/Notification.js";
+import { SMSInput_Tokens as j } from "./components/SMSInput.js";
+import { StatusTracker_Tokens as q } from "./components/StatusTracker.js";
+import { Step_Tokens as z } from "./components/Step.js";
+import { ModalWindow_Tokens as J } from "./components/ModalWindow.js";
+import { TopOverlay_Tokens as Q } from "./components/TopOverlay.js";
+import { SmallInput_Tokens as X } from "./components/SmallInput.js";
+import { Slider_Tokens as Y } from "./components/Slider.js";
+const $o = {
   AlertContext: r(
     o.DARK,
     l
@@ -135,9 +136,9 @@ const Xo = {
     B
   ),
   Skeleton: r(o.DARK, x),
-  SMSInput: r(o.DARK, V),
-  Slider: r(o.DARK, X),
-  Step: r(o.DARK, q),
+  SMSInput: r(o.DARK, j),
+  Slider: r(o.DARK, Y),
+  Step: r(o.DARK, z),
   Stepper: r(o.DARK, F),
   TableBasic: r(
     o.DARK,
@@ -145,6 +146,7 @@ const Xo = {
   ),
   Tabs: r(o.DARK, p),
   Tag: r(o.DARK, E),
+  TagColor: r(o.DARK, G),
   TabsLine: r(o.DARK, T),
   Tooltip: r(o.DARK, f),
   Typography: r(
@@ -158,26 +160,26 @@ const Xo = {
   LightBox: r(o.DARK, Z),
   Notification: r(
     o.DARK,
-    G
+    V
   ),
   StatusTracker: r(
     o.DARK,
-    j
+    q
   ),
   ModalWindow: r(
     o.DARK,
-    z
+    J
   ),
   TopOverlay: r(
     o.DARK,
-    J
+    Q
   ),
   SmallInput: r(
     o.DARK,
-    Q
+    X
   )
 };
 export {
-  Xo as DesignTokensComponentsThemeDark
+  $o as DesignTokensComponentsThemeDark
 };
 //# sourceMappingURL=DesignTokensComponentsThemeDark.js.map

package/components/DesignTokens/components/Calendar.js

@@ -8,8 +8,8 @@ const e = [
   "View_Item_Background_Selected_Hover",
   "View_Item_Background_Selected_Muted_Default",
   "View_Item_Background_Selected_Muted_Hover",
-  // "View_Item_BorderColor_Default",
-  // "View_Item_BorderColor_Focus",
+  "View_Item_BorderColor_Default",
+  "View_Item_BorderColor_Focus",
   "View_Item_Color_Default",
   "View_Item_Color_Hover",
   "View_Item_Color_Disabled",
@@ -53,8 +53,10 @@ const e = [
   // var(--triplex-Calendar-View_Item_Background_Selected_Muted_Default)
   View_Item_Background_Selected_Muted_Hover: [{ ref: "ColorBrand.90" }, { ref: "ColorBrand.10" }],
   // var(--triplex-Calendar-View_Item_Background_Selected_Muted_Hover)
-  // View_Item_BorderColor_Default: [{ ref: "ColorBasic.0" }, { ref: "ColorBasic.0" }], // var(--triplex-Calendar-View_Item_BorderColor_Default)
-  // View_Item_BorderColor_Focus: [{ ref: "ColorAccent.50" }, { ref: "ColorAccent.50" }], // var(--triplex-Calendar-View_Item_BorderColor_Focus)
+  View_Item_BorderColor_Default: [{ value: "transparent" }, { value: "transparent" }],
+  // var(--triplex-Calendar-View_Item_BorderColor_Default)
+  View_Item_BorderColor_Focus: [{ ref: "ColorWarning.80" }, { ref: "ColorWarning.80" }],
+  // var(--triplex-Calendar-View_Item_BorderColor_Focus)
   View_Item_Color_Default: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
   // var(--triplex-Calendar-View_Item_Color_Default)
   View_Item_Color_Hover: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],

package/components/DesignTokens/components/DropdownMobile.js

@@ -5,7 +5,7 @@ const r = [
   "Footer_Background",
   "Header_Background"
 ], o = {
-  Backdrop: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorDarkNeutralAlpha.40" }],
+  Backdrop: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorDarkNeutralAlpha.20" }],
   // var(--triplex-next-DropdownMobile-Backdrop)
   Border_Color: [{ ref: "ColorNeutral.20" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-DropdownMobile-Border_Color)

package/components/DesignTokens/components/Island.js

@@ -10,11 +10,11 @@ const e = [
   // var(--triplex-next-Island-Type1_Background)
   Type2_Background: [{ ref: "ColorNeutralAlpha.70" }, { ref: "ColorDarkNeutralAlpha.50" }],
   // var(--triplex-next-Island-Type2_Background)
-  Type3_Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.30" }],
+  Type3_Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.10" }],
   // var(--triplex-next-Island-Type3_Background)
   Type1_Shadow: [{ value: "none" }, { value: "none" }],
   // var(--triplex-next-Island-Type1_Shadow)
-  Type2_Shadow: [{ value: "0 0 0 1px #FFFFFF inset" }, { value: "0 0 0 1px #19BDB0 inset" }],
+  Type2_Shadow: [{ value: "0 0 0 1px #FFFFFF inset" }, { value: "0 0 0 1px #4f4f52 inset" }],
   // var(--triplex-next-Island-Type2_Shadow)
   Type3_Shadow: [{ value: "none" }, { value: "none" }]
   // var(--triplex-next-Island-Type3_Shadow)

package/components/DesignTokens/components/ModalWindow.js

@@ -1,7 +1,7 @@
 const o = ["Background", "Backdrop_Background"], r = {
-  Background: [{ ref: "ColorNeutral.60" }, { ref: "ColorDarkNeutral.20" }],
+  Background: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.20" }],
   // var(--triplex-next-ModalWindow-Background)
-  Backdrop_Background: [{ ref: "ColorDarkNeutralAlpha.30" }, { ref: "ColorDarkNeutralAlpha.90" }]
+  Backdrop_Background: [{ value: "rgba(79, 79, 82, .5)" }, { value: "rgba(0, 0, 0, .5)" }]
   // var(--triplex-next-ModalWindow-Backdrop_Background)
 };
 export {

package/components/DesignTokens/components/Tabs.js

@@ -46,7 +46,7 @@ const r = [
   // var(--triplex-next-Tabs-Type2_Tab_Color_Hover)
   Tab_BorderColor_Default: [{ value: "transparent" }, { value: "transparent" }],
   // var(--triplex-next-Tabs-Tab_BorderColor_Default)
-  Tab_BorderColor_Focus: [{ value: "0 0 0 1px #FFD169 inset" }, { value: "0 0 0 1px #FFD169 inset" }]
+  Tab_BorderColor_Focus: [{ value: "#FFD169" }, { value: "#FFD169" }]
   // var(--triplex-next-Tabs-Tab_BorderColor_Focus)
 };
 export {

package/components/DesignTokens/components/TabsLine.js

@@ -1,10 +1,6 @@
 const o = [
   "BorderColor_Active",
   "BorderColor_Hover",
-  "Color_Active",
-  "Color_Default",
-  "Color_Hover",
-  "Notification_Color",
   "Separator_Color",
   "Shadow_Focus"
 ], r = {
@@ -12,14 +8,6 @@ const o = [
   // var(--triplex-next-TabsLine-BorderColor_Active)
   BorderColor_Hover: [{ ref: "ColorBrand.60" }, { ref: "ColorBrand.60" }],
   // var(--triplex-next-TabsLine-BorderColor_Hover)
-  Color_Active: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
-  // var(--triplex-next-TabsLine-Color_Active)
-  Color_Default: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorNeutralAlpha.50" }],
-  // var(--triplex-next-TabsLine-Color_Default)
-  Color_Hover: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
-  // var(--triplex-next-TabsLine-Color_Hover)
-  Notification_Color: [{ ref: "ColorWarning.70" }, { ref: "ColorWarning.70" }],
-  // var(--triplex-next-TabsLine-Notification_Color)
   Separator_Color: [{ ref: "ColorNeutral.20" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-TabsLine-Separator_Color)
   Shadow_Focus: [{ value: "0 0 0 1px #FFDD64 inset" }, { value: "0 0 0 1px #FFDD64 inset" }]

package/components/DesignTokens/components/TagColor.js

@@ -0,0 +1,26 @@
+const r = [
+  "Background_Default",
+  "Background_Success",
+  "Background_Info",
+  "Background_Warning",
+  "Background_Error",
+  "Text_Color_Default"
+], o = {
+  Background_Default: [{ ref: "ColorSystem.100" }, { ref: "ColorSystem.80" }],
+  // var(--triplex-next-TagColor-Background_Default)
+  Background_Success: [{ ref: "ColorBrand.100" }, { ref: "ColorBrand.70" }],
+  // var(--triplex-next-TagColor-Background_Success)
+  Background_Info: [{ ref: "ColorInfo.100" }, { ref: "ColorInfo.80" }],
+  // var(--triplex-next-TagColor-Background_Info)
+  Background_Warning: [{ ref: "ColorWarning.100" }, { ref: "ColorWarning.80" }],
+  // var(--triplex-next-TagColor-Background_Warning)
+  Background_Error: [{ ref: "ColorError.100" }, { ref: "ColorError.80" }],
+  // var(--triplex-next-TagColor-Background_Error)
+  Text_Color_Default: [{ ref: "ColorDarkNeutralAlpha.30" }, { ref: "ColorDarkNeutralAlpha.30" }]
+  // var(--triplex-next-TagColor-Text_Color_Default)
+};
+export {
+  o as TagColor_Tokens,
+  r as designTokensComponentsTagColorKeys
+};
+//# sourceMappingURL=TagColor.js.map

package/components/DesignTokens/components/index.js

@@ -40,14 +40,15 @@ import { TableBasic_Tokens as mo, designTokensComponentsTableBasicKeys as ko } f
 import { Chip_Tokens as go, designTokensComponentsChipKeys as Co } from "./Chip.js";
 import { LightBox_Tokens as yo, designTokensComponentsLightBoxKeys as xo } from "./LightBox.js";
 import { Tag_Tokens as lo, designTokensComponentsTagKeys as Ko } from "./Tag.js";
-import { Notification_Tokens as So, designTokensComponentsNotificationKeys as Lo } from "./Notification.js";
-import { SMSInput_Tokens as Mo, designTokensComponentsSMSInputKeys as uo } from "./SMSInput.js";
-import { StatusTracker_Tokens as bo, designTokensComponentsStatusTrackerKeys as wo } from "./StatusTracker.js";
-import { Step_Tokens as ho, designTokensComponentsStepKeys as Bo } from "./Step.js";
-import { ModalWindow_Tokens as Po, designTokensComponentsModalWindowKeys as vo } from "./ModalWindow.js";
-import { TopOverlay_Tokens as Oo, designTokensComponentsTopOverlayKeys as Wo } from "./TopOverlay.js";
-import { SmallInput_Tokens as No, designTokensComponentsSmallInputKeys as Ro } from "./SmallInput.js";
-import { Slider_Tokens as Zo, designTokensComponentsSliderKeys as jo } from "./Slider.js";
+import { TagColor_Tokens as So, designTokensComponentsTagColorKeys as Lo } from "./TagColor.js";
+import { Notification_Tokens as Mo, designTokensComponentsNotificationKeys as uo } from "./Notification.js";
+import { SMSInput_Tokens as bo, designTokensComponentsSMSInputKeys as wo } from "./SMSInput.js";
+import { StatusTracker_Tokens as ho, designTokensComponentsStatusTrackerKeys as Bo } from "./StatusTracker.js";
+import { Step_Tokens as Po, designTokensComponentsStepKeys as vo } from "./Step.js";
+import { ModalWindow_Tokens as Oo, designTokensComponentsModalWindowKeys as Wo } from "./ModalWindow.js";
+import { TopOverlay_Tokens as No, designTokensComponentsTopOverlayKeys as Ro } from "./TopOverlay.js";
+import { SmallInput_Tokens as Zo, designTokensComponentsSmallInputKeys as jo } from "./SmallInput.js";
+import { Slider_Tokens as zo, designTokensComponentsSliderKeys as Eo } from "./Slider.js";
 export {
   H as AlertContext_Tokens,
   U as AlertProcess_Tokens,
@@ -76,27 +77,28 @@ export {
   c as Loader_Tokens,
   _e as MarkerStatus_Tokens,
   fe as Marker_Tokens,
-  Po as ModalWindow_Tokens,
+  Oo as ModalWindow_Tokens,
   ce as MultiselectField_Tokens,
-  So as Notification_Tokens,
+  Mo as Notification_Tokens,
   re as Overlay_Tokens,
   De as Pagination_Tokens,
   D as Radio_Tokens,
-  Mo as SMSInput_Tokens,
+  bo as SMSInput_Tokens,
   Ue as SegmentedControlSegment_Tokens,
   He as SegmentedControl_Tokens,
   Ae as Skeleton_Tokens,
-  Zo as Slider_Tokens,
-  No as SmallInput_Tokens,
-  bo as StatusTracker_Tokens,
-  ho as Step_Tokens,
+  zo as Slider_Tokens,
+  Zo as SmallInput_Tokens,
+  ho as StatusTracker_Tokens,
+  Po as Step_Tokens,
   qe as Stepper_Tokens,
   mo as TableBasic_Tokens,
   _ as TabsLine_Tokens,
   f as Tabs_Tokens,
+  So as TagColor_Tokens,
   lo as Tag_Tokens,
   A as Tooltip_Tokens,
-  Oo as TopOverlay_Tokens,
+  No as TopOverlay_Tokens,
   F as Typography_Tokens,
   Ie as UploadZone_Tokens,
   N as designTokensComponentsAlertContextKeys,
@@ -126,27 +128,28 @@ export {
   b as designTokensComponentsLoaderScreenKeys,
   le as designTokensComponentsMarkerKeys,
   Se as designTokensComponentsMarkerStatusKeys,
-  vo as designTokensComponentsModalWindowKeys,
+  Wo as designTokensComponentsModalWindowKeys,
   Me as designTokensComponentsMultiselectFieldKeys,
-  Lo as designTokensComponentsNotificationKeys,
+  uo as designTokensComponentsNotificationKeys,
   pe as designTokensComponentsOverlayKeys,
   he as designTokensComponentsPaginationKeys,
   h as designTokensComponentsRadioKeys,
-  uo as designTokensComponentsSMSInputKeys,
+  wo as designTokensComponentsSMSInputKeys,
   Ne as designTokensComponentsSegmentedControlKeys,
   Ze as designTokensComponentsSegmentedControlSegmentKeys,
   Oe as designTokensComponentsSkeletonKeys,
-  jo as designTokensComponentsSliderKeys,
-  Ro as designTokensComponentsSmallInputKeys,
-  wo as designTokensComponentsStatusTrackerKeys,
-  Bo as designTokensComponentsStepKeys,
+  Eo as designTokensComponentsSliderKeys,
+  jo as designTokensComponentsSmallInputKeys,
+  Bo as designTokensComponentsStatusTrackerKeys,
+  vo as designTokensComponentsStepKeys,
   ze as designTokensComponentsStepperKeys,
   ko as designTokensComponentsTableBasicKeys,
   l as designTokensComponentsTabsKeys,
   S as designTokensComponentsTabsLineKeys,
+  Lo as designTokensComponentsTagColorKeys,
   Ko as designTokensComponentsTagKeys,
   O as designTokensComponentsTooltipKeys,
-  Wo as designTokensComponentsTopOverlayKeys,
+  Ro as designTokensComponentsTopOverlayKeys,
   P as designTokensComponentsTypographyKeys,
   be as designTokensComponentsUploadZoneKeys
 };

package/components/Divider/Divider.js

@@ -1,23 +1,23 @@
 import { jsx as n } from "react/jsx-runtime";
 import { c as g } from "../../chunks/vendor-D3hUOusX.js";
-const z = "divider__016eb90f", i = {
+const z = "divider__c3f620e9", i = {
   divider: z,
-  "marginTopSize-4": "marginTopSize-4__d2ff33c7",
-  "marginBottomSize-4": "marginBottomSize-4__ec85b009",
-  "marginTopSize-8": "marginTopSize-8__d487d4dc",
-  "marginBottomSize-8": "marginBottomSize-8__681fa5cf",
-  "marginTopSize-12": "marginTopSize-12__514c7f64",
-  "marginBottomSize-12": "marginBottomSize-12__c1265bef",
-  "marginTopSize-16": "marginTopSize-16__7aed5788",
-  "marginBottomSize-16": "marginBottomSize-16__9b4bb4b1",
-  "marginTopSize-20": "marginTopSize-20__e1a53410",
-  "marginBottomSize-20": "marginBottomSize-20__5af149fe",
-  "marginTopSize-24": "marginTopSize-24__484884e1",
-  "marginBottomSize-24": "marginBottomSize-24__331a64bb",
-  "marginTopSize-28": "marginTopSize-28__092fbdcd",
-  "marginBottomSize-28": "marginBottomSize-28__fced29d9",
-  "marginTopSize-32": "marginTopSize-32__5a0f89b4",
-  "marginBottomSize-32": "marginBottomSize-32__9774e6b4"
+  "marginTopSize-4": "marginTopSize-4__81ae27bb",
+  "marginBottomSize-4": "marginBottomSize-4__12d3cde0",
+  "marginTopSize-8": "marginTopSize-8__15f9c29a",
+  "marginBottomSize-8": "marginBottomSize-8__d43fce98",
+  "marginTopSize-12": "marginTopSize-12__374072c8",
+  "marginBottomSize-12": "marginBottomSize-12__4c2291ab",
+  "marginTopSize-16": "marginTopSize-16__52908d76",
+  "marginBottomSize-16": "marginBottomSize-16__847e47e8",
+  "marginTopSize-20": "marginTopSize-20__d890e4ab",
+  "marginBottomSize-20": "marginBottomSize-20__2b9815e5",
+  "marginTopSize-24": "marginTopSize-24__a825a675",
+  "marginBottomSize-24": "marginBottomSize-24__1b09aea3",
+  "marginTopSize-28": "marginTopSize-28__efed8db1",
+  "marginBottomSize-28": "marginBottomSize-28__3a5c5b21",
+  "marginTopSize-32": "marginTopSize-32__716c3afd",
+  "marginBottomSize-32": "marginBottomSize-32__c82cafac"
 }, 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-D3hUOusX.js";
 import { Link as Y } from "../Link/Link.js";
-const $ = "documentNumberEdit__420e8237", G = "label__5a499337", H = "inputEditWrapper__f9624389", n = {
+const $ = "documentNumberEdit__93716235", G = "label__81a29cf7", H = "inputEditWrapper__ede3034c", c = {
   documentNumberEdit: $,
   label: G,
   inputEditWrapper: H
@@ -18,14 +18,14 @@ const $ = "documentNumberEdit__420e8237", G = "label__5a499337", H = "inputEditW
   buttonLabel: _,
   emptyNumberButtonLabel: b,
   emptyNumberLabel: u,
-  numberLabel: c,
+  numberLabel: n,
   maxLength: f = V,
   onBlur: l,
   onChange: a,
   onKeyDown: d,
   ...S
 }) => {
-  const [p, m] = y(!1), T = z(() => p ? c : r ? `${c} ${r}` : u, [r, c, u, p]), x = () => /* @__PURE__ */ i("div", { className: n.inputEditWrapper, children: /* @__PURE__ */ i(
+  const [p, m] = y(!1), T = z(() => p ? n : r ? `${n} ${r}` : u, [r, n, u, p]), x = () => /* @__PURE__ */ i("div", { className: c.inputEditWrapper, children: /* @__PURE__ */ i(
     A,
     {
       ...S,
@@ -49,11 +49,11 @@ const $ = "documentNumberEdit__420e8237", G = "label__5a499337", H = "inputEditW
     for (let e = 0; e < s; e++)
       B.isDigit(t[e]) && o.push(t[e]);
     return o.join("");
-  }, W = () => /* @__PURE__ */ i(E, { className: n.label, tag: "div", size: N.B3, type: h.SECONDARY, children: /* @__PURE__ */ i(Y, { href: "#", onClick: j, children: r ? _ : b }) }), j = (t) => {
+  }, W = () => /* @__PURE__ */ i(E, { className: c.label, tag: "div", size: N.B3, type: h.SECONDARY, children: /* @__PURE__ */ i(Y, { href: "#", onClick: j, children: r ? _ : b }) }), j = (t) => {
     t.preventDefault(), m(!0);
   };
-  return /* @__PURE__ */ k("div", { className: U(n.documentNumberEdit, g), children: [
-    /* @__PURE__ */ i(E, { className: n.label, tag: "div", size: N.B3, type: h.SECONDARY, children: T }),
+  return /* @__PURE__ */ k("div", { className: U(c.documentNumberEdit, g), children: [
+    /* @__PURE__ */ i(E, { className: c.label, tag: "div", size: N.B3, type: h.SECONDARY, children: T }),
     p ? x() : W()
   ] });
 };

package/components/Dropdown/desktop/DropdownDesktop.js

@@ -5,11 +5,11 @@ import { EDropdownAlignment as a, EDropdownDirection as D } from "../enums.js";
 import { isKey as d } from "../../../utils/keyboard.js";
 import { useToken as I } from "../../ThemeProvider/useToken.js";
 import { EComponentSize as j } from "../../../enums/EComponentSize.js";
-const K = "dropdownDesktop__fab8c97a", V = "dropdownDesktopOverflowHidden__e296abf5", O = {
+const K = "dropdownDesktop__467ca54e", V = "dropdownDesktopOverflowHidden__9bee9395", O = {
   dropdownDesktop: K,
-  "dropdownDesktop-sm": "dropdownDesktop-sm__08e306c9",
-  "dropdownDesktop-md": "dropdownDesktop-md__4176f726",
-  "dropdownDesktop-lg": "dropdownDesktop-lg__86655552",
+  "dropdownDesktop-sm": "dropdownDesktop-sm__918cdb71",
+  "dropdownDesktop-md": "dropdownDesktop-md__501e3626",
+  "dropdownDesktop-lg": "dropdownDesktop-lg__74fcdd3f",
   dropdownDesktopOverflowHidden: V
 }, A = O.dropdownDesktopOverflowHidden, $ = G.forwardRef((P, p) => {
   const {
@@ -85,7 +85,7 @@ const K = "dropdownDesktop__fab8c97a", V = "dropdownDesktopOverflowHidden__e296a
       className: U,
       style: { ...x, ...N },
       ...R,
-      "data-tx": "1.7.0",
+      "data-tx": "1.9.0",
       ref: z,
       children: g
     }

package/components/Dropdown/desktop/DropdownList.js

@@ -1,7 +1,7 @@
 import { jsxs as _, jsx as h } from "react/jsx-runtime";
 import l, { useContext as y, useRef as B, useState as b, useEffect as f } from "react";
 import { c as z } from "../../../chunks/vendor-D3hUOusX.js";
-import { s as C, D as x } from "../../../chunks/DropdownListItem-DjvVx10v.js";
+import { s as C, D as x } from "../../../chunks/DropdownListItem-ToJzPBLf.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

@@ -2,8 +2,9 @@ import "react/jsx-runtime";
 import "react";
 import "../../../utils/keyboard.js";
 import "../../../chunks/vendor-D3hUOusX.js";
-import { D as e } from "../../../chunks/DropdownListItem-DjvVx10v.js";
+import "../../NotificationIcon/NotificationIcon.js";
+import { D as s } from "../../../chunks/DropdownListItem-ToJzPBLf.js";
 export {
-  e as DropdownListItem
+  s as DropdownListItem
 };
 //# sourceMappingURL=DropdownListItem.js.map

package/components/Dropdown/desktop/index.js

@@ -1,6 +1,6 @@
 import { DropdownDesktop as p } from "./DropdownDesktop.js";
 import { DropdownList as e } from "./DropdownList.js";
-import { D as m } from "../../../chunks/DropdownListItem-DjvVx10v.js";
+import { D as m } from "../../../chunks/DropdownListItem-ToJzPBLf.js";
 export {
   p as DropdownDesktop,
   e as DropdownList,

package/components/Dropdown/index.js

@@ -2,7 +2,7 @@ import { Dropdown as e } from "./Dropdown.js";
 import { DropdownListContext as t } from "./DropdownListContext.js";
 import { DropdownDesktop as d } from "./desktop/DropdownDesktop.js";
 import { DropdownList as i } from "./desktop/DropdownList.js";
-import { D as w } from "../../chunks/DropdownListItem-DjvVx10v.js";
+import { D as w } from "../../chunks/DropdownListItem-ToJzPBLf.js";
 import { DropdownMobile as f } from "./mobile/DropdownMobile.js";
 import { DropdownMobileBody as b } from "./mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as s } from "./mobile/DropdownMobileClose.js";

package/components/Dropdown/mobile/DropdownMobile.js

@@ -2,7 +2,7 @@ import { jsx as e } from "react/jsx-runtime";
 import a, { useEffect as m } 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-CEPFt9uH.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-B25s43In.js";
 const r = p.dropdownMobileBodyOverflow, y = a.forwardRef(
   ({ children: t, opened: o, setOpened: s, ...d }, i) => (m(() => (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 = a.forwardRef(
       ...l,
       ...d,
       ref: i,
-      "data-tx": "1.7.0",
+      "data-tx": "1.9.0",
       children: t
     }
   ) }))

package/components/Dropdown/mobile/DropdownMobileBody.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import d from "react";
 import { c as m } from "../../../chunks/vendor-D3hUOusX.js";
-import { s as a } from "../../../chunks/DropdownMobile.module-CEPFt9uH.js";
+import { s as a } from "../../../chunks/DropdownMobile.module-B25s43In.js";
 const i = d.forwardRef(
   ({ children: o, className: r, ...e }, s) => /* @__PURE__ */ t("div", { className: m(a.dropdownMobileContent, r), ref: s, ...e, 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-D3hUOusX.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-CEPFt9uH.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-B25s43In.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 s } from "react/jsx-runtime";
 import m from "react";
 import { c as a } from "../../../chunks/vendor-D3hUOusX.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-CEPFt9uH.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-B25s43In.js";
 const p = m.forwardRef(
   ({ children: o, className: r, ...e }, t) => /* @__PURE__ */ s("div", { className: a(i.dropdownMobileFooter, r), ref: t, ...e, children: o })
 );