@sapudex/web-components 0.173.0 → 0.184.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 (235) hide show
  1. package/bundle.esm.js +1 -1
  2. package/dist/Accordion.js +2 -1
  3. package/dist/Accordion.js.map +1 -1
  4. package/dist/AccordionItem.d.ts +0 -1
  5. package/dist/AccordionItem.js +2 -2
  6. package/dist/AccordionItem.js.map +1 -1
  7. package/dist/Badge.js +2 -1
  8. package/dist/Badge.js.map +1 -1
  9. package/dist/Breadcrumbs.d.ts +7 -7
  10. package/dist/Breadcrumbs.js +3 -3
  11. package/dist/Breadcrumbs.js.map +1 -1
  12. package/dist/CountrySelector.js +5 -5
  13. package/dist/CountrySelector.js.map +1 -1
  14. package/dist/DatePicker.d.ts +53 -26
  15. package/dist/DatePicker.js +205 -39
  16. package/dist/DatePicker.js.map +1 -1
  17. package/dist/FilterMenu.d.ts +4 -6
  18. package/dist/FilterMenu.js +10 -10
  19. package/dist/FilterMenu.js.map +1 -1
  20. package/dist/Footer.js +6 -2
  21. package/dist/Footer.js.map +1 -1
  22. package/dist/HeroBanner.d.ts +0 -1
  23. package/dist/HeroBanner.js +2 -1
  24. package/dist/HeroBanner.js.map +1 -1
  25. package/dist/Link.js +2 -0
  26. package/dist/Link.js.map +1 -1
  27. package/dist/ListSelectAll.js +2 -0
  28. package/dist/ListSelectAll.js.map +1 -1
  29. package/dist/MastheadItem.js +2 -2
  30. package/dist/MastheadItem.js.map +1 -1
  31. package/dist/MastheadMenu.js +1 -1
  32. package/dist/MastheadMenu.js.map +1 -1
  33. package/dist/MastheadMobileMenu.js +1 -1
  34. package/dist/MastheadMobileMenu.js.map +1 -1
  35. package/dist/MastheadShell.d.ts +1 -0
  36. package/dist/MastheadShell.js +20 -1
  37. package/dist/MastheadShell.js.map +1 -1
  38. package/dist/MediaPlayer.js +2 -2
  39. package/dist/MediaPlayer.js.map +1 -1
  40. package/dist/MessageStrip.js +2 -1
  41. package/dist/MessageStrip.js.map +1 -1
  42. package/dist/RadioButton.js +0 -1
  43. package/dist/RadioButton.js.map +1 -1
  44. package/dist/Search.d.ts +15 -1
  45. package/dist/Search.js +62 -16
  46. package/dist/Search.js.map +1 -1
  47. package/dist/SearchableListBase.js +3 -3
  48. package/dist/SearchableListBase.js.map +1 -1
  49. package/dist/SecondaryNavigation.js +1 -1
  50. package/dist/SecondaryNavigation.js.map +1 -1
  51. package/dist/SecondaryNavigationItem.js +1 -1
  52. package/dist/SecondaryNavigationItem.js.map +1 -1
  53. package/dist/SelectBox.d.ts +3 -3
  54. package/dist/SelectBox.js +6 -6
  55. package/dist/SelectBox.js.map +1 -1
  56. package/dist/SideNavigationMobile.js +1 -1
  57. package/dist/SideNavigationMobile.js.map +1 -1
  58. package/dist/StepInput.js +1 -1
  59. package/dist/StepInput.js.map +1 -1
  60. package/dist/TabNavigation.d.ts +4 -5
  61. package/dist/TabNavigation.js +16 -14
  62. package/dist/TabNavigation.js.map +1 -1
  63. package/dist/Table.js +2 -2
  64. package/dist/Table.js.map +1 -1
  65. package/dist/assets/{css_variables-a92ef9ad.css → bundle-c5e3cbf2.css} +1 -1
  66. package/dist/assets/{bundle.esm-c4ffd46a.js → bundle.esm-d98e72b5.js} +184 -184
  67. package/dist/assets/parameters-bundle.css-beef06a9.js +2 -0
  68. package/dist/css/themes/AccordionItem.css +1 -1
  69. package/dist/css/themes/Button.css +1 -1
  70. package/dist/css/themes/CountrySelector.css +1 -1
  71. package/dist/css/themes/ListItem.css +1 -1
  72. package/dist/css/themes/MastheadMenu.css +1 -1
  73. package/dist/css/themes/MastheadMobileMenu.css +1 -1
  74. package/dist/css/themes/MastheadProfileMenu.css +1 -1
  75. package/dist/css/themes/MessageStrip.css +1 -1
  76. package/dist/css/themes/Pagination.css +1 -1
  77. package/dist/css/themes/PhoneNumberField.css +1 -1
  78. package/dist/css/themes/RatingIndicator.css +1 -1
  79. package/dist/css/themes/Review.css +1 -1
  80. package/dist/css/themes/ReviewItem.css +1 -1
  81. package/dist/css/themes/Search.css +1 -1
  82. package/dist/css/themes/SearchSuggestions.css +1 -1
  83. package/dist/css/themes/SegmentedButton.css +1 -1
  84. package/dist/css/themes/SideNavigationMobileDropdown.css +1 -1
  85. package/dist/css/themes/Slider.css +1 -1
  86. package/dist/css/themes/StepInput.css +1 -1
  87. package/dist/css/themes/TabNavigation.css +1 -1
  88. package/dist/css/themes/Table.css +1 -1
  89. package/dist/css/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css +1 -1
  90. package/dist/custom-elements-internal.json +67 -49
  91. package/dist/custom-elements.json +62 -46
  92. package/dist/features/SearchSuggestionsPopover.d.ts +1 -1
  93. package/dist/generated/assets/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.json +1 -1
  94. package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js +1 -1
  95. package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js.map +1 -1
  96. package/dist/generated/templates/DatePickerPopoverTemplate.lit.js +1 -1
  97. package/dist/generated/templates/DatePickerPopoverTemplate.lit.js.map +1 -1
  98. package/dist/generated/templates/DatePickerTemplate.lit.js +1 -1
  99. package/dist/generated/templates/DatePickerTemplate.lit.js.map +1 -1
  100. package/dist/generated/templates/FilterMenuTemplate.lit.js +2 -2
  101. package/dist/generated/templates/FilterMenuTemplate.lit.js.map +1 -1
  102. package/dist/generated/templates/SearchTemplate.lit.js +2 -2
  103. package/dist/generated/templates/SearchTemplate.lit.js.map +1 -1
  104. package/dist/generated/templates/TabHeaderTemplate.lit.js +2 -2
  105. package/dist/generated/templates/TabHeaderTemplate.lit.js.map +1 -1
  106. package/dist/generated/themes/AccordionItem.css.js +1 -1
  107. package/dist/generated/themes/AccordionItem.css.js.map +1 -1
  108. package/dist/generated/themes/Button.css.js +1 -1
  109. package/dist/generated/themes/Button.css.js.map +1 -1
  110. package/dist/generated/themes/CountrySelector.css.js +1 -1
  111. package/dist/generated/themes/CountrySelector.css.js.map +1 -1
  112. package/dist/generated/themes/ListItem.css.js +1 -1
  113. package/dist/generated/themes/ListItem.css.js.map +1 -1
  114. package/dist/generated/themes/MastheadMenu.css.js +1 -1
  115. package/dist/generated/themes/MastheadMenu.css.js.map +1 -1
  116. package/dist/generated/themes/MastheadMobileMenu.css.js +1 -1
  117. package/dist/generated/themes/MastheadMobileMenu.css.js.map +1 -1
  118. package/dist/generated/themes/MastheadProfileMenu.css.js +1 -1
  119. package/dist/generated/themes/MastheadProfileMenu.css.js.map +1 -1
  120. package/dist/generated/themes/MessageStrip.css.js +1 -1
  121. package/dist/generated/themes/MessageStrip.css.js.map +1 -1
  122. package/dist/generated/themes/Pagination.css.js +1 -1
  123. package/dist/generated/themes/Pagination.css.js.map +1 -1
  124. package/dist/generated/themes/PhoneNumberField.css.js +1 -1
  125. package/dist/generated/themes/PhoneNumberField.css.js.map +1 -1
  126. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  127. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  128. package/dist/generated/themes/Review.css.js +1 -1
  129. package/dist/generated/themes/Review.css.js.map +1 -1
  130. package/dist/generated/themes/ReviewItem.css.js +1 -1
  131. package/dist/generated/themes/ReviewItem.css.js.map +1 -1
  132. package/dist/generated/themes/Search.css.js +1 -1
  133. package/dist/generated/themes/Search.css.js.map +1 -1
  134. package/dist/generated/themes/SearchSuggestions.css.js +1 -1
  135. package/dist/generated/themes/SearchSuggestions.css.js.map +1 -1
  136. package/dist/generated/themes/SegmentedButton.css.js +1 -1
  137. package/dist/generated/themes/SegmentedButton.css.js.map +1 -1
  138. package/dist/generated/themes/SideNavigationMobileDropdown.css.js +1 -1
  139. package/dist/generated/themes/SideNavigationMobileDropdown.css.js.map +1 -1
  140. package/dist/generated/themes/Slider.css.js +1 -1
  141. package/dist/generated/themes/Slider.css.js.map +1 -1
  142. package/dist/generated/themes/StepInput.css.js +1 -1
  143. package/dist/generated/themes/StepInput.css.js.map +1 -1
  144. package/dist/generated/themes/TabNavigation.css.js +1 -1
  145. package/dist/generated/themes/TabNavigation.css.js.map +1 -1
  146. package/dist/generated/themes/Table.css.js +1 -1
  147. package/dist/generated/themes/Table.css.js.map +1 -1
  148. package/dist/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.js +1 -1
  149. package/dist/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.js.map +1 -1
  150. package/dist/vscode.html-custom-data.json +2 -12
  151. package/dist/web-types.json +19 -23
  152. package/package.json +8 -8
  153. package/src/Accordion.ts +2 -1
  154. package/src/AccordionItem.ts +2 -2
  155. package/src/Badge.ts +2 -1
  156. package/src/Breadcrumbs.hbs +3 -3
  157. package/src/Breadcrumbs.ts +14 -14
  158. package/src/BreadcrumbsPopover.hbs +1 -1
  159. package/src/CountrySelector.ts +5 -5
  160. package/src/DatePicker.hbs +4 -5
  161. package/src/DatePicker.ts +257 -64
  162. package/src/DatePickerPopover.hbs +2 -2
  163. package/src/FilterMenu.hbs +2 -1
  164. package/src/FilterMenu.ts +13 -14
  165. package/src/Footer.ts +6 -2
  166. package/src/HeroBanner.ts +2 -1
  167. package/src/Link.ts +2 -0
  168. package/src/ListSelectAll.ts +2 -0
  169. package/src/MastheadItem.ts +2 -2
  170. package/src/MastheadMenu.ts +1 -1
  171. package/src/MastheadMobileMenu.ts +1 -1
  172. package/src/MastheadShell.ts +24 -1
  173. package/src/MediaPlayer.ts +2 -2
  174. package/src/MessageStrip.ts +2 -1
  175. package/src/RadioButton.ts +0 -1
  176. package/src/Search.hbs +3 -3
  177. package/src/Search.ts +82 -21
  178. package/src/SearchableListBase.ts +3 -3
  179. package/src/SecondaryNavigation.ts +1 -1
  180. package/src/SecondaryNavigationItem.ts +1 -1
  181. package/src/SelectBox.ts +9 -9
  182. package/src/SideNavigationMobile.ts +1 -1
  183. package/src/StepInput.ts +1 -1
  184. package/src/TabHeader.hbs +2 -2
  185. package/src/TabNavigation.ts +19 -18
  186. package/src/Table.ts +2 -2
  187. package/src/generated/templates/BreadcrumbsPopoverTemplate.lit.ts +1 -1
  188. package/src/generated/templates/DatePickerPopoverTemplate.lit.ts +1 -1
  189. package/src/generated/templates/DatePickerTemplate.lit.ts +1 -1
  190. package/src/generated/templates/FilterMenuTemplate.lit.ts +2 -2
  191. package/src/generated/templates/SearchTemplate.lit.ts +2 -2
  192. package/src/generated/templates/TabHeaderTemplate.lit.ts +2 -2
  193. package/src/generated/themes/AccordionItem.css.ts +1 -1
  194. package/src/generated/themes/Button.css.ts +1 -1
  195. package/src/generated/themes/CountrySelector.css.ts +1 -1
  196. package/src/generated/themes/ListItem.css.ts +1 -1
  197. package/src/generated/themes/MastheadMenu.css.ts +1 -1
  198. package/src/generated/themes/MastheadMobileMenu.css.ts +1 -1
  199. package/src/generated/themes/MastheadProfileMenu.css.ts +1 -1
  200. package/src/generated/themes/MessageStrip.css.ts +1 -1
  201. package/src/generated/themes/Pagination.css.ts +1 -1
  202. package/src/generated/themes/PhoneNumberField.css.ts +1 -1
  203. package/src/generated/themes/RatingIndicator.css.ts +1 -1
  204. package/src/generated/themes/Review.css.ts +1 -1
  205. package/src/generated/themes/ReviewItem.css.ts +1 -1
  206. package/src/generated/themes/Search.css.ts +1 -1
  207. package/src/generated/themes/SearchSuggestions.css.ts +1 -1
  208. package/src/generated/themes/SegmentedButton.css.ts +1 -1
  209. package/src/generated/themes/SideNavigationMobileDropdown.css.ts +1 -1
  210. package/src/generated/themes/Slider.css.ts +1 -1
  211. package/src/generated/themes/StepInput.css.ts +1 -1
  212. package/src/generated/themes/TabNavigation.css.ts +1 -1
  213. package/src/generated/themes/Table.css.ts +1 -1
  214. package/src/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.ts +1 -1
  215. package/src/themes/AccordionItem.css +2 -2
  216. package/src/themes/Button.css +5 -5
  217. package/src/themes/CountrySelector.css +14 -14
  218. package/src/themes/ListItem.css +1 -1
  219. package/src/themes/MastheadMenu.css +2 -2
  220. package/src/themes/MastheadMobileMenu.css +2 -2
  221. package/src/themes/MastheadProfileMenu.css +2 -2
  222. package/src/themes/MessageStrip.css +6 -6
  223. package/src/themes/Pagination.css +2 -1
  224. package/src/themes/PhoneNumberField.css +2 -2
  225. package/src/themes/Review.css +1 -1
  226. package/src/themes/ReviewItem.css +1 -1
  227. package/src/themes/Search.css +34 -4
  228. package/src/themes/SearchSuggestions.css +16 -0
  229. package/src/themes/SegmentedButton.css +1 -1
  230. package/src/themes/SelectBox.css +1 -1
  231. package/src/themes/SideNavigationMobileDropdown.css +1 -1
  232. package/src/themes/StepInput.css +5 -5
  233. package/src/themes/TabNavigation.css +17 -12
  234. package/src/themes/Table.css +5 -5
  235. package/dist/assets/parameters-bundle.css-07457fce.js +0 -2
@@ -19,23 +19,23 @@
19
19
  --udex-message-strip-min-height: 20px;
20
20
  }
21
21
 
22
- :host([design="Action"]) udex-button {
22
+ :host([design="Action"]) [udex-button] {
23
23
  --udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-action-close-icon);
24
24
  }
25
25
 
26
- :host([design="Information"]) udex-button {
26
+ :host([design="Information"]) [udex-button] {
27
27
  --udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-information-close-icon);
28
28
  }
29
29
 
30
- :host([design="Positive"]) udex-button {
30
+ :host([design="Positive"]) [udex-button] {
31
31
  --udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-success-close-icon);
32
32
  }
33
33
 
34
- :host([design="Warning"]) udex-button {
34
+ :host([design="Warning"]) [udex-button] {
35
35
  --udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-warning-close-icon);
36
36
  }
37
37
 
38
- :host([design="Negative"]) udex-button {
38
+ :host([design="Negative"]) [udex-button] {
39
39
  --udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-error-close-icon);
40
40
  }
41
41
 
@@ -43,7 +43,7 @@
43
43
  border-color: var(--udex-message-strip-color-action-border);
44
44
  }
45
45
 
46
- .udex-message-strip udex-button {
46
+ .udex-message-strip [udex-button] {
47
47
  position: absolute;
48
48
  inset-inline-end: var(--udexSpacer12, 12px);
49
49
  top: var(--udex-message-strip-close-icon-top);
@@ -24,7 +24,8 @@
24
24
  }
25
25
 
26
26
  .udex-pagination__list {
27
- padding: 0px;
27
+ padding: 0;
28
+ margin: 0;
28
29
  display: flex;
29
30
  gap: var(--udex-pagination-item-gap);
30
31
  align-items: center;
@@ -356,12 +356,12 @@
356
356
  display: none;
357
357
  }
358
358
 
359
- udex-dropdown {
359
+ [udex-dropdown] {
360
360
  --udex-dropdown-pane-min-width: var(--udex-phone-number-field-popover-min-width);
361
361
  }
362
362
 
363
363
  @media (width < 640px) {
364
- udex-dropdown {
364
+ [udex-dropdown] {
365
365
  --udex-dropdown-pane-min-width-xs: var(--udex-phone-number-field-popover-min-width);
366
366
  }
367
367
  }
@@ -187,7 +187,7 @@
187
187
  color: var(--udexColorMango6);
188
188
  }
189
189
 
190
- udex-rating-indicator {
190
+ [udex-rating-indicator] {
191
191
  --udex-rating_indicator_read-only-unrated_color: var(--udexColorMango6)
192
192
  }
193
193
 
@@ -114,6 +114,6 @@
114
114
  }
115
115
  }
116
116
 
117
- udex-rating-indicator {
117
+ [udex-rating-indicator] {
118
118
  --udex-rating_indicator_read-only-unrated_color: var(--udexColorMango6)
119
119
  }
@@ -83,7 +83,9 @@
83
83
  }
84
84
 
85
85
  :host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover::after,
86
- :host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover::after {
86
+ :host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover::after,
87
+ :host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top::after,
88
+ :host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top::after{
87
89
  content: '';
88
90
  position: absolute;
89
91
  z-index: -1;
@@ -97,11 +99,22 @@
97
99
  overflow-y: hidden;
98
100
  }
99
101
 
102
+ :host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top::after,
103
+ :host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top::after,
104
+ .udex-search__prefix--show-popover-top::after {
105
+ transform: translateY(-21px);
106
+ }
107
+
100
108
  :host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover::after {
101
109
  inset-inline-start: auto;
102
110
  width: 50px;
103
111
  }
104
112
 
113
+ :host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top::after {
114
+ inset-inline-start: auto;
115
+ width: 50px;
116
+ }
117
+
105
118
  :host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value),
106
119
  :host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value) .udex-search__field,
107
120
  :host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value),
@@ -159,6 +172,12 @@
159
172
  background: var(--udex-input-color-background-light);
160
173
  }
161
174
 
175
+ .udex-search__field::placeholder {
176
+ color: var(--udex-input-color-label);
177
+ font-size: var(--udex-input-font-size-label);
178
+ line-height: var(--udex-input-line-height-label);
179
+ }
180
+
162
181
  .udex-search__field:focus {
163
182
  outline: none;
164
183
  }
@@ -316,7 +335,8 @@ input[type="search"]::-webkit-search-results-decoration {
316
335
  z-index: 1;
317
336
  }
318
337
 
319
- .udex-search__prefix--show-popover::after {
338
+ .udex-search__prefix--show-popover::after,
339
+ .udex-search__prefix--show-popover-top::after {
320
340
  content: "";
321
341
  position: absolute;
322
342
  z-index: -1;
@@ -392,10 +412,20 @@ input[type="search"]::-webkit-search-results-decoration {
392
412
  clip-path: inset(0px -10px -10px -10px);
393
413
  }
394
414
 
395
- .udex-search__prefix-popover::part(content) {
415
+ .udex-search__prefix-popover-top {
416
+ border-end-start-radius: 0;
417
+ border-end-end-radius: 0;
418
+ border: 1px solid var(--udexCoreBorderDefault);
419
+ border-block-end: 0;
420
+ box-shadow: none;
421
+ background-color: var(--udexColorNeutralWhite, #fff);
422
+ clip-path: inset(0px -10px -10px -10px);
423
+ }
424
+
425
+ .udex-search__prefix-popover::part(content), .udex-search__prefix-popover-top::part(content) {
396
426
  padding: 0;
397
427
  }
398
428
 
399
- udex-dropdown {
429
+ [udex-dropdown] {
400
430
  --udex-dropdown-pane-max-width: 100%;
401
431
  }
@@ -1,5 +1,6 @@
1
1
  :host {
2
2
  --udex-popover-box-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,0.3));
3
+ --udex-popover-top-box-shadow: 0px -2px 8px 0px rgba(34,54,73,0.3);
3
4
  --udex-popover-background-color: var(--udexColorNeutralWhite, #fff);
4
5
  --udex-popover-border-color: var(--udexColorGrey6, #5B738B);
5
6
  --udex-popover-border-radius: var(--sapPopover_BorderCornerRadius, var(--udexRadiusM));
@@ -44,6 +45,21 @@
44
45
  border-top: 0;
45
46
  }
46
47
 
48
+ .udex-search-suggestions__root-top--home {
49
+ border-bottom-left-radius: 0;
50
+ border-bottom-right-radius: 0;
51
+ border-bottom: 0;
52
+ box-shadow: none;
53
+ }
54
+
55
+ .udex-search-suggestions__root-top--home .udex-search-suggestions__block:last-child {
56
+ margin-bottom: -5px;
57
+ }
58
+
59
+ .udex-search-suggestions__root-top--home .udex-search-suggestions__block:first-child {
60
+ margin-top: 0;
61
+ }
62
+
47
63
  .udex-search-suggestions__root--home .udex-search-suggestions__block:first-child {
48
64
  margin-top: -5px;
49
65
  }
@@ -5,7 +5,7 @@
5
5
  --udex-segmented-button-small-width: 25px;
6
6
  }
7
7
 
8
- :host ::slotted(udex-segmented-button-item) {
8
+ :host ::slotted([udex-segmented-button-item]) {
9
9
  --udex-segmented-button-item-medium-width: var(--udex-segmented-button-medium-width);
10
10
  --udex-segmented-button-item-small-width: var(--udex-segmented-button-small-width);
11
11
  --udex-segmented-button-item-large-width: var(--udex-segmented-button-large-width);
@@ -1,5 +1,5 @@
1
1
  :host {
2
- --udex-select-box-popover-min-width: 0px;
2
+ --udex-select-box-popover-min-width: 0px;
3
3
  --udex-select-box-popover-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,0.3));
4
4
  --udex-select-box-popover-border-color: var(--sapField_BorderColor, var(--udexCoreBorderDefault));
5
5
  --udex-select-box-popover-border-width: var(--sapElement_BorderWidth, 1px);
@@ -23,7 +23,7 @@
23
23
  --udex-dropdown-pane-overflow: auto;
24
24
  }
25
25
 
26
- udex-side-navigation {
26
+ [udex-side-navigation] {
27
27
  --udex-side-navigation-max-width: 100%;
28
28
  --udex-side-navigation-padding: var(--udex-side-navigation-padding-vertical) 0;
29
29
  }
@@ -16,7 +16,7 @@
16
16
  --udex-step-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F);
17
17
  }
18
18
 
19
- :host udex-text-field {
19
+ :host [udex-text-field] {
20
20
  --udex-input-color-standard-hover-border: var(--udex-step-input-color-standard-hover-border);
21
21
  --udex-input-color-standard-active-border: var(--udex-step-input-color-standard-active-border);
22
22
 
@@ -99,18 +99,18 @@
99
99
  border-color: var(--udex-step-input-color-error-active-border);
100
100
  }
101
101
 
102
- :host(:not([displayonly])) udex-text-field::part(textfield-input) {
102
+ :host(:not([displayonly])) [udex-text-field]::part(textfield-input) {
103
103
  padding-right: calc(var(--udex-step-input-button-size) + var(--udex-step-input-input-horizontal-padding));
104
104
  padding-left: calc(var(--udex-step-input-button-size) + var(--udex-step-input-input-horizontal-padding));
105
105
  }
106
106
 
107
- :host(:not([displayonly])) udex-text-field {
107
+ :host(:not([displayonly])) [udex-text-field] {
108
108
  margin-right: calc(var(--udex-step-input-button-size) * -1);
109
109
  margin-left: calc(var(--udex-step-input-button-size) * -1);
110
110
  width: 100%;
111
111
  }
112
112
 
113
- :host(:not([displayonly])) udex-text-field::part(textfield-input) {
113
+ :host(:not([displayonly])) [udex-text-field]::part(textfield-input) {
114
114
  text-align: end;
115
115
  }
116
116
 
@@ -118,7 +118,7 @@
118
118
  order: 1;
119
119
  }
120
120
 
121
- :host udex-text-field {
121
+ :host [udex-text-field] {
122
122
  order: 2;
123
123
  }
124
124
 
@@ -2,10 +2,12 @@
2
2
  --udex-header-background-color: transparent;
3
3
 
4
4
  --udex-button-tab-vertical-gap: var(--udexSpacer32, 32px);
5
+ --udex-button-tab-text-transform-first-letter: uppercase;
6
+ --udex-button-tab-text-transform: none;
5
7
  --udex-button-tab-text-color-default: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));
6
- --udex-button-tab-text-color-hover: var(--sapHoverColor, var(--udexColorBlue7));
7
- --udex-button-tab-text-color-active: var(--sapShell_Navigation_Selected_TextColor, var(--udexColorBlue7));
8
- --udex-button-tab-border-color-active: var(--sapShell_Navigation_SelectedColor, var(--udexColorBlue7));
8
+ --udex-button-tab-text-color-hover: var(--udexColorBlue8);
9
+ --udex-button-tab-text-color-active: var(--udexColorBlue8);
10
+ --udex-button-tab-border-color-active: var(--udexColorBlue8);
9
11
  --udex-button-tab-font-size-default: var(--sapFontSize, var(--udexTypographyNavigationBoldXLFontSize));
10
12
  --udex-button-tab-font-family: var(--sapFontFamily, sans-serif);
11
13
  --udex-button-tab-font-weight: var(--sapButton_Emphasized_FontWeight, var(--udexTypographyFontWeightBold));
@@ -45,9 +47,9 @@
45
47
  --udex-button-more-s-border-color: var(--sapButton_Neutral_BorderColor, var(--udexColorGrey4));
46
48
  --udex-button-more-s-icon-margin-inline-start: var(--udexSpacer4, 4px);
47
49
  --udex-button-more-s-icon-color: var(--sapTextColor, var(--udexColorGrey9));
48
- --udex-button-more-s-border-color-toggled: var(--sapButton_Emphasized_Background, var(--udexColorBlue7));
49
- --udex-button-more-s-text-color-toggled: var(--sapSelectedColor, var(--udexColorBlue7));
50
- --udex-button-more-s-icon-color-toggled: var(--sapSelectedColor, var(--udexColorBlue7));
50
+ --udex-button-more-s-border-color-toggled: var(--udexColorBlue4);
51
+ --udex-button-more-s-text-color-toggled: var(--sapContent_Selected_FocusColor, var(--udexColorBlue9));
52
+ --udex-button-more-s-icon-color-toggled: var(--sapContent_Selected_FocusColor, var(--udexColorBlue9));
51
53
 
52
54
  --udex-button-more-m-font-size: var(--sapFontSize, var(--udexTypographyNavigationMediumXLFontSize));
53
55
  --udex-button-more-m-font-family: var(--sapFontFamily, sans-serif);
@@ -197,10 +199,18 @@
197
199
  line-height: var(--udex-button-tab-line-height);
198
200
  text-decoration: none;
199
201
  text-align: center;
200
- text-transform: capitalize;
202
+ text-transform: var(--udex-button-tab-text-transform);
201
203
  white-space: normal;
202
204
  }
203
205
 
206
+ .udex-tab-navigation__button-text {
207
+ margin: 0;
208
+ }
209
+
210
+ .udex-tab-navigation__button-text::first-letter {
211
+ text-transform: var(--udex-button-tab-text-transform-first-letter);
212
+ }
213
+
204
214
  .udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon {
205
215
  justify-content: start;
206
216
  }
@@ -365,11 +375,6 @@
365
375
  display: none;
366
376
  }
367
377
 
368
- .udex-tab-navigation__button-text {
369
- display: flex;
370
- align-items: center;
371
- }
372
-
373
378
  .udex-tab-navigation__badge {
374
379
  margin-inline-start: var(--udexSpacer4);
375
380
  display: inline-flex;
@@ -1,9 +1,9 @@
1
1
  :host {
2
2
  --udex-table-toolbar-color: var(--sapList_TableGroupHeaderTextColor, var(--udexCoreTextDark, #223548));
3
3
  --udex-table-toolbar-border-color: var(--sapList_TableGroupHeaderBorderColor, var(--udexColorGrey4, #a9b4be));
4
- --udex-table-toolbar-backgroud:var(--sapList_TableGroupHeaderBackground, var(--udexCoreBase, #fff));
4
+ --udex-table-toolbar-background:var(--sapList_TableGroupHeaderBackground, var(--udexCoreBase, #fff));
5
5
  --udex-table-loading-opacity: var(--sapContent_DisabledOpacity, 0.4);
6
- --udex-table-loading-backgroud: var(--udexCoreBase, #fff);
6
+ --udex-table-loading-background: var(--udexCoreBase, #fff);
7
7
  --udex-table-header-sticky-z-index: 3;
8
8
  --udex-table-header-sticky-shadow: 0 8px 8px -8px rgba(34,54,73,0.3);
9
9
  --udex-table-header-footnotes-color: var(--udexColorGrey7, #475e75);
@@ -25,7 +25,7 @@
25
25
  content: '';
26
26
  inset: 0;
27
27
  position: absolute;
28
- background: var(--udex-table-loading-backgroud);
28
+ background: var(--udex-table-loading-background);
29
29
  opacity: var(--udex-table-loading-opacity);
30
30
  }
31
31
 
@@ -39,7 +39,7 @@
39
39
  align-items: center;
40
40
  border-bottom: 1px solid var(--udex-table-toolbar-border-color);
41
41
  padding: var(--udexSpacer16);
42
- background: var(--udex-table-toolbar-backgroud);
42
+ background: var(--udex-table-toolbar-background);
43
43
  }
44
44
 
45
45
  .udex-table-toolbar__actions {
@@ -88,7 +88,7 @@
88
88
  content: '';
89
89
  inset: 0;
90
90
  position: absolute;
91
- background: var(--udex-table-loading-backgroud);
91
+ background: var(--udex-table-loading-background);
92
92
  opacity: var(--udex-table-loading-opacity);
93
93
  }
94
94
 
@@ -1,2 +0,0 @@
1
- const _={packageName:"@sapudex/web-components",fileName:"themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.json",content:`:root{--browser_scrollbar_border_radius: var(--udexRadiusM, 8px);--_ui5-v1-24-17_popup_header_font_family: var(--sapFontFamily);--_ui5-v1-24-17_popup_header_font_weight: var(--udexTypographyFontWeightRegular);--_ui5-v1-24-17_checkbox_inner_background: var(--sapBackgroundColor);--_ui5-v1-24-17_checkbox_inner_border: var(--sapElement_BorderWidth) solid var(--sapField_BorderColor);--_ui5-v1-24-17_checkbox_inner_selected_border_color: var(--sapField_BorderColor);--_ui5-v1-24-17_checkbox_checkmark_color: var(--udexColorBlue7);--_ui5-v1-24-17_checkbox_inner_hover_checked_border_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_checkbox_inner_hover_border_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_checkbox_hover_background: var(--sapInformationBackground, #EBF8FF);--_ui5-v1-24-17_checkbox_inner_active_border_color: var(--sapSelectedColor);--_ui5-v1-24-17_checkbox_label_color: var(--sapField_TextColor);--_ui5-v1-24-17_checkbox_inner_disabled_border_color: var(--sapField_BorderColor);--_ui5-v1-24-17_checkbox_disabled_label_color: var(--sapField_TextColor);--_ui5-v1-24-17_checkbox_inner_width_height: 24px;--_ui5-v1-24-17_checkbox_width_height: 42px;--_ui5-v1-24-17_checkbox_icon_size: 16px;--_ui5-v1-24-17_checkbox_partially_icon_size: 16px;--_ui5-v1-24-17_checkbox_inner_border_radius: 4px;--_ui5-v1-24-17_checkbox_disabled_opacity: var(--sapContent_DisabledOpacity);--_ui5-v1-24-17_checkbox_inner_readonly_border: var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) dashed;--_ui5-v1-24-17_checkbox_inner_success_border: var(--sapField_SuccessBorderWidth) solid var(--udexCoreSemanticSuccess6);--_ui5-v1-24-17_checkbox_inner_success_background_hover: var(--sapSuccessBackground, #F5FAE5);--_ui5-v1-24-17_checkbox_inner_error_border: var(--sapField_InvalidBorderWidth) solid var(--udexCoreSemanticError5);--_ui5-v1-24-17_checkbox_inner_error_background_hover: var(--sapErrorBackground, #FFEAF4);--_ui5-v1-24-17_checkbox_label_offset: .563rem;--_ui5-v1-24-17_checkbox_right_focus_distance: var(--udexSpacer8);--_ui5-v1-24-17_radio_button_outer_ring_bg: var(--sapField_Background, #ffffff);--_ui5-v1-24-17_radio_button_inner_size: 24px;--_ui5-v1-24-17_radio_button_checked_fill: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_radio_button_height: 42px;--_ui5-v1-24-17_radio_button_svg_size: 24px;--_ui5-v1-24-17_radio_button_inner_ring_radius: 25%;--_ui5-v1-24-17_radio_button_outer_ring_padding_with_label: 9px 11px 9px 9px;--_ui5-v1-24-17_radio_button_outer_ring_padding: 9px;--_ui5-v1-24-17_radio_button_label_offset: 0;--_ui5-v1-24-17_radio_button_hover_fill: #EBF8FF;--_ui5-v1-24-17_radio_button_outer_ring_checked_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_radio_button_outer_ring_checked_hover_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_radio_button_outer_ring_color: var(--sapField_BorderColor, #5b738b);--_ui5-v1-24-17_radio_button_outer_ring_hover_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_radio_button_inner_ring_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_radio_button_read_only_inner_ring_color: var(--sapField_ReadOnly_BorderColor, #5B738B);--_ui5-v1-24-17_radio_button_hover_fill_success: var(--sapSuccessBackground, #F5FAE5);--_ui5-v1-24-17_radio_button_hover_fill_error: var(--sapErrorBackground, #FFEAF4);--_ui5-v1-24-17_link_focus_background_color: transparent;--_ui5-v1-24-17_link_focus_color: var(--sapLinkColor);--_ui5-v1-24-17_link_focus_text_decoration: underline;--_ui5-v1-24-17_link_focused_hover_text_color: var(--sapLink_Hover_Color);--_ui5-v1-24-17_link_focused_hover_text_decoration: underline;--_ui5-v1-24-17_progress_indicator_bar_border_radius: 6px;--_ui5-v1-24-17_progress_indicator_root_height: .5rem;--_ui5-v1-24-17_progress_indicator_bar_height: .75rem;--_ui5-v1-24-17_progress_indicator_icon_size: 1.125rem;--_ui5-v1-24-17_progress_indicator_icon_right_position: -24px;--_ui5-v1-24-17_progress_indicator_padding_end: 24px;--_ui5-v1-24-17_toast_vertical_offset: 2.5rem;--_ui5-v1-24-17_toast_background: var(--udexColorNeutralWhite);--_ui5-v1-24-17_toast_shadow: var(--sapContent_Shadow2);--_ui5-v1-24-17_popover_box_shadow: 0px 0px 0px 1px var(--udexColorGrey4);--_ui5-v1-24-17_message_strip_padding_inline_no_icon: var(--udexSpacer12, 12px);--_ui5-v1-24-17_message_strip_padding_block_no_icon: var(--udexSpacer8, 8px);--_ui5-v1-24-17_message_strip_padding: var(--udexSpacer8, 8px) 36px;--_ui5-v1-24-17_message_strip_icon_top:calc(50% - 8px);--_ui5-v1-24-17_daypicker_daynames_container_height: 42px;--_ui5-v1-24-17_daypicker_dayname_color: var(--udexColorGrey6, #5B738B);--_ui5-v1-24-17_daypicker_weekname_color: var(--udexColorGrey6, #5B738B);--_ui5-v1-24-17_daypicker_item_now_border_color: var(--udexColorPink8, #A100C2);--_ui5-v1-24-17_daypicker_item_weeekend_filter: none;--_ui5-v1-24-17_daypicker_item_select_between_border: 1px solid var(--udexColorBlue9, #0040B0);--_ui5-v1-24-17_calendar_header_middle_button_focus_outline: 1px solid var(--udexColorBlue9, #0040B0);--_ui5-v1-24-17_calendar_header_arrow_button_box_shadow: none;--ui5-v1-24-17_carousel_active_dot_background: var(--udexColorBlue9);--_ui5-v1-24-17_tokenizer_padding: var(--udexSpacer12, 12px);--_ui5-v1-24-17_slider_handle_icon_size: var(--udexSpacer20, 1.25rem);--_ui5-v1-24-17_slider_handle_width: 2.75rem;--_ui5-v1-24-17_slider_handle_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-17_slider_handle_top: -.875rem;--_ui5-v1-24-17_slider_label_color: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-17_range_slider_progress_focus_top: -1.18rem;--_ui5-v1-24-17_slider_progress_after_background: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-17_slider_tickmark_bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-17_slider_tickmark_in_range_bg: var(--sapSlider_Selected_BorderColor, #0070f2);--_ui5-v1-24-17_slider_start_end_point_left: -.875rem;--_ui5-v1-24-17_slider_tooltip_bottom: 2.5rem;--_ui5-v1-24-17_slider_tooltip_border: 1px solid var(--sapField_BorderColor, #5B738B);--_ui5-v1-24-17_slider_tooltip_border_radius: var(--udexSpacer4, .25rem);--_ui5-v1-24-17_slider_tooltip_color: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-17_slider_tooltip_fontsize: var(--udexTypographyNavigationRegularMFontSize, 14px);--_ui5-v1-24-17_slider_tooltip_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-17_slider_tooltip_min_width: 2.75rem;--_ui5-v1-24-17_slider_handle_focus_border: 2px solid var(--sapSlider_Active_HandleBorderColor)}udex-phone-number-field{--_ui5-v1-24-17_button_border_radius: var(--udexRadiusXS)}udex-search,udex-password-field,udex-select-box,udex-filter-menu,udex-country-selector{--_ui5-v1-24-17_button_pressed_focused_border_color: transparent}udex-password-field{--_ui5-v1-24-17_icon_transform_scale: none}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5-v1-24-17_button_base_height: 3rem;--_ui5-v1-24-17_button_base_padding: 3rem;--_ui5-v1-24-17_checkbox_inner_width_height: 24px;--_ui5-v1-24-17_checkbox_width_height: 42px;--_ui5-v1-24-17_checkbox_icon_size: 16px;--_ui5-v1-24-17_checkbox_partially_icon_size: 16px;--_ui5-v1-24-17_radio_button_min_width: 42px;--_ui5-v1-24-17_radio_button_outer_ring_padding: 9px;--_ui5-v1-24-17_radio_button_inner_size: 24px;--_ui5-v1-24-17_radio_button_height: 42px;--_ui5-v1-24-17_radio_button_svg_size: 24px;--_ui5-v1-24-17_radio_button_inner_ring_radius: 25%;--_ui5-v1-24-17_radio_button_outer_ring_padding_with_label: 9px 11px 9px 9px;--_ui5-v1-24-17_radio_button_label_offset: 0;--_ui5-v1-24-17_progress_indicator_bar_border_radius: 6px;--_ui5-v1-24-17_progress_indicator_root_height: .5rem;--_ui5-v1-24-17_progress_indicator_bar_height: .75rem;--_ui5-v1-24-17_progress_indicator_icon_size: 1.125rem;--_ui5-v1-24-17_progress_indicator_icon_right_position: -24px;--_ui5-v1-24-17_progress_indicator_padding_end: 24px;--_ui5-v1-24-17_toast_vertical_offset: 2.5rem;--_ui5-v1-24-17_tc_item_text_line_height: 1.25rem;--_ui5-v1-24-17_calendar_top_bottom_padding: var(--udexSpacer8, 8px);--_ui5-v1-24-17_calendar_left_right_padding: var(--udexSpacer8, 8px);--_ui5-v1-24-17_day_picker_item_width: 42px;--_ui5-v1-24-17_day_picker_item_height: 42px;--_ui5-v1-24-17_calendar_width: 371px;--_ui5-v1-24-17_calendar_height: auto;--_ui5-v1-24-17_calendar_header_height: 42px;--_ui5-v1-24-17_calendar_header_arrow_button_width: 42px;--_ui5-v1-24-17_month_picker_item_height: 36px;--_ui5-v1-24-17_monthpicker_item_margin: -8px 0 var(--udexSpacer16, 16px) 0;--_ui5-v1-24-17_year_picker_item_height: 36px;--_ui5-v1-24-17_yearpicker_item_margin: -8px 0 var(--udexSpacer16, 16px) 0;--_ui5-v1-24-17_slider_handle_icon_size: var(--udexSpacer20, 1.25rem);--_ui5-v1-24-17_slider_handle_width: 2.75rem;--_ui5-v1-24-17_slider_handle_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-17_slider_handle_top: -.875rem;--_ui5-v1-24-17_range_slider_progress_focus_top: -1.18rem;--_ui5-v1-24-17_slider_start_end_point_left: -.875rem;--_ui5-v1-24-17_slider_tooltip_bottom: 2.5rem;--_ui5-v1-24-17_slider_tooltip_border_radius: var(--udexSpacer4, .25rem);--_ui5-v1-24-17_slider_tooltip_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-17_slider_tooltip_min_width: 2.75rem;--_ui5-v1-24-17_slider_handle_focus_border: 2px solid var(--sapSlider_Active_HandleBorderColor)}
2
- `},r={_};export{_,r as default};