@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
@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
7
7
  registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
8
8
  registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
9
9
 
10
- const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/RatingIndicator.css.ts",content:`:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v0-173-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
10
+ const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/RatingIndicator.css.ts",content:`:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v0-184-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
11
11
  `};
12
12
  export default styleData;
13
13
 
@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
7
7
  registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
8
8
  registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
9
9
 
10
- const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/Review.css.ts",content:`:host{--udex-review-container-vertical-padding: var(--udexSpacer32);--udex-review-container-vertical-padding-xs: var(--udexSpacer24);--udex-review-xs-gutter: var(--udexSpacer40)}.udex-review__container{width:100%;display:flex;flex-direction:row;align-items:center;padding:var(--udex-review-container-vertical-padding) var(--udexGridXLMargins);font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__container-without-breakdown{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--udex-review-container-vertical-padding) var(--udexGridXLMargins);font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__empty-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer12);padding:var(--udex-review-container-vertical-padding) 0;font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__rating{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold)}.udex-review__content{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold);display:flex;flex-direction:column;justify-content:center;align-items:center;margin-inline-end:var(--udexGridXLGutters);width:calc((100vw / var(--udexGridColumns) * 2) + var(--udexGridXLGutters))}.udex-review__content-without-breakdown{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold);display:flex;flex-direction:row;align-items:center;margin-bottom:0}.udex-review__additional-content{display:flex;flex-direction:column;gap:var(--udexSpacer8);width:100%}.udex-review__additional-content-without-breakdown{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--udexSpacer12);margin-bottom:0}.udex-review__rating-info{display:flex;flex-direction:row;align-items:center;gap:var(--udexSpacer8)}.udex-review__rating-info-without-breakdown{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-inline-start:var(--udexSpacer16);.udex-review__reviews-text{margin-bottom:0}}.udex-review__default-text{font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);margin-bottom:var(--udexSpacer12);text-align:center}.udex-review__reviews-text{font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);color:var(--udexColorGrey7);margin-top:var(--udexSpacer8);margin-bottom:var(--udexSpacer12)}@media (max-width: 1599px){.udex-review__container{padding:var(--udex-review-container-vertical-padding) var(--udexGridLMargins)}}@media (max-width: 1279px){.udex-review__container{padding:var(--udex-review-container-vertical-padding) var(--udexGridMMargins)}.udex-review__content{width:calc((100vw / var(--udexGridColumns) * 3) + 2 * var(--udexGridMGutters))}}@media (max-width: 979px){.udex-review__container-without-breakdown{flex-direction:column;align-items:center;padding:var(--udex-review-container-vertical-padding) var(--udexGridSMargins)}.udex-review__container{padding:var(--udex-review-container-vertical-padding) var(--udexGridSMargins)}.udex-review__content{margin-inline-end:var(--udexGridSGutters);width:calc((100vw / var(--udexGridColumns) * 4) + 3 * var(--udexGridSGutters))}.udex-review__default-text{font-size:var(--udexTypographyBodyXSFontSize)}.udex-review__content-without-breakdown{margin-bottom:var(--udexSpacer16)}.udex-review__additional-content-without-breakdown{justify-content:space-between;gap:var(--udexSpacer16)}}@media (max-width: 639px){.udex-review__container{padding:var(--udex-review-container-vertical-padding-xs) var(--udexGridXSMargins);flex-direction:column;align-items:center}.udex-review__container-without-breakdown{padding:var(--udex-review-container-vertical-padding-xs) var(--udexGridXSMargins)}.udex-review__empty-container{padding:var(--udex-review-container-vertical-padding-xs) 0}.udex-review__content{margin-bottom:var(--udex-review-xs-gutter);margin-inline-end:0}}.udex-review__icon{height:1.5rem;width:1.5rem;color:var(--udexColorMango6)}udex-rating-indicator{--udex-rating_indicator_read-only-unrated_color: var(--udexColorMango6) }.hidden-text{display:none}
10
+ const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/Review.css.ts",content:`:host{--udex-review-container-vertical-padding: var(--udexSpacer32);--udex-review-container-vertical-padding-xs: var(--udexSpacer24);--udex-review-xs-gutter: var(--udexSpacer40)}.udex-review__container{width:100%;display:flex;flex-direction:row;align-items:center;padding:var(--udex-review-container-vertical-padding) var(--udexGridXLMargins);font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__container-without-breakdown{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--udex-review-container-vertical-padding) var(--udexGridXLMargins);font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__empty-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer12);padding:var(--udex-review-container-vertical-padding) 0;font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__rating{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold)}.udex-review__content{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold);display:flex;flex-direction:column;justify-content:center;align-items:center;margin-inline-end:var(--udexGridXLGutters);width:calc((100vw / var(--udexGridColumns) * 2) + var(--udexGridXLGutters))}.udex-review__content-without-breakdown{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold);display:flex;flex-direction:row;align-items:center;margin-bottom:0}.udex-review__additional-content{display:flex;flex-direction:column;gap:var(--udexSpacer8);width:100%}.udex-review__additional-content-without-breakdown{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--udexSpacer12);margin-bottom:0}.udex-review__rating-info{display:flex;flex-direction:row;align-items:center;gap:var(--udexSpacer8)}.udex-review__rating-info-without-breakdown{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-inline-start:var(--udexSpacer16);.udex-review__reviews-text{margin-bottom:0}}.udex-review__default-text{font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);margin-bottom:var(--udexSpacer12);text-align:center}.udex-review__reviews-text{font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);color:var(--udexColorGrey7);margin-top:var(--udexSpacer8);margin-bottom:var(--udexSpacer12)}@media (max-width: 1599px){.udex-review__container{padding:var(--udex-review-container-vertical-padding) var(--udexGridLMargins)}}@media (max-width: 1279px){.udex-review__container{padding:var(--udex-review-container-vertical-padding) var(--udexGridMMargins)}.udex-review__content{width:calc((100vw / var(--udexGridColumns) * 3) + 2 * var(--udexGridMGutters))}}@media (max-width: 979px){.udex-review__container-without-breakdown{flex-direction:column;align-items:center;padding:var(--udex-review-container-vertical-padding) var(--udexGridSMargins)}.udex-review__container{padding:var(--udex-review-container-vertical-padding) var(--udexGridSMargins)}.udex-review__content{margin-inline-end:var(--udexGridSGutters);width:calc((100vw / var(--udexGridColumns) * 4) + 3 * var(--udexGridSGutters))}.udex-review__default-text{font-size:var(--udexTypographyBodyXSFontSize)}.udex-review__content-without-breakdown{margin-bottom:var(--udexSpacer16)}.udex-review__additional-content-without-breakdown{justify-content:space-between;gap:var(--udexSpacer16)}}@media (max-width: 639px){.udex-review__container{padding:var(--udex-review-container-vertical-padding-xs) var(--udexGridXSMargins);flex-direction:column;align-items:center}.udex-review__container-without-breakdown{padding:var(--udex-review-container-vertical-padding-xs) var(--udexGridXSMargins)}.udex-review__empty-container{padding:var(--udex-review-container-vertical-padding-xs) 0}.udex-review__content{margin-bottom:var(--udex-review-xs-gutter);margin-inline-end:0}}.udex-review__icon{height:1.5rem;width:1.5rem;color:var(--udexColorMango6)}[udex-rating-indicator]{--udex-rating_indicator_read-only-unrated_color: var(--udexColorMango6) }.hidden-text{display:none}
11
11
  `};
12
12
  export default styleData;
13
13
 
@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
7
7
  registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
8
8
  registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
9
9
 
10
- const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/ReviewItem.css.ts",content:`:host{--udex-review-item-column-space-xl: var(--udexSpacer84, 84px);--udex-review-item-column-space-l-m: var(--udexSpacer72, 72px);--udex-review-item-column-space-s-xs: var(--udexSpacer24, 24px);--udex-review-item-underline-color: var(--udexColorGrey1);--udex-review-item-text-and-title-color: var(--udexColorGrey9);--udex-review-item-date-and-author-color: var(--udexColorGrey6);--udex-review-item-max-text-height: 48px}.udex-review-item{display:flex;flex-direction:row;width:100%;text-align:left;gap:calc((100vw - (11 * var(--udex-review-item-column-space-xl))) / 12);padding:var(--udexSpacer24) 0;border-bottom:1px solid var(--udex-review-item-underline-color);font-family:var(--sapFontFamily, sans-serif)}.udex-review-item:dir(rtl){text-align:right}.udex-review-item__rating-top{display:flex;gap:var(--udexSpacer24);flex-direction:column}.udex-review-item__rating-top .udex-review-item__rating-container{display:flex;flex-direction:row;justify-content:space-between}.udex-review-item__rating-container,.udex-review-item__text-container{display:flex;flex-direction:column;gap:var(--udexSpacer16)}.udex-review-item__title{font-size:var(--udexTypographyHeadingMediumXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);line-height:var(--udexTypographyHeadingLineHeight);color:var(--udex-review-item-text-and-title-color);padding:0;margin:0}.udex-review-item__date{font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);color:var(--udex-review-item-date-and-author-color)}.udex-review-item__text-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:var(--udexSpacer8)}.udex-review-item__text-expander{font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular)}.udex-review-item__text{font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);color:var(--udex-review-item-text-and-title-color);white-space:pre-wrap;padding:0;margin:0;max-height:var(--udex-review-item-max-text-height);overflow:hidden}.udex-review-item__text-expanded{max-height:none}.udex-review-item__author{font-size:var(--udexTypographyNavigationRegularMFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyNavigationLineHeight);color:var(--udex-review-item-date-and-author-color);padding:0;margin:0}@media (max-width: 1599px){.udex-review-item{gap:calc((100vw - (11 * var(--udex-review-item-column-space-l-m))) / 12)}}@media (max-width: 979px){.udex-review-item{display:flex;gap:var(--udex-review-item-column-space-s-xs);flex-direction:column}.udex-review-item__rating-container{display:flex;flex-direction:row;justify-content:space-between}}udex-rating-indicator{--udex-rating_indicator_read-only-unrated_color: var(--udexColorMango6) }
10
+ const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/ReviewItem.css.ts",content:`:host{--udex-review-item-column-space-xl: var(--udexSpacer84, 84px);--udex-review-item-column-space-l-m: var(--udexSpacer72, 72px);--udex-review-item-column-space-s-xs: var(--udexSpacer24, 24px);--udex-review-item-underline-color: var(--udexColorGrey1);--udex-review-item-text-and-title-color: var(--udexColorGrey9);--udex-review-item-date-and-author-color: var(--udexColorGrey6);--udex-review-item-max-text-height: 48px}.udex-review-item{display:flex;flex-direction:row;width:100%;text-align:left;gap:calc((100vw - (11 * var(--udex-review-item-column-space-xl))) / 12);padding:var(--udexSpacer24) 0;border-bottom:1px solid var(--udex-review-item-underline-color);font-family:var(--sapFontFamily, sans-serif)}.udex-review-item:dir(rtl){text-align:right}.udex-review-item__rating-top{display:flex;gap:var(--udexSpacer24);flex-direction:column}.udex-review-item__rating-top .udex-review-item__rating-container{display:flex;flex-direction:row;justify-content:space-between}.udex-review-item__rating-container,.udex-review-item__text-container{display:flex;flex-direction:column;gap:var(--udexSpacer16)}.udex-review-item__title{font-size:var(--udexTypographyHeadingMediumXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);line-height:var(--udexTypographyHeadingLineHeight);color:var(--udex-review-item-text-and-title-color);padding:0;margin:0}.udex-review-item__date{font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);color:var(--udex-review-item-date-and-author-color)}.udex-review-item__text-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:var(--udexSpacer8)}.udex-review-item__text-expander{font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular)}.udex-review-item__text{font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);color:var(--udex-review-item-text-and-title-color);white-space:pre-wrap;padding:0;margin:0;max-height:var(--udex-review-item-max-text-height);overflow:hidden}.udex-review-item__text-expanded{max-height:none}.udex-review-item__author{font-size:var(--udexTypographyNavigationRegularMFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyNavigationLineHeight);color:var(--udex-review-item-date-and-author-color);padding:0;margin:0}@media (max-width: 1599px){.udex-review-item{gap:calc((100vw - (11 * var(--udex-review-item-column-space-l-m))) / 12)}}@media (max-width: 979px){.udex-review-item{display:flex;gap:var(--udex-review-item-column-space-s-xs);flex-direction:column}.udex-review-item__rating-container{display:flex;flex-direction:row;justify-content:space-between}}[udex-rating-indicator]{--udex-rating_indicator_read-only-unrated_color: var(--udexColorMango6) }
11
11
  `};
12
12
  export default styleData;
13
13
 
@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
7
7
  registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
8
8
  registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
9
9
 
10
- const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/Search.css.ts",content:`:host{--udex-input-color-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-font-family-label: var(--sapFontFamily, sans-serif);--udex-input-font-size-label: var(--sapFontLargeSize, var(--udexTypographyBodySFontSize));--udex-input-font-weight-label: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label: var(--udexTypographyBodyLineHeight, 24px);--udex-input-background-color: var(--sapList_Hover_Background, var(--udexColorGrey1));--udex-input-font-family-label-active: var(--sapFontFamily, sans-serif);--udex-input-font-size-label-active: var(--sapFontSmallSize, var(--udexTypographyBodyXXSFontSize));--udex-input-font-weight-label-active: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label-active: var(--udexTypographyBodyLineHeight, 1.5);--udex-input-color-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-radius: var(--sapField_BorderCornerRadius, var(--udexRadiusXS));--udex-input-padding-horizontal: var(--udexSpacer12, 12px);--udex-input-padding-vertical: var(--udexSpacer8, 8px);--udex-button-size: var(--sapFontHeader2Size, 28px);--udex-button-color: var(--sapAccentColor10, var(--udexColorGrey7));--udex-button-non-interactive-icon-color: var(--sapContent_NonInteractiveIconColor, var(--udexColorGrey7));--udex-button-non-interactive-icon-size: var(--sapFontHeader5Size, 18px);--udex-dropdown-border-width: auto;--udex-search-container-padding-inline-end: var(--udexSpacer12, 12px);--udex-search-label-inset-inline-start: var(--udexSpacer12, 12px);--udex-search-icons-column-gap: var(--udexSpacer12, 12px);--udex-search-label-width: calc( 100% - var(--udex-search-label-inset-inline-start) - var(--udex-input-padding-horizontal) - var(--udex-search-container-padding-inline-end) );display:block;width:100%;position:relative}:host([mode="Standard"]) .udex-search__label.udex-search__label--active{display:none}:host(:not([mode="Home Search"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled,:host(:not([mode="Home Search"])) .udex-search-prefix .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled{display:block;line-height:18px;transform:translateY(-110%);padding:0 4px;font-family:var(--udex-input-font-family-label-active);font-size:var(--udex-input-font-size-label-active);font-weight:var(--udex-input-font-weight-label-active);line-height:var(--udex-input-line-height-label-active);background-color:#fff}:host([mode="Home Search"]) .udex-search__root,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{--udex-input-radius: var(--udexRadiusXXL, 24px);position:relative;z-index:1}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{display:flex;width:100%;position:relative;z-index:1}:host([mode="Home Search"]) .udex-search-prefix .udex-search__prefix+.udex-search__container{border-start-start-radius:0;border-start-end-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:0;border-end-end-radius:var(--udexRadiusXXL, 24px);flex-grow:1}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{content:"";position:absolute;z-index:-1;height:21px;inset-inline:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value) .udex-search__field,:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value) .udex-search__field{background-color:var(--udex-input-background-color)}:host([mode="Home Search"]) .udex-search__label.udex-search__label--active,:host([mode="Home Search"]) .udex-search-prefix .udex-search__label.udex-search__label--active{display:none}.udex-search__container{padding-inline-end:var(--udex-search-container-padding-inline-end);display:flex;align-items:center;position:relative;z-index:1;border:1px solid var(--udex-input-color-border);border-radius:var(--udex-input-radius);background-color:field}.udex-search__container:not(.udex-search__container--focus):hover{border-color:var(--udex-input-color-hover-border)}.udex-search__container--focus{border-color:var(--udex-input-color-active-border)}:host(:not([_is-touched])[active]) .udex-search__root:before{content:"";position:absolute;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udex-input-radius)}:host([mode="Home Search"]:not([_is-touched])[active]) .udex-search__root:before{z-index:-1}.udex-search__field{display:block;width:100%;color:var(--udex-input-color-typed-text);font-size:16px;line-height:24px;padding:var(--udex-input-padding-vertical) var(--udex-input-padding-horizontal);box-sizing:border-box;border:0;border-radius:var(--udex-input-radius);font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-input-color-background-light)}.udex-search__field:focus{outline:none}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.udex-search__label{position:absolute;inset-block-start:9px;inset-inline-start:var(--udex-search-label-inset-inline-start);z-index:2;color:var(--udex-input-color-label);font-family:var(--udex-input-font-family-label);font-size:var(--udex-input-font-size-label);font-weight:var(--udex-input-font-weight-label);line-height:var(--udex-input-line-height-label);transition:transform .15s ease-out,font-size .15s ease-out;overflow:hidden;white-space:nowrap;max-width:var(--udex-search-label-width)}.udex-search__label-with-search-icon,.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size))}.udex-search__label-with-search-icon.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size) * 2 - var(--udex-search-icons-column-gap))}.udex-search__icons{display:flex;align-items:center;column-gap:var(--udex-search-icons-column-gap)}.udex-search__icon{margin-inline:5px;background-color:transparent;border:none;color:var(--udex-button-non-interactive-icon-color);min-width:var(--udex-button-non-interactive-icon-size);height:var(--udex-button-non-interactive-icon-size);border-radius:50%;position:relative;z-index:1;overflow:visible}.udex-search__button{background-color:transparent;border:none;color:var(--udex-button-color);min-width:var(--udex-button-size);height:var(--udex-button-size);border-radius:50%;position:relative;z-index:1;overflow:visible}[ui5-button].udex-search__voice-button--active{color:#0040b0}[ui5-button].udex-search__voice-button--active:before,[ui5-button].udex-search__button:focus:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:28px;height:28px;border:2px solid #0040B0;border-radius:50%;box-sizing:border-box}[ui5-button].udex-search__button::part(button){padding:0;width:28px;height:28px;line-height:0}[ui5-icon].udex-search__button-icon{color:inherit;width:18px;height:18px}[ui5-button].udex-search__button::part(icon){width:18px;height:18px}[ui5-button].udex-search__button::part(button):after{display:none}[ui5-button].udex-search__button:hover{background:transparent;border:none;box-shadow:none}[ui5-button].udex-search__button:focus{outline:none}[ui5-button].udex-search__submit-button--active{position:relative;z-index:1;color:#fff}[ui5-button].udex-search__submit-button--active:before{content:"";position:absolute;z-index:-1;top:0;left:0;width:28px;height:28px;background-color:#0070f2;border-radius:50%}.udex-search__prefix{position:relative;z-index:1}.udex-search__prefix--show-popover:after{content:"";position:absolute;z-index:-1;height:50%;width:50px;inset-inline-start:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}.udex-search__prefix-button{padding-inline:var(--udexSpacer12) var(--udexSpacer8);display:flex;align-items:center;max-width:200px;height:100%;border:1px solid var(--udex-input-color-border);border-inline-end:0;border-start-start-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:var(--udexRadiusXXL, 24px);background-color:var(--sapShell_Navigation_Active_Background, var(--udexColorGrey1));color:var(--sapContent_LabelColor, var(--udexColorGrey7));font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);text-align:start;white-space:nowrap}.udex-search__prefix-button:hover{cursor:pointer;background-color:var(--udexCoreBase);color:var(--udexColorBlue8)}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:-2px}.udex-search__prefix-button--active{background-color:var(--udexCoreBase);color:var(--udexColorBlue10)}.udex-search__prefix-label{margin-inline-end:var(--udexSpacer4, 4px);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.udex-search__prefix-icon{width:16px;height:16px;color:inherit;flex-shrink:1}.udex-search__prefix-popover{border-start-start-radius:0;border-start-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-start:0;box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover::part(content){padding:0}udex-dropdown{--udex-dropdown-pane-max-width: 100%}
10
+ const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/Search.css.ts",content:`:host{--udex-input-color-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-font-family-label: var(--sapFontFamily, sans-serif);--udex-input-font-size-label: var(--sapFontLargeSize, var(--udexTypographyBodySFontSize));--udex-input-font-weight-label: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label: var(--udexTypographyBodyLineHeight, 24px);--udex-input-background-color: var(--sapList_Hover_Background, var(--udexColorGrey1));--udex-input-font-family-label-active: var(--sapFontFamily, sans-serif);--udex-input-font-size-label-active: var(--sapFontSmallSize, var(--udexTypographyBodyXXSFontSize));--udex-input-font-weight-label-active: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label-active: var(--udexTypographyBodyLineHeight, 1.5);--udex-input-color-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-radius: var(--sapField_BorderCornerRadius, var(--udexRadiusXS));--udex-input-padding-horizontal: var(--udexSpacer12, 12px);--udex-input-padding-vertical: var(--udexSpacer8, 8px);--udex-button-size: var(--sapFontHeader2Size, 28px);--udex-button-color: var(--sapAccentColor10, var(--udexColorGrey7));--udex-button-non-interactive-icon-color: var(--sapContent_NonInteractiveIconColor, var(--udexColorGrey7));--udex-button-non-interactive-icon-size: var(--sapFontHeader5Size, 18px);--udex-dropdown-border-width: auto;--udex-search-container-padding-inline-end: var(--udexSpacer12, 12px);--udex-search-label-inset-inline-start: var(--udexSpacer12, 12px);--udex-search-icons-column-gap: var(--udexSpacer12, 12px);--udex-search-label-width: calc( 100% - var(--udex-search-label-inset-inline-start) - var(--udex-input-padding-horizontal) - var(--udex-search-container-padding-inline-end) );display:block;width:100%;position:relative}:host([mode="Standard"]) .udex-search__label.udex-search__label--active{display:none}:host(:not([mode="Home Search"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled,:host(:not([mode="Home Search"])) .udex-search-prefix .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled{display:block;line-height:18px;transform:translateY(-110%);padding:0 4px;font-family:var(--udex-input-font-family-label-active);font-size:var(--udex-input-font-size-label-active);font-weight:var(--udex-input-font-weight-label-active);line-height:var(--udex-input-line-height-label-active);background-color:#fff}:host([mode="Home Search"]) .udex-search__root,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{--udex-input-radius: var(--udexRadiusXXL, 24px);position:relative;z-index:1}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{display:flex;width:100%;position:relative;z-index:1}:host([mode="Home Search"]) .udex-search-prefix .udex-search__prefix+.udex-search__container{border-start-start-radius:0;border-start-end-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:0;border-end-end-radius:var(--udexRadiusXXL, 24px);flex-grow:1}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{content:"";position:absolute;z-index:-1;height:21px;inset-inline:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after,.udex-search__prefix--show-popover-top:after{transform:translateY(-21px)}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value) .udex-search__field,:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value) .udex-search__field{background-color:var(--udex-input-background-color)}:host([mode="Home Search"]) .udex-search__label.udex-search__label--active,:host([mode="Home Search"]) .udex-search-prefix .udex-search__label.udex-search__label--active{display:none}.udex-search__container{padding-inline-end:var(--udex-search-container-padding-inline-end);display:flex;align-items:center;position:relative;z-index:1;border:1px solid var(--udex-input-color-border);border-radius:var(--udex-input-radius);background-color:field}.udex-search__container:not(.udex-search__container--focus):hover{border-color:var(--udex-input-color-hover-border)}.udex-search__container--focus{border-color:var(--udex-input-color-active-border)}:host(:not([_is-touched])[active]) .udex-search__root:before{content:"";position:absolute;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udex-input-radius)}:host([mode="Home Search"]:not([_is-touched])[active]) .udex-search__root:before{z-index:-1}.udex-search__field{display:block;width:100%;color:var(--udex-input-color-typed-text);font-size:16px;line-height:24px;padding:var(--udex-input-padding-vertical) var(--udex-input-padding-horizontal);box-sizing:border-box;border:0;border-radius:var(--udex-input-radius);font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-input-color-background-light)}.udex-search__field::placeholder{color:var(--udex-input-color-label);font-size:var(--udex-input-font-size-label);line-height:var(--udex-input-line-height-label)}.udex-search__field:focus{outline:none}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.udex-search__label{position:absolute;inset-block-start:9px;inset-inline-start:var(--udex-search-label-inset-inline-start);z-index:2;color:var(--udex-input-color-label);font-family:var(--udex-input-font-family-label);font-size:var(--udex-input-font-size-label);font-weight:var(--udex-input-font-weight-label);line-height:var(--udex-input-line-height-label);transition:transform .15s ease-out,font-size .15s ease-out;overflow:hidden;white-space:nowrap;max-width:var(--udex-search-label-width)}.udex-search__label-with-search-icon,.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size))}.udex-search__label-with-search-icon.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size) * 2 - var(--udex-search-icons-column-gap))}.udex-search__icons{display:flex;align-items:center;column-gap:var(--udex-search-icons-column-gap)}.udex-search__icon{margin-inline:5px;background-color:transparent;border:none;color:var(--udex-button-non-interactive-icon-color);min-width:var(--udex-button-non-interactive-icon-size);height:var(--udex-button-non-interactive-icon-size);border-radius:50%;position:relative;z-index:1;overflow:visible}.udex-search__button{background-color:transparent;border:none;color:var(--udex-button-color);min-width:var(--udex-button-size);height:var(--udex-button-size);border-radius:50%;position:relative;z-index:1;overflow:visible}[ui5-button].udex-search__voice-button--active{color:#0040b0}[ui5-button].udex-search__voice-button--active:before,[ui5-button].udex-search__button:focus:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:28px;height:28px;border:2px solid #0040B0;border-radius:50%;box-sizing:border-box}[ui5-button].udex-search__button::part(button){padding:0;width:28px;height:28px;line-height:0}[ui5-icon].udex-search__button-icon{color:inherit;width:18px;height:18px}[ui5-button].udex-search__button::part(icon){width:18px;height:18px}[ui5-button].udex-search__button::part(button):after{display:none}[ui5-button].udex-search__button:hover{background:transparent;border:none;box-shadow:none}[ui5-button].udex-search__button:focus{outline:none}[ui5-button].udex-search__submit-button--active{position:relative;z-index:1;color:#fff}[ui5-button].udex-search__submit-button--active:before{content:"";position:absolute;z-index:-1;top:0;left:0;width:28px;height:28px;background-color:#0070f2;border-radius:50%}.udex-search__prefix{position:relative;z-index:1}.udex-search__prefix--show-popover:after,.udex-search__prefix--show-popover-top:after{content:"";position:absolute;z-index:-1;height:50%;width:50px;inset-inline-start:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}.udex-search__prefix-button{padding-inline:var(--udexSpacer12) var(--udexSpacer8);display:flex;align-items:center;max-width:200px;height:100%;border:1px solid var(--udex-input-color-border);border-inline-end:0;border-start-start-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:var(--udexRadiusXXL, 24px);background-color:var(--sapShell_Navigation_Active_Background, var(--udexColorGrey1));color:var(--sapContent_LabelColor, var(--udexColorGrey7));font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);text-align:start;white-space:nowrap}.udex-search__prefix-button:hover{cursor:pointer;background-color:var(--udexCoreBase);color:var(--udexColorBlue8)}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:-2px}.udex-search__prefix-button--active{background-color:var(--udexCoreBase);color:var(--udexColorBlue10)}.udex-search__prefix-label{margin-inline-end:var(--udexSpacer4, 4px);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.udex-search__prefix-icon{width:16px;height:16px;color:inherit;flex-shrink:1}.udex-search__prefix-popover{border-start-start-radius:0;border-start-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-start:0;box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover-top{border-end-start-radius:0;border-end-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-end:0;box-shadow:none;background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover::part(content),.udex-search__prefix-popover-top::part(content){padding:0}[udex-dropdown]{--udex-dropdown-pane-max-width: 100%}
11
11
  `};
12
12
  export default styleData;
13
13
 
@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
7
7
  registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
8
8
  registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
9
9
 
10
- const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/SearchSuggestions.css.ts",content:`:host{--udex-popover-box-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-popover-background-color: var(--udexColorNeutralWhite, #fff);--udex-popover-border-color: var(--udexColorGrey6, #5B738B);--udex-popover-border-radius: var(--sapPopover_BorderCornerRadius, var(--udexRadiusM));--udex-popover-border-color-divider: var(--udexColorGrey7, #475E75);--udex-block-padding-vertical: var(--udexSpacer24, 24px);--udex-heading-padding-horizontal: var(--udexSpacer12, 12px);--udex-heading-margin-vertical: var(--udexSpacer8, 8px);--udex-heading-font-family: var(--sapFontFamily, sans-serif);--udex-heading-font-size: var(--udexTypographyNavigationMediumMFontSize, 14px);--udex-heading-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-heading-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-padding-horizontal: var(--udexSpacer12, 12px);--udex-button-padding-vertical: var(--udexSpacer12, 12px);--udex-button-font-family: var(--sapFontFamily, sans-serif);--udex-button-font-size: var(--udexTypographyBodySFontSize, 16px);--udex-button-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-button-line-height: var(--udexTypographyBodyLineHeight, 24px);--udex-button-border-color: var(--udexColorBlue10, #002A86);--udex-button-icon-color: var(--sapButton_IconColor, #475E75);--udex-button-highlighted-font-family: var(--sapFontFamily, sans-serif);--udex-button-highlighted-font-size: var(--udexTypographyNavigationBoldXLFontSize, 16px);--udex-button-highlighted-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-button-highlighted-line-height: var(--udexTypographyHeadingLineHeight, 1.1)}.udex-search-suggestions__root{background-color:var(--udex-popover-background-color);border:1px solid var(--udex-popover-border-color);border-radius:var(--udex-popover-border-radius);box-shadow:var(--udex-popover-box-shadow);clip-path:inset(0px -10px -10px -10px)}.udex-search-suggestions__root--home{border-top-left-radius:0;border-top-right-radius:0;border-top:0}.udex-search-suggestions__root--home .udex-search-suggestions__block:first-child{margin-top:-5px}.udex-search-suggestions__root::part(content){padding:0}.udex-search-suggestions__block{padding-block-start:var(--udex-block-padding-vertical);border-block-end:1px solid var(--udex-popover-border-color-divider);font-family:var(--sapFontFamily, sans-serif)}.udex-search-suggestions__block:last-child{border-block-end:0}.udex-search-suggestions__heading,.udex-search-suggestions__message{margin-block-end:var(--udex-heading-margin-vertical);padding-inline:var(--udex-heading-padding-horizontal) var(--udex-heading-padding-horizontal);display:block;font-family:var(--udex-heading-font-family);font-size:var(--udex-heading-font-size);line-height:var(--udex-heading-line-height);font-weight:var(--udex-heading-font-weight);color:#475e75;text-transform:uppercase}.udex-search-suggestions__message{margin-block:var(--udex-heading-margin-vertical);text-align:center}.udex-search-suggestions__list{margin:0;padding:0;list-style:none}.udex-search-suggestions__list:focus{outline:2px solid var(--udex-button-border-color);outline-offset:-2px;border-radius:var(--udexRadiusXS)}[ui5-button].udex-search-suggestions__item-button{background-color:transparent;border:0;border-radius:0;width:100%;color:#223548;font-family:var(--udex-button-font-family);font-size:var(--udex-button-font-size);line-height:var(--udex-button-line-height);font-weight:var(--udex-button-font-weight);height:auto;cursor:pointer}[ui5-button].udex-search-suggestions__item-button:hover{box-shadow:none;background-color:#f5f6f7}[ui5-button].udex-search-suggestions__item-button:active,[ui5-button].udex-search-suggestions__item-button--active{background-color:#eaecee}[ui5-button].udex-search-suggestions__item-button::part(button){padding-inline:var(--udex-button-padding-vertical) var(--udex-button-padding-vertical);padding-block:var(--udex-button-padding-horizontal) var(--udex-button-padding-horizontal);justify-content:normal}.udex-search-suggestions__item-button [ui5-icon]{margin-inline-end:12px;width:18px;height:18px}.udex-search-suggestions__item-button::part(icon){color:var(--udex-button-icon-color)}.udex-search-suggestions__item-button b{font-family:var(--udex-button-highlighted-font-family);font-size:var(--udex-button-highlighted-font-size);font-weight:var(--udex-button-highlighted-font-weight);line-height:var(--udex-button-highlighted-line-height)}
10
+ const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/SearchSuggestions.css.ts",content:`:host{--udex-popover-box-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-popover-top-box-shadow: 0px -2px 8px 0px rgba(34,54,73,.3);--udex-popover-background-color: var(--udexColorNeutralWhite, #fff);--udex-popover-border-color: var(--udexColorGrey6, #5B738B);--udex-popover-border-radius: var(--sapPopover_BorderCornerRadius, var(--udexRadiusM));--udex-popover-border-color-divider: var(--udexColorGrey7, #475E75);--udex-block-padding-vertical: var(--udexSpacer24, 24px);--udex-heading-padding-horizontal: var(--udexSpacer12, 12px);--udex-heading-margin-vertical: var(--udexSpacer8, 8px);--udex-heading-font-family: var(--sapFontFamily, sans-serif);--udex-heading-font-size: var(--udexTypographyNavigationMediumMFontSize, 14px);--udex-heading-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-heading-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-padding-horizontal: var(--udexSpacer12, 12px);--udex-button-padding-vertical: var(--udexSpacer12, 12px);--udex-button-font-family: var(--sapFontFamily, sans-serif);--udex-button-font-size: var(--udexTypographyBodySFontSize, 16px);--udex-button-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-button-line-height: var(--udexTypographyBodyLineHeight, 24px);--udex-button-border-color: var(--udexColorBlue10, #002A86);--udex-button-icon-color: var(--sapButton_IconColor, #475E75);--udex-button-highlighted-font-family: var(--sapFontFamily, sans-serif);--udex-button-highlighted-font-size: var(--udexTypographyNavigationBoldXLFontSize, 16px);--udex-button-highlighted-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-button-highlighted-line-height: var(--udexTypographyHeadingLineHeight, 1.1)}.udex-search-suggestions__root{background-color:var(--udex-popover-background-color);border:1px solid var(--udex-popover-border-color);border-radius:var(--udex-popover-border-radius);box-shadow:var(--udex-popover-box-shadow);clip-path:inset(0px -10px -10px -10px)}.udex-search-suggestions__root--home{border-top-left-radius:0;border-top-right-radius:0;border-top:0}.udex-search-suggestions__root-top--home{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0;box-shadow:none}.udex-search-suggestions__root-top--home .udex-search-suggestions__block:last-child{margin-bottom:-5px}.udex-search-suggestions__root-top--home .udex-search-suggestions__block:first-child{margin-top:0}.udex-search-suggestions__root--home .udex-search-suggestions__block:first-child{margin-top:-5px}.udex-search-suggestions__root::part(content){padding:0}.udex-search-suggestions__block{padding-block-start:var(--udex-block-padding-vertical);border-block-end:1px solid var(--udex-popover-border-color-divider);font-family:var(--sapFontFamily, sans-serif)}.udex-search-suggestions__block:last-child{border-block-end:0}.udex-search-suggestions__heading,.udex-search-suggestions__message{margin-block-end:var(--udex-heading-margin-vertical);padding-inline:var(--udex-heading-padding-horizontal) var(--udex-heading-padding-horizontal);display:block;font-family:var(--udex-heading-font-family);font-size:var(--udex-heading-font-size);line-height:var(--udex-heading-line-height);font-weight:var(--udex-heading-font-weight);color:#475e75;text-transform:uppercase}.udex-search-suggestions__message{margin-block:var(--udex-heading-margin-vertical);text-align:center}.udex-search-suggestions__list{margin:0;padding:0;list-style:none}.udex-search-suggestions__list:focus{outline:2px solid var(--udex-button-border-color);outline-offset:-2px;border-radius:var(--udexRadiusXS)}[ui5-button].udex-search-suggestions__item-button{background-color:transparent;border:0;border-radius:0;width:100%;color:#223548;font-family:var(--udex-button-font-family);font-size:var(--udex-button-font-size);line-height:var(--udex-button-line-height);font-weight:var(--udex-button-font-weight);height:auto;cursor:pointer}[ui5-button].udex-search-suggestions__item-button:hover{box-shadow:none;background-color:#f5f6f7}[ui5-button].udex-search-suggestions__item-button:active,[ui5-button].udex-search-suggestions__item-button--active{background-color:#eaecee}[ui5-button].udex-search-suggestions__item-button::part(button){padding-inline:var(--udex-button-padding-vertical) var(--udex-button-padding-vertical);padding-block:var(--udex-button-padding-horizontal) var(--udex-button-padding-horizontal);justify-content:normal}.udex-search-suggestions__item-button [ui5-icon]{margin-inline-end:12px;width:18px;height:18px}.udex-search-suggestions__item-button::part(icon){color:var(--udex-button-icon-color)}.udex-search-suggestions__item-button b{font-family:var(--udex-button-highlighted-font-family);font-size:var(--udex-button-highlighted-font-size);font-weight:var(--udex-button-highlighted-font-weight);line-height:var(--udex-button-highlighted-line-height)}
11
11
  `};
12
12
  export default styleData;
13
13
 
@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
7
7
  registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
8
8
  registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
9
9
 
10
- const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/SegmentedButton.css.ts",content:`:host{--udex-segmented-button-border-color: var(--udexColorGrey4, #A9B4BE);--udex-segmented-button-medium-width: 36px;--udex-segmented-button-large-width: 42px;--udex-segmented-button-small-width: 25px}:host ::slotted(udex-segmented-button-item){--udex-segmented-button-item-medium-width: var(--udex-segmented-button-medium-width);--udex-segmented-button-item-small-width: var(--udex-segmented-button-small-width);--udex-segmented-button-item-large-width: var(--udex-segmented-button-large-width)}:host(:not([hidden])){min-width:calc(var(--udex-segmented-button-items-count)* var(--udex-segmented-button-medium-width))}:host([size="Small"]:not([hidden])){min-width:calc(var(--udex-segmented-button-items-count)* var(--udex-segmented-button-small-width))}:host([size="Large"]:not([hidden])){min-width:calc(var(--udex-segmented-button-items-count)* var(--udex-segmented-button-large-width))}.ui5-segmented-button-root{grid-template-columns:repeat(var(--udex-segmented-button-items-count),minmax(var(--udex-segmented-button-medium-width),1fr))}:host([size="Small"]) .ui5-segmented-button-root{grid-template-columns:repeat(var(--udex-segmented-button-items-count),minmax(var(--udex-segmented-button-small-width),1fr))}:host([size="Large"]) .ui5-segmented-button-root{grid-template-columns:repeat(var(--udex-segmented-button-items-count),minmax(var(--udex-segmented-button-large-width),1fr))}.ui5-segmented-button-root{box-shadow:inset 0 0 0 var(--sapButton_BorderWidth) var(--udex-segmented-button-border-color)}
10
+ const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/SegmentedButton.css.ts",content:`:host{--udex-segmented-button-border-color: var(--udexColorGrey4, #A9B4BE);--udex-segmented-button-medium-width: 36px;--udex-segmented-button-large-width: 42px;--udex-segmented-button-small-width: 25px}:host ::slotted([udex-segmented-button-item]){--udex-segmented-button-item-medium-width: var(--udex-segmented-button-medium-width);--udex-segmented-button-item-small-width: var(--udex-segmented-button-small-width);--udex-segmented-button-item-large-width: var(--udex-segmented-button-large-width)}:host(:not([hidden])){min-width:calc(var(--udex-segmented-button-items-count)* var(--udex-segmented-button-medium-width))}:host([size="Small"]:not([hidden])){min-width:calc(var(--udex-segmented-button-items-count)* var(--udex-segmented-button-small-width))}:host([size="Large"]:not([hidden])){min-width:calc(var(--udex-segmented-button-items-count)* var(--udex-segmented-button-large-width))}.ui5-segmented-button-root{grid-template-columns:repeat(var(--udex-segmented-button-items-count),minmax(var(--udex-segmented-button-medium-width),1fr))}:host([size="Small"]) .ui5-segmented-button-root{grid-template-columns:repeat(var(--udex-segmented-button-items-count),minmax(var(--udex-segmented-button-small-width),1fr))}:host([size="Large"]) .ui5-segmented-button-root{grid-template-columns:repeat(var(--udex-segmented-button-items-count),minmax(var(--udex-segmented-button-large-width),1fr))}.ui5-segmented-button-root{box-shadow:inset 0 0 0 var(--sapButton_BorderWidth) var(--udex-segmented-button-border-color)}
11
11
  `};
12
12
  export default styleData;
13
13
 
@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
7
7
  registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
8
8
  registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
9
9
 
10
- const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/SideNavigationMobileDropdown.css.ts",content:`:host{--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-item-bottom-margin: var(--udexSpacer8);--udex-side-navigation-icon-font-size: 1.25rem;--udex-side-navigation-item-padding-left: var(--udexSpacer16);--udex-side-navigation-mobile-trigger-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 #2236494D);--udex-side-navigation-mobile-trigger-padding-horizontal: var(--udexSpacer16);--udex-side-navigation-mobile-active-trigger-border-color: var(--udexColorBlue7, #0070F2);--udex-side-navigation-mobile-active-arrow-color: var(--udexColorBlue7, #0070F2);--udex-side-navigation-padding-vertical: var(--udexSpacer16);width:100%;font-size:var(--udexTypographyNavigationMediumMFontSize);font-family:var(--sapFontFamily)}.udex-side-navigation-mobile__popover{--udex-dropdown-vertical-distance: 0;--udex-dropdown-box-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 #2236494D);--udex-dropdown-border-radius: 0;--udex-dropdown-border-width: 0;--udex-dropdown-pane-max-width: 100%;--udex-dropdown-pane-overflow: auto}udex-side-navigation{--udex-side-navigation-max-width: 100%;--udex-side-navigation-padding: var(--udex-side-navigation-padding-vertical) 0}
10
+ const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/SideNavigationMobileDropdown.css.ts",content:`:host{--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-item-bottom-margin: var(--udexSpacer8);--udex-side-navigation-icon-font-size: 1.25rem;--udex-side-navigation-item-padding-left: var(--udexSpacer16);--udex-side-navigation-mobile-trigger-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 #2236494D);--udex-side-navigation-mobile-trigger-padding-horizontal: var(--udexSpacer16);--udex-side-navigation-mobile-active-trigger-border-color: var(--udexColorBlue7, #0070F2);--udex-side-navigation-mobile-active-arrow-color: var(--udexColorBlue7, #0070F2);--udex-side-navigation-padding-vertical: var(--udexSpacer16);width:100%;font-size:var(--udexTypographyNavigationMediumMFontSize);font-family:var(--sapFontFamily)}.udex-side-navigation-mobile__popover{--udex-dropdown-vertical-distance: 0;--udex-dropdown-box-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 #2236494D);--udex-dropdown-border-radius: 0;--udex-dropdown-border-width: 0;--udex-dropdown-pane-max-width: 100%;--udex-dropdown-pane-overflow: auto}[udex-side-navigation]{--udex-side-navigation-max-width: 100%;--udex-side-navigation-padding: var(--udex-side-navigation-padding-vertical) 0}
11
11
  `};
12
12
  export default styleData;
13
13
 
@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
7
7
  registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
8
8
  registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
9
9
 
10
- const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/Slider.css.ts",content:`:host{--udex-slider-color-track-start-point: var( --sapSlider_Selected_Background, #0070f2 );--udex-slider-color-track-active: var( --sapSlider_Selected_Background, #0070f2 );--udex-slider-color-handle-focus-range: var( --sapSlider_Selected_BorderColor, #0070f2 );--udex-slider-color-handle-active-background: var( --sapSlider_Active_HandleBackground, #ffffff );--udex-slider-color-handle-default-icon: var( --sapContent_Selected_ForegroundColor, #0040b0 );--udex-slider-radius-range-size: var(---udexRadiusM, .5rem)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v0-173-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}
10
+ const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/Slider.css.ts",content:`:host{--udex-slider-color-track-start-point: var( --sapSlider_Selected_Background, #0070f2 );--udex-slider-color-track-active: var( --sapSlider_Selected_Background, #0070f2 );--udex-slider-color-handle-focus-range: var( --sapSlider_Selected_BorderColor, #0070f2 );--udex-slider-color-handle-active-background: var( --sapSlider_Active_HandleBackground, #ffffff );--udex-slider-color-handle-default-icon: var( --sapContent_Selected_ForegroundColor, #0040b0 );--udex-slider-radius-range-size: var(---udexRadiusM, .5rem)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v0-184-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}
11
11
  `};
12
12
  export default styleData;
13
13
 
@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
7
7
  registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
8
8
  registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
9
9
 
10
- const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/StepInput.css.ts",content:`:host{--udex-step-input-button-size: 42px;--udex-step-input-input-horizontal-padding: var(--udexSpacer8, 8px);--udex-step-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-step-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-step-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-step-input-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-step-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-step-input-color-warning-active-border: var(--udexCoreSemanticWarning9, #8D2A00);--udex-step-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-step-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F)}:host udex-text-field{--udex-input-color-standard-hover-border: var(--udex-step-input-color-standard-hover-border);--udex-input-color-standard-active-border: var(--udex-step-input-color-standard-active-border);--udex-input-color-error-hover-border: var(--udex-step-input-color-error-hover-border);--udex-input-color-error-active-border: var(--udex-step-input-color-error-active-border);--udex-input-color-warning-hover-border: var(--udex-step-input-color-warning-hover-border);--udex-input-color-warning-active-border: var(--udex-step-input-color-warning-active-border);--udex-input-color-success-hover-border: var(--udex-step-input-color-success-hover-border);--udex-input-color-success-active-border: var(--udex-step-input-color-success-active-border)}:host(:not([displayonly])) .udex-step-input__root{display:flex;align-items:flex-start}:host .udex-step-input__button{--udex-control-button-large-height: var(--udex-step-input-button-size);--udex-control-button-large-width: var(--udex-step-input-button-size);position:relative;padding:var(--udexSpacer4, 4px);width:38px;z-index:3;background:none;flex-shrink:0}:host .udex-step-input__root .udex-step-input__button_inc:not(:disabled):dir(ltr),:host .udex-step-input__root .udex-step-input__button_dec:not(:disabled):dir(rtl){border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent}:host .udex-step-input__root .udex-step-input__button_inc:not(:disabled):dir(rtl),:host .udex-step-input__root .udex-step-input__button_dec:not(:disabled):dir(ltr){border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent}:host([readonly]) .udex-step-input__button{opacity:1}:host(:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-standard-hover-border)}:host([value-state="Success"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-success-hover-border)}:host([value-state="Warning"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-warning-hover-border)}:host([value-state="Error"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-error-hover-border)}:host(:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-standard-active-border)}:host([value-state="Success"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-success-active-border)}:host([value-state="Warning"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-warning-active-border)}:host([value-state="Error"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-error-active-border)}:host(:not([displayonly])) udex-text-field::part(textfield-input){padding-right:calc(var(--udex-step-input-button-size) + var(--udex-step-input-input-horizontal-padding));padding-left:calc(var(--udex-step-input-button-size) + var(--udex-step-input-input-horizontal-padding))}:host(:not([displayonly])) udex-text-field{margin-right:calc(var(--udex-step-input-button-size) * -1);margin-left:calc(var(--udex-step-input-button-size) * -1);width:100%}:host(:not([displayonly])) udex-text-field::part(textfield-input){text-align:end}:host .udex-step-input__button_dec{order:1}:host udex-text-field{order:2}:host .udex-step-input__button_inc{order:3}
10
+ const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/StepInput.css.ts",content:`:host{--udex-step-input-button-size: 42px;--udex-step-input-input-horizontal-padding: var(--udexSpacer8, 8px);--udex-step-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-step-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-step-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-step-input-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-step-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-step-input-color-warning-active-border: var(--udexCoreSemanticWarning9, #8D2A00);--udex-step-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-step-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F)}:host [udex-text-field]{--udex-input-color-standard-hover-border: var(--udex-step-input-color-standard-hover-border);--udex-input-color-standard-active-border: var(--udex-step-input-color-standard-active-border);--udex-input-color-error-hover-border: var(--udex-step-input-color-error-hover-border);--udex-input-color-error-active-border: var(--udex-step-input-color-error-active-border);--udex-input-color-warning-hover-border: var(--udex-step-input-color-warning-hover-border);--udex-input-color-warning-active-border: var(--udex-step-input-color-warning-active-border);--udex-input-color-success-hover-border: var(--udex-step-input-color-success-hover-border);--udex-input-color-success-active-border: var(--udex-step-input-color-success-active-border)}:host(:not([displayonly])) .udex-step-input__root{display:flex;align-items:flex-start}:host .udex-step-input__button{--udex-control-button-large-height: var(--udex-step-input-button-size);--udex-control-button-large-width: var(--udex-step-input-button-size);position:relative;padding:var(--udexSpacer4, 4px);width:38px;z-index:3;background:none;flex-shrink:0}:host .udex-step-input__root .udex-step-input__button_inc:not(:disabled):dir(ltr),:host .udex-step-input__root .udex-step-input__button_dec:not(:disabled):dir(rtl){border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent}:host .udex-step-input__root .udex-step-input__button_inc:not(:disabled):dir(rtl),:host .udex-step-input__root .udex-step-input__button_dec:not(:disabled):dir(ltr){border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent}:host([readonly]) .udex-step-input__button{opacity:1}:host(:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-standard-hover-border)}:host([value-state="Success"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-success-hover-border)}:host([value-state="Warning"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-warning-hover-border)}:host([value-state="Error"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-error-hover-border)}:host(:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-standard-active-border)}:host([value-state="Success"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-success-active-border)}:host([value-state="Warning"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-warning-active-border)}:host([value-state="Error"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-error-active-border)}:host(:not([displayonly])) [udex-text-field]::part(textfield-input){padding-right:calc(var(--udex-step-input-button-size) + var(--udex-step-input-input-horizontal-padding));padding-left:calc(var(--udex-step-input-button-size) + var(--udex-step-input-input-horizontal-padding))}:host(:not([displayonly])) [udex-text-field]{margin-right:calc(var(--udex-step-input-button-size) * -1);margin-left:calc(var(--udex-step-input-button-size) * -1);width:100%}:host(:not([displayonly])) [udex-text-field]::part(textfield-input){text-align:end}:host .udex-step-input__button_dec{order:1}:host [udex-text-field]{order:2}:host .udex-step-input__button_inc{order:3}
11
11
  `};
12
12
  export default styleData;
13
13
 
@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
7
7
  registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
8
8
  registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
9
9
 
10
- const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/TabNavigation.css.ts",content:`:host{--udex-header-background-color: transparent;--udex-button-tab-vertical-gap: var(--udexSpacer32, 32px);--udex-button-tab-text-color-default: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-text-color-hover: var(--sapHoverColor, var(--udexColorBlue7));--udex-button-tab-text-color-active: var(--sapShell_Navigation_Selected_TextColor, var(--udexColorBlue7));--udex-button-tab-border-color-active: var(--sapShell_Navigation_SelectedColor, var(--udexColorBlue7));--udex-button-tab-font-size-default: var(--sapFontSize, var(--udexTypographyNavigationBoldXLFontSize));--udex-button-tab-font-family: var(--sapFontFamily, sans-serif);--udex-button-tab-font-weight: var(--sapButton_Emphasized_FontWeight, var(--udexTypographyFontWeightBold));--udex-button-tab-line-height: 1.125;--udex-button-tab-padding-vertical: var(--udexSpacer12, 12px);--udex-button-tab-padding-horizontal: var(--udexSpacer4, 4px);--udex-button-tab-with-icon-without-background-border-color-active: transparent;--udex-button-tab-with-icon-background: var(--sapList_SelectionBackgroundColor, var(--udexColorBlue1));--udex-button-tab-with-icon-background-hover: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-button-tab-with-icon-color: var(--sapAccentColor6, var(--udexColorBlue7));--udex-button-tab-with-icon-color-hover: var(--sapContent_MarkerIconColor, var(--udexColorBlue9));--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px);--udex-button-tab-with-icon-background-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-color-active: var(--sapBackgroundColor, var(--udexColorNeutralWhite));--udex-button-tab-with-icon-without-background-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-with-icon-without-background-color-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-without-background-margin-bottom: var(--udexSpacer16, 16px);--udex-button-tab-with-icon-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-tab-with-icon-text-color-active: var(--sapTextColor, --udexCoreNavigation);--udex-tab-navigation-tab-with-icon-without-background-color: transparent;--udex-tab-navigation-tab-with-icon-without-background-color-active: transparent;--udex-button-more-margin-inline-end: 0;--udex-button-more-s-font-size: var(--udexTypographyNavigationMediumMFontSize, 14px);--udex-button-more-s-font-family: var(--sapFontFamily, sans-serif);--udex-button-more-s-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-more-s-line-height: 1.07143;--udex-button-more-s-text-color: var(--sapTextColor, var(--udexColorGrey9));--udex-button-more-s-padding-vertical: var(--udexSpacer4, 4px);--udex-button-more-s-padding-horizontal: var(--udexSpacer8, 8px);--udex-button-more-s-border-color: var(--sapButton_Neutral_BorderColor, var(--udexColorGrey4));--udex-button-more-s-icon-margin-inline-start: var(--udexSpacer4, 4px);--udex-button-more-s-icon-color: var(--sapTextColor, var(--udexColorGrey9));--udex-button-more-s-border-color-toggled: var(--sapButton_Emphasized_Background, var(--udexColorBlue7));--udex-button-more-s-text-color-toggled: var(--sapSelectedColor, var(--udexColorBlue7));--udex-button-more-s-icon-color-toggled: var(--sapSelectedColor, var(--udexColorBlue7));--udex-button-more-m-font-size: var(--sapFontSize, var(--udexTypographyNavigationMediumXLFontSize));--udex-button-more-m-font-family: var(--sapFontFamily, sans-serif);--udex-button-more-m-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-more-m-line-height: 1.125;--udex-button-more-m-padding-vertical: var(--udexSpacer8, 8px);--udex-button-more-m-padding-horizontal: var(--udexSpacer12, 12px);--udex-tab-navigation-content-padding-vertical-desktop: var(--udexSpacer40, 40px);--udex-tab-navigation-content-padding-vertical-mobile: var(--udexSpacer32, 32px);--udex-tab-navigation-content-font-family: var(--sapFontFamily, sans-serif);--udex-tab-navigation-content-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-tab-navigation-content-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-navigation-content-line-height: var(--udexTypographyHeadingLineHeight, 1.1)}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer{margin-bottom:var(--udex-button-tab-with-icon-without-background-margin-bottom);background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color);color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active:before{background-color:var(--udex-button-tab-with-icon-without-background-border-color-active)}:host([mode="Dark"]){--udex-header-background-color: var(--sapList_GroupHeaderTextColor, var(--udexColorGrey10));--udex-button-tab-text-color-default: var(--sapList_GroupHeaderBackground, var(--udexColorNeutralWhite));--udex-button-tab-text-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-border-color-active: transparent;--udex-button-tab-with-icon-background: transparent;--udex-button-tab-with-icon-color: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-background-active: transparent;--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge,:host([icon-without-background]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-inline-end:-9px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer,:host([icon-without-background]) .udex-tab-navigation__button-icon{width:24px;height:24px}:host([icon-without-background]) .udex-tab-navigation__button-tab--with-icon{padding-block-end:var(--udex-button-tab-padding-vertical)}:host([icon-without-background]) .udex-tabs-navigation__button-tab{padding-bottom:var(--udex-button-tab-padding-vertical)}:host(:not([icon-without-background])) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{color:var(--udex-button-tab-with-icon-text-color-active)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer,:host([mode="Dark"]) .udex-tab-navigation__button-icon{width:32px;height:32px}:host([size-more-button="Medium"]) .udex-tab-navigation__button-more{padding:var(--udex-button-more-m-padding-vertical) var(--udex-button-more-m-padding-horizontal);height:34px;font-size:var(--udex-button-more-m-font-size);font-family:var(--udex-button-more-m-font-family);font-weight:var(--udex-button-more-m-font-weight);line-height:var(--udex-button-more-m-line-height)}:host([desktop]) .udex-tab-navigation__button-tab:focus .udex-tab-navigation__button-text,.udex-tab-navigation__button-tab:focus-visible .udex-tab-navigation__button-text{outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.udex-tab-navigation__root{width:100%}.udex-tab-navigation__header{background-color:var(--udex-header-background-color);min-height:43px;display:flex;align-items:center;position:relative}.udex-tab-navigation__header:before{content:"";position:absolute;left:0;right:0;bottom:0;z-index:-1;border-bottom:1px solid var(--udexColorGrey3, #D5DADD)}.udex-tab-navigation__header-tabs{display:flex;flex:1 1 0%;overflow:hidden;white-space:nowrap}.udex-tab-navigation__button-tab,.udex-tab-navigation__button-more{padding:0;display:block;background:none;border:0;border-radius:0;cursor:pointer}.udex-tab-navigation__button-tab{padding:var(--udex-button-tab-padding-vertical) var(--udex-button-tab-padding-horizontal) calc(var(--udex-button-tab-padding-vertical) + 3px);position:relative;z-index:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--udex-button-tab-text-color-default);font-size:var(--udex-button-tab-font-size-default);font-family:var(--udex-button-tab-font-family);font-weight:var(--udex-button-tab-font-weight);line-height:var(--udex-button-tab-line-height);text-decoration:none;text-align:center;text-transform:capitalize;white-space:normal}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon{justify-content:start}.udex-tab-navigation__button-tab:not(.udex-tab-navigation__button-tab--icon-tab):hover{color:var(--udex-button-tab-text-color-hover)}.udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{font-weight:var(--udex-button-tab-with-icon-font-weight)}.udex-tab-navigation__button-tab:focus-visible{outline:none}.udex-tab-navigation__button-tab[hidden]{display:none}.udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:var(--udex-button-tab-vertical-gap)}.udex-tab-navigation__button-tab--with-icon{padding-block-end:calc(var(--udex-button-tab-padding-vertical) + 2px)}.udex-tab-navigation__button-tab--active{color:var(--udex-button-tab-text-color-active)}.udex-tab-navigation__button-tab--active:before{content:"";position:absolute;inset-block-end:0;inset-inline:0 0;z-index:1;height:3px;background-color:var(--udex-button-tab-border-color-active);border-radius:2px 2px 0 0}.udex-tab-navigation__button-badge{position:absolute;inset-block-start:var(--udexSpacer12);inset-inline-end:-6px;z-index:1;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}.udex-tab-navigation__button-more{margin-inline-start:auto;padding:var(--udex-button-more-s-padding-vertical) var(--udex-button-more-s-padding-horizontal);display:flex;align-items:center;flex:0 0 0;font-size:var(--udex-button-more-s-font-size);font-family:var(--udex-button-more-s-font-family);font-weight:var(--udex-button-more-s-font-weight);line-height:var(--udex-button-more-s-line-height);color:var(--udex-button-more-s-text-color);border:1px solid var(--udex-button-more-s-border-color);border-radius:var(--udexRadiusM, 8px);margin-inline-end:var(--udex-button-more-margin-inline-end)}:host([desktop]) .udex-tab-navigation__button-more:focus,.udex-tab-navigation__button-more:focus-visible{outline:2px solid var(--udex-button-tab-text-color-active);outline-offset:2px}.udex-tab-navigation__button-more[hidden]{display:none}.udex-tab-navigation__button-more--lg .udex-tab-navigation__button-more-icon{width:16px;height:16px}.udex-tab-navigation__button-more-icon{margin-inline-start:var(--udex-button-more-s-icon-margin-inline-start);width:14px;height:14px;color:var(--udex-button-more-s-icon-color)}.udex-tab-navigation__button-more--toggled{border-color:var(--udex-button-more-s-border-color-toggled);color:var(--udex-button-more-s-text-color-toggled)}.udex-tab-navigation__button-more--toggled .udex-tab-navigation__button-more-icon{color:var(--udex-button-more-s-icon-color-toggled)}.udex-tab-navigation__button-icon-outer{margin-left:auto;margin-right:auto;margin-bottom:var(--udex-button-tab-with-icon-margin-bottom);display:flex;align-items:center;justify-content:center;align-self:center;width:32px;height:32px;border-radius:50%;background-color:var(--udex-button-tab-with-icon-background);color:var(--udex-button-tab-with-icon-color);position:relative;z-index:0}.udex-tab-navigation__button-icon{width:16px;height:16px;color:var(--udex-button-tab-with-icon-color)}.udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-block-start:1px;inset-inline-end:1px}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-active)}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-active)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-hover)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-hover)}.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-desktop);font-family:var(--udex-tab-navigation-content-font-family);font-size:var(--udex-tab-navigation-content-font-size);font-weight:var(--udex-tab-navigation-content-font-weight);line-height:var(--udex-tab-navigation-content-line-height)}.udex-tab-navigation__content-item:focus,.udex-tab-navigation__content-item:focus-visible{outline-offset:2px;outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.hidden{display:none}.udex-tab-navigation__button-text{display:flex;align-items:center}.udex-tab-navigation__badge{margin-inline-start:var(--udexSpacer4);display:inline-flex}@media screen and (max-width: 979px){.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-mobile)}}
10
+ const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/TabNavigation.css.ts",content:`:host{--udex-header-background-color: transparent;--udex-button-tab-vertical-gap: var(--udexSpacer32, 32px);--udex-button-tab-text-transform-first-letter: uppercase;--udex-button-tab-text-transform: none;--udex-button-tab-text-color-default: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-text-color-hover: var(--udexColorBlue8);--udex-button-tab-text-color-active: var(--udexColorBlue8);--udex-button-tab-border-color-active: var(--udexColorBlue8);--udex-button-tab-font-size-default: var(--sapFontSize, var(--udexTypographyNavigationBoldXLFontSize));--udex-button-tab-font-family: var(--sapFontFamily, sans-serif);--udex-button-tab-font-weight: var(--sapButton_Emphasized_FontWeight, var(--udexTypographyFontWeightBold));--udex-button-tab-line-height: 1.125;--udex-button-tab-padding-vertical: var(--udexSpacer12, 12px);--udex-button-tab-padding-horizontal: var(--udexSpacer4, 4px);--udex-button-tab-with-icon-without-background-border-color-active: transparent;--udex-button-tab-with-icon-background: var(--sapList_SelectionBackgroundColor, var(--udexColorBlue1));--udex-button-tab-with-icon-background-hover: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-button-tab-with-icon-color: var(--sapAccentColor6, var(--udexColorBlue7));--udex-button-tab-with-icon-color-hover: var(--sapContent_MarkerIconColor, var(--udexColorBlue9));--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px);--udex-button-tab-with-icon-background-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-color-active: var(--sapBackgroundColor, var(--udexColorNeutralWhite));--udex-button-tab-with-icon-without-background-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-with-icon-without-background-color-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-without-background-margin-bottom: var(--udexSpacer16, 16px);--udex-button-tab-with-icon-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-tab-with-icon-text-color-active: var(--sapTextColor, --udexCoreNavigation);--udex-tab-navigation-tab-with-icon-without-background-color: transparent;--udex-tab-navigation-tab-with-icon-without-background-color-active: transparent;--udex-button-more-margin-inline-end: 0;--udex-button-more-s-font-size: var(--udexTypographyNavigationMediumMFontSize, 14px);--udex-button-more-s-font-family: var(--sapFontFamily, sans-serif);--udex-button-more-s-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-more-s-line-height: 1.07143;--udex-button-more-s-text-color: var(--sapTextColor, var(--udexColorGrey9));--udex-button-more-s-padding-vertical: var(--udexSpacer4, 4px);--udex-button-more-s-padding-horizontal: var(--udexSpacer8, 8px);--udex-button-more-s-border-color: var(--sapButton_Neutral_BorderColor, var(--udexColorGrey4));--udex-button-more-s-icon-margin-inline-start: var(--udexSpacer4, 4px);--udex-button-more-s-icon-color: var(--sapTextColor, var(--udexColorGrey9));--udex-button-more-s-border-color-toggled: var(--udexColorBlue4);--udex-button-more-s-text-color-toggled: var(--sapContent_Selected_FocusColor, var(--udexColorBlue9));--udex-button-more-s-icon-color-toggled: var(--sapContent_Selected_FocusColor, var(--udexColorBlue9));--udex-button-more-m-font-size: var(--sapFontSize, var(--udexTypographyNavigationMediumXLFontSize));--udex-button-more-m-font-family: var(--sapFontFamily, sans-serif);--udex-button-more-m-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-more-m-line-height: 1.125;--udex-button-more-m-padding-vertical: var(--udexSpacer8, 8px);--udex-button-more-m-padding-horizontal: var(--udexSpacer12, 12px);--udex-tab-navigation-content-padding-vertical-desktop: var(--udexSpacer40, 40px);--udex-tab-navigation-content-padding-vertical-mobile: var(--udexSpacer32, 32px);--udex-tab-navigation-content-font-family: var(--sapFontFamily, sans-serif);--udex-tab-navigation-content-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-tab-navigation-content-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-navigation-content-line-height: var(--udexTypographyHeadingLineHeight, 1.1)}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer{margin-bottom:var(--udex-button-tab-with-icon-without-background-margin-bottom);background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color);color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active:before{background-color:var(--udex-button-tab-with-icon-without-background-border-color-active)}:host([mode="Dark"]){--udex-header-background-color: var(--sapList_GroupHeaderTextColor, var(--udexColorGrey10));--udex-button-tab-text-color-default: var(--sapList_GroupHeaderBackground, var(--udexColorNeutralWhite));--udex-button-tab-text-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-border-color-active: transparent;--udex-button-tab-with-icon-background: transparent;--udex-button-tab-with-icon-color: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-background-active: transparent;--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge,:host([icon-without-background]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-inline-end:-9px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer,:host([icon-without-background]) .udex-tab-navigation__button-icon{width:24px;height:24px}:host([icon-without-background]) .udex-tab-navigation__button-tab--with-icon{padding-block-end:var(--udex-button-tab-padding-vertical)}:host([icon-without-background]) .udex-tabs-navigation__button-tab{padding-bottom:var(--udex-button-tab-padding-vertical)}:host(:not([icon-without-background])) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{color:var(--udex-button-tab-with-icon-text-color-active)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer,:host([mode="Dark"]) .udex-tab-navigation__button-icon{width:32px;height:32px}:host([size-more-button="Medium"]) .udex-tab-navigation__button-more{padding:var(--udex-button-more-m-padding-vertical) var(--udex-button-more-m-padding-horizontal);height:34px;font-size:var(--udex-button-more-m-font-size);font-family:var(--udex-button-more-m-font-family);font-weight:var(--udex-button-more-m-font-weight);line-height:var(--udex-button-more-m-line-height)}:host([desktop]) .udex-tab-navigation__button-tab:focus .udex-tab-navigation__button-text,.udex-tab-navigation__button-tab:focus-visible .udex-tab-navigation__button-text{outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.udex-tab-navigation__root{width:100%}.udex-tab-navigation__header{background-color:var(--udex-header-background-color);min-height:43px;display:flex;align-items:center;position:relative}.udex-tab-navigation__header:before{content:"";position:absolute;left:0;right:0;bottom:0;z-index:-1;border-bottom:1px solid var(--udexColorGrey3, #D5DADD)}.udex-tab-navigation__header-tabs{display:flex;flex:1 1 0%;overflow:hidden;white-space:nowrap}.udex-tab-navigation__button-tab,.udex-tab-navigation__button-more{padding:0;display:block;background:none;border:0;border-radius:0;cursor:pointer}.udex-tab-navigation__button-tab{padding:var(--udex-button-tab-padding-vertical) var(--udex-button-tab-padding-horizontal) calc(var(--udex-button-tab-padding-vertical) + 3px);position:relative;z-index:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--udex-button-tab-text-color-default);font-size:var(--udex-button-tab-font-size-default);font-family:var(--udex-button-tab-font-family);font-weight:var(--udex-button-tab-font-weight);line-height:var(--udex-button-tab-line-height);text-decoration:none;text-align:center;text-transform:var(--udex-button-tab-text-transform);white-space:normal}.udex-tab-navigation__button-text{margin:0}.udex-tab-navigation__button-text:first-letter{text-transform:var(--udex-button-tab-text-transform-first-letter)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon{justify-content:start}.udex-tab-navigation__button-tab:not(.udex-tab-navigation__button-tab--icon-tab):hover{color:var(--udex-button-tab-text-color-hover)}.udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{font-weight:var(--udex-button-tab-with-icon-font-weight)}.udex-tab-navigation__button-tab:focus-visible{outline:none}.udex-tab-navigation__button-tab[hidden]{display:none}.udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:var(--udex-button-tab-vertical-gap)}.udex-tab-navigation__button-tab--with-icon{padding-block-end:calc(var(--udex-button-tab-padding-vertical) + 2px)}.udex-tab-navigation__button-tab--active{color:var(--udex-button-tab-text-color-active)}.udex-tab-navigation__button-tab--active:before{content:"";position:absolute;inset-block-end:0;inset-inline:0 0;z-index:1;height:3px;background-color:var(--udex-button-tab-border-color-active);border-radius:2px 2px 0 0}.udex-tab-navigation__button-badge{position:absolute;inset-block-start:var(--udexSpacer12);inset-inline-end:-6px;z-index:1;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}.udex-tab-navigation__button-more{margin-inline-start:auto;padding:var(--udex-button-more-s-padding-vertical) var(--udex-button-more-s-padding-horizontal);display:flex;align-items:center;flex:0 0 0;font-size:var(--udex-button-more-s-font-size);font-family:var(--udex-button-more-s-font-family);font-weight:var(--udex-button-more-s-font-weight);line-height:var(--udex-button-more-s-line-height);color:var(--udex-button-more-s-text-color);border:1px solid var(--udex-button-more-s-border-color);border-radius:var(--udexRadiusM, 8px);margin-inline-end:var(--udex-button-more-margin-inline-end)}:host([desktop]) .udex-tab-navigation__button-more:focus,.udex-tab-navigation__button-more:focus-visible{outline:2px solid var(--udex-button-tab-text-color-active);outline-offset:2px}.udex-tab-navigation__button-more[hidden]{display:none}.udex-tab-navigation__button-more--lg .udex-tab-navigation__button-more-icon{width:16px;height:16px}.udex-tab-navigation__button-more-icon{margin-inline-start:var(--udex-button-more-s-icon-margin-inline-start);width:14px;height:14px;color:var(--udex-button-more-s-icon-color)}.udex-tab-navigation__button-more--toggled{border-color:var(--udex-button-more-s-border-color-toggled);color:var(--udex-button-more-s-text-color-toggled)}.udex-tab-navigation__button-more--toggled .udex-tab-navigation__button-more-icon{color:var(--udex-button-more-s-icon-color-toggled)}.udex-tab-navigation__button-icon-outer{margin-left:auto;margin-right:auto;margin-bottom:var(--udex-button-tab-with-icon-margin-bottom);display:flex;align-items:center;justify-content:center;align-self:center;width:32px;height:32px;border-radius:50%;background-color:var(--udex-button-tab-with-icon-background);color:var(--udex-button-tab-with-icon-color);position:relative;z-index:0}.udex-tab-navigation__button-icon{width:16px;height:16px;color:var(--udex-button-tab-with-icon-color)}.udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-block-start:1px;inset-inline-end:1px}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-active)}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-active)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-hover)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-hover)}.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-desktop);font-family:var(--udex-tab-navigation-content-font-family);font-size:var(--udex-tab-navigation-content-font-size);font-weight:var(--udex-tab-navigation-content-font-weight);line-height:var(--udex-tab-navigation-content-line-height)}.udex-tab-navigation__content-item:focus,.udex-tab-navigation__content-item:focus-visible{outline-offset:2px;outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.hidden{display:none}.udex-tab-navigation__badge{margin-inline-start:var(--udexSpacer4);display:inline-flex}@media screen and (max-width: 979px){.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-mobile)}}
11
11
  `};
12
12
  export default styleData;
13
13
 
@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
7
7
  registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
8
8
  registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
9
9
 
10
- const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/Table.css.ts",content:`:host{--udex-table-toolbar-color: var(--sapList_TableGroupHeaderTextColor, var(--udexCoreTextDark, #223548));--udex-table-toolbar-border-color: var(--sapList_TableGroupHeaderBorderColor, var(--udexColorGrey4, #a9b4be));--udex-table-toolbar-backgroud:var(--sapList_TableGroupHeaderBackground, var(--udexCoreBase, #fff));--udex-table-loading-opacity: var(--sapContent_DisabledOpacity, .4);--udex-table-loading-backgroud: var(--udexCoreBase, #fff);--udex-table-header-sticky-z-index: 3;--udex-table-header-sticky-shadow: 0 8px 8px -8px rgba(34,54,73,.3);--udex-table-header-footnotes-color: var(--udexColorGrey7, #475e75);--udex-table-header-footnotes-font-size: var(--udexTypographyBodyXXSFontSize, 12px);--udex-table-header-footnotes-line-height:var(--udexTypographyBodyLineHeight)}:host{display:block}:host([sticky-header]) .udex-table__header-holder{position:sticky;top:0;z-index:var( --udex-table-header-sticky-z-index)}:host([loading]) .udex-table:after{content:"";inset:0;position:absolute;background:var(--udex-table-loading-backgroud);opacity:var(--udex-table-loading-opacity)}:host([_vertical-offset]) .udex-table__header-holder{box-shadow:var(--udex-table-header-sticky-shadow)}.udex-table-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--udex-table-toolbar-border-color);padding:var(--udexSpacer16);background:var(--udex-table-toolbar-backgroud)}.udex-table-toolbar__actions{display:flex;gap:var(--udexSpacer8);padding-inline-start:var(--udexSpacer32)}.udex-table-toolbar__title{font-family:var(--sapFontFamily);font-size:var(--udexTypographyHeadingBoldXXXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightBold);color:var(--udex-table-toolbar-color)}.udex-table{display:grid;overflow:auto;position:relative}.udex-table__header-holder{display:grid;grid-template-columns:subgrid;grid-column:1 / -1}.udex-table__no-data{grid-column:1 / -1;justify-content:center;padding:var(--udexSpacer16);--horizontal-align-default-1: center}.udex-table__loading{position:absolute;z-index:5;inset:0;display:flex;align-items:center;justify-content:center}.udex-table__loading:after{content:"";inset:0;position:absolute;background:var(--udex-table-loading-backgroud);opacity:var(--udex-table-loading-opacity)}.udex-table-footnotes{padding-top:var(--udexSpacer24);color:var(--udex-table-header-footnotes-color);font-size:var(--udex-table-header-footnotes-font-size);line-height:var(--udex-table-header-footnotes-line-height)}@media (max-width: 639px){.udex-table-toolbar{flex-direction:column;align-items:flex-start}.udex-table-toolbar__actions{padding-inline-start:0;padding-top:var(--udexSpacer8)}}
10
+ const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/Table.css.ts",content:`:host{--udex-table-toolbar-color: var(--sapList_TableGroupHeaderTextColor, var(--udexCoreTextDark, #223548));--udex-table-toolbar-border-color: var(--sapList_TableGroupHeaderBorderColor, var(--udexColorGrey4, #a9b4be));--udex-table-toolbar-background:var(--sapList_TableGroupHeaderBackground, var(--udexCoreBase, #fff));--udex-table-loading-opacity: var(--sapContent_DisabledOpacity, .4);--udex-table-loading-background: var(--udexCoreBase, #fff);--udex-table-header-sticky-z-index: 3;--udex-table-header-sticky-shadow: 0 8px 8px -8px rgba(34,54,73,.3);--udex-table-header-footnotes-color: var(--udexColorGrey7, #475e75);--udex-table-header-footnotes-font-size: var(--udexTypographyBodyXXSFontSize, 12px);--udex-table-header-footnotes-line-height:var(--udexTypographyBodyLineHeight)}:host{display:block}:host([sticky-header]) .udex-table__header-holder{position:sticky;top:0;z-index:var( --udex-table-header-sticky-z-index)}:host([loading]) .udex-table:after{content:"";inset:0;position:absolute;background:var(--udex-table-loading-background);opacity:var(--udex-table-loading-opacity)}:host([_vertical-offset]) .udex-table__header-holder{box-shadow:var(--udex-table-header-sticky-shadow)}.udex-table-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--udex-table-toolbar-border-color);padding:var(--udexSpacer16);background:var(--udex-table-toolbar-background)}.udex-table-toolbar__actions{display:flex;gap:var(--udexSpacer8);padding-inline-start:var(--udexSpacer32)}.udex-table-toolbar__title{font-family:var(--sapFontFamily);font-size:var(--udexTypographyHeadingBoldXXXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightBold);color:var(--udex-table-toolbar-color)}.udex-table{display:grid;overflow:auto;position:relative}.udex-table__header-holder{display:grid;grid-template-columns:subgrid;grid-column:1 / -1}.udex-table__no-data{grid-column:1 / -1;justify-content:center;padding:var(--udexSpacer16);--horizontal-align-default-1: center}.udex-table__loading{position:absolute;z-index:5;inset:0;display:flex;align-items:center;justify-content:center}.udex-table__loading:after{content:"";inset:0;position:absolute;background:var(--udex-table-loading-background);opacity:var(--udex-table-loading-opacity)}.udex-table-footnotes{padding-top:var(--udexSpacer24);color:var(--udex-table-header-footnotes-color);font-size:var(--udex-table-header-footnotes-font-size);line-height:var(--udex-table-header-footnotes-line-height)}@media (max-width: 639px){.udex-table-toolbar{flex-direction:column;align-items:flex-start}.udex-table-toolbar__actions{padding-inline-start:0;padding-top:var(--udexSpacer8)}}
11
11
  `};
12
12
  export default styleData;
13
13
 
@@ -1,6 +1,6 @@
1
1
  import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
2
2
 
3
- const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.ts",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)}
3
+ const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.ts",content:`:root{--browser_scrollbar_border_radius: var(--udexRadiusM, 8px);--_ui5-v1-24-20_popup_header_font_family: var(--sapFontFamily);--_ui5-v1-24-20_popup_header_font_weight: var(--udexTypographyFontWeightRegular);--_ui5-v1-24-20_checkbox_inner_background: var(--sapBackgroundColor);--_ui5-v1-24-20_checkbox_inner_border: var(--sapElement_BorderWidth) solid var(--sapField_BorderColor);--_ui5-v1-24-20_checkbox_inner_selected_border_color: var(--sapField_BorderColor);--_ui5-v1-24-20_checkbox_checkmark_color: var(--udexColorBlue7);--_ui5-v1-24-20_checkbox_inner_hover_checked_border_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-20_checkbox_inner_hover_border_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-20_checkbox_hover_background: var(--sapInformationBackground, #EBF8FF);--_ui5-v1-24-20_checkbox_inner_active_border_color: var(--sapSelectedColor);--_ui5-v1-24-20_checkbox_label_color: var(--sapField_TextColor);--_ui5-v1-24-20_checkbox_inner_disabled_border_color: var(--sapField_BorderColor);--_ui5-v1-24-20_checkbox_disabled_label_color: var(--sapField_TextColor);--_ui5-v1-24-20_checkbox_inner_width_height: 24px;--_ui5-v1-24-20_checkbox_width_height: 42px;--_ui5-v1-24-20_checkbox_icon_size: 16px;--_ui5-v1-24-20_checkbox_partially_icon_size: 16px;--_ui5-v1-24-20_checkbox_inner_border_radius: 4px;--_ui5-v1-24-20_checkbox_disabled_opacity: var(--sapContent_DisabledOpacity);--_ui5-v1-24-20_checkbox_inner_readonly_border: var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) dashed;--_ui5-v1-24-20_checkbox_inner_success_border: var(--sapField_SuccessBorderWidth) solid var(--udexCoreSemanticSuccess6);--_ui5-v1-24-20_checkbox_inner_success_background_hover: var(--sapSuccessBackground, #F5FAE5);--_ui5-v1-24-20_checkbox_inner_error_border: var(--sapField_InvalidBorderWidth) solid var(--udexCoreSemanticError5);--_ui5-v1-24-20_checkbox_inner_error_background_hover: var(--sapErrorBackground, #FFEAF4);--_ui5-v1-24-20_checkbox_label_offset: .563rem;--_ui5-v1-24-20_checkbox_right_focus_distance: var(--udexSpacer8);--_ui5-v1-24-20_radio_button_outer_ring_bg: var(--sapField_Background, #ffffff);--_ui5-v1-24-20_radio_button_inner_size: 24px;--_ui5-v1-24-20_radio_button_checked_fill: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-20_radio_button_height: 42px;--_ui5-v1-24-20_radio_button_svg_size: 24px;--_ui5-v1-24-20_radio_button_inner_ring_radius: 25%;--_ui5-v1-24-20_radio_button_outer_ring_padding_with_label: 9px 11px 9px 9px;--_ui5-v1-24-20_radio_button_outer_ring_padding: 9px;--_ui5-v1-24-20_radio_button_label_offset: 0;--_ui5-v1-24-20_radio_button_hover_fill: #EBF8FF;--_ui5-v1-24-20_radio_button_outer_ring_checked_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-20_radio_button_outer_ring_checked_hover_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-20_radio_button_outer_ring_color: var(--sapField_BorderColor, #5b738b);--_ui5-v1-24-20_radio_button_outer_ring_hover_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-20_radio_button_inner_ring_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-20_radio_button_read_only_inner_ring_color: var(--sapField_ReadOnly_BorderColor, #5B738B);--_ui5-v1-24-20_radio_button_hover_fill_success: var(--sapSuccessBackground, #F5FAE5);--_ui5-v1-24-20_radio_button_hover_fill_error: var(--sapErrorBackground, #FFEAF4);--_ui5-v1-24-20_link_focus_background_color: transparent;--_ui5-v1-24-20_link_focus_color: var(--sapLinkColor);--_ui5-v1-24-20_link_focus_text_decoration: underline;--_ui5-v1-24-20_link_focused_hover_text_color: var(--sapLink_Hover_Color);--_ui5-v1-24-20_link_focused_hover_text_decoration: underline;--_ui5-v1-24-20_progress_indicator_bar_border_radius: 6px;--_ui5-v1-24-20_progress_indicator_root_height: .5rem;--_ui5-v1-24-20_progress_indicator_bar_height: .75rem;--_ui5-v1-24-20_progress_indicator_icon_size: 1.125rem;--_ui5-v1-24-20_progress_indicator_icon_right_position: -24px;--_ui5-v1-24-20_progress_indicator_padding_end: 24px;--_ui5-v1-24-20_toast_vertical_offset: 2.5rem;--_ui5-v1-24-20_toast_background: var(--udexColorNeutralWhite);--_ui5-v1-24-20_toast_shadow: var(--sapContent_Shadow2);--_ui5-v1-24-20_popover_box_shadow: 0px 0px 0px 1px var(--udexColorGrey4);--_ui5-v1-24-20_message_strip_padding_inline_no_icon: var(--udexSpacer12, 12px);--_ui5-v1-24-20_message_strip_padding_block_no_icon: var(--udexSpacer8, 8px);--_ui5-v1-24-20_message_strip_padding: var(--udexSpacer8, 8px) 36px;--_ui5-v1-24-20_message_strip_icon_top:calc(50% - 8px);--_ui5-v1-24-20_daypicker_daynames_container_height: 42px;--_ui5-v1-24-20_daypicker_dayname_color: var(--udexColorGrey6, #5B738B);--_ui5-v1-24-20_daypicker_weekname_color: var(--udexColorGrey6, #5B738B);--_ui5-v1-24-20_daypicker_item_now_border_color: var(--udexColorPink8, #A100C2);--_ui5-v1-24-20_daypicker_item_weeekend_filter: none;--_ui5-v1-24-20_daypicker_item_select_between_border: 1px solid var(--udexColorBlue9, #0040B0);--_ui5-v1-24-20_calendar_header_middle_button_focus_outline: 1px solid var(--udexColorBlue9, #0040B0);--_ui5-v1-24-20_calendar_header_arrow_button_box_shadow: none;--ui5-v1-24-20_carousel_active_dot_background: var(--udexColorBlue9);--_ui5-v1-24-20_tokenizer_padding: var(--udexSpacer12, 12px);--_ui5-v1-24-20_slider_handle_icon_size: var(--udexSpacer20, 1.25rem);--_ui5-v1-24-20_slider_handle_width: 2.75rem;--_ui5-v1-24-20_slider_handle_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-20_slider_handle_top: -.875rem;--_ui5-v1-24-20_slider_label_color: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-20_range_slider_progress_focus_top: -1.18rem;--_ui5-v1-24-20_slider_progress_after_background: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-20_slider_tickmark_bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-20_slider_tickmark_in_range_bg: var(--sapSlider_Selected_BorderColor, #0070f2);--_ui5-v1-24-20_slider_start_end_point_left: -.875rem;--_ui5-v1-24-20_slider_tooltip_bottom: 2.5rem;--_ui5-v1-24-20_slider_tooltip_border: 1px solid var(--sapField_BorderColor, #5B738B);--_ui5-v1-24-20_slider_tooltip_border_radius: var(--udexSpacer4, .25rem);--_ui5-v1-24-20_slider_tooltip_color: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-20_slider_tooltip_fontsize: var(--udexTypographyNavigationRegularMFontSize, 14px);--_ui5-v1-24-20_slider_tooltip_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-20_slider_tooltip_min_width: 2.75rem;--_ui5-v1-24-20_slider_handle_focus_border: 2px solid var(--sapSlider_Active_HandleBorderColor)}udex-phone-number-field{--_ui5-v1-24-20_button_border_radius: var(--udexRadiusXS)}udex-search,udex-password-field,udex-select-box,udex-filter-menu,udex-country-selector{--_ui5-v1-24-20_button_pressed_focused_border_color: transparent}udex-password-field{--_ui5-v1-24-20_icon_transform_scale: none}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5-v1-24-20_button_base_height: 3rem;--_ui5-v1-24-20_button_base_padding: 3rem;--_ui5-v1-24-20_checkbox_inner_width_height: 24px;--_ui5-v1-24-20_checkbox_width_height: 42px;--_ui5-v1-24-20_checkbox_icon_size: 16px;--_ui5-v1-24-20_checkbox_partially_icon_size: 16px;--_ui5-v1-24-20_radio_button_min_width: 42px;--_ui5-v1-24-20_radio_button_outer_ring_padding: 9px;--_ui5-v1-24-20_radio_button_inner_size: 24px;--_ui5-v1-24-20_radio_button_height: 42px;--_ui5-v1-24-20_radio_button_svg_size: 24px;--_ui5-v1-24-20_radio_button_inner_ring_radius: 25%;--_ui5-v1-24-20_radio_button_outer_ring_padding_with_label: 9px 11px 9px 9px;--_ui5-v1-24-20_radio_button_label_offset: 0;--_ui5-v1-24-20_progress_indicator_bar_border_radius: 6px;--_ui5-v1-24-20_progress_indicator_root_height: .5rem;--_ui5-v1-24-20_progress_indicator_bar_height: .75rem;--_ui5-v1-24-20_progress_indicator_icon_size: 1.125rem;--_ui5-v1-24-20_progress_indicator_icon_right_position: -24px;--_ui5-v1-24-20_progress_indicator_padding_end: 24px;--_ui5-v1-24-20_toast_vertical_offset: 2.5rem;--_ui5-v1-24-20_tc_item_text_line_height: 1.25rem;--_ui5-v1-24-20_calendar_top_bottom_padding: var(--udexSpacer8, 8px);--_ui5-v1-24-20_calendar_left_right_padding: var(--udexSpacer8, 8px);--_ui5-v1-24-20_day_picker_item_width: 42px;--_ui5-v1-24-20_day_picker_item_height: 42px;--_ui5-v1-24-20_calendar_width: 371px;--_ui5-v1-24-20_calendar_height: auto;--_ui5-v1-24-20_calendar_header_height: 42px;--_ui5-v1-24-20_calendar_header_arrow_button_width: 42px;--_ui5-v1-24-20_month_picker_item_height: 36px;--_ui5-v1-24-20_monthpicker_item_margin: -8px 0 var(--udexSpacer16, 16px) 0;--_ui5-v1-24-20_year_picker_item_height: 36px;--_ui5-v1-24-20_yearpicker_item_margin: -8px 0 var(--udexSpacer16, 16px) 0;--_ui5-v1-24-20_slider_handle_icon_size: var(--udexSpacer20, 1.25rem);--_ui5-v1-24-20_slider_handle_width: 2.75rem;--_ui5-v1-24-20_slider_handle_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-20_slider_handle_top: -.875rem;--_ui5-v1-24-20_range_slider_progress_focus_top: -1.18rem;--_ui5-v1-24-20_slider_start_end_point_left: -.875rem;--_ui5-v1-24-20_slider_tooltip_bottom: 2.5rem;--_ui5-v1-24-20_slider_tooltip_border_radius: var(--udexSpacer4, .25rem);--_ui5-v1-24-20_slider_tooltip_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-20_slider_tooltip_min_width: 2.75rem;--_ui5-v1-24-20_slider_handle_focus_border: 2px solid var(--sapSlider_Active_HandleBorderColor)}
4
4
  `};
5
5
  export default styleData;
6
6
 
@@ -1,9 +1,9 @@
1
1
  :host {
2
2
  --udex-accordion-item-icon-color: var(--sapContent_MarkerIconColor, var(--udexColorBlue9));
3
- --udex-accordion-item-headline-color: var(--sapTextColor, var(--udexCoreTextDark));
3
+ --udex-accordion-item-headline-color: var(--sapTitleColor, var(--udexCoreHeadingDark));
4
4
  --udex-accordion-item-headline-font-size: var(--sapFontHeader5Size, var(--udexTypographyHeadingMediumXXXSFontSize, 18px));
5
5
  --udex-accordion-item-title-font-weight: var(--udexTypographyFontWeightMedium, 500);
6
- --udex-accordion-item-border-color: var(--sapList_BorderColor, var(--udexColorGrey4));
6
+ --udex-accordion-item-border-color: var(--sapShell_BorderColor, var(--udexColorGrey3));
7
7
  --udex-accordion-item-border-width: 1px;
8
8
  --udex-accordion-item-header-padding: var(--udexSpacer12, 12px) var(--udexSpacer12, 12px) var(--udexSpacer12, 12px) var(--udexSpacer8, 8px);
9
9
  --udex-accordion-item-content-margin: var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);
@@ -1,12 +1,12 @@
1
1
  :host {
2
2
  --udex-button-color-transparent: hsla(0, 0%, 0%, 0);
3
- --udex-button-padding-small: 5.5px 10px;
3
+ --udex-button-padding-small: 5px 10px;
4
4
  --udex-button-padding-medium: 9px 10px;
5
- --udex-button-padding-large: 12px 14px;
5
+ --udex-button-padding-large: 8px 14px;
6
6
  --udex-button-icon-only-padding-small: 6px;
7
7
  --udex-button-icon-only-padding-medium: 10px;
8
8
  --udex-button-icon-only-padding-large: 12px;
9
- --udex-button-small-size: 26px;
9
+ --udex-button-small-size: 25px;
10
10
  --udex-button-medium-size: 36px;
11
11
  --udex-button-large-size: 42px;
12
12
  --udex-button-icon-s-size: 14px;
@@ -20,7 +20,7 @@
20
20
  /* Primary design */
21
21
 
22
22
  /* Default */
23
- --udex-button-color-primary-standard-default-background: var(--sapButton_Emphasized_Background, var(--udexCorePrimaryAction));
23
+ --udex-button-color-primary-standard-default-background: var(--sapButton_Emphasized_Background, var(--udexColorBlue8));
24
24
  --udex-button-color-primary-standard-default-text-and-icon: var(--sapButton_Emphasized_TextColor, var(--udexCoreTextLight));
25
25
  /* Hover */
26
26
  --udex-button-color-primary-standard-hover-background: var(--sapButton_Emphasized_Hover_Background, var(--udexColorBlue9));
@@ -30,7 +30,7 @@
30
30
  --udex-button-color-primary-standard-active-border: var(--sapButton_Emphasized_Active_BorderColor, var(--udexColorBlue9));
31
31
  --udex-button-color-primary-standard-active-text-and-icon: var(--sapButton_Emphasized_Active_TextColor, var(--udexColorBlue9));
32
32
  /* Disabled */
33
- --udex-button-color-primary-standard-disabled-background: var(--sapButton_Emphasized_Background, var(--udexColorBlue9));
33
+ --udex-button-color-primary-standard-disabled-background: var(--sapButton_Emphasized_Background, var(--udexColorBlue8));
34
34
  --udex-button-color-primary-standard-disabled-text-and-icon: var(--sapButton_Emphasized_TextColor, var(--udexCoreTextLight));
35
35
  /* Toggled default */
36
36
  --udex-button-color-primary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));
@@ -12,7 +12,7 @@
12
12
  width: 100%;
13
13
  }
14
14
 
15
- .udex-country-selector__dropdown--hide-flag udex-list-item::part(item) {
15
+ .udex-country-selector__dropdown--hide-flag [udex-list-item]::part(item) {
16
16
  padding-left: var(--udexSpacer12);
17
17
  padding-right: var(--udexSpacer12);
18
18
  }
@@ -66,15 +66,15 @@
66
66
  inset-inline-start: var(--udexSpacer12);
67
67
  }
68
68
 
69
- :host(:not([hide-flag-images])) udex-text-field[aria-expanded="false"]:not([active])[value=""]::part(label) {
69
+ :host(:not([hide-flag-images])) [udex-text-field][aria-expanded="false"]:not([active])[value=""]::part(label) {
70
70
  transform: translateX(36px);
71
71
  }
72
72
 
73
- :host(:not([hide-flag-images])) udex-text-field[aria-expanded="false"]:not([active])[value=""]::part(label):dir(rtl) {
73
+ :host(:not([hide-flag-images])) [udex-text-field][aria-expanded="false"]:not([active])[value=""]::part(label):dir(rtl) {
74
74
  transform: translateX(-36px);
75
75
  }
76
76
 
77
- udex-text-field[aria-expanded="true"]::part(label) {
77
+ [udex-text-field][aria-expanded="true"]::part(label) {
78
78
  line-height: 18px;
79
79
  transform: translateY(-110%);
80
80
  padding: 0 4px;
@@ -82,13 +82,13 @@ udex-text-field[aria-expanded="true"]::part(label) {
82
82
  background: linear-gradient(transparent 55%, var(--sapField_Background) 45%);
83
83
  }
84
84
 
85
- udex-text-field::part(label) {
85
+ [udex-text-field]::part(label) {
86
86
  background: linear-gradient(transparent 55%, var(--sapField_Background) 45%);
87
87
  padding: 0 var(--udexSpacer4, 4px);
88
88
  max-width: calc(100% - var(--udex-country-selector-text-offset-left) - var(--udex-country-selector-text-offset-right) - 15px)
89
89
  }
90
90
 
91
- udex-text-field[active]::part(label) {
91
+ [udex-text-field][active]::part(label) {
92
92
  padding: 6px var(--udexSpacer4, 4px) 0;
93
93
  }
94
94
 
@@ -108,40 +108,40 @@ udex-text-field[active]::part(label) {
108
108
  pointer-events: none;
109
109
  }
110
110
 
111
- udex-list-item::part(item) {
111
+ [udex-list-item]::part(item) {
112
112
  position: relative;
113
113
  padding-inline-start: calc(24px + var(--udex-country-selector-flag-width));
114
114
  padding-inline-end: var(--udexSpacer12, 12px);
115
115
  }
116
116
 
117
- udex-text-field[readonly]::part(label) {
117
+ [udex-text-field][readonly]::part(label) {
118
118
  background: var(--sapField_ReadOnly_Background);
119
119
  }
120
120
 
121
- udex-dropdown {
121
+ [udex-dropdown] {
122
122
  --udex-dropdown-pane-max-width: 100%;
123
123
  }
124
124
 
125
- udex-text-field {
125
+ [udex-text-field] {
126
126
  --udex-input-padding: 0 var(--udex-country-selector-text-offset-right) 0 var(--udex-country-selector-text-offset-left);
127
127
  }
128
128
 
129
- udex-text-field:dir(rtl) {
129
+ [udex-text-field]:dir(rtl) {
130
130
  --udex-input-padding: 0 var(--udex-country-selector-text-offset-left) 0 var(--udex-country-selector-text-offset-right);
131
131
  }
132
132
 
133
- udex-text-field::part(textfield-input) {
133
+ [udex-text-field]::part(textfield-input) {
134
134
  text-overflow: ellipsis;
135
135
  white-space: nowrap;
136
136
  cursor: pointer;
137
137
  }
138
138
 
139
- udex-dropdown {
139
+ [udex-dropdown] {
140
140
  --udex-dropdown-pane-min-width: var(--udex-country-selector-popover-min-width);
141
141
  }
142
142
 
143
143
  @media (width < 640px) {
144
- udex-dropdown {
144
+ [udex-dropdown] {
145
145
  --udex-dropdown-pane-min-width-xs: var(--udex-country-selector-popover-min-width);
146
146
  }
147
147
  }
@@ -154,7 +154,7 @@
154
154
  border-radius: var(--udexRadiusM, 8px) 0 0;
155
155
  }
156
156
 
157
- ::slotted(udex-list) {
157
+ ::slotted([udex-list]) {
158
158
  padding-top: var(--udexSpacer12, 12px);
159
159
  display: block;
160
160
  }
@@ -125,11 +125,11 @@
125
125
  }
126
126
 
127
127
  @media (max-width: 1279px) {
128
- udex-masthead-menu-item::part(menu-item-link) {
128
+ [udex-masthead-menu-item]::part(menu-item-link) {
129
129
  border-bottom: 1px solid var(--udex-masthead-menu-item-mobile-border-color);
130
130
  }
131
131
 
132
- udex-masthead-menu-item::part(menu-item) {
132
+ [udex-masthead-menu-item]::part(menu-item) {
133
133
  justify-content: center;
134
134
  }
135
135
 
@@ -37,11 +37,11 @@
37
37
  list-style: none;
38
38
  }
39
39
 
40
- udex-masthead-menu-item {
40
+ [udex-masthead-menu-item] {
41
41
  --udex-masthead-menu-item-padding-desktop: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);
42
42
  }
43
43
 
44
- udex-masthead-menu-item::part(menu-item-link) {
44
+ [udex-masthead-menu-item]::part(menu-item-link) {
45
45
  width: 100%;
46
46
  }
47
47
 
@@ -10,14 +10,14 @@
10
10
  --udex-masthead-profile-menu-header-border-color: var(--udexColorGrey2, #EAECEE);
11
11
  }
12
12
 
13
- udex-masthead-menu {
13
+ [udex-masthead-menu] {
14
14
  --udex-masthead-menu-padding-desktop: 0;
15
15
  --udex-masthead-menu-padding-mobile: 0;
16
16
  --udex-masthead-menu-row-margin: 0;
17
17
  --udex-masthead-menu-header-border-color: var(--udex-masthead-profile-menu-header-border-color);
18
18
  }
19
19
 
20
- udex-masthead-menu::part(column) {
20
+ [udex-masthead-menu]::part(column) {
21
21
  max-width: initial;
22
22
  }
23
23