@openui5/themelib_sap_horizon 1.115.0 → 1.116.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 (77) hide show
  1. package/.reuse/dep5 +0 -5
  2. package/THIRDPARTY.txt +1 -7
  3. package/package.json +18 -18
  4. package/src/sap/m/themes/sap_horizon/IconTabBar.less +4 -4
  5. package/src/sap/m/themes/sap_horizon/ListBase.less +12 -0
  6. package/src/sap/m/themes/sap_horizon/ObjectMarker.less +11 -3
  7. package/src/sap/m/themes/sap_horizon/RadioButton.less +4 -5
  8. package/src/sap/m/themes/sap_horizon/RangeSlider.less +2 -7
  9. package/src/sap/m/themes/sap_horizon/SearchField.less +1 -2
  10. package/src/sap/m/themes/sap_horizon/Select.less +8 -14
  11. package/src/sap/m/themes/sap_horizon/Slider.less +2 -1
  12. package/src/sap/m/themes/sap_horizon/TextArea.less +4 -0
  13. package/src/sap/m/themes/sap_horizon/TileContainer.less +20 -1
  14. package/src/sap/m/themes/sap_horizon/Wizard.less +1 -1
  15. package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +4 -4
  16. package/src/sap/m/themes/sap_horizon_dark/ListBase.less +12 -0
  17. package/src/sap/m/themes/sap_horizon_dark/ObjectMarker.less +10 -2
  18. package/src/sap/m/themes/sap_horizon_dark/RadioButton.less +4 -6
  19. package/src/sap/m/themes/sap_horizon_dark/RangeSlider.less +2 -7
  20. package/src/sap/m/themes/sap_horizon_dark/SearchField.less +0 -2
  21. package/src/sap/m/themes/sap_horizon_dark/Select.less +7 -14
  22. package/src/sap/m/themes/sap_horizon_dark/Slider.less +7 -1
  23. package/src/sap/m/themes/sap_horizon_dark/TextArea.less +4 -0
  24. package/src/sap/m/themes/sap_horizon_dark/TileContainer.less +18 -0
  25. package/src/sap/m/themes/sap_horizon_dark/Wizard.less +1 -1
  26. package/src/sap/m/themes/sap_horizon_hcb/CheckBox.less +4 -0
  27. package/src/sap/m/themes/sap_horizon_hcb/RadioButton.less +1 -1
  28. package/src/sap/m/themes/sap_horizon_hcb/SearchField.less +0 -2
  29. package/src/sap/m/themes/sap_horizon_hcb/Select.less +20 -0
  30. package/src/sap/m/themes/sap_horizon_hcb/Slider.less +2 -1
  31. package/src/sap/m/themes/sap_horizon_hcb/TextArea.less +5 -1
  32. package/src/sap/m/themes/sap_horizon_hcb/Wizard.less +1 -1
  33. package/src/sap/m/themes/sap_horizon_hcw/CheckBox.less +4 -0
  34. package/src/sap/m/themes/sap_horizon_hcw/RadioButton.less +1 -1
  35. package/src/sap/m/themes/sap_horizon_hcw/SearchField.less +0 -2
  36. package/src/sap/m/themes/sap_horizon_hcw/Select.less +21 -0
  37. package/src/sap/m/themes/sap_horizon_hcw/Slider.less +2 -1
  38. package/src/sap/m/themes/sap_horizon_hcw/TextArea.less +5 -1
  39. package/src/sap/m/themes/sap_horizon_hcw/Wizard.less +1 -1
  40. package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +1 -1
  41. package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +21 -3
  42. package/src/sap/tnt/themes/sap_horizon/ToolPage.less +4 -4
  43. package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +1 -1
  44. package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +21 -3
  45. package/src/sap/tnt/themes/sap_horizon_dark/ToolPage.less +4 -4
  46. package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +24 -4
  47. package/src/sap/tnt/themes/sap_horizon_hcb/ToolPage.less +5 -5
  48. package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +20 -0
  49. package/src/sap/tnt/themes/sap_horizon_hcw/ToolPage.less +4 -4
  50. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  51. package/src/sap/ui/core/themes/sap_horizon/base.less +5 -5
  52. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.ttf +0 -0
  53. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
  54. package/src/sap/ui/core/themes/sap_horizon/shared.less +9 -94
  55. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  56. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +5 -5
  57. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.ttf +0 -0
  58. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.woff2 +0 -0
  59. package/src/sap/ui/core/themes/sap_horizon_dark/shared.less +9 -95
  60. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  61. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +15 -15
  62. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.ttf +0 -0
  63. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.woff2 +0 -0
  64. package/src/sap/ui/core/themes/sap_horizon_hcb/shared.less +9 -94
  65. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  66. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +9 -9
  67. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.ttf +0 -0
  68. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.woff2 +0 -0
  69. package/src/sap/ui/core/themes/sap_horizon_hcw/shared.less +9 -94
  70. package/src/sap/ui/unified/themes/sap_horizon/Calendar.less +430 -60
  71. package/src/sap/ui/unified/themes/sap_horizon_dark/Calendar.less +429 -51
  72. package/src/sap/ui/unified/themes/sap_horizon_hcb/Calendar.less +7 -0
  73. package/src/sap/ui/unified/themes/sap_horizon_hcw/Calendar.less +7 -0
  74. package/src/sap/uxap/themes/sap_horizon/HierarchicalSelect.less +0 -4
  75. package/src/sap/uxap/themes/sap_horizon_dark/HierarchicalSelect.less +0 -4
  76. package/src/sap/uxap/themes/sap_horizon_hcb/HierarchicalSelect.less +0 -6
  77. package/src/sap/uxap/themes/sap_horizon_hcw/HierarchicalSelect.less +0 -6
package/.reuse/dep5 CHANGED
@@ -457,11 +457,6 @@ Comment: these files belong to: UI5 Web Components
457
457
 
458
458
  # Outside of Libraries:
459
459
 
460
- Files: src/testsuite-utils/src/main/resources/META-INF/less/less.js
461
- Copyright: 2009-2014, Alexis Sellier <self@cloudhead.net>
462
- License: Apache-2.0
463
- Comment: these files belong to: LESS
464
-
465
460
  Files: lib/jsdoc/ui5/plugin.js
466
461
  Copyright:
467
462
  2009-2023 SAP SE or an SAP affiliate company and OpenUI5 contributors
package/THIRDPARTY.txt CHANGED
@@ -460,19 +460,13 @@ Contained in: src/sap.ui.webc.main/src/sap/ui/webc/main/thirdparty/*.*
460
460
 
461
461
  Outside of Libraries:
462
462
 
463
- Component: LESS, version: 1.6.3
464
- Copyright: 2009-2014, Alexis Sellier <self@cloudhead.net>
465
- License: Apache-2.0
466
- License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
467
- Contained in: src/testsuite-utils/src/main/resources/META-INF/less/less.js
468
-
469
463
  Component: JSDoc 3, version: 3.6.7
470
464
  Copyright: 2011-present Michael Mathews micmath@gmail.com and the contributors to JSDoc
471
465
  License: Apache-2.0
472
466
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
473
467
  Contained in: lib/jsdoc/ui5/plugin.js
474
468
 
475
- Component: SAP Theming Base Content, version: 11.3.0
469
+ Component: SAP Theming Base Content, version: 11.4.2
476
470
  Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
477
471
  License: Apache-2.0
478
472
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openui5/themelib_sap_horizon",
3
- "version": "1.115.0",
3
+ "version": "1.116.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.115.0",
18
- "@openui5/sap.m": "1.115.0",
19
- "@openui5/sap.tnt": "1.115.0",
20
- "@openui5/sap.ui.codeeditor": "1.115.0",
21
- "@openui5/sap.ui.commons": "1.115.0",
22
- "@openui5/sap.ui.core": "1.115.0",
23
- "@openui5/sap.ui.dt": "1.115.0",
24
- "@openui5/sap.ui.fl": "1.115.0",
25
- "@openui5/sap.ui.mdc": "1.115.0",
26
- "@openui5/sap.ui.integration": "1.115.0",
27
- "@openui5/sap.ui.layout": "1.115.0",
28
- "@openui5/sap.ui.rta": "1.115.0",
29
- "@openui5/sap.ui.suite": "1.115.0",
30
- "@openui5/sap.ui.table": "1.115.0",
31
- "@openui5/sap.ui.unified": "1.115.0",
32
- "@openui5/sap.ui.ux3": "1.115.0",
33
- "@openui5/sap.uxap": "1.115.0"
17
+ "@openui5/sap.f": "1.116.0",
18
+ "@openui5/sap.m": "1.116.0",
19
+ "@openui5/sap.tnt": "1.116.0",
20
+ "@openui5/sap.ui.codeeditor": "1.116.0",
21
+ "@openui5/sap.ui.commons": "1.116.0",
22
+ "@openui5/sap.ui.core": "1.116.0",
23
+ "@openui5/sap.ui.dt": "1.116.0",
24
+ "@openui5/sap.ui.fl": "1.116.0",
25
+ "@openui5/sap.ui.mdc": "1.116.0",
26
+ "@openui5/sap.ui.integration": "1.116.0",
27
+ "@openui5/sap.ui.layout": "1.116.0",
28
+ "@openui5/sap.ui.rta": "1.116.0",
29
+ "@openui5/sap.ui.suite": "1.116.0",
30
+ "@openui5/sap.ui.table": "1.116.0",
31
+ "@openui5/sap.ui.unified": "1.116.0",
32
+ "@openui5/sap.ui.ux3": "1.116.0",
33
+ "@openui5/sap.uxap": "1.116.0"
34
34
  }
35
35
  }
@@ -381,22 +381,22 @@
381
381
  }
382
382
 
383
383
  .sapMITBFilterNeutral {
384
- color: @sapUiNeutralElement;
384
+ color: @sapUiNeutralText;
385
385
  border-color: @sapUiNeutralElement;
386
386
  }
387
387
 
388
388
  .sapMITBFilterPositive {
389
- color: @sapUiPositiveElement;
389
+ color: @sapUiPositiveText;
390
390
  border-color: @sapUiPositiveElement;
391
391
  }
392
392
 
393
393
  .sapMITBFilterNegative {
394
- color: @sapUiNegativeElement;
394
+ color: @sapUiNegativeText;
395
395
  border-color: @sapUiNegativeElement;
396
396
  }
397
397
 
398
398
  .sapMITBFilterCritical {
399
- color: @sapUiCriticalElement;
399
+ color: @sapUiCriticalText;
400
400
  border-color: @sapUiCriticalElement;
401
401
  }
402
402
 
@@ -13,11 +13,23 @@
13
13
  background: lighten(@sapUiListHeaderBackground, 2);
14
14
  }
15
15
 
16
+ .sapUiTableOnObjectPageAdjustmentsForSection .sapMListHdrText,
17
+ .sapUiTableOnObjectPageAdjustmentsForSection .sapMSticky > .sapMListHdrTBar.sapMTB-Transparent-CTX {
18
+ background: @sapUiGlobalBackgroundColor;
19
+ border-top-right-radius: 0;
20
+ border-top-left-radius: 0;
21
+ }
22
+
16
23
  .sapMListHdr {
17
24
  border-top-right-radius: @sapUiElementBorderCornerRadius;
18
25
  border-top-left-radius: @sapUiElementBorderCornerRadius;
19
26
  }
20
27
 
28
+ .sapUiTableOnObjectPageAdjustmentsForSection .sapMListHdr {
29
+ border-top-right-radius: 0;
30
+ border-top-left-radius: 0;
31
+ }
32
+
21
33
  .sapMGrowingList {
22
34
  background-color: @sapUiListBackground;
23
35
  }
@@ -5,6 +5,14 @@
5
5
 
6
6
  @_sap_m_ObjectMarker_LinkShadowColor: none;
7
7
 
8
- .sapMObjectMarker .sapMLnk {
9
- text-shadow: @_sap_m_ObjectMarker_LinkShadowColor;
10
- }
8
+ .sapMObjectMarker {
9
+ .sapMLnk {
10
+ text-shadow: @_sap_m_ObjectMarker_LinkShadowColor;
11
+
12
+ &:focus {
13
+ .sapUiIcon {
14
+ color: @sapUiContentContrastTextColor;
15
+ }
16
+ }
17
+ }
18
+ }
@@ -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
 
@@ -84,7 +86,7 @@
84
86
  }
85
87
 
86
88
  .sapMRb:not(.sapMRbDis) .sapMRbHoverable:hover .sapMRbBOut {
87
- fill: @sapUiFieldHoverBackground;
89
+ fill: @sapUiContentSelectedHoverBackground;
88
90
  }
89
91
 
90
92
  .sapMRb:focus:before {
@@ -142,7 +144,7 @@
142
144
  .sapMRbWarn.sapMRbSel,
143
145
  .sapMRbWarn.sapMRbSel.sapMRbRo {
144
146
  .sapMRbBInn {
145
- fill: @sapUiFieldTextColor;
147
+ fill: @sapUiFieldWarningColor;
146
148
  stroke: none;
147
149
  }
148
150
  }
@@ -207,9 +209,6 @@
207
209
  stroke-dasharray: 4,2; // parameter needed for the type of the dashes
208
210
  }
209
211
 
210
- .sapMRb.sapMRbRo.sapMRbSel .sapMRbBInn {
211
- fill: @sapUiContentNonInteractiveIconColor;
212
- }
213
212
 
214
213
  html[data-sap-ui-browser^="sf"] {
215
214
  // 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
 
@@ -57,12 +57,9 @@
57
57
  height: @sapUiElementCompactHeight;
58
58
  }
59
59
 
60
- .sapMSlt > .sapMSltLabel {
61
- line-height: calc(@sapUiElementHeight - 0.125rem);
62
- }
63
-
64
- .sapMSltArrow {
65
- line-height: 2rem;
60
+ .sapMSlt > .sapMSltArrow {
61
+ line-height: 2.25rem;
62
+ background-color: transparent !important;
66
63
  }
67
64
 
68
65
  .sapMSlt:not(.sapMSltState).sapMSltPressed > .sapMSltArrow::before {
@@ -130,7 +127,7 @@ div.sapMSltPicker .sapMSltPickerValueState {
130
127
  }
131
128
 
132
129
  .sapUiSizeCompact .sapMSlt > .sapMSltArrow {
133
- line-height: 1.375rem;
130
+ line-height: 1.625rem;
134
131
  }
135
132
 
136
133
  .sapMSltMinWidth {
@@ -165,17 +162,14 @@ div.sapMSltPicker .sapMSltPickerValueState {
165
162
  }
166
163
 
167
164
  .sapMSltArrow {
168
- width: 2rem;
169
- height: 2rem;
170
- margin-top: 2px;
171
- margin-right: 2px;
165
+ width: 2.25rem;
166
+ height: 2.25rem;
172
167
  }
173
168
 
174
169
  .sapUiSizeCompact .sapMSltArrow {
175
170
  width: 2rem;
176
- margin-top: 2px;
177
- height: 1.375rem;
178
- margin-right: 2px;
171
+ height: 1.625rem;
172
+
179
173
  }
180
174
 
181
175
  .sapMSltPressed >.sapMSltArrow,
@@ -43,7 +43,8 @@
43
43
  }
44
44
  }
45
45
 
46
- .sapMSliderInner:not(.sapMSliderInnerDisabled):not(.sapMSliderPressed):hover>.sapMSliderHandle {
46
+ .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderProgress:hover ~ .sapMSliderHandle,
47
+ .sapMSliderHandle:hover {
47
48
  &:not(:focus) {
48
49
  border-color: @sapUiSliderHoverHandleBorderColor;
49
50
  background: @sapUiSliderHoverHandleBackground;
@@ -27,6 +27,10 @@
27
27
  line-height: 1.5;
28
28
  }
29
29
 
30
+ .sapMTextAreaMirror {
31
+ line-height: 1.5;
32
+ }
33
+
30
34
  .sapMTextArea.sapMInputBaseReadonly .sapMInputBaseReadonlyWrapper {
31
35
  border: @sapUiFieldBorderWidth dashed @sapUiFieldReadOnlyBorderColor;
32
36
  }
@@ -14,4 +14,23 @@
14
14
  bottom: -1px;
15
15
  left: -1px;
16
16
  right: -1px;
17
- }
17
+ }
18
+
19
+ .sapMTC .sapMTile,
20
+ .sapMTC .sapMCustomTile {
21
+
22
+ &:focus {
23
+ outline: none;
24
+
25
+ &::before {
26
+ content: "";
27
+ position: absolute;
28
+ left: -0.1875rem;
29
+ right: -0.1875rem;
30
+ top: -0.1875rem;
31
+ bottom: -0.1875rem;
32
+ border: 0.125rem solid @sapUiContentFocusColor;
33
+ border-radius: 0.125rem;
34
+ }
35
+ }
36
+ }
@@ -22,7 +22,7 @@
22
22
  }
23
23
 
24
24
  .sapMWizard:not(.sapMWizardModePage) .sapMWizardLastActivatedStep {
25
- min-height: calc(100% - 3rem);
25
+ min-height: ~"calc(100% - 3rem)";
26
26
  }
27
27
 
28
28
  html.sap-phone .sapMWizard .sapMWizardNextButtonVisible {
@@ -381,22 +381,22 @@
381
381
  }
382
382
 
383
383
  .sapMITBFilterNeutral {
384
- color: @sapUiNeutralElement;
384
+ color: @sapUiNeutralText;
385
385
  border-color: @sapUiNeutralElement;
386
386
  }
387
387
 
388
388
  .sapMITBFilterPositive {
389
- color: @sapUiPositiveElement;
389
+ color: @sapUiPositiveText;
390
390
  border-color: @sapUiPositiveElement;
391
391
  }
392
392
 
393
393
  .sapMITBFilterNegative {
394
- color: @sapUiNegativeElement;
394
+ color: @sapUiNegativeText;
395
395
  border-color: @sapUiNegativeElement;
396
396
  }
397
397
 
398
398
  .sapMITBFilterCritical {
399
- color: @sapUiCriticalElement;
399
+ color: @sapUiCriticalText;
400
400
  border-color: @sapUiCriticalElement;
401
401
  }
402
402
 
@@ -13,11 +13,23 @@
13
13
  background: lighten(@sapUiListHeaderBackground, 2);
14
14
  }
15
15
 
16
+ .sapUiTableOnObjectPageAdjustmentsForSection .sapMListHdrText,
17
+ .sapUiTableOnObjectPageAdjustmentsForSection .sapMSticky > .sapMListHdrTBar.sapMTB-Transparent-CTX {
18
+ background: @sapUiGlobalBackgroundColor;
19
+ border-top-right-radius: 0;
20
+ border-top-left-radius: 0;
21
+ }
22
+
16
23
  .sapMListHdr {
17
24
  border-top-right-radius: @sapUiElementBorderCornerRadius;
18
25
  border-top-left-radius: @sapUiElementBorderCornerRadius;
19
26
  }
20
27
 
28
+ .sapUiTableOnObjectPageAdjustmentsForSection .sapMListHdr {
29
+ border-top-right-radius: 0;
30
+ border-top-left-radius: 0;
31
+ }
32
+
21
33
  .sapMListNoData,
22
34
  .sapMGrowingList {
23
35
  border-bottom: none;
@@ -5,6 +5,14 @@
5
5
 
6
6
  @_sap_m_ObjectMarker_LinkShadowColor: none;
7
7
 
8
- .sapMObjectMarker .sapMLnk {
9
- text-shadow: @_sap_m_ObjectMarker_LinkShadowColor;
8
+ .sapMObjectMarker {
9
+ .sapMLnk {
10
+ text-shadow: @_sap_m_ObjectMarker_LinkShadowColor;
11
+
12
+ &:focus {
13
+ .sapUiIcon {
14
+ color: @sapUiContentContrastTextColor;
15
+ }
16
+ }
17
+ }
10
18
  }
@@ -3,6 +3,8 @@
3
3
  /* Evening 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
 
@@ -84,7 +86,7 @@
84
86
  }
85
87
 
86
88
  .sapMRb:not(.sapMRbDis) .sapMRbHoverable:hover .sapMRbBOut {
87
- fill: @sapUiFieldHoverBackground;
89
+ fill: @sapUiContentSelectedHoverBackground;
88
90
  }
89
91
 
90
92
  .sapMRb:focus:before {
@@ -142,7 +144,7 @@
142
144
  .sapMRbWarn.sapMRbSel,
143
145
  .sapMRbWarn.sapMRbSel.sapMRbRo {
144
146
  .sapMRbBInn {
145
- fill: @sapUiFieldTextColor;
147
+ fill: @sapUiFieldWarningColor;
146
148
  stroke: none;
147
149
  }
148
150
  }
@@ -207,10 +209,6 @@
207
209
  stroke-dasharray: 4,2; // parameter needed for the type of the dashes
208
210
  }
209
211
 
210
- .sapMRb.sapMRbRo.sapMRbSel .sapMRbBInn {
211
- fill: @sapUiContentNonInteractiveIconColor;
212
- }
213
-
214
212
  html[data-sap-ui-browser^="sf"] {
215
213
  // fix for blur caused by drop-shadow in Safari
216
214
  .sapMRbHoverable:hover {
@@ -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,6 @@
8
8
  // ==========================================================================
9
9
 
10
10
  @_sap_m_SearchField_Height: 2.75rem;
11
- @_sap_m_SearchField_FormHeight: 2.25rem;
12
11
  @_sap_m_SearchField_ButtonSize: 2.25rem;
13
12
  @_sap_m_SearchField_ButtonFontSize: 1rem;
14
13
  @_sap_m_SearchField_CompactButtonLineHeight: 1.625rem;
@@ -58,7 +57,6 @@
58
57
  }
59
58
 
60
59
  .sapMSF:not(.sapMSFDisabled):hover .sapMSFF {
61
- box-shadow: @sapUiContentInteractionShadow;
62
60
  background-color: @sapUiFieldHoverBackground;
63
61
  }
64
62
 
@@ -57,12 +57,9 @@
57
57
  height: @sapUiElementCompactHeight;
58
58
  }
59
59
 
60
- .sapMSlt > .sapMSltLabel {
61
- line-height: calc(@sapUiElementHeight - 0.125rem);
62
- }
63
-
64
- .sapMSltArrow {
65
- line-height: 2rem;
60
+ .sapMSlt > .sapMSltArrow {
61
+ line-height: 2.25rem;
62
+ background-color: transparent !important;
66
63
  }
67
64
 
68
65
  .sapMSlt:not(.sapMSltState).sapMSltPressed > .sapMSltArrow::before {
@@ -130,7 +127,7 @@ div.sapMSltPicker .sapMSltPickerValueState {
130
127
  }
131
128
 
132
129
  .sapUiSizeCompact .sapMSlt > .sapMSltArrow {
133
- line-height: 1.375rem;
130
+ line-height: 1.625rem;
134
131
  }
135
132
 
136
133
  .sapMSltMinWidth {
@@ -165,17 +162,13 @@ div.sapMSltPicker .sapMSltPickerValueState {
165
162
  }
166
163
 
167
164
  .sapMSltArrow {
168
- width: 2rem;
169
- height: 2rem;
170
- margin-top: 2px;
171
- margin-right: 2px;
165
+ width: 2.25rem;
166
+ height: 2.25rem;
172
167
  }
173
168
 
174
169
  .sapUiSizeCompact .sapMSltArrow {
175
170
  width: 2rem;
176
- margin-top: 2px;
177
- height: 1.375rem;
178
- margin-right: 2px;
171
+ height: 1.625rem;
179
172
  }
180
173
 
181
174
  .sapMSltPressed >.sapMSltArrow,
@@ -18,6 +18,11 @@
18
18
  }
19
19
  }
20
20
 
21
+ .sapMSlider {
22
+ display: flex;
23
+ align-items: center;
24
+ }
25
+
21
26
  .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
22
27
  font-family: SAP-icons;
23
28
  content: "\e29c";
@@ -38,7 +43,8 @@
38
43
  }
39
44
  }
40
45
 
41
- .sapMSliderInner:not(.sapMSliderInnerDisabled):not(.sapMSliderPressed):hover>.sapMSliderHandle {
46
+ .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderProgress:hover ~ .sapMSliderHandle,
47
+ .sapMSliderHandle:hover {
42
48
  &:not(:focus) {
43
49
  border-color: @sapUiSliderHoverHandleBorderColor;
44
50
  background: @sapUiSliderHoverHandleBackground;
@@ -27,6 +27,10 @@
27
27
  line-height: 1.5;
28
28
  }
29
29
 
30
+ .sapMTextAreaMirror {
31
+ line-height: 1.5;
32
+ }
33
+
30
34
  .sapMTextArea.sapMInputBaseReadonly .sapMInputBaseReadonlyWrapper {
31
35
  border: @sapUiFieldBorderWidth dashed @sapUiFieldReadOnlyBorderColor;
32
36
  }
@@ -14,4 +14,22 @@
14
14
  bottom: -1px;
15
15
  left: -1px;
16
16
  right: -1px;
17
+ }
18
+
19
+ .sapMTC .sapMTile,
20
+ .sapMTC .sapMCustomTile {
21
+ &:focus {
22
+ outline: none;
23
+
24
+ &::before {
25
+ content: "";
26
+ position: absolute;
27
+ left: -0.1875rem;
28
+ right: -0.1875rem;
29
+ top: -0.1875rem;
30
+ bottom: -0.1875rem;
31
+ border: 0.125rem solid @sapUiContentFocusColor;
32
+ border-radius: 0.125rem;
33
+ }
34
+ }
17
35
  }
@@ -25,7 +25,7 @@
25
25
  }
26
26
 
27
27
  .sapMWizard:not(.sapMWizardModePage) .sapMWizardLastActivatedStep {
28
- min-height: calc(100% - 3rem);
28
+ min-height: ~"calc(100% - 3rem)";
29
29
  }
30
30
 
31
31
  html.sap-phone .sapMWizard .sapMWizardNextButtonVisible {
@@ -9,6 +9,10 @@
9
9
  line-height: 2.7rem;
10
10
  }
11
11
 
12
+ .sapMCb:focus {
13
+ outline: none;
14
+ }
15
+
12
16
  .sapMCbBg {
13
17
  height: 1.375rem;
14
18
  width: 1.375rem;
@@ -138,7 +138,7 @@
138
138
  .sapMRbWarn.sapMRbSel,
139
139
  .sapMRbWarn.sapMRbSel.sapMRbRo {
140
140
  .sapMRbBInn {
141
- fill: @sapUiFieldTextColor;
141
+ fill: @sapUiFieldWarningColor;
142
142
  stroke: none;
143
143
  }
144
144
  }
@@ -8,7 +8,6 @@
8
8
  // ==========================================================================
9
9
 
10
10
  @_sap_m_SearchField_Height: 2.75rem;
11
- @_sap_m_SearchField_FormHeight: 2.25rem;
12
11
  @_sap_m_SearchField_ButtonSize: 2.25rem;
13
12
  @_sap_m_SearchField_ButtonFontSize: 1rem;
14
13
  @_sap_m_SearchField_Compact_FormPaddingLeft: 0.5rem;
@@ -57,7 +56,6 @@
57
56
  }
58
57
 
59
58
  .sapMSF:not(.sapMSFDisabled):hover .sapMSFF {
60
- box-shadow: @sapUiContentInteractionShadow;
61
59
  background-color: @sapUiFieldHoverBackground;
62
60
  }
63
61
 
@@ -11,6 +11,26 @@
11
11
  border-radius: 0.365rem;
12
12
  }
13
13
 
14
+ /* arrow styles*/
15
+
16
+ .sapMSlt > .sapMSltArrow {
17
+ line-height: 2.25rem;
18
+ }
19
+
20
+ .sapUiSizeCompact .sapMSlt > .sapMSltArrow {
21
+ line-height: 1.625rem;
22
+ }
23
+
24
+ .sapMSltArrow {
25
+ width: 2.25rem;
26
+ height: 2.25rem;
27
+ }
28
+
29
+ .sapUiSizeCompact .sapMSltArrow {
30
+ width: 2rem;
31
+ height: 1.625rem;
32
+ }
33
+
14
34
  /* hover and focus */
15
35
 
16
36
  .sapMSlt.sapMSltIconOnly.sapMSltHoverable:hover:not(.sapMSltState) {
@@ -28,7 +28,8 @@
28
28
  top: -.0625rem;
29
29
  }
30
30
 
31
- .sapMSliderInner:not(.sapMSliderInnerDisabled):hover > .sapMSliderHandle {
31
+ .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderProgress:hover ~ .sapMSliderHandle,
32
+ .sapMSliderHandle:hover {
32
33
  background: @sapUiSliderHoverHandleBackground;
33
34
  border-color: @sapUiSliderHoverHandleBorderColor;
34
35
  box-shadow: @sapUiContentSelectedShadow;