@sapudex/web-components 2.23.0 → 2.25.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 (432) hide show
  1. package/bundle.esm.js +2 -0
  2. package/cypress/downloads/downloads.html +0 -0
  3. package/cypress/specs/EventRibbon.cy.tsx +7 -7
  4. package/cypress/specs/ImageGridTable.cy.tsx +41 -0
  5. package/cypress/specs/ImageGridTableItem.cy.tsx +101 -0
  6. package/cypress/specs/ImageGridTickerItem.cy.tsx +1 -2
  7. package/cypress/specs/MastheadProfileMenu.cy.tsx +16 -0
  8. package/cypress/specs/UploadItem.cy.tsx +14 -5
  9. package/cypress/support/component-imports.instrumented.ts +4 -0
  10. package/cypress/support/component-imports.src.ts +4 -0
  11. package/dist/Accordion.js +3 -2
  12. package/dist/Accordion.js.map +1 -1
  13. package/dist/Avatar.js +4 -3
  14. package/dist/Avatar.js.map +1 -1
  15. package/dist/Breadcrumbs.js +4 -3
  16. package/dist/Breadcrumbs.js.map +1 -1
  17. package/dist/Button.js +3 -2
  18. package/dist/Button.js.map +1 -1
  19. package/dist/Carousel.d.ts +1 -0
  20. package/dist/Carousel.js +6 -4
  21. package/dist/Carousel.js.map +1 -1
  22. package/dist/CarouselTemplate.js +1 -1
  23. package/dist/CarouselTemplate.js.map +1 -1
  24. package/dist/Checkbox.js +7 -2
  25. package/dist/Checkbox.js.map +1 -1
  26. package/dist/Contact.js +5 -4
  27. package/dist/Contact.js.map +1 -1
  28. package/dist/CountrySelector.d.ts +1 -1
  29. package/dist/CountrySelector.js +1 -1
  30. package/dist/CountrySelector.js.map +1 -1
  31. package/dist/DatePicker.js +3 -2
  32. package/dist/DatePicker.js.map +1 -1
  33. package/dist/EventRibbon.d.ts +2 -2
  34. package/dist/EventRibbon.js.map +1 -1
  35. package/dist/FeedItem.js +2 -1
  36. package/dist/FeedItem.js.map +1 -1
  37. package/dist/FilterMenu.js +5 -4
  38. package/dist/FilterMenu.js.map +1 -1
  39. package/dist/Footer.js +15 -14
  40. package/dist/Footer.js.map +1 -1
  41. package/dist/FooterTemplate.js +1 -1
  42. package/dist/FooterTemplate.js.map +1 -1
  43. package/dist/ImageGridTable.d.ts +57 -0
  44. package/dist/ImageGridTable.js +120 -0
  45. package/dist/ImageGridTable.js.map +1 -0
  46. package/dist/ImageGridTableItem.d.ts +89 -0
  47. package/dist/ImageGridTableItem.js +108 -0
  48. package/dist/ImageGridTableItem.js.map +1 -0
  49. package/dist/ImageGridTableItemTemplate.d.ts +2 -0
  50. package/dist/ImageGridTableItemTemplate.js +13 -0
  51. package/dist/ImageGridTableItemTemplate.js.map +1 -0
  52. package/dist/ImageGridTableTemplate.d.ts +2 -0
  53. package/dist/ImageGridTableTemplate.js +5 -0
  54. package/dist/ImageGridTableTemplate.js.map +1 -0
  55. package/dist/ImageGridTicker.js +3 -2
  56. package/dist/ImageGridTicker.js.map +1 -1
  57. package/dist/ImageGridTickerItem.d.ts +4 -0
  58. package/dist/ImageGridTickerItem.js +14 -0
  59. package/dist/ImageGridTickerItem.js.map +1 -1
  60. package/dist/ImageGridTickerItemTemplate.js +1 -1
  61. package/dist/ImageGridTickerItemTemplate.js.map +1 -1
  62. package/dist/InputGroup.js +3 -2
  63. package/dist/InputGroup.js.map +1 -1
  64. package/dist/List.js +2 -1
  65. package/dist/List.js.map +1 -1
  66. package/dist/ListItem.d.ts +0 -2
  67. package/dist/ListItem.js +4 -9
  68. package/dist/ListItem.js.map +1 -1
  69. package/dist/ListSelectAll.js +2 -1
  70. package/dist/ListSelectAll.js.map +1 -1
  71. package/dist/MastheadCountrySelector.js +3 -2
  72. package/dist/MastheadCountrySelector.js.map +1 -1
  73. package/dist/MastheadItem.js +8 -7
  74. package/dist/MastheadItem.js.map +1 -1
  75. package/dist/MastheadMenuItem.js +2 -1
  76. package/dist/MastheadMenuItem.js.map +1 -1
  77. package/dist/MastheadMobileMenu.js +2 -1
  78. package/dist/MastheadMobileMenu.js.map +1 -1
  79. package/dist/MastheadProfileMenu.js +6 -5
  80. package/dist/MastheadProfileMenu.js.map +1 -1
  81. package/dist/MastheadShell.d.ts +17 -0
  82. package/dist/MastheadShell.js +42 -13
  83. package/dist/MastheadShell.js.map +1 -1
  84. package/dist/MediaPlayer.js +4 -2
  85. package/dist/MediaPlayer.js.map +1 -1
  86. package/dist/MessageStrip.js +2 -1
  87. package/dist/MessageStrip.js.map +1 -1
  88. package/dist/MessageStripTemplate.js +1 -1
  89. package/dist/MessageStripTemplate.js.map +1 -1
  90. package/dist/Pagination.d.ts +0 -2
  91. package/dist/Pagination.js +16 -29
  92. package/dist/Pagination.js.map +1 -1
  93. package/dist/PhoneNumberField.js +7 -6
  94. package/dist/PhoneNumberField.js.map +1 -1
  95. package/dist/ProgressBar.js +5 -4
  96. package/dist/ProgressBar.js.map +1 -1
  97. package/dist/PromoTile.js +3 -2
  98. package/dist/PromoTile.js.map +1 -1
  99. package/dist/RadioButton.js +5 -4
  100. package/dist/RadioButton.js.map +1 -1
  101. package/dist/RatingBar.js +2 -1
  102. package/dist/RatingBar.js.map +1 -1
  103. package/dist/RatingIndicator.js +2 -1
  104. package/dist/RatingIndicator.js.map +1 -1
  105. package/dist/Review.d.ts +1 -1
  106. package/dist/Review.js +3 -3
  107. package/dist/Review.js.map +1 -1
  108. package/dist/ReviewItem.js +2 -1
  109. package/dist/ReviewItem.js.map +1 -1
  110. package/dist/Search.d.ts +2 -0
  111. package/dist/Search.js +34 -19
  112. package/dist/Search.js.map +1 -1
  113. package/dist/SearchTemplate.js +1 -1
  114. package/dist/SearchTemplate.js.map +1 -1
  115. package/dist/SearchableListBase.d.ts +1 -1
  116. package/dist/SearchableListBase.js +4 -3
  117. package/dist/SearchableListBase.js.map +1 -1
  118. package/dist/SecondaryNavigation.js +2 -1
  119. package/dist/SecondaryNavigation.js.map +1 -1
  120. package/dist/SecondaryNavigationSubItem.js +2 -1
  121. package/dist/SecondaryNavigationSubItem.js.map +1 -1
  122. package/dist/SelectBase.d.ts +4 -11
  123. package/dist/SelectBase.js +4 -11
  124. package/dist/SelectBase.js.map +1 -1
  125. package/dist/SelectBox.d.ts +1 -1
  126. package/dist/SelectBox.js +1 -1
  127. package/dist/SelectBox.js.map +1 -1
  128. package/dist/SocialMediaButton.js +2 -1
  129. package/dist/SocialMediaButton.js.map +1 -1
  130. package/dist/StatusBadge.js +7 -6
  131. package/dist/StatusBadge.js.map +1 -1
  132. package/dist/StepInput.js +9 -2
  133. package/dist/StepInput.js.map +1 -1
  134. package/dist/StepInputTemplate.js +1 -1
  135. package/dist/StepInputTemplate.js.map +1 -1
  136. package/dist/Tab.js +2 -1
  137. package/dist/Tab.js.map +1 -1
  138. package/dist/TabNavigation.js +2 -1
  139. package/dist/TabNavigation.js.map +1 -1
  140. package/dist/Table.d.ts +2 -2
  141. package/dist/Table.js +5 -15
  142. package/dist/Table.js.map +1 -1
  143. package/dist/TableCell.js +3 -3
  144. package/dist/TableCell.js.map +1 -1
  145. package/dist/TableCellBase.js +1 -3
  146. package/dist/TableCellBase.js.map +1 -1
  147. package/dist/TableCellTemplate.d.ts +2 -0
  148. package/dist/TableCellTemplate.js +9 -0
  149. package/dist/TableCellTemplate.js.map +1 -0
  150. package/dist/TableGroupRow.d.ts +1 -1
  151. package/dist/TableGroupRow.js +3 -6
  152. package/dist/TableGroupRow.js.map +1 -1
  153. package/dist/TableGroupRowTemplate.d.ts +2 -0
  154. package/dist/TableGroupRowTemplate.js +7 -0
  155. package/dist/TableGroupRowTemplate.js.map +1 -0
  156. package/dist/TableHeaderCell.js +3 -4
  157. package/dist/TableHeaderCell.js.map +1 -1
  158. package/dist/TableHeaderCellTemplate.d.ts +2 -0
  159. package/dist/TableHeaderCellTemplate.js +6 -0
  160. package/dist/TableHeaderCellTemplate.js.map +1 -0
  161. package/dist/TableHeaderRow.js +3 -5
  162. package/dist/TableHeaderRow.js.map +1 -1
  163. package/dist/TableHeaderRowTemplate.d.ts +2 -0
  164. package/dist/TableHeaderRowTemplate.js +5 -0
  165. package/dist/TableHeaderRowTemplate.js.map +1 -0
  166. package/dist/TableRow.js +3 -4
  167. package/dist/TableRow.js.map +1 -1
  168. package/dist/TableRowBase.d.ts +1 -1
  169. package/dist/TableRowBase.js +0 -2
  170. package/dist/TableRowBase.js.map +1 -1
  171. package/dist/TableRowTemplate.d.ts +2 -0
  172. package/dist/TableRowTemplate.js +5 -0
  173. package/dist/TableRowTemplate.js.map +1 -0
  174. package/dist/TableTemplate.d.ts +2 -0
  175. package/dist/TableTemplate.js +20 -0
  176. package/dist/TableTemplate.js.map +1 -0
  177. package/dist/TextArea.js +9 -8
  178. package/dist/TextArea.js.map +1 -1
  179. package/dist/TextField.js +7 -6
  180. package/dist/TextField.js.map +1 -1
  181. package/dist/Toast.d.ts +3 -1
  182. package/dist/Toast.js +15 -9
  183. package/dist/Toast.js.map +1 -1
  184. package/dist/ToastTemplate.d.ts +2 -0
  185. package/dist/ToastTemplate.js +11 -0
  186. package/dist/ToastTemplate.js.map +1 -0
  187. package/dist/TruncatedText.js +3 -2
  188. package/dist/TruncatedText.js.map +1 -1
  189. package/dist/Upload.js +2 -1
  190. package/dist/Upload.js.map +1 -1
  191. package/dist/UploadItem.d.ts +7 -0
  192. package/dist/UploadItem.js +14 -3
  193. package/dist/UploadItem.js.map +1 -1
  194. package/dist/assets/{InputSuggestions-C8m6N2-d.js → InputSuggestions-DF_pzCn9.js} +1 -1
  195. package/dist/assets/{ListItemStandardExpandableTextTemplate-BwD5bYhw.js → ListItemStandardExpandableTextTemplate-DOYL5Szm.js} +1 -1
  196. package/dist/assets/{bundle.esm-hGsUwmUy.js → bundle.esm-CWBg8c5Q.js} +269 -267
  197. package/dist/assets/fi-BGPAljj_.js +1 -0
  198. package/dist/assets/gl-DqaooM6m.js +1 -0
  199. package/dist/assets/messagebundle_en-mjqY85LY.js +1 -0
  200. package/dist/assets/{video.es-DIP_dh4I.js → video.es-BDeHzm02.js} +32 -32
  201. package/dist/css/themes/Checkbox.css +1 -1
  202. package/dist/css/themes/Footer.css +1 -1
  203. package/dist/css/themes/ImageGridTable.css +1 -0
  204. package/dist/css/themes/ImageGridTableItem.css +1 -0
  205. package/dist/css/themes/ImageGridTicker.css +1 -1
  206. package/dist/css/themes/ImageGridTickerItem.css +1 -1
  207. package/dist/css/themes/InputGroup.css +1 -1
  208. package/dist/css/themes/Link.css +1 -1
  209. package/dist/css/themes/MastheadItem.css +1 -1
  210. package/dist/css/themes/MastheadShell.css +1 -1
  211. package/dist/css/themes/RadioButton.css +1 -1
  212. package/dist/css/themes/RatingIndicator.css +1 -1
  213. package/dist/css/themes/Slider.css +1 -1
  214. package/dist/css/themes/StatusMessage.css +1 -1
  215. package/dist/custom-elements-internal.json +9292 -7325
  216. package/dist/custom-elements.json +6574 -5095
  217. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  218. package/dist/generated/i18n/i18n-defaults.d.ts +2 -1
  219. package/dist/generated/i18n/i18n-defaults.js +4 -3
  220. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  221. package/dist/generated/templates/MastheadShellTemplate.lit.js +8 -7
  222. package/dist/generated/templates/MastheadShellTemplate.lit.js.map +1 -1
  223. package/dist/generated/templates/UploadItemTemplate.lit.js +1 -1
  224. package/dist/generated/templates/UploadItemTemplate.lit.js.map +1 -1
  225. package/dist/generated/themes/Checkbox.css.d.ts +1 -1
  226. package/dist/generated/themes/Checkbox.css.js +1 -1
  227. package/dist/generated/themes/Checkbox.css.js.map +1 -1
  228. package/dist/generated/themes/Footer.css.d.ts +1 -1
  229. package/dist/generated/themes/Footer.css.js +1 -1
  230. package/dist/generated/themes/Footer.css.js.map +1 -1
  231. package/dist/generated/themes/ImageGridTable.css.d.ts +2 -0
  232. package/dist/generated/themes/ImageGridTable.css.js +8 -0
  233. package/dist/generated/themes/ImageGridTable.css.js.map +1 -0
  234. package/dist/generated/themes/ImageGridTableItem.css.d.ts +2 -0
  235. package/dist/generated/themes/ImageGridTableItem.css.js +8 -0
  236. package/dist/generated/themes/ImageGridTableItem.css.js.map +1 -0
  237. package/dist/generated/themes/ImageGridTicker.css.d.ts +1 -1
  238. package/dist/generated/themes/ImageGridTicker.css.js +1 -1
  239. package/dist/generated/themes/ImageGridTicker.css.js.map +1 -1
  240. package/dist/generated/themes/ImageGridTickerItem.css.d.ts +1 -1
  241. package/dist/generated/themes/ImageGridTickerItem.css.js +1 -1
  242. package/dist/generated/themes/ImageGridTickerItem.css.js.map +1 -1
  243. package/dist/generated/themes/InputGroup.css.d.ts +1 -1
  244. package/dist/generated/themes/InputGroup.css.js +1 -1
  245. package/dist/generated/themes/InputGroup.css.js.map +1 -1
  246. package/dist/generated/themes/Link.css.d.ts +1 -1
  247. package/dist/generated/themes/Link.css.js +1 -1
  248. package/dist/generated/themes/Link.css.js.map +1 -1
  249. package/dist/generated/themes/MastheadItem.css.d.ts +1 -1
  250. package/dist/generated/themes/MastheadItem.css.js +1 -1
  251. package/dist/generated/themes/MastheadItem.css.js.map +1 -1
  252. package/dist/generated/themes/MastheadShell.css.d.ts +1 -1
  253. package/dist/generated/themes/MastheadShell.css.js +1 -1
  254. package/dist/generated/themes/MastheadShell.css.js.map +1 -1
  255. package/dist/generated/themes/RadioButton.css.d.ts +1 -1
  256. package/dist/generated/themes/RadioButton.css.js +1 -1
  257. package/dist/generated/themes/RadioButton.css.js.map +1 -1
  258. package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
  259. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  260. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  261. package/dist/generated/themes/Slider.css.d.ts +1 -1
  262. package/dist/generated/themes/Slider.css.js +1 -1
  263. package/dist/generated/themes/Slider.css.js.map +1 -1
  264. package/dist/generated/themes/StatusMessage.css.d.ts +1 -1
  265. package/dist/generated/themes/StatusMessage.css.js +1 -1
  266. package/dist/generated/themes/StatusMessage.css.js.map +1 -1
  267. package/dist/messagebundle.properties +6 -2
  268. package/dist/messagebundle_en.properties +3 -2
  269. package/dist/types/CustomTranslations.d.ts +3 -0
  270. package/dist/types/CustomTranslations.js +2 -0
  271. package/dist/types/CustomTranslations.js.map +1 -0
  272. package/dist/types/EventRibbon.d.ts +1 -1
  273. package/dist/types/EventRibbon.js +39 -39
  274. package/dist/types/EventRibbon.js.map +1 -1
  275. package/dist/utils/translate.d.ts +7 -0
  276. package/dist/utils/translate.js +15 -0
  277. package/dist/utils/translate.js.map +1 -0
  278. package/dist/vscode.html-custom-data.json +207 -7
  279. package/dist/web-types.json +541 -12
  280. package/package.json +2 -2
  281. package/src/Accordion.ts +3 -2
  282. package/src/Avatar.ts +5 -3
  283. package/src/Breadcrumbs.ts +4 -3
  284. package/src/Button.ts +3 -2
  285. package/src/Carousel.ts +7 -4
  286. package/src/CarouselTemplate.tsx +2 -1
  287. package/src/Checkbox.ts +7 -2
  288. package/src/Contact.ts +5 -4
  289. package/src/CountrySelector.ts +1 -1
  290. package/src/DatePicker.ts +3 -2
  291. package/src/EventRibbon.ts +2 -2
  292. package/src/FeedItem.ts +2 -1
  293. package/src/FilterMenu.ts +5 -4
  294. package/src/Footer.ts +15 -14
  295. package/src/FooterTemplate.tsx +5 -4
  296. package/src/ImageGridTable.ts +151 -0
  297. package/src/ImageGridTableItem.ts +148 -0
  298. package/src/ImageGridTableItemTemplate.tsx +48 -0
  299. package/src/ImageGridTableTemplate.tsx +9 -0
  300. package/src/ImageGridTicker.ts +4 -2
  301. package/src/ImageGridTickerItem.ts +20 -0
  302. package/src/ImageGridTickerItemTemplate.tsx +1 -0
  303. package/src/InputGroup.ts +3 -2
  304. package/src/List.ts +2 -1
  305. package/src/ListItem.ts +4 -11
  306. package/src/ListSelectAll.ts +2 -1
  307. package/src/MastheadCountrySelector.ts +3 -2
  308. package/src/MastheadItem.ts +8 -7
  309. package/src/MastheadMenuItem.ts +2 -1
  310. package/src/MastheadMobileMenu.ts +2 -1
  311. package/src/MastheadProfileMenu.ts +6 -5
  312. package/src/MastheadShell.hbs +38 -29
  313. package/src/MastheadShell.ts +57 -13
  314. package/src/MediaPlayer.ts +4 -2
  315. package/src/MessageStrip.ts +2 -1
  316. package/src/MessageStripTemplate.tsx +1 -1
  317. package/src/Pagination.ts +15 -28
  318. package/src/PhoneNumberField.ts +7 -6
  319. package/src/ProgressBar.ts +5 -4
  320. package/src/PromoTile.ts +3 -2
  321. package/src/RadioButton.ts +5 -4
  322. package/src/RatingBar.ts +2 -1
  323. package/src/RatingIndicator.ts +2 -1
  324. package/src/Review.ts +4 -3
  325. package/src/ReviewItem.ts +2 -1
  326. package/src/Search.ts +36 -19
  327. package/src/SearchTemplate.tsx +1 -1
  328. package/src/SearchableListBase.ts +4 -3
  329. package/src/SecondaryNavigation.ts +2 -1
  330. package/src/SecondaryNavigationSubItem.ts +2 -1
  331. package/src/SelectBase.ts +6 -12
  332. package/src/SelectBox.ts +1 -1
  333. package/src/SocialMediaButton.ts +2 -1
  334. package/src/StatusBadge.ts +7 -6
  335. package/src/StepInput.ts +9 -2
  336. package/src/StepInputTemplate.tsx +6 -2
  337. package/src/Tab.ts +2 -1
  338. package/src/TabNavigation.ts +2 -1
  339. package/src/Table.ts +7 -15
  340. package/src/TableCell.ts +3 -3
  341. package/src/TableCellBase.ts +1 -3
  342. package/src/TableCellTemplate.tsx +21 -0
  343. package/src/TableGroupRow.ts +4 -6
  344. package/src/TableGroupRowTemplate.tsx +36 -0
  345. package/src/TableHeaderCell.ts +3 -4
  346. package/src/TableHeaderCellTemplate.tsx +36 -0
  347. package/src/TableHeaderRow.ts +3 -5
  348. package/src/TableHeaderRowTemplate.tsx +13 -0
  349. package/src/TableRow.ts +3 -4
  350. package/src/TableRowBase.ts +1 -2
  351. package/src/TableRowTemplate.tsx +13 -0
  352. package/src/TableTemplate.tsx +94 -0
  353. package/src/TextArea.ts +8 -8
  354. package/src/TextField.ts +7 -6
  355. package/src/Toast.ts +17 -8
  356. package/src/ToastTemplate.tsx +42 -0
  357. package/src/TruncatedText.ts +3 -2
  358. package/src/Upload.ts +2 -1
  359. package/src/UploadItem.hbs +1 -1
  360. package/src/UploadItem.ts +13 -3
  361. package/src/generated/i18n/i18n-defaults.ts +2 -2
  362. package/src/generated/templates/MastheadShellTemplate.lit.ts +8 -7
  363. package/src/generated/templates/UploadItemTemplate.lit.ts +1 -1
  364. package/src/generated/themes/Checkbox.css.ts +1 -1
  365. package/src/generated/themes/Footer.css.ts +1 -1
  366. package/src/generated/themes/ImageGridTable.css.ts +9 -0
  367. package/src/generated/themes/ImageGridTableItem.css.ts +9 -0
  368. package/src/generated/themes/ImageGridTicker.css.ts +1 -1
  369. package/src/generated/themes/ImageGridTickerItem.css.ts +1 -1
  370. package/src/generated/themes/InputGroup.css.ts +1 -1
  371. package/src/generated/themes/Link.css.ts +1 -1
  372. package/src/generated/themes/MastheadItem.css.ts +1 -1
  373. package/src/generated/themes/MastheadShell.css.ts +1 -1
  374. package/src/generated/themes/RadioButton.css.ts +1 -1
  375. package/src/generated/themes/RatingIndicator.css.ts +1 -1
  376. package/src/generated/themes/Slider.css.ts +1 -1
  377. package/src/generated/themes/StatusMessage.css.ts +1 -1
  378. package/src/i18n/messagebundle.properties +6 -2
  379. package/src/i18n/messagebundle_en.properties +3 -2
  380. package/src/themes/Checkbox.css +21 -15
  381. package/src/themes/Footer.css +3 -2
  382. package/src/themes/ImageGridTable.css +47 -0
  383. package/src/themes/ImageGridTableItem.css +102 -0
  384. package/src/themes/ImageGridTicker.css +1 -0
  385. package/src/themes/ImageGridTickerItem.css +1 -1
  386. package/src/themes/InputGroup.css +11 -6
  387. package/src/themes/Link.css +2 -0
  388. package/src/themes/MastheadItem.css +1 -0
  389. package/src/themes/MastheadShell.css +1 -0
  390. package/src/themes/RadioButton.css +29 -6
  391. package/src/themes/StatusMessage.css +1 -2
  392. package/src/types/CustomTranslations.ts +1 -0
  393. package/src/types/EventRibbon.ts +1 -1
  394. package/src/utils/translate.ts +21 -0
  395. package/dist/assets/fi-hYXoEotT.js +0 -1
  396. package/dist/assets/gl-eZFVp-ap.js +0 -1
  397. package/dist/assets/messagebundle_en-D_yCmNrd.js +0 -1
  398. package/dist/generated/templates/TableCellTemplate.lit.d.ts +0 -3
  399. package/dist/generated/templates/TableCellTemplate.lit.js +0 -8
  400. package/dist/generated/templates/TableCellTemplate.lit.js.map +0 -1
  401. package/dist/generated/templates/TableGroupRowTemplate.lit.d.ts +0 -3
  402. package/dist/generated/templates/TableGroupRowTemplate.lit.js +0 -9
  403. package/dist/generated/templates/TableGroupRowTemplate.lit.js.map +0 -1
  404. package/dist/generated/templates/TableHeaderCellTemplate.lit.d.ts +0 -3
  405. package/dist/generated/templates/TableHeaderCellTemplate.lit.js +0 -11
  406. package/dist/generated/templates/TableHeaderCellTemplate.lit.js.map +0 -1
  407. package/dist/generated/templates/TableHeaderRowTemplate.lit.d.ts +0 -3
  408. package/dist/generated/templates/TableHeaderRowTemplate.lit.js +0 -8
  409. package/dist/generated/templates/TableHeaderRowTemplate.lit.js.map +0 -1
  410. package/dist/generated/templates/TableRowTemplate.lit.d.ts +0 -3
  411. package/dist/generated/templates/TableRowTemplate.lit.js +0 -8
  412. package/dist/generated/templates/TableRowTemplate.lit.js.map +0 -1
  413. package/dist/generated/templates/TableTemplate.lit.d.ts +0 -3
  414. package/dist/generated/templates/TableTemplate.lit.js +0 -13
  415. package/dist/generated/templates/TableTemplate.lit.js.map +0 -1
  416. package/dist/generated/templates/ToastTemplate.lit.d.ts +0 -3
  417. package/dist/generated/templates/ToastTemplate.lit.js +0 -10
  418. package/dist/generated/templates/ToastTemplate.lit.js.map +0 -1
  419. package/src/Table.hbs +0 -45
  420. package/src/TableCell.hbs +0 -4
  421. package/src/TableGroupRow.hbs +0 -24
  422. package/src/TableHeaderCell.hbs +0 -19
  423. package/src/TableHeaderRow.hbs +0 -3
  424. package/src/TableRow.hbs +0 -3
  425. package/src/Toast.hbs +0 -20
  426. package/src/generated/templates/TableCellTemplate.lit.ts +0 -12
  427. package/src/generated/templates/TableGroupRowTemplate.lit.ts +0 -13
  428. package/src/generated/templates/TableHeaderCellTemplate.lit.ts +0 -15
  429. package/src/generated/templates/TableHeaderRowTemplate.lit.ts +0 -12
  430. package/src/generated/templates/TableRowTemplate.lit.ts +0 -12
  431. package/src/generated/templates/TableTemplate.lit.ts +0 -17
  432. package/src/generated/templates/ToastTemplate.lit.ts +0 -14
package/dist/css/themes/Checkbox.css CHANGED
@@ -1 +1 @@
1
- :host{--udex-checkbox-success-border-color: var(--udexColorGreen6, #36A41D);--udex-checkbox-success-background-hover: var(--udexColorGreen1, #F5FAE5);--udex-checkbox-success-icon-color: var(--udexColorGreen8, #256F3A);--udex-checkbox-success-indeterminate-color: var(--udexColorGreen8, #256F3A);--udex-checkbox-error-border-color: var(--udexColorRed6, #EE3939);--udex-checkbox-error-background-hover: var(--udexColorRed1, #FFEAF4);--udex-checkbox-error-icon-color: var(--udexColorRed8, #AA0808);--udex-checkbox-error-indeterminate-color: var(--udexColorRed8, #AA0808);--udex-checkbox-background: var(--sapBackgroundColor, #FFF);--udex-checkbox-width-height: 24px;--udex-checkbox-root-width-height: 42px;--udex-checkbox-border: var(--sapElement_BorderWidth) solid var(--sapField_BorderColor);--udex-checkbox-border-radius: var(--udexRadiusXS, 4px);--udex-checkbox-checkmark-color: var(--udexColorBlue7, #0070F2);--udex-checkbox-selected-border-color: var(--sapField_BorderColor, #5B738B);--udex-checkbox-label-color: var(--udexColorGrey9, #223548);--udex-checkbox-label-offset: 2px;--udex-checkbox-hover-background: var(--sapInformationBackground, #EBF8FF);--udex-checkbox-hover-border-color: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-checkbox-icon-size: 16px;--udex-checkbox-disabled-label-color: var(--udexColorGrey9, #223548);--udex-checkbox-disabled-border-color: var(--sapField_BorderColor, #5B738B);--udex-checkbox-disabled-opacity: var(--sapContent_DisabledOpacity, .4);--udex-checkbox-active-border-color: var(--sapSelectedColor, #0070F2);--udex-checkbox-readonly-border: var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) dashed;padding-inline-end:var(--udexSpacer2, 2px)}:host .ui5-checkbox-root:focus:before,:host .ui5-checkbox-root:focus-visible:before{inset-inline:0px;inset-block:0px}:host([text]) .ui5-checkbox-root{padding-inline-end:0}:host([active]:not([checked]):not([value-state]):not([disabled])) .ui5-checkbox-inner,:host([active]:not([checked])[value-state="None"]:not([disabled])) .ui5-checkbox-inner{border-color:var(--udex-checkbox-active-border-color)}:host([disabled]) .ui5-checkbox-label{color:var(--udex-checkbox-disabled-label-color)}:host([disabled]) .ui5-checkbox-inner{border-color:var(--udex-checkbox-disabled-border-color)}.ui5-checkbox-icon,:host([indeterminate][checked]) .ui5-checkbox-inner:after{width:var(--udex-checkbox-icon-size);height:var(--udex-checkbox-icon-size)}.ui5-checkbox-inner{background:var(--udex-checkbox-background);min-width:var(--udex-checkbox-width-height);max-width:var(--udex-checkbox-width-height);height:var(--udex-checkbox-width-height);max-height:var(--udex-checkbox-width-height);border:var(--udex-checkbox-border);border-radius:var(--udex-checkbox-border-radius);color:var(--udex-checkbox-checkmark-color)}:host([checked]:not([value-state])) .ui5-checkbox-inner,:host([checked][value-state="None"]) .ui5-checkbox-inner{border-color:var(--udex-checkbox-selected-border-color)}.ui5-checkbox-root .ui5-checkbox-label{font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize, var(--sapFontSize, 16px));color:var(--udex-checkbox-label-color);margin-inline-start:var(--udex-checkbox-label-offset);margin-inline:var(--udex-checkbox-label-offset) 9px;margin-block:9px}:host(:not([active])[checked]:not([value-state])) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,:host(:not([active])[checked][value-state="None"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,:host(:not([active]):not([checked]):not([value-state])) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,:host(:not([active]):not([checked])[value-state="None"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner{background:var(--udex-checkbox-hover-background);border-color:var(--udex-checkbox-hover-border-color)}:host([display-only]) .ui5-checkbox-display-only-icon-inner{min-width:var(--udex-checkbox-width-height);min-height:var(--udex-checkbox-root-width-height)}:host([disabled]) .ui5-checkbox-root{opacity:var(--udex-checkbox-disabled-opacity)}:host([readonly]){--sapField_TextColor: var(--sapField_ReadOnly_BorderColor)}:host([value-state="Success"]) .ui5-checkbox-inner{border-color:var(--udex-checkbox-success-border-color)}:host(:not([disabled])[value-state="Success"]:hover) .ui5-checkbox-inner{background:var(--udex-checkbox-success-background-hover)}:host(:not([readonly])[value-state="Success"]) .ui5-checkbox-icon{color:var(--udex-checkbox-success-icon-color)}:host(:not([readonly])[value-state="Success"][indeterminate][checked]) .ui5-checkbox-inner:after{background:var(--udex-checkbox-success-indeterminate-color)}:host([value-state="Error"]) .ui5-checkbox-inner{border-color:var(--udex-checkbox-error-border-color)}:host(:not([disabled])[value-state="Error"]:hover) .ui5-checkbox-inner{background:var(--udex-checkbox-error-background-hover)}:host(:not([readonly])[value-state="Error"]) .ui5-checkbox-icon{color:var(--udex-checkbox-error-icon-color)}:host(:not([readonly])[value-state="Error"][indeterminate][checked]) .ui5-checkbox-inner:after{background:var(--udex-checkbox-error-indeterminate-color)}:host([display-only])::part(icon){height:24px;width:24px}.ui5-checkbox-root,:host(:not([wrapping-type="None"])[text]) .ui5-checkbox-root{padding:0}.ui5-checkbox-inner{margin:9px}:host([readonly]) .ui5-checkbox-inner,:host([readonly][value-state="Warning"][value-state="Error"][value-state="Success"]) .ui5-checkbox-inner{background:var(--sapField_ReadOnly_Background);border:var(--udex-checkbox-readonly-border);color:var(--sapField_TextColor)}:host([required]) .ui5-checkbox-label:after{padding-inline:var(--udexSpacer8) var(--udexSpacer2);content:"*"}
1
+ :host{--udex-checkbox-success-border-color: var(--udexColorGreen6, #36A41D);--udex-checkbox-success-background-hover: var(--udexColorGreen1, #F5FAE5);--udex-checkbox-success-icon-color: var(--udexColorGreen8, #256F3A);--udex-checkbox-success-indeterminate-color: var(--udexColorGreen8, #256F3A);--udex-checkbox-error-border-color: var(--udexColorRed6, #EE3939);--udex-checkbox-error-background-hover: var(--udexColorRed1, #FFEAF4);--udex-checkbox-error-icon-color: var(--udexColorRed8, #AA0808);--udex-checkbox-error-indeterminate-color: var(--udexColorRed8, #AA0808);--udex-checkbox-background: var(--sapBackgroundColor, #FFF);--udex-checkbox-width-height: var(--udexSpacer24, 24px);--udex-checkbox-root-width-height: var(--udexSpacer24, 24px);--udex-checkbox-border: var(--sapElement_BorderWidth) solid var(--sapField_BorderColor);--udex-checkbox-border-radius: var(--udexRadiusXS, 4px);--udex-checkbox-checkmark-color: var(--udexColorBlue7, #0070F2);--udex-checkbox-selected-border-color: var(--sapField_BorderColor, #5B738B);--udex-checkbox-label-color: var(--udexColorGrey9, #223548);--udex-checkbox-label-offset: var(--udexSpacer12, 12px);--udex-checkbox-hover-background: var(--sapInformationBackground, #EBF8FF);--udex-checkbox-hover-border-color: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-checkbox-icon-size: var(--udexSpacer16, 16px);--udex-checkbox-disabled-label-color: var(--udexColorGrey9, #223548);--udex-checkbox-disabled-border-color: var(--sapField_BorderColor, #5B738B);--udex-checkbox-disabled-opacity: var(--sapContent_DisabledOpacity, .4);--udex-checkbox-active-border-color: var(--sapSelectedColor, #0070F2);--udex-checkbox-readonly-border: var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) dashed;overflow:visible}:host(:not([hidden])){display:inline-flex}:host .ui5-checkbox-root:focus:before,:host .ui5-checkbox-root:focus-visible:before,:host([text]) .ui5-checkbox-root:focus:before,:host([text]) .ui5-checkbox-root:focus-visible:before,:host([desktop][text]:not([wrapping-type="None"])) .ui5-checkbox-root:focus:before{inset:-6px}:host([text]) .ui5-checkbox-root{padding-inline-end:0;min-height:var(--udex-checkbox-root-width-height)}:host([active]:not([checked]):not([value-state]):not([disabled])) .ui5-checkbox-inner,:host([active]:not([checked])[value-state="None"]:not([disabled])) .ui5-checkbox-inner{border-color:var(--udex-checkbox-active-border-color)}:host([disabled]) .ui5-checkbox-label{color:var(--udex-checkbox-disabled-label-color)}:host([disabled]) .ui5-checkbox-inner{border-color:var(--udex-checkbox-disabled-border-color)}.ui5-checkbox-icon,:host([indeterminate][checked]) .ui5-checkbox-inner:after{width:var(--udex-checkbox-icon-size);height:var(--udex-checkbox-icon-size)}.ui5-checkbox-inner{background:var(--udex-checkbox-background);min-width:var(--udex-checkbox-width-height);max-width:var(--udex-checkbox-width-height);height:var(--udex-checkbox-width-height);max-height:var(--udex-checkbox-width-height);border:var(--udex-checkbox-border);border-radius:var(--udex-checkbox-border-radius);color:var(--udex-checkbox-checkmark-color)}:host([checked]:not([value-state])) .ui5-checkbox-inner,:host([checked][value-state="None"]) .ui5-checkbox-inner{border-color:var(--udex-checkbox-selected-border-color)}.ui5-checkbox-root .ui5-checkbox-label{font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize, var(--sapFontSize, 16px));color:var(--udex-checkbox-label-color);margin-inline:var(--udex-checkbox-label-offset) 0;margin-block:0}:host(:not([active])[checked]:not([value-state])) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,:host(:not([active])[checked][value-state="None"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,:host(:not([active]):not([checked]):not([value-state])) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,:host(:not([active]):not([checked])[value-state="None"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner{background:var(--udex-checkbox-hover-background);border-color:var(--udex-checkbox-hover-border-color)}:host([display-only]) .ui5-checkbox-display-only-icon-inner{min-width:var(--udex-checkbox-width-height);min-height:var(--udex-checkbox-root-width-height)}:host([disabled]) .ui5-checkbox-root{opacity:var(--udex-checkbox-disabled-opacity)}:host([readonly]){--sapField_TextColor: var(--sapField_ReadOnly_BorderColor)}:host([value-state="Success"]) .ui5-checkbox-inner{border-color:var(--udex-checkbox-success-border-color)}:host(:not([disabled])[value-state="Success"]:hover) .ui5-checkbox-inner{background:var(--udex-checkbox-success-background-hover)}:host(:not([readonly])[value-state="Success"]) .ui5-checkbox-icon{color:var(--udex-checkbox-success-icon-color)}:host(:not([readonly])[value-state="Success"][indeterminate][checked]) .ui5-checkbox-inner:after{background:var(--udex-checkbox-success-indeterminate-color)}:host([value-state="Error"]) .ui5-checkbox-inner{border-color:var(--udex-checkbox-error-border-color)}:host(:not([disabled])[value-state="Error"]:hover) .ui5-checkbox-inner{background:var(--udex-checkbox-error-background-hover)}:host(:not([readonly])[value-state="Error"]) .ui5-checkbox-icon{color:var(--udex-checkbox-error-icon-color)}:host(:not([readonly])[value-state="Error"][indeterminate][checked]) .ui5-checkbox-inner:after{background:var(--udex-checkbox-error-indeterminate-color)}:host([display-only])::part(icon){height:var(--udexSpacer24);width:var(--udexSpacer24)}.ui5-checkbox-root,:host(:not([wrapping-type="None"])[text]) .ui5-checkbox-root{padding:0}.ui5-checkbox-inner{margin:0}:host([readonly]) .ui5-checkbox-inner,:host([readonly][value-state="Warning"][value-state="Error"][value-state="Success"]) .ui5-checkbox-inner{background:var(--sapField_ReadOnly_Background);border:var(--udex-checkbox-readonly-border);color:var(--sapField_TextColor)}:host([required]) .ui5-checkbox-label:after{padding-inline:var(--udexSpacer8) 0;content:"*"}
package/dist/css/themes/Footer.css CHANGED
@@ -1 +1 @@
1
- :host{--udex-footer-container-xl-max-width: 1432px;--udex-footer-container-l-max-width: 1456px;--udex-footer-background-color: var(--udexCoreSurfaceHigher, #EAECEE);--udex-footer-icon-color: var(--udexColorGrey9, #223548);--udex-footer-text-color: var(--sapShell_NeutralColor, #475E75);--udex-footer-expandable-link-text-color: var(--sapTitleColor, #000);--udex-footer-expandable-link-underline-border: var(--sapNeutralBorderColor, #A9B4BE);--udex-footer-link-color-heading: var(--sapShell_GroupTitleTextColor, #354A5F);--udex-footer-link-color: var(--sapShell_InteractiveTextColor, #354A5F);--udex-footer-tagline-max-width: 235px;--udex-footer-tagline-chinese-max-width: 93px;--udex-footer-logo-max-width: 66px;--udex-footer-logo-chinese-max-width: 139px;display:block;container-type:inline-size;width:100%}:host a{text-decoration:none;color:var(--udex-footer-link-color)}:host a:hover{text-decoration:underline}.udex-footer{background:var(--udex-footer-background-color);padding:var(--udexSpacer72) var(--udexSpacer84);font-family:var(--sapFontFamily);color:var(--udex-footer-text-color);position:relative}.udex-footer__content{display:flex;flex-wrap:wrap;position:relative;justify-content:space-between;margin:0 auto;max-width:var(--udex-footer-container-xl-max-width);column-gap:var(--udexSpacer48)}.udex-footer__contact-social{position:relative;flex:1 0 24.8%}.udex-footer__back-to-top-button{position:absolute;top:var(--udexSpacer48);right:var(--udexSpacer24);left:auto;bottom:auto}.udex-footer__back-to-top-button:dir(rtl){left:var(--udexSpacer24);right:auto}.udex-footer__logo{display:flex;align-items:start;margin-bottom:var(--udexSpacer48)}.udex-footer__logo a{display:inline-flex}.udex-footer__logo-image{height:32px;max-width:var(--udex-footer-logo-max-width)}.udex-footer__logo-image-chinese{width:var(--udex-footer-logo-chinese-max-width)}.udex-footer__contact-social,.udex-footer__numbers-wrapper,.udex-footer__contact{display:flex;flex-direction:column}.udex-footer__contact>div{display:flex;margin-bottom:var(--udexSpacer20)}.udex-footer__numbers-wrapper{gap:var(--udexSpacer20)}.udex-footer__icon-container{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:26px;height:26px;padding:var(--udexSpacer4);margin-inline-end:var(--udexSpacer16)}.udex-footer__contact .udex-footer__icon{width:18px;height:18px;color:var(--udex-footer-icon-color)}.udex-footer__country,.udex-footer__chat-with-us-link,.udex-footer__contact-us-link{font-size:var(--udexTypographyBodyXSFontSize);line-height:21px}.udex-footer__number{font-size:var(--udexTypographyHeadingMediumXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);line-height:22px}.udex-footer__remark,.udex-footer__remark-link{font-size:var(--udexTypographyBodyXXSFontSize);line-height:18px}.udex-footer__country{margin:0 0 var(--udexSpacer2)}.udex-footer__remark,.udex-footer__number{margin:var(--udexSpacer2) 0 0}.hidden,.udex-footer__divider,.udex-footer__action-item,.udex-footer__accordion::part(head){display:none}.udex-footer__social-container{display:flex;flex-wrap:wrap;width:100%;list-style-type:none;margin-block:0;padding-inline-start:0;padding-top:var(--udexSpacer20);row-gap:var(--udexSpacer12);column-gap:var(--udexSpacer12)}.udex-footer__links{display:flex;gap:var(--udexSpacer48);flex:1 1 59%}.udex-footer__links-group{flex-basis:21.5%}.udex-footer__links>div{margin:0}.udex-footer__links-list{list-style:none;margin:0;padding:0}.udex-footer__links-item{font-size:var(--udexTypographyNavigationMediumXLFontSize);line-height:18px;font-weight:var(--udexTypographyFontWeightMedium);color:var(--udex-footer-link-color-heading);margin:0 0 var(--udexSpacer20)}.udex-footer__links-list li a{padding:var(--udexSpacer8) 0;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight, 1.5);display:inline-block;box-sizing:border-box}:host([desktop]) .udex-footer a:focus,.udex-footer a:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--sapContent_FocusColor, #0040B0);border-radius:var(--udexRadiusXXS, 2px)}.udex-footer__contact-us,.udex-footer__chat-with-us{align-items:center}.udex-footer__copyright{display:flex;flex-direction:column;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight);padding-top:var(--udexSpacer32)}:host a.udex-footer__copyright-chinese-link{color:var(--udex-footer-text-color)}.udex-footer__tagline-image,.udex-footer__tagline-image-chinese{margin-inline-start:var(--udexSpacer4);width:100%}.udex-footer__tagline-image-chinese{max-width:var(--udex-footer-tagline-chinese-max-width)}.udex-footer__tagline-image{max-width:var(--udex-footer-tagline-max-width)}@media (max-width: 1599px){.udex-footer{padding:var(--udexSpacer72)}.udex-footer__content{max-width:var(--udex-footer-container-l-max-width)}}@media (max-width: 1279px){.udex-footer__action-item{--udex-accordion-item-header-padding: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);--udex-accordion-item-content-margin: var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer8)}.udex-footer__links-list li:not(:last-child){margin-bottom:var(--udexSpacer8)}.udex-footer__back-to-top-button{top:var(--udexSpacer40)}.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer84)}.udex-footer__copyright{padding:0}.udex-footer__content{flex-direction:column;flex-wrap:nowrap;gap:var(--udexSpacer20)}.udex-footer__logo{margin-bottom:var(--udexSpacer32)}.udex-footer__logo:only-child{margin-bottom:0}.udex-footer__contact-us,.udex-footer__chat-with-us,.udex-footer__contact>div{margin-bottom:auto}.udex-footer__social-container{padding-top:0}.udex-footer__back-to-top-button{right:var(--udexSpacer16)}.udex-footer__back-to-top-button:dir(rtl){left:var(--udexSpacer16)}.udex-footer__contact{gap:var(--udexSpacer48);flex-direction:row}.udex-footer__divider{display:block}.udex-footer__contact>div,.udex-footer__links-group{flex:1}.udex-footer__links{flex:1 1 auto}}@media (max-width: 979px){.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer48) var(--udexSpacer120) var(--udexSpacer48)}.udex-footer__back-to-top-button{bottom:38px;left:var(--udexSpacer48);top:auto;right:auto}.udex-footer__back-to-top-button:dir(rtl){bottom:38px;right:var(--udexSpacer48);top:auto;left:auto}.udex-footer__content{gap:var(--udexSpacer20)}.udex-footer__contact{gap:var(--udexSpacer20);flex-direction:column}.udex-footer__action-item{--udex-accordion-border-width: 1px;--udex-accordion-item-title-font-weight: var(--udexTypographyFontWeightRegular);--udex-accordion-item-headline-font-size: var(--udexTypographyHeadingRegularXXXXSFontSize);--udex-accordion-item-headline-color: var(--udex-footer-expandable-link-text-color);--udex-accordion-item-border-color: var(--udex-footer-expandable-link-underline-border);display:block;width:100%}.udex-footer__links,.udex-footer__divider{display:none}.udex-footer__accordion{padding:var(--udexSpacer12) 0}}@media (max-width: 639px){.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer24) var(--udexSpacer120)}.udex-footer__back-to-top-button{left:var(--udexSpacer24)}.udex-footer__back-to-top-button:dir(rtl){right:var(--udexSpacer24)}}
1
+ :host{--udex-footer-container-xl-max-width: 1432px;--udex-footer-container-l-max-width: 1456px;--udex-footer-background-color: var(--udexCoreSurfaceHigher, #EAECEE);--udex-footer-icon-color: var(--udexColorGrey9, #223548);--udex-footer-text-color: var(--sapShell_NeutralColor, #475E75);--udex-footer-expandable-link-text-color: var(--sapTitleColor, #000);--udex-footer-expandable-link-underline-border: var(--sapNeutralBorderColor, #A9B4BE);--udex-footer-link-color-heading: var(--sapShell_GroupTitleTextColor, #354A5F);--udex-footer-link-color: var(--sapShell_InteractiveTextColor, #354A5F);--udex-footer-tagline-max-width: 235px;--udex-footer-tagline-chinese-max-width: 93px;--udex-footer-logo-max-width: 66px;--udex-footer-logo-chinese-max-width: 139px;display:block;container-type:inline-size;width:100%}:host a{text-decoration:none;color:var(--udex-footer-link-color)}:host a:hover{text-decoration:underline}.udex-footer{background:var(--udex-footer-background-color);padding:var(--udexSpacer72) var(--udexSpacer84);font-family:var(--sapFontFamily);color:var(--udex-footer-text-color);position:relative}.udex-footer__content{display:flex;flex-wrap:wrap;position:relative;justify-content:space-between;margin:0 auto;max-width:var(--udex-footer-container-xl-max-width);column-gap:var(--udexSpacer48)}.udex-footer__contact-social{position:relative;flex:1 0 24.8%}.udex-footer__back-to-top-button{position:absolute;top:var(--udexSpacer48);right:var(--udexSpacer24);left:auto;bottom:auto}.udex-footer__back-to-top-button:dir(rtl){left:var(--udexSpacer24);right:auto}.udex-footer__logo{display:flex;align-items:start;margin-bottom:var(--udexSpacer48)}.udex-footer__logo a{display:inline-flex}.udex-footer__logo-image{height:32px;max-width:var(--udex-footer-logo-max-width)}.udex-footer__logo-image-chinese{width:var(--udex-footer-logo-chinese-max-width)}.udex-footer__contact-social,.udex-footer__numbers-wrapper,.udex-footer__contact{display:flex;flex-direction:column}.udex-footer__contact>div{display:flex;margin-bottom:var(--udexSpacer20)}.udex-footer__numbers-wrapper{gap:var(--udexSpacer20)}.udex-footer__icon-container{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:26px;height:26px;padding:var(--udexSpacer4);margin-inline-end:var(--udexSpacer16)}.udex-footer__contact .udex-footer__icon{width:18px;height:18px;color:var(--udex-footer-icon-color)}.udex-footer__country,.udex-footer__chat-with-us-link,.udex-footer__contact-us-link{font-size:var(--udexTypographyBodyXSFontSize);line-height:21px}.udex-footer__number{font-size:var(--udexTypographyHeadingMediumXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);line-height:22px}.udex-footer__remark,.udex-footer__remark-link{font-size:var(--udexTypographyBodyXXSFontSize);line-height:18px}.udex-footer__country{margin:0 0 var(--udexSpacer2)}.udex-footer__remark,.udex-footer__number{margin:var(--udexSpacer2) 0 0}.hidden,.udex-footer__divider,.udex-footer__action-item,.udex-footer__accordion::part(head){display:none}.udex-footer__social-container{display:flex;flex-wrap:wrap;width:100%;list-style-type:none;margin-block:0;padding-inline-start:0;padding-top:var(--udexSpacer20);row-gap:var(--udexSpacer12);column-gap:var(--udexSpacer12)}.udex-footer__links{display:flex;gap:var(--udexSpacer48);flex:1 1 59%}.udex-footer__links-group{flex-basis:21.5%}.udex-footer__links>div{margin:0}.udex-footer__links-list{list-style:none;margin:0;padding:0}.udex-footer__links-item{font-size:var(--udexTypographyNavigationMediumXLFontSize);line-height:18px;font-weight:var(--udexTypographyFontWeightMedium);color:var(--udex-footer-link-color-heading);margin:0 0 var(--udexSpacer20)}.udex-footer__links-list li a{padding:var(--udexSpacer8) 0;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight, 1.5);display:inline-block;box-sizing:border-box}:host([desktop]) .udex-footer a:focus,.udex-footer a:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--sapContent_FocusColor, #0040B0);border-radius:var(--udexRadiusXXS, 2px)}.udex-footer__contact-us,.udex-footer__chat-with-us{align-items:center}.udex-footer__copyright{display:flex;flex-direction:column;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight);padding-top:var(--udexSpacer32)}:host .udex-footer__copyright-chinese-link{--udex-link-font-size: inherit;--udex-link-subtle-color: var(--udex-footer-text-color)}.udex-footer__tagline-image,.udex-footer__tagline-image-chinese{margin-inline-start:var(--udexSpacer4);width:100%}.udex-footer__tagline-image-chinese{max-width:var(--udex-footer-tagline-chinese-max-width)}.udex-footer__tagline-image{max-width:var(--udex-footer-tagline-max-width)}@media (max-width: 1599px){.udex-footer{padding:var(--udexSpacer72)}.udex-footer__content{max-width:var(--udex-footer-container-l-max-width)}}@media (max-width: 1279px){.udex-footer__action-item{--udex-accordion-item-header-padding: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);--udex-accordion-item-content-margin: var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer8)}.udex-footer__links-list li:not(:last-child){margin-bottom:var(--udexSpacer8)}.udex-footer__back-to-top-button{top:var(--udexSpacer40)}.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer84)}.udex-footer__copyright{padding:0}.udex-footer__content{flex-direction:column;flex-wrap:nowrap;gap:var(--udexSpacer20)}.udex-footer__logo{margin-bottom:var(--udexSpacer32)}.udex-footer__logo:only-child{margin-bottom:0}.udex-footer__contact-us,.udex-footer__chat-with-us,.udex-footer__contact>div{margin-bottom:auto}.udex-footer__social-container{padding-top:0}.udex-footer__back-to-top-button{right:var(--udexSpacer16)}.udex-footer__back-to-top-button:dir(rtl){left:var(--udexSpacer16)}.udex-footer__contact{gap:var(--udexSpacer48);flex-direction:row}.udex-footer__divider{display:block}.udex-footer__contact>div,.udex-footer__links-group{flex:1}.udex-footer__links{flex:1 1 auto}}@media (max-width: 979px){.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer48) var(--udexSpacer120) var(--udexSpacer48)}.udex-footer__back-to-top-button{bottom:38px;left:var(--udexSpacer48);top:auto;right:auto}.udex-footer__back-to-top-button:dir(rtl){bottom:38px;right:var(--udexSpacer48);top:auto;left:auto}.udex-footer__content{gap:var(--udexSpacer20)}.udex-footer__contact{gap:var(--udexSpacer20);flex-direction:column}.udex-footer__action-item{--udex-accordion-border-width: 1px;--udex-accordion-item-title-font-weight: var(--udexTypographyFontWeightRegular);--udex-accordion-item-headline-font-size: var(--udexTypographyHeadingRegularXXXXSFontSize);--udex-accordion-item-headline-color: var(--udex-footer-expandable-link-text-color);--udex-accordion-item-border-color: var(--udex-footer-expandable-link-underline-border);display:block;width:100%}.udex-footer__links,.udex-footer__divider{display:none}.udex-footer__accordion{padding:var(--udexSpacer12) 0}}@media (max-width: 639px){.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer24) var(--udexSpacer120)}.udex-footer__back-to-top-button{left:var(--udexSpacer24)}.udex-footer__back-to-top-button:dir(rtl){right:var(--udexSpacer24)}}
package/dist/css/themes/ImageGridTable.css ADDED
@@ -0,0 +1 @@
1
+ :host{--udex-image-grid-table-columns: 1;--udex-image-grid-table-columns-s: 2;--udex-image-grid-table-columns-xs: 1;--udex-image-grid-table-gap-xl-m: var(--udexSpacer48);--udex-image-grid-table-gap-s: var(--udexSpacer32);--udex-image-grid-table-gap-xs: var(--udexSpacer32);--udex-image-grid-table-item-max-width: 250px;--udex-image-grid-table-item-min-width: 160px;container-type:inline-size;display:block}.udex-image-grid-table{container-type:inline-size;display:grid;gap:var(--udex-image-grid-table-gap-xl-m);grid-template-columns:repeat(var(--udex-image-grid-table-columns),minmax(var(--udex-image-grid-table-item-min-width),var(--udex-image-grid-table-item-max-width)))}:host ::slotted([udex-image-grid-table-item]){display:block;width:100%;max-width:var(--udex-image-grid-table-item-max-width)}@container (max-width: 979px){.udex-image-grid-table{gap:var(--udex-image-grid-table-gap-s);grid-template-columns:repeat(var(--udex-image-grid-table-columns-s),calc(50% - var(--udex-image-grid-table-gap-s)/2))}:host ::slotted([udex-image-grid-table-item]){max-width:100%}}@container (max-width: 639px){.udex-image-grid-table{gap:var(--udex-image-grid-table-gap-xs);grid-template-columns:repeat(var(--udex-image-grid-table-columns-xs),auto)}}
package/dist/css/themes/ImageGridTableItem.css ADDED
@@ -0,0 +1 @@
1
+ :host{--udex-image-grid-table-item-image-background: transparent;--udex-image-grid-table-item-max-width-desktop: 250px;--udex-image-grid-table-item-max-width-mobile: 100%;--udex-image-grid-table-item-grayscale: 1;--udex-image-grid-table-item-hover-grayscale: 0%;--udex-image-grid-table-item-hover-scale: 1.1;--udex-image-grid-table-item-max-width-image-mobile: 160px;--udex-image-grid-table-item-body-color: var(--udexColorGrey7, #223548);--udex-image-grid-table-item-headline-color: var(--udexCoreHeadingDark, #000)}.udex-image-grid-table-item{font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize);line-height:var(--udexTypographyBodyLineHeight);color:var(--udex-image-grid-table-item-body-color);max-width:var(--udex-image-grid-table-item-max-width-desktop);height:100%}.udex-image-grid-table-item__image-holder{display:flex;justify-content:center;align-items:center;width:100%;padding-top:50%;background:var(--udex-image-grid-table-item-image-background);position:relative}.udex-image-grid-table-item__image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;width:100%;max-height:100%;object-fit:contain}.udex-image-grid-table-item__headline{font-size:var(--udexTypographyHeadingBoldXXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);color:var(--udex-image-grid-table-item-headline-color)}.udex-image-grid-table-item__image-holder{margin-bottom:var(--udexSpacer24)}.udex-image-grid-table-item__headline{display:block;margin-bottom:var(--udexSpacer8)}.udex-image-grid-table-item__link-holder{display:flex;margin-top:var(--udexSpacer8)}:host([desktop]) a.udex-image-grid-table-item__image-holder:focus,a.udex-image-grid-table-item__image-holder:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusM, 8px)}:host([desktop]) a.udex-image-grid-table-item__image-holder{transition:transform .3s ease-in-out,filter .3s ease-in-out}:host([desktop]) a.udex-image-grid-table-item__image-holder:hover{transform:scale(var(--udex-image-grid-table-item-hover-scale))}:host([_grayscale]) .udex-image-grid-table-item__image-holder{filter:grayscale(var(--udex-image-grid-table-item-grayscale))}:host([_grayscale]) a.udex-image-grid-table-item__image-holder:hover{filter:grayscale(var(--udex-image-grid-table-item-hover-grayscale))}@container (max-width: 979px){.udex-image-grid-table-item{max-width:var(--udex-image-grid-table-item-max-width-mobile)}.udex-image-grid-table-item__image-holder{max-width:var(--udex-image-grid-table-item-max-width-image-mobile);height:calc(var(--udex-image-grid-table-item-max-width-image-mobile)/2);margin:0 auto var(--udexSpacer24);padding-top:0}.udex-image-grid-table-item__image{position:static;transform:none}}
package/dist/css/themes/ImageGridTicker.css CHANGED
@@ -1 +1 @@
1
- :host{--udex-image-grid-ticker-duration: 31s;--udex-image-grid-ticker-play-btn-color: var(--udexColorGrey7, #475E75);--udex-image-grid-ticker-play-btn-color-hover: #000;--udex-image-grid-ticker-min-height: 76px}:host([_is-scrollable]) .udex-image-grid-ticker__track{animation:scroll-ticker var(--udex-image-grid-ticker-duration) linear infinite}:host([_is-scrollable]:dir(rtl)) .udex-image-grid-ticker__track{animation:scroll-ticker-rtl var(--udex-image-grid-ticker-duration) linear infinite}:host([_is-paused]:dir(rtl)) .udex-image-grid-ticker__track,:host([_is-paused]) .udex-image-grid-ticker__track{animation-play-state:paused}:host([_is-focus-in]) .udex-image-grid-ticker__track{animation:none!important}:host([grayscale]) ::part(grid-image){filter:grayscale(100%)}:host([grayscale]) ::part(grid-image):hover{filter:grayscale(0%)}.udex-image-grid-ticker__track-holder{position:relative;overflow:hidden}.udex-image-grid-ticker__track{display:flex;align-items:center;min-height:var(--udex-image-grid-ticker-min-height);width:max-content}.udex-image-grid-ticker{display:flex;flex-direction:column-reverse}.udex-image-grid-ticker__track-wrapper{overflow:hidden;position:relative;width:100%;padding:14px 0}:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:after,:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:before{content:"";position:absolute;top:0;left:-25px;bottom:0;width:120px;background:linear-gradient(90deg,#FFF 23.96%,rgba(255,255,255,0) 100%);z-index:1}:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:after{right:-25px;left:auto;transform:rotate(180deg)}.udex-image-grid-ticker__play-button-holder{padding-top:34px}.udex-image-grid-ticker__play-button{position:relative;--udex-button-medium-size: 32px;--udex-button-icon-m-size: 32px;--udex-button-focus-border-radius: 50%;--udex-button-invisible-focus-inset: 0;--udex-button-color-invisible-standard-default-text-and-icon: var(--udex-image-grid-ticker-play-btn-color);--udex-button-color-invisible-standard-hover-text-and-icon: var(--udex-image-grid-ticker-play-btn-color-hover)}:host([desktop]) .udex-image-grid-ticker__play-button:focus:before,.udex-image-grid-ticker__play-button:focus-visible:before{content:"";position:absolute;inset:0;box-shadow:0 0 0 2px #fff;border-radius:50%}.udex-image-grid-ticker__play-button::part(button):focus-within:after,.udex-image-grid-ticker__play-button::part(button):focus-within:before{border-radius:50%}@keyframes scroll-ticker-rtl{0%{transform:translate(0)}to{transform:translate(50%)}}@keyframes scroll-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){:host([_is-scrollable]:dir(rtl)) .udex-image-grid-ticker__track,:host([_is-scrollable]) .udex-image-grid-ticker__track{animation:none}}@media (max-width: 979px){.udex-image-grid-ticker__track{min-height:auto;width:auto;justify-content:center;flex-wrap:wrap}:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:after,:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:before{display:none}}
1
+ :host{--udex-image-grid-ticker-duration: 31s;--udex-image-grid-ticker-play-btn-color: var(--udexColorGrey7, #475E75);--udex-image-grid-ticker-play-btn-color-hover: #000;--udex-image-grid-ticker-min-height: 76px}:host([_is-scrollable]) .udex-image-grid-ticker__track{animation:scroll-ticker var(--udex-image-grid-ticker-duration) linear infinite}:host([_is-scrollable]:dir(rtl)) .udex-image-grid-ticker__track{animation:scroll-ticker-rtl var(--udex-image-grid-ticker-duration) linear infinite}:host([_is-paused]:dir(rtl)) .udex-image-grid-ticker__track,:host([_is-paused]) .udex-image-grid-ticker__track{animation-play-state:paused}:host([_is-focus-in]) .udex-image-grid-ticker__track{animation:none!important}:host([grayscale]) ::part(grid-image){filter:grayscale(100%);transition:filter .3s ease-in-out}:host([grayscale]) ::part(grid-image):hover{filter:grayscale(0%)}.udex-image-grid-ticker__track-holder{position:relative;overflow:hidden}.udex-image-grid-ticker__track{display:flex;align-items:center;min-height:var(--udex-image-grid-ticker-min-height);width:max-content}.udex-image-grid-ticker{display:flex;flex-direction:column-reverse}.udex-image-grid-ticker__track-wrapper{overflow:hidden;position:relative;width:100%;padding:14px 0}:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:after,:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:before{content:"";position:absolute;top:0;left:-25px;bottom:0;width:120px;background:linear-gradient(90deg,#FFF 23.96%,rgba(255,255,255,0) 100%);z-index:1}:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:after{right:-25px;left:auto;transform:rotate(180deg)}.udex-image-grid-ticker__play-button-holder{padding-top:34px}.udex-image-grid-ticker__play-button{position:relative;--udex-button-medium-size: 32px;--udex-button-icon-m-size: 32px;--udex-button-focus-border-radius: 50%;--udex-button-invisible-focus-inset: 0;--udex-button-color-invisible-standard-default-text-and-icon: var(--udex-image-grid-ticker-play-btn-color);--udex-button-color-invisible-standard-hover-text-and-icon: var(--udex-image-grid-ticker-play-btn-color-hover)}:host([desktop]) .udex-image-grid-ticker__play-button:focus:before,.udex-image-grid-ticker__play-button:focus-visible:before{content:"";position:absolute;inset:0;box-shadow:0 0 0 2px #fff;border-radius:50%}.udex-image-grid-ticker__play-button::part(button):focus-within:after,.udex-image-grid-ticker__play-button::part(button):focus-within:before{border-radius:50%}@keyframes scroll-ticker-rtl{0%{transform:translate(0)}to{transform:translate(50%)}}@keyframes scroll-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){:host([_is-scrollable]:dir(rtl)) .udex-image-grid-ticker__track,:host([_is-scrollable]) .udex-image-grid-ticker__track{animation:none}}@media (max-width: 979px){.udex-image-grid-ticker__track{min-height:auto;width:auto;justify-content:center;flex-wrap:wrap}:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:after,:host([_is-scrollable]) .udex-image-grid-ticker__track-holder:before{display:none}}
package/dist/css/themes/ImageGridTickerItem.css CHANGED
@@ -1 +1 @@
1
- :host{--udex-image-grid-ticker-item-width: 120px;--udex-image-grid-ticker-item-height: 76px;--udex-image-grid-ticker-item-hover-scale: 1.3;--udex-image-grid-ticker-item-gaps: var(--udexSpacer12, 12px)}.udex-image-grid-ticker-item__link,.udex-image-grid-ticker-item{width:var(--udex-image-grid-ticker-item-width);height:var(--udex-image-grid-ticker-item-height);display:flex;align-items:center}.udex-image-grid-ticker-item{padding:0 var(--udex-image-grid-ticker-item-gaps)}.udex-image-grid-ticker-item__link{transition:transform .3s ease-in-out}:host([desktop]) .udex-image-grid-ticker-item__link:focus,.udex-image-grid-ticker-item__link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusM, 8px)}.udex-image-grid-ticker-item__link:hover{transform:scale(var(--udex-image-grid-ticker-item-hover-scale),1.3);z-index:10}.udex-image-grid-ticker-item__img{max-height:var(--udex-image-grid-ticker-item-height);object-fit:contain;width:100%}@media (prefers-reduced-motion: reduce){.udex-image-grid-ticker-item__link{transition:none}}@media (max-width: 979px){.udex-image-grid-ticker-item{padding:0 var(--udexSpacer8);margin-bottom:var(--udexSpacer16)}}
1
+ :host{--udex-image-grid-ticker-item-width: 120px;--udex-image-grid-ticker-item-height: 76px;--udex-image-grid-ticker-item-hover-scale: 1.3;--udex-image-grid-ticker-item-gaps: var(--udexSpacer20, 20px)}.udex-image-grid-ticker-item__link,.udex-image-grid-ticker-item{width:var(--udex-image-grid-ticker-item-width);height:var(--udex-image-grid-ticker-item-height);display:flex;align-items:center}.udex-image-grid-ticker-item{padding:0 var(--udex-image-grid-ticker-item-gaps)}.udex-image-grid-ticker-item__link{transition:transform .3s ease-in-out}:host([desktop]) .udex-image-grid-ticker-item__link:focus,.udex-image-grid-ticker-item__link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusM, 8px)}.udex-image-grid-ticker-item__link:hover{transform:scale(var(--udex-image-grid-ticker-item-hover-scale),1.3);z-index:10}.udex-image-grid-ticker-item__img{max-height:var(--udex-image-grid-ticker-item-height);object-fit:contain;width:100%}@media (prefers-reduced-motion: reduce){.udex-image-grid-ticker-item__link{transition:none}}@media (max-width: 979px){.udex-image-grid-ticker-item{padding:0 var(--udexSpacer8);margin-bottom:var(--udexSpacer16)}}
package/dist/css/themes/InputGroup.css CHANGED
@@ -1 +1 @@
1
- .udex-input-group__content{display:flex;flex-direction:column;gap:var(--udexSpacer4)}:host([orientation="Horizontal"]) .udex-input-group__content{flex-direction:row;flex-wrap:wrap;gap:var(--udexSpacer12)}.udex-input-group__content{padding-bottom:var(--udexSpacer4)}.hidden-text{display:none}
1
+ .udex-input-group__content{display:flex;flex-direction:column;gap:var(--udexSpacer20)}.udex-input-group__item{display:inline-flex}:host([orientation="Horizontal"]) .udex-input-group__content{flex-direction:row;flex-wrap:wrap;gap:var(--udexSpacer40);row-gap:var(--udexSpacer20)}.hidden-text{display:none}udex-status-message{--udex-status-message-supporting-text-paddings: var(--udexSpacer20) 0 0}
package/dist/css/themes/Link.css CHANGED
@@ -1 +1 @@
1
- :host{--udex-link-text-decoration: underline;--udex-link-hover-text-decoration: underline;--udex-link-focused-hover-text-decoration: underline;--udex-link-focus-text-decoration: underline;--udex-link-focus-outline-offset: var(--udexLinkOutlineOffset, 0px);--udex-link-focus-border-radius: var(--udexLinkOutlineRadius, 2px);--udex-link-emphasized-text-decoration: none;--udex-link-icon-height: 16px;--udex-link-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-link-color: var(--udexColorBlue8);--udex-link-hover-color: var(--udexColorBlue10);--udex-link-active-color: var(--udexColorBlue11);--udex-link-icon-width: 16px;--udex-link-white-space: break-spaces;--udex-link-subtle-color: var(--udexColorGrey8, #354A5F);--udex-link-subtle-hover-color: var(--udexColorGrey11, #12171C);--udex-link-subtle-active-color: var(--udexColorBlue9, #0040B0);--udex-link-subtle-visited-color: var(--udexColorGrey8, #354A5F);--udex-link-focus-background-color: transparent;--udex-link-focus-color: inherit;white-space:normal}:host([desktop]:hover:not(:active):focus-within),:host([design="Subtle"][desktop]:hover:not(:active):focus-within),:host([desktop]:focus-within),:host(:focus-visible),:host(:hover){color:var(--udex-link-hover-color)}:host(:hover){text-decoration:none}:host(:active){color:var(--udex-link-active-color)}:host,:host(:visited){color:var(--udex-link-color)}:host([end-icon]) .ui5-link-text{white-space:var(--udex-link-white-space);margin-inline-end:var(--udexSpacer20);vertical-align:middle}:host([design="Emphasized"]){font-weight:var(--udexTypographyFontWeightBold)}:host([design="Subtle"]){color:var(--udex-link-subtle-color)}:host([design="Subtle"][focused]),:host([design="Subtle"]:hover:not(:active)){color:var(--udex-link-subtle-hover-color)}:host([design="Subtle"]:active){color:var(--udex-link-subtle-active-color)}:host([design="Subtle"]:visited){color:var(--udex-link-subtle-visited-color)}:host([design="Subtle"]) .ui5-link-root:hover{text-decoration:var(--udex-link-hover-text-decoration)}.ui5-link-root{display:inline-block;overflow:visible;line-height:var(--udex-link-line-height)}[ui5-link][disabled] .linkIcon{opacity:inherit}.ui5-link-root slot{text-decoration:var(--udex-link-text-decoration);display:inline}.ui5-link-root:hover slot{text-decoration:var(--udex-link-hover-text-decoration)}:host(:not([desktop])) .ui5-link-root:focus-visible,:host([design="Emphasized"][desktop]:focus-within),:host([design="Emphasized"][desktop]:hover:not(:active):focus-within),:host([design="Emphasized"]:active),:host([desktop][design="Emphasized"]:active),:host([desktop][design="Emphasized"]:active:hover),:host([design="Emphasized"]) slot,:host([design="Emphasized"]:hover) slot,:host([design="Emphasized"][desktop]:hover) slot,:host([end-icon]) slot,:host([icon]) slot{text-decoration:var(--udex-link-emphasized-text-decoration)}:host(:hover) slot{text-decoration:var(--udex-link-hover-text-decoration)}[ui5-icon]{width:var(--udex-link-icon-width);height:var(--udex-link-icon-height)}:host([desktop]:hover:active),:host([desktop]:active){text-decoration:var(--udex-link-focus-text-decoration)}:host .ui5-link-root{outline-offset:var(--udex-link-focus-outline-offset)}:host([design="Subtle"][desktop]) .ui5-link-root:focus-within,:host([desktop]) .ui5-link-root:focus-within,:host .ui5-link-root:focus-visible{outline:var(--sapContent_FocusColor, #002A86) var(--sapContent_FocusStyle, "solid") var(--sapContent_FocusWidth, .125rem);border-radius:var(--udex-link-focus-border-radius)}.ui5-link-root:focus-visible,:host([desktop]) .ui5-link-root:focus-within,:host([design="Subtle"]) .ui5-link-root:focus-visible,:host([design="Subtle"][desktop]) .ui5-link-root:focus-within{background-color:var(--udex-link-focus-background-color)}[ui5-link],.ui5-link-icon,.ui5-link-root:active .ui5-link-icon,.ui5-link-root:focus-visible,:host([desktop]) .ui5-link-root:focus-within,:host([design="Subtle"]) .ui5-link-root:focus-visible,:host([design="Subtle"][desktop]) .ui5-link-root:focus-within{color:var(--udex-link-focus-color)}.ui5-link-icon{margin-inline-end:0;padding-inline-end:var(--udexSpacer4, 4px);vertical-align:middle;float:none}.ui5-link-end-icon{margin-inline-start:calc(var(--udexSpacer20)* -1);padding-inline-start:var(--udexSpacer4, 4px);vertical-align:middle}
1
+ :host{--udex-link-font-size: var(--sapFontSize);--udex-link-text-decoration: underline;--udex-link-hover-text-decoration: underline;--udex-link-focused-hover-text-decoration: underline;--udex-link-focus-text-decoration: underline;--udex-link-focus-outline-offset: var(--udexLinkOutlineOffset, 0px);--udex-link-focus-border-radius: var(--udexLinkOutlineRadius, 2px);--udex-link-emphasized-text-decoration: none;--udex-link-icon-height: 16px;--udex-link-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-link-color: var(--udexColorBlue8);--udex-link-hover-color: var(--udexColorBlue10);--udex-link-active-color: var(--udexColorBlue11);--udex-link-icon-width: 16px;--udex-link-white-space: break-spaces;--udex-link-subtle-color: var(--udexColorGrey8, #354A5F);--udex-link-subtle-hover-color: var(--udexColorGrey11, #12171C);--udex-link-subtle-active-color: var(--udexColorBlue9, #0040B0);--udex-link-subtle-visited-color: var(--udexColorGrey8, #354A5F);--udex-link-focus-background-color: transparent;--udex-link-focus-color: inherit;white-space:normal}:host([desktop]:hover:not(:active):focus-within),:host([design="Subtle"][desktop]:hover:not(:active):focus-within),:host([desktop]:focus-within),:host(:focus-visible),:host(:hover){color:var(--udex-link-hover-color)}:host(:hover){text-decoration:none}:host(:active){color:var(--udex-link-active-color)}:host,:host(:visited){color:var(--udex-link-color);font-size:var(--udex-link-font-size)}:host([end-icon]) .ui5-link-text{white-space:var(--udex-link-white-space);margin-inline-end:var(--udexSpacer20);vertical-align:middle}:host([design="Emphasized"]){font-weight:var(--udexTypographyFontWeightBold)}:host([design="Subtle"]){color:var(--udex-link-subtle-color)}:host([design="Subtle"][focused]),:host([design="Subtle"]:hover:not(:active)){color:var(--udex-link-subtle-hover-color)}:host([design="Subtle"]:active){color:var(--udex-link-subtle-active-color)}:host([design="Subtle"]:visited){color:var(--udex-link-subtle-visited-color)}:host([design="Subtle"]) .ui5-link-root:hover{text-decoration:var(--udex-link-hover-text-decoration)}.ui5-link-root{display:inline-block;overflow:visible;line-height:var(--udex-link-line-height)}[ui5-link][disabled] .linkIcon{opacity:inherit}.ui5-link-root slot{text-decoration:var(--udex-link-text-decoration);display:inline}.ui5-link-root:hover slot{text-decoration:var(--udex-link-hover-text-decoration)}:host(:not([desktop])) .ui5-link-root:focus-visible,:host([design="Emphasized"][desktop]:focus-within),:host([design="Emphasized"][desktop]:hover:not(:active):focus-within),:host([design="Emphasized"]:active),:host([desktop][design="Emphasized"]:active),:host([desktop][design="Emphasized"]:active:hover),:host([design="Emphasized"]) slot,:host([design="Emphasized"]:hover) slot,:host([design="Emphasized"][desktop]:hover) slot,:host([end-icon]) slot,:host([icon]) slot{text-decoration:var(--udex-link-emphasized-text-decoration)}:host(:hover) slot{text-decoration:var(--udex-link-hover-text-decoration)}[ui5-icon]{width:var(--udex-link-icon-width);height:var(--udex-link-icon-height)}:host([desktop]:hover:active),:host([desktop]:active){text-decoration:var(--udex-link-focus-text-decoration)}:host .ui5-link-root{outline-offset:var(--udex-link-focus-outline-offset)}:host([design="Subtle"][desktop]) .ui5-link-root:focus-within,:host([desktop]) .ui5-link-root:focus-within,:host .ui5-link-root:focus-visible{outline:var(--sapContent_FocusColor, #002A86) var(--sapContent_FocusStyle, "solid") var(--sapContent_FocusWidth, .125rem);border-radius:var(--udex-link-focus-border-radius)}.ui5-link-root:focus-visible,:host([desktop]) .ui5-link-root:focus-within,:host([design="Subtle"]) .ui5-link-root:focus-visible,:host([design="Subtle"][desktop]) .ui5-link-root:focus-within{background-color:var(--udex-link-focus-background-color)}[ui5-link],.ui5-link-icon,.ui5-link-root:active .ui5-link-icon,.ui5-link-root:focus-visible,:host([desktop]) .ui5-link-root:focus-within,:host([design="Subtle"]) .ui5-link-root:focus-visible,:host([design="Subtle"][desktop]) .ui5-link-root:focus-within{color:var(--udex-link-focus-color)}.ui5-link-icon{margin-inline-end:0;padding-inline-end:var(--udexSpacer4, 4px);vertical-align:middle;float:none}.ui5-link-end-icon{margin-inline-start:calc(var(--udexSpacer20)* -1);padding-inline-start:var(--udexSpacer4, 4px);vertical-align:middle}
package/dist/css/themes/MastheadItem.css CHANGED
@@ -1 +1 @@
1
- :host{--udex-masthead-item-background: none;--udex-masthead-item-border: none;--udex-masthead-item-padding: 1.35rem 0;--udex-masthead-item-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-masthead-item-line-height: var(--udexTypographyEyebrowLineHeight, 1.1);--udex-masthead-item-color: var(--udexColorGrey9, #223548);--udex-masthead-item-font-family: var(--sapFontFamily);--udex-masthead-item-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-item-border-color: var(--udexColorBlue8, #0057D2);--udex-masthead-item-country-border-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-border-radius: var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;--udex-masthead-item-border-width: .188rem;--udex-masthead-item-align-content: center;--udex-masthead-item-justify-content: center;--udex-masthead-item-display: inline-flex;--udex-masthead-item-icon-size: 1.125rem;--udex-masthead-item-icon-container-size: 2rem;--udex-masthead-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-masthead-item-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-item-dropdown-position-left: -55px;--udex-masthead-item-dropdown-position-right: -55px;--udex-masthead-item-dropdown-mobile-min-width: 360px;--udex-masthead-item-dropdown-select-box-min-width: 397px;--udex-masthead-item-dropdown-position: absolute;--udex-masthead-item-dropdown-mobile-height: var(--udex-masthead-shell-mobile-menu-height, 100%);--udex-masthead-item-dropdown-box-shadow-mobile: none;--udex-masthead-item-dropdown-zindex: 100;--udex-masthead-item-button-icon-size: 32px;--udex-masthead-item-arrow-icon-size: 16px;--udex-masthead-item-arrow-margin-inline-start: var(--udexSpacer4);display:var(--udex-masthead-item-display);align-items:var(--udex-masthead-item-align-content);justify-content:var(--udex-masthead-item-justify-content);position:relative;font-family:var(--udex-masthead-item-font-family);font-size:var(--udex-masthead-item-font-size);line-height:var(--udex-masthead-item-line-height)}.udex-masthead-item__dropdown{position:absolute;top:100%;left:var(--udex-masthead-item-dropdown-position-left);z-index:var(--udex-masthead-item-dropdown-zindex);box-shadow:var(--udex-masthead-item-dropdown-box-shadow)}.udex-masthead-item__button--support+.udex-masthead-item__dropdown,.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{top:46px;left:auto;right:0}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-select-box-min-width)}.udex-masthead-item__image-wrap{position:relative;display:flex}:host([desktop]) .udex-masthead-item__button--country-selector:hover .udex-masthead-item__image-wrap:after{content:"";position:absolute;inset:0;border:1px solid var(--udex-masthead-item-country-border-color-hover);border-radius:50%;box-sizing:border-box}.udex-masthead-item__button--explore+.udex-masthead-item__dropdown{top:60px;inset-inline-start:0;box-sizing:border-box;inline-size:100%}:host([slot="exploreSAP"]){position:inherit}.udex-masthead-item__dropdown-holder{position:relative}.udex-masthead-item{font-size:inherit;line-height:inherit;font-family:inherit;color:var(--udex-masthead-item-color);background:var(--udex-masthead-item-background);border:var(--udex-masthead-item-border);padding:var(--udex-masthead-item-padding);cursor:pointer;text-decoration:none;white-space:nowrap;position:relative}.udex-masthead-item__button--icon{display:flex;align-items:center;justify-content:center;width:var(--udex-masthead-item-button-icon-size);height:var(--udex-masthead-item-button-icon-size)}.udex-masthead-item.udex-masthead-item__button--profile,.udex-masthead-item.udex-masthead-item__button--icon{padding:0}.udex-masthead-item:focus{outline:none}.udex-masthead-item__text{display:flex;align-items:center}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__text,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,.udex-masthead-item:focus-visible .udex-masthead-item__image,.udex-masthead-item:focus-visible .udex-masthead-item__text,.udex-masthead-item:focus-visible .udex-masthead-item__icon{outline:var(--udexRadiusXXS) solid var(--udex-masthead-item-outline-border-color);outline-offset:2px;border-radius:var(--udexRadiusXXS)}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,.udex-masthead-item:focus .udex-masthead-item__image,.udex-masthead-item:focus .udex-masthead-item__icon{outline-offset:6px}.udex-masthead-item.udex-masthead-item__button--profile:focus .udex-masthead-item__text{border-radius:50%}.udex-masthead-item__dropdown-icon{width:var(--udex-masthead-item-arrow-icon-size);height:var(--udex-masthead-item-arrow-icon-size);margin-inline-start:var(--udex-masthead-item-arrow-margin-inline-start)}:host(:hover) .udex-masthead-item,:host(:hover) .udex-masthead-item__image,:host(:hover) .udex-masthead-item__icon,:host(:hover) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-hover)}:host(:active) .udex-masthead-item,:host([selected]) .udex-masthead-item,:host(:active) .udex-masthead-item-icon,:host([selected]) .udex-masthead-item-icon,:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-active)}:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{transform:rotate(180deg)}:host(:active):not([hide-active-border]) .udex-masthead-item:after,:host([selected]:not([hide-active-border])) .udex-masthead-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--udex-masthead-item-border-width);background-color:var(--udex-masthead-item-border-color);border-radius:var(--udex-masthead-item-border-radius)}:host(:active) .udex-masthead-item.udex-masthead-item__button--icon:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--icon:after,:host(:active) .udex-masthead-item.udex-masthead-item__button--profile:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--profile:after{bottom:-14px;left:0;right:0}:host([selected]) .udex-masthead-item__image,:host(:active) .udex-masthead-item__image,:host([selected]) .udex-masthead-item__icon,:host(:active) .udex-masthead-item__icon{color:var(--udex-masthead-item-color-active)}.udex-masthead-item__image,.udex-masthead-item__icon{width:var(--udex-masthead-item-icon-size);height:var(--udex-masthead-item-icon-size);color:var(--udex-masthead-item-color)}.udex-masthead-item__avatar-container{display:flex;align-items:center;justify-content:center;width:auto;height:auto}:host(:dir(rtl)) .udex-masthead-item__dropdown{right:var(--udex-masthead-item-dropdown-position-right);left:auto}:host(:dir(rtl)) .udex-masthead-item__button--support+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--explore+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--profile+.udex-masthead-item__dropdown{left:0;right:auto}:host([slot="exploreSAP"]) ::slotted([slot="dropdown"]){--udex-masthead-menu-padding-desktop: 32px var(--udexSpacer72);--udex-masthead-menu-column-width: auto;--udex-masthead-menu-grid-template-columns: repeat(4, calc(25% - var(--udex-masthead-menu-column_gap)*3/4))}:host([slot="countrySelector"]) ::slotted([slot="dropdown"]),:host([slot="profile"]) ::slotted([slot="dropdown"]){width:100%;display:flex;flex-direction:column}:host([slot="countrySelector"][_is-mobile-mode]) ::slotted([slot="dropdown"]),:host([slot="profile"][_is-mobile-mode]) ::slotted([slot="dropdown"]){display:initial}:host([_is-mobile-mode]) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-mobile-height);width:var(--udex-masthead-item-dropdown-mobile-min-width);top:60px;right:0;left:auto}:host([_is-mobile-mode]) .udex-masthead-item__dropdown-holder,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown-holder{height:100%;box-shadow:none}:host([_is-mobile-mode]) .udex-masthead-item__dropdown:after,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}:host([_is-mobile-mode]),:host([part="menu-open-btn"]){position:initial}.udex-masthead-hidden-text{display:none}@media (max-width: 1279px){:host{position:initial}:host([slot="countrySelector"]) ::slotted([slot="dropdown"]),:host([slot="profile"]) ::slotted([slot="dropdown"]){display:initial}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--support+.udex-masthead-item__dropdown,.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown,.udex-masthead-item__dropdown{top:60px}:host(:dir(rtl)) .udex-masthead-item__dropdown{left:0;right:auto}.udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-mobile-height);width:var(--udex-masthead-item-dropdown-mobile-min-width);box-shadow:var(--udex-masthead-item-dropdown-box-shadow-mobile);top:60px}.udex-masthead-item__dropdown-holder{height:100%}.udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}}@media (max-width: 979px){:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown,.udex-masthead-item__dropdown{width:100%}}
1
+ :host{--udex-masthead-item-background: none;--udex-masthead-item-border: none;--udex-masthead-item-padding: 1.35rem 0;--udex-masthead-item-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-masthead-item-line-height: var(--udexTypographyEyebrowLineHeight, 1.1);--udex-masthead-item-color: var(--udexColorGrey9, #223548);--udex-masthead-item-font-family: var(--sapFontFamily);--udex-masthead-item-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-item-border-color: var(--udexColorBlue8, #0057D2);--udex-masthead-item-country-border-color-hover: var(--udexColorBlue8, #0057D2);--udex-masthead-item-border-radius: var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;--udex-masthead-item-border-width: .188rem;--udex-masthead-item-align-content: center;--udex-masthead-item-justify-content: center;--udex-masthead-item-display: inline-flex;--udex-masthead-item-icon-size: 1.125rem;--udex-masthead-item-icon-container-size: 2rem;--udex-masthead-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-masthead-item-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-item-dropdown-position-left: -55px;--udex-masthead-item-dropdown-position-right: -55px;--udex-masthead-item-dropdown-mobile-min-width: 360px;--udex-masthead-item-dropdown-select-box-min-width: 397px;--udex-masthead-item-dropdown-position: absolute;--udex-masthead-item-dropdown-mobile-height: var(--udex-masthead-shell-mobile-menu-height, 100%);--udex-masthead-item-dropdown-box-shadow-mobile: none;--udex-masthead-item-dropdown-zindex: 100;--udex-masthead-item-button-icon-size: 32px;--udex-masthead-item-arrow-icon-size: 16px;--udex-masthead-item-arrow-margin-inline-start: var(--udexSpacer4);display:var(--udex-masthead-item-display);align-items:var(--udex-masthead-item-align-content);justify-content:var(--udex-masthead-item-justify-content);position:relative;font-family:var(--udex-masthead-item-font-family);font-size:var(--udex-masthead-item-font-size);line-height:var(--udex-masthead-item-line-height)}.udex-masthead-item__dropdown{position:absolute;top:100%;left:var(--udex-masthead-item-dropdown-position-left);z-index:var(--udex-masthead-item-dropdown-zindex);box-shadow:var(--udex-masthead-item-dropdown-box-shadow)}.udex-masthead-item__button--support+.udex-masthead-item__dropdown,.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{top:46px;left:auto;right:0}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-select-box-min-width)}.udex-masthead-item__image-wrap{position:relative;display:flex}:host([desktop]) .udex-masthead-item__button--country-selector:hover .udex-masthead-item__image-wrap:after{content:"";position:absolute;inset:0;border:1px solid var(--udex-masthead-item-country-border-color-hover);border-radius:50%;box-sizing:border-box}.udex-masthead-item__button--explore+.udex-masthead-item__dropdown{top:60px;inset-inline-start:0;box-sizing:border-box;inline-size:100%}:host([slot="exploreSAP"]){position:inherit}.udex-masthead-item__dropdown-holder{position:relative}.udex-masthead-item{font-size:inherit;line-height:inherit;font-family:inherit;color:var(--udex-masthead-item-color);background:var(--udex-masthead-item-background);border:var(--udex-masthead-item-border);padding:var(--udex-masthead-item-padding);cursor:pointer;text-decoration:none;white-space:nowrap;position:relative}.udex-masthead-item__button--icon{display:flex;align-items:center;justify-content:center;width:var(--udex-masthead-item-button-icon-size);height:var(--udex-masthead-item-button-icon-size)}.udex-masthead-item.udex-masthead-item__button--profile,.udex-masthead-item.udex-masthead-item__button--icon{padding:0}.udex-masthead-item:focus{outline:none}.udex-masthead-item__text{display:flex;align-items:center}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__text,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,.udex-masthead-item:focus-visible .udex-masthead-item__image,.udex-masthead-item:focus-visible .udex-masthead-item__text,.udex-masthead-item:focus-visible .udex-masthead-item__icon{outline:var(--udexRadiusXXS) solid var(--udex-masthead-item-outline-border-color);outline-offset:2px;border-radius:var(--udexRadiusXXS)}:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__image,:host([desktop]) .udex-masthead-item:focus .udex-masthead-item__icon,.udex-masthead-item:focus .udex-masthead-item__image,.udex-masthead-item:focus .udex-masthead-item__icon{outline-offset:6px}.udex-masthead-item.udex-masthead-item__button--profile:focus .udex-masthead-item__text{border-radius:50%}.udex-masthead-item__dropdown-icon{width:var(--udex-masthead-item-arrow-icon-size);height:var(--udex-masthead-item-arrow-icon-size);margin-inline-start:var(--udex-masthead-item-arrow-margin-inline-start)}:host(:hover) .udex-masthead-item,:host(:hover) .udex-masthead-item__image,:host(:hover) .udex-masthead-item__icon,:host(:hover) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-hover)}:host(:active) .udex-masthead-item,:host([selected]) .udex-masthead-item,:host(:active) .udex-masthead-item-icon,:host([selected]) .udex-masthead-item-icon,:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{color:var(--udex-masthead-item-color-active)}:host(:active) .udex-masthead-item__dropdown-icon,:host([selected]) .udex-masthead-item__dropdown-icon{transform:rotate(180deg)}:host(:active):not([hide-active-border]) .udex-masthead-item:after,:host([selected]:not([hide-active-border])) .udex-masthead-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--udex-masthead-item-border-width);background-color:var(--udex-masthead-item-border-color);border-radius:var(--udex-masthead-item-border-radius)}:host(:active) .udex-masthead-item.udex-masthead-item__button--icon:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--icon:after,:host(:active) .udex-masthead-item.udex-masthead-item__button--profile:after,:host([selected]) .udex-masthead-item.udex-masthead-item__button--profile:after{bottom:-14px;left:0;right:0}:host([selected]) .udex-masthead-item__image,:host(:active) .udex-masthead-item__image,:host([selected]) .udex-masthead-item__icon,:host(:active) .udex-masthead-item__icon{color:var(--udex-masthead-item-color-active)}.udex-masthead-item__image,.udex-masthead-item__icon{width:var(--udex-masthead-item-icon-size);height:var(--udex-masthead-item-icon-size);color:var(--udex-masthead-item-color)}.udex-masthead-item__avatar-container{display:flex;align-items:center;justify-content:center;width:auto;height:auto}:host(:dir(rtl)) .udex-masthead-item__dropdown{right:var(--udex-masthead-item-dropdown-position-right);left:auto}:host(:dir(rtl)) .udex-masthead-item__button--support+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--explore+.udex-masthead-item__dropdown,:host(:dir(rtl)) .udex-masthead-item__button--profile+.udex-masthead-item__dropdown{left:0;right:auto}:host([slot="exploreSAP"]) ::slotted([slot="dropdown"]){--udex-masthead-menu-padding-desktop: 32px var(--udexSpacer72);--udex-masthead-menu-column-width: auto;--udex-masthead-menu-grid-template-columns: repeat(4, calc(25% - var(--udex-masthead-menu-column_gap)*3/4))}:host([slot="countrySelector"]) ::slotted([slot="dropdown"]),:host([slot="profile"]) ::slotted([slot="dropdown"]){width:100%;display:flex;flex-direction:column}:host([slot="countrySelector"][_is-mobile-mode]) ::slotted([slot="dropdown"]),:host([slot="profile"][_is-mobile-mode]) ::slotted([slot="dropdown"]){display:initial}:host([_is-mobile-mode]) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-mobile-height);width:var(--udex-masthead-item-dropdown-mobile-min-width);top:60px;right:0;left:auto}:host([_is-mobile-mode]) .udex-masthead-item__dropdown-holder,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown-holder{height:100%;box-shadow:none}:host([_is-mobile-mode]) .udex-masthead-item__dropdown:after,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}:host([_is-mobile-mode]),:host([part="menu-open-btn"]){position:initial}.udex-masthead-hidden-text{display:none}@media (max-width: 1279px){:host{position:initial}:host([slot="countrySelector"]) ::slotted([slot="dropdown"]),:host([slot="profile"]) ::slotted([slot="dropdown"]){display:initial}.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown{min-width:var(--udex-masthead-item-dropdown-mobile-min-width)}.udex-masthead-item__button--support+.udex-masthead-item__dropdown,.udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown,.udex-masthead-item__button--profile+.udex-masthead-item__dropdown,.udex-masthead-item__dropdown{top:60px}:host(:dir(rtl)) .udex-masthead-item__dropdown{left:0;right:auto}.udex-masthead-item__dropdown{position:var(--udex-masthead-item-dropdown-position);height:var(--udex-masthead-item-dropdown-mobile-height);width:var(--udex-masthead-item-dropdown-mobile-min-width);box-shadow:var(--udex-masthead-item-dropdown-box-shadow-mobile);top:60px}.udex-masthead-item__dropdown-holder{height:100%;overflow:auto}.udex-masthead-item__dropdown:after{box-shadow:var(--udex-masthead-shell-dropdown-shadow);pointer-events:none;content:"";position:absolute;inset:-60px 0 0}}@media (max-width: 979px){:host([_is-mobile-mode]) .udex-masthead-item__dropdown,:host([part="menu-open-btn"]) .udex-masthead-item__dropdown,.udex-masthead-item__dropdown{width:100%}}
package/dist/css/themes/MastheadShell.css CHANGED
@@ -1 +1 @@
1
- :host{--udex-masthead-shell-logo-width: 64px;--udex-masthead-shell-co-brand-width: 135px;--udex-masthead-shell-height: 60px;--udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);--udex-masthead-shell-dropdown-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-shell-site-label-font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);--udex-masthead-shell-site-label-line-height: 24px;--udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-masthead-shell-site-label-text-decoration: none;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-masthead-shell-item-gap: var(--udexSpacer24);--udex-masthead-shell-item-icon-gap: var(--udexSpacer8);--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexCoreDividerLight, #D5DADD);--udex-masthead-shell-z-index: 10;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px;--udex-masthead-mobile-menu-buttons-width: 360px;--udex-masthead-right-menu-padding: var(--udexSpacer64);--udex-masthead-shell-explore-margin: var(--udexSpacer12);--udex-masthead-shell-mobile-menu-height: 100%}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([show-search-by-default]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([_is-search-opened]) .udex-masthead-shell__main-content{width:30%}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-search-opened]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:var(--udex-masthead-shell-height)}.udex-masthead-shell__logo{margin-inline-end:var(--udexSpacer16);width:var(--udex-masthead-shell-logo-width)}.udex-masthead-shell__co-brand{width:var(--udex-masthead-shell-co-brand-width);margin-inline-end:var(--udexSpacer24);padding-inline-start:var(--udexSpacer16);border-inline-start:1px solid var(--udexCoreDividerLight, #D5DADD)}.udex-masthead-shell__co-brand,.udex-masthead-shell__co-brand-link{display:flex}.udex-masthead-shell__co-brand-image,.udex-masthead-shell__logo-image{width:100%}.udex-masthead-shell__logo--link{cursor:pointer;display:flex}.udex-masthead-shell__co-brand-link:focus,.udex-masthead-shell__co-brand-link:focus-visible,.udex-masthead-shell__logo--link:focus,.udex-masthead-shell__site-label--link:focus{outline:none}:host([desktop]) .udex-masthead-shell__site-label--link:focus,:host([desktop]) .udex-masthead-shell__logo--link:focus,.udex-masthead-shell__logo--link:focus-visible,.udex-masthead-shell__site-label--link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);outline-offset:var(--udexSpacer2);border-radius:var(--udexRadiusXXS)}.udex-masthead-shell__site-label{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-shell-site-label-font-size);line-height:var(--udex-masthead-shell-site-label-line-height);color:var(--udex-masthead-shell-site-label-color);font-weight:var(--udex-masthead-shell-site-label-font-weight);text-decoration:var(--udex-masthead-shell-site-label-text-decoration);margin-inline-end:var(--udexSpacer24);white-space:nowrap}.udex-masthead-shell__site-label--link:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__main-content{display:flex;align-items:center;box-sizing:border-box}.udex-masthead-shell__main-menu{display:flex;align-items:center;gap:var(--udex-masthead-shell-item-gap);max-width:100%;margin:0;padding:0;list-style:none}.udex-masthead-shell__landing-wrap{display:flex;align-items:center}.udex-masthead-shell__right-menu{display:flex;align-items:center;justify-content:flex-end;gap:var(--udex-masthead-shell-item-icon-gap);padding-inline-start:var(--udex-masthead-right-menu-padding);box-sizing:border-box}.udex-masthead-shell__right-menu_simple-explore .udex-masthead-shell__explore{margin-inline-end:0}.udex-masthead-shell__explore{white-space:nowrap;margin-inline-end:var(--udex-masthead-shell-explore-margin)}.udex-masthead-shell__item_icon{display:flex;align-items:center}.udex-masthead-shell__menu-btn{height:18px;order:1}.udex-masthead-shell__close-btn{position:relative;margin-inline-start:var(--udexSpacer12);order:2}.udex-masthead-shell__close-btn:before{content:"";position:absolute;left:-12px;top:0;bottom:0;height:32px;border-radius:var(--udexRadiusXXS);width:1px;background:var(--udex-masthead-shell-close-button-divider-color)}:dir(rtl) .udex-masthead-shell__close-btn:before{left:auto;right:-12px}:dir(rtl) .udex-masthead-mobile-wrap{right:auto;left:0}.udex-masthead-shell__close-btn:hover{color:var(--udex-masthead-shell-site-label-color-hover)}:host([show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([_is-mobile-mode]) .udex-masthead-shell__item_icon,:host([_is-mobile-mode]) .udex-masthead-shell__explore,:host([_is-mobile-mode]) .udex-masthead-shell__nav,.udex-masthead-shell__right-menu:empty,.udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:none}:host([_is-mobile-mode]) .udex-masthead-shell__menu-btn,:host([_is-mobile-menu-open]) .udex-masthead-shell__country-selector,:host([_is-mobile-menu-open]) .udex-masthead-shell__cart,:host([_is-mobile-menu-open]) .udex-masthead-shell__profile,:host([_is-mobile-mode][_is-mobile-menu-open]) .udex-masthead-shell__close-btn{display:flex}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width);background:var(--udex-masthead-shell-background);padding-inline-end:var(--udexSpacer84);padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12);position:absolute;top:0;bottom:0;right:0;z-index:1}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:auto;left:0}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__main-content,.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__landing-wrap{flex:auto}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__co-brand{border:none;margin-inline-start:auto;margin-inline-end:0;padding:0}@media (max-width: 1599px){.udex-masthead-shell{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72);max-width:var(--udex-masthead-shell-container-l-max-width)}.udex-masthead-shell__search-container{right:var(--udexSpacer72)}.udex-masthead-shell__search-container:dir(rtl){left:var(--udexSpacer72);right:auto}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer72)}}@media (max-width: 1279px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width)}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([show-search-by-default]) .udex-masthead-shell__right-menu{width:auto}:host([show-search-by-default]) .udex-masthead-shell__search-container{flex:auto}:host([show-search-by-default]) .udex-masthead-shell__site-label{margin:0}:host([show-search-by-default]) .udex-masthead-shell__main-content{padding-inline-end:var(--udexSpacer32)}.udex-masthead-shell__item_icon,.udex-masthead-shell__explore,.udex-masthead-shell__nav{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:flex}.udex-masthead-shell__right-menu{padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12)}.udex-masthead-shell__site-label{font-size:var(--udexTypographyNavigationBoldMFontSize, 14px)}}@media (max-width: 979px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:100%}:host([_is-search-opened][show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__search-icon{display:block}:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-mobile-menu-open]) .udex-masthead-shell__site-label,:host([_is-mobile-menu-open]) .udex-masthead-shell__logo{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer48);width:auto;left:0}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:0}.udex-masthead-shell{padding:0 var(--udexSpacer48)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer32);width:auto}}@media (max-width: 639px){:host([_is-search-opened]) .udex-masthead-shell__main-content{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer24)}.udex-masthead-shell{padding:0 var(--udexSpacer24)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer8)}}
1
+ :host{--udex-masthead-shell-logo-width: 64px;--udex-masthead-shell-co-brand-width: 135px;--udex-masthead-shell-height: 60px;--udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);--udex-masthead-shell-dropdown-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-shell-site-label-font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);--udex-masthead-shell-site-label-line-height: 24px;--udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-masthead-shell-site-label-text-decoration: none;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-masthead-shell-item-gap: var(--udexSpacer24);--udex-masthead-shell-item-icon-gap: var(--udexSpacer8);--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexCoreDividerLight, #D5DADD);--udex-masthead-shell-z-index: 10;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px;--udex-masthead-mobile-menu-buttons-width: 360px;--udex-masthead-right-menu-padding: var(--udexSpacer64);--udex-masthead-shell-explore-margin: var(--udexSpacer12);--udex-masthead-shell-mobile-menu-height: 100%}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([show-search-by-default]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([_is-search-opened]) .udex-masthead-shell__main-content{width:30%}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-search-opened]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:var(--udex-masthead-shell-height)}.udex-masthead-shell__logo{margin-inline-end:var(--udexSpacer16);width:var(--udex-masthead-shell-logo-width)}.udex-masthead-shell__co-brand{width:var(--udex-masthead-shell-co-brand-width);margin-inline-end:var(--udexSpacer24);padding-inline-start:var(--udexSpacer16);border-inline-start:1px solid var(--udexCoreDividerLight, #D5DADD)}.udex-masthead-shell__co-brand,.udex-masthead-shell__co-brand-link{display:flex}.udex-masthead-shell__co-brand-image,.udex-masthead-shell__logo-image{width:100%}.udex-masthead-shell__logo--link{cursor:pointer;display:flex}.udex-masthead-shell__co-brand-link:focus,.udex-masthead-shell__co-brand-link:focus-visible,.udex-masthead-shell__logo--link:focus,.udex-masthead-shell__site-label--link:focus{outline:none}:host([desktop]) .udex-masthead-shell__site-label--link:focus,:host([desktop]) .udex-masthead-shell__logo--link:focus,.udex-masthead-shell__logo--link:focus-visible,.udex-masthead-shell__site-label--link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);outline-offset:var(--udexSpacer2);border-radius:var(--udexRadiusXXS)}.udex-masthead-shell__site-label{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-shell-site-label-font-size);line-height:var(--udex-masthead-shell-site-label-line-height);color:var(--udex-masthead-shell-site-label-color);font-weight:var(--udex-masthead-shell-site-label-font-weight);text-decoration:var(--udex-masthead-shell-site-label-text-decoration);margin-inline-end:var(--udexSpacer24);white-space:nowrap}.udex-masthead-shell__site-label--link:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__main-content{display:flex;align-items:center;box-sizing:border-box}.udex-masthead-shell__main-menu{display:flex;align-items:center;gap:var(--udex-masthead-shell-item-gap);max-width:100%;margin:0;padding:0;list-style:none}.udex-masthead-shell__landing-wrap{display:flex;align-items:center}.udex-masthead-shell__right-menu{display:flex;align-items:center;justify-content:flex-end;gap:var(--udex-masthead-shell-item-icon-gap);padding-inline-start:var(--udex-masthead-right-menu-padding);box-sizing:border-box}.udex-masthead-shell__right-menu_simple-explore .udex-masthead-shell__explore{margin-inline-end:0}.udex-masthead-shell__explore{white-space:nowrap;margin-inline-end:var(--udex-masthead-shell-explore-margin)}.udex-masthead-shell__item_icon{display:flex;align-items:center}.udex-masthead-shell__menu-btn{height:18px;order:1}.udex-masthead-shell__close-btn{position:relative;margin-inline-start:var(--udexSpacer12);order:2}.udex-masthead-shell__close-btn:before{content:"";position:absolute;left:-12px;top:0;bottom:0;height:32px;border-radius:var(--udexRadiusXXS);width:1px;background:var(--udex-masthead-shell-close-button-divider-color)}:dir(rtl) .udex-masthead-shell__close-btn:before{left:auto;right:-12px}:dir(rtl) .udex-masthead-mobile-wrap{right:auto;left:0}.udex-masthead-shell__close-btn:hover{color:var(--udex-masthead-shell-site-label-color-hover)}:host([show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([_is-mobile-mode]) .udex-masthead-shell__item_icon,:host([_is-mobile-mode]) .udex-masthead-shell__explore,:host([_is-mobile-mode]) .udex-masthead-shell__nav,.udex-masthead-shell__right-menu:empty,.udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:none}:host([_is-mobile-mode]) .udex-masthead-shell__menu-btn,:host([_is-mobile-menu-open]) .udex-masthead-shell__country-selector,:host([_is-mobile-menu-open]) .udex-masthead-shell__cart,:host([_is-mobile-menu-open]) .udex-masthead-shell__joule,:host([_is-mobile-menu-open]) .udex-masthead-shell__profile,:host([_is-mobile-mode][_is-mobile-menu-open]) .udex-masthead-shell__close-btn{display:flex}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width);background:var(--udex-masthead-shell-background);padding-inline-end:var(--udexSpacer84);padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12);position:absolute;top:0;bottom:0;right:0;z-index:1}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:auto;left:0}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__main-content,.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__landing-wrap{flex:auto}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__co-brand{border:none;margin-inline-start:auto;margin-inline-end:0;padding:0}@media (max-width: 1599px){.udex-masthead-shell{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72);max-width:var(--udex-masthead-shell-container-l-max-width)}.udex-masthead-shell__search-container{right:var(--udexSpacer72)}.udex-masthead-shell__search-container:dir(rtl){left:var(--udexSpacer72);right:auto}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer72)}}@media (max-width: 1279px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width)}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([show-search-by-default]) .udex-masthead-shell__right-menu{width:auto}:host([show-search-by-default]) .udex-masthead-shell__search-container{flex:auto}:host([show-search-by-default]) .udex-masthead-shell__site-label{margin:0}:host([show-search-by-default]) .udex-masthead-shell__main-content{padding-inline-end:var(--udexSpacer32)}.udex-masthead-shell__item_icon,.udex-masthead-shell__explore,.udex-masthead-shell__nav{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:flex}.udex-masthead-shell__right-menu{padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12)}.udex-masthead-shell__site-label{font-size:var(--udexTypographyNavigationBoldMFontSize, 14px)}}@media (max-width: 979px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:100%}:host([_is-search-opened][show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__search-icon{display:block}:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-mobile-menu-open]) .udex-masthead-shell__site-label,:host([_is-mobile-menu-open]) .udex-masthead-shell__logo{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer48);width:auto;left:0}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:0}.udex-masthead-shell{padding:0 var(--udexSpacer48)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer32);width:auto}}@media (max-width: 639px){:host([_is-search-opened]) .udex-masthead-shell__main-content{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer24)}.udex-masthead-shell{padding:0 var(--udexSpacer24)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer8)}}
package/dist/css/themes/RadioButton.css CHANGED
@@ -1 +1 @@
1
- :host{--udex-radio-button-group-color-display-only-background: var(--udexColorNeutralWhite0, #ffffff00);--udex-radio-button-group-color-display-only-border: var(--sapField_TextColor, #223548);--udex-radio-button-group-color-display-only-selection: var(--sapField_TextColor, #223548);--udex-radio-button-checked-fill: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-min-width: 42px;--udex-radio-button-color: var(--udexColorGrey6 ,#5B738B);--udex-radio-button-border-radius: var(--udexRadiusXS);--udex-radio-button-inner-size: 24px;--udex-radio-button-outer-ring-padding-with-label: 9px 11px 9px 9px;--udex-radio-button-outer-ring-padding: 9px;--udex-radio-button-label-offset: 0;--udex-radio-button-label-color: var(--udexColorGrey9, #223548);--udex-radio-button-svg-size: 24px;--udex-radio-button-outer-ring-color: var(--sapField_BorderColor, #5b738b);--udex-radio-button-outer-ring-bg: var(--sapField_Background, #ffffff);--udex-radio-button-outer-ring-width: .063rem;--udex-radio-button-inner-ring-radius: 25%;--udex-radio-button-inner-ring-color: var(--udexColorBlue8, #0057D2);--udex-radio-button-outer-ring-checked-hover-color: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-outer-ring-hover-color: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-hover-fill: var(--udexColorBlue1 , #EBF8FF);--udex-radio-button-hover-fill-information: var(--sapField_Background, #ffffff);--udex-radio-button-read-only-inner-ring-color: var(--udexColorGrey8, #354A5F)}.ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer,:host([checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--udex-radio-button-hover-fill)}:host([checked][readonly]) .ui5-radio-svg-inner{fill:var(--udex-radio-button-read-only-inner-ring-color)}:host(:not([value-state="Negative"]):not([value-state="Critical"]):not([value-state="Positive"]):not([value-state="Information"])[checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udex-radio-button-outer-ring-checked-hover-color)}:host(:not([value-state="Negative"]):not([value-state="Critical"]):not([value-state="Positive"]):not([value-state="Information"])) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udex-radio-button-outer-ring-hover-color)}:host([checked]) .ui5-radio-svg-inner{fill:var(--udex-radio-button-inner-ring-color)}.ui5-radio-svg-inner{fill:none;r:var(--udex-radio-button-inner-ring-radius)}:host([value-state="Information"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--udex-radio-button-hover-fill-information)}.ui5-radio-svg-outer{fill:var(--udex-radio-button-outer-ring-bg);stroke-width:var(--udex-radio-button-outer-ring-width)}.ui5-radio-svg{height:var(--udex-radio-button-svg-size);width:var(--udex-radio-button-svg-size)}.ui5-radio-inner{height:var(--udex-radio-button-inner-size);padding:var(--udex-radio-button-outer-ring-padding)}[ui5-label].ui5-radio-label{font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize, var(--sapFontSize, 16px));padding-inline-end:var(--udex-radio-button-label-offset);color:var(--udex-radio-button-label-color)}:host{min-width:var(--udex-radio-button-min-width);color:var(--udex-radio-button-color);border-radius:var(--udex-radio-button-border-radius)}:host([checked]){color:var(--udex-radio-button-checked-fill)}:host([display-only]) .ui5-radio-root,:host([readonly]) .ui5-radio-root{cursor:default}:host([display-only]) .ui5-radio-root .ui5-radio-svg-outer{stroke-dasharray:none;fill:var(--udex-radio-button-group-color-display-only-background);stroke:var(--udex-radio-button-group-color-display-only-border)}:host([display-only][checked]) .ui5-radio-root .ui5-radio-svg-inner{fill:var(--udex-radio-button-group-color-display-only-selection)}:host([display-only][disabled]) .ui5-radio-root .ui5-radio-svg-outer{stroke:var(--sapField_BorderColor, #5B738B)}:host([display-only][checked][disabled]) .ui5-radio-root .ui5-radio-svg-inner{fill:var(--sapContent_Selected_ForegroundColor, #0070F2)}:host([value-state="Error"]) .ui5-radio-svg-outer{stroke:var(--udexColorRed6, #EE3939)}:host([value-state="Error"][checked]) .ui5-radio-svg-inner{fill:var(--udexColorRed8, #AA0808)}:host([value-state="Success"]) .ui5-radio-svg-outer{stroke:var(--udexColorGreen6, #36A41D)}:host([value-state="Success"][checked]) .ui5-radio-svg-inner{fill:var(--udexColorGreen8, #256F3A)}:host([value-state="Warning"]) .ui5-radio-svg-outer{stroke:var(--udexColorMango7, #C35500)}:host([value-state="Warning"][checked]) .ui5-radio-svg-inner{fill:var(--udexColorMango7, #C35500)}:host([value-state="Information"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--udexColorRed1, #FFEAF4)}:host([value-state="Error"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udexColorRed5, #FF5C77)!important;fill:var(--udexColorRed1, #FFEAF4)}:host([value-state="Success"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udexColorGreen5, #5DC122)!important;fill:var(--udexColorGreen1, #F5FAE5)}:host([value-state="Warning"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udexColorMango7, #C35500)!important;fill:var(--sapNeutralBackground, #FFFFFF)}:host([text]) .ui5-radio-inner{padding:var(--udex-radio-button-outer-ring-padding-with-label)}
1
+ :host{--udex-radio-button-group-color-display-only-background: var(--udexColorNeutralWhite0, #ffffff00);--udex-radio-button-group-color-display-only-border: var(--sapField_TextColor, #223548);--udex-radio-button-group-color-display-only-selection: var(--sapField_TextColor, #223548);--udex-radio-button-checked-fill: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-min-width: 42px;--udex-radio-button-min-height: var(--udexSpacer24, 24px);--udex-radio-button-color: var(--udexColorGrey6 ,#5B738B);--udex-radio-button-border-radius: var(--udexRadiusXS);--udex-radio-button-inner-size: var(--udexSpacer24, 24px);--udex-radio-button-outer-ring-padding-with-label: 0px;--udex-radio-button-outer-ring-padding: 9px;--udex-radio-button-label-offset: var(--udexSpacer12, 12px);--udex-radio-button-label-color: var(--udexColorGrey9, #223548);--udex-radio-button-svg-size: var(--udexSpacer24, 24px);--udex-radio-button-outer-ring-color: var(--sapField_BorderColor, #5b738b);--udex-radio-button-outer-ring-bg: var(--sapField_Background, #ffffff);--udex-radio-button-outer-ring-width: .063rem;--udex-radio-button-inner-ring-radius: 25%;--udex-radio-button-inner-ring-color: var(--udexColorBlue8, #0057D2);--udex-radio-button-outer-ring-checked-hover-color: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-outer-ring-hover-color: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-hover-fill: var(--udexColorBlue1 , #EBF8FF);--udex-radio-button-hover-fill-information: var(--sapField_Background, #ffffff);--udex-radio-button-read-only-inner-ring-color: var(--udexColorGrey8, #354A5F)}:host(:not([hidden])){display:inline-flex}:host([text]) .ui5-radio-root{padding-inline-end:0px}.ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer,:host([checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--udex-radio-button-hover-fill)}:host([checked][readonly]) .ui5-radio-svg-inner{fill:var(--udex-radio-button-read-only-inner-ring-color)}:host(:not([value-state="Negative"]):not([value-state="Critical"]):not([value-state="Positive"]):not([value-state="Information"])[checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udex-radio-button-outer-ring-checked-hover-color)}:host(:not([value-state="Negative"]):not([value-state="Critical"]):not([value-state="Positive"]):not([value-state="Information"])) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udex-radio-button-outer-ring-hover-color)}:host([checked]) .ui5-radio-svg-inner{fill:var(--udex-radio-button-inner-ring-color)}.ui5-radio-svg-inner{fill:none;r:var(--udex-radio-button-inner-ring-radius)}:host([value-state="Information"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--udex-radio-button-hover-fill-information)}.ui5-radio-svg-outer{fill:var(--udex-radio-button-outer-ring-bg);stroke-width:var(--udex-radio-button-outer-ring-width)}.ui5-radio-svg{height:var(--udex-radio-button-svg-size);width:var(--udex-radio-button-svg-size)}.ui5-radio-inner{height:var(--udex-radio-button-inner-size);padding:var(--udex-radio-button-outer-ring-padding)}[ui5-label].ui5-radio-label{font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize, var(--sapFontSize, 16px));padding:0 0 0 var(--udex-radio-button-label-offset);color:var(--udex-radio-button-label-color)}:host{min-width:var(--udex-radio-button-min-width);color:var(--udex-radio-button-color);border-radius:var(--udex-radio-button-border-radius);overflow:visible}:host([checked]){color:var(--udex-radio-button-checked-fill)}:host .ui5-radio-root{align-items:center;min-height:var(--udex-radio-button-min-height)}:host([display-only]) .ui5-radio-root,:host([readonly]) .ui5-radio-root{cursor:default}:host([display-only]) .ui5-radio-root .ui5-radio-svg-outer{stroke-dasharray:none;fill:var(--udex-radio-button-group-color-display-only-background);stroke:var(--udex-radio-button-group-color-display-only-border)}:host([display-only][checked]) .ui5-radio-root .ui5-radio-svg-inner{fill:var(--udex-radio-button-group-color-display-only-selection)}:host([display-only][disabled]) .ui5-radio-root .ui5-radio-svg-outer{stroke:var(--sapField_BorderColor, #5B738B)}:host([display-only][checked][disabled]) .ui5-radio-root .ui5-radio-svg-inner{fill:var(--sapContent_Selected_ForegroundColor, #0070F2)}:host([value-state="Error"]) .ui5-radio-svg-outer{stroke:var(--udexColorRed6, #EE3939)}:host([value-state="Error"][checked]) .ui5-radio-svg-inner{fill:var(--udexColorRed8, #AA0808)}:host([value-state="Success"]) .ui5-radio-svg-outer{stroke:var(--udexColorGreen6, #36A41D)}:host([value-state="Success"][checked]) .ui5-radio-svg-inner{fill:var(--udexColorGreen8, #256F3A)}:host([value-state="Warning"]) .ui5-radio-svg-outer{stroke:var(--udexColorMango7, #C35500)}:host([value-state="Warning"][checked]) .ui5-radio-svg-inner{fill:var(--udexColorMango7, #C35500)}:host([value-state="Information"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--udexColorRed1, #FFEAF4)}:host([value-state="Error"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udexColorRed5, #FF5C77)!important;fill:var(--udexColorRed1, #FFEAF4)}:host([value-state="Success"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udexColorGreen5, #5DC122)!important;fill:var(--udexColorGreen1, #F5FAE5)}:host([value-state="Warning"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udexColorMango7, #C35500)!important;fill:var(--sapNeutralBackground, #FFFFFF)}:host([text]) .ui5-radio-inner{padding:var(--udex-radio-button-outer-ring-padding-with-label)}:host([text]:not([disabled])) .ui5-radio-root:focus:before,:host([text]:not([disabled])) .ui5-radio-root:focus-visible:before,:host([text]) .ui5-radio-root:focus:before,:host([text]) .ui5-radio-root:focus-visible:before{inset:-6px}
package/dist/css/themes/RatingIndicator.css CHANGED
@@ -1 +1 @@
1
- :host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-23-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px);padding:0;outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-sel,.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
1
+ :host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-25-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px);padding:0;outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-sel,.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
package/dist/css/themes/Slider.css CHANGED
@@ -1 +1 @@
1
- :host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-23-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}
1
+ :host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-25-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}
package/dist/css/themes/StatusMessage.css CHANGED
@@ -1 +1 @@
1
- :host{--udex-status-message-supporting-text-paddings: var(--udexSpacer4, 4px) 0;--udex-status-message-supporting-text-font-family: var(--sapFontFamily, "sans-serif");--udex-status-message-supporting-text-font-size: var(--sapFontSmallSize, 12px);--udex-status-message-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-status-message-color-error-default-supporting-text: var(--sapField_InvalidColor, #d20a0a);--udex-status-message-color-success-default-supporting-text: var(--sapField_SuccessColor, #188918);--udex-status-message-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7))}.udex-status-message__supporting-text{font-family:var(--udex-status-message-supporting-text-font-family);font-size:var(--udex-status-message-supporting-text-font-size);line-height:1.5;padding:var(--udex-status-message-supporting-text-paddings);color:var(--udex-status-message-color-standard-default-supporting-text);text-align:start;padding-inline-start:var(--udexSpacer12, 12px)}:host([supporting-text-alignment="Right"]:not([value-state="Error"]):not([value-state="Success"]):not([value-state="Warning"])) .udex-status-message__supporting-text{text-align:end}.udex-status-message__icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}:host([value-state="Error"]) .udex-status-message__supporting-text{color:var(--udex-status-message-color-error-default-supporting-text)}:host([value-state="Success"]) .udex-status-message__supporting-text{color:var(--udex-status-message-color-success-default-supporting-text)}:host([value-state="Warning"]) .udex-status-message__supporting-text{color:var(--udex-status-message-color-warning-default-supporting-text)}:host([disabled]) .udex-status-message__supporting-text{opacity:.4}
1
+ :host{--udex-status-message-supporting-text-paddings: var(--udexSpacer4, 4px) 0 var(--udexSpacer4, 4px) var(--udexSpacer12, 12px);--udex-status-message-supporting-text-font-family: var(--sapFontFamily, "sans-serif");--udex-status-message-supporting-text-font-size: var(--sapFontSmallSize, 12px);--udex-status-message-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-status-message-color-error-default-supporting-text: var(--sapField_InvalidColor, #d20a0a);--udex-status-message-color-success-default-supporting-text: var(--sapField_SuccessColor, #188918);--udex-status-message-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7))}.udex-status-message__supporting-text{font-family:var(--udex-status-message-supporting-text-font-family);font-size:var(--udex-status-message-supporting-text-font-size);line-height:1.5;padding:var(--udex-status-message-supporting-text-paddings);color:var(--udex-status-message-color-standard-default-supporting-text);text-align:start}:host([supporting-text-alignment="Right"]:not([value-state="Error"]):not([value-state="Success"]):not([value-state="Warning"])) .udex-status-message__supporting-text{text-align:end}.udex-status-message__icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}:host([value-state="Error"]) .udex-status-message__supporting-text{color:var(--udex-status-message-color-error-default-supporting-text)}:host([value-state="Success"]) .udex-status-message__supporting-text{color:var(--udex-status-message-color-success-default-supporting-text)}:host([value-state="Warning"]) .udex-status-message__supporting-text{color:var(--udex-status-message-color-warning-default-supporting-text)}:host([disabled]) .udex-status-message__supporting-text{opacity:.4}