@sapudex/web-components 2.61.0 → 2.62.0

package/src/SideNavigationItemTemplate.tsx

@@ -0,0 +1,97 @@
+import Icon from "@ui5/webcomponents/dist/Icon.js";
+import navRightArrow from "@ui5/webcomponents-icons/dist/navigation-right-arrow.js";
+import arrowRight from "@ui5/webcomponents-icons/dist/arrow-right.js";
+import type UDExSideNavigationItem from "./SideNavigationItem.js";
+
+export default function SideNavigationItemTemplate(this: UDExSideNavigationItem) {
+  if (this.sideNavCollapsed) {
+    return ItemTemplate.call(this);
+  }
+
+  return (
+    <li id={this._id} class="ui5-sn-list-li" role="none">
+      {ItemTemplate.call(this)}
+    </li>
+  );
+}
+
+function ItemTemplate(this: UDExSideNavigationItem) {
+  const EffectiveTag = this._effectiveTag;
+
+  return (
+    <>
+      <EffectiveTag
+        id={this._id}
+        data-sap-focus-ref
+        class={`ui5-sn-item ui5-sn-item-level1 ${this._classes}`}
+        role={this.ariaRole}
+        onKeyDown={this._onkeydown}
+        onKeyUp={this._onkeyup}
+        onClick={this._onclick}
+        onFocusIn={this._onfocusin}
+        tabIndex={this.effectiveTabIndex}
+        aria-current={this._ariaCurrent}
+        aria-selected={this._ariaSelected}
+        title={this._tooltip}
+        aria-disabled={this.effectiveDisabled}
+        href={this._href}
+        target={this._target}
+        aria-haspopup={this._ariaHasPopup}
+        onFocusOut={this._onfocusout}
+        onMouseEnter={this._onmouseenter}
+        onMouseLeave={this._onmouseleave}
+        aria-checked={this._ariaChecked}
+        aria-owns={this._groupId}
+        aria-label={this._ariaLabel}
+        aria-expanded={this._expanded}
+        aria-labelledby={this._textId}
+        aria-describedby={this._describedBy}>
+        {this.sideNavCollapsed ? (
+          <Icon class="ui5-sn-item-icon" name={this.icon} />
+        ) : (
+          this.icon && <Icon class="ui5-sn-item-icon" name={this.icon} />
+        )}
+        <div class="ui5-sn-item-text" id={this._textId}>{this.text}</div>
+        {this.hasTag && (
+          <div id={this._tagId} class="ui5-sn-item-tag-slot">
+            <slot name="tag" />
+          </div>
+        )}
+        {this.sideNavCollapsed ? (
+          !!this.items.length && (
+            <div class="ui5-sn-item-toggle-icon-wrap">
+              <Icon class="ui5-sn-item-toggle-icon" name={navRightArrow} />
+            </div>
+          )
+        ) : (
+          !!this.items.length && (
+            <div class="ui5-sn-item-toggle-icon-wrap">
+              <Icon
+                class="ui5-sn-item-toggle-icon"
+                name={navRightArrow}
+                accessibleName={this._arrowTooltip}
+                showTooltip={true}
+                onClick={this._onToggleClick}
+              />
+            </div>
+          )
+        )}
+        {this.isExternalLink && (
+          <Icon class="ui5-sn-item-external-link-icon" name={arrowRight} />
+        )}
+      </EffectiveTag>
+      {!this.sideNavCollapsed && !!this.items.length && (
+        <ul
+          id={this._groupId}
+          class="ui5-sn-item-ul"
+          aria-label={this.accessibleName || this.text}
+          role="group">
+          <slot />
+        </ul>
+      )}
+      {this._selectableItemDescriptionText && (
+        <span id={this._selectableItemDescriptionId} class="ui5-hidden-text">{this._selectableItemDescriptionText}</span>
+      )}
+    </>
+  );
+}

package/src/SideNavigationMobile.ts

@@ -12,7 +12,6 @@ import type UDExSideNavigationGroup from "./SideNavigationGroup.js";
 
 // Styles
 import SideNavigationMobileCss from "./generated/themes/SideNavigationMobile.css.js";
-import SideNavigationMobileDropdownCss from "./generated/themes/SideNavigationMobileDropdown.css.js";
 
 export type SelectedItem = UDExSideNavigationItem | UDExSideNavigationSubItem | null;
 
@@ -37,7 +36,7 @@ export type SelectedItem = UDExSideNavigationItem | UDExSideNavigationSubItem |
   tag: "udex-side-navigation-mobile",
   renderer: jsxRenderer,
   template: SideNavigationMobileTemplate,
-  styles: [SideNavigationMobileCss, SideNavigationMobileDropdownCss],
+  styles: [SideNavigationMobileCss],
 })
 
 class UDExSideNavigationMobile extends UI5Element {

package/src/SideNavigationSubItem.ts

@@ -14,6 +14,7 @@ import SideNavigationSubItemTemplate from "./SideNavigationSubItemTemplate.js";
 
 // Styles
 import SideNavigationSubItemCss from "./generated/themes/SideNavigationSubItem.css.js";
+import SideNavigationItemCss from "./generated/themes/SideNavigationItem.css.js";
 
 /**
  * @class
@@ -36,7 +37,7 @@ import SideNavigationSubItemCss from "./generated/themes/SideNavigationSubItem.c
   tag: "udex-side-navigation-sub-item",
   renderer: jsxRenderer,
   template: SideNavigationSubItemTemplate,
-  styles: [SideNavigationSubItem.styles, SideNavigationSubItemCss],
+  styles: [SideNavigationSubItem.styles, SideNavigationItemCss, SideNavigationSubItemCss],
   dependencies: [UDExSideNavigationSubItem],
 })
 

package/src/SideNavigationSubItemTemplate.tsx

@@ -1,7 +1,6 @@
 import Icon from "@ui5/webcomponents/dist/Icon.js";
 import arrowRight from "@ui5/webcomponents-icons/dist/arrow-right.js";
 import navRightArrow from "@ui5/webcomponents-icons/dist/navigation-right-arrow.js";
-import navDownArrow from "@ui5/webcomponents-icons/dist/navigation-down-arrow.js";
 import type UDExSideNavigationSubItem from "./SideNavigationSubItem.js";
 
 export default function SideNavigationSubItemTemplate(this: UDExSideNavigationSubItem) {
@@ -38,11 +37,13 @@ export default function SideNavigationSubItemTemplate(this: UDExSideNavigationSu
           </div>
         )}
         {this.hasSubItems && (
-          <Icon
-            class="ui5-sn-item-toggle-icon"
-            name={this.expanded ? navDownArrow : navRightArrow}
-            onClick={(e: Event) => this._onToggleClick(e)}
-          />
+          <div class="ui5-sn-item-toggle-icon-wrap">
+            <Icon
+              class="ui5-sn-item-toggle-icon"
+              name={navRightArrow}
+              onClick={(e: Event) => this._onToggleClick(e)}
+            />
+          </div>
         )}
         {this.isExternalLink && <Icon class="ui5-sn-item-external-link-icon" name={arrowRight} />}
       </EffectiveTag>

package/src/TagGroup.ts

@@ -188,6 +188,7 @@ class UDExTagGroup extends UI5Element {
   _nMoreBtn!: HTMLElement | null;
   _resizeHandler: () => void;
   _keydownCaptureHandler: (e: KeyboardEvent) => void;
+  _observedTokenizer?: Tokenizer;
 
   constructor() {
     super();
@@ -204,10 +205,18 @@ class UDExTagGroup extends UI5Element {
     ResizeHandler.deregister(this, this._resizeHandler);
     this.removeEventListener("keydown", this._keydownCaptureHandler, true);
     this._nMoreBtn?.removeEventListener("keydown", this._nMoreKeyDownHandler);
+    this._observedTokenizer?.detachComponentStateFinalized(this._syncTokenizerAriaAfterRendering);
+    this._observedTokenizer = undefined;
   }
 
   onAfterRendering(): void {
     this._tokenizer = this.tokenizer;
+    if (this._observedTokenizer !== this._tokenizer) {
+      this._observedTokenizer?.detachComponentStateFinalized(this._syncTokenizerAriaAfterRendering);
+      this._observedTokenizer = this._tokenizer;
+      this._observedTokenizer.attachComponentStateFinalized(this._syncTokenizerAriaAfterRendering);
+    }
+    this._syncTokenizerAriaAfterRendering();
     const prevMoreBtn = this._nMoreBtn;
     this._nMoreBtn = this._tokenizer.moreLink || null;
 
@@ -231,6 +240,29 @@ class UDExTagGroup extends UI5Element {
     }
   }
 
+  /** @private UI5 exposes an empty listbox when all tokens have overflowed. */
+  _syncTokenizerAriaAfterRendering = (): void => {
+    const tokenizer = this._observedTokenizer;
+    renderFinished().then(() => {
+      if (!this.isConnected || !tokenizer || this._observedTokenizer !== tokenizer) {
+        return;
+      }
+      const list = tokenizer.shadowRoot?.querySelector<HTMLElement>(".ui5-tokenizer--list");
+      if (!list) {
+        return;
+      }
+      const hasVisibleTokens = tokenizer._tokens.some(token => !token.overflows);
+      // Do not hide the tokenizer: its sibling "n more" button must stay
+      // accessible. Only the list with no exposed options is presentational.
+      list.setAttribute("role", hasVisibleTokens ? "listbox" : "presentation");
+      if (hasVisibleTokens) {
+        list.setAttribute("aria-label", tokenizer.tokenizerLabel);
+      } else {
+        ["aria-label", "aria-description", "aria-disabled", "aria-readonly"].forEach(attribute => list.removeAttribute(attribute));
+      }
+    });
+  };
+
   _nMoreKeyDownHandler = (e: KeyboardEvent) => {
     if (isSpace(e) || isEnter(e)) {
       this.showMoreItems();

package/src/TagGroupTemplate.tsx

@@ -53,7 +53,7 @@ function tag(this: UDExTagGroup, rootClass: string, item: any, index: number) {
         key={index}
         accessibleRole="option"
         class={`${rootClass}__tag`}
-        data-id={`${item.id}`}
+        data-id={item.getAttribute("data-id") ?? item.id}
         part={`token-${index}`}
         read-only={this.isReadOrDisplayOnly}
         id={`${this._id}-tag-group-tag`}

package/src/generated/i18n/i18n-defaults.ts

@@ -1,3 +1,3 @@
 import type { I18nText } from "@ui5/webcomponents-base/dist/i18nBundle.js";
-const OF: I18nText = {key: "OF", defaultText: "of"};const PAGINATION_PAGE: I18nText = {key: "PAGINATION_PAGE", defaultText: "Pagination page"};const SELECTED: I18nText = {key: "SELECTED", defaultText: "Selected"};const PREVIOUS_PAGE: I18nText = {key: "PREVIOUS_PAGE", defaultText: "Previous page"};const NEXT_PAGE: I18nText = {key: "NEXT_PAGE", defaultText: "Next page"};const CURRENT_PAGE: I18nText = {key: "CURRENT_PAGE", defaultText: "Current page"};const ACTIVATE_PAGE: I18nText = {key: "ACTIVATE_PAGE", defaultText: "Activate page number"};const BUTTON_ARIA_TYPE_PRIMARY: I18nText = {key: "BUTTON_ARIA_TYPE_PRIMARY", defaultText: "Primary"};const BUTTON_ARIA_TYPE_SECONDARY: I18nText = {key: "BUTTON_ARIA_TYPE_SECONDARY", defaultText: "Secondary"};const BUTTON_ARIA_TYPE_TERTIARY: I18nText = {key: "BUTTON_ARIA_TYPE_TERTIARY", defaultText: "Tertiary"};const BUTTON_ARIA_TYPE_WARNING: I18nText = {key: "BUTTON_ARIA_TYPE_WARNING", defaultText: "Warning"};const BUTTON_ARIA_TYPE_POSITIVE: I18nText = {key: "BUTTON_ARIA_TYPE_POSITIVE", defaultText: "Positive"};const BUTTON_ARIA_TYPE_NEGATIVE: I18nText = {key: "BUTTON_ARIA_TYPE_NEGATIVE", defaultText: "Negative"};const BUTTON_ARIA_EMPHASIZED: I18nText = {key: "BUTTON_ARIA_EMPHASIZED", defaultText: "Emphasized"};const BUTTON_ARIA_DEFAULT: I18nText = {key: "BUTTON_ARIA_DEFAULT", defaultText: "Default"};const BUTTON_ARIA_TRANSPARENT: I18nText = {key: "BUTTON_ARIA_TRANSPARENT", defaultText: "Transparent"};const BUTTON_ARIA_ATTENTION: I18nText = {key: "BUTTON_ARIA_ATTENTION", defaultText: "Attention"};const TOGGLED: I18nText = {key: "TOGGLED", defaultText: "Toggled"};const SUGGESTED_TEXT: I18nText = {key: "SUGGESTED_TEXT", defaultText: "Suggested searches"};const ACCESSIBLE_NAME_RESET_ICON: I18nText = {key: "ACCESSIBLE_NAME_RESET_ICON", defaultText: "Clear"};const ACCESSIBLE_NAME_SEARCH_ICON: I18nText = {key: "ACCESSIBLE_NAME_SEARCH_ICON", defaultText: "Search"};const TOOLTIP_RESET_BUTTON: I18nText = {key: "TOOLTIP_RESET_BUTTON", defaultText: "Clear"};const TOOLTIP_VOICE_BUTTON: I18nText = {key: "TOOLTIP_VOICE_BUTTON", defaultText: "Voice"};const TOOLTIP_SUBMIT_BUTTON: I18nText = {key: "TOOLTIP_SUBMIT_BUTTON", defaultText: "Submit"};const LISTENING: I18nText = {key: "LISTENING", defaultText: "Listening"};const AVAILABLE_VALUES: I18nText = {key: "AVAILABLE_VALUES", defaultText: "Available Values"};const RECOMMENDED_TEXT: I18nText = {key: "RECOMMENDED_TEXT", defaultText: "Recommended pages"};const EXPAND_ALL: I18nText = {key: "EXPAND_ALL", defaultText: "Expand All"};const COLLAPSE_ALL: I18nText = {key: "COLLAPSE_ALL", defaultText: "Collapse All"};const MORE: I18nText = {key: "MORE", defaultText: "More"};const ATTENTION_BADGE: I18nText = {key: "ATTENTION_BADGE", defaultText: "Attention badge"};const REVIEWS: I18nText = {key: "REVIEWS", defaultText: "reviews"};const STARS: I18nText = {key: "STARS", defaultText: "stars"};const READ_MORE: I18nText = {key: "READ_MORE", defaultText: "Read more"};const READ_LESS: I18nText = {key: "READ_LESS", defaultText: "Read less"};const SHOW_MORE: I18nText = {key: "SHOW_MORE", defaultText: "Show more"};const SHOW_LESS: I18nText = {key: "SHOW_LESS", defaultText: "Show less"};const RATING_INDICATOR_TEXT: I18nText = {key: "RATING_INDICATOR_TEXT", defaultText: "Rating Indicator"};const RATING_INDICATOR_TOOLTIP_TEXT: I18nText = {key: "RATING_INDICATOR_TOOLTIP_TEXT", defaultText: "Rating"};const RATING_INDICATOR_ARIA_DESCRIPTION: I18nText = {key: "RATING_INDICATOR_ARIA_DESCRIPTION", defaultText: "Required"};const TOTAL: I18nText = {key: "TOTAL", defaultText: "Total"};const RATING_COUNT_TITLE: I18nText = {key: "RATING_COUNT_TITLE", defaultText: "Rating"};const MESSAGE_STRIP_CLOSE_BUTTON: I18nText = {key: "MESSAGE_STRIP_CLOSE_BUTTON", defaultText: "Message Strip Close Button"};const MESSAGE_STRIP_INFORMATION: I18nText = {key: "MESSAGE_STRIP_INFORMATION", defaultText: "Information Bar"};const MESSAGE_STRIP_SUCCESS: I18nText = {key: "MESSAGE_STRIP_SUCCESS", defaultText: "Positive Bar"};const MESSAGE_STRIP_WARNING: I18nText = {key: "MESSAGE_STRIP_WARNING", defaultText: "Warning Bar"};const MESSAGE_STRIP_ERROR: I18nText = {key: "MESSAGE_STRIP_ERROR", defaultText: "Negative Bar"};const MESSAGE_STRIP_ACTION: I18nText = {key: "MESSAGE_STRIP_ACTION", defaultText: "Action Bar"};const ARIA_LABEL_LIST_MULTISELECTABLE: I18nText = {key: "ARIA_LABEL_LIST_MULTISELECTABLE", defaultText: "Contains Multi-Selectable Items"};const ARIA_LABEL_LIST_SELECTABLE: I18nText = {key: "ARIA_LABEL_LIST_SELECTABLE", defaultText: "Contains Selectable Items"};const UNSELECTED: I18nText = {key: "UNSELECTED", defaultText: "Unselected"};const INDETERMINATE: I18nText = {key: "INDETERMINATE", defaultText: "Indeterminate"};const TEXTAREA_CHARACTERS_LEFT: I18nText = {key: "TEXTAREA_CHARACTERS_LEFT", defaultText: "{0} characters remaining"};const VALUE_STATE_TYPE_ERROR: I18nText = {key: "VALUE_STATE_TYPE_ERROR", defaultText: "Field State Error"};const VALUE_STATE_TYPE_WARNING: I18nText = {key: "VALUE_STATE_TYPE_WARNING", defaultText: "Field State Warning"};const VALUE_STATE_TYPE_SUCCESS: I18nText = {key: "VALUE_STATE_TYPE_SUCCESS", defaultText: "Field State Success"};const TEXT_FIELD: I18nText = {key: "TEXT_FIELD", defaultText: "Text field"};const CAROUSEL_PREVIOUS_ARROW_TEXT: I18nText = {key: "CAROUSEL_PREVIOUS_ARROW_TEXT", defaultText: "Previous Page"};const CAROUSEL_NEXT_ARROW_TEXT: I18nText = {key: "CAROUSEL_NEXT_ARROW_TEXT", defaultText: "Next Page"};const CAROUSEL_AUTOPLAY_TOGGLE_START: I18nText = {key: "CAROUSEL_AUTOPLAY_TOGGLE_START", defaultText: "Start carousel autoplay"};const CAROUSEL_AUTOPLAY_TOGGLE_STOP: I18nText = {key: "CAROUSEL_AUTOPLAY_TOGGLE_STOP", defaultText: "Stop carousel autoplay"};const SHOW_RESULTS: I18nText = {key: "SHOW_RESULTS", defaultText: "Show Results"};const RESET: I18nText = {key: "RESET", defaultText: "Reset"};const LOCATION: I18nText = {key: "LOCATION", defaultText: "Location"};const SELECT_OPTIONS: I18nText = {key: "SELECT_OPTIONS", defaultText: "Select Options"};const SELECT_ALL: I18nText = {key: "SELECT_ALL", defaultText: "Select All"};const BREADCRUMBS_ARIA_LABEL: I18nText = {key: "BREADCRUMBS_ARIA_LABEL", defaultText: "Breadcrumb Trail"};const BREADCRUMBS_OVERFLOW_ARIA_LABEL: I18nText = {key: "BREADCRUMBS_OVERFLOW_ARIA_LABEL", defaultText: "More"};const STEPINPUT_INC_ICON_TITLE: I18nText = {key: "STEPINPUT_INC_ICON_TITLE", defaultText: "Increase by"};const STEPINPUT_DEC_ICON_TITLE: I18nText = {key: "STEPINPUT_DEC_ICON_TITLE", defaultText: "Decrease by"};const NO_MATCHES_FOUND: I18nText = {key: "NO_MATCHES_FOUND", defaultText: "No matches found."};const RESULT_RETURNED: I18nText = {key: "RESULT_RETURNED", defaultText: "results returned."};const VALUE_STATE_ERROR: I18nText = {key: "VALUE_STATE_ERROR", defaultText: "Invalid entry"};const VALUE_STATE_WARNING: I18nText = {key: "VALUE_STATE_WARNING", defaultText: "Warning issued"};const VALUE_STATE_INFORMATION: I18nText = {key: "VALUE_STATE_INFORMATION", defaultText: "Informative entry"};const VALUE_STATE_SUCCESS: I18nText = {key: "VALUE_STATE_SUCCESS", defaultText: "Entry successfully validated"};const READ_ONLY: I18nText = {key: "READ_ONLY", defaultText: "Read only"};const MAIN_LINKS: I18nText = {key: "MAIN_LINKS", defaultText: "main links"};const BACK_TO_REGION_LIST: I18nText = {key: "BACK_TO_REGION_LIST", defaultText: "back to region list"};const OPENS_IN_A_NEW_WINDOW: I18nText = {key: "OPENS_IN_A_NEW_WINDOW", defaultText: "opens in a new window"};const LOGOUT: I18nText = {key: "LOGOUT", defaultText: "Logout"};const PROFILE: I18nText = {key: "PROFILE", defaultText: "Profile"};const SWITCH_ACCOUNT: I18nText = {key: "SWITCH_ACCOUNT", defaultText: "Switch account"};const BACK: I18nText = {key: "BACK", defaultText: "Back"};const OTHER_IDENTITIES: I18nText = {key: "OTHER_IDENTITIES", defaultText: "Other identities"};const ADD_OR_REMOVE_ACCOUNT: I18nText = {key: "ADD_OR_REMOVE_ACCOUNT", defaultText: "Add or remove account"};const COUNTRY_SELECT: I18nText = {key: "COUNTRY_SELECT", defaultText: "Select country"};const OVERVIEW: I18nText = {key: "OVERVIEW", defaultText: "Overview"};const CART: I18nText = {key: "CART", defaultText: "Cart"};const COUNTRY_SELECTOR: I18nText = {key: "COUNTRY_SELECTOR", defaultText: "Country Selector"};const SUPPORT: I18nText = {key: "SUPPORT", defaultText: "Support"};const SEARCH: I18nText = {key: "SEARCH", defaultText: "Search"};const SHOW_PASSWORD: I18nText = {key: "SHOW_PASSWORD", defaultText: "Show password"};const HIDE_PASSWORD: I18nText = {key: "HIDE_PASSWORD", defaultText: "Hide password"};const PHONE_NUMBER: I18nText = {key: "PHONE_NUMBER", defaultText: "Phone number"};const EMAIL: I18nText = {key: "EMAIL", defaultText: "Email"};const CHAT_WITH_US: I18nText = {key: "CHAT_WITH_US", defaultText: "Chat with us"};const ASK_JOULE: I18nText = {key: "ASK_JOULE", defaultText: "Ask Joule"};const QUICK_LINKS: I18nText = {key: "QUICK_LINKS", defaultText: "Quick Links"};const TRENDING: I18nText = {key: "TRENDING", defaultText: "Trending"};const ABOUT_SAP: I18nText = {key: "ABOUT_SAP", defaultText: "About SAP"};const SITE_INFORMATION: I18nText = {key: "SITE_INFORMATION", defaultText: "Site Information"};const SEE_COMPLETE_LIST: I18nText = {key: "SEE_COMPLETE_LIST", defaultText: "Or see our complete list of"};const LOCAL_COUNTRY_NAMES: I18nText = {key: "LOCAL_COUNTRY_NAMES", defaultText: "local country numbers"};const COPYRIGHT: I18nText = {key: "COPYRIGHT", defaultText: "© {0} SAP SE or an SAP affiliate company. All rights reserved."};const BACK_TO_TOP: I18nText = {key: "BACK_TO_TOP", defaultText: "Back to top"};const PUBLIC_SECURITY_NETWORK_NUMBER: I18nText = {key: "PUBLIC_SECURITY_NETWORK_NUMBER", defaultText: ""};const ICP_NUMBER: I18nText = {key: "ICP_NUMBER", defaultText: ""};const AVATAR_TEXT: I18nText = {key: "AVATAR_TEXT", defaultText: "Avatar"};const DISABLED: I18nText = {key: "DISABLED", defaultText: "Disabled"};const STATUS_BADGE_TEXT: I18nText = {key: "STATUS_BADGE_TEXT", defaultText: "Status Badge"};const STATUS_BADGE_EDIT_TITLE: I18nText = {key: "STATUS_BADGE_EDIT_TITLE", defaultText: "Click to edit profile"};const STATUS_BADGE_INFORMATION_TITLE: I18nText = {key: "STATUS_BADGE_INFORMATION_TITLE", defaultText: "Click to open profile information"};const STATUS_BADGE_WARNING_TITLE: I18nText = {key: "STATUS_BADGE_WARNING_TITLE", defaultText: "Warning, potential risk with the profile"};const STATUS_BADGE_ERROR_TITLE: I18nText = {key: "STATUS_BADGE_ERROR_TITLE", defaultText: "There is an error with the profile"};const STATUS_BADGE_SUCCESS_TITLE: I18nText = {key: "STATUS_BADGE_SUCCESS_TITLE", defaultText: "Successfully verified profile"};const CALENDAR_ICON: I18nText = {key: "CALENDAR_ICON", defaultText: "Open Calendar icon"};const DATEPICKER_DATE_DESCRIPTION: I18nText = {key: "DATEPICKER_DATE_DESCRIPTION", defaultText: "Date Input"};const TABLE_NO_DATA_FOUND: I18nText = {key: "TABLE_NO_DATA_FOUND", defaultText: "No data found"};const EXPAND: I18nText = {key: "EXPAND", defaultText: "Expand"};const COLLAPSE: I18nText = {key: "COLLAPSE", defaultText: "Collapse"};const EXPANDED: I18nText = {key: "EXPANDED", defaultText: "expanded"};const COLLAPSED: I18nText = {key: "COLLAPSED", defaultText: "collapsed"};const BACK_BUTTON_LABEL: I18nText = {key: "BACK_BUTTON_LABEL", defaultText: "return back"};const UPLOADING_FILE_STATUS_TEXT: I18nText = {key: "UPLOADING_FILE_STATUS_TEXT", defaultText: "Uploading"};const TERMINATED_FILE_STATUS_TEXT: I18nText = {key: "TERMINATED_FILE_STATUS_TEXT", defaultText: "Terminated"};const REMOVE_FILE_TEXT: I18nText = {key: "REMOVE_FILE_TEXT", defaultText: "Remove file"};const UPLOAD_BUTTON_LABEL: I18nText = {key: "UPLOAD_BUTTON_LABEL", defaultText: "Upload file"};const COMPLETE_LIST_OF: I18nText = {key: "COMPLETE_LIST_OF", defaultText: "Complete list of"};const CALL_US_TODAY: I18nText = {key: "CALL_US_TODAY", defaultText: "Call us today!"};const CONTACT_US: I18nText = {key: "CONTACT_US", defaultText: "Contact us"};const SOCIAL_MEDIA_BUTTON: I18nText = {key: "SOCIAL_MEDIA_BUTTON", defaultText: "Social Media Button"};const PROMO_TILE: I18nText = {key: "PROMO_TILE", defaultText: "Promo Tile"};const PROMO_TILE_ICON: I18nText = {key: "PROMO_TILE_ICON", defaultText: "Promo Tile Icon"};const PLAY_BUTTON_ACCESSIBLE_NAME: I18nText = {key: "PLAY_BUTTON_ACCESSIBLE_NAME", defaultText: "Start button to begin customer logos rotation"};const PAUSE_BUTTON_ACCESSIBLE_NAME: I18nText = {key: "PAUSE_BUTTON_ACCESSIBLE_NAME", defaultText: "Pause button to stop customer logos rotation"};const TOAST_CLOSE_ACCESSIBLE_NAME: I18nText = {key: "TOAST_CLOSE_ACCESSIBLE_NAME", defaultText: "Close"};
-export {OF,PAGINATION_PAGE,SELECTED,PREVIOUS_PAGE,NEXT_PAGE,CURRENT_PAGE,ACTIVATE_PAGE,BUTTON_ARIA_TYPE_PRIMARY,BUTTON_ARIA_TYPE_SECONDARY,BUTTON_ARIA_TYPE_TERTIARY,BUTTON_ARIA_TYPE_WARNING,BUTTON_ARIA_TYPE_POSITIVE,BUTTON_ARIA_TYPE_NEGATIVE,BUTTON_ARIA_EMPHASIZED,BUTTON_ARIA_DEFAULT,BUTTON_ARIA_TRANSPARENT,BUTTON_ARIA_ATTENTION,TOGGLED,SUGGESTED_TEXT,ACCESSIBLE_NAME_RESET_ICON,ACCESSIBLE_NAME_SEARCH_ICON,TOOLTIP_RESET_BUTTON,TOOLTIP_VOICE_BUTTON,TOOLTIP_SUBMIT_BUTTON,LISTENING,AVAILABLE_VALUES,RECOMMENDED_TEXT,EXPAND_ALL,COLLAPSE_ALL,MORE,ATTENTION_BADGE,REVIEWS,STARS,READ_MORE,READ_LESS,SHOW_MORE,SHOW_LESS,RATING_INDICATOR_TEXT,RATING_INDICATOR_TOOLTIP_TEXT,RATING_INDICATOR_ARIA_DESCRIPTION,TOTAL,RATING_COUNT_TITLE,MESSAGE_STRIP_CLOSE_BUTTON,MESSAGE_STRIP_INFORMATION,MESSAGE_STRIP_SUCCESS,MESSAGE_STRIP_WARNING,MESSAGE_STRIP_ERROR,MESSAGE_STRIP_ACTION,ARIA_LABEL_LIST_MULTISELECTABLE,ARIA_LABEL_LIST_SELECTABLE,UNSELECTED,INDETERMINATE,TEXTAREA_CHARACTERS_LEFT,VALUE_STATE_TYPE_ERROR,VALUE_STATE_TYPE_WARNING,VALUE_STATE_TYPE_SUCCESS,TEXT_FIELD,CAROUSEL_PREVIOUS_ARROW_TEXT,CAROUSEL_NEXT_ARROW_TEXT,CAROUSEL_AUTOPLAY_TOGGLE_START,CAROUSEL_AUTOPLAY_TOGGLE_STOP,SHOW_RESULTS,RESET,LOCATION,SELECT_OPTIONS,SELECT_ALL,BREADCRUMBS_ARIA_LABEL,BREADCRUMBS_OVERFLOW_ARIA_LABEL,STEPINPUT_INC_ICON_TITLE,STEPINPUT_DEC_ICON_TITLE,NO_MATCHES_FOUND,RESULT_RETURNED,VALUE_STATE_ERROR,VALUE_STATE_WARNING,VALUE_STATE_INFORMATION,VALUE_STATE_SUCCESS,READ_ONLY,MAIN_LINKS,BACK_TO_REGION_LIST,OPENS_IN_A_NEW_WINDOW,LOGOUT,PROFILE,SWITCH_ACCOUNT,BACK,OTHER_IDENTITIES,ADD_OR_REMOVE_ACCOUNT,COUNTRY_SELECT,OVERVIEW,CART,COUNTRY_SELECTOR,SUPPORT,SEARCH,SHOW_PASSWORD,HIDE_PASSWORD,PHONE_NUMBER,EMAIL,CHAT_WITH_US,ASK_JOULE,QUICK_LINKS,TRENDING,ABOUT_SAP,SITE_INFORMATION,SEE_COMPLETE_LIST,LOCAL_COUNTRY_NAMES,COPYRIGHT,BACK_TO_TOP,PUBLIC_SECURITY_NETWORK_NUMBER,ICP_NUMBER,AVATAR_TEXT,DISABLED,STATUS_BADGE_TEXT,STATUS_BADGE_EDIT_TITLE,STATUS_BADGE_INFORMATION_TITLE,STATUS_BADGE_WARNING_TITLE,STATUS_BADGE_ERROR_TITLE,STATUS_BADGE_SUCCESS_TITLE,CALENDAR_ICON,DATEPICKER_DATE_DESCRIPTION,TABLE_NO_DATA_FOUND,EXPAND,COLLAPSE,EXPANDED,COLLAPSED,BACK_BUTTON_LABEL,UPLOADING_FILE_STATUS_TEXT,TERMINATED_FILE_STATUS_TEXT,REMOVE_FILE_TEXT,UPLOAD_BUTTON_LABEL,COMPLETE_LIST_OF,CALL_US_TODAY,CONTACT_US,SOCIAL_MEDIA_BUTTON,PROMO_TILE,PROMO_TILE_ICON,PLAY_BUTTON_ACCESSIBLE_NAME,PAUSE_BUTTON_ACCESSIBLE_NAME,TOAST_CLOSE_ACCESSIBLE_NAME};
+const OF: I18nText = {key: "OF", defaultText: "of"};const PAGINATION_PAGE: I18nText = {key: "PAGINATION_PAGE", defaultText: "Pagination page"};const SELECTED: I18nText = {key: "SELECTED", defaultText: "Selected"};const PREVIOUS_PAGE: I18nText = {key: "PREVIOUS_PAGE", defaultText: "Previous page"};const NEXT_PAGE: I18nText = {key: "NEXT_PAGE", defaultText: "Next page"};const CURRENT_PAGE: I18nText = {key: "CURRENT_PAGE", defaultText: "Current page"};const ACTIVATE_PAGE: I18nText = {key: "ACTIVATE_PAGE", defaultText: "Activate page number"};const BUTTON_ARIA_TYPE_PRIMARY: I18nText = {key: "BUTTON_ARIA_TYPE_PRIMARY", defaultText: "Primary"};const BUTTON_ARIA_TYPE_SECONDARY: I18nText = {key: "BUTTON_ARIA_TYPE_SECONDARY", defaultText: "Secondary"};const BUTTON_ARIA_TYPE_TERTIARY: I18nText = {key: "BUTTON_ARIA_TYPE_TERTIARY", defaultText: "Tertiary"};const BUTTON_ARIA_TYPE_WARNING: I18nText = {key: "BUTTON_ARIA_TYPE_WARNING", defaultText: "Warning"};const BUTTON_ARIA_TYPE_POSITIVE: I18nText = {key: "BUTTON_ARIA_TYPE_POSITIVE", defaultText: "Positive"};const BUTTON_ARIA_TYPE_NEGATIVE: I18nText = {key: "BUTTON_ARIA_TYPE_NEGATIVE", defaultText: "Negative"};const BUTTON_ARIA_EMPHASIZED: I18nText = {key: "BUTTON_ARIA_EMPHASIZED", defaultText: "Emphasized"};const BUTTON_ARIA_DEFAULT: I18nText = {key: "BUTTON_ARIA_DEFAULT", defaultText: "Default"};const BUTTON_ARIA_TRANSPARENT: I18nText = {key: "BUTTON_ARIA_TRANSPARENT", defaultText: "Transparent"};const BUTTON_ARIA_ATTENTION: I18nText = {key: "BUTTON_ARIA_ATTENTION", defaultText: "Attention"};const TOGGLED: I18nText = {key: "TOGGLED", defaultText: "Toggled"};const SUGGESTED_TEXT: I18nText = {key: "SUGGESTED_TEXT", defaultText: "Suggested searches"};const ACCESSIBLE_NAME_RESET_ICON: I18nText = {key: "ACCESSIBLE_NAME_RESET_ICON", defaultText: "Clear"};const ACCESSIBLE_NAME_SEARCH_ICON: I18nText = {key: "ACCESSIBLE_NAME_SEARCH_ICON", defaultText: "Search"};const TOOLTIP_RESET_BUTTON: I18nText = {key: "TOOLTIP_RESET_BUTTON", defaultText: "Clear"};const TOOLTIP_VOICE_BUTTON: I18nText = {key: "TOOLTIP_VOICE_BUTTON", defaultText: "Voice"};const TOOLTIP_SUBMIT_BUTTON: I18nText = {key: "TOOLTIP_SUBMIT_BUTTON", defaultText: "Submit"};const LISTENING: I18nText = {key: "LISTENING", defaultText: "Listening"};const AVAILABLE_VALUES: I18nText = {key: "AVAILABLE_VALUES", defaultText: "Available Values"};const RECOMMENDED_TEXT: I18nText = {key: "RECOMMENDED_TEXT", defaultText: "Recommended pages"};const EXPAND_ALL: I18nText = {key: "EXPAND_ALL", defaultText: "Expand All"};const COLLAPSE_ALL: I18nText = {key: "COLLAPSE_ALL", defaultText: "Collapse All"};const MORE: I18nText = {key: "MORE", defaultText: "More"};const ATTENTION_BADGE: I18nText = {key: "ATTENTION_BADGE", defaultText: "Attention badge"};const REVIEWS: I18nText = {key: "REVIEWS", defaultText: "reviews"};const STARS: I18nText = {key: "STARS", defaultText: "stars"};const READ_MORE: I18nText = {key: "READ_MORE", defaultText: "Read more"};const READ_LESS: I18nText = {key: "READ_LESS", defaultText: "Read less"};const SHOW_MORE: I18nText = {key: "SHOW_MORE", defaultText: "Show more"};const SHOW_LESS: I18nText = {key: "SHOW_LESS", defaultText: "Show less"};const RATING_INDICATOR_TEXT: I18nText = {key: "RATING_INDICATOR_TEXT", defaultText: "Rating Indicator"};const RATING_INDICATOR_TOOLTIP_TEXT: I18nText = {key: "RATING_INDICATOR_TOOLTIP_TEXT", defaultText: "Rating"};const RATING_INDICATOR_ARIA_DESCRIPTION: I18nText = {key: "RATING_INDICATOR_ARIA_DESCRIPTION", defaultText: "Required"};const TOTAL: I18nText = {key: "TOTAL", defaultText: "Total"};const RATING_COUNT_TITLE: I18nText = {key: "RATING_COUNT_TITLE", defaultText: "Rating"};const MESSAGE_STRIP_CLOSE_BUTTON: I18nText = {key: "MESSAGE_STRIP_CLOSE_BUTTON", defaultText: "Message Strip Close Button"};const MESSAGE_STRIP_INFORMATION: I18nText = {key: "MESSAGE_STRIP_INFORMATION", defaultText: "Information Bar"};const MESSAGE_STRIP_SUCCESS: I18nText = {key: "MESSAGE_STRIP_SUCCESS", defaultText: "Positive Bar"};const MESSAGE_STRIP_WARNING: I18nText = {key: "MESSAGE_STRIP_WARNING", defaultText: "Warning Bar"};const MESSAGE_STRIP_ERROR: I18nText = {key: "MESSAGE_STRIP_ERROR", defaultText: "Negative Bar"};const MESSAGE_STRIP_ACTION: I18nText = {key: "MESSAGE_STRIP_ACTION", defaultText: "Action Bar"};const ARIA_LABEL_LIST_MULTISELECTABLE: I18nText = {key: "ARIA_LABEL_LIST_MULTISELECTABLE", defaultText: "Contains Multi-Selectable Items"};const ARIA_LABEL_LIST_SELECTABLE: I18nText = {key: "ARIA_LABEL_LIST_SELECTABLE", defaultText: "Contains Selectable Items"};const UNSELECTED: I18nText = {key: "UNSELECTED", defaultText: "Unselected"};const INDETERMINATE: I18nText = {key: "INDETERMINATE", defaultText: "Indeterminate"};const TEXTAREA_CHARACTERS_LEFT: I18nText = {key: "TEXTAREA_CHARACTERS_LEFT", defaultText: "{0} characters remaining"};const VALUE_STATE_TYPE_ERROR: I18nText = {key: "VALUE_STATE_TYPE_ERROR", defaultText: "Field State Error"};const VALUE_STATE_TYPE_WARNING: I18nText = {key: "VALUE_STATE_TYPE_WARNING", defaultText: "Field State Warning"};const VALUE_STATE_TYPE_SUCCESS: I18nText = {key: "VALUE_STATE_TYPE_SUCCESS", defaultText: "Field State Success"};const TEXT_FIELD: I18nText = {key: "TEXT_FIELD", defaultText: "Text field"};const CAROUSEL_PREVIOUS_ARROW_TEXT: I18nText = {key: "CAROUSEL_PREVIOUS_ARROW_TEXT", defaultText: "Previous Page"};const CAROUSEL_NEXT_ARROW_TEXT: I18nText = {key: "CAROUSEL_NEXT_ARROW_TEXT", defaultText: "Next Page"};const CAROUSEL_AUTOPLAY_TOGGLE_START: I18nText = {key: "CAROUSEL_AUTOPLAY_TOGGLE_START", defaultText: "Start carousel autoplay"};const CAROUSEL_AUTOPLAY_TOGGLE_STOP: I18nText = {key: "CAROUSEL_AUTOPLAY_TOGGLE_STOP", defaultText: "Stop carousel autoplay"};const SHOW_RESULTS: I18nText = {key: "SHOW_RESULTS", defaultText: "Show Results"};const RESET: I18nText = {key: "RESET", defaultText: "Reset"};const LOCATION: I18nText = {key: "LOCATION", defaultText: "Location"};const SELECT_OPTIONS: I18nText = {key: "SELECT_OPTIONS", defaultText: "Select Options"};const SELECT_ALL: I18nText = {key: "SELECT_ALL", defaultText: "Select All"};const BREADCRUMBS_ARIA_LABEL: I18nText = {key: "BREADCRUMBS_ARIA_LABEL", defaultText: "Breadcrumb Trail"};const BREADCRUMBS_OVERFLOW_ARIA_LABEL: I18nText = {key: "BREADCRUMBS_OVERFLOW_ARIA_LABEL", defaultText: "More"};const STEPINPUT_INC_ICON_TITLE: I18nText = {key: "STEPINPUT_INC_ICON_TITLE", defaultText: "Increase by"};const STEPINPUT_DEC_ICON_TITLE: I18nText = {key: "STEPINPUT_DEC_ICON_TITLE", defaultText: "Decrease by"};const NO_MATCHES_FOUND: I18nText = {key: "NO_MATCHES_FOUND", defaultText: "No matches found."};const RESULT_RETURNED: I18nText = {key: "RESULT_RETURNED", defaultText: "results returned."};const VALUE_STATE_ERROR: I18nText = {key: "VALUE_STATE_ERROR", defaultText: "Invalid entry"};const VALUE_STATE_WARNING: I18nText = {key: "VALUE_STATE_WARNING", defaultText: "Warning issued"};const VALUE_STATE_INFORMATION: I18nText = {key: "VALUE_STATE_INFORMATION", defaultText: "Informative entry"};const VALUE_STATE_SUCCESS: I18nText = {key: "VALUE_STATE_SUCCESS", defaultText: "Entry successfully validated"};const READ_ONLY: I18nText = {key: "READ_ONLY", defaultText: "Read only"};const MAIN_LINKS: I18nText = {key: "MAIN_LINKS", defaultText: "main links"};const BACK_TO_REGION_LIST: I18nText = {key: "BACK_TO_REGION_LIST", defaultText: "back to region list"};const OPENS_IN_A_NEW_WINDOW: I18nText = {key: "OPENS_IN_A_NEW_WINDOW", defaultText: "opens in a new window"};const LOGOUT: I18nText = {key: "LOGOUT", defaultText: "Logout"};const PROFILE: I18nText = {key: "PROFILE", defaultText: "Profile"};const SWITCH_ACCOUNT: I18nText = {key: "SWITCH_ACCOUNT", defaultText: "Switch account"};const BACK: I18nText = {key: "BACK", defaultText: "Back"};const OTHER_IDENTITIES: I18nText = {key: "OTHER_IDENTITIES", defaultText: "Other identities"};const ADD_OR_REMOVE_ACCOUNT: I18nText = {key: "ADD_OR_REMOVE_ACCOUNT", defaultText: "Add or remove account"};const COUNTRY_SELECT: I18nText = {key: "COUNTRY_SELECT", defaultText: "Select country"};const OVERVIEW: I18nText = {key: "OVERVIEW", defaultText: "Overview"};const CART: I18nText = {key: "CART", defaultText: "Cart"};const COUNTRY_SELECTOR: I18nText = {key: "COUNTRY_SELECTOR", defaultText: "Country Selector"};const SUPPORT: I18nText = {key: "SUPPORT", defaultText: "Support"};const SEARCH: I18nText = {key: "SEARCH", defaultText: "Search"};const SHOW_PASSWORD: I18nText = {key: "SHOW_PASSWORD", defaultText: "Show password"};const HIDE_PASSWORD: I18nText = {key: "HIDE_PASSWORD", defaultText: "Hide password"};const PHONE_NUMBER: I18nText = {key: "PHONE_NUMBER", defaultText: "Phone number"};const EMAIL: I18nText = {key: "EMAIL", defaultText: "Email"};const CHAT_WITH_US: I18nText = {key: "CHAT_WITH_US", defaultText: "Chat with us"};const ASK_JOULE: I18nText = {key: "ASK_JOULE", defaultText: "Ask Joule"};const QUICK_LINKS: I18nText = {key: "QUICK_LINKS", defaultText: "Quick Links"};const TRENDING: I18nText = {key: "TRENDING", defaultText: "Trending"};const ABOUT_SAP: I18nText = {key: "ABOUT_SAP", defaultText: "About SAP"};const SITE_INFORMATION: I18nText = {key: "SITE_INFORMATION", defaultText: "Site Information"};const SEE_COMPLETE_LIST: I18nText = {key: "SEE_COMPLETE_LIST", defaultText: "Or see our complete list of"};const LOCAL_COUNTRY_NAMES: I18nText = {key: "LOCAL_COUNTRY_NAMES", defaultText: "local country numbers"};const COPYRIGHT: I18nText = {key: "COPYRIGHT", defaultText: "© {0} SAP SE or an SAP affiliate company. All rights reserved."};const BACK_TO_TOP: I18nText = {key: "BACK_TO_TOP", defaultText: "Back to top"};const PUBLIC_SECURITY_NETWORK_NUMBER: I18nText = {key: "PUBLIC_SECURITY_NETWORK_NUMBER", defaultText: ""};const ICP_NUMBER: I18nText = {key: "ICP_NUMBER", defaultText: ""};const AVATAR_TEXT: I18nText = {key: "AVATAR_TEXT", defaultText: "Avatar"};const DISABLED: I18nText = {key: "DISABLED", defaultText: "Disabled"};const STATUS_BADGE_TEXT: I18nText = {key: "STATUS_BADGE_TEXT", defaultText: "Status Badge"};const STATUS_BADGE_EDIT_TITLE: I18nText = {key: "STATUS_BADGE_EDIT_TITLE", defaultText: "Click to edit profile"};const STATUS_BADGE_INFORMATION_TITLE: I18nText = {key: "STATUS_BADGE_INFORMATION_TITLE", defaultText: "Click to open profile information"};const STATUS_BADGE_WARNING_TITLE: I18nText = {key: "STATUS_BADGE_WARNING_TITLE", defaultText: "Warning, potential risk with the profile"};const STATUS_BADGE_ERROR_TITLE: I18nText = {key: "STATUS_BADGE_ERROR_TITLE", defaultText: "There is an error with the profile"};const STATUS_BADGE_SUCCESS_TITLE: I18nText = {key: "STATUS_BADGE_SUCCESS_TITLE", defaultText: "Successfully verified profile"};const CALENDAR_ICON: I18nText = {key: "CALENDAR_ICON", defaultText: "Open Calendar icon"};const DATEPICKER_DATE_DESCRIPTION: I18nText = {key: "DATEPICKER_DATE_DESCRIPTION", defaultText: "Date Input"};const TABLE_NO_DATA_FOUND: I18nText = {key: "TABLE_NO_DATA_FOUND", defaultText: "No data found"};const EXPAND: I18nText = {key: "EXPAND", defaultText: "Expand"};const COLLAPSE: I18nText = {key: "COLLAPSE", defaultText: "Collapse"};const EXPANDED: I18nText = {key: "EXPANDED", defaultText: "expanded"};const COLLAPSED: I18nText = {key: "COLLAPSED", defaultText: "collapsed"};const SELECT_BOX_ITEM_LEVEL: I18nText = {key: "SELECT_BOX_ITEM_LEVEL", defaultText: "level {0}"};const BACK_BUTTON_LABEL: I18nText = {key: "BACK_BUTTON_LABEL", defaultText: "return back"};const UPLOADING_FILE_STATUS_TEXT: I18nText = {key: "UPLOADING_FILE_STATUS_TEXT", defaultText: "Uploading"};const TERMINATED_FILE_STATUS_TEXT: I18nText = {key: "TERMINATED_FILE_STATUS_TEXT", defaultText: "Terminated"};const REMOVE_FILE_TEXT: I18nText = {key: "REMOVE_FILE_TEXT", defaultText: "Remove file"};const UPLOAD_BUTTON_LABEL: I18nText = {key: "UPLOAD_BUTTON_LABEL", defaultText: "Upload file"};const COMPLETE_LIST_OF: I18nText = {key: "COMPLETE_LIST_OF", defaultText: "Complete list of"};const CALL_US_TODAY: I18nText = {key: "CALL_US_TODAY", defaultText: "Call us today!"};const CONTACT_US: I18nText = {key: "CONTACT_US", defaultText: "Contact us"};const SOCIAL_MEDIA_BUTTON: I18nText = {key: "SOCIAL_MEDIA_BUTTON", defaultText: "Social Media Button"};const PROMO_TILE: I18nText = {key: "PROMO_TILE", defaultText: "Promo Tile"};const PROMO_TILE_ICON: I18nText = {key: "PROMO_TILE_ICON", defaultText: "Promo Tile Icon"};const PLAY_BUTTON_ACCESSIBLE_NAME: I18nText = {key: "PLAY_BUTTON_ACCESSIBLE_NAME", defaultText: "Start button to begin customer logos rotation"};const PAUSE_BUTTON_ACCESSIBLE_NAME: I18nText = {key: "PAUSE_BUTTON_ACCESSIBLE_NAME", defaultText: "Pause button to stop customer logos rotation"};const TOAST_CLOSE_ACCESSIBLE_NAME: I18nText = {key: "TOAST_CLOSE_ACCESSIBLE_NAME", defaultText: "Close"};
+export {OF,PAGINATION_PAGE,SELECTED,PREVIOUS_PAGE,NEXT_PAGE,CURRENT_PAGE,ACTIVATE_PAGE,BUTTON_ARIA_TYPE_PRIMARY,BUTTON_ARIA_TYPE_SECONDARY,BUTTON_ARIA_TYPE_TERTIARY,BUTTON_ARIA_TYPE_WARNING,BUTTON_ARIA_TYPE_POSITIVE,BUTTON_ARIA_TYPE_NEGATIVE,BUTTON_ARIA_EMPHASIZED,BUTTON_ARIA_DEFAULT,BUTTON_ARIA_TRANSPARENT,BUTTON_ARIA_ATTENTION,TOGGLED,SUGGESTED_TEXT,ACCESSIBLE_NAME_RESET_ICON,ACCESSIBLE_NAME_SEARCH_ICON,TOOLTIP_RESET_BUTTON,TOOLTIP_VOICE_BUTTON,TOOLTIP_SUBMIT_BUTTON,LISTENING,AVAILABLE_VALUES,RECOMMENDED_TEXT,EXPAND_ALL,COLLAPSE_ALL,MORE,ATTENTION_BADGE,REVIEWS,STARS,READ_MORE,READ_LESS,SHOW_MORE,SHOW_LESS,RATING_INDICATOR_TEXT,RATING_INDICATOR_TOOLTIP_TEXT,RATING_INDICATOR_ARIA_DESCRIPTION,TOTAL,RATING_COUNT_TITLE,MESSAGE_STRIP_CLOSE_BUTTON,MESSAGE_STRIP_INFORMATION,MESSAGE_STRIP_SUCCESS,MESSAGE_STRIP_WARNING,MESSAGE_STRIP_ERROR,MESSAGE_STRIP_ACTION,ARIA_LABEL_LIST_MULTISELECTABLE,ARIA_LABEL_LIST_SELECTABLE,UNSELECTED,INDETERMINATE,TEXTAREA_CHARACTERS_LEFT,VALUE_STATE_TYPE_ERROR,VALUE_STATE_TYPE_WARNING,VALUE_STATE_TYPE_SUCCESS,TEXT_FIELD,CAROUSEL_PREVIOUS_ARROW_TEXT,CAROUSEL_NEXT_ARROW_TEXT,CAROUSEL_AUTOPLAY_TOGGLE_START,CAROUSEL_AUTOPLAY_TOGGLE_STOP,SHOW_RESULTS,RESET,LOCATION,SELECT_OPTIONS,SELECT_ALL,BREADCRUMBS_ARIA_LABEL,BREADCRUMBS_OVERFLOW_ARIA_LABEL,STEPINPUT_INC_ICON_TITLE,STEPINPUT_DEC_ICON_TITLE,NO_MATCHES_FOUND,RESULT_RETURNED,VALUE_STATE_ERROR,VALUE_STATE_WARNING,VALUE_STATE_INFORMATION,VALUE_STATE_SUCCESS,READ_ONLY,MAIN_LINKS,BACK_TO_REGION_LIST,OPENS_IN_A_NEW_WINDOW,LOGOUT,PROFILE,SWITCH_ACCOUNT,BACK,OTHER_IDENTITIES,ADD_OR_REMOVE_ACCOUNT,COUNTRY_SELECT,OVERVIEW,CART,COUNTRY_SELECTOR,SUPPORT,SEARCH,SHOW_PASSWORD,HIDE_PASSWORD,PHONE_NUMBER,EMAIL,CHAT_WITH_US,ASK_JOULE,QUICK_LINKS,TRENDING,ABOUT_SAP,SITE_INFORMATION,SEE_COMPLETE_LIST,LOCAL_COUNTRY_NAMES,COPYRIGHT,BACK_TO_TOP,PUBLIC_SECURITY_NETWORK_NUMBER,ICP_NUMBER,AVATAR_TEXT,DISABLED,STATUS_BADGE_TEXT,STATUS_BADGE_EDIT_TITLE,STATUS_BADGE_INFORMATION_TITLE,STATUS_BADGE_WARNING_TITLE,STATUS_BADGE_ERROR_TITLE,STATUS_BADGE_SUCCESS_TITLE,CALENDAR_ICON,DATEPICKER_DATE_DESCRIPTION,TABLE_NO_DATA_FOUND,EXPAND,COLLAPSE,EXPANDED,COLLAPSED,SELECT_BOX_ITEM_LEVEL,BACK_BUTTON_LABEL,UPLOADING_FILE_STATUS_TEXT,TERMINATED_FILE_STATUS_TEXT,REMOVE_FILE_TEXT,UPLOAD_BUTTON_LABEL,COMPLETE_LIST_OF,CALL_US_TODAY,CONTACT_US,SOCIAL_MEDIA_BUTTON,PROMO_TILE,PROMO_TILE_ICON,PLAY_BUTTON_ACCESSIBLE_NAME,PAUSE_BUTTON_ACCESSIBLE_NAME,TOAST_CLOSE_ACCESSIBLE_NAME};

package/src/generated/themes/AccordionSpotlight.css.ts

@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
-export default `:host{--udex-accordion-spotlight-nav-width: 25%;--udex-accordion-spotlight-nav-gap: var(--udexSpacer16, 16px);--udex-accordion-spotlight-nav-gap-mobile: var(--udexSpacer16, 16px);--udex-accordion-spotlight-nav-color: var(--udexColorGrey7, #475E75);--udex-accordion-spotlight-nav-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-accordion-spotlight-nav-font-family: var(--sapFontFamily, sans-serif);--udex-accordion-spotlight-gap: var(--udexSpacer48, 48px);--udex-accordion-spotlight-btn-color: var(--udexColorNeutralBlack, #000);--udex-accordion-spotlight-btn-color-hover: var(--udexColorBlue8, #0057D2);--udex-accordion-spotlight-btn-color-active: var(--udexColorBlue8, #0057D2);--udex-accordion-spotlight-btn-font-size: var(--udexTypographyHeadingRegularXXSFontSize, 20px);--udex-accordion-spotlight-btn-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-accordion-spotlight-btn-font-family: var(--sapFontFamily, sans-serif);--udex-accordion-spotlight-btn-line-height: 1.1;--udex-accordion-spotlight-btn-padding: var(--udexSpacer16, 16px);--udex-accordion-spotlight-indicator-color: var(--udexColorBlue8, #0057D2);--udex-accordion-spotlight-indicator-width: 3px;--udex-accordion-spotlight-border-color: var(--udexColorGrey3, #D5DADD);--udex-accordion-spotlight-content-font-family: var(--sapFontFamily, sans-serif);--udex-accordion-spotlight-content-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-accordion-spotlight-content-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-accordion-spotlight-transition: color .2s ease-in;--udex-accordion-spotlight-panel-duration: .5s;--udex-accordion-spotlight-panel-easing: ease;--udex-accordion-spotlight-media-width: 100%;--udex-accordion-spotlight-border-radius: var(--udexRadiusM, 8px);display:block}.udex-accordion-spotlight{display:flex;gap:var(--udex-accordion-spotlight-gap);width:100%;overflow:clip;overflow-clip-margin:4px}.udex-accordion-spotlight__nav{flex:0 0 var(--udex-accordion-spotlight-nav-width);align-self:var(--udex-accordion-spotlight-nav-alignment, flex-start);font-family:var(--udex-accordion-spotlight-nav-font-family);font-size:var(--udex-accordion-spotlight-nav-font-size);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udex-accordion-spotlight-nav-color);line-height:var(--udex-accordion-spotlight-content-line-height)}.udex-accordion-spotlight__nav-holder{gap:var(--udex-accordion-spotlight-nav-gap);border-inline-start:1px solid var(--udex-accordion-spotlight-border-color);box-sizing:border-box;display:flex;flex-direction:column}.udex-accordion-spotlight__play-button{margin-block-end:var(--udexSpacer16, 16px);align-self:flex-start;margin-inline-start:var(--udexSpacer16, 16px)}:host([vertical-alignment="Center"]){--udex-accordion-spotlight-nav-alignment: center}:host([placement="End"]) .udex-accordion-spotlight__nav{order:1}.udex-accordion-spotlight__nav-item{position:relative;padding:var(--udex-accordion-spotlight-btn-padding);display:flex;flex-direction:column;align-items:flex-start}.udex-accordion-spotlight-item__expand{display:grid;grid-template-rows:0fr;opacity:0;width:100%;margin-block-start:0;transition:grid-template-rows var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing),opacity var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing),margin-block-start var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing)}.udex-accordion-spotlight-item__expand--open{grid-template-rows:1fr;opacity:1;margin-block-start:var(--udexSpacer16, 16px)}.udex-accordion-spotlight-item__expand-inner{overflow:hidden;display:flex;flex-direction:column;gap:var(--udexSpacer16, 16px);padding-inline:4px;margin-inline:-4px;padding-block-end:4px;margin-block-end:-4px}.udex-accordion-spotlight-item__button{background:none;border:0;padding:0;border-radius:0;cursor:pointer;display:flex;flex-direction:column;text-align:start;color:var(--udex-accordion-spotlight-btn-color);font-family:var(--udex-accordion-spotlight-btn-font-family);font-size:var(--udex-accordion-spotlight-btn-font-size);font-weight:var(--udex-accordion-spotlight-btn-font-weight);line-height:var(--udex-accordion-spotlight-btn-line-height)}.udex-accordion-spotlight-item__button:hover{color:var(--udex-accordion-spotlight-btn-color-hover)}.udex-accordion-spotlight-item__button:focus,.udex-accordion-spotlight-item__button:focus-visible{outline:none}:host([desktop]) .udex-accordion-spotlight-item__button:focus,.udex-accordion-spotlight-item__button:focus-visible{outline:2px solid var(--udex-accordion-spotlight-indicator-color);border-radius:var(--udexRadiusXXS, 2px)}.udex-accordion-spotlight-item__button--active{color:var(--udex-accordion-spotlight-btn-color-active)}.udex-accordion-spotlight-item__button--active:before{content:"";position:absolute;inset-inline-start:-1px;inset-block:0;width:var(--udex-accordion-spotlight-indicator-width);background-color:var(--udex-accordion-spotlight-indicator-color);border-start-end-radius:var(--udexRadiusXXS, 2px);border-end-end-radius:var(--udexRadiusXXS, 2px);z-index:var(--udexZIndex1, 1)}.udex-accordion-spotlight__content{flex:1 1 0;font-family:var(--udex-accordion-spotlight-content-font-family);font-size:var(--udex-accordion-spotlight-content-font-size);line-height:var(--udex-accordion-spotlight-content-line-height);padding-inline-start:var(--udexSpacer16, 16px);display:grid}.udex-accordion-spotlight__content>.udex-accordion-spotlight__panel{grid-area:1 / 1;display:block;transition:opacity var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing)}.udex-accordion-spotlight__panel{opacity:0;height:0;pointer-events:none}.udex-accordion-spotlight__panel--open{opacity:1;height:auto;pointer-events:auto}.udex-accordion-spotlight__panel-inner{overflow:hidden;padding:4px;margin:-4px}.udex-accordion-spotlight-item__links{display:flex;flex-direction:column;gap:var(--udexSpacer4, 4px)}.udex-accordion-spotlight__footer{margin-block-start:var(--udexSpacer20, 20px);margin-inline-start:var(--udexSpacer16, 16px)}.udex-accordion-spotlight__media{flex:1 1 0;display:flex;align-items:var(--udex-accordion-spotlight-nav-alignment, flex-start);overflow:hidden}.udex-accordion-spotlight__media ::slotted(img),.udex-accordion-spotlight__media ::slotted(video){display:block;width:var(--udex-accordion-spotlight-media-width);border-radius:var(--udex-accordion-spotlight-border-radius)}@media (prefers-reduced-motion: reduce){.udex-accordion-spotlight__panel,.udex-accordion-spotlight-item__expand,.udex-accordion-spotlight-item__button{transition:none}}@media (width < 980px){.udex-accordion-spotlight__nav-item:has(~.udex-accordion-spotlight__nav-item){margin-bottom:var(--udex-accordion-spotlight-nav-gap-mobile)}.udex-accordion-spotlight__nav-holder{gap:0}.udex-accordion-spotlight__media{width:100%;flex:0 0 auto;margin-block-start:var(--udexSpacer16, 16px)}.udex-accordion-spotlight{flex-direction:column;gap:0}.udex-accordion-spotlight__nav{flex:0 0 100%;width:100%}.udex-accordion-spotlight__panel{height:inherit;display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing),opacity var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing)}.udex-accordion-spotlight__panel--open{grid-template-rows:1fr;margin:var(--udexSpacer8, 8px) 0 var(--udexSpacer24, 24px)}.udex-accordion-spotlight__panel-inner{padding-inline-start:var(--udexSpacer16, 16px);font-family:var(--udex-accordion-spotlight-content-font-family);font-size:var(--udex-accordion-spotlight-content-font-size);line-height:var(--udex-accordion-spotlight-content-line-height)}}
+export default `:host{--udex-accordion-spotlight-nav-width: 25%;--udex-accordion-spotlight-nav-gap: var(--udexSpacer2, 2px);--udex-accordion-spotlight-nav-gap-mobile: var(--udexSpacer2, 2px);--udex-accordion-spotlight-nav-color: var(--udexColorGrey7, #475E75);--udex-accordion-spotlight-nav-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-accordion-spotlight-nav-font-family: var(--sapFontFamily, sans-serif);--udex-accordion-spotlight-gap: var(--udexSpacer48, 48px);--udex-accordion-spotlight-btn-color: var(--udexColorNeutralBlack, #000);--udex-accordion-spotlight-btn-color-hover: var(--udexColorBlue8, #0057D2);--udex-accordion-spotlight-btn-color-active: var(--udexColorBlue8, #0057D2);--udex-accordion-spotlight-btn-font-size: var(--udexTypographyHeadingRegularXXSFontSize, 20px);--udex-accordion-spotlight-btn-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-accordion-spotlight-btn-font-family: var(--sapFontFamily, sans-serif);--udex-accordion-spotlight-btn-line-height: 1.1;--udex-accordion-spotlight-btn-padding: var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);--udex-accordion-spotlight-indicator-color: var(--udexColorBlue8, #0057D2);--udex-accordion-spotlight-indicator-width: 3px;--udex-accordion-spotlight-border-color: var(--udexColorGrey3, #D5DADD);--udex-accordion-spotlight-content-font-family: var(--sapFontFamily, sans-serif);--udex-accordion-spotlight-content-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-accordion-spotlight-content-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-accordion-spotlight-transition: color .2s ease-in;--udex-accordion-spotlight-panel-duration: .5s;--udex-accordion-spotlight-panel-easing: ease;--udex-accordion-spotlight-media-width: 100%;--udex-accordion-spotlight-border-radius: var(--udexRadiusM, 8px);display:block}.udex-accordion-spotlight{display:flex;gap:var(--udex-accordion-spotlight-gap);width:100%;overflow:clip;overflow-clip-margin:4px}.udex-accordion-spotlight__nav{flex:0 0 var(--udex-accordion-spotlight-nav-width);align-self:var(--udex-accordion-spotlight-nav-alignment, flex-start);font-family:var(--udex-accordion-spotlight-nav-font-family);font-size:var(--udex-accordion-spotlight-nav-font-size);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udex-accordion-spotlight-nav-color);line-height:var(--udex-accordion-spotlight-content-line-height)}.udex-accordion-spotlight__nav-holder{gap:var(--udex-accordion-spotlight-nav-gap);border-inline-start:1px solid var(--udex-accordion-spotlight-border-color);box-sizing:border-box;display:flex;flex-direction:column}.udex-accordion-spotlight__play-button{margin-block-end:var(--udexSpacer16, 16px);align-self:flex-start;margin-inline-start:var(--udexSpacer16, 16px)}:host([vertical-alignment="Center"]){--udex-accordion-spotlight-nav-alignment: center}:host([placement="End"]) .udex-accordion-spotlight__nav{order:1}.udex-accordion-spotlight__nav-item{position:relative;padding:var(--udex-accordion-spotlight-btn-padding);display:flex;flex-direction:column;align-items:flex-start}.udex-accordion-spotlight-item__expand{display:grid;grid-template-rows:0fr;opacity:0;width:100%;margin-block-start:0;transition:grid-template-rows var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing),opacity var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing),margin-block-start var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing)}.udex-accordion-spotlight-item__expand--open{grid-template-rows:1fr;opacity:1;margin-block-start:var(--udexSpacer16, 16px)}.udex-accordion-spotlight-item__expand-inner{overflow:hidden;display:flex;flex-direction:column;gap:var(--udexSpacer16, 16px);padding-inline:var(--udexSpacer4, 4px);margin-inline:calc(var(--udexSpacer4, 4px)* -1);padding-block-end:var(--udexSpacer4, 4px);margin-block-end:calc(var(--udexSpacer4, 4px)* -1)}.udex-accordion-spotlight-item__button{background:none;border:0;padding:0;border-radius:0;cursor:pointer;display:flex;flex-direction:column;text-align:start;color:var(--udex-accordion-spotlight-btn-color);font-family:var(--udex-accordion-spotlight-btn-font-family);font-size:var(--udex-accordion-spotlight-btn-font-size);font-weight:var(--udex-accordion-spotlight-btn-font-weight);line-height:var(--udex-accordion-spotlight-btn-line-height)}.udex-accordion-spotlight-item__button:hover{color:var(--udex-accordion-spotlight-btn-color-hover)}.udex-accordion-spotlight-item__button:focus,.udex-accordion-spotlight-item__button:focus-visible{outline:none}:host([desktop]) .udex-accordion-spotlight-item__button:focus,.udex-accordion-spotlight-item__button:focus-visible{outline:2px solid var(--udex-accordion-spotlight-indicator-color);border-radius:var(--udexRadiusXXS, 2px)}.udex-accordion-spotlight-item__button--active{color:var(--udex-accordion-spotlight-btn-color-active)}.udex-accordion-spotlight-item__button--active:before{content:"";position:absolute;inset-inline-start:-1px;inset-block:0;width:var(--udex-accordion-spotlight-indicator-width);background-color:var(--udex-accordion-spotlight-indicator-color);border-start-end-radius:var(--udexRadiusXXS, 2px);border-end-end-radius:var(--udexRadiusXXS, 2px);z-index:var(--udexZIndex1, 1)}.udex-accordion-spotlight__content{flex:1 1 0;font-family:var(--udex-accordion-spotlight-content-font-family);font-size:var(--udex-accordion-spotlight-content-font-size);line-height:var(--udex-accordion-spotlight-content-line-height);padding-inline-start:var(--udexSpacer16, 16px);display:grid}.udex-accordion-spotlight__content>.udex-accordion-spotlight__panel{grid-area:1 / 1;display:block;transition:opacity var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing)}.udex-accordion-spotlight__panel{opacity:0;height:0;pointer-events:none}.udex-accordion-spotlight__panel--open{opacity:1;height:auto;pointer-events:auto}.udex-accordion-spotlight__panel-inner{overflow:hidden;padding:var(--udexSpacer4, 4px);margin:calc(var(--udexSpacer4, 4px)* -1)}.udex-accordion-spotlight-item__links{display:flex;flex-direction:column;gap:var(--udexSpacer4, 4px)}.udex-accordion-spotlight__footer{margin-block-start:var(--udexSpacer20, 20px);margin-inline-start:var(--udexSpacer16, 16px)}.udex-accordion-spotlight__media{flex:1 1 0;display:flex;align-items:var(--udex-accordion-spotlight-nav-alignment, flex-start);overflow:hidden}.udex-accordion-spotlight__media ::slotted(img),.udex-accordion-spotlight__media ::slotted(video){display:block;width:var(--udex-accordion-spotlight-media-width);border-radius:var(--udex-accordion-spotlight-border-radius)}@media (prefers-reduced-motion: reduce){.udex-accordion-spotlight__panel,.udex-accordion-spotlight-item__expand,.udex-accordion-spotlight-item__button{transition:none}}@media (width < 980px){.udex-accordion-spotlight__nav-item:has(~.udex-accordion-spotlight__nav-item){margin-bottom:var(--udex-accordion-spotlight-nav-gap-mobile)}.udex-accordion-spotlight__nav-holder{gap:0}.udex-accordion-spotlight__media{width:100%;flex:0 0 auto;margin-block-start:var(--udexSpacer16, 16px)}.udex-accordion-spotlight{flex-direction:column;gap:0}.udex-accordion-spotlight__nav{flex:0 0 100%;width:100%}.udex-accordion-spotlight__panel{height:inherit;display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing),opacity var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing)}.udex-accordion-spotlight__panel--open{grid-template-rows:1fr;margin:var(--udexSpacer8, 8px) 0 var(--udexSpacer24, 24px)}.udex-accordion-spotlight__panel-inner{padding-inline-start:var(--udexSpacer16, 16px);font-family:var(--udex-accordion-spotlight-content-font-family);font-size:var(--udex-accordion-spotlight-content-font-size);line-height:var(--udex-accordion-spotlight-content-line-height)}}
 `

package/src/generated/themes/ListGroupHeader.css.ts

@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
-export default `:host{--udex-list-item-group-header-padding-vertical: var(--udexSpacer12, 12px);--udex-list-item-group-header-padding-horizontal: var(--udexSpacer16, 16px);--udex-list-item-group-header-supporting-text-color: var(--sapContent_LabelColor, #223548);--udex-list-item-group-header-border-color: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-group-header-outline-border-color: var(--udexColorBlue10, #002A86)}.udex-list__header{display:flex;flex-direction:column;width:100%}.hidden{display:none}.udex-list__supporting-text{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udex-list-item-group-header-supporting-text-color);padding-top:var(--udexSpacer2, 2px)}.udex-list__group-list{list-style-type:none;padding:0;margin:0}.udex-list__group ::slotted([udex-list-item]){padding-inline-start:calc(var(--udexSpacer24) + var(--udexSpacer16));--udex-list-item-padding-inline-start: 0}.udex-list__header,.udex-list__group-header{font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:24px;color:var(--udexColorGrey9, #223548)}.udex-list__group-list.udex-list__sticky{padding-top:59px}.udex-list__group-content{display:flex;border-top:1px solid var(--udex-list-item-group-header-border-color);padding:var(--udex-list-item-group-header-padding-vertical) var(--udex-list-item-group-header-padding-horizontal);align-items:center;position:relative}:host([mode="MultiSelect"][_no-border]) .udex-list__group-header,:host([_no-border]) .udex-list__group-content{border-top:none}.udex-list__group-content.udex-list_group-content__focusable:focus,.udex-list__group-content.udex-list_group-content__focusable:focus-visible{outline:none}.udex-list__group-content.udex-list_group-content__focusable:focus:before,.udex-list__group-content.udex-list_group-content__focusable:focus-visible:before{content:"";position:absolute;inset:0;outline:var(--udexRadiusXXS) solid var(--udex-list-item-group-header-outline-border-color);outline-offset:-4px;border-radius:var(--udexRadiusM, 8px);pointer-events:none}.udex-list__number{margin-inline-end:var(--udexSpacer8, 8px)}.udex-list__circle{display:block;min-width:20px;height:22px;position:relative}:host([mode="MultiSelect"]) .udex-list__group-header{border-top:1px solid var(--udex-list-item-group-header-border-color)}.udex-list__group_large .udex-list__header,.udex-list__group_large .udex-list__group-header{font-size:var(--udexTypographyHeadingMediumXXSFontSize, 20px);line-height:var(--udexTypographyHeadingLineHeight, 22px);font-weight:var(--udexTypographyFontWeightMedium, 500)}.udex-list__group_large.udex-list__supporting-text{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);font-weight:var(--udexTypographyFontWeightRegular, 400)}.udex-list__icon{margin-inline-end:var(--udexSpacer8, 8px);padding-top:2px;min-width:18px;height:18px}.udex-list__inactive-header{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);font-weight:var(--udexTypographyFontWeightMedium, 500);padding:var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);border-bottom:1px solid var(--sapList_BorderColor, #A9B4BE);display:flex;justify-content:space-between;align-items:center}.udex-list__inactive-header-content{display:flex;flex-direction:column}.udex-list__group-heading__icon{transform:rotate(-90deg);height:18px;width:18px;color:inherit;cursor:pointer;--udex-button-icon-s-size: 18px}:host(:dir(rtl)) .udex-list__group-heading__icon{transform:rotate(90deg)}:host([collapsed]) .udex-list__group-heading__icon{transform:rotate(90deg)}:host([collapsed]:dir(rtl)) .udex-list__group-heading__icon{transform:rotate(-90deg)}:host([collapsible]) .udex-list__group-list__content{max-height:var(--udex-list-content-max-height);overflow:hidden;transition:max-height .2s ease-in}:host([collapsible][collapsed]) .udex-list__group-list__content{max-height:0}:host([collapsible][mode="MultiSelect"]) header,:host([collapsible][mode="RadioGroup"]) .udex-list__group-header-wrap,:host([collapsible][mode="SingleContent"]) .udex-list__group-header-wrap,:host([collapsible][mode="SingleSelect"]) .udex-list__group-header-wrap{position:relative}:host([collapsible][mode="MultiSelect"]) header:focus,:host([collapsible][mode="RadioGroup"]) .udex-list__group-header-wrap:focus,:host([collapsible][mode="SingleContent"]) .udex-list__group-header-wrap:focus,:host([collapsible][mode="SingleSelect"]) .udex-list__group-header-wrap:focus{outline:none}:host([collapsible][mode="MultiSelect"]) header:focus:before,:host([collapsible][mode="RadioGroup"]) .udex-list__group-header-wrap:focus:before,:host([collapsible][mode="SingleContent"]) .udex-list__group-header-wrap:focus:before,:host([collapsible][mode="SingleSelect"]) .udex-list__group-header-wrap:focus:before,:host(._udex-active-descendant) .udex-list__group-content:before,:host(._udex-active-descendant) .udex-list__inactive-header:before{content:"";position:absolute;inset:0;outline:var(--udexRadiusXXS) solid var(--udexColorBlue10, #002A86);outline-offset:-4px;border-radius:var(--udexRadiusM, 8px);pointer-events:none}.udex-list__group-content--nested{flex-direction:column;align-items:stretch;padding:0;border-top:0}.udex-list__group-content--nested .udex-list__group-header-row{display:flex;align-items:center;position:relative;padding:var(--udex-list-item-group-header-padding-vertical) var(--udex-list-item-group-header-padding-horizontal);border-top:1px solid var(--udex-list-item-group-header-border-color)}:host([_no-border]) .udex-list__group-content--nested .udex-list__group-header-row{border-top:none}:host([collapsible][mode="SingleSelect"]) .udex-list__group-content--nested:focus:before{content:none}:host([collapsible][mode="SingleSelect"]) .udex-list__group-content--nested:focus .udex-list__group-header-row:before{content:"";position:absolute;inset:0;outline:var(--udexRadiusXXS) solid var(--udexColorBlue10, #002A86);outline-offset:-4px;border-radius:var(--udexRadiusM, 8px);pointer-events:none}:host(._udex-active-descendant) [part=group-item]:not(.udex-list__group-content){position:relative}:host(._udex-active-descendant) [part=group-item]:not(.udex-list__group-content):after{content:"";position:absolute;inset:4px;outline:var(--udexRadiusXXS) solid var(--udexColorBlue10, #002A86);border-radius:var(--udexRadiusM, 8px);pointer-events:none}
+export default `:host{--udex-list-item-group-header-padding-vertical: var(--udexSpacer12, 12px);--udex-list-item-group-header-padding-horizontal: var(--udexSpacer16, 16px);--udex-list-item-group-header-supporting-text-color: var(--sapContent_LabelColor, #223548);--udex-list-item-group-header-border-color: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-group-header-outline-border-color: var(--udexColorBlue10, #002A86)}.udex-list__header{display:flex;flex-direction:column;width:100%}.hidden{display:none}.udex-list__supporting-text{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udex-list-item-group-header-supporting-text-color);padding-top:var(--udexSpacer2, 2px)}.udex-list__group-list{list-style-type:none;padding:0;margin:0}.udex-list__group ::slotted([udex-list-item]){padding-inline-start:calc(var(--udexSpacer24) + var(--udexSpacer16));--udex-list-item-padding-inline-start: 0}.udex-list__header,.udex-list__group-header{font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:24px;color:var(--udexColorGrey9, #223548)}.udex-list__group-list.udex-list__sticky{padding-top:59px}.udex-list__group-content{display:flex;border-top:1px solid var(--udex-list-item-group-header-border-color);padding:var(--udex-list-item-group-header-padding-vertical) var(--udex-list-item-group-header-padding-horizontal);align-items:center;position:relative}:host([mode="MultiSelect"][_no-border]) .udex-list__group-header,:host([_no-border]) .udex-list__group-content{border-top:none}.udex-list__group-content.udex-list_group-content__focusable:focus,.udex-list__group-content.udex-list_group-content__focusable:focus-visible{outline:none}.udex-list__group-content.udex-list_group-content__focusable:focus:before,.udex-list__group-content.udex-list_group-content__focusable:focus-visible:before{content:"";position:absolute;inset:0;outline:var(--udexRadiusXXS) solid var(--udex-list-item-group-header-outline-border-color);outline-offset:-4px;border-radius:var(--udexRadiusM, 8px);pointer-events:none}.udex-list__number{margin-inline-end:var(--udexSpacer8, 8px)}.udex-list__circle{display:block;min-width:20px;height:22px;position:relative}:host([mode="MultiSelect"]) .udex-list__group-header{border-top:1px solid var(--udex-list-item-group-header-border-color)}.udex-list__group_large .udex-list__header,.udex-list__group_large .udex-list__group-header{font-size:var(--udexTypographyHeadingMediumXXSFontSize, 20px);line-height:var(--udexTypographyHeadingLineHeight, 22px);font-weight:var(--udexTypographyFontWeightMedium, 500)}.udex-list__group_large.udex-list__supporting-text{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);font-weight:var(--udexTypographyFontWeightRegular, 400)}.udex-list__icon{margin-inline-end:var(--udexSpacer8, 8px);padding-top:2px;min-width:18px;height:18px}.udex-list__inactive-header{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);font-weight:var(--udexTypographyFontWeightMedium, 500);padding:var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);border-bottom:1px solid var(--sapList_BorderColor, #A9B4BE);display:flex;justify-content:space-between;align-items:center}.udex-list__inactive-header-content{display:flex;flex-direction:column}.udex-list__group-heading__icon{transform:rotate(-90deg);height:18px;width:18px;color:inherit;cursor:pointer;--udex-button-icon-s-size: 18px}:host(:dir(rtl)) .udex-list__group-heading__icon{transform:rotate(90deg)}:host([collapsed]) .udex-list__group-heading__icon{transform:rotate(90deg)}:host([collapsed]:dir(rtl)) .udex-list__group-heading__icon{transform:rotate(-90deg)}:host([collapsible]) .udex-list__group-list__content{max-height:var(--udex-list-content-max-height);overflow:hidden;transition:max-height .2s ease-in}:host([collapsible][collapsed]) .udex-list__group-list__content{max-height:0}:host([collapsible][mode="MultiSelect"]) header,:host([collapsible][mode="RadioGroup"]) .udex-list__group-header-wrap,:host([collapsible][mode="SingleContent"]) .udex-list__group-header-wrap,:host([collapsible][mode="SingleSelect"]) .udex-list__group-header-wrap{position:relative}:host([collapsible][mode="MultiSelect"]) header:focus,:host([collapsible][mode="RadioGroup"]) .udex-list__group-header-wrap:focus,:host([collapsible][mode="SingleContent"]) .udex-list__group-header-wrap:focus,:host([collapsible][mode="SingleSelect"]) .udex-list__group-header-wrap:focus{outline:none}:host([collapsible][mode="MultiSelect"]) header:focus:before,:host([collapsible][mode="RadioGroup"]) .udex-list__group-header-wrap:focus:before,:host([collapsible][mode="SingleContent"]) .udex-list__group-header-wrap:focus:before,:host([collapsible][mode="SingleSelect"]) .udex-list__group-header-wrap:focus:before,:host(._udex-active-descendant) .udex-list__group-content:before,:host(._udex-active-descendant) .udex-list__inactive-header:before{content:"";position:absolute;inset:0;outline:var(--udexRadiusXXS) solid var(--udexColorBlue10, #002A86);outline-offset:-4px;border-radius:var(--udexRadiusM, 8px);pointer-events:none}:host(._udex-active-descendant) [part=group-item]:not(.udex-list__group-content){position:relative}:host(._udex-active-descendant) [part=group-item]:not(.udex-list__group-content):after{content:"";position:absolute;inset:4px;outline:var(--udexRadiusXXS) solid var(--udexColorBlue10, #002A86);border-radius:var(--udexRadiusM, 8px);pointer-events:none}
 `

package/src/generated/themes/SideNavigationItem.css.ts

@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
-export default `:host{--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-icon-color: var(--udexColorGrey9, #223548);--udex-side-navigation-icon-font-size: 1rem;--udex-side-navigation-item-padding-left: var(--udexSpacer12);--udex-side-navigation-selection-indicator-display: none;--udex-side-navigation-text-weight: var(--udexTypographyFontWeightMedium);--udex-side-navigation-selection-background-color: none;--udex-side-navigation-hover-selection-background-color: var(--sapButton_Selected_Hover_Background, #D1EFFF);font-size:var(--udexTypographyNavigationMediumMFontSize)}:host(:not([hidden])){font-family:var(--sapFontFamily)}.ui5-sn-item-ul{overflow:auto}.ui5-sn-item-external-link-icon{display:none}.ui5-sn-item,:host(:not([in-popover])) .ui5-sn-item{height:auto;min-height:36px;padding-inline-end:var(--udexSpacer12, 12px);margin-block-end:var(--udexSpacer4, 4px)}:host([variant="Content"]) .ui5-sn-item{padding:var(--udexSpacer8, 8px) var(--udexSpacer12, 12px)}.ui5-sn-item .ui5-sn-item-text{font-weight:var(--udex-side-navigation-text-weight)}.ui5-sn-item-icon{height:var(--udex-side-navigation-icon-font-size);width:var(--udex-side-navigation-icon-font-size);min-width:var(--udex-side-navigation-icon-font-size);color:var(--udex-side-navigation-icon-color);padding-inline-end:var(--udexSpacer12);padding-inline-start:0}.ui5-sn-item-toggle-icon,:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{height:1rem;width:1rem;min-width:1rem;margin:0;padding:0;color:var(--udex-side-navigation-icon-color);padding-inline-start:var(--udexSpacer12, 12px)}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root){border:none;width:100%;height:100%;padding:0}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{border-inline-start:0}.ui5-sn-item-level1,.ui5-sn-item-level1:not(:has(>.ui5-sn-item-icon)),.ui5-sn-item-level1.ui5-sn-item-selected:not(:has(>.ui5-sn-item-icon)){padding-inline-start:var(--udex-side-navigation-item-padding-left)}:host([variant="Content"]) .ui5-sn-item-level1{padding-inline-start:var(--udexSpacer12, 12px)}:host([variant="Content"]) .ui5-sn-item .ui5-sn-item-text{margin:0}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-toggle-icon,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-icon{background:var(--udex-side-navigation-selection-background-color)}:host([selected]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background-color:var(--udex-side-navigation-hover-selection-background-color)}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--udex-side-navigation-selection-indicator-display)}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{inset:0}:host([selected]) .ui5-sn-item{position:relative;overflow:hidden}:host([selected]) .ui5-sn-item:before{content:"";position:absolute;inset-inline-start:0;top:0;height:100%;width:3px;background-color:var(--udexColorBlue8, #0057D2);z-index:1}:host([selected]) .ui5-sn-item,:host([selected]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background-color:var(--udexColorBlue1, #EBF8FF);border-radius:var(--udexSpacer8, 8px)}
+export default `:host{--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-icon-color: var(--udexColorGrey7, #475E75);--udex-side-navigation-item-label-color: var(--udexColorGrey9, #223548);--udex-side-navigation-icon-font-size: 1rem;--udex-side-navigation-item-padding-inline-start: var(--udexSpacer12, 12px);--udex-side-navigation-item-padding-inline-end: var(--udexSpacer12, 12px);--udex-side-navigation-item-icon-padding-inline-start: var(--udexSpacer12, 12px);--udex-side-navigation-selection-indicator-display: none;--udex-side-navigation-text-weight: var(--udexTypographyFontWeightMedium);--udex-side-navigation-selection-background-color: none;--udex-side-navigation-hover-selection-background-color: var(--sapButton_Selected_Hover_Background, #D1EFFF);font-size:var(--udexTypographyNavigationMediumMFontSize)}:host(:not([hidden])){font-family:var(--sapFontFamily)}.ui5-sn-item{color:var(--udex-side-navigation-item-label-color)}.ui5-sn-item-ul{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s ease-in,opacity .4s ease-in}.ui5-sn-item-ul>slot{display:block;overflow:hidden;min-height:0}.ui5-sn-item[aria-expanded=false]~.ui5-sn-item-ul{display:grid}:host([expanded]) .ui5-sn-item-ul{grid-template-rows:1fr;opacity:1}.ui5-sn-item-external-link-icon{display:none}.ui5-sn-item,:host(:not([in-popover])) .ui5-sn-item{height:auto;min-height:36px;padding-inline-end:var(--udex-side-navigation-item-padding-inline-end);margin-block-end:var(--udexSpacer4, 4px);transition:background-color .3s ease-in}:host([variant="Content"]) .ui5-sn-item{padding:var(--udexSpacer8, 8px) var(--udexSpacer12, 12px)}.ui5-sn-item .ui5-sn-item-text{font-weight:var(--udex-side-navigation-text-weight)}.ui5-sn-item-icon{height:var(--udex-side-navigation-icon-font-size);width:var(--udex-side-navigation-icon-font-size);min-width:var(--udex-side-navigation-icon-font-size);color:var(--udex-side-navigation-icon-color);padding-inline-end:var(--udexSpacer12);padding-inline-start:0}.ui5-sn-item-toggle-icon,:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{height:1rem;width:1rem;min-width:1rem;margin:0;padding:0;color:var(--udex-side-navigation-icon-color)}.ui5-sn-item-toggle-icon-wrap{padding-inline-start:var(--udex-side-navigation-item-icon-padding-inline-start);display:flex}.ui5-sn-item-toggle-icon{transition:transform .4s ease-in}:host([expanded]) .ui5-sn-item-toggle-icon{transform:rotate(90deg)}:host([expanded]:dir(rtl)) .ui5-sn-item-toggle-icon{transform:rotate(-90deg)}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root){border:none;width:100%;height:100%;padding:0}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{border-inline-start:0}.ui5-sn-item-level1,.ui5-sn-item-level1:not(:has(>.ui5-sn-item-icon)),.ui5-sn-item-level1.ui5-sn-item-selected:not(:has(>.ui5-sn-item-icon)){padding-inline-start:var(--udex-side-navigation-item-padding-inline-start)}:host([variant="Content"]) .ui5-sn-item-level1{padding-inline-start:var(--udexSpacer12, 12px)}:host([variant="Content"]) .ui5-sn-item .ui5-sn-item-text{margin:0}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-toggle-icon,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-icon{background:var(--udex-side-navigation-selection-background-color)}:host([selected]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background-color:var(--udex-side-navigation-hover-selection-background-color)}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--udex-side-navigation-selection-indicator-display)}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{inset:0}:host([selected]) .ui5-sn-item{position:relative;overflow:hidden}:host([selected]) .ui5-sn-item:before{content:"";position:absolute;inset-inline-start:0;top:0;height:100%;width:3px;background-color:var(--udexColorBlue8, #0057D2);z-index:1}:host([selected]) .ui5-sn-item,:host([selected]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background-color:var(--udexColorBlue1, #EBF8FF);border-radius:var(--udexSpacer8, 8px)}@media (prefers-reduced-motion: reduce){.ui5-sn-item,.ui5-sn-item-ul,.ui5-sn-item-toggle-icon{transition:none}}
 `

package/src/generated/themes/SideNavigationMobile.css.ts

@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
-export default `:host{--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-item-bottom-margin: var(--udexSpacer8);--udex-side-navigation-icon-font-size: 1.25rem;--udex-side-navigation-item-padding-left: var(--udexSpacer16);--udex-side-navigation-mobile-trigger-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 #2236494D);--udex-side-navigation-mobile-trigger-padding-horizontal: var(--udexSpacer16);--udex-side-navigation-mobile-active-trigger-border-color: var(--udexColorBlue8, #0057D2);--udex-side-navigation-selected-item-text-weight: var(--udexTypographyFontWeightMedium);width:100%;font-size:var(--udexTypographyNavigationMediumMFontSize);font-family:var(--sapFontFamily);position:relative;z-index:106}.udex-side-navigation-mobile__trigger{display:flex;justify-content:space-between;align-items:center;box-shadow:var(--udex-side-navigation-mobile-trigger-shadow);height:var(--udex-side-navigation-item-height);padding-inline-start:var(--udex-side-navigation-mobile-trigger-padding-horizontal);padding-inline-end:var(--udex-side-navigation-mobile-trigger-padding-horizontal);cursor:pointer;position:relative}.udex-side-navigation-mobile__trigger:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS)}.udex-side-navigation-mobile__selected-item{display:flex;align-items:center;font-weight:var(--udex-side-navigation-selected-item-text-weight)}.udex-side-navigation-mobile__selected-item-icon{height:var(--udex-side-navigation-icon-font-size);width:var(--udex-side-navigation-icon-font-size);min-width:var(--udex-side-navigation-icon-font-size);color:var(--udex-side-navigation-icon-color);padding-inline-end:calc(var(--udexSpacer48) - var(--udex-side-navigation-icon-font-size) - var(--udex-side-navigation-item-padding-left))}.udex-side-navigation-mobile__trigger-toggle-icon{height:1rem;width:1rem;min-width:1rem;color:var(--udex-side-navigation-icon-color)}.udex-side-navigation-mobile__trigger[active]{box-shadow:var(--udex-side-navigation-mobile-trigger-shadow);border-bottom:1px solid var(--udex-side-navigation-mobile-active-trigger-border-color)}
+export default `:host{--udex-side-navigation-item-bottom-margin: var(--udexSpacer8, 8px);--udex-side-navigation-icon-size: 20px;--udex-side-navigation-item-padding-left: var(--udexSpacer16, 16px);--udex-side-navigation-mobile-trigger-icon-padding-inline-start: var(--udexSpacer16, 16px);--udex-side-navigation-selected-item-text-weight: var(--udexTypographyFontWeightMedium);--udex-side-navigation-mobile-trigger-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 #2236494D);--udex-side-navigation-mobile-trigger-padding: 10px var(--udexSpacer16, 16px);--udex-side-navigation-mobile-active-trigger-border-color: var(--udexColorBlue8, #0057D2);--udex-side-navigation-mobile-icon-color: var(--udexColorGrey7, #475E75);--udex-side-navigation-mobile-item-label-color: var(--udexColorGrey9, #223548);width:100%;font-size:var(--udexTypographyNavigationMediumMFontSize);font-family:var(--sapFontFamily);position:relative;z-index:106}.udex-side-navigation-mobile__trigger{display:flex;justify-content:space-between;align-items:center;box-shadow:var(--udex-side-navigation-mobile-trigger-shadow);height:var(--udex-side-navigation-item-height);padding:var(--udex-side-navigation-mobile-trigger-padding);cursor:pointer;position:relative}.udex-side-navigation-mobile__trigger:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS)}.udex-side-navigation-mobile__selected-item{display:flex;align-items:center;font-weight:var(--udex-side-navigation-selected-item-text-weight);color:var(--udex-side-navigation-mobile-item-label-color)}.udex-side-navigation-mobile__selected-item-icon{width:var(--udex-side-navigation-icon-size);height:var(--udex-side-navigation-icon-size);min-width:var(--udex-side-navigation-icon-size);color:var(--udex-side-navigation-mobile-icon-color);padding-inline-end:calc(var(--udexSpacer48) - var(--udex-side-navigation-icon-size) - var(--udex-side-navigation-item-padding-left))}.udex-side-navigation-mobile__trigger-toggle-icon{height:1rem;width:1rem;min-width:1rem;color:var(--udex-side-navigation-mobile-icon-color);padding-inline-start:var(--udex-side-navigation-mobile-trigger-icon-padding-inline-start)}.udex-side-navigation-mobile__trigger[active]{box-shadow:var(--udex-side-navigation-mobile-trigger-shadow);position:relative}.udex-side-navigation-mobile__trigger[active]:before{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background-color:var(--udex-side-navigation-mobile-active-trigger-border-color)}.udex-side-navigation-mobile__popover{--udex-dropdown-vertical-distance: 0;--udex-dropdown-border-radius: 0;--udex-dropdown-border-width: 0;--udex-dropdown-pane-max-width: 100%;--udex-dropdown-pane-overflow: auto;margin-top:1px}.udex-side-navigation-mobile__popover:before{content:"";width:100%;height:40px;bottom:100%;position:absolute;box-shadow:var(--udex-side-navigation-mobile-trigger-shadow)}[udex-side-navigation]{--udex-side-navigation-max-width: 100%;padding-block:var(--udexSpacer16)}[udex-side-navigation-item]{--udex-side-navigation-item-padding-inline-start: var(--udexSpacer16, 16px);--udex-side-navigation-item-padding-inline-end: var(--udexSpacer16, 16px);--udex-side-navigation-item-icon-padding-inline-start: var(--udex-side-navigation-mobile-trigger-icon-padding-inline-start)}[udex-side-navigation-sub-item]{--udex-side-navigation-sub-item-padding-inline-start: 44px}
 `

package/src/generated/themes/SideNavigationSubItem.css.ts

@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
-export default `:host{--udex-side-navigation-icon-color: var(--udexColorGrey9, #223548);--udex-side-navigation-item-bottom-margin: var(--udexSpacer4, 4px);--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-icon-font-size: 1rem;--udex-side-navigation-selection-indicator-display: none;--udex-side-navigation-selection-background-color: none;--udex-side-navigation-hover-selection-background-color: var(--sapButton_Selected_Hover_Background, #D1EFFF);color:var(--udex-side-navigation-icon-color);font-size:var(--udexTypographyNavigationMediumMFontSize)}:host(:not([hidden])){font-family:var(--sapFontFamily)}.ui5-sn-item-external-link-icon{display:none}:host(:not([in-popover])) .ui5-sn-item,.ui5-sn-item{margin-block-end:var(--udex-side-navigation-item-bottom-margin);height:auto;min-height:36px;padding-inline-end:var(--udexSpacer12, 12px)}:host([variant="Content"]) .ui5-sn-item{padding-block:var(--udexSpacer8, 8px);padding-inline:var(--udexSpacer40, 40px) var(--udexSpacer12, 12px)}:host([variant="Content"][nested]) .ui5-sn-item{padding-inline-start:var(--udexSpacer56, 56px)}.ui5-sn-item-icon{height:var(--udex-side-navigation-icon-font-size);width:var(--udex-side-navigation-icon-font-size);min-width:var(--udex-side-navigation-icon-font-size);color:var(--udex-side-navigation-icon-color);padding-inline:0 var(--udexSpacer12, 12px)}:host([variant="Content"]) .ui5-sn-item .ui5-sn-item-text{margin:0;text-align:start}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-toggle-icon,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-icon{background:var(--udex-side-navigation-selection-background-color)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background-color:var(--udex-side-navigation-hover-selection-background-color)}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--udex-side-navigation-selection-indicator-display)}:host([with-icon]) .ui5-sn-item-level2,.ui5-sn-item-level2{margin-block-end:var(--udexSpacer4, 4px)}.ui5-sn-item-level2:not(.ui5-sn-item-has-icon),.ui5-sn-item-level2{padding-inline-start:var(--udexSpacer40, 40px)}.ui5-sn-item-toggle-icon,:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{height:1rem;width:1rem;min-width:1rem;margin:0;padding:0;color:var(--udex-side-navigation-icon-color);padding-inline-start:var(--udexSpacer12, 12px)}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root){border:none;width:100%;height:100%;padding:0}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{inset:0}:host([selected]) .ui5-sn-item{position:relative;overflow:hidden}:host([selected]) .ui5-sn-item:before{content:"";position:absolute;inset-inline-start:0;top:0;height:100%;width:3px;background-color:var(--udexColorBlue8, #0057D2);z-index:1}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background-color:var(--udexColorBlue1, #EBF8FF);border-radius:var(--udexRadiusM, 8px)}:host([nested]) .ui5-sn-item-level2{padding-inline-start:var(--udexSpacer56, 56px)}
+export default `:host{--udex-side-navigation-sub-item-padding-inline-start: var(--udexSpacer40, 40px);--udex-side-navigation-sub-item-nested-padding-inline-start: var(--udexSpacer56, 56px);--udex-side-navigation-sub-item-margin-block-end: var(--udexSpacer4, 4px);--udex-side-navigation-sub-item-padding-block: var(--udexSpacer8, 8px);--udex-side-navigation-sub-item-padding-inline: var(--udexSpacer40, 40px) var(--udexSpacer12, 12px)}.ui5-sn-item .ui5-sn-item-text{font-weight:400}:host([variant="Content"]) .ui5-sn-item{padding-block:var(--udex-side-navigation-sub-item-padding-block);padding-inline:var(--udex-side-navigation-sub-item-padding-inline)}:host([variant="Content"][nested]) .ui5-sn-item,:host([nested]) .ui5-sn-item-level2{padding-inline-start:var(--udex-side-navigation-sub-item-nested-padding-inline-start)}:host([with-icon]) .ui5-sn-item-level2,.ui5-sn-item-level2{margin-block-end:var(--udex-side-navigation-sub-item-margin-block-end)}.ui5-sn-item-level2:not(.ui5-sn-item-has-icon),.ui5-sn-item-level2{padding-inline-start:var(--udex-side-navigation-sub-item-padding-inline-start)}
 `

package/src/generated/themes/Table.css.ts

@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
-export default `:host{--udex-table-toolbar-color: var(--sapList_TableGroupHeaderTextColor, var(--udexCoreTextDark, #223548));--udex-table-toolbar-border-color: var(--udexColorGrey3, #D5DADD);--udex-table-toolbar-background:var(--sapList_TableGroupHeaderBackground, var(--udexCoreBase, #fff));--udex-table-loading-opacity: var(--sapContent_DisabledOpacity, .4);--udex-table-loading-background: var(--udexCoreBase, #fff);--udex-table-header-sticky-z-index: 3;--udex-table-header-sticky-shadow: 0 8px 8px -8px rgba(34,54,73,.3);--udex-table-header-footnotes-color: var(--udexColorGrey7, #475e75);--udex-table-header-footnotes-font-size: var(--udexTypographyBodyXXSFontSize, 12px);--udex-table-header-footnotes-line-height:var(--udexTypographyBodyLineHeight)}:host{display:block}:host([sticky-header]) .udex-table__header-holder{position:sticky;top:0;z-index:var( --udex-table-header-sticky-z-index)}:host([loading]) .udex-table:after{content:"";inset:0;position:absolute;background:var(--udex-table-loading-background);opacity:var(--udex-table-loading-opacity)}:host([_vertical-offset]) .udex-table__header-holder{box-shadow:var(--udex-table-header-sticky-shadow)}.udex-table-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--udex-table-toolbar-border-color);padding:var(--udexSpacer16);background:var(--udex-table-toolbar-background)}.udex-table-toolbar__actions{display:flex;gap:var(--udexSpacer8);padding-inline-start:var(--udexSpacer32)}.udex-table-toolbar__title{font-family:var(--sapFontFamily);font-size:var(--udexTypographyHeadingBoldXXXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightBold);color:var(--udex-table-toolbar-color)}.udex-table{display:grid;overflow:auto;position:relative}.udex-table__header-holder{display:grid;grid-template-columns:subgrid;grid-column:1 / -1}.udex-table__no-data{grid-column:1 / -1;justify-content:center;padding:var(--udexSpacer16);--horizontal-align-default-1: center}.udex-table__loading{position:absolute;z-index:5;inset:0;display:flex;align-items:center;justify-content:center}.udex-table__loading:after{content:"";inset:0;position:absolute;background:var(--udex-table-loading-background);opacity:var(--udex-table-loading-opacity)}.udex-table-footnotes{padding-top:var(--udexSpacer24);color:var(--udex-table-header-footnotes-color);font-size:var(--udex-table-header-footnotes-font-size);line-height:var(--udex-table-header-footnotes-line-height)}@media (width < 640px){.udex-table-toolbar{flex-direction:column;align-items:flex-start}.udex-table-toolbar__actions{padding-inline-start:0;padding-top:var(--udexSpacer8)}}
+export default `:host{--udex-table-toolbar-color: var(--sapList_TableGroupHeaderTextColor, var(--udexCoreTextDark, #223548));--udex-table-toolbar-border-color: var(--udexColorGrey3, #D5DADD);--udex-table-toolbar-background:var(--sapList_TableGroupHeaderBackground, var(--udexCoreBase, #fff));--udex-table-loading-opacity: var(--sapContent_DisabledOpacity, .4);--udex-table-loading-background: var(--udexCoreBase, #fff);--udex-table-header-sticky-z-index: 3;--udex-table-header-sticky-shadow: 0 8px 8px -8px rgba(34,54,73,.3);--udex-table-header-footnotes-color: var(--udexColorGrey7, #475e75);--udex-table-header-footnotes-font-size: var(--udexTypographyBodyXXSFontSize, 12px);--udex-table-header-footnotes-line-height:var(--udexTypographyBodyLineHeight)}:host{display:block}:host([sticky-header]) .udex-table__header-holder{position:sticky;top:0;z-index:var( --udex-table-header-sticky-z-index)}:host([max-height]) .udex-table,:host(:not([sticky-header])) .udex-table{overflow:auto}:host([loading]) .udex-table:after{content:"";inset:0;position:absolute;background:var(--udex-table-loading-background);opacity:var(--udex-table-loading-opacity)}:host([_vertical-offset]) .udex-table__header-holder{box-shadow:var(--udex-table-header-sticky-shadow)}.udex-table-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--udex-table-toolbar-border-color);padding:var(--udexSpacer16);background:var(--udex-table-toolbar-background)}.udex-table-toolbar__actions{display:flex;gap:var(--udexSpacer8);padding-inline-start:var(--udexSpacer32)}.udex-table-toolbar__title{font-family:var(--sapFontFamily);font-size:var(--udexTypographyHeadingBoldXXXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightBold);color:var(--udex-table-toolbar-color)}.udex-table{display:grid;position:relative}.udex-table__header-holder{display:grid;grid-template-columns:subgrid;grid-column:1 / -1}.udex-table__no-data{grid-column:1 / -1;justify-content:center;padding:var(--udexSpacer16);--horizontal-align-default-1: center}.udex-table__loading{position:absolute;z-index:5;inset:0;display:flex;align-items:center;justify-content:center}.udex-table__loading:after{content:"";inset:0;position:absolute;background:var(--udex-table-loading-background);opacity:var(--udex-table-loading-opacity)}.udex-table-footnotes{padding-top:var(--udexSpacer24);color:var(--udex-table-header-footnotes-color);font-size:var(--udex-table-header-footnotes-font-size);line-height:var(--udex-table-header-footnotes-line-height)}@media (width < 640px){.udex-table-toolbar{flex-direction:column;align-items:flex-start}.udex-table-toolbar__actions{padding-inline-start:0;padding-top:var(--udexSpacer8)}}
 `

package/src/i18n/messagebundle.properties

@@ -242,6 +242,9 @@ COLLAPSE=Collapse
 EXPANDED=expanded
 COLLAPSED=collapsed
 
+#Supplemental position announcements for grouped Select Box navigation
+SELECT_BOX_ITEM_LEVEL=level {0}
+
 #SecondaryNavigationSubItem Aria label for back button
 BACK_BUTTON_LABEL=return back
 

package/src/themes/AccordionSpotlight.css

@@ -1,7 +1,7 @@
 :host {
   --udex-accordion-spotlight-nav-width: 25%;
-  --udex-accordion-spotlight-nav-gap: var(--udexSpacer16, 16px);
-  --udex-accordion-spotlight-nav-gap-mobile: var(--udexSpacer16, 16px);
+  --udex-accordion-spotlight-nav-gap: var(--udexSpacer2, 2px);
+  --udex-accordion-spotlight-nav-gap-mobile: var(--udexSpacer2, 2px);
   --udex-accordion-spotlight-nav-color: var(--udexColorGrey7, #475E75);
   --udex-accordion-spotlight-nav-font-size: var(--udexTypographyBodyXSFontSize, 14px);
   --udex-accordion-spotlight-nav-font-family: var(--sapFontFamily, sans-serif);
@@ -13,7 +13,7 @@
   --udex-accordion-spotlight-btn-font-weight: var(--udexTypographyFontWeightMedium, 500);
   --udex-accordion-spotlight-btn-font-family: var(--sapFontFamily, sans-serif);
   --udex-accordion-spotlight-btn-line-height: 1.1;
-  --udex-accordion-spotlight-btn-padding: var(--udexSpacer16, 16px);
+  --udex-accordion-spotlight-btn-padding: var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);
   --udex-accordion-spotlight-indicator-color: var(--udexColorBlue8, #0057D2);
   --udex-accordion-spotlight-indicator-width: 3px;
   --udex-accordion-spotlight-border-color: var(--udexColorGrey3, #D5DADD);
@@ -100,10 +100,10 @@
   display: flex;
   flex-direction: column;
   gap: var(--udexSpacer16, 16px);
-  padding-inline: 4px;
-  margin-inline: -4px;
-  padding-block-end: 4px;
-  margin-block-end: -4px;
+  padding-inline: var(--udexSpacer4, 4px);
+  margin-inline: calc(var(--udexSpacer4, 4px)* -1);
+  padding-block-end: var(--udexSpacer4, 4px);
+  margin-block-end: calc(var(--udexSpacer4, 4px)* -1);
 }
 
 .udex-accordion-spotlight-item__button {
@@ -182,8 +182,8 @@
 
 .udex-accordion-spotlight__panel-inner {
   overflow: hidden;
-  padding: 4px;
-  margin: -4px;
+  padding: var(--udexSpacer4, 4px);
+  margin: calc(var(--udexSpacer4, 4px)* -1);
 }
 
 .udex-accordion-spotlight-item__links {

package/src/themes/ListGroupHeader.css

@@ -151,11 +151,8 @@
   transform: rotate(-90deg);
 }
 
-/* The collapsible content region (role="group") is always a shadow descendant
-   of the group-header host — whether nested directly inside the single-select
-   treeitem or projected into the multi-select list-item's subtree slot — so the
-   collapse animation keys on the host's [collapsible]/[collapsed] attributes and
-   a descendant selector, not the former adjacent-sibling combinators. */
+/* The content region is a sibling of the visible header row. Its owning
+  group-header host controls the collapse animation in every selection mode. */
 :host([collapsible]) .udex-list__group-list__content {
   max-height: var(--udex-list-content-max-height);
   overflow: hidden;
@@ -195,44 +192,6 @@
   pointer-events: none;
 }
 
-/* Conformant nested single-select tree (FilterMenu real focus): the treeitem div
-   (.udex-list__group-content--nested) wraps both the header row and the child
-   role="group", so it becomes a vertical container. Row layout, padding and border
-   move to the inner .udex-list__group-header-row; the treeitem's own full-box ring
-   is suppressed and redrawn on that row so focus hugs the header, not the subtree. */
-.udex-list__group-content--nested {
-  flex-direction: column;
-  align-items: stretch;
-  padding: 0;
-  border-top: 0;
-}
-
-.udex-list__group-content--nested .udex-list__group-header-row {
-  display: flex;
-  align-items: center;
-  position: relative;
-  padding: var(--udex-list-item-group-header-padding-vertical) var(--udex-list-item-group-header-padding-horizontal);
-  border-top: 1px solid var(--udex-list-item-group-header-border-color);
-}
-
-:host([_no-border]) .udex-list__group-content--nested .udex-list__group-header-row {
-  border-top: none;
-}
-
-:host([collapsible][mode="SingleSelect"]) .udex-list__group-content--nested:focus:before {
-  content: none;
-}
-
-:host([collapsible][mode="SingleSelect"]) .udex-list__group-content--nested:focus .udex-list__group-header-row:before {
-  content: '';
-  position: absolute;
-  inset: 0;
-  outline: var(--udexRadiusXXS) solid var(--udexColorBlue10, #002A86);
-  outline-offset: -4px;
-  border-radius: var(--udexRadiusM, 8px);
-  pointer-events: none;
-}
-
 /* Group header ring via [part="group-item"]: use ::after to avoid conflicting
    with the [selected]::before left accent bar on the inner list item.
    Exclude .udex-list__group-content elements: those are the single-select