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

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

package/src/sap/ui/webc/main/thirdparty/generated/themes/ComboBoxPopover.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/ComboBoxPopover.css",
-    content: ".ui5-combobox-busy{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:42;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:all}.ui5-combobox-busy:not([active]){display:none}"
+    content: ".ui5-combobox-busy {\n\tposition: absolute;\n\tleft: 50%;\n\ttop: 50%;\n\ttransform: translate(-50%,-50%);\n\tz-index: 42;\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tpointer-events: all;\n}\n\n.ui5-combobox-busy:not([active]) {\n\tdisplay: none;\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/CustomListItem.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/CustomListItem.css",
-    content: ":host(:not([hidden])){display:block}:host{min-height:var(--_ui5_list_item_base_height);height:auto;box-sizing:border-box}.ui5-li-root.ui5-custom-li-root{padding:0;pointer-events:inherit}.ui5-li-root.ui5-custom-li-root .ui5-li-content{pointer-events:inherit}[ui5-checkbox].ui5-li-singlesel-radiobtn,[ui5-radio-button].ui5-li-singlesel-radiobtn{display:flex;align-items:center}.ui5-li-root.ui5-custom-li-root,[ui5-checkbox].ui5-li-singlesel-radiobtn,[ui5-radio-button].ui5-li-singlesel-radiobtn{min-width:var(--_ui5_custom_list_item_rb_min_width)}"
+    content: "\n:host(:not([hidden])) {\n\tdisplay: block;\n}\n\n:host {\n\tmin-height: var(--_ui5_list_item_base_height);\n\theight: auto;\n\tbox-sizing: border-box;\n}\n\n.ui5-li-root.ui5-custom-li-root {\n\tpointer-events: inherit;\n\tmin-height: inherit;\n}\n\n.ui5-li-root.ui5-custom-li-root .ui5-li-content {\n\tpointer-events: inherit;\n}\n\n[ui5-checkbox].ui5-li-singlesel-radiobtn,\n[ui5-radio-button].ui5-li-singlesel-radiobtn {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.ui5-li-root.ui5-custom-li-root,\n[ui5-checkbox].ui5-li-singlesel-radiobtn,\n[ui5-radio-button].ui5-li-singlesel-radiobtn {\n\tmin-width: var(--_ui5_custom_list_item_rb_min_width);\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/DatePicker.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/DatePicker.css",
-    content: ".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}[input-icon]{color:var(--_ui5_input_icon_color);cursor:pointer;outline:none;padding:var(--_ui5_input_icon_padding);border-inline-start:var(--_ui5_input_icon_border);min-width:1rem;min-height:1rem;border-radius:var(--_ui5_input_icon_border_radius)}[input-icon][pressed]{background:var(--_ui5_input_icon_pressed_bg);box-shadow:var(--_ui5_input_icon_box_shadow);border-inline-start:var(--_ui5_select_hover_icon_left_border);color:var(--_ui5_input_icon_pressed_color)}[input-icon]:active{background-color:var(--sapButton_Active_Background);box-shadow:var(--_ui5_input_icon_box_shadow);border-inline-start:var(--_ui5_select_hover_icon_left_border);color:var(--_ui5_input_icon_pressed_color)}[input-icon]:not([pressed]):not(:active):hover{background:var(--_ui5_input_icon_hover_bg);box-shadow:var(--_ui5_input_icon_box_shadow)}[input-icon]:hover{border-inline-start:var(--_ui5_select_hover_icon_left_border);box-shadow:var(--_ui5_input_icon_box_shadow)}:host(:not([hidden])){display:inline-block;line-height:normal;letter-spacing:normal;word-spacing:normal}:host{color:var(--sapField_TextColor);background-color:var(--sapField_Background);border-radius:var(--_ui5-datepicker_border_radius)}:host([value-state=Error]){background-color:var(--sapField_InvalidBackground)}:host(:not([disabled]):not([readonly]):active){background:var(--_ui5-datepicker-hover-background)}:host(:not([disabled]):not([readonly]):hover){background:var(--_ui5-datepicker-hover-background)}:host .ui5-date-picker-input{width:100%;min-width:12.5625rem;color:inherit;background-color:inherit;line-height:inherit;letter-spacing:inherit;word-spacing:inherit}:host(:not([disabled]):not([readonly])) .ui5-date-picker-input[focused]{background-color:var(--_ui5-datepicker-hover-background)}[slot=icon]{border-top-right-radius:var(--_ui5-datepicker_icon_border_radius);border-bottom-right-radius:var(--_ui5-datepicker_icon_border_radius)}"
+    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\tThis CSS file enables visual alignment of all icons within input elements.\n\tAPI:\n\t- add input-icon attribute to an icon\n\t- [Optional] pressed attribute set to the icon will enable additional styling (check MultiComboBox, Select, etc.)\n*/\n[input-icon] {\n\tcolor: var(--_ui5_input_icon_color);\n\tcursor: pointer;\n\toutline: none;\n\tpadding: var(--_ui5_input_icon_padding);\n\tborder-inline-start: var(--_ui5_input_icon_border);\n\tmin-width: 1rem;\n\tmin-height: 1rem;\n\tborder-radius: var(--_ui5_input_icon_border_radius);\n}\n[input-icon][pressed] {\n\tbackground: var(--_ui5_input_icon_pressed_bg);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\n\tcolor: var(--_ui5_input_icon_pressed_color);\n}\n[input-icon]:active {\n\tbackground-color: var(--sapButton_Active_Background);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\n\tcolor: var(--_ui5_input_icon_pressed_color);\n}\n[input-icon]:not([pressed]):not(:active):hover {\n\tbackground: var(--_ui5_input_icon_hover_bg);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n}\n[input-icon]:hover {\n\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n}\n:host(:not([hidden])) {\n\tdisplay: inline-block;\n\tline-height: normal;\n\tletter-spacing: normal;\n\tword-spacing: normal;\n\theight: var(--_ui5_input_height);\n\tborder-radius: var(--_ui5_input_border_radius);\n}\n:host {\n\tmin-width: calc(var(--_ui5_input_min_width) + var(--_ui5_input_icon_width));\n\tcolor: var(--sapField_TextColor);\n\tbackground-color: var(--sapField_Background);\n\tborder-radius: var(--_ui5-datepicker_border_radius);\n\tmargin: var(--_ui5_input_margin_top_bottom) 0;\n}\n:host([value-state=\"Error\"]:not([readonly]):not([disabled])) {\n\tbackground-color: var(--sapField_InvalidBackground);\n}\n:host(:not([disabled]):not([readonly]):active) {\n\tbackground: var(--_ui5-datepicker-hover-background);\n}\n:host(:not([disabled]):not([readonly]):hover) {\n\tbackground: var(--_ui5-datepicker-hover-background);\n}\n.ui5-date-picker-root {\n\tborder-radius: inherit;\n\theight: inherit;\n\tline-height: inherit;\n\tletter-spacing: inherit;\n\tword-spacing: inherit;\n}\n:host .ui5-date-picker-input {\n\twidth: 100%;\n\tmin-width: 12.5625rem;\n\tcolor: inherit;\n\tbackground-color: inherit;\n\tborder-radius: inherit;\n\theight: inherit;\n\tline-height: inherit;\n\tletter-spacing: inherit;\n\tword-spacing: inherit;\n\tmargin: inherit;\n}\n:host(:not([disabled]):not([readonly])) .ui5-date-picker-input[focused] {\n\tbackground-color: var(--_ui5-datepicker-hover-background);\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[slot=\"icon\"] {\n\tborder-top-right-radius: var(--_ui5-datepicker_icon_border_radius);\n    border-bottom-right-radius: var(--_ui5-datepicker_icon_border_radius);\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/DatePickerPopover.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/DatePickerPopover.css",
-    content: "[ui5-calendar]{width:100%;display:flex;justify-content:center}[ui5-responsive-popover]::part(content){padding:0}"
+    content: "[ui5-calendar] {\n\twidth: 100%;\n\tdisplay: flex;\n\tjustify-content: center;\n}\n\n[ui5-responsive-popover]::part(content) {\n    padding: 0;\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/DateRangePicker.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/DateRangePicker.css",
-    content: ":host(:not([hidden])){display:inline-block}:host{min-width:15rem;color:var(--sapField_TextColor);background-color:var(--sapField_Background)}:host .ui5-date-picker-input{width:100%;min-width:inherit;color:inherit;background-color:inherit}"
+    content: ":host(:not([hidden])) {\n\tdisplay: inline-block;\n}\n\n:host {\n\tmin-width: 15rem;\n\tcolor: var(--sapField_TextColor);\n\tbackground-color: var(--sapField_Background);\n}\n\n:host .ui5-date-picker-input {\n\twidth: 100%;\n\tmin-width:inherit;\n\tcolor: inherit;\n\tbackground-color: inherit;\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/DateTimePicker.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/DateTimePicker.css",
-    content: ":host{min-width:15rem;color:var(--sapField_TextColor);background-color:var(--sapField_Background)}:host .ui5-date-picker-input{min-width:inherit;color:inherit;background-color:inherit}"
+    content: ":host {\n\tmin-width: 15rem;\n\tcolor: var(--sapField_TextColor);\n\tbackground-color: var(--sapField_Background);\n}\n\n:host .ui5-date-picker-input {\n\tmin-width: inherit;\n\tcolor: inherit;\n\tbackground-color: inherit;\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/DateTimePickerPopover.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/DateTimePickerPopover.css",
-    content: ".ui5-dt-picker-content{display:flex;flex-direction:row;height:var(--_ui5_datetime_picker_height);min-width:var(--_ui5_datetime_picker_width);box-sizing:border-box;justify-content:center}.ui5-dt-picker-toggle-button{width:8rem}.ui5-dt-cal{width:auto;box-sizing:border-box}.ui5-dt-time{width:100%;min-width:var(--_ui5_datetime_timeview_width);box-sizing:border-box}.ui5-dt-cal.ui5-dt-cal--hidden,.ui5-dt-time.ui5-dt-time--hidden{display:none}.ui5-dt-picker-header{display:flex;justify-content:center;width:100%;margin-top:1rem;box-sizing:border-box}.ui5-dt-picker-separator{height:calc(100% - 2rem);width:0;margin-top:1rem;margin-bottom:1rem;border-left:1px solid var(--sapGroup_ContentBorderColor);box-sizing:border-box}.ui5-dt-picker-footer{display:flex;justify-content:flex-end;align-items:center;height:2.75rem;width:100%;padding:0 .5rem 0 .25rem}.ui5-dt-picker-footer.ui5-dt-picker-footer-time-hidden{padding:0}.ui5-dt-picker-action{margin:.25rem}#ok.ui5-dt-picker-action{width:4rem}.ui5-dt-picker-content--phone.ui5-dt-picker-content{min-width:auto;height:calc(100% - 4rem)}.ui5-dt-picker-content--phone .ui5-dt-cal{width:100%}.ui5-dt-picker-content--phone .ui5-dt-time{min-width:var(--_ui5_datetime_timeview_phonemode_width)}"
+    content: ".ui5-dt-picker-content {\n\tdisplay: flex;\n\tflex-direction: row;\n\theight: var(--_ui5_datetime_picker_height);\n\tmin-width: var(--_ui5_datetime_picker_width);\n\tbox-sizing: border-box;\n\tjustify-content: center;\n}\n\n.ui5-dt-picker-toggle-button {\n    width: 8rem;\n}\n\n.ui5-dt-cal {\n\twidth: auto;\n\tbox-sizing: border-box;\n}\n\n.ui5-dt-time {\n\twidth: 100%;\n\tmin-width: var(--_ui5_datetime_timeview_width);\n\tbox-sizing: border-box;\n}\n\n.ui5-dt-cal.ui5-dt-cal--hidden,\n.ui5-dt-time.ui5-dt-time--hidden {\n\tdisplay: none;\n}\n\n.ui5-dt-picker-header {\n\tdisplay: flex;\n\tjustify-content: center;\n\twidth: 100%;\n\tmargin-top: 1rem;\n\tbox-sizing: border-box;\n}\n\n.ui5-dt-picker-separator {\n\theight: calc(100% - 2rem);\n\twidth: 0px;\n\tmargin-top: 1rem;\n\tmargin-bottom: 1rem;\n\tborder-left: 1px solid var(--sapGroup_ContentBorderColor);\n\tbox-sizing: border-box;\n}\n\n.ui5-dt-picker-footer {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\theight: 2.75rem;\n\twidth: 100%;\n}\n\n.ui5-dt-picker-footer.ui5-dt-picker-footer-time-hidden {\n\tpadding: 0;\n}\n\n.ui5-dt-picker-action {\n\tmargin: 0.25rem;\n}\n\n#ok.ui5-dt-picker-action {\n\twidth: 4rem;\n}\n\n/* Phone mode */\n\n/* TODO: Improve that layouting */\n\n.ui5-dt-picker-content--phone.ui5-dt-picker-content {\n\tmin-width: auto;\n\theight: calc(100% - 4rem);\n}\n\n.ui5-dt-picker-content--phone .ui5-dt-cal {\n\twidth: 100%;\n}\n\n.ui5-dt-picker-content--phone .ui5-dt-time {\n\tmin-width: var(--_ui5_datetime_timeview_phonemode_width);\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/DayPicker.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/DayPicker.css",
-    content: ":host(:not([hidden])){display:block}:host{height:100%;width:100%}:host([hide-week-numbers]) .ui5-dp-content{flex-basis:100%}:host([secondary-calendar-type]) .ui5-dp-item{flex-direction:column;justify-content:var(--_ui5_day_picker_item_justify_content)}:host([secondary-calendar-type]) .ui5-dp-daytext{height:1.575rem;padding:.575rem 0 0 0}:host([secondary-calendar-type]) .ui5-dp-daysectext{font-size:.625rem;height:1rem;padding:0 .375rem .375rem 50%}.ui5-dp-dayname,.ui5-dp-item,.ui5-dp-weekname{width:var(--_ui5_day_picker_item_width);height:var(--_ui5_day_picker_item_height);margin-top:var(--_ui5_daypicker_item_margin);margin-right:var(--_ui5_daypicker_item_margin);font-family:\"72override\",var(--sapFontFamily);border-radius:var(--_ui5_daypicker_item_border_radius)}.ui5-dp-weekname{color:var(--_ui5_daypicker_weekname_color)}.ui5-dp-weeks-row{display:flex}.ui5-dp-content{display:flex;flex-basis:87.5%;flex-direction:column;font-family:\"72override\",var(--sapFontFamily)}.ui5-dp-days-names-container{display:flex;height:var(--_ui5_daypicker_daynames_container_height)}.ui5-dp-weeknumber-container{padding-top:var(--_ui5_daypicker_weeknumbers_container_padding_top);flex-basis:12.5%}.ui5-dp-dayname,.ui5-dp-item,.ui5-dp-weekname,.ui5-dp-weekname-container{display:flex;flex-grow:1;justify-content:center;align-items:center;font-size:var(--sapFontSmallSize);outline:none;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ui5-dp-item{position:relative;color:var(--sapTextColor);background:var(--sapLegend_WorkingBackground);font-size:var(--sapFontSize);border:var(--_ui5_daypicker_item_border);border-radius:var(--_ui5_daypicker_item_border_radius)}.ui5-dp-item:hover{background:var(--sapList_Hover_Background)}.ui5-dp-daytext{display:flex;width:100%;height:100%;justify-content:center;align-items:center;box-sizing:border-box}.ui5-dp-dayname{color:var(--_ui5_daypicker_dayname_color);height:100%}.ui5-dp-item.ui5-dp-item--weeekend{background:var(--sapLegend_NonWorkingBackground)}.ui5-dp-item.ui5-dp-item--disabled{pointer-events:none;opacity:.5}.ui5-dp-item.ui5-dp-item--weeekend:hover{background:var(--sapList_Hover_Background)}.ui5-dp-item.ui5-dp-item--othermonth{color:var(--_ui5_daypicker_item_othermonth_color);background:var(--_ui5_daypicker_item_othermonth_background_color);border-color:transparent}.ui5-dp-item.ui5-dp-item--othermonth:hover,.ui5-dp-item.ui5-dp-item--weeekend.ui5-dp-item--othermonth:hover{color:var(--_ui5_daypicker_item_othermonth_hover_color);background:var(--sapList_Hover_Background)}.ui5-dp-item:focus:after{content:\"\";border:var(--_ui5_daypicker_item_not_selected_focus_border);position:absolute;inset:var(--_ui5_daypicker_item_no_selected_inset);outline:none;border-radius:var(--_ui5_daypicker_item_border_radius_focus_after)}.ui5-dp-item.ui5-dp-item--now:before{position:absolute;inset:0;border:.125rem solid var(--sapLegend_CurrentDateTime);content:\"\";border-radius:var(--_ui5_daypicker_item_border_radius)}.ui5-dp-item.ui5-dp-item--now.ui5-dp-item--selected{box-shadow:var(--_ui5_daypicker_item_now_box_shadow)}:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--now .ui5-dp-daytext{height:1.8125rem;padding-top:.387rem}:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--now .ui5-dp-daysectext{height:1rem;padding-top:0;padding-bottom:.187rem}.ui5-dp-item.ui5-dp-item--selected{background:var(--sapContent_Selected_Background)}.ui5-dp-item.ui5-dp-item--selected:not(.ui5-dp-item.ui5-dp-item--now) .ui5-dp-daytext:after{position:absolute;inset:0;border:var(--_ui5_daypicker_item_selected_border);content:\"\";border-radius:var(--_ui5_daypicker_item_border_radius_focus_after)}.ui5-dp-item.ui5-dp-item--selected.ui5-dp-item.ui5-dp-item--now .ui5-dp-daytext{border:var(--_ui5_day_picker_item_selected_now_border);outline:var(--_ui5_daypicker_item_selected_text_outline);outline-offset:-.3125rem;border-radius:var(--_ui5_daypicker_item_border_radius_focus_after);font-family:var(--_ui5_daypicker_item_selected_text_font)}.ui5-dp-item.ui5-dp-item--selected .ui5-dp-daytext{background:var(--_ui5_daypicker_item_selected_background);color:var(--sapContent_Selected_TextColor);border-radius:var(--_ui5_daypicker_item_border_radius);border:var(--_ui5_daypicker_item_selected_text_border);font-family:var(--_ui5_daypicker_item_selected_text_font)}.ui5-dp-item.ui5-dp-item--selected:hover .ui5-dp-daytext{background:var(--_ui5_daypicker_item_selected_daytext_hover_background);color:var(--sapContent_Selected_TextColor)}.ui5-dp-item.ui5-dp-item--now:focus:after{inset:.1875rem;border-radius:var(--_ui5_daypicker_item_now_border_radius_focus_after);border:var(--_ui5_daypicker_item_now_border_focus_after);position:absolute;content:\"\";width:auto;height:auto}.ui5-dp-item.ui5-dp-item--selected.ui5-dp-item--now:focus:after{inset:.1875;border-radius:var(--_ui5_day_picker_item_selected_now_border_radios_foucs);border:var(--_ui5_day_picker_item_selected_now_border_foucs);position:absolute;content:\"\";width:auto;height:auto}.ui5-dp-item.ui5-dp-item--selected:hover{background:var(--sapContent_Selected_Hover_Background);color:var(--sapContent_ContrastTextColor)}.ui5-dp-item.ui5-dp-item--selected:focus:after{border-color:var(--_ui5_daypicker_item_selected_focus_color);border-width:var(--_ui5_daypicker_item_selected_focus_width)}.ui5-dp-items-container{outline:none}.ui5-dp-item.ui5-dp-item--selected-between .ui5-dp-daytext,.ui5-dp-item[hovered] .ui5-dp-daytext{border:var(--_ui5_daypicker_item_select_between_border);border-radius:var(--_ui5_daypicker_item_border_radius);background-color:var(--_ui5_daypicker_item_selected_between_text_background);color:var(--sapTextColor);font-weight:var(--_ui5_daypicker_item_selected_between_text_font)}.ui5-dp-item.ui5-dp-item--selected-between.ui5-dp-item--now:not(.ui5-dp-item--selected) .ui5-dp-daytext:after{content:\"\";position:absolute;inset:var(--_ui5_daypicker_item_now_selected_between_inset);border:var(--_ui5_daypicker_item_now_selected_between_border);border-radius:var(--_ui5_daypicker_item_now_selected_between_border_radius)}.ui5-dp-item.ui5-dp-item--selected-between,.ui5-dp-item[hovered]{border-radius:var(--_ui5_daypicker_item_selected_between_border);background:var(--_ui5_daypicker_item_selected_between_background)}.ui5-dp-item.ui5-dp-item--selected-between:hover{background:var(--_ui5_daypicker_item_selected_between_hover_background)}.ui5-dp-item.ui5-dp-item--selected.ui5-dp-item--selected-between:focus:after{border-color:var(--sapContent_FocusColor)}.ui5-dp-items-container>:first-child{justify-content:flex-end}.ui5-dp-emptyweek{height:var(--_ui5_day_picker_empty_height)}.ui5-dp-item.ui5-dp-item--now.ui5-dp-item--selected.ui5-dp-item--withsecondtype:focus:after{outline-offset:-.1875rem;border-radius:var(--_ui5-dp-item_withsecondtype_border)}.ui5-dp-item.ui5-dp-item--now.ui5-dp-item--selected.ui5-dp-item--withsecondtype .ui5-dp-daytext,.ui5-dp-item.ui5-dp-item--selected.ui5-dp-item--now.ui5-dp-item--withsecondtype .ui5-dp-daysectext{border:none;outline:none}"
+    content: ":host(:not([hidden])) {\n\tdisplay: block;\n}\n\n:host {\n\theight: 100%;\n\twidth: 100%;\n}\n\n:host([hide-week-numbers]) .ui5-dp-content {\n\tflex-basis: 100%;\n}\n\n:host([secondary-calendar-type]) .ui5-dp-item {\n\tflex-direction: column;\n\tjustify-content: var(--_ui5_day_picker_item_justify_content);\n}\n\n:host([secondary-calendar-type]) .ui5-dp-daytext {\n\theight: 1.575rem;\n\tpadding-top: var(--_ui5_dp_two_calendar_item_text_padding_top)\n}\n\n:host([secondary-calendar-type]) .ui5-dp-daysectext {\n\tfont-size: 0.625rem;\n\theight: var(--_ui5_dp_two_calendar_item_secondary_text_height);\n\tpadding: 0 0.375rem 0.375rem 50%;\n}\n\n.ui5-dp-weekname,\n.ui5-dp-dayname,\n.ui5-dp-item {\n\twidth: var(--_ui5_day_picker_item_width);\n\theight: var(--_ui5_day_picker_item_height);\n\tmargin-top: var(--_ui5_daypicker_item_margin);\n\tmargin-right: var(--_ui5_daypicker_item_margin);\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tborder-radius: var(--_ui5_daypicker_item_border_radius);\n}\n\n.ui5-dp-weekname {\n\tcolor: var(--_ui5_daypicker_weekname_color);\n}\n\n.ui5-dp-weeks-row {\n\tdisplay: flex;\n}\n\n.ui5-dp-content {\n\tdisplay: flex;\n\tflex-basis: 87.5%;\n\tflex-direction: column;\n\tfont-family: \"72override\", var(--sapFontFamily);\n}\n\n.ui5-dp-days-names-container {\n\tdisplay: flex;\n\theight: var(--_ui5_daypicker_daynames_container_height);\n}\n\n.ui5-dp-weeknumber-container {\n\tpadding-top: var(--_ui5_daypicker_weeknumbers_container_padding_top);\n\tflex-basis: 12.5%;\n}\n\n.ui5-dp-weekname,\n.ui5-dp-dayname,\n.ui5-dp-weekname-container,\n.ui5-dp-item {\n\tdisplay: flex;\n\tflex-grow: 1;\n\tjustify-content: center;\n\talign-items: center;\n\tfont-size: var(--sapFontSmallSize);\n\toutline: none;\n\tbox-sizing: border-box;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\tuser-select: none;\n}\n\n.ui5-dp-item {\n\tposition: relative;\n\tcolor: var(--sapTextColor);\n\tbackground: var(--sapLegend_WorkingBackground);\n\tfont-size: var(--sapFontSize);\n\tborder: var(--_ui5_daypicker_item_border);\n\tborder-radius: var(--_ui5_daypicker_item_border_radius);\n}\n\n.ui5-dp-item:hover {\n\tbackground: var(--sapList_Hover_Background);\n}\n\n.ui5-dp-daytext {\n\tdisplay: flex;\n\twidth: 100%;\n\theight: 100%;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n}\n\n.ui5-dp-dayname {\n\tcolor: var(--_ui5_daypicker_dayname_color);\n\theight: 100%;\n}\n\n.ui5-dp-item.ui5-dp-item--weeekend {\n\tbackground: var(--sapLegend_NonWorkingBackground);\n}\n\n.ui5-dp-item.ui5-dp-item--disabled {\n\tpointer-events: none;\n\topacity: 0.5;\n}\n\n.ui5-dp-item.ui5-dp-item--weeekend:hover {\n\tbackground: var(--sapList_Hover_Background);\n\tfilter: var(--_ui5_daypicker_item_weeekend_filter);\n}\n\n.ui5-dp-item.ui5-dp-item--othermonth {\n\tcolor: var(--_ui5_daypicker_item_othermonth_color);\n\tbackground: var(--_ui5_daypicker_item_othermonth_background_color);\n\tborder-color: transparent;\n}\n\n.ui5-dp-item.ui5-dp-item--othermonth:hover,\n.ui5-dp-item.ui5-dp-item--weeekend.ui5-dp-item--othermonth:hover {\n\tcolor: var(--_ui5_daypicker_item_othermonth_hover_color);\n\tbackground: var(--sapList_Hover_Background);\n}\n\n.ui5-dp-item:focus::after {\n\tcontent: \"\";\n\tborder: var(--_ui5_daypicker_item_not_selected_focus_border);\n\tposition: absolute;\n\tinset: var(--_ui5_daypicker_item_no_selected_inset);\n\toutline: none;\n\tborder-radius: var(--_ui5_daypicker_item_border_radius_focus_after);\n}\n\n.ui5-dp-item.ui5-dp-item--now::before {\n\tposition: absolute;\n\tinset: var(--_ui5_daypicker_item_now_not_selected_inset);\n\tborder: 0.125rem solid var(--_ui5_daypicker_item_now_border_color);\n\tcontent: \"\";\n\tborder-radius: var(--_ui5_daypicker_item_border_radius);\n}\n\n.ui5-dp-item.ui5-dp-item--now.ui5-dp-item--selected {\n\tbox-shadow: var(--_ui5_daypicker_item_now_box_shadow);\n}\n\n.ui5-dp-item.ui5-dp-item--selected {\n\tbackground: var(--sapContent_Selected_Background)\n}\n\n.ui5-dp-item.ui5-dp-item--selected:not(.ui5-dp-item.ui5-dp-item--now) .ui5-dp-daytext::after{\n\tposition: absolute;\n\tinset: 0;\n\tborder: var(--_ui5_daypicker_item_selected_border);\n\tcontent: \"\";\n\tborder-radius: var(--_ui5_daypicker_item_border_radius_item);\n}\n\n.ui5-dp-item.ui5-dp-item--selected.ui5-dp-item.ui5-dp-item--now .ui5-dp-daytext {\n\tborder: var(--_ui5_day_picker_item_selected_now_border);\n\toutline: var(--_ui5_daypicker_item_selected_text_outline);\n\toutline-offset: var(--_ui5_daypicker_item_now_selected_outline_offset);\n\tborder-radius: var(--_ui5_daypicker_item_border_radius_item);\n\tfont-family: var(--_ui5_daypicker_item_selected_text_font);\n}\n\n.ui5-dp-item.ui5-dp-item--selected .ui5-dp-daytext {\n\tbackground: var(--_ui5_daypicker_item_selected_background);\n\tcolor: var(--sapContent_Selected_TextColor);\n\tborder-radius: var(--_ui5_daypicker_item_border_radius);\n\tborder: var(--_ui5_daypicker_item_selected_text_border);\n\tfont-family: var(--_ui5_daypicker_item_selected_text_font);\n}\n\n.ui5-dp-item.ui5-dp-item--selected:hover .ui5-dp-daytext {\n\tbackground: var(--_ui5_daypicker_item_selected_daytext_hover_background);\n\tcolor: var(--sapContent_Selected_TextColor);\n}\n\n.ui5-dp-item.ui5-dp-item--now:focus::after {\n\tinset: var(--_ui5_daypicker_item_now_inset);\n\tborder-radius: var(--_ui5_daypicker_item_now_border_radius_focus_after);\n\tborder: var(--_ui5_daypicker_item_now_border_focus_after);\n\tposition: absolute;\n\tcontent: \"\";\n\twidth: auto;\n\theight: auto;\n}\n\n.ui5-dp-item.ui5-dp-item--selected.ui5-dp-item--now:focus::after {\n\tinset: var(--_ui5_daypicker_item_now_inset);\n\tborder-radius: var(--_ui5_day_picker_item_selected_now_border_radius_focus);\n\tborder: var(--_ui5_day_picker_item_selected_now_border_focus);\n\tposition: absolute;\n\tcontent: \"\";\n\twidth: auto;\n\theight: auto;\n}\n\n.ui5-dp-item.ui5-dp-item--selected:hover {\n\tbackground: var( --_ui5_daypicker_item_selected_hover);\n\tcolor: var(--sapContent_ContrastTextColor);\n}\n\n.ui5-dp-item.ui5-dp-item--selected:focus::after {\n\tborder-color: var(--_ui5_daypicker_item_selected_focus_color);\n\tborder-width: var(--_ui5_daypicker_item_selected_focus_width);\n}\n\n.ui5-dp-items-container {\n\toutline: none;\n}\n\n.ui5-dp-item.ui5-dp-item--selected-between .ui5-dp-daytext,\n.ui5-dp-item[hovered] .ui5-dp-daytext {\n\tborder: var(--_ui5_daypicker_item_select_between_border);\n\tborder-radius: var(--_ui5_daypicker_item_border_radius);\n\tbackground-color: var(--_ui5_daypicker_item_selected_between_text_background);\n\tcolor: var(--sapTextColor);\n\tfont-weight: var(--_ui5_daypicker_item_selected_between_text_font);\n}\n\n.ui5-dp-item.ui5-dp-item--selected-between.ui5-dp-item--now:not(.ui5-dp-item--selected) .ui5-dp-daytext::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tinset: var(--_ui5_daypicker_item_now_selected_between_inset);\n\tborder: var(--_ui5_daypicker_item_now_selected_between_border);\n\tborder-radius: var(--_ui5_daypicker_item_now_selected_between_border_radius);\n}\n\n.ui5-dp-item.ui5-dp-item--selected-between,\n.ui5-dp-item[hovered] {\n\tborder-radius: var(--_ui5_daypicker_item_selected_between_border);\n\tbackground: var(--_ui5_daypicker_item_selected_between_background);\n}\n\n.ui5-dp-item.ui5-dp-item--selected-between:hover {\n\tbackground: var(--_ui5_daypicker_item_selected_between_hover_background);\n}\n\n.ui5-dp-item.ui5-dp-item--selected.ui5-dp-item--selected-between:focus::after {\n\tborder-color: var(--sapContent_FocusColor);\n}\n\n.ui5-dp-items-container > :first-child {\n\tjustify-content: flex-end;\n}\n\n.ui5-dp-emptyweek {\n\theight: var(--_ui5_day_picker_empty_height);\n}\n\n.ui5-dp-item.ui5-dp-item--now.ui5-dp-item--selected.ui5-dp-item--withsecondtype:focus::after{\n\toutline-offset: -0.1875rem;\n\tborder-radius: var(--_ui5-dp-item_withsecondtype_border);\n}\n\n.ui5-dp-item.ui5-dp-item--selected.ui5-dp-item--now.ui5-dp-item--withsecondtype .ui5-dp-daysectext,\n.ui5-dp-item.ui5-dp-item--now.ui5-dp-item--selected.ui5-dp-item--withsecondtype .ui5-dp-daytext {\n\tborder: none;\n\toutline: none;\n}\n\n/* styles for calendar with two types */\n\n:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--selected:not(.ui5-dp-item.ui5-dp-item--now) .ui5-dp-daytext::after{\n\tborder-width: 0.125rem;\n}\n\n:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--now .ui5-dp-daytext {\n\theight: var(--_ui5_dp_two_calendar_item_primary_text_height);\n\tpadding-top: var(--_ui5_dp_two_calendar_item_now_text_padding_top);\n}\n\n:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--now .ui5-dp-daysectext {\n\theight: var(--_ui5_dp_two_calendar_item_secondary_text_height);\n\tpadding-top: 0;\n    border-radius: var(--_ui5_dp_two_calendar_item_secondary_text_border_radios);\n}\n\n:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--selected.ui5-dp-item.ui5-dp-item--now .ui5-dp-daytext {\n    border-radius: var(--_ui5_daypicker_two_calendar_item_border_radius);\n}\n\n:host([secondary-calendar-type]) .ui5-dp-item:focus::after {\n\tinset: var(--_ui5_daypicker_two_calendar_item_no_selected_inset);\n\tborder-radius: var(--_ui5_daypicker_two_calendar_item_border_focus_border_radius);\n}\n\n:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--now::after {\n\tinset: var(--_ui5_daypicker_two_calendar_item_no_selected_focus_inset);\n\tborder-radius: var(--_ui5_daypicker_two_calendar_item_no_select_focus_border_radius);\n}\n\n:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--selected:focus::after {\n\tborder-width: var(--_ui5_daypicker_two_calendar_item_now_selected_border_width);\n\tinset: var(--_ui5_daypicker_two_calendar_item_now_selected_border_inset);\n\tborder-radius: var(--_ui5_daypicker_two_calendar_item_border_focus_border_radius);\n}\n\n:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--selected.ui5-dp-item--now::after {\n\tinset: var(--_ui5_daypicker_two_calendar_item_now_inset);\n\tborder-radius: var(--_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus);\n}\n\n:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--now.ui5-dp-item--selected.ui5-dp-item--withsecondtype .ui5-dp-daytext:not(.ui5-dp-daysectext)::before {\n\tcontent: var(--_ui5_daypicker_two_calendar_item_now_day_text_content);\n\tposition: absolute;\n\tinset: 0.3125rem;\n\tborder-radius: var(--_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus);\n\toutline: var(--_ui5_daypicker_item_selected__secondary_type_text_outline)\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/Dialog.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/Dialog.css",
-    content: ":host{min-width:20rem;min-height:6rem;max-height:94%;max-width:90%;flex-direction:column;box-shadow:var(--sapContent_Shadow3);border-radius:var(--sapElement_BorderCornerRadius)}:host([stretch]){width:90%;height:94%}:host([stretch][on-phone]){width:100%;height:100%;max-height:100%;max-width:100%;border-radius:0}:host([draggable]) .ui5-popup-header-root,:host([draggable]) ::slotted([slot=header]){cursor:move}:host([draggable]) .ui5-popup-header-root *{cursor:auto}.ui5-popup-root{display:flex;flex-direction:column;max-width:100vw}.ui5-popup-header-root{position:relative}.ui5-popup-header-root:focus{outline:none}.ui5-popup-header-root:focus:after{content:\"\";position:absolute;left:var(--_ui5_dialog_header_focus_left_offset);bottom:var(--_ui5_dialog_header_focus_bottom_offset);right:var(--_ui5_dialog_header_focus_right_offset);top:var(--_ui5_dialog_header_focus_top_offset);border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--_ui5_dialog_header_border_radius) var(--_ui5_dialog_header_border_radius) 0 0;pointer-events:none}:host([stretch]) .ui5-popup-content{width:100%;height:100%}.ui5-popup-content{min-height:var(--_ui5_dialog_content_min_height);flex:1 1 auto}.ui5-popup-resize-handle{position:absolute;bottom:var(--_ui5_dialog_resize_handle_bottom);inset-inline-end:var(--_ui5_dialog_resize_handle_right);cursor:var(--_ui5_dialog_resize_cursor);color:var(--_ui5_dialog_resize_handle_color)}:host ::slotted([slot=footer]){height:var(--_ui5_dialog_footer_height)}"
+    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 {\n\tmin-width: 20rem;\n\tmin-height: 6rem;\n\tmax-height: 94%;\n\tmax-width: 90%;\n\tflex-direction: column;\n\tbox-shadow: var(--sapContent_Shadow3);\n\tborder-radius: var(--sapElement_BorderCornerRadius);\n}\n\n:host([stretch]) {\n\twidth: 90%;\n\theight: 94%;\n}\n\n:host([stretch][on-phone]) {\n\twidth: 100%;\n\theight: 100%;\n\tmax-height: 100%;\n\tmax-width: 100%;\n\tborder-radius: 0;\n}\n\n:host([draggable]) .ui5-popup-header-root,\n:host([draggable]) ::slotted([slot=\"header\"]) {\n\tcursor: move;\n}\n\n:host([draggable]) .ui5-popup-header-root * {\n\tcursor: auto;\n}\n\n:host([draggable]) .ui5-popup-root {\n\tuser-select: text;\n}\n\n.ui5-popup-root {\n\tdisplay: flex;\n\tflex-direction: column;\n\tmax-width: 100vw;\n}\n\n.ui5-popup-header-root {\n\tposition: relative;\n}\n\n:host([state=\"Error\"]) .ui5-popup-header-root {\n\tbox-shadow: var(--_ui5_dialog_header_error_state_box_shadow);\n}\n\n:host([state=\"Information\"]) .ui5-popup-header-root {\n\tbox-shadow: var(--_ui5_dialog_header_information_state_box_shadow);\n}\n\n:host([state=\"Success\"]) .ui5-popup-header-root {\n\tbox-shadow: var(--_ui5_dialog_header_success_state_box_shadow);\n}\n\n:host([state=\"Warning\"]) .ui5-popup-header-root {\n\tbox-shadow: var(--_ui5_dialog_header_warning_state_box_shadow);\n}\n\n.ui5-dialog-value-state-icon {\n\tmargin-inline-end: 0.5rem;\n}\n\n:host([state=\"Error\"]) .ui5-dialog-value-state-icon {\n\tcolor: var(--_ui5_dialog_header_error_state_icon_color);\n}\n\n:host([state=\"Information\"]) .ui5-dialog-value-state-icon {\n\tcolor: var(--_ui5_dialog_header_information_state_icon_color);\n}\n\n:host([state=\"Success\"]) .ui5-dialog-value-state-icon {\n\tcolor: var(--_ui5_dialog_header_success_state_icon_color);\n}\n\n:host([state=\"Warning\"]) .ui5-dialog-value-state-icon {\n\tcolor: var(--_ui5_dialog_header_warning_state_icon_color);\n}\n\n.ui5-popup-header-root {\n\toutline: none;\n}\n\n.ui5-popup-header-root:focus-visible:after {\n\tcontent: '';\n\tposition: absolute;\n\tleft: var(--_ui5_dialog_header_focus_left_offset);\n\tbottom: var(--_ui5_dialog_header_focus_bottom_offset);\n\tright: var(--_ui5_dialog_header_focus_right_offset);\n\ttop: var(--_ui5_dialog_header_focus_top_offset);\n\tborder: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n\tborder-radius: var(--_ui5_dialog_header_border_radius) var(--_ui5_dialog_header_border_radius) 0 0;\n\tpointer-events: none;\n}\n\n:host([stretch]) .ui5-popup-content {\n\twidth: 100%;\n\theight: 100%;\n}\n\n.ui5-popup-content {\n\tmin-height: var(--_ui5_dialog_content_min_height);\n\tflex: 1 1 auto;\n}\n\n.ui5-popup-resize-handle {\n\tposition: absolute;\n\tbottom: var(--_ui5_dialog_resize_handle_bottom);\n\tinset-inline-end: var(--_ui5_dialog_resize_handle_right);\n\tcursor: var(--_ui5_dialog_resize_cursor);\n\tcolor: var(--_ui5_dialog_resize_handle_color);\n}\n\n:host ::slotted([slot=\"footer\"]) {\n\theight: var(--_ui5_dialog_footer_height);\n}\n\n:host ::slotted([slot=\"footer\"][ui5-bar][design=\"Footer\"]) {\n\tborder-top: none;\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/FileUploader.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/FileUploader.css",
-    content: ":host{display:inline-block}.ui5-file-uploader-root{position:relative}.ui5-file-uploader-root input[type=file]{opacity:0;position:absolute;top:0;left:0;height:100%;width:100%}.ui5-file-uploader-root input[type=file]:not([disabled]){cursor:pointer}.ui5-file-uploader-mask{display:flex}.ui5-file-uploader-mask [ui5-input]{margin-right:.25rem}:host(:not([value-state]):not([disabled]):hover) [ui5-input],:host([value-state=None]:not([disabled]):hover) [ui5-input]{border:var(--_ui5_file_uploader_hover_border);background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5_input_hover_box_shadow)}:host([value-state=Error]:not([disabled]):hover) [ui5-input]{background-color:var(--_ui5_file_uploader_value_state_error_hover_background_color);box-shadow:var(--_ui5_input_value_state_error_hover_box_shadow)}:host([value-state=Warning]:not([disabled]):hover) [ui5-input]{background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5_input_value_state_warning_hover_box_shadow)}:host([value-state=Success]:not([disabled]):hover) [ui5-input]{background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5_input_value_state_success_hover_box_shadow)}:host([value-state=Information]:not([disabled]):hover) [ui5-input]{background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5_input_value_state_information_hover_box_shadow)}:host(:not([disabled]):active) [ui5-button]{background-color:var(--sapButton_Active_Background);border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_Active_TextColor);text-shadow:none}"
+    content: ":host {\n\tvertical-align: middle;\n}\n\n:host {\n\tdisplay: inline-block;\n}\n\n.ui5-file-uploader-root {\n\tposition: relative;\n}\n\n.ui5-file-uploader-root input[type=file] {\n\topacity: 0;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\theight: 100%;\n\twidth: 100%;\n}\n\n.ui5-file-uploader-root input[type=file]:not([disabled]) {\n\tcursor: pointer;\n}\n\n.ui5-file-uploader-mask {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.ui5-file-uploader-mask [ui5-input] {\n\tmargin-right: 0.25rem;\n}\n\n:host([value-state=\"None\"]:not([disabled]):hover) [ui5-input],\n:host(:not([value-state]):not([disabled]):hover) [ui5-input] {\n\tborder: var(--_ui5_file_uploader_hover_border);\n\tbackground-color: var(--sapField_Hover_Background);\n\tbox-shadow: var(--sapField_Hover_Shadow);\n}\n\n:host([value-state=\"Error\"]:not([disabled]):hover) [ui5-input] {\n\tbackground-color: var(--_ui5_file_uploader_value_state_error_hover_background_color);\n\tbox-shadow: var(--sapField_Hover_InvalidShadow);\n}\n\n:host([value-state=\"Warning\"]:not([disabled]):hover) [ui5-input] {\n\tbackground-color: var(--sapField_Hover_Background);\n\tbox-shadow: var(--sapField_Hover_WarningShadow);\n}\n\n:host([value-state=\"Success\"]:not([disabled]):hover) [ui5-input] {\n\tbackground-color: var(--sapField_Hover_Background);\n\tbox-shadow: var(--sapField_Hover_SuccessShadow);\n}\n\n:host([value-state=\"Information\"]:not([disabled]):hover) [ui5-input] {\n\tbackground-color: var(--sapField_Hover_Background);\n\tbox-shadow: var(--sapField_Hover_InformationShadow);\n}\n\n:host(:not([disabled]):active) [ui5-button] {\n\tbackground-color: var(--sapButton_Active_Background);\n\tborder-color: var(--sapButton_Active_BorderColor);\n\tcolor: var(--sapButton_Active_TextColor);\n\ttext-shadow: none;\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/FormComponents.css.js

@@ -0,0 +1,20 @@
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/Themes", "sap/ui/webc/common/thirdparty/theming/generated/themes/sap_fiori_3/parameters-bundle.css", "./sap_fiori_3/parameters-bundle.css"], function (_exports, _Themes, _parametersBundle, _parametersBundle2) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.default = void 0;
+  _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", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
+    packageName: "@ui5/webcomponents",
+    fileName: "themes/FormComponents.css",
+    content: ":host {\n\tvertical-align: middle;\n}"
+  };
+  var _default = styleData;
+  _exports.default = _default;
+});

package/src/sap/ui/webc/main/thirdparty/generated/themes/GroupHeaderListItem.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/GroupHeaderListItem.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{height:var(--_ui5_group_header_list_item_height);background:var(--ui5-group-header-listitem-background-color);color:var(--sapList_TableGroupHeaderTextColor)}:host([has-border]){border-bottom:1px solid var(--sapList_GroupHeaderBorderColor)}.ui5-li-root.ui5-ghli-root{padding-top:.5rem;color:currentColor;font-size:var(--sapFontHeader6Size);font-weight:400;line-height:2rem}.ui5-ghli-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}"
+    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 {\n\theight: var(--_ui5_group_header_list_item_height);\n\tbackground: var(--ui5-group-header-listitem-background-color);\n\tcolor: var(--sapList_TableGroupHeaderTextColor);\n}\n\n:host([has-border]) {\n\tborder-bottom: 1px solid var(--sapList_GroupHeaderBorderColor);\n}\n\n.ui5-li-root.ui5-ghli-root {\n\tpadding-top: 0.5rem;\n\tcolor: currentColor;\n\tfont-size: var(--sapFontHeader6Size);\n\tfont-weight: normal;\n\tline-height: 2rem;\n\tmargin: 0;\n}\n\n.ui5-ghli-title {\n\tdisplay: block;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\tfont-weight: bold;\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/GrowingButton.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/GrowingButton.css",
-    content: "[growing-button]{display:flex;align-items:center;padding:var(--_ui5_load_more_padding);border-top:1px solid var(--sapList_BorderColor);border-bottom:var(--_ui5_load_more_border-bottom);box-sizing:border-box;cursor:pointer;outline:none}[growing-button-inner]{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:var(--_ui5_load_more_text_height);width:100%;color:var(--sapButton_TextColor);background-color:var(--sapList_Background);border:var(--_ui5_load_more_border);border-radius:var(--_ui5_load_more_border_radius);box-sizing:border-box}[growing-button-inner]:focus{outline:var(--_ui5_load_more_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:-.125rem;border-color:transparent}[growing-button-inner]:hover{background-color:var(--sapList_Hover_Background)}[growing-button-inner]:active,[growing-button-inner][active]{background-color:var(--sapList_Active_Background);border-color:var(--sapList_Active_Background)}[growing-button-inner]:active>*,[growing-button-inner][active]>*{color:var(--sapList_Active_TextColor)}[growing-button-subtext],[growing-button-text]{width:100%;text-align:center;font-family:\"72override\",var(--sapFontFamily);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}[growing-button-text]{height:var(--_ui5_load_more_text_height);padding:.875rem 1rem 0 1rem;font-size:var(--_ui5_load_more_text_font_size);font-weight:700}[growing-button-subtext]{font-size:var(--sapFontSize);padding:var(--_ui5_load_more_desc_padding)}"
+    content: "[growing-button] {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: var(--_ui5_load_more_padding);\n\tborder-top: 1px solid var(--sapList_BorderColor);\n\tborder-bottom: var(--_ui5_load_more_border-bottom);\n\tbox-sizing: border-box;\n\tcursor: pointer;\n\toutline: none;\n}\n\n[growing-button-inner] {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-direction: column;\n\tmin-height: var(--_ui5_load_more_text_height);\n\twidth: 100%;\n\tcolor: var(--sapButton_TextColor);\n\tbackground-color: var(--sapList_Background);\n\tborder: var(--_ui5_load_more_border);\n\tborder-radius: var(--_ui5_load_more_border_radius);\n\tbox-sizing: border-box;\n}\n\n[growing-button-inner]:focus {\n\toutline: var(--_ui5_load_more_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n\toutline-offset: -0.125rem;\n\tborder-color: transparent;\n}\n\n[growing-button-inner]:hover {\n\tbackground-color: var(--sapList_Hover_Background);\n}\n\n[growing-button-inner]:active,\n[growing-button-inner][active] {\n\tbackground-color: var(--sapList_Active_Background);\n\tborder-color: var(--sapList_Active_Background);\n}\n\n[growing-button-inner]:active > *,\n[growing-button-inner][active] > * {\n\tcolor: var(--sapList_Active_TextColor);\n}\n\n[growing-button-text],\n[growing-button-subtext] {\n\twidth: 100%;\n\ttext-align: center;\n\tfont-family: \"72override\", var(--sapFontFamily);\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tbox-sizing: border-box;\n}\n\n[growing-button-text] {\n\theight: var(--_ui5_load_more_text_height);\n\tpadding: 0.875rem 1rem 0 1rem;\n\tfont-size: var(--_ui5_load_more_text_font_size);\n\tfont-weight: bold;\n}\n\n[growing-button-subtext] {\n\tfont-size: var(--sapFontSize);\n\tpadding: var(--_ui5_load_more_desc_padding);\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/Icon.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/Icon.css",
-    content: ":host{-webkit-tap-highlight-color:rgba(0,0,0,0)}:host([hidden]){display:none}:host([invalid]){display:none}:host(:not([hidden]).ui5_hovered){opacity:.7}:host{display:inline-block;width:1rem;height:1rem;color:var(--sapContent_NonInteractiveIconColor);fill:currentColor;outline:none}:host([interactive][focused]) .ui5-icon-root{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--ui5-icon-focus-border-radius)}.ui5-icon-root{display:flex;outline:none;vertical-align:top}.ui5-icon-root:not([dir=ltr]){transform:var(--_ui5_icon_transform_scale);transform-origin:center}"
+    content: ":host {\n\t-webkit-tap-highlight-color: rgba(0,0,0,0);\n}\n\n:host([hidden]) {\n\tdisplay: none;\n}\n\n:host([invalid]) {\n\tdisplay:none;\n}\n\n/*The ui5_hovered class is set by FileUploader to indicate hover state of the control*/\n\n:host(:not([hidden]).ui5_hovered) {\n\topacity: .7;\n}\n\n:host {\n\tdisplay: inline-block;\n\twidth: 1rem;\n\theight: 1rem;\n\tcolor: var(--sapContent_NonInteractiveIconColor);\n\tfill: currentColor;\n\toutline: none;\n}\n\n:host([design=\"Contrast\"]) {\n\tcolor: var(--sapContent_ContrastIconColor);\n}\n\n:host([design=\"Critical\"]) {\n\tcolor: var(--sapCriticalElementColor);\n}\n\n:host([design=\"Default\"]) {\n\tcolor: var(--sapContent_IconColor);\n}\n\n:host([design=\"Information\"]) {\n\tcolor: var(--sapInformativeElementColor);\n}\n\n:host([design=\"Negative\"]) {\n\tcolor: var(--sapNegativeElementColor);\n}\n\n:host([design=\"Neutral\"]) {\n\tcolor: var(--sapNeutralElementColor);\n}\n\n:host([design=\"NonInteractive\"]) {\n\tcolor: var(--sapContent_NonInteractiveIconColor);\n}\n\n:host([design=\"Positive\"]) {\n\tcolor: var(--sapPositiveElementColor);\n}\n\n:host([interactive][focused]) .ui5-icon-root {\n\toutline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n\tborder-radius: var(--ui5-icon-focus-border-radius);\n}\n\n.ui5-icon-root {\n\tdisplay:flex;\n\theight: 100%;\n\twidth: 100%;\n\toutline: none;\n\tvertical-align: top;\n}\n\n:host([interactive]) {\n\tcursor: pointer;\n}\n\n/*\n * The Icon is currently the only component that enforces \"LTR\" direction inside its ShadowDOM\n * as some icons should not be mirrored in RTL (f.e. checkmark, search, etc.).\n * That means, we can have \"RTL\" set globally and \"LTR\" set internally for the Icon ShadowDom\n  * html dir=rtl\n * \t\t[ui5-icon]\n * \t\t\t#shadowroot\n * \t\t\t\tsvg dir=ltr\n * In this case, we need to explicitly check for it as the global CSS definitions (rtl-parameters.css)\n * is placed in the \"head\" and won't consider it.\n */\n\n.ui5-icon-root:not([dir=\"ltr\"]) {\n\ttransform: var(--_ui5_icon_transform_scale);\n\ttransform-origin: center;\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

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