@openui5/themelib_sap_horizon 1.108.16 → 1.108.18

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 (112) hide show
  1. package/THIRDPARTY.txt +1 -1
  2. package/package.json +18 -18
  3. package/src/sap/f/themes/sap_horizon/Card.less +7 -13
  4. package/src/sap/f/themes/sap_horizon/FlexibleColumnLayout.less +40 -13
  5. package/src/sap/f/themes/sap_horizon_dark/Card.less +7 -13
  6. package/src/sap/f/themes/sap_horizon_dark/FlexibleColumnLayout.less +33 -7
  7. package/src/sap/f/themes/sap_horizon_hcb/Card.less +1 -1
  8. package/src/sap/f/themes/sap_horizon_hcb/FlexibleColumnLayout.less +17 -9
  9. package/src/sap/f/themes/sap_horizon_hcw/Card.less +1 -1
  10. package/src/sap/f/themes/sap_horizon_hcw/FlexibleColumnLayout.less +17 -9
  11. package/src/sap/m/themes/sap_horizon/Avatar.less +12 -2
  12. package/src/sap/m/themes/sap_horizon/CheckBox.less +9 -26
  13. package/src/sap/m/themes/sap_horizon/InputBase.less +12 -6
  14. package/src/sap/m/themes/sap_horizon/Link.less +25 -19
  15. package/src/sap/m/themes/sap_horizon/MenuListItem.less +13 -0
  16. package/src/sap/m/themes/sap_horizon/Panel.less +14 -4
  17. package/src/sap/m/themes/sap_horizon/Popover.less +13 -0
  18. package/src/sap/m/themes/sap_horizon/RadioButton.less +4 -5
  19. package/src/sap/m/themes/sap_horizon/RangeSlider.less +2 -7
  20. package/src/sap/m/themes/sap_horizon/SearchField.less +1 -2
  21. package/src/sap/m/themes/sap_horizon/Select.less +38 -38
  22. package/src/sap/m/themes/sap_horizon/Slider.less +2 -1
  23. package/src/sap/m/themes/sap_horizon/TextArea.less +26 -14
  24. package/src/sap/m/themes/sap_horizon/Title.less +12 -0
  25. package/src/sap/m/themes/sap_horizon/Token.less +44 -37
  26. package/src/sap/m/themes/sap_horizon/Tokenizer.less +8 -2
  27. package/src/sap/m/themes/sap_horizon/library.source.less +2 -0
  28. package/src/sap/m/themes/sap_horizon_dark/Avatar.less +12 -2
  29. package/src/sap/m/themes/sap_horizon_dark/CheckBox.less +9 -26
  30. package/src/sap/m/themes/sap_horizon_dark/InputBase.less +12 -6
  31. package/src/sap/m/themes/sap_horizon_dark/Link.less +25 -19
  32. package/src/sap/m/themes/sap_horizon_dark/MenuListItem.less +13 -0
  33. package/src/sap/m/themes/sap_horizon_dark/Panel.less +13 -4
  34. package/src/sap/m/themes/sap_horizon_dark/Popover.less +13 -0
  35. package/src/sap/m/themes/sap_horizon_dark/RadioButton.less +4 -6
  36. package/src/sap/m/themes/sap_horizon_dark/RangeSlider.less +2 -7
  37. package/src/sap/m/themes/sap_horizon_dark/SearchField.less +0 -2
  38. package/src/sap/m/themes/sap_horizon_dark/Select.less +37 -38
  39. package/src/sap/m/themes/sap_horizon_dark/Slider.less +7 -1
  40. package/src/sap/m/themes/sap_horizon_dark/TextArea.less +26 -14
  41. package/src/sap/m/themes/sap_horizon_dark/Title.less +12 -0
  42. package/src/sap/m/themes/sap_horizon_dark/Token.less +44 -37
  43. package/src/sap/m/themes/sap_horizon_dark/Tokenizer.less +8 -2
  44. package/src/sap/m/themes/sap_horizon_dark/library.source.less +2 -0
  45. package/src/sap/m/themes/sap_horizon_hcb/Avatar.less +6 -2
  46. package/src/sap/m/themes/sap_horizon_hcb/CheckBox.less +8 -25
  47. package/src/sap/m/themes/sap_horizon_hcb/InputBase.less +3 -3
  48. package/src/sap/m/themes/sap_horizon_hcb/Link.less +21 -14
  49. package/src/sap/m/themes/sap_horizon_hcb/Panel.less +12 -3
  50. package/src/sap/m/themes/sap_horizon_hcb/Popover.less +6 -0
  51. package/src/sap/m/themes/sap_horizon_hcb/RadioButton.less +1 -1
  52. package/src/sap/m/themes/sap_horizon_hcb/SearchField.less +0 -2
  53. package/src/sap/m/themes/sap_horizon_hcb/Select.less +23 -9
  54. package/src/sap/m/themes/sap_horizon_hcb/SelectList.less +0 -1
  55. package/src/sap/m/themes/sap_horizon_hcb/Slider.less +2 -1
  56. package/src/sap/m/themes/sap_horizon_hcb/TextArea.less +19 -0
  57. package/src/sap/m/themes/sap_horizon_hcb/Title.less +12 -0
  58. package/src/sap/m/themes/sap_horizon_hcb/Token.less +20 -13
  59. package/src/sap/m/themes/sap_horizon_hcb/Tokenizer.less +7 -0
  60. package/src/sap/m/themes/sap_horizon_hcb/library.source.less +1 -0
  61. package/src/sap/m/themes/sap_horizon_hcw/Avatar.less +6 -2
  62. package/src/sap/m/themes/sap_horizon_hcw/CheckBox.less +8 -25
  63. package/src/sap/m/themes/sap_horizon_hcw/InputBase.less +3 -3
  64. package/src/sap/m/themes/sap_horizon_hcw/Link.less +21 -14
  65. package/src/sap/m/themes/sap_horizon_hcw/Panel.less +12 -4
  66. package/src/sap/m/themes/sap_horizon_hcw/Popover.less +6 -0
  67. package/src/sap/m/themes/sap_horizon_hcw/RadioButton.less +1 -1
  68. package/src/sap/m/themes/sap_horizon_hcw/SearchField.less +0 -2
  69. package/src/sap/m/themes/sap_horizon_hcw/Select.less +24 -9
  70. package/src/sap/m/themes/sap_horizon_hcw/SelectList.less +0 -1
  71. package/src/sap/m/themes/sap_horizon_hcw/Slider.less +2 -1
  72. package/src/sap/m/themes/sap_horizon_hcw/TextArea.less +19 -0
  73. package/src/sap/m/themes/sap_horizon_hcw/Title.less +12 -0
  74. package/src/sap/m/themes/sap_horizon_hcw/Token.less +21 -13
  75. package/src/sap/m/themes/sap_horizon_hcw/Tokenizer.less +7 -0
  76. package/src/sap/m/themes/sap_horizon_hcw/library.source.less +1 -0
  77. package/src/sap/tnt/themes/sap_horizon/NavigationList.less +18 -4
  78. package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +11 -2
  79. package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +241 -342
  80. package/src/sap/tnt/themes/sap_horizon/ToolPage.less +16 -3
  81. package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +18 -4
  82. package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +11 -2
  83. package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +241 -342
  84. package/src/sap/tnt/themes/sap_horizon_dark/ToolPage.less +16 -3
  85. package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +9 -2
  86. package/src/sap/tnt/themes/sap_horizon_hcb/SideNavigation.less +5 -1
  87. package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +360 -2
  88. package/src/sap/tnt/themes/sap_horizon_hcb/ToolPage.less +17 -3
  89. package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +9 -2
  90. package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less +5 -1
  91. package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +360 -2
  92. package/src/sap/tnt/themes/sap_horizon_hcw/ToolPage.less +17 -3
  93. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  94. package/src/sap/ui/core/themes/sap_horizon/base.less +990 -56
  95. package/src/sap/ui/core/themes/sap_horizon/global.less +114 -8
  96. package/src/sap/ui/core/themes/sap_horizon/shared.less +9 -102
  97. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  98. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +988 -54
  99. package/src/sap/ui/core/themes/sap_horizon_dark/global.less +114 -8
  100. package/src/sap/ui/core/themes/sap_horizon_dark/shared.less +9 -102
  101. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  102. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +998 -57
  103. package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +114 -8
  104. package/src/sap/ui/core/themes/sap_horizon_hcb/shared.less +9 -102
  105. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  106. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +992 -51
  107. package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +114 -8
  108. package/src/sap/ui/core/themes/sap_horizon_hcw/shared.less +9 -102
  109. package/src/sap/ui/unified/themes/sap_horizon/Calendar.less +443 -47
  110. package/src/sap/ui/unified/themes/sap_horizon/Menu.less +48 -6
  111. package/src/sap/ui/unified/themes/sap_horizon_dark/Calendar.less +442 -38
  112. package/src/sap/ui/unified/themes/sap_horizon_dark/Menu.less +36 -7
@@ -3,6 +3,8 @@
3
3
  /* Horizon theme */
4
4
  /* ================================== */
5
5
 
6
+ @_sap_m_Radio_Button_Read_Only_fill: @sapUiFieldTextColor;
7
+
6
8
  .sapMRb {
7
9
  height: 2.75rem;
8
10
 
@@ -83,7 +85,7 @@
83
85
  }
84
86
 
85
87
  .sapMRb:not(.sapMRbDis) .sapMRbHoverable:hover .sapMRbBOut {
86
- fill: @sapUiFieldHoverBackground;
88
+ fill: @sapUiContentSelectedHoverBackground;
87
89
  }
88
90
 
89
91
  .sapMRb:focus:before {
@@ -141,7 +143,7 @@
141
143
  .sapMRbWarn.sapMRbSel,
142
144
  .sapMRbWarn.sapMRbSel.sapMRbRo {
143
145
  .sapMRbBInn {
144
- fill: @sapUiFieldTextColor;
146
+ fill: @sapUiFieldWarningColor;
145
147
  stroke: none;
146
148
  }
147
149
  }
@@ -206,9 +208,6 @@
206
208
  stroke-dasharray: 4,2; // parameter needed for the type of the dashes
207
209
  }
208
210
 
209
- .sapMRb.sapMRbRo.sapMRbSel .sapMRbBInn {
210
- fill: @sapUiContentNonInteractiveIconColor;
211
- }
212
211
 
213
212
  html[data-sap-ui-browser^="sf"] {
214
213
  // fix for blur caused by drop-shadow in Safari
@@ -9,18 +9,13 @@
9
9
  @_sap_m_RangeSlider_Handle_Width_Compact: 1.5rem;
10
10
 
11
11
  .sapMRangeSlider.sapMSlider .sapMSliderInner {
12
- &:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle {
12
+ &:not(.sapMSliderInnerDisabled).sapMSliderProgress:hover ~ .sapMSliderHandle,
13
+ .sapMSliderHandle:hover {
13
14
  border: 1px @sapContent_FocusStyle @sapUiSliderHoverHandleBorderColor;
14
15
  background: @sapUiSliderRangeHandleBackground;
15
16
  box-shadow: @sapUiContentSelectedShadow;
16
17
  }
17
18
 
18
- &:not(.sapMSliderInnerDisabled) .sapMSliderHandle:hover {
19
- background-color: @sapUiSliderRangeHandleBackground;
20
- border-color: @sapUiSliderHoverHandleBorderColor;
21
- box-shadow: @sapUiContentSelectedShadow;
22
- }
23
-
24
19
  &:not(.sapMSliderInnerDisabled) .sapMSliderHandle.sapMSliderHandlePressed {
25
20
  &:not(:focus) {
26
21
  background: transparent;
@@ -8,7 +8,7 @@
8
8
  // ==========================================================================
9
9
 
10
10
  @_sap_m_SearchField_Height: 2.75rem;
11
- @_sap_m_SearchField_FormHeight: 2.25rem;
11
+ @_sap_m_SearchField_FormHeight: @sapUiElementHeight;
12
12
  @_sap_m_SearchField_ButtonSize: 2.25rem;
13
13
  @_sap_m_SearchField_ButtonFontSize: 1rem;
14
14
  @_sap_m_SearchField_CompactButtonLineHeight: 1.625rem;
@@ -58,7 +58,6 @@
58
58
  }
59
59
 
60
60
  .sapMSF:not(.sapMSFDisabled):hover .sapMSFF {
61
- box-shadow: @sapUiContentInteractionShadow;
62
61
  background-color: @sapUiFieldHoverBackground;
63
62
  }
64
63
 
@@ -14,7 +14,7 @@
14
14
  /* IconOnly Hover */
15
15
 
16
16
  .sapMSlt.sapMSltIconOnly.sapMSltHoverable:hover:not(.sapMSltState) {
17
- background: @sapUiButtonLiteHoverBackground;
17
+ background: @sapUiFieldHoverBackground;
18
18
  border: none;
19
19
 
20
20
  &.sapMSltWithIcon {
@@ -44,24 +44,22 @@
44
44
  .sapMSlt {
45
45
  font-family: @sapFontFamily;
46
46
  font-size: @sapFontSize;
47
- height: 2.25rem;
47
+ height: @sapUiElementHeight;
48
48
  border: none;
49
49
  background-image: linear-gradient(0deg, @sapUiFieldBorderColor 0, @sapUiFieldBorderColor 100%);
50
50
  background-size: 100% @sapUiFieldBorderWidth;
51
51
  background-repeat: repeat-x;
52
52
  background-position: bottom;
53
+ box-shadow: @sapUiFieldShadow;
53
54
  }
54
55
 
55
56
  .sapUiSizeCompact .sapMSlt {
56
- height: 1.625rem;
57
+ height: @sapUiElementCompactHeight;
57
58
  }
58
59
 
59
- .sapMSlt > .sapMSltLabel {
60
- line-height: 2.125rem;
61
- }
62
-
63
- .sapMSltArrow {
64
- line-height: 2rem;
60
+ .sapMSlt > .sapMSltArrow {
61
+ line-height: 2.25rem;
62
+ background-color: transparent !important;
65
63
  }
66
64
 
67
65
  .sapMSlt:not(.sapMSltState).sapMSltPressed > .sapMSltArrow::before {
@@ -70,7 +68,7 @@
70
68
 
71
69
  .sapMSlt.sapMSltPressed,
72
70
  .sapMSltPressed > .sapMSltArrow {
73
- background: @sapUiButtonLiteHoverBackground;
71
+ background: @sapUiFieldHoverBackground;
74
72
  }
75
73
 
76
74
  html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisabled):not(.sapMSltState):before {
@@ -89,7 +87,7 @@ html.sap-desktop .sapMSltIconOnly.focus:not(.sapMSltExpanded):not(.sapMSltDisabl
89
87
  .sapMSltHoverable:not(.sapMSltState):not(.sapMSltIconOnly):hover {
90
88
  background: @sapUiFieldHoverBackground;
91
89
  border-color: @sapUiFieldHoverBorderColor;
92
- box-shadow: @sapUiContentInteractionShadow;
90
+ box-shadow: @sapUiFieldHoverShadow;
93
91
 
94
92
  .sapMSltArrow {
95
93
  border-radius: @sapUiFieldBorderCornerRadius;
@@ -129,7 +127,7 @@ div.sapMSltPicker .sapMSltPickerValueState {
129
127
  }
130
128
 
131
129
  .sapUiSizeCompact .sapMSlt > .sapMSltArrow {
132
- line-height: 1.375rem;
130
+ line-height: 1.625rem;
133
131
  }
134
132
 
135
133
  .sapMSltMinWidth {
@@ -142,7 +140,7 @@ div.sapMSltPicker .sapMSltPickerValueState {
142
140
 
143
141
  .sapMSltHoverable:not(.sapMSltState):not(.sapMSltIconOnly):hover {
144
142
  border:none;
145
- box-shadow: @sapUiContentInteractionShadow;
143
+ box-shadow: @sapUiFieldHoverShadow;
146
144
  border: none;
147
145
  background-image: linear-gradient(0deg, @sapUiFieldBorderColor 0, @sapUiFieldBorderColor 100%);
148
146
  background-size: 100% @sapUiFieldBorderWidth;
@@ -152,34 +150,32 @@ div.sapMSltPicker .sapMSltPickerValueState {
152
150
 
153
151
  .sapMSltPressed:not(.sapMSltDisabled):not(.sapMSltState),
154
152
  .sapMSlt.sapMSltFocused:not(.sapMSltDisabled):not(.sapMSltState) {
155
- background: @sapUiFieldFocusBackground;
153
+ background: @sapUiFieldBackground;
156
154
  border: none;
157
- box-shadow: inset 0px 0px 0px @sapUiContentFocusWidth @sapUiFieldActiveBorderColor;
155
+ &:not(.sapMSltExpanded) {
156
+ box-shadow: inset 0px 0px 0px @sapUiContentFocusWidth @sapUiFieldActiveBorderColor;
157
+ }
158
158
  }
159
159
 
160
160
  .sapMSltHoverable:not(.sapMSltState):not(.sapMSltIconOnly):active {
161
161
  border:none;
162
- box-shadow: inset 0px 0px 0px 2px @sapUiFieldActiveBorderColor;
163
162
  }
164
163
 
165
164
  .sapMSltArrow {
166
- width: 2rem;
167
- height: 2rem;
168
- margin-top: 2px;
169
- margin-right: 2px;
165
+ width: 2.25rem;
166
+ height: 2.25rem;
170
167
  }
171
168
 
172
169
  .sapUiSizeCompact .sapMSltArrow {
173
170
  width: 2rem;
174
- margin-top: 2px;
175
- height: 1.375rem;
176
- margin-right: 2px;
171
+ height: 1.625rem;
172
+
177
173
  }
178
174
 
179
- .sapMSltPressed >.sapMSltArrow {
175
+ .sapMSltPressed >.sapMSltArrow,
176
+ .sapMSlt:hover > .sapMSltArrow {
180
177
  background-color: @sapUiButtonActiveBackground;
181
- color: @sapUiButtonActiveTextColor;
182
- box-shadow: @sapUiContentInteractionShadow;
178
+ box-shadow: @sapUiFieldHoverShadow;
183
179
  overflow: none;
184
180
  border-radius: 0.125rem;
185
181
  }
@@ -202,15 +198,16 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
202
198
  background-repeat: repeat-x;
203
199
  background-position: bottom;
204
200
  background-color: @sapUiFieldInformationBackground;
201
+ box-shadow: @sapUiFieldInformationShadow;
205
202
  }
206
203
 
207
204
  .sapMSltInformation.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltPressed):hover {
208
205
  border-color: @sapUiFieldInformationColor;
209
- box-shadow: @sapUiContentInformativeShadow;
206
+ box-shadow: @sapUiFieldHoverInformationShadow;
210
207
  background-color: @sapUiFieldHoverBackground;
211
208
 
212
209
  &:not(.sapMSltFocused) {
213
- box-shadow: @sapUiContentInformativeShadow; // NEW Parameter
210
+ box-shadow: @sapUiFieldHoverInformationShadow; // NEW Parameter
214
211
  }
215
212
  }
216
213
 
@@ -224,7 +221,7 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
224
221
  .sapMSltInformation.sapMSltPressed {
225
222
  .sapMSltArrow {
226
223
  color: @sapUiButtonSelectedTextColor;
227
- box-shadow: @sapUiContentInformativeShadow;
224
+ box-shadow: @sapUiFieldHoverInformationShadow;
228
225
  }
229
226
  > .sapMSltArrow::before {
230
227
  color: inherit;
@@ -242,15 +239,16 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
242
239
  background-repeat: repeat-x;
243
240
  background-position: bottom;
244
241
  background-color: @sapUiFieldSuccessBackground;
242
+ box-shadow: @sapUiFieldSuccessShadow;
245
243
  }
246
244
 
247
245
  .sapMSltSuccess.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltPressed):hover {
248
246
  border-color: @sapUiFieldSuccessColor;
249
- box-shadow: @sapUiContentPositiveShadow;
247
+ box-shadow: @sapUiFieldHoverSuccessShadow;
250
248
  background-color: @sapUiFieldHoverBackground;
251
249
 
252
250
  &:not(.sapMSltFocused) {
253
- box-shadow: @sapUiContentPositiveShadow; // New Parameter
251
+ box-shadow: @sapUiFieldHoverSuccessShadow; // New Parameter
254
252
  }
255
253
  }
256
254
 
@@ -266,7 +264,7 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
266
264
  .sapMSltSuccess.sapMSltPressed {
267
265
  .sapMSltArrow {
268
266
  color: @sapUiButtonAcceptSelectedTextColor;
269
- box-shadow: @sapUiContentPositiveShadow;
267
+ box-shadow: @sapUiFieldHoverSuccessShadow;
270
268
  }
271
269
  > .sapMSltArrow::before {
272
270
  color: inherit;
@@ -284,15 +282,16 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
284
282
  background-repeat: repeat-x;
285
283
  background-position: bottom;
286
284
  background-color: @sapUiFieldWarningBackground;
285
+ box-shadow: @sapUiFieldWarningShadow;
287
286
  }
288
287
 
289
288
  .sapMSltWarning.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltPressed):hover {
290
289
  border-color: @sapUiFieldWarningColor;
291
- box-shadow: @sapUiContentCriticalShadow;
290
+ box-shadow: @sapUiFieldHoverWarningShadow;
292
291
  background-color: @sapUiFieldHoverBackground;
293
292
 
294
293
  &:not(.sapMSltFocused) {
295
- box-shadow: @sapUiContentCriticalShadow; // NEW Parameter
294
+ box-shadow: @sapUiFieldHoverWarningShadow; // NEW Parameter
296
295
  }
297
296
  }
298
297
 
@@ -307,7 +306,7 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
307
306
  .sapMSltWarning.sapMSltPressed {
308
307
  .sapMSltArrow {
309
308
  color: @sapUiButtonAttentionSelectedTextColor;
310
- box-shadow: @sapUiContentCriticalShadow;
309
+ box-shadow: @sapUiFieldHoverWarningShadow;
311
310
  }
312
311
  > .sapMSltArrow::before {
313
312
  color: inherit;
@@ -325,15 +324,16 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
325
324
  background-repeat: repeat-x;
326
325
  background-position: bottom;
327
326
  background-color: @sapUiFieldInvalidBackgroundStyle;
327
+ box-shadow: @sapUiFieldInvalidShadow;
328
328
  }
329
329
 
330
330
  .sapMSltError.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltPressed):hover {
331
331
  border-color: @sapUiFieldInvalidColor;
332
- box-shadow: @sapUiContentNegativeShadow;
332
+ box-shadow: @sapUiFieldHoverInvalidShadow;
333
333
  background-color: @sapUiFieldHoverBackground;
334
334
 
335
335
  &:not(.sapMSltFocused) {
336
- box-shadow: @sapUiContentNegativeShadow; // NEW Parameter
336
+ box-shadow: @sapUiFieldHoverInvalidShadow; // NEW Parameter
337
337
  }
338
338
  }
339
339
 
@@ -348,7 +348,7 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
348
348
  .sapMSltError.sapMSltPressed {
349
349
  .sapMSltArrow {
350
350
  color: @sapUiFieldInvalidColor;
351
- box-shadow: @sapUiContentNegativeShadow;
351
+ box-shadow: @sapUiFieldHoverInvalidShadow;
352
352
  }
353
353
  > .sapMSltArrow::before {
354
354
  color: inherit;
@@ -42,7 +42,8 @@
42
42
  }
43
43
  }
44
44
 
45
- .sapMSliderInner:not(.sapMSliderInnerDisabled):not(.sapMSliderPressed):hover>.sapMSliderHandle {
45
+ .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderProgress:hover ~ .sapMSliderHandle,
46
+ .sapMSliderHandle:hover {
46
47
  &:not(:focus) {
47
48
  border-color: @sapUiSliderHoverHandleBorderColor;
48
49
  background: @sapUiSliderHoverHandleBackground;
@@ -3,9 +3,16 @@
3
3
  /* Horizon theme */
4
4
  /* =============================== */
5
5
 
6
- /* uses sapMInputBase styles */
7
- @_sapMTextAreaPadding: 0.5rem 0.625rem;
8
- @_sapMTextAreaValueStatePadding: 0.4375rem 0.625rem;
6
+ @_sapMTextAreaPadding: 0.5rem 0.625rem 0.4375rem;
7
+ @_sapMTextAreaPadding_Compact: 0.1875rem 0.5rem 0.125rem;
8
+ @_sapMTextAreaReadonlyPadding: 0.4375rem 0.625rem 0.375rem;
9
+ @_sapMTextAreaReadonlyPadding_Compact: 0.125rem 0.5rem 0.0625rem;
10
+ @_sapMTextAreaValueStateSuccessPadding: 0.5rem 0.625rem 0.4375rem;
11
+ @_sapMTextAreaValueStateSuccessPadding_Compact: 0.1875rem 0.5rem 0.125rem;
12
+ @_sapMTextAreaValueStateInformationPadding: 0.5rem 0.625rem 0.4375rem;
13
+ @_sapMTextAreaValueStateInformationPadding_Compact: 0.1875rem 0.5rem 0.125rem;
14
+ @_sapMTextAreaValueStateErrorWarningPadding: 0.5rem 0.625rem 0.4375rem;
15
+ @_sapMTextAreaValueStateErrorWarningPadding_Compact: 0.1875rem 0.5rem 0.125rem;
9
16
 
10
17
  .sapMInputBase.sapMTextArea {
11
18
  min-height: 2.25rem;
@@ -13,21 +20,26 @@
13
20
 
14
21
  /* Text Area General */
15
22
  .sapMFocus.sapMTextArea .sapMInputBaseContentWrapper .sapMInputBaseInner {
16
- outline-style: solid;
17
- outline-width: 2px;
23
+ outline: none;
18
24
  }
19
25
 
20
- /* Text Area Warning */
21
- .sapMFocus.sapMTextArea .sapMInputBaseContentWrapperWarning > .sapMInputBaseInner {
22
- outline-color: @sapField_WarningColor;
26
+ .sapMInputBase.sapMTextArea .sapMTextAreaInner {
27
+ line-height: 1.5;
23
28
  }
24
29
 
25
- /* Text Area Error */
26
- .sapMFocus.sapMTextArea .sapMInputBaseContentWrapperError > .sapMInputBaseInner {
27
- outline-color: @sapField_InvalidColor;
30
+ .sapMTextAreaMirror {
31
+ line-height: 1.5;
28
32
  }
29
33
 
30
- /* Text Area Success */
31
- .sapMFocus.sapMTextArea .sapMInputBaseContentWrapperSuccess > .sapMInputBaseInner {
32
- outline-color: @sapField_SuccessColor;
34
+ .sapMTextArea.sapMInputBaseReadonly .sapMInputBaseReadonlyWrapper {
35
+ border: @sapUiFieldBorderWidth dashed @sapUiFieldReadOnlyBorderColor;
36
+ }
37
+
38
+ .sapMFocus.sapMTextArea.sapMInputBase.sapMInputBaseReadonly .sapMInputBaseContentWrapper {
39
+ &::before {
40
+ top: 1px;
41
+ left: 1px;
42
+ right: 1px;
43
+ bottom: 1px;
44
+ }
33
45
  }
@@ -0,0 +1,12 @@
1
+ /* ======================================== */
2
+ /* CSS for control sap.m/Title */
3
+ /* Horizon theme */
4
+ /* ======================================== */
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;
12
+ }
@@ -10,68 +10,75 @@
10
10
  @_sap_m_Token_TokenCompactSize: @sapMFontSmallSize + @_sap_m_Token_TokenCompactPadding;
11
11
 
12
12
  .sapMToken {
13
- overflow: visible;
14
13
  padding-left: @_sap_m_Token_LeftPadding;
14
+ border-radius: 0.375rem;
15
+ color: @sapTextColor;
16
+ font-size: @sapFontSize;
15
17
  }
16
18
 
17
- .sapMTokenSelected:not(:focus),
19
+ .sapMTokenSelected,
18
20
  .sapMToken.sapMTokenReadOnly.sapMTokenSelected {
19
21
  background: @sapUiButtonSelectedBackground;
20
22
  border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedBorderColor;
21
- border-radius: @sapUiButtonBorderCornerRadius;
23
+ border-radius: 0.375rem;
24
+ font-family: @sapFontSemiboldDuplexFamily;
25
+ }
26
+
27
+ .sapMToken.sapMTokenSelected::before {
28
+ content: '';
29
+ position: absolute;
30
+ pointer-events: none;
31
+ z-index: 2;
32
+ bottom: 0;
33
+ left: 0;
34
+ right: 0;
35
+ height: 2px;
36
+ background-color: @sapUiButtonSelectedBorderColor;
22
37
  }
23
38
 
24
39
  html.sap-desktop .sapMToken:not(.sapMTokenSelected):not(.sapMTokenReadOnly):not(:focus):hover {
25
- background: @sapUiButtonTokenBackground;
26
- border: 1px solid @sapUiButtonTokenBorderColor;
27
- border-radius: @sapUiButtonBorderCornerRadius;
28
- box-shadow: @sapUiContentInteractionShadow;
40
+ background: @sapUiButtonHoverBackground;
41
+ border: @sapUiButtonBorderWidth solid @sapUiButtonTokenBorderColor;
42
+ border-radius: 0.375rem;
29
43
  }
30
44
 
31
45
  html.sap-desktop .sapMToken.sapMTokenSelected:not(.sapMTokenReadOnly):hover {
32
- background: @sapUiButtonSelectedBackground;
46
+ background: @sapUiButtonSelectedHoverBackground;
33
47
  border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedBorderColor;
34
- border-radius: @sapUiButtonBorderCornerRadius;
35
48
  }
36
49
 
37
- html.sap-desktop .sapMToken.sapMTokenSelected:not(.sapMTokenReadOnly):not(:focus):hover {
38
- box-shadow: @sapUiContentInteractionShadow;
39
- }
40
-
41
- .sapMToken.sapMTokenReadOnly,
42
- .sapMToken.sapMTokenReadOnly.sapMTokenSelected {
50
+ .sapMToken.sapMTokenReadOnly {
51
+ padding: 0.25rem 0.3125rem;
43
52
  color: @sapUiContentLabelColor;
44
- }
45
53
 
46
- html.sap-desktop .sapMToken:focus {
47
- outline: none;
54
+ .sapMTokenText {
55
+ line-height: 1rem;
56
+ }
48
57
  }
49
58
 
50
- html.sap-desktop .sapMToken:focus::after {
51
- content: '';
52
- position: absolute;
53
- pointer-events: none;
54
- z-index: 2;
55
- border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiFieldActiveBorderColor;
56
- border-radius: 0.625rem;
57
- top: -0.25rem;
58
- bottom: -0.25rem;
59
- left: -0.25rem;
60
- right: -0.25rem;
59
+ html.sap-desktop .sapMToken:focus {
60
+ outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
61
+ border-radius: 0.5rem;
62
+ outline-offset: 0.0625rem;
61
63
  }
62
64
 
63
65
  html.sap-desktop .sapMToken:not(.sapMTokenSelected):not(.sapMTokenReadOnly):focus:hover {
64
66
  border: @sapUiButtonBorderWidth solid @sapUiButtonTokenBorderColor;
65
67
  }
66
68
 
67
- html.sap-desktop .sapUiSizeCompact .sapMToken:focus::after,
68
- html.sap-desktop .sapUiSizeCondensed .sapMToken:focus::after {
69
- top: -0.125rem;
70
- bottom: -0.125rem;
71
- left: -0.125rem;
72
- right: -0.125rem;
69
+ html.sap-desktop .sapUiSizeCompact .sapMToken:focus,
70
+ html.sap-desktop .sapUiSizeCondensed .sapMToken:focus {
71
+ outline-offset: 0;
73
72
  }
74
73
 
75
- html.sap-desktop .sapMToken.sapMTokenSelected:focus {
76
- color: @sapUiButtonSelectedTextColor;
74
+ html.sap-desktop .sapUiSizeCondensed .sapMToken:focus {
75
+ outline-width: 1px;
76
+ }
77
+
78
+ .sapUiSizeCompact .sapMToken.sapMTokenReadOnly {
79
+ padding: 0.125rem 0.25rem;
80
+
81
+ .sapMTokenText {
82
+ line-height: 0.875rem;
83
+ }
77
84
  }
@@ -31,9 +31,16 @@ html.sap-desktop .sapMTokenizer:focus {
31
31
  color: @sapUiContentLabelColor;
32
32
  }
33
33
 
34
+ .sapMTokenizer.sapMTokenizerReadonly .sapMToken.sapMTokenReadOnly {
35
+ padding: 0.25rem 0.3125rem;
36
+ }
37
+
34
38
  .sapUiSizeCompact {
35
39
  .sapMTokenizer {
36
40
  padding-left: 0.25rem;
41
+ &.sapMTokenizerReadonly .sapMToken.sapMTokenReadOnly {
42
+ padding: 0.125rem 0.25rem;
43
+ }
37
44
  .sapMToken {
38
45
  margin-right: 0.25rem;
39
46
  }
@@ -82,5 +89,4 @@ html.sap-desktop .sapMTokenizer:focus {
82
89
  .sapMTokenizer.sapMTokenizerReadonly .sapMTokenizerIndicator,
83
90
  .sapMTokenizer .sapMTokenizerIndicator {
84
91
  color: @sapLinkColor;
85
- font-weight: bold;
86
- }
92
+ }
@@ -44,6 +44,7 @@
44
44
  @import "ListBase.less";
45
45
  @import "ListItemBase.less";
46
46
  @import "MenuButton.less";
47
+ @import "MenuListItem.less";
47
48
  @import "MessageBox.less";
48
49
  @import "MessageStrip.less";
49
50
  @import "MessageView.less";
@@ -101,6 +102,7 @@
101
102
  @import "Token.less";
102
103
  @import "Tokenizer.less";
103
104
  @import "Toolbar.less";
105
+ @import "Title.less";
104
106
  @import "UploadCollection.less";
105
107
  @import "ValueStateHeader.less";
106
108
  @import "ValueStateMessage.less";
@@ -21,9 +21,19 @@
21
21
  font-size: inherit;
22
22
  }
23
23
 
24
- .sapFAvatarFocusable:focus {
25
- outline: none;
24
+ .sapFAvatarFocusable.sapMAvatarPressed {
26
25
  box-shadow: 0px 0px 0px 0.125rem @sapUiContentFocusColor;
26
+
27
+ &:hover {
28
+ box-shadow: 0px 0px 0px 0.125rem @sapUiButtonSelectedHoverBorderColor;
29
+ }
30
+ }
31
+
32
+ .sapFAvatarFocusable:focus {
33
+ outline-offset: .125rem;
34
+ &.sapFAvatarSquare {
35
+ outline-offset: .125rem;
36
+ }
27
37
  }
28
38
 
29
39
  .sapFAvatarColorTileIcon {
@@ -33,7 +33,7 @@
33
33
  }
34
34
  }
35
35
 
36
- .sapMCbBgDis .sapMCbBg {
36
+ .sapMCbBgDis {
37
37
  opacity: @sapUiContentDisabledOpacity;
38
38
  }
39
39
 
@@ -43,13 +43,16 @@
43
43
  }
44
44
 
45
45
  .sapMCbRo > .sapMCbBg.sapMCbMarkChecked:before {
46
- color: @sapUiContentNonInteractiveIconColor;
46
+ color: @sapUiFieldTextColor;
47
47
  }
48
48
 
49
- .sapMCbHoverable:hover {
50
- border: @sapUiFieldBorderWidth @sapField_BorderStyle @sapUiFieldHoverBorderColor;
49
+ .sapMCb:not(.sapMCbErr):not(.sapMCbWarn):not(.sapMCbInfo):not(.sapMCbSucc):hover .sapMCbHoverable {
50
+ border: @sapUiFieldBorderWidth solid @sapUiFieldHoverBorderColor;
51
51
  color: @sapUiContentSelectedForegroundColor;
52
- box-shadow: @sapUiContentInteractionShadow;
52
+ background-color: @sapUiContentSelectedHoverBackground;
53
+ }
54
+
55
+ .sapMCb:hover .sapMCbHoverable {
53
56
  background-color: @sapUiFieldHoverBackground;
54
57
  }
55
58
 
@@ -64,28 +67,18 @@
64
67
  border-width: 0.1875rem;
65
68
  }
66
69
  }
67
-
68
- .sapMCbHoverable:hover {
69
- box-shadow: @sapUiContentNegativeShadow;
70
- background-color: @sapUiFieldHoverBackground;
71
- }
72
70
  }
73
71
 
74
72
  .sapMCbWarn {
75
73
  .sapMCbBg {
76
74
  background-color: @sapUiFieldWarningBackground;
77
75
  border: @sapUiFieldWarningBorderWidth solid @sapUiFieldWarningColor;
78
- color: @sapUiFieldTextColor;
76
+ color: @sapUiFieldWarningColor;
79
77
 
80
78
  &.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before {
81
79
  border-width: 0.1875rem;
82
80
  }
83
81
  }
84
-
85
- .sapMCbHoverable:hover {
86
- box-shadow: @sapUiContentCriticalShadow;
87
- background-color: @sapUiFieldHoverBackground;
88
- }
89
82
  }
90
83
 
91
84
  .sapMCbInfo {
@@ -98,11 +91,6 @@
98
91
  border-width: 0.1875rem;
99
92
  }
100
93
  }
101
-
102
- .sapMCbHoverable:hover {
103
- box-shadow: @sapUiContentInformativeShadow;
104
- background-color: @sapUiFieldHoverBackground;
105
- }
106
94
  }
107
95
 
108
96
  .sapMCbSucc {
@@ -111,11 +99,6 @@
111
99
  border: @sapUiFieldSuccessBorderWidth solid @sapUiFieldSuccessColor;
112
100
  color: @sapUiFieldSuccessColor;
113
101
  }
114
-
115
- .sapMCbHoverable:hover {
116
- box-shadow: @sapUiContentPositiveShadow;
117
- background-color: @sapUiFieldHoverBackground;
118
- }
119
102
  }
120
103
 
121
104
  .sapMCb.sapMCbDisplayOnly:not(.sapMCbBgDis) {
@@ -9,7 +9,6 @@
9
9
 
10
10
  @_sap_m_InputBase_InnerMinWidth: 2.75rem;
11
11
  @_sap_m_InputBase_InnerPadding: 0 0.625rem;
12
- @_sap_m_InputBase_Height: 2.25rem;
13
12
  @_sap_m_InputBase_DisabledOpacity: @sapUiContentDisabledOpacity;
14
13
  @_sap_m_InputBase_IconLineHeight: 2.25rem;
15
14
  @_sap_m_InputBase_IconWidth: 2.25rem;
@@ -17,13 +16,9 @@
17
16
  @_sap_m_InputBase_IconMinWidth: 2rem;
18
17
  @_sap_m_InputBaseWrapper_Sum_Border: 0;
19
18
  @_sap_m_InputBase_FocusOffset: 0px;
19
+ @_sap_m_InputBase_FocusOffset_Busy: @_sap_m_InputBase_FocusOffset;
20
20
  @_sap_m_InputBase_FocusBorderRadius: 0.25rem;
21
21
 
22
- .sapMILI-CTX .sapMInputBaseContentWrapperError,
23
- .sapMInputBaseContentWrapper {
24
- border: none;
25
- }
26
-
27
22
  .sapMInputBase:not(.sapMInputBaseReadonly) .sapMInputBaseIconContainer .sapMInputBaseIcon {
28
23
  width: @_sap_m_InputBase_IconWidth;
29
24
  height: 2.1875rem;
@@ -120,4 +115,15 @@
120
115
  .sapMInputBase .sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMInputBaseIconContainer .sapMInputBaseIcon {
121
116
  height: 1.25rem;
122
117
  }
118
+ .sapMInputBase {
119
+ line-height: 1.25rem;
120
+ }
121
+ }
122
+
123
+ /* List specific styles */
124
+ .sapMILI-CTX .sapMInputBaseContentWrapper,
125
+ .sapMILI-CTX .sapMInputBaseInner,
126
+ .sapMILI-CTX .sapMInputBaseDisabled .sapMInputBaseInner,
127
+ .sapMILI-CTX .sapMInputBaseReadonlyWrapper .sapMInputBaseInner {
128
+ text-align: right;
123
129
  }