@sapudex/web-components 2.48.0 → 2.50.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/bundle.esm.js +2 -0
- package/cypress/specs/AccordionSpotlight.cy.tsx +402 -0
- package/cypress/specs/BusyIndicator.cy.tsx +15 -0
- package/cypress/specs/Carousel.cy.tsx +142 -0
- package/cypress/specs/FilterMenu.cy.tsx +968 -10
- package/cypress/specs/List.cy.tsx +106 -0
- package/cypress/specs/ListItem.cy.tsx +291 -1
- package/cypress/specs/MediaPlayer.cy.tsx +32 -0
- package/cypress/specs/SelectBox.cy.tsx +134 -3
- package/cypress/specs/TabNavigation.cy.tsx +56 -0
- package/cypress/support/component-imports.instrumented.ts +6 -0
- package/cypress/support/component-imports.src.ts +6 -0
- package/dist/AccordionSpotlight.d.ts +149 -0
- package/dist/AccordionSpotlight.js +284 -0
- package/dist/AccordionSpotlight.js.map +1 -0
- package/dist/AccordionSpotlightItem.d.ts +76 -0
- package/dist/AccordionSpotlightItem.js +115 -0
- package/dist/AccordionSpotlightItem.js.map +1 -0
- package/dist/AccordionSpotlightItemTemplate.d.ts +2 -0
- package/dist/AccordionSpotlightItemTemplate.js +5 -0
- package/dist/AccordionSpotlightItemTemplate.js.map +1 -0
- package/dist/AccordionSpotlightTemplate.d.ts +2 -0
- package/dist/AccordionSpotlightTemplate.js +10 -0
- package/dist/AccordionSpotlightTemplate.js.map +1 -0
- package/dist/BusyIndicator.d.ts +9 -0
- package/dist/BusyIndicator.js +7 -1
- package/dist/BusyIndicator.js.map +1 -1
- package/dist/Carousel.d.ts +26 -15
- package/dist/Carousel.js +71 -55
- package/dist/Carousel.js.map +1 -1
- package/dist/FilterMenu.d.ts +12 -2
- package/dist/FilterMenu.js +24 -4
- package/dist/FilterMenu.js.map +1 -1
- package/dist/FilterMenuTemplate.js +1 -1
- package/dist/FilterMenuTemplate.js.map +1 -1
- package/dist/HeroBanner.d.ts +18 -9
- package/dist/HeroBanner.js +38 -35
- package/dist/HeroBanner.js.map +1 -1
- package/dist/HeroBannerTemplate.js +2 -2
- package/dist/HeroBannerTemplate.js.map +1 -1
- package/dist/List.d.ts +1 -0
- package/dist/List.js +24 -11
- package/dist/List.js.map +1 -1
- package/dist/ListGroupHeader.js +5 -1
- package/dist/ListGroupHeader.js.map +1 -1
- package/dist/ListGroupHeaderBase.d.ts +22 -0
- package/dist/ListGroupHeaderBase.js +44 -0
- package/dist/ListGroupHeaderBase.js.map +1 -1
- package/dist/ListItem.d.ts +4 -0
- package/dist/ListItem.js +32 -0
- package/dist/ListItem.js.map +1 -1
- package/dist/MediaPlayer.d.ts +2 -0
- package/dist/MediaPlayer.js +12 -0
- package/dist/MediaPlayer.js.map +1 -1
- package/dist/PromoTile.js +1 -1
- package/dist/PromoTile.js.map +1 -1
- package/dist/SearchableListBase.d.ts +10 -1
- package/dist/SearchableListBase.js +23 -7
- package/dist/SearchableListBase.js.map +1 -1
- package/dist/SearchableListBaseTemplate.js +3 -2
- package/dist/SearchableListBaseTemplate.js.map +1 -1
- package/dist/SelectBase.d.ts +14 -0
- package/dist/SelectBase.js +56 -3
- package/dist/SelectBase.js.map +1 -1
- package/dist/SelectBoxTemplate.js +1 -1
- package/dist/SelectBoxTemplate.js.map +1 -1
- package/dist/TabNavigation.d.ts +7 -1
- package/dist/TabNavigation.js +8 -2
- package/dist/TabNavigation.js.map +1 -1
- package/dist/Wizard.d.ts +5 -0
- package/dist/Wizard.js +11 -0
- package/dist/Wizard.js.map +1 -1
- package/dist/assets/{InputSuggestions-BcK6O4Bk.js → InputSuggestions-DZR626c7.js} +1 -1
- package/dist/assets/{ListItemStandardExpandableTextTemplate-u600dmHC.js → ListItemStandardExpandableTextTemplate-D_5VXMzU.js} +1 -1
- package/dist/assets/{bundle-JYo3bV8v.css → bundle-CkxyEA8c.css} +1 -1
- package/dist/assets/{bundle.esm-C6Ie2WeI.js → bundle.esm-DuQLY8Jz.js} +241 -238
- package/dist/assets/messagebundle_ar-BUZ_gTvQ.js +1 -0
- package/dist/assets/messagebundle_no-BZQfeWxT.js +1 -0
- package/dist/css/themes/Accordion.css +1 -1
- package/dist/css/themes/AccordionItem.css +1 -1
- package/dist/css/themes/AccordionSpotlight.css +1 -0
- package/dist/css/themes/AccordionSpotlightItem.css +1 -0
- package/dist/css/themes/Badge.css +1 -1
- package/dist/css/themes/BusyIndicator.css +1 -0
- package/dist/css/themes/Button.css +1 -1
- package/dist/css/themes/Divider.css +1 -1
- package/dist/css/themes/Dropdown.css +1 -1
- package/dist/css/themes/FilterMenu.css +1 -1
- package/dist/css/themes/Footer.css +1 -1
- package/dist/css/themes/HeroBanner.css +1 -1
- package/dist/css/themes/ImageGridTableItem.css +1 -1
- package/dist/css/themes/InputGroup.css +1 -1
- package/dist/css/themes/MastheadShell.css +1 -1
- package/dist/css/themes/MediaPlayer.css +1 -1
- package/dist/css/themes/PhoneNumberField.css +1 -1
- package/dist/css/themes/ProgressBar.css +1 -1
- package/dist/css/themes/PromoTile.css +1 -1
- package/dist/css/themes/RadioButton.css +1 -1
- package/dist/css/themes/Review.css +1 -1
- package/dist/css/themes/ReviewItem.css +1 -1
- package/dist/css/themes/Search.css +1 -1
- package/dist/css/themes/SelectBase.css +1 -1
- package/dist/css/themes/SelectBox.css +1 -1
- package/dist/css/themes/SideNavigation.css +1 -1
- package/dist/css/themes/SideNavigationGroup.css +1 -1
- package/dist/css/themes/SocialMediaButton.css +1 -1
- package/dist/css/themes/StepInput.css +1 -1
- package/dist/css/themes/Switch.css +1 -1
- package/dist/css/themes/TabNavigation.css +1 -1
- package/dist/css/themes/Tag.css +1 -1
- package/dist/css/themes/TagGroup.css +1 -1
- package/dist/css/themes/TextArea.css +1 -1
- package/dist/css/themes/TextField.css +1 -1
- package/dist/css/themes/Toast.css +1 -1
- package/dist/custom-elements-internal.json +508 -42
- package/dist/custom-elements.json +407 -52
- package/dist/generated/assets/i18n/messagebundle_ar.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_no.json +1 -1
- package/dist/generated/templates/ListGroupHeaderTemplate.lit.js +24 -21
- package/dist/generated/templates/ListGroupHeaderTemplate.lit.js.map +1 -1
- package/dist/generated/templates/ListItemTemplate.lit.js +2 -2
- package/dist/generated/templates/ListItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/TabNavigationTemplate.lit.js +1 -1
- package/dist/generated/templates/TabNavigationTemplate.lit.js.map +1 -1
- package/dist/generated/themes/Accordion.css.d.ts +1 -1
- package/dist/generated/themes/Accordion.css.js +1 -1
- package/dist/generated/themes/Accordion.css.js.map +1 -1
- 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/AccordionSpotlight.css.d.ts +2 -0
- package/dist/generated/themes/AccordionSpotlight.css.js +8 -0
- package/dist/generated/themes/AccordionSpotlight.css.js.map +1 -0
- package/dist/generated/themes/AccordionSpotlightItem.css.d.ts +2 -0
- package/dist/generated/themes/AccordionSpotlightItem.css.js +8 -0
- package/dist/generated/themes/AccordionSpotlightItem.css.js.map +1 -0
- package/dist/generated/themes/Badge.css.d.ts +1 -1
- package/dist/generated/themes/Badge.css.js +1 -1
- package/dist/generated/themes/Badge.css.js.map +1 -1
- package/dist/generated/themes/BusyIndicator.css.d.ts +2 -0
- package/dist/generated/themes/BusyIndicator.css.js +8 -0
- package/dist/generated/themes/BusyIndicator.css.js.map +1 -0
- 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/Divider.css.d.ts +1 -1
- package/dist/generated/themes/Divider.css.js +1 -1
- package/dist/generated/themes/Divider.css.js.map +1 -1
- package/dist/generated/themes/Dropdown.css.d.ts +1 -1
- package/dist/generated/themes/Dropdown.css.js +1 -1
- package/dist/generated/themes/Dropdown.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/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/generated/themes/HeroBanner.css.d.ts +1 -1
- package/dist/generated/themes/HeroBanner.css.js +1 -1
- package/dist/generated/themes/HeroBanner.css.js.map +1 -1
- package/dist/generated/themes/ImageGridTableItem.css.d.ts +1 -1
- package/dist/generated/themes/ImageGridTableItem.css.js +1 -1
- package/dist/generated/themes/ImageGridTableItem.css.js.map +1 -1
- package/dist/generated/themes/InputGroup.css.d.ts +1 -1
- package/dist/generated/themes/InputGroup.css.js +1 -1
- package/dist/generated/themes/InputGroup.css.js.map +1 -1
- package/dist/generated/themes/MastheadShell.css.d.ts +1 -1
- package/dist/generated/themes/MastheadShell.css.js +1 -1
- package/dist/generated/themes/MastheadShell.css.js.map +1 -1
- package/dist/generated/themes/MediaPlayer.css.d.ts +1 -1
- package/dist/generated/themes/MediaPlayer.css.js +1 -1
- package/dist/generated/themes/MediaPlayer.css.js.map +1 -1
- package/dist/generated/themes/PhoneNumberField.css.d.ts +1 -1
- package/dist/generated/themes/PhoneNumberField.css.js +1 -1
- package/dist/generated/themes/PhoneNumberField.css.js.map +1 -1
- package/dist/generated/themes/ProgressBar.css.d.ts +1 -1
- package/dist/generated/themes/ProgressBar.css.js +1 -1
- package/dist/generated/themes/ProgressBar.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/RadioButton.css.d.ts +1 -1
- package/dist/generated/themes/RadioButton.css.js +1 -1
- package/dist/generated/themes/RadioButton.css.js.map +1 -1
- package/dist/generated/themes/Review.css.d.ts +1 -1
- package/dist/generated/themes/Review.css.js +1 -1
- package/dist/generated/themes/Review.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/Search.css.d.ts +1 -1
- package/dist/generated/themes/Search.css.js +1 -1
- package/dist/generated/themes/Search.css.js.map +1 -1
- package/dist/generated/themes/SelectBase.css.d.ts +1 -1
- package/dist/generated/themes/SelectBase.css.js +1 -1
- package/dist/generated/themes/SelectBase.css.js.map +1 -1
- package/dist/generated/themes/SelectBox.css.d.ts +1 -1
- package/dist/generated/themes/SelectBox.css.js +1 -1
- package/dist/generated/themes/SelectBox.css.js.map +1 -1
- package/dist/generated/themes/SideNavigation.css.d.ts +1 -1
- package/dist/generated/themes/SideNavigation.css.js +1 -1
- package/dist/generated/themes/SideNavigation.css.js.map +1 -1
- package/dist/generated/themes/SideNavigationGroup.css.d.ts +1 -1
- package/dist/generated/themes/SideNavigationGroup.css.js +1 -1
- package/dist/generated/themes/SideNavigationGroup.css.js.map +1 -1
- package/dist/generated/themes/SocialMediaButton.css.d.ts +1 -1
- package/dist/generated/themes/SocialMediaButton.css.js +1 -1
- package/dist/generated/themes/SocialMediaButton.css.js.map +1 -1
- package/dist/generated/themes/StepInput.css.d.ts +1 -1
- package/dist/generated/themes/StepInput.css.js +1 -1
- package/dist/generated/themes/StepInput.css.js.map +1 -1
- package/dist/generated/themes/Switch.css.d.ts +1 -1
- package/dist/generated/themes/Switch.css.js +1 -1
- package/dist/generated/themes/Switch.css.js.map +1 -1
- package/dist/generated/themes/TabNavigation.css.d.ts +1 -1
- package/dist/generated/themes/TabNavigation.css.js +1 -1
- package/dist/generated/themes/TabNavigation.css.js.map +1 -1
- package/dist/generated/themes/Tag.css.d.ts +1 -1
- package/dist/generated/themes/Tag.css.js +1 -1
- package/dist/generated/themes/Tag.css.js.map +1 -1
- package/dist/generated/themes/TagGroup.css.d.ts +1 -1
- package/dist/generated/themes/TagGroup.css.js +1 -1
- package/dist/generated/themes/TagGroup.css.js.map +1 -1
- package/dist/generated/themes/TextArea.css.d.ts +1 -1
- package/dist/generated/themes/TextArea.css.js +1 -1
- package/dist/generated/themes/TextArea.css.js.map +1 -1
- package/dist/generated/themes/TextField.css.d.ts +1 -1
- package/dist/generated/themes/TextField.css.js +1 -1
- package/dist/generated/themes/TextField.css.js.map +1 -1
- package/dist/generated/themes/Toast.css.d.ts +1 -1
- package/dist/generated/themes/Toast.css.js +1 -1
- package/dist/generated/themes/Toast.css.js.map +1 -1
- package/dist/messagebundle_ar.properties +99 -0
- package/dist/messagebundle_no.properties +126 -1
- package/dist/vscode.html-custom-data.json +79 -14
- package/dist/web-types.json +211 -32
- package/package.json +1 -1
- package/src/AccordionSpotlight.ts +321 -0
- package/src/AccordionSpotlightItem.ts +117 -0
- package/src/AccordionSpotlightItemTemplate.tsx +7 -0
- package/src/AccordionSpotlightTemplate.tsx +107 -0
- package/src/BusyIndicator.ts +17 -2
- package/src/Carousel.ts +118 -80
- package/src/FilterMenu.ts +25 -4
- package/src/FilterMenuTemplate.tsx +1 -1
- package/src/HeroBanner.ts +60 -46
- package/src/HeroBannerTemplate.tsx +35 -22
- package/src/List.ts +23 -11
- package/src/ListGroupHeader.hbs +11 -10
- package/src/ListGroupHeader.ts +5 -1
- package/src/ListGroupHeaderBase.ts +48 -0
- package/src/ListItem.hbs +5 -1
- package/src/ListItem.ts +36 -0
- package/src/MediaPlayer.ts +11 -0
- package/src/PromoTile.ts +1 -1
- package/src/SearchableListBase.ts +24 -7
- package/src/SearchableListBaseTemplate.tsx +5 -2
- package/src/SelectBase.ts +58 -3
- package/src/SelectBoxTemplate.tsx +1 -0
- package/src/TabNavigation.hbs +1 -1
- package/src/TabNavigation.ts +8 -1
- package/src/Wizard.ts +15 -1
- package/src/generated/templates/ListGroupHeaderTemplate.lit.ts +24 -21
- package/src/generated/templates/ListItemTemplate.lit.ts +2 -2
- package/src/generated/templates/TabNavigationTemplate.lit.ts +1 -1
- package/src/generated/themes/Accordion.css.ts +1 -1
- package/src/generated/themes/AccordionItem.css.ts +1 -1
- package/src/generated/themes/AccordionSpotlight.css.ts +9 -0
- package/src/generated/themes/AccordionSpotlightItem.css.ts +9 -0
- package/src/generated/themes/Badge.css.ts +1 -1
- package/src/generated/themes/BusyIndicator.css.ts +9 -0
- package/src/generated/themes/Button.css.ts +1 -1
- package/src/generated/themes/Divider.css.ts +1 -1
- package/src/generated/themes/Dropdown.css.ts +1 -1
- package/src/generated/themes/FilterMenu.css.ts +1 -1
- package/src/generated/themes/Footer.css.ts +1 -1
- package/src/generated/themes/HeroBanner.css.ts +1 -1
- package/src/generated/themes/ImageGridTableItem.css.ts +1 -1
- package/src/generated/themes/InputGroup.css.ts +1 -1
- package/src/generated/themes/MastheadShell.css.ts +1 -1
- package/src/generated/themes/MediaPlayer.css.ts +1 -1
- package/src/generated/themes/PhoneNumberField.css.ts +1 -1
- package/src/generated/themes/ProgressBar.css.ts +1 -1
- package/src/generated/themes/PromoTile.css.ts +1 -1
- package/src/generated/themes/RadioButton.css.ts +1 -1
- package/src/generated/themes/Review.css.ts +1 -1
- package/src/generated/themes/ReviewItem.css.ts +1 -1
- package/src/generated/themes/Search.css.ts +1 -1
- package/src/generated/themes/SelectBase.css.ts +1 -1
- package/src/generated/themes/SelectBox.css.ts +1 -1
- package/src/generated/themes/SideNavigation.css.ts +1 -1
- package/src/generated/themes/SideNavigationGroup.css.ts +1 -1
- package/src/generated/themes/SocialMediaButton.css.ts +1 -1
- package/src/generated/themes/StepInput.css.ts +1 -1
- package/src/generated/themes/Switch.css.ts +1 -1
- package/src/generated/themes/TabNavigation.css.ts +1 -1
- package/src/generated/themes/Tag.css.ts +1 -1
- package/src/generated/themes/TagGroup.css.ts +1 -1
- package/src/generated/themes/TextArea.css.ts +1 -1
- package/src/generated/themes/TextField.css.ts +1 -1
- package/src/generated/themes/Toast.css.ts +1 -1
- package/src/i18n/messagebundle_ar.properties +99 -0
- package/src/i18n/messagebundle_no.properties +126 -1
- package/src/themes/Accordion.css +1 -1
- package/src/themes/AccordionItem.css +4 -4
- package/src/themes/AccordionSpotlight.css +264 -0
- package/src/themes/AccordionSpotlightItem.css +3 -0
- package/src/themes/Badge.css +7 -7
- package/src/themes/BusyIndicator.css +24 -0
- package/src/themes/Button.css +57 -57
- package/src/themes/Divider.css +1 -1
- package/src/themes/Dropdown.css +1 -1
- package/src/themes/FilterMenu.css +2 -2
- package/src/themes/Footer.css +1 -1
- package/src/themes/HeroBanner.css +2 -0
- package/src/themes/ImageGridTableItem.css +1 -1
- package/src/themes/InputGroup.css +1 -1
- package/src/themes/MastheadShell.css +2 -2
- package/src/themes/MediaPlayer.css +5 -34
- package/src/themes/PhoneNumberField.css +6 -6
- package/src/themes/ProgressBar.css +4 -0
- package/src/themes/PromoTile.css +160 -4
- package/src/themes/RadioButton.css +2 -2
- package/src/themes/Review.css +2 -2
- package/src/themes/ReviewItem.css +2 -2
- package/src/themes/Search.css +5 -5
- package/src/themes/SelectBase.css +14 -14
- package/src/themes/SelectBox.css +1 -1
- package/src/themes/SideNavigation.css +1 -1
- package/src/themes/SideNavigationGroup.css +1 -1
- package/src/themes/SocialMediaButton.css +2 -2
- package/src/themes/StepInput.css +8 -8
- package/src/themes/Switch.css +9 -9
- package/src/themes/TabNavigation.css +1 -1
- package/src/themes/Tag.css +4 -4
- package/src/themes/TagGroup.css +1 -0
- package/src/themes/TextArea.css +4 -4
- package/src/themes/TextField.css +13 -13
- package/src/themes/Toast.css +1 -1
- package/dist/assets/messagebundle_ar-BNhVFt1-.js +0 -1
- package/dist/assets/messagebundle_no-BIUfmTWJ.js +0 -1
|
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
5
5
|
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, "host");
|
|
6
|
-
export default `:host{--udex-phone-number-field-color-standard-default-background: var(--sapField_Background, #fff);--udex-phone-number-field-color-standard-default-border: var(--sapField_BorderColor, #5b738b);--udex-phone-number-field-color-standard-default-text: var(--sapField_TextColor, #223548);--udex-phone-number-field-color-standard-default-icon: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-placeholder: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-label: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-control-button-border: var(--udexColorBlue4, #89d1ff);--udex-phone-number-field-color-standard-hover-border: var(--sapField_Hover_BorderColor, #1b90ff);--udex-phone-number-field-color-standard-active-border: var(--sapField_Active_BorderColor, #0040b0);--udex-phone-number-field-color-standard-active-icon: var(--sapSelectedColor, #0040b0);--udex-phone-number-field-color-error-default-background: var(--sapField_InvalidBackground, #fff);--udex-phone-number-field-color-error-default-border: var(--udexCoreSemanticError6, #ee3939);--udex-phone-number-field-color-error-default-control-button-border: var(--udexCoreSemanticError4, #ff8cb2);--udex-phone-number-field-color-error-hover-border: var(--sapField_InvalidColor, #d20a0a);--udex-phone-number-field-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-phone-number-field-color-error-active-icon: var(--udexCoreSemanticError9, #840606);--udex-phone-number-field-color-success-default-background: var(--sapField_SuccessBackground, #fff);--udex-phone-number-field-color-success-default-border: var(--udexCoreSemanticSuccess6, #36a41d);--udex-phone-number-field-color-success-default-control-button-border: var(--udexCoreSemanticSuccess6, #36a41d);--udex-phone-number-field-color-success-hover-border: var(--sapField_SuccessColor, #188918);--udex-phone-number-field-color-success-active-border: var(--sapSuccessColor, #1e592f);--udex-phone-number-field-color-success-active-icon: var(--sapSuccessColor, #1e592f);--udex-phone-number-field-color-disabled-default-background: var(--sapField_Background, #fff);--udex-phone-number-field-color-disabled-default-border: var(--sapNeutralElementColor, #5b738b);--udex-phone-number-field-color-readonly-default-background: var(--sapField_ReadOnly_Background, #eaecee);--udex-phone-number-field-color-readonly-default-border: var(--sapNeutralElementColor, #5b738b);--udex-phone-number-field-lable-font-size: var(--sapFontSmallSize, 12px);--udex-phone-number-field-color-label-background: var(--sapField_Background, #fff);--udex-phone-number-field-height: 42px;--udex-phone-number-field-paddings: 9px var(--udexSpacer12, 12px);--udex-phone-number-field-button-margins-vertical: -10px;--udex-phone-number-field-button-margins-horizontal: -12px 8px;--udex-phone-number-field-radius: var(--udexRadiusXS, 4px);--udex-phone-number-field-flag-background: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-flag-width: 28px;--udex-phone-number-field-flag-height: 18px;--udex-phone-number-field-button-border: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-button-color-tertiary-standard-hover-border: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-max-width: 100%;display:block;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);color:var(--udex-phone-number-field-color-standard-default-text)}.udex-phone-number-field{position:relative;padding:var(--udex-phone-number-field-paddings);height:var(--udex-phone-number-field-height);box-sizing:border-box;background:var(--udex-phone-number-field-color-standard-default-background);border-radius:var(--udex-phone-number-field-radius);border:1px solid var(--udex-phone-number-field-color-standard-default-border);max-width:var(--udex-phone-number-field-max-width);width:100%}:host(:not([_is-touched])[active]) .udex-phone-number-field:before{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}.udex-phone-number-field__label{position:absolute;margin-inline-start:-3px;padding:0 var(--udexSpacer4, 4px);color:var(--udex-phone-number-field-color-standard-default-label);top:-12px;font-size:var(--udex-phone-number-field-lable-font-size);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:1.5;z-index:2;background:linear-gradient(var(--udex-phone-number-field-color-label-background) 60%,var(--udex-phone-number-field-color-standard-default-background) 60%)}.udex-phone-number-field__button-content{display:flex;align-items:center;font-size:var(--sapFontSize, 16px);font-weight:400}.udex-phone-number-field__open-button::part(icon){margin-inline-start:var(--udexSpacer8, 8px)}.udex-phone-number-field__input-wrapper{display:flex;max-height:22px}.udex-phone-number-field__open-button{--udex-button-padding-large: 12px;--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-standard-default-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-standard-default-icon);--udex-button-color-tertiary-standard-hover-background: transparent;--udex-button-color-tertiary-standard-hover-border: var(--udex-phone-number-field-button-border);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-active-border: transparent;--udex-button-color-tertiary-standard-active-background: transparent;--udex-button-icon-text-spacing-large-size: 0;min-width:fit-content;margin-block:var(--udex-phone-number-field-button-margins-vertical);margin-inline:var(--udex-phone-number-field-button-margins-horizontal);border-radius:var(--udex-phone-number-field-radius);border-right:1px solid transparent;padding:var(--udexSpacer2, 2px) 0;z-index:3}.udex-phone-number-field__open-button[focused]:not([active])::part(button):after,.udex-phone-number-field__open-button[focused][active]::part(button):before{inset:3px;border-radius:4px}.udex-phone-number-field__open-button::part(button){padding:11px}:host([value-state="Success"]) .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-active-border: transparent;--udex-button-color-tertiary-standard-active-background: transparent}:host([value-state="Error"]) .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-active-border: transparent}.udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-hover-border: transparent;--udex-button-color-tertiary-standard-default-border: transparent;--udex-button-color-tertiary-standard-active-border: transparent;border-right:1px solid var(--udex-phone-number-field-color-standard-default-control-button-border)}.udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-standard-default-control-button-border)}:host([value-state="Success"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);border-right:1px solid var(--udex-phone-number-field-color-success-default-control-button-border)}:host([value-state="Success"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-success-default-control-button-border)}:host([value-state="Error"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);border-right:1px solid var(--udex-phone-number-field-color-error-default-control-button-border)}:host([value-state="Error"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-error-default-control-button-border)}.udex-phone-number-field__initial-dialing-code{padding-inline-start:var(--udexSpacer8, 8px)}.udex-phone-number-field__open-button-text{display:none}.udex-phone-number-field udex-list-item::part(item){padding-top:var(--udexSpacer12, 12px);padding-bottom:var(--udexSpacer12, 12px)}.udex-phone-number-field__dropdown-list-item{display:flex;align-items:center;pointer-events:none}.udex-phone-number-field__country-name{padding-inline-end:3px}.udex-phone-number-field__input{font-weight:var(--udexTypographyFontWeightRegular, 400);width:100%;box-sizing:border-box;padding:0;margin:0;border:0;outline:none;color:inherit;font-size:inherit;font-family:inherit;font-style:inherit;line-height:24px;letter-spacing:inherit;word-spacing:inherit}.udex-phone-number-field__input::-ms-input-placeholder{color:var(--udex-phone-number-field-color-standard-default-placeholder)}.udex-phone-number-field__input::placeholder{color:var(--udex-phone-number-field-color-standard-default-placeholder)}.udex-phone-number-field__input:-webkit-autofill,.udex-phone-number-field__input:-webkit-autofill:focus{box-shadow:0 0 0 var(--udex-phone-number-field-height) var(--udex-phone-number-field-color-standard-default-background) inset}.udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-standard-hover-border)}.udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-standard-active-border)}:host([value-state="Error"]) .udex-phone-number-field{background-color:var(--udex-phone-number-field-color-error-default-background);border-color:var(--udex-phone-number-field-color-error-default-border)}:host([value-state="Error"]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 60%,var(--udex-phone-number-field-color-error-default-background) 60%)}:host([value-state="Error"]) .udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-error-hover-border)}:host([value-state="Error"]) .udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-error-active-border)}:host([value-state="Success"]) .udex-phone-number-field{background-color:var(--udex-phone-number-field-color-success-default-background);border-color:var(--udex-phone-number-field-color-success-default-border)}:host([value-state="Success"]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 60%,var(--udex-phone-number-field-color-success-default-background) 60%)}:host([value-state="Success"]) .udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-success-hover-border)}:host([value-state="Success"]) .udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-success-active-border)}:host([disabled]) .udex-phone-number-field{opacity:.4}:host([disabled]) .udex-phone-number-field,:host([disabled]) .udex-phone-number-field:hover,:host([disabled]) .udex-phone-number-field__input{background-color:var(--udex-phone-number-field-color-disabled-default-background);border-color:var(--udex-phone-number-field-color-disabled-default-border)}:host([disabled]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 60%,var(--udex-phone-number-field-color-disabled-default-background) 60%)}:host([readonly]) .udex-phone-number-field,:host([displayonly]) .udex-phone-number-field{opacity:1}:host([readonly]){--sapContent_DisabledOpacity: 1}:host([readonly]) .udex-phone-number-field,:host([readonly]) .udex-phone-number-field:hover,:host([readonly]) .udex-phone-number-field:focus-within,:host([readonly]) .udex-phone-number-field__input{background-color:var(--udex-phone-number-field-color-readonly-default-background);border-color:var(--udex-phone-number-field-color-readonly-default-border)}:host([readonly]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 60%,var(--udex-phone-number-field-color-readonly-default-background) 60%)}:host([displayonly]) .udex-phone-number-field,:host([displayonly]) .udex-phone-number-field:hover,:host([displayonly]) .udex-phone-number-field:focus-within,:host([displayonly]) .udex-phone-number-field__input{background-color:transparent;border-color:transparent}:host([displayonly]) .udex-phone-number-field__label{background:transparent}.udex-phone-number-field__flag{background-color:var(--udex-phone-number-field-flag-background);background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);background-position:1000px 0;background-repeat:no-repeat;width:var(--udex-phone-number-field-flag-width);height:var(--udex-phone-number-field-flag-height);min-width:var(--udex-phone-number-field-flag-width);margin-right:var(--udexSpacer6, 6px)}.udex-phone-number-field__dropdown-list-item .udex-phone-number-field__flag{margin-inline-end:var(--udexSpacer12, 12px)}.udex-phone-number-field__open-button:hover{--udex-button-color-tertiary-standard-hover-border: transparent;border-right:1px solid var(--udex-phone-number-field-button-color-tertiary-standard-hover-border)}.udex-phone-number-field__open-button:hover:dir(rtl){border-left:1px solid var(--udex-phone-number-field-button-color-tertiary-standard-hover-border);border-right:1px solid transparent}.hidden-text{display:none}[udex-dropdown]{--udex-dropdown-pane-min-width: var(--udex-phone-number-field-popover-min-width)}@media (width < 640px){[udex-dropdown]{--udex-dropdown-pane-min-width-xs: var(--udex-phone-number-field-popover-min-width)}}
|
|
6
|
+
export default `:host{--udex-phone-number-field-color-standard-default-background: var(--sapField_Background, #fff);--udex-phone-number-field-color-standard-default-border: var(--sapField_BorderColor, #5b738b);--udex-phone-number-field-color-standard-default-text: var(--sapField_TextColor, #223548);--udex-phone-number-field-color-standard-default-icon: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-placeholder: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-label: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-control-button-border: var(--udexColorBlue4, #89d1ff);--udex-phone-number-field-color-standard-hover-border: var(--sapField_Hover_BorderColor, #1b90ff);--udex-phone-number-field-color-standard-active-border: var(--sapField_Active_BorderColor, #0040b0);--udex-phone-number-field-color-standard-active-icon: var(--sapSelectedColor, #0040b0);--udex-phone-number-field-color-error-default-background: var(--sapField_InvalidBackground, #fff);--udex-phone-number-field-color-error-default-border: var(--udexColorRed6, #ee3939);--udex-phone-number-field-color-error-default-control-button-border: var(--udexColorRed4, #ff8cb2);--udex-phone-number-field-color-error-hover-border: var(--sapField_InvalidColor, #d20a0a);--udex-phone-number-field-color-error-active-border: var(--udexColorRed9, #840606);--udex-phone-number-field-color-error-active-icon: var(--udexColorRed9, #840606);--udex-phone-number-field-color-success-default-background: var(--sapField_SuccessBackground, #fff);--udex-phone-number-field-color-success-default-border: var(--udexColorGreen6, #36a41d);--udex-phone-number-field-color-success-default-control-button-border: var(--udexColorGreen6, #36a41d);--udex-phone-number-field-color-success-hover-border: var(--sapField_SuccessColor, #188918);--udex-phone-number-field-color-success-active-border: var(--sapSuccessColor, #1e592f);--udex-phone-number-field-color-success-active-icon: var(--sapSuccessColor, #1e592f);--udex-phone-number-field-color-disabled-default-background: var(--sapField_Background, #fff);--udex-phone-number-field-color-disabled-default-border: var(--sapNeutralElementColor, #5b738b);--udex-phone-number-field-color-readonly-default-background: var(--sapField_ReadOnly_Background, #eaecee);--udex-phone-number-field-color-readonly-default-border: var(--sapNeutralElementColor, #5b738b);--udex-phone-number-field-lable-font-size: var(--sapFontSmallSize, 12px);--udex-phone-number-field-color-label-background: var(--sapField_Background, #fff);--udex-phone-number-field-height: 42px;--udex-phone-number-field-paddings: 9px var(--udexSpacer12, 12px);--udex-phone-number-field-button-margins-vertical: -10px;--udex-phone-number-field-button-margins-horizontal: -12px 8px;--udex-phone-number-field-radius: var(--udexRadiusXS, 4px);--udex-phone-number-field-flag-background: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-flag-width: 28px;--udex-phone-number-field-flag-height: 18px;--udex-phone-number-field-button-border: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-button-color-tertiary-standard-hover-border: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-max-width: 100%;display:block;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);color:var(--udex-phone-number-field-color-standard-default-text)}.udex-phone-number-field{position:relative;padding:var(--udex-phone-number-field-paddings);height:var(--udex-phone-number-field-height);box-sizing:border-box;background:var(--udex-phone-number-field-color-standard-default-background);border-radius:var(--udex-phone-number-field-radius);border:1px solid var(--udex-phone-number-field-color-standard-default-border);max-width:var(--udex-phone-number-field-max-width);width:100%}:host(:not([_is-touched])[active]) .udex-phone-number-field:before{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}.udex-phone-number-field__label{position:absolute;margin-inline-start:-3px;padding:0 var(--udexSpacer4, 4px);color:var(--udex-phone-number-field-color-standard-default-label);top:-12px;font-size:var(--udex-phone-number-field-lable-font-size);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:1.5;z-index:2;background:linear-gradient(var(--udex-phone-number-field-color-label-background) 60%,var(--udex-phone-number-field-color-standard-default-background) 60%)}.udex-phone-number-field__button-content{display:flex;align-items:center;font-size:var(--sapFontSize, 16px);font-weight:400}.udex-phone-number-field__open-button::part(icon){margin-inline-start:var(--udexSpacer8, 8px)}.udex-phone-number-field__input-wrapper{display:flex;max-height:22px}.udex-phone-number-field__open-button{--udex-button-padding-large: 12px;--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-standard-default-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-standard-default-icon);--udex-button-color-tertiary-standard-hover-background: transparent;--udex-button-color-tertiary-standard-hover-border: var(--udex-phone-number-field-button-border);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-active-border: transparent;--udex-button-color-tertiary-standard-active-background: transparent;--udex-button-icon-text-spacing-large-size: 0;min-width:fit-content;margin-block:var(--udex-phone-number-field-button-margins-vertical);margin-inline:var(--udex-phone-number-field-button-margins-horizontal);border-radius:var(--udex-phone-number-field-radius);border-right:1px solid transparent;padding:var(--udexSpacer2, 2px) 0;z-index:3}.udex-phone-number-field__open-button[focused]:not([active])::part(button):after,.udex-phone-number-field__open-button[focused][active]::part(button):before{inset:3px;border-radius:4px}.udex-phone-number-field__open-button::part(button){padding:11px}:host([value-state="Success"]) .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-active-border: transparent;--udex-button-color-tertiary-standard-active-background: transparent}:host([value-state="Error"]) .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-active-border: transparent}.udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-hover-border: transparent;--udex-button-color-tertiary-standard-default-border: transparent;--udex-button-color-tertiary-standard-active-border: transparent;border-right:1px solid var(--udex-phone-number-field-color-standard-default-control-button-border)}.udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-standard-default-control-button-border)}:host([value-state="Success"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);border-right:1px solid var(--udex-phone-number-field-color-success-default-control-button-border)}:host([value-state="Success"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-success-default-control-button-border)}:host([value-state="Error"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);border-right:1px solid var(--udex-phone-number-field-color-error-default-control-button-border)}:host([value-state="Error"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-error-default-control-button-border)}.udex-phone-number-field__initial-dialing-code{padding-inline-start:var(--udexSpacer8, 8px)}.udex-phone-number-field__open-button-text{display:none}.udex-phone-number-field udex-list-item::part(item){padding-top:var(--udexSpacer12, 12px);padding-bottom:var(--udexSpacer12, 12px)}.udex-phone-number-field__dropdown-list-item{display:flex;align-items:center;pointer-events:none}.udex-phone-number-field__country-name{padding-inline-end:3px}.udex-phone-number-field__input{font-weight:var(--udexTypographyFontWeightRegular, 400);width:100%;box-sizing:border-box;padding:0;margin:0;border:0;outline:none;color:inherit;font-size:inherit;font-family:inherit;font-style:inherit;line-height:24px;letter-spacing:inherit;word-spacing:inherit}.udex-phone-number-field__input::-ms-input-placeholder{color:var(--udex-phone-number-field-color-standard-default-placeholder)}.udex-phone-number-field__input::placeholder{color:var(--udex-phone-number-field-color-standard-default-placeholder)}.udex-phone-number-field__input:-webkit-autofill,.udex-phone-number-field__input:-webkit-autofill:focus{box-shadow:0 0 0 var(--udex-phone-number-field-height) var(--udex-phone-number-field-color-standard-default-background) inset}.udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-standard-hover-border)}.udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-standard-active-border)}:host([value-state="Error"]) .udex-phone-number-field{background-color:var(--udex-phone-number-field-color-error-default-background);border-color:var(--udex-phone-number-field-color-error-default-border)}:host([value-state="Error"]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 60%,var(--udex-phone-number-field-color-error-default-background) 60%)}:host([value-state="Error"]) .udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-error-hover-border)}:host([value-state="Error"]) .udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-error-active-border)}:host([value-state="Success"]) .udex-phone-number-field{background-color:var(--udex-phone-number-field-color-success-default-background);border-color:var(--udex-phone-number-field-color-success-default-border)}:host([value-state="Success"]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 60%,var(--udex-phone-number-field-color-success-default-background) 60%)}:host([value-state="Success"]) .udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-success-hover-border)}:host([value-state="Success"]) .udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-success-active-border)}:host([disabled]) .udex-phone-number-field{opacity:.4}:host([disabled]) .udex-phone-number-field,:host([disabled]) .udex-phone-number-field:hover,:host([disabled]) .udex-phone-number-field__input{background-color:var(--udex-phone-number-field-color-disabled-default-background);border-color:var(--udex-phone-number-field-color-disabled-default-border)}:host([disabled]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 60%,var(--udex-phone-number-field-color-disabled-default-background) 60%)}:host([readonly]) .udex-phone-number-field,:host([displayonly]) .udex-phone-number-field{opacity:1}:host([readonly]){--sapContent_DisabledOpacity: 1}:host([readonly]) .udex-phone-number-field,:host([readonly]) .udex-phone-number-field:hover,:host([readonly]) .udex-phone-number-field:focus-within,:host([readonly]) .udex-phone-number-field__input{background-color:var(--udex-phone-number-field-color-readonly-default-background);border-color:var(--udex-phone-number-field-color-readonly-default-border)}:host([readonly]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 60%,var(--udex-phone-number-field-color-readonly-default-background) 60%)}:host([displayonly]) .udex-phone-number-field,:host([displayonly]) .udex-phone-number-field:hover,:host([displayonly]) .udex-phone-number-field:focus-within,:host([displayonly]) .udex-phone-number-field__input{background-color:transparent;border-color:transparent}:host([displayonly]) .udex-phone-number-field__label{background:transparent}.udex-phone-number-field__flag{background-color:var(--udex-phone-number-field-flag-background);background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);background-position:1000px 0;background-repeat:no-repeat;width:var(--udex-phone-number-field-flag-width);height:var(--udex-phone-number-field-flag-height);min-width:var(--udex-phone-number-field-flag-width);margin-right:var(--udexSpacer6, 6px)}.udex-phone-number-field__dropdown-list-item .udex-phone-number-field__flag{margin-inline-end:var(--udexSpacer12, 12px)}.udex-phone-number-field__open-button:hover{--udex-button-color-tertiary-standard-hover-border: transparent;border-right:1px solid var(--udex-phone-number-field-button-color-tertiary-standard-hover-border)}.udex-phone-number-field__open-button:hover:dir(rtl){border-left:1px solid var(--udex-phone-number-field-button-color-tertiary-standard-hover-border);border-right:1px solid transparent}.hidden-text{display:none}[udex-dropdown]{--udex-dropdown-pane-min-width: var(--udex-phone-number-field-popover-min-width)}@media (width < 640px){[udex-dropdown]{--udex-dropdown-pane-min-width-xs: var(--udex-phone-number-field-popover-min-width)}}
|
|
7
7
|
`;
|
|
8
8
|
//# sourceMappingURL=PhoneNumberField.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneNumberField.css.js","sourceRoot":"","sources":["../../../src/generated/themes/PhoneNumberField.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-phone-number-field-color-standard-default-background: var(--sapField_Background, #fff);--udex-phone-number-field-color-standard-default-border: var(--sapField_BorderColor, #5b738b);--udex-phone-number-field-color-standard-default-text: var(--sapField_TextColor, #223548);--udex-phone-number-field-color-standard-default-icon: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-placeholder: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-label: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-control-button-border: var(--udexColorBlue4, #89d1ff);--udex-phone-number-field-color-standard-hover-border: var(--sapField_Hover_BorderColor, #1b90ff);--udex-phone-number-field-color-standard-active-border: var(--sapField_Active_BorderColor, #0040b0);--udex-phone-number-field-color-standard-active-icon: var(--sapSelectedColor, #0040b0);--udex-phone-number-field-color-error-default-background: var(--sapField_InvalidBackground, #fff);--udex-phone-number-field-color-error-default-border: var(--udexCoreSemanticError6, #ee3939);--udex-phone-number-field-color-error-default-control-button-border: var(--udexCoreSemanticError4, #ff8cb2);--udex-phone-number-field-color-error-hover-border: var(--sapField_InvalidColor, #d20a0a);--udex-phone-number-field-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-phone-number-field-color-error-active-icon: var(--udexCoreSemanticError9, #840606);--udex-phone-number-field-color-success-default-background: var(--sapField_SuccessBackground, #fff);--udex-phone-number-field-color-success-default-border: var(--udexCoreSemanticSuccess6, #36a41d);--udex-phone-number-field-color-success-default-control-button-border: var(--udexCoreSemanticSuccess6, #36a41d);--udex-phone-number-field-color-success-hover-border: var(--sapField_SuccessColor, #188918);--udex-phone-number-field-color-success-active-border: var(--sapSuccessColor, #1e592f);--udex-phone-number-field-color-success-active-icon: var(--sapSuccessColor, #1e592f);--udex-phone-number-field-color-disabled-default-background: var(--sapField_Background, #fff);--udex-phone-number-field-color-disabled-default-border: var(--sapNeutralElementColor, #5b738b);--udex-phone-number-field-color-readonly-default-background: var(--sapField_ReadOnly_Background, #eaecee);--udex-phone-number-field-color-readonly-default-border: var(--sapNeutralElementColor, #5b738b);--udex-phone-number-field-lable-font-size: var(--sapFontSmallSize, 12px);--udex-phone-number-field-color-label-background: var(--sapField_Background, #fff);--udex-phone-number-field-height: 42px;--udex-phone-number-field-paddings: 9px var(--udexSpacer12, 12px);--udex-phone-number-field-button-margins-vertical: -10px;--udex-phone-number-field-button-margins-horizontal: -12px 8px;--udex-phone-number-field-radius: var(--udexRadiusXS, 4px);--udex-phone-number-field-flag-background: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-flag-width: 28px;--udex-phone-number-field-flag-height: 18px;--udex-phone-number-field-button-border: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-button-color-tertiary-standard-hover-border: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-max-width: 100%;display:block;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);color:var(--udex-phone-number-field-color-standard-default-text)}.udex-phone-number-field{position:relative;padding:var(--udex-phone-number-field-paddings);height:var(--udex-phone-number-field-height);box-sizing:border-box;background:var(--udex-phone-number-field-color-standard-default-background);border-radius:var(--udex-phone-number-field-radius);border:1px solid var(--udex-phone-number-field-color-standard-default-border);max-width:var(--udex-phone-number-field-max-width);width:100%}:host(:not([_is-touched])[active]) .udex-phone-number-field:before{content:\"\";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}.udex-phone-number-field__label{position:absolute;margin-inline-start:-3px;padding:0 var(--udexSpacer4, 4px);color:var(--udex-phone-number-field-color-standard-default-label);top:-12px;font-size:var(--udex-phone-number-field-lable-font-size);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:1.5;z-index:2;background:linear-gradient(var(--udex-phone-number-field-color-label-background) 60%,var(--udex-phone-number-field-color-standard-default-background) 60%)}.udex-phone-number-field__button-content{display:flex;align-items:center;font-size:var(--sapFontSize, 16px);font-weight:400}.udex-phone-number-field__open-button::part(icon){margin-inline-start:var(--udexSpacer8, 8px)}.udex-phone-number-field__input-wrapper{display:flex;max-height:22px}.udex-phone-number-field__open-button{--udex-button-padding-large: 12px;--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-standard-default-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-standard-default-icon);--udex-button-color-tertiary-standard-hover-background: transparent;--udex-button-color-tertiary-standard-hover-border: var(--udex-phone-number-field-button-border);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-active-border: transparent;--udex-button-color-tertiary-standard-active-background: transparent;--udex-button-icon-text-spacing-large-size: 0;min-width:fit-content;margin-block:var(--udex-phone-number-field-button-margins-vertical);margin-inline:var(--udex-phone-number-field-button-margins-horizontal);border-radius:var(--udex-phone-number-field-radius);border-right:1px solid transparent;padding:var(--udexSpacer2, 2px) 0;z-index:3}.udex-phone-number-field__open-button[focused]:not([active])::part(button):after,.udex-phone-number-field__open-button[focused][active]::part(button):before{inset:3px;border-radius:4px}.udex-phone-number-field__open-button::part(button){padding:11px}:host([value-state=\"Success\"]) .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-active-border: transparent;--udex-button-color-tertiary-standard-active-background: transparent}:host([value-state=\"Error\"]) .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-active-border: transparent}.udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-hover-border: transparent;--udex-button-color-tertiary-standard-default-border: transparent;--udex-button-color-tertiary-standard-active-border: transparent;border-right:1px solid var(--udex-phone-number-field-color-standard-default-control-button-border)}.udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-standard-default-control-button-border)}:host([value-state=\"Success\"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);border-right:1px solid var(--udex-phone-number-field-color-success-default-control-button-border)}:host([value-state=\"Success\"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-success-default-control-button-border)}:host([value-state=\"Error\"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);border-right:1px solid var(--udex-phone-number-field-color-error-default-control-button-border)}:host([value-state=\"Error\"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-error-default-control-button-border)}.udex-phone-number-field__initial-dialing-code{padding-inline-start:var(--udexSpacer8, 8px)}.udex-phone-number-field__open-button-text{display:none}.udex-phone-number-field udex-list-item::part(item){padding-top:var(--udexSpacer12, 12px);padding-bottom:var(--udexSpacer12, 12px)}.udex-phone-number-field__dropdown-list-item{display:flex;align-items:center;pointer-events:none}.udex-phone-number-field__country-name{padding-inline-end:3px}.udex-phone-number-field__input{font-weight:var(--udexTypographyFontWeightRegular, 400);width:100%;box-sizing:border-box;padding:0;margin:0;border:0;outline:none;color:inherit;font-size:inherit;font-family:inherit;font-style:inherit;line-height:24px;letter-spacing:inherit;word-spacing:inherit}.udex-phone-number-field__input::-ms-input-placeholder{color:var(--udex-phone-number-field-color-standard-default-placeholder)}.udex-phone-number-field__input::placeholder{color:var(--udex-phone-number-field-color-standard-default-placeholder)}.udex-phone-number-field__input:-webkit-autofill,.udex-phone-number-field__input:-webkit-autofill:focus{box-shadow:0 0 0 var(--udex-phone-number-field-height) var(--udex-phone-number-field-color-standard-default-background) inset}.udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-standard-hover-border)}.udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-standard-active-border)}:host([value-state=\"Error\"]) .udex-phone-number-field{background-color:var(--udex-phone-number-field-color-error-default-background);border-color:var(--udex-phone-number-field-color-error-default-border)}:host([value-state=\"Error\"]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 60%,var(--udex-phone-number-field-color-error-default-background) 60%)}:host([value-state=\"Error\"]) .udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-error-hover-border)}:host([value-state=\"Error\"]) .udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-error-active-border)}:host([value-state=\"Success\"]) .udex-phone-number-field{background-color:var(--udex-phone-number-field-color-success-default-background);border-color:var(--udex-phone-number-field-color-success-default-border)}:host([value-state=\"Success\"]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 60%,var(--udex-phone-number-field-color-success-default-background) 60%)}:host([value-state=\"Success\"]) .udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-success-hover-border)}:host([value-state=\"Success\"]) .udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-success-active-border)}:host([disabled]) .udex-phone-number-field{opacity:.4}:host([disabled]) .udex-phone-number-field,:host([disabled]) .udex-phone-number-field:hover,:host([disabled]) .udex-phone-number-field__input{background-color:var(--udex-phone-number-field-color-disabled-default-background);border-color:var(--udex-phone-number-field-color-disabled-default-border)}:host([disabled]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 60%,var(--udex-phone-number-field-color-disabled-default-background) 60%)}:host([readonly]) .udex-phone-number-field,:host([displayonly]) .udex-phone-number-field{opacity:1}:host([readonly]){--sapContent_DisabledOpacity: 1}:host([readonly]) .udex-phone-number-field,:host([readonly]) .udex-phone-number-field:hover,:host([readonly]) .udex-phone-number-field:focus-within,:host([readonly]) .udex-phone-number-field__input{background-color:var(--udex-phone-number-field-color-readonly-default-background);border-color:var(--udex-phone-number-field-color-readonly-default-border)}:host([readonly]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 60%,var(--udex-phone-number-field-color-readonly-default-background) 60%)}:host([displayonly]) .udex-phone-number-field,:host([displayonly]) .udex-phone-number-field:hover,:host([displayonly]) .udex-phone-number-field:focus-within,:host([displayonly]) .udex-phone-number-field__input{background-color:transparent;border-color:transparent}:host([displayonly]) .udex-phone-number-field__label{background:transparent}.udex-phone-number-field__flag{background-color:var(--udex-phone-number-field-flag-background);background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);background-position:1000px 0;background-repeat:no-repeat;width:var(--udex-phone-number-field-flag-width);height:var(--udex-phone-number-field-flag-height);min-width:var(--udex-phone-number-field-flag-width);margin-right:var(--udexSpacer6, 6px)}.udex-phone-number-field__dropdown-list-item .udex-phone-number-field__flag{margin-inline-end:var(--udexSpacer12, 12px)}.udex-phone-number-field__open-button:hover{--udex-button-color-tertiary-standard-hover-border: transparent;border-right:1px solid var(--udex-phone-number-field-button-color-tertiary-standard-hover-border)}.udex-phone-number-field__open-button:hover:dir(rtl){border-left:1px solid var(--udex-phone-number-field-button-color-tertiary-standard-hover-border);border-right:1px solid transparent}.hidden-text{display:none}[udex-dropdown]{--udex-dropdown-pane-min-width: var(--udex-phone-number-field-popover-min-width)}@media (width < 640px){[udex-dropdown]{--udex-dropdown-pane-min-width-xs: var(--udex-phone-number-field-popover-min-width)}}\n`"]}
|
|
1
|
+
{"version":3,"file":"PhoneNumberField.css.js","sourceRoot":"","sources":["../../../src/generated/themes/PhoneNumberField.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-phone-number-field-color-standard-default-background: var(--sapField_Background, #fff);--udex-phone-number-field-color-standard-default-border: var(--sapField_BorderColor, #5b738b);--udex-phone-number-field-color-standard-default-text: var(--sapField_TextColor, #223548);--udex-phone-number-field-color-standard-default-icon: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-placeholder: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-label: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-control-button-border: var(--udexColorBlue4, #89d1ff);--udex-phone-number-field-color-standard-hover-border: var(--sapField_Hover_BorderColor, #1b90ff);--udex-phone-number-field-color-standard-active-border: var(--sapField_Active_BorderColor, #0040b0);--udex-phone-number-field-color-standard-active-icon: var(--sapSelectedColor, #0040b0);--udex-phone-number-field-color-error-default-background: var(--sapField_InvalidBackground, #fff);--udex-phone-number-field-color-error-default-border: var(--udexColorRed6, #ee3939);--udex-phone-number-field-color-error-default-control-button-border: var(--udexColorRed4, #ff8cb2);--udex-phone-number-field-color-error-hover-border: var(--sapField_InvalidColor, #d20a0a);--udex-phone-number-field-color-error-active-border: var(--udexColorRed9, #840606);--udex-phone-number-field-color-error-active-icon: var(--udexColorRed9, #840606);--udex-phone-number-field-color-success-default-background: var(--sapField_SuccessBackground, #fff);--udex-phone-number-field-color-success-default-border: var(--udexColorGreen6, #36a41d);--udex-phone-number-field-color-success-default-control-button-border: var(--udexColorGreen6, #36a41d);--udex-phone-number-field-color-success-hover-border: var(--sapField_SuccessColor, #188918);--udex-phone-number-field-color-success-active-border: var(--sapSuccessColor, #1e592f);--udex-phone-number-field-color-success-active-icon: var(--sapSuccessColor, #1e592f);--udex-phone-number-field-color-disabled-default-background: var(--sapField_Background, #fff);--udex-phone-number-field-color-disabled-default-border: var(--sapNeutralElementColor, #5b738b);--udex-phone-number-field-color-readonly-default-background: var(--sapField_ReadOnly_Background, #eaecee);--udex-phone-number-field-color-readonly-default-border: var(--sapNeutralElementColor, #5b738b);--udex-phone-number-field-lable-font-size: var(--sapFontSmallSize, 12px);--udex-phone-number-field-color-label-background: var(--sapField_Background, #fff);--udex-phone-number-field-height: 42px;--udex-phone-number-field-paddings: 9px var(--udexSpacer12, 12px);--udex-phone-number-field-button-margins-vertical: -10px;--udex-phone-number-field-button-margins-horizontal: -12px 8px;--udex-phone-number-field-radius: var(--udexRadiusXS, 4px);--udex-phone-number-field-flag-background: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-flag-width: 28px;--udex-phone-number-field-flag-height: 18px;--udex-phone-number-field-button-border: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-button-color-tertiary-standard-hover-border: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-max-width: 100%;display:block;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);color:var(--udex-phone-number-field-color-standard-default-text)}.udex-phone-number-field{position:relative;padding:var(--udex-phone-number-field-paddings);height:var(--udex-phone-number-field-height);box-sizing:border-box;background:var(--udex-phone-number-field-color-standard-default-background);border-radius:var(--udex-phone-number-field-radius);border:1px solid var(--udex-phone-number-field-color-standard-default-border);max-width:var(--udex-phone-number-field-max-width);width:100%}:host(:not([_is-touched])[active]) .udex-phone-number-field:before{content:\"\";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}.udex-phone-number-field__label{position:absolute;margin-inline-start:-3px;padding:0 var(--udexSpacer4, 4px);color:var(--udex-phone-number-field-color-standard-default-label);top:-12px;font-size:var(--udex-phone-number-field-lable-font-size);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:1.5;z-index:2;background:linear-gradient(var(--udex-phone-number-field-color-label-background) 60%,var(--udex-phone-number-field-color-standard-default-background) 60%)}.udex-phone-number-field__button-content{display:flex;align-items:center;font-size:var(--sapFontSize, 16px);font-weight:400}.udex-phone-number-field__open-button::part(icon){margin-inline-start:var(--udexSpacer8, 8px)}.udex-phone-number-field__input-wrapper{display:flex;max-height:22px}.udex-phone-number-field__open-button{--udex-button-padding-large: 12px;--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-standard-default-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-standard-default-icon);--udex-button-color-tertiary-standard-hover-background: transparent;--udex-button-color-tertiary-standard-hover-border: var(--udex-phone-number-field-button-border);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-active-border: transparent;--udex-button-color-tertiary-standard-active-background: transparent;--udex-button-icon-text-spacing-large-size: 0;min-width:fit-content;margin-block:var(--udex-phone-number-field-button-margins-vertical);margin-inline:var(--udex-phone-number-field-button-margins-horizontal);border-radius:var(--udex-phone-number-field-radius);border-right:1px solid transparent;padding:var(--udexSpacer2, 2px) 0;z-index:3}.udex-phone-number-field__open-button[focused]:not([active])::part(button):after,.udex-phone-number-field__open-button[focused][active]::part(button):before{inset:3px;border-radius:4px}.udex-phone-number-field__open-button::part(button){padding:11px}:host([value-state=\"Success\"]) .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-active-border: transparent;--udex-button-color-tertiary-standard-active-background: transparent}:host([value-state=\"Error\"]) .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-active-border: transparent}.udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-hover-border: transparent;--udex-button-color-tertiary-standard-default-border: transparent;--udex-button-color-tertiary-standard-active-border: transparent;border-right:1px solid var(--udex-phone-number-field-color-standard-default-control-button-border)}.udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-standard-default-control-button-border)}:host([value-state=\"Success\"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);border-right:1px solid var(--udex-phone-number-field-color-success-default-control-button-border)}:host([value-state=\"Success\"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-success-default-control-button-border)}:host([value-state=\"Error\"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);border-right:1px solid var(--udex-phone-number-field-color-error-default-control-button-border)}:host([value-state=\"Error\"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-error-default-control-button-border)}.udex-phone-number-field__initial-dialing-code{padding-inline-start:var(--udexSpacer8, 8px)}.udex-phone-number-field__open-button-text{display:none}.udex-phone-number-field udex-list-item::part(item){padding-top:var(--udexSpacer12, 12px);padding-bottom:var(--udexSpacer12, 12px)}.udex-phone-number-field__dropdown-list-item{display:flex;align-items:center;pointer-events:none}.udex-phone-number-field__country-name{padding-inline-end:3px}.udex-phone-number-field__input{font-weight:var(--udexTypographyFontWeightRegular, 400);width:100%;box-sizing:border-box;padding:0;margin:0;border:0;outline:none;color:inherit;font-size:inherit;font-family:inherit;font-style:inherit;line-height:24px;letter-spacing:inherit;word-spacing:inherit}.udex-phone-number-field__input::-ms-input-placeholder{color:var(--udex-phone-number-field-color-standard-default-placeholder)}.udex-phone-number-field__input::placeholder{color:var(--udex-phone-number-field-color-standard-default-placeholder)}.udex-phone-number-field__input:-webkit-autofill,.udex-phone-number-field__input:-webkit-autofill:focus{box-shadow:0 0 0 var(--udex-phone-number-field-height) var(--udex-phone-number-field-color-standard-default-background) inset}.udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-standard-hover-border)}.udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-standard-active-border)}:host([value-state=\"Error\"]) .udex-phone-number-field{background-color:var(--udex-phone-number-field-color-error-default-background);border-color:var(--udex-phone-number-field-color-error-default-border)}:host([value-state=\"Error\"]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 60%,var(--udex-phone-number-field-color-error-default-background) 60%)}:host([value-state=\"Error\"]) .udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-error-hover-border)}:host([value-state=\"Error\"]) .udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-error-active-border)}:host([value-state=\"Success\"]) .udex-phone-number-field{background-color:var(--udex-phone-number-field-color-success-default-background);border-color:var(--udex-phone-number-field-color-success-default-border)}:host([value-state=\"Success\"]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 60%,var(--udex-phone-number-field-color-success-default-background) 60%)}:host([value-state=\"Success\"]) .udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-success-hover-border)}:host([value-state=\"Success\"]) .udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-success-active-border)}:host([disabled]) .udex-phone-number-field{opacity:.4}:host([disabled]) .udex-phone-number-field,:host([disabled]) .udex-phone-number-field:hover,:host([disabled]) .udex-phone-number-field__input{background-color:var(--udex-phone-number-field-color-disabled-default-background);border-color:var(--udex-phone-number-field-color-disabled-default-border)}:host([disabled]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 60%,var(--udex-phone-number-field-color-disabled-default-background) 60%)}:host([readonly]) .udex-phone-number-field,:host([displayonly]) .udex-phone-number-field{opacity:1}:host([readonly]){--sapContent_DisabledOpacity: 1}:host([readonly]) .udex-phone-number-field,:host([readonly]) .udex-phone-number-field:hover,:host([readonly]) .udex-phone-number-field:focus-within,:host([readonly]) .udex-phone-number-field__input{background-color:var(--udex-phone-number-field-color-readonly-default-background);border-color:var(--udex-phone-number-field-color-readonly-default-border)}:host([readonly]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 60%,var(--udex-phone-number-field-color-readonly-default-background) 60%)}:host([displayonly]) .udex-phone-number-field,:host([displayonly]) .udex-phone-number-field:hover,:host([displayonly]) .udex-phone-number-field:focus-within,:host([displayonly]) .udex-phone-number-field__input{background-color:transparent;border-color:transparent}:host([displayonly]) .udex-phone-number-field__label{background:transparent}.udex-phone-number-field__flag{background-color:var(--udex-phone-number-field-flag-background);background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);background-position:1000px 0;background-repeat:no-repeat;width:var(--udex-phone-number-field-flag-width);height:var(--udex-phone-number-field-flag-height);min-width:var(--udex-phone-number-field-flag-width);margin-right:var(--udexSpacer6, 6px)}.udex-phone-number-field__dropdown-list-item .udex-phone-number-field__flag{margin-inline-end:var(--udexSpacer12, 12px)}.udex-phone-number-field__open-button:hover{--udex-button-color-tertiary-standard-hover-border: transparent;border-right:1px solid var(--udex-phone-number-field-button-color-tertiary-standard-hover-border)}.udex-phone-number-field__open-button:hover:dir(rtl){border-left:1px solid var(--udex-phone-number-field-button-color-tertiary-standard-hover-border);border-right:1px solid transparent}.hidden-text{display:none}[udex-dropdown]{--udex-dropdown-pane-min-width: var(--udex-phone-number-field-popover-min-width)}@media (width < 640px){[udex-dropdown]{--udex-dropdown-pane-min-width-xs: var(--udex-phone-number-field-popover-min-width)}}\n`"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: ":host{--udex-progress-bar-point-size: .375rem;--udex-progress-bar-padding-end: 24px;--udex-progress-bar-root-height: .5rem;--udex-progress-bar-height: .75rem;--udex-progress-bar-border-radius: var(--udexRadiusS, 6px);--udex-progress-bar-icon-size: 1.125rem;--udex-progress-bar-icon-right-position: -24px}.ui5-progress-indicator-icon{width:var(--udex-progress-bar-icon-size);height:var(--udex-progress-bar-icon-size);inset-inline-end:var(--udex-progress-bar-icon-right-position)}.ui5-progress-indicator-bar{height:var(--udex-progress-bar-height);border-radius:var(--udex-progress-bar-border-radius)}.ui5-progress-indicator-root{height:var(--udex-progress-bar-root-height)}:host(:not([hidden])){padding-inline-end:var(--udex-progress-bar-padding-end)}.ui5-progress-indicator-remaining-bar:before,.ui5-progress-indicator-remaining-bar:after{width:var(--udex-progress-bar-point-size, .375rem);height:var(--udex-progress-bar-point-size, .375rem)}:host([value-state=\"Error\"]) .ui5-progress-indicator-root{background:var(--sapProgress_NegativeBackground, #FFB2D2)}:host([value-state=\"Error\"]) .ui5-progress-indicator-bar,:host([value-state=\"Error\"]) .ui5-progress-indicator-remaining-bar:before,:host([value-state=\"Error\"]) .ui5-progress-indicator-remaining-bar:after{background:var(--sapProgress_Value_NegativeBackground, #D20A0A)}:host([value-state=\"Error\"]) .ui5-progress-indicator-icon{color:var(--sapProgress_Value_NegativeBackground, #D20A0A)}:host([value-state=\"Success\"]) .ui5-progress-indicator-root{background:var(--sapProgress_PositiveBackground, #BDE986)}:host([value-state=\"Success\"]) .ui5-progress-indicator-bar,:host([value-state=\"Success\"]) .ui5-progress-indicator-remaining-bar:before,:host([value-state=\"Success\"]) .ui5-progress-indicator-remaining-bar:after{background:var(--sapProgress_Value_PositiveBackground, #188918)}:host([value-state=\"Success\"]) .ui5-progress-indicator-icon{color:var(--sapProgress_Value_PositiveBackground, #188918)}:host([value-state=\"Warning\"]) .ui5-progress-indicator-root{background:var(--sapProgress_CriticalBackground, #FFDF72)}:host([value-state=\"Warning\"]) .ui5-progress-indicator-bar,:host([value-state=\"Warning\"]) .ui5-progress-indicator-remaining-bar:before,:host([value-state=\"Warning\"]) .ui5-progress-indicator-remaining-bar:after{background:var(--sapProgress_Value_CriticalBackground, #C35500)}:host([value-state=\"Warning\"]) .ui5-progress-indicator-icon{color:var(--sapProgress_Value_CriticalBackground, #C35500)}:host([disabled]) .ui5-progress-indicator-root{opacity:var(--sapContent_DisabledOpacity, .4)}.ui5-progress-indicator-bar{border-radius:var(--udexRadiusS, 6px)}\n";
|
|
1
|
+
declare const _default: ":host{--udex-progress-bar-point-size: .375rem;--udex-progress-bar-padding-end: 24px;--udex-progress-bar-root-height: .5rem;--udex-progress-bar-height: .75rem;--udex-progress-bar-border-radius: var(--udexRadiusS, 6px);--udex-progress-bar-icon-size: 1.125rem;--udex-progress-bar-icon-right-position: -24px}:host([value-state=\"Information\"]) .ui5-progress-indicator-bar{background-color:var(--udexColorBlue7)}.ui5-progress-indicator-icon{width:var(--udex-progress-bar-icon-size);height:var(--udex-progress-bar-icon-size);inset-inline-end:var(--udex-progress-bar-icon-right-position)}.ui5-progress-indicator-bar{height:var(--udex-progress-bar-height);border-radius:var(--udex-progress-bar-border-radius)}.ui5-progress-indicator-root{height:var(--udex-progress-bar-root-height)}:host(:not([hidden])){padding-inline-end:var(--udex-progress-bar-padding-end)}.ui5-progress-indicator-remaining-bar:before,.ui5-progress-indicator-remaining-bar:after{width:var(--udex-progress-bar-point-size, .375rem);height:var(--udex-progress-bar-point-size, .375rem)}:host([value-state=\"Error\"]) .ui5-progress-indicator-root{background:var(--sapProgress_NegativeBackground, #FFB2D2)}:host([value-state=\"Error\"]) .ui5-progress-indicator-bar,:host([value-state=\"Error\"]) .ui5-progress-indicator-remaining-bar:before,:host([value-state=\"Error\"]) .ui5-progress-indicator-remaining-bar:after{background:var(--sapProgress_Value_NegativeBackground, #D20A0A)}:host([value-state=\"Error\"]) .ui5-progress-indicator-icon{color:var(--sapProgress_Value_NegativeBackground, #D20A0A)}:host([value-state=\"Success\"]) .ui5-progress-indicator-root{background:var(--sapProgress_PositiveBackground, #BDE986)}:host([value-state=\"Success\"]) .ui5-progress-indicator-bar,:host([value-state=\"Success\"]) .ui5-progress-indicator-remaining-bar:before,:host([value-state=\"Success\"]) .ui5-progress-indicator-remaining-bar:after{background:var(--sapProgress_Value_PositiveBackground, #188918)}:host([value-state=\"Success\"]) .ui5-progress-indicator-icon{color:var(--sapProgress_Value_PositiveBackground, #188918)}:host([value-state=\"Warning\"]) .ui5-progress-indicator-root{background:var(--sapProgress_CriticalBackground, #FFDF72)}:host([value-state=\"Warning\"]) .ui5-progress-indicator-bar,:host([value-state=\"Warning\"]) .ui5-progress-indicator-remaining-bar:before,:host([value-state=\"Warning\"]) .ui5-progress-indicator-remaining-bar:after{background:var(--sapProgress_Value_CriticalBackground, #C35500)}:host([value-state=\"Warning\"]) .ui5-progress-indicator-icon{color:var(--sapProgress_Value_CriticalBackground, #C35500)}:host([disabled]) .ui5-progress-indicator-root{opacity:var(--sapContent_DisabledOpacity, .4)}.ui5-progress-indicator-bar{border-radius:var(--udexRadiusS, 6px)}\n";
|
|
2
2
|
export default _default;
|
|
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
5
5
|
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, "host");
|
|
6
|
-
export default `:host{--udex-progress-bar-point-size: .375rem;--udex-progress-bar-padding-end: 24px;--udex-progress-bar-root-height: .5rem;--udex-progress-bar-height: .75rem;--udex-progress-bar-border-radius: var(--udexRadiusS, 6px);--udex-progress-bar-icon-size: 1.125rem;--udex-progress-bar-icon-right-position: -24px}.ui5-progress-indicator-icon{width:var(--udex-progress-bar-icon-size);height:var(--udex-progress-bar-icon-size);inset-inline-end:var(--udex-progress-bar-icon-right-position)}.ui5-progress-indicator-bar{height:var(--udex-progress-bar-height);border-radius:var(--udex-progress-bar-border-radius)}.ui5-progress-indicator-root{height:var(--udex-progress-bar-root-height)}:host(:not([hidden])){padding-inline-end:var(--udex-progress-bar-padding-end)}.ui5-progress-indicator-remaining-bar:before,.ui5-progress-indicator-remaining-bar:after{width:var(--udex-progress-bar-point-size, .375rem);height:var(--udex-progress-bar-point-size, .375rem)}:host([value-state="Error"]) .ui5-progress-indicator-root{background:var(--sapProgress_NegativeBackground, #FFB2D2)}:host([value-state="Error"]) .ui5-progress-indicator-bar,:host([value-state="Error"]) .ui5-progress-indicator-remaining-bar:before,:host([value-state="Error"]) .ui5-progress-indicator-remaining-bar:after{background:var(--sapProgress_Value_NegativeBackground, #D20A0A)}:host([value-state="Error"]) .ui5-progress-indicator-icon{color:var(--sapProgress_Value_NegativeBackground, #D20A0A)}:host([value-state="Success"]) .ui5-progress-indicator-root{background:var(--sapProgress_PositiveBackground, #BDE986)}:host([value-state="Success"]) .ui5-progress-indicator-bar,:host([value-state="Success"]) .ui5-progress-indicator-remaining-bar:before,:host([value-state="Success"]) .ui5-progress-indicator-remaining-bar:after{background:var(--sapProgress_Value_PositiveBackground, #188918)}:host([value-state="Success"]) .ui5-progress-indicator-icon{color:var(--sapProgress_Value_PositiveBackground, #188918)}:host([value-state="Warning"]) .ui5-progress-indicator-root{background:var(--sapProgress_CriticalBackground, #FFDF72)}:host([value-state="Warning"]) .ui5-progress-indicator-bar,:host([value-state="Warning"]) .ui5-progress-indicator-remaining-bar:before,:host([value-state="Warning"]) .ui5-progress-indicator-remaining-bar:after{background:var(--sapProgress_Value_CriticalBackground, #C35500)}:host([value-state="Warning"]) .ui5-progress-indicator-icon{color:var(--sapProgress_Value_CriticalBackground, #C35500)}:host([disabled]) .ui5-progress-indicator-root{opacity:var(--sapContent_DisabledOpacity, .4)}.ui5-progress-indicator-bar{border-radius:var(--udexRadiusS, 6px)}
|
|
6
|
+
export default `:host{--udex-progress-bar-point-size: .375rem;--udex-progress-bar-padding-end: 24px;--udex-progress-bar-root-height: .5rem;--udex-progress-bar-height: .75rem;--udex-progress-bar-border-radius: var(--udexRadiusS, 6px);--udex-progress-bar-icon-size: 1.125rem;--udex-progress-bar-icon-right-position: -24px}:host([value-state="Information"]) .ui5-progress-indicator-bar{background-color:var(--udexColorBlue7)}.ui5-progress-indicator-icon{width:var(--udex-progress-bar-icon-size);height:var(--udex-progress-bar-icon-size);inset-inline-end:var(--udex-progress-bar-icon-right-position)}.ui5-progress-indicator-bar{height:var(--udex-progress-bar-height);border-radius:var(--udex-progress-bar-border-radius)}.ui5-progress-indicator-root{height:var(--udex-progress-bar-root-height)}:host(:not([hidden])){padding-inline-end:var(--udex-progress-bar-padding-end)}.ui5-progress-indicator-remaining-bar:before,.ui5-progress-indicator-remaining-bar:after{width:var(--udex-progress-bar-point-size, .375rem);height:var(--udex-progress-bar-point-size, .375rem)}:host([value-state="Error"]) .ui5-progress-indicator-root{background:var(--sapProgress_NegativeBackground, #FFB2D2)}:host([value-state="Error"]) .ui5-progress-indicator-bar,:host([value-state="Error"]) .ui5-progress-indicator-remaining-bar:before,:host([value-state="Error"]) .ui5-progress-indicator-remaining-bar:after{background:var(--sapProgress_Value_NegativeBackground, #D20A0A)}:host([value-state="Error"]) .ui5-progress-indicator-icon{color:var(--sapProgress_Value_NegativeBackground, #D20A0A)}:host([value-state="Success"]) .ui5-progress-indicator-root{background:var(--sapProgress_PositiveBackground, #BDE986)}:host([value-state="Success"]) .ui5-progress-indicator-bar,:host([value-state="Success"]) .ui5-progress-indicator-remaining-bar:before,:host([value-state="Success"]) .ui5-progress-indicator-remaining-bar:after{background:var(--sapProgress_Value_PositiveBackground, #188918)}:host([value-state="Success"]) .ui5-progress-indicator-icon{color:var(--sapProgress_Value_PositiveBackground, #188918)}:host([value-state="Warning"]) .ui5-progress-indicator-root{background:var(--sapProgress_CriticalBackground, #FFDF72)}:host([value-state="Warning"]) .ui5-progress-indicator-bar,:host([value-state="Warning"]) .ui5-progress-indicator-remaining-bar:before,:host([value-state="Warning"]) .ui5-progress-indicator-remaining-bar:after{background:var(--sapProgress_Value_CriticalBackground, #C35500)}:host([value-state="Warning"]) .ui5-progress-indicator-icon{color:var(--sapProgress_Value_CriticalBackground, #C35500)}:host([disabled]) .ui5-progress-indicator-root{opacity:var(--sapContent_DisabledOpacity, .4)}.ui5-progress-indicator-bar{border-radius:var(--udexRadiusS, 6px)}
|
|
7
7
|
`;
|
|
8
8
|
//# sourceMappingURL=ProgressBar.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.css.js","sourceRoot":"","sources":["../../../src/generated/themes/ProgressBar.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-progress-bar-point-size: .375rem;--udex-progress-bar-padding-end: 24px;--udex-progress-bar-root-height: .5rem;--udex-progress-bar-height: .75rem;--udex-progress-bar-border-radius: var(--udexRadiusS, 6px);--udex-progress-bar-icon-size: 1.125rem;--udex-progress-bar-icon-right-position: -24px}.ui5-progress-indicator-icon{width:var(--udex-progress-bar-icon-size);height:var(--udex-progress-bar-icon-size);inset-inline-end:var(--udex-progress-bar-icon-right-position)}.ui5-progress-indicator-bar{height:var(--udex-progress-bar-height);border-radius:var(--udex-progress-bar-border-radius)}.ui5-progress-indicator-root{height:var(--udex-progress-bar-root-height)}:host(:not([hidden])){padding-inline-end:var(--udex-progress-bar-padding-end)}.ui5-progress-indicator-remaining-bar:before,.ui5-progress-indicator-remaining-bar:after{width:var(--udex-progress-bar-point-size, .375rem);height:var(--udex-progress-bar-point-size, .375rem)}:host([value-state=\"Error\"]) .ui5-progress-indicator-root{background:var(--sapProgress_NegativeBackground, #FFB2D2)}:host([value-state=\"Error\"]) .ui5-progress-indicator-bar,:host([value-state=\"Error\"]) .ui5-progress-indicator-remaining-bar:before,:host([value-state=\"Error\"]) .ui5-progress-indicator-remaining-bar:after{background:var(--sapProgress_Value_NegativeBackground, #D20A0A)}:host([value-state=\"Error\"]) .ui5-progress-indicator-icon{color:var(--sapProgress_Value_NegativeBackground, #D20A0A)}:host([value-state=\"Success\"]) .ui5-progress-indicator-root{background:var(--sapProgress_PositiveBackground, #BDE986)}:host([value-state=\"Success\"]) .ui5-progress-indicator-bar,:host([value-state=\"Success\"]) .ui5-progress-indicator-remaining-bar:before,:host([value-state=\"Success\"]) .ui5-progress-indicator-remaining-bar:after{background:var(--sapProgress_Value_PositiveBackground, #188918)}:host([value-state=\"Success\"]) .ui5-progress-indicator-icon{color:var(--sapProgress_Value_PositiveBackground, #188918)}:host([value-state=\"Warning\"]) .ui5-progress-indicator-root{background:var(--sapProgress_CriticalBackground, #FFDF72)}:host([value-state=\"Warning\"]) .ui5-progress-indicator-bar,:host([value-state=\"Warning\"]) .ui5-progress-indicator-remaining-bar:before,:host([value-state=\"Warning\"]) .ui5-progress-indicator-remaining-bar:after{background:var(--sapProgress_Value_CriticalBackground, #C35500)}:host([value-state=\"Warning\"]) .ui5-progress-indicator-icon{color:var(--sapProgress_Value_CriticalBackground, #C35500)}:host([disabled]) .ui5-progress-indicator-root{opacity:var(--sapContent_DisabledOpacity, .4)}.ui5-progress-indicator-bar{border-radius:var(--udexRadiusS, 6px)}\n`"]}
|
|
1
|
+
{"version":3,"file":"ProgressBar.css.js","sourceRoot":"","sources":["../../../src/generated/themes/ProgressBar.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-progress-bar-point-size: .375rem;--udex-progress-bar-padding-end: 24px;--udex-progress-bar-root-height: .5rem;--udex-progress-bar-height: .75rem;--udex-progress-bar-border-radius: var(--udexRadiusS, 6px);--udex-progress-bar-icon-size: 1.125rem;--udex-progress-bar-icon-right-position: -24px}:host([value-state=\"Information\"]) .ui5-progress-indicator-bar{background-color:var(--udexColorBlue7)}.ui5-progress-indicator-icon{width:var(--udex-progress-bar-icon-size);height:var(--udex-progress-bar-icon-size);inset-inline-end:var(--udex-progress-bar-icon-right-position)}.ui5-progress-indicator-bar{height:var(--udex-progress-bar-height);border-radius:var(--udex-progress-bar-border-radius)}.ui5-progress-indicator-root{height:var(--udex-progress-bar-root-height)}:host(:not([hidden])){padding-inline-end:var(--udex-progress-bar-padding-end)}.ui5-progress-indicator-remaining-bar:before,.ui5-progress-indicator-remaining-bar:after{width:var(--udex-progress-bar-point-size, .375rem);height:var(--udex-progress-bar-point-size, .375rem)}:host([value-state=\"Error\"]) .ui5-progress-indicator-root{background:var(--sapProgress_NegativeBackground, #FFB2D2)}:host([value-state=\"Error\"]) .ui5-progress-indicator-bar,:host([value-state=\"Error\"]) .ui5-progress-indicator-remaining-bar:before,:host([value-state=\"Error\"]) .ui5-progress-indicator-remaining-bar:after{background:var(--sapProgress_Value_NegativeBackground, #D20A0A)}:host([value-state=\"Error\"]) .ui5-progress-indicator-icon{color:var(--sapProgress_Value_NegativeBackground, #D20A0A)}:host([value-state=\"Success\"]) .ui5-progress-indicator-root{background:var(--sapProgress_PositiveBackground, #BDE986)}:host([value-state=\"Success\"]) .ui5-progress-indicator-bar,:host([value-state=\"Success\"]) .ui5-progress-indicator-remaining-bar:before,:host([value-state=\"Success\"]) .ui5-progress-indicator-remaining-bar:after{background:var(--sapProgress_Value_PositiveBackground, #188918)}:host([value-state=\"Success\"]) .ui5-progress-indicator-icon{color:var(--sapProgress_Value_PositiveBackground, #188918)}:host([value-state=\"Warning\"]) .ui5-progress-indicator-root{background:var(--sapProgress_CriticalBackground, #FFDF72)}:host([value-state=\"Warning\"]) .ui5-progress-indicator-bar,:host([value-state=\"Warning\"]) .ui5-progress-indicator-remaining-bar:before,:host([value-state=\"Warning\"]) .ui5-progress-indicator-remaining-bar:after{background:var(--sapProgress_Value_CriticalBackground, #C35500)}:host([value-state=\"Warning\"]) .ui5-progress-indicator-icon{color:var(--sapProgress_Value_CriticalBackground, #C35500)}:host([disabled]) .ui5-progress-indicator-root{opacity:var(--sapContent_DisabledOpacity, .4)}.ui5-progress-indicator-bar{border-radius:var(--udexRadiusS, 6px)}\n`"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _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);--_ui5_icon_transform_scale: none}.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}}\n";
|
|
1
|
+
declare const _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(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-header-color-dark: var(--udexColorNeutralBlack, #000000);--udex-promo-tile-text-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-text-color-dark: var(--udexColorGrey9, #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);--_ui5_icon_transform_scale: none}.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}}.udex-promo-tile--dark [udex-button]{--udex-button-focus-border-color: var(--udexColorNeutralWhite, #FFFFFF);--sapContent_FocusColor: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-border-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-standard-hover-background: var(--udexColorGrey4, #A9B4BE);--udex-button-color-primary-standard-hover-border-color: var(--udexColorGrey3, #D5DADD);--udex-button-color-primary-standard-hover-text-and-icon: var(--udexColorBlue10, #002A86);--udex-button-color-primary-standard-active-background: var(--udexColorNeutralBlack70, #000000B3);--udex-button-color-primary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-disabled-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-toggled-default-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-primary-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-secondary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-tertiary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-disabled-background: var(--udexColorNeutralBlack, #000000);--udex-button-color-tertiary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-default-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-invisible-standard-hover-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-active-text-and-icon: var(--udexColorBlue5, #4DB1FF);--udex-button-color-invisible-standard-disabled-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-positive-standard-default-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-default-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-default-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-standard-hover-background: var(--udexColorGreen10, #164323);--udex-button-color-positive-standard-hover-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-hover-text-and-icon: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-standard-active-border: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-active-text-and-icon: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-disabled-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-disabled-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-disabled-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-positive-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-standard-default-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-default-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-standard-hover-background: var(--udexColorRed10, #5A0404);--udex-button-color-negative-standard-hover-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-hover-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-standard-active-border: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-active-text-and-icon: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-disabled-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-disabled-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-disabled-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-toggled-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-default-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-hover-background: var(--udexColorMango4, #FFC933);--udex-button-color-negative-toggled-hover-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-hover-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-background: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-toggled-disabled-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-warning-standard-default-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-default-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-default-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-standard-hover-background: var(--udexColorMango10, #6D1900);--udex-button-color-warning-standard-hover-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-hover-text-and-icon: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-warning-standard-active-border: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-active-text-and-icon: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-disabled-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-disabled-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-disabled-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-default-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-default-text-and-icon: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-hover-background: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-hover-border: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-hover-text-and-icon: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-disabled-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-disabled-text-and-icon: var(--udexColorMango10, #6D1900)}\n";
|
|
2
2
|
export default _default;
|
|
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
5
5
|
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, "host");
|
|
6
|
-
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);--_ui5_icon_transform_scale: none}.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}}
|
|
6
|
+
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(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-header-color-dark: var(--udexColorNeutralBlack, #000000);--udex-promo-tile-text-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-text-color-dark: var(--udexColorGrey9, #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);--_ui5_icon_transform_scale: none}.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}}.udex-promo-tile--dark [udex-button]{--udex-button-focus-border-color: var(--udexColorNeutralWhite, #FFFFFF);--sapContent_FocusColor: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-border-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-standard-hover-background: var(--udexColorGrey4, #A9B4BE);--udex-button-color-primary-standard-hover-border-color: var(--udexColorGrey3, #D5DADD);--udex-button-color-primary-standard-hover-text-and-icon: var(--udexColorBlue10, #002A86);--udex-button-color-primary-standard-active-background: var(--udexColorNeutralBlack70, #000000B3);--udex-button-color-primary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-disabled-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-toggled-default-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-primary-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-secondary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-tertiary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-disabled-background: var(--udexColorNeutralBlack, #000000);--udex-button-color-tertiary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-default-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-invisible-standard-hover-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-active-text-and-icon: var(--udexColorBlue5, #4DB1FF);--udex-button-color-invisible-standard-disabled-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-positive-standard-default-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-default-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-default-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-standard-hover-background: var(--udexColorGreen10, #164323);--udex-button-color-positive-standard-hover-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-hover-text-and-icon: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-standard-active-border: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-active-text-and-icon: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-disabled-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-disabled-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-disabled-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-positive-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-standard-default-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-default-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-standard-hover-background: var(--udexColorRed10, #5A0404);--udex-button-color-negative-standard-hover-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-hover-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-standard-active-border: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-active-text-and-icon: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-disabled-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-disabled-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-disabled-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-toggled-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-default-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-hover-background: var(--udexColorMango4, #FFC933);--udex-button-color-negative-toggled-hover-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-hover-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-background: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-toggled-disabled-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-warning-standard-default-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-default-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-default-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-standard-hover-background: var(--udexColorMango10, #6D1900);--udex-button-color-warning-standard-hover-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-hover-text-and-icon: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-warning-standard-active-border: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-active-text-and-icon: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-disabled-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-disabled-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-disabled-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-default-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-default-text-and-icon: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-hover-background: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-hover-border: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-hover-text-and-icon: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-disabled-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-disabled-text-and-icon: var(--udexColorMango10, #6D1900)}
|
|
7
7
|
`;
|
|
8
8
|
//# sourceMappingURL=PromoTile.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PromoTile.css.js","sourceRoot":"","sources":["../../../src/generated/themes/PromoTile.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport 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);--_ui5_icon_transform_scale: none}.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}}\n`"]}
|
|
1
|
+
{"version":3,"file":"PromoTile.css.js","sourceRoot":"","sources":["../../../src/generated/themes/PromoTile.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport 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(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-header-color-dark: var(--udexColorNeutralBlack, #000000);--udex-promo-tile-text-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-text-color-dark: var(--udexColorGrey9, #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);--_ui5_icon_transform_scale: none}.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}}.udex-promo-tile--dark [udex-button]{--udex-button-focus-border-color: var(--udexColorNeutralWhite, #FFFFFF);--sapContent_FocusColor: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-border-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-standard-hover-background: var(--udexColorGrey4, #A9B4BE);--udex-button-color-primary-standard-hover-border-color: var(--udexColorGrey3, #D5DADD);--udex-button-color-primary-standard-hover-text-and-icon: var(--udexColorBlue10, #002A86);--udex-button-color-primary-standard-active-background: var(--udexColorNeutralBlack70, #000000B3);--udex-button-color-primary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-disabled-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-toggled-default-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-primary-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-secondary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-tertiary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-disabled-background: var(--udexColorNeutralBlack, #000000);--udex-button-color-tertiary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-default-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-invisible-standard-hover-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-active-text-and-icon: var(--udexColorBlue5, #4DB1FF);--udex-button-color-invisible-standard-disabled-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-positive-standard-default-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-default-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-default-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-standard-hover-background: var(--udexColorGreen10, #164323);--udex-button-color-positive-standard-hover-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-hover-text-and-icon: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-standard-active-border: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-active-text-and-icon: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-disabled-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-disabled-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-disabled-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-positive-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-standard-default-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-default-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-standard-hover-background: var(--udexColorRed10, #5A0404);--udex-button-color-negative-standard-hover-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-hover-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-standard-active-border: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-active-text-and-icon: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-disabled-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-disabled-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-disabled-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-toggled-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-default-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-hover-background: var(--udexColorMango4, #FFC933);--udex-button-color-negative-toggled-hover-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-hover-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-background: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-toggled-disabled-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-warning-standard-default-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-default-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-default-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-standard-hover-background: var(--udexColorMango10, #6D1900);--udex-button-color-warning-standard-hover-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-hover-text-and-icon: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-warning-standard-active-border: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-active-text-and-icon: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-disabled-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-disabled-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-disabled-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-default-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-default-text-and-icon: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-hover-background: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-hover-border: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-hover-text-and-icon: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-disabled-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-disabled-text-and-icon: var(--udexColorMango10, #6D1900)}\n`"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: ":host{--udex-radio-button-group-color-display-only-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-radio-button-group-color-display-only-border: var(--sapField_TextColor, #223548);--udex-radio-button-group-color-display-only-selection: var(--sapField_TextColor, #223548);--udex-radio-button-checked-fill: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-min-width: 42px;--udex-radio-button-min-height: var(--udexSpacer24, 24px);--udex-radio-button-color: var(--udexColorGrey6 ,#5B738B);--udex-radio-button-border-radius: var(--udexRadiusXS);--udex-radio-button-inner-size: var(--udexSpacer24, 24px);--udex-radio-button-outer-ring-padding-with-label: 0;--udex-radio-button-label-offset: var(--udexSpacer12, 12px);--udex-radio-button-label-color: var(--udexColorGrey9, #223548);--udex-radio-button-svg-size: var(--udexSpacer24, 24px);--udex-radio-button-outer-ring-color: var(--sapField_BorderColor, #5b738b);--udex-radio-button-outer-ring-bg: var(--sapField_Background, #FFF);--udex-radio-button-outer-ring-width: .063rem;--udex-radio-button-inner-ring-radius: 25%;--udex-radio-button-inner-ring-color: var(--udexColorBlue8, #0057D2);--udex-radio-button-outer-ring-checked-hover-color: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-outer-ring-hover-color: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-hover-fill: var(--udexColorBlue1 , #EBF8FF);--udex-radio-button-hover-fill-information: var(--sapField_Background, #FFF);--udex-radio-button-read-only-inner-ring-color: var(--udexColorGrey8, #354A5F);--udex-radio-button-label-side-padding:var(--udexSpacer8, 8px);--udex-radio-button-outer-ring-padding: var(--udexSpacer8, 8px)}:host(:not([hidden])){display:inline-flex}:host([text]) .ui5-radio-root{padding
|
|
1
|
+
declare const _default: ":host{--udex-radio-button-group-color-display-only-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-radio-button-group-color-display-only-border: var(--sapField_TextColor, #223548);--udex-radio-button-group-color-display-only-selection: var(--sapField_TextColor, #223548);--udex-radio-button-checked-fill: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-min-width: 42px;--udex-radio-button-min-height: var(--udexSpacer24, 24px);--udex-radio-button-color: var(--udexColorGrey6 ,#5B738B);--udex-radio-button-border-radius: var(--udexRadiusXS);--udex-radio-button-inner-size: var(--udexSpacer24, 24px);--udex-radio-button-outer-ring-padding-with-label: 0;--udex-radio-button-label-offset: var(--udexSpacer12, 12px);--udex-radio-button-label-color: var(--udexColorGrey9, #223548);--udex-radio-button-svg-size: var(--udexSpacer24, 24px);--udex-radio-button-outer-ring-color: var(--sapField_BorderColor, #5b738b);--udex-radio-button-outer-ring-bg: var(--sapField_Background, #FFF);--udex-radio-button-outer-ring-width: .063rem;--udex-radio-button-inner-ring-radius: 25%;--udex-radio-button-inner-ring-color: var(--udexColorBlue8, #0057D2);--udex-radio-button-outer-ring-checked-hover-color: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-outer-ring-hover-color: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-hover-fill: var(--udexColorBlue1 , #EBF8FF);--udex-radio-button-hover-fill-information: var(--sapField_Background, #FFF);--udex-radio-button-read-only-inner-ring-color: var(--udexColorGrey8, #354A5F);--udex-radio-button-label-side-padding:var(--udexSpacer8, 8px);--udex-radio-button-outer-ring-padding: var(--udexSpacer8, 8px)}:host(:not([hidden])){display:inline-flex}:host([text]) .ui5-radio-root{padding:0}.ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer,:host([checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--udex-radio-button-hover-fill)}:host([checked][readonly]) .ui5-radio-svg-inner{fill:var(--udex-radio-button-read-only-inner-ring-color)}:host(:not([value-state=\"Negative\"]):not([value-state=\"Critical\"]):not([value-state=\"Positive\"]):not([value-state=\"Information\"])[checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udex-radio-button-outer-ring-checked-hover-color)}:host(:not([value-state=\"Negative\"]):not([value-state=\"Critical\"]):not([value-state=\"Positive\"]):not([value-state=\"Information\"])) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udex-radio-button-outer-ring-hover-color)}:host([checked]) .ui5-radio-svg-inner{fill:var(--udex-radio-button-inner-ring-color)}.ui5-radio-svg-inner{fill:none;r:var(--udex-radio-button-inner-ring-radius)}:host([value-state=\"Information\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--udex-radio-button-hover-fill-information)}.ui5-radio-svg-outer{fill:var(--udex-radio-button-outer-ring-bg);stroke-width:var(--udex-radio-button-outer-ring-width)}.ui5-radio-svg{height:var(--udex-radio-button-svg-size);width:var(--udex-radio-button-svg-size)}.ui5-radio-inner{height:var(--udex-radio-button-inner-size);padding:var(--udex-radio-button-outer-ring-padding)}[ui5-label].ui5-radio-label{font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize, var(--sapFontSize, 16px));padding-inline-start:var(--udex-radio-button-label-offset);color:var(--udex-radio-button-label-color)}:host{min-width:var(--udex-radio-button-min-width);color:var(--udex-radio-button-color);border-radius:var(--udex-radio-button-border-radius);overflow:visible}:host([checked]){color:var(--udex-radio-button-checked-fill)}:host .ui5-radio-root{align-items:center;min-height:var(--udex-radio-button-min-height);padding-block:var(--udex-radio-button-label-side-padding);padding-inline-start:var(--udex-radio-button-outer-ring-padding)}:host([display-only]) .ui5-radio-root,:host([readonly]) .ui5-radio-root{cursor:default}:host([display-only]) .ui5-radio-root .ui5-radio-svg-outer{stroke-dasharray:none;fill:var(--udex-radio-button-group-color-display-only-background);stroke:var(--udex-radio-button-group-color-display-only-border)}:host([display-only][checked]) .ui5-radio-root .ui5-radio-svg-inner{fill:var(--udex-radio-button-group-color-display-only-selection)}:host([display-only][disabled]) .ui5-radio-root .ui5-radio-svg-outer{stroke:var(--sapField_BorderColor, #5B738B)}:host([display-only][checked][disabled]) .ui5-radio-root .ui5-radio-svg-inner{fill:var(--sapContent_Selected_ForegroundColor, #0070F2)}:host([value-state=\"Error\"]) .ui5-radio-svg-outer{stroke:var(--udexColorRed6, #EE3939)}:host([value-state=\"Error\"][checked]) .ui5-radio-svg-inner{fill:var(--udexColorRed8, #AA0808)}:host([value-state=\"Success\"]) .ui5-radio-svg-outer{stroke:var(--udexColorGreen6, #36A41D)}:host([value-state=\"Success\"][checked]) .ui5-radio-svg-inner{fill:var(--udexColorGreen8, #256F3A)}:host([value-state=\"Warning\"]) .ui5-radio-svg-outer{stroke:var(--udexColorMango7, #C35500)}:host([value-state=\"Warning\"][checked]) .ui5-radio-svg-inner{fill:var(--udexColorMango7, #C35500)}:host([value-state=\"Information\"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--udexColorRed1, #FFEAF4)}:host([value-state=\"Error\"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udexColorRed5, #FF5C77)!important;fill:var(--udexColorRed1, #FFEAF4)}:host([value-state=\"Success\"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udexColorGreen5, #5DC122)!important;fill:var(--udexColorGreen1, #F5FAE5)}:host([value-state=\"Warning\"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udexColorMango7, #C35500)!important;fill:var(--sapNeutralBackground, #FFFFFF)}:host([text]) .ui5-radio-inner{padding:var(--udex-radio-button-outer-ring-padding-with-label)}:host([text]:not([disabled])) .ui5-radio-root:focus:before,:host([text]:not([disabled])) .ui5-radio-root:focus-visible:before,:host([text]) .ui5-radio-root:focus:before,:host([text]) .ui5-radio-root:focus-visible:before{inset:-6px}\n";
|
|
2
2
|
export default _default;
|
|
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
5
5
|
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, "host");
|
|
6
|
-
export default `:host{--udex-radio-button-group-color-display-only-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-radio-button-group-color-display-only-border: var(--sapField_TextColor, #223548);--udex-radio-button-group-color-display-only-selection: var(--sapField_TextColor, #223548);--udex-radio-button-checked-fill: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-min-width: 42px;--udex-radio-button-min-height: var(--udexSpacer24, 24px);--udex-radio-button-color: var(--udexColorGrey6 ,#5B738B);--udex-radio-button-border-radius: var(--udexRadiusXS);--udex-radio-button-inner-size: var(--udexSpacer24, 24px);--udex-radio-button-outer-ring-padding-with-label: 0;--udex-radio-button-label-offset: var(--udexSpacer12, 12px);--udex-radio-button-label-color: var(--udexColorGrey9, #223548);--udex-radio-button-svg-size: var(--udexSpacer24, 24px);--udex-radio-button-outer-ring-color: var(--sapField_BorderColor, #5b738b);--udex-radio-button-outer-ring-bg: var(--sapField_Background, #FFF);--udex-radio-button-outer-ring-width: .063rem;--udex-radio-button-inner-ring-radius: 25%;--udex-radio-button-inner-ring-color: var(--udexColorBlue8, #0057D2);--udex-radio-button-outer-ring-checked-hover-color: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-outer-ring-hover-color: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-hover-fill: var(--udexColorBlue1 , #EBF8FF);--udex-radio-button-hover-fill-information: var(--sapField_Background, #FFF);--udex-radio-button-read-only-inner-ring-color: var(--udexColorGrey8, #354A5F);--udex-radio-button-label-side-padding:var(--udexSpacer8, 8px);--udex-radio-button-outer-ring-padding: var(--udexSpacer8, 8px)}:host(:not([hidden])){display:inline-flex}:host([text]) .ui5-radio-root{padding
|
|
6
|
+
export default `:host{--udex-radio-button-group-color-display-only-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-radio-button-group-color-display-only-border: var(--sapField_TextColor, #223548);--udex-radio-button-group-color-display-only-selection: var(--sapField_TextColor, #223548);--udex-radio-button-checked-fill: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-min-width: 42px;--udex-radio-button-min-height: var(--udexSpacer24, 24px);--udex-radio-button-color: var(--udexColorGrey6 ,#5B738B);--udex-radio-button-border-radius: var(--udexRadiusXS);--udex-radio-button-inner-size: var(--udexSpacer24, 24px);--udex-radio-button-outer-ring-padding-with-label: 0;--udex-radio-button-label-offset: var(--udexSpacer12, 12px);--udex-radio-button-label-color: var(--udexColorGrey9, #223548);--udex-radio-button-svg-size: var(--udexSpacer24, 24px);--udex-radio-button-outer-ring-color: var(--sapField_BorderColor, #5b738b);--udex-radio-button-outer-ring-bg: var(--sapField_Background, #FFF);--udex-radio-button-outer-ring-width: .063rem;--udex-radio-button-inner-ring-radius: 25%;--udex-radio-button-inner-ring-color: var(--udexColorBlue8, #0057D2);--udex-radio-button-outer-ring-checked-hover-color: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-outer-ring-hover-color: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-hover-fill: var(--udexColorBlue1 , #EBF8FF);--udex-radio-button-hover-fill-information: var(--sapField_Background, #FFF);--udex-radio-button-read-only-inner-ring-color: var(--udexColorGrey8, #354A5F);--udex-radio-button-label-side-padding:var(--udexSpacer8, 8px);--udex-radio-button-outer-ring-padding: var(--udexSpacer8, 8px)}:host(:not([hidden])){display:inline-flex}:host([text]) .ui5-radio-root{padding:0}.ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer,:host([checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--udex-radio-button-hover-fill)}:host([checked][readonly]) .ui5-radio-svg-inner{fill:var(--udex-radio-button-read-only-inner-ring-color)}:host(:not([value-state="Negative"]):not([value-state="Critical"]):not([value-state="Positive"]):not([value-state="Information"])[checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udex-radio-button-outer-ring-checked-hover-color)}:host(:not([value-state="Negative"]):not([value-state="Critical"]):not([value-state="Positive"]):not([value-state="Information"])) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udex-radio-button-outer-ring-hover-color)}:host([checked]) .ui5-radio-svg-inner{fill:var(--udex-radio-button-inner-ring-color)}.ui5-radio-svg-inner{fill:none;r:var(--udex-radio-button-inner-ring-radius)}:host([value-state="Information"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--udex-radio-button-hover-fill-information)}.ui5-radio-svg-outer{fill:var(--udex-radio-button-outer-ring-bg);stroke-width:var(--udex-radio-button-outer-ring-width)}.ui5-radio-svg{height:var(--udex-radio-button-svg-size);width:var(--udex-radio-button-svg-size)}.ui5-radio-inner{height:var(--udex-radio-button-inner-size);padding:var(--udex-radio-button-outer-ring-padding)}[ui5-label].ui5-radio-label{font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize, var(--sapFontSize, 16px));padding-inline-start:var(--udex-radio-button-label-offset);color:var(--udex-radio-button-label-color)}:host{min-width:var(--udex-radio-button-min-width);color:var(--udex-radio-button-color);border-radius:var(--udex-radio-button-border-radius);overflow:visible}:host([checked]){color:var(--udex-radio-button-checked-fill)}:host .ui5-radio-root{align-items:center;min-height:var(--udex-radio-button-min-height);padding-block:var(--udex-radio-button-label-side-padding);padding-inline-start:var(--udex-radio-button-outer-ring-padding)}:host([display-only]) .ui5-radio-root,:host([readonly]) .ui5-radio-root{cursor:default}:host([display-only]) .ui5-radio-root .ui5-radio-svg-outer{stroke-dasharray:none;fill:var(--udex-radio-button-group-color-display-only-background);stroke:var(--udex-radio-button-group-color-display-only-border)}:host([display-only][checked]) .ui5-radio-root .ui5-radio-svg-inner{fill:var(--udex-radio-button-group-color-display-only-selection)}:host([display-only][disabled]) .ui5-radio-root .ui5-radio-svg-outer{stroke:var(--sapField_BorderColor, #5B738B)}:host([display-only][checked][disabled]) .ui5-radio-root .ui5-radio-svg-inner{fill:var(--sapContent_Selected_ForegroundColor, #0070F2)}:host([value-state="Error"]) .ui5-radio-svg-outer{stroke:var(--udexColorRed6, #EE3939)}:host([value-state="Error"][checked]) .ui5-radio-svg-inner{fill:var(--udexColorRed8, #AA0808)}:host([value-state="Success"]) .ui5-radio-svg-outer{stroke:var(--udexColorGreen6, #36A41D)}:host([value-state="Success"][checked]) .ui5-radio-svg-inner{fill:var(--udexColorGreen8, #256F3A)}:host([value-state="Warning"]) .ui5-radio-svg-outer{stroke:var(--udexColorMango7, #C35500)}:host([value-state="Warning"][checked]) .ui5-radio-svg-inner{fill:var(--udexColorMango7, #C35500)}:host([value-state="Information"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--udexColorRed1, #FFEAF4)}:host([value-state="Error"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udexColorRed5, #FF5C77)!important;fill:var(--udexColorRed1, #FFEAF4)}:host([value-state="Success"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udexColorGreen5, #5DC122)!important;fill:var(--udexColorGreen1, #F5FAE5)}:host([value-state="Warning"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udexColorMango7, #C35500)!important;fill:var(--sapNeutralBackground, #FFFFFF)}:host([text]) .ui5-radio-inner{padding:var(--udex-radio-button-outer-ring-padding-with-label)}:host([text]:not([disabled])) .ui5-radio-root:focus:before,:host([text]:not([disabled])) .ui5-radio-root:focus-visible:before,:host([text]) .ui5-radio-root:focus:before,:host([text]) .ui5-radio-root:focus-visible:before{inset:-6px}
|
|
7
7
|
`;
|
|
8
8
|
//# sourceMappingURL=RadioButton.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.css.js","sourceRoot":"","sources":["../../../src/generated/themes/RadioButton.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-radio-button-group-color-display-only-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-radio-button-group-color-display-only-border: var(--sapField_TextColor, #223548);--udex-radio-button-group-color-display-only-selection: var(--sapField_TextColor, #223548);--udex-radio-button-checked-fill: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-min-width: 42px;--udex-radio-button-min-height: var(--udexSpacer24, 24px);--udex-radio-button-color: var(--udexColorGrey6 ,#5B738B);--udex-radio-button-border-radius: var(--udexRadiusXS);--udex-radio-button-inner-size: var(--udexSpacer24, 24px);--udex-radio-button-outer-ring-padding-with-label: 0;--udex-radio-button-label-offset: var(--udexSpacer12, 12px);--udex-radio-button-label-color: var(--udexColorGrey9, #223548);--udex-radio-button-svg-size: var(--udexSpacer24, 24px);--udex-radio-button-outer-ring-color: var(--sapField_BorderColor, #5b738b);--udex-radio-button-outer-ring-bg: var(--sapField_Background, #FFF);--udex-radio-button-outer-ring-width: .063rem;--udex-radio-button-inner-ring-radius: 25%;--udex-radio-button-inner-ring-color: var(--udexColorBlue8, #0057D2);--udex-radio-button-outer-ring-checked-hover-color: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-outer-ring-hover-color: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-hover-fill: var(--udexColorBlue1 , #EBF8FF);--udex-radio-button-hover-fill-information: var(--sapField_Background, #FFF);--udex-radio-button-read-only-inner-ring-color: var(--udexColorGrey8, #354A5F);--udex-radio-button-label-side-padding:var(--udexSpacer8, 8px);--udex-radio-button-outer-ring-padding: var(--udexSpacer8, 8px)}:host(:not([hidden])){display:inline-flex}:host([text]) .ui5-radio-root{padding
|
|
1
|
+
{"version":3,"file":"RadioButton.css.js","sourceRoot":"","sources":["../../../src/generated/themes/RadioButton.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-radio-button-group-color-display-only-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-radio-button-group-color-display-only-border: var(--sapField_TextColor, #223548);--udex-radio-button-group-color-display-only-selection: var(--sapField_TextColor, #223548);--udex-radio-button-checked-fill: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-min-width: 42px;--udex-radio-button-min-height: var(--udexSpacer24, 24px);--udex-radio-button-color: var(--udexColorGrey6 ,#5B738B);--udex-radio-button-border-radius: var(--udexRadiusXS);--udex-radio-button-inner-size: var(--udexSpacer24, 24px);--udex-radio-button-outer-ring-padding-with-label: 0;--udex-radio-button-label-offset: var(--udexSpacer12, 12px);--udex-radio-button-label-color: var(--udexColorGrey9, #223548);--udex-radio-button-svg-size: var(--udexSpacer24, 24px);--udex-radio-button-outer-ring-color: var(--sapField_BorderColor, #5b738b);--udex-radio-button-outer-ring-bg: var(--sapField_Background, #FFF);--udex-radio-button-outer-ring-width: .063rem;--udex-radio-button-inner-ring-radius: 25%;--udex-radio-button-inner-ring-color: var(--udexColorBlue8, #0057D2);--udex-radio-button-outer-ring-checked-hover-color: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-outer-ring-hover-color: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-hover-fill: var(--udexColorBlue1 , #EBF8FF);--udex-radio-button-hover-fill-information: var(--sapField_Background, #FFF);--udex-radio-button-read-only-inner-ring-color: var(--udexColorGrey8, #354A5F);--udex-radio-button-label-side-padding:var(--udexSpacer8, 8px);--udex-radio-button-outer-ring-padding: var(--udexSpacer8, 8px)}:host(:not([hidden])){display:inline-flex}:host([text]) .ui5-radio-root{padding:0}.ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer,:host([checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--udex-radio-button-hover-fill)}:host([checked][readonly]) .ui5-radio-svg-inner{fill:var(--udex-radio-button-read-only-inner-ring-color)}:host(:not([value-state=\"Negative\"]):not([value-state=\"Critical\"]):not([value-state=\"Positive\"]):not([value-state=\"Information\"])[checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udex-radio-button-outer-ring-checked-hover-color)}:host(:not([value-state=\"Negative\"]):not([value-state=\"Critical\"]):not([value-state=\"Positive\"]):not([value-state=\"Information\"])) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udex-radio-button-outer-ring-hover-color)}:host([checked]) .ui5-radio-svg-inner{fill:var(--udex-radio-button-inner-ring-color)}.ui5-radio-svg-inner{fill:none;r:var(--udex-radio-button-inner-ring-radius)}:host([value-state=\"Information\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--udex-radio-button-hover-fill-information)}.ui5-radio-svg-outer{fill:var(--udex-radio-button-outer-ring-bg);stroke-width:var(--udex-radio-button-outer-ring-width)}.ui5-radio-svg{height:var(--udex-radio-button-svg-size);width:var(--udex-radio-button-svg-size)}.ui5-radio-inner{height:var(--udex-radio-button-inner-size);padding:var(--udex-radio-button-outer-ring-padding)}[ui5-label].ui5-radio-label{font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize, var(--sapFontSize, 16px));padding-inline-start:var(--udex-radio-button-label-offset);color:var(--udex-radio-button-label-color)}:host{min-width:var(--udex-radio-button-min-width);color:var(--udex-radio-button-color);border-radius:var(--udex-radio-button-border-radius);overflow:visible}:host([checked]){color:var(--udex-radio-button-checked-fill)}:host .ui5-radio-root{align-items:center;min-height:var(--udex-radio-button-min-height);padding-block:var(--udex-radio-button-label-side-padding);padding-inline-start:var(--udex-radio-button-outer-ring-padding)}:host([display-only]) .ui5-radio-root,:host([readonly]) .ui5-radio-root{cursor:default}:host([display-only]) .ui5-radio-root .ui5-radio-svg-outer{stroke-dasharray:none;fill:var(--udex-radio-button-group-color-display-only-background);stroke:var(--udex-radio-button-group-color-display-only-border)}:host([display-only][checked]) .ui5-radio-root .ui5-radio-svg-inner{fill:var(--udex-radio-button-group-color-display-only-selection)}:host([display-only][disabled]) .ui5-radio-root .ui5-radio-svg-outer{stroke:var(--sapField_BorderColor, #5B738B)}:host([display-only][checked][disabled]) .ui5-radio-root .ui5-radio-svg-inner{fill:var(--sapContent_Selected_ForegroundColor, #0070F2)}:host([value-state=\"Error\"]) .ui5-radio-svg-outer{stroke:var(--udexColorRed6, #EE3939)}:host([value-state=\"Error\"][checked]) .ui5-radio-svg-inner{fill:var(--udexColorRed8, #AA0808)}:host([value-state=\"Success\"]) .ui5-radio-svg-outer{stroke:var(--udexColorGreen6, #36A41D)}:host([value-state=\"Success\"][checked]) .ui5-radio-svg-inner{fill:var(--udexColorGreen8, #256F3A)}:host([value-state=\"Warning\"]) .ui5-radio-svg-outer{stroke:var(--udexColorMango7, #C35500)}:host([value-state=\"Warning\"][checked]) .ui5-radio-svg-inner{fill:var(--udexColorMango7, #C35500)}:host([value-state=\"Information\"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--udexColorRed1, #FFEAF4)}:host([value-state=\"Error\"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udexColorRed5, #FF5C77)!important;fill:var(--udexColorRed1, #FFEAF4)}:host([value-state=\"Success\"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udexColorGreen5, #5DC122)!important;fill:var(--udexColorGreen1, #F5FAE5)}:host([value-state=\"Warning\"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udexColorMango7, #C35500)!important;fill:var(--sapNeutralBackground, #FFFFFF)}:host([text]) .ui5-radio-inner{padding:var(--udex-radio-button-outer-ring-padding-with-label)}:host([text]:not([disabled])) .ui5-radio-root:focus:before,:host([text]:not([disabled])) .ui5-radio-root:focus-visible:before,:host([text]) .ui5-radio-root:focus:before,:host([text]) .ui5-radio-root:focus-visible:before{inset:-6px}\n`"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: ":host{--udex-review-color: var(--
|
|
1
|
+
declare const _default: ":host{--udex-review-color: var(--udexColorGrey9, #223548);--udex-review-rating-color: var(--udexColorNeutralBlack, #000000);--udex-review-container-inline-padding: 0;--udex-review-container-vertical-padding: var(--udexSpacer32);--udex-review-container-vertical-padding-xs: var(--udexSpacer24);--udex-review-xs-gutter: var(--udexSpacer40);color:var(--udex-review-color)}.udex-review__container{width:100%;display:flex;flex-direction:row;align-items:center;padding:var(--udex-review-container-vertical-padding) var(--udex-review-container-inline-padding);font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__container-without-breakdown{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--udex-review-container-vertical-padding) var(--udex-review-container-inline-padding);font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__empty-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer12);padding:var(--udex-review-container-vertical-padding) 0;font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__rating{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold);color:var(--udex-review-rating-color)}.udex-review__content{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold);display:flex;flex-direction:column;justify-content:center;align-items:center;margin-inline-end:var(--udexGridXLGutters)}.udex-review__content-without-breakdown{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold);display:flex;flex-direction:row;align-items:center;margin-bottom:0}.udex-review__additional-content{display:flex;flex-direction:column;gap:var(--udexSpacer8);width:100%}.udex-review__additional-content-without-breakdown{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--udexSpacer12);margin-bottom:0}.udex-review__rating-info{display:flex;flex-direction:row;align-items:center;gap:var(--udexSpacer8)}.udex-review__rating-info-without-breakdown{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-inline-start:var(--udexSpacer16);.udex-review__reviews-text{margin-bottom:0}}.udex-review__default-text{font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);margin-bottom:var(--udexSpacer12);text-align:center}.udex-review__reviews-text{font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);color:var(--udexColorGrey7);margin-top:var(--udexSpacer8);margin-bottom:var(--udexSpacer12)}@media (max-width: 979px){.udex-review__rating{font-size:var(--udexTypographyDisplayBoldSFontSize)}.udex-review__container-without-breakdown{flex-direction:column;align-items:center}.udex-review__container{padding:var(--udex-review-container-vertical-padding) var(--udex-review-container-inline-padding)}.udex-review__content{margin-inline-end:var(--udexGridSGutters)}.udex-review__default-text{font-size:var(--udexTypographyBodyXSFontSize)}.udex-review__content-without-breakdown{margin-bottom:var(--udexSpacer16)}.udex-review__additional-content-without-breakdown{justify-content:space-between;gap:var(--udexSpacer16)}}@media (max-width: 639px){.udex-review__rating{font-size:var(--udexTypographyDisplayBoldXSFontSize)}.udex-review__container,.udex-review__container-without-breakdown{padding:var(--udex-review-container-vertical-padding-xs) var(--udex-review-container-inline-padding)}.udex-review__container{flex-direction:column;align-items:center}.udex-review__empty-container{padding:var(--udex-review-container-vertical-padding-xs) 0}.udex-review__content{margin-bottom:var(--udex-review-xs-gutter);margin-inline-end:0}}.udex-review__icon{height:1.5rem;width:1.5rem;color:var(--udexColorMango6)}.hidden-text{display:none}\n";
|
|
2
2
|
export default _default;
|
|
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
5
5
|
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, "host");
|
|
6
|
-
export default `:host{--udex-review-color: var(--
|
|
6
|
+
export default `:host{--udex-review-color: var(--udexColorGrey9, #223548);--udex-review-rating-color: var(--udexColorNeutralBlack, #000000);--udex-review-container-inline-padding: 0;--udex-review-container-vertical-padding: var(--udexSpacer32);--udex-review-container-vertical-padding-xs: var(--udexSpacer24);--udex-review-xs-gutter: var(--udexSpacer40);color:var(--udex-review-color)}.udex-review__container{width:100%;display:flex;flex-direction:row;align-items:center;padding:var(--udex-review-container-vertical-padding) var(--udex-review-container-inline-padding);font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__container-without-breakdown{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--udex-review-container-vertical-padding) var(--udex-review-container-inline-padding);font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__empty-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer12);padding:var(--udex-review-container-vertical-padding) 0;font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__rating{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold);color:var(--udex-review-rating-color)}.udex-review__content{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold);display:flex;flex-direction:column;justify-content:center;align-items:center;margin-inline-end:var(--udexGridXLGutters)}.udex-review__content-without-breakdown{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold);display:flex;flex-direction:row;align-items:center;margin-bottom:0}.udex-review__additional-content{display:flex;flex-direction:column;gap:var(--udexSpacer8);width:100%}.udex-review__additional-content-without-breakdown{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--udexSpacer12);margin-bottom:0}.udex-review__rating-info{display:flex;flex-direction:row;align-items:center;gap:var(--udexSpacer8)}.udex-review__rating-info-without-breakdown{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-inline-start:var(--udexSpacer16);.udex-review__reviews-text{margin-bottom:0}}.udex-review__default-text{font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);margin-bottom:var(--udexSpacer12);text-align:center}.udex-review__reviews-text{font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);color:var(--udexColorGrey7);margin-top:var(--udexSpacer8);margin-bottom:var(--udexSpacer12)}@media (max-width: 979px){.udex-review__rating{font-size:var(--udexTypographyDisplayBoldSFontSize)}.udex-review__container-without-breakdown{flex-direction:column;align-items:center}.udex-review__container{padding:var(--udex-review-container-vertical-padding) var(--udex-review-container-inline-padding)}.udex-review__content{margin-inline-end:var(--udexGridSGutters)}.udex-review__default-text{font-size:var(--udexTypographyBodyXSFontSize)}.udex-review__content-without-breakdown{margin-bottom:var(--udexSpacer16)}.udex-review__additional-content-without-breakdown{justify-content:space-between;gap:var(--udexSpacer16)}}@media (max-width: 639px){.udex-review__rating{font-size:var(--udexTypographyDisplayBoldXSFontSize)}.udex-review__container,.udex-review__container-without-breakdown{padding:var(--udex-review-container-vertical-padding-xs) var(--udex-review-container-inline-padding)}.udex-review__container{flex-direction:column;align-items:center}.udex-review__empty-container{padding:var(--udex-review-container-vertical-padding-xs) 0}.udex-review__content{margin-bottom:var(--udex-review-xs-gutter);margin-inline-end:0}}.udex-review__icon{height:1.5rem;width:1.5rem;color:var(--udexColorMango6)}.hidden-text{display:none}
|
|
7
7
|
`;
|
|
8
8
|
//# sourceMappingURL=Review.css.js.map
|