@ui5/webcomponents 2.20.0-rc.0 → 2.20.0-rc.2

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 (326) hide show
  1. package/CHANGELOG.md +40 -0
  2. package/dist/.tsbuildinfo +1 -1
  3. package/dist/Avatar.d.ts +23 -2
  4. package/dist/Avatar.js +41 -4
  5. package/dist/Avatar.js.map +1 -1
  6. package/dist/AvatarGroup.js +2 -0
  7. package/dist/AvatarGroup.js.map +1 -1
  8. package/dist/AvatarGroupTemplate.js +8 -1
  9. package/dist/AvatarGroupTemplate.js.map +1 -1
  10. package/dist/AvatarTemplate.js +1 -1
  11. package/dist/AvatarTemplate.js.map +1 -1
  12. package/dist/ComboBox.d.ts +19 -0
  13. package/dist/ComboBox.js +58 -2
  14. package/dist/ComboBox.js.map +1 -1
  15. package/dist/ComboBoxItem.d.ts +23 -0
  16. package/dist/ComboBoxItem.js +4 -0
  17. package/dist/ComboBoxItem.js.map +1 -1
  18. package/dist/List.js +6 -0
  19. package/dist/List.js.map +1 -1
  20. package/dist/ListItem.js +1 -1
  21. package/dist/ListItem.js.map +1 -1
  22. package/dist/ListItemCustom.d.ts +2 -14
  23. package/dist/ListItemCustom.js +31 -66
  24. package/dist/ListItemCustom.js.map +1 -1
  25. package/dist/ListItemGroup.d.ts +1 -0
  26. package/dist/ListItemGroup.js +1 -0
  27. package/dist/ListItemGroup.js.map +1 -1
  28. package/dist/ListItemGroupTemplate.js +1 -1
  29. package/dist/ListItemGroupTemplate.js.map +1 -1
  30. package/dist/Menu.d.ts +2 -1
  31. package/dist/Menu.js +14 -7
  32. package/dist/Menu.js.map +1 -1
  33. package/dist/MenuItem.d.ts +1 -0
  34. package/dist/MenuItem.js +6 -2
  35. package/dist/MenuItem.js.map +1 -1
  36. package/dist/Panel.d.ts +3 -0
  37. package/dist/Panel.js +13 -0
  38. package/dist/Panel.js.map +1 -1
  39. package/dist/PanelTemplate.js +1 -1
  40. package/dist/PanelTemplate.js.map +1 -1
  41. package/dist/Slider.d.ts +13 -20
  42. package/dist/Slider.js +48 -74
  43. package/dist/Slider.js.map +1 -1
  44. package/dist/SliderHandle.d.ts +61 -0
  45. package/dist/SliderHandle.js +104 -0
  46. package/dist/SliderHandle.js.map +1 -0
  47. package/dist/SliderHandleTemplate.d.ts +2 -0
  48. package/dist/SliderHandleTemplate.js +7 -0
  49. package/dist/SliderHandleTemplate.js.map +1 -0
  50. package/dist/SliderScale.d.ts +138 -0
  51. package/dist/SliderScale.js +300 -0
  52. package/dist/SliderScale.js.map +1 -0
  53. package/dist/SliderScaleTemplate.d.ts +2 -0
  54. package/dist/SliderScaleTemplate.js +11 -0
  55. package/dist/SliderScaleTemplate.js.map +1 -0
  56. package/dist/SliderTemplate.d.ts +0 -2
  57. package/dist/SliderTemplate.js +16 -14
  58. package/dist/SliderTemplate.js.map +1 -1
  59. package/dist/SliderTooltip.js +0 -4
  60. package/dist/SliderTooltip.js.map +1 -1
  61. package/dist/SplitButton.d.ts +2 -0
  62. package/dist/SplitButton.js +5 -0
  63. package/dist/SplitButton.js.map +1 -1
  64. package/dist/Tab.js +1 -1
  65. package/dist/Tab.js.map +1 -1
  66. package/dist/TabContainer.js +1 -1
  67. package/dist/TabContainer.js.map +1 -1
  68. package/dist/TableDragAndDrop.js +1 -1
  69. package/dist/TableDragAndDrop.js.map +1 -1
  70. package/dist/Tokenizer.js +16 -4
  71. package/dist/Tokenizer.js.map +1 -1
  72. package/dist/Toolbar.d.ts +4 -0
  73. package/dist/Toolbar.js +11 -0
  74. package/dist/Toolbar.js.map +1 -1
  75. package/dist/bundle.esm.js +2 -0
  76. package/dist/bundle.esm.js.map +1 -1
  77. package/dist/css/themes/Avatar.css +1 -1
  78. package/dist/css/themes/AvatarGroup.css +1 -1
  79. package/dist/css/themes/ColorPicker.css +1 -1
  80. package/dist/css/themes/Form.css +1 -1
  81. package/dist/css/themes/FormItemSpan.css +1 -1
  82. package/dist/css/themes/Panel.css +1 -1
  83. package/dist/css/themes/ProgressIndicator.css +1 -1
  84. package/dist/css/themes/Slider.css +1 -0
  85. package/dist/css/themes/SliderHandle.css +1 -0
  86. package/dist/css/themes/SliderScale.css +1 -0
  87. package/dist/css/themes/ToolbarItem.css +1 -1
  88. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  89. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  90. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  91. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  92. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  93. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
  94. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -2
  95. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -2
  96. package/dist/custom-elements-internal.json +242 -32
  97. package/dist/custom-elements.json +198 -31
  98. package/dist/generated/assets/i18n/messagebundle_ar.json +1 -1
  99. package/dist/generated/assets/i18n/messagebundle_bg.json +1 -1
  100. package/dist/generated/assets/i18n/messagebundle_ca.json +1 -1
  101. package/dist/generated/assets/i18n/messagebundle_cnr.json +1 -1
  102. package/dist/generated/assets/i18n/messagebundle_cs.json +1 -1
  103. package/dist/generated/assets/i18n/messagebundle_cy.json +1 -1
  104. package/dist/generated/assets/i18n/messagebundle_da.json +1 -1
  105. package/dist/generated/assets/i18n/messagebundle_de.json +1 -1
  106. package/dist/generated/assets/i18n/messagebundle_el.json +1 -1
  107. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  108. package/dist/generated/assets/i18n/messagebundle_en_GB.json +1 -1
  109. package/dist/generated/assets/i18n/messagebundle_en_US_sappsd.json +1 -1
  110. package/dist/generated/assets/i18n/messagebundle_en_US_saprigi.json +1 -1
  111. package/dist/generated/assets/i18n/messagebundle_en_US_saptrc.json +1 -1
  112. package/dist/generated/assets/i18n/messagebundle_es.json +1 -1
  113. package/dist/generated/assets/i18n/messagebundle_es_MX.json +1 -1
  114. package/dist/generated/assets/i18n/messagebundle_et.json +1 -1
  115. package/dist/generated/assets/i18n/messagebundle_fi.json +1 -1
  116. package/dist/generated/assets/i18n/messagebundle_fr.json +1 -1
  117. package/dist/generated/assets/i18n/messagebundle_fr_CA.json +1 -1
  118. package/dist/generated/assets/i18n/messagebundle_hi.json +1 -1
  119. package/dist/generated/assets/i18n/messagebundle_hr.json +1 -1
  120. package/dist/generated/assets/i18n/messagebundle_hu.json +1 -1
  121. package/dist/generated/assets/i18n/messagebundle_id.json +1 -1
  122. package/dist/generated/assets/i18n/messagebundle_it.json +1 -1
  123. package/dist/generated/assets/i18n/messagebundle_iw.json +1 -1
  124. package/dist/generated/assets/i18n/messagebundle_ja.json +1 -1
  125. package/dist/generated/assets/i18n/messagebundle_kk.json +1 -1
  126. package/dist/generated/assets/i18n/messagebundle_ko.json +1 -1
  127. package/dist/generated/assets/i18n/messagebundle_lt.json +1 -1
  128. package/dist/generated/assets/i18n/messagebundle_lv.json +1 -1
  129. package/dist/generated/assets/i18n/messagebundle_mk.json +1 -1
  130. package/dist/generated/assets/i18n/messagebundle_ms.json +1 -1
  131. package/dist/generated/assets/i18n/messagebundle_nl.json +1 -1
  132. package/dist/generated/assets/i18n/messagebundle_no.json +1 -1
  133. package/dist/generated/assets/i18n/messagebundle_pl.json +1 -1
  134. package/dist/generated/assets/i18n/messagebundle_pt.json +1 -1
  135. package/dist/generated/assets/i18n/messagebundle_pt_PT.json +1 -1
  136. package/dist/generated/assets/i18n/messagebundle_ro.json +1 -1
  137. package/dist/generated/assets/i18n/messagebundle_ru.json +1 -1
  138. package/dist/generated/assets/i18n/messagebundle_sh.json +1 -1
  139. package/dist/generated/assets/i18n/messagebundle_sk.json +1 -1
  140. package/dist/generated/assets/i18n/messagebundle_sl.json +1 -1
  141. package/dist/generated/assets/i18n/messagebundle_sr.json +1 -1
  142. package/dist/generated/assets/i18n/messagebundle_sv.json +1 -1
  143. package/dist/generated/assets/i18n/messagebundle_th.json +1 -1
  144. package/dist/generated/assets/i18n/messagebundle_tr.json +1 -1
  145. package/dist/generated/assets/i18n/messagebundle_uk.json +1 -1
  146. package/dist/generated/assets/i18n/messagebundle_vi.json +1 -1
  147. package/dist/generated/assets/i18n/messagebundle_zh_CN.json +1 -1
  148. package/dist/generated/assets/i18n/messagebundle_zh_TW.json +1 -1
  149. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  150. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  151. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  152. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  153. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  154. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
  155. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
  156. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  157. package/dist/generated/themes/Avatar.css.d.ts +1 -1
  158. package/dist/generated/themes/Avatar.css.js +1 -1
  159. package/dist/generated/themes/Avatar.css.js.map +1 -1
  160. package/dist/generated/themes/AvatarGroup.css.d.ts +1 -1
  161. package/dist/generated/themes/AvatarGroup.css.js +1 -1
  162. package/dist/generated/themes/AvatarGroup.css.js.map +1 -1
  163. package/dist/generated/themes/ColorPicker.css.d.ts +1 -1
  164. package/dist/generated/themes/ColorPicker.css.js +1 -1
  165. package/dist/generated/themes/ColorPicker.css.js.map +1 -1
  166. package/dist/generated/themes/Form.css.d.ts +1 -1
  167. package/dist/generated/themes/Form.css.js +1 -1
  168. package/dist/generated/themes/Form.css.js.map +1 -1
  169. package/dist/generated/themes/FormItemSpan.css.d.ts +1 -1
  170. package/dist/generated/themes/FormItemSpan.css.js +1 -1
  171. package/dist/generated/themes/FormItemSpan.css.js.map +1 -1
  172. package/dist/generated/themes/Panel.css.d.ts +1 -1
  173. package/dist/generated/themes/Panel.css.js +1 -1
  174. package/dist/generated/themes/Panel.css.js.map +1 -1
  175. package/dist/generated/themes/ProgressIndicator.css.d.ts +1 -1
  176. package/dist/generated/themes/ProgressIndicator.css.js +1 -1
  177. package/dist/generated/themes/ProgressIndicator.css.js.map +1 -1
  178. package/dist/generated/themes/Slider.css.d.ts +2 -0
  179. package/dist/generated/themes/Slider.css.js +8 -0
  180. package/dist/generated/themes/Slider.css.js.map +1 -0
  181. package/dist/generated/themes/SliderHandle.css.d.ts +2 -0
  182. package/dist/generated/themes/SliderHandle.css.js +8 -0
  183. package/dist/generated/themes/SliderHandle.css.js.map +1 -0
  184. package/dist/generated/themes/SliderScale.css.d.ts +2 -0
  185. package/dist/generated/themes/SliderScale.css.js +8 -0
  186. package/dist/generated/themes/SliderScale.css.js.map +1 -0
  187. package/dist/generated/themes/ToolbarItem.css.d.ts +1 -1
  188. package/dist/generated/themes/ToolbarItem.css.js +1 -1
  189. package/dist/generated/themes/ToolbarItem.css.js.map +1 -1
  190. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +1 -1
  191. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  192. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
  193. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +1 -1
  194. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  195. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
  196. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +1 -1
  197. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  198. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
  199. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +1 -1
  200. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  201. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
  202. package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +1 -1
  203. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  204. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  205. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +1 -1
  206. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -1
  207. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
  208. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +1 -1
  209. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -2
  210. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
  211. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +1 -1
  212. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -2
  213. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
  214. package/dist/types/AvatarMode.d.ts +30 -0
  215. package/dist/types/AvatarMode.js +32 -0
  216. package/dist/types/AvatarMode.js.map +1 -0
  217. package/dist/vscode.html-custom-data.json +35 -11
  218. package/dist/web-types.json +80 -19
  219. package/package.json +9 -9
  220. package/src/AvatarGroupTemplate.tsx +8 -1
  221. package/src/AvatarTemplate.tsx +1 -0
  222. package/src/ListItemGroupTemplate.tsx +9 -3
  223. package/src/PanelTemplate.tsx +2 -0
  224. package/src/SliderHandleTemplate.tsx +15 -0
  225. package/src/SliderScaleTemplate.tsx +32 -0
  226. package/src/SliderTemplate.tsx +85 -64
  227. package/src/i18n/messagebundle_ar.properties +14 -8
  228. package/src/i18n/messagebundle_bg.properties +14 -8
  229. package/src/i18n/messagebundle_ca.properties +14 -8
  230. package/src/i18n/messagebundle_cnr.properties +14 -8
  231. package/src/i18n/messagebundle_cs.properties +14 -8
  232. package/src/i18n/messagebundle_cy.properties +14 -8
  233. package/src/i18n/messagebundle_da.properties +14 -8
  234. package/src/i18n/messagebundle_de.properties +14 -8
  235. package/src/i18n/messagebundle_el.properties +14 -8
  236. package/src/i18n/messagebundle_en.properties +14 -8
  237. package/src/i18n/messagebundle_en_GB.properties +14 -8
  238. package/src/i18n/messagebundle_en_US_sappsd.properties +3 -3
  239. package/src/i18n/messagebundle_en_US_saprigi.properties +3 -3
  240. package/src/i18n/messagebundle_en_US_saptrc.properties +3 -3
  241. package/src/i18n/messagebundle_es.properties +16 -10
  242. package/src/i18n/messagebundle_es_MX.properties +15 -9
  243. package/src/i18n/messagebundle_et.properties +14 -8
  244. package/src/i18n/messagebundle_fi.properties +14 -8
  245. package/src/i18n/messagebundle_fr.properties +14 -8
  246. package/src/i18n/messagebundle_fr_CA.properties +15 -9
  247. package/src/i18n/messagebundle_hi.properties +14 -8
  248. package/src/i18n/messagebundle_hr.properties +14 -8
  249. package/src/i18n/messagebundle_hu.properties +14 -8
  250. package/src/i18n/messagebundle_id.properties +14 -8
  251. package/src/i18n/messagebundle_it.properties +14 -8
  252. package/src/i18n/messagebundle_iw.properties +14 -8
  253. package/src/i18n/messagebundle_ja.properties +14 -8
  254. package/src/i18n/messagebundle_kk.properties +14 -8
  255. package/src/i18n/messagebundle_ko.properties +14 -8
  256. package/src/i18n/messagebundle_lt.properties +14 -8
  257. package/src/i18n/messagebundle_lv.properties +14 -8
  258. package/src/i18n/messagebundle_mk.properties +14 -8
  259. package/src/i18n/messagebundle_ms.properties +14 -8
  260. package/src/i18n/messagebundle_nl.properties +14 -8
  261. package/src/i18n/messagebundle_no.properties +14 -8
  262. package/src/i18n/messagebundle_pl.properties +14 -8
  263. package/src/i18n/messagebundle_pt.properties +14 -8
  264. package/src/i18n/messagebundle_pt_PT.properties +14 -8
  265. package/src/i18n/messagebundle_ro.properties +14 -8
  266. package/src/i18n/messagebundle_ru.properties +14 -8
  267. package/src/i18n/messagebundle_sh.properties +14 -8
  268. package/src/i18n/messagebundle_sk.properties +14 -8
  269. package/src/i18n/messagebundle_sl.properties +14 -8
  270. package/src/i18n/messagebundle_sr.properties +14 -8
  271. package/src/i18n/messagebundle_sv.properties +14 -8
  272. package/src/i18n/messagebundle_th.properties +14 -8
  273. package/src/i18n/messagebundle_tr.properties +14 -8
  274. package/src/i18n/messagebundle_uk.properties +14 -8
  275. package/src/i18n/messagebundle_vi.properties +14 -8
  276. package/src/i18n/messagebundle_zh_CN.properties +14 -8
  277. package/src/i18n/messagebundle_zh_TW.properties +15 -9
  278. package/src/themes/Avatar.css +39 -14
  279. package/src/themes/AvatarGroup.css +24 -0
  280. package/src/themes/ColorPicker.css +23 -27
  281. package/src/themes/FormItemSpan.css +1 -1
  282. package/src/themes/Panel.css +5 -1
  283. package/src/themes/ProgressIndicator.css +1 -0
  284. package/src/themes/Slider.css +32 -0
  285. package/src/themes/SliderHandle.css +61 -0
  286. package/src/themes/SliderScale.css +149 -0
  287. package/src/themes/ToolbarItem.css +1 -1
  288. package/src/themes/base/SliderHandle-parameters.css +3 -0
  289. package/src/themes/base/SliderScale-parameters.css +13 -0
  290. package/src/themes/sap_fiori_3/Slider-parameters.css +11 -0
  291. package/src/themes/sap_fiori_3/SliderHandle-parameters.css +5 -0
  292. package/src/themes/sap_fiori_3/SliderScale-parameters.css +13 -0
  293. package/src/themes/sap_fiori_3/parameters-bundle.css +2 -0
  294. package/src/themes/sap_fiori_3_dark/Slider-parameters.css +11 -0
  295. package/src/themes/sap_fiori_3_dark/SliderHandle-parameters.css +5 -0
  296. package/src/themes/sap_fiori_3_dark/SliderScale-parameters.css +13 -0
  297. package/src/themes/sap_fiori_3_dark/parameters-bundle.css +2 -0
  298. package/src/themes/sap_fiori_3_hcb/Slider-parameters.css +11 -0
  299. package/src/themes/sap_fiori_3_hcb/SliderHandle-parameters.css +5 -0
  300. package/src/themes/sap_fiori_3_hcb/SliderScale-parameters.css +14 -0
  301. package/src/themes/sap_fiori_3_hcb/parameters-bundle.css +2 -0
  302. package/src/themes/sap_fiori_3_hcw/Slider-parameters.css +11 -0
  303. package/src/themes/sap_fiori_3_hcw/SliderHandle-parameters.css +5 -0
  304. package/src/themes/sap_fiori_3_hcw/SliderScale-parameters.css +14 -0
  305. package/src/themes/sap_fiori_3_hcw/parameters-bundle.css +2 -0
  306. package/src/themes/sap_horizon/AvatarGroup-parameters.css +20 -3
  307. package/src/themes/sap_horizon/Slider-parameters.css +11 -0
  308. package/src/themes/sap_horizon/SliderHandle-parameters.css +5 -0
  309. package/src/themes/sap_horizon/SliderScale-parameters.css +10 -0
  310. package/src/themes/sap_horizon/parameters-bundle.css +3 -0
  311. package/src/themes/sap_horizon/rtl-parameters.css +4 -0
  312. package/src/themes/sap_horizon_dark/Slider-parameters.css +11 -0
  313. package/src/themes/sap_horizon_dark/SliderHandle-parameters.css +5 -0
  314. package/src/themes/sap_horizon_dark/SliderScale-parameters.css +10 -0
  315. package/src/themes/sap_horizon_dark/parameters-bundle.css +3 -0
  316. package/src/themes/sap_horizon_dark/rtl-parameters.css +6 -0
  317. package/src/themes/sap_horizon_hcb/Slider-parameters.css +11 -0
  318. package/src/themes/sap_horizon_hcb/SliderHandle-parameters.css +5 -0
  319. package/src/themes/sap_horizon_hcb/SliderScale-parameters.css +10 -0
  320. package/src/themes/sap_horizon_hcb/parameters-bundle.css +3 -1
  321. package/src/themes/sap_horizon_hcb/rtl-parameters.css +1 -0
  322. package/src/themes/sap_horizon_hcw/Slider-parameters.css +11 -0
  323. package/src/themes/sap_horizon_hcw/SliderHandle-parameters.css +5 -0
  324. package/src/themes/sap_horizon_hcw/SliderScale-parameters.css +10 -0
  325. package/src/themes/sap_horizon_hcw/parameters-bundle.css +3 -1
  326. package/src/themes/sap_horizon_hcw/rtl-parameters.css +1 -0
package/src/themes/sap_fiori_3_hcb/Slider-parameters.css ADDED
@@ -0,0 +1,11 @@
1
+ :host {
2
+ --_slider_root_side_padding: 0 1rem;
3
+ --_slider_height: 2.75rem;
4
+ }
5
+
6
+ @container style(--ui5_content_density: compact) {
7
+ :host {
8
+ --_slider_root_side_padding: 0 .75rem;
9
+ --_slider_height: 2rem;
10
+ }
11
+ }
package/src/themes/sap_fiori_3_hcb/SliderHandle-parameters.css ADDED
@@ -0,0 +1,5 @@
1
+ @import "../base/SliderHandle-parameters.css";
2
+
3
+ :host {
4
+ --ui5_slider_handle_outline_offset: 1px;
5
+ }
package/src/themes/sap_fiori_3_hcb/SliderScale-parameters.css ADDED
@@ -0,0 +1,14 @@
1
+ @import "../base/SliderScale-parameters.css";
2
+
3
+ :host {
4
+ --_ui5_slider_scale_root_box_sizing: content-box;
5
+ --_ui5_slider_scale_progress_border: 1px solid var(--sapSlider_Selected_BorderColor);
6
+ --_ui5_slider_scale_border: 1px solid var(--sapSlider_Selected_BorderColor);
7
+ --_ui5_slider_scale_progress_height: 0.375rem;
8
+ --_ui5_slider_scale_progress_top: -1px;
9
+ --ui5_slider_scale_background: var(--sapField_BorderColor);
10
+
11
+ /* Fiori 3 specific */
12
+ --_ui5_slider_scale_dots_display: none;
13
+ --_ui5_slider_scale_tickmark_height: 1rem;
14
+ }
package/src/themes/sap_fiori_3_hcb/parameters-bundle.css CHANGED
@@ -53,6 +53,8 @@
53
53
  @import "../base/Tokenizer-parameters.css";
54
54
  @import "./ValueStateMessage-parameters.css";
55
55
  @import "./SliderBase-parameters.css";
56
+ @import "./SliderHandle-parameters.css";
57
+ @import "./SliderScale-parameters.css";
56
58
  @import "../base/StepInput-parameters.css";
57
59
  @import "./sizes-parameters.css";
58
60
  @import "../base/rtl-parameters.css";
package/src/themes/sap_fiori_3_hcw/Slider-parameters.css ADDED
@@ -0,0 +1,11 @@
1
+ :host {
2
+ --_slider_root_side_padding: 0 1rem;
3
+ --_slider_height: 2.75rem;
4
+ }
5
+
6
+ @container style(--ui5_content_density: compact) {
7
+ :host {
8
+ --_slider_root_side_padding: 0 .75rem;
9
+ --_slider_height: 2rem;
10
+ }
11
+ }
package/src/themes/sap_fiori_3_hcw/SliderHandle-parameters.css ADDED
@@ -0,0 +1,5 @@
1
+ @import "../base/SliderHandle-parameters.css";
2
+
3
+ :host {
4
+ --ui5_slider_handle_outline_offset: 1px;
5
+ }
package/src/themes/sap_fiori_3_hcw/SliderScale-parameters.css ADDED
@@ -0,0 +1,14 @@
1
+ @import "../base/SliderScale-parameters.css";
2
+
3
+ :host {
4
+ --_ui5_slider_scale_root_box_sizing: content-box;
5
+ --_ui5_slider_scale_progress_border: 1px solid var(--sapSlider_Selected_BorderColor);
6
+ --_ui5_slider_scale_border: 1px solid var(--sapSlider_Selected_BorderColor);
7
+ --_ui5_slider_scale_progress_height: 0.375rem;
8
+ --_ui5_slider_scale_progress_top: -1px;
9
+ --ui5_slider_scale_background: var(--sapField_BorderColor);
10
+
11
+ /* Fiori 3 specific */
12
+ --_ui5_slider_scale_dots_display: none;
13
+ --_ui5_slider_scale_tickmark_height: 1rem;
14
+ }
package/src/themes/sap_fiori_3_hcw/parameters-bundle.css CHANGED
@@ -53,6 +53,8 @@
53
53
  @import "./ValueStateMessage-parameters.css";
54
54
 
55
55
  @import "./SliderBase-parameters.css";
56
+ @import "./SliderHandle-parameters.css";
57
+ @import "./SliderScale-parameters.css";
56
58
  @import "../base/StepInput-parameters.css";
57
59
  @import "./sizes-parameters.css";
58
60
  @import "../base/rtl-parameters.css";
package/src/themes/sap_horizon/AvatarGroup-parameters.css CHANGED
@@ -1,5 +1,22 @@
1
1
  @import "../base/AvatarGroup-parameters.css";
2
2
 
3
- :host {
4
- --_ui5_avatar_group_focus_border_radius: 0.375rem;
5
- }
3
+ /* Context-aware border-radius - dynamically set based on avatar size (height / 2) */
4
+ .ui5-avatar-group-items-xs {
5
+ --_ui5_avatar_group_focus_border_radius: 1rem; /* 2rem / 2 */
6
+ }
7
+
8
+ .ui5-avatar-group-items-s {
9
+ --_ui5_avatar_group_focus_border_radius: 1.5rem; /* 3rem / 2 */
10
+ }
11
+
12
+ .ui5-avatar-group-items-m {
13
+ --_ui5_avatar_group_focus_border_radius: 2rem; /* 4rem / 2 */
14
+ }
15
+
16
+ .ui5-avatar-group-items-l {
17
+ --_ui5_avatar_group_focus_border_radius: 2.5rem; /* 5rem / 2 */
18
+ }
19
+
20
+ .ui5-avatar-group-items-xl {
21
+ --_ui5_avatar_group_focus_border_radius: 3.5rem; /* 7rem / 2 */
22
+ }
package/src/themes/sap_horizon/Slider-parameters.css ADDED
@@ -0,0 +1,11 @@
1
+ :host {
2
+ --_slider_root_side_padding: 0 1rem;
3
+ --_slider_height: 2.75rem;
4
+ }
5
+
6
+ @container style(--ui5_content_density: compact) {
7
+ :host {
8
+ --_slider_root_side_padding: 0 .75rem;
9
+ --_slider_height: 2rem;
10
+ }
11
+ }
package/src/themes/sap_horizon/SliderHandle-parameters.css ADDED
@@ -0,0 +1,5 @@
1
+ @import "../base/SliderHandle-parameters.css";
2
+
3
+ :host {
4
+ --ui5_slider_handle_outline: none;
5
+ }
package/src/themes/sap_horizon/SliderScale-parameters.css ADDED
@@ -0,0 +1,10 @@
1
+ @import "../base/SliderScale-parameters.css";
2
+
3
+ :host {
4
+ --_ui5_slider_scale_root_box_sizing: border-box;
5
+ --_ui5_slider_scale_progress_border: none;
6
+ --_ui5_slider_scale_border: none;
7
+ --_ui5_slider_scale_progress_height: 100%;
8
+ --_ui5_slider_scale_progress_top: 0;
9
+ --_ui5_slider_scale_dots_display: inline-block;
10
+ }
package/src/themes/sap_horizon/parameters-bundle.css CHANGED
@@ -56,6 +56,9 @@
56
56
  @import "./Token-parameters.css";
57
57
  @import "./Tokenizer-parameters.css";
58
58
  @import "./SliderBase-parameters.css";
59
+ @import "./SliderHandle-parameters.css";
60
+ @import "./SliderScale-parameters.css";
61
+ @import "./Slider-parameters.css";
59
62
  @import "./ValueStateMessage-parameters.css";
60
63
  @import "../base/Toolbar-parameters.css";
61
64
  @import "./StepInput-parameters.css";
package/src/themes/sap_horizon/rtl-parameters.css CHANGED
@@ -1,5 +1,9 @@
1
1
  @import "../base/rtl-parameters.css";
2
2
 
3
+ :host {
4
+ --_ui5_progress_indicator_bar_border_radius: 0.5rem;
5
+ }
6
+
3
7
  :dir(rtl) {
4
8
  --_ui5_segmented_btn_item_border_left: 0.0625rem;
5
9
  --_ui5_segmented_btn_item_border_right: 0.0625rem;
package/src/themes/sap_horizon_dark/Slider-parameters.css ADDED
@@ -0,0 +1,11 @@
1
+ :host {
2
+ --_slider_root_side_padding: 0 1rem;
3
+ --_slider_height: 2.75rem;
4
+ }
5
+
6
+ @container style(--ui5_content_density: compact) {
7
+ :host {
8
+ --_slider_root_side_padding: 0 .75rem;
9
+ --_slider_height: 2rem;
10
+ }
11
+ }
package/src/themes/sap_horizon_dark/SliderHandle-parameters.css ADDED
@@ -0,0 +1,5 @@
1
+ @import "../base/SliderHandle-parameters.css";
2
+
3
+ :host {
4
+ --ui5_slider_handle_outline: none;
5
+ }
package/src/themes/sap_horizon_dark/SliderScale-parameters.css ADDED
@@ -0,0 +1,10 @@
1
+ @import "../base/SliderScale-parameters.css";
2
+
3
+ :host {
4
+ --_ui5_slider_scale_root_box_sizing: border-box;
5
+ --_ui5_slider_scale_progress_border: none;
6
+ --_ui5_slider_scale_border: none;
7
+ --_ui5_slider_scale_progress_height: 100%;
8
+ --_ui5_slider_scale_progress_top: 0;
9
+ --_ui5_slider_scale_dots_display: inline-block;
10
+ }
package/src/themes/sap_horizon_dark/parameters-bundle.css CHANGED
@@ -28,6 +28,9 @@
28
28
  @import "./Link-parameters.css";
29
29
  @import "./List-parameters.css";
30
30
  @import "../base/ListItemBase-parameters.css";
31
+ @import "./SliderHandle-parameters.css";
32
+ @import "./SliderScale-parameters.css";
33
+ @import "./Slider-parameters.css";
31
34
  @import "./Menu-parameters.css";
32
35
  @import "./MonthPicker-parameters.css";
33
36
  @import "./MessageStrip-parameters.css";
package/src/themes/sap_horizon_dark/rtl-parameters.css CHANGED
@@ -1,6 +1,12 @@
1
1
  @import "../base/rtl-parameters.css";
2
2
 
3
+ :host {
4
+ --_ui5_progress_indicator_bar_border_radius: 0.5rem;
5
+ }
6
+
3
7
  :dir(rtl) {
4
8
  --_ui5_segmented_btn_item_border_left: 0.0625rem;
5
9
  --_ui5_segmented_btn_item_border_right: 0.0625rem;
10
+ --_ui5_progress_indicator_bar_border_radius: 0.5rem;
11
+ --_ui5_progress_indicator_remaining_bar_border_radius: 0.25rem;
6
12
  }
package/src/themes/sap_horizon_hcb/Slider-parameters.css ADDED
@@ -0,0 +1,11 @@
1
+ :host {
2
+ --_slider_root_side_padding: 0 1rem;
3
+ --_slider_height: 2.75rem;
4
+ }
5
+
6
+ @container style(--ui5_content_density: compact) {
7
+ :host {
8
+ --_slider_root_side_padding: 0 .75rem;
9
+ --_slider_height: 2rem;
10
+ }
11
+ }
package/src/themes/sap_horizon_hcb/SliderHandle-parameters.css ADDED
@@ -0,0 +1,5 @@
1
+ @import "../base/SliderHandle-parameters.css";
2
+
3
+ :host {
4
+ --ui5_slider_handle_outline_offset: 3px;
5
+ }
package/src/themes/sap_horizon_hcb/SliderScale-parameters.css ADDED
@@ -0,0 +1,10 @@
1
+ @import "../base/SliderScale-parameters.css";
2
+
3
+ :host {
4
+ --_ui5_slider_scale_root_box_sizing: content-box;
5
+ --_ui5_slider_scale_progress_border: 1px solid var(--sapSlider_Selected_BorderColor);
6
+ --_ui5_slider_scale_border: 1px solid var(--sapSlider_Selected_BorderColor);
7
+ --_ui5_slider_scale_progress_height: 0.375rem;
8
+ --_ui5_slider_scale_progress_top: -1px;
9
+ --_ui5_slider_scale_dots_display: inline-block;
10
+ }
package/src/themes/sap_horizon_hcb/parameters-bundle.css CHANGED
@@ -53,6 +53,8 @@
53
53
  @import "../base/Tokenizer-parameters.css";
54
54
  @import "./ValueStateMessage-parameters.css";
55
55
  @import "./SliderBase-parameters.css";
56
+ @import "./SliderHandle-parameters.css";
57
+ @import "./SliderScale-parameters.css";
56
58
  @import "../base/StepInput-parameters.css";
57
59
  @import "./sizes-parameters.css";
58
- @import "../base/rtl-parameters.css";
60
+ @import "./rtl-parameters.css";
package/src/themes/sap_horizon_hcb/rtl-parameters.css ADDED
@@ -0,0 +1 @@
1
+ @import "../sap_horizon/rtl-parameters.css";
package/src/themes/sap_horizon_hcw/Slider-parameters.css ADDED
@@ -0,0 +1,11 @@
1
+ :host {
2
+ --_slider_root_side_padding: 0 1rem;
3
+ --_slider_height: 2.75rem;
4
+ }
5
+
6
+ @container style(--ui5_content_density: compact) {
7
+ :host {
8
+ --_slider_root_side_padding: 0 .75rem;
9
+ --_slider_height: 2rem;
10
+ }
11
+ }
package/src/themes/sap_horizon_hcw/SliderHandle-parameters.css ADDED
@@ -0,0 +1,5 @@
1
+ @import "../base/SliderHandle-parameters.css";
2
+
3
+ :host {
4
+ --ui5_slider_handle_outline_offset: 3px;
5
+ }
package/src/themes/sap_horizon_hcw/SliderScale-parameters.css ADDED
@@ -0,0 +1,10 @@
1
+ @import "../base/SliderScale-parameters.css";
2
+
3
+ :host {
4
+ --_ui5_slider_scale_root_box_sizing: content-box;
5
+ --_ui5_slider_scale_progress_border: 1px solid var(--sapSlider_Selected_BorderColor);
6
+ --_ui5_slider_scale_border: 1px solid var(--sapSlider_Selected_BorderColor);
7
+ --_ui5_slider_scale_progress_height: 0.375rem;
8
+ --_ui5_slider_scale_progress_top: -1px;
9
+ --_ui5_slider_scale_dots_display: inline-block;
10
+ }
package/src/themes/sap_horizon_hcw/parameters-bundle.css CHANGED
@@ -53,6 +53,8 @@
53
53
  @import "../base/Tokenizer-parameters.css";
54
54
  @import "./ValueStateMessage-parameters.css";
55
55
  @import "./SliderBase-parameters.css";
56
+ @import "./SliderHandle-parameters.css";
57
+ @import "./SliderScale-parameters.css";
56
58
  @import "../base/StepInput-parameters.css";
57
59
  @import "./sizes-parameters.css";
58
- @import "../base/rtl-parameters.css";
60
+ @import "./rtl-parameters.css";
package/src/themes/sap_horizon_hcw/rtl-parameters.css ADDED
@@ -0,0 +1 @@
1
+ @import "../sap_horizon/rtl-parameters.css";