@openui5/themelib_sap_horizon 1.117.1 → 1.119.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 (142) hide show
  1. package/THIRDPARTY.txt +2 -2
  2. package/package.json +18 -18
  3. package/src/sap/f/themes/sap_horizon/AvatarGroup.less +81 -25
  4. package/src/sap/f/themes/sap_horizon/DynamicPageTitle.less +3 -3
  5. package/src/sap/f/themes/sap_horizon/ShellBar.less +2 -1
  6. package/src/sap/f/themes/sap_horizon/SidePanel.less +7 -0
  7. package/src/sap/f/themes/sap_horizon_dark/AvatarGroup.less +82 -25
  8. package/src/sap/f/themes/sap_horizon_dark/DynamicPageTitle.less +3 -3
  9. package/src/sap/f/themes/sap_horizon_dark/ShellBar.less +2 -2
  10. package/src/sap/f/themes/sap_horizon_dark/SidePanel.less +7 -0
  11. package/src/sap/f/themes/sap_horizon_hcb/SidePanel.less +10 -0
  12. package/src/sap/f/themes/sap_horizon_hcw/SidePanel.less +10 -0
  13. package/src/sap/m/themes/sap_horizon/BusyIndicator.less +2 -2
  14. package/src/sap/m/themes/sap_horizon/Button.less +13 -26
  15. package/src/sap/m/themes/sap_horizon/GenericTile.less +37 -0
  16. package/src/sap/m/themes/sap_horizon/IconTabBar.less +42 -17
  17. package/src/sap/m/themes/sap_horizon/InputBase.less +5 -1
  18. package/src/sap/m/themes/sap_horizon/MessageStrip.less +4 -12
  19. package/src/sap/m/themes/sap_horizon/ObjectStatus.less +243 -20
  20. package/src/sap/m/themes/sap_horizon/Page.less +2 -1
  21. package/src/sap/m/themes/sap_horizon/Panel.less +16 -4
  22. package/src/sap/m/themes/sap_horizon/ProgressIndicator.less +2 -1
  23. package/src/sap/m/themes/sap_horizon/RadioButton.less +0 -21
  24. package/src/sap/m/themes/sap_horizon/RangeSlider.less +5 -5
  25. package/src/sap/m/themes/sap_horizon/RatingIndicator.less +0 -4
  26. package/src/sap/m/themes/sap_horizon/SearchField.less +8 -5
  27. package/src/sap/m/themes/sap_horizon/SegmentedButton.less +34 -15
  28. package/src/sap/m/themes/sap_horizon/Select.less +4 -2
  29. package/src/sap/m/themes/sap_horizon/SinglePlanningCalendarMonthGrid.less +1 -1
  30. package/src/sap/m/themes/sap_horizon/Slider.less +1 -1
  31. package/src/sap/m/themes/sap_horizon/Table.less +1 -4
  32. package/src/sap/m/themes/sap_horizon/TextArea.less +4 -0
  33. package/src/sap/m/themes/sap_horizon/Title.less +19 -6
  34. package/src/sap/m/themes/sap_horizon/ToggleButton.less +2 -19
  35. package/src/sap/m/themes/sap_horizon/Toolbar.less +9 -0
  36. package/src/sap/m/themes/sap_horizon_dark/BusyIndicator.less +2 -2
  37. package/src/sap/m/themes/sap_horizon_dark/Button.less +13 -26
  38. package/src/sap/m/themes/sap_horizon_dark/GenericTile.less +38 -0
  39. package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +32 -7
  40. package/src/sap/m/themes/sap_horizon_dark/InputBase.less +5 -1
  41. package/src/sap/m/themes/sap_horizon_dark/Label.less +6 -0
  42. package/src/sap/m/themes/sap_horizon_dark/MessageStrip.less +4 -12
  43. package/src/sap/m/themes/sap_horizon_dark/MessageToast.less +8 -0
  44. package/src/sap/m/themes/sap_horizon_dark/ObjectStatus.less +243 -20
  45. package/src/sap/m/themes/sap_horizon_dark/Page.less +2 -1
  46. package/src/sap/m/themes/sap_horizon_dark/Panel.less +14 -2
  47. package/src/sap/m/themes/sap_horizon_dark/ProgressIndicator.less +4 -0
  48. package/src/sap/m/themes/sap_horizon_dark/RadioButton.less +0 -21
  49. package/src/sap/m/themes/sap_horizon_dark/RangeSlider.less +27 -5
  50. package/src/sap/m/themes/sap_horizon_dark/RatingIndicator.less +8 -23
  51. package/src/sap/m/themes/sap_horizon_dark/SearchField.less +10 -6
  52. package/src/sap/m/themes/sap_horizon_dark/SegmentedButton.less +34 -15
  53. package/src/sap/m/themes/sap_horizon_dark/Select.less +4 -1
  54. package/src/sap/m/themes/sap_horizon_dark/Slider.less +4 -3
  55. package/src/sap/m/themes/sap_horizon_dark/Table.less +1 -0
  56. package/src/sap/m/themes/sap_horizon_dark/Text.less +6 -0
  57. package/src/sap/m/themes/sap_horizon_dark/TextArea.less +4 -0
  58. package/src/sap/m/themes/sap_horizon_dark/Title.less +19 -6
  59. package/src/sap/m/themes/sap_horizon_dark/ToggleButton.less +2 -20
  60. package/src/sap/m/themes/sap_horizon_dark/Toolbar.less +9 -0
  61. package/src/sap/m/themes/sap_horizon_dark/library.source.less +1 -0
  62. package/src/sap/m/themes/sap_horizon_hcb/BusyIndicator.less +2 -2
  63. package/src/sap/m/themes/sap_horizon_hcb/Button.less +1 -1
  64. package/src/sap/m/themes/sap_horizon_hcb/Carousel.less +2 -2
  65. package/src/sap/m/themes/sap_horizon_hcb/IconTabBar.less +3 -2
  66. package/src/sap/m/themes/sap_horizon_hcb/InputBase.less +0 -1
  67. package/src/sap/m/themes/sap_horizon_hcb/MessageToast.less +8 -0
  68. package/src/sap/m/themes/sap_horizon_hcb/ObjectStatus.less +124 -13
  69. package/src/sap/m/themes/sap_horizon_hcb/Page.less +2 -1
  70. package/src/sap/m/themes/sap_horizon_hcb/Panel.less +0 -4
  71. package/src/sap/m/themes/sap_horizon_hcb/ProgressIndicator.less +4 -0
  72. package/src/sap/m/themes/sap_horizon_hcb/RatingIndicator.less +23 -31
  73. package/src/sap/m/themes/sap_horizon_hcb/SearchField.less +4 -4
  74. package/src/sap/m/themes/sap_horizon_hcb/SelectList.less +2 -0
  75. package/src/sap/m/themes/sap_horizon_hcb/TextArea.less +22 -0
  76. package/src/sap/m/themes/sap_horizon_hcb/Title.less +19 -6
  77. package/src/sap/m/themes/sap_horizon_hcb/Toolbar.less +9 -0
  78. package/src/sap/m/themes/sap_horizon_hcb/library.source.less +2 -0
  79. package/src/sap/m/themes/sap_horizon_hcw/BusyIndicator.less +2 -2
  80. package/src/sap/m/themes/sap_horizon_hcw/Button.less +1 -1
  81. package/src/sap/m/themes/sap_horizon_hcw/Carousel.less +2 -2
  82. package/src/sap/m/themes/sap_horizon_hcw/IconTabBar.less +3 -1
  83. package/src/sap/m/themes/sap_horizon_hcw/InputBase.less +0 -1
  84. package/src/sap/m/themes/sap_horizon_hcw/MessageToast.less +8 -0
  85. package/src/sap/m/themes/sap_horizon_hcw/ObjectStatus.less +124 -13
  86. package/src/sap/m/themes/sap_horizon_hcw/Page.less +2 -1
  87. package/src/sap/m/themes/sap_horizon_hcw/Panel.less +0 -4
  88. package/src/sap/m/themes/sap_horizon_hcw/ProgressIndicator.less +4 -0
  89. package/src/sap/m/themes/sap_horizon_hcw/RatingIndicator.less +23 -31
  90. package/src/sap/m/themes/sap_horizon_hcw/SearchField.less +4 -4
  91. package/src/sap/m/themes/sap_horizon_hcw/SelectList.less +2 -0
  92. package/src/sap/m/themes/sap_horizon_hcw/TextArea.less +22 -0
  93. package/src/sap/m/themes/sap_horizon_hcw/Title.less +19 -6
  94. package/src/sap/m/themes/sap_horizon_hcw/Toolbar.less +9 -0
  95. package/src/sap/m/themes/sap_horizon_hcw/library.source.less +2 -0
  96. package/src/sap/tnt/themes/sap_horizon/InfoLabel.less +28 -14
  97. package/src/sap/tnt/themes/sap_horizon/NavigationList.less +11 -3
  98. package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +1 -0
  99. package/src/sap/tnt/themes/sap_horizon/library.source.less +1 -1
  100. package/src/sap/tnt/themes/sap_horizon_dark/InfoLabel.less +28 -14
  101. package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +11 -3
  102. package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +1 -0
  103. package/src/sap/tnt/themes/sap_horizon_dark/library.source.less +1 -1
  104. package/src/sap/tnt/themes/sap_horizon_hcb/InfoLabel.less +21 -6
  105. package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +19 -6
  106. package/src/sap/tnt/themes/sap_horizon_hcb/SideNavigation.less +2 -0
  107. package/src/sap/tnt/themes/sap_horizon_hcw/InfoLabel.less +21 -6
  108. package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +19 -6
  109. package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less +2 -0
  110. package/src/sap/tnt/themes/sap_horizon_hcw/library.source.less +1 -1
  111. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  112. package/src/sap/ui/core/themes/sap_horizon/base.less +138 -137
  113. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.ttf +0 -0
  114. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
  115. package/src/sap/ui/core/themes/sap_horizon/global.less +8 -8
  116. package/src/sap/ui/core/themes/sap_horizon/library.source.less +4 -0
  117. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  118. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +111 -110
  119. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.ttf +0 -0
  120. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.woff2 +0 -0
  121. package/src/sap/ui/core/themes/sap_horizon_dark/global.less +8 -8
  122. package/src/sap/ui/core/themes/sap_horizon_dark/library.source.less +4 -0
  123. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  124. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +15 -15
  125. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.ttf +0 -0
  126. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.woff2 +0 -0
  127. package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +8 -8
  128. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  129. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +14 -14
  130. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.ttf +0 -0
  131. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.woff2 +0 -0
  132. package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +8 -8
  133. package/src/sap/ui/layout/themes/sap_horizon_dark/Splitter.less +1 -1
  134. package/src/sap/ui/layout/themes/sap_horizon_hcb/BlockLayout.less +3 -1
  135. package/src/sap/ui/layout/themes/sap_horizon_hcb/Splitter.less +0 -1
  136. package/src/sap/ui/layout/themes/sap_horizon_hcw/BlockLayout.less +3 -1
  137. package/src/sap/ui/layout/themes/sap_horizon_hcw/Splitter.less +0 -1
  138. package/src/sap/ui/rta/themes/sap_horizon/Toolbar.adaptation.less +0 -2
  139. package/src/sap/ui/unified/themes/sap_horizon_hcb/ColorPicker.less +7 -2
  140. package/src/sap/ui/unified/themes/sap_horizon_hcw/ColorPicker.less +7 -2
  141. package/src/sap/uxap/themes/sap_horizon/HierarchicalSelect.less +4 -3
  142. package/src/sap/uxap/themes/sap_horizon_dark/HierarchicalSelect.less +4 -3
@@ -25,7 +25,9 @@
25
25
  .sapMComboBoxBasePicker-CTX .sapMSelectListItemBaseSelected,
26
26
  /* focus */
27
27
  html.sap-desktop .sapMSelectListItemBase:focus {
28
+ outline: @sapUiContentFocusStyle;
28
29
  outline-offset: -0.1875rem;
30
+ outline-width: @sapUiContentFocusWidth;
29
31
  }
30
32
 
31
33
  .sapMSelectListItemBase.sapMSelectListItemBasePressed .sapMSelectListItemIcon {
@@ -29,3 +29,25 @@
29
29
  .sapMTextAreaMirror {
30
30
  line-height: 1.5;
31
31
  }
32
+
33
+ html.sap-desktop:not(.sapUiNativeScrollbars) .sapMTextArea {
34
+ .sapMInputBaseContentWrapperWarning ::-webkit-scrollbar {
35
+ background: @sapUiFieldWarningBackgroundStyle;
36
+ background-color: @sapUiScrollBarTrackColor;
37
+ }
38
+
39
+ .sapMInputBaseContentWrapperError ::-webkit-scrollbar {
40
+ background: @sapUiFieldInvalidBackgroundStyle;
41
+ background-color: @sapUiScrollBarTrackColor;
42
+ }
43
+
44
+ .sapMInputBaseContentWrapperInformation ::-webkit-scrollbar {
45
+ background: @sapUiFieldInformationBackgroundStyle;
46
+ background-color: @sapUiScrollBarTrackColor;
47
+ }
48
+
49
+ .sapMInputBaseContentWrapperSuccess ::-webkit-scrollbar {
50
+ background: @sapUiFieldSuccessBackgroundStyle;
51
+ background-color: @sapUiScrollBarTrackColor;
52
+ }
53
+ }
@@ -3,10 +3,23 @@
3
3
  /* Horizon High Contrast Black theme */
4
4
  /* =================================== */
5
5
 
6
- .sapFFCL .sapFDynamicPage-Std-Desktop-XL .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
7
- .sapFFCL .sapFDynamicPage-Std-Desktop .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
8
- .sapFFCL .sapFDynamicPage-Std-Tablet .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
9
- .sapFFCL .sapFDynamicPage-Std-Phone .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle) {
10
- font-size: @sapObjectHeader_Title_SnappedFontSize;
11
- font-family: @sapFontBlackFamily;
6
+ .sapFFCL {
7
+
8
+ .sapFDynamicPage-Std-Desktop-XL,
9
+ .sapFDynamicPage-Std-Desktop,
10
+ .sapFDynamicPage-Std-Tablet,
11
+ .sapFDynamicPage-Std-Phone {
12
+ .sapFDynamicPageTitleMain {
13
+ .sapFDynamicPageTitleMainInner {
14
+ .sapFDynamicPageTitleMainHeading {
15
+ .sapFDynamicPageTitleMainHeadingInner {
16
+ .sapMTitle:not(.sapUICompVarMngmtTitle) {
17
+ font-size: @sapObjectHeader_Title_SnappedFontSize;
18
+ font-family: @sapObjectHeader_Title_FontFamily;
19
+ }
20
+ }
21
+ }
22
+ }
23
+ }
24
+ }
12
25
  }
@@ -75,4 +75,13 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
75
75
 
76
76
  .sapMTB .sapMTBSeparator {
77
77
  background: @sapUiToolbarSeparatorColor;
78
+ }
79
+
80
+ // Styles suporting Table inside ObjectPageSubSection scenario
81
+ .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB {
82
+ padding: 0;
83
+ }
84
+
85
+ .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB .sapMBarChild {
86
+ margin: 0;
78
87
  }
@@ -29,6 +29,7 @@
29
29
  @import "DynamicDateRange.less";
30
30
  @import "FeedContent.less";
31
31
  @import "FeedInput.less";
32
+ @import "GroupHeaderListItem.less";
32
33
  @import "FeedListItem.less";
33
34
  @import "GenericTag.less";
34
35
  @import "GenericTile.less";
@@ -56,6 +57,7 @@
56
57
  @import "MessagePage.less";
57
58
  @import "MessageView.less";
58
59
  @import "MessageStrip.less";
60
+ @import "MessageToast.less";
59
61
  @import "MultiComboBox.less";
60
62
  @import "NewsContent.less";
61
63
  @import "NotificationListGroup.less";
@@ -5,11 +5,11 @@
5
5
 
6
6
  /* Background animation element */
7
7
  .sapUiLocalBusyIndicatorAnimation > div::before {
8
- background: @sapUiContentIconColor;
8
+ background: @sapUiContentBusyColor;
9
9
  animation-duration: 0ms;
10
10
  }
11
11
 
12
12
  /* Shadow animation element */
13
13
  .sapUiLocalBusyIndicatorAnimation > div::after {
14
- box-shadow: inset 0px 0px 0px 0px @sapUiContentIconColor;
14
+ box-shadow: inset 0px 0px 0px 0px @sapUiContentBusyColor;
15
15
  }
@@ -35,7 +35,7 @@ span.sapMBtnInner.sapMBtnEmphasized {
35
35
  /* --------------------- */
36
36
  .sapMBtnInner {
37
37
  font-size: @sapMFontMediumSize;
38
- height: 2.25rem;
38
+ height: @sapUiElementHeight;
39
39
  min-width: 2.25rem;
40
40
  margin: 0;
41
41
  padding: 0;
@@ -19,11 +19,11 @@
19
19
  @_sap_m_Carousel_PageIndicatorWidthSizeXL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
20
20
  @_sap_m_Carousel_PageIndicatorContainerPadding: 0.5rem;
21
21
  @_sap_m_Carousel_ContentArrowBoxShadow: @sapContent_Shadow1;
22
- @_sap_m_Carousel_BulletInactiveBackground: none;
22
+ @_sap_m_Carousel_BulletInactiveBackground: transparent;
23
23
  @_sap_m_Carousel_BulletInactiveBorderColor: @sapContent_ForegroundBorderColor;
24
24
  @_sap_m_Carousel_BulletActiveBackground: @sapContent_Selected_ForegroundColor;
25
25
  @_sap_m_Carousel_BulletActiveBorder: @sapContent_Selected_ForegroundColor;
26
- @_sap_m_Carousel_BulletInactiveWidth: 0.5rem;
26
+ @_sap_m_Carousel_BulletInactiveWidth: 0.375rem;
27
27
  @_sap_m_Carousel_BulletInactiveMargin: 0 0.25rem;
28
28
  @_sap_m_Carousel_FocusBorderOffsetArrow: -0.3125rem;
29
29
  @_sap_m_Carousel_ContrastFocusBorder: @sapUiContentFocusWidth solid @sapUiBaseBG;
@@ -62,6 +62,8 @@
62
62
  // Separator
63
63
  @_sap_m_IconTabBar_SeparatorHeight: 2rem;
64
64
  @_sap_m_IconTabBar_SeparatorMargin: 0.75rem 0.25rem 0;
65
+ @_sap_m_IconTabBar_TextOnlySeparatorMargin: 0.375rem 0.25rem 0.375rem;
66
+ @_sap_m_IconTabBar_TextOnlySeparatorMarginCompact: @_sap_m_IconTabBar_TextOnlySeparatorMargin;
65
67
  @_sap_m_IconTabBar_SeparatorIconHeight: 2.75rem;
66
68
  @__sap_m_IconTabBar_SeparatorIconLineHeight: 2.75rem;
67
69
 
@@ -169,7 +171,7 @@
169
171
  }
170
172
  }
171
173
 
172
- .sapMITBTextOnly .sapMITBFilter .sapMITBText {
174
+ .sapMITBTextOnly .sapMITBFilter .sapMITHShowSubItemsIcon {
173
175
  line-height: 0.75rem;
174
176
  }
175
177
 
@@ -97,7 +97,6 @@
97
97
  .sapMILI-CTX .sapMInputBaseDisabled .sapMInputBaseInner,
98
98
  .sapMILI-CTX .sapMInputBaseReadonlyWrapper .sapMInputBaseInner {
99
99
  text-align: right;
100
- background: transparent;
101
100
  }
102
101
 
103
102
  .sapMLIBActive {
@@ -0,0 +1,8 @@
1
+ /* =================================== */
2
+ /* CSS for control sap.m/MessageToast */
3
+ /* Horizon High Contrast White theme */
4
+ /* =================================== */
5
+
6
+ .sapMMessageToast.sapMFocus {
7
+ outline-offset: -0.1875rem;
8
+ }
@@ -100,21 +100,42 @@
100
100
 
101
101
  .sapMObjStatusInverted {
102
102
  box-sizing: border-box;
103
+ min-width: 1.375rem;
103
104
  & .sapMObjStatusText,
104
105
  & .sapMObjStatusIcon.sapMObjStatusIconOnly,
105
106
  & .sapMObjStatusIcon .sapMObjStatusIconOnly,
106
107
  & .sapMObjStatusLink .sapMObjStatusIcon.sapMObjStatusIconOnly,
107
108
  & .sapMObjStatusLink .sapMObjStatusText {
108
- border-radius: @sapUiElementBorderCornerRadius;
109
+ border-radius: @sapUiButtonBorderCornerRadius;
109
110
  }
110
111
  & .sapMObjStatusIcon {
111
- border-radius: @sapUiElementBorderCornerRadius 0 0 @sapUiElementBorderCornerRadius;
112
+ border-radius: @sapUiButtonBorderCornerRadius 0 0 @sapUiButtonBorderCornerRadius;
112
113
  }
113
114
  & .sapMObjStatusIcon + .sapMObjStatusText {
114
- border-radius: 0 @sapUiElementBorderCornerRadius @sapUiElementBorderCornerRadius 0;
115
+ border-radius: 0 @sapUiButtonBorderCornerRadius @sapUiButtonBorderCornerRadius 0;
115
116
  }
116
117
  }
117
118
 
119
+ .sapMObjStatusInverted .sapMObjStatusText,
120
+ .sapMObjStatusInverted .sapMObjStatusIcon {
121
+ color: @sapUiContentContrastTextColor;
122
+ border: 0.0625rem solid;
123
+ }
124
+
125
+ .sapMObjStatusInverted .sapMObjStatusIcon.sapMObjStatusIconOnly,
126
+ .sapMObjStatusInverted .sapMObjStatusLink .sapMObjStatusIcon.sapMObjStatusIconOnly {
127
+ padding: 0.1875rem 0.313rem;
128
+ }
129
+
130
+ .sapMObjStatusInverted .sapMObjStatusText {
131
+ padding: 0.1875rem 0.25rem;
132
+ }
133
+
134
+ .sapMObjStatusInverted .sapMObjStatusIcon {
135
+ padding: 0.1875rem 0 0.1875rem 0.25rem;
136
+ vertical-align: middle;
137
+ }
138
+
118
139
  .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusText,
119
140
  .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusIcon {
120
141
  background-color: @sapUiBaseBG;
@@ -214,24 +235,114 @@
214
235
  }
215
236
 
216
237
  .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusText,
217
- .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusIcon,
238
+ .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusIcon {
239
+ background-color: @sapUiIndication1Background;
240
+ border-color: @sapUiIndication1BorderColor;
241
+ color: @sapUiIndication1TextColor;
242
+ }
243
+
218
244
  .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusText,
219
- .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusIcon,
245
+ .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusIcon {
246
+ background-color: @sapUiIndication2Background;
247
+ border-color: @sapUiIndication2BorderColor;
248
+ color: @sapUiIndication2TextColor;
249
+ }
250
+
220
251
  .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusText,
221
- .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusIcon,
252
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusIcon {
253
+ background-color: @sapUiIndication3Background;
254
+ border-color: @sapUiIndication3BorderColor;
255
+ color: @sapUiIndication3TextColor;
256
+ }
257
+
222
258
  .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusText,
223
- .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusIcon,
259
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusIcon {
260
+ background-color: @sapUiIndication4Background;
261
+ border-color: @sapUiIndication4BorderColor;
262
+ color: @sapUiIndication4TextColor;
263
+ }
264
+
224
265
  .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusText,
225
- .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusIcon,
266
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusIcon {
267
+ background-color: @sapUiIndication5Background;
268
+ border-color: @sapUiIndication5BorderColor;
269
+ color: @sapUiIndication5TextColor;
270
+ }
271
+
226
272
  .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusText,
227
- .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusIcon,
273
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusIcon {
274
+ background-color: @sapUiIndication6Background;
275
+ border-color: @sapUiIndication6BorderColor;
276
+ color: @sapUiIndication6TextColor;
277
+ }
228
278
  .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusText,
229
- .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusIcon,
279
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusIcon {
280
+ background-color: @sapUiIndication7Background;
281
+ border-color: @sapUiIndication7BorderColor;
282
+ color: @sapUiIndication7TextColor;
283
+ }
230
284
  .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusText,
231
285
  .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusIcon {
232
- background-color: @sapUiBaseBG;
233
- border: 0.0625rem solid @sapUiContentForegroundBorderColor;
234
- color: @sapUiBaseText;
286
+ background-color: @sapUiIndication8Background;
287
+ border-color: @sapUiIndication8BorderColor;
288
+ color: @sapUiIndication8TextColor;
289
+ }
290
+
291
+ .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active .sapMObjStatusText,
292
+ .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active .sapMObjStatusIcon {
293
+ background-color: @sapUiIndication1ActiveBackground;
294
+ border-color: @sapUiIndication1ActiveBorderColor;
295
+ color: @sapUiIndication1ActiveTextColor;
296
+
297
+ }
298
+
299
+ .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:active .sapMObjStatusText,
300
+ .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:active .sapMObjStatusIcon {
301
+ background-color: @sapUiIndication2ActiveBackground;
302
+ border-color: @sapUiIndication2ActiveBorderColor;
303
+ color: @sapUiIndication2ActiveTextColor;
304
+ }
305
+
306
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active .sapMObjStatusText,
307
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active .sapMObjStatusIcon {
308
+ background-color: @sapUiIndication3ActiveBackground;
309
+ border-color: @sapUiIndication3ActiveBorderColor;
310
+ color: @sapUiIndication3ActiveTextColor;
311
+ }
312
+
313
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active .sapMObjStatusText,
314
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active .sapMObjStatusIcon {
315
+ background-color: @sapUiIndication4ActiveBackground;
316
+ border-color: @sapUiIndication4ActiveBorderColor;
317
+ color: @sapUiIndication4ActiveTextColor;
318
+ }
319
+
320
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active .sapMObjStatusText,
321
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active .sapMObjStatusIcon {
322
+ background-color: @sapUiIndication5ActiveBackground;
323
+ border-color: @sapUiIndication5ActiveBorderColor;
324
+ color: @sapUiIndication5ActiveTextColor;
325
+ }
326
+
327
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active .sapMObjStatusText,
328
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active .sapMObjStatusIcon {
329
+ background-color: @sapUiIndication6ActiveBackground;
330
+ border-color: @sapUiIndication6ActiveBorderColor;
331
+ color: @sapUiIndication6ActiveTextColor;
332
+ }
333
+
334
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active .sapMObjStatusText,
335
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active .sapMObjStatusIcon {
336
+ background-color: @sapUiIndication7ActiveBackground;
337
+ border-color: @sapUiIndication7ActiveBorderColor;
338
+ color: @sapUiIndication7ActiveTextColor;
339
+ }
340
+
341
+ .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active .sapMObjStatusText,
342
+ .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active .sapMObjStatusIcon {
343
+ background-color: @sapUiIndication8ActiveBackground;
344
+ border-color: @sapUiIndication8ActiveBorderColor;
345
+ color: @sapUiIndication8ActiveTextColor;
235
346
  }
236
347
 
237
348
  html.sap-desktop .sapMObjStatusActive:focus .sapMObjStatusLink::after {
@@ -76,7 +76,8 @@
76
76
  opacity: 1;
77
77
 
78
78
  .sapMIBar-CTX.sapMFooter-CTX {
79
- box-shadow: @sapUiShadowLevel1;
79
+ box-shadow: @sapUiContentShadow1;
80
+ border: none;
80
81
  }
81
82
  }
82
83
 
@@ -67,7 +67,3 @@
67
67
  .sapMPanelWrappingDiv .sapUiIcon {
68
68
  color: @sapButton_Lite_TextColor;
69
69
  }
70
-
71
- .sapMPanelStickyHeadingDiv {
72
- background-color: @sapUiGroupTitleBackground;
73
- }
@@ -205,6 +205,10 @@
205
205
  }
206
206
  }
207
207
 
208
+ .sapUiSizeCompact .sapMListTblCell .sapMPI:not(.sapMPIDisplayOnly) {
209
+ margin: 0;
210
+ }
211
+
208
212
  /* Compact and Condensed */
209
213
  .sapUiSizeCondensed .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly),
210
214
  .sapUiSizeCompact .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly) {
@@ -12,29 +12,29 @@
12
12
  opacity: 0.9;
13
13
  }
14
14
 
15
- .sapMRISel, .sapMRIHov {
16
- color: @sapUiContentRatedColor;
15
+ .sapMRIUnsel {
16
+ color: @sapContent_UnratedColor;
17
17
  }
18
18
 
19
- .sapMRIUnsel,
20
- &.sapMRIReadOnly .sapMRIUnsel,
21
- &.sapMRIDisplayOnly .sapMRIUnsel {
22
- color: @sapUiContentUnratedColor;
19
+ .sapMRISel {
20
+ color: @sapContent_RatedColor;
23
21
  }
22
+ }
24
23
 
25
- &.sapMRIDisplayOnly {
26
- .sapMRIIconSel {
27
- color: @sapUiContentIconColor;
28
- }
24
+ .sapMRI.sapMRIDisplayOnly,
25
+ .sapMRI.sapMRIReadOnly {
26
+ .sapMRIIconSel {
27
+ color: @sapContent_RatedColor;
29
28
  }
30
-
31
- &.sapMRIDisabled {
32
- .sapMRIUnsel, .sapMRISel {
33
- color: @sapUiContentDisabledTextColor;
34
- }
29
+ .sapMRIUnsel {
30
+ color: @sapContent_UnratedColor;
35
31
  }
36
32
  }
37
33
 
34
+ .sapMRIDisabled {
35
+ opacity: 0.4;
36
+ }
37
+
38
38
  /* Custom focus outline */
39
39
  html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly) {
40
40
  outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
@@ -50,30 +50,22 @@ html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly) {
50
50
  }
51
51
 
52
52
  /* As font-size is set as an inline style, we need to override it for horizon only using important */
53
- .sapMRINoCustomIconSize {
54
- &.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
55
- &.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon {
56
- font-size: 1.125rem !important;
57
- }
58
-
59
- &.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon {
60
- font-size: 1.125rem !important;
61
- }
53
+ .sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
54
+ .sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
55
+ .sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon {
56
+ font-size: 75% !important;
57
+ vertical-align: baseline;
62
58
  }
63
59
 
64
- .sapUiSizeCompact .sapMRINoCustomIconSize {
60
+ .sapUiSizeCompact {
65
61
  &.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
66
62
  &.sapMRIReadOnly .sapMRIIconSel .sapMRIunratedIcon,
67
63
  &.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
68
64
  &.sapMRIDisplayOnly .sapMRIIconSel .sapMRIunratedIcon,
69
65
  &.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon,
70
66
  &.sapMRIDisabled .sapMRIIconSel .sapMRIunratedIcon {
71
- font-size: .75rem !important;
72
- }
73
-
74
- & .sapUiIcon,
75
- & .sapUiIcon {
76
- font-size: 1rem !important;
67
+ font-size: 75% !important;
68
+ vertical-align: baseline;
77
69
  }
78
70
 
79
71
  & .sapMRISel,
@@ -36,8 +36,8 @@
36
36
  }
37
37
 
38
38
  &:hover {
39
- box-shadow: @sapUiContentInteractionShadow;
40
- background-color: @sapUiButtonLiteHoverBackground;
39
+ box-shadow: @sapUiFieldHoverShadow;
40
+ background-color: @sapUiButtonHoverBackground;
41
41
  border-left: 1px solid @sapUiButtonHoverBorderColor; // contrast themes specific
42
42
  border-right: 1px solid transparent;
43
43
  }
@@ -49,9 +49,9 @@
49
49
  &:active,
50
50
  &.sapMSFBA // Firefox specific
51
51
  {
52
- box-shadow: @sapUiContentInteractionShadow;
52
+ box-shadow: @sapUiFieldHoverShadow;
53
53
  color: @sapUiButtonSelectedTextColor;
54
- background-color: @sapUiButtonLiteActiveBackground;
54
+ background-color: @sapUiButtonHoverBackground;
55
55
  }
56
56
  }
57
57
 
@@ -25,7 +25,9 @@
25
25
  .sapMComboBoxBasePicker-CTX .sapMSelectListItemBaseSelected,
26
26
  /* focus */
27
27
  html.sap-desktop .sapMSelectListItemBase:focus {
28
+ outline: @sapUiContentFocusStyle;
28
29
  outline-offset: -0.1875rem;
30
+ outline-width: @sapUiContentFocusWidth;
29
31
  }
30
32
 
31
33
  .sapMSelectListItemBase.sapMSelectListItemBasePressed .sapMSelectListItemIcon {
@@ -29,3 +29,25 @@
29
29
  .sapMTextAreaMirror {
30
30
  line-height: 1.5;
31
31
  }
32
+
33
+ html.sap-desktop:not(.sapUiNativeScrollbars) .sapMTextArea {
34
+ .sapMInputBaseContentWrapperWarning ::-webkit-scrollbar {
35
+ background: @sapUiFieldWarningBackgroundStyle;
36
+ background-color: @sapUiScrollBarTrackColor;
37
+ }
38
+
39
+ .sapMInputBaseContentWrapperError ::-webkit-scrollbar {
40
+ background: @sapUiFieldInvalidBackgroundStyle;
41
+ background-color: @sapUiScrollBarTrackColor;
42
+ }
43
+
44
+ .sapMInputBaseContentWrapperInformation ::-webkit-scrollbar {
45
+ background: @sapUiFieldInformationBackgroundStyle;
46
+ background-color: @sapUiScrollBarTrackColor;
47
+ }
48
+
49
+ .sapMInputBaseContentWrapperSuccess ::-webkit-scrollbar {
50
+ background: @sapUiFieldSuccessBackgroundStyle;
51
+ background-color: @sapUiScrollBarTrackColor;
52
+ }
53
+ }
@@ -3,10 +3,23 @@
3
3
  /* Horizon High Contrast White theme */
4
4
  /* ======================================== */
5
5
 
6
- .sapFFCL .sapFDynamicPage-Std-Desktop-XL .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
7
- .sapFFCL .sapFDynamicPage-Std-Desktop .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
8
- .sapFFCL .sapFDynamicPage-Std-Tablet .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
9
- .sapFFCL .sapFDynamicPage-Std-Phone .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle) {
10
- font-size: @sapObjectHeader_Title_SnappedFontSize;
11
- font-family: @sapFontBlackFamily;
6
+ .sapFFCL {
7
+
8
+ .sapFDynamicPage-Std-Desktop-XL,
9
+ .sapFDynamicPage-Std-Desktop,
10
+ .sapFDynamicPage-Std-Tablet,
11
+ .sapFDynamicPage-Std-Phone {
12
+ .sapFDynamicPageTitleMain {
13
+ .sapFDynamicPageTitleMainInner {
14
+ .sapFDynamicPageTitleMainHeading {
15
+ .sapFDynamicPageTitleMainHeadingInner {
16
+ .sapMTitle:not(.sapUICompVarMngmtTitle) {
17
+ font-size: @sapObjectHeader_Title_SnappedFontSize;
18
+ font-family: @sapObjectHeader_Title_FontFamily;
19
+ }
20
+ }
21
+ }
22
+ }
23
+ }
24
+ }
12
25
  }
@@ -75,4 +75,13 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
75
75
 
76
76
  .sapMTB .sapMTBSeparator {
77
77
  background: @sapUiToolbarSeparatorColor;
78
+ }
79
+
80
+ // Styles suporting Table inside ObjectPageSubSection scenario
81
+ .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB {
82
+ padding: 0;
83
+ }
84
+
85
+ .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB .sapMBarChild {
86
+ margin: 0;
78
87
  }
@@ -29,6 +29,7 @@
29
29
  @import "DynamicDateRange.less";
30
30
  @import "FeedContent.less";
31
31
  @import "FeedInput.less";
32
+ @import "GroupHeaderListItem.less";
32
33
  @import "FeedListItem.less";
33
34
  @import "GenericTag.less";
34
35
  @import "GenericTile.less";
@@ -56,6 +57,7 @@
56
57
  @import "MessagePage.less";
57
58
  @import "MessageView.less";
58
59
  @import "MessageStrip.less";
60
+ @import "MessageToast.less";
59
61
  @import "MultiComboBox.less";
60
62
  @import "NewsContent.less";
61
63
  @import "NotificationListGroup.less";
@@ -7,22 +7,38 @@
7
7
  // Variables and mixins
8
8
  // ==========================================================================
9
9
 
10
- @_sap_tnt_InfoLabel_LineHeightDisplayOnly: 0.875rem;
11
- @_sap_tnt_InfoLabel_DisplayModeBorder: 0.0625rem solid #354A5F;
10
+ @_sap_tnt_InfoLabel_LineHeightDisplayOnly: 1rem;
11
+ @_sap_tnt_InfoLabel_DisplayModeBorder: none;
12
12
  @_sap_tnt_InfoLabel_DisplayModeBackground: #EAECEE;
13
13
  @_sap_tnt_InfoLabel_DisplayModeColor: #354A5F;
14
+ @_sap_tnt_InfoLabel_BorderRadius: 0.25rem;
15
+ @_sap_tnt_InfoLabel_DisplayBorderRadius: 0.1875rem;
16
+ @_sap_tnt_InfoLabel_Height: 1.375rem;
17
+ @_sap_tnt_InfoLabel_HeightWithoutBorders: 1.375rem;
18
+ @_sap_tnt_InfoLabel_LineHeight: 1.375rem;
19
+ @_sap_tnt_InfoLabel_Text: none;
20
+ @_sap_tnt_InfoLabel_Padding: 0 0.375rem;
21
+ @_sap_tnt_InfoLabel_DisplayPadding: 0 0.25rem;
22
+ @_sap_tnt_InfoLabel_IconMargin: 0.25rem;
23
+ @_sap_tnt_InfoLabel_DisplayIconMargin: 0.125rem;
24
+ @_sap_tnt_InfoLabel_FontFamily: @sapFontSemiboldDuplexFamily;
25
+ @_sap_tnt_InfoLabel_FontSize: @sapFontSize;
26
+ @_sap_tnt_InfoLabel_DisplayFontSize: @sapFontSmallSize;
27
+ @_sap_tnt_InfoLabel_DisplayFontSizeIcon: 0.625rem;
28
+ @_sap_tnt_InfoLabel_NarrowPadding: @_sap_tnt_InfoLabel_Padding;
29
+ @_sap_tnt_InfoLabel_LetterSpacing: normal;
14
30
 
15
31
  @_sap_tnt_InfoLabel_ColorsArray:
16
- #FFF3B8 #A93E00,
17
- #FFD5EA #AA0808,
18
- #FFDCE8 #BA066C,
19
- #FFDCF3 #A100C2,
20
- #E2D8FF #470CED,
21
- #D1EFFF #0057D2,
22
- #C2FCEE #046C7A,
23
- #E5F2BD #256F3A,
24
- #B8F3FF #00709F,
25
- #EAECEE #354A5F;
32
+ @sapAvatar_1_Background @sapAvatar_1_TextColor,
33
+ @sapAvatar_2_Background @sapAvatar_2_TextColor,
34
+ @sapAvatar_3_Background @sapAvatar_3_TextColor,
35
+ @sapAvatar_4_Background @sapAvatar_4_TextColor,
36
+ @sapAvatar_5_Background @sapAvatar_5_TextColor,
37
+ @sapAvatar_6_Background @sapAvatar_6_TextColor,
38
+ @sapAvatar_7_Background @sapAvatar_7_TextColor,
39
+ @sapAvatar_8_Background @sapAvatar_8_TextColor,
40
+ @sapAvatar_9_Background @sapAvatar_9_TextColor,
41
+ @sapAvatar_10_Background @sapAvatar_10_TextColor;
26
42
 
27
43
  .create-classes-for-background-and-border-colors(backgroundColor, @_sap_tnt_InfoLabel_ColorsArray);
28
44
 
@@ -35,11 +51,9 @@
35
51
 
36
52
  @pair: extract(@list, @i);
37
53
  @backgroundColor: extract(@pair, 1);
38
- @borderColor: extract(@pair, 2);
39
54
  @textColor: extract(@pair, 2);
40
55
 
41
56
  .@{prefix}@{i} {
42
- border: 0.0625rem solid @borderColor;
43
57
  background-color: @backgroundColor;
44
58
 
45
59
  .sapTntInfoLabelInner {