@sberbusiness/triplex-next 1.14.0 → 1.16.0

package/components/DesignTokens/DesignTokensComponentsThemeDark.js

@@ -4,55 +4,56 @@ import { GetTokensValueByTheme as r } from "./GetTokensValueByTheme.js";
 import { AlertContext_Tokens as t } from "./components/AlertContext.js";
 import { AlertProcess_Tokens as m } from "./components/AlertProcess.js";
 import { Avatar_Tokens as i } from "./components/Avatar.js";
-import { Button_Tokens as n } from "./components/Button.js";
-import { Calendar_Tokens as s } from "./components/Calendar.js";
-import { Card_Tokens as p } from "./components/Card.js";
-import { Checkbox_Tokens as T } from "./components/Checkbox.js";
-import { Chip_Tokens as a } from "./components/Chip.js";
-import { Dropdown_Tokens as k } from "./components/Dropdown.js";
-import { DropdownList_Tokens as D } from "./components/DropdownList.js";
-import { DropdownMobile_Tokens as A } from "./components/DropdownMobile.js";
-import { DropdownMobileList_Tokens as f } from "./components/DropdownMobileList.js";
-import { FooterPage_Tokens as l } from "./components/FooterPage.js";
-import { FormField_Tokens as R } from "./components/FormField.js";
-import { HeaderPage_Tokens as K } from "./components/HeaderPage.js";
-import { Island_Tokens as _ } from "./components/Island.js";
-import { IslandAccordion_Tokens as d } from "./components/IslandAccordion.js";
-import { IslandWidget_Tokens as S } from "./components/IslandWidget.js";
-import { LightBox_Tokens as g } from "./components/LightBox.js";
-import { Link_Tokens as L } from "./components/Link.js";
-import { ListItem_Tokens as c } from "./components/ListItem.js";
-import { ListItemControlsButton_Tokens as C } from "./components/ListItemControlsButton.js";
-import { ListMaster_Tokens as M } from "./components/ListMaster.js";
-import { Loader_Tokens as u } from "./components/Loader.js";
-import { LoaderScreen_Tokens as b } from "./components/LoaderScreen.js";
-import { Marker_Tokens as I } from "./components/Marker.js";
-import { MarkerStatus_Tokens as h } from "./components/MarkerStatus.js";
+import { Badge_Tokens as n } from "./components/Badge.js";
+import { Button_Tokens as s } from "./components/Button.js";
+import { Calendar_Tokens as p } from "./components/Calendar.js";
+import { Card_Tokens as T } from "./components/Card.js";
+import { Checkbox_Tokens as a } from "./components/Checkbox.js";
+import { Chip_Tokens as k } from "./components/Chip.js";
+import { Dropdown_Tokens as D } from "./components/Dropdown.js";
+import { DropdownList_Tokens as A } from "./components/DropdownList.js";
+import { DropdownMobile_Tokens as f } from "./components/DropdownMobile.js";
+import { DropdownMobileList_Tokens as l } from "./components/DropdownMobileList.js";
+import { FooterPage_Tokens as R } from "./components/FooterPage.js";
+import { FormField_Tokens as K } from "./components/FormField.js";
+import { HeaderPage_Tokens as _ } from "./components/HeaderPage.js";
+import { Island_Tokens as d } from "./components/Island.js";
+import { IslandAccordion_Tokens as S } from "./components/IslandAccordion.js";
+import { IslandWidget_Tokens as g } from "./components/IslandWidget.js";
+import { LightBox_Tokens as L } from "./components/LightBox.js";
+import { Link_Tokens as c } from "./components/Link.js";
+import { ListItem_Tokens as C } from "./components/ListItem.js";
+import { ListItemControlsButton_Tokens as M } from "./components/ListItemControlsButton.js";
+import { ListMaster_Tokens as u } from "./components/ListMaster.js";
+import { Loader_Tokens as b } from "./components/Loader.js";
+import { LoaderScreen_Tokens as I } from "./components/LoaderScreen.js";
+import { Marker_Tokens as h } from "./components/Marker.js";
+import { MarkerStatus_Tokens as B } from "./components/MarkerStatus.js";
 import { ModalWindow_Tokens as w } from "./components/ModalWindow.js";
 import { MultiselectField_Tokens as F } from "./components/MultiselectField.js";
 import { Notification_Tokens as x } from "./components/Notification.js";
 import { Overlay_Tokens as y } from "./components/Overlay.js";
-import { Pagination_Tokens as B } from "./components/Pagination.js";
-import { Radio_Tokens as v } from "./components/Radio.js";
-import { SegmentedControl_Tokens as P } from "./components/SegmentedControl.js";
-import { SegmentedControlSegment_Tokens as O } from "./components/SegmentedControlSegment.js";
-import { Skeleton_Tokens as W } from "./components/Skeleton.js";
-import { Slider_Tokens as N } from "./components/Slider.js";
-import { SmallInput_Tokens as H } from "./components/SmallInput.js";
-import { SMSField_Tokens as U } from "./components/SMSField.js";
-import { StatusTracker_Tokens as Z } from "./components/StatusTracker.js";
-import { Step_Tokens as E } from "./components/Step.js";
-import { Stepper_Tokens as G } from "./components/Stepper.js";
-import { TableBasic_Tokens as V } from "./components/TableBasic.js";
-import { Tabs_Tokens as j } from "./components/Tabs.js";
-import { TabsLine_Tokens as q } from "./components/TabsLine.js";
-import { Tag_Tokens as z } from "./components/Tag.js";
-import { TagColor_Tokens as J } from "./components/TagColor.js";
-import { Tooltip_Tokens as Q } from "./components/Tooltip.js";
-import { TopOverlay_Tokens as X } from "./components/TopOverlay.js";
-import { Typography_Tokens as Y } from "./components/Typography.js";
-import { UploadZone_Tokens as $ } from "./components/UploadZone.js";
-const rr = {
+import { Pagination_Tokens as v } from "./components/Pagination.js";
+import { Radio_Tokens as P } from "./components/Radio.js";
+import { SegmentedControl_Tokens as O } from "./components/SegmentedControl.js";
+import { SegmentedControlSegment_Tokens as W } from "./components/SegmentedControlSegment.js";
+import { Skeleton_Tokens as N } from "./components/Skeleton.js";
+import { Slider_Tokens as H } from "./components/Slider.js";
+import { SmallInput_Tokens as U } from "./components/SmallInput.js";
+import { SMSField_Tokens as Z } from "./components/SMSField.js";
+import { StatusTracker_Tokens as E } from "./components/StatusTracker.js";
+import { Step_Tokens as G } from "./components/Step.js";
+import { Stepper_Tokens as V } from "./components/Stepper.js";
+import { TableBasic_Tokens as j } from "./components/TableBasic.js";
+import { Tabs_Tokens as q } from "./components/Tabs.js";
+import { TabsLine_Tokens as z } from "./components/TabsLine.js";
+import { Tag_Tokens as J } from "./components/Tag.js";
+import { TagColor_Tokens as Q } from "./components/TagColor.js";
+import { Tooltip_Tokens as X } from "./components/Tooltip.js";
+import { TopOverlay_Tokens as Y } from "./components/TopOverlay.js";
+import { Typography_Tokens as $ } from "./components/Typography.js";
+import { UploadZone_Tokens as oo } from "./components/UploadZone.js";
+const tr = {
   AlertContext: r(
     o.DARK,
     t
@@ -62,63 +63,64 @@ const rr = {
     m
   ),
   Avatar: r(o.DARK, i),
-  Button: r(o.DARK, n),
-  Calendar: r(o.DARK, s),
-  Card: r(o.DARK, p),
-  Checkbox: r(o.DARK, T),
-  Chip: r(o.DARK, a),
+  Badge: r(o.DARK, n),
+  Button: r(o.DARK, s),
+  Calendar: r(o.DARK, p),
+  Card: r(o.DARK, T),
+  Checkbox: r(o.DARK, a),
+  Chip: r(o.DARK, k),
   Divider: r(o.DARK, e),
-  Dropdown: r(o.DARK, k),
+  Dropdown: r(o.DARK, D),
   DropdownList: r(
     o.DARK,
-    D
+    A
   ),
   DropdownMobile: r(
     o.DARK,
-    A
+    f
   ),
   DropdownMobileList: r(
     o.DARK,
-    f
+    l
   ),
   FooterPage: r(
     o.DARK,
-    l
+    R
   ),
-  FormField: r(o.DARK, R),
+  FormField: r(o.DARK, K),
   HeaderPage: r(
     o.DARK,
-    K
+    _
   ),
-  Island: r(o.DARK, _),
+  Island: r(o.DARK, d),
   IslandAccordion: r(
     o.DARK,
-    d
+    S
   ),
   IslandWidget: r(
     o.DARK,
-    S
+    g
   ),
-  LightBox: r(o.DARK, g),
-  Link: r(o.DARK, L),
-  ListItem: r(o.DARK, c),
+  LightBox: r(o.DARK, L),
+  Link: r(o.DARK, c),
+  ListItem: r(o.DARK, C),
   ListItemControlsButton: r(
     o.DARK,
-    C
+    M
   ),
   ListMaster: r(
     o.DARK,
-    M
+    u
   ),
-  Loader: r(o.DARK, u),
+  Loader: r(o.DARK, b),
   LoaderScreen: r(
     o.DARK,
-    b
+    I
   ),
-  Marker: r(o.DARK, I),
+  Marker: r(o.DARK, h),
   MarkerStatus: r(
     o.DARK,
-    h
+    B
   ),
   ModalWindow: r(
     o.DARK,
@@ -135,53 +137,53 @@ const rr = {
   Overlay: r(o.DARK, y),
   Pagination: r(
     o.DARK,
-    B
+    v
   ),
-  Radio: r(o.DARK, v),
+  Radio: r(o.DARK, P),
   SegmentedControl: r(
     o.DARK,
-    P
+    O
   ),
   SegmentedControlSegment: r(
     o.DARK,
-    O
+    W
   ),
-  Skeleton: r(o.DARK, W),
+  Skeleton: r(o.DARK, N),
   SmallInput: r(
     o.DARK,
-    H
+    U
   ),
-  SMSField: r(o.DARK, U),
-  Slider: r(o.DARK, N),
+  SMSField: r(o.DARK, Z),
+  Slider: r(o.DARK, H),
   StatusTracker: r(
     o.DARK,
-    Z
+    E
   ),
-  Step: r(o.DARK, E),
-  Stepper: r(o.DARK, G),
+  Step: r(o.DARK, G),
+  Stepper: r(o.DARK, V),
   TableBasic: r(
     o.DARK,
-    V
+    j
   ),
-  Tabs: r(o.DARK, j),
-  Tag: r(o.DARK, z),
-  TagColor: r(o.DARK, J),
-  TabsLine: r(o.DARK, q),
-  Tooltip: r(o.DARK, Q),
+  Tabs: r(o.DARK, q),
+  Tag: r(o.DARK, J),
+  TagColor: r(o.DARK, Q),
+  TabsLine: r(o.DARK, z),
+  Tooltip: r(o.DARK, X),
   TopOverlay: r(
     o.DARK,
-    X
+    Y
   ),
   Typography: r(
     o.DARK,
-    Y
+    $
   ),
   UploadZone: r(
     o.DARK,
-    $
+    oo
   )
 };
 export {
-  rr as DesignTokensComponentsThemeDark
+  tr as DesignTokensComponentsThemeDark
 };
 //# sourceMappingURL=DesignTokensComponentsThemeDark.js.map

package/components/DesignTokens/components/Badge.js

@@ -0,0 +1,9 @@
+const n = ["Background"], o = {
+  Background: [{ ref: "ColorWarning.70" }, { ref: "ColorWarning.70" }]
+  // var(--triplex-next-Badge-Background)
+};
+export {
+  o as Badge_Tokens,
+  n as designTokensComponentsBadgeKeys
+};
+//# sourceMappingURL=Badge.js.map

package/components/DesignTokens/components/Dropdown.js

@@ -1,11 +1,11 @@
-const o = ["Background", "Shadow"], e = {
+const o = ["Background", "Shadow"], r = {
   Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
   // var(--triplex-next-Dropdown-Background)
-  Shadow: [{ value: "0px 2px 7px rgba(31, 31, 34, 0.25)" }, { value: "none" }]
+  Shadow: [{ value: "0px 2px 7px rgba(31, 31, 34, 0.25)" }, { value: "0px 2px 7px rgba(0, 0, 0, 0.35)" }]
   // var(--triplex-next-Dropdown-Shadow)
 };
 export {
-  e as Dropdown_Tokens,
+  r as Dropdown_Tokens,
   o as designTokensComponentsDropdownKeys
 };
 //# sourceMappingURL=Dropdown.js.map

package/components/DesignTokens/components/DropdownMobileList.js

@@ -1,7 +1,7 @@
 const o = ["Active_Background", "Selected_Background"], e = {
-  Active_Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.100" }],
+  Active_Background: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.70" }],
   // var(--triplex-next-DropdownMobileList-Active_Background)
-  Selected_Background: [{ ref: "ColorNeutral.30" }, { ref: "ColorDarkNeutral.60" }]
+  Selected_Background: [{ ref: "ColorNeutral.30" }, { ref: "ColorDarkNeutral.100" }]
   // var(--triplex-next-DropdownMobileList-Selected_Background)
 };
 export {

package/components/DesignTokens/components/Typography.js

@@ -9,7 +9,18 @@ const r = [
   "Success_Color",
   "Error_Color",
   "Warning_Color",
-  "System_Color"
+  "System_Color",
+  "PrimaryInvert_Color",
+  "ComplementaryInvert_Color",
+  "SecondaryInvert_Color",
+  "TertiaryInvert_Color",
+  "DisabledInvert_Color",
+  "BrandInvert_Color",
+  "InfoInvert_Color",
+  "SuccessInvert_Color",
+  "ErrorInvert_Color",
+  "WarningInvert_Color",
+  "SystemInvert_Color"
 ], o = {
   Primary_Color: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
   // var(--triplex-next-Typography-Primary_Color)
@@ -31,8 +42,30 @@ const r = [
   // var(--triplex-next-Typography-Error_Color)
   Warning_Color: [{ ref: "ColorWarning.40" }, { ref: "ColorWarning.60" }],
   // var(--triplex-next-Typography-Warning_Color)
-  System_Color: [{ ref: "ColorSystem.40" }, { ref: "ColorSystem.60" }]
+  System_Color: [{ ref: "ColorSystem.40" }, { ref: "ColorSystem.60" }],
   // var(--triplex-next-Typography-System_Color)
+  PrimaryInvert_Color: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorDarkNeutralAlpha.0" }],
+  // var(--triplex-next-Typography-PrimaryInvert_Color)
+  ComplementaryInvert_Color: [{ ref: "ColorNeutralAlpha.30" }, { ref: "ColorDarkNeutralAlpha.20" }],
+  // var(--triplex-next-Typography-ComplementaryInvert_Color)
+  SecondaryInvert_Color: [{ ref: "ColorNeutralAlpha.50" }, { ref: "ColorDarkNeutralAlpha.40" }],
+  // var(--triplex-next-Typography-SecondaryInvert_Color)
+  TertiaryInvert_Color: [{ ref: "ColorNeutralAlpha.60" }, { ref: "ColorDarkNeutralAlpha.50" }],
+  // var(--triplex-next-Typography-TertiaryInvert_Color)
+  DisabledInvert_Color: [{ ref: "ColorNeutralAlpha.80" }, { ref: "ColorDarkNeutralAlpha.70" }],
+  // var(--triplex-next-Typography-DisabledInvert_Color)
+  BrandInvert_Color: [{ ref: "ColorBrand.60" }, { ref: "ColorBrand.40" }],
+  // var(--triplex-next-Typography-BrandInvert_Color)
+  InfoInvert_Color: [{ ref: "ColorInfo.60" }, { ref: "ColorInfo.40" }],
+  // var(--triplex-next-Typography-InfoInvert_Color)
+  SuccessInvert_Color: [{ ref: "ColorSuccess.60" }, { ref: "ColorSuccess.40" }],
+  // var(--triplex-next-Typography-SuccessInvert_Color)
+  ErrorInvert_Color: [{ ref: "ColorError.60" }, { ref: "ColorError.40" }],
+  // var(--triplex-next-Typography-ErrorInvert_Color)
+  WarningInvert_Color: [{ ref: "ColorWarning.60" }, { ref: "ColorWarning.40" }],
+  // var(--triplex-next-Typography-WarningInvert_Color)
+  SystemInvert_Color: [{ ref: "ColorSystem.60" }, { ref: "ColorSystem.40" }]
+  // var(--triplex-next-Typography-SystemInvert_Color)
 };
 export {
   o as Typography_Tokens,