@sapudex/web-components 2.8.0 → 2.10.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 +1 -0
- package/cypress/fixtures/footer-links.ts +32 -33
- package/cypress/specs/CountrySelector.cy.tsx +5 -2
- package/cypress/specs/EventRibbon.cy.tsx +25 -6
- package/cypress/specs/FilterMenu.cy.tsx +884 -0
- package/cypress/specs/Footer.cy.tsx +10 -11
- package/cypress/specs/SocialMediaButton.cy.tsx +44 -0
- package/cypress/specs/Table.cy.tsx +8 -2
- package/cypress/specs/TextField.cy.tsx +11 -4
- package/cypress/support/component-imports.instrumented.ts +11 -1
- package/cypress/support/component-imports.src.ts +12 -2
- package/dist/Assets.d.ts +1 -0
- package/dist/Assets.js +1 -0
- package/dist/Assets.js.map +1 -1
- package/dist/CountrySelector.d.ts +2 -2
- package/dist/CountrySelector.js +6 -3
- package/dist/CountrySelector.js.map +1 -1
- package/dist/DatePicker.js +2 -2
- package/dist/DatePicker.js.map +1 -1
- package/dist/EventRibbon.d.ts +15 -1
- package/dist/EventRibbon.js +11 -3
- package/dist/EventRibbon.js.map +1 -1
- package/dist/EventRibbonTemplate.js +5 -1
- package/dist/EventRibbonTemplate.js.map +1 -1
- package/dist/FilterMenu.d.ts +13 -2
- package/dist/FilterMenu.js +59 -13
- package/dist/FilterMenu.js.map +1 -1
- package/dist/Footer.d.ts +5 -3
- package/dist/Footer.js +3 -5
- package/dist/Footer.js.map +1 -1
- package/dist/MastheadItem.d.ts +12 -0
- package/dist/MastheadItem.js +6 -0
- package/dist/MastheadItem.js.map +1 -1
- package/dist/MastheadShell.d.ts +13 -3
- package/dist/MastheadShell.js +17 -4
- package/dist/MastheadShell.js.map +1 -1
- package/dist/SelectBox.d.ts +0 -1
- package/dist/SelectBox.js +2 -2
- package/dist/SelectBox.js.map +1 -1
- package/dist/SocialMediaButton.d.ts +73 -0
- package/dist/SocialMediaButton.js +135 -0
- package/dist/SocialMediaButton.js.map +1 -0
- package/dist/SocialMediaButtonTemplate.d.ts +2 -0
- package/dist/SocialMediaButtonTemplate.js +6 -0
- package/dist/SocialMediaButtonTemplate.js.map +1 -0
- package/dist/StepInput.d.ts +2 -1
- package/dist/StepInput.js +6 -0
- package/dist/StepInput.js.map +1 -1
- package/dist/StepInputTemplate.js +1 -1
- package/dist/StepInputTemplate.js.map +1 -1
- package/dist/TableRow.d.ts +11 -0
- package/dist/TableRow.js +16 -0
- package/dist/TableRow.js.map +1 -1
- package/dist/TextArea.d.ts +3 -8
- package/dist/TextArea.js +12 -5
- package/dist/TextArea.js.map +1 -1
- package/dist/TextField.d.ts +20 -11
- package/dist/TextField.js +44 -31
- package/dist/TextField.js.map +1 -1
- package/dist/assets/{InputSuggestions-CmCRxU5Z.js → InputSuggestions-xcV7PZDf.js} +1 -1
- package/dist/assets/{ListItemStandardExpandableTextTemplate-i35T7dr8.js → ListItemStandardExpandableTextTemplate-RYCr4pVL.js} +1 -1
- package/dist/assets/ar-CUjm9SSI.js +1 -0
- package/dist/assets/ar_EG-DQlFzN6x.js +1 -0
- package/dist/assets/ar_SA-lp21-ovF.js +1 -0
- package/dist/assets/bg-BMgSEqKu.js +1 -0
- package/dist/assets/{bundle.esm-BIStxKRx.js → bundle.esm-bg-64miJ.js} +208 -207
- package/dist/assets/ca-BEgqToWu.js +1 -0
- package/dist/assets/cnr-IJYa9RjY.js +1 -0
- package/dist/assets/cs-DcM44PeB.js +1 -0
- package/dist/assets/da-D81rJc1N.js +1 -0
- package/dist/assets/de-eQRPkDbn.js +1 -0
- package/dist/assets/de_AT-Ag3CVI5m.js +1 -0
- package/dist/assets/de_CH-DgRYNg0p.js +1 -0
- package/dist/assets/el-W3XNt9Wl.js +1 -0
- package/dist/assets/el_CY-BfNIiYpU.js +1 -0
- package/dist/assets/en-CrBjXhTl.js +1 -0
- package/dist/assets/en_AU-Br7ytKW4.js +1 -0
- package/dist/assets/en_GB-DfnNoCgD.js +1 -0
- package/dist/assets/en_HK-Cyj9DPsW.js +1 -0
- package/dist/assets/en_IE-B5FpEUby.js +1 -0
- package/dist/assets/en_IN-C3XmKnWe.js +1 -0
- package/dist/assets/en_NZ-COJ5ycaE.js +1 -0
- package/dist/assets/en_PG-BB-Cmgcm.js +1 -0
- package/dist/assets/en_SG-Dfevg5da.js +1 -0
- package/dist/assets/en_ZA-BgOSNy0v.js +1 -0
- package/dist/assets/es-CRcVj7aR.js +1 -0
- package/dist/assets/es_AR-CFf6aWC5.js +1 -0
- package/dist/assets/es_BO-DNFEED1o.js +1 -0
- package/dist/assets/es_CL-DZhLyidG.js +1 -0
- package/dist/assets/es_CO-uWf-1tom.js +1 -0
- package/dist/assets/es_MX-C_wDRcT-.js +1 -0
- package/dist/assets/es_PE-QQsdF6EB.js +1 -0
- package/dist/assets/es_UY-CWhNSkyr.js +1 -0
- package/dist/assets/es_VE-hweLK9Ws.js +1 -0
- package/dist/assets/et-B3fco2O5.js +1 -0
- package/dist/assets/fa-oRguSKlL.js +1 -0
- package/dist/assets/fi-Daa_vlE5.js +1 -0
- package/dist/assets/fr-CANfYyyO.js +1 -0
- package/dist/assets/fr_BE-CCxD_K6m.js +1 -0
- package/dist/assets/fr_CA-BEtkRJZv.js +1 -0
- package/dist/assets/fr_CH-CrBmdh_n.js +1 -0
- package/dist/assets/fr_LU-CDcjZueC.js +1 -0
- package/dist/assets/he-CVUhin6m.js +1 -0
- package/dist/assets/hi-DF2PyuOw.js +1 -0
- package/dist/assets/hr-b6c4wXpD.js +1 -0
- package/dist/assets/hu-B7IWSU6b.js +1 -0
- package/dist/assets/id-GxIydI_w.js +1 -0
- package/dist/assets/it-DAjzvm2X.js +1 -0
- package/dist/assets/it_CH-BvNuHKQK.js +1 -0
- package/dist/assets/ja-DhVA6Wxm.js +1 -0
- package/dist/assets/kk-BSxmnq67.js +1 -0
- package/dist/assets/ko-ZT8Z04Uq.js +1 -0
- package/dist/assets/lt-BVWqkFr_.js +1 -0
- package/dist/assets/lv-DyXyW37Y.js +1 -0
- package/dist/assets/messagebundle_en-BHfPJk-2.js +1 -0
- package/dist/assets/mk-ChbdOzZI.js +1 -0
- package/dist/assets/ms-H9bJ42GA.js +1 -0
- package/dist/assets/nb-Dgkq7ozi.js +1 -0
- package/dist/assets/nl-DZqLtAXS.js +1 -0
- package/dist/assets/nl_BE-Dx4AxOFo.js +1 -0
- package/dist/assets/pl-MzEgIfvm.js +1 -0
- package/dist/assets/pt-2N8dosOm.js +1 -0
- package/dist/assets/pt_PT-CIcj5FsJ.js +1 -0
- package/dist/assets/ro-CZHCJKTk.js +1 -0
- package/dist/assets/ru-BcU9rFqC.js +1 -0
- package/dist/assets/ru_UA-aH_wNrwj.js +1 -0
- package/dist/assets/sk-DYn5gXzA.js +1 -0
- package/dist/assets/sl-RYb_KlOx.js +1 -0
- package/dist/assets/sr-Bap_3nyz.js +1 -0
- package/dist/assets/sr_Latn-FYOU_tQB.js +1 -0
- package/dist/assets/sv-CeQXZ1qM.js +1 -0
- package/dist/assets/th-C5mRgAid.js +1 -0
- package/dist/assets/tr-vCU3KUkO.js +1 -0
- package/dist/assets/uk-CKvdHIrD.js +1 -0
- package/dist/assets/vi-0BxthtV1.js +1 -0
- package/dist/assets/zh_CN-BV9PXZ7J.js +1 -0
- package/dist/assets/zh_HK-kGfo3-wS.js +1 -0
- package/dist/assets/zh_SG-B8bEKxnm.js +1 -0
- package/dist/assets/zh_TW-BshO-JEe.js +1 -0
- package/dist/css/themes/DatePicker.css +1 -1
- package/dist/css/themes/Dropdown.css +1 -1
- package/dist/css/themes/EventRibbon.css +1 -1
- package/dist/css/themes/FilterMenu.css +1 -1
- package/dist/css/themes/Footer.css +1 -1
- package/dist/css/themes/Link.css +1 -1
- package/dist/css/themes/MastheadItem.css +1 -1
- package/dist/css/themes/MastheadMenu.css +1 -1
- package/dist/css/themes/ProgressBar.css +1 -1
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/SelectBox.css +1 -1
- package/dist/css/themes/Slider.css +1 -1
- package/dist/css/themes/SocialMediaButton.css +1 -0
- package/dist/css/themes/TextField.css +1 -1
- package/dist/custom-elements-internal.json +254 -8
- package/dist/custom-elements.json +245 -8
- package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
- package/dist/generated/i18n/i18n-defaults.d.ts +2 -2
- package/dist/generated/i18n/i18n-defaults.js +2 -2
- package/dist/generated/i18n/i18n-defaults.js.map +1 -1
- package/dist/generated/templates/CountrySelectorTemplate.lit.js +1 -2
- package/dist/generated/templates/CountrySelectorTemplate.lit.js.map +1 -1
- package/dist/generated/templates/DatePickerTemplate.lit.js +4 -5
- package/dist/generated/templates/DatePickerTemplate.lit.js.map +1 -1
- package/dist/generated/templates/FilterMenuTemplate.lit.js +2 -2
- package/dist/generated/templates/FilterMenuTemplate.lit.js.map +1 -1
- package/dist/generated/templates/FooterTemplate.lit.js +1 -1
- package/dist/generated/templates/FooterTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadItemTemplate.lit.js +3 -3
- package/dist/generated/templates/MastheadItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadShellTemplate.lit.js +1 -1
- package/dist/generated/templates/MastheadShellTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SearchableListBaseTemplate.lit.js +1 -1
- package/dist/generated/templates/SearchableListBaseTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SelectBoxTemplate.lit.js +4 -4
- package/dist/generated/templates/SelectBoxTemplate.lit.js.map +1 -1
- package/dist/generated/templates/TextFieldTemplate.lit.js +2 -2
- package/dist/generated/templates/TextFieldTemplate.lit.js.map +1 -1
- package/dist/generated/themes/DatePicker.css.d.ts +1 -1
- package/dist/generated/themes/DatePicker.css.js +1 -1
- package/dist/generated/themes/DatePicker.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/EventRibbon.css.d.ts +1 -1
- package/dist/generated/themes/EventRibbon.css.js +1 -1
- package/dist/generated/themes/EventRibbon.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/Link.css.d.ts +1 -1
- package/dist/generated/themes/Link.css.js +1 -1
- package/dist/generated/themes/Link.css.js.map +1 -1
- package/dist/generated/themes/MastheadItem.css.d.ts +1 -1
- package/dist/generated/themes/MastheadItem.css.js +1 -1
- package/dist/generated/themes/MastheadItem.css.js.map +1 -1
- package/dist/generated/themes/MastheadMenu.css.d.ts +1 -1
- package/dist/generated/themes/MastheadMenu.css.js +1 -1
- package/dist/generated/themes/MastheadMenu.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/RatingIndicator.css.d.ts +1 -1
- package/dist/generated/themes/RatingIndicator.css.js +1 -1
- package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
- package/dist/generated/themes/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/Slider.css.d.ts +1 -1
- package/dist/generated/themes/Slider.css.js +1 -1
- package/dist/generated/themes/Slider.css.js.map +1 -1
- package/dist/generated/themes/SocialMediaButton.css.d.ts +2 -0
- package/dist/generated/themes/SocialMediaButton.css.js +8 -0
- package/dist/generated/themes/SocialMediaButton.css.js.map +1 -0
- 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/messagebundle.properties +3 -3
- package/dist/messagebundle_en.properties +1 -1
- package/dist/types/SocialMediaButtonType.d.ts +9 -0
- package/dist/types/SocialMediaButtonType.js +11 -0
- package/dist/types/SocialMediaButtonType.js.map +1 -0
- package/dist/vscode.html-custom-data.json +61 -2
- package/dist/web-types.json +134 -9
- package/package.json +2 -1
- package/src/Assets.ts +1 -0
- package/src/CountrySelector.hbs +3 -9
- package/src/CountrySelector.ts +7 -4
- package/src/DatePicker.hbs +17 -26
- package/src/DatePicker.ts +2 -2
- package/src/EventRibbon.ts +24 -5
- package/src/EventRibbonTemplate.tsx +17 -6
- package/src/FilterMenu.hbs +33 -37
- package/src/FilterMenu.ts +69 -15
- package/src/Footer.hbs +7 -14
- package/src/Footer.ts +7 -8
- package/src/MastheadItem.hbs +2 -2
- package/src/MastheadItem.ts +18 -0
- package/src/MastheadShell.hbs +3 -2
- package/src/MastheadShell.ts +28 -7
- package/src/SearchableListBase.hbs +1 -1
- package/src/SelectBox.hbs +11 -13
- package/src/SelectBox.ts +2 -2
- package/src/SocialMediaButton.ts +152 -0
- package/src/SocialMediaButtonTemplate.tsx +18 -0
- package/src/StepInput.ts +8 -1
- package/src/StepInputTemplate.tsx +1 -2
- package/src/TableRow.ts +27 -1
- package/src/TextArea.ts +14 -7
- package/src/TextField.hbs +5 -5
- package/src/TextField.ts +87 -66
- package/src/generated/i18n/i18n-defaults.ts +2 -2
- package/src/generated/templates/CountrySelectorTemplate.lit.ts +1 -2
- package/src/generated/templates/DatePickerTemplate.lit.ts +4 -5
- package/src/generated/templates/FilterMenuTemplate.lit.ts +2 -2
- package/src/generated/templates/FooterTemplate.lit.ts +1 -1
- package/src/generated/templates/MastheadItemTemplate.lit.ts +3 -3
- package/src/generated/templates/MastheadShellTemplate.lit.ts +1 -1
- package/src/generated/templates/SearchableListBaseTemplate.lit.ts +1 -1
- package/src/generated/templates/SelectBoxTemplate.lit.ts +4 -4
- package/src/generated/templates/TextFieldTemplate.lit.ts +2 -2
- package/src/generated/themes/DatePicker.css.ts +1 -1
- package/src/generated/themes/Dropdown.css.ts +1 -1
- package/src/generated/themes/EventRibbon.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/Link.css.ts +1 -1
- package/src/generated/themes/MastheadItem.css.ts +1 -1
- package/src/generated/themes/MastheadMenu.css.ts +1 -1
- package/src/generated/themes/ProgressBar.css.ts +1 -1
- package/src/generated/themes/RatingIndicator.css.ts +1 -1
- package/src/generated/themes/SelectBox.css.ts +1 -1
- package/src/generated/themes/Slider.css.ts +1 -1
- package/src/generated/themes/SocialMediaButton.css.ts +9 -0
- package/src/generated/themes/TextField.css.ts +1 -1
- package/src/i18n/messagebundle.properties +3 -3
- package/src/i18n/messagebundle_en.properties +1 -1
- package/src/themes/DatePicker.css +0 -5
- package/src/themes/Dropdown.css +1 -1
- package/src/themes/EventRibbon.css +34 -28
- package/src/themes/FilterMenu.css +2 -2
- package/src/themes/Footer.css +0 -16
- package/src/themes/Link.css +4 -1
- package/src/themes/MastheadItem.css +2 -1
- package/src/themes/MastheadMenu.css +4 -4
- package/src/themes/ProgressBar.css +2 -1
- package/src/themes/SelectBox.css +1 -1
- package/src/themes/SocialMediaButton.css +50 -0
- package/src/themes/TextField.css +0 -15
- package/src/types/SocialMediaButtonType.ts +10 -0
- package/dist/assets/messagebundle_en-CKeTZNW3.js +0 -1
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
8
|
-
export default `:host{--udex-input-color-standard-default-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-standard-default-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-standard-default-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-color-error-default-border: var(--udexCoreSemanticError6, #EE3939);--udex-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-input-color-error-default-supporting-text: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-warning-default-border: var(--udexCoreSemanticWarning6, #E76500);--udex-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-warning-active-border: var(--udexCoreSemanticWarning9, #8D2A00);--udex-input-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-success-default-border: var(--udexCoreSemanticSuccess6, #36A41D);--udex-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F);--udex-input-color-success-default-supporting-text: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-disabled-border: var(--udexColorGrey6, #5B738B);--udex-input-color-disabled-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-read-only-default-border: var(--sapField_ReadOnly_BorderColor, var(--udexColorGrey6));--udex-input-color-read-only-default-background: var(--sapField_ReadOnly_Background, var(--udexColorGrey2));--udex-input-padding: 0 var(--udexSpacer12, 12px);--udex-input-min-width-xs-and-s: 100%;--udex-input-max-width: 100%}.udex-text-field__wrap{display:flex;position:relative;border-radius:var(--udexRadiusXS, 4px);border:1px solid var(--udex-input-color-standard-default-border)}.udex-text-field__wrap:hover{border-color:var(--udex-input-color-standard-hover-border)}.udex-text-field__container{position:relative;font-family:var(--sapFontFamily, sans-serif);max-width:var(--udex-input-max-width);width:100%}@media (width < 640px){.udex-text-field__container{min-width:var(--udex-input-min-width-xs-and-s)}}:host([disabled]) .udex-text-field__container{opacity:var(--sapContent_DisabledOpacity)}.udex-text-field__input{width:100%;height:40px;font-size:var(--sapProgress_FontSize, 16px);font-family:inherit;line-height:24px;color:var(--udex-input-color-standard-default-typed-text);padding:var(--udex-input-padding);border-radius:var(--udexRadiusXS, 4px);box-sizing:border-box;font-weight:var(--udexTypographyFontWeightRegular, 400);background:transparent;border:none;text-overflow:ellipsis}.udex-text-field__input:focus{outline:none}:host(:not([_is-touched]):not([aria-expanded="true"])[active]) .udex-text-field__wrap:before{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}.udex-text-field__wrap[open],:host([active]) .udex-text-field__wrap{border-color:var(--udex-input-color-standard-active-border);outline:0}
|
|
8
|
+
export default `:host{--udex-input-color-standard-default-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-standard-default-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-standard-default-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-color-error-default-border: var(--udexCoreSemanticError6, #EE3939);--udex-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-input-color-error-default-supporting-text: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-warning-default-border: var(--udexCoreSemanticWarning6, #E76500);--udex-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-warning-active-border: var(--udexCoreSemanticWarning9, #8D2A00);--udex-input-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-success-default-border: var(--udexCoreSemanticSuccess6, #36A41D);--udex-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F);--udex-input-color-success-default-supporting-text: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-disabled-border: var(--udexColorGrey6, #5B738B);--udex-input-color-disabled-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-read-only-default-border: var(--sapField_ReadOnly_BorderColor, var(--udexColorGrey6));--udex-input-color-read-only-default-background: var(--sapField_ReadOnly_Background, var(--udexColorGrey2));--udex-input-padding: 0 var(--udexSpacer12, 12px);--udex-input-min-width-xs-and-s: 100%;--udex-input-max-width: 100%}.udex-text-field__wrap{display:flex;position:relative;border-radius:var(--udexRadiusXS, 4px);border:1px solid var(--udex-input-color-standard-default-border)}.udex-text-field__wrap:hover{border-color:var(--udex-input-color-standard-hover-border)}.udex-text-field__container{position:relative;font-family:var(--sapFontFamily, sans-serif);max-width:var(--udex-input-max-width);width:100%}@media (width < 640px){.udex-text-field__container{min-width:var(--udex-input-min-width-xs-and-s)}}:host([disabled]) .udex-text-field__container{opacity:var(--sapContent_DisabledOpacity)}.udex-text-field__input{width:100%;height:40px;font-size:var(--sapProgress_FontSize, 16px);font-family:inherit;line-height:24px;color:var(--udex-input-color-standard-default-typed-text);padding:var(--udex-input-padding);border-radius:var(--udexRadiusXS, 4px);box-sizing:border-box;font-weight:var(--udexTypographyFontWeightRegular, 400);background:transparent;border:none;text-overflow:ellipsis}.udex-text-field__input:focus{outline:none}:host(:not([_is-touched]):not([aria-expanded="true"])[active]) .udex-text-field__wrap:before{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}.udex-text-field__wrap[open],:host([active]) .udex-text-field__wrap{border-color:var(--udex-input-color-standard-active-border);outline:0}.udex-text-field__wrap[open]:hover{border-color:var(--udex-input-color-standard-active-border)}:host([disabled]) .udex-text-field__wrap{border-color:var(--udex-input-color-disabled-border);background-color:var(--udex-input-color-standard-default-background-light)}:host([readonly]) .udex-text-field__wrap{border-color:var(--udex-input-color-read-only-default-border);background-color:var(--udex-input-color-read-only-default-background)}:host([value-state="Success"][displayonly]) .udex-text-field__wrap,:host([value-state="Warning"][displayonly]) .udex-text-field__wrap,:host([value-state="Error"][displayonly]) .udex-text-field__wrap,:host([displayonly]) .udex-text-field__wrap{border:0;background-color:transparent;font-family:inherit}:host([displayonly]) .udex-text-field__wrap[open],:host([displayonly]) .udex-text-field__wrap{outline:0;border:0}:host([displayonly][value-state="Success"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Warning"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Error"]) .udex-text-field__wrap:hover{border:none}:host([value-state="Error"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-default-border)}:host([value-state="Error"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-error-hover-border)}:host([value-state="Error"]) .udex-text-field__wrap[open],:host([value-state="Error"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-active-border);outline:0}:host([value-state="Warning"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-default-border)}:host([value-state="Warning"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-warning-hover-border)}:host([value-state="Warning"]) .udex-text-field__wrap[open],:host([value-state="Warning"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-active-border);outline:0}:host([value-state="Success"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-default-border)}:host([value-state="Success"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-success-hover-border)}:host([value-state="Success"]) .udex-text-field__wrap[open],:host([value-state="Success"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-active-border);outline:0}.udex-text-field__label{position:absolute;z-index:2;color:var(--udex-input-color-standard-default-label);transition:transform .15s ease-out,font-size .15s ease-out;line-height:24px;font-weight:var(--udexTypographyFontWeightRegular, 400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--udexSpacer12) * 2)}.udex-text-field__container:dir(rtl) .udex-text-field_icon-container{left:1px;right:auto}.udex-text-field__container:dir(ltr) .udex-text-field__label,.udex-text-field__container:dir(rtl) .udex-text-field__label{top:9px}.udex-text-field__container:dir(ltr) .udex-text-field__label{left:12px}.udex-text-field__container:dir(rtl) .udex-text-field__label{right:12px}:host([displayonly]:dir(ltr)) .udex-text-field__label,:host([displayonly]:dir(rtl)) .udex-text-field__label{padding:0}.udex-text-field__label.udex-text-field__label_active,:host:has(.udex-text-field__input:-webkit-autofill) .udex-text-field__label{line-height:18px;transform:translateY(-110%);padding:6px 4px 0;font-size:12px;background:linear-gradient(transparent 55%,var(--udex-input-color-standard-default-background-light) 45%)}:host([readonly]) .udex-text-field__label.udex-text-field__label_active{background:linear-gradient(transparent 55%,var(--udex-input-color-read-only-default-background) 45%)}:host([displayonly][readonly]) .udex-text-field__label.udex-text-field__label_active,:host([displayonly]) .udex-text-field__label.udex-text-field__label_active{background-color:transparent;background:none}:host([disabled]) .udex-text-field__label{color:var(--udex-input-color-disabled-label)}.udex-text-field_icon-container{--sapContent_DisabledOpacity: 1;--sapButton_BorderWidth: 0 0 0 1px;--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px;position:relative;padding:var(--udexSpacer4, 4px)}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap:hover .udex-text-field_icon-container{--udex-control-button-border-color: var(--udexColorGrey4, #A9B4BE);--sapButton_BorderWidth: 0 1px 0 0}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap .udex-text-field_icon-container{--sapButton_BorderWidth: 0 1px 0 0}.udex-text-field__supporting-text{font-size:12px;line-height:18px;color:var(--udex-input-color-standard-default-supporting-text);padding:4px 12px;display:block;position:relative}:host([value-state="Error"]) .udex-text-field__supporting-text{color:var(--udex-input-color-error-default-supporting-text)}:host([value-state="Warning"]) .udex-text-field__supporting-text{color:var(--udex-input-color-warning-default-supporting-text)}:host([value-state="Success"]) .udex-text-field__supporting-text{color:var(--udex-input-color-success-default-supporting-text)}.udex-text-field__icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}.udex-text-field__supporting-text-icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px);width:var(--sapContent_IconHeight, 16px);height:var(--sapContent_IconHeight, 16px)}.udex-text-field__input[type=number]::-webkit-outer-spin-button,.udex-text-field__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.udex-text-field__input[type=number]{-moz-appearance:textfield;appearance:textfield}.hidden-text{display:none}
|
|
9
9
|
`
|
|
@@ -186,9 +186,6 @@ SEARCH=Search
|
|
|
186
186
|
#Text for Password Field Control Button
|
|
187
187
|
SHOW_HIDE_PASSWORD=Show/Hide Password Button
|
|
188
188
|
|
|
189
|
-
#Text for social media icons accessible name
|
|
190
|
-
SOCIAL_LINK_ICON=Link Graphic
|
|
191
|
-
|
|
192
189
|
#Footer labels and accessible names
|
|
193
190
|
PHONE_NUMBER=Phone number
|
|
194
191
|
CONTACT_US=Contact us
|
|
@@ -247,3 +244,6 @@ UPLOAD_BUTTON_LABEL=Upload file
|
|
|
247
244
|
COMPLETE_LIST_OF=Complete list of
|
|
248
245
|
CALL_US_TODAY=Call us today!
|
|
249
246
|
CONTACT_US=Contact us
|
|
247
|
+
|
|
248
|
+
#Social Media Button default aria label
|
|
249
|
+
SOCIAL_MEDIA_BUTTON=Social Media Button
|
|
@@ -82,7 +82,6 @@ OVERVIEW=Overview
|
|
|
82
82
|
CART=Cart
|
|
83
83
|
COUNTRY_SELECTOR=Country Selector
|
|
84
84
|
SUPPORT=Support
|
|
85
|
-
SOCIAL_LINK_ICON=Link Graphic
|
|
86
85
|
PHONE_NUMBER=Phone number
|
|
87
86
|
CONTACT_US=Contact us
|
|
88
87
|
EMAIL=Email
|
|
@@ -118,3 +117,4 @@ CALL_US_TODAY=Call us today!
|
|
|
118
117
|
CONTACT_US=Contact us
|
|
119
118
|
SEARCH=Search
|
|
120
119
|
RESULT_RETURNED=results returned.
|
|
120
|
+
SOCIAL_MEDIA_BUTTON=Social Media Button
|
|
@@ -4,11 +4,6 @@
|
|
|
4
4
|
font-family: var(--sapFontFamily);
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
.udex-date-picker__container {
|
|
8
|
-
display: flex;
|
|
9
|
-
flex-direction: column;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
7
|
.udex-date-picker__calendar {
|
|
13
8
|
min-width: var(--udex-date-picker-width);
|
|
14
9
|
background-color: var(--udexNeutralColorWhite, #ffffff);
|
package/src/themes/Dropdown.css
CHANGED
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
font-size: var(--udexTypographyBodyXSFontSize, 14px);
|
|
56
56
|
line-height: var(--udexTypographyBodyLineHeight, 1.5);
|
|
57
57
|
color: var(--sapContent_TitleColor, #000000);
|
|
58
|
-
padding: 0 var(--
|
|
58
|
+
padding: 0 var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);
|
|
59
59
|
}
|
|
60
60
|
|
|
61
61
|
@media (width < 640px) {
|
|
@@ -246,7 +246,6 @@
|
|
|
246
246
|
--udex-event-ribbon-margin-s: 48px;
|
|
247
247
|
--udex-event-ribbon-margin-xs: 24px;
|
|
248
248
|
|
|
249
|
-
--udex-event-ribbon-logo-width: auto;
|
|
250
249
|
--udex-event-ribbon-logo-height: auto;
|
|
251
250
|
|
|
252
251
|
--udex-event-ribbon-column-width: calc((100vw - (2 * var(--udex-event-ribbon-margin-xl)) - (11 * var(--udexGridXLGutters))) / 12);
|
|
@@ -303,17 +302,32 @@
|
|
|
303
302
|
position: relative;
|
|
304
303
|
display: flex;
|
|
305
304
|
justify-content: flex-end;
|
|
306
|
-
width:
|
|
305
|
+
width: 24.8%;
|
|
307
306
|
}
|
|
308
307
|
|
|
309
|
-
|
|
308
|
+
:host([event-logo='sapphire']) {
|
|
309
|
+
--udex-event-ribbon-logo-height: 40px;
|
|
310
|
+
}
|
|
311
|
+
|
|
312
|
+
:host([event-logo='connect']) {
|
|
313
|
+
--udex-event-ribbon-logo-height: 18px;
|
|
314
|
+
}
|
|
315
|
+
|
|
316
|
+
:host([event-logo='now']) {
|
|
317
|
+
--udex-event-ribbon-logo-height: 24px;
|
|
318
|
+
}
|
|
319
|
+
|
|
320
|
+
:host([event-logo='teched']) {
|
|
321
|
+
--udex-event-ribbon-logo-height: 21px;
|
|
322
|
+
}
|
|
323
|
+
|
|
324
|
+
.udex-event-ribbon__logo-img {
|
|
310
325
|
max-height: 42px;
|
|
311
326
|
height: var(--udex-event-ribbon-logo-height);
|
|
312
|
-
width: var(--udex-event-ribbon-logo-width);
|
|
313
327
|
max-width: 100%;
|
|
314
328
|
}
|
|
315
329
|
|
|
316
|
-
:host([mode="dark"]) .udex-event-ribbon__logo
|
|
330
|
+
:host([mode="dark"]) .udex-event-ribbon__logo-img {
|
|
317
331
|
filter: brightness(0) invert(1);
|
|
318
332
|
}
|
|
319
333
|
|
|
@@ -322,8 +336,8 @@
|
|
|
322
336
|
margin: 0;
|
|
323
337
|
padding: 0;
|
|
324
338
|
font-size: var(--udexTypographyBodyXSFontSize);
|
|
325
|
-
line-height:
|
|
326
|
-
width:
|
|
339
|
+
line-height: var(--udexTypographyBodyLineHeight);
|
|
340
|
+
width: 51%;
|
|
327
341
|
max-height: 100%;
|
|
328
342
|
display: -webkit-box;
|
|
329
343
|
-webkit-box-orient: vertical;
|
|
@@ -337,12 +351,14 @@
|
|
|
337
351
|
position: inherit;
|
|
338
352
|
display: flex;
|
|
339
353
|
align-items: center;
|
|
340
|
-
gap: var(--udexSpacer8, 8px)
|
|
354
|
+
gap: var(--udexSpacer8, 8px);
|
|
355
|
+
width: 21%;
|
|
341
356
|
}
|
|
342
357
|
|
|
343
|
-
.udex-event-ribbon__link-
|
|
344
|
-
line-height:
|
|
358
|
+
.udex-event-ribbon__link-text {
|
|
359
|
+
line-height: var(--udexTypographyBodyLineHeight);
|
|
345
360
|
font-size: var(--udexTypographyBodyXSFontSize);
|
|
361
|
+
white-space: nowrap;
|
|
346
362
|
}
|
|
347
363
|
|
|
348
364
|
[ui5-icon] {
|
|
@@ -353,9 +369,6 @@
|
|
|
353
369
|
}
|
|
354
370
|
|
|
355
371
|
@media (max-width: 1599px) {
|
|
356
|
-
:host {
|
|
357
|
-
--udex-event-ribbon-column-width: calc((100vw - (2 * var(--udex-event-ribbon-margin-m-l)) - (11 * var(--udexGridXLGutters))) / 12);
|
|
358
|
-
}
|
|
359
372
|
.udex-event-ribbon__container {
|
|
360
373
|
max-width: calc(100vw - 2 * var(--udex-event-ribbon-margin-m-l));
|
|
361
374
|
}
|
|
@@ -363,31 +376,24 @@
|
|
|
363
376
|
|
|
364
377
|
@media (max-width: 1279px) {
|
|
365
378
|
.udex-event-ribbon__container {
|
|
366
|
-
margin-block: var(--udexSpacer40, 40px) 64px;
|
|
379
|
+
margin-block: var(--udexSpacer40, 40px) var(--udexSpacer64, 64px);
|
|
367
380
|
gap: var(--udexSpacer24, 24px);
|
|
368
381
|
padding-inline: var(--udexSpacer24, 24px);
|
|
369
382
|
}
|
|
370
|
-
|
|
371
|
-
.udex-event-ribbon__logo {
|
|
372
|
-
width: calc((var(--udex-event-ribbon-column-width) * 3 + 3 * var(--udexGridXLGutters)) - 24px);
|
|
373
|
-
}
|
|
374
383
|
}
|
|
375
384
|
|
|
376
385
|
@media (max-width: 979px) {
|
|
377
|
-
:host {
|
|
378
|
-
--udex-event-ribbon-column-width: calc((100vw - (2 * var(--udex-event-ribbon-margin-s)) - (11 * var(--udexGridSGutters))) / 12);
|
|
379
|
-
}
|
|
380
|
-
|
|
381
386
|
.udex-event-ribbon__container {
|
|
382
387
|
flex-direction: column;
|
|
383
388
|
height: fit-content;
|
|
384
389
|
padding-block: var(--udexSpacer16, 16px);
|
|
385
390
|
gap: var(--udexSpacer8, 8px);
|
|
386
391
|
align-items: flex-start;
|
|
387
|
-
margin-block: var(--udexSpacer40, 40px) 64px;
|
|
392
|
+
margin-block: var(--udexSpacer40, 40px) var(--udexSpacer64, 64px);
|
|
388
393
|
max-width: calc(100vw - 2 * var(--udex-event-ribbon-margin-s));
|
|
389
394
|
}
|
|
390
395
|
|
|
396
|
+
.udex-event-ribbon__link-container,
|
|
391
397
|
.udex-event-ribbon__text {
|
|
392
398
|
width: 100%;
|
|
393
399
|
}
|
|
@@ -396,16 +402,16 @@
|
|
|
396
402
|
justify-content: flex-start;
|
|
397
403
|
width: 100%;
|
|
398
404
|
}
|
|
399
|
-
}
|
|
400
405
|
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
--udex-event-ribbon-column-width: calc((100vw - (2 * var(--udex-event-ribbon-margin-xs)) - (11 * var(--udexGridXSGutters))) / 12);
|
|
406
|
+
.udex-event-ribbon__link-text {
|
|
407
|
+
white-space: normal;
|
|
404
408
|
}
|
|
409
|
+
}
|
|
405
410
|
|
|
411
|
+
@media (max-width: 639px) {
|
|
406
412
|
.udex-event-ribbon__container {
|
|
407
413
|
padding-inline: var(--udexSpacer16, 16px);
|
|
408
414
|
margin-block: var(--udexSpacer32, 32px) var(--udexSpacer56, 56px);
|
|
409
415
|
max-width: calc(100vw - 2 * var(--udex-event-ribbon-margin-xs));
|
|
410
416
|
}
|
|
411
|
-
}
|
|
417
|
+
}
|
|
@@ -185,7 +185,7 @@
|
|
|
185
185
|
font-size: var(--udexTypographyBodyXSFontSize, 14px);
|
|
186
186
|
line-height: var(--udexTypographyBodyLineHeight, 1.5);
|
|
187
187
|
color: var(--sapContent_TitleColor, #000000);
|
|
188
|
-
padding: 0 var(--
|
|
188
|
+
padding: 0 var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);
|
|
189
189
|
}
|
|
190
190
|
|
|
191
191
|
@media (width < 640px) {
|
|
@@ -193,4 +193,4 @@
|
|
|
193
193
|
min-width: var(--udex-filter-menu-popover-min-width-xs);
|
|
194
194
|
max-width: var(--udex-filter-menu-popover-max-width-xs);
|
|
195
195
|
}
|
|
196
|
-
}
|
|
196
|
+
}
|
package/src/themes/Footer.css
CHANGED
|
@@ -145,22 +145,6 @@
|
|
|
145
145
|
column-gap: var(--udexSpacer12);
|
|
146
146
|
}
|
|
147
147
|
|
|
148
|
-
a.udex-footer__social-icon {
|
|
149
|
-
display: flex;
|
|
150
|
-
width: 32px;
|
|
151
|
-
height: 32px;
|
|
152
|
-
border-radius: var(--udexRadiusXS);
|
|
153
|
-
background-color: var(--udexColorNeutralWhite);
|
|
154
|
-
color: var(--udex-footer-icon-color);
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
.udex-footer__social-icon > img {
|
|
158
|
-
margin: auto;
|
|
159
|
-
align-items: center;
|
|
160
|
-
max-width: 100%;
|
|
161
|
-
max-height: 100%;
|
|
162
|
-
}
|
|
163
|
-
|
|
164
148
|
.udex-footer__links {
|
|
165
149
|
display: flex;
|
|
166
150
|
gap: var(--udexSpacer48);
|
package/src/themes/Link.css
CHANGED
|
@@ -3,6 +3,8 @@
|
|
|
3
3
|
--udex-link-hover-text-decoration: underline;
|
|
4
4
|
--udex-link-focused-hover-text-decoration: underline;
|
|
5
5
|
--udex-link-focus-text-decoration: underline;
|
|
6
|
+
--udex-link-focus-outline-offset: var(--udexLinkOutlineOffset, 0px);
|
|
7
|
+
--udex-link-focus-border-radius: var(--udexLinkOutlineRadius, 2px);
|
|
6
8
|
--udex-link-emphasized-text-decoration: none;
|
|
7
9
|
--udex-link-icon-height: 24px;
|
|
8
10
|
--udex-link-line-height: var(--udexTypographyBodyLineHeight, 1.5);
|
|
@@ -113,7 +115,7 @@
|
|
|
113
115
|
}
|
|
114
116
|
|
|
115
117
|
:host .ui5-link-root {
|
|
116
|
-
outline-offset:
|
|
118
|
+
outline-offset: var(--udex-link-focus-outline-offset);
|
|
117
119
|
}
|
|
118
120
|
|
|
119
121
|
:host([design="Subtle"][desktop]) .ui5-link-root:focus-within,
|
|
@@ -123,6 +125,7 @@
|
|
|
123
125
|
var(--sapContent_FocusColor, #002A86)
|
|
124
126
|
var(--sapContent_FocusStyle, 'solid')
|
|
125
127
|
var(--sapContent_FocusWidth, 0.125rem);
|
|
128
|
+
border-radius: var(--udex-link-focus-border-radius);
|
|
126
129
|
}
|
|
127
130
|
|
|
128
131
|
.ui5-link-root:focus-visible,
|
|
@@ -29,6 +29,7 @@
|
|
|
29
29
|
--udex-masthead-item-dropdown-zindex: 100;
|
|
30
30
|
--udex-masthead-item-button-icon-size: 32px;
|
|
31
31
|
--udex-masthead-item-arrow-icon-size: 16px;
|
|
32
|
+
--udex-masthead-item-arrow-margin-inline-start: var(--udexSpacer4);
|
|
32
33
|
|
|
33
34
|
display: var(--udex-masthead-item-display);
|
|
34
35
|
align-items: var(--udex-masthead-item-align-content);
|
|
@@ -154,7 +155,7 @@
|
|
|
154
155
|
.udex-masthead-item__dropdown-icon {
|
|
155
156
|
width: var(--udex-masthead-item-arrow-icon-size);
|
|
156
157
|
height: var(--udex-masthead-item-arrow-icon-size);
|
|
157
|
-
margin-inline-start: var(--
|
|
158
|
+
margin-inline-start: var(--udex-masthead-item-arrow-margin-inline-start);
|
|
158
159
|
}
|
|
159
160
|
|
|
160
161
|
:host(:hover) .udex-masthead-item,
|
|
@@ -124,8 +124,8 @@
|
|
|
124
124
|
text-align: center;
|
|
125
125
|
}
|
|
126
126
|
|
|
127
|
-
:host([_is-mobile-mode])::part(menu-item-link-badge),
|
|
128
|
-
:host([_is-mobile-mode])::part(menu-item-link) {
|
|
127
|
+
:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link-badge),
|
|
128
|
+
:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link) {
|
|
129
129
|
border-bottom: 1px solid var(--udex-masthead-menu-item-mobile-border-color);
|
|
130
130
|
padding: var(--udex-masthead-menu-item-header-padding-mobile);
|
|
131
131
|
display: flex;
|
|
@@ -134,13 +134,13 @@
|
|
|
134
134
|
width: 100%;
|
|
135
135
|
}
|
|
136
136
|
|
|
137
|
-
:host([_is-mobile-mode])::part(menu-item-link-badge) {
|
|
137
|
+
:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link-badge) {
|
|
138
138
|
padding-block-start: var(--udex-masthead-menu-item-padding-mobile-with-badge-vertical);
|
|
139
139
|
padding-inline-end: var(--udex-masthead-menu-item-padding-mobile-end-with-badge);
|
|
140
140
|
padding-inline-start: var(--udex-masthead-menu-item-padding-mobile-start-with-badge);
|
|
141
141
|
}
|
|
142
142
|
|
|
143
|
-
:host([_is-mobile-mode])::part(menu-item) {
|
|
143
|
+
:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item) {
|
|
144
144
|
padding: var(--udex-masthead-menu-item-header-padding-mobile);
|
|
145
145
|
justify-content: center;
|
|
146
146
|
}
|
|
@@ -27,7 +27,8 @@
|
|
|
27
27
|
padding-inline-end: var(--udex-progress-bar-padding-end);
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
|
|
30
|
+
.ui5-progress-indicator-remaining-bar:before,
|
|
31
|
+
.ui5-progress-indicator-remaining-bar:after {
|
|
31
32
|
width: var(--udex-progress-bar-point-size, 0.375rem);
|
|
32
33
|
height: var(--udex-progress-bar-point-size, 0.375rem);
|
|
33
34
|
}
|
package/src/themes/SelectBox.css
CHANGED
|
@@ -215,7 +215,7 @@
|
|
|
215
215
|
font-size: var(--udexTypographyBodyXSFontSize, 14px);
|
|
216
216
|
line-height: var(--udexTypographyBodyLineHeight, 1.5);
|
|
217
217
|
color: var(--sapContent_TitleColor, #000000);
|
|
218
|
-
padding: 0 var(--
|
|
218
|
+
padding: 0 var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);
|
|
219
219
|
}
|
|
220
220
|
|
|
221
221
|
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
:host {
|
|
2
|
+
--udex-social-media-button-width: var(--udexSpacer32, 32px);
|
|
3
|
+
--udex-social-media-button-height: var(--udexSpacer32, 32px);
|
|
4
|
+
--udex-social-media-button-border-width: var(--udexCoreSizeBorderXS, 1px);
|
|
5
|
+
--udex-social-media-button-border-color: var(--sapButton_Neutral_Selected_Background, #FFFFFF);
|
|
6
|
+
--udex-social-media-button-border-radius: var(--udexRadiusXS, 4px);
|
|
7
|
+
--udex-social-media-button-background-color: var(--sapButton_Neutral_Background, #FFFFFF);
|
|
8
|
+
--udex-social-media-button-hover-border-color: var(--sapButton_Neutral_Hover_BorderColor, #A9B4BE);
|
|
9
|
+
--udex-social-media-button-hover-background-color: var(--sapButton_Neutral_Selected_Background, #FFFFFF);
|
|
10
|
+
--udex-social-media-button-hover-icon-color: var(--sapButton_Hover_TextColor, #0040B0);
|
|
11
|
+
--udex-social-media-button-selected-border-color: var(--sapButton_Neutral_Selected_BorderColor, #0040B0);
|
|
12
|
+
--udex-social-media-button-selected-background-color: var(--sapButton_Neutral_Selected_Background, #FFFFFF);
|
|
13
|
+
|
|
14
|
+
--udexLinkOutlineOffset: calc(-1 * var(--udexRadiusXS, 4px));
|
|
15
|
+
--udexLinkOutlineRadius: calc(var(--udexRadiusXS, 4px) + 2px);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.udex-social-media-button {
|
|
19
|
+
width: calc(var(--udex-social-media-button-width) - 2 * var(--udex-social-media-button-border-width));
|
|
20
|
+
height: calc(var(--udex-social-media-button-height) - 2 * var(--udex-social-media-button-border-width));
|
|
21
|
+
text-align: center;
|
|
22
|
+
border-radius: var(--udex-social-media-button-border-radius);
|
|
23
|
+
background: var(--udex-social-media-button-background-color);
|
|
24
|
+
border: var(--udex-social-media-button-border-width) solid var(--udex-social-media-button-border-color);
|
|
25
|
+
display: flex;
|
|
26
|
+
justify-content: center;
|
|
27
|
+
align-items: center;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.udex-social-media-button svg {
|
|
31
|
+
max-height: 16px;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.udex-social-media-button:hover {
|
|
35
|
+
background-color: var(--udex-social-media-button-hover-background-color);
|
|
36
|
+
border-color: var(--udex-social-media-button-hover-border-color);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.udex-social-media-button:hover:not(:active) svg path {
|
|
40
|
+
fill: var(--udex-social-media-button-hover-icon-color);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.udex-social-media-button:active {
|
|
44
|
+
background-color: var(--udex-social-media-button-selected-background-color);
|
|
45
|
+
border-color: var(--udex-social-media-button-selected-border-color);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.hidden {
|
|
49
|
+
display: none;
|
|
50
|
+
}
|
package/src/themes/TextField.css
CHANGED
|
@@ -99,11 +99,6 @@
|
|
|
99
99
|
outline: 0;
|
|
100
100
|
}
|
|
101
101
|
|
|
102
|
-
:host([active]) .udex-text-field_icon-container {
|
|
103
|
-
border-color: transparent;
|
|
104
|
-
color: var(--udexColorGrey7, #475E75);
|
|
105
|
-
}
|
|
106
|
-
|
|
107
102
|
.udex-text-field__wrap[open]:hover {
|
|
108
103
|
border-color: var(--udex-input-color-standard-active-border);
|
|
109
104
|
}
|
|
@@ -263,16 +258,6 @@
|
|
|
263
258
|
--sapButton_BorderWidth: 0 1px 0 0;
|
|
264
259
|
}
|
|
265
260
|
|
|
266
|
-
:host([icon-active]) .udex-text-field_icon-container {
|
|
267
|
-
border-color: var(--udexColorBlue4, #89D1FF);
|
|
268
|
-
color: var(--udexColorBlue9, #0040B0);
|
|
269
|
-
}
|
|
270
|
-
|
|
271
|
-
:host([icon-active]) .udex-text-field_icon-container:hover {
|
|
272
|
-
border-color: var(--udexColorGrey7, #475E75);
|
|
273
|
-
color: var(--udexColorGrey7, #475E75);
|
|
274
|
-
}
|
|
275
|
-
|
|
276
261
|
/* Supporting text styles */
|
|
277
262
|
|
|
278
263
|
.udex-text-field__supporting-text {
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const T="Count",E="of",_="Pagination page",A="Selected",S="Unselected",I="Indeterminate",t="Edit",R="Delete",O="Primary",N="Secondary",n="Tertiary",L="Warning",o="Positive",s="Negative",e="Emphasized",c="Default",C="Transparent",U="Attention",P="Date Input",a="Toggled",D="First page",i="Last page",B="Previous page",r="Next page",l="Current page",G="Activate page number",M="Suggested searches",d="Clear",V="Search",u="Clear",F="Voice",W="Submit",Y="Listening",g="Available Values",p="Recommended pages",X="Expand All",m="Collapse All",f="More",H="Attention badge",y="Read more",h="Read less",v="Rating Indicator",b="Rating",K="Required",w="Total",k="Contains Multi-Selectable Items",x="Contains Selectable Items",Q="Show Results",Z="Show/Hide Password Button",q="Reset",z="Message Strip Close Button",j="Information Bar",J="Positive Bar",$="Warning Bar",TT="Negative Bar",ET="Action Bar",_T="reviews",AT="stars",ST="Select Options",IT="Select All",tT="{0} characters remaining",RT="Field State Error",OT="Field State Warning",NT="Field State Success",nT="Field State Standard",LT="Previous Page",oT="Next Page",sT="No matches found.",eT="Breadcrumb Trail",cT="More",CT="Increase Quantity by",UT="Decrease Quantity by",PT="No data found",aT="Invalid entry",DT="Warning issued",iT="Informative entry",BT="Entry successfully validated",rT="Read only",lT="Logout",GT="Select country",MT="Overview",dT="Cart",VT="Country Selector",uT="Support",FT="Link Graphic",WT="Phone number",YT="Contact us",gT="Email",pT="Chat with us",XT="Quick Links",mT="Trending",fT="About SAP",HT="Site Information",yT="Or see our complete list of",hT="local country numbers",vT="© {0} SAP SE or an SAP affiliate company. All rights reserved.",bT="Avatar",KT="Open Calendar icon",wT="Edit list item entry",kT="Delete list item entry",xT="back button label",QT="Status Badge",ZT="Click to edit profile",qT="Click to open profile information",zT="Warning, potential risk with the profile",jT="There is an error with the profile",JT="Successfully verified profile",$T="Profile",TE="main links",EE="opens in a new window",_E="Text field",AE="Uploading",SE="Terminated",IE="Remove file",tE="Upload file",RE="Complete list of",OE="Call us today!",NE="Search",nE="results returned.",LE={COUNT:T,OF:E,PAGINATION_PAGE:_,SELECTED:A,UNSELECTED:S,INDETERMINATE:I,EDIT_BUTTON:t,DELETE_BUTTON:R,BUTTON_ARIA_TYPE_PRIMARY:O,BUTTON_ARIA_TYPE_SECONDARY:N,BUTTON_ARIA_TYPE_TERTIARY:n,BUTTON_ARIA_TYPE_WARNING:L,BUTTON_ARIA_TYPE_POSITIVE:o,BUTTON_ARIA_TYPE_NEGATIVE:s,BUTTON_ARIA_EMPHASIZED:e,BUTTON_ARIA_DEFAULT:c,BUTTON_ARIA_TRANSPARENT:C,BUTTON_ARIA_ATTENTION:U,DATEPICKER_DATE_DESCRIPTION:P,TOGGLED:a,FIRST_PAGE:D,LAST_PAGE:i,PREVIOUS_PAGE:B,NEXT_PAGE:r,CURRENT_PAGE:l,ACTIVATE_PAGE:G,SUGGESTED_TEXT:M,ACCESSIBLE_NAME_RESET_ICON:d,ACCESSIBLE_NAME_SEARCH_ICON:V,TOOLTIP_RESET_BUTTON:u,TOOLTIP_VOICE_BUTTON:F,TOOLTIP_SUBMIT_BUTTON:W,LISTENING:Y,AVAILABLE_VALUES:g,RECOMMENDED_TEXT:p,EXPAND_ALL:X,COLLAPSE_ALL:m,MORE:f,ATTENTION_BADGE:H,READ_MORE:y,READ_LESS:h,RATING_INDICATOR_TEXT:v,RATING_INDICATOR_TOOLTIP_TEXT:b,RATING_INDICATOR_ARIA_DESCRIPTION:K,TOTAL:w,ARIA_LABEL_LIST_MULTISELECTABLE:k,ARIA_LABEL_LIST_SELECTABLE:x,SHOW_RESULTS:Q,SHOW_HIDE_PASSWORD:Z,RESET:q,MESSAGE_STRIP_CLOSE_BUTTON:z,MESSAGE_STRIP_INFORMATION:j,MESSAGE_STRIP_SUCCESS:J,MESSAGE_STRIP_WARNING:$,MESSAGE_STRIP_ERROR:TT,MESSAGE_STRIP_ACTION:ET,REVIEWS:_T,STARS:AT,SELECT_OPTIONS:ST,SELECT_ALL:IT,TEXTAREA_CHARACTERS_LEFT:tT,VALUE_STATE_TYPE_ERROR:RT,VALUE_STATE_TYPE_WARNING:OT,VALUE_STATE_TYPE_SUCCESS:NT,VALUE_STATE_TYPE_STANDARD:nT,CAROUSEL_PREVIOUS_ARROW_TEXT:LT,CAROUSEL_NEXT_ARROW_TEXT:oT,NO_MATCHES_FOUND:sT,BREADCRUMBS_ARIA_LABEL:eT,BREADCRUMBS_OVERFLOW_ARIA_LABEL:cT,STEPINPUT_INC_ICON_TITLE:CT,STEPINPUT_DEC_ICON_TITLE:UT,TABLE_NO_DATA_FOUND:PT,VALUE_STATE_ERROR:aT,VALUE_STATE_WARNING:DT,VALUE_STATE_INFORMATION:iT,VALUE_STATE_SUCCESS:BT,READ_ONLY:rT,LOGOUT:lT,COUNTRY_SELECT:GT,OVERVIEW:MT,CART:dT,COUNTRY_SELECTOR:VT,SUPPORT:uT,SOCIAL_LINK_ICON:FT,PHONE_NUMBER:WT,CONTACT_US:YT,EMAIL:gT,CHAT_WITH_US:pT,QUICK_LINKS:XT,TRENDING:mT,ABOUT_SAP:fT,SITE_INFORMATION:HT,SEE_COMPLETE_LIST:yT,LOCAL_COUNTRY_NAMES:hT,COPYRIGHT:vT,AVATAR_TEXT:bT,CALENDAR_ICON:KT,LIST_ITEM_EDIT_ICON:wT,LIST_ITEM_DELETE_ICON:kT,BACK_BUTTON_LABEL:xT,STATUS_BADGE_TEXT:QT,STATUS_BADGE_EDIT_TITLE:ZT,STATUS_BADGE_INFORMATION_TITLE:qT,STATUS_BADGE_WARNING_TITLE:zT,STATUS_BADGE_ERROR_TITLE:jT,STATUS_BADGE_SUCCESS_TITLE:JT,PROFILE:$T,MAIN_LINKS:TE,OPENS_IN_A_NEW_WINDOW:EE,TEXT_FIELD:_E,UPLOADING_FILE_STATUS_TEXT:AE,TERMINATED_FILE_STATUS_TEXT:SE,REMOVE_FILE_TEXT:IE,UPLOAD_BUTTON_LABEL:tE,COMPLETE_LIST_OF:RE,CALL_US_TODAY:OE,SEARCH:NE,RESULT_RETURNED:nE};export{fT as ABOUT_SAP,d as ACCESSIBLE_NAME_RESET_ICON,V as ACCESSIBLE_NAME_SEARCH_ICON,G as ACTIVATE_PAGE,k as ARIA_LABEL_LIST_MULTISELECTABLE,x as ARIA_LABEL_LIST_SELECTABLE,H as ATTENTION_BADGE,g as AVAILABLE_VALUES,bT as AVATAR_TEXT,xT as BACK_BUTTON_LABEL,eT as BREADCRUMBS_ARIA_LABEL,cT as BREADCRUMBS_OVERFLOW_ARIA_LABEL,U as BUTTON_ARIA_ATTENTION,c as BUTTON_ARIA_DEFAULT,e as BUTTON_ARIA_EMPHASIZED,C as BUTTON_ARIA_TRANSPARENT,s as BUTTON_ARIA_TYPE_NEGATIVE,o as BUTTON_ARIA_TYPE_POSITIVE,O as BUTTON_ARIA_TYPE_PRIMARY,N as BUTTON_ARIA_TYPE_SECONDARY,n as BUTTON_ARIA_TYPE_TERTIARY,L as BUTTON_ARIA_TYPE_WARNING,KT as CALENDAR_ICON,OE as CALL_US_TODAY,oT as CAROUSEL_NEXT_ARROW_TEXT,LT as CAROUSEL_PREVIOUS_ARROW_TEXT,dT as CART,pT as CHAT_WITH_US,m as COLLAPSE_ALL,RE as COMPLETE_LIST_OF,YT as CONTACT_US,vT as COPYRIGHT,T as COUNT,GT as COUNTRY_SELECT,VT as COUNTRY_SELECTOR,l as CURRENT_PAGE,P as DATEPICKER_DATE_DESCRIPTION,R as DELETE_BUTTON,t as EDIT_BUTTON,gT as EMAIL,X as EXPAND_ALL,D as FIRST_PAGE,I as INDETERMINATE,i as LAST_PAGE,Y as LISTENING,kT as LIST_ITEM_DELETE_ICON,wT as LIST_ITEM_EDIT_ICON,hT as LOCAL_COUNTRY_NAMES,lT as LOGOUT,TE as MAIN_LINKS,ET as MESSAGE_STRIP_ACTION,z as MESSAGE_STRIP_CLOSE_BUTTON,TT as MESSAGE_STRIP_ERROR,j as MESSAGE_STRIP_INFORMATION,J as MESSAGE_STRIP_SUCCESS,$ as MESSAGE_STRIP_WARNING,f as MORE,r as NEXT_PAGE,sT as NO_MATCHES_FOUND,E as OF,EE as OPENS_IN_A_NEW_WINDOW,MT as OVERVIEW,_ as PAGINATION_PAGE,WT as PHONE_NUMBER,B as PREVIOUS_PAGE,$T as PROFILE,XT as QUICK_LINKS,K as RATING_INDICATOR_ARIA_DESCRIPTION,v as RATING_INDICATOR_TEXT,b as RATING_INDICATOR_TOOLTIP_TEXT,h as READ_LESS,y as READ_MORE,rT as READ_ONLY,p as RECOMMENDED_TEXT,IE as REMOVE_FILE_TEXT,q as RESET,nE as RESULT_RETURNED,_T as REVIEWS,NE as SEARCH,yT as SEE_COMPLETE_LIST,A as SELECTED,IT as SELECT_ALL,ST as SELECT_OPTIONS,Z as SHOW_HIDE_PASSWORD,Q as SHOW_RESULTS,HT as SITE_INFORMATION,FT as SOCIAL_LINK_ICON,AT as STARS,ZT as STATUS_BADGE_EDIT_TITLE,jT as STATUS_BADGE_ERROR_TITLE,qT as STATUS_BADGE_INFORMATION_TITLE,JT as STATUS_BADGE_SUCCESS_TITLE,QT as STATUS_BADGE_TEXT,zT as STATUS_BADGE_WARNING_TITLE,UT as STEPINPUT_DEC_ICON_TITLE,CT as STEPINPUT_INC_ICON_TITLE,M as SUGGESTED_TEXT,uT as SUPPORT,PT as TABLE_NO_DATA_FOUND,SE as TERMINATED_FILE_STATUS_TEXT,tT as TEXTAREA_CHARACTERS_LEFT,_E as TEXT_FIELD,a as TOGGLED,u as TOOLTIP_RESET_BUTTON,W as TOOLTIP_SUBMIT_BUTTON,F as TOOLTIP_VOICE_BUTTON,w as TOTAL,mT as TRENDING,S as UNSELECTED,AE as UPLOADING_FILE_STATUS_TEXT,tE as UPLOAD_BUTTON_LABEL,aT as VALUE_STATE_ERROR,iT as VALUE_STATE_INFORMATION,BT as VALUE_STATE_SUCCESS,RT as VALUE_STATE_TYPE_ERROR,nT as VALUE_STATE_TYPE_STANDARD,NT as VALUE_STATE_TYPE_SUCCESS,OT as VALUE_STATE_TYPE_WARNING,DT as VALUE_STATE_WARNING,LE as default};
|