@sapudex/web-components 2.3.0 → 2.4.1
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/.eslintignore +3 -0
- package/bundle.esm.js +2 -0
- package/cypress/fixtures/contact-numbers.ts +10 -0
- package/cypress/specs/Accordion.cy.tsx +24 -0
- package/cypress/specs/Contact.cy.tsx +92 -0
- package/cypress/specs/ContactItem.cy.tsx +56 -0
- package/cypress/support/commands.ts +31 -2
- package/cypress/support/component-imports.instrumented.ts +4 -0
- package/cypress/support/component-imports.src.ts +4 -0
- package/dist/Accordion.d.ts +7 -1
- package/dist/Accordion.js +3 -3
- package/dist/Accordion.js.map +1 -1
- package/dist/Assets.js +31 -0
- package/dist/Assets.js.map +1 -1
- package/dist/AssetsVariables.js +6 -1
- package/dist/AssetsVariables.js.map +1 -1
- package/dist/Contact.d.ts +102 -0
- package/dist/Contact.js +152 -0
- package/dist/Contact.js.map +1 -0
- package/dist/ContactItem.d.ts +67 -0
- package/dist/ContactItem.js +96 -0
- package/dist/ContactItem.js.map +1 -0
- package/dist/ContactItemTemplate.d.ts +2 -0
- package/dist/ContactItemTemplate.js +13 -0
- package/dist/ContactItemTemplate.js.map +1 -0
- package/dist/ContactTemplate.d.ts +4 -0
- package/dist/ContactTemplate.js +29 -0
- package/dist/ContactTemplate.js.map +1 -0
- package/dist/CountrySelector.d.ts +0 -2
- package/dist/CountrySelector.js +0 -4
- package/dist/CountrySelector.js.map +1 -1
- package/dist/Footer.d.ts +0 -1
- package/dist/Footer.js +7 -9
- package/dist/Footer.js.map +1 -1
- package/dist/List.d.ts +1 -1
- package/dist/List.js +1 -1
- package/dist/List.js.map +1 -1
- package/dist/MastheadCountrySelector.d.ts +6 -0
- package/dist/MastheadCountrySelector.js +8 -2
- package/dist/MastheadCountrySelector.js.map +1 -1
- package/dist/MastheadItem.d.ts +13 -10
- package/dist/MastheadItem.js +24 -27
- package/dist/MastheadItem.js.map +1 -1
- package/dist/MastheadMenu.d.ts +3 -1
- package/dist/MastheadMenu.js +5 -4
- package/dist/MastheadMenu.js.map +1 -1
- package/dist/MastheadMenuItem.d.ts +1 -1
- package/dist/MastheadMenuItem.js +1 -1
- package/dist/MastheadMenuItem.js.map +1 -1
- package/dist/MastheadMobileMenu.d.ts +6 -0
- package/dist/MastheadMobileMenu.js +13 -2
- package/dist/MastheadMobileMenu.js.map +1 -1
- package/dist/MastheadProfileMenu.d.ts +4 -5
- package/dist/MastheadProfileMenu.js +9 -4
- package/dist/MastheadProfileMenu.js.map +1 -1
- package/dist/MastheadShell.d.ts +12 -4
- package/dist/MastheadShell.js +19 -10
- package/dist/MastheadShell.js.map +1 -1
- package/dist/MessageStripTemplate.js +1 -1
- package/dist/MessageStripTemplate.js.map +1 -1
- package/dist/SearchableListBase.js +5 -1
- package/dist/SearchableListBase.js.map +1 -1
- package/dist/SecondaryNavigation.d.ts +0 -1
- package/dist/SecondaryNavigation.js +2 -4
- package/dist/SecondaryNavigation.js.map +1 -1
- package/dist/assets/{InputSuggestions-BgbbJ4tc.js → InputSuggestions-B7dpC1q9.js} +1 -1
- package/dist/assets/{ListItemStandardExpandableTextTemplate-onAnn1Tj.js → ListItemStandardExpandableTextTemplate-BF6mHEec.js} +1 -1
- package/dist/assets/{bundle.esm-CwUfibNQ.js → bundle.esm-BFePNrxi.js} +241 -231
- package/dist/assets/messagebundle_en-DXEe5nWA.js +1 -0
- package/dist/css/themes/Accordion.css +1 -1
- package/dist/css/themes/Button.css +1 -1
- package/dist/css/themes/Contact.css +1 -0
- package/dist/css/themes/ContactItem.css +1 -0
- package/dist/css/themes/MastheadProfileMenu.css +1 -1
- package/dist/css/themes/Modal.css +1 -1
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/Search.css +1 -1
- package/dist/css/themes/Slider.css +1 -1
- package/dist/css/themes/TabInOverflow.css +1 -1
- package/dist/custom-elements-internal.json +416 -21
- package/dist/custom-elements.json +393 -21
- package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
- package/dist/generated/i18n/i18n-defaults.d.ts +4 -1
- package/dist/generated/i18n/i18n-defaults.js +4 -1
- package/dist/generated/i18n/i18n-defaults.js.map +1 -1
- package/dist/generated/templates/AccordionTemplate.lit.js +4 -2
- package/dist/generated/templates/AccordionTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadCountrySelectorTemplate.lit.js +3 -3
- package/dist/generated/templates/MastheadCountrySelectorTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadItemTemplate.lit.js +25 -22
- package/dist/generated/templates/MastheadItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadMenuItemTemplate.lit.js +1 -1
- package/dist/generated/templates/MastheadMenuItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadMenuTemplate.lit.js +2 -2
- package/dist/generated/templates/MastheadMenuTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadMobileMenuTemplate.lit.js +14 -14
- package/dist/generated/templates/MastheadMobileMenuTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadProfileMenuTemplate.lit.js +1 -1
- package/dist/generated/templates/MastheadProfileMenuTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadShellTemplate.lit.js +2 -2
- package/dist/generated/templates/MastheadShellTemplate.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/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/Contact.css.d.ts +2 -0
- package/dist/generated/themes/Contact.css.js +8 -0
- package/dist/generated/themes/Contact.css.js.map +1 -0
- package/dist/generated/themes/ContactItem.css.d.ts +2 -0
- package/dist/generated/themes/ContactItem.css.js +8 -0
- package/dist/generated/themes/ContactItem.css.js.map +1 -0
- package/dist/generated/themes/MastheadProfileMenu.css.d.ts +1 -1
- package/dist/generated/themes/MastheadProfileMenu.css.js +1 -1
- package/dist/generated/themes/MastheadProfileMenu.css.js.map +1 -1
- package/dist/generated/themes/Modal.css.d.ts +1 -1
- package/dist/generated/themes/Modal.css.js +1 -1
- package/dist/generated/themes/Modal.css.js.map +1 -1
- package/dist/generated/themes/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/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/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/TabInOverflow.css.d.ts +1 -1
- package/dist/generated/themes/TabInOverflow.css.js +1 -1
- package/dist/generated/themes/TabInOverflow.css.js.map +1 -1
- package/dist/messagebundle.properties +8 -0
- package/dist/messagebundle_en.properties +4 -0
- package/dist/types/AnalyticsName.d.ts +5 -0
- package/dist/types/AnalyticsName.js +7 -0
- package/dist/types/AnalyticsName.js.map +1 -0
- package/dist/types/ContactItemIcon.d.ts +6 -0
- package/dist/types/ContactItemIcon.js +8 -0
- package/dist/types/ContactItemIcon.js.map +1 -0
- package/dist/types/EventRibbon.d.ts +38 -13
- package/dist/types/EventRibbon.js +39 -12
- package/dist/types/EventRibbon.js.map +1 -1
- package/dist/utils/parseArrayFromString.d.ts +2 -0
- package/dist/utils/parseArrayFromString.js +5 -0
- package/dist/utils/parseArrayFromString.js.map +1 -0
- package/dist/vscode.html-custom-data.json +90 -26
- package/dist/web-types.json +184 -16
- package/package.json +2 -2
- package/src/Accordion.hbs +13 -9
- package/src/Accordion.ts +7 -4
- package/src/Assets.ts +29 -0
- package/src/AssetsVariables.ts +6 -1
- package/src/Contact.ts +200 -0
- package/src/ContactItem.ts +119 -0
- package/src/ContactItemTemplate.tsx +22 -0
- package/src/ContactTemplate.tsx +105 -0
- package/src/CountrySelector.ts +0 -5
- package/src/Footer.ts +7 -10
- package/src/List.ts +1 -1
- package/src/MastheadCountrySelector.hbs +3 -0
- package/src/MastheadCountrySelector.ts +13 -3
- package/src/MastheadItem.hbs +8 -0
- package/src/MastheadItem.ts +36 -35
- package/src/MastheadMenu.hbs +6 -1
- package/src/MastheadMenu.ts +7 -5
- package/src/MastheadMenuItem.hbs +1 -1
- package/src/MastheadMenuItem.ts +2 -2
- package/src/MastheadMobileMenu.hbs +24 -9
- package/src/MastheadMobileMenu.ts +19 -3
- package/src/MastheadProfileMenu.hbs +2 -0
- package/src/MastheadProfileMenu.ts +13 -10
- package/src/MastheadShell.hbs +2 -0
- package/src/MastheadShell.ts +31 -14
- package/src/MessageStripTemplate.tsx +1 -0
- package/src/SearchableListBase.ts +6 -1
- package/src/SecondaryNavigation.ts +3 -5
- package/src/generated/i18n/i18n-defaults.ts +2 -2
- package/src/generated/templates/AccordionTemplate.lit.ts +4 -2
- package/src/generated/templates/MastheadCountrySelectorTemplate.lit.ts +3 -3
- package/src/generated/templates/MastheadItemTemplate.lit.ts +25 -22
- package/src/generated/templates/MastheadMenuItemTemplate.lit.ts +1 -1
- package/src/generated/templates/MastheadMenuTemplate.lit.ts +2 -2
- package/src/generated/templates/MastheadMobileMenuTemplate.lit.ts +14 -14
- package/src/generated/templates/MastheadProfileMenuTemplate.lit.ts +1 -1
- package/src/generated/templates/MastheadShellTemplate.lit.ts +2 -2
- package/src/generated/themes/Accordion.css.ts +1 -1
- package/src/generated/themes/Button.css.ts +1 -1
- package/src/generated/themes/Contact.css.ts +9 -0
- package/src/generated/themes/ContactItem.css.ts +9 -0
- package/src/generated/themes/MastheadProfileMenu.css.ts +1 -1
- package/src/generated/themes/Modal.css.ts +1 -1
- package/src/generated/themes/RatingIndicator.css.ts +1 -1
- package/src/generated/themes/Search.css.ts +1 -1
- package/src/generated/themes/Slider.css.ts +1 -1
- package/src/generated/themes/TabInOverflow.css.ts +1 -1
- package/src/i18n/messagebundle.properties +8 -0
- package/src/i18n/messagebundle_en.properties +4 -0
- package/src/themes/Accordion.css +1 -0
- package/src/themes/Button.css +8 -1
- package/src/themes/Contact.css +184 -0
- package/src/themes/ContactItem.css +44 -0
- package/src/themes/MastheadProfileMenu.css +2 -1
- package/src/themes/Modal.css +4 -4
- package/src/themes/Search.css +2 -1
- package/src/themes/TabInOverflow.css +1 -1
- package/src/types/AnalyticsName.ts +6 -0
- package/src/types/ContactItemIcon.ts +7 -0
- package/src/types/EventRibbon.ts +38 -13
- package/src/utils/parseArrayFromString.ts +5 -0
- package/dist/assets/messagebundle_en-CVKgy_9L.js +0 -1
|
@@ -0,0 +1,184 @@
|
|
|
1
|
+
:host {
|
|
2
|
+
--udex-contact-popover-width: 360px;
|
|
3
|
+
--udex-contact-popover-shadow: 0 20px 80px 0 rgba(34, 54, 73, 0.25), 0 0 0 0 rgba(255, 255, 255, 0.00);
|
|
4
|
+
--udex-contact-call-us-background: var(--udexColorBlue7, #0070F2);
|
|
5
|
+
--udex-contact-call-us-padding: 28px var(--udexSpacer32);
|
|
6
|
+
--udex-contact-botton-position: var(--udexSpacer24);
|
|
7
|
+
--udex-contact-right-position: var(--udexSpacer24);
|
|
8
|
+
|
|
9
|
+
position: fixed;
|
|
10
|
+
bottom: var(--udex-contact-botton-position);
|
|
11
|
+
right: var(--udex-contact-right-position);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
:host(:dir(rtl)) {
|
|
15
|
+
right: auto;
|
|
16
|
+
left: var(--udex-contact-right-position);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.udex-contact__button {
|
|
20
|
+
--udex-button-icon-l-size: 26px;
|
|
21
|
+
--udex-button-large-size: 58px;
|
|
22
|
+
--udex-button-icon-text-spacing-large-size: var(--udexSpacer12);
|
|
23
|
+
--udex-button-padding-large: 8px 18px;
|
|
24
|
+
box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);
|
|
25
|
+
font-size: var(--udexTypographyHeadingMediumXXXSFontSize, 18px);
|
|
26
|
+
border: 2px solid var(--udexColorNeutralWhite, #FFF);
|
|
27
|
+
background: var(--udexColorBlue7, #0070F2);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.udex-contact__opener {
|
|
31
|
+
padding-top: var(--udexSpacer24);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.udex-contact__button:hover {
|
|
35
|
+
background: var(--udexColorBlue9, #0040B0);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
[open].udex-contact__popover + .udex-contact__opener {
|
|
39
|
+
pointer-events: none;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
[open].udex-contact__popover + .udex-contact__opener .udex-contact__button,
|
|
43
|
+
:host [active].udex-contact__button {
|
|
44
|
+
background: var(--udexColorNeutralWhite, #FFF);
|
|
45
|
+
color: var(--udexColorBlue9, #0040B0);
|
|
46
|
+
border-color: var(--udexColorBlue9, #0040B0);
|
|
47
|
+
pointer-events: auto;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.udex-contact__popover {
|
|
51
|
+
width: var(--udex-contact-popover-width);
|
|
52
|
+
box-shadow: var(--udex-contact-popover-shadow);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.udex-contact__call-us {
|
|
56
|
+
background: var(--udex-contact-call-us-background);
|
|
57
|
+
padding: var(--udex-contact-call-us-padding);
|
|
58
|
+
font-family: var(--sapFontFamily, sans-serif);
|
|
59
|
+
font-size: var(--udexTypographyBodyXSFontSize, 14px);
|
|
60
|
+
line-height: var(--udexTypographyBodyLineHeight, 21px);
|
|
61
|
+
color: var(--udexColorNeutralWhite);
|
|
62
|
+
text-align: center;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.udex-contact__close-btn-wrap {
|
|
66
|
+
text-align: end;
|
|
67
|
+
height: 0;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.udex-contact__close-btn {
|
|
71
|
+
--udex-button-focus-border-color: var(--udexColorNeutralWhite, #FFF);
|
|
72
|
+
color: var(--udexColorNeutralWhite, #FFF);
|
|
73
|
+
margin-inline-start: auto;
|
|
74
|
+
display: none;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
[on-phone] .udex-contact__call-us-heading,
|
|
78
|
+
[on-phone] .udex-contact__close-btn {
|
|
79
|
+
display: block;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
[on-phone] .udex-contact__call-us-heading {
|
|
83
|
+
margin-inline-end: var(--udexSpacer8);
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.udex-contact__items {
|
|
87
|
+
padding: var(--udexSpacer12) 0;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.udex-contact__popover::part(content) {
|
|
91
|
+
padding: 0;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.udex-contact__call-us-heading,
|
|
95
|
+
[on-phone].udex-contact__popover::part(header) {
|
|
96
|
+
display: none;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.udex-contact__call-us-title {
|
|
100
|
+
font-size: var(--udexTypographyBodyXLFontSize, 24px);
|
|
101
|
+
line-height: var(--udexTypographyBodyLineHeight, 1.5);
|
|
102
|
+
font-weight: var(--udexTypographyFontWeightRegular, 400);
|
|
103
|
+
margin: 0 0 var(--udexSpacer12);
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.udex-contact__number-wrapper:first-child .udex-contact__number {
|
|
107
|
+
font-size: var(--udexTypographyHeadingMediumSFontSize, 28px);
|
|
108
|
+
line-height: var(--udexTypographyHeadingLineHeight, 1.1);
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.udex-contact__number-wrapper {
|
|
112
|
+
display: flex;
|
|
113
|
+
flex-direction: column;
|
|
114
|
+
align-items: center;
|
|
115
|
+
margin-bottom: var(--udexSpacer12);
|
|
116
|
+
font-size: var(--udexTypographyBodyLFontSize , 20px);
|
|
117
|
+
line-height: var(--udexTypographyBodyLineHeight, 1.5);
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.udex-contact__complete-list {
|
|
121
|
+
margin: 28px 0 0 ;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
.udex-contact__country {
|
|
125
|
+
font-size: var(--udexTypographyBodyXSFontSize, 14px);
|
|
126
|
+
line-height: var(--udexTypographyBodyLineHeight, 21px);
|
|
127
|
+
margin-bottom: var(--udexSpacer2);
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.udex-contact__local-country-link,
|
|
131
|
+
.udex-contact__number {
|
|
132
|
+
--sapContent_FocusColor: var(--udexColorNeutralWhite, #FFF);
|
|
133
|
+
color: var(--udexColorNeutralWhite, #FFF);
|
|
134
|
+
text-decoration: none;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
.udex-contact__local-country-link {
|
|
138
|
+
--udex-link-hover-text-decoration: none;
|
|
139
|
+
font-size: var(--udexTypographyBodyXSFontSize, 14px);
|
|
140
|
+
line-height: var(--udexTypographyBodyLineHeight, 21px);
|
|
141
|
+
text-decoration: none;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
.udex-contact__number {
|
|
145
|
+
--udex-link-text-decoration: none;
|
|
146
|
+
--udex-link-line-height: var(--udexTypographyHeadingLineHeight, 1.1);
|
|
147
|
+
font-size: var(--udexTypographyBodyLFontSize, 20px);
|
|
148
|
+
font-weight: var(--udexTypographyFontWeightMedium, 500);
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
.udex-contact__number:hover {
|
|
152
|
+
text-decoration: underline;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
.udex-contact__call-us_empty {
|
|
156
|
+
height: 16px;
|
|
157
|
+
padding: 0;
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
[on-phone] .udex-contact__call-us_empty {
|
|
161
|
+
font-size: var(--udexTypographyHeadingMediumXXXSFontSize, 18px);
|
|
162
|
+
font-weight: var(--udexTypographyFontWeightMedium, 500);
|
|
163
|
+
padding: var(--udexSpacer16);
|
|
164
|
+
display: flex;
|
|
165
|
+
align-items: center;
|
|
166
|
+
justify-content: space-between;
|
|
167
|
+
height: auto;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
@media (max-width: 979px) {
|
|
171
|
+
:host {
|
|
172
|
+
bottom: var(--udexSpacer16);
|
|
173
|
+
right: var(--udexSpacer16);
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
:host(:dir(rtl)) {
|
|
177
|
+
right: auto;
|
|
178
|
+
left: var(--udexSpacer16);
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
.udex-contact__opener {
|
|
182
|
+
padding-top: var(--udexSpacer16);
|
|
183
|
+
}
|
|
184
|
+
}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
:host {
|
|
2
|
+
--udex-contact-item-font-family: var(--sapFontFamily, sans-serif);
|
|
3
|
+
--udex-contact-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);
|
|
4
|
+
--udex-contact-item-line-height: var(--udexTypographyBodyLineHeight, 21px);
|
|
5
|
+
--udex-contact-item-padding: var(--udexSpacer16) 18px;
|
|
6
|
+
--udex-contact-item-color: var(--udexColorGrey9, #223548);
|
|
7
|
+
--udex-contact-item-icon-color: var(--udexColorGrey7, #475E75);
|
|
8
|
+
--udex-contact-item-icon-size: 26px;
|
|
9
|
+
--udex-contact-item-icon-padding: 6px;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.udex-contact-item {
|
|
13
|
+
font-family: var(--udex-contact-item-font-family);
|
|
14
|
+
font-size: var(--udex-contact-item-font-size);
|
|
15
|
+
line-height: var(--udex-contact-item-line-height);
|
|
16
|
+
padding: var(--udex-contact-item-padding);
|
|
17
|
+
color: var(--udex-contact-item-color);
|
|
18
|
+
display: flex;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.udex-contact-item__content {
|
|
22
|
+
display: flex;
|
|
23
|
+
flex-direction: column;
|
|
24
|
+
align-items: flex-start;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.udex-contact-item__description {
|
|
28
|
+
margin: var(--udexSpacer4) 0 0;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.udex-contact-item__text,
|
|
32
|
+
.udex-contact-item__link {
|
|
33
|
+
font-size: var(--udexTypographyBodySFontSize, 16px);
|
|
34
|
+
line-height: var(--udexTypographyBodyLineHeight, 1.5);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.udex-contact-item__icon {
|
|
38
|
+
color: var(--udex-contact-item-icon-color);
|
|
39
|
+
margin-inline-end: var(--udexSpacer16);
|
|
40
|
+
min-width: var(--udex-contact-item-icon-size);
|
|
41
|
+
width: var(--udex-contact-item-icon-size);
|
|
42
|
+
height: var(--udex-contact-item-icon-size);
|
|
43
|
+
padding: var(--udex-contact-item-icon-padding);
|
|
44
|
+
}
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
--udex-masthead-profile-menu-background-color: var(--udexColorNeutralWhite, #FFF);
|
|
7
7
|
--udex-masthead-profile-menu-login-border-color: var(--udexColorGrey2, #EAECEE);
|
|
8
8
|
--udex-masthead-profile-menu-username-color: inherit;
|
|
9
|
+
--udex-masthead-profile-account-color: var(--udexColorGrey9, #223548);
|
|
9
10
|
--udex-masthead-profile-menu-email-color: var(--udexColorGrey9, #223548);
|
|
10
11
|
--udex-masthead-profile-menu-header-border-color: var(--udexColorGrey2, #EAECEE);
|
|
11
12
|
}
|
|
@@ -55,7 +56,7 @@
|
|
|
55
56
|
}
|
|
56
57
|
|
|
57
58
|
.udex-profile-menu__account-email {
|
|
58
|
-
color: var(--
|
|
59
|
+
color: var(--udex-masthead-profile-account-color);
|
|
59
60
|
font-size: 14px;
|
|
60
61
|
line-height: 21px;
|
|
61
62
|
margin: 0;
|
package/src/themes/Modal.css
CHANGED
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
:host .ui5-popup-root .ui5-popup-content {
|
|
30
|
-
padding: var(--udex-modal-and-overlay-modal-content-padding-vertical) var(--udex-modal-and-overlay-modal-content-padding-horizontal);
|
|
31
|
-
scrollbar-gutter:
|
|
30
|
+
padding: var(--udex-modal-and-overlay-modal-content-padding-vertical) calc(var(--udex-modal-and-overlay-modal-content-padding-horizontal) - var(--udexGridXSGutter, 16px)) var(--udex-modal-and-overlay-modal-content-padding-vertical) var(--udex-modal-and-overlay-modal-content-padding-horizontal);
|
|
31
|
+
scrollbar-gutter: stable;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
:host([type="basic"]) {
|
|
@@ -37,8 +37,8 @@
|
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
:host([type="basic"]) .ui5-popup-root .ui5-popup-content {
|
|
40
|
-
|
|
41
|
-
scrollbar-gutter:
|
|
40
|
+
padding: 0 calc(var(--udex-modal-and-overlay-modal-content-padding-horizontal) - var(--udexGridXSGutter, 16px)) 0 var(--udex-modal-and-overlay-modal-content-padding-horizontal);
|
|
41
|
+
scrollbar-gutter: stable;
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
:host ::slotted([slot="header"][ui5-bar]) {
|
package/src/themes/Search.css
CHANGED
|
@@ -35,6 +35,7 @@
|
|
|
35
35
|
--udex-search-label-inset-inline-start: var(--udexSpacer12, 12px);
|
|
36
36
|
--udex-search-icons-column-gap: 0;
|
|
37
37
|
--udex-search-home-icons-column-gap: var(--udexSpacer4, 4px);
|
|
38
|
+
--udex-search-active-outline-color: var(--udexColorBlue10);
|
|
38
39
|
|
|
39
40
|
--udex-search-label-width: calc(
|
|
40
41
|
100% -
|
|
@@ -160,7 +161,7 @@
|
|
|
160
161
|
content:"";
|
|
161
162
|
position:absolute;
|
|
162
163
|
inset: -5px;
|
|
163
|
-
border: 2px solid var(--
|
|
164
|
+
border: 2px solid var(--udex-search-active-outline-color);
|
|
164
165
|
border-radius: var(--udex-input-radius);
|
|
165
166
|
}
|
|
166
167
|
|
package/src/types/EventRibbon.ts
CHANGED
|
@@ -10,18 +10,6 @@ export enum UDExEventRibbonMode {
|
|
|
10
10
|
light = "light"
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
enum UDExEventRibbonColors {
|
|
14
|
-
Mango = "Mango",
|
|
15
|
-
Red = "Red",
|
|
16
|
-
Raspberry = "Raspberry",
|
|
17
|
-
Pink = "Pink",
|
|
18
|
-
Indigo = "Indigo",
|
|
19
|
-
Blue = "Blue",
|
|
20
|
-
Teal = "Teal",
|
|
21
|
-
Green = "Green",
|
|
22
|
-
Grey = "Grey",
|
|
23
|
-
}
|
|
24
|
-
|
|
25
13
|
export enum UDExEventRibbonLogo {
|
|
26
14
|
sapphire = "sapphire",
|
|
27
15
|
sapphireStacked = "sapphire-stacked",
|
|
@@ -32,7 +20,44 @@ export enum UDExEventRibbonLogo {
|
|
|
32
20
|
now = "now"
|
|
33
21
|
}
|
|
34
22
|
|
|
35
|
-
export
|
|
23
|
+
export enum UDExEventRibbonColorSheme {
|
|
24
|
+
Mango1 = "Mango1",
|
|
25
|
+
Red1 = "Red1",
|
|
26
|
+
Raspberry1 = "Raspberry1",
|
|
27
|
+
Pink1 = "Pink1",
|
|
28
|
+
Indigo1 = "Indigo1",
|
|
29
|
+
Blue1 = "Blue1",
|
|
30
|
+
Teal1 = "Teal1",
|
|
31
|
+
Green1 = "Green1",
|
|
32
|
+
Grey1 = "Grey1",
|
|
33
|
+
Mango2 = "Mango2",
|
|
34
|
+
Red2 = "Red2",
|
|
35
|
+
Raspberry2 = "Raspberry2",
|
|
36
|
+
Pink2 = "Pink2",
|
|
37
|
+
Indigo2 = "Indigo2",
|
|
38
|
+
Blue2 = "Blue2",
|
|
39
|
+
Teal2 = "Teal2",
|
|
40
|
+
Green2 = "Green2",
|
|
41
|
+
Grey2 = "Grey2",
|
|
42
|
+
Mango3 = "Mango3",
|
|
43
|
+
Red3 = "Red3",
|
|
44
|
+
Raspberry3 = "Raspberry3",
|
|
45
|
+
Pink3 = "Pink3",
|
|
46
|
+
Indigo3 = "Indigo3",
|
|
47
|
+
Blue3 = "Blue3",
|
|
48
|
+
Teal3 = "Teal3",
|
|
49
|
+
Green3 = "Green3",
|
|
50
|
+
Grey3 = "Grey3",
|
|
51
|
+
Mango4 = "Mango4",
|
|
52
|
+
Red4 = "Red4",
|
|
53
|
+
Raspberry4 = "Raspberry4",
|
|
54
|
+
Pink4 = "Pink4",
|
|
55
|
+
Indigo4 = "Indigo4",
|
|
56
|
+
Blue4 = "Blue4",
|
|
57
|
+
Teal4 = "Teal4",
|
|
58
|
+
Green4 = "Green4",
|
|
59
|
+
Grey4 = "Grey4",
|
|
60
|
+
}
|
|
36
61
|
|
|
37
62
|
export type UDExEventRibbonLink = {
|
|
38
63
|
target: string,
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const T="Count",E="of",_="Pagination page",A="Selected",S="Unselected",I="Indeterminate",t="Edit",R="Delete",N="Primary",O="Secondary",n="Tertiary",o="Warning",L="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",G="Current page",l="Activate page number",M="Suggested searches",d="Clear",V="Search",u="Clear",W="Voice",F="Submit",Y="Listening",g="Available Values",p="Recommended pages",X="Expand All",m="Collapse All",f="More",H="Attention badge",y="Read more",v="Read less",h="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",NT="Field State Warning",OT="Field State Success",nT="Field State Standard",oT="Previous Page",LT="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",GT="Logout",lT="Select country",MT="Overview",dT="Cart",VT="Country Selector",uT="Support",WT="Link Graphic",FT="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",vT="local country numbers",hT="© {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={COUNT:T,OF:E,PAGINATION_PAGE:_,SELECTED:A,UNSELECTED:S,INDETERMINATE:I,EDIT_BUTTON:t,DELETE_BUTTON:R,BUTTON_ARIA_TYPE_PRIMARY:N,BUTTON_ARIA_TYPE_SECONDARY:O,BUTTON_ARIA_TYPE_TERTIARY:n,BUTTON_ARIA_TYPE_WARNING:o,BUTTON_ARIA_TYPE_POSITIVE:L,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:G,ACTIVATE_PAGE:l,SUGGESTED_TEXT:M,ACCESSIBLE_NAME_RESET_ICON:d,ACCESSIBLE_NAME_SEARCH_ICON:V,TOOLTIP_RESET_BUTTON:u,TOOLTIP_VOICE_BUTTON:W,TOOLTIP_SUBMIT_BUTTON:F,LISTENING:Y,AVAILABLE_VALUES:g,RECOMMENDED_TEXT:p,EXPAND_ALL:X,COLLAPSE_ALL:m,MORE:f,ATTENTION_BADGE:H,READ_MORE:y,READ_LESS:v,RATING_INDICATOR_TEXT:h,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:NT,VALUE_STATE_TYPE_SUCCESS:OT,VALUE_STATE_TYPE_STANDARD:nT,CAROUSEL_PREVIOUS_ARROW_TEXT:oT,CAROUSEL_NEXT_ARROW_TEXT:LT,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:GT,COUNTRY_SELECT:lT,OVERVIEW:MT,CART:dT,COUNTRY_SELECTOR:VT,SUPPORT:uT,SOCIAL_LINK_ICON:WT,PHONE_NUMBER:FT,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:vT,COPYRIGHT:hT,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};export{fT as ABOUT_SAP,d as ACCESSIBLE_NAME_RESET_ICON,V as ACCESSIBLE_NAME_SEARCH_ICON,l 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,L as BUTTON_ARIA_TYPE_POSITIVE,N as BUTTON_ARIA_TYPE_PRIMARY,O as BUTTON_ARIA_TYPE_SECONDARY,n as BUTTON_ARIA_TYPE_TERTIARY,o as BUTTON_ARIA_TYPE_WARNING,KT as CALENDAR_ICON,LT as CAROUSEL_NEXT_ARROW_TEXT,oT as CAROUSEL_PREVIOUS_ARROW_TEXT,dT as CART,pT as CHAT_WITH_US,m as COLLAPSE_ALL,YT as CONTACT_US,hT as COPYRIGHT,T as COUNT,lT as COUNTRY_SELECT,VT as COUNTRY_SELECTOR,G 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,vT as LOCAL_COUNTRY_NAMES,GT 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,FT as PHONE_NUMBER,B as PREVIOUS_PAGE,$T as PROFILE,XT as QUICK_LINKS,K as RATING_INDICATOR_ARIA_DESCRIPTION,h as RATING_INDICATOR_TEXT,b as RATING_INDICATOR_TOOLTIP_TEXT,v as READ_LESS,y as READ_MORE,rT as READ_ONLY,p as RECOMMENDED_TEXT,IE as REMOVE_FILE_TEXT,q as RESET,_T as REVIEWS,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,WT 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,F as TOOLTIP_SUBMIT_BUTTON,W 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,OT as VALUE_STATE_TYPE_SUCCESS,NT as VALUE_STATE_TYPE_WARNING,DT as VALUE_STATE_WARNING,RE as default};
|