@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.
- package/.eslintrc.json +18 -0
- package/THIRDPARTY.txt +5 -5
- package/package.json +4 -4
- package/src/sap/m/.library +1 -1
- package/src/sap/m/AccButton.js +1 -1
- package/src/sap/m/ActionListItem.js +1 -1
- package/src/sap/m/ActionListItemRenderer.js +5 -7
- package/src/sap/m/ActionSelect.js +1 -1
- package/src/sap/m/ActionSheet.js +11 -4
- package/src/sap/m/App.js +1 -1
- package/src/sap/m/AssociativeOverflowToolbar.js +1 -1
- package/src/sap/m/Avatar.js +1 -1
- package/src/sap/m/BadgeEnabler.js +3 -2
- package/src/sap/m/Bar.js +12 -21
- package/src/sap/m/Breadcrumbs.js +83 -10
- package/src/sap/m/BreadcrumbsRenderer.js +3 -7
- package/src/sap/m/BusyDialog.js +1 -1
- package/src/sap/m/BusyIndicator.js +1 -1
- package/src/sap/m/Button.js +2 -2
- package/src/sap/m/Carousel.js +4 -1
- package/src/sap/m/CarouselLayout.js +1 -1
- package/src/sap/m/CarouselRenderer.js +4 -2
- package/src/sap/m/CheckBox.js +2 -4
- package/src/sap/m/ColorPalette.js +13 -1
- package/src/sap/m/ColorPalettePopover.js +1 -1
- package/src/sap/m/Column.js +10 -1
- package/src/sap/m/ColumnHeaderPopover.js +1 -1
- package/src/sap/m/ColumnListItem.js +1 -1
- package/src/sap/m/ColumnListItemRenderer.js +10 -11
- package/src/sap/m/ColumnPopoverActionItem.js +1 -1
- package/src/sap/m/ColumnPopoverCustomItem.js +1 -1
- package/src/sap/m/ColumnPopoverItem.js +1 -1
- package/src/sap/m/ColumnPopoverSelectListItem.js +1 -1
- package/src/sap/m/ColumnPopoverSortItem.js +1 -1
- package/src/sap/m/ComboBox.js +23 -2
- package/src/sap/m/ComboBoxBase.js +4 -2
- package/src/sap/m/ComboBoxTextField.js +1 -1
- package/src/sap/m/CustomDynamicDateOption.js +1 -1
- package/src/sap/m/CustomListItem.js +1 -1
- package/src/sap/m/CustomListItemRenderer.js +4 -6
- package/src/sap/m/CustomTile.js +1 -1
- package/src/sap/m/CustomTileRenderer.js +1 -1
- package/src/sap/m/CustomTreeItem.js +1 -1
- package/src/sap/m/CustomTreeItemRenderer.js +2 -2
- package/src/sap/m/DatePicker.js +52 -9
- package/src/sap/m/DatePickerRenderer.js +0 -1
- package/src/sap/m/DateRangeSelection.js +42 -4
- package/src/sap/m/DateTimeField.js +8 -5
- package/src/sap/m/DateTimeInput.js +1 -1
- package/src/sap/m/DateTimePicker.js +97 -66
- package/src/sap/m/DateTimePickerRenderer.js +21 -4
- package/src/sap/m/Dialog.js +20 -7
- package/src/sap/m/DialogRenderer.js +1 -1
- package/src/sap/m/DisplayListItem.js +1 -1
- package/src/sap/m/DisplayListItemRenderer.js +4 -6
- package/src/sap/m/DraftIndicator.js +1 -1
- package/src/sap/m/DynamicDate.js +1 -1
- package/src/sap/m/DynamicDateFormat.js +13 -6
- package/src/sap/m/DynamicDateOption.js +12 -2
- package/src/sap/m/DynamicDateRange.js +129 -21
- package/src/sap/m/DynamicDateUtil.js +1 -2
- package/src/sap/m/DynamicDateValueHelpUIType.js +1 -1
- package/src/sap/m/ExpandableText.js +1 -1
- package/src/sap/m/FacetFilter.js +8 -1
- package/src/sap/m/FacetFilterItem.js +1 -1
- package/src/sap/m/FacetFilterList.js +6 -4
- package/src/sap/m/FeedContent.js +1 -1
- package/src/sap/m/FeedInput.js +2 -2
- package/src/sap/m/FeedListItem.js +2 -2
- package/src/sap/m/FeedListItemAction.js +1 -1
- package/src/sap/m/FeedListItemRenderer.js +10 -5
- package/src/sap/m/Fiori20Adapter.js +2 -2
- package/src/sap/m/FlexBox.js +1 -1
- package/src/sap/m/FlexItemData.js +1 -1
- package/src/sap/m/FormattedText.js +1 -1
- package/src/sap/m/GenericTag.js +5 -3
- package/src/sap/m/GenericTagRenderer.js +13 -5
- package/src/sap/m/GenericTile.js +101 -13
- package/src/sap/m/GenericTileLineModeRenderer.js +80 -3
- package/src/sap/m/GenericTileRenderer.js +108 -48
- package/src/sap/m/GroupHeaderListItem.js +1 -1
- package/src/sap/m/GrowingEnablement.js +138 -83
- package/src/sap/m/GrowingList.js +1 -1
- package/src/sap/m/HBox.js +1 -1
- package/src/sap/m/HeaderContainer.js +29 -13
- package/src/sap/m/HeaderContainerItemNavigator.js +1 -1
- package/src/sap/m/HyphenationSupport.js +0 -4
- package/src/sap/m/IconTabBar.js +3 -3
- package/src/sap/m/IconTabBarDragAndDropUtil.js +3 -2
- package/src/sap/m/IconTabBarSelectList.js +3 -5
- package/src/sap/m/IconTabFilter.js +1 -1
- package/src/sap/m/IconTabFilterExpandButtonBadge.js +1 -1
- package/src/sap/m/IconTabHeader.js +7 -11
- package/src/sap/m/IconTabSeparator.js +1 -1
- package/src/sap/m/IllustratedMessage.js +19 -1
- package/src/sap/m/Illustration.js +1 -1
- package/src/sap/m/Image.js +1 -1
- package/src/sap/m/ImageContent.js +1 -1
- package/src/sap/m/Input.js +10 -19
- package/src/sap/m/InputBase.js +5 -5
- package/src/sap/m/InputBaseRenderer.js +1 -2
- package/src/sap/m/InputListItem.js +1 -1
- package/src/sap/m/InputListItemRenderer.js +4 -6
- package/src/sap/m/Label.js +1 -1
- package/src/sap/m/LabelRenderer.js +1 -1
- package/src/sap/m/LightBox.js +1 -1
- package/src/sap/m/LightBoxItem.js +1 -1
- package/src/sap/m/Link.js +1 -1
- package/src/sap/m/List.js +1 -1
- package/src/sap/m/ListBase.js +52 -20
- package/src/sap/m/ListBaseRenderer.js +23 -9
- package/src/sap/m/ListItemBase.js +7 -5
- package/src/sap/m/MaskEnabler.js +1 -1
- package/src/sap/m/MaskInput.js +1 -1
- package/src/sap/m/MaskInputRule.js +1 -1
- package/src/sap/m/Menu.js +1 -1
- package/src/sap/m/MenuButton.js +5 -1
- package/src/sap/m/MenuItem.js +1 -1
- package/src/sap/m/MenuListItem.js +1 -1
- package/src/sap/m/MessageBox.js +1 -1
- package/src/sap/m/MessageItem.js +1 -1
- package/src/sap/m/MessageListItem.js +1 -1
- package/src/sap/m/MessagePage.js +1 -1
- package/src/sap/m/MessagePopover.js +18 -36
- package/src/sap/m/MessagePopoverItem.js +1 -1
- package/src/sap/m/MessageStrip.js +2 -2
- package/src/sap/m/MessageToast.js +1 -1
- package/src/sap/m/MessageView.js +1 -1
- package/src/sap/m/MultiComboBox.js +4 -2
- package/src/sap/m/MultiEditField.js +1 -1
- package/src/sap/m/MultiInput.js +12 -7
- package/src/sap/m/NavContainer.js +53 -53
- package/src/sap/m/NewsContent.js +1 -1
- package/src/sap/m/NotificationList.js +1 -1
- package/src/sap/m/NotificationListBase.js +175 -79
- package/src/sap/m/NotificationListGroup.js +1 -2
- package/src/sap/m/NotificationListGroupRenderer.js +4 -16
- package/src/sap/m/NotificationListItem.js +5 -16
- package/src/sap/m/NotificationListItemRenderer.js +0 -1
- package/src/sap/m/NumericContent.js +29 -21
- package/src/sap/m/NumericInput.js +3 -2
- package/src/sap/m/NumericInputRenderer.js +13 -1
- package/src/sap/m/ObjectAttribute.js +4 -5
- package/src/sap/m/ObjectAttributeRenderer.js +3 -3
- package/src/sap/m/ObjectHeader.js +1 -1
- package/src/sap/m/ObjectIdentifier.js +3 -3
- package/src/sap/m/ObjectListItem.js +1 -1
- package/src/sap/m/ObjectMarker.js +34 -10
- package/src/sap/m/ObjectMarkerRenderer.js +14 -2
- package/src/sap/m/ObjectNumber.js +1 -1
- package/src/sap/m/ObjectStatus.js +1 -1
- package/src/sap/m/ObjectStatusRenderer.js +3 -4
- package/src/sap/m/OverflowToolbar.js +21 -1
- package/src/sap/m/OverflowToolbarAssociativePopover.js +2 -2
- package/src/sap/m/OverflowToolbarButton.js +1 -1
- package/src/sap/m/OverflowToolbarLayoutData.js +1 -1
- package/src/sap/m/OverflowToolbarToggleButton.js +1 -1
- package/src/sap/m/P13nAnyFilterItem.js +1 -1
- package/src/sap/m/P13nColumnsItem.js +1 -1
- package/src/sap/m/P13nColumnsPanel.js +1 -1
- package/src/sap/m/P13nConditionPanel.js +9 -12
- package/src/sap/m/P13nDialog.js +1 -1
- package/src/sap/m/P13nDimMeasureItem.js +1 -1
- package/src/sap/m/P13nDimMeasurePanel.js +1 -1
- package/src/sap/m/P13nFilterItem.js +1 -1
- package/src/sap/m/P13nFilterPanel.js +1 -1
- package/src/sap/m/P13nGroupItem.js +1 -1
- package/src/sap/m/P13nGroupPanel.js +1 -1
- package/src/sap/m/P13nItem.js +1 -1
- package/src/sap/m/P13nPanel.js +1 -1
- package/src/sap/m/P13nSelectionItem.js +1 -1
- package/src/sap/m/P13nSelectionPanel.js +1 -1
- package/src/sap/m/P13nSortItem.js +1 -1
- package/src/sap/m/P13nSortPanel.js +1 -1
- package/src/sap/m/PDFViewer.js +3 -3
- package/src/sap/m/PDFViewerRenderer.js +15 -7
- package/src/sap/m/Page.js +4 -4
- package/src/sap/m/PageAccessibleLandmarkInfo.js +1 -1
- package/src/sap/m/PagingButton.js +1 -1
- package/src/sap/m/Panel.js +1 -1
- package/src/sap/m/PlanningCalendar.js +15 -15
- package/src/sap/m/PlanningCalendarHeader.js +1 -4
- package/src/sap/m/PlanningCalendarLegend.js +1 -1
- package/src/sap/m/PlanningCalendarRow.js +1 -1
- package/src/sap/m/PlanningCalendarView.js +1 -1
- package/src/sap/m/Popover.js +15 -10
- package/src/sap/m/ProgressIndicator.js +1 -1
- package/src/sap/m/PullToRefresh.js +1 -1
- package/src/sap/m/QuickView.js +1 -1
- package/src/sap/m/QuickViewBase.js +1 -1
- package/src/sap/m/QuickViewCard.js +1 -1
- package/src/sap/m/QuickViewGroup.js +1 -1
- package/src/sap/m/QuickViewGroupElement.js +1 -1
- package/src/sap/m/QuickViewPage.js +5 -2
- package/src/sap/m/RadioButton.js +2 -2
- package/src/sap/m/RadioButtonGroup.js +14 -2
- package/src/sap/m/RadioButtonRenderer.js +0 -1
- package/src/sap/m/RangeSlider.js +19 -4
- package/src/sap/m/RatingIndicator.js +2 -2
- package/src/sap/m/ResponsivePopover.js +3 -5
- package/src/sap/m/ResponsiveScale.js +1 -1
- package/src/sap/m/ScrollBar.js +2 -2
- package/src/sap/m/ScrollContainer.js +1 -1
- package/src/sap/m/SearchField.js +1 -1
- package/src/sap/m/SegmentedButton.js +17 -9
- package/src/sap/m/SegmentedButtonItem.js +1 -1
- package/src/sap/m/SegmentedButtonRenderer.js +1 -1
- package/src/sap/m/Select.js +53 -4
- package/src/sap/m/SelectDialog.js +16 -20
- package/src/sap/m/SelectDialogBase.js +1 -1
- package/src/sap/m/SelectList.js +1 -1
- package/src/sap/m/SelectionDetails.js +3 -5
- package/src/sap/m/SelectionDetailsFacade.js +2 -2
- package/src/sap/m/SelectionDetailsItem.js +1 -1
- package/src/sap/m/SelectionDetailsItemLine.js +3 -3
- package/src/sap/m/Shell.js +1 -1
- package/src/sap/m/SimpleFixFlex.js +1 -1
- package/src/sap/m/SinglePlanningCalendar.js +1 -1
- package/src/sap/m/SinglePlanningCalendarDayView.js +1 -1
- package/src/sap/m/SinglePlanningCalendarGrid.js +94 -52
- package/src/sap/m/SinglePlanningCalendarGridRenderer.js +10 -9
- package/src/sap/m/SinglePlanningCalendarMonthGrid.js +24 -10
- package/src/sap/m/SinglePlanningCalendarMonthView.js +1 -1
- package/src/sap/m/SinglePlanningCalendarView.js +1 -1
- package/src/sap/m/SinglePlanningCalendarWeekView.js +1 -1
- package/src/sap/m/SinglePlanningCalendarWorkWeekView.js +1 -1
- package/src/sap/m/SlideTile.js +2 -2
- package/src/sap/m/SlideTileRenderer.js +8 -1
- package/src/sap/m/Slider.js +1 -1
- package/src/sap/m/SliderTooltip.js +1 -1
- package/src/sap/m/SliderTooltipBase.js +1 -1
- package/src/sap/m/SliderTooltipContainer.js +5 -1
- package/src/sap/m/SplitApp.js +1 -1
- package/src/sap/m/SplitButton.js +1 -1
- package/src/sap/m/SplitContainer.js +4 -4
- package/src/sap/m/StandardDynamicDateOption.js +41 -18
- package/src/sap/m/StandardListItem.js +3 -3
- package/src/sap/m/StandardListItemRenderer.js +1 -1
- package/src/sap/m/StandardTile.js +1 -1
- package/src/sap/m/StandardTreeItem.js +1 -1
- package/src/sap/m/StepInput.js +4 -4
- package/src/sap/m/SuggestionItem.js +1 -1
- package/src/sap/m/SuggestionsPopover.js +6 -14
- package/src/sap/m/Switch.js +1 -1
- package/src/sap/m/TabContainer.js +1 -1
- package/src/sap/m/TabContainerItem.js +1 -1
- package/src/sap/m/TabStrip.js +6 -4
- package/src/sap/m/TabStripItem.js +1 -1
- package/src/sap/m/TabStripRenderer.js +2 -2
- package/src/sap/m/Table.js +34 -3
- package/src/sap/m/TablePersoController.js +1 -1
- package/src/sap/m/TablePersoDialog.js +1 -1
- package/src/sap/m/TablePersoProvider.js +1 -1
- package/src/sap/m/TableRenderer.js +9 -4
- package/src/sap/m/TableSelectDialog.js +15 -11
- package/src/sap/m/Text.js +1 -1
- package/src/sap/m/TextArea.js +1 -1
- package/src/sap/m/Tile.js +3 -3
- package/src/sap/m/TileContainer.js +6 -4
- package/src/sap/m/TileContent.js +34 -2
- package/src/sap/m/TileContentRenderer.js +44 -8
- package/src/sap/m/TileRenderer.js +1 -1
- package/src/sap/m/TimePicker.js +53 -61
- package/src/sap/m/TimePickerClock.js +1 -1
- package/src/sap/m/TimePickerClocks.js +1 -1
- package/src/sap/m/TimePickerInputs.js +1 -1
- package/src/sap/m/TimePickerInternals.js +2 -2
- package/src/sap/m/TimePickerRenderer.js +2 -4
- package/src/sap/m/TimePickerSlider.js +1 -1
- package/src/sap/m/TimePickerSliders.js +1 -1
- package/src/sap/m/Title.js +1 -1
- package/src/sap/m/TitlePropagationSupport.js +1 -1
- package/src/sap/m/TitleRenderer.js +2 -2
- package/src/sap/m/ToggleButton.js +1 -1
- package/src/sap/m/Token.js +1 -1
- package/src/sap/m/Tokenizer.js +19 -7
- package/src/sap/m/TokenizerRenderer.js +1 -1
- package/src/sap/m/Toolbar.js +7 -1
- package/src/sap/m/ToolbarLayoutData.js +1 -1
- package/src/sap/m/ToolbarSeparator.js +5 -3
- package/src/sap/m/ToolbarSpacer.js +1 -1
- package/src/sap/m/Tree.js +1 -1
- package/src/sap/m/TreeItemBase.js +1 -1
- package/src/sap/m/UploadCollection.js +5 -3
- package/src/sap/m/UploadCollectionItem.js +2 -1
- package/src/sap/m/UploadCollectionParameter.js +2 -1
- package/src/sap/m/UploadCollectionRenderer.js +1 -0
- package/src/sap/m/UploadCollectionToolbarPlaceholder.js +2 -1
- package/src/sap/m/VBox.js +1 -1
- package/src/sap/m/ValueStateHeader.js +1 -1
- package/src/sap/m/VariantManagement.js +2492 -0
- package/src/sap/m/ViewSettingsCustomItem.js +1 -1
- package/src/sap/m/ViewSettingsCustomTab.js +1 -1
- package/src/sap/m/ViewSettingsDialog.js +106 -49
- package/src/sap/m/ViewSettingsFilterItem.js +1 -1
- package/src/sap/m/ViewSettingsItem.js +1 -1
- package/src/sap/m/VisibleItem.js +2 -2
- package/src/sap/m/WheelSlider.js +1 -1
- package/src/sap/m/WheelSliderContainer.js +1 -1
- package/src/sap/m/Wizard.js +22 -4
- package/src/sap/m/WizardProgressNavigator.js +10 -3
- package/src/sap/m/WizardStep.js +1 -1
- package/src/sap/m/changeHandler/AddTableColumn.js +3 -5
- package/src/sap/m/changeHandler/ChangeLinkTarget.js +1 -1
- package/src/sap/m/changeHandler/CombineButtons.js +1 -1
- package/src/sap/m/changeHandler/MoveTableColumns.js +1 -1
- package/src/sap/m/changeHandler/SelectIconTabBarFilter.js +1 -1
- package/src/sap/m/changeHandler/SplitMenuButton.js +5 -5
- package/src/sap/m/delegate/DateNavigation.js +2 -2
- package/src/sap/m/designtime/ListBase.designtime.js +3 -0
- package/src/sap/m/designtime/VariantManagement.designtime.js +56 -0
- package/src/sap/m/inputUtils/SuggestionsPopoverDialogMixin.js +22 -16
- package/src/sap/m/inputUtils/SuggestionsPopoverPopoverMixin.js +10 -2
- package/src/sap/m/inputUtils/highlightDOMElements.js +4 -3
- package/src/sap/m/inputUtils/typeAhead.js +7 -7
- package/src/sap/m/library.js +38 -31
- package/src/sap/m/messagebundle.properties +177 -24
- package/src/sap/m/messagebundle_ar.properties +116 -18
- package/src/sap/m/messagebundle_bg.properties +116 -18
- package/src/sap/m/messagebundle_ca.properties +116 -18
- package/src/sap/m/messagebundle_cs.properties +118 -20
- package/src/sap/m/messagebundle_cy.properties +116 -18
- package/src/sap/m/messagebundle_da.properties +116 -18
- package/src/sap/m/messagebundle_de.properties +117 -19
- package/src/sap/m/messagebundle_el.properties +119 -21
- package/src/sap/m/messagebundle_en.properties +115 -17
- package/src/sap/m/messagebundle_en_GB.properties +115 -17
- package/src/sap/m/messagebundle_en_US_sappsd.properties +115 -17
- package/src/sap/m/messagebundle_en_US_saprigi.properties +115 -17
- package/src/sap/m/messagebundle_en_US_saptrc.properties +115 -17
- package/src/sap/m/messagebundle_es.properties +116 -18
- package/src/sap/m/messagebundle_es_MX.properties +116 -18
- package/src/sap/m/messagebundle_et.properties +116 -18
- package/src/sap/m/messagebundle_fi.properties +115 -17
- package/src/sap/m/messagebundle_fr.properties +119 -21
- package/src/sap/m/messagebundle_fr_CA.properties +115 -17
- package/src/sap/m/messagebundle_hi.properties +114 -16
- package/src/sap/m/messagebundle_hr.properties +116 -18
- package/src/sap/m/messagebundle_hu.properties +116 -18
- package/src/sap/m/messagebundle_id.properties +115 -17
- package/src/sap/m/messagebundle_it.properties +124 -26
- package/src/sap/m/messagebundle_iw.properties +116 -18
- package/src/sap/m/messagebundle_ja.properties +115 -17
- package/src/sap/m/messagebundle_kk.properties +116 -18
- package/src/sap/m/messagebundle_ko.properties +116 -18
- package/src/sap/m/messagebundle_lt.properties +116 -18
- package/src/sap/m/messagebundle_lv.properties +115 -17
- package/src/sap/m/messagebundle_ms.properties +115 -17
- package/src/sap/m/messagebundle_nl.properties +115 -17
- package/src/sap/m/messagebundle_no.properties +116 -18
- package/src/sap/m/messagebundle_pl.properties +116 -18
- package/src/sap/m/messagebundle_pt.properties +125 -27
- package/src/sap/m/messagebundle_pt_PT.properties +116 -18
- package/src/sap/m/messagebundle_ro.properties +116 -18
- package/src/sap/m/messagebundle_ru.properties +116 -18
- package/src/sap/m/messagebundle_sh.properties +116 -18
- package/src/sap/m/messagebundle_sk.properties +116 -18
- package/src/sap/m/messagebundle_sl.properties +116 -18
- package/src/sap/m/messagebundle_sv.properties +117 -19
- package/src/sap/m/messagebundle_th.properties +115 -17
- package/src/sap/m/messagebundle_tr.properties +116 -18
- package/src/sap/m/messagebundle_uk.properties +116 -18
- package/src/sap/m/messagebundle_vi.properties +115 -17
- package/src/sap/m/messagebundle_zh_CN.properties +116 -18
- package/src/sap/m/messagebundle_zh_TW.properties +115 -17
- package/src/sap/m/p13n/AbstractContainer.js +2 -2
- package/src/sap/m/p13n/AbstractContainerItem.js +2 -2
- package/src/sap/m/p13n/BasePanel.js +34 -15
- package/src/sap/m/p13n/Container.js +11 -4
- package/src/sap/m/p13n/GroupPanel.js +17 -5
- package/src/sap/m/p13n/Popup.js +9 -2
- package/src/sap/m/p13n/QueryPanel.js +89 -35
- package/src/sap/m/p13n/SelectionPanel.js +42 -9
- package/src/sap/m/p13n/SortPanel.js +27 -13
- package/src/sap/m/plugins/ColumnResizer.js +48 -13
- package/src/sap/m/plugins/DataStateIndicator.js +3 -2
- package/src/sap/m/plugins/PasteProvider.js +1 -1
- package/src/sap/m/plugins/PluginBase.js +1 -1
- package/src/sap/m/rules/Breadcrumbs.support.js +1 -1
- package/src/sap/m/rules/CheckBox.support.js +1 -1
- package/src/sap/m/rules/Image.support.js +1 -1
- package/src/sap/m/rules/Link.support.js +1 -1
- package/src/sap/m/rules/MessagePage.support.js +1 -1
- package/src/sap/m/rules/ObjectHeader.support.js +6 -6
- package/src/sap/m/rules/ObjectListItem.support.js +1 -1
- package/src/sap/m/rules/ObjectMarker.support.js +1 -1
- package/src/sap/m/rules/ObjectStatus.support.js +1 -1
- package/src/sap/m/rules/Select.support.js +1 -1
- package/src/sap/m/rules/Table.support.js +3 -3
- package/src/sap/m/rules/Tokenizer.support.js +4 -2
- package/src/sap/m/semantic/AddAction.js +1 -1
- package/src/sap/m/semantic/CancelAction.js +1 -1
- package/src/sap/m/semantic/DeleteAction.js +1 -1
- package/src/sap/m/semantic/DetailPage.js +1 -1
- package/src/sap/m/semantic/DiscussInJamAction.js +1 -1
- package/src/sap/m/semantic/EditAction.js +1 -1
- package/src/sap/m/semantic/FavoriteAction.js +1 -1
- package/src/sap/m/semantic/FilterAction.js +1 -1
- package/src/sap/m/semantic/FilterSelect.js +1 -1
- package/src/sap/m/semantic/FlagAction.js +1 -1
- package/src/sap/m/semantic/ForwardAction.js +1 -1
- package/src/sap/m/semantic/FullscreenPage.js +1 -1
- package/src/sap/m/semantic/GroupAction.js +1 -1
- package/src/sap/m/semantic/GroupSelect.js +1 -1
- package/src/sap/m/semantic/MainAction.js +1 -1
- package/src/sap/m/semantic/MasterPage.js +1 -1
- package/src/sap/m/semantic/MessagesIndicator.js +1 -1
- package/src/sap/m/semantic/MultiSelectAction.js +1 -1
- package/src/sap/m/semantic/NegativeAction.js +1 -1
- package/src/sap/m/semantic/OpenInAction.js +1 -1
- package/src/sap/m/semantic/PositiveAction.js +1 -1
- package/src/sap/m/semantic/PrintAction.js +1 -1
- package/src/sap/m/semantic/SaveAction.js +1 -1
- package/src/sap/m/semantic/Segment.js +1 -1
- package/src/sap/m/semantic/SegmentedContainer.js +1 -1
- package/src/sap/m/semantic/SemanticButton.js +1 -1
- package/src/sap/m/semantic/SemanticConfiguration.js +7 -14
- package/src/sap/m/semantic/SemanticControl.js +1 -1
- package/src/sap/m/semantic/SemanticOverflowToolbarButton.js +1 -1
- package/src/sap/m/semantic/SemanticOverflowToolbarToggleButton.js +1 -1
- package/src/sap/m/semantic/SemanticPage.js +1 -1
- package/src/sap/m/semantic/SemanticSelect.js +1 -1
- package/src/sap/m/semantic/SemanticToggleButton.js +1 -1
- package/src/sap/m/semantic/SendEmailAction.js +1 -1
- package/src/sap/m/semantic/SendMessageAction.js +1 -1
- package/src/sap/m/semantic/ShareInJamAction.js +1 -1
- package/src/sap/m/semantic/ShareMenu.js +2 -2
- package/src/sap/m/semantic/ShareMenuPage.js +1 -1
- package/src/sap/m/semantic/SortAction.js +1 -1
- package/src/sap/m/semantic/SortSelect.js +1 -1
- package/src/sap/m/table/Util.js +114 -29
- package/src/sap/m/table/columnmenu/ActionItem.js +1 -1
- package/src/sap/m/table/columnmenu/Entry.js +1 -11
- package/src/sap/m/table/columnmenu/Item.js +1 -1
- package/src/sap/m/table/columnmenu/ItemBase.js +11 -1
- package/src/sap/m/table/columnmenu/ItemContainer.js +29 -0
- package/src/sap/m/table/columnmenu/Menu.js +228 -35
- package/src/sap/m/table/columnmenu/MenuRenderer.js +5 -28
- package/src/sap/m/table/columnmenu/QuickAction.js +14 -3
- package/src/sap/m/table/columnmenu/QuickActionBase.js +11 -1
- package/src/sap/m/table/columnmenu/QuickActionContainer.js +29 -0
- package/src/sap/m/table/columnmenu/QuickActionItem.js +5 -5
- package/src/sap/m/table/columnmenu/QuickGroup.js +20 -16
- package/src/sap/m/table/columnmenu/QuickGroupItem.js +1 -1
- package/src/sap/m/table/columnmenu/QuickSort.js +2 -1
- package/src/sap/m/table/columnmenu/QuickSortItem.js +29 -28
- package/src/sap/m/table/columnmenu/QuickTotal.js +20 -25
- package/src/sap/m/table/columnmenu/QuickTotalItem.js +1 -1
- package/src/sap/m/themes/base/ActionListItem.less +1 -1
- package/src/sap/m/themes/base/Avatar.less +11 -5
- package/src/sap/m/themes/base/Button.less +2 -7
- package/src/sap/m/themes/base/Carousel.less +72 -87
- package/src/sap/m/themes/base/CheckBox.less +0 -1
- package/src/sap/m/themes/base/ColumnListItem.less +0 -3
- package/src/sap/m/themes/base/ColumnMenu.less +12 -4
- package/src/sap/m/themes/base/DatePicker.less +7 -2
- package/src/sap/m/themes/base/Dialog.less +10 -6
- package/src/sap/m/themes/base/GenericTile.less +672 -170
- package/src/sap/m/themes/base/IconTabBar.less +45 -14
- package/src/sap/m/themes/base/IconTabBarSelectList.less +5 -4
- package/src/sap/m/themes/base/Input.less +1 -1
- package/src/sap/m/themes/base/InputBase.less +114 -11
- package/src/sap/m/themes/base/Label.less +4 -1
- package/src/sap/m/themes/base/LightBox.less +9 -7
- package/src/sap/m/themes/base/Link.less +12 -4
- package/src/sap/m/themes/base/ListBase.less +4 -0
- package/src/sap/m/themes/base/ListItemBase.less +1 -12
- package/src/sap/m/themes/base/MenuButton.less +20 -4
- package/src/sap/m/themes/base/MessageBox.less +5 -5
- package/src/sap/m/themes/base/MessageToast.less +2 -2
- package/src/sap/m/themes/base/MultiInput.less +1 -1
- package/src/sap/m/themes/base/NewsContent.less +0 -9
- package/src/sap/m/themes/base/NotificationListBase.less +9 -14
- package/src/sap/m/themes/base/NotificationListGroup.less +30 -44
- package/src/sap/m/themes/base/NotificationListItem.less +14 -18
- package/src/sap/m/themes/base/NumericContent.less +1 -5
- package/src/sap/m/themes/base/ObjectAttribute.less +1 -1
- package/src/sap/m/themes/base/ObjectListItem.less +3 -0
- package/src/sap/m/themes/base/ObjectMarker.less +3 -1
- package/src/sap/m/themes/base/ObjectStatus.less +8 -0
- package/src/sap/m/themes/base/Page.less +1 -1
- package/src/sap/m/themes/base/Panel.less +1 -1
- package/src/sap/m/themes/base/Popover.less +10 -7
- package/src/sap/m/themes/base/QuickView.less +14 -2
- package/src/sap/m/themes/base/RadioButton.less +22 -3
- package/src/sap/m/themes/base/RatingIndicator.less +4 -0
- package/src/sap/m/themes/base/SearchField.less +23 -59
- package/src/sap/m/themes/base/SinglePlanningCalendarGrid.less +3 -29
- package/src/sap/m/themes/base/SlideTile.less +18 -0
- package/src/sap/m/themes/base/Slider.less +18 -18
- package/src/sap/m/themes/base/SplitButton.less +5 -0
- package/src/sap/m/themes/base/StandardListItem.less +5 -9
- package/src/sap/m/themes/base/SuggestionsPopover.less +1 -1
- package/src/sap/m/themes/base/Table.less +18 -21
- package/src/sap/m/themes/base/TextArea.less +32 -0
- package/src/sap/m/themes/base/TileContent.less +41 -1
- package/src/sap/m/themes/base/Token.less +17 -15
- package/src/sap/m/themes/base/Tokenizer.less +2 -2
- package/src/sap/m/themes/base/Toolbar.less +1 -1
- package/src/sap/m/themes/base/UploadCollection.less +2 -0
- package/src/sap/m/themes/base/ValueStateMessage.less +3 -3
- package/src/sap/m/themes/base/VariantManagement.less +97 -0
- package/src/sap/m/themes/base/Wizard.less +5 -4
- package/src/sap/m/themes/base/WizardProgressNavigator.less +8 -0
- package/src/sap/m/themes/base/library.source.less +1 -0
- package/src/sap/m/themes/sap_hcb/Carousel.less +3 -7
- package/src/sap/m/themes/sap_hcb/ComboBoxBase.less +0 -12
- package/src/sap/m/themes/sap_hcb/InputBase.less +7 -42
- package/src/sap/m/themes/sap_hcb/Panel.less +4 -0
- package/src/sap/m/themes/sap_hcb/Popover.less +3 -0
- package/src/sap/m/themes/sap_hcb/Slider.less +11 -0
- package/src/sap/m/themes/sap_hcb/Token.less +4 -0
- package/src/sap/m/themes/sap_hcb/Tokenizer.less +1 -0
- package/src/sap/m/themes/sap_hcb/ValueStateHeader.less +4 -0
- package/src/sap/m/themes/sap_hcb/ValueStateMessage.less +12 -1
- package/src/sap/m/upload/UploadSet.js +330 -34
- 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:
|
|
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:
|
|
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:
|
|
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: @
|
|
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:
|
|
884
|
-
bottom:
|
|
885
|
-
right:
|
|
886
|
-
left:
|
|
887
|
-
border-radius:
|
|
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
|
|
1578
|
+
top: 0;
|
|
1566
1579
|
}
|
|
1567
1580
|
|
|
1568
1581
|
.sapMITBFilterNeutral .sapMBadgeAttention {
|
|
1569
|
-
background-color: @
|
|
1582
|
+
background-color: @_sap_m_IconTabBar_Badge_Neutral_Background;
|
|
1570
1583
|
}
|
|
1571
1584
|
|
|
1572
1585
|
.sapMITBFilterPositive .sapMBadgeAttention {
|
|
1573
|
-
background-color: @
|
|
1586
|
+
background-color: @_sap_m_IconTabBar_Badge_Positive_Background;
|
|
1574
1587
|
}
|
|
1575
1588
|
|
|
1576
1589
|
.sapMITBFilterCritical .sapMBadgeAttention {
|
|
1577
|
-
background-color: @
|
|
1590
|
+
background-color: @_sap_m_IconTabBar_Badge_Critical_Background;
|
|
1578
1591
|
}
|
|
1579
1592
|
|
|
1580
1593
|
.sapMITBFilterNegative .sapMBadgeAttention {
|
|
1581
|
-
background-color: @
|
|
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:
|
|
186
|
-
right:
|
|
187
|
-
bottom:
|
|
188
|
-
left:
|
|
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;
|
|
@@ -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: @
|
|
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
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
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
|
|
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: @
|
|
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:
|
|
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
|
-
.
|
|
129
|
+
.sapMTitle.sapMLightBoxTitle {
|
|
128
130
|
color: @sapUiBaseText;
|
|
129
|
-
font-family: @
|
|
131
|
+
font-family: @_sap_m_LightBox_FontFamily;
|
|
130
132
|
font-size: @sapMFontMediumSize;
|
|
131
133
|
}
|
|
132
134
|
|
|
133
|
-
.
|
|
135
|
+
.sapMLabel.sapMLightBoxSubtitle {
|
|
134
136
|
color: @sapUiContentLabelColor;
|
|
135
137
|
font-family: @sapUiFontFamily;
|
|
136
138
|
font-size: @sapMFontMediumSize;
|
|
137
139
|
}
|
|
138
140
|
|
|
139
|
-
.
|
|
140
|
-
.
|
|
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: @
|
|
21
|
+
color: @sapUiLinkActiveColor;
|
|
22
22
|
}
|
|
23
23
|
.sapMLnk:visited {
|
|
24
|
-
color: @
|
|
24
|
+
color: @sapUiLinkVisitedColor;
|
|
25
25
|
}
|
|
26
26
|
.sapMLnk:hover:not(.sapMLnkDsbl) {
|
|
27
|
-
color: @
|
|
27
|
+
color: @sapUiLinkHoverColor;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
.sapUiInverted-CTX .sapUiLnk {
|
|
31
|
-
color: @
|
|
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;
|
|
@@ -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
|
-
|
|
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:
|
|
32
|
-
line-height:
|
|
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:
|
|
57
|
-
line-height:
|
|
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 @
|
|
9
|
-
@_sap_m_MessageBox_WarningShadow: @_sap_m_MessageBox_HeaderShadow @
|
|
10
|
-
@_sap_m_MessageBox_ErrorShadow: @_sap_m_MessageBox_HeaderShadow @
|
|
11
|
-
@_sap_m_MessageBox_SuccessShadow: @_sap_m_MessageBox_HeaderShadow @
|
|
12
|
-
@_sap_m_MessageBox_QuestionShadow: @_sap_m_MessageBox_HeaderShadow @
|
|
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: @
|
|
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: @
|
|
22
|
+
box-shadow: @sapUiContentShadow2;
|
|
23
23
|
border-radius: @sapUiElementBorderCornerRadius;
|
|
24
24
|
}
|
|
@@ -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
|
-
.
|
|
10
|
-
|
|
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.
|
|
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
|
-
.
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
}
|
|
67
|
+
.sapMNLIBHiddenButton {
|
|
68
|
+
display: none;
|
|
69
|
+
}
|
|
76
70
|
|
|
77
|
-
|
|
78
|
-
|
|
71
|
+
.sapUiSizeCompact {
|
|
72
|
+
.sapMNLIBPriority {
|
|
73
|
+
padding-right: 0.5rem;
|
|
79
74
|
}
|
|
80
75
|
}
|