@sberbusiness/triplex-next 0.1.8 → 0.10.0

package/components/DesignTokens/DesignTokensComponents.js

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

package/components/DesignTokens/DesignTokensComponentsThemeDark.js

@@ -1,111 +1,190 @@
+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 { DropdownMobile_Tokens as K } from "./components/DropdownMobile.js";
-import { DropdownMobileList_Tokens as _ } from "./components/DropdownMobileList.js";
-import { Overlay_Tokens as d } 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 { GetTokensValueByTheme as r } from "./GetTokensValueByTheme.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 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 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 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 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";
-const po = {
-  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 { 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 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,
-    D
+    R
   ),
-  Tooltip: e(o.DARK, k),
-  AlertContext: e(
+  AlertProcess: r(
     o.DARK,
-    A
+    d
   ),
-  AlertProcess: e(
+  AmountField: r(
     o.DARK,
-    a
+    t
   ),
-  Dropdown: e(o.DARK, f),
-  DropdownList: e(
+  Button: r(o.DARK, m),
+  Calendar: r(o.DARK, i),
+  Card: r(o.DARK, w),
+  Checkbox: r(o.DARK, n),
+  Chip: r(o.DARK, Z),
+  Divider: r(o.DARK, e),
+  Dropdown: r(o.DARK, K),
+  DropdownList: r(
     o.DARK,
-    R
+    _
   ),
-  DropdownMobile: e(
+  DropdownMobile: r(
     o.DARK,
-    K
+    S
   ),
-  DropdownMobileList: e(
+  DropdownMobileList: r(
     o.DARK,
-    _
+    g
   ),
-  Overlay: e(o.DARK, d),
-  ListItem: e(o.DARK, l),
-  ListItemControlsButton: e(
+  FooterPage: r(
     o.DARK,
-    g
+    O
+  ),
+  FormField: r(o.DARK, s),
+  HeaderPage: r(
+    o.DARK,
+    v
   ),
-  ListMaster: e(
+  Island: r(o.DARK, W),
+  IslandAccordion: r(
     o.DARK,
-    L
+    N
   ),
-  Page: e(o.DARK, C),
-  UploadZone: e(
+  IslandWidget: r(
     o.DARK,
-    P
+    H
   ),
-  Pagination: e(
+  LightBox: r(o.DARK, E),
+  Link: r(o.DARK, p),
+  ListItem: r(o.DARK, c),
+  ListItemControlsButton: r(
+    o.DARK,
+    C
+  ),
+  ListMaster: r(
+    o.DARK,
+    M
+  ),
+  Loader: r(o.DARK, k),
+  LoaderScreen: r(
+    o.DARK,
+    D
+  ),
+  Marker: r(o.DARK, u),
+  MarkerStatus: r(
     o.DARK,
     b
   ),
-  Card: e(o.DARK, w),
-  Skeleton: e(o.DARK, S),
-  SegmentedControl: e(
+  ModalWindow: r(
     o.DARK,
-    h
+    Q
+  ),
+  MultiselectField: r(
+    o.DARK,
+    F
   ),
-  SegmentedControlSegment: e(
+  Notification: r(
     o.DARK,
-    x
+    j
+  ),
+  Overlay: r(o.DARK, L),
+  Pagination: r(
+    o.DARK,
+    h
   ),
-  HeaderPage: e(
+  Radio: r(o.DARK, A),
+  SegmentedControl: r(
     o.DARK,
     y
   ),
-  FooterPage: e(
+  SegmentedControlSegment: r(
     o.DARK,
-    F
+    B
+  ),
+  Skeleton: r(o.DARK, x),
+  SmallInput: r(
+    o.DARK,
+    Y
+  ),
+  SMSField: r(o.DARK, q),
+  Slider: r(o.DARK, $),
+  StatusTracker: r(
+    o.DARK,
+    z
+  ),
+  Step: r(o.DARK, J),
+  Stepper: r(o.DARK, P),
+  TableBasic: r(
+    o.DARK,
+    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,
+    X
+  ),
+  Typography: r(
+    o.DARK,
+    l
+  ),
+  UploadZone: r(
+    o.DARK,
+    I
   )
 };
 export {
-  po as DesignTokensComponentsThemeDark
+  rr 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/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/Button.js

@@ -17,6 +17,15 @@ const r = [
   "Secondary_Color_Disabled",
   "Secondary_Color_Hover",
   "Secondary_Shadow_Focus",
+  "SecondaryLight_Background_Active",
+  "SecondaryLight_Background_Default",
+  "SecondaryLight_Background_Disabled",
+  "SecondaryLight_Background_Hover",
+  "SecondaryLight_Color_Active",
+  "SecondaryLight_Color_Default",
+  "SecondaryLight_Color_Disabled",
+  "SecondaryLight_Color_Hover",
+  "SecondaryLight_Shadow_Focus",
   "Danger_Background_Active",
   "Danger_Background_Default",
   "Danger_Background_Disabled",
@@ -69,6 +78,24 @@ const r = [
   // var(--triplex-next-Button-Secondary_Color_Hover)
   Secondary_Shadow_Focus: [{ value: "0 0 0 1px #FFD169 inset" }, { value: "0 0 0 1px #FFD169 inset" }],
   // var(--triplex-next-Button-Secondary_Shadow_Focus)
+  SecondaryLight_Background_Active: [{ ref: "ColorNeutral.40" }, { ref: "ColorDarkNeutral.70" }],
+  // var(--triplex-next-Button-SecondaryLight_Background_Active)
+  SecondaryLight_Background_Default: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
+  // var(--triplex-next-Button-SecondaryLight_Background_Default)
+  SecondaryLight_Background_Disabled: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.60" }],
+  // var(--triplex-next-Button-SecondaryLight_Background_Disabled)
+  SecondaryLight_Background_Hover: [{ ref: "ColorNeutral.80" }, { ref: "ColorDarkNeutral.60" }],
+  // var(--triplex-next-Button-SecondaryLight_Background_Hover)
+  SecondaryLight_Color_Active: [{ ref: "ColorBrand.30" }, { ref: "ColorBrand.40" }],
+  // var(--triplex-next-Button-SecondaryLight_Color_Active)
+  SecondaryLight_Color_Default: [{ ref: "ColorBrand.40" }, { ref: "ColorBrand.60" }],
+  // var(--triplex-next-Button-SecondaryLight_Color_Default)
+  SecondaryLight_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }],
+  // var(--triplex-next-Button-SecondaryLight_Color_Disabled)
+  SecondaryLight_Color_Hover: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.70" }],
+  // var(--triplex-next-Button-SecondaryLight_Color_Hover)
+  SecondaryLight_Shadow_Focus: [{ value: "0 0 0 1px #FFD169 inset" }, { value: "0 0 0 1px #FFD169 inset" }],
+  // var(--triplex-next-Button-SecondaryLight_Shadow_Focus)
   Danger_Background_Active: [{ ref: "ColorError.30" }, { ref: "ColorError.30" }],
   // var(--triplex-next-Button-Danger_Background_Active)
   Danger_Background_Default: [{ ref: "ColorError.50" }, { ref: "ColorError.50" }],