@sapudex/web-components 2.61.0 → 2.63.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 (467) hide show
  1. package/cypress/specs/AccordionSpotlight.cy.tsx +43 -2
  2. package/cypress/specs/Carousel.cy.tsx +88 -0
  3. package/cypress/specs/CountrySelector.cy.tsx +233 -6
  4. package/cypress/specs/FilterMenu.cy.tsx +39 -45
  5. package/cypress/specs/List.cy.tsx +624 -10
  6. package/cypress/specs/ListItem.cy.tsx +50 -0
  7. package/cypress/specs/MastheadCountrySelector.cy.tsx +177 -0
  8. package/cypress/specs/SelectBox.cy.tsx +239 -131
  9. package/cypress/specs/SelectBoxAccessibility.cy.tsx +3109 -0
  10. package/cypress/specs/SideNavigation.cy.tsx +49 -0
  11. package/cypress/specs/SideNavigationMobile.cy.tsx +69 -0
  12. package/cypress/specs/TagGroup.cy.tsx +168 -0
  13. package/cypress/support/component-imports.instrumented.ts +4 -0
  14. package/cypress/support/component-imports.src.ts +4 -0
  15. package/dist/AccordionItemTemplate.js +1 -1
  16. package/dist/AccordionItemTemplate.js.map +1 -1
  17. package/dist/AccordionSpotlight.d.ts +7 -2
  18. package/dist/AccordionSpotlight.js +31 -6
  19. package/dist/AccordionSpotlight.js.map +1 -1
  20. package/dist/AccordionSpotlightItem.d.ts +3 -1
  21. package/dist/AccordionSpotlightItem.js +3 -1
  22. package/dist/AccordionSpotlightItem.js.map +1 -1
  23. package/dist/Carousel.d.ts +1 -0
  24. package/dist/Carousel.js +19 -3
  25. package/dist/Carousel.js.map +1 -1
  26. package/dist/CountrySelector.js +1 -3
  27. package/dist/CountrySelector.js.map +1 -1
  28. package/dist/List.d.ts +2 -0
  29. package/dist/List.js +22 -4
  30. package/dist/List.js.map +1 -1
  31. package/dist/ListGroupHeader.js +5 -1
  32. package/dist/ListGroupHeader.js.map +1 -1
  33. package/dist/ListGroupHeaderBase.d.ts +2 -0
  34. package/dist/ListGroupHeaderBase.js +15 -2
  35. package/dist/ListGroupHeaderBase.js.map +1 -1
  36. package/dist/ListGroupHeaderTemplate.js +14 -22
  37. package/dist/ListGroupHeaderTemplate.js.map +1 -1
  38. package/dist/ListItem.d.ts +1 -2
  39. package/dist/ListItem.js +14 -12
  40. package/dist/ListItem.js.map +1 -1
  41. package/dist/ListItemBase.d.ts +5 -0
  42. package/dist/ListItemBase.js +11 -1
  43. package/dist/ListItemBase.js.map +1 -1
  44. package/dist/ListItemTemplate.js +1 -1
  45. package/dist/ListItemTemplate.js.map +1 -1
  46. package/dist/ListSelectAllTemplate.js +1 -1
  47. package/dist/ListSelectAllTemplate.js.map +1 -1
  48. package/dist/ListTemplate.js +2 -1
  49. package/dist/ListTemplate.js.map +1 -1
  50. package/dist/MastheadCountrySelector.d.ts +14 -0
  51. package/dist/MastheadCountrySelector.js +6 -0
  52. package/dist/MastheadCountrySelector.js.map +1 -1
  53. package/dist/MastheadCountrySelectorTemplate.js +1 -1
  54. package/dist/MastheadCountrySelectorTemplate.js.map +1 -1
  55. package/dist/MessageStrip.d.ts +1 -0
  56. package/dist/MessageStrip.js +6 -0
  57. package/dist/MessageStrip.js.map +1 -1
  58. package/dist/Search.d.ts +13 -3
  59. package/dist/Search.js +36 -11
  60. package/dist/Search.js.map +1 -1
  61. package/dist/SearchTemplate.js +1 -1
  62. package/dist/SearchTemplate.js.map +1 -1
  63. package/dist/SearchableListBase.d.ts +2 -0
  64. package/dist/SearchableListBase.js +13 -3
  65. package/dist/SearchableListBase.js.map +1 -1
  66. package/dist/SearchableListBaseTemplate.js +42 -33
  67. package/dist/SearchableListBaseTemplate.js.map +1 -1
  68. package/dist/SelectBase.d.ts +18 -33
  69. package/dist/SelectBase.js +124 -139
  70. package/dist/SelectBase.js.map +1 -1
  71. package/dist/SelectBox.d.ts +3 -0
  72. package/dist/SelectBox.js +19 -7
  73. package/dist/SelectBox.js.map +1 -1
  74. package/dist/SelectBoxTemplate.js +3 -3
  75. package/dist/SelectBoxTemplate.js.map +1 -1
  76. package/dist/SideNavigation.d.ts +9 -0
  77. package/dist/SideNavigation.js +9 -0
  78. package/dist/SideNavigation.js.map +1 -1
  79. package/dist/SideNavigationItem.js +2 -0
  80. package/dist/SideNavigationItem.js.map +1 -1
  81. package/dist/SideNavigationItemTemplate.d.ts +2 -0
  82. package/dist/SideNavigationItemTemplate.js +15 -0
  83. package/dist/SideNavigationItemTemplate.js.map +1 -0
  84. package/dist/SideNavigationMobile.d.ts +19 -0
  85. package/dist/SideNavigationMobile.js +33 -3
  86. package/dist/SideNavigationMobile.js.map +1 -1
  87. package/dist/SideNavigationMobileTemplate.js +1 -2
  88. package/dist/SideNavigationMobileTemplate.js.map +1 -1
  89. package/dist/SideNavigationSubItem.d.ts +4 -1
  90. package/dist/SideNavigationSubItem.js +22 -10
  91. package/dist/SideNavigationSubItem.js.map +1 -1
  92. package/dist/SideNavigationSubItemTemplate.js +1 -2
  93. package/dist/SideNavigationSubItemTemplate.js.map +1 -1
  94. package/dist/SideNavigationTemplate.d.ts +2 -0
  95. package/dist/SideNavigationTemplate.js +6 -0
  96. package/dist/SideNavigationTemplate.js.map +1 -0
  97. package/dist/TagGroup.d.ts +3 -0
  98. package/dist/TagGroup.js +31 -0
  99. package/dist/TagGroup.js.map +1 -1
  100. package/dist/TagGroupTemplate.js +1 -1
  101. package/dist/TagGroupTemplate.js.map +1 -1
  102. package/dist/assets/{InputSuggestions-1OnUn6pM.js → InputSuggestions-6S5UueXO.js} +2 -2
  103. package/dist/assets/{ListItemStandardExpandableTextTemplate-CoBAMp_v.js → ListItemStandardExpandableTextTemplate-OidrwM_d.js} +2 -2
  104. package/dist/assets/{bundle.esm-BqaVWFKf.js → bundle.esm-DaFsZANO.js} +237 -239
  105. package/dist/assets/messagebundle_ar-22dGHdkl.js +1 -0
  106. package/dist/assets/messagebundle_ar-DbxuUDUB.js +1 -0
  107. package/dist/assets/messagebundle_bg-CaaOz5e4.js +1 -0
  108. package/dist/assets/messagebundle_bg-QOUvq6-8.js +1 -0
  109. package/dist/assets/messagebundle_ca-D-8eSg1w.js +1 -0
  110. package/dist/assets/messagebundle_ca-jsUpFfNJ.js +1 -0
  111. package/dist/assets/messagebundle_cnr-BdSolJRo.js +1 -0
  112. package/dist/assets/messagebundle_cnr-rtr9Ox4O.js +1 -0
  113. package/dist/assets/messagebundle_cs-CbM7zJ23.js +1 -0
  114. package/dist/assets/messagebundle_cy-D5E7e9o1.js +1 -0
  115. package/dist/assets/messagebundle_cy-hajQLyoj.js +1 -0
  116. package/dist/assets/messagebundle_da-C3PD-hWQ.js +1 -0
  117. package/dist/assets/messagebundle_da-DFzvQYW2.js +1 -0
  118. package/dist/assets/messagebundle_de-C106E9io.js +1 -0
  119. package/dist/assets/messagebundle_de-C36z5lgV.js +1 -0
  120. package/dist/assets/messagebundle_el-BLHqa1_J.js +1 -0
  121. package/dist/assets/messagebundle_el-k8W9FVQI.js +1 -0
  122. package/dist/assets/messagebundle_en-ClXds397.js +1 -0
  123. package/dist/assets/messagebundle_en-DgPtAFO8.js +1 -0
  124. package/dist/assets/messagebundle_en_GB-DxulA9qE.js +1 -0
  125. package/dist/assets/messagebundle_en_GB-LxAIZigF.js +1 -0
  126. package/dist/assets/{messagebundle_en_US_sappsd-Se8GgI58.js → messagebundle_en_US_sappsd-TZz2y4pV.js} +1 -1
  127. package/dist/assets/messagebundle_en_US_sappsd-oE0A2op2.js +1 -0
  128. package/dist/assets/messagebundle_en_US_saprigi-C6FsbpF8.js +1 -0
  129. package/dist/assets/{messagebundle_en_US_saprigi-CbfvaHUL.js → messagebundle_en_US_saprigi-CkPhuOLS.js} +1 -1
  130. package/dist/assets/messagebundle_en_US_saptrc-CFSYKuS7.js +1 -0
  131. package/dist/assets/messagebundle_en_US_saptrc-CNZe1wPP.js +1 -0
  132. package/dist/assets/messagebundle_es-C3ijAvKG.js +1 -0
  133. package/dist/assets/messagebundle_es-wi4P-8Bo.js +1 -0
  134. package/dist/assets/messagebundle_es_MX-JEoOD2AD.js +1 -0
  135. package/dist/assets/messagebundle_es_MX-qDQ65ei9.js +1 -0
  136. package/dist/assets/messagebundle_et-C3wgDmm9.js +1 -0
  137. package/dist/assets/messagebundle_et-D4r4iubd.js +1 -0
  138. package/dist/assets/messagebundle_fi-BjyQcbRb.js +1 -0
  139. package/dist/assets/messagebundle_fi-CivJKH9k.js +1 -0
  140. package/dist/assets/messagebundle_fr-BxDSBfD5.js +1 -0
  141. package/dist/assets/messagebundle_fr-JN2VAe-b.js +1 -0
  142. package/dist/assets/messagebundle_fr_CA-FkrcsWH5.js +1 -0
  143. package/dist/assets/messagebundle_fr_CA-phd0XOeR.js +1 -0
  144. package/dist/assets/messagebundle_hi-B_pehoTp.js +1 -0
  145. package/dist/assets/messagebundle_hi-CVOoC3dA.js +1 -0
  146. package/dist/assets/messagebundle_hr-BYS-ya62.js +1 -0
  147. package/dist/assets/messagebundle_hr-DHuCJjK8.js +1 -0
  148. package/dist/assets/messagebundle_hu-Crn0Y1hl.js +1 -0
  149. package/dist/assets/messagebundle_hu-DJL3QHT4.js +1 -0
  150. package/dist/assets/messagebundle_id-BJEG-7Up.js +1 -0
  151. package/dist/assets/messagebundle_id-CgbG2IVb.js +1 -0
  152. package/dist/assets/messagebundle_it-B-E3gO1k.js +1 -0
  153. package/dist/assets/messagebundle_it-DHwy0JuE.js +1 -0
  154. package/dist/assets/messagebundle_iw-BFfL9nZy.js +1 -0
  155. package/dist/assets/messagebundle_iw-BgyHu_0a.js +1 -0
  156. package/dist/assets/messagebundle_ja-BDNEwBMO.js +1 -0
  157. package/dist/assets/messagebundle_ja-eyoqeb4r.js +1 -0
  158. package/dist/assets/messagebundle_kk-BA_1qhYv.js +1 -0
  159. package/dist/assets/messagebundle_kk-CTAXqbPN.js +1 -0
  160. package/dist/assets/messagebundle_ko-C1tsjQMn.js +1 -0
  161. package/dist/assets/messagebundle_ko-CkiNi7iV.js +1 -0
  162. package/dist/assets/messagebundle_lt-Dp0c8r7p.js +1 -0
  163. package/dist/assets/{messagebundle_lt-BGK5mpcm.js → messagebundle_lt-bNum-ekg.js} +1 -1
  164. package/dist/assets/messagebundle_lv-B9UWTGX9.js +1 -0
  165. package/dist/assets/messagebundle_lv-D02PBhtR.js +1 -0
  166. package/dist/assets/messagebundle_mk--Xt_Ciey.js +1 -0
  167. package/dist/assets/messagebundle_mk-D6s2Tr95.js +1 -0
  168. package/dist/assets/messagebundle_ms-BAqsvtp5.js +1 -0
  169. package/dist/assets/messagebundle_ms-BobJaFPp.js +1 -0
  170. package/dist/assets/messagebundle_nl-BJCykHj1.js +1 -0
  171. package/dist/assets/messagebundle_nl-Dj7LaMyb.js +1 -0
  172. package/dist/assets/messagebundle_no-CR_uQXUz.js +1 -0
  173. package/dist/assets/messagebundle_no-CnwJbEW8.js +1 -0
  174. package/dist/assets/messagebundle_pl-D6FQ-6EC.js +1 -0
  175. package/dist/assets/messagebundle_pl-eJC2NE6N.js +1 -0
  176. package/dist/assets/messagebundle_pt-CbdPbTKR.js +1 -0
  177. package/dist/assets/messagebundle_pt-n8LcOyWG.js +1 -0
  178. package/dist/assets/messagebundle_pt_PT-B17ziKL9.js +1 -0
  179. package/dist/assets/messagebundle_pt_PT-BVpS4lrC.js +1 -0
  180. package/dist/assets/messagebundle_ro-C0jrNva4.js +1 -0
  181. package/dist/assets/messagebundle_ro-ixITTbJt.js +1 -0
  182. package/dist/assets/messagebundle_ru-Bh6RMNe2.js +1 -0
  183. package/dist/assets/messagebundle_ru-Dbxms1Xm.js +1 -0
  184. package/dist/assets/messagebundle_sh-CMDXUWge.js +1 -0
  185. package/dist/assets/messagebundle_sh-Cb-sVI_0.js +1 -0
  186. package/dist/assets/messagebundle_sk-DZkkgRSd.js +1 -0
  187. package/dist/assets/{messagebundle_sk-CXOF1RuF.js → messagebundle_sk-Dqb_XwMg.js} +1 -1
  188. package/dist/assets/messagebundle_sl-DIl-2Lb1.js +1 -0
  189. package/dist/assets/messagebundle_sl-Dx6UWXni.js +1 -0
  190. package/dist/assets/messagebundle_sr-DstlyDjZ.js +1 -0
  191. package/dist/assets/messagebundle_sr-yQWBd9jR.js +1 -0
  192. package/dist/assets/messagebundle_sv-Dr2hDyEO.js +1 -0
  193. package/dist/assets/messagebundle_sv-iHKWgaRg.js +1 -0
  194. package/dist/assets/messagebundle_th-DbWfCb5y.js +1 -0
  195. package/dist/assets/messagebundle_th-yLU2SE6L.js +1 -0
  196. package/dist/assets/messagebundle_tr-CIoGg6uY.js +1 -0
  197. package/dist/assets/messagebundle_tr-lAQvvdUi.js +1 -0
  198. package/dist/assets/messagebundle_uk-DIBItAKu.js +1 -0
  199. package/dist/assets/messagebundle_uk-j_sqGY4D.js +1 -0
  200. package/dist/assets/messagebundle_vi-C40OW2eC.js +1 -0
  201. package/dist/assets/messagebundle_vi-xWTpoKPI.js +1 -0
  202. package/dist/assets/messagebundle_zh_CN-CmeOlVfl.js +1 -0
  203. package/dist/assets/messagebundle_zh_CN-U8Z0kuQb.js +1 -0
  204. package/dist/assets/messagebundle_zh_TW-B_1_vc8O.js +1 -0
  205. package/dist/assets/messagebundle_zh_TW-hwHN6ElU.js +1 -0
  206. package/dist/assets/{parameters-bundle.css-Cv89y49I.js → parameters-bundle.css-2ZsUlBNO.js} +299 -151
  207. package/dist/assets/parameters-bundle.css-31Bw5XOG.js +2 -0
  208. package/dist/assets/parameters-bundle.css-BJp4ZvSQ.js +2 -0
  209. package/dist/assets/{parameters-bundle.css-vNsSPPU5.js → parameters-bundle.css-BKlkVfkE.js} +742 -494
  210. package/dist/assets/parameters-bundle.css-BMOU75LU.js +2 -0
  211. package/dist/assets/parameters-bundle.css-BZF5sWSb.js +1 -0
  212. package/dist/assets/{parameters-bundle.css-DmEWEk0u.js → parameters-bundle.css-Bf1GOISM.js} +786 -513
  213. package/dist/assets/parameters-bundle.css-BpWLGMCI.js +2 -0
  214. package/dist/assets/parameters-bundle.css-BsoxE2UF.js +2 -0
  215. package/dist/assets/parameters-bundle.css-CAhrGUcA.js +2 -0
  216. package/dist/assets/{parameters-bundle.css-C3eDVARm.js → parameters-bundle.css-CDJt5bvS.js} +176 -89
  217. package/dist/assets/parameters-bundle.css-CIr3BQBD.js +2 -0
  218. package/dist/assets/parameters-bundle.css-CVUmNgQM.js +2 -0
  219. package/dist/assets/parameters-bundle.css-C_pu3Dce.js +2 -0
  220. package/dist/assets/parameters-bundle.css-ChtqHIDX.js +2 -0
  221. package/dist/assets/parameters-bundle.css-CvaMQVtq.js +1 -0
  222. package/dist/assets/parameters-bundle.css-Cwz89dEH.js +2 -0
  223. package/dist/assets/parameters-bundle.css-CyCovTbK.js +2 -0
  224. package/dist/assets/parameters-bundle.css-Cyf5K2-Q.js +2 -0
  225. package/dist/assets/parameters-bundle.css-DdDLbfHl.js +2 -0
  226. package/dist/assets/{parameters-bundle.css-C5V2Zp_F.js → parameters-bundle.css-Dfz9lgd6.js} +131 -95
  227. package/dist/assets/{parameters-bundle.css-K-MvKimD.js → parameters-bundle.css-DjW0INFD.js} +139 -88
  228. package/dist/assets/parameters-bundle.css-JyFiyY-_.js +2 -0
  229. package/dist/assets/parameters-bundle.css-tf-z7jv9.js +2 -0
  230. package/dist/css/themes/AccordionSpotlight.css +1 -1
  231. package/dist/css/themes/ListGroupHeader.css +1 -1
  232. package/dist/css/themes/MastheadShell.css +1 -1
  233. package/dist/css/themes/SideNavigation.css +1 -1
  234. package/dist/css/themes/SideNavigationItem.css +1 -1
  235. package/dist/css/themes/SideNavigationMobile.css +1 -1
  236. package/dist/css/themes/SideNavigationSubItem.css +1 -1
  237. package/dist/css/themes/Slider.css +1 -1
  238. package/dist/css/themes/Table.css +1 -1
  239. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +0 -1
  240. package/dist/css/themes/sap_glow/parameters-bundle.css +0 -1
  241. package/dist/css/themes/sap_horizon/parameters-bundle.css +0 -1
  242. package/dist/custom-elements-internal.json +1443 -7
  243. package/dist/custom-elements.json +1497 -28
  244. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  245. package/dist/generated/assets/themes/sap_glow/parameters-bundle.css.json +1 -1
  246. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  247. package/dist/generated/i18n/i18n-defaults.d.ts +2 -1
  248. package/dist/generated/i18n/i18n-defaults.js +2 -1
  249. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  250. package/dist/generated/themes/AccordionSpotlight.css.d.ts +1 -1
  251. package/dist/generated/themes/AccordionSpotlight.css.js +1 -1
  252. package/dist/generated/themes/AccordionSpotlight.css.js.map +1 -1
  253. package/dist/generated/themes/ListGroupHeader.css.d.ts +1 -1
  254. package/dist/generated/themes/ListGroupHeader.css.js +1 -1
  255. package/dist/generated/themes/ListGroupHeader.css.js.map +1 -1
  256. package/dist/generated/themes/MastheadShell.css.d.ts +1 -1
  257. package/dist/generated/themes/MastheadShell.css.js +1 -1
  258. package/dist/generated/themes/MastheadShell.css.js.map +1 -1
  259. package/dist/generated/themes/SideNavigation.css.d.ts +1 -1
  260. package/dist/generated/themes/SideNavigation.css.js +1 -1
  261. package/dist/generated/themes/SideNavigation.css.js.map +1 -1
  262. package/dist/generated/themes/SideNavigationItem.css.d.ts +1 -1
  263. package/dist/generated/themes/SideNavigationItem.css.js +1 -1
  264. package/dist/generated/themes/SideNavigationItem.css.js.map +1 -1
  265. package/dist/generated/themes/SideNavigationMobile.css.d.ts +1 -1
  266. package/dist/generated/themes/SideNavigationMobile.css.js +1 -1
  267. package/dist/generated/themes/SideNavigationMobile.css.js.map +1 -1
  268. package/dist/generated/themes/SideNavigationSubItem.css.d.ts +1 -1
  269. package/dist/generated/themes/SideNavigationSubItem.css.js +1 -1
  270. package/dist/generated/themes/SideNavigationSubItem.css.js.map +1 -1
  271. package/dist/generated/themes/Slider.css.d.ts +1 -1
  272. package/dist/generated/themes/Slider.css.js +1 -1
  273. package/dist/generated/themes/Slider.css.js.map +1 -1
  274. package/dist/generated/themes/Table.css.d.ts +1 -1
  275. package/dist/generated/themes/Table.css.js +1 -1
  276. package/dist/generated/themes/Table.css.js.map +1 -1
  277. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +1 -1
  278. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  279. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
  280. package/dist/generated/themes/sap_glow/parameters-bundle.css.d.ts +1 -1
  281. package/dist/generated/themes/sap_glow/parameters-bundle.css.js +1 -1
  282. package/dist/generated/themes/sap_glow/parameters-bundle.css.js.map +1 -1
  283. package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +1 -1
  284. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  285. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  286. package/dist/messagebundle.properties +3 -0
  287. package/dist/vscode.html-custom-data.json +16 -6
  288. package/dist/web-types.json +41 -11
  289. package/package.json +8 -8
  290. package/src/AccordionItemTemplate.tsx +1 -0
  291. package/src/AccordionSpotlight.ts +35 -6
  292. package/src/AccordionSpotlightItem.ts +3 -1
  293. package/src/Carousel.ts +22 -3
  294. package/src/CountrySelector.ts +1 -3
  295. package/src/List.ts +21 -4
  296. package/src/ListGroupHeader.ts +5 -1
  297. package/src/ListGroupHeaderBase.ts +16 -2
  298. package/src/ListGroupHeaderTemplate.tsx +29 -47
  299. package/src/ListItem.ts +14 -13
  300. package/src/ListItemBase.ts +14 -1
  301. package/src/ListItemTemplate.tsx +4 -4
  302. package/src/ListSelectAllTemplate.tsx +10 -8
  303. package/src/ListTemplate.tsx +14 -10
  304. package/src/MastheadCountrySelector.ts +18 -0
  305. package/src/MastheadCountrySelectorTemplate.tsx +2 -0
  306. package/src/MessageStrip.ts +7 -0
  307. package/src/Search.ts +48 -13
  308. package/src/SearchTemplate.tsx +3 -1
  309. package/src/SearchableListBase.ts +15 -3
  310. package/src/SearchableListBaseTemplate.tsx +54 -39
  311. package/src/SelectBase.ts +130 -144
  312. package/src/SelectBox.ts +21 -7
  313. package/src/SelectBoxTemplate.tsx +10 -9
  314. package/src/SideNavigation.ts +17 -0
  315. package/src/SideNavigationItem.ts +2 -0
  316. package/src/SideNavigationItemTemplate.tsx +97 -0
  317. package/src/SideNavigationMobile.ts +53 -2
  318. package/src/SideNavigationMobileTemplate.tsx +3 -5
  319. package/src/SideNavigationSubItem.ts +19 -6
  320. package/src/SideNavigationSubItemTemplate.tsx +10 -7
  321. package/src/SideNavigationTemplate.tsx +17 -0
  322. package/src/TagGroup.ts +32 -0
  323. package/src/TagGroupTemplate.tsx +1 -1
  324. package/src/generated/i18n/i18n-defaults.ts +2 -2
  325. package/src/generated/themes/AccordionSpotlight.css.ts +1 -1
  326. package/src/generated/themes/ListGroupHeader.css.ts +1 -1
  327. package/src/generated/themes/MastheadShell.css.ts +1 -1
  328. package/src/generated/themes/SideNavigation.css.ts +1 -1
  329. package/src/generated/themes/SideNavigationItem.css.ts +1 -1
  330. package/src/generated/themes/SideNavigationMobile.css.ts +1 -1
  331. package/src/generated/themes/SideNavigationSubItem.css.ts +1 -1
  332. package/src/generated/themes/Slider.css.ts +1 -1
  333. package/src/generated/themes/Table.css.ts +1 -1
  334. package/src/generated/themes/sap_fiori_3/parameters-bundle.css.ts +1 -1
  335. package/src/generated/themes/sap_glow/parameters-bundle.css.ts +1 -1
  336. package/src/generated/themes/sap_horizon/parameters-bundle.css.ts +1 -1
  337. package/src/i18n/messagebundle.properties +3 -0
  338. package/src/themes/AccordionSpotlight.css +9 -9
  339. package/src/themes/ListGroupHeader.css +2 -43
  340. package/src/themes/MastheadShell.css +13 -1
  341. package/src/themes/SideNavigation.css +43 -8
  342. package/src/themes/SideNavigationItem.css +56 -6
  343. package/src/themes/SideNavigationMobile.css +62 -15
  344. package/src/themes/SideNavigationSubItem.css +14 -109
  345. package/src/themes/Slider.css +25 -11
  346. package/src/themes/Table.css +6 -1
  347. package/dist/assets/messagebundle_ar-C3EXytoC.js +0 -1
  348. package/dist/assets/messagebundle_ar-DmZrrjEF.js +0 -1
  349. package/dist/assets/messagebundle_bg-BaZ97Q_b.js +0 -1
  350. package/dist/assets/messagebundle_bg-CgU7GPvK.js +0 -1
  351. package/dist/assets/messagebundle_ca-BwjVUbUA.js +0 -1
  352. package/dist/assets/messagebundle_ca-YiUGbO_8.js +0 -1
  353. package/dist/assets/messagebundle_cnr-CN2hPZIN.js +0 -1
  354. package/dist/assets/messagebundle_cnr-zdEdPJvc.js +0 -1
  355. package/dist/assets/messagebundle_cs-CGbnEjza.js +0 -1
  356. package/dist/assets/messagebundle_cy-BF0YH9Iz.js +0 -1
  357. package/dist/assets/messagebundle_cy-CUiGsjO6.js +0 -1
  358. package/dist/assets/messagebundle_da-CWKLQJiq.js +0 -1
  359. package/dist/assets/messagebundle_da-bTkr4pUc.js +0 -1
  360. package/dist/assets/messagebundle_de-BmnClk4G.js +0 -1
  361. package/dist/assets/messagebundle_de-vB6qhgvG.js +0 -1
  362. package/dist/assets/messagebundle_el-DKdItEgW.js +0 -1
  363. package/dist/assets/messagebundle_el-Gv1Ly8aj.js +0 -1
  364. package/dist/assets/messagebundle_en-DbKo-Dkl.js +0 -1
  365. package/dist/assets/messagebundle_en-DcV886MF.js +0 -1
  366. package/dist/assets/messagebundle_en_GB-Be93_Z4H.js +0 -1
  367. package/dist/assets/messagebundle_en_GB-CFh7e8hQ.js +0 -1
  368. package/dist/assets/messagebundle_en_US_sappsd-HCarC-Yr.js +0 -1
  369. package/dist/assets/messagebundle_en_US_saprigi-CCHFk7YZ.js +0 -1
  370. package/dist/assets/messagebundle_en_US_saptrc-B8AIRzlo.js +0 -1
  371. package/dist/assets/messagebundle_en_US_saptrc-yJ3PcdEm.js +0 -1
  372. package/dist/assets/messagebundle_es-BH-a8BxO.js +0 -1
  373. package/dist/assets/messagebundle_es-Dt93wbGV.js +0 -1
  374. package/dist/assets/messagebundle_es_MX-BedlYlF3.js +0 -1
  375. package/dist/assets/messagebundle_es_MX-COPqooo9.js +0 -1
  376. package/dist/assets/messagebundle_et-BsYgDw46.js +0 -1
  377. package/dist/assets/messagebundle_et-UwpqUE-p.js +0 -1
  378. package/dist/assets/messagebundle_fi-BN3UWEz0.js +0 -1
  379. package/dist/assets/messagebundle_fi-Cwf7Puui.js +0 -1
  380. package/dist/assets/messagebundle_fr-43w09LAE.js +0 -1
  381. package/dist/assets/messagebundle_fr-CVRaf9_H.js +0 -1
  382. package/dist/assets/messagebundle_fr_CA-BM04X6xU.js +0 -1
  383. package/dist/assets/messagebundle_fr_CA-CdnVYumi.js +0 -1
  384. package/dist/assets/messagebundle_hi-DfeonbAH.js +0 -1
  385. package/dist/assets/messagebundle_hi-JRJlP9Uh.js +0 -1
  386. package/dist/assets/messagebundle_hr-CKOnn34q.js +0 -1
  387. package/dist/assets/messagebundle_hr-CbyIBlH3.js +0 -1
  388. package/dist/assets/messagebundle_hu-DF1gQudE.js +0 -1
  389. package/dist/assets/messagebundle_hu-D_IQ9kTy.js +0 -1
  390. package/dist/assets/messagebundle_id-B0K1usj4.js +0 -1
  391. package/dist/assets/messagebundle_id-gDJYoaGq.js +0 -1
  392. package/dist/assets/messagebundle_it-B80_R2Ih.js +0 -1
  393. package/dist/assets/messagebundle_it-CVqU4g6t.js +0 -1
  394. package/dist/assets/messagebundle_iw-BoelOIS4.js +0 -1
  395. package/dist/assets/messagebundle_iw-iMDtLxaa.js +0 -1
  396. package/dist/assets/messagebundle_ja-BlRbv4vb.js +0 -1
  397. package/dist/assets/messagebundle_ja-BrDH-19-.js +0 -1
  398. package/dist/assets/messagebundle_kk-C7VPek1-.js +0 -1
  399. package/dist/assets/messagebundle_kk-DhAT_bim.js +0 -1
  400. package/dist/assets/messagebundle_ko-CIqP8x6n.js +0 -1
  401. package/dist/assets/messagebundle_ko-DgD6uyZ5.js +0 -1
  402. package/dist/assets/messagebundle_lt-BV0kKrY0.js +0 -1
  403. package/dist/assets/messagebundle_lv-5IcjoxWD.js +0 -1
  404. package/dist/assets/messagebundle_lv-DDBi7iKe.js +0 -1
  405. package/dist/assets/messagebundle_mk-BUrn04sZ.js +0 -1
  406. package/dist/assets/messagebundle_mk-P5veRdg2.js +0 -1
  407. package/dist/assets/messagebundle_ms-9VDLR5en.js +0 -1
  408. package/dist/assets/messagebundle_ms-CB8sQUg2.js +0 -1
  409. package/dist/assets/messagebundle_nl-BaAgPO7h.js +0 -1
  410. package/dist/assets/messagebundle_nl-f1Up3dB9.js +0 -1
  411. package/dist/assets/messagebundle_no-C-_ldp7o.js +0 -1
  412. package/dist/assets/messagebundle_no-DRSqWQ-C.js +0 -1
  413. package/dist/assets/messagebundle_pl-BQoPaokq.js +0 -1
  414. package/dist/assets/messagebundle_pl-DBO1atMe.js +0 -1
  415. package/dist/assets/messagebundle_pt-BNEglYxa.js +0 -1
  416. package/dist/assets/messagebundle_pt-DgAMHmW-.js +0 -1
  417. package/dist/assets/messagebundle_pt_PT-BtYzp9KB.js +0 -1
  418. package/dist/assets/messagebundle_pt_PT-D1Ef8kUU.js +0 -1
  419. package/dist/assets/messagebundle_ro-CuDPp2fe.js +0 -1
  420. package/dist/assets/messagebundle_ro-D591wJ6f.js +0 -1
  421. package/dist/assets/messagebundle_ru-D0NridWi.js +0 -1
  422. package/dist/assets/messagebundle_ru-I8YLCfrn.js +0 -1
  423. package/dist/assets/messagebundle_sh-BswdbSRi.js +0 -1
  424. package/dist/assets/messagebundle_sh-Dw2y_oct.js +0 -1
  425. package/dist/assets/messagebundle_sk-BG4S4ZVk.js +0 -1
  426. package/dist/assets/messagebundle_sl-CAnJO_8X.js +0 -1
  427. package/dist/assets/messagebundle_sl-kpVWxIp_.js +0 -1
  428. package/dist/assets/messagebundle_sr-BTWvO8VQ.js +0 -1
  429. package/dist/assets/messagebundle_sr-VJmRSdj4.js +0 -1
  430. package/dist/assets/messagebundle_sv-B-RCgnW_.js +0 -1
  431. package/dist/assets/messagebundle_sv-Bd4wCcDb.js +0 -1
  432. package/dist/assets/messagebundle_th-CMHmLdI3.js +0 -1
  433. package/dist/assets/messagebundle_th-CZ1imsCy.js +0 -1
  434. package/dist/assets/messagebundle_tr-BfWAYIdW.js +0 -1
  435. package/dist/assets/messagebundle_tr-D-BnBirv.js +0 -1
  436. package/dist/assets/messagebundle_uk-DhxIThVl.js +0 -1
  437. package/dist/assets/messagebundle_uk-HU8hI0yj.js +0 -1
  438. package/dist/assets/messagebundle_vi-BUTqUKd4.js +0 -1
  439. package/dist/assets/messagebundle_vi-D1El4_Wj.js +0 -1
  440. package/dist/assets/messagebundle_zh_CN-Dt0azUea.js +0 -1
  441. package/dist/assets/messagebundle_zh_CN-Ofgx2uXY.js +0 -1
  442. package/dist/assets/messagebundle_zh_TW-5lv7yYS1.js +0 -1
  443. package/dist/assets/messagebundle_zh_TW-LSErOAsd.js +0 -1
  444. package/dist/assets/parameters-bundle.css-B68EyCuR.js +0 -278
  445. package/dist/assets/parameters-bundle.css-BkJSEiFx.js +0 -278
  446. package/dist/assets/parameters-bundle.css-CI4HNvFw.js +0 -1
  447. package/dist/assets/parameters-bundle.css-COeynv6D.js +0 -277
  448. package/dist/assets/parameters-bundle.css-CRa5DITh.js +0 -1
  449. package/dist/assets/parameters-bundle.css-CnIzAMdG.js +0 -3
  450. package/dist/assets/parameters-bundle.css-CsV5qbZp.js +0 -3
  451. package/dist/assets/parameters-bundle.css-DCvHNL3s.js +0 -3
  452. package/dist/assets/parameters-bundle.css-DK40uKOQ.js +0 -3
  453. package/dist/assets/parameters-bundle.css-DMfTAqMv.js +0 -2
  454. package/dist/assets/parameters-bundle.css-DO35k9r0.js +0 -2
  455. package/dist/assets/parameters-bundle.css-Df7wtRW4.js +0 -2
  456. package/dist/assets/parameters-bundle.css-DvAfqdlT.js +0 -3
  457. package/dist/assets/parameters-bundle.css-KoXGNyLG.js +0 -3
  458. package/dist/assets/parameters-bundle.css-P_M_rm9z.js +0 -3
  459. package/dist/assets/parameters-bundle.css-UJIxXHL5.js +0 -2
  460. package/dist/assets/parameters-bundle.css-co26r5Nz.js +0 -3
  461. package/dist/assets/parameters-bundle.css-uT62L0va.js +0 -3
  462. package/dist/css/themes/SideNavigationMobileDropdown.css +0 -1
  463. package/dist/generated/themes/SideNavigationMobileDropdown.css.d.ts +0 -2
  464. package/dist/generated/themes/SideNavigationMobileDropdown.css.js +0 -8
  465. package/dist/generated/themes/SideNavigationMobileDropdown.css.js.map +0 -1
  466. package/src/generated/themes/SideNavigationMobileDropdown.css.ts +0 -9
  467. package/src/themes/SideNavigationMobileDropdown.css +0 -36
package/dist/assets/{parameters-bundle.css-C5V2Zp_F.js → parameters-bundle.css-Dfz9lgd6.js} RENAMED
@@ -15,10 +15,12 @@ const _=`:host {
15
15
  --_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);
16
16
  --_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
17
17
  --_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);
18
- --_ui5-notification_item-border-radius: var(--sapTile_BorderCornerRadius);
19
- --_ui5-notification_group_header-border-bottom-width: 0;
20
18
  --_ui5-notification_group_header-margin: 0px;
21
19
  --_ui5-notification_group_header-margin-expanded: .5rem;
20
+ --_ui5-notification_item-description-margin-top: .75rem;
21
+ --_ui5-notification_item-footer-margin-top: .75rem;
22
+ --_ui5-notification_item-border-radius: var(--sapTile_BorderCornerRadius);
23
+ --_ui5-notification_group_header-border-bottom-width: 0;
22
24
  --_ui5-notification_group_header-padding: .5rem;
23
25
  --_ui5-notification_item-state-icon-padding: .25rem;
24
26
  --_ui5-notification_item-border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);
@@ -30,10 +32,8 @@ const _=`:host {
30
32
  --_ui5-notification_item-root-padding-inline: 1rem;
31
33
  --_ui5-notification_item-content-padding: .75rem 0;
32
34
  --_ui5-notification_item-title-margin-bottom: 0;
33
- --_ui5-notification_item-title-padding-end-two-buttons: var(--_ui5-compact-size, 3.875rem) var(--_ui5-cozy-size, 4.875rem);
34
- --_ui5-notification_item-title-padding-end-one-button: var(--_ui5-compact-size, 1.875rem) var(--_ui5-cozy-size, 2.375rem);
35
- --_ui5-notification_item-description-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);
36
- --_ui5-notification_item-footer-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);
35
+ --_ui5-notification_item-title-padding-end-two-buttons: 4.875rem;
36
+ --_ui5-notification_item-title-padding-end-one-button: 2.375rem;
37
37
  --_ui5-notification_item-focus-offset: .1875rem;
38
38
  --_ui5-notification_item-outline-offset: -.375rem;
39
39
  --_ui5-notification_item-growing-btn-background-color-active: var(--_ui5-notification_item-background-color-active);
@@ -44,66 +44,66 @@ const _=`:host {
44
44
  --_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);
45
45
  --_ui5_product_switch_item_outline_offset: -.25rem;
46
46
  --_ui5_product_switch_item_border: 1px solid var(--sapField_BorderColor);
47
- --_ui5_side_navigation_width: 16rem;
48
- --_ui5_side_navigation_collapsed_width: 4rem;
49
47
  --_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;
50
48
  --_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);
51
49
  --_ui5_side_navigation_navigation_separator_radius: unset;
52
- --_ui5_side_navigation_navigation_separator_height: .0625rem;
53
50
  --_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);
51
+ --_ui5_side_navigation_icon_color: var(--sapContent_IconColor);
52
+ --_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);
53
+ --_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;
54
+ --_ui5_side_navigation_item_height: 2.75rem;
55
+ --_ui5_side_navigation_item_margin: .875rem;
56
+ --_ui5_side_navigation_item_expand_arrow_padding: .6875rem;
57
+ --_ui5_side_navigation_item_border_radius: 0;
58
+ --_ui5_side_navigation_item_transition: none;
59
+ --_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);
60
+ --_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);
61
+ --_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);
62
+ --_ui5_side_navigation_item_font_family: var(--sapFontFamily);
63
+ --_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);
64
+ --_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);
65
+ --_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);
66
+ --_ui5_side_navigation_item_expand_icon_right: -.5rem;
67
+ --_ui5_side_navigation_item_expand_icon_hover_left: auto;
68
+ --_ui5_side_navigation_item_expand_icon_hover_right: 0;
69
+ --_ui5_side_navigation_width: 16rem;
70
+ --_ui5_side_navigation_collapsed_width: 4rem;
71
+ --_ui5_side_navigation_navigation_separator_height: .0625rem;
54
72
  --_ui5_side_navigation_border_right: 0;
55
73
  --_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);
56
74
  --_ui5_side_navigation_triangle_display: none;
57
- --_ui5_side_navigation_icon_color: var(--sapContent_IconColor);
58
75
  --_ui5_side_navigation_expand_icon_color: var(--sapContent_NonInteractiveIconColor);
59
76
  --_ui5_side_navigation_expand_icon_width: 2.25rem;
60
- --_ui5_side_navigation_hover_border_style_color: solid var(--sapList_SelectionBorderColor);
61
- --_ui5_side_navigation_hover_border_width: .0625rem;
62
- --_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);
63
- --_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;
64
- --_ui5_side_navigation_item_border_style_color: solid var(--sapList_BorderColor);
65
- --_ui5_side_navigation_item_border_width: 0 0 .0625rem 0;
66
- --_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);
67
- --_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);
68
- --_ui5_side_navigation_item_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);
69
- --_ui5_side_navigation_item_border_radius: 0;
70
77
  --_ui5_side_navigation_item_bottom_margin: .25rem;
71
78
  --_ui5_side_navigation_item_padding_start_in_popup: 1rem;
72
79
  --_ui5_side_navigation_item_padding_start_in_overflow_popup: 1rem;
73
- --_ui5_side_navigation_item_transition: none;
74
80
  --_ui5_side_navigation_item_padding_left: 1rem;
75
81
  --_ui5_side_navigation_item_focus_border_offset: 0;
76
- --_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);
82
+ --_ui5_side_navigation_item_border_style_color: solid var(--sapList_BorderColor);
83
+ --_ui5_side_navigation_item_border_width: 0 0 .0625rem 0;
84
+ --_ui5_side_navigation_group_expanded_border_width: var(--_ui5_side_navigation_item_border_width);
85
+ --_ui5_side_navigation_last_item_border_style: solid transparent;
86
+ --_ui5_side_navigation_hover_border_style_color: solid var(--sapList_SelectionBorderColor);
87
+ --_ui5_side_navigation_hover_border_width: .0625rem;
88
+ --_ui5_side_navigation_selected_border_width: .0625rem;
77
89
  --_ui5_side_navigation_collapsed_selected_item_background: 0 100% / .188rem 100% no-repeat linear-gradient(0deg, var(--sapHighlightColor), var(--sapHighlightColor)), var(--sapList_SelectionBackgroundColor);
78
90
  --_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / .188rem 100% no-repeat linear-gradient(0deg, var(--sapHighlightColor), var(--sapHighlightColor)), var(--sapList_Hover_SelectionBackground);
79
- --_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);
80
- --_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);
81
91
  --_ui5_side_navigation_selected_and_focused_border_style_color: none;
82
- --_ui5_side_navigation_selected_border_width: .0625rem;
83
- --_ui5_side_navigation_group_expanded_border_width: var(--_ui5_side_navigation_item_border_width);
84
92
  --_ui5_side_navigation_group_icon_width: 2.5rem;
85
93
  --_ui5_side_navigation_icon_padding_inline_end: .5rem;
86
- --_ui5_side_navigation_item_font_family: var(--sapFontFamily);
87
- --_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);
88
94
  --_ui5_side_navigation_group_padding: 1rem;
89
95
  --_ui5_side_navigation_padding-flexible: .5rem .5rem 0 .5rem;
90
96
  --_ui5_side_navigation_padding-fixed: 0 .5rem .5rem .5rem;
91
97
  --_ui5_side_navigation_popup_padding: .5rem;
92
98
  --_ui5_side_navigation_popup_title_line_height: 1.5rem;
93
99
  --_ui5_side_navigation_first_fixed_item_margin_top: .125rem;
100
+ --_ui5_side_navigation_active_text_color: var(--sapButton_TextColor);
94
101
  --_ui5_side_navigation_item_expand_icon_visibility: block;
95
102
  --_ui5_side_navigation_item_collapsed_hover_focus_width: fit-content;
96
103
  --_ui5_side_navigation_item_collapsed_hover_focus_display: block;
97
104
  --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 1rem;
98
105
  --_ui5_side_navigation_action_item_collapsed_padding: 1rem;
99
106
  --_ui5_side_navigation_item_collapsed_padding: 3rem;
100
- --_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);
101
- --_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);
102
- --_ui5_side_navigation_item_expand_icon_right: -.5rem;
103
- --_ui5_side_navigation_item_expand_icon_hover_left: auto;
104
- --_ui5_side_navigation_item_expand_icon_hover_right: 0;
105
- --_ui5_side_navigation_active_text_color: var(--sapButton_TextColor);
106
- --_ui5_side_navigation_last_item_border_style: solid transparent;
107
107
  --_ui5_TimelineItem_arrow_size: 1.625rem;
108
108
  --_ui5_TimelineItem_bubble_border_width: .0625rem;
109
109
  --_ui5_TimelineItem_bubble_border_style: dotted;
@@ -113,120 +113,120 @@ const _=`:host {
113
113
  --_ui5_TimelineItem_bubble_border_right: -.125rem;
114
114
  --_ui5_TimelineItem_bubble_border_bottom: -.125rem;
115
115
  --_ui5_TimelineItem_bubble_border_left: -.625rem;
116
- --_ui5_TimelineItem_bubble_rtl_left_offset: -.1875rem;
117
- --_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;
118
116
  --_ui5_TimelineItem_bubble_focus_border_radius: 0;
119
117
  --_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;
120
118
  --_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;
121
119
  --_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);
122
120
  --_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;
123
121
  --_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;
124
- --_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);
125
- --_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);
126
- --_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);
127
- --_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);
128
- --_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);
129
- --_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);
130
- --_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);
131
- --_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, calc(-100% + .9375rem) ) var(--_ui5-cozy-size, calc(-100% - 1rem) );
132
- --_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + 1rem) );
133
- --_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);
134
- --_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );
135
- --_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);
136
- --_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );
137
- --_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );
138
- --_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );
139
- --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );
140
- --_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);
141
- --ui5_upload_collection_drag_overlay_border: .1875rem dashed var(--sapField_BorderColor);
142
- --ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_DragAndDropActiveColor);
143
- --ui5_upload_collection_drop_overlay_background: var(--sapContent_DragAndDropActiveColor);
122
+ --_ui5_tl_bubble_padding: 1rem;
123
+ --_ui5_tl_padding: 1rem 1rem 1rem .5rem;
124
+ --_ui5_tl_li_margin_bottom: 1.625rem;
125
+ --_ui5_timeline_tli_indicator_before_bottom: -1.5rem;
126
+ --_ui5_timeline_tli_indicator_before_right: -1.625rem;
127
+ --_ui5_timeline_tli_indicator_before_without_icon_bottom: -1.875rem;
128
+ --_ui5_timeline_tli_indicator_before_without_icon_right: -1.9375rem;
129
+ --_ui5_timeline_tli_indicator_after_top: calc(-100% - 1rem) ;
130
+ --_ui5_timeline_tli_indicator_after_height: calc(100% + 1rem) ;
131
+ --_ui5_timeline_tli_indicator_before_height: 100%;
132
+ --_ui5_timeline_tli_horizontal_indicator_after_width: calc(100% + .25rem) ;
133
+ --_ui5_timeline_tli_horizontal_indicator_after_left: 1.9375rem;
134
+ --_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: calc(100% + .5rem) ;
135
+ --_ui5_timeline_tli_horizontal_indicator_before_width: calc(100% + .5rem) ;
136
+ --_ui5_timeline_tli_icon_horizontal_indicator_after_width: calc(100% + .25rem) ;
137
+ --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: calc(100% + .375rem) ;
138
+ --_ui5_timeline_tli_horizontal_indicator_short_after_width: 100%;
139
+ --_ui5_TimelineItem_bubble_rtl_left_offset: -.1875rem;
140
+ --_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;
144
141
  --ui5_upload_collection_thumbnail_size: 3rem;
145
142
  --ui5_upload_collection_thumbnail_margin_inline_end: .75rem;
146
- --ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;
147
143
  --ui5_upload_collection_small_size_buttons_margin_inline_start: 0;
144
+ --ui5_upload_collection_drag_overlay_border_radius: 0;
145
+ --ui5_upload_collection_drag_overlay_border: .1875rem dashed var(--sapField_BorderColor);
146
+ --ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_DragAndDropActiveColor);
147
+ --ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;
148
148
  --ui5_upload_collection_drag_overlay_text_color: var(--sapTextColor);
149
149
  --ui5_upload_collection_drag_overlay_icon_color: var(--sapTextColor);
150
- --ui5_upload_collection_drag_overlay_border_radius: 0;
150
+ --ui5_upload_collection_drop_overlay_background: var(--sapContent_DragAndDropActiveColor);
151
151
  --ui5_upload_collection_drag_overlay_opacity: .5;
152
- --_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);
153
- --_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);
152
+ --_ui5_vsd_header_container: 2.75rem;
153
+ --_ui5_vsd_sub_header_container_height: 2.75rem;
154
154
  --_ui5_vsd_content_li_padding: .375rem;
155
155
  --_ui5_vsd_content_height: 23.4375rem;
156
- --_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);
156
+ --_ui5_vsd_expand_content_height: 26.1875rem;
157
157
  --_ui5_wiz_content_item_wrapper_padding: 1rem;
158
158
  --_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);
159
+ --_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);
160
+ --_ui5_wiz_tab_focus_border_radius: 0;
159
161
  --_ui5_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);
160
- --_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);
161
- --_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);
162
162
  --_ui5_wiz_tab_selection_line: var(--sapTextColor);
163
+ --_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);
163
164
  --_ui5_wiz_tab_icon_color: var(--sapTextColor);
164
165
  --_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);
165
- --_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);
166
+ --_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);
166
167
  --_ui5_wiz_tab_title_font_family: var(--sapFontFamily);
167
- --_ui5_wiz_tab_focus_border_radius: 0;
168
- --_ui5_shellbar_root_height: 3.25rem;
169
168
  --_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);
170
169
  --_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);
171
- --_ui5_shellbar_outline_offset: -.1875rem;
172
170
  --_ui5_shellbar_button_box_shadow: none;
173
171
  --_ui5_shellbar_button_box_shadow_active: none;
174
- --_ui5_shellbar_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
175
- --_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);
176
- --_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);
177
172
  --_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);
178
173
  --_ui5_shellbar_search_field_background: var(--sapShellColor);
179
174
  --_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);
180
175
  --_ui5_shellbar_search_field_box_shadow: none;
181
176
  --_ui5_shellbar_search_field_color: var(--sapShell_TextColor);
182
- --_ui5_shellbar_search_field_outline_focused: none;
183
177
  --_ui5_shellbar_search_field_width: 25rem;
184
178
  --_ui5_shellbar_input_focus_outline_color: inherit;
185
179
  --_ui5_shellbar_overflow_container_middle_height: 2.5rem;
186
- --_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);
187
180
  --_ui5_shellbar_image_button_border_radius: 50%;
188
181
  --_ui5-shellbar-content-margin-start: .5rem;
189
182
  --_ui5-shellbar-overflow-button-margin: .5rem;
190
183
  --_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);
191
184
  --_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);
185
+ --_ui5_shellbar_root_height: 3.25rem;
186
+ --_ui5_shellbar_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
187
+ --_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);
188
+ --_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);
192
189
  --_ui5_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);
190
+ --_ui5_shellbar_outline_offset: -.1875rem;
191
+ --_ui5_shellbar_search_field_outline_focused: none;
193
192
  --_ui5_shellbar_search_field_background_hover: var(--sapShellColor);
194
193
  --_ui5_shellbar_search_field_box_shadow_hover: none;
194
+ --_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);
195
+ --_ui5-search-wrapper-hover-background-color: none;
196
+ --_ui5-search-wrapper-active-background-color: none;
197
+ --_ui5_seach_filter_button_border_hover: 1px solid var(--sapButton_Hover_BorderColor);
198
+ --_ui5-search-filter_button_background_color: inherit;
199
+ --_ui5_search_icon_size_default: 2.25rem;
200
+ --_ui5-search-loading-overlay-background: var(--sapBackgroundColor);
201
+ --_ui5-search-field-text-color: var(--sapField_TextColor);
202
+ --_ui5-search-scope-spacing: 0 .25rem;
195
203
  --_ui5_search_icon_border_radius: .375rem;
196
204
  --_ui5_search_input_border_radius: none;
197
205
  --_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);
198
- --_ui5-search-icon-border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
199
206
  --_ui5-search-wrapper-background: none;
200
207
  --_ui5_search_separator_background: none;
201
208
  --_ui5-search-wrapper-hover-background: none;
202
- --_ui5-search-wrapper-hover-background-color: none;
203
- --_ui5-search-wrapper-active-background-color: none;
204
- --_ui5-search-elements-hover-background: none;
205
- --_ui5-search-elements-active-background: none;
206
209
  --_ui5_search_input_scope_margin: 0;
207
210
  --_ui5-search_input_scope_hover_shadow: none;
208
211
  --_ui5-search_input_scope_active_shadow: none;
209
212
  --_ui5-search-elements-background: var(--sapShell_InteractiveBackground);
213
+ --_ui5-search-elements-hover-background: none;
214
+ --_ui5-search-elements-active-background: none;
210
215
  --_ui5_search_wrapper_outline: none;
211
216
  --_ui5_search_input_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);
212
217
  --_ui5_search_filter_button_border_radius: .375rem;
213
- --_ui5_seach_filter_button_border_hover: 1px solid var(--sapButton_Hover_BorderColor);
214
218
  --_ui5_search_filter_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
215
- --_ui5-search-filter_button_background_color: inherit;
216
219
  --ui5_search_filter_button_background_active: var(--sapShell_Hover_Background);
217
220
  --_ui5_search_icon_size: 2.25rem;
218
- --_ui5_search_icon_size_default: 2.25rem;
219
221
  --_ui5_search_icon_padding: .5625rem;
220
222
  --_ui5_search_icon_hover_padding: .5625rem;
221
223
  --_ui5_search_input_start_margin: .25rem;
222
224
  --_ui5_search_input_end_padding: .25rem;
223
225
  --_ui5-search-input-start-padding: .625rem;
224
226
  --_ui5-search-select-height: 2.25rem;
225
- --_ui5-search-loading-overlay-background: var(--sapBackgroundColor);
227
+ --_ui5-search-icon-border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
226
228
  --_ui5-search-loading-overlay-transparency: .3;
227
- --_ui5-search-field-text-color: var(--sapField_TextColor);
228
- --_ui5-search-scope-spacing: 0 .25rem;
229
- --_ui5_search_item_vertical_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);
229
+ --_ui5_search_item_vertical_padding: 1rem;
230
230
  --_ui5_search_byline_vertical_padding: .5rem;
231
231
  --_ui5_search_popover_max_height: 39rem;
232
232
  --_ui5_dynamic_page_footer_spacer: 4rem;
@@ -246,16 +246,15 @@ const _=`:host {
246
246
  --_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);
247
247
  --_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);
248
248
  --_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);
249
- --_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);
250
249
  --_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);
251
250
  --_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);
251
+ --_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);
252
252
  --_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);
253
253
  --_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);
254
254
  --_ui5_dynamic_page_title_padding_top: .5rem;
255
255
  --_ui5_dynamic_page_title_padding_bottom: .5rem;
256
256
  --_ui5_dynamic_page_title_min_height: 4rem;
257
257
  --_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
258
- --_ui5_dynamic_page_title_focus_outline_offset: -.125rem;
259
258
  --_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;
260
259
  --_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;
261
260
  --_ui5_dynamic_page_title_heading_padding_top: .3125rem;
@@ -266,13 +265,50 @@ const _=`:host {
266
265
  --sapContent_TextShadow: none;
267
266
  --_ui5_dynamic_page_title_border: .0625rem solid transparent;
268
267
  --_ui5_dynamic_page_title_hover_border: .0625rem solid var(--sapObjectHeader_BorderColor);
268
+ --_ui5_dynamic_page_title_focus_outline_offset: -.125rem;
269
269
  --_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;
270
- --_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 20.90625rem) var(--_ui5-cozy-size, 21.53125rem);
271
- --_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
272
- --_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tlgi_compact_icon_before_height)) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
273
- --_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
274
- --_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
275
- --_ui5_user_settings_avatar_cozy_display: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, inline-block);
276
- --_ui5_user_settings_avatar_compact_display: var(--_ui5-compact-size, inline-block) var(--_ui5-cozy-size, none);
277
- --_ui5_user_settings_item_title_font_size: var(--_ui5-compact-size, var(--sapFontLargeSize)) var(--_ui5-cozy-size, var(--sapFontSize))
270
+ --_ui5_timeline_tlgi_root_horizontal_height: 21.53125rem;
271
+ --_ui5_user_settings_avatar_cozy_display: inline-block;
272
+ --_ui5_user_settings_avatar_compact_display: none;
273
+ --_ui5_user_settings_item_title_font_size: var(--sapFontSize)
274
+ }
275
+ @container style(--ui5_content_density: compact) {
276
+ :host {
277
+ --_ui5-notification_item-description-margin-top: .5rem;
278
+ --_ui5-notification_item-footer-margin-top: .5rem;
279
+ --_ui5-notification_item-title-padding-end-two-buttons: 3.875rem;
280
+ --_ui5-notification_item-title-padding-end-one-button: 1.875rem;
281
+ --_ui5_side_navigation_item_height: 2rem;
282
+ --_ui5_side_navigation_item_expand_arrow_padding: .3125rem;
283
+ --_ui5_side_navigation_item_margin: .5rem;
284
+ --_ui5_tl_bubble_padding: .5rem;
285
+ --_ui5_tl_padding: .5rem;
286
+ --_ui5_tl_li_margin_bottom: .5rem;
287
+ --_ui5_timeline_tli_indicator_before_bottom: -.75rem;
288
+ --_ui5_timeline_tli_indicator_before_right: -.5rem;
289
+ --_ui5_timeline_tli_indicator_before_without_icon_bottom: -1rem;
290
+ --_ui5_timeline_tli_indicator_before_without_icon_right: -.8125rem;
291
+ --_ui5_timeline_tli_indicator_before_height: calc(100% - 1.25rem) ;
292
+ --_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5_timeline_tli_indicator_after_height);
293
+ --_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5_timeline_tli_indicator_after_height);
294
+ --_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5_timeline_tli_indicator_after_height);
295
+ --_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5_timeline_tli_indicator_after_height);
296
+ --_ui5_timeline_tli_indicator_after_top: calc(-100% + .9375rem) ;
297
+ --_ui5_timeline_tli_indicator_after_height: calc(100% - .75rem) ;
298
+ --_ui5_timeline_tli_horizontal_indicator_after_left: 1.8625rem;
299
+ --_ui5_timeline_tli_horizontal_indicator_short_after_width: calc(100% - 1rem) ;
300
+ --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: calc(100% - .625rem) ;
301
+ --_ui5_vsd_header_container: 2.5rem;
302
+ --_ui5_vsd_sub_header_container_height: 2rem;
303
+ --_ui5_vsd_expand_content_height: 25.4375rem;
304
+ --_ui5_search_item_vertical_padding: .5rem;
305
+ --_ui5_timeline_tlgi_compact_icon_before_height: calc(100% + 1.5rem) ;
306
+ --_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5_timeline_tlgi_compact_icon_before_height);
307
+ --_ui5_timeline_tlgi_horizontal_compact_root_margin_left: .5rem;
308
+ --_ui5_timeline_tlgi_compact_root_gap: .5rem;
309
+ --_ui5_timeline_tlgi_root_horizontal_height: 20.90625rem;
310
+ --_ui5_user_settings_avatar_cozy_display: none;
311
+ --_ui5_user_settings_avatar_compact_display: inline-block;
312
+ --_ui5_user_settings_item_title_font_size: var(--sapFontLargeSize)
313
+ }
278
314
  }`;export{_ as default};