@sapudex/web-components 2.53.0 → 2.54.0

package/src/SelectBoxItem.ts

@@ -1,11 +1,11 @@
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import UDExListItemBase from "./ListItemBase.js";
 import property from "@ui5/webcomponents-base/decorators/property.js";
 import { UDExAdditionalTextState } from "./types/List.js";
 import UDExButton from "./Button.js";
-import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { DefaultSlot, Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type UDExStatusBadgeValueState from "./types/StatusBadgeValueState.js";
 import UDExAvatar, { UDExAvatarShape, UDExAvatarSize } from "./Avatar.js";
 
@@ -126,7 +126,7 @@ class UDExSelectBoxItem extends UDExListItemBase {
    * @public
    */
   @slot({ type: UDExButton })
-    firstIcon!: Array<UDExButton>;
+    firstIcon!: Slot<UDExButton>;
 
   /**
    * Slot for second icon.
@@ -135,7 +135,7 @@ class UDExSelectBoxItem extends UDExListItemBase {
    * @public
    */
   @slot({ type: UDExButton })
-    secondIcon!: Array<UDExButton>;
+    secondIcon!: Slot<UDExButton>;
 
   /**
    * Slot for item content.

package/src/SideNavigationMobile.ts

@@ -1,8 +1,8 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { DefaultSlot, Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import Icon from "@ui5/webcomponents/dist/Icon.js";
 import UDExSideNavigation from "./SideNavigation.js";
@@ -74,7 +74,7 @@ class UDExSideNavigationMobile extends UI5Element {
    * @public
    */
   @slot({ type: HTMLElement, invalidateOnChildChange: true })
-    fixedItems!: Array<UDExSideNavigationItem | UDExSideNavigationGroup>;
+    fixedItems!: Slot<UDExSideNavigationItem | UDExSideNavigationGroup>;
 
   /**
    * Indicates selected item element

package/src/SocialMediaButton.ts

@@ -3,7 +3,7 @@ import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import SocialMediaButtonTemplate from "./SocialMediaButtonTemplate.js";
 import UDExSocialMediaButtonType from "./types/SocialMediaButtonType.js";

package/src/Tab.ts

@@ -1,8 +1,8 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { DefaultSlot, Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import executeTemplate from "@ui5/webcomponents-base/dist/renderer/executeTemplate.js";
 import TabNavigation from "./TabNavigation.js";
@@ -266,7 +266,7 @@ class UDExTab extends UI5Element implements ITab {
    * @public
    */
   @slot({ type: HTMLElement })
-    link!: Array<HTMLElement>;
+    link!: Slot<HTMLElement>;
 
   @i18n("@sapudex/web-components")
   static i18nBundle: I18nBundle;

package/src/TabNavigation.ts

@@ -1,9 +1,9 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { DefaultSlot, Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
@@ -266,7 +266,7 @@ class UDExTabNavigation extends UI5Element {
    * @public
    */
   @slot({ type: HTMLElement })
-    footer!: Array<HTMLElement>;
+    footer!: Slot<HTMLElement>;
 
   @i18n("@sapudex/web-components")
   static i18nBundle: I18nBundle;

package/src/Table.ts

@@ -1,7 +1,7 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { DefaultSlot, Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import {
@@ -132,28 +132,28 @@ class UDExTable extends UI5Element {
    * @public
    */
   @slot({ type: HTMLElement })
-    headerRow!: Array<UDExTableHeaderRow>;
+    headerRow!: Slot<UDExTableHeaderRow>;
 
   /**
    * Defines the actions of the table.
    * @public
    */
   @slot({ type: HTMLElement })
-    actions!: Array<HTMLElement>;
+    actions!: Slot<HTMLElement>;
 
   /**
    * Defines the custom visualization if there is no data available.
    * @public
    */
   @slot()
-    noData!: Array<HTMLElement>;
+    noData!: Slot<HTMLElement>;
 
   /**
    * Defines the footnotes of the table.
    * @public
    */
   @slot()
-    footnotes!: Array<HTMLElement>;
+    footnotes!: Slot<HTMLElement>;
 
   /**
    * Defines the rows of the table.

package/src/TableCellBase.ts

@@ -1,7 +1,7 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import type UDExTableCellHorizontalAlign from "./types/Table.js";

package/src/TableGroupRow.ts

@@ -2,7 +2,7 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import { isEscape } from "@ui5/webcomponents-base/dist/Keys.js";
 import type UDExTableRow from "./TableRow.js";

package/src/TableRowBase.ts

@@ -2,7 +2,7 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import type UDExTableCell from "./TableCell.js";
 import type UDExTableHeaderCell from "./TableHeaderCell.js";

package/src/TagGroup.ts

@@ -8,7 +8,7 @@ import {
   isEnter, isSpace, isEscape, isTabNext, isTabPrevious,
 } from "@ui5/webcomponents-base/dist/Keys.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import Token from "@ui5/webcomponents/dist/Token.js";

package/src/Tile.ts

@@ -1,7 +1,8 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import { isSpace } from "@ui5/webcomponents-base/dist/Keys.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
@@ -111,7 +112,7 @@ class UDExTile extends UI5Element {
    * @slot
    * @public
    */
-  @slot({ type: Node }) default!: Node;
+  @slot({ type: Node }) default!: Slot<Node>;
 
   onEnterDOM(): void {
     if (isDesktop()) {

package/src/Tooltip.ts

@@ -1,6 +1,7 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
@@ -82,7 +83,7 @@ class UDExTooltip extends UI5Element {
    * @slot
    * @public
    */
-  @slot({ type: Node }) default!: Node;
+  @slot({ type: Node }) default!: Slot<Node>;
 
   /**
    * Defines the Tooltip title.

package/src/Wizard.ts

@@ -1,5 +1,5 @@
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import UI5Wizard from "@ui5/webcomponents-fiori/dist/Wizard.js";

package/src/generated/themes/AccordionItem.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-item-icon-color: var(--udexColorBlue8, #0057D2);--udex-accordion-item-headline-color: var(--sapTitleColor, var(--udexColorNeutralBlack));--udex-accordion-item-headline-hover-color: var(--udexColorBlue8, #0057D2);--udex-accordion-item-headline-font-size: var(--sapFontHeader5Size, var(--udexTypographyHeadingMediumXXXSFontSize, 18px));--udex-accordion-item-headline-large-font-size: var(--sapFontHeader4Size, var(--udexTypographyHeadingMediumXXSFontSize, 20px));--udex-accordion-item-title-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-accordion-item-border-color: var(--sapShell_BorderColor, var(--udexColorGrey3));--udex-accordion-item-border-width: 1px;--udex-accordion-item-background-color: transparent;--udex-accordion-item-hover-background-color: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-accordion-item-header-padding: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) var(--udexSpacer16, 16px);--udex-accordion-item-icon-width: 16px;--udex-accordion-item-icon-height: 16px;--udex-accordion-item-label-icon-width: 24px;--udex-accordion-item-label-icon-height: 24px;--udex-accordion-item-content-margin: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px);--udex-accordion-item-with-icon-content-margin: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) calc(var(--udexSpacer16, 16px) + var(--udex-accordion-item-label-icon-width, 24px) + var(--udexSpacer12, 12px));--udex-accordion-item-content-max-height: 1000px;--udex-accordion-item-button-icon-m-size: 16px;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapProgress_FontSize, 16px)}:host{display:block}[udex-divider]{--udex-divider-transition: border-color .3s ease-in;--udex-divider-padding: 0;--udex-divider-color: var(--udex-accordion-item-border-color)}.udex-accordion-item{list-style-type:none}.udex-accordion-item__header{display:flex;align-items:center;cursor:pointer;border:none;background:var(--udex-accordion-item-background-color);width:100%;font-family:inherit;color:var(--udex-accordion-item-headline-color);font-size:var(--udex-accordion-item-headline-font-size);gap:var(--udexSpacer12, 12px);padding:var(--udex-accordion-item-header-padding);line-height:var(--udexTypographyHeadingLineHeight, 1.1);transition:color .3s ease-in}.udex-accordion-item__header--large{font-size:var(--udex-accordion-item-headline-large-font-size)}.udex-accordion-item__header:hover{color:var(--udex-accordion-item-headline-hover-color)}.udex-accordion-item__header:hover~[udex-divider]{--udex-divider-color: var(--udex-accordion-item-headline-hover-color)}.udex-accordion-item__header:hover{background-color:var(--udex-accordion-item-hover-background-color)}:host([desktop]) .udex-accordion-item__header:focus,.udex-accordion-item__header:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);border-radius:var(--udexRadiusM, 8px)}.udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-270deg)}:host(:dir(rtl)) .udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-90deg)}:host([expanded]) .udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-90deg)}:host([expanded]:dir(rtl)) .udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-270deg)}.udex-accordion-item__icon{height:var(--udex-accordion-item-button-icon-m-size);width:var(--udex-accordion-item-button-icon-m-size);color:var(--udex-accordion-item-icon-color);transition:transform .4s ease-in}.udex-accordion-item__icon-wrapper{min-width:var(--udex-accordion-item-icon-width);height:var(--udex-accordion-item-icon-height);display:inline-flex;align-items:center;justify-content:center}.udex-accordion-item__label-icon-wrapper{min-width:var(--udex-accordion-item-label-icon-width);height:var(--udex-accordion-item-label-icon-height)}.udex-accordion-item__icon-wrapper:not(.udex-accordion-item__label-icon-wrapper){margin-inline-start:auto}.udex-accordion-item__title{font-weight:var(--udex-accordion-item-title-font-weight);align-items:center;display:flex;text-align:start;min-height:18px}.udex-accordion-item__content{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease-in,opacity .4s ease-in}.udex-accordion-item__content-inner{padding:var(--udex-accordion-item-content-margin)}.udex-accordion-item--with-title .udex-accordion-item__content-inner{padding:var(--udex-accordion-item-with-icon-content-margin)}:host([expanded]) .udex-accordion-item__content{max-height:var(--udex-accordion-item-content-max-height);opacity:1}.udex-accordion-item__badge{display:inline-flex;margin-inline-start:var(--udexSpacer8)}
+export default `:host{--udex-accordion-item-icon-color: var(--udexColorBlue8, #0057D2);--udex-accordion-item-headline-color: var(--sapTitleColor, var(--udexColorNeutralBlack));--udex-accordion-item-headline-hover-color: var(--udexColorBlue8, #0057D2);--udex-accordion-item-headline-font-size: var(--sapFontHeader5Size, var(--udexTypographyHeadingMediumXXXSFontSize, 18px));--udex-accordion-item-headline-large-font-size: var(--sapFontHeader4Size, var(--udexTypographyHeadingMediumXXSFontSize, 20px));--udex-accordion-item-title-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-accordion-item-border-color: var(--sapShell_BorderColor, var(--udexColorGrey3));--udex-accordion-item-border-width: 1px;--udex-accordion-item-background-color: transparent;--udex-accordion-item-hover-background-color: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-accordion-item-header-padding: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) var(--udexSpacer16, 16px);--udex-accordion-item-icon-width: 16px;--udex-accordion-item-icon-height: 16px;--udex-accordion-item-label-icon-width: 24px;--udex-accordion-item-label-icon-height: 24px;--udex-accordion-item-content-padding: 0 var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) var(--udexSpacer16, 16px);--udex-accordion-item-with-icon-content-margin: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) calc(var(--udexSpacer16, 16px) + var(--udex-accordion-item-label-icon-width, 24px) + var(--udexSpacer12, 12px));--udex-accordion-item-content-max-height: 1000px;--udex-accordion-item-button-icon-m-size: 16px;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapProgress_FontSize, 16px)}:host{display:block}[udex-divider]{--udex-divider-transition: border-color .3s ease-in;--udex-divider-padding: 0;--udex-divider-color: var(--udex-accordion-item-border-color)}.udex-accordion-item{list-style-type:none}.udex-accordion-item__header{display:flex;align-items:center;cursor:pointer;border:none;background:var(--udex-accordion-item-background-color);width:100%;font-family:inherit;color:var(--udex-accordion-item-headline-color);font-size:var(--udex-accordion-item-headline-font-size);gap:var(--udexSpacer12, 12px);padding:var(--udex-accordion-item-header-padding);line-height:var(--udexTypographyHeadingLineHeight, 1.1);transition:color .3s ease-in}.udex-accordion-item__header--large{font-size:var(--udex-accordion-item-headline-large-font-size)}.udex-accordion-item__header:hover{color:var(--udex-accordion-item-headline-hover-color)}.udex-accordion-item__header:hover~[udex-divider]{--udex-divider-color: var(--udex-accordion-item-headline-hover-color)}.udex-accordion-item__header:hover{background-color:var(--udex-accordion-item-hover-background-color)}:host([desktop]) .udex-accordion-item__header:focus,.udex-accordion-item__header:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);border-radius:var(--udexRadiusM, 8px)}.udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-270deg)}:host(:dir(rtl)) .udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-90deg)}:host([expanded]) .udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-90deg)}:host([expanded]:dir(rtl)) .udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-270deg)}.udex-accordion-item__icon{height:var(--udex-accordion-item-button-icon-m-size);width:var(--udex-accordion-item-button-icon-m-size);color:var(--udex-accordion-item-icon-color);transition:transform .4s ease-in}.udex-accordion-item__icon-wrapper{min-width:var(--udex-accordion-item-icon-width);height:var(--udex-accordion-item-icon-height);display:inline-flex;align-items:center;justify-content:center}.udex-accordion-item__label-icon-wrapper{min-width:var(--udex-accordion-item-label-icon-width);height:var(--udex-accordion-item-label-icon-height)}.udex-accordion-item__icon-wrapper:not(.udex-accordion-item__label-icon-wrapper){margin-inline-start:auto}.udex-accordion-item__title{font-weight:var(--udex-accordion-item-title-font-weight);align-items:center;display:flex;text-align:start;min-height:18px}.udex-accordion-item__content{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease-in,opacity .4s ease-in}.udex-accordion-item__content-inner{padding:var(--udex-accordion-item-content-padding)}.udex-accordion-item--with-title .udex-accordion-item__content-inner{padding:var(--udex-accordion-item-with-icon-content-margin)}:host([expanded]) .udex-accordion-item__content{max-height:var(--udex-accordion-item-content-max-height);opacity:1}.udex-accordion-item__badge{display:inline-flex;margin-inline-start:var(--udexSpacer8)}
 `

package/src/generated/themes/Footer.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-footer-container-xl-max-width: 1432px;--udex-footer-container-l-max-width: 1456px;--udex-footer-background-color: var(--udexColorGrey2, #EAECEE);--udex-footer-icon-color: var(--udexColorGrey9, #223548);--udex-footer-text-color: var(--sapShell_NeutralColor, #475E75);--udex-footer-expandable-link-text-color: var(--sapTitleColor, #000);--udex-footer-expandable-link-underline-border: var(--sapNeutralBorderColor, #A9B4BE);--udex-footer-link-color-heading: var(--sapShell_GroupTitleTextColor, #354A5F);--udex-footer-link-color: var(--sapShell_InteractiveTextColor, #354A5F);--udex-footer-tagline-max-width: 235px;--udex-footer-tagline-chinese-max-width: 93px;--udex-footer-logo-max-width: 66px;--udex-footer-logo-chinese-max-width: 139px;display:block;container-type:inline-size;width:100%}:host a{text-decoration:none;color:var(--udex-footer-link-color)}:host a:hover{text-decoration:underline}.udex-footer{background:var(--udex-footer-background-color);padding:var(--udexSpacer72) var(--udexSpacer84);font-family:var(--sapFontFamily);color:var(--udex-footer-text-color);position:relative}.udex-footer__content{display:flex;flex-wrap:wrap;position:relative;justify-content:space-between;margin:0 auto;max-width:var(--udex-footer-container-xl-max-width);column-gap:var(--udexSpacer48)}.udex-footer__contact-social{position:relative;flex:1 0 24.8%}.udex-footer__back-to-top-button{position:absolute;top:var(--udexSpacer48);right:var(--udexSpacer24);left:auto;bottom:auto}.udex-footer__back-to-top-button:dir(rtl){left:var(--udexSpacer24);right:auto}.udex-footer__logo{display:flex;align-items:start;margin-bottom:var(--udexSpacer48)}.udex-footer__logo a{display:inline-flex}.udex-footer__logo-image{height:32px;max-width:var(--udex-footer-logo-max-width)}.udex-footer__logo-image-chinese{width:var(--udex-footer-logo-chinese-max-width)}.udex-footer__contact-social,.udex-footer__numbers-wrapper,.udex-footer__contact{display:flex;flex-direction:column}.udex-footer__contact>div{display:flex;margin-bottom:var(--udexSpacer20)}.udex-footer__numbers-wrapper{gap:var(--udexSpacer20)}.udex-footer__icon-container{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:26px;height:26px;padding:var(--udexSpacer4);margin-inline-end:var(--udexSpacer16)}.udex-footer__contact .udex-footer__icon{width:18px;height:18px;color:var(--udex-footer-icon-color)}.udex-footer__country,.udex-footer__chat-with-us-link,.udex-footer__contact-us-link{font-size:var(--udexTypographyBodyXSFontSize);line-height:21px}.udex-footer__number{font-size:var(--udexTypographyHeadingMediumXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);line-height:22px}.udex-footer__remark,.udex-footer__remark-link{font-size:var(--udexTypographyBodyXXSFontSize);line-height:18px}.udex-footer__country{margin:0 0 var(--udexSpacer2)}.udex-footer__remark,.udex-footer__number{margin:var(--udexSpacer2) 0 0}.hidden,.udex-footer__divider,.udex-footer__action-item,.udex-footer__accordion::part(head){display:none}.udex-footer__social-container{display:flex;flex-wrap:wrap;width:100%;list-style-type:none;margin-block:0;padding-inline-start:0;padding-top:var(--udexSpacer20);row-gap:var(--udexSpacer12);column-gap:var(--udexSpacer12)}.udex-footer__links{display:flex;gap:var(--udexSpacer48);flex:1 1 59%}.udex-footer__links-group{flex-basis:21.5%}.udex-footer__links>div{margin:0}.udex-footer__links-list{list-style:none;margin:0;padding:0}.udex-footer__links-item{font-size:var(--udexTypographyNavigationMediumXLFontSize);line-height:18px;font-weight:var(--udexTypographyFontWeightMedium);color:var(--udex-footer-link-color-heading);margin:0 0 var(--udexSpacer20)}.udex-footer__links-list li a{padding:var(--udexSpacer8) 0;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight, 1.5);display:inline-block;box-sizing:border-box}:host([desktop]) .udex-footer a:focus,.udex-footer a:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--sapContent_FocusColor, #0040B0);border-radius:var(--udexRadiusXXS, 2px)}.udex-footer__contact-us,.udex-footer__chat-with-us{align-items:center}.udex-footer__copyright{display:flex;flex-direction:column;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight);padding-top:var(--udexSpacer32)}:host .udex-footer__copyright-chinese-link{--udex-link-font-size: inherit;--udex-link-subtle-color: var(--udex-footer-text-color)}.udex-footer__tagline-image,.udex-footer__tagline-image-chinese{margin-inline-start:var(--udexSpacer4);width:100%}.udex-footer__tagline-image-chinese{max-width:var(--udex-footer-tagline-chinese-max-width)}.udex-footer__tagline-image{max-width:var(--udex-footer-tagline-max-width)}@media (max-width: 1599px){.udex-footer{padding:var(--udexSpacer72)}.udex-footer__content{max-width:var(--udex-footer-container-l-max-width)}}@media (max-width: 1279px){.udex-footer__action-item{--udex-accordion-item-header-padding: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);--udex-accordion-item-content-margin: var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer8)}.udex-footer__links-list li:not(:last-child){margin-bottom:var(--udexSpacer8)}.udex-footer__back-to-top-button{top:var(--udexSpacer40)}.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer84)}.udex-footer__copyright{padding:0}.udex-footer__content{flex-direction:column;flex-wrap:nowrap;gap:var(--udexSpacer20)}.udex-footer__logo{margin-bottom:var(--udexSpacer32)}.udex-footer__logo:only-child{margin-bottom:0}.udex-footer__contact-us,.udex-footer__chat-with-us,.udex-footer__contact>div{margin-bottom:auto}.udex-footer__social-container{padding-top:0}.udex-footer__back-to-top-button{right:var(--udexSpacer16)}.udex-footer__back-to-top-button:dir(rtl){left:var(--udexSpacer16)}.udex-footer__contact{gap:var(--udexSpacer48);flex-direction:row}.udex-footer__divider{display:block}.udex-footer__contact>div,.udex-footer__links-group{flex:1}.udex-footer__links{flex:1 1 auto}}@media (max-width: 979px){.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer48) var(--udexSpacer120) var(--udexSpacer48)}.udex-footer__back-to-top-button{bottom:38px;left:var(--udexSpacer48);top:auto;right:auto}.udex-footer__back-to-top-button:dir(rtl){bottom:38px;right:var(--udexSpacer48);top:auto;left:auto}.udex-footer__content{gap:var(--udexSpacer20)}.udex-footer__contact{gap:var(--udexSpacer20);flex-direction:column}.udex-footer__action-item{--udex-accordion-border-width: 1px;--udex-accordion-item-title-font-weight: var(--udexTypographyFontWeightRegular);--udex-accordion-item-headline-font-size: var(--udexTypographyHeadingRegularXXXXSFontSize);--udex-accordion-item-headline-color: var(--udex-footer-expandable-link-text-color);--udex-accordion-item-border-color: var(--udex-footer-expandable-link-underline-border);display:block;width:100%}.udex-footer__links,.udex-footer__divider{display:none}.udex-footer__accordion{padding:var(--udexSpacer12) 0}}@media (max-width: 639px){.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer24) var(--udexSpacer120)}.udex-footer__back-to-top-button{left:var(--udexSpacer24)}.udex-footer__back-to-top-button:dir(rtl){right:var(--udexSpacer24)}}
+export default `:host{--udex-footer-container-xl-max-width: 1432px;--udex-footer-container-l-max-width: 1456px;--udex-footer-background-color: var(--udexColorGrey2, #EAECEE);--udex-footer-icon-color: var(--udexColorGrey9, #223548);--udex-footer-text-color: var(--sapShell_NeutralColor, #475E75);--udex-footer-expandable-link-text-color: var(--sapTitleColor, #000);--udex-footer-expandable-link-underline-border: var(--sapNeutralBorderColor, #A9B4BE);--udex-footer-link-color-heading: var(--sapShell_GroupTitleTextColor, #354A5F);--udex-footer-link-color: var(--sapShell_InteractiveTextColor, #354A5F);--udex-footer-tagline-max-width: 235px;--udex-footer-tagline-chinese-max-width: 93px;--udex-footer-logo-max-width: 66px;--udex-footer-logo-chinese-max-width: 139px;display:block;container-type:inline-size;width:100%}:host a{text-decoration:none;color:var(--udex-footer-link-color)}:host a:hover{text-decoration:underline}.udex-footer{background:var(--udex-footer-background-color);padding:var(--udexSpacer72) var(--udexSpacer84);font-family:var(--sapFontFamily);color:var(--udex-footer-text-color);position:relative}.udex-footer__content{display:flex;flex-wrap:wrap;position:relative;justify-content:space-between;margin:0 auto;max-width:var(--udex-footer-container-xl-max-width);column-gap:var(--udexSpacer48)}.udex-footer__contact-social{position:relative;flex:1 0 24.8%}.udex-footer__back-to-top-button{position:absolute;top:var(--udexSpacer48);right:var(--udexSpacer24);left:auto;bottom:auto}.udex-footer__back-to-top-button:dir(rtl){left:var(--udexSpacer24);right:auto}.udex-footer__logo{display:flex;align-items:start;margin-bottom:var(--udexSpacer48)}.udex-footer__logo a{display:inline-flex}.udex-footer__logo-image{height:32px;max-width:var(--udex-footer-logo-max-width)}.udex-footer__logo-image-chinese{width:var(--udex-footer-logo-chinese-max-width)}.udex-footer__contact-social,.udex-footer__numbers-wrapper,.udex-footer__contact{display:flex;flex-direction:column}.udex-footer__contact>div{display:flex;margin-bottom:var(--udexSpacer20)}.udex-footer__numbers-wrapper{gap:var(--udexSpacer20)}.udex-footer__icon-container{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:26px;height:26px;padding:var(--udexSpacer4);margin-inline-end:var(--udexSpacer16)}.udex-footer__contact .udex-footer__icon{width:18px;height:18px;color:var(--udex-footer-icon-color)}.udex-footer__country,.udex-footer__chat-with-us-link,.udex-footer__contact-us-link{font-size:var(--udexTypographyBodyXSFontSize);line-height:21px}.udex-footer__number{font-size:var(--udexTypographyHeadingMediumXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);line-height:22px}.udex-footer__remark,.udex-footer__remark-link{font-size:var(--udexTypographyBodyXXSFontSize);line-height:18px}.udex-footer__country{margin:0 0 var(--udexSpacer2)}.udex-footer__remark,.udex-footer__number{margin:var(--udexSpacer2) 0 0}.hidden,.udex-footer__divider,.udex-footer__action-item,.udex-footer__accordion::part(head){display:none}.udex-footer__social-container{display:flex;flex-wrap:wrap;width:100%;list-style-type:none;margin-block:0;padding-inline-start:0;padding-top:var(--udexSpacer20);row-gap:var(--udexSpacer12);column-gap:var(--udexSpacer12)}.udex-footer__links{display:flex;gap:var(--udexSpacer48);flex:1 1 59%}.udex-footer__links-group{flex-basis:21.5%}.udex-footer__links>div{margin:0}.udex-footer__links-list{list-style:none;margin:0;padding:0}.udex-footer__links-item{font-size:var(--udexTypographyNavigationMediumXLFontSize);line-height:18px;font-weight:var(--udexTypographyFontWeightMedium);color:var(--udex-footer-link-color-heading);margin:0 0 var(--udexSpacer20)}.udex-footer__links-list li a{padding:var(--udexSpacer8) 0;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight, 1.5);display:inline-block;box-sizing:border-box}:host([desktop]) .udex-footer a:focus,.udex-footer a:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--sapContent_FocusColor, #0040B0);border-radius:var(--udexRadiusXXS, 2px)}.udex-footer__contact-us,.udex-footer__chat-with-us{align-items:center}.udex-footer__copyright{display:flex;flex-direction:column;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight);padding-top:var(--udexSpacer32)}:host .udex-footer__copyright-chinese-link{--udex-link-font-size: inherit;--udex-link-subtle-color: var(--udex-footer-text-color)}.udex-footer__tagline-image,.udex-footer__tagline-image-chinese{margin-inline-start:var(--udexSpacer4);width:100%}.udex-footer__tagline-image-chinese{max-width:var(--udex-footer-tagline-chinese-max-width)}.udex-footer__tagline-image{max-width:var(--udex-footer-tagline-max-width)}@media (max-width: 1599px){.udex-footer{padding:var(--udexSpacer72)}.udex-footer__content{max-width:var(--udex-footer-container-l-max-width)}}@media (max-width: 1279px){.udex-footer__action-item{--udex-accordion-item-header-padding: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);--udex-accordion-item-content-padding: var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer8)}.udex-footer__links-list li:not(:last-child){margin-bottom:var(--udexSpacer8)}.udex-footer__back-to-top-button{top:var(--udexSpacer40)}.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer84)}.udex-footer__copyright{padding:0}.udex-footer__content{flex-direction:column;flex-wrap:nowrap;gap:var(--udexSpacer20)}.udex-footer__logo{margin-bottom:var(--udexSpacer32)}.udex-footer__logo:only-child{margin-bottom:0}.udex-footer__contact-us,.udex-footer__chat-with-us,.udex-footer__contact>div{margin-bottom:auto}.udex-footer__social-container{padding-top:0}.udex-footer__back-to-top-button{right:var(--udexSpacer16)}.udex-footer__back-to-top-button:dir(rtl){left:var(--udexSpacer16)}.udex-footer__contact{gap:var(--udexSpacer48);flex-direction:row}.udex-footer__divider{display:block}.udex-footer__contact>div,.udex-footer__links-group{flex:1}.udex-footer__links{flex:1 1 auto}}@media (max-width: 979px){.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer48) var(--udexSpacer120) var(--udexSpacer48)}.udex-footer__back-to-top-button{bottom:38px;left:var(--udexSpacer48);top:auto;right:auto}.udex-footer__back-to-top-button:dir(rtl){bottom:38px;right:var(--udexSpacer48);top:auto;left:auto}.udex-footer__content{gap:var(--udexSpacer20)}.udex-footer__contact{gap:var(--udexSpacer20);flex-direction:column}.udex-footer__action-item{--udex-accordion-border-width: 1px;--udex-accordion-item-title-font-weight: var(--udexTypographyFontWeightRegular);--udex-accordion-item-headline-font-size: var(--udexTypographyHeadingRegularXXXXSFontSize);--udex-accordion-item-headline-color: var(--udex-footer-expandable-link-text-color);--udex-accordion-item-border-color: var(--udex-footer-expandable-link-underline-border);display:block;width:100%}.udex-footer__links,.udex-footer__divider{display:none}.udex-footer__accordion{padding:var(--udexSpacer12) 0}}@media (max-width: 639px){.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer24) var(--udexSpacer120)}.udex-footer__back-to-top-button{left:var(--udexSpacer24)}.udex-footer__back-to-top-button:dir(rtl){right:var(--udexSpacer24)}}
 `

package/src/themes/AccordionItem.css

@@ -14,7 +14,7 @@
   --udex-accordion-item-icon-height: 16px;
   --udex-accordion-item-label-icon-width: 24px;
   --udex-accordion-item-label-icon-height: 24px;
-  --udex-accordion-item-content-margin: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px);
+  --udex-accordion-item-content-padding: 0 var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) var(--udexSpacer16, 16px);
   --udex-accordion-item-with-icon-content-margin: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) calc(var(--udexSpacer16, 16px) + var(--udex-accordion-item-label-icon-width, 24px) + var(--udexSpacer12, 12px));
   --udex-accordion-item-content-max-height: 1000px;
   --udex-accordion-item-button-icon-m-size: 16px;
@@ -129,7 +129,7 @@
 }
 
 .udex-accordion-item__content-inner {
-  padding: var(--udex-accordion-item-content-margin);
+  padding: var(--udex-accordion-item-content-padding);
 }
 
 .udex-accordion-item--with-title .udex-accordion-item__content-inner {

package/src/themes/Footer.css

@@ -249,7 +249,7 @@
 @media (max-width: 1279px) {
   .udex-footer__action-item {
     --udex-accordion-item-header-padding: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);
-    --udex-accordion-item-content-margin: var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer8);
+    --udex-accordion-item-content-padding: var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer8);
   }
 
   .udex-footer__links-list li:not(:last-child) {