@openui5/themelib_sap_horizon 1.117.1 → 1.118.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 (50) hide show
  1. package/package.json +18 -18
  2. package/src/sap/m/themes/sap_horizon/IconTabBar.less +2 -0
  3. package/src/sap/m/themes/sap_horizon/Panel.less +16 -4
  4. package/src/sap/m/themes/sap_horizon/ProgressIndicator.less +2 -1
  5. package/src/sap/m/themes/sap_horizon/RangeSlider.less +5 -5
  6. package/src/sap/m/themes/sap_horizon/RatingIndicator.less +0 -4
  7. package/src/sap/m/themes/sap_horizon/SinglePlanningCalendarMonthGrid.less +1 -1
  8. package/src/sap/m/themes/sap_horizon/Slider.less +1 -1
  9. package/src/sap/m/themes/sap_horizon/Table.less +1 -4
  10. package/src/sap/m/themes/sap_horizon/Toolbar.less +9 -0
  11. package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +2 -0
  12. package/src/sap/m/themes/sap_horizon_dark/Label.less +6 -0
  13. package/src/sap/m/themes/sap_horizon_dark/MessageToast.less +8 -0
  14. package/src/sap/m/themes/sap_horizon_dark/Panel.less +14 -2
  15. package/src/sap/m/themes/sap_horizon_dark/ProgressIndicator.less +4 -0
  16. package/src/sap/m/themes/sap_horizon_dark/RangeSlider.less +27 -5
  17. package/src/sap/m/themes/sap_horizon_dark/RatingIndicator.less +8 -23
  18. package/src/sap/m/themes/sap_horizon_dark/Slider.less +4 -3
  19. package/src/sap/m/themes/sap_horizon_dark/Table.less +1 -0
  20. package/src/sap/m/themes/sap_horizon_dark/Text.less +6 -0
  21. package/src/sap/m/themes/sap_horizon_dark/Toolbar.less +9 -0
  22. package/src/sap/m/themes/sap_horizon_dark/library.source.less +1 -0
  23. package/src/sap/m/themes/sap_horizon_hcb/IconTabBar.less +3 -2
  24. package/src/sap/m/themes/sap_horizon_hcb/MessageToast.less +8 -0
  25. package/src/sap/m/themes/sap_horizon_hcb/Panel.less +0 -4
  26. package/src/sap/m/themes/sap_horizon_hcb/ProgressIndicator.less +4 -0
  27. package/src/sap/m/themes/sap_horizon_hcb/RatingIndicator.less +23 -31
  28. package/src/sap/m/themes/sap_horizon_hcb/SelectList.less +1 -0
  29. package/src/sap/m/themes/sap_horizon_hcb/Toolbar.less +9 -0
  30. package/src/sap/m/themes/sap_horizon_hcb/library.source.less +2 -0
  31. package/src/sap/m/themes/sap_horizon_hcw/IconTabBar.less +3 -1
  32. package/src/sap/m/themes/sap_horizon_hcw/MessageToast.less +8 -0
  33. package/src/sap/m/themes/sap_horizon_hcw/Panel.less +0 -4
  34. package/src/sap/m/themes/sap_horizon_hcw/ProgressIndicator.less +4 -0
  35. package/src/sap/m/themes/sap_horizon_hcw/RatingIndicator.less +23 -31
  36. package/src/sap/m/themes/sap_horizon_hcw/SelectList.less +1 -0
  37. package/src/sap/m/themes/sap_horizon_hcw/Toolbar.less +9 -0
  38. package/src/sap/m/themes/sap_horizon_hcw/library.source.less +2 -0
  39. package/src/sap/tnt/themes/sap_horizon/NavigationList.less +4 -3
  40. package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +1 -0
  41. package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +4 -3
  42. package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +1 -0
  43. package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +10 -5
  44. package/src/sap/tnt/themes/sap_horizon_hcb/SideNavigation.less +2 -0
  45. package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +10 -5
  46. package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less +2 -0
  47. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  48. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  49. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  50. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openui5/themelib_sap_horizon",
3
- "version": "1.117.1",
3
+ "version": "1.118.0",
4
4
  "description": "OpenUI5 Theme Library sap_horizon",
5
5
  "author": "SAP SE (https://www.sap.com)",
6
6
  "license": "Apache-2.0",
@@ -14,22 +14,22 @@
14
14
  "url": "https://github.com/SAP/openui5.git"
15
15
  },
16
16
  "devDependencies": {
17
- "@openui5/sap.f": "1.117.1",
18
- "@openui5/sap.m": "1.117.1",
19
- "@openui5/sap.tnt": "1.117.1",
20
- "@openui5/sap.ui.codeeditor": "1.117.1",
21
- "@openui5/sap.ui.commons": "1.117.1",
22
- "@openui5/sap.ui.core": "1.117.1",
23
- "@openui5/sap.ui.dt": "1.117.1",
24
- "@openui5/sap.ui.fl": "1.117.1",
25
- "@openui5/sap.ui.mdc": "1.117.1",
26
- "@openui5/sap.ui.integration": "1.117.1",
27
- "@openui5/sap.ui.layout": "1.117.1",
28
- "@openui5/sap.ui.rta": "1.117.1",
29
- "@openui5/sap.ui.suite": "1.117.1",
30
- "@openui5/sap.ui.table": "1.117.1",
31
- "@openui5/sap.ui.unified": "1.117.1",
32
- "@openui5/sap.ui.ux3": "1.117.1",
33
- "@openui5/sap.uxap": "1.117.1"
17
+ "@openui5/sap.f": "1.118.0",
18
+ "@openui5/sap.m": "1.118.0",
19
+ "@openui5/sap.tnt": "1.118.0",
20
+ "@openui5/sap.ui.codeeditor": "1.118.0",
21
+ "@openui5/sap.ui.commons": "1.118.0",
22
+ "@openui5/sap.ui.core": "1.118.0",
23
+ "@openui5/sap.ui.dt": "1.118.0",
24
+ "@openui5/sap.ui.fl": "1.118.0",
25
+ "@openui5/sap.ui.mdc": "1.118.0",
26
+ "@openui5/sap.ui.integration": "1.118.0",
27
+ "@openui5/sap.ui.layout": "1.118.0",
28
+ "@openui5/sap.ui.rta": "1.118.0",
29
+ "@openui5/sap.ui.suite": "1.118.0",
30
+ "@openui5/sap.ui.table": "1.118.0",
31
+ "@openui5/sap.ui.unified": "1.118.0",
32
+ "@openui5/sap.ui.ux3": "1.118.0",
33
+ "@openui5/sap.uxap": "1.118.0"
34
34
  }
35
35
  }
@@ -61,6 +61,8 @@
61
61
  // Separator
62
62
  @_sap_m_IconTabBar_SeparatorHeight: 2rem;
63
63
  @_sap_m_IconTabBar_SeparatorMargin: 0.75rem 0.25rem 0;
64
+ @_sap_m_IconTabBar_TextOnlySeparatorMargin: 0.375rem 0.25rem 0.375rem;
65
+ @_sap_m_IconTabBar_TextOnlySeparatorMarginCompact: @_sap_m_IconTabBar_TextOnlySeparatorMargin;
64
66
  @_sap_m_IconTabBar_SeparatorIconHeight: 2.75rem;
65
67
  @__sap_m_IconTabBar_SeparatorIconLineHeight: 2.75rem;
66
68
 
@@ -14,6 +14,12 @@
14
14
  }
15
15
  }
16
16
 
17
+ .sapMPanelStickyHeadingDiv {
18
+ border-top-left-radius: inherit;
19
+ border-top-right-radius: inherit;
20
+ overflow: hidden;
21
+ }
22
+
17
23
  .sapMPanelBGSolid {
18
24
  background-color: @sapUiGroupContentBackground;
19
25
  }
@@ -64,6 +70,16 @@
64
70
 
65
71
  .sapMPanelContent {
66
72
  padding: 0.625rem 1rem;
73
+ border-bottom-left-radius: inherit;
74
+ border-bottom-right-radius: inherit;
75
+ }
76
+
77
+ .sapMPanel.sapMPanelExpanded.sapMPanelAnimating {
78
+ background: transparent;
79
+ }
80
+
81
+ .sapMPanelContent::-webkit-scrollbar {
82
+ border-bottom-right-radius: .75rem;
67
83
  }
68
84
 
69
85
  .sapMPanel .sapMPanelHdr {
@@ -104,8 +120,4 @@
104
120
 
105
121
  .sapMPanelWrappingDiv .sapUiIcon {
106
122
  color: @sapButton_Lite_TextColor;
107
- }
108
-
109
- .sapMPanelStickyHeadingDiv {
110
- background-color: @sapUiGroupTitleBackground;
111
123
  }
@@ -206,7 +206,8 @@
206
206
  }
207
207
 
208
208
  /* Compact */
209
- .sapUiSizeCompact .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly) {
209
+ .sapUiSizeCompact .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly),
210
+ .sapUiSizeCompact .sapMListTblCell .sapMPI:not(.sapMPIDisplayOnly) {
210
211
  margin: 0;
211
212
  }
212
213
 
@@ -12,14 +12,14 @@
12
12
  &:not(.sapMSliderInnerDisabled).sapMSliderProgress:hover ~ .sapMSliderHandle,
13
13
  .sapMSliderHandle:hover {
14
14
  border: 1px @sapContent_FocusStyle @sapUiSliderHoverHandleBorderColor;
15
- background: @sapUiSliderRangeHandleBackground;
15
+ background: @sapUiSliderHoverRangeHandleBackground;
16
16
  box-shadow: @sapUiContentSelectedShadow;
17
17
  }
18
18
 
19
19
  &:not(.sapMSliderInnerDisabled) .sapMSliderHandle.sapMSliderHandlePressed {
20
20
  &:not(:focus) {
21
21
  background: transparent;
22
- border: 0.125rem solid #0070F2;
22
+ border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
23
23
  outline: none;
24
24
  box-shadow: none;
25
25
  top: -0.625rem;
@@ -28,7 +28,7 @@
28
28
 
29
29
  &:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
30
30
  background: @sapUiSliderActiveRangeHandleBackground;
31
- border: 0.125rem solid #0070F2;
31
+ border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
32
32
  outline: none;
33
33
  box-shadow: none;
34
34
  top: -0.625rem;
@@ -68,7 +68,7 @@
68
68
  .sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle.sapMSliderHandlePressed {
69
69
  &:not(:focus) {
70
70
  background: transparent;
71
- border: 0.125rem solid #0070F2;
71
+ border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
72
72
  outline: none;
73
73
  box-shadow: none;
74
74
  top: -0.5rem;
@@ -85,7 +85,7 @@
85
85
 
86
86
  .sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
87
87
  background: @sapUiSliderActiveRangeHandleBackground;
88
- border: 0.125rem solid #0070F2;
88
+ border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
89
89
  outline: none;
90
90
  box-shadow: none;
91
91
  top: -0.5rem;
@@ -19,10 +19,6 @@
19
19
  .sapMRISel {
20
20
  color: @sapContent_RatedColor;
21
21
  }
22
-
23
- .sapMRIHov {
24
- color: darken(@sapContent_RatedColor, 5);
25
- }
26
22
  }
27
23
 
28
24
  .sapMRI.sapMRIDisplayOnly,
@@ -38,7 +38,7 @@ html.sap-desktop .sapMSPCMonthDay:not(.sapMSPCMonthDayToday):focus::after {
38
38
  html.sap-desktop .sapMSPCMonthDay.sapMSPCMonthDayToday:focus .sapMSPCMonthNowMarker::after {
39
39
  border: none;
40
40
  outline: 0.125rem solid @sapUiContentFocusColor;
41
- outline-offset: -0.25rem;
41
+ outline-offset: -0.3125rem;
42
42
  }
43
43
 
44
44
  .specialDateIndicator {
@@ -54,7 +54,7 @@
54
54
 
55
55
  .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
56
56
  background: @sapUiSliderActiveHandleBackground;
57
- border: 0.125rem solid #0070F2;
57
+ border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
58
58
  outline: none;
59
59
  box-shadow: none;
60
60
  top: -0.625rem;
@@ -4,6 +4,7 @@
4
4
  /* ============================ */
5
5
 
6
6
  @_sap_m_Table_SelNavColWidth: 2.75rem;
7
+ @_sap_m_Table_CustomFocusMargin: 0px;
7
8
 
8
9
  .sapMListBGTransparent .sapMListTblHeader,
9
10
  .sapMListBGTransparent .sapMListTblFooter {
@@ -25,10 +26,6 @@
25
26
  border-top-color: transparent;
26
27
  }
27
28
 
28
- .sapMTableRowCustomFocus:focus > :not(.sapMListTblDummyCell:last-child)::before {
29
- margin-right: 0; // Avoid gaps in the focus viszualization between the cells
30
- }
31
-
32
29
  .sapMListTblDummyCell:last-child {
33
30
  background-color: @sapUiListBackground;
34
31
  border-left-color: @sapUiListTableFixedBorderColor;
@@ -80,4 +80,13 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
80
80
 
81
81
  .sapMTB .sapMTBSeparator {
82
82
  background: @sapUiToolbarSeparatorColor;
83
+ }
84
+
85
+ // Styles suporting Table inside ObjectPageSubSection scenario
86
+ .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB {
87
+ padding: 0;
88
+ }
89
+
90
+ .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB .sapMBarChild {
91
+ margin: 0;
83
92
  }
@@ -61,6 +61,8 @@
61
61
  // Separator
62
62
  @_sap_m_IconTabBar_SeparatorHeight: 2rem;
63
63
  @_sap_m_IconTabBar_SeparatorMargin: 0.75rem 0.25rem 0;
64
+ @_sap_m_IconTabBar_TextOnlySeparatorMargin: 0.375rem 0.25rem 0.375rem;
65
+ @_sap_m_IconTabBar_TextOnlySeparatorMarginCompact: @_sap_m_IconTabBar_TextOnlySeparatorMargin;
64
66
  @_sap_m_IconTabBar_SeparatorIconHeight: 2.75rem;
65
67
  @__sap_m_IconTabBar_SeparatorIconLineHeight: 2.75rem;
66
68
 
@@ -9,4 +9,10 @@
9
9
  & > .sapMLabelTextWrapper{
10
10
  padding-right: 5px;
11
11
  }
12
+ }
13
+
14
+ .sapUiTableHeaderDataCell .sapMLabel,
15
+ .sapMListTbl .sapMColumnHeader .sapMLabel {
16
+ font-family: @sapUiFontSemiboldDuplexFamily;
17
+ font-weight: normal;
12
18
  }
@@ -0,0 +1,8 @@
1
+ /* =================================== */
2
+ /* CSS for control sap.m/MessageToast */
3
+ /* Evening Horizon theme */
4
+ /* =================================== */
5
+
6
+ .sapMMessageToast.sapMFocus {
7
+ outline-offset: -0.1875rem;
8
+ }
@@ -64,6 +64,16 @@
64
64
 
65
65
  .sapMPanelContent {
66
66
  padding: 0.625rem 1rem;
67
+ border-bottom-left-radius: inherit;
68
+ border-bottom-right-radius: inherit;
69
+ }
70
+
71
+ .sapMPanel.sapMPanelExpanded.sapMPanelAnimating {
72
+ background: transparent;
73
+ }
74
+
75
+ .sapMPanelContent::-webkit-scrollbar {
76
+ border-bottom-right-radius: .75rem;
67
77
  }
68
78
 
69
79
  .sapMPanel .sapMPanelHdr {
@@ -106,5 +116,7 @@
106
116
  }
107
117
 
108
118
  .sapMPanelStickyHeadingDiv {
109
- background-color: @sapUiGroupTitleBackground;
110
- }
119
+ border-top-left-radius: inherit;
120
+ border-top-right-radius: inherit;
121
+ overflow: hidden;
122
+ }
@@ -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,14 +12,14 @@
12
12
  &:not(.sapMSliderInnerDisabled).sapMSliderProgress:hover ~ .sapMSliderHandle,
13
13
  .sapMSliderHandle:hover {
14
14
  border: 1px @sapContent_FocusStyle @sapUiSliderHoverHandleBorderColor;
15
- background: @sapUiSliderRangeHandleBackground;
15
+ background: @sapUiSliderHoverRangeHandleBackground;
16
16
  box-shadow: @sapUiContentSelectedShadow;
17
17
  }
18
18
 
19
19
  &:not(.sapMSliderInnerDisabled) .sapMSliderHandle.sapMSliderHandlePressed {
20
20
  &:not(:focus) {
21
21
  background: transparent;
22
- border: 0.125rem solid #4DB1FF;
22
+ border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
23
23
  outline: none;
24
24
  box-shadow: none;
25
25
  top: -0.625rem;
@@ -28,7 +28,7 @@
28
28
 
29
29
  &:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
30
30
  background: @sapUiSliderActiveRangeHandleBackground;
31
- border: 0.125rem solid #4DB1FF;
31
+ border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
32
32
  outline: none;
33
33
  box-shadow: none;
34
34
  top: -0.625rem;
@@ -50,20 +50,42 @@
50
50
  background-color: @sapUiContentMeasureIndicatorColor;
51
51
  }
52
52
 
53
+ .sapMRangeSlider .sapMSliderLabels {
54
+ width: 100%;
55
+ position: absolute;
56
+ top: 2.125rem;
57
+ }
58
+
59
+ .sapMRangeSlider .sapMSliderTickLabel .sapMSliderLabel {
60
+ top: 1rem;
61
+ }
62
+
63
+ .sapMRangeSlider .sapMSliderRangeLabel {
64
+ padding-top: 0.4375rem;
65
+ }
66
+
53
67
  .sapUiSizeCompact {
54
68
  .sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle.sapMSliderHandlePressed {
55
69
  &:not(:focus) {
56
70
  background: transparent;
57
- border: 0.125rem solid #4DB1FF;
71
+ border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
58
72
  outline: none;
59
73
  box-shadow: none;
60
74
  top: -0.5rem;
61
75
  }
62
76
  }
63
77
 
78
+ .sapMRangeSlider .sapMSliderLabels {
79
+ margin: 0 -0.875rem;
80
+ }
81
+
82
+ .sapMRangeSlider .sapMSliderRangeLabel {
83
+ padding-top: 0.375rem;
84
+ }
85
+
64
86
  .sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
65
87
  background: @sapUiSliderActiveRangeHandleBackground;
66
- border: 0.125rem solid #4DB1FF;
88
+ border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
67
89
  outline: none;
68
90
  box-shadow: none;
69
91
  top: -0.5rem;
@@ -19,10 +19,6 @@
19
19
  .sapMRISel {
20
20
  color: @sapContent_RatedColor;
21
21
  }
22
-
23
- .sapMRIHov {
24
- color: darken(@sapContent_RatedColor, 5);
25
- }
26
22
  }
27
23
 
28
24
  .sapMRI.sapMRIDisplayOnly,
@@ -50,38 +46,27 @@ html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly){
50
46
  font-size: 1.5rem;
51
47
  }
52
48
 
53
- /* temporary workaround of an issue in the icon font */
54
- .sapMRI .sapUiIcon,
55
- .sapMRI .sapMImg {
56
- top: -1px;
57
- }
58
-
59
49
  .sapMRIIconSel, .sapMRIIconUnsel {
60
50
  text-shadow: @sapContent_TextShadow;
61
51
  }
62
52
 
63
53
  /* As font-size is set as an inline style, we need to override it for horizon only using important */
64
- .sapMRINoCustomIconSize {
65
- &.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
66
- &.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
67
- &.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon {
68
- font-size: 1.125rem !important;
69
- }
54
+ .sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
55
+ .sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
56
+ .sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon {
57
+ font-size: 75% !important;
58
+ vertical-align: baseline;
70
59
  }
71
60
 
72
- .sapUiSizeCompact .sapMRINoCustomIconSize {
61
+ .sapUiSizeCompact {
73
62
  &.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
74
63
  &.sapMRIReadOnly .sapMRIIconSel .sapMRIunratedIcon,
75
64
  &.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
76
65
  &.sapMRIDisplayOnly .sapMRIIconSel .sapMRIunratedIcon,
77
66
  &.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon,
78
67
  &.sapMRIDisabled .sapMRIIconSel .sapMRIunratedIcon {
79
- font-size: .75rem !important;
80
- }
81
-
82
- & .sapUiIcon,
83
- & .sapUiIcon {
84
- font-size: 1rem !important;
68
+ font-size: 75% !important;
69
+ vertical-align: baseline;
85
70
  }
86
71
 
87
72
  & .sapMRISel,
@@ -54,7 +54,7 @@
54
54
 
55
55
  .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
56
56
  background: @sapUiSliderActiveHandleBackground;
57
- border: 0.125rem solid #4DB1FF;
57
+ border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
58
58
  outline: none;
59
59
  box-shadow: none;
60
60
  top: -0.625rem;
@@ -104,7 +104,7 @@
104
104
  width: 0.5rem;
105
105
  height: 0.5rem;
106
106
  right: 0.125rem;
107
- top: 1.25rem;
107
+ top: 1.375rem;
108
108
  }
109
109
 
110
110
  .sapMSliderTooltip {
@@ -121,6 +121,7 @@
121
121
  }
122
122
 
123
123
  .sapMSliderTickmarks {
124
+ top: -0.75rem;
124
125
  display: flex;
125
126
  box-sizing: border-box;
126
127
  align-items: center;
@@ -149,7 +150,7 @@
149
150
  }
150
151
 
151
152
  .sapMSlider::after {
152
- top: 0.875rem;
153
+ top: 0.75rem;
153
154
  right: 0.375rem;
154
155
  }
155
156
 
@@ -4,6 +4,7 @@
4
4
  /* ============================ */
5
5
 
6
6
  @_sap_m_Table_SelNavColWidth: 2.75rem;
7
+ @_sap_m_Table_CustomFocusMargin: 0px;
7
8
 
8
9
  .sapMListBGTransparent .sapMListTblHeader,
9
10
  .sapMListBGTransparent .sapMListTblFooter {
@@ -13,4 +13,10 @@
13
13
  .sapMTB-Info-CTX > .sapMText {
14
14
  font-style: italic;
15
15
  padding-right: 5px;
16
+ }
17
+
18
+ .sapUiTableHeaderDataCell .sapMText,
19
+ .sapMColumnHeader .sapMText {
20
+ font-family: @sapUiFontSemiboldDuplexFamily;
21
+ font-weight: normal;
16
22
  }
@@ -76,4 +76,13 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
76
76
 
77
77
  .sapMTB .sapMTBSeparator {
78
78
  background: @sapUiToolbarSeparatorColor;
79
+ }
80
+
81
+ // Styles suporting Table inside ObjectPageSubSection scenario
82
+ .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB {
83
+ padding: 0;
84
+ }
85
+
86
+ .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB .sapMBarChild {
87
+ margin: 0;
79
88
  }
@@ -49,6 +49,7 @@
49
49
  @import "MessageBox.less";
50
50
  @import "MessageStrip.less";
51
51
  @import "MessageView.less";
52
+ @import "MessageToast.less";
52
53
  @import "MultiComboBox.less";
53
54
  @import "MultiInput.less";
54
55
  @import "NewsContent.less";
@@ -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
 
@@ -139,7 +141,6 @@
139
141
  @_sap_m_IconTabBar_ShellOverflowHoverBorderColor: @sapUiButtonHoverBorderColor;
140
142
  @_sap_m_IconTabBar_ShellOverflowPressedBorderColor: @sapUiButtonActiveBorderColor;
141
143
 
142
-
143
144
  /* Head Container */
144
145
  .sapMITH {
145
146
  z-index: 1; // shows the bottom shadow of the ITHeader over the content of the ITB
@@ -170,7 +171,7 @@
170
171
  }
171
172
  }
172
173
 
173
- .sapMITBTextOnly .sapMITBFilter .sapMITBText {
174
+ .sapMITBTextOnly .sapMITBFilter .sapMITHShowSubItemsIcon {
174
175
  line-height: 0.75rem;
175
176
  }
176
177
 
@@ -0,0 +1,8 @@
1
+ /* =================================== */
2
+ /* CSS for control sap.m/MessageToast */
3
+ /* Horizon High Contrast Black theme */
4
+ /* =================================== */
5
+
6
+ .sapMMessageToast.sapMFocus {
7
+ outline-offset: -0.1875rem;
8
+ }
@@ -66,7 +66,3 @@
66
66
  .sapMPanelWrappingDiv .sapUiIcon {
67
67
  color: @sapButton_Lite_TextColor;
68
68
  }
69
-
70
- .sapMPanelStickyHeadingDiv {
71
- background-color: @sapUiGroupTitleBackground;
72
- }
@@ -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,
@@ -25,6 +25,7 @@
25
25
  .sapMComboBoxBasePicker-CTX .sapMSelectListItemBaseSelected,
26
26
  /* focus */
27
27
  html.sap-desktop .sapMSelectListItemBase:focus {
28
+ outline: @sapUiContentFocusStyle;
28
29
  outline-offset: -0.1875rem;
29
30
  }
30
31
 
@@ -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";
@@ -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
 
@@ -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
+ }
@@ -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,
@@ -25,6 +25,7 @@
25
25
  .sapMComboBoxBasePicker-CTX .sapMSelectListItemBaseSelected,
26
26
  /* focus */
27
27
  html.sap-desktop .sapMSelectListItemBase:focus {
28
+ outline: @sapUiContentFocusStyle;
28
29
  outline-offset: -0.1875rem;
29
30
  }
30
31
 
@@ -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,16 +7,17 @@
7
7
  @_sap_tnt_NavigationList_IconColor: @sapUiListTextColor;
8
8
  @_sap_tnt_NavigationList_IconFontSize: 1.125rem;
9
9
  @_sap_tnt_NavigationList_ExpandIconColor: @sapUiListTextColor;
10
+ @_sap_tnt_NavigationList_GroupBorderStyleColor: none;
10
11
  @_sap_tnt_NavigationList_ItemHeight: 2.5rem;
11
12
  @_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
12
13
  @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
13
14
  @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
14
15
  @_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
16
+ @_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
15
17
  @_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out;
16
- @_sap_tnt_NavigationList_SelectedItemBorder: none;
17
- @_sap_tnt_NavigationList_Collapsed_SelectedItemBorder: 0.125rem solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
18
+ @_sap_tnt_NavigationList_SelectedBorderStyleColor: none;
19
+ @_sap_tnt_NavigationList_Collapsed_SelectedItemBorderStyleColor: solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
18
20
  @_sap_tnt_NavigationList_GroupIconWidth: 2rem;
19
- @_sap_tnt_NavigationList_GroupBorder: none;
20
21
  @_sap_tnt_NavigationList_GroupBottomMarginInPopup: 0.75rem;
21
22
  @_sap_tnt_NavigationList_GroupTextWeight: bold;
22
23
  @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
@@ -11,6 +11,7 @@
11
11
  @_sap_tnt_SideNavigation_NavigationSeparatorRadius: 0.125rem;
12
12
  @_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
13
13
  @_sap_tnt_SideNavigation_TriangleColor: @sapUiContentNonInteractiveIconColor;
14
+ @_sap_tnt_SideNavigation_BorderRight: 0;
14
15
  @_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
15
16
  @_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
16
17
  @_sap_tnt_SideNavigation_BoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 16), 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 16);
@@ -7,16 +7,17 @@
7
7
  @_sap_tnt_NavigationList_IconColor: @sapUiListTextColor;
8
8
  @_sap_tnt_NavigationList_IconFontSize: 1.125rem;
9
9
  @_sap_tnt_NavigationList_ExpandIconColor: @sapUiListTextColor;
10
+ @_sap_tnt_NavigationList_GroupBorderStyleColor: none;
10
11
  @_sap_tnt_NavigationList_ItemHeight: 2.5rem;
11
12
  @_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
12
13
  @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
13
14
  @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
14
15
  @_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
16
+ @_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
15
17
  @_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out;
16
- @_sap_tnt_NavigationList_SelectedItemBorder: none;
17
- @_sap_tnt_NavigationList_Collapsed_SelectedItemBorder: 0.125rem solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
18
+ @_sap_tnt_NavigationList_SelectedBorderStyleColor: none;
19
+ @_sap_tnt_NavigationList_Collapsed_SelectedItemBorderStyleColor: solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
18
20
  @_sap_tnt_NavigationList_GroupIconWidth: 2rem;
19
- @_sap_tnt_NavigationList_GroupBorder: none;
20
21
  @_sap_tnt_NavigationList_GroupBottomMarginInPopup: 0.75rem;
21
22
  @_sap_tnt_NavigationList_GroupTextWeight: bold;
22
23
  @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
@@ -11,6 +11,7 @@
11
11
  @_sap_tnt_SideNavigation_NavigationSeparatorRadius: 0.125rem;
12
12
  @_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
13
13
  @_sap_tnt_SideNavigation_TriangleColor: @sapUiContentNonInteractiveIconColor;
14
+ @_sap_tnt_SideNavigation_BorderRight: 0;
14
15
  @_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
15
16
  @_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
16
17
  @_sap_tnt_SideNavigation_BoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 16), 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 16);
@@ -7,19 +7,24 @@
7
7
  @_sap_tnt_NavigationList_IconFontSize: 1.125rem;
8
8
  @_sap_tnt_NavigationList_ExpandIconColor: @sapUiContentNonInteractiveIconColor;
9
9
  @_sap_tnt_NavigationList_ItemHeight: 2.5rem;
10
- @_sap_tnt_NavigationList_ItemBorder: 0.0625rem solid @sapUiListBorderColor;
11
- @_sap_tnt_NavigationList_LastItemBorder: 0.0625rem solid transparent;
12
- @_sap_tnt_NavigationList_HoverItemBorder: @_sap_tnt_NavigationList_SelectedItemBorder;
10
+ @_sap_tnt_NavigationList_ItemBorderStyleColor: solid @sapUiListBorderColor;
11
+ @_sap_tnt_NavigationList_ItemBorderWidth: 0 0 0.0625rem 0;
12
+ @_sap_tnt_NavigationList_ItemFocusBorderOffset: @sapUiContentFocusWidth;
13
+ @_sap_tnt_NavigationList_LastItemBorderStyleColor: solid transparent;
14
+ @_sap_tnt_NavigationList_HoverBorderStyleColor: solid @sapUiListSelectionBorderColor;
15
+ @_sap_tnt_NavigationList_HoverBorderWidth: 0.0625rem;
16
+ @_sap_tnt_NavigationList_SelectedBorderWidth: 0.0625rem;
17
+ @_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: @sapUiListSelectionBackgroundColor;
13
18
  @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
14
19
  @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
15
20
  @_sap_tnt_NavigationList_GroupTextWeight: bold;
16
21
  @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
17
22
  @_sap_tnt_NavigationList_Padding: 0.5rem;
18
23
  @_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
19
- @_sap_tnt_NavigationList_ParentPopupPadding: 0.75rem;
20
- @_sap_tnt_NavigationList_ParentPopupBorderRadius: 0.75rem;
21
24
  @_sap_tnt_NavigationList_PopupItemPadding: 0 0.5rem;
22
25
  @_sap_tnt_NavigationList_PopupIconWidth: 0.5rem;
26
+ @_sap_tnt_NavigationList_ParentPopupPadding: 0.75rem;
27
+ @_sap_tnt_NavigationList_ParentPopupBorderRadius: 0.75rem;
23
28
  @_sap_tnt_NavigationList_PopupBoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
24
29
  @_sap_tnt_NavigationList_PopupArrowBoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
25
30
  @_sap_tnt_NavigationList_PopupTitleTextSize: 1.25rem;
@@ -6,6 +6,8 @@
6
6
  @_sap_tnt_SideNavigation_Width: 16rem;
7
7
  @_sap_tnt_SideNavigation_CollapsedWidth: 3.5rem;
8
8
  @_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
9
+ @_sap_tnt_SideNavigation_BorderRight: 0;
9
10
  @_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
10
11
  @_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
12
+ @_sap_tnt_SideNavigation_BoxShadow: 0 0 0 0.0625rem @sapContent_ShadowColor, 0 0.5rem 1rem 0 fade(@sapContent_ShadowColor, 16);
11
13
  @_sap_tnt_SideNavigation_TriangleDisplay: none;
@@ -7,17 +7,22 @@
7
7
  @_sap_tnt_NavigationList_IconFontSize: 1.125rem;
8
8
  @_sap_tnt_NavigationList_ExpandIconColor: @sapUiContentNonInteractiveIconColor;
9
9
  @_sap_tnt_NavigationList_ItemHeight: 2.5rem;
10
- @_sap_tnt_NavigationList_ItemBorder: 0.0625rem solid @sapUiListBorderColor;
11
- @_sap_tnt_NavigationList_LastItemBorder: 0.0625rem solid transparent;
12
- @_sap_tnt_NavigationList_HoverItemBorder: @_sap_tnt_NavigationList_SelectedItemBorder;
10
+ @_sap_tnt_NavigationList_ItemBorderStyleColor: solid @sapUiListBorderColor;
11
+ @_sap_tnt_NavigationList_ItemBorderWidth: 0 0 0.0625rem 0;
12
+ @_sap_tnt_NavigationList_ItemFocusBorderOffset: @sapUiContentFocusWidth;
13
+ @_sap_tnt_NavigationList_LastItemBorderStyleColor: solid transparent;
14
+ @_sap_tnt_NavigationList_HoverBorderStyleColor: solid @sapUiListSelectionBorderColor;
15
+ @_sap_tnt_NavigationList_HoverBorderWidth: 0.0625rem;
16
+ @_sap_tnt_NavigationList_SelectedBorderWidth: 0.0625rem;
17
+ @_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: @sapUiListSelectionBackgroundColor;
13
18
  @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
14
19
  @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
15
20
  @_sap_tnt_NavigationList_GroupTextWeight: bold;
16
21
  @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
17
- @_sap_tnt_NavigationList_Padding: 0.75rem;
22
+ @_sap_tnt_NavigationList_Padding: 0.5rem;
23
+ @_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
18
24
  @_sap_tnt_NavigationList_PopupItemPadding: 0 0.5rem;
19
25
  @_sap_tnt_NavigationList_PopupIconWidth: 0.5rem;
20
- @_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
21
26
  @_sap_tnt_NavigationList_ParentPopupPadding: 0.75rem;
22
27
  @_sap_tnt_NavigationList_ParentPopupBorderRadius: 0.75rem;
23
28
  @_sap_tnt_NavigationList_PopupBoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
@@ -6,6 +6,8 @@
6
6
  @_sap_tnt_SideNavigation_Width: 16rem;
7
7
  @_sap_tnt_SideNavigation_CollapsedWidth: 3.5rem;
8
8
  @_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
9
+ @_sap_tnt_SideNavigation_BorderRight: 0;
9
10
  @_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
10
11
  @_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
12
+ @_sap_tnt_SideNavigation_BoxShadow: 0 0 0 0.0625rem @sapContent_ShadowColor, 0 0.5rem 1rem 0 fade(@sapContent_ShadowColor, 16);
11
13
  @_sap_tnt_SideNavigation_TriangleDisplay: none;
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.117.1</version>
9
+ <version>1.118.0</version>
10
10
 
11
11
  <documentation>SAPUI5 Horizon theme library.</documentation>
12
12
 
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.117.1</version>
9
+ <version>1.118.0</version>
10
10
 
11
11
  <documentation>SAPUI5 Evening Horizon theme library.</documentation>
12
12
 
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.117.1</version>
9
+ <version>1.118.0</version>
10
10
 
11
11
  <documentation>SAPUI5 horizon high contrast black theme library.</documentation>
12
12
 
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.117.1</version>
9
+ <version>1.118.0</version>
10
10
 
11
11
  <documentation>SAPUI5 horizon high contrast white theme library.</documentation>
12
12