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

package/src/sap/ui/webc/main/thirdparty/generated/themes/TableRow.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/TableRow.css",
-    content: ":host{display:contents}:host([_busy]) .ui5-table-row-root{opacity:.72;pointer-events:none}.ui5-table-row-root{background-color:var(--sapList_Background);color:var(--sapList_TextColor);border-top:1px solid var(--sapList_BorderColor);height:var(--ui5_table_row_height)}.ui5-table-row-root:focus{outline:var(--ui5_table_row_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--ui5_table_focus_outline_offset)}.ui5-table-popin-row{background-color:var(--sapList_Background)}.ui5-table-popin-row.all-columns-popped-in.popin-header{border-top:1px solid var(--sapList_BorderColor)}.ui5-table-popin-row td{padding-top:.5rem;padding-left:1rem}.ui5-table-popin-row:last-child td{padding-bottom:.5rem}.ui5-table-row-popin-title{color:var(--sapContent_LabelColor);font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSize)}.ui5-table-multi-select-cell{padding:.25rem 0;box-sizing:border-box;text-align:center;vertical-align:middle}:host([mode=SingleSelect]) .ui5-table-row-root{cursor:pointer}:host([mode=MultiSelect]) .ui5-table-row-root .ui5-table-multi-select-cell{cursor:pointer}:host ::slotted([ui5-table-cell]:not([popined])){padding:.25rem .5rem}:host(:not([mode=MultiSelect])) ::slotted([ui5-table-cell]:not([popined]):first-child){padding-left:1rem}:host([mode=SingleSelect]) .ui5-table-row-root:hover:not(:active),:host([type=Active]) .ui5-table-row-root:hover{background-color:var(--sapList_Hover_Background)}:host([selected][type=Active]) .ui5-table-row-root:active,:host([type=Active]) .ui5-table-row-root:active{background-color:var(--sapList_Active_Background)}:host([type=Active]) .ui5-table-row-root:active ::slotted([ui5-table-cell]){color:var(--sapList_Active_TextColor)}:host([selected]) .ui5-table-row-root:not(:active){background-color:var(--sapList_SelectionBackgroundColor);border-bottom:1px solid var(--sapList_SelectionBorderColor)}:host([selected][mode=SingleSelect]) .ui5-table-row-root:hover:not(:active),:host([selected][type=Active]) .ui5-table-row-root:hover:not(:active){background-color:var(--sapList_Hover_SelectionBackground)}"
+    content: ":host {\n\tdisplay: contents;\n}\n\n:host([_busy]) .ui5-table-row-root {\n\topacity: 0.72;\n\tpointer-events: none;\n}\n\n.ui5-table-row-root {\n\tbackground-color: var(--sapList_Background);\n\tcolor: var(--sapList_TextColor);\n\tborder-top: 1px solid var(--sapList_BorderColor);\n}\n\n.ui5-table-row-root:focus {\n\toutline: var(--ui5_table_row_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n\toutline-offset: var(--ui5_table_focus_outline_offset);\n}\n\n.ui5-table-popin-row {\n\tbackground-color: var(--sapList_Background);\n}\n\n.ui5-table-popin-row.all-columns-popped-in.popin-header {\n\tborder-top: 1px solid var(--sapList_BorderColor);\n}\n\n.ui5-table-popin-row td:not(.ui5-table-row-navigated) {\n\tpadding-top: .5rem;\n\tpadding-inline-start: 1rem;\n}\n\n.ui5-table-popin-row:last-child td {\n\tpadding-bottom: .5rem;\n}\n\n.ui5-table-row-popin-title {\n\tcolor: var(--sapContent_LabelColor);\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-size: var(--sapFontSize);\n}\n\n.ui5-table-cell-display-inline {\n\tmargin-inline-start: 0.5rem;\n}\n\n.ui5-table-display-inline-container {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.ui5-table-multi-select-cell {\n\tpadding: .25rem 0;\n\tbox-sizing: border-box;\n\ttext-align: center;\n\tvertical-align: middle;\n}\n\n:host([mode=\"SingleSelect\"]) .ui5-table-row-root {\n\tcursor: pointer;\n}\n\n:host([mode=\"MultiSelect\"]) .ui5-table-row-root .ui5-table-multi-select-cell {\n\tcursor: pointer;\n}\n\n:host ::slotted([ui5-table-cell]:not([popined])) {\n\tpadding: .25rem .5rem;\n}\n\n:host(:not([mode=\"MultiSelect\"])) ::slotted([ui5-table-cell]:not([popined]):first-child) {\n\tpadding-inline-start: 1rem;\n}\n\n/** Hover **/\n\n:host([type=\"Active\"]) .ui5-table-row-root:hover,\n:host([mode=\"SingleSelect\"]) .ui5-table-row-root:hover:not(:active) {\n\tbackground-color: var(--sapList_Hover_Background);\n}\n\n/** Down/Active **/\n\n:host([type=\"Active\"]) .ui5-table-row-root:active,\n:host([selected][type=\"Active\"]) .ui5-table-row-root:active {\n\tbackground-color: var(--sapList_Active_Background);\n}\n\n:host([type=\"Active\"]) .ui5-table-row-root:active ::slotted([ui5-table-cell]) {\n\tcolor: var(--sapList_Active_TextColor);\n}\n\n/** Selected **/\n\n:host([selected]) .ui5-table-row-root:not(:active) {\n\tbackground-color: var(--sapList_SelectionBackgroundColor);\n\tborder-bottom: 1px solid var(--sapList_SelectionBorderColor);\n}\n\n/** Hover on Selected **/\n\n:host([selected][type=\"Active\"]) .ui5-table-row-root:hover:not(:active),\n:host([selected][mode=\"SingleSelect\"]) .ui5-table-row-root:hover:not(:active) {\n\tbackground-color: var(--sapList_Hover_SelectionBackground);\n}\n\n/** Navigated **/\n\n:host([navigated]) .ui5-table-row-root:focus .ui5-table-div-navigated {\n    width: 0.09375rem;\n\ttop: 2px;\n\tinset-inline-end: 2px;\n\tbottom: 1px;\n}\n\n:host([navigated]) .ui5-table-row-navigated {\n    vertical-align: middle;\n    padding: 0;\n    position: relative;\n}\n\n:host([navigated]) .ui5-table-div-navigated {\n\twidth: 0.1875rem;\n    position: absolute;\n\tinset: 0;\n    background-color: var(--sapList_SelectionBorderColor);\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/TapHighlightColor.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/TapHighlightColor.css",
-    content: ":host{-webkit-tap-highlight-color:rgba(0,0,0,0)}"
+    content: ":host {\n\t-webkit-tap-highlight-color: rgba(0,0,0,0);\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/TextArea.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/TextArea.css",
-    content: ".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:inline-block}:host{width:100%;color:var(--sapField_TextColor);font-size:var(--sapFontSize);font-family:\"72override\",var(--sapFontFamily);font-style:normal;border-color:var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);box-sizing:border-box;line-height:1.4;letter-spacing:normal;word-spacing:normal;margin:var(--_ui5_textarea_margin)}:host([disabled]){opacity:var(--_ui5_input_disabled_opacity);cursor:default;pointer-events:none;border-color:var(--sapField_ReadOnly_BorderColor);-webkit-text-fill-color:var(--sapContent_DisabledTextColor);color:var(--sapContent_DisabledTextColor)}:host([disabled]) .ui5-textarea-inner{background:var(--sapField_BackgroundStyle);background-color:var(--_ui5_textarea_disabled_background_color)}:host([focused]) .ui5-textarea-inner{outline:var(--_ui5_textarea_focus_outline);outline-offset:var(--_ui5_textarea_focus_outline_offset)}:host([focused]) .ui5-textarea-inner{background-color:var(--sapField_Focus_Background);background-image:none;box-shadow:var(--_ui5_textarea_focus_box_shadow)}:host(:not([value-state]):not([readonly]):not([focused]):hover) .ui5-textarea-inner{box-shadow:var(--_ui5_textarea_hover_box_shadow);background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background)}:host([value-state]:not([value-state=None])[focused]) .ui5-textarea-inner{outline:var(--_ui5_textarea_value_state_focus_outline);outline-offset:var(--_ui5_textarea_value_state_focus_outline_offset)}.ui5-textarea-root{height:100%;min-height:var(--_ui5_input_height);display:inline-flex;vertical-align:top;outline:none;box-sizing:border-box;border-radius:inherit;border-color:inherit}.ui5-textarea-inner{width:100%;height:100%;min-width:6rem;margin:0;padding:var(--_ui5_textarea_padding);box-sizing:border-box;color:inherit;font-size:inherit;font-family:inherit;font-style:inherit;-webkit-appearance:none;-moz-appearance:textfield;overflow:auto;resize:none;border-color:inherit;border-radius:inherit;border-width:var(--_ui5_textarea_inner_border_width);border-style:var(--sapField_BorderStyle);line-height:inherit;letter-spacing:inherit;word-spacing:inherit;background:var(--sapField_BackgroundStyle);background-color:var(--sapField_Background)}:host([growing]) .ui5-textarea-root{position:relative}:host([growing]) .ui5-textarea-inner{position:absolute;top:0;left:0}.ui5-textarea-mirror{line-height:1.4;visibility:hidden;width:100%;word-break:break-all;padding:var(--_ui5_textarea_padding);font-size:var(--sapFontSize);font-family:\"72override\",var(--sapFontFamily);white-space:pre-wrap;box-sizing:border-box}:host([readonly]){border-color:var(--sapField_ReadOnly_BorderColor)}:host([readonly][focused]) .ui5-textarea-root .ui5-textarea-inner{background-image:none}:host([readonly]) .ui5-textarea-root .ui5-textarea-inner{background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background)}:host([show-exceeded-text]) .ui5-textarea-root{flex-direction:column}.ui5-textarea-inner::-webkit-input-placeholder{font-weight:400;font-style:var(--_ui5_textarea_placeholder_font_style);color:var(--sapField_PlaceholderTextColor)}.ui5-textarea-inner::-moz-placeholder{font-weight:400;font-style:var(--_ui5_textarea_placeholder_font_style);color:var(--sapField_PlaceholderTextColor)}.ui5-textarea-inner:-moz-placeholder{font-weight:400;font-style:var(--_ui5_textarea_placeholder_font_style);color:var(--sapField_PlaceholderTextColor)}:host([value-state=Error]) .ui5-textarea-inner::-webkit-input-placeholder{font-weight:var(--_ui5_textarea_value_state_error_warning_placeholder_font_weight);font-style:var(--_ui5_textarea_error_placeholder_font_style);color:var(--_ui5_textarea_error_placeholder_color)}:host([value-state=Error]) .ui5-textarea-inner::-moz-placeholder{font-weight:var(--_ui5_textarea_value_state_error_warning_placeholder_font_weight);font-style:var(--_ui5_textarea_error_placeholder_font_style);color:var(--_ui5_textarea_error_placeholder_color)}:host([value-state=Error]) .ui5-textarea-inner:-moz-placeholder{font-weight:var(--_ui5_textarea_value_state_error_warning_placeholder_font_weight);font-style:var(--_ui5_textarea_error_placeholder_font_style);color:var(--_ui5_textarea_error_placeholder_color)}:host([value-state=Warning]) .ui5-textarea-inner::-webkit-input-placeholder{font-weight:var(--_ui5_textarea_value_state_error_warning_placeholder_font_weight)}:host([value-state=Warning]) .ui5-textarea-inner::-moz-placeholder{font-weight:var(--_ui5_textarea_value_state_error_warning_placeholder_font_weight)}:host(:not([value-state]):not([readonly]):hover){border-color:var(--sapField_Hover_BorderColor)}:host(:not([value-state]):not([readonly]):hover) .ui5-textarea-inner{background-color:var(--sapField_Hover_Background)}:host([value-state]:not([value-state=None])) .ui5-textarea-inner{border-width:var(--_ui5_textarea_state_border_width)}:host([value-state=Error]) .ui5-textarea-inner,:host([value-state=Warning]) .ui5-textarea-inner{font-style:var(--_ui5_input_error_warning_font_style)}:host([value-state=Warning]) .ui5-textarea-inner{font-weight:var(--_ui5_input_warning_font_weight)}:host([value-state=Warning]:not([readonly])) .ui5-textarea-inner{background:var(--sapField_WarningBackgroundStyle)}:host([value-state=Warning]:not([readonly]):not([focused]):hover) .ui5-textarea-inner{box-shadow:var(--sapContent_Critical_Shadow);background-color:var(--sapField_Hover_Background)}:host([value-state=Warning][focused]:not([readonly])) .ui5-textarea-inner{background-image:none;box-shadow:var(--_ui5_textarea_value_state_warning_focus_box_shadow);background-color:var(--sapField_Focus_Background)}:host([value-state=Error]:not([readonly])) .ui5-textarea-inner{font-weight:var(--_ui5_input_error_font_weight);background:var(--sapField_InvalidBackgroundStyle)}:host([value-state=Error]:not([readonly]):not([focused]):hover) .ui5-textarea-inner{box-shadow:var(--sapContent_Negative_Shadow);background-color:var(--_ui5_textarea_error_hover_background_color)}:host([value-state=Error][focused]:not([readonly])) .ui5-textarea-inner{background-image:none;box-shadow:var(--_ui5_textarea_value_state_error_focus_box_shadow);background-color:var(--_ui5_textarea_error_focused_background_color)}:host([value-state=Information]:not([readonly])) .ui5-textarea-inner{background:var(--sapField_InformationBackgroundStyle)}:host([value-state=Information]:not([readonly]):not([focused]):hover) .ui5-textarea-inner{box-shadow:var(--sapContent_Informative_Shadow);background-color:var(--sapField_Hover_Background)}:host([value-state=Information][focused]:not([readonly])) .ui5-textarea-inner{background-image:none;box-shadow:var(--_ui5_textarea_focus_box_shadow);background-color:var(--sapField_Focus_Background)}:host([value-state=Success]:not([readonly])) .ui5-textarea-inner{background:var(--sapField_SuccessBackgroundStyle)}:host([value-state=Success]:not([readonly]):not([focused]):hover) .ui5-textarea-inner{box-shadow:var(--sapContent_Positive_Shadow);background-color:var(--sapField_Hover_Background)}:host([value-state=Success][focused]:not([readonly])) .ui5-textarea-inner{background-image:none;box-shadow:var(--_ui5_textarea_value_state_success_focus_box_shadow);background-color:var(--sapField_Focus_Background)}:host([value-state=Error]:not([readonly])){border-color:var(--sapField_InvalidColor)}:host([value-state=Error]:not([readonly])) .ui5-textarea-inner{background-color:var(--sapField_InvalidBackground)}:host([value-state=Error]:not([readonly]):not([disabled])) .ui5-textarea-inner,:host([value-state=Information]:not([readonly]):not([disabled])) .ui5-textarea-inner,:host([value-state=Warning]:not([readonly]):not([disabled])) .ui5-textarea-inner{border-style:var(--_ui5_input_error_warning_border_style)}:host([value-state=Warning]:not([readonly])){border-color:var(--sapField_WarningColor)}:host([value-state=Warning]:not([readonly])) .ui5-textarea-inner{background-color:var(--sapField_WarningBackground)}:host([value-state=Success]:not([readonly])){border-color:var(--sapField_SuccessColor)}:host([value-state=Success]:not([readonly])) .ui5-textarea-inner{background-color:var(--sapField_SuccessBackground);border-width:var(--_ui5_textarea_success_border_width)}:host([value-state=Information]:not([readonly])){border-color:var(--sapField_InformationColor)}:host([value-state=Information]:not([readonly])) .ui5-textarea-inner{background-color:var(--sapField_InformationBackground);border-width:var(--_ui5_textarea_information_border_width)}.ui5-textarea-exceeded-text{overflow:hidden;align-self:flex-end;padding:.125rem .125rem .5rem;color:var(--sapContent_LabelColor);font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSmallSize)}:host ::-webkit-scrollbar{background:var(--sapField_BackgroundStyle);background-color:var(--sapScrollBar_TrackColor);border-top-right-radius:var(--sapField_BorderCornerRadius);border-bottom-right-radius:var(--sapField_BorderCornerRadius)}:host([readonly]) ::-webkit-scrollbar{background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapScrollBar_TrackColor)}:host([value-state=Error]) ::-webkit-scrollbar{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapScrollBar_TrackColor)}:host([value-state=Warning]) ::-webkit-scrollbar{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapScrollBar_TrackColor)}:host([value-state=Information]) ::-webkit-scrollbar{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapScrollBar_TrackColor)}:host([value-state=Success]) ::-webkit-scrollbar{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapScrollBar_TrackColor)}:host([focused]) ::-webkit-scrollbar{background-image:none}"
+    content: ":host {\n\tvertical-align: middle;\n}\n.ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n:host(:not([hidden])) {\n\tdisplay: inline-block;\n}\n:host {\n\twidth: 100%;\n\tmin-width: 6rem;\n\tcolor: var(--sapField_TextColor);\n\tmin-height: var(--__ui5_textarea_min_height);\n\tfont-size: var(--sapFontSize);\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-style: normal;\n\tbox-sizing: border-box;\n\tline-height: var(--_ui5_textarea_line_height);\n\tmargin: var(--_ui5_textarea_margin);\n}\n:host([value-state][disabled]) .ui5-textarea-wrapper,\n:host(:not([value-state]):not([readonly]):not([focused])) .ui5-textarea-wrapper,\n:host([value-state=\"None\"]:not([readonly]):not([disabled]):not([focused])) .ui5-textarea-wrapper {\n\tbackground: var(--sapField_BackgroundStyle);\n\tbackground-color: var(--sapField_Background);\n}\n:host(:not([value-state]):not([readonly]):not([disabled]):hover) .ui5-textarea-wrapper,\n:host([value-state=\"None\"]:not([readonly]):not([disabled]):hover) .ui5-textarea-wrapper {\n\tbackground: var(--sapField_Hover_BackgroundStyle);\n\tbackground-color: var(--sapField_Hover_Background);\n\tborder: var(--_ui5_textarea_hover_border);\n}\n:host(:not([value-state]):not([readonly]):not([disabled]):not([focused]):hover) .ui5-textarea-wrapper,\n:host([value-state=\"None\"]:not([readonly]):not([disabled]):not([focused]):hover) .ui5-textarea-wrapper {\n\tbox-shadow: var(--sapField_Hover_Shadow);\n}\n.ui5-textarea-root {\n\twidth: 100%;\n\theight: inherit;\n\tmin-height: var(--__ui5_textarea_min_height);\n\tdisplay: inline-flex;\n\tvertical-align: top;\n\toutline: none;\n\tbox-sizing: border-box;\n\tborder-radius: inherit;\n\tborder-color: inherit;\n\tposition: relative;\n\toutline: none;\n}\n.ui5-textarea-wrapper {\n\tposition: relative;\n\tbox-sizing: border-box;\n\twidth: 100%;\n\tborder-bottom: none;\n\tdisplay: flex;\n\theight: 100%;\n\tbackground-color: var(--sapField_Background);\n\tborder-color: var(--sapField_BorderColor);\n\tborder-radius: var(--sapField_BorderCornerRadius);\n\tborder-width: var(--sapField_BorderWidth);\n\tborder-style: var(--sapField_BorderStyle);\n\toutline: none;\n}\n:host([disabled]) .ui5-textarea-wrapper {\n\topacity: var(--_ui5_textarea_disabled_opacity);\n\tcursor: default;\n\tpointer-events: none;\n}\n:host(:not([readonly])) .ui5-textarea-wrapper {\n\tbox-shadow: var(--sapField_Shadow);\n}\n:host([value-state]) .ui5-textarea-wrapper {\n\tborder-color: inherit;\n}\n:host([focused]) .ui5-textarea-wrapper {\n\tbackground-color: var(--sapField_Focus_Background);\n\tbackground-image: none;\n\tbox-shadow: none;\n}\n:host([focused]) .ui5-textarea-wrapper::after {\n\tcontent: var(--_ui5_textarea_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_textarea_focus_outline_color);\n\tborder-radius: var(--_ui5_textarea_focus_border_radius);\n\ttop: var(--_ui5_textarea_focus_offset);\n\tbottom: var(--_ui5_textarea_focus_offset);\n\tleft: var(--_ui5_textarea_focus_offset);\n\tright: var(--_ui5_textarea_focus_offset);\n}\n:host([focused][readonly]) .ui5-textarea-wrapper::after {\n\ttop: var(--_ui5_textarea_readonly_focus_offset);\n\tbottom: var(--_ui5_textarea_readonly_focus_offset);\n\tleft: var(--_ui5_textarea_readonly_focus_offset);\n\tright: var(--_ui5_textarea_readonly_focus_offset);\n}\n:host([focused][value-state=\"Error\"]:not([disabled])) .ui5-textarea-wrapper::after,\n:host([focused][value-state=\"Warning\"]:not([disabled])) .ui5-textarea-wrapper::after,\n:host([focused][value-state=\"Information\"]:not([disabled])) .ui5-textarea-wrapper::after {\n\ttop: var(--_ui5_textarea_value_state_focus_offset);\n\tbottom: var(--_ui5_textarea_value_state_focus_offset);\n\tleft: var(--_ui5_textarea_value_state_focus_offset);\n\tright: var(--_ui5_textarea_value_state_focus_offset);\n}\n.ui5-textarea-inner {\n\tborder: none;\n\tbox-sizing: border-box;\n\twidth: 100%;\n\tmargin: 0;\n\tpadding: var(--_ui5_textarea_padding_top) var(--_ui5_textarea_padding_right_and_left) var(--_ui5_textarea_padding_bottom);\n\tcolor: inherit;\n\tfont-size: inherit;\n\tfont-family: inherit;\n\tfont-style: inherit;\n\t-webkit-appearance: none;\n\t-moz-appearance: textfield;\n\toverflow: auto;\n\tresize: none;\n\tline-height: inherit;\n\tletter-spacing: inherit;\n\tword-spacing: inherit;\n\tbackground: transparent;\n\toutline: none;\n}\n:host([growing]) .ui5-textarea-inner {\n\tbox-sizing: border-box;\n\theight: 100%;\n  \tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n}\n.ui5-textarea-mirror {\n\tbox-sizing: border-box;\n\tline-height: var(--_ui5_textarea_line_height);\n\tvisibility: hidden;\n\twidth: 100%;\n\tmax-height: 94vh;\n\tmin-height: calc((var(--_textarea_rows) * var(--_ui5_textarea_line_height)) * var(--sapFontSize) + var(--_ui5_textarea_padding_top) + var(--_ui5_textarea_padding_bottom));\n\tword-break: break-all;\n\tpadding-top: var(--_ui5_textarea_padding_top);\n\tpadding-bottom: var(--_ui5_textarea_padding_bottom);\n\tfont-size: var(--sapFontSize);\n\tfont-family: \"72override\", var(--sapFontFamily);\n\twhite-space: pre-wrap;\n}\n:host([style*=\"height\"]) .ui5-textarea-root,\n:host([growing][style*=\"height\"]) .ui5-textarea-wrapper {\n\theight: inherit;\n\tmin-height: var(--__ui5_textarea_min_height);\n}\n:host([rows]) .ui5-textarea-inner, :host([rows]) .ui5-textarea-mirror {\n\tmin-height: calc((var(--_textarea_rows) * var(--_ui5_textarea_line_height)) * var(--sapFontSize) + var(--_ui5_textarea_padding_top) + var(--_ui5_textarea_padding_bottom));\n}\n/* If the 'rows' property is not set it defaults to 2 in the native TextArea element */\n:host:not([rows]) .ui5-textarea-inner {\n\tmin-height: calc(2 * var(--_ui5_textarea_line_height) * var(--sapFontSize) + var(--_ui5_textarea_padding_top) + var(--_ui5_textarea_padding_bottom));\n}\n:host([growing]):not([growing-max-lines]) .ui5-textarea-inner {\n\tmax-height: 100%;\n}\n:host([growing-max-lines]) .ui5-textarea-mirror {\n\tmax-height: calc((var(--_textarea_growing_max_lines) * var(--_ui5_textarea_line_height)) * var(--sapFontSize)  + var(--_ui5_textarea_padding_top) + var(--_ui5_textarea_padding_bottom));\n}\n:host([rows=\"1\"]) .ui5-textarea-inner {\n\tmin-height: calc(var(--_ui5_textarea_line_height) * var(--sapFontSize)  + var(--_ui5_textarea_padding_top) + var(--_ui5_textarea_padding_bottom));\n}\n:host([growing-max-lines=\"1\"]) .ui5-textarea-inner, :host([growing-max-lines=\"1\"]) .ui5-textarea-mirror {\n\tmax-height: calc(var(--_ui5_textarea_line_height) * var(--sapFontSize)  + var(--_ui5_textarea_padding_top) + var(--_ui5_textarea_padding_bottom));\n\tmin-height: calc(var(--_ui5_textarea_line_height) * var(--sapFontSize)  + var(--_ui5_textarea_padding_top) + var(--_ui5_textarea_padding_bottom));\n}\n:host([rows=\"1\"][growing-max-lines]) .ui5-textarea-inner, :host([rows=\"1\"][growing-max-lines]) .ui5-textarea-mirror {\n\tmin-height: calc(var(--_ui5_textarea_line_height) * var(--sapFontSize)  + var(--_ui5_textarea_padding_top) + var(--_ui5_textarea_padding_bottom));\n\tmax-height: calc((var(--_textarea_growing_max_lines) * var(--_ui5_textarea_line_height)) * var(--sapFontSize)  + var(--_ui5_textarea_padding_top) + var(--_ui5_textarea_padding_bottom));\n}\n:host([rows=\"1\"][value-state=\"Error\"]:not([readonly]):not([disabled])) .ui5-textarea-inner,\n:host([rows=\"1\"][value-state=\"Warning\"]:not([readonly]):not([disabled])) .ui5-textarea-inner {\n\theight: calc(var(--_ui5_textarea_line_height) * var(--sapFontSize) + var(--_ui5_textarea_padding_top_error_warning) + var(--_ui5_textarea_padding_bottom_error_warning));\n\tmin-height: calc(var(--_ui5_textarea_line_height) * var(--sapFontSize) + var(--_ui5_textarea_padding_top_error_warning) + var(--_ui5_textarea_padding_bottom_error_warning));\n}\n:host([value-state=\"Error\"]) .ui5-textarea-mirror,\n:host([value-state=\"Warning\"]) .ui5-textarea-mirror {\n\tpadding-top: var(--_ui5_textarea_padding_top_error_warning);\n\tpadding-bottom: var(--_ui5_textarea_padding_bottom_error_warning);\n\tmin-height: calc(var(--_textarea_rows) * var(--_ui5_textarea_line_height) * var(--sapFontSize)  + var(--_ui5_textarea_padding_top_error_warning) + var(--_ui5_textarea_padding_bottom_error_warning));\n}\n:host([growing-max-lines=\"1\"][value-state=\"Error\"]) .ui5-textarea-inner, :host([growing-max-lines=\"1\"][value-state=\"Error\"]) .ui5-textarea-mirror\n:host([growing-max-lines=\"1\"][value-state=\"Warning\"]) .ui5-textarea-inner, :host([growing-max-lines=\"1\"][value-state=\"Warning\"]) .ui5-textarea-mirror {\n\tmax-height: var(--_ui5_textarea_line_height) * var(--sapFontSize) + var(--_ui5_textarea_padding_top_error_warning) + var(--_ui5_textarea_padding_bottom_error_warning);\n\tmin-height: var(--_ui5_textarea_line_height) * var(--sapFontSize) + var(--_ui5_textarea_padding_top_error_warning) + var(--_ui5_textarea_padding_bottom_error_warning);\n}\n:host([value-state=\"Information\"]) .ui5-textarea-mirror {\n\tpadding-top: var(--_ui5_textarea_padding_top_information);\n\tpadding-bottom: var(--_ui5_textarea_padding_bottom_information);\n\tmin-height: calc(var(--_textarea_rows) * var(--_ui5_textarea_line_height) * var(--sapFontSize)  + var(--_ui5_textarea_padding_top_information) + var(--_ui5_textarea_padding_bottom_information));\n}\n:host([rows=\"1\"][value-state=\"Information\"]:not([readonly]):not([disabled])) .ui5-textarea-inner {\n\theight: calc(var(--_ui5_textarea_line_height) * var(--sapFontSize)  + var(--_ui5_textarea_padding_top_information) + var(--_ui5_textarea_padding_bottom_information));\n\tmin-height: calc(var(--_ui5_textarea_line_height) * var(--sapFontSize)  + var(--_ui5_textarea_padding_top_information) + var(--_ui5_textarea_padding_bottom_information));\n}\n:host([growing-max-lines=\"1\"][value-state=\"Information\"]) .ui5-textarea-inner, :host([growing-max-lines=\"1\"][value-state=\"Information\"]) .ui5-textarea-mirror {\n\tmax-height: var(--_ui5_textarea_line_height) * var(--sapFontSize) + var(--_ui5_textarea_padding_top__ui5_textarea_padding_top_information) + var(--_ui5_textarea_padding_bottom__ui5_textarea_padding_top_information);\n\tmin-height: var(--_ui5_textarea_line_height) * var(--sapFontSize) + var(--_ui5_textarea_padding_top_error_warning) + var(--_ui5_textarea_padding_bottom_information);\n}\n:host([readonly]) {\n\tborder-color: var(--sapField_ReadOnly_BorderColor);\n}\n:host([readonly]) .ui5-textarea-inner {\n\tpadding: var(--_ui5_textarea_padding_top_readonly) var(--_ui5_textarea_padding_right_and_left_readonly) var(--_ui5_textarea_padding_bottom_readonly);\n}\n:host([readonly]) .ui5-textarea-root .ui5-textarea-wrapper {\n\tbackground-color: var(--sapField_ReadOnly_Background);\n\tborder-color: var(--sapField_ReadOnly_BorderColor);\n\tborder-style: var(--_ui5_textarea_readonly_border_style);\n}\n:host([show-exceeded-text]) .ui5-textarea-root {\n\tflex-direction: column;\n}\n.ui5-textarea-inner::-webkit-input-placeholder {\n\t/* Chrome/Opera/Safari */\n\tfont-weight: normal;\n\tfont-style: var(--_ui5_textarea_placeholder_font_style);\n\tcolor: var(--sapField_PlaceholderTextColor);\n}\n.ui5-textarea-inner::-moz-placeholder {\n\t/* Firefox 19+ */\n\tfont-weight: normal;\n\tfont-style: var(--_ui5_textarea_placeholder_font_style);\n\tcolor: var(--sapField_PlaceholderTextColor);\n}\n.ui5-textarea-inner:-moz-placeholder {\n\t/* Firefox 18- */\n\tfont-weight: normal;\n\tfont-style: var(--_ui5_textarea_placeholder_font_style);\n\tcolor: var(--sapField_PlaceholderTextColor);\n}\n:host([value-state=\"Error\"]) .ui5-textarea-inner::-webkit-input-placeholder {\n\t/* Chrome/Opera/Safari */\n\tfont-weight: var(--_ui5_textarea_value_state_error_warning_placeholder_font_weight);\n\tfont-style: var(--_ui5_textarea_error_placeholder_font_style);\n\tcolor: var(--_ui5_textarea_error_placeholder_color);\n}\n:host([value-state=\"Error\"]) .ui5-textarea-inner::-moz-placeholder {\n\t/* Firefox 19+ */\n\tfont-weight: var(--_ui5_textarea_value_state_error_warning_placeholder_font_weight);\n\tfont-style: var(--_ui5_textarea_error_placeholder_font_style);\n\tcolor: var(--_ui5_textarea_error_placeholder_color);\n}\n:host([value-state=\"Warning\"]) .ui5-textarea-inner::-moz-placeholder {\n\t/* Firefox 19+ */\n\tfont-weight: var(--_ui5_textarea_value_state_error_warning_placeholder_font_weight);\n\tfont-style: var(--_ui5_textarea_error_placeholder_font_style);\n\tcolor: var(--sapField_PlaceholderTextColor);\n}\n:host([value-state=\"Warning\"]) .ui5-textarea-inner::-webkit-input-placeholder {\n\tfont-weight: var(--_ui5_textarea_value_state_error_warning_placeholder_font_weight);\n\tfont-style: var(--_ui5_textarea_error_placeholder_font_style);\n\tcolor: var(--sapField_PlaceholderTextColor);\n}\n:host([value-state=\"Error\"]:not([readonly]):not([disabled])) .ui5-textarea-wrapper {\n\tbackground: var(--sapField_InvalidBackgroundStyle);\n\tbackground-color: var(--sapField_InvalidBackground);\n\tborder-color: var(--sapField_InvalidColor);\n\tbox-shadow: var(--sapField_InvalidShadow);\n}\n:host([value-state=\"Error\"][focused]:not([readonly]):not([disabled])) .ui5-textarea-wrapper {\n\tbackground-color: var(--_ui5_textarea_focused_value_state_error_background);\n\tborder-color: var(--sapField_InvalidColor);\n}\n:host([value-state=\"Error\"][focused]:not([readonly]):not([disabled])) .ui5-textarea-wrapper:after {\n\tborder-color: var(--_ui5_textarea_focused_value_state_error_focus_outline_color);\n}\n:host([value-state=\"Error\"]:not([readonly]):not([focused]):not([disabled]):hover) .ui5-textarea-wrapper {\n\tbackground-color: var(--_ui5_textarea_error_hover_background_color);\n\tbox-shadow: var(--sapField_Hover_InvalidShadow);\n}\n:host([value-state=\"Error\"]:not([readonly]):not([disabled])) .ui5-textarea-inner,\n:host([value-state=\"Warning\"]:not([readonly]):not([disabled])) .ui5-textarea-inner {\n\tfont-style: var(--_ui5_textarea_error_warning_font_style);\n\tfont-weight: var(--_ui5_textarea_error_warning_font_weight);\n\tpadding: var(--_ui5_textarea_padding_top_error_warning) var(--_ui5_textarea_padding_right_and_left_error_warning) var(--_ui5_textarea_padding_bottom_error_warning);\n}\n:host([value-state=\"Error\"]:not([readonly]):not([disabled])) .ui5-textarea-wrapper,\n:host([value-state=\"Warning\"]:not([readonly]):not([disabled])) .ui5-textarea-wrapper {\n\tborder-style: var(--_ui5_textarea_error_warning_border_style);\n\tborder-width: var(--_ui5_textarea_state_border_width);\n}\n:host([value-state=\"Error\"]:not([readonly]):not([disabled])) .ui5-textarea-inner,\n:host([value-state=\"Warning\"]:not([readonly]):not([disabled])) .ui5-textarea-inner,\n:host([value-state=\"Information\"]:not([readonly]):not([disabled])) .ui5-textarea-inner {\n\tborder-style: none;\n}\n:host([value-state=\"Warning\"]:not([readonly]):not([disabled])) .ui5-textarea-wrapper {\n\tbackground: var(--sapField_WarningBackgroundStyle);\n\tbackground-color: var(--sapField_WarningBackground);\n\tborder-color: var(--sapField_WarningColor);\n\tbox-shadow: var(--sapField_WarningShadow);\n}\n:host([value-state=\"Warning\"][focused]:not([readonly])) .ui5-textarea-wrapper {\n\tbackground-color: var(--_ui5_textarea_focused_value_state_warning_background);\n\tborder-color: var(--sapField_WarningColor);\n}\n:host([value-state=\"Warning\"][focused]:not([readonly])) .ui5-textarea-wrapper:after {\n\tborder-color: var(--_ui5_textarea_focused_value_state_warning_focus_outline_color);\n}\n:host([value-state=\"Warning\"]:not([readonly]):not([disabled]):not([focused]):hover) .ui5-textarea-wrapper {\n\tbackground-color: var(--sapField_Hover_Background);\n\tbox-shadow: var(--sapField_Hover_WarningShadow);\n}\n:host([value-state=\"Success\"]:not([readonly]):not([disabled])) .ui5-textarea-wrapper {\n\tbackground: var(--sapField_SuccessBackgroundStyle);\n\tbackground-color: var(--sapField_SuccessBackground);\n\tborder-color: var(--sapField_SuccessColor);\n\tborder-width: var(--sapField_BorderWidth);\n\tbox-shadow: var(--sapField_SuccessShadow);\n}\n:host([value-state=\"Success\"][focused]:not([readonly])) .ui5-textarea-wrapper {\n\tbackground-color: var(--_ui5_textarea_focused_value_state_success_background);\n\tborder-color: var(--sapField_SuccessColor);\n}\n:host([value-state=\"Success\"][focused]:not([readonly])) .ui5-textarea-wrapper:after {\n\tborder-color: var(--_ui5_textarea_focused_value_state_success_focus_outline_color);\n}\n:host([value-state=\"Success\"]:not([readonly]):not([disabled]):not([focused]):hover) .ui5-textarea-wrapper {\n\tbackground-color: var(--sapField_Hover_Background);\n\tbox-shadow: var(--sapField_Hover_SuccessShadow);\n}\n:host([value-state][value-state=\"Success\"]) .ui5-textarea-inner {\n\tborder-radius: var(--sapField_BorderCornerRadius);\n}\n:host([value-state=\"Information\"]:not([readonly]):not([disabled])) .ui5-textarea-inner {\n\tpadding: var(--_ui5_textarea_padding_top_information) var(--_ui5_textarea_padding_right_and_left_information) var(--_ui5_textarea_padding_bottom_information);\n}\n:host([value-state=\"Information\"]:not([readonly]):not([disabled])) .ui5-textarea-wrapper {\n\tbackground: var(--sapField_InformationBackgroundStyle);\n\tbackground-color: var(--sapField_InformationBackground);\n\tborder-color: var(--sapField_InformationColor);\n\tbox-shadow: var(--sapField_InformationShadow);\n}\n:host([value-state=\"Information\"][focused]:not([readonly])) .ui5-textarea-wrapper {\n\tbackground-color: var(--_ui5_textarea_focused_value_state_information_background);\n\tborder-color: var(--sapField_InformationColor);\n}\n:host([value-state=\"Information\"]:not([readonly]):not([disabled])) .ui5-textarea-wrapper {\n\tborder-width: var(--_ui5_textarea_information_border_width);\n\tborder-style: var(--_ui5_textarea_error_warning_border_style);\n}\n:host([value-state=\"Information\"]:not([readonly]):not([disabled]):not([focused]):hover) .ui5-textarea-wrapper {\n\tbackground-color: var(--sapField_Hover_Background);\n\tbox-shadow: var(--sapField_Hover_InformationShadow);\n}\n.ui5-textarea-exceeded-text {\n\talign-self: flex-end;\n\tpadding: 0.125rem 0.125rem 0.5rem;\n\tcolor: var(--sapContent_LabelColor);\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-size: var(--sapFontSmallSize);\n}\n:host([readonly]) .ui5-textarea-exceeded-text, :host([disabled]) .ui5-textarea-exceeded-text {\n\tdisplay: none;\n}\n:host :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar {\n\tbackground: var(--sapField_BackgroundStyle);\n\tbackground-color: var(--sapScrollBar_TrackColor);\n\tborder-top-right-radius: var(--sapField_BorderCornerRadius);\n\tborder-bottom-right-radius: var(--sapField_BorderCornerRadius);\n}\n:host([value-state=\"Error\"]) :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar {\n\tbackground: var(--sapField_InvalidBackgroundStyle);\n\tbackground-color: var(--sapScrollBar_TrackColor);\n}\n:host([value-state=\"Warning\"]) :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar {\n\tbackground: var(--sapField_WarningBackgroundStyle);\n\tbackground-color: var(--sapScrollBar_TrackColor);\n}\n:host([value-state=\"Information\"]) :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar {\n\tbackground: var(--sapField_InformationBackgroundStyle);\n\tbackground-color: var(--sapScrollBar_TrackColor);\n}\n:host([value-state=\"Success\"]) :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar {\n\tbackground: var(--sapField_SuccessBackgroundStyle);\n\tbackground-color: var(--sapScrollBar_TrackColor);\n}\n:host([focused]) :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar {\n\tbackground-image: none;\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/TimePicker.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/TimePicker.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{color:var(--sapField_TextColor);background-color:var(--sapField_Background);border-radius:var(--_ui5-time_picker_border_radius)}:host([value-state=Error]){background-color:var(--sapField_InvalidBackground)}:host(:not([disabled]):hover){background:var(--sapField_Hover_Background)}:host .ui5-time-picker-input{width:100%;color:inherit;background-color:inherit}.ui5-time-picker-input-icon-button{border-left:.0625rem solid transparent}.ui5-time-picker-input-icon-button:hover{cursor:pointer;border-left:var(--_ui5_time_picker_border);background:var(--sapButton_Hover_Background)}.ui5-time-picker-input-icon-button:active{background-color:var(--sapButton_Active_Background);color:var(--sapButton_Active_TextColor)}.ui5-time-picker-input-icon-button[pressed]{background-color:var(--sapButton_Active_Background);color:var(--sapButton_Active_TextColor)}"
+    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\tline-height: normal;\n\tletter-spacing: normal;\n\tword-spacing: normal;\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-time_picker_border_radius);\n\tmargin: var(--_ui5_input_margin_top_bottom) 0;\n}\n:host([value-state=\"Error\"]) {\n\tbackground-color: var(--sapField_InvalidBackground);\n}\n:host(:not([disabled]):hover) {\n\tbackground: var(--sapField_Hover_Background);\n}\n.ui5-time-picker-root {\n\tline-height: inherit;\n\tletter-spacing: inherit;\n\tword-spacing: inherit;\n}\n:host .ui5-time-picker-input {\n\twidth: 100%;\n\tcolor: inherit;\n\tbackground-color: inherit;\n\tline-height: inherit;\n\tletter-spacing: inherit;\n\tword-spacing: inherit;\n\tmargin: inherit;\n}\n.ui5-time-picker-input-icon-button {\n\tborder-left: 0.0625rem solid transparent;\n}\n.ui5-time-picker-input-icon-button {\n\tborder-left: 0.0625rem solid transparent;\n}\n.ui5-time-picker-input-icon-button:hover {\n\tcursor: pointer;\n\tborder-left: var(--_ui5_time_picker_border);\n\tbackground: var(--sapButton_Hover_Background);\n}\n.ui5-time-picker-input-icon-button:active {\n\tbackground-color: var(--sapButton_Active_Background);\n\tcolor: var(--sapButton_Active_TextColor);\n}\n.ui5-time-picker-input-icon-button[pressed] {\n\tbackground-color: var(--sapButton_Active_Background);\n\tcolor: var(--sapButton_Active_TextColor);\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/TimePickerPopover.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/TimePickerPopover.css",
-    content: ".ui5-time-picker-footer{height:fit-content;display:flex;justify-content:flex-end;width:100%}.ui5-time-picker-footer>[ui5-button]{margin:1%;min-width:20%}.ui5-time-picker-popover::part(content){padding:0}"
+    content: ".ui5-time-picker-footer {\n\theight: fit-content;\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\twidth: 100%;\n}\n\n.ui5-time-picker-footer > [ui5-button] {\n\tmargin: 1%;\n\tmin-width: 20%;\n}\n\n.ui5-time-picker-popover::part(content) {\n\tpadding: 0;\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/TimeSelection.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/TimeSelection.css",
-    content: ":host(:not([hidden])){display:inline-block;min-width:18rem}.ui5-time-selection-root{width:100%;height:100%;display:flex;justify-content:center;align-items:stretch;direction:ltr;box-sizing:border-box}.ui5-time-selection-root.ui5-phone{height:90vh}:host(.ui5-dt-time.ui5-dt-cal--hidden) .ui5-time-selection-root.ui5-phone{height:80vh}[ui5-wheelslider]{padding-left:.25rem;padding-right:.25rem}"
+    content: ":host(:not([hidden])) {\n    display: inline-block;\n    min-width: 18rem;\n}\n\n.ui5-time-selection-root {\n    width: 100%;\n    height: 100%;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: stretch;\n\tdirection: ltr;\n\tbox-sizing: border-box;\n}\n\n.ui5-time-selection-root.ui5-phone{\n\theight: 90vh;\n}\n\n:host(.ui5-dt-time.ui5-dt-cal--hidden) .ui5-time-selection-root.ui5-phone {\n\theight: 80vh;\n}\n\n[ui5-wheelslider] {\n\tpadding-left: 0.25rem;\n\tpadding-right: 0.25rem;\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/Title.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/Title.css",
-    content: ":host(:not([hidden])){display:block;cursor:text}:host{max-width:100%;color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader2Size);font-family:\"72override\",var(--sapFontFamily);text-shadow:var(--sapContent_TextShadow)}.ui5-title-root{display:inline-block;position:relative;font-weight:400;font-size:inherit;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;vertical-align:bottom;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;margin:0;cursor:inherit}:host([wrapping-type=Normal]) .ui5-title-root{white-space:pre-line}:host([level=H1]){font-size:var(--sapFontHeader1Size)}:host([level=H2]){font-size:var(--sapFontHeader2Size)}:host([level=H3]){font-size:var(--sapFontHeader3Size)}:host([level=H4]){font-size:var(--sapFontHeader4Size)}:host([level=H5]){font-size:var(--sapFontHeader5Size)}:host([level=H6]){font-size:var(--sapFontHeader6Size)}"
+    content: ":host(:not([hidden])) {\n\tdisplay: block;\n\tcursor: text;\n}\n\n:host {\n\tmax-width: 100%;\n\tcolor: var(--sapGroup_TitleTextColor);\n\tfont-size: var(--sapFontHeader2Size);\n\tfont-family: \"72override\", var(--sapFontHeaderFamily);\n\ttext-shadow: var(--sapContent_TextShadow);\n}\n\n.ui5-title-root {\n\tdisplay: inline-block;\n\tposition: relative;\n\tfont-weight: normal;\n\tfont-size: inherit;\n\tbox-sizing: border-box;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\tmax-width: 100%;\n\tvertical-align: bottom;\n\t-webkit-margin-before: 0;\n\t-webkit-margin-after: 0;\n\t-webkit-margin-start: 0;\n\t-webkit-margin-end: 0;\n\tmargin: 0;\n\tcursor: inherit;\n}\n\n:host([wrapping-type=\"Normal\"]) .ui5-title-root,\n:host([wrapping-type=\"Normal\"]) ::slotted(*) {\n\twhite-space: pre-line;\n}\n\n::slotted(*) {\n\tfont-size: inherit;\n\tfont-family: inherit;\n\ttext-shadow: inherit;\n}\n\n/* Level H1 */\n\n:host([level=\"H1\"]) {\n\tfont-size: var(--sapFontHeader1Size);\n}\n\n/* Level H2 */\n\n:host([level=\"H2\"]) {\n\tfont-size: var(--sapFontHeader2Size);\n}\n\n/* Level H3 */\n\n:host([level=\"H3\"]) {\n\tfont-size: var(--sapFontHeader3Size);\n}\n\n/* Level H4 */\n\n:host([level=\"H4\"]) {\n\tfont-size: var(--sapFontHeader4Size);\n}\n\n/* Level H5 */\n\n:host([level=\"H5\"]) {\n\tfont-size: var(--sapFontHeader5Size);\n}\n\n/* Level H6 */\n\n:host([level=\"H6\"]) {\n\tfont-size: var(--sapFontHeader6Size);\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/Toast.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/Toast.css",
-    content: ":host{font-family:\"72override\",var(--sapFontFamily);color:var(--sapList_TextColor);font-size:var(--sapFontSize)}:host([open]) .ui5-toast-root{display:block}.ui5-toast-root{position:fixed;display:none;box-sizing:border-box;max-width:15rem;overflow:hidden;padding:1rem;background:var(--_ui5_toast_background);box-shadow:var(--_ui5_toast_shadow);border-radius:var(--sapElement_BorderCornerRadius);transition-property:opacity;opacity:1;font-family:inherit;color:inherit;font-weight:inherit;font-size:inherit;word-wrap:break-word;text-align:center;text-overflow:ellipsis;white-space:pre-line}:host(:not([placement])) .ui5-toast-root{bottom:var(--_ui5_toast_vertical_offset);left:50%;transform:translateX(-50%)}:host([placement=TopStart]) .ui5-toast-root{top:var(--_ui5_toast_vertical_offset);left:var(--_ui5_toast_horizontal_offset)}:host([placement=MiddleStart]) .ui5-toast-root{left:var(--_ui5_toast_horizontal_offset);top:50%;transform:translateY(-50%)}:host([placement=BottomStart]) .ui5-toast-root{left:var(--_ui5_toast_horizontal_offset);bottom:var(--_ui5_toast_vertical_offset)}:host([placement=TopCenter]) .ui5-toast-root{top:var(--_ui5_toast_vertical_offset);left:50%;transform:translateX(-50%)}:host([placement=MiddleCenter]) .ui5-toast-root{left:50%;top:50%;transform:translate(-50%,-50%)}:host([placement=BottomCenter]) .ui5-toast-root{bottom:var(--_ui5_toast_vertical_offset);left:50%;transform:translateX(-50%)}:host([placement=TopEnd]) .ui5-toast-root{right:var(--_ui5_toast_horizontal_offset);top:var(--_ui5_toast_vertical_offset)}:host([placement=MiddleEnd]) .ui5-toast-root{right:var(--_ui5_toast_horizontal_offset);top:50%;transform:translateY(-50%)}:host([placement=BottomEnd]) .ui5-toast-root{right:var(--_ui5_toast_horizontal_offset);bottom:var(--_ui5_toast_vertical_offset)}"
+    content: ":host {\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tcolor: var(--sapList_TextColor);\n\tfont-size: var(--sapFontSize);\n}\n\n:host([open]) .ui5-toast-root {\n\tdisplay: block;\n}\n\n.ui5-toast-root {\n\tposition: fixed;\n\tdisplay: none;\n\tbox-sizing: border-box;\n\tmax-width: 15rem;\n\toverflow: hidden;\n\tpadding: 1rem;\n\tbackground: var(--_ui5_toast_background);\n\tbox-shadow: var(--_ui5_toast_shadow);\n\tborder-radius: var(--sapElement_BorderCornerRadius);\n\ttransition-property: opacity;\n\topacity: 1;\n\tfont-family: inherit;\n\tcolor: inherit;\n\tfont-weight: inherit;\n\tfont-size: inherit;\n\tword-wrap: break-word;\n\ttext-align: center;\n\ttext-overflow: ellipsis;\n\twhite-space: pre-line;\n}\n\n:host(:not([placement])) .ui5-toast-root {\n\tbottom: var(--_ui5_toast_vertical_offset);\n\tleft: 50%;\n\ttransform: translateX(-50%);\n}\n\n:host([placement=\"TopStart\"]) .ui5-toast-root {\n\ttop: var(--_ui5_toast_vertical_offset);\n\tleft: var(--_ui5_toast_horizontal_offset);\n}\n\n:host([placement=\"MiddleStart\"]) .ui5-toast-root {\n\tleft: var(--_ui5_toast_horizontal_offset);\n\ttop: 50%;\n\ttransform: translateY(-50%);\n}\n\n:host([placement=\"BottomStart\"]) .ui5-toast-root {\n\tleft: var(--_ui5_toast_horizontal_offset);\n\tbottom: var(--_ui5_toast_vertical_offset);\n}\n\n:host([placement=\"TopCenter\"]) .ui5-toast-root {\n\ttop: var(--_ui5_toast_vertical_offset);\n\tleft: 50%;\n\ttransform: translateX(-50%);\n}\n\n:host([placement=\"MiddleCenter\"]) .ui5-toast-root {\n\tleft: 50%;\n\ttop: 50%;\n\ttransform: translate(-50%, -50%);\n}\n\n:host([placement=\"BottomCenter\"]) .ui5-toast-root {\n\tbottom: var(--_ui5_toast_vertical_offset);\n\tleft: 50%;\n\ttransform: translateX(-50%);\n}\n\n:host([placement=\"TopEnd\"]) .ui5-toast-root {\n\tright: var(--_ui5_toast_horizontal_offset);\n\ttop: var(--_ui5_toast_vertical_offset);\n}\n\n:host([placement=\"MiddleEnd\"]) .ui5-toast-root {\n\tright: var(--_ui5_toast_horizontal_offset);\n\ttop: 50%;\n\ttransform: translateY(-50%);\n}\n\n:host([placement=\"BottomEnd\"]) .ui5-toast-root {\n\tright: var(--_ui5_toast_horizontal_offset);\n\tbottom: var(--_ui5_toast_vertical_offset);\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/ToggleButton.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/ToggleButton.css",
-    content: ":host(:not([hidden])){display:inline-block}:host([design=Default][pressed]),:host([design=Emphasized][pressed]),:host([design=Transparent][pressed]),:host([pressed]){background:var(--sapButton_Selected_Background);border-color:var(--sapButton_Selected_BorderColor);color:var(--sapButton_Selected_TextColor)}:host([design=Default][pressed]:hover),:host([design=Default][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover),:host([design=Emphasized][pressed]:hover),:host([design=Emphasized][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover),:host([design=Transparent][pressed]:hover),:host([design=Transparent][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover),:host([pressed]:hover),:host([pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover){background:var(--sapButton_Selected_Hover_Background);border-color:var(--sapButton_Selected_Hover_BorderColor);color:var(--sapButton_Selected_TextColor);box-shadow:var(--sapContent_Interaction_Shadow)}:host([active][focused]),:host([design=Default][active][focused]),:host([design=Emphasized][active][focused]),:host([design=Transparent][active][focused]){background:var(--sapButton_Active_Background);border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_Selected_TextColor);box-shadow:var(--sapContent_Interaction_Shadow)}:host([design=Default][pressed]:not([active]):not([non-interactive]):not([_is-touch])),:host([design=Emphasized][pressed]:not([active]):not([non-interactive]):not([_is-touch])),:host([design=Transparent][pressed]:not([active]):not([non-interactive]):not([_is-touch])),:host([pressed]:not([active]):not([non-interactive]):not([_is-touch])){background:var(--sapButton_Selected_Background);border-color:var(--sapButton_Selected_BorderColor);color:var(--sapButton_Selected_TextColor)}:host([design=Negative][pressed]){background:var(--sapButton_Reject_Selected_Background);border-color:var(--sapButton_Reject_Selected_BorderColor);color:var(--sapButton_Reject_Selected_TextColor)}:host([design=Negative][active][focused]){background:var(--sapButton_Reject_Active_Background);border-color:var(--sapButton_Reject_Active_BorderColor);color:var(--sapButton_Reject_Active_TextColor)}:host([design=Negative][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover),:host([design=Negative][pressed][active]:hover){background:var(--sapButton_Reject_Selected_Hover_Background);border-color:var(--sapButton_Reject_Selected_Hover_BorderColor);color:var(--sapButton_Reject_Selected_TextColor);box-shadow:var(--sapContent_Negative_Shadow)}:host([design=Negative][pressed]:not([active]):not([non-interactive]):not([_is-touch])){background:var(--sapButton_Reject_Selected_Background);border-color:var(--sapButton_Reject_Selected_BorderColor);color:var(--sapButton_Reject_Selected_TextColor)}:host([design=Positive][pressed]){background:var(--sapButton_Accept_Selected_Background);border-color:var(--sapButton_Accept_Selected_BorderColor);color:var(--sapButton_Accept_Selected_TextColor)}:host([design=Positive][active][focused]){background:var(--sapButton_Accept_Active_Background);border-color:var(--sapButton_Accept_Active_BorderColor);color:var(--sapButton_Accept_Selected_TextColor)}:host([design=Positive][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover),:host([design=Positive][pressed][active]:hover){background:var(--sapButton_Accept_Selected_Hover_Background);border-color:var(--sapButton_Accept_Selected_Hover_BorderColor);color:var(--sapButton_Accept_Selected_TextColor);box-shadow:var(--sapContent_Positive_Shadow)}:host([design=Positive][pressed]:not([active]):not([non-interactive]):not([_is-touch])){background:var(--sapButton_Accept_Selected_Background);border-color:var(--sapButton_Accept_Selected_BorderColor);color:var(--sapButton_Accept_Selected_TextColor)}:host([design=Attention][pressed]){background:var(--sapButton_Attention_Selected_Background);border-color:var(--sapButton_Attention_Selected_BorderColor);color:var(--sapButton_Attention_Selected_TextColor)}:host([design=Attention][active][focused]){background:var(--sapButton_Attention_Active_Background);border-color:var(--sapButton_Attention_Active_BorderColor);color:var(--sapButton_Attention_Active_TextColor)}:host([design=Attention][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover),:host([design=Attention][pressed][active]:hover){background:var(--sapButton_Attention_Selected_Hover_Background);border-color:var(--sapButton_Attention_Selected_Hover_BorderColor);color:var(--sapButton_Attention_Selected_TextColor);box-shadow:var(--sapContent_Critical_Shadow)}:host([design=Attention][pressed]:not([active]):not([non-interactive]):not([_is-touch])){background:var(--sapButton_Attention_Selected_Background);border-color:var(--sapButton_Attention_Selected_BorderColor);color:var(--sapButton_Attention_Selected_TextColor)}"
+    content: ":host(:not([hidden])) {\n\tdisplay: inline-block;\n}\n\n:host([design=\"Emphasized\"]:not([pressed])) {\n\ttext-shadow: var(--_ui5_toggle_button_emphasized_text_shadow);\n}\n\n:host([pressed]),\n:host([design=\"Default\"][pressed]),\n:host([design=\"Transparent\"][pressed]),\n:host([design=\"Emphasized\"][pressed]) {\n\tbackground: var(--sapButton_Selected_Background);\n\tborder-color: var(--sapButton_Selected_BorderColor);\n\tcolor: var(--sapButton_Selected_TextColor);\n\ttext-shadow: none;\n}\n\n:host([pressed]:hover),\n:host([pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover),\n:host([design=\"Default\"][pressed]:hover),\n:host([design=\"Default\"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover),\n:host([design=\"Transparent\"][pressed]:hover),\n:host([design=\"Transparent\"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover),\n:host([design=\"Emphasized\"][pressed]:hover),\n:host([design=\"Emphasized\"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover) {\n\tbackground: var(--sapButton_Selected_Hover_Background);\n\tborder-color: var(--sapButton_Selected_Hover_BorderColor);\n\tcolor: var(--sapButton_Selected_TextColor);\n\tbox-shadow: var(--sapContent_Interaction_Shadow);\n}\n\n:host([active][focused]),\n:host([design=\"Default\"][active][focused]),\n:host([design=\"Transparent\"][active][focused]),\n:host([design=\"Emphasized\"][active][focused]) {\n\tbackground: var(--sapButton_Active_Background);\n\tborder-color: var(--sapButton_Active_BorderColor);\n\tcolor: var(--sapButton_Selected_TextColor);\n\tbox-shadow: var(--sapContent_Interaction_Shadow);\n}\n\n:host([pressed]:not([active]):not([non-interactive]):not([_is-touch])),\n:host([design=\"Default\"][pressed]:not([active]):not([non-interactive]):not([_is-touch])),\n:host([design=\"Transparent\"][pressed]:not([active]):not([non-interactive]):not([_is-touch])),\n:host([design=\"Emphasized\"][pressed]:not([active]):not([non-interactive]):not([_is-touch])) {\n\tbackground: var(--sapButton_Selected_Background);\n\tborder-color: var(--sapButton_Selected_BorderColor);\n\tcolor: var(--sapButton_Selected_TextColor);\n}\n\n:host([design=\"Negative\"][pressed]) {\n\tbackground: var(--sapButton_Reject_Selected_Background);\n\tborder-color: var(--sapButton_Reject_Selected_BorderColor);\n\tcolor: var(--sapButton_Reject_Selected_TextColor);\n}\n\n:host([design=\"Negative\"][active][focused]) {\n\tbackground: var(--sapButton_Reject_Active_Background);\n\tborder-color: var(--sapButton_Reject_Active_BorderColor);\n\tcolor: var(--sapButton_Reject_Active_TextColor);\n}\n\n:host([design=\"Negative\"][pressed][active]:hover),\n:host([design=\"Negative\"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover) {\n\tbackground: var(--sapButton_Reject_Selected_Hover_Background);\n\tborder-color: var(--sapButton_Reject_Selected_Hover_BorderColor);\n\tcolor: var(--sapButton_Reject_Selected_TextColor);\n\tbox-shadow: var(--sapContent_Negative_Shadow);\n}\n\n:host([design=\"Negative\"][pressed]:not([active]):not([non-interactive]):not([_is-touch])) {\n\tbackground: var(--sapButton_Reject_Selected_Background);\n\tborder-color: var(--sapButton_Reject_Selected_BorderColor);\n\tcolor: var(--sapButton_Reject_Selected_TextColor);\n}\n\n:host([design=\"Positive\"][pressed]) {\n\tbackground: var(--sapButton_Accept_Selected_Background);\n\tborder-color: var(--sapButton_Accept_Selected_BorderColor);\n\tcolor: var(--sapButton_Accept_Selected_TextColor);\n}\n\n:host([design=\"Positive\"][active][focused]) {\n\tbackground: var(--sapButton_Accept_Active_Background);\n\tborder-color: var(--sapButton_Accept_Active_BorderColor);\n\tcolor: var(--sapButton_Accept_Selected_TextColor);\n}\n\n:host([design=\"Positive\"][pressed][active]:hover),\n:host([design=\"Positive\"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover) {\n\tbackground: var(--sapButton_Accept_Selected_Hover_Background);\n\tborder-color: var(--sapButton_Accept_Selected_Hover_BorderColor);\n\tcolor: var(--sapButton_Accept_Selected_TextColor);\n\tbox-shadow: var(--sapContent_Positive_Shadow);\n}\n\n:host([design=\"Positive\"][pressed]:not([active]):not([non-interactive]):not([_is-touch])) {\n\tbackground: var(--sapButton_Accept_Selected_Background);\n\tborder-color: var(--sapButton_Accept_Selected_BorderColor);\n\tcolor: var(--sapButton_Accept_Selected_TextColor);\n}\n\n:host([design=\"Attention\"][pressed]) {\n\tbackground: var(--sapButton_Attention_Selected_Background);\n\tborder-color: var(--sapButton_Attention_Selected_BorderColor);\n\tcolor: var(--sapButton_Attention_Selected_TextColor);\n}\n\n:host([design=\"Attention\"][active][focused]) {\n\tbackground: var(--sapButton_Attention_Active_Background);\n\tborder-color: var(--sapButton_Attention_Active_BorderColor);\n\tcolor: var(--sapButton_Attention_Active_TextColor);\n}\n\n:host([design=\"Attention\"][pressed][active]:hover),\n:host([design=\"Attention\"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover) {\n\tbackground: var(--sapButton_Attention_Selected_Hover_Background);\n\tborder-color: var(--sapButton_Attention_Selected_Hover_BorderColor);\n\tcolor: var(--sapButton_Attention_Selected_TextColor);\n\tbox-shadow: var(--sapContent_Critical_Shadow);\n}\n\n:host([design=\"Attention\"][pressed]:not([active]):not([non-interactive]):not([_is-touch])) {\n\tbackground: var(--sapButton_Attention_Selected_Background);\n\tborder-color: var(--sapButton_Attention_Selected_BorderColor);\n\tcolor: var(--sapButton_Attention_Selected_TextColor);\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/Token.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/Token.css",
-    content: ":host{display:inline-block;background:var(--_ui5_token_background);border:var(--sapButton_BorderWidth) solid var(--sapButton_TokenBorderColor);border-radius:var(--_ui5_token_border_radius);color:var(--_ui5_token_text_color);height:var(--_ui5_token_height);box-sizing:border-box;margin-top:var(--_ui5_token_top_margin);margin-bottom:var(--_ui5_token_bottom_margin);margin-inline-end:var(--_ui5_token_right_margin);position:relative}:host([overflows]){display:none}:host(:not([readonly]):hover){background:var(--_ui5_token_hover_background);border-color:var(--_ui5_token_hover_border_color);box-shadow:var(--sapContent_Interaction_Shadow)}:host([selected]:not([readonly]):not([focused])){color:var(--sapButton_Selected_TextColor);background:var(--sapButton_Selected_Background);border:var(--sapButton_BorderWidth) solid var(--sapButton_Selected_BorderColor)}:host([selected]:not([readonly]):hover){background:var(--_ui5_token_selected_hover_background);border-color:var(--_ui5_token_selected_hover_border_color);box-shadow:var(--sapContent_Interaction_Shadow)}:host([readonly]){background:var(--_ui5_token_readonly_background);color:var(--_ui5_token_readonly_color)}:host([readonly]) .ui5-token--wrapper{padding:0 var(--_ui5_token_readonly_padding)}:host([selected]) .ui5-token--wrapper:focus{outline:var(--_ui5_token_selected_focus_outline)}:host([focused][selected]:not([readonly])){background:var(--sapButton_Selected_Background);color:var(--sapButton_Selected_TextColor);border:var(--_ui5_token_focused_selected_border)}.ui5-token--wrapper{display:flex;align-items:center;height:100%;width:100%;cursor:default;padding-inline-start:var(--_ui5_token_left_padding);box-sizing:border-box;font-size:var(--sapFontSize);font-family:\"72override\",var(--sapFontFamily);user-select:none}.ui5-token--wrapper:focus{outline-offset:var(--_ui5_token_outline_offset);outline:var(--_ui5_token_focus_outline)}.ui5-token--wrapper:focus:after{content:var(--ui5_token_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_token_focus_outline_border_radius);top:var(--_ui5_token_focus_offset);bottom:var(--_ui5_token_focus_offset);left:var(--_ui5_token_focus_offset);right:var(--_ui5_token_focus_offset)}.ui5-token--text{white-space:nowrap}.ui5-token--icon{display:flex}:host([selected]) .ui5-token--icon>[ui5-icon],:host([selected]) ::slotted([ui5-icon]){color:var(--sapButton_Selected_TextColor)}.ui5-token--icon>[ui5-icon],::slotted([ui5-icon]){color:inherit;cursor:pointer;width:var(--_ui5_token_icon_size);height:var(--_ui5_token_icon_size);padding:var(--_ui5_token_icon_padding);color:var(--sapContent_IconColor)}"
+    content: ":host {\n\tdisplay: inline-block;\n\tbackground: var(--_ui5_token_background);\n\tborder: var(--sapButton_BorderWidth) solid var(--sapButton_TokenBorderColor);\n\tborder-radius: var(--_ui5_token_border_radius);\n\tcolor: var(--_ui5_token_text_color);\n\theight: var(--_ui5_token_height);\n\tbox-sizing: border-box;\n\tmargin-top: var(--_ui5_token_top_margin);\n\tmargin-bottom: var(--_ui5_token_bottom_margin);\n\tmargin-inline-end: var(--_ui5_token_right_margin);\n\tposition: relative;\n}\n\n:host([overflows]) {\n\tdisplay: none;\n}\n\n:host(:not([readonly]):hover) {\n\tbackground: var(--sapButton_Hover_Background);\n\tborder-color: var(--_ui5_token_hover_border_color);\n}\n\n:host([selected]:not([readonly])) {\n\tcolor: var(--sapButton_Selected_TextColor);\n}\n\n:host([selected]:not([readonly])) {\n\tbackground: var(--sapButton_Selected_Background);\n\tborder: var(--sapButton_BorderWidth) solid var(--sapButton_Selected_BorderColor);\n\tbox-shadow: var(--_ui5_token_selected_box_shadow);\n}\n\n:host([selected]:not([readonly])) .ui5-token--wrapper {\n\tborder-bottom: var(--_ui5_token_selected_internal_border_bottom);\n\tborder-bottom-left-radius: var(--_ui5_token_selected_internal_border_bottom_radius);\n\tborder-bottom-right-radius: var(--_ui5_token_selected_internal_border_bottom_radius);\n}\n\n:host([selected]:not([readonly]):hover) {\n\tbackground: var(--_ui5_token_selected_hover_background);\n\tborder-color: var(--_ui5_token_selected_hover_border_color);\n\tbox-shadow: var(--_ui5_token_selected_box_shadow);\n}\n\n:host([readonly]) {\n\tbackground: var(--_ui5_token_readonly_background);\n\tcolor: var(--_ui5_token_readonly_color);\n}\n\n:host([readonly]) .ui5-token--wrapper {\n\tpadding: 0 var(--_ui5_token_readonly_padding);\n}\n\n:host([selected]) .ui5-token--wrapper:focus {\n\toutline: var(--_ui5_token_selected_focus_outline);\n}\n\n:host([selected]) .ui5-token--text,\n:host([selected]) .ui5-token--icon {\n\ttop: var(--_ui5_token_text_icon_top);\n\tposition: relative;\n}\n\n:host([focused][selected]:not([readonly]):not(:hover)) {\n\tbackground: var(--sapButton_Selected_Background);\n\tcolor: var(--sapButton_Selected_TextColor);\n\tborder: var(--_ui5_token_focused_selected_border);\n}\n\n.ui5-token--wrapper {\n\tdisplay: flex;\n\talign-items: center;\n\theight: 100%;\n\twidth: 100%;\n\tcursor: default;\n\tpadding-inline-start: var(--_ui5_token_left_padding);\n\tbox-sizing: border-box;\n\tfont-size: var(--sapFontSize);\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tuser-select: none;\n}\n\n:host([selected]) .ui5-token--wrapper {\n\tfont-family: var(--_ui5_token_selected_text_font_family);\n}\n\n.ui5-token--wrapper:focus {\n\toutline-offset: var(--_ui5_token_outline_offset);\n\toutline: var(--_ui5_token_focus_outline);\n}\n\n.ui5-token--wrapper:focus::after {\n\tcontent: var(--ui5_token_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_token_focus_outline_border_radius);\n\ttop: var(--_ui5_token_focus_offset);\n\tbottom: var(--_ui5_token_focus_offset);\n\tleft: var(--_ui5_token_focus_offset);\n\tright: var(--_ui5_token_focus_offset);\n}\n\n.ui5-token--text {\n\twhite-space: nowrap;\n}\n\n.ui5-token--icon {\n\tdisplay: flex;\n}\n\n:host([selected]) .ui5-token--icon > [ui5-icon],\n:host([selected]) ::slotted([ui5-icon]) {\n\tcolor: var(--sapButton_Selected_TextColor);\n}\n\n.ui5-token--icon > [ui5-icon],\n::slotted([ui5-icon]) {\n\tcolor: inherit;\n\tcursor: pointer;\n\twidth: var(--_ui5_token_icon_size);\n\theight: var(--_ui5_token_icon_size);\n\tpadding: var(--_ui5_token_icon_padding);\n\tcolor: var(--sapContent_IconColor);\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/Tokenizer.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/Tokenizer.css",
-    content: ":host{display:inline-block;box-sizing:border-box;border:1px solid #000;height:2.25rem}.ui5-hidden-text{width:1px;overflow:hidden;color:transparent}.ui5-tokenizer-root{height:100%;display:flex;align-items:center;overflow-x:scroll;box-sizing:border-box;font-family:\"72override\",var(--sapFontFamily)}.ui5-tokenizer-no-padding{padding:0}.ui5-tokenizer-root.ui5-tokenizer-nmore--wrapper{overflow:hidden}.ui5-tokenizer--token--wrapper{display:inline-flex;align-items:center;box-sizing:border-box;height:100%}:host([expanded]) .ui5-tokenizer--content{display:inline-block;white-space:nowrap}.ui5-tokenizer--content{display:flex;flex-wrap:nowrap;align-items:center;overflow:auto;padding-inline-start:var(--_ui5_tokenizer_padding)}.ui5-tokenizer--content.ui5-tokenizer-nmore--content{overflow:hidden}.ui5-tokenizer-more-text{display:inline-block;margin-inline-start:.25rem;cursor:pointer;white-space:nowrap;font-size:var(--sapFontSize);font-weight:400;color:var(--sapField_TextColor)}:host([expanded]) .ui5-tokenizer--content{overflow:hidden;justify-content:flex-end}"
+    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\tdisplay: inline-block;\n\tbox-sizing: border-box;\n\tborder: 1px solid black;\n\theight: 2.25rem;\n}\n\n.ui5-tokenizer-root {\n\theight: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\toverflow-x: scroll;\n\tbox-sizing: border-box;\n\tfont-family: \"72override\", var(--sapFontFamily);\n}\n\n.ui5-tokenizer-no-padding {\n\tpadding: 0;\n}\n\n.ui5-tokenizer-root.ui5-tokenizer-nmore--wrapper {\n\toverflow: hidden;\n}\n\n.ui5-tokenizer--token--wrapper {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tbox-sizing: border-box;\n\theight: 100%;\n}\n\n:host([expanded]) .ui5-tokenizer--content {\n\tdisplay: inline-block;\n\twhite-space: nowrap;\n}\n\n.ui5-tokenizer--content {\n\tdisplay: flex;\n\tflex-wrap: nowrap;\n\talign-items: center;\n\toverflow: hidden;\n\tpadding-inline-start: var(--_ui5_tokenizer_padding);\n}\n\n.ui5-tokenizer-more-text {\n\tdisplay: inline-block;\n\tmargin-inline-start: .25rem;\n\tcursor: pointer;\n\twhite-space: nowrap;\n\tfont-size: var(--sapFontSize);\n\tfont-weight: normal;\n\tcolor: var(--_ui5_tokenizer_n_more_text_color);\n}\n\n:host([expanded]) .ui5-tokenizer--content {\n\toverflow: hidden;\n\tjustify-content: flex-end;\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

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

package/src/sap/ui/webc/main/thirdparty/generated/themes/Tree.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/Tree.css",
-    content: ".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;width:100%}.ui5-tree-root{height:100%;width:100%}"
+    content: ".ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\r\n\r\n:host(:not([hidden])) {\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n}\r\n\r\n.ui5-tree-root {\r\n\theight: 100%;\r\n\twidth: 100%;\r\n}\r\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/TreeItem.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/TreeItem.css",
+    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:host(:not([hidden])) {\n\tdisplay: block;\n\tposition: relative;\n}\n:host([_minimal]) .ui5-li-tree-toggle-box {\n\twidth: 0;\n\tmin-width: 0;\n}\n:host([_minimal]) .ui5-li-icon {\n\tpadding: 0;\n}\n:host([_minimal]) .ui5-li-content {\n\tjustify-content: center;\n}\n:host([_minimal]) .ui5-li-root-tree {\n\tpadding: 0;\n}\n:host([_minimal][show-toggle-button])::after {\n\tcontent: \"\";\n\twidth: 0;\n\theight: 0;\n\tborder-left: 0.375rem solid transparent;\n\tborder-bottom: .375rem solid var(--sapContent_NonInteractiveIconColor);\n\tposition: absolute;\n\tright: 0.1875rem;\n\tbottom: 0.125rem;\n}\n:host([_minimal]) .ui5-li-text-wrapper {\n\tdisplay: none;\n}\n.ui5-li-root-tree {\n\tpadding-inline-start: 0;\n}\n:host(:not([level=\"1\"])) .ui5-li-root {\n\tborder-color: var(--sapList_AlternatingBackground);\n}\n:host([_toggle-button-end][selected]:not([level=\"1\"])) .ui5-li-root {\n\tborder-bottom: var(--ui5-listitem-selected-border-bottom);\n}\n:host([_toggle-button-end]:not([selected])) .ui5-li-root-tree:hover, :host([_mode]:not([_mode=\"None\"]):not([_mode=\"Delete\"]):not([selected])) .ui5-li-root-tree:hover {\n\tbackground: var(--sapList_Hover_Background);\n\tcursor: pointer;\n}\n:host(:not([level=\"1\"]):not([selected])) .ui5-li-root-tree {\n\tbackground: var(--sapList_AlternatingBackground);\n}\n:host([_toggle-button-end]:not([level=\"1\"])) .ui5-li-root-tree {\n\tbackground: var(--ui5-listitem-background-color);\n}\n:host([_toggle-button-end][selected]:not([level=\"1\"])) .ui5-li-root-tree {\n\tbackground: var(--sapList_SelectionBackgroundColor);\n}\n:host([_mode]:not([_mode=\"None\"]):not([_mode=\"Delete\"])[selected]) .ui5-li-root-tree:hover {\n\tbackground-color: var(--sapList_Hover_SelectionBackground);\n\tcursor: pointer;\n}\n.ui5-li-tree-toggle-box {\n\tmin-width: var(--_ui5-tree-toggle-box-width);\n\tmin-height: var(--_ui5-tree-toggle-box-height);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-shrink: 0;\n}\n.ui5-li-tree-toggle-icon {\n\twidth: var(--_ui5-tree-toggle-icon-size);\n\theight: var(--_ui5-tree-toggle-icon-size);\n\tcolor: var(--sapContent_IconColor);\n\tcursor: pointer;\n}\n:host([actionable]) .ui5-li-tree-toggle-icon {\n\tcolor: var(--sapButton_TextColor);\n}\n:host([active][actionable]) .ui5-li-tree-toggle-icon {\n\tcolor: var(--sapList_Active_TextColor);\n}\n/* move host styles to .ui5-li-root as the focused element of [ui5-tree-item]\nis the .ui5-li-root and not the host. The host height expands to fill subtree */\n:host {\n    height: unset;\n}\n.ui5-li-root {\n    height: var(--_ui5_list_item_base_height);\n}\n/* selected */\n:host([selected]) {\n    background: unset;\n}\n:host([selected]) .ui5-li-root {\n    background: var(--sapList_SelectionBackgroundColor);\n}\n:host([has-border]) {\n    border-bottom: unset;\n}\n:host([has-border]) .ui5-li-root {\n    border-bottom: var(--ui5-listitem-border-bottom);\n}\n/* focused & selected */\n:host(:not([focused])[selected][has-border]) {\n    border-bottom: unset;\n}\n:host(:not([focused])[selected][has-border]) .ui5-li-root {\n    border-bottom: var(--ui5-listitem-selected-border-bottom);\n}\n:host([focused][selected]) {\n    border-bottom: unset;\n}\n:host([focused][selected]) .ui5-li-root {\n    border-bottom: var(--ui5-listitem-focused-selected-border-bottom);\n}\n.ui5-tree-li-subtree {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n"
+  };
+  var _default = styleData;
+  _exports.default = _default;
+});

package/src/sap/ui/webc/main/thirdparty/generated/themes/ValueStateMessage.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/ValueStateMessage.css",
-    content: ".ui5-valuestatemessage-popover{box-shadow:var(--_ui5_value_state_message_popover_box_shadow)}.ui5-input-value-state-message-icon{width:var(--_ui5_value_state_message_icon_width);height:var(--_ui5_value_state_message_icon_height);display:var(--_ui5_input_value_state_icon_display);position:absolute;padding-right:.375rem}.ui5-valuestatemessage-root .ui5-input-value-state-message-icon{left:var(--_ui5_input_value_state_icon_offset)}.ui5-input-value-state-message-icon[name=error]{color:var(--sapNegativeElementColor)}.ui5-input-value-state-message-icon[name=alert]{color:var(--sapCriticalElementColor)}.ui5-input-value-state-message-icon[name=success]{color:var(--sapPositiveElementColor)}.ui5-input-value-state-message-icon[name=information]{color:var(--sapInformativeElementColor)}.ui5-valuestatemessage-root{box-sizing:border-box;display:inline-block;color:var(--sapTextColor);font-size:var(--sapFontSmallSize);font-family:\"72override\",var(--sapFontFamily);height:auto;padding:var(--_ui5_value_state_message_padding);overflow:hidden;text-overflow:ellipsis;min-width:6.25rem;border:var(--_ui5_value_state_message_border)}[ui5-responsive-popover] .ui5-valuestatemessage-header{min-height:2rem;padding:var(--_ui5_value_state_header_padding);border:var(--_ui5_value_state_header_border);border-bottom:var(--_ui5_value_state_header_border_bottom)}.ui5-valuestatemessage--success{background:var(--sapSuccessBackground)}.ui5-valuestatemessage--warning{background:var(--sapWarningBackground)}.ui5-valuestatemessage--error{background:var(--sapErrorBackground)}.ui5-valuestatemessage--information{background:var(--sapInformationBackground)}.ui5-responsive-popover-header:focus,.ui5-responsive-popover-header[focused]{outline-offset:var(--_ui5_value_state_header_offset);outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor)}.ui5-valuestatemessage-popover::part(content),.ui5-valuestatemessage-popover::part(header){padding:0}.ui5-valuestatemessage-popover::part(footer),.ui5-valuestatemessage-popover::part(header){min-height:0}"
+    content: ".ui5-valuestatemessage-popover {\n\tborder-radius: var(--_ui5_value_state_message_popover_border_radius);\n\tbox-shadow: var(--_ui5_value_state_message_popover_box_shadow);\n}\n\n.ui5-input-value-state-message-icon {\n\twidth: var(--_ui5_value_state_message_icon_width);\n\theight: var(--_ui5_value_state_message_icon_height);\n\tdisplay: var(--_ui5_input_value_state_icon_display);\n\tposition: absolute;\n\tpadding-right: 0.375rem;\n}\n\n.ui5-valuestatemessage-root .ui5-input-value-state-message-icon {\n\tleft: var(--_ui5_input_value_state_icon_offset);\n}\n\n.ui5-input-value-state-message-icon[name=\"error\"] {\n\tcolor: var(--sapNegativeElementColor);\n}\n\n.ui5-input-value-state-message-icon[name=\"alert\"] {\n\tcolor: var(--sapCriticalElementColor);\n}\n\n.ui5-input-value-state-message-icon[name=\"success\"] {\n\tcolor: var(--sapPositiveElementColor);\n}\n\n.ui5-input-value-state-message-icon[name=\"information\"] {\n\tcolor: var(--sapInformativeElementColor);\n}\n\n.ui5-valuestatemessage-root {\n\tbox-sizing: border-box;\n\tdisplay: inline-block;\n\tcolor: var(--sapTextColor);\n\tfont-size: var(--sapFontSmallSize);\n\tfont-family: \"72override\", var(--sapFontFamily);\n\theight: auto;\n\tpadding: var(--_ui5_value_state_message_padding);\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tmin-width: 6.25rem;\n\tborder: var(--_ui5_value_state_message_border);\n}\n\n[ui5-responsive-popover] .ui5-valuestatemessage-header, [ui5-popover] .ui5-valuestatemessage-header  {\n\tmin-height: 2rem;\n}\n\n[ui5-responsive-popover] .ui5-valuestatemessage-header {\n\tpadding: var(--_ui5_value_state_header_padding);\n\tborder: var(--_ui5_value_state_header_border);\n\tborder-bottom: var(--_ui5_value_state_header_border_bottom);\n}\n\n.ui5-valuestatemessage--success {\n\tbackground: var(--sapSuccessBackground);\n}\n\n.ui5-valuestatemessage--warning {\n\tbackground: var(--sapWarningBackground);\n}\n\n.ui5-valuestatemessage--error {\n\tbackground: var(--sapErrorBackground);\n}\n\n.ui5-valuestatemessage--information {\n\tbackground: var(--sapInformationBackground);\n}\n\n.ui5-responsive-popover-header[focused], .ui5-responsive-popover-header:focus {\n\toutline-offset: var(--_ui5_value_state_header_offset);\n\toutline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n}\n\n.ui5-valuestatemessage-popover::part(header),\n.ui5-valuestatemessage-popover::part(content) {\n\tpadding: 0;\n}\n\n.ui5-valuestatemessage-popover::part(header),\n.ui5-valuestatemessage-popover::part(footer) {\n\tmin-height: 0;\n}\n\n.ui5-valuestatemessage-popover::part(header),\n.ui5-suggestions-popover-with-value-state-header::part(header) {\n\tmargin-bottom: 0;\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/WheelSlider.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/WheelSlider.css",
-    content: ".ui5-wheelslider-root{overflow:hidden;height:100%;vertical-align:middle;text-align:center;box-sizing:border-box;font-family:\"72override\",var(--sapFontFamily);justify-content:space-between;flex-direction:column;display:inline-flex;width:var(--_ui5_wheelslider_item_width)}.ui5-wheelslider-root .ui5-wheelslider-label{box-sizing:border-box;height:2rem;line-height:2rem;width:var(--_ui5_wheelslider_item_width);font-size:var(--sapFontSmallSize);color:var(--_ui5_wheelslider_label_text_color);text-align:center;vertical-align:middle;visibility:hidden}.ui5-wheelslider-root .ui5-wheelslider-arrow{visibility:hidden;box-sizing:border-box;height:1.5rem;user-select:none;outline:none}:host([expanded]) .ui5-wheelslider-arrow{visibility:var(--_ui5_wheelslider_arrows_visibility);box-sizing:border-box;border-color:transparent;cursor:pointer}:host([expanded]) .ui5-wheelslider-arrow:hover{visibility:var(--_ui5_wheelslider_arrows_visibility);box-sizing:border-box;border-color:inherit;cursor:pointer}.ui5-wheelslider-root .ui5-wheelslider-inner{position:relative;overflow:hidden;height:100%;box-sizing:border-box;user-select:none;list-style:none;margin-top:0}:host([expanded]) .ui5-wheelslider-inner{margin-top:0}.ui5-wheelslider-root .ui5-wheelslider-inner .ui5-wheelslider-item{height:var(--_ui5_wheelslider_item_height);line-height:var(--_ui5_wheelslider_item_height);width:var(--_ui5_wheelslider_item_width);box-sizing:border-box;background:var(--_ui5_wheelslider_selected_item_background_color);border:.625px solid var(--_ui5_wheelslider_item_border_color);font-size:var(--_ui5_wheelslider_item_text_size);color:var(--_ui5_wheelslider_collapsed_item_text_color);text-align:center;border-radius:var(--_ui_wheelslider_item_border_radius);cursor:pointer}.ui5-wheelslider-root .ui5-wheelslider-inner .ui5-wheelslider-item:hover{background:var(--_ui_wheelslider_item_hover_color);border-color:var(--_ui5_wheelslider_item_hovered_border_color)}.ui5-wheelslider-root .ui5-wheelslider-inner .ui5-wheelslider-item:focus{outline:1px dotted #000;outline-offset:-3px}.ui5-wheelslider-root .ui5-wheelslider-inner .ui5-wheelslider-selection-frame{width:var(--_ui5_wheelslider_item_width);height:var(--_ui5_wheelslider_item_height);position:absolute;box-sizing:border-box;visibility:hidden;z-index:1}.ui5-wheelslider-root .ui5-wheelslider-inner .ui5-wheelslider-wrapper>ul{transition:all .4s;margin:0;padding:0;position:absolute;top:var(--_ui5_wheelslider_selection_frame_margin_top);height:3000px;cursor:pointer;list-style-type:none}.ui5-wheelslider-root.ui5-phone .ui5-wheelslider-inner .ui5-wheelslider-wrapper>ul{top:var(--_ui5_wheelslider_mobile_selection_frame_margin_top)}:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-wrapper>ul{list-style-type:none;top:0;padding-top:calc(var(--_ui5_wheelslider_item_height)*2)}:host([expanded]) .ui5-wheelslider-root.ui5-phone .ui5-wheelslider-inner .ui5-wheelslider-wrapper>ul{list-style-type:none;top:0;padding-top:calc(var(--_ui5_wheelslider_item_height)*4)}.ui5-wheelslider-root .ui5-wheelslider-inner .ui5-wheelslider-wrapper{height:var(--_ui5_wheelslider_height);position:relative;overflow:hidden;outline:none}.ui5-wheelslider-root.ui5-phone .ui5-wheelslider-inner .ui5-wheelslider-wrapper{height:var(--_ui5_wheelslider_mobile_height)}:host([expanded]){height:100%;cursor:default;margin:0;justify-content:space-between;flex-direction:column;display:inline-flex}:host([expanded]) .ui5-wheelslider-label{display:block;visibility:visible}.ui5-wheelslider-root .ui5-wheelslider-inner{max-height:100%;height:var(--_ui5_wheelslider_height)}.ui5-wheelslider-root.ui5-phone .ui5-wheelslider-inner{height:var(--_ui5_wheelslider_mobile_height)}:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-item{background:var(--_ui5_wheelslider_item_background_color);color:var(--_ui5_wheelslider_item_text_color);border:1px solid var(--_ui5_wheelslider_item_expanded_border_color);border-radius:var(--_ui_wheelslider_item_border_radius);offset-position:auto;cursor:auto}:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-item:hover{background:var(--_ui_wheelslider_item_expanded_hover_color);border-color:var(--_ui5_wheelslider_item_hovered_border_color)}:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-item:active{background:var(--_ui5_wheelslider_active_item_background_color);color:var(--_ui5_wheelslider_active_item_text_color)}:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-item:focus{outline:1px dotted #000;outline-offset:-3px}:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-selection-frame{visibility:visible;-webkit-box-shadow:inset 0 0 0 2px var(--_ui5_wheelslider_selection_frame_color);-moz-box-shadow:inset 0 0 0 2px var(--_ui5_wheelslider_selection_frame_color);box-shadow:inset 0 0 0 2px var(--_ui5_wheelslider_selection_frame_color);border-radius:var(--_ui_wheelslider_item_border_radius);margin-top:var(--_ui5_wheelslider_selection_frame_margin_top)}:host([expanded]) .ui5-wheelslider-root.ui5-phone .ui5-wheelslider-inner .ui5-wheelslider-selection-frame{margin-top:var(--_ui5_wheelslider_mobile_selection_frame_margin_top)}:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-selection-frame:hover+.ui5-wheelslider-wrapper ul>li.ui5-wheelslider-item[aria-selected=true]{background:var(--_ui_wheelslider_item_expanded_hover_color)}:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-selection-frame:active+ul>li.ui5-wheelslider-item[aria-selected=true]{background:var(--_ui5_wheelslider_selected_item_background_color);color:#d3d3d3}.ui5-wheelslider-root:focus{outline:none}"
+    content: ".ui5-wheelslider-root {\n\toverflow: hidden;\n\theight: 100%;\n\tvertical-align: middle;\n\ttext-align: center;\n\tbox-sizing: border-box;\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tjustify-content: space-between;\n\tflex-direction: column;\n\tdisplay: inline-flex;\n\twidth: var(--_ui5_wheelslider_item_width);\n}\n\n.ui5-wheelslider-root .ui5-wheelslider-label {\n\tbox-sizing: border-box;\n\theight: 2rem;\n\tline-height: 2rem;\n\twidth: var(--_ui5_wheelslider_item_width);\n\tfont-size: var(--sapFontSmallSize);\n\tcolor: var(--_ui5_wheelslider_label_text_color);\n\ttext-align: center;\n\tvertical-align: middle;\n\tvisibility: hidden;\n}\n\n.ui5-wheelslider-root .ui5-wheelslider-arrow {\n\tvisibility: hidden;\n\tbox-sizing: border-box;\n\theight: 1.5rem;\n\tuser-select: none;\n\toutline: none\n}\n\n:host([expanded]) .ui5-wheelslider-arrow {\n\tvisibility: var(--_ui5_wheelslider_arrows_visibility);\n\tbox-sizing: border-box;\n\tborder-color: transparent;\n\tcursor: pointer;\n}\n\n:host([expanded]) .ui5-wheelslider-arrow:hover {\n\tvisibility: var(--_ui5_wheelslider_arrows_visibility);\n\tbox-sizing: border-box;\n\tborder-color: inherit;\n\tcursor: pointer;\n}\n\n.ui5-wheelslider-root .ui5-wheelslider-inner {\n\tposition: relative;\n\toverflow: hidden;\n\theight: 100%;\n\tbox-sizing: border-box;\n\tuser-select: none;\n\tlist-style: none;\n\tmargin-top: 0rem;\n}\n\n:host([expanded]) .ui5-wheelslider-inner {\n\tmargin-top: 0;\n}\n\n.ui5-wheelslider-root .ui5-wheelslider-inner .ui5-wheelslider-item {\n\theight: var(--_ui5_wheelslider_item_height);\n\tline-height: var(--_ui5_wheelslider_item_height);\n\twidth: var(--_ui5_wheelslider_item_width);\n\tbox-sizing: border-box;\n\tbackground: var(--_ui5_wheelslider_selected_item_background_color);\n\tborder: 0.625px solid var(--_ui5_wheelslider_item_border_color);\n\tfont-size: var(--_ui5_wheelslider_item_text_size);\n\tcolor: var(--_ui5_wheelslider_collapsed_item_text_color);\n\ttext-align: center;\n\tborder-radius: var(--_ui_wheelslider_item_border_radius);\n\tcursor: pointer;\n}\n\n.ui5-wheelslider-root .ui5-wheelslider-inner .ui5-wheelslider-item:hover {\n\tbackground: var(--_ui_wheelslider_item_hover_color);\n\tborder-color: var(--_ui5_wheelslider_item_hovered_border_color);\n}\n\n.ui5-wheelslider-root .ui5-wheelslider-inner .ui5-wheelslider-item:focus {\n\toutline: 1px dotted black;\n\toutline-offset: -3px;\n}\n\n.ui5-wheelslider-root .ui5-wheelslider-inner .ui5-wheelslider-selection-frame {\n\twidth: var(--_ui5_wheelslider_item_width);\n\theight: var(--_ui5_wheelslider_item_height);\n\tposition: absolute;\n\tbox-sizing: border-box;\n\tvisibility: hidden;\n\tz-index: 1;\n}\n\n.ui5-wheelslider-root .ui5-wheelslider-inner .ui5-wheelslider-wrapper > ul {\n\ttransition: all 400ms;\n\tmargin: 0;\n\tpadding: 0;\n\tposition: absolute;\n\ttop: var(--_ui5_wheelslider_selection_frame_margin_top);\n\theight: 3000px;\n\tcursor: pointer;\n\tlist-style-type: none;\n}\n\n.ui5-wheelslider-root.ui5-phone .ui5-wheelslider-inner .ui5-wheelslider-wrapper > ul {\n\ttop: var(--_ui5_wheelslider_mobile_selection_frame_margin_top);\n}\n\n:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-wrapper > ul {\n\tlist-style-type: none;\n\ttop: 0;\n\tpadding-top: calc(var(--_ui5_wheelslider_item_height) * 2);\n}\n\n:host([expanded]) .ui5-wheelslider-root.ui5-phone .ui5-wheelslider-inner .ui5-wheelslider-wrapper > ul {\n\tlist-style-type: none;\n\ttop: 0;\n\tpadding-top: calc(var(--_ui5_wheelslider_item_height) * 4);\n}\n\n.ui5-wheelslider-root .ui5-wheelslider-inner .ui5-wheelslider-wrapper {\n\theight: var(--_ui5_wheelslider_height);\n\tposition: relative;\n\toverflow: hidden;\n\toutline: none;\n}\n\n.ui5-wheelslider-root.ui5-phone .ui5-wheelslider-inner .ui5-wheelslider-wrapper {\n\theight: var(--_ui5_wheelslider_mobile_height);\n}\n\n:host([expanded]) {\n\theight: 100%;\n\tcursor: default;\n\tmargin: 0;\n\tjustify-content: space-between;\n\tflex-direction: column;\n\tdisplay: inline-flex;\n}\n\n:host([expanded]) .ui5-wheelslider-label {\n\tdisplay: block;\n\tvisibility: visible;\n}\n\n.ui5-wheelslider-root .ui5-wheelslider-inner {\n\tmax-height: 100%;\n\theight: var(--_ui5_wheelslider_height);\n}\n\n.ui5-wheelslider-root.ui5-phone .ui5-wheelslider-inner {\n\theight: var(--_ui5_wheelslider_mobile_height);\n}\n\n:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-item {\n\tbackground: var(--_ui5_wheelslider_item_background_color);\n\tcolor: var(--_ui5_wheelslider_item_text_color);\n\tborder: 1px solid var(--_ui5_wheelslider_item_expanded_border_color);\n\tborder-radius: var(--_ui_wheelslider_item_border_radius);\n\toffset-position: auto;\n\tcursor: auto;\n}\n\n:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-item:hover {\n\tbackground: var(--_ui_wheelslider_item_expanded_hover_color);\n\tborder-color: var(--_ui5_wheelslider_item_hovered_border_color);\n}\n\n:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-item:active {\n\tbackground: var(--_ui5_wheelslider_active_item_background_color);\n\tcolor: var(--_ui5_wheelslider_active_item_text_color);\n}\n\n:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-item:focus {\n\toutline: 1px dotted black;\n\toutline-offset: -3px;\n}\n\n:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-selection-frame {\n\tvisibility: visible;\n\t-webkit-box-shadow: inset 0px 0px 0px 2px var(--_ui5_wheelslider_selection_frame_color);\n\t-moz-box-shadow: inset 0px 0px 0px 2px var(--_ui5_wheelslider_selection_frame_color);\n\tbox-shadow: inset 0px 0px 0px 2px var(--_ui5_wheelslider_selection_frame_color);\n\tborder-radius: var(--_ui_wheelslider_item_border_radius);\n\tmargin-top: var(--_ui5_wheelslider_selection_frame_margin_top);\n}\n\n:host([expanded]) .ui5-wheelslider-root.ui5-phone .ui5-wheelslider-inner .ui5-wheelslider-selection-frame {\n\tmargin-top: var(--_ui5_wheelslider_mobile_selection_frame_margin_top);\n}\n\n:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-selection-frame:hover + .ui5-wheelslider-wrapper ul > li.ui5-wheelslider-item[aria-selected=\"true\"] {\n\tbackground: var(--_ui_wheelslider_item_expanded_hover_color);\n}\n\n:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-selection-frame:active + ul > li.ui5-wheelslider-item[aria-selected=\"true\"] {\n\tbackground: var(--_ui5_wheelslider_selected_item_background_color);\n\tcolor: lightgray;\n}\n\n.ui5-wheelslider-root:focus {\n\toutline: none;\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });