@cloudscape-design/chat-components 1.0.142 → 1.0.144

package/internal/generated/styles/tokens.d.ts

@@ -336,8 +336,10 @@ export const colorBackgroundInlineCode: string;
 export const colorBackgroundInputDefault: string;
 export const colorBackgroundInputDisabled: string;
 export const colorBackgroundItemSelected: string;
+export const colorBackgroundSideNavigationItemActive: string;
 export const colorBackgroundLayoutMain: string;
 export const colorBackgroundDrawer: string;
+export const colorBackgroundBackdrop: string;
 export const colorBackgroundDrawerBackdrop: string;
 export const colorBackgroundLayoutMobilePanel: string;
 export const colorBackgroundLayoutPanel: string;
@@ -419,6 +421,7 @@ export const colorBorderButtonPrimaryDisabled: string;
 export const colorBorderButtonPrimaryHover: string;
 export const colorTextButtonPrimaryDisabled: string;
 export const colorItemSelected: string;
+export const colorTextSideNavigationItemActive: string;
 export const colorBorderCalendarGrid: string;
 export const colorBorderCalendarGridSelectedFocusRing: string;
 export const colorBorderCellShaded: string;
@@ -819,6 +822,7 @@ export const sizeIconNormal: string;
 export const sizeTableSelectionHorizontal: string;
 export const sizeVerticalInput: string;
 export const sizeVerticalPanelIconOffset: string;
+export const sizeSideNavigationItemHeight: string;
 export const spaceAlertActionLeft: string;
 export const spaceAlertHorizontal: string;
 export const spaceAlertMessageRight: string;
@@ -889,6 +893,8 @@ export const spaceTableHeaderToolsBottom: string;
 export const spaceTableHeaderToolsFullPageBottom: string;
 export const spaceTableHorizontal: string;
 export const spaceTreeViewIndentation: string;
+export const spaceSideNavigationItemGap: string;
+export const spaceSideNavigationItemCollapsedGap: string;
 export const spaceTileGutter: string;
 export const spaceActionCardHorizontalDefault: string;
 export const spaceActionCardHorizontalEmbedded: string;

package/internal/generated/styles/tokens.js

@@ -336,8 +336,10 @@ export var colorBackgroundInlineCode = "var(--color-background-inline-code-un8ud
 export var colorBackgroundInputDefault = "var(--color-background-input-default-ifz5bb, #ffffff)";
 export var colorBackgroundInputDisabled = "var(--color-background-input-disabled-dihaja, #ebebf0)";
 export var colorBackgroundItemSelected = "var(--color-background-item-selected-9gppru, #f0fbff)";
+export var colorBackgroundSideNavigationItemActive = "var(--color-background-side-navigation-item-active-adfprg, transparent)";
 export var colorBackgroundLayoutMain = "var(--color-background-layout-main-5ilwcb, #ffffff)";
 export var colorBackgroundDrawer = "var(--color-background-drawer-5hs0eh, #ffffff)";
+export var colorBackgroundBackdrop = "var(--color-background-backdrop-33f45f, rgba(35, 43, 55, 0.7))";
 export var colorBackgroundDrawerBackdrop = "var(--color-background-drawer-backdrop-ducxi3, rgba(35, 43, 55, 0.7))";
 export var colorBackgroundLayoutMobilePanel = "var(--color-background-layout-mobile-panel-ed0ava, #0f141a)";
 export var colorBackgroundLayoutPanel = "var(--color-background-layout-panel-jv6exs, #ffffff)";
@@ -419,6 +421,7 @@ export var colorBorderButtonPrimaryDisabled = "var(--color-border-button-primary
 export var colorBorderButtonPrimaryHover = "var(--color-border-button-primary-hover-rktx0f, #002b66)";
 export var colorTextButtonPrimaryDisabled = "var(--color-text-button-primary-disabled-q79gms, #8c8c94)";
 export var colorItemSelected = "var(--color-item-selected-72rnwy, #006ce0)";
+export var colorTextSideNavigationItemActive = "var(--color-text-side-navigation-item-active-w3c4dj, #006ce0)";
 export var colorBorderCalendarGrid = "var(--color-border-calendar-grid-67r4w4, transparent)";
 export var colorBorderCalendarGridSelectedFocusRing = "var(--color-border-calendar-grid-selected-focus-ring-jk1fb0, #f9f9fa)";
 export var colorBorderCellShaded = "var(--color-border-cell-shaded-0ipazf, #dedee3)";
@@ -819,6 +822,7 @@ export var sizeIconNormal = "var(--size-icon-normal-levt08, 16px)";
 export var sizeTableSelectionHorizontal = "var(--size-table-selection-horizontal-qqiajd, 40px)";
 export var sizeVerticalInput = "var(--size-vertical-input-p1d7xx, 32px)";
 export var sizeVerticalPanelIconOffset = "var(--size-vertical-panel-icon-offset-z959cw, 15px)";
+export var sizeSideNavigationItemHeight = "var(--size-side-navigation-item-height-lokap3, 28px)";
 export var spaceAlertActionLeft = "var(--space-alert-action-left-4s8zo5, 12px)";
 export var spaceAlertHorizontal = "var(--space-alert-horizontal-ul364s, 16px)";
 export var spaceAlertMessageRight = "var(--space-alert-message-right-mrjbnn, 4px)";
@@ -889,6 +893,8 @@ export var spaceTableHeaderToolsBottom = "var(--space-table-header-tools-bottom-
 export var spaceTableHeaderToolsFullPageBottom = "var(--space-table-header-tools-full-page-bottom-9m47g6, 4px)";
 export var spaceTableHorizontal = "var(--space-table-horizontal-suurzj, 20px)";
 export var spaceTreeViewIndentation = "var(--space-tree-view-indentation-xh9kis, 24px)";
+export var spaceSideNavigationItemGap = "var(--space-side-navigation-item-gap-5vlwdw, 0px)";
+export var spaceSideNavigationItemCollapsedGap = "var(--space-side-navigation-item-collapsed-gap-d9lti2, 8px)";
 export var spaceTileGutter = "var(--space-tile-gutter-bi2bdv, 24px)";
 export var spaceActionCardHorizontalDefault = "var(--space-action-card-horizontal-default-su1e86, 20px)";
 export var spaceActionCardHorizontalEmbedded = "var(--space-action-card-horizontal-embedded-pb8pj4, 12px)";

package/internal/generated/theming/index.cjs

@@ -1391,6 +1391,10 @@ module.exports.preset = {
         "light": "{colorPrimary50}",
         "dark": "{colorPrimary1000}"
       },
+      "colorBackgroundSideNavigationItemActive": {
+        "light": "transparent",
+        "dark": "transparent"
+      },
       "colorBackgroundLayoutMain": {
         "light": "{colorWhite}",
         "dark": "{colorNeutral850}"
@@ -1399,10 +1403,14 @@ module.exports.preset = {
         "light": "{colorBackgroundLayoutPanelContent}",
         "dark": "{colorBackgroundLayoutPanelContent}"
       },
-      "colorBackgroundDrawerBackdrop": {
+      "colorBackgroundBackdrop": {
         "light": "{colorGreyOpaque70}",
         "dark": "{colorGreyOpaque70}"
       },
+      "colorBackgroundDrawerBackdrop": {
+        "light": "{colorBackgroundBackdrop}",
+        "dark": "{colorBackgroundBackdrop}"
+      },
       "colorBackgroundLayoutMobilePanel": {
         "light": "{colorNeutral950}",
         "dark": "{colorNeutral950}"
@@ -1448,8 +1456,8 @@ module.exports.preset = {
         "dark": "{colorPrimary300}"
       },
       "colorBackgroundModalOverlay": {
-        "light": "{colorGreyOpaque70}",
-        "dark": "{colorGreyOpaque70}"
+        "light": "{colorBackgroundBackdrop}",
+        "dark": "{colorBackgroundBackdrop}"
       },
       "colorBackgroundNotificationBlue": {
         "light": "{colorInfo600}",
@@ -1723,6 +1731,10 @@ module.exports.preset = {
         "light": "{colorPrimary600}",
         "dark": "{colorPrimary400}"
       },
+      "colorTextSideNavigationItemActive": {
+        "light": "{colorTextAccent}",
+        "dark": "{colorTextAccent}"
+      },
       "colorBorderCalendarGrid": {
         "light": "transparent",
         "dark": "transparent"
@@ -2900,6 +2912,10 @@ module.exports.preset = {
         "comfortable": "15px",
         "compact": "13px"
       },
+      "sizeSideNavigationItemHeight": {
+        "comfortable": "28px",
+        "compact": "24px"
+      },
       "spaceAlertActionLeft": {
         "comfortable": "{spaceS}",
         "compact": "{spaceS}"
@@ -3180,6 +3196,14 @@ module.exports.preset = {
         "comfortable": "{spaceXl}",
         "compact": "{spaceXl}"
       },
+      "spaceSideNavigationItemGap": {
+        "comfortable": "0px",
+        "compact": "0px"
+      },
+      "spaceSideNavigationItemCollapsedGap": {
+        "comfortable": "{spaceXs}",
+        "compact": "{spaceXs}"
+      },
       "spaceTileGutter": {
         "comfortable": "{spaceXl}",
         "compact": "{spaceM}"
@@ -3734,6 +3758,14 @@ module.exports.preset = {
             "comfortable": "{spaceXl}",
             "compact": "{spaceXl}"
           },
+          "spaceSideNavigationItemGap": {
+            "comfortable": "0px",
+            "compact": "0px"
+          },
+          "spaceSideNavigationItemCollapsedGap": {
+            "comfortable": "{spaceXs}",
+            "compact": "{spaceXs}"
+          },
           "spaceTileGutter": {
             "comfortable": "{spaceXl}",
             "compact": "{spaceM}"
@@ -4168,6 +4200,10 @@ module.exports.preset = {
             "light": "{colorPrimary1000}",
             "dark": "{colorPrimary1000}"
           },
+          "colorBackgroundSideNavigationItemActive": {
+            "light": "transparent",
+            "dark": "transparent"
+          },
           "colorBackgroundLayoutMain": {
             "light": "{colorNeutral850}",
             "dark": "{colorNeutral850}"
@@ -4176,10 +4212,14 @@ module.exports.preset = {
             "light": "{colorBackgroundLayoutPanelContent}",
             "dark": "{colorBackgroundLayoutPanelContent}"
           },
-          "colorBackgroundDrawerBackdrop": {
+          "colorBackgroundBackdrop": {
             "light": "{colorGreyOpaque70}",
             "dark": "{colorGreyOpaque70}"
           },
+          "colorBackgroundDrawerBackdrop": {
+            "light": "{colorBackgroundBackdrop}",
+            "dark": "{colorBackgroundBackdrop}"
+          },
           "colorBackgroundLayoutMobilePanel": {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
@@ -4225,8 +4265,8 @@ module.exports.preset = {
             "dark": "{colorPrimary300}"
           },
           "colorBackgroundModalOverlay": {
-            "light": "{colorGreyOpaque70}",
-            "dark": "{colorGreyOpaque70}"
+            "light": "{colorBackgroundBackdrop}",
+            "dark": "{colorBackgroundBackdrop}"
           },
           "colorBackgroundNotificationBlue": {
             "light": "{colorInfo600}",
@@ -4500,6 +4540,10 @@ module.exports.preset = {
             "light": "{colorPrimary400}",
             "dark": "{colorPrimary400}"
           },
+          "colorTextSideNavigationItemActive": {
+            "light": "{colorTextAccent}",
+            "dark": "{colorTextAccent}"
+          },
           "colorBorderCalendarGrid": {
             "light": "transparent",
             "dark": "transparent"
@@ -5777,6 +5821,10 @@ module.exports.preset = {
             "light": "{colorPrimary1000}",
             "dark": "{colorPrimary1000}"
           },
+          "colorBackgroundSideNavigationItemActive": {
+            "light": "transparent",
+            "dark": "transparent"
+          },
           "colorBackgroundLayoutMain": {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
@@ -5785,10 +5833,14 @@ module.exports.preset = {
             "light": "{colorBackgroundLayoutPanelContent}",
             "dark": "{colorBackgroundLayoutPanelContent}"
           },
-          "colorBackgroundDrawerBackdrop": {
+          "colorBackgroundBackdrop": {
             "light": "{colorGreyOpaque70}",
             "dark": "{colorGreyOpaque70}"
           },
+          "colorBackgroundDrawerBackdrop": {
+            "light": "{colorBackgroundBackdrop}",
+            "dark": "{colorBackgroundBackdrop}"
+          },
           "colorBackgroundLayoutMobilePanel": {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
@@ -5834,8 +5886,8 @@ module.exports.preset = {
             "dark": "{colorPrimary300}"
           },
           "colorBackgroundModalOverlay": {
-            "light": "{colorGreyOpaque70}",
-            "dark": "{colorGreyOpaque70}"
+            "light": "{colorBackgroundBackdrop}",
+            "dark": "{colorBackgroundBackdrop}"
           },
           "colorBackgroundNotificationBlue": {
             "light": "{colorInfo600}",
@@ -6109,6 +6161,10 @@ module.exports.preset = {
             "light": "{colorPrimary400}",
             "dark": "{colorPrimary400}"
           },
+          "colorTextSideNavigationItemActive": {
+            "light": "{colorTextAccent}",
+            "dark": "{colorTextAccent}"
+          },
           "colorBorderCalendarGrid": {
             "light": "transparent",
             "dark": "transparent"
@@ -7314,6 +7370,10 @@ module.exports.preset = {
             "light": "{colorPrimary50}",
             "dark": "{colorPrimary1000}"
           },
+          "colorBackgroundSideNavigationItemActive": {
+            "light": "transparent",
+            "dark": "transparent"
+          },
           "colorBackgroundLayoutMain": {
             "light": "{colorWhite}",
             "dark": "{colorNeutral850}"
@@ -7322,10 +7382,14 @@ module.exports.preset = {
             "light": "{colorBackgroundLayoutPanelContent}",
             "dark": "{colorBackgroundLayoutPanelContent}"
           },
-          "colorBackgroundDrawerBackdrop": {
+          "colorBackgroundBackdrop": {
             "light": "{colorGreyOpaque70}",
             "dark": "{colorGreyOpaque70}"
           },
+          "colorBackgroundDrawerBackdrop": {
+            "light": "{colorBackgroundBackdrop}",
+            "dark": "{colorBackgroundBackdrop}"
+          },
           "colorBackgroundLayoutMobilePanel": {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
@@ -7371,8 +7435,8 @@ module.exports.preset = {
             "dark": "{colorPrimary300}"
           },
           "colorBackgroundModalOverlay": {
-            "light": "{colorGreyOpaque70}",
-            "dark": "{colorGreyOpaque70}"
+            "light": "{colorBackgroundBackdrop}",
+            "dark": "{colorBackgroundBackdrop}"
           },
           "colorBackgroundNotificationBlue": {
             "light": "{colorInfo600}",
@@ -7646,6 +7710,10 @@ module.exports.preset = {
             "light": "{colorPrimary600}",
             "dark": "{colorPrimary400}"
           },
+          "colorTextSideNavigationItemActive": {
+            "light": "{colorTextAccent}",
+            "dark": "{colorTextAccent}"
+          },
           "colorBorderCalendarGrid": {
             "light": "transparent",
             "dark": "transparent"
@@ -8716,6 +8784,10 @@ module.exports.preset = {
             "light": "{colorPrimary50}",
             "dark": "{colorPrimary1000}"
           },
+          "colorBackgroundSideNavigationItemActive": {
+            "light": "transparent",
+            "dark": "transparent"
+          },
           "colorBackgroundLayoutMain": {
             "light": "{colorWhite}",
             "dark": "{colorNeutral850}"
@@ -8724,10 +8796,14 @@ module.exports.preset = {
             "light": "{colorBackgroundLayoutPanelContent}",
             "dark": "{colorBackgroundLayoutPanelContent}"
           },
-          "colorBackgroundDrawerBackdrop": {
+          "colorBackgroundBackdrop": {
             "light": "{colorGreyOpaque70}",
             "dark": "{colorGreyOpaque70}"
           },
+          "colorBackgroundDrawerBackdrop": {
+            "light": "{colorBackgroundBackdrop}",
+            "dark": "{colorBackgroundBackdrop}"
+          },
           "colorBackgroundLayoutMobilePanel": {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
@@ -8773,8 +8849,8 @@ module.exports.preset = {
             "dark": "{colorPrimary300}"
           },
           "colorBackgroundModalOverlay": {
-            "light": "{colorGreyOpaque70}",
-            "dark": "{colorGreyOpaque70}"
+            "light": "{colorBackgroundBackdrop}",
+            "dark": "{colorBackgroundBackdrop}"
           },
           "colorBackgroundNotificationBlue": {
             "light": "{colorInfo600}",
@@ -9048,6 +9124,10 @@ module.exports.preset = {
             "light": "{colorPrimary600}",
             "dark": "{colorPrimary400}"
           },
+          "colorTextSideNavigationItemActive": {
+            "light": "{colorTextAccent}",
+            "dark": "{colorTextAccent}"
+          },
           "colorBorderCalendarGrid": {
             "light": "transparent",
             "dark": "transparent"
@@ -10118,6 +10198,10 @@ module.exports.preset = {
             "light": "{colorPrimary50}",
             "dark": "{colorPrimary1000}"
           },
+          "colorBackgroundSideNavigationItemActive": {
+            "light": "transparent",
+            "dark": "transparent"
+          },
           "colorBackgroundLayoutMain": {
             "light": "{colorWhite}",
             "dark": "{colorNeutral850}"
@@ -10126,10 +10210,14 @@ module.exports.preset = {
             "light": "{colorBackgroundLayoutPanelContent}",
             "dark": "{colorBackgroundLayoutPanelContent}"
           },
-          "colorBackgroundDrawerBackdrop": {
+          "colorBackgroundBackdrop": {
             "light": "{colorGreyOpaque70}",
             "dark": "{colorGreyOpaque70}"
           },
+          "colorBackgroundDrawerBackdrop": {
+            "light": "{colorBackgroundBackdrop}",
+            "dark": "{colorBackgroundBackdrop}"
+          },
           "colorBackgroundLayoutMobilePanel": {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
@@ -10175,8 +10263,8 @@ module.exports.preset = {
             "dark": "{colorPrimary300}"
           },
           "colorBackgroundModalOverlay": {
-            "light": "{colorGreyOpaque70}",
-            "dark": "{colorGreyOpaque70}"
+            "light": "{colorBackgroundBackdrop}",
+            "dark": "{colorBackgroundBackdrop}"
           },
           "colorBackgroundNotificationBlue": {
             "light": "{colorInfo600}",
@@ -10450,6 +10538,10 @@ module.exports.preset = {
             "light": "{colorPrimary600}",
             "dark": "{colorPrimary400}"
           },
+          "colorTextSideNavigationItemActive": {
+            "light": "{colorTextAccent}",
+            "dark": "{colorTextAccent}"
+          },
           "colorBorderCalendarGrid": {
             "light": "transparent",
             "dark": "transparent"
@@ -11522,6 +11614,10 @@ module.exports.preset = {
             "light": "{colorPrimary1000}",
             "dark": "{colorPrimary1000}"
           },
+          "colorBackgroundSideNavigationItemActive": {
+            "light": "transparent",
+            "dark": "transparent"
+          },
           "colorBackgroundLayoutMain": {
             "light": "{colorNeutral850}",
             "dark": "{colorNeutral850}"
@@ -11530,10 +11626,14 @@ module.exports.preset = {
             "light": "{colorBackgroundLayoutPanelContent}",
             "dark": "{colorBackgroundLayoutPanelContent}"
           },
-          "colorBackgroundDrawerBackdrop": {
+          "colorBackgroundBackdrop": {
             "light": "{colorGreyOpaque70}",
             "dark": "{colorGreyOpaque70}"
           },
+          "colorBackgroundDrawerBackdrop": {
+            "light": "{colorBackgroundBackdrop}",
+            "dark": "{colorBackgroundBackdrop}"
+          },
           "colorBackgroundLayoutMobilePanel": {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
@@ -11579,8 +11679,8 @@ module.exports.preset = {
             "dark": "{colorPrimary300}"
           },
           "colorBackgroundModalOverlay": {
-            "light": "{colorGreyOpaque70}",
-            "dark": "{colorGreyOpaque70}"
+            "light": "{colorBackgroundBackdrop}",
+            "dark": "{colorBackgroundBackdrop}"
           },
           "colorBackgroundNotificationBlue": {
             "light": "{colorInfo600}",
@@ -11854,6 +11954,10 @@ module.exports.preset = {
             "light": "{colorPrimary400}",
             "dark": "{colorPrimary400}"
           },
+          "colorTextSideNavigationItemActive": {
+            "light": "{colorTextAccent}",
+            "dark": "{colorTextAccent}"
+          },
           "colorBorderCalendarGrid": {
             "light": "transparent",
             "dark": "transparent"
@@ -13042,8 +13146,10 @@ module.exports.preset = {
       "colorBackgroundInputDefault": "color",
       "colorBackgroundInputDisabled": "color",
       "colorBackgroundItemSelected": "color",
+      "colorBackgroundSideNavigationItemActive": "color",
       "colorBackgroundLayoutMain": "color",
       "colorBackgroundDrawer": "color",
+      "colorBackgroundBackdrop": "color",
       "colorBackgroundDrawerBackdrop": "color",
       "colorBackgroundLayoutMobilePanel": "color",
       "colorBackgroundLayoutPanel": "color",
@@ -13125,6 +13231,7 @@ module.exports.preset = {
       "colorBorderButtonPrimaryHover": "color",
       "colorTextButtonPrimaryDisabled": "color",
       "colorItemSelected": "color",
+      "colorTextSideNavigationItemActive": "color",
       "colorBorderCalendarGrid": "color",
       "colorBorderCalendarGridSelectedFocusRing": "color",
       "colorBorderCellShaded": "color",
@@ -13384,6 +13491,7 @@ module.exports.preset = {
       "sizeTableSelectionHorizontal": "density",
       "sizeVerticalInput": "density",
       "sizeVerticalPanelIconOffset": "density",
+      "sizeSideNavigationItemHeight": "density",
       "spaceAlertActionLeft": "density",
       "spaceAlertHorizontal": "density",
       "spaceAlertMessageRight": "density",
@@ -13454,6 +13562,8 @@ module.exports.preset = {
       "spaceTableHeaderToolsFullPageBottom": "density",
       "spaceTableHorizontal": "density",
       "spaceTreeViewIndentation": "density",
+      "spaceSideNavigationItemGap": "density",
+      "spaceSideNavigationItemCollapsedGap": "density",
       "spaceTileGutter": "density",
       "spaceActionCardHorizontalDefault": "density",
       "spaceActionCardHorizontalEmbedded": "density",
@@ -13854,7 +13964,9 @@ module.exports.preset = {
     "colorBackgroundInputDefault",
     "colorBackgroundInputDisabled",
     "colorBackgroundItemSelected",
+    "colorBackgroundSideNavigationItemActive",
     "colorBackgroundLayoutMain",
+    "colorBackgroundBackdrop",
     "colorBackgroundLayoutPanel",
     "colorBackgroundLayoutToolbar",
     "colorBackgroundLayoutToggleActive",
@@ -13914,6 +14026,7 @@ module.exports.preset = {
     "colorBorderButtonPrimaryHover",
     "colorTextButtonPrimaryDisabled",
     "colorItemSelected",
+    "colorTextSideNavigationItemActive",
     "colorBorderCard",
     "colorBorderContainerTop",
     "colorBorderControlDefault",
@@ -14143,6 +14256,7 @@ module.exports.preset = {
     "borderWidthPopover",
     "borderWidthToken",
     "sizeVerticalInput",
+    "sizeSideNavigationItemHeight",
     "spaceAlertVertical",
     "spaceButtonHorizontal",
     "spaceButtonVertical",
@@ -14153,6 +14267,7 @@ module.exports.preset = {
     "spaceCardVerticalDefault",
     "spaceCardVerticalEmbedded",
     "spaceTabsVertical",
+    "spaceSideNavigationItemGap",
     "spaceActionCardHorizontalDefault",
     "spaceActionCardHorizontalEmbedded",
     "spaceActionCardVerticalDefault",
@@ -14367,7 +14482,9 @@ module.exports.preset = {
     "colorBackgroundInputDefault",
     "colorBackgroundInputDisabled",
     "colorBackgroundItemSelected",
+    "colorBackgroundSideNavigationItemActive",
     "colorBackgroundLayoutMain",
+    "colorBackgroundBackdrop",
     "colorBackgroundLayoutPanel",
     "colorBackgroundLayoutToolbar",
     "colorBackgroundLayoutToggleActive",
@@ -14426,6 +14543,7 @@ module.exports.preset = {
     "colorBorderButtonPrimaryHover",
     "colorTextButtonPrimaryDisabled",
     "colorItemSelected",
+    "colorTextSideNavigationItemActive",
     "colorBorderCard",
     "colorBorderContainerTop",
     "colorBorderControlDefault",
@@ -14653,6 +14771,7 @@ module.exports.preset = {
     "motionKeyframesStatusIconError",
     "motionKeyframesScalePopup",
     "sizeVerticalInput",
+    "sizeSideNavigationItemHeight",
     "spaceAlertVertical",
     "spaceButtonHorizontal",
     "spaceButtonVertical",
@@ -14666,6 +14785,7 @@ module.exports.preset = {
     "spaceFieldHorizontal",
     "spaceTabsVertical",
     "spaceTreeViewIndentation",
+    "spaceSideNavigationItemGap",
     "spaceActionCardHorizontalDefault",
     "spaceActionCardHorizontalEmbedded",
     "spaceActionCardVerticalDefault",
@@ -15032,8 +15152,10 @@ module.exports.preset = {
     "colorBackgroundInputDefault": "color-background-input-default",
     "colorBackgroundInputDisabled": "color-background-input-disabled",
     "colorBackgroundItemSelected": "color-background-item-selected",
+    "colorBackgroundSideNavigationItemActive": "color-background-side-navigation-item-active",
     "colorBackgroundLayoutMain": "color-background-layout-main",
     "colorBackgroundDrawer": "color-background-drawer",
+    "colorBackgroundBackdrop": "color-background-backdrop",
     "colorBackgroundDrawerBackdrop": "color-background-drawer-backdrop",
     "colorBackgroundLayoutMobilePanel": "color-background-layout-mobile-panel",
     "colorBackgroundLayoutPanel": "color-background-layout-panel",
@@ -15115,6 +15237,7 @@ module.exports.preset = {
     "colorBorderButtonPrimaryHover": "color-border-button-primary-hover",
     "colorTextButtonPrimaryDisabled": "color-text-button-primary-disabled",
     "colorItemSelected": "color-item-selected",
+    "colorTextSideNavigationItemActive": "color-text-side-navigation-item-active",
     "colorBorderCalendarGrid": "color-border-calendar-grid",
     "colorBorderCalendarGridSelectedFocusRing": "color-border-calendar-grid-selected-focus-ring",
     "colorBorderCellShaded": "color-border-cell-shaded",
@@ -15515,6 +15638,7 @@ module.exports.preset = {
     "sizeTableSelectionHorizontal": "size-table-selection-horizontal",
     "sizeVerticalInput": "size-vertical-input",
     "sizeVerticalPanelIconOffset": "size-vertical-panel-icon-offset",
+    "sizeSideNavigationItemHeight": "size-side-navigation-item-height",
     "spaceAlertActionLeft": "space-alert-action-left",
     "spaceAlertHorizontal": "space-alert-horizontal",
     "spaceAlertMessageRight": "space-alert-message-right",
@@ -15585,6 +15709,8 @@ module.exports.preset = {
     "spaceTableHeaderToolsFullPageBottom": "space-table-header-tools-full-page-bottom",
     "spaceTableHorizontal": "space-table-horizontal",
     "spaceTreeViewIndentation": "space-tree-view-indentation",
+    "spaceSideNavigationItemGap": "space-side-navigation-item-gap",
+    "spaceSideNavigationItemCollapsedGap": "space-side-navigation-item-collapsed-gap",
     "spaceTileGutter": "space-tile-gutter",
     "spaceActionCardHorizontalDefault": "space-action-card-horizontal-default",
     "spaceActionCardHorizontalEmbedded": "space-action-card-horizontal-embedded",
@@ -15992,8 +16118,10 @@ module.exports.preset = {
     "colorBackgroundInputDefault": "--color-background-input-default-ifz5bb",
     "colorBackgroundInputDisabled": "--color-background-input-disabled-dihaja",
     "colorBackgroundItemSelected": "--color-background-item-selected-9gppru",
+    "colorBackgroundSideNavigationItemActive": "--color-background-side-navigation-item-active-adfprg",
     "colorBackgroundLayoutMain": "--color-background-layout-main-5ilwcb",
     "colorBackgroundDrawer": "--color-background-drawer-5hs0eh",
+    "colorBackgroundBackdrop": "--color-background-backdrop-33f45f",
     "colorBackgroundDrawerBackdrop": "--color-background-drawer-backdrop-ducxi3",
     "colorBackgroundLayoutMobilePanel": "--color-background-layout-mobile-panel-ed0ava",
     "colorBackgroundLayoutPanel": "--color-background-layout-panel-jv6exs",
@@ -16075,6 +16203,7 @@ module.exports.preset = {
     "colorBorderButtonPrimaryHover": "--color-border-button-primary-hover-rktx0f",
     "colorTextButtonPrimaryDisabled": "--color-text-button-primary-disabled-q79gms",
     "colorItemSelected": "--color-item-selected-72rnwy",
+    "colorTextSideNavigationItemActive": "--color-text-side-navigation-item-active-w3c4dj",
     "colorBorderCalendarGrid": "--color-border-calendar-grid-67r4w4",
     "colorBorderCalendarGridSelectedFocusRing": "--color-border-calendar-grid-selected-focus-ring-jk1fb0",
     "colorBorderCellShaded": "--color-border-cell-shaded-0ipazf",
@@ -16475,6 +16604,7 @@ module.exports.preset = {
     "sizeTableSelectionHorizontal": "--size-table-selection-horizontal-qqiajd",
     "sizeVerticalInput": "--size-vertical-input-p1d7xx",
     "sizeVerticalPanelIconOffset": "--size-vertical-panel-icon-offset-z959cw",
+    "sizeSideNavigationItemHeight": "--size-side-navigation-item-height-lokap3",
     "spaceAlertActionLeft": "--space-alert-action-left-4s8zo5",
     "spaceAlertHorizontal": "--space-alert-horizontal-ul364s",
     "spaceAlertMessageRight": "--space-alert-message-right-mrjbnn",
@@ -16545,6 +16675,8 @@ module.exports.preset = {
     "spaceTableHeaderToolsFullPageBottom": "--space-table-header-tools-full-page-bottom-9m47g6",
     "spaceTableHorizontal": "--space-table-horizontal-suurzj",
     "spaceTreeViewIndentation": "--space-tree-view-indentation-xh9kis",
+    "spaceSideNavigationItemGap": "--space-side-navigation-item-gap-5vlwdw",
+    "spaceSideNavigationItemCollapsedGap": "--space-side-navigation-item-collapsed-gap-d9lti2",
     "spaceTileGutter": "--space-tile-gutter-bi2bdv",
     "spaceActionCardHorizontalDefault": "--space-action-card-horizontal-default-su1e86",
     "spaceActionCardHorizontalEmbedded": "--space-action-card-horizontal-embedded-pb8pj4",