@ui5/webcomponents 1.1.2 → 1.2.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 (574) hide show
  1. package/CHANGELOG.md +100 -0
  2. package/README.md +1 -0
  3. package/dist/Avatar.js +1 -1
  4. package/dist/AvatarGroup.js +2 -2
  5. package/dist/Breadcrumbs.js +11 -4
  6. package/dist/BusyIndicator.js +1 -1
  7. package/dist/Button.js +44 -30
  8. package/dist/Calendar.js +1 -1
  9. package/dist/Card.js +2 -2
  10. package/dist/CheckBox.js +3 -3
  11. package/dist/ColorPalette.js +1 -1
  12. package/dist/ColorPaletteItem.js +2 -2
  13. package/dist/ColorPalettePopover.js +3 -3
  14. package/dist/ColorPicker.js +42 -4
  15. package/dist/ComboBox.js +10 -4
  16. package/dist/DatePicker.js +10 -8
  17. package/dist/DateRangePicker.js +7 -1
  18. package/dist/Dialog.js +35 -5
  19. package/dist/FileUploader.js +2 -1
  20. package/dist/Input.js +87 -19
  21. package/dist/Interfaces.js +1 -1
  22. package/dist/Label.js +7 -1
  23. package/dist/Link.js +16 -5
  24. package/dist/List.js +6 -16
  25. package/dist/ListItem.js +1 -1
  26. package/dist/ListItemBase.js +1 -1
  27. package/dist/MessageStrip.js +0 -8
  28. package/dist/MultiComboBox.js +186 -27
  29. package/dist/Panel.js +7 -8
  30. package/dist/Popover.js +39 -9
  31. package/dist/Popup.js +61 -26
  32. package/dist/ProgressIndicator.js +5 -0
  33. package/dist/RadioButton.js +1 -1
  34. package/dist/RangeSlider.js +6 -1
  35. package/dist/RatingIndicator.js +2 -2
  36. package/dist/ResponsivePopover.js +15 -11
  37. package/dist/SegmentedButton.js +2 -2
  38. package/dist/SegmentedButtonItem.js +7 -2
  39. package/dist/Select.js +14 -5
  40. package/dist/Slider.js +5 -0
  41. package/dist/SliderBase.js +4 -3
  42. package/dist/SplitButton.js +11 -5
  43. package/dist/StepInput.js +4 -4
  44. package/dist/Switch.js +13 -1
  45. package/dist/TabContainer.js +44 -3
  46. package/dist/Table.js +243 -4
  47. package/dist/TableColumn.js +0 -7
  48. package/dist/TableGroupRow.js +4 -0
  49. package/dist/TableRow.js +87 -8
  50. package/dist/TextArea.js +9 -4
  51. package/dist/Tokenizer.js +74 -8
  52. package/dist/Tree.js +5 -1
  53. package/dist/TreeItem.js +2 -2
  54. package/dist/TreeListItem.js +5 -2
  55. package/dist/api.json +129 -68
  56. package/dist/css/themes/Avatar.css +1 -1
  57. package/dist/css/themes/Button.css +1 -1
  58. package/dist/css/themes/Calendar.css +1 -1
  59. package/dist/css/themes/ColorPalettePopover.css +1 -1
  60. package/dist/css/themes/ComboBox.css +1 -1
  61. package/dist/css/themes/DatePickerPopover.css +1 -1
  62. package/dist/css/themes/Dialog.css +1 -1
  63. package/dist/css/themes/Input.css +1 -1
  64. package/dist/css/themes/ListItemBase.css +1 -1
  65. package/dist/css/themes/MultiComboBox.css +1 -1
  66. package/dist/css/themes/PopupGlobal.css +1 -1
  67. package/dist/css/themes/PopupsCommon.css +1 -1
  68. package/dist/css/themes/ResponsivePopover.css +1 -1
  69. package/dist/css/themes/SelectPopover.css +1 -1
  70. package/dist/css/themes/SplitButton.css +1 -1
  71. package/dist/css/themes/Suggestions.css +1 -1
  72. package/dist/css/themes/TabInOverflow.css +1 -1
  73. package/dist/css/themes/TableRow.css +1 -1
  74. package/dist/css/themes/TimePickerPopover.css +1 -1
  75. package/dist/css/themes/TokenizerPopover.css +1 -0
  76. package/dist/css/themes/ValueStateMessage.css +1 -1
  77. package/dist/css/themes/sap_belize/parameters-bundle.css +1 -1
  78. package/dist/css/themes/sap_belize_hcb/parameters-bundle.css +1 -1
  79. package/dist/css/themes/sap_belize_hcw/parameters-bundle.css +1 -1
  80. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  81. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  82. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  83. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  84. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  85. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -0
  86. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +1 -1
  87. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -0
  88. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -0
  89. package/dist/features/InputSuggestions.js +4 -0
  90. package/dist/generated/assets/i18n/messagebundle_ar.json +1 -1
  91. package/dist/generated/assets/i18n/messagebundle_bg.json +1 -1
  92. package/dist/generated/assets/i18n/messagebundle_ca.json +1 -1
  93. package/dist/generated/assets/i18n/messagebundle_cs.json +1 -1
  94. package/dist/generated/assets/i18n/messagebundle_cy.json +1 -1
  95. package/dist/generated/assets/i18n/messagebundle_da.json +1 -1
  96. package/dist/generated/assets/i18n/messagebundle_de.json +1 -1
  97. package/dist/generated/assets/i18n/messagebundle_el.json +1 -1
  98. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  99. package/dist/generated/assets/i18n/messagebundle_en_GB.json +1 -1
  100. package/dist/generated/assets/i18n/messagebundle_en_US_saprigi.json +1 -1
  101. package/dist/generated/assets/i18n/messagebundle_es.json +1 -1
  102. package/dist/generated/assets/i18n/messagebundle_es_MX.json +1 -1
  103. package/dist/generated/assets/i18n/messagebundle_et.json +1 -1
  104. package/dist/generated/assets/i18n/messagebundle_fi.json +1 -1
  105. package/dist/generated/assets/i18n/messagebundle_fr.json +1 -1
  106. package/dist/generated/assets/i18n/messagebundle_fr_CA.json +1 -1
  107. package/dist/generated/assets/i18n/messagebundle_hi.json +1 -1
  108. package/dist/generated/assets/i18n/messagebundle_hr.json +1 -1
  109. package/dist/generated/assets/i18n/messagebundle_hu.json +1 -1
  110. package/dist/generated/assets/i18n/messagebundle_it.json +1 -1
  111. package/dist/generated/assets/i18n/messagebundle_iw.json +1 -1
  112. package/dist/generated/assets/i18n/messagebundle_ja.json +1 -1
  113. package/dist/generated/assets/i18n/messagebundle_kk.json +1 -1
  114. package/dist/generated/assets/i18n/messagebundle_ko.json +1 -1
  115. package/dist/generated/assets/i18n/messagebundle_lt.json +1 -1
  116. package/dist/generated/assets/i18n/messagebundle_lv.json +1 -1
  117. package/dist/generated/assets/i18n/messagebundle_ms.json +1 -1
  118. package/dist/generated/assets/i18n/messagebundle_nl.json +1 -1
  119. package/dist/generated/assets/i18n/messagebundle_no.json +1 -1
  120. package/dist/generated/assets/i18n/messagebundle_pl.json +1 -1
  121. package/dist/generated/assets/i18n/messagebundle_pt.json +1 -1
  122. package/dist/generated/assets/i18n/messagebundle_pt_PT.json +1 -1
  123. package/dist/generated/assets/i18n/messagebundle_ro.json +1 -1
  124. package/dist/generated/assets/i18n/messagebundle_ru.json +1 -1
  125. package/dist/generated/assets/i18n/messagebundle_sh.json +1 -1
  126. package/dist/generated/assets/i18n/messagebundle_sk.json +1 -1
  127. package/dist/generated/assets/i18n/messagebundle_sl.json +1 -1
  128. package/dist/generated/assets/i18n/messagebundle_sv.json +1 -1
  129. package/dist/generated/assets/i18n/messagebundle_th.json +1 -1
  130. package/dist/generated/assets/i18n/messagebundle_tr.json +1 -1
  131. package/dist/generated/assets/i18n/messagebundle_uk.json +1 -1
  132. package/dist/generated/assets/i18n/messagebundle_vi.json +1 -1
  133. package/dist/generated/assets/i18n/messagebundle_zh_CN.json +1 -1
  134. package/dist/generated/assets/i18n/messagebundle_zh_TW.json +1 -1
  135. package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +1 -1
  136. package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +1 -1
  137. package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +1 -1
  138. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  139. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  140. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  141. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  142. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  143. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -0
  144. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  145. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -0
  146. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -0
  147. package/dist/generated/i18n/i18n-defaults.js +2 -2
  148. package/dist/generated/json-imports/Themes-static.js +8 -2
  149. package/dist/generated/json-imports/Themes.js +4 -1
  150. package/dist/generated/templates/AvatarGroupTemplate.lit.js +1 -1
  151. package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js +1 -1
  152. package/dist/generated/templates/BreadcrumbsTemplate.lit.js +1 -1
  153. package/dist/generated/templates/ButtonTemplate.lit.js +1 -1
  154. package/dist/generated/templates/CalendarTemplate.lit.js +1 -1
  155. package/dist/generated/templates/CarouselTemplate.lit.js +3 -3
  156. package/dist/generated/templates/ColorPalettePopoverTemplate.lit.js +1 -1
  157. package/dist/generated/templates/ColorPickerTemplate.lit.js +1 -1
  158. package/dist/generated/templates/ComboBoxPopoverTemplate.lit.js +1 -1
  159. package/dist/generated/templates/CustomListItemTemplate.lit.js +2 -2
  160. package/dist/generated/templates/DatePickerPopoverTemplate.lit.js +1 -1
  161. package/dist/generated/templates/DatePickerTemplate.lit.js +1 -1
  162. package/dist/generated/templates/DateTimePickerPopoverTemplate.lit.js +1 -1
  163. package/dist/generated/templates/DialogTemplate.lit.js +3 -3
  164. package/dist/generated/templates/FileUploaderPopoverTemplate.lit.js +5 -4
  165. package/dist/generated/templates/InputPopoverTemplate.lit.js +2 -2
  166. package/dist/generated/templates/InputTemplate.lit.js +6 -5
  167. package/dist/generated/templates/ListItemTemplate.lit.js +2 -2
  168. package/dist/generated/templates/ListTemplate.lit.js +1 -1
  169. package/dist/generated/templates/MessageStripTemplate.lit.js +1 -1
  170. package/dist/generated/templates/MultiComboBoxPopoverTemplate.lit.js +1 -1
  171. package/dist/generated/templates/MultiInputTemplate.lit.js +7 -6
  172. package/dist/generated/templates/PanelTemplate.lit.js +2 -2
  173. package/dist/generated/templates/PopoverTemplate.lit.js +3 -3
  174. package/dist/generated/templates/PopupTemplate.lit.js +1 -1
  175. package/dist/generated/templates/RatingIndicatorTemplate.lit.js +1 -1
  176. package/dist/generated/templates/ResponsivePopoverTemplate.lit.js +5 -5
  177. package/dist/generated/templates/SegmentedButtonItemTemplate.lit.js +1 -1
  178. package/dist/generated/templates/SelectPopoverTemplate.lit.js +1 -1
  179. package/dist/generated/templates/SelectTemplate.lit.js +1 -1
  180. package/dist/generated/templates/StandardListItemTemplate.lit.js +2 -2
  181. package/dist/generated/templates/StepInputTemplate.lit.js +1 -1
  182. package/dist/generated/templates/SuggestionListItemTemplate.lit.js +2 -2
  183. package/dist/generated/templates/SwitchTemplate.lit.js +1 -1
  184. package/dist/generated/templates/TabContainerPopoverTemplate.lit.js +1 -1
  185. package/dist/generated/templates/TabContainerTemplate.lit.js +4 -4
  186. package/dist/generated/templates/TableGroupRowTemplate.lit.js +1 -1
  187. package/dist/generated/templates/TableRowTemplate.lit.js +2 -2
  188. package/dist/generated/templates/TableTemplate.lit.js +3 -3
  189. package/dist/generated/templates/TextAreaPopoverTemplate.lit.js +1 -1
  190. package/dist/generated/templates/TextAreaTemplate.lit.js +1 -1
  191. package/dist/generated/templates/TimePickerPopoverTemplate.lit.js +1 -1
  192. package/dist/generated/templates/ToggleButtonTemplate.lit.js +1 -1
  193. package/dist/generated/templates/TokenizerTemplate.lit.js +1 -1
  194. package/dist/generated/templates/TreeListItemTemplate.lit.js +2 -2
  195. package/dist/generated/themes/Avatar.css.js +1 -1
  196. package/dist/generated/themes/Button.css.js +1 -1
  197. package/dist/generated/themes/Calendar.css.js +1 -1
  198. package/dist/generated/themes/ColorPalettePopover.css.js +1 -1
  199. package/dist/generated/themes/ComboBox.css.js +1 -1
  200. package/dist/generated/themes/DatePickerPopover.css.js +1 -1
  201. package/dist/generated/themes/Dialog.css.js +1 -1
  202. package/dist/generated/themes/Input.css.js +1 -1
  203. package/dist/generated/themes/ListItemBase.css.js +1 -1
  204. package/dist/generated/themes/MultiComboBox.css.js +1 -1
  205. package/dist/generated/themes/PopupGlobal.css.js +1 -1
  206. package/dist/generated/themes/PopupsCommon.css.js +1 -1
  207. package/dist/generated/themes/ResponsivePopover.css.js +1 -1
  208. package/dist/generated/themes/SelectPopover.css.js +1 -1
  209. package/dist/generated/themes/SplitButton.css.js +1 -1
  210. package/dist/generated/themes/Suggestions.css.js +1 -1
  211. package/dist/generated/themes/TabInOverflow.css.js +1 -1
  212. package/dist/generated/themes/TableRow.css.js +1 -1
  213. package/dist/generated/themes/TimePickerPopover.css.js +1 -1
  214. package/dist/generated/themes/TokenizerPopover.css.js +8 -0
  215. package/dist/generated/themes/ValueStateMessage.css.js +1 -1
  216. package/dist/generated/themes/sap_belize/parameters-bundle.css.js +1 -1
  217. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +1 -1
  218. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +1 -1
  219. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  220. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  221. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  222. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  223. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  224. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -0
  225. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +1 -1
  226. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -0
  227. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -0
  228. package/dist/i18n/messagebundle.properties +6 -0
  229. package/dist/i18n/messagebundle_ar.properties +5 -0
  230. package/dist/i18n/messagebundle_bg.properties +5 -0
  231. package/dist/i18n/messagebundle_ca.properties +5 -0
  232. package/dist/i18n/messagebundle_cs.properties +5 -0
  233. package/dist/i18n/messagebundle_cy.properties +5 -0
  234. package/dist/i18n/messagebundle_da.properties +5 -0
  235. package/dist/i18n/messagebundle_de.properties +5 -0
  236. package/dist/i18n/messagebundle_el.properties +5 -0
  237. package/dist/i18n/messagebundle_en.properties +5 -0
  238. package/dist/i18n/messagebundle_en_GB.properties +5 -0
  239. package/dist/i18n/messagebundle_en_US_saprigi.properties +2 -0
  240. package/dist/i18n/messagebundle_es.properties +5 -0
  241. package/dist/i18n/messagebundle_es_MX.properties +5 -0
  242. package/dist/i18n/messagebundle_et.properties +5 -0
  243. package/dist/i18n/messagebundle_fi.properties +5 -0
  244. package/dist/i18n/messagebundle_fr.properties +5 -0
  245. package/dist/i18n/messagebundle_fr_CA.properties +5 -0
  246. package/dist/i18n/messagebundle_hi.properties +5 -0
  247. package/dist/i18n/messagebundle_hr.properties +5 -0
  248. package/dist/i18n/messagebundle_hu.properties +5 -0
  249. package/dist/i18n/messagebundle_id.properties +5 -0
  250. package/dist/i18n/messagebundle_it.properties +5 -0
  251. package/dist/i18n/messagebundle_iw.properties +5 -0
  252. package/dist/i18n/messagebundle_ja.properties +7 -2
  253. package/dist/i18n/messagebundle_kk.properties +5 -0
  254. package/dist/i18n/messagebundle_ko.properties +5 -0
  255. package/dist/i18n/messagebundle_lt.properties +5 -0
  256. package/dist/i18n/messagebundle_lv.properties +5 -0
  257. package/dist/i18n/messagebundle_ms.properties +5 -0
  258. package/dist/i18n/messagebundle_nl.properties +5 -0
  259. package/dist/i18n/messagebundle_no.properties +5 -0
  260. package/dist/i18n/messagebundle_pl.properties +5 -0
  261. package/dist/i18n/messagebundle_pt.properties +5 -0
  262. package/dist/i18n/messagebundle_pt_PT.properties +5 -0
  263. package/dist/i18n/messagebundle_ro.properties +5 -0
  264. package/dist/i18n/messagebundle_ru.properties +5 -0
  265. package/dist/i18n/messagebundle_sh.properties +5 -0
  266. package/dist/i18n/messagebundle_sk.properties +5 -0
  267. package/dist/i18n/messagebundle_sl.properties +5 -0
  268. package/dist/i18n/messagebundle_sv.properties +5 -0
  269. package/dist/i18n/messagebundle_th.properties +5 -0
  270. package/dist/i18n/messagebundle_tr.properties +5 -0
  271. package/dist/i18n/messagebundle_uk.properties +5 -0
  272. package/dist/i18n/messagebundle_vi.properties +5 -0
  273. package/dist/i18n/messagebundle_zh_CN.properties +5 -0
  274. package/dist/i18n/messagebundle_zh_TW.properties +5 -0
  275. package/package.json +11 -9
  276. package/src/Avatar.js +1 -1
  277. package/src/AvatarGroup.hbs +1 -1
  278. package/src/AvatarGroup.js +2 -2
  279. package/src/Breadcrumbs.hbs +2 -2
  280. package/src/Breadcrumbs.js +11 -4
  281. package/src/BreadcrumbsPopover.hbs +0 -1
  282. package/src/BusyIndicator.js +1 -1
  283. package/src/Button.hbs +4 -4
  284. package/src/Button.js +44 -30
  285. package/src/Calendar.hbs +1 -1
  286. package/src/Calendar.js +1 -1
  287. package/src/Card.js +2 -2
  288. package/src/Carousel.hbs +2 -2
  289. package/src/CheckBox.js +3 -3
  290. package/src/ColorPalette.js +1 -1
  291. package/src/ColorPaletteItem.js +2 -2
  292. package/src/ColorPalettePopover.hbs +1 -1
  293. package/src/ColorPalettePopover.js +3 -3
  294. package/src/ColorPicker.hbs +1 -0
  295. package/src/ColorPicker.js +42 -4
  296. package/src/ComboBox.js +10 -4
  297. package/src/ComboBoxPopover.hbs +0 -1
  298. package/src/DatePicker.hbs +1 -1
  299. package/src/DatePicker.js +10 -8
  300. package/src/DatePickerPopover.hbs +0 -2
  301. package/src/DateRangePicker.js +7 -1
  302. package/src/Dialog.hbs +3 -2
  303. package/src/Dialog.js +35 -5
  304. package/src/FileUploader.js +2 -1
  305. package/src/FileUploaderPopover.hbs +3 -2
  306. package/src/Input.hbs +5 -1
  307. package/src/Input.js +87 -19
  308. package/src/InputPopover.hbs +3 -4
  309. package/src/Interfaces.js +1 -1
  310. package/src/Label.js +7 -1
  311. package/src/Link.js +16 -5
  312. package/src/List.hbs +1 -1
  313. package/src/List.js +6 -16
  314. package/src/ListItem.hbs +1 -1
  315. package/src/ListItem.js +1 -1
  316. package/src/ListItemBase.js +1 -1
  317. package/src/MessageStrip.hbs +1 -1
  318. package/src/MessageStrip.js +0 -8
  319. package/src/MultiComboBox.js +186 -27
  320. package/src/MultiComboBoxPopover.hbs +0 -1
  321. package/src/Panel.hbs +4 -3
  322. package/src/Panel.js +7 -8
  323. package/src/Popover.hbs +2 -2
  324. package/src/Popover.js +39 -9
  325. package/src/Popup.hbs +1 -1
  326. package/src/Popup.js +61 -26
  327. package/src/ProgressIndicator.js +5 -0
  328. package/src/RadioButton.js +1 -1
  329. package/src/RangeSlider.js +6 -1
  330. package/src/RatingIndicator.hbs +2 -0
  331. package/src/RatingIndicator.js +2 -2
  332. package/src/ResponsivePopover.hbs +5 -5
  333. package/src/ResponsivePopover.js +15 -11
  334. package/src/SegmentedButton.js +2 -2
  335. package/src/SegmentedButtonItem.hbs +1 -1
  336. package/src/SegmentedButtonItem.js +7 -2
  337. package/src/Select.hbs +1 -0
  338. package/src/Select.js +14 -5
  339. package/src/SelectPopover.hbs +0 -1
  340. package/src/Slider.js +5 -0
  341. package/src/SliderBase.js +4 -3
  342. package/src/SplitButton.js +11 -5
  343. package/src/StepInput.hbs +4 -3
  344. package/src/StepInput.js +4 -4
  345. package/src/Switch.hbs +1 -1
  346. package/src/Switch.js +13 -1
  347. package/src/TabContainer.hbs +3 -3
  348. package/src/TabContainer.js +44 -3
  349. package/src/TabContainerPopover.hbs +1 -1
  350. package/src/Table.hbs +11 -1
  351. package/src/Table.js +243 -4
  352. package/src/TableColumn.js +0 -7
  353. package/src/TableGroupRow.hbs +1 -0
  354. package/src/TableGroupRow.js +4 -0
  355. package/src/TableRow.hbs +2 -0
  356. package/src/TableRow.js +87 -8
  357. package/src/TextArea.hbs +1 -1
  358. package/src/TextArea.js +9 -4
  359. package/src/TextAreaPopover.hbs +0 -1
  360. package/src/TimePickerPopover.hbs +0 -1
  361. package/src/Tokenizer.hbs +2 -1
  362. package/src/Tokenizer.js +74 -8
  363. package/src/Tree.js +5 -1
  364. package/src/TreeItem.js +2 -2
  365. package/src/TreeListItem.js +5 -2
  366. package/src/features/InputSuggestions.js +4 -0
  367. package/src/i18n/messagebundle.properties +6 -0
  368. package/src/i18n/messagebundle_ar.properties +5 -0
  369. package/src/i18n/messagebundle_bg.properties +5 -0
  370. package/src/i18n/messagebundle_ca.properties +5 -0
  371. package/src/i18n/messagebundle_cs.properties +5 -0
  372. package/src/i18n/messagebundle_cy.properties +5 -0
  373. package/src/i18n/messagebundle_da.properties +5 -0
  374. package/src/i18n/messagebundle_de.properties +5 -0
  375. package/src/i18n/messagebundle_el.properties +5 -0
  376. package/src/i18n/messagebundle_en.properties +5 -0
  377. package/src/i18n/messagebundle_en_GB.properties +5 -0
  378. package/src/i18n/messagebundle_en_US_saprigi.properties +2 -0
  379. package/src/i18n/messagebundle_es.properties +5 -0
  380. package/src/i18n/messagebundle_es_MX.properties +5 -0
  381. package/src/i18n/messagebundle_et.properties +5 -0
  382. package/src/i18n/messagebundle_fi.properties +5 -0
  383. package/src/i18n/messagebundle_fr.properties +5 -0
  384. package/src/i18n/messagebundle_fr_CA.properties +5 -0
  385. package/src/i18n/messagebundle_hi.properties +5 -0
  386. package/src/i18n/messagebundle_hr.properties +5 -0
  387. package/src/i18n/messagebundle_hu.properties +5 -0
  388. package/src/i18n/messagebundle_id.properties +5 -0
  389. package/src/i18n/messagebundle_it.properties +5 -0
  390. package/src/i18n/messagebundle_iw.properties +5 -0
  391. package/src/i18n/messagebundle_ja.properties +7 -2
  392. package/src/i18n/messagebundle_kk.properties +5 -0
  393. package/src/i18n/messagebundle_ko.properties +5 -0
  394. package/src/i18n/messagebundle_lt.properties +5 -0
  395. package/src/i18n/messagebundle_lv.properties +5 -0
  396. package/src/i18n/messagebundle_ms.properties +5 -0
  397. package/src/i18n/messagebundle_nl.properties +5 -0
  398. package/src/i18n/messagebundle_no.properties +5 -0
  399. package/src/i18n/messagebundle_pl.properties +5 -0
  400. package/src/i18n/messagebundle_pt.properties +5 -0
  401. package/src/i18n/messagebundle_pt_PT.properties +5 -0
  402. package/src/i18n/messagebundle_ro.properties +5 -0
  403. package/src/i18n/messagebundle_ru.properties +5 -0
  404. package/src/i18n/messagebundle_sh.properties +5 -0
  405. package/src/i18n/messagebundle_sk.properties +5 -0
  406. package/src/i18n/messagebundle_sl.properties +5 -0
  407. package/src/i18n/messagebundle_sv.properties +5 -0
  408. package/src/i18n/messagebundle_th.properties +5 -0
  409. package/src/i18n/messagebundle_tr.properties +5 -0
  410. package/src/i18n/messagebundle_uk.properties +5 -0
  411. package/src/i18n/messagebundle_vi.properties +5 -0
  412. package/src/i18n/messagebundle_zh_CN.properties +5 -0
  413. package/src/i18n/messagebundle_zh_TW.properties +5 -0
  414. package/src/themes/Avatar.css +1 -0
  415. package/src/themes/Button.css +1 -1
  416. package/src/themes/Calendar.css +6 -1
  417. package/src/themes/ColorPalettePopover.css +6 -5
  418. package/src/themes/DatePickerPopover.css +4 -0
  419. package/src/themes/Dialog.css +1 -5
  420. package/src/themes/Input.css +1 -0
  421. package/src/themes/ListItemBase.css +11 -5
  422. package/src/themes/MultiComboBox.css +0 -1
  423. package/src/themes/Popover.css +1 -1
  424. package/src/themes/PopupGlobal.css +1 -4
  425. package/src/themes/PopupsCommon.css +44 -4
  426. package/src/themes/ResponsivePopover.css +2 -7
  427. package/src/themes/ResponsivePopoverCommon.css +1 -0
  428. package/src/themes/SelectPopover.css +11 -2
  429. package/src/themes/SplitButton.css +1 -1
  430. package/src/themes/Suggestions.css +15 -1
  431. package/src/themes/TabInOverflow.css +5 -1
  432. package/src/themes/TableRow.css +1 -0
  433. package/src/themes/TimePickerPopover.css +4 -0
  434. package/src/themes/Tokenizer.css +1 -0
  435. package/src/themes/TokenizerPopover.css +4 -0
  436. package/src/themes/ValueStateMessage.css +10 -0
  437. package/src/themes/base/Avatar-parameters.css +31 -31
  438. package/src/themes/base/Badge-parameters.css +10 -10
  439. package/src/themes/base/DayPicker-parameters.css +2 -2
  440. package/src/themes/base/Dialog-parameters.css +1 -1
  441. package/src/themes/base/ListItemBase-parameters.css +1 -0
  442. package/src/themes/base/PopupsCommon-parameters.css +6 -1
  443. package/src/themes/base/SliderBase-parameters.css +7 -0
  444. package/src/themes/base/Switch-parameters.css +2 -13
  445. package/src/themes/base/sizes-parameters.css +7 -7
  446. package/src/themes/sap_belize_hcb/Avatar-parameters.css +15 -15
  447. package/src/themes/sap_belize_hcb/Switch-parameters.css +2 -4
  448. package/src/themes/sap_belize_hcw/Avatar-parameters.css +15 -15
  449. package/src/themes/sap_belize_hcw/Switch-parameters.css +2 -4
  450. package/src/themes/sap_fiori_3/Avatar-parameters.css +5 -5
  451. package/src/themes/sap_fiori_3_dark/Avatar-parameters.css +5 -5
  452. package/src/themes/sap_fiori_3_hcb/Avatar-parameters.css +19 -19
  453. package/src/themes/sap_fiori_3_hcb/DayPicker-parameters.css +0 -2
  454. package/src/themes/sap_fiori_3_hcb/Switch-parameters.css +2 -4
  455. package/src/themes/sap_fiori_3_hcw/Avatar-parameters.css +19 -19
  456. package/src/themes/sap_fiori_3_hcw/DayPicker-parameters.css +0 -2
  457. package/src/themes/sap_fiori_3_hcw/Switch-parameters.css +2 -4
  458. package/src/themes/sap_horizon/Dialog-parameters.css +1 -1
  459. package/src/themes/sap_horizon/ListItemBase-parameters.css +1 -2
  460. package/src/themes/sap_horizon/PopupsCommon-parameters.css +0 -1
  461. package/src/themes/sap_horizon/Switch-parameters.css +7 -7
  462. package/src/themes/sap_horizon_dark/Avatar-parameters.css +33 -0
  463. package/src/themes/sap_horizon_dark/BusyIndicator-parameters.css +7 -0
  464. package/src/themes/sap_horizon_dark/Button-parameters.css +20 -0
  465. package/src/themes/sap_horizon_dark/CalendarHeader-parameters.css +19 -0
  466. package/src/themes/sap_horizon_dark/Card-parameters.css +10 -0
  467. package/src/themes/sap_horizon_dark/CheckBox-parameters.css +34 -0
  468. package/src/themes/sap_horizon_dark/ColorPalette-parameters.css +16 -0
  469. package/src/themes/sap_horizon_dark/ColorPicker-parameters.css +10 -0
  470. package/src/themes/sap_horizon_dark/DatePicker-parameters.css +6 -0
  471. package/src/themes/sap_horizon_dark/DayPicker-parameters.css +31 -0
  472. package/src/themes/sap_horizon_dark/Dialog-parameters.css +11 -0
  473. package/src/themes/sap_horizon_dark/GrowingButton-parameters.css +5 -0
  474. package/src/themes/sap_horizon_dark/Input-parameters.css +35 -0
  475. package/src/themes/sap_horizon_dark/InputIcon-parameters.css +17 -0
  476. package/src/themes/sap_horizon_dark/Link-parameters.css +10 -0
  477. package/src/themes/sap_horizon_dark/List-parameters.css +5 -0
  478. package/src/themes/sap_horizon_dark/ListItemBase-parameters.css +7 -0
  479. package/src/themes/sap_horizon_dark/MessageStrip-parameters.css +9 -0
  480. package/src/themes/sap_horizon_dark/MonthPicker-parameters.css +17 -0
  481. package/src/themes/sap_horizon_dark/MultiComboBox-parameters.css +5 -0
  482. package/src/themes/sap_horizon_dark/Panel-parameters.css +12 -0
  483. package/src/themes/sap_horizon_dark/PopupsCommon-parameters.css +10 -0
  484. package/src/themes/sap_horizon_dark/ProgressIndicator-parameters.css +23 -0
  485. package/src/themes/sap_horizon_dark/RadioButton-parameters.css +9 -0
  486. package/src/themes/sap_horizon_dark/RatingIndicator-parameters.css +3 -0
  487. package/src/themes/sap_horizon_dark/SegmentedButtton-parameters.css +10 -0
  488. package/src/themes/sap_horizon_dark/Select-parameters.css +5 -0
  489. package/src/themes/sap_horizon_dark/SelectPopover-parameters.css +4 -0
  490. package/src/themes/sap_horizon_dark/SliderBase-parameters.css +44 -0
  491. package/src/themes/sap_horizon_dark/StepInput-parameters.css +25 -0
  492. package/src/themes/sap_horizon_dark/Suggestions-parameters.css +5 -0
  493. package/src/themes/sap_horizon_dark/Switch-parameters.css +31 -0
  494. package/src/themes/sap_horizon_dark/TabContainer-parameters.css +25 -0
  495. package/src/themes/sap_horizon_dark/Table-parameters.css +8 -0
  496. package/src/themes/sap_horizon_dark/TableColumn-parameters.css +5 -0
  497. package/src/themes/sap_horizon_dark/TableRow-parameters.css +5 -0
  498. package/src/themes/sap_horizon_dark/TextArea-parameters.css +22 -0
  499. package/src/themes/sap_horizon_dark/TimePicker-parameters.css +6 -0
  500. package/src/themes/sap_horizon_dark/ToggleButton-parameters.css +11 -0
  501. package/src/themes/sap_horizon_dark/Token-parameters.css +28 -0
  502. package/src/themes/sap_horizon_dark/Tokenizer-parameters.css +6 -0
  503. package/src/themes/sap_horizon_dark/ValueStateMessage-parameters.css +8 -0
  504. package/src/themes/sap_horizon_dark/WheelSlider-parameters.css +19 -0
  505. package/src/themes/sap_horizon_dark/YearPicker-parameters.css +16 -0
  506. package/src/themes/sap_horizon_dark/parameters-bundle.css +57 -0
  507. package/src/themes/sap_horizon_dark/sizes-parameters.css +8 -0
  508. package/src/themes/sap_horizon_exp/Switch-parameters.css +1 -1
  509. package/src/themes/sap_horizon_hcb/Avatar-parameters.css +24 -0
  510. package/src/themes/sap_horizon_hcb/Badge-parameters.css +43 -0
  511. package/src/themes/sap_horizon_hcb/Button-parameters.css +10 -0
  512. package/src/themes/sap_horizon_hcb/CalendarHeader-parameters.css +11 -0
  513. package/src/themes/sap_horizon_hcb/Card-parameters.css +6 -0
  514. package/src/themes/sap_horizon_hcb/Carousel-parameters.css +9 -0
  515. package/src/themes/sap_horizon_hcb/CheckBox-parameters.css +13 -0
  516. package/src/themes/sap_horizon_hcb/DatePicker-parameters.css +5 -0
  517. package/src/themes/sap_horizon_hcb/DayPicker-parameters.css +17 -0
  518. package/src/themes/sap_horizon_hcb/Dialog-parameters.css +7 -0
  519. package/src/themes/sap_horizon_hcb/GrowingButton-parameters.css +8 -0
  520. package/src/themes/sap_horizon_hcb/Input-parameters.css +21 -0
  521. package/src/themes/sap_horizon_hcb/InputIcon-parameters.css +5 -0
  522. package/src/themes/sap_horizon_hcb/Link-parameters.css +7 -0
  523. package/src/themes/sap_horizon_hcb/MessageStrip-parameters.css +10 -0
  524. package/src/themes/sap_horizon_hcb/MonthPicker-parameters.css +11 -0
  525. package/src/themes/sap_horizon_hcb/Panel-parameters.css +5 -0
  526. package/src/themes/sap_horizon_hcb/ProgressIndicator-parameters.css +11 -0
  527. package/src/themes/sap_horizon_hcb/RadioButton-parameters.css +10 -0
  528. package/src/themes/sap_horizon_hcb/Select-parameters.css +12 -0
  529. package/src/themes/sap_horizon_hcb/SliderBase-parameters.css +14 -0
  530. package/src/themes/sap_horizon_hcb/Switch-parameters.css +43 -0
  531. package/src/themes/sap_horizon_hcb/TabContainer-parameters.css +44 -0
  532. package/src/themes/sap_horizon_hcb/Table-parameters.css +5 -0
  533. package/src/themes/sap_horizon_hcb/TableRow-parameters.css +5 -0
  534. package/src/themes/sap_horizon_hcb/TextArea-parameters.css +10 -0
  535. package/src/themes/sap_horizon_hcb/TimePicker-parameters.css +5 -0
  536. package/src/themes/sap_horizon_hcb/ToggleButton-parameters.css +6 -0
  537. package/src/themes/sap_horizon_hcb/Token-parameters.css +7 -0
  538. package/src/themes/sap_horizon_hcb/ValueStateMessage-parameters.css +5 -0
  539. package/src/themes/sap_horizon_hcb/WheelSlider-parameters.css +17 -0
  540. package/src/themes/sap_horizon_hcb/YearPicker-parameters.css +11 -0
  541. package/src/themes/sap_horizon_hcb/parameters-bundle.css +48 -0
  542. package/src/themes/sap_horizon_hcw/Avatar-parameters.css +24 -0
  543. package/src/themes/sap_horizon_hcw/Badge-parameters.css +43 -0
  544. package/src/themes/sap_horizon_hcw/Button-parameters.css +10 -0
  545. package/src/themes/sap_horizon_hcw/CalendarHeader-parameters.css +11 -0
  546. package/src/themes/sap_horizon_hcw/Card-parameters.css +6 -0
  547. package/src/themes/sap_horizon_hcw/Carousel-parameters.css +9 -0
  548. package/src/themes/sap_horizon_hcw/CheckBox-parameters.css +13 -0
  549. package/src/themes/sap_horizon_hcw/DatePicker-parameters.css +5 -0
  550. package/src/themes/sap_horizon_hcw/DayPicker-parameters.css +17 -0
  551. package/src/themes/sap_horizon_hcw/Dialog-parameters.css +7 -0
  552. package/src/themes/sap_horizon_hcw/GrowingButton-parameters.css +8 -0
  553. package/src/themes/sap_horizon_hcw/Input-parameters.css +21 -0
  554. package/src/themes/sap_horizon_hcw/InputIcon-parameters.css +5 -0
  555. package/src/themes/sap_horizon_hcw/Link-parameters.css +7 -0
  556. package/src/themes/sap_horizon_hcw/MessageStrip-parameters.css +10 -0
  557. package/src/themes/sap_horizon_hcw/MonthPicker-parameters.css +11 -0
  558. package/src/themes/sap_horizon_hcw/Panel-parameters.css +5 -0
  559. package/src/themes/sap_horizon_hcw/ProgressIndicator-parameters.css +11 -0
  560. package/src/themes/sap_horizon_hcw/RadioButton-parameters.css +10 -0
  561. package/src/themes/sap_horizon_hcw/Select-parameters.css +12 -0
  562. package/src/themes/sap_horizon_hcw/SliderBase-parameters.css +13 -0
  563. package/src/themes/sap_horizon_hcw/Switch-parameters.css +43 -0
  564. package/src/themes/sap_horizon_hcw/TabContainer-parameters.css +44 -0
  565. package/src/themes/sap_horizon_hcw/Table-parameters.css +5 -0
  566. package/src/themes/sap_horizon_hcw/TableRow-parameters.css +5 -0
  567. package/src/themes/sap_horizon_hcw/TextArea-parameters.css +10 -0
  568. package/src/themes/sap_horizon_hcw/TimePicker-parameters.css +5 -0
  569. package/src/themes/sap_horizon_hcw/ToggleButton-parameters.css +6 -0
  570. package/src/themes/sap_horizon_hcw/Token-parameters.css +7 -0
  571. package/src/themes/sap_horizon_hcw/ValueStateMessage-parameters.css +5 -0
  572. package/src/themes/sap_horizon_hcw/WheelSlider-parameters.css +17 -0
  573. package/src/themes/sap_horizon_hcw/YearPicker-parameters.css +11 -0
  574. package/src/themes/sap_horizon_hcw/parameters-bundle.css +48 -0
@@ -0,0 +1,4 @@
1
+ [ui5-responsive-popover]::part(header),
2
+ [ui5-responsive-popover]::part(content) {
3
+ padding: 0;
4
+ }
@@ -74,3 +74,13 @@
74
74
  outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
75
75
  border-radius: var(--_ui5_value_state_message_focus_border_radius);
76
76
  }
77
+
78
+ .ui5-valuestatemessage-popover::part(header),
79
+ .ui5-valuestatemessage-popover::part(content) {
80
+ padding: 0;
81
+ }
82
+
83
+ .ui5-valuestatemessage-popover::part(header),
84
+ .ui5-valuestatemessage-popover::part(footer) {
85
+ min-height: 0;
86
+ }
@@ -1,38 +1,38 @@
1
1
  :root {
2
2
  --ui5-avatar-initials-color: var(--sapContent_ImagePlaceholderForegroundColor);
3
- --ui5-avatar-initials-border: none;
4
- --ui5-avatar-accent1: var(--sapAccentColor1);
5
- --ui5-avatar-accent2: var(--sapAccentColor2);
6
- --ui5-avatar-accent3: var(--sapAccentColor3);
7
- --ui5-avatar-accent4: var(--sapAccentColor4);
8
- --ui5-avatar-accent5: var(--sapAccentColor5);
9
- --ui5-avatar-accent6: var(--sapAccentColor6);
10
- --ui5-avatar-accent7: var(--sapAccentColor7);
11
- --ui5-avatar-accent8: var(--sapAccentColor8);
12
- --ui5-avatar-accent9: var(--sapAccentColor9);
13
- --ui5-avatar-accent10: var(--sapAccentColor10);
14
- --ui5-avatar-placeholder: var(--sapContent_ImagePlaceholderBackground);
3
+ --ui5-avatar-initials-border: none;
4
+ --ui5-avatar-accent1: var(--sapAccentColor1);
5
+ --ui5-avatar-accent2: var(--sapAccentColor2);
6
+ --ui5-avatar-accent3: var(--sapAccentColor3);
7
+ --ui5-avatar-accent4: var(--sapAccentColor4);
8
+ --ui5-avatar-accent5: var(--sapAccentColor5);
9
+ --ui5-avatar-accent6: var(--sapAccentColor6);
10
+ --ui5-avatar-accent7: var(--sapAccentColor7);
11
+ --ui5-avatar-accent8: var(--sapAccentColor8);
12
+ --ui5-avatar-accent9: var(--sapAccentColor9);
13
+ --ui5-avatar-accent10: var(--sapAccentColor10);
14
+ --ui5-avatar-placeholder: var(--sapContent_ImagePlaceholderBackground);
15
15
 
16
- --ui5-avatar-accent1-color: var(--ui5-avatar-initials-color);
17
- --ui5-avatar-accent2-color: var(--ui5-avatar-initials-color);
18
- --ui5-avatar-accent3-color: var(--ui5-avatar-initials-color);
19
- --ui5-avatar-accent4-color: var(--ui5-avatar-initials-color);
20
- --ui5-avatar-accent5-color: var(--ui5-avatar-initials-color);
21
- --ui5-avatar-accent6-color: var(--ui5-avatar-initials-color);
22
- --ui5-avatar-accent7-color: var(--ui5-avatar-initials-color);
23
- --ui5-avatar-accent8-color: var(--ui5-avatar-initials-color);
24
- --ui5-avatar-accent9-color: var(--ui5-avatar-initials-color);
25
- --ui5-avatar-accent10-color: var(--ui5-avatar-initials-color);
26
- --ui5-avatar-placeholder-color: var(--ui5-avatar-initials-color);
16
+ --ui5-avatar-accent1-color: var(--ui5-avatar-initials-color);
17
+ --ui5-avatar-accent2-color: var(--ui5-avatar-initials-color);
18
+ --ui5-avatar-accent3-color: var(--ui5-avatar-initials-color);
19
+ --ui5-avatar-accent4-color: var(--ui5-avatar-initials-color);
20
+ --ui5-avatar-accent5-color: var(--ui5-avatar-initials-color);
21
+ --ui5-avatar-accent6-color: var(--ui5-avatar-initials-color);
22
+ --ui5-avatar-accent7-color: var(--ui5-avatar-initials-color);
23
+ --ui5-avatar-accent8-color: var(--ui5-avatar-initials-color);
24
+ --ui5-avatar-accent9-color: var(--ui5-avatar-initials-color);
25
+ --ui5-avatar-accent10-color: var(--ui5-avatar-initials-color);
26
+ --ui5-avatar-placeholder-color: var(--ui5-avatar-initials-color);
27
27
 
28
- --_ui5_avatar_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
29
- --_ui5_avatar_focus_offset: 1px;
28
+ --_ui5_avatar_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
29
+ --_ui5_avatar_focus_offset: 1px;
30
30
  --_ui5_avatar_focus_width: 1px;
31
31
  --_ui5_avatar_focus_color: var(--sapContent_FocusColor);
32
32
 
33
- --_ui5_avatar_fontsize_XS: 0.75rem;
34
- --_ui5_avatar_fontsize_S: 1.125rem;
35
- --_ui5_avatar_fontsize_M: 1.625rem;
36
- --_ui5_avatar_fontsize_L: 2rem;
37
- --_ui5_avatar_fontsize_XL: 2.75rem;
38
- }
33
+ --_ui5_avatar_fontsize_XS: 0.75rem;
34
+ --_ui5_avatar_fontsize_S: 1.125rem;
35
+ --_ui5_avatar_fontsize_M: 1.625rem;
36
+ --_ui5_avatar_fontsize_L: 2rem;
37
+ --_ui5_avatar_fontsize_XL: 2.75rem;
38
+ }
@@ -12,50 +12,50 @@
12
12
  --ui5-badge-color-scheme-1-background: var(--sapLegendBackgroundColor1);
13
13
  --ui5-badge-color-scheme-1-hover-background: var(--ui5-badge-color-scheme-1-background);
14
14
  --ui5-badge-color-scheme-1-border: var(--sapAccentColor1);
15
- --ui5-badge-color-scheme-1-color: var(--sapAccentColor1);
15
+ --ui5-badge-color-scheme-1-color: var(--sapTextColor);
16
16
 
17
17
  --ui5-badge-color-scheme-2-background: var(--sapLegendBackgroundColor2);
18
18
  --ui5-badge-color-scheme-2-hover-background: var(--ui5-badge-color-scheme-2-background);
19
19
  --ui5-badge-color-scheme-2-border: var(--sapAccentColor2);
20
- --ui5-badge-color-scheme-2-color: var(--sapAccentColor2);
20
+ --ui5-badge-color-scheme-2-color: var(--sapTextColor);
21
21
 
22
22
  --ui5-badge-color-scheme-3-background: var(--sapLegendBackgroundColor3);
23
23
  --ui5-badge-color-scheme-3-hover-background: var(--ui5-badge-color-scheme-3-background);
24
24
  --ui5-badge-color-scheme-3-border: var(--sapAccentColor3);
25
- --ui5-badge-color-scheme-3-color: var(--sapAccentColor3);
25
+ --ui5-badge-color-scheme-3-color: var(--sapTextColor);
26
26
 
27
27
  --ui5-badge-color-scheme-4-background: var(--sapLegendBackgroundColor5);
28
28
  --ui5-badge-color-scheme-4-hover-background: var(--ui5-badge-color-scheme-4-background);
29
29
  --ui5-badge-color-scheme-4-border: var(--sapAccentColor4);
30
- --ui5-badge-color-scheme-4-color: var(--sapAccentColor4);
30
+ --ui5-badge-color-scheme-4-color: var(--sapTextColor);
31
31
 
32
32
  --ui5-badge-color-scheme-5-background: var(--sapLegendBackgroundColor20);
33
33
  --ui5-badge-color-scheme-5-hover-background: var(--ui5-badge-color-scheme-5-background);
34
34
  --ui5-badge-color-scheme-5-border: var(--sapAccentColor5);
35
- --ui5-badge-color-scheme-5-color: var(--sapAccentColor5);
35
+ --ui5-badge-color-scheme-5-color: var(--sapTextColor);
36
36
 
37
37
  --ui5-badge-color-scheme-6-background: var(--sapLegendBackgroundColor6);
38
38
  --ui5-badge-color-scheme-6-hover-background: var(--ui5-badge-color-scheme-6-background);
39
39
  --ui5-badge-color-scheme-6-border: var(--sapAccentColor6);
40
- --ui5-badge-color-scheme-6-color: var(--sapAccentColor6);
40
+ --ui5-badge-color-scheme-6-color: var(--sapTextColor);
41
41
 
42
42
  --ui5-badge-color-scheme-7-background: var(--sapLegendBackgroundColor7);
43
43
  --ui5-badge-color-scheme-7-hover-background: var(--ui5-badge-color-scheme-7-background);
44
44
  --ui5-badge-color-scheme-7-border: var(--sapAccentColor7);
45
- --ui5-badge-color-scheme-7-color: var(--sapAccentColor7);
45
+ --ui5-badge-color-scheme-7-color: var(--sapTextColor);
46
46
 
47
47
  --ui5-badge-color-scheme-8-background: var(--sapLegendBackgroundColor18);
48
48
  --ui5-badge-color-scheme-8-hover-background: var(--ui5-badge-color-scheme-8-background);
49
49
  --ui5-badge-color-scheme-8-border: var(--sapLegendColor18);
50
- --ui5-badge-color-scheme-8-color: var(--sapLegendColor18);
50
+ --ui5-badge-color-scheme-8-color: var(--sapTextColor);
51
51
 
52
52
  --ui5-badge-color-scheme-9-background: var(--sapLegendBackgroundColor10);
53
53
  --ui5-badge-color-scheme-9-hover-background: var(--ui5-badge-color-scheme-9-background);
54
54
  --ui5-badge-color-scheme-9-border: var(--sapAccentColor10);
55
- --ui5-badge-color-scheme-9-color: var(--sapAccentColor10);
55
+ --ui5-badge-color-scheme-9-color: var(--sapTextColor);
56
56
 
57
57
  --ui5-badge-color-scheme-10-background: var(--sapLegendBackgroundColor9);
58
58
  --ui5-badge-color-scheme-10-hover-background: var(--ui5-badge-color-scheme-10-background);
59
59
  --ui5-badge-color-scheme-10-border: var(--sapAccentColor9);
60
- --ui5-badge-color-scheme-10-color: var(--sapAccentColor9);
60
+ --ui5-badge-color-scheme-10-color: var(--sapTextColor);
61
61
  }
@@ -10,8 +10,8 @@
10
10
  --_ui5_daypicker_item_othermonth_hover_color: var(--sapContent_LabelColor);
11
11
  --_ui5_daypicker_item_border_radius: 0;
12
12
  --_ui5_daypicker_item_now_inner_border_radius: 0;
13
- --_ui5_daypicker_dayname_color: var(--sapContent_LabelColor);
14
- --_ui5_daypicker_weekname_color: var(--sapContent_LabelColor);
13
+ --_ui5_daypicker_dayname_color: var(--sapTextColor);
14
+ --_ui5_daypicker_weekname_color: var(--sapTextColor);
15
15
  --_ui5_daypicker_item_outline_width: 1px;
16
16
  --_ui5_daypicker_item_outline_offset: 1px;
17
17
  --_ui5_daypicker_item_now_selected_outline_offset: 2px;
@@ -6,4 +6,4 @@
6
6
  --_ui5_dialog_header_border_radius: 0px;
7
7
  --_ui5_dialog_resize_handle_right: -0.25rem;
8
8
  --_ui5_dialog_resize_handle_bottom: -0.0625rem;
9
- }
9
+ }
@@ -2,6 +2,7 @@
2
2
  --ui5-listitem-background-color: var(--sapList_Background);
3
3
  --ui5-listitem-border-bottom: 1px solid var(--sapList_BorderColor);
4
4
  --ui5-listitem-selected-border-bottom: 1px solid var(--sapList_SelectionBorderColor);
5
+ --ui5-listitem-focused-selected-border-bottom: 1px solid var(--sapList_SelectionBorderColor);
5
6
  --ui5-listitem-active-border-color: var(--sapContent_ContrastFocusColor);
6
7
  --_ui5_listitembase_focus_width: 1px;
7
8
  --_ui5-listitembase_disabled_opacity: 0.5;
@@ -1,5 +1,10 @@
1
1
  :root {
2
- --_ui5_popup_content_padding: .4375em;
2
+ --_ui5_popup_content_padding_s: 1rem;
3
+ --_ui5_popup_content_padding_m_l: 2rem;
4
+ --_ui5_popup_content_padding_xl: 3rem;
5
+ --_ui5_popup_header_footer_padding_s: 1rem;
6
+ --_ui5_popup_header_footer_padding_m_l: 2rem;
7
+ --_ui5_popup_header_footer_padding_xl: 3rem;
3
8
  --_ui5_popup_viewport_margin: 10px;
4
9
  --_ui5-popup-border-radius: 0.25rem;
5
10
  --_ui5_popup_header_shadow: var(--sapContent_Shadow0);
@@ -54,4 +54,11 @@
54
54
  --_ui5_range_slider_progress_focus_padding: 0 1.375rem 0 1.438rem;
55
55
  --_ui5_range_slider_progress_focus_height: 2rem;
56
56
  --_ui5_range_slider_legacy_progress_focus_display: block;
57
+ }
58
+
59
+ [data-ui5-compact-size],
60
+ .ui5-content-density-compact,
61
+ .sapUiSizeCompact {
62
+ --_ui5_slider_handle_focused_top: -0.625rem;
63
+ --_ui5_slider_handle_focused_margin_left: -0.75rem;
57
64
  }
@@ -3,26 +3,16 @@
3
3
  --_ui5_switch_height: 2.75rem;
4
4
  --_ui5_switch_width: 3.875rem;
5
5
  --_ui5_switch_no_label_width: 3.25rem;
6
- --_ui5_switch_no_label_width_horizon: 3.875rem;
7
6
 
8
7
  --_ui5_switch_root_outline_top_bottom: 0.25rem;
9
- --_ui5_switch_root_outline_left_right: -0.125rem;
10
- --_ui5_switch_root_outline_top_bottom_horizon: 0.3125rem;
11
- --_ui5_switch_root_outline_left_right_horizon: -0.0625rem;
12
- --_ui5_switch_root_outline_top_bottom_hcb: 0.1875rem;
13
- --_ui5_switch_root_outline_left_right_hcb: -0.1875rem;
8
+ --_ui5_switch_root_outline_left_right: 0;
14
9
 
15
10
  --_ui5_switch_compact_height: 2rem;
16
11
  --_ui5_switch_compact_width: 3.5rem;
17
12
  --_ui5_switch_compact_no_label_width: 2.5rem;
18
- --_ui5_switch_compact_no_label_width_horizon: 3.5rem;
19
13
 
20
14
  --_ui5_switch_compact_root_outline_top_bottom: 0.0625rem;
21
- --_ui5_switch_compact_root_outline_left_right: -0.125rem;
22
- --_ui5_switch_compact_root_outline_top_bottom_horizon: 0.125em;
23
- --_ui5_switch_compact_root_outline_left_right_horizon: -0.125rem;
24
- --_ui5_switch_compact_root_outline_top_bottom_hcb: 0;
25
- --_ui5_switch_compact_root_outline_left_right_hcb: -0.1875rem;
15
+ --_ui5_switch_compact_root_outline_left_right: 0;
26
16
 
27
17
  --_ui5_switch_foucs_border_size: 1px;
28
18
  --_ui5_switch_focus_outline: var(--_ui5_switch_foucs_border_size) dotted var(--sapContent_FocusColor);
@@ -36,7 +26,6 @@
36
26
  /* switch track */
37
27
  --_ui5_switch_track_height: 1.375rem;
38
28
  --_ui5_switch_track_no_label_height: 1.25rem;
39
- --_ui5_switch_track_no_label_height_horizont:var(--_ui5_switch_track_height);
40
29
  --_ui5-switch-track-border: 1px solid;
41
30
  --_ui5-switch-track-border_color: var(--sapContent_ForegroundBorderColor);
42
31
  --_ui5-switch_handle-off-hover_box_shadow: none;
@@ -2,7 +2,9 @@
2
2
  /* Calendar */
3
3
  --_ui5_calendar_height: 24.5rem;
4
4
  --_ui5_calendar_width: 20.5rem;
5
- --_ui5_calendar_padding: 0.75rem;
5
+ --_ui5_calendar_padding: 1rem;
6
+ --_ui5_calendar_left_right_padding: 0.5rem;
7
+ --_ui5_calendar_top_bottom_padding: 1rem;
6
8
  --_ui5_calendar_header_height: 3rem;
7
9
  --_ui5_calendar_header_arrow_button_width: 2.5rem;
8
10
  --_ui5_calendar_header_padding: 0.25rem 0;
@@ -40,6 +42,7 @@
40
42
  --_ui5_list_item_title_size: var(--sapFontLargeSize);
41
43
  --_ui5_list_item_img_size: 3rem;
42
44
  --_ui5_list_item_img_margin: 0.5rem 0.75rem 0.5rem 0rem;
45
+ --_ui5_list_item_dropdown_base_height: 2.5rem;
43
46
  --_ui5_list_item_base_height: 2.75rem;
44
47
  --_ui5_list_item_icon_size: 1.125rem;
45
48
  --_ui5_list_item_selection_btn_margin_top: calc(-1 * var(--_ui5_checkbox_wrapper_padding));
@@ -131,7 +134,8 @@
131
134
  /* Calendar */
132
135
  --_ui5_calendar_height: 18rem;
133
136
  --_ui5_calendar_width: 17.75rem;
134
- --_ui5_calendar_padding: 0.5rem;
137
+ --_ui5_calendar_left_right_padding: 0.25rem;
138
+ --_ui5_calendar_top_bottom_padding: 0.5rem;
135
139
  --_ui5_calendar_header_height: 2rem;
136
140
  --_ui5_calendar_header_arrow_button_width: 2rem;
137
141
  --_ui5_calendar_header_padding: 0;
@@ -197,6 +201,7 @@
197
201
  --_ui5_list_item_cb_margin_right: .5rem;
198
202
  --_ui5_list_item_title_size: var(--sapFontSize);
199
203
  --_ui5_list_item_img_margin: 0.55rem 0.75rem 0.5rem 0rem;
204
+ --_ui5_list_item_dropdown_base_height: 2rem;
200
205
  --_ui5_list_item_base_height: 2rem;
201
206
  --_ui5_list_item_icon_size: 1rem;
202
207
  --_ui5_list_item_selection_btn_margin_top: calc(-1 * var(--_ui5_checkbox_wrapper_padding));
@@ -234,16 +239,11 @@
234
239
  --_ui5_switch_text_on_left: calc(-100% + 1.5625rem);
235
240
  --_ui5_switch_slide_transform: translateX(100%) translateX(-1.5rem);
236
241
  --_ui5_switch_no_label_width: var(--_ui5_switch_compact_no_label_width);
237
- --_ui5_switch_no_label_width_horizon: var(--_ui5_switch_compact_no_label_width_horizon);
238
242
  --_ui5_switch_rtl_transform: translateX(-100%) translateX(1.5rem);
239
243
  --_ui5_switch_text_right: calc(-100% + 1.5625rem);
240
244
 
241
245
  --_ui5_switch_root_outline_top_bottom: var(--_ui5_switch_compact_root_outline_top_bottom);
242
246
  --_ui5_switch_root_outline_left_right: var(--_ui5_switch_compact_root_outline_left_right);
243
- --_ui5_switch_root_outline_top_bottom_horizon: var(--_ui5_switch_compact_root_outline_top_bottom_horizon);
244
- --_ui5_switch_root_outline_left_right_horizon: var(--_ui5_switch_compact_root_outline_left_right_horizon);
245
- --_ui5_switch_root_outline_top_bottom_hcb: var(--_ui5_switch_compact_root_outline_top_bottom_hcb);
246
- --_ui5_switch_root_outline_left_right_hcb: var(--_ui5_switch_compact_root_outline_left_right_hcb);
247
247
 
248
248
  --_ui5_tc_item_text: 2rem;
249
249
  --_ui5_tc_item_text_line_height: 1.325rem;
@@ -1,18 +1,18 @@
1
1
  @import "../base/Avatar-parameters.css";
2
2
 
3
3
  :root {
4
- --ui5-avatar-initials-color: #fff;
5
- --ui5-avatar-initials-border: .0625rem solid #fff;
6
- --ui5-avatar-accent1: #000;
7
- --ui5-avatar-accent2: #000;
8
- --ui5-avatar-accent3: #000;
9
- --ui5-avatar-accent4: #000;
10
- --ui5-avatar-accent5: #000;
11
- --ui5-avatar-accent6: #000;
12
- --ui5-avatar-accent7: #000;
13
- --ui5-avatar-accent8: #000;
14
- --ui5-avatar-accent9: #000;
15
- --ui5-avatar-accent10: #000;
16
- --ui5-avatar-placeholder: #000;
17
- --_ui5_avatar_outline: 0.125rem dotted var(--sapContent_FocusColor);
18
- }
4
+ --ui5-avatar-initials-color: #fff;
5
+ --ui5-avatar-initials-border: .0625rem solid #fff;
6
+ --ui5-avatar-accent1: #000;
7
+ --ui5-avatar-accent2: #000;
8
+ --ui5-avatar-accent3: #000;
9
+ --ui5-avatar-accent4: #000;
10
+ --ui5-avatar-accent5: #000;
11
+ --ui5-avatar-accent6: #000;
12
+ --ui5-avatar-accent7: #000;
13
+ --ui5-avatar-accent8: #000;
14
+ --ui5-avatar-accent9: #000;
15
+ --ui5-avatar-accent10: #000;
16
+ --ui5-avatar-placeholder: #000;
17
+ --_ui5_avatar_outline: 0.125rem dotted var(--sapContent_FocusColor);
18
+ }
@@ -2,10 +2,8 @@
2
2
 
3
3
  :root {
4
4
  /* Switch */
5
- --_ui5_switch_root_outline_top_bottom: var(--_ui5_switch_root_outline_top_bottom_hcb);
6
- --_ui5_switch_root_outline_left_right: var(--_ui5_switch_root_outline_left_right_hcb);
7
- --_ui5_switch_compact_root_outline_top_bottom: var(--_ui5_switch_compact_root_outline_top_bottom_hcb);
8
- --_ui5_switch_compact_root_outline_left_right: var(--_ui5_switch_compact_root_outline_left_right_hcb);
5
+ --_ui5_switch_root_outline_top_bottom: 0.1875rem;
6
+ --_ui5_switch_compact_root_outline_top_bottom: 0;
9
7
  --_ui5_switch_foucs_size: 0.125rem;
10
8
  --_ui5_switch_root_after_outline: none;
11
9
  --_ui5_switch_focus_outline: 0.125rem dotted var(--sapContent_FocusColor);
@@ -1,18 +1,18 @@
1
1
  @import "../base/Avatar-parameters.css";
2
2
 
3
3
  :root {
4
- --ui5-avatar-initials-color: #000;
5
- --ui5-avatar-initials-border: .0625rem solid #000;
6
- --ui5-avatar-accent1: #fff;
7
- --ui5-avatar-accent2: #fff;
8
- --ui5-avatar-accent3: #fff;
9
- --ui5-avatar-accent4: #fff;
10
- --ui5-avatar-accent5: #fff;
11
- --ui5-avatar-accent6: #fff;
12
- --ui5-avatar-accent7: #fff;
13
- --ui5-avatar-accent8: #fff;
14
- --ui5-avatar-accent9: #fff;
15
- --ui5-avatar-accent10: #fff;
16
- --ui5-avatar-placeholder: #fff;
17
- --_ui5_avatar_outline: 0.125rem dotted var(--sapContent_FocusColor);
18
- }
4
+ --ui5-avatar-initials-color: #000;
5
+ --ui5-avatar-initials-border: .0625rem solid #000;
6
+ --ui5-avatar-accent1: #fff;
7
+ --ui5-avatar-accent2: #fff;
8
+ --ui5-avatar-accent3: #fff;
9
+ --ui5-avatar-accent4: #fff;
10
+ --ui5-avatar-accent5: #fff;
11
+ --ui5-avatar-accent6: #fff;
12
+ --ui5-avatar-accent7: #fff;
13
+ --ui5-avatar-accent8: #fff;
14
+ --ui5-avatar-accent9: #fff;
15
+ --ui5-avatar-accent10: #fff;
16
+ --ui5-avatar-placeholder: #fff;
17
+ --_ui5_avatar_outline: 0.125rem dotted var(--sapContent_FocusColor);
18
+ }
@@ -2,10 +2,8 @@
2
2
 
3
3
  :root {
4
4
  /* Switch */
5
- --_ui5_switch_root_outline_top_bottom: var(--_ui5_switch_root_outline_top_bottom_hcb);
6
- --_ui5_switch_root_outline_left_right: var(--_ui5_switch_root_outline_left_right_hcb);
7
- --_ui5_switch_compact_root_outline_top_bottom: var(--_ui5_switch_compact_root_outline_top_bottom_hcb);
8
- --_ui5_switch_compact_root_outline_left_right: var(--_ui5_switch_compact_root_outline_left_right_hcb);
5
+ --_ui5_switch_root_outline_top_bottom: 0.1875rem;
6
+ --_ui5_switch_compact_root_outline_top_bottom: 0;
9
7
  --_ui5_switch_foucs_size: 0.125rem;
10
8
  --_ui5_switch_root_after_outline: none;
11
9
  --_ui5_switch_focus_outline: 0.125rem dotted var(--sapContent_FocusColor);
@@ -1,9 +1,9 @@
1
1
  @import "../base/Avatar-parameters.css";
2
2
 
3
3
  :root {
4
- --_ui5_avatar_fontsize_XS: 1rem;
5
- --_ui5_avatar_fontsize_S: 1.125rem;
6
- --_ui5_avatar_fontsize_M: 1.5rem;
7
- --_ui5_avatar_fontsize_L: 2.25rem;
8
- --_ui5_avatar_fontsize_XL: 3rem;
4
+ --_ui5_avatar_fontsize_XS: 1rem;
5
+ --_ui5_avatar_fontsize_S: 1.125rem;
6
+ --_ui5_avatar_fontsize_M: 1.5rem;
7
+ --_ui5_avatar_fontsize_L: 2.25rem;
8
+ --_ui5_avatar_fontsize_XL: 3rem;
9
9
  }
@@ -1,9 +1,9 @@
1
1
  @import "../base/Avatar-parameters.css";
2
2
 
3
3
  :root {
4
- --_ui5_avatar_fontsize_XS: 1rem;
5
- --_ui5_avatar_fontsize_S: 1.125rem;
6
- --_ui5_avatar_fontsize_M: 1.5rem;
7
- --_ui5_avatar_fontsize_L: 2.25rem;
8
- --_ui5_avatar_fontsize_XL: 3rem;
4
+ --_ui5_avatar_fontsize_XS: 1rem;
5
+ --_ui5_avatar_fontsize_S: 1.125rem;
6
+ --_ui5_avatar_fontsize_M: 1.5rem;
7
+ --_ui5_avatar_fontsize_L: 2.25rem;
8
+ --_ui5_avatar_fontsize_XL: 3rem;
9
9
  }
@@ -1,24 +1,24 @@
1
1
  @import "../base/Avatar-parameters.css";
2
2
 
3
3
  :root {
4
- --ui5-avatar-initials-color: var(--sapTextColor);
5
- --ui5-avatar-initials-border: .0625rem solid var(--sapField_BorderColor);
6
- --ui5-avatar-accent1: var(--sapBackgroundColor);
7
- --ui5-avatar-accent2: var(--sapBackgroundColor);
8
- --ui5-avatar-accent3: var(--sapBackgroundColor);
9
- --ui5-avatar-accent4: var(--sapBackgroundColor);
10
- --ui5-avatar-accent5: var(--sapBackgroundColor);
11
- --ui5-avatar-accent6: var(--sapBackgroundColor);
12
- --ui5-avatar-accent7: var(--sapBackgroundColor);
13
- --ui5-avatar-accent8: var(--sapBackgroundColor);
14
- --ui5-avatar-accent9: var(--sapBackgroundColor);
15
- --ui5-avatar-accent10: var(--sapBackgroundColor);
16
- --ui5-avatar-placeholder: var(--sapBackgroundColor);
17
- --_ui5_avatar_outline: 0.125rem dotted var(--sapContent_FocusColor);
4
+ --ui5-avatar-initials-color: var(--sapTextColor);
5
+ --ui5-avatar-initials-border: .0625rem solid var(--sapField_BorderColor);
6
+ --ui5-avatar-accent1: var(--sapBackgroundColor);
7
+ --ui5-avatar-accent2: var(--sapBackgroundColor);
8
+ --ui5-avatar-accent3: var(--sapBackgroundColor);
9
+ --ui5-avatar-accent4: var(--sapBackgroundColor);
10
+ --ui5-avatar-accent5: var(--sapBackgroundColor);
11
+ --ui5-avatar-accent6: var(--sapBackgroundColor);
12
+ --ui5-avatar-accent7: var(--sapBackgroundColor);
13
+ --ui5-avatar-accent8: var(--sapBackgroundColor);
14
+ --ui5-avatar-accent9: var(--sapBackgroundColor);
15
+ --ui5-avatar-accent10: var(--sapBackgroundColor);
16
+ --ui5-avatar-placeholder: var(--sapBackgroundColor);
17
+ --_ui5_avatar_outline: 0.125rem dotted var(--sapContent_FocusColor);
18
18
 
19
- --_ui5_avatar_fontsize_XS: 1rem;
20
- --_ui5_avatar_fontsize_S: 1.125rem;
21
- --_ui5_avatar_fontsize_M: 1.5rem;
22
- --_ui5_avatar_fontsize_L: 2.25rem;
23
- --_ui5_avatar_fontsize_XL: 3rem;
19
+ --_ui5_avatar_fontsize_XS: 1rem;
20
+ --_ui5_avatar_fontsize_S: 1.125rem;
21
+ --_ui5_avatar_fontsize_M: 1.5rem;
22
+ --_ui5_avatar_fontsize_L: 2.25rem;
23
+ --_ui5_avatar_fontsize_XL: 3rem;
24
24
  }
@@ -4,8 +4,6 @@
4
4
  --_ui5_daypicker_item_margin: 0;
5
5
  --_ui5_daypicker_item_border: 1px solid #000;
6
6
  --_ui5_daypicker_item_border_radius: 0.25rem;
7
- --_ui5_daypicker_dayname_color: var(--sapTextColor);
8
- --_ui5_daypicker_weekname_color: var(--sapTextColor);
9
7
  --_ui5_daypicker_item_outline_width: 0.125rem;
10
8
  --_ui5_daypicker_item_outline_offset: 0;
11
9
  --_ui5_daypicker_item_now_outline_offset: 2px;
@@ -2,10 +2,8 @@
2
2
 
3
3
  :root {
4
4
  /* Switch */
5
- --_ui5_switch_root_outline_top_bottom: var(--_ui5_switch_root_outline_top_bottom_hcb);
6
- --_ui5_switch_root_outline_left_right: var(--_ui5_switch_root_outline_left_right_hcb);
7
- --_ui5_switch_compact_root_outline_top_bottom: var(--_ui5_switch_compact_root_outline_top_bottom_hcb);
8
- --_ui5_switch_compact_root_outline_left_right: var(--_ui5_switch_compact_root_outline_left_right_hcb);
5
+ --_ui5_switch_root_outline_top_bottom: 0.1875rem;
6
+ --_ui5_switch_compact_root_outline_top_bottom: 0;
9
7
  --_ui5_switch_foucs_size: 0.125rem;
10
8
  --_ui5_switch_root_after_outline: none;
11
9
  --_ui5_switch_focus_outline: 0.125rem dotted var(--sapContent_FocusColor);
@@ -1,24 +1,24 @@
1
1
  @import "../base/Avatar-parameters.css";
2
2
 
3
3
  :root {
4
- --ui5-avatar-initials-color: var(--sapTextColor);
5
- --ui5-avatar-initials-border: .0625rem solid var(--sapField_BorderColor);
6
- --ui5-avatar-accent1: var(--sapBackgroundColor);
7
- --ui5-avatar-accent2: var(--sapBackgroundColor);
8
- --ui5-avatar-accent3: var(--sapBackgroundColor);
9
- --ui5-avatar-accent4: var(--sapBackgroundColor);
10
- --ui5-avatar-accent5: var(--sapBackgroundColor);
11
- --ui5-avatar-accent6: var(--sapBackgroundColor);
12
- --ui5-avatar-accent7: var(--sapBackgroundColor);
13
- --ui5-avatar-accent8: var(--sapBackgroundColor);
14
- --ui5-avatar-accent9: var(--sapBackgroundColor);
15
- --ui5-avatar-accent10: var(--sapBackgroundColor);
16
- --ui5-avatar-placeholder: var(--sapBackgroundColor);
17
- --_ui5_avatar_outline: 0.125rem dotted var(--sapContent_FocusColor);
4
+ --ui5-avatar-initials-color: var(--sapTextColor);
5
+ --ui5-avatar-initials-border: .0625rem solid var(--sapField_BorderColor);
6
+ --ui5-avatar-accent1: var(--sapBackgroundColor);
7
+ --ui5-avatar-accent2: var(--sapBackgroundColor);
8
+ --ui5-avatar-accent3: var(--sapBackgroundColor);
9
+ --ui5-avatar-accent4: var(--sapBackgroundColor);
10
+ --ui5-avatar-accent5: var(--sapBackgroundColor);
11
+ --ui5-avatar-accent6: var(--sapBackgroundColor);
12
+ --ui5-avatar-accent7: var(--sapBackgroundColor);
13
+ --ui5-avatar-accent8: var(--sapBackgroundColor);
14
+ --ui5-avatar-accent9: var(--sapBackgroundColor);
15
+ --ui5-avatar-accent10: var(--sapBackgroundColor);
16
+ --ui5-avatar-placeholder: var(--sapBackgroundColor);
17
+ --_ui5_avatar_outline: 0.125rem dotted var(--sapContent_FocusColor);
18
18
 
19
- --_ui5_avatar_fontsize_XS: 1rem;
20
- --_ui5_avatar_fontsize_S: 1.125rem;
21
- --_ui5_avatar_fontsize_M: 1.5rem;
22
- --_ui5_avatar_fontsize_L: 2.25rem;
23
- --_ui5_avatar_fontsize_XL: 3rem;
19
+ --_ui5_avatar_fontsize_XS: 1rem;
20
+ --_ui5_avatar_fontsize_S: 1.125rem;
21
+ --_ui5_avatar_fontsize_M: 1.5rem;
22
+ --_ui5_avatar_fontsize_L: 2.25rem;
23
+ --_ui5_avatar_fontsize_XL: 3rem;
24
24
  }
@@ -4,8 +4,6 @@
4
4
  --_ui5_daypicker_item_margin: 0;
5
5
  --_ui5_daypicker_item_border: 1px solid #fff;
6
6
  --_ui5_daypicker_item_border_radius: 0.25rem;
7
- --_ui5_daypicker_dayname_color: var(--sapTextColor);
8
- --_ui5_daypicker_weekname_color: var(--sapTextColor);
9
7
  --_ui5_daypicker_item_outline_width: 0.125rem;
10
8
  --_ui5_daypicker_item_outline_offset: 0;
11
9
  --_ui5_daypicker_item_now_outline_offset: 1px;
@@ -2,10 +2,8 @@
2
2
 
3
3
  :root {
4
4
  /* Switch */
5
- --_ui5_switch_root_outline_top_bottom: var(--_ui5_switch_root_outline_top_bottom_hcb);
6
- --_ui5_switch_root_outline_left_right: var(--_ui5_switch_root_outline_left_right_hcb);
7
- --_ui5_switch_compact_root_outline_top_bottom: var(--_ui5_switch_compact_root_outline_top_bottom_hcb);
8
- --_ui5_switch_compact_root_outline_left_right: var(--_ui5_switch_compact_root_outline_left_right_hcb);
5
+ --_ui5_switch_root_outline_top_bottom: 0.1875rem;
6
+ --_ui5_switch_compact_root_outline_top_bottom: 0;
9
7
  --_ui5_switch_foucs_size: 0.125rem;
10
8
  --_ui5_switch_root_after_outline: none;
11
9
  --_ui5_switch_focus_outline: 0.125rem dotted var(--sapContent_FocusColor);
@@ -8,4 +8,4 @@
8
8
  --_ui5_dialog_resize_handle_right: 1px;
9
9
  --_ui5_dialog_header_focus_offset: -2px;
10
10
  --_ui5_dialog_header_focus_width: 2px;
11
- }
11
+ }
@@ -1,7 +1,6 @@
1
1
  @import "../base/ListItemBase-parameters.css";
2
2
 
3
3
  :root {
4
+ --ui5-listitem-focused-selected-border-bottom: 1px solid transparent;
4
5
  --ui5-listitem-active-border-color: var(--sapContent_FocusColor);
5
- --ui5-listitem-border-bottom: 1px solid transparent;
6
- --ui5-listitem-selected-border-bottom: 1px solid transparent;
7
6
  }
@@ -1,7 +1,6 @@
1
1
  @import "../base/PopupsCommon-parameters.css";
2
2
 
3
3
  :root {
4
- --_ui5_popup_content_padding: .4375em;
5
4
  --_ui5_popup_viewport_margin: 10px;
6
5
  --_ui5-popup-border-radius: 0.75rem;
7
6
  --_ui5_popup_header_shadow: none;
@@ -8,10 +8,10 @@
8
8
 
9
9
  --_ui5_switch_root_after_boreder: none;
10
10
  --_ui5_switch_focus_outline:none;
11
- --_ui5_switch_root_outline_top_bottom: var(--_ui5_switch_root_outline_top_bottom_horizon);
12
- --_ui5_switch_root_outline_left_right: var(--_ui5_switch_root_outline_left_right_horizon);
13
- --_ui5_switch_compact_root_outline_top_bottom: var(--_ui5_switch_compact_root_outline_top_bottom_horizon);
14
- --_ui5_switch_compact_root_outline_left_right: var(--_ui5_switch_compact_root_outline_left_right_horizon);
11
+ --_ui5_switch_root_outline_top_bottom: 0.3125rem;
12
+ --_ui5_switch_root_outline_left_right: 0.125rem;
13
+ --_ui5_switch_compact_root_outline_top_bottom: 0.125rem;
14
+ --_ui5_switch_compact_root_outline_left_right: 0.125rem;
15
15
  --_ui5_switch_root_after_boreder_radius: 0.25rem;
16
16
  --_ui5_switch_handle_semantic_checked_hover_bg: var(--_ui5_switch_handle_checked_bg);
17
17
  --_ui5_switch_handle_semantic_hover_bg: var(--_ui5_switch_handle_checked_bg);
@@ -21,9 +21,9 @@
21
21
  --_ui5_switch_track_semantic_not_checked_border_color: transparent;
22
22
  --_ui5_switch_track_semantic_checked_hover_border_color: transparent;
23
23
  --_ui5_switch_track_semantic_hover_border_color:transparent;
24
- --_ui5_switch_no_label_width: var(--_ui5_switch_no_label_width_horizon);
25
- --_ui5_switch_compact_no_label_width: var(--_ui5_switch_compact_no_label_width_horizon);
26
- --_ui5_switch_track_no_label_height: var(--_ui5_switch_track_no_label_height_horizont);
24
+ --_ui5_switch_no_label_width: 3.875rem;
25
+ --_ui5_switch_compact_no_label_width: 3.5rem;
26
+ --_ui5_switch_track_no_label_height: var(--_ui5_switch_track_height);
27
27
  --_ui5_switch_handle_hover_border_color: transparent;
28
28
  --_ui5-switch-track-icon-display: inline-block;
29
29
  --_ui5-switch_handle-off-hover_box_shadow: var(--sapContent_Interaction_Shadow);