@openui5/sap.ui.webc.main 1.119.1 → 1.120.1

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/ResponsivePopoverCommon.css",
-    content: "/* styles for input in dialog */\n.input-root-phone {\n\tflex: 1;\n\tposition: relative;\n\theight: var(--_ui5_input_height);\n\tcolor: var(--sapField_TextColor);\n\tfont-size: var(--sapFontSize);\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tbackground: var(--sapField_BackgroundStyle);\n\tbackground-color: var(--_ui5_input_background_color);\n\tborder: var(--_ui5-input-border);\n\tborder-radius: var(--_ui5_input_border_radius);\n\tbox-sizing: border-box;\n}\n.input-root-phone [inner-input] {\n\tpadding: 0 0.5rem;\n\twidth: 100%;\n\theight: 100%;\n}\n.input-root-phone [inner-input]:focus {\n\tbackground-color: var(--sapField_Focus_Background);\n}\n.input-root-phone:focus-within:before {\n\tcontent: '';\n\tposition: absolute;\n\tpointer-events: none;\n\tz-index: 2;\n\tborder: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n\tborder-radius: var(--_ui5_input_focus_border_radius);\n\ttop: var(--_ui5_input_focus_offset);\n\tbottom: var(--_ui5_input_focus_offset);\n\tleft: var(--_ui5_input_focus_offset);\n\tright: var(--_ui5_input_focus_offset);\n\n}\n.input-root-phone [value-state=\"Error\"] [input-icon][data-ui5-compact-size],\n.input-root-phone [value-state=\"Success\"] [input-icon][data-ui5-compact-size],\n.input-root-phone [value-state=\"Warning\"] [input-icon][data-ui5-compact-size] {\n\tpadding: .1875rem .5rem\n}\n[inner-input] {\n\tbackground: transparent;\n\tcolor: inherit;\n\tborder: none;\n\tfont-style: normal;\n\t-webkit-appearance: none;\n\t-moz-appearance: textfield;\n\tline-height: normal;\n\tpadding: var(--_ui5_input_inner_padding);\n\tbox-sizing: border-box;\n\tmin-width: 3rem;\n\ttext-overflow: ellipsis;\n\tflex: 1;\n\toutline: none;\n\tfont-size: inherit;\n\tfont-family: inherit;\n\tborder-radius: var(--_ui5_input_border_radius);\n}\n[inner-input]::selection,\n[inner-input]::-moz-selection {\n\tbackground: var(--sapSelectedColor);\n\tcolor: var(--sapContent_ContrastTextColor);\n}\n/* Input placeholder */\n[inner-input]::-webkit-input-placeholder {\n\tfont-style: italic;\n\tcolor: var(--sapField_PlaceholderTextColor);\n}\n[inner-input]::-moz-placeholder {\n\tfont-style: italic;\n\tcolor: var(--sapField_PlaceholderTextColor);\n}\n.input-root-phone[value-state]:not([value-state=\"None\"]) {\n\tborder-width: var(--_ui5_input_state_border_width);\n}\n.input-root-phone[value-state=\"Error\"] [inner-input],\n.input-root-phone[value-state=\"Warning\"] [inner-input] {\n\tfont-style: var(--_ui5_input_error_warning_font_style);\n}\n.input-root-phone[value-state=\"Error\"] [inner-input] {\n\tfont-weight: var(--_ui5_input_error_font_weight);\n}\n.input-root-phone[value-state=\"Error\"]:not([readonly]) {\n\tbackground: var(--sapField_InvalidBackgroundStyle);\n\tbackground-color: var(--sapField_InvalidBackground);\n\tborder-color: var(--_ui5_input_value_state_error_border_color);\n}\n.input-root-phone[value-state=\"Error\"]:not([readonly]) [inner-input]:focus {\n\tbackground-color: var(--_ui5_input_focused_value_state_error_background);\n\tborder-color: var(--_ui5_input_focused_value_state_error_border_color);\n}\n.input-root-phone[value-state=\"Error\"]:not([readonly]):focus-within:before {\n\tborder-color: var(--_ui5_input_focused_value_state_error_focus_outline_color);\n}\n.input-root-phone[value-state=\"Error\"]:not([readonly]):not([disabled]),\n.input-root-phone[value-state=\"Warning\"]:not([readonly]):not([disabled]),\n.input-root-phone[value-state=\"Information\"]:not([readonly]):not([disabled]) {\n\tborder-style: var(--_ui5_input_error_warning_border_style);\n}\n.input-root-phone[value-state=\"Warning\"]:not([readonly]) {\n\tbackground: var(--sapField_WarningBackgroundStyle);\n\tbackground-color: var(--sapField_WarningBackground);\n\tborder-color: var(--_ui5_input_value_state_warning_border_color);\n}\n.input-root-phone[value-state=\"Warning\"]:not([readonly]) [inner-input]:focus {\n\tbackground-color: var(--_ui5_input_focused_value_state_warning_background);\n\tborder-color: var(--_ui5_input_focused_value_state_warning_border_color);\n}\n.input-root-phone[value-state=\"Warning\"]:not([readonly]):focus-within:before {\n\tborder-color: var(--_ui5_input_focused_value_state_warning_focus_outline_color);\n}\n.input-root-phone[value-state=\"Success\"]:not([readonly]) {\n\tbackground: var(--sapField_SuccessBackgroundStyle);\n\tbackground-color: var(--sapField_SuccessBackground);\n\tborder-color: var(--_ui5_input_value_state_success_border_color);\n\tborder-width: var(--_ui5_input_value_state_success_border_width);\n}\n.input-root-phone[value-state=\"Success\"]:not([readonly]) [inner-input]:focus {\n\tbackground-color: var(--_ui5_input_focused_value_state_success_background);\n\tborder-color: var(--_ui5_input_focused_value_state_success_border_color);\n}\n.input-root-phone[value-state=\"Success\"]:not([readonly]):focus-within:before {\n\tborder-color: var(--_ui5_input_focused_value_state_success_focus_outline_color);\n}\n.input-root-phone[value-state=\"Information\"]:not([readonly]) {\n\tbackground: var(--sapField_InformationBackgroundStyle);\n\tbackground-color: var(--sapField_InformationBackground);\n\tborder-color: var(--_ui5_input_value_state_information_border_color);\n\tborder-width: var(--_ui5_input_information_border_width);\n}\n.input-root-phone[value-state=\"Information\"]:not([readonly]) [inner-input]:focus {\n\tbackground-color: var(--_ui5_input_focused_value_state_information_background);\n\tborder-color: var(--_ui5_input_focused_value_state_information_border_color);\n}\n/* MultiComboBox & MultiInput specific */\n.ui5-multi-combobox-toggle-button {\n\tmargin-left: 0.5rem;\n}\n.ui5-responsive-popover-header {\n\twidth: 100%;\n\tmin-height: 2.5rem;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n.ui5-responsive-popover-header-text {\n\twidth: calc(100% - var(--_ui5_button_base_min_width));\n}\n/* Header and footer layout */\n.ui5-responsive-popover-header .row {\n\tbox-sizing: border-box;\n\tpadding: 0.25rem 1rem;\n\tmin-height: 2.5rem;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tfont-size: var(--sapFontHeader5Size);\n}\n.ui5-responsive-popover-footer {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\tpadding: 0.25rem 0;\n\twidth: 100%;\n}\n.ui5-responsive-popover-close-btn {\n\tposition: absolute;\n\tright: 1rem;\n}\n\n"
+    content: ".input-root-phone{background:var(--sapField_BackgroundStyle);background-color:var(--_ui5-v1-18-0_input_background_color);border:var(--_ui5-v1-18-0-input-border);border-radius:var(--_ui5-v1-18-0_input_border_radius);box-sizing:border-box;color:var(--sapField_TextColor);flex:1;font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSize);height:var(--_ui5-v1-18-0_input_height);position:relative}.input-root-phone [inner-input]{height:100%;padding:0 .5rem;width:100%}.input-root-phone [inner-input]:focus{background-color:var(--sapField_Focus_Background)}.input-root-phone:focus-within:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--_ui5-v1-18-0_input_focus_border_radius);bottom:var(--_ui5-v1-18-0_input_focus_offset);content:\"\";left:var(--_ui5-v1-18-0_input_focus_offset);pointer-events:none;position:absolute;right:var(--_ui5-v1-18-0_input_focus_offset);top:var(--_ui5-v1-18-0_input_focus_offset);z-index:2}.input-root-phone [value-state=Error] [input-icon][data-ui5-compact-size],.input-root-phone [value-state=Success] [input-icon][data-ui5-compact-size],.input-root-phone [value-state=Warning] [input-icon][data-ui5-compact-size]{padding:.1875rem .5rem}[inner-input]{-webkit-appearance:none;-moz-appearance:textfield;background:transparent;border:none;border-radius:var(--_ui5-v1-18-0_input_border_radius);box-sizing:border-box;color:inherit;flex:1;font-family:inherit;font-size:inherit;font-style:normal;line-height:normal;min-width:3rem;outline:none;padding:var(--_ui5-v1-18-0_input_inner_padding);text-overflow:ellipsis}[inner-input]::-moz-selection,[inner-input]::selection{background:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}[inner-input]::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}[inner-input]::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.input-root-phone[value-state]:not([value-state=None]){border-width:var(--_ui5-v1-18-0_input_state_border_width)}.input-root-phone[value-state=Error] [inner-input],.input-root-phone[value-state=Warning] [inner-input]{font-style:var(--_ui5-v1-18-0_input_error_warning_font_style)}.input-root-phone[value-state=Error] [inner-input]{font-weight:var(--_ui5-v1-18-0_input_error_font_weight)}.input-root-phone[value-state=Error]:not([readonly]){background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border-color:var(--_ui5-v1-18-0_input_value_state_error_border_color)}.input-root-phone[value-state=Error]:not([readonly]) [inner-input]:focus{background-color:var(--_ui5-v1-18-0_input_focused_value_state_error_background);border-color:var(--_ui5-v1-18-0_input_focused_value_state_error_border_color)}.input-root-phone[value-state=Error]:not([readonly]):focus-within:before{border-color:var(--_ui5-v1-18-0_input_focused_value_state_error_focus_outline_color)}.input-root-phone[value-state=Error]:not([readonly]):not([disabled]),.input-root-phone[value-state=Information]:not([readonly]):not([disabled]),.input-root-phone[value-state=Warning]:not([readonly]):not([disabled]){border-style:var(--_ui5-v1-18-0_input_error_warning_border_style)}.input-root-phone[value-state=Warning]:not([readonly]){background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border-color:var(--_ui5-v1-18-0_input_value_state_warning_border_color)}.input-root-phone[value-state=Warning]:not([readonly]) [inner-input]:focus{background-color:var(--_ui5-v1-18-0_input_focused_value_state_warning_background);border-color:var(--_ui5-v1-18-0_input_focused_value_state_warning_border_color)}.input-root-phone[value-state=Warning]:not([readonly]):focus-within:before{border-color:var(--_ui5-v1-18-0_input_focused_value_state_warning_focus_outline_color)}.input-root-phone[value-state=Success]:not([readonly]){background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border-color:var(--_ui5-v1-18-0_input_value_state_success_border_color);border-width:var(--_ui5-v1-18-0_input_value_state_success_border_width)}.input-root-phone[value-state=Success]:not([readonly]) [inner-input]:focus{background-color:var(--_ui5-v1-18-0_input_focused_value_state_success_background);border-color:var(--_ui5-v1-18-0_input_focused_value_state_success_border_color)}.input-root-phone[value-state=Success]:not([readonly]):focus-within:before{border-color:var(--_ui5-v1-18-0_input_focused_value_state_success_focus_outline_color)}.input-root-phone[value-state=Information]:not([readonly]){background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border-color:var(--_ui5-v1-18-0_input_value_state_information_border_color);border-width:var(--_ui5-v1-18-0_input_information_border_width)}.input-root-phone[value-state=Information]:not([readonly]) [inner-input]:focus{background-color:var(--_ui5-v1-18-0_input_focused_value_state_information_background);border-color:var(--_ui5-v1-18-0_input_focused_value_state_information_border_color)}.ui5-multi-combobox-toggle-button{margin-left:.5rem}.ui5-responsive-popover-header{display:flex;flex-direction:column;min-height:2.5rem;width:100%}.ui5-responsive-popover-header-text{width:calc(100% - var(--_ui5-v1-18-0_button_base_min_width))}.ui5-responsive-popover-header .row{align-items:center;box-sizing:border-box;display:flex;font-size:var(--sapFontHeader5Size);justify-content:center;min-height:2.5rem;padding:.25rem 1rem}.ui5-responsive-popover-footer{display:flex;justify-content:flex-end;padding:.25rem 0;width:100%}.ui5-responsive-popover-close-btn{position:absolute;right:1rem}"
   };
   var _default = styleData;
   _exports.default = _default;

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/SegmentedButton.css",
-    content: ":host {\n\tvertical-align: middle;\n}\n.ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n:host(:not([hidden])) {\n\tdisplay: inline-block;\n}\n.ui5-segmented-button-root {\n\tdisplay: flex;\n\tmargin: 0;\n\tpadding: 0;\n\tbackground-color: var(--sapButton_Background);\n\tborder-radius: var(--_ui5_segmented_btn_outer_border_radius);\n}\n::slotted([ui5-segmented-button-item]) {\n\tborder-radius: var(--_ui5_segmented_btn_inner_border_radius);\n\theight: var(--_ui5_button_base_height);\n\tmin-width: 2.5rem;\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tz-index: initial;\n}\n::slotted([ui5-segmented-button-item]:hover) {\n\tz-index: 2;\n}\n::slotted([ui5-segmented-button-item][pressed]),\n::slotted([ui5-segmented-button-item][active]) {\n\tborder: 0.0625rem solid var(--sapButton_Selected_BorderColor);\n\tbackground-color: var(--sapButton_Selected_Background);\n\tcolor: var(--sapButton_Selected_TextColor);\n}\n::slotted([ui5-segmented-button-item][pressed]:hover) {\n\tborder: 0.0625rem solid var(--sapButton_Selected_Hover_BorderColor);\n\tbackground-color: var(--sapButton_Selected_Hover_Background);\n\tcolor: var(--sapButton_Selected_TextColor);\n}\n::slotted([ui5-segmented-button-item]:nth-child(odd)) {\n\tborder-inline-end: var(--_ui5_segmented_btn_inner_border_odd_child);\n\tborder-inline-start: var(--_ui5_segmented_btn_inner_border_odd_child);\n}\n::slotted([ui5-segmented-button-item][pressed]:nth-child(odd)),\n::slotted([ui5-segmented-button-item][active]:nth-child(odd)) {\n\tborder-inline-end: var(--_ui5_segmented_btn_inner_pressed_border_odd_child);\n\tborder-inline-start: var(--_ui5_segmented_btn_inner_pressed_border_odd_child);\n}\n::slotted([ui5-segmented-button-item]:last-child) {\n\tborder-start-end-radius: var(--_ui5_segmented_btn_border_radius);\n\tborder-end-end-radius: var(--_ui5_segmented_btn_border_radius);\n\tborder-inline-end: var(--_ui5_segmented_btn_inner_border);\n}\n::slotted([ui5-segmented-button-item][pressed]:last-child),\n::slotted([ui5-segmented-button-item][active]:last-child) {\n\tborder-inline-end: 0.0625rem solid var(--sapButton_Selected_BorderColor);\n}\n::slotted([ui5-segmented-button-item]:first-child) {\n\tborder-start-start-radius: var(--_ui5_segmented_btn_border_radius);\n\tborder-end-start-radius: var(--_ui5_segmented_btn_border_radius);\n\tborder-inline-start: var(--_ui5_segmented_btn_inner_border);\n}\n::slotted([ui5-segmented-button-item][pressed]:first-child),\n::slotted([ui5-segmented-button-item][active]:first-child) {\n\tborder-inline-start: 0.0625rem solid var(--sapButton_Selected_BorderColor);\n}\n::slotted([ui5-segmented-button-item][active]:not([active]):hover) {\n\tborder-color: var(--sapButton_BorderColor);\n}\n::slotted([ui5-segmented-button-item][active]:hover) {\n\tborder-color: var(--sapButton_Selected_BorderColor);\n}"
+    content: ":host{vertical-align:middle}.ui5-hidden-text{clip:rect(1px,1px,1px,1px);font-size:0;left:-1000px;pointer-events:none;position:absolute;top:-1000px;user-select:none}:host(:not([hidden])){display:inline-block;min-width:calc(var(--_ui5-v1-18-0_segmented_btn_items_count)*2.5rem)}.ui5-segmented-button-root{background-color:var(--sapButton_Background);border-radius:var(--sapButton_BorderCornerRadius);box-shadow:inset 0 0 0 var(--sapButton_BorderWidth) var(--sapButton_BorderColor);display:grid;grid-template-columns:repeat(var(--_ui5-v1-18-0_segmented_btn_items_count),minmax(2.5rem,1fr));margin:0;padding:0;width:inherit}::slotted([ui5-segmented-button-item]){background-color:var(--_ui5-v1-18-0_segmented_btn_background_color);border-color:var(--_ui5-v1-18-0_segmented_btn_border_color);border-radius:var(--_ui5-v1-18-0_segmented_btn_inner_border_radius);height:var(--_ui5-v1-18-0_button_base_height);min-width:2.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:auto}::slotted([ui5-segmented-button-item]:hover){background-color:var(--sapButton_Hover_Background);border-color:var(--sapButton_Hover_BorderColor);box-shadow:var(--_ui5-v1-18-0_segmented_btn_hover_box_shadow);z-index:2}::slotted([ui5-segmented-button-item][active]),::slotted([ui5-segmented-button-item][pressed]){background-color:var(--sapButton_Selected_Background);border-color:var(--sapButton_Selected_BorderColor);color:var(--sapButton_Selected_TextColor)}::slotted([ui5-segmented-button-item][pressed]:hover){background-color:var(--sapButton_Selected_Hover_Background);border-color:var(--sapButton_Selected_Hover_BorderColor);color:var(--sapButton_Selected_TextColor)}::slotted([ui5-segmented-button-item]:last-child){border-end-end-radius:var(--sapButton_BorderCornerRadius);border-start-end-radius:var(--sapButton_BorderCornerRadius)}::slotted([ui5-segmented-button-item]:first-child){border-end-start-radius:var(--sapButton_BorderCornerRadius);border-start-start-radius:var(--sapButton_BorderCornerRadius)}::slotted([ui5-segmented-button-item]:not(:first-child)){border-left-width:var(--_ui5-v1-18-0_segmented_btn_item_border_left);border-right-width:var(--_ui5-v1-18-0_segmented_btn_item_border_right)}::slotted([ui5-segmented-button-item][active]:not([active]):hover){border-color:var(--sapButton_BorderColor)}::slotted([ui5-segmented-button-item][active]:hover){border-color:var(--sapButton_Selected_BorderColor)}"
   };
   var _default = styleData;
   _exports.default = _default;

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/Select.css",
-    content: ":host {\n\tvertical-align: middle;\n}\n/*\n\tThis CSS file enables visual alignment of all icons within input elements.\n\tAPI:\n\t- add input-icon attribute to an icon\n\t- [Optional] pressed attribute set to the icon will enable additional styling (check MultiComboBox, Select, etc.)\n*/\n[input-icon] {\n\tcolor: var(--_ui5_input_icon_color);\n\tcursor: pointer;\n\toutline: none;\n\tpadding: var(--_ui5_input_icon_padding);\n\tborder-inline-start: var(--_ui5_input_icon_border);\n\tmin-width: 1rem;\n\tmin-height: 1rem;\n\tborder-radius: var(--_ui5_input_icon_border_radius);\n}\n[input-icon][pressed] {\n\tbackground: var(--_ui5_input_icon_pressed_bg);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\n\tcolor: var(--_ui5_input_icon_pressed_color);\n}\n[input-icon]:active {\n\tbackground-color: var(--sapButton_Active_Background);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\n\tcolor: var(--_ui5_input_icon_pressed_color);\n}\n[input-icon]:not([pressed]):not(:active):hover {\n\tbackground: var(--_ui5_input_icon_hover_bg);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n}\n[input-icon]:hover {\n\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n}\n.ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n:host(:not([hidden])) {\n\tdisplay: inline-block;\n}\n:host {\n\twidth: var(--_ui5_input_width);\n\tmin-width: calc(var(--_ui5_input_min_width) + (var(--_ui5-input-icons-count)*var(--_ui5_input_icon_width)));\n\tmargin: var(--_ui5_input_margin_top_bottom) 0;\n\theight: var(--_ui5_input_height);\n\tcolor: var(--sapField_TextColor);\n\tfont-size: var(--sapFontSize);\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-style: normal;\n\tborder: var(--_ui5-input-border);\n\tborder-radius: var(--_ui5_input_border_radius);\n\tbox-sizing: border-box;\n\ttext-align: start;\n\ttransition: var(--_ui5_input_transition);\n\tbackground: var(--sapField_BackgroundStyle);\n\tbackground-color: var(--_ui5_input_background_color);\n}\n:host(:not([readonly])) {\n\tbox-shadow: var(--sapField_Shadow);\n}\n:host([focused]:not([opened])) {\n\tborder-color: var(--_ui5_input_focused_border_color);\n\tbackground-color: var(--sapField_Focus_Background);\n}\n.ui5-input-focusable-element {\n\tposition: relative;\n}\n:host([focused]:not([opened])) .ui5-input-focusable-element::after {\n\tcontent: var(--ui5_input_focus_pseudo_element_content);\n\tposition: absolute;\n\tpointer-events: none;\n\tz-index: 2;\n\tborder: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_input_focus_outline_color);\n\tborder-radius: var(--_ui5_input_focus_border_radius);\n\ttop: var(--_ui5_input_focus_offset);\n\tbottom: var(--_ui5_input_focus_offset);\n\tleft: var(--_ui5_input_focus_offset);\n\tright: var(--_ui5_input_focus_offset);\n}\n.ui5-input-root::before {\n\tcontent: \"\";\n\tposition: absolute;\n\twidth: calc(100% - 2px);\n\tleft: 1px;\n\tbottom: -2px;\n\tborder-bottom-left-radius: 8px;\n\tborder-bottom-right-radius: 8px;\n\theight: var(--_ui5_input_bottom_border_height);\n\ttransition: var(--_ui5_input_transition);\n\tbackground-color: var(--_ui5_input_bottom_border_color);\n}\n.ui5-input-root {\n\twidth: 100%;\n\theight: 100%;\n\tposition: relative;\n\tbackground: transparent;\n\tdisplay: inline-block;\n\toutline: none;\n\tbox-sizing: border-box;\n\tcolor: inherit;\n\ttransition: border-color .2s ease-in-out;\n\tborder-radius: var(--_ui5_input_border_radius);\n\toverflow: hidden;\n}\n:host([disabled]) {\n\topacity: var(--_ui5_input_disabled_opacity);\n\tcursor: default;\n\tpointer-events: none;\n\tbackground-color: var(--_ui5-input_disabled_background);\n\tborder-color: var(--_ui5_input_disabled_border_color);\n}\n:host([disabled]) .ui5-input-root::before,\n:host([readonly]) .ui5-input-root::before {\n\tcontent: none;\n}\n[inner-input] {\n\tbackground: transparent;\n\tcolor: inherit;\n\tborder: none;\n\tfont-style: inherit;\n\t-webkit-appearance: none;\n\t-moz-appearance: textfield;\n\tpadding: var(--_ui5_input_inner_padding);\n\tbox-sizing: border-box;\n\tmin-width: var(--_ui5_input_min_width);\n\twidth: 100%;\n\ttext-align: inherit;\n\ttext-overflow: ellipsis;\n\tflex: 1;\n\toutline: none;\n\tfont-size: inherit;\n\tfont-family: inherit;\n\tline-height: inherit;\n\tletter-spacing: inherit;\n\tword-spacing: inherit;\n\ttext-align: inherit;\n}\n[inner-input][inner-input-with-icon] {\n\tpadding: var(--_ui5_input_inner_padding_with_icon);\n}\n.ui5-input-value-state-icon {\n\theight: 100%;\n\tdisplay: var(--_ui5-input-value-state-icon-display);\n\talign-items: center;\n}\n.ui5-input-value-state-icon > svg {\n\tmargin-right: 8px;\n}\n[inner-input]::selection {\n\tbackground: var(--sapSelectedColor);\n\tcolor: var(--sapContent_ContrastTextColor);\n}\n/* Input placeholder */\n:host([disabled]) [inner-input]::-webkit-input-placeholder {\n\tvisibility: hidden;\n}\n:host([readonly]) [inner-input]::-webkit-input-placeholder {\n\tvisibility: hidden;\n}\n:host([disabled]) [inner-input]::-moz-placeholder {\n\tvisibility: hidden;\n}\n:host([readonly]) [inner-input]::-moz-placeholder {\n\tvisibility: hidden;\n}\n[inner-input]::-webkit-input-placeholder {\n\tfont-weight: normal;\n\tfont-style: var(--_ui5_input_placeholder_style);\n\tcolor: var(--_ui5_input_placeholder_color);\n\tpadding-right: 0.125rem;\n}\n[inner-input]::-moz-placeholder {\n\tfont-weight: normal;\n\tfont-style: var(--_ui5_input_placeholder_style);\n\tcolor: var(--_ui5_input_placeholder_color);\n\tpadding-right: 0.125rem;\n}\n:host([value-state=\"Error\"]) [inner-input]::-webkit-input-placeholder {\n\tcolor: var(--_ui5-input_error_placeholder_color);\n\tfont-weight: var(--_ui5_input_value_state_error_warning_placeholder_font_weight);\n}\n:host([value-state=\"Error\"]) [inner-input]::-moz-placeholder {\n\tcolor: var(--_ui5-input_error_placeholder_color);\n\tfont-weight: var(--_ui5_input_value_state_error_warning_placeholder_font_weight);\n}\n:host([value-state=\"Warning\"]) [inner-input]::-webkit-input-placeholder {\n\tfont-weight: var(--_ui5_input_value_state_error_warning_placeholder_font_weight);\n}\n:host([value-state=\"Warning\"]) [inner-input]::-moz-placeholder {\n\tfont-weight: var(--_ui5_input_value_state_error_warning_placeholder_font_weight);\n}\n:host([value-state=\"Success\"]) [inner-input]::-webkit-input-placeholder {\n\tcolor: var(--_ui5_input_placeholder_color);\n}\n:host([value-state=\"Success\"]) [inner-input]::-moz-placeholder {\n\tcolor: var(--_ui5_input_placeholder_color);\n}\n:host([value-state=\"Information\"]) [inner-input]::-webkit-input-placeholder {\n\tcolor: var(--_ui5_input_placeholder_color);\n}\n:host([value-state=\"Information\"]) [inner-input]::-moz-placeholder {\n\tcolor: var(--_ui5_input_placeholder_color);\n}\n.ui5-input-content {\n\theight: 100%;\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: flex-end;\n\toverflow: hidden;\n\toutline: none;\n\tbackground: transparent;\n\tcolor: inherit;\n\tborder-radius: var(--_ui5_input_border_radius);\n}\n:host([readonly]) {\n\tborder-color: var(--_ui5_input_readonly_border_color);\n\tbackground: var(--sapField_ReadOnly_BackgroundStyle);\n\tbackground-color: var(--_ui5_input_readonly_background);\n}\n:host([value-state=\"None\"]:not([readonly]):hover),\n:host(:not([value-state]):not([readonly]):hover) {\n\tborder: var(--_ui5_input_hover_border);\n\tborder-color: var(--_ui5_input_focused_border_color);\n\tbox-shadow: var(--sapField_Hover_Shadow);\n\tbackground: var(--sapField_Hover_BackgroundStyle);\n\tbackground-color: var(--sapField_Hover_Background);\n}\n:host(:not([value-state]):not([readonly])[focused]:not([opened]):hover),\n:host([value-state=\"None\"]:not([readonly])[focused]:not([opened]):hover) {\n\tbox-shadow: none;\n}\n:host([focused]):not([opened]) .ui5-input-root::before {\n\tcontent: none;\n}\n:host(:not([readonly]):not([disabled])[value-state]:not([value-state=\"None\"])) {\n\tborder-width: var(--_ui5_input_state_border_width);\n}\n:host([value-state=\"Error\"]) [inner-input],\n:host([value-state=\"Warning\"]) [inner-input] {\n\tfont-style: var(--_ui5_input_error_warning_font_style);\n\ttext-indent: var(--_ui5_input_error_warning_text_indent);\n}\n:host([value-state=\"Error\"]) [inner-input] {\n\tfont-weight: var(--_ui5_input_error_font_weight);\n}\n:host([value-state=\"Warning\"]) [inner-input] {\n\tfont-weight: var(--_ui5_input_warning_font_weight);\n}\n:host([value-state=\"Error\"]:not([readonly]):not([disabled])) {\n\tbackground: var(--sapField_InvalidBackgroundStyle);\n\tbackground-color: var(--sapField_InvalidBackground);\n\tborder-color: var(--_ui5_input_value_state_error_border_color);\n\tbox-shadow: var(--sapField_InvalidShadow);\n}\n:host([value-state=\"Error\"][focused]:not([opened]):not([readonly])) {\n\tbackground-color: var(--_ui5_input_focused_value_state_error_background);\n\tborder-color: var(--_ui5_input_focused_value_state_error_border_color);\n}\n:host([value-state=\"Error\"][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after {\n\tborder-color: var(--_ui5_input_focused_value_state_error_focus_outline_color);\n}\n:host([value-state=\"Error\"]:not([readonly])) .ui5-input-root::before{\n\tbackground-color: var(--_ui5-input-value-state-error-border-botom-color);\n}\n:host([value-state=\"Error\"]:not([readonly]):not([focused]):hover),\n:host([value-state=\"Error\"]:not([readonly])[focused][opened]:hover) {\n\tbackground-color: var(--_ui5_input_value_state_error_hover_background);\n\tbox-shadow: var(--sapField_Hover_InvalidShadow);\n}\n:host([value-state=\"Error\"]:not([readonly]):not([disabled])),\n:host([value-state=\"Warning\"]:not([readonly]):not([disabled])),\n:host([value-state=\"Information\"]:not([readonly]):not([disabled])) {\n\tborder-style: var(--_ui5_input_error_warning_border_style);\n}\n:host([value-state=\"Warning\"]:not([readonly]):not([disabled])) {\n\tbackground: var(--sapField_WarningBackgroundStyle);\n\tbackground-color: var(--sapField_WarningBackground);\n\tborder-color: var(--_ui5_input_value_state_warning_border_color);\n\tbox-shadow: var(--sapField_WarningShadow);\n}\n:host([value-state=\"Warning\"][focused]:not([opened]):not([readonly])) {\n\tbackground-color: var(--_ui5_input_focused_value_state_warning_background);\n\tborder-color: var(--_ui5_input_focused_value_state_warning_border_color);\n}\n:host([value-state=\"Warning\"][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after {\n\tborder-color: var(--_ui5_input_focused_value_state_warning_focus_outline_color);\n}\n:host([value-state=\"Warning\"]:not([readonly])) .ui5-input-root::before{\n\tbackground-color: var(--_ui5_input_value_state_warning_border_botom_color);\n}\n:host([value-state=\"Warning\"]:not([readonly]):not([focused]):hover),\n:host([value-state=\"Warning\"]:not([readonly])[focused][opened]:hover)  {\n\tbackground-color: var(--sapField_Hover_Background);\n\tbox-shadow: var(--sapField_Hover_WarningShadow);\n}\n:host([value-state=\"Success\"]:not([readonly]):not([disabled])) {\n\tbackground: var(--sapField_SuccessBackgroundStyle);\n\tbackground-color: var(--sapField_SuccessBackground);\n\tborder-color: var(--_ui5_input_value_state_success_border_color);\n\tborder-width: var(--_ui5_input_value_state_success_border_width);\n\tbox-shadow: var(--sapField_SuccessShadow);\n}\n:host([value-state=\"Success\"][focused]:not([opened]):not([readonly])) {\n\tbackground-color: var(--_ui5_input_focused_value_state_success_background);\n\tborder-color: var(--_ui5_input_focused_value_state_success_border_color);\n}\n:host([value-state=\"Success\"][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after {\n\tborder-color: var(--_ui5_input_focused_value_state_success_focus_outline_color);\n}\n:host([value-state=\"Success\"]:not([readonly])) .ui5-input-root::before{\n\tbackground-color: var(--_ui5_input_value_state_success_border_botom_color);\n}\n:host([value-state=\"Success\"]:not([readonly]):not([focused]):hover),\n:host([value-state=\"Success\"]:not([readonly])[focused][opened]:hover) {\n\tbackground-color: var(--sapField_Hover_Background);\n\tbox-shadow: var(--sapField_Hover_SuccessShadow);\n}\n:host([value-state=\"Information\"]:not([readonly]):not([disabled])) {\n\tbackground: var(--sapField_InformationBackgroundStyle);\n\tbackground-color: var(--sapField_InformationBackground);\n\tborder-color: var(--_ui5_input_value_state_information_border_color);\n\tborder-width: var(--_ui5_input_information_border_width);\n\tbox-shadow: var(--sapField_InformationShadow);\n}\n:host([value-state=\"Information\"][focused]:not([opened]):not([readonly])) {\n\tbackground-color: var(--_ui5_input_focused_value_state_information_background);\n\tborder-color: var(--_ui5_input_focused_value_state_information_border_color);\n}\n:host([value-state=\"Information\"]:not([readonly])) .ui5-input-root::before{\n\tbackground-color: var(--_ui5_input_value_success_information_border_botom_color);\n}\n:host([value-state=\"Information\"]:not([readonly]):not([focused]):hover),\n:host([value-state=\"Information\"]:not([readonly])[focused][opened]:hover) {\n\tbackground-color: var(--sapField_Hover_Background);\n\tbox-shadow: var(--sapField_Hover_InformationShadow);\n}\n/* Input Icon */\n.ui5-input-icon-root {\n\tmin-width: var(--_ui5_input_icon_min_width);\n\theight: 100%;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n/* TODO: Remove this after parser is fixed\n\t-\tthis statement is transformed to [ui5-multi-combobox] [ui5-icon] which\n\taffects all icons in the combobox incuding these in the list items\n*/\n::slotted([ui5-icon][slot=\"icon\"]) {\n\talign-self: start;\n\tpadding: var(--_ui5_input_custom_icon_padding);\n\t/* Normalize like libraries overrule the selector, thefore we need !important */\n\tbox-sizing: content-box !important;\n}\n:host([value-state=\"Error\"]) [input-icon],\n:host([value-state=\"Warning\"]) [input-icon]{\n\tpadding: var(--_ui5_input_error_warning_icon_padding);\n}\n:host([value-state=\"Information\"]) [input-icon] {\n\tpadding: var(--_ui5_input_information_icon_padding);\n}\n:host([value-state=\"Error\"]) ::slotted([input-icon][ui5-icon]),\n:host([value-state=\"Error\"]) ::slotted([ui5-icon][slot=\"icon\"]),\n:host([value-state=\"Warning\"]) ::slotted([ui5-icon][slot=\"icon\"]) {\n\tpadding: var(--_ui5_input_error_warning_custom_icon_padding);\n}\n:host([value-state=\"Information\"]) ::slotted([ui5-icon][slot=\"icon\"]) {\n\tpadding: var(--_ui5_input_information_custom_icon_padding);\n}\n:host([value-state=\"Error\"]) [input-icon]:active,\n:host([value-state=\"Error\"]) [input-icon][pressed] {\n\tbox-shadow: var(--_ui5_input_error_icon_box_shadow);\n\tcolor: var(--_ui5_input_icon_error_pressed_color);\n}\n:host([value-state=\"Error\"]) [input-icon]:not([pressed]):not(:active):hover {\n\tbox-shadow: var(--_ui5_input_error_icon_box_shadow);\n}\n:host([value-state=\"Warning\"]) [input-icon]:active,\n:host([value-state=\"Warning\"]) [input-icon][pressed] {\n\tbox-shadow: var(--_ui5_input_warning_icon_box_shadow);\n\tcolor: var(--_ui5_input_icon_warning_pressed_color);\n}\n:host([value-state=\"Warning\"]) [input-icon]:not([pressed]):not(:active):hover {\n\tbox-shadow: var(--_ui5_input_warning_icon_box_shadow);\n}\n:host([value-state=\"Information\"]) [input-icon]:active,\n:host([value-state=\"Information\"]) [input-icon][pressed] {\n\tbox-shadow: var(--_ui5_input_information_icon_box_shadow);\n\tcolor: var(--_ui5_input_icon_information_pressed_color);\n}\n:host([value-state=\"Information\"]) [input-icon]:not([pressed]):not(:active):hover {\n\tbox-shadow: var(--_ui5_input_information_icon_box_shadow);\n}\n:host([value-state=\"Success\"]) [input-icon]:active,\n:host([value-state=\"Success\"]) [input-icon][pressed] {\n\tbox-shadow: var(--_ui5_input_success_icon_box_shadow);\n\tcolor: var(--_ui5_input_icon_success_pressed_color);\n}\n:host([value-state=\"Success\"]) [input-icon]:not([pressed]):not(:active):hover {\n\tbox-shadow: var(--_ui5_input_success_icon_box_shadow);\n}\n.ui5-input-clear-icon-wrapper {\n\theight: var(--_ui5_input_icon_wrapper_height);\n\tpadding: 0;\n\twidth: var(--_ui5_input_icon_width);\n\tmin-width: var(--_ui5_input_icon_width);\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n}\n:host([value-state]:not([value-state=\"None\"]):not([value-state=\"Success\"])) .ui5-input-clear-icon-wrapper {\n\theight: var(--_ui5_input_icon_wrapper_state_height);\n\tvertical-align: top;\n}\n:host([value-state=\"Success\"]) .ui5-input-clear-icon-wrapper {\n\theight: var(--_ui5_input_icon_wrapper_success_state_height);\n}\n[ui5-icon].ui5-input-clear-icon {\n\tpadding: 0;\n\tcolor: inherit;\n}\n/* Chrome, Safari, Edge, Opera */\n[inner-input]::-webkit-outer-spin-button,\n[inner-input]::-webkit-inner-spin-button {\n\t-webkit-appearance: inherit;\n\tmargin: inherit;\n}\n.ui5-select-root {\n\tmin-width: calc(var(--_ui5_input_min_width) + (var(--_ui5-input-icons-count)*var(--_ui5_input_icon_width)));\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: flex;\n\toutline: none;\n\tcursor: pointer;\n\toverflow: hidden;\n\tborder-radius: var(--_ui5_input_border_radius);\n}\n.ui5-select-label-root {\n\tflex-shrink: 1;\n\tflex-grow: 1;\n\talign-self: center;\n\tmin-width: 1rem;\n\tpadding-inline-start: 0.5rem;\n\tcursor: pointer;\n\toutline: none;\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tcolor: var(--_ui5_select_label_color);\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-size: var(--sapFontSize);\n\tfont-weight: normal;\n}\n.ui5-select-option-icon {\n\tpadding-inline-start: 0.5rem;\n\tcolor: var(--sapField_TextColor);\n\talign-self: center;\n}\n:host(:not([disabled])) {\n\tcursor: pointer;\n}\n"
+    content: ":host{vertical-align:middle}[input-icon]{border-inline-start:var(--_ui5-v1-18-0_input_icon_border);border-radius:var(--_ui5-v1-18-0_input_icon_border_radius);color:var(--_ui5-v1-18-0_input_icon_color);cursor:pointer;min-height:1rem;min-width:1rem;outline:none;padding:var(--_ui5-v1-18-0_input_icon_padding)}[input-icon][pressed]{background:var(--_ui5-v1-18-0_input_icon_pressed_bg);border-inline-start:var(--_ui5-v1-18-0_select_hover_icon_left_border);box-shadow:var(--_ui5-v1-18-0_input_icon_box_shadow);color:var(--_ui5-v1-18-0_input_icon_pressed_color)}[input-icon]:active{background-color:var(--sapButton_Active_Background);border-inline-start:var(--_ui5-v1-18-0_select_hover_icon_left_border);box-shadow:var(--_ui5-v1-18-0_input_icon_box_shadow);color:var(--_ui5-v1-18-0_input_icon_pressed_color)}[input-icon]:not([pressed]):not(:active):hover{background:var(--_ui5-v1-18-0_input_icon_hover_bg);box-shadow:var(--_ui5-v1-18-0_input_icon_box_shadow)}[input-icon]:hover{border-inline-start:var(--_ui5-v1-18-0_select_hover_icon_left_border);box-shadow:var(--_ui5-v1-18-0_input_icon_box_shadow)}.ui5-hidden-text{clip:rect(1px,1px,1px,1px);font-size:0;left:-1000px;pointer-events:none;position:absolute;top:-1000px;user-select:none}:host(:not([hidden])){display:inline-block}:host{background:var(--sapField_BackgroundStyle);background-color:var(--_ui5-v1-18-0_input_background_color);border:var(--_ui5-v1-18-0-input-border);border-radius:var(--_ui5-v1-18-0_input_border_radius);box-sizing:border-box;color:var(--sapField_TextColor);font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSize);font-style:normal;height:var(--_ui5-v1-18-0_input_height);margin:var(--_ui5-v1-18-0_input_margin_top_bottom) 0;min-width:calc(var(--_ui5-v1-18-0_input_min_width) + var(--_ui5-v1-18-0-input-icons-count)*var(--_ui5-v1-18-0_input_icon_width));text-align:start;transition:var(--_ui5-v1-18-0_input_transition);width:var(--_ui5-v1-18-0_input_width)}:host(:not([readonly])),:host([readonly][disabled]){box-shadow:var(--sapField_Shadow)}:host([focused]:not([opened])){background-color:var(--sapField_Focus_Background);border-color:var(--_ui5-v1-18-0_input_focused_border_color)}.ui5-input-focusable-element{position:relative}:host([focused]:not([opened])) .ui5-input-focusable-element:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5-v1-18-0_input_focus_outline_color);border-radius:var(--_ui5-v1-18-0_input_focus_border_radius);bottom:var(--_ui5-v1-18-0_input_focus_offset);content:var(--ui5-v1-18-0_input_focus_pseudo_element_content);left:var(--_ui5-v1-18-0_input_focus_offset);pointer-events:none;position:absolute;right:var(--_ui5-v1-18-0_input_focus_offset);top:var(--_ui5-v1-18-0_input_focus_offset);z-index:2}.ui5-input-root:before{background-color:var(--_ui5-v1-18-0_input_bottom_border_color);border-bottom-left-radius:8px;border-bottom-right-radius:8px;bottom:-2px;content:\"\";height:var(--_ui5-v1-18-0_input_bottom_border_height);left:1px;position:absolute;transition:var(--_ui5-v1-18-0_input_transition);width:calc(100% - 2px)}.ui5-input-root{background:transparent;border-radius:var(--_ui5-v1-18-0_input_border_radius);box-sizing:border-box;color:inherit;display:inline-block;height:100%;outline:none;overflow:hidden;position:relative;transition:border-color .2s ease-in-out;width:100%}:host([disabled]){background-color:var(--_ui5-v1-18-0-input_disabled_background);border-color:var(--_ui5-v1-18-0_input_disabled_border_color);cursor:default;opacity:var(--_ui5-v1-18-0_input_disabled_opacity);pointer-events:none}:host([disabled]) .ui5-input-root:before,:host([readonly]) .ui5-input-root:before{content:none}[inner-input]{-webkit-appearance:none;-moz-appearance:textfield;background:transparent;border:none;box-sizing:border-box;color:inherit;flex:1;font-family:inherit;font-size:inherit;font-style:inherit;letter-spacing:inherit;line-height:inherit;min-width:var(--_ui5-v1-18-0_input_min_width);outline:none;padding:var(--_ui5-v1-18-0_input_inner_padding);text-align:inherit;text-overflow:ellipsis;width:100%;word-spacing:inherit}[inner-input][inner-input-with-icon]{padding:var(--_ui5-v1-18-0_input_inner_padding_with_icon)}.ui5-input-value-state-icon{align-items:center;display:var(--_ui5-v1-18-0-input-value-state-icon-display);height:100%}.ui5-input-value-state-icon>svg{margin-right:8px}[inner-input]::selection{background:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}:host([disabled]) [inner-input]::-webkit-input-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-webkit-input-placeholder{visibility:hidden}:host([disabled]) [inner-input]::-moz-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-moz-placeholder{visibility:hidden}[inner-input]::-webkit-input-placeholder{color:var(--_ui5-v1-18-0_input_placeholder_color);font-style:var(--_ui5-v1-18-0_input_placeholder_style);font-weight:400;padding-right:.125rem}[inner-input]::-moz-placeholder{color:var(--_ui5-v1-18-0_input_placeholder_color);font-style:var(--_ui5-v1-18-0_input_placeholder_style);font-weight:400;padding-right:.125rem}:host([value-state=Error]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-v1-18-0-input_error_placeholder_color);font-weight:var(--_ui5-v1-18-0_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Error]) [inner-input]::-moz-placeholder{color:var(--_ui5-v1-18-0-input_error_placeholder_color);font-weight:var(--_ui5-v1-18-0_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Warning]) [inner-input]::-webkit-input-placeholder{font-weight:var(--_ui5-v1-18-0_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Warning]) [inner-input]::-moz-placeholder{font-weight:var(--_ui5-v1-18-0_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Success]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-v1-18-0_input_placeholder_color)}:host([value-state=Success]) [inner-input]::-moz-placeholder{color:var(--_ui5-v1-18-0_input_placeholder_color)}:host([value-state=Information]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-v1-18-0_input_placeholder_color)}:host([value-state=Information]) [inner-input]::-moz-placeholder{color:var(--_ui5-v1-18-0_input_placeholder_color)}.ui5-input-content{background:transparent;border-radius:var(--_ui5-v1-18-0_input_border_radius);box-sizing:border-box;color:inherit;display:flex;flex-direction:row;height:100%;justify-content:flex-end;outline:none;overflow:hidden}:host([readonly]:not([disabled])){background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--_ui5-v1-18-0_input_readonly_background);border-color:var(--_ui5-v1-18-0_input_readonly_border_color)}:host(:not([value-state]):not([readonly]):hover),:host([value-state=None]:not([readonly]):hover){background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background);border:var(--_ui5-v1-18-0_input_hover_border);border-color:var(--_ui5-v1-18-0_input_focused_border_color);box-shadow:var(--sapField_Hover_Shadow)}:host(:not([value-state]):not([readonly])[focused]:not([opened]):hover),:host([value-state=None]:not([readonly])[focused]:not([opened]):hover){box-shadow:none}:host([focused]):not([opened]) .ui5-input-root:before{content:none}:host(:not([readonly]):not([disabled])[value-state]:not([value-state=None])){border-width:var(--_ui5-v1-18-0_input_state_border_width)}:host([value-state=Error]) [inner-input],:host([value-state=Warning]) [inner-input]{font-style:var(--_ui5-v1-18-0_input_error_warning_font_style);text-indent:var(--_ui5-v1-18-0_input_error_warning_text_indent)}:host([value-state=Error]) [inner-input]{font-weight:var(--_ui5-v1-18-0_input_error_font_weight)}:host([value-state=Warning]) [inner-input]{font-weight:var(--_ui5-v1-18-0_input_warning_font_weight)}:host([value-state=Error]:not([readonly]):not([disabled])){background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border-color:var(--_ui5-v1-18-0_input_value_state_error_border_color);box-shadow:var(--sapField_InvalidShadow)}:host([value-state=Error][focused]:not([opened]):not([readonly])){background-color:var(--_ui5-v1-18-0_input_focused_value_state_error_background);border-color:var(--_ui5-v1-18-0_input_focused_value_state_error_border_color)}:host([value-state=Error][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5-v1-18-0_input_focused_value_state_error_focus_outline_color)}:host([value-state=Error]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-v1-18-0-input-value-state-error-border-botom-color)}:host([value-state=Error]:not([readonly]):not([focused]):hover),:host([value-state=Error]:not([readonly])[focused][opened]:hover){background-color:var(--_ui5-v1-18-0_input_value_state_error_hover_background);box-shadow:var(--sapField_Hover_InvalidShadow)}:host([value-state=Error]:not([readonly]):not([disabled])),:host([value-state=Information]:not([readonly]):not([disabled])),:host([value-state=Warning]:not([readonly]):not([disabled])){border-style:var(--_ui5-v1-18-0_input_error_warning_border_style)}:host([value-state=Warning]:not([readonly]):not([disabled])){background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border-color:var(--_ui5-v1-18-0_input_value_state_warning_border_color);box-shadow:var(--sapField_WarningShadow)}:host([value-state=Warning][focused]:not([opened]):not([readonly])){background-color:var(--_ui5-v1-18-0_input_focused_value_state_warning_background);border-color:var(--_ui5-v1-18-0_input_focused_value_state_warning_border_color)}:host([value-state=Warning][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5-v1-18-0_input_focused_value_state_warning_focus_outline_color)}:host([value-state=Warning]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-v1-18-0_input_value_state_warning_border_botom_color)}:host([value-state=Warning]:not([readonly]):not([focused]):hover),:host([value-state=Warning]:not([readonly])[focused][opened]:hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_WarningShadow)}:host([value-state=Success]:not([readonly]):not([disabled])){background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border-color:var(--_ui5-v1-18-0_input_value_state_success_border_color);border-width:var(--_ui5-v1-18-0_input_value_state_success_border_width);box-shadow:var(--sapField_SuccessShadow)}:host([value-state=Success][focused]:not([opened]):not([readonly])){background-color:var(--_ui5-v1-18-0_input_focused_value_state_success_background);border-color:var(--_ui5-v1-18-0_input_focused_value_state_success_border_color)}:host([value-state=Success][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5-v1-18-0_input_focused_value_state_success_focus_outline_color)}:host([value-state=Success]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-v1-18-0_input_value_state_success_border_botom_color)}:host([value-state=Success]:not([readonly]):not([focused]):hover),:host([value-state=Success]:not([readonly])[focused][opened]:hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_SuccessShadow)}:host([value-state=Information]:not([readonly]):not([disabled])){background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border-color:var(--_ui5-v1-18-0_input_value_state_information_border_color);border-width:var(--_ui5-v1-18-0_input_information_border_width);box-shadow:var(--sapField_InformationShadow)}:host([value-state=Information][focused]:not([opened]):not([readonly])){background-color:var(--_ui5-v1-18-0_input_focused_value_state_information_background);border-color:var(--_ui5-v1-18-0_input_focused_value_state_information_border_color)}:host([value-state=Information]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-v1-18-0_input_value_success_information_border_botom_color)}:host([value-state=Information]:not([readonly]):not([focused]):hover),:host([value-state=Information]:not([readonly])[focused][opened]:hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_InformationShadow)}.ui5-input-icon-root{align-items:center;display:flex;height:100%;justify-content:center;min-width:var(--_ui5-v1-18-0_input_icon_min_width)}::slotted([ui5-icon][slot=icon]){align-self:start;box-sizing:content-box!important;padding:var(--_ui5-v1-18-0_input_custom_icon_padding)}:host([value-state=Error]) [input-icon],:host([value-state=Warning]) [input-icon]{padding:var(--_ui5-v1-18-0_input_error_warning_icon_padding)}:host([value-state=Error][focused]) [input-icon],:host([value-state=Warning][focused]) [input-icon]{padding:var(--_ui5-v1-18-0_input_error_warning_focused_icon_padding)}:host([value-state=Information]) [input-icon]{padding:var(--_ui5-v1-18-0_input_information_icon_padding)}:host([value-state=Information][focused]) [input-icon]{padding:var(--_ui5-v1-18-0_input_information_focused_icon_padding)}:host([value-state=Error]) ::slotted([input-icon][ui5-icon]),:host([value-state=Error]) ::slotted([ui5-icon][slot=icon]),:host([value-state=Warning]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5-v1-18-0_input_error_warning_custom_icon_padding)}:host([value-state=Error][focused]) ::slotted([input-icon][ui5-icon]),:host([value-state=Error][focused]) ::slotted([ui5-icon][slot=icon]),:host([value-state=Warning][focused]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5-v1-18-0_input_error_warning_custom_focused_icon_padding)}:host([value-state=Information]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5-v1-18-0_input_information_custom_icon_padding)}:host([value-state=Information][focused]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5-v1-18-0_input_information_custom_focused_icon_padding)}:host([value-state=Error]) [input-icon]:active,:host([value-state=Error]) [input-icon][pressed]{box-shadow:var(--_ui5-v1-18-0_input_error_icon_box_shadow);color:var(--_ui5-v1-18-0_input_icon_error_pressed_color)}:host([value-state=Error]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5-v1-18-0_input_error_icon_box_shadow)}:host([value-state=Warning]) [input-icon]:active,:host([value-state=Warning]) [input-icon][pressed]{box-shadow:var(--_ui5-v1-18-0_input_warning_icon_box_shadow);color:var(--_ui5-v1-18-0_input_icon_warning_pressed_color)}:host([value-state=Warning]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5-v1-18-0_input_warning_icon_box_shadow)}:host([value-state=Information]) [input-icon]:active,:host([value-state=Information]) [input-icon][pressed]{box-shadow:var(--_ui5-v1-18-0_input_information_icon_box_shadow);color:var(--_ui5-v1-18-0_input_icon_information_pressed_color)}:host([value-state=Information]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5-v1-18-0_input_information_icon_box_shadow)}:host([value-state=Success]) [input-icon]:active,:host([value-state=Success]) [input-icon][pressed]{box-shadow:var(--_ui5-v1-18-0_input_success_icon_box_shadow);color:var(--_ui5-v1-18-0_input_icon_success_pressed_color)}:host([value-state=Success]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5-v1-18-0_input_success_icon_box_shadow)}.ui5-input-clear-icon-wrapper{align-items:center;box-sizing:border-box;display:flex;height:var(--_ui5-v1-18-0_input_icon_wrapper_height);justify-content:center;min-width:var(--_ui5-v1-18-0_input_icon_width);padding:0;width:var(--_ui5-v1-18-0_input_icon_width)}:host([value-state]:not([value-state=None]):not([value-state=Success])) .ui5-input-clear-icon-wrapper{height:var(--_ui5-v1-18-0_input_icon_wrapper_state_height);vertical-align:top}:host([value-state=Success]) .ui5-input-clear-icon-wrapper{height:var(--_ui5-v1-18-0_input_icon_wrapper_success_state_height)}[ui5-icon].ui5-input-clear-icon{color:inherit;padding:0}[inner-input]::-webkit-inner-spin-button,[inner-input]::-webkit-outer-spin-button{-webkit-appearance:inherit;margin:inherit}.ui5-select-root{border-radius:var(--_ui5-v1-18-0_input_border_radius);cursor:pointer;display:flex;height:100%;min-width:calc(var(--_ui5-v1-18-0_input_min_width) + var(--_ui5-v1-18-0-input-icons-count)*var(--_ui5-v1-18-0_input_icon_width));outline:none;overflow:hidden;width:100%}.ui5-select-label-root{align-self:center;color:var(--_ui5-v1-18-0_select_label_color);cursor:pointer;flex-grow:1;flex-shrink:1;font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;min-width:1rem;outline:none;overflow:hidden;padding-inline-start:.5rem;text-overflow:ellipsis;white-space:nowrap}.ui5-select-option-icon{align-self:center;color:var(--sapField_TextColor);padding-inline-start:.5rem}:host(:not([disabled])){cursor:pointer}"
   };
   var _default = styleData;
   _exports.default = _default;

package/src/sap/ui/webc/main/thirdparty/generated/themes/SelectMenu.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/SelectMenu.css",
+    content: ".ui5-select-menu::part(content),.ui5-select-menu::part(header){padding:0}.ui5-select-menu [ui5-li-custom]{height:var(--_ui5-v1-18-0_list_item_dropdown_base_height)}.ui5-select-menu [ui5-li-custom]::part(native-li){padding:0}.ui5-select-menu [ui5-icon]{color:var(--sapList_TextColor)}"
+  };
+  var _default = styleData;
+  _exports.default = _default;
+});

package/src/sap/ui/webc/main/thirdparty/generated/themes/SelectMenuOption.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/SelectMenuOption.css",
+    content: ""
+  };
+  var _default = styleData;
+  _exports.default = _default;
+});

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/SelectPopover.css",
-    content: ".ui5-select-popover::part(content),\n.ui5-select-popover::part(header) {\n\tpadding: 0;\n}\n\n.ui5-select-popover [ui5-li] {\n\theight: var(--_ui5_list_item_dropdown_base_height);\n}\n\n.ui5-select-popover [ui5-li]::part(icon) {\n\tcolor: var(--sapList_TextColor);\n}\n"
+    content: ".ui5-select-popover::part(content),.ui5-select-popover::part(header){padding:0}.ui5-select-popover [ui5-li]{height:var(--_ui5-v1-18-0_list_item_dropdown_base_height)}.ui5-select-popover [ui5-li]::part(icon){color:var(--sapList_TextColor)}"
   };
   var _default = styleData;
   _exports.default = _default;

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/SliderBase.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\n:host([disabled]) {\n\topacity: var(--_ui5_slider_disabled_opacity);\n\tcursor: default;\n\tpointer-events: none;\n}\n\n:host {\n\tbox-sizing: border-box;\n\tcursor: pointer;\n\tvertical-align: top;\n\twidth: 100%;\n}\n\n:host(:not([hidden])) {\n\tdisplay: inline-block;\n}\n\n.ui5-slider-root {\n\tbox-sizing: border-box;\n\theight: 3.3125rem;\n\toutline: none;\n\tpadding: var(--_ui5_slider_padding);\n\ttouch-action: none;\n}\n\n.ui5-slider-inner {\n\tbackground-repeat: no-repeat;\n\tposition: relative;\n\tmin-width: var(--_ui5_slider_inner_min_width);\n\theight: 100%;\n}\n\n.ui5-slider-progress-container {\n\twidth: 100%;\n\tbackground: var(--_ui5_slider_progress_container_background);\n\tborder: var(--_ui5_slider_progress_border);\n\tborder-radius: var(--_ui5_slider_progress_border_radius);\n\theight: var(--_ui5_slider_inner_height);\n\tposition: relative;\n\tbox-sizing: var(--_ui5_slider_progress_box_sizing);\n\ttop: var(--_ui5_slider_progress_container_top);\n}\n\n.ui5-slider-progress-container::before,\n.ui5-slider-progress-container::after {\n\tdisplay: var(--_ui5_slider_progress_container_dot_display);\n\tcontent: \"\";\n\tposition: absolute;\n\tborder-radius: 50%;\n\twidth: var(--_ui5_slider_start_end_point_size);\n\theight: var(--_ui5_slider_start_end_point_size);\n\ttop: var(--_ui5_slider_start_end_point_top);\n}\n\n.ui5-slider-progress-container::before {\n\tinset-inline-start: var(--_ui5_slider_start_end_point_left);\n\tbackground-color: var(--_ui5_slider_progress_before_background);\n\tborder: var(--_ui5_slider_progress_before_border);\n}\n\n.ui5-slider-progress-container::after {\n\tinset-inline-end: var(--_ui5_slider_start_end_point_left);\n\tbackground-color: var(--_ui5_slider_progress_after_background);\n\tborder: var(--_ui5_slider_progress_after_border);\n}\n\n.ui5-slider-progress {\n\tbackground: var(--_ui5_slider_progress_background);\n\tborder-radius: var(--_ui5_slider_progress_border_radius);\n\theight: var(--_ui5_slider_progress_height);\n\tposition: relative;\n\toutline: none;\n\tbox-sizing: border-box;\n\tborder: var(--_ui5_slider_active_progress_border);\n\tleft: var(--_ui5_slider_active_progress_left);\n\ttop: var(--_ui5_slider_active_progress_top);\n}\n\n.ui5-slider-tickmarks {\n\tlist-style: none;\n\tpadding: 0;\n\tmargin: 0;\n\ttop: var(--_ui5_slider_tickmark_top);\n\tdisplay: flex;\n\tbox-sizing: border-box;\n\twidth: 100%;\n\tjustify-content: space-between;\n\tposition: absolute;\n\tz-index: 1;\n}\n\n.ui5-slider-tickmarks li {\n\theight: var(--_ui5_slider_tickmark_height);\n\tborder-inline-start: 1px solid var(--_ui5_slider_tickmark_bg);\n}\n\n.ui5-slider-handle {\n\tbackground: var(--_ui5_slider_handle_background);\n\tborder: var(--_ui5_slider_handle_border);\n\tborder-radius: var(--_ui5_slider_handle_border_radius);\n\tbox-shadow: var(--_ui5_slider_handle_box_shadow);\n\tmargin-inline-start: calc(-1 * var(--_ui5_slider_handle_width) / 2);\n\ttop: var(--_ui5_slider_handle_top);\n\tposition: absolute;\n\toutline: none;\n\theight: var(--_ui5_slider_handle_height);\n\twidth: var(--_ui5_slider_handle_width);\n\tbox-sizing: var(--_ui5_slider_handle_box_sizing);\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tz-index: 2;\n}\n\n[slider-icon] {\n\tdisplay: var(--_ui5_slider_handle_icon_display);\n\tcolor: var(--sapContent_Selected_ForegroundColor);\n\twidth: var(--_ui5_slider_handle_icon_size);\n\theight: var(--_ui5_slider_handle_icon_size);\n}\n\n.ui5-slider-root:hover .ui5-slider-handle:not(:focus),\n.ui5-slider-handle:hover {\n\tbackground: var(--_ui5_slider_handle_hover_background);\n\tborder: var(--_ui5_slider_handle_hover_border);\n\tbox-shadow: var(--_ui5_slider_handle_hover_box_shadow);\n}\n\n.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,\n.ui5-slider-handle:not(:active):focus {\n\toutline: var(--_ui5_slider_handle_outline);\n\toutline-offset: var(--_ui5_slider_handle_outline_offset);\n\tborder: var(--_ui5_slider_handle_focus_border);\n\tbox-shadow: var(--_ui5_slider_handle_box_shadow_focus);\n\tbackground: var(--_ui5_slider_handle_background_focus);\n}\n\n.ui5-slider-root:active .ui5-slider-handle:focus,\n.ui5-slider-handle:focus:active {\n\tbackground: var(--_ui5_slider_handle_hover_background);\n\tborder: var(--_ui5_slider_handle_active_border);\n\tbox-shadow: var(--_ui5_slider_handle_active_box_shadow);\n\toutline: var(--_ui5_slider_handle_active_focused_outline);\n}\n\n.ui5-slider-handle.ui5-slider-handle--start:focus,\n.ui5-slider-handle--end:focus {\n\tborder: var(--_ui5_slider_handle_focus_border);\n}\n\n.ui5-slider-root:focus:hover .ui5-slider-handle,\n.ui5-slider-handle:focus:hover {\n\tborder: var(--_ui5_slider_handle_focus_border);\n}\n\n.ui5-slider-tooltip {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tvisibility: hidden;\n\tpointer-events: none;\n\tline-height: 1rem;\n\tposition: absolute;\n\tleft: 50%;\n\ttransform: translate(-50%);\n\tbottom: var(--_ui5_slider_tooltip_bottom);\n\tbackground: var(--_ui5_slider_tooltip_background);\n\tborder: var(--_ui5_slider_tooltip_border);\n\tborder-radius: var(--_ui5_slider_tooltip_border_radius);\n\tbox-shadow: var(--_ui5_slider_tooltip_box_shadow);\n\tfont-size: var(--_ui5_slider_tooltip_fontsize);\n\tcolor: var(--_ui5_slider_tooltip_color);\n\theight: var(--_ui5_slider_tooltip_height);\n\tmin-width: var(--_ui5_slider_tooltip_min_width);\n\tpadding: var(--_ui5_slider_tooltip_padding);\n\tbox-sizing: var(--_ui5_slider_tooltip_border_box);\n}\n\n.ui5-slider-tooltip-value {\n\tposition: relative;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n.ui5-slider-labels {\n\tposition: absolute;\n\ttop: 1.25rem;\n\tmargin: 0;\n\tpadding: 0;\n\twhite-space: nowrap;\n}\n\n.ui5-slider-labels li {\n\tposition: relative;\n\tlist-style: none;\n\tpadding-top: 0.3125rem;\n\theight: 1rem;\n\tmargin: 0;\n\ttext-align: center;\n\tdisplay: inline-block;\n\tcolor: var(--_ui5_slider_label_color);\n\tfont-size: var(--_ui5_slider_label_fontsize);\n\tpadding-top: 0;\n\tbox-sizing: border-box;\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\talign-items: center;\n\tvertical-align: top;\n}\n\n.ui5-slider-hidden-labels li:not(:first-child):not(:last-child) {\n\tvisibility: hidden;\n}\n\n.ui5-slider-handle:focus .ui5-slider-tooltip {\n\tbottom: var(--_ui5_slider_handle_focused_tooltip_distance);\n}\n\n.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range {\n\tborder-inline-start: 1px solid var(--_ui5_slider_tickmark_in_range_bg);\n}\n\n:host([show-tickmarks]) .ui5-slider-progress {\n\theight: var(--_ui5_slider_no_tickmarks_progress_height);\n\tborder: var(--_ui5_slider_no_tickmarks_active_progress_border);\n\tleft: var(--_ui5_slider_no_tickmarks_active_progress_left);\n\ttop: var(--_ui5_slider_no_tickmarks_active_progress_top);\n}\n\n:host([show-tickmarks]) .ui5-slider-progress-container {\n\ttop: var(--_ui5_slider_no_tickmarks_progress_container_top);\n}\n\n.ui5-slider-handle:focus:after {\n\tcontent: \"\";\n\tdisplay: var(--_ui5_slider_handle_focus_visibility);\n\twidth: calc(100% + (var(--sapContent_FocusWidth) * 2) + 2px);\n\theight: calc(100% + (var(--sapContent_FocusWidth) * 2) + 2px);\n\tborder: var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);\n\tposition: absolute;\n\tborder-radius: var(--_ui5_slider_handle_border_radius);\n\tpointer-events: none;\n}\n"
+    content: ".ui5-hidden-text{clip:rect(1px,1px,1px,1px);font-size:0;left:-1000px;pointer-events:none;position:absolute;top:-1000px;user-select:none}:host([disabled]){cursor:default;opacity:var(--_ui5-v1-18-0_slider_disabled_opacity);pointer-events:none}:host{box-sizing:border-box;cursor:pointer;vertical-align:top;width:100%}:host(:not([hidden])){display:inline-block}.ui5-slider-root{box-sizing:border-box;height:3.3125rem;outline:none;padding:var(--_ui5-v1-18-0_slider_padding);touch-action:none}.ui5-slider-inner{background-repeat:no-repeat;height:100%;min-width:var(--_ui5-v1-18-0_slider_inner_min_width);position:relative}.ui5-slider-progress-container{background:var(--_ui5-v1-18-0_slider_progress_container_background);border:var(--_ui5-v1-18-0_slider_progress_border);border-radius:var(--_ui5-v1-18-0_slider_progress_border_radius);box-sizing:var(--_ui5-v1-18-0_slider_progress_box_sizing);height:var(--_ui5-v1-18-0_slider_inner_height);position:relative;top:var(--_ui5-v1-18-0_slider_progress_container_top);width:100%}.ui5-slider-progress-container:after,.ui5-slider-progress-container:before{border-radius:50%;content:\"\";display:var(--_ui5-v1-18-0_slider_progress_container_dot_display);height:var(--_ui5-v1-18-0_slider_start_end_point_size);position:absolute;top:var(--_ui5-v1-18-0_slider_start_end_point_top);width:var(--_ui5-v1-18-0_slider_start_end_point_size)}.ui5-slider-progress-container:before{background-color:var(--_ui5-v1-18-0_slider_progress_before_background);border:var(--_ui5-v1-18-0_slider_progress_before_border);inset-inline-start:var(--_ui5-v1-18-0_slider_start_end_point_left)}.ui5-slider-progress-container:after{background-color:var(--_ui5-v1-18-0_slider_progress_after_background);border:var(--_ui5-v1-18-0_slider_progress_after_border);inset-inline-end:var(--_ui5-v1-18-0_slider_start_end_point_left)}.ui5-slider-progress{background:var(--_ui5-v1-18-0_slider_progress_background);border:var(--_ui5-v1-18-0_slider_active_progress_border);border-radius:var(--_ui5-v1-18-0_slider_progress_border_radius);box-sizing:border-box;height:var(--_ui5-v1-18-0_slider_progress_height);left:var(--_ui5-v1-18-0_slider_active_progress_left);outline:none;position:relative;top:var(--_ui5-v1-18-0_slider_active_progress_top)}.ui5-slider-tickmarks{box-sizing:border-box;display:flex;justify-content:space-between;list-style:none;margin:0;padding:0;position:absolute;top:var(--_ui5-v1-18-0_slider_tickmark_top);width:100%;z-index:1}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--_ui5-v1-18-0_slider_tickmark_bg);height:var(--_ui5-v1-18-0_slider_tickmark_height)}.ui5-slider-handle{align-items:center;background:var(--_ui5-v1-18-0_slider_handle_background);border:var(--_ui5-v1-18-0_slider_handle_border);border-radius:var(--_ui5-v1-18-0_slider_handle_border_radius);box-sizing:var(--_ui5-v1-18-0_slider_handle_box_sizing);display:flex;height:var(--_ui5-v1-18-0_slider_handle_height);justify-content:center;margin-inline-start:calc(var(--_ui5-v1-18-0_slider_handle_width)*-1/2);outline:none;position:absolute;top:var(--_ui5-v1-18-0_slider_handle_top);width:var(--_ui5-v1-18-0_slider_handle_width);z-index:2}[slider-icon]{color:var(--sapContent_Selected_ForegroundColor);display:var(--_ui5-v1-18-0_slider_handle_icon_display);height:var(--_ui5-v1-18-0_slider_handle_icon_size);width:var(--_ui5-v1-18-0_slider_handle_icon_size)}.ui5-slider-root .ui5-slider-handle:focus [slider-icon]{display:var(--_ui5-v1-18-0_range_slider_active_handle_icon_display)}.ui5-slider-handle:hover,.ui5-slider-progress-container:hover~.ui5-slider-handle:not(:focus){background:var(--_ui5-v1-18-0_slider_handle_hover_background);border:var(--_ui5-v1-18-0_slider_handle_hover_border)}.ui5-slider-handle:focus,.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle{background:var(--_ui5-v1-18-0_slider_handle_background_focus);border:var(--_ui5-v1-18-0_slider_handle_focus_border);outline:var(--_ui5-v1-18-0_slider_handle_outline);outline-offset:var(--_ui5-v1-18-0_slider_handle_outline_offset)}.ui5-slider-handle--end:focus,.ui5-slider-handle.ui5-slider-handle--start:focus{border:var(--_ui5-v1-18-0_slider_handle_focus_border)}.ui5-slider-handle:focus:hover,.ui5-slider-root:focus:hover .ui5-slider-handle{border:var(--_ui5-v1-18-0_slider_handle_focus_border)}.ui5-slider-tooltip{align-items:center;background:var(--_ui5-v1-18-0_slider_tooltip_background);border:var(--_ui5-v1-18-0_slider_tooltip_border);border-radius:var(--_ui5-v1-18-0_slider_tooltip_border_radius);bottom:var(--_ui5-v1-18-0_slider_tooltip_bottom);box-shadow:var(--_ui5-v1-18-0_slider_tooltip_box_shadow);box-sizing:var(--_ui5-v1-18-0_slider_tooltip_border_box);color:var(--_ui5-v1-18-0_slider_tooltip_color);display:flex;font-size:var(--_ui5-v1-18-0_slider_tooltip_fontsize);height:var(--_ui5-v1-18-0_slider_tooltip_height);justify-content:center;left:50%;line-height:1rem;min-width:var(--_ui5-v1-18-0_slider_tooltip_min_width);padding:var(--_ui5-v1-18-0_slider_tooltip_padding);pointer-events:none;position:absolute;transform:translate(-50%);visibility:hidden}.ui5-slider-tooltip-value{align-items:center;display:flex;justify-content:center;position:relative}.ui5-slider-labels{margin:0;padding:0;position:absolute;top:1.25rem;white-space:nowrap}.ui5-slider-labels li{align-items:center;box-sizing:border-box;color:var(--_ui5-v1-18-0_slider_label_color);display:inline-block;display:inline-flex;font-size:var(--_ui5-v1-18-0_slider_label_fontsize);height:1rem;justify-content:center;list-style:none;margin:0;padding-top:.3125rem;padding-top:0;position:relative;text-align:center;vertical-align:top}.ui5-slider-hidden-labels li:not(:first-child):not(:last-child){visibility:hidden}.ui5-slider-handle:focus .ui5-slider-tooltip{bottom:var(--_ui5-v1-18-0_slider_handle_focused_tooltip_distance)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--_ui5-v1-18-0_slider_tickmark_in_range_bg)}:host([show-tickmarks]) .ui5-slider-progress{border:var(--_ui5-v1-18-0_slider_no_tickmarks_active_progress_border);height:var(--_ui5-v1-18-0_slider_no_tickmarks_progress_height);left:var(--_ui5-v1-18-0_slider_no_tickmarks_active_progress_left);top:var(--_ui5-v1-18-0_slider_no_tickmarks_active_progress_top)}:host([show-tickmarks]) .ui5-slider-progress-container{top:var(--_ui5-v1-18-0_slider_no_tickmarks_progress_container_top)}.ui5-slider-handle:focus:after{border:var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);border-radius:var(--_ui5-v1-18-0_slider_handle_border_radius);content:\"\";display:var(--_ui5-v1-18-0_slider_handle_focus_visibility);height:calc(100% + var(--sapContent_FocusWidth)*2 + 2px);pointer-events:none;position:absolute;width:calc(100% + var(--sapContent_FocusWidth)*2 + 2px)}"
   };
   var _default = styleData;
   _exports.default = _default;

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/SplitButton.css",
-    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\theight: 100%;\n\tborder-radius: var(--_ui5_button_border_radius);\n\tbackground-color: var(--sapButton_Background);\n}\n:host([design=\"Positive\"]:not([hidden])) {\n\tbackground-color: var(--sapButton_Accept_Background);\n}\n:host([design=\"Negative\"]:not([hidden])) {\n\tbackground-color: var(--sapButton_Reject_Background);\n}\n:host([design=\"Attention\"]:not([hidden])) {\n\tbackground-color: var(--sapButton_Attention_Background);\n}\n:host([design=\"Emphasized\"]:not([hidden])) {\n\tbackground-color: var(--sapButton_Emphasized_Background);\n}\n:host([design=\"Transparent\"]:not([hidden])) {\n\tbackground-color: transparent;\n}\n:host([design=\"Transparent\"][disabled]:not([hidden])) {\n\tbackground-color: var(--_ui5_split_button_transparent_disabled_background);\n}\n:host([design=\"Transparent\"]:not([hidden]):not([disabled]):hover) {\n\tbackground-color: var(--_ui5_split_button_transparent_hover_background);\n}\n:host([design=\"Transparent\"]:not([hidden]):not([disabled]):hover) .ui5-split-arrow-button:not(:hover),\n:host([design=\"Transparent\"]:not([hidden]):not([disabled]):hover) .ui5-split-text-button:not(:hover) {\n\tcolor: var(--_ui5_split_button_transparent_hover_color);\n}\n:host([focused]) .ui5-split-button-root {\n\toutline: 0;\n}\n:host([focused]) .ui5-split-button-root:after {\n\tcontent: \"\";\n\tposition: absolute;\n\tbox-sizing: border-box;\n\tleft: 0.125rem;\n\ttop: 0.125rem;\n\tright: 0.125rem;\n\tbottom: 0.125rem;\n\tborder: var(--_ui5_split_button_focused_border);\n\tpointer-events: none;\n\tborder-radius: var(--_ui5_split_button_focused_border_radius);\n}\n:host([design=\"Emphasized\"][focused]) .ui5-split-button-root:after {\n\tborder-color: var(--sapContent_ContrastFocusColor);\n}\n.ui5-split-button-root {\n\tdisplay: inline-block;\n\tposition: relative;\n\twidth: inherit;\n}\n.ui5-split-text-button {\n\tborder-top-right-radius: var(--_ui5_split_button_hover_border_radius);\n\tborder-bottom-right-radius: var(--_ui5_split_button_hover_border_radius);\n\tborder-right-width: var(--_ui5_split_button_text_button_right_border_width);\n\tmargin-right: var(--_ui5_split_button_text_button_width);\n\tvertical-align: top;\n\twidth: inherit;\n}\n.ui5-split-text-button:hover {\n\tborder-top-right-radius: var(--_ui5_split_button_hover_border_radius);\n\tborder-bottom-right-radius: var(--_ui5_split_button_hover_border_radius);\n}\n.ui5-split-text-button[active] {\n\toutline: 0;\n}\n.ui5-split-arrow-button-wrapper {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n}\n.ui5-split-arrow-button {\n\tborder-top-left-radius: var(--_ui5_split_button_hover_border_radius);\n\tborder-bottom-left-radius: var(--_ui5_split_button_hover_border_radius);\n\twidth: 2.25rem;\n}\n.ui5-split-text-button[dir=\"rtl\"]:hover {\n\tborder-top-left-radius: var(--_ui5_split_button_hover_border_radius);\n\tborder-bottom-left-radius: var(--_ui5_split_button_hover_border_radius);\n}\n[dir=\"rtl\"] .ui5-split-arrow-button:hover {\n\tborder-top-right-radius: var(--_ui5_split_button_hover_border_radius);\n\tborder-bottom-right-radius: var(--_ui5_split_button_hover_border_radius);\n}\n.ui5-split-arrow-button:hover {\n\tborder-top-left-radius: var(--_ui5_split_button_hover_border_radius);\n\tborder-bottom-left-radius: var(--_ui5_split_button_hover_border_radius);\n}\n.ui5-split-arrow-button:before {\n\tcontent: \"\";\n\tposition: absolute;\n\tbox-sizing: border-box;\n\tpointer-events: none;\n\tleft: var(--_ui5_split_button_middle_separator_left);\n\ttop: var(--_ui5_split_button_middle_separator_top);\n\tright: 0;\n\theight: var(--_ui5_split_button_middle_separator_height);\n\tborder: 0 solid var(--sapButton_TextColor);\n\tborder-left-width: 0.0625rem;\n}\n[dir=\"rtl\"] .ui5-split-arrow-button:before {\n\tcontent: \"\";\n\tposition: absolute;\n\tbox-sizing: border-box;\n\tpointer-events: none;\n\tright: var(--_ui5_split_button_middle_separator_left);\n\ttop: var(--_ui5_split_button_middle_separator_top);\n\tleft: 0;\n\theight: var(--_ui5_split_button_middle_separator_height);\n\tborder: 0 solid var(--sapButton_TextColor);\n\tborder-right-width: 0.0625rem;\n\tborder-left-width: 0;\n}\n.ui5-split-text-button:hover + .ui5-split-arrow-button-wrapper > .ui5-split-arrow-button:before,\n.ui5-split-arrow-button:hover:before {\n\tdisplay: var(--_ui5_split_button_middle_separator_hover_display);\n}\n/* separator colors */\n.ui5-split-arrow-button[design=\"Transparent\"]:before {\n\tborder-color: var(--sapButton_Lite_TextColor);\n}\n.ui5-split-arrow-button[design=\"Emphasized\"]:before {\n\tborder-color: var(--sapButton_Emphasized_TextColor);\n}\n.ui5-split-arrow-button[design=\"Positive\"]:before {\n\tborder-color: var(--sapButton_Accept_TextColor);\n}\n.ui5-split-arrow-button[design=\"Negative\"]:before {\n\tborder-color: var(--sapButton_Reject_TextColor);\n}\n.ui5-split-arrow-button[design=\"Attention\"]:before {\n\tborder-color: var(--_ui5_split_button_attention_separator_color);\n}\n.ui5-split-text-button[dir=\"rtl\"] {\n\tborder-radius: 0 var(--_ui5_button_border_radius) var(--_ui5_button_border_radius) 0;\n\tborder-width: 1px 1px 1px 0;\n\tmargin-right: 0;\n\tmargin-left: var(--_ui5_split_button_text_button_width);\n}\n.ui5-split-arrow-button-wrapper[dir=\"rtl\"] {\n\tleft: 0;\n\tright: auto;\n}\n[dir=\"rtl\"] .ui5-split-arrow-button {\n\tborder-radius: var(--_ui5_button_border_radius) 0 0 var(--_ui5_button_border_radius);\n}\n.ui5-split-arrow-button[focused]::part(button)::after {\n\tborder-top-left-radius: var(--_ui5_split_button_inner_focused_border_radius_inner);\n\tborder-bottom-left-radius: var(--_ui5_split_button_inner_focused_border_radius_inner);\n}\n.ui5-split-text-button[focused]::part(button)::after {\n\tborder-top-right-radius: var(--_ui5_split_button_inner_focused_border_radius_inner);\n\tborder-bottom-right-radius: var(--_ui5_split_button_inner_focused_border_radius_inner);\n}\n[dir=\"rtl\"] .ui5-split-arrow-button[focused]::part(button)::after {\n\tborder-top-left-radius: var(--_ui5_split_button_inner_focused_border_radius_outer);\n\tborder-bottom-left-radius: var(--_ui5_split_button_inner_focused_border_radius_outer);\n\tborder-top-right-radius: var(--_ui5_split_button_inner_focused_border_radius_inner);\n\tborder-bottom-right-radius: var(--_ui5_split_button_inner_focused_border_radius_inner);\n}\n.ui5-split-text-button[dir=\"rtl\"][focused]::part(button)::after {\n\tborder-top-left-radius: var(--_ui5_split_button_inner_focused_border_radius_inner);\n\tborder-bottom-left-radius: var(--_ui5_split_button_inner_focused_border_radius_inner);\n\tborder-top-right-radius: var(--_ui5_split_button_inner_focused_border_radius_outer);\n\tborder-bottom-right-radius: var(--_ui5_split_button_inner_focused_border_radius_outer);\n}"
+    content: ":host{vertical-align:middle}.ui5-hidden-text{clip:rect(1px,1px,1px,1px);font-size:0;left:-1000px;pointer-events:none;position:absolute;top:-1000px;user-select:none}:host(:not([hidden])){background-color:var(--sapButton_Background);border-radius:var(--_ui5-v1-18-0_button_border_radius);box-shadow:var(--_ui5-v1-18-0_split_button_host_default_box_shadow);display:inline-block;height:100%}:host([disabled]:not([hidden])){pointer-events:none}:host([design=Positive]:not([hidden])){background-color:var(--sapButton_Accept_Background);box-shadow:var(--_ui5-v1-18-0_split_button_host_positive_box_shadow)}:host([design=Negative]:not([hidden])){background-color:var(--sapButton_Reject_Background);box-shadow:var(--_ui5-v1-18-0_split_button_host_negative_box_shadow)}:host([design=Attention]:not([hidden])){background-color:var(--sapButton_Attention_Background);box-shadow:var(--_ui5-v1-18-0_split_button_host_attention_box_shadow)}:host([design=Emphasized]:not([hidden])){background-color:var(--sapButton_Emphasized_Background);box-shadow:var(--_ui5-v1-18-0_split_button_host_emphasized_box_shadow)}:host([design=Transparent]:not([hidden])){background-color:var(--sapButton_Lite_Background);box-shadow:var(--_ui5-v1-18-0_split_button_host_transparent_box_shadow)}:host([design=Transparent][disabled]:not([hidden])){background-color:var(--_ui5-v1-18-0_split_button_transparent_disabled_background)}:host([design=Transparent]:not([hidden]):not([disabled]):hover){background-color:var(--_ui5-v1-18-0_split_button_host_transparent_hover_background);box-shadow:var(--_ui5-v1-18-0_split_button_host_transparent_hover_box_shadow)}:host([design=Transparent]:not([hidden]):not([disabled]):hover) .ui5-split-arrow-button:not(:hover),:host([design=Transparent]:not([hidden]):not([disabled]):hover) .ui5-split-text-button:not(:hover){color:var(--_ui5-v1-18-0_split_button_transparent_hover_color)}:host([focused]) .ui5-split-button-root{outline:0}:host([focused]) .ui5-split-button-root:after{border:var(--_ui5-v1-18-0_split_button_focused_border);border-radius:var(--_ui5-v1-18-0_split_button_focused_border_radius);bottom:.125rem;box-sizing:border-box;content:\"\";left:.125rem;pointer-events:none;position:absolute;right:.125rem;top:.125rem}:host([design=Emphasized][focused]) .ui5-split-button-root:after{border-color:var(--sapContent_ContrastFocusColor)}.ui5-split-button-root{display:inline-block;position:relative;width:inherit}.ui5-split-text-button{background-color:var(--_ui5-v1-18-0_split_text_button_background_color);border-bottom-right-radius:var(--_ui5-v1-18-0_split_button_hover_border_radius);border-color:var(--_ui5-v1-18-0_split_text_button_border_color);border-top-right-radius:var(--_ui5-v1-18-0_split_button_hover_border_radius);border-width:.0625rem;border-right-width:var(--_ui5-v1-18-0_split_button_text_button_right_border_width);margin-right:var(--_ui5-v1-18-0_split_button_text_button_width);vertical-align:top;width:inherit}.ui5-split-text-button:hover{background-color:var(--sapButton_Hover_Background);border:var(--_ui5-v1-18-0_split_text_button_hover_border);border-bottom-right-radius:var(--_ui5-v1-18-0_split_button_hover_border_radius);border-left:var(--_ui5-v1-18-0_split_text_button_hover_border_left);border-right:var(--_ui5-v1-18-0_split_text_button_hover_border_right);border-top-right-radius:var(--_ui5-v1-18-0_split_button_hover_border_radius);box-shadow:none}.ui5-split-text-button[design=Emphasized]{border:var(--_ui5-v1-18-0_split_text_button_emphasized_border);border-width:var(--_ui5-v1-18-0_split_text_button_emphasized_border_width)}.ui5-split-text-button[design=Emphasized]:hover{background-color:var(--sapButton_Emphasized_Hover_Background);border:var(--_ui5-v1-18-0_split_text_button_emphasized_hover_border);border-left:var(--_ui5-v1-18-0_split_text_button_emphasized_hover_border_left);border-right:var(--_ui5-v1-18-0_split_text_button_emphasized_hover_border_right)}.ui5-split-text-button[design=Positive]:hover{background-color:var(--sapButton_Accept_Hover_Background);border:var(--_ui5-v1-18-0_split_text_button_positive_hover_border);border-left:var(--_ui5-v1-18-0_split_text_button_positive_hover_border_left);border-right:var(--_ui5-v1-18-0_split_text_button_positive_hover_border_right)}.ui5-split-text-button[design=Negative]:hover{background-color:var(--sapButton_Reject_Hover_Background);border:var(--_ui5-v1-18-0_split_text_button_negative_hover_border);border-left:var(--_ui5-v1-18-0_split_text_button_negative_hover_border_left);border-right:var(--_ui5-v1-18-0_split_text_button_negative_hover_border_right)}.ui5-split-text-button[design=Attention]:hover{background-color:var(--sapButton_Attention_Hover_Background);border:var(--_ui5-v1-18-0_split_text_button_attention_hover_border);border-left:var(--_ui5-v1-18-0_split_text_button_attention_hover_border_left);border-right:var(--_ui5-v1-18-0_split_text_button_attention_hover_border_right)}.ui5-split-text-button[design=Transparent]:hover{background-color:var(--_ui5-v1-18-0_split_button_transparent_hover_background);border:var(--_ui5-v1-18-0_split_text_button_transparent_hover_border);border-left:var(--_ui5-v1-18-0_split_text_button_transparent_hover_border_left);border-right:var(--_ui5-v1-18-0_split_text_button_transparent_hover_border_right)}.ui5-split-text-button[active]{outline:0}.ui5-split-text-button[active][design=Emphasized]{background-color:var(--sapButton_Selected_Background);color:var(--sapButton_Emphasized_Active_TextColor)}.ui5-split-text-button[active][design=Negative]{background-color:var(--sapButton_Reject_Selected_Background);color:var(--sapButton_Reject_Active_TextColor)}.ui5-split-text-button[active][design=Positive]{background-color:var(--sapButton_Accept_Selected_Background);color:var(--sapButton_Accept_Active_TextColor)}.ui5-split-text-button[active][design=Attention]{background-color:var(--sapButton_Attention_Selected_Background);color:var(--sapButton_Attention_Active_TextColor)}.ui5-split-text-button[active][design=Default]{background-color:var(--sapButton_Active_Background);color:var(--sapButton_Active_TextColor)}.ui5-split-text-button[active][design=Transparent]{background-color:var(--sapButton_Active_Background);color:var(--sapButton_Active_TextColor)}.ui5-split-arrow-button-wrapper{position:absolute;right:0;top:0}.ui5-split-arrow-button{background-color:var(--_ui5-v1-18-0_split_text_button_background_color);border-bottom-left-radius:var(--_ui5-v1-18-0_split_button_hover_border_radius);border-color:var(--_ui5-v1-18-0_split_text_button_border_color);border-top-left-radius:var(--_ui5-v1-18-0_split_button_hover_border_radius);width:2.25rem}.ui5-split-text-button[dir=rtl]:hover{border-bottom-left-radius:var(--_ui5-v1-18-0_split_button_hover_border_radius);border-left:var(--_ui5-v1-18-0_split_text_button_hover_border_left_rtl);border-right:var(--_ui5-v1-18-0_split_text_button_hover_border_right_rtl);border-top-left-radius:var(--_ui5-v1-18-0_split_button_hover_border_radius)}.ui5-split-text-button[design=Emphasized][dir=rtl]:hover{border-left:var(--_ui5-v1-18-0_split_text_button_emphasized_hover_border_left_rtl);border-right:var(--_ui5-v1-18-0_split_text_button_emphasized_hover_border_right_rtl)}.ui5-split-text-button[design=Positive][dir=rtl]:hover{border-left:var(--_ui5-v1-18-0_split_text_button_positive_hover_border_left_rtl);border-right:var(--_ui5-v1-18-0_split_text_button_positive_hover_border_right_rtl)}.ui5-split-text-button[design=Negative][dir=rtl]:hover{border-left:var(--_ui5-v1-18-0_split_text_button_negative_hover_border_left_rtl);border-right:var(--_ui5-v1-18-0_split_text_button_negative_hover_border_right_rtl)}.ui5-split-text-button[design=Attention][dir=rtl]:hover{border-left:var(--_ui5-v1-18-0_split_text_button_attention_hover_border_left_rtl);border-right:var(--_ui5-v1-18-0_split_text_button_attention_hover_border_right_rtl)}.ui5-split-text-button[design=Transparent][dir=rtl]:hover{border-left:var(--_ui5-v1-18-0_split_text_button_transparent_hover_border_left_rtl);border-right:var(--_ui5-v1-18-0_split_text_button_transparent_hover_border_right_rtl)}[dir=rtl] .ui5-split-arrow-button:hover{border-bottom-right-radius:var(--_ui5-v1-18-0_split_button_hover_border_radius);border-top-right-radius:var(--_ui5-v1-18-0_split_button_hover_border_radius)}.ui5-split-arrow-button:hover{background-color:var(--sapButton_Hover_Background);border:var(--_ui5-v1-18-0_split_arrow_button_hover_border);border-bottom-left-radius:var(--_ui5-v1-18-0_split_button_hover_border_radius);border-top-left-radius:var(--_ui5-v1-18-0_split_button_hover_border_radius);box-shadow:none}.ui5-split-arrow-button[design=Emphasized]:hover{background-color:var(--sapButton_Emphasized_Hover_Background);border:var(--_ui5-v1-18-0_split_arrow_button_emphasized_hover_border);border-left-width:var(--sapButton_BorderWidth)}.ui5-split-arrow-button-wrapper[dir=rtl] .ui5-split-arrow-button[design=Emphasized]:hover{border-left-width:var(--_ui5-v1-18-0_split_arrow_button_wrapper_emphasized_hover_border_left_width_rtl);border-right-width:var(--sapButton_BorderWidth)}.ui5-split-arrow-button[design=Positive]:hover{background-color:var(--sapButton_Accept_Hover_Background);border:var(--_ui5-v1-18-0_split_arrow_button_positive_hover_border)}.ui5-split-arrow-button[design=Negative]:hover{background-color:var(--sapButton_Reject_Hover_Background);border:var(--_ui5-v1-18-0_split_arrow_button_negative_hover_border)}.ui5-split-arrow-button[design=Attention]:hover{background-color:var(--sapButton_Attention_Hover_Background);border:var(--_ui5-v1-18-0_split_arrow_button_attention_hover_border)}.ui5-split-arrow-button[design=Transparent]:hover{background-color:var(--_ui5-v1-18-0_split_button_transparent_hover_background);border:var(--_ui5-v1-18-0_split_arrow_button_transparent_hover_border)}.ui5-split-arrow-button:before{border:0 solid var(--sapButton_TextColor);border-left-width:.0625rem;box-sizing:border-box;content:\"\";height:var(--_ui5-v1-18-0_split_button_middle_separator_height);left:var(--_ui5-v1-18-0_split_button_middle_separator_left);pointer-events:none;position:absolute;right:0;top:var(--_ui5-v1-18-0_split_button_middle_separator_top)}.ui5-split-arrow-button[design=Emphasized]:before{border:0 solid var(--sapButton_TextColor);border-left-width:.0625rem;box-sizing:border-box;content:\"\";height:var(--_ui5-v1-18-0_split_button_middle_separator_height);left:var(--_ui5-v1-18-0_split_button_middle_separator_left);pointer-events:none;position:absolute;right:0;top:var(--_ui5-v1-18-0_split_button_middle_separator_top)}[dir=rtl] .ui5-split-arrow-button:before{border:0 solid var(--sapButton_TextColor);border-left-width:0;border-right-width:.0625rem;box-sizing:border-box;content:\"\";height:var(--_ui5-v1-18-0_split_button_middle_separator_height);left:0;pointer-events:none;position:absolute;right:var(--_ui5-v1-18-0_split_button_middle_separator_left);top:var(--_ui5-v1-18-0_split_button_middle_separator_top)}.ui5-split-arrow-button:hover:before,.ui5-split-text-button:hover+.ui5-split-arrow-button-wrapper>.ui5-split-arrow-button:before{display:var(--_ui5-v1-18-0_split_button_middle_separator_hover_display)}.ui5-split-arrow-button[design=Transparent]:before{border-color:var(--sapButton_Lite_TextColor)}.ui5-split-arrow-button[design=Emphasized]:before{border-color:var(--sapButton_Emphasized_TextColor)}.ui5-split-arrow-button[design=Positive]:before{border-color:var(--sapButton_Accept_TextColor)}.ui5-split-arrow-button[design=Negative]:before{border-color:var(--sapButton_Reject_TextColor)}.ui5-split-arrow-button[design=Attention]:before{border-color:var(--_ui5-v1-18-0_split_button_attention_separator_color)}.ui5-split-text-button[dir=rtl]{border-radius:0 var(--_ui5-v1-18-0_button_border_radius) var(--_ui5-v1-18-0_button_border_radius) 0;border-width:var(--sapButton_BorderWidth);margin-left:var(--_ui5-v1-18-0_split_button_text_button_width);margin-right:0}.ui5-split-text-button[design=Emphasized][dir=rtl]{border-width:var(--_ui5-v1-18-0_split_text_button_emphasized_border_width_rtl)}.ui5-split-arrow-button-wrapper[dir=rtl]{left:0;right:auto}[dir=rtl] .ui5-split-arrow-button{border-radius:var(--_ui5-v1-18-0_button_border_radius) 0 0 var(--_ui5-v1-18-0_button_border_radius)}.ui5-split-arrow-button[focused]::part(button):after{border-bottom-left-radius:var(--_ui5-v1-18-0_split_button_inner_focused_border_radius_inner);border-top-left-radius:var(--_ui5-v1-18-0_split_button_inner_focused_border_radius_inner)}.ui5-split-text-button[focused]::part(button):after{border-bottom-right-radius:var(--_ui5-v1-18-0_split_button_inner_focused_border_radius_inner);border-top-right-radius:var(--_ui5-v1-18-0_split_button_inner_focused_border_radius_inner)}[dir=rtl] .ui5-split-arrow-button[focused]::part(button):after{border-bottom-left-radius:var(--_ui5-v1-18-0_split_button_inner_focused_border_radius_outer);border-bottom-right-radius:var(--_ui5-v1-18-0_split_button_inner_focused_border_radius_inner);border-top-left-radius:var(--_ui5-v1-18-0_split_button_inner_focused_border_radius_outer);border-top-right-radius:var(--_ui5-v1-18-0_split_button_inner_focused_border_radius_inner)}.ui5-split-text-button[dir=rtl][focused]::part(button):after{border-bottom-left-radius:var(--_ui5-v1-18-0_split_button_inner_focused_border_radius_inner);border-bottom-right-radius:var(--_ui5-v1-18-0_split_button_inner_focused_border_radius_outer);border-top-left-radius:var(--_ui5-v1-18-0_split_button_inner_focused_border_radius_inner);border-top-right-radius:var(--_ui5-v1-18-0_split_button_inner_focused_border_radius_outer)}.ui5-split-arrow-button[active][design=Emphasized]{background-color:var(--sapButton_Selected_Background);color:var(--sapButton_Emphasized_Active_TextColor)}.ui5-split-arrow-button[active][design=Negative]{background-color:var(--sapButton_Reject_Selected_Background);color:var(--sapButton_Reject_Active_TextColor)}.ui5-split-arrow-button[active][design=Positive]{background-color:var(--sapButton_Accept_Selected_Background);color:var(--sapButton_Accept_Active_TextColor)}.ui5-split-arrow-button[active][design=Attention]{background-color:var(--sapButton_Attention_Selected_Background);color:var(--sapButton_Attention_Active_TextColor)}.ui5-split-arrow-button[active][design=Default]{background-color:var(--sapButton_Active_Background);color:var(--sapButton_Active_TextColor)}.ui5-split-arrow-button[active][design=Transparent]{background-color:var(--sapButton_Active_Background);color:var(--sapButton_Active_TextColor)}"
   };
   var _default = styleData;
   _exports.default = _default;

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/StepInput.css",
-    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\twidth: 100%;\n\tline-height: normal;\n\tletter-spacing: normal;\n\tword-spacing: normal;\n}\n:host {\n\t--ui5_input_focus_pseudo_element_content: none;\n\tcolor: var(--sapField_TextColor);\n\tbackground-color: var(--sapField_Background);\n\tborder: var(--_ui5_step_input_border_style);\n\tborder-radius: var(--sapField_BorderCornerRadius);\n\tbox-sizing: border-box;\n\theight: var(--_ui5_input_height);\n\tposition: relative;\n\tmin-width: var(--_ui5_step_input_min_width);\n\ttext-align: right;\n}\n:host .ui5-step-input-input {\n\ttext-align: inherit;\n}\n:host(:not([value-state]):not([readonly]):not([disabled])){\n\tbox-shadow: none;\n}\n:host([value-state=\"Success\"]:not([readonly]):not([disabled])) {\n\tbackground-color: var(--sapField_SuccessBackground);\n}\n:host([value-state=\"Error\"]:not([readonly]):not([disabled])) {\n\tbackground-color: var(--sapField_InvalidBackground);\n}\n:host([value-state=\"Information\"]:not([readonly]):not([disabled])) {\n\tbackground-color: var(--sapField_InformationBackground);\n}\n:host([value-state=\"Warning\"]:not([readonly]):not([disabled])) {\n\tbackground-color: var(--sapField_WarningBackground);\n}\n:host(:not([value-state]):not([readonly]):not([disabled]):hover),\n:host([value-state=\"None\"]:not([readonly]):not([disabled]):hover) {\n\tbackground-color: var(--_ui5_step_input_border_color_hover);\n\tborder: var(--_ui5_step_input_border_hover);\n}\n:host(:not([value-state]):not([readonly]):not([disabled]):not([focused]):hover),\n:host([value-state=\"None\"]:not([readonly]):not([disabled]):not([focused]):hover) {\n\tbackground-color: var(--sapField_Hover_Background);\n\tborder: var(--_ui5_step_input_border_style_hover);\n\tbox-shadow: var(--sapField_Hover_Shadow);\n}\n:host([value-state=\"Success\"]:not([readonly]):not([disabled]):not([focused]):hover) {\n\tbox-shadow: var(--sapField_Hover_SuccessShadow);\n}\n:host([value-state=\"Information\"]:not([readonly]):not([disabled]):not([focused]):hover) {\n\tbox-shadow: var(--sapField_Hover_InformationShadow);\n}\n:host([value-state=\"Warning\"]:not([readonly]):not([disabled]):not([focused]):hover) {\n\tbox-shadow: var(--sapField_Hover_WarningShadow);\n}\n:host([value-state=\"Error\"]:not([readonly]):not([disabled]):not([focused]):hover) {\n\tbox-shadow: var(--sapField_Hover_InvalidShadow);\n}\n:host([value-state=\"Success\"]:not([readonly]):not([disabled]):hover),\n:host([value-state=\"Error\"]:not([readonly]):not([disabled]):hover),\n:host([value-state=\"Information\"]:not([readonly]):not([disabled]):hover),\n:host([value-state=\"Warning\"]:not([readonly]):not([disabled]):hover) {\n\tbackground-color: var(--_ui5-step_input_button_state_hover_background_color);\n}\n:host(:not([value-state]):not([readonly]):not([disabled])[focused]),\n:host([value-state=\"None\"]:not([readonly]):not([disabled])[focused]),\n:host([value-state=\"Success\"]:not([readonly]):not([disabled])[focused]),\n:host([value-state=\"Error\"]:not([readonly]):not([disabled])[focused]),\n:host([value-state=\"Information\"]:not([readonly]):not([disabled])[focused]),\n:host([value-state=\"Warning\"]:not([readonly]):not([disabled])[focused]){\n\tbackground-color: var(--sapField_Focus_Background);\n}\n:host([value-state=\"Success\"]:not([readonly]):not([disabled]))::after,\n:host([value-state=\"Error\"]:not([readonly]):not([disabled]))::after,\n:host([value-state=\"None\"]:not([readonly]):not([disabled]))::after,\n:host([value-state=\"Information\"]:not([readonly]):not([disabled]))::after,\n:host([value-state=\"Warning\"]:not([readonly]):not([disabled]))::after {\n\tposition: absolute;\n\tcontent: \"\";\n\ttop: -1px;\n\tright: -1px;\n\tbottom: -1px;\n\tleft: -1px;\n\toutline: none;\n\tpointer-events: none;\n\tborder-radius: var(--sapField_BorderCornerRadius);\n\tborder-style: var(--_ui5_input_error_warning_border_style);\n\tz-index: 3;\n\tborder-width: 0px;\n}\n:host([value-state=\"Information\"]:not([readonly]):not([disabled]))::after {\n\tborder-color: var(--sapField_InformationColor);\n\tborder-width: var(--_ui5_input_information_border_width);\n}\n:host([value-state=\"Warning\"]:not([readonly]):not([disabled]))::after {\n\tborder-color: var(--sapField_WarningColor);\n\tborder-width: 2px;\n}\n:host([value-state=\"Success\"]:not([readonly]):not([disabled]))::after {\n\tborder-color: var(--sapField_SuccessColor);\n\tborder-width: 1px;\n}\n:host([value-state=\"Error\"]:not([readonly]):not([disabled]))::after {\n\tborder-color: var(--sapField_InvalidColor);\n\tborder-width: var(--_ui5_input_information_border_width);\n}\n:host([value-state])::after {\n\tborder-width: var(--_ui5_input_state_border_width);\n}\n:host([value-state=\"Error\"]:not([readonly]):not([disabled])) .ui5-step-input-input {\n\tbackground-color: var(--_ui5_input_input_background_color);\n}\n:host([value-state=\"Error\"]:not([readonly]):not([disabled])) .ui5-step-input-input:hover {\n\tbackground-color: var(--_ui5_step_input_input_error_background_color);\n}\n:host([value-state]:not([value-state=\"None\"]) .ui5-step-input-input[focused]) {\n\t\toutline: none;\n}\n:host .ui5-step-input-input {\n\twidth: 100%;\n\tcolor: inherit;\n\tbackground-color: inherit;\n\tborder: var(--_ui5_step_input_input_border);\n\tbox-sizing: border-box;\n\tvertical-align: top;\n\tmargin-top: var(--_ui5_step_input_input_margin_top);\n\tmin-width: var(--_ui5_step_input_min_width);\n\tpadding-inline-start: var(--_ui5_step_input_padding);\n\tpadding-inline-end: var(--_ui5_step_input_padding);\n\tposition: relative;\n\toutline: none;\n\tline-height: inherit;\n\tletter-spacing: inherit;\n\tword-spacing: inherit;\n}\n:host .ui5-step-input-input[readonly] {\n\tpadding: 0;\n}\n:host .ui5-step-input-input:hover,\n:host .ui5-step-input-input[focused]{\n\tbox-shadow: none;\n}\n:host .ui5-step-input-root {\n\twhite-space: nowrap;\n\tline-height: inherit;\n\tletter-spacing: inherit;\n\tword-spacing: inherit;\n}\n:host .ui5-step-input-input[text-align=left] {\n\ttext-align: left;\n}\n:host .ui5-step-input-input[text-align=center] {\n\ttext-align: center;\n}\n:host .ui5-step-input-input[text-align=right] {\n\ttext-align: right;\n}\n:host .ui5-step-icon {\n\tposition: absolute;\n\tdisplay: var(--_ui5_step_input_button_display);\n\theight: 2rem;\n\theight: 100%;\n\tbackground-color: var(--_ui5_step_input_button_background_color);\n\tz-index: 2;\n}\n:host .ui5-step-icon[focused] {\n\tborder: none;\n\toutline: none;\n}\n:host .ui5-step-icon.ui5-step-dec {\n\tleft: var(--_ui5_step_input_button_left);\n}\n:host .ui5-step-icon.ui5-step-inc {\n\tright: var(--_ui5_step_input_button_right);\n}\n:host .ui5-step-icon *:not([clickable]),\n:host .ui5-step-icon *:not([clickable]):active,\n:host .ui5-step-icon *:not([clickable]):hover {\n\topacity: 0.5;\n\tbackground-color: transparent;\n\tcolor: var(--sapContent_IconColor);\n}\n:host .ui5-step-icon :not([clickable]) *:hover,\n:host .ui5-step-icon :not([clickable]) *:active {\n\tbackground-color: var(--sapField_Background);\n\tcolor: var(--sapContent_IconColor);\n}\n:host .ui5-step-input-input[focused]::after {\n\tposition: absolute;\n\tcontent: \"\";\n\tborder: var(--_ui5_step_input_input_border_focused_after);\n\ttop: var(--_ui5_step_input_input_border_top_bottom_focused_after);\n\tright: 0px;\n\tbottom: var(--_ui5_step_input_input_border_top_bottom_focused_after);\n\tborder-radius: var(--_ui5_step_input_input_border_radius_focused_after);\n\tleft: 0px;\n\toutline: none;\n\tpointer-events: none;\n\tz-index: 3;\n}\n:host .ui5-step-input-input[focused] {\n\toutline: none;\n}\n:host([value-state=\"Information\"]:not([readonly]):not([disabled])) .ui5-step-input-input[focused]::after {\n\tborder-color: var(--_ui5_step_input_input_information_border_color_focused_after);\n}\n:host([value-state=\"Warning\"]:not([readonly]):not([disabled])) .ui5-step-input-input[focused]::after {\n\tborder-color: var(--_ui5_step_input_input_warning_border_color_focused_after);\n}\n:host([value-state=\"Success\"]:not([readonly]):not([disabled])) .ui5-step-input-input[focused]::after {\n\tborder-color: var(--_ui5_step_input_input_success_border_color_focused_after);\n}\n:host([value-state=\"Error\"]:not([readonly]):not([disabled])) .ui5-step-input-input[focused]::after {\n\tborder-color: var(--_ui5_step_input_input_error_border_color_focused_after);\n}\n/* Disable spin buttons in Chrome, Safari, Edge, Opera */\n:host .ui5-step-input-input::-webkit-outer-spin-button,\n:host .ui5-step-input-input::-webkit-inner-spin-button {\n\t-webkit-appearance: none;\n\tmargin: 0;\n}\n:host([disabled]) {\n\topacity: var(--_ui5_input_disabled_opacity);\n\tcursor: default;\n\tpointer-events: none;\n\tbackground: var(--sapField_ReadOnly_Background);\n\tborder-color: var(--sapField_ReadOnly_BorderColor);\n}\n:host([disabled]) .ui5-step-icon {\n\tbackground-color: var(--_ui5_step_input_disabled_button_background);\n}\n:host([disabled]) .ui5-step-icon [ui5-icon] {\n\tcolor: var(--sapField_ReadOnly_BorderColor);\n}\n"
+    content: ":host{vertical-align:middle}.ui5-hidden-text{clip:rect(1px,1px,1px,1px);font-size:0;left:-1000px;pointer-events:none;position:absolute;top:-1000px;user-select:none}[input-icon]{border-inline-start:var(--_ui5-v1-18-0_input_icon_border);border-radius:var(--_ui5-v1-18-0_input_icon_border_radius);color:var(--_ui5-v1-18-0_input_icon_color);cursor:pointer;min-height:1rem;min-width:1rem;outline:none;padding:var(--_ui5-v1-18-0_input_icon_padding)}[input-icon][pressed]{background:var(--_ui5-v1-18-0_input_icon_pressed_bg);border-inline-start:var(--_ui5-v1-18-0_select_hover_icon_left_border);box-shadow:var(--_ui5-v1-18-0_input_icon_box_shadow);color:var(--_ui5-v1-18-0_input_icon_pressed_color)}[input-icon]:active{background-color:var(--sapButton_Active_Background);border-inline-start:var(--_ui5-v1-18-0_select_hover_icon_left_border);box-shadow:var(--_ui5-v1-18-0_input_icon_box_shadow);color:var(--_ui5-v1-18-0_input_icon_pressed_color)}[input-icon]:not([pressed]):not(:active):hover{background:var(--_ui5-v1-18-0_input_icon_hover_bg);box-shadow:var(--_ui5-v1-18-0_input_icon_box_shadow)}[input-icon]:hover{border-inline-start:var(--_ui5-v1-18-0_select_hover_icon_left_border);box-shadow:var(--_ui5-v1-18-0_input_icon_box_shadow)}:host(:not([hidden])){display:inline-block;letter-spacing:normal;line-height:normal;width:100%;word-spacing:normal}:host{--ui5-v1-18-0_input_focus_pseudo_element_content:none;background-color:var(--sapField_Background);border:var(--_ui5-v1-18-0_step_input_border_style);border-radius:var(--sapField_BorderCornerRadius);box-sizing:border-box;color:var(--sapField_TextColor);height:var(--_ui5-v1-18-0_input_height);min-width:var(--_ui5-v1-18-0_step_input_min_width);position:relative;text-align:right}:host .ui5-step-input-input{text-align:inherit}:host(:not([value-state]):not([readonly]):not([disabled])){box-shadow:none}:host([value-state=Success]:not([readonly]):not([disabled])){background-color:var(--sapField_SuccessBackground)}:host([value-state=Error]:not([readonly]):not([disabled])){background-color:var(--sapField_InvalidBackground)}:host([value-state=Information]:not([readonly]):not([disabled])){background-color:var(--sapField_InformationBackground)}:host([value-state=Warning]:not([readonly]):not([disabled])){background-color:var(--sapField_WarningBackground)}:host(:not([value-state]):not([readonly]):not([disabled]):hover),:host([value-state=None]:not([readonly]):not([disabled]):hover){background-color:var(--_ui5-v1-18-0_step_input_border_color_hover);border:var(--_ui5-v1-18-0_step_input_border_hover)}:host(:not([value-state]):not([readonly]):not([disabled]):not([focused]):hover),:host([value-state=None]:not([readonly]):not([disabled]):not([focused]):hover){background-color:var(--sapField_Hover_Background);border:var(--_ui5-v1-18-0_step_input_border_style_hover);box-shadow:var(--sapField_Hover_Shadow)}:host([value-state=Success]:not([readonly]):not([disabled]):not([focused]):hover){box-shadow:var(--sapField_Hover_SuccessShadow)}:host([value-state=Information]:not([readonly]):not([disabled]):not([focused]):hover){box-shadow:var(--sapField_Hover_InformationShadow)}:host([value-state=Warning]:not([readonly]):not([disabled]):not([focused]):hover){box-shadow:var(--sapField_Hover_WarningShadow)}:host([value-state=Error]:not([readonly]):not([disabled]):not([focused]):hover){box-shadow:var(--sapField_Hover_InvalidShadow)}:host([value-state=Error]:not([readonly]):not([disabled]):hover),:host([value-state=Information]:not([readonly]):not([disabled]):hover),:host([value-state=Success]:not([readonly]):not([disabled]):hover),:host([value-state=Warning]:not([readonly]):not([disabled]):hover){background-color:var(--_ui5-v1-18-0-step_input_button_state_hover_background_color)}:host(:not([value-state]):not([readonly]):not([disabled])[focused]),:host([value-state=Error]:not([readonly]):not([disabled])[focused]),:host([value-state=Information]:not([readonly]):not([disabled])[focused]),:host([value-state=None]:not([readonly]):not([disabled])[focused]),:host([value-state=Success]:not([readonly]):not([disabled])[focused]),:host([value-state=Warning]:not([readonly]):not([disabled])[focused]){background-color:var(--sapField_Focus_Background)}:host([value-state=Error]:not([readonly]):not([disabled])):after,:host([value-state=Information]:not([readonly]):not([disabled])):after,:host([value-state=None]:not([readonly]):not([disabled])):after,:host([value-state=Success]:not([readonly]):not([disabled])):after,:host([value-state=Warning]:not([readonly]):not([disabled])):after{border-radius:var(--sapField_BorderCornerRadius);border-style:var(--_ui5-v1-18-0_input_error_warning_border_style);border-width:0;bottom:-1px;content:\"\";left:-1px;outline:none;pointer-events:none;position:absolute;right:-1px;top:-1px;z-index:3}:host([value-state=Information]:not([readonly]):not([disabled])):after{border-color:var(--sapField_InformationColor);border-width:var(--_ui5-v1-18-0_input_information_border_width)}:host([value-state=Warning]:not([readonly]):not([disabled])):after{border-color:var(--sapField_WarningColor);border-width:2px}:host([value-state=Success]:not([readonly]):not([disabled])):after{border-color:var(--sapField_SuccessColor);border-width:1px}:host([value-state=Error]:not([readonly]):not([disabled])):after{border-color:var(--sapField_InvalidColor);border-width:var(--_ui5-v1-18-0_input_information_border_width)}:host([value-state]):after{border-width:var(--_ui5-v1-18-0_input_state_border_width)}:host([value-state=Error]:not([readonly]):not([disabled])) .ui5-step-input-input{background-color:var(--_ui5-v1-18-0_input_input_background_color)}:host([value-state=Error]:not([readonly]):not([disabled])) .ui5-step-input-input:hover{background-color:var(--_ui5-v1-18-0_step_input_input_error_background_color)}:host([value-state]:not([value-state=None]) .ui5-step-input-input[focused]){outline:none}:host .ui5-step-input-input{background-color:inherit;border:var(--_ui5-v1-18-0_step_input_input_border);box-sizing:border-box;color:inherit;letter-spacing:inherit;line-height:inherit;margin-top:var(--_ui5-v1-18-0_step_input_input_margin_top);min-width:var(--_ui5-v1-18-0_step_input_min_width);outline:none;padding-inline-end:var(--_ui5-v1-18-0_step_input_padding);padding-inline-start:var(--_ui5-v1-18-0_step_input_padding);position:relative;vertical-align:top;width:100%;word-spacing:inherit}:host .ui5-step-input-input[readonly]{padding:0}:host .ui5-step-input-input:hover,:host .ui5-step-input-input[focused]{box-shadow:none}:host .ui5-step-input-root{letter-spacing:inherit;line-height:inherit;white-space:nowrap;word-spacing:inherit}:host .ui5-step-input-input[text-align=left]{text-align:left}:host .ui5-step-input-input[text-align=center]{text-align:center}:host .ui5-step-input-input[text-align=right]{text-align:right}:host .ui5-step-icon{background-color:var(--_ui5-v1-18-0_step_input_button_background_color);display:var(--_ui5-v1-18-0_step_input_button_display);height:2rem;height:100%;position:absolute;z-index:2}:host .ui5-step-icon[focused]{border:none;outline:none}:host .ui5-step-icon.ui5-step-dec{left:var(--_ui5-v1-18-0_step_input_button_left)}:host .ui5-step-icon.ui5-step-inc{right:var(--_ui5-v1-18-0_step_input_button_right)}:host .ui5-step-icon :not([clickable]),:host .ui5-step-icon :not([clickable]):active,:host .ui5-step-icon :not([clickable]):hover{background-color:transparent;color:var(--sapContent_IconColor);opacity:.5}:host .ui5-step-icon :not([clickable]) :active,:host .ui5-step-icon :not([clickable]) :hover{background-color:var(--sapField_Background);color:var(--sapContent_IconColor)}:host .ui5-step-input-input[focused]:after{border:var(--_ui5-v1-18-0_step_input_input_border_focused_after);border-radius:var(--_ui5-v1-18-0_step_input_input_border_radius_focused_after);bottom:var(--_ui5-v1-18-0_step_input_input_border_top_bottom_focused_after);content:\"\";left:0;outline:none;pointer-events:none;position:absolute;right:0;top:var(--_ui5-v1-18-0_step_input_input_border_top_bottom_focused_after);z-index:3}:host .ui5-step-input-input[focused]{outline:none}:host([value-state=Information]:not([readonly]):not([disabled])) .ui5-step-input-input[focused]:after{border-color:var(--_ui5-v1-18-0_step_input_input_information_border_color_focused_after)}:host([value-state=Warning]:not([readonly]):not([disabled])) .ui5-step-input-input[focused]:after{border-color:var(--_ui5-v1-18-0_step_input_input_warning_border_color_focused_after)}:host([value-state=Success]:not([readonly]):not([disabled])) .ui5-step-input-input[focused]:after{border-color:var(--_ui5-v1-18-0_step_input_input_success_border_color_focused_after)}:host([value-state=Error]:not([readonly]):not([disabled])) .ui5-step-input-input[focused]:after{border-color:var(--_ui5-v1-18-0_step_input_input_error_border_color_focused_after)}:host .ui5-step-input-input::-webkit-inner-spin-button,:host .ui5-step-input-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:host([disabled]){background:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);cursor:default;opacity:var(--_ui5-v1-18-0_input_disabled_opacity);pointer-events:none}:host([disabled]) .ui5-step-icon{background-color:var(--_ui5-v1-18-0_step_input_disabled_button_background)}:host([disabled]) .ui5-step-icon [ui5-icon]{color:var(--sapField_ReadOnly_BorderColor)}"
   };
   var _default = styleData;
   _exports.default = _default;

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/Suggestions.css",
-    content: ".ui5-suggestions-popover {\n\tbox-shadow: var(--sapContent_Shadow1);\n}\n\n.ui5-suggestions-popover::part(header),\n.ui5-suggestions-popover::part(content) {\n\tpadding: 0;\n}\n\n.ui5-suggestions-popover::part(footer) {\n\tpadding: 0 1rem;\n}\n\n.ui5-suggestions-popover [ui5-li],\n.ui5-suggestions-popover [ui5-li-suggestion-item] {\n\theight: var(--_ui5_list_item_dropdown_base_height);\n}\n\n.ui5-suggestions-popover [ui5-li]::part(icon),\n.ui5-suggestions-popover [ui5-li-suggestion-item]::part(icon) {\n\tcolor: var(--sapList_TextColor);\n}\n\n.input-root-phone.native-input-wrapper {\n\tdisplay: contents;\n}\n\n.input-root-phone.native-input-wrapper::before {\n\tdisplay: none;\n}\n\n.native-input-wrapper .ui5-input-inner-phone {\n\tmargin: 0;\n}"
+    content: ".ui5-suggestions-popover{box-shadow:var(--sapContent_Shadow1)}.ui5-suggestions-popover::part(content),.ui5-suggestions-popover::part(header){padding:0}.ui5-suggestions-popover::part(footer){padding:0 1rem}.ui5-suggestions-popover [ui5-li-suggestion-item]::part(icon),.ui5-suggestions-popover [ui5-li]::part(icon){color:var(--sapList_TextColor)}.input-root-phone.native-input-wrapper{display:contents}.input-root-phone.native-input-wrapper:before{display:none}.native-input-wrapper .ui5-input-inner-phone{margin:0}"
   };
   var _default = styleData;
   _exports.default = _default;

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/Switch.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 {\n\t-webkit-tap-highlight-color: rgba(0,0,0,0);\n}\n:host(:not([hidden])) {\n\tdisplay: inline-block;\n}\n.ui5-switch-root {\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n\twidth: var(--_ui5_switch_width);\n\theight: var(--_ui5_switch_height);\n\tmin-width: var(--_ui5_switch_min_width);\n\tcursor: pointer;\n\toutline: none;\n\tborder-radius: var(--_ui5-switch-root-border-radius);\n}\n.ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic) {\n\twidth: var(--_ui5_switch_with_label_width);\n\theight: var(--_ui5_switch_height);\n}\n.ui5-switch-root.ui5-switch--no-label {\n\tmin-width: var(--_ui5_switch_width);\n}\n.ui5-switch-inner {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\theight: 100%;\n\twidth: 100%;\n\tmin-width: inherit;\n\toverflow: hidden;\n\tpointer-events: none;\n\twill-change: transform;\n}\n:host([checked]) .ui5-switch-inner {\n\tborder-radius: 6.25rem;\n\tbox-shadow: var(--_ui5-switch-root-box-shadow);\n}\n.ui5-switch-track {\n\tdisplay: flex;\n\talign-items: center;\n\theight: var(--_ui5_switch_track_height);\n\twidth: var(--_ui5_switch_track_width);\n\tborder: var(--_ui5-switch-track-border);\n\tborder-radius: var(--_ui5_switch_track_border_radius);\n\tbox-sizing: border-box;\n\ttransition: var(--_ui5_switch_track_transition);\n}\n.ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-track {\n\theight: var(--_ui5_switch_track_with_label_height);\n\twidth: var(--_ui5_switch_track_with_label_width);\n}\n.ui5-switch-slider {\n\tposition: relative;\n\theight: var(--_ui5_switch_height);\n\twidth: 100%;\n\ttransition: transform 0.1s ease-in;\n\ttransform-origin: top left;\n}\n.ui5-switch-slider > *:not(.ui5-switch-handle) {\n\tdisplay: var(--_ui5-switch-slider-texts-display);\n}\n.ui5-switch-handle {\n\tposition: absolute;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\twidth: var(--_ui5_switch_handle_width);\n\theight: var(--_ui5_switch_handle_height);\n\tborder: var(--_ui5_switch_handle_border);\n\tborder-radius: var(--_ui5_switch_handle_border_radius);\n\tbox-sizing: border-box;\n}\n.ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-handle {\n\theight: var(--_ui5_switch_handle_with_label_height);\n\twidth: var(--_ui5_switch_handle_with_label_width);\n}\n.ui5-switch-handle-icon {\n\tdisplay: var(--_ui5-switch-handle-icon-display);\n\ttransition: var(--_ui5_switch_track_transition);\n}\n:host([checked]) .ui5-switch-handle-icon {\n\tcolor: var(--_ui5-switch_track-on-background)\n}\n.ui5-switch-text {\n\tdisplay: flex;\n\tjustify-content: center;\n\tposition: absolute;\n\tz-index: var(--_ui5_switch_text_z_index);\n\tmin-width: var(--_ui5_switch_text_min_width);\n\tfont-size: var(--_ui5_switch_text_font_size);\n\tfont-family: var(--_ui5-switch-text_font_family);\n\ttext-transform: uppercase;\n\ttext-align: center;\n\twhite-space: nowrap;\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n.ui5-switch-handle,\n.ui5-switch-text {\n\tleft: var(--_ui5_switch_handle_left);\n\ttop: 50%;\n\ttransform: translateY(-50%);\n}\n/* switch focused */\n.ui5-switch-desktop.ui5-switch-root:focus::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tleft: var(--_ui5_switch_root_outline_left);\n\tright: var(--_ui5_switch_root_outline_right);\n\ttop: var(--_ui5_switch_root_outline_top);\n\tbottom: var(--_ui5_switch_root_outline_bottom);\n\tborder: var(--_ui5_switch_focus_outline);\n\tborder-radius: var(--_ui5_switch_root_after_boreder_radius);\n\tpointer-events: none;\n\ttransition: var(--_ui5_switch_track_transition);\n\toutline: var(--_ui5_switch_root_after_outline);\n}\n/* switch hidden input */\n.ui5-switch-root .ui5-switch-input {\n\tposition: absolute;\n\tleft: 0;\n\twidth: 0;\n\theight: 0;\n\tmargin: 0;\n\tvisibility: hidden;\n\t-webkit-appearance: none;\n}\n/* switch disabled */\n.ui5-switch-root.ui5-switch--disabled {\n\topacity: var(--_ui5_switch_disabled_opacity);\n\tcursor: default;\n}\n.ui5-switch-root.ui5-switch--checked .ui5-switch-text--off {\n\tvisibility: var(--_ui5_switch_text_hidden);\n}\n.ui5-switch-root:not(.ui5-switch--checked) .ui5-switch-text--on {\n\tvisibility: var(--_ui5_switch_text_hidden);\n}\n.ui5-switch-root.ui5-switch--checked .ui5-switch-text--on {\n\tleft: var(--_ui5_switch_text_active_left);\n}\n.ui5-switch-root:not(.ui5-switch--checked) .ui5-switch-text--off {\n\tleft: var(--_ui5_switch_text_inactive_left);\n\tright: var(--_ui5_switch_text_inactive_right)\n}\n/* handle */\n.ui5-switch-root.ui5-switch--checked .ui5-switch-handle {\n\tbackground: var(--_ui5_switch_handle_active_background_color);\n\tborder-color: var(--_ui5_switch_handle_active_border_color);\n}\n.ui5-switch-root:not(.ui5-switch--checked) .ui5-switch-handle {\n\tbackground: var(--_ui5_switch_handle_inactive_background_color);\n\tborder-color: var(--_ui5_switch_handle_inactive_border_color);\n}\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle {\n\tbackground: var(--_ui5_switch_handle_hover_active_background_color);\n\tborder-color: var(--_ui5_switch_handle_hover_active_border_color);\n}\n.ui5-switch-desktop.ui5-switch-root:not(.ui5-switch--disabled):not(.ui5-switch--checked):hover .ui5-switch-handle {\n\tbackground: var(--_ui5_switch_handle_hover_inactive_background_color);\n\tborder-color: var(--_ui5_switch_handle_hover_inactive_border_color);\n}\n/* handle semantic */\n.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked .ui5-switch-handle {\n\tbackground: var(--_ui5_switch_handle_semantic_accept_background_color);\n\tborder-color: var(--_ui5_switch_handle_semantic_accept_border_color);\n}\n.ui5-switch-root.ui5-switch--semantic:not(.ui5-switch--checked) .ui5-switch-handle {\n\tbackground: var(--_ui5_switch_handle_semantic_reject_background_color);\n\tborder-color: var(--_ui5_switch_handle_semantic_reject_border_color);\n}\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle {\n\tbackground: var(--_ui5_switch_handle_semantic_hover_accept_background_color);\n\tborder-color: var(--_ui5_switch_handle_semantic_hover_accept_border_color);\n}\n.ui5-switch-desktop.ui5-switch--semantic.ui5-switch-root:not(.ui5-switch--checked):not(.ui5-switch--disabled):hover .ui5-switch-handle {\n\tbackground: var(--_ui5_switch_handle_semantic_hover_reject_background_color);\n\tborder-color: var(--_ui5_switch_handle_semantic_hover_reject_border_color);\n}\n/* track */\n.ui5-switch-root.ui5-switch--checked .ui5-switch-track {\n\tbackground: var(--_ui5_switch_track_active_background_color);\n\tborder-color: var(--_ui5_switch_track_active_border_color);\n}\n.ui5-switch-root:not(.ui5-switch--checked) .ui5-switch-track {\n\tbackground: var(--_ui5_switch_track_inactive_background_color);\n\tborder-color: var(--_ui5_switch_track_inactive_border_color);\n}\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-track {\n\tbackground: var(--_ui5_switch_track_hover_active_background_color);\n\tborder-color: var(--_ui5_switch_track_hover_active_border_color);\n}\n.ui5-switch-desktop.ui5-switch-root:not(.ui5-switch--checked):not(.ui5-switch--disabled):hover .ui5-switch-track {\n\tbackground: var(--_ui5_switch_track_hover_inactive_background_color);\n\tborder-color: var(--_ui5_switch_track_hover_inactive_border_color);\n}\n/* track semantic*/\n.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked .ui5-switch-track {\n\tbackground: var(--_ui5_switch_track_semantic_accept_background_color);\n\tborder-color: var(--_ui5_switch_track_semantic_accept_border_color);\n}\n.ui5-switch-root.ui5-switch--semantic:not(.ui5-switch--checked) .ui5-switch-track {\n\tbackground: var(--_ui5_switch_track_semantic_reject_background_color);\n\tborder-color: var(--_ui5_switch_track_semantic_reject_border_color);\n}\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-track {\n\tbackground: var(--_ui5_switch_track_semantic_hover_accept_background_color);\n\tborder-color: var(--_ui5_switch_track_semantic_hover_accept_border_color);\n}\n.ui5-switch-desktop.ui5-switch--semantic.ui5-switch-root:not(.ui5-switch--checked):not(.ui5-switch--disabled):hover .ui5-switch-track {\n\tbackground: var(--_ui5_switch_track_semantic_hover_reject_background_color);\n\tborder-color: var(--_ui5_switch_track_semantic_hover_reject_border_color);\n}\n.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-slider {\n\t/* Move slider to oposite end, taking into account the handle as an offset. */\n\t/* Note: translate(calc()) does not work in IE11 */\n\ttransform: var(--_ui5_switch_transform_with_label);\n}\n.ui5-switch-root.ui5-switch--checked .ui5-switch-slider {\n\t/* Move slider to oposite end, taking into account the handle as an offset. */\n\t/* Note: translate(calc()) does not work in IE11 */\n\ttransform: var(--_ui5_switch_transform);\n}\n/* switch semantic icon and type noLabel icon in horizon theme */\n.ui5-switch-text .ui5-switch-text--on .ui5-switch-no-label-icon,\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-text,\n.ui5-switch-root.ui5-switch--no-label .ui5-switch-text {\n\tdisplay: flex;\n\tjustify-content: center;\n\n}\n.ui5-switch--no-label .ui5-switch-no-label-icon-on,\n.ui5-switch--no-label .ui5-switch-no-label-icon-off {\n\twidth: var(--_ui5_switch_icon_width);\n\theight: var(--_ui5_switch_icon_height);\n\tdisplay: var(--_ui5_switch_track_icon_display);\n}\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-on,\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-off {\n\twidth: var(--_ui5_switch_icon_width);\n\theight: var(--_ui5_switch_icon_height)\n}\n.ui5-switch-root .ui5-switch-text {\n\tfont-family: var(--_ui5_switch_text_font_family);\n\tfont-size: var(--_ui5_switch_text_font_size);\n\twidth: var(--_ui5_switch_text_width);\n}\n.ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-text {\n\tfont-family: var(--_ui5_switch_text_with_label_font_family);\n\tfont-size: var(--_ui5_switch_text_with_label_font_size);\n\twidth: var(--_ui5_switch_text_with_label_width);\n}\n/* switch active effects */\n/* active & off */\n:host([active]) .ui5-switch-desktop.ui5-switch-root:not(.ui5-switch--disabled) .ui5-switch-track {\n\tbackground: var( --_ui5-switch_track-off-active-background);\n}\n/* active & on */\n:host([active]) .ui5-switch-desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-track {\n\tbackground: var(--_ui5-switch_track-on-active-background);\n}\n.ui5-switch-desktop.ui5-switch-root:not(.ui5-switch--disabled):hover .ui5-switch-handle {\n\tbox-shadow: var(--_ui5_switch_handle_off_hover_box_shadow);\n}\n/* switch on hover, when switched on */\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle {\n\tbox-shadow: var(--_ui5_switch_handle_on_hover_box_shadow);\n}\n/* semantic switch on hover, when switched off */\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--semantic:not(.ui5-switch--disabled):hover .ui5-switch-handle {\n\tbox-shadow: var(--_ui5_switch_handle_semantic_off_hover_box_shadow);\n}\n/* semantic switch on hover, when switched on */\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle {\n\tbox-shadow: var(--_ui5_switch_handle_semantic_on_hover_box_shadow);\n}\n/* Text */\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-on,\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-text--on {\n\tcolor: var(--_ui5_switch_text_semantic_accept_color);\n}\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-off,\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-text--off {\n\tcolor: var(--_ui5_switch_text_semantic_reject_color);\n}\n.ui5-switch-root .ui5-switch-text--on {\n\tcolor: var(--_ui5_switch_text_active_color);\n\toverflow: var(--_ui5_switch_text_overflow);\n\ttext-overflow: ellipsis;\n}\n.ui5-switch-root .ui5-switch-text--off {\n\tcolor: var(--_ui5_switch_text_inactive_color);\n\toverflow: var(--_ui5_switch_text_overflow);\n\ttext-overflow: ellipsis;\n}\n.ui5-switch-root .ui5-switch-no-label-icon-on,\n.ui5-switch-root .ui5-switch-icon-on {\n\tcolor: var(--_ui5_switch_text_active_color);\n}\n.ui5-switch-root .ui5-switch-no-label-icon-off,\n.ui5-switch-root .ui5-switch-icon-off {\n\tcolor: var(--_ui5_switch_text_inactive_color);\n}\n/* RTL */\n[dir=\"rtl\"].ui5-switch-root.ui5-switch--checked:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-slider {\n\ttransform: var(--_ui5_switch_rtl_transform_with_label);\n}\n[dir=\"rtl\"].ui5-switch-root.ui5-switch--checked .ui5-switch-slider {\n\ttransform: var(--_ui5_switch_rtl_transform);\n}\n[dir=\"rtl\"].ui5-switch-root .ui5-switch-handle {\n\tleft: auto;\n\tright: var(--_ui5_switch_handle_left);\n}\n[dir=\"rtl\"].ui5-switch-root .ui5-switch-text--on {\n\tright: var(--_ui5_switch_text_active_left);\n\tleft: var(--_ui5_switch_text_active_right);\n}\n[dir=\"rtl\"].ui5-switch-root .ui5-switch-text--off {\n\tright: var(--_ui5_switch_text_inactive_left);\n\tleft: var(--_ui5_switch_text_inactive_right);\n}\n"
+    content: ".ui5-hidden-text{clip:rect(1px,1px,1px,1px);font-size:0;left:-1000px;pointer-events:none;position:absolute;top:-1000px;user-select:none}:host{-webkit-tap-highlight-color:rgba(0,0,0,0)}:host(:not([hidden])){display:inline-block}.ui5-switch-root{align-items:center;border-radius:var(--_ui5-v1-18-0-switch-root-border-radius);cursor:pointer;display:flex;height:var(--_ui5-v1-18-0_switch_height);min-width:var(--_ui5-v1-18-0_switch_min_width);outline:none;position:relative;width:var(--_ui5-v1-18-0_switch_width)}.ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic){height:var(--_ui5-v1-18-0_switch_height);width:var(--_ui5-v1-18-0_switch_with_label_width)}.ui5-switch-root.ui5-switch--no-label{min-width:var(--_ui5-v1-18-0_switch_width)}.ui5-switch-inner{align-items:center;display:flex;height:100%;justify-content:center;min-width:inherit;overflow:hidden;pointer-events:none;width:100%;will-change:transform}:host([checked]) .ui5-switch-inner{border-radius:6.25rem;box-shadow:var(--_ui5-v1-18-0-switch-root-box-shadow)}.ui5-switch-track{align-items:center;border:var(--_ui5-v1-18-0-switch-track-border);border-radius:var(--_ui5-v1-18-0_switch_track_border_radius);box-sizing:border-box;display:flex;height:var(--_ui5-v1-18-0_switch_track_height);transition:var(--_ui5-v1-18-0_switch_track_transition);width:var(--_ui5-v1-18-0_switch_track_width)}.ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-track{height:var(--_ui5-v1-18-0_switch_track_with_label_height);width:var(--_ui5-v1-18-0_switch_track_with_label_width)}.ui5-switch-slider{height:var(--_ui5-v1-18-0_switch_height);position:relative;transform-origin:top left;transition:transform .1s ease-in;width:100%}.ui5-switch-slider>:not(.ui5-switch-handle){display:var(--_ui5-v1-18-0-switch-slider-texts-display)}.ui5-switch-handle{align-items:center;border:var(--_ui5-v1-18-0_switch_handle_border);border-radius:var(--_ui5-v1-18-0_switch_handle_border_radius);box-sizing:border-box;display:flex;height:var(--_ui5-v1-18-0_switch_handle_height);justify-content:center;position:absolute;width:var(--_ui5-v1-18-0_switch_handle_width)}.ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-handle{height:var(--_ui5-v1-18-0_switch_handle_with_label_height);width:var(--_ui5-v1-18-0_switch_handle_with_label_width)}.ui5-switch-handle-icon{display:var(--_ui5-v1-18-0-switch-handle-icon-display);transition:var(--_ui5-v1-18-0_switch_track_transition)}:host([checked]) .ui5-switch-handle-icon{color:var(--_ui5-v1-18-0-switch_track-on-background)}.ui5-switch-text{display:flex;font-family:var(--_ui5-v1-18-0-switch-text_font_family);font-size:var(--_ui5-v1-18-0_switch_text_font_size);justify-content:center;min-width:var(--_ui5-v1-18-0_switch_text_min_width);position:absolute;text-align:center;text-transform:uppercase;user-select:none;-webkit-user-select:none;white-space:nowrap;z-index:var(--_ui5-v1-18-0_switch_text_z_index)}.ui5-switch-handle,.ui5-switch-text{left:var(--_ui5-v1-18-0_switch_handle_left);top:50%;transform:translateY(-50%)}.ui5-switch-desktop.ui5-switch-root:focus:after{border:var(--_ui5-v1-18-0_switch_focus_outline);border-radius:var(--_ui5-v1-18-0_switch_root_after_boreder_radius);bottom:var(--_ui5-v1-18-0_switch_root_outline_bottom);content:\"\";left:var(--_ui5-v1-18-0_switch_root_outline_left);outline:var(--_ui5-v1-18-0_switch_root_after_outline);pointer-events:none;position:absolute;right:var(--_ui5-v1-18-0_switch_root_outline_right);top:var(--_ui5-v1-18-0_switch_root_outline_top);transition:var(--_ui5-v1-18-0_switch_track_transition)}.ui5-switch-root .ui5-switch-input{-webkit-appearance:none;height:0;left:0;margin:0;position:absolute;visibility:hidden;width:0}.ui5-switch-root.ui5-switch--disabled{cursor:default;opacity:var(--_ui5-v1-18-0_switch_disabled_opacity)}.ui5-switch-root.ui5-switch--checked .ui5-switch-text--off{visibility:var(--_ui5-v1-18-0_switch_text_hidden)}.ui5-switch-root:not(.ui5-switch--checked) .ui5-switch-text--on{visibility:var(--_ui5-v1-18-0_switch_text_hidden)}.ui5-switch-root.ui5-switch--checked.ui5-switch--semantic .ui5-switch-text--on,.ui5-switch-root.ui5-switch--checked.ui5-switch-desktop.ui5-switch--no-label .ui5-switch-text--on{left:var(--_ui5-v1-18-0_switch_text_active_left)}.ui5-switch-root:not(.ui5-switch--checked).ui5-switch--semantic .ui5-switch-text--off,.ui5-switch-root:not(.ui5-switch--checked).ui5-switch-desktop.ui5-switch--no-label .ui5-switch-text--off{left:var(--_ui5-v1-18-0_switch_text_inactive_left);right:var(--_ui5-v1-18-0_switch_text_inactive_right)}.ui5-switch-root.ui5-switch--checked .ui5-switch-handle{background:var(--_ui5-v1-18-0_switch_handle_active_background_color);border-color:var(--_ui5-v1-18-0_switch_handle_active_border_color)}.ui5-switch-root:not(.ui5-switch--checked) .ui5-switch-handle{background:var(--_ui5-v1-18-0_switch_handle_inactive_background_color);border-color:var(--_ui5-v1-18-0_switch_handle_inactive_border_color)}.ui5-switch-desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle{background:var(--_ui5-v1-18-0_switch_handle_hover_active_background_color);border-color:var(--_ui5-v1-18-0_switch_handle_hover_active_border_color)}.ui5-switch-desktop.ui5-switch-root:not(.ui5-switch--disabled):not(.ui5-switch--checked):hover .ui5-switch-handle{background:var(--_ui5-v1-18-0_switch_handle_hover_inactive_background_color);border-color:var(--_ui5-v1-18-0_switch_handle_hover_inactive_border_color)}.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked .ui5-switch-handle{background:var(--_ui5-v1-18-0_switch_handle_semantic_accept_background_color);border-color:var(--_ui5-v1-18-0_switch_handle_semantic_accept_border_color)}.ui5-switch-root.ui5-switch--semantic:not(.ui5-switch--checked) .ui5-switch-handle{background:var(--_ui5-v1-18-0_switch_handle_semantic_reject_background_color);border-color:var(--_ui5-v1-18-0_switch_handle_semantic_reject_border_color)}.ui5-switch-desktop.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle{background:var(--_ui5-v1-18-0_switch_handle_semantic_hover_accept_background_color);border-color:var(--_ui5-v1-18-0_switch_handle_semantic_hover_accept_border_color)}.ui5-switch-desktop.ui5-switch--semantic.ui5-switch-root:not(.ui5-switch--checked):not(.ui5-switch--disabled):hover .ui5-switch-handle{background:var(--_ui5-v1-18-0_switch_handle_semantic_hover_reject_background_color);border-color:var(--_ui5-v1-18-0_switch_handle_semantic_hover_reject_border_color)}.ui5-switch-root.ui5-switch--checked .ui5-switch-track{background:var(--_ui5-v1-18-0_switch_track_active_background_color);border-color:var(--_ui5-v1-18-0_switch_track_active_border_color)}.ui5-switch-root:not(.ui5-switch--checked) .ui5-switch-track{background:var(--_ui5-v1-18-0_switch_track_inactive_background_color);border-color:var(--_ui5-v1-18-0_switch_track_inactive_border_color)}.ui5-switch-desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-track{background:var(--_ui5-v1-18-0_switch_track_hover_active_background_color);border-color:var(--_ui5-v1-18-0_switch_track_hover_active_border_color)}.ui5-switch-desktop.ui5-switch-root:not(.ui5-switch--checked):not(.ui5-switch--disabled):hover .ui5-switch-track{background:var(--_ui5-v1-18-0_switch_track_hover_inactive_background_color);border-color:var(--_ui5-v1-18-0_switch_track_hover_inactive_border_color)}.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked .ui5-switch-track{background:var(--_ui5-v1-18-0_switch_track_semantic_accept_background_color);border-color:var(--_ui5-v1-18-0_switch_track_semantic_accept_border_color)}.ui5-switch-root.ui5-switch--semantic:not(.ui5-switch--checked) .ui5-switch-track{background:var(--_ui5-v1-18-0_switch_track_semantic_reject_background_color);border-color:var(--_ui5-v1-18-0_switch_track_semantic_reject_border_color)}.ui5-switch-desktop.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-track{background:var(--_ui5-v1-18-0_switch_track_semantic_hover_accept_background_color);border-color:var(--_ui5-v1-18-0_switch_track_semantic_hover_accept_border_color)}.ui5-switch-desktop.ui5-switch--semantic.ui5-switch-root:not(.ui5-switch--checked):not(.ui5-switch--disabled):hover .ui5-switch-track{background:var(--_ui5-v1-18-0_switch_track_semantic_hover_reject_background_color);border-color:var(--_ui5-v1-18-0_switch_track_semantic_hover_reject_border_color)}.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-slider{transform:var(--_ui5-v1-18-0_switch_transform_with_label)}.ui5-switch-root.ui5-switch--checked .ui5-switch-slider{transform:var(--_ui5-v1-18-0_switch_transform)}.ui5-switch-root.ui5-switch--no-label .ui5-switch-text,.ui5-switch-root.ui5-switch--semantic .ui5-switch-text,.ui5-switch-text .ui5-switch-text--on .ui5-switch-no-label-icon{display:flex;justify-content:center}.ui5-switch--no-label .ui5-switch-no-label-icon-off,.ui5-switch--no-label .ui5-switch-no-label-icon-on{display:var(--_ui5-v1-18-0_switch_track_icon_display);height:var(--_ui5-v1-18-0_switch_icon_height);width:var(--_ui5-v1-18-0_switch_icon_width)}.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-off,.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-on{height:var(--_ui5-v1-18-0_switch_icon_height);width:var(--_ui5-v1-18-0_switch_icon_width)}.ui5-switch-root .ui5-switch-text{font-family:var(--_ui5-v1-18-0_switch_text_font_family);font-size:var(--_ui5-v1-18-0_switch_text_font_size);width:var(--_ui5-v1-18-0_switch_text_width)}.ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-text{font-family:var(--_ui5-v1-18-0_switch_text_with_label_font_family);font-size:var(--_ui5-v1-18-0_switch_text_with_label_font_size);width:var(--_ui5-v1-18-0_switch_text_with_label_width)}:host([active]) .ui5-switch-desktop.ui5-switch-root:not(.ui5-switch--disabled) .ui5-switch-track{background:var( --_ui5-v1-18-0-switch_track-off-active-background)}:host([active]) .ui5-switch-desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-track{background:var(--_ui5-v1-18-0-switch_track-on-active-background)}.ui5-switch-desktop.ui5-switch-root:not(.ui5-switch--disabled):hover .ui5-switch-handle{box-shadow:var(--_ui5-v1-18-0_switch_handle_off_hover_box_shadow)}.ui5-switch-desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle{box-shadow:var(--_ui5-v1-18-0_switch_handle_on_hover_box_shadow)}.ui5-switch-desktop.ui5-switch-root.ui5-switch--semantic:not(.ui5-switch--disabled):hover .ui5-switch-handle{box-shadow:var(--_ui5-v1-18-0_switch_handle_semantic_off_hover_box_shadow)}.ui5-switch-desktop.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle{box-shadow:var(--_ui5-v1-18-0_switch_handle_semantic_on_hover_box_shadow)}.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-on,.ui5-switch-root.ui5-switch--semantic .ui5-switch-text--on{color:var(--_ui5-v1-18-0_switch_text_semantic_accept_color)}.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-off,.ui5-switch-root.ui5-switch--semantic .ui5-switch-text--off{color:var(--_ui5-v1-18-0_switch_text_semantic_reject_color)}.ui5-switch-root .ui5-switch-text--on{color:var(--_ui5-v1-18-0_switch_text_active_color);left:var(--_ui5-v1-18-0_switch_text_active_left_alternate);overflow:var(--_ui5-v1-18-0_switch_text_overflow);text-overflow:ellipsis}.ui5-switch-root .ui5-switch-text--off{color:var(--_ui5-v1-18-0_switch_text_inactive_color);left:var(--_ui5-v1-18-0_switch_text_inactive_left_alternate);overflow:var(--_ui5-v1-18-0_switch_text_overflow);right:var(--_ui5-v1-18-0_switch_text_inactive_right_alternate);text-overflow:ellipsis}.ui5-switch-root .ui5-switch-icon-on,.ui5-switch-root .ui5-switch-no-label-icon-on{color:var(--_ui5-v1-18-0_switch_text_active_color)}.ui5-switch-root .ui5-switch-icon-off,.ui5-switch-root .ui5-switch-no-label-icon-off{color:var(--_ui5-v1-18-0_switch_text_inactive_color)}[dir=rtl].ui5-switch-root.ui5-switch--checked:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-slider{transform:var(--_ui5-v1-18-0_switch_rtl_transform_with_label)}[dir=rtl].ui5-switch-root.ui5-switch--checked .ui5-switch-slider{transform:var(--_ui5-v1-18-0_switch_rtl_transform)}[dir=rtl].ui5-switch-root .ui5-switch-handle{left:auto;right:var(--_ui5-v1-18-0_switch_handle_left)}[dir=rtl].ui5-switch-root .ui5-switch-text--on{left:var(--_ui5-v1-18-0_switch_text_active_right);right:var(--_ui5-v1-18-0_switch_text_active_left)}[dir=rtl].ui5-switch-root .ui5-switch-text--off{left:var(--_ui5-v1-18-0_switch_text_inactive_right);right:var(--_ui5-v1-18-0_switch_text_inactive_left)}"
   };
   var _default = styleData;
   _exports.default = _default;

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/Tab.css",
-    content: ":host {\n\tdisplay: inline-block;\n\twidth: 100%;\n}\n\n.ui5-tab-root {\n\twidth: 100%;\n\theight: 100%;\n}"
+    content: ":host{display:inline-block;width:100%}.ui5-tab-root{height:100%;width:100%}"
   };
   var _default = styleData;
   _exports.default = _default;

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/TabContainer.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\n/* ============================= */\n\n/* Global Base parameters        */\n\n/* ============================= */\n\n:host(:not([hidden])) {\n\tdisplay: inline-block;\n\twidth: 100%;\n}\n\n.ui5-tc-root {\n\tdisplay: flex;\n\tflex-direction: column;\n\twidth: 100%;\n\theight: 100%;\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-size: 1rem;\n}\n\n.ui5-tc__header {\n\tposition: relative;\n\tpadding: 0 1rem;\n\tdisplay: flex;\n\talign-items: center;\n\tbackground-color: var(--_ui5_tc_header_background);\n\theight: var(--_ui5_tc_header_height);\n\tbox-shadow: var(--_ui5_tc_header_box_shadow);\n\tbox-sizing: border-box;\n}\n\n:host([tabs-placement=\"Bottom\"]) .ui5-tc__header {\n\tborder-top: var(--_ui5_tc_header_border_bottom);\n}\n\n:host([header-background-design=\"Transparent\"]) .ui5-tc__header {\n\tbackground-color: transparent;\n}\n\n:host([header-background-design=\"Translucent\"]) .ui5-tc__header {\n\tbackground-color: var(--_ui5_tc_header_background_translucent);\n}\n\n.ui5-tc-root.ui5-tc--textOnly .ui5-tc__header {\n\theight: var(--_ui5_tc_header_height_text_only);\n}\n\n.ui5-tc-root.ui5-tc--textOnly.ui5-tc--withAdditionalText.ui5-tc--standardTabLayout .ui5-tc__header {\n\theight: var(--_ui5_tc_header_height_text_with_additional_text);\n}\n\n.ui5-tc__tabStrip {\n\tflex: 1;\n\tdisplay: flex;\n\toverflow: hidden;\n\tbox-sizing: border-box;\n\tposition: relative;\n\twhite-space: nowrap;\n}\n\n.ui5-tc__separator:focus {\n\toutline: none;\n}\n\n.ui5-tc__overflow {\n\tflex: 0 0 0;\n}\n\n.ui5-tc__overflow.ui5-tc__overflow--end {\n\tpadding-inline-start: 0.188rem;\n}\n\n.ui5-tc__overflow[hidden] {\n\tdisplay: none;\n}\n\n.ui5-tc__overflow > [ui5-button] {\n\tmargin-top: 0.25rem;\n\tborder-radius: 0.75rem;\n\theight: 1.5rem;\n}\n\n.ui5-tc__overflow > [ui5-button][focused] {\n\toutline-offset: 0.125rem;\n\t--_ui5_button_focused_border: none;\n\toutline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n}\n\n.ui5-tc-root.ui5-tc--textOnly .ui5-tc__content {\n\theight: calc(100% - var(--_ui5_tc_header_height_text_only)); /* the header height (text only tabs) */\n}\n\n.ui5-tc__content {\n\tposition: relative;\n\tdisplay: flex;\n\theight: calc(100% - var(--_ui5_tc_header_height)); /* the header height (tabs with icons and text) */\n\tpadding: 1rem 2rem;\n\tbackground-color: var(--_ui5_tc_content_background);\n\tborder-bottom: var(--_ui5_tc_content_border_bottom);\n\tbox-sizing: border-box;\n}\n\n:host([tabs-placement=\"Bottom\"]) .ui5-tc__content {\n\tborder-top: var(--_ui5_tc_content_border_bottom);\n}\n\n:host([content-background-design=\"Transparent\"]) .ui5-tc__content {\n\tbackground-color: transparent;\n}\n\n:host([content-background-design=\"Translucent\"]) .ui5-tc__content {\n\tbackground-color: var(--_ui5_tc_content_background_translucent);\n}\n\n.ui5-tc__content--collapsed {\n\tdisplay: none;\n}\n\n.ui5-tc--transparent .ui5-tc__content {\n\tbackground-color: transparent;\n}\n\n.ui5-tc__contentItem {\n\tmax-height: 100%;\n\tdisplay: flex;\n\tflex-grow: 1;\n\toverflow: auto;\n}\n\n.ui5-tc__contentItem[hidden] {\n\tdisplay: none;\n}\n\n/*** Responsive paddings ***/\n\n:host([media-range=\"S\"]) .ui5-tc__header {\n\tpadding: 0;\n}\n\n:host([media-range=\"S\"]) .ui5-tc__content {\n\tpadding: 1rem;\n}\n\n:host([media-range=\"XL\"]) .ui5-tc__header {\n\tpadding: 0 2rem;\n}\n\n:host([media-range=\"XL\"]) .ui5-tc__content {\n\tpadding: 1rem 3rem;\n}\n"
+    content: ".ui5-hidden-text{clip:rect(1px,1px,1px,1px);font-size:0;left:-1000px;pointer-events:none;position:absolute;top:-1000px;user-select:none}:host(:not([hidden])){display:inline-block;width:100%}.ui5-tc-root{display:flex;flex-direction:column;font-family:\"72override\",var(--sapFontFamily);font-size:1rem;height:100%;width:100%}.ui5-tc__header{align-items:center;background-color:var(--_ui5-v1-18-0_tc_header_background);box-shadow:var(--_ui5-v1-18-0_tc_header_box_shadow);box-sizing:border-box;display:flex;height:var(--_ui5-v1-18-0_tc_header_height);padding:0 1rem;position:relative}:host([tabs-placement=Bottom]) .ui5-tc__header{border-top:var(--_ui5-v1-18-0_tc_header_border_bottom)}:host([header-background-design=Transparent]) .ui5-tc__header{background-color:transparent}:host([header-background-design=Translucent]) .ui5-tc__header{background-color:var(--_ui5-v1-18-0_tc_header_background_translucent)}.ui5-tc-root.ui5-tc--textOnly .ui5-tc__header{height:var(--_ui5-v1-18-0_tc_header_height_text_only)}.ui5-tc-root.ui5-tc--textOnly.ui5-tc--withAdditionalText.ui5-tc--standardTabLayout .ui5-tc__header{height:var(--_ui5-v1-18-0_tc_header_height_text_with_additional_text)}.ui5-tc__tabStrip{box-sizing:border-box;display:flex;flex:1;overflow:hidden;position:relative;white-space:nowrap}.ui5-tc__separator:focus{outline:none}.ui5-tc__overflow{flex:0 0 0}.ui5-tc__overflow.ui5-tc__overflow--end{padding-inline-start:.188rem}.ui5-tc__overflow[hidden]{display:none}.ui5-tc__overflow>[ui5-button]{border-radius:.75rem;height:1.5rem}.ui5-tc__overflow>[ui5-button]:not([active]){color:var(--_ui5-v1-18-0_tc_overflow_text_color)}.ui5-tc__overflow>[ui5-button]:not([active]):hover{color:var(--_ui5-v1-18-0_tc_overflow_text_color)}.ui5-tc__overflow>[ui5-button][focused]{--_ui5-v1-18-0_button_focused_border:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem}.ui5-tc-root.ui5-tc--textOnly .ui5-tc__content{height:calc(100% - var(--_ui5-v1-18-0_tc_header_height_text_only))}.ui5-tc__content{background-color:var(--_ui5-v1-18-0_tc_content_background);border-bottom:var(--_ui5-v1-18-0_tc_content_border_bottom);box-sizing:border-box;display:flex;height:calc(100% - var(--_ui5-v1-18-0_tc_header_height));padding:1rem 2rem;position:relative}:host([tabs-placement=Bottom]) .ui5-tc__content{border-top:var(--_ui5-v1-18-0_tc_content_border_bottom)}:host([content-background-design=Transparent]) .ui5-tc__content{background-color:transparent}:host([content-background-design=Translucent]) .ui5-tc__content{background-color:var(--_ui5-v1-18-0_tc_content_background_translucent)}.ui5-tc__content--collapsed{display:none}.ui5-tc--transparent .ui5-tc__content{background-color:transparent}.ui5-tc__contentItem{display:flex;flex-grow:1;max-height:100%;overflow:auto}.ui5-tc__contentItem[hidden]{display:none}:host([media-range=S]) .ui5-tc__header{padding:0}:host([media-range=S]) .ui5-tc__content{padding:1rem}:host([media-range=XL]) .ui5-tc__header{padding:0 2rem}:host([media-range=XL]) .ui5-tc__content{padding:1rem 3rem}"
   };
   var _default = styleData;
   _exports.default = _default;

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/TabInOverflow.css",
-    content: ".ui5-tab-semantic-icon {\n\tdisplay: var(--_ui5_tc_headerItemSemanticIcon_display);\n\theight: var(--_ui5_tc_headerItemSemanticIcon_size);\n\twidth: var(--_ui5_tc_headerItemSemanticIcon_size);\n\tmargin-inline-end: 0.5rem;\n}\n\n.ui5-tab-semantic-icon--positive {\n\tcolor: var(--sapPositiveElementColor);\n}\n\n.ui5-tab-semantic-icon--negative {\n\tcolor: var(--sapNegativeElementColor);\n}\n\n.ui5-tab-semantic-icon--critical {\n\tcolor: var(--sapCriticalElementColor);\n}\n\n.ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n\n.ui5-tab-overflow-item {\n\tcolor: var(--_ui5_tc_overflowItem_default_color);\n}\n\n.ui5-tab-overflow-item--disabled {\n\tcursor: default;\n\topacity: var(--sapContent_DisabledOpacity);\n}\n\n.ui5-tab-overflow-item[hidden] {\n\tdisplay: none;\n}\n\n.ui5-tab-semantic-icon {\n\tposition: absolute;\n\tinset-inline-start: -0.25rem;\n}\n\n.ui5-tab-overflow-item--positive:not(.ui5-tab-overflow-item--disabled) .ui5-tab-overflow-itemContent {\n\tcolor: var(--_ui5_tc_overflowItem_positive_color);\n}\n\n.ui5-tab-overflow-item--negative:not(.ui5-tab-overflow-item--disabled) .ui5-tab-overflow-itemContent {\n\tcolor: var(--_ui5_tc_overflowItem_negative_color);\n}\n\n.ui5-tab-overflow-item--critical:not(.ui5-tab-overflow-item--disabled) .ui5-tab-overflow-itemContent {\n\tcolor: var(--_ui5_tc_overflowItem_critical_color);\n}\n\n.ui5-tab-overflow-item[active] .ui5-tab-overflow-itemContent {\n\tcolor: var(--sapList_Active_TextColor);\n}\n\n.ui5-tab-overflow-itemContent {\n\tdisplay: flex;\n\talign-items: center;\n\tposition: relative;\n\tpadding-inline: 1rem 0.5rem;\n\theight: var(--_ui5_tc_item_text);\n\tpointer-events: none;\n\tfont-size: 0.875rem;\n}\n\n.ui5-tab-overflow-itemContent-wrapper {\n\tpadding-inline-start: calc(var(--_ui5-tab-indentation-level) * 0.5rem + var(--_ui5-tab-extra-indent, 0) * var(--_ui5_tc_overflowItem_extraIndent));\n}\n\n.ui5-tab-overflow-item--selectedSubTab {\n\tbackground-color: var(--sapList_SelectionBackgroundColor);\n}\n\n.ui5-tab-overflow-item [ui5-icon]:not(.ui5-tab-semantic-icon) {\n\twidth: 1.375rem;\n\theight: 1.375rem;\n\tpadding-inline-end: 0.75rem;\n\tcolor: var(--_ui5_tc_overflowItem_current_color);\n}\n\n.ui5-tab-container-responsive-popover [ui5-li-custom][focused]::part(native-li)::after {\n\tinset: var(--_ui5_tc_overflowItem_focus_offset);\n}\n\n.ui5-tab-container-responsive-popover::part(content) {\n\tpadding: 0;\n}"
+    content: ".ui5-tab-semantic-icon{display:var(--_ui5-v1-18-0_tc_headerItemSemanticIcon_display);height:var(--_ui5-v1-18-0_tc_headerItemSemanticIcon_size);margin-inline-end:.5rem;width:var(--_ui5-v1-18-0_tc_headerItemSemanticIcon_size)}.ui5-tab-semantic-icon--positive{color:var(--sapPositiveElementColor)}.ui5-tab-semantic-icon--negative{color:var(--sapNegativeElementColor)}.ui5-tab-semantic-icon--critical{color:var(--sapCriticalElementColor)}.ui5-hidden-text{clip:rect(1px,1px,1px,1px);font-size:0;left:-1000px;pointer-events:none;position:absolute;top:-1000px;user-select:none}.ui5-tab-overflow-item{color:var(--_ui5-v1-18-0_tc_overflowItem_default_color)}.ui5-tab-overflow-item--disabled{cursor:default;opacity:var(--sapContent_DisabledOpacity)}.ui5-tab-overflow-item[hidden]{display:none}.ui5-tab-semantic-icon{inset-inline-start:-.25rem;position:absolute}.ui5-tab-overflow-item--positive:not(.ui5-tab-overflow-item--disabled) .ui5-tab-overflow-itemContent{color:var(--_ui5-v1-18-0_tc_overflowItem_positive_color)}.ui5-tab-overflow-item--negative:not(.ui5-tab-overflow-item--disabled) .ui5-tab-overflow-itemContent{color:var(--_ui5-v1-18-0_tc_overflowItem_negative_color)}.ui5-tab-overflow-item--critical:not(.ui5-tab-overflow-item--disabled) .ui5-tab-overflow-itemContent{color:var(--_ui5-v1-18-0_tc_overflowItem_critical_color)}.ui5-tab-overflow-item[active] .ui5-tab-overflow-itemContent{color:var(--sapList_Active_TextColor)}.ui5-tab-overflow-itemContent{align-items:center;display:flex;font-size:.875rem;height:var(--_ui5-v1-18-0_tc_item_text);pointer-events:none;position:relative}.ui5-tab-overflow-itemContent-wrapper{padding-inline-start:calc(var(--_ui5-v1-18-0-tab-indentation-level)*.5rem + var(--_ui5-v1-18-0-tab-extra-indent, 0)*var(--_ui5-v1-18-0_tc_overflowItem_extraIndent))}.ui5-tab-overflow-item--selectedSubTab{background-color:var(--sapList_SelectionBackgroundColor)}.ui5-tab-overflow-item [ui5-icon]:not(.ui5-tab-semantic-icon){color:var(--_ui5-v1-18-0_tc_overflowItem_current_color);height:1.375rem;padding-inline-end:.75rem;width:1.375rem}.ui5-tab-container-responsive-popover [ui5-li-custom][focused]::part(native-li):after{inset:var(--_ui5-v1-18-0_tc_overflowItem_focus_offset)}.ui5-tab-container-responsive-popover::part(content){padding:0}"
   };
   var _default = styleData;
   _exports.default = _default;