@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.
Files changed (141) hide show
  1. package/bundle.esm.js +1 -0
  2. package/cypress/specs/Accordion.cy.tsx +19 -0
  3. package/cypress/specs/AccordionItem.cy.tsx +9 -0
  4. package/cypress/specs/Footer.cy.tsx +48 -11
  5. package/cypress/specs/PromoTile.cy.tsx +124 -0
  6. package/cypress/specs/Quote.cy.tsx +65 -0
  7. package/cypress/support/component-imports.instrumented.ts +4 -0
  8. package/cypress/support/component-imports.src.ts +5 -1
  9. package/dist/Accordion.d.ts +15 -0
  10. package/dist/Accordion.js +19 -0
  11. package/dist/Accordion.js.map +1 -1
  12. package/dist/AccordionItem.d.ts +19 -0
  13. package/dist/AccordionItem.js +23 -0
  14. package/dist/AccordionItem.js.map +1 -1
  15. package/dist/AccordionItemTemplate.js +7 -2
  16. package/dist/AccordionItemTemplate.js.map +1 -1
  17. package/dist/AccordionTemplate.js +21 -1
  18. package/dist/AccordionTemplate.js.map +1 -1
  19. package/dist/Footer.d.ts +45 -3
  20. package/dist/Footer.js +41 -17
  21. package/dist/Footer.js.map +1 -1
  22. package/dist/PromoTile.d.ts +143 -0
  23. package/dist/PromoTile.js +198 -0
  24. package/dist/PromoTile.js.map +1 -0
  25. package/dist/PromoTileTemplate.d.ts +2 -0
  26. package/dist/PromoTileTemplate.js +22 -0
  27. package/dist/PromoTileTemplate.js.map +1 -0
  28. package/dist/Quote.d.ts +11 -0
  29. package/dist/Quote.js +18 -3
  30. package/dist/Quote.js.map +1 -1
  31. package/dist/Search.d.ts +3 -1
  32. package/dist/Search.js +1 -0
  33. package/dist/Search.js.map +1 -1
  34. package/dist/assets/{InputSuggestions-xcV7PZDf.js → InputSuggestions-9WQMOg4t.js} +1 -1
  35. package/dist/assets/{ListItemStandardExpandableTextTemplate-RYCr4pVL.js → ListItemStandardExpandableTextTemplate-BQaMMo_n.js} +1 -1
  36. package/dist/assets/{bundle.esm-bg-64miJ.js → bundle.esm-ZNiP-jPI.js} +210 -209
  37. package/dist/assets/messagebundle_en-DwlTjyni.js +1 -0
  38. package/dist/css/themes/AccordionItem.css +1 -1
  39. package/dist/css/themes/BreadcrumbsPopover.css +1 -1
  40. package/dist/css/themes/CountrySelector.css +1 -1
  41. package/dist/css/themes/Divider.css +1 -1
  42. package/dist/css/themes/Footer.css +1 -1
  43. package/dist/css/themes/HeroBanner.css +1 -1
  44. package/dist/css/themes/PromoTile.css +1 -0
  45. package/dist/css/themes/Quote.css +1 -1
  46. package/dist/css/themes/RatingIndicator.css +1 -1
  47. package/dist/css/themes/Slider.css +1 -1
  48. package/dist/css/themes/Tag.css +1 -1
  49. package/dist/custom-elements-internal.json +614 -160
  50. package/dist/custom-elements.json +572 -128
  51. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  52. package/dist/generated/i18n/i18n-defaults.d.ts +3 -1
  53. package/dist/generated/i18n/i18n-defaults.js +3 -1
  54. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  55. package/dist/generated/templates/FooterTemplate.lit.js +33 -32
  56. package/dist/generated/templates/FooterTemplate.lit.js.map +1 -1
  57. package/dist/generated/templates/HeroBannerTemplate.lit.js +1 -1
  58. package/dist/generated/templates/HeroBannerTemplate.lit.js.map +1 -1
  59. package/dist/generated/themes/AccordionItem.css.d.ts +1 -1
  60. package/dist/generated/themes/AccordionItem.css.js +1 -1
  61. package/dist/generated/themes/AccordionItem.css.js.map +1 -1
  62. package/dist/generated/themes/BreadcrumbsPopover.css.d.ts +1 -1
  63. package/dist/generated/themes/BreadcrumbsPopover.css.js +1 -1
  64. package/dist/generated/themes/BreadcrumbsPopover.css.js.map +1 -1
  65. package/dist/generated/themes/CountrySelector.css.d.ts +1 -1
  66. package/dist/generated/themes/CountrySelector.css.js +1 -1
  67. package/dist/generated/themes/CountrySelector.css.js.map +1 -1
  68. package/dist/generated/themes/Divider.css.d.ts +1 -1
  69. package/dist/generated/themes/Divider.css.js +1 -1
  70. package/dist/generated/themes/Divider.css.js.map +1 -1
  71. package/dist/generated/themes/Footer.css.d.ts +1 -1
  72. package/dist/generated/themes/Footer.css.js +1 -1
  73. package/dist/generated/themes/Footer.css.js.map +1 -1
  74. package/dist/generated/themes/HeroBanner.css.d.ts +1 -1
  75. package/dist/generated/themes/HeroBanner.css.js +1 -1
  76. package/dist/generated/themes/HeroBanner.css.js.map +1 -1
  77. package/dist/generated/themes/PromoTile.css.d.ts +2 -0
  78. package/dist/generated/themes/PromoTile.css.js +8 -0
  79. package/dist/generated/themes/PromoTile.css.js.map +1 -0
  80. package/dist/generated/themes/Quote.css.d.ts +1 -1
  81. package/dist/generated/themes/Quote.css.js +1 -1
  82. package/dist/generated/themes/Quote.css.js.map +1 -1
  83. package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
  84. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  85. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  86. package/dist/generated/themes/Slider.css.d.ts +1 -1
  87. package/dist/generated/themes/Slider.css.js +1 -1
  88. package/dist/generated/themes/Slider.css.js.map +1 -1
  89. package/dist/generated/themes/Tag.css.d.ts +1 -1
  90. package/dist/generated/themes/Tag.css.js +1 -1
  91. package/dist/generated/themes/Tag.css.js.map +1 -1
  92. package/dist/messagebundle.properties +6 -0
  93. package/dist/messagebundle_en.properties +2 -0
  94. package/dist/types/PromoTile.d.ts +60 -0
  95. package/dist/types/PromoTile.js +63 -0
  96. package/dist/types/PromoTile.js.map +1 -0
  97. package/dist/utils/debounce.d.ts +3 -1
  98. package/dist/utils/debounce.js +16 -4
  99. package/dist/utils/debounce.js.map +1 -1
  100. package/dist/vscode.html-custom-data.json +102 -0
  101. package/dist/web-types.json +230 -5
  102. package/package.json +1 -1
  103. package/src/Accordion.ts +19 -0
  104. package/src/AccordionItem.ts +28 -0
  105. package/src/AccordionItemTemplate.tsx +25 -10
  106. package/src/AccordionTemplate.tsx +22 -1
  107. package/src/Footer.hbs +39 -36
  108. package/src/Footer.ts +81 -6
  109. package/src/HeroBanner.hbs +0 -1
  110. package/src/PromoTile.ts +290 -0
  111. package/src/PromoTileTemplate.tsx +68 -0
  112. package/src/Quote.ts +17 -3
  113. package/src/Search.ts +1 -0
  114. package/src/generated/i18n/i18n-defaults.ts +2 -2
  115. package/src/generated/templates/FooterTemplate.lit.ts +33 -32
  116. package/src/generated/templates/HeroBannerTemplate.lit.ts +1 -1
  117. package/src/generated/themes/AccordionItem.css.ts +1 -1
  118. package/src/generated/themes/BreadcrumbsPopover.css.ts +1 -1
  119. package/src/generated/themes/CountrySelector.css.ts +1 -1
  120. package/src/generated/themes/Divider.css.ts +1 -1
  121. package/src/generated/themes/Footer.css.ts +1 -1
  122. package/src/generated/themes/HeroBanner.css.ts +1 -1
  123. package/src/generated/themes/PromoTile.css.ts +9 -0
  124. package/src/generated/themes/Quote.css.ts +1 -1
  125. package/src/generated/themes/RatingIndicator.css.ts +1 -1
  126. package/src/generated/themes/Slider.css.ts +1 -1
  127. package/src/generated/themes/Tag.css.ts +1 -1
  128. package/src/i18n/messagebundle.properties +6 -0
  129. package/src/i18n/messagebundle_en.properties +2 -0
  130. package/src/themes/AccordionItem.css +61 -22
  131. package/src/themes/BreadcrumbsPopover.css +2 -1
  132. package/src/themes/CountrySelector.css +4 -0
  133. package/src/themes/Divider.css +2 -1
  134. package/src/themes/Footer.css +44 -9
  135. package/src/themes/HeroBanner.css +34 -32
  136. package/src/themes/PromoTile.css +152 -0
  137. package/src/themes/Quote.css +21 -24
  138. package/src/themes/Tag.css +18 -24
  139. package/src/types/PromoTile.ts +61 -0
  140. package/src/utils/debounce.ts +19 -4
  141. 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
+ }
@@ -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: 24px;
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: 16px;
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 40px;
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: 16px;
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(--udexQuoteColorText, #354A5F);
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(--udexQuoteColorText, #354A5F);
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(--udexQuoteColorText, #354A5F);
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: 16px;
139
+ gap: var(--udexSpacer16);
144
140
  }
145
141
 
146
142
  ::slotted([slot='author']) {
@@ -178,13 +174,14 @@
178
174
  }
179
175
  }
180
176
 
181
- @container (max-width: 545px) {
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: 16px;
181
+ gap: var(--udexSpacer16);
185
182
  }
186
183
 
187
184
  ::slotted([slot='image']) {
188
185
  margin: 0 auto;
189
186
  }
190
- }
187
+ }
@@ -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-padding: 2px;
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: 1px;
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: inherit;
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
+ }
@@ -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
- return (...args: any) => {
6
- clearTimeout(timer);
7
- timer = setTimeout(() => { cb(args); }, timeout);
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};