@ui5/webcomponents 1.0.1 → 1.1.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 (474) hide show
  1. package/CHANGELOG.md +118 -0
  2. package/dist/Breadcrumbs.js +8 -6
  3. package/dist/BreadcrumbsItem.js +1 -1
  4. package/dist/BusyIndicator.js +2 -3
  5. package/dist/Button.js +28 -1
  6. package/dist/Calendar.js +7 -0
  7. package/dist/Carousel.js +9 -0
  8. package/dist/CheckBox.js +34 -1
  9. package/dist/ColorPalette.js +5 -4
  10. package/dist/ColorPalettePopover.js +27 -2
  11. package/dist/ComboBox.js +91 -23
  12. package/dist/DateComponentBase.js +6 -8
  13. package/dist/DatePicker.js +10 -2
  14. package/dist/DateRangePicker.js +22 -0
  15. package/dist/Dialog.js +5 -22
  16. package/dist/Icon.js +11 -8
  17. package/dist/Input.js +107 -15
  18. package/dist/Link.js +32 -14
  19. package/dist/List.js +14 -4
  20. package/dist/MessageStrip.js +39 -2
  21. package/dist/MultiComboBox.js +7 -3
  22. package/dist/MultiComboBoxItem.js +1 -1
  23. package/dist/MultiInput.js +55 -8
  24. package/dist/Option.js +12 -1
  25. package/dist/Panel.js +9 -0
  26. package/dist/Popover.js +106 -57
  27. package/dist/Popup.js +16 -2
  28. package/dist/RadioButton.js +15 -3
  29. package/dist/RatingIndicator.js +37 -7
  30. package/dist/ResponsivePopover.js +1 -0
  31. package/dist/SegmentedButton.js +14 -1
  32. package/dist/Select.js +2 -1
  33. package/dist/SliderBase.js +4 -0
  34. package/dist/SplitButton.js +425 -0
  35. package/dist/Switch.js +18 -0
  36. package/dist/Tab.js +10 -6
  37. package/dist/TabContainer.js +480 -108
  38. package/dist/TabSeparator.js +42 -3
  39. package/dist/Table.js +15 -5
  40. package/dist/TextArea.js +9 -3
  41. package/dist/ToggleButton.js +5 -0
  42. package/dist/Tokenizer.js +134 -7
  43. package/dist/TreeItem.js +21 -0
  44. package/dist/TreeListItem.js +8 -0
  45. package/dist/api.json +299 -26
  46. package/dist/css/themes/Badge.css +1 -1
  47. package/dist/css/themes/Breadcrumbs.css +1 -1
  48. package/dist/css/themes/BrowserScrollbar.css +1 -1
  49. package/dist/css/themes/BusyIndicator.css +1 -1
  50. package/dist/css/themes/CardHeader.css +1 -1
  51. package/dist/css/themes/CheckBox.css +1 -1
  52. package/dist/css/themes/ComboBox.css +1 -1
  53. package/dist/css/themes/CustomListItem.css +1 -1
  54. package/dist/css/themes/Dialog.css +1 -1
  55. package/dist/css/themes/Input.css +1 -1
  56. package/dist/css/themes/List.css +1 -1
  57. package/dist/css/themes/MultiComboBox.css +1 -1
  58. package/dist/css/themes/Panel.css +1 -1
  59. package/dist/css/themes/Popover.css +1 -1
  60. package/dist/css/themes/PopupsCommon.css +1 -1
  61. package/dist/css/themes/RadioButton.css +1 -1
  62. package/dist/css/themes/RatingIndicator.css +1 -1
  63. package/dist/css/themes/Select.css +1 -1
  64. package/dist/css/themes/SliderBase.css +1 -1
  65. package/dist/css/themes/SplitButton.css +1 -0
  66. package/dist/css/themes/TabContainer.css +1 -1
  67. package/dist/css/themes/TabInOverflow.css +1 -1
  68. package/dist/css/themes/TabInStrip.css +1 -1
  69. package/dist/css/themes/TabSeparatorInOverflow.css +1 -0
  70. package/dist/css/themes/TabSeparatorInStrip.css +1 -0
  71. package/dist/css/themes/Table.css +1 -1
  72. package/dist/css/themes/TableColumn.css +1 -1
  73. package/dist/css/themes/TextArea.css +1 -1
  74. package/dist/css/themes/TimeSelection.css +1 -1
  75. package/dist/css/themes/Token.css +1 -1
  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 +88 -15
  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/BreadcrumbsPopoverTemplate.lit.js +1 -1
  145. package/dist/generated/templates/BreadcrumbsTemplate.lit.js +1 -1
  146. package/dist/generated/templates/BusyIndicatorTemplate.lit.js +1 -1
  147. package/dist/generated/templates/ButtonTemplate.lit.js +1 -1
  148. package/dist/generated/templates/CardHeaderTemplate.lit.js +1 -1
  149. package/dist/generated/templates/CarouselTemplate.lit.js +1 -1
  150. package/dist/generated/templates/CheckBoxTemplate.lit.js +1 -1
  151. package/dist/generated/templates/ColorPalettePopoverTemplate.lit.js +1 -1
  152. package/dist/generated/templates/ComboBoxPopoverTemplate.lit.js +1 -1
  153. package/dist/generated/templates/ComboBoxTemplate.lit.js +1 -1
  154. package/dist/generated/templates/CustomListItemTemplate.lit.js +2 -2
  155. package/dist/generated/templates/DialogTemplate.lit.js +1 -1
  156. package/dist/generated/templates/InputPopoverTemplate.lit.js +3 -3
  157. package/dist/generated/templates/InputTemplate.lit.js +1 -1
  158. package/dist/generated/templates/LinkTemplate.lit.js +1 -1
  159. package/dist/generated/templates/ListItemTemplate.lit.js +2 -2
  160. package/dist/generated/templates/MessageStripTemplate.lit.js +1 -1
  161. package/dist/generated/templates/MultiComboBoxPopoverTemplate.lit.js +1 -1
  162. package/dist/generated/templates/MultiInputTemplate.lit.js +1 -1
  163. package/dist/generated/templates/PanelTemplate.lit.js +1 -1
  164. package/dist/generated/templates/PopupBlockLayerTemplate.lit.js +1 -1
  165. package/dist/generated/templates/RangeSliderTemplate.lit.js +1 -1
  166. package/dist/generated/templates/ResponsivePopoverTemplate.lit.js +1 -1
  167. package/dist/generated/templates/SegmentedButtonTemplate.lit.js +1 -1
  168. package/dist/generated/templates/SelectPopoverTemplate.lit.js +2 -2
  169. package/dist/generated/templates/SliderBaseTemplate.lit.js +1 -1
  170. package/dist/generated/templates/SliderTemplate.lit.js +1 -1
  171. package/dist/generated/templates/SplitButtonTemplate.lit.js +7 -0
  172. package/dist/generated/templates/StandardListItemTemplate.lit.js +2 -2
  173. package/dist/generated/templates/SuggestionListItemTemplate.lit.js +2 -2
  174. package/dist/generated/templates/SwitchTemplate.lit.js +1 -1
  175. package/dist/generated/templates/TabContainerPopoverTemplate.lit.js +4 -2
  176. package/dist/generated/templates/TabContainerTemplate.lit.js +9 -10
  177. package/dist/generated/templates/TabInOverflowTemplate.lit.js +1 -1
  178. package/dist/generated/templates/TabInStripTemplate.lit.js +1 -1
  179. package/dist/generated/templates/TabSeparatorInOverflowTemplate.lit.js +7 -0
  180. package/dist/generated/templates/TabSeparatorInStripTemplate.lit.js +7 -0
  181. package/dist/generated/templates/TableTemplate.lit.js +1 -1
  182. package/dist/generated/templates/TextAreaPopoverTemplate.lit.js +1 -1
  183. package/dist/generated/templates/ToggleButtonTemplate.lit.js +1 -1
  184. package/dist/generated/templates/TreeListItemTemplate.lit.js +2 -2
  185. package/dist/generated/templates/TreeTemplate.lit.js +1 -1
  186. package/dist/generated/themes/Badge.css.js +1 -1
  187. package/dist/generated/themes/Breadcrumbs.css.js +1 -1
  188. package/dist/generated/themes/BrowserScrollbar.css.js +1 -1
  189. package/dist/generated/themes/BusyIndicator.css.js +1 -1
  190. package/dist/generated/themes/CardHeader.css.js +1 -1
  191. package/dist/generated/themes/CheckBox.css.js +1 -1
  192. package/dist/generated/themes/ComboBox.css.js +1 -1
  193. package/dist/generated/themes/CustomListItem.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/List.css.js +1 -1
  197. package/dist/generated/themes/MultiComboBox.css.js +1 -1
  198. package/dist/generated/themes/Panel.css.js +1 -1
  199. package/dist/generated/themes/Popover.css.js +1 -1
  200. package/dist/generated/themes/PopupsCommon.css.js +1 -1
  201. package/dist/generated/themes/RadioButton.css.js +1 -1
  202. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  203. package/dist/generated/themes/Select.css.js +1 -1
  204. package/dist/generated/themes/SliderBase.css.js +1 -1
  205. package/dist/generated/themes/SplitButton.css.js +8 -0
  206. package/dist/generated/themes/TabContainer.css.js +1 -1
  207. package/dist/generated/themes/TabInOverflow.css.js +1 -1
  208. package/dist/generated/themes/TabInStrip.css.js +1 -1
  209. package/dist/generated/themes/TabSeparatorInOverflow.css.js +8 -0
  210. package/dist/generated/themes/TabSeparatorInStrip.css.js +8 -0
  211. package/dist/generated/themes/Table.css.js +1 -1
  212. package/dist/generated/themes/TableColumn.css.js +1 -1
  213. package/dist/generated/themes/TextArea.css.js +1 -1
  214. package/dist/generated/themes/TimeSelection.css.js +1 -1
  215. package/dist/generated/themes/Token.css.js +1 -1
  216. package/dist/generated/themes/ValueStateMessage.css.js +1 -1
  217. package/dist/generated/themes/sap_belize/parameters-bundle.css.js +1 -1
  218. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +1 -1
  219. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +1 -1
  220. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  221. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  222. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  223. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  224. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  225. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +1 -1
  226. package/dist/i18n/messagebundle.properties +26 -1
  227. package/dist/i18n/messagebundle_ar.properties +13 -1
  228. package/dist/i18n/messagebundle_bg.properties +13 -1
  229. package/dist/i18n/messagebundle_ca.properties +13 -1
  230. package/dist/i18n/messagebundle_cs.properties +13 -1
  231. package/dist/i18n/messagebundle_cy.properties +13 -1
  232. package/dist/i18n/messagebundle_da.properties +13 -1
  233. package/dist/i18n/messagebundle_de.properties +13 -1
  234. package/dist/i18n/messagebundle_el.properties +13 -1
  235. package/dist/i18n/messagebundle_en.properties +13 -1
  236. package/dist/i18n/messagebundle_en_GB.properties +13 -1
  237. package/dist/i18n/messagebundle_en_US_sappsd.properties +18 -1
  238. package/dist/i18n/messagebundle_en_US_saprigi.properties +18 -1
  239. package/dist/i18n/messagebundle_en_US_saptrc.properties +18 -1
  240. package/dist/i18n/messagebundle_es.properties +13 -1
  241. package/dist/i18n/messagebundle_es_MX.properties +13 -1
  242. package/dist/i18n/messagebundle_et.properties +13 -1
  243. package/dist/i18n/messagebundle_fi.properties +14 -2
  244. package/dist/i18n/messagebundle_fr.properties +13 -1
  245. package/dist/i18n/messagebundle_fr_CA.properties +13 -1
  246. package/dist/i18n/messagebundle_hi.properties +13 -1
  247. package/dist/i18n/messagebundle_hr.properties +13 -1
  248. package/dist/i18n/messagebundle_hu.properties +13 -1
  249. package/dist/i18n/messagebundle_id.properties +13 -1
  250. package/dist/i18n/messagebundle_it.properties +13 -1
  251. package/dist/i18n/messagebundle_iw.properties +13 -1
  252. package/dist/i18n/messagebundle_ja.properties +13 -1
  253. package/dist/i18n/messagebundle_kk.properties +13 -1
  254. package/dist/i18n/messagebundle_ko.properties +13 -1
  255. package/dist/i18n/messagebundle_lt.properties +13 -1
  256. package/dist/i18n/messagebundle_lv.properties +13 -1
  257. package/dist/i18n/messagebundle_ms.properties +13 -1
  258. package/dist/i18n/messagebundle_nl.properties +13 -1
  259. package/dist/i18n/messagebundle_no.properties +13 -1
  260. package/dist/i18n/messagebundle_pl.properties +13 -1
  261. package/dist/i18n/messagebundle_pt.properties +13 -1
  262. package/dist/i18n/messagebundle_pt_PT.properties +13 -1
  263. package/dist/i18n/messagebundle_ro.properties +13 -1
  264. package/dist/i18n/messagebundle_ru.properties +13 -1
  265. package/dist/i18n/messagebundle_sh.properties +13 -1
  266. package/dist/i18n/messagebundle_sk.properties +13 -1
  267. package/dist/i18n/messagebundle_sl.properties +13 -1
  268. package/dist/i18n/messagebundle_sv.properties +13 -1
  269. package/dist/i18n/messagebundle_th.properties +12 -0
  270. package/dist/i18n/messagebundle_tr.properties +13 -1
  271. package/dist/i18n/messagebundle_uk.properties +13 -1
  272. package/dist/i18n/messagebundle_vi.properties +13 -1
  273. package/dist/i18n/messagebundle_zh_CN.properties +13 -1
  274. package/dist/i18n/messagebundle_zh_TW.properties +12 -0
  275. package/dist/types/HasPopup.js +62 -0
  276. package/dist/types/TabsOverflowMode.js +40 -0
  277. package/package.json +9 -9
  278. package/src/Breadcrumbs.hbs +3 -2
  279. package/src/Breadcrumbs.js +8 -6
  280. package/src/BreadcrumbsItem.js +1 -1
  281. package/src/BreadcrumbsPopover.hbs +2 -2
  282. package/src/BusyIndicator.hbs +1 -1
  283. package/src/BusyIndicator.js +2 -3
  284. package/src/Button.hbs +1 -1
  285. package/src/Button.js +28 -1
  286. package/src/Calendar.js +7 -0
  287. package/src/CardHeader.hbs +12 -5
  288. package/src/Carousel.hbs +1 -0
  289. package/src/Carousel.js +9 -0
  290. package/src/CheckBox.hbs +1 -0
  291. package/src/CheckBox.js +34 -1
  292. package/src/ColorPalette.js +5 -4
  293. package/src/ColorPalettePopover.hbs +7 -5
  294. package/src/ColorPalettePopover.js +27 -2
  295. package/src/ComboBox.hbs +1 -0
  296. package/src/ComboBox.js +91 -23
  297. package/src/ComboBoxPopover.hbs +1 -0
  298. package/src/DateComponentBase.js +6 -8
  299. package/src/DatePicker.js +10 -2
  300. package/src/DateRangePicker.js +22 -0
  301. package/src/Dialog.hbs +1 -1
  302. package/src/Dialog.js +5 -22
  303. package/src/Icon.js +11 -8
  304. package/src/Input.hbs +1 -1
  305. package/src/Input.js +107 -15
  306. package/src/InputPopover.hbs +2 -3
  307. package/src/Link.hbs +2 -1
  308. package/src/Link.js +32 -14
  309. package/src/List.js +14 -4
  310. package/src/ListItem.hbs +1 -0
  311. package/src/MessageStrip.hbs +1 -1
  312. package/src/MessageStrip.js +39 -2
  313. package/src/MultiComboBox.js +7 -3
  314. package/src/MultiComboBoxItem.js +1 -1
  315. package/src/MultiComboBoxPopover.hbs +1 -1
  316. package/src/MultiInput.js +55 -8
  317. package/src/Option.js +12 -1
  318. package/src/Panel.hbs +1 -1
  319. package/src/Panel.js +9 -0
  320. package/src/Popover.js +106 -57
  321. package/src/Popup.js +16 -2
  322. package/src/PopupBlockLayer.hbs +1 -1
  323. package/src/RadioButton.js +15 -3
  324. package/src/RatingIndicator.js +37 -7
  325. package/src/ResponsivePopover.hbs +2 -0
  326. package/src/ResponsivePopover.js +1 -0
  327. package/src/SegmentedButton.hbs +1 -0
  328. package/src/SegmentedButton.js +14 -1
  329. package/src/Select.js +2 -1
  330. package/src/SelectPopover.hbs +2 -1
  331. package/src/SliderBase.hbs +1 -1
  332. package/src/SliderBase.js +4 -0
  333. package/src/SplitButton.hbs +53 -0
  334. package/src/SplitButton.js +425 -0
  335. package/src/Switch.hbs +1 -0
  336. package/src/Switch.js +18 -0
  337. package/src/Tab.js +10 -6
  338. package/src/TabContainer.hbs +48 -58
  339. package/src/TabContainer.js +480 -108
  340. package/src/TabContainerPopover.hbs +9 -6
  341. package/src/TabInOverflow.hbs +0 -1
  342. package/src/TabInStrip.hbs +3 -8
  343. package/src/TabSeparator.js +42 -3
  344. package/src/TabSeparatorInOverflow.hbs +8 -0
  345. package/src/TabSeparatorInStrip.hbs +6 -0
  346. package/src/Table.hbs +1 -1
  347. package/src/Table.js +15 -5
  348. package/src/TextArea.js +9 -3
  349. package/src/TextAreaPopover.hbs +1 -1
  350. package/src/ToggleButton.js +5 -0
  351. package/src/Tokenizer.js +134 -7
  352. package/src/Tree.hbs +1 -0
  353. package/src/TreeItem.js +21 -0
  354. package/src/TreeListItem.js +8 -0
  355. package/src/features/InputSuggestions.js +88 -15
  356. package/src/i18n/messagebundle.properties +26 -1
  357. package/src/i18n/messagebundle_ar.properties +13 -1
  358. package/src/i18n/messagebundle_bg.properties +13 -1
  359. package/src/i18n/messagebundle_ca.properties +13 -1
  360. package/src/i18n/messagebundle_cs.properties +13 -1
  361. package/src/i18n/messagebundle_cy.properties +13 -1
  362. package/src/i18n/messagebundle_da.properties +13 -1
  363. package/src/i18n/messagebundle_de.properties +13 -1
  364. package/src/i18n/messagebundle_el.properties +13 -1
  365. package/src/i18n/messagebundle_en.properties +13 -1
  366. package/src/i18n/messagebundle_en_GB.properties +13 -1
  367. package/src/i18n/messagebundle_en_US_sappsd.properties +18 -1
  368. package/src/i18n/messagebundle_en_US_saprigi.properties +18 -1
  369. package/src/i18n/messagebundle_en_US_saptrc.properties +18 -1
  370. package/src/i18n/messagebundle_es.properties +13 -1
  371. package/src/i18n/messagebundle_es_MX.properties +13 -1
  372. package/src/i18n/messagebundle_et.properties +13 -1
  373. package/src/i18n/messagebundle_fi.properties +14 -2
  374. package/src/i18n/messagebundle_fr.properties +13 -1
  375. package/src/i18n/messagebundle_fr_CA.properties +13 -1
  376. package/src/i18n/messagebundle_hi.properties +13 -1
  377. package/src/i18n/messagebundle_hr.properties +13 -1
  378. package/src/i18n/messagebundle_hu.properties +13 -1
  379. package/src/i18n/messagebundle_id.properties +13 -1
  380. package/src/i18n/messagebundle_it.properties +13 -1
  381. package/src/i18n/messagebundle_iw.properties +13 -1
  382. package/src/i18n/messagebundle_ja.properties +13 -1
  383. package/src/i18n/messagebundle_kk.properties +13 -1
  384. package/src/i18n/messagebundle_ko.properties +13 -1
  385. package/src/i18n/messagebundle_lt.properties +13 -1
  386. package/src/i18n/messagebundle_lv.properties +13 -1
  387. package/src/i18n/messagebundle_ms.properties +13 -1
  388. package/src/i18n/messagebundle_nl.properties +13 -1
  389. package/src/i18n/messagebundle_no.properties +13 -1
  390. package/src/i18n/messagebundle_pl.properties +13 -1
  391. package/src/i18n/messagebundle_pt.properties +13 -1
  392. package/src/i18n/messagebundle_pt_PT.properties +13 -1
  393. package/src/i18n/messagebundle_ro.properties +13 -1
  394. package/src/i18n/messagebundle_ru.properties +13 -1
  395. package/src/i18n/messagebundle_sh.properties +13 -1
  396. package/src/i18n/messagebundle_sk.properties +13 -1
  397. package/src/i18n/messagebundle_sl.properties +13 -1
  398. package/src/i18n/messagebundle_sv.properties +13 -1
  399. package/src/i18n/messagebundle_th.properties +12 -0
  400. package/src/i18n/messagebundle_tr.properties +13 -1
  401. package/src/i18n/messagebundle_uk.properties +13 -1
  402. package/src/i18n/messagebundle_vi.properties +13 -1
  403. package/src/i18n/messagebundle_zh_CN.properties +13 -1
  404. package/src/i18n/messagebundle_zh_TW.properties +12 -0
  405. package/src/themes/Badge.css +3 -1
  406. package/src/themes/Breadcrumbs.css +100 -99
  407. package/src/themes/BrowserScrollbar.css +2 -0
  408. package/src/themes/BusyIndicator.css +3 -3
  409. package/src/themes/CardHeader.css +7 -3
  410. package/src/themes/CheckBox.css +15 -7
  411. package/src/themes/CustomListItem.css +2 -1
  412. package/src/themes/Dialog.css +1 -0
  413. package/src/themes/Input.css +14 -0
  414. package/src/themes/List.css +1 -0
  415. package/src/themes/Panel.css +4 -0
  416. package/src/themes/Popover.css +4 -0
  417. package/src/themes/PopupsCommon.css +0 -1
  418. package/src/themes/RadioButton.css +4 -3
  419. package/src/themes/RatingIndicator.css +0 -1
  420. package/src/themes/SliderBase.css +3 -2
  421. package/src/themes/SplitButton.css +98 -0
  422. package/src/themes/TabContainer.css +17 -53
  423. package/src/themes/TabInOverflow.css +25 -21
  424. package/src/themes/TabInStrip.css +124 -100
  425. package/src/themes/TabSeparatorInOverflow.css +8 -0
  426. package/src/themes/TabSeparatorInStrip.css +5 -0
  427. package/src/themes/Table.css +1 -1
  428. package/src/themes/TableColumn.css +0 -1
  429. package/src/themes/TextArea.css +9 -1
  430. package/src/themes/TimeSelection.css +4 -0
  431. package/src/themes/Token.css +2 -1
  432. package/src/themes/Tokenizer.css +1 -1
  433. package/src/themes/ValueStateMessage.css +3 -3
  434. package/src/themes/base/BrowserScrollbar-parameters.css +4 -0
  435. package/src/themes/base/Card-parameters.css +1 -1
  436. package/src/themes/base/Input-parameters.css +5 -0
  437. package/src/themes/base/TabContainer-parameters.css +1 -1
  438. package/src/themes/base/TextArea-parameters.css +1 -0
  439. package/src/themes/base/Title-parameters.css +6 -6
  440. package/src/themes/base/Token-parameters.css +1 -0
  441. package/src/themes/base/sizes-parameters.css +2 -2
  442. package/src/themes/sap_belize/BrowserScrollbar-parameters.css +4 -0
  443. package/src/themes/sap_belize/Table-parameters.css +3 -0
  444. package/src/themes/sap_belize/parameters-bundle.css +1 -0
  445. package/src/themes/sap_belize_hcb/BrowserScrollbar-parameters.css +4 -0
  446. package/src/themes/sap_belize_hcb/Input-parameters.css +1 -0
  447. package/src/themes/sap_belize_hcb/Table-parameters.css +1 -0
  448. package/src/themes/sap_belize_hcb/Token-parameters.css +1 -0
  449. package/src/themes/sap_belize_hcb/parameters-bundle.css +1 -0
  450. package/src/themes/sap_belize_hcw/BrowserScrollbar-parameters.css +4 -0
  451. package/src/themes/sap_belize_hcw/Input-parameters.css +1 -0
  452. package/src/themes/sap_belize_hcw/Table-parameters.css +1 -0
  453. package/src/themes/sap_belize_hcw/Token-parameters.css +1 -0
  454. package/src/themes/sap_belize_hcw/parameters-bundle.css +1 -0
  455. package/src/themes/sap_fiori_3/TabContainer-parameters.css +1 -1
  456. package/src/themes/sap_fiori_3/parameters-bundle.css +1 -0
  457. package/src/themes/sap_fiori_3_dark/parameters-bundle.css +1 -0
  458. package/src/themes/sap_fiori_3_hcb/Input-parameters.css +7 -0
  459. package/src/themes/sap_fiori_3_hcb/TextArea-parameters.css +2 -0
  460. package/src/themes/sap_fiori_3_hcb/Token-parameters.css +2 -1
  461. package/src/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -0
  462. package/src/themes/sap_fiori_3_hcw/Input-parameters.css +7 -0
  463. package/src/themes/sap_fiori_3_hcw/TextArea-parameters.css +2 -0
  464. package/src/themes/sap_fiori_3_hcw/Token-parameters.css +2 -1
  465. package/src/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -0
  466. package/src/themes/sap_horizon/Card-parameters.css +0 -1
  467. package/src/themes/sap_horizon/Table-parameters.css +1 -0
  468. package/src/themes/sap_horizon/parameters-bundle.css +1 -0
  469. package/src/themes/sap_horizon_exp/parameters-bundle.css +1 -0
  470. package/src/types/HasPopup.js +62 -0
  471. package/src/types/TabsOverflowMode.js +40 -0
  472. package/csp.js +0 -7
  473. package/dist/generated/templates/TabSeparatorTemplate.lit.js +0 -7
  474. package/src/TabSeparator.hbs +0 -1
@@ -1,37 +1,56 @@
1
1
  .ui5-tab-strip-item {
2
- color: var(--_ui5_tc_headerItem_color);
3
- cursor: pointer;
4
- flex-shrink: 0;
5
- padding: var(--_ui5_tc_headeritem_padding);
6
- font-size: var(--sapFontSmallSize);
2
+ height: var(--_ui5_tc_header_height);
3
+ color: var(--_ui5_tc_headerItem_color);
4
+ cursor: pointer;
5
+ padding: var(--_ui5_tc_headeritem_padding);
6
+ font-size: var(--sapFontSmallSize);
7
7
  font-weight: var(--_ui5_tc_headeritem_text_font_weight);
8
- text-shadow: var(--sapContent_TextShadow);
9
- position: relative;
10
- display: inline-flex;
11
- align-items: center;
8
+ text-shadow: var(--sapContent_TextShadow);
9
+ position: relative;
10
+ display: flex;
11
+ align-items: center;
12
12
  justify-content: center;
13
+ flex-shrink: 0;
13
14
  min-width: 2rem;
14
- height: var(--_ui5_tc_header_height);
15
+ max-width: 100%;
16
+ box-sizing: border-box;
17
+ }
18
+
19
+ .ui5-tab-strip-itemText {
20
+ white-space: nowrap;
21
+ overflow: hidden;
22
+ text-overflow: ellipsis;
23
+ }
24
+
25
+ .ui5-tc__separator[hidden],
26
+ .ui5-tab-strip-item[hidden],
27
+ .ui5-tab-strip-item--textOnly[hidden],
28
+ .ui5-tab-strip-item.ui5-tab-strip-item--textOnly.ui5-tab-strip-item--inline[hidden] {
29
+ display: none;
15
30
  }
16
31
 
17
32
  .ui5-tab-strip-itemContent {
33
+ display: flex;
34
+ min-width: 0;
35
+ justify-content: center;
36
+ flex-direction: column;
18
37
  padding: var(--_ui5_tc_headerItemContent_padding);
19
38
  border: var(--_ui5_tc_headerItemContent_default_focus_border);
20
39
  border-radius: var(--_ui5_tc_headerItemContent_focus_border_radius);
21
- pointer-events: none;
40
+ pointer-events: none;
22
41
  transition: var(--_ui5_tc_headerItem_transition);
23
42
  }
24
43
 
25
44
  .ui5-tab-strip-item--selected.ui5-tab-strip-item--textOnly {
26
- color: var(--_ui5_tc_headeritem_text_selected_color);
45
+ color: var(--_ui5_tc_headeritem_text_selected_color);
27
46
  }
28
47
 
29
48
  .ui5-tab-strip-item:hover:not(.ui5-tab-strip-item--selected).ui5-tab-strip-item--textOnly {
30
- color: var(--_ui5_tc_headerItem_text_hover_color);
49
+ color: var(--_ui5_tc_headerItem_text_hover_color);
31
50
  }
32
51
 
33
52
  .ui5-tab-strip-item:hover.ui5-tab-strip-item--selected.ui5-tab-strip-item--textOnly {
34
- color: var(--_ui5_tc_headeritem_text_selected_hover_color);
53
+ color: var(--_ui5_tc_headeritem_text_selected_hover_color);
35
54
  }
36
55
 
37
56
  /* the outline when hover or selected */
@@ -42,14 +61,14 @@
42
61
  .ui5-tab-strip-item--selected.ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemContent::after,
43
62
  .ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer::after {
44
63
  content: "";
45
- position: absolute;
46
- bottom: 1px;
47
- left: 0;
48
- right: 0;
64
+ position: absolute;
65
+ bottom: 1px;
66
+ left: 0;
67
+ right: 0;
49
68
  border-bottom: var(--_ui5_tc_headerItemContent_border_bottom);
50
69
  border-radius: var(--_ui5_tc_headerItemContent_border_radius);
51
70
  background-color: var(--_ui5_tc_headerItemContent_border_bg);
52
- height: var(--_ui5_tc_headerItemContent_border_height);
71
+ height: var(--_ui5_tc_headerItemContent_border_height);
53
72
  }
54
73
 
55
74
  /* the outline when hover and not selected */
@@ -73,8 +92,8 @@
73
92
  .ui5-tab-strip-item-icon-outer:hover .ui5-tab-strip-itemContent::after,
74
93
  .ui5-tab-strip-item--selected.ui5-tab-strip-item--textOnly .ui5-tab-strip-itemContent::after,
75
94
  .ui5-tab-strip-item--selected.ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemContent::after {
76
- left: var(--_ui5_tc_headerItemContent_offset);
77
- right: var(--_ui5_tc_headerItemContent_offset);
95
+ left: var(--_ui5_tc_headerItemContent_offset);
96
+ right: var(--_ui5_tc_headerItemContent_offset);
78
97
  }
79
98
 
80
99
  /* the outline offset when focused */
@@ -83,27 +102,27 @@
83
102
  .ui5-tab-strip-item-icon-outer:focus .ui5-tab-strip-itemContent::after,
84
103
  .ui5-tab-strip-item--selected.ui5-tab-strip-item--textOnly:focus .ui5-tab-strip-itemContent::after,
85
104
  .ui5-tab-strip-item--selected.ui5-tab-strip-item--mixedMode:focus .ui5-tab-strip-itemContent::after {
86
- left: var(--_ui5_tc_headerItemContent_focus_offset);
87
- right: var(--_ui5_tc_headerItemContent_focus_offset);
105
+ left: var(--_ui5_tc_headerItemContent_focus_offset);
106
+ right: var(--_ui5_tc_headerItemContent_focus_offset);
88
107
  }
89
108
 
90
109
  .ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer::after {
91
- bottom: -0.875rem;
110
+ bottom: -0.875rem;
92
111
  }
93
112
 
94
113
  .ui5-tab-strip-item--disabled {
95
- cursor: default;
96
- opacity: 0.5;
114
+ cursor: default;
115
+ opacity: 0.5;
97
116
  }
98
117
 
99
118
  .ui5-tab-strip-item:focus {
100
- outline: none;
119
+ outline: none;
101
120
  }
102
121
 
103
122
  .ui5-tab-strip-item--textOnly:not(.ui5-tab-strip-item--inline):focus .ui5-tab-strip-itemText,
104
123
  .ui5-tab-strip-item--mixedMode:focus .ui5-tab-strip-itemContent,
105
124
  .ui5-tab-strip-item--inline.ui5-tab-strip-item--textOnly:focus .ui5-tab-strip-itemContent {
106
- outline: var(--_ui5_tc_headerItem_focus_border);
125
+ outline: var(--_ui5_tc_headerItem_focus_border);
107
126
  border-radius: var(--_ui5_tc_headerItem_focus_border_radius);
108
127
  outline-offset: var(--_ui5_tc_headerItem_focus_offset);
109
128
  }
@@ -130,68 +149,68 @@
130
149
  }
131
150
 
132
151
  .ui5-tab-strip-item-semanticIcon::before {
133
- display: var(--_ui5_tc_headerItemSemanticIcon_display);
134
- font-family: "SAP-icons";
135
- font-size: 0.75rem;
136
- margin-right: 0.25rem;
137
- speak: none;
138
- -webkit-font-smoothing: antialiased;
152
+ display: var(--_ui5_tc_headerItemSemanticIcon_display);
153
+ font-family: "SAP-icons";
154
+ font-size: 0.75rem;
155
+ margin-right: 0.25rem;
156
+ speak: none;
157
+ -webkit-font-smoothing: antialiased;
139
158
  }
140
159
 
141
160
  .ui5-tab-strip-item-semanticIcon--positive::before {
142
- content: "\e1ab";
161
+ content: "\e1ab";
143
162
  }
144
163
 
145
164
  .ui5-tab-strip-item-semanticIcon--negative::before {
146
- content: "\e1ac";
165
+ content: "\e1ac";
147
166
  }
148
167
 
149
168
  .ui5-tab-strip-item-semanticIcon--critical::before {
150
- content: "\e1ae";
169
+ content: "\e1ae";
151
170
  }
152
171
 
153
172
  /*** Icon and text Tab styles ***/
154
173
 
155
174
  .ui5-tab-strip-item-icon-outer {
156
- display: flex;
157
- justify-content: center;
158
- align-items: center;
159
- position: relative;
160
- border: var(--_ui5_tc_headerItemIcon_border);
161
- border-radius: 50%;
162
- margin-right: 0.25rem;
163
- height: var(--_ui5_tc_item_icon_circle_size);
164
- width: var(--_ui5_tc_item_icon_circle_size);
165
- pointer-events: none;
175
+ display: flex;
176
+ justify-content: center;
177
+ align-items: center;
178
+ position: relative;
179
+ border: var(--_ui5_tc_headerItemIcon_border);
180
+ border-radius: 50%;
181
+ margin-right: 0.25rem;
182
+ height: var(--_ui5_tc_item_icon_circle_size);
183
+ width: var(--_ui5_tc_item_icon_circle_size);
184
+ pointer-events: none;
166
185
  }
167
186
 
168
187
  .ui5-tab-strip-item-icon {
169
- width: var(--_ui5_tc_item_icon_size);
170
- height: var(--_ui5_tc_item_icon_size);
171
- color: var(--_ui5_tc_headerItemIcon_color);
172
- text-shadow: var(--sapContent_TextShadow);
173
- pointer-events: none;
188
+ width: var(--_ui5_tc_item_icon_size);
189
+ height: var(--_ui5_tc_item_icon_size);
190
+ color: var(--_ui5_tc_headerItemIcon_color);
191
+ text-shadow: var(--sapContent_TextShadow);
192
+ pointer-events: none;
174
193
  }
175
194
 
176
195
  .ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer {
177
- background-color: var(--_ui5_tc_headerItemIcon_selected_background);
196
+ background-color: var(--_ui5_tc_headerItemIcon_selected_background);
178
197
  }
179
198
 
180
199
  .ui5-tab-strip-item--selected .ui5-tab-strip-item-icon {
181
- color: var(--_ui5_tc_headerItemIcon_selected_color);
182
- text-shadow: none;
200
+ color: var(--_ui5_tc_headerItemIcon_selected_color);
201
+ text-shadow: none;
183
202
  }
184
203
 
185
204
  .ui5-tab-strip-itemAdditionalText + .ui5-tab-strip-itemText {
186
- display: block;
205
+ display: block;
187
206
  }
188
207
 
189
208
  .ui5-tab-strip-item--inline .ui5-tab-strip-itemAdditionalText + .ui5-tab-strip-itemText {
190
- display: inline;
209
+ display: inline;
191
210
  }
192
211
 
193
212
  .ui5-tab-strip-item--withIcon .ui5-tab-strip-itemAdditionalText + .ui5-tab-strip-itemText {
194
- margin-top: var(--_ui5_tc_item_add_text_margin_top);
213
+ margin-top: var(--_ui5_tc_item_add_text_margin_top);
195
214
  }
196
215
 
197
216
  /*** END Icon and text Tab styles ***/
@@ -199,11 +218,11 @@
199
218
  /*** TextOnly Tab styles ***/
200
219
  .ui5-tab-strip-item--textOnly,
201
220
  .ui5-tab-strip-item.ui5-tab-strip-item--textOnly.ui5-tab-strip-item--inline {
202
- font-size: var(--sapFontSize);
203
- height: var(--_ui5_tc_item_text_only_height);
204
- display: flex;
205
- align-items: center;
206
- line-height: var(--_ui5_tc_item_text_line_height);
221
+ font-size: var(--sapFontSize);
222
+ height: var(--_ui5_tc_item_text_only_height);
223
+ display: flex;
224
+ align-items: center;
225
+ line-height: var(--_ui5_tc_item_text_line_height);
207
226
  }
208
227
 
209
228
  .ui5-tab-strip-item--textOnly:not(.ui5-tab-strip-item--withAddionalText) .ui5-tab-strip-itemText {
@@ -220,113 +239,118 @@
220
239
  /*** Mixed Mode Tab styles ***/
221
240
  .ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemText,
222
241
  .ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemAdditionalText {
223
- display: inline-block;
224
- vertical-align: middle;
242
+ display: inline-block;
243
+ vertical-align: middle;
244
+ }
245
+
246
+ .ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemContent {
247
+ flex-direction: row;
248
+ align-items: center;
225
249
  }
226
250
 
227
251
  .ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemAdditionalText {
228
- font-size: 1.5rem;
229
- margin-right: 0.5rem;
252
+ font-size: 1.5rem;
253
+ margin-right: 0.5rem;
230
254
  }
231
255
 
232
256
  /*** Semantic states ***/
233
257
  .ui5-tab-strip-item--positive.ui5-tab-strip-item--textOnly,
234
258
  .ui5-tab-strip-item--positive .ui5-tab-strip-item-icon-outer,
235
259
  .ui5-tab-strip-item-semanticIcon--positive::before {
236
- color: var(--sapPositiveColor);
237
- border-color: var(--_ui5_tc_headerItem_positive_selected_border_color);
260
+ color: var(--sapPositiveColor);
261
+ border-color: var(--_ui5_tc_headerItem_positive_selected_border_color);
238
262
  }
239
263
 
240
264
  .ui5-tab-strip-item--positive .ui5-tab-strip-item-icon {
241
- color: var(--_ui5_tc_headerItem_positive_color);
265
+ color: var(--_ui5_tc_headerItem_positive_color);
242
266
  }
243
267
 
244
268
  .ui5-tab-strip-item--positive.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer {
245
- background-color: var(--_ui5_tc_headerItemIcon_positive_selected_background);
246
- color: var(--_ui5_tc_headerItemIcon_semantic_selected_color);
269
+ background-color: var(--_ui5_tc_headerItemIcon_positive_selected_background);
270
+ color: var(--_ui5_tc_headerItemIcon_semantic_selected_color);
247
271
  }
248
272
 
249
273
  .ui5-tab-strip-item--positive.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon {
250
- color: var(--_ui5_tc_headerItemIcon_semantic_selected_color);
274
+ color: var(--_ui5_tc_headerItemIcon_semantic_selected_color);
251
275
  }
252
276
 
253
277
  .ui5-tab-strip-item.ui5-tab-strip-item--positive .ui5-tab-strip-itemContent::after,
254
278
  .ui5-tab-strip-item--positive .ui5-tab-strip-item-icon-outer::after {
255
- border-color: var(--_ui5_tc_headerItem_positive_border_color);
279
+ border-color: var(--_ui5_tc_headerItem_positive_border_color);
256
280
  background-color: var(--_ui5_tc_headerItem_positive_border_bg);
257
281
  }
258
282
 
259
283
  .ui5-tab-strip-item--negative.ui5-tab-strip-item--textOnly,
260
284
  .ui5-tab-strip-item--negative .ui5-tab-strip-item-icon-outer,
261
285
  .ui5-tab-strip-item-semanticIcon--negative::before {
262
- color: var(--sapNegativeColor);
263
- border-color: var(--_ui5_tc_headerItem_negative_selected_border_color);
286
+ color: var(--sapNegativeColor);
287
+ border-color: var(--_ui5_tc_headerItem_negative_selected_border_color);
264
288
  }
265
289
 
266
290
  .ui5-tab-strip-item--negative .ui5-tab-strip-item-icon {
267
- color: var(--_ui5_tc_headerItem_negative_color);
291
+ color: var(--_ui5_tc_headerItem_negative_color);
268
292
  }
269
293
 
270
294
  .ui5-tab-strip-item--negative.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer {
271
- background-color: var(--_ui5_tc_headerItemIcon_negative_selected_background);
295
+ background-color: var(--_ui5_tc_headerItemIcon_negative_selected_background);
272
296
  }
273
297
 
274
298
  .ui5-tab-strip-item--negative.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon {
275
- color: var(--_ui5_tc_headerItemIcon_semantic_selected_color);
299
+ color: var(--_ui5_tc_headerItemIcon_semantic_selected_color);
276
300
  }
277
301
 
278
302
  .ui5-tab-strip-item.ui5-tab-strip-item--negative .ui5-tab-strip-itemContent::after,
279
303
  .ui5-tab-strip-item--negative .ui5-tab-strip-item-icon-outer::after {
280
- border-color: var(--_ui5_tc_headerItem_negative_border_color);
281
- background-color: var(--_ui5_tc_headerItem_negative_border_bg);
304
+ border-color: var(--_ui5_tc_headerItem_negative_border_color);
305
+ background-color: var(--_ui5_tc_headerItem_negative_border_bg);
282
306
  }
283
307
 
284
308
  .ui5-tab-strip-item--critical.ui5-tab-strip-item--textOnly,
285
309
  .ui5-tab-strip-item--critical .ui5-tab-strip-item-icon-outer,
286
310
  .ui5-tab-strip-item-semanticIcon--critical::before {
287
- color: var(--sapCriticalColor);
288
- border-color: var(--_ui5_tc_headerItem_critical_selected_border_color);
311
+ color: var(--sapCriticalColor);
312
+ border-color: var(--_ui5_tc_headerItem_critical_selected_border_color);
289
313
  }
290
314
 
291
315
  .ui5-tab-strip-item--critical .ui5-tab-strip-item-icon {
292
- color: var(--_ui5_tc_headerItem_critical_color);
316
+ color: var(--_ui5_tc_headerItem_critical_color);
293
317
  }
294
318
 
295
319
  .ui5-tab-strip-item--critical.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer {
296
- background-color: var(--_ui5_tc_headerItemIcon_critical_selected_background);
320
+ background-color: var(--_ui5_tc_headerItemIcon_critical_selected_background);
297
321
  }
298
322
 
299
323
  .ui5-tab-strip-item--critical.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon {
300
- color: var(--_ui5_tc_headerItemIcon_semantic_selected_color);
324
+ color: var(--_ui5_tc_headerItemIcon_semantic_selected_color);
301
325
  }
302
326
 
303
327
  .ui5-tab-strip-item.ui5-tab-strip-item--critical .ui5-tab-strip-itemContent::after,
304
328
  .ui5-tab-strip-item--critical .ui5-tab-strip-item-icon-outer::after {
305
- border-color: var(--_ui5_tc_headerItem_critical_border_color);
329
+ border-color: var(--_ui5_tc_headerItem_critical_border_color);
306
330
  background-color: var(--_ui5_tc_headerItem_critical_border_bg);
307
331
  }
308
332
 
309
333
  .ui5-tab-strip-item--nutral.ui5-tab-strip-item--textOnly,
310
334
  .ui5-tab-strip-item--neutral .ui5-tab-strip-item-icon-outer {
311
- color: var(--sapNeutralColor);
312
- border-color: var(--_ui5_tc_headerItem_neutral_selected_border_color);
335
+ color: var(--sapNeutralColor);
336
+ border-color: var(--_ui5_tc_headerItem_neutral_selected_border_color);
313
337
  }
314
338
 
315
339
  .ui5-tab-strip-item--neutral .ui5-tab-strip-item-icon {
316
- color: var(--_ui5_tc_headerItem_neutral_color);
340
+ color: var(--_ui5_tc_headerItem_neutral_color);
317
341
  }
318
342
 
319
343
  .ui5-tab-strip-item--neutral.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer {
320
- background-color: var(--_ui5_tc_headerItemIcon_neutral_selected_background);
344
+ background-color: var(--_ui5_tc_headerItemIcon_neutral_selected_background);
321
345
  }
322
346
 
323
347
  .ui5-tab-strip-item--neutral.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon {
324
- color: var(--_ui5_tc_headerItemIcon_semantic_selected_color);
348
+ color: var(--_ui5_tc_headerItemIcon_semantic_selected_color);
325
349
  }
326
350
 
327
351
  .ui5-tab-strip-item.ui5-tab-strip-item--neutral .ui5-tab-strip-itemContent::after,
328
352
  .ui5-tab-strip-item--neutral .ui5-tab-strip-item-icon::after {
329
- border-color: var(--_ui5_tc_headerItem_neutral_border_color);
353
+ border-color: var(--_ui5_tc_headerItem_neutral_border_color);
330
354
  background-color: var(--_ui5_tc_headerItem_neutral_border_bg);
331
355
  }
332
356
  .ui5-tab-strip-item .ui5-tab-strip-itemAdditionalText {
@@ -335,16 +359,16 @@
335
359
  /*** RTL ***/
336
360
 
337
361
  [dir=rtl] .ui5-tab-strip-item-semanticIcon::before {
338
- margin-left: 0.25rem;
339
- margin-right: 0;
362
+ margin-left: 0.25rem;
363
+ margin-right: 0;
340
364
  }
341
365
 
342
366
  [dir=rtl] .ui5-tab-strip-item-icon-outer {
343
- margin-left: 0.25rem;
344
- margin-right: 0;
367
+ margin-left: 0.25rem;
368
+ margin-right: 0;
345
369
  }
346
370
 
347
371
  [dir=rtl] .ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemAdditionalText {
348
- margin-right: 0;
349
- margin-left: 0.5rem;
350
- }
372
+ margin-right: 0;
373
+ margin-left: 0.5rem;
374
+ }
@@ -0,0 +1,8 @@
1
+ .ui5-tc__separator {
2
+ min-height: 0.25rem;
3
+ border-bottom: 0.0625rem solid var(--sapGroup_TitleBorderColor);
4
+ margin: 0 0.5rem;
5
+ }
6
+ [ui5-list]>.ui5-tc__separator:first-child {
7
+ min-height: 0.5rem;
8
+ }
@@ -0,0 +1,5 @@
1
+ .ui5-tc__separator {
2
+ width: 0;
3
+ border-left: 0.0625rem solid var(--sapGroup_TitleBorderColor);
4
+ margin: 0.5rem 0.25rem;
5
+ }
@@ -18,7 +18,7 @@ table {
18
18
 
19
19
  .ui5-table-header-row {
20
20
  color: var(--sapTextColor);
21
- height: 3rem;
21
+ height: var(--ui5_table_header_row_height);
22
22
  font-family: "72override", var(--sapFontFamily);
23
23
  font-size: var(--sapFontSize);
24
24
  font-weight: var(--ui5_table_header_row_font_weight);
@@ -11,7 +11,6 @@ th {
11
11
  font-size: var(--sapFontMediumSize);
12
12
  padding: 0.25rem;
13
13
  box-sizing: border-box;
14
- height: 3rem;
15
14
  text-align: left;
16
15
  vertical-align: middle;
17
16
  }
@@ -133,25 +133,29 @@
133
133
 
134
134
  .ui5-textarea-inner::-webkit-input-placeholder {
135
135
  /* Chrome/Opera/Safari */
136
+ font-weight: normal;
136
137
  font-style: var(--_ui5_textarea_placeholder_font_style);
137
138
  color: var(--sapField_PlaceholderTextColor);
138
139
  }
139
140
 
140
141
  .ui5-textarea-inner::-moz-placeholder {
141
142
  /* Firefox 19+ */
143
+ font-weight: normal;
142
144
  font-style: var(--_ui5_textarea_placeholder_font_style);
143
145
  color: var(--sapField_PlaceholderTextColor);
144
146
  }
145
147
 
146
148
  .ui5-textarea-inner:-ms-input-placeholder {
147
149
  /* IE 10+ */
150
+ font-weight: normal;
148
151
  font-style: var(--_ui5_textarea_placeholder_font_style);
149
152
  color: var(--sapField_PlaceholderTextColor);
150
153
  }
151
154
 
152
155
  .ui5-textarea-inner:-moz-placeholder {
153
156
  /* Firefox 18- */
154
- font-style: italic;
157
+ font-weight: normal;
158
+ font-style: var(--_ui5_textarea_placeholder_font_style);
155
159
  color: var(--sapField_PlaceholderTextColor);
156
160
  }
157
161
 
@@ -173,6 +177,10 @@
173
177
  font-style: var(--_ui5_input_error_warning_font_style);
174
178
  }
175
179
 
180
+ :host([value-state="Warning"]) .ui5-textarea-inner {
181
+ font-weight: var(--_ui5_input_warning_font_weight);
182
+ }
183
+
176
184
  :host([value-state="Warning"]:not([readonly])) .ui5-textarea-inner,
177
185
  :host([exceeding]) .ui5-textarea-inner {
178
186
  background-image: var(--_ui5_textarea_warning_background_image);
@@ -17,6 +17,10 @@
17
17
  height: 90vh;
18
18
  }
19
19
 
20
+ :host(.ui5-dt-time.ui5-dt-cal--hidden) .ui5-time-selection-root.ui5-phone {
21
+ height: 80vh;
22
+ }
23
+
20
24
  [ui5-wheelslider] {
21
25
  padding-left: 0.25rem;
22
26
  padding-right: 0.25rem;
@@ -13,7 +13,7 @@
13
13
  }
14
14
 
15
15
  :host([overflows]) {
16
- visibility: hidden;
16
+ display: none;
17
17
  }
18
18
 
19
19
  :host(:not([readonly]):hover) {
@@ -36,6 +36,7 @@
36
36
  }
37
37
 
38
38
  :host([readonly]) {
39
+ background: var(--_ui5_token_readonly_background);
39
40
  color: var(--sapContent_ForegroundTextColor);
40
41
  }
41
42
 
@@ -73,7 +73,7 @@
73
73
 
74
74
  /* RTL */
75
75
 
76
- [dir="rtl"] .ui5-tokenizer-more-text {
76
+ [dir="rtl"] .ui5-tokenizer-more-text {
77
77
  margin-right: .25rem;
78
78
  margin-left: 0;
79
79
  }
@@ -14,7 +14,7 @@
14
14
  left: 0.5rem;
15
15
  }
16
16
 
17
- ui5-responsive-popover .ui5-valuestatemessage-header .ui5-input-value-state-message-icon {
17
+ [ui5-responsive-popover] .ui5-valuestatemessage-header .ui5-input-value-state-message-icon {
18
18
  left: 1rem;
19
19
  }
20
20
 
@@ -48,7 +48,7 @@ ui5-responsive-popover .ui5-valuestatemessage-header .ui5-input-value-state-mess
48
48
  border: var(--_ui5_value_state_message_border);
49
49
  }
50
50
 
51
- ui5-responsive-popover .ui5-valuestatemessage-header {
51
+ [ui5-responsive-popover] .ui5-valuestatemessage-header {
52
52
  min-height: 2rem;
53
53
  padding: var(--_ui5_value_state_header_padding);
54
54
  }
@@ -73,4 +73,4 @@ ui5-responsive-popover .ui5-valuestatemessage-header {
73
73
  outline-offset: -0.125rem;
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
+ }
@@ -0,0 +1,4 @@
1
+ :root {
2
+ --browser_scrollbar_border_radius: var(--sapElement_BorderCornerRadius);
3
+ --browser_scrollbar_border: none;
4
+ }
@@ -2,7 +2,7 @@
2
2
  --_ui5_card_box_shadow: var(--sapContent_Shadow0);
3
3
  --_ui5_card_hover_box_shadow: var(--_ui5_card_box_shadow);
4
4
  --_ui5_card_border_color: var(--sapTile_BorderColor);
5
- --_ui5_card_border-radius: .25rem;
5
+ --_ui5_card_border-radius: var(--sapElement_BorderCornerRadius);
6
6
  --_ui5_card_content_padding: 1rem;
7
7
  --_ui5_card_header_hover_bg: var(--sapList_Hover_Background);
8
8
  --_ui5_card_header_active_bg: var(--_ui5_card_header_hover_bg);
@@ -18,9 +18,14 @@
18
18
  --_ui5_input_state_border_width: 0.125rem;
19
19
  --_ui5-input-information_border_width: 0.125rem;
20
20
  --_ui5_input_error_font_weight: normal;
21
+ --_ui5_input_warning_font_weight: normal;
22
+ --_ui5_input_information_font_weight: normal;
21
23
  --_ui5_input_focus_border_width: 1px;
22
24
  --_ui5_input_error_warning_border_style: solid;
23
25
  --_ui5_input_error_warning_font_style: inherit;
26
+ --_ui5_input_error_warning_text_indent: 0;
27
+ --_ui5_input_information_text_indent: 0;
28
+ --_ui5_input_information_font_style: inherit;
24
29
  --_ui5_input_disabled_color: var(--sapContent_DisabledTextColor);
25
30
  --_ui5_input_disabled_font_weight: normal;
26
31
  --_ui5_input_disabled_border_color: var(--sapField_ReadOnly_BorderColor);
@@ -69,7 +69,7 @@
69
69
  --_ui5_tc_headerItemIcon_neutral_selected_background: var(--sapNeutralColor);
70
70
  --_ui5_tc_headerItemIcon_semantic_selected_color: var(--sapGroup_ContentBackground);
71
71
 
72
- --_ui5_tc_overflowItem_default_color: var(--sapHighlightColor);
72
+ --_ui5_tc_overflowItem_default_color: var(--sapNeutralTextColor);
73
73
  --_ui5_tc_overflowItem_current_color: CurrentColor;
74
74
  --_ui5_tc_content_border_bottom: 0.125rem solid var(--sapObjectHeader_BorderColor);
75
75
 
@@ -18,4 +18,5 @@
18
18
  --_ui5_textarea_value_state_focus_outline: var(--_ui5_input_focus_border_width) dotted var(--sapContent_FocusColor);
19
19
  --_ui5_textarea_after_element_display: none;
20
20
  --_ui5_textarea_placeholder_font_style: italic;
21
+ --_ui5_input_warning_font_weight: normal;
21
22
  }
@@ -1,8 +1,8 @@
1
1
  :root {
2
- --ui5_title_level_1Size: 1.625rem;
3
- --ui5_title_level_2Size: 1.375rem;
4
- --ui5_title_level_3Size: 1.250rem;
5
- --ui5_title_level_4Size: 1.125rem;
6
- --ui5_title_level_5Size: 1rem;
7
- --ui5_title_level_6Size: 0.875rem;
2
+ --ui5_title_level_1Size: var(--sapFontHeader1Size);
3
+ --ui5_title_level_2Size: var(--sapFontHeader2Size);
4
+ --ui5_title_level_3Size: var(--sapFontHeader3Size);
5
+ --ui5_title_level_4Size: var(--sapFontHeader4Size);
6
+ --ui5_title_level_5Size: var(--sapFontHeader5Size);
7
+ --ui5_title_level_6Size: var(--sapFontHeader6Size);
8
8
  }
@@ -1,5 +1,6 @@
1
1
  :root {
2
2
  --_ui5_token_background: var(--sapButton_Background);
3
+ --_ui5_token_readonly_background: var(--sapButton_Background);
3
4
  --_ui5_token_border_radius: 0.125rem;
4
5
  --_ui5_token_focus_outline_width: 0.0625rem;
5
6
  --_ui5_token_text_color: var(--sapButton_TextColor);
@@ -10,7 +10,6 @@
10
10
  --_ui5_checkbox_root_side_padding: .6875rem;
11
11
  --_ui5_checkbox_icon_size: 1rem;
12
12
  --_ui5_checkbox_partially_icon_size: .75rem;
13
- --_ui5_custom_list_item_height: 3rem;
14
13
  --_ui5_custom_list_item_rb_min_width: 2.75rem;
15
14
  --_ui5_day_picker_item_width: 2.25rem;
16
15
  --_ui5_day_picker_item_height: 2.875rem;
@@ -103,6 +102,7 @@
103
102
  --_ui5_load_more_text_height: 2.75rem;
104
103
  --_ui5_load_more_text_font_size: var(--sapFontMediumSize);
105
104
  --_ui5_load_more_desc_padding: 0.375rem 2rem 0.875rem 2rem;
105
+ --ui5_table_header_row_height: 2.75rem;
106
106
 
107
107
  /* Tree */
108
108
  --_ui5-tree-indent-step: 1.5rem;
@@ -160,7 +160,6 @@
160
160
  --_ui5_color-palette-button-height: 2rem;
161
161
 
162
162
  /* Custom List Item */
163
- --_ui5_custom_list_item_height: 2rem;
164
163
  --_ui5_custom_list_item_rb_min_width: 2rem;
165
164
 
166
165
  /* DayPicker */
@@ -287,6 +286,7 @@
287
286
  --_ui5_load_more_text_height: 2.625rem;
288
287
  --_ui5_load_more_text_font_size: var(--sapFontSize);
289
288
  --_ui5_load_more_desc_padding: 0 2rem 0.875rem 2rem;
289
+ --ui5_table_header_row_height: 2rem;
290
290
 
291
291
  /* Tree */
292
292
  --_ui5-tree-indent-step: 0.5rem;