@openui5/themelib_sap_horizon 1.103.1 → 1.104.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 (73) hide show
  1. package/.reuse/dep5 +17 -0
  2. package/LICENSES/LicenseRef-tzdata-PublicDomain.txt +5 -0
  3. package/THIRDPARTY.txt +35 -2
  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 +15 -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/Popover.less +4 -0
  38. package/src/sap/m/themes/sap_horizon_hcw/ProgressIndicator.less +7 -0
  39. package/src/sap/m/themes/sap_horizon_hcw/RatingIndicator.less +33 -0
  40. package/src/sap/m/themes/sap_horizon_hcw/SlideTile.less +53 -5
  41. package/src/sap/m/themes/sap_horizon_hcw/Toolbar.less +1 -1
  42. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  43. package/src/sap/ui/core/themes/sap_horizon/base.less +3 -3
  44. package/src/sap/ui/core/themes/sap_horizon/fonts/72-Black-full.woff2 +0 -0
  45. package/src/sap/ui/core/themes/sap_horizon/fonts/72-SemiboldDuplex-full.woff2 +0 -0
  46. package/src/sap/ui/core/themes/sap_horizon/fonts/72-SemiboldDuplex.woff2 +0 -0
  47. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
  48. package/src/sap/ui/core/themes/sap_horizon/shared.less +15 -0
  49. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  50. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +3 -3
  51. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-Black-full.woff2 +0 -0
  52. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-SemiboldDuplex-full.woff2 +0 -0
  53. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-SemiboldDuplex.woff2 +0 -0
  54. package/src/sap/ui/core/themes/sap_horizon_dark/shared.less +15 -0
  55. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  56. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +4 -4
  57. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-Black-full.woff2 +0 -0
  58. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-SemiboldDuplex-full.woff2 +0 -0
  59. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-SemiboldDuplex.woff2 +0 -0
  60. package/src/sap/ui/core/themes/sap_horizon_hcb/shared.less +20 -0
  61. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  62. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +4 -4
  63. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-Black-full.woff2 +0 -0
  64. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-SemiboldDuplex-full.woff2 +0 -0
  65. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-SemiboldDuplex.woff2 +0 -0
  66. package/src/sap/ui/core/themes/sap_horizon_hcw/shared.less +20 -0
  67. package/src/sap/ui/rta/themes/sap_horizon/Toolbar.adaptation.less +2 -0
  68. package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.adaptation.less +2 -0
  69. package/src/sap/ui/rta/themes/sap_horizon_hcb/Toolbar.adaptation.less +3 -0
  70. package/src/sap/ui/rta/themes/sap_horizon_hcw/Toolbar.adaptation.less +3 -0
  71. package/src/sap/ui/table/themes/sap_horizon/RowAction.less +12 -12
  72. package/src/sap/ui/table/themes/sap_horizon_dark/RowAction.less +12 -12
  73. package/src/sap/ui/unified/themes/sap_horizon/Calendar.less +8 -1
@@ -16,14 +16,6 @@
16
16
  outline: none;
17
17
  }
18
18
 
19
- .sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
20
- border-left: 1px solid @sapUiHcReducedAltForeground;
21
- }
22
-
23
- .sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
24
- border-top: 1px solid @sapUiHcReducedAltForeground;
25
- }
26
-
27
19
  .sapMHrdrCntrInner {
28
20
  border: 2px solid transparent;
29
21
  }
@@ -31,4 +23,20 @@
31
23
  html.sap-desktop .sapMHrdrCntrInner:focus {
32
24
  outline: none;
33
25
  border: 2px dotted @sapUiContentFocusColor;
26
+ }
27
+
28
+ .sapMHdrCntrBtnIcon{
29
+ color: @sapContent_NonInteractiveIconColor;
30
+ }
31
+
32
+ .sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
33
+ border-left: 1px solid @sapList_BorderColor;
34
+ }
35
+
36
+ .sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
37
+ border-top: 1px solid @sapList_BorderColor;
38
+ }
39
+
40
+ .sapMHdrCntrBGTransparent {
41
+ background-color: transparent;
34
42
  }
@@ -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
  }
@@ -43,4 +43,37 @@ html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly) {
43
43
 
44
44
  .sapMRIIconSel, .sapMRIIconUnsel {
45
45
  text-shadow: @sapContent_TextShadow;
46
+ }
47
+
48
+ /* As font-size is set as an inline style, we need to override it for horizon only using important */
49
+ .sapMRINoCustomIconSize {
50
+ &.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
51
+ &.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon {
52
+ font-size: 1.125rem !important;
53
+ }
54
+
55
+ &.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon {
56
+ font-size: .75rem !important;
57
+ }
58
+ }
59
+
60
+ .sapUiSizeCompact .sapMRINoCustomIconSize {
61
+ &.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
62
+ &.sapMRIReadOnly .sapMRIIconSel .sapMRIunratedIcon,
63
+ &.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
64
+ &.sapMRIDisplayOnly .sapMRIIconSel .sapMRIunratedIcon,
65
+ &.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon,
66
+ &.sapMRIDisabled .sapMRIIconSel .sapMRIunratedIcon {
67
+ font-size: .75rem !important;
68
+ }
69
+
70
+ & .sapUiIcon,
71
+ & .sapUiIcon {
72
+ font-size: 1rem !important;
73
+ }
74
+
75
+ & .sapMRISel,
76
+ & .sapMRIUnselWrapper {
77
+ height: 100%;
78
+ }
46
79
  }
@@ -22,26 +22,73 @@ html.sap-desktop .sapMST:focus:not([tabindex]) {
22
22
 
23
23
  /* Bulleted indicator of multiple tiles*/
24
24
  .sapMSTBulleted > span {
25
- background-color: @sapUiTileBackground;
26
- border: 1px solid @sapUiTileBorderColor;
25
+ border: solid 0.0625rem @sapTile_OverlayForegroundColor;
26
+ opacity: 0.6;
27
+ box-shadow : 0 0 0.125rem @sapContent_ShadowColor;
28
+ margin: 0 0.094rem;
27
29
  }
28
30
 
29
31
  .sapMSTBulleted > span.sapMSTActive {
30
- background-color: @sapUiContentContrastIconColor;
32
+ background: @sapTile_OverlayForegroundColor;
33
+ box-shadow: 0 0 0.063rem @sapContent_ShadowColor;
31
34
  }
32
35
 
33
36
  .sapMST .sapMSTIconDisplayArea {
34
- background-color: darken(@sapUiHighlight, 18);
37
+ background-color: @sapButton_Background;
38
+ border: 0.0625rem solid @sapButton_BorderColor;
39
+ }
40
+
41
+ .sapMST .sapMSTIconNestedArea .sapUiIcon{
42
+ color: @sapButton_IconColor !important;
35
43
  }
36
44
 
37
45
  .sapMST .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
38
- background-color: @sapUiHighlight;
46
+ background-color: @sapButton_Active_Background;
39
47
  }
40
48
 
41
49
  .sapMST .sapMGT {
42
50
  border: none;
43
51
  }
44
52
 
53
+ .sapMST:hover {
54
+ box-shadow: none;
55
+ .sapMSTFocusDiv{
56
+ outline: 0.1875rem solid;
57
+ }
58
+ }
45
59
  .sapMST .sapMGT:active .sapMGTFocusDiv {
46
60
  border: none;
61
+ }
62
+
63
+ html.sap-desktop .sapMST.sapMSTIconPressed .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
64
+ border-color: @sapButton_Active_BorderColor;
65
+ background-color: @sapButton_Active_Background;
66
+ }
67
+
68
+ html.sap-desktop .sapMST.sapMSTIconPressed{
69
+ .sapMSTIconNestedArea{
70
+ .sapUiIcon{
71
+ color: @sapButton_Active_TextColor !important;
72
+ }
73
+ }
74
+ }
75
+
76
+ .sapMSTWrapper>.sapMGT{
77
+ &:not(.sapMGTStateDisabled):hover, &:not(.sapMGTStateDisabled):active {
78
+ border: none !important;
79
+ }
80
+ }
81
+
82
+ .sapMST .sapMSTIconNestedArea {
83
+ .sapUiIcon {
84
+ top: 0.1rem;
85
+ right: 0.04rem
86
+ }
87
+ }
88
+
89
+ .sapMST:not(.sapMSTPauseIcon) .sapMSTIconNestedArea{
90
+ .sapUiIcon {
91
+ top: 0.05rem;
92
+ left: 0.1rem;
93
+ }
47
94
  }
@@ -16,7 +16,7 @@ html.sap-desktop .sapMTBActive:focus {
16
16
 
17
17
  .sapMTB-Transparent-CTX.sapMTB,
18
18
  .sapMIBar.sapMTB-Info-CTX.sapMTB {
19
- padding: 0 0.5rem;
19
+ padding: 0 0.5rem 0 0.75rem;
20
20
  }
21
21
 
22
22
  /* Transparent Toolbar Context */
@@ -20,6 +20,15 @@
20
20
  .sapMGTOverlay {
21
21
  background-color: fade(@sapUiBlockLayerBackground, 70);
22
22
  }
23
+
24
+ .sapMGT.sapMGTScopeActions .sapMGTRemoveButton, .sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton{
25
+ .sapMBtnInner{
26
+ border-color: @sapButton_BorderColor;
27
+ }
28
+ .sapMBtnIcon {
29
+ color: @sapButton_TextColor;
30
+ }
31
+ }
23
32
  /************************ LINE MODE LIST VIEW ********************/
24
33
 
25
34
  .sapMGT.sapMGTLineMode {
@@ -152,9 +161,115 @@ html.sap-tablet .sapMGTBackgroundHvrOutln:not(.sapMGTStateDisabled):active {
152
161
  }
153
162
  }
154
163
 
164
+ html.sap-desktop .sapMGT:not(.sapMGTStateDisabled,.sapMGTLineMode,.TwoByHalf.sapMGTIconMode):hover,
165
+ html.sap-desktop .sapMGT:not(.sapMGTStateDisabled,.sapMGTLineMode,.TwoByHalf.sapMGTIconMode):active {
166
+ box-shadow: none;
167
+ border-color: transparent !important;
168
+ .sapMGTFocusDiv{
169
+ outline:solid 0.1875rem @sapTile_Interactive_BorderColor;
170
+ }
171
+ }
172
+
155
173
  .TwoByOne.sapMGTActionMode {
156
174
  border-radius: 1.25rem;
157
175
  .sapMGTFocusDiv {
158
176
  border-radius: 1.25rem !important;
159
177
  }
160
- }
178
+ }
179
+
180
+ html.sap-desktop .sapMGT.sapMGTLineMode:hover{
181
+ box-shadow: none !important;
182
+ border: none !important;
183
+ .sapMGTFocusDiv {
184
+ border: 0.1875rem solid @sapTile_Interactive_BorderColor;
185
+ inset: -2px;
186
+ }
187
+ }
188
+
189
+ .sapMGT.sapMGTLineMode:active{
190
+ background-color: @sapTile_Active_Background;
191
+ outline: 2px solid @sapContent_FocusColor !important;
192
+ outline-offset: -0.125rem;
193
+ border: none !important;
194
+ .sapMGTFocusDiv{
195
+ border: none !important;
196
+ box-shadow: none !important;
197
+ }
198
+ }
199
+
200
+
201
+ .sapMGT.sapMGTScopeActions.sapMGTIconMode .sapMBtnBase.sapMGTMoreIcon .sapMBtnIcon {
202
+ line-height: 2.125rem !important;
203
+ border: none;
204
+ }
205
+ .sapUiSizeCompact{
206
+ .sapMGT.sapMGTScopeActions.sapMGTIconMode .sapMBtnBase.sapMGTMoreIcon .sapMBtnIcon {
207
+ line-height: 1.5rem !important;
208
+ }
209
+ }
210
+
211
+ .sapMGT.sapMGTScopeActions, .sapMGT.sapMGTScopeSingleAction{
212
+ .sapMBtnBase.sapMGTMoreIcon{
213
+ .sapMBtnIcon{
214
+ border: 0.01rem solid;
215
+ border-radius: 0.5rem;
216
+ line-height: 1.7;
217
+ }
218
+ }
219
+ }
220
+
221
+ .sapUiSizeCompact{
222
+ .sapMGT.sapMGTScopeActions:not(.sapMGTIconMode.TwoByHalf), .sapMGT.sapMGTScopeSingleAction:not(.sapMGTIconMode.TwoByHalf){
223
+ .sapMBtnBase.sapMGTMoreIcon{
224
+ .sapMBtnIcon{
225
+ padding-left: 0.5rem;
226
+ padding-right: 0.5rem;
227
+ line-height: 1.5rem;
228
+ left: 0.4rem;
229
+ }
230
+ }
231
+ }
232
+ }
233
+ .sapMGTLineMode .sapMGTActionsContainer, .sapMGTLineMode .sapMGTScopeSingleActionContainer{
234
+ .sapMGTMoreIcon.sapMBtnBase{
235
+ .sapMBtnIcon{
236
+ bottom: 0.5rem;
237
+ left: -1.5rem;
238
+ }
239
+ }
240
+ }
241
+
242
+ .sapUiSizeCompact{
243
+ .sapMGT.sapMGTLineMode.sapMGTScopeSingleAction:not(.sapMGTIconMode.TwoByHalf), .sapMGT.sapMGTLineMode.sapMGTScopeActions:not(.sapMGTIconMode.TwoByHalf){
244
+ .sapMGTMoreIcon.sapMBtnBase{
245
+ .sapMBtnIcon{
246
+ bottom: 0.4rem;
247
+ left: -1.7rem
248
+ }
249
+ }
250
+ }
251
+ }
252
+
253
+ .sapUiMedia-GenericTileDeviceSet-large{
254
+ .sapMGTLineMode.sapMGTScopeSingleAction {
255
+ .sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
256
+ padding-right: 3rem;
257
+ }
258
+ }
259
+ }
260
+
261
+ .sapUiMedia-GenericTileDeviceSet-large{
262
+ .sapMGTLineMode.sapMGTScopeSingleAction.sapMGTAcionRemove {
263
+ .sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
264
+ padding-right: 1rem;
265
+ }
266
+ }
267
+ }
268
+
269
+ .sapUiMedia-GenericTileDeviceSet-large{
270
+ .sapMGTLineMode.sapMGTScopeActions {
271
+ .sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
272
+ padding-right: 4.5rem;
273
+ }
274
+ }
275
+ }
@@ -16,14 +16,6 @@
16
16
  outline: none;
17
17
  }
18
18
 
19
- .sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
20
- border-left: 1px solid @sapUiHcReducedAltForeground;
21
- }
22
-
23
- .sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
24
- border-top: 1px solid @sapUiHcReducedAltForeground;
25
- }
26
-
27
19
  .sapMHrdrCntrInner {
28
20
  border: 2px solid transparent;
29
21
  }
@@ -31,4 +23,20 @@
31
23
  html.sap-desktop .sapMHrdrCntrInner:focus {
32
24
  outline: none;
33
25
  border: 2px dotted @sapUiContentFocusColor;
26
+ }
27
+
28
+ .sapMHdrCntrBtnIcon{
29
+ color: @sapContent_NonInteractiveIconColor;
30
+ }
31
+
32
+ .sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
33
+ border-left: 1px solid @sapList_BorderColor;
34
+ }
35
+
36
+ .sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
37
+ border-top: 1px solid @sapList_BorderColor;
38
+ }
39
+
40
+ .sapMHdrCntrBGTransparent {
41
+ background-color: transparent;
34
42
  }
@@ -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
  }
@@ -43,4 +43,37 @@ html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly) {
43
43
 
44
44
  .sapMRIIconSel, .sapMRIIconUnsel {
45
45
  text-shadow: @sapContent_TextShadow;
46
+ }
47
+
48
+ /* As font-size is set as an inline style, we need to override it for horizon only using important */
49
+ .sapMRINoCustomIconSize {
50
+ &.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
51
+ &.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon {
52
+ font-size: 1.125rem !important;
53
+ }
54
+
55
+ &.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon {
56
+ font-size: .75rem !important;
57
+ }
58
+ }
59
+
60
+ .sapUiSizeCompact .sapMRINoCustomIconSize {
61
+ &.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
62
+ &.sapMRIReadOnly .sapMRIIconSel .sapMRIunratedIcon,
63
+ &.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
64
+ &.sapMRIDisplayOnly .sapMRIIconSel .sapMRIunratedIcon,
65
+ &.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon,
66
+ &.sapMRIDisabled .sapMRIIconSel .sapMRIunratedIcon {
67
+ font-size: .75rem !important;
68
+ }
69
+
70
+ & .sapUiIcon,
71
+ & .sapUiIcon {
72
+ font-size: 1rem !important;
73
+ }
74
+
75
+ & .sapMRISel,
76
+ & .sapMRIUnselWrapper {
77
+ height: 100%;
78
+ }
46
79
  }
@@ -22,26 +22,74 @@ html.sap-desktop .sapMST:focus:not([tabindex]) {
22
22
 
23
23
  /* Bulleted indicator of multiple tiles*/
24
24
  .sapMSTBulleted > span {
25
- background-color: @sapUiTileBackground;
26
- border: 1px solid @sapUiTileBorderColor;
25
+ border: solid 0.0625rem @sapTile_OverlayForegroundColor;
26
+ opacity: 0.6;
27
+ box-shadow : 0 0 0.125rem @sapContent_ShadowColor;
28
+ margin: 0 0.094rem;
27
29
  }
28
30
 
29
31
  .sapMSTBulleted > span.sapMSTActive {
30
- background-color: @sapUiContentContrastIconColor;
32
+ background: @sapTile_OverlayForegroundColor;
33
+ box-shadow: 0 0 0.063rem @sapContent_ShadowColor;
31
34
  }
32
35
 
33
36
  .sapMST .sapMSTIconDisplayArea {
34
- background-color: darken(@sapUiHighlight, 18);
37
+ background-color: @sapButton_Background;
38
+ border: 0.0625rem solid @sapButton_BorderColor;
39
+ }
40
+
41
+ .sapMST .sapMSTIconNestedArea .sapUiIcon{
42
+ color: @sapButton_IconColor !important;
35
43
  }
36
44
 
37
45
  .sapMST .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
38
- background-color: @sapUiHighlight;
46
+ background-color: @sapButton_Active_Background;
39
47
  }
40
48
 
41
49
  .sapMST .sapMGT {
42
50
  border: none;
43
51
  }
44
52
 
53
+ .sapMST:hover {
54
+ box-shadow: none;
55
+ .sapMSTFocusDiv{
56
+ outline: 0.1875rem solid;
57
+ }
58
+ }
59
+
45
60
  .sapMST .sapMGT:active .sapMGTFocusDiv {
46
61
  border: none;
62
+ }
63
+
64
+ html.sap-desktop .sapMST.sapMSTIconPressed .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
65
+ border-color: @sapButton_Active_BorderColor;
66
+ background-color: @sapButton_Active_Background;
67
+ }
68
+
69
+ html.sap-desktop .sapMST.sapMSTIconPressed{
70
+ .sapMSTIconNestedArea{
71
+ .sapUiIcon{
72
+ color: @sapButton_Active_TextColor !important;
73
+ }
74
+ }
75
+ }
76
+
77
+ .sapMSTWrapper>.sapMGT{
78
+ &:not(.sapMGTStateDisabled):hover, &:not(.sapMGTStateDisabled):active {
79
+ border: none !important;
80
+ }
81
+ }
82
+
83
+ .sapMST .sapMSTIconNestedArea {
84
+ .sapUiIcon {
85
+ top: 0.1rem;
86
+ right: 0.04rem
87
+ }
88
+ }
89
+
90
+ .sapMST:not(.sapMSTPauseIcon) .sapMSTIconNestedArea{
91
+ .sapUiIcon {
92
+ top: 0.05rem;
93
+ left: 0.1rem;
94
+ }
47
95
  }
@@ -16,7 +16,7 @@ html.sap-desktop .sapMTBActive:focus {
16
16
 
17
17
  .sapMTB-Transparent-CTX.sapMTB,
18
18
  .sapMIBar.sapMTB-Info-CTX.sapMTB {
19
- padding: 0 0.5rem;
19
+ padding: 0 0.5rem 0 0.75rem;
20
20
  }
21
21
 
22
22
  /* Transparent Toolbar Context */
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.103.1</version>
9
+ <version>1.104.0</version>
10
10
 
11
11
  <documentation>SAPUI5 Horizon theme library.</documentation>
12
12
 
@@ -1,11 +1,11 @@
1
1
  // /**
2
- // * Copyright (c) 2012-2020 SAP SE or an SAP affiliate company. All rights reserved.
2
+ // * Copyright (c) 2012-2022 SAP SE or an SAP affiliate company and Theming Base Content contributors. Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
3
3
  // * Theming Engine 1.69.2
4
- // * data:{"sModified":"2022-04-26T06:31:06Z"}
4
+ // * data:{"sModified":"2022-05-24T07:19:31Z"}
5
5
  // */
6
6
 
7
7
 
8
- /******************* FILE /Base/baseLib/sap_horizon/base.less (Version 11.1.39) *******************/
8
+ /******************* FILE /Base/baseLib/sap_horizon/base.less (Version 11.1.40) *******************/
9
9
 
10
10
 
11
11
  // [Tags "SapInternal", "Base", "Dimension", "Protected"]
@@ -306,6 +306,21 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
306
306
  src: url('fonts/72-Black.woff2') format('woff2');
307
307
  }
308
308
 
309
+ @font-face {
310
+ font-family: '72Blackfull';
311
+ src: url('fonts/72-Black-full.woff2') format('woff2');
312
+ }
313
+
314
+ @font-face {
315
+ font-family: '72-SemiboldDuplex';
316
+ src: url('fonts/72-SemiboldDuplex.woff2') format('woff2');
317
+ }
318
+
319
+ @font-face {
320
+ font-family: '72-SemiboldDuplexfull';
321
+ src: url('fonts/72-SemiboldDuplex-full.woff2') format('woff2');
322
+ }
323
+
309
324
  /**
310
325
  * Some diacritics are supported by the 72 font:
311
326
  * * Grave
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.103.1</version>
9
+ <version>1.104.0</version>
10
10
 
11
11
  <documentation>SAPUI5 Evening Horizon theme library.</documentation>
12
12
 
@@ -1,11 +1,11 @@
1
1
  // /**
2
- // * Copyright (c) 2012-2020 SAP SE or an SAP affiliate company. All rights reserved.
2
+ // * Copyright (c) 2012-2022 SAP SE or an SAP affiliate company and Theming Base Content contributors. Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
3
3
  // * Theming Engine 1.69.2
4
- // * data:{"sModified":"2022-04-26T06:31:06Z"}
4
+ // * data:{"sModified":"2022-05-24T07:19:31Z"}
5
5
  // */
6
6
 
7
7
 
8
- /******************* FILE /Base/baseLib/sap_horizon_dark/base.less (Version 11.1.39) *******************/
8
+ /******************* FILE /Base/baseLib/sap_horizon_dark/base.less (Version 11.1.40) *******************/
9
9
 
10
10
 
11
11
  // [Tags "SapInternal", "Base", "Dimension", "Protected"]
@@ -306,6 +306,21 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
306
306
  src: url('fonts/72-Black.woff2') format('woff2');
307
307
  }
308
308
 
309
+ @font-face {
310
+ font-family: '72Blackfull';
311
+ src: url('fonts/72-Black-full.woff2') format('woff2');
312
+ }
313
+
314
+ @font-face {
315
+ font-family: '72-SemiboldDuplex';
316
+ src: url('fonts/72-SemiboldDuplex.woff2') format('woff2');
317
+ }
318
+
319
+ @font-face {
320
+ font-family: '72-SemiboldDuplexfull';
321
+ src: url('fonts/72-SemiboldDuplex-full.woff2') format('woff2');
322
+ }
323
+
309
324
  /**
310
325
  * Some diacritics are supported by the 72 font:
311
326
  * * Grave
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.103.1</version>
9
+ <version>1.104.0</version>
10
10
 
11
11
  <documentation>SAPUI5 horizon high contrast black theme library.</documentation>
12
12
 
@@ -1,11 +1,11 @@
1
1
  // /**
2
- // * Copyright (c) 2012-2020 SAP SE or an SAP affiliate company. All rights reserved.
2
+ // * Copyright (c) 2012-2022 SAP SE or an SAP affiliate company and Theming Base Content contributors. Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
3
3
  // * Theming Engine 1.69.2
4
- // * data:{"sModified":"2022-04-26T06:31:06Z"}
4
+ // * data:{"sModified":"2022-05-24T07:19:31Z"}
5
5
  // */
6
6
 
7
7
 
8
- /******************* FILE /Base/baseLib/sap_horizon_hcb/base.less (Version 11.1.39) *******************/
8
+ /******************* FILE /Base/baseLib/sap_horizon_hcb/base.less (Version 11.1.40) *******************/
9
9
 
10
10
 
11
11
  // [Tags "SapInternal", "Base", "Dimension", "Protected"]
@@ -1626,7 +1626,7 @@
1626
1626
  @sapPageFooter_Background: @sapBackgroundColor;
1627
1627
 
1628
1628
  // [Tags "!Protected"]
1629
- @sapPageFooter_BorderColor: @sapPageFooter_Background;
1629
+ @sapPageFooter_BorderColor: @sapHC_StandardForeground;
1630
1630
 
1631
1631
  // [Tags "!Protected"]
1632
1632
  @sapPageFooter_TextColor: contrast(@sapPageFooter_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);