@openui5/sap.m 1.99.1 → 1.102.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (517) hide show
  1. package/.eslintrc.json +18 -0
  2. package/THIRDPARTY.txt +5 -5
  3. package/package.json +4 -4
  4. package/src/sap/m/.library +1 -1
  5. package/src/sap/m/AccButton.js +1 -1
  6. package/src/sap/m/ActionListItem.js +1 -1
  7. package/src/sap/m/ActionListItemRenderer.js +5 -7
  8. package/src/sap/m/ActionSelect.js +1 -1
  9. package/src/sap/m/ActionSheet.js +11 -4
  10. package/src/sap/m/App.js +1 -1
  11. package/src/sap/m/AssociativeOverflowToolbar.js +1 -1
  12. package/src/sap/m/Avatar.js +1 -1
  13. package/src/sap/m/BadgeEnabler.js +3 -2
  14. package/src/sap/m/Bar.js +12 -21
  15. package/src/sap/m/Breadcrumbs.js +83 -10
  16. package/src/sap/m/BreadcrumbsRenderer.js +3 -7
  17. package/src/sap/m/BusyDialog.js +1 -1
  18. package/src/sap/m/BusyIndicator.js +1 -1
  19. package/src/sap/m/Button.js +2 -2
  20. package/src/sap/m/Carousel.js +4 -1
  21. package/src/sap/m/CarouselLayout.js +1 -1
  22. package/src/sap/m/CarouselRenderer.js +4 -2
  23. package/src/sap/m/CheckBox.js +2 -4
  24. package/src/sap/m/ColorPalette.js +13 -1
  25. package/src/sap/m/ColorPalettePopover.js +1 -1
  26. package/src/sap/m/Column.js +10 -1
  27. package/src/sap/m/ColumnHeaderPopover.js +1 -1
  28. package/src/sap/m/ColumnListItem.js +1 -1
  29. package/src/sap/m/ColumnListItemRenderer.js +10 -11
  30. package/src/sap/m/ColumnPopoverActionItem.js +1 -1
  31. package/src/sap/m/ColumnPopoverCustomItem.js +1 -1
  32. package/src/sap/m/ColumnPopoverItem.js +1 -1
  33. package/src/sap/m/ColumnPopoverSelectListItem.js +1 -1
  34. package/src/sap/m/ColumnPopoverSortItem.js +1 -1
  35. package/src/sap/m/ComboBox.js +23 -2
  36. package/src/sap/m/ComboBoxBase.js +4 -2
  37. package/src/sap/m/ComboBoxTextField.js +1 -1
  38. package/src/sap/m/CustomDynamicDateOption.js +1 -1
  39. package/src/sap/m/CustomListItem.js +1 -1
  40. package/src/sap/m/CustomListItemRenderer.js +4 -6
  41. package/src/sap/m/CustomTile.js +1 -1
  42. package/src/sap/m/CustomTileRenderer.js +1 -1
  43. package/src/sap/m/CustomTreeItem.js +1 -1
  44. package/src/sap/m/CustomTreeItemRenderer.js +2 -2
  45. package/src/sap/m/DatePicker.js +52 -9
  46. package/src/sap/m/DatePickerRenderer.js +0 -1
  47. package/src/sap/m/DateRangeSelection.js +42 -4
  48. package/src/sap/m/DateTimeField.js +8 -5
  49. package/src/sap/m/DateTimeInput.js +1 -1
  50. package/src/sap/m/DateTimePicker.js +97 -66
  51. package/src/sap/m/DateTimePickerRenderer.js +21 -4
  52. package/src/sap/m/Dialog.js +20 -7
  53. package/src/sap/m/DialogRenderer.js +1 -1
  54. package/src/sap/m/DisplayListItem.js +1 -1
  55. package/src/sap/m/DisplayListItemRenderer.js +4 -6
  56. package/src/sap/m/DraftIndicator.js +1 -1
  57. package/src/sap/m/DynamicDate.js +1 -1
  58. package/src/sap/m/DynamicDateFormat.js +13 -6
  59. package/src/sap/m/DynamicDateOption.js +12 -2
  60. package/src/sap/m/DynamicDateRange.js +129 -21
  61. package/src/sap/m/DynamicDateUtil.js +1 -2
  62. package/src/sap/m/DynamicDateValueHelpUIType.js +1 -1
  63. package/src/sap/m/ExpandableText.js +1 -1
  64. package/src/sap/m/FacetFilter.js +8 -1
  65. package/src/sap/m/FacetFilterItem.js +1 -1
  66. package/src/sap/m/FacetFilterList.js +6 -4
  67. package/src/sap/m/FeedContent.js +1 -1
  68. package/src/sap/m/FeedInput.js +2 -2
  69. package/src/sap/m/FeedListItem.js +2 -2
  70. package/src/sap/m/FeedListItemAction.js +1 -1
  71. package/src/sap/m/FeedListItemRenderer.js +10 -5
  72. package/src/sap/m/Fiori20Adapter.js +2 -2
  73. package/src/sap/m/FlexBox.js +1 -1
  74. package/src/sap/m/FlexItemData.js +1 -1
  75. package/src/sap/m/FormattedText.js +1 -1
  76. package/src/sap/m/GenericTag.js +5 -3
  77. package/src/sap/m/GenericTagRenderer.js +13 -5
  78. package/src/sap/m/GenericTile.js +101 -13
  79. package/src/sap/m/GenericTileLineModeRenderer.js +80 -3
  80. package/src/sap/m/GenericTileRenderer.js +108 -48
  81. package/src/sap/m/GroupHeaderListItem.js +1 -1
  82. package/src/sap/m/GrowingEnablement.js +138 -83
  83. package/src/sap/m/GrowingList.js +1 -1
  84. package/src/sap/m/HBox.js +1 -1
  85. package/src/sap/m/HeaderContainer.js +29 -13
  86. package/src/sap/m/HeaderContainerItemNavigator.js +1 -1
  87. package/src/sap/m/HyphenationSupport.js +0 -4
  88. package/src/sap/m/IconTabBar.js +3 -3
  89. package/src/sap/m/IconTabBarDragAndDropUtil.js +3 -2
  90. package/src/sap/m/IconTabBarSelectList.js +3 -5
  91. package/src/sap/m/IconTabFilter.js +1 -1
  92. package/src/sap/m/IconTabFilterExpandButtonBadge.js +1 -1
  93. package/src/sap/m/IconTabHeader.js +7 -11
  94. package/src/sap/m/IconTabSeparator.js +1 -1
  95. package/src/sap/m/IllustratedMessage.js +19 -1
  96. package/src/sap/m/Illustration.js +1 -1
  97. package/src/sap/m/Image.js +1 -1
  98. package/src/sap/m/ImageContent.js +1 -1
  99. package/src/sap/m/Input.js +10 -19
  100. package/src/sap/m/InputBase.js +5 -5
  101. package/src/sap/m/InputBaseRenderer.js +1 -2
  102. package/src/sap/m/InputListItem.js +1 -1
  103. package/src/sap/m/InputListItemRenderer.js +4 -6
  104. package/src/sap/m/Label.js +1 -1
  105. package/src/sap/m/LabelRenderer.js +1 -1
  106. package/src/sap/m/LightBox.js +1 -1
  107. package/src/sap/m/LightBoxItem.js +1 -1
  108. package/src/sap/m/Link.js +1 -1
  109. package/src/sap/m/List.js +1 -1
  110. package/src/sap/m/ListBase.js +52 -20
  111. package/src/sap/m/ListBaseRenderer.js +23 -9
  112. package/src/sap/m/ListItemBase.js +7 -5
  113. package/src/sap/m/MaskEnabler.js +1 -1
  114. package/src/sap/m/MaskInput.js +1 -1
  115. package/src/sap/m/MaskInputRule.js +1 -1
  116. package/src/sap/m/Menu.js +1 -1
  117. package/src/sap/m/MenuButton.js +5 -1
  118. package/src/sap/m/MenuItem.js +1 -1
  119. package/src/sap/m/MenuListItem.js +1 -1
  120. package/src/sap/m/MessageBox.js +1 -1
  121. package/src/sap/m/MessageItem.js +1 -1
  122. package/src/sap/m/MessageListItem.js +1 -1
  123. package/src/sap/m/MessagePage.js +1 -1
  124. package/src/sap/m/MessagePopover.js +18 -36
  125. package/src/sap/m/MessagePopoverItem.js +1 -1
  126. package/src/sap/m/MessageStrip.js +2 -2
  127. package/src/sap/m/MessageToast.js +1 -1
  128. package/src/sap/m/MessageView.js +1 -1
  129. package/src/sap/m/MultiComboBox.js +4 -2
  130. package/src/sap/m/MultiEditField.js +1 -1
  131. package/src/sap/m/MultiInput.js +12 -7
  132. package/src/sap/m/NavContainer.js +53 -53
  133. package/src/sap/m/NewsContent.js +1 -1
  134. package/src/sap/m/NotificationList.js +1 -1
  135. package/src/sap/m/NotificationListBase.js +175 -79
  136. package/src/sap/m/NotificationListGroup.js +1 -2
  137. package/src/sap/m/NotificationListGroupRenderer.js +4 -16
  138. package/src/sap/m/NotificationListItem.js +5 -16
  139. package/src/sap/m/NotificationListItemRenderer.js +0 -1
  140. package/src/sap/m/NumericContent.js +29 -21
  141. package/src/sap/m/NumericInput.js +3 -2
  142. package/src/sap/m/NumericInputRenderer.js +13 -1
  143. package/src/sap/m/ObjectAttribute.js +4 -5
  144. package/src/sap/m/ObjectAttributeRenderer.js +3 -3
  145. package/src/sap/m/ObjectHeader.js +1 -1
  146. package/src/sap/m/ObjectIdentifier.js +3 -3
  147. package/src/sap/m/ObjectListItem.js +1 -1
  148. package/src/sap/m/ObjectMarker.js +34 -10
  149. package/src/sap/m/ObjectMarkerRenderer.js +14 -2
  150. package/src/sap/m/ObjectNumber.js +1 -1
  151. package/src/sap/m/ObjectStatus.js +1 -1
  152. package/src/sap/m/ObjectStatusRenderer.js +3 -4
  153. package/src/sap/m/OverflowToolbar.js +21 -1
  154. package/src/sap/m/OverflowToolbarAssociativePopover.js +2 -2
  155. package/src/sap/m/OverflowToolbarButton.js +1 -1
  156. package/src/sap/m/OverflowToolbarLayoutData.js +1 -1
  157. package/src/sap/m/OverflowToolbarToggleButton.js +1 -1
  158. package/src/sap/m/P13nAnyFilterItem.js +1 -1
  159. package/src/sap/m/P13nColumnsItem.js +1 -1
  160. package/src/sap/m/P13nColumnsPanel.js +1 -1
  161. package/src/sap/m/P13nConditionPanel.js +9 -12
  162. package/src/sap/m/P13nDialog.js +1 -1
  163. package/src/sap/m/P13nDimMeasureItem.js +1 -1
  164. package/src/sap/m/P13nDimMeasurePanel.js +1 -1
  165. package/src/sap/m/P13nFilterItem.js +1 -1
  166. package/src/sap/m/P13nFilterPanel.js +1 -1
  167. package/src/sap/m/P13nGroupItem.js +1 -1
  168. package/src/sap/m/P13nGroupPanel.js +1 -1
  169. package/src/sap/m/P13nItem.js +1 -1
  170. package/src/sap/m/P13nPanel.js +1 -1
  171. package/src/sap/m/P13nSelectionItem.js +1 -1
  172. package/src/sap/m/P13nSelectionPanel.js +1 -1
  173. package/src/sap/m/P13nSortItem.js +1 -1
  174. package/src/sap/m/P13nSortPanel.js +1 -1
  175. package/src/sap/m/PDFViewer.js +3 -3
  176. package/src/sap/m/PDFViewerRenderer.js +15 -7
  177. package/src/sap/m/Page.js +4 -4
  178. package/src/sap/m/PageAccessibleLandmarkInfo.js +1 -1
  179. package/src/sap/m/PagingButton.js +1 -1
  180. package/src/sap/m/Panel.js +1 -1
  181. package/src/sap/m/PlanningCalendar.js +15 -15
  182. package/src/sap/m/PlanningCalendarHeader.js +1 -4
  183. package/src/sap/m/PlanningCalendarLegend.js +1 -1
  184. package/src/sap/m/PlanningCalendarRow.js +1 -1
  185. package/src/sap/m/PlanningCalendarView.js +1 -1
  186. package/src/sap/m/Popover.js +15 -10
  187. package/src/sap/m/ProgressIndicator.js +1 -1
  188. package/src/sap/m/PullToRefresh.js +1 -1
  189. package/src/sap/m/QuickView.js +1 -1
  190. package/src/sap/m/QuickViewBase.js +1 -1
  191. package/src/sap/m/QuickViewCard.js +1 -1
  192. package/src/sap/m/QuickViewGroup.js +1 -1
  193. package/src/sap/m/QuickViewGroupElement.js +1 -1
  194. package/src/sap/m/QuickViewPage.js +5 -2
  195. package/src/sap/m/RadioButton.js +2 -2
  196. package/src/sap/m/RadioButtonGroup.js +14 -2
  197. package/src/sap/m/RadioButtonRenderer.js +0 -1
  198. package/src/sap/m/RangeSlider.js +19 -4
  199. package/src/sap/m/RatingIndicator.js +2 -2
  200. package/src/sap/m/ResponsivePopover.js +3 -5
  201. package/src/sap/m/ResponsiveScale.js +1 -1
  202. package/src/sap/m/ScrollBar.js +2 -2
  203. package/src/sap/m/ScrollContainer.js +1 -1
  204. package/src/sap/m/SearchField.js +1 -1
  205. package/src/sap/m/SegmentedButton.js +17 -9
  206. package/src/sap/m/SegmentedButtonItem.js +1 -1
  207. package/src/sap/m/SegmentedButtonRenderer.js +1 -1
  208. package/src/sap/m/Select.js +53 -4
  209. package/src/sap/m/SelectDialog.js +16 -20
  210. package/src/sap/m/SelectDialogBase.js +1 -1
  211. package/src/sap/m/SelectList.js +1 -1
  212. package/src/sap/m/SelectionDetails.js +3 -5
  213. package/src/sap/m/SelectionDetailsFacade.js +2 -2
  214. package/src/sap/m/SelectionDetailsItem.js +1 -1
  215. package/src/sap/m/SelectionDetailsItemLine.js +3 -3
  216. package/src/sap/m/Shell.js +1 -1
  217. package/src/sap/m/SimpleFixFlex.js +1 -1
  218. package/src/sap/m/SinglePlanningCalendar.js +1 -1
  219. package/src/sap/m/SinglePlanningCalendarDayView.js +1 -1
  220. package/src/sap/m/SinglePlanningCalendarGrid.js +94 -52
  221. package/src/sap/m/SinglePlanningCalendarGridRenderer.js +10 -9
  222. package/src/sap/m/SinglePlanningCalendarMonthGrid.js +24 -10
  223. package/src/sap/m/SinglePlanningCalendarMonthView.js +1 -1
  224. package/src/sap/m/SinglePlanningCalendarView.js +1 -1
  225. package/src/sap/m/SinglePlanningCalendarWeekView.js +1 -1
  226. package/src/sap/m/SinglePlanningCalendarWorkWeekView.js +1 -1
  227. package/src/sap/m/SlideTile.js +2 -2
  228. package/src/sap/m/SlideTileRenderer.js +8 -1
  229. package/src/sap/m/Slider.js +1 -1
  230. package/src/sap/m/SliderTooltip.js +1 -1
  231. package/src/sap/m/SliderTooltipBase.js +1 -1
  232. package/src/sap/m/SliderTooltipContainer.js +5 -1
  233. package/src/sap/m/SplitApp.js +1 -1
  234. package/src/sap/m/SplitButton.js +1 -1
  235. package/src/sap/m/SplitContainer.js +4 -4
  236. package/src/sap/m/StandardDynamicDateOption.js +41 -18
  237. package/src/sap/m/StandardListItem.js +3 -3
  238. package/src/sap/m/StandardListItemRenderer.js +1 -1
  239. package/src/sap/m/StandardTile.js +1 -1
  240. package/src/sap/m/StandardTreeItem.js +1 -1
  241. package/src/sap/m/StepInput.js +4 -4
  242. package/src/sap/m/SuggestionItem.js +1 -1
  243. package/src/sap/m/SuggestionsPopover.js +6 -14
  244. package/src/sap/m/Switch.js +1 -1
  245. package/src/sap/m/TabContainer.js +1 -1
  246. package/src/sap/m/TabContainerItem.js +1 -1
  247. package/src/sap/m/TabStrip.js +6 -4
  248. package/src/sap/m/TabStripItem.js +1 -1
  249. package/src/sap/m/TabStripRenderer.js +2 -2
  250. package/src/sap/m/Table.js +34 -3
  251. package/src/sap/m/TablePersoController.js +1 -1
  252. package/src/sap/m/TablePersoDialog.js +1 -1
  253. package/src/sap/m/TablePersoProvider.js +1 -1
  254. package/src/sap/m/TableRenderer.js +9 -4
  255. package/src/sap/m/TableSelectDialog.js +15 -11
  256. package/src/sap/m/Text.js +1 -1
  257. package/src/sap/m/TextArea.js +1 -1
  258. package/src/sap/m/Tile.js +3 -3
  259. package/src/sap/m/TileContainer.js +6 -4
  260. package/src/sap/m/TileContent.js +34 -2
  261. package/src/sap/m/TileContentRenderer.js +44 -8
  262. package/src/sap/m/TileRenderer.js +1 -1
  263. package/src/sap/m/TimePicker.js +53 -61
  264. package/src/sap/m/TimePickerClock.js +1 -1
  265. package/src/sap/m/TimePickerClocks.js +1 -1
  266. package/src/sap/m/TimePickerInputs.js +1 -1
  267. package/src/sap/m/TimePickerInternals.js +2 -2
  268. package/src/sap/m/TimePickerRenderer.js +2 -4
  269. package/src/sap/m/TimePickerSlider.js +1 -1
  270. package/src/sap/m/TimePickerSliders.js +1 -1
  271. package/src/sap/m/Title.js +1 -1
  272. package/src/sap/m/TitlePropagationSupport.js +1 -1
  273. package/src/sap/m/TitleRenderer.js +2 -2
  274. package/src/sap/m/ToggleButton.js +1 -1
  275. package/src/sap/m/Token.js +1 -1
  276. package/src/sap/m/Tokenizer.js +19 -7
  277. package/src/sap/m/TokenizerRenderer.js +1 -1
  278. package/src/sap/m/Toolbar.js +7 -1
  279. package/src/sap/m/ToolbarLayoutData.js +1 -1
  280. package/src/sap/m/ToolbarSeparator.js +5 -3
  281. package/src/sap/m/ToolbarSpacer.js +1 -1
  282. package/src/sap/m/Tree.js +1 -1
  283. package/src/sap/m/TreeItemBase.js +1 -1
  284. package/src/sap/m/UploadCollection.js +5 -3
  285. package/src/sap/m/UploadCollectionItem.js +2 -1
  286. package/src/sap/m/UploadCollectionParameter.js +2 -1
  287. package/src/sap/m/UploadCollectionRenderer.js +1 -0
  288. package/src/sap/m/UploadCollectionToolbarPlaceholder.js +2 -1
  289. package/src/sap/m/VBox.js +1 -1
  290. package/src/sap/m/ValueStateHeader.js +1 -1
  291. package/src/sap/m/VariantManagement.js +2492 -0
  292. package/src/sap/m/ViewSettingsCustomItem.js +1 -1
  293. package/src/sap/m/ViewSettingsCustomTab.js +1 -1
  294. package/src/sap/m/ViewSettingsDialog.js +106 -49
  295. package/src/sap/m/ViewSettingsFilterItem.js +1 -1
  296. package/src/sap/m/ViewSettingsItem.js +1 -1
  297. package/src/sap/m/VisibleItem.js +2 -2
  298. package/src/sap/m/WheelSlider.js +1 -1
  299. package/src/sap/m/WheelSliderContainer.js +1 -1
  300. package/src/sap/m/Wizard.js +22 -4
  301. package/src/sap/m/WizardProgressNavigator.js +10 -3
  302. package/src/sap/m/WizardStep.js +1 -1
  303. package/src/sap/m/changeHandler/AddTableColumn.js +3 -5
  304. package/src/sap/m/changeHandler/ChangeLinkTarget.js +1 -1
  305. package/src/sap/m/changeHandler/CombineButtons.js +1 -1
  306. package/src/sap/m/changeHandler/MoveTableColumns.js +1 -1
  307. package/src/sap/m/changeHandler/SelectIconTabBarFilter.js +1 -1
  308. package/src/sap/m/changeHandler/SplitMenuButton.js +5 -5
  309. package/src/sap/m/delegate/DateNavigation.js +2 -2
  310. package/src/sap/m/designtime/ListBase.designtime.js +3 -0
  311. package/src/sap/m/designtime/VariantManagement.designtime.js +56 -0
  312. package/src/sap/m/inputUtils/SuggestionsPopoverDialogMixin.js +22 -16
  313. package/src/sap/m/inputUtils/SuggestionsPopoverPopoverMixin.js +10 -2
  314. package/src/sap/m/inputUtils/highlightDOMElements.js +4 -3
  315. package/src/sap/m/inputUtils/typeAhead.js +7 -7
  316. package/src/sap/m/library.js +38 -31
  317. package/src/sap/m/messagebundle.properties +177 -24
  318. package/src/sap/m/messagebundle_ar.properties +116 -18
  319. package/src/sap/m/messagebundle_bg.properties +116 -18
  320. package/src/sap/m/messagebundle_ca.properties +116 -18
  321. package/src/sap/m/messagebundle_cs.properties +118 -20
  322. package/src/sap/m/messagebundle_cy.properties +116 -18
  323. package/src/sap/m/messagebundle_da.properties +116 -18
  324. package/src/sap/m/messagebundle_de.properties +117 -19
  325. package/src/sap/m/messagebundle_el.properties +119 -21
  326. package/src/sap/m/messagebundle_en.properties +115 -17
  327. package/src/sap/m/messagebundle_en_GB.properties +115 -17
  328. package/src/sap/m/messagebundle_en_US_sappsd.properties +115 -17
  329. package/src/sap/m/messagebundle_en_US_saprigi.properties +115 -17
  330. package/src/sap/m/messagebundle_en_US_saptrc.properties +115 -17
  331. package/src/sap/m/messagebundle_es.properties +116 -18
  332. package/src/sap/m/messagebundle_es_MX.properties +116 -18
  333. package/src/sap/m/messagebundle_et.properties +116 -18
  334. package/src/sap/m/messagebundle_fi.properties +115 -17
  335. package/src/sap/m/messagebundle_fr.properties +119 -21
  336. package/src/sap/m/messagebundle_fr_CA.properties +115 -17
  337. package/src/sap/m/messagebundle_hi.properties +114 -16
  338. package/src/sap/m/messagebundle_hr.properties +116 -18
  339. package/src/sap/m/messagebundle_hu.properties +116 -18
  340. package/src/sap/m/messagebundle_id.properties +115 -17
  341. package/src/sap/m/messagebundle_it.properties +124 -26
  342. package/src/sap/m/messagebundle_iw.properties +116 -18
  343. package/src/sap/m/messagebundle_ja.properties +115 -17
  344. package/src/sap/m/messagebundle_kk.properties +116 -18
  345. package/src/sap/m/messagebundle_ko.properties +116 -18
  346. package/src/sap/m/messagebundle_lt.properties +116 -18
  347. package/src/sap/m/messagebundle_lv.properties +115 -17
  348. package/src/sap/m/messagebundle_ms.properties +115 -17
  349. package/src/sap/m/messagebundle_nl.properties +115 -17
  350. package/src/sap/m/messagebundle_no.properties +116 -18
  351. package/src/sap/m/messagebundle_pl.properties +116 -18
  352. package/src/sap/m/messagebundle_pt.properties +125 -27
  353. package/src/sap/m/messagebundle_pt_PT.properties +116 -18
  354. package/src/sap/m/messagebundle_ro.properties +116 -18
  355. package/src/sap/m/messagebundle_ru.properties +116 -18
  356. package/src/sap/m/messagebundle_sh.properties +116 -18
  357. package/src/sap/m/messagebundle_sk.properties +116 -18
  358. package/src/sap/m/messagebundle_sl.properties +116 -18
  359. package/src/sap/m/messagebundle_sv.properties +117 -19
  360. package/src/sap/m/messagebundle_th.properties +115 -17
  361. package/src/sap/m/messagebundle_tr.properties +116 -18
  362. package/src/sap/m/messagebundle_uk.properties +116 -18
  363. package/src/sap/m/messagebundle_vi.properties +115 -17
  364. package/src/sap/m/messagebundle_zh_CN.properties +116 -18
  365. package/src/sap/m/messagebundle_zh_TW.properties +115 -17
  366. package/src/sap/m/p13n/AbstractContainer.js +2 -2
  367. package/src/sap/m/p13n/AbstractContainerItem.js +2 -2
  368. package/src/sap/m/p13n/BasePanel.js +34 -15
  369. package/src/sap/m/p13n/Container.js +11 -4
  370. package/src/sap/m/p13n/GroupPanel.js +17 -5
  371. package/src/sap/m/p13n/Popup.js +9 -2
  372. package/src/sap/m/p13n/QueryPanel.js +89 -35
  373. package/src/sap/m/p13n/SelectionPanel.js +42 -9
  374. package/src/sap/m/p13n/SortPanel.js +27 -13
  375. package/src/sap/m/plugins/ColumnResizer.js +48 -13
  376. package/src/sap/m/plugins/DataStateIndicator.js +3 -2
  377. package/src/sap/m/plugins/PasteProvider.js +1 -1
  378. package/src/sap/m/plugins/PluginBase.js +1 -1
  379. package/src/sap/m/rules/Breadcrumbs.support.js +1 -1
  380. package/src/sap/m/rules/CheckBox.support.js +1 -1
  381. package/src/sap/m/rules/Image.support.js +1 -1
  382. package/src/sap/m/rules/Link.support.js +1 -1
  383. package/src/sap/m/rules/MessagePage.support.js +1 -1
  384. package/src/sap/m/rules/ObjectHeader.support.js +6 -6
  385. package/src/sap/m/rules/ObjectListItem.support.js +1 -1
  386. package/src/sap/m/rules/ObjectMarker.support.js +1 -1
  387. package/src/sap/m/rules/ObjectStatus.support.js +1 -1
  388. package/src/sap/m/rules/Select.support.js +1 -1
  389. package/src/sap/m/rules/Table.support.js +3 -3
  390. package/src/sap/m/rules/Tokenizer.support.js +4 -2
  391. package/src/sap/m/semantic/AddAction.js +1 -1
  392. package/src/sap/m/semantic/CancelAction.js +1 -1
  393. package/src/sap/m/semantic/DeleteAction.js +1 -1
  394. package/src/sap/m/semantic/DetailPage.js +1 -1
  395. package/src/sap/m/semantic/DiscussInJamAction.js +1 -1
  396. package/src/sap/m/semantic/EditAction.js +1 -1
  397. package/src/sap/m/semantic/FavoriteAction.js +1 -1
  398. package/src/sap/m/semantic/FilterAction.js +1 -1
  399. package/src/sap/m/semantic/FilterSelect.js +1 -1
  400. package/src/sap/m/semantic/FlagAction.js +1 -1
  401. package/src/sap/m/semantic/ForwardAction.js +1 -1
  402. package/src/sap/m/semantic/FullscreenPage.js +1 -1
  403. package/src/sap/m/semantic/GroupAction.js +1 -1
  404. package/src/sap/m/semantic/GroupSelect.js +1 -1
  405. package/src/sap/m/semantic/MainAction.js +1 -1
  406. package/src/sap/m/semantic/MasterPage.js +1 -1
  407. package/src/sap/m/semantic/MessagesIndicator.js +1 -1
  408. package/src/sap/m/semantic/MultiSelectAction.js +1 -1
  409. package/src/sap/m/semantic/NegativeAction.js +1 -1
  410. package/src/sap/m/semantic/OpenInAction.js +1 -1
  411. package/src/sap/m/semantic/PositiveAction.js +1 -1
  412. package/src/sap/m/semantic/PrintAction.js +1 -1
  413. package/src/sap/m/semantic/SaveAction.js +1 -1
  414. package/src/sap/m/semantic/Segment.js +1 -1
  415. package/src/sap/m/semantic/SegmentedContainer.js +1 -1
  416. package/src/sap/m/semantic/SemanticButton.js +1 -1
  417. package/src/sap/m/semantic/SemanticConfiguration.js +7 -14
  418. package/src/sap/m/semantic/SemanticControl.js +1 -1
  419. package/src/sap/m/semantic/SemanticOverflowToolbarButton.js +1 -1
  420. package/src/sap/m/semantic/SemanticOverflowToolbarToggleButton.js +1 -1
  421. package/src/sap/m/semantic/SemanticPage.js +1 -1
  422. package/src/sap/m/semantic/SemanticSelect.js +1 -1
  423. package/src/sap/m/semantic/SemanticToggleButton.js +1 -1
  424. package/src/sap/m/semantic/SendEmailAction.js +1 -1
  425. package/src/sap/m/semantic/SendMessageAction.js +1 -1
  426. package/src/sap/m/semantic/ShareInJamAction.js +1 -1
  427. package/src/sap/m/semantic/ShareMenu.js +2 -2
  428. package/src/sap/m/semantic/ShareMenuPage.js +1 -1
  429. package/src/sap/m/semantic/SortAction.js +1 -1
  430. package/src/sap/m/semantic/SortSelect.js +1 -1
  431. package/src/sap/m/table/Util.js +114 -29
  432. package/src/sap/m/table/columnmenu/ActionItem.js +1 -1
  433. package/src/sap/m/table/columnmenu/Entry.js +1 -11
  434. package/src/sap/m/table/columnmenu/Item.js +1 -1
  435. package/src/sap/m/table/columnmenu/ItemBase.js +11 -1
  436. package/src/sap/m/table/columnmenu/ItemContainer.js +29 -0
  437. package/src/sap/m/table/columnmenu/Menu.js +228 -35
  438. package/src/sap/m/table/columnmenu/MenuRenderer.js +5 -28
  439. package/src/sap/m/table/columnmenu/QuickAction.js +14 -3
  440. package/src/sap/m/table/columnmenu/QuickActionBase.js +11 -1
  441. package/src/sap/m/table/columnmenu/QuickActionContainer.js +29 -0
  442. package/src/sap/m/table/columnmenu/QuickActionItem.js +5 -5
  443. package/src/sap/m/table/columnmenu/QuickGroup.js +20 -16
  444. package/src/sap/m/table/columnmenu/QuickGroupItem.js +1 -1
  445. package/src/sap/m/table/columnmenu/QuickSort.js +2 -1
  446. package/src/sap/m/table/columnmenu/QuickSortItem.js +29 -28
  447. package/src/sap/m/table/columnmenu/QuickTotal.js +20 -25
  448. package/src/sap/m/table/columnmenu/QuickTotalItem.js +1 -1
  449. package/src/sap/m/themes/base/ActionListItem.less +1 -1
  450. package/src/sap/m/themes/base/Avatar.less +11 -5
  451. package/src/sap/m/themes/base/Button.less +2 -7
  452. package/src/sap/m/themes/base/Carousel.less +72 -87
  453. package/src/sap/m/themes/base/CheckBox.less +0 -1
  454. package/src/sap/m/themes/base/ColumnListItem.less +0 -3
  455. package/src/sap/m/themes/base/ColumnMenu.less +12 -4
  456. package/src/sap/m/themes/base/DatePicker.less +7 -2
  457. package/src/sap/m/themes/base/Dialog.less +10 -6
  458. package/src/sap/m/themes/base/GenericTile.less +672 -170
  459. package/src/sap/m/themes/base/IconTabBar.less +45 -14
  460. package/src/sap/m/themes/base/IconTabBarSelectList.less +5 -4
  461. package/src/sap/m/themes/base/Input.less +1 -1
  462. package/src/sap/m/themes/base/InputBase.less +114 -11
  463. package/src/sap/m/themes/base/Label.less +4 -1
  464. package/src/sap/m/themes/base/LightBox.less +9 -7
  465. package/src/sap/m/themes/base/Link.less +12 -4
  466. package/src/sap/m/themes/base/ListBase.less +4 -0
  467. package/src/sap/m/themes/base/ListItemBase.less +1 -12
  468. package/src/sap/m/themes/base/MenuButton.less +20 -4
  469. package/src/sap/m/themes/base/MessageBox.less +5 -5
  470. package/src/sap/m/themes/base/MessageToast.less +2 -2
  471. package/src/sap/m/themes/base/MultiInput.less +1 -1
  472. package/src/sap/m/themes/base/NewsContent.less +0 -9
  473. package/src/sap/m/themes/base/NotificationListBase.less +9 -14
  474. package/src/sap/m/themes/base/NotificationListGroup.less +30 -44
  475. package/src/sap/m/themes/base/NotificationListItem.less +14 -18
  476. package/src/sap/m/themes/base/NumericContent.less +1 -5
  477. package/src/sap/m/themes/base/ObjectAttribute.less +1 -1
  478. package/src/sap/m/themes/base/ObjectListItem.less +3 -0
  479. package/src/sap/m/themes/base/ObjectMarker.less +3 -1
  480. package/src/sap/m/themes/base/ObjectStatus.less +8 -0
  481. package/src/sap/m/themes/base/Page.less +1 -1
  482. package/src/sap/m/themes/base/Panel.less +1 -1
  483. package/src/sap/m/themes/base/Popover.less +10 -7
  484. package/src/sap/m/themes/base/QuickView.less +14 -2
  485. package/src/sap/m/themes/base/RadioButton.less +22 -3
  486. package/src/sap/m/themes/base/RatingIndicator.less +4 -0
  487. package/src/sap/m/themes/base/SearchField.less +23 -59
  488. package/src/sap/m/themes/base/SinglePlanningCalendarGrid.less +3 -29
  489. package/src/sap/m/themes/base/SlideTile.less +18 -0
  490. package/src/sap/m/themes/base/Slider.less +18 -18
  491. package/src/sap/m/themes/base/SplitButton.less +5 -0
  492. package/src/sap/m/themes/base/StandardListItem.less +5 -9
  493. package/src/sap/m/themes/base/SuggestionsPopover.less +1 -1
  494. package/src/sap/m/themes/base/Table.less +18 -21
  495. package/src/sap/m/themes/base/TextArea.less +32 -0
  496. package/src/sap/m/themes/base/TileContent.less +41 -1
  497. package/src/sap/m/themes/base/Token.less +17 -15
  498. package/src/sap/m/themes/base/Tokenizer.less +2 -2
  499. package/src/sap/m/themes/base/Toolbar.less +1 -1
  500. package/src/sap/m/themes/base/UploadCollection.less +2 -0
  501. package/src/sap/m/themes/base/ValueStateMessage.less +3 -3
  502. package/src/sap/m/themes/base/VariantManagement.less +97 -0
  503. package/src/sap/m/themes/base/Wizard.less +5 -4
  504. package/src/sap/m/themes/base/WizardProgressNavigator.less +8 -0
  505. package/src/sap/m/themes/base/library.source.less +1 -0
  506. package/src/sap/m/themes/sap_hcb/Carousel.less +3 -7
  507. package/src/sap/m/themes/sap_hcb/ComboBoxBase.less +0 -12
  508. package/src/sap/m/themes/sap_hcb/InputBase.less +7 -42
  509. package/src/sap/m/themes/sap_hcb/Panel.less +4 -0
  510. package/src/sap/m/themes/sap_hcb/Popover.less +3 -0
  511. package/src/sap/m/themes/sap_hcb/Slider.less +11 -0
  512. package/src/sap/m/themes/sap_hcb/Token.less +4 -0
  513. package/src/sap/m/themes/sap_hcb/Tokenizer.less +1 -0
  514. package/src/sap/m/themes/sap_hcb/ValueStateHeader.less +4 -0
  515. package/src/sap/m/themes/sap_hcb/ValueStateMessage.less +12 -1
  516. package/src/sap/m/upload/UploadSet.js +330 -34
  517. package/src/sap/m/upload/UploadSetItem.js +74 -5
@@ -10,6 +10,12 @@
10
10
  @_sap_m_IconTabBar_TextColor: @sapUiGroupTitleTextColor;
11
11
  @_sap_m_IconTabBar_TextShadow: @sapUiShadowText;
12
12
  @_sap_m_IconTabBar_DisabledOpacity: @sapUiContentDisabledOpacity;
13
+ @_sap_m_IconTabBar_Separator_Icon: @sapUiContentNonInteractiveIconColor;
14
+ @_sap_m_IconTabBar_Separator_Font_Size: 1rem;
15
+ @_sap_m_IconTabBar_More_Button_Font_size: 0.875rem;
16
+ @_sap_m_IconTabBar_More_Button_Focus_Offset: 0.125rem;
17
+ @_sap_m_IconTabBar_Arrow_SubItem_Left_Padding: 0.375rem;
18
+ @_sap_m_IconTabBar_More_Button_Border_Radius: inherit;
13
19
 
14
20
  // ==================== Cozy size ====================
15
21
 
@@ -121,6 +127,7 @@
121
127
  @_sap_m_IconTabBar_Overflow_BackgroundColorHover: @sapUiButtonHoverBackground;
122
128
  @_sap_m_IconTabBar_Overflow_TextColorHover: @sapUiButtonHoverTextColor;
123
129
  @_sap_m_IconTabBar_Overflow_Icon_ColorHover: @sapUiButtonHoverTextColor;
130
+ @_sap_m_IconTabBar_Overflow_BoxShadowHover: none;
124
131
 
125
132
  @_sap_m_IconTabBar_Overflow_BackgroundColorPressed: @sapUiButtonActiveBackground;
126
133
  @_sap_m_IconTabBar_Overflow_BorderColorPressed: @sapUiButtonActiveBorderColor;
@@ -150,6 +157,10 @@
150
157
  // ========== Badge ============
151
158
  @_sap_m_IconTabBar_FilterExpandButtonBadgeTop: 1.125rem;
152
159
  @_sap_m_IconTabBar_Compact_FilterExpandButtonBadgeTop: 1.125rem;
160
+ @_sap_m_IconTabBar_Badge_Neutral_Background: @sapUiNeutralElement;
161
+ @_sap_m_IconTabBar_Badge_Positive_Background: @sapUiPositiveElement;
162
+ @_sap_m_IconTabBar_Badge_Critical_Background: @sapUiCriticalElement;
163
+ @_sap_m_IconTabBar_Badge_Negative_Background: @sapUiNegativeElement;
153
164
 
154
165
  /* ------------------------------------------------ */
155
166
  /* IconTabBar main class */
@@ -268,7 +279,7 @@
268
279
 
269
280
  .sapMITHShowSubItemsIcon {
270
281
  pointer-events: none;
271
- padding-left: 0.375rem;
282
+ padding-left: @_sap_m_IconTabBar_Arrow_SubItem_Left_Padding;
272
283
 
273
284
  .sapUiIcon {
274
285
  cursor: pointer;
@@ -506,6 +517,7 @@
506
517
  &:hover {
507
518
  border-color: @_sap_m_IconTabBar_Overflow_BorderColorHover;
508
519
  background-color: @_sap_m_IconTabBar_Overflow_BackgroundColorHover;
520
+ box-shadow: @_sap_m_IconTabBar_Overflow_BoxShadowHover;
509
521
 
510
522
  .sapMITBText {
511
523
  color: @_sap_m_IconTabBar_Overflow_TextColorHover;
@@ -531,7 +543,7 @@
531
543
  }
532
544
 
533
545
  .sapMITBText {
534
- font-size: 0.875rem;
546
+ font-size: @_sap_m_IconTabBar_More_Button_Font_size;
535
547
  padding: 0;
536
548
  margin: 0 0.5rem;
537
549
  text-align: left;
@@ -786,11 +798,11 @@
786
798
  }
787
799
 
788
800
  .sapMITBSepIcon {
789
- font-size: 1rem;
801
+ font-size: @_sap_m_IconTabBar_Separator_Font_Size;
790
802
  height: @_sap_m_IconTabBar_SeparatorIconHeight;
791
803
  line-height: @__sap_m_IconTabBar_SeparatorIconLineHeight;
792
804
  padding: 0 0.25rem;
793
- color: @sapUiContentNonInteractiveIconColor;
805
+ color: @_sap_m_IconTabBar_Separator_Icon;
794
806
 
795
807
  &::before {
796
808
  text-shadow: @_sap_m_IconTabBar_TextShadow;
@@ -880,11 +892,11 @@ html.sap-desktop {
880
892
  &::after {
881
893
  content: "";
882
894
  position: absolute;
883
- top: 0.125rem;
884
- bottom: 0.125rem;
885
- right: 0.125rem;
886
- left: 0.125rem;
887
- border-radius: inherit;
895
+ top: @_sap_m_IconTabBar_More_Button_Focus_Offset;
896
+ bottom: @_sap_m_IconTabBar_More_Button_Focus_Offset;
897
+ right: @_sap_m_IconTabBar_More_Button_Focus_Offset;
898
+ left: @_sap_m_IconTabBar_More_Button_Focus_Offset;
899
+ border-radius: @_sap_m_IconTabBar_More_Button_Border_Radius;
888
900
  border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
889
901
  pointer-events: none;
890
902
  }
@@ -1214,6 +1226,7 @@ html.sap-desktop {
1214
1226
  .sapMITBContentArrow {
1215
1227
  height: @_sap_m_IconTabBar_Compact_ContentArrowHeight;
1216
1228
  width: 2rem;
1229
+ margin: 0;
1217
1230
  }
1218
1231
 
1219
1232
  .sapMITBTab {
@@ -1562,23 +1575,23 @@ html[dir=rtl] {
1562
1575
  }
1563
1576
 
1564
1577
  .sapMITHOverflowVisible .sapMITFExpandButtonBadge {
1565
- top: 0.4375rem;
1578
+ top: 0;
1566
1579
  }
1567
1580
 
1568
1581
  .sapMITBFilterNeutral .sapMBadgeAttention {
1569
- background-color: @sapUiNeutralElement;
1582
+ background-color: @_sap_m_IconTabBar_Badge_Neutral_Background;
1570
1583
  }
1571
1584
 
1572
1585
  .sapMITBFilterPositive .sapMBadgeAttention {
1573
- background-color: @sapUiPositiveElement;
1586
+ background-color: @_sap_m_IconTabBar_Badge_Positive_Background;
1574
1587
  }
1575
1588
 
1576
1589
  .sapMITBFilterCritical .sapMBadgeAttention {
1577
- background-color: @sapUiCriticalElement;
1590
+ background-color: @_sap_m_IconTabBar_Badge_Critical_Background;
1578
1591
  }
1579
1592
 
1580
1593
  .sapMITBFilterNegative .sapMBadgeAttention {
1581
- background-color: @sapUiNegativeElement;
1594
+ background-color: @_sap_m_IconTabBar_Badge_Negative_Background;
1582
1595
  }
1583
1596
  }
1584
1597
 
@@ -1591,6 +1604,24 @@ html[data-sap-ui-animation='off'] {
1591
1604
  }
1592
1605
  }
1593
1606
 
1607
+ .sapMITH {
1608
+ .sapMITHStartOverflow,
1609
+ .sapMITHEndOverflow {
1610
+
1611
+ .sapMITFExpandButtonBadge {
1612
+ left: 0;
1613
+
1614
+ .sapMBadgeAttention {
1615
+ top: -1px;
1616
+ right: -4px;
1617
+ width: 0.5rem;
1618
+ height: 0.5rem;
1619
+ border-width: 0.125rem;
1620
+ }
1621
+ }
1622
+ }
1623
+ }
1624
+
1594
1625
  /* Responsive paddings when the IconTabBar is inside a DynamicPage */
1595
1626
 
1596
1627
  .sapFDynamicPage-Std-Phone {
@@ -6,6 +6,7 @@
6
6
  @_sap_m_IconTabBar_SelectListItem_PaddingLeft: 0.5rem;
7
7
  @_sap_m_IconTabBar_SelectListItem_PaddingLeftAdditional: 0;
8
8
  @_sap_m_IconTabBar_ListBorderRadius: 0px;
9
+ @_sap_m_IconTabBar_List_Focus_Offset: 1px;
9
10
 
10
11
  .sapMITBSelectList {
11
12
  margin: 0;
@@ -182,10 +183,10 @@
182
183
  border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
183
184
  position: absolute;
184
185
  content: " ";
185
- top: 1px;
186
- right: 1px;
187
- bottom: 1px;
188
- left: 1px;
186
+ top: @_sap_m_IconTabBar_List_Focus_Offset;
187
+ right: @_sap_m_IconTabBar_List_Focus_Offset;
188
+ bottom: @_sap_m_IconTabBar_List_Focus_Offset;
189
+ left: @_sap_m_IconTabBar_List_Focus_Offset;
189
190
  z-index: 2;
190
191
  border-radius: @_sap_m_IconTabBar_ListBorderRadius;
191
192
  pointer-events: none;
@@ -10,7 +10,7 @@
10
10
 
11
11
  .sapMInputDescriptionText {
12
12
  padding-left: 0.5rem;
13
- font-size: @sapMFontMediumSize;
13
+ font-size: @sapFontSize;
14
14
  line-height: normal;
15
15
  color: @sapUiFieldTextColor;
16
16
  font-family: @sapUiFontFamily;
@@ -15,6 +15,9 @@
15
15
  @_sap_m_InputBase_InnerMinWidth_Compact: 2rem;
16
16
  @_sap_m_InputBase_Compact_InnerPadding: 0 0.5rem;
17
17
  @_sap_m_InputBase_Compact_Height: 1.625rem;
18
+ @_sap_m_InputBase_FocusOffset: 1px;
19
+ @_sap_m_InputBase_FocusBorderRadius: 0;
20
+
18
21
 
19
22
  /*MIN-WIDTH variables*/
20
23
  /* rounding values to 2 symbols, because of IE and Edge */
@@ -81,8 +84,9 @@
81
84
  font-style: normal;
82
85
  -webkit-appearance: none;
83
86
  -moz-appearance: textfield;
84
- font-size: @sapMFontMediumSize;
87
+ font-size: @sapFontSize;
85
88
  font-family: @sapUiFontFamily;
89
+ color: @sapUiFieldTextColor;
86
90
  line-height: normal;
87
91
  padding: @_sap_m_InputBase_InnerPadding;
88
92
  height: 100%;
@@ -122,6 +126,36 @@
122
126
  border-radius: 0;
123
127
  vertical-align: middle;
124
128
  margin: 0;
129
+ background: @sapUiFieldBackgroundStyle;
130
+ background-color: @sapUiFieldBackground;
131
+ border: @sapUiFieldBorderWidth @sapUiFieldBorderStyle @sapUiFieldBorderColor;
132
+ border-radius: @sapUiFieldBorderCornerRadius;
133
+ }
134
+
135
+ .sapMILI-CTX .sapMInputBaseContentWrapperError,
136
+ .sapMInputBaseContentWrapperError {
137
+ background: @sapUiFieldInvalidBackgroundStyle;
138
+ background-color: @sapUiFieldInvalidBackground;
139
+ border: @sapUiFieldInvalidBorderWidth @sapUiFieldInvalidBorderStyle @sapUiFieldInvalidColor;
140
+ }
141
+
142
+ .sapMInputBaseContentWrapperWarning {
143
+ background: @sapUiFieldWarningBackgroundStyle;
144
+ background-color: @sapUiFieldWarningBackground;
145
+ border: @sapUiFieldWarningBorderWidth @sapUiFieldWarningBorderStyle @sapUiFieldWarningColor;
146
+ }
147
+
148
+ .sapMInputBaseContentWrapperSuccess {
149
+ background: @sapUiFieldSuccessBackgroundStyle;
150
+ background-color: @sapUiFieldSuccessBackground;
151
+ border: @sapUiFieldSuccessBorderWidth @sapUiFieldSuccessBorderStyle @sapUiFieldSuccessColor;
152
+ }
153
+
154
+ .sapMInputBaseContentWrapperInformation {
155
+ background: @sapUiFieldInformationBackgroundStyle;
156
+ background-color: @sapUiFieldInformationBackground;
157
+ border: @sapUiFieldInformationBorderWidth @sapUiFieldInformationBorderStyle @sapUiFieldInformationColor;
158
+
125
159
  }
126
160
 
127
161
  .sapMInputBaseIconContainer {
@@ -152,13 +186,18 @@
152
186
  user-select: none;
153
187
  }
154
188
 
155
- .sapMFocus {
156
- & .sapMInputBaseContentWrapper {
157
- outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
158
- outline-offset: -3px;
159
- }
160
- &.sapMInputBaseState .sapMInputBaseContentWrapper:not(.sapMInputBaseContentWrapperSuccess) {
161
- outline-offset: -4px;
189
+ .sapMFocus.sapMInputBase .sapMInputBaseContentWrapper:not(.sapMInputBaseDisabledWrapper) {
190
+ &::before {
191
+ border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
192
+ border-radius: @_sap_m_InputBase_FocusBorderRadius;
193
+ content: '';
194
+ position: absolute;
195
+ top: @_sap_m_InputBase_FocusOffset;
196
+ left: @_sap_m_InputBase_FocusOffset;
197
+ right: @_sap_m_InputBase_FocusOffset;
198
+ bottom: @_sap_m_InputBase_FocusOffset;
199
+ z-index: 2;
200
+ pointer-events: none;
162
201
  }
163
202
  }
164
203
 
@@ -219,24 +258,88 @@ input.sapMInputBaseInner:invalid {
219
258
 
220
259
  .sapMInputBaseReadonly .sapMInputBaseContentWrapper {
221
260
  border-color: @sapUiFieldReadOnlyBorderColor;
222
- background: @sapUiFieldReadOnlyBackground;
261
+ background:@sapField_ReadOnly_BackgroundStyle;
262
+ background-color: @sapUiFieldReadOnlyBackground;
223
263
  }
224
264
 
225
265
  .sapMInputBaseInner:not(.sapMInputBaseReadonlyWrapper):not(.sapMInputBaseContentWrapperState):focus {
226
266
  border-color: @sapUiFieldFocusBorderColor;
227
267
  }
228
268
 
269
+ .sapMInputBase:not(.sapMFocus) .sapMInputBaseContentWrapper:not(.sapMInputBaseReadonlyWrapper):not(.sapMInputBaseContentWrapperState):not(.sapMInputBaseDisabledWrapper) {
270
+ &:hover {
271
+ background: @sapUiFieldHoverBackgroundStyle;
272
+ background-color: @sapUiFieldHoverBackground;
273
+ border-color: @sapUiFieldHoverBorderColor;
274
+ box-shadow: @sapUiContentInteractionShadow;
275
+ }
276
+ }
277
+
229
278
  .sapMInputBaseContentWrapper:not(.sapMInputBaseReadonlyWrapper):not(.sapMInputBaseContentWrapperState):not(.sapMInputBaseDisabledWrapper) {
230
279
  &:hover {
231
- background: @sapUiFieldHoverBackground;
232
280
  border-color: @sapUiFieldHoverBorderColor;
233
281
  }
234
282
  &:active {
235
- background: @sapUiFieldHoverBackground;
283
+ background: @sapUiFieldFocusBackground;
236
284
  border-color: @sapUiFieldHoverBorderColor;
237
285
  }
238
286
  }
239
287
 
288
+ .sapMInputBase:not(.sapMFocus) .sapMInputBaseContentWrapperState:hover,
289
+ .sapMInputBase:not(.sapMFocus).sapMInputBaseIconPressed .sapMInputBaseContentWrapperState {
290
+ &.sapMInputBaseContentWrapperWarning:hover,
291
+ &.sapMInputBaseContentWrapperWarning {
292
+ box-shadow: @sapUiContentCriticalShadow;
293
+ }
294
+
295
+ &.sapMInputBaseContentWrapperSuccess:hover,
296
+ &.sapMInputBaseContentWrapperSuccess {
297
+ box-shadow: @sapUiContentPositiveShadow;
298
+ }
299
+
300
+ &.sapMInputBaseContentWrapperError:hover,
301
+ &.sapMInputBaseContentWrapperError {
302
+ box-shadow: @sapUiContentNegativeShadow;
303
+ }
304
+
305
+ &.sapMInputBaseContentWrapperInformation:hover,
306
+ &.sapMInputBaseContentWrapperInformation {
307
+ box-shadow: @sapUiContentInformativeShadow;
308
+ }
309
+ }
310
+
311
+ .sapMInputBase:not(.sapMInputBaseDisabled) {
312
+ &.sapMInputBaseIconPressed .sapMInputBaseIcon,
313
+ .sapMInputBaseIcon:active,
314
+ .sapMInputBaseIcon:hover {
315
+ box-shadow: @sapUiContentInteractionShadow;
316
+ }
317
+
318
+ &.sapMInputBaseIconPressed .sapMInputBaseContentWrapperError .sapMInputBaseIconContainer .sapMInputBaseIcon,
319
+ .sapMInputBaseContentWrapperError .sapMInputBaseIconContainer .sapMInputBaseIcon:active,
320
+ .sapMInputBaseContentWrapperError .sapMInputBaseIconContainer .sapMInputBaseIcon:hover {
321
+ box-shadow: @sapUiContentNegativeShadow;
322
+ }
323
+
324
+ &.sapMInputBaseIconPressed .sapMInputBaseContentWrapperWarning .sapMInputBaseIconContainer .sapMInputBaseIcon,
325
+ .sapMInputBaseContentWrapperWarning .sapMInputBaseIconContainer .sapMInputBaseIcon:active,
326
+ .sapMInputBaseContentWrapperWarning .sapMInputBaseIconContainer .sapMInputBaseIcon:hover {
327
+ box-shadow: @sapUiContentCriticalShadow;
328
+ }
329
+
330
+ &.sapMInputBaseIconPressed .sapMInputBaseContentWrapperSuccess .sapMInputBaseIconContainer .sapMInputBaseIcon,
331
+ .sapMInputBaseContentWrapperSuccess .sapMInputBaseIconContainer .sapMInputBaseIcon:active,
332
+ .sapMInputBaseContentWrapperSuccess .sapMInputBaseIconContainer .sapMInputBaseIcon:hover {
333
+ box-shadow: @sapUiContentPositiveShadow;
334
+ }
335
+
336
+ &.sapMInputBaseIconPressed .sapMInputBaseContentWrapperInformation .sapMInputBaseIconContainer .sapMInputBaseIcon,
337
+ .sapMInputBaseContentWrapperInformation .sapMInputBaseIconContainer .sapMInputBaseIcon:active,
338
+ .sapMInputBaseContentWrapperInformation .sapMInputBaseIconContainer .sapMInputBaseIcon:hover {
339
+ box-shadow: @sapUiContentInformativeShadow;
340
+ }
341
+ }
342
+
240
343
  /* Compact size */
241
344
 
242
345
  .sapUiSizeCompact {
@@ -180,6 +180,9 @@ td.sapUiFormElementLbl:not(.sapUiGridLabelFull) > .sapMLabel{
180
180
  &:lang(zh-TW) {
181
181
  padding-right: 1.59em;
182
182
  }
183
+ &:lang(zh-CN) {
184
+ padding-right: 1.59em;
185
+ }
183
186
 
184
187
  .sapMLabelColonAndRequired {
185
188
  position: absolute;
@@ -288,7 +291,7 @@ td.sapUiFormElementLbl:not(.sapUiGridLabelFull) > .sapMLabel{
288
291
 
289
292
  .sapUiSizeCompact,
290
293
  .sapUiSizeCondensed {
291
- .sapUiTableCell .sapMLabel {
294
+ .sapUiTableCell:not(.sapUiTableHeaderDataCell) .sapMLabel {
292
295
  font-weight: normal;
293
296
  font-size: @sapMFontHeader6Size;
294
297
  }
@@ -15,6 +15,8 @@
15
15
  @_sap_m_LightBox_OverlayBackground: @sapUiBlockLayerBackground;
16
16
  @_sap_m_LightBox_ContainerBackground: @sapUiGlobalBackgroundColor;
17
17
  @_sap_m_LightBox_ErrorIconColor: @sapUiContentNonInteractiveIconColor;
18
+ @_sap_m_LightBox_OverlayOpacity: 0.9;
19
+ @_sap_m_LightBox_FontFamily: @sapUiFontFamily;
18
20
 
19
21
  /* ==========================================================================
20
22
  Container
@@ -60,7 +62,7 @@ html[data-sap-ui-browser^='sf'] .sapMLightBox {
60
62
  ========================================================================== */
61
63
  .sapMLightBox + .sapUiBLy {
62
64
  background: @_sap_m_LightBox_OverlayBackground;
63
- opacity: 0.9;
65
+ opacity: @_sap_m_LightBox_OverlayOpacity;
64
66
  }
65
67
 
66
68
  /* ==========================================================================
@@ -103,7 +105,7 @@ html[data-sap-ui-browser^='sf'] .sapMLightBox {
103
105
  }
104
106
  }
105
107
 
106
- .sapMLightBoxSubtitle {
108
+ .sapMLabel.sapMLightBoxSubtitle {
107
109
  margin-top: @_sap_m_LightBox_SubtitleMarginTop;
108
110
  }
109
111
 
@@ -124,20 +126,20 @@ html[data-sap-ui-browser^='sf'] .sapMLightBox {
124
126
  padding-right: 0.25rem;
125
127
  }
126
128
 
127
- .sapMText.sapMLightBoxTitle {
129
+ .sapMTitle.sapMLightBoxTitle {
128
130
  color: @sapUiBaseText;
129
- font-family: @sapUiFontFamily;
131
+ font-family: @_sap_m_LightBox_FontFamily;
130
132
  font-size: @sapMFontMediumSize;
131
133
  }
132
134
 
133
- .sapMText.sapMLightBoxSubtitle {
135
+ .sapMLabel.sapMLightBoxSubtitle {
134
136
  color: @sapUiContentLabelColor;
135
137
  font-family: @sapUiFontFamily;
136
138
  font-size: @sapMFontMediumSize;
137
139
  }
138
140
 
139
- .sapMText.sapMLightBoxTitle,
140
- .sapMText.sapMLightBoxSubtitle {
141
+ .sapMTitle.sapMLightBoxTitle,
142
+ .sapMLabel.sapMLightBoxSubtitle {
141
143
  white-space: nowrap;
142
144
  overflow: hidden;
143
145
  text-align: left;
@@ -18,17 +18,17 @@
18
18
 
19
19
  .sapMLnk:active:not(.sapMLnkDsbl),
20
20
  .sapMLnk:focus:not(.sapMLnkDsbl) {
21
- color: @sapUiLinkActive;
21
+ color: @sapUiLinkActiveColor;
22
22
  }
23
23
  .sapMLnk:visited {
24
- color: @sapUiLinkVisited;
24
+ color: @sapUiLinkVisitedColor;
25
25
  }
26
26
  .sapMLnk:hover:not(.sapMLnkDsbl) {
27
- color: @sapUiLinkHover;
27
+ color: @sapUiLinkHoverColor;
28
28
  }
29
29
 
30
30
  .sapUiInverted-CTX .sapUiLnk {
31
- color: @sapUiLinkInverted;
31
+ color: @sapUiLinkInvertedColor;
32
32
  }
33
33
 
34
34
  .sapMLnk.sapMLnkWrapping {
@@ -113,6 +113,14 @@ html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
113
113
  color: @sapUiBaseText;
114
114
  }
115
115
 
116
+
117
+ .sapMListTblRow.sapMLIBActive .sapMLnk,
118
+ .sapMListTblSubRow.sapMLIBActive .sapMLnk,
119
+ .sapMLIB.sapMLIBActive .sapMLink {
120
+ text-decoration: none;
121
+ text-shadow: none;
122
+ }
123
+
116
124
  /* Compact size */
117
125
  .sapUiSizeCompact .sapUiFormEdit .sapMLnk {
118
126
  margin-top: 0.5rem;
@@ -116,6 +116,10 @@
116
116
  text-align: center;
117
117
  }
118
118
 
119
+ .sapMListNoDataContent {
120
+ flex: 1 1 auto;
121
+ }
122
+
119
123
  .sapMListShowSeparatorsAll {
120
124
  /*class will be added for others, just a reminder*/
121
125
  }
@@ -5,9 +5,6 @@
5
5
 
6
6
  @_sap_m_ListItemBase_DeleteIcon: sys-cancel;
7
7
  @_sap_m_ListItemBase_ButtonMarginTop: auto;
8
- @_sap_m_ListItemBase_SelectionControlWidth: 3rem;
9
- @_sap_m_ListItemBase_SelectionControlHeight: 3rem;
10
- @_sap_m_ListItemBase_compact_SelectionControlHeight: 2rem;
11
8
  @_sap_m_ListItemBase_Highlight_InformationColor: @sapUiInformationBorder;
12
9
  @_sap_m_ListItemBase_Navigated: @sapUiListSelectionBorderColor;
13
10
  @_sap_m_ListItemBase_Detail_Delete_MarginLeft: 0.125rem;
@@ -98,10 +95,7 @@
98
95
 
99
96
  .sapMLIBSelectS,
100
97
  .sapMLIBSelectM {
101
- width: @_sap_m_ListItemBase_SelectionControlWidth;
102
- height: @_sap_m_ListItemBase_SelectionControlHeight;
103
- margin-left: 0;
104
- padding-left: 0;
98
+ margin-right: 0.75rem;
105
99
  }
106
100
 
107
101
  .sapMLIBHighlight + .sapMLIBSelectS,
@@ -333,11 +327,6 @@
333
327
  }
334
328
 
335
329
  /* Compact size */
336
- .sapUiSizeCompact .sapMLIBSelectS,
337
- .sapUiSizeCompact .sapMLIBSelectM {
338
- height: @_sap_m_ListItemBase_compact_SelectionControlHeight;
339
- }
340
-
341
330
  .sapUiSizeCompact .sapMLIB > .sapMLIBSelectS:first-child,
342
331
  .sapUiSizeCompact .sapMLIB > .sapMLIBSelectM:first-child {
343
332
  margin-left: -0.5rem;
@@ -28,8 +28,8 @@
28
28
  content: '\e1ef';
29
29
  display: inline-block;
30
30
  font-size: 0.75rem;
31
- height: 38px; //ie does not accept rem for height in pseudo elements, but it works with px when you zoom
32
- line-height: 38px;
31
+ height: 2.125rem;
32
+ line-height: 2.125rem;
33
33
  padding-right: 0.75rem;
34
34
  padding-left: 0.5625rem;
35
35
  color: @sapUiButtonIconColor;
@@ -53,8 +53,8 @@
53
53
  }
54
54
 
55
55
  .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
56
- height: 24px; //ie does not accept rem for height in pseudo elements, but it works with px when you zoom
57
- line-height: 24px;
56
+ height: 1.5rem;
57
+ line-height: 1.5rem;
58
58
  padding-right: 0.5rem;
59
59
  padding-left: 0.375rem;
60
60
  }
@@ -138,4 +138,20 @@
138
138
 
139
139
  .sapMMenuBtn .sapMBtn .sapMBtnInner.sapMBtnText:not(.sapMBtnIconFirst) .sapMBtnContent{
140
140
  width: 100%;
141
+ }
142
+
143
+ .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnCritical::after {
144
+ color: @sapUiButtonCriticalTextColor;
145
+ }
146
+
147
+ .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnNegative::after {
148
+ color: @sapUiButtonNegativeTextColor;
149
+ }
150
+
151
+ .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnSuccess::after {
152
+ color: @sapUiButtonSuccessTextColor;
153
+ }
154
+
155
+ .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnNeutral::after {
156
+ color: @sapUiButtonNeutralTextColor;
141
157
  }
@@ -5,11 +5,11 @@
5
5
 
6
6
  // header shadow - different states
7
7
  @_sap_m_MessageBox_HeaderShadow: inset 0 -0.125rem;
8
- @_sap_m_MessageBox_InformationShadow: @_sap_m_MessageBox_HeaderShadow @sapUiNeutralElement;
9
- @_sap_m_MessageBox_WarningShadow: @_sap_m_MessageBox_HeaderShadow @sapUiCriticalElement;
10
- @_sap_m_MessageBox_ErrorShadow: @_sap_m_MessageBox_HeaderShadow @sapUiNegativeElement;
11
- @_sap_m_MessageBox_SuccessShadow: @_sap_m_MessageBox_HeaderShadow @sapUiPositiveElement;
12
- @_sap_m_MessageBox_QuestionShadow: @_sap_m_MessageBox_HeaderShadow @_sap_m_MessageBox_HeaderShadow @sapUiNeutralElement;
8
+ @_sap_m_MessageBox_InformationShadow: @_sap_m_MessageBox_HeaderShadow @sapUiInformationBorder;
9
+ @_sap_m_MessageBox_WarningShadow: @_sap_m_MessageBox_HeaderShadow @sapUiWarningBorder;
10
+ @_sap_m_MessageBox_ErrorShadow: @_sap_m_MessageBox_HeaderShadow @sapUiErrorBorder;
11
+ @_sap_m_MessageBox_SuccessShadow: @_sap_m_MessageBox_HeaderShadow @sapUiSuccessBorder;
12
+ @_sap_m_MessageBox_QuestionShadow: @_sap_m_MessageBox_HeaderShadow @sapUiContentHeaderShadow;
13
13
 
14
14
  .sapMMessageBoxLinkText {
15
15
  margin-top: 1rem;
@@ -13,12 +13,12 @@
13
13
  text-overflow: ellipsis;
14
14
  overflow: hidden;
15
15
  white-space: pre-line;
16
- font-size: @sapMFontMediumSize;
16
+ font-size: @sapFontSize;
17
17
  font-family: @sapUiFontFamily;
18
18
  font-weight: normal;
19
19
  padding: 1rem;
20
20
  background: @sapUiListBackground;
21
21
  color: @sapUiListTextColor;
22
- box-shadow: @sapUiShadowLevel2;
22
+ box-shadow: @sapUiContentShadow2;
23
23
  border-radius: @sapUiElementBorderCornerRadius;
24
24
  }
@@ -110,7 +110,7 @@
110
110
  line-height: 1rem;
111
111
  }
112
112
 
113
- .sapMTokenIcon {
113
+ .sapMToken .sapMTokenIcon {
114
114
  line-height: 1rem;
115
115
  }
116
116
 
@@ -42,16 +42,7 @@
42
42
 
43
43
  .Stretch{
44
44
  .sapMTileCnt.News .sapMNwC{
45
- .sapMNwCCTxt .sapMText {
46
- font-size: @sapMFontLargeSize;
47
- color: @sapUiText;
48
- }
49
- .sapMNwCCTxt .sapMFT {
50
- font-size: 0.938rem;
51
- color: @sapUiText;
52
- }
53
45
  .sapMNwCSbh{
54
- color: @sapUiText;
55
46
  max-width: none;
56
47
  padding-top: 0.25rem;
57
48
 
@@ -6,13 +6,8 @@
6
6
  .sapMNLIB {
7
7
  position: relative;
8
8
 
9
- .sapMIBar.sapMTB .sapMBarChild:only-child,
10
- .sapMTB {
11
- padding-right: 0;
12
- }
13
-
14
- .sapMNLICloseBtn {
15
- margin-left: 0.5rem
9
+ .sapMNLICloseBtn:not(:empty) {
10
+ margin: 0 0.5rem;
16
11
  }
17
12
  }
18
13
 
@@ -37,7 +32,7 @@ html.sap-desktop {
37
32
  // Priority icons
38
33
 
39
34
  .sapMNLIBPriority {
40
- padding-right: 0.5rem;
35
+ padding-right: 0.625rem;
41
36
 
42
37
  .sapUiIcon {
43
38
  font-size: 1rem;
@@ -69,12 +64,12 @@ html.sap-desktop {
69
64
  }
70
65
  }
71
66
 
72
- .sap-phone {
73
- .sapMNLIBPriority {
74
- padding-right: 0.25rem;
75
- }
67
+ .sapMNLIBHiddenButton {
68
+ display: none;
69
+ }
76
70
 
77
- .sapMNLIBHiddenButton {
78
- display: none;
71
+ .sapUiSizeCompact {
72
+ .sapMNLIBPriority {
73
+ padding-right: 0.5rem;
79
74
  }
80
75
  }