@sapudex/web-components 2.10.0 → 2.11.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/specs/Accordion.cy.tsx +19 -0
- package/cypress/specs/AccordionItem.cy.tsx +9 -0
- package/cypress/specs/Footer.cy.tsx +48 -11
- package/cypress/specs/PromoTile.cy.tsx +124 -0
- package/cypress/specs/Quote.cy.tsx +65 -0
- package/cypress/support/component-imports.instrumented.ts +4 -0
- package/cypress/support/component-imports.src.ts +5 -1
- package/dist/Accordion.d.ts +15 -0
- package/dist/Accordion.js +19 -0
- package/dist/Accordion.js.map +1 -1
- package/dist/AccordionItem.d.ts +19 -0
- package/dist/AccordionItem.js +23 -0
- package/dist/AccordionItem.js.map +1 -1
- package/dist/AccordionItemTemplate.js +7 -2
- package/dist/AccordionItemTemplate.js.map +1 -1
- package/dist/AccordionTemplate.js +21 -1
- package/dist/AccordionTemplate.js.map +1 -1
- package/dist/Footer.d.ts +45 -3
- package/dist/Footer.js +41 -17
- package/dist/Footer.js.map +1 -1
- package/dist/PromoTile.d.ts +143 -0
- package/dist/PromoTile.js +198 -0
- package/dist/PromoTile.js.map +1 -0
- package/dist/PromoTileTemplate.d.ts +2 -0
- package/dist/PromoTileTemplate.js +22 -0
- package/dist/PromoTileTemplate.js.map +1 -0
- package/dist/Quote.d.ts +11 -0
- package/dist/Quote.js +18 -3
- package/dist/Quote.js.map +1 -1
- package/dist/Search.d.ts +3 -1
- package/dist/Search.js +1 -0
- package/dist/Search.js.map +1 -1
- package/dist/assets/{InputSuggestions-xcV7PZDf.js → InputSuggestions-9WQMOg4t.js} +1 -1
- package/dist/assets/{ListItemStandardExpandableTextTemplate-RYCr4pVL.js → ListItemStandardExpandableTextTemplate-BQaMMo_n.js} +1 -1
- package/dist/assets/{bundle.esm-bg-64miJ.js → bundle.esm-ZNiP-jPI.js} +210 -209
- package/dist/assets/messagebundle_en-DwlTjyni.js +1 -0
- package/dist/css/themes/AccordionItem.css +1 -1
- package/dist/css/themes/BreadcrumbsPopover.css +1 -1
- package/dist/css/themes/CountrySelector.css +1 -1
- package/dist/css/themes/Divider.css +1 -1
- package/dist/css/themes/Footer.css +1 -1
- package/dist/css/themes/HeroBanner.css +1 -1
- package/dist/css/themes/PromoTile.css +1 -0
- package/dist/css/themes/Quote.css +1 -1
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/Slider.css +1 -1
- package/dist/css/themes/Tag.css +1 -1
- package/dist/custom-elements-internal.json +614 -160
- package/dist/custom-elements.json +572 -128
- package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
- package/dist/generated/i18n/i18n-defaults.d.ts +3 -1
- package/dist/generated/i18n/i18n-defaults.js +3 -1
- package/dist/generated/i18n/i18n-defaults.js.map +1 -1
- package/dist/generated/templates/FooterTemplate.lit.js +33 -32
- package/dist/generated/templates/FooterTemplate.lit.js.map +1 -1
- package/dist/generated/templates/HeroBannerTemplate.lit.js +1 -1
- package/dist/generated/templates/HeroBannerTemplate.lit.js.map +1 -1
- package/dist/generated/themes/AccordionItem.css.d.ts +1 -1
- package/dist/generated/themes/AccordionItem.css.js +1 -1
- package/dist/generated/themes/AccordionItem.css.js.map +1 -1
- package/dist/generated/themes/BreadcrumbsPopover.css.d.ts +1 -1
- package/dist/generated/themes/BreadcrumbsPopover.css.js +1 -1
- package/dist/generated/themes/BreadcrumbsPopover.css.js.map +1 -1
- package/dist/generated/themes/CountrySelector.css.d.ts +1 -1
- package/dist/generated/themes/CountrySelector.css.js +1 -1
- package/dist/generated/themes/CountrySelector.css.js.map +1 -1
- package/dist/generated/themes/Divider.css.d.ts +1 -1
- package/dist/generated/themes/Divider.css.js +1 -1
- package/dist/generated/themes/Divider.css.js.map +1 -1
- package/dist/generated/themes/Footer.css.d.ts +1 -1
- package/dist/generated/themes/Footer.css.js +1 -1
- package/dist/generated/themes/Footer.css.js.map +1 -1
- package/dist/generated/themes/HeroBanner.css.d.ts +1 -1
- package/dist/generated/themes/HeroBanner.css.js +1 -1
- package/dist/generated/themes/HeroBanner.css.js.map +1 -1
- package/dist/generated/themes/PromoTile.css.d.ts +2 -0
- package/dist/generated/themes/PromoTile.css.js +8 -0
- package/dist/generated/themes/PromoTile.css.js.map +1 -0
- package/dist/generated/themes/Quote.css.d.ts +1 -1
- package/dist/generated/themes/Quote.css.js +1 -1
- package/dist/generated/themes/Quote.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/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/Tag.css.d.ts +1 -1
- package/dist/generated/themes/Tag.css.js +1 -1
- package/dist/generated/themes/Tag.css.js.map +1 -1
- package/dist/messagebundle.properties +6 -0
- package/dist/messagebundle_en.properties +2 -0
- package/dist/types/PromoTile.d.ts +60 -0
- package/dist/types/PromoTile.js +63 -0
- package/dist/types/PromoTile.js.map +1 -0
- package/dist/utils/debounce.d.ts +3 -1
- package/dist/utils/debounce.js +16 -4
- package/dist/utils/debounce.js.map +1 -1
- package/dist/vscode.html-custom-data.json +102 -0
- package/dist/web-types.json +230 -5
- package/package.json +1 -1
- package/src/Accordion.ts +19 -0
- package/src/AccordionItem.ts +28 -0
- package/src/AccordionItemTemplate.tsx +25 -10
- package/src/AccordionTemplate.tsx +22 -1
- package/src/Footer.hbs +39 -36
- package/src/Footer.ts +81 -6
- package/src/HeroBanner.hbs +0 -1
- package/src/PromoTile.ts +290 -0
- package/src/PromoTileTemplate.tsx +68 -0
- package/src/Quote.ts +17 -3
- package/src/Search.ts +1 -0
- package/src/generated/i18n/i18n-defaults.ts +2 -2
- package/src/generated/templates/FooterTemplate.lit.ts +33 -32
- package/src/generated/templates/HeroBannerTemplate.lit.ts +1 -1
- package/src/generated/themes/AccordionItem.css.ts +1 -1
- package/src/generated/themes/BreadcrumbsPopover.css.ts +1 -1
- package/src/generated/themes/CountrySelector.css.ts +1 -1
- package/src/generated/themes/Divider.css.ts +1 -1
- package/src/generated/themes/Footer.css.ts +1 -1
- package/src/generated/themes/HeroBanner.css.ts +1 -1
- package/src/generated/themes/PromoTile.css.ts +9 -0
- package/src/generated/themes/Quote.css.ts +1 -1
- package/src/generated/themes/RatingIndicator.css.ts +1 -1
- package/src/generated/themes/Slider.css.ts +1 -1
- package/src/generated/themes/Tag.css.ts +1 -1
- package/src/i18n/messagebundle.properties +6 -0
- package/src/i18n/messagebundle_en.properties +2 -0
- package/src/themes/AccordionItem.css +61 -22
- package/src/themes/BreadcrumbsPopover.css +2 -1
- package/src/themes/CountrySelector.css +4 -0
- package/src/themes/Divider.css +2 -1
- package/src/themes/Footer.css +44 -9
- package/src/themes/HeroBanner.css +34 -32
- package/src/themes/PromoTile.css +152 -0
- package/src/themes/Quote.css +21 -24
- package/src/themes/Tag.css +18 -24
- package/src/types/PromoTile.ts +61 -0
- package/src/utils/debounce.ts +19 -4
- package/dist/assets/messagebundle_en-BHfPJk-2.js +0 -1
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
:host {
|
|
2
|
+
width: 100%;
|
|
3
|
+
max-height: 100%;
|
|
4
|
+
overflow: hidden;
|
|
5
|
+
--udex-promo-tile-background: var(--udexColorBlue1, #EBF8FF);
|
|
6
|
+
--udex-promo-tile-border-radius: var(--udexRadiusXL, 16px);
|
|
7
|
+
--udex-promo-tile-border-width: var(--sapElement_BorderWidth, 1px);
|
|
8
|
+
--udex-promo-tile-border-color: var(--udex-promo-tile-background);
|
|
9
|
+
--udex-promo-tile-pictogram-width: var(--udexSpacer120, 120px);
|
|
10
|
+
--udex-promo-tile-pictogram-height: var(--udexSpacer120, 120px);
|
|
11
|
+
--udex-promo-tile-logo-width: 200px;
|
|
12
|
+
--udex-promo-tile-logo-height: 100px;
|
|
13
|
+
--udex-promo-tile-icon-width: 100%;
|
|
14
|
+
--udex-promo-tile-icon-height: 100%;
|
|
15
|
+
--udex-promo-tile-icon-fill-color: inherit;
|
|
16
|
+
--udex-promo-tile-eyebrow-color: var(--udexColorBlue8, #0057D2);
|
|
17
|
+
--udex-promo-tile-header-color-light: var(--udexCoreHeadingLight, #FFFFFF);
|
|
18
|
+
--udex-promo-tile-header-color-dark: var(--udexCoreHeadingDark, #000000);
|
|
19
|
+
--udex-promo-tile-text-color-light: var(--udexCoreTextLight, #FFFFFF);
|
|
20
|
+
--udex-promo-tile-text-color-dark: var(--udexCoreTextDark, #223548);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.udex-promo-tile__container {
|
|
24
|
+
width: 100%;
|
|
25
|
+
height: 100%;
|
|
26
|
+
box-sizing: border-box;
|
|
27
|
+
display: flex;
|
|
28
|
+
flex-direction: column;
|
|
29
|
+
flex-wrap: nowrap;
|
|
30
|
+
justify-content: space-between;
|
|
31
|
+
border-radius: var(--udex-promo-tile-border-radius);
|
|
32
|
+
background: var(--udex-promo-tile-background);
|
|
33
|
+
padding: var(--udexSpacer32, 32px);
|
|
34
|
+
gap: var(--udexSpacer16, 16px);
|
|
35
|
+
border: var(--udex-promo-tile-border-width) solid var(--udex-promo-tile-border-color);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.udex-promo-tile--horizontal {
|
|
39
|
+
flex-direction: row;
|
|
40
|
+
padding: var(--udexSpacer32, 32px);
|
|
41
|
+
gap: var(--udexSpacer32, 32px);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.udex-promo-tile__pictogram {
|
|
45
|
+
width: var(--udex-promo-tile-pictogram-width);
|
|
46
|
+
height: var(--udex-promo-tile-pictogram-height);
|
|
47
|
+
max-width: 100%;
|
|
48
|
+
display: flex;
|
|
49
|
+
justify-content: center;
|
|
50
|
+
align-items: center;
|
|
51
|
+
flex-grow: 0;
|
|
52
|
+
flex-shrink: 0;
|
|
53
|
+
overflow: hidden;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.udex-promo-tile__pictogram.udex-promo-tile__pictogram--logo {
|
|
57
|
+
width: var(--udex-promo-tile-logo-width);
|
|
58
|
+
height: var(--udex-promo-tile-logo-height);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.udex-promo-tile__pictogram img {
|
|
62
|
+
width: 100%;
|
|
63
|
+
height: 100%;
|
|
64
|
+
object-fit: cover;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.udex-promo-tile--horizontal .udex-promo-tile__pictogram,
|
|
68
|
+
.udex-promo-tile--horizontal .udex-promo-tile__footer {
|
|
69
|
+
flex-shrink: 0;
|
|
70
|
+
flex-grow: 0;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.udex-promo-tile__pictogram ui5-icon {
|
|
74
|
+
width: var(--udex-promo-tile-icon-width);
|
|
75
|
+
height: var(--udex-promo-tile-icon-height);
|
|
76
|
+
fill: var(--udex-promo-tile-icon-fill-color);
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.udex-promo-tile__content {
|
|
80
|
+
display: flex;
|
|
81
|
+
flex-grow: 1;
|
|
82
|
+
flex-direction: column;
|
|
83
|
+
justify-content: space-between;
|
|
84
|
+
gap: var(--udexSpacer32, 32px);
|
|
85
|
+
font-family: var(--sapFontFamily);
|
|
86
|
+
font-size: var(--udexTypographyBodySFontSize, 16px);
|
|
87
|
+
font-weight: var(--udexTypographyFontWeightRegular, 400);
|
|
88
|
+
line-height: var(--udexTypographyBodyLineHeight, 1.5);
|
|
89
|
+
color: var(--udex-promo-tile-text-color-dark);
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.udex-promo-tile--horizontal .udex-promo-tile__content {
|
|
93
|
+
flex-grow: 1;
|
|
94
|
+
flex-direction: row;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.udex-promo-tile--dark .udex-promo-tile__content {
|
|
98
|
+
color: var(--udex-promo-tile-text-color-light);
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.udex-promo-tile__eyebrow {
|
|
102
|
+
font-size: var(--udexTypographyEyebrowLFontSize, 16px);
|
|
103
|
+
line-height: var(--udexTypographyEyebrowLineHeight, 1.1);
|
|
104
|
+
font-weight: var(--udexTypographyFontWeightMedium, 500);
|
|
105
|
+
text-transform: uppercase;
|
|
106
|
+
letter-spacing: 0.5px;
|
|
107
|
+
color: var(--udex-promo-tile-eyebrow-color);
|
|
108
|
+
margin-block-end: var(--udexSpacer8, 8px);
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.udex-promo-tile__header {
|
|
112
|
+
font-size: var(--udexTypographyHeadingMediumSFontSize, 28px);
|
|
113
|
+
line-height: var(--udexTypographyHeadingLineHeight, 1.1);
|
|
114
|
+
font-weight: var(--udexTypographyFontWeightMedium, 500);
|
|
115
|
+
margin-block-end: var(--udexSpacer16, 16px);
|
|
116
|
+
color: var(--udex-promo-tile-header-color-dark);
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.udex-promo-tile--dark .udex-promo-tile__header {
|
|
120
|
+
color: var(--udex-promo-tile-header-color-light);
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.udex-promo-tile--horizontal .udex-promo-tile__header {
|
|
124
|
+
margin-block-end: var(--udexSpacer8, 8px);
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.udex-promo-tile__footer {
|
|
128
|
+
display: flex;
|
|
129
|
+
align-items: center;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
@media (max-width: 1279px) {
|
|
133
|
+
.udex-promo-tile--horizontal {
|
|
134
|
+
padding: var(--udexSpacer24, 24px);
|
|
135
|
+
gap: var(--udexSpacer24, 24px);
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
.udex-promo-tile--horizontal .udex-promo-tile__content {
|
|
139
|
+
flex-direction: column;
|
|
140
|
+
gap: var(--udexSpacer24, 24px);
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.udex-promo-tile__header {
|
|
144
|
+
font-size: var(--udexTypographyHeadingMediumXSFontSize, 24px);
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
@media (max-width: 979px) {
|
|
149
|
+
.udex-promo-tile--horizontal {
|
|
150
|
+
flex-direction: column;
|
|
151
|
+
}
|
|
152
|
+
}
|
package/src/themes/Quote.css
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* Direction and size styles */
|
|
2
1
|
:host {
|
|
3
2
|
display: block;
|
|
4
3
|
width: 100%;
|
|
@@ -10,18 +9,26 @@
|
|
|
10
9
|
flex-direction: row;
|
|
11
10
|
width: 100%;
|
|
12
11
|
text-align: left;
|
|
13
|
-
gap:
|
|
12
|
+
gap: var(--udexSpacer24);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.udex-quote__container:dir(rtl) {
|
|
16
|
+
text-align: right;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
:host([image-placement='right']) .udex-quote__container {
|
|
20
|
+
flex-direction: row-reverse;
|
|
14
21
|
}
|
|
15
22
|
|
|
16
23
|
:host([image-size='small']) .udex-quote__container,
|
|
17
24
|
:host([text-size='small']) .udex-quote__container {
|
|
18
|
-
gap:
|
|
25
|
+
gap: var(--udexSpacer16);
|
|
19
26
|
}
|
|
20
27
|
|
|
21
28
|
.content-container__text,
|
|
22
29
|
::slotted([slot='author']),
|
|
23
30
|
::slotted([slot='link']) {
|
|
24
|
-
padding: 0
|
|
31
|
+
padding: 0 var(--udexSpacer40);
|
|
25
32
|
}
|
|
26
33
|
|
|
27
34
|
/* Image styles */
|
|
@@ -56,13 +63,13 @@
|
|
|
56
63
|
|
|
57
64
|
.content-container__text {
|
|
58
65
|
margin: 0;
|
|
59
|
-
margin-bottom:
|
|
66
|
+
margin-bottom: var(--udexSpacer16);
|
|
60
67
|
|
|
61
68
|
font-family: var(--sapFontFamily);
|
|
62
69
|
font-weight: var(--udexTypographyFontWeightRegular, 400);
|
|
63
70
|
font-size: var(--udexTypographyBodyXLFontSize, 24px);
|
|
64
71
|
line-height: var(--udexTypographyBodyLineHeight, 1.5);
|
|
65
|
-
color: var(--
|
|
72
|
+
color: var(--udexColorGrey8, #354A5F);
|
|
66
73
|
}
|
|
67
74
|
|
|
68
75
|
.content-container__text ::slotted(*) {
|
|
@@ -78,7 +85,7 @@
|
|
|
78
85
|
line-height: 84px;
|
|
79
86
|
height: 58px;
|
|
80
87
|
width: 34px;
|
|
81
|
-
color: var(--
|
|
88
|
+
color: var(--udexColorGrey8, #354A5F);
|
|
82
89
|
margin-top: -9px;
|
|
83
90
|
}
|
|
84
91
|
|
|
@@ -110,16 +117,7 @@
|
|
|
110
117
|
font-weight: var(--udexTypographyFontWeightRegular, 400);
|
|
111
118
|
font-size: var(--udexTypographyHeadingRegularXXSFontSize, 20px);
|
|
112
119
|
line-height: var(--udexTypographyHeadingLineHeight, 1.1);
|
|
113
|
-
color: var(--
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
::slotted([slot='link']) {
|
|
117
|
-
text-decoration: none;
|
|
118
|
-
font-family: var(--sapFontFamily);
|
|
119
|
-
font-weight: var(--udexTypographyFontWeightRegular, 400);
|
|
120
|
-
font-size: var(--udexTypographyBodySFontSize, 16px);
|
|
121
|
-
line-height: var(--udexTypographyBodyLineHeight, 1.5);
|
|
122
|
-
color: var(--udexLinksColorDefault, #0070F2);
|
|
120
|
+
color: var(--udexColorGrey8, #354A5F);
|
|
123
121
|
}
|
|
124
122
|
|
|
125
123
|
:host([text-size='small']) .content-container__text {
|
|
@@ -137,10 +135,8 @@
|
|
|
137
135
|
}
|
|
138
136
|
|
|
139
137
|
@media screen and (max-width: 1279px) {
|
|
140
|
-
|
|
141
|
-
.udex-quote__container,
|
|
142
138
|
.udex-quote__container {
|
|
143
|
-
gap:
|
|
139
|
+
gap: var(--udexSpacer16);
|
|
144
140
|
}
|
|
145
141
|
|
|
146
142
|
::slotted([slot='author']) {
|
|
@@ -178,13 +174,14 @@
|
|
|
178
174
|
}
|
|
179
175
|
}
|
|
180
176
|
|
|
181
|
-
@
|
|
182
|
-
.udex-quote__container
|
|
177
|
+
@media (max-width: 639px) {
|
|
178
|
+
.udex-quote__container,
|
|
179
|
+
:host([image-placement='right']) .udex-quote__container {
|
|
183
180
|
flex-direction: column;
|
|
184
|
-
gap:
|
|
181
|
+
gap: var(--udexSpacer16);
|
|
185
182
|
}
|
|
186
183
|
|
|
187
184
|
::slotted([slot='image']) {
|
|
188
185
|
margin: 0 auto;
|
|
189
186
|
}
|
|
190
|
-
}
|
|
187
|
+
}
|
package/src/themes/Tag.css
CHANGED
|
@@ -6,9 +6,10 @@
|
|
|
6
6
|
--udex-tags-line-height: 18px;
|
|
7
7
|
--udex-tags-medium-line-height: 21px;
|
|
8
8
|
--udex-tags-icon-size: 12px;
|
|
9
|
-
--udex-tags-icon-
|
|
9
|
+
--udex-tags-icon-color: "inherit";
|
|
10
|
+
--udex-tags-icon-padding: var(--udexSpacer2, 2px);
|
|
10
11
|
--udex-tags-medium-icon-size: 12px;
|
|
11
|
-
--udex-tags-radius-size: 6px;
|
|
12
|
+
--udex-tags-radius-size: var(--udexRadiusS, 6px);
|
|
12
13
|
--udex-tags-text-icon-gap: 3px;
|
|
13
14
|
--udex-tags-padding-vertical: var(--udexSpacer2, 2px);
|
|
14
15
|
--udex-tags-padding-horizontal: var(--udexSpacer8, 8px);
|
|
@@ -24,7 +25,7 @@
|
|
|
24
25
|
--udex-tags-grey-read-only-background-color: var(--sapNeutralBackground, #FFFFFF);
|
|
25
26
|
--udex-tags-outlined-default-background-color: var(--udexColorNeutralWhite, #FFFFFF);
|
|
26
27
|
--udex-tags-outlined-default-border-color: var(--udexColorGrey4, #A9B4BE);
|
|
27
|
-
--udex-tags-outlined-default-border-width:
|
|
28
|
+
--udex-tags-outlined-default-border-width: var(--sapButton_BorderWidth);
|
|
28
29
|
--udex-tags-outlined-default-caption-color: var(--udexCoreTextDark, #223548);
|
|
29
30
|
--udex-tags-outlined-hover-background-color: var(--udexColorGrey1, #F5F6F7);
|
|
30
31
|
--udex-tags-outlined-hover-border-color: var(--udexColorGrey4, #A9B4BE);
|
|
@@ -110,7 +111,7 @@
|
|
|
110
111
|
padding: var(--udex-tags-icon-padding);
|
|
111
112
|
height: var(--udex-tags-icon-size);
|
|
112
113
|
width: var(--udex-tags-icon-size);
|
|
113
|
-
color:
|
|
114
|
+
color: var(--udex-tags-icon-color);
|
|
114
115
|
flex-shrink: 0;
|
|
115
116
|
}
|
|
116
117
|
|
|
@@ -150,16 +151,6 @@
|
|
|
150
151
|
color: var(--udex-tags-text-color);
|
|
151
152
|
}
|
|
152
153
|
|
|
153
|
-
.udex-tag-grey.udex-tag--selected:after {
|
|
154
|
-
content: '';
|
|
155
|
-
position: absolute;
|
|
156
|
-
height: 2px;
|
|
157
|
-
width: 100%;
|
|
158
|
-
bottom: 0;
|
|
159
|
-
left: 0;
|
|
160
|
-
background-color: var(--udex-tags-grey-selected-caption-color);
|
|
161
|
-
}
|
|
162
|
-
|
|
163
154
|
.udex-tag-grey.udex-tag--selected:hover {
|
|
164
155
|
color: var(--udex-tags-grey-hover-selected-caption-color);
|
|
165
156
|
background-color: var(--udex-tags-grey-hover-selected-background-color);
|
|
@@ -202,16 +193,6 @@
|
|
|
202
193
|
box-shadow: inset 0 0 0 var(--udex-tags-outlined-default-border-width) var(--udex-tags-outlined-selected-border-color);
|
|
203
194
|
}
|
|
204
195
|
|
|
205
|
-
.udex-tag-outlined.udex-tag--selected:after {
|
|
206
|
-
content: '';
|
|
207
|
-
position: absolute;
|
|
208
|
-
height: 2px;
|
|
209
|
-
width: 100%;
|
|
210
|
-
bottom: 0;
|
|
211
|
-
left: 0;
|
|
212
|
-
background-color: var(--udex-tags-outlined-selected-caption-color);
|
|
213
|
-
}
|
|
214
|
-
|
|
215
196
|
.udex-tag-outlined.udex-tag--selected:hover {
|
|
216
197
|
color: var(--udex-tags-outlined-hover-selected-caption-color);
|
|
217
198
|
background-color: var(--udex-tags-outlined-hover-selected-background-color);
|
|
@@ -277,6 +258,8 @@
|
|
|
277
258
|
background-color: var(--udex-tags-white-selected-background-color);
|
|
278
259
|
}
|
|
279
260
|
|
|
261
|
+
.udex-tag-grey.udex-tag--selected:after,
|
|
262
|
+
.udex-tag-outlined.udex-tag--selected:after,
|
|
280
263
|
.udex-tag-white.udex-tag--selected:after {
|
|
281
264
|
content: '';
|
|
282
265
|
position: absolute;
|
|
@@ -284,9 +267,20 @@
|
|
|
284
267
|
width: 100%;
|
|
285
268
|
bottom: 0;
|
|
286
269
|
left: 0;
|
|
270
|
+
}
|
|
271
|
+
|
|
272
|
+
.udex-tag-white.udex-tag--selected:after {
|
|
287
273
|
background-color: var(--udex-tags-white-selected-caption-color);
|
|
288
274
|
}
|
|
289
275
|
|
|
276
|
+
.udex-tag-grey.udex-tag--selected:after {
|
|
277
|
+
background-color: var(--udex-tags-grey-selected-caption-color);
|
|
278
|
+
}
|
|
279
|
+
|
|
280
|
+
.udex-tag-outlined.udex-tag--selected:after {
|
|
281
|
+
background-color: var(--udex-tags-outlined-selected-caption-color);
|
|
282
|
+
}
|
|
283
|
+
|
|
290
284
|
.udex-tag-white.udex-tag--selected:hover {
|
|
291
285
|
color: var(--udex-tags-white-hover-selected-caption-color);
|
|
292
286
|
background-color: var(--udex-tags-white-hover-selected-background-color);
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
export enum UDExPromoTileColorSheme {
|
|
2
|
+
Grey1 = "Grey1",
|
|
3
|
+
Grey2 = "Grey2",
|
|
4
|
+
Grey7 = "Grey7",
|
|
5
|
+
Grey8 = "Grey8",
|
|
6
|
+
Grey9 = "Grey9",
|
|
7
|
+
Grey10 = "Grey10",
|
|
8
|
+
Blue1 = "Blue1",
|
|
9
|
+
Blue2 = "Blue2",
|
|
10
|
+
Blue7 = "Blue7",
|
|
11
|
+
Blue8 = "Blue8",
|
|
12
|
+
Blue9 = "Blue9",
|
|
13
|
+
Blue10 = "Blue10",
|
|
14
|
+
Teal1 = "Teal1",
|
|
15
|
+
Teal2 = "Teal2",
|
|
16
|
+
Teal7 = "Teal7",
|
|
17
|
+
Teal8 = "Teal8",
|
|
18
|
+
Teal9 = "Teal9",
|
|
19
|
+
Teal10 = "Teal10",
|
|
20
|
+
Green1 = "Green1",
|
|
21
|
+
Green2 = "Green2",
|
|
22
|
+
Green7 = "Green7",
|
|
23
|
+
Green8 = "Green8",
|
|
24
|
+
Green9 = "Green9",
|
|
25
|
+
Green10 = "Green10",
|
|
26
|
+
Mango1 = "Mango1",
|
|
27
|
+
Mango2 = "Mango2",
|
|
28
|
+
Mango7 = "Mango7",
|
|
29
|
+
Mango8 = "Mango8",
|
|
30
|
+
Mango9 = "Mango9",
|
|
31
|
+
Mango10 = "Mango10",
|
|
32
|
+
Red1 = "Red1",
|
|
33
|
+
Red2 = "Red2",
|
|
34
|
+
Red7 = "Red7",
|
|
35
|
+
Red8 = "Red8",
|
|
36
|
+
Red9 = "Red9",
|
|
37
|
+
Red10 = "Red10",
|
|
38
|
+
Raspberry1 = "Raspberry1",
|
|
39
|
+
Raspberry2 = "Raspberry2",
|
|
40
|
+
Raspberry7 = "Raspberry7",
|
|
41
|
+
Raspberry8 = "Raspberry8",
|
|
42
|
+
Raspberry9 = "Raspberry9",
|
|
43
|
+
Raspberry10 = "Raspberry10",
|
|
44
|
+
Pink1 = "Pink1",
|
|
45
|
+
Pink2 = "Pink2",
|
|
46
|
+
Pink7 = "Pink7",
|
|
47
|
+
Pink8 = "Pink8",
|
|
48
|
+
Pink9 = "Pink9",
|
|
49
|
+
Pink10 = "Pink10",
|
|
50
|
+
Indigo1 = "Indigo1",
|
|
51
|
+
Indigo2 = "Indigo2",
|
|
52
|
+
Indigo7 = "Indigo7",
|
|
53
|
+
Indigo8 = "Indigo8",
|
|
54
|
+
Indigo9 = "Indigo9",
|
|
55
|
+
Indigo10 = "Indigo10",
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
export enum UDExPromoTileMode {
|
|
59
|
+
dark = "dark",
|
|
60
|
+
light = "light"
|
|
61
|
+
}
|
package/src/utils/debounce.ts
CHANGED
|
@@ -1,11 +1,26 @@
|
|
|
1
1
|
import type CallbackFunction from "../types/callback.js";
|
|
2
2
|
|
|
3
3
|
const debounce = <T extends CallbackFunction>(cb: T, timeout = 300) => {
|
|
4
|
-
let timer: ReturnType<typeof setTimeout
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
let timer: ReturnType<typeof setTimeout> | null = null;
|
|
5
|
+
|
|
6
|
+
const fn = (...args: Parameters<T>) => {
|
|
7
|
+
if (timer) {
|
|
8
|
+
clearTimeout(timer);
|
|
9
|
+
}
|
|
10
|
+
timer = setTimeout(() => {
|
|
11
|
+
timer = null;
|
|
12
|
+
cb(...args);
|
|
13
|
+
}, timeout);
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
(fn as typeof fn & { cancel: () => void }).cancel = () => {
|
|
17
|
+
if (timer) {
|
|
18
|
+
clearTimeout(timer);
|
|
19
|
+
timer = null;
|
|
20
|
+
}
|
|
8
21
|
};
|
|
22
|
+
|
|
23
|
+
return fn as typeof fn & { cancel: () => void };
|
|
9
24
|
};
|
|
10
25
|
|
|
11
26
|
export default debounce;
|
|
@@ -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",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",l="Current page",G="Activate page number",M="Suggested searches",d="Clear",u="Search",V="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",v="Read less",h="Rating Indicator",b="Rating",w="Required",K="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",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",lT="Logout",GT="Select country",MT="Overview",dT="Cart",uT="Country Selector",VT="Support",FT="Phone number",WT="Contact us",YT="Email",gT="Chat with us",pT="Quick Links",XT="Trending",mT="About SAP",fT="Site Information",HT="Or see our complete list of",yT="local country numbers",vT="© {0} SAP SE or an SAP affiliate company. All rights reserved.",hT="Avatar",bT="Open Calendar icon",wT="Edit list item entry",KT="Delete list item entry",kT="back button label",xT="Status Badge",QT="Click to edit profile",ZT="Click to open profile information",qT="Warning, potential risk with the profile",zT="There is an error with the profile",jT="Successfully verified profile",JT="Profile",$T="main links",TE="opens in a new window",EE="Text field",_E="Uploading",AE="Terminated",SE="Remove file",IE="Upload file",tE="Complete list of",RE="Call us today!",OE="Search",NE="results returned.",nE="Social Media Button",oE={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: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:l,ACTIVATE_PAGE:G,SUGGESTED_TEXT:M,ACCESSIBLE_NAME_RESET_ICON:d,ACCESSIBLE_NAME_SEARCH_ICON:u,TOOLTIP_RESET_BUTTON:V,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:v,RATING_INDICATOR_TEXT:h,RATING_INDICATOR_TOOLTIP_TEXT:b,RATING_INDICATOR_ARIA_DESCRIPTION:w,TOTAL:K,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: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:lT,COUNTRY_SELECT:GT,OVERVIEW:MT,CART:dT,COUNTRY_SELECTOR:uT,SUPPORT:VT,PHONE_NUMBER:FT,CONTACT_US:WT,EMAIL:YT,CHAT_WITH_US:gT,QUICK_LINKS:pT,TRENDING:XT,ABOUT_SAP:mT,SITE_INFORMATION:fT,SEE_COMPLETE_LIST:HT,LOCAL_COUNTRY_NAMES:yT,COPYRIGHT:vT,AVATAR_TEXT:hT,CALENDAR_ICON:bT,LIST_ITEM_EDIT_ICON:wT,LIST_ITEM_DELETE_ICON:KT,BACK_BUTTON_LABEL:kT,STATUS_BADGE_TEXT:xT,STATUS_BADGE_EDIT_TITLE:QT,STATUS_BADGE_INFORMATION_TITLE:ZT,STATUS_BADGE_WARNING_TITLE:qT,STATUS_BADGE_ERROR_TITLE:zT,STATUS_BADGE_SUCCESS_TITLE:jT,PROFILE:JT,MAIN_LINKS:$T,OPENS_IN_A_NEW_WINDOW:TE,TEXT_FIELD:EE,UPLOADING_FILE_STATUS_TEXT:_E,TERMINATED_FILE_STATUS_TEXT:AE,REMOVE_FILE_TEXT:SE,UPLOAD_BUTTON_LABEL:IE,COMPLETE_LIST_OF:tE,CALL_US_TODAY:RE,SEARCH:OE,RESULT_RETURNED:NE,SOCIAL_MEDIA_BUTTON:nE};export{mT as ABOUT_SAP,d as ACCESSIBLE_NAME_RESET_ICON,u 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,hT as AVATAR_TEXT,kT 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,O as BUTTON_ARIA_TYPE_PRIMARY,N as BUTTON_ARIA_TYPE_SECONDARY,n as BUTTON_ARIA_TYPE_TERTIARY,o as BUTTON_ARIA_TYPE_WARNING,bT as CALENDAR_ICON,RE as CALL_US_TODAY,LT as CAROUSEL_NEXT_ARROW_TEXT,oT as CAROUSEL_PREVIOUS_ARROW_TEXT,dT as CART,gT as CHAT_WITH_US,m as COLLAPSE_ALL,tE as COMPLETE_LIST_OF,WT as CONTACT_US,vT as COPYRIGHT,T as COUNT,GT as COUNTRY_SELECT,uT as COUNTRY_SELECTOR,l as CURRENT_PAGE,P as DATEPICKER_DATE_DESCRIPTION,R as DELETE_BUTTON,t as EDIT_BUTTON,YT 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,yT as LOCAL_COUNTRY_NAMES,lT as LOGOUT,$T 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,TE as OPENS_IN_A_NEW_WINDOW,MT as OVERVIEW,_ as PAGINATION_PAGE,FT as PHONE_NUMBER,B as PREVIOUS_PAGE,JT as PROFILE,pT as QUICK_LINKS,w 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,SE as REMOVE_FILE_TEXT,q as RESET,NE as RESULT_RETURNED,_T as REVIEWS,OE as SEARCH,HT as SEE_COMPLETE_LIST,A as SELECTED,IT as SELECT_ALL,ST as SELECT_OPTIONS,Z as SHOW_HIDE_PASSWORD,Q as SHOW_RESULTS,fT as SITE_INFORMATION,nE as SOCIAL_MEDIA_BUTTON,AT as STARS,QT as STATUS_BADGE_EDIT_TITLE,zT as STATUS_BADGE_ERROR_TITLE,ZT as STATUS_BADGE_INFORMATION_TITLE,jT as STATUS_BADGE_SUCCESS_TITLE,xT as STATUS_BADGE_TEXT,qT as STATUS_BADGE_WARNING_TITLE,UT as STEPINPUT_DEC_ICON_TITLE,CT as STEPINPUT_INC_ICON_TITLE,M as SUGGESTED_TEXT,VT as SUPPORT,PT as TABLE_NO_DATA_FOUND,AE as TERMINATED_FILE_STATUS_TEXT,tT as TEXTAREA_CHARACTERS_LEFT,EE as TEXT_FIELD,a as TOGGLED,V as TOOLTIP_RESET_BUTTON,W as TOOLTIP_SUBMIT_BUTTON,F as TOOLTIP_VOICE_BUTTON,K as TOTAL,XT as TRENDING,S as UNSELECTED,_E as UPLOADING_FILE_STATUS_TEXT,IE 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,oE as default};
|