@openui5/themelib_sap_horizon 1.120.17 → 1.120.19

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openui5/themelib_sap_horizon",
3
- "version": "1.120.17",
3
+ "version": "1.120.19",
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.120.17",
18
- "@openui5/sap.m": "1.120.17",
19
- "@openui5/sap.tnt": "1.120.17",
20
- "@openui5/sap.ui.codeeditor": "1.120.17",
21
- "@openui5/sap.ui.commons": "1.120.17",
22
- "@openui5/sap.ui.core": "1.120.17",
23
- "@openui5/sap.ui.dt": "1.120.17",
24
- "@openui5/sap.ui.fl": "1.120.17",
25
- "@openui5/sap.ui.mdc": "1.120.17",
26
- "@openui5/sap.ui.integration": "1.120.17",
27
- "@openui5/sap.ui.layout": "1.120.17",
28
- "@openui5/sap.ui.rta": "1.120.17",
29
- "@openui5/sap.ui.suite": "1.120.17",
30
- "@openui5/sap.ui.table": "1.120.17",
31
- "@openui5/sap.ui.unified": "1.120.17",
32
- "@openui5/sap.ui.ux3": "1.120.17",
33
- "@openui5/sap.uxap": "1.120.17"
17
+ "@openui5/sap.f": "1.120.19",
18
+ "@openui5/sap.m": "1.120.19",
19
+ "@openui5/sap.tnt": "1.120.19",
20
+ "@openui5/sap.ui.codeeditor": "1.120.19",
21
+ "@openui5/sap.ui.commons": "1.120.19",
22
+ "@openui5/sap.ui.core": "1.120.19",
23
+ "@openui5/sap.ui.dt": "1.120.19",
24
+ "@openui5/sap.ui.fl": "1.120.19",
25
+ "@openui5/sap.ui.mdc": "1.120.19",
26
+ "@openui5/sap.ui.integration": "1.120.19",
27
+ "@openui5/sap.ui.layout": "1.120.19",
28
+ "@openui5/sap.ui.rta": "1.120.19",
29
+ "@openui5/sap.ui.suite": "1.120.19",
30
+ "@openui5/sap.ui.table": "1.120.19",
31
+ "@openui5/sap.ui.unified": "1.120.19",
32
+ "@openui5/sap.ui.ux3": "1.120.19",
33
+ "@openui5/sap.uxap": "1.120.19"
34
34
  }
35
35
  }
@@ -368,6 +368,12 @@ large.sapUiSizeCompact .sapMGT.sapMGTLineMode, .sapUiMedia-GenericTileDeviceSet-
368
368
  .sapMGT.TwoByHalf {
369
369
  width: 23rem;
370
370
  }
371
+ .sapMGT.TwoByHalf.sapMTileSmallPhone {
372
+ width: 19rem;
373
+ }
374
+ .sapMGT.TwoByOne.sapMTileSmallPhone {
375
+ width: 19rem;
376
+ }
371
377
  }
372
378
 
373
379
  .sapMGT.TwoByOne {
@@ -10,8 +10,8 @@
10
10
  @_sap_tnt_NavigationList_GroupBorderStyleColor: none;
11
11
  @_sap_tnt_NavigationList_ItemHeight: 2.5rem;
12
12
  @_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
13
- @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
14
- @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
13
+ @_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
14
+ @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.25rem;
15
15
  @_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
16
16
  @_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
17
17
  @_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out, max-width 0.3s ease-in-out;
@@ -19,18 +19,20 @@
19
19
  // sap.m.Toolbar overriding
20
20
  // ==========================================================================
21
21
 
22
- .sapTntToolHeader {
22
+ .sapTntToolHeader:not(.sapUshellShellToolHeader) {
23
23
  &.sapMTB {
24
24
  background-color: @sapUiShellColor;
25
- padding: 0 1.25rem 0 0.75rem ;
25
+ padding: 0 1.25rem 0 0.75rem;
26
26
  }
27
27
 
28
28
  &.sapMTBStandard {
29
29
  border-bottom: none;
30
30
  }
31
+ }
31
32
 
33
+ .sapTntToolHeader {
32
34
  &.sapMIBar.sapMTB .sapMBarChild ~ .sapMBarChild {
33
- margin: 0 0 0 0.375rem
35
+ margin: 0 0 0 0.375rem;
34
36
  }
35
37
 
36
38
  &.sapMIBar.sapMTB .sapMBarChild.sapMTBSeparator {
@@ -10,8 +10,8 @@
10
10
  @_sap_tnt_NavigationList_GroupBorderStyleColor: none;
11
11
  @_sap_tnt_NavigationList_ItemHeight: 2.5rem;
12
12
  @_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
13
- @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
14
- @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
13
+ @_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
14
+ @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.25rem;
15
15
  @_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
16
16
  @_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
17
17
  @_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out, max-width 0.3s ease-in-out;
@@ -19,18 +19,20 @@
19
19
  // sap.m.Toolbar overriding
20
20
  // ==========================================================================
21
21
 
22
- .sapTntToolHeader {
22
+ .sapTntToolHeader:not(.sapUshellShellToolHeader) {
23
23
  &.sapMTB {
24
24
  background-color: @sapUiShellColor;
25
- padding: 0 1.25rem 0 0.75rem ;
25
+ padding: 0 1.25rem 0 0.75rem;
26
26
  }
27
27
 
28
28
  &.sapMTBStandard {
29
29
  border-bottom: none;
30
30
  }
31
+ }
31
32
 
33
+ .sapTntToolHeader {
32
34
  &.sapMIBar.sapMTB .sapMBarChild ~ .sapMBarChild {
33
- margin: 0 0 0 0.375rem
35
+ margin: 0 0 0 0.375rem;
34
36
  }
35
37
 
36
38
  &.sapMIBar.sapMTB .sapMBarChild.sapMTBSeparator {
@@ -16,8 +16,8 @@
16
16
  @_sap_tnt_NavigationList_SelectedBorderWidth: 0.0625rem;
17
17
  @_sap_tnt_NavigationList_SelectedAndFocusedBorderStyleColor: none;
18
18
  @_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: @sapUiListSelectionBackgroundColor;
19
- @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
20
- @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
19
+ @_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
20
+ @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.25rem;
21
21
  @_sap_tnt_NavigationList_GroupTextWeight: bold;
22
22
  @_sap_tnt_NavigationList_GroupIconWidth: 2rem;
23
23
  @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
@@ -20,14 +20,14 @@
20
20
  // ==========================================================================
21
21
 
22
22
  .sapTntToolHeader {
23
- &.sapMTB {
23
+ &.sapMTB:not(.sapUshellShellToolHeader) {
24
24
  background-color: @sapUiShellColor;
25
- padding: 0 1.25rem 0 0.75rem ;
26
- border: solid 0.0625rem @sapShell_BorderColor;
25
+ padding: 0 1.25rem 0 0.75rem;
26
+ border: solid 0.0625rem @sapUiShellBorderColor;
27
27
  }
28
28
 
29
29
  &.sapMIBar.sapMTB .sapMBarChild ~ .sapMBarChild {
30
- margin: 0 0 0 0.375rem
30
+ margin: 0 0 0 0.375rem;
31
31
  }
32
32
 
33
33
  &.sapMIBar.sapMTB .sapMBarChild.sapMTBSeparator {
@@ -71,12 +71,12 @@
71
71
  &.sapMBtn .sapMBtnDefault,
72
72
  &.sapMBtn .sapMBtnBack,
73
73
  &.sapMBtn .sapMBtnUp {
74
- color: @sapContent_IconColor;
75
- background-color: @sapButton_Lite_Background;
74
+ color: @sapUiContentIconColor;
75
+ background-color: @sapUiButtonLiteBackground;
76
76
  height: 2.5rem;
77
77
 
78
78
  .sapUiIcon {
79
- color: @sapContent_IconColor;
79
+ color: @sapUiContentIconColor;
80
80
  line-height: 2.5rem;
81
81
  }
82
82
 
@@ -91,7 +91,7 @@
91
91
  &.sapMBtn:focus .sapMBtnBack.sapMFocusable,
92
92
  &.sapMBtn:focus .sapMBtnUp.sapMFocusable {
93
93
  &::before {
94
- outline: @sapContent_FocusStyle @sapContent_FocusWidth @sapContent_FocusColor;
94
+ outline: @sapUiContentFocusStyle @sapUiContentFocusWidth @sapUiContentFocusColor;
95
95
  border: none !important;
96
96
  }
97
97
  }
@@ -100,8 +100,8 @@
100
100
  &.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnDefault,
101
101
  &.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnBack,
102
102
  &.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnUp {
103
- background: @sapButton_Lite_Hover_Background;
104
- color: @sapContent_IconColor;
103
+ background: @sapUiButtonLiteHoverBackground;
104
+ color: @sapUiContentIconColor;
105
105
  box-shadow: none;
106
106
  }
107
107
 
@@ -109,13 +109,13 @@
109
109
  &.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnDefault,
110
110
  &.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnBack,
111
111
  &.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnUp {
112
- background: @sapActiveColor;
113
- color: @sapContent_IconColor;
112
+ background: @sapUiActive;
113
+ color: @sapUiContentIconColor;
114
114
  box-shadow: none;
115
115
  }
116
116
 
117
117
  &.sapMBtn:hover:not(.sapMBtnDisabled) > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized) .sapUiIcon {
118
- color: @sapContent_IconColor;
118
+ color: @sapUiContentIconColor;
119
119
  }
120
120
  }
121
121
  }
@@ -165,15 +165,15 @@
165
165
  .sapTntToolHeader {
166
166
  .sapMTitle {
167
167
  text-shadow: none;
168
- font-family: @sapFontBlackFamily;
168
+ font-family: @sapUiFontBlackFamily;
169
169
  font-size: 1.125rem;
170
170
  line-height: 1.625rem;
171
171
  }
172
172
 
173
173
  .sapMText,
174
174
  .sapMLabel {
175
- line-height: @sapContent_LineHeight;
176
- color: @sapContent_LabelColor;
175
+ line-height: @sapUiContentLineHeight;
176
+ color: @sapUiContentLabelColor;
177
177
  }
178
178
 
179
179
  &.sapMIBar.sapMTB .sapMBarChild.sapMText,
@@ -277,14 +277,14 @@
277
277
  .sapMSFS:active::after,
278
278
  .sapMSFS.sapMSFBA::after,
279
279
  .sapMSFR:active::after {
280
- background: @sapActiveColor;
281
- color: @sapContent_IconColor;
280
+ background: @sapUiActive;
281
+ color: @sapUiContentIconColor;
282
282
  }
283
283
 
284
284
  .sapMSFS:hover::after,
285
285
  .sapMSFR:hover::after {
286
- background: @sapHoverColor;
287
- color: @sapContent_IconColor;
286
+ background: @sapUiHover;
287
+ color: @sapUiContentIconColor;
288
288
  }
289
289
 
290
290
  .sapMSFB.sapMSFR:not(:last-child):hover {
@@ -372,7 +372,7 @@ html.sap-desktop .sapTntToolHeader .sapMSF:not(.sapMSFDisabled) {
372
372
  }
373
373
 
374
374
  .sapMImgFocusable:focus {
375
- outline: @sapContent_FocusStyle @sapContent_FocusWidth @sapContent_FocusColor;
375
+ outline: @sapUiContentFocusStyle @sapUiContentFocusWidth @sapUiContentFocusColor;
376
376
  outline-offset: 0.125rem;
377
377
  border-radius: 0.25rem;
378
378
  }
@@ -16,8 +16,8 @@
16
16
  @_sap_tnt_NavigationList_SelectedBorderWidth: 0.0625rem;
17
17
  @_sap_tnt_NavigationList_SelectedAndFocusedBorderStyleColor: none;
18
18
  @_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: @sapUiListSelectionBackgroundColor;
19
- @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
20
- @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
19
+ @_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
20
+ @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.25rem;
21
21
  @_sap_tnt_NavigationList_GroupTextWeight: bold;
22
22
  @_sap_tnt_NavigationList_GroupIconWidth: 2rem;
23
23
  @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
@@ -11,7 +11,7 @@
11
11
  @_sap_tnt_ToolHeader_Padding: 0 0.75rem;
12
12
  @_sap_tnt_ToolHeader_ArrowMarginBottom: 0.25rem;
13
13
  @_sap_tnt_ToolHeader_IconTabHeader_Height: auto;
14
- @_sap_tnt_ToolHeader_Shadow: 0 0 0 0.0625rem @sapContent_ShadowColor, 0 0.5rem 1rem 0 fade(@sapContent_ShadowColor, 16);
14
+ @_sap_tnt_ToolHeader_Shadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 16);
15
15
  @_sap_tnt_ToolHeader_DisabledOpacity: @sapUiContentDisabledOpacity;
16
16
  @_sap_tnt_ToolHeader_SF_Border: 0.0625rem solid @sapUiShellBorderColor;
17
17
 
@@ -20,14 +20,14 @@
20
20
  // ==========================================================================
21
21
 
22
22
  .sapTntToolHeader {
23
- &.sapMTB {
23
+ &.sapMTB:not(.sapUshellShellToolHeader) {
24
24
  background-color: @sapUiShellColor;
25
- padding: 0 1.25rem 0 0.75rem ;
26
- border: solid 0.0625rem @sapShell_BorderColor;
25
+ padding: 0 1.25rem 0 0.75rem;
26
+ border: solid 0.0625rem @sapUiShellBorderColor;
27
27
  }
28
28
 
29
29
  &.sapMIBar.sapMTB .sapMBarChild ~ .sapMBarChild {
30
- margin: 0 0 0 0.375rem
30
+ margin: 0 0 0 0.375rem;
31
31
  }
32
32
 
33
33
  &.sapMIBar.sapMTB .sapMBarChild.sapMTBSeparator {
@@ -71,12 +71,12 @@
71
71
  &.sapMBtn .sapMBtnDefault,
72
72
  &.sapMBtn .sapMBtnBack,
73
73
  &.sapMBtn .sapMBtnUp {
74
- color: @sapContent_IconColor;
75
- background-color: @sapButton_Lite_Background;
74
+ color: @sapUiContentIconColor;
75
+ background-color: @sapUiButtonLiteBackground;
76
76
  height: 2.5rem;
77
77
 
78
78
  .sapUiIcon {
79
- color: @sapContent_IconColor;
79
+ color: @sapUiContentIconColor;
80
80
  line-height: 2.5rem;
81
81
  }
82
82
 
@@ -91,7 +91,7 @@
91
91
  &.sapMBtn:focus .sapMBtnBack.sapMFocusable,
92
92
  &.sapMBtn:focus .sapMBtnUp.sapMFocusable {
93
93
  &::before {
94
- outline: @sapContent_FocusStyle @sapContent_FocusWidth @sapContent_FocusColor;
94
+ outline: @sapUiContentFocusStyle @sapUiContentFocusWidth @sapUiContentFocusColor;
95
95
  border: none !important;
96
96
  }
97
97
  }
@@ -100,8 +100,8 @@
100
100
  &.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnDefault,
101
101
  &.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnBack,
102
102
  &.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnUp {
103
- background: @sapButton_Lite_Hover_Background;
104
- color: @sapContent_IconColor;
103
+ background: @sapUiButtonLiteHoverBackground;
104
+ color: @sapUiContentIconColor;
105
105
  box-shadow: none;
106
106
  }
107
107
 
@@ -109,13 +109,13 @@
109
109
  &.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnDefault,
110
110
  &.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnBack,
111
111
  &.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnUp {
112
- background: @sapActiveColor;
113
- color: @sapContent_IconColor;
112
+ background: @sapUiActive;
113
+ color: @sapUiContentIconColor;
114
114
  box-shadow: none;
115
115
  }
116
116
 
117
117
  &.sapMBtn:hover:not(.sapMBtnDisabled) > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized) .sapUiIcon {
118
- color: @sapContent_IconColor;
118
+ color: @sapUiContentIconColor;
119
119
  }
120
120
  }
121
121
  }
@@ -163,16 +163,16 @@
163
163
 
164
164
  .sapTntToolHeader {
165
165
  .sapMTitle {
166
- text-shadow: none;
167
- font-family: @sapFontBlackFamily;
166
+ text-shadow: none;
167
+ font-family: @sapUiFontBlackFamily;
168
168
  font-size: 1.125rem;
169
169
  line-height: 1.625rem;
170
170
  }
171
171
 
172
172
  .sapMText,
173
173
  .sapMLabel {
174
- line-height: @sapContent_LineHeight;
175
- color: @sapContent_LabelColor;
174
+ line-height: @sapUiContentLineHeight;
175
+ color: @sapUiContentLabelColor;
176
176
  }
177
177
 
178
178
  &.sapMIBar.sapMTB .sapMBarChild.sapMText,
@@ -276,14 +276,14 @@
276
276
  .sapMSFS:active::after,
277
277
  .sapMSFS.sapMSFBA::after,
278
278
  .sapMSFR:active::after {
279
- background: @sapActiveColor;
280
- color: @sapContent_IconColor;
279
+ background: @sapUiActive;
280
+ color: @sapUiContentIconColor;
281
281
  }
282
282
 
283
283
  .sapMSFS:hover::after,
284
284
  .sapMSFR:hover::after {
285
- background: @sapHoverColor;
286
- color: @sapContent_IconColor;
285
+ background: @sapUiHover;
286
+ color: @sapUiContentIconColor;
287
287
  }
288
288
 
289
289
  .sapMSFB.sapMSFR:not(:last-child):hover {
@@ -371,7 +371,7 @@ html.sap-desktop .sapTntToolHeader .sapMSF:not(.sapMSFDisabled) {
371
371
  }
372
372
 
373
373
  .sapMImgFocusable:focus {
374
- outline: @sapContent_FocusStyle @sapContent_FocusWidth @sapContent_FocusColor;
374
+ outline: @sapUiContentFocusStyle @sapUiContentFocusWidth @sapUiContentFocusColor;
375
375
  outline-offset: 0.125rem;
376
376
  border-radius: 0.25rem;
377
377
  }
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.120.17</version>
9
+ <version>1.120.19</version>
10
10
 
11
11
  <documentation>SAPUI5 Horizon theme library.</documentation>
12
12
 
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.120.17</version>
9
+ <version>1.120.19</version>
10
10
 
11
11
  <documentation>SAPUI5 Evening Horizon theme library.</documentation>
12
12
 
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.120.17</version>
9
+ <version>1.120.19</version>
10
10
 
11
11
  <documentation>SAPUI5 horizon high contrast black theme library.</documentation>
12
12
 
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.120.17</version>
9
+ <version>1.120.19</version>
10
10
 
11
11
  <documentation>SAPUI5 horizon high contrast white theme library.</documentation>
12
12