@openui5/sap.ui.webc.fiori 1.115.1 → 1.116.0

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/NotificationListItemBase.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/NotificationListItemBase.css",
-    content: ".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;width:100%;min-height:var(--_ui5_list_item_base_height);background:var(--ui5-listitem-background-color);cursor:pointer}:host([has-border]){border-bottom:var(--ui5-listitem-border-bottom)}:host([focused]) .ui5-nli-focusable{outline:none}:host([focused]) .ui5-nli-focusable:after{content:\"\";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}:host([busy]){opacity:.6;pointer-events:none}:host([busy]) .ui5-nli-busy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui5-nli-action{flex-shrink:0;margin-inline-end:.5rem}.ui5-nli-overflow-btn{margin-inline-end:.5rem}"
+    content: ".ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n\n:host(:not([hidden])) {\n\tdisplay: block;\n\twidth: 100%;\n\tmin-height: var(--_ui5_list_item_base_height);\n\tbackground: var(--ui5-listitem-background-color);\n\tcursor: pointer;\n}\n\n:host([has-border]) {\n\tborder-bottom: var(--ui5-listitem-border-bottom);\n}\n\n:host([focused]) .ui5-nli-focusable {\n\toutline: none;\n}\n\n:host([focused]) .ui5-nli-focusable:after {\n\tcontent: \"\";\n\tborder: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tpointer-events: none;\n}\n\n:host([busy])  {\n\topacity: 0.6;\n\tpointer-events: none;\n}\n\n:host([busy]) .ui5-nli-busy {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n}\n\n.ui5-nli-action {\n\tflex-shrink: 0;\n\tmargin-inline-end: 0.5rem;\n}\n\n.ui5-nli-overflow-btn {\n\tmargin-inline-end: 0.5rem;\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/NotificationOverflowActionsPopover.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/NotificationOverflowActionsPopover.css",
-    content: ".ui5-notification-overflow-list{display:flex;flex-direction:column}.ui5-notification-overflow-popover::part(content){padding:var(--_ui5-notification-overflow-popover-padding)}"
+    content: ".ui5-notification-overflow-list {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.ui5-notification-overflow-popover::part(content) {\n\tpadding: var(--_ui5-notification-overflow-popover-padding);\n}\n\n.ui5-notification-overflow-list-btn::part(button) {\n\tjustify-content: flex-start;\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/NotificationPrioIcon.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/NotificationPrioIcon.css",
-    content: ".ui5-prio-icon{min-width:1rem;min-height:1rem;padding-inline-end:.625rem}.ui5-prio-icon--message-error{color:var(--sapNegativeElementColor)}.ui5-prio-icon--message-warning{color:var(--sapCriticalElementColor)}.ui5-prio-icon--message-success{color:var(--sapPositiveElementColor)}"
+    content: ".ui5-prio-icon {\n\tmin-width: 1rem;\n\tmin-height: 1rem;\n\tpadding-inline-end: 0.625rem;\n}\n\n.ui5-prio-icon--message-error {\n\tcolor: var(--sapNegativeElementColor);\n}\n\n.ui5-prio-icon--message-warning {\n\tcolor: var(--sapCriticalElementColor);\n}\n\n.ui5-prio-icon--message-success {\n\tcolor: var(--sapPositiveElementColor);\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/Page.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/Page.css",
-    content: ":host(:not([hidden])){width:100%;height:100%;display:block}.ui5-page-root{height:inherit;overflow:hidden;position:relative;z-index:0;box-sizing:border-box;background-color:inherit}.ui5-page-header-root{z-index:1}.ui5-page-content-root{overflow:hidden auto;position:absolute;will-change:scroll-position;width:100%;top:2.75rem;bottom:0;box-sizing:border-box}.ui5-page-footer-root{box-sizing:border-box;position:absolute;bottom:0;left:0;z-index:2;width:100%}:host([floating-footer]) .ui5-page-footer-root{opacity:1;bottom:.5rem}:host([media-range=S]) .ui5-page-content-root,:host([media-range=S][floating-footer]) .ui5-page-footer-root{padding:0 1rem}:host([media-range=S]) ::slotted([ui5-bar][slot=header]){box-sizing:border-box;padding:0 .25rem}:host([media-range=S]) ::slotted([ui5-bar][design=Footer]){box-sizing:border-box;padding:0 .25rem}:host([media-range=L]) .ui5-page-content-root,:host([media-range=L][floating-footer]) .ui5-page-footer-root,:host([media-range=M]) .ui5-page-content-root,:host([media-range=M][floating-footer]) .ui5-page-footer-root{padding:0 2rem}:host([media-range=L]) ::slotted([ui5-bar][slot=header]),:host([media-range=M]) ::slotted([ui5-bar][slot=header]){box-sizing:border-box;padding:0 1.25rem}:host([media-range=L]) ::slotted([ui5-bar][design=Footer]),:host([media-range=M]) ::slotted([ui5-bar][design=Footer]){box-sizing:border-box;padding:0 1.25rem}:host([media-range=XL]) .ui5-page-content-root,:host([media-range=XL][floating-footer]) .ui5-page-footer-root{padding:0 3rem}:host([media-range=XL]) ::slotted([ui5-bar][slot=header]){box-sizing:border-box;padding:0 2.25rem}:host([media-range=XL]) ::slotted([ui5-bar][design=Footer]){box-sizing:border-box;padding:0 2.25rem}:host([disable-scrolling]) .ui5-page-content-root{overflow:hidden}:host([hide-footer]:not([floating-footer])) .ui5-page-footer-root{display:none}:host([floating-footer]:not([hide-footer])) .ui5-page-footer-root{animation:bounceShow .35s ease-in-out forwards}:host([floating-footer][hide-footer]) .ui5-page-footer-root{animation:bounceHide .35s ease-in-out forwards}:host([background-design=Solid]){background-color:var(--sapBackgroundColor)}:host([background-design=Transparent]){background-color:var(--_ui5_page_transparent_bg)}:host([background-design=List]){background-color:var(--_ui5_page_list_bg)}@keyframes bounceShow{0%{transform:translateY(100%);opacity:0}to{opacity:1}}@keyframes bounceHide{0%{transform:translateY(-5%);opacity:1}to{transform:translateY(100%);opacity:0}}"
+    content: "\n:host(:not([hidden])) {\n    width: 100%;\n    height: 100%;\n    display: block;\n}\n\n.ui5-page-root {\n    height: inherit;\n    overflow: hidden;\n    position: relative;\n    z-index: 0;\n    box-sizing: border-box;\n    background-color: inherit;\n}\n\n.ui5-page-header-root {\n    z-index: 1;\n}\n\n.ui5-page-content-root {\n    overflow: hidden auto;\n    position: absolute;\n    will-change: scroll-position;\n    width: 100%;\n    top: 2.75rem;\n    bottom: 0;\n    box-sizing: border-box;\n}\n\n.ui5-page-footer-root {\n    width: 100%;\n    box-sizing: border-box;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    z-index: 2;\n    width: 100%;\n}\n\n:host([floating-footer]) .ui5-page-footer-root {\n    opacity: 1;\n    bottom: 0.5rem;\n}\n\n/*** Responsive paddings ***/\n\n:host([media-range=\"S\"]) .ui5-page-content-root,\n:host([media-range=\"S\"][floating-footer]) .ui5-page-footer-root {\n\tpadding: 0 1rem;\n}\n\n:host([media-range=\"S\"]) ::slotted([ui5-bar][slot=\"header\"]) {\n    box-sizing: border-box;\n    padding: 0 .25rem;\n}\n\n:host([media-range=\"S\"]) ::slotted([ui5-bar][design=\"Footer\"]) {\n    box-sizing: border-box;\n    padding: 0 .25rem;\n}\n\n:host([media-range=\"M\"]) .ui5-page-content-root,\n:host([media-range=\"L\"]) .ui5-page-content-root,\n:host([media-range=\"M\"][floating-footer]) .ui5-page-footer-root,\n:host([media-range=\"L\"][floating-footer]) .ui5-page-footer-root {\n\tpadding: 0 2rem;\n}\n\n:host([media-range=\"M\"]) ::slotted([ui5-bar][slot=\"header\"]),\n:host([media-range=\"L\"]) ::slotted([ui5-bar][slot=\"header\"]) {\n    box-sizing: border-box;\n    padding: 0 1.25rem;\n}\n\n:host([media-range=\"M\"]) ::slotted([ui5-bar][design=\"Footer\"]),\n:host([media-range=\"L\"]) ::slotted([ui5-bar][design=\"Footer\"]) {\n    box-sizing: border-box;\n    padding: 0 1.25rem;\n}\n\n:host([media-range=\"XL\"]) .ui5-page-content-root,\n:host([media-range=\"XL\"][floating-footer]) .ui5-page-footer-root {\n\tpadding: 0 3rem;\n}\n\n:host([media-range=\"XL\"]) ::slotted([ui5-bar][slot=\"header\"]) {\n    box-sizing: border-box;\n    padding: 0 2.25rem;\n}\n\n:host([media-range=\"XL\"]) ::slotted([ui5-bar][design=\"Footer\"]) {\n    box-sizing: border-box;\n    padding: 0 2.25rem;\n}\n\n:host([disable-scrolling]) .ui5-page-content-root {\n    overflow: hidden;\n}\n\n:host([hide-footer]:not([floating-footer])) .ui5-page-footer-root {\n    display: none;\n}\n\n:host([floating-footer]:not([hide-footer])) .ui5-page-footer-root {\n    animation: bounceShow 0.35s forwards ease-in-out;\n}\n\n:host([floating-footer][hide-footer]) .ui5-page-footer-root {\n    animation: bounceHide 0.35s forwards ease-in-out;\n}\n\n/* BackgroundDesign */\n\n:host([background-design=\"Solid\"]) {\n    background-color: var(--sapBackgroundColor);\n}\n\n:host([background-design=\"Transparent\"]) {\n    background-color: var(--_ui5_page_transparent_bg);\n}\n\n:host([background-design=\"List\"]) {\n    background-color: var(--_ui5_page_list_bg);\n}\n\n/* Footer animation */\n\n@keyframes bounceShow {\n    0% {\n        transform: translateY(100%);\n        opacity: 0;\n    }\n    100% {\n        opacity: 1;\n    }\n}\n\n@keyframes bounceHide {\n    0% {\n        transform: translateY(-5%);\n        opacity: 1;\n    }\n    100% {\n        transform: translateY(100%);\n        opacity: 0;\n    }\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/ProductSwitch.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/ProductSwitch.css",
-    content: ":host{font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSize)}.ui5-product-switch-root{display:flex;flex-wrap:wrap;width:752px;padding:1.25rem .75rem}:host([desktop-columns=\"3\"]) .ui5-product-switch-root{width:564px}@media only screen and (max-width:900px){.ui5-product-switch-root{width:564px}}@media only screen and (max-width:600px){.ui5-product-switch-root,:host([desktop-columns=\"3\"]) .ui5-product-switch-root{flex-direction:column;padding:0;width:100%}}"
+    content: ":host {\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-size: var(--sapFontSize);\n}\n\n.ui5-product-switch-root {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tjustify-content: inherit;\n\talign-items: inherit;\n\twidth: 752px; /* 4 * item size */\n\tpadding: 1.25rem .75rem;\n}\n\n:host([desktop-columns=\"3\"]) .ui5-product-switch-root {\n\twidth: 564px; /* 3 * item size */\n}\n\n@media only screen and (max-width: 900px) {\n\t.ui5-product-switch-root {\n\t\twidth: 564px; /* 3 * item size */\n\t}\n}\n\n@media only screen and (max-width: 600px) {\n\t.ui5-product-switch-root,\n\t:host([desktop-columns=\"3\"]) .ui5-product-switch-root {\n\t\tflex-direction: column;\n\t\tpadding: 0;\n\t\twidth: 100%;\n\t}\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/ProductSwitchItem.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/ProductSwitchItem.css",
-    content: ":host{width:var(--_ui5_product_switch_item_width);height:var(--_ui5_product_switch_item_height);margin:.25rem;border-radius:.25rem;box-sizing:border-box;background:var(--sapList_Background)}:host([selected]){background:var(--sapList_SelectionBackgroundColor);border:.125rem solid var(--sapList_SelectionBorderColor)}:host(:hover){background:var(--sapList_Hover_Background)}:host([selected]:hover){background:var(--sapList_Hover_SelectionBackground)}:host([active]),:host([selected][active]){background:var(--sapList_Active_Background)}:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-icon,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{color:var(--sapList_Active_TextColor)}:host([focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--_ui5_product_switch_item_outline_offset)}:host([active][focused]){outline-color:var(--_ui5_product_switch_item_active_outline_color)}.ui5-product-switch-item-root{user-select:none;width:100%;height:100%;flex-direction:column;display:flex;align-items:center;text-decoration:none;outline:none;box-sizing:border-box;padding:.5rem;padding-top:4rem;cursor:pointer;border:var(--_ui5_product_switch_item_border)}:host([icon]) .ui5-product-switch-item-root{padding-top:.5rem}:host([selected]) .ui5-product-switch-item-root{padding:.375rem}.ui5-product-switch-item-root .ui5-product-switch-item-icon{width:3rem;height:3rem;padding:.75rem;margin-bottom:.5rem;box-sizing:border-box;color:var(--sapContent_IconColor);pointer-events:none}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{display:flex;align-items:center;flex-direction:column;max-width:10.25rem}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{line-height:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;pointer-events:none;text-align:center}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{font-size:var(--sapFontHeader6Size);color:var(--sapGroup_TitleTextColor)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title:only-child{white-space:normal;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var(--sapFontSmallSize);color:var(--sapContent_LabelColor)}@media only screen and (max-width:600px){:host{margin:0;width:100%;max-width:600px;height:5rem;border-radius:0}.ui5-product-switch-item-root{padding:0 1rem;flex-direction:row}:host([icon]) .ui5-product-switch-item-root{padding-top:0}.ui5-product-switch-item-root .ui5-product-switch-item-icon{padding:.875rem;color:var(--sapContent_NonInteractiveIconColor);margin:0 .75rem 0 0}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{align-items:flex-start;max-width:100%}:host([icon]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content{max-width:calc(100% - 3.75rem)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{line-height:normal}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var(--sapFontSize);padding-top:.75rem}}[ui5-product-switch-item][focused]{outline:none;position:relative}[ui5-product-switch-item][focused] .ui5-product-switch-item-root:after{content:\"\";position:absolute;border-color:var(--_ui5_product_switch_item_outline_color);border-width:var(--_ui5_product_switch_item_outline_width);border-style:dotted;top:var(--_ui5_product_switch_item_outline_offset_positive);bottom:var(--_ui5_product_switch_item_outline_offset_positive);left:var(--_ui5_product_switch_item_outline_offset_positive);right:var(--_ui5_product_switch_item_outline_offset_positive)}[ui5-product-switch-item][active][focused] .ui5-product-switch-item-root:after{border-color:var(--_ui5_product_switch_item_active_outline_color)}"
+    content: ":host {\n\twidth: var(--_ui5_product_switch_item_width);\n\theight: var(--_ui5_product_switch_item_height);\n\tmargin: .25rem;\n\tborder-radius: .25rem;\n\tbox-sizing: border-box;\n\tbackground:var(--sapList_Background);\n}\n\n:host([selected]) {\n\tbackground: var(--sapList_SelectionBackgroundColor);\n\tborder: 0.125rem solid var(--sapList_SelectionBorderColor);\n}\n\n:host(:hover) {\n\tbackground:var(--sapList_Hover_Background);\n}\n\n:host([selected]:hover) {\n\tbackground: var(--sapList_Hover_SelectionBackground);\n}\n\n:host([active]),\n:host([selected][active])  {\n\tbackground: var(--sapList_Active_Background);\n}\n\n:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-icon,\n:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title,\n:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle {\n\tcolor:var(--sapList_Active_TextColor);\n}\n\n:host([focused]) {\n\toutline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n\toutline-offset:var(--_ui5_product_switch_item_outline_offset)\n}\n\n:host([active][focused]) {\n\toutline-color: var(--_ui5_product_switch_item_active_outline_color);\n}\n\n.ui5-product-switch-item-root {\n\tuser-select: none;\n\twidth: 100%;\n\theight: 100%;\n\tflex-direction: column;\n\tdisplay: flex;\n\talign-items: center;\n\ttext-decoration: none;\n\toutline: none;\n\tbox-sizing: border-box;\n\tpadding: .5rem;\n\tpadding-top: 4rem;\n\tcursor: pointer;\n\tborder: var(--_ui5_product_switch_item_border);\n}\n\n:host([icon]) .ui5-product-switch-item-root {\n\tpadding-top: .5rem;\n}\n\n:host([selected]) .ui5-product-switch-item-root {\n\tpadding: .375rem;\n}\n\n.ui5-product-switch-item-root .ui5-product-switch-item-icon {\n\twidth: 3rem;\n\theight: 3rem;\n\tpadding: .75rem;\n\tmargin-bottom: .5rem;\n\tbox-sizing: border-box;\n\tcolor: var(--sapContent_IconColor);\n\tpointer-events: none;\n}\n\n.ui5-product-switch-item-root .ui5-product-switch-item-text-content {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\tmax-width: 10.25rem;\n}\n\n.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,\n.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title {\n\tline-height: 1.25rem;\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tmax-width: 100%;\n\tpointer-events: none;\n\ttext-align: center;\n}\n\n.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title {\n\tfont-size:var( --sapFontHeader6Size);\n\tcolor:var(--sapGroup_TitleTextColor);\n}\n\n.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title:only-child {\n\twhite-space: normal;\n    -webkit-line-clamp: 2;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n}\n\n.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle {\n\tfont-size:var( --sapFontSmallSize);\n\tcolor:var(--sapContent_LabelColor);\n}\n\n@media only screen and (max-width: 600px) {\n\t:host {\n\t\tmargin: 0;\n\t\twidth: 100%;\n\t\twidth: 100%;\n\t\tmax-width: 600px;\n\t\theight: 5rem;\n\t\tborder-radius: 0;\n\t}\n\n\t.ui5-product-switch-item-root {\n\t\tpadding: 0 1rem;\n\t\tflex-direction: row;\n\t}\n\n\t:host([icon]) .ui5-product-switch-item-root {\n\t\tpadding-top: 0;\n\t}\n\n\t.ui5-product-switch-item-root .ui5-product-switch-item-icon {\n\t\tpadding: .875rem;\n\t\tcolor: var(--sapContent_NonInteractiveIconColor);\n\t\tmargin: 0 .75rem 0 0;\n\t}\n\n\t.ui5-product-switch-item-root .ui5-product-switch-item-text-content {\n\t\talign-items: flex-start;\n\t\tmax-width: 100%;\n\t}\n\n\t:host([icon]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content {\n\t\tmax-width: calc(100% - 3.75rem); /* 100% width - (3rem for the icon + right margin)*/\n\t}\n\n\n\t.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,\n\t.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title {\n\t\tline-height: normal;\n\t}\n\n\t.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle {\n\t\tfont-size: var(--sapFontSize);\n\t\tpadding-top: .75rem;\n\t}\n}\n\n[ui5-product-switch-item][focused] {\n\toutline: none;\n\tposition: relative;\n}\n\n[ui5-product-switch-item][focused] .ui5-product-switch-item-root::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tborder-color: var(--_ui5_product_switch_item_outline_color);\n\tborder-width: var(--_ui5_product_switch_item_outline_width);\n\tborder-style: dotted;\n\ttop: var(--_ui5_product_switch_item_outline_offset_positive);\n\tbottom:  var(--_ui5_product_switch_item_outline_offset_positive);\n\tleft:  var(--_ui5_product_switch_item_outline_offset_positive);\n\tright:  var(--_ui5_product_switch_item_outline_offset_positive);\n}\n\n[ui5-product-switch-item][active][focused] .ui5-product-switch-item-root::after {\n\tborder-color: var(--_ui5_product_switch_item_active_outline_color);\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/ShellBar.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/ShellBar.css",
-    content: ".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:inline-block;width:100%}:host{--_ui5_input_placeholder_color:var(--sapShell_InteractiveTextColor)}.ui5-shellbar-root{position:relative;display:flex;justify-content:space-between;align-items:center;background:var(--sapShellColor);height:var(--_ui5_shellbar_root_height);font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;box-sizing:border-box}.ui5-shellbar-button,.ui5-shellbar-image-button,.ui5-shellbar-menu-button,::slotted([ui5-button][slot=startButton]){height:2.25rem;padding:0;margin-inline-start:.5rem;border:none;background:transparent;outline-color:var(--_ui5_shellbar_logo_outline_color);color:var(--sapShell_TextColor);box-sizing:border-box;cursor:pointer;border-radius:var(--_ui5_shellbar_button_border_radius);position:relative;font-size:.75rem;font-weight:700;white-space:normal;overflow:initial;text-overflow:clip}::slotted([ui5-button][slot=startButton]){margin-inline-start:0}.ui5-shellbar-button:hover,.ui5-shellbar-image-button:hover,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover,::slotted([ui5-button][slot=startButton]:hover){background:var(--sapShell_Hover_Background)}.ui5-shellbar-button:hover,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover,::slotted([ui5-button][slot=startButton]:hover){box-shadow:var(--_ui5_shellbar_button_box_shadow)}.ui5-shellbar-button[active],.ui5-shellbar-image-button:active,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active,::slotted([ui5-button][slot=startButton][active]){background:var(--sapShell_Active_Background);color:var(--_ui5_shellbar_button_active_color)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-arrow{border-top-color:var(--_ui5_shellbar_button_active_color)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus{outline:var(--_ui5_shellbar_logo_outline);outline-offset:var(--_ui5_shellbar_outline_offset)}slot[name=profile]{min-width:0}::slotted([ui5-avatar][slot=profile]){min-width:0;width:2rem;height:2rem;padding:.25rem;pointer-events:none}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive::-moz-focus-inner{border:none}.ui5-shellbar-menu-button-title,.ui5-shellbar-title{display:inline-block;font-family:\"72override\",var(--sapFontFamily);margin:0;font-size:var(--_ui5_shellbar_menu_button_title_font_size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapShell_TextColor);flex:auto}:host(:not([primary-title])) .ui5-shellbar-menu-button{min-width:2.25rem;justify-content:center}.ui5-shellbar-secondary-title{display:inline-block;font-size:var(--sapFontSmallSize);color:var(--sapShell_TextColor);line-height:1rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui5-shellbar-menu-button--interactive .ui5-shellbar-menu-button-arrow{display:inline-block;margin-inline-start:.375rem;width:10px;height:10px;width:0;height:0;color:var(--sapShell_InteractiveTextColor);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--sapShell_TextColor)}.ui5-shellbar-overflow-container{display:flex;justify-content:center;align-items:center;height:100%;overflow:hidden}.ui5-shellbar-overflow-container-middle{align-self:center;height:var(--_ui5_shellbar_overflow_container_middle_height);width:0;flex-shrink:0}:host([show-co-pilot]) .ui5-shellbar-overflow-container-middle{width:3rem}:host([breakpoint-size=S]) .ui5-shellbar-menu-button{margin-inline-start:0}:host([breakpoint-size=S]) .ui5-shellbar-root{padding:0 1rem}:host([breakpoint-size=S]) .ui5-shellbar-search-full-width-wrapper{padding:0 1rem}:host([breakpoint-size=M]) .ui5-shellbar-root{padding:0 2rem}:host([breakpoint-size=M]) .ui5-shellbar-search-full-width-wrapper{padding:0 2rem}:host([breakpoint-size=L]) .ui5-shellbar-root{padding:0 2rem}:host([breakpoint-size=XL]) .ui5-shellbar-root{padding:0 3rem}:host([breakpoint-size=XXL]) .ui5-shellbar-root{padding:0 3rem}.ui5-shellbar-logo{cursor:pointer;max-height:2rem;overflow:hidden}.ui5-shellbar-logo:focus{outline:var(--_ui5_shellbar_logo_outline);outline-offset:var(--_ui5_shellbar_logo_outline_offset);border-radius:var(--_ui5_shellbar_logo_border_radius)}.ui5-shellbar-logo:hover{box-shadow:var(--_ui5_shellbar_button_box_shadow);border-radius:var(--_ui5_shellbar_logo_border_radius)}.ui5-shellbar-button{width:2.5rem}.ui5-shellbar-search-button{--_ui5_button_focused_border_radius:var(--_ui5_shellbar_search_button_border_radius);--_ui5_shellbar_button_border_radius:var(--_ui5_shellbar_search_button_border_radius);height:var(--_ui5_shellbar_search_button_size);width:var(--_ui5_shellbar_search_button_size);min-width:var(--_ui5_shellbar_search_button_size)}.ui5-shellbar-image-buttonImage{border-radius:50%;width:1.75rem;height:1.75rem;display:flex;background-size:cover}.ui5-shellbar-image-button{display:flex;justify-content:center;align-items:center;min-width:2.25rem;height:2.25rem;display:inline-flex;padding:0}.ui5-shellbar-overflow-container-left{padding:0 .125rem;justify-content:flex-start;margin-inline-end:.5rem;max-width:75%;flex-shrink:0;flex-grow:0}.ui5-shellbar-overflow-container-left>:nth-child(n){margin-inline-end:.5rem}:host([show-co-pilot]) .ui5-shellbar-overflow-container-left{flex-basis:50%;max-width:calc(50% - 1.5rem)}.ui5-shellbar-menu-button{white-space:nowrap;overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem;cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;border:var(--_ui5_shellbar_button_border)}:host(:not([with-logo])) .ui5-shellbar-menu-button{margin-inline-start:0}.ui5-shellbar-overflow-container-right{padding:0 .125rem;display:block;overflow:hidden;box-sizing:border-box;white-space:nowrap;flex:1 1 auto;max-width:100%}:host([show-co-pilot]) .ui5-shellbar-overflow-container-right{flex-basis:0%}:host(:not([show-search-field])) .ui5-shellbar-overflow-container-right{margin-inline-start:8rem}.ui5-shellbar-overflow-container-right .ui5-shellbar-overflow-container-right-child{display:flex;justify-content:flex-end;height:inherit;align-items:center;float:var(--_ui5_shellbar_overflow_container_float)}.ui5-shellbar-overflow-button{display:none}:host([breakpoint-size=M]) .ui5-shellbar-secondary-title{display:none}:host([breakpoint-size=S]) .ui5-shellbar-secondary-title{display:none}:host([breakpoint-size=S]) .ui5-shellbar-overflow-container-right{margin-inline-start:0}.ui5-shellbar-overflow-button-shown{display:inline-block}.ui5-shellbar-hidden-button,.ui5-shellbar-invisible-button{visibility:hidden}.ui5-shellbar-coPilot{height:100%;background-color:transparent;cursor:pointer}:host([breakpoint-size=L]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right{margin-inline-start:1rem}:host([breakpoint-size=XL]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right{margin-inline-start:1rem}:host(:not([notifications-count])) .ui5-shellbar-bell-button{position:relative}.ui5-shellbar-button[data-count]:before,:host([notifications-count]:not([notifications-count=\"\"])) .ui5-shellbar-bell-button:before{position:absolute;width:auto;height:1rem;min-width:1rem;background:var(--sapContent_BadgeBackground);border:var(--_ui5_shellbar_button_badge_border);color:var(--sapContent_BadgeTextColor);top:.125rem;left:1.5rem;padding:.25rem;border-radius:1rem;display:flex;justify-content:center;align-items:center;font-size:var(--sapFontSmallSize);font-family:\"72override\",var(--sapFontFamily);z-index:2;box-sizing:border-box}:host([notifications-count]:not([notifications-count=\"\"])) .ui5-shellbar-bell-button:before{content:attr(data-ui5-notifications-count)}.ui5-shellbar-button[data-count]:before{content:attr(data-count)}.ui5-shellbar-menu-button{margin-inline-start:.5rem}.ui5-shellbar-search-field{align-items:center;flex-grow:1;min-width:240px;margin-inline-start:.5rem;max-width:25rem}.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-search-full-field{height:2.25rem;width:100%}.ui5-shellbar-search-full-width-wrapper{position:absolute;top:0;left:0;background:var(--sapShellColor);height:100%;width:100%;z-index:100;display:flex;align-items:center;box-sizing:border-box}.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-button{width:auto}::slotted([ui5-input]){background:var(--_ui5_shellbar_search_field_background);border:var(--_ui5_shellbar_search_field_border);color:var(--_ui5_shellbar_search_field_color);height:2.25rem;width:100%}::slotted([ui5-input]:hover){background:var(--_ui5_shellbar_search_field_background_hover);box-shadow:var(--_ui5_shellbar_search_field_box_shadow_hover)}::slotted([ui5-input][focused]){outline:var(--_ui5_shellbar_search_field_outline_focused)}::slotted([slot=logo]){max-height:2rem;pointer-events:none}.ui5-shellbar-copilot-wrapper{position:relative;outline:none;box-sizing:border-box;height:100%}.ui5-shellbar-copilot-wrapper:hover{border-radius:var(--sapButton_BorderCornerRadius);background:var(--sapShell_Hover_Background)}.ui5-shellbar-copilot-wrapper:active,.ui5-shellbar-copilot-wrapper[active]{background:var(--sapShell_Active_Background)}.ui5-shellbar-copilot-wrapper:focus:after,.ui5-shellbar-copilot-wrapper:hover:after{content:\"\";position:absolute;left:var(--_ui5_shellbar_copilot_focus_offset);right:var(--_ui5_shellbar_copilot_focus_offset);top:var(--_ui5_shellbar_copilot_focus_offset);bottom:var(--_ui5_shellbar_copilot_focus_offset);outline:none;pointer-events:none;border-radius:var(--_ui5_shellbar_logo_outline_border_radius)}.ui5-shellbar-copilot-wrapper:hover:after{background:transparent;box-shadow:var(--sapContent_Interaction_Shadow)}.ui5-shellbar-copilot-wrapper:focus:after{border:var(--_ui5_shellbar_logo_outline)}.ui5-shellbar-co-pilot-placeholder{width:2.75rem;height:2.75rem}.ui5-shellbar-co-pilot-circle{fill:var(--sapShellColor)}.ui5-shellbar-co-pilot-color1{stop-color:var(--_ui5_shellbar_copilot_stop_color1)}.ui5-shellbar-co-pilot-color2{stop-color:var(--_ui5_shellbar_copilot_stop_color2)}.ui5-shellbar-co-pilot-opacity7{stop-opacity:.7}.ui5-shellbar-co-pilot-opacity36{stop-opacity:.36}.ui5-shellbar-co-pilot-opacity2{stop-opacity:.2}::slotted([ui5-button][slot=startButton]){margin-inline:0 .5rem;justify-content:center;align-items:center}::slotted([ui5-button][profile-btn]){width:auto}"
+    content: ".ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n\n:host(:not([hidden])) {\n\tdisplay: inline-block;\n\twidth: 100%;\n}\n\n:host {\n\t--_ui5_input_placeholder_color: var(--sapShell_InteractiveTextColor);\n\t--_ui5_input_border_radius: var(--_ui5_shellbar_input_border_radius);\n\t--_ui5_input_focus_border_radius: var(--_ui5_shellbar_input_focus_border_radius);\n\t--_ui5_input_background_color: var(--_ui5_shellbar_input_background_color);\n\t--_ui5_button_focused_border: var(--_ui5_shellbar_button_focused_border);\n}\n\n.ui5-shellbar-root {\n\tposition: relative;\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbackground: var(--sapShellColor);\n\theight: var(--_ui5_shellbar_root_height);\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-size: var(--sapFontSize);\n\tfont-weight: normal;\n\tbox-sizing: border-box;\n}\n\n.ui5-shellbar-menu-button,\n.ui5-shellbar-button,\n.ui5-shellbar-image-button,\n::slotted([ui5-button][slot=\"startButton\"]) {\n\theight: 2.25rem;\n\tpadding: 0;\n\tmargin-inline-start: 0.5rem;\n\tborder: none;\n\tbackground: transparent;\n\toutline-color: var(--_ui5_shellbar_logo_outline_color);\n\tcolor: var(--sapShell_TextColor);\n\tbox-sizing: border-box;\n\tcursor: pointer;\n\tborder-radius: var(--_ui5_shellbar_button_border_radius);\n\tposition: relative;\n\tfont-size: 0.75rem;\n\tfont-weight: bold;\n\twhite-space: initial;\n\toverflow: initial;\n\ttext-overflow: initial;\n\tline-height: inherit;\n\tletter-spacing: inherit;\n\tword-spacing: inherit;\n}\n\n::slotted([ui5-button][slot=\"startButton\"]) {\n\tmargin-inline-start: 0;\n}\n\n::slotted([ui5-button][slot=\"startButton\"]:hover),\n.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover,\n.ui5-shellbar-button:hover,\n.ui5-shellbar-image-button:hover {\n\tbackground: var(--sapShell_Hover_Background);\n}\n\n::slotted([ui5-button][slot=\"startButton\"]:hover),\n.ui5-shellbar-button:hover,\n.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover {\n\tbox-shadow: var(--_ui5_shellbar_button_box_shadow);\n}\n\n::slotted([ui5-button][slot=\"startButton\"][active]),\n.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active,\n.ui5-shellbar-button[active],\n.ui5-shellbar-image-button:active {\n\tbackground: var(--sapShell_Active_Background);\n\tcolor: var(--_ui5_shellbar_button_active_color);\n}\n\n.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-arrow {\n\tborder-top-color: var(--_ui5_shellbar_button_active_color);\n}\n\n.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus {\n\toutline: var(--_ui5_shellbar_logo_outline);\n\toutline-offset: var(--_ui5_shellbar_outline_offset);\n}\n\nslot[name=\"profile\"] {\n\tmin-width: 0;\n}\n\n::slotted([ui5-avatar][slot=\"profile\"]) {\n\tmin-width: 0;\n\twidth: 2rem;\n\theight: 2rem;\n\tpadding: .25rem;\n\tpointer-events: none;\n}\n\n.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive::-moz-focus-inner {\n\tborder: none;\n}\n\n.ui5-shellbar-menu-button-title,\n.ui5-shellbar-title {\n\tdisplay: inline-block;\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tmargin: 0;\n\tfont-size: var(--_ui5_shellbar_menu_button_title_font_size);\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tcolor: var(--sapShell_TextColor);\n\tflex: auto;\n}\n\n:host(:not([primary-title])) .ui5-shellbar-menu-button {\n\tmin-width: 2.25rem;\n\tjustify-content: center;\n}\n\n.ui5-shellbar-secondary-title {\n\tdisplay: inline-block;\n\tfont-size: var(--sapFontSmallSize);\n\tcolor: var(--sapShell_TextColor);\n\tline-height: 1rem;\n\tfont-weight: normal;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\toverflow: hidden;\n}\n\n.ui5-shellbar-menu-button--interactive .ui5-shellbar-menu-button-arrow {\n\tdisplay: inline-block;\n\tmargin-inline-start: 0.375rem;\n\twidth: 10px;\n\theight: 10px;\n\twidth: 0px;\n\theight: 0px;\n\tcolor: var(--sapShell_InteractiveTextColor);\n\tborder-left: 5px solid transparent;\n\tborder-right: 5px solid transparent;\n\tborder-top: 5px solid var(--sapShell_TextColor);\n}\n\n.ui5-shellbar-overflow-container {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\theight: 100%;\n\toverflow: hidden;\n}\n\n.ui5-shellbar-overflow-container-middle {\n\talign-self: center;\n\theight: var(--_ui5_shellbar_overflow_container_middle_height);\n\twidth: 0;\n\tflex-shrink: 0;\n}\n\n:host([show-co-pilot]) .ui5-shellbar-overflow-container-middle {\n\twidth: 3rem;\n}\n\n:host([breakpoint-size=\"S\"]) .ui5-shellbar-menu-button {\n\tmargin-inline-start: 0;\n}\n\n:host([breakpoint-size=\"S\"]) .ui5-shellbar-root {\n\tpadding: 0 1rem;\n}\n\n:host([breakpoint-size=\"S\"]) .ui5-shellbar-search-full-width-wrapper {\n\tpadding: 0 1rem;\n}\n\n:host([breakpoint-size=\"M\"]) .ui5-shellbar-root {\n\tpadding: 0 2rem;\n}\n\n:host([breakpoint-size=\"M\"]) .ui5-shellbar-search-full-width-wrapper {\n\tpadding: 0 2rem;\n}\n\n:host([breakpoint-size=\"L\"]) .ui5-shellbar-root {\n\tpadding: 0 2rem;\n}\n\n:host([breakpoint-size=\"XL\"]) .ui5-shellbar-root {\n\tpadding: 0 3rem;\n}\n\n:host([breakpoint-size=\"XXL\"]) .ui5-shellbar-root {\n\tpadding: 0 3rem;\n}\n\n.ui5-shellbar-logo {\n\tcursor: pointer;\n\tmax-height: 2rem;\n}\n\n.ui5-shellbar-logo:focus {\n\toutline: var(--_ui5_shellbar_logo_outline);\n\toutline-offset: var(--_ui5_shellbar_logo_outline_offset);\n\tborder-radius: var(--_ui5_shellbar_logo_border_radius);\n}\n\n.ui5-shellbar-logo:hover {\n\tbox-shadow: var(--_ui5_shellbar_button_box_shadow);\n\tborder-radius: var(--_ui5_shellbar_logo_border_radius);\n}\n\n.ui5-shellbar-menu-button .ui5-shellbar-logo:hover {\n\tbox-shadow: none;\n}\n\n.ui5-shellbar-button {\n\twidth: 2.5rem;\n}\n\n.ui5-shellbar-search-button {\n\t--_ui5_button_focused_border_radius: var(--_ui5_shellbar_search_button_border_radius);\n\t--_ui5_shellbar_button_border_radius: var(--_ui5_shellbar_search_button_border_radius);\n\theight: var(--_ui5_shellbar_search_button_size);\n\twidth: var(--_ui5_shellbar_search_button_size);\n\tmin-width: var(--_ui5_shellbar_search_button_size);\n}\n\n.ui5-shellbar-image-buttonImage {\n\tborder-radius: 50%;\n\twidth: 1.75rem;\n\theight: 1.75rem;\n\tdisplay: flex;\n\tbackground-size: cover;\n}\n\n.ui5-shellbar-image-button {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tmin-width: 2.25rem;\n\theight: 2.25rem;\n\tdisplay: inline-flex;\n\tpadding: 0;\n}\n\n.ui5-shellbar-overflow-container-left {\n\tpadding: 0 0.125rem;\n\tjustify-content: flex-start;\n\tmargin-inline-end: 0.5rem;\n\tmax-width: 75%;\n\tflex-shrink: 1;\n\tflex-grow: 1;\n}\n\n.ui5-shellbar-overflow-container-left > :nth-child(n) {\n\tmargin-inline-end: 0.5rem;\n}\n\n:host([show-co-pilot]) .ui5-shellbar-overflow-container-left {\n\tflex-basis: 50%;\n\tmax-width: calc(50% - 1.5rem);\n}\n\n.ui5-shellbar-menu-button {\n\twhite-space: nowrap;\n\toverflow: hidden;\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 0.25rem 0.5rem;\n\tcursor: text;\n\t-webkit-user-select: text;\n\t-moz-user-select: text;\n\tuser-select: text;\n}\n\n.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive {\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\tuser-select: none;\n\tcursor: pointer;\n\tborder: var(--_ui5_shellbar_button_border);\n}\n\n:host(:not([with-logo])) .ui5-shellbar-menu-button {\n\tmargin-inline-start: 0;\n}\n\n.ui5-shellbar-overflow-container-right {\n\tpadding: 0 0.125rem;\n\tdisplay: block;\n\toverflow: hidden;\n\tbox-sizing: border-box;\n\twhite-space: nowrap;\n\tflex: 1 1 auto;\n\tmax-width: 100%;\n}\n\n:host([show-co-pilot]) .ui5-shellbar-overflow-container-right {\n\tflex-basis: 0%;\n}\n\n:host(:not([show-search-field])) .ui5-shellbar-overflow-container-right {\n\tmargin-inline-start: 8rem;\n}\n\n.ui5-shellbar-overflow-container-right .ui5-shellbar-overflow-container-right-child {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\theight: inherit;\n\talign-items: center;\n\tfloat: var(--_ui5_shellbar_overflow_container_float);\n}\n\n.ui5-shellbar-overflow-button {\n\tdisplay: none;\n}\n\n:host([breakpoint-size=\"M\"]) .ui5-shellbar-secondary-title {\n\tdisplay: none;\n}\n\n:host([breakpoint-size=\"S\"]) .ui5-shellbar-secondary-title {\n\tdisplay: none;\n}\n\n:host([breakpoint-size=\"S\"]) .ui5-shellbar-overflow-container-right {\n\tmargin-inline-start: 0;\n}\n\n.ui5-shellbar-overflow-button-shown {\n\tdisplay: inline-block;\n}\n\n.ui5-shellbar-hidden-button,\n.ui5-shellbar-invisible-button {\n\tvisibility: hidden;\n}\n\n.ui5-shellbar-coPilot {\n\theight: 100%;\n\tbackground-color: transparent;\n\tcursor: pointer;\n}\n\n:host([breakpoint-size=\"L\"]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right {\n\tmargin-inline-start: 1rem;\n}\n\n:host([breakpoint-size=\"XL\"]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right {\n\tmargin-inline-start: 1rem;\n}\n\n:host(:not([notifications-count])) .ui5-shellbar-bell-button {\n\tposition: relative;\n}\n\n:host([notifications-count]:not([notifications-count=\"\"])) .ui5-shellbar-bell-button::before,\n.ui5-shellbar-button[data-count]::before {\n\tposition: absolute;\n\twidth: auto;\n\theight: 1rem;\n\tmin-width: 1rem;\n\tbackground: var(--sapContent_BadgeBackground);\n\tborder: var(--_ui5_shellbar_button_badge_border);\n\tcolor: var(--sapContent_BadgeTextColor);\n\ttop: -0.25rem;\n\tright: -0.25rem;\n\tpadding: 0 0.3125rem;\n\tborder-radius: 0.5rem;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tfont-size: var(--sapFontSmallSize);\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tz-index: 2;\n\tbox-sizing: border-box;\n}\n\n:host([notifications-count]:not([notifications-count=\"\"])) .ui5-shellbar-bell-button::before {\n\tcontent: attr(data-ui5-notifications-count);\n}\n\n.ui5-shellbar-button[data-count]::before {\n\tcontent: attr(data-count);\n}\n\n.ui5-shellbar-menu-button {\n\tmargin-inline-start: 0.5rem;\n}\n\n.ui5-shellbar-search-field {\n\talign-items: center;\n\tflex-grow: 1;\n\tmin-width: 240px;\n\tmargin-inline-start: 0.5rem;\n\tmax-width: 25rem;\n}\n\n.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-search-full-field {\n\theight: 2.25rem;\n\twidth: 100%;\n}\n\n.ui5-shellbar-search-full-width-wrapper {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tbackground: var(--sapShellColor);\n\theight: 100%;\n\twidth: 100%;\n\tz-index: 100;\n\tdisplay: flex;\n\talign-items: center;\n\tbox-sizing: border-box;\n}\n\n.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-button {\n\twidth: auto;\n}\n\n::slotted([ui5-input]) {\n\tbackground: var(--_ui5_shellbar_search_field_background);\n\tborder: var(--_ui5_shellbar_search_field_border);\n\tcolor: var(--_ui5_shellbar_search_field_color);\n\theight: 2.25rem;\n\twidth: 100%;\n}\n\n::slotted([ui5-input]:hover) {\n\tbackground: var(--_ui5_shellbar_search_field_background_hover);\n\tbox-shadow: var(--_ui5_shellbar_search_field_box_shadow_hover);\n}\n\n::slotted([ui5-input][focused]) {\n\toutline: var(--_ui5_shellbar_search_field_outline_focused);\n}\n\n::slotted([slot=\"logo\"]) {\n\tmax-height: 2rem;\n\tpointer-events: none;\n}\n\n.ui5-shellbar-copilot-wrapper {\n\tposition: relative;\n\toutline: none;\n\tbox-sizing: border-box;\n\theight: 100%;\n}\n\n.ui5-shellbar-copilot-wrapper:hover {\n\tborder-radius: var(--sapButton_BorderCornerRadius);\n\tbackground: var(--sapShell_Hover_Background);\n}\n\n.ui5-shellbar-copilot-wrapper:active,\n.ui5-shellbar-copilot-wrapper[active] {\n\tbackground: var(--sapShell_Active_Background);\n}\n\n.ui5-shellbar-copilot-wrapper:hover::after,\n.ui5-shellbar-copilot-wrapper:focus::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tleft: var(--_ui5_shellbar_copilot_focus_offset);\n\tright: var(--_ui5_shellbar_copilot_focus_offset);\n\ttop: var(--_ui5_shellbar_copilot_focus_offset);\n\tbottom: var(--_ui5_shellbar_copilot_focus_offset);\n\toutline: none;\n\tpointer-events: none;\n\tborder-radius: var(--_ui5_shellbar_logo_outline_border_radius);\n}\n\n.ui5-shellbar-copilot-wrapper:hover::after {\n\tbackground: transparent;\n\tbox-shadow: var(--sapContent_Interaction_Shadow);\n}\n\n.ui5-shellbar-copilot-wrapper:focus::after {\n\tborder: var(--_ui5_shellbar_logo_outline);\n}\n\n.ui5-shellbar-co-pilot-placeholder {\n\twidth: 2.75rem;\n\theight: 2.75rem;\n}\n\n.ui5-shellbar-co-pilot-circle {\n\tfill: var(--sapShellColor);\n}\n\n.ui5-shellbar-co-pilot-color1 {\n\tstop-color: var(--_ui5_shellbar_copilot_stop_color1);\n}\n\n.ui5-shellbar-co-pilot-color2 {\n\tstop-color: var(--_ui5_shellbar_copilot_stop_color2);\n}\n\n.ui5-shellbar-co-pilot-opacity7 {\n\tstop-opacity: 0.7;\n}\n\n.ui5-shellbar-co-pilot-opacity36 {\n\tstop-opacity: 0.36;\n}\n\n.ui5-shellbar-co-pilot-opacity2 {\n\tstop-opacity: 0.2;\n}\n\n::slotted([ui5-button][slot=\"startButton\"]) {\n\tmargin-inline: 0 0.5rem;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n::slotted([ui5-button][profile-btn]) {\n\twidth: auto;\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/ShellBarPopover.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/ShellBarPopover.css",
-    content: ".ui5-shellbar-menu-popover::part(content),.ui5-shellbar-overflow-popover::part(content){padding:0}"
+    content: ".ui5-shellbar-menu-popover::part(content),\n.ui5-shellbar-overflow-popover::part(content) {\n\tpadding: 0;\n}\n\n.ui5-shellbar-overflow-popover [ui5-li]::part(icon) {\n\tcolor: var(--sapList_TextColor);\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/SideNavigation.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/SideNavigation.css",
-    content: ":host(:not([hidden])){display:inline-block;width:15rem;height:100%;transition:width .25s;--_ui5-tree-toggle-box-width:var(--_ui5_side_navigation_icon_padding);--_ui5_list_item_icon_size:var(--_ui5_side_navigation_icon_size);--_ui5-tree-toggle-icon-size:var(--_ui5_side_navigation_toggle_icon_size);--_ui5_list_item_title_size:var(--sapFontLargeSize);--_ui5_list_item_icon_padding-inline-end:var(--_ui5_side_navigation_icon_padding);--_ui5-tree-indent-step:var(--_ui5_side_navigation_indent_step)}:host([collapsed]){width:var(--_ui5_side_navigation_collapsed_state_width)}.ui5-sn-root{height:100%;display:flex;flex-direction:column;box-sizing:border-box;background:var(--sapList_Background);border-right:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);box-shadow:var(--sapContent_Shadow0)}.ui5-sn-items-tree{overflow:auto}.ui5-sn-bottom-content-border{width:100%;padding:0 1rem;margin:.25rem 0;display:flex;justify-content:center;box-sizing:border-box}:host([collapsed]) .ui5-sn-bottom-content-border{padding:0 .5rem}.ui5-sn-bottom-content-border>span{width:100%;height:.125rem;background:var(--_ui5_side_navigation_separator_backgound)}.ui5-sn-spacer{flex:1;min-height:0}[ui5-tree]::part(toggle-icon){color:var(--sapContent_NonInteractiveIconColor)}[ui5-tree]::part(icon){color:var(--_ui5_side_navigation_icon_color)}"
+    content: ":host(:not([hidden])) {\n    display: inline-block;\n    width: 15rem;\n    height: 100%;\n    transition: width .25s;\n    --_ui5-tree-toggle-box-width: var(--_ui5_side_navigation_icon_padding);\n    --_ui5_list_item_icon_size: var(--_ui5_side_navigation_icon_size);\n    --_ui5-tree-toggle-icon-size: var(--_ui5_side_navigation_toggle_icon_size);\n    --_ui5_list_item_title_size: var(--sapFontLargeSize);\n    --_ui5_list_item_icon_padding-inline-end: var(--_ui5_side_navigation_icon_padding);\n    --_ui5-tree-indent-step: var(--_ui5_side_navigation_indent_step);\n}\n\n:host([collapsed]) {\n    width: var(--_ui5_side_navigation_collapsed_state_width);\n}\n\n:host(.ui5-side-navigation-in-popover) .ui5-sn-root {\n    border-right: none;\n}\n\n.ui5-sn-root {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    box-sizing: border-box;\n    background: var(--sapList_Background);\n    border-right: var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);\n    box-shadow: var(--sapContent_Shadow0);\n}\n\n.ui5-sn-items-tree {\n    overflow: auto;\n}\n\n.ui5-sn-bottom-content-border {\n    width: 100%;\n    padding: 0 1rem;\n    margin: 0.25rem 0;\n    display: flex;\n    justify-content: center;\n    box-sizing: border-box;\n}\n\n:host([collapsed]) .ui5-sn-bottom-content-border {\n    padding: 0 0.5rem;\n}\n\n.ui5-sn-bottom-content-border > span {\n    width: 100%;\n    height: .125rem;\n    background: var(--_ui5_side_navigation_separator_backgound);\n}\n\n.ui5-sn-spacer {\n    flex: 1;\n    min-height: 0;\n}\n\n[ui5-tree-item]::part(toggle-icon) {\n    color: var(--sapContent_NonInteractiveIconColor);\n    flex-shrink: 0;\n}\n\n[ui5-tree-item]::part(icon) {\n    color: var(--_ui5_side_navigation_icon_color);\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/SideNavigationPopover.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/SideNavigationPopover.css",
-    content: ".ui5-side-navigation-popover::part(content){padding:0}"
+    content: ".ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n\n.ui5-side-navigation-popover::part(content) {\n\tpadding: 0;\n}\n\n.ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n\n.ui5-side-navigation-in-popover {\n    --_ui5-tree-toggle-box-width: 1rem;\n    --_ui5-tree-indent-step: 0;\n\twidth: auto;\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/Timeline.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/Timeline.css",
-    content: ":host(:not([hidden])){display:block}.ui5-timeline-root{padding:var(--_ui5_tl_padding);box-sizing:border-box;overflow:hidden}.ui5-timeline-list{list-style:none;margin:0;padding:0}.ui5-timeline-list-item{margin-bottom:var(--_ui5_tl_li_margin_bottom)}.ui5-timeline-list-item:last-child{margin-bottom:0}:host([layout=Horizontal]) .ui5-timeline-list{white-space:nowrap;list-style:none;margin:0;padding:0}:host([layout=Horizontal]) .ui5-timeline-list-item{display:inline-block;margin-inline-start:var(--_ui5_tl_li_margin_bottom)}:host([layout=Horizontal]) .ui5-timeline-scroll-container{overflow:auto;width:calc(100% + var(--_ui5_timeline_scroll_container_offset))}"
+    content: ":host(:not([hidden])) {\n\tdisplay: block;\n}\n\n.ui5-timeline-root {\n\tpadding: var(--_ui5_tl_padding);\n\tbox-sizing: border-box;\n\toverflow: hidden;\n}\n\n.ui5-timeline-list {\n\tlist-style: none;\n\tmargin: 0;\n\tpadding: 0;\n}\n\n.ui5-timeline-list-item {\n\tmargin-bottom: var(--_ui5_tl_li_margin_bottom);\n}\n\n.ui5-timeline-list-item:last-child {\n\tmargin-bottom: 0;\n}\n\n:host([layout=\"Horizontal\"]) .ui5-timeline-list {\n\twhite-space: nowrap;\n\tlist-style: none;\n\tmargin: 0;\n\tpadding: 0;\n}\n\n:host([layout=\"Horizontal\"]) .ui5-timeline-list-item {\n\tdisplay: inline-block;\n\tmargin-inline-start: var(--_ui5_tl_li_margin_bottom);\n}\n\n:host([layout=\"Horizontal\"]) .ui5-timeline-scroll-container {\n\toverflow: auto;\n\t/* The padding values of the parent container are added to the size of scroll container */\n\twidth: calc(100% + var(--_ui5_timeline_scroll_container_offset));\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/TimelineItem.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/TimelineItem.css",
-    content: ":host(:not([hidden])){display:block}.ui5-tli-root{display:flex}:host([layout=Horizontal]) .ui5-tli-root{flex-direction:column}:host([layout=Vertical]) .ui5-tli-indicator{position:relative;width:2rem}:host([layout=Horizontal]) .ui5-tli-indicator{position:relative;display:flex;height:2rem;align-items:center}:host([layout=Vertical]) .ui5-tli-indicator:before{content:\"\";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);width:1px;position:absolute;top:2.125rem;bottom:var(--_ui5_timeline_tli_indicator_before_bottom);left:50%}:host([layout=Horizontal]) .ui5-tli-indicator:before{content:\"\";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);height:1px;top:50%;position:absolute;left:2.0625rem;right:var(--_ui5_timeline_tli_indicator_before_right)}:host([layout=Vertical]) .ui5-tli-indicator.ui5-tli-indicator-large-line:before{bottom:var(--_ui5_timeline_tli_indicator_before_without_icon_bottom)}:host([layout=Horizontal]) .ui5-tli-indicator.ui5-tli-indicator-large-line:before{right:var(--_ui5_timeline_tli_indicator_before_without_icon_right)}:host([layout=Vertical]:not([icon])) .ui5-tli-indicator:before{bottom:var(--_ui5_timeline_tli_indicator_before_without_icon_bottom);top:1.875rem}:host([layout=Horizontal]:not([icon])) .ui5-tli-indicator:before{top:50%;right:var(--_ui5_timeline_tli_indicator_before_without_icon_right);left:1.6875rem}:host([layout=Vertical]:not([icon])) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{bottom:var(--_ui5_timeline_tli_indicator_before_bottom)}:host([layout=Horizontal]:not([icon])) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{right:var(--_ui5_timeline_tli_indicator_before_right)}:host(:not([icon])) .ui5-tli-indicator:after{content:\"\";display:inline-block;box-sizing:border-box;border:1px solid var(--sapContent_NonInteractiveIconColor);background-color:var(--sapContent_NonInteractiveIconColor);border-radius:50%;width:.375rem;height:.375rem;position:absolute;top:.9375rem;left:50%;transform:translateX(-50%)}:host([layout=Horizontal]:not([icon])) .ui5-tli-indicator:after{top:.78125rem;left:.9625rem}:host(:last-child) .ui5-tli-indicator:before{display:none}.ui5-tli-icon-outer{display:flex;justify-content:center;align-items:center;margin-top:.25rem;height:1.625rem;width:2rem}:host([layout=Horizontal]) .ui5-tli-icon-outer{margin-top:0;height:1.3125rem}.ui5-tli-icon{color:var(--sapContent_NonInteractiveIconColor);height:1.375rem;width:1.375rem}:host([layout=Horizontal]) .ui5-tli-dummy-icon-container{height:1.375rem;width:1.375rem;display:inline-block;outline:none}.ui5-tli-bubble{background:var(--sapGroup_ContentBackground);border:1px solid var(--_ui5_TimelineItem_bubble_border_color);box-sizing:border-box;border-radius:var(--_ui5_TimelineItem_bubble_border_radius);flex:1;position:relative;margin-left:.5rem;padding:var(--_ui5_TimelineItem_bubble_content_padding)}:host([layout=Horizontal]) .ui5-tli-bubble{margin-top:.5rem;margin-left:0}.ui5-tli-bubble:focus{outline:none}.ui5-tli-bubble:focus:after{content:\"\";border:var(--_ui5_TimelineItem_bubble_border_width) var(--_ui5_TimelineItem_bubble_border_style) var(--sapContent_FocusColor);border-radius:var(--_ui5_TimelineItem_bubble_focus_border_radius);position:absolute;top:var(--_ui5_TimelineItem_bubble_border_top);right:var(--_ui5_TimelineItem_bubble_border_right);bottom:var(--_ui5_TimelineItem_bubble_border_bottom);left:var(--_ui5_TimelineItem_bubble_border_left);pointer-events:none}:host([layout=Horizontal]) .ui5-tli-bubble:focus:after{top:var(--_ui5_TimelineItem_horizontal_bubble_focus_top_offset);left:var(--_ui5_TimelineItem_horizontal_bubble_focus_left_offset)}.ui5-tli-bubble-arrow{width:var(--_ui5_TimelineItem_arrow_size);padding-bottom:var(--_ui5_TimelineItem_arrow_size);position:absolute;pointer-events:none;top:0;left:0;overflow:hidden}.ui5-tli-bubble-arrow:before{content:\"\";background:var(--sapGroup_ContentBackground);border:1px solid var(--_ui5_TimelineItem_bubble_border_color);position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:0 100%;transform:rotate(45deg)}:host([layout=Horizontal]) .ui5-tli-bubble-arrow:before{transform:rotate(315deg)}.ui5-tli-bubble-arrow--left{left:calc(var(--_ui5_TimelineItem_arrow_size)*-1)}.ui5-tli-bubble-arrow--top{top:calc(var(--_ui5_TimelineItem_arrow_size)*-1)}.ui5-tli-bubble-arrow--left:before{left:50%;width:50%;transform-origin:100% 100%}.ui5-tli-bubble-arrow--top:before{left:42%;width:75%;transform-origin:152% 104%}.ui5-tli-desc,.ui5-tli-title{color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;font-size:var(--sapFontSize)}.ui5-tli-title span{display:inline-block}.ui5-tli-subtitle{color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-weight:400;font-size:var(--sapFontSmallSize);padding-top:var(--_ui5_TimelineItem_bubble_content_subtitle_padding_top);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui5-tli-desc{padding-top:var(--_ui5_TimelineItem_bubble_content_description_padding_top)}[dir=rtl] .ui5-tli-bubble-arrow--left{right:calc(var(--_ui5_TimelineItem_arrow_size)*-1);left:auto;transform:scaleX(-1)}[dir=rtl] .ui5-tli-bubble-arrow--top{right:0;left:auto;transform:scaleX(-1)}[dir=rtl] .ui5-tli-bubble{margin-left:auto;margin-right:.5rem}:host([layout=Horizontal]) [dir=rtl] .ui5-tli-bubble{margin-right:0}[dir=rtl] .ui5-tli-bubble:focus:after{left:var(--_ui5_TimelineItem_bubble_rtl_left_offset);right:var(--_ui5_TimelineItem_bubble_rtl_right_offset)}:host([layout=Horizontal]) [dir=rtl] .ui5-tli-bubble:focus:after{right:0}:host([layout=Horizontal]:not([icon])) [dir=rtl] .ui5-tli-indicator:after{right:.625rem}:host([layout=Horizontal]:not([icon])) [dir=rtl] .ui5-tli-indicator:before{right:1.9375rem;left:var(--_ui5_timeline_tli_indicator_before_right)}:host([layout=Horizontal]) [dir=rtl] .ui5-tli-indicator:before{left:var(--_ui5_timeline_tli_indicator_before_right);right:2.125rem}"
+    content: ":host(:not([hidden])) {\n\tdisplay: block;\n}\n\n.ui5-tli-root {\n\tdisplay: flex;\n}\n\n:host([layout=\"Horizontal\"]) .ui5-tli-root {\n\tflex-direction: column;\n}\n\n:host(:not([layout=\"Horizontal\"])) .ui5-tli-indicator {\n\tposition: relative;\n\twidth: 2rem;\n}\n\n:host([layout=\"Horizontal\"]) .ui5-tli-indicator {\n\tposition: relative;\n\tdisplay: flex;\n\theight: 2rem;\n\talign-items: center;\n}\n\n:host(:not([layout=\"Horizontal\"])) .ui5-tli-indicator::before {\n\tcontent: \"\";\n\tdisplay: inline-block;\n\tbackground-color: var(--sapContent_ForegroundBorderColor);\n\twidth: 1px;\n\tposition: absolute;\n\ttop: 2.125rem;\n\tbottom: var(--_ui5_timeline_tli_indicator_before_bottom);\n\tleft: 50%;\n}\n\n:host([layout=\"Horizontal\"]) .ui5-tli-indicator::before {\n\tcontent: \"\";\n\tdisplay: inline-block;\n\tbackground-color: var(--sapContent_ForegroundBorderColor);\n\theight: 1px;\n\ttop: 50%;\n\tposition: absolute;\n\tleft: 2.0625rem;\n\tright: var(--_ui5_timeline_tli_indicator_before_right);\n}\n\n:host(:not([layout=\"Horizontal\"])) .ui5-tli-indicator.ui5-tli-indicator-large-line::before {\n\tbottom: var(--_ui5_timeline_tli_indicator_before_without_icon_bottom);\n}\n\n:host([layout=\"Horizontal\"]) .ui5-tli-indicator.ui5-tli-indicator-large-line::before{\n\tright: var(--_ui5_timeline_tli_indicator_before_without_icon_right);\n}\n\n/* Line when no Icon is provided */\n\n:host(:not([layout=\"Horizontal\"])):not([icon]) .ui5-tli-indicator::before {\n\tbottom: var(--_ui5_timeline_tli_indicator_before_without_icon_bottom);\n\ttop: 1.875rem;\n}\n\n/* Line when no Icon is provided in horizontal*/\n\n:host([layout=\"Horizontal\"]:not([icon])) .ui5-tli-indicator::before {\n\ttop: 50%;\n\tright: var(--_ui5_timeline_tli_indicator_before_without_icon_right);\n\tleft: 1.6875rem;\n}\n\n:host(:not([layout=\"Horizontal\"])):not([icon]) .ui5-tli-indicator.ui5-tli-indicator-short-line::before {\n\tbottom: var(--_ui5_timeline_tli_indicator_before_bottom);\n}\n\n:host([layout=\"Horizontal\"]:not([icon])) .ui5-tli-indicator.ui5-tli-indicator-short-line::before {\n\tright: var(--_ui5_timeline_tli_indicator_before_right);\n}\n\n/* No Icon Dot */\n\n:host(:not([icon])) .ui5-tli-indicator::after {\n\tcontent: \"\";\n\tdisplay: inline-block;\n\tbox-sizing: border-box;\n\tborder: 1px solid var(--sapContent_NonInteractiveIconColor);\n\tbackground-color: var(--sapContent_NonInteractiveIconColor);\n\tborder-radius: 50%;\n\twidth: 0.375rem;\n\theight: 0.375rem;\n\tposition: absolute;\n\ttop: 0.9375rem;\n\tleft: 51.75%;\n\ttransform: translateX(-50%);\n}\n\n/* No Icon Dot in Hotizontal */\n\n:host([layout=\"Horizontal\"]:not([icon])) .ui5-tli-indicator::after {\n\ttop: 0.84rem;\n\tleft: 0.9625rem;\n}\n\n:host(:last-child) .ui5-tli-indicator::before {\n\tdisplay: none;\n}\n\n:host(:last-child) .ui5-tli-indicator::before {\n\tdisplay: none;\n}\n\n.ui5-tli-icon-outer {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tmargin-top: .25rem;\n\theight: 1.625rem;\n\twidth: 2rem;\n}\n\n:host([layout=\"Horizontal\"]) .ui5-tli-icon-outer {\n\tmargin-top: 0rem;\n\theight: 1.3125rem;\n}\n\n.ui5-tli-icon {\n\tcolor: var(--sapContent_NonInteractiveIconColor);\n\theight: 1.375rem;\n\twidth: 1.375rem;\n}\n\n:host([layout=\"Horizontal\"]) .ui5-tli-dummy-icon-container {\n\theight: 1.375rem;\n\twidth: 1.375rem;\n\tdisplay: inline-block;\n\toutline: none;\n}\n\n.ui5-tli-bubble {\n\tbackground: var(--sapGroup_ContentBackground);\n\tborder: 1px solid var(--_ui5_TimelineItem_bubble_border_color);\n\tbox-sizing: border-box;\n\tborder-radius: var(--_ui5_TimelineItem_bubble_border_radius);\n\tflex: 1;\n\tposition: relative;\n\tmargin-left: .5rem;\n\tpadding: var(--_ui5_TimelineItem_bubble_content_padding);\n}\n\n:host([layout=\"Horizontal\"]) .ui5-tli-bubble {\n\tmargin-top: .5rem;\n\tmargin-left: 0;\n}\n\n.ui5-tli-bubble:focus {\n\toutline: none;\n}\n\n.ui5-tli-bubble:focus::after {\n\tcontent: \"\";\n    border: var(--_ui5_TimelineItem_bubble_border_width) var(--_ui5_TimelineItem_bubble_border_style) var(--sapContent_FocusColor);\n    border-radius: var(--_ui5_TimelineItem_bubble_focus_border_radius);\n\tposition: absolute;\n\ttop: var(--_ui5_TimelineItem_bubble_border_top);\n\tright: var(--_ui5_TimelineItem_bubble_border_right);\n\tbottom: var(--_ui5_TimelineItem_bubble_border_bottom);\n\tleft: var(--_ui5_TimelineItem_bubble_border_left);\n\tpointer-events: none;\n}\n\n:host([layout=\"Horizontal\"]) .ui5-tli-bubble:focus::after {\n\ttop: var(--_ui5_TimelineItem_horizontal_bubble_focus_top_offset);\n\tleft: var(--_ui5_TimelineItem_horizontal_bubble_focus_left_offset);\n}\n\n.ui5-tli-bubble-arrow {\n\twidth: var(--_ui5_TimelineItem_arrow_size);\n\tpadding-bottom: var(--_ui5_TimelineItem_arrow_size);\n\tposition: absolute;\n\tpointer-events: none;\n\ttop: 0;\n\tleft: 0;\n\toverflow: hidden;\n}\n\n.ui5-tli-bubble-arrow::before {\n\tcontent: \"\";\n\tbackground: var(--sapGroup_ContentBackground);\n\tborder: 1px solid var(--_ui5_TimelineItem_bubble_border_color);\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n\ttransform-origin: 0 100%;\n\ttransform: rotate(45deg);\n}\n\n:host([layout=\"Horizontal\"]) .ui5-tli-bubble-arrow::before {\n\ttransform: rotate(315deg);\n}\n\n.ui5-tli-bubble-arrow--left {\n\tleft: calc(-1 * var(--_ui5_TimelineItem_arrow_size));\n}\n\n.ui5-tli-bubble-arrow--top {\n\ttop: calc(-1 * var(--_ui5_TimelineItem_arrow_size));\n}\n\n.ui5-tli-bubble-arrow--left::before {\n\tleft: 50%;\n\twidth: 50%;\n\ttransform-origin: 100% 100%;\n}\n\n.ui5-tli-bubble-arrow--top::before {\n\tleft: 42%;\n\twidth: 75%;\n\ttransform-origin: 152% 104%;\n}\n\n.ui5-tli-title,\n.ui5-tli-desc {\n\tcolor: var(--sapTextColor);\n\tfont-family: var(--sapFontFamily);\n\tfont-weight: 400;\n\tfont-size: var(--sapFontSize);\n}\n\n.ui5-tli-title span {\n\tdisplay: inline-block;\n}\n\n.ui5-tli-subtitle {\n\tcolor: var(--sapContent_LabelColor);\n\tfont-family: var(--sapFontFamily);\n\tfont-weight: 400;\n\tfont-size: var(--sapFontSmallSize);\n\tpadding-top: var(--_ui5_TimelineItem_bubble_content_subtitle_padding_top);\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n}\n\n.ui5-tli-desc {\n\tpadding-top: var(--_ui5_TimelineItem_bubble_content_description_padding_top);\n}\n\n[dir=rtl] .ui5-tli-bubble-arrow--left {\n\tright: calc(-1 * var(--_ui5_TimelineItem_arrow_size));\n\tleft: auto;\n\ttransform: scale(-1, 1);\n}\n\n[dir=rtl] .ui5-tli-bubble-arrow--top {\n\tright: 0;\n\tleft: auto;\n\ttransform: scale(-1, 1);\n}\n\n[dir=rtl] .ui5-tli-bubble {\n\tmargin-left: auto;\n\tmargin-right: .5rem;\n}\n\n:host([layout=\"Horizontal\"]) [dir=rtl] .ui5-tli-bubble {\n\tmargin-right: 0;\n}\n\n[dir=rtl] .ui5-tli-bubble:focus::after {\n\tleft: var(--_ui5_TimelineItem_bubble_rtl_left_offset);\n\tright: var(--_ui5_TimelineItem_bubble_rtl_right_offset);\n}\n\n:host([layout=\"Horizontal\"]) [dir=rtl]  .ui5-tli-bubble:focus::after {\n\tright: 0\n}\n\n:host([layout=\"Horizontal\"]:not([icon])) [dir=rtl] .ui5-tli-indicator::after {\n\tright: 0.625rem;\n}\n\n/* Line when no Icon is provided in horizontal*/\n\n:host([layout=\"Horizontal\"]:not([icon])) [dir=rtl] .ui5-tli-indicator::before {\n\tright: 1.9375rem;\n\tleft: var(--_ui5_timeline_tli_indicator_before_right);\n}\n\n:host([layout=\"Horizontal\"]) [dir=rtl] .ui5-tli-indicator::before {\n\tleft: var(--_ui5_timeline_tli_indicator_before_right);\n\tright: 2.125rem;\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/UploadCollection.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/UploadCollection.css",
-    content: ":host(:not([hidden])){display:block}.ui5-uc-content{position:relative}.uc-no-files{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background-color:var(--sapGroup_ContentBackground)}.uc-no-files .icon-container{display:flex;align-items:center;justify-content:center;width:100%;height:8rem}.uc-no-files .icon-container [ui5-icon]{width:6rem;height:6rem;color:var(--sapContent_NonInteractiveIconColor);opacity:.5}.uc-no-files .title{font-size:var(--sapFontHeader2Size);color:var(--sapGroup_TitleTextColor);margin:1rem 0}.uc-no-files .subtitle{font-size:var(--sapFontHeader5Size);color:var(--sapContent_LabelColor);margin-bottom:2rem}.uc-dnd-overlay{position:absolute;top:.5rem;right:.5rem;left:.5rem;bottom:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.uc-drag-overlay{border:var(--ui5_upload_collection_drag_overlay_border)}.uc-drop-overlay{border:var(--ui5_upload_collection_drop_overlay_border)}.uc-dnd-overlay:before{content:\"\";position:absolute;top:0;bottom:0;left:0;right:0;background-color:var(--sapGroup_ContentBackground);opacity:.8}.uc-drop-overlay:after{content:\"\";position:absolute;top:0;bottom:0;left:0;right:0;background-color:var(--ui5_upload_collection_drop_overlay_background);opacity:.05}.uc-dnd-overlay [ui5-icon]{width:4rem;height:4rem;margin-bottom:1rem;color:var(--sapContent_NonInteractiveIconColor)}.uc-dnd-overlay .dnd-overlay-text{font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontHeader4Size);color:var(--sapContent_NonInteractiveIconColor)}.uc-dnd-overlay .dnd-overlay-text,.uc-dnd-overlay [ui5-icon]{z-index:1;pointer-events:none}.uc-drop-overlay .dnd-overlay-text,.uc-drop-overlay [ui5-icon]{color:var(--sapContent_DragAndDropActiveColor)}.uc-no-files-dnd-overlay{visibility:hidden}"
+    content: ":host(:not([hidden])) {\n\tdisplay: block;\n}\n\n.ui5-uc-content {\n\tposition: relative;\n}\n\n/* No Files */\n\n.uc-no-files {\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 1rem;\n\tbackground-color: var(--sapGroup_ContentBackground);\n}\n\n.uc-no-files .title {\n\tfont-size: var(--sapFontHeader2Size);\n\tcolor: var(--sapGroup_TitleTextColor);\n\tmargin: 1rem 0;\n}\n\n.uc-no-files .subtitle {\n\tfont-size: var(--sapFontHeader5Size);\n\tcolor: var(--sapContent_LabelColor);\n    margin-bottom: 2rem;\n}\n\n/* Drag and Drop */\n\n.uc-dnd-overlay {\n\tposition: absolute;\n\ttop: 0.5rem;\n\tright: 0.5rem;\n\tleft: 0.5rem;\n\tbottom: 0.5rem;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n}\n\n.uc-drag-overlay {\n\tborder: var(--ui5_upload_collection_drag_overlay_border);\n}\n\n.uc-drop-overlay {\n\tborder: var(--ui5_upload_collection_drop_overlay_border);\n}\n\n/* use pseudo element to set opacity only for the content and not on the border */\n\n.uc-dnd-overlay::before {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: 0;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n\tbackground-color: var(--sapGroup_ContentBackground);\n\topacity: 0.8;\n}\n\n/* use pseudo element to set opacity only for the content and not on the border */\n\n.uc-drop-overlay::after {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: 0;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n\tbackground-color: var(--ui5_upload_collection_drop_overlay_background);\n\topacity: 0.05;\n}\n\n.uc-dnd-overlay [ui5-icon] {\n\twidth: 4rem;\n\theight: 4rem;\n\tmargin-bottom: 1rem;\n\tcolor: var(--sapContent_NonInteractiveIconColor);\n}\n\n.uc-dnd-overlay .dnd-overlay-text {\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-size: var(--sapFontHeader4Size);\n\tcolor: var(--sapContent_NonInteractiveIconColor);\n}\n\n.uc-dnd-overlay [ui5-icon],\n.uc-dnd-overlay .dnd-overlay-text {\n\tz-index: 1;\n\tpointer-events: none;\n}\n\n.uc-drop-overlay [ui5-icon],\n.uc-drop-overlay .dnd-overlay-text {\n\tcolor: var(--sapContent_DragAndDropActiveColor);\n}\n\n.uc-no-files-dnd-overlay {\n\tvisibility: hidden;\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/UploadCollectionItem.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/UploadCollectionItem.css",
-    content: ":host{height:auto}:host(:not([hidden])){display:block}.ui5-li-root.ui5-uci-root{padding:1rem}.ui5-uci-edit-buttons{display:flex}.ui5-uci-thumbnail{width:3rem;height:3rem;margin-right:.75rem}::slotted([ui5-icon][slot=thumbnail]){width:3rem;height:3rem;font-size:2.5rem}::slotted(img[slot=thumbnail]){width:3rem;height:3rem}:host([actionable]) ::slotted([ui5-icon][slot=thumbnail]){color:var(--sapContent_IconColor)}.ui5-uci-content-and-edit-container{flex:1 1 auto;min-width:0;display:flex;align-items:center}.ui5-uci-content-and-progress{max-width:100%;min-width:0;display:flex;flex:1 1 auto}.ui5-uci-content{flex:1 1 auto;margin-right:.5rem;width:100%;min-width:0}.ui5-uci-file-name{display:block;font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontLargeSize);margin-bottom:.25rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ui5-uci-file-name-text{color:var(--sapList_TextColor)}[ui5-link].ui5-uci-file-name{pointer-events:all}.ui5-uci-description{margin-top:.375rem;font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontMediumSize);color:var(--sapContent_LabelColor);white-space:normal;overflow:hidden;text-overflow:ellipsis}.ui5-uci-edit-container{display:flex;align-items:center}.ui5-uci-edit-container [ui5-input]{width:60%;pointer-events:all;min-width:auto}.ui5-uci-file-extension{font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontMediumSize);color:var(--sapTextColor);white-space:no-wrap;overflow:hidden;margin-left:.5rem;width:40%;display:inline-block;vertical-align:middle}.ui5-uci-root-editing .ui5-li-deletebtn,.ui5-uci-root-editing .ui5-li-detailbtn,.ui5-uci-root-uploading .ui5-li-deletebtn,.ui5-uci-root-uploading .ui5-li-detailbtn{display:none}.ui5-uci-edit-buttons{pointer-events:all;margin-inline-start:1rem}.ui5-uci-edit-rename-btn{margin-right:.125rem}@media(max-width:30rem){.ui5-uci-content-and-edit-container{display:block}.ui5-uci-content-and-progress{flex-wrap:wrap}.ui5-uci-progress-box{width:100%;margin-top:.5rem}.ui5-uci-content{width:100%}.ui5-uci-edit-buttons{margin-inline-start:0;margin-block-start:var(--ui5_upload_collection_small_size_buttons_margin_block_start)}.ui5-uci-edit-buttons [ui5-button]{margin-block-end:var(--ui5_upload_collection_button_margin_block_end)}}.ui5-uci-progress-indicator{height:1.125rem;margin-bottom:.5rem;padding:5px 0;box-sizing:border-box}.ui5-uci-progress-labels{display:flex;justify-content:space-between}[ui5-button]{margin-inline:.5rem}[ui5-button]:first-of-type{margin-inline-start:0}[ui5-button]:last-of-type{margin-inline-end:var(--ui5_upload_collection_last_button_inline_end)}"
+    content: ":host {\n\theight: auto;\n}\n\n:host(:not([hidden])) {\n\tdisplay: block;\n}\n\n.ui5-li-root.ui5-uci-root {\n\tpadding: 1rem;\n}\n\n.ui5-uci-edit-buttons {\n\tdisplay: flex;\n}\n\n/* Thumbnail */\n\n.ui5-uci-thumbnail {\n\twidth: 3rem;\n\theight: 3rem;\n\tmargin-right: 0.75rem;\n}\n\n::slotted([ui5-icon][slot=\"thumbnail\"]) {\n\twidth: 3rem;\n\theight: 3rem;\n\tfont-size: 2.5rem;\n}\n\n::slotted(img[slot=\"thumbnail\"]) {\n\twidth: 3rem;\n\theight: 3rem;\n}\n\n:host([actionable]) ::slotted([ui5-icon][slot=\"thumbnail\"]) {\n\tcolor: var(--sapContent_IconColor);\n}\n\n/* Content */\n\n.ui5-uci-content-and-edit-container {\n\tflex: 1 1 auto;\n\tmin-width: 0; /* fixes chrome overflow issue */\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.ui5-uci-content-and-progress {\n\tmax-width: 100%;\n\tmin-width: 0;\n\tdisplay: flex;\n\tflex: 1 1 auto;\n}\n\n.ui5-uci-content {\n\tflex: 1 1 auto;\n\tmargin-right: .5rem;\n\twidth: 100%;\n\tmin-width: 0; /* fixes chrome overflow issue */\n}\n\n.ui5-uci-file-name {\n\tdisplay: block;\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-size: var(--sapFontLargeSize);\n\tmargin-bottom: 0.25rem;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n}\n\n.ui5-uci-file-name-text {\n\tcolor: var(--sapList_TextColor);\n}\n\n[ui5-link].ui5-uci-file-name {\n\tpointer-events: all;\n}\n\n.ui5-uci-description {\n\tmargin-top: 0.375rem;\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-size: var(--sapFontMediumSize);\n\tcolor: var(--sapContent_LabelColor);\n\twhite-space: initial;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n}\n\n/* Edit mode */\n\n.ui5-uci-edit-container {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.ui5-uci-edit-container [ui5-input] {\n\twidth: 60%;\n\tpointer-events: all;\n\tmin-width: auto;\n}\n\n.ui5-uci-file-extension {\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-size: var(--sapFontMediumSize);\n\tcolor: var(--sapTextColor);\n\twhite-space: no-wrap;\n\toverflow: hidden;\n\tmargin-left: 0.5rem;\n\twidth: 40%;\n\tdisplay: inline-block;\n\tvertical-align: middle;\n}\n\n/* Buttons */\n\n.ui5-uci-root-editing .ui5-li-detailbtn,\n.ui5-uci-root-editing .ui5-li-deletebtn,\n.ui5-uci-root-uploading .ui5-li-detailbtn,\n.ui5-uci-root-uploading .ui5-li-deletebtn {\n\tdisplay: none;\n}\n\n.ui5-uci-edit-buttons {\n\tpointer-events: all;\n\tmargin-inline-start: 1rem;\n}\n\n.ui5-uci-edit-rename-btn {\n\tmargin-right: 0.125rem;\n}\n\n@media(max-width: 30rem) {\n\t.ui5-uci-content-and-edit-container {\n\t\tdisplay: block;\n\t}\n\n\t.ui5-uci-content-and-progress {\n\t\tflex-wrap: wrap;\n\t}\n\n\t.ui5-uci-progress-box {\n\t\twidth: 100%;\n\t\tmargin-top: .5rem;\n\t}\n\n\t.ui5-uci-content {\n\t\twidth: 100%;\n\t}\n\n\t.ui5-uci-edit-buttons {\n\t\tmargin-inline-start: 0;\n\t\tmargin-block-start: var(--ui5_upload_collection_small_size_buttons_margin_block_start);\n\t}\n\n\t.ui5-uci-edit-buttons [ui5-button] {\n\t\tmargin-block-end: var(--ui5_upload_collection_button_margin_block_end);\n\t}\n}\n\n.ui5-uci-progress-indicator {\n\theight: 1.125rem;\n\tmargin-bottom: 0.5rem;\n\tpadding: 5px 0;\n\tbox-sizing: border-box;\n}\n\n.ui5-uci-progress-labels {\n\tdisplay: flex;\n\tjustify-content: space-between;\n}\n\n[ui5-button] {\n\tmargin-inline: 0.5rem;\n}\n\n[ui5-button]:first-of-type {\n\tmargin-inline-start: 0;\n}\n\n[ui5-button]:last-of-type {\n\tmargin-inline-end: var(--ui5_upload_collection_last_button_inline_end);\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/ViewSettingsDialog.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/ViewSettingsDialog.css",
-    content: "[on-desktop] .ui5-vsd-content{height:var(--_ui5_vsd_content_height);min-width:350px}[on-desktop] [expand-content].ui5-vsd-content{height:var(--_ui5_vsd_expand_content_height);min-width:350px}.ui5-vsd-header{width:100%;padding-bottom:.25rem}.ui5-vsd-content{margin:0 .1px 0 -1rem}.ui5-vsd-title{font-size:var(--sapFontHeader5Size)}.ui5-vsd-header-container{display:flex;align-items:center;justify-content:space-between;height:var(--_ui5_vsd_header_container);line-height:var(--_ui5_vsd_header_container)}.ui5-vsd-header-end{display:flex}.ui5-vsd-sub-header{height:var(--_ui5_vsd_sub_header_container_height);line-height:var(--_ui5_vsd_sub_header_container_height)}.ui5-vsd-header-start{display:flex;align-items:center}.ui5-vsd-back-button{margin-inline-end:.5rem}.ui5-vsd-footer{width:100%;display:flex;justify-content:flex-end;margin:.1875rem 0}.ui5-vsd-footer [ui5-button]:first-child{margin-right:.5rem;min-width:4rem}.ui5-vsd-sort{width:100%;height:100%}[ui5-li-groupheader]{overflow:hidden}[ui5-dialog]::part(content){padding-top:0;padding-bottom:0;padding-right:0}:host [ui5-li]::part(native-li){padding-inline-start:var(--_ui5_vsd_content_li_padding)}:host [ui5-li].ui5-vsd-filterItemList::part(native-li){padding-inline-start:1rem}"
+    content: "[on-desktop] .ui5-vsd-content {\n\theight: var(--_ui5_vsd_content_height);\n\tmin-width: 350px;\n}\n\n[on-desktop] [expand-content].ui5-vsd-content {\n\theight: var(--_ui5_vsd_expand_content_height);\n\tmin-width: 350px;\n}\n\n.ui5-vsd-header {\n\twidth: 100%;\n\tpadding-bottom: 0.25rem;\n}\n\n.ui5-vsd-content {\n\tmargin: 0 0.1px 0 -1rem;\n}\n\n.ui5-vsd-title {\n\tfont-size: var(--sapFontHeader5Size);\n}\n\n.ui5-vsd-header-container {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\theight: var(--_ui5_vsd_header_container);\n\tline-height: var(--_ui5_vsd_header_container);\n}\n\n.ui5-vsd-header-end {\n\tdisplay: flex;\n}\n\n.ui5-vsd-sub-header {\n\theight: var(--_ui5_vsd_sub_header_container_height);\n\tline-height: var(--_ui5_vsd_sub_header_container_height);\n}\n\n.ui5-vsd-header-start {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.ui5-vsd-back-button {\n\tmargin-inline-end: .5rem;\n}\n\n.ui5-vsd-footer {\n\twidth: 100%;\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\tmargin: 0.1875rem 0;\n}\n\n.ui5-vsd-footer [ui5-button]:first-child {\n\tmargin-right: 0.5rem;\n\tmin-width: 4rem;\n}\n\n.ui5-vsd-sort {\n\twidth: 100%;\n\theight: 100%;\n}\n\n[ui5-li-groupheader] {\n\toverflow: hidden;\n}\n\n[ui5-dialog]::part(content) {\n\tpadding-top: 0;\n\tpadding-bottom: 0;\n\tpadding-right: 0;\n}\n\n:host [ui5-li]::part(native-li) {\n\tpadding-inline-start: var(--_ui5_vsd_content_li_padding);\n}\n\n:host [ui5-li].ui5-vsd-filterItemList::part(native-li) {\n\tpadding-inline-start: 1rem;\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/Wizard.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/Wizard.css",
-    content: ".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;height:100%;width:100%;overflow:auto}.ui5-wiz-root{height:100%;width:100%;position:relative}.ui5-wiz-content{position:relative;overflow:auto;height:calc(100% - 4rem);box-sizing:border-box;background:var(--sapBackgroundColor)}.ui5-wiz-content-item{display:block;box-sizing:border-box;padding:1rem 2rem}.ui5-wiz-content-item-wrapper{display:block;padding:var(--_ui5_wiz_content_item_wrapper_padding);background-color:var(--_ui5_wiz_content_item_wrapper_bg);border-radius:var(--sapElement_BorderCornerRadius)}.ui5-wiz-content-item[hidden]{display:none}.ui5-wiz-content-item[stretch]{min-height:100%}[ui5-wizard-tab][data-ui5-wizard-expanded-tab=true]+[ui5-wizard-tab][data-ui5-wizard-expanded-tab=false]{width:2rem;padding-left:.5rem}[ui5-wizard-tab][data-ui5-wizard-expanded-tab=false]{width:.25rem;padding:0}.ui5-wiz-nav-list{display:table;table-layout:fixed;position:relative;list-style:none;margin:0;box-sizing:border-box;width:100%;height:2rem;padding:0}[ui5-wizard-tab]{display:table-cell;position:relative}.ui5-wiz-nav{box-sizing:border-box;height:4rem;padding:1rem 2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--sapObjectHeader_Background);font-size:.875rem;box-shadow:var(--sapContent_HeaderShadow);outline:none;display:flex;align-items:center}[ui5-wizard-tab][data-ui5-wizard-expanded-tab=false]+[ui5-wizard-tab][data-ui5-wizard-expanded-tab=false]{width:.25rem}[ui5-wizard-tab][data-ui5-wizard-expanded-tab-prev=true],[ui5-wizard-tab][data-ui5-wizard-expanded-tab=false]+[ui5-wizard-tab][data-ui5-wizard-expanded-tab-prev=true]{width:2rem;padding-right:.75rem}"
+    content: ".ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n\n:host(:not([hidden])) {\n\tdisplay: block;\n\theight: 100%;\n\twidth: 100%;\n\toverflow: auto;\n}\n\n:host([_breakpoint=\"S\"])::part(navigator),\n:host([_breakpoint=\"S\"])::part(step-content) {\n\tpadding-left: 1rem;\n\tpadding-right: 1rem;\n}\n\n:host([_breakpoint=\"M\"])::part(navigator),\n:host([_breakpoint=\"M\"])::part(step-content) {\n\tpadding-left: 2rem;\n\tpadding-right: 2rem;\n}\n\n:host([_breakpoint=\"L\"])::part(navigator),\n:host([_breakpoint=\"L\"])::part(step-content) {\n\tpadding-left: 2rem;\n\tpadding-right: 2rem;\n}\n\n:host([_breakpoint=\"XL\"])::part(navigator),\n:host([_breakpoint=\"XL\"])::part(step-content) {\n\tpadding-left: 3rem;\n\tpadding-right: 3rem;\n}\n\n.ui5-wiz-root {\n\theight: 100%;\n\twidth: 100%;\n\tposition: relative;\n}\n\n.ui5-wiz-content {\n\tposition: relative;\n\toverflow: auto;\n\theight: calc(100% - 4rem); /* the navigation height is 4rem */\n\tbox-sizing: border-box;\n\tbackground: var(--sapBackgroundColor);\n}\n\n.ui5-wiz-content-item {\n\tdisplay: block;\n\tbox-sizing: border-box;\n\tpadding-top: 1rem;\n\tpadding-bottom: 1rem;\n}\n\n:host([content-layout=\"SingleStep\"]) .ui5-wiz-content-item:not([selected]) {\n\tdisplay: none;\n}\n\n.ui5-wiz-content-item-wrapper {\n\tdisplay: block;\n\tpadding: var(--_ui5_wiz_content_item_wrapper_padding);\n\tbackground-color: var(--_ui5_wiz_content_item_wrapper_bg);\n\tborder-radius: var(--sapElement_BorderCornerRadius);\n}\n\n.ui5-wiz-content-item[hidden] {\n\tdisplay: none;\n}\n\n.ui5-wiz-content-item[stretch] {\n\t/* Add 2rem to ensure there is enough scroll height to reach the last step */\n\tmin-height: 100%;\n}\n\n[ui5-wizard-tab][data-ui5-wizard-expanded-tab=\"true\"] + [ui5-wizard-tab][data-ui5-wizard-expanded-tab=\"false\"] {\n\twidth: 2rem;\n\tpadding-left: .5rem;\n}\n\n[ui5-wizard-tab][data-ui5-wizard-expanded-tab=\"false\"] {\n\twidth: .25rem;\n\tpadding: 0;\n}\n\n.ui5-wiz-nav-list {\n\tdisplay: table;\n\ttable-layout: fixed;\n\tposition: relative;\n\tlist-style: none;\n\tmargin: 0;\n\tbox-sizing: border-box;\n\twidth: 100%;\n\theight: 2rem;\n\tpadding: 0;\n}\n\n[ui5-wizard-tab] {\n\tdisplay: table-cell;\n\tposition: relative;\n}\n\n.ui5-wiz-nav {\n\tbox-sizing: border-box;\n\theight: 4rem;\n\tpadding-top: 1rem;\n\tpadding-bottom: 1rem;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\tuser-select: none;\n\tbackground-color: var(--sapObjectHeader_Background);\n\tfont-size: .875rem;\n\tbox-shadow: var(--sapContent_HeaderShadow);\n\toutline: none;\n\tdisplay: flex;\n\talign-items: center;\n}\n\n[ui5-wizard-tab][data-ui5-wizard-expanded-tab=\"false\"] + [ui5-wizard-tab][data-ui5-wizard-expanded-tab=\"false\"] {\n\twidth: .25rem;\n}\n\n[ui5-wizard-tab][data-ui5-wizard-expanded-tab-prev=\"true\"],\n[ui5-wizard-tab][data-ui5-wizard-expanded-tab=\"false\"] + [ui5-wizard-tab][data-ui5-wizard-expanded-tab-prev=\"true\"] {\n\twidth: 2rem;\n\tpadding-right: .75rem;\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/WizardPopover.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-fiori", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/WizardPopover.css",
-    content: ".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}.ui5-wizard-responsive-popover{box-shadow:var(--sapContent_Shadow1)}.ui5-wizard-responsive-popover-list{list-style:none;margin:0;padding:0}.ui5-responsive-popover-footer{display:flex;justify-content:flex-end;padding:.25rem 0;width:100%}.ui5-wizard-popover .ui5-wizard-responsive-popover-list [ui5-button]{width:200px}.ui5-wizard-dialog .ui5-wizard-responsive-popover-list [ui5-button]{width:100%}"
+    content: ".ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n\n.ui5-wizard-responsive-popover {\n\tbox-shadow: var(--sapContent_Shadow1);\n}\n\n.ui5-wizard-responsive-popover-list {\n\tlist-style: none;\n\tmargin: 0;\n\tpadding: 0;\n}\n\n.ui5-responsive-popover-footer {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\tpadding: 0.25rem 0;\n\twidth: 100%;\n}\n\n.ui5-wizard-popover .ui5-wizard-responsive-popover-list [ui5-button] {\n\twidth: 200px;\n}\n\n.ui5-wizard-dialog .ui5-wizard-responsive-popover-list [ui5-button] {\n\twidth: 100%;\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });