@sapudex/web-components 2.55.0 → 2.57.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 (483) hide show
  1. package/README.md +258 -0
  2. package/cypress/specs/HeroBanner.cy.tsx +35 -1
  3. package/cypress/specs/List.cy.tsx +63 -1
  4. package/cypress/specs/ListItem.cy.tsx +44 -0
  5. package/cypress/specs/MastheadShell.cy.tsx +39 -0
  6. package/cypress/specs/PhoneNumberField.cy.tsx +29 -1
  7. package/cypress/specs/SelectBox.cy.tsx +99 -0
  8. package/cypress/specs/TagGroup.cy.tsx +35 -0
  9. package/dist/Carousel.d.ts +9 -3
  10. package/dist/Carousel.js +35 -6
  11. package/dist/Carousel.js.map +1 -1
  12. package/dist/CarouselTemplate.js +3 -3
  13. package/dist/CarouselTemplate.js.map +1 -1
  14. package/dist/CountrySelectorTemplate.js +1 -1
  15. package/dist/CountrySelectorTemplate.js.map +1 -1
  16. package/dist/FilterMenu.js +5 -1
  17. package/dist/FilterMenu.js.map +1 -1
  18. package/dist/HeroBanner.d.ts +12 -0
  19. package/dist/HeroBanner.js +54 -0
  20. package/dist/HeroBanner.js.map +1 -1
  21. package/dist/List.d.ts +5 -0
  22. package/dist/List.js +7 -0
  23. package/dist/List.js.map +1 -1
  24. package/dist/ListItem.js +5 -1
  25. package/dist/ListItem.js.map +1 -1
  26. package/dist/ListTemplate.js +1 -1
  27. package/dist/ListTemplate.js.map +1 -1
  28. package/dist/MastheadShell.d.ts +7 -0
  29. package/dist/MastheadShell.js +38 -0
  30. package/dist/MastheadShell.js.map +1 -1
  31. package/dist/PhoneNumberField.d.ts +3 -3
  32. package/dist/PhoneNumberField.js +18 -21
  33. package/dist/PhoneNumberField.js.map +1 -1
  34. package/dist/PhoneNumberFieldTemplate.d.ts +2 -0
  35. package/dist/PhoneNumberFieldTemplate.js +12 -0
  36. package/dist/PhoneNumberFieldTemplate.js.map +1 -0
  37. package/dist/Search.d.ts +2 -0
  38. package/dist/Search.js +21 -0
  39. package/dist/Search.js.map +1 -1
  40. package/dist/SearchableListBase.d.ts +4 -0
  41. package/dist/SearchableListBase.js +66 -6
  42. package/dist/SearchableListBase.js.map +1 -1
  43. package/dist/SearchableListBaseTemplate.js +1 -1
  44. package/dist/SearchableListBaseTemplate.js.map +1 -1
  45. package/dist/SelectBase.js +14 -22
  46. package/dist/SelectBase.js.map +1 -1
  47. package/dist/SelectBoxTemplate.js +1 -1
  48. package/dist/SelectBoxTemplate.js.map +1 -1
  49. package/dist/StatusMessage.d.ts +2 -2
  50. package/dist/StatusMessage.js +1 -1
  51. package/dist/StatusMessage.js.map +1 -1
  52. package/dist/TabNavigation.d.ts +3 -2
  53. package/dist/TabNavigation.js +3 -2
  54. package/dist/TabNavigation.js.map +1 -1
  55. package/dist/Tag.d.ts +1 -0
  56. package/dist/Tag.js +6 -0
  57. package/dist/Tag.js.map +1 -1
  58. package/dist/TagGroup.js +4 -2
  59. package/dist/TagGroup.js.map +1 -1
  60. package/dist/TextAreaTemplate.js +1 -1
  61. package/dist/TextAreaTemplate.js.map +1 -1
  62. package/dist/TextFieldTemplate.js +1 -1
  63. package/dist/TextFieldTemplate.js.map +1 -1
  64. package/dist/Upload.js +6 -9
  65. package/dist/Upload.js.map +1 -1
  66. package/dist/UploadItem.d.ts +2 -2
  67. package/dist/UploadItem.js +6 -9
  68. package/dist/UploadItem.js.map +1 -1
  69. package/dist/UploadItemTemplate.d.ts +2 -0
  70. package/dist/UploadItemTemplate.js +14 -0
  71. package/dist/UploadItemTemplate.js.map +1 -0
  72. package/dist/UploadTemplate.d.ts +2 -0
  73. package/dist/UploadTemplate.js +11 -0
  74. package/dist/UploadTemplate.js.map +1 -0
  75. package/dist/assets/{InputSuggestions-DPiJnNLn.js → InputSuggestions-C8grDr_8.js} +1 -1
  76. package/dist/assets/{ListItemStandardExpandableTextTemplate-B-v72jL6.js → ListItemStandardExpandableTextTemplate-BQtSr7yg.js} +1 -1
  77. package/dist/assets/{bundle-C7Yft7IG.css → bundle-CdO3MnjQ.css} +1 -1
  78. package/dist/assets/{bundle.esm-DPppjwN7.js → bundle.esm-GvPkDyXP.js} +251 -239
  79. package/dist/assets/messagebundle_ar-BvIvqOKJ.js +1 -0
  80. package/dist/assets/messagebundle_bg-CbE9TJP3.js +1 -0
  81. package/dist/assets/messagebundle_cs-D7sDCnrw.js +1 -0
  82. package/dist/assets/messagebundle_da-BKcG2gb3.js +1 -0
  83. package/dist/assets/messagebundle_de-CqojOAqG.js +1 -0
  84. package/dist/assets/messagebundle_el-DLfp0_Vm.js +1 -0
  85. package/dist/assets/messagebundle_en-DBpf5Il2.js +1 -0
  86. package/dist/assets/messagebundle_es-dcaagZn0.js +1 -0
  87. package/dist/assets/messagebundle_et-XYXhCdvm.js +1 -0
  88. package/dist/assets/messagebundle_fi-Dffg0zEq.js +1 -0
  89. package/dist/assets/messagebundle_fr-CW8ENL86.js +1 -0
  90. package/dist/assets/messagebundle_hr-onMgZwRd.js +1 -0
  91. package/dist/assets/messagebundle_hu-BPDuHAe0.js +1 -0
  92. package/dist/assets/messagebundle_it-BcfXVW1A.js +1 -0
  93. package/dist/assets/messagebundle_ja-EWp-Nkd9.js +1 -0
  94. package/dist/assets/messagebundle_ko-BKQ27UJW.js +1 -0
  95. package/dist/assets/messagebundle_lt-A-f2EeMY.js +1 -0
  96. package/dist/assets/messagebundle_lv-CHVU_rnx.js +1 -0
  97. package/dist/assets/messagebundle_nl-gmf1np1i.js +1 -0
  98. package/dist/assets/messagebundle_no-CazfcIRA.js +1 -0
  99. package/dist/assets/messagebundle_pl-iv_zMkL4.js +1 -0
  100. package/dist/assets/messagebundle_pt-usY49ESJ.js +1 -0
  101. package/dist/assets/messagebundle_pt_PT-DTLEUiTC.js +1 -0
  102. package/dist/assets/messagebundle_ro-BHeGIHaV.js +1 -0
  103. package/dist/assets/messagebundle_ru-DJB1z_R0.js +1 -0
  104. package/dist/assets/messagebundle_sk-DlNIpzr3.js +1 -0
  105. package/dist/assets/messagebundle_sl-Day075Cf.js +1 -0
  106. package/dist/assets/messagebundle_sr-iI_TwIHf.js +1 -0
  107. package/dist/assets/messagebundle_sv-BPj73b5X.js +1 -0
  108. package/dist/assets/messagebundle_tr-DpdBqQtI.js +1 -0
  109. package/dist/assets/messagebundle_uk-CT4EqEBF.js +1 -0
  110. package/dist/assets/messagebundle_zh_CN-B_42cWcu.js +1 -0
  111. package/dist/assets/messagebundle_zh_TW-D25iNCcy.js +1 -0
  112. package/dist/css/themes/AccordionItem.css +1 -1
  113. package/dist/css/themes/AccordionSpotlight.css +1 -1
  114. package/dist/css/themes/Avatar.css +1 -1
  115. package/dist/css/themes/Carousel.css +1 -1
  116. package/dist/css/themes/CountrySelector.css +1 -1
  117. package/dist/css/themes/EventRibbon.css +1 -1
  118. package/dist/css/themes/FilterMenu.css +1 -1
  119. package/dist/css/themes/HeroBanner.css +1 -1
  120. package/dist/css/themes/ImageGridTicker.css +1 -1
  121. package/dist/css/themes/ListItem.css +1 -1
  122. package/dist/css/themes/MastheadCountrySelector.css +1 -1
  123. package/dist/css/themes/MastheadItem.css +1 -1
  124. package/dist/css/themes/MastheadProfileMenu.css +1 -1
  125. package/dist/css/themes/MastheadShell.css +1 -1
  126. package/dist/css/themes/MediaPlayer.css +1 -1
  127. package/dist/css/themes/Modal.css +1 -1
  128. package/dist/css/themes/PhoneNumberField.css +1 -1
  129. package/dist/css/themes/Search.css +1 -1
  130. package/dist/css/themes/SecondaryNavigationItem.css +1 -1
  131. package/dist/css/themes/SelectBase.css +1 -1
  132. package/dist/css/themes/StepInput.css +1 -1
  133. package/dist/css/themes/Switch.css +1 -1
  134. package/dist/css/themes/TabInOverflow.css +1 -1
  135. package/dist/css/themes/TabNavigation.css +1 -1
  136. package/dist/css/themes/TableCellBase.css +1 -1
  137. package/dist/css/themes/TagGroup.css +1 -1
  138. package/dist/css/themes/TextArea.css +1 -1
  139. package/dist/css/themes/TextField.css +1 -1
  140. package/dist/css/themes/Tooltip.css +1 -1
  141. package/dist/css/themes/Wizard.css +1 -1
  142. package/dist/custom-elements-internal.json +1119 -98
  143. package/dist/custom-elements.json +745 -128
  144. package/dist/generated/assets/i18n/messagebundle_ar.json +1 -1
  145. package/dist/generated/assets/i18n/messagebundle_bg.json +1 -1
  146. package/dist/generated/assets/i18n/messagebundle_cs.json +1 -1
  147. package/dist/generated/assets/i18n/messagebundle_da.json +1 -1
  148. package/dist/generated/assets/i18n/messagebundle_de.json +1 -1
  149. package/dist/generated/assets/i18n/messagebundle_el.json +1 -1
  150. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  151. package/dist/generated/assets/i18n/messagebundle_es.json +1 -1
  152. package/dist/generated/assets/i18n/messagebundle_et.json +1 -1
  153. package/dist/generated/assets/i18n/messagebundle_fi.json +1 -1
  154. package/dist/generated/assets/i18n/messagebundle_fr.json +1 -1
  155. package/dist/generated/assets/i18n/messagebundle_hr.json +1 -1
  156. package/dist/generated/assets/i18n/messagebundle_hu.json +1 -1
  157. package/dist/generated/assets/i18n/messagebundle_it.json +1 -1
  158. package/dist/generated/assets/i18n/messagebundle_ja.json +1 -1
  159. package/dist/generated/assets/i18n/messagebundle_ko.json +1 -1
  160. package/dist/generated/assets/i18n/messagebundle_lt.json +1 -1
  161. package/dist/generated/assets/i18n/messagebundle_lv.json +1 -1
  162. package/dist/generated/assets/i18n/messagebundle_nl.json +1 -1
  163. package/dist/generated/assets/i18n/messagebundle_no.json +1 -1
  164. package/dist/generated/assets/i18n/messagebundle_pl.json +1 -1
  165. package/dist/generated/assets/i18n/messagebundle_pt.json +1 -1
  166. package/dist/generated/assets/i18n/messagebundle_pt_PT.json +1 -1
  167. package/dist/generated/assets/i18n/messagebundle_ro.json +1 -1
  168. package/dist/generated/assets/i18n/messagebundle_ru.json +1 -1
  169. package/dist/generated/assets/i18n/messagebundle_sk.json +1 -1
  170. package/dist/generated/assets/i18n/messagebundle_sl.json +1 -1
  171. package/dist/generated/assets/i18n/messagebundle_sr.json +1 -1
  172. package/dist/generated/assets/i18n/messagebundle_sv.json +1 -1
  173. package/dist/generated/assets/i18n/messagebundle_tr.json +1 -1
  174. package/dist/generated/assets/i18n/messagebundle_uk.json +1 -1
  175. package/dist/generated/assets/i18n/messagebundle_zh_CN.json +1 -1
  176. package/dist/generated/assets/i18n/messagebundle_zh_TW.json +1 -1
  177. package/dist/generated/i18n/i18n-defaults.d.ts +1 -9
  178. package/dist/generated/i18n/i18n-defaults.js +1 -9
  179. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  180. package/dist/generated/templates/TabNavigationTemplate.lit.js +2 -2
  181. package/dist/generated/templates/TabNavigationTemplate.lit.js.map +1 -1
  182. package/dist/generated/themes/AccordionItem.css.d.ts +1 -1
  183. package/dist/generated/themes/AccordionItem.css.js +1 -1
  184. package/dist/generated/themes/AccordionItem.css.js.map +1 -1
  185. package/dist/generated/themes/AccordionSpotlight.css.d.ts +1 -1
  186. package/dist/generated/themes/AccordionSpotlight.css.js +1 -1
  187. package/dist/generated/themes/AccordionSpotlight.css.js.map +1 -1
  188. package/dist/generated/themes/Avatar.css.d.ts +1 -1
  189. package/dist/generated/themes/Avatar.css.js +1 -1
  190. package/dist/generated/themes/Avatar.css.js.map +1 -1
  191. package/dist/generated/themes/Carousel.css.d.ts +1 -1
  192. package/dist/generated/themes/Carousel.css.js +1 -1
  193. package/dist/generated/themes/Carousel.css.js.map +1 -1
  194. package/dist/generated/themes/CountrySelector.css.d.ts +1 -1
  195. package/dist/generated/themes/CountrySelector.css.js +1 -1
  196. package/dist/generated/themes/CountrySelector.css.js.map +1 -1
  197. package/dist/generated/themes/EventRibbon.css.d.ts +1 -1
  198. package/dist/generated/themes/EventRibbon.css.js +1 -1
  199. package/dist/generated/themes/EventRibbon.css.js.map +1 -1
  200. package/dist/generated/themes/FilterMenu.css.d.ts +1 -1
  201. package/dist/generated/themes/FilterMenu.css.js +1 -1
  202. package/dist/generated/themes/FilterMenu.css.js.map +1 -1
  203. package/dist/generated/themes/HeroBanner.css.d.ts +1 -1
  204. package/dist/generated/themes/HeroBanner.css.js +1 -1
  205. package/dist/generated/themes/HeroBanner.css.js.map +1 -1
  206. package/dist/generated/themes/ImageGridTicker.css.d.ts +1 -1
  207. package/dist/generated/themes/ImageGridTicker.css.js +1 -1
  208. package/dist/generated/themes/ImageGridTicker.css.js.map +1 -1
  209. package/dist/generated/themes/ListItem.css.d.ts +1 -1
  210. package/dist/generated/themes/ListItem.css.js +1 -1
  211. package/dist/generated/themes/ListItem.css.js.map +1 -1
  212. package/dist/generated/themes/MastheadCountrySelector.css.d.ts +1 -1
  213. package/dist/generated/themes/MastheadCountrySelector.css.js +1 -1
  214. package/dist/generated/themes/MastheadCountrySelector.css.js.map +1 -1
  215. package/dist/generated/themes/MastheadItem.css.d.ts +1 -1
  216. package/dist/generated/themes/MastheadItem.css.js +1 -1
  217. package/dist/generated/themes/MastheadItem.css.js.map +1 -1
  218. package/dist/generated/themes/MastheadProfileMenu.css.d.ts +1 -1
  219. package/dist/generated/themes/MastheadProfileMenu.css.js +1 -1
  220. package/dist/generated/themes/MastheadProfileMenu.css.js.map +1 -1
  221. package/dist/generated/themes/MastheadShell.css.d.ts +1 -1
  222. package/dist/generated/themes/MastheadShell.css.js +1 -1
  223. package/dist/generated/themes/MastheadShell.css.js.map +1 -1
  224. package/dist/generated/themes/MediaPlayer.css.d.ts +1 -1
  225. package/dist/generated/themes/MediaPlayer.css.js +1 -1
  226. package/dist/generated/themes/MediaPlayer.css.js.map +1 -1
  227. package/dist/generated/themes/Modal.css.d.ts +1 -1
  228. package/dist/generated/themes/Modal.css.js +1 -1
  229. package/dist/generated/themes/Modal.css.js.map +1 -1
  230. package/dist/generated/themes/PhoneNumberField.css.d.ts +1 -1
  231. package/dist/generated/themes/PhoneNumberField.css.js +1 -1
  232. package/dist/generated/themes/PhoneNumberField.css.js.map +1 -1
  233. package/dist/generated/themes/Search.css.d.ts +1 -1
  234. package/dist/generated/themes/Search.css.js +1 -1
  235. package/dist/generated/themes/Search.css.js.map +1 -1
  236. package/dist/generated/themes/SecondaryNavigationItem.css.d.ts +1 -1
  237. package/dist/generated/themes/SecondaryNavigationItem.css.js +1 -1
  238. package/dist/generated/themes/SecondaryNavigationItem.css.js.map +1 -1
  239. package/dist/generated/themes/SelectBase.css.d.ts +1 -1
  240. package/dist/generated/themes/SelectBase.css.js +1 -1
  241. package/dist/generated/themes/SelectBase.css.js.map +1 -1
  242. package/dist/generated/themes/StepInput.css.d.ts +1 -1
  243. package/dist/generated/themes/StepInput.css.js +1 -1
  244. package/dist/generated/themes/StepInput.css.js.map +1 -1
  245. package/dist/generated/themes/Switch.css.d.ts +1 -1
  246. package/dist/generated/themes/Switch.css.js +1 -1
  247. package/dist/generated/themes/Switch.css.js.map +1 -1
  248. package/dist/generated/themes/TabInOverflow.css.d.ts +1 -1
  249. package/dist/generated/themes/TabInOverflow.css.js +1 -1
  250. package/dist/generated/themes/TabInOverflow.css.js.map +1 -1
  251. package/dist/generated/themes/TabNavigation.css.d.ts +1 -1
  252. package/dist/generated/themes/TabNavigation.css.js +1 -1
  253. package/dist/generated/themes/TabNavigation.css.js.map +1 -1
  254. package/dist/generated/themes/TableCellBase.css.d.ts +1 -1
  255. package/dist/generated/themes/TableCellBase.css.js +1 -1
  256. package/dist/generated/themes/TableCellBase.css.js.map +1 -1
  257. package/dist/generated/themes/TagGroup.css.d.ts +1 -1
  258. package/dist/generated/themes/TagGroup.css.js +1 -1
  259. package/dist/generated/themes/TagGroup.css.js.map +1 -1
  260. package/dist/generated/themes/TextArea.css.d.ts +1 -1
  261. package/dist/generated/themes/TextArea.css.js +1 -1
  262. package/dist/generated/themes/TextArea.css.js.map +1 -1
  263. package/dist/generated/themes/TextField.css.d.ts +1 -1
  264. package/dist/generated/themes/TextField.css.js +1 -1
  265. package/dist/generated/themes/TextField.css.js.map +1 -1
  266. package/dist/generated/themes/Tooltip.css.d.ts +1 -1
  267. package/dist/generated/themes/Tooltip.css.js +1 -1
  268. package/dist/generated/themes/Tooltip.css.js.map +1 -1
  269. package/dist/generated/themes/Wizard.css.d.ts +1 -1
  270. package/dist/generated/themes/Wizard.css.js +1 -1
  271. package/dist/generated/themes/Wizard.css.js.map +1 -1
  272. package/dist/messagebundle.properties +0 -10
  273. package/dist/messagebundle_ar.properties +0 -6
  274. package/dist/messagebundle_bg.properties +0 -8
  275. package/dist/messagebundle_cs.properties +0 -8
  276. package/dist/messagebundle_da.properties +0 -8
  277. package/dist/messagebundle_de.properties +0 -8
  278. package/dist/messagebundle_el.properties +0 -8
  279. package/dist/messagebundle_en.properties +0 -8
  280. package/dist/messagebundle_es.properties +0 -8
  281. package/dist/messagebundle_et.properties +0 -8
  282. package/dist/messagebundle_fi.properties +0 -8
  283. package/dist/messagebundle_fr.properties +0 -8
  284. package/dist/messagebundle_hr.properties +0 -8
  285. package/dist/messagebundle_hu.properties +0 -8
  286. package/dist/messagebundle_it.properties +0 -8
  287. package/dist/messagebundle_ja.properties +0 -8
  288. package/dist/messagebundle_ko.properties +0 -8
  289. package/dist/messagebundle_lt.properties +0 -8
  290. package/dist/messagebundle_lv.properties +0 -8
  291. package/dist/messagebundle_nl.properties +0 -8
  292. package/dist/messagebundle_no.properties +0 -8
  293. package/dist/messagebundle_pl.properties +0 -8
  294. package/dist/messagebundle_pt.properties +0 -8
  295. package/dist/messagebundle_pt_PT.properties +0 -8
  296. package/dist/messagebundle_ro.properties +0 -8
  297. package/dist/messagebundle_ru.properties +0 -8
  298. package/dist/messagebundle_sk.properties +0 -8
  299. package/dist/messagebundle_sl.properties +0 -7
  300. package/dist/messagebundle_sr.properties +0 -8
  301. package/dist/messagebundle_sv.properties +0 -8
  302. package/dist/messagebundle_tr.properties +0 -8
  303. package/dist/messagebundle_uk.properties +8 -8
  304. package/dist/messagebundle_zh_CN.properties +0 -8
  305. package/dist/messagebundle_zh_TW.properties +0 -8
  306. package/dist/utils/searchBackdrop.d.ts +1 -0
  307. package/dist/utils/searchBackdrop.js +23 -0
  308. package/dist/utils/searchBackdrop.js.map +1 -0
  309. package/dist/vscode.html-custom-data.json +175 -4
  310. package/dist/web-types.json +368 -11
  311. package/package.json +1 -1
  312. package/src/Carousel.ts +51 -8
  313. package/src/CarouselTemplate.tsx +7 -7
  314. package/src/CountrySelectorTemplate.tsx +2 -2
  315. package/src/FilterMenu.ts +5 -1
  316. package/src/HeroBanner.ts +66 -0
  317. package/src/List.ts +8 -0
  318. package/src/ListItem.ts +5 -1
  319. package/src/ListTemplate.tsx +1 -1
  320. package/src/MastheadShell.ts +44 -0
  321. package/src/PhoneNumberField.ts +23 -22
  322. package/src/PhoneNumberFieldTemplate.tsx +128 -0
  323. package/src/Search.ts +21 -1
  324. package/src/SearchableListBase.ts +62 -7
  325. package/src/SearchableListBaseTemplate.tsx +1 -0
  326. package/src/SelectBase.ts +14 -21
  327. package/src/SelectBoxTemplate.tsx +1 -1
  328. package/src/StatusMessage.ts +4 -3
  329. package/src/TabNavigation.hbs +2 -0
  330. package/src/TabNavigation.ts +3 -2
  331. package/src/Tag.ts +7 -0
  332. package/src/TagGroup.ts +4 -2
  333. package/src/TextAreaTemplate.tsx +1 -1
  334. package/src/TextFieldTemplate.tsx +1 -1
  335. package/src/Upload.ts +7 -10
  336. package/src/UploadItem.ts +7 -9
  337. package/src/UploadItemTemplate.tsx +62 -0
  338. package/src/UploadTemplate.tsx +53 -0
  339. package/src/generated/i18n/i18n-defaults.ts +2 -2
  340. package/src/generated/templates/TabNavigationTemplate.lit.ts +2 -2
  341. package/src/generated/themes/AccordionItem.css.ts +1 -1
  342. package/src/generated/themes/AccordionSpotlight.css.ts +1 -1
  343. package/src/generated/themes/Avatar.css.ts +1 -1
  344. package/src/generated/themes/Carousel.css.ts +1 -1
  345. package/src/generated/themes/CountrySelector.css.ts +1 -1
  346. package/src/generated/themes/EventRibbon.css.ts +1 -1
  347. package/src/generated/themes/FilterMenu.css.ts +1 -1
  348. package/src/generated/themes/HeroBanner.css.ts +1 -1
  349. package/src/generated/themes/ImageGridTicker.css.ts +1 -1
  350. package/src/generated/themes/ListItem.css.ts +1 -1
  351. package/src/generated/themes/MastheadCountrySelector.css.ts +1 -1
  352. package/src/generated/themes/MastheadItem.css.ts +1 -1
  353. package/src/generated/themes/MastheadProfileMenu.css.ts +1 -1
  354. package/src/generated/themes/MastheadShell.css.ts +1 -1
  355. package/src/generated/themes/MediaPlayer.css.ts +1 -1
  356. package/src/generated/themes/Modal.css.ts +1 -1
  357. package/src/generated/themes/PhoneNumberField.css.ts +1 -1
  358. package/src/generated/themes/Search.css.ts +1 -1
  359. package/src/generated/themes/SecondaryNavigationItem.css.ts +1 -1
  360. package/src/generated/themes/SelectBase.css.ts +1 -1
  361. package/src/generated/themes/StepInput.css.ts +1 -1
  362. package/src/generated/themes/Switch.css.ts +1 -1
  363. package/src/generated/themes/TabInOverflow.css.ts +1 -1
  364. package/src/generated/themes/TabNavigation.css.ts +1 -1
  365. package/src/generated/themes/TableCellBase.css.ts +1 -1
  366. package/src/generated/themes/TagGroup.css.ts +1 -1
  367. package/src/generated/themes/TextArea.css.ts +1 -1
  368. package/src/generated/themes/TextField.css.ts +1 -1
  369. package/src/generated/themes/Tooltip.css.ts +1 -1
  370. package/src/generated/themes/Wizard.css.ts +1 -1
  371. package/src/i18n/messagebundle.properties +0 -10
  372. package/src/i18n/messagebundle_ar.properties +0 -6
  373. package/src/i18n/messagebundle_bg.properties +0 -8
  374. package/src/i18n/messagebundle_cs.properties +0 -8
  375. package/src/i18n/messagebundle_da.properties +0 -8
  376. package/src/i18n/messagebundle_de.properties +0 -8
  377. package/src/i18n/messagebundle_el.properties +0 -8
  378. package/src/i18n/messagebundle_en.properties +0 -8
  379. package/src/i18n/messagebundle_es.properties +0 -8
  380. package/src/i18n/messagebundle_et.properties +0 -8
  381. package/src/i18n/messagebundle_fi.properties +0 -8
  382. package/src/i18n/messagebundle_fr.properties +0 -8
  383. package/src/i18n/messagebundle_hr.properties +0 -8
  384. package/src/i18n/messagebundle_hu.properties +0 -8
  385. package/src/i18n/messagebundle_it.properties +0 -8
  386. package/src/i18n/messagebundle_ja.properties +0 -8
  387. package/src/i18n/messagebundle_ko.properties +0 -8
  388. package/src/i18n/messagebundle_lt.properties +0 -8
  389. package/src/i18n/messagebundle_lv.properties +0 -8
  390. package/src/i18n/messagebundle_nl.properties +0 -8
  391. package/src/i18n/messagebundle_no.properties +0 -8
  392. package/src/i18n/messagebundle_pl.properties +0 -8
  393. package/src/i18n/messagebundle_pt.properties +0 -8
  394. package/src/i18n/messagebundle_pt_PT.properties +0 -8
  395. package/src/i18n/messagebundle_ro.properties +0 -8
  396. package/src/i18n/messagebundle_ru.properties +0 -8
  397. package/src/i18n/messagebundle_sk.properties +0 -8
  398. package/src/i18n/messagebundle_sl.properties +0 -7
  399. package/src/i18n/messagebundle_sr.properties +0 -8
  400. package/src/i18n/messagebundle_sv.properties +0 -8
  401. package/src/i18n/messagebundle_tr.properties +0 -8
  402. package/src/i18n/messagebundle_uk.properties +8 -8
  403. package/src/i18n/messagebundle_zh_CN.properties +0 -8
  404. package/src/i18n/messagebundle_zh_TW.properties +0 -8
  405. package/src/themes/AccordionItem.css +1 -1
  406. package/src/themes/AccordionSpotlight.css +1 -1
  407. package/src/themes/Avatar.css +1 -1
  408. package/src/themes/Carousel.css +17 -10
  409. package/src/themes/CountrySelector.css +12 -2
  410. package/src/themes/EventRibbon.css +1 -1
  411. package/src/themes/FilterMenu.css +3 -2
  412. package/src/themes/HeroBanner.css +1 -1
  413. package/src/themes/ImageGridTicker.css +1 -1
  414. package/src/themes/ListItem.css +10 -2
  415. package/src/themes/MastheadCountrySelector.css +1 -1
  416. package/src/themes/MastheadItem.css +1 -1
  417. package/src/themes/MastheadProfileMenu.css +1 -1
  418. package/src/themes/MastheadShell.css +1 -1
  419. package/src/themes/MediaPlayer.css +10 -10
  420. package/src/themes/Modal.css +5 -3
  421. package/src/themes/PhoneNumberField.css +16 -6
  422. package/src/themes/Search.css +9 -9
  423. package/src/themes/SecondaryNavigationItem.css +1 -1
  424. package/src/themes/SelectBase.css +2 -2
  425. package/src/themes/StepInput.css +1 -1
  426. package/src/themes/Switch.css +2 -2
  427. package/src/themes/TabInOverflow.css +2 -2
  428. package/src/themes/TabNavigation.css +8 -7
  429. package/src/themes/TableCellBase.css +1 -1
  430. package/src/themes/TagGroup.css +1 -1
  431. package/src/themes/TextArea.css +1 -1
  432. package/src/themes/TextField.css +1 -1
  433. package/src/themes/Tooltip.css +5 -4
  434. package/src/themes/Wizard.css +1 -1
  435. package/src/utils/searchBackdrop.ts +23 -0
  436. package/dist/assets/messagebundle_ar-BUZ_gTvQ.js +0 -1
  437. package/dist/assets/messagebundle_bg-4ainC3nj.js +0 -1
  438. package/dist/assets/messagebundle_cs-CFtmLavu.js +0 -1
  439. package/dist/assets/messagebundle_da-BHL-qTPd.js +0 -1
  440. package/dist/assets/messagebundle_de-SMiMT-ST.js +0 -1
  441. package/dist/assets/messagebundle_el-ChAszJ4A.js +0 -1
  442. package/dist/assets/messagebundle_en-B0P3kkb6.js +0 -1
  443. package/dist/assets/messagebundle_es-LGmRBKqB.js +0 -1
  444. package/dist/assets/messagebundle_et-yYsmBPXN.js +0 -1
  445. package/dist/assets/messagebundle_fi-DeMNrHC9.js +0 -1
  446. package/dist/assets/messagebundle_fr-qEm5Eykz.js +0 -1
  447. package/dist/assets/messagebundle_hr-NBdiYo-T.js +0 -1
  448. package/dist/assets/messagebundle_hu-CBV3ISbF.js +0 -1
  449. package/dist/assets/messagebundle_it-BML2SC0W.js +0 -1
  450. package/dist/assets/messagebundle_ja-zyFfZHcj.js +0 -1
  451. package/dist/assets/messagebundle_ko-BCPaSqNp.js +0 -1
  452. package/dist/assets/messagebundle_lt-DB4b6FVx.js +0 -1
  453. package/dist/assets/messagebundle_lv-tAOia5tU.js +0 -1
  454. package/dist/assets/messagebundle_nl-BKUpVV-D.js +0 -1
  455. package/dist/assets/messagebundle_no-BZQfeWxT.js +0 -1
  456. package/dist/assets/messagebundle_pl-CsXeN1y6.js +0 -1
  457. package/dist/assets/messagebundle_pt-D9rap3lj.js +0 -1
  458. package/dist/assets/messagebundle_pt_PT-CQ5YAsmx.js +0 -1
  459. package/dist/assets/messagebundle_ro-BTNJ9YdP.js +0 -1
  460. package/dist/assets/messagebundle_ru-BTDmH8CB.js +0 -1
  461. package/dist/assets/messagebundle_sk-Lb4jvtpc.js +0 -1
  462. package/dist/assets/messagebundle_sl-BZi2bKSy.js +0 -1
  463. package/dist/assets/messagebundle_sr-B9TYgxO1.js +0 -1
  464. package/dist/assets/messagebundle_sv-DWlY9RTQ.js +0 -1
  465. package/dist/assets/messagebundle_tr-DOeCmUdx.js +0 -1
  466. package/dist/assets/messagebundle_uk-GmdhsMsP.js +0 -1
  467. package/dist/assets/messagebundle_zh_CN-CHwH3F3-.js +0 -1
  468. package/dist/assets/messagebundle_zh_TW-FO0BCkub.js +0 -1
  469. package/dist/generated/templates/PhoneNumberFieldTemplate.lit.d.ts +0 -3
  470. package/dist/generated/templates/PhoneNumberFieldTemplate.lit.js +0 -16
  471. package/dist/generated/templates/PhoneNumberFieldTemplate.lit.js.map +0 -1
  472. package/dist/generated/templates/UploadItemTemplate.lit.d.ts +0 -3
  473. package/dist/generated/templates/UploadItemTemplate.lit.js +0 -12
  474. package/dist/generated/templates/UploadItemTemplate.lit.js.map +0 -1
  475. package/dist/generated/templates/UploadTemplate.lit.d.ts +0 -3
  476. package/dist/generated/templates/UploadTemplate.lit.js +0 -10
  477. package/dist/generated/templates/UploadTemplate.lit.js.map +0 -1
  478. package/src/PhoneNumberField.hbs +0 -119
  479. package/src/Upload.hbs +0 -21
  480. package/src/UploadItem.hbs +0 -32
  481. package/src/generated/templates/PhoneNumberFieldTemplate.lit.ts +0 -20
  482. package/src/generated/templates/UploadItemTemplate.lit.ts +0 -16
  483. package/src/generated/templates/UploadTemplate.lit.ts +0 -14
package/src/generated/themes/AccordionSpotlight.css.ts CHANGED
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
6
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
7
  registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
8
- export default `:host{--udex-accordion-spotlight-nav-width: 25%;--udex-accordion-spotlight-nav-gap: var(--udexSpacer16, 16px);--udex-accordion-spotlight-nav-gap-mobile: var(--udexSpacer16, 16px);--udex-accordion-spotlight-nav-color: var(--udexColorGrey7, #475E75);--udex-accordion-spotlight-nav-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-accordion-spotlight-nav-font-family: var(--sapFontFamily, sans-serif);--udex-accordion-spotlight-gap: var(--udexSpacer48, 48px);--udex-accordion-spotlight-btn-color: var(--udexColorNeutralBlack, #000);--udex-accordion-spotlight-btn-color-hover: var(--udexColorBlue8, #0057D2);--udex-accordion-spotlight-btn-color-active: var(--udexColorBlue8, #0057D2);--udex-accordion-spotlight-btn-font-size: var(--udexTypographyHeadingRegularXXSFontSize, 20px);--udex-accordion-spotlight-btn-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-accordion-spotlight-btn-font-family: var(--sapFontFamily, sans-serif);--udex-accordion-spotlight-btn-line-height: 1.1;--udex-accordion-spotlight-btn-padding: var(--udexSpacer16, 16px);--udex-accordion-spotlight-indicator-color: var(--udexColorBlue8, #0057D2);--udex-accordion-spotlight-indicator-width: 3px;--udex-accordion-spotlight-border-color: var(--udexColorGrey3, #D5DADD);--udex-accordion-spotlight-content-font-family: var(--sapFontFamily, sans-serif);--udex-accordion-spotlight-content-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-accordion-spotlight-content-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-accordion-spotlight-transition: color .2s ease-in;--udex-accordion-spotlight-panel-duration: .5s;--udex-accordion-spotlight-panel-easing: ease;--udex-accordion-spotlight-media-width: 100%;--udex-accordion-spotlight-border-radius: var(--udexRadiusM, 8px);display:block}.udex-accordion-spotlight{display:flex;gap:var(--udex-accordion-spotlight-gap);width:100%;overflow:hidden}.udex-accordion-spotlight__nav{flex:0 0 var(--udex-accordion-spotlight-nav-width);align-self:var(--udex-accordion-spotlight-nav-alignment, flex-start);font-family:var(--udex-accordion-spotlight-nav-font-family);font-size:var(--udex-accordion-spotlight-nav-font-size);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udex-accordion-spotlight-nav-color);line-height:var(--udex-accordion-spotlight-content-line-height)}.udex-accordion-spotlight__nav-holder{gap:var(--udex-accordion-spotlight-nav-gap);border-inline-start:1px solid var(--udex-accordion-spotlight-border-color);box-sizing:border-box;display:flex;flex-direction:column}.udex-accordion-spotlight__play-button{margin-block-end:var(--udexSpacer16, 16px);align-self:flex-start;margin-inline-start:var(--udexSpacer16, 16px)}:host([vertical-alignment="Center"]){--udex-accordion-spotlight-nav-alignment: center}:host([placement="End"]) .udex-accordion-spotlight__nav{order:1}.udex-accordion-spotlight__nav-item{position:relative;padding:var(--udex-accordion-spotlight-btn-padding);display:flex;flex-direction:column;align-items:flex-start}.udex-accordion-spotlight-item__expand{display:grid;grid-template-rows:0fr;opacity:0;width:100%;margin-block-start:0;transition:grid-template-rows var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing),opacity var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing),margin-block-start var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing)}.udex-accordion-spotlight-item__expand--open{grid-template-rows:1fr;opacity:1;margin-block-start:var(--udexSpacer16, 16px)}.udex-accordion-spotlight-item__expand-inner{overflow:hidden;display:flex;flex-direction:column;gap:var(--udexSpacer16, 16px);padding-inline:4px;margin-inline:-4px;padding-block-end:4px;margin-block-end:-4px}.udex-accordion-spotlight-item__button{background:none;border:0;padding:0;border-radius:0;cursor:pointer;display:flex;flex-direction:column;text-align:start;color:var(--udex-accordion-spotlight-btn-color);font-family:var(--udex-accordion-spotlight-btn-font-family);font-size:var(--udex-accordion-spotlight-btn-font-size);font-weight:var(--udex-accordion-spotlight-btn-font-weight);line-height:var(--udex-accordion-spotlight-btn-line-height)}.udex-accordion-spotlight-item__button:hover{color:var(--udex-accordion-spotlight-btn-color-hover)}.udex-accordion-spotlight-item__button:focus,.udex-accordion-spotlight-item__button:focus-visible{outline:none}:host([desktop]) .udex-accordion-spotlight-item__button:focus,.udex-accordion-spotlight-item__button:focus-visible{outline:2px solid var(--udex-accordion-spotlight-indicator-color);border-radius:var(--udexRadiusXXS, 2px)}.udex-accordion-spotlight-item__button--active{color:var(--udex-accordion-spotlight-btn-color-active)}.udex-accordion-spotlight-item__button--active:before{content:"";position:absolute;inset-inline-start:-1px;inset-block:0;width:var(--udex-accordion-spotlight-indicator-width);background-color:var(--udex-accordion-spotlight-indicator-color);border-start-end-radius:var(--udexRadiusXXS, 2px);border-end-end-radius:var(--udexRadiusXXS, 2px);z-index:1}.udex-accordion-spotlight__content{flex:1 1 0;font-family:var(--udex-accordion-spotlight-content-font-family);font-size:var(--udex-accordion-spotlight-content-font-size);line-height:var(--udex-accordion-spotlight-content-line-height);padding-inline-start:var(--udexSpacer16, 16px);display:grid}.udex-accordion-spotlight__content>.udex-accordion-spotlight__panel{grid-area:1 / 1;display:block;transition:opacity var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing)}.udex-accordion-spotlight__panel{opacity:0;height:0;pointer-events:none}.udex-accordion-spotlight__panel--open{opacity:1;height:auto;pointer-events:auto}.udex-accordion-spotlight__panel-inner{overflow:hidden}.udex-accordion-spotlight-item__links{display:flex;flex-direction:column;gap:var(--udexSpacer4, 4px)}.udex-accordion-spotlight__footer{margin-block-start:var(--udexSpacer20, 20px);margin-inline-start:var(--udexSpacer16, 16px)}.udex-accordion-spotlight__media{flex:1 1 0;display:flex;align-items:var(--udex-accordion-spotlight-nav-alignment, flex-start);overflow:hidden}.udex-accordion-spotlight__media ::slotted(img),.udex-accordion-spotlight__media ::slotted(video){display:block;width:var(--udex-accordion-spotlight-media-width);border-radius:var(--udex-accordion-spotlight-border-radius)}@media (prefers-reduced-motion: reduce){.udex-accordion-spotlight__panel,.udex-accordion-spotlight-item__expand,.udex-accordion-spotlight-item__button{transition:none}}@media (max-width: 979px){.udex-accordion-spotlight__nav-item:has(~.udex-accordion-spotlight__nav-item){margin-bottom:var(--udex-accordion-spotlight-nav-gap-mobile)}.udex-accordion-spotlight__nav-holder{gap:0}.udex-accordion-spotlight__media{width:100%;flex:0 0 auto;margin-block-start:var(--udexSpacer16, 16px)}.udex-accordion-spotlight{flex-direction:column;gap:0}.udex-accordion-spotlight__nav{flex:0 0 100%;width:100%}.udex-accordion-spotlight__panel{height:inherit;display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing),opacity var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing)}.udex-accordion-spotlight__panel--open{grid-template-rows:1fr;margin:var(--udexSpacer8, 8px) 0 var(--udexSpacer24, 24px)}.udex-accordion-spotlight__panel-inner{padding-inline-start:var(--udexSpacer16, 16px);font-family:var(--udex-accordion-spotlight-content-font-family);font-size:var(--udex-accordion-spotlight-content-font-size);line-height:var(--udex-accordion-spotlight-content-line-height)}}
8
+ export default `:host{--udex-accordion-spotlight-nav-width: 25%;--udex-accordion-spotlight-nav-gap: var(--udexSpacer16, 16px);--udex-accordion-spotlight-nav-gap-mobile: var(--udexSpacer16, 16px);--udex-accordion-spotlight-nav-color: var(--udexColorGrey7, #475E75);--udex-accordion-spotlight-nav-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-accordion-spotlight-nav-font-family: var(--sapFontFamily, sans-serif);--udex-accordion-spotlight-gap: var(--udexSpacer48, 48px);--udex-accordion-spotlight-btn-color: var(--udexColorNeutralBlack, #000);--udex-accordion-spotlight-btn-color-hover: var(--udexColorBlue8, #0057D2);--udex-accordion-spotlight-btn-color-active: var(--udexColorBlue8, #0057D2);--udex-accordion-spotlight-btn-font-size: var(--udexTypographyHeadingRegularXXSFontSize, 20px);--udex-accordion-spotlight-btn-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-accordion-spotlight-btn-font-family: var(--sapFontFamily, sans-serif);--udex-accordion-spotlight-btn-line-height: 1.1;--udex-accordion-spotlight-btn-padding: var(--udexSpacer16, 16px);--udex-accordion-spotlight-indicator-color: var(--udexColorBlue8, #0057D2);--udex-accordion-spotlight-indicator-width: 3px;--udex-accordion-spotlight-border-color: var(--udexColorGrey3, #D5DADD);--udex-accordion-spotlight-content-font-family: var(--sapFontFamily, sans-serif);--udex-accordion-spotlight-content-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-accordion-spotlight-content-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-accordion-spotlight-transition: color .2s ease-in;--udex-accordion-spotlight-panel-duration: .5s;--udex-accordion-spotlight-panel-easing: ease;--udex-accordion-spotlight-media-width: 100%;--udex-accordion-spotlight-border-radius: var(--udexRadiusM, 8px);display:block}.udex-accordion-spotlight{display:flex;gap:var(--udex-accordion-spotlight-gap);width:100%;overflow:hidden}.udex-accordion-spotlight__nav{flex:0 0 var(--udex-accordion-spotlight-nav-width);align-self:var(--udex-accordion-spotlight-nav-alignment, flex-start);font-family:var(--udex-accordion-spotlight-nav-font-family);font-size:var(--udex-accordion-spotlight-nav-font-size);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udex-accordion-spotlight-nav-color);line-height:var(--udex-accordion-spotlight-content-line-height)}.udex-accordion-spotlight__nav-holder{gap:var(--udex-accordion-spotlight-nav-gap);border-inline-start:1px solid var(--udex-accordion-spotlight-border-color);box-sizing:border-box;display:flex;flex-direction:column}.udex-accordion-spotlight__play-button{margin-block-end:var(--udexSpacer16, 16px);align-self:flex-start;margin-inline-start:var(--udexSpacer16, 16px)}:host([vertical-alignment="Center"]){--udex-accordion-spotlight-nav-alignment: center}:host([placement="End"]) .udex-accordion-spotlight__nav{order:1}.udex-accordion-spotlight__nav-item{position:relative;padding:var(--udex-accordion-spotlight-btn-padding);display:flex;flex-direction:column;align-items:flex-start}.udex-accordion-spotlight-item__expand{display:grid;grid-template-rows:0fr;opacity:0;width:100%;margin-block-start:0;transition:grid-template-rows var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing),opacity var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing),margin-block-start var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing)}.udex-accordion-spotlight-item__expand--open{grid-template-rows:1fr;opacity:1;margin-block-start:var(--udexSpacer16, 16px)}.udex-accordion-spotlight-item__expand-inner{overflow:hidden;display:flex;flex-direction:column;gap:var(--udexSpacer16, 16px);padding-inline:4px;margin-inline:-4px;padding-block-end:4px;margin-block-end:-4px}.udex-accordion-spotlight-item__button{background:none;border:0;padding:0;border-radius:0;cursor:pointer;display:flex;flex-direction:column;text-align:start;color:var(--udex-accordion-spotlight-btn-color);font-family:var(--udex-accordion-spotlight-btn-font-family);font-size:var(--udex-accordion-spotlight-btn-font-size);font-weight:var(--udex-accordion-spotlight-btn-font-weight);line-height:var(--udex-accordion-spotlight-btn-line-height)}.udex-accordion-spotlight-item__button:hover{color:var(--udex-accordion-spotlight-btn-color-hover)}.udex-accordion-spotlight-item__button:focus,.udex-accordion-spotlight-item__button:focus-visible{outline:none}:host([desktop]) .udex-accordion-spotlight-item__button:focus,.udex-accordion-spotlight-item__button:focus-visible{outline:2px solid var(--udex-accordion-spotlight-indicator-color);border-radius:var(--udexRadiusXXS, 2px)}.udex-accordion-spotlight-item__button--active{color:var(--udex-accordion-spotlight-btn-color-active)}.udex-accordion-spotlight-item__button--active:before{content:"";position:absolute;inset-inline-start:-1px;inset-block:0;width:var(--udex-accordion-spotlight-indicator-width);background-color:var(--udex-accordion-spotlight-indicator-color);border-start-end-radius:var(--udexRadiusXXS, 2px);border-end-end-radius:var(--udexRadiusXXS, 2px);z-index:var(--udexZIndex1, 1)}.udex-accordion-spotlight__content{flex:1 1 0;font-family:var(--udex-accordion-spotlight-content-font-family);font-size:var(--udex-accordion-spotlight-content-font-size);line-height:var(--udex-accordion-spotlight-content-line-height);padding-inline-start:var(--udexSpacer16, 16px);display:grid}.udex-accordion-spotlight__content>.udex-accordion-spotlight__panel{grid-area:1 / 1;display:block;transition:opacity var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing)}.udex-accordion-spotlight__panel{opacity:0;height:0;pointer-events:none}.udex-accordion-spotlight__panel--open{opacity:1;height:auto;pointer-events:auto}.udex-accordion-spotlight__panel-inner{overflow:hidden}.udex-accordion-spotlight-item__links{display:flex;flex-direction:column;gap:var(--udexSpacer4, 4px)}.udex-accordion-spotlight__footer{margin-block-start:var(--udexSpacer20, 20px);margin-inline-start:var(--udexSpacer16, 16px)}.udex-accordion-spotlight__media{flex:1 1 0;display:flex;align-items:var(--udex-accordion-spotlight-nav-alignment, flex-start);overflow:hidden}.udex-accordion-spotlight__media ::slotted(img),.udex-accordion-spotlight__media ::slotted(video){display:block;width:var(--udex-accordion-spotlight-media-width);border-radius:var(--udex-accordion-spotlight-border-radius)}@media (prefers-reduced-motion: reduce){.udex-accordion-spotlight__panel,.udex-accordion-spotlight-item__expand,.udex-accordion-spotlight-item__button{transition:none}}@media (max-width: 979px){.udex-accordion-spotlight__nav-item:has(~.udex-accordion-spotlight__nav-item){margin-bottom:var(--udex-accordion-spotlight-nav-gap-mobile)}.udex-accordion-spotlight__nav-holder{gap:0}.udex-accordion-spotlight__media{width:100%;flex:0 0 auto;margin-block-start:var(--udexSpacer16, 16px)}.udex-accordion-spotlight{flex-direction:column;gap:0}.udex-accordion-spotlight__nav{flex:0 0 100%;width:100%}.udex-accordion-spotlight__panel{height:inherit;display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing),opacity var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing)}.udex-accordion-spotlight__panel--open{grid-template-rows:1fr;margin:var(--udexSpacer8, 8px) 0 var(--udexSpacer24, 24px)}.udex-accordion-spotlight__panel-inner{padding-inline-start:var(--udexSpacer16, 16px);font-family:var(--udex-accordion-spotlight-content-font-family);font-size:var(--udex-accordion-spotlight-content-font-size);line-height:var(--udex-accordion-spotlight-content-line-height)}}
9
9
  `
package/src/generated/themes/Avatar.css.ts CHANGED
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
6
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
7
  registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
8
- export default `:host{--udex-avatar-badge-size-background-xs-and-s-and-m: 18px;--udex-avatar-badge-size-background-l: 20px;--udex-avatar-badge-size-background-xl: 28px;--udex-avatar-badge-size-icon-xs-and-s-and-m: 12px;--udex-avatar-badge-size-icon-l: 14px;--udex-avatar-badge-size-icon-xl: 16px;--udex-avatar-size-xs: 32px;--udex-avatar-size-s: 48px;--udex-avatar-size-m: 64px;--udex-avatar-size-l: 84px;--udex-avatar-size-xl: 120px;--udex-avatar-font-size-xs: 12px;--udex-avatar-font-size-s: 18px;--udex-avatar-font-size-m: 24px;--udex-avatar-font-size-l: 32px;--udex-avatar-font-size-xl: 48px;--udex-avatar-radius-xs: var(--udexRadiusXS, 4px);--udex-avatar-radius-s: var(--udexRadiusXS, 4px);--udex-avatar-radius-m: var(--udexRadiusM, 8px);--udex-avatar-radius-l: var(--udexRadiusM, 8px);--udex-avatar-radius-xl: var(--udexRadiusXL, 16px);--udex-avatar-image-default-border-color: var(--udexColorGrey2, #EAECEE);--udex-avatar-image-hover-border-color: var(--udexColorGrey7, #475E75);--udex-avatar-blue-default-background-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-default-border-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-icon-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue8));--udex-avatar-blue-hover-backgound-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-hover-border-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue8));--udex-avatar-mango-default-background-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-default-border-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-icon-color: var(--sapAvatar_1_TextColor, var(--udexColorMango8));--udex-avatar-mango-hover-backgound-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-hover-border-color: var(--sapAvatar_1_TextColor, var(--udexColorMango8));--udex-avatar-red-default-background-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-default-border-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-icon-color: var(--sapAvatar_2_TextColor, var(--udexColorRed8));--udex-avatar-red-hover-backgound-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-hover-border-color: var(--sapAvatar_2_TextColor, var(--udexColorRed8));--udex-avatar-raspberry-default-background-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-default-border-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-icon-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry8));--udex-avatar-raspberry-hover-backgound-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-hover-border-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry8));--udex-avatar-pink-default-background-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-default-border-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-icon-color: var(--sapAvatar_4_TextColor, var(--udexColorPink8));--udex-avatar-pink-hover-backgound-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-hover-border-color: var(--sapAvatar_4_TextColor, var(--udexColorPink8));--udex-avatar-indigo-default-background-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-default-border-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-icon-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo8));--udex-avatar-indigo-hover-backgound-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-hover-border-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo8));--udex-avatar-teal-default-background-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-default-border-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-icon-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal8));--udex-avatar-teal-hover-backgound-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-hover-border-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal8));--udex-avatar-green-default-background-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-default-border-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-icon-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen8));--udex-avatar-green-hover-backgound-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-hover-border-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen8));--udex-avatar-grey-default-background-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-default-border-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-icon-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey8));--udex-avatar-grey-hover-backgound-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-hover-border-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey8));--udex-avatar-transparent-default-background-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-default-border-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-default-icon-color: var(--udexColorGrey9, #223548);--udex-avatar-transparent-hover-backgound-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-hover-border-color: var(--udexColorGrey9, #223548);--udex-avatar-transparent-hover-icon-color: var(--udexColorGrey9, #223548);--udex-avatar-neutral-default-background-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-default-border-color: var(--sapAvatar_10_BorderColor, var(--udexColorGrey3));--udex-avatar-neutral-default-icon-color: var(--sapAvatar_10_TextColor , #0070F2);--udex-avatar-neutral-hover-backgound-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-hover-border-color: var(--udexColorGrey5, #8396a8);--udex-avatar-neutral-hover-icon-color: var(--sapAvatar_10_TextColor, #0070F2);--udex-avatar-neutral-active-border-color: var(--udexColorBlue9, #0040B0);--udex-avatar-neutral-active-background-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-active-icon-color: var(--udexColorBlue9, #0040B0)}:host([disabled]){pointer-events:none}:host([shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-s)}:host{font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);display:inline-flex}:host([hidden]){display:none}:host([interactive]) .udex-avatar:hover{box-shadow:none}::slotted(*){pointer-events:none}:host([color-scheme]) .udex-avatar.udex-avatar--with-image{background-color:#0000;border-color:var(--udex-avatar-image-default-border-color)}.udex-avatar ::slotted([slot="badge"]){display:flex;justify-content:center;align-items:center;bottom:0;right:0;pointer-events:all}:host([size="XS"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="S"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="M"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="L"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-l);height:var(--udex-avatar-badge-size-background-l);font-size:var(--udex-avatar-badge-size-icon-l);padding:3px}:host([size="XL"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xl);height:var(--udex-avatar-badge-size-background-xl);font-size:var(--udex-avatar-badge-size-icon-xl);padding:6px}:host([show-attention-badge][size="XS"]) .udex-avatar:before{position:absolute;content:"";inset-block-start:0;inset-inline-end:0;z-index:1;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}:host([size="XS"]) .udex-avatar{width:var(--udex-avatar-size-xs);height:var(--udex-avatar-size-xs);font-size:var(--udex-avatar-font-size-xs)}:host([size="S"]) .udex-avatar{width:var(--udex-avatar-size-s);height:var(--udex-avatar-size-s);font-size:var(--udex-avatar-font-size-s)}:host([size="M"]) .udex-avatar{width:var(--udex-avatar-size-m);height:var(--udex-avatar-size-m);font-size:var(--udex-avatar-font-size-m)}:host([size="L"]) .udex-avatar{width:var(--udex-avatar-size-l);height:var(--udex-avatar-size-l);font-size:var(--udex-avatar-font-size-l)}:host([size="XL"]) .udex-avatar{width:var(--udex-avatar-size-xl);height:var(--udex-avatar-size-xl);font-size:var(--udex-avatar-font-size-xl)}:host([size="XS"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-xs)}:host([size="XS"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-xs)}:host([size="S"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-s)}:host([size="S"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-s)}:host([size="M"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-m)}:host([size="M"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-m)}:host([size="L"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-l)}:host([size="L"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-l)}:host([size="XL"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-xl)}:host([size="XL"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-xl)}:host([color-scheme="Blue"]) .udex-avatar{background-color:var(--udex-avatar-blue-default-background-color);color:var(--udex-avatar-blue-icon-color);border-color:var(--udex-avatar-blue-default-border-color)}:host([hover][color-scheme="Blue"]) .udex-avatar,:host([color-scheme="Blue"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-blue-default-background-color);border-color:var(--udex-avatar-blue-hover-border-color);color:var(--udex-avatar-blue-icon-color)}:host([color-scheme="Mango"]) .udex-avatar{background-color:var(--udex-avatar-mango-default-background-color);color:var(--udex-avatar-mango-icon-color);border-color:var(--udex-avatar-mango-default-border-color)}:host([hover][color-scheme="Mango"]) .udex-avatar,:host([color-scheme="Mango"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-mango-default-background-color);border-color:var(--udex-avatar-mango-hover-border-color);color:var(--udex-avatar-mango-icon-color)}:host([disabled]) .udex-avatar:hover{border:0}:host([color-scheme="Red"]) .udex-avatar{background-color:var(--udex-avatar-red-default-background-color);color:var(--udex-avatar-red-icon-color);border-color:var(--udex-avatar-red-default-border-color)}:host([hover][color-scheme="Red"]) .udex-avatar,:host([color-scheme="Red"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-red-default-background-color);border-color:var(--udex-avatar-red-hover-border-color);color:var(--udex-avatar-red-icon-color)}:host([color-scheme="Raspberry"]) .udex-avatar{background-color:var(--udex-avatar-raspberry-default-background-color);color:var(--udex-avatar-raspberry-icon-color);border-color:var(--udex-avatar-raspberry-default-border-color)}:host([hover][color-scheme="Raspberry"]) .udex-avatar,:host([color-scheme="Raspberry"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-raspberry-default-background-color);border-color:var(--udex-avatar-raspberry-hover-border-color);color:var(--udex-avatar-raspberry-icon-color)}:host([color-scheme="Pink"]) .udex-avatar{background-color:var(--udex-avatar-pink-default-background-color);color:var(--udex-avatar-pink-icon-color);border-color:var(--udex-avatar-pink-default-border-color)}:host([hover][color-scheme="Pink"]) .udex-avatar,:host([color-scheme="Pink"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-pink-default-background-color);border-color:var(--udex-avatar-pink-hover-border-color);color:var(--udex-avatar-pink-icon-color)}:host([color-scheme="Indigo"]) .udex-avatar{background-color:var(--udex-avatar-indigo-default-background-color);color:var(--udex-avatar-indigo-icon-color);border-color:var(--udex-avatar-indigo-default-border-color)}:host([hover][color-scheme="Indigo"]) .udex-avatar,:host([color-scheme="Indigo"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-indigo-default-background-color);border-color:var(--udex-avatar-indigo-hover-border-color);color:var(--udex-avatar-indigo-icon-color)}:host([color-scheme="Teal"]) .udex-avatar{background-color:var(--udex-avatar-teal-default-background-color);color:var(--udex-avatar-teal-icon-color);border-color:var(--udex-avatar-teal-default-border-color)}:host([hover][color-scheme="Teal"]) .udex-avatar,:host([color-scheme="Teal"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-teal-default-background-color);border-color:var(--udex-avatar-teal-hover-border-color);color:var(--udex-avatar-teal-icon-color)}:host([color-scheme="Green"]) .udex-avatar{background-color:var(--udex-avatar-green-default-background-color);color:var(--udex-avatar-green-icon-color);border-color:var(--udex-avatar-green-default-border-color)}:host([hover][color-scheme="Green"]) .udex-avatar,:host([color-scheme="Green"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-green-default-background-color);border-color:var(--udex-avatar-green-hover-border-color);color:var(--udex-avatar-green-icon-color)}:host([color-scheme="Grey"]) .udex-avatar{background-color:var(--udex-avatar-grey-default-background-color);color:var(--udex-avatar-grey-icon-color);border-color:var(--udex-avatar-grey-default-border-color)}:host([hover][color-scheme="Grey"]) .udex-avatar,:host([color-scheme="Grey"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-grey-default-background-color);border-color:var(--udex-avatar-grey-hover-border-color);color:var(--udex-avatar-grey-icon-color)}:host([color-scheme="Transparent"]) .udex-avatar{background-color:var(--udex-avatar-transparent-default-background-color);color:var(--udex-avatar-transparent-default-icon-color);border-color:var(--udex-avatar-transparent-default-border-color)}:host([hover][color-scheme="Transparent"]) .udex-avatar,:host([color-scheme="Transparent"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-transparent-default-background-color);border-color:var(--udex-avatar-transparent-hover-border-color);color:var(--udex-avatar-transparent-default-icon-color)}:host([color-scheme="Neutral"]) .udex-avatar{background-color:var(--udex-avatar-neutral-default-background-color);color:var(--udex-avatar-neutral-default-icon-color);border-color:var(--udex-avatar-neutral-default-border-color)}:host([hover][color-scheme="Neutral"]) .udex-avatar,:host([color-scheme="Neutral"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-neutral-default-background-color);border-color:var(--udex-avatar-neutral-hover-border-color);color:var(--udex-avatar-neutral-default-icon-color)}:host([hover]) .udex-avatar.udex-avatar--with-image,:host([color-scheme][interactive]) .udex-avatar.udex-avatar--with-image:hover{border-color:var(--udex-avatar-image-hover-border-color);background-color:#0000}:host([interactive]:not([hidden])) .udex-avatar:active,:host([interactive]:not([hidden])) .udex-avatar.udex-avatar--with-image:active{border-color:var(--udex-avatar-neutral-active-border-color);background-color:var(--udex-avatar-neutral-active-background-color);color:var(--udex-avatar-neutral-active-icon-color)}
8
+ export default `:host{--udex-avatar-badge-size-background-xs-and-s-and-m: 18px;--udex-avatar-badge-size-background-l: 20px;--udex-avatar-badge-size-background-xl: 28px;--udex-avatar-badge-size-icon-xs-and-s-and-m: 12px;--udex-avatar-badge-size-icon-l: 14px;--udex-avatar-badge-size-icon-xl: 16px;--udex-avatar-size-xs: 32px;--udex-avatar-size-s: 48px;--udex-avatar-size-m: 64px;--udex-avatar-size-l: 84px;--udex-avatar-size-xl: 120px;--udex-avatar-font-size-xs: 12px;--udex-avatar-font-size-s: 18px;--udex-avatar-font-size-m: 24px;--udex-avatar-font-size-l: 32px;--udex-avatar-font-size-xl: 48px;--udex-avatar-radius-xs: var(--udexRadiusXS, 4px);--udex-avatar-radius-s: var(--udexRadiusXS, 4px);--udex-avatar-radius-m: var(--udexRadiusM, 8px);--udex-avatar-radius-l: var(--udexRadiusM, 8px);--udex-avatar-radius-xl: var(--udexRadiusXL, 16px);--udex-avatar-image-default-border-color: var(--udexColorGrey2, #EAECEE);--udex-avatar-image-hover-border-color: var(--udexColorGrey7, #475E75);--udex-avatar-blue-default-background-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-default-border-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-icon-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue8));--udex-avatar-blue-hover-backgound-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-avatar-blue-hover-border-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue8));--udex-avatar-mango-default-background-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-default-border-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-icon-color: var(--sapAvatar_1_TextColor, var(--udexColorMango8));--udex-avatar-mango-hover-backgound-color: var(--sapAvatar_1_Background, var(--udexColorMango2));--udex-avatar-mango-hover-border-color: var(--sapAvatar_1_TextColor, var(--udexColorMango8));--udex-avatar-red-default-background-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-default-border-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-icon-color: var(--sapAvatar_2_TextColor, var(--udexColorRed8));--udex-avatar-red-hover-backgound-color: var(--sapAvatar_2_Background, var(--udexColorRed2));--udex-avatar-red-hover-border-color: var(--sapAvatar_2_TextColor, var(--udexColorRed8));--udex-avatar-raspberry-default-background-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-default-border-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-icon-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry8));--udex-avatar-raspberry-hover-backgound-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));--udex-avatar-raspberry-hover-border-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry8));--udex-avatar-pink-default-background-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-default-border-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-icon-color: var(--sapAvatar_4_TextColor, var(--udexColorPink8));--udex-avatar-pink-hover-backgound-color: var(--sapAvatar_4_Background, var(--udexColorPink2));--udex-avatar-pink-hover-border-color: var(--sapAvatar_4_TextColor, var(--udexColorPink8));--udex-avatar-indigo-default-background-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-default-border-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-icon-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo8));--udex-avatar-indigo-hover-backgound-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));--udex-avatar-indigo-hover-border-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo8));--udex-avatar-teal-default-background-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-default-border-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-icon-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal8));--udex-avatar-teal-hover-backgound-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));--udex-avatar-teal-hover-border-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal8));--udex-avatar-green-default-background-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-default-border-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-icon-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen8));--udex-avatar-green-hover-backgound-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));--udex-avatar-green-hover-border-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen8));--udex-avatar-grey-default-background-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-default-border-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-icon-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey8));--udex-avatar-grey-hover-backgound-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));--udex-avatar-grey-hover-border-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey8));--udex-avatar-transparent-default-background-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-default-border-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-default-icon-color: var(--udexColorGrey9, #223548);--udex-avatar-transparent-hover-backgound-color: hsla(0, 0%, 0%, 0);--udex-avatar-transparent-hover-border-color: var(--udexColorGrey9, #223548);--udex-avatar-transparent-hover-icon-color: var(--udexColorGrey9, #223548);--udex-avatar-neutral-default-background-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-default-border-color: var(--sapAvatar_10_BorderColor, var(--udexColorGrey3));--udex-avatar-neutral-default-icon-color: var(--sapAvatar_10_TextColor , #0070F2);--udex-avatar-neutral-hover-backgound-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-hover-border-color: var(--udexColorGrey5, #8396a8);--udex-avatar-neutral-hover-icon-color: var(--sapAvatar_10_TextColor, #0070F2);--udex-avatar-neutral-active-border-color: var(--udexColorBlue9, #0040B0);--udex-avatar-neutral-active-background-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));--udex-avatar-neutral-active-icon-color: var(--udexColorBlue9, #0040B0)}:host([disabled]){pointer-events:none}:host([shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-s)}:host{font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);display:inline-flex}:host([hidden]){display:none}:host([interactive]) .udex-avatar:hover{box-shadow:none}::slotted(*){pointer-events:none}:host([color-scheme]) .udex-avatar.udex-avatar--with-image{background-color:#0000;border-color:var(--udex-avatar-image-default-border-color)}.udex-avatar ::slotted([slot="badge"]){display:flex;justify-content:center;align-items:center;bottom:0;right:0;pointer-events:all}:host([size="XS"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="S"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="M"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xs-and-s-and-m);height:var(--udex-avatar-badge-size-background-xs-and-s-and-m);font-size:var(--udex-avatar-badge-size-icon-xs-and-s-and-m);padding:3px}:host([size="L"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-l);height:var(--udex-avatar-badge-size-background-l);font-size:var(--udex-avatar-badge-size-icon-l);padding:3px}:host([size="XL"]) .udex-avatar ::slotted([slot="badge"]){width:var(--udex-avatar-badge-size-background-xl);height:var(--udex-avatar-badge-size-background-xl);font-size:var(--udex-avatar-badge-size-icon-xl);padding:6px}:host([show-attention-badge][size="XS"]) .udex-avatar:before{position:absolute;content:"";inset-block-start:0;inset-inline-end:0;z-index:var(--udexZIndex1, 1);width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}:host([size="XS"]) .udex-avatar{width:var(--udex-avatar-size-xs);height:var(--udex-avatar-size-xs);font-size:var(--udex-avatar-font-size-xs)}:host([size="S"]) .udex-avatar{width:var(--udex-avatar-size-s);height:var(--udex-avatar-size-s);font-size:var(--udex-avatar-font-size-s)}:host([size="M"]) .udex-avatar{width:var(--udex-avatar-size-m);height:var(--udex-avatar-size-m);font-size:var(--udex-avatar-font-size-m)}:host([size="L"]) .udex-avatar{width:var(--udex-avatar-size-l);height:var(--udex-avatar-size-l);font-size:var(--udex-avatar-font-size-l)}:host([size="XL"]) .udex-avatar{width:var(--udex-avatar-size-xl);height:var(--udex-avatar-size-xl);font-size:var(--udex-avatar-font-size-xl)}:host([size="XS"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-xs)}:host([size="XS"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-xs)}:host([size="S"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-s)}:host([size="S"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-s)}:host([size="M"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-m)}:host([size="M"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-m)}:host([size="L"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-l)}:host([size="L"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-l)}:host([size="XL"][shape="Square"]) .udex-avatar{border-radius:var(--udex-avatar-radius-xl)}:host([size="XL"][shape="Square"]) .udex-avatar ::slotted(*:not([slot="badge"])){border-radius:var(--udex-avatar-radius-xl)}:host([color-scheme="Blue"]) .udex-avatar{background-color:var(--udex-avatar-blue-default-background-color);color:var(--udex-avatar-blue-icon-color);border-color:var(--udex-avatar-blue-default-border-color)}:host([hover][color-scheme="Blue"]) .udex-avatar,:host([color-scheme="Blue"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-blue-default-background-color);border-color:var(--udex-avatar-blue-hover-border-color);color:var(--udex-avatar-blue-icon-color)}:host([color-scheme="Mango"]) .udex-avatar{background-color:var(--udex-avatar-mango-default-background-color);color:var(--udex-avatar-mango-icon-color);border-color:var(--udex-avatar-mango-default-border-color)}:host([hover][color-scheme="Mango"]) .udex-avatar,:host([color-scheme="Mango"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-mango-default-background-color);border-color:var(--udex-avatar-mango-hover-border-color);color:var(--udex-avatar-mango-icon-color)}:host([disabled]) .udex-avatar:hover{border:0}:host([color-scheme="Red"]) .udex-avatar{background-color:var(--udex-avatar-red-default-background-color);color:var(--udex-avatar-red-icon-color);border-color:var(--udex-avatar-red-default-border-color)}:host([hover][color-scheme="Red"]) .udex-avatar,:host([color-scheme="Red"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-red-default-background-color);border-color:var(--udex-avatar-red-hover-border-color);color:var(--udex-avatar-red-icon-color)}:host([color-scheme="Raspberry"]) .udex-avatar{background-color:var(--udex-avatar-raspberry-default-background-color);color:var(--udex-avatar-raspberry-icon-color);border-color:var(--udex-avatar-raspberry-default-border-color)}:host([hover][color-scheme="Raspberry"]) .udex-avatar,:host([color-scheme="Raspberry"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-raspberry-default-background-color);border-color:var(--udex-avatar-raspberry-hover-border-color);color:var(--udex-avatar-raspberry-icon-color)}:host([color-scheme="Pink"]) .udex-avatar{background-color:var(--udex-avatar-pink-default-background-color);color:var(--udex-avatar-pink-icon-color);border-color:var(--udex-avatar-pink-default-border-color)}:host([hover][color-scheme="Pink"]) .udex-avatar,:host([color-scheme="Pink"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-pink-default-background-color);border-color:var(--udex-avatar-pink-hover-border-color);color:var(--udex-avatar-pink-icon-color)}:host([color-scheme="Indigo"]) .udex-avatar{background-color:var(--udex-avatar-indigo-default-background-color);color:var(--udex-avatar-indigo-icon-color);border-color:var(--udex-avatar-indigo-default-border-color)}:host([hover][color-scheme="Indigo"]) .udex-avatar,:host([color-scheme="Indigo"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-indigo-default-background-color);border-color:var(--udex-avatar-indigo-hover-border-color);color:var(--udex-avatar-indigo-icon-color)}:host([color-scheme="Teal"]) .udex-avatar{background-color:var(--udex-avatar-teal-default-background-color);color:var(--udex-avatar-teal-icon-color);border-color:var(--udex-avatar-teal-default-border-color)}:host([hover][color-scheme="Teal"]) .udex-avatar,:host([color-scheme="Teal"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-teal-default-background-color);border-color:var(--udex-avatar-teal-hover-border-color);color:var(--udex-avatar-teal-icon-color)}:host([color-scheme="Green"]) .udex-avatar{background-color:var(--udex-avatar-green-default-background-color);color:var(--udex-avatar-green-icon-color);border-color:var(--udex-avatar-green-default-border-color)}:host([hover][color-scheme="Green"]) .udex-avatar,:host([color-scheme="Green"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-green-default-background-color);border-color:var(--udex-avatar-green-hover-border-color);color:var(--udex-avatar-green-icon-color)}:host([color-scheme="Grey"]) .udex-avatar{background-color:var(--udex-avatar-grey-default-background-color);color:var(--udex-avatar-grey-icon-color);border-color:var(--udex-avatar-grey-default-border-color)}:host([hover][color-scheme="Grey"]) .udex-avatar,:host([color-scheme="Grey"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-grey-default-background-color);border-color:var(--udex-avatar-grey-hover-border-color);color:var(--udex-avatar-grey-icon-color)}:host([color-scheme="Transparent"]) .udex-avatar{background-color:var(--udex-avatar-transparent-default-background-color);color:var(--udex-avatar-transparent-default-icon-color);border-color:var(--udex-avatar-transparent-default-border-color)}:host([hover][color-scheme="Transparent"]) .udex-avatar,:host([color-scheme="Transparent"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-transparent-default-background-color);border-color:var(--udex-avatar-transparent-hover-border-color);color:var(--udex-avatar-transparent-default-icon-color)}:host([color-scheme="Neutral"]) .udex-avatar{background-color:var(--udex-avatar-neutral-default-background-color);color:var(--udex-avatar-neutral-default-icon-color);border-color:var(--udex-avatar-neutral-default-border-color)}:host([hover][color-scheme="Neutral"]) .udex-avatar,:host([color-scheme="Neutral"][interactive]) .udex-avatar:hover{background-color:var(--udex-avatar-neutral-default-background-color);border-color:var(--udex-avatar-neutral-hover-border-color);color:var(--udex-avatar-neutral-default-icon-color)}:host([hover]) .udex-avatar.udex-avatar--with-image,:host([color-scheme][interactive]) .udex-avatar.udex-avatar--with-image:hover{border-color:var(--udex-avatar-image-hover-border-color);background-color:#0000}:host([interactive]:not([hidden])) .udex-avatar:active,:host([interactive]:not([hidden])) .udex-avatar.udex-avatar--with-image:active{border-color:var(--udex-avatar-neutral-active-border-color);background-color:var(--udex-avatar-neutral-active-background-color);color:var(--udex-avatar-neutral-active-icon-color)}
9
9
  `
package/src/generated/themes/Carousel.css.ts CHANGED
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
6
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
7
  registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
8
- export default `:host{--sapElement_BorderWidth: 0}[ui5-carousel]{--ui5_carousel_active_dot_background: var(--udexColorBlue8, #0057D2);--ui5_carousel_active_dot_border: 1px solid var(--udexColorBlue8, #0057D2)}.udex-carousel{position:relative}.udex-carousel__navigation--bottom{padding-bottom:6px}.udex-carousel__navigation--bottom ui5-carousel::part(content){padding-bottom:7px}:host([hide-page-indicator]) .udex-carousel__navigation--bottom,:host([hide-page-indicator]) .udex-carousel__navigation--bottom ui5-carousel::part(content){padding-bottom:0}.udex-carousel__navigation-wrapper{height:3.5rem;width:100%;display:flex;flex-wrap:nowrap;align-items:center;box-sizing:border-box}.udex-carousel__navigation--top .udex-carousel__navigation-wrapper{margin-bottom:10px;justify-content:end}.udex-carousel__navigation--bottom .udex-carousel__navigation-wrapper{position:absolute;bottom:0;left:0;justify-content:center}.udex-carousel__navigation--bottom .udex-carousel__navigation-wrapper--autoplay{justify-content:space-between}:host([hide-page-indicator]) .udex-carousel__navigation--bottom .udex-carousel__navigation-wrapper{position:static}.udex-carousel__navigation-button-wrapper{display:flex;justify-content:space-between}.udex-carousel__navigation-page-indicator-spacer{width:8.5rem;margin:0 var(--udexSpacer12, 12px)}.udex-carousel__navigation--top .udex-carousel__navigation-button{margin-inline-start:var(--udexSpacer16, 16px)}.udex-carousel__navigation--bottom .udex-carousel__navigation-spacer{min-width:42px;max-width:42px;height:42px;min-height:42px}
8
+ export default `:host{--sapElement_BorderWidth: 0}[ui5-carousel]{--ui5_carousel_active_dot_background: var(--udexColorBlue8, #0057D2);--ui5_carousel_active_dot_border: 1px solid var(--udexColorBlue8, #0057D2)}.udex-carousel{position:relative}.udex-carousel__navigation--bottom:not(.udex-carousel__navigation--bottom-buttons-only){padding-bottom:6px}.udex-carousel__navigation--bottom:not(.udex-carousel__navigation--bottom-buttons-only) ui5-carousel::part(content){padding-bottom:7px}:host([hide-page-indicator]) .udex-carousel__navigation--bottom:not(.udex-carousel__navigation--bottom-buttons-only),:host([hide-page-indicator]) .udex-carousel__navigation--bottom:not(.udex-carousel__navigation--bottom-buttons-only) ui5-carousel::part(content){padding-bottom:0}.udex-carousel__navigation-wrapper{height:3.5rem;width:100%;display:flex;flex-wrap:nowrap;align-items:center;box-sizing:border-box}.udex-carousel__navigation--top .udex-carousel__navigation-wrapper,.udex-carousel__navigation--bottom.udex-carousel__navigation--bottom-buttons-only .udex-carousel__navigation-wrapper{justify-content:end}.udex-carousel__navigation--top .udex-carousel__navigation-wrapper{margin-bottom:10px}.udex-carousel__navigation--bottom.udex-carousel__navigation--bottom-buttons-only .udex-carousel__navigation-wrapper{margin-top:10px}.udex-carousel__navigation--bottom:not(.udex-carousel__navigation--bottom-buttons-only) .udex-carousel__navigation-wrapper{position:absolute;bottom:0;left:0;justify-content:center}.udex-carousel__navigation--bottom:not(.udex-carousel__navigation--bottom-buttons-only) .udex-carousel__navigation-wrapper--autoplay{justify-content:space-between}:host([hide-page-indicator]) .udex-carousel__navigation--bottom:not(.udex-carousel__navigation--bottom-buttons-only) .udex-carousel__navigation-wrapper{position:static}.udex-carousel__navigation-button-wrapper{display:flex;justify-content:space-between}.udex-carousel__navigation-page-indicator-spacer{width:8.5rem;margin:0 var(--udexSpacer12, 12px)}.udex-carousel__navigation--top .udex-carousel__navigation-button,.udex-carousel__navigation--bottom.udex-carousel__navigation--bottom-buttons-only .udex-carousel__navigation-button{margin-inline-start:var(--udexSpacer16, 16px)}.udex-carousel__navigation--bottom:not(.udex-carousel__navigation--bottom-buttons-only) .udex-carousel__navigation-spacer{min-width:42px;max-width:42px;height:42px;min-height:42px}
9
9
  `
package/src/generated/themes/CountrySelector.css.ts CHANGED
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
6
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
7
  registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
8
- export default `:host{--udex-country-selector-flag-width: 30px;--udex-country-selector-flag-height: 20px;--udex-country-selector-padding-start: 50px;--udex-country-selector-padding-end: 12px;--udex-country-selector-text-offset: 36px;--udex-country-selector-search-inset-end: 42px;--udex-country-selector-search-inset-start: 36px;--udex-country-selector-active-text-offset-y: -21px;--udex-country-selector-label-offset-y: 96px}:host([_country-selector]) .udex-text-field__label{max-width:calc(100% - var(--udex-country-selector-label-offset-y))}:host(:dir(rtl)[_country-selector]) .udex-text-field__label{transform:translate(calc(var(--udex-country-selector-text-offset) * -1))}:host([_country-selector]) .udex-text-field__label{transform:translate(var(--udex-country-selector-text-offset))}:host([_country-selector]) .udex-text-field__label.udex-text-field__label_active{transform:translateY(var(--udex-country-selector-active-text-offset-y))}:host([_country-selector]) .udex-text-field__text-holder{inset:0 1px}:host([_country-selector]) [udex-list-item]::part(item){padding:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) var(--udex-country-selector-padding-start)}:host([_country-selector]) .udex-text-field__search{inset:0;padding:var(--udexSpacer8) 0}:host([_country-selector][hide-flag-images]) .udex-text-field__search{--udex-country-selector-search-inset-start: 0;padding:var(--udexSpacer8) var(--udexSpacer12);inset:0 42px 0 0}:host([_country-selector][hide-flag-images]) .udex-text-field__text-holder{inset:0 13px}:host([_country-selector][hide-flag-images]) .udex-text-field__label{--udex-country-selector-text-offset: 0}:host([_country-selector][hide-flag-images]) [udex-list-item]::part(item),:host([_country-selector][hide-flag-images]) .udex-text-field__text-holder{--udex-country-selector-padding-start: var(--udexSpacer12);--udex-country-selector-padding-end: var(--udexSpacer12)}:host([_country-selector][hide-flag-images]) .udex-text-field__label{--udex-country-selector-label-offset-y: 56px}.udex-text-field__image{background-color:var(--udexColorGrey4, #A9B4BE);background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);background-repeat:no-repeat;background-position:1000px 0;position:absolute;top:0;transform:translateY(50%);z-index:1;min-width:var(--udex-country-selector-flag-width);width:var(--udex-country-selector-flag-width);height:var(--udex-country-selector-flag-height);inset-inline-start:var(--udexSpacer12);inset-inline-end:30px;pointer-events:none}.udex-text-field__input>.udex-text-field__image{position:relative;transform:translate(0);inset-inline-start:0;inset-inline-end:0;margin-inline-start:var(--udexSpacer12);margin-inline-end:var(--udexSpacer8)}
8
+ export default `:host{--udex-country-selector-flag-width: 30px;--udex-country-selector-flag-height: 20px;--udex-country-selector-padding-start: 50px;--udex-country-selector-padding-end: 12px;--udex-country-selector-text-offset: 40px;--udex-country-selector-search-inset-end: 42px;--udex-country-selector-search-inset-start: 36px;--udex-country-selector-active-text-offset-y: -21px;--udex-country-selector-label-offset-y: 96px;--udex-country-selector-flag-border-color: var(--udexColorGrey2, #EAECEE)}:host([_country-selector]) .udex-text-field__label{max-width:calc(100% - var(--udex-country-selector-label-offset-y))}:host(:dir(rtl)[_country-selector]) .udex-text-field__label{transform:translate(calc(var(--udex-country-selector-text-offset) * -1))}:host([_country-selector]) .udex-text-field__label{transform:translate(var(--udex-country-selector-text-offset))}:host([_country-selector]) .udex-text-field__label.udex-text-field__label_active{transform:translateY(var(--udex-country-selector-active-text-offset-y))}:host([_country-selector]) .udex-text-field__text-holder{inset:0 1px}:host([_country-selector]) [udex-list-item]::part(item){padding:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) var(--udex-country-selector-padding-start)}:host([_country-selector]) .udex-text-field__search{inset:0;padding:var(--udexSpacer8) 0}:host([_country-selector][hide-flag-images]) .udex-text-field__search{--udex-country-selector-search-inset-start: 0;padding:var(--udexSpacer8) var(--udexSpacer12);inset:0 42px 0 0}:host([_country-selector][hide-flag-images]) .udex-text-field__text-holder{inset:0 13px}:host([_country-selector][hide-flag-images]) .udex-text-field__label{--udex-country-selector-text-offset: 0}:host([_country-selector][hide-flag-images]) [udex-list-item]::part(item),:host([_country-selector][hide-flag-images]) .udex-text-field__text-holder{--udex-country-selector-padding-start: var(--udexSpacer12);--udex-country-selector-padding-end: var(--udexSpacer12)}:host([_country-selector][hide-flag-images]) .udex-text-field__label{--udex-country-selector-label-offset-y: 56px}.udex-text-field__image{background-color:var(--udexColorGrey4, #A9B4BE);background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);background-repeat:no-repeat;background-position:1000px 0;position:absolute;top:0;transform:translateY(50%);z-index:var(--udexZIndex1, 1);min-width:var(--udex-country-selector-flag-width);width:var(--udex-country-selector-flag-width);height:var(--udex-country-selector-flag-height);inset-inline-start:var(--udexSpacer12);inset-inline-end:30px;pointer-events:none}.udex-text-field__image:before{border:1px solid var(--udex-country-selector-flag-border-color);content:"";position:absolute;inset:0;pointer-events:none}.udex-text-field__input>.udex-text-field__image{position:relative;transform:translate(0);inset-inline-start:0;inset-inline-end:0;margin-inline-start:var(--udexSpacer12);margin-inline-end:var(--udexSpacer8)}
9
9
  `
package/src/generated/themes/EventRibbon.css.ts CHANGED
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
6
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
7
  registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
8
- export default `:host{--udex-event-ribbon-dark-text-color: var(--udexColorNeutralWhite);--udex-event-ribbon-light-text-color: var(--udexColorNeutralBlack);--udex-event-ribbon-light-grey1-default-background-color: var(--udexColorGrey1);--udex-event-ribbon-light-grey1-hover-background-color: var(--udexColorGrey2);--udex-event-ribbon-light-grey2-default-background-color: var(--udexColorGrey2);--udex-event-ribbon-light-grey2-hover-background-color: var(--udexColorGrey3);--udex-event-ribbon-light-grey3-default-background-color: var(--udexColorGrey3);--udex-event-ribbon-light-grey3-hover-background-color: var(--udexColorGrey4);--udex-event-ribbon-light-grey4-default-background-color: var(--udexColorGrey4);--udex-event-ribbon-light-grey4-hover-background-color: var(--udexColorGrey5);--udex-event-ribbon-light-blue1-default-background-color: var(--udexColorBlue1);--udex-event-ribbon-light-blue1-hover-background-color: var(--udexColorBlue2);--udex-event-ribbon-light-blue2-default-background-color: var(--udexColorBlue2);--udex-event-ribbon-light-blue2-hover-background-color: var(--udexColorBlue3);--udex-event-ribbon-light-blue3-default-background-color: var(--udexColorBlue3);--udex-event-ribbon-light-blue3-hover-background-color: var(--udexColorBlue4);--udex-event-ribbon-light-blue4-default-background-color: var(--udexColorBlue4);--udex-event-ribbon-light-blue4-hover-background-color: var(--udexColorBlue5);--udex-event-ribbon-light-teal1-default-background-color: var(--udexColorTeal1);--udex-event-ribbon-light-teal1-hover-background-color: var(--udexColorTeal2);--udex-event-ribbon-light-teal2-default-background-color: var(--udexColorTeal2);--udex-event-ribbon-light-teal2-hover-background-color: var(--udexColorTeal3);--udex-event-ribbon-light-teal3-default-background-color: var(--udexColorTeal3);--udex-event-ribbon-light-teal3-hover-background-color: var(--udexColorTeal4);--udex-event-ribbon-light-teal4-default-background-color: var(--udexColorTeal4);--udex-event-ribbon-light-teal4-hover-background-color: var(--udexColorTeal5);--udex-event-ribbon-light-green1-default-background-color: var(--udexColorGreen1);--udex-event-ribbon-light-green1-hover-background-color: var(--udexColorGreen2);--udex-event-ribbon-light-green2-default-background-color: var(--udexColorGreen2);--udex-event-ribbon-light-green2-hover-background-color: var(--udexColorGreen3);--udex-event-ribbon-light-green3-default-background-color: var(--udexColorGreen3);--udex-event-ribbon-light-green3-hover-background-color: var(--udexColorGreen4);--udex-event-ribbon-light-green4-default-background-color: var(--udexColorGreen4);--udex-event-ribbon-light-green4-hover-background-color: var(--udexColorGreen5);--udex-event-ribbon-light-mango1-default-background-color: var(--udexColorMango1);--udex-event-ribbon-light-mango1-hover-background-color: var(--udexColorMango2);--udex-event-ribbon-light-mango2-default-background-color: var(--udexColorMango2);--udex-event-ribbon-light-mango2-hover-background-color: var(--udexColorMango3);--udex-event-ribbon-light-mango3-default-background-color: var(--udexColorMango3);--udex-event-ribbon-light-mango3-hover-background-color: var(--udexColorMango4);--udex-event-ribbon-light-mango4-default-background-color: var(--udexColorMango4);--udex-event-ribbon-light-mango4-hover-background-color: var(--udexColorMango5);--udex-event-ribbon-light-red1-default-background-color: var(--udexColorRed1);--udex-event-ribbon-light-red1-hover-background-color: var(--udexColorRed2);--udex-event-ribbon-light-red2-default-background-color: var(--udexColorRed2);--udex-event-ribbon-light-red2-hover-background-color: var(--udexColorRed3);--udex-event-ribbon-light-red3-default-background-color: var(--udexColorRed3);--udex-event-ribbon-light-red3-hover-background-color: var(--udexColorRed4);--udex-event-ribbon-light-red4-default-background-color: var(--udexColorRed4);--udex-event-ribbon-light-red4-hover-background-color: var(--udexColorRed5);--udex-event-ribbon-light-raspberry1-default-background-color: var(--udexColorRaspberry1);--udex-event-ribbon-light-raspberry1-hover-background-color: var(--udexColorRaspberry2);--udex-event-ribbon-light-raspberry2-default-background-color: var(--udexColorRaspberry2);--udex-event-ribbon-light-raspberry2-hover-background-color: var(--udexColorRaspberry3);--udex-event-ribbon-light-raspberry3-default-background-color: var(--udexColorRaspberry3);--udex-event-ribbon-light-raspberry3-hover-background-color: var(--udexColorRaspberry4);--udex-event-ribbon-light-raspberry4-default-background-color: var(--udexColorRaspberry4);--udex-event-ribbon-light-raspberry4-hover-background-color: var(--udexColorRaspberry5);--udex-event-ribbon-light-pink1-default-background-color: var(--udexColorPink1);--udex-event-ribbon-light-pink1-hover-background-color: var(--udexColorPink2);--udex-event-ribbon-light-pink2-default-background-color: var(--udexColorPink2);--udex-event-ribbon-light-pink2-hover-background-color: var(--udexColorPink3);--udex-event-ribbon-light-pink3-default-background-color: var(--udexColorPink3);--udex-event-ribbon-light-pink3-hover-background-color: var(--udexColorPink4);--udex-event-ribbon-light-pink4-default-background-color: var(--udexColorPink4);--udex-event-ribbon-light-pink4-hover-background-color: var(--udexColorPink5);--udex-event-ribbon-light-indigo1-default-background-color: var(--udexColorIndigo1);--udex-event-ribbon-light-indigo1-hover-background-color: var(--udexColorIndigo2);--udex-event-ribbon-light-indigo2-default-background-color: var(--udexColorIndigo2);--udex-event-ribbon-light-indigo2-hover-background-color: var(--udexColorIndigo3);--udex-event-ribbon-light-indigo3-default-background-color: var(--udexColorIndigo3);--udex-event-ribbon-light-indigo3-hover-background-color: var(--udexColorIndigo4);--udex-event-ribbon-light-indigo4-default-background-color: var(--udexColorIndigo4);--udex-event-ribbon-light-indigo4-hover-background-color: var(--udexColorIndigo5);--udex-event-ribbon-dark-grey1-default-background-color: var(--udexColorGrey7);--udex-event-ribbon-dark-grey1-hover-background-color: var(--udexColorGrey8);--udex-event-ribbon-dark-grey2-default-background-color: var(--udexColorGrey8);--udex-event-ribbon-dark-grey2-hover-background-color: var(--udexColorGrey9);--udex-event-ribbon-dark-grey3-default-background-color: var(--udexColorGrey9);--udex-event-ribbon-dark-grey3-hover-background-color: var(--udexColorGrey10);--udex-event-ribbon-dark-grey4-default-background-color: var(--udexColorGrey10);--udex-event-ribbon-dark-grey4-hover-background-color: var(--udexColorGrey11);--udex-event-ribbon-dark-blue1-default-background-color: var(--udexColorBlue7);--udex-event-ribbon-dark-blue1-hover-background-color: var(--udexColorBlue8);--udex-event-ribbon-dark-blue2-default-background-color: var(--udexColorBlue8);--udex-event-ribbon-dark-blue2-hover-background-color: var(--udexColorBlue9);--udex-event-ribbon-dark-blue3-default-background-color: var(--udexColorBlue9);--udex-event-ribbon-dark-blue3-hover-background-color: var(--udexColorBlue10);--udex-event-ribbon-dark-blue4-default-background-color: var(--udexColorBlue10);--udex-event-ribbon-dark-blue4-hover-background-color: var(--udexColorBlue11);--udex-event-ribbon-dark-teal1-default-background-color: var(--udexColorTeal7);--udex-event-ribbon-dark-teal1-hover-background-color: var(--udexColorTeal8);--udex-event-ribbon-dark-teal2-default-background-color: var(--udexColorTeal8);--udex-event-ribbon-dark-teal2-hover-background-color: var(--udexColorTeal9);--udex-event-ribbon-dark-teal3-default-background-color: var(--udexColorTeal9);--udex-event-ribbon-dark-teal3-hover-background-color: var(--udexColorTeal10);--udex-event-ribbon-dark-teal4-default-background-color: var(--udexColorTeal10);--udex-event-ribbon-dark-teal4-hover-background-color: var(--udexColorTeal11);--udex-event-ribbon-dark-green1-default-background-color: var(--udexColorGreen7);--udex-event-ribbon-dark-green1-hover-background-color: var(--udexColorGreen8);--udex-event-ribbon-dark-green2-default-background-color: var(--udexColorGreen8);--udex-event-ribbon-dark-green2-hover-background-color: var(--udexColorGreen9);--udex-event-ribbon-dark-green3-default-background-color: var(--udexColorGreen9);--udex-event-ribbon-dark-green3-hover-background-color: var(--udexColorGreen10);--udex-event-ribbon-dark-green4-default-background-color: var(--udexColorGreen10);--udex-event-ribbon-dark-green4-hover-background-color: var(--udexColorGreen11);--udex-event-ribbon-dark-mango1-default-background-color: var(--udexColorMango7);--udex-event-ribbon-dark-mango1-hover-background-color: var(--udexColorMango8);--udex-event-ribbon-dark-mango2-default-background-color: var(--udexColorMango8);--udex-event-ribbon-dark-mango2-hover-background-color: var(--udexColorMango9);--udex-event-ribbon-dark-mango3-default-background-color: var(--udexColorMango9);--udex-event-ribbon-dark-mango3-hover-background-color: var(--udexColorMango10);--udex-event-ribbon-dark-mango4-default-background-color: var(--udexColorMango10);--udex-event-ribbon-dark-mango4-hover-background-color: var(--udexColorMango11);--udex-event-ribbon-dark-red1-default-background-color: var(--udexColorRed7);--udex-event-ribbon-dark-red1-hover-background-color: var(--udexColorRed8);--udex-event-ribbon-dark-red2-default-background-color: var(--udexColorRed8);--udex-event-ribbon-dark-red2-hover-background-color: var(--udexColorRed9);--udex-event-ribbon-dark-red3-default-background-color: var(--udexColorRed9);--udex-event-ribbon-dark-red3-hover-background-color: var(--udexColorRed10);--udex-event-ribbon-dark-red4-default-background-color: var(--udexColorRed10);--udex-event-ribbon-dark-red4-hover-background-color: var(--udexColorRed11);--udex-event-ribbon-dark-raspberry1-default-background-color: var(--udexColorRaspberry7);--udex-event-ribbon-dark-raspberry1-hover-background-color: var(--udexColorRaspberry8);--udex-event-ribbon-dark-raspberry2-default-background-color: var(--udexColorRaspberry8);--udex-event-ribbon-dark-raspberry2-hover-background-color: var(--udexColorRaspberry9);--udex-event-ribbon-dark-raspberry3-default-background-color: var(--udexColorRaspberry9);--udex-event-ribbon-dark-raspberry3-hover-background-color: var(--udexColorRaspberry10);--udex-event-ribbon-dark-raspberry4-default-background-color: var(--udexColorRaspberry10);--udex-event-ribbon-dark-raspberry4-hover-background-color: var(--udexColorRaspberry11);--udex-event-ribbon-dark-pink1-default-background-color: var(--udexColorPink7);--udex-event-ribbon-dark-pink1-hover-background-color: var(--udexColorPink8);--udex-event-ribbon-dark-pink2-default-background-color: var(--udexColorPink8);--udex-event-ribbon-dark-pink2-hover-background-color: var(--udexColorPink9);--udex-event-ribbon-dark-pink3-default-background-color: var(--udexColorPink9);--udex-event-ribbon-dark-pink3-hover-background-color: var(--udexColorPink10);--udex-event-ribbon-dark-pink4-default-background-color: var(--udexColorPink10);--udex-event-ribbon-dark-pink4-hover-background-color: var(--udexColorPink11);--udex-event-ribbon-dark-indigo1-default-background-color: var(--udexColorIndigo7);--udex-event-ribbon-dark-indigo1-hover-background-color: var(--udexColorIndigo8);--udex-event-ribbon-dark-indigo2-default-background-color: var(--udexColorIndigo8);--udex-event-ribbon-dark-indigo2-hover-background-color: var(--udexColorIndigo9);--udex-event-ribbon-dark-indigo3-default-background-color: var(--udexColorIndigo9);--udex-event-ribbon-dark-indigo3-hover-background-color: var(--udexColorIndigo10);--udex-event-ribbon-dark-indigo4-default-background-color: var(--udexColorIndigo10);--udex-event-ribbon-dark-indigo4-hover-background-color: var(--udexColorIndigo11);--udex-event-ribbon-background-color: transparent;--udex-event-ribbon-hover-background-color: transparent;--udex-event-ribbon-background-blend-mode: multiply;--udex-event-ribbon-background-position: center;--udex-event-ribbon-background-size: cover;--udex-event-ribbon-hover-background-size: 1.12;--udex-event-ribbon-margin-xl: 84px;--udex-event-ribbon-margin-m-l: 72px;--udex-event-ribbon-margin-s: 48px;--udex-event-ribbon-margin-xs: 24px;--udex-event-ribbon-logo-height: auto;--udex-event-ribbon-custom-logo-dark-filter: none;--udex-event-ribbon-logo-dark-filter: brightness(0) invert(1);--udex-event-ribbon-column-width: calc((100vw - (2 * var(--udex-event-ribbon-margin-xl)) - (11 * var(--udexGridXLGutters))) / 12)}.udex-event-ribbon__container{box-sizing:border-box;position:relative;overflow:hidden;text-decoration:none;background-color:var(--udex-event-ribbon-background-color);color:var(--udex-event-ribbon-light-text-color);height:70px;font-family:var(--sapFontFamily, sans-serif);border-radius:var(--udexSpacer12, 12px);padding-block:var(--udexSpacer12, 12px);padding-inline:var(--udexSpacer36, 36px);margin-block:var(--udexSpacer56, 56px) 84px;margin-inline:auto;max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-xl));display:flex;align-items:center;gap:var(--udexSpacer32, 32px)}.udex-event-ribbon__container:focus,.udex-event-ribbon__container:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--udexColorBlue9, #0040B0);outline-offset:2px}.udex-event-ribbon__container:hover{background-color:var(--udex-event-ribbon-hover-background-color)}.udex-event-ribbon__container-with-background-image:before{content:"";display:block;position:absolute;inset:0;background-image:var(--udex-event-ribbon-background-image);background-color:var(--udex-event-ribbon-background-color);background-blend-mode:var(--udex-event-ribbon-background-blend-mode);background-size:var(--udex-event-ribbon-background-size);background-position:var(--udex-event-ribbon-background-position);background-repeat:no-repeat;transition:ease-out .3s;z-index:0;will-change:transform}.udex-event-ribbon__container-with-background-image:hover:before{background-color:var(--udex-event-ribbon-hover-background-color);transform:scale(var(--udex-event-ribbon-hover-background-size))}:host([mode="dark"]) .udex-event-ribbon__container{color:var(--udex-event-ribbon-dark-text-color)}.udex-event-ribbon__logo{position:relative;display:flex;justify-content:flex-end;width:24%}:host([event-logo="sapphire"]){--udex-event-ribbon-logo-height: 40px}:host([event-logo="connect"]){--udex-event-ribbon-logo-height: 18px}:host([event-logo="now"]){--udex-event-ribbon-logo-height: 24px}:host([event-logo="teched"]){--udex-event-ribbon-logo-height: 21px}.udex-event-ribbon__logo-img{max-height:42px;height:var(--udex-event-ribbon-logo-height);max-width:100%}:host([mode="dark"]) .udex-event-ribbon__custom-logo{filter:var(--udex-event-ribbon-custom-logo-dark-filter)}:host([mode="dark"]) .udex-event-ribbon__logo-img:not(.udex-event-ribbon__custom-logo){filter:var(--udex-event-ribbon-logo-dark-filter)}.udex-event-ribbon__text{position:inherit;margin:0;padding:0;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight);width:52%;max-height:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis}.udex-event-ribbon__link-container{position:inherit;display:flex;align-items:center;gap:var(--udexSpacer8, 8px);width:24%}.udex-event-ribbon__link-text{line-height:var(--udexTypographyBodyLineHeight);font-size:var(--udexTypographyBodyXSFontSize);white-space:nowrap}[ui5-icon]{width:20px;height:20px;flex-shrink:0;color:inherit}.hidden-text{display:none}@media (max-width: 1599px){.udex-event-ribbon__container{max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-m-l))}}@media (max-width: 1279px){.udex-event-ribbon__container{margin-block:var(--udexSpacer40, 40px) var(--udexSpacer64, 64px);gap:var(--udexSpacer24, 24px);padding-inline:var(--udexSpacer24, 24px)}}@media (max-width: 979px){.udex-event-ribbon__container{flex-direction:column;height:fit-content;padding-block:var(--udexSpacer16, 16px);gap:var(--udexSpacer8, 8px);align-items:flex-start;margin-block:var(--udexSpacer40, 40px) var(--udexSpacer64, 64px);max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-s))}.udex-event-ribbon__link-container,.udex-event-ribbon__text{width:100%}.udex-event-ribbon__logo{justify-content:flex-start;width:100%}.udex-event-ribbon__link-text{white-space:normal}}@media (max-width: 639px){.udex-event-ribbon__container{padding-inline:var(--udexSpacer16, 16px);margin-block:var(--udexSpacer32, 32px) var(--udexSpacer56, 56px);max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-xs))}}
8
+ export default `:host{--udex-event-ribbon-dark-text-color: var(--udexColorNeutralWhite);--udex-event-ribbon-light-text-color: var(--udexColorNeutralBlack);--udex-event-ribbon-light-grey1-default-background-color: var(--udexColorGrey1);--udex-event-ribbon-light-grey1-hover-background-color: var(--udexColorGrey2);--udex-event-ribbon-light-grey2-default-background-color: var(--udexColorGrey2);--udex-event-ribbon-light-grey2-hover-background-color: var(--udexColorGrey3);--udex-event-ribbon-light-grey3-default-background-color: var(--udexColorGrey3);--udex-event-ribbon-light-grey3-hover-background-color: var(--udexColorGrey4);--udex-event-ribbon-light-grey4-default-background-color: var(--udexColorGrey4);--udex-event-ribbon-light-grey4-hover-background-color: var(--udexColorGrey5);--udex-event-ribbon-light-blue1-default-background-color: var(--udexColorBlue1);--udex-event-ribbon-light-blue1-hover-background-color: var(--udexColorBlue2);--udex-event-ribbon-light-blue2-default-background-color: var(--udexColorBlue2);--udex-event-ribbon-light-blue2-hover-background-color: var(--udexColorBlue3);--udex-event-ribbon-light-blue3-default-background-color: var(--udexColorBlue3);--udex-event-ribbon-light-blue3-hover-background-color: var(--udexColorBlue4);--udex-event-ribbon-light-blue4-default-background-color: var(--udexColorBlue4);--udex-event-ribbon-light-blue4-hover-background-color: var(--udexColorBlue5);--udex-event-ribbon-light-teal1-default-background-color: var(--udexColorTeal1);--udex-event-ribbon-light-teal1-hover-background-color: var(--udexColorTeal2);--udex-event-ribbon-light-teal2-default-background-color: var(--udexColorTeal2);--udex-event-ribbon-light-teal2-hover-background-color: var(--udexColorTeal3);--udex-event-ribbon-light-teal3-default-background-color: var(--udexColorTeal3);--udex-event-ribbon-light-teal3-hover-background-color: var(--udexColorTeal4);--udex-event-ribbon-light-teal4-default-background-color: var(--udexColorTeal4);--udex-event-ribbon-light-teal4-hover-background-color: var(--udexColorTeal5);--udex-event-ribbon-light-green1-default-background-color: var(--udexColorGreen1);--udex-event-ribbon-light-green1-hover-background-color: var(--udexColorGreen2);--udex-event-ribbon-light-green2-default-background-color: var(--udexColorGreen2);--udex-event-ribbon-light-green2-hover-background-color: var(--udexColorGreen3);--udex-event-ribbon-light-green3-default-background-color: var(--udexColorGreen3);--udex-event-ribbon-light-green3-hover-background-color: var(--udexColorGreen4);--udex-event-ribbon-light-green4-default-background-color: var(--udexColorGreen4);--udex-event-ribbon-light-green4-hover-background-color: var(--udexColorGreen5);--udex-event-ribbon-light-mango1-default-background-color: var(--udexColorMango1);--udex-event-ribbon-light-mango1-hover-background-color: var(--udexColorMango2);--udex-event-ribbon-light-mango2-default-background-color: var(--udexColorMango2);--udex-event-ribbon-light-mango2-hover-background-color: var(--udexColorMango3);--udex-event-ribbon-light-mango3-default-background-color: var(--udexColorMango3);--udex-event-ribbon-light-mango3-hover-background-color: var(--udexColorMango4);--udex-event-ribbon-light-mango4-default-background-color: var(--udexColorMango4);--udex-event-ribbon-light-mango4-hover-background-color: var(--udexColorMango5);--udex-event-ribbon-light-red1-default-background-color: var(--udexColorRed1);--udex-event-ribbon-light-red1-hover-background-color: var(--udexColorRed2);--udex-event-ribbon-light-red2-default-background-color: var(--udexColorRed2);--udex-event-ribbon-light-red2-hover-background-color: var(--udexColorRed3);--udex-event-ribbon-light-red3-default-background-color: var(--udexColorRed3);--udex-event-ribbon-light-red3-hover-background-color: var(--udexColorRed4);--udex-event-ribbon-light-red4-default-background-color: var(--udexColorRed4);--udex-event-ribbon-light-red4-hover-background-color: var(--udexColorRed5);--udex-event-ribbon-light-raspberry1-default-background-color: var(--udexColorRaspberry1);--udex-event-ribbon-light-raspberry1-hover-background-color: var(--udexColorRaspberry2);--udex-event-ribbon-light-raspberry2-default-background-color: var(--udexColorRaspberry2);--udex-event-ribbon-light-raspberry2-hover-background-color: var(--udexColorRaspberry3);--udex-event-ribbon-light-raspberry3-default-background-color: var(--udexColorRaspberry3);--udex-event-ribbon-light-raspberry3-hover-background-color: var(--udexColorRaspberry4);--udex-event-ribbon-light-raspberry4-default-background-color: var(--udexColorRaspberry4);--udex-event-ribbon-light-raspberry4-hover-background-color: var(--udexColorRaspberry5);--udex-event-ribbon-light-pink1-default-background-color: var(--udexColorPink1);--udex-event-ribbon-light-pink1-hover-background-color: var(--udexColorPink2);--udex-event-ribbon-light-pink2-default-background-color: var(--udexColorPink2);--udex-event-ribbon-light-pink2-hover-background-color: var(--udexColorPink3);--udex-event-ribbon-light-pink3-default-background-color: var(--udexColorPink3);--udex-event-ribbon-light-pink3-hover-background-color: var(--udexColorPink4);--udex-event-ribbon-light-pink4-default-background-color: var(--udexColorPink4);--udex-event-ribbon-light-pink4-hover-background-color: var(--udexColorPink5);--udex-event-ribbon-light-indigo1-default-background-color: var(--udexColorIndigo1);--udex-event-ribbon-light-indigo1-hover-background-color: var(--udexColorIndigo2);--udex-event-ribbon-light-indigo2-default-background-color: var(--udexColorIndigo2);--udex-event-ribbon-light-indigo2-hover-background-color: var(--udexColorIndigo3);--udex-event-ribbon-light-indigo3-default-background-color: var(--udexColorIndigo3);--udex-event-ribbon-light-indigo3-hover-background-color: var(--udexColorIndigo4);--udex-event-ribbon-light-indigo4-default-background-color: var(--udexColorIndigo4);--udex-event-ribbon-light-indigo4-hover-background-color: var(--udexColorIndigo5);--udex-event-ribbon-dark-grey1-default-background-color: var(--udexColorGrey7);--udex-event-ribbon-dark-grey1-hover-background-color: var(--udexColorGrey8);--udex-event-ribbon-dark-grey2-default-background-color: var(--udexColorGrey8);--udex-event-ribbon-dark-grey2-hover-background-color: var(--udexColorGrey9);--udex-event-ribbon-dark-grey3-default-background-color: var(--udexColorGrey9);--udex-event-ribbon-dark-grey3-hover-background-color: var(--udexColorGrey10);--udex-event-ribbon-dark-grey4-default-background-color: var(--udexColorGrey10);--udex-event-ribbon-dark-grey4-hover-background-color: var(--udexColorGrey11);--udex-event-ribbon-dark-blue1-default-background-color: var(--udexColorBlue7);--udex-event-ribbon-dark-blue1-hover-background-color: var(--udexColorBlue8);--udex-event-ribbon-dark-blue2-default-background-color: var(--udexColorBlue8);--udex-event-ribbon-dark-blue2-hover-background-color: var(--udexColorBlue9);--udex-event-ribbon-dark-blue3-default-background-color: var(--udexColorBlue9);--udex-event-ribbon-dark-blue3-hover-background-color: var(--udexColorBlue10);--udex-event-ribbon-dark-blue4-default-background-color: var(--udexColorBlue10);--udex-event-ribbon-dark-blue4-hover-background-color: var(--udexColorBlue11);--udex-event-ribbon-dark-teal1-default-background-color: var(--udexColorTeal7);--udex-event-ribbon-dark-teal1-hover-background-color: var(--udexColorTeal8);--udex-event-ribbon-dark-teal2-default-background-color: var(--udexColorTeal8);--udex-event-ribbon-dark-teal2-hover-background-color: var(--udexColorTeal9);--udex-event-ribbon-dark-teal3-default-background-color: var(--udexColorTeal9);--udex-event-ribbon-dark-teal3-hover-background-color: var(--udexColorTeal10);--udex-event-ribbon-dark-teal4-default-background-color: var(--udexColorTeal10);--udex-event-ribbon-dark-teal4-hover-background-color: var(--udexColorTeal11);--udex-event-ribbon-dark-green1-default-background-color: var(--udexColorGreen7);--udex-event-ribbon-dark-green1-hover-background-color: var(--udexColorGreen8);--udex-event-ribbon-dark-green2-default-background-color: var(--udexColorGreen8);--udex-event-ribbon-dark-green2-hover-background-color: var(--udexColorGreen9);--udex-event-ribbon-dark-green3-default-background-color: var(--udexColorGreen9);--udex-event-ribbon-dark-green3-hover-background-color: var(--udexColorGreen10);--udex-event-ribbon-dark-green4-default-background-color: var(--udexColorGreen10);--udex-event-ribbon-dark-green4-hover-background-color: var(--udexColorGreen11);--udex-event-ribbon-dark-mango1-default-background-color: var(--udexColorMango7);--udex-event-ribbon-dark-mango1-hover-background-color: var(--udexColorMango8);--udex-event-ribbon-dark-mango2-default-background-color: var(--udexColorMango8);--udex-event-ribbon-dark-mango2-hover-background-color: var(--udexColorMango9);--udex-event-ribbon-dark-mango3-default-background-color: var(--udexColorMango9);--udex-event-ribbon-dark-mango3-hover-background-color: var(--udexColorMango10);--udex-event-ribbon-dark-mango4-default-background-color: var(--udexColorMango10);--udex-event-ribbon-dark-mango4-hover-background-color: var(--udexColorMango11);--udex-event-ribbon-dark-red1-default-background-color: var(--udexColorRed7);--udex-event-ribbon-dark-red1-hover-background-color: var(--udexColorRed8);--udex-event-ribbon-dark-red2-default-background-color: var(--udexColorRed8);--udex-event-ribbon-dark-red2-hover-background-color: var(--udexColorRed9);--udex-event-ribbon-dark-red3-default-background-color: var(--udexColorRed9);--udex-event-ribbon-dark-red3-hover-background-color: var(--udexColorRed10);--udex-event-ribbon-dark-red4-default-background-color: var(--udexColorRed10);--udex-event-ribbon-dark-red4-hover-background-color: var(--udexColorRed11);--udex-event-ribbon-dark-raspberry1-default-background-color: var(--udexColorRaspberry7);--udex-event-ribbon-dark-raspberry1-hover-background-color: var(--udexColorRaspberry8);--udex-event-ribbon-dark-raspberry2-default-background-color: var(--udexColorRaspberry8);--udex-event-ribbon-dark-raspberry2-hover-background-color: var(--udexColorRaspberry9);--udex-event-ribbon-dark-raspberry3-default-background-color: var(--udexColorRaspberry9);--udex-event-ribbon-dark-raspberry3-hover-background-color: var(--udexColorRaspberry10);--udex-event-ribbon-dark-raspberry4-default-background-color: var(--udexColorRaspberry10);--udex-event-ribbon-dark-raspberry4-hover-background-color: var(--udexColorRaspberry11);--udex-event-ribbon-dark-pink1-default-background-color: var(--udexColorPink7);--udex-event-ribbon-dark-pink1-hover-background-color: var(--udexColorPink8);--udex-event-ribbon-dark-pink2-default-background-color: var(--udexColorPink8);--udex-event-ribbon-dark-pink2-hover-background-color: var(--udexColorPink9);--udex-event-ribbon-dark-pink3-default-background-color: var(--udexColorPink9);--udex-event-ribbon-dark-pink3-hover-background-color: var(--udexColorPink10);--udex-event-ribbon-dark-pink4-default-background-color: var(--udexColorPink10);--udex-event-ribbon-dark-pink4-hover-background-color: var(--udexColorPink11);--udex-event-ribbon-dark-indigo1-default-background-color: var(--udexColorIndigo7);--udex-event-ribbon-dark-indigo1-hover-background-color: var(--udexColorIndigo8);--udex-event-ribbon-dark-indigo2-default-background-color: var(--udexColorIndigo8);--udex-event-ribbon-dark-indigo2-hover-background-color: var(--udexColorIndigo9);--udex-event-ribbon-dark-indigo3-default-background-color: var(--udexColorIndigo9);--udex-event-ribbon-dark-indigo3-hover-background-color: var(--udexColorIndigo10);--udex-event-ribbon-dark-indigo4-default-background-color: var(--udexColorIndigo10);--udex-event-ribbon-dark-indigo4-hover-background-color: var(--udexColorIndigo11);--udex-event-ribbon-background-color: transparent;--udex-event-ribbon-hover-background-color: transparent;--udex-event-ribbon-background-blend-mode: multiply;--udex-event-ribbon-background-position: center;--udex-event-ribbon-background-size: cover;--udex-event-ribbon-hover-background-size: 1.12;--udex-event-ribbon-margin-xl: 84px;--udex-event-ribbon-margin-m-l: 72px;--udex-event-ribbon-margin-s: 48px;--udex-event-ribbon-margin-xs: 24px;--udex-event-ribbon-logo-height: auto;--udex-event-ribbon-custom-logo-dark-filter: none;--udex-event-ribbon-logo-dark-filter: brightness(0) invert(1);--udex-event-ribbon-column-width: calc((100vw - (2 * var(--udex-event-ribbon-margin-xl)) - (11 * var(--udexGridXLGutters))) / 12)}.udex-event-ribbon__container{box-sizing:border-box;position:relative;overflow:hidden;text-decoration:none;background-color:var(--udex-event-ribbon-background-color);color:var(--udex-event-ribbon-light-text-color);height:70px;font-family:var(--sapFontFamily, sans-serif);border-radius:var(--udexSpacer12, 12px);padding-block:var(--udexSpacer12, 12px);padding-inline:var(--udexSpacer36, 36px);margin-block:var(--udexSpacer56, 56px) 84px;margin-inline:auto;max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-xl));display:flex;align-items:center;gap:var(--udexSpacer32, 32px)}.udex-event-ribbon__container:focus,.udex-event-ribbon__container:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--udexColorBlue9, #0040B0);outline-offset:2px}.udex-event-ribbon__container:hover{background-color:var(--udex-event-ribbon-hover-background-color)}.udex-event-ribbon__container-with-background-image:before{content:"";display:block;position:absolute;inset:0;background-image:var(--udex-event-ribbon-background-image);background-color:var(--udex-event-ribbon-background-color);background-blend-mode:var(--udex-event-ribbon-background-blend-mode);background-size:var(--udex-event-ribbon-background-size);background-position:var(--udex-event-ribbon-background-position);background-repeat:no-repeat;transition:ease-out .3s;z-index:var(--udexZIndex0, 0);will-change:transform}.udex-event-ribbon__container-with-background-image:hover:before{background-color:var(--udex-event-ribbon-hover-background-color);transform:scale(var(--udex-event-ribbon-hover-background-size))}:host([mode="dark"]) .udex-event-ribbon__container{color:var(--udex-event-ribbon-dark-text-color)}.udex-event-ribbon__logo{position:relative;display:flex;justify-content:flex-end;width:24%}:host([event-logo="sapphire"]){--udex-event-ribbon-logo-height: 40px}:host([event-logo="connect"]){--udex-event-ribbon-logo-height: 18px}:host([event-logo="now"]){--udex-event-ribbon-logo-height: 24px}:host([event-logo="teched"]){--udex-event-ribbon-logo-height: 21px}.udex-event-ribbon__logo-img{max-height:42px;height:var(--udex-event-ribbon-logo-height);max-width:100%}:host([mode="dark"]) .udex-event-ribbon__custom-logo{filter:var(--udex-event-ribbon-custom-logo-dark-filter)}:host([mode="dark"]) .udex-event-ribbon__logo-img:not(.udex-event-ribbon__custom-logo){filter:var(--udex-event-ribbon-logo-dark-filter)}.udex-event-ribbon__text{position:inherit;margin:0;padding:0;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight);width:52%;max-height:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis}.udex-event-ribbon__link-container{position:inherit;display:flex;align-items:center;gap:var(--udexSpacer8, 8px);width:24%}.udex-event-ribbon__link-text{line-height:var(--udexTypographyBodyLineHeight);font-size:var(--udexTypographyBodyXSFontSize);white-space:nowrap}[ui5-icon]{width:20px;height:20px;flex-shrink:0;color:inherit}.hidden-text{display:none}@media (max-width: 1599px){.udex-event-ribbon__container{max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-m-l))}}@media (max-width: 1279px){.udex-event-ribbon__container{margin-block:var(--udexSpacer40, 40px) var(--udexSpacer64, 64px);gap:var(--udexSpacer24, 24px);padding-inline:var(--udexSpacer24, 24px)}}@media (max-width: 979px){.udex-event-ribbon__container{flex-direction:column;height:fit-content;padding-block:var(--udexSpacer16, 16px);gap:var(--udexSpacer8, 8px);align-items:flex-start;margin-block:var(--udexSpacer40, 40px) var(--udexSpacer64, 64px);max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-s))}.udex-event-ribbon__link-container,.udex-event-ribbon__text{width:100%}.udex-event-ribbon__logo{justify-content:flex-start;width:100%}.udex-event-ribbon__link-text{white-space:normal}}@media (max-width: 639px){.udex-event-ribbon__container{padding-inline:var(--udexSpacer16, 16px);margin-block:var(--udexSpacer32, 32px) var(--udexSpacer56, 56px);max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-xs))}}
9
9
  `
package/src/generated/themes/FilterMenu.css.ts CHANGED
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
6
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
7
  registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
8
- export default `:host{--udex-filter-menu-trigger-color-default: var(--sapTextColor, #223548);--udex-filter-menu-trigger-color-hover: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-color-active: var(--sapShell_Active_TextColor, #0040b0);--udex-filter-menu-trigger-color-disabled: var(--sapTextColor, #223548);--udex-filter-menu-trigger-icon-default: var(--sapContent_IconColor, #223548);--udex-filter-menu-trigger-icon-hover: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-icon-active: var(--sapSelectedColor, #0040b0);--udex-filter-menu-trigger-icon-disabled: var(--sapContent_IconColor, #223548);--udex-filter-menu-trigger-prefix-color-default: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-hover: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-active: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-disabled: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-selection-bar-background: var(--udexColorBlue8, #0057D2);--udex-filter-menu-trigger-outline-border-color: var(--udexColorBlue10, #002A86);--udex-filter-menu-popover-left-offset: 0px;--udex-filter-menu-popover-min-width-xs: calc(100% - var(--udex-filter-menu-popover-left-offset));--udex-filter-menu-popover-max-width-xs: 100%;--udex-filter-menu-popover-width: fit-content;--udex-filter-menu-popover-min-width: 320px;--udex-filter-menu-popover-max-width: 640px;--udex-filter-menu-popover-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-filter-menu-popover-border-color: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-filter-menu-popover-border-width: var(--sapElement_BorderWidth, 1px);--udex-filter-menu-popover-border-radius: var(--udexRadiusM, 8px);display:inline-block}:host([desktop]) .udex-filter-menu__trigger:focus,.udex-filter-menu__trigger:focus-visible{outline:2px solid var(--udex-filter-menu-trigger-outline-border-color);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexRadiusM, 8px)}.udex-filter-menu__trigger{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);display:inline-flex;align-items:center;padding:5px 0;position:relative;background:none;border:none}.udex-filter-menu__trigger-wrap{cursor:pointer;display:inline-flex;align-items:center}.udex-filter-menu__trigger-wrap[disabled]{pointer-events:none}.udex-filter-menu__trigger-wrap[disabled]:hover .udex-filter-menu__trigger-name,.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-disabled);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-disabled)}.udex-filter-menu__trigger-wrap[disabled]:hover .udex-filter-menu__trigger-icon,.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-icon{color:var(--udex-filter-menu-trigger-icon-disabled);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-filter-menu__trigger-prefix{margin-inline-end:var(--udexSpacer8, 8px);color:var(--udex-filter-menu-trigger-prefix-color-default)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-hover)}.udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-default)}.udex-filter-menu__trigger:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:2px 2px 0;background:var(--udex-filter-menu-trigger-selection-bar-background);opacity:0}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-active)}.udex-filter-menu__trigger-active:before{opacity:1}.udex-filter-menu__trigger-icon{width:16px;height:16px;margin-inline-start:var(--udexSpacer8, 8px);color:var(--udex-filter-menu-trigger-icon-default)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-hover)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-icon{color:var(--udex-filter-menu-trigger-icon-hover)}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-icon{transform:rotate(180deg);color:var(--udex-filter-menu-trigger-icon-active)}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-active)}.udex-filter-menu__search{width:100%}.udex-filter-menu__footer{width:100%;display:flex;gap:10px}.udex-filter-menu__badge{margin-inline-start:var(--udexSpacer4, 4px)}[ui5-popover]{border:var(--udex-filter-menu-popover-border-width) solid var(--udex-filter-menu-popover-border-color);border-radius:var(--udex-filter-menu-popover-border-radius);box-shadow:var(--udex-filter-menu-popover-shadow);min-width:var(--udex-filter-menu-popover-min-width);max-width:var(--udex-filter-menu-popover-max-width);width:var(--udex-filter-menu-popover-width)}[ui5-popover]::part(content){padding:0;overflow:auto}[ui5-popover]::part(header),[ui5-popover]::part(footer){padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px)}[ui5-popover]::part(footer){justify-content:flex-start;border-color:var(--sapField_BorderColor, var(--udexColorGrey6));box-shadow:var(--sapContent_Shadow1, 0 2px 8px 0 rgba(34,54,73,.3))}::slotted([slot="header"]){width:100%}:host .udex-no-result{padding:0 var(--udexSpacer12, 12px) var(--udexSpacer16, 16px)}[udex-search]+.hidden+[udex-busy-indicator]{padding:var(--udexSpacer16, 16px) 0 var(--udexSpacer32, 32px)}@media (width < 640px){[ui5-popover]{min-width:var(--udex-filter-menu-popover-min-width-xs);max-width:var(--udex-filter-menu-popover-max-width-xs)}}
8
+ export default `:host{--udex-filter-menu-trigger-color-default: var(--sapTextColor, #223548);--udex-filter-menu-trigger-color-hover: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-color-active: var(--sapShell_Active_TextColor, #0040b0);--udex-filter-menu-trigger-color-disabled: var(--sapTextColor, #223548);--udex-filter-menu-trigger-icon-default: var(--sapContent_IconColor, #223548);--udex-filter-menu-trigger-icon-hover: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-icon-active: var(--sapSelectedColor, #0040b0);--udex-filter-menu-trigger-icon-disabled: var(--sapContent_IconColor, #223548);--udex-filter-menu-trigger-prefix-color-default: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-hover: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-active: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-disabled: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-selection-bar-background: var(--udexColorBlue8, #0057D2);--udex-filter-menu-trigger-outline-border-color: var(--udexColorBlue10, #002A86);--udex-filter-menu-popover-left-offset: 0px;--udex-filter-menu-popover-min-width-xs: calc(100% - var(--udex-filter-menu-popover-left-offset));--udex-filter-menu-popover-max-width-xs: 100%;--udex-filter-menu-popover-width: fit-content;--udex-filter-menu-popover-min-width: 320px;--udex-filter-menu-popover-max-width: 640px;--udex-filter-menu-popover-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-filter-menu-popover-border-color: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-filter-menu-popover-border-width: var(--sapElement_BorderWidth, 1px);--udex-filter-menu-popover-border-radius: var(--udexRadiusM, 8px);display:inline-block}:host([desktop]) .udex-filter-menu__trigger:focus,.udex-filter-menu__trigger:focus-visible{outline:2px solid var(--udex-filter-menu-trigger-outline-border-color);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexRadiusM, 8px)}.udex-filter-menu__trigger{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);display:inline-flex;align-items:center;padding:5px 0;position:relative;background:none;border:none}.udex-filter-menu__trigger-wrap{cursor:pointer;display:inline-flex;align-items:center}.udex-filter-menu__trigger-wrap[disabled]{pointer-events:none}.udex-filter-menu__trigger-wrap[disabled]:hover .udex-filter-menu__trigger-name,.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-disabled);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-disabled)}.udex-filter-menu__trigger-wrap[disabled]:hover .udex-filter-menu__trigger-icon,.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-icon{color:var(--udex-filter-menu-trigger-icon-disabled);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-filter-menu__trigger-prefix{margin-inline-end:var(--udexSpacer8, 8px);color:var(--udex-filter-menu-trigger-prefix-color-default)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-hover)}.udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-default)}.udex-filter-menu__trigger:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:2px 2px 0;background:var(--udex-filter-menu-trigger-selection-bar-background);opacity:0}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-active)}.udex-filter-menu__trigger-active:before{opacity:1}.udex-filter-menu__trigger-icon{width:16px;height:16px;margin-inline-start:var(--udexSpacer8, 8px);color:var(--udex-filter-menu-trigger-icon-default)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-hover)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-icon{color:var(--udex-filter-menu-trigger-icon-hover)}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-icon{transform:rotate(180deg);color:var(--udex-filter-menu-trigger-icon-active)}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-active)}.udex-filter-menu__search{width:100%}.udex-filter-menu__footer{height:auto;width:100%;display:flex;gap:var(--udexSpacer8, 8px)}.udex-filter-menu__badge{margin-inline-start:var(--udexSpacer4, 4px)}[ui5-popover]{border:var(--udex-filter-menu-popover-border-width) solid var(--udex-filter-menu-popover-border-color);border-radius:var(--udex-filter-menu-popover-border-radius);box-shadow:var(--udex-filter-menu-popover-shadow);min-width:var(--udex-filter-menu-popover-min-width);max-width:var(--udex-filter-menu-popover-max-width);width:var(--udex-filter-menu-popover-width)}[ui5-popover]::part(content){padding:0;overflow:auto}[ui5-popover]::part(header),[ui5-popover]::part(footer){padding:var(--udexSpacer12, 12px)}[ui5-popover]::part(footer){justify-content:flex-start;border-color:var(--sapField_BorderColor, var(--udexColorGrey6));box-shadow:var(--sapContent_Shadow1, 0 2px 8px 0 rgba(34,54,73,.3))}::slotted([slot="header"]){width:100%}:host .udex-no-result{padding:0 var(--udexSpacer12, 12px) var(--udexSpacer16, 16px)}[udex-search]+.hidden+[udex-busy-indicator]{padding:var(--udexSpacer16, 16px) 0 var(--udexSpacer32, 32px)}@media (width < 640px){[ui5-popover]{min-width:var(--udex-filter-menu-popover-min-width-xs);max-width:var(--udex-filter-menu-popover-max-width-xs)}}
9
9
  `
package/src/generated/themes/HeroBanner.css.ts CHANGED
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
6
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
7
  registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
8
- export default `:host{--udexHeroBannerMinHeight: 200px;--udexHeroBannerHeight: auto;--udexHeroBannerBackgroundImageObjectFit: contain;--udexHeroBannerVerticalLayoutBackgroundImageAlignment: bottom right;--udexHeroBannerHorizontalLayoutBackgroundImageAlignment: top right;--udexHeroBannerBackroundImageZIndex: 1;--udexHeroBannerBackroundVideoZIndex: 1;--udexHeroBannerContentZIndex: 2;--udexHeroBannerContentPaddingHorizontal: var(--udexGridXSMargins, 24px);--udexHeroBannerContentPaddingVertical: 40px;--udexHeroBannerContentPaddingVerticalXLtoM: var(--udexSpacer56, 56px);--udexHeroBannerPaddingHorizontalLandM: var(--udexSpacer72);--udexHeroBannerPaddingVerticalBottomS: var(--udexSpacer48);--udexHeroBannerPaddingVerticalBottomXS: var(--udexSpacer48);--udexHeroBannerPaddingHorizontalS: var(--udexSpacer48);--udexHeroBannerPaddingHorizontalXS: var(--udexSpacer24);--udexHeroBannerBackgroundVideoColor: trasparent;--udexHeroBannerContainerPosition: relative;--udexHeroBannerSlotMaxHeight: calc(100% - (2 * var(--udexHeroBannerContentPaddingHorizontal)));--udex-hero-banner-container-xl-max-width: 1432px;--udex-hero-banner-container-l-max-width: 1456px}.udex-hero-banner{position:relative;container-type:inline-size;min-height:var(--udexHeroBannerMinHeight, 200px);height:var(--udexHeroBannerHeight, auto)}.udex-hero-banner__container{position:var(--udexHeroBannerContainerPosition);max-width:var(--udex-hero-banner-container-xl-max-width);padding:var(--udexHeroBannerContentPaddingVerticalXLtoM) var(--udexSpacer84);margin:0 auto;height:100%;box-sizing:border-box}.udex-hero-banner--video{color:var(--udexColorNeutralWhite);justify-content:center}.udex-hero-banner__background-image{position:absolute;width:100%;height:100%;object-fit:var(--udexHeroBannerBackgroundImageObjectFit, contain);object-position:var(--udexHeroBannerVerticalLayoutBackgroundImageAlignment, bottom right);z-index:var(--udexHeroBannerBackroundImageZIndex, 1);top:0;left:0}.udex-hero-banner__background-video-wrapper{position:relative;width:100%;padding:var(--udexHeroBannerContentPaddingVerticalXLtoM) var(--udexSpacer84);height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.udex-hero-banner__background-video-wrapper .udex-hero-banner__background-image{display:none}.udex-hero-banner__background-image:dir(rtl),.udex-hero-banner__background-video-overlay:dir(rtl){transform:scaleX(-1)}#udex-hero-banner__content,#udex-hero-banner__additionalContent{position:relative;display:flex;flex-direction:column;justify-content:center;max-height:var(--udexHeroBannerSlotMaxHeight);flex-basis:100%;flex-grow:1;z-index:var(--udexHeroBannerContentZIndex, 2);padding:0}.udex-hero-banner__content-container{display:flex;gap:var(--udexSpacer48, 48px);padding:0}#udex-hero-banner__content,#udex-hero-banner__additionalContent{height:var(--udexHeroBannerHeight, auto)}.udex-hero-banner--video{height:28.125rem}.udex-hero-banner__media-button{border:none;display:flex;justify-content:center;align-items:center;border-radius:50%;padding:0;width:3rem;height:3rem;position:absolute;bottom:var(--udexSpacer48);right:var(--udexSpacer84);z-index:3;overflow:hidden;cursor:pointer}.udex-hero-banner__media-button:before{content:"";position:absolute;inset:0;background:var(--udexColorNeutralBlack);opacity:.8;border-radius:50%;z-index:-1}.udex-hero-banner__media-button:dir(rtl){left:var(--udexSpacer84);right:auto}.udex-hero-banner__media-button:hover [ui5-icon]{color:var(--udexColorGrey4)}.udex-hero-banner__media-button [ui5-icon]{color:var(--udexColorNeutralWhite);height:100%;width:100%}.udex-hero-banner__background-video{position:absolute;display:block;width:100%;object-fit:cover;object-position:center;height:100%;top:0;left:0}.udex-hero-banner__background-video-overlay{position:absolute;display:block;width:100%;height:100%;background:linear-gradient(90deg,rgba(18,23,28,.765) 0%,rgba(18,23,28,.09) 100%);top:0;left:0}.udex-hero-banner__background-image{object-position:var(--udexHeroBannerHorizontalLayoutBackgroundImageAlignment, top right)}@media (max-width: 1599px){.udex-hero-banner__container{padding:var(--udexHeroBannerContentPaddingVerticalXLtoM) var(--udexHeroBannerPaddingHorizontalLandM);max-width:var(--udex-hero-banner-container-l-max-width)}.udex-hero-banner__background-video-wrapper{padding:var(--udexHeroBannerContentPaddingVerticalXLtoM) var(--udexHeroBannerPaddingHorizontalLandM)}.udex-hero-banner__media-button{right:var(--udexSpacer72)}.udex-hero-banner__media-button:dir(rtl){left:var(--udexSpacer72)}}@media (max-width: 979px){.udex-hero-banner__background-video,.udex-hero-banner__background-video-overlay,.udex-hero-banner__media-button{display:none}.udex-hero-banner__container{padding:var(--udexHeroBannerContentPaddingVertical) var(--udexHeroBannerPaddingHorizontalS);max-width:100%}.udex-hero-banner__content-container{display:flex;flex-direction:column;gap:var(--udexSpacer32, 32px)}.udex-hero-banner__background-video-wrapper{padding:var(--udexHeroBannerContentPaddingVertical) var(--udexHeroBannerPaddingHorizontalS) var(--udexHeroBannerPaddingVerticalBottomS);background-color:var(--udexHeroBannerBackgroundVideoColor)}.udex-hero-banner__background-video-wrapper .udex-hero-banner__background-image{display:block}.udex-hero-banner,#udex-hero-banner__content,#udex-hero-banner__additionalContent{height:auto}}@media (max-width: 639px){.udex-hero-banner__container{max-width:100%;padding:var(--udexHeroBannerContentPaddingVertical) var(--udexHeroBannerPaddingHorizontalXS)}.udex-hero-banner__background-video-wrapper{padding:var(--udexHeroBannerContentPaddingVertical) var(--udexHeroBannerPaddingHorizontalXS) var(--udexHeroBannerPaddingVerticalBottomXS)}.udex-hero-banner__background-video-wrapper .udex-hero-banner__background-image{display:none}}
8
+ export default `:host{--udexHeroBannerMinHeight: 200px;--udexHeroBannerHeight: auto;--udexHeroBannerBackgroundImageObjectFit: contain;--udexHeroBannerVerticalLayoutBackgroundImageAlignment: bottom right;--udexHeroBannerHorizontalLayoutBackgroundImageAlignment: top right;--udexHeroBannerBackroundImageZIndex: 1;--udexHeroBannerBackroundVideoZIndex: 1;--udexHeroBannerContentZIndex: 2;--udexHeroBannerContentPaddingHorizontal: var(--udexGridXSMargins, 24px);--udexHeroBannerContentPaddingVertical: 40px;--udexHeroBannerContentPaddingVerticalXLtoM: var(--udexSpacer56, 56px);--udexHeroBannerPaddingHorizontalLandM: var(--udexSpacer72);--udexHeroBannerPaddingVerticalBottomS: var(--udexSpacer48);--udexHeroBannerPaddingVerticalBottomXS: var(--udexSpacer48);--udexHeroBannerPaddingHorizontalS: var(--udexSpacer48);--udexHeroBannerPaddingHorizontalXS: var(--udexSpacer24);--udexHeroBannerBackgroundVideoColor: trasparent;--udexHeroBannerContainerPosition: relative;--udexHeroBannerSlotMaxHeight: calc(100% - (2 * var(--udexHeroBannerContentPaddingHorizontal)));--udex-hero-banner-container-xl-max-width: 1432px;--udex-hero-banner-container-l-max-width: 1456px}.udex-hero-banner{position:relative;container-type:inline-size;min-height:var(--udexHeroBannerMinHeight, 200px);height:var(--udexHeroBannerHeight, auto)}.udex-hero-banner__container{position:var(--udexHeroBannerContainerPosition);max-width:var(--udex-hero-banner-container-xl-max-width);padding:var(--udexHeroBannerContentPaddingVerticalXLtoM) var(--udexSpacer84);margin:0 auto;height:100%;box-sizing:border-box}.udex-hero-banner--video{color:var(--udexColorNeutralWhite);justify-content:center}.udex-hero-banner__background-image{position:absolute;width:100%;height:100%;object-fit:var(--udexHeroBannerBackgroundImageObjectFit, contain);object-position:var(--udexHeroBannerVerticalLayoutBackgroundImageAlignment, bottom right);z-index:var(--udexHeroBannerBackroundImageZIndex, 1);top:0;left:0}.udex-hero-banner__background-video-wrapper{position:relative;width:100%;padding:var(--udexHeroBannerContentPaddingVerticalXLtoM) var(--udexSpacer84);height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.udex-hero-banner__background-video-wrapper .udex-hero-banner__background-image{display:none}.udex-hero-banner__background-image:dir(rtl),.udex-hero-banner__background-video-overlay:dir(rtl){transform:scaleX(-1)}#udex-hero-banner__content,#udex-hero-banner__additionalContent{position:relative;display:flex;flex-direction:column;justify-content:center;max-height:var(--udexHeroBannerSlotMaxHeight);flex-basis:100%;flex-grow:1;z-index:var(--udexHeroBannerContentZIndex, 2);padding:0}.udex-hero-banner__content-container{display:flex;gap:var(--udexSpacer48, 48px);padding:0}#udex-hero-banner__content,#udex-hero-banner__additionalContent{height:var(--udexHeroBannerHeight, auto)}.udex-hero-banner--video{height:28.125rem}.udex-hero-banner__media-button{border:none;display:flex;justify-content:center;align-items:center;border-radius:50%;padding:0;width:3rem;height:3rem;position:absolute;bottom:var(--udexSpacer48);right:var(--udexSpacer84);z-index:3;overflow:hidden;cursor:pointer}.udex-hero-banner__media-button:before{content:"";position:absolute;inset:0;background:var(--udexColorNeutralBlack);opacity:.8;border-radius:50%;z-index:var(--udexZIndexNegative, -1)}.udex-hero-banner__media-button:dir(rtl){left:var(--udexSpacer84);right:auto}.udex-hero-banner__media-button:hover [ui5-icon]{color:var(--udexColorGrey4)}.udex-hero-banner__media-button [ui5-icon]{color:var(--udexColorNeutralWhite);height:100%;width:100%}.udex-hero-banner__background-video{position:absolute;display:block;width:100%;object-fit:cover;object-position:center;height:100%;top:0;left:0}.udex-hero-banner__background-video-overlay{position:absolute;display:block;width:100%;height:100%;background:linear-gradient(90deg,rgba(18,23,28,.765) 0%,rgba(18,23,28,.09) 100%);top:0;left:0}.udex-hero-banner__background-image{object-position:var(--udexHeroBannerHorizontalLayoutBackgroundImageAlignment, top right)}@media (max-width: 1599px){.udex-hero-banner__container{padding:var(--udexHeroBannerContentPaddingVerticalXLtoM) var(--udexHeroBannerPaddingHorizontalLandM);max-width:var(--udex-hero-banner-container-l-max-width)}.udex-hero-banner__background-video-wrapper{padding:var(--udexHeroBannerContentPaddingVerticalXLtoM) var(--udexHeroBannerPaddingHorizontalLandM)}.udex-hero-banner__media-button{right:var(--udexSpacer72)}.udex-hero-banner__media-button:dir(rtl){left:var(--udexSpacer72)}}@media (max-width: 979px){.udex-hero-banner__background-video,.udex-hero-banner__background-video-overlay,.udex-hero-banner__media-button{display:none}.udex-hero-banner__container{padding:var(--udexHeroBannerContentPaddingVertical) var(--udexHeroBannerPaddingHorizontalS);max-width:100%}.udex-hero-banner__content-container{display:flex;flex-direction:column;gap:var(--udexSpacer32, 32px)}.udex-hero-banner__background-video-wrapper{padding:var(--udexHeroBannerContentPaddingVertical) var(--udexHeroBannerPaddingHorizontalS) var(--udexHeroBannerPaddingVerticalBottomS);background-color:var(--udexHeroBannerBackgroundVideoColor)}.udex-hero-banner__background-video-wrapper .udex-hero-banner__background-image{display:block}.udex-hero-banner,#udex-hero-banner__content,#udex-hero-banner__additionalContent{height:auto}}@media (max-width: 639px){.udex-hero-banner__container{max-width:100%;padding:var(--udexHeroBannerContentPaddingVertical) var(--udexHeroBannerPaddingHorizontalXS)}.udex-hero-banner__background-video-wrapper{padding:var(--udexHeroBannerContentPaddingVertical) var(--udexHeroBannerPaddingHorizontalXS) var(--udexHeroBannerPaddingVerticalBottomXS)}.udex-hero-banner__background-video-wrapper .udex-hero-banner__background-image{display:none}}
9
9
  `
package/src/generated/themes/ImageGridTicker.css.ts CHANGED
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
6
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
7
  registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
8
- export default `:host{--udex-image-grid-ticker-duration: 31s;--udex-image-grid-ticker-play-btn-color: var(--udexColorGrey7, #475E75);--udex-image-grid-ticker-play-btn-color-hover: #000;--udex-image-grid-ticker-min-height: 76px}:host([_is-scrollable]) .udex-image-grid-ticker__track{animation:scroll-ticker var(--udex-image-grid-ticker-duration) linear infinite}:host([_is-scrollable]:dir(rtl)) .udex-image-grid-ticker__track{animation:scroll-ticker-rtl var(--udex-image-grid-ticker-duration) linear infinite}:host([_is-paused]:dir(rtl)) .udex-image-grid-ticker__track,:host([_is-paused]) .udex-image-grid-ticker__track{animation-play-state:paused}:host([_is-focus-in]) .udex-image-grid-ticker__track{animation:none!important}:host([grayscale]) ::part(grid-image){filter:grayscale(100%);transition:filter .3s ease-in-out}:host([grayscale]) ::part(grid-image):hover{filter:grayscale(0%)}.udex-image-grid-ticker__track-holder{position:relative;overflow:hidden}.udex-image-grid-ticker__track{display:flex;align-items:center;min-height:var(--udex-image-grid-ticker-min-height);width:max-content}.udex-image-grid-ticker{display:flex;flex-direction:column}.udex-image-grid-ticker__track-wrapper{overflow:hidden;position:relative;width:100%;padding:14px 0}:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:after,:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:before{content:"";position:absolute;top:0;left:-25px;bottom:0;width:120px;background:linear-gradient(90deg,#FFF 23.96%,rgba(255,255,255,0) 100%);z-index:1}:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:after{right:-25px;left:auto;transform:rotate(180deg)}.udex-image-grid-ticker__play-button-holder{padding-bottom:34px}@keyframes scroll-ticker-rtl{0%{transform:translate(0)}to{transform:translate(50%)}}@keyframes scroll-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){:host([_is-scrollable]:dir(rtl)) .udex-image-grid-ticker__track,:host([_is-scrollable]) .udex-image-grid-ticker__track{animation:none}}@media (max-width: 979px){.udex-image-grid-ticker__track{min-height:auto;width:auto;justify-content:center;flex-wrap:wrap}:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:after,:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:before{display:none}}
8
+ export default `:host{--udex-image-grid-ticker-duration: 31s;--udex-image-grid-ticker-play-btn-color: var(--udexColorGrey7, #475E75);--udex-image-grid-ticker-play-btn-color-hover: #000;--udex-image-grid-ticker-min-height: 76px}:host([_is-scrollable]) .udex-image-grid-ticker__track{animation:scroll-ticker var(--udex-image-grid-ticker-duration) linear infinite}:host([_is-scrollable]:dir(rtl)) .udex-image-grid-ticker__track{animation:scroll-ticker-rtl var(--udex-image-grid-ticker-duration) linear infinite}:host([_is-paused]:dir(rtl)) .udex-image-grid-ticker__track,:host([_is-paused]) .udex-image-grid-ticker__track{animation-play-state:paused}:host([_is-focus-in]) .udex-image-grid-ticker__track{animation:none!important}:host([grayscale]) ::part(grid-image){filter:grayscale(100%);transition:filter .3s ease-in-out}:host([grayscale]) ::part(grid-image):hover{filter:grayscale(0%)}.udex-image-grid-ticker__track-holder{position:relative;overflow:hidden}.udex-image-grid-ticker__track{display:flex;align-items:center;min-height:var(--udex-image-grid-ticker-min-height);width:max-content}.udex-image-grid-ticker{display:flex;flex-direction:column}.udex-image-grid-ticker__track-wrapper{overflow:hidden;position:relative;width:100%;padding:14px 0}:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:after,:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:before{content:"";position:absolute;top:0;left:-25px;bottom:0;width:120px;background:linear-gradient(90deg,#FFF 23.96%,rgba(255,255,255,0) 100%);z-index:var(--udexZIndex1, 1)}:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:after{right:-25px;left:auto;transform:rotate(180deg)}.udex-image-grid-ticker__play-button-holder{padding-bottom:34px}@keyframes scroll-ticker-rtl{0%{transform:translate(0)}to{transform:translate(50%)}}@keyframes scroll-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){:host([_is-scrollable]:dir(rtl)) .udex-image-grid-ticker__track,:host([_is-scrollable]) .udex-image-grid-ticker__track{animation:none}}@media (max-width: 979px){.udex-image-grid-ticker__track{min-height:auto;width:auto;justify-content:center;flex-wrap:wrap}:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:after,:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:before{display:none}}
9
9
  `
package/src/generated/themes/ListItem.css.ts CHANGED
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
6
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
7
  registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
8
- export default `:host{--udex-list-item-padding-vertical: var(--udexSpacer12, 12px);--udex-list-item-padding-horizontal: var(--udexSpacer16, 16px);--udex-list-item-padding-top: var(--udex-list-item-padding-vertical);--udex-list-item-padding-bottom: var(--udex-list-item-padding-vertical);--udex-list-item-padding-inline-start: var(--udex-list-item-padding-horizontal);--udex-list-item-padding-inline-end: var(--udex-list-item-padding-horizontal);--udex-list-item-background-active: var(--sapList_Active_Background, #EAECEE);--udex-list-item-border-color-active: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-color-active: var(--sapList_Active_TextColor, #000);--udex-list-item-supporting-text-color-active: var(--sapContent_LabelColor, #475E75);--udex-list-item-background-selected-hover: var(--sapButton_Selected_Hover_Background, #D1EFFF);--udex-list-item-background-default: var(--sapList_Background, #FFF);--udex-list-item-color-default: var(--sapList_HeaderTextColor, #223548);--udex-list-item-supporting-text-color-default: var(--sapContent_LabelColor, #475E75);--udex-list-item-supporting-text-color-hover: var(--sapContent_LabelColor, #475E75);--udex-list-item-background-hover: var(--sapList_Hover_Background, #F5F6F7);--udex-list-item-color-hover: var(--sapList_HeaderTextColor, #223548);--udex-list-item-border-color-selected: var(--udexColorBlue8, #0057D2);--udex-list-item-background-selected: var(--sapList_SelectionBackgroundColor, #EBF8FF);--udex-list-item-color-selected: var(--sapList_HeaderTextColor, #223548);--udex-list-item-supporting-text-color-selected: var(--sapContent_LabelColor, #475E75);--udex-list-item-divider-border-color: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-divider-border-color-hover: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-list-item-disabled-opacity: var(--sapContent_DisabledOpacity, .4);--udex-list-item-additional-text-font-weight: 400;background:var(--udex-list-item-background-default);color:var(--udex-list-item-color-default);display:block;position:relative}:host([selected]):before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--udex-list-item-border-color-selected)}:host([selected]:dir(rtl)):before{left:auto;right:0}:host([disabled]:not([mode="SingleContent"])){opacity:var(--udex-list-item-disabled-opacity);pointer-events:none}:host(:not([disabled]):not([mode="SingleContent"])){cursor:pointer}:host([active]) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-active)}:host([active][selected]){background:var(--udex-list-item-background-active)}:host([_aria-selected]:not([mode="SingleContent"])),:host(:not([disabled]):not([selected]):not([mode="SingleContent"]):hover){background:var(--udex-list-item-background-hover);color:var(--udex-list-item-color-hover)}:host([_aria-selected][selected]:not([mode="SingleContent"])){background:var(--udex-list-item-background-selected-hover)}:host(:not([mode="SingleContent"]):not([disabled])[desktop]) .udex-list__item:focus:before,:host(:not([mode="SingleContent"]):not([disabled])) .udex-list__item:focus-visible:before,:host(._udex-active-descendant:not([mode="SingleContent"]):not([disabled])) .udex-list__item:before{content:"";position:absolute;inset:4px 4px 4px 6px;outline:var(--udexRadiusXXS) solid var(--udex-list-item-outline-border-color);border-radius:var(--udexRadiusM, 8px);pointer-events:none}:host([active]:not([mode="SingleContent"]):not([disabled])[desktop]:focus){background:var(--udex-list-item-background-active);border-color:var(--udex-list-item-border-color-active);color:var(--udex-list-item-color-active)}:host(:not([disabled]):hover) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-hover)}:host([selected]:not([mode="SingleContent"])){background:var(--udex-list-item-background-selected);color:var(--udex-list-item-color-selected)}:host(:hover[selected]:not([disabled]):not([mode="SingleContent"])){background:var(--udex-list-item-background-selected-hover)}:host([selected]) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-selected)}:host([divider]){border-color:var(--udex-list-item-divider-border-color)}:host([divider]):hover{border-color:var(--udex-list-item-divider-border-color-hover)}:host([additional-text-state="Success"])::part(additional-text){color:var(--udexColorGreen9, #1E592F)}:host([additional-text-state="Error"])::part(additional-text){color:var(--udexColorRed9, #840606)}:host([additional-text-state="Information"])::part(additional-text){color:var(--udexColorBlue9, #0040B0)}:host([additional-text-state="Warning"])::part(additional-text){color:var(--udexColorMango9, #8D2A00)}:host::part(checkbox),:host::part(radio){padding-inline-end:var(--udexSpacer12, 12px)}:host::part(checkbox){min-width:24px}:host::part(radio){min-width:42px}:host([mode="SingleContent"])::part(item){padding:var(--udexSpacer4, 4px) 0;border:none}:host([mode="SingleContent"])::part(avatar){padding-inline-start:var(--udexSpacer12, 12px)}:host::part(additional-text){margin-inline-start:0;margin-inline-end:var(--udexSpacer12, 12px)}:host([mode="SingleContent"])::part(button){padding:0}:host(.udex-list__sticky){position:absolute;top:0;right:12px;left:0;z-index:1;border-radius:var(--udexRadiusM, 8px) 0 0}::slotted([udex-list]){padding-top:var(--udexSpacer12, 12px);display:block}::slotted(b){display:inherit}::slotted([udex-button]:hover:not([active])){background-color:var(--udex-button-color-tertiary-standard-default-background)}.udex-list__item:focus-visible{outline:none}.udex-list__item{padding-top:var(--udex-list-item-padding-top);padding-bottom:var(--udex-list-item-padding-bottom);padding-inline-start:var(--udex-list-item-padding-inline-start);padding-inline-end:var(--udex-list-item-padding-inline-end);display:flex;align-items:center}.udex-list__content-wrap{display:flex;width:100%}.udex-list__btn-wrap{display:flex;gap:var(--udexSpacer8, 8px)}.udex-list__number{margin-inline-end:var(--udexSpacer8, 8px)}.udex-list__circle{display:block;min-width:20px;height:22px;position:relative}.udex-list__supporting-text{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udex-list-item-supporting-text-color-default);padding-top:var(--udexSpacer2, 2px)}.udex-list__content{display:flex;align-items:center;flex:auto}.udex-list__text-holder{display:flex;flex-direction:column;flex-basis:100%}.udex-list__add-text{font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 21px);padding-inline-start:var(--udexSpacer12, 12px);white-space:nowrap;font-weight:var(--udex-list-item-additional-text-font-weight)}.udex-list__icon{margin-inline-end:var(--udexSpacer8, 8px);padding-top:2px;min-width:18px;height:18px}.udex-list__avatar{display:flex;align-items:center;margin-inline-end:var(--udexSpacer8, 8px)}.udex-list__item.udex-list__sticky.udex-list__item_controlled .udex-list__checkbox,.udex-list__item.udex-searchable-list__header.udex-list__item_controlled .udex-list__checkbox,.udex-list__item .udex-list__radio,.udex-list__item .udex-list__checkbox{pointer-events:none;min-width:auto}.udex-list__item.udex-list__item_controlled .udex-list__radio,.udex-list__item.udex-list__item_controlled .udex-list__checkbox{pointer-events:auto}.udex-list__radio{--udex-radio-button-outer-ring-padding: 0}.udex-list__item_large{font-size:var(--udexTypographyBodyLFontSize, 20px);line-height:var(--udexTypographyHeadingLineHeight, 22px);font-weight:var(--udexTypographyFontWeightMedium, 500)}.udex-list__item_large .udex-list__supporting-text{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px)}.udex-list__flag-wrap{min-width:30px;margin-inline-end:var(--udexSpacer12, 12px);position:relative}.udex-list__flag{background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);width:30px;height:20px;margin-inline-end:var(--udexSpacer12, 12px);position:absolute;top:50%;transform:translateY(-50%)}.hidden{display:none}.udex-list__group-heading__icon{transform:rotate(-90deg);height:18px;width:18px;color:inherit;cursor:pointer;--udex-button-icon-s-size: 18px}.udex-list__group-heading__icon-wrapper{height:24px;width:24px;display:flex;justify-content:center;align-items:center}:host([collapsed]) .udex-list__group-heading__icon,:host(:dir(rtl)) .udex-list__group-heading__icon{transform:rotate(90deg)}:host([collapsed]:dir(rtl)) .udex-list__group-heading__icon{transform:rotate(-90deg)}[udex-rating-indicator]{--udex_rating_indicator_disabled_opacity: 1;pointer-events:none}
8
+ export default `:host{--udex-list-item-padding-vertical: var(--udexSpacer12, 12px);--udex-list-item-padding-horizontal: var(--udexSpacer16, 16px);--udex-list-item-padding-top: var(--udex-list-item-padding-vertical);--udex-list-item-padding-bottom: var(--udex-list-item-padding-vertical);--udex-list-item-padding-inline-start: var(--udex-list-item-padding-horizontal);--udex-list-item-padding-inline-end: var(--udex-list-item-padding-horizontal);--udex-list-item-background-active: var(--sapList_Active_Background, #EAECEE);--udex-list-item-border-color-active: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-color-active: var(--sapList_Active_TextColor, #000);--udex-list-item-supporting-text-color-active: var(--sapContent_LabelColor, #475E75);--udex-list-item-background-selected-hover: var(--sapButton_Selected_Hover_Background, #D1EFFF);--udex-list-item-background-default: var(--sapList_Background, #FFF);--udex-list-item-color-default: var(--sapList_HeaderTextColor, #223548);--udex-list-item-supporting-text-color-default: var(--sapContent_LabelColor, #475E75);--udex-list-item-supporting-text-color-hover: var(--sapContent_LabelColor, #475E75);--udex-list-item-background-hover: var(--sapList_Hover_Background, #F5F6F7);--udex-list-item-color-hover: var(--sapList_HeaderTextColor, #223548);--udex-list-item-border-color-selected: var(--udexColorBlue8, #0057D2);--udex-list-item-background-selected: var(--sapList_SelectionBackgroundColor, #EBF8FF);--udex-list-item-color-selected: var(--sapList_HeaderTextColor, #223548);--udex-list-item-supporting-text-color-selected: var(--sapContent_LabelColor, #475E75);--udex-list-item-divider-border-color: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-divider-border-color-hover: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-list-item-disabled-opacity: var(--sapContent_DisabledOpacity, .4);--udex-list-item-additional-text-font-weight: 400;--udex-list-item-flag-border-color: var(--udexColorGrey2, #EAECEE);background:var(--udex-list-item-background-default);color:var(--udex-list-item-color-default);display:block;position:relative}:host([selected]):before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--udex-list-item-border-color-selected)}:host([selected]:dir(rtl)):before{left:auto;right:0}:host([disabled]:not([mode="SingleContent"])){opacity:var(--udex-list-item-disabled-opacity);pointer-events:none}:host(:not([disabled]):not([mode="SingleContent"])){cursor:pointer}:host([active]) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-active)}:host([active][selected]){background:var(--udex-list-item-background-active)}:host([_aria-selected]:not([mode="SingleContent"])),:host(:not([disabled]):not([selected]):not([mode="SingleContent"]):hover){background:var(--udex-list-item-background-hover);color:var(--udex-list-item-color-hover)}:host([_aria-selected][selected]:not([mode="SingleContent"])){background:var(--udex-list-item-background-selected-hover)}:host(:not([mode="SingleContent"]):not([disabled])[desktop]) .udex-list__item:focus:before,:host(:not([mode="SingleContent"]):not([disabled])) .udex-list__item:focus-visible:before,:host(._udex-active-descendant:not([mode="SingleContent"]):not([disabled])) .udex-list__item:before{content:"";position:absolute;inset:4px 4px 4px 6px;outline:var(--udexRadiusXXS) solid var(--udex-list-item-outline-border-color);border-radius:var(--udexRadiusM, 8px);pointer-events:none}:host([active]:not([mode="SingleContent"]):not([disabled])[desktop]:focus){background:var(--udex-list-item-background-active);border-color:var(--udex-list-item-border-color-active);color:var(--udex-list-item-color-active)}:host(:not([disabled]):hover) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-hover)}:host([selected]:not([mode="SingleContent"])){background:var(--udex-list-item-background-selected);color:var(--udex-list-item-color-selected)}:host(:hover[selected]:not([disabled]):not([mode="SingleContent"])){background:var(--udex-list-item-background-selected-hover)}:host([selected]) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-selected)}:host([divider]){border-color:var(--udex-list-item-divider-border-color)}:host([divider]):hover{border-color:var(--udex-list-item-divider-border-color-hover)}:host([additional-text-state="Success"])::part(additional-text){color:var(--udexColorGreen9, #1E592F)}:host([additional-text-state="Error"])::part(additional-text){color:var(--udexColorRed9, #840606)}:host([additional-text-state="Information"])::part(additional-text){color:var(--udexColorBlue9, #0040B0)}:host([additional-text-state="Warning"])::part(additional-text){color:var(--udexColorMango9, #8D2A00)}:host::part(checkbox),:host::part(radio){padding-inline-end:var(--udexSpacer12, 12px)}:host::part(checkbox){min-width:24px}:host::part(radio){min-width:42px}:host([mode="SingleContent"])::part(item){padding:var(--udexSpacer4, 4px) 0;border:none}:host([mode="SingleContent"])::part(avatar){padding-inline-start:var(--udexSpacer12, 12px)}:host::part(additional-text){margin-inline-start:0;margin-inline-end:var(--udexSpacer12, 12px)}:host([mode="SingleContent"])::part(button){padding:0}:host(.udex-list__sticky){position:absolute;top:0;right:12px;left:0;z-index:var(--udexZIndex1, 1);border-radius:var(--udexRadiusM, 8px) 0 0}::slotted([udex-list]){padding-top:var(--udexSpacer12, 12px);display:block}::slotted(b){display:inherit}::slotted([udex-button]:hover:not([active])){background-color:var(--udex-button-color-tertiary-standard-default-background)}.udex-list__item:focus-visible{outline:none}.udex-list__item{padding-top:var(--udex-list-item-padding-top);padding-bottom:var(--udex-list-item-padding-bottom);padding-inline-start:var(--udex-list-item-padding-inline-start);padding-inline-end:var(--udex-list-item-padding-inline-end);display:flex;align-items:center}.udex-list__content-wrap{display:flex;width:100%}.udex-list__btn-wrap{display:flex;gap:var(--udexSpacer8, 8px)}.udex-list__number{margin-inline-end:var(--udexSpacer8, 8px)}.udex-list__circle{display:block;min-width:20px;height:22px;position:relative}.udex-list__supporting-text{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udex-list-item-supporting-text-color-default);padding-top:var(--udexSpacer2, 2px)}.udex-list__content{display:flex;align-items:center;flex:auto}.udex-list__text-holder{display:flex;flex-direction:column;flex-basis:100%}.udex-list__add-text{font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 21px);padding-inline-start:var(--udexSpacer12, 12px);white-space:nowrap;font-weight:var(--udex-list-item-additional-text-font-weight)}.udex-list__icon{margin-inline-end:var(--udexSpacer8, 8px);padding-top:2px;min-width:18px;height:18px}.udex-list__avatar{display:flex;align-items:center;margin-inline-end:var(--udexSpacer8, 8px)}.udex-list__item.udex-list__sticky.udex-list__item_controlled .udex-list__checkbox,.udex-list__item.udex-searchable-list__header.udex-list__item_controlled .udex-list__checkbox,.udex-list__item .udex-list__radio,.udex-list__item .udex-list__checkbox{pointer-events:none;min-width:auto}.udex-list__item.udex-list__item_controlled .udex-list__radio,.udex-list__item.udex-list__item_controlled .udex-list__checkbox{pointer-events:auto}.udex-list__radio{--udex-radio-button-outer-ring-padding: 0}.udex-list__item_large{font-size:var(--udexTypographyBodyLFontSize, 20px);line-height:var(--udexTypographyHeadingLineHeight, 22px);font-weight:var(--udexTypographyFontWeightMedium, 500)}.udex-list__item_large .udex-list__supporting-text{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px)}.udex-list__flag-wrap{min-width:30px;margin-inline-end:var(--udexSpacer12, 12px);position:relative}.udex-list__flag{background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);width:30px;height:20px;margin-inline-end:var(--udexSpacer12, 12px);position:absolute;top:50%;transform:translateY(-50%)}.udex-list__flag:before{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid var(--udex-list-item-flag-border-color)}.hidden{display:none}.udex-list__group-heading__icon{transform:rotate(-90deg);height:18px;width:18px;color:inherit;cursor:pointer;--udex-button-icon-s-size: 18px}.udex-list__group-heading__icon-wrapper{height:24px;width:24px;display:flex;justify-content:center;align-items:center}:host([collapsed]) .udex-list__group-heading__icon,:host(:dir(rtl)) .udex-list__group-heading__icon{transform:rotate(90deg)}:host([collapsed]:dir(rtl)) .udex-list__group-heading__icon{transform:rotate(-90deg)}[udex-rating-indicator]{--udex_rating_indicator_disabled_opacity: 1;pointer-events:none}
9
9
  `
package/src/generated/themes/MastheadCountrySelector.css.ts CHANGED
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
6
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
7
  registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
8
- export default `:host{--udex-masthead-country-selector-desktop-max-height: 375px;--udex-masthead-country-selector-title-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-country-selector-title-color: var(--udexColorNeutralBlack, #000000)}.udex-masthead-country-selector__title{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightMedium);font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);color:var(--sapTitleColor);padding:var(--udexSpacer16) 0;display:block;text-align:center}:host(:not([_is-active-region-open])) .udex-masthead-country-selector__title{border-bottom:1px solid var(--udex-masthead-country-selector-title-border-color)}.udex-masthead-country-selector__list{list-style:none;margin:0;padding:0}.udex-masthead-country-selector__search{margin:var(--udexSpacer2) 0 var(--udexSpacer16)}.udex-masthead-country-selector__region-back-item::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium, 500);color:var(--udex-masthead-country-selector-title-color);justify-content:space-between}.udex-masthead-country-selector__region-back-item::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}.udex-masthead-country-selector__region-back-item::part(menu-item-button):after{content:""}.udex-masthead-country-selector__region-back-item,.udex-masthead-country-selector__item{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}.udex-masthead-country-selector__item::part(menu-item-link),.udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer8);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}.udex-masthead-country-selector__item::part(menu-item-link){width:100%}[_is-active-country].udex-masthead-country-selector__item::part(menu-item-link){font-weight:var(--udexTypographyFontWeightMedium, 500)}.udex-masthead-country-selector__list-wrap{max-height:var(--udex-masthead-country-selector-desktop-max-height);overflow:auto}:host([_is-mobile-mode]) .udex-masthead-country-selector__list-wrap{max-height:initial}.hidden{position:absolute;width:0;height:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}:host([_is-mobile-mode]) .udex-masthead-country-selector__item::part(menu-item-link){--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}:host([_is-mobile-mode]) .udex-masthead-country-selector__list-container{height:100%;overflow:auto}:host([_is-mobile-mode]) .udex-masthead-country-selector__list-wrap{height:100%;overflow:auto;max-height:initial}:host([_is-mobile-mode]) .udex-masthead-country-selector{height:100%;box-sizing:border-box;display:flex;flex-direction:column;padding-bottom:var(--udexSpacer24)}:host([_is-mobile-mode]) .udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);border-bottom:1px solid var(--udex-masthead-menu-item-border-color);max-height:initial;overflow:initial}:host([_is-mobile-mode]) .udex-masthead-country-selector{min-height:100%;box-sizing:border-box}.udex-masthead-country-selector__list-container{position:relative}:host(:dir(rtl)) .udex-masthead-country-selector__list-wrap_scrollable:before{left:0;right:0}.udex-masthead-country-selector__list-wrap_scrollable:before{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFFFFF 100%)}:host([desktop]) .udex-masthead-country-selector__list-wrap_scrollable:before{right:15px}:host([desktop]:dir(rtl)) .udex-masthead-country-selector__list-wrap_scrollable:before{left:15px;right:0}@media (max-width: 1279px){.udex-masthead-country-selector__list-wrap{height:100%;overflow:auto;max-height:initial}.udex-masthead-country-selector{height:100%;box-sizing:border-box;display:flex;flex-direction:column}.udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);border-bottom:1px solid var(--udex-masthead-menu-item-border-color)}.udex-masthead-country-selector__list-container{height:100%;overflow:auto;padding-bottom:var(--udexSpacer24)}.udex-masthead-country-selector__list-wrap_scrollable:before{bottom:24px}}@media (max-height: 550px){.udex-masthead-country-selector__list-container{min-height:100px}}
8
+ export default `:host{--udex-masthead-country-selector-desktop-max-height: 375px;--udex-masthead-country-selector-title-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-country-selector-title-color: var(--udexColorNeutralBlack, #000000)}.udex-masthead-country-selector__title{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightMedium);font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);color:var(--sapTitleColor);padding:var(--udexSpacer16) 0;display:block;text-align:center}:host(:not([_is-active-region-open])) .udex-masthead-country-selector__title{border-bottom:1px solid var(--udex-masthead-country-selector-title-border-color)}.udex-masthead-country-selector__list{list-style:none;margin:0;padding:0}.udex-masthead-country-selector__search{margin:var(--udexSpacer2) 0 var(--udexSpacer16)}.udex-masthead-country-selector__region-back-item::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium, 500);color:var(--udex-masthead-country-selector-title-color);justify-content:space-between}.udex-masthead-country-selector__region-back-item::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}.udex-masthead-country-selector__region-back-item::part(menu-item-button):after{content:""}.udex-masthead-country-selector__region-back-item,.udex-masthead-country-selector__item{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}.udex-masthead-country-selector__item::part(menu-item-link),.udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer8);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}.udex-masthead-country-selector__item::part(menu-item-link){width:100%}[_is-active-country].udex-masthead-country-selector__item::part(menu-item-link){font-weight:var(--udexTypographyFontWeightMedium, 500)}.udex-masthead-country-selector__list-wrap{max-height:var(--udex-masthead-country-selector-desktop-max-height);overflow:auto}:host([_is-mobile-mode]) .udex-masthead-country-selector__list-wrap{max-height:initial}.hidden{position:absolute;width:0;height:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}:host([_is-mobile-mode]) .udex-masthead-country-selector__item::part(menu-item-link){--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}:host([_is-mobile-mode]) .udex-masthead-country-selector__list-container{height:100%;overflow:auto}:host([_is-mobile-mode]) .udex-masthead-country-selector__list-wrap{height:100%;overflow:auto;max-height:initial}:host([_is-mobile-mode]) .udex-masthead-country-selector{height:100%;box-sizing:border-box;display:flex;flex-direction:column;padding-bottom:var(--udexSpacer24)}:host([_is-mobile-mode]) .udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);border-bottom:1px solid var(--udex-masthead-menu-item-border-color);max-height:initial;overflow:initial}:host([_is-mobile-mode]) .udex-masthead-country-selector{min-height:100%;box-sizing:border-box}.udex-masthead-country-selector__list-container{position:relative}:host(:dir(rtl)) .udex-masthead-country-selector__list-wrap_scrollable:before{left:0;right:0}.udex-masthead-country-selector__list-wrap_scrollable:before{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;z-index:var(--udexZIndex1, 1);background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFFFFF 100%)}:host([desktop]) .udex-masthead-country-selector__list-wrap_scrollable:before{right:15px}:host([desktop]:dir(rtl)) .udex-masthead-country-selector__list-wrap_scrollable:before{left:15px;right:0}@media (max-width: 1279px){.udex-masthead-country-selector__list-wrap{height:100%;overflow:auto;max-height:initial}.udex-masthead-country-selector{height:100%;box-sizing:border-box;display:flex;flex-direction:column}.udex-masthead-country-selector__item_countries{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);border-bottom:1px solid var(--udex-masthead-menu-item-border-color)}.udex-masthead-country-selector__list-container{height:100%;overflow:auto;padding-bottom:var(--udexSpacer24)}.udex-masthead-country-selector__list-wrap_scrollable:before{bottom:24px}}@media (max-height: 550px){.udex-masthead-country-selector__list-container{min-height:100px}}
9
9
  `
package/src/generated/themes/MastheadItem.css.ts CHANGED
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
6
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
7
  registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
8
- export default `:host{--udex-masthead-item-background: none;--udex-masthead-item-border: none;--udex-masthead-item-padding: 1.35rem 0;--udex-masthead-item-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-masthead-item-line-height: var(--udexTypographyEyebrowLineHeight, 1.1);--udex-masthead-item-color: var(--udexColorGrey9, #223548);--udex-masthead-item-font-family: var(--sapFontFamily);--udex-masthead-item-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-item-border-color: var(--udexColorBlue8, #0057D2);--udex-masthead-item-country-border-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-border-radius: var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;--udex-masthead-item-border-width: .188rem;--udex-masthead-item-align-content: center;--udex-masthead-item-justify-content: center;--udex-masthead-item-display: inline-flex;--udex-masthead-item-icon-size: 1.125rem;--udex-masthead-item-icon-container-size: 2rem;--udex-masthead-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-masthead-item-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-item-dropdown-position-left: -52px;--udex-masthead-item-dropdown-position-right: -52px;--udex-masthead-item-dropdown-min-width: 344px;--udex-masthead-item-dropdown-max-width: 400px;--udex-masthead-item-dropdown-mobile-min-width: 360px;--udex-masthead-item-dropdown-select-box-min-width: 397px;--udex-masthead-item-dropdown-position: absolute;--udex-masthead-item-dropdown-mobile-height: var(--udex-masthead-shell-mobile-menu-height, 100%);--udex-masthead-item-dropdown-box-shadow-mobile: none;--udex-masthead-item-dropdown-zindex: 100;--udex-masthead-item-button-icon-size: 32px;--udex-masthead-item-arrow-icon-size: 16px;--udex-masthead-item-arrow-margin-inline-start: var(--udexSpacer4);--udex-masthead-item-profile-padding-l: var(--udexSpacer64) var(--udexSpacer48) 80px var(--udexSpacer48);--udex-masthead-item-padding-l: var(--udexSpacer32) 52px 52px;--udex-masthead-item-padding-m: var(--udexSpacer24) var(--udexSpacer24) 0;--udex-masthead-item-padding-s: var(--udexSpacer24) var(--udexSpacer48) 0 var(--udexSpacer48);--udex-masthead-item-padding-xs: var(--udexSpacer24) var(--udexSpacer24) 0;--udex-masthead-item-dropdown-background: #FFF;display:var(--udex-masthead-item-display);align-items:var(--udex-masthead-item-align-content);justify-content:var(--udex-masthead-item-justify-content);position:relative;font-family:var(--udex-masthead-item-font-family);font-size:var(--udex-masthead-item-font-size);line-height:var(--udex-masthead-item-line-height)}.udex-masthead-item__dropdown{position:absolute;top:100%;left:var(--udex-masthead-item-dropdown-position-left);z-index:var(--udex-masthead-item-dropdown-zindex);box-shadow:var(--udex-masthead-item-dropdown-box-shadow);background:var(--udex-masthead-item-dropdown-background)}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown{top:46px;left:auto;right:var(--udex-masthead-item-dropdown-position-right);min-width:var(--udex-masthead-item-dropdown-min-width);max-width:var(--udex-masthead-item-dropdown-max-width)}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{max-width:inherit}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-select-box-min-width)}.udex-masthead-item__image-wrap{position:relative;display:flex}:host([desktop]) .udex-masthead-item__button--country-selector:hover .udex-masthead-item__image-wrap:after{content:"";position:absolute;inset:0;border:1px solid var(--udex-masthead-item-country-border-color-hover);border-radius:50%;box-sizing:border-box}.udex-masthead-item__button--explore+.udex-masthead-item__dropdown{top:60px;left:50%;transform:translate(-50%);box-sizing:border-box;width:100cqw}.udex-masthead-item__button--explore+.udex-masthead-item__dropdown-holder{padding:0}:host([_has-four-columns-menu]),:host([slot="exploreSAP"]){position:inherit}:host([_has-four-columns-menu]) .udex-masthead-item__dropdown{inset-inline-start:0;box-sizing:border-box;inline-size:100%}:host([_has-four-columns-menu]) .udex-masthead-item__dropdown-holder{padding:var(--udexSpacer32) var(--udexSpacer84)}:host([_has-four-columns-menu]) ::slotted([slot="dropdown"]),:host([slot="exploreSAP"]) ::slotted([slot="dropdown"]){--udex-masthead-menu-column-width: auto;--udex-masthead-menu-grid-template-columns: repeat(4, calc(25% - var(--udex-masthead-menu-column_gap)*3/4))}:host([slot="exploreSAP"]) .udex-masthead-item__dropdown-holder{padding:var(--udexSpacer32) 0;max-width:var(--udex-masthead-shell-container-xl-max-width, 1432px);margin:0 auto}.udex-masthead-item{font-size:inherit;line-height:inherit;font-family:inherit;color:var(--udex-masthead-item-color);background:var(--udex-masthead-item-background);border:var(--udex-masthead-item-border);padding:var(--udex-masthead-item-padding);cursor:pointer;text-decoration:none;white-space:nowrap;position:relative}.udex-masthead-item__button--icon{display:flex;align-items:center;justify-content:center;width:var(--udex-masthead-item-button-icon-size);height:var(--udex-masthead-item-button-icon-size)}.udex-masthead-item.udex-masthead-item__button--profile,.udex-masthead-item.udex-masthead-item__button--icon{padding:0}.udex-masthead-item:focus{outline:none}.udex-masthead-item__text{display:flex;align-items:center}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__text,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,.udex-masthead-item:focus-visible .udex-masthead-item__image,.udex-masthead-item:focus-visible .udex-masthead-item__text,.udex-masthead-item:focus-visible .udex-masthead-item__icon{outline:var(--udexRadiusXXS) solid var(--udex-masthead-item-outline-border-color);outline-offset:2px;border-radius:var(--udexRadiusXXS)}:host([desktop]) .udex-masthead-item__profile-btn:focus .udex-masthead-item__text,.udex-masthead-item__profile-btn:focus-visible .udex-masthead-item__text{border-radius:50%}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,.udex-masthead-item:focus .udex-masthead-item__image,.udex-masthead-item:focus .udex-masthead-item__icon{outline-offset:6px}.udex-masthead-item.udex-masthead-item__button--profile:focus .udex-masthead-item__text{border-radius:50%}:host([desktop]) .udex-masthead-item__profile-btn:hover ::slotted([udex-avatar]){--udex-avatar-blue-default-border-color: var(--udex-avatar-blue-hover-border-color);--udex-avatar-mango-default-border-color: var(--udex-avatar-mango-hover-border-color);--udex-avatar-red-default-border-color: var(--udex-avatar-red-hover-border-color);--udex-avatar-raspberry-default-border-color: var(--udex-avatar-raspberry-hover-border-color);--udex-avatar-pink-default-border-color: var(--udex-avatar-pink-hover-border-color);--udex-avatar-indigo-default-border-color: var(--udex-avatar-indigo-hover-border-color);--udex-avatar-teal-default-border-color: var(--udex-avatar-teal-hover-border-color);--udex-avatar-green-default-border-color: var(--udex-avatar-green-hover-border-color);--udex-avatar-grey-default-border-color: var(--udex-avatar-grey-hover-border-color);--udex-avatar-transparent-default-border-color: var(--udex-avatar-transparent-hover-border-color);--udex-avatar-neutral-default-border-color: var(--udex-avatar-neutral-hover-border-color);--udex-avatar-image-default-border-color: var(--udex-avatar-image-hover-border-color)}:host([desktop]) .udex-masthead-item__profile-btn:active ::slotted([udex-avatar]){--udex-avatar-blue-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-blue-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-blue-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-mango-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-mango-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-mango-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-red-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-red-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-red-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-raspberry-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-raspberry-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-raspberry-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-pink-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-pink-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-pink-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-indigo-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-indigo-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-indigo-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-teal-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-teal-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-teal-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-green-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-green-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-green-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-grey-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-grey-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-grey-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-transparent-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-transparent-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-transparent-default-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-neutral-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-neutral-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-neutral-default-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-image-default-border-color: var(--udex-avatar-neutral-active-border-color)}.udex-masthead-item__dropdown-icon{width:var(--udex-masthead-item-arrow-icon-size);height:var(--udex-masthead-item-arrow-icon-size);margin-inline-start:var(--udex-masthead-item-arrow-margin-inline-start)}:host(:hover) .udex-masthead-item,:host(:hover) .udex-masthead-item__image,:host(:hover) .udex-masthead-item__icon,:host(:hover) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-hover)}:host(:active) .udex-masthead-item,:host([selected]) .udex-masthead-item,:host(:active) .udex-masthead-item-icon,:host([selected]) .udex-masthead-item-icon,:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-active)}:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{transform:rotate(180deg)}:host(:active):not([hide-active-border]) .udex-masthead-item:after,:host([selected]:not([hide-active-border])) .udex-masthead-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--udex-masthead-item-border-width);background-color:var(--udex-masthead-item-border-color);border-radius:var(--udex-masthead-item-border-radius)}:host(:active) .udex-masthead-item.udex-masthead-item__button--icon:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--icon:after,:host(:active) .udex-masthead-item.udex-masthead-item__button--profile:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--profile:after{bottom:-14px;left:0;right:0}:host([selected]) .udex-masthead-item__image,:host(:active) .udex-masthead-item__image,:host([selected]) .udex-masthead-item__icon,:host(:active) .udex-masthead-item__icon{color:var(--udex-masthead-item-color-active)}.udex-masthead-item__image,.udex-masthead-item__icon{width:var(--udex-masthead-item-icon-size);height:var(--udex-masthead-item-icon-size);color:var(--udex-masthead-item-color)}.udex-masthead-item__avatar-container{display:flex;align-items:center;justify-content:center;width:auto;height:auto}:host(:dir(rtl)) .udex-masthead-item__button--icon+.udex-masthead-item__dropdown{right:auto;left:var(--udex-masthead-item-dropdown-position-right)}:host(:dir(rtl)) .udex-masthead-item__dropdown{right:var(--udex-masthead-item-dropdown-position-right);left:auto}:host([_has-four-columns-menu]:dir(rtl)) .udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--explore+.udex-masthead-item__dropdown{right:50%;transform:translate(50%)}:host([slot="countrySelector"]) ::slotted([slot="dropdown"]),:host([slot="profile"]) ::slotted([slot="dropdown"]){width:100%;display:flex;flex-direction:column}:host([slot="countrySelector"][_is-mobile-mode]) ::slotted([slot="dropdown"]),:host([slot="profile"][_is-mobile-mode]) ::slotted([slot="dropdown"]){display:initial}:host([_is-mobile-mode]) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}:host([part="menu-open-btn"]:dir(rtl)) .udex-masthead-item__dropdown,:host([_is-mobile-mode]:dir(rtl)) .udex-masthead-item__dropdown{right:auto;left:0}:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-mobile-height);width:var(--udex-masthead-item-dropdown-mobile-min-width);top:60px;right:0;left:auto}:host([_is-mobile-mode]) .udex-masthead-item__dropdown-holder,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown-holder{height:100%;box-shadow:none}:host([_is-mobile-mode]) .udex-masthead-item__dropdown-holder{overflow:auto}:host([_is-mobile-mode]) .udex-masthead-item__dropdown:after,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}:host([_is-mobile-mode]),:host([part="menu-open-btn"]){position:initial}:host([_is-menu-open-btn]) .udex-masthead-item__dropdown-holder{padding:0}.udex-masthead-hidden-text{display:none}.udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-l);box-sizing:border-box;position:relative}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-profile-padding-l)}:host([_is-mobile-mode]) .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-m)}:host([_is-mobile-mode]) ::slotted([slot="dropdown"]){margin-bottom:var(--udexSpacer24)}.udex-masthead-item__badge{position:absolute;right:-4px;top:-5px}@media (max-width: 1599px){:host([slot="exploreSAP"]) .udex-masthead-item__dropdown-holder{max-width:var(--udex-masthead-shell-container-l-max-width, 1456px);padding:var(--udexSpacer32) var(--udexSpacer72);box-sizing:content-box}:host([_has-four-columns-menu]) .udex-masthead-item__dropdown-holder{padding:var(--udexSpacer32) var(--udexSpacer72)}}@media (max-width: 1279px){:host{position:initial}:host([slot="countrySelector"]) ::slotted([slot="dropdown"]),:host([slot="profile"]) ::slotted([slot="dropdown"]){display:initial}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder,:host .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-m)}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown,.udex-masthead-item__dropdown{top:60px;right:0}:host(:dir(rtl)) .udex-masthead-item__button--icon+.udex-masthead-item__dropdown{left:0}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown{right:0}:host(:dir(rtl)) .udex-masthead-item__dropdown{left:0;right:auto}.udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-mobile-height);width:var(--udex-masthead-item-dropdown-mobile-min-width);box-shadow:var(--udex-masthead-item-dropdown-box-shadow-mobile);top:60px}.udex-masthead-item__dropdown-holder{height:100%;overflow:auto}.udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}::slotted([slot="dropdown"]){margin-bottom:var(--udexSpacer24)}}@media (max-width: 979px){:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown,.udex-masthead-item__dropdown{width:100%}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{min-width:auto}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder,:host .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-s)}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown{max-width:100%}}@media (max-width: 639px){.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder,:host .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-xs)}}
8
+ export default `:host{--udex-masthead-item-background: none;--udex-masthead-item-border: none;--udex-masthead-item-padding: 1.35rem 0;--udex-masthead-item-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-masthead-item-line-height: var(--udexTypographyEyebrowLineHeight, 1.1);--udex-masthead-item-color: var(--udexColorGrey9, #223548);--udex-masthead-item-font-family: var(--sapFontFamily);--udex-masthead-item-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-item-border-color: var(--udexColorBlue8, #0057D2);--udex-masthead-item-country-border-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-border-radius: var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;--udex-masthead-item-border-width: .188rem;--udex-masthead-item-align-content: center;--udex-masthead-item-justify-content: center;--udex-masthead-item-display: inline-flex;--udex-masthead-item-icon-size: 1.125rem;--udex-masthead-item-icon-container-size: 2rem;--udex-masthead-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-masthead-item-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-item-dropdown-position-left: -52px;--udex-masthead-item-dropdown-position-right: -52px;--udex-masthead-item-dropdown-min-width: 344px;--udex-masthead-item-dropdown-max-width: 400px;--udex-masthead-item-dropdown-mobile-min-width: 360px;--udex-masthead-item-dropdown-select-box-min-width: 397px;--udex-masthead-item-dropdown-position: absolute;--udex-masthead-item-dropdown-mobile-height: var(--udex-masthead-shell-mobile-menu-height, 100%);--udex-masthead-item-dropdown-box-shadow-mobile: none;--udex-masthead-item-dropdown-zindex: var(--udexZIndex100, 100);--udex-masthead-item-button-icon-size: 32px;--udex-masthead-item-arrow-icon-size: 16px;--udex-masthead-item-arrow-margin-inline-start: var(--udexSpacer4);--udex-masthead-item-profile-padding-l: var(--udexSpacer64) var(--udexSpacer48) 80px var(--udexSpacer48);--udex-masthead-item-padding-l: var(--udexSpacer32) 52px 52px;--udex-masthead-item-padding-m: var(--udexSpacer24) var(--udexSpacer24) 0;--udex-masthead-item-padding-s: var(--udexSpacer24) var(--udexSpacer48) 0 var(--udexSpacer48);--udex-masthead-item-padding-xs: var(--udexSpacer24) var(--udexSpacer24) 0;--udex-masthead-item-dropdown-background: #FFF;display:var(--udex-masthead-item-display);align-items:var(--udex-masthead-item-align-content);justify-content:var(--udex-masthead-item-justify-content);position:relative;font-family:var(--udex-masthead-item-font-family);font-size:var(--udex-masthead-item-font-size);line-height:var(--udex-masthead-item-line-height)}.udex-masthead-item__dropdown{position:absolute;top:100%;left:var(--udex-masthead-item-dropdown-position-left);z-index:var(--udex-masthead-item-dropdown-zindex);box-shadow:var(--udex-masthead-item-dropdown-box-shadow);background:var(--udex-masthead-item-dropdown-background)}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown{top:46px;left:auto;right:var(--udex-masthead-item-dropdown-position-right);min-width:var(--udex-masthead-item-dropdown-min-width);max-width:var(--udex-masthead-item-dropdown-max-width)}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{max-width:inherit}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-select-box-min-width)}.udex-masthead-item__image-wrap{position:relative;display:flex}:host([desktop]) .udex-masthead-item__button--country-selector:hover .udex-masthead-item__image-wrap:after{content:"";position:absolute;inset:0;border:1px solid var(--udex-masthead-item-country-border-color-hover);border-radius:50%;box-sizing:border-box}.udex-masthead-item__button--explore+.udex-masthead-item__dropdown{top:60px;left:50%;transform:translate(-50%);box-sizing:border-box;width:100cqw}.udex-masthead-item__button--explore+.udex-masthead-item__dropdown-holder{padding:0}:host([_has-four-columns-menu]),:host([slot="exploreSAP"]){position:inherit}:host([_has-four-columns-menu]) .udex-masthead-item__dropdown{inset-inline-start:0;box-sizing:border-box;inline-size:100%}:host([_has-four-columns-menu]) .udex-masthead-item__dropdown-holder{padding:var(--udexSpacer32) var(--udexSpacer84)}:host([_has-four-columns-menu]) ::slotted([slot="dropdown"]),:host([slot="exploreSAP"]) ::slotted([slot="dropdown"]){--udex-masthead-menu-column-width: auto;--udex-masthead-menu-grid-template-columns: repeat(4, calc(25% - var(--udex-masthead-menu-column_gap)*3/4))}:host([slot="exploreSAP"]) .udex-masthead-item__dropdown-holder{padding:var(--udexSpacer32) 0;max-width:var(--udex-masthead-shell-container-xl-max-width, 1432px);margin:0 auto}.udex-masthead-item{font-size:inherit;line-height:inherit;font-family:inherit;color:var(--udex-masthead-item-color);background:var(--udex-masthead-item-background);border:var(--udex-masthead-item-border);padding:var(--udex-masthead-item-padding);cursor:pointer;text-decoration:none;white-space:nowrap;position:relative}.udex-masthead-item__button--icon{display:flex;align-items:center;justify-content:center;width:var(--udex-masthead-item-button-icon-size);height:var(--udex-masthead-item-button-icon-size)}.udex-masthead-item.udex-masthead-item__button--profile,.udex-masthead-item.udex-masthead-item__button--icon{padding:0}.udex-masthead-item:focus{outline:none}.udex-masthead-item__text{display:flex;align-items:center}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__text,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,.udex-masthead-item:focus-visible .udex-masthead-item__image,.udex-masthead-item:focus-visible .udex-masthead-item__text,.udex-masthead-item:focus-visible .udex-masthead-item__icon{outline:var(--udexRadiusXXS) solid var(--udex-masthead-item-outline-border-color);outline-offset:2px;border-radius:var(--udexRadiusXXS)}:host([desktop]) .udex-masthead-item__profile-btn:focus .udex-masthead-item__text,.udex-masthead-item__profile-btn:focus-visible .udex-masthead-item__text{border-radius:50%}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,.udex-masthead-item:focus .udex-masthead-item__image,.udex-masthead-item:focus .udex-masthead-item__icon{outline-offset:6px}.udex-masthead-item.udex-masthead-item__button--profile:focus .udex-masthead-item__text{border-radius:50%}:host([desktop]) .udex-masthead-item__profile-btn:hover ::slotted([udex-avatar]){--udex-avatar-blue-default-border-color: var(--udex-avatar-blue-hover-border-color);--udex-avatar-mango-default-border-color: var(--udex-avatar-mango-hover-border-color);--udex-avatar-red-default-border-color: var(--udex-avatar-red-hover-border-color);--udex-avatar-raspberry-default-border-color: var(--udex-avatar-raspberry-hover-border-color);--udex-avatar-pink-default-border-color: var(--udex-avatar-pink-hover-border-color);--udex-avatar-indigo-default-border-color: var(--udex-avatar-indigo-hover-border-color);--udex-avatar-teal-default-border-color: var(--udex-avatar-teal-hover-border-color);--udex-avatar-green-default-border-color: var(--udex-avatar-green-hover-border-color);--udex-avatar-grey-default-border-color: var(--udex-avatar-grey-hover-border-color);--udex-avatar-transparent-default-border-color: var(--udex-avatar-transparent-hover-border-color);--udex-avatar-neutral-default-border-color: var(--udex-avatar-neutral-hover-border-color);--udex-avatar-image-default-border-color: var(--udex-avatar-image-hover-border-color)}:host([desktop]) .udex-masthead-item__profile-btn:active ::slotted([udex-avatar]){--udex-avatar-blue-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-blue-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-blue-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-mango-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-mango-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-mango-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-red-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-red-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-red-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-raspberry-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-raspberry-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-raspberry-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-pink-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-pink-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-pink-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-indigo-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-indigo-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-indigo-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-teal-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-teal-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-teal-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-green-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-green-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-green-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-grey-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-grey-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-grey-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-transparent-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-transparent-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-transparent-default-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-neutral-default-border-color: var(--udex-avatar-neutral-active-border-color);--udex-avatar-neutral-default-background-color: var(--udex-avatar-neutral-active-background-color);--udex-avatar-neutral-default-icon-color: var(--udex-avatar-neutral-active-icon-color);--udex-avatar-image-default-border-color: var(--udex-avatar-neutral-active-border-color)}.udex-masthead-item__dropdown-icon{width:var(--udex-masthead-item-arrow-icon-size);height:var(--udex-masthead-item-arrow-icon-size);margin-inline-start:var(--udex-masthead-item-arrow-margin-inline-start)}:host(:hover) .udex-masthead-item,:host(:hover) .udex-masthead-item__image,:host(:hover) .udex-masthead-item__icon,:host(:hover) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-hover)}:host(:active) .udex-masthead-item,:host([selected]) .udex-masthead-item,:host(:active) .udex-masthead-item-icon,:host([selected]) .udex-masthead-item-icon,:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-active)}:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{transform:rotate(180deg)}:host(:active):not([hide-active-border]) .udex-masthead-item:after,:host([selected]:not([hide-active-border])) .udex-masthead-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--udex-masthead-item-border-width);background-color:var(--udex-masthead-item-border-color);border-radius:var(--udex-masthead-item-border-radius)}:host(:active) .udex-masthead-item.udex-masthead-item__button--icon:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--icon:after,:host(:active) .udex-masthead-item.udex-masthead-item__button--profile:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--profile:after{bottom:-14px;left:0;right:0}:host([selected]) .udex-masthead-item__image,:host(:active) .udex-masthead-item__image,:host([selected]) .udex-masthead-item__icon,:host(:active) .udex-masthead-item__icon{color:var(--udex-masthead-item-color-active)}.udex-masthead-item__image,.udex-masthead-item__icon{width:var(--udex-masthead-item-icon-size);height:var(--udex-masthead-item-icon-size);color:var(--udex-masthead-item-color)}.udex-masthead-item__avatar-container{display:flex;align-items:center;justify-content:center;width:auto;height:auto}:host(:dir(rtl)) .udex-masthead-item__button--icon+.udex-masthead-item__dropdown{right:auto;left:var(--udex-masthead-item-dropdown-position-right)}:host(:dir(rtl)) .udex-masthead-item__dropdown{right:var(--udex-masthead-item-dropdown-position-right);left:auto}:host([_has-four-columns-menu]:dir(rtl)) .udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--explore+.udex-masthead-item__dropdown{right:50%;transform:translate(50%)}:host([slot="countrySelector"]) ::slotted([slot="dropdown"]),:host([slot="profile"]) ::slotted([slot="dropdown"]){width:100%;display:flex;flex-direction:column}:host([slot="countrySelector"][_is-mobile-mode]) ::slotted([slot="dropdown"]),:host([slot="profile"][_is-mobile-mode]) ::slotted([slot="dropdown"]){display:initial}:host([_is-mobile-mode]) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}:host([part="menu-open-btn"]:dir(rtl)) .udex-masthead-item__dropdown,:host([_is-mobile-mode]:dir(rtl)) .udex-masthead-item__dropdown{right:auto;left:0}:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-mobile-height);width:var(--udex-masthead-item-dropdown-mobile-min-width);top:60px;right:0;left:auto}:host([_is-mobile-mode]) .udex-masthead-item__dropdown-holder,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown-holder{height:100%;box-shadow:none}:host([_is-mobile-mode]) .udex-masthead-item__dropdown-holder{overflow:auto}:host([_is-mobile-mode]) .udex-masthead-item__dropdown:after,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}:host([_is-mobile-mode]),:host([part="menu-open-btn"]){position:initial}:host([_is-menu-open-btn]) .udex-masthead-item__dropdown-holder{padding:0}.udex-masthead-hidden-text{display:none}.udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-l);box-sizing:border-box;position:relative}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-profile-padding-l)}:host([_is-mobile-mode]) .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-m)}:host([_is-mobile-mode]) ::slotted([slot="dropdown"]){margin-bottom:var(--udexSpacer24)}.udex-masthead-item__badge{position:absolute;right:-4px;top:-5px}@media (max-width: 1599px){:host([slot="exploreSAP"]) .udex-masthead-item__dropdown-holder{max-width:var(--udex-masthead-shell-container-l-max-width, 1456px);padding:var(--udexSpacer32) var(--udexSpacer72);box-sizing:content-box}:host([_has-four-columns-menu]) .udex-masthead-item__dropdown-holder{padding:var(--udexSpacer32) var(--udexSpacer72)}}@media (max-width: 1279px){:host{position:initial}:host([slot="countrySelector"]) ::slotted([slot="dropdown"]),:host([slot="profile"]) ::slotted([slot="dropdown"]){display:initial}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder,:host .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-m)}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown,.udex-masthead-item__dropdown{top:60px;right:0}:host(:dir(rtl)) .udex-masthead-item__button--icon+.udex-masthead-item__dropdown{left:0}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown{right:0}:host(:dir(rtl)) .udex-masthead-item__dropdown{left:0;right:auto}.udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-mobile-height);width:var(--udex-masthead-item-dropdown-mobile-min-width);box-shadow:var(--udex-masthead-item-dropdown-box-shadow-mobile);top:60px}.udex-masthead-item__dropdown-holder{height:100%;overflow:auto}.udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}::slotted([slot="dropdown"]){margin-bottom:var(--udexSpacer24)}}@media (max-width: 979px){:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown,.udex-masthead-item__dropdown{width:100%}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{min-width:auto}.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder,:host .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-s)}.udex-masthead-item__button--icon+.udex-masthead-item__dropdown{max-width:100%}}@media (max-width: 639px){.udex-masthead-item__button--profile+.udex-masthead-item__dropdown .udex-masthead-item__dropdown-holder,:host .udex-masthead-item__dropdown-holder{padding:var(--udex-masthead-item-padding-xs)}}
9
9
  `
package/src/generated/themes/MastheadProfileMenu.css.ts CHANGED
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
6
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
7
  registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
8
- export default `:host{--udex-masthead-profile-menu-color: var(--udexColorNeutralBlack, #000);--udex-masthead-profile-menu-login-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-username-color: inherit;--udex-masthead-profile-account-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-email-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-header-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-identities-list-height: 430px}[udex-masthead-menu]{--udex-masthead-menu-padding-desktop: 0;--udex-masthead-menu-padding-mobile: 0;--udex-masthead-menu-row-margin: 0;--udex-masthead-menu-header-border-color: var(--udex-masthead-profile-menu-header-border-color)}[udex-masthead-menu]::part(column){max-width:initial}.udex-masthead-profile-menu{color:var(--udex-masthead-profile-menu-color);font-family:var(--sapFontFamily);display:inline-flex;flex-direction:column;align-items:stretch;box-sizing:border-box}.udex-masthead-profile-menu__message,.udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer48)}.udex-masthead-profile-menu__header{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer24)}.udex-masthead-profile-menu__header>div{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer4)}.udex-profile-menu__account-name{color:var(--udex-masthead-profile-menu-username-color);font-size:20px;font-weight:500;line-height:22px;margin:0}.udex-profile-menu__account-email{color:var(--udex-masthead-profile-account-color);font-size:14px;line-height:21px;margin:0}.udex-masthead-profile-menu__message{width:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu{box-sizing:border-box;width:100%;height:100%}.udex-masthead-profile-menu__identities-list-wrap{overflow:auto;height:100%;position:relative}.udex-masthead-profile-menu__btn-back{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralBlack, #000);--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}.udex-masthead-profile-menu__btn-back::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium);justify-content:flex-start}.udex-masthead-profile-menu__btn-back::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}.udex-masthead-profile-menu__switcher-title{font-size:var(--udexTypographyHeadingBoldXXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);text-align:center;padding:5px}.udex-masthead-profile-menu__identities-list-title{padding:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer12) var(--udexSpacer8);font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);border-bottom:1px solid var(--udex-masthead-profile-menu-login-border-color);margin-bottom:var(--udexSpacer4);margin-top:var(--udexSpacer32);display:block}.udex-masthead-profile-menu__add-remove-btn{margin-inline-end:auto;margin-top:var(--udexSpacer32);display:block;min-height:42px}.udex-masthead-profile-menu__header-wrap{display:flex;flex-direction:column}:host([_is-mobile-mode]) .udex-masthead-profile-menu__identities-list{max-height:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu.udex-masthead-profile-menu_switcher,.udex-masthead-profile-menu.udex-masthead-profile-menu_switcher{gap:0}.udex-masthead-profile-menu__identities-list{max-height:var(--udex-masthead-profile-menu-identities-list-height);overflow:auto;display:block}.udex-masthead-profile-menu__content{position:relative;overflow:auto}:host([_is-mobile-mode]) .udex-masthead-profile-menu__add-remove-btn{margin-top:0}.udex-masthead-profile-menu__links{height:100%;overflow:auto;max-height:100%}.udex-masthead-profile-menu__content{position:relative}:host([_is-mobile-mode]) .udex-masthead-profile-menu__links_scrollable:before,.udex-masthead-profile-menu__identities-list_scrollable:before{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFFFFF 100%)}:host([desktop][_is-mobile-mode]) .udex-masthead-profile-menu__links_scrollable:before,:host([desktop]) .udex-masthead-profile-menu__identities-list_scrollable:before{right:15px}:host([desktop][_is-mobile-mode]:dir(rtl)) .udex-masthead-profile-menu__links_scrollable:before,:host([desktop]:dir(rtl)) .udex-masthead-profile-menu__identities-list_scrollable:before{right:0;left:15px}:host([_is-mobile-mode]) .udex-masthead-profile-menu__switcher-title{display:none}.udex-masthead-profile-menu__identities-list-item::part(supporting){word-break:break-all}:host([_is-mobile-mode]) .udex-masthead-profile-menu__actions [udex-link]{padding:var(--udexSpacer16) var(--udexSpacer8);margin:0;display:block}.udex-masthead-profile-menu__actions [udex-link]{font-family:var(--udex-masthead-menu-item-font-family, sans-serif);font-size:var(--udex-masthead-menu-item-font-size, 14px);line-height:var(--udex-masthead-menu-item-line-height, 1.1);font-weight:var(--udex-masthead-menu-item-font-weight, 500);margin:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) var(--udexSpacer8);color:var(--sapList_TextColor, #000);--udex-link-icon-width: 14px;--udex-link-icon-height: 14px}.udex-masthead-profile-menu__btn{padding-top:var(--udexSpacer32)}@media (max-width: 1279px){.udex-masthead-profile-menu__actions [udex-link]{padding:var(--udexSpacer16) var(--udexSpacer8);margin:0;display:block}.udex-masthead-profile-menu__btn-back::part(menu-item-button){justify-content:space-between}.udex-masthead-profile-menu__btn-back::part(menu-item-button):after{content:""}.udex-masthead-profile-menu__switcher-title{display:none}.udex-masthead-profile-menu{box-sizing:border-box;width:100%;min-height:100%}.udex-masthead-profile-menu__identities-list-wrap,.udex-masthead-profile-menu__add-remove-btn,.udex-masthead-profile-menu__btn,.udex-masthead-profile-menu__content,:host([_is-mobile-mode]) .udex-masthead-profile-menu__message,:host([_is-mobile-mode]) .udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer32)}.udex-masthead-profile-menu__actions{border-top:0;margin-top:auto}udex-masthead-menu-item::part(menu-item){justify-content:center}.udex-masthead-profile-menu__btn{padding-top:0}}@media (max-height: 550px){.udex-masthead-profile-menu__identities-list-wrap,.udex-masthead-profile-menu__content{min-height:100px}}
8
+ export default `:host{--udex-masthead-profile-menu-color: var(--udexColorNeutralBlack, #000);--udex-masthead-profile-menu-login-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-username-color: inherit;--udex-masthead-profile-account-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-email-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-header-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-identities-list-height: 430px}[udex-masthead-menu]{--udex-masthead-menu-padding-desktop: 0;--udex-masthead-menu-padding-mobile: 0;--udex-masthead-menu-row-margin: 0;--udex-masthead-menu-header-border-color: var(--udex-masthead-profile-menu-header-border-color)}[udex-masthead-menu]::part(column){max-width:initial}.udex-masthead-profile-menu{color:var(--udex-masthead-profile-menu-color);font-family:var(--sapFontFamily);display:inline-flex;flex-direction:column;align-items:stretch;box-sizing:border-box}.udex-masthead-profile-menu__message,.udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer48)}.udex-masthead-profile-menu__header{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer24)}.udex-masthead-profile-menu__header>div{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer4)}.udex-profile-menu__account-name{color:var(--udex-masthead-profile-menu-username-color);font-size:20px;font-weight:500;line-height:22px;margin:0}.udex-profile-menu__account-email{color:var(--udex-masthead-profile-account-color);font-size:14px;line-height:21px;margin:0}.udex-masthead-profile-menu__message{width:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu{box-sizing:border-box;width:100%;height:100%}.udex-masthead-profile-menu__identities-list-wrap{overflow:auto;height:100%;position:relative}.udex-masthead-profile-menu__btn-back{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralBlack, #000);--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}.udex-masthead-profile-menu__btn-back::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium);justify-content:flex-start}.udex-masthead-profile-menu__btn-back::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}.udex-masthead-profile-menu__switcher-title{font-size:var(--udexTypographyHeadingBoldXXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);text-align:center;padding:5px}.udex-masthead-profile-menu__identities-list-title{padding:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer12) var(--udexSpacer8);font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);border-bottom:1px solid var(--udex-masthead-profile-menu-login-border-color);margin-bottom:var(--udexSpacer4);margin-top:var(--udexSpacer32);display:block}.udex-masthead-profile-menu__add-remove-btn{margin-inline-end:auto;margin-top:var(--udexSpacer32);display:block;min-height:42px}.udex-masthead-profile-menu__header-wrap{display:flex;flex-direction:column}:host([_is-mobile-mode]) .udex-masthead-profile-menu__identities-list{max-height:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu.udex-masthead-profile-menu_switcher,.udex-masthead-profile-menu.udex-masthead-profile-menu_switcher{gap:0}.udex-masthead-profile-menu__identities-list{max-height:var(--udex-masthead-profile-menu-identities-list-height);overflow:auto;display:block}.udex-masthead-profile-menu__content{position:relative;overflow:auto}:host([_is-mobile-mode]) .udex-masthead-profile-menu__add-remove-btn{margin-top:0}.udex-masthead-profile-menu__links{height:100%;overflow:auto;max-height:100%}.udex-masthead-profile-menu__content{position:relative}:host([_is-mobile-mode]) .udex-masthead-profile-menu__links_scrollable:before,.udex-masthead-profile-menu__identities-list_scrollable:before{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;z-index:var(--udexZIndex1, 1);background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFFFFF 100%)}:host([desktop][_is-mobile-mode]) .udex-masthead-profile-menu__links_scrollable:before,:host([desktop]) .udex-masthead-profile-menu__identities-list_scrollable:before{right:15px}:host([desktop][_is-mobile-mode]:dir(rtl)) .udex-masthead-profile-menu__links_scrollable:before,:host([desktop]:dir(rtl)) .udex-masthead-profile-menu__identities-list_scrollable:before{right:0;left:15px}:host([_is-mobile-mode]) .udex-masthead-profile-menu__switcher-title{display:none}.udex-masthead-profile-menu__identities-list-item::part(supporting){word-break:break-all}:host([_is-mobile-mode]) .udex-masthead-profile-menu__actions [udex-link]{padding:var(--udexSpacer16) var(--udexSpacer8);margin:0;display:block}.udex-masthead-profile-menu__actions [udex-link]{font-family:var(--udex-masthead-menu-item-font-family, sans-serif);font-size:var(--udex-masthead-menu-item-font-size, 14px);line-height:var(--udex-masthead-menu-item-line-height, 1.1);font-weight:var(--udex-masthead-menu-item-font-weight, 500);margin:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) var(--udexSpacer8);color:var(--sapList_TextColor, #000);--udex-link-icon-width: 14px;--udex-link-icon-height: 14px}.udex-masthead-profile-menu__btn{padding-top:var(--udexSpacer32)}@media (max-width: 1279px){.udex-masthead-profile-menu__actions [udex-link]{padding:var(--udexSpacer16) var(--udexSpacer8);margin:0;display:block}.udex-masthead-profile-menu__btn-back::part(menu-item-button){justify-content:space-between}.udex-masthead-profile-menu__btn-back::part(menu-item-button):after{content:""}.udex-masthead-profile-menu__switcher-title{display:none}.udex-masthead-profile-menu{box-sizing:border-box;width:100%;min-height:100%}.udex-masthead-profile-menu__identities-list-wrap,.udex-masthead-profile-menu__add-remove-btn,.udex-masthead-profile-menu__btn,.udex-masthead-profile-menu__content,:host([_is-mobile-mode]) .udex-masthead-profile-menu__message,:host([_is-mobile-mode]) .udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer32)}.udex-masthead-profile-menu__actions{border-top:0;margin-top:auto}udex-masthead-menu-item::part(menu-item){justify-content:center}.udex-masthead-profile-menu__btn{padding-top:0}}@media (max-height: 550px){.udex-masthead-profile-menu__identities-list-wrap,.udex-masthead-profile-menu__content{min-height:100px}}
9
9
  `