@ui5/webcomponents 2.22.0-rc.2 → 2.22.0-rc.4

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 (260) hide show
  1. package/CHANGELOG.md +41 -0
  2. package/dist/.tsbuildinfo +1 -1
  3. package/dist/AvatarBadge.d.ts +3 -3
  4. package/dist/AvatarBadge.js +10 -10
  5. package/dist/AvatarBadge.js.map +1 -1
  6. package/dist/AvatarBadgeTemplate.js +1 -1
  7. package/dist/AvatarBadgeTemplate.js.map +1 -1
  8. package/dist/Calendar.d.ts +7 -1
  9. package/dist/Calendar.js +40 -3
  10. package/dist/Calendar.js.map +1 -1
  11. package/dist/CalendarHeaderTemplate.js +2 -2
  12. package/dist/CalendarHeaderTemplate.js.map +1 -1
  13. package/dist/ColorPalette.d.ts +8 -8
  14. package/dist/ColorPalette.js +7 -5
  15. package/dist/ColorPalette.js.map +1 -1
  16. package/dist/ColorPaletteItem.d.ts +8 -0
  17. package/dist/ColorPaletteItem.js +31 -0
  18. package/dist/ColorPaletteItem.js.map +1 -1
  19. package/dist/ColorPaletteItemTemplate.js +1 -1
  20. package/dist/ColorPaletteItemTemplate.js.map +1 -1
  21. package/dist/ColorPalettePopover.js +1 -1
  22. package/dist/ColorPalettePopover.js.map +1 -1
  23. package/dist/ComboBox.js +1 -1
  24. package/dist/ComboBox.js.map +1 -1
  25. package/dist/ComboBoxPopoverTemplate.js +2 -1
  26. package/dist/ComboBoxPopoverTemplate.js.map +1 -1
  27. package/dist/DateRangePicker.d.ts +12 -1
  28. package/dist/DateRangePicker.js +31 -1
  29. package/dist/DateRangePicker.js.map +1 -1
  30. package/dist/Input.js +8 -6
  31. package/dist/Input.js.map +1 -1
  32. package/dist/MultiComboBox.js +1 -1
  33. package/dist/MultiComboBox.js.map +1 -1
  34. package/dist/MultiInputTemplate.js +1 -1
  35. package/dist/MultiInputTemplate.js.map +1 -1
  36. package/dist/RangeSlider.d.ts +19 -1
  37. package/dist/RangeSlider.js +112 -29
  38. package/dist/RangeSlider.js.map +1 -1
  39. package/dist/RangeSliderTemplate.d.ts +0 -3
  40. package/dist/RangeSliderTemplate.js +22 -17
  41. package/dist/RangeSliderTemplate.js.map +1 -1
  42. package/dist/SegmentedButton.js +6 -4
  43. package/dist/SegmentedButton.js.map +1 -1
  44. package/dist/SegmentedButtonItem.d.ts +7 -0
  45. package/dist/SegmentedButtonItem.js +24 -1
  46. package/dist/SegmentedButtonItem.js.map +1 -1
  47. package/dist/Slider.d.ts +1 -2
  48. package/dist/Slider.js +12 -7
  49. package/dist/Slider.js.map +1 -1
  50. package/dist/SliderBase.d.ts +0 -1
  51. package/dist/SliderBase.js +18 -15
  52. package/dist/SliderBase.js.map +1 -1
  53. package/dist/SliderHandle.d.ts +42 -9
  54. package/dist/SliderHandle.js +49 -9
  55. package/dist/SliderHandle.js.map +1 -1
  56. package/dist/SliderHandleTemplate.js +7 -1
  57. package/dist/SliderHandleTemplate.js.map +1 -1
  58. package/dist/SliderScale.d.ts +53 -0
  59. package/dist/SliderScale.js +67 -0
  60. package/dist/SliderScale.js.map +1 -1
  61. package/dist/SliderScaleTemplate.js +5 -1
  62. package/dist/SliderScaleTemplate.js.map +1 -1
  63. package/dist/SliderTemplate.js +1 -1
  64. package/dist/SliderTemplate.js.map +1 -1
  65. package/dist/Table.d.ts +1 -0
  66. package/dist/Table.js +16 -3
  67. package/dist/Table.js.map +1 -1
  68. package/dist/TableCell.d.ts +2 -2
  69. package/dist/TableCell.js +2 -2
  70. package/dist/TableCell.js.map +1 -1
  71. package/dist/TableHeaderRowTemplate.js +5 -2
  72. package/dist/TableHeaderRowTemplate.js.map +1 -1
  73. package/dist/TableNavigation.js +3 -0
  74. package/dist/TableNavigation.js.map +1 -1
  75. package/dist/TableRow.d.ts +0 -2
  76. package/dist/TableRow.js +0 -9
  77. package/dist/TableRow.js.map +1 -1
  78. package/dist/TableRowBase.d.ts +6 -1
  79. package/dist/TableRowBase.js +37 -2
  80. package/dist/TableRowBase.js.map +1 -1
  81. package/dist/TableRowTemplate.js +4 -2
  82. package/dist/TableRowTemplate.js.map +1 -1
  83. package/dist/TextArea.d.ts +10 -0
  84. package/dist/TextArea.js +37 -0
  85. package/dist/TextArea.js.map +1 -1
  86. package/dist/Tokenizer.d.ts +6 -0
  87. package/dist/Tokenizer.js +4 -1
  88. package/dist/Tokenizer.js.map +1 -1
  89. package/dist/Toolbar.d.ts +9 -0
  90. package/dist/Toolbar.js +4 -1
  91. package/dist/Toolbar.js.map +1 -1
  92. package/dist/css/themes/CardHeader.css +1 -1
  93. package/dist/css/themes/RangeSlider.css +1 -1
  94. package/dist/css/themes/Select.css +1 -1
  95. package/dist/css/themes/Slider.css +1 -1
  96. package/dist/css/themes/SliderBase.css +1 -1
  97. package/dist/css/themes/SliderHandle.css +1 -1
  98. package/dist/css/themes/SliderScale.css +1 -1
  99. package/dist/css/themes/SliderTooltip.css +1 -1
  100. package/dist/css/themes/TableRow.css +1 -1
  101. package/dist/css/themes/TableRowBase.css +1 -1
  102. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  103. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  104. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  105. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  106. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  107. package/dist/css/themes/sap_horizon_auto/parameters-bundle.css +36 -93
  108. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
  109. package/dist/css/themes/sap_horizon_hc_auto/parameters-bundle.css +37 -94
  110. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -1
  111. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -1
  112. package/dist/custom-elements-internal.json +109 -111
  113. package/dist/custom-elements.json +73 -102
  114. package/dist/features/InputComposition.d.ts +1 -1
  115. package/dist/features/InputComposition.js.map +1 -1
  116. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  117. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  118. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  119. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  120. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  121. package/dist/generated/assets/themes/sap_horizon_auto/parameters-bundle.css.json +1 -1
  122. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
  123. package/dist/generated/assets/themes/sap_horizon_hc_auto/parameters-bundle.css.json +1 -1
  124. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
  125. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  126. package/dist/generated/i18n/i18n-defaults.d.ts +3 -1
  127. package/dist/generated/i18n/i18n-defaults.js +3 -1
  128. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  129. package/dist/generated/themes/CardHeader.css.d.ts +1 -1
  130. package/dist/generated/themes/CardHeader.css.js +1 -1
  131. package/dist/generated/themes/CardHeader.css.js.map +1 -1
  132. package/dist/generated/themes/RangeSlider.css.d.ts +1 -1
  133. package/dist/generated/themes/RangeSlider.css.js +1 -1
  134. package/dist/generated/themes/RangeSlider.css.js.map +1 -1
  135. package/dist/generated/themes/Select.css.d.ts +1 -1
  136. package/dist/generated/themes/Select.css.js +1 -1
  137. package/dist/generated/themes/Select.css.js.map +1 -1
  138. package/dist/generated/themes/Slider.css.d.ts +1 -1
  139. package/dist/generated/themes/Slider.css.js +1 -1
  140. package/dist/generated/themes/Slider.css.js.map +1 -1
  141. package/dist/generated/themes/SliderBase.css.d.ts +1 -1
  142. package/dist/generated/themes/SliderBase.css.js +1 -1
  143. package/dist/generated/themes/SliderBase.css.js.map +1 -1
  144. package/dist/generated/themes/SliderHandle.css.d.ts +1 -1
  145. package/dist/generated/themes/SliderHandle.css.js +1 -1
  146. package/dist/generated/themes/SliderHandle.css.js.map +1 -1
  147. package/dist/generated/themes/SliderScale.css.d.ts +1 -1
  148. package/dist/generated/themes/SliderScale.css.js +1 -1
  149. package/dist/generated/themes/SliderScale.css.js.map +1 -1
  150. package/dist/generated/themes/SliderTooltip.css.d.ts +1 -1
  151. package/dist/generated/themes/SliderTooltip.css.js +1 -1
  152. package/dist/generated/themes/SliderTooltip.css.js.map +1 -1
  153. package/dist/generated/themes/TableRow.css.d.ts +1 -1
  154. package/dist/generated/themes/TableRow.css.js +1 -1
  155. package/dist/generated/themes/TableRow.css.js.map +1 -1
  156. package/dist/generated/themes/TableRowBase.css.d.ts +1 -1
  157. package/dist/generated/themes/TableRowBase.css.js +1 -1
  158. package/dist/generated/themes/TableRowBase.css.js.map +1 -1
  159. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +1 -1
  160. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  161. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
  162. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +1 -1
  163. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  164. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
  165. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +1 -1
  166. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  167. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
  168. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +1 -1
  169. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  170. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
  171. package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +1 -1
  172. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  173. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  174. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.d.ts +1 -1
  175. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js +36 -93
  176. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js.map +1 -1
  177. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +1 -1
  178. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -1
  179. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
  180. package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.d.ts +1 -1
  181. package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js +37 -94
  182. package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js.map +1 -1
  183. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +1 -1
  184. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -1
  185. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
  186. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +1 -1
  187. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -1
  188. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
  189. package/dist/vscode.html-custom-data.json +15 -31
  190. package/dist/web-types.json +52 -67
  191. package/package.json +9 -9
  192. package/src/AvatarBadgeTemplate.tsx +1 -2
  193. package/src/CalendarHeaderTemplate.tsx +4 -0
  194. package/src/ColorPaletteItemTemplate.tsx +1 -0
  195. package/src/ComboBoxPopoverTemplate.tsx +8 -1
  196. package/src/MultiInputTemplate.tsx +1 -0
  197. package/src/RangeSliderTemplate.tsx +146 -113
  198. package/src/SliderHandleTemplate.tsx +7 -1
  199. package/src/SliderScaleTemplate.tsx +26 -1
  200. package/src/SliderTemplate.tsx +0 -1
  201. package/src/TableHeaderRowTemplate.tsx +23 -1
  202. package/src/TableRowTemplate.tsx +13 -1
  203. package/src/i18n/messagebundle.properties +8 -2
  204. package/src/themes/CardHeader.css +0 -1
  205. package/src/themes/RangeSlider.css +20 -68
  206. package/src/themes/Select.css +25 -0
  207. package/src/themes/Slider.css +3 -6
  208. package/src/themes/SliderBase.css +1 -269
  209. package/src/themes/SliderHandle.css +4 -3
  210. package/src/themes/SliderScale.css +45 -6
  211. package/src/themes/SliderTooltip.css +2 -2
  212. package/src/themes/TableRow.css +28 -39
  213. package/src/themes/TableRowBase.css +79 -20
  214. package/src/themes/base/SliderBase-parameters.css +1 -101
  215. package/src/themes/base/SliderHandle-parameters.css +22 -1
  216. package/src/themes/base/SliderScale-parameters.css +23 -3
  217. package/src/themes/base/SliderTooltip-parameters.css +3 -0
  218. package/src/themes/sap_fiori_3/Slider-parameters.css +4 -4
  219. package/src/themes/sap_fiori_3/SliderBase-parameters.css +0 -30
  220. package/src/themes/sap_fiori_3/SliderHandle-parameters.css +18 -1
  221. package/src/themes/sap_fiori_3/SliderScale-parameters.css +2 -8
  222. package/src/themes/sap_fiori_3/SliderTooltip-parameters.css +5 -0
  223. package/src/themes/sap_fiori_3_dark/Slider-parameters.css +4 -4
  224. package/src/themes/sap_fiori_3_dark/SliderBase-parameters.css +1 -26
  225. package/src/themes/sap_fiori_3_dark/SliderHandle-parameters.css +1 -5
  226. package/src/themes/sap_fiori_3_dark/SliderScale-parameters.css +1 -13
  227. package/src/themes/sap_fiori_3_dark/SliderTooltip-parameters.css +5 -0
  228. package/src/themes/sap_fiori_3_hcb/Slider-parameters.css +4 -4
  229. package/src/themes/sap_fiori_3_hcb/SliderBase-parameters.css +1 -39
  230. package/src/themes/sap_fiori_3_hcb/SliderHandle-parameters.css +1 -5
  231. package/src/themes/sap_fiori_3_hcb/SliderScale-parameters.css +4 -6
  232. package/src/themes/sap_fiori_3_hcb/SliderTooltip-parameters.css +5 -0
  233. package/src/themes/sap_fiori_3_hcw/Slider-parameters.css +4 -4
  234. package/src/themes/sap_fiori_3_hcw/SliderBase-parameters.css +1 -37
  235. package/src/themes/sap_fiori_3_hcw/SliderHandle-parameters.css +1 -5
  236. package/src/themes/sap_fiori_3_hcw/SliderScale-parameters.css +1 -14
  237. package/src/themes/sap_fiori_3_hcw/SliderTooltip-parameters.css +5 -0
  238. package/src/themes/sap_horizon/Slider-parameters.css +4 -4
  239. package/src/themes/sap_horizon/SliderBase-parameters.css +0 -49
  240. package/src/themes/sap_horizon/SliderHandle-parameters.css +2 -1
  241. package/src/themes/sap_horizon/SliderScale-parameters.css +4 -5
  242. package/src/themes/sap_horizon_dark/Slider-parameters.css +4 -4
  243. package/src/themes/sap_horizon_dark/SliderBase-parameters.css +1 -50
  244. package/src/themes/sap_horizon_dark/SliderHandle-parameters.css +1 -5
  245. package/src/themes/sap_horizon_dark/SliderScale-parameters.css +1 -10
  246. package/src/themes/sap_horizon_dark/SliderTooltip-parameters.css +1 -0
  247. package/src/themes/sap_horizon_hcb/Slider-parameters.css +4 -4
  248. package/src/themes/sap_horizon_hcb/SliderBase-parameters.css +1 -71
  249. package/src/themes/sap_horizon_hcb/SliderHandle-parameters.css +4 -3
  250. package/src/themes/sap_horizon_hcb/SliderScale-parameters.css +3 -2
  251. package/src/themes/sap_horizon_hcb/SliderTooltip-parameters.css +1 -0
  252. package/src/themes/sap_horizon_hcw/Slider-parameters.css +4 -4
  253. package/src/themes/sap_horizon_hcw/SliderBase-parameters.css +1 -72
  254. package/src/themes/sap_horizon_hcw/SliderHandle-parameters.css +1 -5
  255. package/src/themes/sap_horizon_hcw/SliderScale-parameters.css +1 -10
  256. package/src/themes/sap_horizon_hcw/SliderTooltip-parameters.css +1 -0
  257. package/dist/SliderBaseTemplate.d.ts +0 -10
  258. package/dist/SliderBaseTemplate.js +0 -19
  259. package/dist/SliderBaseTemplate.js.map +0 -1
  260. package/src/SliderBaseTemplate.tsx +0 -65
package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js CHANGED
@@ -986,110 +986,51 @@ export default `:host {
986
986
  --_ui5_value_state_message_popover_header_width: auto;
987
987
  --_ui5_value_state_message_icon_offset_phone: 1rem;
988
988
  --_ui5_value_state_header_border_bottom: none;
989
- --_ui5_slider_progress_container_background: var(--sapSlider_Background);
990
- --_ui5_slider_progress_container_dot_display: block;
991
- --_ui5_slider_progress_container_dot_background: var(--sapField_BorderColor);
992
- --_ui5_slider_progress_border_width: .0625rem;
993
- --_ui5_slider_progress_border: solid var(--_ui5_slider_progress_border_width) var(--sapSlider_BorderColor);
994
- --_ui5_slider_progress_before_background: var(--sapSlider_Selected_Background);
995
- --_ui5_slider_progress_after_background: var(--sapContent_MeasureIndicatorColor);
996
- --_ui5_slider_progress_before_border: solid .0625rem var(--sapContent_MeasureIndicatorColor);
997
- --_ui5_slider_progress_after_border: solid .0625rem var(--sapContent_Selected_MeasureIndicatorColor);
998
- --_ui5_slider_padding: var(--_ui5-compact-size, 1rem 1.0625rem) var(--_ui5-cozy-size, 1.406rem 1.0625rem);
999
- --_ui5_slider_root_height: 3.3125rem;
1000
- --_ui5_slider_inner_height: .375rem;
1001
989
  --_ui5_slider_inner_min_width: 4rem;
1002
- --_ui5_slider_outer_height: var(--_ui5-compact-size, 1.3125rem) var(--_ui5-cozy-size, calc(var(--_ui5_slider_handle_height) + 9px));
1003
- --_ui5_slider_progress_border_radius: .25rem;
1004
- --_ui5_slider_progress_background: var(--sapSlider_Selected_Background);
1005
- --_ui5_slider_handle_icon_display: inline-block;
1006
- --_ui5_range_slider_root_hover_handle_icon_display: inline-block;
990
+ --_ui5_slider_progress_border_width: .0625rem;
991
+ --_ui5_slider_disabled_opacity: .4;
992
+ --_ui5_slider_active_progress_left: -.0625rem;
1007
993
  --_ui5_slider_handle_height: var(--_ui5-compact-size, 1.25rem) var(--_ui5-cozy-size, 1.5rem);
1008
994
  --_ui5_slider_handle_width: var(--_ui5-compact-size, 1.5rem) var(--_ui5-cozy-size, 2rem);
1009
- --_ui5_slider_handle_border: .0625rem solid var(--sapField_BorderColor);
995
+ --_ui5_slider_handle_focus_border: .125rem solid var(--sapContent_FocusColor);
996
+ --ui5_slider_handle_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
997
+ --ui5_slider_handle_outline_offset: .0625rem;
998
+ --_ui5_slider_handle_background: var(--sapSlider_HandleBackground);
999
+ --_ui5_slider_handle_border: .0625rem solid var(--sapSlider_HandleBorderColor);
1010
1000
  --_ui5_slider_handle_border_radius: .5rem;
1011
- --_ui5_slider_handle_background: var(--sapButton_Background);
1012
- --_ui5_range_slider_handle_background: var(--sapSlider_RangeHandleBackground);
1013
- --_ui5_slider_track_total_height: var(--_ui5-light-scheme, var(--_ui5-compact-size, var(--_ui5_slider_inner_height)) var(--_ui5-cozy-size, var(--_ui5_slider_inner_height))) var(--_ui5-dark-scheme, var(--_ui5_slider_inner_height));
1014
- --_ui5_slider_handle_top: var(--_ui5-compact-size, calc((var(--_ui5_slider_track_total_height) - var(--_ui5_slider_handle_height)) / 2)) var(--_ui5-cozy-size, calc((var(--_ui5_slider_track_total_height) - var(--_ui5_slider_handle_height)) / 2));
1015
- --_ui5_slider_tickmark_bg: var(--sapField_BorderColor);
1016
- --_ui5_slider_tickmark_in_range_bg: var(--sapButton_Active_Background);
1017
- --_ui5_slider_handle_hover_background: var(--sapButton_Hover_Background);
1018
- --_ui5_slider_handle_hover_border: var(--_ui5_slider_handle_border);
1019
- --_ui5_slider_handle_outline: none;
1020
- --_ui5_slider_handle_focus_border: .125rem solid var(--sapField_BorderColor);
1021
- --_ui5_slider_handle_outline_offset: .075rem;
1022
- --_ui5_slider_progress_outline: var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);
1023
- --_ui5_slider_progress_outline_offset: var(--_ui5-compact-size, -.625rem) var(--_ui5-cozy-size, -14px);
1024
- --_ui5_slider_tickmark_top: calc((var(--_ui5_slider_track_total_height) - var(--_ui5_slider_tickmark_height)) / 2);
1025
- --_ui5_slider_disabled_opacity: .4;
1026
- --_ui5_slider_tooltip_fontsize: var(--sapFontSmallSize);
1027
- --_ui5_slider_tooltip_color: var(--sapContent_LabelColor);
1028
- --_ui5_slider_tooltip_background: var(--sapField_Background);
1029
- --_ui5_slider_tooltip_border_radius: var(--sapElement_BorderCornerRadius);
1030
- --_ui5_slider_tooltip_border_color: var(--sapField_BorderColor);
1031
- --_ui5_slider_tooltip_border: .0625rem solid var(--_ui5_slider_tooltip_border_color);
1032
- --_ui5_slider_tooltip_box_shadow: none;
1033
- --_ui5_slider_tooltip_padding: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, .25rem);
1034
- --_ui5_slider_tooltip_height: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, 1.375rem);
1035
- --_ui5_slider_tooltip_min_width: 2rem;
1036
- --_ui5_slider_tooltip_bottom: 2rem;
1037
- --_ui5_slider_label_fontsize: var(--sapFontSmallSize);
1038
- --_ui5_slider_label_color: var(--sapContent_LabelColor);
1039
- --_ui5_range_slider_progress_focus_display: block;
1040
- --_ui5_range_slider_progress_focus_top: calc(-1 * ((var(--_ui5_slider_handle_height) / 2) + .1875rem) + 2 * var(--_ui5_slider_progress_border_width));
1041
- --_ui5_range_slider_progress_focus_left: calc(-1 * ((var(--_ui5_slider_handle_width) / 2) + .1875rem + var(--_ui5_slider_progress_border_width)));
1042
- --_ui5_range_slider_progress_focus_padding: 0 1.375rem 0 1.438rem;
1043
- --_ui5_range_slider_progress_focus_height: calc(var(--_ui5_slider_handle_height) + .375rem);
1044
- --_ui5_range_slider_legacy_progress_focus_display: none;
1045
- --_ui5_slider_handle_focus_width: 0;
1046
- --_ui5_slider_start_end_point_size: .5rem;
1047
- --_ui5_slider_start_end_point_left: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -.95rem);
1048
- --_ui5_slider_start_end_point_top: -.125rem;
1001
+ --_ui5_slider_handle_hover_background: var(--sapSlider_Hover_HandleBackground);
1002
+ --_ui5_slider_handle_hover_border: .0625rem solid var(--sapSlider_Hover_HandleBorderColor);
1049
1003
  --_ui5_slider_handle_background_focus: var(--sapSlider_Active_RangeHandleBackground);
1050
- --_ui5_slider_handle_focused_tooltip_distance: calc(var(--_ui5_slider_tooltip_bottom) - 1px);
1004
+ --_ui5_slider_handle_active_border: .125rem solid var(--sapSlider_Active_HandleBorderColor);
1005
+ --_ui5_slider_handle_icon_display: inline-block;
1006
+ --_ui5_slider_handle_icon_size: .875rem;
1051
1007
  --_ui5_slider_handle_box_sizing: border-box;
1052
- --_ui5_slider_tooltip_border_box: border-box;
1053
- --_ui5_range_slider_handle_active_background: var(--sapSlider_Active_RangeHandleBackground);
1054
- --_ui5_range_slider_active_handle_icon_display: none;
1055
- --_ui5_range_slider_handle_background_focus: transparent;
1056
- --_ui5_range_slider_progress_focus_width: 100%;
1057
- --_ui5_range_slider_root_active_handle_icon_display: none;
1058
- --_ui5_slider_tickmark_height: .5rem;
1059
- --_ui5_slider_progress_box_sizing: border-box;
1060
- --_ui5_slider_active_progress_box_sizing: content-box;
1061
- --_ui5_range_slider_focus_outline_width: var(--_ui5-compact-size, calc(100% + var(--_ui5_slider_handle_width) + 12px)) var(--_ui5-cozy-size, calc(100% + var(--_ui5_slider_handle_width) + 12px));
1062
- --_ui5_slider_progress_outline_offset_left: var(--_ui5-compact-size, calc(-1 * (var(--_ui5_slider_handle_width) / 2) - 6px)) var(--_ui5-cozy-size, calc(-1 * (var(--_ui5_slider_handle_width) / 2) - 6px));
1063
- --_ui5_range_slider_focus_outline_radius: .5rem;
1064
- --_ui5_slider_progress_container_top: 0;
1065
- --_ui5_slider_progress_height: .375rem;
1066
- --_ui5_slider_active_progress_border: solid .0625rem var(--sapSlider_Selected_BorderColor);
1067
- --_ui5_slider_active_progress_border_radius: .25rem;
1068
- --_ui5_slider_active_progress_left: -.0625rem;
1069
- --_ui5_slider_active_progress_top: -.0625rem;
1070
- --_ui5_slider_active_progress_padding: .125rem;
1071
- --_ui5_slider_active_progress_height: calc(var(--_ui5_slider_progress_height) - .125rem);
1072
- --_ui5_slider_no_tickmarks_progress_container_top: 0;
1073
- --_ui5_slider_no_tickmarks_progress_height: var(--_ui5_slider_progress_height);
1074
- --_ui5_slider_no_tickmarks_active_progress_border: none;
1075
- --_ui5_slider_no_tickmarks_active_progress_left: 0;
1076
- --_ui5_slider_no_tickmarks_active_progress_top: 0;
1077
- --_ui5_slider_no_tickmarks_active_progress_height: calc(var(--_ui5_slider_no_tickmarks_progress_height) - .125rem);
1078
- --_ui5_slider_handle_focus_visibility: block;
1079
- --_ui5_slider_handle_icon_size: var(--_ui5-compact-size, .875rem) var(--_ui5-cozy-size, .875rem);
1080
- --_ui5_range_slider_root_hover_handle_bg: var(--sapButton_Hover_Background);
1081
- --_ui5_range_slider_progress_focus_right: calc(-1 * ((var(--_ui5_slider_handle_width) / 2) + .1875rem + var(--_ui5_slider_progress_border_width)));
1082
- --ui5_slider_handle_outline: var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);
1083
- --ui5_slider_handle_outline_offset: 3px;
1084
- --ui5_slider_scale_background: var(--sapSlider_Background);
1085
- --_ui5_slider_scale_border: 1px solid var(--sapSlider_Selected_BorderColor);
1008
+ --_ui5_slider_scale_background: var(--sapSlider_Background);
1009
+ --_ui5_slider_scale_progress_background: var(--sapSlider_Selected_Background);
1010
+ --_ui5_slider_scale_progress_border: 1px solid var(--sapSlider_Selected_BorderColor);
1086
1011
  --_ui5_slider_scale_dots_distance: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1rem);
1012
+ --_ui5_slider_scale_dots_display: inline-block;
1087
1013
  --_ui5_slider_scale_tickmark_height: .5rem;
1088
1014
  --_ui5_slider_scale_root_box_sizing: content-box;
1089
- --_ui5_slider_scale_progress_border: 1px solid var(--sapSlider_Selected_BorderColor);
1090
- --_ui5_slider_scale_progress_height: .375rem;
1091
1015
  --_ui5_slider_scale_progress_top: -1px;
1092
- --_ui5_slider_scale_dots_display: inline-block;
1016
+ --_ui5_slider_scale_progress_height: .375rem;
1017
+ --_ui5_range_slider_progress_focus_display: block;
1018
+ --_ui5_range_slider_progress_focus_top: calc(-1 * ((var(--_ui5_slider_handle_height) / 2) + .1875rem) + 2 * var(--_ui5_slider_progress_border_width) - .125rem);
1019
+ --_ui5_range_slider_progress_focus_left: calc(-1 * ((var(--_ui5_slider_handle_width) / 2) + .1875rem + var(--_ui5_slider_progress_border_width)) - .125rem);
1020
+ --_ui5_range_slider_progress_focus_right: calc(-1 * ((var(--_ui5_slider_handle_width) / 2) + .1875rem + var(--_ui5_slider_progress_border_width)) - .125rem - .0625rem);
1021
+ --_ui5_range_slider_progress_focus_height: calc(var(--_ui5_slider_handle_height) + .375rem + .25rem + .0625rem);
1022
+ --_ui5_range_slider_progress_focus_padding: 0 1rem 0 1rem;
1023
+ --_ui5_range_slider_progress_focus_border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
1024
+ --_ui5_range_slider_progress_focus_border_radius: .5rem;
1025
+ --_ui5_range_slider_legacy_progress_focus_display: none;
1026
+ --_ui5_range_slider_focus_outline_width: 100%;
1027
+ --_ui5_slider_progress_outline: .0625rem var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
1028
+ --_ui5_range_slider_focus_outline_radius: 0;
1029
+ --_ui5_slider_progress_outline_offset: var(--_ui5-compact-size, -.625rem) var(--_ui5-cozy-size, -.8125rem);
1030
+ --_ui5_slider_outer_height: var(--_ui5-compact-size, 1.3125rem) var(--_ui5-cozy-size, 1.6875rem);
1031
+ --_ui5_slider_progress_outline_offset_left: 0;
1032
+ --_ui5_slider_scale_progress_border_radius: .25rem;
1033
+ --_ui5_slider_scale_border: 1px solid var(--sapSlider_Selected_BorderColor);
1093
1034
  --_ui5_step_input_input_error_background_color: var(--sapField_InvalidBackground);
1094
1035
  --_ui5-step_input_button_state_hover_background_color: var(--sapField_Background);
1095
1036
  --_ui5_step_input_border_style: 1px solid var(--sapField_BorderColor);
@@ -1229,6 +1170,8 @@ export default `:host {
1229
1170
  --___ui5-test-cozy-only: red;
1230
1171
  --___ui5-test-both: var(--_ui5-compact-size, blue) var(--_ui5-cozy-size, red);
1231
1172
  --___ui5-test-compact-only: var(--_ui5-compact-size, blue) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
1173
+ --_ui5_slider_tooltip_height: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
1174
+ --_ui5_slider_tooltip_padding: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
1232
1175
  --_ui5_rotation_90deg: rotate(90deg);
1233
1176
  --_ui5_rotation_minus_90deg: rotate(-90deg);
1234
1177
  --_ui5_icon_transform_scale: none;