@sberbusiness/triplex-next 1.1.1 → 1.2.0

package/components/DesignTokens/DesignTokensComponentsThemeDark.js

@@ -1,113 +1,128 @@
+import { Divider_Tokens as e } from "./components/Divider.js";
 import { ETriplexNextTheme as o } from "../ThemeProvider/ETriplexNextTheme.js";
-import { GetTokensValueByTheme as e } from "./GetTokensValueByTheme.js";
-import { Button_Tokens as r } from "./components/Button.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 { Loader_Tokens as s } from "./components/Loader.js";
-import { LoaderWidget_Tokens as p } from "./components/LoaderWidget.js";
-import { Radio_Tokens as T } from "./components/Radio.js";
-import { Typography_Tokens as D } from "./components/Typography.js";
-import { Tooltip_Tokens as k } from "./components/Tooltip.js";
-import { AlertContext_Tokens as a } from "./components/AlertContext.js";
-import { AlertProcess_Tokens as A } from "./components/AlertProcess.js";
-import { Dropdown_Tokens as f } from "./components/Dropdown.js";
-import { DropdownList_Tokens as R } from "./components/DropdownList.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 { LoaderWidget_Tokens as k } from "./components/LoaderWidget.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 K } from "./components/DropdownMobileList.js";
-import { Overlay_Tokens as _ } 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 L } from "./components/ListMaster.js";
-import { Page_Tokens as C } from "./components/Page.js";
-import { UploadZone_Tokens as P } from "./components/UploadZone.js";
-import { Pagination_Tokens as b } from "./components/Pagination.js";
-import { Card_Tokens as w } from "./components/Card.js";
-import { Skeleton_Tokens as S } from "./components/Skeleton.js";
-import { SegmentedControl_Tokens as h } from "./components/SegmentedControl.js";
-import { SegmentedControlSegment_Tokens as x } from "./components/SegmentedControlSegment.js";
-import { HeaderPage_Tokens as y } from "./components/HeaderPage.js";
-import { FooterPage_Tokens as F } from "./components/FooterPage.js";
-import { Island_Tokens as I } from "./components/Island.js";
-const Do = {
-  Button: e(o.DARK, r),
-  Checkbox: e(o.DARK, t),
-  FormField: e(o.DARK, m),
-  Radio: e(o.DARK, T),
-  Link: e(o.DARK, n),
-  Loader: e(o.DARK, s),
-  Tabs: e(o.DARK, i),
-  LoaderWidget: e(
-    o.DARK,
-    p
-  ),
-  Typography: e(
+import { DropdownMobileList_Tokens as l } 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 S } from "./components/ListMaster.js";
+import { Marker_Tokens as b } from "./components/Marker.js";
+import { MarkerStatus_Tokens as M } from "./components/MarkerStatus.js";
+import { Page_Tokens as P } from "./components/Page.js";
+import { UploadZone_Tokens as h } from "./components/UploadZone.js";
+import { Pagination_Tokens as w } from "./components/Pagination.js";
+import { Card_Tokens as u } 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 F } from "./components/SegmentedControlSegment.js";
+import { Stepper_Tokens as I } from "./components/Stepper.js";
+import { HeaderPage_Tokens as c } from "./components/HeaderPage.js";
+import { FooterPage_Tokens as B } from "./components/FooterPage.js";
+import { Island_Tokens as v } from "./components/Island.js";
+import { Chip_Tokens as H } from "./components/Chip.js";
+const So = {
+  AlertContext: r(
     o.DARK,
-    D
+    f
   ),
-  Tooltip: e(o.DARK, k),
-  AlertContext: e(
+  AlertProcess: r(
     o.DARK,
-    a
+    R
   ),
-  AlertProcess: e(
+  Button: r(o.DARK, t),
+  Card: r(o.DARK, u),
+  Checkbox: r(o.DARK, m),
+  Chip: r(o.DARK, H),
+  Divider: r(o.DARK, e),
+  Dropdown: r(o.DARK, K),
+  DropdownList: r(
     o.DARK,
-    A
+    _
   ),
-  Dropdown: e(o.DARK, f),
-  DropdownList: e(
+  DropdownMobile: r(
     o.DARK,
-    R
+    d
   ),
-  DropdownMobile: e(
+  DropdownMobileList: r(
     o.DARK,
-    d
+    l
   ),
-  DropdownMobileList: e(
+  FooterPage: r(
     o.DARK,
-    K
+    B
   ),
-  Overlay: e(o.DARK, _),
-  ListItem: e(o.DARK, l),
-  ListItemControlsButton: e(
+  FormField: r(o.DARK, n),
+  HeaderPage: r(
     o.DARK,
-    g
+    c
   ),
-  ListMaster: e(
+  Island: r(o.DARK, v),
+  Link: r(o.DARK, i),
+  ListItem: r(o.DARK, L),
+  ListItemControlsButton: r(
     o.DARK,
-    L
+    C
   ),
-  Page: e(o.DARK, C),
-  UploadZone: e(
+  ListMaster: r(
     o.DARK,
-    P
+    S
   ),
-  Pagination: e(
+  Loader: r(o.DARK, T),
+  LoaderWidget: r(
     o.DARK,
-    b
+    k
   ),
-  Card: e(o.DARK, w),
-  Skeleton: e(o.DARK, S),
-  SegmentedControl: e(
+  Marker: r(o.DARK, b),
+  MarkerStatus: r(
     o.DARK,
-    h
+    M
   ),
-  SegmentedControlSegment: e(
+  Overlay: r(o.DARK, g),
+  Page: r(o.DARK, P),
+  Pagination: r(
     o.DARK,
-    x
+    w
   ),
-  HeaderPage: e(
+  Radio: r(o.DARK, D),
+  SegmentedControl: r(
     o.DARK,
     y
   ),
-  FooterPage: e(
+  SegmentedControlSegment: r(
     o.DARK,
     F
   ),
-  Island: e(o.DARK, I)
+  Skeleton: r(o.DARK, x),
+  Stepper: r(o.DARK, I),
+  Tabs: r(o.DARK, s),
+  TabsLine: r(o.DARK, p),
+  Tooltip: r(o.DARK, A),
+  Typography: r(
+    o.DARK,
+    a
+  ),
+  UploadZone: r(
+    o.DARK,
+    h
+  )
 };
 export {
-  Do as DesignTokensComponentsThemeDark
+  So as DesignTokensComponentsThemeDark
 };
 //# sourceMappingURL=DesignTokensComponentsThemeDark.js.map

package/components/DesignTokens/components/Card.js

@@ -1,4 +1,4 @@
-const r = [
+const e = [
   // Static card backgrounds (CardStatic)
   "Static_General_Background",
   "Static_Secondary_Background",
@@ -11,43 +11,46 @@ const r = [
   "Action_Secondary_Background_Hover",
   "Action_Secondary_Background_Selected",
   "Action_Secondary_Background_Selected_Hover",
-  // Common
-  "BorderColor_Focus",
+  // Shadow
   "Shadow_Default",
-  "Shadow_Hover"
-], e = {
+  "Shadow_Focus",
+  "Shadow_Hover",
+  "Shadow_Selected"
+], r = {
   // Static (CardStatic)
   Static_General_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.60" }],
   // var(--triplex-next-Card-Static_General_Background)
   Static_Secondary_Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
   // var(--triplex-next-Card-Static_Secondary_Background)
   // Action (CardAction)
-  Action_General_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.60" }],
+  Action_General_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
   // var(--triplex-next-Card-Action_General_Background)
-  Action_General_Background_Hover: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.70" }],
+  Action_General_Background_Hover: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.60" }],
   // var(--triplex-next-Card-Action_General_Background_Hover)
-  Action_General_Background_Selected: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
+  Action_General_Background_Selected: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.70" }],
   // var(--triplex-next-Card-Action_General_Background_Selected)
-  Action_General_Background_Selected_Hover: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.80" }],
+  Action_General_Background_Selected_Hover: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-Card-Action_General_Background_Selected_Hover)
-  Action_Secondary_Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
+  Action_Secondary_Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.70" }],
   // var(--triplex-next-Card-Action_Secondary_Background)
-  Action_Secondary_Background_Hover: [{ ref: "ColorNeutral.60" }, { ref: "ColorDarkNeutral.60" }],
+  Action_Secondary_Background_Hover: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-Card-Action_Secondary_Background_Hover)
-  Action_Secondary_Background_Selected: [{ ref: "ColorNeutral.40" }, { ref: "ColorDarkNeutral.70" }],
+  Action_Secondary_Background_Selected: [{ ref: "ColorNeutral.50" }, { ref: "ColorDarkNeutral.90" }],
   // var(--triplex-next-Card-Action_Secondary_Background_Selected)
-  Action_Secondary_Background_Selected_Hover: [{ ref: "ColorNeutral.40" }, { ref: "ColorDarkNeutral.70" }],
+  Action_Secondary_Background_Selected_Hover: [{ ref: "ColorNeutral.30" }, { ref: "ColorDarkNeutral.100" }],
   // var(--triplex-next-Card-Action_Secondary_Background_Selected_Hover)
-  // Common
-  BorderColor_Focus: [{ ref: "ColorWarning.80" }, { ref: "ColorWarning.80" }],
-  // var(--triplex-next-Card-BorderColor_Focus)
-  Shadow_Default: [{ value: "0 0 7px 0 rgba(31, 31, 34, 0.25)" }, { value: "0 0 7px 0 rgba(0, 0, 0, 0.35)" }],
+  // Shadow
+  Shadow_Default: [{ value: "0 2px 12px 0 rgba(31, 31, 34, 0.12)" }, { value: "none" }],
   // var(--triplex-next-Card-Shadow_Default)
-  Shadow_Hover: [{ value: "0 0 14px 0 rgba(31, 31, 34, 0.25)" }, { value: "0 0 14px 0 rgba(0, 0, 0, 0.35)" }]
+  Shadow_Focus: [{ value: "0 0 0 1px rgba(255, 209, 105) inset" }, { value: "0 0 0 1px rgba(255, 209, 105) inset" }],
+  // var(--triplex-next-Card-Shadow_Focus)
+  Shadow_Hover: [{ value: "0 4px 12px 0 rgba(31, 31, 34, 0.16)" }, { value: "none" }],
   // var(--triplex-next-Card-Shadow_Hover)
+  Shadow_Selected: [{ value: "0 0 0 1px rgb(33, 161, 154) inset" }, { value: "0 0 0 1px rgb(33, 161, 154) inset" }]
+  // var(--triplex-next-Card-Shadow_Selected)
 };
 export {
-  e as Card_Tokens,
-  r as designTokensComponentsCardKeys
+  r as Card_Tokens,
+  e as designTokensComponentsCardKeys
 };
 //# sourceMappingURL=Card.js.map

package/components/DesignTokens/components/Checkbox.js

@@ -1,35 +1,53 @@
-const r = [
+const e = [
   "Background_Default",
   "Background_Checked_Default",
+  "Background_Checked_Disabled",
   "Background_Checked_Hover",
   "Background_Disabled",
+  "Background_Hover",
+  "BorderColor_Default",
+  "BorderColor_Disabled",
   "BorderColor_Focus",
+  "BorderColor_Hover",
+  "BorderColor_Checked_Default",
+  "BorderColor_Checked_Disabled",
   "Checkmark_Fill_Default",
-  "Checkmark_Fill_Disabled",
-  "Color_Default",
-  "Color_Disabled"
-], e = {
+  "Checkmark_Fill_Disabled"
+], r = {
   Background_Checked_Default: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.50" }],
   // var(--triplex-next-Checkbox-Background_Checked_Default)
+  Background_Checked_Disabled: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.80" }],
+  // var(--triplex-next-Checkbox-Background_Checked_Disabled)
   Background_Checked_Hover: [{ ref: "ColorBrand.30" }, { ref: "ColorBrand.30" }],
   // var(--triplex-next-Checkbox-Background_Checked_Hover)
-  Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
+  Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-Checkbox-Background_Default)
-  Background_Disabled: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
+  Background_Disabled: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.60" }],
   // var(--triplex-next-Checkbox-Background_Disabled)
+  Background_Hover: [{ ref: "ColorBrand.60" }, { ref: "ColorBrand.60" }],
+  // var(--triplex-next-Checkbox-Background_Hover)
+  BorderColor_Default: [
+    { value: "0 0 0 1px rgba(31, 31, 34, 0.25) inset" },
+    { value: "0 0 0 1px rgba(255, 255, 255, 0.35) inset" }
+  ],
+  // var(--triplex-next-Checkbox-BorderColor_Default)
+  BorderColor_Disabled: [{ value: "0 0 0 1px #E3E6EA inset" }, { value: "0 0 0 1px #4F4F52 inset" }],
+  // var(--triplex-next-Checkbox-BorderColor_Disabled)
   BorderColor_Focus: [{ value: "0 0 0 1px #FFD169 inset" }, { value: "0 0 0 1px #FFD169 inset" }],
   // var(--triplex-next-Checkbox-BorderColor_Focus)
+  BorderColor_Hover: [{ value: "none" }, { value: "none" }],
+  // var(--triplex-next-Checkbox-BorderColor_Hover)
+  BorderColor_Checked_Default: [{ value: "none" }, { value: "none" }],
+  // var(--triplex-next-Checkbox-BorderColor_Checked_Default)
+  BorderColor_Checked_Disabled: [{ value: "none" }, { value: "none" }],
+  // var(--triplex-next-Checkbox-BorderColor_Checked_Disabled)
   Checkmark_Fill_Default: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
   // var(--triplex-next-Checkbox-Checkmark_Fill_Default)
-  Checkmark_Fill_Disabled: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
+  Checkmark_Fill_Disabled: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }]
   // var(--triplex-next-Checkbox-Checkmark_Fill_Disabled)
-  Color_Default: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
-  // var(--triplex-next-Checkbox-Color_Default)
-  Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }]
-  // var(--triplex-next-Checkbox-Color_Disabled)
 };
 export {
-  e as Checkbox_Tokens,
-  r as designTokensComponentsCheckboxKeys
+  r as Checkbox_Tokens,
+  e as designTokensComponentsCheckboxKeys
 };
 //# sourceMappingURL=Checkbox.js.map

package/components/DesignTokens/components/Chip.js

@@ -0,0 +1,59 @@
+const e = [
+  "Background_Active",
+  "Background_Default",
+  "Background_Disabled",
+  "Background_Hover",
+  "Background_Selected_Active",
+  "Background_Selected_Default",
+  "Background_Selected_Disabled",
+  "Background_Selected_Hover",
+  "Color_Active",
+  "Color_Default",
+  "Color_Disabled",
+  "Color_Hover",
+  "Color_Selected_Active",
+  "Color_Selected_Default",
+  "Color_Selected_Disabled",
+  "Color_Selected_Hover",
+  "Shadow_Focus"
+], r = {
+  Background_Active: [{ ref: "ColorNeutral.40" }, { ref: "ColorDarkNeutral.100" }],
+  // var(--triplex-next-Chip-Background_Active)
+  Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
+  // var(--triplex-next-Chip-Background_Default)
+  Background_Disabled: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
+  // var(--triplex-next-Chip-Background_Disabled)
+  Background_Hover: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.90" }],
+  // var(--triplex-next-Chip-Background_Hover)
+  Background_Selected_Active: [{ ref: "ColorDarkNeutral.100" }, { ref: "ColorNeutral.40" }],
+  // var(--triplex-next-Chip-Background_Selected_Active)
+  Background_Selected_Default: [{ ref: "ColorDarkNeutral.70" }, { ref: "ColorNeutral.90" }],
+  // var(--triplex-next-Chip-Background_Selected_Default)
+  Background_Selected_Disabled: [{ ref: "ColorDarkNeutral.60" }, { ref: "ColorNeutral.90" }],
+  // var(--triplex-next-Chip-Background_Selected_Disabled)
+  Background_Selected_Hover: [{ ref: "ColorDarkNeutral.90" }, { ref: "ColorNeutral.70" }],
+  // var(--triplex-next-Chip-Background_Selected_Hover)
+  Color_Active: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-Chip-Color_Active)
+  Color_Default: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-Chip-Color_Default)
+  Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }],
+  // var(--triplex-next-Chip-Color_Disabled)
+  Color_Hover: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-Chip-Color_Hover)
+  Color_Selected_Active: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorDarkNeutralAlpha.0" }],
+  // var(--triplex-next-Chip-Color_Selected_Active)
+  Color_Selected_Default: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorDarkNeutralAlpha.0" }],
+  // var(--triplex-next-Chip-Color_Selected_Default)
+  Color_Selected_Disabled: [{ ref: "ColorNeutralAlpha.80" }, { ref: "ColorDarkNeutralAlpha.70" }],
+  // var(--triplex-next-Chip-Color_Selected_Disabled)
+  Color_Selected_Hover: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorDarkNeutralAlpha.0" }],
+  // var(--triplex-next-Chip-Color_Selected_Hover)
+  Shadow_Focus: [{ value: "0 0 0 1px #FFD169 inset" }, { value: "0 0 0 1px #FFD169 inset" }]
+  // var(--triplex-next-Chip-Shadow_Focus)
+};
+export {
+  r as Chip_Tokens,
+  e as designTokensComponentsChipKeys
+};
+//# sourceMappingURL=Chip.js.map

package/components/DesignTokens/components/Divider.js

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

package/components/DesignTokens/components/Dropdown.js

@@ -1,5 +1,5 @@
 const o = ["Background", "Shadow"], e = {
-  Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.30" }],
+  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" }]
   // var(--triplex-next-Dropdown-Shadow)

package/components/DesignTokens/components/DropdownList.js

@@ -4,11 +4,11 @@ const o = [
   "Background_Selected",
   "Color"
 ], e = {
-  Background_Active: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.100" }],
+  Background_Active: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.70" }],
   // var(--triplex-next-DropdownList-Background_Active)
   Background_Default: [{ value: "none" }, { value: "none" }],
   // var(--triplex-next-DropdownList-Background_Default)
-  Background_Selected: [{ ref: "ColorNeutral.30" }, { ref: "ColorDarkNeutral.60" }],
+  Background_Selected: [{ ref: "ColorNeutral.30" }, { ref: "ColorDarkNeutral.100" }],
   // var(--triplex-next-DropdownList-Background_Selected)
   Color: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }]
   // var(--triplex-next-DropdownList-Color)

package/components/DesignTokens/components/DropdownMobile.js

@@ -9,11 +9,11 @@ const r = [
   // var(--triplex-next-DropdownMobile-Backdrop)
   Border_Color: [{ ref: "ColorNeutral.20" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-DropdownMobile-Border_Color)
-  Content_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.30" }],
+  Content_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
   // var(--triplex-next-DropdownMobile-Content_Background)
-  Footer_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.30" }],
+  Footer_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
   // var(--triplex-next-DropdownMobile-Footer_Background)
-  Header_Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.40" }]
+  Header_Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.60" }]
   // var(--triplex-next-DropdownMobile-Header_Background)
 };
 export {

package/components/DesignTokens/components/FooterPage.js

@@ -1,6 +1,6 @@
-const o = ["Background"], e = {
-  Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.40" }]
-  // var(--triplex-next-FooterPage-Background)
+const o = ["StickyShadow"], e = {
+  StickyShadow: [{ value: "0 -2px 7px 0 rgba(31, 31, 34, 0.08)" }, { value: "0 -2px 7px 0 rgba(0, 0, 0, 0.35)" }]
+  // var(--triplex-next-FooterPage-StickyShadow)
 };
 export {
   e as FooterPage_Tokens,

package/components/DesignTokens/components/HeaderPage.js

@@ -1,9 +1,9 @@
-const e = ["Background"], o = {
-  Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.40" }]
-  // var(--triplex-next-HeaderPage-Background)
+const e = ["StickyShadow"], a = {
+  StickyShadow: [{ value: "0 2px 7px 0 rgba(31, 31, 34, 0.08)" }, { value: "0 2px 7px 0 rgba(0, 0, 0, 0.35)" }]
+  // var(--triplex-next-HeaderPage-StickyShadow)
 };
 export {
-  o as HeaderPage_Tokens,
+  a as HeaderPage_Tokens,
   e as designTokensComponentsHeaderPageKeys
 };
 //# sourceMappingURL=HeaderPage.js.map

package/components/DesignTokens/components/ListItemControlsButton.js

@@ -1,8 +1,23 @@
-const o = ["Background", "Color"], r = {
-  Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.10" }],
-  // var(--triplex-next-ListItemControlsButton-Background)
-  Color: [{ ref: "ColorDarkNeutral.10" }, { ref: "ColorNeutral.90" }]
-  // var(--triplex-next-ListItemControlsButton-Color)
+const o = [
+  "Background_Active",
+  "Background_Default",
+  "Background_Hover",
+  "Color_Active",
+  "Color_Default",
+  "Color_Hover"
+], r = {
+  Background_Active: [{ ref: "ColorNeutral.30" }, { ref: "ColorDarkNeutral.100" }],
+  // var(--triplex-next-ListItemControlsButton-Background_Active)
+  Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.60" }],
+  // var(--triplex-next-ListItemControlsButton-Background_Default)
+  Background_Hover: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.80" }],
+  // var(--triplex-next-ListItemControlsButton-Background_Hover)
+  Color_Active: [{ ref: "ColorBrand.30" }, { ref: "ColorBrand.40" }],
+  // var(--triplex-next-ListItemControlsButton-Color_Active)
+  Color_Default: [{ ref: "ColorBrand.40" }, { ref: "ColorBrand.60" }],
+  // var(--triplex-next-ListItemControlsButton-Color_Default)
+  Color_Hover: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.70" }]
+  // var(--triplex-next-ListItemControlsButton-Color_Hover)
 };
 export {
   r as ListItemControlsButton_Tokens,

package/components/DesignTokens/components/Marker.js

@@ -0,0 +1,20 @@
+const r = [
+  "Background_Error",
+  "Background_Success",
+  "Background_Waiting",
+  "Background_Warning"
+], o = {
+  Background_Error: [{ ref: "ColorError.60" }, { ref: "ColorError.60" }],
+  // var(--triplex-next-Marker-Background_Error)
+  Background_Success: [{ ref: "ColorBrand.60" }, { ref: "ColorBrand.70" }],
+  // var(--triplex-next-Marker-Background_Success)
+  Background_Waiting: [{ ref: "ColorSystem.60" }, { ref: "ColorSystem.70" }],
+  // var(--triplex-next-Marker-Background_Waiting)
+  Background_Warning: [{ ref: "ColorWarning.60" }, { ref: "ColorWarning.70" }]
+  // var(--triplex-next-Marker-Background_Warning)
+};
+export {
+  o as Marker_Tokens,
+  r as designTokensComponentsMarkerKeys
+};
+//# sourceMappingURL=Marker.js.map

package/components/DesignTokens/components/MarkerStatus.js

@@ -0,0 +1,9 @@
+const o = ["Description_Color"], e = {
+  Description_Color: [{ value: "rgba(0, 0, 0, 0.55)" }, { value: "rgba(255, 255, 255, 0.55)" }]
+  // var(--triplex-next-MarkerStatus-Description_Color)
+};
+export {
+  e as MarkerStatus_Tokens,
+  o as designTokensComponentsMarkerStatusKeys
+};
+//# sourceMappingURL=MarkerStatus.js.map

package/components/DesignTokens/components/Radio.js

@@ -1,41 +1,50 @@
-const r = [
+const e = [
   "Background_Checked_Default",
   "Background_Checked_Disabled",
   "Background_Checked_Hover",
   "Background_Default",
   "Background_Disabled",
   "Background_Hover",
+  "BorderColor_Default",
+  "BorderColor_Disabled",
   "BorderColor_Focused",
-  "Color_Default",
-  "Color_Disabled",
+  "BorderColor_Checked_Default",
+  "BorderColor_Checked_Disabled",
   "Dot_Default",
   "Dot_Disabled"
-], o = {
+], r = {
   Background_Checked_Default: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.50" }],
   // var(--triplex-next-Radio-Background_Checked_Default)
-  Background_Checked_Disabled: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
+  Background_Checked_Disabled: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-Radio-Background_Checked_Disabled)
   Background_Checked_Hover: [{ ref: "ColorBrand.30" }, { ref: "ColorBrand.30" }],
   // var(--triplex-next-Radio-Background_Checked_Hover)
-  Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
+  Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-Radio-Background_Default)
-  Background_Disabled: [{ ref: "ColorNeutral.90" }, { ref: "ColorNeutralAlpha.90" }],
+  Background_Disabled: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.60" }],
   // var(--triplex-next-Radio-Background_Disabled)
   Background_Hover: [{ ref: "ColorBrand.60" }, { ref: "ColorBrand.60" }],
   // var(--triplex-next-Radio-Background_Hover)
+  BorderColor_Default: [
+    { value: "0 0 0 1px rgba(31, 31, 34, 0.25) inset" },
+    { value: "0 0 0 1px rgba(255, 255, 255, 0.35) inset" }
+  ],
+  // var(--triplex-next-Radio-BorderColor_Default)
+  BorderColor_Disabled: [{ value: "0 0 0 1px #E3E6EA inset" }, { value: "0 0 0 1px #4F4F52 inset" }],
+  // var(--triplex-next-Radio-BorderColor_Disabled)
   BorderColor_Focused: [{ value: "0 0 0 1px #FFD169 inset" }, { value: "0 0 0 1px #FFD169 inset" }],
   // var(--triplex-next-Radio-BorderColor_Focused)
-  Color_Default: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
-  // var(--triplex-next-Radio-Color_Default)
-  Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }],
-  // var(--triplex-next-Radio-Color_Disabled)
+  BorderColor_Checked_Default: [{ value: "none" }, { value: "none" }],
+  // var(--triplex-next-Radio-BorderColor_Checked_Default)
+  BorderColor_Checked_Disabled: [{ value: "none" }, { value: "none" }],
+  // var(--triplex-next-Radio-BorderColor_Checked_Disabled)
   Dot_Default: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
   // var(--triplex-next-Radio-Dot_Default)
   Dot_Disabled: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }]
   // var(--triplex-next-Radio-Dot_Disabled)
 };
 export {
-  o as Radio_Tokens,
-  r as designTokensComponentsRadioKeys
+  r as Radio_Tokens,
+  e as designTokensComponentsRadioKeys
 };
 //# sourceMappingURL=Radio.js.map