@sapudex/web-components 2.29.0 → 2.30.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cypress/specs/FilterMenu.cy.tsx +39 -1
- package/cypress/specs/List.cy.tsx +171 -0
- package/cypress/specs/ReviewItem.cy.tsx +48 -14
- package/cypress/support/component-imports.instrumented.ts +4 -0
- package/cypress/support/component-imports.src.ts +5 -1
- package/dist/Avatar.d.ts +1 -0
- package/dist/Avatar.js +9 -0
- package/dist/Avatar.js.map +1 -1
- package/dist/FilterMenu.d.ts +2 -0
- package/dist/FilterMenu.js +2 -0
- package/dist/FilterMenu.js.map +1 -1
- package/dist/ImageGridTickerTemplate.js +2 -1
- package/dist/ImageGridTickerTemplate.js.map +1 -1
- package/dist/List.d.ts +4 -2
- package/dist/List.js +42 -9
- package/dist/List.js.map +1 -1
- package/dist/ListGroupHeader.d.ts +4 -0
- package/dist/ListGroupHeader.js +26 -1
- package/dist/ListGroupHeader.js.map +1 -1
- package/dist/ListGroupHeaderBase.js +1 -1
- package/dist/ListGroupHeaderBase.js.map +1 -1
- package/dist/ListItem.js +1 -1
- package/dist/ListItem.js.map +1 -1
- package/dist/ListItemBase.d.ts +40 -1
- package/dist/ListItemBase.js +70 -3
- package/dist/ListItemBase.js.map +1 -1
- package/dist/MastheadItem.d.ts +9 -2
- package/dist/MastheadItem.js +19 -15
- package/dist/MastheadItem.js.map +1 -1
- package/dist/MastheadMenu.d.ts +2 -2
- package/dist/MastheadMenu.js +9 -9
- package/dist/MastheadMenu.js.map +1 -1
- package/dist/Pagination.js +1 -1
- package/dist/Pagination.js.map +1 -1
- package/dist/ReviewItem.d.ts +8 -7
- package/dist/ReviewItem.js +35 -36
- package/dist/ReviewItem.js.map +1 -1
- package/dist/ReviewItemTemplate.js +3 -1
- package/dist/ReviewItemTemplate.js.map +1 -1
- package/dist/SearchableListBase.d.ts +3 -0
- package/dist/SearchableListBase.js +37 -1
- package/dist/SearchableListBase.js.map +1 -1
- package/dist/SelectBox.js +0 -1
- package/dist/SelectBox.js.map +1 -1
- package/dist/TextField.d.ts +1 -1
- package/dist/TextField.js.map +1 -1
- package/dist/assets/{InputSuggestions-GMbG8xQ2.js → InputSuggestions-CaAXs3ok.js} +1 -1
- package/dist/assets/{ListItemStandardExpandableTextTemplate-IyZB_qzJ.js → ListItemStandardExpandableTextTemplate-CPqUBd--.js} +1 -1
- package/dist/assets/{bundle.esm-Dg7j0PXg.js → bundle.esm-L-7H6J4f.js} +213 -213
- package/dist/assets/messagebundle_en-J-MHTtdL.js +1 -0
- package/dist/css/themes/FilterMenu.css +1 -1
- package/dist/css/themes/ImageGridTicker.css +1 -1
- package/dist/css/themes/ListGroupHeader.css +1 -1
- package/dist/css/themes/ListItem.css +1 -1
- package/dist/css/themes/MastheadCountrySelector.css +1 -1
- package/dist/css/themes/MastheadItem.css +1 -1
- package/dist/css/themes/MastheadProfileMenu.css +1 -1
- package/dist/css/themes/Modal.css +1 -1
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/ReviewItem.css +1 -1
- package/dist/css/themes/Slider.css +1 -1
- package/dist/custom-elements-internal.json +965 -17
- package/dist/custom-elements.json +712 -10
- package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
- package/dist/generated/i18n/i18n-defaults.d.ts +5 -1
- package/dist/generated/i18n/i18n-defaults.js +5 -1
- package/dist/generated/i18n/i18n-defaults.js.map +1 -1
- package/dist/generated/templates/ListGroupHeaderTemplate.lit.js +21 -10
- package/dist/generated/templates/ListGroupHeaderTemplate.lit.js.map +1 -1
- package/dist/generated/templates/ListItemTemplate.lit.js +21 -19
- package/dist/generated/templates/ListItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadCountrySelectorTemplate.lit.js +1 -1
- package/dist/generated/templates/MastheadCountrySelectorTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadItemTemplate.lit.js +33 -25
- package/dist/generated/templates/MastheadItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/MastheadMobileMenuTemplate.lit.js +5 -5
- package/dist/generated/templates/MastheadMobileMenuTemplate.lit.js.map +1 -1
- package/dist/generated/templates/SearchableListBaseTemplate.lit.js +1 -1
- package/dist/generated/templates/SearchableListBaseTemplate.lit.js.map +1 -1
- package/dist/generated/themes/FilterMenu.css.d.ts +1 -1
- package/dist/generated/themes/FilterMenu.css.js +1 -1
- package/dist/generated/themes/FilterMenu.css.js.map +1 -1
- package/dist/generated/themes/ImageGridTicker.css.d.ts +1 -1
- package/dist/generated/themes/ImageGridTicker.css.js +1 -1
- package/dist/generated/themes/ImageGridTicker.css.js.map +1 -1
- package/dist/generated/themes/ListGroupHeader.css.d.ts +1 -1
- package/dist/generated/themes/ListGroupHeader.css.js +1 -1
- package/dist/generated/themes/ListGroupHeader.css.js.map +1 -1
- package/dist/generated/themes/ListItem.css.d.ts +1 -1
- package/dist/generated/themes/ListItem.css.js +1 -1
- package/dist/generated/themes/ListItem.css.js.map +1 -1
- package/dist/generated/themes/MastheadCountrySelector.css.d.ts +1 -1
- package/dist/generated/themes/MastheadCountrySelector.css.js +1 -1
- package/dist/generated/themes/MastheadCountrySelector.css.js.map +1 -1
- package/dist/generated/themes/MastheadItem.css.d.ts +1 -1
- package/dist/generated/themes/MastheadItem.css.js +1 -1
- package/dist/generated/themes/MastheadItem.css.js.map +1 -1
- package/dist/generated/themes/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/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/Slider.css.d.ts +1 -1
- package/dist/generated/themes/Slider.css.js +1 -1
- package/dist/generated/themes/Slider.css.js.map +1 -1
- package/dist/messagebundle.properties +6 -0
- package/dist/messagebundle_en.properties +2 -0
- package/dist/types/SearchableListBase.d.ts +1 -0
- package/dist/types/SearchableListBase.js.map +1 -1
- package/dist/vscode.html-custom-data.json +122 -12
- package/dist/web-types.json +271 -11
- package/package.json +1 -1
- package/src/Avatar.ts +9 -0
- package/src/FilterMenu.ts +4 -0
- package/src/ImageGridTickerTemplate.tsx +3 -1
- package/src/List.ts +48 -11
- package/src/ListGroupHeader.hbs +130 -15
- package/src/ListGroupHeader.ts +31 -1
- package/src/ListGroupHeaderBase.ts +1 -1
- package/src/ListItem.hbs +15 -0
- package/src/ListItem.ts +1 -1
- package/src/ListItemBase.ts +107 -1
- package/src/MastheadCountrySelector.hbs +1 -1
- package/src/MastheadItem.hbs +31 -23
- package/src/MastheadItem.ts +20 -18
- package/src/MastheadMenu.ts +10 -9
- package/src/MastheadMobileMenu.hbs +5 -5
- package/src/Pagination.ts +1 -1
- package/src/ReviewItem.ts +45 -35
- package/src/ReviewItemTemplate.tsx +16 -14
- package/src/SearchableListBase.hbs +3 -0
- package/src/SearchableListBase.ts +52 -1
- package/src/SelectBox.ts +0 -1
- package/src/TextField.ts +1 -1
- package/src/generated/i18n/i18n-defaults.ts +2 -2
- package/src/generated/templates/ListGroupHeaderTemplate.lit.ts +21 -10
- package/src/generated/templates/ListItemTemplate.lit.ts +21 -19
- package/src/generated/templates/MastheadCountrySelectorTemplate.lit.ts +1 -1
- package/src/generated/templates/MastheadItemTemplate.lit.ts +33 -25
- package/src/generated/templates/MastheadMobileMenuTemplate.lit.ts +5 -5
- package/src/generated/templates/SearchableListBaseTemplate.lit.ts +1 -1
- package/src/generated/themes/FilterMenu.css.ts +1 -1
- package/src/generated/themes/ImageGridTicker.css.ts +1 -1
- package/src/generated/themes/ListGroupHeader.css.ts +1 -1
- package/src/generated/themes/ListItem.css.ts +1 -1
- package/src/generated/themes/MastheadCountrySelector.css.ts +1 -1
- package/src/generated/themes/MastheadItem.css.ts +1 -1
- package/src/generated/themes/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/ReviewItem.css.ts +1 -1
- package/src/generated/themes/Slider.css.ts +1 -1
- package/src/i18n/messagebundle.properties +6 -0
- package/src/i18n/messagebundle_en.properties +2 -0
- package/src/themes/FilterMenu.css +2 -2
- package/src/themes/ImageGridTicker.css +2 -26
- package/src/themes/ListGroupHeader.css +103 -8
- package/src/themes/ListItem.css +67 -15
- package/src/themes/MastheadCountrySelector.css +2 -0
- package/src/themes/MastheadItem.css +31 -3
- package/src/themes/MastheadProfileMenu.css +1 -9
- package/src/themes/Modal.css +2 -1
- package/src/themes/ReviewItem.css +18 -1
- package/src/types/SearchableListBase.ts +1 -0
- package/dist/assets/messagebundle_en-DfoXjU7o.js +0 -1
package/src/themes/ListItem.css
CHANGED
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
:host {
|
|
2
|
-
--udex-list-item-padding-vertical: var(--
|
|
3
|
-
--udex-list-item-padding-horizontal: var(--
|
|
2
|
+
--udex-list-item-padding-vertical: var(--udexSpacer12, 12px);
|
|
3
|
+
--udex-list-item-padding-horizontal: var(--udexSpacer16, 16px);
|
|
4
|
+
--udex-list-item-padding-top: var(--udex-list-item-padding-vertical);
|
|
5
|
+
--udex-list-item-padding-bottom: var(--udex-list-item-padding-vertical);
|
|
6
|
+
--udex-list-item-padding-inline-start: var(--udex-list-item-padding-horizontal);
|
|
7
|
+
--udex-list-item-padding-inline-end: var(--udex-list-item-padding-horizontal);
|
|
4
8
|
|
|
5
9
|
--udex-list-item-background-active: var(--sapList_Active_Background, #EAECEE);
|
|
6
10
|
--udex-list-item-border-color-active: var(--sapList_BorderColor, #A9B4BE);
|
|
7
11
|
--udex-list-item-color-active: var(--sapList_Active_TextColor, #000);
|
|
8
12
|
--udex-list-item-supporting-text-color-active: var(--sapContent_LabelColor, #475E75);
|
|
9
13
|
--udex-list-item-background-selected-hover: var(--sapButton_Selected_Hover_Background, #D1EFFF);
|
|
10
|
-
--udex-list-item-border-color-selected-hover: var(--udexColorBlue8, #0057D2);
|
|
11
14
|
|
|
12
15
|
--udex-list-item-background-default: var(--sapList_Background, #FFF);
|
|
13
16
|
--udex-list-item-color-default: var(--sapList_HeaderTextColor, #223548);
|
|
@@ -17,7 +20,7 @@
|
|
|
17
20
|
--udex-list-item-background-hover: var(--sapList_Hover_Background, #F5F6F7);
|
|
18
21
|
--udex-list-item-color-hover: var(--sapList_HeaderTextColor, #223548);
|
|
19
22
|
|
|
20
|
-
--udex-list-item-border-color-selected: var(--
|
|
23
|
+
--udex-list-item-border-color-selected: var(--udexColorBlue8, #0057D2);
|
|
21
24
|
--udex-list-item-background-selected: var(--sapList_SelectionBackgroundColor, #EBF8FF);
|
|
22
25
|
--udex-list-item-color-selected: var(--sapList_HeaderTextColor, #223548);
|
|
23
26
|
--udex-list-item-supporting-text-color-selected: var(--sapContent_LabelColor, #475E75);
|
|
@@ -30,10 +33,24 @@
|
|
|
30
33
|
background: var(--udex-list-item-background-default);
|
|
31
34
|
color: var(--udex-list-item-color-default);
|
|
32
35
|
display: block;
|
|
33
|
-
border-bottom: 1px solid transparent;
|
|
34
36
|
position: relative;
|
|
35
37
|
}
|
|
36
38
|
|
|
39
|
+
:host([selected]):before {
|
|
40
|
+
content: '';
|
|
41
|
+
position: absolute;
|
|
42
|
+
left: 0;
|
|
43
|
+
top: 0;
|
|
44
|
+
bottom: 0;
|
|
45
|
+
width: 3px;
|
|
46
|
+
background-color: var(--udex-list-item-border-color-selected);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
:host([selected]:dir(rtl)):before {
|
|
50
|
+
left: auto;
|
|
51
|
+
right: 0;
|
|
52
|
+
}
|
|
53
|
+
|
|
37
54
|
:host([disabled]:not([mode="SingleContent"])) {
|
|
38
55
|
opacity: var(--udex-list-item-disabled-opacity);
|
|
39
56
|
pointer-events: none;
|
|
@@ -59,24 +76,22 @@
|
|
|
59
76
|
|
|
60
77
|
:host([_aria-selected][selected]:not([mode="SingleContent"])) {
|
|
61
78
|
background: var(--udex-list-item-background-selected-hover);
|
|
62
|
-
border-color: var(--udex-list-item-border-color-selected-hover);
|
|
63
79
|
}
|
|
64
80
|
|
|
65
81
|
:host(:not([mode="SingleContent"]):not([disabled])[desktop]) .udex-list__item:focus:before,
|
|
66
82
|
:host(:not([mode="SingleContent"]):not([disabled])) .udex-list__item:focus-visible:before {
|
|
67
83
|
content: '';
|
|
68
84
|
position: absolute;
|
|
69
|
-
inset:
|
|
85
|
+
inset: 4px 4px 4px 6px;
|
|
70
86
|
outline: var(--udexRadiusXXS) solid var(--udex-list-item-outline-border-color);
|
|
71
|
-
outline-offset: -4px;
|
|
72
87
|
border-radius: var(--udexRadiusM, 8px);
|
|
73
88
|
pointer-events: none;
|
|
74
89
|
}
|
|
75
90
|
|
|
76
|
-
:host(:not([mode="SingleContent"]):not([disabled])[desktop]:focus
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
91
|
+
:host([active]:not([mode="SingleContent"]):not([disabled])[desktop]:focus) {
|
|
92
|
+
background: var(--udex-list-item-background-active);
|
|
93
|
+
border-color: var(--udex-list-item-border-color-active);
|
|
94
|
+
color: var(--udex-list-item-color-active);
|
|
80
95
|
}
|
|
81
96
|
|
|
82
97
|
:host(:not([disabled]):hover) .udex-list__supporting-text {
|
|
@@ -85,13 +100,11 @@
|
|
|
85
100
|
|
|
86
101
|
:host([selected]:not([mode="SingleContent"])) {
|
|
87
102
|
background: var(--udex-list-item-background-selected);
|
|
88
|
-
border-color: var(--udex-list-item-border-color-selected);
|
|
89
103
|
color: var(--udex-list-item-color-selected);
|
|
90
104
|
}
|
|
91
105
|
|
|
92
106
|
:host(:hover[selected]:not([disabled]):not([mode="SingleContent"])) {
|
|
93
107
|
background: var(--udex-list-item-background-selected-hover);
|
|
94
|
-
border-color: var(--udex-list-item-border-color-selected-hover);
|
|
95
108
|
}
|
|
96
109
|
|
|
97
110
|
:host([selected]) .udex-list__supporting-text {
|
|
@@ -125,6 +138,13 @@
|
|
|
125
138
|
:host::part(checkbox),
|
|
126
139
|
:host::part(radio) {
|
|
127
140
|
padding-inline-end: var(--udexSpacer12, 12px);
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
:host::part(checkbox) {
|
|
144
|
+
min-width: 24px;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
:host::part(radio) {
|
|
128
148
|
min-width: 42px;
|
|
129
149
|
}
|
|
130
150
|
|
|
@@ -173,7 +193,10 @@
|
|
|
173
193
|
}
|
|
174
194
|
|
|
175
195
|
.udex-list__item {
|
|
176
|
-
padding: var(--
|
|
196
|
+
padding-top: var(--udex-list-item-padding-top);
|
|
197
|
+
padding-bottom: var(--udex-list-item-padding-bottom);
|
|
198
|
+
padding-inline-start: var(--udex-list-item-padding-inline-start);
|
|
199
|
+
padding-inline-end: var(--udex-list-item-padding-inline-end);
|
|
177
200
|
display: flex;
|
|
178
201
|
align-items: center;
|
|
179
202
|
}
|
|
@@ -278,3 +301,32 @@
|
|
|
278
301
|
.hidden {
|
|
279
302
|
display: none;
|
|
280
303
|
}
|
|
304
|
+
|
|
305
|
+
.udex-list__group-heading__icon {
|
|
306
|
+
transform: rotate(-90deg);
|
|
307
|
+
height: 18px;
|
|
308
|
+
width: 18px;
|
|
309
|
+
color: inherit;
|
|
310
|
+
cursor: pointer;
|
|
311
|
+
--udex-button-icon-s-size: 18px;
|
|
312
|
+
}
|
|
313
|
+
|
|
314
|
+
.udex-list__group-heading__icon-wrapper {
|
|
315
|
+
height: 24px;
|
|
316
|
+
width: 24px;
|
|
317
|
+
display: flex;
|
|
318
|
+
justify-content: center;
|
|
319
|
+
align-items: center;
|
|
320
|
+
}
|
|
321
|
+
|
|
322
|
+
:host(:dir(rtl)) .udex-list__group-heading__icon {
|
|
323
|
+
transform: rotate(90deg);
|
|
324
|
+
}
|
|
325
|
+
|
|
326
|
+
:host([collapsed]) .udex-list__group-heading__icon {
|
|
327
|
+
transform: rotate(90deg);
|
|
328
|
+
}
|
|
329
|
+
|
|
330
|
+
:host([collapsed]:dir(rtl)) .udex-list__group-heading__icon {
|
|
331
|
+
transform: rotate(-90deg);
|
|
332
|
+
}
|
|
@@ -48,6 +48,7 @@
|
|
|
48
48
|
|
|
49
49
|
.udex-masthead-country-selector__region-back-item::part(menu-item-button) {
|
|
50
50
|
font-weight: var(--udexTypographyFontWeightMedium, 500);
|
|
51
|
+
color: var(--udexColorNeutralBlack);
|
|
51
52
|
justify-content: space-between;
|
|
52
53
|
}
|
|
53
54
|
|
|
@@ -70,6 +71,7 @@
|
|
|
70
71
|
}
|
|
71
72
|
|
|
72
73
|
.udex-masthead-country-selector__item::part(menu-item-link) {
|
|
74
|
+
--udex-masthead-menu-item-padding-desktop: var(--udexSpacer8);
|
|
73
75
|
width: 100%;
|
|
74
76
|
}
|
|
75
77
|
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
.udex-masthead-item__button--profile + .udex-masthead-item__dropdown {
|
|
54
54
|
top: 46px;
|
|
55
55
|
left: auto;
|
|
56
|
-
right:
|
|
56
|
+
right: -52px;
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
.udex-masthead-item__button--country-selector + .udex-masthead-item__dropdown,
|
|
@@ -141,6 +141,12 @@
|
|
|
141
141
|
border-radius: var(--udexRadiusXXS);
|
|
142
142
|
}
|
|
143
143
|
|
|
144
|
+
|
|
145
|
+
:host([desktop]) .udex-masthead-item__profile-btn:focus .udex-masthead-item__text,
|
|
146
|
+
.udex-masthead-item__profile-btn:focus-visible .udex-masthead-item__text {
|
|
147
|
+
border-radius: 50%;
|
|
148
|
+
}
|
|
149
|
+
|
|
144
150
|
:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,
|
|
145
151
|
:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,
|
|
146
152
|
.udex-masthead-item:focus .udex-masthead-item__image,
|
|
@@ -227,11 +233,15 @@
|
|
|
227
233
|
left: auto;
|
|
228
234
|
}
|
|
229
235
|
|
|
236
|
+
:host(:dir(rtl)) .udex-masthead-item__button--explore + .udex-masthead-item__dropdown {
|
|
237
|
+
left: 0;
|
|
238
|
+
right: auto;
|
|
239
|
+
}
|
|
240
|
+
|
|
230
241
|
:host(:dir(rtl)) .udex-masthead-item__button--support + .udex-masthead-item__dropdown,
|
|
231
242
|
:host(:dir(rtl)) .udex-masthead-item__button--country-selector + .udex-masthead-item__dropdown,
|
|
232
|
-
:host(:dir(rtl)) .udex-masthead-item__button--explore + .udex-masthead-item__dropdown,
|
|
233
243
|
:host(:dir(rtl)) .udex-masthead-item__button--profile + .udex-masthead-item__dropdown {
|
|
234
|
-
left:
|
|
244
|
+
left: -52px;
|
|
235
245
|
right: auto;
|
|
236
246
|
}
|
|
237
247
|
|
|
@@ -258,6 +268,11 @@
|
|
|
258
268
|
min-width: var(--udex-masthead-item-dropdown-mobile-min-width);
|
|
259
269
|
}
|
|
260
270
|
|
|
271
|
+
:host([_is-mobile-mode]:dir(rtl)) .udex-masthead-item__dropdown {
|
|
272
|
+
right: auto;
|
|
273
|
+
left: 0;
|
|
274
|
+
}
|
|
275
|
+
|
|
261
276
|
:host([_is-mobile-mode]) .udex-masthead-item__dropdown,
|
|
262
277
|
:host([part="menu-open-btn"]) .udex-masthead-item__dropdown {
|
|
263
278
|
position: var(--udex-masthead-item-dropdown-position);
|
|
@@ -314,6 +329,19 @@
|
|
|
314
329
|
.udex-masthead-item__button--profile+.udex-masthead-item__dropdown,
|
|
315
330
|
.udex-masthead-item__dropdown {
|
|
316
331
|
top: 60px;
|
|
332
|
+
right: 0;
|
|
333
|
+
}
|
|
334
|
+
|
|
335
|
+
:host(:dir(rtl)) .udex-masthead-item__button--support + .udex-masthead-item__dropdown,
|
|
336
|
+
:host(:dir(rtl)) .udex-masthead-item__button--country-selector + .udex-masthead-item__dropdown,
|
|
337
|
+
:host(:dir(rtl)) .udex-masthead-item__button--profile + .udex-masthead-item__dropdown {
|
|
338
|
+
left: 0;
|
|
339
|
+
}
|
|
340
|
+
|
|
341
|
+
.udex-masthead-item__button--support + .udex-masthead-item__dropdown,
|
|
342
|
+
.udex-masthead-item__button--country-selector + .udex-masthead-item__dropdown,
|
|
343
|
+
.udex-masthead-item__button--profile + .udex-masthead-item__dropdown {
|
|
344
|
+
right: 0;
|
|
317
345
|
}
|
|
318
346
|
|
|
319
347
|
:host(:dir(rtl)) .udex-masthead-item__dropdown {
|
|
@@ -131,7 +131,7 @@
|
|
|
131
131
|
|
|
132
132
|
.udex-masthead-profile-menu__add-remove-btn {
|
|
133
133
|
margin-inline-end: auto;
|
|
134
|
-
margin-top: var(--
|
|
134
|
+
margin-top: var(--udexSpacer32);
|
|
135
135
|
display: block;
|
|
136
136
|
min-height: 42px;
|
|
137
137
|
}
|
|
@@ -228,10 +228,6 @@
|
|
|
228
228
|
padding-top: var(--udexSpacer32);
|
|
229
229
|
}
|
|
230
230
|
|
|
231
|
-
:host([_is-mobile-mode]) .udex-masthead-profile-menu__btn {
|
|
232
|
-
padding-top: var(--udexSpacer24);
|
|
233
|
-
}
|
|
234
|
-
|
|
235
231
|
@media (max-width: 1279px) {
|
|
236
232
|
.udex-masthead-profile-menu__actions [udex-link] {
|
|
237
233
|
padding: var(--udexSpacer16) var(--udexSpacer8);
|
|
@@ -239,10 +235,6 @@
|
|
|
239
235
|
display: block;
|
|
240
236
|
}
|
|
241
237
|
|
|
242
|
-
.udex-masthead-profile-menu__btn {
|
|
243
|
-
padding-top: var(--udexSpacer24);
|
|
244
|
-
}
|
|
245
|
-
|
|
246
238
|
.udex-masthead-profile-menu__btn-back::part(menu-item-button) {
|
|
247
239
|
justify-content: space-between;
|
|
248
240
|
}
|
package/src/themes/Modal.css
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
--udex-modal-and-overlay-modal-footer-padding-vertical: var(--udexGridXSMargins, 24px);
|
|
6
6
|
--udex-modal-and-overlay-modal-header-padding-horizontal: var(--udexGridSGutters, 32px);
|
|
7
7
|
--udex-modal-and-overlay-modal-header-padding-vertical: var(--udexGridXSMargins, 24px);
|
|
8
|
-
--udex-modal-border-radius:
|
|
8
|
+
--udex-modal-border-radius: 20px;
|
|
9
9
|
--udex-modal-browser-scrollbar-border-radius: var(--udexRadiusM, 8px);
|
|
10
10
|
--udex-modal-block-layer-background: color-mix(in oklch, transparent, var(--sapBlockLayer_Background) 60%);
|
|
11
11
|
}
|
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
padding: var(--udex-modal-and-overlay-modal-footer-padding-vertical) var(--udex-modal-and-overlay-modal-footer-padding-horizontal);
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
+
:host,
|
|
21
22
|
:host .ui5-popup-root {
|
|
22
23
|
border-radius: var(--udex-modal-border-radius);
|
|
23
24
|
}
|
|
@@ -5,9 +5,11 @@
|
|
|
5
5
|
--udex-review-item-underline-color: var(--udexColorGrey1);
|
|
6
6
|
--udex-review-item-text-font-family: var(--sapFontFamily, sans-serif);
|
|
7
7
|
--udex-review-item-text-color: var(--udexCoreTextDark, #223548);
|
|
8
|
+
--udex-review-item-text-gradient: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
|
|
9
|
+
--udex-review-item-text-gradient-height: 80px;
|
|
8
10
|
--udex-review-item-title-color: var(--udexCoreHeadingDark, #000000);
|
|
9
11
|
--udex-review-item-date-and-author-color: var(--udexColorGrey6);
|
|
10
|
-
--udex-review-item-max-text-height:
|
|
12
|
+
--udex-review-item-max-text-height: 90px;
|
|
11
13
|
--udex-review-item-color: var(--udexColorGrey9, #223548);
|
|
12
14
|
}
|
|
13
15
|
|
|
@@ -82,6 +84,21 @@
|
|
|
82
84
|
padding: 0;
|
|
83
85
|
margin: 0;
|
|
84
86
|
overflow: hidden;
|
|
87
|
+
position: relative;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
:host([_show-text-expander]) .udex-review-item__text:after {
|
|
91
|
+
content: "";
|
|
92
|
+
position: absolute;
|
|
93
|
+
bottom: 0;
|
|
94
|
+
left: 0;
|
|
95
|
+
right: 0;
|
|
96
|
+
background: var(--udex-review-item-text-gradient);
|
|
97
|
+
height: var(--udex-review-item-text-gradient-height);
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
:host([_show-text-expander][_text-expanded]) .udex-review-item__text:after {
|
|
101
|
+
display: none;
|
|
85
102
|
}
|
|
86
103
|
|
|
87
104
|
.udex-review-item__text-expanded {
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const T="Count",E="of",_="Pagination page",A="Selected",S="Unselected",I="Indeterminate",t="Edit",O="Delete",R="Primary",o="Secondary",N="Tertiary",n="Warning",L="Positive",s="Negative",e="Emphasized",C="Default",c="Transparent",U="Attention",P="Date Input",a="Toggled",B="First page",D="Last page",i="Previous page",r="Next page",M="Current page",l="Activate page number",G="Suggested searches",d="Clear",u="Search",V="Clear",W="Voice",Y="Submit",F="Listening",g="Available Values",m="Recommended pages",p="Expand All",X="Collapse All",H="More",f="Attention badge",b="Read more",h="Read less",v="Rating Indicator",y="Rating",K="Required",w="Total",k="Rating",x="Contains Multi-Selectable Items",Q="Contains Selectable Items",Z="Show Results",q="Show/Hide Password Button",z="Reset",j="Message Strip Close Button",J="Information Bar",$="Positive Bar",TT="Warning Bar",ET="Negative Bar",_T="Action Bar",AT="reviews",ST="stars",IT="Select Options",tT="Select All",OT="{0} characters remaining",RT="Field State Error",oT="Field State Warning",NT="Field State Success",nT="Field State Standard",LT="Previous Page",sT="Next Page",eT="No matches found.",CT="Breadcrumb Trail",cT="More",UT="Increase by",PT="Decrease by",aT="No data found",BT="Invalid entry",DT="Warning issued",iT="Informative entry",rT="Entry successfully validated",MT="Read only",lT="Logout",GT="Switch account",dT="Back",uT="Other identities",VT="Add or remove account",WT="Select country",YT="Overview",FT="Cart",gT="Country Selector",mT="Support",pT="Phone number",XT="Contact us",HT="Email",fT="Chat with us",bT="Quick Links",hT="Trending",vT="About SAP",yT="Site Information",KT="Or see our complete list of",wT="local country numbers",kT="© {0} SAP SE or an SAP affiliate company. All rights reserved.",xT="Avatar",QT="Open Calendar icon",ZT="Edit list item entry",qT="Delete list item entry",zT="back button label",jT="Status Badge",JT="Click to edit profile",$T="Click to open profile information",TE="Warning, potential risk with the profile",EE="There is an error with the profile",_E="Successfully verified profile",AE="Profile",SE="main links",IE="opens in a new window",tE="Text field",OE="Uploading",RE="Terminated",oE="Remove file",NE="Upload file",nE="Complete list of",LE="Call us today!",sE="Search",eE="results returned.",CE="Social Media Button",cE="Promo Tile",UE="Promo Tile Icon",PE="Back to top",aE="Start button to begin customer logos rotation",BE="Pause button to stop customer logos rotation",DE="Location",iE="Close",rE={COUNT:T,OF:E,PAGINATION_PAGE:_,SELECTED:A,UNSELECTED:S,INDETERMINATE:I,EDIT_BUTTON:t,DELETE_BUTTON:O,BUTTON_ARIA_TYPE_PRIMARY:R,BUTTON_ARIA_TYPE_SECONDARY:o,BUTTON_ARIA_TYPE_TERTIARY:N,BUTTON_ARIA_TYPE_WARNING:n,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:B,LAST_PAGE:D,PREVIOUS_PAGE:i,NEXT_PAGE:r,CURRENT_PAGE:M,ACTIVATE_PAGE:l,SUGGESTED_TEXT:G,ACCESSIBLE_NAME_RESET_ICON:d,ACCESSIBLE_NAME_SEARCH_ICON:u,TOOLTIP_RESET_BUTTON:V,TOOLTIP_VOICE_BUTTON:W,TOOLTIP_SUBMIT_BUTTON:Y,LISTENING:F,AVAILABLE_VALUES:g,RECOMMENDED_TEXT:m,EXPAND_ALL:p,COLLAPSE_ALL:X,MORE:H,ATTENTION_BADGE:f,READ_MORE:b,READ_LESS:h,RATING_INDICATOR_TEXT:v,RATING_INDICATOR_TOOLTIP_TEXT:y,RATING_INDICATOR_ARIA_DESCRIPTION:K,TOTAL:w,RATING_COUNT_TITLE:k,ARIA_LABEL_LIST_MULTISELECTABLE:x,ARIA_LABEL_LIST_SELECTABLE:Q,SHOW_RESULTS:Z,SHOW_HIDE_PASSWORD:q,RESET:z,MESSAGE_STRIP_CLOSE_BUTTON:j,MESSAGE_STRIP_INFORMATION:J,MESSAGE_STRIP_SUCCESS:$,MESSAGE_STRIP_WARNING:TT,MESSAGE_STRIP_ERROR:ET,MESSAGE_STRIP_ACTION:_T,REVIEWS:AT,STARS:ST,SELECT_OPTIONS:IT,SELECT_ALL:tT,TEXTAREA_CHARACTERS_LEFT:OT,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:sT,NO_MATCHES_FOUND:eT,BREADCRUMBS_ARIA_LABEL:CT,BREADCRUMBS_OVERFLOW_ARIA_LABEL:cT,STEPINPUT_INC_ICON_TITLE:UT,STEPINPUT_DEC_ICON_TITLE:PT,TABLE_NO_DATA_FOUND:aT,VALUE_STATE_ERROR:BT,VALUE_STATE_WARNING:DT,VALUE_STATE_INFORMATION:iT,VALUE_STATE_SUCCESS:rT,READ_ONLY:MT,LOGOUT:lT,SWITCH_ACCOUNT:GT,BACK:dT,OTHER_IDENTITIES:uT,ADD_OR_REMOVE_ACCOUNT:VT,COUNTRY_SELECT:WT,OVERVIEW:YT,CART:FT,COUNTRY_SELECTOR:gT,SUPPORT:mT,PHONE_NUMBER:pT,CONTACT_US:XT,EMAIL:HT,CHAT_WITH_US:fT,QUICK_LINKS:bT,TRENDING:hT,ABOUT_SAP:vT,SITE_INFORMATION:yT,SEE_COMPLETE_LIST:KT,LOCAL_COUNTRY_NAMES:wT,COPYRIGHT:kT,AVATAR_TEXT:xT,CALENDAR_ICON:QT,LIST_ITEM_EDIT_ICON:ZT,LIST_ITEM_DELETE_ICON:qT,BACK_BUTTON_LABEL:zT,STATUS_BADGE_TEXT:jT,STATUS_BADGE_EDIT_TITLE:JT,STATUS_BADGE_INFORMATION_TITLE:$T,STATUS_BADGE_WARNING_TITLE:TE,STATUS_BADGE_ERROR_TITLE:EE,STATUS_BADGE_SUCCESS_TITLE:_E,PROFILE:AE,MAIN_LINKS:SE,OPENS_IN_A_NEW_WINDOW:IE,TEXT_FIELD:tE,UPLOADING_FILE_STATUS_TEXT:OE,TERMINATED_FILE_STATUS_TEXT:RE,REMOVE_FILE_TEXT:oE,UPLOAD_BUTTON_LABEL:NE,COMPLETE_LIST_OF:nE,CALL_US_TODAY:LE,SEARCH:sE,RESULT_RETURNED:eE,SOCIAL_MEDIA_BUTTON:CE,PROMO_TILE:cE,PROMO_TILE_ICON:UE,BACK_TO_TOP:PE,PLAY_BUTTON_ACCESSIBLE_NAME:aE,PAUSE_BUTTON_ACCESSIBLE_NAME:BE,LOCATION:DE,TOAST_CLOSE_ACCESSIBLE_NAME:iE};export{vT as ABOUT_SAP,d as ACCESSIBLE_NAME_RESET_ICON,u as ACCESSIBLE_NAME_SEARCH_ICON,l as ACTIVATE_PAGE,VT as ADD_OR_REMOVE_ACCOUNT,x as ARIA_LABEL_LIST_MULTISELECTABLE,Q as ARIA_LABEL_LIST_SELECTABLE,f as ATTENTION_BADGE,g as AVAILABLE_VALUES,xT as AVATAR_TEXT,dT as BACK,zT as BACK_BUTTON_LABEL,PE as BACK_TO_TOP,CT 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,R as BUTTON_ARIA_TYPE_PRIMARY,o as BUTTON_ARIA_TYPE_SECONDARY,N as BUTTON_ARIA_TYPE_TERTIARY,n as BUTTON_ARIA_TYPE_WARNING,QT as CALENDAR_ICON,LE as CALL_US_TODAY,sT as CAROUSEL_NEXT_ARROW_TEXT,LT as CAROUSEL_PREVIOUS_ARROW_TEXT,FT as CART,fT as CHAT_WITH_US,X as COLLAPSE_ALL,nE as COMPLETE_LIST_OF,XT as CONTACT_US,kT as COPYRIGHT,T as COUNT,WT as COUNTRY_SELECT,gT as COUNTRY_SELECTOR,M as CURRENT_PAGE,P as DATEPICKER_DATE_DESCRIPTION,O as DELETE_BUTTON,t as EDIT_BUTTON,HT as EMAIL,p as EXPAND_ALL,B as FIRST_PAGE,I as INDETERMINATE,D as LAST_PAGE,F as LISTENING,qT as LIST_ITEM_DELETE_ICON,ZT as LIST_ITEM_EDIT_ICON,wT as LOCAL_COUNTRY_NAMES,DE as LOCATION,lT as LOGOUT,SE as MAIN_LINKS,_T as MESSAGE_STRIP_ACTION,j as MESSAGE_STRIP_CLOSE_BUTTON,ET as MESSAGE_STRIP_ERROR,J as MESSAGE_STRIP_INFORMATION,$ as MESSAGE_STRIP_SUCCESS,TT as MESSAGE_STRIP_WARNING,H as MORE,r as NEXT_PAGE,eT as NO_MATCHES_FOUND,E as OF,IE as OPENS_IN_A_NEW_WINDOW,uT as OTHER_IDENTITIES,YT as OVERVIEW,_ as PAGINATION_PAGE,BE as PAUSE_BUTTON_ACCESSIBLE_NAME,pT as PHONE_NUMBER,aE as PLAY_BUTTON_ACCESSIBLE_NAME,i as PREVIOUS_PAGE,AE as PROFILE,cE as PROMO_TILE,UE as PROMO_TILE_ICON,bT as QUICK_LINKS,k as RATING_COUNT_TITLE,K as RATING_INDICATOR_ARIA_DESCRIPTION,v as RATING_INDICATOR_TEXT,y as RATING_INDICATOR_TOOLTIP_TEXT,h as READ_LESS,b as READ_MORE,MT as READ_ONLY,m as RECOMMENDED_TEXT,oE as REMOVE_FILE_TEXT,z as RESET,eE as RESULT_RETURNED,AT as REVIEWS,sE as SEARCH,KT as SEE_COMPLETE_LIST,A as SELECTED,tT as SELECT_ALL,IT as SELECT_OPTIONS,q as SHOW_HIDE_PASSWORD,Z as SHOW_RESULTS,yT as SITE_INFORMATION,CE as SOCIAL_MEDIA_BUTTON,ST as STARS,JT as STATUS_BADGE_EDIT_TITLE,EE as STATUS_BADGE_ERROR_TITLE,$T as STATUS_BADGE_INFORMATION_TITLE,_E as STATUS_BADGE_SUCCESS_TITLE,jT as STATUS_BADGE_TEXT,TE as STATUS_BADGE_WARNING_TITLE,PT as STEPINPUT_DEC_ICON_TITLE,UT as STEPINPUT_INC_ICON_TITLE,G as SUGGESTED_TEXT,mT as SUPPORT,GT as SWITCH_ACCOUNT,aT as TABLE_NO_DATA_FOUND,RE as TERMINATED_FILE_STATUS_TEXT,OT as TEXTAREA_CHARACTERS_LEFT,tE as TEXT_FIELD,iE as TOAST_CLOSE_ACCESSIBLE_NAME,a as TOGGLED,V as TOOLTIP_RESET_BUTTON,Y as TOOLTIP_SUBMIT_BUTTON,W as TOOLTIP_VOICE_BUTTON,w as TOTAL,hT as TRENDING,S as UNSELECTED,OE as UPLOADING_FILE_STATUS_TEXT,NE as UPLOAD_BUTTON_LABEL,BT as VALUE_STATE_ERROR,iT as VALUE_STATE_INFORMATION,rT 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,rE as default};
|