npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1341 → 3.0.1343 - Mend

@cloudscape-design/components-themeable 3.0.1341 → 3.0.1343

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (161) hide show

package/lib/internal/template/internal/components/cartesian-chart/styles.css.js CHANGED Viewed

@@ -1,33 +1,33 @@
     import './styles.scoped.css';
     export default {
-  "axis": "awsui_axis_f0fot_auv8k_145",
-  "vertical-marker": "awsui_vertical-marker_f0fot_auv8k_146",
-  "axis--emphasized": "awsui_axis--emphasized_f0fot_auv8k_151",
-  "axis-label": "awsui_axis-label_f0fot_auv8k_155",
-  "axis-label--x": "awsui_axis-label--x_f0fot_auv8k_160",
-  "axis-label--y": "awsui_axis-label--y_f0fot_auv8k_161",
-  "grid": "awsui_grid_f0fot_auv8k_165",
-  "ticks__line": "awsui_ticks__line_f0fot_auv8k_170",
-  "ticks__text": "awsui_ticks__text_f0fot_auv8k_175",
-  "ticks--y": "awsui_ticks--y_f0fot_auv8k_180",
-  "ticks--x": "awsui_ticks--x_f0fot_auv8k_181",
-  "ticks--bottom": "awsui_ticks--bottom_f0fot_auv8k_185",
-  "labels-inline-start": "awsui_labels-inline-start_f0fot_auv8k_190",
-  "ticks": "awsui_ticks_f0fot_auv8k_170",
-  "labels-inline-start__label": "awsui_labels-inline-start__label_f0fot_auv8k_205",
-  "labels-inline-start--hidden": "awsui_labels-inline-start--hidden_f0fot_auv8k_209",
-  "labels-block-end": "awsui_labels-block-end_f0fot_auv8k_217",
-  "vertical-marker-circle": "awsui_vertical-marker-circle_f0fot_auv8k_228",
-  "vertical-marker-circle-active": "awsui_vertical-marker-circle-active_f0fot_auv8k_234",
-  "focus-outline": "awsui_focus-outline_f0fot_auv8k_239",
-  "chart-container": "awsui_chart-container_f0fot_auv8k_247",
-  "fit-height": "awsui_fit-height_f0fot_auv8k_252",
-  "chart-container-outer": "awsui_chart-container-outer_f0fot_auv8k_257",
-  "has-filters": "awsui_has-filters_f0fot_auv8k_263",
-  "chart-container-inner": "awsui_chart-container-inner_f0fot_auv8k_267",
-  "chart-container-plot-wrapper": "awsui_chart-container-plot-wrapper_f0fot_auv8k_274",
-  "chart-container-plot": "awsui_chart-container-plot_f0fot_auv8k_274",
-  "chart-container-bottom-labels": "awsui_chart-container-bottom-labels_f0fot_auv8k_286"
+  "axis": "awsui_axis_f0fot_1lqm2_145",
+  "vertical-marker": "awsui_vertical-marker_f0fot_1lqm2_146",
+  "axis--emphasized": "awsui_axis--emphasized_f0fot_1lqm2_151",
+  "axis-label": "awsui_axis-label_f0fot_1lqm2_155",
+  "axis-label--x": "awsui_axis-label--x_f0fot_1lqm2_160",
+  "axis-label--y": "awsui_axis-label--y_f0fot_1lqm2_161",
+  "grid": "awsui_grid_f0fot_1lqm2_165",
+  "ticks__line": "awsui_ticks__line_f0fot_1lqm2_170",
+  "ticks__text": "awsui_ticks__text_f0fot_1lqm2_175",
+  "ticks--y": "awsui_ticks--y_f0fot_1lqm2_180",
+  "ticks--x": "awsui_ticks--x_f0fot_1lqm2_181",
+  "ticks--bottom": "awsui_ticks--bottom_f0fot_1lqm2_185",
+  "labels-inline-start": "awsui_labels-inline-start_f0fot_1lqm2_190",
+  "ticks": "awsui_ticks_f0fot_1lqm2_170",
+  "labels-inline-start__label": "awsui_labels-inline-start__label_f0fot_1lqm2_205",
+  "labels-inline-start--hidden": "awsui_labels-inline-start--hidden_f0fot_1lqm2_209",
+  "labels-block-end": "awsui_labels-block-end_f0fot_1lqm2_217",
+  "vertical-marker-circle": "awsui_vertical-marker-circle_f0fot_1lqm2_228",
+  "vertical-marker-circle-active": "awsui_vertical-marker-circle-active_f0fot_1lqm2_234",
+  "focus-outline": "awsui_focus-outline_f0fot_1lqm2_239",
+  "chart-container": "awsui_chart-container_f0fot_1lqm2_247",
+  "fit-height": "awsui_fit-height_f0fot_1lqm2_252",
+  "chart-container-outer": "awsui_chart-container-outer_f0fot_1lqm2_257",
+  "has-filters": "awsui_has-filters_f0fot_1lqm2_263",
+  "chart-container-inner": "awsui_chart-container-inner_f0fot_1lqm2_267",
+  "chart-container-plot-wrapper": "awsui_chart-container-plot-wrapper_f0fot_1lqm2_274",
+  "chart-container-plot": "awsui_chart-container-plot_f0fot_1lqm2_274",
+  "chart-container-bottom-labels": "awsui_chart-container-bottom-labels_f0fot_1lqm2_286"
 };

package/lib/internal/template/internal/components/cartesian-chart/styles.scoped.css CHANGED Viewed

@@ -142,101 +142,101 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_axis_f0fot_auv8k_145:not(#\9),
-.awsui_vertical-marker_f0fot_auv8k_146:not(#\9) {
-  stroke: var(--color-charts-line-axis-itbyj0, #d5dbdb);
+.awsui_axis_f0fot_1lqm2_145:not(#\9),
+.awsui_vertical-marker_f0fot_1lqm2_146:not(#\9) {
+  stroke: var(--color-charts-line-axis-y1rkac, #d5dbdb);
   stroke-width: 1px;
 }
-.awsui_axis--emphasized_f0fot_auv8k_151:not(#\9) {
+.awsui_axis--emphasized_f0fot_1lqm2_151:not(#\9) {
   stroke-width: 2px;
 }
-.awsui_axis-label_f0fot_auv8k_155:not(#\9) {
+.awsui_axis-label_f0fot_1lqm2_155:not(#\9) {
   font-weight: var(--font-weight-bold-xpar9m, 700);
   fill: var(--color-text-body-default-5qid0u, #16191f);
 }
-.awsui_axis-label--x_f0fot_auv8k_160:not(#\9),
-.awsui_axis-label--y_f0fot_auv8k_161:not(#\9) {
+.awsui_axis-label--x_f0fot_1lqm2_160:not(#\9),
+.awsui_axis-label--y_f0fot_1lqm2_161:not(#\9) {
   /* used in test-utils */
 }
-.awsui_grid_f0fot_auv8k_165:not(#\9) {
-  stroke: var(--color-charts-line-grid-6wlgqa, #d5dbdb);
+.awsui_grid_f0fot_1lqm2_165:not(#\9) {
+  stroke: var(--color-charts-line-grid-hezpxm, #d5dbdb);
   stroke-width: 1px;
 }
-.awsui_ticks__line_f0fot_auv8k_170:not(#\9) {
-  stroke: var(--color-charts-line-tick-36hawu, #d5dbdb);
+.awsui_ticks__line_f0fot_1lqm2_170:not(#\9) {
+  stroke: var(--color-charts-line-tick-kkhxmn, #d5dbdb);
   stroke-width: 1px;
 }
-.awsui_ticks__text_f0fot_auv8k_175:not(#\9) {
+.awsui_ticks__text_f0fot_1lqm2_175:not(#\9) {
   font-size: var(--font-chart-detail-size-gadmd0, 14px);
   fill: var(--color-text-body-secondary-gaft81, #545b64);
 }
-.awsui_ticks--y_f0fot_auv8k_180:not(#\9),
-.awsui_ticks--x_f0fot_auv8k_181:not(#\9) {
+.awsui_ticks--y_f0fot_1lqm2_180:not(#\9),
+.awsui_ticks--x_f0fot_1lqm2_181:not(#\9) {
   /* used in test-utils */
 }
-.awsui_ticks--bottom_f0fot_auv8k_185 > .awsui_ticks__text_f0fot_auv8k_175:not(#\9) {
+.awsui_ticks--bottom_f0fot_1lqm2_185 > .awsui_ticks__text_f0fot_1lqm2_175:not(#\9) {
   text-anchor: middle;
   dominant-baseline: hanging;
 }
-.awsui_labels-inline-start_f0fot_auv8k_190 > .awsui_ticks_f0fot_auv8k_170 > .awsui_ticks__text_f0fot_auv8k_175:not(#\9) {
+.awsui_labels-inline-start_f0fot_1lqm2_190 > .awsui_ticks_f0fot_1lqm2_170 > .awsui_ticks__text_f0fot_1lqm2_175:not(#\9) {
   text-anchor: end;
   dominant-baseline: central;
 }
-.awsui_labels-inline-start_f0fot_auv8k_190:not(#\9) {
+.awsui_labels-inline-start_f0fot_1lqm2_190:not(#\9) {
   position: relative;
   margin-inline-end: 12px;
 }
-.awsui_labels-inline-start_f0fot_auv8k_190 > .awsui_axis-label_f0fot_auv8k_155:not(#\9) {
+.awsui_labels-inline-start_f0fot_1lqm2_190 > .awsui_axis-label_f0fot_1lqm2_155:not(#\9) {
   position: absolute;
   visibility: visible;
   white-space: nowrap;
 }
-.awsui_labels-inline-start__label_f0fot_auv8k_205:not(#\9) {
+.awsui_labels-inline-start__label_f0fot_1lqm2_205:not(#\9) {
   position: absolute;
 }
-.awsui_labels-inline-start--hidden_f0fot_auv8k_209:not(#\9) {
+.awsui_labels-inline-start--hidden_f0fot_1lqm2_209:not(#\9) {
   visibility: hidden;
 }
-.awsui_labels-inline-start--hidden_f0fot_auv8k_209 > .awsui_labels-inline-start__label_f0fot_auv8k_205:not(#\9) {
+.awsui_labels-inline-start--hidden_f0fot_1lqm2_209 > .awsui_labels-inline-start__label_f0fot_1lqm2_205:not(#\9) {
   position: relative;
   white-space: nowrap;
 }
-.awsui_labels-block-end_f0fot_auv8k_217:not(#\9) {
+.awsui_labels-block-end_f0fot_1lqm2_217:not(#\9) {
   position: relative;
   display: block;
   inline-size: 100%;
   overflow: visible;
 }
-.awsui_vertical-marker_f0fot_auv8k_146:not(#\9) {
+.awsui_vertical-marker_f0fot_1lqm2_146:not(#\9) {
   pointer-events: none;
 }
-.awsui_vertical-marker-circle_f0fot_auv8k_228:not(#\9) {
+.awsui_vertical-marker-circle_f0fot_1lqm2_228:not(#\9) {
   fill: var(--color-background-container-content-aemn43, #ffffff);
   pointer-events: none;
   stroke-width: var(--border-line-chart-width-vyj7eu, 2px);
 }
-.awsui_vertical-marker-circle-active_f0fot_auv8k_234:not(#\9) {
+.awsui_vertical-marker-circle-active_f0fot_1lqm2_234:not(#\9) {
   cursor: pointer;
   stroke-width: var(--border-line-chart-width-vyj7eu, 2px);
 }
-.awsui_focus-outline_f0fot_auv8k_239:not(#\9) {
+.awsui_focus-outline_f0fot_1lqm2_239:not(#\9) {
   outline: none;
   pointer-events: none;
   fill: none;
@@ -244,45 +244,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   stroke-width: 2px;
 }
-.awsui_chart-container_f0fot_auv8k_247:not(#\9) {
+.awsui_chart-container_f0fot_1lqm2_247:not(#\9) {
   display: flex;
   inline-size: 100%;
   flex-direction: column;
 }
-.awsui_chart-container_f0fot_auv8k_247.awsui_fit-height_f0fot_auv8k_252:not(#\9) {
+.awsui_chart-container_f0fot_1lqm2_247.awsui_fit-height_f0fot_1lqm2_252:not(#\9) {
   block-size: 100%;
   min-block-size: inherit;
 }
-.awsui_chart-container-outer_f0fot_auv8k_257:not(#\9) {
+.awsui_chart-container-outer_f0fot_1lqm2_257:not(#\9) {
   display: flex;
 }
-.awsui_chart-container-outer_f0fot_auv8k_257.awsui_fit-height_f0fot_auv8k_252:not(#\9) {
+.awsui_chart-container-outer_f0fot_1lqm2_257.awsui_fit-height_f0fot_1lqm2_252:not(#\9) {
   flex: 1;
 }
-.awsui_chart-container-outer_f0fot_auv8k_257.awsui_fit-height_f0fot_auv8k_252:not(#\9):not(.awsui_axis-label_f0fot_auv8k_155 + .awsui_chart-container-outer_f0fot_auv8k_257.awsui_fit-height_f0fot_auv8k_252, .awsui_chart-container-outer_f0fot_auv8k_257.awsui_fit-height_f0fot_auv8k_252.awsui_has-filters_f0fot_auv8k_263) {
+.awsui_chart-container-outer_f0fot_1lqm2_257.awsui_fit-height_f0fot_1lqm2_252:not(#\9):not(.awsui_axis-label_f0fot_1lqm2_155 + .awsui_chart-container-outer_f0fot_1lqm2_257.awsui_fit-height_f0fot_1lqm2_252, .awsui_chart-container-outer_f0fot_1lqm2_257.awsui_fit-height_f0fot_1lqm2_252.awsui_has-filters_f0fot_1lqm2_263) {
   margin-block-start: calc(0.5 * var(--font-chart-detail-size-gadmd0, 14px));
 }
-.awsui_chart-container-inner_f0fot_auv8k_267:not(#\9) {
+.awsui_chart-container-inner_f0fot_1lqm2_267:not(#\9) {
   position: relative;
   display: flex;
   flex-direction: column;
   inline-size: 100%;
 }
-.awsui_chart-container-plot-wrapper_f0fot_auv8k_274.awsui_fit-height_f0fot_auv8k_252:not(#\9) {
+.awsui_chart-container-plot-wrapper_f0fot_1lqm2_274.awsui_fit-height_f0fot_1lqm2_252:not(#\9) {
   display: block;
   position: relative;
   flex: 1;
 }
-.awsui_chart-container-plot_f0fot_auv8k_274.awsui_fit-height_f0fot_auv8k_252:not(#\9) {
+.awsui_chart-container-plot_f0fot_1lqm2_274.awsui_fit-height_f0fot_1lqm2_252:not(#\9) {
   display: block;
   position: absolute;
   inset: 0;
 }
-.awsui_chart-container-bottom-labels_f0fot_auv8k_286.awsui_fit-height_f0fot_auv8k_252:not(#\9) {
+.awsui_chart-container-bottom-labels_f0fot_1lqm2_286.awsui_fit-height_f0fot_1lqm2_252:not(#\9) {
   display: block;
 }

package/lib/internal/template/internal/components/cartesian-chart/styles.selectors.js CHANGED Viewed

@@ -2,33 +2,33 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "axis": "awsui_axis_f0fot_auv8k_145",
-  "vertical-marker": "awsui_vertical-marker_f0fot_auv8k_146",
-  "axis--emphasized": "awsui_axis--emphasized_f0fot_auv8k_151",
-  "axis-label": "awsui_axis-label_f0fot_auv8k_155",
-  "axis-label--x": "awsui_axis-label--x_f0fot_auv8k_160",
-  "axis-label--y": "awsui_axis-label--y_f0fot_auv8k_161",
-  "grid": "awsui_grid_f0fot_auv8k_165",
-  "ticks__line": "awsui_ticks__line_f0fot_auv8k_170",
-  "ticks__text": "awsui_ticks__text_f0fot_auv8k_175",
-  "ticks--y": "awsui_ticks--y_f0fot_auv8k_180",
-  "ticks--x": "awsui_ticks--x_f0fot_auv8k_181",
-  "ticks--bottom": "awsui_ticks--bottom_f0fot_auv8k_185",
-  "labels-inline-start": "awsui_labels-inline-start_f0fot_auv8k_190",
-  "ticks": "awsui_ticks_f0fot_auv8k_170",
-  "labels-inline-start__label": "awsui_labels-inline-start__label_f0fot_auv8k_205",
-  "labels-inline-start--hidden": "awsui_labels-inline-start--hidden_f0fot_auv8k_209",
-  "labels-block-end": "awsui_labels-block-end_f0fot_auv8k_217",
-  "vertical-marker-circle": "awsui_vertical-marker-circle_f0fot_auv8k_228",
-  "vertical-marker-circle-active": "awsui_vertical-marker-circle-active_f0fot_auv8k_234",
-  "focus-outline": "awsui_focus-outline_f0fot_auv8k_239",
-  "chart-container": "awsui_chart-container_f0fot_auv8k_247",
-  "fit-height": "awsui_fit-height_f0fot_auv8k_252",
-  "chart-container-outer": "awsui_chart-container-outer_f0fot_auv8k_257",
-  "has-filters": "awsui_has-filters_f0fot_auv8k_263",
-  "chart-container-inner": "awsui_chart-container-inner_f0fot_auv8k_267",
-  "chart-container-plot-wrapper": "awsui_chart-container-plot-wrapper_f0fot_auv8k_274",
-  "chart-container-plot": "awsui_chart-container-plot_f0fot_auv8k_274",
-  "chart-container-bottom-labels": "awsui_chart-container-bottom-labels_f0fot_auv8k_286"
+  "axis": "awsui_axis_f0fot_1lqm2_145",
+  "vertical-marker": "awsui_vertical-marker_f0fot_1lqm2_146",
+  "axis--emphasized": "awsui_axis--emphasized_f0fot_1lqm2_151",
+  "axis-label": "awsui_axis-label_f0fot_1lqm2_155",
+  "axis-label--x": "awsui_axis-label--x_f0fot_1lqm2_160",
+  "axis-label--y": "awsui_axis-label--y_f0fot_1lqm2_161",
+  "grid": "awsui_grid_f0fot_1lqm2_165",
+  "ticks__line": "awsui_ticks__line_f0fot_1lqm2_170",
+  "ticks__text": "awsui_ticks__text_f0fot_1lqm2_175",
+  "ticks--y": "awsui_ticks--y_f0fot_1lqm2_180",
+  "ticks--x": "awsui_ticks--x_f0fot_1lqm2_181",
+  "ticks--bottom": "awsui_ticks--bottom_f0fot_1lqm2_185",
+  "labels-inline-start": "awsui_labels-inline-start_f0fot_1lqm2_190",
+  "ticks": "awsui_ticks_f0fot_1lqm2_170",
+  "labels-inline-start__label": "awsui_labels-inline-start__label_f0fot_1lqm2_205",
+  "labels-inline-start--hidden": "awsui_labels-inline-start--hidden_f0fot_1lqm2_209",
+  "labels-block-end": "awsui_labels-block-end_f0fot_1lqm2_217",
+  "vertical-marker-circle": "awsui_vertical-marker-circle_f0fot_1lqm2_228",
+  "vertical-marker-circle-active": "awsui_vertical-marker-circle-active_f0fot_1lqm2_234",
+  "focus-outline": "awsui_focus-outline_f0fot_1lqm2_239",
+  "chart-container": "awsui_chart-container_f0fot_1lqm2_247",
+  "fit-height": "awsui_fit-height_f0fot_1lqm2_252",
+  "chart-container-outer": "awsui_chart-container-outer_f0fot_1lqm2_257",
+  "has-filters": "awsui_has-filters_f0fot_1lqm2_263",
+  "chart-container-inner": "awsui_chart-container-inner_f0fot_1lqm2_267",
+  "chart-container-plot-wrapper": "awsui_chart-container-plot-wrapper_f0fot_1lqm2_274",
+  "chart-container-plot": "awsui_chart-container-plot_f0fot_1lqm2_274",
+  "chart-container-bottom-labels": "awsui_chart-container-bottom-labels_f0fot_1lqm2_286"
 };

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

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

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

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (6db99848)",
-  "GIT_SHA": "6db99848",
+  "PACKAGE_VERSION": "3.0.0 (21c5e82c)",
+  "GIT_SHA": "21c5e82c",
   "THEME": "default",
   "SYSTEM": "core",
   "ALWAYS_VISUAL_REFRESH": false,

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

@@ -437,6 +437,7 @@ export const colorBackgroundInputDisabled: string;
 export const colorBackgroundItemSelected: string;
 export const colorBackgroundSideNavigationItemActive: string;
 export const colorBackgroundSideNavigationItemActiveCollapsed: string;
+export const colorBackgroundSideNavigationItemIconHover: string;
 export const colorBackgroundLayoutMain: string;
 export const colorBackgroundLayoutAiDrawer: string;
 export const colorBackgroundDrawer: string;

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

@@ -437,6 +437,7 @@ export var colorBackgroundInputDisabled = "var(--color-background-input-disabled
 export var colorBackgroundItemSelected = "var(--color-background-item-selected-9gppru, #f0fbff)";
 export var colorBackgroundSideNavigationItemActive = "var(--color-background-side-navigation-item-active-adfprg, transparent)";
 export var colorBackgroundSideNavigationItemActiveCollapsed = "var(--color-background-side-navigation-item-active-collapsed-ceubmy, #006ce0)";
+export var colorBackgroundSideNavigationItemIconHover = "var(--color-background-side-navigation-item-icon-hover-ul9ia1, #f0fbff)";
 export var colorBackgroundLayoutMain = "var(--color-background-layout-main-5ilwcb, #ffffff)";
 export var colorBackgroundLayoutAiDrawer = "var(--color-background-layout-ai-drawer-b4mvv3, #161d26)";
 export var colorBackgroundDrawer = "var(--color-background-drawer-5hs0eh, #ffffff)";
@@ -729,7 +730,7 @@ export var colorIconActionCardDefault = "var(--color-icon-action-card-default-an
 export var colorIconActionCardHover = "var(--color-icon-action-card-hover-qxq4pp, #002b66)";
 export var colorIconActionCardActive = "var(--color-icon-action-card-active-rhp94s, #002b66)";
 export var colorIconActionCardDisabled = "var(--color-icon-action-card-disabled-wm3kyf, #b4b4bb)";
-export var colorBackgroundSkeleton = "var(--color-background-skeleton-sjxg4n, #ebebf0)";
+export var colorBackgroundSkeleton = "var(--color-background-skeleton-h3lxqh, #8c8c94)";
 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)";

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

@@ -1795,6 +1795,10 @@ module.exports.preset = {
         "light": "{colorBackgroundControlChecked}",
         "dark": "{colorBackgroundControlChecked}"
       },
+      "colorBackgroundSideNavigationItemIconHover": {
+        "light": "{colorPrimary50}",
+        "dark": "{colorNeutral700}"
+      },
       "colorBackgroundLayoutMain": {
         "light": "{colorWhite}",
         "dark": "{colorNeutral850}"
@@ -2964,8 +2968,8 @@ module.exports.preset = {
         "dark": "{colorNeutral600}"
       },
       "colorBackgroundSkeleton": {
-        "light": "{colorNeutral250}",
-        "dark": "{colorNeutral750}"
+        "light": "{colorNeutral500}",
+        "dark": "{colorNeutral600}"
       },
       "colorBackgroundSkeletonWave": {
         "light": "{colorNeutral150}",
@@ -4799,6 +4803,10 @@ module.exports.preset = {
             "light": "{colorBackgroundControlChecked}",
             "dark": "{colorBackgroundControlChecked}"
           },
+          "colorBackgroundSideNavigationItemIconHover": {
+            "light": "{colorNeutral700}",
+            "dark": "{colorNeutral700}"
+          },
           "colorBackgroundLayoutMain": {
             "light": "{colorNeutral850}",
             "dark": "{colorNeutral850}"
@@ -5968,8 +5976,8 @@ module.exports.preset = {
             "dark": "{colorNeutral600}"
           },
           "colorBackgroundSkeleton": {
-            "light": "{colorNeutral750}",
-            "dark": "{colorNeutral750}"
+            "light": "{colorNeutral600}",
+            "dark": "{colorNeutral600}"
           },
           "colorBackgroundSkeletonWave": {
             "light": "{colorNeutral700}",
@@ -6615,6 +6623,10 @@ module.exports.preset = {
             "light": "{colorBackgroundControlChecked}",
             "dark": "{colorBackgroundControlChecked}"
           },
+          "colorBackgroundSideNavigationItemIconHover": {
+            "light": "{colorNeutral700}",
+            "dark": "{colorNeutral700}"
+          },
           "colorBackgroundLayoutMain": {
             "light": "{colorNeutral950}",
             "dark": "{colorNeutral950}"
@@ -7784,8 +7796,8 @@ module.exports.preset = {
             "dark": "{colorNeutral600}"
           },
           "colorBackgroundSkeleton": {
-            "light": "{colorNeutral750}",
-            "dark": "{colorNeutral750}"
+            "light": "{colorNeutral600}",
+            "dark": "{colorNeutral600}"
           },
           "colorBackgroundSkeletonWave": {
             "light": "{colorNeutral700}",
@@ -8359,6 +8371,10 @@ module.exports.preset = {
             "light": "{colorBackgroundControlChecked}",
             "dark": "{colorBackgroundControlChecked}"
           },
+          "colorBackgroundSideNavigationItemIconHover": {
+            "light": "{colorPrimary50}",
+            "dark": "{colorNeutral700}"
+          },
           "colorBackgroundLayoutMain": {
             "light": "{colorWhite}",
             "dark": "{colorNeutral850}"
@@ -9528,8 +9544,8 @@ module.exports.preset = {
             "dark": "{colorNeutral600}"
           },
           "colorBackgroundSkeleton": {
-            "light": "{colorNeutral250}",
-            "dark": "{colorNeutral750}"
+            "light": "{colorNeutral500}",
+            "dark": "{colorNeutral600}"
           },
           "colorBackgroundSkeletonWave": {
             "light": "{colorNeutral150}",
@@ -9949,6 +9965,10 @@ module.exports.preset = {
             "light": "{colorBackgroundControlChecked}",
             "dark": "{colorBackgroundControlChecked}"
           },
+          "colorBackgroundSideNavigationItemIconHover": {
+            "light": "{colorPrimary50}",
+            "dark": "{colorNeutral700}"
+          },
           "colorBackgroundLayoutMain": {
             "light": "{colorWhite}",
             "dark": "{colorNeutral850}"
@@ -11118,8 +11138,8 @@ module.exports.preset = {
             "dark": "{colorNeutral600}"
           },
           "colorBackgroundSkeleton": {
-            "light": "{colorNeutral250}",
-            "dark": "{colorNeutral750}"
+            "light": "{colorNeutral500}",
+            "dark": "{colorNeutral600}"
           },
           "colorBackgroundSkeletonWave": {
             "light": "{colorNeutral150}",
@@ -11539,6 +11559,10 @@ module.exports.preset = {
             "light": "{colorBackgroundControlChecked}",
             "dark": "{colorBackgroundControlChecked}"
           },
+          "colorBackgroundSideNavigationItemIconHover": {
+            "light": "{colorPrimary50}",
+            "dark": "{colorNeutral700}"
+          },
           "colorBackgroundLayoutMain": {
             "light": "{colorWhite}",
             "dark": "{colorNeutral850}"
@@ -12708,8 +12732,8 @@ module.exports.preset = {
             "dark": "{colorNeutral600}"
           },
           "colorBackgroundSkeleton": {
-            "light": "{colorNeutral250}",
-            "dark": "{colorNeutral750}"
+            "light": "{colorNeutral500}",
+            "dark": "{colorNeutral600}"
           },
           "colorBackgroundSkeletonWave": {
             "light": "{colorNeutral150}",
@@ -13131,6 +13155,10 @@ module.exports.preset = {
             "light": "{colorBackgroundControlChecked}",
             "dark": "{colorBackgroundControlChecked}"
           },
+          "colorBackgroundSideNavigationItemIconHover": {
+            "light": "{colorNeutral700}",
+            "dark": "{colorNeutral700}"
+          },
           "colorBackgroundLayoutMain": {
             "light": "{colorNeutral850}",
             "dark": "{colorNeutral850}"
@@ -14300,8 +14328,8 @@ module.exports.preset = {
             "dark": "{colorNeutral600}"
           },
           "colorBackgroundSkeleton": {
-            "light": "{colorNeutral750}",
-            "dark": "{colorNeutral750}"
+            "light": "{colorNeutral600}",
+            "dark": "{colorNeutral600}"
           },
           "colorBackgroundSkeletonWave": {
             "light": "{colorNeutral700}",
@@ -14932,6 +14960,7 @@ module.exports.preset = {
       "colorBackgroundItemSelected": "color",
       "colorBackgroundSideNavigationItemActive": "color",
       "colorBackgroundSideNavigationItemActiveCollapsed": "color",
+      "colorBackgroundSideNavigationItemIconHover": "color",
       "colorBackgroundLayoutMain": "color",
       "colorBackgroundLayoutAiDrawer": "color",
       "colorBackgroundDrawer": "color",
@@ -17215,6 +17244,7 @@ module.exports.preset = {
     "colorBackgroundItemSelected": "color-background-item-selected",
     "colorBackgroundSideNavigationItemActive": "color-background-side-navigation-item-active",
     "colorBackgroundSideNavigationItemActiveCollapsed": "color-background-side-navigation-item-active-collapsed",
+    "colorBackgroundSideNavigationItemIconHover": "color-background-side-navigation-item-icon-hover",
     "colorBackgroundLayoutMain": "color-background-layout-main",
     "colorBackgroundLayoutAiDrawer": "color-background-layout-ai-drawer",
     "colorBackgroundDrawer": "color-background-drawer",
@@ -18337,6 +18367,7 @@ module.exports.preset = {
     "colorBackgroundItemSelected": "--color-background-item-selected-9gppru",
     "colorBackgroundSideNavigationItemActive": "--color-background-side-navigation-item-active-adfprg",
     "colorBackgroundSideNavigationItemActiveCollapsed": "--color-background-side-navigation-item-active-collapsed-ceubmy",
+    "colorBackgroundSideNavigationItemIconHover": "--color-background-side-navigation-item-icon-hover-ul9ia1",
     "colorBackgroundLayoutMain": "--color-background-layout-main-5ilwcb",
     "colorBackgroundLayoutAiDrawer": "--color-background-layout-ai-drawer-b4mvv3",
     "colorBackgroundDrawer": "--color-background-drawer-5hs0eh",
@@ -18629,7 +18660,7 @@ module.exports.preset = {
     "colorIconActionCardHover": "--color-icon-action-card-hover-qxq4pp",
     "colorIconActionCardActive": "--color-icon-action-card-active-rhp94s",
     "colorIconActionCardDisabled": "--color-icon-action-card-disabled-wm3kyf",
-    "colorBackgroundSkeleton": "--color-background-skeleton-sjxg4n",
+    "colorBackgroundSkeleton": "--color-background-skeleton-h3lxqh",
     "colorBackgroundSkeletonWave": "--color-background-skeleton-wave-1dy97d",
     "colorBackgroundBadgeGreen": "--color-background-badge-green-1bcjh0",
     "colorBackgroundBadgeBlue": "--color-background-badge-blue-6346bd",