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

package/src/sap/ui/webc/main/thirdparty/generated/themes/InputIcon.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", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/InputIcon.css",
-    content: "[input-icon]{color:var(--_ui5_input_icon_color);cursor:pointer;outline:none;padding:var(--_ui5_input_icon_padding);border-inline-start:var(--_ui5_input_icon_border);min-width:1rem;min-height:1rem;border-radius:var(--_ui5_input_icon_border_radius)}[input-icon][pressed]{background:var(--_ui5_input_icon_pressed_bg);box-shadow:var(--_ui5_input_icon_box_shadow);border-inline-start:var(--_ui5_select_hover_icon_left_border);color:var(--_ui5_input_icon_pressed_color)}[input-icon]:active{background-color:var(--sapButton_Active_Background);box-shadow:var(--_ui5_input_icon_box_shadow);border-inline-start:var(--_ui5_select_hover_icon_left_border);color:var(--_ui5_input_icon_pressed_color)}[input-icon]:not([pressed]):not(:active):hover{background:var(--_ui5_input_icon_hover_bg);box-shadow:var(--_ui5_input_icon_box_shadow)}[input-icon]:hover{border-inline-start:var(--_ui5_select_hover_icon_left_border);box-shadow:var(--_ui5_input_icon_box_shadow)}"
+    content: "/*\n\tThis CSS file enables visual alignment of all icons within input elements.\n\tAPI:\n\t- add input-icon attribute to an icon\n\t- [Optional] pressed attribute set to the icon will enable additional styling (check MultiComboBox, Select, etc.)\n*/\n\n[input-icon] {\n\tcolor: var(--_ui5_input_icon_color);\n\tcursor: pointer;\n\toutline: none;\n\tpadding: var(--_ui5_input_icon_padding);\n\tborder-inline-start: var(--_ui5_input_icon_border);\n\tmin-width: 1rem;\n\tmin-height: 1rem;\n\tborder-radius: var(--_ui5_input_icon_border_radius);\n}\n\n[input-icon][pressed] {\n\tbackground: var(--_ui5_input_icon_pressed_bg);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\n\tcolor: var(--_ui5_input_icon_pressed_color);\n}\n\n[input-icon]:active {\n\tbackground-color: var(--sapButton_Active_Background);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\n\tcolor: var(--_ui5_input_icon_pressed_color);\n}\n\n[input-icon]:not([pressed]):not(:active):hover {\n\tbackground: var(--_ui5_input_icon_hover_bg);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n}\n\n[input-icon]:hover {\n\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/InvisibleTextStyles.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", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/InvisibleTextStyles.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}"
+    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}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/Label.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", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/Label.css",
-    content: ":host(:not([hidden])){display:inline-flex}:host{max-width:100%;color:var(--sapContent_LabelColor);font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;cursor:text}.ui5-label-root{width:100%;cursor:inherit}:host([wrapping-type=Normal]) .ui5-label-root{white-space:normal}:host(:not([wrapping-type=Normal])) .ui5-label-root{display:inline-block;white-space:nowrap}bdi{content:\"\";padding-right:.075rem}:host(:not([wrapping-type=Normal])) .ui5-label-text-wrapper{text-overflow:ellipsis;overflow:hidden;display:inline-block;vertical-align:top;max-width:100%}:host(:not([wrapping-type=Normal])[required][show-colon]) .ui5-label-text-wrapper,:host(:not([wrapping-type=Normal])[required][show-colon]) .ui5-label-text-wrapper.ui5-label-text-wrapper-safari{max-width:calc(100% - .8rem)}:host(:not([wrapping-type=Normal])[required]) .ui5-label-text-wrapper{max-width:calc(100% - .475rem)}:host(:not([wrapping-type=Normal])[required]) .ui5-label-text-wrapper.ui5-label-text-wrapper-safari{max-width:calc(100% - .425rem)}:host(:not([wrapping-type=Normal])[show-colon]) .ui5-label-text-wrapper{max-width:calc(100% - .125rem)}:host([show-colon]) .ui5-label-required-colon{margin-left:-.05rem}:host([show-colon]) .ui5-label-required-colon:before{content:\":\"}:host([required]) .ui5-label-required-colon:after{content:\"*\";color:var(--sapField_RequiredColor);font-size:1.25rem;font-weight:700;position:relative;font-style:normal;vertical-align:middle;line-height:0}:host([required][show-colon]) .ui5-label-required-colon:after{margin-inline-start:.125rem}"
+    content: ":host(:not([hidden])) {\n\tdisplay: inline-flex;\n}\n\n:host {\n\tmax-width: 100%;\n\tcolor: var(--sapContent_LabelColor);\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-size: var(--sapFontSize);\n\tfont-weight: normal;\n\tcursor: text;\n}\n\n.ui5-label-root {\n\twidth: 100%;\n\tcursor: inherit;\n}\n\n:host([wrapping-type=\"Normal\"]) .ui5-label-root {\n\twhite-space: normal;\n}\n\n:host(:not([wrapping-type=\"Normal\"])) .ui5-label-root {\n\tdisplay: inline-flex;\n\twhite-space: nowrap;\n}\n\n:host(:not([wrapping-type=\"Normal\"])) .ui5-label-text-wrapper {\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tdisplay: inline-block;\n\tvertical-align: top;\n\tflex: 0 1 auto;\n\tmin-width: 0;\n}\n\n:host([show-colon]) .ui5-label-required-colon:before {\n\tcontent: attr(data-colon);\n}\n\n:host([required]) .ui5-label-required-colon:after {\n\tcontent:\"*\";\n\tcolor: var(--sapField_RequiredColor);\n\tfont-size: 1.25rem;\n\tfont-weight: bold;\n\tposition: relative;\n\tfont-style: normal;\n\tvertical-align: middle;\n\tline-height: 0;\n}\n\n:host([required][show-colon]) .ui5-label-required-colon:after {\n\tmargin-inline-start: .125rem;\n}\n\nbdi {\n\tpadding-right: 0.075rem; /*1.2px - fix for last letter clipping issue when style is italic*/\n}\n\n:host([show-colon]) .ui5-label-required-colon {\n\tmargin-inline-start: -0.05rem; /*0.8px - fix for last letter clipping issue when style is italic*/\n\twhite-space: pre;\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/Link.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", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/Link.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-flex}:host{max-width:100%;color:var(--sapLinkColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);cursor:pointer;outline:none;text-decoration:var(--_ui5_link_text_decoration);text-shadow:var(--sapContent_TextShadow)}:host([disabled]){pointer-events:none}:host([disabled]) .ui5-link-root{text-shadow:none;outline:none;cursor:default;pointer-events:none;opacity:var(--sapContent_DisabledOpacity)}:host([design=Emphasized]) .ui5-link-root{font-family:var(--sapFontBoldFamily)}:host([design=Subtle]) .ui5-link-root{color:var(--sapLink_SubtleColor);text-decoration:var(--_ui5_link_subtle_text_decoration)}:host([design=Subtle]) .ui5-link-root:focus{color:var(--sapLinkColor)}:host([wrapping-type=Normal]) .ui5-link-root{white-space:normal;word-wrap:break-word}.ui5-link-root{width:100%;display:inline-block;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-wrap:normal;outline:none;text-decoration:inherit;color:inherit}:host(:active) .ui5-link-root{color:var(--sapLink_Active_Color);text-decoration:var(--_ui5_link_active_text_decoration)}:host .ui5-link-root{border:var(--_ui5_link_border);border-radius:var(--_ui5_link_focus_border-radius)}:host([design=Subtle][focused]) .ui5-link-root,:host([focused]) .ui5-link-root{background-color:var(--_ui5_link_focus_background_color);color:var(--_ui5_link_focus_color);border:var(--_ui5_link_border_focus);border-radius:var(--_ui5_link_focus_border-radius);text-decoration:var(--_ui5_link_focus_text_decoration);text-shadow:none}:host(:hover){color:var(--sapLink_Hover_Color);text-decoration:var(--_ui5_link_hover_text_decoration)}:host([focused]:hover){text-decoration:var(--_ui5_link_focused_hover_text_decoration)}:host([focused]:hover) .ui5-link-root{color:var(--_ui5_link_focused_hover_text_color)}"
+    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-flex;\n}\n\n:host {\n\tmax-width: 100%;\n\tcolor: var(--sapLinkColor);\n\tfont-family: var(--sapFontFamily);\n\tfont-size: var(--sapFontSize);\n\tcursor: pointer;\n\toutline: none;\n\ttext-decoration: var(--_ui5_link_text_decoration);\n\ttext-shadow: var(--sapContent_TextShadow);\n\twhite-space: nowrap;\n\toverflow-wrap: normal;\n}\n\n:host(:hover) {\n\tcolor: var(--sapLink_Hover_Color);\n\ttext-decoration: var(--_ui5_link_hover_text_decoration);\n}\n\n:host(:active) {\n\tcolor: var(--sapLink_Active_Color);\n\ttext-decoration: var(--_ui5_link_active_text_decoration);\n}\n\n:host([disabled]) {\n\tpointer-events: none;\n}\n\n:host([disabled]) .ui5-link-root {\n\ttext-shadow: none;\n\toutline: none;\n\tcursor: default;\n\tpointer-events: none;\n\topacity: var(--sapContent_DisabledOpacity);\n}\n\n:host([design=\"Emphasized\"]) .ui5-link-root {\n\tfont-family: var(--sapFontBoldFamily);\n}\n\n:host([design=\"Subtle\"]) {\n\tcolor: var(--sapLink_SubtleColor);\n\ttext-decoration: var(--_ui5_link_subtle_text_decoration);\n}\n\n:host([design=\"Subtle\"]:hover:not(:active)) {\n\tcolor: var(--sapLink_SubtleColor);\n\ttext-decoration: var(--_ui5_link_subtle_text_decoration_hover);\n}\n\n:host([wrapping-type=\"Normal\"]) {\n\twhite-space: normal;\n\toverflow-wrap: break-word;\n}\n\n.ui5-link-root {\n\twidth: 100%;\n\tdisplay: inline-block;\n\tposition: relative;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\toutline: none;\n\twhite-space: inherit;\n\toverflow-wrap: inherit;\n\ttext-decoration: inherit;\n\tcolor: inherit;\n}\n\n:host .ui5-link-root {\n\tborder: var(--_ui5_link_border);\n\tborder-radius: var(--_ui5_link_focus_border-radius);\n}\n\n:host([focused]) .ui5-link-root,\n:host([design=\"Subtle\"][focused]) .ui5-link-root {\n\tbackground-color: var(--_ui5_link_focus_background_color);\n\tborder: var(--_ui5_link_border_focus);\n\tborder-radius: var(--_ui5_link_focus_border-radius);\n\ttext-shadow: none;\n}\n\n:host([focused]),\n:host([design=\"Subtle\"][focused]) {\n\tcolor:  var(--_ui5_link_focus_color);\n\ttext-decoration: var(--_ui5_link_focus_text_decoration);\n}\n\n:host([focused]:hover:not(:active)) {\n\tcolor: var(--_ui5_link_focused_hover_text_color);\n\ttext-decoration: var(--_ui5_link_focused_hover_text_decoration);\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/List.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", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/List.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}[growing-button]{display:flex;align-items:center;padding:var(--_ui5_load_more_padding);border-top:1px solid var(--sapList_BorderColor);border-bottom:var(--_ui5_load_more_border-bottom);box-sizing:border-box;cursor:pointer;outline:none}[growing-button-inner]{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:var(--_ui5_load_more_text_height);width:100%;color:var(--sapButton_TextColor);background-color:var(--sapList_Background);border:var(--_ui5_load_more_border);border-radius:var(--_ui5_load_more_border_radius);box-sizing:border-box}[growing-button-inner]:focus{outline:var(--_ui5_load_more_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:-.125rem;border-color:transparent}[growing-button-inner]:hover{background-color:var(--sapList_Hover_Background)}[growing-button-inner]:active,[growing-button-inner][active]{background-color:var(--sapList_Active_Background);border-color:var(--sapList_Active_Background)}[growing-button-inner]:active>*,[growing-button-inner][active]>*{color:var(--sapList_Active_TextColor)}[growing-button-subtext],[growing-button-text]{width:100%;text-align:center;font-family:\"72override\",var(--sapFontFamily);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}[growing-button-text]{height:var(--_ui5_load_more_text_height);padding:.875rem 1rem 0 1rem;font-size:var(--_ui5_load_more_text_font_size);font-weight:700}[growing-button-subtext]{font-size:var(--sapFontSize);padding:var(--_ui5_load_more_desc_padding)}:host(:not([hidden])){display:block;max-width:100%;width:100%;-webkit-tap-highlight-color:transparent}:host([indent]) .ui5-list-root{padding:2rem}:host([separators=None]) .ui5-list-nodata{border-bottom:0}:host([busy]){opacity:.72}:host([busy]) .ui5-list-busy-row{position:absolute;left:0;right:0;bottom:0;top:0;outline:none}:host([busy]) .ui5-list-busy-ind{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.ui5-list-root{width:100%;height:100%;position:relative;box-sizing:border-box}.ui5-list-scroll-container{overflow:auto;height:100%}.ui5-list-ul{list-style-type:none;padding:0;margin:0}.ui5-list-ul:focus{outline:none}.ui5-list-focusarea{position:fixed}.ui5-list-header{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;font-size:var(--sapFontHeader4Size);font-family:\"72override\",var(--sapFontFamily);color:var(--sapGroup_TitleTextColor);height:3rem;line-height:3rem;padding:0 1rem;background-color:var(--sapGroup_TitleBackground);border-bottom:1px solid var(--sapGroup_TitleBorderColor)}.ui5-list-footer{height:2rem;box-sizing:border-box;-webkit-text-size-adjust:none;font-size:var(--sapFontSize);font-family:\"72override\",var(--sapFontFamily);line-height:2rem;background-color:var(--sapList_FooterBackground);color:var(--ui5_list_footer_text_color);padding:0 1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui5-list-nodata{list-style-type:none;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;color:var(--sapTextColor);background-color:var(--sapList_Background);border-bottom:1px solid var(--sapList_BorderColor);padding:0 1rem!important;height:var(--_ui5_list_no_data_height);font-size:var(--_ui5_list_no_data_font_size);font-family:\"72override\",var(--sapFontFamily)}.ui5-list-nodata-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"
+    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[growing-button] {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: var(--_ui5_load_more_padding);\n\tborder-top: 1px solid var(--sapList_BorderColor);\n\tborder-bottom: var(--_ui5_load_more_border-bottom);\n\tbox-sizing: border-box;\n\tcursor: pointer;\n\toutline: none;\n}\n[growing-button-inner] {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-direction: column;\n\tmin-height: var(--_ui5_load_more_text_height);\n\twidth: 100%;\n\tcolor: var(--sapButton_TextColor);\n\tbackground-color: var(--sapList_Background);\n\tborder: var(--_ui5_load_more_border);\n\tborder-radius: var(--_ui5_load_more_border_radius);\n\tbox-sizing: border-box;\n}\n[growing-button-inner]:focus {\n\toutline: var(--_ui5_load_more_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n\toutline-offset: -0.125rem;\n\tborder-color: transparent;\n}\n[growing-button-inner]:hover {\n\tbackground-color: var(--sapList_Hover_Background);\n}\n[growing-button-inner]:active,\n[growing-button-inner][active] {\n\tbackground-color: var(--sapList_Active_Background);\n\tborder-color: var(--sapList_Active_Background);\n}\n[growing-button-inner]:active > *,\n[growing-button-inner][active] > * {\n\tcolor: var(--sapList_Active_TextColor);\n}\n[growing-button-text],\n[growing-button-subtext] {\n\twidth: 100%;\n\ttext-align: center;\n\tfont-family: \"72override\", var(--sapFontFamily);\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tbox-sizing: border-box;\n}\n[growing-button-text] {\n\theight: var(--_ui5_load_more_text_height);\n\tpadding: 0.875rem 1rem 0 1rem;\n\tfont-size: var(--_ui5_load_more_text_font_size);\n\tfont-weight: bold;\n}\n[growing-button-subtext] {\n\tfont-size: var(--sapFontSize);\n\tpadding: var(--_ui5_load_more_desc_padding);\n}\n:host(:not([hidden])) {\n\tdisplay: block;\n\tmax-width: 100%;\n\twidth: 100%;\n\t-webkit-tap-highlight-color: transparent;\n}\n:host([indent]) .ui5-list-root {\n\tpadding: 2rem;\n}\n:host([separators=\"None\"]) .ui5-list-nodata {\n\tborder-bottom: 0;\n}\n:host([busy]) {\n\topacity: 0.72;\n}\n:host([busy]) .ui5-list-busy-row {\n\tposition: absolute;\n\tleft: 0;\n\tright: 0;\n\tbottom: 0;\n\ttop: 0;\n\toutline: none;\n}\n:host([busy]) .ui5-list-busy-ind {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n\tz-index: 1;\n}\n.ui5-list-root {\n\twidth: 100%;\n\theight: 100%;\n\tposition: relative;\n\tbox-sizing: border-box;\n}\n.ui5-list-scroll-container {\n\toverflow: auto;\n\theight: 100%;\n}\n.ui5-list-ul {\n\tlist-style-type: none;\n\tpadding: 0;\n\tmargin: 0;\n}\n.ui5-list-ul:focus {\n\toutline: none;\n}\n.ui5-list-focusarea {\n\tposition: fixed; /* keep it in the visible viewport, so that IE does not scroll on focus */\n}\n.ui5-list-header {\n\toverflow: hidden;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\tbox-sizing: border-box;\n\tfont-size: var(--sapFontHeader4Size); \n\tfont-family: \"72override\", var(--sapFontFamily);\n\tcolor: var(--sapGroup_TitleTextColor);\n\theight: 3rem;\n\tline-height: 3rem;\n\tpadding: 0 1rem;\n\tbackground-color: var(--sapGroup_TitleBackground);\n\tborder-bottom: 1px solid var(--sapGroup_TitleBorderColor);\n}\n.ui5-list-footer {\n\theight: 2rem;\n\tbox-sizing: border-box;\n\t-webkit-text-size-adjust: none;\t/* To improve readability Mobile Safari automatically increases the size of small text so let's disable this */\n\tfont-size: var(--sapFontSize);\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tline-height: 2rem;\n\tbackground-color: var(--sapList_FooterBackground);\n\tcolor: var(--ui5_list_footer_text_color);\n\tpadding: 0 1rem;\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n}\n.ui5-list-nodata {\n\tlist-style-type: none;\n\tdisplay: -webkit-box;\n\tdisplay: flex;\n\t-webkit-box-align: center;\n\talign-items: center;\n\t-webkit-box-pack: center;\n\tjustify-content: center;\n\tcolor: var(--sapTextColor);\n\tbackground-color: var(--sapList_Background);\n\tborder-bottom: 1px solid var(--sapList_BorderColor);\n\tpadding: 0 1rem !important;\n\theight: var(--_ui5_list_no_data_height);\n\tfont-size: var(--_ui5_list_no_data_font_size);\n\tfont-family: \"72override\", var(--sapFontFamily);\n}\n.ui5-list-nodata-text {\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/ListItem.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", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/ListItem.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([actionable]:not([disabled])){cursor:pointer}:host([selected][actionable]:not([active]):hover){background:var(--sapList_Hover_SelectionBackground)}:host([active][actionable]),:host([selected][active][actionable]){background:var(--sapList_Active_Background)}:host([actionable]:not([active]):not([selected]):hover){background:var(--sapList_Hover_Background)}:host([active][actionable]) .ui5-li-root.ui5-li--focusable .ui5-li-content:focus,:host([active][actionable]) .ui5-li-root.ui5-li--focusable:focus{outline-color:var(--sapContent_ContrastFocusColor)}:host([active][actionable]) .ui5-li-root .ui5-li-icon{color:var(--sapList_Active_TextColor)}:host([active][actionable]) .ui5-li-additional-text,:host([active][actionable]) .ui5-li-desc,:host([active][actionable]) .ui5-li-title{color:var(--sapList_Active_TextColor)}:host([additional-text-state=Warning]) .ui5-li-additional-text{color:var(--sapCriticalTextColor)}:host([additional-text-state=Success]) .ui5-li-additional-text{color:var(--sapPositiveTextColor)}:host([additional-text-state=Error]) .ui5-li-additional-text{color:var(--sapNegativeTextColor)}:host([additional-text-state=Information]) .ui5-li-additional-text{color:var(--sapInformativeTextColor)}:host([has-title][description]){height:5rem}:host([has-title][image]){height:5rem}:host([image]) .ui5-li-content{height:3rem}:host([description]) .ui5-li-root{padding:1rem}:host([description]) .ui5-li-content{height:3rem}:host([has-title][description]) .ui5-li-title{padding-bottom:.375rem}.ui5-li-text-wrapper{display:flex;flex-direction:column;flex:auto;min-width:1px;line-height:normal}:host([description]) .ui5-li-text-wrapper{height:100%;justify-content:space-between;padding:.125rem 0}.ui5-li-description-info-wrapper{display:flex;justify-content:space-between}.ui5-li-title{color:var(--sapTextColor);font-size:var(--_ui5_list_item_title_size)}.ui5-li-additional-text,.ui5-li-desc,:host(:not([wrapping-type=Normal])) .ui5-li-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([wrapping-type=Normal]){height:auto}:host([wrapping-type=Normal]) .ui5-li-content{margin:var(--_ui5_list_item_content_vertical_offset) 0}.ui5-li-desc{color:var(--sapContent_LabelColor);font-size:var(--sapFontSize)}.ui5-li-additional-text{margin:0 .25rem;color:var(--sapNeutralTextColor);font-size:.875rem;min-width:3.75rem;text-align:end;max-width:40%}:host([description]) .ui5-li-additional-text{align-self:flex-end}.ui5-li-img{width:var(--_ui5_list_item_img_size);min-width:var(--_ui5_list_item_img_size);height:var(--_ui5_list_item_img_size);min-height:var(--_ui5_list_item_img_size);margin-top:var(--_ui5_list_item_img_top_margin);margin-bottom:var(--_ui5_list_item_img_bottom_margin);margin-inline-end:var(--_ui5_list_item_img_hn_margin);border-radius:.25rem}.ui5-li-img-inner{object-fit:contain}.ui5-li-icon{min-width:var(--_ui5_list_item_icon_size);min-height:var(--_ui5_list_item_icon_size);color:var(--sapContent_NonInteractiveIconColor);padding-inline-end:var(--_ui5_list_item_icon_padding-inline-end)}.ui5-li-content{display:flex;align-items:center;flex:auto;overflow:hidden}.ui5-li-deletebtn,.ui5-li-detailbtn{display:flex;align-items:center;margin-left:var(--_ui5_list_buttons_left_space)}.ui5-li-multisel-cb,.ui5-li-singlesel-radiobtn{flex-shrink:0}:host([description]) .ui5-li-singlesel-radiobtn{align-self:flex-start;margin-top:var(--_ui5_list_item_selection_btn_margin_top)}:host([description]) .ui5-li-multisel-cb{align-self:flex-start;margin-top:var(--_ui5_list_item_selection_btn_margin_top)}:host([_mode=SingleSelectBegin]) .ui5-li-root{padding-inline:0 1rem}:host([_mode=MultiSelect]) .ui5-li-root{padding-inline:0 1rem}:host([_mode=SingleSelectEnd]) .ui5-li-root{padding-inline:1rem 0}:host [ui5-checkbox].ui5-li-singlesel-radiobtn{margin-right:var(--_ui5_list_item_cb_margin_right)}"
+    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/* actionable (type=\"Active\" + desktop) */\n\n:host([actionable]:not([disabled])) {\n\tcursor: pointer;\n}\n\n/* selected and hovered */\n\n:host([selected][actionable]:not([active]):hover) {\n\tbackground : var(--sapList_Hover_SelectionBackground);\n}\n\n/* selected and active */\n\n:host([active][actionable]),\n:host([selected][active][actionable]) {\n\tbackground: var(--sapList_Active_Background);\n}\n\n/* hovered */\n\n:host([actionable]:not([active]):not([selected]):hover) {\n\tbackground : var(--sapList_Hover_Background);\n}\n\n/* focused */\n\n:host([active][actionable]) .ui5-li-root.ui5-li--focusable:focus,\n:host([active][actionable]) .ui5-li-root.ui5-li--focusable .ui5-li-content:focus {\n\toutline-color: var(--sapContent_ContrastFocusColor);\n}\n\n/* navigated */\n\n:host([navigated]) .ui5-li-root .ui5-li-navigated {\n\twidth: 0.1875rem;\n\tposition: absolute;\n\tright: 0;\n\ttop: 0;\n\tbottom: 0;\n\tbackground-color: var(--sapList_SelectionBorderColor);\n}\n\n/* active */\n\n:host([active][actionable]) .ui5-li-root .ui5-li-icon {\n\tcolor: var(--sapList_Active_TextColor);\n}\n\n/* [ui5-li]: title, description, additionalTextState */\n\n:host([active][actionable]) .ui5-li-title,\n:host([active][actionable]) .ui5-li-desc,\n:host([active][actionable]) .ui5-li-additional-text {\n\tcolor: var(--sapList_Active_TextColor);\n}\n\n/* [ui5-li]: additionalTextState */\n\n:host([additional-text-state=\"Warning\"]) .ui5-li-additional-text {\n\tcolor: var(--sapCriticalTextColor);\n}\n\n:host([additional-text-state=\"Success\"]) .ui5-li-additional-text {\n\tcolor: var(--sapPositiveTextColor);\n}\n\n:host([additional-text-state=\"Error\"]) .ui5-li-additional-text {\n\tcolor: var(--sapNegativeTextColor);\n}\n\n:host([additional-text-state=\"Information\"]) .ui5-li-additional-text {\n\tcolor: var(--sapInformativeTextColor);\n}\n\n/* [ui5-li]: item with title and description */\n\n:host([has-title][description]) {\n\theight: 5rem;\n}\n\n:host([has-title][image]) {\n\theight: 5rem;\n}\n\n:host([_has-image-content]) {\n\theight: 5rem;\n}\n\n:host([image]) .ui5-li-content {\n\theight: 3rem;\n}\n\n:host([description]) .ui5-li-root {\n\tpadding: 1rem;\n}\n\n:host([description]) .ui5-li-content {\n\theight: 3rem;\n}\n\n:host([has-title][description]) .ui5-li-title {\n\tpadding-bottom: 0.375rem;\n}\n\n.ui5-li-text-wrapper {\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: auto;\n\tmin-width: 1px;\n\tline-height: normal;\n}\n\n:host([description]) .ui5-li-text-wrapper {\n\theight: 100%;\n\tjustify-content: space-between;\n\tpadding: 0.125rem 0;\n}\n\n.ui5-li-description-info-wrapper {\n\tdisplay: flex;\n\tjustify-content: space-between;\n}\n\n.ui5-li-title {\n\tcolor: var(--sapTextColor);\n\tfont-size: var(--_ui5_list_item_title_size);\n}\n\n.ui5-li-additional-text,\n:host(:not([wrapping-type=\"Normal\"])) .ui5-li-title,\n.ui5-li-desc {\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n}\n\n:host([wrapping-type=\"Normal\"]) {\n\theight: auto;\n}\n\n:host([wrapping-type=\"Normal\"]) .ui5-li-content {\n\tmargin: var(--_ui5_list_item_content_vertical_offset) 0;\n}\n\n.ui5-li-desc {\n\tcolor: var(--sapContent_LabelColor);\n\tfont-size: var(--sapFontSize);\n}\n\n.ui5-li-additional-text {\n\tmargin: 0 0.25rem;\n\tcolor: var(--sapNeutralTextColor);\n\tfont-size: 0.875rem;\n\tmin-width: 3.75rem;\n\ttext-align: end;\n\tmax-width: 40%;\n}\n\n:host([description]) .ui5-li-additional-text {\n\talign-self: flex-end;\n}\n\n.ui5-li-img {\n\twidth: var(--_ui5_list_item_img_size);\n\theight: var(--_ui5_list_item_img_size);\n\tborder-radius: var(--ui5-avatar-border-radius);\n}\n\n.ui5-li-img,\n.ui5-li-imgContent {\n\tmin-width: var(--_ui5_list_item_img_size);\n\tmin-height: var(--_ui5_list_item_img_size);\n\tmargin-top: var(--_ui5_list_item_img_top_margin);\n\tmargin-bottom: var(--_ui5_list_item_img_bottom_margin);\n\tmargin-inline-end: var(--_ui5_list_item_img_hn_margin);\n}\n\n.ui5-li-img-inner {\n\tobject-fit: contain;\n}\n\n.ui5-li-icon {\n\tmin-width: var(--_ui5_list_item_icon_size);\n\tmin-height: var(--_ui5_list_item_icon_size);\n\tcolor: var(--sapContent_NonInteractiveIconColor);\n\tpadding-inline-end: var(--_ui5_list_item_icon_padding-inline-end);\n}\n\n.ui5-li-content {\n\tdisplay: flex;\n\talign-items: center;\n\tflex: auto;\n\toverflow: hidden;\n}\n\n.ui5-li-detailbtn,\n.ui5-li-deletebtn {\n\tdisplay: flex;\n\talign-items: center;\n\tmargin-left: var(--_ui5_list_buttons_left_space);\n}\n\n.ui5-li-multisel-cb,\n.ui5-li-singlesel-radiobtn {\n\tflex-shrink: 0;\n}\n\n:host([description]) .ui5-li-singlesel-radiobtn {\n\talign-self: flex-start;\n\tmargin-top: var(--_ui5_list_item_selection_btn_margin_top);\n}\n\n:host([description]) .ui5-li-multisel-cb {\n\talign-self: flex-start;\n\tmargin-top: var(--_ui5_list_item_selection_btn_margin_top);\n}\n\n:host([_mode=\"SingleSelectBegin\"]) .ui5-li-root {\n\tpadding-inline: 0 1rem;\n}\n\n:host([_mode=\"MultiSelect\"]) .ui5-li-root {\n\tpadding-inline: 0 1rem;\n}\n\n:host([_mode=\"SingleSelectEnd\"]) .ui5-li-root {\n\tpadding-inline: 1rem 0;\n}\n\n:host [ui5-checkbox].ui5-li-singlesel-radiobtn {\n\tmargin-right: var(--_ui5_list_item_cb_margin_right);\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/ListItemBase.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", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/ListItemBase.css",
-    content: ":host(:not([hidden])){display:block}:host{height:var(--_ui5_list_item_base_height);background:var(--ui5-listitem-background-color);box-sizing:border-box;border-bottom:1px solid transparent}:host([selected]){background:var(--sapList_SelectionBackgroundColor)}:host([has-border]){border-bottom:var(--ui5-listitem-border-bottom)}:host([selected]){border-bottom:var(--ui5-listitem-selected-border-bottom)}:host(:not([focused])[selected][has-border]){border-bottom:var(--ui5-listitem-selected-border-bottom)}:host([focused][selected]){border-bottom:var(--ui5-listitem-focused-selected-border-bottom)}.ui5-li-root{position:relative;display:flex;align-items:center;width:100%;height:100%;padding:0 1rem 0 1rem;box-sizing:border-box}:host([focused]) .ui5-li-root.ui5-li--focusable{outline:none}:host([focused]) .ui5-li-root.ui5-li--focusable:after{content:\"\";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;top:.125rem;right:.125rem;bottom:.125rem;left:.125rem;pointer-events:none}:host([focused]) .ui5-li-content:focus: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([active][focused]) .ui5-li-root.ui5-li--focusable:after{border-color:var(--ui5-listitem-active-border-color)}:host([disabled]){opacity:var(--_ui5-listitembase_disabled_opacity);pointer-events:none}.ui5-li-content{max-width:100%;font-family:\"72override\",var(--sapFontFamily);color:var(--sapList_TextColor)}"
+    content: ":host(:not([hidden])) {\n\tdisplay: block;\n}\n\n:host {\n\theight: var(--_ui5_list_item_base_height);\n\tbackground: var(--ui5-listitem-background-color);\n\tbox-sizing: border-box;\n\tborder-bottom: 1px solid transparent;\n}\n\n/* selected */\n\n:host([selected]) {\n\tbackground: var(--sapList_SelectionBackgroundColor);\n}\n\n:host([has-border]) {\n\tborder-bottom: var(--ui5-listitem-border-bottom);\n}\n\n:host([selected]) {\n\tborder-bottom: var(--ui5-listitem-selected-border-bottom);\n}\n\n:host(:not([focused])[selected][has-border]) {\n\tborder-bottom: var(--ui5-listitem-selected-border-bottom);\n}\n\n/* focused & selected */\n\n:host([focused][selected]) {\n\tborder-bottom: var(--ui5-listitem-focused-selected-border-bottom);\n}\n\n.ui5-li-root {\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n\twidth: 100%;\n\theight: 100%;\n\tpadding: 0 1rem 0 1rem;\n\tbox-sizing: border-box;\n}\n\n/* focused */\n\n:host([focused]) .ui5-li-root.ui5-li--focusable {\n\toutline: none;\n}\n\n:host([focused]) .ui5-li-root.ui5-li--focusable:after {\n\tcontent: \"\";\n\tborder: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n\tposition: absolute;\n\ttop: 0.125rem;\n\tright: 0.125rem;\n\tbottom: 0.125rem;\n\tleft: 0.125rem;\n\tpointer-events: none;\n}\n\n:host([focused]) .ui5-li-content:focus: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([active][focused]) .ui5-li-root.ui5-li--focusable:after {\n\tborder-color: var(--ui5-listitem-active-border-color);\n}\n\n:host([disabled]) {\n    opacity: var(--_ui5-listitembase_disabled_opacity);\n    pointer-events: none;\n}\n\n.ui5-li-content {\n\tmax-width: 100%;\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tcolor: var(--sapList_TextColor);\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/Menu.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", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/Menu.css",
-    content: ".ui5-menu-rp[ui5-responsive-popover]::part(content),.ui5-menu-rp[ui5-responsive-popover]::part(footer),.ui5-menu-rp[ui5-responsive-popover]::part(header){padding:0}.ui5-menu-rp[ui5-responsive-popover]{box-shadow:var(--sapContent_Shadow1);border-radius:var(--_ui5_menu_popover_border_radius);max-width:20rem}.ui5-menu-item-icon-end{display:inline-block;vertical-align:middle;padding-inline-start:.5rem;float:var(--_ui5-menu_item_icon_float)}.ui5-menu-item-no-icon-end{min-width:var(--_ui5_list_item_icon_size);min-height:var(--_ui5_list_item_icon_size);display:inline-block;vertical-align:middle;padding-inline-start:.5rem;float:var(--_ui5-menu_item_icon_float)}.ui5-menu-item-dummy-icon{min-width:var(--_ui5_list_item_icon_size);min-height:var(--_ui5_list_item_icon_size);display:inline-block;vertical-align:middle;padding-inline-end:.5rem}.ui5-menu-dialog-header{display:flex;height:var(--_ui5-responsive_popover_header_height);align-items:center;justify-content:space-between;padding:0 1rem;width:100%;overflow:hidden}.ui5-menu-dialog-title{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:calc(100% - 6.5rem);padding-right:1rem}.ui5-menu-dialog-title>div{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui5-menu-back-button{margin-right:1rem}.ui5-menu-item:not([is-phone])::part(native-li){padding:var(--_ui5_menu_item_padding)}.ui5-menu-item[starts-section]{border-top:1px solid var(--sapGroup_ContentBorderColor)}.ui5-menu-item[active] .ui5-menu-item-icon-end{color:var(--sapList_Active_TextColor)}.ui5-menu-item[focused]:not([active]){background-color:var(--sapList_Hover_Background)}.ui5-menu-rp[sub-menu]{margin-top:.25rem;margin-inline:var(--_ui5_menu_submenu_margin_offset)}"
+    content: "\n.ui5-menu-rp[ui5-responsive-popover]::part(header),\n.ui5-menu-rp[ui5-responsive-popover]::part(content),\n.ui5-menu-rp[ui5-responsive-popover]::part(footer) {\n\tpadding: 0;\n}\n\n.ui5-menu-rp[ui5-responsive-popover] {\n\tbox-shadow: var(--sapContent_Shadow1);\n\tborder-radius: var(--_ui5_menu_popover_border_radius);\n\tmax-width: 20rem;\n}\n\n.ui5-menu-item-icon-end {\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tpadding-inline-start: 0.5rem;\n\tpointer-events: none;\n\tposition: absolute;\n\tinset-inline-end: var(--_ui5_menu_item_submenu_icon_right);\n}\n\n.ui5-menu-item-no-icon-end {\n\tmin-width: var(--_ui5_list_item_icon_size);\n\tmin-height: var(--_ui5_list_item_icon_size);\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tpadding-inline-start: 0.5rem;\n\tpointer-events: none;\n\tinset-inline-end: var(--_ui5_menu_item_submenu_icon_right);\n}\n\n.ui5-menu-item[additional-text] .ui5-menu-item-no-icon-end {\n\tdisplay: none;\n}\n\n.ui5-menu-item-dummy-icon {\n\tmin-width: var(--_ui5_list_item_icon_size);\n\tmin-height: var(--_ui5_list_item_icon_size);\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tpadding-inline-end: 0.5rem;\n\tpointer-events: none;\n}\n\n.ui5-menu-busy-indicator {\n\twidth: 100%;\n}\n\n.ui5-menu-dialog-header {\n\tdisplay: flex;\n\theight: var(--_ui5-responsive_popover_header_height);\n\talign-items: center;\n\tjustify-content: space-between;\n\tpadding: 0px 1rem;\n\twidth: 100%;\n\toverflow: hidden;\n}\n\n.ui5-menu-dialog-title {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: flex-start;\n\twidth: calc(100% - 6.5rem);\n\tpadding-right: 1rem;\n}\n\n.ui5-menu-dialog-title > div {\n\tdisplay: inline-block;\n\tmax-width: 100%;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n}\n\n.ui5-menu-back-button {\n\tmargin-right: 1rem;\n}\n\n.ui5-menu-item::part(title) {\n    font-size: var(--sapFontSize);\n\tpadding-top: 0.125rem;\n}\n\n.ui5-menu-item[icon]:not([is-phone])::part(title),\n.ui5-menu-item[is-phone]:not([icon=\"\"])::part(title) {\n\tpadding-top: 0;\n}\n\n.ui5-menu-item:not([is-phone])::part(native-li) {\n\tpadding: var(--_ui5_menu_item_padding);\n}\n\n.ui5-menu-item[starts-section] {\n\tborder-top: 1px solid var(--sapGroup_ContentBorderColor);\n}\n\n.ui5-menu-item[active] .ui5-menu-item-icon-end {\n\tcolor: var(--sapList_Active_TextColor);\n}\n\n.ui5-menu-item[focused]:not([active]) {\n\tbackground-color: var(--sapList_Hover_Background);\n}\n\n.ui5-menu-rp[sub-menu] {\n\tmargin-top: 0.25rem;\n\tmargin-inline: var(--_ui5_menu_submenu_margin_offset);\n}\n\n.ui5-menu-rp[sub-menu][actual-placement-type=\"Left\"] {\n\tmargin-top: 0.25rem;\n\tmargin-inline: var(--_ui5_menu_submenu_placement_type_left_margin_offset);\n}\n\n.ui5-menu-item::part(additional-text) {\n\tmargin-inline-start: var(--_ui5_menu_item_additional_text_start_margin);\n\tcolor: var(--sapContent_LabelColor);\n\tmin-width: max-content;\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/MessageStrip.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", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/MessageStrip.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%}.ui5-message-strip-root{width:100%;height:100%;display:flex;border-radius:var(--sapPopover_BorderCornerRadius);padding:var(--_ui5_message_strip_padding);border-width:var(--_ui5_message_strip_border_width);border-style:solid;box-sizing:border-box;position:relative}.ui5-message-strip-root-hide-icon{padding-inline:var(--_ui5_message_strip_padding_inline_no_icon);padding-block:var(--_ui5_message_strip_padding_block_no_icon)}.ui5-message-strip-root-hide-close-button{padding-inline-end:1rem}.ui5-message-strip-root--info{background-color:var(--sapInformationBackground);border-color:var(--sapMessage_InformationBorderColor);color:var(--sapTextColor)}.ui5-message-strip-root--info .ui5-message-strip-icon{color:var(--sapInformativeElementColor)}.ui5-message-strip-root--positive{background-color:var(--sapSuccessBackground);border-color:var(--sapMessage_SuccessBorderColor)}.ui5-message-strip-root--positive .ui5-message-strip-icon{color:var(--sapPositiveElementColor)}.ui5-message-strip-root--negative{background-color:var(--sapErrorBackground);border-color:var(--sapMessage_ErrorBorderColor)}.ui5-message-strip-root--negative .ui5-message-strip-icon{color:var(--sapNegativeElementColor)}.ui5-message-strip-root--warning{background-color:var(--sapWarningBackground);border-color:var(--sapMessage_WarningBorderColor)}.ui5-message-strip-root--warning .ui5-message-strip-icon{color:var(--sapCriticalElementColor)}.ui5-message-strip-icon-wrapper{position:absolute;top:var(--_ui5_message_strip_icon_top);inset-inline-start:.75rem;box-sizing:border-box}.ui5-message-strip-text{width:100%;color:var(--sapTextColor);line-height:1.2;font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSize)}.ui5-message-strip-close-button{width:2rem;min-width:2rem;height:1.65rem;min-height:1.65rem;position:absolute;top:var(--_ui5_message_strip_close_button_top);inset-inline-end:var(--_ui5_message_strip_close_button_right)}"
+    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/** Root classes **/\n\n.ui5-message-strip-root {\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: flex;\n\tborder-radius: var(--sapPopover_BorderCornerRadius);\n\tpadding: var(--_ui5_message_strip_padding);\n\tborder-width: var(--_ui5_message_strip_border_width);\n\tborder-style: solid;\n\tbox-sizing: border-box;\n\tposition: relative;\n}\n\n.ui5-message-strip-root-hide-icon {\n\tpadding-inline: var(--_ui5_message_strip_padding_inline_no_icon);\n\tpadding-block: var(--_ui5_message_strip_padding_block_no_icon);\n}\n\n.ui5-message-strip-root-hide-close-button {\n\tpadding-inline-end: 1rem;\n}\n\n.ui5-message-strip-root--info {\n\tbackground-color: var(--sapInformationBackground);\n\tborder-color: var(--sapMessage_InformationBorderColor);\n\tcolor: var(--sapTextColor);\n}\n\n.ui5-message-strip-root--info .ui5-message-strip-icon {\n\tcolor: var(--sapInformativeElementColor);\n}\n\n.ui5-message-strip-root--positive {\n\tbackground-color: var(--sapSuccessBackground);\n\tborder-color: var(--sapMessage_SuccessBorderColor);\n}\n\n.ui5-message-strip-root--positive .ui5-message-strip-icon {\n\tcolor: var(--sapPositiveElementColor);\n}\n\n.ui5-message-strip-root--negative {\n\tbackground-color: var(--sapErrorBackground);\n\tborder-color: var(--sapMessage_ErrorBorderColor);\n}\n\n.ui5-message-strip-root--negative .ui5-message-strip-icon {\n\tcolor: var(--sapNegativeElementColor);\n}\n\n.ui5-message-strip-root--warning {\n\tbackground-color: var(--sapWarningBackground);\n\tborder-color: var(--sapMessage_WarningBorderColor);\n}\n\n.ui5-message-strip-root--warning .ui5-message-strip-icon {\n\tcolor: var(--sapCriticalElementColor);\n}\n\n/** Icon wrapper **/\n\n.ui5-message-strip-icon-wrapper {\n\tposition: absolute;\n\ttop: var(--_ui5_message_strip_icon_top);\n\tinset-inline-start: 0.75rem;\n\tbox-sizing: border-box;\n}\n\n/** Text **/\n\n.ui5-message-strip-text {\n\twidth: 100%;\n\tcolor: var(--sapTextColor);\n\tline-height: 1.2;\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-size: var(--sapFontSize);\n}\n\n/** Close button - always in compact mode **/\n\n.ui5-message-strip-close-button {\n\twidth: 2rem;\n\tmin-width: 2rem;\n\theight: 1.65rem;\n\tmin-height: 1.65rem;\n\tposition: absolute;\n\ttop: var(--_ui5_message_strip_close_button_top);\n\tinset-inline-end: var(--_ui5_message_strip_close_button_right);\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/MonthPicker.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", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/MonthPicker.css",
-    content: ":host(:not([hidden])){display:block}:host{width:100%;height:100%}.ui5-mp-root{padding:2rem 0 1rem 0;display:flex;flex-direction:column;font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSize);justify-content:center;align-items:center}.ui5-mp-item{display:flex;width:calc(33.333% - .125rem);height:var(--_ui5_month_picker_item_height);color:var(--sapButton_Lite_TextColor);background-color:var(--sapLegend_WorkingBackground);align-items:center;justify-content:center;margin:var(--_ui5_monthpicker_item_margin);box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;outline:none;position:relative;border:var(--_ui5_monthpicker_item_border);border-radius:var(--_ui5_monthpicker_item_border_radius)}.ui5-mp-item:hover{background-color:var(--sapList_Hover_Background)}.ui5-mp-item.ui5-mp-item--selected{box-shadow:var(--_ui5_monthpicker_item_selected_box_shadow);font-weight:var(--_ui5_monthpicker_item_selected_font_wieght);background-color:var(--_ui5_monthpicker_item_selected_background_color);color:var(--_ui5_monthpicker_item_selected_text_color)}.ui5-mp-item.ui5-mp-item--disabled{pointer-events:none;opacity:.5}.ui5-mp-item.ui5-mp-item--selected:focus{background-color:var(--sapContent_Selected_Background)}.ui5-mp-item.ui5-mp-item--selected:focus:after{border-color:var(--sapContent_ContrastFocusColor)}.ui5-mp-item.ui5-mp-item--selected:hover{background-color:var(--_ui5_monthpicker_item_selected_hover_color)}.ui5-mp-item:focus:after{content:\"\";position:absolute;border:var(--_ui5_button_focused_border);inset:0;border-radius:var(--_ui5_monthpicker_item_focus_after_border_radius)}.ui5-mp-quarter{display:flex;justify-content:center;align-items:center;width:100%}"
+    content: ":host(:not([hidden])) {\n\tdisplay: block;\n}\n\n:host {\n\twidth: 100%;\n\theight: 100%;\n}\n\n.ui5-mp-root {\n\tpadding: 2rem 0 1rem 0;\n\tdisplay: flex;\n\tflex-direction: column;\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-size: var(--sapFontSize);\n\tjustify-content: center;\n\talign-items: center;\n}\n\n.ui5-mp-item {\n\tdisplay: flex;\n\tflex-direction: column;\n\twidth: calc(33.333% - 0.125rem);\n\theight: var(--_ui5_month_picker_item_height);\n\tcolor: var(--sapButton_Lite_TextColor);\n\tbackground-color: var(--sapLegend_WorkingBackground);\n\talign-items: center;\n\tjustify-content: center;\n\tmargin: var(--_ui5_monthpicker_item_margin);\n\tbox-sizing: border-box;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\tuser-select: none;\n\tcursor: default;\n\toutline: none;\n\tposition: relative;\n\tborder: var(--_ui5_monthpicker_item_border);\n\tborder-radius: var(--_ui5_monthpicker_item_border_radius);\n}\n\n.ui5-dp-monthsectext {\n\tfont-size: 0.75rem;\n\tcolor: var(--sapNeutralElementColor);\n}\n\n.ui5-mp-item:hover {\n\tbackground-color: var(--sapList_Hover_Background);\n}\n\n.ui5-mp-item.ui5-mp-item--selected,\n.ui5-mp-item.ui5-mp-item--selected .ui5-dp-monthsectext {\n\tbox-shadow: var(--_ui5_monthpicker_item_selected_box_shadow);\n\tfont-weight: var(--_ui5_monthpicker_item_selected_font_wieght);\n\tbackground-color: var(--_ui5_monthpicker_item_selected_background_color);\n\tcolor: var(--_ui5_monthpicker_item_selected_text_color);\n}\n\n.ui5-mp-item.ui5-mp-item--disabled {\n\tpointer-events: none;\n\topacity: 0.5;\n}\n\n.ui5-mp-item.ui5-mp-item--selected:focus {\n\tbackground-color: var(--sapContent_Selected_Background);\n}\n\n.ui5-mp-item.ui5-mp-item--selected:focus::after {\n\tborder-color: var(--_ui5_monthpicker_item_focus_after_border);\n}\n\n.ui5-mp-item.ui5-mp-item--selected:hover {\n\tbackground-color: var(--_ui5_monthpicker_item_selected_hover_color);\n}\n\n.ui5-mp-item:focus::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tborder: var(--_ui5_button_focused_border);\n\tinset: 0;\n\tborder-radius: var(--_ui5_monthpicker_item_focus_after_border_radius);\n}\n\n.ui5-mp-quarter {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\twidth: 100%;\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/MultiComboBox.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", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/MultiComboBox.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}[input-icon]{color:var(--_ui5_input_icon_color);cursor:pointer;outline:none;padding:var(--_ui5_input_icon_padding);border-inline-start:var(--_ui5_input_icon_border);min-width:1rem;min-height:1rem;border-radius:var(--_ui5_input_icon_border_radius)}[input-icon][pressed]{background:var(--_ui5_input_icon_pressed_bg);box-shadow:var(--_ui5_input_icon_box_shadow);border-inline-start:var(--_ui5_select_hover_icon_left_border);color:var(--_ui5_input_icon_pressed_color)}[input-icon]:active{background-color:var(--sapButton_Active_Background);box-shadow:var(--_ui5_input_icon_box_shadow);border-inline-start:var(--_ui5_select_hover_icon_left_border);color:var(--_ui5_input_icon_pressed_color)}[input-icon]:not([pressed]):not(:active):hover{background:var(--_ui5_input_icon_hover_bg);box-shadow:var(--_ui5_input_icon_box_shadow)}[input-icon]:hover{border-inline-start:var(--_ui5_select_hover_icon_left_border);box-shadow:var(--_ui5_input_icon_box_shadow)}:host{width:var(--_ui5_input_width);min-width:var(--_ui5_input_width);height:var(--_ui5_input_height);color:var(--sapField_TextColor);font-size:var(--sapFontSize);font-family:\"72override\",var(--sapFontFamily);font-style:normal;border:var(--_ui5-input-border);border-radius:var(--_ui5_input_border_radius);box-sizing:border-box;line-height:normal;letter-spacing:normal;word-spacing:normal;text-align:start;transition:var(--_ui5_input_transition);background:var(--sapField_BackgroundStyle);background-color:var(--_ui5_input_background_color)}:host([focused]){border-color:var(--_ui5_input_focused_border_color);background-color:var(--sapField_Focus_Background)}.ui5-input-focusable-element{position:relative}:host([focused]) .ui5-input-focusable-element:after{content:var(--ui5_input_focus_pseudo_element_content);position:absolute;pointer-events:none;z-index:2;border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_input_focus_outline_color);border-radius:var(--_ui5_input_focus_border_radius);top:var(--_ui5_input_focus_offset);bottom:var(--_ui5_input_focus_offset);left:var(--_ui5_input_focus_offset);right:var(--_ui5_input_focus_offset)}.ui5-input-root:before{content:\"\";position:absolute;width:calc(100% - 2px);left:1px;bottom:-2px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;height:var(--_ui5_input_bottom_border_height);transition:var(--_ui5_input_transition);background-color:var(--_ui5_input_bottom_border_color)}.ui5-input-root{width:100%;height:100%;position:relative;background:transparent;display:inline-block;outline:none;box-sizing:border-box;color:inherit;transition:border-color .2s ease-in-out;border-radius:var(--_ui5_input_border_radius);overflow:hidden}:host([disabled]){opacity:var(--_ui5_input_disabled_opacity);cursor:default;pointer-events:none;background-color:var(--_ui5-input_disabled_background);border-color:var(--_ui5_input_disabled_border_color)}:host([disabled]) .ui5-input-root:before,:host([readonly]) .ui5-input-root:before{content:none}[inner-input]{background:transparent;color:inherit;border:none;font-style:inherit;-webkit-appearance:none;-moz-appearance:textfield;padding:var(--_ui5_input_inner_padding);box-sizing:border-box;min-width:inherit;width:100%;text-overflow:ellipsis;flex:1;outline:none;font-size:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit;word-spacing:inherit;text-align:inherit}[inner-input][inner-input-with-icon]{padding:var(--_ui5_input_inner_padding_with_icon)}.ui5-input-value-state-icon{height:100%;display:var(--_ui5-input-value-state-icon-display);align-items:center}.ui5-input-value-state-icon>svg{margin-right:8px}[inner-input]::selection{background:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}:host([disabled]) [inner-input]::-webkit-input-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-webkit-input-placeholder{visibility:hidden}:host([disabled]) [inner-input]::-moz-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-moz-placeholder{visibility:hidden}[inner-input]::-webkit-input-placeholder{font-weight:400;font-style:var(--_ui5_input_placeholder_style);color:var(--_ui5_input_placeholder_color);padding-right:.125rem}[inner-input]::-moz-placeholder{font-weight:400;font-style:var(--_ui5_input_placeholder_style);color:var(--_ui5_input_placeholder_color);padding-right:.125rem}:host([value-state=Error]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input_error_placeholder_color);font-weight:var(--_ui5_input_value_state_error_placeholder_font_weight)}:host([value-state=Error]) [inner-input]::-moz-placeholder{color:var(--_ui5-input_error_placeholder_color);font-weight:var(--_ui5_input_value_state_error_placeholder_font_weight)}:host([value-state=Success]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5_input_value_state_success_border_botom_color)}:host([value-state=Success]) [inner-input]::-moz-placeholder{color:var(--_ui5_input_value_state_success_border_botom_color)}:host([value-state=Information]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5_input_value_success_information_border_botom_color)}:host([value-state=Information]) [inner-input]::-moz-placeholder{color:var(--_ui5_input_value_success_information_border_botom_color)}.ui5-input-content{height:100%;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-end;overflow:hidden;outline:none;background:transparent;color:inherit;border-radius:var(--_ui5_input_border_radius)}:host([readonly]){border-color:var(--_ui5_input_readonly_border_color);background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--_ui5_input_readonly_background)}:host(:not([value-state]):not([readonly]):hover),:host([value-state=None]:not([readonly]):hover){border:var(--_ui5_input_hover_border);border-color:var(--_ui5_input_focused_border_color);box-shadow:var(--_ui5_input_hover_box_shadow);background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background)}:host(:not([value-state]):not([readonly])[focused]:hover),:host([value-state=None]:not([readonly])[focused]:hover){box-shadow:none}:host([focused]) .ui5-input-root:before{content:none}:host(:not([readonly]):not([disabled])[value-state]:not([value-state=None])){border-width:var(--_ui5_input_state_border_width)}:host([value-state=Error]) [inner-input],:host([value-state=Warning]) [inner-input]{font-style:var(--_ui5_input_error_warning_font_style);text-indent:var(--_ui5_input_error_warning_text_indent)}:host([value-state=Error]) [inner-input]{font-weight:var(--_ui5_input_error_font_weight)}:host([value-state=Warning]) [inner-input]{font-weight:var(--_ui5_input_warning_font_weight)}:host([value-state=Error]:not([readonly]):not([disabled])){background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border-color:var(--_ui5_input_value_state_error_border_color)}:host([value-state=Error][focused]:not([readonly])){background-color:var(--_ui5_input_focused_value_state_error_background);border-color:var(--_ui5_input_focused_value_state_error_border_color)}:host([value-state=Error][focused]:not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5_input_focused_value_state_error_focus_outline_color)}:host([value-state=Error]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-input-value-state-error-border-botom-color)}:host([value-state=Error]:not([readonly]):not([focused]):hover){background-color:var(--_ui5_input_value_state_error_hover_background);box-shadow:var(--_ui5_input_value_state_error_hover_box_shadow)}:host([value-state=Error]:not([readonly]):not([disabled])),:host([value-state=Information]:not([readonly]):not([disabled])),:host([value-state=Warning]:not([readonly]):not([disabled])){border-style:var(--_ui5_input_error_warning_border_style)}:host([value-state=Warning]:not([readonly]):not([disabled])){background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border-color:var(--_ui5_input_value_state_warning_border_color)}:host([value-state=Warning][focused]:not([readonly])){background-color:var(--_ui5_input_focused_value_state_warning_background);border-color:var(--_ui5_input_focused_value_state_warning_border_color)}:host([value-state=Warning][focused]:not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5_input_focused_value_state_warning_focus_outline_color)}:host([value-state=Warning]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5_input_value_state_warning_border_botom_color)}:host([value-state=Warning]:not([readonly]):not([focused]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5_input_value_state_warning_hover_box_shadow)}:host([value-state=Success]:not([readonly]):not([disabled])){background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border-color:var(--_ui5_input_value_state_success_border_color);border-width:var(--_ui5_input_value_state_success_border_width)}:host([value-state=Success][focused]:not([readonly])){background-color:var(--_ui5_input_focused_value_state_success_background);border-color:var(--_ui5_input_focused_value_state_success_border_color)}:host([value-state=Success][focused]:not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5_input_focused_value_state_success_focus_outline_color)}:host([value-state=Success]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5_input_value_state_success_border_botom_color)}:host([value-state=Success]:not([readonly]):not([focused]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5_input_value_state_success_hover_box_shadow)}:host([value-state=Information]:not([readonly]):not([disabled])){background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border-color:var(--_ui5_input_value_state_information_border_color);border-width:var(--_ui5_input_information_border_width)}:host([value-state=Information][focused]:not([readonly])){background-color:var(--_ui5_input_focused_value_state_information_background);border-color:var(--_ui5_input_focused_value_state_information_border_color)}:host([value-state=Information]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5_input_value_success_information_border_botom_color)}:host([value-state=Information]:not([readonly]):not([focused]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5_input_value_state_information_hover_box_shadow)}.ui5-input-icon-root{min-width:var(--_ui5_input_icon_min_width);height:100%;display:flex;justify-content:center;align-items:center}::slotted([ui5-icon][slot=icon]){align-self:start;padding:var(--_ui5_input_custom_icon_padding)}:host([value-state=Error]) [input-icon],:host([value-state=Warning]) [input-icon]{padding:var(--_ui5_input_error_warning_icon_padding)}:host([value-state=Information]) [input-icon]{padding:var(--_ui5_input_information_icon_padding)}:host([value-state=Error]) ::slotted([input-icon][ui5-icon]),:host([value-state=Error]) ::slotted([ui5-icon][slot=icon]),:host([value-state=Warning]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5_input_error_warning_custom_icon_padding)}:host([value-state=Information]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5_input_information_custom_icon_padding)}:host([value-state=Error]) [input-icon]:active,:host([value-state=Error]) [input-icon][pressed]{box-shadow:var(--_ui5_input_error_icon_box_shadow);color:var(--_ui5_input_icon_error_pressed_color)}:host([value-state=Error]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5_input_error_icon_box_shadow)}:host([value-state=Warning]) [input-icon]:active,:host([value-state=Warning]) [input-icon][pressed]{box-shadow:var(--_ui5_input_warning_icon_box_shadow);color:var(--_ui5_input_icon_warning_pressed_color)}:host([value-state=Warning]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5_input_warning_icon_box_shadow)}:host([value-state=Information]) [input-icon]:active,:host([value-state=Information]) [input-icon][pressed]{box-shadow:var(--_ui5_input_information_icon_box_shadow);color:var(--_ui5_input_icon_information_pressed_color)}:host([value-state=Information]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5_input_information_icon_box_shadow)}:host([value-state=Success]) [input-icon]:active,:host([value-state=Success]) [input-icon][pressed]{box-shadow:var(--_ui5_input_success_icon_box_shadow);color:var(--_ui5_input_icon_success_pressed_color)}:host([value-state=Success]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5_input_success_icon_box_shadow)}[inner-input]::-webkit-inner-spin-button,[inner-input]::-webkit-outer-spin-button{-webkit-appearance:inherit;margin:inherit}:host(:not([hidden])){display:inline-block}.ui5-multi-combobox-root{display:flex;overflow:hidden;width:100%;height:100%;border-radius:var(--_ui5_input_border_radius)}.ui5-multi-combobox-tokenizer{max-width:calc(100% - 3rem - var(--_ui5_input_icon_min_width));border:none;width:auto;min-width:0;height:100%}:host([readonly]) .ui5-multi-combobox-tokenizer::part(n-more-text){color:var(--sapLinkColor)}"
+    content: ":host {\n\tvertical-align: middle;\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\tThis CSS file enables visual alignment of all icons within input elements.\n\tAPI:\n\t- add input-icon attribute to an icon\n\t- [Optional] pressed attribute set to the icon will enable additional styling (check MultiComboBox, Select, etc.)\n*/\n[input-icon] {\n\tcolor: var(--_ui5_input_icon_color);\n\tcursor: pointer;\n\toutline: none;\n\tpadding: var(--_ui5_input_icon_padding);\n\tborder-inline-start: var(--_ui5_input_icon_border);\n\tmin-width: 1rem;\n\tmin-height: 1rem;\n\tborder-radius: var(--_ui5_input_icon_border_radius);\n}\n[input-icon][pressed] {\n\tbackground: var(--_ui5_input_icon_pressed_bg);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\n\tcolor: var(--_ui5_input_icon_pressed_color);\n}\n[input-icon]:active {\n\tbackground-color: var(--sapButton_Active_Background);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\n\tcolor: var(--_ui5_input_icon_pressed_color);\n}\n[input-icon]:not([pressed]):not(:active):hover {\n\tbackground: var(--_ui5_input_icon_hover_bg);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n}\n[input-icon]:hover {\n\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n}\n:host(:not([hidden])) {\n\tdisplay: inline-block;\n}\n:host {\n\twidth: var(--_ui5_input_width);\n\tmin-width: calc(var(--_ui5_input_min_width) + (var(--_ui5-input-icons-count)*var(--_ui5_input_icon_width)));\n\tmargin: var(--_ui5_input_margin_top_bottom) 0;\n\theight: var(--_ui5_input_height);\n\tcolor: var(--sapField_TextColor);\n\tfont-size: var(--sapFontSize);\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-style: normal;\n\tborder: var(--_ui5-input-border);\n\tborder-radius: var(--_ui5_input_border_radius);\n\tbox-sizing: border-box;\n\ttext-align: start;\n\ttransition: var(--_ui5_input_transition);\n\tbackground: var(--sapField_BackgroundStyle);\n\tbackground-color: var(--_ui5_input_background_color);\n}\n:host(:not([readonly])) {\n\tbox-shadow: var(--sapField_Shadow);\n}\n:host([focused]:not([opened])) {\n\tborder-color: var(--_ui5_input_focused_border_color);\n\tbackground-color: var(--sapField_Focus_Background);\n}\n.ui5-input-focusable-element {\n\tposition: relative;\n}\n:host([focused]:not([opened])) .ui5-input-focusable-element::after {\n\tcontent: var(--ui5_input_focus_pseudo_element_content);\n\tposition: absolute;\n\tpointer-events: none;\n\tz-index: 2;\n\tborder: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_input_focus_outline_color);\n\tborder-radius: var(--_ui5_input_focus_border_radius);\n\ttop: var(--_ui5_input_focus_offset);\n\tbottom: var(--_ui5_input_focus_offset);\n\tleft: var(--_ui5_input_focus_offset);\n\tright: var(--_ui5_input_focus_offset);\n}\n.ui5-input-root::before {\n\tcontent: \"\";\n\tposition: absolute;\n\twidth: calc(100% - 2px);\n\tleft: 1px;\n\tbottom: -2px;\n\tborder-bottom-left-radius: 8px;\n\tborder-bottom-right-radius: 8px;\n\theight: var(--_ui5_input_bottom_border_height);\n\ttransition: var(--_ui5_input_transition);\n\tbackground-color: var(--_ui5_input_bottom_border_color);\n}\n.ui5-input-root {\n\twidth: 100%;\n\theight: 100%;\n\tposition: relative;\n\tbackground: transparent;\n\tdisplay: inline-block;\n\toutline: none;\n\tbox-sizing: border-box;\n\tcolor: inherit;\n\ttransition: border-color .2s ease-in-out;\n\tborder-radius: var(--_ui5_input_border_radius);\n\toverflow: hidden;\n}\n:host([disabled]) {\n\topacity: var(--_ui5_input_disabled_opacity);\n\tcursor: default;\n\tpointer-events: none;\n\tbackground-color: var(--_ui5-input_disabled_background);\n\tborder-color: var(--_ui5_input_disabled_border_color);\n}\n:host([disabled]) .ui5-input-root::before,\n:host([readonly]) .ui5-input-root::before {\n\tcontent: none;\n}\n[inner-input] {\n\tbackground: transparent;\n\tcolor: inherit;\n\tborder: none;\n\tfont-style: inherit;\n\t-webkit-appearance: none;\n\t-moz-appearance: textfield;\n\tpadding: var(--_ui5_input_inner_padding);\n\tbox-sizing: border-box;\n\tmin-width: var(--_ui5_input_min_width);\n\twidth: 100%;\n\ttext-align: inherit;\n\ttext-overflow: ellipsis;\n\tflex: 1;\n\toutline: none;\n\tfont-size: inherit;\n\tfont-family: inherit;\n\tline-height: inherit;\n\tletter-spacing: inherit;\n\tword-spacing: inherit;\n\ttext-align: inherit;\n}\n[inner-input][inner-input-with-icon] {\n\tpadding: var(--_ui5_input_inner_padding_with_icon);\n}\n.ui5-input-value-state-icon {\n\theight: 100%;\n\tdisplay: var(--_ui5-input-value-state-icon-display);\n\talign-items: center;\n}\n.ui5-input-value-state-icon > svg {\n\tmargin-right: 8px;\n}\n[inner-input]::selection {\n\tbackground: var(--sapSelectedColor);\n\tcolor: var(--sapContent_ContrastTextColor);\n}\n/* Input placeholder */\n:host([disabled]) [inner-input]::-webkit-input-placeholder {\n\tvisibility: hidden;\n}\n:host([readonly]) [inner-input]::-webkit-input-placeholder {\n\tvisibility: hidden;\n}\n:host([disabled]) [inner-input]::-moz-placeholder {\n\tvisibility: hidden;\n}\n:host([readonly]) [inner-input]::-moz-placeholder {\n\tvisibility: hidden;\n}\n[inner-input]::-webkit-input-placeholder {\n\tfont-weight: normal;\n\tfont-style: var(--_ui5_input_placeholder_style);\n\tcolor: var(--_ui5_input_placeholder_color);\n\tpadding-right: 0.125rem;\n}\n[inner-input]::-moz-placeholder {\n\tfont-weight: normal;\n\tfont-style: var(--_ui5_input_placeholder_style);\n\tcolor: var(--_ui5_input_placeholder_color);\n\tpadding-right: 0.125rem;\n}\n:host([value-state=\"Error\"]) [inner-input]::-webkit-input-placeholder {\n\tcolor: var(--_ui5-input_error_placeholder_color);\n\tfont-weight: var(--_ui5_input_value_state_error_warning_placeholder_font_weight);\n}\n:host([value-state=\"Error\"]) [inner-input]::-moz-placeholder {\n\tcolor: var(--_ui5-input_error_placeholder_color);\n\tfont-weight: var(--_ui5_input_value_state_error_warning_placeholder_font_weight);\n}\n:host([value-state=\"Warning\"]) [inner-input]::-webkit-input-placeholder {\n\tfont-weight: var(--_ui5_input_value_state_error_warning_placeholder_font_weight);\n}\n:host([value-state=\"Warning\"]) [inner-input]::-moz-placeholder {\n\tfont-weight: var(--_ui5_input_value_state_error_warning_placeholder_font_weight);\n}\n:host([value-state=\"Success\"]) [inner-input]::-webkit-input-placeholder {\n\tcolor: var(--_ui5_input_placeholder_color);\n}\n:host([value-state=\"Success\"]) [inner-input]::-moz-placeholder {\n\tcolor: var(--_ui5_input_placeholder_color);\n}\n:host([value-state=\"Information\"]) [inner-input]::-webkit-input-placeholder {\n\tcolor: var(--_ui5_input_placeholder_color);\n}\n:host([value-state=\"Information\"]) [inner-input]::-moz-placeholder {\n\tcolor: var(--_ui5_input_placeholder_color);\n}\n.ui5-input-content {\n\theight: 100%;\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: flex-end;\n\toverflow: hidden;\n\toutline: none;\n\tbackground: transparent;\n\tcolor: inherit;\n\tborder-radius: var(--_ui5_input_border_radius);\n}\n:host([readonly]) {\n\tborder-color: var(--_ui5_input_readonly_border_color);\n\tbackground: var(--sapField_ReadOnly_BackgroundStyle);\n\tbackground-color: var(--_ui5_input_readonly_background);\n}\n:host([value-state=\"None\"]:not([readonly]):hover),\n:host(:not([value-state]):not([readonly]):hover) {\n\tborder: var(--_ui5_input_hover_border);\n\tborder-color: var(--_ui5_input_focused_border_color);\n\tbox-shadow: var(--sapField_Hover_Shadow);\n\tbackground: var(--sapField_Hover_BackgroundStyle);\n\tbackground-color: var(--sapField_Hover_Background);\n}\n:host(:not([value-state]):not([readonly])[focused]:not([opened]):hover),\n:host([value-state=\"None\"]:not([readonly])[focused]:not([opened]):hover) {\n\tbox-shadow: none;\n}\n:host([focused]):not([opened]) .ui5-input-root::before {\n\tcontent: none;\n}\n:host(:not([readonly]):not([disabled])[value-state]:not([value-state=\"None\"])) {\n\tborder-width: var(--_ui5_input_state_border_width);\n}\n:host([value-state=\"Error\"]) [inner-input],\n:host([value-state=\"Warning\"]) [inner-input] {\n\tfont-style: var(--_ui5_input_error_warning_font_style);\n\ttext-indent: var(--_ui5_input_error_warning_text_indent);\n}\n:host([value-state=\"Error\"]) [inner-input] {\n\tfont-weight: var(--_ui5_input_error_font_weight);\n}\n:host([value-state=\"Warning\"]) [inner-input] {\n\tfont-weight: var(--_ui5_input_warning_font_weight);\n}\n:host([value-state=\"Error\"]:not([readonly]):not([disabled])) {\n\tbackground: var(--sapField_InvalidBackgroundStyle);\n\tbackground-color: var(--sapField_InvalidBackground);\n\tborder-color: var(--_ui5_input_value_state_error_border_color);\n\tbox-shadow: var(--sapField_InvalidShadow);\n}\n:host([value-state=\"Error\"][focused]:not([opened]):not([readonly])) {\n\tbackground-color: var(--_ui5_input_focused_value_state_error_background);\n\tborder-color: var(--_ui5_input_focused_value_state_error_border_color);\n}\n:host([value-state=\"Error\"][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after {\n\tborder-color: var(--_ui5_input_focused_value_state_error_focus_outline_color);\n}\n:host([value-state=\"Error\"]:not([readonly])) .ui5-input-root::before{\n\tbackground-color: var(--_ui5-input-value-state-error-border-botom-color);\n}\n:host([value-state=\"Error\"]:not([readonly]):not([focused]):hover),\n:host([value-state=\"Error\"]:not([readonly])[focused][opened]:hover) {\n\tbackground-color: var(--_ui5_input_value_state_error_hover_background);\n\tbox-shadow: var(--sapField_Hover_InvalidShadow);\n}\n:host([value-state=\"Error\"]:not([readonly]):not([disabled])),\n:host([value-state=\"Warning\"]:not([readonly]):not([disabled])),\n:host([value-state=\"Information\"]:not([readonly]):not([disabled])) {\n\tborder-style: var(--_ui5_input_error_warning_border_style);\n}\n:host([value-state=\"Warning\"]:not([readonly]):not([disabled])) {\n\tbackground: var(--sapField_WarningBackgroundStyle);\n\tbackground-color: var(--sapField_WarningBackground);\n\tborder-color: var(--_ui5_input_value_state_warning_border_color);\n\tbox-shadow: var(--sapField_WarningShadow);\n}\n:host([value-state=\"Warning\"][focused]:not([opened]):not([readonly])) {\n\tbackground-color: var(--_ui5_input_focused_value_state_warning_background);\n\tborder-color: var(--_ui5_input_focused_value_state_warning_border_color);\n}\n:host([value-state=\"Warning\"][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after {\n\tborder-color: var(--_ui5_input_focused_value_state_warning_focus_outline_color);\n}\n:host([value-state=\"Warning\"]:not([readonly])) .ui5-input-root::before{\n\tbackground-color: var(--_ui5_input_value_state_warning_border_botom_color);\n}\n:host([value-state=\"Warning\"]:not([readonly]):not([focused]):hover),\n:host([value-state=\"Warning\"]:not([readonly])[focused][opened]:hover)  {\n\tbackground-color: var(--sapField_Hover_Background);\n\tbox-shadow: var(--sapField_Hover_WarningShadow);\n}\n:host([value-state=\"Success\"]:not([readonly]):not([disabled])) {\n\tbackground: var(--sapField_SuccessBackgroundStyle);\n\tbackground-color: var(--sapField_SuccessBackground);\n\tborder-color: var(--_ui5_input_value_state_success_border_color);\n\tborder-width: var(--_ui5_input_value_state_success_border_width);\n\tbox-shadow: var(--sapField_SuccessShadow);\n}\n:host([value-state=\"Success\"][focused]:not([opened]):not([readonly])) {\n\tbackground-color: var(--_ui5_input_focused_value_state_success_background);\n\tborder-color: var(--_ui5_input_focused_value_state_success_border_color);\n}\n:host([value-state=\"Success\"][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after {\n\tborder-color: var(--_ui5_input_focused_value_state_success_focus_outline_color);\n}\n:host([value-state=\"Success\"]:not([readonly])) .ui5-input-root::before{\n\tbackground-color: var(--_ui5_input_value_state_success_border_botom_color);\n}\n:host([value-state=\"Success\"]:not([readonly]):not([focused]):hover),\n:host([value-state=\"Success\"]:not([readonly])[focused][opened]:hover) {\n\tbackground-color: var(--sapField_Hover_Background);\n\tbox-shadow: var(--sapField_Hover_SuccessShadow);\n}\n:host([value-state=\"Information\"]:not([readonly]):not([disabled])) {\n\tbackground: var(--sapField_InformationBackgroundStyle);\n\tbackground-color: var(--sapField_InformationBackground);\n\tborder-color: var(--_ui5_input_value_state_information_border_color);\n\tborder-width: var(--_ui5_input_information_border_width);\n\tbox-shadow: var(--sapField_InformationShadow);\n}\n:host([value-state=\"Information\"][focused]:not([opened]):not([readonly])) {\n\tbackground-color: var(--_ui5_input_focused_value_state_information_background);\n\tborder-color: var(--_ui5_input_focused_value_state_information_border_color);\n}\n:host([value-state=\"Information\"]:not([readonly])) .ui5-input-root::before{\n\tbackground-color: var(--_ui5_input_value_success_information_border_botom_color);\n}\n:host([value-state=\"Information\"]:not([readonly]):not([focused]):hover),\n:host([value-state=\"Information\"]:not([readonly])[focused][opened]:hover) {\n\tbackground-color: var(--sapField_Hover_Background);\n\tbox-shadow: var(--sapField_Hover_InformationShadow);\n}\n/* Input Icon */\n.ui5-input-icon-root {\n\tmin-width: var(--_ui5_input_icon_min_width);\n\theight: 100%;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n/* TODO: Remove this after parser is fixed\n\t-\tthis statement is transformed to [ui5-multi-combobox] [ui5-icon] which\n\taffects all icons in the combobox incuding these in the list items\n*/\n::slotted([ui5-icon][slot=\"icon\"]) {\n\talign-self: start;\n\tpadding: var(--_ui5_input_custom_icon_padding);\n\t/* Normalize like libraries overrule the selector, thefore we need !important */\n\tbox-sizing: content-box !important;\n}\n:host([value-state=\"Error\"]) [input-icon],\n:host([value-state=\"Warning\"]) [input-icon]{\n\tpadding: var(--_ui5_input_error_warning_icon_padding);\n}\n:host([value-state=\"Information\"]) [input-icon] {\n\tpadding: var(--_ui5_input_information_icon_padding);\n}\n:host([value-state=\"Error\"]) ::slotted([input-icon][ui5-icon]),\n:host([value-state=\"Error\"]) ::slotted([ui5-icon][slot=\"icon\"]),\n:host([value-state=\"Warning\"]) ::slotted([ui5-icon][slot=\"icon\"]) {\n\tpadding: var(--_ui5_input_error_warning_custom_icon_padding);\n}\n:host([value-state=\"Information\"]) ::slotted([ui5-icon][slot=\"icon\"]) {\n\tpadding: var(--_ui5_input_information_custom_icon_padding);\n}\n:host([value-state=\"Error\"]) [input-icon]:active,\n:host([value-state=\"Error\"]) [input-icon][pressed] {\n\tbox-shadow: var(--_ui5_input_error_icon_box_shadow);\n\tcolor: var(--_ui5_input_icon_error_pressed_color);\n}\n:host([value-state=\"Error\"]) [input-icon]:not([pressed]):not(:active):hover {\n\tbox-shadow: var(--_ui5_input_error_icon_box_shadow);\n}\n:host([value-state=\"Warning\"]) [input-icon]:active,\n:host([value-state=\"Warning\"]) [input-icon][pressed] {\n\tbox-shadow: var(--_ui5_input_warning_icon_box_shadow);\n\tcolor: var(--_ui5_input_icon_warning_pressed_color);\n}\n:host([value-state=\"Warning\"]) [input-icon]:not([pressed]):not(:active):hover {\n\tbox-shadow: var(--_ui5_input_warning_icon_box_shadow);\n}\n:host([value-state=\"Information\"]) [input-icon]:active,\n:host([value-state=\"Information\"]) [input-icon][pressed] {\n\tbox-shadow: var(--_ui5_input_information_icon_box_shadow);\n\tcolor: var(--_ui5_input_icon_information_pressed_color);\n}\n:host([value-state=\"Information\"]) [input-icon]:not([pressed]):not(:active):hover {\n\tbox-shadow: var(--_ui5_input_information_icon_box_shadow);\n}\n:host([value-state=\"Success\"]) [input-icon]:active,\n:host([value-state=\"Success\"]) [input-icon][pressed] {\n\tbox-shadow: var(--_ui5_input_success_icon_box_shadow);\n\tcolor: var(--_ui5_input_icon_success_pressed_color);\n}\n:host([value-state=\"Success\"]) [input-icon]:not([pressed]):not(:active):hover {\n\tbox-shadow: var(--_ui5_input_success_icon_box_shadow);\n}\n.ui5-input-clear-icon-wrapper {\n\theight: var(--_ui5_input_icon_wrapper_height);\n\tpadding: 0;\n\twidth: var(--_ui5_input_icon_width);\n\tmin-width: var(--_ui5_input_icon_width);\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n}\n:host([value-state]:not([value-state=\"None\"]):not([value-state=\"Success\"])) .ui5-input-clear-icon-wrapper {\n\theight: var(--_ui5_input_icon_wrapper_state_height);\n\tvertical-align: top;\n}\n:host([value-state=\"Success\"]) .ui5-input-clear-icon-wrapper {\n\theight: var(--_ui5_input_icon_wrapper_success_state_height);\n}\n[ui5-icon].ui5-input-clear-icon {\n\tpadding: 0;\n\tcolor: inherit;\n}\n/* Chrome, Safari, Edge, Opera */\n[inner-input]::-webkit-outer-spin-button,\n[inner-input]::-webkit-inner-spin-button {\n\t-webkit-appearance: inherit;\n\tmargin: inherit;\n}\n:host {\n\tmin-width: calc(var(--_ui5_input_min_width) + (var(--_ui5-input-icons-count)*var(--_ui5_input_icon_width)));\n}\n:host([tokenizer-available]) {\n\tmin-width: calc(var(--_ui5_input_min_width) + (var(--_ui5-input-icons-count)*var(--_ui5_input_icon_width)) + var(--_ui5_input_tokenizer_min_width));\n}\n:host(:not([hidden])) {\n\tdisplay: inline-block;\n}\n.ui5-multi-combobox-root {\n\tdisplay: flex;\n\toverflow: hidden;\n\twidth: 100%;\n\theight: 100%;\n\tborder-radius: var(--_ui5_input_border_radius);\n}\n.ui5-multi-combobox-tokenizer {\n\tmin-width: var(--_ui5_input_tokenizer_min_width);\n\tmax-width: calc(100% - 3rem - var(--_ui5-input-icons-count) * var(--_ui5_input_icon_min_width));\n\tborder: none;\n\twidth: auto;\n\theight: 100%;\n}\n:host([readonly]) .ui5-multi-combobox-tokenizer::part(n-more-text) {\n\tcolor: var(--sapLinkColor);\n}\n.ui5-multi-combobox-tokenizer::part(n-more-text) {\n\tpadding-inline-end: var(--_ui5_input_inner_space_to_n_more_text);\n}\n[inner-input][inner-input-with-icon] {\n\tpadding: var(--_ui5_input_inner_padding_with_icon);\n}\n:host([tokenizer-available]) [inner-input] {\n\tpadding-inline-start: var(--_ui5_input_inner_space_to_tokenizer);\n}\n:host(:not([tokenizer-available])) .ui5-multi-combobox-tokenizer {\n\t--_ui5_input_tokenizer_min_width: 0px;\n\twidth: var(--_ui5_input_tokenizer_min_width);\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/MultiComboBoxPopover.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", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/MultiComboBoxPopover.css",
-    content: ".ui5-suggestions-popover .ui5-multi-combobox-all-items-list{--_ui5_checkbox_width_height:var(--_ui5_list_item_dropdown_base_height)}"
+    content: ".ui5-suggestions-popover .ui5-multi-combobox-all-items-list {\n\t--_ui5_checkbox_width_height: var(--_ui5_list_item_dropdown_base_height);\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/MultiInput.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", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/MultiInput.css",
-    content: "[input-icon]{color:var(--_ui5_input_icon_color);cursor:pointer;outline:none;padding:var(--_ui5_input_icon_padding);border-inline-start:var(--_ui5_input_icon_border);min-width:1rem;min-height:1rem;border-radius:var(--_ui5_input_icon_border_radius)}[input-icon][pressed]{background:var(--_ui5_input_icon_pressed_bg);box-shadow:var(--_ui5_input_icon_box_shadow);border-inline-start:var(--_ui5_select_hover_icon_left_border);color:var(--_ui5_input_icon_pressed_color)}[input-icon]:active{background-color:var(--sapButton_Active_Background);box-shadow:var(--_ui5_input_icon_box_shadow);border-inline-start:var(--_ui5_select_hover_icon_left_border);color:var(--_ui5_input_icon_pressed_color)}[input-icon]:not([pressed]):not(:active):hover{background:var(--_ui5_input_icon_hover_bg);box-shadow:var(--_ui5_input_icon_box_shadow)}[input-icon]:hover{border-inline-start:var(--_ui5_select_hover_icon_left_border);box-shadow:var(--_ui5_input_icon_box_shadow)}.ui5-multi-input-tokenizer{max-width:calc(100% - 3rem - var(--_ui5_input_icon_min_width));border:none;width:auto;min-width:0;height:100%}:host([readonly]) .ui5-multi-input-tokenizer::part(n-more-text){color:var(--sapLinkColor)}"
+    content: "/*\n\tThis CSS file enables visual alignment of all icons within input elements.\n\tAPI:\n\t- add input-icon attribute to an icon\n\t- [Optional] pressed attribute set to the icon will enable additional styling (check MultiComboBox, Select, etc.)\n*/\n\n[input-icon] {\n\tcolor: var(--_ui5_input_icon_color);\n\tcursor: pointer;\n\toutline: none;\n\tpadding: var(--_ui5_input_icon_padding);\n\tborder-inline-start: var(--_ui5_input_icon_border);\n\tmin-width: 1rem;\n\tmin-height: 1rem;\n\tborder-radius: var(--_ui5_input_icon_border_radius);\n}\n\n[input-icon][pressed] {\n\tbackground: var(--_ui5_input_icon_pressed_bg);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\n\tcolor: var(--_ui5_input_icon_pressed_color);\n}\n\n[input-icon]:active {\n\tbackground-color: var(--sapButton_Active_Background);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\n\tcolor: var(--_ui5_input_icon_pressed_color);\n}\n\n[input-icon]:not([pressed]):not(:active):hover {\n\tbackground: var(--_ui5_input_icon_hover_bg);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n}\n\n[input-icon]:hover {\n\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n}\n\n:host {\n\tmin-width: calc(var(--_ui5_input_min_width) + (var(--_ui5-input-icons-count)*var(--_ui5_input_icon_width)));\n}\n\n:host([tokenizer-available]) {\n\tmin-width: calc(var(--_ui5_input_min_width) + (var(--_ui5-input-icons-count)*var(--_ui5_input_icon_width)) + var(--_ui5_input_tokenizer_min_width));\n}\n\n.ui5-multi-input-tokenizer {\n\tmin-width: var(--_ui5_input_tokenizer_min_width);\n\tmax-width: calc(100% - 3rem - var(--_ui5-input-icons-count) * var(--_ui5_input_icon_min_width));\n\tborder: none;\n\twidth: auto;\n\theight: 100%;\n}\n\n:host([readonly]) .ui5-multi-input-tokenizer::part(n-more-text) {\n\tcolor: var(--sapLinkColor);\n}\n\n.ui5-multi-input-tokenizer::part(n-more-text) {\n\tpadding-inline-end: var(--_ui5_input_inner_space_to_n_more_text);\n}\n\n[inner-input][inner-input-with-icon] {\n\tpadding: var(--_ui5_input_inner_padding_with_icon);\n}\n\n:host([tokenizer-available]) [inner-input] {\n\tpadding-inline-start: var(--_ui5_input_inner_space_to_tokenizer);\n}\n\n:host(:not([tokenizer-available])) .ui5-multi-input-tokenizer {\n\t--_ui5_input_tokenizer_min_width: 0px;\n\twidth: var(--_ui5_input_tokenizer_min_width);\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/Panel.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", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/Panel.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}:host{font-family:\"72override\",var(--sapFontFamily);background-color:var(--sapGroup_TitleBackground);border-radius:var(--_ui5_panel_border_radius)}:host(:not([collapsed])){border-bottom:var(--_ui5_panel_border_bottom)}:host([fixed]) .ui5-panel-header{padding-left:1rem}.ui5-panel-header{min-height:var(--_ui5_panel_header_height);width:100%;display:flex;justify-content:flex-start;align-items:center;outline:none;box-sizing:border-box;padding-right:var(--_ui5_panel_header_padding_right)}.ui5-panel-header-icon{color:var(--_ui5_panel_icon_color)}.ui5-panel-header-button-animated{transition:transform .4s ease-out}:host(:not([_has-header])) .ui5-panel-header-button{pointer-events:none}:host(:not([_has-header]):not([fixed])) .ui5-panel-header{cursor:pointer}:host(:not([_has-header]):not([fixed])) .ui5-panel-header:focus{outline:var(--_ui5_panel_focus_border);outline-offset:var(--_ui5_panel_outline_offset);border-radius:var(--_ui5_panel_border_radius)}:host(:not([collapsed]):not([_has-header]):not([fixed])) .ui5-panel-header:focus{border-radius:var(--_ui5_panel_border_radius_expanded)}:host(:not([collapsed])) .ui5-panel-header-button:not(.ui5-panel-header-button-with-icon),:host(:not([collapsed])) .ui5-panel-header-icon-wrapper [ui5-icon]{transform:var(--_ui5_panel_toggle_btn_rotation)}:host([fixed]) .ui5-panel-header-title{width:100%}.ui5-panel-header-title{width:calc(100% - var(--_ui5_panel_button_root_width));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:\"72override\",var(--sapFontHeaderFamily);font-size:var(--sapGroup_Title_FontSize);color:var(--sapGroup_TitleTextColor);font-weight:400}.ui5-panel-content{padding:.625rem 1rem 1.375rem 1rem;background-color:var(--sapGroup_ContentBackground);outline:none;border-bottom-left-radius:var(--_ui5_panel_border_radius);border-bottom-right-radius:var(--_ui5_panel_border_radius)}.ui5-panel-header-button-root{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--_ui5_panel_button_root_width);height:var(--_ui5_panel_button_root_width);padding:var(--_ui5_panel_header_button_wrapper_padding);box-sizing:border-box}:host([collapsed]) .ui5-panel-header,:host([fixed]:not([collapsed]):not([_has-header])) .ui5-panel-header{border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor)}:host([collapsed]) .ui5-panel-header{border-bottom-left-radius:var(--_ui5_panel_border_radius);border-bottom-right-radius:var(--_ui5_panel_border_radius)}:host(:not([fixed]):not([collapsed])) .ui5-panel-header{border-bottom:var(--_ui5_panel_default_header_border)}[ui5-button].ui5-panel-header-button{display:flex;justify-content:center;align-items:center;min-width:0;height:100%;width:100%}.ui5-panel-header-icon-wrapper{display:flex;justify-content:center;align-items:center}.ui5-panel-header-icon-wrapper,.ui5-panel-header-icon-wrapper .ui5-panel-header-icon{color:inherit}.ui5-panel-header-icon-wrapper,[ui5-button].ui5-panel-header-button-with-icon [ui5-icon]{pointer-events:none}"
+    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}\n\n:host {\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tbackground-color: var(--sapGroup_TitleBackground);\n\tborder-radius: var(--_ui5_panel_border_radius);\n}\n\n:host(:not([collapsed])) {\n\tborder-bottom: var(--_ui5_panel_border_bottom);\n}\n\n:host([fixed]) .ui5-panel-header {\n\tpadding-left: 1rem;\n}\n\n.ui5-panel-header {\n\tmin-height: var(--_ui5_panel_header_height);\n\twidth: 100%;\n\tposition: relative;\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\toutline: none;\n\tbox-sizing: border-box;\n\tpadding-right: var(--_ui5_panel_header_padding_right);\n}\n\n.ui5-panel-header-icon {\n\tcolor: var(--_ui5_panel_icon_color);\n}\n\n.ui5-panel-header-button-animated {\n\ttransition: transform 0.4s ease-out;\n}\n\n:host(:not([_has-header]):not([fixed])) .ui5-panel-header {\n\tcursor: pointer;\n}\n\n:host(:not([_has-header]):not([fixed])) .ui5-panel-header:focus::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tpointer-events: none;\n\tz-index: 2;\n\tborder: var(--_ui5_panel_focus_border);\n\tborder-radius: var(--_ui5_panel_border_radius);\n\ttop: var(--_ui5_panel_focus_offset);\n\tbottom: var(--_ui5_panel_focus_offset);\n\tleft: var(--_ui5_panel_focus_offset);\n\tright: var(--_ui5_panel_focus_offset);\n}\n\n:host(:not([collapsed]):not([_has-header]):not([fixed])) .ui5-panel-header:focus:after {\n\tborder-radius: var(--_ui5_panel_border_radius_expanded);\n}\n\n:host(:not([collapsed])) .ui5-panel-header-button:not(.ui5-panel-header-button-with-icon),\n:host(:not([collapsed])) .ui5-panel-header-icon-wrapper [ui5-icon] {\n\ttransform: var(--_ui5_panel_toggle_btn_rotation);\n}\n\n:host([fixed]) .ui5-panel-header-title {\n\twidth: 100%;\n}\n\n.ui5-panel-header-title {\n\twidth: calc(100% - var(--_ui5_panel_button_root_width));\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\tfont-family: \"72override\", var(--sapFontHeaderFamily);\n\tfont-size: var(--sapGroup_Title_FontSize);\n\tfont-weight: normal;\n\tcolor: var(--sapGroup_TitleTextColor);\n\tfont-weight: normal;\n}\n\n.ui5-panel-content {\n\tpadding: var(--_ui5_panel_content_padding);\n\tbackground-color: var(--sapGroup_ContentBackground);\n\toutline: none;\n\tborder-bottom-left-radius: var(--_ui5_panel_border_radius);\n\tborder-bottom-right-radius: var(--_ui5_panel_border_radius);\n}\n\n.ui5-panel-header-button-root {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tflex-shrink: 0;\n\twidth: var(--_ui5_panel_button_root_width);\n\theight: var(--_ui5_panel_button_root_width);\n\tpadding: var(--_ui5_panel_header_button_wrapper_padding);\n\tbox-sizing: border-box;\n}\n\n:host([fixed]:not([collapsed]):not([_has-header])) .ui5-panel-header,\n:host([collapsed]) .ui5-panel-header {\n\tborder-bottom: 0.0625rem solid var(--sapGroup_TitleBorderColor);\n}\n\n:host([collapsed]) .ui5-panel-header {\n\tborder-bottom-left-radius: var(--_ui5_panel_border_radius);\n\tborder-bottom-right-radius: var(--_ui5_panel_border_radius);\n}\n\n:host(:not([fixed]):not([collapsed])) .ui5-panel-header {\n\tborder-bottom: var(--_ui5_panel_default_header_border);\n}\n\n[ui5-button].ui5-panel-header-button {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tmin-width: initial;\n\theight: 100%;\n\twidth: 100%;\n}\n\n.ui5-panel-header-icon-wrapper {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n.ui5-panel-header-icon-wrapper,\n.ui5-panel-header-icon-wrapper .ui5-panel-header-icon {\n\tcolor: inherit;\n}\n\n.ui5-panel-header-icon-wrapper,\n[ui5-button].ui5-panel-header-button-with-icon [ui5-icon] {\n\tpointer-events: none;\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/Popover.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", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/Popover.css",
-    content: ".ui5-popover-arrow{pointer-events:none;display:block;width:1rem;height:1rem;position:absolute;overflow:hidden}.ui5-popover-arrow:after{content:\"\";display:block;width:.7rem;height:.7rem;background-color:var(--sapGroup_ContentBackground);box-shadow:var(--sapContent_Shadow3);transform:rotate(-45deg)}:host{max-width:calc(100% - var(--_ui5_popup_viewport_margin)*2)}:host([opened][actual-placement-type=Top]){margin-top:var(--_ui5-popover-margin-bottom)}:host([opened][actual-placement-type=Bottom]){margin-top:var(--_ui5-popover-margin-top)}:host([actual-placement-type=Bottom]) .ui5-popover-arrow{left:calc(50% - .5625rem);top:-.5rem;height:.5625rem}:host([actual-placement-type=Bottom]) .ui5-popover-arrow:after{margin:var(--_ui5_popover_upward_arrow_margin)}:host([actual-placement-type=Left]) .ui5-popover-arrow{top:calc(50% - .5625rem);right:-.5625rem;width:.5625rem}:host([actual-placement-type=Left]) .ui5-popover-arrow:after{margin:var(--_ui5_popover_right_arrow_margin)}:host([actual-placement-type=Top]) .ui5-popover-arrow{left:calc(50% - .5625rem);height:.5625rem;top:100%}:host([actual-placement-type=Top]) .ui5-popover-arrow:after{margin:var(--_ui5_popover_downward_arrow_margin)}:host(:not([actual-placement-type])) .ui5-popover-arrow,:host([actual-placement-type=Right]) .ui5-popover-arrow{left:-.5625rem;top:calc(50% - .5625rem);width:.5625rem;height:1rem}:host(:not([actual-placement-type])) .ui5-popover-arrow:after,:host([actual-placement-type=Right]) .ui5-popover-arrow:after{margin:var(--_ui5_popover_left_arrow_margin)}:host([hide-arrow]) .ui5-popover-arrow{display:none}.ui5-popover-root{min-width:6.25rem}"
+    content: ":host {\n\tbox-shadow: var(--_ui5_popover_box_shadow);\n\tbackground-color: var(--_ui5_popover_background);\n\tmax-width: calc(100vw - (100vw - 100%) - 2 * var(--_ui5_popup_viewport_margin));\n}\n\n:host([hide-arrow]) {\n\tbox-shadow: var(--_ui5_popover_no_arrow_box_shadow);\n}\n\n:host([opened][actual-placement-type=\"Top\"]) {\n\tmargin-top: var(--_ui5-popover-margin-bottom);\n}\n\n:host([opened][actual-placement-type=\"Bottom\"]) {\n\tmargin-top: var(--_ui5-popover-margin-top);\n}\n\n/* pointing upward arrow */\n\n:host([actual-placement-type=\"Bottom\"]) .ui5-popover-arrow {\n\tleft: calc(50% - 0.5625rem);\n\ttop: -0.5rem;\n\theight: 0.5625rem;\n}\n\n:host([actual-placement-type=\"Bottom\"]) .ui5-popover-arrow:after {\n\tmargin: var(--_ui5_popover_upward_arrow_margin);\n}\n\n/* pointing right arrow */\n\n:host([actual-placement-type=\"Left\"]) .ui5-popover-arrow {\n\ttop: calc(50% - 0.5625rem);\n\tright: -0.5625rem;\n\twidth: 0.5625rem;\n}\n\n:host([actual-placement-type=\"Left\"]) .ui5-popover-arrow:after {\n\tmargin: var(--_ui5_popover_right_arrow_margin);\n}\n\n/* pointing downward arrow */\n\n:host([actual-placement-type=\"Top\"]) .ui5-popover-arrow {\n\tleft: calc(50% - 0.5625rem);\n\theight: 0.5625rem;\n\ttop: 100%;\n}\n\n:host([actual-placement-type=\"Top\"]) .ui5-popover-arrow:after {\n\tmargin: var(--_ui5_popover_downward_arrow_margin);\n}\n\n/* pointing left arrow */\n\n:host(:not([actual-placement-type])) .ui5-popover-arrow,\n:host([actual-placement-type=\"Right\"]) .ui5-popover-arrow {\n\tleft: -0.5625rem;\n\ttop: calc(50% - 0.5625rem);\n\twidth: 0.5625rem;\n\theight: 1rem;\n}\n\n:host(:not([actual-placement-type])) .ui5-popover-arrow:after,\n:host([actual-placement-type=\"Right\"]) .ui5-popover-arrow:after {\n\tmargin: var(--_ui5_popover_left_arrow_margin);\n}\n\n:host([hide-arrow]) .ui5-popover-arrow {\n\tdisplay: none;\n}\n\n.ui5-popover-root {\n\tmin-width: 6.25rem;\n}\n\n.ui5-popover-arrow {\n\tpointer-events: none;\n\tdisplay: block;\n\twidth: 1rem;\n\theight: 1rem;\n\tposition: absolute;\n\toverflow: hidden;\n}\n\n.ui5-popover-arrow:after {\n\tcontent: \"\";\n\tdisplay: block;\n\twidth: 0.7rem;\n\theight: 0.7rem;\n\tbackground-color: var(--_ui5_popover_background);\n\tbox-shadow: var(--_ui5_popover_box_shadow);\n\ttransform: rotate(-45deg);\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/Popup.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", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/Popup.css",
-    content: ":host{min-width:1px;display:none;position:fixed}"
+    content: ":host {\n    min-width: 1px; /** So that it can always get focus **/\n    display: none;\n    position: fixed;\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });