@sberbusiness/triplex-next 1.8.0 → 1.10.0

package/components/DesignTokens/DesignTokensComponentsThemeDark.js

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

package/components/DesignTokens/components/AmountField.js

@@ -0,0 +1,11 @@
+const r = ["Currency_Color_Default", "Currency_Color_Disabled"], o = {
+  Currency_Color_Default: [{ ref: "ColorDarkNeutralAlpha.60" }, { ref: "ColorNeutralAlpha.70" }],
+  // var(--triplex-next-AmountField-Currency_Color_Default)
+  Currency_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }]
+  // var(--triplex-next-AmountField-Currency_Color_Disabled)
+};
+export {
+  o as AmountField_Tokens,
+  r as designTokensComponentsAmountFieldKeys
+};
+//# sourceMappingURL=AmountField.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/FormField.js

@@ -38,7 +38,7 @@ const r = [
   // var(--triplex-next-FormField-Background_Warning_Hover)
   Input_Color_Default: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
   // var(--triplex-next-FormField-Input_Color_Default)
-  Input_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.60" }, { ref: "ColorNeutralAlpha.70" }],
+  Input_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }],
   // var(--triplex-next-FormField-Input_Color_Disabled)
   Target_Color_Default: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
   // var(--triplex-next-FormField-Target_Color_Default)
@@ -48,7 +48,7 @@ const r = [
   // var(--triplex-next-FormField-Target_PlaceholderColor_Default)
   Label_Color_Default: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorNeutralAlpha.50" }],
   // var(--triplex-next-FormField-Label_Color_Default)
-  Label_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.60" }, { ref: "ColorNeutralAlpha.70" }],
+  Label_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }],
   // var(--triplex-next-FormField-Label_Color_Disabled)
   Shadow_Active: [{ value: "0 0 0 1px #21A19A inset" }, { value: "0 0 0 1px #21A19A inset" }],
   // var(--triplex-next-FormField-Shadow_Active)

package/components/DesignTokens/components/{SMSInput.js → SMSField.js}

@@ -7,20 +7,20 @@ const r = [
   "Submit_Background_Active"
 ], e = {
   Refresh_Fill_Empty: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.70" }],
-  // var(--triplex-next-SMSInput-Refresh_Fill_Empty)
+  // var(--triplex-next-SMSField-Refresh_Fill_Empty)
   Refresh_Fill_Full: [{ ref: "ColorBrand.40" }, { ref: "ColorBrand.60" }],
-  // var(--triplex-next-SMSInput-Refresh_Fill_Full)
+  // var(--triplex-next-SMSField-Refresh_Fill_Full)
   Refresh_Disabled: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
-  // var(--triplex-next-SMSInput-Refresh_Disabled)
+  // var(--triplex-next-SMSField-Refresh_Disabled)
   Submit_Background_Default: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
-  // var(--triplex-next-SMSInput-Submit_Background_Default)
+  // var(--triplex-next-SMSField-Submit_Background_Default)
   Submit_Background_Hover: [{ ref: "ColorBrand.60" }, { ref: "ColorBrand.60" }],
-  // var(--triplex-next-SMSInput-Submit_Background_Hover)
+  // var(--triplex-next-SMSField-Submit_Background_Hover)
   Submit_Background_Active: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.50" }]
-  // var(--triplex-next-SMSInput-Submit_Background_Active)
+  // var(--triplex-next-SMSField-Submit_Background_Active)
 };
 export {
-  e as SMSInput_Tokens,
-  r as designTokensComponentsSMSInputKeys
+  e as SMSField_Tokens,
+  r as designTokensComponentsSMSFieldKeys
 };
-//# sourceMappingURL=SMSInput.js.map
+//# sourceMappingURL=SMSField.js.map

package/components/DesignTokens/components/TabsLine.js

@@ -1,9 +1,6 @@
 const o = [
   "BorderColor_Active",
   "BorderColor_Hover",
-  "Color_Active",
-  "Color_Default",
-  "Color_Hover",
   "Separator_Color",
   "Shadow_Focus"
 ], r = {
@@ -11,12 +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)
   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