@openui5/themelib_sap_horizon 1.103.0 → 1.105.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 (83) hide show
  1. package/.reuse/dep5 +18 -1
  2. package/LICENSES/LicenseRef-tzdata-PublicDomain.txt +5 -0
  3. package/THIRDPARTY.txt +36 -3
  4. package/package.json +18 -18
  5. package/src/sap/f/themes/sap_horizon_dark/DynamicPageTitle.less +1 -1
  6. package/src/sap/m/themes/sap_horizon/Button.less +4 -6
  7. package/src/sap/m/themes/sap_horizon/GenericTile.less +118 -10
  8. package/src/sap/m/themes/sap_horizon/HeaderContainer.less +17 -1
  9. package/src/sap/m/themes/sap_horizon/NewsContent.less +16 -2
  10. package/src/sap/m/themes/sap_horizon/Popover.less +4 -0
  11. package/src/sap/m/themes/sap_horizon/ProgressIndicator.less +7 -0
  12. package/src/sap/m/themes/sap_horizon/RangeSlider.less +22 -0
  13. package/src/sap/m/themes/sap_horizon/RatingIndicator.less +30 -0
  14. package/src/sap/m/themes/sap_horizon/SlideTile.less +53 -18
  15. package/src/sap/m/themes/sap_horizon/Slider.less +2 -2
  16. package/src/sap/m/themes/sap_horizon/TileContent.less +5 -2
  17. package/src/sap/m/themes/sap_horizon/Toolbar.less +1 -1
  18. package/src/sap/m/themes/sap_horizon_dark/Button.less +4 -6
  19. package/src/sap/m/themes/sap_horizon_dark/GenericTile.less +147 -9
  20. package/src/sap/m/themes/sap_horizon_dark/HeaderContainer.less +16 -0
  21. package/src/sap/m/themes/sap_horizon_dark/NewsContent.less +32 -2
  22. package/src/sap/m/themes/sap_horizon_dark/Popover.less +4 -0
  23. package/src/sap/m/themes/sap_horizon_dark/ProgressIndicator.less +7 -0
  24. package/src/sap/m/themes/sap_horizon_dark/RatingIndicator.less +30 -0
  25. package/src/sap/m/themes/sap_horizon_dark/SlideTile.less +54 -15
  26. package/src/sap/m/themes/sap_horizon_dark/TileContent.less +5 -2
  27. package/src/sap/m/themes/sap_horizon_dark/Toolbar.less +1 -1
  28. package/src/sap/m/themes/sap_horizon_hcb/GenericTile.less +116 -0
  29. package/src/sap/m/themes/sap_horizon_hcb/HeaderContainer.less +16 -8
  30. package/src/sap/m/themes/sap_horizon_hcb/Popover.less +4 -0
  31. package/src/sap/m/themes/sap_horizon_hcb/ProgressIndicator.less +7 -0
  32. package/src/sap/m/themes/sap_horizon_hcb/RatingIndicator.less +33 -0
  33. package/src/sap/m/themes/sap_horizon_hcb/SlideTile.less +52 -5
  34. package/src/sap/m/themes/sap_horizon_hcb/Toolbar.less +1 -1
  35. package/src/sap/m/themes/sap_horizon_hcw/GenericTile.less +116 -1
  36. package/src/sap/m/themes/sap_horizon_hcw/HeaderContainer.less +16 -8
  37. package/src/sap/m/themes/sap_horizon_hcw/MessageView.less +1 -1
  38. package/src/sap/m/themes/sap_horizon_hcw/Popover.less +4 -0
  39. package/src/sap/m/themes/sap_horizon_hcw/ProgressIndicator.less +7 -0
  40. package/src/sap/m/themes/sap_horizon_hcw/RatingIndicator.less +33 -0
  41. package/src/sap/m/themes/sap_horizon_hcw/SlideTile.less +53 -5
  42. package/src/sap/m/themes/sap_horizon_hcw/Toolbar.less +1 -1
  43. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  44. package/src/sap/ui/core/themes/sap_horizon/base.less +3 -3
  45. package/src/sap/ui/core/themes/sap_horizon/fonts/72-Black-full.woff2 +0 -0
  46. package/src/sap/ui/core/themes/sap_horizon/fonts/72-SemiboldDuplex-full.woff2 +0 -0
  47. package/src/sap/ui/core/themes/sap_horizon/fonts/72-SemiboldDuplex.woff2 +0 -0
  48. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
  49. package/src/sap/ui/core/themes/sap_horizon/global.less +2 -2
  50. package/src/sap/ui/core/themes/sap_horizon/shared.less +50 -49
  51. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  52. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +3 -3
  53. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-Black-full.woff2 +0 -0
  54. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-SemiboldDuplex-full.woff2 +0 -0
  55. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-SemiboldDuplex.woff2 +0 -0
  56. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.woff2 +0 -0
  57. package/src/sap/ui/core/themes/sap_horizon_dark/global.less +2 -2
  58. package/src/sap/ui/core/themes/sap_horizon_dark/shared.less +50 -49
  59. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  60. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +4 -4
  61. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-Black-full.woff2 +0 -0
  62. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-SemiboldDuplex-full.woff2 +0 -0
  63. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-SemiboldDuplex.woff2 +0 -0
  64. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.woff2 +0 -0
  65. package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +8 -2
  66. package/src/sap/ui/core/themes/sap_horizon_hcb/shared.less +55 -49
  67. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  68. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +4 -4
  69. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-Black-full.woff2 +0 -0
  70. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-SemiboldDuplex-full.woff2 +0 -0
  71. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-SemiboldDuplex.woff2 +0 -0
  72. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.woff2 +0 -0
  73. package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +8 -2
  74. package/src/sap/ui/core/themes/sap_horizon_hcw/shared.less +55 -49
  75. package/src/sap/ui/rta/themes/sap_horizon/Toolbar.adaptation.less +2 -0
  76. package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.adaptation.less +2 -0
  77. package/src/sap/ui/rta/themes/sap_horizon_hcb/Toolbar.adaptation.less +3 -0
  78. package/src/sap/ui/rta/themes/sap_horizon_hcw/Toolbar.adaptation.less +3 -0
  79. package/src/sap/ui/table/themes/sap_horizon/RowAction.less +12 -12
  80. package/src/sap/ui/table/themes/sap_horizon_dark/RowAction.less +12 -12
  81. package/src/sap/ui/unified/themes/sap_horizon/Calendar.less +8 -1
  82. package/src/sap/uxap/themes/sap_horizon/ObjectPageSubSection.less +0 -1
  83. package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSubSection.less +0 -1
package/.reuse/dep5 CHANGED
@@ -137,6 +137,11 @@ Copyright: jQuery Foundation and other contributors
137
137
  License: MIT
138
138
  Comment: these files belong to: QUnit 2
139
139
 
140
+ Files: src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/qunit-2.18.*
141
+ Copyright: jQuery Foundation and other contributors
142
+ License: MIT
143
+ Comment: these files belong to: QUnit 2.18
144
+
140
145
  Files: src/sap.ui.core/src/sap/ui/thirdparty/jquery-compat.js
141
146
  Copyright: OpenJS Foundation and other contributors
142
147
  License: MIT
@@ -154,7 +159,7 @@ Copyright:
154
159
  License: Apache-2.0 and MIT
155
160
  Comment: these files contain content from SAP and jQuery.rtl-scroll-type: _FeatureDetection.js is overall written by SAP, but contains code which is inspired by jQuery.rtl-scroll-type
156
161
 
157
- Files: src/sap.ui.core/src/sap/ui/thirdparty/qunit-composite*
162
+ Files: src/sap.ui.core/src/sap/ui/thirdparty/qunit-composite.*
158
163
  Copyright: jQuery Foundation and other contributors
159
164
  License: MIT
160
165
  Comment: these files belong to: QUnit Composite
@@ -234,6 +239,11 @@ Copyright: 2010-2017, Christian Johansen, christian@cjohansen.no
234
239
  License: BSD-3-Clause
235
240
  Comment: these files belong to: SinonJS
236
241
 
242
+ Files: src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/sinon-14.0.*
243
+ Copyright: 2010-2022, Christian Johansen, christian@cjohansen.no
244
+ License: BSD-3-Clause
245
+ Comment: these files belong to: SinonJS 14
246
+
237
247
  Files: src/sap.ui.core/src/sap/ui/thirdparty/sinon-qunit.js
238
248
  Copyright: 2010-2011, Christian Johansen
239
249
  License: BSD-3-Clause
@@ -339,6 +349,13 @@ Copyright:
339
349
  License: Apache-2.0 and ISC
340
350
  Comment: these files contain content from SAP and node-lru-cache: LRUPersistentCache.js is overall written by SAP, but portions ('Least Recently Used' logic) are taken from the node-lru-cache project (see https://github.com/isaacs/node-lru-cache/blob/v2.7.3/README.md) and modified.
341
351
 
352
+ Files: src/sap.ui.core/test/sap/ui/core/qunit/i18n/helper/_timezones.js
353
+ Copyright:
354
+ 2009-2022 SAP SE or an SAP affiliate company and OpenUI5 contributors
355
+ Arthur David Olson, Paul Eggert and other contributors
356
+ License: Apache-2.0 and LicenseRef-tzdata-PublicDomain
357
+ Comment: these files contain content from SAP and Time Zone Database: _timezones.js is overall written by SAP, but the list of IANA timezone IDs is taken from the Timezone Database
358
+
342
359
 
343
360
  # Library: sap.ui.documentation:
344
361
 
@@ -0,0 +1,5 @@
1
+ Unless specified below, all files in the tz code and data (including
2
+ this LICENSE file) are in the public domain.
3
+
4
+ If the files date.c, newstrftime.3, and strftime.c are present, they
5
+ contain material derived from BSD and use the BSD 3-clause license.
package/THIRDPARTY.txt CHANGED
@@ -76,6 +76,12 @@ License: MIT
76
76
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
77
77
  Contained in: src/sap.ui.core/src/sap/ui/thirdparty/qunit-2.*
78
78
 
79
+ Component: QUnit 2.18, version: 2.18.0
80
+ Copyright: jQuery Foundation and other contributors
81
+ License: MIT
82
+ License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
83
+ Contained in: src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/qunit-2.18.*
84
+
79
85
  Component: jQuery-Migrate, version: 3.3.1
80
86
  Copyright: OpenJS Foundation and other contributors
81
87
  License: MIT
@@ -98,7 +104,7 @@ Component: QUnit Composite, version: 1.0.2-pre
98
104
  Copyright: jQuery Foundation and other contributors
99
105
  License: MIT
100
106
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
101
- Contained in: src/sap.ui.core/src/sap/ui/thirdparty/qunit-composite*
107
+ Contained in: src/sap.ui.core/src/sap/ui/thirdparty/qunit-composite.*
102
108
 
103
109
  Component: JUnit Reporter for QUnit, version: 1.1.1
104
110
  Copyright: jQuery Foundation and other contributors
@@ -191,13 +197,19 @@ License: BSD-3-Clause
191
197
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
192
198
  Contained in: src/sap.ui.core/src/sap/ui/thirdparty/sinon-4.js
193
199
 
200
+ Component: SinonJS 14, version: 14.0.0
201
+ Copyright: 2010-2022, Christian Johansen, christian@cjohansen.no
202
+ License: BSD-3-Clause
203
+ License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
204
+ Contained in: src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/sinon-14.0.*
205
+
194
206
  Component: Sinon-qunit, version: 2.0.0
195
207
  Copyright: 2010-2011, Christian Johansen
196
208
  License: BSD-3-Clause
197
209
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
198
210
  Contained in: src/sap.ui.core/src/sap/ui/thirdparty/sinon-qunit.js
199
211
 
200
- Component: URI.js, version: 1.19.10
212
+ Component: URI.js, version: 1.19.11
201
213
  Copyright: Rodney Rehm
202
214
  License: MIT
203
215
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
@@ -315,6 +327,12 @@ License: ISC
315
327
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/ISC.txt
316
328
  Contained in: src/sap.ui.core/src/sap/ui/core/cache/LRUPersistentCache.js
317
329
 
330
+ Component: Time Zone Database, version: 2022a
331
+ Copyright: Arthur David Olson, Paul Eggert and other contributors
332
+ License: LicenseRef-tzdata-PublicDomain
333
+ License Text: https://github.com/SAP/openui5/blob/master/LICENSES/LicenseRef-tzdata-PublicDomain.txt
334
+ Contained in: src/sap.ui.core/test/sap/ui/core/qunit/i18n/helper/_timezones.js
335
+
318
336
 
319
337
  Library: sap.ui.documentation:
320
338
 
@@ -450,7 +468,7 @@ License: Apache-2.0
450
468
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
451
469
  Contained in: lib/jsdoc/ui5/plugin.js
452
470
 
453
- Component: SAP Theming Base Content, version: 11.1.39
471
+ Component: SAP Theming Base Content, version: 11.1.40
454
472
  Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
455
473
  License: Apache-2.0
456
474
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -980,6 +998,21 @@ END of license: LicenseRef-JSONinJSPublicDomain
980
998
  =================================
981
999
 
982
1000
 
1001
+ =================================
1002
+ BEGIN of license: LicenseRef-tzdata-PublicDomain
1003
+ =================================
1004
+
1005
+ Unless specified below, all files in the tz code and data (including
1006
+ this LICENSE file) are in the public domain.
1007
+
1008
+ If the files date.c, newstrftime.3, and strftime.c are present, they
1009
+ contain material derived from BSD and use the BSD 3-clause license.
1010
+
1011
+ =================================
1012
+ END of license: LicenseRef-tzdata-PublicDomain
1013
+ =================================
1014
+
1015
+
983
1016
  =================================
984
1017
  BEGIN of license: MIT
985
1018
  =================================
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openui5/themelib_sap_horizon",
3
- "version": "1.103.0",
3
+ "version": "1.105.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.103.0",
18
- "@openui5/sap.m": "1.103.0",
19
- "@openui5/sap.tnt": "1.103.0",
20
- "@openui5/sap.ui.codeeditor": "1.103.0",
21
- "@openui5/sap.ui.commons": "1.103.0",
22
- "@openui5/sap.ui.core": "1.103.0",
23
- "@openui5/sap.ui.dt": "1.103.0",
24
- "@openui5/sap.ui.fl": "1.103.0",
25
- "@openui5/sap.ui.mdc": "1.103.0",
26
- "@openui5/sap.ui.integration": "1.103.0",
27
- "@openui5/sap.ui.layout": "1.103.0",
28
- "@openui5/sap.ui.rta": "1.103.0",
29
- "@openui5/sap.ui.suite": "1.103.0",
30
- "@openui5/sap.ui.table": "1.103.0",
31
- "@openui5/sap.ui.unified": "1.103.0",
32
- "@openui5/sap.ui.ux3": "1.103.0",
33
- "@openui5/sap.uxap": "1.103.0"
17
+ "@openui5/sap.f": "1.105.0",
18
+ "@openui5/sap.m": "1.105.0",
19
+ "@openui5/sap.tnt": "1.105.0",
20
+ "@openui5/sap.ui.codeeditor": "1.105.0",
21
+ "@openui5/sap.ui.commons": "1.105.0",
22
+ "@openui5/sap.ui.core": "1.105.0",
23
+ "@openui5/sap.ui.dt": "1.105.0",
24
+ "@openui5/sap.ui.fl": "1.105.0",
25
+ "@openui5/sap.ui.mdc": "1.105.0",
26
+ "@openui5/sap.ui.integration": "1.105.0",
27
+ "@openui5/sap.ui.layout": "1.105.0",
28
+ "@openui5/sap.ui.rta": "1.105.0",
29
+ "@openui5/sap.ui.suite": "1.105.0",
30
+ "@openui5/sap.ui.table": "1.105.0",
31
+ "@openui5/sap.ui.unified": "1.105.0",
32
+ "@openui5/sap.ui.ux3": "1.105.0",
33
+ "@openui5/sap.uxap": "1.105.0"
34
34
  }
35
35
  }
@@ -138,7 +138,7 @@ html.sap-desktop {
138
138
  }
139
139
 
140
140
  .sapUiSizeCompact {
141
- .sapMTB {
141
+ .sapFDynamicPageTitle .sapMTB {
142
142
  height: 2.75rem;
143
143
  }
144
144
 
@@ -203,13 +203,11 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable:not(.sapMBadgeIn
203
203
  background-color: @sapUiButtonLiteBackground;
204
204
  }
205
205
 
206
- .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent) {
207
- &.sapMBtnDefault,
208
- &.sapMBtnBack {
206
+ .sapMIBar .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnDefault,
207
+ .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnBack {
208
+ color: @sapUiButtonLiteTextColor;
209
+ .sapUiIcon {
209
210
  color: @sapUiButtonLiteTextColor;
210
- .sapUiIcon {
211
- color: @sapUiButtonLiteTextColor;
212
- }
213
211
  }
214
212
  }
215
213
 
@@ -5,8 +5,8 @@
5
5
 
6
6
  .sapMGT.sapMGTBackgroundImage {
7
7
  .sapMGTContent {
8
- border-bottom-left-radius: @sapElement_BorderCornerRadius;
9
- border-bottom-right-radius: @sapElement_BorderCornerRadius;
8
+ border-bottom-left-radius: @sapTile_BorderCornerRadius;
9
+ border-bottom-right-radius: @sapTile_BorderCornerRadius;
10
10
  }
11
11
  }
12
12
 
@@ -14,6 +14,32 @@
14
14
  color: @sapUiContentContrastTextColor;
15
15
  }
16
16
 
17
+ .sapMGT.sapMGTScopeActions.sapMGTBackgroundImage, .sapMGT.sapMGTScopeSingleActions.sapMGTBackgroundImage {
18
+ .sapMGTContent {
19
+ &:before {
20
+ border-radius: @sapTile_BorderCornerRadius;
21
+ }
22
+ }
23
+ }
24
+
25
+ .sapMGT.sapMGTScopeActions:not(.sapMGTStateLoading){
26
+ .sapMTileCntContent{
27
+ &:after{
28
+ opacity: 0.4;
29
+ background-color: @sapTile_Background;
30
+
31
+ }
32
+ }
33
+ }
34
+
35
+ .sapMGT.sapMGTScopeActions.OneByHalf:not(.sapMGTStateLoading),.sapMGT.sapMGTScopeActions.TwoByHalf:not(.sapMGTStateLoading){
36
+ .sapMTileCntContent{
37
+ &:after{
38
+ top: -0.3125rem;
39
+ }
40
+ }
41
+ }
42
+
17
43
  /************************ LINE MODE LIST VIEW ********************/
18
44
 
19
45
  .sapMGT.sapMGTLineMode {
@@ -23,10 +49,18 @@
23
49
 
24
50
  .sap-desktop .sapMGT.sapMGTLineMode:not(.sapMGTDisabled) {
25
51
  &:not(.sapMGTLineModePress):hover {
26
- background: @sapUiTileHoverBackground;
52
+ background: @sapTile_Hover_Background;
53
+ box-shadow: @sapContent_Shadow2;
27
54
  }
28
55
  }
29
56
 
57
+ html.sap-desktop .sapMGT.sapMGTLineMode:active{
58
+ background-color: @sapTile_Active_Background;
59
+ outline: 0.125rem solid @sapContent_FocusColor !important;
60
+ outline-offset: -0.125rem;
61
+ border: none;
62
+ }
63
+
30
64
  .sapMGT.sapMGTLineMode:not(.sapMGTDisabled).sapMGTLineModePress {
31
65
  background: fade(@sapUiShellHoverBackground, 12);
32
66
  }
@@ -58,6 +92,16 @@
58
92
  }
59
93
  }
60
94
 
95
+ .sapMGT.sapMGTScopeActions .sapMGTRemoveButton, .sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton{
96
+ .sapMBtnInner{
97
+ border-color: @sapButton_BorderColor;
98
+ background: @sapButton_Background;
99
+ }
100
+ .sapMBtnIcon {
101
+ color: @sapButton_TextColor;
102
+ }
103
+ }
104
+
61
105
  .sapMGTLineMode .sapMGTLineModeHelpContainer:not(:last-child) {
62
106
  -webkit-mask-image: linear-gradient(to right, #FFF ~"calc(100% - 1.5rem)", transparent);
63
107
 
@@ -246,6 +290,7 @@ html.sap-desktop .sapMGTActionButtonPress.sapMGT:focus-visible
246
290
  {
247
291
  .sapMGTFocusDiv{
248
292
  border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
293
+ border-radius: @sapTile_BorderCornerRadius;
249
294
  }
250
295
  }
251
296
 
@@ -266,8 +311,18 @@ large.sapUiSizeCompact .sapMGT.sapMGTLineMode, .sapUiMedia-GenericTileDeviceSet-
266
311
  }
267
312
 
268
313
  .sapMGT {
269
- border-radius: @sapElement_BorderCornerRadius;
314
+ border-radius: @sapTile_BorderCornerRadius;
270
315
  border-color: @sapTile_BorderColor;
316
+ box-shadow: @sapContent_Shadow0;
317
+ .sapMGTContent{
318
+ border-radius: 0 0 @sapTile_BorderCornerRadius @sapTile_BorderCornerRadius;
319
+ }
320
+ }
321
+
322
+ .sapMGT.tileWithAppInfo {
323
+ .sapMGTContent{
324
+ border-radius: 0;
325
+ }
271
326
  }
272
327
 
273
328
  .sapUshellSection {
@@ -291,6 +346,9 @@ large.sapUiSizeCompact .sapMGT.sapMGTLineMode, .sapUiMedia-GenericTileDeviceSet-
291
346
  width: 19rem;
292
347
  }
293
348
 
349
+ .sapMTileSmallPhone .sapMTileCntContent{
350
+ height: 3.438rem;
351
+ }
294
352
  .sapMGT.TwoByHalf {
295
353
  width: 22.5rem;
296
354
  }
@@ -306,19 +364,35 @@ large.sapUiSizeCompact .sapMGT.sapMGTLineMode, .sapUiMedia-GenericTileDeviceSet-
306
364
 
307
365
  .sapMGT.sapMGTLineMode {
308
366
  border: 1px solid @sapTile_BorderColor !important;
309
- border-radius: @sapElement_BorderCornerRadius !important;
367
+ border-radius: @sapTile_BorderCornerRadius !important;
310
368
  box-shadow: @sapContent_Shadow0 !important;
311
369
  }
312
370
 
371
+ .sapMGT.sapMGTLineMode.sapMGTInfoRendered {
372
+ border: transparent !important;
373
+ .sapMGTTInfoWrapper{
374
+ border-radius: 0 @sapTile_BorderCornerRadius @sapTile_BorderCornerRadius 0 !important;
375
+ }
376
+ }
377
+
378
+ .sapMGT.sapMGTLineMode.sapMGTInfoRendered:focus {
379
+ .sapMGTFocusDiv{
380
+ inset: 0;
381
+ }
382
+ }
383
+
384
+ .sap-desktop .sapMGT.sapMGTLineMode.sapMGTInfoRendered:not(.sapMGTDisabled):not(.sapMGTLineModePress):hover {
385
+ border: transparent !important;
386
+ }
387
+
313
388
  .sap-desktop .sapMGT.sapMGTLineMode:not(.sapMGTDisabled):not(.sapMGTLineModePress):hover {
314
389
  background: @sapTile_Hover_Background;
315
390
  border: 1px solid @sapTile_BorderColor !important;
316
- box-shadow: @sapContent_Shadow1 !important;
391
+ box-shadow: @sapContent_Shadow2 !important;
317
392
  }
318
393
 
319
394
  html.sap-desktop .sapMGT:hover:not(.sapMGTPressActive) {
320
- border: 1px solid @sapTile_BorderColor !important;
321
- box-shadow: @sapContent_Shadow1 !important;
395
+ box-shadow: @sapContent_Shadow2 !important;
322
396
  }
323
397
 
324
398
  html.sap-desktop .sapMGTIconMode.sapMGT:hover:not(.sapMGTPressActive) {
@@ -336,13 +410,40 @@ html.sap-desktop .sapFGridContainer .sapFGridContainerItemWrapperNoVisualFocus:f
336
410
  box-shadow: inset 0 0 0 0.063rem @sapContent_ContrastFocusColor, 0 0 0 @sapContent_FocusWidth @sapContent_FocusColor;
337
411
  }
338
412
 
413
+ html.sap-desktop .sapMGT:active{
414
+ background-color: @sapTile_Active_Background;
415
+ border: 0.0625rem solid @sapTile_Interactive_BorderColor;
416
+ &.sapMGTIconMode{
417
+ outline: 0.0625rem solid @sapTile_Interactive_BorderColor;
418
+ border: none;
419
+ }
420
+ &.sapMGTNewsContent{
421
+ overflow: hidden;
422
+ }
423
+ .sapMGTFocusDiv{
424
+ box-shadow: none;
425
+ border: none !important;
426
+ }
427
+ }
428
+
429
+ html.sap-desktop .sapMGT:focus .sapMGTFocusDiv{
430
+ border: 0.125rem solid @sapContent_FocusColor;
431
+ border-radius: @sapTile_BorderCornerRadius;
432
+ box-shadow: none;
433
+ inset: -1px;
434
+ }
435
+
436
+ html.sap-desktop .sapMGT.sapMGTOneByOne:focus .sapMGTFocusDiv{
437
+ inset: 0;
438
+ }
439
+
339
440
  html.sap-desktop .sapMGT.sapMGTBackgroundImage:focus .sapMGTFocusDiv:after, html.sap-desktop .sapMGT.sapMGTBackgroundImage:active .sapMGTFocusDiv:after {
340
441
  border: none;
341
442
  border-radius: @sapElement_BorderCornerRadius;
342
443
  }
343
444
 
344
445
  .sapMGTLineMode .sapMGTFocusDiv {
345
- border-radius: 10px !important;
446
+ border-radius: 16px !important;
346
447
  top: 0;
347
448
  right: 0;
348
449
  bottom: 0;
@@ -402,7 +503,14 @@ html.sap-desktop .sapMGT.sapMGTBackgroundImage:focus .sapMGTFocusDiv:after, html
402
503
  .sapMGT.sapMGTScopeActions, .sapMGT.sapMGTScopeSingleAction{
403
504
  .sapMGTMoreIcon{
404
505
  .sapMBtnIcon{
405
- color: @sapUiButtonLiteTextColor;
506
+ color: @sapButton_Lite_TextColor;
406
507
  }
407
508
  }
509
+ }
510
+
511
+ .sapMGT.OneByOne,.sapMGT.TwoByOne{
512
+ .sapMTileCnt.News {
513
+ border-bottom-left-radius: 0.87rem;
514
+ border-bottom-right-radius: 0.87rem;
515
+ }
408
516
  }
@@ -15,4 +15,20 @@
15
15
 
16
16
  .sapMHdrCntrBGTranslucent {
17
17
  background-color: @_sap_m_HeaderContainer_TranslucentBackground;
18
- }
18
+ }
19
+
20
+ .sapMHdrCntrBtnIcon{
21
+ color: @sapContent_NonInteractiveIconColor;
22
+ }
23
+
24
+ .sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
25
+ border-left: 1px solid @sapList_BorderColor;
26
+ }
27
+
28
+ .sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
29
+ border-top: 1px solid @sapList_BorderColor;
30
+ }
31
+
32
+ .sapMHdrCntrBGTransparent {
33
+ background-color: transparent;
34
+ }
@@ -14,12 +14,15 @@
14
14
  .sapMTileCnt.News {
15
15
  .sapMNwC {
16
16
  .sapMNwCSbh {
17
- color: @_sap_m_NewsContent_SubHeaderTextColor;
17
+ color: @sapTile_OverlayForegroundColor;
18
18
  line-height: normal;
19
+ font-size: @sapFontSize;
19
20
  }
20
21
  .sapMNwCCTxt .sapMText, .sapMNwCCTxt .sapMFT {
21
- color: @_sap_m_NewsContent_HeaderTextColor;
22
+ font-size: @sapFontSize;
22
23
  line-height: normal;
24
+ font-weight: bold;
25
+ color: @sapTile_OverlayForegroundColor;
23
26
  }
24
27
  }
25
28
  }
@@ -40,6 +43,17 @@
40
43
  }
41
44
  }
42
45
 
46
+ .sapMTileSmallPhone{
47
+ .sapMTileCnt.News{
48
+ .sapMTileCntContent{
49
+ height: 3.25rem;
50
+ .sapMFT{
51
+ font-size: 0.75rem;
52
+ }
53
+ }
54
+ }
55
+ }
56
+
43
57
  .sapMNwC:focus {
44
58
  outline: 1px dotted @sapUiContentFocusColor;
45
59
  }
@@ -126,6 +126,10 @@
126
126
  .sapMPopover {
127
127
  border-radius: @sapUiPopoverBorderCornerRadius;
128
128
 
129
+ .sapMPopoverCont {
130
+ padding: 0.0625rem;
131
+ }
132
+
129
133
  &.sapMPopoverWithoutBar .sapMPopoverCont,
130
134
  .sapMIBar.sapMHeader-CTX {
131
135
  border-top-right-radius: @sapUiPopoverBorderCornerRadius;
@@ -203,4 +203,11 @@
203
203
  top: -1.3125rem;
204
204
  right: -0.0675rem;
205
205
  }
206
+ }
207
+
208
+ /* Compact and Condensed */
209
+ .sapUiSizeCondensed .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly),
210
+ .sapUiSizeCompact .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly) {
211
+ padding: 0.4375rem 0;
212
+ margin: 0;
206
213
  }
@@ -55,6 +55,20 @@
55
55
  background-color: @sapUiContentMeasureIndicatorColor;
56
56
  }
57
57
 
58
+ .sapMRangeSlider .sapMSliderLabels {
59
+ width: 100%;
60
+ position: absolute;
61
+ top: 2.125rem;
62
+ }
63
+
64
+ .sapMRangeSlider .sapMSliderTickLabel .sapMSliderLabel {
65
+ top: 1rem;
66
+ }
67
+
68
+ .sapMRangeSlider .sapMSliderRangeLabel {
69
+ padding-top: 0.4375rem;
70
+ }
71
+
58
72
  .sapUiSizeCompact {
59
73
  .sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle.sapMSliderHandlePressed {
60
74
  &:not(:focus) {
@@ -66,6 +80,14 @@
66
80
  }
67
81
  }
68
82
 
83
+ .sapMRangeSlider .sapMSliderLabels {
84
+ margin: 0 -0.875rem;
85
+ }
86
+
87
+ .sapMRangeSlider .sapMSliderRangeLabel {
88
+ padding-top: 0.375rem;
89
+ }
90
+
69
91
  .sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
70
92
  background: @sapUiSliderActiveRangeHandleBackground;
71
93
  border: 0.125rem solid #0070F2;
@@ -53,4 +53,34 @@ html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly){
53
53
  .sapMRI .sapUiIcon,
54
54
  .sapMRI .sapMImg {
55
55
  top: -1px;
56
+ }
57
+
58
+ /* As font-size is set as an inline style, we need to override it for horizon only using important */
59
+ .sapMRINoCustomIconSize {
60
+ &.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
61
+ &.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
62
+ &.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon {
63
+ font-size: 1.125rem !important;
64
+ }
65
+ }
66
+
67
+ .sapUiSizeCompact .sapMRINoCustomIconSize {
68
+ &.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
69
+ &.sapMRIReadOnly .sapMRIIconSel .sapMRIunratedIcon,
70
+ &.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
71
+ &.sapMRIDisplayOnly .sapMRIIconSel .sapMRIunratedIcon,
72
+ &.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon,
73
+ &.sapMRIDisabled .sapMRIIconSel .sapMRIunratedIcon {
74
+ font-size: .75rem !important;
75
+ }
76
+
77
+ & .sapUiIcon,
78
+ & .sapUiIcon {
79
+ font-size: 1rem !important;
80
+ }
81
+
82
+ & .sapMRISel,
83
+ & .sapMRIUnselWrapper {
84
+ height: 100%;
85
+ }
56
86
  }