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

package/src/sap/ui/webc/main/thirdparty/generated/themes/PopupGlobal.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/PopupGlobal.css",
-    content: ".ui5-popup-scroll-blocker{overflow:hidden}"
+    content: ".ui5-popup-scroll-blocker {\n\toverflow: hidden;\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/PopupStaticAreaStyles.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/PopupStaticAreaStyles.css",
-    content: ".ui5-block-layer{display:none;position:fixed;background-color:var(--sapBlockLayer_Background);opacity:.6;top:-500px;left:-500px;right:-500px;bottom:-500px;outline:none;pointer-events:all;z-index:-1}.ui5-block-layer:not([hidden]){display:inline-block}"
+    content: ".ui5-block-layer {\n\tdisplay: none;\n\tposition: fixed;\n\tbackground-color: var(--sapBlockLayer_Background);\n\topacity: 0.6;\n\ttop: -500px;\n\tleft: -500px;\n\tright: -500px;\n\tbottom: -500px;\n\toutline: none;\n\tpointer-events: all;\n\tz-index: -1;\n}\n\n.ui5-block-layer:not([hidden]) {\n\tdisplay: inline-block;\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/PopupsCommon.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/PopupsCommon.css",
-    content: ":host{display:none;position:fixed;background:var(--sapGroup_ContentBackground);box-shadow:var(--sapContent_Shadow2);border-radius:var(--_ui5_popup_border_radius);min-height:2rem;box-sizing:border-box}.ui5-popup-root{background:inherit;border-radius:inherit;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;outline:none}.ui5-popup-root .ui5-popup-header-root{color:var(--sapPageHeader_TextColor);box-shadow:var(--sapContent_HeaderShadow);margin-bottom:.125rem}.ui5-popup-content{color:var(--sapTextColor)}.ui5-popup-footer-root{background:var(--sapPageFooter_Background);border-top:1px solid var(--sapPageFooter_BorderColor);color:var(--sapPageFooter_TextColor)}.ui5-popup-footer-root,.ui5-popup-header-root,:host([header-text]) .ui5-popup-header-text{margin:0;font-size:1rem;font-family:\"72override\",var(--_ui5_popup_header_font_family);display:flex;justify-content:center;align-items:center}.ui5-popup-header-root .ui5-popup-header-text{font-weight:var(--_ui5_popup_header_font_weight)}.ui5-popup-content{overflow:auto;box-sizing:border-box}:host([header-text]) .ui5-popup-header-text{text-align:center;min-height:var(--_ui5_popup_default_header_height);max-height:var(--_ui5_popup_default_header_height);line-height:var(--_ui5_popup_default_header_height);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;display:inline-block}:host([header-text]) .ui5-popup-header-root{justify-content:var(--_ui5_popup_header_prop_header_text_alignment)}:host(:not([header-text])) .ui5-popup-header-text{display:none}:host([disable-scrolling]) .ui5-popup-content{overflow:hidden}:host([media-range=S]) .ui5-popup-content{padding:1rem var(--_ui5_popup_content_padding_s)}:host([media-range=L]) .ui5-popup-content,:host([media-range=M]) .ui5-popup-content{padding:1rem var(--_ui5_popup_content_padding_m_l)}:host([media-range=XL]) .ui5-popup-content{padding:1rem var(--_ui5_popup_content_padding_xl)}.ui5-popup-header-root{background:var(--sapPageHeader_Background)}:host([media-range=S]) .ui5-popup-footer-root,:host([media-range=S]) .ui5-popup-header-root{padding-left:var(--_ui5_popup_header_footer_padding_s);padding-right:var(--_ui5_popup_header_footer_padding_s)}:host([media-range=L]) .ui5-popup-footer-root,:host([media-range=L]) .ui5-popup-header-root,:host([media-range=M]) .ui5-popup-footer-root,:host([media-range=M]) .ui5-popup-header-root{padding-left:var(--_ui5_popup_header_footer_padding_m_l);padding-right:var(--_ui5_popup_header_footer_padding_m_l)}:host([media-range=XL]) .ui5-popup-footer-root,:host([media-range=XL]) .ui5-popup-header-root{padding-left:var(--_ui5_popup_header_footer_padding_xl);padding-right:var(--_ui5_popup_header_footer_padding_xl)}"
+    content: ":host {\n    display: none;\n    position: fixed;\n    background: var(--sapGroup_ContentBackground);\n    border-radius: var(--_ui5_popup_border_radius);\n    min-height: 2rem;\n    box-sizing: border-box;\n}\n\n.ui5-popup-root {\n    background: inherit;\n    border-radius: inherit;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    outline: none;\n}\n\n.ui5-popup-root .ui5-popup-header-root {\n    color: var(--sapPageHeader_TextColor);\n    box-shadow: var(--sapContent_HeaderShadow);\n    margin-bottom: 0.125rem;\n}\n\n.ui5-popup-content {\n    color: var(--sapTextColor);\n}\n\n.ui5-popup-footer-root {\n    background: var(--sapPageFooter_Background);\n    border-top: 1px solid var(--sapPageFooter_BorderColor);\n    color: var(--sapPageFooter_TextColor);\n}\n\n.ui5-popup-header-root,\n.ui5-popup-footer-root,\n:host([header-text]) .ui5-popup-header-text {\n    margin: 0;\n    font-size: 1rem;\n    font-family: \"72override\", var(--_ui5_popup_header_font_family);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.ui5-popup-header-root .ui5-popup-header-text {\n\tfont-weight: var(--_ui5_popup_header_font_weight);\n}\n\n.ui5-popup-content {\n    overflow: auto;\n\n    /* Consider how to make this top level */\n    box-sizing: border-box;\n}\n\n:host([header-text]) .ui5-popup-header-text {\n    text-align: center;\n    min-height: var(--_ui5_popup_default_header_height);\n    max-height: var(--_ui5_popup_default_header_height);\n    line-height: var(--_ui5_popup_default_header_height);\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    max-width: 100%;\n    display: inline-block;\n}\n\n:host([header-text]) .ui5-popup-header-root {\n\tjustify-content: var(--_ui5_popup_header_prop_header_text_alignment);\n}\n\n:host(:not([header-text])) .ui5-popup-header-text {\n    display: none;\n}\n\n:host([disable-scrolling]) .ui5-popup-content {\n    overflow: hidden;\n}\n\n/*** Responsive paddings for the content***/\n\n:host([media-range=\"S\"]) .ui5-popup-content {\n\tpadding: 1rem var(--_ui5_popup_content_padding_s);\n}\n\n:host([media-range=\"M\"]) .ui5-popup-content,\n:host([media-range=\"L\"]) .ui5-popup-content {\n\tpadding: 1rem var(--_ui5_popup_content_padding_m_l);\n}\n\n:host([media-range=\"XL\"]) .ui5-popup-content {\n\tpadding: 1rem var(--_ui5_popup_content_padding_xl);\n}\n\n.ui5-popup-header-root {\n\tbackground: var(--sapPageHeader_Background);\n}\n\n/*** Responsive paddings for the Header and Footer ***/\n\n:host([media-range=\"S\"]) .ui5-popup-header-root,\n:host([media-range=\"S\"]) .ui5-popup-footer-root {\n\tpadding-left: var(--_ui5_popup_header_footer_padding_s);\n\tpadding-right: var(--_ui5_popup_header_footer_padding_s);\n}\n\n:host([media-range=\"M\"]) .ui5-popup-header-root,\n:host([media-range=\"L\"]) .ui5-popup-header-root,\n:host([media-range=\"M\"]) .ui5-popup-footer-root,\n:host([media-range=\"L\"]) .ui5-popup-footer-root {\n\tpadding-left: var(--_ui5_popup_header_footer_padding_m_l);\n\tpadding-right: var(--_ui5_popup_header_footer_padding_m_l);\n}\n\n:host([media-range=\"XL\"]) .ui5-popup-header-root,\n:host([media-range=\"XL\"]) .ui5-popup-footer-root {\n\tpadding-left: var(--_ui5_popup_header_footer_padding_xl);\n\tpadding-right: var(--_ui5_popup_header_footer_padding_xl);\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/ProgressIndicator.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/ProgressIndicator.css",
-    content: ":host(:not([hidden])){display:inline-block;min-height:var(_ui5_progress_indicator_host_min_height);min-width:4rem;width:100%;height:var(--_ui5_progress_indicator_host_height);overflow:hidden;box-sizing:var(--_ui5_progress_indicator_host_box_sizing);padding:var(--_ui5_progress_indicator_padding);padding-inline-end:var(--_ui5_progress_indicator_padding_end)}.ui5-progress-indicator-root{display:flex;align-items:center;background:var(--_ui5_progress_indicator_background_none);border-radius:var(--_ui5_progress_indicator_root_border_radius);overflow:var(--_ui5_progress_indicator_root_overflow);min-height:var(--_ui5_progress_indicator_root_min_height);height:var(--_ui5_progress_indicator_root_height);width:100%;font-size:var(--sapProgress_FontSize);font-family:\"72override\",var(--sapFontFamily);position:var(--_ui5_progress_indicator_root_position);box-sizing:border-box}.ui5-progress-indicator-bar{background:var(--_ui5_progress_indicator_value_state_none);justify-content:flex-end;height:var(--_ui5_progress_indicator_bar_height);display:flex;align-items:center;flex-direction:row;color:var(--_ui5_progress_indicator_bar_color);transition-property:width;transition-timing-function:linear;box-sizing:border-box;border:var(--_ui5_progress_indicator_bar_border_max);border-radius:var(--_ui5_progress_indicator_bar_border_radius);z-index:1}.ui5-progress-indicator-max-value .ui5-progress-indicator-remaining-bar,.ui5-progress-indicator-min-value .ui5-progress-indicator-bar{border:none}.ui5-progress-indicator-max-value .ui5-progress-indicator-bar{border-radius:.5rem}.ui5-progress-indicator-min-value .ui5-progress-indicator-remaining-bar{border-inline-start:var(--_ui5_progress_indicator_border);border-radius:.5rem}.ui5-progress-indicator-remaining-bar{justify-content:flex-start;width:var(--_ui5_progress_indicator_remaining_bar_width);height:100%;display:flex;align-items:center;flex-direction:row;flex-grow:1;flex-basis:0;border:var(--_ui5_progress_indicator_border);border-inline-start:none;border-radius:var(--_ui5_progress_indicator_remaining_bar_border_radius);box-sizing:border-box;color:var(--_ui5_progress_indicator_color);overflow:var(--_ui5_progress_indicator_remaining_bar_overflow);position:var(--_ui5_progress_indicator_remaining_bar_position)}.ui5-progress-indicator-value{margin:var(--_ui5_progress_indicator_value_margin);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;position:var(--_ui5_progress_indicator_value_position);top:var(--_ui5_progress_indicator_value_top_position);inset-inline-start:var(--_ui5_progress_indicator_value_left_position)}.ui5-progress-indicator-icon{margin-inline-start:.375rem;width:var(--_ui5_progress_indicator_icon_size);height:var(--_ui5_progress_indicator_icon_size);display:var(--_ui5_progress_indicator_icon_visibility);position:var(--_ui5_progress_indicator_icon_position);inset-inline-end:var(--_ui5_progress_indicator_icon_right_position)}:host([value-state=Error]) .ui5-progress-indicator-icon{color:var(--_ui5_progress_indicator_value_state_error_icon_color)}:host([value-state=Warning]) .ui5-progress-indicator-icon{color:var(--_ui5_progress_indicator_value_state_warning_icon_color)}:host([value-state=Success]) .ui5-progress-indicator-icon{color:var(--_ui5_progress_indicator_value_state_success_icon_color)}:host([value-state=Information]) .ui5-progress-indicator-icon{color:var(--_ui5_progress_indicator_value_state_information_icon_color)}:host([value-state=Error]) .ui5-progress-indicator-bar{background:var(--_ui5_progress_indicator_value_state_error);border:.0625rem solid var(--_ui5_progress_indicator_value_state_error_border_color)}:host([value-state=Warning]) .ui5-progress-indicator-bar{background:var(--_ui5_progress_indicator_value_state_warning);border:.0625rem solid var(--_ui5_progress_indicator_value_state_warning_border_color)}:host([value-state=Success]) .ui5-progress-indicator-bar{background:var(--_ui5_progress_indicator_value_state_success);border:.0625rem solid var(--_ui5_progress_indicator_value_state_success_border_color)}:host([value-state=Information]) .ui5-progress-indicator-bar{background:var(--_ui5_progress_indicator_value_state_information);border:.0625rem solid var(--_ui5_progress_indicator_value_state_information_border_color)}:host([value-state=Error]) .ui5-progress-indicator-root{background:var(--_ui5_progress_indicator_background_error)}:host([value-state=Warning]) .ui5-progress-indicator-root{background:var(--_ui5_progress_indicator_background_warning)}:host([value-state=Success]) .ui5-progress-indicator-root{background:var(--_ui5_progress_indicator_background_success)}:host([value-state=Information]) .ui5-progress-indicator-root{background:var(--_ui5_progress_indicator_background_information)}:host([value-state=Error]) .ui5-progress-indicator-remaining-bar{border-color:var(--_ui5_progress_indicator_border_color_error)}:host([value-state=Warning]) .ui5-progress-indicator-remaining-bar{border-color:var(--_ui5_progress_indicator_border_color_warning)}:host([value-state=Success]) .ui5-progress-indicator-remaining-bar{border-color:var(--_ui5_progress_indicator_border_color_success)}:host([value-state=Information]) .ui5-progress-indicator-remaining-bar{border-color:var(--_ui5_progress_indicator_border_color_information)}:host([disabled]) .ui5-progress-indicator-root{opacity:.5}.ui5-progress-indicator-remaining-bar:after,.ui5-progress-indicator-remaining-bar:before{content:\"\";display:block;width:.25rem;height:.25rem;position:absolute;border-radius:50%;display:var(--_ui5_progress_indicator_side_points_visibility);background:var(--_ui5_progress_indicator_value_state_none)}.ui5-progress-indicator-remaining-bar:before{left:.0625rem}.ui5-progress-indicator-remaining-bar:after{right:.0625rem}:host([value-state=Error]) .ui5-progress-indicator-remaining-bar:after,:host([value-state=Error]) .ui5-progress-indicator-remaining-bar:before{background:var(--sapProgress_Value_NegativeBackground)}:host([value-state=Warning]) .ui5-progress-indicator-remaining-bar:after,:host([value-state=Warning]) .ui5-progress-indicator-remaining-bar:before{background:var(--sapProgress_Value_CriticalBackground)}:host([value-state=Success]) .ui5-progress-indicator-remaining-bar:after,:host([value-state=Success]) .ui5-progress-indicator-remaining-bar:before{background:var(--sapProgress_Value_PositiveBackground)}:host([value-state=Information]) .ui5-progress-indicator-remaining-bar:after,:host([value-state=Information]) .ui5-progress-indicator-remaining-bar:before{background:var(--sapProgress_Value_InformationBackground)}"
+    content: ":host(:not([hidden])) {\n\tdisplay: inline-block;\n\tmin-height: var(_ui5_progress_indicator_host_min_height);\n\tmin-width: 4rem;\n\twidth: 100%;\n\theight: var(--_ui5_progress_indicator_host_height);\n\toverflow: hidden;\n\tbox-sizing: var(--_ui5_progress_indicator_host_box_sizing);\n\tpadding: var(--_ui5_progress_indicator_padding);\n\tpadding-inline-end: var(--_ui5_progress_indicator_padding_end);\n}\n\n.ui5-progress-indicator-root {\n\tdisplay: flex;\n\talign-items: center;\n\tbackground: var(--_ui5_progress_indicator_background_none);\n\tborder-radius: var(--_ui5_progress_indicator_root_border_radius);\n\toverflow: var(--_ui5_progress_indicator_root_overflow);\n\tmin-height: var(--_ui5_progress_indicator_root_min_height);\n\theight: var(--_ui5_progress_indicator_root_height);\n\twidth: 100%;\n\tfont-size: var(--sapProgress_FontSize);\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tposition: var(--_ui5_progress_indicator_root_position);\n\tbox-sizing: border-box;\n}\n\n.ui5-progress-indicator-bar {\n\tbackground: var(--_ui5_progress_indicator_value_state_none);\n\tjustify-content: flex-end;\n\theight: var(--_ui5_progress_indicator_bar_height);\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: row;\n\tcolor: var(--_ui5_progress_indicator_bar_color);\n\ttransition-property: width;\n\ttransition-timing-function: linear;\n\tbox-sizing: border-box;\n\tborder: var(--_ui5_progress_indicator_bar_border_max);\n\tborder-radius: var(--_ui5_progress_indicator_bar_border_radius);\n\tz-index: 1;\n}\n\n.ui5-progress-indicator-min-value .ui5-progress-indicator-bar,\n.ui5-progress-indicator-max-value .ui5-progress-indicator-remaining-bar {\n\tborder: none;\n}\n\n.ui5-progress-indicator-max-value .ui5-progress-indicator-bar {\n\tborder-radius: 0.5rem;\n}\n\n.ui5-progress-indicator-min-value .ui5-progress-indicator-remaining-bar {\n\tborder-inline-start: var(--_ui5_progress_indicator_border);\n\tborder-radius: 0.5rem;\n}\n\n.ui5-progress-indicator-remaining-bar {\n\tjustify-content: flex-start;\n\twidth: var(--_ui5_progress_indicator_remaining_bar_width);\n\theight: 100%;\n\tdisplay: flex;\n\talign-items: center;\n    flex-direction: row;\n\tflex-grow: 1;\n\tflex-basis: 0;\n\tborder: var(--_ui5_progress_indicator_border);\n\tborder-inline-start: none;\n\tborder-radius: var(--_ui5_progress_indicator_remaining_bar_border_radius);\n\tbox-sizing: border-box;\n\tcolor: var(--_ui5_progress_indicator_color);\n\toverflow: var(--_ui5_progress_indicator_remaining_bar_overflow);\n\tposition: var(--_ui5_progress_indicator_remaining_bar_position);\n}\n\n.ui5-progress-indicator-value {\n\tmargin: var(--_ui5_progress_indicator_value_margin);\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tmax-width: 100%;\n\tposition: var(--_ui5_progress_indicator_value_position);\n\ttop: var(--_ui5_progress_indicator_value_top_position);\n\tinset-inline-start: var(--_ui5_progress_indicator_value_left_position);\n}\n\n.ui5-progress-indicator-icon {\n\tmargin-inline-start: 0.375rem;\n\twidth: var(--_ui5_progress_indicator_icon_size);\n\theight: var(--_ui5_progress_indicator_icon_size);\n\tdisplay: var(--_ui5_progress_indicator_icon_visibility);\n\tposition: var(--_ui5_progress_indicator_icon_position);\n\tinset-inline-end: var(--_ui5_progress_indicator_icon_right_position);\n}\n\n:host([value-state=\"Error\"]) .ui5-progress-indicator-icon {\n\tcolor: var(--_ui5_progress_indicator_value_state_error_icon_color);\n}\n\n:host([value-state=\"Warning\"]) .ui5-progress-indicator-icon {\n\tcolor: var(--_ui5_progress_indicator_value_state_warning_icon_color);\n}\n\n:host([value-state=\"Success\"]) .ui5-progress-indicator-icon {\n\tcolor: var(--_ui5_progress_indicator_value_state_success_icon_color);\n}\n\n:host([value-state=\"Information\"]) .ui5-progress-indicator-icon {\n\tcolor: var(--_ui5_progress_indicator_value_state_information_icon_color);\n}\n\n:host([value-state=\"Error\"]) .ui5-progress-indicator-bar {\n\tbackground: var(--_ui5_progress_indicator_value_state_error);\n\tborder: 0.0625rem solid\n\t\tvar(--_ui5_progress_indicator_value_state_error_border_color);\n}\n\n:host([value-state=\"Warning\"]) .ui5-progress-indicator-bar {\n\tbackground: var(--_ui5_progress_indicator_value_state_warning);\n\tborder: 0.0625rem solid\n\t\tvar(--_ui5_progress_indicator_value_state_warning_border_color);\n}\n\n:host([value-state=\"Success\"]) .ui5-progress-indicator-bar {\n\tbackground: var(--_ui5_progress_indicator_value_state_success);\n\tborder: 0.0625rem solid\n\t\tvar(--_ui5_progress_indicator_value_state_success_border_color);\n}\n\n:host([value-state=\"Information\"]) .ui5-progress-indicator-bar {\n\tbackground: var(--_ui5_progress_indicator_value_state_information);\n\tborder: 0.0625rem solid\n\t\tvar(--_ui5_progress_indicator_value_state_information_border_color);\n}\n\n:host([value-state=\"Error\"]) .ui5-progress-indicator-root {\n\tbackground: var(--_ui5_progress_indicator_background_error);\n}\n\n:host([value-state=\"Warning\"]) .ui5-progress-indicator-root {\n\tbackground: var(--_ui5_progress_indicator_background_warning);\n}\n\n:host([value-state=\"Success\"]) .ui5-progress-indicator-root {\n\tbackground: var(--_ui5_progress_indicator_background_success);\n}\n\n:host([value-state=\"Information\"]) .ui5-progress-indicator-root {\n\tbackground: var(--_ui5_progress_indicator_background_information);\n}\n\n:host([value-state=\"Error\"]) .ui5-progress-indicator-remaining-bar {\n\tborder-color: var(--_ui5_progress_indicator_border_color_error);\n}\n\n:host([value-state=\"Warning\"]) .ui5-progress-indicator-remaining-bar {\n\tborder-color: var(--_ui5_progress_indicator_border_color_warning);\n}\n\n:host([value-state=\"Success\"]) .ui5-progress-indicator-remaining-bar {\n\tborder-color: var(--_ui5_progress_indicator_border_color_success);\n}\n\n:host([value-state=\"Information\"]) .ui5-progress-indicator-remaining-bar {\n\tborder-color: var(--_ui5_progress_indicator_border_color_information);\n}\n\n:host([disabled]) .ui5-progress-indicator-root {\n\topacity: 0.4;\n}\n\n/* Start and End points - Horizon */\n\n.ui5-progress-indicator-remaining-bar::before,\n.ui5-progress-indicator-remaining-bar::after {\n\tcontent: \"\";\n\tdisplay: block;\n\twidth: 0.25rem;\n\theight: 0.25rem;\n\tposition: absolute;\n\tborder-radius: 50%;\n\tdisplay: var(--_ui5_progress_indicator_side_points_visibility);\n\tbackground: var(--_ui5_progress_indicator_value_state_none);\n}\n\n.ui5-progress-indicator-remaining-bar::before {\n\tleft: 0.0625rem;\n}\n\n.ui5-progress-indicator-remaining-bar::after {\n\tright: 0.0625rem;\n}\n\n:host([value-state=\"Error\"]) .ui5-progress-indicator-remaining-bar::before,\n:host([value-state=\"Error\"]) .ui5-progress-indicator-remaining-bar::after {\n\tbackground: var(--sapProgress_Value_NegativeBackground);\n}\n\n:host([value-state=\"Warning\"]) .ui5-progress-indicator-remaining-bar::before,\n:host([value-state=\"Warning\"]) .ui5-progress-indicator-remaining-bar::after {\n\tbackground: var(--sapProgress_Value_CriticalBackground);\n}\n\n:host([value-state=\"Success\"]) .ui5-progress-indicator-remaining-bar::before,\n:host([value-state=\"Success\"]) .ui5-progress-indicator-remaining-bar::after {\n\tbackground: var(--sapProgress_Value_PositiveBackground);\n}\n\n:host([value-state=\"Information\"])\n\t.ui5-progress-indicator-remaining-bar::before,\n:host([value-state=\"Information\"])\n\t.ui5-progress-indicator-remaining-bar::after {\n\tbackground: var(--sapProgress_Value_InformationBackground);\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/RadioButton.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/RadioButton.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}:host{min-width:var(--_ui5_radio_button_min_width);max-width:100%;text-overflow:ellipsis;overflow:hidden;color:var(--_ui5_radio_button_color);border-radius:var(--_ui5_radio_button_border_radius);transition:var(--_ui5_radio_button_transition)}:host(:not([disabled])) .ui5-radio-root{cursor:pointer}:host([checked]){color:var(--_ui5_radio_button_checked_fill)}:host([checked]) .ui5-radio-svg-inner{fill:var(--_ui5_radio_button_inner_ring_color)}:host([checked]) .ui5-radio-svg-outer{stroke:var(--_ui5_radio_button_outer_ring_color)}:host([disabled]) .ui5-radio-root{color:var(--_ui5_radio_button_color);opacity:var(--sapContent_DisabledOpacity)}:host([disabled][checked]) .ui5-radio-svg-outer{stroke:var(--_ui5_radio_button_color)}:host(:not([disabled])) .ui5-radio-root:focus:before{content:\"\";display:var(--_ui5_radio_button_focus_outline);position:absolute;top:var(--_ui5_radio_button_focus_dist);bottom:var(--_ui5_radio_button_focus_dist);left:var(--_ui5_radio_button_focus_dist);right:var(--_ui5_radio_button_focus_dist);pointer-events:none;border:var(--_ui5_radio_button_border_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--_ui5_radio_button_border_radius)}:host(:not([disabled])[readonly]) .ui5-radio-root:focus:before{border:var(--_ui5_radio_button_border_width) var(--_ui5_radio_button_border_readonly_focus_style) var(--sapContent_FocusColor)}:host(:not([disabled])) .ui5-radio-root:focus{border-radius:var(--_ui5_radio_button_border_radius);border:var(--_ui5_radio_button_focus_border)}:host(:not([disabled]):hover){background:var(--_ui5_radio_button_hover_background);box-shadow:var(--_ui5_radio_button_hover_shadow)}:host(:not([value-state=Error]):not([value-state=Warning]):not([value-state=Success]):not([value-state=Information])) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--_ui5_radio_button_outer_ring_hover_color)}:host(:not([value-state=Error]):not([value-state=Warning]):not([value-state=Success]):not([value-state=Information])) .ui5-radio-root:hover .ui5-radio-inner--hoverable{filter:drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow))}:host(:not([value-state=Error]):not([value-state=Warning]):not([value-state=Success]):not([value-state=Information])[checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--_ui5_radio_button_outer_ring_checked_hover_color)}.ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer,:host([checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--_ui5_radio_button_hover_fill)}:host([active][checked]:not([value-state]):not([disabled]):not([readonly])) .ui5-radio-svg-outer{stroke:var(--_ui5_radio_button_outer_ring_checked_hover_color)}:host([active]:not([checked]):not([value-state]):not([disabled]):not([readonly])) .ui5-radio-svg-outer{stroke:var(--_ui5_radio_button_outer_ring_active_color)}:host([text]) .ui5-radio-root:focus:before{inset-inline:var(--_ui5_radio_button_focus_dist) 0}:host([text]) .ui5-radio-inner{padding:var(--_ui5_radio_button_outer_ring_padding_with_label)}:host([checked][readonly]) .ui5-radio-svg-inner{fill:var(--sapContent_NonInteractiveIconColor)}:host([readonly]) .ui5-radio-root .ui5-radio-svg-outer{fill:var(--sapField_ReadOnly_Background);stroke:var(--sapField_ReadOnly_BorderColor);stroke-dasharray:var(--_ui5_radio_button_read_only_border_type);stroke-width:var(--_ui5_radio_button_read_only_border_width)}:host([value-state=Error]) .ui5-radio-svg-outer,:host([value-state=Warning]) .ui5-radio-svg-outer{stroke-width:var(--sapField_InvalidBorderWidth)}:host([value-state=Information]) .ui5-radio-svg-outer{stroke-width:var(--_ui5_radio_button_information_border_width)}:host([value-state=Error][checked]) .ui5-radio-svg-inner{fill:var(--_ui5_radio_button_checked_error_fill)}:host([value-state=Error]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer,:host([value-state=Error]) .ui5-radio-svg-outer{stroke:var(--sapField_InvalidColor);fill:var(--sapField_InvalidBackground)}:host([value-state=Error]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--_ui5_radio_button_hover_fill_error)}:host([value-state=Error]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable{filter:drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow_error))}:host([value-state=Warning][checked]) .ui5-radio-svg-inner{fill:var(--_ui5_radio_button_checked_warning_fill)}:host([value-state=Warning]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer,:host([value-state=Warning]) .ui5-radio-svg-outer{stroke:var(--sapField_WarningColor);fill:var(--sapField_WarningBackground)}:host([value-state=Warning]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--_ui5_radio_button_hover_fill_warning)}:host([value-state=Warning]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable{filter:drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow_warning))}:host([value-state=Success][checked]) .ui5-radio-svg-inner{fill:var(--_ui5_radio_button_checked_success_fill)}:host([value-state=Success]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer,:host([value-state=Success]) .ui5-radio-svg-outer{stroke:var(--sapField_SuccessColor);fill:var(--sapField_SuccessBackground)}:host([value-state=Success]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--_ui5_radio_button_hover_fill_success)}:host([value-state=Success]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable{filter:drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow_success))}:host([value-state=Information][checked]) .ui5-radio-svg-inner{fill:var(--_ui5_radio_button_checked_information_fill)}:host([value-state=Information]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer,:host([value-state=Information]) .ui5-radio-svg-outer{stroke:var(--sapField_InformationColor);fill:var(--sapField_InformationBackground)}:host([value-state=Information]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--_ui5_radio_button_hover_fill_information)}:host([value-state=Information]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable{filter:drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow_information))}:host([value-state=Error]) .ui5-radio-root,:host([value-state=Information]) .ui5-radio-root,:host([value-state=Warning]) .ui5-radio-root{stroke-dasharray:var(--_ui5_radio_button_warning_error_border_dash)}.ui5-radio-root{height:var(--_ui5_radio_button_height);position:relative;display:inline-flex;flex-wrap:nowrap;outline:none;max-width:100%;width:var(--_ui5_radio_button_inner_width);box-sizing:border-box;border:var(--_ui5_radio_button_border);border-radius:var(--_ui5_radio_button_border_radius);transition:var(--_ui5_radio_button_transition)}.ui5-radio-inner{display:flex;align-items:center;padding:var(--_ui5_radio_button_outer_ring_padding);flex-shrink:0;height:var(--_ui5_radio_button_inner_size);font-size:1rem;pointer-events:none;vertical-align:top}.ui5-radio-inner:focus{outline:none}.ui5-radio-inner input{-webkit-appearance:none;visibility:hidden;width:0;left:0;position:absolute;font-size:inherit;margin:0}[ui5-label].ui5-radio-label{display:flex;align-items:center;padding-inline-end:var(--_ui5_radio_button_label_offset);vertical-align:top;max-width:100%;text-overflow:ellipsis;overflow:hidden;pointer-events:none;color:var(--_ui5_radio_button_label_color)}:host([wrapping-type=Normal][text]) .ui5-radio-root{height:auto}:host([wrapping-type=Normal][text]) [ui5-label].ui5-radio-label{padding:var(--_ui5_radio_button_label_side_padding) 0;word-break:break-all}.ui5-radio-svg{height:var(--_ui5_radio_button_svg_size);width:var(--_ui5_radio_button_svg_size);overflow:visible;pointer-events:none}.ui5-radio-svg-outer{fill:var(--_ui5_radio_button_outer_ring_bg);stroke:currentColor;stroke-width:var(--_ui5_radio_button_outer_ring_width)}.ui5-radio-svg-inner{fill:none;r:var(--_ui5_radio_button_inner_ring_radius)}.ui5-radio-svg-inner,.ui5-radio-svg-outer{flex-shrink:0}:host(.ui5-li-singlesel-radiobtn) .ui5-radio-root .ui5-radio-inner .ui5-radio-svg-outer{fill:var(--sapList_Background)}"
+    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}\n\n:host {\n\tmin-width: var(--_ui5_radio_button_min_width);\n\tmax-width: 100%;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tcolor: var(--_ui5_radio_button_color);\n\tborder-radius: var(--_ui5_radio_button_border_radius);\n\ttransition: var(--_ui5_radio_button_transition);\n}\n\n:host(:not([disabled])) .ui5-radio-root {\n\tcursor: pointer;\n}\n\n/* checked */\n\n:host([checked]) {\n\tcolor: var(--_ui5_radio_button_checked_fill);\n}\n\n:host([checked]) .ui5-radio-svg-inner {\n\tfill: var(--_ui5_radio_button_inner_ring_color);\n}\n\n:host([checked]) .ui5-radio-svg-outer {\n\tstroke: var(--_ui5_radio_button_outer_ring_color);\n}\n\n/* disabled */\n\n:host([disabled]) .ui5-radio-root {\n\tcolor: var(--_ui5_radio_button_color);\n\topacity: var(--sapContent_DisabledOpacity);\n}\n\n:host([disabled][checked]) .ui5-radio-svg-outer {\n\tstroke: var(--_ui5_radio_button_color);\n}\n\n/* focused */\n\n:host(:not([disabled])) .ui5-radio-root:focus-visible:before {\n\tcontent: \"\";\n\tdisplay: var(--_ui5_radio_button_focus_outline);\n\tposition: absolute;\n\ttop: var(--_ui5_radio_button_focus_dist);\n\tbottom: var(--_ui5_radio_button_focus_dist);\n\tleft: var(--_ui5_radio_button_focus_dist);\n\tright: var(--_ui5_radio_button_focus_dist);\n\tpointer-events: none;\n\tborder: var(--_ui5_radio_button_border_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n\tborder-radius: var(--_ui5_radio_button_border_radius);\n}\n\n/* horizon readonly focus */\n\n:host(:not([disabled])[readonly]) .ui5-radio-root:focus-visible:before {\n\tborder: var(--_ui5_radio_button_border_width) var(--_ui5_radio_button_border_readonly_focus_style) var(--sapContent_FocusColor);\n}\n\n:host(:not([disabled])) .ui5-radio-root:focus-visible {\n\tborder-radius: var(--_ui5_radio_button_border_radius);\n\tborder: var(--_ui5_radio_button_focus_border);\n}\n\n/* hovered */\n\n:host(:not([disabled]):hover) {\n\tbackground: var(--_ui5_radio_button_hover_background);\n\tbox-shadow: var(--_ui5_radio_button_hover_shadow);\n}\n\n/* hovered and value-state */\n\n:host(:not([value-state=\"Error\"]):not([value-state=\"Warning\"]):not([value-state=\"Success\"]):not([value-state=\"Information\"])) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer {\n\tstroke: var(--_ui5_radio_button_outer_ring_hover_color);\n}\n\n:host(:not([value-state=\"Error\"]):not([value-state=\"Warning\"]):not([value-state=\"Success\"]):not([value-state=\"Information\"])) .ui5-radio-root:hover .ui5-radio-inner--hoverable {\n\tfilter: drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow));\n}\n\n:host(:not([value-state=\"Error\"]):not([value-state=\"Warning\"]):not([value-state=\"Success\"]):not([value-state=\"Information\"])[checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer {\n\tstroke: var(--_ui5_radio_button_outer_ring_checked_hover_color);\n}\n\n.ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer,\n:host([checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer {\n\tfill: var(--_ui5_radio_button_hover_fill);\n}\n\n/* active, checked */\n\n:host([active][checked]:not([value-state]):not([disabled]):not([readonly])) .ui5-radio-svg-outer {\n\tstroke: var(--_ui5_radio_button_outer_ring_checked_hover_color);\n}\n\n/* active, not checked */\n\n:host([active]:not([checked]):not([value-state]):not([disabled]):not([readonly])) .ui5-radio-svg-outer {\n\tstroke: var(--_ui5_radio_button_outer_ring_active_color);\n}\n\n/* with label */\n\n:host([text]) .ui5-radio-root:focus-visible:before {\n\tinset-inline: var(--_ui5_radio_button_focus_dist) 0;\n}\n\n:host([text]) .ui5-radio-inner {\n\tpadding: var(--_ui5_radio_button_outer_ring_padding_with_label);\n}\n\n/* readonly */\n\n:host([checked][readonly]) .ui5-radio-svg-inner {\n\tfill: var(--sapContent_NonInteractiveIconColor);\n}\n\n:host([readonly]) .ui5-radio-root .ui5-radio-svg-outer {\n\tfill: var(--sapField_ReadOnly_Background);\n\tstroke: var(--sapField_ReadOnly_BorderColor);\n\tstroke-dasharray: var(--_ui5_radio_button_read_only_border_type);\n\tstroke-width: var(--_ui5_radio_button_read_only_border_width);\n}\n\n/* value states */\n\n:host([value-state=\"Error\"]) .ui5-radio-svg-outer,\n:host([value-state=\"Warning\"]) .ui5-radio-svg-outer {\n\tstroke-width: var(--sapField_InvalidBorderWidth);\n}\n\n:host([value-state=\"Information\"]) .ui5-radio-svg-outer {\n\tstroke-width: var(--_ui5_radio_button_information_border_width);\n}\n\n/* Error state */\n\n:host([value-state=\"Error\"][checked]) .ui5-radio-svg-inner {\n\tfill: var(--_ui5_radio_button_checked_error_fill);\n}\n\n:host([value-state=\"Error\"]) .ui5-radio-svg-outer,\n:host([value-state=\"Error\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer {\n\tstroke: var(--sapField_InvalidColor);\n\tfill: var(--sapField_InvalidBackground);\n}\n\n:host([value-state=\"Error\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer {\n\tfill: var(--_ui5_radio_button_hover_fill_error);\n}\n\n:host([value-state=\"Error\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable {\n\tfilter: drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow_error));\n}\n\n/* Warning state */\n\n:host([value-state=\"Warning\"][checked]) .ui5-radio-svg-inner {\n\tfill: var(--_ui5_radio_button_checked_warning_fill);\n}\n\n:host([value-state=\"Warning\"]) .ui5-radio-svg-outer,\n:host([value-state=\"Warning\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer {\n\tstroke: var(--sapField_WarningColor);\n\tfill: var(--sapField_WarningBackground);\n}\n\n:host([value-state=\"Warning\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer {\n\tfill: var(--_ui5_radio_button_hover_fill_warning);\n}\n\n:host([value-state=\"Warning\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable {\n\tfilter: drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow_warning));\n}\n\n/* Success state */\n\n:host([value-state=\"Success\"][checked]) .ui5-radio-svg-inner {\n\tfill: var(--_ui5_radio_button_checked_success_fill);\n}\n\n:host([value-state=\"Success\"]) .ui5-radio-svg-outer,\n:host([value-state=\"Success\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer {\n\tstroke: var(--sapField_SuccessColor);\n\tfill: var(--sapField_SuccessBackground);\n}\n\n:host([value-state=\"Success\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer {\n\tfill: var(--_ui5_radio_button_hover_fill_success);\n}\n\n:host([value-state=\"Success\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable {\n\tfilter: drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow_success));\n}\n\n/* Information state */\n\n:host([value-state=\"Information\"][checked]) .ui5-radio-svg-inner {\n\tfill: var(--_ui5_radio_button_checked_information_fill);\n}\n\n:host([value-state=\"Information\"]) .ui5-radio-svg-outer,\n:host([value-state=\"Information\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer {\n\tstroke: var(--sapField_InformationColor);\n\tfill: var(--sapField_InformationBackground);\n}\n\n:host([value-state=\"Information\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer {\n\tfill: var(--_ui5_radio_button_hover_fill_information);\n}\n\n:host([value-state=\"Information\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable {\n\tfilter: drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow_information));\n}\n\n:host([value-state=\"Error\"]) .ui5-radio-root,\n:host([value-state=\"Warning\"]) .ui5-radio-root,\n:host([value-state=\"Information\"]) .ui5-radio-root {\n\tstroke-dasharray: var(--_ui5_radio_button_warning_error_border_dash);\n}\n\n.ui5-radio-root {\n\theight: var(--_ui5_radio_button_height);\n\tposition: relative;\n\tdisplay: inline-flex;\n\tflex-wrap: nowrap;\n\toutline: none;\n\tmax-width: 100%;\n\twidth: var(--_ui5_radio_button_inner_width);\n\tbox-sizing: border-box;\n\tborder: var(--_ui5_radio_button_border);\n\tborder-radius: var(--_ui5_radio_button_border_radius);\n\ttransition: var(--_ui5_radio_button_transition);\n}\n\n/* Inner */\n\n.ui5-radio-inner {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: var(--_ui5_radio_button_outer_ring_padding);\n\tflex-shrink: 0;\n\theight: var(--_ui5_radio_button_inner_size);\n\tfont-size: 1rem; /* override font size of the message dialog */\n\tpointer-events: none;\n\tvertical-align: top;\n}\n\n.ui5-radio-inner {\n\toutline: none;\n}\n\n.ui5-radio-inner input {\n\t-webkit-appearance: none;\n\tvisibility: hidden;\n\twidth: 0;\n\tleft: 0;\n\tposition: absolute;\n\tfont-size: inherit;\n\tmargin: 0; /* FF puts margin */\n}\n\n/* Label */\n\n[ui5-label].ui5-radio-label {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-inline-end: var(--_ui5_radio_button_label_offset);\n\tvertical-align: top;\n\tmax-width: 100%;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tpointer-events: none;\n\tcolor: var(--_ui5_radio_button_label_color);\n}\n\n:host([wrapping-type=\"Normal\"][text]) .ui5-radio-root {\n\theight: auto;\n}\n\n:host([wrapping-type=\"Normal\"][text]) [ui5-label].ui5-radio-label {\n\tpadding: var(--_ui5_radio_button_label_side_padding) 0;\n\toverflow-wrap: break-word;\n}\n\n/* SVG */\n\n.ui5-radio-svg {\n\theight: var(--_ui5_radio_button_svg_size);\n\twidth: var(--_ui5_radio_button_svg_size);\n\toverflow: visible;\n\tpointer-events: none;\n}\n\n.ui5-radio-svg-outer {\n\tfill: var(--_ui5_radio_button_outer_ring_bg);\n\tstroke: currentColor;\n\tstroke-width: var(--_ui5_radio_button_outer_ring_width);\n}\n\n.ui5-radio-svg-inner {\n\tfill: none;\n\tr: var(--_ui5_radio_button_inner_ring_radius);\n}\n\n.ui5-radio-svg-outer,\n.ui5-radio-svg-inner {\n\tflex-shrink: 0;\n}\n\n/* ListItem Context */\n\n:host(.ui5-li-singlesel-radiobtn) .ui5-radio-root .ui5-radio-inner .ui5-radio-svg-outer {\n\tfill: var(--sapList_Background);\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/RangeSlider.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/RangeSlider.css",
-    content: ":host([ui5-range-slider]) .ui5-slider-progress-container:before{background-color:var(--_ui5_slider_progress_container_dot_background)}.ui5-slider-root:hover:active .ui5-slider-handle:not(:focus){background:var(--sapSlider_RangeHandleBackground)}.ui5-slider-root:active .ui5-slider-handle:active:focus,.ui5-slider-root:active .ui5-slider-handle:focus{background:var(--_ui5_range_slider_handle_active_background)}.ui5-slider-root:active .ui5-slider-handle:active:focus [slider-icon],.ui5-slider-root:active .ui5-slider-handle:focus [slider-icon]{display:var(--_ui5_range_slider_active_handle_icon_display)}:host([range-pressed]) .ui5-slider-root:active .ui5-slider-handle:not(:focus){background:var(--_ui5_range_slider_handle_active_background);border:var(--_ui5_slider_handle_focus_border);box-shadow:none}:host([range-pressed]) .ui5-slider-progress:focus:after{border:none}:host([range-pressed]) .ui5-slider-handle [slider-icon]{display:var(--_ui5_range_slider_active_handle_icon_display)}.ui5-slider-root:not(.ui5-slider-root-phone) .ui5-slider-inner .ui5-slider-handle:focus,.ui5-slider-root:not(.ui5-slider-root-phone):focus .ui5-slider-inner .ui5-slider-handle{background:var(--_ui5_range_slider_handle_background_focus)}.ui5-slider-root:not(.ui5-slider-root-phone) .ui5-slider-inner .ui5-slider-handle:focus [slider-icon]{display:none}.ui5-slider-root:not(.ui5-slider-root-phone) .ui5-slider-progress:focus:before{display:var(--_ui5_range_slider_legacy_progress_focus_display);content:\"\";position:absolute;width:var(--_ui5_range_slider_focus_outline_width);border:var(--_ui5_slider_progress_outline);border-radius:var(--_ui5_range_slider_focus_outline_radius);top:var(--_ui5_slider_progress_outline_offset);height:var(--_ui5_slider_outer_height);box-sizing:border-box;left:var(--_ui5_slider_progress_outline_offset_left)}.ui5-slider-progress{position:relative}.ui5-slider-progress:focus:after{border:.125rem solid var(--sapContent_FocusColor);border-radius:.5rem;content:\"\";display:var(--_ui5_range_slider_progress_focus_display);position:absolute;top:var(--_ui5_range_slider_progress_focus_top);left:var(--_ui5_range_slider_progress_focus_left);padding:var(--_ui5_range_slider_progress_focus_padding);width:var(--_ui5_range_slider_progress_focus_width);height:var(--_ui5_range_slider_progress_focus_height);box-sizing:border-box}.ui5-slider-handle{background:var(--_ui5_range_slider_handle_background)}.ui5-slider-root:hover .ui5-slider-handle:not(:focus){background:var(--_ui5_range_slider_root_hover_handle_bg)}.ui5-slider-root:hover .ui5-slider-handle:not(:focus) [slider-icon]{display:var(--_ui5_range_slider_root_hover_handle_icon_display)}:host([range-pressed]) .ui5-slider-root:active .ui5-slider-handle:not(:focus) [slider-icon]{display:var(--_ui5_range_slider_root_active_handle_icon_display)}"
+    content: ":host([ui5-range-slider]) .ui5-slider-progress-container::before {\n\tbackground-color: var(--_ui5_slider_progress_container_dot_background);\n}\n\n/* Range Slider handles (Horizon implementatioon) */\n\n.ui5-slider-root:hover:active .ui5-slider-handle:not(:focus) {\n\tbackground: var(--sapSlider_RangeHandleBackground);\n}\n\n.ui5-slider-root:active .ui5-slider-handle:active:focus,\n.ui5-slider-root:active .ui5-slider-handle:focus {\n\tbackground: var(--_ui5_range_slider_handle_active_background);\n}\n\n.ui5-slider-root:active .ui5-slider-handle:active:focus [slider-icon],\n.ui5-slider-root:active .ui5-slider-handle:focus [slider-icon] {\n\tdisplay: var(--_ui5_range_slider_active_handle_icon_display);\n}\n\n:host([range-pressed]) .ui5-slider-root:active .ui5-slider-handle:not(:focus) {\n\tbackground: var(--_ui5_range_slider_handle_active_background);\n\tborder: var(--_ui5_slider_handle_focus_border);\n\tbox-shadow: none;\n}\n\n:host([range-pressed]) .ui5-slider-progress:focus::after {\n\tborder: none;\n}\n\n:host([range-pressed]) .ui5-slider-handle [slider-icon] {\n\tdisplay: var(--_ui5_range_slider_active_handle_icon_display);\n}\n\n.ui5-slider-root:not(.ui5-slider-root-phone):focus .ui5-slider-inner .ui5-slider-handle,\n.ui5-slider-root:not(.ui5-slider-root-phone) .ui5-slider-inner .ui5-slider-handle:focus {\n\tbackground: var(--_ui5_range_slider_handle_background_focus);\n}\n\n.ui5-slider-root:not(.ui5-slider-root-phone) .ui5-slider-inner .ui5-slider-handle:focus [slider-icon] {\n  display: none;\n}\n\n.ui5-slider-root:not(.ui5-slider-root-phone) .ui5-slider-progress:focus::before {\n\tdisplay: var(--_ui5_range_slider_legacy_progress_focus_display);\n\tcontent: '';\n\tposition: absolute;\n\twidth: var(--_ui5_range_slider_focus_outline_width);\n\tborder: var(--_ui5_slider_progress_outline);\n\tborder-radius: var(--_ui5_range_slider_focus_outline_radius);\n\ttop: var(--_ui5_slider_progress_outline_offset);\n\theight: var(--_ui5_slider_outer_height);\n\tbox-sizing: border-box;\n\tleft: var(--_ui5_slider_progress_outline_offset_left);\n}\n\n.ui5-slider-progress {\n  position: relative;\n}\n\n.ui5-slider-progress:focus::after {\n\tborder: 0.125rem solid var(--sapContent_FocusColor);\n\tborder-radius: 0.5rem;\n\tcontent: \"\";\n\tdisplay: var(--_ui5_range_slider_progress_focus_display);\n\tposition: absolute;\n\ttop: var(--_ui5_range_slider_progress_focus_top);\n\tleft: var(--_ui5_range_slider_progress_focus_left);\n\tpadding: var(--_ui5_range_slider_progress_focus_padding);\n\twidth: var(--_ui5_range_slider_progress_focus_width);\n\theight: var(--_ui5_range_slider_progress_focus_height);\n\tbox-sizing: border-box;\n}\n\n.ui5-slider-handle {\n\tbackground: var(--_ui5_range_slider_handle_background);\n}\n\n.ui5-slider-root:hover .ui5-slider-handle:not(:focus) {\n\tbackground: var(--_ui5_range_slider_root_hover_handle_bg);\n}\n\n.ui5-slider-root:hover .ui5-slider-handle:not(:focus) [slider-icon] {\n\tdisplay: var(--_ui5_range_slider_root_hover_handle_icon_display);\n}\n\n:host([range-pressed]) .ui5-slider-root:active .ui5-slider-handle:not(:focus) [slider-icon] {\n\tdisplay: var(--_ui5_range_slider_root_active_handle_icon_display);\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/RatingIndicator.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/RatingIndicator.css",
-    content: ":host(:not([hidden])){display:inline-block;font-size:24px;margin:var(--_ui5_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:.4;cursor:auto;outline:none}:host([readonly]){cursor:auto}:host([disabled]) .ui5-rating-indicator-item-unsel,:host([readonly]) .ui5-rating-indicator-item-unsel{padding-inline:var(--_ui5_rating_indicator_readonly_item_spacing);width:var(--_ui5_rating_indicator_readonly_item_width);height:var(--_ui5_rating_indicator_readonly_item_height)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:.9}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--_ui5_rating_indicator_outline_offset);border-radius:var(--_ui5_rating_indicator_border_radius)}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.ui5-rating-indicator-root{outline:none;position:relative}.ui5-rating-indicator-list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.ui5-rating-indicator-item{position:relative;width:var(--_ui5_rating_indicator_item_width);height:var(--_ui5_rating_indicator_item_height)}.ui5-rating-indicator-item:not(:last-child){margin-inline-end:.1875rem}.ui5-rating-indicator-item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.ui5-rating-indicator-item.ui5-rating-indicator-item-sel{color:var(--sapContent_RatedColor)}.ui5-rating-indicator-item.ui5-rating-indicator-item-unsel{color:var(--sapContent_UnratedColor)}.ui5-rating-indicator-item.ui5-rating-indicator-item-half{color:var(--sapContent_UnratedColor)}.ui5-rating-indicator-item [ui5-icon].ui5-rating-indicator-half-icon{position:absolute;inset-inline-start:50%;color:var(--sapContent_RatedColor)}.ui5-rating-indicator-half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}"
+    content: ":host(:not([hidden])) {\n\tdisplay: inline-block;\n\tfont-size: 24px;\n\tmargin: var(--_ui5_rating_indicator_component_spacing);\n\tcursor: pointer;\n}\n\n:host([disabled]) {\n\topacity: .4;\n\tcursor: initial;\n\toutline: none;\n}\n\n:host([readonly]) {\n\tcursor: initial;\n}\n\n:host([disabled]) .ui5-rating-indicator-item-unsel,\n:host([readonly]) .ui5-rating-indicator-item-unsel {\n\tpadding-inline: var(--_ui5_rating_indicator_readonly_item_spacing);\n\twidth: var(--_ui5_rating_indicator_readonly_item_width);\n\theight: var(--_ui5_rating_indicator_readonly_item_height);\n}\n\n:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover {\n\topacity: .9;\n}\n\n:host([_focused]) {\n\toutline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n\toutline-offset: var(--_ui5_rating_indicator_outline_offset);\n\tborder-radius: var(--_ui5_rating_indicator_border_radius);\n}\n\n[ui5-icon] {\n\tdisplay: flex;\n\ttext-shadow: var(--sapContent_TextShadow);\n}\n\n.ui5-rating-indicator-root {\n\toutline: none;\n\tposition: relative;\n}\n\n.ui5-rating-indicator-list {\n\tlist-style-type: none;\n\tdisplay: flex;\n\talign-items: center;\n\tmargin: 0;\n\tpadding: 0;\n}\n\n.ui5-rating-indicator-item {\n\tposition: relative;\n\twidth: var(--_ui5_rating_indicator_item_width);\n\theight: var(--_ui5_rating_indicator_item_height);\n}\n\n.ui5-rating-indicator-item:not(:last-child) {\n\tmargin-inline-end: 0.1875rem;\n}\n\n.ui5-rating-indicator-item [ui5-icon] {\n\twidth: 100%;\n\theight: 100%;\n\tcolor: inherit;\n\tuser-select: none;\n}\n\n.ui5-rating-indicator-item.ui5-rating-indicator-item-sel {\n\tcolor: var(--sapContent_RatedColor);\n}\n\n.ui5-rating-indicator-item.ui5-rating-indicator-item-unsel {\n\tcolor: var(--sapContent_UnratedColor);\n}\n\n.ui5-rating-indicator-item.ui5-rating-indicator-item-half {\n\tcolor: var(--sapContent_UnratedColor);\n}\n\n.ui5-rating-indicator-item [ui5-icon].ui5-rating-indicator-half-icon {\n\tposition: absolute;\n    inset-inline-start: 50%;\n    color: var(--sapContent_RatedColor);\n}\n\n.ui5-rating-indicator-half-icon-wrapper {\n\twidth: 100%;\n    height: 100%;\n    position: absolute;\n    inset-inline-start: -50%;\n    top: 0;\n    z-index: 32;\n    overflow: hidden;\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/ResponsivePopover.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/ResponsivePopover.css",
-    content: ":host{--_ui5_input_width:100%;min-width:6.25rem;min-height:2rem}:host([opened]){display:inline-block}.ui5-responsive-popover-header{height:var(--_ui5-responsive_popover_header_height);display:flex;justify-content:space-between;align-items:center;width:100%}.ui5-responsive-popover-header-text{width:calc(100% - var(--_ui5_button_base_min_width))}.ui5-responsive-popover-header-no-title{justify-content:flex-end}"
+    content: ":host {\n\t--_ui5_input_width: 100%;\n\tmin-width: 6.25rem;\n\tmin-height: 2rem;\n}\n\n:host([opened]) {\n\tdisplay: inline-block;\n}\n\n.ui5-responsive-popover-header {\n\theight: var(--_ui5-responsive_popover_header_height);\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\twidth:100%;\n}\n\n.ui5-responsive-popover-header-text {\n\twidth: calc(100% - var(--_ui5_button_base_min_width));\n}\n\n.ui5-responsive-popover-header-no-title {\n\tjustify-content: flex-end;\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/ResponsivePopoverCommon.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/ResponsivePopoverCommon.css",
-    content: ".input-root-phone{flex:1;position:relative;height:var(--_ui5_input_height);color:var(--sapField_TextColor);font-size:var(--sapFontSize);font-family:\"72override\",var(--sapFontFamily);background:var(--sapField_BackgroundStyle);background-color:var(--_ui5_input_background_color);border:var(--_ui5-input-border);border-radius:var(--_ui5_input_border_radius);box-sizing:border-box}.input-root-phone [inner-input]{padding:0 .5rem;width:100%;height:100%}.input-root-phone [inner-input]:focus{background-color:var(--sapField_Focus_Background)}.input-root-phone:focus-within:before{content:\"\";position:absolute;pointer-events:none;z-index:2;border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);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)}.input-root-phone [value-state=Error] [input-icon][data-ui5-compact-size],.input-root-phone [value-state=Success] [input-icon][data-ui5-compact-size],.input-root-phone [value-state=Warning] [input-icon][data-ui5-compact-size]{padding:.1875rem .5rem}[inner-input]{background:transparent;color:inherit;border:none;font-style:normal;-webkit-appearance:none;-moz-appearance:textfield;line-height:normal;padding:var(--_ui5_input_inner_padding);box-sizing:border-box;min-width:3rem;text-overflow:ellipsis;flex:1;outline:none;font-size:inherit;font-family:inherit;border-radius:var(--_ui5_input_border_radius)}[inner-input]::-moz-selection,[inner-input]::selection{background:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}[inner-input]::-webkit-input-placeholder{font-style:italic;color:var(--sapField_PlaceholderTextColor)}[inner-input]::-moz-placeholder{font-style:italic;color:var(--sapField_PlaceholderTextColor)}.input-root-phone[value-state]:not([value-state=None]){border-width:var(--_ui5_input_state_border_width)}.input-root-phone[value-state=Error] [inner-input],.input-root-phone[value-state=Warning] [inner-input]{font-style:var(--_ui5_input_error_warning_font_style)}.input-root-phone[value-state=Error] [inner-input]{font-weight:var(--_ui5_input_error_font_weight)}.input-root-phone[value-state=Error]:not([readonly]){background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border-color:var(--_ui5_input_value_state_error_border_color)}.input-root-phone[value-state=Error]:not([readonly]) [inner-input]:focus{background-color:var(--_ui5_input_focused_value_state_error_background);border-color:var(--_ui5_input_focused_value_state_error_border_color)}.input-root-phone[value-state=Error]:not([readonly]):focus-within:before{border-color:var(--_ui5_input_focused_value_state_error_focus_outline_color)}.input-root-phone[value-state=Error]:not([readonly]):not([disabled]),.input-root-phone[value-state=Information]:not([readonly]):not([disabled]),.input-root-phone[value-state=Warning]:not([readonly]):not([disabled]){border-style:var(--_ui5_input_error_warning_border_style)}.input-root-phone[value-state=Warning]:not([readonly]){background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border-color:var(--_ui5_input_value_state_warning_border_color)}.input-root-phone[value-state=Warning]:not([readonly]) [inner-input]:focus{background-color:var(--_ui5_input_focused_value_state_warning_background);border-color:var(--_ui5_input_focused_value_state_warning_border_color)}.input-root-phone[value-state=Warning]:not([readonly]):focus-within:before{border-color:var(--_ui5_input_focused_value_state_warning_focus_outline_color)}.input-root-phone[value-state=Success]:not([readonly]){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)}.input-root-phone[value-state=Success]:not([readonly]) [inner-input]:focus{background-color:var(--_ui5_input_focused_value_state_success_background);border-color:var(--_ui5_input_focused_value_state_success_border_color)}.input-root-phone[value-state=Success]:not([readonly]):focus-within:before{border-color:var(--_ui5_input_focused_value_state_success_focus_outline_color)}.input-root-phone[value-state=Information]:not([readonly]){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)}.input-root-phone[value-state=Information]:not([readonly]) [inner-input]:focus{background-color:var(--_ui5_input_focused_value_state_information_background);border-color:var(--_ui5_input_focused_value_state_information_border_color)}.ui5-multi-combobox-toggle-button{margin-left:.5rem}.ui5-responsive-popover-header{width:100%;min-height:2.5rem;display:flex;flex-direction:column}.ui5-responsive-popover-header-text{width:calc(100% - var(--_ui5_button_base_min_width))}.ui5-responsive-popover-header .row{box-sizing:border-box;padding:.25rem 1rem;min-height:2.5rem;display:flex;justify-content:center;align-items:center;font-size:var(--sapFontHeader5Size)}.ui5-responsive-popover-footer{display:flex;justify-content:flex-end;padding:.25rem 0;width:100%}.ui5-responsive-popover-close-btn{position:absolute;right:1rem}"
+    content: "/* styles for input in dialog */\n.input-root-phone {\n\tflex: 1;\n\tposition: relative;\n\theight: var(--_ui5_input_height);\n\tcolor: var(--sapField_TextColor);\n\tfont-size: var(--sapFontSize);\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tbackground: var(--sapField_BackgroundStyle);\n\tbackground-color: var(--_ui5_input_background_color);\n\tborder: var(--_ui5-input-border);\n\tborder-radius: var(--_ui5_input_border_radius);\n\tbox-sizing: border-box;\n}\n.input-root-phone [inner-input] {\n\tpadding: 0 0.5rem;\n\twidth: 100%;\n\theight: 100%;\n}\n.input-root-phone [inner-input]:focus {\n\tbackground-color: var(--sapField_Focus_Background);\n}\n.input-root-phone:focus-within:before {\n\tcontent: '';\n\tposition: absolute;\n\tpointer-events: none;\n\tz-index: 2;\n\tborder: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\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}\n.input-root-phone [value-state=\"Error\"] [input-icon][data-ui5-compact-size],\n.input-root-phone [value-state=\"Success\"] [input-icon][data-ui5-compact-size],\n.input-root-phone [value-state=\"Warning\"] [input-icon][data-ui5-compact-size] {\n\tpadding: .1875rem .5rem\n}\n[inner-input] {\n\tbackground: transparent;\n\tcolor: inherit;\n\tborder: none;\n\tfont-style: normal;\n\t-webkit-appearance: none;\n\t-moz-appearance: textfield;\n\tline-height: normal;\n\tpadding: var(--_ui5_input_inner_padding);\n\tbox-sizing: border-box;\n\tmin-width: 3rem;\n\ttext-overflow: ellipsis;\n\tflex: 1;\n\toutline: none;\n\tfont-size: inherit;\n\tfont-family: inherit;\n\tborder-radius: var(--_ui5_input_border_radius);\n}\n[inner-input]::selection,\n[inner-input]::-moz-selection {\n\tbackground: var(--sapSelectedColor);\n\tcolor: var(--sapContent_ContrastTextColor);\n}\n/* Input placeholder */\n[inner-input]::-webkit-input-placeholder {\n\tfont-style: italic;\n\tcolor: var(--sapField_PlaceholderTextColor);\n}\n[inner-input]::-moz-placeholder {\n\tfont-style: italic;\n\tcolor: var(--sapField_PlaceholderTextColor);\n}\n.input-root-phone[value-state]:not([value-state=\"None\"]) {\n\tborder-width: var(--_ui5_input_state_border_width);\n}\n.input-root-phone[value-state=\"Error\"] [inner-input],\n.input-root-phone[value-state=\"Warning\"] [inner-input] {\n\tfont-style: var(--_ui5_input_error_warning_font_style);\n}\n.input-root-phone[value-state=\"Error\"] [inner-input] {\n\tfont-weight: var(--_ui5_input_error_font_weight);\n}\n.input-root-phone[value-state=\"Error\"]:not([readonly]) {\n\tbackground: var(--sapField_InvalidBackgroundStyle);\n\tbackground-color: var(--sapField_InvalidBackground);\n\tborder-color: var(--_ui5_input_value_state_error_border_color);\n}\n.input-root-phone[value-state=\"Error\"]:not([readonly]) [inner-input]:focus {\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.input-root-phone[value-state=\"Error\"]:not([readonly]):focus-within:before {\n\tborder-color: var(--_ui5_input_focused_value_state_error_focus_outline_color);\n}\n.input-root-phone[value-state=\"Error\"]:not([readonly]):not([disabled]),\n.input-root-phone[value-state=\"Warning\"]:not([readonly]):not([disabled]),\n.input-root-phone[value-state=\"Information\"]:not([readonly]):not([disabled]) {\n\tborder-style: var(--_ui5_input_error_warning_border_style);\n}\n.input-root-phone[value-state=\"Warning\"]:not([readonly]) {\n\tbackground: var(--sapField_WarningBackgroundStyle);\n\tbackground-color: var(--sapField_WarningBackground);\n\tborder-color: var(--_ui5_input_value_state_warning_border_color);\n}\n.input-root-phone[value-state=\"Warning\"]:not([readonly]) [inner-input]:focus {\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.input-root-phone[value-state=\"Warning\"]:not([readonly]):focus-within:before {\n\tborder-color: var(--_ui5_input_focused_value_state_warning_focus_outline_color);\n}\n.input-root-phone[value-state=\"Success\"]:not([readonly]) {\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}\n.input-root-phone[value-state=\"Success\"]:not([readonly]) [inner-input]:focus {\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.input-root-phone[value-state=\"Success\"]:not([readonly]):focus-within:before {\n\tborder-color: var(--_ui5_input_focused_value_state_success_focus_outline_color);\n}\n.input-root-phone[value-state=\"Information\"]:not([readonly]) {\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}\n.input-root-phone[value-state=\"Information\"]:not([readonly]) [inner-input]:focus {\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/* MultiComboBox & MultiInput specific */\n.ui5-multi-combobox-toggle-button {\n\tmargin-left: 0.5rem;\n}\n.ui5-responsive-popover-header {\n\twidth: 100%;\n\tmin-height: 2.5rem;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n.ui5-responsive-popover-header-text {\n\twidth: calc(100% - var(--_ui5_button_base_min_width));\n}\n/* Header and footer layout */\n.ui5-responsive-popover-header .row {\n\tbox-sizing: border-box;\n\tpadding: 0.25rem 1rem;\n\tmin-height: 2.5rem;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tfont-size: var(--sapFontHeader5Size);\n}\n.ui5-responsive-popover-footer {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\tpadding: 0.25rem 0;\n\twidth: 100%;\n}\n.ui5-responsive-popover-close-btn {\n\tposition: absolute;\n\tright: 1rem;\n}\n\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/SegmentedButton.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/SegmentedButton.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}.ui5-segmented-button-root{display:flex;margin:0;padding:0;background-color:var(--sapButton_Background);border-radius:var(--_ui5_segmented_btn_outer_border_radius)}::slotted([ui5-segmented-button-item]){border-radius:var(--_ui5_segmented_btn_inner_border_radius);height:var(--_ui5_button_base_height);min-width:2.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:auto}::slotted([ui5-segmented-button-item]:hover){z-index:2}::slotted([ui5-segmented-button-item][active]),::slotted([ui5-segmented-button-item][pressed]){border:.0625rem solid var(--sapButton_Selected_BorderColor);background-color:var(--sapButton_Selected_Background);color:var(--sapButton_Selected_TextColor)}::slotted([ui5-segmented-button-item][pressed]:hover){border:.0625rem solid var(--sapButton_Selected_Hover_BorderColor);background-color:var(--sapButton_Selected_Hover_Background);color:var(--sapButton_Selected_TextColor)}::slotted([ui5-segmented-button-item]:nth-child(odd)){border-inline-end:var(--_ui5_segmented_btn_inner_border_odd_child);border-inline-start:var(--_ui5_segmented_btn_inner_border_odd_child)}::slotted([ui5-segmented-button-item][active]:nth-child(odd)),::slotted([ui5-segmented-button-item][pressed]:nth-child(odd)){border-inline-end:var(--_ui5_segmented_btn_inner_pressed_border_odd_child);border-inline-start:var(--_ui5_segmented_btn_inner_pressed_border_odd_child)}::slotted([ui5-segmented-button-item]:last-child){border-start-end-radius:var(--_ui5_segmented_btn_border_radius);border-end-end-radius:var(--_ui5_segmented_btn_border_radius);border-inline-end:var(--_ui5_segmented_btn_inner_border)}::slotted([ui5-segmented-button-item][active]:last-child),::slotted([ui5-segmented-button-item][pressed]:last-child){border-inline-end:.0625rem solid var(--sapButton_Selected_BorderColor)}::slotted([ui5-segmented-button-item]:first-child){border-start-start-radius:var(--_ui5_segmented_btn_border_radius);border-end-start-radius:var(--_ui5_segmented_btn_border_radius);border-inline-start:var(--_ui5_segmented_btn_inner_border)}::slotted([ui5-segmented-button-item][active]:first-child),::slotted([ui5-segmented-button-item][pressed]:first-child){border-inline-start:.0625rem solid var(--sapButton_Selected_BorderColor)}::slotted([ui5-segmented-button-item][active]:not([active]):hover){border-color:var(--sapButton_BorderColor)}::slotted([ui5-segmented-button-item][active]:hover){border-color:var(--sapButton_Selected_BorderColor)}"
+    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:host(:not([hidden])) {\n\tdisplay: inline-block;\n}\n.ui5-segmented-button-root {\n\tdisplay: flex;\n\tmargin: 0;\n\tpadding: 0;\n\tbackground-color: var(--sapButton_Background);\n\tborder-radius: var(--_ui5_segmented_btn_outer_border_radius);\n}\n::slotted([ui5-segmented-button-item]) {\n\tborder-radius: var(--_ui5_segmented_btn_inner_border_radius);\n\theight: var(--_ui5_button_base_height);\n\tmin-width: 2.5rem;\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tz-index: initial;\n}\n::slotted([ui5-segmented-button-item]:hover) {\n\tz-index: 2;\n}\n::slotted([ui5-segmented-button-item][pressed]),\n::slotted([ui5-segmented-button-item][active]) {\n\tborder: 0.0625rem solid var(--sapButton_Selected_BorderColor);\n\tbackground-color: var(--sapButton_Selected_Background);\n\tcolor: var(--sapButton_Selected_TextColor);\n}\n::slotted([ui5-segmented-button-item][pressed]:hover) {\n\tborder: 0.0625rem solid var(--sapButton_Selected_Hover_BorderColor);\n\tbackground-color: var(--sapButton_Selected_Hover_Background);\n\tcolor: var(--sapButton_Selected_TextColor);\n}\n::slotted([ui5-segmented-button-item]:nth-child(odd)) {\n\tborder-inline-end: var(--_ui5_segmented_btn_inner_border_odd_child);\n\tborder-inline-start: var(--_ui5_segmented_btn_inner_border_odd_child);\n}\n::slotted([ui5-segmented-button-item][pressed]:nth-child(odd)),\n::slotted([ui5-segmented-button-item][active]:nth-child(odd)) {\n\tborder-inline-end: var(--_ui5_segmented_btn_inner_pressed_border_odd_child);\n\tborder-inline-start: var(--_ui5_segmented_btn_inner_pressed_border_odd_child);\n}\n::slotted([ui5-segmented-button-item]:last-child) {\n\tborder-start-end-radius: var(--_ui5_segmented_btn_border_radius);\n\tborder-end-end-radius: var(--_ui5_segmented_btn_border_radius);\n\tborder-inline-end: var(--_ui5_segmented_btn_inner_border);\n}\n::slotted([ui5-segmented-button-item][pressed]:last-child),\n::slotted([ui5-segmented-button-item][active]:last-child) {\n\tborder-inline-end: 0.0625rem solid var(--sapButton_Selected_BorderColor);\n}\n::slotted([ui5-segmented-button-item]:first-child) {\n\tborder-start-start-radius: var(--_ui5_segmented_btn_border_radius);\n\tborder-end-start-radius: var(--_ui5_segmented_btn_border_radius);\n\tborder-inline-start: var(--_ui5_segmented_btn_inner_border);\n}\n::slotted([ui5-segmented-button-item][pressed]:first-child),\n::slotted([ui5-segmented-button-item][active]:first-child) {\n\tborder-inline-start: 0.0625rem solid var(--sapButton_Selected_BorderColor);\n}\n::slotted([ui5-segmented-button-item][active]:not([active]):hover) {\n\tborder-color: var(--sapButton_BorderColor);\n}\n::slotted([ui5-segmented-button-item][active]:hover) {\n\tborder-color: var(--sapButton_Selected_BorderColor);\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/Select.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/Select.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-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}: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}.ui5-select-root{width:100%;height:100%;display:flex;outline:none;cursor:pointer;overflow:hidden;border-radius:var(--_ui5_input_border_radius)}.ui5-select-label-root{flex-shrink:1;flex-grow:1;align-self:center;min-width:1rem;padding-inline-start:.5rem;cursor:pointer;outline:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--_ui5_select_label_olor);font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400}.ui5-select-option-icon{padding-inline-start:.5rem;color:var(--sapField_TextColor);align-self:center}:host(:not([disabled])){cursor:pointer}"
+    content: ":host {\n\tvertical-align: middle;\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.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: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.ui5-select-root {\n\tmin-width: calc(var(--_ui5_input_min_width) + (var(--_ui5-input-icons-count)*var(--_ui5_input_icon_width)));\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: flex;\n\toutline: none;\n\tcursor: pointer;\n\toverflow: hidden;\n\tborder-radius: var(--_ui5_input_border_radius);\n}\n.ui5-select-label-root {\n\tflex-shrink: 1;\n\tflex-grow: 1;\n\talign-self: center;\n\tmin-width: 1rem;\n\tpadding-inline-start: 0.5rem;\n\tcursor: pointer;\n\toutline: none;\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tcolor: var(--_ui5_select_label_color);\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-size: var(--sapFontSize);\n\tfont-weight: normal;\n}\n.ui5-select-option-icon {\n\tpadding-inline-start: 0.5rem;\n\tcolor: var(--sapField_TextColor);\n\talign-self: center;\n}\n:host(:not([disabled])) {\n\tcursor: pointer;\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/SelectPopover.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/SelectPopover.css",
-    content: ".ui5-select-popover::part(content),.ui5-select-popover::part(header){padding:0}.ui5-select-popover [ui5-li]{height:var(--_ui5_list_item_dropdown_base_height)}"
+    content: ".ui5-select-popover::part(content),\n.ui5-select-popover::part(header) {\n\tpadding: 0;\n}\n\n.ui5-select-popover [ui5-li] {\n\theight: var(--_ui5_list_item_dropdown_base_height);\n}\n\n.ui5-select-popover [ui5-li]::part(icon) {\n\tcolor: var(--sapList_TextColor);\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/SliderBase.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/SliderBase.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([disabled]){opacity:var(--_ui5_slider_disabled_opacity);cursor:default;pointer-events:none}:host{box-sizing:border-box;cursor:pointer;vertical-align:top;width:100%}:host(:not([hidden])){display:inline-block}.ui5-slider-root{box-sizing:border-box;height:3.3125rem;outline:none;padding:var(--_ui5_slider_padding);touch-action:none}.ui5-slider-inner{background-repeat:no-repeat;position:relative;min-width:var(--_ui5_slider_inner_min_width);height:100%}.ui5-slider-progress-container{width:100%;background:var(--_ui5_slider_progress_container_background);border:var(--_ui5_slider_progress_border);border-radius:var(--_ui5_slider_progress_border_radius);height:var(--_ui5_slider_inner_height);position:relative;box-sizing:var(--_ui5_slider_progress_box_sizing);top:var(--_ui5_slider_progress_container_top)}.ui5-slider-progress-container:after,.ui5-slider-progress-container:before{display:var(--_ui5_slider_progress_container_dot_display);content:\"\";position:absolute;border-radius:50%;width:var(--_ui5_slider_start_end_point_size);height:var(--_ui5_slider_start_end_point_size);top:var(--_ui5_slider_start_end_point_top)}.ui5-slider-progress-container:before{inset-inline-start:var(--_ui5_slider_start_end_point_left);background-color:var(--_ui5_slider_progress_before_background);border:var(--_ui5_slider_progress_before_border)}.ui5-slider-progress-container:after{inset-inline-end:var(--_ui5_slider_start_end_point_left);background-color:var(--_ui5_slider_progress_after_background);border:var(--_ui5_slider_progress_after_border)}.ui5-slider-progress{background:var(--_ui5_slider_progress_background);border-radius:var(--_ui5_slider_progress_border_radius);height:var(--_ui5_slider_progress_height);position:relative;outline:none;box-sizing:border-box;border:var(--_ui5_slider_active_progress_border);left:var(--_ui5_slider_active_progress_left);top:var(--_ui5_slider_active_progress_top)}.ui5-slider-tickmarks{list-style:none;padding:0;margin:0;top:var(--_ui5_slider_tickmark_top);display:flex;box-sizing:border-box;width:100%;justify-content:space-between;position:absolute;z-index:1}.ui5-slider-tickmarks li{height:var(--_ui5_slider_tickmark_height);border-inline-start:1px solid var(--_ui5_slider_tickmark_bg)}.ui5-slider-handle{background:var(--_ui5_slider_handle_background);border:var(--_ui5_slider_handle_border);border-radius:var(--_ui5_slider_handle_border_radius);box-shadow:var(--_ui5_slider_handle_box_shadow);margin-inline-start:calc(var(--_ui5_slider_handle_width)*-1/2);top:var(--_ui5_slider_handle_top);position:absolute;outline:none;height:var(--_ui5_slider_handle_height);width:var(--_ui5_slider_handle_width);box-sizing:var(--_ui5_slider_handle_box_sizing);display:flex;justify-content:center;align-items:center;z-index:2}[slider-icon]{display:var(--_ui5_slider_handle_icon_display);color:var(--sapContent_Selected_ForegroundColor);width:var(--_ui5_slider_handle_icon_size);height:var(--_ui5_slider_handle_icon_size)}.ui5-slider-handle:hover,.ui5-slider-root:hover .ui5-slider-handle:not(:focus){background:var(--_ui5_slider_handle_hover_background);border:var(--_ui5_slider_handle_hover_border);box-shadow:var(--_ui5_slider_handle_hover_box_shadow)}.ui5-slider-handle:not(:active):focus,.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle{outline:var(--_ui5_slider_handle_outline);outline-offset:var(--_ui5_slider_handle_outline_offset);border:var(--_ui5_slider_handle_focus_border);box-shadow:var(--_ui5_slider_handle_box_shadow_focus);background:var(--_ui5_slider_handle_background_focus)}.ui5-slider-handle:focus:active,.ui5-slider-root:active .ui5-slider-handle:focus{background:var(--_ui5_slider_handle_hover_background);border:var(--_ui5_slider_handle_active_border);box-shadow:var(--_ui5_slider_handle_active_box_shadow);outline:var(--_ui5_slider_handle_active_focused_outline)}.ui5-slider-handle--end:focus,.ui5-slider-handle.ui5-slider-handle--start:focus{border:var(--_ui5_slider_handle_focus_border)}.ui5-slider-handle:focus:hover,.ui5-slider-root:focus:hover .ui5-slider-handle{border:var(--_ui5_slider_handle_focus_border)}.ui5-slider-tooltip{display:flex;justify-content:center;align-items:center;visibility:hidden;pointer-events:none;line-height:1rem;position:absolute;left:50%;transform:translate(-50%);bottom:var(--_ui5_slider_tooltip_bottom);background:var(--_ui5_slider_tooltip_background);border:var(--_ui5_slider_tooltip_border);border-radius:var(--_ui5_slider_tooltip_border_radius);box-shadow:var(--_ui5_slider_tooltip_box_shadow);font-size:var(--_ui5_slider_tooltip_fontsize);color:var(--_ui5_slider_tooltip_color);height:var(--_ui5_slider_tooltip_height);min-width:var(--_ui5_slider_tooltip_min_width);padding:var(--_ui5_slider_tooltip_padding);box-sizing:var(--_ui5_slider_tooltip_border_box)}.ui5-slider-tooltip-value{position:relative;display:flex;justify-content:center;align-items:center}.ui5-slider-labels{position:absolute;top:1.25rem;margin:0;padding:0;white-space:nowrap}.ui5-slider-labels li{position:relative;list-style:none;padding-top:.3125rem;height:1rem;margin:0;text-align:center;display:inline-block;color:var(--_ui5_slider_label_color);font-size:var(--_ui5_slider_label_fontsize);padding-top:0;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;vertical-align:top}.ui5-slider-hidden-labels li:not(:first-child):not(:last-child){visibility:hidden}.ui5-slider-handle:focus .ui5-slider-tooltip{bottom:var(--_ui5_slider_handle_focused_tooltip_distance)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--_ui5_slider_tickmark_in_range_bg)}:host([show-tickmarks]) .ui5-slider-progress{height:var(--_ui5_slider_no_tickmarks_progress_height);border:var(--_ui5_slider_no_tickmarks_active_progress_border);left:var(--_ui5_slider_no_tickmarks_active_progress_left);top:var(--_ui5_slider_no_tickmarks_active_progress_top)}:host([show-tickmarks]) .ui5-slider-progress-container{top:var(--_ui5_slider_no_tickmarks_progress_container_top)}.ui5-slider-handle:focus:after{content:\"\";display:var(--_ui5_slider_handle_focus_visibility);width:calc(100% + var(--sapContent_FocusWidth)*2 + 2px);height:calc(100% + var(--sapContent_FocusWidth)*2 + 2px);border:var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);position:absolute;border-radius:var(--_ui5_slider_handle_border_radius);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([disabled]) {\n\topacity: var(--_ui5_slider_disabled_opacity);\n\tcursor: default;\n\tpointer-events: none;\n}\n\n:host {\n\tbox-sizing: border-box;\n\tcursor: pointer;\n\tvertical-align: top;\n\twidth: 100%;\n}\n\n:host(:not([hidden])) {\n\tdisplay: inline-block;\n}\n\n.ui5-slider-root {\n\tbox-sizing: border-box;\n\theight: 3.3125rem;\n\toutline: none;\n\tpadding: var(--_ui5_slider_padding);\n\ttouch-action: none;\n}\n\n.ui5-slider-inner {\n\tbackground-repeat: no-repeat;\n\tposition: relative;\n\tmin-width: var(--_ui5_slider_inner_min_width);\n\theight: 100%;\n}\n\n.ui5-slider-progress-container {\n\twidth: 100%;\n\tbackground: var(--_ui5_slider_progress_container_background);\n\tborder: var(--_ui5_slider_progress_border);\n\tborder-radius: var(--_ui5_slider_progress_border_radius);\n\theight: var(--_ui5_slider_inner_height);\n\tposition: relative;\n\tbox-sizing: var(--_ui5_slider_progress_box_sizing);\n\ttop: var(--_ui5_slider_progress_container_top);\n}\n\n.ui5-slider-progress-container::before,\n.ui5-slider-progress-container::after {\n\tdisplay: var(--_ui5_slider_progress_container_dot_display);\n\tcontent: \"\";\n\tposition: absolute;\n\tborder-radius: 50%;\n\twidth: var(--_ui5_slider_start_end_point_size);\n\theight: var(--_ui5_slider_start_end_point_size);\n\ttop: var(--_ui5_slider_start_end_point_top);\n}\n\n.ui5-slider-progress-container::before {\n\tinset-inline-start: var(--_ui5_slider_start_end_point_left);\n\tbackground-color: var(--_ui5_slider_progress_before_background);\n\tborder: var(--_ui5_slider_progress_before_border);\n}\n\n.ui5-slider-progress-container::after {\n\tinset-inline-end: var(--_ui5_slider_start_end_point_left);\n\tbackground-color: var(--_ui5_slider_progress_after_background);\n\tborder: var(--_ui5_slider_progress_after_border);\n}\n\n.ui5-slider-progress {\n\tbackground: var(--_ui5_slider_progress_background);\n\tborder-radius: var(--_ui5_slider_progress_border_radius);\n\theight: var(--_ui5_slider_progress_height);\n\tposition: relative;\n\toutline: none;\n\tbox-sizing: border-box;\n\tborder: var(--_ui5_slider_active_progress_border);\n\tleft: var(--_ui5_slider_active_progress_left);\n\ttop: var(--_ui5_slider_active_progress_top);\n}\n\n.ui5-slider-tickmarks {\n\tlist-style: none;\n\tpadding: 0;\n\tmargin: 0;\n\ttop: var(--_ui5_slider_tickmark_top);\n\tdisplay: flex;\n\tbox-sizing: border-box;\n\twidth: 100%;\n\tjustify-content: space-between;\n\tposition: absolute;\n\tz-index: 1;\n}\n\n.ui5-slider-tickmarks li {\n\theight: var(--_ui5_slider_tickmark_height);\n\tborder-inline-start: 1px solid var(--_ui5_slider_tickmark_bg);\n}\n\n.ui5-slider-handle {\n\tbackground: var(--_ui5_slider_handle_background);\n\tborder: var(--_ui5_slider_handle_border);\n\tborder-radius: var(--_ui5_slider_handle_border_radius);\n\tbox-shadow: var(--_ui5_slider_handle_box_shadow);\n\tmargin-inline-start: calc(-1 * var(--_ui5_slider_handle_width) / 2);\n\ttop: var(--_ui5_slider_handle_top);\n\tposition: absolute;\n\toutline: none;\n\theight: var(--_ui5_slider_handle_height);\n\twidth: var(--_ui5_slider_handle_width);\n\tbox-sizing: var(--_ui5_slider_handle_box_sizing);\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tz-index: 2;\n}\n\n[slider-icon] {\n\tdisplay: var(--_ui5_slider_handle_icon_display);\n\tcolor: var(--sapContent_Selected_ForegroundColor);\n\twidth: var(--_ui5_slider_handle_icon_size);\n\theight: var(--_ui5_slider_handle_icon_size);\n}\n\n.ui5-slider-root:hover .ui5-slider-handle:not(:focus),\n.ui5-slider-handle:hover {\n\tbackground: var(--_ui5_slider_handle_hover_background);\n\tborder: var(--_ui5_slider_handle_hover_border);\n\tbox-shadow: var(--_ui5_slider_handle_hover_box_shadow);\n}\n\n.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,\n.ui5-slider-handle:not(:active):focus {\n\toutline: var(--_ui5_slider_handle_outline);\n\toutline-offset: var(--_ui5_slider_handle_outline_offset);\n\tborder: var(--_ui5_slider_handle_focus_border);\n\tbox-shadow: var(--_ui5_slider_handle_box_shadow_focus);\n\tbackground: var(--_ui5_slider_handle_background_focus);\n}\n\n.ui5-slider-root:active .ui5-slider-handle:focus,\n.ui5-slider-handle:focus:active {\n\tbackground: var(--_ui5_slider_handle_hover_background);\n\tborder: var(--_ui5_slider_handle_active_border);\n\tbox-shadow: var(--_ui5_slider_handle_active_box_shadow);\n\toutline: var(--_ui5_slider_handle_active_focused_outline);\n}\n\n.ui5-slider-handle.ui5-slider-handle--start:focus,\n.ui5-slider-handle--end:focus {\n\tborder: var(--_ui5_slider_handle_focus_border);\n}\n\n.ui5-slider-root:focus:hover .ui5-slider-handle,\n.ui5-slider-handle:focus:hover {\n\tborder: var(--_ui5_slider_handle_focus_border);\n}\n\n.ui5-slider-tooltip {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tvisibility: hidden;\n\tpointer-events: none;\n\tline-height: 1rem;\n\tposition: absolute;\n\tleft: 50%;\n\ttransform: translate(-50%);\n\tbottom: var(--_ui5_slider_tooltip_bottom);\n\tbackground: var(--_ui5_slider_tooltip_background);\n\tborder: var(--_ui5_slider_tooltip_border);\n\tborder-radius: var(--_ui5_slider_tooltip_border_radius);\n\tbox-shadow: var(--_ui5_slider_tooltip_box_shadow);\n\tfont-size: var(--_ui5_slider_tooltip_fontsize);\n\tcolor: var(--_ui5_slider_tooltip_color);\n\theight: var(--_ui5_slider_tooltip_height);\n\tmin-width: var(--_ui5_slider_tooltip_min_width);\n\tpadding: var(--_ui5_slider_tooltip_padding);\n\tbox-sizing: var(--_ui5_slider_tooltip_border_box);\n}\n\n.ui5-slider-tooltip-value {\n\tposition: relative;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n.ui5-slider-labels {\n\tposition: absolute;\n\ttop: 1.25rem;\n\tmargin: 0;\n\tpadding: 0;\n\twhite-space: nowrap;\n}\n\n.ui5-slider-labels li {\n\tposition: relative;\n\tlist-style: none;\n\tpadding-top: 0.3125rem;\n\theight: 1rem;\n\tmargin: 0;\n\ttext-align: center;\n\tdisplay: inline-block;\n\tcolor: var(--_ui5_slider_label_color);\n\tfont-size: var(--_ui5_slider_label_fontsize);\n\tpadding-top: 0;\n\tbox-sizing: border-box;\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\talign-items: center;\n\tvertical-align: top;\n}\n\n.ui5-slider-hidden-labels li:not(:first-child):not(:last-child) {\n\tvisibility: hidden;\n}\n\n.ui5-slider-handle:focus .ui5-slider-tooltip {\n\tbottom: var(--_ui5_slider_handle_focused_tooltip_distance);\n}\n\n.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range {\n\tborder-inline-start: 1px solid var(--_ui5_slider_tickmark_in_range_bg);\n}\n\n:host([show-tickmarks]) .ui5-slider-progress {\n\theight: var(--_ui5_slider_no_tickmarks_progress_height);\n\tborder: var(--_ui5_slider_no_tickmarks_active_progress_border);\n\tleft: var(--_ui5_slider_no_tickmarks_active_progress_left);\n\ttop: var(--_ui5_slider_no_tickmarks_active_progress_top);\n}\n\n:host([show-tickmarks]) .ui5-slider-progress-container {\n\ttop: var(--_ui5_slider_no_tickmarks_progress_container_top);\n}\n\n.ui5-slider-handle:focus:after {\n\tcontent: \"\";\n\tdisplay: var(--_ui5_slider_handle_focus_visibility);\n\twidth: calc(100% + (var(--sapContent_FocusWidth) * 2) + 2px);\n\theight: calc(100% + (var(--sapContent_FocusWidth) * 2) + 2px);\n\tborder: var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);\n\tposition: absolute;\n\tborder-radius: var(--_ui5_slider_handle_border_radius);\n\tpointer-events: none;\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });