@ui5/webcomponents-fiori 1.14.0 → 1.14.2

package/dist/generated/themes/MediaGalleryItem.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaGalleryItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MediaGalleryItem.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,0BAA0B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAEnG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,0BAA0B,EAAC,QAAQ,EAAC,6BAA6B,EAAC,OAAO,EAAC,smEAAsmE,EAAC,CAAC;AAC5tE,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents-fiori\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents-fiori\",fileName:\"themes/MediaGalleryItem.css\",content:\":host{width:100%;height:100%;position:relative;display:flex}:host([_square]){height:0;padding-top:100%}.ui5-media-gallery-item-root{width:100%;height:100%;display:flex}:host([_square]) .ui5-media-gallery-item-root{position:absolute;top:0;left:0}:host([layout=Wide]) .ui5-media-gallery-item-root{align-items:center}:host([_thumbnail-design]) .ui5-media-gallery-item-root{border:var(--_ui5_media_gallery_thumbnail_border);box-sizing:border-box}:host([_interactive]) .ui5-media-gallery-item-root{cursor:pointer}:host([_thumbnail-design]:not([disabled]):not([selected])) .ui5-media-gallery-item-root:hover{border-color:var(--sapTile_Interactive_BorderColor);background:var(--sapList_Hover_Background)}:host([focused]) .ui5-media-gallery-item-root{outline:var(--_ui5_media_gallery_thumbnail_focus_outline);outline-offset:-1px}:host([_thumbnail-design][selected]) .ui5-media-gallery-item-root{border:var(--_ui5_media_gallery_thumbnail_selected_border)}:host([_thumbnail-design][focused][selected]) .ui5-media-gallery-item-root{outline-offset:-3px}.ui5-media-gallery-item-wrapper{width:100%;height:100%;display:flex;justify-content:center}:host([layout=Wide]) .ui5-media-gallery-item-wrapper{z-index:1}:host([layout=Wide]:not([_thumbnail-design])) .ui5-media-gallery-item-wrapper{height:56.25%}[ui5-icon]{position:absolute;width:4.5rem;height:4.55rem;align-self:center}.ui5-media-gallery-item-mask-layer{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(:not([_thumbnail-design])) .ui5-media-gallery-item-mask-layer{z-index:2;background:var(--sapBaseColor);mix-blend-mode:multiply;opacity:.2;box-shadow:var(--_ui5_media_gallery_item_overlay_box_shadow);pointer-events:none}:host(:not([_thumbnail-design])[layout=Wide]) .ui5-media-gallery-item-mask-layer{z-index:0}:host([disabled]) .ui5-media-gallery-item-mask-layer{z-index:2;background:var(--sapContent_ImagePlaceholderBackground);opacity:.5;cursor:default}::slotted([slot^=thumbnail]),:host([layout=Wide]) ::slotted(*){width:100%;height:100%;object-fit:cover}::slotted(*){max-width:100%;max-height:100%;object-fit:contain;margin:auto}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"MediaGalleryItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MediaGalleryItem.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,0BAA0B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAEnG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,0BAA0B,EAAC,QAAQ,EAAC,6BAA6B,EAAC,OAAO,EAAC,o9FAAo9F,EAAC,CAAC;AAC1kG,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents-fiori\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents-fiori\",fileName:\"themes/MediaGalleryItem.css\",content:\":host {\\n    width: 100%;\\n    height: 100%;\\n    position: relative;\\n    display: flex;\\n}\\n\\n:host([_square]) {\\n    height: 0;\\n    padding-top: 100%;\\n}\\n\\n.ui5-media-gallery-item-root {\\n    width: 100%;\\n    height: 100%;\\n    display: flex;\\n}\\n\\n:host([_square]) .ui5-media-gallery-item-root {\\n    position: absolute;\\n    top: 0;\\n    left: 0;\\n}\\n\\n:host([layout=\\\"Wide\\\"]) .ui5-media-gallery-item-root {\\n    align-items: center;\\n}\\n\\n:host([_thumbnail-design]) .ui5-media-gallery-item-root {\\n    border: var(--_ui5_media_gallery_thumbnail_border);\\n    box-sizing: border-box;\\n}\\n\\n:host([_interactive]) .ui5-media-gallery-item-root {\\n    cursor: pointer;\\n}\\n\\n/* hover */\\n\\n:host([_thumbnail-design]:not([disabled]):not([selected])) .ui5-media-gallery-item-root:hover {\\n    border-color: var(--sapTile_Interactive_BorderColor);\\n    background: var(--sapList_Hover_Background);\\n}\\n\\n/* focused */\\n\\n:host([focused]) .ui5-media-gallery-item-root {\\n\\toutline: var(--_ui5_media_gallery_thumbnail_focus_outline);\\n\\toutline-offset: -1px;\\n}\\n\\n/* selected */\\n\\n:host([_thumbnail-design][selected]) .ui5-media-gallery-item-root {\\n    border: var(--_ui5_media_gallery_thumbnail_selected_border);\\n}\\n\\n/* selected focused */\\n\\n:host([_thumbnail-design][focused][selected]) .ui5-media-gallery-item-root {\\n    outline-offset: -3px;\\n}\\n\\n.ui5-media-gallery-item-wrapper {\\n    width: 100%;\\n    height: 100%;\\n    display: flex;\\n    justify-content: center;\\n}\\n\\n:host([layout=\\\"Wide\\\"]) .ui5-media-gallery-item-wrapper {\\n    z-index: 1;\\n}\\n\\n:host([layout=\\\"Wide\\\"]:not([_thumbnail-design])) .ui5-media-gallery-item-wrapper {\\n    height: calc(100% / 16 * 9);\\n}\\n\\n/* resource not found icon */\\n\\n[ui5-icon] {\\n    position: absolute;\\n    width: 4.5rem;\\n    height: 4.55rem;\\n    align-self: center;\\n}\\n\\n.ui5-media-gallery-item-mask-layer {\\n    position: absolute;\\n    top: 0;\\n    left: 0;\\n    right: 0;\\n    bottom: 0;\\n    -webkit-user-select: none;\\n    -moz-user-select: none;\\n    user-select: none;\\n}\\n\\n:host(:not([_thumbnail-design])) .ui5-media-gallery-item-mask-layer {\\n    z-index: 2;\\n    background: var(--sapBaseColor);\\n    mix-blend-mode: multiply;\\n    opacity: 0.2;\\n    box-shadow: var(--_ui5_media_gallery_item_overlay_box_shadow);\\n    pointer-events: none;\\n}\\n\\n:host(:not([_thumbnail-design])[layout=\\\"Wide\\\"]) .ui5-media-gallery-item-mask-layer {\\n    z-index: 0;\\n}\\n\\n/* disabled state */\\n\\n:host([disabled]) .ui5-media-gallery-item-mask-layer {\\n    z-index: 2;\\n    background: var(--sapContent_ImagePlaceholderBackground);\\n    opacity: 0.5;\\n    cursor: default;\\n}\\n\\n/* stretch the slotted thumbnails and videos */\\n\\n::slotted([slot^=thumbnail]),\\n:host([layout=\\\"Wide\\\"]) ::slotted(*) {\\n    width: 100%;\\n    height: 100%;\\n    object-fit: cover;\\n}\\n\\n/* fit the slotted images within the host container,\\npreserving their proportions */\\n\\n::slotted(*) {\\n    max-width: 100%;\\n    max-height: 100%;\\n    object-fit: contain;\\n    margin: auto;\\n}\\n\"};\nexport default styleData;\n\t"]}

package/dist/generated/themes/NotificationListGroupItem.css.js

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", async () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents-fiori", "sap_fiori_3", async () => defaultTheme);
-const styleData = { packageName: "@ui5/webcomponents-fiori", fileName: "themes/NotificationListGroupItem.css", content: ".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;width:100%;min-height:var(--_ui5_list_item_base_height);background:var(--ui5-listitem-background-color);cursor:pointer}:host([has-border]){border-bottom:var(--ui5-listitem-border-bottom)}:host([focused]) .ui5-nli-focusable{outline:none}:host([focused]) .ui5-nli-focusable:after{content:\"\";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}:host([busy]){opacity:.6;pointer-events:none}:host([busy]) .ui5-nli-busy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui5-nli-action{flex-shrink:0;margin-inline-end:.5rem}.ui5-nli-overflow-btn{margin-inline-end:.5rem}.ui5-prio-icon{min-width:1rem;min-height:1rem;padding-inline-end:.625rem}.ui5-prio-icon--message-error{color:var(--sapNegativeElementColor)}.ui5-prio-icon--message-warning{color:var(--sapCriticalElementColor)}.ui5-prio-icon--message-success{color:var(--sapPositiveElementColor)}:host{--_ui5-notification_item-border-raius:0px}:host(:not([collapsed])) .ui5-nli-group-toggle-btn{transform:var(--_ui5_li_notification_group_toggle_btn_rotation)}:host([collapsed]) .ui5-nli-group-items{display:none}:host([read]) .ui5-nli-group-title-text{font-weight:400}.ui5-nli-group-root{display:flex;flex-direction:column;position:relative;width:100%;box-sizing:border-box}.ui5-nli-group-header{background:var(--sapList_GroupHeaderBackground);display:flex;align-items:center;padding-block:.75rem .25rem;padding-inline:.75rem .5rem;width:100%;border-bottom:.0625rem solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;cursor:default}.ui5-nli-group-toggle-btn{margin-inline-end:.75rem;cursor:pointer}.ui5-nli-group-title-text{color:var(--sapGroup_TitleTextColor);font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontHeader6Size);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui5-nli-group-divider{flex:1}.ui5-nli-group-counter{margin-inline-start:.25rem;margin-inline-end:1rem;color:var(--sapList_TableGroupHeaderTextColor);font-size:var(--sapFontHeader6Size);font-family:\"72override\",var(--sapFontHeaderFamily)}:host([ui5-li-notification-group]){-webkit-tap-highlight-color:transparent}" };
+const styleData = { packageName: "@ui5/webcomponents-fiori", fileName: "themes/NotificationListGroupItem.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: block;\n\twidth: 100%;\n\tmin-height: var(--_ui5_list_item_base_height);\n\tbackground: var(--ui5-listitem-background-color);\n\tcursor: pointer;\n}\n\n:host([has-border]) {\n\tborder-bottom: var(--ui5-listitem-border-bottom);\n}\n\n:host([focused]) .ui5-nli-focusable {\n\toutline: none;\n}\n\n:host([focused]) .ui5-nli-focusable:after {\n\tcontent: \"\";\n\tborder: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tpointer-events: none;\n}\n\n:host([busy])  {\n\topacity: 0.6;\n\tpointer-events: none;\n}\n\n:host([busy]) .ui5-nli-busy {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n}\n\n.ui5-nli-action {\n\tflex-shrink: 0;\n\tmargin-inline-end: 0.5rem;\n}\n\n.ui5-nli-overflow-btn {\n\tmargin-inline-end: 0.5rem;\n}\n\n.ui5-prio-icon {\n\tmin-width: 1rem;\n\tmin-height: 1rem;\n\tpadding-inline-end: 0.625rem;\n}\n\n.ui5-prio-icon--message-error {\n\tcolor: var(--sapNegativeElementColor);\n}\n\n.ui5-prio-icon--message-warning {\n\tcolor: var(--sapCriticalElementColor);\n}\n\n.ui5-prio-icon--message-success {\n\tcolor: var(--sapPositiveElementColor);\n}\n\n:host {\n\t--_ui5-notification_item-border-raius: 0px;\n}\n\n:host(:not([collapsed])) .ui5-nli-group-toggle-btn {\n\ttransform: var(--_ui5_li_notification_group_toggle_btn_rotation);\n}\n\n:host([collapsed]) .ui5-nli-group-items {\n\tdisplay: none;\n}\n\n:host([read]) .ui5-nli-group-title-text {\n\tfont-weight: normal;\n}\n\n.ui5-nli-group-root {\n\tdisplay: flex;\n\tflex-direction: column;\n\tposition: relative;\n\twidth: 100%;\n\tbox-sizing: border-box;\n}\n\n.ui5-nli-group-header {\n\tbackground: var(--sapList_GroupHeaderBackground);\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-block: 0.75rem 0.25rem;\n\tpadding-inline: 0.75rem 0.5rem;\n\twidth: 100%;\n\tborder-bottom: 0.0625rem solid var(--sapList_GroupHeaderBorderColor);\n\tbox-sizing: border-box;\n\tcursor: default;\n}\n\n.ui5-nli-group-toggle-btn {\n\tmargin-inline-end: 0.75rem;\n\tcursor: pointer;\n}\n\n.ui5-nli-group-title-text {\n\tcolor: var(--sapGroup_TitleTextColor);\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-size: var(--sapFontHeader6Size);\n\tfont-weight: bold;\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n}\n\n.ui5-nli-group-divider {\n\tflex: 1;\n}\n\n.ui5-nli-group-counter {\n\tmargin-inline-start: 0.25rem;\n\tmargin-inline-end: 1rem;\n\tcolor: var(--sapList_TableGroupHeaderTextColor);\n\tfont-size: var(--sapFontHeader6Size);\n\tfont-family: \"72override\", var(--sapFontHeaderFamily);\n}\n\n/* fix for blue background color on tap (touchscreen devices) */\n\n:host([ui5-li-notification-group]) {\n\t-webkit-tap-highlight-color: transparent;\n}\n" };
 export default styleData;
 //# sourceMappingURL=NotificationListGroupItem.css.js.map

package/dist/generated/themes/NotificationListGroupItem.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationListGroupItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/NotificationListGroupItem.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,0BAA0B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAEnG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,0BAA0B,EAAC,QAAQ,EAAC,sCAAsC,EAAC,OAAO,EAAC,61EAA61E,EAAC,CAAC;AAC59E,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents-fiori\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents-fiori\",fileName:\"themes/NotificationListGroupItem.css\",content:\".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;width:100%;min-height:var(--_ui5_list_item_base_height);background:var(--ui5-listitem-background-color);cursor:pointer}:host([has-border]){border-bottom:var(--ui5-listitem-border-bottom)}:host([focused]) .ui5-nli-focusable{outline:none}:host([focused]) .ui5-nli-focusable:after{content:\\\"\\\";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}:host([busy]){opacity:.6;pointer-events:none}:host([busy]) .ui5-nli-busy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui5-nli-action{flex-shrink:0;margin-inline-end:.5rem}.ui5-nli-overflow-btn{margin-inline-end:.5rem}.ui5-prio-icon{min-width:1rem;min-height:1rem;padding-inline-end:.625rem}.ui5-prio-icon--message-error{color:var(--sapNegativeElementColor)}.ui5-prio-icon--message-warning{color:var(--sapCriticalElementColor)}.ui5-prio-icon--message-success{color:var(--sapPositiveElementColor)}:host{--_ui5-notification_item-border-raius:0px}:host(:not([collapsed])) .ui5-nli-group-toggle-btn{transform:var(--_ui5_li_notification_group_toggle_btn_rotation)}:host([collapsed]) .ui5-nli-group-items{display:none}:host([read]) .ui5-nli-group-title-text{font-weight:400}.ui5-nli-group-root{display:flex;flex-direction:column;position:relative;width:100%;box-sizing:border-box}.ui5-nli-group-header{background:var(--sapList_GroupHeaderBackground);display:flex;align-items:center;padding-block:.75rem .25rem;padding-inline:.75rem .5rem;width:100%;border-bottom:.0625rem solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;cursor:default}.ui5-nli-group-toggle-btn{margin-inline-end:.75rem;cursor:pointer}.ui5-nli-group-title-text{color:var(--sapGroup_TitleTextColor);font-family:\\\"72override\\\",var(--sapFontFamily);font-size:var(--sapFontHeader6Size);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui5-nli-group-divider{flex:1}.ui5-nli-group-counter{margin-inline-start:.25rem;margin-inline-end:1rem;color:var(--sapList_TableGroupHeaderTextColor);font-size:var(--sapFontHeader6Size);font-family:\\\"72override\\\",var(--sapFontHeaderFamily)}:host([ui5-li-notification-group]){-webkit-tap-highlight-color:transparent}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"NotificationListGroupItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/NotificationListGroupItem.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,0BAA0B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAEnG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,0BAA0B,EAAC,QAAQ,EAAC,sCAAsC,EAAC,OAAO,EAAC,qhGAAqhG,EAAC,CAAC;AACppG,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents-fiori\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents-fiori\",fileName:\"themes/NotificationListGroupItem.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: block;\\n\\twidth: 100%;\\n\\tmin-height: var(--_ui5_list_item_base_height);\\n\\tbackground: var(--ui5-listitem-background-color);\\n\\tcursor: pointer;\\n}\\n\\n:host([has-border]) {\\n\\tborder-bottom: var(--ui5-listitem-border-bottom);\\n}\\n\\n:host([focused]) .ui5-nli-focusable {\\n\\toutline: none;\\n}\\n\\n:host([focused]) .ui5-nli-focusable:after {\\n\\tcontent: \\\"\\\";\\n\\tborder: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\\n\\tposition: absolute;\\n\\ttop: 0;\\n\\tright: 0;\\n\\tbottom: 0;\\n\\tleft: 0;\\n\\tpointer-events: none;\\n}\\n\\n:host([busy])  {\\n\\topacity: 0.6;\\n\\tpointer-events: none;\\n}\\n\\n:host([busy]) .ui5-nli-busy {\\n\\tposition: absolute;\\n\\ttop: 50%;\\n\\tleft: 50%;\\n\\ttransform: translate(-50%, -50%);\\n}\\n\\n.ui5-nli-action {\\n\\tflex-shrink: 0;\\n\\tmargin-inline-end: 0.5rem;\\n}\\n\\n.ui5-nli-overflow-btn {\\n\\tmargin-inline-end: 0.5rem;\\n}\\n\\n.ui5-prio-icon {\\n\\tmin-width: 1rem;\\n\\tmin-height: 1rem;\\n\\tpadding-inline-end: 0.625rem;\\n}\\n\\n.ui5-prio-icon--message-error {\\n\\tcolor: var(--sapNegativeElementColor);\\n}\\n\\n.ui5-prio-icon--message-warning {\\n\\tcolor: var(--sapCriticalElementColor);\\n}\\n\\n.ui5-prio-icon--message-success {\\n\\tcolor: var(--sapPositiveElementColor);\\n}\\n\\n:host {\\n\\t--_ui5-notification_item-border-raius: 0px;\\n}\\n\\n:host(:not([collapsed])) .ui5-nli-group-toggle-btn {\\n\\ttransform: var(--_ui5_li_notification_group_toggle_btn_rotation);\\n}\\n\\n:host([collapsed]) .ui5-nli-group-items {\\n\\tdisplay: none;\\n}\\n\\n:host([read]) .ui5-nli-group-title-text {\\n\\tfont-weight: normal;\\n}\\n\\n.ui5-nli-group-root {\\n\\tdisplay: flex;\\n\\tflex-direction: column;\\n\\tposition: relative;\\n\\twidth: 100%;\\n\\tbox-sizing: border-box;\\n}\\n\\n.ui5-nli-group-header {\\n\\tbackground: var(--sapList_GroupHeaderBackground);\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\tpadding-block: 0.75rem 0.25rem;\\n\\tpadding-inline: 0.75rem 0.5rem;\\n\\twidth: 100%;\\n\\tborder-bottom: 0.0625rem solid var(--sapList_GroupHeaderBorderColor);\\n\\tbox-sizing: border-box;\\n\\tcursor: default;\\n}\\n\\n.ui5-nli-group-toggle-btn {\\n\\tmargin-inline-end: 0.75rem;\\n\\tcursor: pointer;\\n}\\n\\n.ui5-nli-group-title-text {\\n\\tcolor: var(--sapGroup_TitleTextColor);\\n\\tfont-family: \\\"72override\\\", var(--sapFontFamily);\\n\\tfont-size: var(--sapFontHeader6Size);\\n\\tfont-weight: bold;\\n\\twhite-space: nowrap;\\n\\toverflow: hidden;\\n\\ttext-overflow: ellipsis;\\n}\\n\\n.ui5-nli-group-divider {\\n\\tflex: 1;\\n}\\n\\n.ui5-nli-group-counter {\\n\\tmargin-inline-start: 0.25rem;\\n\\tmargin-inline-end: 1rem;\\n\\tcolor: var(--sapList_TableGroupHeaderTextColor);\\n\\tfont-size: var(--sapFontHeader6Size);\\n\\tfont-family: \\\"72override\\\", var(--sapFontHeaderFamily);\\n}\\n\\n/* fix for blue background color on tap (touchscreen devices) */\\n\\n:host([ui5-li-notification-group]) {\\n\\t-webkit-tap-highlight-color: transparent;\\n}\\n\"};\nexport default styleData;\n\t"]}

package/dist/generated/themes/NotificationListItem.css.js

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", async () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents-fiori", "sap_fiori_3", async () => defaultTheme);
-const styleData = { packageName: "@ui5/webcomponents-fiori", fileName: "themes/NotificationListItem.css", content: ".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;width:100%;min-height:var(--_ui5_list_item_base_height);background:var(--ui5-listitem-background-color);cursor:pointer}:host([has-border]){border-bottom:var(--ui5-listitem-border-bottom)}:host([focused]) .ui5-nli-focusable{outline:none}:host([focused]) .ui5-nli-focusable:after{content:\"\";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}:host([busy]){opacity:.6;pointer-events:none}:host([busy]) .ui5-nli-busy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui5-nli-action{flex-shrink:0;margin-inline-end:.5rem}.ui5-nli-overflow-btn{margin-inline-end:.5rem}.ui5-prio-icon{min-width:1rem;min-height:1rem;padding-inline-end:.625rem}.ui5-prio-icon--message-error{color:var(--sapNegativeElementColor)}.ui5-prio-icon--message-warning{color:var(--sapCriticalElementColor)}.ui5-prio-icon--message-success{color:var(--sapPositiveElementColor)}:host([wrapping-type=None]) .ui5-nli-title-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host(:not([wrapping-type=Normal])) .ui5-nli-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host([_show-more-pressed]) .ui5-nli-title-text{-webkit-line-clamp:unset}:host([_show-more-pressed]) .ui5-nli-description{-webkit-line-clamp:unset}:host([read]) .ui5-nli-title-text{font-weight:400}:host(:first-of-type){border-top-left-radius:var(--_ui5-notification_item-border-raius);border-top-right-radius:var(--_ui5-notification_item-border-raius)}:host(:last-of-type){border-bottom-left-radius:var(--_ui5-notification_item-border-raius);border-bottom-right-radius:var(--_ui5-notification_item-border-raius)}:host(:first-of-type) .ui5-nli-focusable:after{border-top-left-radius:var(--_ui5-notification_item-border-raius);border-top-right-radius:var(--_ui5-notification_item-border-raius)}:host(:last-of-type) .ui5-nli-focusable:after{border-bottom-left-radius:var(--_ui5-notification_item-border-raius);border-bottom-right-radius:var(--_ui5-notification_item-border-raius)}.ui5-nli-root{display:flex;flex-direction:row-reverse;position:relative;width:100%;padding-inline:1rem .5rem;padding-block:1rem;box-sizing:border-box;cursor:pointer}.ui5-nli-content{display:flex;flex-direction:column;flex:1;min-width:0;width:100%;padding-inline:.75rem 1rem;font-family:\"72override\",var(--sapFontFamily);box-sizing:border-box}.ui5-nli-title-text-wrapper{display:flex;flex-direction:row}.ui5-nli-title-text{display:flex;margin-bottom:.25rem;box-sizing:border-box}.ui5-nli-title-text{color:var(--sapGroup_TitleTextColor);font-weight:700;font-size:var(--sapFontHeader6Size)}.ui5-nli-description{display:flex;margin-top:.5rem;color:var(--sapTextColor);font-size:var(--sapFontSize);box-sizing:border-box}.ui5-nli-footer{display:flex;color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);padding-top:.5rem;box-sizing:border-box;flex-wrap:wrap;align-items:center}.ui5-nli-footer-divider{position:relative;align-items:center;margin-inline:.5rem}.ui5-nli-footer-showMore{margin-inline-start:1rem}::slotted([slot^=footnotes]){color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui5-nli-actions{display:flex;box-sizing:border-box}" };
+const styleData = { packageName: "@ui5/webcomponents-fiori", fileName: "themes/NotificationListItem.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: block;\n\twidth: 100%;\n\tmin-height: var(--_ui5_list_item_base_height);\n\tbackground: var(--ui5-listitem-background-color);\n\tcursor: pointer;\n}\n\n:host([has-border]) {\n\tborder-bottom: var(--ui5-listitem-border-bottom);\n}\n\n:host([focused]) .ui5-nli-focusable {\n\toutline: none;\n}\n\n:host([focused]) .ui5-nli-focusable:after {\n\tcontent: \"\";\n\tborder: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tpointer-events: none;\n}\n\n:host([busy])  {\n\topacity: 0.6;\n\tpointer-events: none;\n}\n\n:host([busy]) .ui5-nli-busy {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n}\n\n.ui5-nli-action {\n\tflex-shrink: 0;\n\tmargin-inline-end: 0.5rem;\n}\n\n.ui5-nli-overflow-btn {\n\tmargin-inline-end: 0.5rem;\n}\n\n.ui5-prio-icon {\n\tmin-width: 1rem;\n\tmin-height: 1rem;\n\tpadding-inline-end: 0.625rem;\n}\n\n.ui5-prio-icon--message-error {\n\tcolor: var(--sapNegativeElementColor);\n}\n\n.ui5-prio-icon--message-warning {\n\tcolor: var(--sapCriticalElementColor);\n}\n\n.ui5-prio-icon--message-success {\n\tcolor: var(--sapPositiveElementColor);\n}\n\n:host([wrapping-type=\"None\"]) .ui5-nli-title-text {\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n}\n\n:host(:not([wrapping-type=\"Normal\"])) .ui5-nli-description {\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n}\n\n:host([_show-more-pressed]) .ui5-nli-title-text {\n\t-webkit-line-clamp: unset;\n}\n\n:host([_show-more-pressed]) .ui5-nli-description  {\n\t-webkit-line-clamp: unset;\n}\n\n:host([read]) .ui5-nli-title-text {\n\tfont-weight: normal;\n}\n\n:host(:first-of-type) {\n\tborder-top-left-radius: var(--_ui5-notification_item-border-raius);\n\tborder-top-right-radius: var(--_ui5-notification_item-border-raius);\n}\n\n:host(:last-of-type) {\n\tborder-bottom-left-radius: var(--_ui5-notification_item-border-raius);\n\tborder-bottom-right-radius: var(--_ui5-notification_item-border-raius);\n}\n\n:host(:first-of-type) .ui5-nli-focusable:after {\n\tborder-top-left-radius: var(--_ui5-notification_item-border-raius);\n\tborder-top-right-radius: var(--_ui5-notification_item-border-raius);\n}\n\n:host(:last-of-type) .ui5-nli-focusable:after {\n\tborder-bottom-left-radius: var(--_ui5-notification_item-border-raius);\n\tborder-bottom-right-radius: var(--_ui5-notification_item-border-raius);\n}\n\n/* End */\n\n.ui5-nli-root {\n\tdisplay: flex;\n\tflex-direction: row-reverse;\n\tposition: relative;\n\twidth: 100%;\n\tpadding-inline: 1rem 0.5rem;\n\tpadding-block: 1rem;\n\tbox-sizing: border-box;\n\tcursor: pointer;\n}\n\n.ui5-nli-content {\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: 1;\n\tmin-width: 0; /* fixes Chrome flex issue */\n\twidth: 100%;\n\tpadding-inline: 0.75rem 1rem;\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tbox-sizing: border-box;\n}\n\n.ui5-nli-title-text-wrapper {\n\tdisplay: flex;\n\tflex-direction: row;\n}\n\n.ui5-nli-title-text {\n\tdisplay: flex;\n\tmargin-bottom: 0.25rem;\n\tbox-sizing: border-box;\n}\n\n.ui5-nli-title-text {\n\tcolor: var(--sapGroup_TitleTextColor);\n\tfont-weight: bold;\n\tfont-size: var(--sapFontHeader6Size);\n}\n\n.ui5-nli-description {\n\tdisplay: flex;\n\tmargin-top: 0.5rem;\n\tcolor: var(--sapTextColor);\n\tfont-size: var(--sapFontSize);\n\tbox-sizing: border-box;\n}\n\n/*  Footer */\n\n.ui5-nli-footer {\n\tdisplay: flex;\n\tcolor: var(--sapContent_LabelColor);\n\tfont-size: var(--sapFontSize);\n\tpadding-top: 0.5rem;\n\tbox-sizing: border-box;\n\tflex-wrap: wrap;\n\talign-items: center;\n}\n\n.ui5-nli-footer-divider {\n\tposition: relative;\n\talign-items: center;\n\tmargin-inline: 0.5rem;\n}\n\n.ui5-nli-footer-showMore {\n\tmargin-inline-start: 1rem;\n}\n\n::slotted([slot^=\"footnotes\"]) {\n\tcolor: var(--sapContent_LabelColor);\n\tfont-size: var(--sapFontSize);\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\toverflow: hidden;\n}\n\n/* Actions */\n\n.ui5-nli-actions {\n\tdisplay: flex;\n\tbox-sizing: border-box;\n}\n" };
 export default styleData;
 //# sourceMappingURL=NotificationListItem.css.js.map

package/dist/generated/themes/NotificationListItem.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationListItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/NotificationListItem.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,0BAA0B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAEnG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,0BAA0B,EAAC,QAAQ,EAAC,iCAAiC,EAAC,OAAO,EAAC,07GAA07G,EAAC,CAAC;AACpjH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents-fiori\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents-fiori\",fileName:\"themes/NotificationListItem.css\",content:\".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;width:100%;min-height:var(--_ui5_list_item_base_height);background:var(--ui5-listitem-background-color);cursor:pointer}:host([has-border]){border-bottom:var(--ui5-listitem-border-bottom)}:host([focused]) .ui5-nli-focusable{outline:none}:host([focused]) .ui5-nli-focusable:after{content:\\\"\\\";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}:host([busy]){opacity:.6;pointer-events:none}:host([busy]) .ui5-nli-busy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui5-nli-action{flex-shrink:0;margin-inline-end:.5rem}.ui5-nli-overflow-btn{margin-inline-end:.5rem}.ui5-prio-icon{min-width:1rem;min-height:1rem;padding-inline-end:.625rem}.ui5-prio-icon--message-error{color:var(--sapNegativeElementColor)}.ui5-prio-icon--message-warning{color:var(--sapCriticalElementColor)}.ui5-prio-icon--message-success{color:var(--sapPositiveElementColor)}:host([wrapping-type=None]) .ui5-nli-title-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host(:not([wrapping-type=Normal])) .ui5-nli-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host([_show-more-pressed]) .ui5-nli-title-text{-webkit-line-clamp:unset}:host([_show-more-pressed]) .ui5-nli-description{-webkit-line-clamp:unset}:host([read]) .ui5-nli-title-text{font-weight:400}:host(:first-of-type){border-top-left-radius:var(--_ui5-notification_item-border-raius);border-top-right-radius:var(--_ui5-notification_item-border-raius)}:host(:last-of-type){border-bottom-left-radius:var(--_ui5-notification_item-border-raius);border-bottom-right-radius:var(--_ui5-notification_item-border-raius)}:host(:first-of-type) .ui5-nli-focusable:after{border-top-left-radius:var(--_ui5-notification_item-border-raius);border-top-right-radius:var(--_ui5-notification_item-border-raius)}:host(:last-of-type) .ui5-nli-focusable:after{border-bottom-left-radius:var(--_ui5-notification_item-border-raius);border-bottom-right-radius:var(--_ui5-notification_item-border-raius)}.ui5-nli-root{display:flex;flex-direction:row-reverse;position:relative;width:100%;padding-inline:1rem .5rem;padding-block:1rem;box-sizing:border-box;cursor:pointer}.ui5-nli-content{display:flex;flex-direction:column;flex:1;min-width:0;width:100%;padding-inline:.75rem 1rem;font-family:\\\"72override\\\",var(--sapFontFamily);box-sizing:border-box}.ui5-nli-title-text-wrapper{display:flex;flex-direction:row}.ui5-nli-title-text{display:flex;margin-bottom:.25rem;box-sizing:border-box}.ui5-nli-title-text{color:var(--sapGroup_TitleTextColor);font-weight:700;font-size:var(--sapFontHeader6Size)}.ui5-nli-description{display:flex;margin-top:.5rem;color:var(--sapTextColor);font-size:var(--sapFontSize);box-sizing:border-box}.ui5-nli-footer{display:flex;color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);padding-top:.5rem;box-sizing:border-box;flex-wrap:wrap;align-items:center}.ui5-nli-footer-divider{position:relative;align-items:center;margin-inline:.5rem}.ui5-nli-footer-showMore{margin-inline-start:1rem}::slotted([slot^=footnotes]){color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui5-nli-actions{display:flex;box-sizing:border-box}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"NotificationListItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/NotificationListItem.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,0BAA0B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAEnG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,0BAA0B,EAAC,QAAQ,EAAC,iCAAiC,EAAC,OAAO,EAAC,82IAA82I,EAAC,CAAC;AACx+I,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents-fiori\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents-fiori\",fileName:\"themes/NotificationListItem.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: block;\\n\\twidth: 100%;\\n\\tmin-height: var(--_ui5_list_item_base_height);\\n\\tbackground: var(--ui5-listitem-background-color);\\n\\tcursor: pointer;\\n}\\n\\n:host([has-border]) {\\n\\tborder-bottom: var(--ui5-listitem-border-bottom);\\n}\\n\\n:host([focused]) .ui5-nli-focusable {\\n\\toutline: none;\\n}\\n\\n:host([focused]) .ui5-nli-focusable:after {\\n\\tcontent: \\\"\\\";\\n\\tborder: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\\n\\tposition: absolute;\\n\\ttop: 0;\\n\\tright: 0;\\n\\tbottom: 0;\\n\\tleft: 0;\\n\\tpointer-events: none;\\n}\\n\\n:host([busy])  {\\n\\topacity: 0.6;\\n\\tpointer-events: none;\\n}\\n\\n:host([busy]) .ui5-nli-busy {\\n\\tposition: absolute;\\n\\ttop: 50%;\\n\\tleft: 50%;\\n\\ttransform: translate(-50%, -50%);\\n}\\n\\n.ui5-nli-action {\\n\\tflex-shrink: 0;\\n\\tmargin-inline-end: 0.5rem;\\n}\\n\\n.ui5-nli-overflow-btn {\\n\\tmargin-inline-end: 0.5rem;\\n}\\n\\n.ui5-prio-icon {\\n\\tmin-width: 1rem;\\n\\tmin-height: 1rem;\\n\\tpadding-inline-end: 0.625rem;\\n}\\n\\n.ui5-prio-icon--message-error {\\n\\tcolor: var(--sapNegativeElementColor);\\n}\\n\\n.ui5-prio-icon--message-warning {\\n\\tcolor: var(--sapCriticalElementColor);\\n}\\n\\n.ui5-prio-icon--message-success {\\n\\tcolor: var(--sapPositiveElementColor);\\n}\\n\\n:host([wrapping-type=\\\"None\\\"]) .ui5-nli-title-text {\\n\\tdisplay: -webkit-box;\\n\\t-webkit-line-clamp: 2;\\n\\t-webkit-box-orient: vertical;\\n\\toverflow: hidden;\\n}\\n\\n:host(:not([wrapping-type=\\\"Normal\\\"])) .ui5-nli-description {\\n\\tdisplay: -webkit-box;\\n\\t-webkit-line-clamp: 2;\\n\\t-webkit-box-orient: vertical;\\n\\toverflow: hidden;\\n}\\n\\n:host([_show-more-pressed]) .ui5-nli-title-text {\\n\\t-webkit-line-clamp: unset;\\n}\\n\\n:host([_show-more-pressed]) .ui5-nli-description  {\\n\\t-webkit-line-clamp: unset;\\n}\\n\\n:host([read]) .ui5-nli-title-text {\\n\\tfont-weight: normal;\\n}\\n\\n:host(:first-of-type) {\\n\\tborder-top-left-radius: var(--_ui5-notification_item-border-raius);\\n\\tborder-top-right-radius: var(--_ui5-notification_item-border-raius);\\n}\\n\\n:host(:last-of-type) {\\n\\tborder-bottom-left-radius: var(--_ui5-notification_item-border-raius);\\n\\tborder-bottom-right-radius: var(--_ui5-notification_item-border-raius);\\n}\\n\\n:host(:first-of-type) .ui5-nli-focusable:after {\\n\\tborder-top-left-radius: var(--_ui5-notification_item-border-raius);\\n\\tborder-top-right-radius: var(--_ui5-notification_item-border-raius);\\n}\\n\\n:host(:last-of-type) .ui5-nli-focusable:after {\\n\\tborder-bottom-left-radius: var(--_ui5-notification_item-border-raius);\\n\\tborder-bottom-right-radius: var(--_ui5-notification_item-border-raius);\\n}\\n\\n/* End */\\n\\n.ui5-nli-root {\\n\\tdisplay: flex;\\n\\tflex-direction: row-reverse;\\n\\tposition: relative;\\n\\twidth: 100%;\\n\\tpadding-inline: 1rem 0.5rem;\\n\\tpadding-block: 1rem;\\n\\tbox-sizing: border-box;\\n\\tcursor: pointer;\\n}\\n\\n.ui5-nli-content {\\n\\tdisplay: flex;\\n\\tflex-direction: column;\\n\\tflex: 1;\\n\\tmin-width: 0; /* fixes Chrome flex issue */\\n\\twidth: 100%;\\n\\tpadding-inline: 0.75rem 1rem;\\n\\tfont-family: \\\"72override\\\", var(--sapFontFamily);\\n\\tbox-sizing: border-box;\\n}\\n\\n.ui5-nli-title-text-wrapper {\\n\\tdisplay: flex;\\n\\tflex-direction: row;\\n}\\n\\n.ui5-nli-title-text {\\n\\tdisplay: flex;\\n\\tmargin-bottom: 0.25rem;\\n\\tbox-sizing: border-box;\\n}\\n\\n.ui5-nli-title-text {\\n\\tcolor: var(--sapGroup_TitleTextColor);\\n\\tfont-weight: bold;\\n\\tfont-size: var(--sapFontHeader6Size);\\n}\\n\\n.ui5-nli-description {\\n\\tdisplay: flex;\\n\\tmargin-top: 0.5rem;\\n\\tcolor: var(--sapTextColor);\\n\\tfont-size: var(--sapFontSize);\\n\\tbox-sizing: border-box;\\n}\\n\\n/*  Footer */\\n\\n.ui5-nli-footer {\\n\\tdisplay: flex;\\n\\tcolor: var(--sapContent_LabelColor);\\n\\tfont-size: var(--sapFontSize);\\n\\tpadding-top: 0.5rem;\\n\\tbox-sizing: border-box;\\n\\tflex-wrap: wrap;\\n\\talign-items: center;\\n}\\n\\n.ui5-nli-footer-divider {\\n\\tposition: relative;\\n\\talign-items: center;\\n\\tmargin-inline: 0.5rem;\\n}\\n\\n.ui5-nli-footer-showMore {\\n\\tmargin-inline-start: 1rem;\\n}\\n\\n::slotted([slot^=\\\"footnotes\\\"]) {\\n\\tcolor: var(--sapContent_LabelColor);\\n\\tfont-size: var(--sapFontSize);\\n\\ttext-overflow: ellipsis;\\n\\twhite-space: nowrap;\\n\\toverflow: hidden;\\n}\\n\\n/* Actions */\\n\\n.ui5-nli-actions {\\n\\tdisplay: flex;\\n\\tbox-sizing: border-box;\\n}\\n\"};\nexport default styleData;\n\t"]}

package/dist/generated/themes/NotificationListItemBase.css.js

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", async () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents-fiori", "sap_fiori_3", async () => defaultTheme);
-const styleData = { packageName: "@ui5/webcomponents-fiori", fileName: "themes/NotificationListItemBase.css", content: ".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;width:100%;min-height:var(--_ui5_list_item_base_height);background:var(--ui5-listitem-background-color);cursor:pointer}:host([has-border]){border-bottom:var(--ui5-listitem-border-bottom)}:host([focused]) .ui5-nli-focusable{outline:none}:host([focused]) .ui5-nli-focusable:after{content:\"\";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}:host([busy]){opacity:.6;pointer-events:none}:host([busy]) .ui5-nli-busy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui5-nli-action{flex-shrink:0;margin-inline-end:.5rem}.ui5-nli-overflow-btn{margin-inline-end:.5rem}" };
+const styleData = { packageName: "@ui5/webcomponents-fiori", fileName: "themes/NotificationListItemBase.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: block;\n\twidth: 100%;\n\tmin-height: var(--_ui5_list_item_base_height);\n\tbackground: var(--ui5-listitem-background-color);\n\tcursor: pointer;\n}\n\n:host([has-border]) {\n\tborder-bottom: var(--ui5-listitem-border-bottom);\n}\n\n:host([focused]) .ui5-nli-focusable {\n\toutline: none;\n}\n\n:host([focused]) .ui5-nli-focusable:after {\n\tcontent: \"\";\n\tborder: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tpointer-events: none;\n}\n\n:host([busy])  {\n\topacity: 0.6;\n\tpointer-events: none;\n}\n\n:host([busy]) .ui5-nli-busy {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n}\n\n.ui5-nli-action {\n\tflex-shrink: 0;\n\tmargin-inline-end: 0.5rem;\n}\n\n.ui5-nli-overflow-btn {\n\tmargin-inline-end: 0.5rem;\n}" };
 export default styleData;
 //# sourceMappingURL=NotificationListItemBase.css.js.map

package/dist/generated/themes/NotificationListItemBase.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationListItemBase.css.js","sourceRoot":"","sources":["../../../src/generated/themes/NotificationListItemBase.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,0BAA0B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAEnG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,0BAA0B,EAAC,QAAQ,EAAC,qCAAqC,EAAC,OAAO,EAAC,k2BAAk2B,EAAC,CAAC;AACh+B,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents-fiori\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents-fiori\",fileName:\"themes/NotificationListItemBase.css\",content:\".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;width:100%;min-height:var(--_ui5_list_item_base_height);background:var(--ui5-listitem-background-color);cursor:pointer}:host([has-border]){border-bottom:var(--ui5-listitem-border-bottom)}:host([focused]) .ui5-nli-focusable{outline:none}:host([focused]) .ui5-nli-focusable:after{content:\\\"\\\";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}:host([busy]){opacity:.6;pointer-events:none}:host([busy]) .ui5-nli-busy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui5-nli-action{flex-shrink:0;margin-inline-end:.5rem}.ui5-nli-overflow-btn{margin-inline-end:.5rem}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"NotificationListItemBase.css.js","sourceRoot":"","sources":["../../../src/generated/themes/NotificationListItemBase.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,0BAA0B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAEnG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,0BAA0B,EAAC,QAAQ,EAAC,qCAAqC,EAAC,OAAO,EAAC,soCAAsoC,EAAC,CAAC;AACpwC,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents-fiori\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents-fiori\",fileName:\"themes/NotificationListItemBase.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: block;\\n\\twidth: 100%;\\n\\tmin-height: var(--_ui5_list_item_base_height);\\n\\tbackground: var(--ui5-listitem-background-color);\\n\\tcursor: pointer;\\n}\\n\\n:host([has-border]) {\\n\\tborder-bottom: var(--ui5-listitem-border-bottom);\\n}\\n\\n:host([focused]) .ui5-nli-focusable {\\n\\toutline: none;\\n}\\n\\n:host([focused]) .ui5-nli-focusable:after {\\n\\tcontent: \\\"\\\";\\n\\tborder: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\\n\\tposition: absolute;\\n\\ttop: 0;\\n\\tright: 0;\\n\\tbottom: 0;\\n\\tleft: 0;\\n\\tpointer-events: none;\\n}\\n\\n:host([busy])  {\\n\\topacity: 0.6;\\n\\tpointer-events: none;\\n}\\n\\n:host([busy]) .ui5-nli-busy {\\n\\tposition: absolute;\\n\\ttop: 50%;\\n\\tleft: 50%;\\n\\ttransform: translate(-50%, -50%);\\n}\\n\\n.ui5-nli-action {\\n\\tflex-shrink: 0;\\n\\tmargin-inline-end: 0.5rem;\\n}\\n\\n.ui5-nli-overflow-btn {\\n\\tmargin-inline-end: 0.5rem;\\n}\"};\nexport default styleData;\n\t"]}

package/dist/generated/themes/NotificationOverflowActionsPopover.css.js

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", async () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents-fiori", "sap_fiori_3", async () => defaultTheme);
-const styleData = { packageName: "@ui5/webcomponents-fiori", fileName: "themes/NotificationOverflowActionsPopover.css", content: ".ui5-notification-overflow-list{display:flex;flex-direction:column}.ui5-notification-overflow-popover::part(content){padding:var(--_ui5-notification-overflow-popover-padding)}.ui5-notification-overflow-list-btn::part(button){justify-content:flex-start}" };
+const styleData = { packageName: "@ui5/webcomponents-fiori", fileName: "themes/NotificationOverflowActionsPopover.css", content: ".ui5-notification-overflow-list {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.ui5-notification-overflow-popover::part(content) {\n\tpadding: var(--_ui5-notification-overflow-popover-padding);\n}\n\n.ui5-notification-overflow-list-btn::part(button) {\n\tjustify-content: flex-start;\n}" };
 export default styleData;
 //# sourceMappingURL=NotificationOverflowActionsPopover.css.js.map

package/dist/generated/themes/NotificationOverflowActionsPopover.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationOverflowActionsPopover.css.js","sourceRoot":"","sources":["../../../src/generated/themes/NotificationOverflowActionsPopover.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,0BAA0B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAEnG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,0BAA0B,EAAC,QAAQ,EAAC,+CAA+C,EAAC,OAAO,EAAC,8PAA8P,EAAC,CAAC;AACtY,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents-fiori\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents-fiori\",fileName:\"themes/NotificationOverflowActionsPopover.css\",content:\".ui5-notification-overflow-list{display:flex;flex-direction:column}.ui5-notification-overflow-popover::part(content){padding:var(--_ui5-notification-overflow-popover-padding)}.ui5-notification-overflow-list-btn::part(button){justify-content:flex-start}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"NotificationOverflowActionsPopover.css.js","sourceRoot":"","sources":["../../../src/generated/themes/NotificationOverflowActionsPopover.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,0BAA0B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAEnG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,0BAA0B,EAAC,QAAQ,EAAC,+CAA+C,EAAC,OAAO,EAAC,sSAAsS,EAAC,CAAC;AAC9a,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents-fiori\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents-fiori\",fileName:\"themes/NotificationOverflowActionsPopover.css\",content:\".ui5-notification-overflow-list {\\n\\tdisplay: flex;\\n\\tflex-direction: column;\\n}\\n\\n.ui5-notification-overflow-popover::part(content) {\\n\\tpadding: var(--_ui5-notification-overflow-popover-padding);\\n}\\n\\n.ui5-notification-overflow-list-btn::part(button) {\\n\\tjustify-content: flex-start;\\n}\"};\nexport default styleData;\n\t"]}

package/dist/generated/themes/NotificationPrioIcon.css.js

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", async () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents-fiori", "sap_fiori_3", async () => defaultTheme);
-const styleData = { packageName: "@ui5/webcomponents-fiori", fileName: "themes/NotificationPrioIcon.css", content: ".ui5-prio-icon{min-width:1rem;min-height:1rem;padding-inline-end:.625rem}.ui5-prio-icon--message-error{color:var(--sapNegativeElementColor)}.ui5-prio-icon--message-warning{color:var(--sapCriticalElementColor)}.ui5-prio-icon--message-success{color:var(--sapPositiveElementColor)}" };
+const styleData = { packageName: "@ui5/webcomponents-fiori", fileName: "themes/NotificationPrioIcon.css", content: ".ui5-prio-icon {\n\tmin-width: 1rem;\n\tmin-height: 1rem;\n\tpadding-inline-end: 0.625rem;\n}\n\n.ui5-prio-icon--message-error {\n\tcolor: var(--sapNegativeElementColor);\n}\n\n.ui5-prio-icon--message-warning {\n\tcolor: var(--sapCriticalElementColor);\n}\n\n.ui5-prio-icon--message-success {\n\tcolor: var(--sapPositiveElementColor);\n}" };
 export default styleData;
 //# sourceMappingURL=NotificationPrioIcon.css.js.map

package/dist/generated/themes/NotificationPrioIcon.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationPrioIcon.css.js","sourceRoot":"","sources":["../../../src/generated/themes/NotificationPrioIcon.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,0BAA0B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAEnG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,0BAA0B,EAAC,QAAQ,EAAC,iCAAiC,EAAC,OAAO,EAAC,wRAAwR,EAAC,CAAC;AAClZ,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents-fiori\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents-fiori\",fileName:\"themes/NotificationPrioIcon.css\",content:\".ui5-prio-icon{min-width:1rem;min-height:1rem;padding-inline-end:.625rem}.ui5-prio-icon--message-error{color:var(--sapNegativeElementColor)}.ui5-prio-icon--message-warning{color:var(--sapCriticalElementColor)}.ui5-prio-icon--message-success{color:var(--sapPositiveElementColor)}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"NotificationPrioIcon.css.js","sourceRoot":"","sources":["../../../src/generated/themes/NotificationPrioIcon.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,0BAA0B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAEnG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,0BAA0B,EAAC,QAAQ,EAAC,iCAAiC,EAAC,OAAO,EAAC,mVAAmV,EAAC,CAAC;AAC7c,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents-fiori\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents-fiori\",fileName:\"themes/NotificationPrioIcon.css\",content:\".ui5-prio-icon {\\n\\tmin-width: 1rem;\\n\\tmin-height: 1rem;\\n\\tpadding-inline-end: 0.625rem;\\n}\\n\\n.ui5-prio-icon--message-error {\\n\\tcolor: var(--sapNegativeElementColor);\\n}\\n\\n.ui5-prio-icon--message-warning {\\n\\tcolor: var(--sapCriticalElementColor);\\n}\\n\\n.ui5-prio-icon--message-success {\\n\\tcolor: var(--sapPositiveElementColor);\\n}\"};\nexport default styleData;\n\t"]}

package/dist/generated/themes/Page.css.js

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", async () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents-fiori", "sap_fiori_3", async () => defaultTheme);
-const styleData = { packageName: "@ui5/webcomponents-fiori", fileName: "themes/Page.css", content: ":host(:not([hidden])){width:100%;height:100%;display:block}.ui5-page-root{height:inherit;overflow:hidden;position:relative;z-index:0;box-sizing:border-box;background-color:inherit}.ui5-page-header-root{z-index:1}.ui5-page-content-root{overflow:hidden auto;position:absolute;will-change:scroll-position;width:100%;top:2.75rem;bottom:0;box-sizing:border-box}.ui5-page-footer-root{box-sizing:border-box;position:absolute;bottom:0;left:0;z-index:2;width:100%}:host([floating-footer]) .ui5-page-footer-root{opacity:1;bottom:.5rem}:host([media-range=S]) .ui5-page-content-root,:host([media-range=S][floating-footer]) .ui5-page-footer-root{padding:0 1rem}:host([media-range=S]) ::slotted([ui5-bar][slot=header]){box-sizing:border-box;padding:0 .25rem}:host([media-range=S]) ::slotted([ui5-bar][design=Footer]){box-sizing:border-box;padding:0 .25rem}:host([media-range=L]) .ui5-page-content-root,:host([media-range=L][floating-footer]) .ui5-page-footer-root,:host([media-range=M]) .ui5-page-content-root,:host([media-range=M][floating-footer]) .ui5-page-footer-root{padding:0 2rem}:host([media-range=L]) ::slotted([ui5-bar][slot=header]),:host([media-range=M]) ::slotted([ui5-bar][slot=header]){box-sizing:border-box;padding:0 1.25rem}:host([media-range=L]) ::slotted([ui5-bar][design=Footer]),:host([media-range=M]) ::slotted([ui5-bar][design=Footer]){box-sizing:border-box;padding:0 1.25rem}:host([media-range=XL]) .ui5-page-content-root,:host([media-range=XL][floating-footer]) .ui5-page-footer-root{padding:0 3rem}:host([media-range=XL]) ::slotted([ui5-bar][slot=header]){box-sizing:border-box;padding:0 2.25rem}:host([media-range=XL]) ::slotted([ui5-bar][design=Footer]){box-sizing:border-box;padding:0 2.25rem}:host([disable-scrolling]) .ui5-page-content-root{overflow:hidden}:host([hide-footer]:not([floating-footer])) .ui5-page-footer-root{display:none}:host([floating-footer]:not([hide-footer])) .ui5-page-footer-root{animation:bounceShow .35s ease-in-out forwards}:host([floating-footer][hide-footer]) .ui5-page-footer-root{animation:bounceHide .35s ease-in-out forwards}:host([background-design=Solid]){background-color:var(--sapBackgroundColor)}:host([background-design=Transparent]){background-color:var(--_ui5_page_transparent_bg)}:host([background-design=List]){background-color:var(--_ui5_page_list_bg)}@keyframes bounceShow{0%{transform:translateY(100%);opacity:0}to{opacity:1}}@keyframes bounceHide{0%{transform:translateY(-5%);opacity:1}to{transform:translateY(100%);opacity:0}}" };
+const styleData = { packageName: "@ui5/webcomponents-fiori", fileName: "themes/Page.css", content: "\n:host(:not([hidden])) {\n    width: 100%;\n    height: 100%;\n    display: block;\n}\n\n.ui5-page-root {\n    height: inherit;\n    overflow: hidden;\n    position: relative;\n    z-index: 0;\n    box-sizing: border-box;\n    background-color: inherit;\n}\n\n.ui5-page-header-root {\n    z-index: 1;\n}\n\n.ui5-page-content-root {\n    overflow: hidden auto;\n    position: absolute;\n    will-change: scroll-position;\n    width: 100%;\n    top: 2.75rem;\n    bottom: 0;\n    box-sizing: border-box;\n}\n\n.ui5-page-footer-root {\n    width: 100%;\n    box-sizing: border-box;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    z-index: 2;\n    width: 100%;\n}\n\n:host([floating-footer]) .ui5-page-footer-root {\n    opacity: 1;\n    bottom: 0.5rem;\n}\n\n/*** Responsive paddings ***/\n\n:host([media-range=\"S\"]) .ui5-page-content-root,\n:host([media-range=\"S\"][floating-footer]) .ui5-page-footer-root {\n\tpadding: 0 1rem;\n}\n\n:host([media-range=\"S\"]) ::slotted([ui5-bar][slot=\"header\"]) {\n    box-sizing: border-box;\n    padding: 0 .25rem;\n}\n\n:host([media-range=\"S\"]) ::slotted([ui5-bar][design=\"Footer\"]) {\n    box-sizing: border-box;\n    padding: 0 .25rem;\n}\n\n:host([media-range=\"M\"]) .ui5-page-content-root,\n:host([media-range=\"L\"]) .ui5-page-content-root,\n:host([media-range=\"M\"][floating-footer]) .ui5-page-footer-root,\n:host([media-range=\"L\"][floating-footer]) .ui5-page-footer-root {\n\tpadding: 0 2rem;\n}\n\n:host([media-range=\"M\"]) ::slotted([ui5-bar][slot=\"header\"]),\n:host([media-range=\"L\"]) ::slotted([ui5-bar][slot=\"header\"]) {\n    box-sizing: border-box;\n    padding: 0 1.25rem;\n}\n\n:host([media-range=\"M\"]) ::slotted([ui5-bar][design=\"Footer\"]),\n:host([media-range=\"L\"]) ::slotted([ui5-bar][design=\"Footer\"]) {\n    box-sizing: border-box;\n    padding: 0 1.25rem;\n}\n\n:host([media-range=\"XL\"]) .ui5-page-content-root,\n:host([media-range=\"XL\"][floating-footer]) .ui5-page-footer-root {\n\tpadding: 0 3rem;\n}\n\n:host([media-range=\"XL\"]) ::slotted([ui5-bar][slot=\"header\"]) {\n    box-sizing: border-box;\n    padding: 0 2.25rem;\n}\n\n:host([media-range=\"XL\"]) ::slotted([ui5-bar][design=\"Footer\"]) {\n    box-sizing: border-box;\n    padding: 0 2.25rem;\n}\n\n:host([disable-scrolling]) .ui5-page-content-root {\n    overflow: hidden;\n}\n\n:host([hide-footer]:not([floating-footer])) .ui5-page-footer-root {\n    display: none;\n}\n\n:host([floating-footer]:not([hide-footer])) .ui5-page-footer-root {\n    animation: bounceShow 0.35s forwards ease-in-out;\n}\n\n:host([floating-footer][hide-footer]) .ui5-page-footer-root {\n    animation: bounceHide 0.35s forwards ease-in-out;\n}\n\n/* BackgroundDesign */\n\n:host([background-design=\"Solid\"]) {\n    background-color: var(--sapBackgroundColor);\n}\n\n:host([background-design=\"Transparent\"]) {\n    background-color: var(--_ui5_page_transparent_bg);\n}\n\n:host([background-design=\"List\"]) {\n    background-color: var(--_ui5_page_list_bg);\n}\n\n/* Footer animation */\n\n@keyframes bounceShow {\n    0% {\n        transform: translateY(100%);\n        opacity: 0;\n    }\n    100% {\n        opacity: 1;\n    }\n}\n\n@keyframes bounceHide {\n    0% {\n        transform: translateY(-5%);\n        opacity: 1;\n    }\n    100% {\n        transform: translateY(100%);\n        opacity: 0;\n    }\n}\n" };
 export default styleData;
 //# sourceMappingURL=Page.css.js.map

package/dist/generated/themes/Page.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Page.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Page.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,0BAA0B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAEnG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,0BAA0B,EAAC,QAAQ,EAAC,iBAAiB,EAAC,OAAO,EAAC,27EAA27E,EAAC,CAAC;AACriF,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents-fiori\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents-fiori\",fileName:\"themes/Page.css\",content:\":host(:not([hidden])){width:100%;height:100%;display:block}.ui5-page-root{height:inherit;overflow:hidden;position:relative;z-index:0;box-sizing:border-box;background-color:inherit}.ui5-page-header-root{z-index:1}.ui5-page-content-root{overflow:hidden auto;position:absolute;will-change:scroll-position;width:100%;top:2.75rem;bottom:0;box-sizing:border-box}.ui5-page-footer-root{box-sizing:border-box;position:absolute;bottom:0;left:0;z-index:2;width:100%}:host([floating-footer]) .ui5-page-footer-root{opacity:1;bottom:.5rem}:host([media-range=S]) .ui5-page-content-root,:host([media-range=S][floating-footer]) .ui5-page-footer-root{padding:0 1rem}:host([media-range=S]) ::slotted([ui5-bar][slot=header]){box-sizing:border-box;padding:0 .25rem}:host([media-range=S]) ::slotted([ui5-bar][design=Footer]){box-sizing:border-box;padding:0 .25rem}:host([media-range=L]) .ui5-page-content-root,:host([media-range=L][floating-footer]) .ui5-page-footer-root,:host([media-range=M]) .ui5-page-content-root,:host([media-range=M][floating-footer]) .ui5-page-footer-root{padding:0 2rem}:host([media-range=L]) ::slotted([ui5-bar][slot=header]),:host([media-range=M]) ::slotted([ui5-bar][slot=header]){box-sizing:border-box;padding:0 1.25rem}:host([media-range=L]) ::slotted([ui5-bar][design=Footer]),:host([media-range=M]) ::slotted([ui5-bar][design=Footer]){box-sizing:border-box;padding:0 1.25rem}:host([media-range=XL]) .ui5-page-content-root,:host([media-range=XL][floating-footer]) .ui5-page-footer-root{padding:0 3rem}:host([media-range=XL]) ::slotted([ui5-bar][slot=header]){box-sizing:border-box;padding:0 2.25rem}:host([media-range=XL]) ::slotted([ui5-bar][design=Footer]){box-sizing:border-box;padding:0 2.25rem}:host([disable-scrolling]) .ui5-page-content-root{overflow:hidden}:host([hide-footer]:not([floating-footer])) .ui5-page-footer-root{display:none}:host([floating-footer]:not([hide-footer])) .ui5-page-footer-root{animation:bounceShow .35s ease-in-out forwards}:host([floating-footer][hide-footer]) .ui5-page-footer-root{animation:bounceHide .35s ease-in-out forwards}:host([background-design=Solid]){background-color:var(--sapBackgroundColor)}:host([background-design=Transparent]){background-color:var(--_ui5_page_transparent_bg)}:host([background-design=List]){background-color:var(--_ui5_page_list_bg)}@keyframes bounceShow{0%{transform:translateY(100%);opacity:0}to{opacity:1}}@keyframes bounceHide{0%{transform:translateY(-5%);opacity:1}to{transform:translateY(100%);opacity:0}}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"Page.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Page.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,0BAA0B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAEnG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,0BAA0B,EAAC,QAAQ,EAAC,iBAAiB,EAAC,OAAO,EAAC,yyGAAyyG,EAAC,CAAC;AACn5G,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents-fiori\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents-fiori\",fileName:\"themes/Page.css\",content:\"\\n:host(:not([hidden])) {\\n    width: 100%;\\n    height: 100%;\\n    display: block;\\n}\\n\\n.ui5-page-root {\\n    height: inherit;\\n    overflow: hidden;\\n    position: relative;\\n    z-index: 0;\\n    box-sizing: border-box;\\n    background-color: inherit;\\n}\\n\\n.ui5-page-header-root {\\n    z-index: 1;\\n}\\n\\n.ui5-page-content-root {\\n    overflow: hidden auto;\\n    position: absolute;\\n    will-change: scroll-position;\\n    width: 100%;\\n    top: 2.75rem;\\n    bottom: 0;\\n    box-sizing: border-box;\\n}\\n\\n.ui5-page-footer-root {\\n    width: 100%;\\n    box-sizing: border-box;\\n    position: absolute;\\n    bottom: 0;\\n    left: 0;\\n    z-index: 2;\\n    width: 100%;\\n}\\n\\n:host([floating-footer]) .ui5-page-footer-root {\\n    opacity: 1;\\n    bottom: 0.5rem;\\n}\\n\\n/*** Responsive paddings ***/\\n\\n:host([media-range=\\\"S\\\"]) .ui5-page-content-root,\\n:host([media-range=\\\"S\\\"][floating-footer]) .ui5-page-footer-root {\\n\\tpadding: 0 1rem;\\n}\\n\\n:host([media-range=\\\"S\\\"]) ::slotted([ui5-bar][slot=\\\"header\\\"]) {\\n    box-sizing: border-box;\\n    padding: 0 .25rem;\\n}\\n\\n:host([media-range=\\\"S\\\"]) ::slotted([ui5-bar][design=\\\"Footer\\\"]) {\\n    box-sizing: border-box;\\n    padding: 0 .25rem;\\n}\\n\\n:host([media-range=\\\"M\\\"]) .ui5-page-content-root,\\n:host([media-range=\\\"L\\\"]) .ui5-page-content-root,\\n:host([media-range=\\\"M\\\"][floating-footer]) .ui5-page-footer-root,\\n:host([media-range=\\\"L\\\"][floating-footer]) .ui5-page-footer-root {\\n\\tpadding: 0 2rem;\\n}\\n\\n:host([media-range=\\\"M\\\"]) ::slotted([ui5-bar][slot=\\\"header\\\"]),\\n:host([media-range=\\\"L\\\"]) ::slotted([ui5-bar][slot=\\\"header\\\"]) {\\n    box-sizing: border-box;\\n    padding: 0 1.25rem;\\n}\\n\\n:host([media-range=\\\"M\\\"]) ::slotted([ui5-bar][design=\\\"Footer\\\"]),\\n:host([media-range=\\\"L\\\"]) ::slotted([ui5-bar][design=\\\"Footer\\\"]) {\\n    box-sizing: border-box;\\n    padding: 0 1.25rem;\\n}\\n\\n:host([media-range=\\\"XL\\\"]) .ui5-page-content-root,\\n:host([media-range=\\\"XL\\\"][floating-footer]) .ui5-page-footer-root {\\n\\tpadding: 0 3rem;\\n}\\n\\n:host([media-range=\\\"XL\\\"]) ::slotted([ui5-bar][slot=\\\"header\\\"]) {\\n    box-sizing: border-box;\\n    padding: 0 2.25rem;\\n}\\n\\n:host([media-range=\\\"XL\\\"]) ::slotted([ui5-bar][design=\\\"Footer\\\"]) {\\n    box-sizing: border-box;\\n    padding: 0 2.25rem;\\n}\\n\\n:host([disable-scrolling]) .ui5-page-content-root {\\n    overflow: hidden;\\n}\\n\\n:host([hide-footer]:not([floating-footer])) .ui5-page-footer-root {\\n    display: none;\\n}\\n\\n:host([floating-footer]:not([hide-footer])) .ui5-page-footer-root {\\n    animation: bounceShow 0.35s forwards ease-in-out;\\n}\\n\\n:host([floating-footer][hide-footer]) .ui5-page-footer-root {\\n    animation: bounceHide 0.35s forwards ease-in-out;\\n}\\n\\n/* BackgroundDesign */\\n\\n:host([background-design=\\\"Solid\\\"]) {\\n    background-color: var(--sapBackgroundColor);\\n}\\n\\n:host([background-design=\\\"Transparent\\\"]) {\\n    background-color: var(--_ui5_page_transparent_bg);\\n}\\n\\n:host([background-design=\\\"List\\\"]) {\\n    background-color: var(--_ui5_page_list_bg);\\n}\\n\\n/* Footer animation */\\n\\n@keyframes bounceShow {\\n    0% {\\n        transform: translateY(100%);\\n        opacity: 0;\\n    }\\n    100% {\\n        opacity: 1;\\n    }\\n}\\n\\n@keyframes bounceHide {\\n    0% {\\n        transform: translateY(-5%);\\n        opacity: 1;\\n    }\\n    100% {\\n        transform: translateY(100%);\\n        opacity: 0;\\n    }\\n}\\n\"};\nexport default styleData;\n\t"]}

package/dist/generated/themes/ProductSwitch.css.js

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", async () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents-fiori", "sap_fiori_3", async () => defaultTheme);
-const styleData = { packageName: "@ui5/webcomponents-fiori", fileName: "themes/ProductSwitch.css", content: ":host{font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSize)}.ui5-product-switch-root{display:flex;flex-wrap:wrap;justify-content:inherit;align-items:inherit;width:752px;padding:1.25rem .75rem}:host([desktop-columns=\"3\"]) .ui5-product-switch-root{width:564px}@media only screen and (max-width:900px){.ui5-product-switch-root{width:564px}}@media only screen and (max-width:600px){.ui5-product-switch-root,:host([desktop-columns=\"3\"]) .ui5-product-switch-root{flex-direction:column;padding:0;width:100%}}" };
+const styleData = { packageName: "@ui5/webcomponents-fiori", fileName: "themes/ProductSwitch.css", content: ":host {\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-size: var(--sapFontSize);\n}\n\n.ui5-product-switch-root {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tjustify-content: inherit;\n\talign-items: inherit;\n\twidth: 752px; /* 4 * item size */\n\tpadding: 1.25rem .75rem;\n}\n\n:host([desktop-columns=\"3\"]) .ui5-product-switch-root {\n\twidth: 564px; /* 3 * item size */\n}\n\n@media only screen and (max-width: 900px) {\n\t.ui5-product-switch-root {\n\t\twidth: 564px; /* 3 * item size */\n\t}\n}\n\n@media only screen and (max-width: 600px) {\n\t.ui5-product-switch-root,\n\t:host([desktop-columns=\"3\"]) .ui5-product-switch-root {\n\t\tflex-direction: column;\n\t\tpadding: 0;\n\t\twidth: 100%;\n\t}\n}\n" };
 export default styleData;
 //# sourceMappingURL=ProductSwitch.css.js.map

package/dist/generated/themes/ProductSwitch.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductSwitch.css.js","sourceRoot":"","sources":["../../../src/generated/themes/ProductSwitch.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,0BAA0B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAEnG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,0BAA0B,EAAC,QAAQ,EAAC,0BAA0B,EAAC,OAAO,EAAC,khBAAkhB,EAAC,CAAC;AACroB,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents-fiori\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents-fiori\",fileName:\"themes/ProductSwitch.css\",content:\":host{font-family:\\\"72override\\\",var(--sapFontFamily);font-size:var(--sapFontSize)}.ui5-product-switch-root{display:flex;flex-wrap:wrap;justify-content:inherit;align-items:inherit;width:752px;padding:1.25rem .75rem}:host([desktop-columns=\\\"3\\\"]) .ui5-product-switch-root{width:564px}@media only screen and (max-width:900px){.ui5-product-switch-root{width:564px}}@media only screen and (max-width:600px){.ui5-product-switch-root,:host([desktop-columns=\\\"3\\\"]) .ui5-product-switch-root{flex-direction:column;padding:0;width:100%}}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"ProductSwitch.css.js","sourceRoot":"","sources":["../../../src/generated/themes/ProductSwitch.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,0BAA0B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAEnG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,0BAA0B,EAAC,QAAQ,EAAC,0BAA0B,EAAC,OAAO,EAAC,stBAAstB,EAAC,CAAC;AACz0B,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents-fiori\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents-fiori\",fileName:\"themes/ProductSwitch.css\",content:\":host {\\n\\tfont-family: \\\"72override\\\", var(--sapFontFamily);\\n\\tfont-size: var(--sapFontSize);\\n}\\n\\n.ui5-product-switch-root {\\n\\tdisplay: flex;\\n\\tflex-wrap: wrap;\\n\\tjustify-content: inherit;\\n\\talign-items: inherit;\\n\\twidth: 752px; /* 4 * item size */\\n\\tpadding: 1.25rem .75rem;\\n}\\n\\n:host([desktop-columns=\\\"3\\\"]) .ui5-product-switch-root {\\n\\twidth: 564px; /* 3 * item size */\\n}\\n\\n@media only screen and (max-width: 900px) {\\n\\t.ui5-product-switch-root {\\n\\t\\twidth: 564px; /* 3 * item size */\\n\\t}\\n}\\n\\n@media only screen and (max-width: 600px) {\\n\\t.ui5-product-switch-root,\\n\\t:host([desktop-columns=\\\"3\\\"]) .ui5-product-switch-root {\\n\\t\\tflex-direction: column;\\n\\t\\tpadding: 0;\\n\\t\\twidth: 100%;\\n\\t}\\n}\\n\"};\nexport default styleData;\n\t"]}

package/dist/generated/themes/ProductSwitchItem.css.js

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", async () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents-fiori", "sap_fiori_3", async () => defaultTheme);
-const styleData = { packageName: "@ui5/webcomponents-fiori", fileName: "themes/ProductSwitchItem.css", content: ":host{width:var(--_ui5_product_switch_item_width);height:var(--_ui5_product_switch_item_height);margin:.25rem;border-radius:.25rem;box-sizing:border-box;background:var(--sapList_Background)}:host([selected]){background:var(--sapList_SelectionBackgroundColor);border:.125rem solid var(--sapList_SelectionBorderColor)}:host(:hover){background:var(--sapList_Hover_Background)}:host([selected]:hover){background:var(--sapList_Hover_SelectionBackground)}:host([active]),:host([selected][active]){background:var(--sapList_Active_Background)}:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-icon,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{color:var(--sapList_Active_TextColor)}:host([focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--_ui5_product_switch_item_outline_offset)}:host([active][focused]){outline-color:var(--_ui5_product_switch_item_active_outline_color)}.ui5-product-switch-item-root{user-select:none;width:100%;height:100%;flex-direction:column;display:flex;align-items:center;text-decoration:none;outline:none;box-sizing:border-box;padding:.5rem;padding-top:4rem;cursor:pointer;border:var(--_ui5_product_switch_item_border)}:host([icon]) .ui5-product-switch-item-root{padding-top:.5rem}:host([selected]) .ui5-product-switch-item-root{padding:.375rem}.ui5-product-switch-item-root .ui5-product-switch-item-icon{width:3rem;height:3rem;padding:.75rem;margin-bottom:.5rem;box-sizing:border-box;color:var(--sapContent_IconColor);pointer-events:none}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{display:flex;align-items:center;flex-direction:column;max-width:10.25rem}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{line-height:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;pointer-events:none;text-align:center}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{font-size:var(--sapFontHeader6Size);color:var(--sapGroup_TitleTextColor)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title:only-child{white-space:normal;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var(--sapFontSmallSize);color:var(--sapContent_LabelColor)}@media only screen and (max-width:600px){:host{margin:0;width:100%;max-width:600px;height:5rem;border-radius:0}.ui5-product-switch-item-root{padding:0 1rem;flex-direction:row}:host([icon]) .ui5-product-switch-item-root{padding-top:0}.ui5-product-switch-item-root .ui5-product-switch-item-icon{padding:.875rem;color:var(--sapContent_NonInteractiveIconColor);margin:0 .75rem 0 0}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{align-items:flex-start;max-width:100%}:host([icon]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content{max-width:calc(100% - 3.75rem)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{line-height:normal}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var(--sapFontSize);padding-top:.75rem}}[ui5-product-switch-item][focused]{outline:none;position:relative}[ui5-product-switch-item][focused] .ui5-product-switch-item-root:after{content:\"\";position:absolute;border-color:var(--_ui5_product_switch_item_outline_color);border-width:var(--_ui5_product_switch_item_outline_width);border-style:dotted;top:var(--_ui5_product_switch_item_outline_offset_positive);bottom:var(--_ui5_product_switch_item_outline_offset_positive);left:var(--_ui5_product_switch_item_outline_offset_positive);right:var(--_ui5_product_switch_item_outline_offset_positive)}[ui5-product-switch-item][active][focused] .ui5-product-switch-item-root:after{border-color:var(--_ui5_product_switch_item_active_outline_color)}" };
+const styleData = { packageName: "@ui5/webcomponents-fiori", fileName: "themes/ProductSwitchItem.css", content: ":host {\n\twidth: var(--_ui5_product_switch_item_width);\n\theight: var(--_ui5_product_switch_item_height);\n\tmargin: .25rem;\n\tborder-radius: .25rem;\n\tbox-sizing: border-box;\n\tbackground:var(--sapList_Background);\n}\n\n:host([selected]) {\n\tbackground: var(--sapList_SelectionBackgroundColor);\n\tborder: 0.125rem solid var(--sapList_SelectionBorderColor);\n}\n\n:host(:hover) {\n\tbackground:var(--sapList_Hover_Background);\n}\n\n:host([selected]:hover) {\n\tbackground: var(--sapList_Hover_SelectionBackground);\n}\n\n:host([active]),\n:host([selected][active])  {\n\tbackground: var(--sapList_Active_Background);\n}\n\n:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-icon,\n:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title,\n:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle {\n\tcolor:var(--sapList_Active_TextColor);\n}\n\n:host([focused]) {\n\toutline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n\toutline-offset:var(--_ui5_product_switch_item_outline_offset)\n}\n\n:host([active][focused]) {\n\toutline-color: var(--_ui5_product_switch_item_active_outline_color);\n}\n\n.ui5-product-switch-item-root {\n\tuser-select: none;\n\twidth: 100%;\n\theight: 100%;\n\tflex-direction: column;\n\tdisplay: flex;\n\talign-items: center;\n\ttext-decoration: none;\n\toutline: none;\n\tbox-sizing: border-box;\n\tpadding: .5rem;\n\tpadding-top: 4rem;\n\tcursor: pointer;\n\tborder: var(--_ui5_product_switch_item_border);\n}\n\n:host([icon]) .ui5-product-switch-item-root {\n\tpadding-top: .5rem;\n}\n\n:host([selected]) .ui5-product-switch-item-root {\n\tpadding: .375rem;\n}\n\n.ui5-product-switch-item-root .ui5-product-switch-item-icon {\n\twidth: 3rem;\n\theight: 3rem;\n\tpadding: .75rem;\n\tmargin-bottom: .5rem;\n\tbox-sizing: border-box;\n\tcolor: var(--sapContent_IconColor);\n\tpointer-events: none;\n}\n\n.ui5-product-switch-item-root .ui5-product-switch-item-text-content {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\tmax-width: 10.25rem;\n}\n\n.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,\n.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title {\n\tline-height: 1.25rem;\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tmax-width: 100%;\n\tpointer-events: none;\n\ttext-align: center;\n}\n\n.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title {\n\tfont-size:var( --sapFontHeader6Size);\n\tcolor:var(--sapGroup_TitleTextColor);\n}\n\n.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title:only-child {\n\twhite-space: normal;\n    -webkit-line-clamp: 2;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n}\n\n.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle {\n\tfont-size:var( --sapFontSmallSize);\n\tcolor:var(--sapContent_LabelColor);\n}\n\n@media only screen and (max-width: 600px) {\n\t:host {\n\t\tmargin: 0;\n\t\twidth: 100%;\n\t\twidth: 100%;\n\t\tmax-width: 600px;\n\t\theight: 5rem;\n\t\tborder-radius: 0;\n\t}\n\n\t.ui5-product-switch-item-root {\n\t\tpadding: 0 1rem;\n\t\tflex-direction: row;\n\t}\n\n\t:host([icon]) .ui5-product-switch-item-root {\n\t\tpadding-top: 0;\n\t}\n\n\t.ui5-product-switch-item-root .ui5-product-switch-item-icon {\n\t\tpadding: .875rem;\n\t\tcolor: var(--sapContent_NonInteractiveIconColor);\n\t\tmargin: 0 .75rem 0 0;\n\t}\n\n\t.ui5-product-switch-item-root .ui5-product-switch-item-text-content {\n\t\talign-items: flex-start;\n\t\tmax-width: 100%;\n\t}\n\n\t:host([icon]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content {\n\t\tmax-width: calc(100% - 3.75rem); /* 100% width - (3rem for the icon + right margin)*/\n\t}\n\n\n\t.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,\n\t.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title {\n\t\tline-height: normal;\n\t}\n\n\t.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle {\n\t\tfont-size: var(--sapFontSize);\n\t\tpadding-top: .75rem;\n\t}\n}\n\n[ui5-product-switch-item][focused] {\n\toutline: none;\n\tposition: relative;\n}\n\n[ui5-product-switch-item][focused] .ui5-product-switch-item-root::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tborder-color: var(--_ui5_product_switch_item_outline_color);\n\tborder-width: var(--_ui5_product_switch_item_outline_width);\n\tborder-style: dotted;\n\ttop: var(--_ui5_product_switch_item_outline_offset_positive);\n\tbottom:  var(--_ui5_product_switch_item_outline_offset_positive);\n\tleft:  var(--_ui5_product_switch_item_outline_offset_positive);\n\tright:  var(--_ui5_product_switch_item_outline_offset_positive);\n}\n\n[ui5-product-switch-item][active][focused] .ui5-product-switch-item-root::after {\n\tborder-color: var(--_ui5_product_switch_item_active_outline_color);\n}\n" };
 export default styleData;
 //# sourceMappingURL=ProductSwitchItem.css.js.map

package/dist/generated/themes/ProductSwitchItem.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductSwitchItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/ProductSwitchItem.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,0BAA0B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAEnG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,0BAA0B,EAAC,QAAQ,EAAC,8BAA8B,EAAC,OAAO,EAAC,o0IAAo0I,EAAC,CAAC;AAC37I,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents-fiori\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents-fiori\",fileName:\"themes/ProductSwitchItem.css\",content:\":host{width:var(--_ui5_product_switch_item_width);height:var(--_ui5_product_switch_item_height);margin:.25rem;border-radius:.25rem;box-sizing:border-box;background:var(--sapList_Background)}:host([selected]){background:var(--sapList_SelectionBackgroundColor);border:.125rem solid var(--sapList_SelectionBorderColor)}:host(:hover){background:var(--sapList_Hover_Background)}:host([selected]:hover){background:var(--sapList_Hover_SelectionBackground)}:host([active]),:host([selected][active]){background:var(--sapList_Active_Background)}:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-icon,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{color:var(--sapList_Active_TextColor)}:host([focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--_ui5_product_switch_item_outline_offset)}:host([active][focused]){outline-color:var(--_ui5_product_switch_item_active_outline_color)}.ui5-product-switch-item-root{user-select:none;width:100%;height:100%;flex-direction:column;display:flex;align-items:center;text-decoration:none;outline:none;box-sizing:border-box;padding:.5rem;padding-top:4rem;cursor:pointer;border:var(--_ui5_product_switch_item_border)}:host([icon]) .ui5-product-switch-item-root{padding-top:.5rem}:host([selected]) .ui5-product-switch-item-root{padding:.375rem}.ui5-product-switch-item-root .ui5-product-switch-item-icon{width:3rem;height:3rem;padding:.75rem;margin-bottom:.5rem;box-sizing:border-box;color:var(--sapContent_IconColor);pointer-events:none}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{display:flex;align-items:center;flex-direction:column;max-width:10.25rem}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{line-height:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;pointer-events:none;text-align:center}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{font-size:var(--sapFontHeader6Size);color:var(--sapGroup_TitleTextColor)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title:only-child{white-space:normal;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var(--sapFontSmallSize);color:var(--sapContent_LabelColor)}@media only screen and (max-width:600px){:host{margin:0;width:100%;max-width:600px;height:5rem;border-radius:0}.ui5-product-switch-item-root{padding:0 1rem;flex-direction:row}:host([icon]) .ui5-product-switch-item-root{padding-top:0}.ui5-product-switch-item-root .ui5-product-switch-item-icon{padding:.875rem;color:var(--sapContent_NonInteractiveIconColor);margin:0 .75rem 0 0}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{align-items:flex-start;max-width:100%}:host([icon]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content{max-width:calc(100% - 3.75rem)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{line-height:normal}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var(--sapFontSize);padding-top:.75rem}}[ui5-product-switch-item][focused]{outline:none;position:relative}[ui5-product-switch-item][focused] .ui5-product-switch-item-root:after{content:\\\"\\\";position:absolute;border-color:var(--_ui5_product_switch_item_outline_color);border-width:var(--_ui5_product_switch_item_outline_width);border-style:dotted;top:var(--_ui5_product_switch_item_outline_offset_positive);bottom:var(--_ui5_product_switch_item_outline_offset_positive);left:var(--_ui5_product_switch_item_outline_offset_positive);right:var(--_ui5_product_switch_item_outline_offset_positive)}[ui5-product-switch-item][active][focused] .ui5-product-switch-item-root:after{border-color:var(--_ui5_product_switch_item_active_outline_color)}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"ProductSwitchItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/ProductSwitchItem.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,0BAA0B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAEnG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,0BAA0B,EAAC,QAAQ,EAAC,8BAA8B,EAAC,OAAO,EAAC,8mKAA8mK,EAAC,CAAC;AACruK,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents-fiori\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents-fiori\",fileName:\"themes/ProductSwitchItem.css\",content:\":host {\\n\\twidth: var(--_ui5_product_switch_item_width);\\n\\theight: var(--_ui5_product_switch_item_height);\\n\\tmargin: .25rem;\\n\\tborder-radius: .25rem;\\n\\tbox-sizing: border-box;\\n\\tbackground:var(--sapList_Background);\\n}\\n\\n:host([selected]) {\\n\\tbackground: var(--sapList_SelectionBackgroundColor);\\n\\tborder: 0.125rem solid var(--sapList_SelectionBorderColor);\\n}\\n\\n:host(:hover) {\\n\\tbackground:var(--sapList_Hover_Background);\\n}\\n\\n:host([selected]:hover) {\\n\\tbackground: var(--sapList_Hover_SelectionBackground);\\n}\\n\\n:host([active]),\\n:host([selected][active])  {\\n\\tbackground: var(--sapList_Active_Background);\\n}\\n\\n:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-icon,\\n:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title,\\n:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle {\\n\\tcolor:var(--sapList_Active_TextColor);\\n}\\n\\n:host([focused]) {\\n\\toutline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\\n\\toutline-offset:var(--_ui5_product_switch_item_outline_offset)\\n}\\n\\n:host([active][focused]) {\\n\\toutline-color: var(--_ui5_product_switch_item_active_outline_color);\\n}\\n\\n.ui5-product-switch-item-root {\\n\\tuser-select: none;\\n\\twidth: 100%;\\n\\theight: 100%;\\n\\tflex-direction: column;\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\ttext-decoration: none;\\n\\toutline: none;\\n\\tbox-sizing: border-box;\\n\\tpadding: .5rem;\\n\\tpadding-top: 4rem;\\n\\tcursor: pointer;\\n\\tborder: var(--_ui5_product_switch_item_border);\\n}\\n\\n:host([icon]) .ui5-product-switch-item-root {\\n\\tpadding-top: .5rem;\\n}\\n\\n:host([selected]) .ui5-product-switch-item-root {\\n\\tpadding: .375rem;\\n}\\n\\n.ui5-product-switch-item-root .ui5-product-switch-item-icon {\\n\\twidth: 3rem;\\n\\theight: 3rem;\\n\\tpadding: .75rem;\\n\\tmargin-bottom: .5rem;\\n\\tbox-sizing: border-box;\\n\\tcolor: var(--sapContent_IconColor);\\n\\tpointer-events: none;\\n}\\n\\n.ui5-product-switch-item-root .ui5-product-switch-item-text-content {\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\tflex-direction: column;\\n\\tmax-width: 10.25rem;\\n}\\n\\n.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,\\n.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title {\\n\\tline-height: 1.25rem;\\n\\twhite-space: nowrap;\\n\\toverflow: hidden;\\n\\ttext-overflow: ellipsis;\\n\\tmax-width: 100%;\\n\\tpointer-events: none;\\n\\ttext-align: center;\\n}\\n\\n.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title {\\n\\tfont-size:var( --sapFontHeader6Size);\\n\\tcolor:var(--sapGroup_TitleTextColor);\\n}\\n\\n.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title:only-child {\\n\\twhite-space: normal;\\n    -webkit-line-clamp: 2;\\n    display: -webkit-box;\\n    -webkit-box-orient: vertical;\\n}\\n\\n.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle {\\n\\tfont-size:var( --sapFontSmallSize);\\n\\tcolor:var(--sapContent_LabelColor);\\n}\\n\\n@media only screen and (max-width: 600px) {\\n\\t:host {\\n\\t\\tmargin: 0;\\n\\t\\twidth: 100%;\\n\\t\\twidth: 100%;\\n\\t\\tmax-width: 600px;\\n\\t\\theight: 5rem;\\n\\t\\tborder-radius: 0;\\n\\t}\\n\\n\\t.ui5-product-switch-item-root {\\n\\t\\tpadding: 0 1rem;\\n\\t\\tflex-direction: row;\\n\\t}\\n\\n\\t:host([icon]) .ui5-product-switch-item-root {\\n\\t\\tpadding-top: 0;\\n\\t}\\n\\n\\t.ui5-product-switch-item-root .ui5-product-switch-item-icon {\\n\\t\\tpadding: .875rem;\\n\\t\\tcolor: var(--sapContent_NonInteractiveIconColor);\\n\\t\\tmargin: 0 .75rem 0 0;\\n\\t}\\n\\n\\t.ui5-product-switch-item-root .ui5-product-switch-item-text-content {\\n\\t\\talign-items: flex-start;\\n\\t\\tmax-width: 100%;\\n\\t}\\n\\n\\t:host([icon]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content {\\n\\t\\tmax-width: calc(100% - 3.75rem); /* 100% width - (3rem for the icon + right margin)*/\\n\\t}\\n\\n\\n\\t.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,\\n\\t.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title {\\n\\t\\tline-height: normal;\\n\\t}\\n\\n\\t.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle {\\n\\t\\tfont-size: var(--sapFontSize);\\n\\t\\tpadding-top: .75rem;\\n\\t}\\n}\\n\\n[ui5-product-switch-item][focused] {\\n\\toutline: none;\\n\\tposition: relative;\\n}\\n\\n[ui5-product-switch-item][focused] .ui5-product-switch-item-root::after {\\n\\tcontent: \\\"\\\";\\n\\tposition: absolute;\\n\\tborder-color: var(--_ui5_product_switch_item_outline_color);\\n\\tborder-width: var(--_ui5_product_switch_item_outline_width);\\n\\tborder-style: dotted;\\n\\ttop: var(--_ui5_product_switch_item_outline_offset_positive);\\n\\tbottom:  var(--_ui5_product_switch_item_outline_offset_positive);\\n\\tleft:  var(--_ui5_product_switch_item_outline_offset_positive);\\n\\tright:  var(--_ui5_product_switch_item_outline_offset_positive);\\n}\\n\\n[ui5-product-switch-item][active][focused] .ui5-product-switch-item-root::after {\\n\\tborder-color: var(--_ui5_product_switch_item_active_outline_color);\\n}\\n\"};\nexport default styleData;\n\t"]}

package/dist/generated/themes/ShellBar.css.js

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", async () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents-fiori", "sap_fiori_3", async () => defaultTheme);
-const styleData = { packageName: "@ui5/webcomponents-fiori", fileName: "themes/ShellBar.css", content: ".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:inline-block;width:100%}:host{--_ui5_input_placeholder_color:var(--sapShell_InteractiveTextColor);--_ui5_input_border_radius:var(--_ui5_shellbar_input_border_radius);--_ui5_input_focus_border_radius:var(--_ui5_shellbar_input_focus_border_radius);--_ui5_input_background_color:var(--_ui5_shellbar_input_background_color);--_ui5_button_focused_border:var(--_ui5_shellbar_button_focused_border)}.ui5-shellbar-root{position:relative;display:flex;justify-content:space-between;align-items:center;background:var(--sapShellColor);height:var(--_ui5_shellbar_root_height);font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;box-sizing:border-box}.ui5-shellbar-button,.ui5-shellbar-image-button,.ui5-shellbar-menu-button,::slotted([ui5-button][slot=startButton]){height:2.25rem;padding:0;margin-inline-start:.5rem;border:none;background:transparent;outline-color:var(--_ui5_shellbar_logo_outline_color);color:var(--sapShell_TextColor);box-sizing:border-box;cursor:pointer;border-radius:var(--_ui5_shellbar_button_border_radius);position:relative;font-size:.75rem;font-weight:700;white-space:normal;overflow:initial;text-overflow:clip;line-height:inherit;letter-spacing:inherit;word-spacing:inherit}::slotted([ui5-button][slot=startButton]){margin-inline-start:0}.ui5-shellbar-button:hover,.ui5-shellbar-image-button:hover,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover,::slotted([ui5-button][slot=startButton]:hover){background:var(--sapShell_Hover_Background)}.ui5-shellbar-button:hover,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover,::slotted([ui5-button][slot=startButton]:hover){box-shadow:var(--_ui5_shellbar_button_box_shadow)}.ui5-shellbar-button[active],.ui5-shellbar-image-button:active,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active,::slotted([ui5-button][slot=startButton][active]){background:var(--sapShell_Active_Background);color:var(--_ui5_shellbar_button_active_color)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-arrow{border-top-color:var(--_ui5_shellbar_button_active_color)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus{outline:var(--_ui5_shellbar_logo_outline);outline-offset:var(--_ui5_shellbar_outline_offset)}slot[name=profile]{min-width:0}::slotted([ui5-avatar][slot=profile]){min-width:0;width:2rem;height:2rem;padding:.25rem;pointer-events:none}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive::-moz-focus-inner{border:none}.ui5-shellbar-menu-button-title,.ui5-shellbar-title{display:inline-block;font-family:\"72override\",var(--sapFontFamily);margin:0;font-size:var(--_ui5_shellbar_menu_button_title_font_size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapShell_TextColor);flex:auto}:host(:not([primary-title])) .ui5-shellbar-menu-button{min-width:2.25rem;justify-content:center}.ui5-shellbar-secondary-title{display:inline-block;font-size:var(--sapFontSmallSize);color:var(--sapShell_TextColor);line-height:1rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui5-shellbar-menu-button--interactive .ui5-shellbar-menu-button-arrow{display:inline-block;margin-inline-start:.375rem;width:10px;height:10px;width:0;height:0;color:var(--sapShell_InteractiveTextColor);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--sapShell_TextColor)}.ui5-shellbar-overflow-container{display:flex;justify-content:center;align-items:center;height:100%;overflow:hidden}.ui5-shellbar-overflow-container-middle{align-self:center;height:var(--_ui5_shellbar_overflow_container_middle_height);width:0;flex-shrink:0}:host([show-co-pilot]) .ui5-shellbar-overflow-container-middle{width:3rem}:host([breakpoint-size=S]) .ui5-shellbar-menu-button{margin-inline-start:0}:host([breakpoint-size=S]) .ui5-shellbar-root{padding:0 1rem}:host([breakpoint-size=S]) .ui5-shellbar-search-full-width-wrapper{padding:0 1rem}:host([breakpoint-size=M]) .ui5-shellbar-root{padding:0 2rem}:host([breakpoint-size=M]) .ui5-shellbar-search-full-width-wrapper{padding:0 2rem}:host([breakpoint-size=L]) .ui5-shellbar-root{padding:0 2rem}:host([breakpoint-size=XL]) .ui5-shellbar-root{padding:0 3rem}:host([breakpoint-size=XXL]) .ui5-shellbar-root{padding:0 3rem}.ui5-shellbar-logo{cursor:pointer;max-height:2rem}.ui5-shellbar-logo:focus{outline:var(--_ui5_shellbar_logo_outline);outline-offset:var(--_ui5_shellbar_logo_outline_offset);border-radius:var(--_ui5_shellbar_logo_border_radius)}.ui5-shellbar-logo:hover{box-shadow:var(--_ui5_shellbar_button_box_shadow);border-radius:var(--_ui5_shellbar_logo_border_radius)}.ui5-shellbar-menu-button .ui5-shellbar-logo:hover{box-shadow:none}.ui5-shellbar-button{width:2.5rem}.ui5-shellbar-search-button{--_ui5_button_focused_border_radius:var(--_ui5_shellbar_search_button_border_radius);--_ui5_shellbar_button_border_radius:var(--_ui5_shellbar_search_button_border_radius);height:var(--_ui5_shellbar_search_button_size);width:var(--_ui5_shellbar_search_button_size);min-width:var(--_ui5_shellbar_search_button_size)}.ui5-shellbar-image-buttonImage{border-radius:50%;width:1.75rem;height:1.75rem;display:flex;background-size:cover}.ui5-shellbar-image-button{display:flex;justify-content:center;align-items:center;min-width:2.25rem;height:2.25rem;display:inline-flex;padding:0}.ui5-shellbar-overflow-container-left{padding:0 .125rem;justify-content:flex-start;margin-inline-end:.5rem;max-width:75%;flex-shrink:1;flex-grow:1}.ui5-shellbar-overflow-container-left>:nth-child(n){margin-inline-end:.5rem}:host([show-co-pilot]) .ui5-shellbar-overflow-container-left{flex-basis:50%;max-width:calc(50% - 1.5rem)}.ui5-shellbar-menu-button{white-space:nowrap;overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem;cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;border:var(--_ui5_shellbar_button_border)}:host(:not([with-logo])) .ui5-shellbar-menu-button{margin-inline-start:0}.ui5-shellbar-overflow-container-right{padding:0 .125rem;display:block;overflow:hidden;box-sizing:border-box;white-space:nowrap;flex:1 1 auto;max-width:100%}:host([show-co-pilot]) .ui5-shellbar-overflow-container-right{flex-basis:0%}:host(:not([show-search-field])) .ui5-shellbar-overflow-container-right{margin-inline-start:8rem}.ui5-shellbar-overflow-container-right .ui5-shellbar-overflow-container-right-child{display:flex;justify-content:flex-end;height:inherit;align-items:center;float:var(--_ui5_shellbar_overflow_container_float)}.ui5-shellbar-overflow-button{display:none}:host([breakpoint-size=M]) .ui5-shellbar-secondary-title{display:none}:host([breakpoint-size=S]) .ui5-shellbar-secondary-title{display:none}:host([breakpoint-size=S]) .ui5-shellbar-overflow-container-right{margin-inline-start:0}.ui5-shellbar-overflow-button-shown{display:inline-block}.ui5-shellbar-hidden-button,.ui5-shellbar-invisible-button{visibility:hidden}.ui5-shellbar-coPilot{height:100%;background-color:transparent;cursor:pointer}:host([breakpoint-size=L]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right{margin-inline-start:1rem}:host([breakpoint-size=XL]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right{margin-inline-start:1rem}:host(:not([notifications-count])) .ui5-shellbar-bell-button{position:relative}.ui5-shellbar-button[data-count]:before,:host([notifications-count]:not([notifications-count=\"\"])) .ui5-shellbar-bell-button:before{position:absolute;width:auto;height:1rem;min-width:1rem;background:var(--sapContent_BadgeBackground);border:var(--_ui5_shellbar_button_badge_border);color:var(--sapContent_BadgeTextColor);top:-.25rem;right:-.25rem;padding:0 .3125rem;border-radius:.5rem;display:flex;justify-content:center;align-items:center;font-size:var(--sapFontSmallSize);font-family:\"72override\",var(--sapFontFamily);z-index:2;box-sizing:border-box}:host([notifications-count]:not([notifications-count=\"\"])) .ui5-shellbar-bell-button:before{content:attr(data-ui5-notifications-count)}.ui5-shellbar-button[data-count]:before{content:attr(data-count)}.ui5-shellbar-menu-button{margin-inline-start:.5rem}.ui5-shellbar-search-field{align-items:center;flex-grow:1;min-width:240px;margin-inline-start:.5rem;max-width:25rem}.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-search-full-field{height:2.25rem;width:100%}.ui5-shellbar-search-full-width-wrapper{position:absolute;top:0;left:0;background:var(--sapShellColor);height:100%;width:100%;z-index:100;display:flex;align-items:center;box-sizing:border-box}.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-button{width:auto}::slotted([ui5-input]){background:var(--_ui5_shellbar_search_field_background);border:var(--_ui5_shellbar_search_field_border);color:var(--_ui5_shellbar_search_field_color);height:2.25rem;width:100%}::slotted([ui5-input]:hover){background:var(--_ui5_shellbar_search_field_background_hover);box-shadow:var(--_ui5_shellbar_search_field_box_shadow_hover)}::slotted([ui5-input][focused]){outline:var(--_ui5_shellbar_search_field_outline_focused)}::slotted([slot=logo]){max-height:2rem;pointer-events:none}.ui5-shellbar-copilot-wrapper{position:relative;outline:none;box-sizing:border-box;height:100%}.ui5-shellbar-copilot-wrapper:hover{border-radius:var(--sapButton_BorderCornerRadius);background:var(--sapShell_Hover_Background)}.ui5-shellbar-copilot-wrapper:active,.ui5-shellbar-copilot-wrapper[active]{background:var(--sapShell_Active_Background)}.ui5-shellbar-copilot-wrapper:focus:after,.ui5-shellbar-copilot-wrapper:hover:after{content:\"\";position:absolute;left:var(--_ui5_shellbar_copilot_focus_offset);right:var(--_ui5_shellbar_copilot_focus_offset);top:var(--_ui5_shellbar_copilot_focus_offset);bottom:var(--_ui5_shellbar_copilot_focus_offset);outline:none;pointer-events:none;border-radius:var(--_ui5_shellbar_logo_outline_border_radius)}.ui5-shellbar-copilot-wrapper:hover:after{background:transparent;box-shadow:var(--sapContent_Interaction_Shadow)}.ui5-shellbar-copilot-wrapper:focus:after{border:var(--_ui5_shellbar_logo_outline)}.ui5-shellbar-co-pilot-placeholder{width:2.75rem;height:2.75rem}.ui5-shellbar-co-pilot-circle{fill:var(--sapShellColor)}.ui5-shellbar-co-pilot-color1{stop-color:var(--_ui5_shellbar_copilot_stop_color1)}.ui5-shellbar-co-pilot-color2{stop-color:var(--_ui5_shellbar_copilot_stop_color2)}.ui5-shellbar-co-pilot-opacity7{stop-opacity:.7}.ui5-shellbar-co-pilot-opacity36{stop-opacity:.36}.ui5-shellbar-co-pilot-opacity2{stop-opacity:.2}::slotted([ui5-button][slot=startButton]){margin-inline:0 .5rem;justify-content:center;align-items:center}::slotted([ui5-button][profile-btn]){width:auto}" };
+const styleData = { packageName: "@ui5/webcomponents-fiori", fileName: "themes/ShellBar.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:host {\n\t--_ui5_input_placeholder_color: var(--sapShell_InteractiveTextColor);\n\t--_ui5_input_border_radius: var(--_ui5_shellbar_input_border_radius);\n\t--_ui5_input_focus_border_radius: var(--_ui5_shellbar_input_focus_border_radius);\n\t--_ui5_input_background_color: var(--_ui5_shellbar_input_background_color);\n\t--_ui5_button_focused_border: var(--_ui5_shellbar_button_focused_border);\n}\n\n.ui5-shellbar-root {\n\tposition: relative;\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbackground: var(--sapShellColor);\n\theight: var(--_ui5_shellbar_root_height);\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-size: var(--sapFontSize);\n\tfont-weight: normal;\n\tbox-sizing: border-box;\n}\n\n.ui5-shellbar-menu-button,\n.ui5-shellbar-button,\n.ui5-shellbar-image-button,\n::slotted([ui5-button][slot=\"startButton\"]) {\n\theight: 2.25rem;\n\tpadding: 0;\n\tmargin-inline-start: 0.5rem;\n\tborder: none;\n\tbackground: transparent;\n\toutline-color: var(--_ui5_shellbar_logo_outline_color);\n\tcolor: var(--sapShell_TextColor);\n\tbox-sizing: border-box;\n\tcursor: pointer;\n\tborder-radius: var(--_ui5_shellbar_button_border_radius);\n\tposition: relative;\n\tfont-size: 0.75rem;\n\tfont-weight: bold;\n\twhite-space: initial;\n\toverflow: initial;\n\ttext-overflow: initial;\n\tline-height: inherit;\n\tletter-spacing: inherit;\n\tword-spacing: inherit;\n}\n\n::slotted([ui5-button][slot=\"startButton\"]) {\n\tmargin-inline-start: 0;\n}\n\n::slotted([ui5-button][slot=\"startButton\"]:hover),\n.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover,\n.ui5-shellbar-button:hover,\n.ui5-shellbar-image-button:hover {\n\tbackground: var(--sapShell_Hover_Background);\n}\n\n::slotted([ui5-button][slot=\"startButton\"]:hover),\n.ui5-shellbar-button:hover,\n.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover {\n\tbox-shadow: var(--_ui5_shellbar_button_box_shadow);\n}\n\n::slotted([ui5-button][slot=\"startButton\"][active]),\n.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active,\n.ui5-shellbar-button[active],\n.ui5-shellbar-image-button:active {\n\tbackground: var(--sapShell_Active_Background);\n\tcolor: var(--_ui5_shellbar_button_active_color);\n}\n\n.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-arrow {\n\tborder-top-color: var(--_ui5_shellbar_button_active_color);\n}\n\n.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus {\n\toutline: var(--_ui5_shellbar_logo_outline);\n\toutline-offset: var(--_ui5_shellbar_outline_offset);\n}\n\nslot[name=\"profile\"] {\n\tmin-width: 0;\n}\n\n::slotted([ui5-avatar][slot=\"profile\"]) {\n\tmin-width: 0;\n\twidth: 2rem;\n\theight: 2rem;\n\tpadding: .25rem;\n\tpointer-events: none;\n}\n\n.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive::-moz-focus-inner {\n\tborder: none;\n}\n\n.ui5-shellbar-menu-button-title,\n.ui5-shellbar-title {\n\tdisplay: inline-block;\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tmargin: 0;\n\tfont-size: var(--_ui5_shellbar_menu_button_title_font_size);\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tcolor: var(--sapShell_TextColor);\n\tflex: auto;\n}\n\n:host(:not([primary-title])) .ui5-shellbar-menu-button {\n\tmin-width: 2.25rem;\n\tjustify-content: center;\n}\n\n.ui5-shellbar-secondary-title {\n\tdisplay: inline-block;\n\tfont-size: var(--sapFontSmallSize);\n\tcolor: var(--sapShell_TextColor);\n\tline-height: 1rem;\n\tfont-weight: normal;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\toverflow: hidden;\n}\n\n.ui5-shellbar-menu-button--interactive .ui5-shellbar-menu-button-arrow {\n\tdisplay: inline-block;\n\tmargin-inline-start: 0.375rem;\n\twidth: 10px;\n\theight: 10px;\n\twidth: 0px;\n\theight: 0px;\n\tcolor: var(--sapShell_InteractiveTextColor);\n\tborder-left: 5px solid transparent;\n\tborder-right: 5px solid transparent;\n\tborder-top: 5px solid var(--sapShell_TextColor);\n}\n\n.ui5-shellbar-overflow-container {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\theight: 100%;\n\toverflow: hidden;\n}\n\n.ui5-shellbar-overflow-container-middle {\n\talign-self: center;\n\theight: var(--_ui5_shellbar_overflow_container_middle_height);\n\twidth: 0;\n\tflex-shrink: 0;\n}\n\n:host([show-co-pilot]) .ui5-shellbar-overflow-container-middle {\n\twidth: 3rem;\n}\n\n:host([breakpoint-size=\"S\"]) .ui5-shellbar-menu-button {\n\tmargin-inline-start: 0;\n}\n\n:host([breakpoint-size=\"S\"]) .ui5-shellbar-root {\n\tpadding: 0 1rem;\n}\n\n:host([breakpoint-size=\"S\"]) .ui5-shellbar-search-full-width-wrapper {\n\tpadding: 0 1rem;\n}\n\n:host([breakpoint-size=\"M\"]) .ui5-shellbar-root {\n\tpadding: 0 2rem;\n}\n\n:host([breakpoint-size=\"M\"]) .ui5-shellbar-search-full-width-wrapper {\n\tpadding: 0 2rem;\n}\n\n:host([breakpoint-size=\"L\"]) .ui5-shellbar-root {\n\tpadding: 0 2rem;\n}\n\n:host([breakpoint-size=\"XL\"]) .ui5-shellbar-root {\n\tpadding: 0 3rem;\n}\n\n:host([breakpoint-size=\"XXL\"]) .ui5-shellbar-root {\n\tpadding: 0 3rem;\n}\n\n.ui5-shellbar-logo {\n\tcursor: pointer;\n\tmax-height: 2rem;\n}\n\n.ui5-shellbar-logo:focus {\n\toutline: var(--_ui5_shellbar_logo_outline);\n\toutline-offset: var(--_ui5_shellbar_logo_outline_offset);\n\tborder-radius: var(--_ui5_shellbar_logo_border_radius);\n}\n\n.ui5-shellbar-logo:hover {\n\tbox-shadow: var(--_ui5_shellbar_button_box_shadow);\n\tborder-radius: var(--_ui5_shellbar_logo_border_radius);\n}\n\n.ui5-shellbar-menu-button .ui5-shellbar-logo:hover {\n\tbox-shadow: none;\n}\n\n.ui5-shellbar-button {\n\twidth: 2.5rem;\n}\n\n.ui5-shellbar-search-button {\n\t--_ui5_button_focused_border_radius: var(--_ui5_shellbar_search_button_border_radius);\n\t--_ui5_shellbar_button_border_radius: var(--_ui5_shellbar_search_button_border_radius);\n\theight: var(--_ui5_shellbar_search_button_size);\n\twidth: var(--_ui5_shellbar_search_button_size);\n\tmin-width: var(--_ui5_shellbar_search_button_size);\n}\n\n.ui5-shellbar-image-buttonImage {\n\tborder-radius: 50%;\n\twidth: 1.75rem;\n\theight: 1.75rem;\n\tdisplay: flex;\n\tbackground-size: cover;\n}\n\n.ui5-shellbar-image-button {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tmin-width: 2.25rem;\n\theight: 2.25rem;\n\tdisplay: inline-flex;\n\tpadding: 0;\n}\n\n.ui5-shellbar-overflow-container-left {\n\tpadding: 0 0.125rem;\n\tjustify-content: flex-start;\n\tmargin-inline-end: 0.5rem;\n\tmax-width: 75%;\n\tflex-shrink: 1;\n\tflex-grow: 1;\n}\n\n.ui5-shellbar-overflow-container-left > :nth-child(n) {\n\tmargin-inline-end: 0.5rem;\n}\n\n:host([show-co-pilot]) .ui5-shellbar-overflow-container-left {\n\tflex-basis: 50%;\n\tmax-width: calc(50% - 1.5rem);\n}\n\n.ui5-shellbar-menu-button {\n\twhite-space: nowrap;\n\toverflow: hidden;\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 0.25rem 0.5rem;\n\tcursor: text;\n\t-webkit-user-select: text;\n\t-moz-user-select: text;\n\tuser-select: text;\n}\n\n.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive {\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\tuser-select: none;\n\tcursor: pointer;\n\tborder: var(--_ui5_shellbar_button_border);\n}\n\n:host(:not([with-logo])) .ui5-shellbar-menu-button {\n\tmargin-inline-start: 0;\n}\n\n.ui5-shellbar-overflow-container-right {\n\tpadding: 0 0.125rem;\n\tdisplay: block;\n\toverflow: hidden;\n\tbox-sizing: border-box;\n\twhite-space: nowrap;\n\tflex: 1 1 auto;\n\tmax-width: 100%;\n}\n\n:host([show-co-pilot]) .ui5-shellbar-overflow-container-right {\n\tflex-basis: 0%;\n}\n\n:host(:not([show-search-field])) .ui5-shellbar-overflow-container-right {\n\tmargin-inline-start: 8rem;\n}\n\n.ui5-shellbar-overflow-container-right .ui5-shellbar-overflow-container-right-child {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\theight: inherit;\n\talign-items: center;\n\tfloat: var(--_ui5_shellbar_overflow_container_float);\n}\n\n.ui5-shellbar-overflow-button {\n\tdisplay: none;\n}\n\n:host([breakpoint-size=\"M\"]) .ui5-shellbar-secondary-title {\n\tdisplay: none;\n}\n\n:host([breakpoint-size=\"S\"]) .ui5-shellbar-secondary-title {\n\tdisplay: none;\n}\n\n:host([breakpoint-size=\"S\"]) .ui5-shellbar-overflow-container-right {\n\tmargin-inline-start: 0;\n}\n\n.ui5-shellbar-overflow-button-shown {\n\tdisplay: inline-block;\n}\n\n.ui5-shellbar-hidden-button,\n.ui5-shellbar-invisible-button {\n\tvisibility: hidden;\n}\n\n.ui5-shellbar-coPilot {\n\theight: 100%;\n\tbackground-color: transparent;\n\tcursor: pointer;\n}\n\n:host([breakpoint-size=\"L\"]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right {\n\tmargin-inline-start: 1rem;\n}\n\n:host([breakpoint-size=\"XL\"]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right {\n\tmargin-inline-start: 1rem;\n}\n\n:host(:not([notifications-count])) .ui5-shellbar-bell-button {\n\tposition: relative;\n}\n\n:host([notifications-count]:not([notifications-count=\"\"])) .ui5-shellbar-bell-button::before,\n.ui5-shellbar-button[data-count]::before {\n\tposition: absolute;\n\twidth: auto;\n\theight: 1rem;\n\tmin-width: 1rem;\n\tbackground: var(--sapContent_BadgeBackground);\n\tborder: var(--_ui5_shellbar_button_badge_border);\n\tcolor: var(--sapContent_BadgeTextColor);\n\ttop: -0.25rem;\n\tright: -0.25rem;\n\tpadding: 0 0.3125rem;\n\tborder-radius: 0.5rem;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tfont-size: var(--sapFontSmallSize);\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tz-index: 2;\n\tbox-sizing: border-box;\n}\n\n:host([notifications-count]:not([notifications-count=\"\"])) .ui5-shellbar-bell-button::before {\n\tcontent: attr(data-ui5-notifications-count);\n}\n\n.ui5-shellbar-button[data-count]::before {\n\tcontent: attr(data-count);\n}\n\n.ui5-shellbar-menu-button {\n\tmargin-inline-start: 0.5rem;\n}\n\n.ui5-shellbar-search-field {\n\talign-items: center;\n\tflex-grow: 1;\n\tmin-width: 240px;\n\tmargin-inline-start: 0.5rem;\n\tmax-width: 25rem;\n}\n\n.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-search-full-field {\n\theight: 2.25rem;\n\twidth: 100%;\n}\n\n.ui5-shellbar-search-full-width-wrapper {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tbackground: var(--sapShellColor);\n\theight: 100%;\n\twidth: 100%;\n\tz-index: 100;\n\tdisplay: flex;\n\talign-items: center;\n\tbox-sizing: border-box;\n}\n\n.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-button {\n\twidth: auto;\n}\n\n::slotted([ui5-input]) {\n\tbackground: var(--_ui5_shellbar_search_field_background);\n\tborder: var(--_ui5_shellbar_search_field_border);\n\tcolor: var(--_ui5_shellbar_search_field_color);\n\theight: 2.25rem;\n\twidth: 100%;\n}\n\n::slotted([ui5-input]:hover) {\n\tbackground: var(--_ui5_shellbar_search_field_background_hover);\n\tbox-shadow: var(--_ui5_shellbar_search_field_box_shadow_hover);\n}\n\n::slotted([ui5-input][focused]) {\n\toutline: var(--_ui5_shellbar_search_field_outline_focused);\n}\n\n::slotted([slot=\"logo\"]) {\n\tmax-height: 2rem;\n\tpointer-events: none;\n}\n\n.ui5-shellbar-copilot-wrapper {\n\tposition: relative;\n\toutline: none;\n\tbox-sizing: border-box;\n\theight: 100%;\n}\n\n.ui5-shellbar-copilot-wrapper:hover {\n\tborder-radius: var(--sapButton_BorderCornerRadius);\n\tbackground: var(--sapShell_Hover_Background);\n}\n\n.ui5-shellbar-copilot-wrapper:active,\n.ui5-shellbar-copilot-wrapper[active] {\n\tbackground: var(--sapShell_Active_Background);\n}\n\n.ui5-shellbar-copilot-wrapper:hover::after,\n.ui5-shellbar-copilot-wrapper:focus::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tleft: var(--_ui5_shellbar_copilot_focus_offset);\n\tright: var(--_ui5_shellbar_copilot_focus_offset);\n\ttop: var(--_ui5_shellbar_copilot_focus_offset);\n\tbottom: var(--_ui5_shellbar_copilot_focus_offset);\n\toutline: none;\n\tpointer-events: none;\n\tborder-radius: var(--_ui5_shellbar_logo_outline_border_radius);\n}\n\n.ui5-shellbar-copilot-wrapper:hover::after {\n\tbackground: transparent;\n\tbox-shadow: var(--sapContent_Interaction_Shadow);\n}\n\n.ui5-shellbar-copilot-wrapper:focus::after {\n\tborder: var(--_ui5_shellbar_logo_outline);\n}\n\n.ui5-shellbar-co-pilot-placeholder {\n\twidth: 2.75rem;\n\theight: 2.75rem;\n}\n\n.ui5-shellbar-co-pilot-circle {\n\tfill: var(--sapShellColor);\n}\n\n.ui5-shellbar-co-pilot-color1 {\n\tstop-color: var(--_ui5_shellbar_copilot_stop_color1);\n}\n\n.ui5-shellbar-co-pilot-color2 {\n\tstop-color: var(--_ui5_shellbar_copilot_stop_color2);\n}\n\n.ui5-shellbar-co-pilot-opacity7 {\n\tstop-opacity: 0.7;\n}\n\n.ui5-shellbar-co-pilot-opacity36 {\n\tstop-opacity: 0.36;\n}\n\n.ui5-shellbar-co-pilot-opacity2 {\n\tstop-opacity: 0.2;\n}\n\n::slotted([ui5-button][slot=\"startButton\"]) {\n\tmargin-inline: 0 0.5rem;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n::slotted([ui5-button][profile-btn]) {\n\twidth: auto;\n}\n" };
 export default styleData;
 //# sourceMappingURL=ShellBar.css.js.map

package/dist/generated/themes/ShellBar.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShellBar.css.js","sourceRoot":"","sources":["../../../src/generated/themes/ShellBar.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,0BAA0B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAEnG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,0BAA0B,EAAC,QAAQ,EAAC,qBAAqB,EAAC,OAAO,EAAC,kvVAAkvV,EAAC,CAAC;AACh2V,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents-fiori\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents-fiori\",fileName:\"themes/ShellBar.css\",content:\".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:inline-block;width:100%}:host{--_ui5_input_placeholder_color:var(--sapShell_InteractiveTextColor);--_ui5_input_border_radius:var(--_ui5_shellbar_input_border_radius);--_ui5_input_focus_border_radius:var(--_ui5_shellbar_input_focus_border_radius);--_ui5_input_background_color:var(--_ui5_shellbar_input_background_color);--_ui5_button_focused_border:var(--_ui5_shellbar_button_focused_border)}.ui5-shellbar-root{position:relative;display:flex;justify-content:space-between;align-items:center;background:var(--sapShellColor);height:var(--_ui5_shellbar_root_height);font-family:\\\"72override\\\",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;box-sizing:border-box}.ui5-shellbar-button,.ui5-shellbar-image-button,.ui5-shellbar-menu-button,::slotted([ui5-button][slot=startButton]){height:2.25rem;padding:0;margin-inline-start:.5rem;border:none;background:transparent;outline-color:var(--_ui5_shellbar_logo_outline_color);color:var(--sapShell_TextColor);box-sizing:border-box;cursor:pointer;border-radius:var(--_ui5_shellbar_button_border_radius);position:relative;font-size:.75rem;font-weight:700;white-space:normal;overflow:initial;text-overflow:clip;line-height:inherit;letter-spacing:inherit;word-spacing:inherit}::slotted([ui5-button][slot=startButton]){margin-inline-start:0}.ui5-shellbar-button:hover,.ui5-shellbar-image-button:hover,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover,::slotted([ui5-button][slot=startButton]:hover){background:var(--sapShell_Hover_Background)}.ui5-shellbar-button:hover,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover,::slotted([ui5-button][slot=startButton]:hover){box-shadow:var(--_ui5_shellbar_button_box_shadow)}.ui5-shellbar-button[active],.ui5-shellbar-image-button:active,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active,::slotted([ui5-button][slot=startButton][active]){background:var(--sapShell_Active_Background);color:var(--_ui5_shellbar_button_active_color)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-arrow{border-top-color:var(--_ui5_shellbar_button_active_color)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus{outline:var(--_ui5_shellbar_logo_outline);outline-offset:var(--_ui5_shellbar_outline_offset)}slot[name=profile]{min-width:0}::slotted([ui5-avatar][slot=profile]){min-width:0;width:2rem;height:2rem;padding:.25rem;pointer-events:none}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive::-moz-focus-inner{border:none}.ui5-shellbar-menu-button-title,.ui5-shellbar-title{display:inline-block;font-family:\\\"72override\\\",var(--sapFontFamily);margin:0;font-size:var(--_ui5_shellbar_menu_button_title_font_size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapShell_TextColor);flex:auto}:host(:not([primary-title])) .ui5-shellbar-menu-button{min-width:2.25rem;justify-content:center}.ui5-shellbar-secondary-title{display:inline-block;font-size:var(--sapFontSmallSize);color:var(--sapShell_TextColor);line-height:1rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui5-shellbar-menu-button--interactive .ui5-shellbar-menu-button-arrow{display:inline-block;margin-inline-start:.375rem;width:10px;height:10px;width:0;height:0;color:var(--sapShell_InteractiveTextColor);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--sapShell_TextColor)}.ui5-shellbar-overflow-container{display:flex;justify-content:center;align-items:center;height:100%;overflow:hidden}.ui5-shellbar-overflow-container-middle{align-self:center;height:var(--_ui5_shellbar_overflow_container_middle_height);width:0;flex-shrink:0}:host([show-co-pilot]) .ui5-shellbar-overflow-container-middle{width:3rem}:host([breakpoint-size=S]) .ui5-shellbar-menu-button{margin-inline-start:0}:host([breakpoint-size=S]) .ui5-shellbar-root{padding:0 1rem}:host([breakpoint-size=S]) .ui5-shellbar-search-full-width-wrapper{padding:0 1rem}:host([breakpoint-size=M]) .ui5-shellbar-root{padding:0 2rem}:host([breakpoint-size=M]) .ui5-shellbar-search-full-width-wrapper{padding:0 2rem}:host([breakpoint-size=L]) .ui5-shellbar-root{padding:0 2rem}:host([breakpoint-size=XL]) .ui5-shellbar-root{padding:0 3rem}:host([breakpoint-size=XXL]) .ui5-shellbar-root{padding:0 3rem}.ui5-shellbar-logo{cursor:pointer;max-height:2rem}.ui5-shellbar-logo:focus{outline:var(--_ui5_shellbar_logo_outline);outline-offset:var(--_ui5_shellbar_logo_outline_offset);border-radius:var(--_ui5_shellbar_logo_border_radius)}.ui5-shellbar-logo:hover{box-shadow:var(--_ui5_shellbar_button_box_shadow);border-radius:var(--_ui5_shellbar_logo_border_radius)}.ui5-shellbar-menu-button .ui5-shellbar-logo:hover{box-shadow:none}.ui5-shellbar-button{width:2.5rem}.ui5-shellbar-search-button{--_ui5_button_focused_border_radius:var(--_ui5_shellbar_search_button_border_radius);--_ui5_shellbar_button_border_radius:var(--_ui5_shellbar_search_button_border_radius);height:var(--_ui5_shellbar_search_button_size);width:var(--_ui5_shellbar_search_button_size);min-width:var(--_ui5_shellbar_search_button_size)}.ui5-shellbar-image-buttonImage{border-radius:50%;width:1.75rem;height:1.75rem;display:flex;background-size:cover}.ui5-shellbar-image-button{display:flex;justify-content:center;align-items:center;min-width:2.25rem;height:2.25rem;display:inline-flex;padding:0}.ui5-shellbar-overflow-container-left{padding:0 .125rem;justify-content:flex-start;margin-inline-end:.5rem;max-width:75%;flex-shrink:1;flex-grow:1}.ui5-shellbar-overflow-container-left>:nth-child(n){margin-inline-end:.5rem}:host([show-co-pilot]) .ui5-shellbar-overflow-container-left{flex-basis:50%;max-width:calc(50% - 1.5rem)}.ui5-shellbar-menu-button{white-space:nowrap;overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem;cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;border:var(--_ui5_shellbar_button_border)}:host(:not([with-logo])) .ui5-shellbar-menu-button{margin-inline-start:0}.ui5-shellbar-overflow-container-right{padding:0 .125rem;display:block;overflow:hidden;box-sizing:border-box;white-space:nowrap;flex:1 1 auto;max-width:100%}:host([show-co-pilot]) .ui5-shellbar-overflow-container-right{flex-basis:0%}:host(:not([show-search-field])) .ui5-shellbar-overflow-container-right{margin-inline-start:8rem}.ui5-shellbar-overflow-container-right .ui5-shellbar-overflow-container-right-child{display:flex;justify-content:flex-end;height:inherit;align-items:center;float:var(--_ui5_shellbar_overflow_container_float)}.ui5-shellbar-overflow-button{display:none}:host([breakpoint-size=M]) .ui5-shellbar-secondary-title{display:none}:host([breakpoint-size=S]) .ui5-shellbar-secondary-title{display:none}:host([breakpoint-size=S]) .ui5-shellbar-overflow-container-right{margin-inline-start:0}.ui5-shellbar-overflow-button-shown{display:inline-block}.ui5-shellbar-hidden-button,.ui5-shellbar-invisible-button{visibility:hidden}.ui5-shellbar-coPilot{height:100%;background-color:transparent;cursor:pointer}:host([breakpoint-size=L]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right{margin-inline-start:1rem}:host([breakpoint-size=XL]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right{margin-inline-start:1rem}:host(:not([notifications-count])) .ui5-shellbar-bell-button{position:relative}.ui5-shellbar-button[data-count]:before,:host([notifications-count]:not([notifications-count=\\\"\\\"])) .ui5-shellbar-bell-button:before{position:absolute;width:auto;height:1rem;min-width:1rem;background:var(--sapContent_BadgeBackground);border:var(--_ui5_shellbar_button_badge_border);color:var(--sapContent_BadgeTextColor);top:-.25rem;right:-.25rem;padding:0 .3125rem;border-radius:.5rem;display:flex;justify-content:center;align-items:center;font-size:var(--sapFontSmallSize);font-family:\\\"72override\\\",var(--sapFontFamily);z-index:2;box-sizing:border-box}:host([notifications-count]:not([notifications-count=\\\"\\\"])) .ui5-shellbar-bell-button:before{content:attr(data-ui5-notifications-count)}.ui5-shellbar-button[data-count]:before{content:attr(data-count)}.ui5-shellbar-menu-button{margin-inline-start:.5rem}.ui5-shellbar-search-field{align-items:center;flex-grow:1;min-width:240px;margin-inline-start:.5rem;max-width:25rem}.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-search-full-field{height:2.25rem;width:100%}.ui5-shellbar-search-full-width-wrapper{position:absolute;top:0;left:0;background:var(--sapShellColor);height:100%;width:100%;z-index:100;display:flex;align-items:center;box-sizing:border-box}.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-button{width:auto}::slotted([ui5-input]){background:var(--_ui5_shellbar_search_field_background);border:var(--_ui5_shellbar_search_field_border);color:var(--_ui5_shellbar_search_field_color);height:2.25rem;width:100%}::slotted([ui5-input]:hover){background:var(--_ui5_shellbar_search_field_background_hover);box-shadow:var(--_ui5_shellbar_search_field_box_shadow_hover)}::slotted([ui5-input][focused]){outline:var(--_ui5_shellbar_search_field_outline_focused)}::slotted([slot=logo]){max-height:2rem;pointer-events:none}.ui5-shellbar-copilot-wrapper{position:relative;outline:none;box-sizing:border-box;height:100%}.ui5-shellbar-copilot-wrapper:hover{border-radius:var(--sapButton_BorderCornerRadius);background:var(--sapShell_Hover_Background)}.ui5-shellbar-copilot-wrapper:active,.ui5-shellbar-copilot-wrapper[active]{background:var(--sapShell_Active_Background)}.ui5-shellbar-copilot-wrapper:focus:after,.ui5-shellbar-copilot-wrapper:hover:after{content:\\\"\\\";position:absolute;left:var(--_ui5_shellbar_copilot_focus_offset);right:var(--_ui5_shellbar_copilot_focus_offset);top:var(--_ui5_shellbar_copilot_focus_offset);bottom:var(--_ui5_shellbar_copilot_focus_offset);outline:none;pointer-events:none;border-radius:var(--_ui5_shellbar_logo_outline_border_radius)}.ui5-shellbar-copilot-wrapper:hover:after{background:transparent;box-shadow:var(--sapContent_Interaction_Shadow)}.ui5-shellbar-copilot-wrapper:focus:after{border:var(--_ui5_shellbar_logo_outline)}.ui5-shellbar-co-pilot-placeholder{width:2.75rem;height:2.75rem}.ui5-shellbar-co-pilot-circle{fill:var(--sapShellColor)}.ui5-shellbar-co-pilot-color1{stop-color:var(--_ui5_shellbar_copilot_stop_color1)}.ui5-shellbar-co-pilot-color2{stop-color:var(--_ui5_shellbar_copilot_stop_color2)}.ui5-shellbar-co-pilot-opacity7{stop-opacity:.7}.ui5-shellbar-co-pilot-opacity36{stop-opacity:.36}.ui5-shellbar-co-pilot-opacity2{stop-opacity:.2}::slotted([ui5-button][slot=startButton]){margin-inline:0 .5rem;justify-content:center;align-items:center}::slotted([ui5-button][profile-btn]){width:auto}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"ShellBar.css.js","sourceRoot":"","sources":["../../../src/generated/themes/ShellBar.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,0BAA0B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAEnG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,0BAA0B,EAAC,QAAQ,EAAC,qBAAqB,EAAC,OAAO,EAAC,g5ZAAg5Z,EAAC,CAAC;AAC9/Z,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents-fiori\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents-fiori\",fileName:\"themes/ShellBar.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:host {\\n\\t--_ui5_input_placeholder_color: var(--sapShell_InteractiveTextColor);\\n\\t--_ui5_input_border_radius: var(--_ui5_shellbar_input_border_radius);\\n\\t--_ui5_input_focus_border_radius: var(--_ui5_shellbar_input_focus_border_radius);\\n\\t--_ui5_input_background_color: var(--_ui5_shellbar_input_background_color);\\n\\t--_ui5_button_focused_border: var(--_ui5_shellbar_button_focused_border);\\n}\\n\\n.ui5-shellbar-root {\\n\\tposition: relative;\\n\\tdisplay: flex;\\n\\tjustify-content: space-between;\\n\\talign-items: center;\\n\\tbackground: var(--sapShellColor);\\n\\theight: var(--_ui5_shellbar_root_height);\\n\\tfont-family: \\\"72override\\\", var(--sapFontFamily);\\n\\tfont-size: var(--sapFontSize);\\n\\tfont-weight: normal;\\n\\tbox-sizing: border-box;\\n}\\n\\n.ui5-shellbar-menu-button,\\n.ui5-shellbar-button,\\n.ui5-shellbar-image-button,\\n::slotted([ui5-button][slot=\\\"startButton\\\"]) {\\n\\theight: 2.25rem;\\n\\tpadding: 0;\\n\\tmargin-inline-start: 0.5rem;\\n\\tborder: none;\\n\\tbackground: transparent;\\n\\toutline-color: var(--_ui5_shellbar_logo_outline_color);\\n\\tcolor: var(--sapShell_TextColor);\\n\\tbox-sizing: border-box;\\n\\tcursor: pointer;\\n\\tborder-radius: var(--_ui5_shellbar_button_border_radius);\\n\\tposition: relative;\\n\\tfont-size: 0.75rem;\\n\\tfont-weight: bold;\\n\\twhite-space: initial;\\n\\toverflow: initial;\\n\\ttext-overflow: initial;\\n\\tline-height: inherit;\\n\\tletter-spacing: inherit;\\n\\tword-spacing: inherit;\\n}\\n\\n::slotted([ui5-button][slot=\\\"startButton\\\"]) {\\n\\tmargin-inline-start: 0;\\n}\\n\\n::slotted([ui5-button][slot=\\\"startButton\\\"]:hover),\\n.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover,\\n.ui5-shellbar-button:hover,\\n.ui5-shellbar-image-button:hover {\\n\\tbackground: var(--sapShell_Hover_Background);\\n}\\n\\n::slotted([ui5-button][slot=\\\"startButton\\\"]:hover),\\n.ui5-shellbar-button:hover,\\n.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover {\\n\\tbox-shadow: var(--_ui5_shellbar_button_box_shadow);\\n}\\n\\n::slotted([ui5-button][slot=\\\"startButton\\\"][active]),\\n.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active,\\n.ui5-shellbar-button[active],\\n.ui5-shellbar-image-button:active {\\n\\tbackground: var(--sapShell_Active_Background);\\n\\tcolor: var(--_ui5_shellbar_button_active_color);\\n}\\n\\n.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-arrow {\\n\\tborder-top-color: var(--_ui5_shellbar_button_active_color);\\n}\\n\\n.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus {\\n\\toutline: var(--_ui5_shellbar_logo_outline);\\n\\toutline-offset: var(--_ui5_shellbar_outline_offset);\\n}\\n\\nslot[name=\\\"profile\\\"] {\\n\\tmin-width: 0;\\n}\\n\\n::slotted([ui5-avatar][slot=\\\"profile\\\"]) {\\n\\tmin-width: 0;\\n\\twidth: 2rem;\\n\\theight: 2rem;\\n\\tpadding: .25rem;\\n\\tpointer-events: none;\\n}\\n\\n.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive::-moz-focus-inner {\\n\\tborder: none;\\n}\\n\\n.ui5-shellbar-menu-button-title,\\n.ui5-shellbar-title {\\n\\tdisplay: inline-block;\\n\\tfont-family: \\\"72override\\\", var(--sapFontFamily);\\n\\tmargin: 0;\\n\\tfont-size: var(--_ui5_shellbar_menu_button_title_font_size);\\n\\twhite-space: nowrap;\\n\\toverflow: hidden;\\n\\ttext-overflow: ellipsis;\\n\\tcolor: var(--sapShell_TextColor);\\n\\tflex: auto;\\n}\\n\\n:host(:not([primary-title])) .ui5-shellbar-menu-button {\\n\\tmin-width: 2.25rem;\\n\\tjustify-content: center;\\n}\\n\\n.ui5-shellbar-secondary-title {\\n\\tdisplay: inline-block;\\n\\tfont-size: var(--sapFontSmallSize);\\n\\tcolor: var(--sapShell_TextColor);\\n\\tline-height: 1rem;\\n\\tfont-weight: normal;\\n\\ttext-overflow: ellipsis;\\n\\twhite-space: nowrap;\\n\\toverflow: hidden;\\n}\\n\\n.ui5-shellbar-menu-button--interactive .ui5-shellbar-menu-button-arrow {\\n\\tdisplay: inline-block;\\n\\tmargin-inline-start: 0.375rem;\\n\\twidth: 10px;\\n\\theight: 10px;\\n\\twidth: 0px;\\n\\theight: 0px;\\n\\tcolor: var(--sapShell_InteractiveTextColor);\\n\\tborder-left: 5px solid transparent;\\n\\tborder-right: 5px solid transparent;\\n\\tborder-top: 5px solid var(--sapShell_TextColor);\\n}\\n\\n.ui5-shellbar-overflow-container {\\n\\tdisplay: flex;\\n\\tjustify-content: center;\\n\\talign-items: center;\\n\\theight: 100%;\\n\\toverflow: hidden;\\n}\\n\\n.ui5-shellbar-overflow-container-middle {\\n\\talign-self: center;\\n\\theight: var(--_ui5_shellbar_overflow_container_middle_height);\\n\\twidth: 0;\\n\\tflex-shrink: 0;\\n}\\n\\n:host([show-co-pilot]) .ui5-shellbar-overflow-container-middle {\\n\\twidth: 3rem;\\n}\\n\\n:host([breakpoint-size=\\\"S\\\"]) .ui5-shellbar-menu-button {\\n\\tmargin-inline-start: 0;\\n}\\n\\n:host([breakpoint-size=\\\"S\\\"]) .ui5-shellbar-root {\\n\\tpadding: 0 1rem;\\n}\\n\\n:host([breakpoint-size=\\\"S\\\"]) .ui5-shellbar-search-full-width-wrapper {\\n\\tpadding: 0 1rem;\\n}\\n\\n:host([breakpoint-size=\\\"M\\\"]) .ui5-shellbar-root {\\n\\tpadding: 0 2rem;\\n}\\n\\n:host([breakpoint-size=\\\"M\\\"]) .ui5-shellbar-search-full-width-wrapper {\\n\\tpadding: 0 2rem;\\n}\\n\\n:host([breakpoint-size=\\\"L\\\"]) .ui5-shellbar-root {\\n\\tpadding: 0 2rem;\\n}\\n\\n:host([breakpoint-size=\\\"XL\\\"]) .ui5-shellbar-root {\\n\\tpadding: 0 3rem;\\n}\\n\\n:host([breakpoint-size=\\\"XXL\\\"]) .ui5-shellbar-root {\\n\\tpadding: 0 3rem;\\n}\\n\\n.ui5-shellbar-logo {\\n\\tcursor: pointer;\\n\\tmax-height: 2rem;\\n}\\n\\n.ui5-shellbar-logo:focus {\\n\\toutline: var(--_ui5_shellbar_logo_outline);\\n\\toutline-offset: var(--_ui5_shellbar_logo_outline_offset);\\n\\tborder-radius: var(--_ui5_shellbar_logo_border_radius);\\n}\\n\\n.ui5-shellbar-logo:hover {\\n\\tbox-shadow: var(--_ui5_shellbar_button_box_shadow);\\n\\tborder-radius: var(--_ui5_shellbar_logo_border_radius);\\n}\\n\\n.ui5-shellbar-menu-button .ui5-shellbar-logo:hover {\\n\\tbox-shadow: none;\\n}\\n\\n.ui5-shellbar-button {\\n\\twidth: 2.5rem;\\n}\\n\\n.ui5-shellbar-search-button {\\n\\t--_ui5_button_focused_border_radius: var(--_ui5_shellbar_search_button_border_radius);\\n\\t--_ui5_shellbar_button_border_radius: var(--_ui5_shellbar_search_button_border_radius);\\n\\theight: var(--_ui5_shellbar_search_button_size);\\n\\twidth: var(--_ui5_shellbar_search_button_size);\\n\\tmin-width: var(--_ui5_shellbar_search_button_size);\\n}\\n\\n.ui5-shellbar-image-buttonImage {\\n\\tborder-radius: 50%;\\n\\twidth: 1.75rem;\\n\\theight: 1.75rem;\\n\\tdisplay: flex;\\n\\tbackground-size: cover;\\n}\\n\\n.ui5-shellbar-image-button {\\n\\tdisplay: flex;\\n\\tjustify-content: center;\\n\\talign-items: center;\\n\\tmin-width: 2.25rem;\\n\\theight: 2.25rem;\\n\\tdisplay: inline-flex;\\n\\tpadding: 0;\\n}\\n\\n.ui5-shellbar-overflow-container-left {\\n\\tpadding: 0 0.125rem;\\n\\tjustify-content: flex-start;\\n\\tmargin-inline-end: 0.5rem;\\n\\tmax-width: 75%;\\n\\tflex-shrink: 1;\\n\\tflex-grow: 1;\\n}\\n\\n.ui5-shellbar-overflow-container-left > :nth-child(n) {\\n\\tmargin-inline-end: 0.5rem;\\n}\\n\\n:host([show-co-pilot]) .ui5-shellbar-overflow-container-left {\\n\\tflex-basis: 50%;\\n\\tmax-width: calc(50% - 1.5rem);\\n}\\n\\n.ui5-shellbar-menu-button {\\n\\twhite-space: nowrap;\\n\\toverflow: hidden;\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\tpadding: 0.25rem 0.5rem;\\n\\tcursor: text;\\n\\t-webkit-user-select: text;\\n\\t-moz-user-select: text;\\n\\tuser-select: text;\\n}\\n\\n.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive {\\n\\t-webkit-user-select: none;\\n\\t-moz-user-select: none;\\n\\tuser-select: none;\\n\\tcursor: pointer;\\n\\tborder: var(--_ui5_shellbar_button_border);\\n}\\n\\n:host(:not([with-logo])) .ui5-shellbar-menu-button {\\n\\tmargin-inline-start: 0;\\n}\\n\\n.ui5-shellbar-overflow-container-right {\\n\\tpadding: 0 0.125rem;\\n\\tdisplay: block;\\n\\toverflow: hidden;\\n\\tbox-sizing: border-box;\\n\\twhite-space: nowrap;\\n\\tflex: 1 1 auto;\\n\\tmax-width: 100%;\\n}\\n\\n:host([show-co-pilot]) .ui5-shellbar-overflow-container-right {\\n\\tflex-basis: 0%;\\n}\\n\\n:host(:not([show-search-field])) .ui5-shellbar-overflow-container-right {\\n\\tmargin-inline-start: 8rem;\\n}\\n\\n.ui5-shellbar-overflow-container-right .ui5-shellbar-overflow-container-right-child {\\n\\tdisplay: flex;\\n\\tjustify-content: flex-end;\\n\\theight: inherit;\\n\\talign-items: center;\\n\\tfloat: var(--_ui5_shellbar_overflow_container_float);\\n}\\n\\n.ui5-shellbar-overflow-button {\\n\\tdisplay: none;\\n}\\n\\n:host([breakpoint-size=\\\"M\\\"]) .ui5-shellbar-secondary-title {\\n\\tdisplay: none;\\n}\\n\\n:host([breakpoint-size=\\\"S\\\"]) .ui5-shellbar-secondary-title {\\n\\tdisplay: none;\\n}\\n\\n:host([breakpoint-size=\\\"S\\\"]) .ui5-shellbar-overflow-container-right {\\n\\tmargin-inline-start: 0;\\n}\\n\\n.ui5-shellbar-overflow-button-shown {\\n\\tdisplay: inline-block;\\n}\\n\\n.ui5-shellbar-hidden-button,\\n.ui5-shellbar-invisible-button {\\n\\tvisibility: hidden;\\n}\\n\\n.ui5-shellbar-coPilot {\\n\\theight: 100%;\\n\\tbackground-color: transparent;\\n\\tcursor: pointer;\\n}\\n\\n:host([breakpoint-size=\\\"L\\\"]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right {\\n\\tmargin-inline-start: 1rem;\\n}\\n\\n:host([breakpoint-size=\\\"XL\\\"]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right {\\n\\tmargin-inline-start: 1rem;\\n}\\n\\n:host(:not([notifications-count])) .ui5-shellbar-bell-button {\\n\\tposition: relative;\\n}\\n\\n:host([notifications-count]:not([notifications-count=\\\"\\\"])) .ui5-shellbar-bell-button::before,\\n.ui5-shellbar-button[data-count]::before {\\n\\tposition: absolute;\\n\\twidth: auto;\\n\\theight: 1rem;\\n\\tmin-width: 1rem;\\n\\tbackground: var(--sapContent_BadgeBackground);\\n\\tborder: var(--_ui5_shellbar_button_badge_border);\\n\\tcolor: var(--sapContent_BadgeTextColor);\\n\\ttop: -0.25rem;\\n\\tright: -0.25rem;\\n\\tpadding: 0 0.3125rem;\\n\\tborder-radius: 0.5rem;\\n\\tdisplay: flex;\\n\\tjustify-content: center;\\n\\talign-items: center;\\n\\tfont-size: var(--sapFontSmallSize);\\n\\tfont-family: \\\"72override\\\", var(--sapFontFamily);\\n\\tz-index: 2;\\n\\tbox-sizing: border-box;\\n}\\n\\n:host([notifications-count]:not([notifications-count=\\\"\\\"])) .ui5-shellbar-bell-button::before {\\n\\tcontent: attr(data-ui5-notifications-count);\\n}\\n\\n.ui5-shellbar-button[data-count]::before {\\n\\tcontent: attr(data-count);\\n}\\n\\n.ui5-shellbar-menu-button {\\n\\tmargin-inline-start: 0.5rem;\\n}\\n\\n.ui5-shellbar-search-field {\\n\\talign-items: center;\\n\\tflex-grow: 1;\\n\\tmin-width: 240px;\\n\\tmargin-inline-start: 0.5rem;\\n\\tmax-width: 25rem;\\n}\\n\\n.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-search-full-field {\\n\\theight: 2.25rem;\\n\\twidth: 100%;\\n}\\n\\n.ui5-shellbar-search-full-width-wrapper {\\n\\tposition: absolute;\\n\\ttop: 0;\\n\\tleft: 0;\\n\\tbackground: var(--sapShellColor);\\n\\theight: 100%;\\n\\twidth: 100%;\\n\\tz-index: 100;\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\tbox-sizing: border-box;\\n}\\n\\n.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-button {\\n\\twidth: auto;\\n}\\n\\n::slotted([ui5-input]) {\\n\\tbackground: var(--_ui5_shellbar_search_field_background);\\n\\tborder: var(--_ui5_shellbar_search_field_border);\\n\\tcolor: var(--_ui5_shellbar_search_field_color);\\n\\theight: 2.25rem;\\n\\twidth: 100%;\\n}\\n\\n::slotted([ui5-input]:hover) {\\n\\tbackground: var(--_ui5_shellbar_search_field_background_hover);\\n\\tbox-shadow: var(--_ui5_shellbar_search_field_box_shadow_hover);\\n}\\n\\n::slotted([ui5-input][focused]) {\\n\\toutline: var(--_ui5_shellbar_search_field_outline_focused);\\n}\\n\\n::slotted([slot=\\\"logo\\\"]) {\\n\\tmax-height: 2rem;\\n\\tpointer-events: none;\\n}\\n\\n.ui5-shellbar-copilot-wrapper {\\n\\tposition: relative;\\n\\toutline: none;\\n\\tbox-sizing: border-box;\\n\\theight: 100%;\\n}\\n\\n.ui5-shellbar-copilot-wrapper:hover {\\n\\tborder-radius: var(--sapButton_BorderCornerRadius);\\n\\tbackground: var(--sapShell_Hover_Background);\\n}\\n\\n.ui5-shellbar-copilot-wrapper:active,\\n.ui5-shellbar-copilot-wrapper[active] {\\n\\tbackground: var(--sapShell_Active_Background);\\n}\\n\\n.ui5-shellbar-copilot-wrapper:hover::after,\\n.ui5-shellbar-copilot-wrapper:focus::after {\\n\\tcontent: \\\"\\\";\\n\\tposition: absolute;\\n\\tleft: var(--_ui5_shellbar_copilot_focus_offset);\\n\\tright: var(--_ui5_shellbar_copilot_focus_offset);\\n\\ttop: var(--_ui5_shellbar_copilot_focus_offset);\\n\\tbottom: var(--_ui5_shellbar_copilot_focus_offset);\\n\\toutline: none;\\n\\tpointer-events: none;\\n\\tborder-radius: var(--_ui5_shellbar_logo_outline_border_radius);\\n}\\n\\n.ui5-shellbar-copilot-wrapper:hover::after {\\n\\tbackground: transparent;\\n\\tbox-shadow: var(--sapContent_Interaction_Shadow);\\n}\\n\\n.ui5-shellbar-copilot-wrapper:focus::after {\\n\\tborder: var(--_ui5_shellbar_logo_outline);\\n}\\n\\n.ui5-shellbar-co-pilot-placeholder {\\n\\twidth: 2.75rem;\\n\\theight: 2.75rem;\\n}\\n\\n.ui5-shellbar-co-pilot-circle {\\n\\tfill: var(--sapShellColor);\\n}\\n\\n.ui5-shellbar-co-pilot-color1 {\\n\\tstop-color: var(--_ui5_shellbar_copilot_stop_color1);\\n}\\n\\n.ui5-shellbar-co-pilot-color2 {\\n\\tstop-color: var(--_ui5_shellbar_copilot_stop_color2);\\n}\\n\\n.ui5-shellbar-co-pilot-opacity7 {\\n\\tstop-opacity: 0.7;\\n}\\n\\n.ui5-shellbar-co-pilot-opacity36 {\\n\\tstop-opacity: 0.36;\\n}\\n\\n.ui5-shellbar-co-pilot-opacity2 {\\n\\tstop-opacity: 0.2;\\n}\\n\\n::slotted([ui5-button][slot=\\\"startButton\\\"]) {\\n\\tmargin-inline: 0 0.5rem;\\n\\tjustify-content: center;\\n\\talign-items: center;\\n}\\n\\n::slotted([ui5-button][profile-btn]) {\\n\\twidth: auto;\\n}\\n\"};\nexport default styleData;\n\t"]}

package/dist/generated/themes/ShellBarPopover.css.js

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", async () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents-fiori", "sap_fiori_3", async () => defaultTheme);
-const styleData = { packageName: "@ui5/webcomponents-fiori", fileName: "themes/ShellBarPopover.css", content: ".ui5-shellbar-menu-popover::part(content),.ui5-shellbar-overflow-popover::part(content){padding:0}.ui5-shellbar-overflow-popover [ui5-li]::part(icon){color:var(--sapList_TextColor)}" };
+const styleData = { packageName: "@ui5/webcomponents-fiori", fileName: "themes/ShellBarPopover.css", content: ".ui5-shellbar-menu-popover::part(content),\n.ui5-shellbar-overflow-popover::part(content) {\n\tpadding: 0;\n}\n\n.ui5-shellbar-overflow-popover [ui5-li]::part(icon) {\n\tcolor: var(--sapList_TextColor);\n}\n" };
 export default styleData;
 //# sourceMappingURL=ShellBarPopover.css.js.map