@sapudex/web-components 2.53.0 → 2.54.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 +34 -0
- package/cypress/specs/SelectBox.cy.tsx +43 -0
- package/dist/Accordion.js +1 -1
- package/dist/Accordion.js.map +1 -1
- package/dist/AccordionItem.js +1 -1
- package/dist/AccordionItem.js.map +1 -1
- package/dist/Avatar.d.ts +2 -2
- package/dist/Avatar.js +1 -1
- package/dist/Avatar.js.map +1 -1
- package/dist/Badge.js +1 -1
- package/dist/Badge.js.map +1 -1
- package/dist/Breadcrumbs.js +1 -1
- package/dist/Breadcrumbs.js.map +1 -1
- package/dist/Carousel.js +1 -1
- package/dist/Carousel.js.map +1 -1
- package/dist/Contact.js +1 -1
- package/dist/Contact.js.map +1 -1
- package/dist/ContactItem.js +1 -1
- package/dist/ContactItem.js.map +1 -1
- package/dist/Feed.d.ts +2 -1
- package/dist/Feed.js +1 -1
- package/dist/Feed.js.map +1 -1
- package/dist/FeedItem.d.ts +2 -1
- package/dist/FeedItem.js +1 -1
- package/dist/FeedItem.js.map +1 -1
- package/dist/FilterMenuGroupHeader.js +1 -1
- package/dist/FilterMenuGroupHeader.js.map +1 -1
- package/dist/Footer.d.ts +2 -1
- package/dist/Footer.js +1 -1
- package/dist/Footer.js.map +1 -1
- package/dist/ImageGridCloud.js +1 -1
- package/dist/ImageGridCloud.js.map +1 -1
- package/dist/ImageGridTable.js +1 -1
- package/dist/ImageGridTable.js.map +1 -1
- package/dist/ImageGridTableItem.js +1 -1
- package/dist/ImageGridTableItem.js.map +1 -1
- package/dist/ImageGridTicker.js +1 -1
- package/dist/ImageGridTicker.js.map +1 -1
- package/dist/InputGroup.js +1 -1
- package/dist/InputGroup.js.map +1 -1
- package/dist/LinkList.js +1 -1
- package/dist/LinkList.js.map +1 -1
- package/dist/List.js +1 -1
- package/dist/List.js.map +1 -1
- package/dist/ListGroupHeaderBase.js +1 -1
- package/dist/ListGroupHeaderBase.js.map +1 -1
- package/dist/ListItem.d.ts +3 -3
- package/dist/ListItem.js +1 -1
- package/dist/ListItem.js.map +1 -1
- package/dist/MastheadItem.d.ts +3 -3
- package/dist/MastheadItem.js +1 -1
- package/dist/MastheadItem.js.map +1 -1
- package/dist/MastheadMobileMenu.d.ts +3 -3
- package/dist/MastheadMobileMenu.js +1 -1
- package/dist/MastheadMobileMenu.js.map +1 -1
- package/dist/MastheadProfileMenu.d.ts +3 -2
- package/dist/MastheadProfileMenu.js +1 -1
- package/dist/MastheadProfileMenu.js.map +1 -1
- package/dist/MastheadShell.d.ts +9 -9
- package/dist/MastheadShell.js +1 -1
- package/dist/MastheadShell.js.map +1 -1
- package/dist/MediaPlayer.d.ts +1 -1
- package/dist/MediaPlayer.js +5 -3
- package/dist/MediaPlayer.js.map +1 -1
- package/dist/MediaPlayerVimeo.d.ts +6 -0
- package/dist/MediaPlayerVimeo.js +27 -6
- package/dist/MediaPlayerVimeo.js.map +1 -1
- package/dist/MediaPlayerYoutube.d.ts +3 -0
- package/dist/MediaPlayerYoutube.js +24 -5
- package/dist/MediaPlayerYoutube.js.map +1 -1
- package/dist/MessageStrip.d.ts +2 -1
- package/dist/MessageStrip.js +1 -1
- package/dist/MessageStrip.js.map +1 -1
- package/dist/Modal.d.ts +2 -0
- package/dist/Modal.js +10 -3
- package/dist/Modal.js.map +1 -1
- package/dist/PromoTile.d.ts +2 -2
- package/dist/PromoTile.js +1 -1
- package/dist/PromoTile.js.map +1 -1
- package/dist/Quote.d.ts +4 -4
- package/dist/Quote.js +1 -1
- package/dist/Quote.js.map +1 -1
- package/dist/Review.d.ts +3 -3
- package/dist/Review.js +1 -1
- package/dist/Review.js.map +1 -1
- package/dist/ReviewItem.d.ts +4 -3
- package/dist/ReviewItem.js +1 -1
- package/dist/ReviewItem.js.map +1 -1
- package/dist/Search.js +1 -1
- package/dist/Search.js.map +1 -1
- package/dist/SearchableListBase.js +5 -1
- package/dist/SearchableListBase.js.map +1 -1
- package/dist/SecondaryNavigation.d.ts +3 -3
- package/dist/SecondaryNavigation.js +1 -1
- package/dist/SecondaryNavigation.js.map +1 -1
- package/dist/SecondaryNavigationItem.d.ts +2 -1
- package/dist/SecondaryNavigationItem.js +1 -1
- package/dist/SecondaryNavigationItem.js.map +1 -1
- package/dist/SelectBase.js +1 -1
- package/dist/SelectBase.js.map +1 -1
- package/dist/SelectBoxGroupHeader.js +1 -1
- package/dist/SelectBoxGroupHeader.js.map +1 -1
- package/dist/SelectBoxItem.d.ts +3 -3
- package/dist/SelectBoxItem.js +1 -1
- package/dist/SelectBoxItem.js.map +1 -1
- package/dist/SideNavigationMobile.d.ts +2 -2
- package/dist/SideNavigationMobile.js +1 -1
- package/dist/SideNavigationMobile.js.map +1 -1
- package/dist/SocialMediaButton.js +1 -1
- package/dist/SocialMediaButton.js.map +1 -1
- package/dist/Tab.d.ts +2 -2
- package/dist/Tab.js +1 -1
- package/dist/Tab.js.map +1 -1
- package/dist/TabNavigation.d.ts +2 -2
- package/dist/TabNavigation.js +1 -1
- package/dist/TabNavigation.js.map +1 -1
- package/dist/Table.d.ts +5 -5
- package/dist/Table.js +1 -1
- package/dist/Table.js.map +1 -1
- package/dist/TableCellBase.js +1 -1
- package/dist/TableCellBase.js.map +1 -1
- package/dist/TableGroupRow.js +1 -1
- package/dist/TableGroupRow.js.map +1 -1
- package/dist/TableRowBase.js +1 -1
- package/dist/TableRowBase.js.map +1 -1
- package/dist/TagGroup.js +1 -1
- package/dist/TagGroup.js.map +1 -1
- package/dist/Tile.d.ts +2 -1
- package/dist/Tile.js +1 -1
- package/dist/Tile.js.map +1 -1
- package/dist/Tooltip.d.ts +2 -1
- package/dist/Tooltip.js +1 -1
- package/dist/Tooltip.js.map +1 -1
- package/dist/Wizard.js +1 -1
- package/dist/Wizard.js.map +1 -1
- package/dist/assets/{InputSuggestions-0yCPXAmq.js → InputSuggestions-CqOrRXxa.js} +1 -1
- package/dist/assets/{ListItemStandardExpandableTextTemplate-DjZEnCXN.js → ListItemStandardExpandableTextTemplate-DKUm4L2B.js} +1 -1
- package/dist/assets/{bundle.esm-DJuMR5ko.js → bundle.esm-CI60uvdr.js} +229 -229
- package/dist/css/themes/AccordionItem.css +1 -1
- package/dist/css/themes/Footer.css +1 -1
- package/dist/custom-elements-internal.json +185 -163
- package/dist/custom-elements.json +153 -139
- package/dist/generated/themes/AccordionItem.css.d.ts +1 -1
- package/dist/generated/themes/AccordionItem.css.js +1 -1
- package/dist/generated/themes/AccordionItem.css.js.map +1 -1
- package/dist/generated/themes/Footer.css.d.ts +1 -1
- package/dist/generated/themes/Footer.css.js +1 -1
- package/dist/generated/themes/Footer.css.js.map +1 -1
- package/dist/vscode.html-custom-data.json +2 -2
- package/dist/web-types.json +23 -7
- package/package.json +1 -1
- package/src/Accordion.ts +1 -1
- package/src/AccordionItem.ts +1 -1
- package/src/Avatar.ts +3 -3
- package/src/Badge.ts +1 -1
- package/src/Breadcrumbs.ts +1 -1
- package/src/Carousel.ts +1 -1
- package/src/Contact.ts +1 -1
- package/src/ContactItem.ts +1 -1
- package/src/Feed.ts +3 -2
- package/src/FeedItem.ts +3 -2
- package/src/FilterMenuGroupHeader.ts +1 -1
- package/src/Footer.ts +3 -2
- package/src/ImageGridCloud.ts +1 -1
- package/src/ImageGridTable.ts +1 -1
- package/src/ImageGridTableItem.ts +1 -1
- package/src/ImageGridTicker.ts +1 -1
- package/src/InputGroup.ts +1 -1
- package/src/LinkList.ts +1 -1
- package/src/List.ts +1 -1
- package/src/ListGroupHeaderBase.ts +1 -1
- package/src/ListItem.ts +4 -4
- package/src/MastheadItem.ts +4 -4
- package/src/MastheadMobileMenu.ts +4 -4
- package/src/MastheadProfileMenu.ts +4 -3
- package/src/MastheadShell.ts +10 -10
- package/src/MediaPlayer.ts +5 -4
- package/src/MediaPlayerVimeo.ts +31 -6
- package/src/MediaPlayerYoutube.ts +24 -5
- package/src/MessageStrip.ts +3 -2
- package/src/Modal.ts +18 -3
- package/src/PromoTile.ts +3 -3
- package/src/Quote.ts +5 -5
- package/src/Review.ts +4 -4
- package/src/ReviewItem.ts +5 -4
- package/src/Search.ts +1 -1
- package/src/SearchableListBase.ts +6 -1
- package/src/SecondaryNavigation.ts +4 -4
- package/src/SecondaryNavigationItem.ts +3 -2
- package/src/SelectBase.ts +1 -1
- package/src/SelectBoxGroupHeader.ts +1 -1
- package/src/SelectBoxItem.ts +4 -4
- package/src/SideNavigationMobile.ts +3 -3
- package/src/SocialMediaButton.ts +1 -1
- package/src/Tab.ts +3 -3
- package/src/TabNavigation.ts +3 -3
- package/src/Table.ts +6 -6
- package/src/TableCellBase.ts +1 -1
- package/src/TableGroupRow.ts +1 -1
- package/src/TableRowBase.ts +1 -1
- package/src/TagGroup.ts +1 -1
- package/src/Tile.ts +3 -2
- package/src/Tooltip.ts +3 -2
- package/src/Wizard.ts +1 -1
- package/src/generated/themes/AccordionItem.css.ts +1 -1
- package/src/generated/themes/Footer.css.ts +1 -1
- package/src/themes/AccordionItem.css +2 -2
- package/src/themes/Footer.css +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
:host{--udex-accordion-item-icon-color: var(--udexColorBlue8, #0057D2);--udex-accordion-item-headline-color: var(--sapTitleColor, var(--udexColorNeutralBlack));--udex-accordion-item-headline-hover-color: var(--udexColorBlue8, #0057D2);--udex-accordion-item-headline-font-size: var(--sapFontHeader5Size, var(--udexTypographyHeadingMediumXXXSFontSize, 18px));--udex-accordion-item-headline-large-font-size: var(--sapFontHeader4Size, var(--udexTypographyHeadingMediumXXSFontSize, 20px));--udex-accordion-item-title-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-accordion-item-border-color: var(--sapShell_BorderColor, var(--udexColorGrey3));--udex-accordion-item-border-width: 1px;--udex-accordion-item-background-color: transparent;--udex-accordion-item-hover-background-color: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-accordion-item-header-padding: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) var(--udexSpacer16, 16px);--udex-accordion-item-icon-width: 16px;--udex-accordion-item-icon-height: 16px;--udex-accordion-item-label-icon-width: 24px;--udex-accordion-item-label-icon-height: 24px;--udex-accordion-item-content-
|
|
1
|
+
:host{--udex-accordion-item-icon-color: var(--udexColorBlue8, #0057D2);--udex-accordion-item-headline-color: var(--sapTitleColor, var(--udexColorNeutralBlack));--udex-accordion-item-headline-hover-color: var(--udexColorBlue8, #0057D2);--udex-accordion-item-headline-font-size: var(--sapFontHeader5Size, var(--udexTypographyHeadingMediumXXXSFontSize, 18px));--udex-accordion-item-headline-large-font-size: var(--sapFontHeader4Size, var(--udexTypographyHeadingMediumXXSFontSize, 20px));--udex-accordion-item-title-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-accordion-item-border-color: var(--sapShell_BorderColor, var(--udexColorGrey3));--udex-accordion-item-border-width: 1px;--udex-accordion-item-background-color: transparent;--udex-accordion-item-hover-background-color: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-accordion-item-header-padding: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) var(--udexSpacer16, 16px);--udex-accordion-item-icon-width: 16px;--udex-accordion-item-icon-height: 16px;--udex-accordion-item-label-icon-width: 24px;--udex-accordion-item-label-icon-height: 24px;--udex-accordion-item-content-padding: 0 var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) var(--udexSpacer16, 16px);--udex-accordion-item-with-icon-content-margin: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) calc(var(--udexSpacer16, 16px) + var(--udex-accordion-item-label-icon-width, 24px) + var(--udexSpacer12, 12px));--udex-accordion-item-content-max-height: 1000px;--udex-accordion-item-button-icon-m-size: 16px;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapProgress_FontSize, 16px)}:host{display:block}[udex-divider]{--udex-divider-transition: border-color .3s ease-in;--udex-divider-padding: 0;--udex-divider-color: var(--udex-accordion-item-border-color)}.udex-accordion-item{list-style-type:none}.udex-accordion-item__header{display:flex;align-items:center;cursor:pointer;border:none;background:var(--udex-accordion-item-background-color);width:100%;font-family:inherit;color:var(--udex-accordion-item-headline-color);font-size:var(--udex-accordion-item-headline-font-size);gap:var(--udexSpacer12, 12px);padding:var(--udex-accordion-item-header-padding);line-height:var(--udexTypographyHeadingLineHeight, 1.1);transition:color .3s ease-in}.udex-accordion-item__header--large{font-size:var(--udex-accordion-item-headline-large-font-size)}.udex-accordion-item__header:hover{color:var(--udex-accordion-item-headline-hover-color)}.udex-accordion-item__header:hover~[udex-divider]{--udex-divider-color: var(--udex-accordion-item-headline-hover-color)}.udex-accordion-item__header:hover{background-color:var(--udex-accordion-item-hover-background-color)}:host([desktop]) .udex-accordion-item__header:focus,.udex-accordion-item__header:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);border-radius:var(--udexRadiusM, 8px)}.udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-270deg)}:host(:dir(rtl)) .udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-90deg)}:host([expanded]) .udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-90deg)}:host([expanded]:dir(rtl)) .udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-270deg)}.udex-accordion-item__icon{height:var(--udex-accordion-item-button-icon-m-size);width:var(--udex-accordion-item-button-icon-m-size);color:var(--udex-accordion-item-icon-color);transition:transform .4s ease-in}.udex-accordion-item__icon-wrapper{min-width:var(--udex-accordion-item-icon-width);height:var(--udex-accordion-item-icon-height);display:inline-flex;align-items:center;justify-content:center}.udex-accordion-item__label-icon-wrapper{min-width:var(--udex-accordion-item-label-icon-width);height:var(--udex-accordion-item-label-icon-height)}.udex-accordion-item__icon-wrapper:not(.udex-accordion-item__label-icon-wrapper){margin-inline-start:auto}.udex-accordion-item__title{font-weight:var(--udex-accordion-item-title-font-weight);align-items:center;display:flex;text-align:start;min-height:18px}.udex-accordion-item__content{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease-in,opacity .4s ease-in}.udex-accordion-item__content-inner{padding:var(--udex-accordion-item-content-padding)}.udex-accordion-item--with-title .udex-accordion-item__content-inner{padding:var(--udex-accordion-item-with-icon-content-margin)}:host([expanded]) .udex-accordion-item__content{max-height:var(--udex-accordion-item-content-max-height);opacity:1}.udex-accordion-item__badge{display:inline-flex;margin-inline-start:var(--udexSpacer8)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:host{--udex-footer-container-xl-max-width: 1432px;--udex-footer-container-l-max-width: 1456px;--udex-footer-background-color: var(--udexColorGrey2, #EAECEE);--udex-footer-icon-color: var(--udexColorGrey9, #223548);--udex-footer-text-color: var(--sapShell_NeutralColor, #475E75);--udex-footer-expandable-link-text-color: var(--sapTitleColor, #000);--udex-footer-expandable-link-underline-border: var(--sapNeutralBorderColor, #A9B4BE);--udex-footer-link-color-heading: var(--sapShell_GroupTitleTextColor, #354A5F);--udex-footer-link-color: var(--sapShell_InteractiveTextColor, #354A5F);--udex-footer-tagline-max-width: 235px;--udex-footer-tagline-chinese-max-width: 93px;--udex-footer-logo-max-width: 66px;--udex-footer-logo-chinese-max-width: 139px;display:block;container-type:inline-size;width:100%}:host a{text-decoration:none;color:var(--udex-footer-link-color)}:host a:hover{text-decoration:underline}.udex-footer{background:var(--udex-footer-background-color);padding:var(--udexSpacer72) var(--udexSpacer84);font-family:var(--sapFontFamily);color:var(--udex-footer-text-color);position:relative}.udex-footer__content{display:flex;flex-wrap:wrap;position:relative;justify-content:space-between;margin:0 auto;max-width:var(--udex-footer-container-xl-max-width);column-gap:var(--udexSpacer48)}.udex-footer__contact-social{position:relative;flex:1 0 24.8%}.udex-footer__back-to-top-button{position:absolute;top:var(--udexSpacer48);right:var(--udexSpacer24);left:auto;bottom:auto}.udex-footer__back-to-top-button:dir(rtl){left:var(--udexSpacer24);right:auto}.udex-footer__logo{display:flex;align-items:start;margin-bottom:var(--udexSpacer48)}.udex-footer__logo a{display:inline-flex}.udex-footer__logo-image{height:32px;max-width:var(--udex-footer-logo-max-width)}.udex-footer__logo-image-chinese{width:var(--udex-footer-logo-chinese-max-width)}.udex-footer__contact-social,.udex-footer__numbers-wrapper,.udex-footer__contact{display:flex;flex-direction:column}.udex-footer__contact>div{display:flex;margin-bottom:var(--udexSpacer20)}.udex-footer__numbers-wrapper{gap:var(--udexSpacer20)}.udex-footer__icon-container{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:26px;height:26px;padding:var(--udexSpacer4);margin-inline-end:var(--udexSpacer16)}.udex-footer__contact .udex-footer__icon{width:18px;height:18px;color:var(--udex-footer-icon-color)}.udex-footer__country,.udex-footer__chat-with-us-link,.udex-footer__contact-us-link{font-size:var(--udexTypographyBodyXSFontSize);line-height:21px}.udex-footer__number{font-size:var(--udexTypographyHeadingMediumXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);line-height:22px}.udex-footer__remark,.udex-footer__remark-link{font-size:var(--udexTypographyBodyXXSFontSize);line-height:18px}.udex-footer__country{margin:0 0 var(--udexSpacer2)}.udex-footer__remark,.udex-footer__number{margin:var(--udexSpacer2) 0 0}.hidden,.udex-footer__divider,.udex-footer__action-item,.udex-footer__accordion::part(head){display:none}.udex-footer__social-container{display:flex;flex-wrap:wrap;width:100%;list-style-type:none;margin-block:0;padding-inline-start:0;padding-top:var(--udexSpacer20);row-gap:var(--udexSpacer12);column-gap:var(--udexSpacer12)}.udex-footer__links{display:flex;gap:var(--udexSpacer48);flex:1 1 59%}.udex-footer__links-group{flex-basis:21.5%}.udex-footer__links>div{margin:0}.udex-footer__links-list{list-style:none;margin:0;padding:0}.udex-footer__links-item{font-size:var(--udexTypographyNavigationMediumXLFontSize);line-height:18px;font-weight:var(--udexTypographyFontWeightMedium);color:var(--udex-footer-link-color-heading);margin:0 0 var(--udexSpacer20)}.udex-footer__links-list li a{padding:var(--udexSpacer8) 0;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight, 1.5);display:inline-block;box-sizing:border-box}:host([desktop]) .udex-footer a:focus,.udex-footer a:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--sapContent_FocusColor, #0040B0);border-radius:var(--udexRadiusXXS, 2px)}.udex-footer__contact-us,.udex-footer__chat-with-us{align-items:center}.udex-footer__copyright{display:flex;flex-direction:column;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight);padding-top:var(--udexSpacer32)}:host .udex-footer__copyright-chinese-link{--udex-link-font-size: inherit;--udex-link-subtle-color: var(--udex-footer-text-color)}.udex-footer__tagline-image,.udex-footer__tagline-image-chinese{margin-inline-start:var(--udexSpacer4);width:100%}.udex-footer__tagline-image-chinese{max-width:var(--udex-footer-tagline-chinese-max-width)}.udex-footer__tagline-image{max-width:var(--udex-footer-tagline-max-width)}@media (max-width: 1599px){.udex-footer{padding:var(--udexSpacer72)}.udex-footer__content{max-width:var(--udex-footer-container-l-max-width)}}@media (max-width: 1279px){.udex-footer__action-item{--udex-accordion-item-header-padding: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);--udex-accordion-item-content-
|
|
1
|
+
:host{--udex-footer-container-xl-max-width: 1432px;--udex-footer-container-l-max-width: 1456px;--udex-footer-background-color: var(--udexColorGrey2, #EAECEE);--udex-footer-icon-color: var(--udexColorGrey9, #223548);--udex-footer-text-color: var(--sapShell_NeutralColor, #475E75);--udex-footer-expandable-link-text-color: var(--sapTitleColor, #000);--udex-footer-expandable-link-underline-border: var(--sapNeutralBorderColor, #A9B4BE);--udex-footer-link-color-heading: var(--sapShell_GroupTitleTextColor, #354A5F);--udex-footer-link-color: var(--sapShell_InteractiveTextColor, #354A5F);--udex-footer-tagline-max-width: 235px;--udex-footer-tagline-chinese-max-width: 93px;--udex-footer-logo-max-width: 66px;--udex-footer-logo-chinese-max-width: 139px;display:block;container-type:inline-size;width:100%}:host a{text-decoration:none;color:var(--udex-footer-link-color)}:host a:hover{text-decoration:underline}.udex-footer{background:var(--udex-footer-background-color);padding:var(--udexSpacer72) var(--udexSpacer84);font-family:var(--sapFontFamily);color:var(--udex-footer-text-color);position:relative}.udex-footer__content{display:flex;flex-wrap:wrap;position:relative;justify-content:space-between;margin:0 auto;max-width:var(--udex-footer-container-xl-max-width);column-gap:var(--udexSpacer48)}.udex-footer__contact-social{position:relative;flex:1 0 24.8%}.udex-footer__back-to-top-button{position:absolute;top:var(--udexSpacer48);right:var(--udexSpacer24);left:auto;bottom:auto}.udex-footer__back-to-top-button:dir(rtl){left:var(--udexSpacer24);right:auto}.udex-footer__logo{display:flex;align-items:start;margin-bottom:var(--udexSpacer48)}.udex-footer__logo a{display:inline-flex}.udex-footer__logo-image{height:32px;max-width:var(--udex-footer-logo-max-width)}.udex-footer__logo-image-chinese{width:var(--udex-footer-logo-chinese-max-width)}.udex-footer__contact-social,.udex-footer__numbers-wrapper,.udex-footer__contact{display:flex;flex-direction:column}.udex-footer__contact>div{display:flex;margin-bottom:var(--udexSpacer20)}.udex-footer__numbers-wrapper{gap:var(--udexSpacer20)}.udex-footer__icon-container{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:26px;height:26px;padding:var(--udexSpacer4);margin-inline-end:var(--udexSpacer16)}.udex-footer__contact .udex-footer__icon{width:18px;height:18px;color:var(--udex-footer-icon-color)}.udex-footer__country,.udex-footer__chat-with-us-link,.udex-footer__contact-us-link{font-size:var(--udexTypographyBodyXSFontSize);line-height:21px}.udex-footer__number{font-size:var(--udexTypographyHeadingMediumXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);line-height:22px}.udex-footer__remark,.udex-footer__remark-link{font-size:var(--udexTypographyBodyXXSFontSize);line-height:18px}.udex-footer__country{margin:0 0 var(--udexSpacer2)}.udex-footer__remark,.udex-footer__number{margin:var(--udexSpacer2) 0 0}.hidden,.udex-footer__divider,.udex-footer__action-item,.udex-footer__accordion::part(head){display:none}.udex-footer__social-container{display:flex;flex-wrap:wrap;width:100%;list-style-type:none;margin-block:0;padding-inline-start:0;padding-top:var(--udexSpacer20);row-gap:var(--udexSpacer12);column-gap:var(--udexSpacer12)}.udex-footer__links{display:flex;gap:var(--udexSpacer48);flex:1 1 59%}.udex-footer__links-group{flex-basis:21.5%}.udex-footer__links>div{margin:0}.udex-footer__links-list{list-style:none;margin:0;padding:0}.udex-footer__links-item{font-size:var(--udexTypographyNavigationMediumXLFontSize);line-height:18px;font-weight:var(--udexTypographyFontWeightMedium);color:var(--udex-footer-link-color-heading);margin:0 0 var(--udexSpacer20)}.udex-footer__links-list li a{padding:var(--udexSpacer8) 0;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight, 1.5);display:inline-block;box-sizing:border-box}:host([desktop]) .udex-footer a:focus,.udex-footer a:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--sapContent_FocusColor, #0040B0);border-radius:var(--udexRadiusXXS, 2px)}.udex-footer__contact-us,.udex-footer__chat-with-us{align-items:center}.udex-footer__copyright{display:flex;flex-direction:column;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight);padding-top:var(--udexSpacer32)}:host .udex-footer__copyright-chinese-link{--udex-link-font-size: inherit;--udex-link-subtle-color: var(--udex-footer-text-color)}.udex-footer__tagline-image,.udex-footer__tagline-image-chinese{margin-inline-start:var(--udexSpacer4);width:100%}.udex-footer__tagline-image-chinese{max-width:var(--udex-footer-tagline-chinese-max-width)}.udex-footer__tagline-image{max-width:var(--udex-footer-tagline-max-width)}@media (max-width: 1599px){.udex-footer{padding:var(--udexSpacer72)}.udex-footer__content{max-width:var(--udex-footer-container-l-max-width)}}@media (max-width: 1279px){.udex-footer__action-item{--udex-accordion-item-header-padding: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);--udex-accordion-item-content-padding: var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer8)}.udex-footer__links-list li:not(:last-child){margin-bottom:var(--udexSpacer8)}.udex-footer__back-to-top-button{top:var(--udexSpacer40)}.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer84)}.udex-footer__copyright{padding:0}.udex-footer__content{flex-direction:column;flex-wrap:nowrap;gap:var(--udexSpacer20)}.udex-footer__logo{margin-bottom:var(--udexSpacer32)}.udex-footer__logo:only-child{margin-bottom:0}.udex-footer__contact-us,.udex-footer__chat-with-us,.udex-footer__contact>div{margin-bottom:auto}.udex-footer__social-container{padding-top:0}.udex-footer__back-to-top-button{right:var(--udexSpacer16)}.udex-footer__back-to-top-button:dir(rtl){left:var(--udexSpacer16)}.udex-footer__contact{gap:var(--udexSpacer48);flex-direction:row}.udex-footer__divider{display:block}.udex-footer__contact>div,.udex-footer__links-group{flex:1}.udex-footer__links{flex:1 1 auto}}@media (max-width: 979px){.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer48) var(--udexSpacer120) var(--udexSpacer48)}.udex-footer__back-to-top-button{bottom:38px;left:var(--udexSpacer48);top:auto;right:auto}.udex-footer__back-to-top-button:dir(rtl){bottom:38px;right:var(--udexSpacer48);top:auto;left:auto}.udex-footer__content{gap:var(--udexSpacer20)}.udex-footer__contact{gap:var(--udexSpacer20);flex-direction:column}.udex-footer__action-item{--udex-accordion-border-width: 1px;--udex-accordion-item-title-font-weight: var(--udexTypographyFontWeightRegular);--udex-accordion-item-headline-font-size: var(--udexTypographyHeadingRegularXXXXSFontSize);--udex-accordion-item-headline-color: var(--udex-footer-expandable-link-text-color);--udex-accordion-item-border-color: var(--udex-footer-expandable-link-underline-border);display:block;width:100%}.udex-footer__links,.udex-footer__divider{display:none}.udex-footer__accordion{padding:var(--udexSpacer12) 0}}@media (max-width: 639px){.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer24) var(--udexSpacer120)}.udex-footer__back-to-top-button{left:var(--udexSpacer24)}.udex-footer__back-to-top-button:dir(rtl){right:var(--udexSpacer24)}}
|