@ui5/webcomponents 1.1.1 → 1.2.1

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 (448) hide show
  1. package/CHANGELOG.md +95 -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/MessageStrip.js +0 -8
  27. package/dist/MultiComboBox.js +186 -27
  28. package/dist/MultiInput.js +55 -8
  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 +9 -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 +196 -10
  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_exp/parameters-bundle.css +1 -1
  86. package/dist/features/InputSuggestions.js +4 -0
  87. package/dist/generated/assets/i18n/messagebundle_ar.json +1 -1
  88. package/dist/generated/assets/i18n/messagebundle_bg.json +1 -1
  89. package/dist/generated/assets/i18n/messagebundle_ca.json +1 -1
  90. package/dist/generated/assets/i18n/messagebundle_cs.json +1 -1
  91. package/dist/generated/assets/i18n/messagebundle_cy.json +1 -1
  92. package/dist/generated/assets/i18n/messagebundle_da.json +1 -1
  93. package/dist/generated/assets/i18n/messagebundle_de.json +1 -1
  94. package/dist/generated/assets/i18n/messagebundle_el.json +1 -1
  95. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  96. package/dist/generated/assets/i18n/messagebundle_en_GB.json +1 -1
  97. package/dist/generated/assets/i18n/messagebundle_en_US_sappsd.json +1 -1
  98. package/dist/generated/assets/i18n/messagebundle_en_US_saprigi.json +1 -1
  99. package/dist/generated/assets/i18n/messagebundle_en_US_saptrc.json +1 -1
  100. package/dist/generated/assets/i18n/messagebundle_es.json +1 -1
  101. package/dist/generated/assets/i18n/messagebundle_es_MX.json +1 -1
  102. package/dist/generated/assets/i18n/messagebundle_et.json +1 -1
  103. package/dist/generated/assets/i18n/messagebundle_fi.json +1 -1
  104. package/dist/generated/assets/i18n/messagebundle_fr.json +1 -1
  105. package/dist/generated/assets/i18n/messagebundle_fr_CA.json +1 -1
  106. package/dist/generated/assets/i18n/messagebundle_hi.json +1 -1
  107. package/dist/generated/assets/i18n/messagebundle_hr.json +1 -1
  108. package/dist/generated/assets/i18n/messagebundle_hu.json +1 -1
  109. package/dist/generated/assets/i18n/messagebundle_it.json +1 -1
  110. package/dist/generated/assets/i18n/messagebundle_iw.json +1 -1
  111. package/dist/generated/assets/i18n/messagebundle_ja.json +1 -1
  112. package/dist/generated/assets/i18n/messagebundle_kk.json +1 -1
  113. package/dist/generated/assets/i18n/messagebundle_ko.json +1 -1
  114. package/dist/generated/assets/i18n/messagebundle_lt.json +1 -1
  115. package/dist/generated/assets/i18n/messagebundle_lv.json +1 -1
  116. package/dist/generated/assets/i18n/messagebundle_ms.json +1 -1
  117. package/dist/generated/assets/i18n/messagebundle_nl.json +1 -1
  118. package/dist/generated/assets/i18n/messagebundle_no.json +1 -1
  119. package/dist/generated/assets/i18n/messagebundle_pl.json +1 -1
  120. package/dist/generated/assets/i18n/messagebundle_pt.json +1 -1
  121. package/dist/generated/assets/i18n/messagebundle_pt_PT.json +1 -1
  122. package/dist/generated/assets/i18n/messagebundle_ro.json +1 -1
  123. package/dist/generated/assets/i18n/messagebundle_ru.json +1 -1
  124. package/dist/generated/assets/i18n/messagebundle_sh.json +1 -1
  125. package/dist/generated/assets/i18n/messagebundle_sk.json +1 -1
  126. package/dist/generated/assets/i18n/messagebundle_sl.json +1 -1
  127. package/dist/generated/assets/i18n/messagebundle_sv.json +1 -1
  128. package/dist/generated/assets/i18n/messagebundle_th.json +1 -1
  129. package/dist/generated/assets/i18n/messagebundle_tr.json +1 -1
  130. package/dist/generated/assets/i18n/messagebundle_uk.json +1 -1
  131. package/dist/generated/assets/i18n/messagebundle_vi.json +1 -1
  132. package/dist/generated/assets/i18n/messagebundle_zh_CN.json +1 -1
  133. package/dist/generated/assets/i18n/messagebundle_zh_TW.json +1 -1
  134. package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +1 -1
  135. package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +1 -1
  136. package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +1 -1
  137. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  138. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  139. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  140. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  141. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  142. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  143. package/dist/generated/i18n/i18n-defaults.js +2 -2
  144. package/dist/generated/templates/AvatarGroupTemplate.lit.js +1 -1
  145. package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js +1 -1
  146. package/dist/generated/templates/BreadcrumbsTemplate.lit.js +1 -1
  147. package/dist/generated/templates/ButtonTemplate.lit.js +1 -1
  148. package/dist/generated/templates/CalendarTemplate.lit.js +1 -1
  149. package/dist/generated/templates/CarouselTemplate.lit.js +3 -3
  150. package/dist/generated/templates/ColorPalettePopoverTemplate.lit.js +1 -1
  151. package/dist/generated/templates/ColorPickerTemplate.lit.js +1 -1
  152. package/dist/generated/templates/ComboBoxPopoverTemplate.lit.js +1 -1
  153. package/dist/generated/templates/CustomListItemTemplate.lit.js +2 -2
  154. package/dist/generated/templates/DatePickerPopoverTemplate.lit.js +1 -1
  155. package/dist/generated/templates/DatePickerTemplate.lit.js +1 -1
  156. package/dist/generated/templates/DateTimePickerPopoverTemplate.lit.js +1 -1
  157. package/dist/generated/templates/DialogTemplate.lit.js +3 -3
  158. package/dist/generated/templates/FileUploaderPopoverTemplate.lit.js +5 -4
  159. package/dist/generated/templates/InputPopoverTemplate.lit.js +2 -2
  160. package/dist/generated/templates/InputTemplate.lit.js +6 -5
  161. package/dist/generated/templates/ListItemTemplate.lit.js +2 -2
  162. package/dist/generated/templates/ListTemplate.lit.js +1 -1
  163. package/dist/generated/templates/MessageStripTemplate.lit.js +1 -1
  164. package/dist/generated/templates/MultiComboBoxPopoverTemplate.lit.js +1 -1
  165. package/dist/generated/templates/MultiInputTemplate.lit.js +7 -6
  166. package/dist/generated/templates/PanelTemplate.lit.js +2 -2
  167. package/dist/generated/templates/PopoverTemplate.lit.js +3 -3
  168. package/dist/generated/templates/PopupTemplate.lit.js +1 -1
  169. package/dist/generated/templates/RatingIndicatorTemplate.lit.js +1 -1
  170. package/dist/generated/templates/ResponsivePopoverTemplate.lit.js +5 -5
  171. package/dist/generated/templates/SegmentedButtonItemTemplate.lit.js +1 -1
  172. package/dist/generated/templates/SelectPopoverTemplate.lit.js +1 -1
  173. package/dist/generated/templates/StandardListItemTemplate.lit.js +2 -2
  174. package/dist/generated/templates/StepInputTemplate.lit.js +1 -1
  175. package/dist/generated/templates/SuggestionListItemTemplate.lit.js +2 -2
  176. package/dist/generated/templates/SwitchTemplate.lit.js +1 -1
  177. package/dist/generated/templates/TabContainerPopoverTemplate.lit.js +1 -1
  178. package/dist/generated/templates/TabContainerTemplate.lit.js +4 -4
  179. package/dist/generated/templates/TableGroupRowTemplate.lit.js +1 -1
  180. package/dist/generated/templates/TableRowTemplate.lit.js +2 -2
  181. package/dist/generated/templates/TableTemplate.lit.js +3 -3
  182. package/dist/generated/templates/TextAreaPopoverTemplate.lit.js +1 -1
  183. package/dist/generated/templates/TextAreaTemplate.lit.js +1 -1
  184. package/dist/generated/templates/TimePickerPopoverTemplate.lit.js +1 -1
  185. package/dist/generated/templates/ToggleButtonTemplate.lit.js +1 -1
  186. package/dist/generated/templates/TokenizerTemplate.lit.js +1 -1
  187. package/dist/generated/templates/TreeListItemTemplate.lit.js +2 -2
  188. package/dist/generated/themes/Avatar.css.js +1 -1
  189. package/dist/generated/themes/Button.css.js +1 -1
  190. package/dist/generated/themes/Calendar.css.js +1 -1
  191. package/dist/generated/themes/ColorPalettePopover.css.js +1 -1
  192. package/dist/generated/themes/ComboBox.css.js +1 -1
  193. package/dist/generated/themes/DatePickerPopover.css.js +1 -1
  194. package/dist/generated/themes/Dialog.css.js +1 -1
  195. package/dist/generated/themes/Input.css.js +1 -1
  196. package/dist/generated/themes/ListItemBase.css.js +1 -1
  197. package/dist/generated/themes/MultiComboBox.css.js +1 -1
  198. package/dist/generated/themes/PopupGlobal.css.js +1 -1
  199. package/dist/generated/themes/PopupsCommon.css.js +1 -1
  200. package/dist/generated/themes/ResponsivePopover.css.js +1 -1
  201. package/dist/generated/themes/SelectPopover.css.js +1 -1
  202. package/dist/generated/themes/SplitButton.css.js +1 -1
  203. package/dist/generated/themes/Suggestions.css.js +1 -1
  204. package/dist/generated/themes/TabInOverflow.css.js +1 -1
  205. package/dist/generated/themes/TableRow.css.js +1 -1
  206. package/dist/generated/themes/TimePickerPopover.css.js +1 -1
  207. package/dist/generated/themes/TokenizerPopover.css.js +8 -0
  208. package/dist/generated/themes/ValueStateMessage.css.js +1 -1
  209. package/dist/generated/themes/sap_belize/parameters-bundle.css.js +1 -1
  210. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +1 -1
  211. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +1 -1
  212. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  213. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  214. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  215. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  216. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  217. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +1 -1
  218. package/dist/i18n/messagebundle.properties +3 -0
  219. package/dist/i18n/messagebundle_ar.properties +5 -0
  220. package/dist/i18n/messagebundle_bg.properties +5 -0
  221. package/dist/i18n/messagebundle_ca.properties +5 -0
  222. package/dist/i18n/messagebundle_cs.properties +5 -0
  223. package/dist/i18n/messagebundle_cy.properties +5 -0
  224. package/dist/i18n/messagebundle_da.properties +5 -0
  225. package/dist/i18n/messagebundle_de.properties +5 -0
  226. package/dist/i18n/messagebundle_el.properties +5 -0
  227. package/dist/i18n/messagebundle_en.properties +5 -0
  228. package/dist/i18n/messagebundle_en_GB.properties +5 -0
  229. package/dist/i18n/messagebundle_en_US_sappsd.properties +5 -0
  230. package/dist/i18n/messagebundle_en_US_saprigi.properties +2 -0
  231. package/dist/i18n/messagebundle_en_US_saptrc.properties +5 -0
  232. package/dist/i18n/messagebundle_es.properties +5 -0
  233. package/dist/i18n/messagebundle_es_MX.properties +5 -0
  234. package/dist/i18n/messagebundle_et.properties +5 -0
  235. package/dist/i18n/messagebundle_fi.properties +5 -0
  236. package/dist/i18n/messagebundle_fr.properties +5 -0
  237. package/dist/i18n/messagebundle_fr_CA.properties +5 -0
  238. package/dist/i18n/messagebundle_hi.properties +5 -0
  239. package/dist/i18n/messagebundle_hr.properties +5 -0
  240. package/dist/i18n/messagebundle_hu.properties +5 -0
  241. package/dist/i18n/messagebundle_id.properties +5 -0
  242. package/dist/i18n/messagebundle_it.properties +5 -0
  243. package/dist/i18n/messagebundle_iw.properties +5 -0
  244. package/dist/i18n/messagebundle_ja.properties +7 -2
  245. package/dist/i18n/messagebundle_kk.properties +5 -0
  246. package/dist/i18n/messagebundle_ko.properties +5 -0
  247. package/dist/i18n/messagebundle_lt.properties +5 -0
  248. package/dist/i18n/messagebundle_lv.properties +5 -0
  249. package/dist/i18n/messagebundle_ms.properties +5 -0
  250. package/dist/i18n/messagebundle_nl.properties +5 -0
  251. package/dist/i18n/messagebundle_no.properties +5 -0
  252. package/dist/i18n/messagebundle_pl.properties +5 -0
  253. package/dist/i18n/messagebundle_pt.properties +5 -0
  254. package/dist/i18n/messagebundle_pt_PT.properties +5 -0
  255. package/dist/i18n/messagebundle_ro.properties +5 -0
  256. package/dist/i18n/messagebundle_ru.properties +5 -0
  257. package/dist/i18n/messagebundle_sh.properties +5 -0
  258. package/dist/i18n/messagebundle_sk.properties +5 -0
  259. package/dist/i18n/messagebundle_sl.properties +5 -0
  260. package/dist/i18n/messagebundle_sv.properties +5 -0
  261. package/dist/i18n/messagebundle_th.properties +5 -0
  262. package/dist/i18n/messagebundle_tr.properties +5 -0
  263. package/dist/i18n/messagebundle_uk.properties +5 -0
  264. package/dist/i18n/messagebundle_vi.properties +5 -0
  265. package/dist/i18n/messagebundle_zh_CN.properties +5 -0
  266. package/dist/i18n/messagebundle_zh_TW.properties +5 -0
  267. package/package.json +10 -8
  268. package/src/Avatar.js +1 -1
  269. package/src/AvatarGroup.hbs +1 -1
  270. package/src/AvatarGroup.js +2 -2
  271. package/src/Breadcrumbs.hbs +2 -2
  272. package/src/Breadcrumbs.js +11 -4
  273. package/src/BreadcrumbsPopover.hbs +0 -1
  274. package/src/BusyIndicator.js +1 -1
  275. package/src/Button.hbs +4 -4
  276. package/src/Button.js +44 -30
  277. package/src/Calendar.hbs +1 -1
  278. package/src/Calendar.js +1 -1
  279. package/src/Card.js +2 -2
  280. package/src/Carousel.hbs +2 -2
  281. package/src/CheckBox.js +3 -3
  282. package/src/ColorPalette.js +1 -1
  283. package/src/ColorPaletteItem.js +2 -2
  284. package/src/ColorPalettePopover.hbs +1 -1
  285. package/src/ColorPalettePopover.js +3 -3
  286. package/src/ColorPicker.hbs +1 -0
  287. package/src/ColorPicker.js +42 -4
  288. package/src/ComboBox.js +10 -4
  289. package/src/ComboBoxPopover.hbs +0 -1
  290. package/src/DatePicker.hbs +1 -1
  291. package/src/DatePicker.js +10 -8
  292. package/src/DatePickerPopover.hbs +0 -2
  293. package/src/DateRangePicker.js +7 -1
  294. package/src/Dialog.hbs +3 -2
  295. package/src/Dialog.js +35 -5
  296. package/src/FileUploader.js +2 -1
  297. package/src/FileUploaderPopover.hbs +3 -2
  298. package/src/Input.hbs +5 -1
  299. package/src/Input.js +87 -19
  300. package/src/InputPopover.hbs +3 -4
  301. package/src/Interfaces.js +1 -1
  302. package/src/Label.js +7 -1
  303. package/src/Link.js +16 -5
  304. package/src/List.hbs +1 -1
  305. package/src/List.js +6 -16
  306. package/src/ListItem.hbs +1 -1
  307. package/src/ListItem.js +1 -1
  308. package/src/MessageStrip.hbs +1 -1
  309. package/src/MessageStrip.js +0 -8
  310. package/src/MultiComboBox.js +186 -27
  311. package/src/MultiComboBoxPopover.hbs +0 -1
  312. package/src/MultiInput.js +55 -8
  313. package/src/Panel.hbs +4 -3
  314. package/src/Panel.js +7 -8
  315. package/src/Popover.hbs +2 -2
  316. package/src/Popover.js +39 -9
  317. package/src/Popup.hbs +1 -1
  318. package/src/Popup.js +61 -26
  319. package/src/ProgressIndicator.js +5 -0
  320. package/src/RadioButton.js +1 -1
  321. package/src/RangeSlider.js +6 -1
  322. package/src/RatingIndicator.hbs +2 -0
  323. package/src/RatingIndicator.js +2 -2
  324. package/src/ResponsivePopover.hbs +5 -5
  325. package/src/ResponsivePopover.js +15 -11
  326. package/src/SegmentedButton.js +2 -2
  327. package/src/SegmentedButtonItem.hbs +1 -1
  328. package/src/SegmentedButtonItem.js +7 -2
  329. package/src/Select.js +9 -5
  330. package/src/SelectPopover.hbs +0 -1
  331. package/src/Slider.js +5 -0
  332. package/src/SliderBase.js +4 -3
  333. package/src/SplitButton.js +11 -5
  334. package/src/StepInput.hbs +4 -3
  335. package/src/StepInput.js +4 -4
  336. package/src/Switch.hbs +1 -1
  337. package/src/Switch.js +13 -1
  338. package/src/TabContainer.hbs +3 -3
  339. package/src/TabContainer.js +44 -3
  340. package/src/TabContainerPopover.hbs +1 -1
  341. package/src/Table.hbs +11 -1
  342. package/src/Table.js +243 -4
  343. package/src/TableColumn.js +0 -7
  344. package/src/TableGroupRow.hbs +1 -0
  345. package/src/TableGroupRow.js +4 -0
  346. package/src/TableRow.hbs +2 -0
  347. package/src/TableRow.js +87 -8
  348. package/src/TextArea.hbs +1 -1
  349. package/src/TextArea.js +9 -4
  350. package/src/TextAreaPopover.hbs +0 -1
  351. package/src/TimePickerPopover.hbs +0 -1
  352. package/src/Tokenizer.hbs +2 -1
  353. package/src/Tokenizer.js +196 -10
  354. package/src/Tree.js +5 -1
  355. package/src/TreeItem.js +2 -2
  356. package/src/TreeListItem.js +5 -2
  357. package/src/features/InputSuggestions.js +4 -0
  358. package/src/i18n/messagebundle.properties +3 -0
  359. package/src/i18n/messagebundle_ar.properties +5 -0
  360. package/src/i18n/messagebundle_bg.properties +5 -0
  361. package/src/i18n/messagebundle_ca.properties +5 -0
  362. package/src/i18n/messagebundle_cs.properties +5 -0
  363. package/src/i18n/messagebundle_cy.properties +5 -0
  364. package/src/i18n/messagebundle_da.properties +5 -0
  365. package/src/i18n/messagebundle_de.properties +5 -0
  366. package/src/i18n/messagebundle_el.properties +5 -0
  367. package/src/i18n/messagebundle_en.properties +5 -0
  368. package/src/i18n/messagebundle_en_GB.properties +5 -0
  369. package/src/i18n/messagebundle_en_US_sappsd.properties +5 -0
  370. package/src/i18n/messagebundle_en_US_saprigi.properties +2 -0
  371. package/src/i18n/messagebundle_en_US_saptrc.properties +5 -0
  372. package/src/i18n/messagebundle_es.properties +5 -0
  373. package/src/i18n/messagebundle_es_MX.properties +5 -0
  374. package/src/i18n/messagebundle_et.properties +5 -0
  375. package/src/i18n/messagebundle_fi.properties +5 -0
  376. package/src/i18n/messagebundle_fr.properties +5 -0
  377. package/src/i18n/messagebundle_fr_CA.properties +5 -0
  378. package/src/i18n/messagebundle_hi.properties +5 -0
  379. package/src/i18n/messagebundle_hr.properties +5 -0
  380. package/src/i18n/messagebundle_hu.properties +5 -0
  381. package/src/i18n/messagebundle_id.properties +5 -0
  382. package/src/i18n/messagebundle_it.properties +5 -0
  383. package/src/i18n/messagebundle_iw.properties +5 -0
  384. package/src/i18n/messagebundle_ja.properties +7 -2
  385. package/src/i18n/messagebundle_kk.properties +5 -0
  386. package/src/i18n/messagebundle_ko.properties +5 -0
  387. package/src/i18n/messagebundle_lt.properties +5 -0
  388. package/src/i18n/messagebundle_lv.properties +5 -0
  389. package/src/i18n/messagebundle_ms.properties +5 -0
  390. package/src/i18n/messagebundle_nl.properties +5 -0
  391. package/src/i18n/messagebundle_no.properties +5 -0
  392. package/src/i18n/messagebundle_pl.properties +5 -0
  393. package/src/i18n/messagebundle_pt.properties +5 -0
  394. package/src/i18n/messagebundle_pt_PT.properties +5 -0
  395. package/src/i18n/messagebundle_ro.properties +5 -0
  396. package/src/i18n/messagebundle_ru.properties +5 -0
  397. package/src/i18n/messagebundle_sh.properties +5 -0
  398. package/src/i18n/messagebundle_sk.properties +5 -0
  399. package/src/i18n/messagebundle_sl.properties +5 -0
  400. package/src/i18n/messagebundle_sv.properties +5 -0
  401. package/src/i18n/messagebundle_th.properties +5 -0
  402. package/src/i18n/messagebundle_tr.properties +5 -0
  403. package/src/i18n/messagebundle_uk.properties +5 -0
  404. package/src/i18n/messagebundle_vi.properties +5 -0
  405. package/src/i18n/messagebundle_zh_CN.properties +5 -0
  406. package/src/i18n/messagebundle_zh_TW.properties +5 -0
  407. package/src/themes/Avatar.css +1 -0
  408. package/src/themes/Button.css +1 -1
  409. package/src/themes/Calendar.css +6 -1
  410. package/src/themes/ColorPalettePopover.css +6 -5
  411. package/src/themes/DatePickerPopover.css +4 -0
  412. package/src/themes/Dialog.css +1 -5
  413. package/src/themes/Input.css +1 -0
  414. package/src/themes/ListItemBase.css +11 -5
  415. package/src/themes/MultiComboBox.css +0 -1
  416. package/src/themes/Popover.css +1 -1
  417. package/src/themes/PopupGlobal.css +1 -4
  418. package/src/themes/PopupsCommon.css +44 -4
  419. package/src/themes/ResponsivePopover.css +2 -7
  420. package/src/themes/ResponsivePopoverCommon.css +1 -0
  421. package/src/themes/SelectPopover.css +11 -2
  422. package/src/themes/SplitButton.css +1 -1
  423. package/src/themes/Suggestions.css +15 -1
  424. package/src/themes/TabInOverflow.css +5 -1
  425. package/src/themes/TableRow.css +1 -0
  426. package/src/themes/TimePickerPopover.css +4 -0
  427. package/src/themes/Tokenizer.css +1 -0
  428. package/src/themes/TokenizerPopover.css +4 -0
  429. package/src/themes/ValueStateMessage.css +10 -0
  430. package/src/themes/base/Badge-parameters.css +10 -10
  431. package/src/themes/base/DayPicker-parameters.css +2 -2
  432. package/src/themes/base/Dialog-parameters.css +1 -1
  433. package/src/themes/base/ListItemBase-parameters.css +1 -0
  434. package/src/themes/base/PopupsCommon-parameters.css +6 -1
  435. package/src/themes/base/SliderBase-parameters.css +7 -0
  436. package/src/themes/base/Switch-parameters.css +2 -13
  437. package/src/themes/base/sizes-parameters.css +7 -7
  438. package/src/themes/sap_belize_hcb/Switch-parameters.css +2 -4
  439. package/src/themes/sap_belize_hcw/Switch-parameters.css +2 -4
  440. package/src/themes/sap_fiori_3_hcb/DayPicker-parameters.css +0 -2
  441. package/src/themes/sap_fiori_3_hcb/Switch-parameters.css +2 -4
  442. package/src/themes/sap_fiori_3_hcw/DayPicker-parameters.css +0 -2
  443. package/src/themes/sap_fiori_3_hcw/Switch-parameters.css +2 -4
  444. package/src/themes/sap_horizon/Dialog-parameters.css +1 -1
  445. package/src/themes/sap_horizon/ListItemBase-parameters.css +1 -2
  446. package/src/themes/sap_horizon/PopupsCommon-parameters.css +0 -1
  447. package/src/themes/sap_horizon/Switch-parameters.css +7 -7
  448. package/src/themes/sap_horizon_exp/Switch-parameters.css +1 -1
@@ -57,13 +57,9 @@
57
57
  overflow: auto;
58
58
 
59
59
  /* Consider how to make this top level */
60
- padding: var(--_ui5_popup_content_padding);
61
60
  box-sizing: border-box;
62
61
  }
63
62
 
64
- :host([no-padding]) .ui5-popup-content {
65
- padding: 0;
66
- }
67
63
 
68
64
  :host([header-text]) .ui5-popup-header-text {
69
65
  padding: 0 0.25rem;
@@ -85,3 +81,47 @@
85
81
  :host([disable-scrolling]) .ui5-popup-content {
86
82
  overflow: hidden;
87
83
  }
84
+
85
+ /*** Responsive paddings for the content***/
86
+ :host([media-range="S"]) .ui5-popup-content {
87
+ padding: 1rem var(--_ui5_popup_content_padding_s);
88
+ }
89
+
90
+ :host([media-range="M"]) .ui5-popup-content,
91
+ :host([media-range="L"]) .ui5-popup-content {
92
+ padding: 1rem var(--_ui5_popup_content_padding_m_l);
93
+ }
94
+
95
+ :host([media-range="XL"]) .ui5-popup-content {
96
+ padding: 1rem var(--_ui5_popup_content_padding_xl);
97
+ }
98
+
99
+ .ui5-popup-footer-root {
100
+ justify-content: end;
101
+ }
102
+
103
+ .ui5-popup-header-root {
104
+ background: var(--sapPageHeader_Background);
105
+ justify-content: start;
106
+ }
107
+
108
+ /*** Responsive paddings for the Header and Footer ***/
109
+ :host([media-range="S"]) .ui5-popup-header-root,
110
+ :host([media-range="S"]) .ui5-popup-footer-root {
111
+ padding-left: var(--_ui5_popup_header_footer_padding_s);
112
+ padding-right: var(--_ui5_popup_header_footer_padding_s);
113
+ }
114
+
115
+ :host([media-range="M"]) .ui5-popup-header-root,
116
+ :host([media-range="L"]) .ui5-popup-header-root,
117
+ :host([media-range="M"]) .ui5-popup-footer-root,
118
+ :host([media-range="L"]) .ui5-popup-footer-root {
119
+ padding-left: var(--_ui5_popup_header_footer_padding_m_l);
120
+ padding-right: var(--_ui5_popup_header_footer_padding_m_l);
121
+ }
122
+
123
+ :host([media-range="XL"]) .ui5-popup-header-root,
124
+ :host([media-range="XL"]) .ui5-popup-footer-root {
125
+ padding-left: var(--_ui5_popup_header_footer_padding_xl);
126
+ padding-right: var(--_ui5_popup_header_footer_padding_xl);
127
+ }
@@ -4,10 +4,6 @@
4
4
  min-height: 2rem;
5
5
  }
6
6
 
7
- :host(:not([with-padding])) {
8
- --_ui5_popup_content_padding: 0;
9
- }
10
-
11
7
  :host([opened]) {
12
8
  display: inline-block;
13
9
  }
@@ -17,8 +13,7 @@
17
13
  display: flex;
18
14
  justify-content: space-between;
19
15
  align-items: center;
20
- padding: 0 1rem;
21
- box-shadow: var(--sapContent_HeaderShadow);
16
+ width:100%;
22
17
  }
23
18
 
24
19
  :host [dir="rtl"] .ui5-responsive-popover-header {
@@ -31,4 +26,4 @@
31
26
 
32
27
  .ui5-responsive-popover-header-no-title {
33
28
  justify-content: flex-end;
34
- }
29
+ }
@@ -205,3 +205,4 @@
205
205
  position: absolute;
206
206
  right: 1rem;
207
207
  }
208
+
@@ -1,4 +1,4 @@
1
- .ui5-select-popover:not(.ui5-valuestatemessage-popover) [ui5-li]:first-child::part(native-li)::after {
1
+ .ui5-select-popover:not(.ui5-select-popover-valuestate) [ui5-li]:first-child::part(native-li)::after {
2
2
  border-top-left-radius: var(--_ui5_select_option_focus_border_radius);
3
3
  border-top-right-radius: var(--_ui5_select_option_focus_border_radius);
4
4
  }
@@ -7,4 +7,13 @@
7
7
  .ui5-select-popover [ui5-li]:last-child::part(native-li)::after {
8
8
  border-bottom-left-radius: var(--_ui5_select_option_focus_border_radius);
9
9
  border-bottom-right-radius: var(--_ui5_select_option_focus_border_radius);
10
- }
10
+ }
11
+
12
+ .ui5-select-popover::part(content),
13
+ .ui5-select-popover::part(header) {
14
+ padding: 0;
15
+ }
16
+
17
+ .ui5-select-popover [ui5-li] {
18
+ height: var(--_ui5_list_item_dropdown_base_height);
19
+ }
@@ -58,7 +58,7 @@
58
58
  border-radius: var(--_ui5_button_border_radius);
59
59
  }
60
60
 
61
- :host([design="Emphasized"]) ui5-button[focused] {
61
+ :host([design="Emphasized"]) [ui5-button][focused] {
62
62
  outline-color: transparent;
63
63
  }
64
64
 
@@ -11,4 +11,18 @@
11
11
  .ui5-tokenizer-list [ui5-li][focused]:last-child::part(native-li)::after {
12
12
  border-bottom-left-radius: var(--_ui5_suggestions_item_focus_border_radius);
13
13
  border-bottom-right-radius: var(--_ui5_suggestions_item_focus_border_radius);
14
- }
14
+ }
15
+
16
+ .ui5-suggestions-popover::part(header),
17
+ .ui5-suggestions-popover::part(content) {
18
+ padding: 0;
19
+ }
20
+
21
+ .ui5-suggestions-popover::part(footer) {
22
+ padding: 0 1rem;
23
+ }
24
+
25
+ .ui5-suggestions-popover [ui5-li],
26
+ .ui5-suggestions-popover [ui5-li-suggestion-item] {
27
+ height: var(--_ui5_list_item_dropdown_base_height);
28
+ }
@@ -58,4 +58,8 @@
58
58
  .ui5-tab-container-responsive-popover [ui5-li-custom][focused]:last-child::part(native-li)::after {
59
59
  border-bottom-left-radius: var(--_ui5_tc_overflowItem_focus_border);
60
60
  border-bottom-right-radius: var(--_ui5_tc_overflowItem_focus_border);
61
- }
61
+ }
62
+
63
+ .ui5-tab-container-responsive-popover::part(content) {
64
+ padding: 0;
65
+ }
@@ -41,6 +41,7 @@
41
41
  padding: .25rem 0;
42
42
  box-sizing: border-box;
43
43
  text-align: center;
44
+ vertical-align: middle;
44
45
  }
45
46
 
46
47
  :host([mode="SingleSelect"]) .ui5-table-row-root {
@@ -9,3 +9,7 @@
9
9
  margin: 1%;
10
10
  min-width: 20%;
11
11
  }
12
+
13
+ .ui5-time-picker-popover::part(content) {
14
+ padding: 0;
15
+ }
@@ -82,3 +82,4 @@
82
82
  margin-right: .25rem;
83
83
  margin-left: 0;
84
84
  }
85
+
@@ -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
+ }
@@ -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;
@@ -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);
@@ -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);
@@ -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);
@@ -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);
@@ -15,7 +15,7 @@
15
15
  --_ui5-switch-root-box-shadow: 0 0 2px rgb(27 144 255 / 16%), 0 8px 16px rgb(27 144 255 / 16%);
16
16
  --_ui5-switch-focus: none;
17
17
  --_ui5_switch_root_outline_top_bottom: -0.25rem;
18
- --_ui5_switch_root_outline_left_right: -0.25rem;
18
+ --_ui5_switch_root_outline_left_right: 0.125rem;;
19
19
  --_ui5_switch_root_after_boreder_radius: 2rem;
20
20
  --_ui5_switch_track_no_label_height: 24px;
21
21
  --_ui5_switch_track_height: 24px;