@sapudex/web-components 2.28.0 → 2.30.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cypress/specs/FilterMenu.cy.tsx +39 -1
- package/cypress/specs/List.cy.tsx +171 -0
- package/cypress/specs/PromoTile.cy.tsx +16 -2
- package/cypress/specs/ReviewItem.cy.tsx +48 -14
- package/cypress/specs/Tag.cy.tsx +6 -0
- package/cypress/support/component-imports.instrumented.ts +4 -0
- package/cypress/support/component-imports.src.ts +5 -1
- package/dist/Avatar.d.ts +1 -0
- package/dist/Avatar.js +9 -0
- package/dist/Avatar.js.map +1 -1
- package/dist/FilterMenu.d.ts +2 -0
- package/dist/FilterMenu.js +2 -0
- package/dist/FilterMenu.js.map +1 -1
- package/dist/ImageGridTickerTemplate.js +2 -1
- package/dist/ImageGridTickerTemplate.js.map +1 -1
- package/dist/List.d.ts +4 -2
- package/dist/List.js +42 -9
- package/dist/List.js.map +1 -1
- package/dist/ListGroupHeader.d.ts +4 -0
- package/dist/ListGroupHeader.js +26 -1
- package/dist/ListGroupHeader.js.map +1 -1
- package/dist/ListGroupHeaderBase.js +1 -1
- package/dist/ListGroupHeaderBase.js.map +1 -1
- package/dist/ListItem.js +1 -1
- package/dist/ListItem.js.map +1 -1
- package/dist/ListItemBase.d.ts +40 -1
- package/dist/ListItemBase.js +70 -3
- package/dist/ListItemBase.js.map +1 -1
- package/dist/MastheadCountrySelector.d.ts +16 -0
- package/dist/MastheadCountrySelector.js +21 -6
- package/dist/MastheadCountrySelector.js.map +1 -1
- package/dist/MastheadItem.d.ts +9 -2
- package/dist/MastheadItem.js +19 -15
- package/dist/MastheadItem.js.map +1 -1
- package/dist/MastheadMenu.d.ts +2 -2
- package/dist/MastheadMenu.js +9 -9
- package/dist/MastheadMenu.js.map +1 -1
- package/dist/MessageStrip.d.ts +14 -0
- package/dist/MessageStrip.js +7 -1
- package/dist/MessageStrip.js.map +1 -1
- package/dist/MessageStripTemplate.js +1 -1
- package/dist/MessageStripTemplate.js.map +1 -1
- package/dist/Pagination.js +1 -1
- package/dist/Pagination.js.map +1 -1
- package/dist/PromoTile.d.ts +8 -1
- package/dist/PromoTile.js +9 -6
- package/dist/PromoTile.js.map +1 -1
- package/dist/PromoTileTemplate.js +5 -5
- package/dist/PromoTileTemplate.js.map +1 -1
- package/dist/ReviewItem.d.ts +8 -7
- package/dist/ReviewItem.js +35 -36
- package/dist/ReviewItem.js.map +1 -1
- package/dist/ReviewItemTemplate.js +3 -1
- package/dist/ReviewItemTemplate.js.map +1 -1
- package/dist/SearchableListBase.d.ts +3 -0
- package/dist/SearchableListBase.js +38 -2
- package/dist/SearchableListBase.js.map +1 -1
- package/dist/SelectBase.js +1 -1
- package/dist/SelectBase.js.map +1 -1
- package/dist/SelectBox.js +0 -1
- package/dist/SelectBox.js.map +1 -1
- package/dist/TabNavigation.d.ts +1 -1
- package/dist/TabNavigation.js +2 -7
- package/dist/TabNavigation.js.map +1 -1
- package/dist/Tag.d.ts +7 -1
- package/dist/Tag.js +4 -1
- package/dist/Tag.js.map +1 -1
- package/dist/TagTemplate.js +1 -1
- package/dist/TagTemplate.js.map +1 -1
- package/dist/TextField.d.ts +1 -1
- package/dist/TextField.js.map +1 -1
- package/dist/assets/{InputSuggestions-DTdaDbps.js → InputSuggestions-CaAXs3ok.js} +1 -1
- package/dist/assets/{ListItemStandardExpandableTextTemplate-DoV7tVwi.js → ListItemStandardExpandableTextTemplate-CPqUBd--.js} +1 -1
- package/dist/assets/{bundle.esm-BUg2IPOZ.js → bundle.esm-L-7H6J4f.js} +217 -217
- package/dist/assets/messagebundle_en-J-MHTtdL.js +1 -0
- package/dist/css/themes/Button.css +1 -1
- package/dist/css/themes/FilterMenu.css +1 -1
- package/dist/css/themes/ImageGridTicker.css +1 -1
- package/dist/css/themes/ListGroupHeader.css +1 -1
- package/dist/css/themes/ListItem.css +1 -1
- package/dist/css/themes/MastheadCountrySelector.css +1 -1
- package/dist/css/themes/MastheadItem.css +1 -1
- package/dist/css/themes/MastheadMenuItem.css +1 -1
- package/dist/css/themes/MastheadProfileMenu.css +1 -1
- package/dist/css/themes/Modal.css +1 -1
- package/dist/css/themes/PromoTile.css +1 -1
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/ReviewItem.css +1 -1
- package/dist/css/themes/SearchableList.css +1 -1
- package/dist/css/themes/Slider.css +1 -1
- package/dist/custom-elements-internal.json +1087 -17
- package/dist/custom-elements.json +820 -0
- package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
- package/dist/generated/i18n/i18n-defaults.d.ts +5 -1
- package/dist/generated/i18n/i18n-defaults.js +5 -1
- package/dist/generated/i18n/i18n-defaults.js.map +1 -1
- package/dist/generated/templates/ListGroupHeaderTemplate.lit.js +21 -10
- package/dist/generated/templates/ListGroupHeaderTemplate.lit.js.map +1 -1
- package/dist/generated/templates/ListItemTemplate.lit.js +21 -19
- package/dist/generated/templates/ListItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadCountrySelectorTemplate.lit.js +2 -2
- package/dist/generated/templates/MastheadCountrySelectorTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadItemTemplate.lit.js +33 -25
- package/dist/generated/templates/MastheadItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadMobileMenuTemplate.lit.js +5 -5
- package/dist/generated/templates/MastheadMobileMenuTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SearchableListBaseTemplate.lit.js +1 -1
- package/dist/generated/templates/SearchableListBaseTemplate.lit.js.map +1 -1
- package/dist/generated/themes/Button.css.d.ts +1 -1
- package/dist/generated/themes/Button.css.js +1 -1
- package/dist/generated/themes/Button.css.js.map +1 -1
- package/dist/generated/themes/FilterMenu.css.d.ts +1 -1
- package/dist/generated/themes/FilterMenu.css.js +1 -1
- package/dist/generated/themes/FilterMenu.css.js.map +1 -1
- package/dist/generated/themes/ImageGridTicker.css.d.ts +1 -1
- package/dist/generated/themes/ImageGridTicker.css.js +1 -1
- package/dist/generated/themes/ImageGridTicker.css.js.map +1 -1
- package/dist/generated/themes/ListGroupHeader.css.d.ts +1 -1
- package/dist/generated/themes/ListGroupHeader.css.js +1 -1
- package/dist/generated/themes/ListGroupHeader.css.js.map +1 -1
- package/dist/generated/themes/ListItem.css.d.ts +1 -1
- package/dist/generated/themes/ListItem.css.js +1 -1
- package/dist/generated/themes/ListItem.css.js.map +1 -1
- package/dist/generated/themes/MastheadCountrySelector.css.d.ts +1 -1
- package/dist/generated/themes/MastheadCountrySelector.css.js +1 -1
- package/dist/generated/themes/MastheadCountrySelector.css.js.map +1 -1
- package/dist/generated/themes/MastheadItem.css.d.ts +1 -1
- package/dist/generated/themes/MastheadItem.css.js +1 -1
- package/dist/generated/themes/MastheadItem.css.js.map +1 -1
- package/dist/generated/themes/MastheadMenuItem.css.d.ts +1 -1
- package/dist/generated/themes/MastheadMenuItem.css.js +1 -1
- package/dist/generated/themes/MastheadMenuItem.css.js.map +1 -1
- package/dist/generated/themes/MastheadProfileMenu.css.d.ts +1 -1
- package/dist/generated/themes/MastheadProfileMenu.css.js +1 -1
- package/dist/generated/themes/MastheadProfileMenu.css.js.map +1 -1
- package/dist/generated/themes/Modal.css.d.ts +1 -1
- package/dist/generated/themes/Modal.css.js +1 -1
- package/dist/generated/themes/Modal.css.js.map +1 -1
- package/dist/generated/themes/PromoTile.css.d.ts +1 -1
- package/dist/generated/themes/PromoTile.css.js +1 -1
- package/dist/generated/themes/PromoTile.css.js.map +1 -1
- package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
- package/dist/generated/themes/RatingIndicator.css.js +1 -1
- package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
- package/dist/generated/themes/ReviewItem.css.d.ts +1 -1
- package/dist/generated/themes/ReviewItem.css.js +1 -1
- package/dist/generated/themes/ReviewItem.css.js.map +1 -1
- package/dist/generated/themes/SearchableList.css.d.ts +1 -1
- package/dist/generated/themes/SearchableList.css.js +1 -1
- package/dist/generated/themes/SearchableList.css.js.map +1 -1
- package/dist/generated/themes/Slider.css.d.ts +1 -1
- package/dist/generated/themes/Slider.css.js +1 -1
- package/dist/generated/themes/Slider.css.js.map +1 -1
- package/dist/messagebundle.properties +6 -0
- package/dist/messagebundle_en.properties +2 -0
- package/dist/types/SearchableListBase.d.ts +1 -0
- package/dist/types/SearchableListBase.js.map +1 -1
- package/dist/vscode.html-custom-data.json +153 -13
- package/dist/web-types.json +336 -12
- package/package.json +1 -1
- package/src/Avatar.ts +9 -0
- package/src/FilterMenu.ts +4 -0
- package/src/ImageGridTickerTemplate.tsx +3 -1
- package/src/List.ts +48 -11
- package/src/ListGroupHeader.hbs +130 -15
- package/src/ListGroupHeader.ts +31 -1
- package/src/ListGroupHeaderBase.ts +1 -1
- package/src/ListItem.hbs +15 -0
- package/src/ListItem.ts +1 -1
- package/src/ListItemBase.ts +107 -1
- package/src/MastheadCountrySelector.hbs +2 -1
- package/src/MastheadCountrySelector.ts +36 -6
- package/src/MastheadItem.hbs +31 -22
- package/src/MastheadItem.ts +20 -18
- package/src/MastheadMenu.ts +10 -9
- package/src/MastheadMobileMenu.hbs +5 -5
- package/src/MessageStrip.ts +19 -1
- package/src/MessageStripTemplate.tsx +1 -0
- package/src/Pagination.ts +1 -1
- package/src/PromoTile.ts +17 -10
- package/src/PromoTileTemplate.tsx +18 -14
- package/src/ReviewItem.ts +45 -35
- package/src/ReviewItemTemplate.tsx +16 -14
- package/src/SearchableListBase.hbs +3 -0
- package/src/SearchableListBase.ts +53 -2
- package/src/SelectBase.ts +1 -1
- package/src/SelectBox.ts +0 -1
- package/src/TabNavigation.ts +3 -10
- package/src/Tag.ts +10 -2
- package/src/TagTemplate.tsx +4 -0
- package/src/TextField.ts +1 -1
- package/src/generated/i18n/i18n-defaults.ts +2 -2
- package/src/generated/templates/ListGroupHeaderTemplate.lit.ts +21 -10
- package/src/generated/templates/ListItemTemplate.lit.ts +21 -19
- package/src/generated/templates/MastheadCountrySelectorTemplate.lit.ts +2 -2
- package/src/generated/templates/MastheadItemTemplate.lit.ts +33 -25
- package/src/generated/templates/MastheadMobileMenuTemplate.lit.ts +5 -5
- package/src/generated/templates/SearchableListBaseTemplate.lit.ts +1 -1
- package/src/generated/themes/Button.css.ts +1 -1
- package/src/generated/themes/FilterMenu.css.ts +1 -1
- package/src/generated/themes/ImageGridTicker.css.ts +1 -1
- package/src/generated/themes/ListGroupHeader.css.ts +1 -1
- package/src/generated/themes/ListItem.css.ts +1 -1
- package/src/generated/themes/MastheadCountrySelector.css.ts +1 -1
- package/src/generated/themes/MastheadItem.css.ts +1 -1
- package/src/generated/themes/MastheadMenuItem.css.ts +1 -1
- package/src/generated/themes/MastheadProfileMenu.css.ts +1 -1
- package/src/generated/themes/Modal.css.ts +1 -1
- package/src/generated/themes/PromoTile.css.ts +1 -1
- package/src/generated/themes/RatingIndicator.css.ts +1 -1
- package/src/generated/themes/ReviewItem.css.ts +1 -1
- package/src/generated/themes/SearchableList.css.ts +1 -1
- package/src/generated/themes/Slider.css.ts +1 -1
- package/src/i18n/messagebundle.properties +6 -0
- package/src/i18n/messagebundle_en.properties +2 -0
- package/src/themes/Button.css +9 -20
- package/src/themes/FilterMenu.css +2 -2
- package/src/themes/ImageGridTicker.css +2 -26
- package/src/themes/ListGroupHeader.css +103 -8
- package/src/themes/ListItem.css +68 -15
- package/src/themes/MastheadCountrySelector.css +6 -0
- package/src/themes/MastheadItem.css +31 -3
- package/src/themes/MastheadMenuItem.css +8 -2
- package/src/themes/MastheadProfileMenu.css +3 -9
- package/src/themes/Modal.css +2 -1
- package/src/themes/PromoTile.css +4 -0
- package/src/themes/ReviewItem.css +18 -1
- package/src/themes/SearchableList.css +1 -1
- package/src/types/SearchableListBase.ts +1 -0
- package/dist/assets/messagebundle_en-DfoXjU7o.js +0 -1
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
8
|
-
export default `:host{--udex-masthead-country-selector-background: var(--udexColorNeutralWhite, #fff);--udex-masthead-country-selector-padding-xl: var(--udexSpacer32) 52px 52px;--udex-masthead-country-selector-padding-l: var(--udexSpacer24);--udex-masthead-country-selector-padding-m: var(--udexSpacer24) var(--udexSpacer48);--udex-masthead-country-selector-padding-xs: var(--udexSpacer24);--udex-masthead-country-selector-desktop-max-height: 375px}:host([_is-mobile-mode]) .udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-desktop: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);border-bottom:1px solid var(--udex-masthead-menu-item-border-color);max-height:initial;overflow:initial}:host([_is-mobile-mode]) .udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-l);min-height:100%;box-sizing:border-box}.udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-xl);background:var(--udex-masthead-country-selector-background)}.udex-masthead-country-selector__title{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightMedium);font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);color:var(--sapTitleColor);padding:var(--udexSpacer16) 0;display:block;text-align:center}.udex-masthead-country-selector__list{list-style:none;margin:0;padding:0}.udex-masthead-country-selector__search{margin:var(--udexSpacer2) 0 var(--udexSpacer16)}.udex-masthead-country-selector__region-back-item::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium, 500);justify-content:space-between}.udex-masthead-country-selector__region-back-item::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}.udex-masthead-country-selector__region-back-item::part(menu-item-button):after{content:""}.udex-masthead-country-selector__region-back-item,.udex-masthead-country-selector__item{--udex-masthead-menu-item-padding-desktop: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8)}.udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-desktop: var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8)}.udex-masthead-country-selector__item::part(menu-item-link){width:100%}.udex-masthead-country-selector__list-wrap{max-height:var(--udex-masthead-country-selector-desktop-max-height);overflow:auto}:host([_is-mobile-mode]) .udex-masthead-country-selector__list-wrap{max-height:initial}.hidden{position:absolute;width:0;height:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}:host([_is-mobile-mode]) .udex-masthead-country-selector__list-container{height:100%;min-height:150px;overflow:auto}:host([_is-mobile-mode]) .udex-masthead-country-selector__list-wrap{height:100%;overflow:auto;max-height:initial}:host([_is-mobile-mode]) .udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-l);height:100%;overflow:auto;box-sizing:border-box;display:flex;flex-direction:column}.udex-masthead-country-selector__list-container{position:relative}:host(:dir(rtl)) .udex-masthead-country-selector__list-wrap_scrollable:before{left:0;right:0}.udex-masthead-country-selector__list-wrap_scrollable:before{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFFFFF 100%)}:host([desktop]) .udex-masthead-country-selector__list-wrap_scrollable:before{right:15px}:host([desktop]:dir(rtl)) .udex-masthead-country-selector__list-wrap_scrollable:before{left:15px;right:0}@media (max-width: 1279px){.udex-masthead-country-selector__list-wrap{height:100%;overflow:auto;max-height:initial}.udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-l);height:100%;overflow:auto;box-sizing:border-box;display:flex;flex-direction:column}.udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-desktop: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);border-bottom:1px solid var(--udex-masthead-menu-item-border-color)}.udex-masthead-country-selector__list-container{height:100%;min-height:150px;overflow:auto}}@media (max-width: 979px){.udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-m)}}@media (max-width: 639px){.udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-xs)}}
|
|
8
|
+
export default `:host{--udex-masthead-country-selector-background: var(--udexColorNeutralWhite, #fff);--udex-masthead-country-selector-padding-xl: var(--udexSpacer32) 52px 52px;--udex-masthead-country-selector-padding-l: var(--udexSpacer24);--udex-masthead-country-selector-padding-m: var(--udexSpacer24) var(--udexSpacer48);--udex-masthead-country-selector-padding-xs: var(--udexSpacer24);--udex-masthead-country-selector-desktop-max-height: 375px}:host([_is-mobile-mode]) .udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-desktop: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);border-bottom:1px solid var(--udex-masthead-menu-item-border-color);max-height:initial;overflow:initial}:host([_is-mobile-mode]) .udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-l);min-height:100%;box-sizing:border-box}.udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-xl);background:var(--udex-masthead-country-selector-background)}.udex-masthead-country-selector__title{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightMedium);font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);color:var(--sapTitleColor);padding:var(--udexSpacer16) 0;display:block;text-align:center}.udex-masthead-country-selector__list{list-style:none;margin:0;padding:0}.udex-masthead-country-selector__search{margin:var(--udexSpacer2) 0 var(--udexSpacer16)}.udex-masthead-country-selector__region-back-item::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium, 500);color:var(--udexColorNeutralBlack);justify-content:space-between}.udex-masthead-country-selector__region-back-item::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}.udex-masthead-country-selector__region-back-item::part(menu-item-button):after{content:""}.udex-masthead-country-selector__region-back-item,.udex-masthead-country-selector__item{--udex-masthead-menu-item-padding-desktop: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8)}.udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-desktop: var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8)}.udex-masthead-country-selector__item::part(menu-item-link){--udex-masthead-menu-item-padding-desktop: var(--udexSpacer8);width:100%}[_is-active-country].udex-masthead-country-selector__item::part(menu-item-link){font-weight:var(--udexTypographyFontWeightMedium, 500)}.udex-masthead-country-selector__list-wrap{max-height:var(--udex-masthead-country-selector-desktop-max-height);overflow:auto}:host([_is-mobile-mode]) .udex-masthead-country-selector__list-wrap{max-height:initial}.hidden{position:absolute;width:0;height:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}:host([_is-mobile-mode]) .udex-masthead-country-selector__list-container{height:100%;min-height:150px;overflow:auto}:host([_is-mobile-mode]) .udex-masthead-country-selector__list-wrap{height:100%;overflow:auto;max-height:initial}:host([_is-mobile-mode]) .udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-l);height:100%;overflow:auto;box-sizing:border-box;display:flex;flex-direction:column}.udex-masthead-country-selector__list-container{position:relative}:host(:dir(rtl)) .udex-masthead-country-selector__list-wrap_scrollable:before{left:0;right:0}.udex-masthead-country-selector__list-wrap_scrollable:before{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFFFFF 100%)}:host([desktop]) .udex-masthead-country-selector__list-wrap_scrollable:before{right:15px}:host([desktop]:dir(rtl)) .udex-masthead-country-selector__list-wrap_scrollable:before{left:15px;right:0}@media (max-width: 1279px){.udex-masthead-country-selector__list-wrap{height:100%;overflow:auto;max-height:initial}.udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-l);height:100%;overflow:auto;box-sizing:border-box;display:flex;flex-direction:column}.udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-desktop: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);border-bottom:1px solid var(--udex-masthead-menu-item-border-color)}.udex-masthead-country-selector__list-container{height:100%;min-height:150px;overflow:auto}}@media (max-width: 979px){.udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-m)}}@media (max-width: 639px){.udex-masthead-country-selector{padding:var(--udex-masthead-country-selector-padding-xs)}}
|
|
9
9
|
`
|
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
8
|
-
export default `:host{--udex-masthead-item-background: none;--udex-masthead-item-border: none;--udex-masthead-item-padding: 1.35rem 0;--udex-masthead-item-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-masthead-item-line-height: var(--udexTypographyEyebrowLineHeight, 1.1);--udex-masthead-item-color: var(--udexColorGrey9, #223548);--udex-masthead-item-font-family: var(--sapFontFamily);--udex-masthead-item-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-item-border-color: var(--udexColorBlue8, #0057D2);--udex-masthead-item-country-border-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-border-radius: var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;--udex-masthead-item-border-width: .188rem;--udex-masthead-item-align-content: center;--udex-masthead-item-justify-content: center;--udex-masthead-item-display: inline-flex;--udex-masthead-item-icon-size: 1.125rem;--udex-masthead-item-icon-container-size: 2rem;--udex-masthead-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-masthead-item-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-item-dropdown-position-left: -55px;--udex-masthead-item-dropdown-position-right: -55px;--udex-masthead-item-dropdown-mobile-min-width: 360px;--udex-masthead-item-dropdown-select-box-min-width: 397px;--udex-masthead-item-dropdown-position: absolute;--udex-masthead-item-dropdown-mobile-height: var(--udex-masthead-shell-mobile-menu-height, 100%);--udex-masthead-item-dropdown-box-shadow-mobile: none;--udex-masthead-item-dropdown-zindex: 100;--udex-masthead-item-button-icon-size: 32px;--udex-masthead-item-arrow-icon-size: 16px;--udex-masthead-item-arrow-margin-inline-start: var(--udexSpacer4);display:var(--udex-masthead-item-display);align-items:var(--udex-masthead-item-align-content);justify-content:var(--udex-masthead-item-justify-content);position:relative;font-family:var(--udex-masthead-item-font-family);font-size:var(--udex-masthead-item-font-size);line-height:var(--udex-masthead-item-line-height)}.udex-masthead-item__dropdown{position:absolute;top:100%;left:var(--udex-masthead-item-dropdown-position-left);z-index:var(--udex-masthead-item-dropdown-zindex);box-shadow:var(--udex-masthead-item-dropdown-box-shadow)}.udex-masthead-item__button--support+.udex-masthead-item__dropdown,.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{top:46px;left:auto;right:0}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-select-box-min-width)}.udex-masthead-item__image-wrap{position:relative;display:flex}:host([desktop]) .udex-masthead-item__button--country-selector:hover .udex-masthead-item__image-wrap:after{content:"";position:absolute;inset:0;border:1px solid var(--udex-masthead-item-country-border-color-hover);border-radius:50%;box-sizing:border-box}.udex-masthead-item__button--explore+.udex-masthead-item__dropdown{top:60px;inset-inline-start:0;box-sizing:border-box;inline-size:100%}:host([slot="exploreSAP"]){position:inherit}.udex-masthead-item__dropdown-holder{position:relative}.udex-masthead-item{font-size:inherit;line-height:inherit;font-family:inherit;color:var(--udex-masthead-item-color);background:var(--udex-masthead-item-background);border:var(--udex-masthead-item-border);padding:var(--udex-masthead-item-padding);cursor:pointer;text-decoration:none;white-space:nowrap;position:relative}.udex-masthead-item__button--icon{display:flex;align-items:center;justify-content:center;width:var(--udex-masthead-item-button-icon-size);height:var(--udex-masthead-item-button-icon-size)}.udex-masthead-item.udex-masthead-item__button--profile,.udex-masthead-item.udex-masthead-item__button--icon{padding:0}.udex-masthead-item:focus{outline:none}.udex-masthead-item__text{display:flex;align-items:center}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__text,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,.udex-masthead-item:focus-visible .udex-masthead-item__image,.udex-masthead-item:focus-visible .udex-masthead-item__text,.udex-masthead-item:focus-visible .udex-masthead-item__icon{outline:var(--udexRadiusXXS) solid var(--udex-masthead-item-outline-border-color);outline-offset:2px;border-radius:var(--udexRadiusXXS)}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,.udex-masthead-item:focus .udex-masthead-item__image,.udex-masthead-item:focus .udex-masthead-item__icon{outline-offset:6px}.udex-masthead-item.udex-masthead-item__button--profile:focus .udex-masthead-item__text{border-radius:50%}.udex-masthead-item__dropdown-icon{width:var(--udex-masthead-item-arrow-icon-size);height:var(--udex-masthead-item-arrow-icon-size);margin-inline-start:var(--udex-masthead-item-arrow-margin-inline-start)}:host(:hover) .udex-masthead-item,:host(:hover) .udex-masthead-item__image,:host(:hover) .udex-masthead-item__icon,:host(:hover) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-hover)}:host(:active) .udex-masthead-item,:host([selected]) .udex-masthead-item,:host(:active) .udex-masthead-item-icon,:host([selected]) .udex-masthead-item-icon,:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-active)}:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{transform:rotate(180deg)}:host(:active):not([hide-active-border]) .udex-masthead-item:after,:host([selected]:not([hide-active-border])) .udex-masthead-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--udex-masthead-item-border-width);background-color:var(--udex-masthead-item-border-color);border-radius:var(--udex-masthead-item-border-radius)}:host(:active) .udex-masthead-item.udex-masthead-item__button--icon:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--icon:after,:host(:active) .udex-masthead-item.udex-masthead-item__button--profile:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--profile:after{bottom:-14px;left:0;right:0}:host([selected]) .udex-masthead-item__image,:host(:active) .udex-masthead-item__image,:host([selected]) .udex-masthead-item__icon,:host(:active) .udex-masthead-item__icon{color:var(--udex-masthead-item-color-active)}.udex-masthead-item__image,.udex-masthead-item__icon{width:var(--udex-masthead-item-icon-size);height:var(--udex-masthead-item-icon-size);color:var(--udex-masthead-item-color)}.udex-masthead-item__avatar-container{display:flex;align-items:center;justify-content:center;width:auto;height:auto}:host(:dir(rtl)) .udex-masthead-item__dropdown{right:var(--udex-masthead-item-dropdown-position-right);left:auto}:host(:dir(rtl)) .udex-masthead-item__button--support+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--explore+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--profile+.udex-masthead-item__dropdown{left:0;right:auto}:host([slot="exploreSAP"]) ::slotted([slot="dropdown"]){--udex-masthead-menu-padding-desktop: 32px var(--udexSpacer72);--udex-masthead-menu-column-width: auto;--udex-masthead-menu-grid-template-columns: repeat(4, calc(25% - var(--udex-masthead-menu-column_gap)*3/4))}:host([slot="countrySelector"]) ::slotted([slot="dropdown"]),:host([slot="profile"]) ::slotted([slot="dropdown"]){width:100%;display:flex;flex-direction:column}:host([slot="countrySelector"][_is-mobile-mode]) ::slotted([slot="dropdown"]),:host([slot="profile"][_is-mobile-mode]) ::slotted([slot="dropdown"]){display:initial}:host([_is-mobile-mode]) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-mobile-height);width:var(--udex-masthead-item-dropdown-mobile-min-width);top:60px;right:0;left:auto}:host([_is-mobile-mode]) .udex-masthead-item__dropdown-holder,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown-holder{height:100%;box-shadow:none}:host([_is-mobile-mode]) .udex-masthead-item__dropdown:after,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}:host([_is-mobile-mode]),:host([part="menu-open-btn"]){position:initial}.udex-masthead-hidden-text{display:none}@media (max-width: 1279px){:host{position:initial}:host([slot="countrySelector"]) ::slotted([slot="dropdown"]),:host([slot="profile"]) ::slotted([slot="dropdown"]){display:initial}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--support+.udex-masthead-item__dropdown,.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown,.udex-masthead-item__dropdown{top:60px}:host(:dir(rtl)) .udex-masthead-item__dropdown{left:0;right:auto}.udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-mobile-height);width:var(--udex-masthead-item-dropdown-mobile-min-width);box-shadow:var(--udex-masthead-item-dropdown-box-shadow-mobile);top:60px}.udex-masthead-item__dropdown-holder{height:100%}.udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}}@media (max-width: 979px){:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown,.udex-masthead-item__dropdown{width:100%}}
|
|
8
|
+
export default `:host{--udex-masthead-item-background: none;--udex-masthead-item-border: none;--udex-masthead-item-padding: 1.35rem 0;--udex-masthead-item-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-masthead-item-line-height: var(--udexTypographyEyebrowLineHeight, 1.1);--udex-masthead-item-color: var(--udexColorGrey9, #223548);--udex-masthead-item-font-family: var(--sapFontFamily);--udex-masthead-item-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-item-border-color: var(--udexColorBlue8, #0057D2);--udex-masthead-item-country-border-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-border-radius: var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;--udex-masthead-item-border-width: .188rem;--udex-masthead-item-align-content: center;--udex-masthead-item-justify-content: center;--udex-masthead-item-display: inline-flex;--udex-masthead-item-icon-size: 1.125rem;--udex-masthead-item-icon-container-size: 2rem;--udex-masthead-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-masthead-item-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-item-dropdown-position-left: -55px;--udex-masthead-item-dropdown-position-right: -55px;--udex-masthead-item-dropdown-mobile-min-width: 360px;--udex-masthead-item-dropdown-select-box-min-width: 397px;--udex-masthead-item-dropdown-position: absolute;--udex-masthead-item-dropdown-mobile-height: var(--udex-masthead-shell-mobile-menu-height, 100%);--udex-masthead-item-dropdown-box-shadow-mobile: none;--udex-masthead-item-dropdown-zindex: 100;--udex-masthead-item-button-icon-size: 32px;--udex-masthead-item-arrow-icon-size: 16px;--udex-masthead-item-arrow-margin-inline-start: var(--udexSpacer4);display:var(--udex-masthead-item-display);align-items:var(--udex-masthead-item-align-content);justify-content:var(--udex-masthead-item-justify-content);position:relative;font-family:var(--udex-masthead-item-font-family);font-size:var(--udex-masthead-item-font-size);line-height:var(--udex-masthead-item-line-height)}.udex-masthead-item__dropdown{position:absolute;top:100%;left:var(--udex-masthead-item-dropdown-position-left);z-index:var(--udex-masthead-item-dropdown-zindex);box-shadow:var(--udex-masthead-item-dropdown-box-shadow)}.udex-masthead-item__button--support+.udex-masthead-item__dropdown,.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{top:46px;left:auto;right:-52px}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-select-box-min-width)}.udex-masthead-item__image-wrap{position:relative;display:flex}:host([desktop]) .udex-masthead-item__button--country-selector:hover .udex-masthead-item__image-wrap:after{content:"";position:absolute;inset:0;border:1px solid var(--udex-masthead-item-country-border-color-hover);border-radius:50%;box-sizing:border-box}.udex-masthead-item__button--explore+.udex-masthead-item__dropdown{top:60px;inset-inline-start:0;box-sizing:border-box;inline-size:100%}:host([slot="exploreSAP"]){position:inherit}.udex-masthead-item__dropdown-holder{position:relative}.udex-masthead-item{font-size:inherit;line-height:inherit;font-family:inherit;color:var(--udex-masthead-item-color);background:var(--udex-masthead-item-background);border:var(--udex-masthead-item-border);padding:var(--udex-masthead-item-padding);cursor:pointer;text-decoration:none;white-space:nowrap;position:relative}.udex-masthead-item__button--icon{display:flex;align-items:center;justify-content:center;width:var(--udex-masthead-item-button-icon-size);height:var(--udex-masthead-item-button-icon-size)}.udex-masthead-item.udex-masthead-item__button--profile,.udex-masthead-item.udex-masthead-item__button--icon{padding:0}.udex-masthead-item:focus{outline:none}.udex-masthead-item__text{display:flex;align-items:center}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__text,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,.udex-masthead-item:focus-visible .udex-masthead-item__image,.udex-masthead-item:focus-visible .udex-masthead-item__text,.udex-masthead-item:focus-visible .udex-masthead-item__icon{outline:var(--udexRadiusXXS) solid var(--udex-masthead-item-outline-border-color);outline-offset:2px;border-radius:var(--udexRadiusXXS)}:host([desktop]) .udex-masthead-item__profile-btn:focus .udex-masthead-item__text,.udex-masthead-item__profile-btn:focus-visible .udex-masthead-item__text{border-radius:50%}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,.udex-masthead-item:focus .udex-masthead-item__image,.udex-masthead-item:focus .udex-masthead-item__icon{outline-offset:6px}.udex-masthead-item.udex-masthead-item__button--profile:focus .udex-masthead-item__text{border-radius:50%}.udex-masthead-item__dropdown-icon{width:var(--udex-masthead-item-arrow-icon-size);height:var(--udex-masthead-item-arrow-icon-size);margin-inline-start:var(--udex-masthead-item-arrow-margin-inline-start)}:host(:hover) .udex-masthead-item,:host(:hover) .udex-masthead-item__image,:host(:hover) .udex-masthead-item__icon,:host(:hover) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-hover)}:host(:active) .udex-masthead-item,:host([selected]) .udex-masthead-item,:host(:active) .udex-masthead-item-icon,:host([selected]) .udex-masthead-item-icon,:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-active)}:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{transform:rotate(180deg)}:host(:active):not([hide-active-border]) .udex-masthead-item:after,:host([selected]:not([hide-active-border])) .udex-masthead-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--udex-masthead-item-border-width);background-color:var(--udex-masthead-item-border-color);border-radius:var(--udex-masthead-item-border-radius)}:host(:active) .udex-masthead-item.udex-masthead-item__button--icon:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--icon:after,:host(:active) .udex-masthead-item.udex-masthead-item__button--profile:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--profile:after{bottom:-14px;left:0;right:0}:host([selected]) .udex-masthead-item__image,:host(:active) .udex-masthead-item__image,:host([selected]) .udex-masthead-item__icon,:host(:active) .udex-masthead-item__icon{color:var(--udex-masthead-item-color-active)}.udex-masthead-item__image,.udex-masthead-item__icon{width:var(--udex-masthead-item-icon-size);height:var(--udex-masthead-item-icon-size);color:var(--udex-masthead-item-color)}.udex-masthead-item__avatar-container{display:flex;align-items:center;justify-content:center;width:auto;height:auto}:host(:dir(rtl)) .udex-masthead-item__dropdown{right:var(--udex-masthead-item-dropdown-position-right);left:auto}:host(:dir(rtl)) .udex-masthead-item__button--explore+.udex-masthead-item__dropdown{left:0;right:auto}:host(:dir(rtl)) .udex-masthead-item__button--support+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--profile+.udex-masthead-item__dropdown{left:-52px;right:auto}:host([slot="exploreSAP"]) ::slotted([slot="dropdown"]){--udex-masthead-menu-padding-desktop: 32px var(--udexSpacer72);--udex-masthead-menu-column-width: auto;--udex-masthead-menu-grid-template-columns: repeat(4, calc(25% - var(--udex-masthead-menu-column_gap)*3/4))}:host([slot="countrySelector"]) ::slotted([slot="dropdown"]),:host([slot="profile"]) ::slotted([slot="dropdown"]){width:100%;display:flex;flex-direction:column}:host([slot="countrySelector"][_is-mobile-mode]) ::slotted([slot="dropdown"]),:host([slot="profile"][_is-mobile-mode]) ::slotted([slot="dropdown"]){display:initial}:host([_is-mobile-mode]) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}:host([_is-mobile-mode]:dir(rtl)) .udex-masthead-item__dropdown{right:auto;left:0}:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-mobile-height);width:var(--udex-masthead-item-dropdown-mobile-min-width);top:60px;right:0;left:auto}:host([_is-mobile-mode]) .udex-masthead-item__dropdown-holder,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown-holder{height:100%;box-shadow:none}:host([_is-mobile-mode]) .udex-masthead-item__dropdown:after,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}:host([_is-mobile-mode]),:host([part="menu-open-btn"]){position:initial}.udex-masthead-hidden-text{display:none}@media (max-width: 1279px){:host{position:initial}:host([slot="countrySelector"]) ::slotted([slot="dropdown"]),:host([slot="profile"]) ::slotted([slot="dropdown"]){display:initial}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--support+.udex-masthead-item__dropdown,.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown,.udex-masthead-item__dropdown{top:60px;right:0}:host(:dir(rtl)) .udex-masthead-item__button--support+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--profile+.udex-masthead-item__dropdown{left:0}.udex-masthead-item__button--support+.udex-masthead-item__dropdown,.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{right:0}:host(:dir(rtl)) .udex-masthead-item__dropdown{left:0;right:auto}.udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-mobile-height);width:var(--udex-masthead-item-dropdown-mobile-min-width);box-shadow:var(--udex-masthead-item-dropdown-box-shadow-mobile);top:60px}.udex-masthead-item__dropdown-holder{height:100%}.udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}}@media (max-width: 979px){:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown,.udex-masthead-item__dropdown{width:100%}}
|
|
9
9
|
`
|
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
8
|
-
export default `:host{--udex-masthead-menu-item-header-padding-desktop: var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer12) var(--udexSpacer8);--udex-masthead-menu-item-header-padding-mobile: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);--udex-masthead-menu-item-padding-desktop: var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) var(--udexSpacer8);--udex-masthead-menu-item-padding-mobile: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);--udex-masthead-menu-item-padding-mobile-with-badge-vertical: var(--udexSpacer16);--udex-masthead-menu-item-padding-mobile-start-with-badge: var(--udexSpacer8);--udex-masthead-menu-item-padding-mobile-end-with-badge: var(--udexSpacer48);--udex-masthead-menu-item-color: var(--sapList_TextColor, #000);--udex-masthead-menu-item-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-menu-item-focus: var(--udexColorBlue10, #002A86);--udex-masthead-menu-item-font-family: var(--sapFontFamily, sans-serif);--udex-masthead-menu-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-masthead-menu-item-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-masthead-menu-item-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-masthead-menu-item-explore-background: var(--udexColorBlue7, #0070F2);--udex-masthead-menu-item-explore-background-hover: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-background-active: var(--udexColorNeutralWhite, #FFF);--udex-masthead-menu-item-explore-border-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-color: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-icon-color: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-icon-active-color: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-padding: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-focus: var(--sapShell_Color, #FFF);display:flex;justify-content:space-between;align-items:center;position:relative}:host([is-explore]) .udex-masthead-menu-item{color:var(--udex-masthead-menu-item-explore-color);background:var(--udex-masthead-menu-item-explore-background);padding:var(--udexSpacer24);box-sizing:border-box}:host([is-explore]:hover) .udex-masthead-menu-item{background:var(--udex-masthead-menu-item-explore-background-hover);text-decoration:none}:host([is-explore]:hover:active) .udex-masthead-menu-item{background:var(--udex-masthead-menu-item-explore-background-active);border:1px solid var(--udex-masthead-menu-item-explore-border-color-active);color:var(--udex-masthead-menu-item-explore-color-active)}:host([is-explore][desktop]) .udex-masthead-menu-item:focus,:host([is-explore]) .udex-masthead-menu-item:focus-visible{outline:none;outline-offset:0;border-radius:0}:host([is-explore][desktop]) .udex-masthead-menu-item:focus:before,:host([is-explore]) .udex-masthead-menu-item:focus-visible:before{outline:var(--udexRadiusXXS) solid var(--udex-masthead-menu-item-explore-focus);border-radius:var(--udexRadiusM, 8px);content:"";position:absolute;inset:0;outline-offset:-4px;pointer-events:none}:host([is-explore]:hover:active)::part(right){color:var(--udex-masthead-menu-item-explore-icon-active-color)}:host([is-explore])::part(right){color:var(--udex-masthead-menu-item-explore-icon-color);padding-inline-start:var(--udexSpacer12)}:host([has-border])::part(menu-item-button),:host([has-border])::part(menu-item-link-badge),:host([has-border])::part(menu-item-link),:host([has-border])::part(menu-item){border-bottom:1px solid var(--udex-masthead-menu-item-border-color)}.udex-masthead-menu-item{font-family:var(--udex-masthead-menu-item-font-family);font-size:var(--udex-masthead-menu-item-font-size);line-height:var(--udex-masthead-menu-item-line-height);font-weight:var(--udex-masthead-menu-item-font-weight);
|
|
8
|
+
export default `:host{--udex-masthead-menu-item-header-padding-desktop: var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer12) var(--udexSpacer8);--udex-masthead-menu-item-header-padding-mobile: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);--udex-masthead-menu-item-padding-desktop: var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) var(--udexSpacer8);--udex-masthead-menu-item-padding-mobile: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);--udex-masthead-menu-item-padding-mobile-with-badge-vertical: var(--udexSpacer16);--udex-masthead-menu-item-padding-mobile-start-with-badge: var(--udexSpacer8);--udex-masthead-menu-item-padding-mobile-end-with-badge: var(--udexSpacer48);--udex-masthead-menu-item-group-header-color: var(--sapList_TextColor, #000);--udex-masthead-menu-item-color: var(--udexColorGrey9, #223548);--udex-masthead-menu-item-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-menu-item-focus: var(--udexColorBlue10, #002A86);--udex-masthead-menu-item-font-family: var(--sapFontFamily, sans-serif);--udex-masthead-menu-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-masthead-menu-item-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-masthead-menu-item-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-masthead-menu-item-explore-background: var(--udexColorBlue7, #0070F2);--udex-masthead-menu-item-explore-background-hover: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-background-active: var(--udexColorNeutralWhite, #FFF);--udex-masthead-menu-item-explore-border-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-color: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-icon-color: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-icon-active-color: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-padding: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-focus: var(--sapShell_Color, #FFF);display:flex;justify-content:space-between;align-items:center;position:relative}:host([is-explore]) .udex-masthead-menu-item{color:var(--udex-masthead-menu-item-explore-color);background:var(--udex-masthead-menu-item-explore-background);padding:var(--udexSpacer24);box-sizing:border-box}:host([is-explore]:hover) .udex-masthead-menu-item{background:var(--udex-masthead-menu-item-explore-background-hover);text-decoration:none}:host([is-explore]:hover:active) .udex-masthead-menu-item{background:var(--udex-masthead-menu-item-explore-background-active);border:1px solid var(--udex-masthead-menu-item-explore-border-color-active);color:var(--udex-masthead-menu-item-explore-color-active)}:host([is-explore][desktop]) .udex-masthead-menu-item:focus,:host([is-explore]) .udex-masthead-menu-item:focus-visible{outline:none;outline-offset:0;border-radius:0}:host([is-explore][desktop]) .udex-masthead-menu-item:focus:before,:host([is-explore]) .udex-masthead-menu-item:focus-visible:before{outline:var(--udexRadiusXXS) solid var(--udex-masthead-menu-item-explore-focus);border-radius:var(--udexRadiusM, 8px);content:"";position:absolute;inset:0;outline-offset:-4px;pointer-events:none}:host([is-explore]:hover:active)::part(right){color:var(--udex-masthead-menu-item-explore-icon-active-color)}:host([is-explore])::part(right){color:var(--udex-masthead-menu-item-explore-icon-color);padding-inline-start:var(--udexSpacer12)}:host([has-border])::part(menu-item-button),:host([has-border])::part(menu-item-link-badge),:host([has-border])::part(menu-item-link),:host([has-border])::part(menu-item){border-bottom:1px solid var(--udex-masthead-menu-item-border-color)}.udex-masthead-menu-item{font-family:var(--udex-masthead-menu-item-font-family);font-size:var(--udex-masthead-menu-item-font-size);line-height:var(--udex-masthead-menu-item-line-height);font-weight:var(--udex-masthead-menu-item-font-weight);padding:var(--udex-masthead-menu-item-padding-desktop);color:var(--udex-masthead-menu-item-color);text-decoration:none;box-sizing:border-box}.udex-masthead-menu-item.udex-masthead-menu-item_is-header{color:var(--udex-masthead-menu-item-group-header-color)}span.udex-masthead-menu-item:hover{text-decoration:none}button.udex-masthead-menu-item:dir(rtl){text-align:right}button.udex-masthead-menu-item{text-align:left;border:none;background:none;cursor:pointer;display:flex;justify-content:space-between;width:100%}.udex-masthead-menu-item:hover{text-decoration:underline}:host([desktop]) .udex-masthead-menu-item:focus,.udex-masthead-menu-item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udex-masthead-menu-item-focus);outline-offset:calc(-1 * var(--udexSpacer2, 2px));border-radius:var(--udexRadiusM, 8px)}.udex-masthead-menu-item.udex-masthead-menu-item_is-header{padding:var(--udex-masthead-menu-item-header-padding-desktop);width:100%}.udex-masthead-menu-item_is-header{font-weight:var(--udexTypographyFontWeightMedium, 500);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;white-space:normal;margin:0}.udex-masthead-menu-item__label{display:block;width:100%}.udex-masthead-menu-item__text-with-icon{white-space:nowrap}.udex-masthead-menu-item__icon{margin-inline-start:var(--udexSpacer4);margin-bottom:calc(var(--udexSpacer2)* -1);min-width:14px;width:14px;height:14px;color:inherit}.udex-masthead-menu-item_is-list{display:inline-flex;align-items:center;justify-content:space-between}.udex-masthead-menu-item-badge{margin-inline-start:var(--udexSpacer8)}.udex-masthead-menu-item_is-header .udex-masthead-menu-item_icon-action{margin-inline-end:auto}.udex-masthead-hidden-text{display:none}@media (max-width: 1279px){.udex-masthead-menu-item{padding:var(--udex-masthead-menu-item-padding-mobile)}.udex-masthead-menu-item.udex-masthead-menu-item_badge{padding-block-start:var(--udex-masthead-menu-item-padding-mobile-with-badge-vertical);padding-inline-end:var(--udex-masthead-menu-item-padding-mobile-end-with-badge);padding-inline-start:var(--udex-masthead-menu-item-padding-mobile-start-with-badge)}.udex-masthead-menu-item.udex-masthead-menu-item_is-header{padding:var(--udex-masthead-menu-item-header-padding-mobile)}.udex-masthead-menu-item_is-header{width:100%}.udex-masthead-menu-item_is-list{display:flex;align-items:center;justify-content:space-between;width:100%}.udex-masthead-menu-item_icon-left{margin-inline-end:auto}.udex-masthead-menu-item_icon-right{margin-inline-start:auto;padding-inline-start:var(--udexSpacer4)}.udex-masthead-menu-item_icon-left+.udex-masthead-menu-item_icon-action{margin-inline-end:inherit}.udex-masthead-menu-item-badge{position:absolute;top:50%;right:var(--udexSpacer16);transform:translateY(-50%);margin-inline-start:0;pointer-events:none}.udex-masthead-menu-item-badge:dir(rtl){right:auto;left:var(--udexSpacer16)}}
|
|
9
9
|
`
|
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
8
|
-
export default `:host{--udex-masthead-profile-menu-color: var(--udexColorNeutralBlack, #000);--udex-masthead-profile-menu-paddings-desktop: 64px 48px 80px 48px;--udex-masthead-profile-menu-paddings-mobile: var(--udexSpacer24, 24px);--udex-masthead-profile-menu-paddings-mobile-s: var(--udexSpacer24, 24px) var(--udexSpacer48, 48px);--udex-masthead-profile-menu-background-color: var(--udexColorNeutralWhite, #FFF);--udex-masthead-profile-menu-login-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-username-color: inherit;--udex-masthead-profile-account-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-email-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-header-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-identities-list-height: 430px}[udex-masthead-menu]{--udex-masthead-menu-padding-desktop: 0;--udex-masthead-menu-padding-mobile: 0;--udex-masthead-menu-row-margin: 0;--udex-masthead-menu-header-border-color: var(--udex-masthead-profile-menu-header-border-color)}[udex-masthead-menu]::part(column){max-width:initial}.udex-masthead-profile-menu{color:var(--udex-masthead-profile-menu-color);font-family:var(--sapFontFamily);display:inline-flex;flex-direction:column;align-items:stretch;background-color:var(--udex-masthead-profile-menu-background-color);padding:var(--udex-masthead-profile-menu-paddings-desktop);box-sizing:border-box}.udex-masthead-profile-menu__message,.udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer48)}.udex-masthead-profile-menu__header{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer24)}.udex-masthead-profile-menu__header>div{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer4)}.udex-profile-menu__account-name{color:var(--udex-masthead-profile-menu-username-color);font-size:20px;font-weight:500;line-height:22px;margin:0}.udex-profile-menu__account-email{color:var(--udex-masthead-profile-account-color);font-size:14px;line-height:21px;margin:0}.udex-masthead-profile-menu__message{width:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu{padding:var(--udex-masthead-profile-menu-paddings-mobile);box-sizing:border-box;width:100%;height:100%;overflow:auto}:host([_is-mobile-mode]) .udex-masthead-profile-menu__message,:host([_is-mobile-mode]) .udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer24)}.udex-masthead-profile-menu__identities-list-wrap{overflow:auto;min-height:150px}.udex-masthead-profile-menu__identities-list-wrap{height:100%;position:relative}.udex-masthead-profile-menu__btn-back{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralBlack, #000);--udex-masthead-menu-item-padding-desktop: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8)}.udex-masthead-profile-menu__btn-back::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium);justify-content:flex-start}.udex-masthead-profile-menu__btn-back::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}.udex-masthead-profile-menu__switcher-title{font-size:var(--udexTypographyHeadingBoldXXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);text-align:center;padding:5px}.udex-masthead-profile-menu__identities-list-title{padding:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer12) var(--udexSpacer8);font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);border-bottom:1px solid var(--udex-masthead-profile-menu-login-border-color);margin-bottom:var(--udexSpacer4);margin-top:var(--udexSpacer32);display:block}.udex-masthead-profile-menu__add-remove-btn{margin-inline-end:auto;margin-top:var(--
|
|
8
|
+
export default `:host{--udex-masthead-profile-menu-color: var(--udexColorNeutralBlack, #000);--udex-masthead-profile-menu-paddings-desktop: 64px 48px 80px 48px;--udex-masthead-profile-menu-paddings-mobile: var(--udexSpacer24, 24px);--udex-masthead-profile-menu-paddings-mobile-s: var(--udexSpacer24, 24px) var(--udexSpacer48, 48px);--udex-masthead-profile-menu-background-color: var(--udexColorNeutralWhite, #FFF);--udex-masthead-profile-menu-login-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-username-color: inherit;--udex-masthead-profile-account-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-email-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-header-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-identities-list-height: 430px}[udex-masthead-menu]{--udex-masthead-menu-padding-desktop: 0;--udex-masthead-menu-padding-mobile: 0;--udex-masthead-menu-row-margin: 0;--udex-masthead-menu-header-border-color: var(--udex-masthead-profile-menu-header-border-color)}[udex-masthead-menu]::part(column){max-width:initial}.udex-masthead-profile-menu{color:var(--udex-masthead-profile-menu-color);font-family:var(--sapFontFamily);display:inline-flex;flex-direction:column;align-items:stretch;background-color:var(--udex-masthead-profile-menu-background-color);padding:var(--udex-masthead-profile-menu-paddings-desktop);box-sizing:border-box}.udex-masthead-profile-menu__message,.udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer48)}.udex-masthead-profile-menu__header{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer24)}.udex-masthead-profile-menu__header>div{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer4)}.udex-profile-menu__account-name{color:var(--udex-masthead-profile-menu-username-color);font-size:20px;font-weight:500;line-height:22px;margin:0}.udex-profile-menu__account-email{color:var(--udex-masthead-profile-account-color);font-size:14px;line-height:21px;margin:0}.udex-masthead-profile-menu__message{width:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu{padding:var(--udex-masthead-profile-menu-paddings-mobile);box-sizing:border-box;width:100%;height:100%;overflow:auto}:host([_is-mobile-mode]) .udex-masthead-profile-menu__message,:host([_is-mobile-mode]) .udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer24)}.udex-masthead-profile-menu__identities-list-wrap{overflow:auto;min-height:150px}.udex-masthead-profile-menu__identities-list-wrap{height:100%;position:relative}.udex-masthead-profile-menu__btn-back{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralBlack, #000);--udex-masthead-menu-item-padding-desktop: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8)}.udex-masthead-profile-menu__btn-back::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium);justify-content:flex-start}.udex-masthead-profile-menu__btn-back::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}.udex-masthead-profile-menu__switcher-title{font-size:var(--udexTypographyHeadingBoldXXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);text-align:center;padding:5px}.udex-masthead-profile-menu__identities-list-title{padding:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer12) var(--udexSpacer8);font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);border-bottom:1px solid var(--udex-masthead-profile-menu-login-border-color);margin-bottom:var(--udexSpacer4);margin-top:var(--udexSpacer32);display:block}.udex-masthead-profile-menu__add-remove-btn{margin-inline-end:auto;margin-top:var(--udexSpacer32);display:block;min-height:42px}.udex-masthead-profile-menu__header-wrap{display:flex;flex-direction:column}:host([_is-mobile-mode]) .udex-masthead-profile-menu__identities-list{max-height:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu.udex-masthead-profile-menu_switcher,.udex-masthead-profile-menu.udex-masthead-profile-menu_switcher{gap:0}.udex-masthead-profile-menu__identities-list{max-height:var(--udex-masthead-profile-menu-identities-list-height);overflow:auto;display:block}.udex-masthead-profile-menu__content{position:relative;min-height:150px;overflow:auto}.udex-masthead-profile-menu__links{height:100%;overflow:auto;max-height:100%}.udex-masthead-profile-menu__content{position:relative}:host([_is-mobile-mode]) .udex-masthead-profile-menu__links_scrollable:before,.udex-masthead-profile-menu__identities-list_scrollable:before{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFFFFF 100%)}:host([desktop][_is-mobile-mode]) .udex-masthead-profile-menu__links_scrollable:before,:host([desktop]) .udex-masthead-profile-menu__identities-list_scrollable:before{right:15px}:host([desktop][_is-mobile-mode]:dir(rtl)) .udex-masthead-profile-menu__links_scrollable:before,:host([desktop]:dir(rtl)) .udex-masthead-profile-menu__identities-list_scrollable:before{right:0;left:15px}:host([_is-mobile-mode]) .udex-masthead-profile-menu__switcher-title{display:none}.udex-masthead-profile-menu__identities-list-item{margin-bottom:var(--udexSpacer4)}.udex-masthead-profile-menu__identities-list-item::part(supporting){word-break:break-all}:host([_is-mobile-mode]) .udex-masthead-profile-menu__actions [udex-link]{padding:var(--udexSpacer16) var(--udexSpacer8);margin:0;display:block}.udex-masthead-profile-menu__actions [udex-link]{font-family:var(--udex-masthead-menu-item-font-family, sans-serif);font-size:var(--udex-masthead-menu-item-font-size, 14px);line-height:var(--udex-masthead-menu-item-line-height, 1.1);font-weight:var(--udex-masthead-menu-item-font-weight, 500);margin:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) var(--udexSpacer8);color:var(--sapList_TextColor, #000);--udex-link-icon-width: 14px;--udex-link-icon-height: 14px}.udex-masthead-profile-menu__btn{padding-top:var(--udexSpacer32)}@media (max-width: 1279px){.udex-masthead-profile-menu__actions [udex-link]{padding:var(--udexSpacer16) var(--udexSpacer8);margin:0;display:block}.udex-masthead-profile-menu__btn-back::part(menu-item-button){justify-content:space-between}.udex-masthead-profile-menu__btn-back::part(menu-item-button):after{content:""}.udex-masthead-profile-menu__switcher-title{display:none}.udex-masthead-profile-menu{padding:var(--udex-masthead-profile-menu-paddings-mobile);box-sizing:border-box;width:100%;min-height:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu__message,:host([_is-mobile-mode]) .udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer32)}.udex-masthead-profile-menu__actions{border-top:0;margin-top:auto}udex-masthead-menu-item::part(menu-item){justify-content:center}}@media (max-width: 979px){:host([_is-mobile-mode]) .udex-masthead-profile-menu,.udex-masthead-profile-menu{padding:var(--udex-masthead-profile-menu-paddings-mobile-s)}}@media (max-width: 639px){:host([_is-mobile-mode]) .udex-masthead-profile-menu,.udex-masthead-profile-menu{padding:var(--udex-masthead-profile-menu-paddings-mobile)}}
|
|
9
9
|
`
|
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
8
|
-
export default `:host{--udex-modal-and-overlay-modal-content-padding-horizontal: var(--udexGridSGutters, 32px);--udex-modal-and-overlay-modal-content-padding-vertical: var(--udexGridXSMargins, 24px);--udex-modal-and-overlay-modal-footer-padding-horizontal: var(--udexGridSGutters, 32px);--udex-modal-and-overlay-modal-footer-padding-vertical: var(--udexGridXSMargins, 24px);--udex-modal-and-overlay-modal-header-padding-horizontal: var(--udexGridSGutters, 32px);--udex-modal-and-overlay-modal-header-padding-vertical: var(--udexGridXSMargins, 24px);--udex-modal-border-radius:
|
|
8
|
+
export default `:host{--udex-modal-and-overlay-modal-content-padding-horizontal: var(--udexGridSGutters, 32px);--udex-modal-and-overlay-modal-content-padding-vertical: var(--udexGridXSMargins, 24px);--udex-modal-and-overlay-modal-footer-padding-horizontal: var(--udexGridSGutters, 32px);--udex-modal-and-overlay-modal-footer-padding-vertical: var(--udexGridXSMargins, 24px);--udex-modal-and-overlay-modal-header-padding-horizontal: var(--udexGridSGutters, 32px);--udex-modal-and-overlay-modal-header-padding-vertical: var(--udexGridXSMargins, 24px);--udex-modal-border-radius: 20px;--udex-modal-browser-scrollbar-border-radius: var(--udexRadiusM, 8px);--udex-modal-block-layer-background: color-mix(in oklch, transparent, var(--sapBlockLayer_Background) 60%)}:host .ui5-block-layer{background:var(--udex-modal-block-layer-background)}:host .ui5-popup-root .ui5-popup-footer-root{padding:var(--udex-modal-and-overlay-modal-footer-padding-vertical) var(--udex-modal-and-overlay-modal-footer-padding-horizontal)}:host,:host .ui5-popup-root{border-radius:var(--udex-modal-border-radius)}:host .ui5-popup-root .ui5-popup-header-root{padding:var(--udex-modal-and-overlay-modal-header-padding-vertical) var(--udex-modal-and-overlay-modal-header-padding-horizontal)}:host .ui5-popup-root .ui5-popup-content{padding:var(--udex-modal-and-overlay-modal-content-padding-vertical) calc(var(--udex-modal-and-overlay-modal-content-padding-horizontal) - var(--sapScrollBar_Dimension, 12px)) var(--udex-modal-and-overlay-modal-content-padding-vertical) var(--udex-modal-and-overlay-modal-content-padding-horizontal);scrollbar-gutter:stable}:host([type="basic"]){--sapObjectHeader_BorderColor: transparent;--sapPageFooter_BorderColor: transparent}:host([type="basic"]) .ui5-popup-root .ui5-popup-content{padding:0 calc(var(--udex-modal-and-overlay-modal-content-padding-horizontal) - var(--sapScrollBar_Dimension, 12px)) 0 var(--udex-modal-and-overlay-modal-content-padding-horizontal);scrollbar-gutter:stable}:host ::slotted([slot="header"][ui5-bar]){height:32px}:host ::slotted([slot="footer"]){height:auto}@media (max-width: 979px){:host(:not([type="basic"])){max-width:100%;max-height:100%}}
|
|
9
9
|
`
|
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
8
|
-
export default `:host{width:100%;max-height:100%;overflow:hidden;--udex-promo-tile-background: var(--udexColorBlue1, #EBF8FF);--udex-promo-tile-border-radius: var(--udexRadiusXL, 16px);--udex-promo-tile-border-width: var(--sapElement_BorderWidth, 1px);--udex-promo-tile-border-color: var(--udex-promo-tile-background);--udex-promo-tile-pictogram-width: var(--udexSpacer120, 120px);--udex-promo-tile-pictogram-height: var(--udexSpacer120, 120px);--udex-promo-tile-logo-width: 200px;--udex-promo-tile-logo-height: 100px;--udex-promo-tile-icon-width: 100%;--udex-promo-tile-icon-height: 100%;--udex-promo-tile-icon-fill-color: inherit;--udex-promo-tile-eyebrow-color: var(--udexColorBlue8, #0057D2);--udex-promo-tile-header-color-light: var(--udexCoreHeadingLight, #FFFFFF);--udex-promo-tile-header-color-dark: var(--udexCoreHeadingDark, #000000);--udex-promo-tile-text-color-light: var(--udexCoreTextLight, #FFFFFF);--udex-promo-tile-text-color-dark: var(--udexCoreTextDark, #223548)}.udex-promo-tile__container{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;border-radius:var(--udex-promo-tile-border-radius);background:var(--udex-promo-tile-background);padding:var(--udexSpacer32, 32px);gap:var(--udexSpacer16, 16px);border:var(--udex-promo-tile-border-width) solid var(--udex-promo-tile-border-color)}.udex-promo-tile--horizontal{flex-direction:row;padding:var(--udexSpacer32, 32px);gap:var(--udexSpacer32, 32px)}.udex-promo-tile__pictogram{width:var(--udex-promo-tile-pictogram-width);height:var(--udex-promo-tile-pictogram-height);max-width:100%;display:flex;justify-content:center;align-items:center;flex-grow:0;flex-shrink:0;overflow:hidden}.udex-promo-tile__pictogram.udex-promo-tile__pictogram--logo{width:var(--udex-promo-tile-logo-width);height:var(--udex-promo-tile-logo-height)}.udex-promo-tile__pictogram img{width:100%;height:100%;object-fit:cover}.udex-promo-tile--horizontal .udex-promo-tile__pictogram,.udex-promo-tile--horizontal .udex-promo-tile__footer{flex-shrink:0;flex-grow:0}.udex-promo-tile__pictogram ui5-icon{width:var(--udex-promo-tile-icon-width);height:var(--udex-promo-tile-icon-height);fill:var(--udex-promo-tile-icon-fill-color)}.udex-promo-tile__content{display:flex;flex-grow:1;flex-direction:column;justify-content:space-between;gap:var(--udexSpacer32, 32px);font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--udex-promo-tile-text-color-dark)}.udex-promo-tile--horizontal .udex-promo-tile__content{flex-grow:1;flex-direction:row}.udex-promo-tile--dark .udex-promo-tile__content{color:var(--udex-promo-tile-text-color-light)}.udex-promo-tile__eyebrow{font-size:var(--udexTypographyEyebrowLFontSize, 16px);line-height:var(--udexTypographyEyebrowLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);text-transform:uppercase;letter-spacing:.5px;color:var(--udex-promo-tile-eyebrow-color);margin-block-end:var(--udexSpacer8, 8px)}.udex-promo-tile__header{font-size:var(--udexTypographyHeadingMediumSFontSize, 28px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);margin-block-end:var(--udexSpacer16, 16px);color:var(--udex-promo-tile-header-color-dark)}.udex-promo-tile--dark .udex-promo-tile__header{color:var(--udex-promo-tile-header-color-light)}.udex-promo-tile--horizontal .udex-promo-tile__header{margin-block-end:var(--udexSpacer8, 8px)}.udex-promo-tile__footer{display:flex;align-items:center}@media (max-width: 1279px){.udex-promo-tile--horizontal{padding:var(--udexSpacer24, 24px);gap:var(--udexSpacer24, 24px)}.udex-promo-tile--horizontal .udex-promo-tile__content{flex-direction:column;gap:var(--udexSpacer24, 24px)}.udex-promo-tile__header{font-size:var(--udexTypographyHeadingMediumXSFontSize, 24px)}}@media (max-width: 979px){.udex-promo-tile--horizontal{flex-direction:column}}
|
|
8
|
+
export default `:host{width:100%;max-height:100%;overflow:hidden;--udex-promo-tile-background: var(--udexColorBlue1, #EBF8FF);--udex-promo-tile-border-radius: var(--udexRadiusXL, 16px);--udex-promo-tile-border-width: var(--sapElement_BorderWidth, 1px);--udex-promo-tile-border-color: var(--udex-promo-tile-background);--udex-promo-tile-pictogram-width: var(--udexSpacer120, 120px);--udex-promo-tile-pictogram-height: var(--udexSpacer120, 120px);--udex-promo-tile-logo-width: 200px;--udex-promo-tile-logo-height: 100px;--udex-promo-tile-icon-width: 100%;--udex-promo-tile-icon-height: 100%;--udex-promo-tile-icon-fill-color: inherit;--udex-promo-tile-eyebrow-color: var(--udexColorBlue8, #0057D2);--udex-promo-tile-header-color-light: var(--udexCoreHeadingLight, #FFFFFF);--udex-promo-tile-header-color-dark: var(--udexCoreHeadingDark, #000000);--udex-promo-tile-text-color-light: var(--udexCoreTextLight, #FFFFFF);--udex-promo-tile-text-color-dark: var(--udexCoreTextDark, #223548)}:host ::slotted([slot="pictogram"]){width:100%}.udex-promo-tile__container{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;border-radius:var(--udex-promo-tile-border-radius);background:var(--udex-promo-tile-background);padding:var(--udexSpacer32, 32px);gap:var(--udexSpacer16, 16px);border:var(--udex-promo-tile-border-width) solid var(--udex-promo-tile-border-color)}.udex-promo-tile--horizontal{flex-direction:row;padding:var(--udexSpacer32, 32px);gap:var(--udexSpacer32, 32px)}.udex-promo-tile__pictogram{width:var(--udex-promo-tile-pictogram-width);height:var(--udex-promo-tile-pictogram-height);max-width:100%;display:flex;justify-content:center;align-items:center;flex-grow:0;flex-shrink:0;overflow:hidden}.udex-promo-tile__pictogram.udex-promo-tile__pictogram--logo{width:var(--udex-promo-tile-logo-width);height:var(--udex-promo-tile-logo-height)}.udex-promo-tile__pictogram img{width:100%;height:100%;object-fit:cover}.udex-promo-tile--horizontal .udex-promo-tile__pictogram,.udex-promo-tile--horizontal .udex-promo-tile__footer{flex-shrink:0;flex-grow:0}.udex-promo-tile__pictogram ui5-icon{width:var(--udex-promo-tile-icon-width);height:var(--udex-promo-tile-icon-height);fill:var(--udex-promo-tile-icon-fill-color)}.udex-promo-tile__content{display:flex;flex-grow:1;flex-direction:column;justify-content:space-between;gap:var(--udexSpacer32, 32px);font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--udex-promo-tile-text-color-dark)}.udex-promo-tile--horizontal .udex-promo-tile__content{flex-grow:1;flex-direction:row}.udex-promo-tile--dark .udex-promo-tile__content{color:var(--udex-promo-tile-text-color-light)}.udex-promo-tile__eyebrow{font-size:var(--udexTypographyEyebrowLFontSize, 16px);line-height:var(--udexTypographyEyebrowLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);text-transform:uppercase;letter-spacing:.5px;color:var(--udex-promo-tile-eyebrow-color);margin-block-end:var(--udexSpacer8, 8px)}.udex-promo-tile__header{font-size:var(--udexTypographyHeadingMediumSFontSize, 28px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);margin-block-end:var(--udexSpacer16, 16px);color:var(--udex-promo-tile-header-color-dark)}.udex-promo-tile--dark .udex-promo-tile__header{color:var(--udex-promo-tile-header-color-light)}.udex-promo-tile--horizontal .udex-promo-tile__header{margin-block-end:var(--udexSpacer8, 8px)}.udex-promo-tile__footer{display:flex;align-items:center}@media (max-width: 1279px){.udex-promo-tile--horizontal{padding:var(--udexSpacer24, 24px);gap:var(--udexSpacer24, 24px)}.udex-promo-tile--horizontal .udex-promo-tile__content{flex-direction:column;gap:var(--udexSpacer24, 24px)}.udex-promo-tile__header{font-size:var(--udexTypographyHeadingMediumXSFontSize, 24px)}}@media (max-width: 979px){.udex-promo-tile--horizontal{flex-direction:column}}
|
|
9
9
|
`
|
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
8
|
-
export default `:host{--udex_rating_indicator_readonly_item_width: 1rem;--udex_rating_indicator_readonly_item_height: 1rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: var(--udexSpacer8);--udex-rating_indicator_mobile_items_gap: var(--udexSpacer2);--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey4 ,#A9B4BE);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_total_count_color: var(--sapTextColor, #223548);--udex-rating_indicator_rating_font_size: 18px;--udex-rating_indicator_rating_line_height: 27px}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-
|
|
8
|
+
export default `:host{--udex_rating_indicator_readonly_item_width: 1rem;--udex_rating_indicator_readonly_item_height: 1rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: var(--udexSpacer8);--udex-rating_indicator_mobile_items_gap: var(--udexSpacer2);--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey4 ,#A9B4BE);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_total_count_color: var(--sapTextColor, #223548);--udex-rating_indicator_rating_font_size: 18px;--udex-rating_indicator_rating_line_height: 27px}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-30-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_width);padding-inline:0}:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px);padding:0;outline:none;position:relative;display:inline-flex;align-items:center}.udex-rating-indicator__total{color:var(--udex-rating_indicator_total_count_color);font-size:var(--udex-rating_indicator_rating_font_size);line-height:var(--udex-rating_indicator_rating_line_height);padding-inline-start:var(--udexSpacer12)}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-sel,.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:6px;width:16px;left:2px}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
|
|
9
9
|
`
|
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
8
|
-
export default `:host{--udex-review-item-column-space-xl: var(--udexSpacer84, 84px);--udex-review-item-column-space-l-m: var(--udexSpacer72, 72px);--udex-review-item-column-space-s-xs: var(--udexSpacer24, 24px);--udex-review-item-underline-color: var(--udexColorGrey1);--udex-review-item-text-font-family: var(--sapFontFamily, sans-serif);--udex-review-item-text-color: var(--udexCoreTextDark, #223548);--udex-review-item-title-color: var(--udexCoreHeadingDark, #000000);--udex-review-item-date-and-author-color: var(--udexColorGrey6);--udex-review-item-max-text-height:
|
|
8
|
+
export default `:host{--udex-review-item-column-space-xl: var(--udexSpacer84, 84px);--udex-review-item-column-space-l-m: var(--udexSpacer72, 72px);--udex-review-item-column-space-s-xs: var(--udexSpacer24, 24px);--udex-review-item-underline-color: var(--udexColorGrey1);--udex-review-item-text-font-family: var(--sapFontFamily, sans-serif);--udex-review-item-text-color: var(--udexCoreTextDark, #223548);--udex-review-item-text-gradient: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);--udex-review-item-text-gradient-height: 80px;--udex-review-item-title-color: var(--udexCoreHeadingDark, #000000);--udex-review-item-date-and-author-color: var(--udexColorGrey6);--udex-review-item-max-text-height: 90px;--udex-review-item-color: var(--udexColorGrey9, #223548)}.udex-review-item{display:flex;flex-direction:row;width:100%;text-align:left;gap:calc((100vw - (11 * var(--udex-review-item-column-space-xl))) / 12);padding:var(--udexSpacer24) 0;border-bottom:1px solid var(--udex-review-item-underline-color);font-family:var(--udex-review-item-text-font-family)}.udex-review-item:dir(rtl){text-align:right}.udex-review-item__rating-top{display:flex;gap:var(--udexSpacer24);flex-direction:column}.udex-review-item__rating-top .udex-review-item__rating-container{display:flex;flex-direction:row;justify-content:space-between}.udex-review-item__rating-container,.udex-review-item__text-container{display:flex;flex-direction:column;gap:var(--udexSpacer16)}.udex-review-item__title{font-size:var(--udexTypographyHeadingMediumXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);line-height:var(--udexTypographyHeadingLineHeight);color:var(--udex-review-item-title-color);padding:0;margin:0}.udex-review-item__date{font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);color:var(--udex-review-item-date-and-author-color)}.udex-review-item__text-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:var(--udexSpacer8)}.udex-review-item__text-expander{font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightMedium)}.udex-review-item__text{font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);color:var(--udex-review-item-text-color);max-height:var(--udex-review-item-max-text-height);white-space:pre-wrap;padding:0;margin:0;overflow:hidden;position:relative}:host([_show-text-expander]) .udex-review-item__text:after{content:"";position:absolute;bottom:0;left:0;right:0;background:var(--udex-review-item-text-gradient);height:var(--udex-review-item-text-gradient-height)}:host([_show-text-expander][_text-expanded]) .udex-review-item__text:after{display:none}.udex-review-item__text-expanded{max-height:none}.udex-review-item__author{font-size:var(--udexTypographyNavigationRegularMFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyNavigationLineHeight);color:var(--udex-review-item-date-and-author-color);padding:0;margin:0}@media (max-width: 1599px){.udex-review-item{gap:calc((100vw - (11 * var(--udex-review-item-column-space-l-m))) / 12)}}@media (max-width: 979px){.udex-review-item{gap:var(--udex-review-item-column-space-s-xs);display:flex;flex-direction:column}.udex-review-item__rating-container{display:flex;flex-direction:row;justify-content:space-between}}
|
|
9
9
|
`
|
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
8
|
-
export default `:host([prevent-page-scroll]) [ui5-popover]::part(content){overscroll-behavior:contain}
|
|
8
|
+
export default `:host([prevent-page-scroll]) [ui5-popover]::part(content){overscroll-behavior:contain}[udex-list-item]::part(checkbox){pointer-events:none}.udex-searchable-list__header{display:block;margin-top:var(--udexSpacer16, 16px)}.udex-searchable-list__header:only-child,.udex-searchable-list__header.udex-searchable-list__header_no-margin{margin-top:0}.udex-busy-indicator{padding-block:var(--udexSpacer16, 16px);margin:0 auto;display:block}.udex-filter-menu__search+.udex-busy-indicator{padding-top:0}.hidden{position:absolute;width:0px;height:0px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}
|
|
9
9
|
`
|
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
8
|
-
export default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-
|
|
8
|
+
export default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-30-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}
|
|
9
9
|
`
|
|
@@ -70,6 +70,10 @@ STARS=stars
|
|
|
70
70
|
READ_MORE=Read more
|
|
71
71
|
READ_LESS=Read less
|
|
72
72
|
|
|
73
|
+
# the "show more" and "show less" buttons text for the Review component
|
|
74
|
+
SHOW_MORE=Show more
|
|
75
|
+
SHOW_LESS=Show less
|
|
76
|
+
|
|
73
77
|
# rating indicator "text" for aria-role, "tooltop" text and "required" for aria-description
|
|
74
78
|
RATING_INDICATOR_TEXT=Rating Indicator
|
|
75
79
|
RATING_INDICATOR_TOOLTIP_TEXT=Rating
|
|
@@ -234,6 +238,8 @@ TABLE_NO_DATA_FOUND=No data found
|
|
|
234
238
|
#Text for List Item button icons
|
|
235
239
|
LIST_ITEM_EDIT_ICON=Edit list item entry
|
|
236
240
|
LIST_ITEM_DELETE_ICON=Delete list item entry
|
|
241
|
+
EXPAND=Expand
|
|
242
|
+
COLLAPSE=Collapse
|
|
237
243
|
|
|
238
244
|
#SecondaryNavigationSubItem Aria label for back button
|
|
239
245
|
BACK_BUTTON_LABEL=back button
|
|
@@ -39,6 +39,8 @@ MORE=More
|
|
|
39
39
|
ATTENTION_BADGE=Attention badge
|
|
40
40
|
READ_MORE=Read more
|
|
41
41
|
READ_LESS=Read less
|
|
42
|
+
SHOW_MORE=Show more
|
|
43
|
+
SHOW_LESS=Show less
|
|
42
44
|
RATING_INDICATOR_TEXT=Rating Indicator
|
|
43
45
|
RATING_INDICATOR_TOOLTIP_TEXT=Rating
|
|
44
46
|
RATING_INDICATOR_ARIA_DESCRIPTION=Required
|
package/src/themes/Button.css
CHANGED
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
--udex-button-icon-m-size: 16px;
|
|
14
14
|
--udex-button-icon-l-size: 18px;
|
|
15
15
|
--udex-button-icon-text-spacing-small-size: 4px;
|
|
16
|
-
--udex-button-icon-text-spacing-medium-size:
|
|
16
|
+
--udex-button-icon-text-spacing-medium-size: 6px;
|
|
17
17
|
--udex-button-icon-text-spacing-large-size: 8px;
|
|
18
18
|
--udex-button-focus-border-radius: 0.375rem;
|
|
19
19
|
--udex-button-focus-border-color: var(--sapContent_FocusColor);
|
|
@@ -352,30 +352,19 @@
|
|
|
352
352
|
width: var(--udex-button-icon-l-size, 18px);
|
|
353
353
|
}
|
|
354
354
|
|
|
355
|
-
:host([has-icon]:not(
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
:host([has-icon]:not([icon-only])[size="Small"]:not([end-icon])) .ui5-button-text {
|
|
360
|
-
margin-inline-start: var(--udex-button-icon-text-spacing-small-size);
|
|
361
|
-
}
|
|
362
|
-
|
|
363
|
-
:host([has-icon]:not([icon-only])[end-icon]) .ui5-button-text,
|
|
364
|
-
:host([has-icon]:not([icon-only])[size="Medium"][end-icon]) .ui5-button-text {
|
|
365
|
-
margin-inline-end: var(--udex-button-icon-text-spacing-medium-size);
|
|
355
|
+
:host([has-end-icon]:not(:empty)[size="Large"]) .ui5-button-end-icon,
|
|
356
|
+
:host([has-icon]:not(:empty)[size="Large"]) .ui5-button-text {
|
|
357
|
+
margin-inline-start: var(--udex-button-icon-text-spacing-large-size);
|
|
366
358
|
}
|
|
367
359
|
|
|
368
|
-
:host([has-icon]:not(
|
|
369
|
-
:host([has-icon]:not(
|
|
360
|
+
:host([has-end-icon]:not(:empty)[size="Medium"]) .ui5-button-end-icon,
|
|
361
|
+
:host([has-icon]:not(:empty)[size="Medium"]) .ui5-button-text {
|
|
370
362
|
margin-inline-start: var(--udex-button-icon-text-spacing-medium-size);
|
|
371
363
|
}
|
|
372
364
|
|
|
373
|
-
:host([has-icon]:not(
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
:host([has-icon]:not([icon-only])[size="Large"]:not([end-icon])) .ui5-button-text {
|
|
378
|
-
margin-inline-start: var(--udex-button-icon-text-spacing-large-size);
|
|
365
|
+
:host([has-end-icon]:not(:empty)[size="Small"]) .ui5-button-end-icon,
|
|
366
|
+
:host([has-icon]:not(:empty)[size="Small"]) .ui5-button-text {
|
|
367
|
+
margin-inline-start: var(--udex-button-icon-text-spacing-small-size);
|
|
379
368
|
}
|
|
380
369
|
|
|
381
370
|
:host:disabled,
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
--udex-filter-menu-trigger-prefix-color-active: var(--sapShell_NeutralColor, #475e75);
|
|
15
15
|
--udex-filter-menu-trigger-prefix-color-disabled: var(--sapShell_NeutralColor, #475e75);
|
|
16
16
|
|
|
17
|
-
--udex-filter-menu-trigger-selection-bar-background: var(--
|
|
17
|
+
--udex-filter-menu-trigger-selection-bar-background: var(--udexColorBlue8, #0057D2);
|
|
18
18
|
--udex-filter-menu-trigger-outline-border-color: var(--udexColorBlue10, #002A86);
|
|
19
19
|
|
|
20
20
|
--udex-filter-menu-popover-left-offset: 0px;
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
|
|
111
111
|
.udex-filter-menu__trigger-active:before {
|
|
112
112
|
opacity: 1;
|
|
113
|
-
}
|
|
113
|
+
}
|
|
114
114
|
|
|
115
115
|
.udex-filter-menu__trigger-icon {
|
|
116
116
|
width: 16px;
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
|
|
46
46
|
.udex-image-grid-ticker {
|
|
47
47
|
display: flex;
|
|
48
|
-
flex-direction: column
|
|
48
|
+
flex-direction: column;
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
.udex-image-grid-ticker__track-wrapper {
|
|
@@ -74,31 +74,7 @@
|
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
.udex-image-grid-ticker__play-button-holder {
|
|
77
|
-
padding-
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
.udex-image-grid-ticker__play-button {
|
|
81
|
-
position: relative;
|
|
82
|
-
--udex-button-medium-size: 32px;
|
|
83
|
-
--udex-button-icon-m-size: 32px;
|
|
84
|
-
--udex-button-focus-border-radius: 50%;
|
|
85
|
-
--udex-button-invisible-focus-inset: 0;
|
|
86
|
-
--udex-button-color-invisible-standard-default-text-and-icon: var(--udex-image-grid-ticker-play-btn-color);
|
|
87
|
-
--udex-button-color-invisible-standard-hover-text-and-icon: var(--udex-image-grid-ticker-play-btn-color-hover);
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
:host([desktop]) .udex-image-grid-ticker__play-button:focus:before,
|
|
91
|
-
.udex-image-grid-ticker__play-button:focus-visible:before {
|
|
92
|
-
content: "";
|
|
93
|
-
position: absolute;
|
|
94
|
-
inset: 0;
|
|
95
|
-
box-shadow: 0 0 0 2px #FFF;
|
|
96
|
-
border-radius: 50%;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
.udex-image-grid-ticker__play-button::part(button):focus-within:after,
|
|
100
|
-
.udex-image-grid-ticker__play-button::part(button):focus-within:before {
|
|
101
|
-
border-radius: 50%;
|
|
77
|
+
padding-bottom: 34px;
|
|
102
78
|
}
|
|
103
79
|
|
|
104
80
|
@keyframes scroll-ticker-rtl {
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
:host {
|
|
2
|
-
--udex-list-item-group-header-padding-vertical: var(--
|
|
3
|
-
--udex-list-item-group-header-padding-horizontal: var(--
|
|
2
|
+
--udex-list-item-group-header-padding-vertical: var(--udexSpacer12, 12px);
|
|
3
|
+
--udex-list-item-group-header-padding-horizontal: var(--udexSpacer16, 16px);
|
|
4
4
|
--udex-list-item-group-header-supporting-text-color: var(--sapContent_LabelColor, #223548);
|
|
5
5
|
--udex-list-item-group-header-border-color: var(--sapList_BorderColor, #A9B4BE);
|
|
6
|
+
--udex-list-item-group-header-outline-border-color: var(--udexColorBlue10, #002A86);
|
|
6
7
|
}
|
|
7
8
|
|
|
8
9
|
.udex-list__header {
|
|
@@ -26,6 +27,11 @@
|
|
|
26
27
|
margin: 0;
|
|
27
28
|
}
|
|
28
29
|
|
|
30
|
+
.udex-list__group ::slotted([udex-list-item]) {
|
|
31
|
+
padding-inline-start: calc(var(--udexSpacer24) + var(--udexSpacer16));
|
|
32
|
+
--udex-list-item-padding-inline-start: 0;
|
|
33
|
+
}
|
|
34
|
+
|
|
29
35
|
.udex-list__header,
|
|
30
36
|
.udex-list__group-header {
|
|
31
37
|
font-weight: var(--udexTypographyFontWeightMedium, 500);
|
|
@@ -37,8 +43,26 @@
|
|
|
37
43
|
|
|
38
44
|
.udex-list__group-content {
|
|
39
45
|
display: flex;
|
|
40
|
-
border-
|
|
46
|
+
border-top: 1px solid var(--udex-list-item-group-header-border-color);
|
|
41
47
|
padding: var(--udex-list-item-group-header-padding-vertical) var(--udex-list-item-group-header-padding-horizontal);
|
|
48
|
+
align-items: center;
|
|
49
|
+
position: relative;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.udex-list__group-content.udex-list_group-content__focusable:focus,
|
|
53
|
+
.udex-list__group-content.udex-list_group-content__focusable:focus-visible {
|
|
54
|
+
outline: none;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.udex-list__group-content.udex-list_group-content__focusable:focus:before,
|
|
58
|
+
.udex-list__group-content.udex-list_group-content__focusable:focus-visible:before {
|
|
59
|
+
content: '';
|
|
60
|
+
position: absolute;
|
|
61
|
+
inset: 0;
|
|
62
|
+
outline: var(--udexRadiusXXS) solid var(--udex-list-item-group-header-outline-border-color);
|
|
63
|
+
outline-offset: -4px;
|
|
64
|
+
border-radius: var(--udexRadiusM, 8px);
|
|
65
|
+
pointer-events: none;
|
|
42
66
|
}
|
|
43
67
|
|
|
44
68
|
.udex-list__number {
|
|
@@ -52,10 +76,6 @@
|
|
|
52
76
|
position: relative;
|
|
53
77
|
}
|
|
54
78
|
|
|
55
|
-
:host([mode="SingleContent"])::part(group-item) {
|
|
56
|
-
padding: var(--udexSpacer4, 4px) 0;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
79
|
:host([mode="MultiSelect"]) .udex-list__group-header {
|
|
60
80
|
border-bottom: 1px solid var(--udex-list-item-group-header-border-color);
|
|
61
81
|
}
|
|
@@ -84,8 +104,83 @@
|
|
|
84
104
|
font-size: var(--udexTypographyBodySFontSize, 16px);
|
|
85
105
|
line-height: var(--udexTypographyBodyLineHeight, 24px);
|
|
86
106
|
font-weight: var(--udexTypographyFontWeightMedium, 500);
|
|
87
|
-
padding: var(--
|
|
107
|
+
padding: var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);
|
|
88
108
|
border-bottom: 1px solid var(--sapList_BorderColor, #A9B4BE);
|
|
109
|
+
display: flex;
|
|
110
|
+
justify-content: space-between;
|
|
111
|
+
align-items: center;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.udex-list__inactive-header-content {
|
|
89
115
|
display: flex;
|
|
90
116
|
flex-direction: column;
|
|
91
117
|
}
|
|
118
|
+
|
|
119
|
+
.udex-list__group-heading__icon {
|
|
120
|
+
transform: rotate(-90deg);
|
|
121
|
+
height: 18px;
|
|
122
|
+
width: 18px;
|
|
123
|
+
color: inherit;
|
|
124
|
+
cursor: pointer;
|
|
125
|
+
--udex-button-icon-s-size: 18px;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
.udex-list__group-heading__icon-wrapper {
|
|
129
|
+
height: 24px;
|
|
130
|
+
width: 24px;
|
|
131
|
+
display: flex;
|
|
132
|
+
justify-content: center;
|
|
133
|
+
align-items: center;
|
|
134
|
+
margin-inline-start: auto;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
:host(:dir(rtl)) .udex-list__group-heading__icon {
|
|
138
|
+
transform: rotate(90deg);
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
:host([collapsed]) .udex-list__group-heading__icon {
|
|
142
|
+
transform: rotate(90deg);
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
:host([collapsed]:dir(rtl)) .udex-list__group-heading__icon {
|
|
146
|
+
transform: rotate(-90deg);
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
:host([collapsible]) .udex-list__group-list__content,
|
|
150
|
+
:host([collapsible]) + .udex-list__group-list__content {
|
|
151
|
+
max-height: var(--udex-list-content-max-height);
|
|
152
|
+
overflow: hidden;
|
|
153
|
+
transition: max-height 200ms ease-in;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
:host([collapsible]) [udex-list-item][collapsed] + .udex-list__group-list__content,
|
|
157
|
+
:host([collapsible][collapsed]) .udex-list__inactive-header + .udex-list__group-list__content,
|
|
158
|
+
:host([collapsible][collapsed]) .udex-list__group-content + .udex-list__group-list__content,
|
|
159
|
+
:host([collapsible][collapsed]) + .udex-list__group-list__content,
|
|
160
|
+
.udex-list__group-header[collapsible][collapsed] + .udex-list__group-list__content {
|
|
161
|
+
max-height: 0;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
:host([collapsible][mode="RadioGroup"]) .udex-list__group-header-wrap,
|
|
165
|
+
:host([collapsible][mode="SingleContent"]) .udex-list__group-header-wrap,
|
|
166
|
+
:host([collapsible][mode="SingleSelect"]) .udex-list__group-header-wrap {
|
|
167
|
+
position: relative;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
:host([collapsible][mode="RadioGroup"]) .udex-list__group-header-wrap:focus,
|
|
171
|
+
:host([collapsible][mode="SingleContent"]) .udex-list__group-header-wrap:focus,
|
|
172
|
+
:host([collapsible][mode="SingleSelect"]) .udex-list__group-header-wrap:focus {
|
|
173
|
+
outline: none;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
:host([collapsible][mode="RadioGroup"]) .udex-list__group-header-wrap:focus:before,
|
|
177
|
+
:host([collapsible][mode="SingleContent"]) .udex-list__group-header-wrap:focus:before,
|
|
178
|
+
:host([collapsible][mode="SingleSelect"]) .udex-list__group-header-wrap:focus:before {
|
|
179
|
+
content: '';
|
|
180
|
+
position: absolute;
|
|
181
|
+
inset: 0;
|
|
182
|
+
outline: var(--udexRadiusXXS) solid var(--udexColorBlue10, #002A86);
|
|
183
|
+
outline-offset: -4px;
|
|
184
|
+
border-radius: var(--udexRadiusM, 8px);
|
|
185
|
+
}
|
|
186
|
+
|