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

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

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/BrowserScrollbar.css",
-    content: "::-webkit-scrollbar:horizontal{height:var(--sapScrollBar_Dimension)}::-webkit-scrollbar:vertical{width:var(--sapScrollBar_Dimension)}::-webkit-scrollbar{background-color:var(--sapScrollBar_TrackColor);border-left:var(--browser_scrollbar_border)}::-webkit-scrollbar-thumb{border-radius:var(--browser_scrollbar_border_radius);background-color:var(--sapScrollBar_FaceColor)}::-webkit-scrollbar-thumb:hover{background-color:var(--sapScrollBar_Hover_FaceColor)}::-webkit-scrollbar-corner{background-color:var(--sapScrollBar_TrackColor)}"
+    content: ":not(.ui5-content-native-scrollbars) ::-webkit-scrollbar:horizontal {\n\theight: var(--sapScrollBar_Dimension);\n}\n\n:not(.ui5-content-native-scrollbars) ::-webkit-scrollbar:vertical {\n\twidth: var(--sapScrollBar_Dimension);\n}\n\n:not(.ui5-content-native-scrollbars) ::-webkit-scrollbar {\n\tbackground-color: var(--sapScrollBar_TrackColor);\n\tborder-left: var(--browser_scrollbar_border);\n}\n\n:not(.ui5-content-native-scrollbars) ::-webkit-scrollbar-thumb {\n\tborder-radius: var(--browser_scrollbar_border_radius);\n\tbackground-color: var(--sapScrollBar_FaceColor);\n}\n\n:not(.ui5-content-native-scrollbars) ::-webkit-scrollbar-thumb:hover {\n\tbackground-color: var(--sapScrollBar_Hover_FaceColor);\n}\n\n:not(.ui5-content-native-scrollbars) ::-webkit-scrollbar-corner {\n\tbackground-color: var(--sapScrollBar_TrackColor);\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

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

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/BusyIndicator.css",
-    content: ":host(:not([hidden])){display:inline-block}:host([_is-busy]){color:var(--_ui5_busy_indicator_color)}:host([size=Small]) .ui5-busy-indicator-root{min-width:1.5rem;min-height:.5rem}:host([size=Small][text]:not([text=\"\"])) .ui5-busy-indicator-root{min-height:1.75rem}:host([size=Small]) .ui5-busy-indicator-circle{width:.5rem;height:.5rem}:host(:not([size])) .ui5-busy-indicator-root,:host([size=Medium]) .ui5-busy-indicator-root{min-width:3rem;min-height:1rem}:host(:not([size])[text]:not([text=\"\"])) .ui5-busy-indicator-root,:host([size=Medium][text]:not([text=\"\"])) .ui5-busy-indicator-root{min-height:2.25rem}:host(:not([size])) .ui5-busy-indicator-circle,:host([size=Medium]) .ui5-busy-indicator-circle{width:1rem;height:1rem}:host([size=Large]) .ui5-busy-indicator-root{min-width:6rem;min-height:2rem}:host([size=Large][text]:not([text=\"\"])) .ui5-busy-indicator-root{min-height:3.25rem}:host([size=Large]) .ui5-busy-indicator-circle{width:2rem;height:2rem}.ui5-busy-indicator-root{display:flex;justify-content:center;align-items:center;position:relative;background-color:inherit}.ui5-busy-indicator-busy-area{position:absolute;z-index:99;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:inherit;flex-direction:column}.ui5-busy-indicator-busy-area:focus{outline:var(--_ui5_busy_indicator_focus_outline);outline-offset:-2px;border-radius:var(--_ui5_busy_indicator_focus_border_radius)}.ui5-busy-indicator-circles-wrapper{line-height:0}.ui5-busy-indicator-circle{display:inline-block;background-color:currentColor;border-radius:50%}.ui5-busy-indicator-circle:before{content:\"\";width:100%;height:100%;border-radius:100%}.circle-animation-0{animation:grow 1.6s cubic-bezier(.32,.06,.85,1.11) infinite}.circle-animation-1{animation:grow 1.6s cubic-bezier(.32,.06,.85,1.11) infinite;animation-delay:.2s}.circle-animation-2{animation:grow 1.6s cubic-bezier(.32,.06,.85,1.11) infinite;animation-delay:.4s}.ui5-busy-indicator-text{width:100%;margin-top:.25rem;text-align:center}@keyframes grow{0%,50%,to{-webkit-transform:scale(.5);-moz-transform:scale(.5);transform:scale(.5)}25%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}"
+    content: ":host(:not([hidden])) {\n\tdisplay: inline-block;\n}\n\n:host([_is-busy]) {\n\tcolor: var(--_ui5_busy_indicator_color);\n}\n\n:host([size=\"Small\"]) .ui5-busy-indicator-root {\n\tmin-width: 1.5rem;\n\tmin-height: .5rem;\n}\n\n:host([size=\"Small\"][text]:not([text=\"\"])) .ui5-busy-indicator-root {\n\tmin-height: 1.75rem;\n}\n\n:host([size=\"Small\"]) .ui5-busy-indicator-circle {\n\twidth: .5rem;\n\theight: .5rem;\n}\n\n:host(:not([size])) .ui5-busy-indicator-root,\n:host([size=\"Medium\"]) .ui5-busy-indicator-root {\n\tmin-width: 3rem;\n\tmin-height: 1rem;\n}\n\n:host(:not([size])[text]:not([text=\"\"])) .ui5-busy-indicator-root,\n:host([size=\"Medium\"][text]:not([text=\"\"])) .ui5-busy-indicator-root {\n\tmin-height: 2.25rem;\n}\n\n:host(:not([size])) .ui5-busy-indicator-circle,\n:host([size=\"Medium\"])  .ui5-busy-indicator-circle {\n\twidth: 1rem;\n\theight: 1rem;\n}\n\n:host([size=\"Large\"]) .ui5-busy-indicator-root {\n\tmin-width: 6rem;\n\tmin-height: 2rem;\n}\n\n:host([size=\"Large\"][text]:not([text=\"\"])) .ui5-busy-indicator-root {\n\tmin-height: 3.25rem;\n}\n\n:host([size=\"Large\"]) .ui5-busy-indicator-circle {\n\twidth: 2rem;\n\theight: 2rem;\n}\n\n.ui5-busy-indicator-root {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tposition: relative;\n\tbackground-color: inherit;\n\theight: inherit;\n}\n\n.ui5-busy-indicator-busy-area {\n\tposition: absolute;\n\tz-index: 99;\n\tleft: 0;\n\tright: 0;\n\ttop: 0;\n\tbottom: 0;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbackground-color: inherit;\n\tflex-direction: column;\n}\n\n.ui5-busy-indicator-busy-area:focus-visible {\n\toutline: var(--_ui5_busy_indicator_focus_outline);\n\toutline-offset: -2px;\n    border-radius: var(--_ui5_busy_indicator_focus_border_radius);\n}\n\n.ui5-busy-indicator-circles-wrapper {\n\tline-height: 0;\n}\n\n.ui5-busy-indicator-circle {\n\tdisplay: inline-block;\n\tbackground-color: currentColor;\n\tborder-radius: 50%;\n}\n\n.ui5-busy-indicator-circle::before {\n\tcontent: \"\";\n\twidth: 100%;\n\theight: 100%;\n\tborder-radius: 100%;\n}\n\n.circle-animation-0 {\n\tanimation: grow 1.6s infinite cubic-bezier(0.32, 0.06, 0.85, 1.11);\n}\n\n.circle-animation-1 {\n\tanimation: grow 1.6s infinite cubic-bezier(0.32, 0.06, 0.85, 1.11);\n\tanimation-delay: 200ms;\n}\n\n.circle-animation-2 {\n\tanimation: grow 1.6s infinite cubic-bezier(0.32, 0.06, 0.85, 1.11);\n\tanimation-delay: 400ms;\n}\n\n.ui5-busy-indicator-text {\n\twidth: 100%;\n\tmargin-top: .25rem;\n\ttext-align: center;\n}\n\n@keyframes grow {\n\t0%, 50%, 100% {\n\t\t-webkit-transform: scale(0.5);\n\t\t-moz-transform: scale(0.5);\n\t\ttransform: scale(0.5);\n\t}\n\t25% {\n\t\t-webkit-transform: scale(1);\n\t\t-moz-transform: scale(1);\n\t\ttransform: scale(1);\n\t}\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

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

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/Button.css",
-    content: ".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:inline-block}:host{min-width:var(--_ui5_button_base_min_width);height:var(--_ui5_button_base_height);line-height:normal;font-family:var(--_ui5_button_fontFamily);font-size:var(--sapFontSize);text-shadow:var(--_ui5_button_text_shadow);border-radius:var(--_ui5_button_border_radius);cursor:pointer;background-color:var(--sapButton_Background);border:var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);color:var(--sapButton_TextColor);box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui5-button-root{min-width:inherit;cursor:inherit;height:100%;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;outline:none;padding:0 var(--_ui5_button_base_padding);position:relative;background:transparent;border:none;color:inherit;text-shadow:inherit;font:inherit;white-space:inherit;overflow:inherit;text-overflow:inherit;letter-spacing:inherit;word-spacing:inherit;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(:not([active]):not([non-interactive]):not([_is-touch]):hover),:host(:not([hidden]).ui5_hovered){background:var(--sapButton_Hover_Background);box-shadow:var(--sapContent_Interaction_Shadow);border:1px solid var(--sapButton_Hover_BorderColor);color:var(--sapButton_Hover_TextColor)}.ui5-button-icon{color:inherit;flex-shrink:0}:host([icon-end]) .ui5-button-root{flex-direction:row-reverse}:host([icon-end]) .ui5-button-icon{margin-inline-start:var(--_ui5_button_base_icon_margin)}:host([icon-only]) .ui5-button-root{min-width:auto;padding:0}:host([icon-only]) .ui5-button-text{display:none}.ui5-button-text{outline:none;position:relative;white-space:inherit;overflow:inherit;text-overflow:inherit}:host([has-icon]:not([icon-end])) .ui5-button-text{margin-inline-start:var(--_ui5_button_base_icon_margin)}:host([has-icon][icon-end]) .ui5-button-text{margin-inline-start:0}:host([disabled]){opacity:var(--sapContent_DisabledOpacity);pointer-events:none}:host([focused]) .ui5-button-root:after{content:\"\";position:absolute;box-sizing:border-box;left:.0625rem;top:.0625rem;right:.0625rem;bottom:.0625rem;border:var(--_ui5_button_focused_border);pointer-events:none;border-radius:var(--_ui5_button_focused_border_radius)}:host([design=Emphasized][focused]) .ui5-button-root:after{border-color:var(--_ui5_button_emphasized_focused_border_color)}:host([design=Emphasized][focused]) .ui5-button-root:before{content:\"\";position:absolute;box-sizing:border-box;left:.0625rem;top:.0625rem;right:.0625rem;bottom:.0625rem;border:var(--_ui5_button_emphasized_focused_border_before);pointer-events:none;border-radius:var(--_ui5_button_focused_border_radius)}.ui5-button-root::-moz-focus-inner{border:0}bdi{display:block;white-space:inherit;overflow:inherit;text-overflow:inherit}:host([ui5-button][active]:not([disabled]):not([non-interactive])){background-image:none;background-color:var(--sapButton_Active_Background);border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_Active_TextColor)}:host([design=Positive]){background-color:var(--sapButton_Accept_Background);border-color:var(--sapButton_Accept_BorderColor);color:var(--sapButton_Accept_TextColor)}:host([design=Positive]:not([active]):not([non-interactive]):not([_is-touch]).ui5_hovered),:host([design=Positive]:not([active]):not([non-interactive]):not([_is-touch]):hover){background-color:var(--sapButton_Accept_Hover_Background);border-color:var(--sapButton_Accept_Hover_BorderColor);box-shadow:var(--sapContent_Positive_Shadow);color:var(--sapButton_Accept_Hover_TextColor)}:host([ui5-button][design=Positive][active]:not([non-interactive])){background-color:var(--sapButton_Accept_Active_Background);border-color:var(--sapButton_Accept_Active_BorderColor);color:var(--sapButton_Accept_Active_TextColor)}:host([design=Negative]){background-color:var(--sapButton_Reject_Background);border-color:var(--sapButton_Reject_BorderColor);color:var(--sapButton_Reject_TextColor)}:host([design=Negative]:not([active]):not([non-interactive]):not([_is-touch]).ui5_hovered),:host([design=Negative]:not([active]):not([non-interactive]):not([_is-touch]):hover){background-color:var(--sapButton_Reject_Hover_Background);border-color:var(--sapButton_Reject_Hover_BorderColor);box-shadow:var(--sapContent_Negative_Shadow);color:var(--sapButton_Reject_Hover_TextColor)}:host([ui5-button][design=Negative][active]:not([non-interactive])){background-color:var(--sapButton_Reject_Active_Background);border-color:var(--sapButton_Reject_Active_BorderColor);color:var(--sapButton_Reject_Active_TextColor)}:host([design=Attention]){background-color:var(--sapButton_Attention_Background);border-color:var(--sapButton_Attention_BorderColor);color:var(--sapButton_Attention_TextColor)}:host([design=Attention]:not([active]):not([non-interactive]):not([_is-touch]).ui5_hovered),:host([design=Attention]:not([active]):not([non-interactive]):not([_is-touch]):hover){background-color:var(--sapButton_Attention_Hover_Background);border-color:var(--sapButton_Attention_Hover_BorderColor);color:var(--sapButton_Attention_Hover_TextColor);box-shadow:var(--sapContent_Critical_Shadow)}:host([ui5-button][design=Attention][active]:not([non-interactive])){background-color:var(--sapButton_Attention_Active_Background);border-color:var(--sapButton_Attention_Active_BorderColor);color:var(--sapButton_Attention_Active_TextColor)}:host([design=Emphasized]){background-color:var(--sapButton_Emphasized_Background);border-color:var(--sapButton_Emphasized_BorderColor);border-width:var(--_ui5_button_emphasized_border_width);color:var(--sapButton_Emphasized_TextColor);font-weight:var(--_ui5_button_emphasized_font_weight)}:host([design=Emphasized]:not([active]):not([non-interactive]):not([_is-touch]).ui5_hovered),:host([design=Emphasized]:not([active]):not([non-interactive]):not([_is-touch]):hover){background-color:var(--sapButton_Emphasized_Hover_Background);border-color:var(--sapButton_Emphasized_Hover_BorderColor);border-width:var(--_ui5_button_emphasized_border_width);color:var(--sapButton_Emphasized_Hover_TextColor);box-shadow:none}:host([ui5-button][design=Empasized][active]:not([non-interactive])){background-color:var(--sapButton_Emphasized_Active_Background);border-color:var(--sapButton_Emphasized_Active_BorderColor);color:var(--sapButton_Emphasized_Active_TextColor)}:host([design=Emphasized][focused]) .ui5-button-root:after{border-color:var(--sapContent_ContrastFocusColor);outline:none}:host([design=Transparent]){background-color:var(--sapButton_Lite_Background);color:var(--sapButton_Lite_TextColor);border-color:var(--sapButton_Lite_BorderColor)}:host([design=Transparent]:not([active]):not([non-interactive]):not([_is-touch]).ui5_hovered),:host([design=Transparent]:not([active]):not([non-interactive]):not([_is-touch]):hover){background-color:var(--sapButton_Lite_Hover_Background);border-color:var(--sapButton_Lite_Hover_BorderColor);box-shadow:var(--sapContent_Interaction_Shadow);color:var(--sapButton_Lite_Hover_TextColor)}:host([ui5-button][design=Transparent][active]:not([non-interactive])){background-color:var(--sapButton_Lite_Active_Background);border-color:var(--sapButton_Lite_Active_BorderColor);color:var(--sapButton_Active_TextColor)}:host([pressed][focused]) .ui5-button-root:after,:host([ui5-segmented-button-item][active][focused]) .ui5-button-root:after{border-color:var(--_ui5_button_pressed_focused_border_color);outline:none}:host([ui5-segmented-button-item][focused]:not(:last-child)) .ui5-button-root:after{border-top-right-radius:var(--_ui5_button_focused_inner_border_radius);border-bottom-right-radius:var(--_ui5_button_focused_inner_border_radius)}:host([ui5-segmented-button-item][focused]:not(:first-child)) .ui5-button-root:after{border-top-left-radius:var(--_ui5_button_focused_inner_border_radius);border-bottom-left-radius:var(--_ui5_button_focused_inner_border_radius)}"
+    content: ":host {\n\tvertical-align: middle;\n}\n.ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n:host(:not([hidden])) {\n\tdisplay: inline-block;\n}\n:host {\n\tmin-width: var(--_ui5_button_base_min_width);\n\theight: var(--_ui5_button_base_height);\n\tline-height: normal;\n\tfont-family: var(--_ui5_button_fontFamily);\n\tfont-size: var(--sapFontSize);\n\ttext-shadow: var(--_ui5_button_text_shadow);\n\tborder-radius: var(--_ui5_button_border_radius);\n\tcursor: pointer;\n\tbackground-color: var(--sapButton_Background);\n\tborder: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);\n\tcolor: var(--sapButton_TextColor);\n\tbox-sizing: border-box;\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n}\n.ui5-button-root {\n\tmin-width: inherit;\n\tcursor: inherit;\n\theight: 100%;\n\twidth: 100%;\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\toutline: none;\n\tpadding: 0 var(--_ui5_button_base_padding);\n\tposition: relative;\n\tbackground: transparent;\n\tborder: none;\n\tcolor: inherit;\n\ttext-shadow: inherit;\n\tfont: inherit;\n\twhite-space: inherit;\n\toverflow: inherit;\n\ttext-overflow: inherit;\n\tletter-spacing: inherit;\n\tword-spacing: inherit;\n\tline-height: inherit;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\tuser-select: none;\n}\n:host(:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),\n:host(:not([hidden]):not([disabled]).ui5_hovered) {\n\tbackground: var(--sapButton_Hover_Background);\n\tbox-shadow: var(--sapContent_Interaction_Shadow);\n\tborder: 1px solid var(--sapButton_Hover_BorderColor);\n\tcolor: var(--sapButton_Hover_TextColor);\n}\n.ui5-button-icon {\n\tcolor: inherit;\n\tflex-shrink: 0;\n}\n:host([icon-end]) .ui5-button-root {\n\tflex-direction: row-reverse;\n}\n:host([icon-end]) .ui5-button-icon {\n\tmargin-inline-start: var(--_ui5_button_base_icon_margin);\n}\n:host([icon-only]) .ui5-button-root {\n\tmin-width: auto;\n\tpadding: 0;\n}\n:host([icon-only]) .ui5-button-text {\n\tdisplay: none;\n}\n.ui5-button-text {\n\toutline: none;\n\tposition: relative;\n\twhite-space: inherit;\n\toverflow: inherit;\n\ttext-overflow: inherit;\n}\n:host([has-icon]:not([icon-end])) .ui5-button-text {\n\tmargin-inline-start: var(--_ui5_button_base_icon_margin);\n}\n:host([has-icon][icon-end]) .ui5-button-text {\n\tmargin-inline-start: 0;\n}\n:host([disabled]) {\n\topacity: var(--sapContent_DisabledOpacity);\n\tpointer-events: unset;\n\tcursor: default;\n}\n:host([has-icon]:not([icon-only])) .ui5-button-text{\n\t/* calculating the minimum width by removing the icon size  */\n\tmin-width: calc(var(--_ui5_button_base_min_width) - var(--_ui5_button_base_icon_margin) - 1rem);\n}\n:host([disabled]:active) {\n\tpointer-events: none;\n}\n:host([focused]) .ui5-button-root:after {\n\tcontent: \"\";\n\tposition: absolute;\n\tbox-sizing: border-box;\n\tleft: 0.0625rem;\n\ttop: 0.0625rem;\n\tright: 0.0625rem;\n\tbottom: 0.0625rem;\n\tborder: var(--_ui5_button_focused_border);\n\tborder-radius: var(--_ui5_button_focused_border_radius);\n}\n:host([design=\"Emphasized\"][focused]) .ui5-button-root:after {\n\tborder-color: var(--_ui5_button_emphasized_focused_border_color);\n}\n:host([design=\"Emphasized\"][focused]) .ui5-button-root:before {\n\tcontent: \"\";\n\tposition: absolute;\n\tbox-sizing: border-box;\n\tleft: 0.0625rem;\n\ttop: 0.0625rem;\n\tright: 0.0625rem;\n\tbottom: 0.0625rem;\n\tborder: var(--_ui5_button_emphasized_focused_border_before);\n\tborder-radius: var(--_ui5_button_focused_border_radius);\n}\n.ui5-button-root::-moz-focus-inner {\n\tborder: 0;\n}\nbdi {\n\tdisplay: block;\n\twhite-space: inherit;\n\toverflow: inherit;\n\ttext-overflow: inherit;\n}\n:host([ui5-button][active]:not([disabled]):not([non-interactive])) {\n\tbackground-image: none;\n\tbackground-color: var(--sapButton_Active_Background);\n\tborder-color: var(--sapButton_Active_BorderColor);\n\tcolor: var(--sapButton_Active_TextColor);\n}\n:host([design=\"Positive\"]) {\n\tbackground-color: var(--sapButton_Accept_Background);\n\tborder-color: var(--sapButton_Accept_BorderColor);\n\tcolor: var(--sapButton_Accept_TextColor);\n}\n/*The ui5_hovered class is set by FileUploader to indicate hover state of the control*/\n:host([design=\"Positive\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),\n:host([design=\"Positive\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered) {\n\tbackground-color: var(--sapButton_Accept_Hover_Background);\n\tborder-color: var(--sapButton_Accept_Hover_BorderColor);\n\tbox-shadow: var(--sapContent_Positive_Shadow);\n\tcolor: var(--sapButton_Accept_Hover_TextColor);\n}\n:host([ui5-button][design=\"Positive\"][active]:not([non-interactive])) {\n\tbackground-color: var(--sapButton_Accept_Active_Background);\n\tborder-color: var(--sapButton_Accept_Active_BorderColor);\n\tcolor: var(--sapButton_Accept_Active_TextColor);\n}\n:host([design=\"Negative\"]) {\n\tbackground-color: var(--sapButton_Reject_Background);\n\tborder-color: var(--sapButton_Reject_BorderColor);\n\tcolor: var(--sapButton_Reject_TextColor);\n}\n/*The ui5_hovered class is set by FileUploader to indicate hover state of the control*/\n:host([design=\"Negative\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),\n:host([design=\"Negative\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered) {\n\tbackground-color: var(--sapButton_Reject_Hover_Background);\n\tborder-color: var(--sapButton_Reject_Hover_BorderColor);\n\tbox-shadow: var(--sapContent_Negative_Shadow);\n\tcolor: var(--sapButton_Reject_Hover_TextColor);\n}\n:host([ui5-button][design=\"Negative\"][active]:not([non-interactive])) {\n\tbackground-color: var(--sapButton_Reject_Active_Background);\n\tborder-color: var(--sapButton_Reject_Active_BorderColor);\n\tcolor: var(--sapButton_Reject_Active_TextColor);\n}\n:host([design=\"Attention\"]) {\n\tbackground-color: var(--sapButton_Attention_Background);\n\tborder-color: var(--sapButton_Attention_BorderColor);\n\tcolor: var(--sapButton_Attention_TextColor);\n}\n/*The ui5_hovered class is set by FileUploader to indicate hover state of the control*/\n:host([design=\"Attention\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),\n:host([design=\"Attention\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered) {\n\tbackground-color: var(--sapButton_Attention_Hover_Background);\n\tborder-color: var(--sapButton_Attention_Hover_BorderColor);\n\tcolor: var(--sapButton_Attention_Hover_TextColor);\n\tbox-shadow: var(--sapContent_Critical_Shadow)\n}\n:host([ui5-button][design=\"Attention\"][active]:not([non-interactive])) {\n\tbackground-color: var(--sapButton_Attention_Active_Background);\n\tborder-color: var(--sapButton_Attention_Active_BorderColor);\n\tcolor: var(--sapButton_Attention_Active_TextColor);\n}\n:host([design=\"Emphasized\"]) {\n\tbackground-color: var(--sapButton_Emphasized_Background);\n\tborder-color: var(--sapButton_Emphasized_BorderColor);\n\tborder-width: var(--_ui5_button_emphasized_border_width);\n\tcolor: var(--sapButton_Emphasized_TextColor);\n\tfont-weight: var(--_ui5_button_emphasized_font_weight);\n}\n/*The ui5_hovered class is set by FileUploader to indicate hover state of the control*/\n:host([design=\"Emphasized\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),\n:host([design=\"Emphasized\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered) {\n\tbackground-color: var(--sapButton_Emphasized_Hover_Background);\n\tborder-color: var(--sapButton_Emphasized_Hover_BorderColor);\n\tborder-width: var(--_ui5_button_emphasized_border_width);\n\tcolor: var(--sapButton_Emphasized_Hover_TextColor);\n\tbox-shadow: none;\n}\n:host([ui5-button][design=\"Empasized\"][active]:not([non-interactive])) {\n\tbackground-color: var(--sapButton_Emphasized_Active_Background);\n\tborder-color: var(--sapButton_Emphasized_Active_BorderColor);\n\tcolor: var(--sapButton_Emphasized_Active_TextColor);\n}\n:host([design=\"Emphasized\"][focused]) .ui5-button-root:after {\n\tborder-color: var(--sapContent_ContrastFocusColor);\n\toutline: none;\n}\n:host([design=\"Transparent\"]) {\n\tbackground-color: var(--sapButton_Lite_Background);\n\tcolor: var(--sapButton_Lite_TextColor);\n\tborder-color: var(--sapButton_Lite_BorderColor);\n}\n/*The ui5_hovered class is set by FileUploader to indicate hover state of the control*/\n:host([design=\"Transparent\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),\n:host([design=\"Transparent\"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered) {\n\tbackground-color: var(--sapButton_Lite_Hover_Background);\n\tborder-color: var(--sapButton_Lite_Hover_BorderColor);\n\tbox-shadow: var(--sapContent_Interaction_Shadow);\n\tcolor: var(--sapButton_Lite_Hover_TextColor);\n}\n:host([ui5-button][design=\"Transparent\"][active]:not([non-interactive])) {\n\tbackground-color: var(--sapButton_Lite_Active_Background);\n\tborder-color: var(--sapButton_Lite_Active_BorderColor);\n\tcolor: var(--sapButton_Active_TextColor);\n}\n/* SegmentedButton and ToggleButton */\n:host([ui5-segmented-button-item][active][focused]) .ui5-button-root:after,\n:host([pressed][focused]) .ui5-button-root:after {\n\tborder-color: var(--_ui5_button_pressed_focused_border_color);\n\toutline: none;\n}\n:host([ui5-segmented-button-item][focused]:not(:last-child)) .ui5-button-root:after {\n\tborder-top-right-radius: var(--_ui5_button_focused_inner_border_radius);\n\tborder-bottom-right-radius: var(--_ui5_button_focused_inner_border_radius);\n}\n:host([ui5-segmented-button-item][focused]:not(:first-child)) .ui5-button-root:after {\n\tborder-top-left-radius: var(--_ui5_button_focused_inner_border_radius);\n\tborder-bottom-left-radius: var(--_ui5_button_focused_inner_border_radius);\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

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

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/Calendar.css",
-    content: ":host(:not([hidden])){display:inline-block}.ui5-cal-root{background:var(--sapList_Background);box-sizing:border-box;height:var(--_ui5_calendar_height);width:var(--_ui5_calendar_width);padding:var(--_ui5_calendar_top_bottom_padding) var(--_ui5_calendar_left_right_padding) 0;display:flex;flex-direction:column-reverse;justify-content:flex-end}.ui5-cal-root [ui5-calendar-header]{height:var(--_ui5_calendar_header_height);font-family:var(--_ui5_button_fontFamily)}.ui5-cal-root .ui5-cal-content{padding:0 var(--_ui5_calendar_left_right_padding) var(--_ui5_calendar_top_bottom_padding)}"
+    content: ":host(:not([hidden])) {\n    display: inline-block;\n}\n\n.ui5-cal-root {\n    background: var(--sapList_Background);\n    box-sizing: border-box;\n    height: var(--_ui5_calendar_height);\n    width: var(--_ui5_calendar_width);\n    padding: var(--_ui5_calendar_top_bottom_padding) var(--_ui5_calendar_left_right_padding) 0;\n    display: flex;\n    flex-direction: column-reverse;\n    justify-content: flex-end;\n}\n\n.ui5-cal-root [ui5-calendar-header] {\n    height: var(--_ui5_calendar_header_height);\n    font-family: var(--_ui5_button_fontFamily);\n}\n\n.ui5-cal-root .ui5-cal-content {\n    padding: 0 var(--_ui5_calendar_left_right_padding) var(--_ui5_calendar_top_bottom_padding);\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

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

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/CalendarHeader.css",
-    content: ":host{display:block;width:100%;height:100%}.ui5-calheader-root{display:flex;height:100%;padding:var(--_ui5_calendar_header_padding);box-sizing:border-box}.ui5-calheader-arrowbtn{display:flex;justify-content:center;align-items:center;width:var(--_ui5_calendar_header_arrow_button_width);background-color:var(--sapButton_Lite_Background);color:var(--sapButton_Lite_TextColor);cursor:pointer;overflow:hidden;white-space:nowrap;padding:0;font-size:var(--sapFontSize);user-select:none}.ui5-calheader-arrowbtn.ui5-calheader-arrowbtn-disabled,.ui5-calheader-arrowbtn.ui5-calheader-arrowbtn-disabled:active,.ui5-calheader-arrowbtn.ui5-calheader-arrowbtn-disabled:focus,.ui5-calheader-arrowbtn.ui5-calheader-arrowbtn-disabled:hover{pointer-events:none;opacity:.4;outline:none;background-color:var(--sapButton_Lite_Background);color:var(--sapButton_Lite_TextColor)}[hidden].ui5-calheader-arrowbtn.ui5-calheader-middlebtn{display:none}.ui5-calheader-arrowbtn:focus{outline:none}.ui5-calheader-arrowbtn:hover{background-color:var(--sapButton_Hover_Background);color:var(--sapButton_Lite_TextColor);box-shadow:var(--_ui5_calendar_header_arrow_button_box_shadow)}.ui5-calheader-arrowbtn:active{background-color:var(--sapButton_Active_Background);color:var(--sapButton_Active_TextColor)}.ui5-calheader-arrowbtn,.ui5-calheader-middlebtn{border:var(--_ui5_calendar_header_arrow_button_border);border-radius:var(--_ui5_calendar_header_arrow_button_border_radius);display:flex;background-color:var(--sapButton_Lite_Background);border-color:var(--sapButton_Lite_BorderColor)}.ui5-calheader-middlebtn{flex-direction:column;align-items:center;justify-content:center}.ui5-calheader-btn-sectext{color:var(--sapNeutralElementColor);font-size:.625rem}.ui5-calheader-arrowicon{color:currentColor;pointer-events:none}.ui5-calheader-midcontainer{display:flex;justify-content:space-around;flex:1 1 auto;padding:0 .5rem}.ui5-calheader-midcontainer .ui5-calheader-middlebtn:first-child{margin-inline-end:.5rem}.ui5-calheader-middlebtn{font-family:var(--_ui5_button_fontFamily);width:var(--_ui5_calendar_header_middle_button_width);flex:var(--_ui5_calendar_header_middle_button_flex);position:relative;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ui5-calheader-middlebtn:focus{border:var(--_ui5_calendar_header_middle_button_focus_border);border-radius:var(--_ui5_calendar_header_middle_button_focus_border_radius);outline:var(--_ui5_calendar_header_middle_button_focus_outline);outline-offset:-.125rem;background:var(--_ui5_calendar_header_middle_button_focus_background)}.ui5-calheader-middlebtn:focus:active{outline:var(--_ui5_calendar_header_middle_button_focus_active_outline);outline-offset:-.0625rem;background:var(--_ui5_calendar_header_middle_button_focus_active_background)}.ui5-calheader-middlebtn:focus:after{content:\"\";display:var(--_ui5_calendar_header_middle_button_focus_after_display);width:var(--_ui5_calendar_header_middle_button_focus_after_width);height:var(--_ui5_calendar_header_middle_button_focus_after_height);border:var(--_ui5_calendar_header_middle_button_focus_after_border);position:absolute;top:var(--_ui5_calendar_header_middle_button_focus_after_top_offset);left:var(--_ui5_calendar_header_middle_button_focus_after_left_offset)}.ui5-calheader-middlebtn:focus:active:after{border-color:var(--sapContent_ContrastFocusColor)}"
+    content: ":host {\n\tdisplay: block;\n\twidth: 100%;\n\theight: 100%;\n}\n\n.ui5-calheader-root {\n\tdisplay: flex;\n\theight: 100%;\n\tpadding: var(--_ui5_calendar_header_padding);\n\tbox-sizing: border-box;\n}\n\n.ui5-calheader-arrowbtn {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\twidth: var(--_ui5_calendar_header_arrow_button_width);\n\tbackground-color: var(--sapButton_Lite_Background);\n\tcolor: var(--sapButton_Lite_TextColor);\n\tcursor: pointer;\n\toverflow: hidden;\n\twhite-space: nowrap;\n\tpadding: 0;\n\tfont-size: var(--sapFontSize);\n\tuser-select: none;\n}\n\n.ui5-calheader-arrowbtn.ui5-calheader-arrowbtn-disabled:hover,\n.ui5-calheader-arrowbtn.ui5-calheader-arrowbtn-disabled:active,\n.ui5-calheader-arrowbtn.ui5-calheader-arrowbtn-disabled:focus,\n.ui5-calheader-arrowbtn.ui5-calheader-arrowbtn-disabled {\n\tpointer-events: none;\n\topacity: 0.4;\n\toutline: none;\n\tbackground-color: var(--sapButton_Lite_Background);\n\tcolor: var(--sapButton_Lite_TextColor);\n}\n\n[hidden].ui5-calheader-arrowbtn.ui5-calheader-middlebtn {\n\tdisplay: none;\n}\n\n.ui5-calheader-arrowbtn:focus {\n\toutline: none;\n}\n\n.ui5-calheader-arrowbtn:hover {\n\tbackground-color: var(--sapButton_Hover_Background);\n\tcolor: var(--sapButton_Lite_TextColor);\n\tbox-shadow: var(--_ui5_calendar_header_arrow_button_box_shadow);\n}\n\n.ui5-calheader-arrowbtn:active {\n\tbackground-color: var(--sapButton_Active_Background);\n\tcolor: var(--sapButton_Active_TextColor);\n}\n\n.ui5-calheader-arrowbtn,\n.ui5-calheader-middlebtn {\n\tborder: var(--_ui5_calendar_header_arrow_button_border);\n\tborder-radius: var(--_ui5_calendar_header_arrow_button_border_radius);\n\tdisplay:flex;\n\tbackground-color: var(--sapButton_Lite_Background);\n\tborder-color: var(--sapButton_Lite_BorderColor);\n}\n\n.ui5-calheader-middlebtn {\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content:center;\n}\n\n.ui5-calheader-arrowbtn:not(:active) .ui5-calheader-btn-sectext {\n\tcolor: var(--sapNeutralElementColor);\n\tfont-size: var(--sapFontSmallSize);\n}\n\n.ui5-calheader-arrowicon {\n\tcolor: currentColor;\n\tpointer-events: none;\n}\n\n.ui5-calheader-midcontainer {\n\tdisplay: flex;\n\tjustify-content: space-around;\n\tflex: 1 1 auto;\n\tpadding: 0 0.5rem;\n}\n\n.ui5-calheader-midcontainer .ui5-calheader-middlebtn:first-child {\n\tmargin-inline-end: 0.5rem;\n}\n\n.ui5-calheader-middlebtn {\n\tfont-family: var(--_ui5_button_fontFamily);\n\twidth: var(--_ui5_calendar_header_middle_button_width);\n\tflex: var(--_ui5_calendar_header_middle_button_flex);\n\tposition: relative;\n\tbox-sizing: border-box;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\tuser-select: none;\n}\n\n.ui5-calheader-middlebtn:focus {\n\tborder: var(--_ui5_calendar_header_middle_button_focus_border);\n\tborder-radius: var(--_ui5_calendar_header_middle_button_focus_border_radius);\n\toutline: var(--_ui5_calendar_header_middle_button_focus_outline);\n\toutline-offset: -0.125rem;\n\tbackground: var(--_ui5_calendar_header_middle_button_focus_background);\n}\n\n.ui5-calheader-middlebtn:focus:active {\n\toutline: var(--_ui5_calendar_header_middle_button_focus_active_outline);\n\toutline-offset: -0.0625rem;\n\tbackground: var(--_ui5_calendar_header_middle_button_focus_active_background)\n}\n\n.ui5-calheader-middlebtn:focus::after {\n\tcontent: \"\";\n\tdisplay: var(--_ui5_calendar_header_middle_button_focus_after_display);\n\twidth: var(--_ui5_calendar_header_middle_button_focus_after_width);\n\theight: var(--_ui5_calendar_header_middle_button_focus_after_height);\n\tborder: var(--_ui5_calendar_header_middle_button_focus_after_border);\n\tposition: absolute;\n\ttop: var(--_ui5_calendar_header_middle_button_focus_after_top_offset);\n\tleft: var(--_ui5_calendar_header_middle_button_focus_after_left_offset);\n}\n\n.ui5-calheader-middlebtn:focus:active::after {\n\tborder-color: var(--sapContent_ContrastFocusColor);\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

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

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/Card.css",
-    content: ".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:inline-block;width:100%}.ui5-card-root{width:100%;height:100%;color:var(--sapGroup_TitleTextColor);background:var(--sapTile_Background);box-shadow:var(--_ui5_card_box_shadow);border-radius:var(--_ui5_card_border-radius);border:var(--_ui5_card_border);overflow:hidden;font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSize);box-sizing:border-box}.ui5-card-root:hover{box-shadow:var(--_ui5_card_hover_box_shadow)}.ui5-card-root:active{box-shadow:var(--_ui5_card_box_shadow)}.ui5-card-root.ui5-card--nocontent{height:auto}.ui5-card-root.ui5-card--nocontent .ui5-card-header-root{border-bottom:none}.ui5-card--nocontent ::slotted([ui5-card-header]){--_ui5_card_header_focus_bottom_radius:var(--_ui5_card_header_focus_radius)}.ui5-card-root .ui5-card-header-root{border-bottom:var(--_ui5_card_header_border)}"
+    content: ".ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n\n:host(:not([hidden])) {\n\tdisplay: inline-block;\n\twidth: 100%;\n}\n\n.ui5-card-root {\n\twidth: 100%;\n\theight: 100%;\n\tcolor: var(--sapGroup_TitleTextColor);\n\tbackground: var(--sapTile_Background);\n\tbox-shadow: var(--_ui5_card_box_shadow);\n\tborder-radius: var(--_ui5_card_border-radius);\n\tborder: var(--_ui5_card_border);\n\toverflow: hidden;\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-size: var(--sapFontSize);\n\tbox-sizing: border-box;\n}\n\n.ui5-card-root.ui5-card--interactive:hover {\n\tbox-shadow: var(--_ui5_card_hover_box_shadow);\n}\n\n.ui5-card-root.ui5-card--interactive:active {\n\tbox-shadow: var(--_ui5_card_box_shadow);\n}\n\n/* Card with no content */\n\n.ui5-card-root.ui5-card--nocontent {\n\theight: auto;\n}\n\n.ui5-card-root.ui5-card--nocontent .ui5-card-header-root  {\n    border-bottom: none;\n}\n\n.ui5-card--nocontent ::slotted([ui5-card-header]) {\n\t--_ui5_card_header_focus_bottom_radius: var(--_ui5_card_header_focus_radius);\n}\n\n.ui5-card-root .ui5-card-header-root {\n\tborder-bottom: var(--_ui5_card_header_border);\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

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

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/CardHeader.css",
-    content: ".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}.ui5-card-header{position:relative;display:flex;align-items:center;padding:var(--_ui5_card_header_padding);outline:none}:host([subtitleText]) .ui5-card-header{align-items:flex-start}.ui5-card-header:not(.ui5-card-header-hide-focus):focus-within:before{outline:none;content:\"\";position:absolute;border:var(--_ui5_card_header_focus_border);pointer-events:none;top:var(--_ui5_card_header_focus_offset);left:var(--_ui5_card_header_focus_offset);right:var(--_ui5_card_header_focus_offset);bottom:var(--_ui5_card_header_focus_offset);border-top-left-radius:var(--_ui5_card_header_focus_radius);border-top-right-radius:var(--_ui5_card_header_focus_radius);border-bottom-left-radius:var(--_ui5_card_header_focus_bottom_radius);border-bottom-right-radius:var(--_ui5_card_header_focus_bottom_radius)}.ui5-card-header-focusable-element:focus{outline:none}.ui5-card-header-focusable-element{display:inherit;align-items:inherit;flex:1}.ui5-card-header.ui5-card-header--interactive:hover{cursor:pointer;background:var(--_ui5_card_header_hover_bg)}.ui5-card-header.ui5-card-header--active,.ui5-card-header.ui5-card-header--interactive:active{background:var(--_ui5_card_header_active_bg)}.ui5-card-header .ui5-card-header-text{flex:1;pointer-events:none}.ui5-card-header-first-line{display:flex;flex-flow:row;justify-content:space-between}.ui5-card-header-status{flex:none}.ui5-card-header .ui5-card-header-avatar{height:3rem;width:3rem;display:flex;align-items:center;justify-content:center;margin-inline-end:.75rem;pointer-events:none;align-self:flex-start}::slotted([ui5-icon]){width:1.5rem;height:1.5rem;color:var(--sapTile_IconColor)}::slotted(img[slot=avatar]){width:100%;height:100%;border-radius:50%}.ui5-card-header .ui5-card-header-status{display:inline-block;font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSmallSize);color:var(--sapTile_TextColor);text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:middle;margin-inline-start:1rem;margin-block-start:.125rem}.ui5-card-header .ui5-card-header-text .ui5-card-header-title{font-family:var(--_ui5_card_header_title_font_family);font-size:var(--_ui5_card_header_title_font_size);font-weight:var(--_ui5_card_header_title_font_weight);color:var(--sapTile_TitleTextColor);max-height:3.5rem;align-self:flex-end}.ui5-card-header .ui5-card-header-text .ui5-card-header-subtitle{font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;color:var(--sapTile_TextColor);margin-top:var(--_ui5_card_header_subtitle_margin_top);max-height:2.1rem}.ui5-card-header .ui5-card-header-text .ui5-card-header-subtitle,.ui5-card-header .ui5-card-header-text .ui5-card-header-title{text-align:start;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;max-width:100%}.ui5-card-header .ui5-card-header-text .ui5-card-header-title{-webkit-line-clamp:3}.ui5-card-header-action{display:flex;padding-inline-start:1rem;align-self:flex-start}"
+    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.ui5-card-header {\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: var(--_ui5_card_header_padding);\n\toutline: none;\n}\n\n:host([subtitleText]) .ui5-card-header {\n\talign-items: flex-start;\n}\n\n.ui5-card-header.ui5-card-header-ff:not(.ui5-card-header-hide-focus):focus-within:before {\n\toutline: none;\n\tcontent: \"\";\n\tposition: absolute;\n\tborder: var(--_ui5_card_header_focus_border);\n\tpointer-events: none;\n\ttop: var(--_ui5_card_header_focus_offset);\n\tleft: var(--_ui5_card_header_focus_offset);\n\tright: var(--_ui5_card_header_focus_offset);\n\tbottom: var(--_ui5_card_header_focus_offset);\n\tborder-top-left-radius: var(--_ui5_card_header_focus_radius);\n\tborder-top-right-radius: var(--_ui5_card_header_focus_radius);\n\tborder-bottom-left-radius: var(--_ui5_card_header_focus_bottom_radius);\n\tborder-bottom-right-radius: var(--_ui5_card_header_focus_bottom_radius);\n}\n\n/* cannot be combined with the above style, because :has selector breaks the whole style if FF */\n\n.ui5-card-header:not(.ui5-card-header-ff):not(.ui5-card-header-hide-focus):has(.ui5-card-header-focusable-element:focus-visible):before {\n\toutline: none;\n\tcontent: \"\";\n\tposition: absolute;\n\tborder: var(--_ui5_card_header_focus_border);\n\tpointer-events: none;\n\ttop: var(--_ui5_card_header_focus_offset);\n\tleft: var(--_ui5_card_header_focus_offset);\n\tright: var(--_ui5_card_header_focus_offset);\n\tbottom: var(--_ui5_card_header_focus_offset);\n\tborder-top-left-radius: var(--_ui5_card_header_focus_radius);\n\tborder-top-right-radius: var(--_ui5_card_header_focus_radius);\n\tborder-bottom-left-radius: var(--_ui5_card_header_focus_bottom_radius);\n\tborder-bottom-right-radius: var(--_ui5_card_header_focus_bottom_radius);\n}\n\n.ui5-card-header-focusable-element {\n\toutline: none;\n}\n\n.ui5-card-header-focusable-element {\n\tdisplay: inherit;\n\talign-items: inherit;\n\tflex: 1;\n}\n\n.ui5-card-header.ui5-card-header--interactive:hover {\n\tcursor: pointer;\n\tbackground: var(--_ui5_card_header_hover_bg);\n}\n\n.ui5-card-header.ui5-card-header--active,\n.ui5-card-header.ui5-card-header--interactive:active {\n\tbackground: var(--_ui5_card_header_active_bg);\n}\n\n.ui5-card-header .ui5-card-header-text {\n\tflex: 1;\n\tpointer-events: none;\n}\n\n.ui5-card-header-first-line {\n\tdisplay: flex;\n\tflex-flow: row;\n\tjustify-content: space-between;\n}\n\n.ui5-card-header-status {\n\tflex: none;\n}\n\n.ui5-card-header .ui5-card-header-avatar {\n\theight: 3rem;\n\twidth: 3rem;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin-inline-end: .75rem;\n\tpointer-events: none;\n\talign-self: flex-start;\n}\n\n::slotted([ui5-icon]) {\n\twidth: 1.5rem;\n\theight: 1.5rem;\n\tcolor: var(--sapTile_IconColor);\n}\n\n::slotted(img[slot=\"avatar\"]) {\n\twidth: 100%;\n\theight: 100%;\n\tborder-radius: 50%;\n}\n\n.ui5-card-header .ui5-card-header-status {\n\tdisplay: inline-block;\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-size: var(--sapFontSmallSize);\n\tcolor: var(--sapTile_TextColor);\n\ttext-align: left;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\twhite-space: nowrap;\n\tvertical-align: middle;\n\tmargin-inline-start: 1rem;\n\tmargin-block-start: 0.125rem;\n}\n\n.ui5-card-header .ui5-card-header-text .ui5-card-header-title {\n\tfont-family: var(--_ui5_card_header_title_font_family);\n\tfont-size: var(--_ui5_card_header_title_font_size);\n\tfont-weight: var(--_ui5_card_header_title_font_weight);\n\tcolor: var(--sapTile_TitleTextColor);\n\tmax-height: 3.5rem;\n\talign-self: flex-end;\n}\n\n.ui5-card-header .ui5-card-header-text .ui5-card-header-subtitle {\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-size: var(--sapFontSize);\n\tfont-weight: normal;\n\tcolor: var(--sapTile_TextColor);\n\tmargin-top: var(--_ui5_card_header_subtitle_margin_top);\n\tmax-height: 2.1rem;\n}\n\n.ui5-card-header .ui5-card-header-text .ui5-card-header-title,\n.ui5-card-header .ui5-card-header-text .ui5-card-header-subtitle {\n\ttext-align: start;\n\ttext-overflow: ellipsis;\n\twhite-space: normal;\n\tword-wrap: break-word;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n\tdisplay: -webkit-box;\n\tmax-width: 100%;\n}\n\n.ui5-card-header .ui5-card-header-text .ui5-card-header-title {\n\t-webkit-line-clamp: 3;\n}\n\n.ui5-card-header-action {\n\tdisplay: flex;\n\tpadding-inline-start: 1rem;\n\talign-self: flex-start;\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

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

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/Carousel.css",
-    content: ":host(:not([hidden])){display:inline-block}:host{width:100%;min-width:15.5rem;height:100%}.ui5-carousel-root:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor)}.ui5-carousel-root{height:inherit;position:relative;display:flex;flex-direction:column;align-items:center}.ui5-carousel-viewport{width:100%;height:inherit;position:relative;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden}.ui5-carousel-viewport.ui5-carousel-viewport--single{align-items:center}.ui5-carousel-content{height:100%;position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;background:var(--ui5_carousel_background_color);transition:transform .5s cubic-bezier(.46,0,.44,1);will-change:transform}.ui5-carousel-content.ui5-carousel-content-no-animation{transition:none}.ui5-carousel-content.ui5-carousel-content-has-navigation{height:calc(100% - 1rem)}.ui5-carousel-item{height:100%;display:flex;align-items:center;justify-content:center;padding:0 .75rem;box-sizing:border-box;transition:visibility .5s linear;will-change:visibility}.ui5-carousel-item--hidden{visibility:hidden}.ui5-carousel-navigation-arrows{width:100%;padding:0 .5rem;position:absolute;top:calc(50% - var(--ui5_carousel_button_size));left:0;display:flex;justify-content:space-between;box-sizing:border-box;pointer-events:none}.ui5-carousel-navigation-arrows>[ui5-button]{pointer-events:all}.ui5-carousel-navigation-wrapper{width:100%;height:2.75rem;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;background:var(--sapPageFooter_Background);border-top:1px solid var(--sapPageFooter_BorderColor)}.ui5-carousel-navigation-wrapper.ui5-carousel-navigation-with-buttons{height:3.5rem}.ui5-carousel-navigation-button{width:var(--ui5_carousel_button_size);height:var(--ui5_carousel_button_size);border-radius:50%;box-shadow:none;cursor:pointer;outline-offset:.1rem;--_ui5_button_focused_border_radius:50%}.ui5-carousel-navigation-arrows .ui5-carousel-navigation-button{box-shadow:var(--sapContent_Shadow1)}.ui5-carousel-navigation-button--hidden{visibility:hidden;padding:0}.ui5-carousel-navigation{width:9rem;height:2rem;display:flex;justify-content:center;align-items:center}.ui5-carousel-navigation-dot{width:var(--ui5_carousel_inactive_dot_size);height:var(--ui5_carousel_inactive_dot_size);margin:var(--ui5_carousel_inactive_dot_margin);border-radius:50%;background-color:var(--ui5_carousel_inactive_dot_background);border:var(--ui5_carousel_inactive_dot_border);transition:background-color .1s ease-in}.ui5-carousel-navigation-dot[active]{width:.5rem;height:.5rem;margin:0 .25rem;background-color:var(--ui5_carousel_active_dot_background);border:var(--ui5_carousel_active_dot_border)}"
+    content: ":host(:not([hidden])) {\n    display: inline-block;\n}\n\n:host {\n    width: 100%;\n    min-width: 15.5rem;\n    height: 100%;\n}\n\n.ui5-carousel-root:focus-visible {\n    outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n}\n\n.ui5-carousel-root {\n    height: inherit;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    background: var(--ui5_carousel_background_color_translucent);\n}\n\n.ui5-carousel-background-solid {\n    background: var(--ui5_carousel_background_color_solid);\n}\n\n.ui5-carousel-background-transparent {\n    background: transparent;\n}\n\n.ui5-carousel-viewport {\n    width: 100%;\n    height: inherit;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    overflow: hidden;\n    padding: 1px;\n    flex: 1;\n    min-height: 0;\n}\n\n.ui5-carousel-viewport.ui5-carousel-viewport--single {\n    align-items: center;\n}\n\n.ui5-carousel-content {\n    height: 100%;\n    position: relative;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    transition: transform 0.5s cubic-bezier(.46, 0, .44, 1);\n    will-change: transform;\n}\n\n.ui5-carousel-content.ui5-carousel-content-no-animation {\n    transition: none;\n}\n\n.ui5-carousel-content.ui5-carousel-content-has-navigation {\n    height: calc(100% - 1rem);\n}\n\n.ui5-carousel-item {\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 0.75rem;\n    box-sizing: border-box;\n    transition: opacity 0.5s linear;\n    will-change: opacity;\n}\n\n.ui5-carousel-item--hidden {\n    opacity: 0;\n}\n\n.ui5-carousel-navigation-arrows {\n    width: 100%;\n    padding: 0 0.5rem;\n    position: absolute;\n    top: calc(50% - var(--ui5_carousel_button_size) / 2);\n    left: 0;\n    display: flex;\n    justify-content: space-between;\n    box-sizing: border-box;\n    pointer-events: none;\n}\n\n.ui5-carousel-navigation-arrows > [ui5-button] {\n    pointer-events: all;\n}\n\n.ui5-carousel-navigation-wrapper {\n    width: 100%;\n    height: 2.75rem;\n    display: flex;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n    box-sizing: border-box;\n}\n\n.ui5-carousel-navigation-wrapper-bg-solid {\n    background: var(--sapPageFooter_Background);\n}\n\n.ui5-carousel-navigation-wrapper-bg-translucent {\n    background: var(--ui5_carousel_background_color_translucent);\n}\n\n.ui5-carousel-navigation-wrapper-bg-transparent {\n    background: transparent;\n}\n\n.ui5-carousel-navigation-wrapper-border-solid {\n    border-top: var(--sapElement_BorderWidth) solid var(--sapList_BorderColor);\n}\n\n.ui5-carousel-navigation-wrapper.ui5-carousel-navigation-with-buttons {\n    height: 3.5rem;\n}\n\n.ui5-carousel-navigation-button {\n    width: var(--ui5_carousel_button_size);\n    height: var(--ui5_carousel_button_size);\n    border-radius: 50%;\n    box-shadow: none;\n    cursor: pointer;\n    outline-offset: .1rem;\n    --_ui5_button_focused_border_radius: 50%;\n}\n\n.ui5-carousel-navigation-arrows .ui5-carousel-navigation-button {\n    box-shadow: var(--sapContent_Shadow1);\n}\n\n.ui5-carousel-navigation-button--hidden {\n    visibility: hidden;\n    padding: 0;\n}\n\n.ui5-carousel-navigation {\n    width: 9rem;\n    height: 2rem;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.ui5-carousel-navigation-dot {\n    box-sizing: border-box;\n    width: var(--ui5_carousel_inactive_dot_size);\n    height: var(--ui5_carousel_inactive_dot_size);\n    margin: var(--ui5_carousel_inactive_dot_margin);\n    border-radius: 50%;\n    background-color: var(--ui5_carousel_inactive_dot_background);\n    border: var(--ui5_carousel_inactive_dot_border);\n    transition: background-color .1s ease-in;\n}\n\n.ui5-carousel-navigation-dot[active] {\n    width: .5rem;\n    height: .5rem;\n    margin: 0 .25rem;\n    background-color: var(--ui5_carousel_active_dot_background);\n    border: var(--ui5_carousel_active_dot_border);\n}\n\n.ui5-carousel-navigation-text {\n    font-family: var(--sapFontFamily);\n    font-size: var(--sapFontSize);\n    font-weight: normal;\n    color: var(--sapPageFooter_TextColor);\n    white-space: nowrap;\n    overflow: hidden;\n    text-align: center;\n    text-overflow: ellipsis;\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

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

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/CheckBox.css",
-    content: ".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host{-webkit-tap-highlight-color:rgba(0,0,0,0)}:host(:not([hidden])){display:inline-block}:host{overflow:hidden;max-width:100%;outline:none;border-radius:var(--_ui5_checkbox_border_radius);transition:var(--_ui5_checkbox_transition);cursor:pointer}:host([disabled]){cursor:default}:host([disabled]) .ui5-checkbox-root{opacity:var(--_ui5_checkbox_disabled_opacity)}:host([disabled]) .ui5-checkbox-inner{border-color:var(--_ui5_checkbox_inner_disabled_border_color)}:host([disabled]) .ui5-checkbox-label{color:var(--_ui5_checkbox_disabled_label_color)}:host([readonly]:not([value-state=Warning]):not([value-state=Error])) .ui5-checkbox-inner{background:var(--sapField_ReadOnly_Background);border:var(--_ui5_checkbox_inner_readonly_border);color:var(--sapContent_NonInteractiveIconColor)}:host([wrapping-type=Normal][text]) .ui5-checkbox-root{min-height:auto;box-sizing:border-box;align-items:flex-start;padding-top:var(--_ui5_checkbox_root_side_padding);padding-bottom:var(--_ui5_checkbox_root_side_padding)}:host([wrapping-type=Normal][text]) .ui5-checkbox-root .ui5-checkbox-inner,:host([wrapping-type=Normal][text]) .ui5-checkbox-root .ui5-checkbox-label{margin-top:var(--_ui5_checkbox_wrapped_content_margin_top)}:host([wrapping-type=Normal][text]) .ui5-checkbox-root .ui5-checkbox-label{word-break:break-all;align-self:center}:host([wrapping-type=Normal]) .ui5-checkbox-root:focus:before{bottom:var(--_ui5_checkbox_wrapped_focus_left_top_bottom_position)}:host([value-state=Error]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover,:host([value-state=Error]) .ui5-checkbox-inner{background:var(--sapField_InvalidBackground);border:var(--_ui5_checkbox_inner_error_border);color:var(--sapField_InvalidColor)}:host([value-state=Error]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover{box-shadow:var(--_ui5_checkbox_inner_error_box_shadow);background:var(--_ui5_checkbox_inner_error_background_hover)}:host([value-state=Warning]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover,:host([value-state=Warning]) .ui5-checkbox-inner{background:var(--sapField_WarningBackground);border:var(--_ui5_checkbox_inner_warning_border);color:var(--_ui5_checkbox_inner_warning_color)}:host([value-state=Warning]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover{box-shadow:var(--_ui5_checkbox_inner_warning_box_shadow);background:var(--_ui5_checkbox_inner_warning_background_hover)}:host([value-state=Information]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover,:host([value-state=Information]) .ui5-checkbox-inner{background:var(--sapField_InformationBackground);border:var(--_ui5_checkbox_inner_information_border);color:var(--_ui5_checkbox_inner_information_color)}:host([value-state=Information]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover{box-shadow:var(--_ui5_checkbox_inner_information_box_shadow);background:var(--_ui5_checkbox_inner_information_background_hover)}:host([value-state=Success]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover,:host([value-state=Success]) .ui5-checkbox-inner{background:var(--sapField_SuccessBackground);border:var(--_ui5_checkbox_inner_success_border);color:var(--sapField_SuccessColor)}:host([value-state=Success]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover{box-shadow:var(--_ui5_checkbox_inner_success_box_shadow);background:var(--_ui5_checkbox_inner_success_background_hover)}:host(:not([value-state])) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover,:host([value-state=None]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover{box-shadow:var(--_ui5_checkbox_inner_default_box_shadow)}:host([value-state=Warning]) .ui5-checkbox-icon,:host([value-state=Warning][indeterminate]) .ui5-checkbox-inner:after{color:var(--_ui5_checkbox_checkmark_warning_color)}:host([text]) .ui5-checkbox-root{padding-inline-end:var(--_ui5_checkbox_right_focus_distance)}:host([text]) .ui5-checkbox-root:focus:before{inset-inline-end:0}.ui5-checkbox-root{position:relative;display:inline-flex;align-items:center;width:100%;min-height:var(--_ui5_checkbox_width_height);min-width:var(--_ui5_checkbox_width_height);padding:0 var(--_ui5_checkbox_wrapper_padding);outline:none;transition:var(--_ui5_checkbox_transition);border:var(--_ui5_checkbox_default_focus_border);border-radius:var(--_ui5_checkbox_border_radius);box-sizing:border-box}.ui5-checkbox-root:focus:before{display:var(--_ui5_checkbox_focus_outline_display);content:\"\";position:absolute;inset-inline:var(--_ui5_checkbox_focus_position);inset-block:var(--_ui5_checkbox_focus_position);border:var(--_ui5_checkbox_focus_outline);border-radius:var(--_ui5_checkbox_focus_border_radius)}:host .ui5-checkbox-root:focus{border:var(--_ui5_checkbox_focus_border);border-radius:.5rem}:host(:hover:not([disabled])){background:var(--_ui5_checkbox_outer_hover_background);box-shadow:var(--_ui5_checkbox_box_shadow)}.ui5-checkbox--hoverable .ui5-checkbox-label:hover{color:var(--_ui5_checkbox_label_color)}:host(:not([active]):not([checked]):not([value-state])) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover,:host(:not([active]):not([checked])[value-state=None]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover{background:var(--_ui5_checkbox_hover_background);border-color:var(--_ui5_checkbox_inner_hover_border_color)}:host(:not([active])[checked]:not([value-state])) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover,:host(:not([active])[checked][value-state=None]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover{background:var(--_ui5_checkbox_hover_background);border-color:var(--_ui5_checkbox_inner_hover_checked_border_color)}:host([checked]:not([value-state])) .ui5-checkbox-inner,:host([checked][value-state=None]) .ui5-checkbox-inner{border-color:var(--_ui5_checkbox_inner_selected_border_color)}:host([active]:not([checked]):not([value-state]):not([disabled])) .ui5-checkbox-inner,:host([active]:not([checked])[value-state=None]:not([disabled])) .ui5-checkbox-inner{border-color:var(--_ui5_checkbox_inner_active_border_color);background-color:var(--_ui5_checkbox_active_background)}:host([active][checked]:not([value-state]):not([disabled])) .ui5-checkbox-inner,:host([active][checked][value-state=None]:not([disabled])) .ui5-checkbox-inner{border-color:var(--_ui5_checkbox_inner_selected_border_color)}.ui5-checkbox-inner{min-width:var(--_ui5_checkbox_inner_width_height);max-width:var(--_ui5_checkbox_inner_width_height);height:var(--_ui5_checkbox_inner_width_height);max-height:var(--_ui5_checkbox_inner_width_height);border:var(--_ui5_checkbox_inner_border);border-radius:var(--_ui5_checkbox_inner_border_radius);background:var(--_ui5_checkbox_inner_background);color:var(--_ui5_checkbox_checkmark_color);box-sizing:border-box;position:relative;cursor:inherit}:host([indeterminate][checked]) .ui5-checkbox-inner:after{content:\"\";background-color:currentColor;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--_ui5_checkbox_partially_icon_size);height:var(--_ui5_checkbox_partially_icon_size)}.ui5-checkbox-inner input{-webkit-appearance:none;visibility:hidden;width:0;left:0;position:absolute;font-size:inherit}.ui5-checkbox-root .ui5-checkbox-label{margin-inline-start:var(--_ui5_checkbox_label_offset);cursor:inherit;text-overflow:ellipsis;overflow:hidden;pointer-events:none;user-select:none;-webkit-user-select:none;color:var(--_ui5_checkbox_label_color)}.ui5-checkbox-icon{width:var(--_ui5_checkbox_icon_size);height:var(--_ui5_checkbox_icon_size);color:currentColor;cursor:inherit;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}"
+    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:host {\n\toverflow: hidden;\n\tmax-width: 100%;\n\toutline: none;\n\tborder-radius: var(--_ui5_checkbox_border_radius);\n\ttransition: var(--_ui5_checkbox_transition);\n\tcursor: pointer;\n}\n/* disabled */\n:host([disabled]) {\n\tcursor: default;\n}\n:host([disabled]) .ui5-checkbox-root {\n\topacity: var(--_ui5_checkbox_disabled_opacity);\n}\n:host([disabled]) .ui5-checkbox-inner {\n\tborder-color: var(--_ui5_checkbox_inner_disabled_border_color);\n}\n:host([disabled]) .ui5-checkbox-label {\n\tcolor: var(--_ui5_checkbox_disabled_label_color);\n}\n/* readonly */\n:host([readonly]:not([value-state=\"Warning\"]):not([value-state=\"Error\"])) .ui5-checkbox-inner {\n\tbackground: var(--sapField_ReadOnly_Background);\n\tborder: var(--_ui5_checkbox_inner_readonly_border);\n\tcolor: var(--sapField_TextColor);\n}\n/* wrap */\n:host([wrapping-type=\"Normal\"][text]) .ui5-checkbox-root {\n\tmin-height: auto;\n\tbox-sizing: border-box;\n\talign-items: flex-start;\n\tpadding-top: var(--_ui5_checkbox_root_side_padding);\n\tpadding-bottom: var(--_ui5_checkbox_root_side_padding);\n}\n:host([wrapping-type=\"Normal\"][text]) .ui5-checkbox-root .ui5-checkbox-inner,\n:host([wrapping-type=\"Normal\"][text]) .ui5-checkbox-root .ui5-checkbox-label {\n\tmargin-top: var(--_ui5_checkbox_wrapped_content_margin_top);\n}\n:host([wrapping-type=\"Normal\"][text]) .ui5-checkbox-root .ui5-checkbox-label {\n\toverflow-wrap: break-word;\n\talign-self: center;\n}\n:host([wrapping-type=\"Normal\"]) .ui5-checkbox-root:focus::before {\n\tbottom: var(--_ui5_checkbox_wrapped_focus_left_top_bottom_position);\n}\n/* value states */\n:host([value-state=\"Error\"]) .ui5-checkbox-inner,\n:host([value-state=\"Error\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\n\tbackground: var(--sapField_InvalidBackground);\n\tborder: var(--_ui5_checkbox_inner_error_border);\n\tcolor: var(--sapField_InvalidColor);\n}\n:host([value-state=\"Error\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\n\tbackground: var(--_ui5_checkbox_inner_error_background_hover);\n}\n:host([value-state=\"Warning\"]) .ui5-checkbox-inner,\n:host([value-state=\"Warning\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\n\tbackground: var(--sapField_WarningBackground);\n\tborder: var(--_ui5_checkbox_inner_warning_border);\n\tcolor: var(--_ui5_checkbox_inner_warning_color);\n}\n:host([value-state=\"Warning\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\n\tbackground: var(--_ui5_checkbox_inner_warning_background_hover);\n}\n:host([value-state=\"Information\"]) .ui5-checkbox-inner,\n:host([value-state=\"Information\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\n\tbackground: var(--sapField_InformationBackground);\n\tborder: var(--_ui5_checkbox_inner_information_border);\n\tcolor: var(--_ui5_checkbox_inner_information_color);\n}\n:host([value-state=\"Information\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\n\tbackground: var(--_ui5_checkbox_inner_information_background_hover);\n}\n:host([value-state=\"Success\"]) .ui5-checkbox-inner,\n:host([value-state=\"Success\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner  {\n\tbackground: var(--sapField_SuccessBackground);\n\tborder: var(--_ui5_checkbox_inner_success_border);\n\tcolor: var(--sapField_SuccessColor);\n}\n:host([value-state=\"Success\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner  {\n\tbackground: var(--_ui5_checkbox_inner_success_background_hover);\n}\n:host([value-state=\"Warning\"]) .ui5-checkbox-icon,\n:host([value-state=\"Warning\"][indeterminate]) .ui5-checkbox-inner::after {\n\tcolor: var(--_ui5_checkbox_checkmark_warning_color);\n}\n:host([text]) .ui5-checkbox-root {\n\tpadding-inline-end: var(--_ui5_checkbox_right_focus_distance);\n}\n:host([text]) .ui5-checkbox-root:focus::before {\n\tinset-inline-end: 0;\n}\n.ui5-checkbox-root {\n\tposition: relative;\n\tdisplay: inline-flex;\n\talign-items: center;\n\twidth: 100%;\n\tmin-height: var(--_ui5_checkbox_width_height);\n\tmin-width: var(--_ui5_checkbox_width_height);\n\tpadding: 0 var(--_ui5_checkbox_wrapper_padding);\n\tbox-sizing: border-box;\n\toutline: none;\n\ttransition: var(--_ui5_checkbox_transition);\n\tborder: var(--_ui5_checkbox_default_focus_border);\n\tborder-radius: var(--_ui5_checkbox_border_radius);\n\tbox-sizing: border-box;\n}\n/* focused */\n.ui5-checkbox-root:focus::before {\n\tdisplay: var(--_ui5_checkbox_focus_outline_display);\n\tcontent: \"\";\n\tposition: absolute;\n\tinset-inline: var(--_ui5_checkbox_focus_position);\n\tinset-block: var(--_ui5_checkbox_focus_position);\n\tborder: var(--_ui5_checkbox_focus_outline);\n\tborder-radius: var(--_ui5_checkbox_focus_border_radius);\n}\n:host .ui5-checkbox-root:focus {\n\tborder: var(--_ui5_checkbox_focus_border);\n\tborder-radius: 0.5rem;\n}\n/* hover */\n:host(:hover:not([disabled])) {\n\tbackground: var(--_ui5_checkbox_outer_hover_background);\n}\n.ui5-checkbox--hoverable .ui5-checkbox-label:hover {\n\tcolor: var(--_ui5_checkbox_label_color);\n}\n/* hover, not active, not checked */\n:host(:not([active]):not([checked]):not([value-state])) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,\n:host(:not([active]):not([checked])[value-state=\"None\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\n\tbackground: var(--_ui5_checkbox_hover_background);\n\tborder-color: var(--_ui5_checkbox_inner_hover_border_color);\n}\n/* hover, not active, checked */\n:host(:not([active])[checked]:not([value-state])) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,\n:host(:not([active])[checked][value-state=\"None\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\n\tbackground: var(--_ui5_checkbox_hover_background);\n\tborder-color: var(--_ui5_checkbox_inner_hover_checked_border_color);\n}\n/* checked */\n:host([checked]:not([value-state])) .ui5-checkbox-inner,\n:host([checked][value-state=\"None\"]) .ui5-checkbox-inner {\n\tborder-color: var(--_ui5_checkbox_inner_selected_border_color);\n}\n/* active, not checked */\n:host([active]:not([checked]):not([value-state]):not([disabled])) .ui5-checkbox-inner,\n:host([active]:not([checked])[value-state=\"None\"]:not([disabled])) .ui5-checkbox-inner {\n\tborder-color: var(--_ui5_checkbox_inner_active_border_color);\n\tbackground-color: var(--_ui5_checkbox_active_background);\n}\n/* active, checked */\n:host([active][checked]:not([value-state]):not([disabled])) .ui5-checkbox-inner,\n:host([active][checked][value-state=\"None\"]:not([disabled])) .ui5-checkbox-inner {\n\tborder-color: var(--_ui5_checkbox_inner_selected_border_color);\n\tbackground-color: var(--_ui5_checkbox_active_background);\n}\n.ui5-checkbox-inner {\n\tmin-width: var(--_ui5_checkbox_inner_width_height);\n\tmax-width: var(--_ui5_checkbox_inner_width_height);\n\theight: var(--_ui5_checkbox_inner_width_height);\n\tmax-height: var(--_ui5_checkbox_inner_width_height);\n\tborder: var(--_ui5_checkbox_inner_border);\n\tborder-radius: var(--_ui5_checkbox_inner_border_radius);\n\tbackground: var(--_ui5_checkbox_inner_background);\n\tcolor: var(--_ui5_checkbox_checkmark_color);\n\tbox-sizing: border-box;\n\tposition: relative;\n\tcursor: inherit;\n}\n:host([indeterminate][checked]) .ui5-checkbox-inner::after {\n\tcontent: \"\";\n\tbackground-color: currentColor;\n\tposition: absolute;\n\tleft:50%;\n\ttop:50%;\n\ttransform: translate(-50%, -50%);\n\twidth: var(--_ui5_checkbox_partially_icon_size);\n\theight: var(--_ui5_checkbox_partially_icon_size);\n}\n.ui5-checkbox-inner input {\n\t-webkit-appearance: none;\n\tvisibility: hidden;\n\twidth: 0;\n\tleft: 0;\n\tposition: absolute;\n\tfont-size: inherit;\n}\n.ui5-checkbox-root .ui5-checkbox-label {\n\tmargin-inline-start: var(--_ui5_checkbox_label_offset);\n\tcursor: inherit;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tpointer-events: none;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\tcolor: var(--_ui5_checkbox_label_color);\n}\n.ui5-checkbox-icon {\n\twidth: var(--_ui5_checkbox_icon_size);\n\theight: var(--_ui5_checkbox_icon_size);\n\tcolor: currentColor;\n\tcursor: inherit;\n\tposition: absolute;\n\tleft:50%;\n\ttop:50%;\n\ttransform: translate(-50%, -50%);\n}\n\n\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

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

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/ColorPalette.css",
-    content: ":host(:not([hidden])){display:inline-block}:host(:not([hidden])[popup-mode]){width:100%}.ui5-cp-root{display:flex;flex-direction:column}.ui5-cp-recent-colors-wrapper,.ui5-cp-root.ui5-cp-root-phone,.ui5-cp-root.ui5-cp-root-phone .ui5-cp-default-color-button-wrapper,.ui5-cp-root.ui5-cp-root-phone .ui5-cp-more-colors-wrapper,.ui5-cp-separator{width:100%}.ui5-cp-root.ui5-cp-root-phone .ui5-cp-item-container{width:18.5rem;max-width:19.5rem;max-height:13rem;padding:.375rem .625rem}.ui5-cp-recent-colors-wrapper{display:flex;align-items:center;flex-direction:column}.ui5-cp-root.ui5-cp-root-phone{display:flex;align-items:center}.ui5-cp-item-container{display:flex;max-width:var(--_ui5_color-palette-row-width);flex-flow:wrap;max-height:var(--_ui5_color-palette-row-height);overflow:hidden;padding:var(--_ui5_color-palette-swatch-container-padding)}.ui5-cp-default-color-button,.ui5-cp-more-colors{width:100%;height:var(--_ui5_color-palette-button-height);text-align:center;border:none}.ui5-cp-default-color-button-wrapper,.ui5-cp-more-colors-wrapper{display:flex;flex-direction:column}.ui5-cp-separator{height:.0625rem;background:var(--sapToolbar_SeparatorColor)}.ui5-cp-default-color-button,.ui5-cp-more-colors{padding:.0625rem}"
+    content: ":host(:not([hidden])) {\n\tdisplay: inline-block;\n}\n\n:host(:not([hidden])[popup-mode]) {\n\twidth: 100%;\n}\n\n.ui5-cp-root {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.ui5-cp-root.ui5-cp-root-phone,\n.ui5-cp-separator,\n.ui5-cp-root.ui5-cp-root-phone .ui5-cp-more-colors-wrapper,\n.ui5-cp-root.ui5-cp-root-phone .ui5-cp-default-color-button-wrapper,\n.ui5-cp-recent-colors-wrapper {\n\twidth: 100%;\n}\n\n.ui5-cp-root.ui5-cp-root-phone .ui5-cp-item-container {\n\twidth: 18.5rem;\n\tmax-width: 19.5rem;\n\tmax-height: 13rem;\n\tpadding: 0.375rem 0.625rem;\n}\n\n.ui5-cp-recent-colors-wrapper {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n}\n\n.ui5-cp-root.ui5-cp-root-phone {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.ui5-cp-item-container {\n\tdisplay: flex;\n\tmax-width: var(--_ui5_color-palette-row-width);\n\tflex-flow: wrap;\n\tmax-height: var(--_ui5_color-palette-row-height);\n\toverflow: hidden;\n\tpadding: var(--_ui5_color-palette-swatch-container-padding);\n}\n\n.ui5-cp-separator {\n\theight: 0.0625rem;\n\tbackground: var(--sapToolbar_SeparatorColor);\n}\n\n.ui5-cp-more-colors,\n.ui5-cp-default-color-button {\n\twidth: 100%;\n\theight: var(--_ui5_color-palette-button-height);\n\ttext-align: center;\n\tborder: none;\n}\n\n.ui5-cp-more-colors-wrapper,\n.ui5-cp-default-color-button-wrapper {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.ui5-cp-separator {\n\theight: 0.0625rem;\n\tbackground: var(--sapToolbar_SeparatorColor);\n}\n\n.ui5-cp-default-color-button,\n.ui5-cp-more-colors {\n\tpadding: 0.0625rem;\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

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

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/ColorPaletteItem.css",
-    content: ":host(:not([hidden])){height:var(--_ui5_color-palette-item-height);width:var(--_ui5_color-palette-item-height);border:1px solid var(--sapContent_ForegroundBorderColor);border-radius:var(--_ui5_color-palette-item-outer-border-radius);display:inline-block;margin:var(--_ui5_color-palette-item-margin);box-sizing:border-box}:host(:not([_disabled]):hover){height:var(--_ui5_color-palette-item-hover-height);width:var(--_ui5_color-palette-item-hover-height);margin:var(--_ui5_color-palette-item-hover-margin);border-radius:var(--_ui5_color-palette-item-hover-outer-border-radius)}:host(:not([hidden])[phone]){height:2.75rem;width:2.75rem;border:1px solid var(--sapContent_ForegroundBorderColor);border-radius:.25rem;display:inline-block;margin:.375rem}.ui5-cp-item{position:relative;box-sizing:border-box;border-radius:var(--_ui5_color-palette-item-inner-border-radius);width:100%;height:100%}:host(:not([_disabled]):not([phone]):hover) .ui5-cp-item{border-radius:var(--_ui5_color-palette-item-hover-inner-border-radius)}:host(:not([_disabled])[phone]) .ui5-cp-item{border-radius:.1875rem}.ui5-cp-item:hover:not(:focus){border:1px solid var(--sapGroup_ContentBackground);border-radius:var(--_ui5_color-palette-item-hover-inner-border-radius);box-sizing:border-box}:host(:not([_disabled]):not([phone])) .ui5-cp-item:focus{outline:none}:host(:not([_disabled]):not([phone]):focus) .ui5-cp-item{pointer-events:none}:host(:not([_disabled]):not([phone])) .ui5-cp-item:focus:not(:hover):before{content:\"\";box-sizing:border-box;position:absolute;left:var(--_ui5_color-palette-item-before-focus-offset);top:var(--_ui5_color-palette-item-before-focus-offset);right:var(--_ui5_color-palette-item-before-focus-offset);bottom:var(--_ui5_color-palette-item-before-focus-offset);border:var(--_ui5_color-palette-item-before-focus-color);border-radius:var(--_ui5_color-palette-item-before-focus-border-radius);pointer-events:none}:host(:not([_disabled])) .ui5-cp-item:focus:not(:hover):after{content:\"\";box-sizing:border-box;position:absolute;left:var(--_ui5_color-palette-item-after-focus-offset);top:var(--_ui5_color-palette-item-after-focus-offset);right:var(--_ui5_color-palette-item-after-focus-offset);bottom:var(--_ui5_color-palette-item-after-focus-offset);border:var(--_ui5_color-palette-item-after-focus-color);border-radius:var(--_ui5_color-palette-item-after-focus-border-radius);pointer-events:none}:host(:not([_disabled]):not([phone]):hover:focus) .ui5-cp-item:focus:not(:hover):before{content:\"\";box-sizing:border-box;position:absolute;left:var(--_ui5_color-palette-item-before-focus-hover-offset);top:var(--_ui5_color-palette-item-before-focus-hover-offset);right:var(--_ui5_color-palette-item-before-focus-hover-offset);bottom:var(--_ui5_color-palette-item-before-focus-hover-offset);border:var(--_ui5_color-palette-item-before-focus-color);border-radius:var(--_ui5_color-palette-item-before-focus-border-radius);pointer-events:none}:host(:not([_disabled]):not([phone]):hover:focus) .ui5-cp-item:focus:not(:hover):after{content:\"\";box-sizing:border-box;position:absolute;left:var(--_ui5_color-palette-item-after-focus-hover-offset);top:var(--_ui5_color-palette-item-after-focus-hover-offset);right:var(--_ui5_color-palette-item-after-focus-hover-offset);bottom:var(--_ui5_color-palette-item-after-focus-hover-offset);border:var(--_ui5_color-palette-item-after-focus-color);border-radius:var(--_ui5_color-palette-item-after-focus-border-radius);pointer-events:none}"
+    content: ":host(:not([hidden])) {\n\theight: var(--_ui5_color-palette-item-height);\n\twidth: var(--_ui5_color-palette-item-height);\n\tborder: 1px solid var(--sapContent_ForegroundBorderColor);\n\tborder-radius: var(--_ui5_color-palette-item-outer-border-radius);\n\tdisplay: inline-block;\n\tmargin: var(--_ui5_color-palette-item-margin);\n\tbox-sizing: border-box;\n}\n\n:host(:not([_disabled]):hover) {\n\theight: var(--_ui5_color-palette-item-hover-height);\n\twidth: var(--_ui5_color-palette-item-hover-height);\n\tmargin: var(--_ui5_color-palette-item-hover-margin);\n\tborder-radius: var(--_ui5_color-palette-item-hover-outer-border-radius);\n}\n\n:host(:not([hidden])[phone]) {\n\theight: 2.75rem;\n\twidth: 2.75rem;\n\tborder: 1px solid var(--sapContent_ForegroundBorderColor);\n\tborder-radius: 0.25rem;\n\tdisplay: inline-block;\n\tmargin: 0.375rem;\n}\n\n.ui5-cp-item {\n\tposition: relative;\n\tbox-sizing: border-box;\n\tborder-radius: var(--_ui5_color-palette-item-inner-border-radius);\n\twidth: 100%;\n\theight: 100%;\n}\n\n:host(:not([_disabled]):not([phone]):hover) .ui5-cp-item {\n\tborder-radius: var(--_ui5_color-palette-item-hover-inner-border-radius);\n}\n\n:host(:not([_disabled])[phone]) .ui5-cp-item {\n\tborder-radius: 0.1875rem;\n}\n\n.ui5-cp-item:hover:not(:focus) {\n\tborder: 1px solid var(--sapGroup_ContentBackground);\n\tborder-radius: var(--_ui5_color-palette-item-hover-inner-border-radius);\n\tbox-sizing: border-box;\n}\n\n:host(:not([_disabled]):not([phone])) .ui5-cp-item:focus{\n\toutline: none;\n}\n\n:host(:not([_disabled]):not([phone]):focus) .ui5-cp-item {\n\tpointer-events: none;\n}\n\n:host(:not([_disabled]):not([phone])) .ui5-cp-item:focus:not(:hover)::before {\n\tcontent: \"\";\n\tbox-sizing: border-box;\n\tposition: absolute;\n\tleft: var(--_ui5_color-palette-item-before-focus-offset);\n\ttop: var(--_ui5_color-palette-item-before-focus-offset);\n\tright: var(--_ui5_color-palette-item-before-focus-offset);\n\tbottom: var(--_ui5_color-palette-item-before-focus-offset);\n\tborder: var(--_ui5_color-palette-item-before-focus-color);\n\tborder-radius: var(--_ui5_color-palette-item-before-focus-border-radius);\n\tpointer-events: none;\n}\n\n:host(:not([_disabled])) .ui5-cp-item:focus:not(:hover)::after {\n\tcontent: \"\";\n\tbox-sizing: border-box;\n\tposition: absolute;\n\tleft: var(--_ui5_color-palette-item-after-focus-offset);\n\ttop: var(--_ui5_color-palette-item-after-focus-offset);\n\tright: var(--_ui5_color-palette-item-after-focus-offset);\n\tbottom: var(--_ui5_color-palette-item-after-focus-offset);\n\tborder: var(--_ui5_color-palette-item-after-focus-color);\n\tborder-radius: var(--_ui5_color-palette-item-after-focus-border-radius);\n\tpointer-events: none;\n}\n\n:host(:not([_disabled]):not([phone]):hover:focus) .ui5-cp-item:focus:not(:hover)::before {\n\tcontent: \"\";\n\tbox-sizing: border-box;\n\tposition: absolute;\n\tleft: var(--_ui5_color-palette-item-before-focus-hover-offset);\n\ttop: var(--_ui5_color-palette-item-before-focus-hover-offset);\n\tright: var(--_ui5_color-palette-item-before-focus-hover-offset);\n\tbottom: var(--_ui5_color-palette-item-before-focus-hover-offset);\n\tborder: var(--_ui5_color-palette-item-before-focus-color);\n\tborder-radius: var(--_ui5_color-palette-item-before-focus-border-radius);\n\tpointer-events: none;\n}\n\n:host(:not([_disabled]):not([phone]):hover:focus) .ui5-cp-item:focus:not(:hover)::after {\n\tcontent: \"\";\n\tbox-sizing: border-box;\n\tposition: absolute;\n\tleft: var(--_ui5_color-palette-item-after-focus-hover-offset);\n\ttop: var(--_ui5_color-palette-item-after-focus-hover-offset);\n\tright: var(--_ui5_color-palette-item-after-focus-hover-offset);\n\tbottom: var(--_ui5_color-palette-item-after-focus-hover-offset);\n\tborder: var(--_ui5_color-palette-item-after-focus-color);\n\tborder-radius: var(--_ui5_color-palette-item-after-focus-border-radius);\n\tpointer-events: none;\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

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

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/ColorPalettePopover.css",
-    content: ".ui5-cp-header{width:100%;height:var(--_ui5_color-palette-button-height);display:flex;align-items:center}.ui5-cp-footer{width:100%;display:flex;justify-content:flex-end;margin:.1875rem 0}[ui5-responsive-popover]::part(content){padding:0}.ui5-cp-item-container{padding:.3125rem .6875rem}"
+    content: ".ui5-cp-header {\n\twidth: 100%;\n\theight: var(--_ui5_color-palette-button-height);\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.ui5-cp-footer {\n\twidth: 100%;\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\tmargin: 0.1875rem 0;\n}\n\n[ui5-responsive-popover]::part(content) {\n\tpadding: 0;\n}\n\n.ui5-cp-item-container {\n\tpadding: 0.3125rem 0.6875rem;\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

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

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/ColorPaletteStaticArea.css",
-    content: ".ui5-cp-dialog-content{display:flex;justify-content:center;align-items:center;margin:1rem 0}.ui5-cp-dialog-footer{width:100%;display:flex;justify-content:flex-end;margin:.1875rem 1rem}.ui5-cp-dialog-footer [ui5-button]:first-child{margin-right:1rem}"
+    content: ".ui5-cp-dialog-content {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tmargin: 1rem 0;\n}\n\n.ui5-cp-dialog-footer {\n\twidth: 100%;\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\tmargin: 0.1875rem 1rem;\n}\n\n.ui5-cp-dialog-footer [ui5-button]:first-child{\n\tmargin-right: 1rem;\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

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

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/ColorPicker.css",
-    content: ":host(:not([hidden])){display:inline-block}.ui5-color-picker-root{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.ui5-color-picker-main-color{width:16rem;height:16rem;position:relative;margin-bottom:1.5rem;border:1px solid var(--sapContent_ForegroundBorderColor);background-size:100%;background-image:-webkit-linear-gradient(left,#000,transparent),-webkit-linear-gradient(top,hsla(0,0%,100%,0),#fff);background-image:-moz-linear-gradient(left,#000,transparent),-moz-linear-gradient(top,hsla(0,0%,100%,0),#fff);background-image:linear-gradient(left,#000,transparent),linear-gradient(top,hsla(0,0%,100%,0),#fff);background-image:-webkit-linear-gradient(left,#000,transparent,#fff),-webkit-linear-gradient(top,hsla(0,0%,50.2%,0),grey);background-image:-moz-linear-gradient(left,#000,transparent,#fff),-moz-linear-gradient(top,hsla(0,0%,50.2%,0),grey);background-image:linear-gradient(left,#000,transparent,#fff),linear-gradient(top,hsla(0,0%,50.2%,0),grey);user-select:none;-moz-user-select:none}.ui5-color-picker-circle{position:absolute;box-sizing:border-box;width:13px;height:13px;border:var(--_ui5_color_picker_circle_outer_border);border-radius:.6875rem;pointer-events:none}.ui5-color-picker-circle:after{content:\"\";position:absolute;width:var(--_ui5_color_picker_circle_inner_circle_size);height:var(--_ui5_color_picker_circle_inner_circle_size);border:var(--_ui5_color_picker_circle_inner_border);border-radius:.9375rem;pointer-events:none}.ui5-color-picker-sliders-wrapper{width:calc(100% - 11px);margin-left:-10px}[ui5-slider]{--_ui5_slider_active_progress_border:none;--_ui5_slider_progress_box_sizing:content-box}[ui5-slider]::part(handle){width:.9375rem;height:1.5rem;background:transparent;margin-left:-2px;margin-top:var(--_ui5_color_picker_slider_handle_margin_top);box-sizing:border-box}[ui5-slider]::part(handle):after{content:\"\";border:2px solid #fff;display:block;height:1.25rem;border-radius:1rem;width:100%;box-sizing:border-box}[ui5-slider]::part(root-container){padding:1rem 0}[ui5-slider]::part(progress-container){width:calc(100% + 11px);height:18px;position:absolute;margin-top:var(--_ui5_color_picker_slider_container_margin_top);border-radius:0;border:1px solid var(--sapField_BorderColor)}[ui5-slider].ui5-color-picker-hue-slider::part(progress-container){background-size:100%;background-image:-webkit-linear-gradient(left,red,#ff0,#0f0,#0ff,#00f,#f0f,red);background-image:-moz-linear-gradient(left,red,#ff0,#0f0,#0ff,#00f,#f0f,red);background-image:linear-gradient(left,red,#ff0,#0f0,#0ff,#00f,#f0f,red);background-color:none}[ui5-slider].ui5-color-picker-alpha-slider::part(progress-container){background-image:-webkit-linear-gradient(left,rgba(65,120,13,0),var(--ui5_Color_Picker_Progress_Container_Color)),url(\"data:image/png;base64,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\")}[ui5-slider]::part(progress-bar){background:transparent}.ui5-color-picker-current-color{width:100%;display:flex;justify-content:space-around;align-items:center}.ui5-color-picker-colors-wrapper{display:flex;flex-wrap:nowrap;height:1.5rem;border:1px solid var(--sapField_BorderColor)}.ui5-color-picker-color,.ui5-color-picker-white{width:3.1rem;background:#fff;display:block}.ui5-color-picker-color{background-image:url(\"data:image/png;base64,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\")}.ui5-color-picker-color-inner{width:100%;height:100%}.ui5-color-picker-hex-input-wrapper{display:flex;align-items:center;flex-wrap:nowrap}.ui5-color-picker-hex-input{width:4.5rem;min-width:4.5rem;margin-left:.2rem}.ui5-color-picker-rgb-wrapper{display:flex;justify-content:space-around;width:100%}.ui5-color-picker-rgb{display:flex;flex-direction:column;align-items:center;margin-top:1rem}.ui5-color-picker-rgb-input{width:2.5rem;min-width:2.5rem;text-align:center}.ui5-color-picker-alpha-slider::part(progress-container):after,.ui5-color-picker-alpha-slider::part(progress-container):before,.ui5-color-picker-hue-slider::part(progress-container):after,.ui5-color-picker-hue-slider::part(progress-container):before,[ui5-slider].ui5-color-picker-alpha-slider::part(icon-slider),[ui5-slider].ui5-color-picker-hue-slider::part(icon-slider){display:none}.ui5-color-picker-alpha-slider::part(handle),.ui5-color-picker-hue-slider::part(handle){box-shadow:var(--_ui5_color_picker_slider_handle_box_shadow);border:var(--_ui5_color_picker_slider_handle_border)}.ui5-color-picker-alpha-slider::part(handle):hover,.ui5-color-picker-hue-slider::part(handle):hover{border:var(--_ui5_color_picker_slider_handle_outline_hover)}.ui5-color-picker-alpha-slider::part(handle):focus,.ui5-color-picker-hue-slider::part(handle):focus{outline:var(--_ui5_color_picker_slider_handle_outline_focus);outline-offset:.0625rem}.ui5-color-picker-alpha-slider::part(handle):focus:before,.ui5-color-picker-hue-slider::part(handle):focus:before{content:\"\";border:var(--_ui5_color_picker_slider_handle_inline_focus);display:block;height:1.625rem;border-radius:1rem;width:1.05rem;box-sizing:border-box;top:-3px;position:absolute;bottom:2px;left:-3px;right:-3px}.ui5-color-picker-alpha-slider::part(handle):before,.ui5-color-picker-hue-slider::part(handle):before{display:none}.ui5-color-picker-alpha-slider::part(handle):focus,.ui5-color-picker-hue-slider::part(handle):focus{margin-top:var(--_ui5_color_picker_slider_handle_focus_margin_top)}[dir=rtl] [ui5-slider].ui5-color-picker-hue-slider::part(progress-container){background-image:-webkit-linear-gradient(right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);background-image:-moz-linear-gradient(right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);background-image:linear-gradient(right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}[dir=rtl] .ui5-color-picker-alpha-slider::part(handle),[dir=rtl] .ui5-color-picker-hue-slider::part(handle){--_ui5_slider_handle_margin_left:0}[dir=rtl] .ui5-color-picker-sliders-wrapper{margin-left:10px}"
+    content: ":host(:not([hidden])) {\n    display: inline-block;\n}\n\n.ui5-color-picker-root {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n}\n\n.ui5-color-picker-main-color {\n    width: 16rem;\n    height: 16rem;\n    position: relative;\n    margin-bottom: 1.5rem;\n    border: 1px solid var(--sapContent_ForegroundBorderColor);\n    background-size: 100%;\n    background-image: -webkit-linear-gradient(left, #000, rgba(0,0,0,0)),-webkit-linear-gradient(top, rgba(255,255,255,0), #fff);\n    background-image: -moz-linear-gradient(left, #000, rgba(0,0,0,0)),-moz-linear-gradient(top, rgba(255,255,255,0), #fff);\n    background-image: linear-gradient(left, #000, rgba(0,0,0,0)),linear-gradient(top, rgba(255,255,255,0), #fff);\n    background-image: -webkit-linear-gradient(left, #000, rgba(0,0,0,0), #fff),-webkit-linear-gradient(top, rgba(128,128,128,0), #808080);\n    background-image: -moz-linear-gradient(left, #000, rgba(0,0,0,0), #fff),-moz-linear-gradient(top, rgba(128,128,128,0), #808080);\n    background-image: linear-gradient(left, #000, rgba(0,0,0,0), #fff),linear-gradient(top, rgba(128,128,128,0), #808080);\n\tuser-select: none;\n    -moz-user-select: none;\n}\n\n.ui5-color-picker-circle {\n    position: absolute;\n    box-sizing: border-box;\n    width: 13px;\n    height: 13px;\n    border: var(--_ui5_color_picker_circle_outer_border);\n    border-radius: 0.6875rem;\n    pointer-events: none;\n}\n\n.ui5-color-picker-circle:after {\n    content: \"\";\n    position: absolute;\n    width: var(--_ui5_color_picker_circle_inner_circle_size);\n    height: var(--_ui5_color_picker_circle_inner_circle_size);;\n    border: var(--_ui5_color_picker_circle_inner_border);\n    border-radius: 0.9375rem;\n    pointer-events: none;\n}\n\n.ui5-color-picker-sliders-wrapper {\n    width: calc(100% - 11px);\n    margin-left: -10px;\n}\n\n[ui5-slider] {\n    --_ui5_slider_active_progress_border: none;\n    --_ui5_slider_progress_box_sizing: content-box;\n}\n\n[ui5-slider]::part(handle) {\n    width: 0.9375rem;\n    height: 1.5rem;\n    background: transparent;\n    margin-left: -2px;\n    margin-top: var(--_ui5_color_picker_slider_handle_margin_top);\n    box-sizing: border-box;\n}\n\n[ui5-slider]::part(handle)::after {\n    content: \"\";\n    border: 2px solid #fff;\n    display: block;\n    height: 1.25rem;\n    border-radius: 1rem;\n    width: 100%;\n    box-sizing: border-box;\n}\n\n[ui5-slider]::part(root-container) {\n\tpadding: 1rem 0;\n}\n\n[ui5-slider]::part(progress-container) {\n    width: calc(100% + 11px);\n    height: 18px;\n    position: absolute;\n    margin-top: var(--_ui5_color_picker_slider_container_margin_top);\n    border-radius: 0;\n    border: 1px solid var(--sapField_BorderColor);\n}\n\n[ui5-slider].ui5-color-picker-hue-slider::part(progress-container) {\n    background-size: 100%;\n    background-image: -webkit-linear-gradient(left, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00);\n    background-image: -moz-linear-gradient(left, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00);\n    background-image: linear-gradient(left, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00);\n    background-color: none;\n}\n\n[ui5-slider].ui5-color-picker-alpha-slider::part(progress-container) {\n    background-image: -webkit-linear-gradient(left, rgba(65, 120, 13, 0), var(--ui5_Color_Picker_Progress_Container_Color)), url('data:image/png;base64,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');\n}\n\n[ui5-slider]::part(progress-bar) {\n    background: transparent;\n}\n\n.ui5-color-picker-current-color {\n    width: 100%;\n    display: flex;\n    justify-content: space-around;\n    align-items: center;\n}\n\n.ui5-color-picker-colors-wrapper {\n    display: flex;\n    flex-wrap: nowrap;\n    height: 1.5rem;\n    border: 1px solid var(--sapField_BorderColor);\n}\n\n.ui5-color-picker-white,\n.ui5-color-picker-color {\n    width: 3.1rem;\n    background: #fff;\n    display: block;\n}\n\n.ui5-color-picker-color {\n    background-image: url('data:image/png;base64,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');\n}\n\n.ui5-color-picker-color-inner {\n    width: 100%;\n    height: 100%;\n}\n\n.ui5-color-picker-hex-input-wrapper {\n    display: flex;\n    align-items: center;\n    flex-wrap: nowrap;\n}\n\n.ui5-color-picker-hex-input {\n    width: 4.5rem;\n    min-width: 4.5rem;\n    margin-left: .2rem;\n}\n\n.ui5-color-picker-rgb-wrapper {\n    display: flex;\n    justify-content: space-around;\n    width: 100%;\n}\n\n.ui5-color-picker-rgb {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin-top: 1rem;\n}\n\n.ui5-color-picker-rgb-input {\n    width: 2.5rem;\n    min-width: 2.5rem;\n    text-align: center;\n}\n\n.ui5-color-picker-hue-slider::part(progress-container)::before,\n.ui5-color-picker-alpha-slider::part(progress-container)::before,\n.ui5-color-picker-hue-slider::part(progress-container)::after,\n.ui5-color-picker-alpha-slider::part(progress-container)::after,\n[ui5-slider].ui5-color-picker-hue-slider::part(icon-slider),\n[ui5-slider].ui5-color-picker-alpha-slider::part(icon-slider) {\n     display: none;\n}\n\n.ui5-color-picker-alpha-slider::part(handle),\n.ui5-color-picker-hue-slider::part(handle) {\n    box-shadow: var(--_ui5_color_picker_slider_handle_box_shadow);\n    border: var(--_ui5_color_picker_slider_handle_border);\n}\n\n.ui5-color-picker-alpha-slider::part(handle):hover,\n.ui5-color-picker-hue-slider::part(handle):hover {\n    border: var(--_ui5_color_picker_slider_handle_outline_hover);\n}\n\n.ui5-color-picker-alpha-slider::part(handle):focus,\n.ui5-color-picker-hue-slider::part(handle):focus {\n    outline: var(--_ui5_color_picker_slider_handle_outline_focus);\n    outline-offset: 0.0625rem;\n}\n\n.ui5-color-picker-alpha-slider::part(handle):focus::before,\n.ui5-color-picker-hue-slider::part(handle):focus::before {\n    content: \"\";\n    border: var(--_ui5_color_picker_slider_handle_inline_focus);\n    display: block;\n    height: 1.625rem;\n    border-radius: 1rem;\n    width: 1.05rem;\n    box-sizing: border-box;\n    top: -3px;\n    position: absolute;\n    bottom: 2px;\n    left: -3px;\n    right: -3px;\n}\n\n.ui5-color-picker-alpha-slider::part(handle)::before,\n.ui5-color-picker-hue-slider::part(handle)::before {\n    display: none;\n}\n\n.ui5-color-picker-alpha-slider::part(handle):focus,\n.ui5-color-picker-hue-slider::part(handle):focus {\n    margin-top: var(--_ui5_color_picker_slider_handle_focus_margin_top);\n}\n\n[dir=rtl] [ui5-slider].ui5-color-picker-hue-slider::part(progress-container) {\n    background-image: -webkit-linear-gradient(right, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00);\n    background-image: -moz-linear-gradient(right, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00);\n    background-image: linear-gradient(right, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00);\n}\n\n[dir=\"rtl\"] .ui5-color-picker-alpha-slider::part(handle),\n[dir=\"rtl\"] .ui5-color-picker-hue-slider::part(handle){\n\t--_ui5_slider_handle_margin_left: 0;\n}\n\n[dir=\"rtl\"] .ui5-color-picker-sliders-wrapper {\n\tmargin-left: 10px;\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });