@openui5/themelib_sap_horizon 1.130.1 → 1.131.1

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 (136) hide show
  1. package/THIRDPARTY.txt +1 -1
  2. package/package.json +18 -18
  3. package/src/sap/f/themes/sap_horizon/Card.less +0 -4
  4. package/src/sap/f/themes/sap_horizon/DynamicPageTitle.less +0 -7
  5. package/src/sap/f/themes/sap_horizon_dark/DynamicPageTitle.less +0 -7
  6. package/src/sap/m/themes/sap_horizon/Carousel.less +0 -1
  7. package/src/sap/m/themes/sap_horizon/CheckBox.less +54 -46
  8. package/src/sap/m/themes/sap_horizon/CustomTile.less +1 -1
  9. package/src/sap/m/themes/sap_horizon/FeedInput.less +2 -2
  10. package/src/sap/m/themes/sap_horizon/GenericTag.less +37 -37
  11. package/src/sap/m/themes/sap_horizon/GenericTile.less +201 -130
  12. package/src/sap/m/themes/sap_horizon/HeaderContainer.less +3 -3
  13. package/src/sap/m/themes/sap_horizon/IconTabBar.less +1 -1
  14. package/src/sap/m/themes/sap_horizon/InputBase.less +25 -23
  15. package/src/sap/m/themes/sap_horizon/Label.less +2 -2
  16. package/src/sap/m/themes/sap_horizon/LightBox.less +2 -3
  17. package/src/sap/m/themes/sap_horizon/ListBase.less +7 -7
  18. package/src/sap/m/themes/sap_horizon/ListItemBase.less +1 -1
  19. package/src/sap/m/themes/sap_horizon/MenuButton.less +21 -14
  20. package/src/sap/m/themes/sap_horizon/MessageBox.less +8 -8
  21. package/src/sap/m/themes/sap_horizon/NotificationListGroup.less +1 -1
  22. package/src/sap/m/themes/sap_horizon/ObjectAttribute.less +3 -3
  23. package/src/sap/m/themes/sap_horizon/ObjectListItem.less +3 -3
  24. package/src/sap/m/themes/sap_horizon/ObjectMarker.less +4 -2
  25. package/src/sap/m/themes/sap_horizon/ObjectNumber.less +71 -63
  26. package/src/sap/m/themes/sap_horizon/ObjectStatus.less +141 -116
  27. package/src/sap/m/themes/sap_horizon/OverflowToolbarAssociativePopover.less +12 -9
  28. package/src/sap/m/themes/sap_horizon/ProgressIndicator.less +2 -2
  29. package/src/sap/m/themes/sap_horizon_dark/Carousel.less +0 -1
  30. package/src/sap/m/themes/sap_horizon_dark/CheckBox.less +54 -46
  31. package/src/sap/m/themes/sap_horizon_dark/CustomTile.less +1 -1
  32. package/src/sap/m/themes/sap_horizon_dark/FeedInput.less +2 -2
  33. package/src/sap/m/themes/sap_horizon_dark/GenericTag.less +36 -36
  34. package/src/sap/m/themes/sap_horizon_dark/GenericTile.less +191 -124
  35. package/src/sap/m/themes/sap_horizon_dark/HeaderContainer.less +3 -3
  36. package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +1 -1
  37. package/src/sap/m/themes/sap_horizon_dark/InputBase.less +26 -24
  38. package/src/sap/m/themes/sap_horizon_dark/Label.less +2 -2
  39. package/src/sap/m/themes/sap_horizon_dark/LightBox.less +2 -3
  40. package/src/sap/m/themes/sap_horizon_dark/ListBase.less +7 -7
  41. package/src/sap/m/themes/sap_horizon_dark/ListItemBase.less +1 -1
  42. package/src/sap/m/themes/sap_horizon_dark/MenuButton.less +16 -10
  43. package/src/sap/m/themes/sap_horizon_dark/MessageBox.less +8 -8
  44. package/src/sap/m/themes/sap_horizon_dark/NotificationListGroup.less +1 -1
  45. package/src/sap/m/themes/sap_horizon_dark/ObjectAttribute.less +3 -3
  46. package/src/sap/m/themes/sap_horizon_dark/ObjectListItem.less +3 -3
  47. package/src/sap/m/themes/sap_horizon_dark/ObjectMarker.less +3 -1
  48. package/src/sap/m/themes/sap_horizon_dark/ObjectNumber.less +71 -63
  49. package/src/sap/m/themes/sap_horizon_dark/ObjectStatus.less +142 -118
  50. package/src/sap/m/themes/sap_horizon_dark/OverflowToolbarAssociativePopover.less +12 -9
  51. package/src/sap/m/themes/sap_horizon_dark/ProgressIndicator.less +2 -2
  52. package/src/sap/m/themes/sap_horizon_dark/Table.less +0 -4
  53. package/src/sap/m/themes/sap_horizon_hcb/Carousel.less +0 -1
  54. package/src/sap/m/themes/sap_horizon_hcb/CheckBox.less +55 -47
  55. package/src/sap/m/themes/sap_horizon_hcb/CustomTile.less +1 -1
  56. package/src/sap/m/themes/sap_horizon_hcb/FeedInput.less +20 -17
  57. package/src/sap/m/themes/sap_horizon_hcb/FeedListItem.less +3 -2
  58. package/src/sap/m/themes/sap_horizon_hcb/GenericTag.less +40 -40
  59. package/src/sap/m/themes/sap_horizon_hcb/GenericTile.less +98 -55
  60. package/src/sap/m/themes/sap_horizon_hcb/HeaderContainer.less +6 -6
  61. package/src/sap/m/themes/sap_horizon_hcb/IconTabBar.less +4 -0
  62. package/src/sap/m/themes/sap_horizon_hcb/InputBase.less +23 -20
  63. package/src/sap/m/themes/sap_horizon_hcb/Label.less +1 -1
  64. package/src/sap/m/themes/sap_horizon_hcb/LightBox.less +3 -2
  65. package/src/sap/m/themes/sap_horizon_hcb/ListBase.less +12 -12
  66. package/src/sap/m/themes/sap_horizon_hcb/ListItemBase.less +3 -3
  67. package/src/sap/m/themes/sap_horizon_hcb/MenuButton.less +9 -5
  68. package/src/sap/m/themes/sap_horizon_hcb/MenuListItem.less +1 -1
  69. package/src/sap/m/themes/sap_horizon_hcb/MessageBox.less +1 -1
  70. package/src/sap/m/themes/sap_horizon_hcb/NotificationListGroup.less +1 -1
  71. package/src/sap/m/themes/sap_horizon_hcb/ObjectAttribute.less +3 -3
  72. package/src/sap/m/themes/sap_horizon_hcb/ObjectListItem.less +4 -4
  73. package/src/sap/m/themes/sap_horizon_hcb/ObjectNumber.less +8 -8
  74. package/src/sap/m/themes/sap_horizon_hcb/ObjectStatus.less +140 -129
  75. package/src/sap/m/themes/sap_horizon_hcb/OverflowToolbarAssociativePopover.less +5 -2
  76. package/src/sap/m/themes/sap_horizon_hcb/ProgressIndicator.less +2 -2
  77. package/src/sap/m/themes/sap_horizon_hcw/Carousel.less +0 -1
  78. package/src/sap/m/themes/sap_horizon_hcw/CheckBox.less +55 -47
  79. package/src/sap/m/themes/sap_horizon_hcw/CustomTile.less +1 -1
  80. package/src/sap/m/themes/sap_horizon_hcw/FeedInput.less +17 -15
  81. package/src/sap/m/themes/sap_horizon_hcw/FeedListItem.less +3 -2
  82. package/src/sap/m/themes/sap_horizon_hcw/GenericTag.less +41 -41
  83. package/src/sap/m/themes/sap_horizon_hcw/GenericTile.less +100 -57
  84. package/src/sap/m/themes/sap_horizon_hcw/HeaderContainer.less +6 -6
  85. package/src/sap/m/themes/sap_horizon_hcw/IconTabBar.less +4 -0
  86. package/src/sap/m/themes/sap_horizon_hcw/InputBase.less +22 -20
  87. package/src/sap/m/themes/sap_horizon_hcw/Label.less +1 -1
  88. package/src/sap/m/themes/sap_horizon_hcw/LightBox.less +3 -4
  89. package/src/sap/m/themes/sap_horizon_hcw/ListBase.less +12 -12
  90. package/src/sap/m/themes/sap_horizon_hcw/ListItemBase.less +3 -3
  91. package/src/sap/m/themes/sap_horizon_hcw/MenuButton.less +9 -5
  92. package/src/sap/m/themes/sap_horizon_hcw/MenuListItem.less +1 -1
  93. package/src/sap/m/themes/sap_horizon_hcw/MessageBox.less +1 -1
  94. package/src/sap/m/themes/sap_horizon_hcw/NotificationListGroup.less +1 -1
  95. package/src/sap/m/themes/sap_horizon_hcw/ObjectAttribute.less +3 -3
  96. package/src/sap/m/themes/sap_horizon_hcw/ObjectListItem.less +4 -4
  97. package/src/sap/m/themes/sap_horizon_hcw/ObjectNumber.less +9 -8
  98. package/src/sap/m/themes/sap_horizon_hcw/ObjectStatus.less +141 -131
  99. package/src/sap/m/themes/sap_horizon_hcw/OverflowToolbarAssociativePopover.less +5 -2
  100. package/src/sap/m/themes/sap_horizon_hcw/ProgressIndicator.less +2 -2
  101. package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +1 -3
  102. package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +0 -21
  103. package/src/sap/tnt/themes/sap_horizon/ToolPage.less +2 -11
  104. package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +1 -3
  105. package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +0 -21
  106. package/src/sap/tnt/themes/sap_horizon_dark/ToolPage.less +2 -11
  107. package/src/sap/tnt/themes/sap_horizon_hcb/SideNavigation.less +1 -3
  108. package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +0 -18
  109. package/src/sap/tnt/themes/sap_horizon_hcb/ToolPage.less +0 -10
  110. package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less +1 -3
  111. package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +0 -18
  112. package/src/sap/tnt/themes/sap_horizon_hcw/ToolPage.less +0 -10
  113. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  114. package/src/sap/ui/core/themes/sap_horizon/base.less +414 -18
  115. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.ttf +0 -0
  116. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
  117. package/src/sap/ui/core/themes/sap_horizon/global.less +32 -0
  118. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  119. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +412 -16
  120. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.ttf +0 -0
  121. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.woff2 +0 -0
  122. package/src/sap/ui/core/themes/sap_horizon_dark/global.less +32 -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 +421 -25
  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 +32 -0
  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 +420 -24
  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 +32 -0
  133. package/src/sap/ui/unified/themes/sap_horizon/Menu.less +1 -1
  134. package/src/sap/ui/unified/themes/sap_horizon_dark/Menu.less +1 -1
  135. package/src/sap/uxap/themes/sap_horizon/ObjectPageSubSection.less +0 -5
  136. package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSubSection.less +0 -5
@@ -731,7 +731,7 @@
731
731
  }
732
732
 
733
733
  .sapMITBText {
734
- font-family: var(--sapFontFamily);
734
+ font-family: var(--sapFontHeaderFamily);
735
735
  font-size: var(--sapFontSmallSize);
736
736
  }
737
737
  }
@@ -3,13 +3,13 @@
3
3
  /* Horizon theme */
4
4
  /* ================================ */
5
5
 
6
- // ==========================================================================
7
- // Variables overriding
8
- // ==========================================================================
6
+ /* ========================================================================== */
7
+ /* Variables overriding */
8
+ /* ========================================================================== */
9
9
 
10
10
  @_sap_m_InputBase_InnerMinWidth: 2.75rem;
11
11
  @_sap_m_InputBase_InnerPadding: 0 0.625rem;
12
- @_sap_m_InputBase_DisabledOpacity: @sapUiContentDisabledOpacity;
12
+ @_sap_m_InputBase_DisabledOpacity: var(--sapContent_DisabledOpacity);
13
13
  @_sap_m_InputBase_IconLineHeight: 2.25rem;
14
14
  @_sap_m_InputBase_IconWidth: 2.25rem;
15
15
  @_sap_m_InputBase_Compact_IconWidth: 2rem;
@@ -22,7 +22,7 @@
22
22
  .sapMInputBase:not(.sapMInputBaseReadonly) .sapMInputBaseIconContainer .sapMInputBaseIcon {
23
23
  width: @_sap_m_InputBase_IconWidth;
24
24
  height: 2.1875rem;
25
- border-radius: @sapUiFieldBorderCornerRadius;
25
+ border-radius: var(--sapField_BorderCornerRadius);
26
26
  }
27
27
 
28
28
  .sapMInputBase .sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMInputBaseIconContainer .sapMInputBaseIcon {
@@ -30,6 +30,7 @@
30
30
  }
31
31
 
32
32
  .sapUiSizeCompact .sapMInputBase {
33
+
33
34
  &:not(.sapMInputBaseReadonly) .sapMInputBaseIconContainer .sapMInputBaseIcon {
34
35
  width: @_sap_m_InputBase_Compact_IconWidth;
35
36
  height: 1.5625rem;
@@ -43,27 +44,27 @@
43
44
 
44
45
  .sapMInputBase:not(.sapMInputBaseDisabled).sapMInputBaseIconPressed .sapMInputBaseIconContainer .sapMInputBaseIcon,
45
46
  .sapMInputBase:not(.sapMInputBaseDisabled) .sapMInputBaseIconContainer .sapMInputBaseIcon:active {
46
- background-color: @sapField_Focus_Background;
47
+ background-color: var(--sapField_Focus_Background);
47
48
  }
48
49
 
49
50
  .sapMInputBaseIconPressed .sapMInputBaseIcon::before,
50
51
  .sapMInputBaseIcon:active {
51
- color: @sapUiButtonSelectedTextColor;
52
+ color: var(--sapButton_Selected_TextColor);
52
53
  }
53
54
 
54
55
  .sapMInputBaseIconPressed .sapMInputBaseContentWrapperSuccess .sapMInputBaseIcon::before,
55
56
  .sapMInputBaseContentWrapperSuccess .sapMInputBaseIconContainer .sapMInputBaseIcon:active {
56
- color: @sapUiButtonAcceptSelectedTextColor;
57
+ color: var(--sapButton_Accept_Selected_TextColor);
57
58
  }
58
59
 
59
60
  .sapMInputBaseIconPressed .sapMInputBaseContentWrapperError .sapMInputBaseIcon::before,
60
61
  .sapMInputBaseContentWrapperError .sapMInputBaseIconContainer .sapMInputBaseIcon:active {
61
- color: @sapUiButtonRejectSelectedTextColor;
62
+ color: var(--sapButton_Reject_Selected_TextColor);
62
63
  }
63
64
 
64
65
  .sapMInputBaseIconPressed .sapMInputBaseContentWrapperWarning .sapMInputBaseIcon::before,
65
66
  .sapMInputBaseContentWrapperWarning .sapMInputBaseIconContainer .sapMInputBaseIcon:active {
66
- color: @sapUiButtonAttentionSelectedTextColor;
67
+ color: var(--sapButton_Attention_Selected_TextColor);
67
68
  }
68
69
 
69
70
  .sapMInputBaseHasEndIcons.sapMInputBaseHasBeginIcons .sapMInputBaseContentWrapper {
@@ -71,44 +72,45 @@
71
72
  }
72
73
 
73
74
  .sapMInputBaseDisabled {
74
- opacity: @sapUiContentDisabledOpacity;
75
+ opacity: var(--sapContent_DisabledOpacity);
75
76
  }
76
77
 
77
78
  .sapMFocus.sapMInputBase .sapMInputBaseContentWrapper:not(.sapMInputBaseDisabledWrapper) {
78
- background-color: @sapField_Focus_Background;
79
+ background-color: var(--sapField_Focus_Background);
79
80
  outline: none;
80
81
 
81
82
  &::before {
82
- border-color: @sapUiFieldActiveBorderColor;
83
+ border-color: var(--sapField_Active_BorderColor);
83
84
  }
84
85
 
85
86
  &.sapMInputBaseReadonlyWrapper {
86
- background: @sapField_ReadOnly_Background;
87
+ background: var(--sapField_ReadOnly_Background);
87
88
  }
88
89
 
89
- &.sapMInputBaseContentWrapperSuccess:before {
90
- border-color: @sapUiFieldSuccessColor;
90
+ &.sapMInputBaseContentWrapperSuccess::before {
91
+ border-color: var(--sapField_SuccessColor);
91
92
  }
92
93
 
93
- &.sapMInputBaseContentWrapperWarning:before {
94
- border-color: @sapUiFieldWarningColor;
94
+ &.sapMInputBaseContentWrapperWarning::before {
95
+ border-color: var(--sapField_WarningColor);
95
96
  }
96
97
 
97
- &.sapMInputBaseContentWrapperError:before {
98
- border-color: @sapUiFieldInvalidColor;
98
+ &.sapMInputBaseContentWrapperError::before {
99
+ border-color: var(--sapField_InvalidColor);
99
100
  }
100
101
 
101
- &.sapMInputBaseContentWrapperInformation:before {
102
- border-color: @sapUiFieldInformationColor;
102
+ &.sapMInputBaseContentWrapperInformation::before {
103
+ border-color: var(--sapField_InformationColor);
103
104
  }
104
105
  }
105
106
 
106
107
  .sapMInputBase:not(.sapMFocus) .sapMInputBaseContentWrapperState:hover,
107
108
  .sapMInputBase:not(.sapMFocus).sapMInputBaseIconPressed .sapMInputBaseContentWrapperState {
108
- background-color: @sapField_Hover_Background;
109
+ background-color: var(--sapField_Hover_Background);
109
110
  }
110
111
 
111
112
  .sapUiSizeCondensed {
113
+
112
114
  .sapUiTableDataCell .sapMInputBase .sapMInputBaseIconContainer .sapMInputBaseIcon {
113
115
  min-width: 1.375rem;
114
116
  height: 1.3125rem;
@@ -6,13 +6,13 @@
6
6
  .sapMTB-Info-CTX > .sapMLabel {
7
7
  font-style: italic;
8
8
 
9
- & > .sapMLabelTextWrapper{
9
+ & > .sapMLabelTextWrapper {
10
10
  padding-right: 5px;
11
11
  }
12
12
  }
13
13
 
14
14
  .sapUiTableHeaderDataCell .sapMLabel,
15
15
  .sapMListTbl .sapMColumnHeader .sapMLabel {
16
- font-family: @sapUiFontSemiboldDuplexFamily;
16
+ font-family: var(--sapFontSemiboldDuplexFamily);
17
17
  font-weight: normal;
18
18
  }
@@ -7,10 +7,10 @@
7
7
  /* Variables overriding */
8
8
  /* ------------------------------- */
9
9
 
10
- @_sap_m_LightBox_ContainerBackground: @sapUiGroupContentBackground;
10
+ @_sap_m_LightBox_ContainerBackground: var(--sapGroup_ContentBackground);
11
11
  @_sap_m_LightBox_SubtitleMarginTop: 0.25rem;
12
12
  @_sap_m_LightBox_OverlayOpacity: 0.2;
13
- @_sap_m_LightBox_FontFamily: @sapUiFontHeaderFamily;
13
+ @_sap_m_LightBox_FontFamily: var(--sapFontHeaderFamily);
14
14
 
15
15
  /* ------------------------------- */
16
16
  /* Footer */
@@ -39,5 +39,4 @@
39
39
  margin-bottom: 0;
40
40
  }
41
41
  }
42
-
43
42
  }
@@ -15,18 +15,18 @@
15
15
 
16
16
  .sapUiTableOnObjectPageAdjustmentsForSection .sapMListHdrText,
17
17
  .sapUiTableOnObjectPageAdjustmentsForSection .sapMSticky > .sapMListHdrTBar.sapMTB-Transparent-CTX {
18
- background: @sapUiGlobalBackgroundColor;
18
+ background: var(--sapBackgroundColor);
19
19
  border-top-right-radius: 0;
20
20
  border-top-left-radius: 0;
21
21
  }
22
22
 
23
23
  .sapMListHdr {
24
- border-top-right-radius: @sapUiElementBorderCornerRadius;
25
- border-top-left-radius: @sapUiElementBorderCornerRadius;
24
+ border-top-right-radius: var(--sapElement_BorderCornerRadius);
25
+ border-top-left-radius: var(--sapElement_BorderCornerRadius);
26
26
  }
27
27
 
28
28
  .sapMListHdrText {
29
- font-size: @sapUiGroupTitleFontSize;
29
+ font-size: var(--sapGroup_Title_FontSize);
30
30
  }
31
31
 
32
32
  .sapUiTableOnObjectPageAdjustmentsForSection .sapMListHdr {
@@ -35,15 +35,15 @@
35
35
  }
36
36
 
37
37
  .sapMGrowingList {
38
- background-color: @sapUiListBackground;
38
+ background-color: var(--sapList_Background);
39
39
  }
40
40
 
41
41
  .sapMGrowingListDummyColumn {
42
- border-right: 1px solid @sapUiListTableFixedBorderColor;
42
+ border-right: 1px solid var(--sapList_TableFixedBorderColor);
43
43
  }
44
44
 
45
45
  .sapMGrowingListTrigger {
46
- border-top: @sapUiListBorderWidth solid @sapUiListHeaderBorderColor;
46
+ border-top: var(--sapList_BorderWidth) solid var(--sapList_HeaderBorderColor);
47
47
  }
48
48
 
49
49
  ._sap_m_ListBase_Rounded_HeaderToolbarMixin();
@@ -12,5 +12,5 @@
12
12
  }
13
13
 
14
14
  .sapMLIB.sapMLIBSelected {
15
- border-bottom: 0.0625rem solid @sapUiListSelectionBorderColor;
15
+ border-bottom: 0.0625rem solid var(--sapList_SelectionBorderColor);
16
16
  }
@@ -1,16 +1,19 @@
1
- /* ==================================== */
2
- /* CSS for control sap.m/MenuButton */
3
- /* Horizon theme */
4
- /* ==================================== */
1
+ /* ================================= */
2
+ /* CSS for control sap.m/MenuButton */
3
+ /* Horizon theme */
4
+ /* ================================= */
5
5
 
6
6
  /* Compact size */
7
7
  .sapUiSizeCompact {
8
+
8
9
  .sapMMenuBtn {
10
+
9
11
  .sapMBtnInner.sapMBtnText .sapMBtnIcon {
10
12
  margin-left: 0;
11
13
  margin-right: 0;
12
14
  }
13
15
  }
16
+
14
17
  .sapMMenuBtn .sapMBtnIcon {
15
18
  margin-left: 0.4375rem;
16
19
  margin-right: 0.4375rem;
@@ -22,11 +25,11 @@
22
25
  }
23
26
 
24
27
  .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner:not(.sapMBtnText) {
25
- padding-left: 0rem;
28
+ padding-left: 0;
26
29
  }
27
30
 
28
31
  .sapMMenuBtn .sapMBtn:not(.sapMSBArrow) .sapMBtnInner.sapMBtnIconFirst:not(.sapMBtnText) .sapMBtnIcon {
29
- padding-right: 0rem;
32
+ padding-right: 0;
30
33
  }
31
34
 
32
35
  .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
@@ -34,17 +37,18 @@
34
37
  }
35
38
 
36
39
  .sapMMenuBtnRegular.sapMMenuBtn .sapMBtnDisabled {
37
- opacity: @sapUiContentDisabledOpacity;
40
+ opacity: var(--sapContent_DisabledOpacity);
38
41
  }
39
42
 
40
43
  .sapMIBar .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnTransparent::after,
41
44
  .sapMIBar .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnDefault::after,
42
45
  .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnTransparent::after,
43
46
  .sapMMenuBtn.sapMMenuBtnRegular:hover .sapMBtnInner.sapMBtnDefault::after {
44
- color: @sapUiButtonActiveTextColor;
47
+ color: var(--sapButton_Active_TextColor);
45
48
  }
46
49
 
47
50
  .sapMMenuBtnSplit .sapMSB:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
51
+
48
52
  .sapMBtnContent {
49
53
  position: relative;
50
54
  left: 0;
@@ -52,10 +56,12 @@
52
56
  }
53
57
 
54
58
  .sapUiSizeCompact {
59
+
55
60
  .sapMMenuBtnSplit .sapMSB:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
56
61
  padding-right: 0.3125rem;
57
62
  padding-left: 0.3125rem;
58
63
  }
64
+
59
65
  .sapMMenuBtn .sapMBtn:not(.sapMSBArrow) .sapMBtnInner .sapMBtnIcon,
60
66
  .sapMMenuBtn .sapMBtn:not(.sapMSBArrow) .sapMBtnInner .sapMBtnContent {
61
67
  position: relative;
@@ -65,24 +71,25 @@
65
71
  }
66
72
 
67
73
  .sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnReject.sapMBtnActive::after {
68
- color: @sapUiButtonRejectSelectedTextColor;
74
+ color: var(--sapButton_Reject_Selected_TextColor);
69
75
  }
70
76
 
71
77
  .sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnAttention.sapMBtnActive::after {
72
- color: @sapUiButtonAttentionTextColor;
78
+ color: var(--sapButton_Attention_TextColor);
73
79
  }
74
80
 
75
81
  .sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnAccept.sapMBtnActive::after {
76
- color: @sapUiButtonAcceptSelectedTextColor;
82
+ color: var(--sapButton_Accept_Selected_TextColor);
77
83
  }
84
+
78
85
  .sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnNegative.sapMBtnActive::after {
79
- color: @sapUiButtonNegativeActiveTextColor;
86
+ color: var(--sapButton_Negative_Active_TextColor);
80
87
  }
81
88
 
82
89
  .sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnCritical.sapMBtnActive::after {
83
- color: @sapUiButtonCriticalActiveTextColor;
90
+ color: var(--sapButton_Critical_Active_TextColor);
84
91
  }
85
92
 
86
93
  .sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnSuccess.sapMBtnActive::after {
87
- color: @sapUiButtonSuccessActiveTextColor;
94
+ color: var(--sapButton_Success_Active_TextColor);
88
95
  }
@@ -3,17 +3,17 @@
3
3
  /* Horizon theme */
4
4
  /* ================================= */
5
5
 
6
- // header shadow - different states
6
+ /* header shadow - different states */
7
7
  @_sap_m_MessageBox_HeaderShadow: inset 0 -0.0625rem;
8
- @_sap_m_MessageBox_Shadow: @sapUiContentHeaderShadow;
9
- @_sap_m_MessageBox_InformationShadow: @_sap_m_MessageBox_HeaderShadow @sapUiInformationBorder, @_sap_m_MessageBox_Shadow;
10
- @_sap_m_MessageBox_WarningShadow: @_sap_m_MessageBox_HeaderShadow @sapUiWarningBorder, @_sap_m_MessageBox_Shadow;
11
- @_sap_m_MessageBox_ErrorShadow: @_sap_m_MessageBox_HeaderShadow @sapUiErrorBorder, @_sap_m_MessageBox_Shadow;
12
- @_sap_m_MessageBox_SuccessShadow: @_sap_m_MessageBox_HeaderShadow @sapUiSuccessBorder, @_sap_m_MessageBox_Shadow;
13
- @_sap_m_MessageBox_QuestionShadow: @_sap_m_MessageBox_HeaderShadow @sapUiNeutralBorder;
8
+ @_sap_m_MessageBox_Shadow: var(--sapContent_HeaderShadow);
9
+ @_sap_m_MessageBox_InformationShadow: @_sap_m_MessageBox_HeaderShadow var(--sapInformationBorderColor), @_sap_m_MessageBox_Shadow;
10
+ @_sap_m_MessageBox_WarningShadow: @_sap_m_MessageBox_HeaderShadow var(--sapWarningBorderColor), @_sap_m_MessageBox_Shadow;
11
+ @_sap_m_MessageBox_ErrorShadow: @_sap_m_MessageBox_HeaderShadow var(--sapErrorBorderColor), @_sap_m_MessageBox_Shadow;
12
+ @_sap_m_MessageBox_SuccessShadow: @_sap_m_MessageBox_HeaderShadow var(--sapSuccessBorderColor), @_sap_m_MessageBox_Shadow;
13
+ @_sap_m_MessageBox_QuestionShadow: @_sap_m_MessageBox_HeaderShadow var(--sapNeutralColor);
14
14
 
15
15
  .sapMDialog.sapMMessageBoxInfo .sapMDialogIcon.sapUiIcon {
16
- color: @sapUiInformativeElement;
16
+ color: var(--sapInformativeElementColor);
17
17
  }
18
18
 
19
19
  .sapMMessageBox .sapMDialogFooter .sapMBtn {
@@ -3,4 +3,4 @@
3
3
  /* Horizon theme */
4
4
  /* =========================================== */
5
5
 
6
- @_sap_m_NotificationListGroup_Background: @sapUiListGroupHeaderBackground;
6
+ @_sap_m_NotificationListGroup_Background: var(--sapList_GroupHeaderBackground);
@@ -12,13 +12,13 @@
12
12
  .sapMObjectAttributeActive .sapMObjectAttributeText:active,
13
13
  .sapMObjectAttributeActive .sapMObjectAttributeText:hover {
14
14
  text-decoration: none;
15
- color: @sapUiLinkHoverColor;
15
+ color: var(--sapLink_Hover_Color);
16
16
  }
17
17
 
18
18
  .sapMObjectAttributeActive .sapMObjectAttributeText:focus {
19
19
  border-radius: 0.125rem;
20
- background-color: @sapUiContentFocusColor;
21
- color: @sapUiContentContrastTextColor;
20
+ background-color: var(--sapContent_FocusColor);
21
+ color: var(--sapContent_ContrastTextColor);
22
22
  text-shadow: none;
23
23
  }
24
24
 
@@ -4,8 +4,8 @@
4
4
  /* ===================================== */
5
5
 
6
6
  .sapMText.sapMObjLTitle {
7
- font-size: @sapMFontHeader5Size;
8
- font-family: @sapUiFontSemiboldFamily;
7
+ font-size: var(--sapFontHeader5Size);
8
+ font-family: var(--sapFontSemiboldFamily);
9
9
  }
10
10
 
11
11
  .sapMObjLNumberDiv .sapMObjectNumber .sapMObjectNumberText {
@@ -13,5 +13,5 @@
13
13
  }
14
14
 
15
15
  .sapMObjLItem.sapMLIBActive .sapMObjLIcon {
16
- color: @sapUiContentIconColor;
16
+ color: var(--sapContent_IconColor);
17
17
  }
@@ -6,13 +6,15 @@
6
6
  @_sap_m_ObjectMarker_LinkShadowColor: none;
7
7
 
8
8
  .sapMObjectMarker {
9
+
9
10
  .sapMLnk {
10
11
  text-shadow: @_sap_m_ObjectMarker_LinkShadowColor;
11
12
 
12
13
  &:focus {
14
+
13
15
  .sapUiIcon {
14
- color: @sapUiContentContrastTextColor;
16
+ color: var(--sapContent_ContrastTextColor);
15
17
  }
16
18
  }
17
19
  }
18
- }
20
+ }
@@ -5,6 +5,7 @@
5
5
 
6
6
  .sapMObjectNumberInverted {
7
7
  box-sizing: border-box;
8
+
8
9
  &:not(.sapMObjectNumberLarge) .sapMObjectNumberInner {
9
10
  min-height: 1rem;
10
11
  height: auto;
@@ -13,12 +14,13 @@
13
14
 
14
15
  .sapMObjectNumberInverted .sapMObjectNumberInner {
15
16
  border: 0.0625rem solid;
16
- border-radius: @sapUiButtonBorderCornerRadius;
17
+ border-radius: var(--sapButton_BorderCornerRadius);
17
18
  padding: 0.1875rem 0.25rem;
18
19
  vertical-align: middle;
19
20
  }
20
21
 
21
22
  html.sap-desktop .sapMObjectNumberActive:focus {
23
+
22
24
  .sapMObjectNumberInner::after {
23
25
  left: -0.0625rem;
24
26
  top: -0.0625rem;
@@ -27,7 +29,7 @@ html.sap-desktop .sapMObjectNumberActive:focus {
27
29
  height: auto;
28
30
  outline: none;
29
31
  border-radius: 0.25rem;
30
- border: 0.125rem solid @sapUiContentFocusColor;
32
+ border: 0.125rem solid var(--sapContent_FocusColor);
31
33
  }
32
34
 
33
35
  &.sapMObjectNumberInverted .sapMObjectNumberInner::after {
@@ -37,11 +39,12 @@ html.sap-desktop .sapMObjectNumberActive:focus {
37
39
  bottom: -0.0625rem;
38
40
  height: auto;
39
41
  outline: none;
40
- border-radius: @sapUiButtonBorderCornerRadius;
41
- border: 0.125rem solid @sapUiContentFocusColor;
42
+ border-radius: var(--sapButton_BorderCornerRadius);
43
+ border: 0.125rem solid var(--sapContent_FocusColor);
42
44
  }
43
45
 
44
46
  &.sapMObjectNumberLarge {
47
+
45
48
  .sapMObjectNumberInner::after {
46
49
  left: -0.0625rem;
47
50
  top: -0.0625rem;
@@ -49,6 +52,7 @@ html.sap-desktop .sapMObjectNumberActive:focus {
49
52
  bottom: -0.0625rem;
50
53
  height: auto;
51
54
  }
55
+
52
56
  &.sapMObjectNumberInverted .sapMObjectNumberInner::after {
53
57
  left: -0.0625rem;
54
58
  top: -0.0625rem;
@@ -56,22 +60,24 @@ html.sap-desktop .sapMObjectNumberActive:focus {
56
60
  bottom: -0.0625rem;
57
61
  height: auto;
58
62
  outline: none;
59
- border-radius: @sapUiButtonBorderCornerRadius;
60
- border: 0.125rem solid @sapUiContentFocusColor;
63
+ border-radius: var(--sapButton_BorderCornerRadius);
64
+ border: 0.125rem solid var(--sapContent_FocusColor);
61
65
  }
62
66
  }
63
67
  }
64
68
 
65
- .objectNumberStatusMixIn(@class, @regularBackgroundColor, @regularTextColor,
66
- @hoverBackgroundColor, @hoverTextColor,
69
+ .objectNumberStatusMixIn(@class, @regularBackgroundColor, @regularTextColor,
70
+ @hoverBackgroundColor, @hoverTextColor,
67
71
  @activeBackgroundColor, @activeTextColor,
68
- @regularTextShadow, @activeTextShadow,
72
+ @regularTextShadow, @activeTextShadow,
69
73
  @regularBorderColor, @hoverBorderColor, @activeBorderColor) {
70
74
  .sapMObjectNumberInverted.@{class} {
75
+
71
76
  .sapMObjectNumberText,
72
77
  .sapMObjectNumberUnit {
73
78
  text-shadow: @regularTextShadow;
74
79
  }
80
+
75
81
  .sapMObjectNumberInner {
76
82
  border-color: @regularBorderColor;
77
83
  background-color: @regularBackgroundColor;
@@ -79,11 +85,13 @@ html.sap-desktop .sapMObjectNumberActive:focus {
79
85
  }
80
86
 
81
87
  &.sapMObjectNumberActive {
88
+
82
89
  .sapMObjectNumberInner:hover {
83
90
  border-color: @hoverBorderColor;
84
91
  background-color: @hoverBackgroundColor;
85
92
  color: @hoverTextColor;
86
93
  }
94
+
87
95
  .sapMObjectNumberInner:active,
88
96
  &.sapMObjectNumberPressed .sapMObjectNumberInner {
89
97
  border-color: @activeBorderColor;
@@ -99,72 +107,72 @@ html.sap-desktop .sapMObjectNumberActive:focus {
99
107
  }
100
108
  }
101
109
 
102
- .objectNumberStatusMixIn(sapMObjectNumberStatusNone,
103
- @sapNeutralBackground,
104
- @sapTextColor,
105
- @sapUiButtonNeutralHoverBackground,
106
- @sapUiButtonNeutralHoverTextColor,
107
- @sapUiButtonNeutralActiveBackground,
108
- @sapUiButtonActiveTextColor,
109
- @sapUiContentTextShadow,
110
- @sapUiContentTextShadow,
111
- @sapNeutralBorderColor,
112
- @sapUiButtonNeutralHoverBorderColor,
110
+ .objectNumberStatusMixIn(sapMObjectNumberStatusNone,
111
+ @sapNeutralBackground,
112
+ @sapTextColor,
113
+ @sapUiButtonNeutralHoverBackground,
114
+ @sapUiButtonNeutralHoverTextColor,
115
+ @sapUiButtonNeutralActiveBackground,
116
+ @sapUiButtonActiveTextColor,
117
+ @sapUiContentTextShadow,
118
+ @sapUiContentTextShadow,
119
+ @sapNeutralBorderColor,
120
+ @sapUiButtonNeutralHoverBorderColor,
113
121
  @sapUiButtonNeutralActiveBorderColor
114
122
  );
115
123
 
116
- .objectNumberStatusMixIn(sapMObjectNumberStatusInformation,
117
- @sapUiButtonInformationBackground,
118
- @sapUiButtonInformationTextColor,
119
- @sapUiButtonInformationHoverBackground,
120
- @sapUiButtonInformationHoverTextColor,
121
- @sapUiButtonInformationActiveBackground,
122
- @sapUiButtonSelectedTextColor,
124
+ .objectNumberStatusMixIn(sapMObjectNumberStatusInformation,
125
+ @sapUiButtonInformationBackground,
126
+ @sapUiButtonInformationTextColor,
127
+ @sapUiButtonInformationHoverBackground,
128
+ @sapUiButtonInformationHoverTextColor,
129
+ @sapUiButtonInformationActiveBackground,
130
+ @sapUiButtonSelectedTextColor,
131
+ @sapUiContentTextShadow,
123
132
  @sapUiContentTextShadow,
124
- @sapUiContentTextShadow,
125
- @sapUiButtonInformationBorderColor,
126
- @sapUiButtonInformationHoverBorderColor,
133
+ @sapUiButtonInformationBorderColor,
134
+ @sapUiButtonInformationHoverBorderColor,
127
135
  @sapUiButtonInformationActiveBorderColor
128
136
  );
129
137
 
130
- .objectNumberStatusMixIn(sapMObjectNumberStatusError,
131
- @sapUiButtonNegativeBackground,
132
- @sapUiButtonNegativeTextColor,
133
- @sapUiButtonNegativeHoverBackground,
134
- @sapUiButtonNegativeHoverTextColor,
135
- @sapUiButtonNegativeActiveBackground,
136
- @sapUiButtonRejectSelectedTextColor,
137
- @sapUiContentContrastTextShadow,
138
- @sapUiContentTextShadow,
139
- @sapUiButtonNegativeBorderColor,
140
- @sapUiButtonNegativeHoverBorderColor,
138
+ .objectNumberStatusMixIn(sapMObjectNumberStatusError,
139
+ @sapUiButtonNegativeBackground,
140
+ @sapUiButtonNegativeTextColor,
141
+ @sapUiButtonNegativeHoverBackground,
142
+ @sapUiButtonNegativeHoverTextColor,
143
+ @sapUiButtonNegativeActiveBackground,
144
+ @sapUiButtonRejectSelectedTextColor,
145
+ @sapUiContentContrastTextShadow,
146
+ @sapUiContentTextShadow,
147
+ @sapUiButtonNegativeBorderColor,
148
+ @sapUiButtonNegativeHoverBorderColor,
141
149
  @sapUiButtonNegativeActiveBorderColor
142
150
  );
143
151
 
144
- .objectNumberStatusMixIn(sapMObjectNumberStatusWarning,
145
- @sapUiButtonCriticalBackground,
146
- @sapUiButtonCriticalTextColor,
147
- @sapUiButtonCriticalHoverBackground,
148
- @sapUiButtonCriticalHoverTextColor,
149
- @sapUiButtonCriticalActiveBackground,
150
- @sapUiButtonAttentionSelectedTextColor,
151
- @sapUiContentContrastTextShadow,
152
- @sapUiContentTextShadow,
153
- @sapUiButtonCriticalBorderColor,
154
- @sapUiButtonCriticalHoverBorderColor,
152
+ .objectNumberStatusMixIn(sapMObjectNumberStatusWarning,
153
+ @sapUiButtonCriticalBackground,
154
+ @sapUiButtonCriticalTextColor,
155
+ @sapUiButtonCriticalHoverBackground,
156
+ @sapUiButtonCriticalHoverTextColor,
157
+ @sapUiButtonCriticalActiveBackground,
158
+ @sapUiButtonAttentionSelectedTextColor,
159
+ @sapUiContentContrastTextShadow,
160
+ @sapUiContentTextShadow,
161
+ @sapUiButtonCriticalBorderColor,
162
+ @sapUiButtonCriticalHoverBorderColor,
155
163
  @sapUiButtonCriticalActiveBorderColor
156
164
  );
157
165
 
158
- .objectNumberStatusMixIn(sapMObjectNumberStatusSuccess,
159
- @sapUiButtonSuccessBackground,
160
- @sapUiButtonSuccessTextColor,
161
- @sapUiButtonSuccessHoverBackground,
162
- @sapUiButtonSuccessHoverTextColor,
163
- @sapUiButtonSuccessActiveBackground,
164
- @sapUiButtonAcceptSelectedTextColor,
165
- @sapUiContentContrastTextShadow,
166
- @sapUiContentTextShadow,
167
- @sapUiButtonSuccessBorderColor,
168
- @sapUiButtonSuccessHoverBorderColor,
166
+ .objectNumberStatusMixIn(sapMObjectNumberStatusSuccess,
167
+ @sapUiButtonSuccessBackground,
168
+ @sapUiButtonSuccessTextColor,
169
+ @sapUiButtonSuccessHoverBackground,
170
+ @sapUiButtonSuccessHoverTextColor,
171
+ @sapUiButtonSuccessActiveBackground,
172
+ @sapUiButtonAcceptSelectedTextColor,
173
+ @sapUiContentContrastTextShadow,
174
+ @sapUiContentTextShadow,
175
+ @sapUiButtonSuccessBorderColor,
176
+ @sapUiButtonSuccessHoverBorderColor,
169
177
  @sapUiButtonSuccessActiveBorderColor
170
178
  );