@sapudex/web-components 2.54.0 → 2.56.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 (415) hide show
  1. package/cypress/specs/Breadcrumbs.cy.tsx +3 -1
  2. package/cypress/specs/FilterMenu.cy.tsx +34 -2
  3. package/cypress/specs/Footer.cy.tsx +59 -0
  4. package/cypress/specs/HeroBanner.cy.tsx +35 -1
  5. package/cypress/specs/List.cy.tsx +63 -1
  6. package/cypress/specs/ListItem.cy.tsx +44 -0
  7. package/cypress/specs/MastheadShell.cy.tsx +39 -0
  8. package/cypress/specs/MediaPlayer.cy.tsx +58 -0
  9. package/cypress/specs/PhoneNumberField.cy.tsx +29 -1
  10. package/cypress/specs/SecondaryNavigationDesktop.cy.tsx +2 -2
  11. package/cypress/specs/SelectBox.cy.tsx +173 -0
  12. package/dist/BreadcrumbsTemplate.js +1 -1
  13. package/dist/BreadcrumbsTemplate.js.map +1 -1
  14. package/dist/CountrySelectorTemplate.js +1 -1
  15. package/dist/CountrySelectorTemplate.js.map +1 -1
  16. package/dist/FilterMenu.d.ts +1 -1
  17. package/dist/FilterMenu.js +11 -7
  18. package/dist/FilterMenu.js.map +1 -1
  19. package/dist/Footer.d.ts +20 -1
  20. package/dist/Footer.js +40 -3
  21. package/dist/Footer.js.map +1 -1
  22. package/dist/FooterTemplate.js +7 -2
  23. package/dist/FooterTemplate.js.map +1 -1
  24. package/dist/HeroBanner.d.ts +12 -0
  25. package/dist/HeroBanner.js +54 -0
  26. package/dist/HeroBanner.js.map +1 -1
  27. package/dist/List.d.ts +5 -0
  28. package/dist/List.js +13 -6
  29. package/dist/List.js.map +1 -1
  30. package/dist/ListGroupHeader.js +12 -5
  31. package/dist/ListGroupHeader.js.map +1 -1
  32. package/dist/ListGroupHeaderBase.d.ts +1 -1
  33. package/dist/ListGroupHeaderBase.js +2 -2
  34. package/dist/ListGroupHeaderBase.js.map +1 -1
  35. package/dist/ListGroupHeaderTemplate.d.ts +2 -0
  36. package/dist/ListGroupHeaderTemplate.js +33 -0
  37. package/dist/ListGroupHeaderTemplate.js.map +1 -0
  38. package/dist/ListItem.d.ts +1 -1
  39. package/dist/ListItem.js +9 -4
  40. package/dist/ListItem.js.map +1 -1
  41. package/dist/ListItemBase.d.ts +1 -0
  42. package/dist/ListItemBase.js +8 -4
  43. package/dist/ListItemBase.js.map +1 -1
  44. package/dist/ListItemTemplate.d.ts +2 -0
  45. package/dist/ListItemTemplate.js +18 -0
  46. package/dist/ListItemTemplate.js.map +1 -0
  47. package/dist/ListSelectAll.js +4 -5
  48. package/dist/ListSelectAll.js.map +1 -1
  49. package/dist/ListSelectAllTemplate.d.ts +2 -0
  50. package/dist/ListSelectAllTemplate.js +6 -0
  51. package/dist/ListSelectAllTemplate.js.map +1 -0
  52. package/dist/ListTemplate.d.ts +2 -0
  53. package/dist/ListTemplate.js +11 -0
  54. package/dist/ListTemplate.js.map +1 -0
  55. package/dist/MastheadShell.d.ts +7 -0
  56. package/dist/MastheadShell.js +38 -0
  57. package/dist/MastheadShell.js.map +1 -1
  58. package/dist/MediaPlayer.js +6 -0
  59. package/dist/MediaPlayer.js.map +1 -1
  60. package/dist/PhoneNumberField.d.ts +3 -3
  61. package/dist/PhoneNumberField.js +18 -21
  62. package/dist/PhoneNumberField.js.map +1 -1
  63. package/dist/PhoneNumberFieldTemplate.d.ts +2 -0
  64. package/dist/PhoneNumberFieldTemplate.js +12 -0
  65. package/dist/PhoneNumberFieldTemplate.js.map +1 -0
  66. package/dist/Search.d.ts +2 -0
  67. package/dist/Search.js +21 -0
  68. package/dist/Search.js.map +1 -1
  69. package/dist/SearchableListBase.d.ts +4 -0
  70. package/dist/SearchableListBase.js +66 -6
  71. package/dist/SearchableListBase.js.map +1 -1
  72. package/dist/SearchableListBaseTemplate.js +1 -1
  73. package/dist/SearchableListBaseTemplate.js.map +1 -1
  74. package/dist/SelectBase.js +14 -22
  75. package/dist/SelectBase.js.map +1 -1
  76. package/dist/SelectBox.js +31 -0
  77. package/dist/SelectBox.js.map +1 -1
  78. package/dist/SelectBoxTemplate.js +3 -2
  79. package/dist/SelectBoxTemplate.js.map +1 -1
  80. package/dist/StatusMessage.d.ts +2 -2
  81. package/dist/StatusMessage.js +1 -1
  82. package/dist/StatusMessage.js.map +1 -1
  83. package/dist/TextAreaTemplate.js +1 -1
  84. package/dist/TextAreaTemplate.js.map +1 -1
  85. package/dist/TextFieldTemplate.js +1 -1
  86. package/dist/TextFieldTemplate.js.map +1 -1
  87. package/dist/Upload.js +6 -9
  88. package/dist/Upload.js.map +1 -1
  89. package/dist/UploadItem.d.ts +2 -2
  90. package/dist/UploadItem.js +6 -9
  91. package/dist/UploadItem.js.map +1 -1
  92. package/dist/UploadItemTemplate.d.ts +2 -0
  93. package/dist/UploadItemTemplate.js +14 -0
  94. package/dist/UploadItemTemplate.js.map +1 -0
  95. package/dist/UploadTemplate.d.ts +2 -0
  96. package/dist/UploadTemplate.js +11 -0
  97. package/dist/UploadTemplate.js.map +1 -0
  98. package/dist/assets/{InputSuggestions-CqOrRXxa.js → InputSuggestions-ChhTxYh4.js} +1 -1
  99. package/dist/assets/{ListItemStandardExpandableTextTemplate-DKUm4L2B.js → ListItemStandardExpandableTextTemplate-Bh1HxZfH.js} +1 -1
  100. package/dist/assets/{bundle-C7Yft7IG.css → bundle-CdO3MnjQ.css} +1 -1
  101. package/dist/assets/{bundle.esm-CI60uvdr.js → bundle.esm-DCX_ohoZ.js} +277 -265
  102. package/dist/assets/messagebundle_en-B0P3kkb6.js +1 -0
  103. package/dist/assets/messagebundle_it-BML2SC0W.js +1 -0
  104. package/dist/assets/messagebundle_ja-zyFfZHcj.js +1 -0
  105. package/dist/assets/messagebundle_ko-BCPaSqNp.js +1 -0
  106. package/dist/assets/messagebundle_lt-DB4b6FVx.js +1 -0
  107. package/dist/assets/messagebundle_lv-tAOia5tU.js +1 -0
  108. package/dist/assets/messagebundle_uk-CCv57GhV.js +1 -0
  109. package/dist/css/themes/AccordionItem.css +1 -1
  110. package/dist/css/themes/AccordionSpotlight.css +1 -1
  111. package/dist/css/themes/Avatar.css +1 -1
  112. package/dist/css/themes/Breadcrumbs.css +1 -1
  113. package/dist/css/themes/BreadcrumbsPopover.css +1 -1
  114. package/dist/css/themes/CountrySelector.css +1 -1
  115. package/dist/css/themes/EventRibbon.css +1 -1
  116. package/dist/css/themes/FilterMenu.css +1 -1
  117. package/dist/css/themes/Footer.css +1 -1
  118. package/dist/css/themes/HeroBanner.css +1 -1
  119. package/dist/css/themes/ImageGridTicker.css +1 -1
  120. package/dist/css/themes/Link.css +1 -1
  121. package/dist/css/themes/ListGroupHeader.css +1 -1
  122. package/dist/css/themes/ListItem.css +1 -1
  123. package/dist/css/themes/MastheadCountrySelector.css +1 -1
  124. package/dist/css/themes/MastheadItem.css +1 -1
  125. package/dist/css/themes/MastheadProfileMenu.css +1 -1
  126. package/dist/css/themes/MastheadShell.css +1 -1
  127. package/dist/css/themes/MediaPlayer.css +1 -1
  128. package/dist/css/themes/Modal.css +1 -1
  129. package/dist/css/themes/PhoneNumberField.css +1 -1
  130. package/dist/css/themes/Search.css +1 -1
  131. package/dist/css/themes/SecondaryNavigationItem.css +1 -1
  132. package/dist/css/themes/SelectBase.css +1 -1
  133. package/dist/css/themes/StepInput.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/Wizard.css +1 -1
  141. package/dist/custom-elements-internal.json +1191 -82
  142. package/dist/custom-elements.json +818 -127
  143. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  144. package/dist/generated/assets/i18n/messagebundle_it.json +1 -1
  145. package/dist/generated/assets/i18n/messagebundle_ja.json +1 -1
  146. package/dist/generated/assets/i18n/messagebundle_ko.json +1 -1
  147. package/dist/generated/assets/i18n/messagebundle_lt.json +1 -1
  148. package/dist/generated/assets/i18n/messagebundle_lv.json +1 -1
  149. package/dist/generated/assets/i18n/messagebundle_uk.json +1 -1
  150. package/dist/generated/i18n/i18n-defaults.d.ts +2 -1
  151. package/dist/generated/i18n/i18n-defaults.js +2 -1
  152. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  153. package/dist/generated/themes/AccordionItem.css.d.ts +1 -1
  154. package/dist/generated/themes/AccordionItem.css.js +1 -1
  155. package/dist/generated/themes/AccordionItem.css.js.map +1 -1
  156. package/dist/generated/themes/AccordionSpotlight.css.d.ts +1 -1
  157. package/dist/generated/themes/AccordionSpotlight.css.js +1 -1
  158. package/dist/generated/themes/AccordionSpotlight.css.js.map +1 -1
  159. package/dist/generated/themes/Avatar.css.d.ts +1 -1
  160. package/dist/generated/themes/Avatar.css.js +1 -1
  161. package/dist/generated/themes/Avatar.css.js.map +1 -1
  162. package/dist/generated/themes/Breadcrumbs.css.d.ts +1 -1
  163. package/dist/generated/themes/Breadcrumbs.css.js +1 -1
  164. package/dist/generated/themes/Breadcrumbs.css.js.map +1 -1
  165. package/dist/generated/themes/BreadcrumbsPopover.css.d.ts +1 -1
  166. package/dist/generated/themes/BreadcrumbsPopover.css.js +1 -1
  167. package/dist/generated/themes/BreadcrumbsPopover.css.js.map +1 -1
  168. package/dist/generated/themes/CountrySelector.css.d.ts +1 -1
  169. package/dist/generated/themes/CountrySelector.css.js +1 -1
  170. package/dist/generated/themes/CountrySelector.css.js.map +1 -1
  171. package/dist/generated/themes/EventRibbon.css.d.ts +1 -1
  172. package/dist/generated/themes/EventRibbon.css.js +1 -1
  173. package/dist/generated/themes/EventRibbon.css.js.map +1 -1
  174. package/dist/generated/themes/FilterMenu.css.d.ts +1 -1
  175. package/dist/generated/themes/FilterMenu.css.js +1 -1
  176. package/dist/generated/themes/FilterMenu.css.js.map +1 -1
  177. package/dist/generated/themes/Footer.css.d.ts +1 -1
  178. package/dist/generated/themes/Footer.css.js +1 -1
  179. package/dist/generated/themes/Footer.css.js.map +1 -1
  180. package/dist/generated/themes/HeroBanner.css.d.ts +1 -1
  181. package/dist/generated/themes/HeroBanner.css.js +1 -1
  182. package/dist/generated/themes/HeroBanner.css.js.map +1 -1
  183. package/dist/generated/themes/ImageGridTicker.css.d.ts +1 -1
  184. package/dist/generated/themes/ImageGridTicker.css.js +1 -1
  185. package/dist/generated/themes/ImageGridTicker.css.js.map +1 -1
  186. package/dist/generated/themes/Link.css.d.ts +1 -1
  187. package/dist/generated/themes/Link.css.js +1 -1
  188. package/dist/generated/themes/Link.css.js.map +1 -1
  189. package/dist/generated/themes/ListGroupHeader.css.d.ts +1 -1
  190. package/dist/generated/themes/ListGroupHeader.css.js +1 -1
  191. package/dist/generated/themes/ListGroupHeader.css.js.map +1 -1
  192. package/dist/generated/themes/ListItem.css.d.ts +1 -1
  193. package/dist/generated/themes/ListItem.css.js +1 -1
  194. package/dist/generated/themes/ListItem.css.js.map +1 -1
  195. package/dist/generated/themes/MastheadCountrySelector.css.d.ts +1 -1
  196. package/dist/generated/themes/MastheadCountrySelector.css.js +1 -1
  197. package/dist/generated/themes/MastheadCountrySelector.css.js.map +1 -1
  198. package/dist/generated/themes/MastheadItem.css.d.ts +1 -1
  199. package/dist/generated/themes/MastheadItem.css.js +1 -1
  200. package/dist/generated/themes/MastheadItem.css.js.map +1 -1
  201. package/dist/generated/themes/MastheadProfileMenu.css.d.ts +1 -1
  202. package/dist/generated/themes/MastheadProfileMenu.css.js +1 -1
  203. package/dist/generated/themes/MastheadProfileMenu.css.js.map +1 -1
  204. package/dist/generated/themes/MastheadShell.css.d.ts +1 -1
  205. package/dist/generated/themes/MastheadShell.css.js +1 -1
  206. package/dist/generated/themes/MastheadShell.css.js.map +1 -1
  207. package/dist/generated/themes/MediaPlayer.css.d.ts +1 -1
  208. package/dist/generated/themes/MediaPlayer.css.js +1 -1
  209. package/dist/generated/themes/MediaPlayer.css.js.map +1 -1
  210. package/dist/generated/themes/Modal.css.d.ts +1 -1
  211. package/dist/generated/themes/Modal.css.js +1 -1
  212. package/dist/generated/themes/Modal.css.js.map +1 -1
  213. package/dist/generated/themes/PhoneNumberField.css.d.ts +1 -1
  214. package/dist/generated/themes/PhoneNumberField.css.js +1 -1
  215. package/dist/generated/themes/PhoneNumberField.css.js.map +1 -1
  216. package/dist/generated/themes/Search.css.d.ts +1 -1
  217. package/dist/generated/themes/Search.css.js +1 -1
  218. package/dist/generated/themes/Search.css.js.map +1 -1
  219. package/dist/generated/themes/SecondaryNavigationItem.css.d.ts +1 -1
  220. package/dist/generated/themes/SecondaryNavigationItem.css.js +1 -1
  221. package/dist/generated/themes/SecondaryNavigationItem.css.js.map +1 -1
  222. package/dist/generated/themes/SelectBase.css.d.ts +1 -1
  223. package/dist/generated/themes/SelectBase.css.js +1 -1
  224. package/dist/generated/themes/SelectBase.css.js.map +1 -1
  225. package/dist/generated/themes/StepInput.css.d.ts +1 -1
  226. package/dist/generated/themes/StepInput.css.js +1 -1
  227. package/dist/generated/themes/StepInput.css.js.map +1 -1
  228. package/dist/generated/themes/TabInOverflow.css.d.ts +1 -1
  229. package/dist/generated/themes/TabInOverflow.css.js +1 -1
  230. package/dist/generated/themes/TabInOverflow.css.js.map +1 -1
  231. package/dist/generated/themes/TabNavigation.css.d.ts +1 -1
  232. package/dist/generated/themes/TabNavigation.css.js +1 -1
  233. package/dist/generated/themes/TabNavigation.css.js.map +1 -1
  234. package/dist/generated/themes/TableCellBase.css.d.ts +1 -1
  235. package/dist/generated/themes/TableCellBase.css.js +1 -1
  236. package/dist/generated/themes/TableCellBase.css.js.map +1 -1
  237. package/dist/generated/themes/TagGroup.css.d.ts +1 -1
  238. package/dist/generated/themes/TagGroup.css.js +1 -1
  239. package/dist/generated/themes/TagGroup.css.js.map +1 -1
  240. package/dist/generated/themes/TextArea.css.d.ts +1 -1
  241. package/dist/generated/themes/TextArea.css.js +1 -1
  242. package/dist/generated/themes/TextArea.css.js.map +1 -1
  243. package/dist/generated/themes/TextField.css.d.ts +1 -1
  244. package/dist/generated/themes/TextField.css.js +1 -1
  245. package/dist/generated/themes/TextField.css.js.map +1 -1
  246. package/dist/generated/themes/Wizard.css.d.ts +1 -1
  247. package/dist/generated/themes/Wizard.css.js +1 -1
  248. package/dist/generated/themes/Wizard.css.js.map +1 -1
  249. package/dist/messagebundle.properties +1 -0
  250. package/dist/messagebundle_en.properties +1 -0
  251. package/dist/messagebundle_it.properties +123 -0
  252. package/dist/messagebundle_ja.properties +127 -1
  253. package/dist/messagebundle_ko.properties +126 -0
  254. package/dist/messagebundle_lt.properties +126 -0
  255. package/dist/messagebundle_lv.properties +9 -0
  256. package/dist/messagebundle_uk.properties +8 -0
  257. package/dist/types/FooterAskJoulePosition.d.ts +5 -0
  258. package/dist/types/FooterAskJoulePosition.js +7 -0
  259. package/dist/types/FooterAskJoulePosition.js.map +1 -0
  260. package/dist/utils/searchBackdrop.d.ts +1 -0
  261. package/dist/utils/searchBackdrop.js +23 -0
  262. package/dist/utils/searchBackdrop.js.map +1 -0
  263. package/dist/vscode.html-custom-data.json +176 -3
  264. package/dist/web-types.json +396 -8
  265. package/package.json +1 -1
  266. package/src/BreadcrumbsTemplate.tsx +12 -10
  267. package/src/CountrySelectorTemplate.tsx +2 -2
  268. package/src/FilterMenu.ts +11 -7
  269. package/src/Footer.ts +41 -3
  270. package/src/FooterTemplate.tsx +28 -4
  271. package/src/HeroBanner.ts +66 -0
  272. package/src/List.ts +16 -8
  273. package/src/ListGroupHeader.ts +12 -5
  274. package/src/ListGroupHeaderBase.ts +3 -3
  275. package/src/ListGroupHeaderTemplate.tsx +228 -0
  276. package/src/ListItem.ts +10 -5
  277. package/src/ListItemBase.ts +9 -4
  278. package/src/ListItemTemplate.tsx +193 -0
  279. package/src/ListSelectAll.ts +4 -5
  280. package/src/ListSelectAllTemplate.tsx +38 -0
  281. package/src/ListTemplate.tsx +60 -0
  282. package/src/MastheadShell.ts +44 -0
  283. package/src/MediaPlayer.ts +6 -0
  284. package/src/PhoneNumberField.ts +23 -22
  285. package/src/PhoneNumberFieldTemplate.tsx +128 -0
  286. package/src/Search.ts +21 -1
  287. package/src/SearchableListBase.ts +62 -7
  288. package/src/SearchableListBaseTemplate.tsx +1 -0
  289. package/src/SelectBase.ts +14 -21
  290. package/src/SelectBox.ts +34 -0
  291. package/src/SelectBoxTemplate.tsx +3 -1
  292. package/src/StatusMessage.ts +4 -3
  293. package/src/TextAreaTemplate.tsx +1 -1
  294. package/src/TextFieldTemplate.tsx +1 -1
  295. package/src/Upload.ts +7 -10
  296. package/src/UploadItem.ts +7 -9
  297. package/src/UploadItemTemplate.tsx +62 -0
  298. package/src/UploadTemplate.tsx +53 -0
  299. package/src/generated/i18n/i18n-defaults.ts +2 -2
  300. package/src/generated/themes/AccordionItem.css.ts +1 -1
  301. package/src/generated/themes/AccordionSpotlight.css.ts +1 -1
  302. package/src/generated/themes/Avatar.css.ts +1 -1
  303. package/src/generated/themes/Breadcrumbs.css.ts +1 -1
  304. package/src/generated/themes/BreadcrumbsPopover.css.ts +1 -1
  305. package/src/generated/themes/CountrySelector.css.ts +1 -1
  306. package/src/generated/themes/EventRibbon.css.ts +1 -1
  307. package/src/generated/themes/FilterMenu.css.ts +1 -1
  308. package/src/generated/themes/Footer.css.ts +1 -1
  309. package/src/generated/themes/HeroBanner.css.ts +1 -1
  310. package/src/generated/themes/ImageGridTicker.css.ts +1 -1
  311. package/src/generated/themes/Link.css.ts +1 -1
  312. package/src/generated/themes/ListGroupHeader.css.ts +1 -1
  313. package/src/generated/themes/ListItem.css.ts +1 -1
  314. package/src/generated/themes/MastheadCountrySelector.css.ts +1 -1
  315. package/src/generated/themes/MastheadItem.css.ts +1 -1
  316. package/src/generated/themes/MastheadProfileMenu.css.ts +1 -1
  317. package/src/generated/themes/MastheadShell.css.ts +1 -1
  318. package/src/generated/themes/MediaPlayer.css.ts +1 -1
  319. package/src/generated/themes/Modal.css.ts +1 -1
  320. package/src/generated/themes/PhoneNumberField.css.ts +1 -1
  321. package/src/generated/themes/Search.css.ts +1 -1
  322. package/src/generated/themes/SecondaryNavigationItem.css.ts +1 -1
  323. package/src/generated/themes/SelectBase.css.ts +1 -1
  324. package/src/generated/themes/StepInput.css.ts +1 -1
  325. package/src/generated/themes/TabInOverflow.css.ts +1 -1
  326. package/src/generated/themes/TabNavigation.css.ts +1 -1
  327. package/src/generated/themes/TableCellBase.css.ts +1 -1
  328. package/src/generated/themes/TagGroup.css.ts +1 -1
  329. package/src/generated/themes/TextArea.css.ts +1 -1
  330. package/src/generated/themes/TextField.css.ts +1 -1
  331. package/src/generated/themes/Wizard.css.ts +1 -1
  332. package/src/i18n/messagebundle.properties +1 -0
  333. package/src/i18n/messagebundle_en.properties +1 -0
  334. package/src/i18n/messagebundle_it.properties +123 -0
  335. package/src/i18n/messagebundle_ja.properties +127 -1
  336. package/src/i18n/messagebundle_ko.properties +126 -0
  337. package/src/i18n/messagebundle_lt.properties +126 -0
  338. package/src/i18n/messagebundle_lv.properties +9 -0
  339. package/src/i18n/messagebundle_uk.properties +8 -0
  340. package/src/themes/AccordionItem.css +1 -1
  341. package/src/themes/AccordionSpotlight.css +1 -1
  342. package/src/themes/Avatar.css +1 -1
  343. package/src/themes/Breadcrumbs.css +46 -5
  344. package/src/themes/BreadcrumbsPopover.css +65 -0
  345. package/src/themes/CountrySelector.css +12 -2
  346. package/src/themes/EventRibbon.css +1 -1
  347. package/src/themes/FilterMenu.css +3 -2
  348. package/src/themes/Footer.css +98 -1
  349. package/src/themes/HeroBanner.css +1 -1
  350. package/src/themes/ImageGridTicker.css +1 -1
  351. package/src/themes/Link.css +127 -8
  352. package/src/themes/ListGroupHeader.css +6 -3
  353. package/src/themes/ListItem.css +10 -2
  354. package/src/themes/MastheadCountrySelector.css +1 -1
  355. package/src/themes/MastheadItem.css +1 -1
  356. package/src/themes/MastheadProfileMenu.css +1 -1
  357. package/src/themes/MastheadShell.css +1 -1
  358. package/src/themes/MediaPlayer.css +10 -10
  359. package/src/themes/Modal.css +5 -3
  360. package/src/themes/PhoneNumberField.css +16 -6
  361. package/src/themes/Search.css +9 -9
  362. package/src/themes/SecondaryNavigationItem.css +1 -1
  363. package/src/themes/SelectBase.css +2 -2
  364. package/src/themes/StepInput.css +1 -1
  365. package/src/themes/TabInOverflow.css +2 -2
  366. package/src/themes/TabNavigation.css +7 -7
  367. package/src/themes/TableCellBase.css +1 -1
  368. package/src/themes/TagGroup.css +1 -1
  369. package/src/themes/TextArea.css +1 -1
  370. package/src/themes/TextField.css +1 -1
  371. package/src/themes/Wizard.css +1 -1
  372. package/src/types/FooterAskJoulePosition.ts +6 -0
  373. package/src/utils/searchBackdrop.ts +23 -0
  374. package/dist/assets/messagebundle_en-DoNTK1BE.js +0 -1
  375. package/dist/assets/messagebundle_it-BhrBdOd4.js +0 -1
  376. package/dist/assets/messagebundle_ja-5P5L7sQ1.js +0 -1
  377. package/dist/assets/messagebundle_ko-B9H5YQlC.js +0 -1
  378. package/dist/assets/messagebundle_lt-BJ5gr_LF.js +0 -1
  379. package/dist/assets/messagebundle_lv-D06tlATH.js +0 -1
  380. package/dist/assets/messagebundle_uk-GmdhsMsP.js +0 -1
  381. package/dist/generated/templates/ListGroupHeaderTemplate.lit.d.ts +0 -3
  382. package/dist/generated/templates/ListGroupHeaderTemplate.lit.js +0 -30
  383. package/dist/generated/templates/ListGroupHeaderTemplate.lit.js.map +0 -1
  384. package/dist/generated/templates/ListItemTemplate.lit.d.ts +0 -3
  385. package/dist/generated/templates/ListItemTemplate.lit.js +0 -49
  386. package/dist/generated/templates/ListItemTemplate.lit.js.map +0 -1
  387. package/dist/generated/templates/ListSelectAllTemplate.lit.d.ts +0 -3
  388. package/dist/generated/templates/ListSelectAllTemplate.lit.js +0 -7
  389. package/dist/generated/templates/ListSelectAllTemplate.lit.js.map +0 -1
  390. package/dist/generated/templates/ListTemplate.lit.d.ts +0 -3
  391. package/dist/generated/templates/ListTemplate.lit.js +0 -11
  392. package/dist/generated/templates/ListTemplate.lit.js.map +0 -1
  393. package/dist/generated/templates/PhoneNumberFieldTemplate.lit.d.ts +0 -3
  394. package/dist/generated/templates/PhoneNumberFieldTemplate.lit.js +0 -16
  395. package/dist/generated/templates/PhoneNumberFieldTemplate.lit.js.map +0 -1
  396. package/dist/generated/templates/UploadItemTemplate.lit.d.ts +0 -3
  397. package/dist/generated/templates/UploadItemTemplate.lit.js +0 -12
  398. package/dist/generated/templates/UploadItemTemplate.lit.js.map +0 -1
  399. package/dist/generated/templates/UploadTemplate.lit.d.ts +0 -3
  400. package/dist/generated/templates/UploadTemplate.lit.js +0 -10
  401. package/dist/generated/templates/UploadTemplate.lit.js.map +0 -1
  402. package/src/List.hbs +0 -38
  403. package/src/ListGroupHeader.hbs +0 -188
  404. package/src/ListItem.hbs +0 -166
  405. package/src/ListSelectAll.hbs +0 -31
  406. package/src/PhoneNumberField.hbs +0 -119
  407. package/src/Upload.hbs +0 -21
  408. package/src/UploadItem.hbs +0 -32
  409. package/src/generated/templates/ListGroupHeaderTemplate.lit.ts +0 -34
  410. package/src/generated/templates/ListItemTemplate.lit.ts +0 -53
  411. package/src/generated/templates/ListSelectAllTemplate.lit.ts +0 -11
  412. package/src/generated/templates/ListTemplate.lit.ts +0 -15
  413. package/src/generated/templates/PhoneNumberFieldTemplate.lit.ts +0 -20
  414. package/src/generated/templates/UploadItemTemplate.lit.ts +0 -16
  415. package/src/generated/templates/UploadTemplate.lit.ts +0 -14
package/dist/generated/themes/BreadcrumbsPopover.css.js CHANGED
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
3
3
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
4
4
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
5
5
  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");
6
- export default `:host{--udex-breadcrumbs-item-dropdown-color: var(--udex-breadcrumbs-item-color, var(--udexColorGrey6, #5B738B));--udex-breadcrumbs-current-item-color: var(--udexColorGrey9, #223548);--udex-breadcrumbs-dropdown-item-font-size: var(--udexTypographyNavigationMediumXSFontSize, 12px);--udex-breadcrumbs-dropdown-item-line-height: var(--udexTypographyNavigationLineHeight, 1.1);--udex-breadcrumbs-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 rgba(34, 53, 72, .25))}.udex-breadcrumbs__popover{--udex-dropdown-vertical-distance: 0;--udex-dropdown-horizontal-distance: -20px;--udex-dropdown-border-width: 0;--udex-dropdown-border-radius: 0;--udex-dropdown-pane-max-width: fit-content;--udex-dropdown-box-shadow: var(--udex-breadcrumbs-dropdown-box-shadow)}[ui5-icon]{width:.75rem;height:.75rem}.udex-breadcrumbs__popover-content{padding:var(--udexSpacer32) 52px var(--udexSpacer32) var(--udexSpacer20)}.udex-breadcrumbs__popover-content ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-start}.udex-breadcrumbs__popover-content li{display:flex}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item::part(root){padding:6px 0}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item{font-size:var(--udex-breadcrumbs-dropdown-item-font-size);line-height:var(--udex-breadcrumbs-dropdown-item-line-height);color:var(--udex-breadcrumbs-item-dropdown-color);padding:0;--udex-link-line-height: var(--udex-breadcrumbs-dropdown-item-line-height);--udex-link-icon-height: 12px;--udex-link-icon-width: 12px}.udex-breadcrumbs__popover-content li:has(.udex-breadcrumbs__item--with-icon):dir(rtl)~li .udex-breadcrumbs__item{padding-right:0}.udex-breadcrumbs__popover-content li:has(.udex-breadcrumbs__item--with-icon):dir(ltr)~li .udex-breadcrumbs__item{padding-left:0}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item--current{color:var(--udex-breadcrumbs-current-item-color);font-weight:var(--udexTypographyFontWeightMedium, 500);display:block;padding:6px 0}.udex-breadcrumbs__popover::part(content){padding:0}.udex-breadcrumbs__popover-content:dir(rtl){padding:var(--udexSpacer32) var(--udexSpacer20) var(--udexSpacer32) 52px}li:has(.udex-breadcrumbs__item--with-icon):dir(ltr)~li .udex-breadcrumbs__item{padding-left:calc(var(--udex-link-icon-width) + var(--udexSpacer4, 4px))}li:has(.udex-breadcrumbs__item--with-icon):dir(rtl)~li .udex-breadcrumbs__item{padding-right:calc(var(--udex-link-icon-width) + var(--udexSpacer4, 4px))}.udex-breadcrumbs__item--1{margin-left:var(--udexSpacer12)}.udex-breadcrumbs__item--2{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--3{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--4{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--5{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--6{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--7{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--8{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--9{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--10{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--11{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--12{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--13{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--14{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--15{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--16{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--17{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--18{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--19{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--20{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--21{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--22{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--23{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--24{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--25{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--1:dir(rtl){margin-right:var(--udexSpacer12)}.udex-breadcrumbs__item--2:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--3:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--4:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--5:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--6:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--7:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--8:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--9:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--10:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--11:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--12:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--13:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--14:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--15:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--16:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--17:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--18:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--19:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--20:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--21:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--22:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--23:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--24:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--25:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}
6
+ export default `:host{--udex-breadcrumbs-item-dropdown-color: var(--udex-breadcrumbs-item-color, var(--udexColorGrey6, #5B738B));--udex-breadcrumbs-current-item-color: var(--udexColorGrey9, #223548);--udex-breadcrumbs-dropdown-item-font-size: var(--udexTypographyNavigationMediumXSFontSize, 12px);--udex-breadcrumbs-dropdown-item-line-height: var(--udexTypographyNavigationLineHeight, 1.1);--udex-breadcrumbs-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 rgba(34, 53, 72, .25))}.udex-breadcrumbs__popover{--udex-dropdown-vertical-distance: 0;--udex-dropdown-horizontal-distance: -20px;--udex-dropdown-border-width: 0;--udex-dropdown-border-radius: 0;--udex-dropdown-pane-max-width: fit-content;--udex-dropdown-box-shadow: var(--udex-breadcrumbs-dropdown-box-shadow)}[ui5-icon]{width:.75rem;height:.75rem}.udex-breadcrumbs__popover-content{padding:var(--udexSpacer32) 52px var(--udexSpacer32) var(--udexSpacer20)}.udex-breadcrumbs__popover-content ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-start}.udex-breadcrumbs__popover-content li{display:flex}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item::part(root){padding:6px 0}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item{font-size:var(--udex-breadcrumbs-dropdown-item-font-size);line-height:var(--udex-breadcrumbs-dropdown-item-line-height);color:var(--udex-breadcrumbs-item-dropdown-color);padding:0;--udex-link-line-height: var(--udex-breadcrumbs-dropdown-item-line-height);--udex-link-icon-height: 12px;--udex-link-icon-width: 12px;--udex-link-text-decoration: none;--udex-link-hover-text-decoration: none;--udex-link-focused-hover-text-decoration: none;--udex-link-focus-text-decoration: none;--_ui5_link_focused_hover_text_decoration: none;--_udex-link-inline-underline-default-size: 0 0;--_udex-link-inline-underline-hover-size: 0 0;--_udex-link-icon-underline-default-size: 0 0;--_udex-link-icon-underline-hover-size: 0 0;--_udex-link-icon-focused-hover-transform: none;--_udex-link-icon-focused-hover-transform-rtl: none;--_udex-link-end-icon-focused-hover-transform: none;--_udex-link-end-icon-focused-hover-transform-rtl: none}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item:not(.udex-breadcrumbs__item--current):after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;background-color:var(--udex-breadcrumbs-item-dropdown-color);transform:scaleX(0);transform-origin:left center;transition:transform .3s linear;pointer-events:none}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item:not(.udex-breadcrumbs__item--current):dir(rtl):after{transform-origin:right center}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item:not(.udex-breadcrumbs__item--current):not(:focus-within):hover:after{transform:scaleX(1)}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item:not(.udex-breadcrumbs__item--current):focus-within:after{transform:scaleX(1)}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item[icon]:not(.udex-breadcrumbs__item--current):after{left:calc(var(--udex-link-icon-width) + var(--udexSpacer4, 4px))}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item[icon]:not(.udex-breadcrumbs__item--current):dir(rtl):after{left:0;right:calc(var(--udex-link-icon-width) + var(--udexSpacer4, 4px))}@media (prefers-reduced-motion: reduce){.udex-breadcrumbs__popover-content .udex-breadcrumbs__item:not(.udex-breadcrumbs__item--current):after{transition:none}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item:not(.udex-breadcrumbs__item--current):not(:focus-within):hover:after{transform:scaleX(1)}}.udex-breadcrumbs__popover-content li:has(.udex-breadcrumbs__item--with-icon):dir(rtl)~li .udex-breadcrumbs__item{padding-right:0}.udex-breadcrumbs__popover-content li:has(.udex-breadcrumbs__item--with-icon):dir(ltr)~li .udex-breadcrumbs__item{padding-left:0}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item--current{color:var(--udex-breadcrumbs-current-item-color);font-weight:var(--udexTypographyFontWeightMedium, 500);display:block;padding:6px 0}.udex-breadcrumbs__popover::part(content){padding:0}.udex-breadcrumbs__popover-content:dir(rtl){padding:var(--udexSpacer32) var(--udexSpacer20) var(--udexSpacer32) 52px}li:has(.udex-breadcrumbs__item--with-icon):dir(ltr)~li .udex-breadcrumbs__item{padding-left:calc(var(--udex-link-icon-width) + var(--udexSpacer4, 4px))}li:has(.udex-breadcrumbs__item--with-icon):dir(rtl)~li .udex-breadcrumbs__item{padding-right:calc(var(--udex-link-icon-width) + var(--udexSpacer4, 4px))}.udex-breadcrumbs__item--1{margin-left:var(--udexSpacer12)}.udex-breadcrumbs__item--2{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--3{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--4{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--5{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--6{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--7{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--8{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--9{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--10{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--11{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--12{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--13{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--14{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--15{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--16{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--17{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--18{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--19{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--20{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--21{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--22{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--23{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--24{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--25{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--1:dir(rtl){margin-right:var(--udexSpacer12)}.udex-breadcrumbs__item--2:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--3:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--4:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--5:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--6:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--7:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--8:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--9:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--10:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--11:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--12:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--13:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--14:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--15:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--16:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--17:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--18:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--19:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--20:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--21:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--22:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--23:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--24:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--25:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}
7
7
  `;
8
8
  //# sourceMappingURL=BreadcrumbsPopover.css.js.map
package/dist/generated/themes/BreadcrumbsPopover.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BreadcrumbsPopover.css.js","sourceRoot":"","sources":["../../../src/generated/themes/BreadcrumbsPopover.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"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\");\nexport default `:host{--udex-breadcrumbs-item-dropdown-color: var(--udex-breadcrumbs-item-color, var(--udexColorGrey6, #5B738B));--udex-breadcrumbs-current-item-color: var(--udexColorGrey9, #223548);--udex-breadcrumbs-dropdown-item-font-size: var(--udexTypographyNavigationMediumXSFontSize, 12px);--udex-breadcrumbs-dropdown-item-line-height: var(--udexTypographyNavigationLineHeight, 1.1);--udex-breadcrumbs-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 rgba(34, 53, 72, .25))}.udex-breadcrumbs__popover{--udex-dropdown-vertical-distance: 0;--udex-dropdown-horizontal-distance: -20px;--udex-dropdown-border-width: 0;--udex-dropdown-border-radius: 0;--udex-dropdown-pane-max-width: fit-content;--udex-dropdown-box-shadow: var(--udex-breadcrumbs-dropdown-box-shadow)}[ui5-icon]{width:.75rem;height:.75rem}.udex-breadcrumbs__popover-content{padding:var(--udexSpacer32) 52px var(--udexSpacer32) var(--udexSpacer20)}.udex-breadcrumbs__popover-content ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-start}.udex-breadcrumbs__popover-content li{display:flex}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item::part(root){padding:6px 0}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item{font-size:var(--udex-breadcrumbs-dropdown-item-font-size);line-height:var(--udex-breadcrumbs-dropdown-item-line-height);color:var(--udex-breadcrumbs-item-dropdown-color);padding:0;--udex-link-line-height: var(--udex-breadcrumbs-dropdown-item-line-height);--udex-link-icon-height: 12px;--udex-link-icon-width: 12px}.udex-breadcrumbs__popover-content li:has(.udex-breadcrumbs__item--with-icon):dir(rtl)~li .udex-breadcrumbs__item{padding-right:0}.udex-breadcrumbs__popover-content li:has(.udex-breadcrumbs__item--with-icon):dir(ltr)~li .udex-breadcrumbs__item{padding-left:0}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item--current{color:var(--udex-breadcrumbs-current-item-color);font-weight:var(--udexTypographyFontWeightMedium, 500);display:block;padding:6px 0}.udex-breadcrumbs__popover::part(content){padding:0}.udex-breadcrumbs__popover-content:dir(rtl){padding:var(--udexSpacer32) var(--udexSpacer20) var(--udexSpacer32) 52px}li:has(.udex-breadcrumbs__item--with-icon):dir(ltr)~li .udex-breadcrumbs__item{padding-left:calc(var(--udex-link-icon-width) + var(--udexSpacer4, 4px))}li:has(.udex-breadcrumbs__item--with-icon):dir(rtl)~li .udex-breadcrumbs__item{padding-right:calc(var(--udex-link-icon-width) + var(--udexSpacer4, 4px))}.udex-breadcrumbs__item--1{margin-left:var(--udexSpacer12)}.udex-breadcrumbs__item--2{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--3{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--4{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--5{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--6{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--7{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--8{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--9{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--10{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--11{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--12{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--13{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--14{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--15{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--16{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--17{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--18{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--19{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--20{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--21{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--22{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--23{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--24{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--25{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--1:dir(rtl){margin-right:var(--udexSpacer12)}.udex-breadcrumbs__item--2:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--3:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--4:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--5:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--6:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--7:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--8:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--9:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--10:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--11:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--12:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--13:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--14:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--15:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--16:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--17:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--18:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--19:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--20:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--21:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--22:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--23:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--24:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--25:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}\n`"]}
1
+ {"version":3,"file":"BreadcrumbsPopover.css.js","sourceRoot":"","sources":["../../../src/generated/themes/BreadcrumbsPopover.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"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\");\nexport default `:host{--udex-breadcrumbs-item-dropdown-color: var(--udex-breadcrumbs-item-color, var(--udexColorGrey6, #5B738B));--udex-breadcrumbs-current-item-color: var(--udexColorGrey9, #223548);--udex-breadcrumbs-dropdown-item-font-size: var(--udexTypographyNavigationMediumXSFontSize, 12px);--udex-breadcrumbs-dropdown-item-line-height: var(--udexTypographyNavigationLineHeight, 1.1);--udex-breadcrumbs-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 rgba(34, 53, 72, .25))}.udex-breadcrumbs__popover{--udex-dropdown-vertical-distance: 0;--udex-dropdown-horizontal-distance: -20px;--udex-dropdown-border-width: 0;--udex-dropdown-border-radius: 0;--udex-dropdown-pane-max-width: fit-content;--udex-dropdown-box-shadow: var(--udex-breadcrumbs-dropdown-box-shadow)}[ui5-icon]{width:.75rem;height:.75rem}.udex-breadcrumbs__popover-content{padding:var(--udexSpacer32) 52px var(--udexSpacer32) var(--udexSpacer20)}.udex-breadcrumbs__popover-content ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-start}.udex-breadcrumbs__popover-content li{display:flex}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item::part(root){padding:6px 0}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item{font-size:var(--udex-breadcrumbs-dropdown-item-font-size);line-height:var(--udex-breadcrumbs-dropdown-item-line-height);color:var(--udex-breadcrumbs-item-dropdown-color);padding:0;--udex-link-line-height: var(--udex-breadcrumbs-dropdown-item-line-height);--udex-link-icon-height: 12px;--udex-link-icon-width: 12px;--udex-link-text-decoration: none;--udex-link-hover-text-decoration: none;--udex-link-focused-hover-text-decoration: none;--udex-link-focus-text-decoration: none;--_ui5_link_focused_hover_text_decoration: none;--_udex-link-inline-underline-default-size: 0 0;--_udex-link-inline-underline-hover-size: 0 0;--_udex-link-icon-underline-default-size: 0 0;--_udex-link-icon-underline-hover-size: 0 0;--_udex-link-icon-focused-hover-transform: none;--_udex-link-icon-focused-hover-transform-rtl: none;--_udex-link-end-icon-focused-hover-transform: none;--_udex-link-end-icon-focused-hover-transform-rtl: none}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item:not(.udex-breadcrumbs__item--current):after{content:\"\";position:absolute;left:0;right:0;bottom:6px;height:1px;background-color:var(--udex-breadcrumbs-item-dropdown-color);transform:scaleX(0);transform-origin:left center;transition:transform .3s linear;pointer-events:none}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item:not(.udex-breadcrumbs__item--current):dir(rtl):after{transform-origin:right center}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item:not(.udex-breadcrumbs__item--current):not(:focus-within):hover:after{transform:scaleX(1)}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item:not(.udex-breadcrumbs__item--current):focus-within:after{transform:scaleX(1)}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item[icon]:not(.udex-breadcrumbs__item--current):after{left:calc(var(--udex-link-icon-width) + var(--udexSpacer4, 4px))}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item[icon]:not(.udex-breadcrumbs__item--current):dir(rtl):after{left:0;right:calc(var(--udex-link-icon-width) + var(--udexSpacer4, 4px))}@media (prefers-reduced-motion: reduce){.udex-breadcrumbs__popover-content .udex-breadcrumbs__item:not(.udex-breadcrumbs__item--current):after{transition:none}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item:not(.udex-breadcrumbs__item--current):not(:focus-within):hover:after{transform:scaleX(1)}}.udex-breadcrumbs__popover-content li:has(.udex-breadcrumbs__item--with-icon):dir(rtl)~li .udex-breadcrumbs__item{padding-right:0}.udex-breadcrumbs__popover-content li:has(.udex-breadcrumbs__item--with-icon):dir(ltr)~li .udex-breadcrumbs__item{padding-left:0}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item--current{color:var(--udex-breadcrumbs-current-item-color);font-weight:var(--udexTypographyFontWeightMedium, 500);display:block;padding:6px 0}.udex-breadcrumbs__popover::part(content){padding:0}.udex-breadcrumbs__popover-content:dir(rtl){padding:var(--udexSpacer32) var(--udexSpacer20) var(--udexSpacer32) 52px}li:has(.udex-breadcrumbs__item--with-icon):dir(ltr)~li .udex-breadcrumbs__item{padding-left:calc(var(--udex-link-icon-width) + var(--udexSpacer4, 4px))}li:has(.udex-breadcrumbs__item--with-icon):dir(rtl)~li .udex-breadcrumbs__item{padding-right:calc(var(--udex-link-icon-width) + var(--udexSpacer4, 4px))}.udex-breadcrumbs__item--1{margin-left:var(--udexSpacer12)}.udex-breadcrumbs__item--2{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--3{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--4{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--5{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--6{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--7{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--8{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--9{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--10{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--11{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--12{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--13{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--14{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--15{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--16{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--17{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--18{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--19{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--20{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--21{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--22{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--23{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--24{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--25{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--1:dir(rtl){margin-right:var(--udexSpacer12)}.udex-breadcrumbs__item--2:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--3:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--4:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--5:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--6:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--7:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--8:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--9:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--10:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--11:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--12:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--13:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--14:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--15:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--16:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--17:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--18:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--19:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--20:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--21:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--22:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--23:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--24:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--25:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}\n`"]}
package/dist/generated/themes/CountrySelector.css.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _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)}\n";
1
+ declare const _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)}\n";
2
2
  export default _default;
package/dist/generated/themes/CountrySelector.css.js CHANGED
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
3
3
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
4
4
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
5
5
  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");
6
- 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)}
6
+ 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)}
7
7
  `;
8
8
  //# sourceMappingURL=CountrySelector.css.js.map
package/dist/generated/themes/CountrySelector.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CountrySelector.css.js","sourceRoot":"","sources":["../../../src/generated/themes/CountrySelector.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"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\");\nexport 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)}\n`"]}
1
+ {"version":3,"file":"CountrySelector.css.js","sourceRoot":"","sources":["../../../src/generated/themes/CountrySelector.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"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\");\nexport 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)}\n`"]}
package/dist/generated/themes/EventRibbon.css.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _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))}}\n";
1
+ declare const _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))}}\n";
2
2
  export default _default;
package/dist/generated/themes/EventRibbon.css.js CHANGED
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
3
3
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
4
4
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
5
5
  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");
6
- 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))}}
6
+ 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))}}
7
7
  `;
8
8
  //# sourceMappingURL=EventRibbon.css.js.map
package/dist/generated/themes/EventRibbon.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"EventRibbon.css.js","sourceRoot":"","sources":["../../../src/generated/themes/EventRibbon.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"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\");\nexport 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))}}\n`"]}
1
+ {"version":3,"file":"EventRibbon.css.js","sourceRoot":"","sources":["../../../src/generated/themes/EventRibbon.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"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\");\nexport 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))}}\n`"]}
package/dist/generated/themes/FilterMenu.css.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _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)}}\n";
1
+ declare const _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)}}\n";
2
2
  export default _default;