@synergy-design-system/components 2.62.0 → 2.64.0

package/dist/chunks/chunk.RKQUXZPO.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/icon/library.migration.ts"],
+  "sourcesContent": ["/* eslint-disable complexity */\n/**\n * Icon library for migrating old icon names to new icon names.\n * This file is automatically generated via\n * `@synergy-design-system/assets/scripts/createSynMigrationIconLibrary.js`.\n */\nimport { getBasePath } from '../../utilities/base-path.js';\nimport { type IconLibrary, registerIconLibrary } from './library.js';\nimport defaultSystemLibrary from './library.system.js';\nimport { type AvailableSystemIcons, setSystemIconLibrary } from './library.system.js';\n\n/**\n * The icon migration state:\n * - DISABLED: No migration is performed.\n * - ENABLED: Migration is performed and logs a warning when an icon is migrated.\n * - ENABLED_WITHOUT_LOGGING: Migration is performed without logging warnings.\n */\ntype IconMigrationState = 'DISABLED' | 'ENABLED' | 'ENABLED_WITHOUT_LOGGING';\n\n/**\n * Get the migrated icon name for a given old icon name.\n * @param {string} iconName The old icon name\n * @param {boolean} enableLogging? Whether to enable logging for unmapped icons\n * @returns {string} The new icon name\n */\nexport const migrateIconName = (\n  iconName: string,\n  enableLogging: boolean = false,\n) => {\n  let icon: string;\n\n  switch (iconName) {\n  case 'access_alarm': icon = 'alarm'; break;\n  case 'access_alarms': icon = 'alarm'; break;\n  case 'access_time': icon = 'schedule'; break;\n  case 'access_time_filled': icon = 'schedule'; break;\n  case 'account_tree_outline': icon = 'account_tree'; break;\n  case 'add_alarm': icon = 'alarm_add'; break;\n  case 'add_circle_outline': icon = 'add_circle'; break;\n  case 'add_ic_call': icon = 'add_call'; break;\n  case 'addchart': icon = 'add_chart'; break;\n  case 'announcement': icon = 'feedback'; break;\n  case 'app_settings_alt': icon = 'phonelink_setup'; break;\n  case 'arrow_range_outline': icon = 'arrow_range'; break;\n  case 'assessment': icon = 'insert_chart'; break;\n  case 'assistant_photo': icon = 'flag'; break;\n  case 'audiotrack': icon = 'music_note'; break;\n  case 'battery_std': icon = 'battery_full'; break;\n  case 'bluetooth_audio': icon = 'bluetooth_searching'; break;\n  case 'bookmark_border': icon = 'bookmark'; break;\n  case 'box_outline': icon = 'box'; break;\n  case 'browser_not_supported': icon = 'web_asset_off'; break;\n  case 'build_circle_outline': icon = 'build_circle'; break;\n  case 'business': icon = 'domain'; break;\n  case 'camera_alt': icon = 'photo_camera'; break;\n  case 'cancel_outline': icon = 'cancel'; break;\n  case 'card_giftcard': icon = 'redeem'; break;\n  case 'catching_pokemon': icon = 'sports_baseball'; break;\n  case 'center_focus_strong_outline': icon = 'center_focus_strong'; break;\n  case 'chat_bubble_outline': icon = 'chat_bubble'; break;\n  case 'check_circle_outline': icon = 'check_circle'; break;\n  case 'circle_outline': icon = 'circle'; break;\n  case 'class': icon = 'book'; break;\n  case 'clear': icon = 'close'; break;\n  case 'closed_caption_off': icon = 'closed_caption'; break;\n  case 'collections': icon = 'filter'; break;\n  case 'color_lens': icon = 'palette'; break;\n  case 'control_point': icon = 'add_circle'; break;\n  case 'conveyor_belt_outline': icon = 'conveyor_belt'; break;\n  case 'create': icon = 'edit'; break;\n  case 'crop_din': icon = 'crop_square'; break;\n  case 'crop_original': icon = 'image'; break;\n  case 'data_saver_off': icon = 'data_usage'; break;\n  case 'delete_outline': icon = 'delete'; break;\n  case 'delivery_dining': icon = 'moped'; break;\n  case 'directions_boat_filled': icon = 'directions_boat'; break;\n  case 'directions_bus_filled': icon = 'directions_bus'; break;\n  case 'directions_car_filled': icon = 'directions_car'; break;\n  case 'directions_railway_filled': icon = 'directions_railway'; break;\n  case 'directions_subway_filled': icon = 'directions_subway'; break;\n  case 'directions_transit': icon = 'directions_subway'; break;\n  case 'directions_transit_filled': icon = 'directions_subway'; break;\n  case 'discount': icon = 'sell'; break;\n  case 'do_disturb': icon = 'block'; break;\n  case 'do_disturb_alt': icon = 'block'; break;\n  case 'do_disturb_off': icon = 'block'; break;\n  case 'do_disturb_on': icon = 'do_not_disturb_on'; break;\n  case 'do_not_disturb': icon = 'do_not_disturb_off'; break;\n  case 'do_not_disturb_alt': icon = 'block'; break;\n  case 'drive_eta': icon = 'directions_car'; break;\n  case 'email': icon = 'mail'; break;\n  case 'emoji_emotions': icon = 'mood'; break;\n  case 'error_outline': icon = 'error'; break;\n  case 'favorite_border': icon = 'favorite'; break;\n  case 'feedback_outline': icon = 'feedback'; break;\n  case 'filter_alt_outline': icon = 'filter_alt'; break;\n  case 'fire_hydrant_alt': icon = 'fire_hydrant'; break;\n  case 'fitbit': icon = 'blur_on'; break;\n  case 'fmd_good': icon = 'location_on'; break;\n  case 'free_breakfast': icon = 'local_cafe'; break;\n  case 'games': icon = 'gamepad'; break;\n  case 'get_app': icon = 'file_download'; break;\n  case 'gpp_good': icon = 'verified_user'; break;\n  case 'gps_fixed': icon = 'my_location'; break;\n  case 'gps_not_fixed': icon = 'location_searching'; break;\n  case 'gps_off': icon = 'location_disabled'; break;\n  case 'headset': icon = 'headphones'; break;\n  case 'help_outline': icon = 'help'; break;\n  case 'highlight_alt': icon = 'ink_selection'; break;\n  case 'highlight_off': icon = 'cancel'; break;\n  case 'https': icon = 'lock'; break;\n  case 'import_export': icon = 'swap_vert'; break;\n  case 'info_outline': icon = 'info'; break;\n  case 'insert_chart_outlined': icon = 'insert_chart'; break;\n  case 'insert_comment': icon = 'comment'; break;\n  case 'insert_drive_file': icon = 'note'; break;\n  case 'insert_emoticon': icon = 'mood'; break;\n  case 'insert_invitation': icon = 'event'; break;\n  case 'insert_link': icon = 'link'; break;\n  case 'insert_photo': icon = 'image'; break;\n  case 'iso': icon = 'exposure'; break;\n  case 'laptop': icon = 'laptop_mac'; break;\n  case 'launch': icon = 'open_in_new'; break;\n  case 'local_airport': icon = 'flight'; break;\n  case 'local_grocery_store': icon = 'shopping_cart'; break;\n  case 'local_hotel': icon = 'hotel'; break;\n  case 'local_movies': icon = 'theaters'; break;\n  case 'local_offer': icon = 'sell'; break;\n  case 'local_phone': icon = 'call'; break;\n  case 'local_play': icon = 'local_activity'; break;\n  case 'local_printshop': icon = 'print'; break;\n  case 'loop': icon = 'sync'; break;\n  case 'mail_outline': icon = 'mail'; break;\n  case 'maps_home_work': icon = 'home_work'; break;\n  case 'markunread': icon = 'mail'; break;\n  case 'message': icon = 'chat'; break;\n  case 'mic_none': icon = 'mic'; break;\n  case 'miscellaneous_services': icon = 'manufacturing'; break;\n  case 'mode': icon = 'edit'; break;\n  case 'mode_edit': icon = 'edit'; break;\n  case 'mode_edit_outline': icon = 'edit'; break;\n  case 'money_off_csred': icon = 'money_off'; break;\n  case 'motion_photos_pause': icon = 'motion_photos_paused'; break;\n  case 'move_group_outline': icon = 'move_group'; break;\n  case 'movie_creation': icon = 'movie'; break;\n  case 'nightlight_round': icon = 'nightlight'; break;\n  case 'no_cell': icon = 'mobile_off'; break;\n  case 'no_encryption_gmailerrorred': icon = 'no_encryption'; break;\n  case 'not_interested': icon = 'block'; break;\n  case 'notifications_none': icon = 'notifications'; break;\n  case 'ondemand_video': icon = 'live_tv'; break;\n  case 'outlined_flag': icon = 'flag'; break;\n  case 'package_2_outline': icon = 'package_2'; break;\n  case 'package_outline': icon = 'package'; break;\n  case 'pallet_outline': icon = 'pallet'; break;\n  case 'pan_tool_outline': icon = 'pan_tool'; break;\n  case 'panorama_horizontal_select': icon = 'panorama_horizontal'; break;\n  case 'panorama_photosphere_select': icon = 'panorama_photosphere'; break;\n  case 'panorama_vertical_select': icon = 'panorama_vertical'; break;\n  case 'panorama_wide_angle_select': icon = 'panorama_wide_angle'; break;\n  case 'pause_circle_filled': icon = 'pause_circle'; break;\n  case 'pause_circle_outline': icon = 'pause_circle'; break;\n  case 'payment': icon = 'credit_card'; break;\n  case 'pending_outline': icon = 'pending'; break;\n  case 'people': icon = 'group'; break;\n  case 'people_alt': icon = 'group'; break;\n  case 'people_outline': icon = 'group'; break;\n  case 'perm_identity': icon = 'person'; break;\n  case 'person_add_alt': icon = 'person_add'; break;\n  case 'person_add_alt_1': icon = 'person_add'; break;\n  case 'person_outline': icon = 'person'; break;\n  case 'person_remove_alt_1': icon = 'person_remove'; break;\n  case 'personal_video': icon = 'monitor'; break;\n  case 'phone': icon = 'call'; break;\n  case 'phonelink': icon = 'devices'; break;\n  case 'photo_size_select_actual': icon = 'panorama'; break;\n  case 'pie_chart_outline': icon = 'pie_chart'; break;\n  case 'pix': icon = 'wallpaper'; break;\n  case 'place': icon = 'location_on'; break;\n  case 'play_circle_filled': icon = 'play_circle'; break;\n  case 'play_circle_outline': icon = 'play_circle'; break;\n  case 'plus_one': icon = 'exposure_plus_1'; break;\n  case 'poll': icon = 'insert_chart'; break;\n  case 'portrait': icon = 'account_box'; break;\n  case 'progress_activity_outline': icon = 'progress_activity'; break;\n  case 'query_builder': icon = 'schedule'; break;\n  case 'question_answer': icon = 'forum'; break;\n  case 'queue': icon = 'library_add'; break;\n  case 'remove_circle': icon = 'do_not_disturb_on'; break;\n  case 'remove_circle_outline': icon = 'do_not_disturb_on'; break;\n  case 'remove_red_eye': icon = 'visibility'; break;\n  case 'replay_circle_filled': icon = 'replay'; break;\n  case 'report_gmailerrorred': icon = 'report'; break;\n  case 'report_problem': icon = 'warning'; break;\n  case 'restore': icon = 'history'; break;\n  case 'room': icon = 'location_on'; break;\n  case 'rotate_90_degrees_cw_outline': icon = 'rotate_90_degrees_cw'; break;\n  case 'save_alt': icon = 'file_download'; break;\n  case 'sd_storage': icon = 'sd_card'; break;\n  case 'security_update': icon = 'system_update'; break;\n  case 'sentiment_satisfied_alt': icon = 'sentiment_satisfied'; break;\n  case 'settings_input_composite': icon = 'settings_input_component'; break;\n  case 'settings_outline': icon = 'settings'; break;\n  case 'shelves_outline': icon = 'shelves'; break;\n  case 'shop_2': icon = 'shop_two'; break;\n  case 'shortcut': icon = 'turn_right'; break;\n  case 'signal_cellular_no_sim': icon = 'no_sim'; break;\n  case 'signal_wifi_4_bar_lock': icon = 'wifi_lock'; break;\n  case 'signal_wifi_connected_no_internet_4': icon = 'signal_wifi_bad'; break;\n  case 'signal_wifi_statusbar_4_bar': icon = 'signal_wifi_4_bar'; break;\n  case 'signal_wifi_statusbar_connected_no_internet_4': icon = 'signal_wifi_statusbar_not_connected'; break;\n  case 'sim_card_alert': icon = 'sd_card_alert'; break;\n  case 'sms_outline': icon = 'sms'; break;\n  case 'source': icon = 'topic'; break;\n  case 'square_outline': icon = 'square'; break;\n  case 'star_border': icon = 'grade'; break;\n  case 'star_border_purple500': icon = 'star_rate'; break;\n  case 'star_outline': icon = 'star'; break;\n  case 'star_purple500': icon = 'star_rate'; break;\n  case 'stop_circle_outline': icon = 'stop_circle'; break;\n  case 'store_mall_directory': icon = 'store'; break;\n  case 'system_security_update': icon = 'system_update'; break;\n  case 'system_security_update_good': icon = 'security_update_good'; break;\n  case 'system_security_update_warning': icon = 'security_update_warning'; break;\n  case 'table_chart_outline': icon = 'table_chart'; break;\n  case 'tag_faces': icon = 'mood'; break;\n  case 'terrain': icon = 'landscape'; break;\n  case 'textsms': icon = 'sms'; break;\n  case 'thumb_down_alt': icon = 'thumb_down'; break;\n  case 'thumb_down_off_alt': icon = 'thumb_down_off'; break;\n  case 'thumb_up_alt': icon = 'thumb_up'; break;\n  case 'thumb_up_off_alt': icon = 'thumb_up_off'; break;\n  case 'time_to_leave': icon = 'directions_car'; break;\n  case 'timer_outline': icon = 'timer'; break;\n  case 'try': icon = 'reviews'; break;\n  case 'tungsten': icon = 'wb_incandescent'; break;\n  case 'turned_in': icon = 'bookmark'; break;\n  case 'turned_in_not': icon = 'bookmark'; break;\n  case 'visibility_off_outline': icon = 'visibility_off'; break;\n  case 'visibility_outline': icon = 'visibility'; break;\n  case 'warning_amber': icon = 'warning'; break;\n  case 'watch_later': icon = 'schedule'; break;\n  case 'wb_cloudy': icon = 'cloud_queue'; break;\n  case 'wb_incandescent_outline': icon = 'wb_incandescent'; break;\n  case 'window_outline': icon = 'window'; break;\n  case 'work_off': icon = 'enterprise_off'; break;\n  case 'work_outline': icon = 'work'; break;\n\n  // Default case: We have a direct mapping\n  default: icon = iconName;\n  }\n\n  if (enableLogging && icon !== iconName) {\n    // eslint-disable-next-line no-console\n    console.warn(`[Icon Migration] Mapped icon name \"${iconName}\" to \"${icon}\"`);\n  }\n\n  return icon;\n};\n\n/**\n * Get the migrated icon name for a given old icon name in its filled state.\n * @param {string} iconName The old icon name\n * @param {boolean} enableLogging? Whether to enable logging for unmapped icons\n * @returns {string} The new icon name\n */\nexport const migrateIconNameFilled = (\n  iconName: string,\n  enableLogging: boolean = false,\n) => {\n  const baseIconName = migrateIconName(iconName, enableLogging);\n  return `${baseIconName}_fill`;\n};\n\n/**\n * Create an icon library for migrating old icon names to new icon names.\n * @param {IconMigrationState} withState The icon migration state\n * @returns {IconLibrary} The migration icon library\n */\nexport const createMigrationLibrary = (withState: IconMigrationState = 'DISABLED'): IconLibrary => ({\n  name: 'default',\n  resolver: name => {\n    const mappedName = migrateIconName(name, withState === 'ENABLED');\n    return getBasePath(`assets/icons/${mappedName}.svg`);\n  },\n});\n\n/**\n * Default icon library for migrating old icon names to new icon names.\n */\nexport const migrationLibrary = createMigrationLibrary('DISABLED');\n\n/**\n * Setup the system icon library.\n * @param iconset The system icon set to use\n * @param enableLogging Enable logging of migrated icons?\n * @returns The icon library used\n */\nexport const setupIcons = (\n  iconset: AvailableSystemIcons = 'sick2025',\n  enableLogging: boolean = true,\n): IconLibrary => {\n  const iconlibraryToUse = iconset === 'sick2018'\n    ? defaultSystemLibrary\n    : createMigrationLibrary(enableLogging ? 'ENABLED' : 'ENABLED_WITHOUT_LOGGING');\n\n  registerIconLibrary('default', iconlibraryToUse);\n  setSystemIconLibrary(iconset);\n\n  return iconlibraryToUse;\n};\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/chunks/{chunk.N4HJEHEX.js → chunk.RTIAGXWJ.js}

@@ -2,7 +2,7 @@ import {
   getIconLibrary,
   unwatchIcon,
   watchIcon
-} from "./chunk.7ALXZDQG.js";
+} from "./chunk.CBEHC72O.js";
 import {
   icon_custom_styles_default
 } from "./chunk.PJO6TM3T.js";
@@ -17,7 +17,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7TL4ZWRO.js";
+} from "./chunk.BOLNLEU5.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -191,4 +191,4 @@ __decorateClass([
 export {
   SynIcon
 };
-//# sourceMappingURL=chunk.N4HJEHEX.js.map
+//# sourceMappingURL=chunk.RTIAGXWJ.js.map

package/dist/chunks/{chunk.MWNHJT63.js → chunk.RUGNLIOD.js}

@@ -1,12 +1,12 @@
-import {
-  icon_button_custom_styles_default
-} from "./chunk.E3Z62YYT.js";
 import {
   icon_button_styles_default
 } from "./chunk.DZ7YIR5N.js";
+import {
+  icon_button_custom_styles_default
+} from "./chunk.E3Z62YYT.js";
 import {
   SynIcon
-} from "./chunk.N4HJEHEX.js";
+} from "./chunk.RTIAGXWJ.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7TL4ZWRO.js";
+} from "./chunk.BOLNLEU5.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -144,4 +144,4 @@ SynIconButton = __decorateClass([
 export {
   SynIconButton
 };
-//# sourceMappingURL=chunk.MWNHJT63.js.map
+//# sourceMappingURL=chunk.RUGNLIOD.js.map

package/dist/chunks/{chunk.HGRB7UGQ.js → chunk.RYJ3GPVA.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7TL4ZWRO.js";
+} from "./chunk.BOLNLEU5.js";
 
 // src/components/spinner/spinner.component.ts
 import { html } from "lit";
@@ -35,4 +35,4 @@ SynSpinner.styles = [component_styles_default, spinner_styles_default, spinner_c
 export {
   SynSpinner
 };
-//# sourceMappingURL=chunk.HGRB7UGQ.js.map
+//# sourceMappingURL=chunk.RYJ3GPVA.js.map

package/dist/chunks/{chunk.ZZ553PFP.js → chunk.SEOUD6J4.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7TL4ZWRO.js";
+} from "./chunk.BOLNLEU5.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -55,4 +55,4 @@ __decorateClass([
 export {
   SynCard
 };
-//# sourceMappingURL=chunk.ZZ553PFP.js.map
+//# sourceMappingURL=chunk.SEOUD6J4.js.map

package/dist/chunks/{chunk.UOOLCJBO.js → chunk.SMQELY3O.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.EK4TK5MY.js";
 import {
   icon_default
-} from "./chunk.WB7UVWSF.js";
+} from "./chunk.ZZHZ4TWD.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7TL4ZWRO.js";
+} from "./chunk.BOLNLEU5.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -206,4 +206,4 @@ __decorateClass([
 export {
   SynHeader
 };
-//# sourceMappingURL=chunk.UOOLCJBO.js.map
+//# sourceMappingURL=chunk.SMQELY3O.js.map

package/dist/chunks/{chunk.763M6VGH.js → chunk.SNVPJN2J.js}

@@ -1,6 +1,6 @@
 import {
   SynBreadcrumb
-} from "./chunk.ZIVJLQ5Y.js";
+} from "./chunk.YFLMSG6Y.js";
 
 // src/components/breadcrumb/breadcrumb.ts
 var breadcrumb_default = SynBreadcrumb;
@@ -9,4 +9,4 @@ SynBreadcrumb.define("syn-breadcrumb");
 export {
   breadcrumb_default
 };
-//# sourceMappingURL=chunk.763M6VGH.js.map
+//# sourceMappingURL=chunk.SNVPJN2J.js.map

package/dist/chunks/{chunk.JQ5WZR46.js → chunk.SZEHOV5P.js}

@@ -7,11 +7,27 @@ var menu_item_custom_styles_default = css`
   }
 
   .menu-item {
-    color: var(--syn-typography-color-text);
+    /*
+     * #958: Brand2025 defines a small gap between menu items
+     * and rounded corners. We achieve that using an outline
+     * that simulates the gap using the menu background color.
+     */
+    --outline: calc(var(--syn-focus-ring-border-radius) * 1.5);
+    
+    border-radius: calc(var(--outline) * 1.5);
+    color: var(--syn-option-color, var(--syn-typography-color-text));
     font-size: var(--syn-font-size-medium);
+    outline: var(--outline) solid var(--syn-panel-background-color);
+    outline-offset: calc(var(--outline) * -1 + 1px);
     padding: var(--syn-spacing-small) var(--syn-spacing-medium);
   }
 
+  :host(:focus-visible) .menu-item {
+    background-color: var(--syn-option-background-color-active, var(--syn-color-neutral-1000));
+    outline: var(--outline) solid var(--syn-panel-background-color);
+    outline-offset: calc(var(--outline) * -1 + 1px);
+  }
+
   /** #429: Use token for opacity */
   .menu-item.menu-item--disabled {
     opacity: var(--syn-opacity-50);
@@ -33,15 +49,29 @@ var menu_item_custom_styles_default = css`
    */
   .menu-item .menu-item__prefix::slotted(syn-icon),
   .menu-item .menu-item__suffix::slotted(syn-icon) {
-    color: var(--syn-color-neutral-800);
+    color: var(--syn-option-icon-color, var(--syn-typography-color-text));
     font-size: var(--syn-font-size-x-large);
   }
 
-  :host(:focus-visible)  .menu-item .menu-item__prefix::slotted(syn-icon),
-  :host(:focus-visible)  .menu-item .menu-item__suffix::slotted(syn-icon) {
-    color: var(--syn-color-neutral-0);
+  :host(:hover) .menu-item .menu-item__prefix::slotted(syn-icon),
+  :host(:hover) .menu-item__suffix::slotted(syn-icon) {
+    color: var(--syn-option-icon-color-hover, var(--syn-typography-color-text-inverted));
+  }
+
+  :host(:focus-visible) .menu-item .menu-item__prefix::slotted(syn-icon),
+  :host(:focus-visible) .menu-item .menu-item__suffix::slotted(syn-icon) {
+    color: var(--syn-option-icon-color-active, var(--syn-typography-color-text-inverted));
   }
 
+  /* Adjust background and text color for focused elements */
+  /* stylelint-disable selector-not-notation, plugin/no-unsupported-browser-features */
+  :host(:hover:not([aria-disabled='true'], :focus-visible)) .menu-item,
+  .menu-item--submenu-expanded {
+    background-color: var(--syn-option-background-color-hover, var(--syn-color-neutral-1000));
+    color: var(--syn-option-color-hover, var(--syn-typography-color-text-inverted));
+  }
+  /* stylelint-enable selector-not-notation, plugin/no-unsupported-browser-features */
+
   /**
    * Adjust the size of icons
    */
@@ -61,7 +91,7 @@ var menu_item_custom_styles_default = css`
   }
 
   .menu-item .menu-item__check {
-    color: var(--syn-color-primary-600);
+    color: var(--syn-option-check-color, var(--syn-color-primary-600));
     margin-inline-end: var(--syn-spacing-small);
   }
 
@@ -76,7 +106,11 @@ var menu_item_custom_styles_default = css`
    * Make sure the checkbox is also visible when the item is active
    */
   :host(:focus-visible) .menu-item--checked .menu-item__check {
-    color: var(--syn-color-neutral-0);
+    color: var(--syn-option-check-color-active, var(--syn-color-neutral-0));
+  }
+
+  :host(:hover) .menu-item--checked .menu-item__check {
+    color: var(--syn-option-check-color-hover, var(--syn-color-neutral-0));
   }
 
   /**
@@ -110,6 +144,7 @@ var menu_item_custom_styles_default = css`
   .menu-item--loading syn-spinner {
     --track-width: 2px;
 
+    color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-700));
     font-size: var(--syn-font-size-medium);
     left: var(--syn-spacing-medium);
   }
@@ -130,4 +165,4 @@ var menu_item_custom_styles_default = css`
 export {
   menu_item_custom_styles_default
 };
-//# sourceMappingURL=chunk.JQ5WZR46.js.map
+//# sourceMappingURL=chunk.SZEHOV5P.js.map

package/dist/chunks/chunk.SZEHOV5P.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/menu-item/menu-item.custom.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    /* Custom override for hiding the checkmark in menus it is not needed */\n    --display-checkmark: flex;\n  }\n\n  .menu-item {\n    /*\n     * #958: Brand2025 defines a small gap between menu items\n     * and rounded corners. We achieve that using an outline\n     * that simulates the gap using the menu background color.\n     */\n    --outline: calc(var(--syn-focus-ring-border-radius) * 1.5);\n    \n    border-radius: calc(var(--outline) * 1.5);\n    color: var(--syn-option-color, var(--syn-typography-color-text));\n    font-size: var(--syn-font-size-medium);\n    outline: var(--outline) solid var(--syn-panel-background-color);\n    outline-offset: calc(var(--outline) * -1 + 1px);\n    padding: var(--syn-spacing-small) var(--syn-spacing-medium);\n  }\n\n  :host(:focus-visible) .menu-item {\n    background-color: var(--syn-option-background-color-active, var(--syn-color-neutral-1000));\n    outline: var(--outline) solid var(--syn-panel-background-color);\n    outline-offset: calc(var(--outline) * -1 + 1px);\n  }\n\n  /** #429: Use token for opacity */\n  .menu-item.menu-item--disabled {\n    opacity: var(--syn-opacity-50);\n  }\n\n  /**\n   * Handling for slotted prefix and suffix\n   */\n  .menu-item .menu-item__prefix::slotted(*) {\n    margin-inline-end: var(--syn-spacing-small);\n  }\n\n  .menu-item .menu-item__suffix::slotted(*) {\n    margin-inline-start: var(--syn-spacing-small);\n  }\n\n  /**\n   * Set the default font size to make icons appear correct\n   */\n  .menu-item .menu-item__prefix::slotted(syn-icon),\n  .menu-item .menu-item__suffix::slotted(syn-icon) {\n    color: var(--syn-option-icon-color, var(--syn-typography-color-text));\n    font-size: var(--syn-font-size-x-large);\n  }\n\n  :host(:hover) .menu-item .menu-item__prefix::slotted(syn-icon),\n  :host(:hover) .menu-item__suffix::slotted(syn-icon) {\n    color: var(--syn-option-icon-color-hover, var(--syn-typography-color-text-inverted));\n  }\n\n  :host(:focus-visible) .menu-item .menu-item__prefix::slotted(syn-icon),\n  :host(:focus-visible) .menu-item .menu-item__suffix::slotted(syn-icon) {\n    color: var(--syn-option-icon-color-active, var(--syn-typography-color-text-inverted));\n  }\n\n  /* Adjust background and text color for focused elements */\n  /* stylelint-disable selector-not-notation, plugin/no-unsupported-browser-features */\n  :host(:hover:not([aria-disabled='true'], :focus-visible)) .menu-item,\n  .menu-item--submenu-expanded {\n    background-color: var(--syn-option-background-color-hover, var(--syn-color-neutral-1000));\n    color: var(--syn-option-color-hover, var(--syn-typography-color-text-inverted));\n  }\n  /* stylelint-enable selector-not-notation, plugin/no-unsupported-browser-features */\n\n  /**\n   * Adjust the size of icons\n   */\n  .menu-item .menu-item__chevron,\n  .menu-item .menu-item__check {\n    display: var(--display-checkmark);\n    font-size: var(--syn-font-size-x-large);\n    width: var(--syn-font-size-x-large);\n  }\n\n  /**\n   * This makes sure the chevron does not take any space if we do not have children\n   */\n  .menu-item .menu-item__chevron {\n    display: none;\n    margin-inline-start: var(--syn-spacing-small);\n  }\n\n  .menu-item .menu-item__check {\n    color: var(--syn-option-check-color, var(--syn-color-primary-600));\n    margin-inline-end: var(--syn-spacing-small);\n  }\n\n  /**\n   * When in loading state, do not show the checkmark as it would bleed through\n   */\n  .menu-item--loading .menu-item__check {\n    visibility: hidden;\n  }\n\n  /**\n   * Make sure the checkbox is also visible when the item is active\n   */\n  :host(:focus-visible) .menu-item--checked .menu-item__check {\n    color: var(--syn-option-check-color-active, var(--syn-color-neutral-0));\n  }\n\n  :host(:hover) .menu-item--checked .menu-item__check {\n    color: var(--syn-option-check-color-hover, var(--syn-color-neutral-0));\n  }\n\n  /**\n   * Special handling for the submenu chevron:\n   * We are using the \"chevron-down\" icon per default as\n   * we do not want all chevrons to be part of the bundle\n   * Therefore, we have to transform it into the right direction\n   */\n  .menu-item .menu-item__chevron syn-icon {\n    transform: rotate(-90deg);\n  }\n\n  .menu-item--rtl .menu-item__chevron syn-icon {\n    transform: rotate(90deg);\n  }\n\n  .menu-item.menu-item--loading *:not(syn-spinner) {\n    opacity: var(--syn-opacity-50);\n  }\n\n  /**\n   * Make sure to show the chevron if there are children\n   */\n  .menu-item--has-submenu .menu-item__chevron {\n    display: flex;\n  }\n\n  /**\n   * Adjustments for the spinner in loading state\n   */\n  .menu-item--loading syn-spinner {\n    --track-width: 2px;\n\n    color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-700));\n    font-size: var(--syn-font-size-medium);\n    left: var(--syn-spacing-medium);\n  }\n\n  /**\n   * Highlight checked items\n   */\n  .menu-item--checked .menu-item__label {\n    font-weight: var(--syn-font-weight-semibold);\n  }\n\n  /* Needed if we do not show the checkmark */\n  :host(:not([type=\"checkmark\"]):not([loading])) .menu-item__label {\n    min-height: var(--syn-font-size-x-large);\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,kCAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/chunks/{chunk.HFMOADEB.js → chunk.TBS43WRX.js}

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "./chunk.EHPQU3BA.js";
+} from "./chunk.UKUCXSBK.js";
 
 // src/components/textarea/textarea.ts
 var textarea_default = SynTextarea;
@@ -9,4 +9,4 @@ SynTextarea.define("syn-textarea");
 export {
   textarea_default
 };
-//# sourceMappingURL=chunk.HFMOADEB.js.map
+//# sourceMappingURL=chunk.TBS43WRX.js.map

package/dist/chunks/{chunk.W26XLVZV.js → chunk.UA7DTSR5.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.MWNHJT63.js";
+} from "./chunk.RUGNLIOD.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -42,7 +42,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7TL4ZWRO.js";
+} from "./chunk.BOLNLEU5.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -292,4 +292,4 @@ setDefaultAnimation("dialog.overlay.hide", {
 export {
   SynDialog
 };
-//# sourceMappingURL=chunk.W26XLVZV.js.map
+//# sourceMappingURL=chunk.UA7DTSR5.js.map

package/dist/chunks/{chunk.LQMLEYBB.js → chunk.UAF3TUNP.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressBar
-} from "./chunk.6ZBS7J7W.js";
+} from "./chunk.LRMT6SLW.js";
 
 // src/components/progress-bar/progress-bar.ts
 var progress_bar_default = SynProgressBar;
@@ -9,4 +9,4 @@ SynProgressBar.define("syn-progress-bar");
 export {
   progress_bar_default
 };
-//# sourceMappingURL=chunk.LQMLEYBB.js.map
+//# sourceMappingURL=chunk.UAF3TUNP.js.map

package/dist/chunks/{chunk.EHPQU3BA.js → chunk.UKUCXSBK.js}

@@ -28,7 +28,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7TL4ZWRO.js";
+} from "./chunk.BOLNLEU5.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -383,4 +383,4 @@ SynTextarea = __decorateClass([
 export {
   SynTextarea
 };
-//# sourceMappingURL=chunk.EHPQU3BA.js.map
+//# sourceMappingURL=chunk.UKUCXSBK.js.map

package/dist/chunks/{chunk.WEOTZNWG.js → chunk.ULWHNN5P.js}

@@ -28,7 +28,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7TL4ZWRO.js";
+} from "./chunk.BOLNLEU5.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -255,4 +255,4 @@ SynSwitch = __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.WEOTZNWG.js.map
+//# sourceMappingURL=chunk.ULWHNN5P.js.map

package/dist/chunks/{chunk.NDGQ66UN.js → chunk.UU6BACOP.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7TL4ZWRO.js";
+} from "./chunk.BOLNLEU5.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -120,4 +120,4 @@ __decorateClass([
 export {
   SynBreadcrumbItem
 };
-//# sourceMappingURL=chunk.NDGQ66UN.js.map
+//# sourceMappingURL=chunk.UU6BACOP.js.map

package/dist/chunks/{chunk.6ZDRZXZ7.js → chunk.UUKAPXX5.js}

@@ -1,9 +1,9 @@
 import {
   SynOption
-} from "./chunk.LWHEY6E4.js";
+} from "./chunk.XMOGP2AY.js";
 import {
   SynPopup
-} from "./chunk.GZVX4QUA.js";
+} from "./chunk.XHYF5S54.js";
 import {
   defaultOptionRenderer
 } from "./chunk.HVVPX2VA.js";
@@ -51,7 +51,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.N4HJEHEX.js";
+} from "./chunk.RTIAGXWJ.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -66,7 +66,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7TL4ZWRO.js";
+} from "./chunk.BOLNLEU5.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -935,4 +935,4 @@ setDefaultAnimation("combobox.hide", {
 export {
   SynCombobox
 };
-//# sourceMappingURL=chunk.6ZDRZXZ7.js.map
+//# sourceMappingURL=chunk.UUKAPXX5.js.map

package/dist/chunks/{chunk.UHFC6XJM.js → chunk.W3YXWVH2.js}

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.HGRB7UGQ.js";
+} from "./chunk.RYJ3GPVA.js";
 
 // src/components/spinner/spinner.ts
 var spinner_default = SynSpinner;
@@ -9,4 +9,4 @@ SynSpinner.define("syn-spinner");
 export {
   spinner_default
 };
-//# sourceMappingURL=chunk.UHFC6XJM.js.map
+//# sourceMappingURL=chunk.W3YXWVH2.js.map

package/dist/chunks/{chunk.3PSSCGRO.js → chunk.WIUYDEVH.js}

@@ -1,6 +1,6 @@
 import {
   SynMenu
-} from "./chunk.CFBYJBJJ.js";
+} from "./chunk.E2UQKDSJ.js";
 
 // src/components/menu/menu.ts
 var menu_default = SynMenu;
@@ -9,4 +9,4 @@ SynMenu.define("syn-menu");
 export {
   menu_default
 };
-//# sourceMappingURL=chunk.3PSSCGRO.js.map
+//# sourceMappingURL=chunk.WIUYDEVH.js.map

package/dist/chunks/{chunk.SSCCK45T.js → chunk.WJGHS7NN.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.XAQKFEHH.js";
 import {
   SynDivider
-} from "./chunk.CDEIJLDY.js";
+} from "./chunk.ZU6BYD77.js";
 import {
   defaultValue
 } from "./chunk.3NXKLKWH.js";
@@ -25,7 +25,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.N4HJEHEX.js";
+} from "./chunk.RTIAGXWJ.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -45,7 +45,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7TL4ZWRO.js";
+} from "./chunk.BOLNLEU5.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -867,4 +867,4 @@ SynInput = __decorateClass([
 export {
   SynInput
 };
-//# sourceMappingURL=chunk.SSCCK45T.js.map
+//# sourceMappingURL=chunk.WJGHS7NN.js.map

package/dist/chunks/{chunk.5EVD5BBQ.js → chunk.WK73V7UY.js}

@@ -1,25 +1,25 @@
+import {
+  SubmenuController
+} from "./chunk.V4HPWQE7.js";
 import {
   menu_item_custom_styles_default
-} from "./chunk.JQ5WZR46.js";
+} from "./chunk.SZEHOV5P.js";
 import {
   menu_item_styles_default
 } from "./chunk.FSWTBNSI.js";
-import {
-  SubmenuController
-} from "./chunk.V4HPWQE7.js";
 import {
   SynPopup
-} from "./chunk.GZVX4QUA.js";
+} from "./chunk.XHYF5S54.js";
 import {
   SynSpinner
-} from "./chunk.HGRB7UGQ.js";
+} from "./chunk.RYJ3GPVA.js";
 import {
   HasSlotController,
   getTextContent
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.N4HJEHEX.js";
+} from "./chunk.RTIAGXWJ.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -31,7 +31,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7TL4ZWRO.js";
+} from "./chunk.BOLNLEU5.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -241,4 +241,4 @@ SynMenuItem = __decorateClass([
 export {
   SynMenuItem
 };
-//# sourceMappingURL=chunk.5EVD5BBQ.js.map
+//# sourceMappingURL=chunk.WK73V7UY.js.map

package/dist/chunks/{chunk.DURRSN2A.js → chunk.WWOY2NAP.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuLabel
-} from "./chunk.RCB5MDRL.js";
+} from "./chunk.PHZOI247.js";
 
 // src/components/menu-label/menu-label.ts
 var menu_label_default = SynMenuLabel;
@@ -9,4 +9,4 @@ SynMenuLabel.define("syn-menu-label");
 export {
   menu_label_default
 };
-//# sourceMappingURL=chunk.DURRSN2A.js.map
+//# sourceMappingURL=chunk.WWOY2NAP.js.map

package/dist/chunks/{chunk.GZVX4QUA.js → chunk.XHYF5S54.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7TL4ZWRO.js";
+} from "./chunk.BOLNLEU5.js";
 import {
   __decorateClass,
   __spreadProps,
@@ -430,4 +430,4 @@ __decorateClass([
 export {
   SynPopup
 };
-//# sourceMappingURL=chunk.GZVX4QUA.js.map
+//# sourceMappingURL=chunk.XHYF5S54.js.map

package/dist/chunks/{chunk.LWHEY6E4.js → chunk.XMOGP2AY.js}

@@ -1,15 +1,15 @@
+import {
+  delimiterToWhiteSpace
+} from "./chunk.ARR23WUY.js";
 import {
   option_custom_styles_default
 } from "./chunk.G3KRSXVI.js";
 import {
   option_styles_default
 } from "./chunk.IVM3BGRH.js";
-import {
-  delimiterToWhiteSpace
-} from "./chunk.ARR23WUY.js";
 import {
   SynIcon
-} from "./chunk.N4HJEHEX.js";
+} from "./chunk.RTIAGXWJ.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -21,7 +21,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7TL4ZWRO.js";
+} from "./chunk.BOLNLEU5.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -186,4 +186,4 @@ __decorateClass([
 export {
   SynOption
 };
-//# sourceMappingURL=chunk.LWHEY6E4.js.map
+//# sourceMappingURL=chunk.XMOGP2AY.js.map