@openui5/sap.ui.webc.main 1.119.0 → 1.120.0

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/Badge.css",
-    content: ".ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n\n:host(:not([hidden])) {\n\tdisplay: inline-block;\n\tvertical-align: top;\n\theight: 1rem;\n\tmin-width: 1.125em;\n\tmax-width: 100%;\n\tpadding: 0 0.3125em;\n\tcolor: var(--sapAccentColor1);\n\tbackground: var(--sapLegendBackgroundColor1);\n\tborder: 0.0625em solid;\n\tborder-radius: 0.5rem;\n\tbox-sizing: border-box;\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-weight: bold;\n\ttext-align: center;\n\tletter-spacing: 0.0125em;\n}\n\n:host([color-scheme]:hover),\n:host(:not([color-scheme]):hover) {\n\tcursor: var(--_ui5-badge-cursor);\n}\n\n.ui5-badge-root {\n\tdisplay: flex;\n\talign-items: center;\n\twidth: 100%;\n\theight: 100%;\n\tbox-sizing: border-box;\n\tpointer-events: none;\n}\n\n.ui5-badge-text {\n\twidth: 100%;\n\toverflow: hidden;\n\twhite-space: nowrap;\n\tfont-weight: inherit;\n\ttext-overflow: ellipsis;\n\tline-height: 1;\n\ttext-transform: uppercase;\n\tletter-spacing: inherit;\n\tfont-size: 0.75em; /* origin from --sapFontSmallSize (0.75rem) */\n}\n\n:host(:hover) .ui5-badge-text {\n\tcursor: var(--_ui5-badge-cursor);\n}\n\n:host([_icon-only]) {\n\tpadding: 0 0.1875em;\n}\n\n::slotted([ui5-icon]) {\n\twidth: 0.75em;\n\theight: 0.75em;\n\tmin-width: 0.75em;\n\tmin-height: 0.75em;\n\tcolor: inherit;\n}\n\n:host([_has-icon]) .ui5-badge-text {\n\tpadding-inline-start: 0.125rem;\n}\n\n/* Scheme 1 */\n\n:host([color-scheme=\"1\"]) {\n\tbackground-color: var(--ui5-badge-color-scheme-1-background);\n\tborder-color: var(--ui5-badge-color-scheme-1-border);\n\tcolor: var(--ui5-badge-color-scheme-1-color);\n}\n\n/* Scheme 2 */\n\n:host([color-scheme=\"2\"]) {\n\tbackground-color: var(--ui5-badge-color-scheme-2-background);\n\tborder-color: var(--ui5-badge-color-scheme-2-border);\n\tcolor: var(--ui5-badge-color-scheme-2-color);\n}\n\n/* Scheme 3 */\n\n:host([color-scheme=\"3\"]) {\n\tbackground-color: var(--ui5-badge-color-scheme-3-background);\n\tborder-color: var(--ui5-badge-color-scheme-3-border);\n\tcolor: var(--ui5-badge-color-scheme-3-color);\n}\n\n/* Scheme 4 */\n\n:host([color-scheme=\"4\"]) {\n\tbackground-color: var(--ui5-badge-color-scheme-4-background);\n\tborder-color: var(--ui5-badge-color-scheme-4-border);\n\tcolor: var(--ui5-badge-color-scheme-4-color);\n}\n\n/* Scheme 5 */\n\n:host([color-scheme=\"5\"]) {\n\tbackground-color: var(--ui5-badge-color-scheme-5-background);\n\tborder-color: var(--ui5-badge-color-scheme-5-border);\n\tcolor: var(--ui5-badge-color-scheme-5-color);\n}\n\n/* Scheme 6 */\n\n:host([color-scheme=\"6\"]) {\n\tbackground-color: var(--ui5-badge-color-scheme-6-background);\n\tborder-color: var(--ui5-badge-color-scheme-6-border);\n\tcolor: var(--ui5-badge-color-scheme-6-color);\n}\n\n/* Scheme 7 */\n\n:host([color-scheme=\"7\"]) {\n\tbackground-color: var(--ui5-badge-color-scheme-7-background);\n\tborder-color: var(--ui5-badge-color-scheme-7-border);\n\tcolor: var(--ui5-badge-color-scheme-7-color);\n}\n\n/* Scheme 8 */\n\n:host([color-scheme=\"8\"]) {\n\tbackground-color: var(--ui5-badge-color-scheme-8-background);\n\tborder-color: var(--ui5-badge-color-scheme-8-border);\n\tcolor: var(--ui5-badge-color-scheme-8-color);\n}\n\n/* Scheme 9 */\n\n:host([color-scheme=\"9\"]) {\n\tbackground-color: var(--ui5-badge-color-scheme-9-background);\n\tborder-color: var(--ui5-badge-color-scheme-9-border);\n\tcolor: var(--ui5-badge-color-scheme-9-color);\n}\n\n/* Scheme 10 */\n\n:host([color-scheme=\"10\"]) {\n\tbackground-color: var(--ui5-badge-color-scheme-10-background);\n\tborder-color: var(--ui5-badge-color-scheme-10-border);\n\tcolor: var(--ui5-badge-color-scheme-10-color);\n}\n\n/* ---Slotted Badges--- */\n\n/* [ui5-avatar] - Badge icon styles */\n\n/* Make icon take full width minus padding.\n [ui5-avatar] is the only component using an icon for badge,\n therefore no additional scoping is needed. */\n\n:host([slot=\"badge\"]) ::slotted([ui5-icon][slot=\"icon\"]) {\n\twidth: 100%;\n\theight: 100%;\n\tmin-width: 100%;\n\tmin-height: 100%;\n}"
+    content: ".ui5-hidden-text{clip:rect(1px,1px,1px,1px);font-size:0;left:-1000px;pointer-events:none;position:absolute;top:-1000px;user-select:none}:host(:not([hidden])){background:var(--_ui5-v1-18-0-badge-default-background);border:var(--_ui5-v1-18-0-badge-border);border-color:var(--_ui5-v1-18-0-badge-default-border-color);border-radius:var(--_ui5-v1-18-0-badge-border-radius);box-sizing:border-box;color:var(--_ui5-v1-18-0-badge-default-color);display:inline-block;font-family:var(--_ui5-v1-18-0-badge-font);font-weight:var(--_ui5-v1-18-0-badge-font-weight);height:var(--_ui5-v1-18-0-badge-height);letter-spacing:var(--_ui5-v1-18-0-badge-letter-spacing);max-width:100%;min-width:1.125em;padding-inline:var(--_ui5-v1-18-0-badge-padding-inline);text-align:center;vertical-align:top}.ui5-badge-root{align-items:center;box-sizing:border-box;display:flex;height:100%;pointer-events:none;width:100%}.ui5-badge-text{font-size:var(--_ui5-v1-18-0-badge-font-size);font-weight:inherit;letter-spacing:inherit;overflow:hidden;text-overflow:ellipsis;text-transform:var(--_ui5-v1-18-0-badge-text-transform);white-space:nowrap;width:100%}:host([_icon-only]){padding-inline:var(--_ui5-v1-18-0-badge-padding-inline-icon-only)}::slotted([ui5-icon]){color:inherit;height:.75em;min-height:.75em;min-width:.75em;width:.75em}:host([_has-icon]) .ui5-badge-text{padding-inline-start:var(--_ui5-v1-18-0-badge-icon-gap)}:host([color-scheme=\"1\"]){background-color:var(--ui5-v1-18-0-badge-color-scheme-1-background);border-color:var(--ui5-v1-18-0-badge-color-scheme-1-border);color:var(--ui5-v1-18-0-badge-color-scheme-1-color)}:host([color-scheme=\"2\"]){background-color:var(--ui5-v1-18-0-badge-color-scheme-2-background);border-color:var(--ui5-v1-18-0-badge-color-scheme-2-border);color:var(--ui5-v1-18-0-badge-color-scheme-2-color)}:host([color-scheme=\"3\"]){background-color:var(--ui5-v1-18-0-badge-color-scheme-3-background);border-color:var(--ui5-v1-18-0-badge-color-scheme-3-border);color:var(--ui5-v1-18-0-badge-color-scheme-3-color)}:host([color-scheme=\"4\"]){background-color:var(--ui5-v1-18-0-badge-color-scheme-4-background);border-color:var(--ui5-v1-18-0-badge-color-scheme-4-border);color:var(--ui5-v1-18-0-badge-color-scheme-4-color)}:host([color-scheme=\"5\"]){background-color:var(--ui5-v1-18-0-badge-color-scheme-5-background);border-color:var(--ui5-v1-18-0-badge-color-scheme-5-border);color:var(--ui5-v1-18-0-badge-color-scheme-5-color)}:host([color-scheme=\"6\"]){background-color:var(--ui5-v1-18-0-badge-color-scheme-6-background);border-color:var(--ui5-v1-18-0-badge-color-scheme-6-border);color:var(--ui5-v1-18-0-badge-color-scheme-6-color)}:host([color-scheme=\"7\"]){background-color:var(--ui5-v1-18-0-badge-color-scheme-7-background);border-color:var(--ui5-v1-18-0-badge-color-scheme-7-border);color:var(--ui5-v1-18-0-badge-color-scheme-7-color)}:host([color-scheme=\"8\"]){background-color:var(--ui5-v1-18-0-badge-color-scheme-8-background);border-color:var(--ui5-v1-18-0-badge-color-scheme-8-border);color:var(--ui5-v1-18-0-badge-color-scheme-8-color)}:host([color-scheme=\"9\"]){background-color:var(--ui5-v1-18-0-badge-color-scheme-9-background);border-color:var(--ui5-v1-18-0-badge-color-scheme-9-border);color:var(--ui5-v1-18-0-badge-color-scheme-9-color)}:host([color-scheme=\"10\"]){background-color:var(--ui5-v1-18-0-badge-color-scheme-10-background);border-color:var(--ui5-v1-18-0-badge-color-scheme-10-border);color:var(--ui5-v1-18-0-badge-color-scheme-10-color)}:host([slot=badge]) ::slotted([ui5-icon][slot=icon]){height:100%;min-height:100%;min-width:100%;width:100%}"
   };
   var _default = styleData;
   _exports.default = _default;

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/Breadcrumbs.css",
-    content: ":host(:not([hidden])) {\n\tdisplay: block;\n\twidth: 100%;\n}\n\n.ui5-breadcrumbs-root {\n    white-space: nowrap;\n    outline: none;\n    margin: 0 0 0.5rem 0;\n}\n\n.ui5-breadcrumbs-root > ol {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: flex;\n}\n\n.ui5-breadcrumbs-root > ol > li {\n    display: inline;\n}\n\n.ui5-breadcrumbs-current-location {\n    min-width: 1%;\n    -webkit-flex: 1;\n    -webkit-box-flex: 1;\n    flex: 1 1 auto;\n    /* Fix extra height in ul -> li element */\n    font-size: 0;\n    align-self: center;\n}\n\n.ui5-breadcrumbs-current-location > span:focus {\n    outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n    border-radius: var(--_ui5_breadcrumbs_current_location_focus_border_radius);\n}\n\n.ui5-breadcrumbs-dropdown-arrow-link-wrapper[hidden] {\n    display: none\n}\n\n.ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-icon] {\n    width: var(--sapFontSize);\n    height: var(--sapFontSize);\n    padding-left: .675rem;\n    vertical-align: text-top;\n    color: var(--sapLinkColor);\n}\n\n.ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-link][focused] [ui5-icon] {\n    color: var(--_ui5_link_focus_color);\n}\n\n.ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-icon]::before {\n    content: \"...\";\n    vertical-align: middle;\n    position: absolute;\n    left: 0;\n    bottom: 0;\n}\n\n/* underline icon on hover */\n\n.ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-link][focused] [ui5-icon]::after,\n.ui5-breadcrumbs-dropdown-arrow-link-wrapper:hover [ui5-icon]::after {\n    content: \"\";\n    position: absolute;\n    border-bottom: 0.0625rem solid;\n    top: 0;\n    left: 0;\n    bottom: 1px;\n    right: 0;\n}\n\n/* links separator */\n\nli:not(.ui5-breadcrumbs-current-location)::after {\n    content: \"/\"; /* default separator is \"Slash\" */\n    padding: 0 .25rem;\n    cursor: auto;\n    color: var(--sapContent_LabelColor);\n    display: inline-block;\n    font-family: \"72override\",var(--sapFontFamily);\n    font-size: var(--sapFontSize);\n}\n\n.ui5-breadcrumbs-popover-footer {\n    display: flex;\n    justify-content: flex-end;\n    width: 100%;\n}\n\n/* separator styles */\n\n:host([separator-style=\"BackSlash\"]) li:not(.ui5-breadcrumbs-current-location)::after {\n    content: \"\\\\\";\n}\n\n:host([separator-style=\"DoubleBackSlash\"]) li:not(.ui5-breadcrumbs-current-location)::after {\n    content: \"\\\\\\\\\";\n}\n\n:host([separator-style=\"DoubleGreaterThan\"]) li:not(.ui5-breadcrumbs-current-location)::after {\n    content: \">>\";\n}\n\n:host([separator-style=\"DoubleSlash\"]) li:not(.ui5-breadcrumbs-current-location)::after {\n    content: \"//\";\n}\n\n:host([separator-style=\"GreaterThan\"]) li:not(.ui5-breadcrumbs-current-location)::after {\n    content: \">\";\n}\n"
+    content: ":host(:not([hidden])){display:block;width:100%}.ui5-breadcrumbs-root{margin:0 0 .5rem 0;outline:none;white-space:nowrap}.ui5-breadcrumbs-root>ol{display:-webkit-box;display:-webkit-flex;display:flex;list-style-type:none;margin:0;padding:0}.ui5-breadcrumbs-root>ol>li{display:inline}.ui5-breadcrumbs-current-location{-webkit-box-flex:1;align-self:center;-webkit-flex:1;flex:1 1 auto;font-size:0;min-width:1%}.ui5-breadcrumbs-current-location>span:focus{border-radius:var(--_ui5-v1-18-0_breadcrumbs_current_location_focus_border_radius);outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor)}.ui5-breadcrumbs-dropdown-arrow-link-wrapper[hidden]{display:none}.ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-icon]{color:var(--sapLinkColor);height:var(--sapFontSize);padding-left:.675rem;vertical-align:text-top;width:var(--sapFontSize)}.ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-link][focused] [ui5-icon]{color:var(--_ui5-v1-18-0_link_focus_color)}.ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-icon]:before{bottom:0;content:\"...\";left:0;position:absolute;vertical-align:middle}.ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-link][focused] [ui5-icon]:after,.ui5-breadcrumbs-dropdown-arrow-link-wrapper:hover [ui5-icon]:after{border-bottom:.0625rem solid;bottom:1px;content:\"\";left:0;position:absolute;right:0;top:0}li:not(.ui5-breadcrumbs-current-location):after{color:var(--sapContent_LabelColor);content:\"/\";cursor:auto;display:inline-block;font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSize);padding:0 .25rem}.ui5-breadcrumbs-popover-footer{display:flex;justify-content:flex-end;width:100%}:host([separator-style=BackSlash]) li:not(.ui5-breadcrumbs-current-location):after{content:\"\\\\\"}:host([separator-style=DoubleBackSlash]) li:not(.ui5-breadcrumbs-current-location):after{content:\"\\\\\\\\\"}:host([separator-style=DoubleGreaterThan]) li:not(.ui5-breadcrumbs-current-location):after{content:\">>\"}:host([separator-style=DoubleSlash]) li:not(.ui5-breadcrumbs-current-location):after{content:\"//\"}:host([separator-style=GreaterThan]) li:not(.ui5-breadcrumbs-current-location):after{content:\">\"}"
   };
   var _default = styleData;
   _exports.default = _default;

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/BreadcrumbsPopover.css",
-    content: ".ui5-breadcrumbs-popover::part(content) {\r\n    padding: 0;\r\n}\r\n\r\n.ui5-breadcrumbs-popover-footer {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    width: 100%;\r\n    padding-right: 0.5rem;\r\n\talign-items: center;\r\n}\r\n"
+    content: ".ui5-breadcrumbs-popover::part(content){padding:0}.ui5-breadcrumbs-popover-footer{align-items:center;display:flex;justify-content:flex-end;padding-right:.5rem;width:100%}"
   };
   var _default = styleData;
   _exports.default = _default;

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/BrowserScrollbar.css",
-    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}"
+    content: ":not(.ui5-content-native-scrollbars) ::-webkit-scrollbar:horizontal{height:var(--sapScrollBar_Dimension)}:not(.ui5-content-native-scrollbars) ::-webkit-scrollbar:vertical{width:var(--sapScrollBar_Dimension)}:not(.ui5-content-native-scrollbars) ::-webkit-scrollbar{background-color:var(--sapScrollBar_TrackColor);border-left:var(--browser_scrollbar_border)}:not(.ui5-content-native-scrollbars) ::-webkit-scrollbar-thumb{background-color:var(--sapScrollBar_FaceColor);border-radius:var(--browser_scrollbar_border_radius)}:not(.ui5-content-native-scrollbars) ::-webkit-scrollbar-thumb:hover{background-color:var(--sapScrollBar_Hover_FaceColor)}:not(.ui5-content-native-scrollbars) ::-webkit-scrollbar-corner{background-color:var(--sapScrollBar_TrackColor)}"
   };
   var _default = styleData;
   _exports.default = _default;

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/BusyIndicator.css",
-    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"
+    content: ":host(:not([hidden])){display:inline-block}:host([_is-busy]){color:var(--_ui5-v1-18-0_busy_indicator_color)}:host([size=Small]) .ui5-busy-indicator-root{min-height:.5rem;min-width:1.625rem}:host([size=Small][text]:not([text=\"\"])) .ui5-busy-indicator-root{min-height:1.75rem}:host([size=Small]) .ui5-busy-indicator-circle{height:.5rem;width:.5rem}:host([size=Small]) .ui5-busy-indicator-circle:first-child,:host([size=Small]) .ui5-busy-indicator-circle:nth-child(2){margin-inline-end:.0625rem}:host(:not([size])) .ui5-busy-indicator-root,:host([size=Medium]) .ui5-busy-indicator-root{min-height:1rem;min-width:3.375rem}:host([size=Medium]) .ui5-busy-indicator-circle:first-child,:host([size=Medium]) .ui5-busy-indicator-circle:nth-child(2){margin-inline-end:.1875rem}: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{height:1rem;width:1rem}:host([size=Large]) .ui5-busy-indicator-root{min-height:2rem;min-width:6.5rem}:host([size=Large]) .ui5-busy-indicator-circle:first-child,:host([size=Large]) .ui5-busy-indicator-circle:nth-child(2){margin-inline-end:.25rem}:host([size=Large][text]:not([text=\"\"])) .ui5-busy-indicator-root{min-height:3.25rem}:host([size=Large]) .ui5-busy-indicator-circle{height:2rem;width:2rem}.ui5-busy-indicator-root{align-items:center;background-color:inherit;display:flex;height:inherit;justify-content:center;position:relative}.ui5-busy-indicator-busy-area{align-items:center;background-color:inherit;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:99}.ui5-busy-indicator-busy-area:focus{border-radius:var(--_ui5-v1-18-0_busy_indicator_focus_border_radius);outline:var(--_ui5-v1-18-0_busy_indicator_focus_outline);outline-offset:-2px}.ui5-busy-indicator-circles-wrapper{line-height:0}.ui5-busy-indicator-circle{background-color:currentColor;border-radius:50%;display:inline-block}.ui5-busy-indicator-circle:before{border-radius:100%;content:\"\";height:100%;width: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{margin-top:.25rem;text-align:center;width:100%}@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)}}"
   };
   var _default = styleData;
   _exports.default = _default;

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/Button.css",
-    content: ":host {\n\tvertical-align: middle;\n}\n.ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n:host(:not([hidden])) {\n\tdisplay: inline-block;\n}\n: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"
+    content: ":host{vertical-align:middle}.ui5-hidden-text{clip:rect(1px,1px,1px,1px);font-size:0;left:-1000px;pointer-events:none;position:absolute;top:-1000px;user-select:none}:host(:not([hidden])){display:inline-block}:host{background-color:var(--sapButton_Background);border:var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);border-radius:var(--_ui5-v1-18-0_button_border_radius);box-sizing:border-box;color:var(--sapButton_TextColor);cursor:pointer;font-family:var(--_ui5-v1-18-0_button_fontFamily);font-size:var(--sapFontSize);height:var(--_ui5-v1-18-0_button_base_height);line-height:normal;min-width:var(--_ui5-v1-18-0_button_base_min_width);overflow:hidden;text-overflow:ellipsis;text-shadow:var(--_ui5-v1-18-0_button_text_shadow);white-space:nowrap}.ui5-button-root{align-items:center;background:transparent;border:none;box-sizing:border-box;color:inherit;cursor:inherit;display:flex;font:inherit;height:100%;justify-content:center;letter-spacing:inherit;line-height:inherit;min-width:inherit;outline:none;overflow:inherit;padding:0 var(--_ui5-v1-18-0_button_base_padding);position:relative;text-overflow:inherit;text-shadow:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:inherit;width:100%;word-spacing:inherit}:host(:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host(:not([hidden]):not([disabled]).ui5_hovered){background:var(--sapButton_Hover_Background);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-v1-18-0_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;overflow:inherit;position:relative;text-overflow:inherit;white-space:inherit}:host([has-icon]:not([icon-end])) .ui5-button-text{margin-inline-start:var(--_ui5-v1-18-0_button_base_icon_margin)}:host([has-icon][icon-end]) .ui5-button-text{margin-inline-start:0}:host([disabled]){cursor:default;opacity:var(--sapContent_DisabledOpacity);pointer-events:unset}:host([has-icon]:not([icon-only])) .ui5-button-text{min-width:calc(var(--_ui5-v1-18-0_button_base_min_width) - var(--_ui5-v1-18-0_button_base_icon_margin) - 1rem)}:host([disabled]:active){pointer-events:none}:host([focused]) .ui5-button-root:after{border:var(--_ui5-v1-18-0_button_focused_border);border-radius:var(--_ui5-v1-18-0_button_focused_border_radius);bottom:.0625rem;box-sizing:border-box;content:\"\";left:.0625rem;position:absolute;right:.0625rem;top:.0625rem}:host([design=Emphasized][focused]) .ui5-button-root:after{border-color:var(--_ui5-v1-18-0_button_emphasized_focused_border_color)}:host([design=Emphasized][focused]) .ui5-button-root:before{border:var(--_ui5-v1-18-0_button_emphasized_focused_border_before);border-radius:var(--_ui5-v1-18-0_button_focused_border_radius);bottom:.0625rem;box-sizing:border-box;content:\"\";left:.0625rem;position:absolute;right:.0625rem;top:.0625rem}.ui5-button-root::-moz-focus-inner{border:0}bdi{display:block;overflow:inherit;text-overflow:inherit;white-space:inherit}:host([ui5-button][active]:not([disabled]):not([non-interactive])){background-color:var(--sapButton_Active_Background);background-image:none;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]):not([disabled]).ui5_hovered),:host([design=Positive]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover){background-color:var(--sapButton_Accept_Hover_Background);border-color:var(--sapButton_Accept_Hover_BorderColor);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]):not([disabled]).ui5_hovered),:host([design=Negative]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover){background-color:var(--sapButton_Reject_Hover_Background);border-color:var(--sapButton_Reject_Hover_BorderColor);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]):not([disabled]).ui5_hovered),:host([design=Attention]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover){background-color:var(--sapButton_Attention_Hover_Background);border-color:var(--sapButton_Attention_Hover_BorderColor);color:var(--sapButton_Attention_Hover_TextColor)}: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-v1-18-0_button_emphasized_border_width);color:var(--sapButton_Emphasized_TextColor);font-weight:var(--sapButton_Emphasized_FontWeight)}:host([design=Emphasized]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered),:host([design=Emphasized]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover){background-color:var(--sapButton_Emphasized_Hover_Background);border-color:var(--sapButton_Emphasized_Hover_BorderColor);border-width:var(--_ui5-v1-18-0_button_emphasized_border_width);color:var(--sapButton_Emphasized_Hover_TextColor)}: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);border-color:var(--sapButton_Lite_BorderColor);color:var(--sapButton_Lite_TextColor)}:host([design=Transparent]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered),:host([design=Transparent]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover){background-color:var(--sapButton_Lite_Hover_Background);border-color:var(--sapButton_Lite_Hover_BorderColor);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-v1-18-0_button_pressed_focused_border_color);outline:none}:host([ui5-segmented-button-item][focused]:not(:last-child)) .ui5-button-root:after{border-bottom-right-radius:var(--_ui5-v1-18-0_button_focused_inner_border_radius);border-top-right-radius:var(--_ui5-v1-18-0_button_focused_inner_border_radius)}:host([ui5-segmented-button-item][focused]:not(:first-child)) .ui5-button-root:after{border-bottom-left-radius:var(--_ui5-v1-18-0_button_focused_inner_border_radius);border-top-left-radius:var(--_ui5-v1-18-0_button_focused_inner_border_radius)}"
   };
   var _default = styleData;
   _exports.default = _default;

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/Calendar.css",
-    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}"
+    content: ":host(:not([hidden])){display:inline-block}.ui5-cal-root{background:var(--sapList_Background);box-sizing:border-box;display:flex;flex-direction:column-reverse;height:var(--_ui5-v1-18-0_calendar_height);justify-content:flex-end;padding:var(--_ui5-v1-18-0_calendar_top_bottom_padding) var(--_ui5-v1-18-0_calendar_left_right_padding) 0;width:var(--_ui5-v1-18-0_calendar_width)}.ui5-cal-root [ui5-calendar-header]{font-family:var(--_ui5-v1-18-0_button_fontFamily);height:var(--_ui5-v1-18-0_calendar_header_height)}.ui5-cal-root .ui5-cal-content{padding:0 var(--_ui5-v1-18-0_calendar_left_right_padding) var(--_ui5-v1-18-0_calendar_top_bottom_padding)}"
   };
   var _default = styleData;
   _exports.default = _default;

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/CalendarHeader.css",
-    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"
+    content: ":host{display:block;height:100%;width:100%}.ui5-calheader-root{box-sizing:border-box;display:flex;height:100%;padding:var(--_ui5-v1-18-0_calendar_header_padding)}.ui5-calheader-arrowbtn{align-items:center;background-color:var(--sapButton_Lite_Background);color:var(--sapButton_Lite_TextColor);cursor:pointer;display:flex;font-size:var(--sapFontSize);justify-content:center;overflow:hidden;padding:0;user-select:none;white-space:nowrap;width:var(--_ui5-v1-18-0_calendar_header_arrow_button_width)}.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{background-color:var(--sapButton_Lite_Background);color:var(--sapButton_Lite_TextColor);cursor:default;opacity:.4;outline:none}[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);box-shadow:var(--_ui5-v1-18-0_calendar_header_arrow_button_box_shadow);color:var(--sapButton_Lite_TextColor)}.ui5-calheader-arrowbtn:active{background-color:var(--sapButton_Active_Background);color:var(--sapButton_Active_TextColor)}.ui5-calheader-arrowbtn,.ui5-calheader-middlebtn{background-color:var(--sapButton_Lite_Background);border:var(--_ui5-v1-18-0_calendar_header_arrow_button_border);border-color:var(--sapButton_Lite_BorderColor);border-radius:var(--_ui5-v1-18-0_calendar_header_arrow_button_border_radius);display:flex}.ui5-calheader-middlebtn{align-items:center;flex-direction:column;justify-content:center}.ui5-calheader-arrowbtn:not(:active) .ui5-calheader-btn-sectext{color:var(--sapNeutralElementColor);font-size:var(--sapFontSmallSize)}.ui5-calheader-arrowicon{color:currentColor;pointer-events:none}.ui5-calheader-midcontainer{display:flex;flex:1 1 auto;justify-content:space-around;padding:0 .5rem}.ui5-calheader-midcontainer .ui5-calheader-middlebtn:first-child{margin-inline-end:.5rem}.ui5-calheader-middlebtn{box-sizing:border-box;flex:var(--_ui5-v1-18-0_calendar_header_middle_button_flex);font-family:var(--_ui5-v1-18-0_button_fontFamily);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--_ui5-v1-18-0_calendar_header_middle_button_width)}.ui5-calheader-middlebtn:focus{background:var(--_ui5-v1-18-0_calendar_header_middle_button_focus_background);border:var(--_ui5-v1-18-0_calendar_header_middle_button_focus_border);border-radius:var(--_ui5-v1-18-0_calendar_header_middle_button_focus_border_radius);outline:var(--_ui5-v1-18-0_calendar_header_middle_button_focus_outline);outline-offset:-.125rem}.ui5-calheader-middlebtn:focus:active{background:var(--_ui5-v1-18-0_calendar_header_middle_button_focus_active_background);outline:var(--_ui5-v1-18-0_calendar_header_middle_button_focus_active_outline);outline-offset:-.0625rem}.ui5-calheader-middlebtn:focus:after{border:var(--_ui5-v1-18-0_calendar_header_middle_button_focus_after_border);content:\"\";display:var(--_ui5-v1-18-0_calendar_header_middle_button_focus_after_display);height:var(--_ui5-v1-18-0_calendar_header_middle_button_focus_after_height);left:var(--_ui5-v1-18-0_calendar_header_middle_button_focus_after_left_offset);position:absolute;top:var(--_ui5-v1-18-0_calendar_header_middle_button_focus_after_top_offset);width:var(--_ui5-v1-18-0_calendar_header_middle_button_focus_after_width)}.ui5-calheader-middlebtn:focus:active:after{border-color:var(--sapContent_ContrastFocusColor)}"
   };
   var _default = styleData;
   _exports.default = _default;

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/Card.css",
-    content: ".ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n\n:host(: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"
+    content: ".ui5-hidden-text{clip:rect(1px,1px,1px,1px);font-size:0;left:-1000px;pointer-events:none;position:absolute;top:-1000px;user-select:none}:host(:not([hidden])){display:inline-block;width:100%}.ui5-card-root{background:var(--sapTile_Background);border:var(--_ui5-v1-18-0_card_border);border-radius:var(--_ui5-v1-18-0_card_border-radius);box-shadow:var(--_ui5-v1-18-0_card_box_shadow);box-sizing:border-box;color:var(--sapGroup_TitleTextColor);font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSize);height:100%;overflow:hidden;width:100%}.ui5-card-root.ui5-card--interactive:hover{box-shadow:var(--_ui5-v1-18-0_card_hover_box_shadow)}.ui5-card-root.ui5-card--interactive:active{box-shadow:var(--_ui5-v1-18-0_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-v1-18-0_card_header_focus_bottom_radius:var(--_ui5-v1-18-0_card_header_focus_radius)}.ui5-card-root .ui5-card-header-root{border-bottom:var(--_ui5-v1-18-0_card_header_border)}"
   };
   var _default = styleData;
   _exports.default = _default;

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/CardHeader.css",
-    content: ".ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n\n.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}"
+    content: ".ui5-hidden-text{clip:rect(1px,1px,1px,1px);font-size:0;left:-1000px;pointer-events:none;position:absolute;top:-1000px;user-select:none}.ui5-card-header{align-items:center;display:flex;outline:none;padding:var(--_ui5-v1-18-0_card_header_padding);position:relative}:host([subtitleText]) .ui5-card-header{align-items:flex-start}.ui5-card-header.ui5-card-header-ff:not(.ui5-card-header-hide-focus):focus-within:before{border:var(--_ui5-v1-18-0_card_header_focus_border);border-bottom-left-radius:var(--_ui5-v1-18-0_card_header_focus_bottom_radius);border-bottom-right-radius:var(--_ui5-v1-18-0_card_header_focus_bottom_radius);border-top-left-radius:var(--_ui5-v1-18-0_card_header_focus_radius);border-top-right-radius:var(--_ui5-v1-18-0_card_header_focus_radius);bottom:var(--_ui5-v1-18-0_card_header_focus_offset);content:\"\";left:var(--_ui5-v1-18-0_card_header_focus_offset);outline:none;pointer-events:none;position:absolute;right:var(--_ui5-v1-18-0_card_header_focus_offset);top:var(--_ui5-v1-18-0_card_header_focus_offset)}.ui5-card-header:not(.ui5-card-header-ff):not(.ui5-card-header-hide-focus):has(.ui5-card-header-focusable-element:focus):before{border:var(--_ui5-v1-18-0_card_header_focus_border);border-bottom-left-radius:var(--_ui5-v1-18-0_card_header_focus_bottom_radius);border-bottom-right-radius:var(--_ui5-v1-18-0_card_header_focus_bottom_radius);border-top-left-radius:var(--_ui5-v1-18-0_card_header_focus_radius);border-top-right-radius:var(--_ui5-v1-18-0_card_header_focus_radius);bottom:var(--_ui5-v1-18-0_card_header_focus_offset);content:\"\";left:var(--_ui5-v1-18-0_card_header_focus_offset);outline:none;pointer-events:none;position:absolute;right:var(--_ui5-v1-18-0_card_header_focus_offset);top:var(--_ui5-v1-18-0_card_header_focus_offset)}.ui5-card-header-focusable-element{outline:none}.ui5-card-header-focusable-element{align-items:inherit;display:inherit;flex:1}.ui5-card-header.ui5-card-header--interactive:hover{background:var(--_ui5-v1-18-0_card_header_hover_bg);cursor:pointer}.ui5-card-header.ui5-card-header--active,.ui5-card-header.ui5-card-header--interactive:active{background:var(--_ui5-v1-18-0_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{align-items:center;align-self:flex-start;display:flex;height:3rem;justify-content:center;margin-inline-end:.75rem;pointer-events:none;width:3rem}::slotted([ui5-icon]){color:var(--sapTile_IconColor);height:1.5rem;width:1.5rem}::slotted(img[slot=avatar]){border-radius:50%;height:100%;width:100%}.ui5-card-header .ui5-card-header-status{color:var(--sapTile_TextColor);display:inline-block;font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSmallSize);margin-block-start:.125rem;margin-inline-start:1rem;overflow:hidden;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.ui5-card-header .ui5-card-header-text .ui5-card-header-title{align-self:flex-end;color:var(--sapTile_TitleTextColor);font-family:var(--_ui5-v1-18-0_card_header_title_font_family);font-size:var(--_ui5-v1-18-0_card_header_title_font_size);font-weight:var(--_ui5-v1-18-0_card_header_title_font_weight);max-height:3.5rem}.ui5-card-header .ui5-card-header-text .ui5-card-header-subtitle{color:var(--sapTile_TextColor);font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;margin-top:var(--_ui5-v1-18-0_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{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;max-width:100%;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:normal}.ui5-card-header .ui5-card-header-text .ui5-card-header-title{-webkit-line-clamp:3}.ui5-card-header-action{align-self:flex-start;display:flex;padding-inline-start:1rem}"
   };
   var _default = styleData;
   _exports.default = _default;

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/Carousel.css",
-    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"
+    content: ":host(:not([hidden])){display:inline-block}:host{height:100%;min-width:15.5rem;width:100%}.ui5-carousel-root:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor)}.ui5-carousel-root{align-items:center;background:var(--ui5-v1-18-0_carousel_background_color_translucent);display:flex;flex-direction:column;height:inherit;position:relative}.ui5-carousel-background-solid{background:var(--ui5-v1-18-0_carousel_background_color_solid)}.ui5-carousel-background-transparent{background:transparent}.ui5-carousel-viewport{align-items:flex-start;display:flex;flex:1;flex-direction:column;height:inherit;min-height:0;overflow:hidden;padding:1px;position:relative;width:100%}.ui5-carousel-viewport.ui5-carousel-viewport--single{align-items:center}.ui5-carousel-content{display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;position:relative;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{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:0 .75rem;transition:opacity .5s linear;will-change:opacity}.ui5-carousel-item--hidden{opacity:0}.ui5-carousel-navigation-arrows{box-sizing:border-box;display:flex;justify-content:space-between;left:0;padding:0 .5rem;pointer-events:none;position:absolute;top:calc(50% - var(--ui5-v1-18-0_carousel_button_size)/2);width:100%}.ui5-carousel-navigation-arrows>[ui5-button]{pointer-events:all}.ui5-carousel-navigation-wrapper{align-items:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;height:2.75rem;justify-content:center;width:100%}.ui5-carousel-navigation-wrapper-bg-solid{background:var(--sapPageFooter_Background)}.ui5-carousel-navigation-wrapper-bg-translucent{background:var(--ui5-v1-18-0_carousel_background_color_translucent)}.ui5-carousel-navigation-wrapper-bg-transparent{background:transparent}.ui5-carousel-navigation-wrapper-border-solid{border-top:var(--sapElement_BorderWidth) solid var(--sapList_BorderColor)}.ui5-carousel-navigation-wrapper.ui5-carousel-navigation-with-buttons{height:3.5rem}.ui5-carousel-navigation-button{--_ui5-v1-18-0_button_focused_border_radius:50%;border-radius:50%;box-shadow:none;cursor:pointer;height:var(--ui5-v1-18-0_carousel_button_size);outline-offset:.1rem;width:var(--ui5-v1-18-0_carousel_button_size)}.ui5-carousel-navigation-arrows .ui5-carousel-navigation-button{box-shadow:var(--sapContent_Shadow1)}.ui5-carousel-navigation-arrows .ui5-carousel-navigation-button:active{box-shadow:var(--ui5-v1-18-0_carousel_navigation_button_active_box_shadow)}.ui5-carousel-navigation-button--hidden{padding:0;visibility:hidden}.ui5-carousel-navigation{align-items:center;display:flex;height:2rem;justify-content:center;width:9rem}.ui5-carousel-navigation-dot{background-color:var(--ui5-v1-18-0_carousel_inactive_dot_background);border:var(--ui5-v1-18-0_carousel_inactive_dot_border);border-radius:50%;box-sizing:border-box;height:var(--ui5-v1-18-0_carousel_inactive_dot_size);margin:var(--ui5-v1-18-0_carousel_inactive_dot_margin);transition:background-color .1s ease-in;width:var(--ui5-v1-18-0_carousel_inactive_dot_size)}.ui5-carousel-navigation-dot[active]{background-color:var(--ui5-v1-18-0_carousel_active_dot_background);border:var(--ui5-v1-18-0_carousel_active_dot_border);height:.5rem;margin:0 .25rem;width:.5rem}.ui5-carousel-navigation-text{color:var(--sapPageFooter_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}"
   };
   var _default = styleData;
   _exports.default = _default;

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/CheckBox.css",
-    content: ".ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n:host {\n\t-webkit-tap-highlight-color: rgba(0,0,0,0);\n}\n:host(:not([hidden])) {\n\tdisplay: inline-block;\n}\n: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"
+    content: ".ui5-hidden-text{clip:rect(1px,1px,1px,1px);font-size:0;left:-1000px;pointer-events:none;position:absolute;top:-1000px;user-select:none}:host{-webkit-tap-highlight-color:rgba(0,0,0,0)}:host(:not([hidden])){display:inline-block}:host{border-radius:var(--_ui5-v1-18-0_checkbox_border_radius);cursor:pointer;max-width:100%;outline:none;overflow:hidden;transition:var(--_ui5-v1-18-0_checkbox_transition);user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}:host([disabled]){cursor:default}:host([disabled]) .ui5-checkbox-root{opacity:var(--_ui5-v1-18-0_checkbox_disabled_opacity)}:host([disabled]) .ui5-checkbox-inner{border-color:var(--_ui5-v1-18-0_checkbox_inner_disabled_border_color)}:host([disabled]) .ui5-checkbox-label{color:var(--_ui5-v1-18-0_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-v1-18-0_checkbox_inner_readonly_border);color:var(--sapField_TextColor)}:host([wrapping-type=Normal][text]) .ui5-checkbox-root{align-items:flex-start;box-sizing:border-box;min-height:auto;padding-bottom:var(--_ui5-v1-18-0_checkbox_root_side_padding);padding-top:var(--_ui5-v1-18-0_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-v1-18-0_checkbox_wrapped_content_margin_top)}:host([wrapping-type=Normal][text]) .ui5-checkbox-root .ui5-checkbox-label{align-self:center;overflow-wrap:break-word}:host([wrapping-type=Normal]) .ui5-checkbox-root:focus:before{bottom:var(--_ui5-v1-18-0_checkbox_wrapped_focus_left_top_bottom_position)}:host([value-state=Error]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,:host([value-state=Error]) .ui5-checkbox-inner{background:var(--sapField_InvalidBackground);border:var(--_ui5-v1-18-0_checkbox_inner_error_border);color:var(--sapField_InvalidColor)}:host([value-state=Error]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner{background:var(--_ui5-v1-18-0_checkbox_inner_error_background_hover)}:host([value-state=Warning]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,:host([value-state=Warning]) .ui5-checkbox-inner{background:var(--sapField_WarningBackground);border:var(--_ui5-v1-18-0_checkbox_inner_warning_border);color:var(--_ui5-v1-18-0_checkbox_inner_warning_color)}:host([value-state=Warning]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner{background:var(--_ui5-v1-18-0_checkbox_inner_warning_background_hover)}:host([value-state=Information]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,:host([value-state=Information]) .ui5-checkbox-inner{background:var(--sapField_InformationBackground);border:var(--_ui5-v1-18-0_checkbox_inner_information_border);color:var(--_ui5-v1-18-0_checkbox_inner_information_color)}:host([value-state=Information]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner{background:var(--_ui5-v1-18-0_checkbox_inner_information_background_hover)}:host([value-state=Success]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,:host([value-state=Success]) .ui5-checkbox-inner{background:var(--sapField_SuccessBackground);border:var(--_ui5-v1-18-0_checkbox_inner_success_border);color:var(--sapField_SuccessColor)}:host([value-state=Success]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner{background:var(--_ui5-v1-18-0_checkbox_inner_success_background_hover)}:host([value-state=Warning]) .ui5-checkbox-icon,:host([value-state=Warning][indeterminate]) .ui5-checkbox-inner:after{color:var(--_ui5-v1-18-0_checkbox_checkmark_warning_color)}:host([text]) .ui5-checkbox-root{padding-inline-end:var(--_ui5-v1-18-0_checkbox_right_focus_distance)}:host([text]) .ui5-checkbox-root:focus:before{inset-inline-end:0}.ui5-checkbox-root{align-items:center;border:var(--_ui5-v1-18-0_checkbox_default_focus_border);border-radius:var(--_ui5-v1-18-0_checkbox_border_radius);box-sizing:border-box;display:inline-flex;min-height:var(--_ui5-v1-18-0_checkbox_width_height);min-width:var(--_ui5-v1-18-0_checkbox_width_height);outline:none;padding:0 var(--_ui5-v1-18-0_checkbox_wrapper_padding);position:relative;transition:var(--_ui5-v1-18-0_checkbox_transition);width:100%}.ui5-checkbox-root:focus:before{border:var(--_ui5-v1-18-0_checkbox_focus_outline);border-radius:var(--_ui5-v1-18-0_checkbox_focus_border_radius);content:\"\";display:var(--_ui5-v1-18-0_checkbox_focus_outline_display);inset-block:var(--_ui5-v1-18-0_checkbox_focus_position);inset-inline:var(--_ui5-v1-18-0_checkbox_focus_position);position:absolute}:host .ui5-checkbox-root:focus{border:var(--_ui5-v1-18-0_checkbox_focus_border);border-radius:.5rem}:host(:hover:not([disabled])){background:var(--_ui5-v1-18-0_checkbox_outer_hover_background)}.ui5-checkbox--hoverable .ui5-checkbox-label:hover{color:var(--_ui5-v1-18-0_checkbox_label_color)}:host(:not([active]):not([checked]):not([value-state])) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,:host(:not([active]):not([checked])[value-state=None]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner{background:var(--_ui5-v1-18-0_checkbox_hover_background);border-color:var(--_ui5-v1-18-0_checkbox_inner_hover_border_color)}:host(:not([active])[checked]:not([value-state])) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,:host(:not([active])[checked][value-state=None]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner{background:var(--_ui5-v1-18-0_checkbox_hover_background);border-color:var(--_ui5-v1-18-0_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-v1-18-0_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{background-color:var(--_ui5-v1-18-0_checkbox_active_background);border-color:var(--_ui5-v1-18-0_checkbox_inner_active_border_color)}:host([active][checked]:not([value-state]):not([disabled])) .ui5-checkbox-inner,:host([active][checked][value-state=None]:not([disabled])) .ui5-checkbox-inner{background-color:var(--_ui5-v1-18-0_checkbox_active_background);border-color:var(--_ui5-v1-18-0_checkbox_inner_selected_border_color)}.ui5-checkbox-inner{background:var(--_ui5-v1-18-0_checkbox_inner_background);border:var(--_ui5-v1-18-0_checkbox_inner_border);border-radius:var(--_ui5-v1-18-0_checkbox_inner_border_radius);box-sizing:border-box;color:var(--_ui5-v1-18-0_checkbox_checkmark_color);cursor:inherit;height:var(--_ui5-v1-18-0_checkbox_inner_width_height);max-height:var(--_ui5-v1-18-0_checkbox_inner_width_height);max-width:var(--_ui5-v1-18-0_checkbox_inner_width_height);min-width:var(--_ui5-v1-18-0_checkbox_inner_width_height);position:relative}:host([indeterminate][checked]) .ui5-checkbox-inner:after{background-color:currentColor;content:\"\";height:var(--_ui5-v1-18-0_checkbox_partially_icon_size);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--_ui5-v1-18-0_checkbox_partially_icon_size)}.ui5-checkbox-inner input{-webkit-appearance:none;font-size:inherit;left:0;position:absolute;visibility:hidden;width:0}.ui5-checkbox-root .ui5-checkbox-label{color:var(--_ui5-v1-18-0_checkbox_label_color);cursor:inherit;margin-inline-start:var(--_ui5-v1-18-0_checkbox_label_offset);overflow:hidden;pointer-events:none;text-overflow:ellipsis}.ui5-checkbox-icon{color:currentColor;cursor:inherit;height:var(--_ui5-v1-18-0_checkbox_icon_size);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--_ui5-v1-18-0_checkbox_icon_size)}"
   };
   var _default = styleData;
   _exports.default = _default;

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/ColorPalette.css",
-    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}"
+    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{max-height:13rem;max-width:19.5rem;padding:.375rem .625rem;width:18.5rem}.ui5-cp-recent-colors-wrapper{align-items:center;display:flex;flex-direction:column}.ui5-cp-root.ui5-cp-root-phone{align-items:center;display:flex}.ui5-cp-item-container{display:flex;flex-flow:wrap;max-height:var(--_ui5-v1-18-0_color-palette-row-height);max-width:var(--_ui5-v1-18-0_color-palette-row-width);overflow:hidden;padding:var(--_ui5-v1-18-0_color-palette-swatch-container-padding)}.ui5-cp-default-color-button,.ui5-cp-more-colors{border:none;height:var(--_ui5-v1-18-0_color-palette-button-height);text-align:center;width:100%}.ui5-cp-default-color-button-wrapper,.ui5-cp-more-colors-wrapper{display:flex;flex-direction:column}.ui5-cp-separator{background:var(--sapToolbar_SeparatorColor);height:.0625rem}.ui5-cp-default-color-button,.ui5-cp-more-colors{padding:.0625rem}"
   };
   var _default = styleData;
   _exports.default = _default;

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/ColorPaletteItem.css",
-    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"
+    content: ":host(:not([hidden])){border:1px solid var(--sapContent_ForegroundBorderColor);border-radius:var(--_ui5-v1-18-0_color-palette-item-outer-border-radius);box-sizing:border-box;display:inline-block;height:var(--_ui5-v1-18-0_color-palette-item-height);margin:var(--_ui5-v1-18-0_color-palette-item-margin);width:var(--_ui5-v1-18-0_color-palette-item-height)}:host(:not([_disabled]):hover){border-radius:var(--_ui5-v1-18-0_color-palette-item-hover-outer-border-radius);height:var(--_ui5-v1-18-0_color-palette-item-hover-height);margin:var(--_ui5-v1-18-0_color-palette-item-hover-margin);width:var(--_ui5-v1-18-0_color-palette-item-hover-height)}:host(:not([hidden])[phone]){border:1px solid var(--sapContent_ForegroundBorderColor);border-radius:.25rem;display:inline-block;height:2.75rem;margin:.375rem;width:2.75rem}.ui5-cp-item{border-radius:var(--_ui5-v1-18-0_color-palette-item-inner-border-radius);box-sizing:border-box;height:100%;position:relative;width:100%}:host(:not([_disabled]):not([phone]):hover) .ui5-cp-item{border-radius:var(--_ui5-v1-18-0_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-v1-18-0_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{border:var(--_ui5-v1-18-0_color-palette-item-before-focus-color);border-radius:var(--_ui5-v1-18-0_color-palette-item-before-focus-border-radius);bottom:var(--_ui5-v1-18-0_color-palette-item-before-focus-offset);box-sizing:border-box;content:\"\";left:var(--_ui5-v1-18-0_color-palette-item-before-focus-offset);pointer-events:none;position:absolute;right:var(--_ui5-v1-18-0_color-palette-item-before-focus-offset);top:var(--_ui5-v1-18-0_color-palette-item-before-focus-offset)}:host(:not([_disabled])) .ui5-cp-item:focus:not(:hover):after{border:var(--_ui5-v1-18-0_color-palette-item-after-focus-color);border-radius:var(--_ui5-v1-18-0_color-palette-item-after-focus-border-radius);bottom:var(--_ui5-v1-18-0_color-palette-item-after-focus-offset);box-sizing:border-box;content:\"\";left:var(--_ui5-v1-18-0_color-palette-item-after-focus-offset);pointer-events:none;position:absolute;right:var(--_ui5-v1-18-0_color-palette-item-after-focus-offset);top:var(--_ui5-v1-18-0_color-palette-item-after-focus-offset)}:host(:not([_disabled]):not([phone]):hover:focus) .ui5-cp-item:focus:not(:hover):before{border:var(--_ui5-v1-18-0_color-palette-item-before-focus-color);border-radius:var(--_ui5-v1-18-0_color-palette-item-before-focus-border-radius);bottom:var(--_ui5-v1-18-0_color-palette-item-before-focus-hover-offset);box-sizing:border-box;content:\"\";left:var(--_ui5-v1-18-0_color-palette-item-before-focus-hover-offset);pointer-events:none;position:absolute;right:var(--_ui5-v1-18-0_color-palette-item-before-focus-hover-offset);top:var(--_ui5-v1-18-0_color-palette-item-before-focus-hover-offset)}:host(:not([_disabled]):not([phone]):hover:focus) .ui5-cp-item:focus:not(:hover):after{border:var(--_ui5-v1-18-0_color-palette-item-after-focus-color);border-radius:var(--_ui5-v1-18-0_color-palette-item-after-focus-border-radius);bottom:var(--_ui5-v1-18-0_color-palette-item-after-focus-hover-offset);box-sizing:border-box;content:\"\";left:var(--_ui5-v1-18-0_color-palette-item-after-focus-hover-offset);pointer-events:none;position:absolute;right:var(--_ui5-v1-18-0_color-palette-item-after-focus-hover-offset);top:var(--_ui5-v1-18-0_color-palette-item-after-focus-hover-offset)}"
   };
   var _default = styleData;
   _exports.default = _default;

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/ColorPalettePopover.css",
-    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}"
+    content: ".ui5-cp-header{align-items:center;display:flex;height:var(--_ui5-v1-18-0_color-palette-button-height);width:100%}.ui5-cp-footer{display:flex;justify-content:flex-end;margin:.1875rem 0;width:100%}[ui5-responsive-popover]::part(content){padding:0}.ui5-cp-item-container{padding:.3125rem .6875rem}"
   };
   var _default = styleData;
   _exports.default = _default;

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/ColorPaletteStaticArea.css",
-    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"
+    content: ".ui5-cp-dialog-content{align-items:center;display:flex;justify-content:center;margin:1rem 0}.ui5-cp-dialog-footer{display:flex;justify-content:flex-end;margin:.1875rem 1rem;width:100%}.ui5-cp-dialog-footer [ui5-button]:first-child{margin-right:1rem}"
   };
   var _default = styleData;
   _exports.default = _default;

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/ColorPicker.css",
-    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"
+    content: ":host(:not([hidden])){display:inline-block}.ui5-color-picker-root{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.ui5-color-picker-main-color{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%,0),grey);background-image:-moz-linear-gradient(left,#000,transparent,#fff),-moz-linear-gradient(top,hsla(0,0%,50%,0),grey);background-image:linear-gradient(left,#000,transparent,#fff),linear-gradient(top,hsla(0,0%,50%,0),grey);background-size:100%;border:1px solid var(--sapContent_ForegroundBorderColor);height:16rem;margin-bottom:1.5rem;position:relative;user-select:none;-moz-user-select:none;width:16rem}.ui5-color-picker-circle{border:var(--_ui5-v1-18-0_color_picker_circle_outer_border);border-radius:.6875rem;box-sizing:border-box;height:13px;pointer-events:none;position:absolute;width:13px}.ui5-color-picker-circle:after{border:var(--_ui5-v1-18-0_color_picker_circle_inner_border);border-radius:.9375rem;content:\"\";height:var(--_ui5-v1-18-0_color_picker_circle_inner_circle_size);pointer-events:none;position:absolute;width:var(--_ui5-v1-18-0_color_picker_circle_inner_circle_size)}.ui5-color-picker-sliders-wrapper{margin-left:-10px;width:calc(100% - 11px)}[ui5-slider]{--_ui5-v1-18-0_slider_active_progress_border:none;--_ui5-v1-18-0_slider_progress_box_sizing:content-box}[ui5-slider]::part(handle){background:transparent;box-sizing:border-box;height:1.5rem;margin-left:-2px;margin-top:var(--_ui5-v1-18-0_color_picker_slider_handle_margin_top);width:.9375rem}[ui5-slider]::part(handle):after{border:2px solid #fff;border-radius:1rem;box-sizing:border-box;content:\"\";display:block;height:1.25rem;width:100%}[ui5-slider]::part(root-container){padding:1rem 0}[ui5-slider]::part(progress-container){border:1px solid var(--sapField_BorderColor);border-radius:0;height:18px;margin-top:var(--_ui5-v1-18-0_color_picker_slider_container_margin_top);position:absolute;width:calc(100% + 11px)}[ui5-slider].ui5-color-picker-hue-slider::part(progress-container){background-color:none;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-size:100%}[ui5-slider].ui5-color-picker-alpha-slider::part(progress-container){background-image:-webkit-linear-gradient(left,rgba(65,120,13,0),var(--ui5-v1-18-0_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{align-items:center;display:flex;justify-content:space-around;width:100%}.ui5-color-picker-colors-wrapper{border:1px solid var(--sapField_BorderColor);display:flex;flex-wrap:nowrap;height:1.5rem}.ui5-color-picker-color,.ui5-color-picker-white{background:#fff;display:block;width:3.1rem}.ui5-color-picker-color{background-image:url(\"data:image/png;base64,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\")}.ui5-color-picker-color-inner{height:100%;width:100%}.ui5-color-picker-hex-input-wrapper{align-items:center;display:flex;flex-wrap:nowrap}.ui5-color-picker-hex-input{margin-left:.2rem;min-width:4.5rem;width:4.5rem}.ui5-color-picker-rgb-wrapper{display:flex;justify-content:space-around;width:100%}.ui5-color-picker-rgb{align-items:center;display:flex;flex-direction:column;margin-top:1rem}.ui5-color-picker-rgb-input{min-width:2.5rem;text-align:center;width:2.5rem}.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){border:var(--_ui5-v1-18-0_color_picker_slider_handle_border);box-shadow:var(--_ui5-v1-18-0_color_picker_slider_handle_box_shadow)}.ui5-color-picker-alpha-slider::part(handle):hover,.ui5-color-picker-hue-slider::part(handle):hover{border:var(--_ui5-v1-18-0_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-v1-18-0_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{border:var(--_ui5-v1-18-0_color_picker_slider_handle_inline_focus);border-radius:1rem;bottom:2px;box-sizing:border-box;content:\"\";display:block;height:1.625rem;left:-3px;position:absolute;right:-3px;top:-3px;width:1.05rem}.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-v1-18-0_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-v1-18-0_slider_handle_margin_left:0}[dir=rtl] .ui5-color-picker-sliders-wrapper{margin-left:10px}"
   };
   var _default = styleData;
   _exports.default = _default;