@ui5/webcomponents 2.23.0-rc.1 → 2.23.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 (288) hide show
  1. package/CHANGELOG.md +118 -0
  2. package/dist/.tsbuildinfo +1 -1
  3. package/dist/ColorPicker.d.ts +2 -0
  4. package/dist/ColorPicker.js +26 -10
  5. package/dist/ColorPicker.js.map +1 -1
  6. package/dist/ColorPickerTemplate.js +2 -2
  7. package/dist/ColorPickerTemplate.js.map +1 -1
  8. package/dist/DayPicker.d.ts +3 -1
  9. package/dist/DayPicker.js +17 -3
  10. package/dist/DayPicker.js.map +1 -1
  11. package/dist/DayPickerTemplate.js +1 -1
  12. package/dist/DayPickerTemplate.js.map +1 -1
  13. package/dist/ExpandableText.d.ts +2 -0
  14. package/dist/ExpandableText.js +11 -0
  15. package/dist/ExpandableText.js.map +1 -1
  16. package/dist/ExpandableTextTemplate.js +1 -1
  17. package/dist/ExpandableTextTemplate.js.map +1 -1
  18. package/dist/Form.d.ts +1 -1
  19. package/dist/Form.js +1 -1
  20. package/dist/Form.js.map +1 -1
  21. package/dist/FormGroup.d.ts +1 -0
  22. package/dist/FormGroup.js.map +1 -1
  23. package/dist/FormTemplate.js +1 -1
  24. package/dist/FormTemplate.js.map +1 -1
  25. package/dist/ListBoxItemGroupTemplate.js +1 -2
  26. package/dist/ListBoxItemGroupTemplate.js.map +1 -1
  27. package/dist/ListItem.d.ts +2 -2
  28. package/dist/ListItem.js.map +1 -1
  29. package/dist/ListItemBase.d.ts +1 -1
  30. package/dist/ListItemBase.js +1 -2
  31. package/dist/ListItemBase.js.map +1 -1
  32. package/dist/ListItemGroupHeader.d.ts +1 -1
  33. package/dist/ListItemGroupHeader.js.map +1 -1
  34. package/dist/PopoverResize.js +1 -1
  35. package/dist/PopoverResize.js.map +1 -1
  36. package/dist/Popup.js +8 -3
  37. package/dist/Popup.js.map +1 -1
  38. package/dist/RadioButton.d.ts +1 -0
  39. package/dist/RadioButton.js +1 -0
  40. package/dist/RadioButton.js.map +1 -1
  41. package/dist/RadioButtonTemplate.js +1 -1
  42. package/dist/RadioButtonTemplate.js.map +1 -1
  43. package/dist/RangeSlider.d.ts +4 -0
  44. package/dist/RangeSlider.js +32 -8
  45. package/dist/RangeSlider.js.map +1 -1
  46. package/dist/RangeSliderTemplate.js +5 -5
  47. package/dist/RangeSliderTemplate.js.map +1 -1
  48. package/dist/RatingIndicatorTemplate.js +1 -4
  49. package/dist/RatingIndicatorTemplate.js.map +1 -1
  50. package/dist/Select.d.ts +1 -0
  51. package/dist/Select.js +4 -1
  52. package/dist/Select.js.map +1 -1
  53. package/dist/SelectPopoverTemplate.js +3 -3
  54. package/dist/SelectPopoverTemplate.js.map +1 -1
  55. package/dist/Slider.d.ts +2 -0
  56. package/dist/Slider.js +20 -11
  57. package/dist/Slider.js.map +1 -1
  58. package/dist/SliderBase.d.ts +28 -0
  59. package/dist/SliderBase.js +36 -0
  60. package/dist/SliderBase.js.map +1 -1
  61. package/dist/SliderScale.js +3 -0
  62. package/dist/SliderScale.js.map +1 -1
  63. package/dist/SliderTemplate.js +3 -3
  64. package/dist/SliderTemplate.js.map +1 -1
  65. package/dist/Tab.d.ts +0 -1
  66. package/dist/Tab.js +1 -2
  67. package/dist/Tab.js.map +1 -1
  68. package/dist/TabContainer.js +1 -1
  69. package/dist/TabContainer.js.map +1 -1
  70. package/dist/TableGroupRow.d.ts +1 -1
  71. package/dist/TableGroupRow.js +1 -1
  72. package/dist/TableGroupRow.js.map +1 -1
  73. package/dist/Tokenizer.js +10 -6
  74. package/dist/Tokenizer.js.map +1 -1
  75. package/dist/bundle.esm.js +3 -3
  76. package/dist/bundle.esm.js.map +1 -1
  77. package/dist/css/themes/ColorPicker.css +1 -1
  78. package/dist/css/themes/ExpandableText.css +1 -1
  79. package/dist/css/themes/Popover.css +1 -1
  80. package/dist/css/themes/RadioButton.css +1 -1
  81. package/dist/css/themes/RatingIndicator.css +1 -1
  82. package/dist/css/themes/ResponsivePopoverCommon.css +1 -1
  83. package/dist/css/themes/Text.css +1 -1
  84. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  85. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  86. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  87. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  88. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  89. package/dist/css/themes/sap_horizon_auto/parameters-bundle.css +9 -10
  90. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
  91. package/dist/css/themes/sap_horizon_hc_auto/parameters-bundle.css +9 -10
  92. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -1
  93. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -1
  94. package/dist/custom-elements-internal.json +184 -312
  95. package/dist/custom-elements.json +152 -14
  96. package/dist/generated/assets/i18n/messagebundle_ar.json +1 -1
  97. package/dist/generated/assets/i18n/messagebundle_bg.json +1 -1
  98. package/dist/generated/assets/i18n/messagebundle_ca.json +1 -1
  99. package/dist/generated/assets/i18n/messagebundle_cnr.json +1 -1
  100. package/dist/generated/assets/i18n/messagebundle_cs.json +1 -1
  101. package/dist/generated/assets/i18n/messagebundle_cy.json +1 -1
  102. package/dist/generated/assets/i18n/messagebundle_da.json +1 -1
  103. package/dist/generated/assets/i18n/messagebundle_de.json +1 -1
  104. package/dist/generated/assets/i18n/messagebundle_el.json +1 -1
  105. package/dist/generated/assets/i18n/messagebundle_en_GB.json +1 -1
  106. package/dist/generated/assets/i18n/messagebundle_es.json +1 -1
  107. package/dist/generated/assets/i18n/messagebundle_es_MX.json +1 -1
  108. package/dist/generated/assets/i18n/messagebundle_et.json +1 -1
  109. package/dist/generated/assets/i18n/messagebundle_fi.json +1 -1
  110. package/dist/generated/assets/i18n/messagebundle_fr.json +1 -1
  111. package/dist/generated/assets/i18n/messagebundle_fr_CA.json +1 -1
  112. package/dist/generated/assets/i18n/messagebundle_hi.json +1 -1
  113. package/dist/generated/assets/i18n/messagebundle_hr.json +1 -1
  114. package/dist/generated/assets/i18n/messagebundle_hu.json +1 -1
  115. package/dist/generated/assets/i18n/messagebundle_id.json +1 -1
  116. package/dist/generated/assets/i18n/messagebundle_it.json +1 -1
  117. package/dist/generated/assets/i18n/messagebundle_iw.json +1 -1
  118. package/dist/generated/assets/i18n/messagebundle_ja.json +1 -1
  119. package/dist/generated/assets/i18n/messagebundle_kk.json +1 -1
  120. package/dist/generated/assets/i18n/messagebundle_ko.json +1 -1
  121. package/dist/generated/assets/i18n/messagebundle_lt.json +1 -1
  122. package/dist/generated/assets/i18n/messagebundle_lv.json +1 -1
  123. package/dist/generated/assets/i18n/messagebundle_mk.json +1 -1
  124. package/dist/generated/assets/i18n/messagebundle_ms.json +1 -1
  125. package/dist/generated/assets/i18n/messagebundle_nl.json +1 -1
  126. package/dist/generated/assets/i18n/messagebundle_no.json +1 -1
  127. package/dist/generated/assets/i18n/messagebundle_pl.json +1 -1
  128. package/dist/generated/assets/i18n/messagebundle_pt.json +1 -1
  129. package/dist/generated/assets/i18n/messagebundle_pt_PT.json +1 -1
  130. package/dist/generated/assets/i18n/messagebundle_ro.json +1 -1
  131. package/dist/generated/assets/i18n/messagebundle_ru.json +1 -1
  132. package/dist/generated/assets/i18n/messagebundle_sh.json +1 -1
  133. package/dist/generated/assets/i18n/messagebundle_sk.json +1 -1
  134. package/dist/generated/assets/i18n/messagebundle_sl.json +1 -1
  135. package/dist/generated/assets/i18n/messagebundle_sr.json +1 -1
  136. package/dist/generated/assets/i18n/messagebundle_sv.json +1 -1
  137. package/dist/generated/assets/i18n/messagebundle_th.json +1 -1
  138. package/dist/generated/assets/i18n/messagebundle_tr.json +1 -1
  139. package/dist/generated/assets/i18n/messagebundle_uk.json +1 -1
  140. package/dist/generated/assets/i18n/messagebundle_vi.json +1 -1
  141. package/dist/generated/assets/i18n/messagebundle_zh_CN.json +1 -1
  142. package/dist/generated/assets/i18n/messagebundle_zh_TW.json +1 -1
  143. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  144. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  145. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  146. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  147. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  148. package/dist/generated/assets/themes/sap_horizon_auto/parameters-bundle.css.json +1 -1
  149. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
  150. package/dist/generated/assets/themes/sap_horizon_hc_auto/parameters-bundle.css.json +1 -1
  151. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
  152. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  153. package/dist/generated/i18n/i18n-defaults.d.ts +2 -1
  154. package/dist/generated/i18n/i18n-defaults.js +2 -1
  155. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  156. package/dist/generated/themes/ColorPicker.css.d.ts +1 -1
  157. package/dist/generated/themes/ColorPicker.css.js +1 -1
  158. package/dist/generated/themes/ColorPicker.css.js.map +1 -1
  159. package/dist/generated/themes/ExpandableText.css.d.ts +1 -1
  160. package/dist/generated/themes/ExpandableText.css.js +1 -1
  161. package/dist/generated/themes/ExpandableText.css.js.map +1 -1
  162. package/dist/generated/themes/Popover.css.d.ts +1 -1
  163. package/dist/generated/themes/Popover.css.js +1 -1
  164. package/dist/generated/themes/Popover.css.js.map +1 -1
  165. package/dist/generated/themes/RadioButton.css.d.ts +1 -1
  166. package/dist/generated/themes/RadioButton.css.js +1 -1
  167. package/dist/generated/themes/RadioButton.css.js.map +1 -1
  168. package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
  169. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  170. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  171. package/dist/generated/themes/ResponsivePopoverCommon.css.d.ts +1 -1
  172. package/dist/generated/themes/ResponsivePopoverCommon.css.js +1 -1
  173. package/dist/generated/themes/ResponsivePopoverCommon.css.js.map +1 -1
  174. package/dist/generated/themes/Text.css.d.ts +1 -1
  175. package/dist/generated/themes/Text.css.js +1 -1
  176. package/dist/generated/themes/Text.css.js.map +1 -1
  177. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +1 -1
  178. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  179. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
  180. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +1 -1
  181. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  182. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
  183. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +1 -1
  184. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  185. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
  186. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +1 -1
  187. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  188. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
  189. package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +1 -1
  190. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  191. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  192. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.d.ts +1 -1
  193. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js +9 -10
  194. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js.map +1 -1
  195. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +1 -1
  196. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -1
  197. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
  198. package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.d.ts +1 -1
  199. package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js +9 -10
  200. package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js.map +1 -1
  201. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +1 -1
  202. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -1
  203. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
  204. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +1 -1
  205. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -1
  206. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
  207. package/dist/types/ListItemAccessibleRole.d.ts +0 -5
  208. package/dist/types/ListItemAccessibleRole.js +0 -5
  209. package/dist/types/ListItemAccessibleRole.js.map +1 -1
  210. package/dist/vscode.html-custom-data.json +19 -4
  211. package/dist/web-types.json +30 -6
  212. package/package.json +9 -9
  213. package/src/ColorPickerTemplate.tsx +2 -2
  214. package/src/DayPickerTemplate.tsx +1 -0
  215. package/src/ExpandableTextTemplate.tsx +1 -1
  216. package/src/FormTemplate.tsx +1 -1
  217. package/src/ListBoxItemGroupTemplate.tsx +1 -2
  218. package/src/RadioButtonTemplate.tsx +1 -0
  219. package/src/RangeSliderTemplate.tsx +7 -4
  220. package/src/RatingIndicatorTemplate.tsx +1 -5
  221. package/src/SelectPopoverTemplate.tsx +12 -6
  222. package/src/SliderTemplate.tsx +5 -3
  223. package/src/i18n/messagebundle.properties +3 -0
  224. package/src/i18n/messagebundle_ar.properties +1 -0
  225. package/src/i18n/messagebundle_bg.properties +1 -0
  226. package/src/i18n/messagebundle_ca.properties +1 -0
  227. package/src/i18n/messagebundle_cnr.properties +1 -0
  228. package/src/i18n/messagebundle_cs.properties +1 -0
  229. package/src/i18n/messagebundle_cy.properties +1 -0
  230. package/src/i18n/messagebundle_da.properties +1 -0
  231. package/src/i18n/messagebundle_de.properties +1 -0
  232. package/src/i18n/messagebundle_el.properties +1 -0
  233. package/src/i18n/messagebundle_en.properties +0 -340
  234. package/src/i18n/messagebundle_en_GB.properties +1 -0
  235. package/src/i18n/messagebundle_es.properties +1 -0
  236. package/src/i18n/messagebundle_es_MX.properties +1 -0
  237. package/src/i18n/messagebundle_et.properties +1 -0
  238. package/src/i18n/messagebundle_fi.properties +1 -0
  239. package/src/i18n/messagebundle_fr.properties +1 -0
  240. package/src/i18n/messagebundle_fr_CA.properties +1 -0
  241. package/src/i18n/messagebundle_hi.properties +1 -0
  242. package/src/i18n/messagebundle_hr.properties +2 -1
  243. package/src/i18n/messagebundle_hu.properties +1 -0
  244. package/src/i18n/messagebundle_id.properties +1 -0
  245. package/src/i18n/messagebundle_it.properties +1 -0
  246. package/src/i18n/messagebundle_iw.properties +1 -0
  247. package/src/i18n/messagebundle_ja.properties +1 -0
  248. package/src/i18n/messagebundle_kk.properties +1 -0
  249. package/src/i18n/messagebundle_ko.properties +1 -0
  250. package/src/i18n/messagebundle_lt.properties +1 -0
  251. package/src/i18n/messagebundle_lv.properties +1 -0
  252. package/src/i18n/messagebundle_mk.properties +1 -0
  253. package/src/i18n/messagebundle_ms.properties +1 -0
  254. package/src/i18n/messagebundle_nl.properties +1 -0
  255. package/src/i18n/messagebundle_no.properties +1 -0
  256. package/src/i18n/messagebundle_pl.properties +1 -0
  257. package/src/i18n/messagebundle_pt.properties +1 -0
  258. package/src/i18n/messagebundle_pt_PT.properties +1 -0
  259. package/src/i18n/messagebundle_ro.properties +1 -0
  260. package/src/i18n/messagebundle_ru.properties +1 -0
  261. package/src/i18n/messagebundle_sh.properties +1 -0
  262. package/src/i18n/messagebundle_sk.properties +1 -0
  263. package/src/i18n/messagebundle_sl.properties +1 -0
  264. package/src/i18n/messagebundle_sr.properties +1 -0
  265. package/src/i18n/messagebundle_sv.properties +1 -0
  266. package/src/i18n/messagebundle_th.properties +1 -0
  267. package/src/i18n/messagebundle_tr.properties +1 -0
  268. package/src/i18n/messagebundle_uk.properties +1 -0
  269. package/src/i18n/messagebundle_vi.properties +1 -0
  270. package/src/i18n/messagebundle_zh_CN.properties +1 -0
  271. package/src/i18n/messagebundle_zh_TW.properties +1 -0
  272. package/src/themes/ColorPicker.css +2 -0
  273. package/src/themes/ExpandableText.css +8 -0
  274. package/src/themes/Popover.css +1 -4
  275. package/src/themes/RadioButton.css +17 -14
  276. package/src/themes/RatingIndicator.css +0 -1
  277. package/src/themes/ResponsivePopoverCommon.css +3 -3
  278. package/src/themes/Text.css +4 -9
  279. package/src/themes/base/RadioButton-parameters.css +3 -3
  280. package/src/themes/base/sizes-parameters.css +4 -7
  281. package/src/themes/sap_horizon/CheckBox-parameters.css +5 -5
  282. package/src/themes/sap_horizon/RadioButton-parameters.css +2 -2
  283. package/src/themes/sap_horizon_dark/CheckBox-parameters.css +5 -5
  284. package/src/themes/sap_horizon_dark/RadioButton-parameters.css +2 -2
  285. package/src/themes/sap_horizon_hcb/CheckBox-parameters.css +5 -5
  286. package/src/themes/sap_horizon_hcb/RadioButton-parameters.css +2 -2
  287. package/src/themes/sap_horizon_hcw/CheckBox-parameters.css +5 -5
  288. package/src/themes/sap_horizon_hcw/RadioButton-parameters.css +2 -2
package/src/themes/sap_horizon/RadioButton-parameters.css CHANGED
@@ -10,7 +10,7 @@
10
10
  --_ui5_radio_button_border_radius: 0.5rem;
11
11
  --_ui5_radio_button_label_color: var(--sapField_TextColor);
12
12
  --_ui5_radio_button_inner_ring_radius: 27.5%;
13
- --_ui5_radio_button_outer_ring_padding: 0 0.6875rem;
13
+ --_ui5_radio_button_outer_ring_padding: 0.6875rem;
14
14
  --_ui5_radio_button_read_only_border_type: 4, 2;
15
15
  --_ui5_radio_button_inner_ring_color: var(--sapContent_Selected_ForegroundColor);
16
16
  --_ui5_radio_button_checked_warning_fill: var(--sapField_WarningColor);
@@ -21,7 +21,7 @@
21
21
 
22
22
  @container style(--ui5_content_density: compact) {
23
23
  :host {
24
- --_ui5_radio_button_outer_ring_padding: 0 0.5rem;
24
+ --_ui5_radio_button_outer_ring_padding: 0.5rem;
25
25
  --_ui5_radio_button_focus_dist: 0.1875rem;
26
26
  }
27
27
  }
package/src/themes/sap_horizon_dark/CheckBox-parameters.css CHANGED
@@ -11,7 +11,7 @@
11
11
  --_ui5_checkbox_inner_border_radius: var(--sapField_BorderCornerRadius);
12
12
  --_ui5_checkbox_checkmark_color: var(--sapContent_Selected_ForegroundColor);
13
13
  /* hover & active */
14
- --_ui5_checkbox_hover_background: var(--sapContent_Selected_Hover_Background);
14
+ --_ui5_checkbox_hover_background: var(--sapField_Selector_Hover_Background);
15
15
  --_ui5_checkbox_inner_hover_border_color: var(--sapField_Hover_BorderColor);
16
16
  --_ui5_checkbox_inner_hover_checked_border_color: var(--sapField_Hover_BorderColor);
17
17
  --_ui5_checkbox_inner_selected_border_color: var(--sapField_BorderColor);
@@ -21,19 +21,19 @@
21
21
  --_ui5_checkbox_inner_readonly_border: var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) dashed;
22
22
  /* error state */
23
23
  --_ui5_checkbox_inner_error_border: var(--sapField_InvalidBorderWidth) solid var(--sapField_InvalidColor);
24
- --_ui5_checkbox_inner_error_background_hover: var(--sapField_Hover_Background);
24
+ --_ui5_checkbox_inner_error_background_hover: var(--sapField_Selector_Hover_InvalidBackground);
25
25
  /* warning state */
26
26
  --_ui5_checkbox_inner_warning_border: var(--sapField_WarningBorderWidth) solid var(--sapField_WarningColor);
27
27
  --_ui5_checkbox_inner_warning_color: var(--sapField_WarningColor);
28
- --_ui5_checkbox_inner_warning_background_hover: var(--sapField_Hover_Background);
28
+ --_ui5_checkbox_inner_warning_background_hover: var(--sapField_Selector_Hover_WarningBackground);
29
29
  --_ui5_checkbox_checkmark_warning_color: var(--sapField_WarningColor);
30
30
  /* success state */
31
31
  --_ui5_checkbox_inner_success_border: var(--sapField_SuccessBorderWidth) solid var(--sapField_SuccessColor);
32
- --_ui5_checkbox_inner_success_background_hover: var(--sapField_Hover_Background);
32
+ --_ui5_checkbox_inner_success_background_hover: var(--sapField_Selector_Hover_SuccessBackground);
33
33
  /* information state */
34
34
  --_ui5_checkbox_inner_information_color: var(--sapField_InformationColor);
35
35
  --_ui5_checkbox_inner_information_border: var(--sapField_InformationBorderWidth) solid var(--sapField_InformationColor);
36
- --_ui5_checkbox_inner_information_background_hover: var(--sapField_Hover_Background);
36
+ --_ui5_checkbox_inner_information_background_hover: var(--sapField_Selector_Hover_InformationBackground);
37
37
  /* disabled */
38
38
  --_ui5_checkbox_disabled_opacity: var(--sapContent_DisabledOpacity);
39
39
  /* focus */
package/src/themes/sap_horizon_dark/RadioButton-parameters.css CHANGED
@@ -10,7 +10,7 @@
10
10
  --_ui5_radio_button_border_radius: 0.5rem;
11
11
  --_ui5_radio_button_label_color: var(--sapField_TextColor);
12
12
  --_ui5_radio_button_inner_ring_radius: 27.5%;
13
- --_ui5_radio_button_outer_ring_padding: 0 0.6875rem;
13
+ --_ui5_radio_button_outer_ring_padding: 0.6875rem;
14
14
  --_ui5_radio_button_read_only_border_type: 4, 2;
15
15
  --_ui5_radio_button_inner_ring_color: var(--sapContent_Selected_ForegroundColor);
16
16
  --_ui5_radio_button_checked_warning_fill: var(--sapField_WarningColor);
@@ -21,7 +21,7 @@
21
21
 
22
22
  @container style(--ui5_content_density: compact) {
23
23
  :host {
24
- --_ui5_radio_button_outer_ring_padding: 0 0.5rem;
24
+ --_ui5_radio_button_outer_ring_padding: 0.5rem;
25
25
  --_ui5_radio_button_focus_dist: 0.1875rem;
26
26
  }
27
27
  }
package/src/themes/sap_horizon_hcb/CheckBox-parameters.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --_ui5_checkbox_inner_border_radius: var(--sapField_BorderCornerRadius);
13
13
  --_ui5_checkbox_checkmark_color: var(--sapContent_Selected_ForegroundColor);
14
14
  /* hover & active */
15
- --_ui5_checkbox_hover_background: var(--sapSelectedColor);
15
+ --_ui5_checkbox_hover_background: var(--sapField_Selector_Hover_Background);
16
16
  --_ui5_checkbox_inner_hover_border_color: var(--sapField_Hover_BorderColor);
17
17
  --_ui5_checkbox_inner_hover_checked_border_color: var(--sapField_Hover_BorderColor);
18
18
  --_ui5_checkbox_inner_selected_border_color: var(--sapField_Hover_BorderColor);
@@ -23,19 +23,19 @@
23
23
  --_ui5_checkbox_inner_readonly_border: var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) solid;
24
24
  /* error state */
25
25
  --_ui5_checkbox_inner_error_border: var(--sapField_InvalidBorderWidth) dashed var(--sapField_InvalidColor);
26
- --_ui5_checkbox_inner_error_background_hover: var(--sapField_InvalidBackground);
26
+ --_ui5_checkbox_inner_error_background_hover: var(--sapField_Selector_Hover_InvalidBackground);
27
27
  /* warning state */
28
28
  --_ui5_checkbox_inner_warning_border: var(--sapField_WarningBorderWidth) dashed var(--sapField_WarningColor);
29
29
  --_ui5_checkbox_inner_warning_color: var(--sapField_WarningColor);
30
- --_ui5_checkbox_inner_warning_background_hover: var(--sapField_Hover_Background);
30
+ --_ui5_checkbox_inner_warning_background_hover: var(--sapField_Selector_Hover_WarningBackground);
31
31
  --_ui5_checkbox_checkmark_warning_color: var(--sapField_WarningColor);
32
32
  /* success state */
33
33
  --_ui5_checkbox_inner_success_border: var(--sapField_SuccessBorderWidth) solid var(--sapField_SuccessColor);
34
- --_ui5_checkbox_inner_success_background_hover: var(--sapField_Hover_Background);
34
+ --_ui5_checkbox_inner_success_background_hover: var(--sapField_Selector_Hover_SuccessBackground);
35
35
  /* information state */
36
36
  --_ui5_checkbox_inner_information_color: var(--sapField_InformationColor);
37
37
  --_ui5_checkbox_inner_information_border: var(--sapField_InformationBorderWidth) dashed var(--sapField_InformationColor);
38
- --_ui5_checkbox_inner_information_background_hover: var(--sapField_Hover_Background);
38
+ --_ui5_checkbox_inner_information_background_hover: var(--sapField_Selector_Hover_InformationBackground);
39
39
  /* disabled */
40
40
  --_ui5_checkbox_disabled_opacity: var(--sapContent_DisabledOpacity);
41
41
  /* focus */
package/src/themes/sap_horizon_hcb/RadioButton-parameters.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --_ui5_radio_button_inner_ring_radius: 27.5%;
13
13
  --_ui5_radio_button_inner_ring_color: var(--sapContent_Selected_ForegroundColor);
14
14
  --_ui5_radio_button_outer_ring_width: 2px; /* px used due to bug in Safari on zoom */
15
- --_ui5_radio_button_outer_ring_padding: 0 0.6875rem;
15
+ --_ui5_radio_button_outer_ring_padding: 0.6875rem;
16
16
  --_ui5_radio_button_read_only_border_width: var(--sapElement_BorderWidth);
17
17
  --_ui5_radio_button_read_only_inner_ring_color: var(--sapField_TextColor);
18
18
  --_ui5_radio_button_focus_dist: 0.375rem;
@@ -20,7 +20,7 @@
20
20
 
21
21
  @container style(--ui5_content_density: compact) {
22
22
  :host {
23
- --_ui5_radio_button_outer_ring_padding: 0 0.5rem;
23
+ --_ui5_radio_button_outer_ring_padding: 0.5rem;
24
24
  --_ui5_radio_button_focus_dist: 0.1875rem;
25
25
  }
26
26
  }
package/src/themes/sap_horizon_hcw/CheckBox-parameters.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --_ui5_checkbox_inner_border_radius: var(--sapField_BorderCornerRadius);
13
13
  --_ui5_checkbox_checkmark_color: var(--sapContent_Selected_ForegroundColor);
14
14
  /* hover & active */
15
- --_ui5_checkbox_hover_background: var(--sapSelectedColor);
15
+ --_ui5_checkbox_hover_background: var(--sapField_Selector_Hover_Background);
16
16
  --_ui5_checkbox_inner_hover_border_color: var(--sapField_Hover_BorderColor);
17
17
  --_ui5_checkbox_inner_hover_checked_border_color: var(--sapField_Hover_BorderColor);
18
18
  --_ui5_checkbox_inner_selected_border_color: var(--sapField_Hover_BorderColor);
@@ -23,19 +23,19 @@
23
23
  --_ui5_checkbox_inner_readonly_border: var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) solid;
24
24
  /* error state */
25
25
  --_ui5_checkbox_inner_error_border: var(--sapField_InvalidBorderWidth) dashed var(--sapField_InvalidColor);
26
- --_ui5_checkbox_inner_error_background_hover: var(--sapField_InvalidBackground);
26
+ --_ui5_checkbox_inner_error_background_hover: var(--sapField_Selector_Hover_InvalidBackground);
27
27
  /* warning state */
28
28
  --_ui5_checkbox_inner_warning_border: var(--sapField_WarningBorderWidth) dashed var(--sapField_WarningColor);
29
29
  --_ui5_checkbox_inner_warning_color: var(--sapField_WarningColor);
30
- --_ui5_checkbox_inner_warning_background_hover: var(--sapField_Hover_Background);
30
+ --_ui5_checkbox_inner_warning_background_hover: var(--sapField_Selector_Hover_WarningBackground);
31
31
  --_ui5_checkbox_checkmark_warning_color: var(--sapField_WarningColor);
32
32
  /* success state */
33
33
  --_ui5_checkbox_inner_success_border: var(--sapField_SuccessBorderWidth) solid var(--sapField_SuccessColor);
34
- --_ui5_checkbox_inner_success_background_hover: var(--sapField_Hover_Background);
34
+ --_ui5_checkbox_inner_success_background_hover: var(--sapField_Selector_Hover_SuccessBackground);
35
35
  /* information state */
36
36
  --_ui5_checkbox_inner_information_color: var(--sapField_InformationColor);
37
37
  --_ui5_checkbox_inner_information_border: var(--sapField_InformationBorderWidth) dashed var(--sapField_InformationColor);
38
- --_ui5_checkbox_inner_information_background_hover: var(--sapField_Hover_Background);
38
+ --_ui5_checkbox_inner_information_background_hover: var(--sapField_Selector_Hover_InformationBackground);
39
39
  /* disabled */
40
40
  --_ui5_checkbox_disabled_opacity: var(--sapContent_DisabledOpacity);
41
41
  /* focus */
package/src/themes/sap_horizon_hcw/RadioButton-parameters.css CHANGED
@@ -16,7 +16,7 @@
16
16
  --_ui5_radio_button_inner_ring_radius: 27.5%;
17
17
  --_ui5_radio_button_inner_ring_color: var(--sapContent_Selected_ForegroundColor);
18
18
  --_ui5_radio_button_outer_ring_width: 2px; /* px used due to bug in Safari on zoom */
19
- --_ui5_radio_button_outer_ring_padding: 0 0.6875rem;
19
+ --_ui5_radio_button_outer_ring_padding: 0.6875rem;
20
20
  --_ui5_radio_button_read_only_border_width: var(--sapElement_BorderWidth);
21
21
  --_ui5_radio_button_read_only_inner_ring_color: var(--sapField_TextColor);
22
22
  --_ui5_radio_button_focus_dist: 0.375rem;
@@ -24,7 +24,7 @@
24
24
 
25
25
  @container style(--ui5_content_density: compact) {
26
26
  :host {
27
- --_ui5_radio_button_outer_ring_padding: 0 0.5rem;
27
+ --_ui5_radio_button_outer_ring_padding: 0.5rem;
28
28
  --_ui5_radio_button_focus_dist: 0.1875rem;
29
29
  }
30
30
  }