@sberbusiness/triplex-next 1.4.0 → 1.5.0

package/components/DesignTokens/DesignTokensComponentsThemeDark.js

@@ -2,112 +2,115 @@ 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 { Checkbox_Tokens as m } from "./components/Checkbox.js";
-import { FormField_Tokens as n } from "./components/FormField.js";
-import { Link_Tokens as i } from "./components/Link.js";
-import { Tabs_Tokens as s } from "./components/Tabs.js";
-import { TabsLine_Tokens as p } from "./components/TabsLine.js";
-import { Loader_Tokens as T } from "./components/Loader.js";
+import { Calendar_Tokens as m } 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 { Tooltip_Tokens as A } from "./components/Tooltip.js";
-import { AlertContext_Tokens as f } from "./components/AlertContext.js";
-import { AlertProcess_Tokens as R } 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 l } from "./components/DropdownMobileList.js";
-import { Overlay_Tokens as S } from "./components/Overlay.js";
-import { ListItem_Tokens as L } from "./components/ListItem.js";
-import { ListItemControlsButton_Tokens as g } from "./components/ListItemControlsButton.js";
-import { ListMaster_Tokens as c } from "./components/ListMaster.js";
-import { Marker_Tokens as C } from "./components/Marker.js";
+import { Typography_Tokens as A } from "./components/Typography.js";
+import { Tooltip_Tokens as f } from "./components/Tooltip.js";
+import { AlertContext_Tokens as R } from "./components/AlertContext.js";
+import { AlertProcess_Tokens as K } from "./components/AlertProcess.js";
+import { Dropdown_Tokens as _ } from "./components/Dropdown.js";
+import { DropdownList_Tokens as d } from "./components/DropdownList.js";
+import { DropdownMobile_Tokens as l } from "./components/DropdownMobile.js";
+import { DropdownMobileList_Tokens as S } from "./components/DropdownMobileList.js";
+import { Overlay_Tokens as L } from "./components/Overlay.js";
+import { ListItem_Tokens as g } 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 b } from "./components/MarkerStatus.js";
-import { UploadZone_Tokens as M } from "./components/UploadZone.js";
-import { Pagination_Tokens as h } from "./components/Pagination.js";
-import { Card_Tokens as u } from "./components/Card.js";
+import { UploadZone_Tokens as h } from "./components/UploadZone.js";
+import { Pagination_Tokens as u } from "./components/Pagination.js";
+import { Card_Tokens as w } from "./components/Card.js";
 import { Skeleton_Tokens as I } from "./components/Skeleton.js";
 import { SegmentedControl_Tokens as x } from "./components/SegmentedControl.js";
 import { SegmentedControlSegment_Tokens as B } from "./components/SegmentedControlSegment.js";
-import { Stepper_Tokens as w } from "./components/Stepper.js";
-import { HeaderPage_Tokens as P } from "./components/HeaderPage.js";
-import { FooterPage_Tokens as y } from "./components/FooterPage.js";
-import { Island_Tokens as F } from "./components/Island.js";
-import { IslandAccordion_Tokens as v } from "./components/IslandAccordion.js";
-import { TableBasic_Tokens as N } from "./components/TableBasic.js";
-import { Chip_Tokens as H } from "./components/Chip.js";
-import { LightBox_Tokens as O } from "./components/LightBox.js";
-import { Tag_Tokens as U } from "./components/Tag.js";
+import { Stepper_Tokens as P } from "./components/Stepper.js";
+import { HeaderPage_Tokens as y } from "./components/HeaderPage.js";
+import { FooterPage_Tokens as F } from "./components/FooterPage.js";
+import { Island_Tokens as v } from "./components/Island.js";
+import { IslandAccordion_Tokens as N } from "./components/IslandAccordion.js";
+import { TableBasic_Tokens as H } from "./components/TableBasic.js";
+import { Chip_Tokens as O } from "./components/Chip.js";
+import { LightBox_Tokens as U } from "./components/LightBox.js";
+import { Tag_Tokens as W } from "./components/Tag.js";
 import { Notification_Tokens as Z } from "./components/Notification.js";
 import { SMSInput_Tokens as E } from "./components/SMSInput.js";
 import { StatusTracker_Tokens as G } from "./components/StatusTracker.js";
 import { Step_Tokens as V } from "./components/Step.js";
-const No = {
+import { ModalWindow_Tokens as j } from "./components/ModalWindow.js";
+const Wo = {
   AlertContext: r(
     o.DARK,
-    f
+    R
   ),
   AlertProcess: r(
     o.DARK,
-    R
+    K
   ),
   Button: r(o.DARK, t),
-  Card: r(o.DARK, u),
-  Checkbox: r(o.DARK, m),
-  Chip: r(o.DARK, H),
+  Calendar: r(o.DARK, m),
+  Card: r(o.DARK, w),
+  Checkbox: r(o.DARK, n),
+  Chip: r(o.DARK, O),
   Divider: r(o.DARK, e),
-  Dropdown: r(o.DARK, K),
+  Dropdown: r(o.DARK, _),
   DropdownList: r(
     o.DARK,
-    _
+    d
   ),
   DropdownMobile: r(
     o.DARK,
-    d
+    l
   ),
   DropdownMobileList: r(
     o.DARK,
-    l
+    S
   ),
   FooterPage: r(
     o.DARK,
-    y
+    F
   ),
-  FormField: r(o.DARK, n),
+  FormField: r(o.DARK, i),
   HeaderPage: r(
     o.DARK,
-    P
+    y
   ),
-  Island: r(o.DARK, F),
+  Island: r(o.DARK, v),
   IslandAccordion: r(
     o.DARK,
-    v
+    N
   ),
-  Link: r(o.DARK, i),
-  ListItem: r(o.DARK, L),
+  Link: r(o.DARK, s),
+  ListItem: r(o.DARK, g),
   ListItemControlsButton: r(
     o.DARK,
-    g
+    c
   ),
   ListMaster: r(
     o.DARK,
-    c
+    C
   ),
-  Loader: r(o.DARK, T),
+  Loader: r(o.DARK, a),
   LoaderScreen: r(
     o.DARK,
     k
   ),
-  Marker: r(o.DARK, C),
+  Marker: r(o.DARK, M),
   MarkerStatus: r(
     o.DARK,
     b
   ),
-  Overlay: r(o.DARK, S),
+  Overlay: r(o.DARK, L),
   Pagination: r(
     o.DARK,
-    h
+    u
   ),
   Radio: r(o.DARK, D),
   SegmentedControl: r(
@@ -121,24 +124,24 @@ const No = {
   Skeleton: r(o.DARK, I),
   SMSInput: r(o.DARK, E),
   Step: r(o.DARK, V),
-  Stepper: r(o.DARK, w),
+  Stepper: r(o.DARK, P),
   TableBasic: r(
     o.DARK,
-    N
+    H
   ),
-  Tabs: r(o.DARK, s),
-  Tag: r(o.DARK, U),
-  TabsLine: r(o.DARK, p),
-  Tooltip: r(o.DARK, A),
+  Tabs: r(o.DARK, p),
+  Tag: r(o.DARK, W),
+  TabsLine: r(o.DARK, T),
+  Tooltip: r(o.DARK, f),
   Typography: r(
     o.DARK,
-    a
+    A
   ),
   UploadZone: r(
     o.DARK,
-    M
+    h
   ),
-  LightBox: r(o.DARK, O),
+  LightBox: r(o.DARK, U),
   Notification: r(
     o.DARK,
     Z
@@ -146,9 +149,13 @@ const No = {
   StatusTracker: r(
     o.DARK,
     G
+  ),
+  ModalWindow: r(
+    o.DARK,
+    j
   )
 };
 export {
-  No as DesignTokensComponentsThemeDark
+  Wo as DesignTokensComponentsThemeDark
 };
 //# sourceMappingURL=DesignTokensComponentsThemeDark.js.map

package/components/DesignTokens/DesignTokensCore.js

@@ -451,7 +451,7 @@ const a = {
       //     var(--triplex-next-ColorWarning-80)
     },
     90: {
-      value: "#FFE7B1"
+      value: "#FCEAC7"
       //     var(--triplex-next-ColorWarning-90)
     },
     100: {

package/components/DesignTokens/components/Calendar.js

@@ -0,0 +1,109 @@
+const e = [
+  // "Background",
+  "Background_Shadow",
+  "View_Header_Color",
+  "View_Item_Background_Default",
+  "View_Item_Background_Hover",
+  // "View_Item_Background_Range",
+  "View_Item_Background_Selected_Default",
+  "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_Color_Default",
+  "View_Item_Color_Hover",
+  "View_Item_Color_Disabled",
+  "View_Item_Color_Muted",
+  "View_Item_Color_Selected",
+  "View_Item_Color_Selected_Muted_Default",
+  "View_Item_Color_Selected_Muted_Hover",
+  "View_Item_Mark_Basic_Background_Default",
+  "View_Item_Mark_Basic_Background_Selected_Default",
+  "View_Item_Mark_Basic_Background_Selected_Hover",
+  "View_Item_Mark_Standard_Background_Default",
+  "View_Item_Mark_Standard_Background_Selected_Default",
+  "View_Item_Mark_Standard_Background_Selected_Hover",
+  "View_Item_Mark_Attention_Background_Default",
+  "View_Item_Mark_Attention_Background_Selected_Default",
+  "View_Item_Mark_Attention_Background_Selected_Hover",
+  "View_Item_Mark_Critical_Background_Default",
+  "View_Item_Mark_Critical_Background_Selected_Default",
+  "View_Item_Mark_Critical_Background_Selected_Hover"
+], r = {
+  // Background: [{ value: "rgba(255, 255, 255, .8)" }, { value: "rgba(24, 24, 25, .8)" }], // var(--triplex-next-Calendar-Panel_Background)
+  // Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorNeutral.100" }], // var(--triplex-next-Calendar-Background)
+  // Unit_Background_Default: [{ value: "none" }, { value: "none" }], // var(--triplex-next-DropdownList-Background_Default)
+  // Unit_Background_Hover: [{ ref: "ColorBrand.60" }, { ref: "ColorBrand.60" }], // var(--triplex-next-DropdownList-Background_Active)
+  // Unit_Background_Selected: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.50" }], // var(--triplex-next-DropdownList-Background_Active)
+  // Unit_Color: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }], // var(--triplex-next-Calendar-Unit_Color)
+  // Background: [{ ref: "Basic.100" }, { ref: "Basic.50" }], // var(--triplex-Calendar-Background)
+  Background_Shadow: [{ value: "0 2px 7px 0 rgba(31, 31, 34, 0.25)" }, { value: "none" }],
+  // var(--triplex-Calendar-Background_Shadow)
+  View_Header_Color: [{ ref: "ColorDarkNeutralAlpha.50" }, { ref: "ColorNeutralAlpha.50" }],
+  // var(--triplex-Calendar-View_Header_Color)
+  View_Item_Background_Default: [{ value: "none" }, { value: "none" }],
+  // var(--triplex-Calendar-View_Item_Background_Default)
+  View_Item_Background_Hover: [{ ref: "ColorBrand.60" }, { ref: "ColorBrand.60" }],
+  // var(--triplex-Calendar-View_Item_Background_Hover)
+  // View_Item_Background_Range: [{ ref: "ColorNeutral.100" }, { ref: "ColorNeutral.900" }], // var(--triplex-Calendar-View_Item_Background_Range)
+  View_Item_Background_Selected_Default: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.50" }],
+  // var(--triplex-Calendar-View_Item_Background_Selected_Default)
+  View_Item_Background_Selected_Hover: [{ ref: "ColorBrand.30" }, { ref: "ColorBrand.30" }],
+  // var(--triplex-Calendar-View_Item_Background_Selected_Hover)
+  View_Item_Background_Selected_Muted_Default: [{ ref: "ColorBrand.100" }, { ref: "ColorBrand.20" }],
+  // 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_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" }],
+  // var(--triplex-Calendar-View_Item_Color_Default)
+  View_Item_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.70" }],
+  // var(--triplex-Calendar-View_Item_Color_Disabled)
+  View_Item_Color_Muted: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.70" }],
+  // var(--triplex-Calendar-View_Item_Color_Muted)
+  View_Item_Color_Selected: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-Calendar-View_Item_Color_Selected)
+  View_Item_Color_Selected_Muted_Default: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }],
+  // var(--triplex-Calendar-View_Item_Color_Selected_Muted_Default)
+  View_Item_Color_Selected_Muted_Hover: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }],
+  // var(--triplex-Calendar-View_Item_Color_Selected_Muted_Hover)
+  View_Item_Mark_Basic_Background_Default: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorDarkNeutralAlpha.60" }],
+  // var(--triplex-Calendar-View_Item_Mark_Basic_Background_Default)
+  View_Item_Mark_Basic_Background_Selected_Default: [
+    { ref: "ColorDarkNeutralAlpha.70" },
+    { ref: "ColorDarkNeutralAlpha.60" }
+  ],
+  // var(--triplex-Calendar-View_Item_Mark_Basic_Background_Selected_Default)
+  View_Item_Mark_Basic_Background_Selected_Hover: [
+    { ref: "ColorDarkNeutralAlpha.70" },
+    { ref: "ColorDarkNeutralAlpha.60" }
+  ],
+  // var(--triplex-Calendar-View_Item_Mark_Basic_Background_Selected_Hover)
+  View_Item_Mark_Standard_Background_Default: [{ ref: "ColorSuccess.50" }, { ref: "ColorSuccess.50" }],
+  // var(--triplex-Calendar-View_Item_Mark_Standard_Background_Default)
+  View_Item_Mark_Standard_Background_Selected_Default: [{ ref: "ColorSuccess.50" }, { ref: "ColorSuccess.50" }],
+  // var(--triplex-Calendar-View_Item_Mark_Standard_Background_Selected_Default)
+  View_Item_Mark_Standard_Background_Selected_Hover: [{ ref: "ColorSuccess.50" }, { ref: "ColorSuccess.50" }],
+  // var(--triplex-Calendar-View_Item_Mark_Standard_Background_Selected_Hover)
+  View_Item_Mark_Attention_Background_Default: [{ ref: "ColorWarning.50" }, { ref: "ColorWarning.50" }],
+  // var(--triplex-Calendar-View_Item_Mark_Attention_Background_Default)
+  View_Item_Mark_Attention_Background_Selected_Default: [{ ref: "ColorWarning.50" }, { ref: "ColorWarning.50" }],
+  // var(--triplex-Calendar-View_Item_Mark_Attention_Background_Selected_Default)
+  View_Item_Mark_Attention_Background_Selected_Hover: [{ ref: "ColorWarning.50" }, { ref: "ColorWarning.50" }],
+  // var(--triplex-Calendar-View_Item_Mark_Attention_Background_Selected_Hover)
+  View_Item_Mark_Critical_Background_Default: [{ ref: "ColorError.50" }, { ref: "ColorError.50" }],
+  // var(--triplex-Calendar-View_Item_Mark_Critical_Background_Default)
+  View_Item_Mark_Critical_Background_Selected_Default: [{ ref: "ColorError.50" }, { ref: "ColorError.50" }],
+  // var(--triplex-Calendar-View_Item_Mark_Critical_Background_Selected_Default)
+  View_Item_Mark_Critical_Background_Selected_Hover: [{ ref: "ColorError.50" }, { ref: "ColorError.50" }]
+  // var(--triplex-Calendar-View_Item_Mark_Critical_Background_Selected_Hover)
+};
+export {
+  r as Calendar_Tokens,
+  e as designTokensComponentsCalendarKeys
+};
+//# sourceMappingURL=Calendar.js.map

package/components/DesignTokens/components/Divider.js

@@ -1,9 +1,9 @@
-const e = ["Background"], o = {
-  Background: [{ ref: "ColorNeutral.20" }, { value: "#D6D9E0" }]
+const o = ["Background"], e = {
+  Background: [{ ref: "ColorNeutral.20" }, { ref: "ColorDarkNeutral.80" }]
   // var(--triplex-next-Divider-Background)
 };
 export {
-  o as Divider_Tokens,
-  e as designTokensComponentsDividerKeys
+  e as Divider_Tokens,
+  o as designTokensComponentsDividerKeys
 };
 //# sourceMappingURL=Divider.js.map

package/components/DesignTokens/components/ModalWindow.js

@@ -0,0 +1,11 @@
+const o = ["Background", "Backdrop_Background"], r = {
+  Background: [{ ref: "ColorNeutral.60" }, { ref: "ColorDarkNeutral.20" }],
+  // var(--triplex-next-ModalWindow-Background)
+  Backdrop_Background: [{ ref: "ColorDarkNeutralAlpha.30" }, { ref: "ColorDarkNeutralAlpha.90" }]
+  // var(--triplex-next-ModalWindow-Backdrop_Background)
+};
+export {
+  r as ModalWindow_Tokens,
+  o as designTokensComponentsModalWindowKeys
+};
+//# sourceMappingURL=ModalWindow.js.map