@sapudex/web-components 2.56.0 → 2.58.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 (425) hide show
  1. package/README.md +258 -0
  2. package/cypress/specs/FilterMenu.cy.tsx +209 -19
  3. package/cypress/specs/List.cy.tsx +67 -4
  4. package/cypress/specs/ListItem.cy.tsx +35 -9
  5. package/cypress/specs/SelectBox.cy.tsx +100 -0
  6. package/cypress/specs/TabNavigation.cy.tsx +297 -21
  7. package/cypress/specs/TagGroup.cy.tsx +35 -0
  8. package/dist/Carousel.d.ts +9 -3
  9. package/dist/Carousel.js +35 -6
  10. package/dist/Carousel.js.map +1 -1
  11. package/dist/CarouselTemplate.js +3 -3
  12. package/dist/CarouselTemplate.js.map +1 -1
  13. package/dist/List.d.ts +15 -1
  14. package/dist/List.js +23 -2
  15. package/dist/List.js.map +1 -1
  16. package/dist/ListGroupHeaderBase.d.ts +13 -0
  17. package/dist/ListGroupHeaderBase.js +43 -2
  18. package/dist/ListGroupHeaderBase.js.map +1 -1
  19. package/dist/ListGroupHeaderTemplate.js +26 -7
  20. package/dist/ListGroupHeaderTemplate.js.map +1 -1
  21. package/dist/ListItem.d.ts +0 -3
  22. package/dist/ListItem.js +18 -12
  23. package/dist/ListItem.js.map +1 -1
  24. package/dist/ListItemBase.d.ts +17 -0
  25. package/dist/ListItemBase.js +15 -0
  26. package/dist/ListItemBase.js.map +1 -1
  27. package/dist/ListItemTemplate.js +2 -2
  28. package/dist/ListItemTemplate.js.map +1 -1
  29. package/dist/MastheadCountrySelector.js +5 -5
  30. package/dist/MastheadCountrySelector.js.map +1 -1
  31. package/dist/MastheadCountrySelectorTemplate.d.ts +2 -0
  32. package/dist/MastheadCountrySelectorTemplate.js +15 -0
  33. package/dist/MastheadCountrySelectorTemplate.js.map +1 -0
  34. package/dist/MastheadItem.d.ts +0 -3
  35. package/dist/MastheadItem.js +3 -6
  36. package/dist/MastheadItem.js.map +1 -1
  37. package/dist/MastheadItemTemplate.d.ts +2 -0
  38. package/dist/MastheadItemTemplate.js +41 -0
  39. package/dist/MastheadItemTemplate.js.map +1 -0
  40. package/dist/MastheadMenu.d.ts +1 -0
  41. package/dist/MastheadMenu.js +4 -6
  42. package/dist/MastheadMenu.js.map +1 -1
  43. package/dist/MastheadMenuItem.d.ts +0 -3
  44. package/dist/MastheadMenuItem.js +3 -6
  45. package/dist/MastheadMenuItem.js.map +1 -1
  46. package/dist/MastheadMenuItemTemplate.d.ts +2 -0
  47. package/dist/MastheadMenuItemTemplate.js +36 -0
  48. package/dist/MastheadMenuItemTemplate.js.map +1 -0
  49. package/dist/MastheadMenuTemplate.d.ts +2 -0
  50. package/dist/MastheadMenuTemplate.js +13 -0
  51. package/dist/MastheadMenuTemplate.js.map +1 -0
  52. package/dist/MastheadMobileMenu.js +3 -3
  53. package/dist/MastheadMobileMenu.js.map +1 -1
  54. package/dist/MastheadMobileMenuTemplate.d.ts +2 -0
  55. package/dist/MastheadMobileMenuTemplate.js +33 -0
  56. package/dist/MastheadMobileMenuTemplate.js.map +1 -0
  57. package/dist/MastheadProfileMenu.d.ts +2 -4
  58. package/dist/MastheadProfileMenu.js +5 -20
  59. package/dist/MastheadProfileMenu.js.map +1 -1
  60. package/dist/MastheadProfileMenuTemplate.d.ts +2 -0
  61. package/dist/MastheadProfileMenuTemplate.js +24 -0
  62. package/dist/MastheadProfileMenuTemplate.js.map +1 -0
  63. package/dist/MastheadShell.js +3 -5
  64. package/dist/MastheadShell.js.map +1 -1
  65. package/dist/MastheadShellTemplate.d.ts +2 -0
  66. package/dist/MastheadShellTemplate.js +20 -0
  67. package/dist/MastheadShellTemplate.js.map +1 -0
  68. package/dist/SearchableListBase.d.ts +10 -0
  69. package/dist/SearchableListBase.js +34 -1
  70. package/dist/SearchableListBase.js.map +1 -1
  71. package/dist/SearchableListBaseTemplate.js +35 -4
  72. package/dist/SearchableListBaseTemplate.js.map +1 -1
  73. package/dist/SecondaryNavigation.d.ts +1 -0
  74. package/dist/SecondaryNavigation.js +20 -6
  75. package/dist/SecondaryNavigation.js.map +1 -1
  76. package/dist/SelectBase.js +8 -3
  77. package/dist/SelectBase.js.map +1 -1
  78. package/dist/Tab.d.ts +0 -7
  79. package/dist/Tab.js +4 -19
  80. package/dist/Tab.js.map +1 -1
  81. package/dist/TabHeaderTemplate.d.ts +2 -0
  82. package/dist/TabHeaderTemplate.js +15 -0
  83. package/dist/TabHeaderTemplate.js.map +1 -0
  84. package/dist/TabInOverflowTemplate.d.ts +2 -0
  85. package/dist/TabInOverflowTemplate.js +7 -0
  86. package/dist/TabInOverflowTemplate.js.map +1 -0
  87. package/dist/TabNavigation.d.ts +6 -6
  88. package/dist/TabNavigation.js +56 -42
  89. package/dist/TabNavigation.js.map +1 -1
  90. package/dist/TabNavigationPopoverTemplate.d.ts +2 -0
  91. package/dist/TabNavigationPopoverTemplate.js +9 -0
  92. package/dist/TabNavigationPopoverTemplate.js.map +1 -0
  93. package/dist/TabNavigationTemplate.d.ts +2 -0
  94. package/dist/TabNavigationTemplate.js +10 -0
  95. package/dist/TabNavigationTemplate.js.map +1 -0
  96. package/dist/TabTemplate.d.ts +2 -0
  97. package/dist/TabTemplate.js +5 -0
  98. package/dist/TabTemplate.js.map +1 -0
  99. package/dist/Tag.d.ts +1 -0
  100. package/dist/Tag.js +6 -0
  101. package/dist/Tag.js.map +1 -1
  102. package/dist/TagGroup.js +4 -2
  103. package/dist/TagGroup.js.map +1 -1
  104. package/dist/assets/{InputSuggestions-ChhTxYh4.js → InputSuggestions-CMYjJsHw.js} +1 -1
  105. package/dist/assets/{ListItemStandardExpandableTextTemplate-Bh1HxZfH.js → ListItemStandardExpandableTextTemplate-D2i8wWuR.js} +1 -1
  106. package/dist/assets/{bundle.esm-DCX_ohoZ.js → bundle.esm-BjN47C_y.js} +242 -242
  107. package/dist/assets/messagebundle_ar-BvIvqOKJ.js +1 -0
  108. package/dist/assets/messagebundle_bg-CbE9TJP3.js +1 -0
  109. package/dist/assets/messagebundle_cs-D7sDCnrw.js +1 -0
  110. package/dist/assets/messagebundle_da-BKcG2gb3.js +1 -0
  111. package/dist/assets/messagebundle_de-CqojOAqG.js +1 -0
  112. package/dist/assets/messagebundle_el-DLfp0_Vm.js +1 -0
  113. package/dist/assets/messagebundle_en-B7YJOdQz.js +1 -0
  114. package/dist/assets/messagebundle_es-dcaagZn0.js +1 -0
  115. package/dist/assets/messagebundle_et-XYXhCdvm.js +1 -0
  116. package/dist/assets/messagebundle_fi-Dffg0zEq.js +1 -0
  117. package/dist/assets/messagebundle_fr-CW8ENL86.js +1 -0
  118. package/dist/assets/messagebundle_hr-onMgZwRd.js +1 -0
  119. package/dist/assets/messagebundle_hu-BPDuHAe0.js +1 -0
  120. package/dist/assets/messagebundle_it-BcfXVW1A.js +1 -0
  121. package/dist/assets/messagebundle_ja-EWp-Nkd9.js +1 -0
  122. package/dist/assets/messagebundle_ko-BKQ27UJW.js +1 -0
  123. package/dist/assets/messagebundle_lt-A-f2EeMY.js +1 -0
  124. package/dist/assets/messagebundle_lv-CHVU_rnx.js +1 -0
  125. package/dist/assets/messagebundle_nl-gmf1np1i.js +1 -0
  126. package/dist/assets/messagebundle_no-CazfcIRA.js +1 -0
  127. package/dist/assets/messagebundle_pl-iv_zMkL4.js +1 -0
  128. package/dist/assets/messagebundle_pt-usY49ESJ.js +1 -0
  129. package/dist/assets/messagebundle_pt_PT-DTLEUiTC.js +1 -0
  130. package/dist/assets/messagebundle_ro-BHeGIHaV.js +1 -0
  131. package/dist/assets/messagebundle_ru-DJB1z_R0.js +1 -0
  132. package/dist/assets/messagebundle_sk-DlNIpzr3.js +1 -0
  133. package/dist/assets/messagebundle_sl-Day075Cf.js +1 -0
  134. package/dist/assets/messagebundle_sr-iI_TwIHf.js +1 -0
  135. package/dist/assets/messagebundle_sv-BPj73b5X.js +1 -0
  136. package/dist/assets/messagebundle_tr-DpdBqQtI.js +1 -0
  137. package/dist/assets/messagebundle_uk-CT4EqEBF.js +1 -0
  138. package/dist/assets/messagebundle_zh_CN-B_42cWcu.js +1 -0
  139. package/dist/assets/messagebundle_zh_TW-D25iNCcy.js +1 -0
  140. package/dist/css/themes/Button.css +1 -1
  141. package/dist/css/themes/Carousel.css +1 -1
  142. package/dist/css/themes/ListGroupHeader.css +1 -1
  143. package/dist/css/themes/PromoTile.css +1 -1
  144. package/dist/css/themes/Switch.css +1 -1
  145. package/dist/css/themes/TabInOverflow.css +1 -1
  146. package/dist/css/themes/TabNavigation.css +1 -1
  147. package/dist/css/themes/Tooltip.css +1 -1
  148. package/dist/custom-elements-internal.json +12 -12
  149. package/dist/custom-elements.json +12 -12
  150. package/dist/generated/assets/i18n/messagebundle_ar.json +1 -1
  151. package/dist/generated/assets/i18n/messagebundle_bg.json +1 -1
  152. package/dist/generated/assets/i18n/messagebundle_cs.json +1 -1
  153. package/dist/generated/assets/i18n/messagebundle_da.json +1 -1
  154. package/dist/generated/assets/i18n/messagebundle_de.json +1 -1
  155. package/dist/generated/assets/i18n/messagebundle_el.json +1 -1
  156. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  157. package/dist/generated/assets/i18n/messagebundle_es.json +1 -1
  158. package/dist/generated/assets/i18n/messagebundle_et.json +1 -1
  159. package/dist/generated/assets/i18n/messagebundle_fi.json +1 -1
  160. package/dist/generated/assets/i18n/messagebundle_fr.json +1 -1
  161. package/dist/generated/assets/i18n/messagebundle_hr.json +1 -1
  162. package/dist/generated/assets/i18n/messagebundle_hu.json +1 -1
  163. package/dist/generated/assets/i18n/messagebundle_it.json +1 -1
  164. package/dist/generated/assets/i18n/messagebundle_ja.json +1 -1
  165. package/dist/generated/assets/i18n/messagebundle_ko.json +1 -1
  166. package/dist/generated/assets/i18n/messagebundle_lt.json +1 -1
  167. package/dist/generated/assets/i18n/messagebundle_lv.json +1 -1
  168. package/dist/generated/assets/i18n/messagebundle_nl.json +1 -1
  169. package/dist/generated/assets/i18n/messagebundle_no.json +1 -1
  170. package/dist/generated/assets/i18n/messagebundle_pl.json +1 -1
  171. package/dist/generated/assets/i18n/messagebundle_pt.json +1 -1
  172. package/dist/generated/assets/i18n/messagebundle_pt_PT.json +1 -1
  173. package/dist/generated/assets/i18n/messagebundle_ro.json +1 -1
  174. package/dist/generated/assets/i18n/messagebundle_ru.json +1 -1
  175. package/dist/generated/assets/i18n/messagebundle_sk.json +1 -1
  176. package/dist/generated/assets/i18n/messagebundle_sl.json +1 -1
  177. package/dist/generated/assets/i18n/messagebundle_sr.json +1 -1
  178. package/dist/generated/assets/i18n/messagebundle_sv.json +1 -1
  179. package/dist/generated/assets/i18n/messagebundle_tr.json +1 -1
  180. package/dist/generated/assets/i18n/messagebundle_uk.json +1 -1
  181. package/dist/generated/assets/i18n/messagebundle_zh_CN.json +1 -1
  182. package/dist/generated/assets/i18n/messagebundle_zh_TW.json +1 -1
  183. package/dist/generated/i18n/i18n-defaults.d.ts +3 -9
  184. package/dist/generated/i18n/i18n-defaults.js +3 -9
  185. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  186. package/dist/generated/themes/Button.css.d.ts +1 -1
  187. package/dist/generated/themes/Button.css.js +1 -1
  188. package/dist/generated/themes/Button.css.js.map +1 -1
  189. package/dist/generated/themes/Carousel.css.d.ts +1 -1
  190. package/dist/generated/themes/Carousel.css.js +1 -1
  191. package/dist/generated/themes/Carousel.css.js.map +1 -1
  192. package/dist/generated/themes/ListGroupHeader.css.d.ts +1 -1
  193. package/dist/generated/themes/ListGroupHeader.css.js +1 -1
  194. package/dist/generated/themes/ListGroupHeader.css.js.map +1 -1
  195. package/dist/generated/themes/PromoTile.css.d.ts +1 -1
  196. package/dist/generated/themes/PromoTile.css.js +1 -1
  197. package/dist/generated/themes/PromoTile.css.js.map +1 -1
  198. package/dist/generated/themes/Switch.css.d.ts +1 -1
  199. package/dist/generated/themes/Switch.css.js +1 -1
  200. package/dist/generated/themes/Switch.css.js.map +1 -1
  201. package/dist/generated/themes/TabInOverflow.css.d.ts +1 -1
  202. package/dist/generated/themes/TabInOverflow.css.js +1 -1
  203. package/dist/generated/themes/TabInOverflow.css.js.map +1 -1
  204. package/dist/generated/themes/TabNavigation.css.d.ts +1 -1
  205. package/dist/generated/themes/TabNavigation.css.js +1 -1
  206. package/dist/generated/themes/TabNavigation.css.js.map +1 -1
  207. package/dist/generated/themes/Tooltip.css.d.ts +1 -1
  208. package/dist/generated/themes/Tooltip.css.js +1 -1
  209. package/dist/generated/themes/Tooltip.css.js.map +1 -1
  210. package/dist/messagebundle.properties +4 -10
  211. package/dist/messagebundle_ar.properties +0 -6
  212. package/dist/messagebundle_bg.properties +0 -8
  213. package/dist/messagebundle_cs.properties +0 -8
  214. package/dist/messagebundle_da.properties +0 -8
  215. package/dist/messagebundle_de.properties +0 -8
  216. package/dist/messagebundle_el.properties +0 -8
  217. package/dist/messagebundle_en.properties +2 -8
  218. package/dist/messagebundle_es.properties +0 -8
  219. package/dist/messagebundle_et.properties +0 -8
  220. package/dist/messagebundle_fi.properties +0 -8
  221. package/dist/messagebundle_fr.properties +0 -8
  222. package/dist/messagebundle_hr.properties +0 -8
  223. package/dist/messagebundle_hu.properties +0 -8
  224. package/dist/messagebundle_it.properties +0 -8
  225. package/dist/messagebundle_ja.properties +0 -8
  226. package/dist/messagebundle_ko.properties +0 -8
  227. package/dist/messagebundle_lt.properties +0 -8
  228. package/dist/messagebundle_lv.properties +0 -8
  229. package/dist/messagebundle_nl.properties +0 -8
  230. package/dist/messagebundle_no.properties +0 -8
  231. package/dist/messagebundle_pl.properties +0 -8
  232. package/dist/messagebundle_pt.properties +0 -8
  233. package/dist/messagebundle_pt_PT.properties +0 -8
  234. package/dist/messagebundle_ro.properties +0 -8
  235. package/dist/messagebundle_ru.properties +0 -8
  236. package/dist/messagebundle_sk.properties +0 -8
  237. package/dist/messagebundle_sl.properties +0 -7
  238. package/dist/messagebundle_sr.properties +0 -8
  239. package/dist/messagebundle_sv.properties +0 -8
  240. package/dist/messagebundle_tr.properties +0 -8
  241. package/dist/messagebundle_uk.properties +0 -8
  242. package/dist/messagebundle_zh_CN.properties +0 -8
  243. package/dist/messagebundle_zh_TW.properties +0 -8
  244. package/dist/vscode.html-custom-data.json +10 -2
  245. package/dist/web-types.json +6 -6
  246. package/package.json +1 -1
  247. package/src/Carousel.ts +51 -8
  248. package/src/CarouselTemplate.tsx +7 -7
  249. package/src/List.ts +24 -2
  250. package/src/ListGroupHeaderBase.ts +44 -2
  251. package/src/ListGroupHeaderTemplate.tsx +74 -23
  252. package/src/ListItem.ts +18 -15
  253. package/src/ListItemBase.ts +30 -0
  254. package/src/ListItemTemplate.tsx +4 -4
  255. package/src/MastheadCountrySelector.ts +5 -5
  256. package/src/MastheadCountrySelectorTemplate.tsx +98 -0
  257. package/src/MastheadItem.ts +3 -6
  258. package/src/MastheadItemTemplate.tsx +178 -0
  259. package/src/MastheadMenu.ts +5 -6
  260. package/src/MastheadMenuItem.ts +3 -7
  261. package/src/MastheadMenuItemTemplate.tsx +123 -0
  262. package/src/MastheadMenuTemplate.tsx +142 -0
  263. package/src/MastheadMobileMenu.ts +3 -3
  264. package/src/MastheadMobileMenuTemplate.tsx +274 -0
  265. package/src/MastheadProfileMenu.ts +10 -23
  266. package/src/MastheadProfileMenuTemplate.tsx +143 -0
  267. package/src/MastheadShell.ts +3 -5
  268. package/src/MastheadShellTemplate.tsx +228 -0
  269. package/src/SearchableListBase.ts +37 -1
  270. package/src/SearchableListBaseTemplate.tsx +38 -2
  271. package/src/SecondaryNavigation.ts +21 -6
  272. package/src/SelectBase.ts +8 -3
  273. package/src/Tab.ts +4 -24
  274. package/src/TabHeaderTemplate.tsx +153 -0
  275. package/src/TabInOverflowTemplate.tsx +68 -0
  276. package/src/TabNavigation.ts +64 -46
  277. package/src/TabNavigationPopoverTemplate.tsx +27 -0
  278. package/src/TabNavigationTemplate.tsx +98 -0
  279. package/src/TabTemplate.tsx +7 -0
  280. package/src/Tag.ts +7 -0
  281. package/src/TagGroup.ts +4 -2
  282. package/src/generated/i18n/i18n-defaults.ts +2 -2
  283. package/src/generated/themes/Button.css.ts +1 -1
  284. package/src/generated/themes/Carousel.css.ts +1 -1
  285. package/src/generated/themes/ListGroupHeader.css.ts +1 -1
  286. package/src/generated/themes/PromoTile.css.ts +1 -1
  287. package/src/generated/themes/Switch.css.ts +1 -1
  288. package/src/generated/themes/TabInOverflow.css.ts +1 -1
  289. package/src/generated/themes/TabNavigation.css.ts +1 -1
  290. package/src/generated/themes/Tooltip.css.ts +1 -1
  291. package/src/i18n/messagebundle.properties +4 -10
  292. package/src/i18n/messagebundle_ar.properties +0 -6
  293. package/src/i18n/messagebundle_bg.properties +0 -8
  294. package/src/i18n/messagebundle_cs.properties +0 -8
  295. package/src/i18n/messagebundle_da.properties +0 -8
  296. package/src/i18n/messagebundle_de.properties +0 -8
  297. package/src/i18n/messagebundle_el.properties +0 -8
  298. package/src/i18n/messagebundle_en.properties +2 -8
  299. package/src/i18n/messagebundle_es.properties +0 -8
  300. package/src/i18n/messagebundle_et.properties +0 -8
  301. package/src/i18n/messagebundle_fi.properties +0 -8
  302. package/src/i18n/messagebundle_fr.properties +0 -8
  303. package/src/i18n/messagebundle_hr.properties +0 -8
  304. package/src/i18n/messagebundle_hu.properties +0 -8
  305. package/src/i18n/messagebundle_it.properties +0 -8
  306. package/src/i18n/messagebundle_ja.properties +0 -8
  307. package/src/i18n/messagebundle_ko.properties +0 -8
  308. package/src/i18n/messagebundle_lt.properties +0 -8
  309. package/src/i18n/messagebundle_lv.properties +0 -8
  310. package/src/i18n/messagebundle_nl.properties +0 -8
  311. package/src/i18n/messagebundle_no.properties +0 -8
  312. package/src/i18n/messagebundle_pl.properties +0 -8
  313. package/src/i18n/messagebundle_pt.properties +0 -8
  314. package/src/i18n/messagebundle_pt_PT.properties +0 -8
  315. package/src/i18n/messagebundle_ro.properties +0 -8
  316. package/src/i18n/messagebundle_ru.properties +0 -8
  317. package/src/i18n/messagebundle_sk.properties +0 -8
  318. package/src/i18n/messagebundle_sl.properties +0 -7
  319. package/src/i18n/messagebundle_sr.properties +0 -8
  320. package/src/i18n/messagebundle_sv.properties +0 -8
  321. package/src/i18n/messagebundle_tr.properties +0 -8
  322. package/src/i18n/messagebundle_uk.properties +0 -8
  323. package/src/i18n/messagebundle_zh_CN.properties +0 -8
  324. package/src/i18n/messagebundle_zh_TW.properties +0 -8
  325. package/src/themes/Button.css +2 -1
  326. package/src/themes/Carousel.css +17 -10
  327. package/src/themes/ListGroupHeader.css +50 -7
  328. package/src/themes/PromoTile.css +1 -0
  329. package/src/themes/Switch.css +2 -2
  330. package/src/themes/TabInOverflow.css +9 -4
  331. package/src/themes/TabNavigation.css +1 -0
  332. package/src/themes/Tooltip.css +5 -4
  333. package/dist/assets/messagebundle_ar-BUZ_gTvQ.js +0 -1
  334. package/dist/assets/messagebundle_bg-4ainC3nj.js +0 -1
  335. package/dist/assets/messagebundle_cs-CFtmLavu.js +0 -1
  336. package/dist/assets/messagebundle_da-BHL-qTPd.js +0 -1
  337. package/dist/assets/messagebundle_de-SMiMT-ST.js +0 -1
  338. package/dist/assets/messagebundle_el-ChAszJ4A.js +0 -1
  339. package/dist/assets/messagebundle_en-B0P3kkb6.js +0 -1
  340. package/dist/assets/messagebundle_es-LGmRBKqB.js +0 -1
  341. package/dist/assets/messagebundle_et-yYsmBPXN.js +0 -1
  342. package/dist/assets/messagebundle_fi-DeMNrHC9.js +0 -1
  343. package/dist/assets/messagebundle_fr-qEm5Eykz.js +0 -1
  344. package/dist/assets/messagebundle_hr-NBdiYo-T.js +0 -1
  345. package/dist/assets/messagebundle_hu-CBV3ISbF.js +0 -1
  346. package/dist/assets/messagebundle_it-BML2SC0W.js +0 -1
  347. package/dist/assets/messagebundle_ja-zyFfZHcj.js +0 -1
  348. package/dist/assets/messagebundle_ko-BCPaSqNp.js +0 -1
  349. package/dist/assets/messagebundle_lt-DB4b6FVx.js +0 -1
  350. package/dist/assets/messagebundle_lv-tAOia5tU.js +0 -1
  351. package/dist/assets/messagebundle_nl-BKUpVV-D.js +0 -1
  352. package/dist/assets/messagebundle_no-BZQfeWxT.js +0 -1
  353. package/dist/assets/messagebundle_pl-CsXeN1y6.js +0 -1
  354. package/dist/assets/messagebundle_pt-D9rap3lj.js +0 -1
  355. package/dist/assets/messagebundle_pt_PT-CQ5YAsmx.js +0 -1
  356. package/dist/assets/messagebundle_ro-BTNJ9YdP.js +0 -1
  357. package/dist/assets/messagebundle_ru-BTDmH8CB.js +0 -1
  358. package/dist/assets/messagebundle_sk-Lb4jvtpc.js +0 -1
  359. package/dist/assets/messagebundle_sl-BZi2bKSy.js +0 -1
  360. package/dist/assets/messagebundle_sr-B9TYgxO1.js +0 -1
  361. package/dist/assets/messagebundle_sv-DWlY9RTQ.js +0 -1
  362. package/dist/assets/messagebundle_tr-DOeCmUdx.js +0 -1
  363. package/dist/assets/messagebundle_uk-CCv57GhV.js +0 -1
  364. package/dist/assets/messagebundle_zh_CN-CHwH3F3-.js +0 -1
  365. package/dist/assets/messagebundle_zh_TW-FO0BCkub.js +0 -1
  366. package/dist/generated/templates/MastheadCountrySelectorTemplate.lit.d.ts +0 -3
  367. package/dist/generated/templates/MastheadCountrySelectorTemplate.lit.js +0 -13
  368. package/dist/generated/templates/MastheadCountrySelectorTemplate.lit.js.map +0 -1
  369. package/dist/generated/templates/MastheadItemTemplate.lit.d.ts +0 -3
  370. package/dist/generated/templates/MastheadItemTemplate.lit.js +0 -43
  371. package/dist/generated/templates/MastheadItemTemplate.lit.js.map +0 -1
  372. package/dist/generated/templates/MastheadMenuItemTemplate.lit.d.ts +0 -3
  373. package/dist/generated/templates/MastheadMenuItemTemplate.lit.js +0 -21
  374. package/dist/generated/templates/MastheadMenuItemTemplate.lit.js.map +0 -1
  375. package/dist/generated/templates/MastheadMenuTemplate.lit.d.ts +0 -3
  376. package/dist/generated/templates/MastheadMenuTemplate.lit.js +0 -25
  377. package/dist/generated/templates/MastheadMenuTemplate.lit.js.map +0 -1
  378. package/dist/generated/templates/MastheadMobileMenuTemplate.lit.d.ts +0 -3
  379. package/dist/generated/templates/MastheadMobileMenuTemplate.lit.js +0 -37
  380. package/dist/generated/templates/MastheadMobileMenuTemplate.lit.js.map +0 -1
  381. package/dist/generated/templates/MastheadProfileMenuTemplate.lit.d.ts +0 -3
  382. package/dist/generated/templates/MastheadProfileMenuTemplate.lit.js +0 -18
  383. package/dist/generated/templates/MastheadProfileMenuTemplate.lit.js.map +0 -1
  384. package/dist/generated/templates/MastheadShellTemplate.lit.d.ts +0 -3
  385. package/dist/generated/templates/MastheadShellTemplate.lit.js +0 -28
  386. package/dist/generated/templates/MastheadShellTemplate.lit.js.map +0 -1
  387. package/dist/generated/templates/TabHeaderTemplate.lit.d.ts +0 -3
  388. package/dist/generated/templates/TabHeaderTemplate.lit.js +0 -52
  389. package/dist/generated/templates/TabHeaderTemplate.lit.js.map +0 -1
  390. package/dist/generated/templates/TabInOverflowTemplate.lit.d.ts +0 -3
  391. package/dist/generated/templates/TabInOverflowTemplate.lit.js +0 -15
  392. package/dist/generated/templates/TabInOverflowTemplate.lit.js.map +0 -1
  393. package/dist/generated/templates/TabNavigationPopoverTemplate.lit.d.ts +0 -3
  394. package/dist/generated/templates/TabNavigationPopoverTemplate.lit.js +0 -8
  395. package/dist/generated/templates/TabNavigationPopoverTemplate.lit.js.map +0 -1
  396. package/dist/generated/templates/TabNavigationTemplate.lit.d.ts +0 -3
  397. package/dist/generated/templates/TabNavigationTemplate.lit.js +0 -16
  398. package/dist/generated/templates/TabNavigationTemplate.lit.js.map +0 -1
  399. package/dist/generated/templates/TabTemplate.lit.d.ts +0 -3
  400. package/dist/generated/templates/TabTemplate.lit.js +0 -7
  401. package/dist/generated/templates/TabTemplate.lit.js.map +0 -1
  402. package/src/MastheadCountrySelector.hbs +0 -76
  403. package/src/MastheadItem.hbs +0 -136
  404. package/src/MastheadMenu.hbs +0 -131
  405. package/src/MastheadMenuItem.hbs +0 -102
  406. package/src/MastheadMobileMenu.hbs +0 -253
  407. package/src/MastheadProfileMenu.hbs +0 -121
  408. package/src/MastheadShell.hbs +0 -223
  409. package/src/Tab.hbs +0 -1
  410. package/src/TabHeader.hbs +0 -141
  411. package/src/TabInOverflow.hbs +0 -59
  412. package/src/TabNavigation.hbs +0 -86
  413. package/src/TabNavigationPopover.hbs +0 -18
  414. package/src/generated/templates/MastheadCountrySelectorTemplate.lit.ts +0 -17
  415. package/src/generated/templates/MastheadItemTemplate.lit.ts +0 -47
  416. package/src/generated/templates/MastheadMenuItemTemplate.lit.ts +0 -25
  417. package/src/generated/templates/MastheadMenuTemplate.lit.ts +0 -29
  418. package/src/generated/templates/MastheadMobileMenuTemplate.lit.ts +0 -41
  419. package/src/generated/templates/MastheadProfileMenuTemplate.lit.ts +0 -22
  420. package/src/generated/templates/MastheadShellTemplate.lit.ts +0 -32
  421. package/src/generated/templates/TabHeaderTemplate.lit.ts +0 -56
  422. package/src/generated/templates/TabInOverflowTemplate.lit.ts +0 -19
  423. package/src/generated/templates/TabNavigationPopoverTemplate.lit.ts +0 -12
  424. package/src/generated/templates/TabNavigationTemplate.lit.ts +0 -20
  425. package/src/generated/templates/TabTemplate.lit.ts +0 -11
package/dist/generated/themes/PromoTile.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PromoTile.css.js","sourceRoot":"","sources":["../../../src/generated/themes/PromoTile.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{width:100%;max-height:100%;overflow:hidden;--udex-promo-tile-background: var(--udexColorBlue1, #EBF8FF);--udex-promo-tile-border-radius: var(--udexRadiusXL, 16px);--udex-promo-tile-border-width: var(--sapElement_BorderWidth, 1px);--udex-promo-tile-border-color: var(--udex-promo-tile-background);--udex-promo-tile-pictogram-width: var(--udexSpacer120, 120px);--udex-promo-tile-pictogram-height: var(--udexSpacer120, 120px);--udex-promo-tile-logo-width: 200px;--udex-promo-tile-logo-height: 100px;--udex-promo-tile-icon-width: 100%;--udex-promo-tile-icon-height: 100%;--udex-promo-tile-icon-fill-color: inherit;--udex-promo-tile-eyebrow-color: var(--udexColorBlue8, #0057D2);--udex-promo-tile-header-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-header-color-dark: var(--udexColorNeutralBlack, #000000);--udex-promo-tile-text-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-text-color-dark: var(--udexColorGrey9, #223548)}:host ::slotted([slot=\"pictogram\"]){width:100%}.udex-promo-tile__container{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;border-radius:var(--udex-promo-tile-border-radius);background:var(--udex-promo-tile-background);padding:var(--udexSpacer32, 32px);gap:var(--udexSpacer16, 16px);border:var(--udex-promo-tile-border-width) solid var(--udex-promo-tile-border-color)}.udex-promo-tile--horizontal{flex-direction:row;padding:var(--udexSpacer32, 32px);gap:var(--udexSpacer32, 32px)}.udex-promo-tile__pictogram{width:var(--udex-promo-tile-pictogram-width);height:var(--udex-promo-tile-pictogram-height);max-width:100%;display:flex;justify-content:center;align-items:center;flex-grow:0;flex-shrink:0;overflow:hidden}.udex-promo-tile__pictogram.udex-promo-tile__pictogram--logo{width:var(--udex-promo-tile-logo-width);height:var(--udex-promo-tile-logo-height)}.udex-promo-tile__pictogram img{width:100%;height:100%;object-fit:cover}.udex-promo-tile--horizontal .udex-promo-tile__pictogram,.udex-promo-tile--horizontal .udex-promo-tile__footer{flex-shrink:0;flex-grow:0}.udex-promo-tile__pictogram [ui5-icon]{width:var(--udex-promo-tile-icon-width);height:var(--udex-promo-tile-icon-height);fill:var(--udex-promo-tile-icon-fill-color);--_ui5_icon_transform_scale: none}.udex-promo-tile__content{display:flex;flex-grow:1;flex-direction:column;justify-content:space-between;gap:var(--udexSpacer32, 32px);font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--udex-promo-tile-text-color-dark)}.udex-promo-tile--horizontal .udex-promo-tile__content{flex-grow:1;flex-direction:row}.udex-promo-tile--dark .udex-promo-tile__content{color:var(--udex-promo-tile-text-color-light)}.udex-promo-tile__eyebrow{font-size:var(--udexTypographyEyebrowLFontSize, 16px);line-height:var(--udexTypographyEyebrowLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);text-transform:uppercase;letter-spacing:.5px;color:var(--udex-promo-tile-eyebrow-color);margin-block-end:var(--udexSpacer8, 8px)}.udex-promo-tile__header{font-size:var(--udexTypographyHeadingMediumSFontSize, 28px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);margin-block-end:var(--udexSpacer16, 16px);color:var(--udex-promo-tile-header-color-dark)}.udex-promo-tile--dark .udex-promo-tile__header{color:var(--udex-promo-tile-header-color-light)}.udex-promo-tile--horizontal .udex-promo-tile__header{margin-block-end:var(--udexSpacer8, 8px)}.udex-promo-tile__footer{display:flex;align-items:center}@media (max-width: 1279px){.udex-promo-tile--horizontal{padding:var(--udexSpacer24, 24px);gap:var(--udexSpacer24, 24px)}.udex-promo-tile--horizontal .udex-promo-tile__content{flex-direction:column;gap:var(--udexSpacer24, 24px)}.udex-promo-tile__header{font-size:var(--udexTypographyHeadingMediumXSFontSize, 24px)}}@media (max-width: 979px){.udex-promo-tile--horizontal{flex-direction:column}}.udex-promo-tile--dark [udex-button]{--udex-button-focus-border-color: var(--udexColorNeutralWhite, #FFFFFF);--sapContent_FocusColor: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-border-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-standard-hover-background: var(--udexColorGrey4, #A9B4BE);--udex-button-color-primary-standard-hover-border-color: var(--udexColorGrey3, #D5DADD);--udex-button-color-primary-standard-hover-text-and-icon: var(--udexColorBlue10, #002A86);--udex-button-color-primary-standard-active-background: var(--udexColorNeutralBlack70, #000000B3);--udex-button-color-primary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-disabled-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-toggled-default-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-primary-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-secondary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-tertiary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-disabled-background: var(--udexColorNeutralBlack, #000000);--udex-button-color-tertiary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-default-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-invisible-standard-hover-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-active-text-and-icon: var(--udexColorBlue5, #4DB1FF);--udex-button-color-invisible-standard-disabled-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-positive-standard-default-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-default-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-default-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-standard-hover-background: var(--udexColorGreen10, #164323);--udex-button-color-positive-standard-hover-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-hover-text-and-icon: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-standard-active-border: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-active-text-and-icon: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-disabled-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-disabled-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-disabled-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-positive-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-standard-default-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-default-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-standard-hover-background: var(--udexColorRed10, #5A0404);--udex-button-color-negative-standard-hover-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-hover-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-standard-active-border: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-active-text-and-icon: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-disabled-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-disabled-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-disabled-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-toggled-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-default-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-hover-background: var(--udexColorMango4, #FFC933);--udex-button-color-negative-toggled-hover-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-hover-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-background: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-toggled-disabled-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-warning-standard-default-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-default-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-default-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-standard-hover-background: var(--udexColorMango10, #6D1900);--udex-button-color-warning-standard-hover-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-hover-text-and-icon: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-warning-standard-active-border: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-active-text-and-icon: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-disabled-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-disabled-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-disabled-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-default-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-default-text-and-icon: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-hover-background: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-hover-border: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-hover-text-and-icon: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-disabled-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-disabled-text-and-icon: var(--udexColorMango10, #6D1900)}\n`"]}
1
+ {"version":3,"file":"PromoTile.css.js","sourceRoot":"","sources":["../../../src/generated/themes/PromoTile.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{width:100%;max-height:100%;overflow:hidden;--udex-promo-tile-background: var(--udexColorBlue1, #EBF8FF);--udex-promo-tile-border-radius: var(--udexRadiusXL, 16px);--udex-promo-tile-border-width: var(--sapElement_BorderWidth, 1px);--udex-promo-tile-border-color: var(--udex-promo-tile-background);--udex-promo-tile-pictogram-width: var(--udexSpacer120, 120px);--udex-promo-tile-pictogram-height: var(--udexSpacer120, 120px);--udex-promo-tile-logo-width: 200px;--udex-promo-tile-logo-height: 100px;--udex-promo-tile-icon-width: 100%;--udex-promo-tile-icon-height: 100%;--udex-promo-tile-icon-fill-color: inherit;--udex-promo-tile-eyebrow-color: var(--udexColorBlue8, #0057D2);--udex-promo-tile-header-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-header-color-dark: var(--udexColorNeutralBlack, #000000);--udex-promo-tile-text-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-text-color-dark: var(--udexColorGrey9, #223548)}:host ::slotted([slot=\"pictogram\"]){width:100%}.udex-promo-tile__container{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;border-radius:var(--udex-promo-tile-border-radius);background:var(--udex-promo-tile-background);padding:var(--udexSpacer32, 32px);gap:var(--udexSpacer16, 16px);border:var(--udex-promo-tile-border-width) solid var(--udex-promo-tile-border-color)}.udex-promo-tile--horizontal{flex-direction:row;padding:var(--udexSpacer32, 32px);gap:var(--udexSpacer32, 32px)}.udex-promo-tile__pictogram{width:var(--udex-promo-tile-pictogram-width);height:var(--udex-promo-tile-pictogram-height);max-width:100%;display:flex;justify-content:center;align-items:center;flex-grow:0;flex-shrink:0;overflow:hidden}.udex-promo-tile__pictogram.udex-promo-tile__pictogram--logo{width:var(--udex-promo-tile-logo-width);height:var(--udex-promo-tile-logo-height)}.udex-promo-tile__pictogram img{width:100%;height:100%;object-fit:cover}.udex-promo-tile--horizontal .udex-promo-tile__pictogram,.udex-promo-tile--horizontal .udex-promo-tile__footer{flex-shrink:0;flex-grow:0}.udex-promo-tile__pictogram [ui5-icon]{width:var(--udex-promo-tile-icon-width);height:var(--udex-promo-tile-icon-height);fill:var(--udex-promo-tile-icon-fill-color);--_ui5_icon_transform_scale: none}.udex-promo-tile__content{display:flex;flex-grow:1;flex-direction:column;justify-content:space-between;gap:var(--udexSpacer32, 32px);font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--udex-promo-tile-text-color-dark)}.udex-promo-tile--horizontal .udex-promo-tile__content{flex-grow:1;flex-direction:row}.udex-promo-tile--dark .udex-promo-tile__content{color:var(--udex-promo-tile-text-color-light)}.udex-promo-tile__eyebrow{font-size:var(--udexTypographyEyebrowLFontSize, 16px);line-height:var(--udexTypographyEyebrowLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);text-transform:uppercase;letter-spacing:.5px;color:var(--udex-promo-tile-eyebrow-color);margin-block-end:var(--udexSpacer8, 8px)}.udex-promo-tile__header{font-size:var(--udexTypographyHeadingMediumSFontSize, 28px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);margin-block-end:var(--udexSpacer16, 16px);color:var(--udex-promo-tile-header-color-dark)}.udex-promo-tile--dark .udex-promo-tile__header{color:var(--udex-promo-tile-header-color-light)}.udex-promo-tile--horizontal .udex-promo-tile__header{margin-block-end:var(--udexSpacer8, 8px)}.udex-promo-tile__footer{display:flex;align-items:center}@media (max-width: 1279px){.udex-promo-tile--horizontal{padding:var(--udexSpacer24, 24px);gap:var(--udexSpacer24, 24px)}.udex-promo-tile--horizontal .udex-promo-tile__content{flex-direction:column;gap:var(--udexSpacer24, 24px)}.udex-promo-tile__header{font-size:var(--udexTypographyHeadingMediumXSFontSize, 24px)}}@media (max-width: 979px){.udex-promo-tile--horizontal{flex-direction:column}}.udex-promo-tile--dark [udex-button]{--udex-button-focus-border-color: var(--udexColorNeutralWhite, #FFFFFF);--sapContent_FocusColor: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-border-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-standard-hover-background: var(--udexColorGrey4, #A9B4BE);--udex-button-color-primary-standard-hover-border-color: var(--udexColorGrey3, #D5DADD);--udex-button-color-primary-standard-hover-text-and-icon: var(--udexColorBlue10, #002A86);--udex-button-color-primary-standard-active-background: var(--udexColorNeutralBlack70, #000000B3);--udex-button-color-primary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-disabled-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-standard-focus-border: var(--udexColorBlue10, #002A86);--udex-button-color-primary-toggled-default-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-primary-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-secondary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-tertiary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-disabled-background: var(--udexColorNeutralBlack, #000000);--udex-button-color-tertiary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-default-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-invisible-standard-hover-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-active-text-and-icon: var(--udexColorBlue5, #4DB1FF);--udex-button-color-invisible-standard-disabled-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-positive-standard-default-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-default-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-default-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-standard-hover-background: var(--udexColorGreen10, #164323);--udex-button-color-positive-standard-hover-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-hover-text-and-icon: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-standard-active-border: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-active-text-and-icon: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-disabled-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-disabled-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-disabled-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-positive-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-standard-default-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-default-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-standard-hover-background: var(--udexColorRed10, #5A0404);--udex-button-color-negative-standard-hover-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-hover-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-standard-active-border: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-active-text-and-icon: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-disabled-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-disabled-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-disabled-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-toggled-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-default-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-hover-background: var(--udexColorMango4, #FFC933);--udex-button-color-negative-toggled-hover-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-hover-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-background: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-toggled-disabled-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-warning-standard-default-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-default-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-default-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-standard-hover-background: var(--udexColorMango10, #6D1900);--udex-button-color-warning-standard-hover-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-hover-text-and-icon: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-warning-standard-active-border: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-active-text-and-icon: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-disabled-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-disabled-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-disabled-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-default-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-default-text-and-icon: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-hover-background: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-hover-border: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-hover-text-and-icon: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-disabled-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-disabled-text-and-icon: var(--udexColorMango10, #6D1900)}\n`"]}
package/dist/generated/themes/Switch.css.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: ":host{--udex-switch-color-standard-default-inactive-handle-background: var(--sapButton_Handle_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-default-inactive-icon: var(--sapButton_Handle_TextColor, var(--udexColorGrey9));--udex-switch-color-standard-default-inactive-track-background: var(--sapButton_Track_Background, var(--udexColorGrey5));--udex-switch-color-standard-hover-inactive-handle-background: var(--sapButton_Handle_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-hover-inactive-handle-border: var(--sapButton_Handle_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-standard-hover-inactive-icon: var(--sapButton_Handle_TextColor, var(--udexColorGrey9));--udex-switch-color-standard-hover-inactive-track-background: var(--sapButton_Track_Hover_Background, var(--udexColorGrey6));--udex-switch-color-standard-default-active-handle-background: var(--sapButton_Handle_Selected_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-default-active-icon: var(--sapButton_Handle_Selected_TextColor, var(--udexColorBlue7));--udex-switch-color-standard-default-active-track-background: var(--sapButton_Track_Selected_Background, var(--udexColorBlue7));--udex-switch-color-standard-hover-active-handle-background: var(--sapButton_Handle_Selected_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-hover-active-handle-border: var(--sapButton_Handle_Selected_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-standard-hover-active-icon: var(--udexColorBlue9, #0040b0);--udex-switch-color-standard-hover-active-track-background: var(--sapButton_Track_Selected_Hover_Background, var(--udexColorBlue9));--udex-switch-color-reject-default-handle-background: var(--sapButton_Handle_Negative_Background, var(--udexColorNeutralWhite));--udex-switch-color-reject-default-icon: var(--sapButton_Handle_Negative_TextColor, var(--udexColorRed8));--udex-switch-color-reject-default-track-background: var(--sapButton_Track_Negative_Background, var(--udexColorRed6));--udex-switch-color-reject-hover-handle-background: var(--sapButton_Handle_Negative_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-reject-hover-handle-border: var(--sapButton_Handle_Negative_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-reject-hover-icon: var(--sapButton_Track_Negative_TextColor, var(--udexColorRed8));--udex-switch-color-reject-hover-track-background: var(--sapButton_Track_Negative_Hover_Background, var(--udexColorRed7));--udex-switch-color-accept-default-handle-background: var(--sapButton_Handle_Positive_Background, var(--udexColorNeutralWhite));--udex-switch-color-accept-default-icon: var(--sapButton_Handle_Positive_TextColor, var(--udexColorGreen8));--udex-switch-color-accept-default-track-background: var(--sapButton_Track_Positive_Background, var(--udexColorGreen7));--udex-switch-color-accept-hover-handle-background: var(--sapButton_Handle_Positive_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-accept-hover-handle-border: var(--sapButton_Handle_Positive_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-accept-hover-icon: var(--sapButton_Handle_Positive_TextColor, var(--udexColorGreen8));--udex-switch-color-accept-hover-track-background: var(--sapButton_Track_Positive_Hover_Background, var(--udexColorGreen8))}:host{display:inline-block}.udex-switch{display:flex;flex-direction:row;align-items:center;font-family:var(--sapFontFamily);gap:var(--udexSpacer12, 12px);color:var(--udexColorGrey9, #223548)}:host([desktop]) .udex-switch__container:focus,.udex-switch__container:focus-visible{outline:var(--udexSpacer2, 2px) solid var(--udexColorBlue9, #0040B0);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexSwitchRadius, 100px)}:host([disabled]) .udex-switch{opacity:.4}.udex-switch__label{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:24px;font-weight:400}.udex-switch__container{width:40px;height:24px}:host(:not([disabled])) .udex-switch__container{cursor:pointer}.udex-switch__track{border-radius:var(--udexSwitchRadius, 100px);height:inherit;padding:var(--udexSpacer2, 2px);box-sizing:border-box;container-type:inline-size}.udex-switch__handle{padding:var(--udexSpacer2, 2px) var(--udexSpacer4, 4px);width:24px;height:20px;border-radius:var(--udexSwitchRadius, 100px);box-sizing:border-box;transition:transform .3s ease}:host(:not([checked])) .udex-switch__track .udex-switch__handle{transform:translate(0)}:host([checked]:dir(ltr)) .udex-switch__track .udex-switch__handle{transform:translate(calc(100cqw - 100%))}:host([checked]:dir(rtl)) .udex-switch__track .udex-switch__handle{transform:translate(calc(-100cqw + 100%))}.udex-switch__icon{display:block;width:16px;height:16px}.udex-switch__track--inactive.udex-switch__track,:host([color=Non-Semantic]) .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-standard-default-inactive-track-background)}.udex-switch__track--inactive .udex-switch__handle,:host([color=Non-Semantic]) .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-standard-default-inactive-handle-background)}.udex-switch__track--inactive .udex-switch__icon,:host([color=Non-Semantic]) .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-standard-default-inactive-icon)}.udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-standard-hover-inactive-track-background)}.udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-standard-hover-inactive-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-standard-hover-inactive-handle-border)}.udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-standard-hover-inactive-icon)}.udex-switch__track--active.udex-switch__track,:host([color=Non-Semantic]) .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-standard-default-active-track-background)}.udex-switch__track--active .udex-switch__handle,:host([color=Non-Semantic]) .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-standard-default-active-handle-background)}.udex-switch__track--active .udex-switch__icon,:host([color=Non-Semantic]) .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-standard-default-active-icon)}.udex-switch__container:hover .udex-switch__track--active.udex-switch__track,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-standard-hover-active-track-background)}.udex-switch__container:hover .udex-switch__track--active .udex-switch__handle,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-standard-hover-active-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-standard-hover-active-handle-border)}.udex-switch__container:hover .udex-switch__track--active .udex-switch__icon,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-standard-hover-active-icon)}:host([color=Semantic]) .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-reject-default-track-background)}:host([color=Semantic]) .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-reject-default-handle-background)}:host([color=Semantic]) .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-reject-default-icon)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-reject-hover-track-background)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-reject-hover-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-reject-hover-handle-border)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-reject-hover-icon)}:host([color=Semantic]) .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-accept-default-track-background)}:host([color=Semantic]) .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-accept-default-handle-background)}:host([color=Semantic]) .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-accept-default-icon)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-accept-hover-track-background)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-accept-hover-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-accept-hover-handle-border)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-accept-hover-icon)}.udex-switch__input{position:absolute;inset-inline-start:0;width:0;height:0;margin:0;visibility:hidden;appearance:none}\n";
1
+ declare const _default: ":host{--udex-switch-color-standard-default-inactive-handle-background: var(--sapButton_Handle_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-default-inactive-icon: var(--sapButton_Handle_TextColor, var(--udexColorGrey9));--udex-switch-color-standard-default-inactive-track-background: var(--sapButton_Track_Background, var(--udexColorGrey5));--udex-switch-color-standard-hover-inactive-handle-background: var(--sapButton_Handle_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-hover-inactive-handle-border: var(--sapButton_Handle_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-standard-hover-inactive-icon: var(--sapButton_Handle_TextColor, var(--udexColorGrey9));--udex-switch-color-standard-hover-inactive-track-background: var(--sapButton_Track_Hover_Background, var(--udexColorGrey6));--udex-switch-color-standard-default-active-handle-background: var(--sapButton_Handle_Selected_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-default-active-icon: var(--udexColorBlue8, #0057D2);--udex-switch-color-standard-default-active-track-background: var(--udexColorBlue8, #0057D2);--udex-switch-color-standard-hover-active-handle-background: var(--sapButton_Handle_Selected_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-hover-active-handle-border: var(--sapButton_Handle_Selected_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-standard-hover-active-icon: var(--udexColorBlue9, #0040b0);--udex-switch-color-standard-hover-active-track-background: var(--sapButton_Track_Selected_Hover_Background, var(--udexColorBlue9));--udex-switch-color-reject-default-handle-background: var(--sapButton_Handle_Negative_Background, var(--udexColorNeutralWhite));--udex-switch-color-reject-default-icon: var(--sapButton_Handle_Negative_TextColor, var(--udexColorRed8));--udex-switch-color-reject-default-track-background: var(--sapButton_Track_Negative_Background, var(--udexColorRed6));--udex-switch-color-reject-hover-handle-background: var(--sapButton_Handle_Negative_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-reject-hover-handle-border: var(--sapButton_Handle_Negative_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-reject-hover-icon: var(--sapButton_Track_Negative_TextColor, var(--udexColorRed8));--udex-switch-color-reject-hover-track-background: var(--sapButton_Track_Negative_Hover_Background, var(--udexColorRed7));--udex-switch-color-accept-default-handle-background: var(--sapButton_Handle_Positive_Background, var(--udexColorNeutralWhite));--udex-switch-color-accept-default-icon: var(--sapButton_Handle_Positive_TextColor, var(--udexColorGreen8));--udex-switch-color-accept-default-track-background: var(--sapButton_Track_Positive_Background, var(--udexColorGreen7));--udex-switch-color-accept-hover-handle-background: var(--sapButton_Handle_Positive_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-accept-hover-handle-border: var(--sapButton_Handle_Positive_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-accept-hover-icon: var(--sapButton_Handle_Positive_TextColor, var(--udexColorGreen8));--udex-switch-color-accept-hover-track-background: var(--sapButton_Track_Positive_Hover_Background, var(--udexColorGreen8))}:host{display:inline-block}.udex-switch{display:flex;flex-direction:row;align-items:center;font-family:var(--sapFontFamily);gap:var(--udexSpacer12, 12px);color:var(--udexColorGrey9, #223548)}:host([desktop]) .udex-switch__container:focus,.udex-switch__container:focus-visible{outline:var(--udexSpacer2, 2px) solid var(--udexColorBlue9, #0040B0);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexSwitchRadius, 100px)}:host([disabled]) .udex-switch{opacity:.4}.udex-switch__label{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:24px;font-weight:400}.udex-switch__container{width:40px;height:24px}:host(:not([disabled])) .udex-switch__container{cursor:pointer}.udex-switch__track{border-radius:var(--udexSwitchRadius, 100px);height:inherit;padding:var(--udexSpacer2, 2px);box-sizing:border-box;container-type:inline-size}.udex-switch__handle{padding:var(--udexSpacer2, 2px) var(--udexSpacer4, 4px);width:24px;height:20px;border-radius:var(--udexSwitchRadius, 100px);box-sizing:border-box;transition:transform .3s ease}:host(:not([checked])) .udex-switch__track .udex-switch__handle{transform:translate(0)}:host([checked]:dir(ltr)) .udex-switch__track .udex-switch__handle{transform:translate(calc(100cqw - 100%))}:host([checked]:dir(rtl)) .udex-switch__track .udex-switch__handle{transform:translate(calc(-100cqw + 100%))}.udex-switch__icon{display:block;width:16px;height:16px}.udex-switch__track--inactive.udex-switch__track,:host([color=Non-Semantic]) .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-standard-default-inactive-track-background)}.udex-switch__track--inactive .udex-switch__handle,:host([color=Non-Semantic]) .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-standard-default-inactive-handle-background)}.udex-switch__track--inactive .udex-switch__icon,:host([color=Non-Semantic]) .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-standard-default-inactive-icon)}.udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-standard-hover-inactive-track-background)}.udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-standard-hover-inactive-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-standard-hover-inactive-handle-border)}.udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-standard-hover-inactive-icon)}.udex-switch__track--active.udex-switch__track,:host([color=Non-Semantic]) .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-standard-default-active-track-background)}.udex-switch__track--active .udex-switch__handle,:host([color=Non-Semantic]) .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-standard-default-active-handle-background)}.udex-switch__track--active .udex-switch__icon,:host([color=Non-Semantic]) .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-standard-default-active-icon)}.udex-switch__container:hover .udex-switch__track--active.udex-switch__track,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-standard-hover-active-track-background)}.udex-switch__container:hover .udex-switch__track--active .udex-switch__handle,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-standard-hover-active-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-standard-hover-active-handle-border)}.udex-switch__container:hover .udex-switch__track--active .udex-switch__icon,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-standard-hover-active-icon)}:host([color=Semantic]) .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-reject-default-track-background)}:host([color=Semantic]) .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-reject-default-handle-background)}:host([color=Semantic]) .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-reject-default-icon)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-reject-hover-track-background)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-reject-hover-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-reject-hover-handle-border)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-reject-hover-icon)}:host([color=Semantic]) .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-accept-default-track-background)}:host([color=Semantic]) .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-accept-default-handle-background)}:host([color=Semantic]) .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-accept-default-icon)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-accept-hover-track-background)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-accept-hover-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-accept-hover-handle-border)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-accept-hover-icon)}.udex-switch__input{position:absolute;inset-inline-start:0;width:0;height:0;margin:0;visibility:hidden;appearance:none}\n";
2
2
  export default _default;
package/dist/generated/themes/Switch.css.js CHANGED
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
3
3
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
4
4
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
5
5
  registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
6
- export default `:host{--udex-switch-color-standard-default-inactive-handle-background: var(--sapButton_Handle_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-default-inactive-icon: var(--sapButton_Handle_TextColor, var(--udexColorGrey9));--udex-switch-color-standard-default-inactive-track-background: var(--sapButton_Track_Background, var(--udexColorGrey5));--udex-switch-color-standard-hover-inactive-handle-background: var(--sapButton_Handle_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-hover-inactive-handle-border: var(--sapButton_Handle_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-standard-hover-inactive-icon: var(--sapButton_Handle_TextColor, var(--udexColorGrey9));--udex-switch-color-standard-hover-inactive-track-background: var(--sapButton_Track_Hover_Background, var(--udexColorGrey6));--udex-switch-color-standard-default-active-handle-background: var(--sapButton_Handle_Selected_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-default-active-icon: var(--sapButton_Handle_Selected_TextColor, var(--udexColorBlue7));--udex-switch-color-standard-default-active-track-background: var(--sapButton_Track_Selected_Background, var(--udexColorBlue7));--udex-switch-color-standard-hover-active-handle-background: var(--sapButton_Handle_Selected_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-hover-active-handle-border: var(--sapButton_Handle_Selected_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-standard-hover-active-icon: var(--udexColorBlue9, #0040b0);--udex-switch-color-standard-hover-active-track-background: var(--sapButton_Track_Selected_Hover_Background, var(--udexColorBlue9));--udex-switch-color-reject-default-handle-background: var(--sapButton_Handle_Negative_Background, var(--udexColorNeutralWhite));--udex-switch-color-reject-default-icon: var(--sapButton_Handle_Negative_TextColor, var(--udexColorRed8));--udex-switch-color-reject-default-track-background: var(--sapButton_Track_Negative_Background, var(--udexColorRed6));--udex-switch-color-reject-hover-handle-background: var(--sapButton_Handle_Negative_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-reject-hover-handle-border: var(--sapButton_Handle_Negative_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-reject-hover-icon: var(--sapButton_Track_Negative_TextColor, var(--udexColorRed8));--udex-switch-color-reject-hover-track-background: var(--sapButton_Track_Negative_Hover_Background, var(--udexColorRed7));--udex-switch-color-accept-default-handle-background: var(--sapButton_Handle_Positive_Background, var(--udexColorNeutralWhite));--udex-switch-color-accept-default-icon: var(--sapButton_Handle_Positive_TextColor, var(--udexColorGreen8));--udex-switch-color-accept-default-track-background: var(--sapButton_Track_Positive_Background, var(--udexColorGreen7));--udex-switch-color-accept-hover-handle-background: var(--sapButton_Handle_Positive_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-accept-hover-handle-border: var(--sapButton_Handle_Positive_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-accept-hover-icon: var(--sapButton_Handle_Positive_TextColor, var(--udexColorGreen8));--udex-switch-color-accept-hover-track-background: var(--sapButton_Track_Positive_Hover_Background, var(--udexColorGreen8))}:host{display:inline-block}.udex-switch{display:flex;flex-direction:row;align-items:center;font-family:var(--sapFontFamily);gap:var(--udexSpacer12, 12px);color:var(--udexColorGrey9, #223548)}:host([desktop]) .udex-switch__container:focus,.udex-switch__container:focus-visible{outline:var(--udexSpacer2, 2px) solid var(--udexColorBlue9, #0040B0);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexSwitchRadius, 100px)}:host([disabled]) .udex-switch{opacity:.4}.udex-switch__label{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:24px;font-weight:400}.udex-switch__container{width:40px;height:24px}:host(:not([disabled])) .udex-switch__container{cursor:pointer}.udex-switch__track{border-radius:var(--udexSwitchRadius, 100px);height:inherit;padding:var(--udexSpacer2, 2px);box-sizing:border-box;container-type:inline-size}.udex-switch__handle{padding:var(--udexSpacer2, 2px) var(--udexSpacer4, 4px);width:24px;height:20px;border-radius:var(--udexSwitchRadius, 100px);box-sizing:border-box;transition:transform .3s ease}:host(:not([checked])) .udex-switch__track .udex-switch__handle{transform:translate(0)}:host([checked]:dir(ltr)) .udex-switch__track .udex-switch__handle{transform:translate(calc(100cqw - 100%))}:host([checked]:dir(rtl)) .udex-switch__track .udex-switch__handle{transform:translate(calc(-100cqw + 100%))}.udex-switch__icon{display:block;width:16px;height:16px}.udex-switch__track--inactive.udex-switch__track,:host([color=Non-Semantic]) .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-standard-default-inactive-track-background)}.udex-switch__track--inactive .udex-switch__handle,:host([color=Non-Semantic]) .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-standard-default-inactive-handle-background)}.udex-switch__track--inactive .udex-switch__icon,:host([color=Non-Semantic]) .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-standard-default-inactive-icon)}.udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-standard-hover-inactive-track-background)}.udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-standard-hover-inactive-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-standard-hover-inactive-handle-border)}.udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-standard-hover-inactive-icon)}.udex-switch__track--active.udex-switch__track,:host([color=Non-Semantic]) .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-standard-default-active-track-background)}.udex-switch__track--active .udex-switch__handle,:host([color=Non-Semantic]) .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-standard-default-active-handle-background)}.udex-switch__track--active .udex-switch__icon,:host([color=Non-Semantic]) .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-standard-default-active-icon)}.udex-switch__container:hover .udex-switch__track--active.udex-switch__track,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-standard-hover-active-track-background)}.udex-switch__container:hover .udex-switch__track--active .udex-switch__handle,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-standard-hover-active-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-standard-hover-active-handle-border)}.udex-switch__container:hover .udex-switch__track--active .udex-switch__icon,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-standard-hover-active-icon)}:host([color=Semantic]) .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-reject-default-track-background)}:host([color=Semantic]) .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-reject-default-handle-background)}:host([color=Semantic]) .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-reject-default-icon)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-reject-hover-track-background)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-reject-hover-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-reject-hover-handle-border)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-reject-hover-icon)}:host([color=Semantic]) .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-accept-default-track-background)}:host([color=Semantic]) .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-accept-default-handle-background)}:host([color=Semantic]) .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-accept-default-icon)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-accept-hover-track-background)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-accept-hover-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-accept-hover-handle-border)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-accept-hover-icon)}.udex-switch__input{position:absolute;inset-inline-start:0;width:0;height:0;margin:0;visibility:hidden;appearance:none}
6
+ export default `:host{--udex-switch-color-standard-default-inactive-handle-background: var(--sapButton_Handle_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-default-inactive-icon: var(--sapButton_Handle_TextColor, var(--udexColorGrey9));--udex-switch-color-standard-default-inactive-track-background: var(--sapButton_Track_Background, var(--udexColorGrey5));--udex-switch-color-standard-hover-inactive-handle-background: var(--sapButton_Handle_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-hover-inactive-handle-border: var(--sapButton_Handle_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-standard-hover-inactive-icon: var(--sapButton_Handle_TextColor, var(--udexColorGrey9));--udex-switch-color-standard-hover-inactive-track-background: var(--sapButton_Track_Hover_Background, var(--udexColorGrey6));--udex-switch-color-standard-default-active-handle-background: var(--sapButton_Handle_Selected_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-default-active-icon: var(--udexColorBlue8, #0057D2);--udex-switch-color-standard-default-active-track-background: var(--udexColorBlue8, #0057D2);--udex-switch-color-standard-hover-active-handle-background: var(--sapButton_Handle_Selected_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-hover-active-handle-border: var(--sapButton_Handle_Selected_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-standard-hover-active-icon: var(--udexColorBlue9, #0040b0);--udex-switch-color-standard-hover-active-track-background: var(--sapButton_Track_Selected_Hover_Background, var(--udexColorBlue9));--udex-switch-color-reject-default-handle-background: var(--sapButton_Handle_Negative_Background, var(--udexColorNeutralWhite));--udex-switch-color-reject-default-icon: var(--sapButton_Handle_Negative_TextColor, var(--udexColorRed8));--udex-switch-color-reject-default-track-background: var(--sapButton_Track_Negative_Background, var(--udexColorRed6));--udex-switch-color-reject-hover-handle-background: var(--sapButton_Handle_Negative_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-reject-hover-handle-border: var(--sapButton_Handle_Negative_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-reject-hover-icon: var(--sapButton_Track_Negative_TextColor, var(--udexColorRed8));--udex-switch-color-reject-hover-track-background: var(--sapButton_Track_Negative_Hover_Background, var(--udexColorRed7));--udex-switch-color-accept-default-handle-background: var(--sapButton_Handle_Positive_Background, var(--udexColorNeutralWhite));--udex-switch-color-accept-default-icon: var(--sapButton_Handle_Positive_TextColor, var(--udexColorGreen8));--udex-switch-color-accept-default-track-background: var(--sapButton_Track_Positive_Background, var(--udexColorGreen7));--udex-switch-color-accept-hover-handle-background: var(--sapButton_Handle_Positive_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-accept-hover-handle-border: var(--sapButton_Handle_Positive_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-accept-hover-icon: var(--sapButton_Handle_Positive_TextColor, var(--udexColorGreen8));--udex-switch-color-accept-hover-track-background: var(--sapButton_Track_Positive_Hover_Background, var(--udexColorGreen8))}:host{display:inline-block}.udex-switch{display:flex;flex-direction:row;align-items:center;font-family:var(--sapFontFamily);gap:var(--udexSpacer12, 12px);color:var(--udexColorGrey9, #223548)}:host([desktop]) .udex-switch__container:focus,.udex-switch__container:focus-visible{outline:var(--udexSpacer2, 2px) solid var(--udexColorBlue9, #0040B0);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexSwitchRadius, 100px)}:host([disabled]) .udex-switch{opacity:.4}.udex-switch__label{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:24px;font-weight:400}.udex-switch__container{width:40px;height:24px}:host(:not([disabled])) .udex-switch__container{cursor:pointer}.udex-switch__track{border-radius:var(--udexSwitchRadius, 100px);height:inherit;padding:var(--udexSpacer2, 2px);box-sizing:border-box;container-type:inline-size}.udex-switch__handle{padding:var(--udexSpacer2, 2px) var(--udexSpacer4, 4px);width:24px;height:20px;border-radius:var(--udexSwitchRadius, 100px);box-sizing:border-box;transition:transform .3s ease}:host(:not([checked])) .udex-switch__track .udex-switch__handle{transform:translate(0)}:host([checked]:dir(ltr)) .udex-switch__track .udex-switch__handle{transform:translate(calc(100cqw - 100%))}:host([checked]:dir(rtl)) .udex-switch__track .udex-switch__handle{transform:translate(calc(-100cqw + 100%))}.udex-switch__icon{display:block;width:16px;height:16px}.udex-switch__track--inactive.udex-switch__track,:host([color=Non-Semantic]) .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-standard-default-inactive-track-background)}.udex-switch__track--inactive .udex-switch__handle,:host([color=Non-Semantic]) .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-standard-default-inactive-handle-background)}.udex-switch__track--inactive .udex-switch__icon,:host([color=Non-Semantic]) .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-standard-default-inactive-icon)}.udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-standard-hover-inactive-track-background)}.udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-standard-hover-inactive-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-standard-hover-inactive-handle-border)}.udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-standard-hover-inactive-icon)}.udex-switch__track--active.udex-switch__track,:host([color=Non-Semantic]) .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-standard-default-active-track-background)}.udex-switch__track--active .udex-switch__handle,:host([color=Non-Semantic]) .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-standard-default-active-handle-background)}.udex-switch__track--active .udex-switch__icon,:host([color=Non-Semantic]) .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-standard-default-active-icon)}.udex-switch__container:hover .udex-switch__track--active.udex-switch__track,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-standard-hover-active-track-background)}.udex-switch__container:hover .udex-switch__track--active .udex-switch__handle,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-standard-hover-active-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-standard-hover-active-handle-border)}.udex-switch__container:hover .udex-switch__track--active .udex-switch__icon,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-standard-hover-active-icon)}:host([color=Semantic]) .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-reject-default-track-background)}:host([color=Semantic]) .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-reject-default-handle-background)}:host([color=Semantic]) .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-reject-default-icon)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-reject-hover-track-background)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-reject-hover-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-reject-hover-handle-border)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-reject-hover-icon)}:host([color=Semantic]) .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-accept-default-track-background)}:host([color=Semantic]) .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-accept-default-handle-background)}:host([color=Semantic]) .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-accept-default-icon)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-accept-hover-track-background)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-accept-hover-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-accept-hover-handle-border)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-accept-hover-icon)}.udex-switch__input{position:absolute;inset-inline-start:0;width:0;height:0;margin:0;visibility:hidden;appearance:none}
7
7
  `;
8
8
  //# sourceMappingURL=Switch.css.js.map
package/dist/generated/themes/Switch.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Switch.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-switch-color-standard-default-inactive-handle-background: var(--sapButton_Handle_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-default-inactive-icon: var(--sapButton_Handle_TextColor, var(--udexColorGrey9));--udex-switch-color-standard-default-inactive-track-background: var(--sapButton_Track_Background, var(--udexColorGrey5));--udex-switch-color-standard-hover-inactive-handle-background: var(--sapButton_Handle_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-hover-inactive-handle-border: var(--sapButton_Handle_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-standard-hover-inactive-icon: var(--sapButton_Handle_TextColor, var(--udexColorGrey9));--udex-switch-color-standard-hover-inactive-track-background: var(--sapButton_Track_Hover_Background, var(--udexColorGrey6));--udex-switch-color-standard-default-active-handle-background: var(--sapButton_Handle_Selected_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-default-active-icon: var(--sapButton_Handle_Selected_TextColor, var(--udexColorBlue7));--udex-switch-color-standard-default-active-track-background: var(--sapButton_Track_Selected_Background, var(--udexColorBlue7));--udex-switch-color-standard-hover-active-handle-background: var(--sapButton_Handle_Selected_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-hover-active-handle-border: var(--sapButton_Handle_Selected_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-standard-hover-active-icon: var(--udexColorBlue9, #0040b0);--udex-switch-color-standard-hover-active-track-background: var(--sapButton_Track_Selected_Hover_Background, var(--udexColorBlue9));--udex-switch-color-reject-default-handle-background: var(--sapButton_Handle_Negative_Background, var(--udexColorNeutralWhite));--udex-switch-color-reject-default-icon: var(--sapButton_Handle_Negative_TextColor, var(--udexColorRed8));--udex-switch-color-reject-default-track-background: var(--sapButton_Track_Negative_Background, var(--udexColorRed6));--udex-switch-color-reject-hover-handle-background: var(--sapButton_Handle_Negative_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-reject-hover-handle-border: var(--sapButton_Handle_Negative_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-reject-hover-icon: var(--sapButton_Track_Negative_TextColor, var(--udexColorRed8));--udex-switch-color-reject-hover-track-background: var(--sapButton_Track_Negative_Hover_Background, var(--udexColorRed7));--udex-switch-color-accept-default-handle-background: var(--sapButton_Handle_Positive_Background, var(--udexColorNeutralWhite));--udex-switch-color-accept-default-icon: var(--sapButton_Handle_Positive_TextColor, var(--udexColorGreen8));--udex-switch-color-accept-default-track-background: var(--sapButton_Track_Positive_Background, var(--udexColorGreen7));--udex-switch-color-accept-hover-handle-background: var(--sapButton_Handle_Positive_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-accept-hover-handle-border: var(--sapButton_Handle_Positive_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-accept-hover-icon: var(--sapButton_Handle_Positive_TextColor, var(--udexColorGreen8));--udex-switch-color-accept-hover-track-background: var(--sapButton_Track_Positive_Hover_Background, var(--udexColorGreen8))}:host{display:inline-block}.udex-switch{display:flex;flex-direction:row;align-items:center;font-family:var(--sapFontFamily);gap:var(--udexSpacer12, 12px);color:var(--udexColorGrey9, #223548)}:host([desktop]) .udex-switch__container:focus,.udex-switch__container:focus-visible{outline:var(--udexSpacer2, 2px) solid var(--udexColorBlue9, #0040B0);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexSwitchRadius, 100px)}:host([disabled]) .udex-switch{opacity:.4}.udex-switch__label{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:24px;font-weight:400}.udex-switch__container{width:40px;height:24px}:host(:not([disabled])) .udex-switch__container{cursor:pointer}.udex-switch__track{border-radius:var(--udexSwitchRadius, 100px);height:inherit;padding:var(--udexSpacer2, 2px);box-sizing:border-box;container-type:inline-size}.udex-switch__handle{padding:var(--udexSpacer2, 2px) var(--udexSpacer4, 4px);width:24px;height:20px;border-radius:var(--udexSwitchRadius, 100px);box-sizing:border-box;transition:transform .3s ease}:host(:not([checked])) .udex-switch__track .udex-switch__handle{transform:translate(0)}:host([checked]:dir(ltr)) .udex-switch__track .udex-switch__handle{transform:translate(calc(100cqw - 100%))}:host([checked]:dir(rtl)) .udex-switch__track .udex-switch__handle{transform:translate(calc(-100cqw + 100%))}.udex-switch__icon{display:block;width:16px;height:16px}.udex-switch__track--inactive.udex-switch__track,:host([color=Non-Semantic]) .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-standard-default-inactive-track-background)}.udex-switch__track--inactive .udex-switch__handle,:host([color=Non-Semantic]) .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-standard-default-inactive-handle-background)}.udex-switch__track--inactive .udex-switch__icon,:host([color=Non-Semantic]) .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-standard-default-inactive-icon)}.udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-standard-hover-inactive-track-background)}.udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-standard-hover-inactive-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-standard-hover-inactive-handle-border)}.udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-standard-hover-inactive-icon)}.udex-switch__track--active.udex-switch__track,:host([color=Non-Semantic]) .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-standard-default-active-track-background)}.udex-switch__track--active .udex-switch__handle,:host([color=Non-Semantic]) .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-standard-default-active-handle-background)}.udex-switch__track--active .udex-switch__icon,:host([color=Non-Semantic]) .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-standard-default-active-icon)}.udex-switch__container:hover .udex-switch__track--active.udex-switch__track,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-standard-hover-active-track-background)}.udex-switch__container:hover .udex-switch__track--active .udex-switch__handle,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-standard-hover-active-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-standard-hover-active-handle-border)}.udex-switch__container:hover .udex-switch__track--active .udex-switch__icon,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-standard-hover-active-icon)}:host([color=Semantic]) .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-reject-default-track-background)}:host([color=Semantic]) .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-reject-default-handle-background)}:host([color=Semantic]) .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-reject-default-icon)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-reject-hover-track-background)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-reject-hover-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-reject-hover-handle-border)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-reject-hover-icon)}:host([color=Semantic]) .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-accept-default-track-background)}:host([color=Semantic]) .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-accept-default-handle-background)}:host([color=Semantic]) .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-accept-default-icon)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-accept-hover-track-background)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-accept-hover-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-accept-hover-handle-border)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-accept-hover-icon)}.udex-switch__input{position:absolute;inset-inline-start:0;width:0;height:0;margin:0;visibility:hidden;appearance:none}\n`"]}
1
+ {"version":3,"file":"Switch.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Switch.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-switch-color-standard-default-inactive-handle-background: var(--sapButton_Handle_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-default-inactive-icon: var(--sapButton_Handle_TextColor, var(--udexColorGrey9));--udex-switch-color-standard-default-inactive-track-background: var(--sapButton_Track_Background, var(--udexColorGrey5));--udex-switch-color-standard-hover-inactive-handle-background: var(--sapButton_Handle_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-hover-inactive-handle-border: var(--sapButton_Handle_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-standard-hover-inactive-icon: var(--sapButton_Handle_TextColor, var(--udexColorGrey9));--udex-switch-color-standard-hover-inactive-track-background: var(--sapButton_Track_Hover_Background, var(--udexColorGrey6));--udex-switch-color-standard-default-active-handle-background: var(--sapButton_Handle_Selected_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-default-active-icon: var(--udexColorBlue8, #0057D2);--udex-switch-color-standard-default-active-track-background: var(--udexColorBlue8, #0057D2);--udex-switch-color-standard-hover-active-handle-background: var(--sapButton_Handle_Selected_Background, var(--udexColorNeutralWhite));--udex-switch-color-standard-hover-active-handle-border: var(--sapButton_Handle_Selected_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-standard-hover-active-icon: var(--udexColorBlue9, #0040b0);--udex-switch-color-standard-hover-active-track-background: var(--sapButton_Track_Selected_Hover_Background, var(--udexColorBlue9));--udex-switch-color-reject-default-handle-background: var(--sapButton_Handle_Negative_Background, var(--udexColorNeutralWhite));--udex-switch-color-reject-default-icon: var(--sapButton_Handle_Negative_TextColor, var(--udexColorRed8));--udex-switch-color-reject-default-track-background: var(--sapButton_Track_Negative_Background, var(--udexColorRed6));--udex-switch-color-reject-hover-handle-background: var(--sapButton_Handle_Negative_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-reject-hover-handle-border: var(--sapButton_Handle_Negative_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-reject-hover-icon: var(--sapButton_Track_Negative_TextColor, var(--udexColorRed8));--udex-switch-color-reject-hover-track-background: var(--sapButton_Track_Negative_Hover_Background, var(--udexColorRed7));--udex-switch-color-accept-default-handle-background: var(--sapButton_Handle_Positive_Background, var(--udexColorNeutralWhite));--udex-switch-color-accept-default-icon: var(--sapButton_Handle_Positive_TextColor, var(--udexColorGreen8));--udex-switch-color-accept-default-track-background: var(--sapButton_Track_Positive_Background, var(--udexColorGreen7));--udex-switch-color-accept-hover-handle-background: var(--sapButton_Handle_Positive_Hover_Background, var(--udexColorNeutralWhite));--udex-switch-color-accept-hover-handle-border: var(--sapButton_Handle_Positive_Hover_BorderColor, var(--udexColorNeutralWhite40));--udex-switch-color-accept-hover-icon: var(--sapButton_Handle_Positive_TextColor, var(--udexColorGreen8));--udex-switch-color-accept-hover-track-background: var(--sapButton_Track_Positive_Hover_Background, var(--udexColorGreen8))}:host{display:inline-block}.udex-switch{display:flex;flex-direction:row;align-items:center;font-family:var(--sapFontFamily);gap:var(--udexSpacer12, 12px);color:var(--udexColorGrey9, #223548)}:host([desktop]) .udex-switch__container:focus,.udex-switch__container:focus-visible{outline:var(--udexSpacer2, 2px) solid var(--udexColorBlue9, #0040B0);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexSwitchRadius, 100px)}:host([disabled]) .udex-switch{opacity:.4}.udex-switch__label{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:24px;font-weight:400}.udex-switch__container{width:40px;height:24px}:host(:not([disabled])) .udex-switch__container{cursor:pointer}.udex-switch__track{border-radius:var(--udexSwitchRadius, 100px);height:inherit;padding:var(--udexSpacer2, 2px);box-sizing:border-box;container-type:inline-size}.udex-switch__handle{padding:var(--udexSpacer2, 2px) var(--udexSpacer4, 4px);width:24px;height:20px;border-radius:var(--udexSwitchRadius, 100px);box-sizing:border-box;transition:transform .3s ease}:host(:not([checked])) .udex-switch__track .udex-switch__handle{transform:translate(0)}:host([checked]:dir(ltr)) .udex-switch__track .udex-switch__handle{transform:translate(calc(100cqw - 100%))}:host([checked]:dir(rtl)) .udex-switch__track .udex-switch__handle{transform:translate(calc(-100cqw + 100%))}.udex-switch__icon{display:block;width:16px;height:16px}.udex-switch__track--inactive.udex-switch__track,:host([color=Non-Semantic]) .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-standard-default-inactive-track-background)}.udex-switch__track--inactive .udex-switch__handle,:host([color=Non-Semantic]) .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-standard-default-inactive-handle-background)}.udex-switch__track--inactive .udex-switch__icon,:host([color=Non-Semantic]) .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-standard-default-inactive-icon)}.udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-standard-hover-inactive-track-background)}.udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-standard-hover-inactive-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-standard-hover-inactive-handle-border)}.udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-standard-hover-inactive-icon)}.udex-switch__track--active.udex-switch__track,:host([color=Non-Semantic]) .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-standard-default-active-track-background)}.udex-switch__track--active .udex-switch__handle,:host([color=Non-Semantic]) .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-standard-default-active-handle-background)}.udex-switch__track--active .udex-switch__icon,:host([color=Non-Semantic]) .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-standard-default-active-icon)}.udex-switch__container:hover .udex-switch__track--active.udex-switch__track,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-standard-hover-active-track-background)}.udex-switch__container:hover .udex-switch__track--active .udex-switch__handle,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-standard-hover-active-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-standard-hover-active-handle-border)}.udex-switch__container:hover .udex-switch__track--active .udex-switch__icon,:host([color=Non-Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-standard-hover-active-icon)}:host([color=Semantic]) .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-reject-default-track-background)}:host([color=Semantic]) .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-reject-default-handle-background)}:host([color=Semantic]) .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-reject-default-icon)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive.udex-switch__track{background-color:var(--udex-switch-color-reject-hover-track-background)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__handle{background-color:var(--udex-switch-color-reject-hover-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-reject-hover-handle-border)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--inactive .udex-switch__icon{color:var(--udex-switch-color-reject-hover-icon)}:host([color=Semantic]) .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-accept-default-track-background)}:host([color=Semantic]) .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-accept-default-handle-background)}:host([color=Semantic]) .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-accept-default-icon)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active.udex-switch__track{background-color:var(--udex-switch-color-accept-hover-track-background)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__handle{background-color:var(--udex-switch-color-accept-hover-handle-background);box-shadow:0 0 0 2px var(--udex-switch-color-accept-hover-handle-border)}:host([color=Semantic]:not([disabled])) .udex-switch__container:hover .udex-switch__track--active .udex-switch__icon{color:var(--udex-switch-color-accept-hover-icon)}.udex-switch__input{position:absolute;inset-inline-start:0;width:0;height:0;margin:0;visibility:hidden;appearance:none}\n`"]}
package/dist/generated/themes/TabInOverflow.css.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: ":host{--udex-tab-overflow-button-font-size: var(--sapFontSize, var(--udexTypographyNavigationRegularXLFontSize));--udex-tab-overflow-button-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-overflow-button-badge-background: var(--sapAccentColor2, var(--udexColorRed7));--udex-tab-overflow-button-font-family: var(--sapFontFamily, sans-serif);--udex-tab-overflow-button-line-height: var(--sapContent_LineHeight, var(--udexTypographyBodyLineHeight))}[ui5-popover]{margin-top:1px;box-shadow:0 2px 8px #2235484d;border:1px solid var(--udexColorGrey6)}[ui5-popover]::part(content){padding:0}.tab-navigation-popover{display:flex;flex-direction:column;min-width:150px}.udex-tab-overflow__button{padding:var(--udexSpacer8) var(--udexSpacer12);display:flex;background:none;border:0;border-radius:0;cursor:pointer;text-align:start;color:var(--udexColorGrey9);font-family:var(--udex-tab-overflow-button-font-family);font-size:var(--udex-tab-overflow-button-font-size);font-weight:var(--udex-tab-overflow-button-font-weight);line-height:var(--udex-tab-overflow-button-line-height);text-decoration:none;text-transform:capitalize}.udex-tab-overflow__button:hover{background-color:var(--udexColorGrey1)}.udex-tab-overflow__button:focus{outline:2px solid var(--udexColorBlue7, #0070F2);outline-offset:-2px}.udex-tab-overflow__button:active{background-color:var(--udexColorGrey2)}.udex-tab-overflow__button-icon{margin-inline-end:var(--udexSpacer8);position:relative;z-index:var(--udexZIndex0, 0)}.udex-tab-overflow__button-badge{margin-block-start:-2px;margin-inline-start:2px;display:inline-flex;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udex-tab-overflow-button-badge-background)}.udex-tab-overflow__button-icon .udex-tab-overflow__button-badge{margin-block-start:0;margin-inline-start:0;position:absolute;z-index:var(--udexZIndex1, 1);inset-block-start:-4px;inset-inline-end:-6px}\n";
1
+ declare const _default: ":host{--udex-tab-overflow-button-font-size: var(--sapFontSize, var(--udexTypographyNavigationRegularXLFontSize));--udex-tab-overflow-button-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-overflow-button-badge-background: var(--sapAccentColor2, var(--udexColorRed7));--udex-tab-overflow-button-font-family: var(--sapFontFamily, sans-serif);--udex-tab-overflow-button-line-height: var(--sapContent_LineHeight, var(--udexTypographyBodyLineHeight))}[ui5-popover]{margin-top:1px;box-shadow:0 2px 8px #2235484d;border:1px solid var(--udexColorGrey6)}[ui5-popover]::part(content){padding:0}.tab-navigation-popover{display:flex;flex-direction:column;min-width:150px}.udex-tab-overflow__button{padding:var(--udexSpacer8) var(--udexSpacer12);display:flex;background:none;border:0;border-radius:0;cursor:pointer;text-align:start;color:var(--udexColorGrey9);font-family:var(--udex-tab-overflow-button-font-family);font-size:var(--udex-tab-overflow-button-font-size);font-weight:var(--udex-tab-overflow-button-font-weight);line-height:var(--udex-tab-overflow-button-line-height);text-decoration:none;text-transform:capitalize}.udex-tab-overflow__button:not([aria-disabled=true]):hover{background-color:var(--udexColorGrey1)}.udex-tab-overflow__button:not([aria-disabled=true]):focus{outline:var(--udexSpacer2, 2px) solid var(--udexColorBlue7, #0070F2);outline-offset:-2px}.udex-tab-overflow__button:not([aria-disabled=true]):active{background-color:var(--udexColorGrey2)}.udex-tab-overflow__button[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity, .4);cursor:default}.udex-tab-overflow__button-icon{margin-inline-end:var(--udexSpacer8);position:relative;z-index:var(--udexZIndex0, 0)}.udex-tab-overflow__button-badge{margin-block-start:-2px;margin-inline-start:2px;display:inline-flex;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udex-tab-overflow-button-badge-background)}.udex-tab-overflow__button-icon .udex-tab-overflow__button-badge{margin-block-start:0;margin-inline-start:0;position:absolute;z-index:var(--udexZIndex1, 1);inset-block-start:-4px;inset-inline-end:-6px}\n";
2
2
  export default _default;
package/dist/generated/themes/TabInOverflow.css.js CHANGED
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
3
3
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
4
4
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
5
5
  registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
6
- export default `:host{--udex-tab-overflow-button-font-size: var(--sapFontSize, var(--udexTypographyNavigationRegularXLFontSize));--udex-tab-overflow-button-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-overflow-button-badge-background: var(--sapAccentColor2, var(--udexColorRed7));--udex-tab-overflow-button-font-family: var(--sapFontFamily, sans-serif);--udex-tab-overflow-button-line-height: var(--sapContent_LineHeight, var(--udexTypographyBodyLineHeight))}[ui5-popover]{margin-top:1px;box-shadow:0 2px 8px #2235484d;border:1px solid var(--udexColorGrey6)}[ui5-popover]::part(content){padding:0}.tab-navigation-popover{display:flex;flex-direction:column;min-width:150px}.udex-tab-overflow__button{padding:var(--udexSpacer8) var(--udexSpacer12);display:flex;background:none;border:0;border-radius:0;cursor:pointer;text-align:start;color:var(--udexColorGrey9);font-family:var(--udex-tab-overflow-button-font-family);font-size:var(--udex-tab-overflow-button-font-size);font-weight:var(--udex-tab-overflow-button-font-weight);line-height:var(--udex-tab-overflow-button-line-height);text-decoration:none;text-transform:capitalize}.udex-tab-overflow__button:hover{background-color:var(--udexColorGrey1)}.udex-tab-overflow__button:focus{outline:2px solid var(--udexColorBlue7, #0070F2);outline-offset:-2px}.udex-tab-overflow__button:active{background-color:var(--udexColorGrey2)}.udex-tab-overflow__button-icon{margin-inline-end:var(--udexSpacer8);position:relative;z-index:var(--udexZIndex0, 0)}.udex-tab-overflow__button-badge{margin-block-start:-2px;margin-inline-start:2px;display:inline-flex;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udex-tab-overflow-button-badge-background)}.udex-tab-overflow__button-icon .udex-tab-overflow__button-badge{margin-block-start:0;margin-inline-start:0;position:absolute;z-index:var(--udexZIndex1, 1);inset-block-start:-4px;inset-inline-end:-6px}
6
+ export default `:host{--udex-tab-overflow-button-font-size: var(--sapFontSize, var(--udexTypographyNavigationRegularXLFontSize));--udex-tab-overflow-button-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-overflow-button-badge-background: var(--sapAccentColor2, var(--udexColorRed7));--udex-tab-overflow-button-font-family: var(--sapFontFamily, sans-serif);--udex-tab-overflow-button-line-height: var(--sapContent_LineHeight, var(--udexTypographyBodyLineHeight))}[ui5-popover]{margin-top:1px;box-shadow:0 2px 8px #2235484d;border:1px solid var(--udexColorGrey6)}[ui5-popover]::part(content){padding:0}.tab-navigation-popover{display:flex;flex-direction:column;min-width:150px}.udex-tab-overflow__button{padding:var(--udexSpacer8) var(--udexSpacer12);display:flex;background:none;border:0;border-radius:0;cursor:pointer;text-align:start;color:var(--udexColorGrey9);font-family:var(--udex-tab-overflow-button-font-family);font-size:var(--udex-tab-overflow-button-font-size);font-weight:var(--udex-tab-overflow-button-font-weight);line-height:var(--udex-tab-overflow-button-line-height);text-decoration:none;text-transform:capitalize}.udex-tab-overflow__button:not([aria-disabled=true]):hover{background-color:var(--udexColorGrey1)}.udex-tab-overflow__button:not([aria-disabled=true]):focus{outline:var(--udexSpacer2, 2px) solid var(--udexColorBlue7, #0070F2);outline-offset:-2px}.udex-tab-overflow__button:not([aria-disabled=true]):active{background-color:var(--udexColorGrey2)}.udex-tab-overflow__button[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity, .4);cursor:default}.udex-tab-overflow__button-icon{margin-inline-end:var(--udexSpacer8);position:relative;z-index:var(--udexZIndex0, 0)}.udex-tab-overflow__button-badge{margin-block-start:-2px;margin-inline-start:2px;display:inline-flex;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udex-tab-overflow-button-badge-background)}.udex-tab-overflow__button-icon .udex-tab-overflow__button-badge{margin-block-start:0;margin-inline-start:0;position:absolute;z-index:var(--udexZIndex1, 1);inset-block-start:-4px;inset-inline-end:-6px}
7
7
  `;
8
8
  //# sourceMappingURL=TabInOverflow.css.js.map
package/dist/generated/themes/TabInOverflow.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TabInOverflow.css.js","sourceRoot":"","sources":["../../../src/generated/themes/TabInOverflow.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-tab-overflow-button-font-size: var(--sapFontSize, var(--udexTypographyNavigationRegularXLFontSize));--udex-tab-overflow-button-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-overflow-button-badge-background: var(--sapAccentColor2, var(--udexColorRed7));--udex-tab-overflow-button-font-family: var(--sapFontFamily, sans-serif);--udex-tab-overflow-button-line-height: var(--sapContent_LineHeight, var(--udexTypographyBodyLineHeight))}[ui5-popover]{margin-top:1px;box-shadow:0 2px 8px #2235484d;border:1px solid var(--udexColorGrey6)}[ui5-popover]::part(content){padding:0}.tab-navigation-popover{display:flex;flex-direction:column;min-width:150px}.udex-tab-overflow__button{padding:var(--udexSpacer8) var(--udexSpacer12);display:flex;background:none;border:0;border-radius:0;cursor:pointer;text-align:start;color:var(--udexColorGrey9);font-family:var(--udex-tab-overflow-button-font-family);font-size:var(--udex-tab-overflow-button-font-size);font-weight:var(--udex-tab-overflow-button-font-weight);line-height:var(--udex-tab-overflow-button-line-height);text-decoration:none;text-transform:capitalize}.udex-tab-overflow__button:hover{background-color:var(--udexColorGrey1)}.udex-tab-overflow__button:focus{outline:2px solid var(--udexColorBlue7, #0070F2);outline-offset:-2px}.udex-tab-overflow__button:active{background-color:var(--udexColorGrey2)}.udex-tab-overflow__button-icon{margin-inline-end:var(--udexSpacer8);position:relative;z-index:var(--udexZIndex0, 0)}.udex-tab-overflow__button-badge{margin-block-start:-2px;margin-inline-start:2px;display:inline-flex;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udex-tab-overflow-button-badge-background)}.udex-tab-overflow__button-icon .udex-tab-overflow__button-badge{margin-block-start:0;margin-inline-start:0;position:absolute;z-index:var(--udexZIndex1, 1);inset-block-start:-4px;inset-inline-end:-6px}\n`"]}
1
+ {"version":3,"file":"TabInOverflow.css.js","sourceRoot":"","sources":["../../../src/generated/themes/TabInOverflow.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-tab-overflow-button-font-size: var(--sapFontSize, var(--udexTypographyNavigationRegularXLFontSize));--udex-tab-overflow-button-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-overflow-button-badge-background: var(--sapAccentColor2, var(--udexColorRed7));--udex-tab-overflow-button-font-family: var(--sapFontFamily, sans-serif);--udex-tab-overflow-button-line-height: var(--sapContent_LineHeight, var(--udexTypographyBodyLineHeight))}[ui5-popover]{margin-top:1px;box-shadow:0 2px 8px #2235484d;border:1px solid var(--udexColorGrey6)}[ui5-popover]::part(content){padding:0}.tab-navigation-popover{display:flex;flex-direction:column;min-width:150px}.udex-tab-overflow__button{padding:var(--udexSpacer8) var(--udexSpacer12);display:flex;background:none;border:0;border-radius:0;cursor:pointer;text-align:start;color:var(--udexColorGrey9);font-family:var(--udex-tab-overflow-button-font-family);font-size:var(--udex-tab-overflow-button-font-size);font-weight:var(--udex-tab-overflow-button-font-weight);line-height:var(--udex-tab-overflow-button-line-height);text-decoration:none;text-transform:capitalize}.udex-tab-overflow__button:not([aria-disabled=true]):hover{background-color:var(--udexColorGrey1)}.udex-tab-overflow__button:not([aria-disabled=true]):focus{outline:var(--udexSpacer2, 2px) solid var(--udexColorBlue7, #0070F2);outline-offset:-2px}.udex-tab-overflow__button:not([aria-disabled=true]):active{background-color:var(--udexColorGrey2)}.udex-tab-overflow__button[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity, .4);cursor:default}.udex-tab-overflow__button-icon{margin-inline-end:var(--udexSpacer8);position:relative;z-index:var(--udexZIndex0, 0)}.udex-tab-overflow__button-badge{margin-block-start:-2px;margin-inline-start:2px;display:inline-flex;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udex-tab-overflow-button-badge-background)}.udex-tab-overflow__button-icon .udex-tab-overflow__button-badge{margin-block-start:0;margin-inline-start:0;position:absolute;z-index:var(--udexZIndex1, 1);inset-block-start:-4px;inset-inline-end:-6px}\n`"]}
package/dist/generated/themes/TabNavigation.css.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: ":host{--udex-header-background-color: transparent;--udex-button-tab-vertical-gap: var(--udexSpacer32, 32px);--udex-button-tab-text-transform-first-letter: uppercase;--udex-button-tab-text-transform: none;--udex-button-tab-text-color-default: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-text-color-hover: var(--udexColorBlue8);--udex-button-tab-text-color-active: var(--udexColorBlue8);--udex-button-tab-border-color-active: var(--udexColorBlue8);--udex-button-tab-font-size-default: var(--sapFontSize, var(--udexTypographyNavigationBoldXLFontSize));--udex-button-tab-font-family: var(--sapFontFamily, sans-serif);--udex-button-tab-font-weight: var(--sapButton_Emphasized_FontWeight, var(--udexTypographyFontWeightBold));--udex-button-tab-line-height: 1.1;--udex-button-tab-padding-vertical: var(--udexSpacer12, 12px);--udex-button-tab-padding-horizontal: var(--udexSpacer4, 4px);--udex-button-tab-with-icon-without-background-border-color-active: transparent;--udex-button-tab-with-icon-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-tab-with-icon-background-hover: var(--udexColorBlue2, #D1EFFF);--udex-button-tab-with-icon-color: var(--udexColorGrey7, #475E75);--udex-button-tab-with-icon-color-hover: var(--udexColorGrey9, #223548);--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px);--udex-button-tab-with-icon-background-active: var(--udexColorBlue8, #0057D2);--udex-button-tab-with-icon-color-active: var(--sapBackgroundColor, var(--udexColorNeutralWhite));--udex-button-tab-with-icon-border-color: var(--udexColorGrey3, #D5DADD);--udex-button-tab-with-icon-without-background-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-with-icon-without-background-color-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-without-background-margin-bottom: var(--udexSpacer16, 16px);--udex-button-tab-with-icon-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-tab-with-icon-text-color-active: var(--sapTextColor, --udexColorGrey9);--udex-tab-navigation-tab-with-icon-without-background-color: transparent;--udex-tab-navigation-tab-with-icon-without-background-color-active: transparent;--udex-button-more-margin-inline-end: 0;--udex-tab-navigation-content-padding-vertical-desktop: var(--udexSpacer40, 40px);--udex-tab-navigation-content-padding-vertical-mobile: var(--udexSpacer32, 32px);--udex-tab-navigation-content-font-family: var(--sapFontFamily, sans-serif);--udex-tab-navigation-content-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-tab-navigation-content-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-navigation-content-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-tab-header-width: 428px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer{margin-bottom:var(--udex-button-tab-with-icon-without-background-margin-bottom);background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color);color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active:before{background-color:var(--udex-button-tab-with-icon-without-background-border-color-active)}:host([mode=\"Dark\"]){--udex-header-background-color: var(--sapList_GroupHeaderTextColor, var(--udexColorGrey10));--udex-button-tab-text-color-default: var(--sapList_GroupHeaderBackground, var(--udexColorNeutralWhite));--udex-button-tab-text-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-border-color-active: transparent;--udex-button-tab-with-icon-background: transparent;--udex-button-tab-with-icon-color: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-background-active: transparent;--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px)}:host([mode=\"Dark\"]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge,:host([icon-without-background]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-inline-end:-9px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer,:host([icon-without-background]) .udex-tab-navigation__button-icon{width:24px;height:24px}:host([icon-without-background]) .udex-tab-navigation__button-tab--with-icon{padding-block-end:var(--udex-button-tab-padding-vertical)}:host([icon-without-background]) .udex-tabs-navigation__button-tab{padding-bottom:var(--udex-button-tab-padding-vertical)}:host(:not([icon-without-background])) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{color:var(--udex-button-tab-with-icon-text-color-active)}:host([mode=\"Dark\"]) .udex-tab-navigation__button-icon-outer,:host([mode=\"Dark\"]) .udex-tab-navigation__button-icon{width:32px;height:32px}:host([desktop]) .udex-tab-navigation__button-tab:focus .udex-tab-navigation__button-text,.udex-tab-navigation__button-tab:focus-visible .udex-tab-navigation__button-text{outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.udex-tab-navigation__root{width:100%}.udex-tab-navigation__header{background-color:var(--udex-header-background-color);min-height:43px;display:flex;align-items:center;position:relative}.udex-tab-navigation__header:before{content:\"\";position:absolute;left:0;right:0;bottom:0;z-index:var(--udexZIndexNegative, -1);border-bottom:1px solid var(--udexColorGrey3, #D5DADD)}.udex-tab-navigation__header-tabs{display:flex;flex:1 1 0%;overflow:hidden;white-space:nowrap}.udex-tab-navigation__button-tab{padding:0;display:block;background:none;border:0;border-radius:0;cursor:pointer}.udex-tab-navigation__button-tab{padding:var(--udex-button-tab-padding-vertical) var(--udex-button-tab-padding-horizontal) calc(var(--udex-button-tab-padding-vertical) + 3px);position:relative;z-index:var(--udexZIndex0, 0);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--udex-button-tab-text-color-default);font-size:var(--udex-button-tab-font-size-default);font-family:var(--udex-button-tab-font-family);font-weight:var(--udex-button-tab-font-weight);line-height:var(--udex-button-tab-line-height);text-decoration:none;text-align:center;text-transform:var(--udex-button-tab-text-transform);white-space:normal}.udex-tab-navigation__button-text{margin:0}.udex-tab-navigation__button-text:first-letter{text-transform:var(--udex-button-tab-text-transform-first-letter)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon{justify-content:start}.udex-tab-navigation__button-tab:not(.udex-tab-navigation__button-tab--icon-tab):hover{color:var(--udex-button-tab-text-color-hover)}.udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{font-weight:var(--udex-button-tab-with-icon-font-weight)}.udex-tab-navigation__button-tab:focus-visible{outline:none}.udex-tab-navigation__button-tab[hidden]{display:none}.udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:var(--udex-button-tab-vertical-gap)}.udex-tab-navigation__button-tab--with-icon{padding-block-end:calc(var(--udex-button-tab-padding-vertical) + 2px)}.udex-tab-navigation__button-tab--active{color:var(--udex-button-tab-text-color-active)}.udex-tab-navigation__button-tab--active:before{content:\"\";position:absolute;inset-block-end:0;inset-inline:0 0;z-index:var(--udexZIndex1, 1);height:3px;background-color:var(--udex-button-tab-border-color-active);border-radius:2px 2px 0 0}.udex-tab-navigation__button-badge{position:absolute;inset-block-start:var(--udexSpacer12);inset-inline-end:-6px;z-index:var(--udexZIndex1, 1);width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}.udex-tab-navigation__button-more{margin-inline-start:auto;flex:0 0 auto;margin-inline-end:var(--udex-button-more-margin-inline-end)}.udex-tab-navigation__button-more[hidden]{display:none}.udex-tab-navigation__button-icon-outer{margin-left:auto;margin-right:auto;margin-bottom:var(--udex-button-tab-with-icon-margin-bottom);display:flex;align-items:center;justify-content:center;align-self:center;width:32px;height:32px;border-radius:50%;background-color:var(--udex-button-tab-with-icon-background);color:var(--udex-button-tab-with-icon-color);box-shadow:inset 0 0 0 1px var(--udex-button-tab-with-icon-border-color);position:relative;z-index:var(--udexZIndex0, 0)}.udex-tab-navigation__button-icon{width:16px;height:16px;color:var(--udex-button-tab-with-icon-color)}.udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-block-start:1px;inset-inline-end:1px}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-active);box-shadow:none}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-active)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-hover);box-shadow:none}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-hover)}.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-desktop);font-family:var(--udex-tab-navigation-content-font-family);font-size:var(--udex-tab-navigation-content-font-size);font-weight:var(--udex-tab-navigation-content-font-weight);line-height:var(--udex-tab-navigation-content-line-height)}.udex-tab-navigation__content-item:focus,.udex-tab-navigation__content-item:focus-visible{outline-offset:2px;outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.hidden{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.udex-tab-navigation__badge{margin-inline-start:var(--udexSpacer4);display:inline-flex}.udex-tab-navigation__button-body-text,.udex-tab-navigation__button-link{display:none}@media screen and (max-width: 979px){.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-mobile)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__root{flex-direction:column}:host([orientation=\"Vertical\"]) .udex-tab-navigation__header{flex:0 0 100%}:host([orientation=\"Vertical\"]) .udex-tab-navigation__content{flex:0 0 100%;padding-inline-start:0}:host([orientation=\"Vertical\"])>.udex-tab-navigation__root>.udex-tab-navigation__content{display:none}}:host([orientation=\"Vertical\"]) .udex-tab-navigation__root{display:flex;gap:var(--udexSpacer24, 24px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__header{flex-direction:column;align-items:stretch;min-height:auto;height:auto;flex:0 0 25%;width:100%;max-height:none;align-self:var(--udex-tab-navigation-header-alignment, flex-start)}:host([orientation=\"Vertical\"][vertical-alignment=\"Center\"]){--udex-tab-navigation-header-alignment: center}:host([orientation=\"Vertical\"]) .udex-tab-navigation__header:before{display:none}:host([orientation=\"Vertical\"]) .udex-tab-navigation__header-tabs{flex-direction:column;gap:var(--udexSpacer16, 16px);overflow:visible;white-space:normal;max-height:none;border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}@media screen and (max-width: 979px){:host([orientation=\"Vertical\"]) .udex-tab-navigation__header-tabs{gap:var(--udexSpacer16, 16px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__button-tab:not(:last-child):not(:has(+.udex-tab-navigation__content)),:host([orientation=\"Vertical\"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__tab-wrapper:not(:last-child):not(:has(+.udex-tab-navigation__content)),:host([orientation=\"Vertical\"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__button-link:not(:last-child):not(:has(+.udex-tab-navigation__content)){margin-block-end:var(--udexSpacer8, 8px)}}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab{padding:var(--udexSpacer16, 16px);align-items:flex-start;width:100%;height:auto;min-height:auto;margin-inline-end:0;transition:all .2s ease-in}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:0}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab--active{padding:var(--udexSpacer16, 16px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab--active:before{content:\"\";position:absolute;inset-inline-start:-1px;inset-block:0;z-index:var(--udexZIndex1, 1);width:3px;height:100%;background-color:var(--udex-button-tab-border-color-active);border-start-start-radius:0;border-start-end-radius:2px;border-end-start-radius:0;border-end-end-radius:2px}:host([orientation=\"Vertical\"]) .udex-tab-navigation__tab-wrapper{position:relative;display:flex;flex-direction:column;gap:var(--udexSpacer16, 16px);padding:var(--udexSpacer16, 16px);transition:all .2s ease-in}:host([orientation=\"Vertical\"]) .udex-tab-navigation__tab-wrapper:has(.udex-tab-navigation__button-tab--active){padding:var(--udexSpacer16, 16px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__tab-wrapper:has(.udex-tab-navigation__button-tab--active):before{content:\"\";position:absolute;inset-inline-start:-1px;inset-block:0;z-index:var(--udexZIndex1, 1);width:3px;height:100%;background-color:var(--udex-button-tab-border-color-active);border-start-start-radius:0;border-start-end-radius:2px;border-end-start-radius:0;border-end-end-radius:2px}:host([orientation=\"Vertical\"]) .udex-tab-navigation__tab-wrapper>.udex-tab-navigation__button-tab{padding:0}:host([orientation=\"Vertical\"]) .udex-tab-navigation__tab-wrapper>.udex-tab-navigation__button-tab--active:before{display:none}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-badge{inset-block-start:0;inset-inline-end:-10px}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-text{position:relative;font-size:var(--udexTypographyHeadingRegularXXSFontSize, 20px);line-height:1.1;font-weight:var(--udexTypographyFontWeightMedium);text-align:start}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-body-text{display:none;margin:0;font-family:var(--udex-button-tab-font-family);font-size:var(--udexTypographyBodyXSFontSize, 14px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udexColorGrey7);line-height:var(--udex-tab-navigation-content-line-height);text-align:start}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab--active~.udex-tab-navigation__button-body-text{display:block}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-links{display:none;flex-direction:column;gap:var(--udexSpacer2, 2px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab--active~.udex-tab-navigation__button-links{display:flex}:host([orientation=\"Vertical\"]) .udex-tab-navigation__content{flex:1 1 75%;padding-block-start:0;padding-inline-start:var(--udexSpacer16, 16px)}:host([orientation=\"Vertical\"][placement=\"End\"]) .udex-tab-navigation__header{order:1}:host([orientation=\"Vertical\"]) .udex-tab-navigation__play-button{margin-block-end:var(--udexSpacer16, 16px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__footer{margin-block-start:var(--udex-tab-navigation-footer-spacing, var(--udexSpacer20, 20px));padding-inline-start:var(--udexSpacer16, 16px)}:host([process-tab]){--udex-button-tab-process-item-count-font-size: var(--udexTypographyNavigationRegularXSFontSize, 12px);--udex-button-tab-process-item-count-font-weight: var(--udexTypographyFontWeightRegular, 400)}.udex-tab-navigation__button-tab[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity, .4);pointer-events:none;cursor:default}:host([process-tab]) .udex-tab-navigation__button-tab--process{flex-direction:row;align-items:flex-start;padding:var(--udexSpacer12, 12px) 0 calc(var(--udexSpacer12, 12px) + 3px);gap:var(--udexSpacer8, 8px)}:host([process-tab]) .udex-tab-navigation__button-tab--process:not(:last-child){margin-inline-end:var(--udexSpacer32, 32px)}:host([process-tab]) .udex-tab-navigation__button-tab--process .udex-tab-navigation__button-icon-outer{flex-shrink:0;margin:0;align-self:center}:host([process-tab]) .udex-tab-navigation__button-text-block{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--udexSpacer4, 4px)}:host([process-tab]) .udex-tab-navigation__button-item-count{display:block;font-size:var(--udex-button-tab-process-item-count-font-size);font-weight:var(--udex-button-tab-process-item-count-font-weight);line-height:1.1;color:var(--udexColorGrey7, #475E75)}:host([process-tab]) .udex-tab-navigation__button-text-block .udex-tab-navigation__button-text{text-align:start;font-weight:var(--udex-button-tab-font-weight);font-size:var(--udex-button-tab-font-size-default)}\n";
1
+ declare const _default: ":host{--udex-header-background-color: transparent;--udex-button-tab-vertical-gap: var(--udexSpacer32, 32px);--udex-button-tab-text-transform-first-letter: uppercase;--udex-button-tab-text-transform: none;--udex-button-tab-text-color-default: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-text-color-hover: var(--udexColorBlue8);--udex-button-tab-text-color-active: var(--udexColorBlue8);--udex-button-tab-border-color-active: var(--udexColorBlue8);--udex-button-tab-font-size-default: var(--sapFontSize, var(--udexTypographyNavigationBoldXLFontSize));--udex-button-tab-font-family: var(--sapFontFamily, sans-serif);--udex-button-tab-font-weight: var(--sapButton_Emphasized_FontWeight, var(--udexTypographyFontWeightBold));--udex-button-tab-line-height: 1.1;--udex-button-tab-padding-vertical: var(--udexSpacer12, 12px);--udex-button-tab-padding-horizontal: var(--udexSpacer4, 4px);--udex-button-tab-with-icon-without-background-border-color-active: transparent;--udex-button-tab-with-icon-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-tab-with-icon-background-hover: var(--udexColorBlue2, #D1EFFF);--udex-button-tab-with-icon-color: var(--udexColorGrey7, #475E75);--udex-button-tab-with-icon-color-hover: var(--udexColorGrey9, #223548);--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px);--udex-button-tab-with-icon-background-active: var(--udexColorBlue8, #0057D2);--udex-button-tab-with-icon-color-active: var(--sapBackgroundColor, var(--udexColorNeutralWhite));--udex-button-tab-with-icon-border-color: var(--udexColorGrey3, #D5DADD);--udex-button-tab-with-icon-without-background-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-with-icon-without-background-color-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-without-background-margin-bottom: var(--udexSpacer16, 16px);--udex-button-tab-with-icon-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-tab-with-icon-text-color-active: var(--sapTextColor, --udexColorGrey9);--udex-tab-navigation-tab-with-icon-without-background-color: transparent;--udex-tab-navigation-tab-with-icon-without-background-color-active: transparent;--udex-button-more-margin-inline-end: 0;--udex-tab-navigation-content-padding-vertical-desktop: var(--udexSpacer40, 40px);--udex-tab-navigation-content-padding-vertical-mobile: var(--udexSpacer32, 32px);--udex-tab-navigation-content-font-family: var(--sapFontFamily, sans-serif);--udex-tab-navigation-content-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-tab-navigation-content-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-navigation-content-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-tab-header-width: 428px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer{margin-bottom:var(--udex-button-tab-with-icon-without-background-margin-bottom);background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color);color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active:before{background-color:var(--udex-button-tab-with-icon-without-background-border-color-active)}:host([mode=\"Dark\"]){--udex-header-background-color: var(--sapList_GroupHeaderTextColor, var(--udexColorGrey10));--udex-button-tab-text-color-default: var(--sapList_GroupHeaderBackground, var(--udexColorNeutralWhite));--udex-button-tab-text-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-border-color-active: transparent;--udex-button-tab-with-icon-background: transparent;--udex-button-tab-with-icon-color: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-background-active: transparent;--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px)}:host([mode=\"Dark\"]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge,:host([icon-without-background]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-inline-end:-9px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer,:host([icon-without-background]) .udex-tab-navigation__button-icon{width:24px;height:24px}:host([icon-without-background]) .udex-tab-navigation__button-tab--with-icon{padding-block-end:var(--udex-button-tab-padding-vertical)}:host([icon-without-background]) .udex-tabs-navigation__button-tab{padding-bottom:var(--udex-button-tab-padding-vertical)}:host(:not([icon-without-background])) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{color:var(--udex-button-tab-with-icon-text-color-active)}:host([mode=\"Dark\"]) .udex-tab-navigation__button-icon-outer,:host([mode=\"Dark\"]) .udex-tab-navigation__button-icon{width:32px;height:32px}:host([desktop]) .udex-tab-navigation__button-tab:focus .udex-tab-navigation__button-text,.udex-tab-navigation__button-tab:focus-visible .udex-tab-navigation__button-text{outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.udex-tab-navigation__root{width:100%}.udex-tab-navigation__header{background-color:var(--udex-header-background-color);min-height:43px;display:flex;align-items:center;position:relative}.udex-tab-navigation__header:before{content:\"\";position:absolute;left:0;right:0;bottom:0;z-index:var(--udexZIndexNegative, -1);border-bottom:1px solid var(--udexColorGrey3, #D5DADD)}.udex-tab-navigation__header-tabs{display:flex;flex:1 1 0%;overflow:hidden;white-space:nowrap}.udex-tab-navigation__button-tab{padding:0;display:block;background:none;border:0;border-radius:0;cursor:pointer}.udex-tab-navigation__button-tab{padding:var(--udex-button-tab-padding-vertical) var(--udex-button-tab-padding-horizontal) calc(var(--udex-button-tab-padding-vertical) + 3px);position:relative;z-index:var(--udexZIndex0, 0);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--udex-button-tab-text-color-default);font-size:var(--udex-button-tab-font-size-default);font-family:var(--udex-button-tab-font-family);font-weight:var(--udex-button-tab-font-weight);line-height:var(--udex-button-tab-line-height);text-decoration:none;text-align:center;text-transform:var(--udex-button-tab-text-transform);white-space:normal}.udex-tab-navigation__button-text{margin:0}.udex-tab-navigation__button-text:first-letter{text-transform:var(--udex-button-tab-text-transform-first-letter)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon{justify-content:start}.udex-tab-navigation__button-tab:not(.udex-tab-navigation__button-tab--icon-tab):hover{color:var(--udex-button-tab-text-color-hover)}.udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{font-weight:var(--udex-button-tab-with-icon-font-weight)}.udex-tab-navigation__button-tab:focus-visible{outline:none}.udex-tab-navigation__button-tab[hidden]{display:none}.udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:var(--udex-button-tab-vertical-gap)}.udex-tab-navigation__button-tab--with-icon{padding-block-end:calc(var(--udex-button-tab-padding-vertical) + 2px)}.udex-tab-navigation__button-tab--active{color:var(--udex-button-tab-text-color-active)}.udex-tab-navigation__button-tab--active:before{content:\"\";position:absolute;inset-block-end:0;inset-inline:0 0;z-index:var(--udexZIndex1, 1);height:3px;background-color:var(--udex-button-tab-border-color-active);border-radius:2px 2px 0 0}.udex-tab-navigation__button-badge{position:absolute;inset-block-start:var(--udexSpacer12);inset-inline-end:-6px;z-index:var(--udexZIndex1, 1);width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}.udex-tab-navigation__button-more{margin-inline-start:auto;flex:0 0 auto;margin-inline-end:var(--udex-button-more-margin-inline-end);margin-bottom:3px}.udex-tab-navigation__button-more[hidden]{display:none}.udex-tab-navigation__button-icon-outer{margin-left:auto;margin-right:auto;margin-bottom:var(--udex-button-tab-with-icon-margin-bottom);display:flex;align-items:center;justify-content:center;align-self:center;width:32px;height:32px;border-radius:50%;background-color:var(--udex-button-tab-with-icon-background);color:var(--udex-button-tab-with-icon-color);box-shadow:inset 0 0 0 1px var(--udex-button-tab-with-icon-border-color);position:relative;z-index:var(--udexZIndex0, 0)}.udex-tab-navigation__button-icon{width:16px;height:16px;color:var(--udex-button-tab-with-icon-color)}.udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-block-start:1px;inset-inline-end:1px}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-active);box-shadow:none}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-active)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-hover);box-shadow:none}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-hover)}.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-desktop);font-family:var(--udex-tab-navigation-content-font-family);font-size:var(--udex-tab-navigation-content-font-size);font-weight:var(--udex-tab-navigation-content-font-weight);line-height:var(--udex-tab-navigation-content-line-height)}.udex-tab-navigation__content-item:focus,.udex-tab-navigation__content-item:focus-visible{outline-offset:2px;outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.hidden{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.udex-tab-navigation__badge{margin-inline-start:var(--udexSpacer4);display:inline-flex}.udex-tab-navigation__button-body-text,.udex-tab-navigation__button-link{display:none}@media screen and (max-width: 979px){.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-mobile)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__root{flex-direction:column}:host([orientation=\"Vertical\"]) .udex-tab-navigation__header{flex:0 0 100%}:host([orientation=\"Vertical\"]) .udex-tab-navigation__content{flex:0 0 100%;padding-inline-start:0}:host([orientation=\"Vertical\"])>.udex-tab-navigation__root>.udex-tab-navigation__content{display:none}}:host([orientation=\"Vertical\"]) .udex-tab-navigation__root{display:flex;gap:var(--udexSpacer24, 24px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__header{flex-direction:column;align-items:stretch;min-height:auto;height:auto;flex:0 0 25%;width:100%;max-height:none;align-self:var(--udex-tab-navigation-header-alignment, flex-start)}:host([orientation=\"Vertical\"][vertical-alignment=\"Center\"]){--udex-tab-navigation-header-alignment: center}:host([orientation=\"Vertical\"]) .udex-tab-navigation__header:before{display:none}:host([orientation=\"Vertical\"]) .udex-tab-navigation__header-tabs{flex-direction:column;gap:var(--udexSpacer16, 16px);overflow:visible;white-space:normal;max-height:none;border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}@media screen and (max-width: 979px){:host([orientation=\"Vertical\"]) .udex-tab-navigation__header-tabs{gap:var(--udexSpacer16, 16px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__button-tab:not(:last-child):not(:has(+.udex-tab-navigation__content)),:host([orientation=\"Vertical\"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__tab-wrapper:not(:last-child):not(:has(+.udex-tab-navigation__content)),:host([orientation=\"Vertical\"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__button-link:not(:last-child):not(:has(+.udex-tab-navigation__content)){margin-block-end:var(--udexSpacer8, 8px)}}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab{padding:var(--udexSpacer16, 16px);align-items:flex-start;width:100%;height:auto;min-height:auto;margin-inline-end:0;transition:all .2s ease-in}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:0}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab--active{padding:var(--udexSpacer16, 16px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab--active:before{content:\"\";position:absolute;inset-inline-start:-1px;inset-block:0;z-index:var(--udexZIndex1, 1);width:3px;height:100%;background-color:var(--udex-button-tab-border-color-active);border-start-start-radius:0;border-start-end-radius:2px;border-end-start-radius:0;border-end-end-radius:2px}:host([orientation=\"Vertical\"]) .udex-tab-navigation__tab-wrapper{position:relative;display:flex;flex-direction:column;gap:var(--udexSpacer16, 16px);padding:var(--udexSpacer16, 16px);transition:all .2s ease-in}:host([orientation=\"Vertical\"]) .udex-tab-navigation__tab-wrapper:has(.udex-tab-navigation__button-tab--active){padding:var(--udexSpacer16, 16px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__tab-wrapper:has(.udex-tab-navigation__button-tab--active):before{content:\"\";position:absolute;inset-inline-start:-1px;inset-block:0;z-index:var(--udexZIndex1, 1);width:3px;height:100%;background-color:var(--udex-button-tab-border-color-active);border-start-start-radius:0;border-start-end-radius:2px;border-end-start-radius:0;border-end-end-radius:2px}:host([orientation=\"Vertical\"]) .udex-tab-navigation__tab-wrapper>.udex-tab-navigation__button-tab{padding:0}:host([orientation=\"Vertical\"]) .udex-tab-navigation__tab-wrapper>.udex-tab-navigation__button-tab--active:before{display:none}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-badge{inset-block-start:0;inset-inline-end:-10px}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-text{position:relative;font-size:var(--udexTypographyHeadingRegularXXSFontSize, 20px);line-height:1.1;font-weight:var(--udexTypographyFontWeightMedium);text-align:start}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-body-text{display:none;margin:0;font-family:var(--udex-button-tab-font-family);font-size:var(--udexTypographyBodyXSFontSize, 14px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udexColorGrey7);line-height:var(--udex-tab-navigation-content-line-height);text-align:start}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab--active~.udex-tab-navigation__button-body-text{display:block}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-links{display:none;flex-direction:column;gap:var(--udexSpacer2, 2px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab--active~.udex-tab-navigation__button-links{display:flex}:host([orientation=\"Vertical\"]) .udex-tab-navigation__content{flex:1 1 75%;padding-block-start:0;padding-inline-start:var(--udexSpacer16, 16px)}:host([orientation=\"Vertical\"][placement=\"End\"]) .udex-tab-navigation__header{order:1}:host([orientation=\"Vertical\"]) .udex-tab-navigation__play-button{margin-block-end:var(--udexSpacer16, 16px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__footer{margin-block-start:var(--udex-tab-navigation-footer-spacing, var(--udexSpacer20, 20px));padding-inline-start:var(--udexSpacer16, 16px)}:host([process-tab]){--udex-button-tab-process-item-count-font-size: var(--udexTypographyNavigationRegularXSFontSize, 12px);--udex-button-tab-process-item-count-font-weight: var(--udexTypographyFontWeightRegular, 400)}.udex-tab-navigation__button-tab[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity, .4);pointer-events:none;cursor:default}:host([process-tab]) .udex-tab-navigation__button-tab--process{flex-direction:row;align-items:flex-start;padding:var(--udexSpacer12, 12px) 0 calc(var(--udexSpacer12, 12px) + 3px);gap:var(--udexSpacer8, 8px)}:host([process-tab]) .udex-tab-navigation__button-tab--process:not(:last-child){margin-inline-end:var(--udexSpacer32, 32px)}:host([process-tab]) .udex-tab-navigation__button-tab--process .udex-tab-navigation__button-icon-outer{flex-shrink:0;margin:0;align-self:center}:host([process-tab]) .udex-tab-navigation__button-text-block{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--udexSpacer4, 4px)}:host([process-tab]) .udex-tab-navigation__button-item-count{display:block;font-size:var(--udex-button-tab-process-item-count-font-size);font-weight:var(--udex-button-tab-process-item-count-font-weight);line-height:1.1;color:var(--udexColorGrey7, #475E75)}:host([process-tab]) .udex-tab-navigation__button-text-block .udex-tab-navigation__button-text{text-align:start;font-weight:var(--udex-button-tab-font-weight);font-size:var(--udex-button-tab-font-size-default)}\n";
2
2
  export default _default;
package/dist/generated/themes/TabNavigation.css.js CHANGED
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
3
3
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
4
4
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
5
5
  registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
6
- export default `:host{--udex-header-background-color: transparent;--udex-button-tab-vertical-gap: var(--udexSpacer32, 32px);--udex-button-tab-text-transform-first-letter: uppercase;--udex-button-tab-text-transform: none;--udex-button-tab-text-color-default: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-text-color-hover: var(--udexColorBlue8);--udex-button-tab-text-color-active: var(--udexColorBlue8);--udex-button-tab-border-color-active: var(--udexColorBlue8);--udex-button-tab-font-size-default: var(--sapFontSize, var(--udexTypographyNavigationBoldXLFontSize));--udex-button-tab-font-family: var(--sapFontFamily, sans-serif);--udex-button-tab-font-weight: var(--sapButton_Emphasized_FontWeight, var(--udexTypographyFontWeightBold));--udex-button-tab-line-height: 1.1;--udex-button-tab-padding-vertical: var(--udexSpacer12, 12px);--udex-button-tab-padding-horizontal: var(--udexSpacer4, 4px);--udex-button-tab-with-icon-without-background-border-color-active: transparent;--udex-button-tab-with-icon-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-tab-with-icon-background-hover: var(--udexColorBlue2, #D1EFFF);--udex-button-tab-with-icon-color: var(--udexColorGrey7, #475E75);--udex-button-tab-with-icon-color-hover: var(--udexColorGrey9, #223548);--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px);--udex-button-tab-with-icon-background-active: var(--udexColorBlue8, #0057D2);--udex-button-tab-with-icon-color-active: var(--sapBackgroundColor, var(--udexColorNeutralWhite));--udex-button-tab-with-icon-border-color: var(--udexColorGrey3, #D5DADD);--udex-button-tab-with-icon-without-background-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-with-icon-without-background-color-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-without-background-margin-bottom: var(--udexSpacer16, 16px);--udex-button-tab-with-icon-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-tab-with-icon-text-color-active: var(--sapTextColor, --udexColorGrey9);--udex-tab-navigation-tab-with-icon-without-background-color: transparent;--udex-tab-navigation-tab-with-icon-without-background-color-active: transparent;--udex-button-more-margin-inline-end: 0;--udex-tab-navigation-content-padding-vertical-desktop: var(--udexSpacer40, 40px);--udex-tab-navigation-content-padding-vertical-mobile: var(--udexSpacer32, 32px);--udex-tab-navigation-content-font-family: var(--sapFontFamily, sans-serif);--udex-tab-navigation-content-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-tab-navigation-content-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-navigation-content-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-tab-header-width: 428px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer{margin-bottom:var(--udex-button-tab-with-icon-without-background-margin-bottom);background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color);color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active:before{background-color:var(--udex-button-tab-with-icon-without-background-border-color-active)}:host([mode="Dark"]){--udex-header-background-color: var(--sapList_GroupHeaderTextColor, var(--udexColorGrey10));--udex-button-tab-text-color-default: var(--sapList_GroupHeaderBackground, var(--udexColorNeutralWhite));--udex-button-tab-text-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-border-color-active: transparent;--udex-button-tab-with-icon-background: transparent;--udex-button-tab-with-icon-color: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-background-active: transparent;--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge,:host([icon-without-background]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-inline-end:-9px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer,:host([icon-without-background]) .udex-tab-navigation__button-icon{width:24px;height:24px}:host([icon-without-background]) .udex-tab-navigation__button-tab--with-icon{padding-block-end:var(--udex-button-tab-padding-vertical)}:host([icon-without-background]) .udex-tabs-navigation__button-tab{padding-bottom:var(--udex-button-tab-padding-vertical)}:host(:not([icon-without-background])) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{color:var(--udex-button-tab-with-icon-text-color-active)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer,:host([mode="Dark"]) .udex-tab-navigation__button-icon{width:32px;height:32px}:host([desktop]) .udex-tab-navigation__button-tab:focus .udex-tab-navigation__button-text,.udex-tab-navigation__button-tab:focus-visible .udex-tab-navigation__button-text{outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.udex-tab-navigation__root{width:100%}.udex-tab-navigation__header{background-color:var(--udex-header-background-color);min-height:43px;display:flex;align-items:center;position:relative}.udex-tab-navigation__header:before{content:"";position:absolute;left:0;right:0;bottom:0;z-index:var(--udexZIndexNegative, -1);border-bottom:1px solid var(--udexColorGrey3, #D5DADD)}.udex-tab-navigation__header-tabs{display:flex;flex:1 1 0%;overflow:hidden;white-space:nowrap}.udex-tab-navigation__button-tab{padding:0;display:block;background:none;border:0;border-radius:0;cursor:pointer}.udex-tab-navigation__button-tab{padding:var(--udex-button-tab-padding-vertical) var(--udex-button-tab-padding-horizontal) calc(var(--udex-button-tab-padding-vertical) + 3px);position:relative;z-index:var(--udexZIndex0, 0);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--udex-button-tab-text-color-default);font-size:var(--udex-button-tab-font-size-default);font-family:var(--udex-button-tab-font-family);font-weight:var(--udex-button-tab-font-weight);line-height:var(--udex-button-tab-line-height);text-decoration:none;text-align:center;text-transform:var(--udex-button-tab-text-transform);white-space:normal}.udex-tab-navigation__button-text{margin:0}.udex-tab-navigation__button-text:first-letter{text-transform:var(--udex-button-tab-text-transform-first-letter)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon{justify-content:start}.udex-tab-navigation__button-tab:not(.udex-tab-navigation__button-tab--icon-tab):hover{color:var(--udex-button-tab-text-color-hover)}.udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{font-weight:var(--udex-button-tab-with-icon-font-weight)}.udex-tab-navigation__button-tab:focus-visible{outline:none}.udex-tab-navigation__button-tab[hidden]{display:none}.udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:var(--udex-button-tab-vertical-gap)}.udex-tab-navigation__button-tab--with-icon{padding-block-end:calc(var(--udex-button-tab-padding-vertical) + 2px)}.udex-tab-navigation__button-tab--active{color:var(--udex-button-tab-text-color-active)}.udex-tab-navigation__button-tab--active:before{content:"";position:absolute;inset-block-end:0;inset-inline:0 0;z-index:var(--udexZIndex1, 1);height:3px;background-color:var(--udex-button-tab-border-color-active);border-radius:2px 2px 0 0}.udex-tab-navigation__button-badge{position:absolute;inset-block-start:var(--udexSpacer12);inset-inline-end:-6px;z-index:var(--udexZIndex1, 1);width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}.udex-tab-navigation__button-more{margin-inline-start:auto;flex:0 0 auto;margin-inline-end:var(--udex-button-more-margin-inline-end)}.udex-tab-navigation__button-more[hidden]{display:none}.udex-tab-navigation__button-icon-outer{margin-left:auto;margin-right:auto;margin-bottom:var(--udex-button-tab-with-icon-margin-bottom);display:flex;align-items:center;justify-content:center;align-self:center;width:32px;height:32px;border-radius:50%;background-color:var(--udex-button-tab-with-icon-background);color:var(--udex-button-tab-with-icon-color);box-shadow:inset 0 0 0 1px var(--udex-button-tab-with-icon-border-color);position:relative;z-index:var(--udexZIndex0, 0)}.udex-tab-navigation__button-icon{width:16px;height:16px;color:var(--udex-button-tab-with-icon-color)}.udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-block-start:1px;inset-inline-end:1px}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-active);box-shadow:none}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-active)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-hover);box-shadow:none}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-hover)}.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-desktop);font-family:var(--udex-tab-navigation-content-font-family);font-size:var(--udex-tab-navigation-content-font-size);font-weight:var(--udex-tab-navigation-content-font-weight);line-height:var(--udex-tab-navigation-content-line-height)}.udex-tab-navigation__content-item:focus,.udex-tab-navigation__content-item:focus-visible{outline-offset:2px;outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.hidden{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.udex-tab-navigation__badge{margin-inline-start:var(--udexSpacer4);display:inline-flex}.udex-tab-navigation__button-body-text,.udex-tab-navigation__button-link{display:none}@media screen and (max-width: 979px){.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-mobile)}:host([orientation="Vertical"]) .udex-tab-navigation__root{flex-direction:column}:host([orientation="Vertical"]) .udex-tab-navigation__header{flex:0 0 100%}:host([orientation="Vertical"]) .udex-tab-navigation__content{flex:0 0 100%;padding-inline-start:0}:host([orientation="Vertical"])>.udex-tab-navigation__root>.udex-tab-navigation__content{display:none}}:host([orientation="Vertical"]) .udex-tab-navigation__root{display:flex;gap:var(--udexSpacer24, 24px)}:host([orientation="Vertical"]) .udex-tab-navigation__header{flex-direction:column;align-items:stretch;min-height:auto;height:auto;flex:0 0 25%;width:100%;max-height:none;align-self:var(--udex-tab-navigation-header-alignment, flex-start)}:host([orientation="Vertical"][vertical-alignment="Center"]){--udex-tab-navigation-header-alignment: center}:host([orientation="Vertical"]) .udex-tab-navigation__header:before{display:none}:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs{flex-direction:column;gap:var(--udexSpacer16, 16px);overflow:visible;white-space:normal;max-height:none;border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}@media screen and (max-width: 979px){:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs{gap:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__button-tab:not(:last-child):not(:has(+.udex-tab-navigation__content)),:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__tab-wrapper:not(:last-child):not(:has(+.udex-tab-navigation__content)),:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__button-link:not(:last-child):not(:has(+.udex-tab-navigation__content)){margin-block-end:var(--udexSpacer8, 8px)}}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab{padding:var(--udexSpacer16, 16px);align-items:flex-start;width:100%;height:auto;min-height:auto;margin-inline-end:0;transition:all .2s ease-in}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:0}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active{padding:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active:before{content:"";position:absolute;inset-inline-start:-1px;inset-block:0;z-index:var(--udexZIndex1, 1);width:3px;height:100%;background-color:var(--udex-button-tab-border-color-active);border-start-start-radius:0;border-start-end-radius:2px;border-end-start-radius:0;border-end-end-radius:2px}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper{position:relative;display:flex;flex-direction:column;gap:var(--udexSpacer16, 16px);padding:var(--udexSpacer16, 16px);transition:all .2s ease-in}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper:has(.udex-tab-navigation__button-tab--active){padding:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper:has(.udex-tab-navigation__button-tab--active):before{content:"";position:absolute;inset-inline-start:-1px;inset-block:0;z-index:var(--udexZIndex1, 1);width:3px;height:100%;background-color:var(--udex-button-tab-border-color-active);border-start-start-radius:0;border-start-end-radius:2px;border-end-start-radius:0;border-end-end-radius:2px}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper>.udex-tab-navigation__button-tab{padding:0}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper>.udex-tab-navigation__button-tab--active:before{display:none}:host([orientation="Vertical"]) .udex-tab-navigation__button-badge{inset-block-start:0;inset-inline-end:-10px}:host([orientation="Vertical"]) .udex-tab-navigation__button-text{position:relative;font-size:var(--udexTypographyHeadingRegularXXSFontSize, 20px);line-height:1.1;font-weight:var(--udexTypographyFontWeightMedium);text-align:start}:host([orientation="Vertical"]) .udex-tab-navigation__button-body-text{display:none;margin:0;font-family:var(--udex-button-tab-font-family);font-size:var(--udexTypographyBodyXSFontSize, 14px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udexColorGrey7);line-height:var(--udex-tab-navigation-content-line-height);text-align:start}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active~.udex-tab-navigation__button-body-text{display:block}:host([orientation="Vertical"]) .udex-tab-navigation__button-links{display:none;flex-direction:column;gap:var(--udexSpacer2, 2px)}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active~.udex-tab-navigation__button-links{display:flex}:host([orientation="Vertical"]) .udex-tab-navigation__content{flex:1 1 75%;padding-block-start:0;padding-inline-start:var(--udexSpacer16, 16px)}:host([orientation="Vertical"][placement="End"]) .udex-tab-navigation__header{order:1}:host([orientation="Vertical"]) .udex-tab-navigation__play-button{margin-block-end:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__footer{margin-block-start:var(--udex-tab-navigation-footer-spacing, var(--udexSpacer20, 20px));padding-inline-start:var(--udexSpacer16, 16px)}:host([process-tab]){--udex-button-tab-process-item-count-font-size: var(--udexTypographyNavigationRegularXSFontSize, 12px);--udex-button-tab-process-item-count-font-weight: var(--udexTypographyFontWeightRegular, 400)}.udex-tab-navigation__button-tab[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity, .4);pointer-events:none;cursor:default}:host([process-tab]) .udex-tab-navigation__button-tab--process{flex-direction:row;align-items:flex-start;padding:var(--udexSpacer12, 12px) 0 calc(var(--udexSpacer12, 12px) + 3px);gap:var(--udexSpacer8, 8px)}:host([process-tab]) .udex-tab-navigation__button-tab--process:not(:last-child){margin-inline-end:var(--udexSpacer32, 32px)}:host([process-tab]) .udex-tab-navigation__button-tab--process .udex-tab-navigation__button-icon-outer{flex-shrink:0;margin:0;align-self:center}:host([process-tab]) .udex-tab-navigation__button-text-block{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--udexSpacer4, 4px)}:host([process-tab]) .udex-tab-navigation__button-item-count{display:block;font-size:var(--udex-button-tab-process-item-count-font-size);font-weight:var(--udex-button-tab-process-item-count-font-weight);line-height:1.1;color:var(--udexColorGrey7, #475E75)}:host([process-tab]) .udex-tab-navigation__button-text-block .udex-tab-navigation__button-text{text-align:start;font-weight:var(--udex-button-tab-font-weight);font-size:var(--udex-button-tab-font-size-default)}
6
+ export default `:host{--udex-header-background-color: transparent;--udex-button-tab-vertical-gap: var(--udexSpacer32, 32px);--udex-button-tab-text-transform-first-letter: uppercase;--udex-button-tab-text-transform: none;--udex-button-tab-text-color-default: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-text-color-hover: var(--udexColorBlue8);--udex-button-tab-text-color-active: var(--udexColorBlue8);--udex-button-tab-border-color-active: var(--udexColorBlue8);--udex-button-tab-font-size-default: var(--sapFontSize, var(--udexTypographyNavigationBoldXLFontSize));--udex-button-tab-font-family: var(--sapFontFamily, sans-serif);--udex-button-tab-font-weight: var(--sapButton_Emphasized_FontWeight, var(--udexTypographyFontWeightBold));--udex-button-tab-line-height: 1.1;--udex-button-tab-padding-vertical: var(--udexSpacer12, 12px);--udex-button-tab-padding-horizontal: var(--udexSpacer4, 4px);--udex-button-tab-with-icon-without-background-border-color-active: transparent;--udex-button-tab-with-icon-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-tab-with-icon-background-hover: var(--udexColorBlue2, #D1EFFF);--udex-button-tab-with-icon-color: var(--udexColorGrey7, #475E75);--udex-button-tab-with-icon-color-hover: var(--udexColorGrey9, #223548);--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px);--udex-button-tab-with-icon-background-active: var(--udexColorBlue8, #0057D2);--udex-button-tab-with-icon-color-active: var(--sapBackgroundColor, var(--udexColorNeutralWhite));--udex-button-tab-with-icon-border-color: var(--udexColorGrey3, #D5DADD);--udex-button-tab-with-icon-without-background-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-with-icon-without-background-color-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-without-background-margin-bottom: var(--udexSpacer16, 16px);--udex-button-tab-with-icon-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-tab-with-icon-text-color-active: var(--sapTextColor, --udexColorGrey9);--udex-tab-navigation-tab-with-icon-without-background-color: transparent;--udex-tab-navigation-tab-with-icon-without-background-color-active: transparent;--udex-button-more-margin-inline-end: 0;--udex-tab-navigation-content-padding-vertical-desktop: var(--udexSpacer40, 40px);--udex-tab-navigation-content-padding-vertical-mobile: var(--udexSpacer32, 32px);--udex-tab-navigation-content-font-family: var(--sapFontFamily, sans-serif);--udex-tab-navigation-content-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-tab-navigation-content-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-navigation-content-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-tab-header-width: 428px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer{margin-bottom:var(--udex-button-tab-with-icon-without-background-margin-bottom);background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color);color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active:before{background-color:var(--udex-button-tab-with-icon-without-background-border-color-active)}:host([mode="Dark"]){--udex-header-background-color: var(--sapList_GroupHeaderTextColor, var(--udexColorGrey10));--udex-button-tab-text-color-default: var(--sapList_GroupHeaderBackground, var(--udexColorNeutralWhite));--udex-button-tab-text-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-border-color-active: transparent;--udex-button-tab-with-icon-background: transparent;--udex-button-tab-with-icon-color: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-background-active: transparent;--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge,:host([icon-without-background]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-inline-end:-9px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer,:host([icon-without-background]) .udex-tab-navigation__button-icon{width:24px;height:24px}:host([icon-without-background]) .udex-tab-navigation__button-tab--with-icon{padding-block-end:var(--udex-button-tab-padding-vertical)}:host([icon-without-background]) .udex-tabs-navigation__button-tab{padding-bottom:var(--udex-button-tab-padding-vertical)}:host(:not([icon-without-background])) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{color:var(--udex-button-tab-with-icon-text-color-active)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer,:host([mode="Dark"]) .udex-tab-navigation__button-icon{width:32px;height:32px}:host([desktop]) .udex-tab-navigation__button-tab:focus .udex-tab-navigation__button-text,.udex-tab-navigation__button-tab:focus-visible .udex-tab-navigation__button-text{outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.udex-tab-navigation__root{width:100%}.udex-tab-navigation__header{background-color:var(--udex-header-background-color);min-height:43px;display:flex;align-items:center;position:relative}.udex-tab-navigation__header:before{content:"";position:absolute;left:0;right:0;bottom:0;z-index:var(--udexZIndexNegative, -1);border-bottom:1px solid var(--udexColorGrey3, #D5DADD)}.udex-tab-navigation__header-tabs{display:flex;flex:1 1 0%;overflow:hidden;white-space:nowrap}.udex-tab-navigation__button-tab{padding:0;display:block;background:none;border:0;border-radius:0;cursor:pointer}.udex-tab-navigation__button-tab{padding:var(--udex-button-tab-padding-vertical) var(--udex-button-tab-padding-horizontal) calc(var(--udex-button-tab-padding-vertical) + 3px);position:relative;z-index:var(--udexZIndex0, 0);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--udex-button-tab-text-color-default);font-size:var(--udex-button-tab-font-size-default);font-family:var(--udex-button-tab-font-family);font-weight:var(--udex-button-tab-font-weight);line-height:var(--udex-button-tab-line-height);text-decoration:none;text-align:center;text-transform:var(--udex-button-tab-text-transform);white-space:normal}.udex-tab-navigation__button-text{margin:0}.udex-tab-navigation__button-text:first-letter{text-transform:var(--udex-button-tab-text-transform-first-letter)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon{justify-content:start}.udex-tab-navigation__button-tab:not(.udex-tab-navigation__button-tab--icon-tab):hover{color:var(--udex-button-tab-text-color-hover)}.udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{font-weight:var(--udex-button-tab-with-icon-font-weight)}.udex-tab-navigation__button-tab:focus-visible{outline:none}.udex-tab-navigation__button-tab[hidden]{display:none}.udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:var(--udex-button-tab-vertical-gap)}.udex-tab-navigation__button-tab--with-icon{padding-block-end:calc(var(--udex-button-tab-padding-vertical) + 2px)}.udex-tab-navigation__button-tab--active{color:var(--udex-button-tab-text-color-active)}.udex-tab-navigation__button-tab--active:before{content:"";position:absolute;inset-block-end:0;inset-inline:0 0;z-index:var(--udexZIndex1, 1);height:3px;background-color:var(--udex-button-tab-border-color-active);border-radius:2px 2px 0 0}.udex-tab-navigation__button-badge{position:absolute;inset-block-start:var(--udexSpacer12);inset-inline-end:-6px;z-index:var(--udexZIndex1, 1);width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}.udex-tab-navigation__button-more{margin-inline-start:auto;flex:0 0 auto;margin-inline-end:var(--udex-button-more-margin-inline-end);margin-bottom:3px}.udex-tab-navigation__button-more[hidden]{display:none}.udex-tab-navigation__button-icon-outer{margin-left:auto;margin-right:auto;margin-bottom:var(--udex-button-tab-with-icon-margin-bottom);display:flex;align-items:center;justify-content:center;align-self:center;width:32px;height:32px;border-radius:50%;background-color:var(--udex-button-tab-with-icon-background);color:var(--udex-button-tab-with-icon-color);box-shadow:inset 0 0 0 1px var(--udex-button-tab-with-icon-border-color);position:relative;z-index:var(--udexZIndex0, 0)}.udex-tab-navigation__button-icon{width:16px;height:16px;color:var(--udex-button-tab-with-icon-color)}.udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-block-start:1px;inset-inline-end:1px}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-active);box-shadow:none}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-active)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-hover);box-shadow:none}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-hover)}.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-desktop);font-family:var(--udex-tab-navigation-content-font-family);font-size:var(--udex-tab-navigation-content-font-size);font-weight:var(--udex-tab-navigation-content-font-weight);line-height:var(--udex-tab-navigation-content-line-height)}.udex-tab-navigation__content-item:focus,.udex-tab-navigation__content-item:focus-visible{outline-offset:2px;outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.hidden{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.udex-tab-navigation__badge{margin-inline-start:var(--udexSpacer4);display:inline-flex}.udex-tab-navigation__button-body-text,.udex-tab-navigation__button-link{display:none}@media screen and (max-width: 979px){.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-mobile)}:host([orientation="Vertical"]) .udex-tab-navigation__root{flex-direction:column}:host([orientation="Vertical"]) .udex-tab-navigation__header{flex:0 0 100%}:host([orientation="Vertical"]) .udex-tab-navigation__content{flex:0 0 100%;padding-inline-start:0}:host([orientation="Vertical"])>.udex-tab-navigation__root>.udex-tab-navigation__content{display:none}}:host([orientation="Vertical"]) .udex-tab-navigation__root{display:flex;gap:var(--udexSpacer24, 24px)}:host([orientation="Vertical"]) .udex-tab-navigation__header{flex-direction:column;align-items:stretch;min-height:auto;height:auto;flex:0 0 25%;width:100%;max-height:none;align-self:var(--udex-tab-navigation-header-alignment, flex-start)}:host([orientation="Vertical"][vertical-alignment="Center"]){--udex-tab-navigation-header-alignment: center}:host([orientation="Vertical"]) .udex-tab-navigation__header:before{display:none}:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs{flex-direction:column;gap:var(--udexSpacer16, 16px);overflow:visible;white-space:normal;max-height:none;border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}@media screen and (max-width: 979px){:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs{gap:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__button-tab:not(:last-child):not(:has(+.udex-tab-navigation__content)),:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__tab-wrapper:not(:last-child):not(:has(+.udex-tab-navigation__content)),:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__button-link:not(:last-child):not(:has(+.udex-tab-navigation__content)){margin-block-end:var(--udexSpacer8, 8px)}}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab{padding:var(--udexSpacer16, 16px);align-items:flex-start;width:100%;height:auto;min-height:auto;margin-inline-end:0;transition:all .2s ease-in}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:0}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active{padding:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active:before{content:"";position:absolute;inset-inline-start:-1px;inset-block:0;z-index:var(--udexZIndex1, 1);width:3px;height:100%;background-color:var(--udex-button-tab-border-color-active);border-start-start-radius:0;border-start-end-radius:2px;border-end-start-radius:0;border-end-end-radius:2px}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper{position:relative;display:flex;flex-direction:column;gap:var(--udexSpacer16, 16px);padding:var(--udexSpacer16, 16px);transition:all .2s ease-in}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper:has(.udex-tab-navigation__button-tab--active){padding:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper:has(.udex-tab-navigation__button-tab--active):before{content:"";position:absolute;inset-inline-start:-1px;inset-block:0;z-index:var(--udexZIndex1, 1);width:3px;height:100%;background-color:var(--udex-button-tab-border-color-active);border-start-start-radius:0;border-start-end-radius:2px;border-end-start-radius:0;border-end-end-radius:2px}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper>.udex-tab-navigation__button-tab{padding:0}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper>.udex-tab-navigation__button-tab--active:before{display:none}:host([orientation="Vertical"]) .udex-tab-navigation__button-badge{inset-block-start:0;inset-inline-end:-10px}:host([orientation="Vertical"]) .udex-tab-navigation__button-text{position:relative;font-size:var(--udexTypographyHeadingRegularXXSFontSize, 20px);line-height:1.1;font-weight:var(--udexTypographyFontWeightMedium);text-align:start}:host([orientation="Vertical"]) .udex-tab-navigation__button-body-text{display:none;margin:0;font-family:var(--udex-button-tab-font-family);font-size:var(--udexTypographyBodyXSFontSize, 14px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udexColorGrey7);line-height:var(--udex-tab-navigation-content-line-height);text-align:start}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active~.udex-tab-navigation__button-body-text{display:block}:host([orientation="Vertical"]) .udex-tab-navigation__button-links{display:none;flex-direction:column;gap:var(--udexSpacer2, 2px)}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active~.udex-tab-navigation__button-links{display:flex}:host([orientation="Vertical"]) .udex-tab-navigation__content{flex:1 1 75%;padding-block-start:0;padding-inline-start:var(--udexSpacer16, 16px)}:host([orientation="Vertical"][placement="End"]) .udex-tab-navigation__header{order:1}:host([orientation="Vertical"]) .udex-tab-navigation__play-button{margin-block-end:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__footer{margin-block-start:var(--udex-tab-navigation-footer-spacing, var(--udexSpacer20, 20px));padding-inline-start:var(--udexSpacer16, 16px)}:host([process-tab]){--udex-button-tab-process-item-count-font-size: var(--udexTypographyNavigationRegularXSFontSize, 12px);--udex-button-tab-process-item-count-font-weight: var(--udexTypographyFontWeightRegular, 400)}.udex-tab-navigation__button-tab[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity, .4);pointer-events:none;cursor:default}:host([process-tab]) .udex-tab-navigation__button-tab--process{flex-direction:row;align-items:flex-start;padding:var(--udexSpacer12, 12px) 0 calc(var(--udexSpacer12, 12px) + 3px);gap:var(--udexSpacer8, 8px)}:host([process-tab]) .udex-tab-navigation__button-tab--process:not(:last-child){margin-inline-end:var(--udexSpacer32, 32px)}:host([process-tab]) .udex-tab-navigation__button-tab--process .udex-tab-navigation__button-icon-outer{flex-shrink:0;margin:0;align-self:center}:host([process-tab]) .udex-tab-navigation__button-text-block{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--udexSpacer4, 4px)}:host([process-tab]) .udex-tab-navigation__button-item-count{display:block;font-size:var(--udex-button-tab-process-item-count-font-size);font-weight:var(--udex-button-tab-process-item-count-font-weight);line-height:1.1;color:var(--udexColorGrey7, #475E75)}:host([process-tab]) .udex-tab-navigation__button-text-block .udex-tab-navigation__button-text{text-align:start;font-weight:var(--udex-button-tab-font-weight);font-size:var(--udex-button-tab-font-size-default)}
7
7
  `;
8
8
  //# sourceMappingURL=TabNavigation.css.js.map
package/dist/generated/themes/TabNavigation.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TabNavigation.css.js","sourceRoot":"","sources":["../../../src/generated/themes/TabNavigation.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-header-background-color: transparent;--udex-button-tab-vertical-gap: var(--udexSpacer32, 32px);--udex-button-tab-text-transform-first-letter: uppercase;--udex-button-tab-text-transform: none;--udex-button-tab-text-color-default: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-text-color-hover: var(--udexColorBlue8);--udex-button-tab-text-color-active: var(--udexColorBlue8);--udex-button-tab-border-color-active: var(--udexColorBlue8);--udex-button-tab-font-size-default: var(--sapFontSize, var(--udexTypographyNavigationBoldXLFontSize));--udex-button-tab-font-family: var(--sapFontFamily, sans-serif);--udex-button-tab-font-weight: var(--sapButton_Emphasized_FontWeight, var(--udexTypographyFontWeightBold));--udex-button-tab-line-height: 1.1;--udex-button-tab-padding-vertical: var(--udexSpacer12, 12px);--udex-button-tab-padding-horizontal: var(--udexSpacer4, 4px);--udex-button-tab-with-icon-without-background-border-color-active: transparent;--udex-button-tab-with-icon-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-tab-with-icon-background-hover: var(--udexColorBlue2, #D1EFFF);--udex-button-tab-with-icon-color: var(--udexColorGrey7, #475E75);--udex-button-tab-with-icon-color-hover: var(--udexColorGrey9, #223548);--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px);--udex-button-tab-with-icon-background-active: var(--udexColorBlue8, #0057D2);--udex-button-tab-with-icon-color-active: var(--sapBackgroundColor, var(--udexColorNeutralWhite));--udex-button-tab-with-icon-border-color: var(--udexColorGrey3, #D5DADD);--udex-button-tab-with-icon-without-background-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-with-icon-without-background-color-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-without-background-margin-bottom: var(--udexSpacer16, 16px);--udex-button-tab-with-icon-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-tab-with-icon-text-color-active: var(--sapTextColor, --udexColorGrey9);--udex-tab-navigation-tab-with-icon-without-background-color: transparent;--udex-tab-navigation-tab-with-icon-without-background-color-active: transparent;--udex-button-more-margin-inline-end: 0;--udex-tab-navigation-content-padding-vertical-desktop: var(--udexSpacer40, 40px);--udex-tab-navigation-content-padding-vertical-mobile: var(--udexSpacer32, 32px);--udex-tab-navigation-content-font-family: var(--sapFontFamily, sans-serif);--udex-tab-navigation-content-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-tab-navigation-content-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-navigation-content-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-tab-header-width: 428px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer{margin-bottom:var(--udex-button-tab-with-icon-without-background-margin-bottom);background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color);color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active:before{background-color:var(--udex-button-tab-with-icon-without-background-border-color-active)}:host([mode=\"Dark\"]){--udex-header-background-color: var(--sapList_GroupHeaderTextColor, var(--udexColorGrey10));--udex-button-tab-text-color-default: var(--sapList_GroupHeaderBackground, var(--udexColorNeutralWhite));--udex-button-tab-text-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-border-color-active: transparent;--udex-button-tab-with-icon-background: transparent;--udex-button-tab-with-icon-color: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-background-active: transparent;--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px)}:host([mode=\"Dark\"]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge,:host([icon-without-background]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-inline-end:-9px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer,:host([icon-without-background]) .udex-tab-navigation__button-icon{width:24px;height:24px}:host([icon-without-background]) .udex-tab-navigation__button-tab--with-icon{padding-block-end:var(--udex-button-tab-padding-vertical)}:host([icon-without-background]) .udex-tabs-navigation__button-tab{padding-bottom:var(--udex-button-tab-padding-vertical)}:host(:not([icon-without-background])) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{color:var(--udex-button-tab-with-icon-text-color-active)}:host([mode=\"Dark\"]) .udex-tab-navigation__button-icon-outer,:host([mode=\"Dark\"]) .udex-tab-navigation__button-icon{width:32px;height:32px}:host([desktop]) .udex-tab-navigation__button-tab:focus .udex-tab-navigation__button-text,.udex-tab-navigation__button-tab:focus-visible .udex-tab-navigation__button-text{outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.udex-tab-navigation__root{width:100%}.udex-tab-navigation__header{background-color:var(--udex-header-background-color);min-height:43px;display:flex;align-items:center;position:relative}.udex-tab-navigation__header:before{content:\"\";position:absolute;left:0;right:0;bottom:0;z-index:var(--udexZIndexNegative, -1);border-bottom:1px solid var(--udexColorGrey3, #D5DADD)}.udex-tab-navigation__header-tabs{display:flex;flex:1 1 0%;overflow:hidden;white-space:nowrap}.udex-tab-navigation__button-tab{padding:0;display:block;background:none;border:0;border-radius:0;cursor:pointer}.udex-tab-navigation__button-tab{padding:var(--udex-button-tab-padding-vertical) var(--udex-button-tab-padding-horizontal) calc(var(--udex-button-tab-padding-vertical) + 3px);position:relative;z-index:var(--udexZIndex0, 0);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--udex-button-tab-text-color-default);font-size:var(--udex-button-tab-font-size-default);font-family:var(--udex-button-tab-font-family);font-weight:var(--udex-button-tab-font-weight);line-height:var(--udex-button-tab-line-height);text-decoration:none;text-align:center;text-transform:var(--udex-button-tab-text-transform);white-space:normal}.udex-tab-navigation__button-text{margin:0}.udex-tab-navigation__button-text:first-letter{text-transform:var(--udex-button-tab-text-transform-first-letter)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon{justify-content:start}.udex-tab-navigation__button-tab:not(.udex-tab-navigation__button-tab--icon-tab):hover{color:var(--udex-button-tab-text-color-hover)}.udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{font-weight:var(--udex-button-tab-with-icon-font-weight)}.udex-tab-navigation__button-tab:focus-visible{outline:none}.udex-tab-navigation__button-tab[hidden]{display:none}.udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:var(--udex-button-tab-vertical-gap)}.udex-tab-navigation__button-tab--with-icon{padding-block-end:calc(var(--udex-button-tab-padding-vertical) + 2px)}.udex-tab-navigation__button-tab--active{color:var(--udex-button-tab-text-color-active)}.udex-tab-navigation__button-tab--active:before{content:\"\";position:absolute;inset-block-end:0;inset-inline:0 0;z-index:var(--udexZIndex1, 1);height:3px;background-color:var(--udex-button-tab-border-color-active);border-radius:2px 2px 0 0}.udex-tab-navigation__button-badge{position:absolute;inset-block-start:var(--udexSpacer12);inset-inline-end:-6px;z-index:var(--udexZIndex1, 1);width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}.udex-tab-navigation__button-more{margin-inline-start:auto;flex:0 0 auto;margin-inline-end:var(--udex-button-more-margin-inline-end)}.udex-tab-navigation__button-more[hidden]{display:none}.udex-tab-navigation__button-icon-outer{margin-left:auto;margin-right:auto;margin-bottom:var(--udex-button-tab-with-icon-margin-bottom);display:flex;align-items:center;justify-content:center;align-self:center;width:32px;height:32px;border-radius:50%;background-color:var(--udex-button-tab-with-icon-background);color:var(--udex-button-tab-with-icon-color);box-shadow:inset 0 0 0 1px var(--udex-button-tab-with-icon-border-color);position:relative;z-index:var(--udexZIndex0, 0)}.udex-tab-navigation__button-icon{width:16px;height:16px;color:var(--udex-button-tab-with-icon-color)}.udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-block-start:1px;inset-inline-end:1px}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-active);box-shadow:none}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-active)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-hover);box-shadow:none}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-hover)}.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-desktop);font-family:var(--udex-tab-navigation-content-font-family);font-size:var(--udex-tab-navigation-content-font-size);font-weight:var(--udex-tab-navigation-content-font-weight);line-height:var(--udex-tab-navigation-content-line-height)}.udex-tab-navigation__content-item:focus,.udex-tab-navigation__content-item:focus-visible{outline-offset:2px;outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.hidden{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.udex-tab-navigation__badge{margin-inline-start:var(--udexSpacer4);display:inline-flex}.udex-tab-navigation__button-body-text,.udex-tab-navigation__button-link{display:none}@media screen and (max-width: 979px){.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-mobile)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__root{flex-direction:column}:host([orientation=\"Vertical\"]) .udex-tab-navigation__header{flex:0 0 100%}:host([orientation=\"Vertical\"]) .udex-tab-navigation__content{flex:0 0 100%;padding-inline-start:0}:host([orientation=\"Vertical\"])>.udex-tab-navigation__root>.udex-tab-navigation__content{display:none}}:host([orientation=\"Vertical\"]) .udex-tab-navigation__root{display:flex;gap:var(--udexSpacer24, 24px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__header{flex-direction:column;align-items:stretch;min-height:auto;height:auto;flex:0 0 25%;width:100%;max-height:none;align-self:var(--udex-tab-navigation-header-alignment, flex-start)}:host([orientation=\"Vertical\"][vertical-alignment=\"Center\"]){--udex-tab-navigation-header-alignment: center}:host([orientation=\"Vertical\"]) .udex-tab-navigation__header:before{display:none}:host([orientation=\"Vertical\"]) .udex-tab-navigation__header-tabs{flex-direction:column;gap:var(--udexSpacer16, 16px);overflow:visible;white-space:normal;max-height:none;border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}@media screen and (max-width: 979px){:host([orientation=\"Vertical\"]) .udex-tab-navigation__header-tabs{gap:var(--udexSpacer16, 16px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__button-tab:not(:last-child):not(:has(+.udex-tab-navigation__content)),:host([orientation=\"Vertical\"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__tab-wrapper:not(:last-child):not(:has(+.udex-tab-navigation__content)),:host([orientation=\"Vertical\"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__button-link:not(:last-child):not(:has(+.udex-tab-navigation__content)){margin-block-end:var(--udexSpacer8, 8px)}}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab{padding:var(--udexSpacer16, 16px);align-items:flex-start;width:100%;height:auto;min-height:auto;margin-inline-end:0;transition:all .2s ease-in}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:0}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab--active{padding:var(--udexSpacer16, 16px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab--active:before{content:\"\";position:absolute;inset-inline-start:-1px;inset-block:0;z-index:var(--udexZIndex1, 1);width:3px;height:100%;background-color:var(--udex-button-tab-border-color-active);border-start-start-radius:0;border-start-end-radius:2px;border-end-start-radius:0;border-end-end-radius:2px}:host([orientation=\"Vertical\"]) .udex-tab-navigation__tab-wrapper{position:relative;display:flex;flex-direction:column;gap:var(--udexSpacer16, 16px);padding:var(--udexSpacer16, 16px);transition:all .2s ease-in}:host([orientation=\"Vertical\"]) .udex-tab-navigation__tab-wrapper:has(.udex-tab-navigation__button-tab--active){padding:var(--udexSpacer16, 16px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__tab-wrapper:has(.udex-tab-navigation__button-tab--active):before{content:\"\";position:absolute;inset-inline-start:-1px;inset-block:0;z-index:var(--udexZIndex1, 1);width:3px;height:100%;background-color:var(--udex-button-tab-border-color-active);border-start-start-radius:0;border-start-end-radius:2px;border-end-start-radius:0;border-end-end-radius:2px}:host([orientation=\"Vertical\"]) .udex-tab-navigation__tab-wrapper>.udex-tab-navigation__button-tab{padding:0}:host([orientation=\"Vertical\"]) .udex-tab-navigation__tab-wrapper>.udex-tab-navigation__button-tab--active:before{display:none}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-badge{inset-block-start:0;inset-inline-end:-10px}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-text{position:relative;font-size:var(--udexTypographyHeadingRegularXXSFontSize, 20px);line-height:1.1;font-weight:var(--udexTypographyFontWeightMedium);text-align:start}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-body-text{display:none;margin:0;font-family:var(--udex-button-tab-font-family);font-size:var(--udexTypographyBodyXSFontSize, 14px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udexColorGrey7);line-height:var(--udex-tab-navigation-content-line-height);text-align:start}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab--active~.udex-tab-navigation__button-body-text{display:block}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-links{display:none;flex-direction:column;gap:var(--udexSpacer2, 2px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab--active~.udex-tab-navigation__button-links{display:flex}:host([orientation=\"Vertical\"]) .udex-tab-navigation__content{flex:1 1 75%;padding-block-start:0;padding-inline-start:var(--udexSpacer16, 16px)}:host([orientation=\"Vertical\"][placement=\"End\"]) .udex-tab-navigation__header{order:1}:host([orientation=\"Vertical\"]) .udex-tab-navigation__play-button{margin-block-end:var(--udexSpacer16, 16px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__footer{margin-block-start:var(--udex-tab-navigation-footer-spacing, var(--udexSpacer20, 20px));padding-inline-start:var(--udexSpacer16, 16px)}:host([process-tab]){--udex-button-tab-process-item-count-font-size: var(--udexTypographyNavigationRegularXSFontSize, 12px);--udex-button-tab-process-item-count-font-weight: var(--udexTypographyFontWeightRegular, 400)}.udex-tab-navigation__button-tab[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity, .4);pointer-events:none;cursor:default}:host([process-tab]) .udex-tab-navigation__button-tab--process{flex-direction:row;align-items:flex-start;padding:var(--udexSpacer12, 12px) 0 calc(var(--udexSpacer12, 12px) + 3px);gap:var(--udexSpacer8, 8px)}:host([process-tab]) .udex-tab-navigation__button-tab--process:not(:last-child){margin-inline-end:var(--udexSpacer32, 32px)}:host([process-tab]) .udex-tab-navigation__button-tab--process .udex-tab-navigation__button-icon-outer{flex-shrink:0;margin:0;align-self:center}:host([process-tab]) .udex-tab-navigation__button-text-block{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--udexSpacer4, 4px)}:host([process-tab]) .udex-tab-navigation__button-item-count{display:block;font-size:var(--udex-button-tab-process-item-count-font-size);font-weight:var(--udex-button-tab-process-item-count-font-weight);line-height:1.1;color:var(--udexColorGrey7, #475E75)}:host([process-tab]) .udex-tab-navigation__button-text-block .udex-tab-navigation__button-text{text-align:start;font-weight:var(--udex-button-tab-font-weight);font-size:var(--udex-button-tab-font-size-default)}\n`"]}
1
+ {"version":3,"file":"TabNavigation.css.js","sourceRoot":"","sources":["../../../src/generated/themes/TabNavigation.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-header-background-color: transparent;--udex-button-tab-vertical-gap: var(--udexSpacer32, 32px);--udex-button-tab-text-transform-first-letter: uppercase;--udex-button-tab-text-transform: none;--udex-button-tab-text-color-default: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-text-color-hover: var(--udexColorBlue8);--udex-button-tab-text-color-active: var(--udexColorBlue8);--udex-button-tab-border-color-active: var(--udexColorBlue8);--udex-button-tab-font-size-default: var(--sapFontSize, var(--udexTypographyNavigationBoldXLFontSize));--udex-button-tab-font-family: var(--sapFontFamily, sans-serif);--udex-button-tab-font-weight: var(--sapButton_Emphasized_FontWeight, var(--udexTypographyFontWeightBold));--udex-button-tab-line-height: 1.1;--udex-button-tab-padding-vertical: var(--udexSpacer12, 12px);--udex-button-tab-padding-horizontal: var(--udexSpacer4, 4px);--udex-button-tab-with-icon-without-background-border-color-active: transparent;--udex-button-tab-with-icon-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-tab-with-icon-background-hover: var(--udexColorBlue2, #D1EFFF);--udex-button-tab-with-icon-color: var(--udexColorGrey7, #475E75);--udex-button-tab-with-icon-color-hover: var(--udexColorGrey9, #223548);--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px);--udex-button-tab-with-icon-background-active: var(--udexColorBlue8, #0057D2);--udex-button-tab-with-icon-color-active: var(--sapBackgroundColor, var(--udexColorNeutralWhite));--udex-button-tab-with-icon-border-color: var(--udexColorGrey3, #D5DADD);--udex-button-tab-with-icon-without-background-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-with-icon-without-background-color-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-without-background-margin-bottom: var(--udexSpacer16, 16px);--udex-button-tab-with-icon-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-tab-with-icon-text-color-active: var(--sapTextColor, --udexColorGrey9);--udex-tab-navigation-tab-with-icon-without-background-color: transparent;--udex-tab-navigation-tab-with-icon-without-background-color-active: transparent;--udex-button-more-margin-inline-end: 0;--udex-tab-navigation-content-padding-vertical-desktop: var(--udexSpacer40, 40px);--udex-tab-navigation-content-padding-vertical-mobile: var(--udexSpacer32, 32px);--udex-tab-navigation-content-font-family: var(--sapFontFamily, sans-serif);--udex-tab-navigation-content-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-tab-navigation-content-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-navigation-content-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-tab-header-width: 428px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer{margin-bottom:var(--udex-button-tab-with-icon-without-background-margin-bottom);background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color);color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active:before{background-color:var(--udex-button-tab-with-icon-without-background-border-color-active)}:host([mode=\"Dark\"]){--udex-header-background-color: var(--sapList_GroupHeaderTextColor, var(--udexColorGrey10));--udex-button-tab-text-color-default: var(--sapList_GroupHeaderBackground, var(--udexColorNeutralWhite));--udex-button-tab-text-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-border-color-active: transparent;--udex-button-tab-with-icon-background: transparent;--udex-button-tab-with-icon-color: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-background-active: transparent;--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px)}:host([mode=\"Dark\"]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge,:host([icon-without-background]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-inline-end:-9px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer,:host([icon-without-background]) .udex-tab-navigation__button-icon{width:24px;height:24px}:host([icon-without-background]) .udex-tab-navigation__button-tab--with-icon{padding-block-end:var(--udex-button-tab-padding-vertical)}:host([icon-without-background]) .udex-tabs-navigation__button-tab{padding-bottom:var(--udex-button-tab-padding-vertical)}:host(:not([icon-without-background])) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{color:var(--udex-button-tab-with-icon-text-color-active)}:host([mode=\"Dark\"]) .udex-tab-navigation__button-icon-outer,:host([mode=\"Dark\"]) .udex-tab-navigation__button-icon{width:32px;height:32px}:host([desktop]) .udex-tab-navigation__button-tab:focus .udex-tab-navigation__button-text,.udex-tab-navigation__button-tab:focus-visible .udex-tab-navigation__button-text{outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.udex-tab-navigation__root{width:100%}.udex-tab-navigation__header{background-color:var(--udex-header-background-color);min-height:43px;display:flex;align-items:center;position:relative}.udex-tab-navigation__header:before{content:\"\";position:absolute;left:0;right:0;bottom:0;z-index:var(--udexZIndexNegative, -1);border-bottom:1px solid var(--udexColorGrey3, #D5DADD)}.udex-tab-navigation__header-tabs{display:flex;flex:1 1 0%;overflow:hidden;white-space:nowrap}.udex-tab-navigation__button-tab{padding:0;display:block;background:none;border:0;border-radius:0;cursor:pointer}.udex-tab-navigation__button-tab{padding:var(--udex-button-tab-padding-vertical) var(--udex-button-tab-padding-horizontal) calc(var(--udex-button-tab-padding-vertical) + 3px);position:relative;z-index:var(--udexZIndex0, 0);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--udex-button-tab-text-color-default);font-size:var(--udex-button-tab-font-size-default);font-family:var(--udex-button-tab-font-family);font-weight:var(--udex-button-tab-font-weight);line-height:var(--udex-button-tab-line-height);text-decoration:none;text-align:center;text-transform:var(--udex-button-tab-text-transform);white-space:normal}.udex-tab-navigation__button-text{margin:0}.udex-tab-navigation__button-text:first-letter{text-transform:var(--udex-button-tab-text-transform-first-letter)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon{justify-content:start}.udex-tab-navigation__button-tab:not(.udex-tab-navigation__button-tab--icon-tab):hover{color:var(--udex-button-tab-text-color-hover)}.udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{font-weight:var(--udex-button-tab-with-icon-font-weight)}.udex-tab-navigation__button-tab:focus-visible{outline:none}.udex-tab-navigation__button-tab[hidden]{display:none}.udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:var(--udex-button-tab-vertical-gap)}.udex-tab-navigation__button-tab--with-icon{padding-block-end:calc(var(--udex-button-tab-padding-vertical) + 2px)}.udex-tab-navigation__button-tab--active{color:var(--udex-button-tab-text-color-active)}.udex-tab-navigation__button-tab--active:before{content:\"\";position:absolute;inset-block-end:0;inset-inline:0 0;z-index:var(--udexZIndex1, 1);height:3px;background-color:var(--udex-button-tab-border-color-active);border-radius:2px 2px 0 0}.udex-tab-navigation__button-badge{position:absolute;inset-block-start:var(--udexSpacer12);inset-inline-end:-6px;z-index:var(--udexZIndex1, 1);width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}.udex-tab-navigation__button-more{margin-inline-start:auto;flex:0 0 auto;margin-inline-end:var(--udex-button-more-margin-inline-end);margin-bottom:3px}.udex-tab-navigation__button-more[hidden]{display:none}.udex-tab-navigation__button-icon-outer{margin-left:auto;margin-right:auto;margin-bottom:var(--udex-button-tab-with-icon-margin-bottom);display:flex;align-items:center;justify-content:center;align-self:center;width:32px;height:32px;border-radius:50%;background-color:var(--udex-button-tab-with-icon-background);color:var(--udex-button-tab-with-icon-color);box-shadow:inset 0 0 0 1px var(--udex-button-tab-with-icon-border-color);position:relative;z-index:var(--udexZIndex0, 0)}.udex-tab-navigation__button-icon{width:16px;height:16px;color:var(--udex-button-tab-with-icon-color)}.udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-block-start:1px;inset-inline-end:1px}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-active);box-shadow:none}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-active)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-hover);box-shadow:none}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-hover)}.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-desktop);font-family:var(--udex-tab-navigation-content-font-family);font-size:var(--udex-tab-navigation-content-font-size);font-weight:var(--udex-tab-navigation-content-font-weight);line-height:var(--udex-tab-navigation-content-line-height)}.udex-tab-navigation__content-item:focus,.udex-tab-navigation__content-item:focus-visible{outline-offset:2px;outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.hidden{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.udex-tab-navigation__badge{margin-inline-start:var(--udexSpacer4);display:inline-flex}.udex-tab-navigation__button-body-text,.udex-tab-navigation__button-link{display:none}@media screen and (max-width: 979px){.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-mobile)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__root{flex-direction:column}:host([orientation=\"Vertical\"]) .udex-tab-navigation__header{flex:0 0 100%}:host([orientation=\"Vertical\"]) .udex-tab-navigation__content{flex:0 0 100%;padding-inline-start:0}:host([orientation=\"Vertical\"])>.udex-tab-navigation__root>.udex-tab-navigation__content{display:none}}:host([orientation=\"Vertical\"]) .udex-tab-navigation__root{display:flex;gap:var(--udexSpacer24, 24px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__header{flex-direction:column;align-items:stretch;min-height:auto;height:auto;flex:0 0 25%;width:100%;max-height:none;align-self:var(--udex-tab-navigation-header-alignment, flex-start)}:host([orientation=\"Vertical\"][vertical-alignment=\"Center\"]){--udex-tab-navigation-header-alignment: center}:host([orientation=\"Vertical\"]) .udex-tab-navigation__header:before{display:none}:host([orientation=\"Vertical\"]) .udex-tab-navigation__header-tabs{flex-direction:column;gap:var(--udexSpacer16, 16px);overflow:visible;white-space:normal;max-height:none;border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}@media screen and (max-width: 979px){:host([orientation=\"Vertical\"]) .udex-tab-navigation__header-tabs{gap:var(--udexSpacer16, 16px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__button-tab:not(:last-child):not(:has(+.udex-tab-navigation__content)),:host([orientation=\"Vertical\"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__tab-wrapper:not(:last-child):not(:has(+.udex-tab-navigation__content)),:host([orientation=\"Vertical\"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__button-link:not(:last-child):not(:has(+.udex-tab-navigation__content)){margin-block-end:var(--udexSpacer8, 8px)}}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab{padding:var(--udexSpacer16, 16px);align-items:flex-start;width:100%;height:auto;min-height:auto;margin-inline-end:0;transition:all .2s ease-in}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:0}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab--active{padding:var(--udexSpacer16, 16px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab--active:before{content:\"\";position:absolute;inset-inline-start:-1px;inset-block:0;z-index:var(--udexZIndex1, 1);width:3px;height:100%;background-color:var(--udex-button-tab-border-color-active);border-start-start-radius:0;border-start-end-radius:2px;border-end-start-radius:0;border-end-end-radius:2px}:host([orientation=\"Vertical\"]) .udex-tab-navigation__tab-wrapper{position:relative;display:flex;flex-direction:column;gap:var(--udexSpacer16, 16px);padding:var(--udexSpacer16, 16px);transition:all .2s ease-in}:host([orientation=\"Vertical\"]) .udex-tab-navigation__tab-wrapper:has(.udex-tab-navigation__button-tab--active){padding:var(--udexSpacer16, 16px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__tab-wrapper:has(.udex-tab-navigation__button-tab--active):before{content:\"\";position:absolute;inset-inline-start:-1px;inset-block:0;z-index:var(--udexZIndex1, 1);width:3px;height:100%;background-color:var(--udex-button-tab-border-color-active);border-start-start-radius:0;border-start-end-radius:2px;border-end-start-radius:0;border-end-end-radius:2px}:host([orientation=\"Vertical\"]) .udex-tab-navigation__tab-wrapper>.udex-tab-navigation__button-tab{padding:0}:host([orientation=\"Vertical\"]) .udex-tab-navigation__tab-wrapper>.udex-tab-navigation__button-tab--active:before{display:none}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-badge{inset-block-start:0;inset-inline-end:-10px}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-text{position:relative;font-size:var(--udexTypographyHeadingRegularXXSFontSize, 20px);line-height:1.1;font-weight:var(--udexTypographyFontWeightMedium);text-align:start}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-body-text{display:none;margin:0;font-family:var(--udex-button-tab-font-family);font-size:var(--udexTypographyBodyXSFontSize, 14px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udexColorGrey7);line-height:var(--udex-tab-navigation-content-line-height);text-align:start}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab--active~.udex-tab-navigation__button-body-text{display:block}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-links{display:none;flex-direction:column;gap:var(--udexSpacer2, 2px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__button-tab--active~.udex-tab-navigation__button-links{display:flex}:host([orientation=\"Vertical\"]) .udex-tab-navigation__content{flex:1 1 75%;padding-block-start:0;padding-inline-start:var(--udexSpacer16, 16px)}:host([orientation=\"Vertical\"][placement=\"End\"]) .udex-tab-navigation__header{order:1}:host([orientation=\"Vertical\"]) .udex-tab-navigation__play-button{margin-block-end:var(--udexSpacer16, 16px)}:host([orientation=\"Vertical\"]) .udex-tab-navigation__footer{margin-block-start:var(--udex-tab-navigation-footer-spacing, var(--udexSpacer20, 20px));padding-inline-start:var(--udexSpacer16, 16px)}:host([process-tab]){--udex-button-tab-process-item-count-font-size: var(--udexTypographyNavigationRegularXSFontSize, 12px);--udex-button-tab-process-item-count-font-weight: var(--udexTypographyFontWeightRegular, 400)}.udex-tab-navigation__button-tab[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity, .4);pointer-events:none;cursor:default}:host([process-tab]) .udex-tab-navigation__button-tab--process{flex-direction:row;align-items:flex-start;padding:var(--udexSpacer12, 12px) 0 calc(var(--udexSpacer12, 12px) + 3px);gap:var(--udexSpacer8, 8px)}:host([process-tab]) .udex-tab-navigation__button-tab--process:not(:last-child){margin-inline-end:var(--udexSpacer32, 32px)}:host([process-tab]) .udex-tab-navigation__button-tab--process .udex-tab-navigation__button-icon-outer{flex-shrink:0;margin:0;align-self:center}:host([process-tab]) .udex-tab-navigation__button-text-block{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--udexSpacer4, 4px)}:host([process-tab]) .udex-tab-navigation__button-item-count{display:block;font-size:var(--udex-button-tab-process-item-count-font-size);font-weight:var(--udex-button-tab-process-item-count-font-weight);line-height:1.1;color:var(--udexColorGrey7, #475E75)}:host([process-tab]) .udex-tab-navigation__button-text-block .udex-tab-navigation__button-text{text-align:start;font-weight:var(--udex-button-tab-font-weight);font-size:var(--udex-button-tab-font-size-default)}\n`"]}