@cloudscape-design/components-themeable 3.0.1325 → 3.0.1326

package/lib/internal/template/internal/components/token-list/styles.css.js

@@ -1,15 +1,15 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_gfwv3_1ww1g_193",
-  "horizontal": "awsui_horizontal_gfwv3_1ww1g_196",
-  "vertical": "awsui_vertical_gfwv3_1ww1g_202",
-  "list": "awsui_list_gfwv3_1ww1g_207",
-  "grid": "awsui_grid_gfwv3_1ww1g_226",
-  "list-item": "awsui_list-item_gfwv3_1ww1g_238",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1ww1g_245",
-  "toggle": "awsui_toggle_gfwv3_1ww1g_245",
-  "description": "awsui_description_gfwv3_1ww1g_338",
-  "separator": "awsui_separator_gfwv3_1ww1g_342"
+  "root": "awsui_root_gfwv3_1xw5t_193",
+  "horizontal": "awsui_horizontal_gfwv3_1xw5t_196",
+  "vertical": "awsui_vertical_gfwv3_1xw5t_202",
+  "list": "awsui_list_gfwv3_1xw5t_207",
+  "grid": "awsui_grid_gfwv3_1xw5t_226",
+  "list-item": "awsui_list-item_gfwv3_1xw5t_238",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1xw5t_245",
+  "toggle": "awsui_toggle_gfwv3_1xw5t_245",
+  "description": "awsui_description_gfwv3_1xw5t_338",
+  "separator": "awsui_separator_gfwv3_1xw5t_342"
 };
   

package/lib/internal/template/internal/components/token-list/styles.scoped.css

@@ -190,21 +190,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_gfwv3_1ww1g_193:not(#\9) {
+.awsui_root_gfwv3_1xw5t_193:not(#\9) {
   gap: var(--space-scaled-xs-sppte9, 8px);
 }
-.awsui_root_gfwv3_1ww1g_193.awsui_horizontal_gfwv3_1ww1g_196:not(#\9) {
+.awsui_root_gfwv3_1xw5t_193.awsui_horizontal_gfwv3_1xw5t_196:not(#\9) {
   display: flex;
   gap: var(--space-xs-kw7k3v, 8px);
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_root_gfwv3_1ww1g_193.awsui_vertical_gfwv3_1ww1g_202:not(#\9) {
+.awsui_root_gfwv3_1xw5t_193.awsui_vertical_gfwv3_1xw5t_202:not(#\9) {
   display: flex;
   flex-direction: column;
 }
 
-.awsui_list_gfwv3_1ww1g_207:not(#\9) {
+.awsui_list_gfwv3_1xw5t_207:not(#\9) {
   display: contents;
   list-style: none;
   padding-block: 0;
@@ -212,43 +212,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_list_gfwv3_1ww1g_207.awsui_horizontal_gfwv3_1ww1g_196:not(#\9), .awsui_list_gfwv3_1ww1g_207.awsui_vertical_gfwv3_1ww1g_202:not(#\9) {
+.awsui_list_gfwv3_1xw5t_207.awsui_horizontal_gfwv3_1xw5t_196:not(#\9), .awsui_list_gfwv3_1xw5t_207.awsui_vertical_gfwv3_1xw5t_202:not(#\9) {
   display: flex;
   gap: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_list_gfwv3_1ww1g_207.awsui_horizontal_gfwv3_1ww1g_196:not(#\9) {
+.awsui_list_gfwv3_1xw5t_207.awsui_horizontal_gfwv3_1xw5t_196:not(#\9) {
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_list_gfwv3_1ww1g_207.awsui_vertical_gfwv3_1ww1g_202:not(#\9) {
+.awsui_list_gfwv3_1xw5t_207.awsui_vertical_gfwv3_1xw5t_202:not(#\9) {
   flex-direction: column;
 }
-.awsui_list_gfwv3_1ww1g_207.awsui_grid_gfwv3_1ww1g_226:not(#\9) {
+.awsui_list_gfwv3_1xw5t_207.awsui_grid_gfwv3_1xw5t_226:not(#\9) {
   display: grid;
   gap: var(--space-xs-kw7k3v, 8px);
   grid-template-columns: repeat(auto-fill, 230px);
 }
 @media (max-width: 688px) {
-  .awsui_list_gfwv3_1ww1g_207.awsui_grid_gfwv3_1ww1g_226:not(#\9) {
+  .awsui_list_gfwv3_1xw5t_207.awsui_grid_gfwv3_1xw5t_226:not(#\9) {
     display: flex;
     flex-direction: column;
   }
 }
 
-.awsui_list-item_gfwv3_1ww1g_238:not(#\9) {
+.awsui_list-item_gfwv3_1xw5t_238:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
 }
 
-.awsui_toggle-container-inline_gfwv3_1ww1g_245:not(#\9) {
+.awsui_toggle-container-inline_gfwv3_1xw5t_245:not(#\9) {
   padding-inline-start: var(--space-xs-kw7k3v, 8px);
   display: flex;
   align-items: center;
 }
 
-.awsui_toggle_gfwv3_1ww1g_245:not(#\9) {
+.awsui_toggle_gfwv3_1xw5t_245:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -290,7 +290,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
   text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-secondary-default-6w6hsr, #0073bb));
-  font-weight: inherit;
+  font-weight: var(--font-weight-link-secondary-clvuxr, inherit);
   letter-spacing: normal;
   text-decoration-line: none;
   text-decoration-color: transparent;
@@ -300,34 +300,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle_gfwv3_1ww1g_245:not(#\9) {
+  .awsui_toggle_gfwv3_1xw5t_245:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle_gfwv3_1ww1g_245:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_1ww1g_245:not(#\9) {
+.awsui-motion-disabled .awsui_toggle_gfwv3_1xw5t_245:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_1xw5t_245:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle_gfwv3_1ww1g_245:not(#\9):hover {
+.awsui_toggle_gfwv3_1xw5t_245:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-secondary-hover-c3snug, #0a4a74));
 }
-.awsui_toggle_gfwv3_1ww1g_245:not(#\9):focus {
+.awsui_toggle_gfwv3_1xw5t_245:not(#\9):focus {
   outline: none;
 }
-.awsui_toggle_gfwv3_1ww1g_245:not(#\9):active {
+.awsui_toggle_gfwv3_1xw5t_245:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-secondary-hover-c3snug, #0a4a74));
 }
-.awsui_toggle_gfwv3_1ww1g_245:not(#\9):active, .awsui_toggle_gfwv3_1ww1g_245:not(#\9):focus, .awsui_toggle_gfwv3_1ww1g_245:not(#\9):hover {
+.awsui_toggle_gfwv3_1xw5t_245:not(#\9):active, .awsui_toggle_gfwv3_1xw5t_245:not(#\9):focus, .awsui_toggle_gfwv3_1xw5t_245:not(#\9):hover {
   text-decoration-line: underline;
-  text-decoration-color: currentColor;
+  text-decoration-color: var(--color-text-link-decoration-hover-jnu2g9, currentColor);
 }
-.awsui_toggle_gfwv3_1ww1g_245:not(#\9):active, .awsui_toggle_gfwv3_1ww1g_245:not(#\9):focus, .awsui_toggle_gfwv3_1ww1g_245:not(#\9):hover {
+.awsui_toggle_gfwv3_1xw5t_245:not(#\9):active, .awsui_toggle_gfwv3_1xw5t_245:not(#\9):focus, .awsui_toggle_gfwv3_1xw5t_245:not(#\9):hover {
   text-decoration: none;
   text-decoration-color: transparent;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_1ww1g_245:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_1xw5t_245:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-width-button-40y1n5, 1px) solid var(--color-border-item-focused-r5f6xl, #0073bb);
   border-inline: var(--border-width-button-40y1n5, 1px) solid var(--color-border-item-focused-r5f6xl, #0073bb);
@@ -337,11 +337,11 @@ body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_1ww1g_245:not(#\9):focus
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_toggle_gfwv3_1ww1g_245 > .awsui_description_gfwv3_1ww1g_338:not(#\9) {
+.awsui_toggle_gfwv3_1xw5t_245 > .awsui_description_gfwv3_1xw5t_338:not(#\9) {
   margin-inline-start: var(--space-xxs-jnczic, 4px);
 }
 
-.awsui_separator_gfwv3_1ww1g_342:not(#\9) {
+.awsui_separator_gfwv3_1xw5t_342:not(#\9) {
   margin-block: 0;
   margin-inline: var(--space-scaled-m-sw9kcx, 16px);
   inline-size: var(--border-divider-section-width-sznrdy, 1px);

package/lib/internal/template/internal/components/token-list/styles.selectors.js

@@ -2,15 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_gfwv3_1ww1g_193",
-  "horizontal": "awsui_horizontal_gfwv3_1ww1g_196",
-  "vertical": "awsui_vertical_gfwv3_1ww1g_202",
-  "list": "awsui_list_gfwv3_1ww1g_207",
-  "grid": "awsui_grid_gfwv3_1ww1g_226",
-  "list-item": "awsui_list-item_gfwv3_1ww1g_238",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1ww1g_245",
-  "toggle": "awsui_toggle_gfwv3_1ww1g_245",
-  "description": "awsui_description_gfwv3_1ww1g_338",
-  "separator": "awsui_separator_gfwv3_1ww1g_342"
+  "root": "awsui_root_gfwv3_1xw5t_193",
+  "horizontal": "awsui_horizontal_gfwv3_1xw5t_196",
+  "vertical": "awsui_vertical_gfwv3_1xw5t_202",
+  "list": "awsui_list_gfwv3_1xw5t_207",
+  "grid": "awsui_grid_gfwv3_1xw5t_226",
+  "list-item": "awsui_list-item_gfwv3_1xw5t_238",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1xw5t_245",
+  "toggle": "awsui_toggle_gfwv3_1xw5t_245",
+  "description": "awsui_description_gfwv3_1xw5t_338",
+  "separator": "awsui_separator_gfwv3_1xw5t_342"
 };
   

package/lib/internal/template/internal/environment.js

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (45502c04)";
-export var GIT_SHA = "45502c04";
+export var PACKAGE_VERSION = "3.0.0 (83708957)";
+export var GIT_SHA = "83708957";
 export var THEME = "open-source-visual-refresh";
 export var SYSTEM = "core";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (45502c04)",
-  "GIT_SHA": "45502c04",
+  "PACKAGE_VERSION": "3.0.0 (83708957)",
+  "GIT_SHA": "83708957",
   "THEME": "default",
   "SYSTEM": "core",
   "ALWAYS_VISUAL_REFRESH": false,

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

@@ -628,6 +628,11 @@ export const colorIconActionCardActive: string;
 export const colorIconActionCardDisabled: string;
 export const colorBackgroundSkeleton: string;
 export const colorBackgroundSkeletonWave: string;
+export const colorBackgroundBadgeGreen: string;
+export const colorBackgroundBadgeBlue: string;
+export const colorBackgroundBadgeRed: string;
+export const colorBackgroundBadgeYellow: string;
+export const colorBackgroundBadgeGrey: string;
 export const colorBorderBadge: string;
 export const colorBorderBadgeGrey: string;
 export const colorBorderBadgeGreen: string;
@@ -656,6 +661,8 @@ export const fontLinkButtonLetterSpacing: string;
 export const fontLinkButtonWeight: string;
 export const fontPanelHeaderLineHeight: string;
 export const fontPanelHeaderSize: string;
+export const fontSideNavigationSectionHeaderSize: string;
+export const fontSideNavigationSectionHeaderWeight: string;
 export const fontSizeBodyM: string;
 export const fontSizeBodyS: string;
 export const fontSizeDisplayL: string;
@@ -687,6 +694,7 @@ export const fontWeightHeadingXs: string;
 export const fontWeightHeavy: string;
 export const fontWeightKeyValuePairsLabel: string;
 export const fontWeightLighter: string;
+export const fontWeightLinkSecondary: string;
 export const fontWeightNormal: string;
 export const fontWeightTabs: string;
 export const fontWeightTabsDisabled: string;

package/lib/internal/template/internal/generated/styles/tokens.js

@@ -628,6 +628,11 @@ export var colorIconActionCardActive = "var(--color-icon-action-card-active-rhp9
 export var colorIconActionCardDisabled = "var(--color-icon-action-card-disabled-wm3kyf, #b4b4bb)";
 export var colorBackgroundSkeleton = "var(--color-background-skeleton-sjxg4n, #ebebf0)";
 export var colorBackgroundSkeletonWave = "var(--color-background-skeleton-wave-1dy97d, #f6f6f9)";
+export var colorBackgroundBadgeGreen = "var(--color-background-badge-green-1bcjh0, #00802f)";
+export var colorBackgroundBadgeBlue = "var(--color-background-badge-blue-6346bd, #006ce0)";
+export var colorBackgroundBadgeRed = "var(--color-background-badge-red-i81nmc, #db0000)";
+export var colorBackgroundBadgeYellow = "var(--color-background-badge-yellow-n60ths, #ffe347)";
+export var colorBackgroundBadgeGrey = "var(--color-background-badge-grey-ipi6oq, #424650)";
 export var colorBorderBadge = "var(--color-border-badge-un9qea, transparent)";
 export var colorBorderBadgeGrey = "var(--color-border-badge-grey-n3ma6u, transparent)";
 export var colorBorderBadgeGreen = "var(--color-border-badge-green-9thsha, transparent)";
@@ -656,6 +661,8 @@ export var fontLinkButtonLetterSpacing = "var(--font-link-button-letter-spacing-
 export var fontLinkButtonWeight = "var(--font-link-button-weight-vslyg9, 700)";
 export var fontPanelHeaderLineHeight = "var(--font-panel-header-line-height-8xb2qj, 22px)";
 export var fontPanelHeaderSize = "var(--font-panel-header-size-33h9j8, 18px)";
+export var fontSideNavigationSectionHeaderSize = "var(--font-side-navigation-section-header-size-cnrduv, inherit)";
+export var fontSideNavigationSectionHeaderWeight = "var(--font-side-navigation-section-header-weight-h807bs, inherit)";
 export var fontSizeBodyM = "var(--font-size-body-m-a7nh2n, 14px)";
 export var fontSizeBodyS = "var(--font-size-body-s-smc8cv, 12px)";
 export var fontSizeDisplayL = "var(--font-size-display-l-wa6woo, 42px)";
@@ -687,6 +694,7 @@ export var fontWeightHeadingXs = "var(--font-weight-heading-xs-wqqpne, 700)";
 export var fontWeightHeavy = "var(--font-weight-heavy-6yh4un, 700)";
 export var fontWeightKeyValuePairsLabel = "var(--font-weight-key-value-pairs-label-zdidmd, 700)";
 export var fontWeightLighter = "var(--font-weight-lighter-ldkoj5, 300)";
+export var fontWeightLinkSecondary = "var(--font-weight-link-secondary-2yfxrh, inherit)";
 export var fontWeightNormal = "var(--font-weight-normal-cxw1m3, 400)";
 export var fontWeightTabs = "var(--font-weight-tabs-ichxzl, 700)";
 export var fontWeightTabsDisabled = "var(--font-weight-tabs-disabled-v5r551, 700)";

package/lib/internal/template/internal/generated/theming/index.cjs

@@ -2559,6 +2559,26 @@ module.exports.preset = {
         "light": "{colorNeutral150}",
         "dark": "{colorNeutral700}"
       },
+      "colorBackgroundBadgeGreen": {
+        "light": "{colorBackgroundNotificationGreen}",
+        "dark": "{colorBackgroundNotificationGreen}"
+      },
+      "colorBackgroundBadgeBlue": {
+        "light": "{colorBackgroundNotificationBlue}",
+        "dark": "{colorBackgroundNotificationBlue}"
+      },
+      "colorBackgroundBadgeRed": {
+        "light": "{colorBackgroundNotificationRed}",
+        "dark": "{colorBackgroundNotificationRed}"
+      },
+      "colorBackgroundBadgeYellow": {
+        "light": "{colorBackgroundNotificationYellow}",
+        "dark": "{colorBackgroundNotificationYellow}"
+      },
+      "colorBackgroundBadgeGrey": {
+        "light": "{colorBackgroundNotificationGrey}",
+        "dark": "{colorBackgroundNotificationGrey}"
+      },
       "colorBorderBadge": {
         "light": "transparent",
         "dark": "transparent"
@@ -2617,6 +2637,8 @@ module.exports.preset = {
       "fontLinkButtonWeight": "{fontWeightButton}",
       "fontPanelHeaderLineHeight": "{lineHeightHeadingM}",
       "fontPanelHeaderSize": "{fontSizeHeadingM}",
+      "fontSideNavigationSectionHeaderSize": "inherit",
+      "fontSideNavigationSectionHeaderWeight": "inherit",
       "fontSizeBodyM": "14px",
       "fontSizeBodyS": "12px",
       "fontSizeDisplayL": "42px",
@@ -2648,6 +2670,7 @@ module.exports.preset = {
       "fontWeightHeavy": "700",
       "fontWeightKeyValuePairsLabel": "{fontDisplayLabelWeight}",
       "fontWeightLighter": "300",
+      "fontWeightLinkSecondary": "inherit",
       "fontWeightNormal": "400",
       "fontWeightTabs": "700",
       "fontWeightTabsDisabled": "{fontWayfindingLinkActiveWeight}",
@@ -5403,6 +5426,26 @@ module.exports.preset = {
             "light": "{colorNeutral700}",
             "dark": "{colorNeutral700}"
           },
+          "colorBackgroundBadgeGreen": {
+            "light": "{colorBackgroundNotificationGreen}",
+            "dark": "{colorBackgroundNotificationGreen}"
+          },
+          "colorBackgroundBadgeBlue": {
+            "light": "{colorBackgroundNotificationBlue}",
+            "dark": "{colorBackgroundNotificationBlue}"
+          },
+          "colorBackgroundBadgeRed": {
+            "light": "{colorBackgroundNotificationRed}",
+            "dark": "{colorBackgroundNotificationRed}"
+          },
+          "colorBackgroundBadgeYellow": {
+            "light": "{colorBackgroundNotificationYellow}",
+            "dark": "{colorBackgroundNotificationYellow}"
+          },
+          "colorBackgroundBadgeGrey": {
+            "light": "{colorBackgroundNotificationGrey}",
+            "dark": "{colorBackgroundNotificationGrey}"
+          },
           "colorBorderBadge": {
             "light": "transparent",
             "dark": "transparent"
@@ -7052,6 +7095,26 @@ module.exports.preset = {
             "light": "{colorNeutral700}",
             "dark": "{colorNeutral700}"
           },
+          "colorBackgroundBadgeGreen": {
+            "light": "{colorBackgroundNotificationGreen}",
+            "dark": "{colorBackgroundNotificationGreen}"
+          },
+          "colorBackgroundBadgeBlue": {
+            "light": "{colorBackgroundNotificationBlue}",
+            "dark": "{colorBackgroundNotificationBlue}"
+          },
+          "colorBackgroundBadgeRed": {
+            "light": "{colorBackgroundNotificationRed}",
+            "dark": "{colorBackgroundNotificationRed}"
+          },
+          "colorBackgroundBadgeYellow": {
+            "light": "{colorBackgroundNotificationYellow}",
+            "dark": "{colorBackgroundNotificationYellow}"
+          },
+          "colorBackgroundBadgeGrey": {
+            "light": "{colorBackgroundNotificationGrey}",
+            "dark": "{colorBackgroundNotificationGrey}"
+          },
           "colorBorderBadge": {
             "light": "transparent",
             "dark": "transparent"
@@ -8629,6 +8692,26 @@ module.exports.preset = {
             "light": "{colorNeutral150}",
             "dark": "{colorNeutral700}"
           },
+          "colorBackgroundBadgeGreen": {
+            "light": "{colorBackgroundNotificationGreen}",
+            "dark": "{colorBackgroundNotificationGreen}"
+          },
+          "colorBackgroundBadgeBlue": {
+            "light": "{colorBackgroundNotificationBlue}",
+            "dark": "{colorBackgroundNotificationBlue}"
+          },
+          "colorBackgroundBadgeRed": {
+            "light": "{colorBackgroundNotificationRed}",
+            "dark": "{colorBackgroundNotificationRed}"
+          },
+          "colorBackgroundBadgeYellow": {
+            "light": "{colorBackgroundNotificationYellow}",
+            "dark": "{colorBackgroundNotificationYellow}"
+          },
+          "colorBackgroundBadgeGrey": {
+            "light": "{colorBackgroundNotificationGrey}",
+            "dark": "{colorBackgroundNotificationGrey}"
+          },
           "colorBorderBadge": {
             "light": "transparent",
             "dark": "transparent"
@@ -10071,6 +10154,26 @@ module.exports.preset = {
             "light": "{colorNeutral150}",
             "dark": "{colorNeutral700}"
           },
+          "colorBackgroundBadgeGreen": {
+            "light": "{colorBackgroundNotificationGreen}",
+            "dark": "{colorBackgroundNotificationGreen}"
+          },
+          "colorBackgroundBadgeBlue": {
+            "light": "{colorBackgroundNotificationBlue}",
+            "dark": "{colorBackgroundNotificationBlue}"
+          },
+          "colorBackgroundBadgeRed": {
+            "light": "{colorBackgroundNotificationRed}",
+            "dark": "{colorBackgroundNotificationRed}"
+          },
+          "colorBackgroundBadgeYellow": {
+            "light": "{colorBackgroundNotificationYellow}",
+            "dark": "{colorBackgroundNotificationYellow}"
+          },
+          "colorBackgroundBadgeGrey": {
+            "light": "{colorBackgroundNotificationGrey}",
+            "dark": "{colorBackgroundNotificationGrey}"
+          },
           "colorBorderBadge": {
             "light": "transparent",
             "dark": "transparent"
@@ -11513,6 +11616,26 @@ module.exports.preset = {
             "light": "{colorNeutral150}",
             "dark": "{colorNeutral700}"
           },
+          "colorBackgroundBadgeGreen": {
+            "light": "{colorBackgroundNotificationGreen}",
+            "dark": "{colorBackgroundNotificationGreen}"
+          },
+          "colorBackgroundBadgeBlue": {
+            "light": "{colorBackgroundNotificationBlue}",
+            "dark": "{colorBackgroundNotificationBlue}"
+          },
+          "colorBackgroundBadgeRed": {
+            "light": "{colorBackgroundNotificationRed}",
+            "dark": "{colorBackgroundNotificationRed}"
+          },
+          "colorBackgroundBadgeYellow": {
+            "light": "{colorBackgroundNotificationYellow}",
+            "dark": "{colorBackgroundNotificationYellow}"
+          },
+          "colorBackgroundBadgeGrey": {
+            "light": "{colorBackgroundNotificationGrey}",
+            "dark": "{colorBackgroundNotificationGrey}"
+          },
           "colorBorderBadge": {
             "light": "transparent",
             "dark": "transparent"
@@ -12957,6 +13080,26 @@ module.exports.preset = {
             "light": "{colorNeutral700}",
             "dark": "{colorNeutral700}"
           },
+          "colorBackgroundBadgeGreen": {
+            "light": "{colorBackgroundNotificationGreen}",
+            "dark": "{colorBackgroundNotificationGreen}"
+          },
+          "colorBackgroundBadgeBlue": {
+            "light": "{colorBackgroundNotificationBlue}",
+            "dark": "{colorBackgroundNotificationBlue}"
+          },
+          "colorBackgroundBadgeRed": {
+            "light": "{colorBackgroundNotificationRed}",
+            "dark": "{colorBackgroundNotificationRed}"
+          },
+          "colorBackgroundBadgeYellow": {
+            "light": "{colorBackgroundNotificationYellow}",
+            "dark": "{colorBackgroundNotificationYellow}"
+          },
+          "colorBackgroundBadgeGrey": {
+            "light": "{colorBackgroundNotificationGrey}",
+            "dark": "{colorBackgroundNotificationGrey}"
+          },
           "colorBorderBadge": {
             "light": "transparent",
             "dark": "transparent"
@@ -13641,6 +13784,11 @@ module.exports.preset = {
       "colorIconActionCardDisabled": "color",
       "colorBackgroundSkeleton": "color",
       "colorBackgroundSkeletonWave": "color",
+      "colorBackgroundBadgeGreen": "color",
+      "colorBackgroundBadgeBlue": "color",
+      "colorBackgroundBadgeRed": "color",
+      "colorBackgroundBadgeYellow": "color",
+      "colorBackgroundBadgeGrey": "color",
       "colorBorderBadge": "color",
       "colorBorderBadgeGrey": "color",
       "colorBorderBadgeGreen": "color",
@@ -14364,6 +14512,11 @@ module.exports.preset = {
     "colorBorderActionCardDisabled",
     "colorBackgroundActionCardDisabled",
     "colorTextActionCardDisabled",
+    "colorBackgroundBadgeGreen",
+    "colorBackgroundBadgeBlue",
+    "colorBackgroundBadgeRed",
+    "colorBackgroundBadgeYellow",
+    "colorBackgroundBadgeGrey",
     "colorBorderBadge",
     "colorBorderBadgeGrey",
     "colorBorderBadgeGreen",
@@ -14857,6 +15010,8 @@ module.exports.preset = {
     "colorTextLayoutToggleSelected",
     "colorTextLinkDefault",
     "colorTextLinkHover",
+    "colorTextLinkDecorationDefault",
+    "colorTextLinkDecorationHover",
     "colorTextLinkSecondaryDefault",
     "colorTextLinkSecondaryHover",
     "colorTextLinkInfoDefault",
@@ -14891,6 +15046,11 @@ module.exports.preset = {
     "colorBorderActionCardDisabled",
     "colorBackgroundActionCardDisabled",
     "colorTextActionCardDisabled",
+    "colorBackgroundBadgeGreen",
+    "colorBackgroundBadgeBlue",
+    "colorBackgroundBadgeRed",
+    "colorBackgroundBadgeYellow",
+    "colorBackgroundBadgeGrey",
     "colorBorderBadge",
     "colorBorderBadgeGrey",
     "colorBorderBadgeGreen",
@@ -15683,6 +15843,11 @@ module.exports.preset = {
     "colorIconActionCardDisabled": "color-icon-action-card-disabled",
     "colorBackgroundSkeleton": "color-background-skeleton",
     "colorBackgroundSkeletonWave": "color-background-skeleton-wave",
+    "colorBackgroundBadgeGreen": "color-background-badge-green",
+    "colorBackgroundBadgeBlue": "color-background-badge-blue",
+    "colorBackgroundBadgeRed": "color-background-badge-red",
+    "colorBackgroundBadgeYellow": "color-background-badge-yellow",
+    "colorBackgroundBadgeGrey": "color-background-badge-grey",
     "colorBorderBadge": "color-border-badge",
     "colorBorderBadgeGrey": "color-border-badge-grey",
     "colorBorderBadgeGreen": "color-border-badge-green",
@@ -15711,6 +15876,8 @@ module.exports.preset = {
     "fontLinkButtonWeight": "font-link-button-weight",
     "fontPanelHeaderLineHeight": "font-panel-header-line-height",
     "fontPanelHeaderSize": "font-panel-header-size",
+    "fontSideNavigationSectionHeaderSize": "font-side-navigation-section-header-size",
+    "fontSideNavigationSectionHeaderWeight": "font-side-navigation-section-header-weight",
     "fontSizeBodyM": "font-size-body-m",
     "fontSizeBodyS": "font-size-body-s",
     "fontSizeDisplayL": "font-size-display-l",
@@ -15742,6 +15909,7 @@ module.exports.preset = {
     "fontWeightHeavy": "font-weight-heavy",
     "fontWeightKeyValuePairsLabel": "font-weight-key-value-pairs-label",
     "fontWeightLighter": "font-weight-lighter",
+    "fontWeightLinkSecondary": "font-weight-link-secondary",
     "fontWeightNormal": "font-weight-normal",
     "fontWeightTabs": "font-weight-tabs",
     "fontWeightTabsDisabled": "font-weight-tabs-disabled",
@@ -16663,6 +16831,11 @@ module.exports.preset = {
     "colorIconActionCardDisabled": "--color-icon-action-card-disabled-wm3kyf",
     "colorBackgroundSkeleton": "--color-background-skeleton-sjxg4n",
     "colorBackgroundSkeletonWave": "--color-background-skeleton-wave-1dy97d",
+    "colorBackgroundBadgeGreen": "--color-background-badge-green-1bcjh0",
+    "colorBackgroundBadgeBlue": "--color-background-badge-blue-6346bd",
+    "colorBackgroundBadgeRed": "--color-background-badge-red-i81nmc",
+    "colorBackgroundBadgeYellow": "--color-background-badge-yellow-n60ths",
+    "colorBackgroundBadgeGrey": "--color-background-badge-grey-ipi6oq",
     "colorBorderBadge": "--color-border-badge-un9qea",
     "colorBorderBadgeGrey": "--color-border-badge-grey-n3ma6u",
     "colorBorderBadgeGreen": "--color-border-badge-green-9thsha",
@@ -16691,6 +16864,8 @@ module.exports.preset = {
     "fontLinkButtonWeight": "--font-link-button-weight-vslyg9",
     "fontPanelHeaderLineHeight": "--font-panel-header-line-height-8xb2qj",
     "fontPanelHeaderSize": "--font-panel-header-size-33h9j8",
+    "fontSideNavigationSectionHeaderSize": "--font-side-navigation-section-header-size-cnrduv",
+    "fontSideNavigationSectionHeaderWeight": "--font-side-navigation-section-header-weight-h807bs",
     "fontSizeBodyM": "--font-size-body-m-a7nh2n",
     "fontSizeBodyS": "--font-size-body-s-smc8cv",
     "fontSizeDisplayL": "--font-size-display-l-wa6woo",
@@ -16722,6 +16897,7 @@ module.exports.preset = {
     "fontWeightHeavy": "--font-weight-heavy-6yh4un",
     "fontWeightKeyValuePairsLabel": "--font-weight-key-value-pairs-label-zdidmd",
     "fontWeightLighter": "--font-weight-lighter-ldkoj5",
+    "fontWeightLinkSecondary": "--font-weight-link-secondary-2yfxrh",
     "fontWeightNormal": "--font-weight-normal-cxw1m3",
     "fontWeightTabs": "--font-weight-tabs-ichxzl",
     "fontWeightTabsDisabled": "--font-weight-tabs-disabled-v5r551",