@openui5/themelib_sap_horizon 1.120.3 → 1.120.5

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.3",
3
+ "version": "1.120.5",
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.3",
18
- "@openui5/sap.m": "1.120.3",
19
- "@openui5/sap.tnt": "1.120.3",
20
- "@openui5/sap.ui.codeeditor": "1.120.3",
21
- "@openui5/sap.ui.commons": "1.120.3",
22
- "@openui5/sap.ui.core": "1.120.3",
23
- "@openui5/sap.ui.dt": "1.120.3",
24
- "@openui5/sap.ui.fl": "1.120.3",
25
- "@openui5/sap.ui.mdc": "1.120.3",
26
- "@openui5/sap.ui.integration": "1.120.3",
27
- "@openui5/sap.ui.layout": "1.120.3",
28
- "@openui5/sap.ui.rta": "1.120.3",
29
- "@openui5/sap.ui.suite": "1.120.3",
30
- "@openui5/sap.ui.table": "1.120.3",
31
- "@openui5/sap.ui.unified": "1.120.3",
32
- "@openui5/sap.ui.ux3": "1.120.3",
33
- "@openui5/sap.uxap": "1.120.3"
17
+ "@openui5/sap.f": "1.120.5",
18
+ "@openui5/sap.m": "1.120.5",
19
+ "@openui5/sap.tnt": "1.120.5",
20
+ "@openui5/sap.ui.codeeditor": "1.120.5",
21
+ "@openui5/sap.ui.commons": "1.120.5",
22
+ "@openui5/sap.ui.core": "1.120.5",
23
+ "@openui5/sap.ui.dt": "1.120.5",
24
+ "@openui5/sap.ui.fl": "1.120.5",
25
+ "@openui5/sap.ui.mdc": "1.120.5",
26
+ "@openui5/sap.ui.integration": "1.120.5",
27
+ "@openui5/sap.ui.layout": "1.120.5",
28
+ "@openui5/sap.ui.rta": "1.120.5",
29
+ "@openui5/sap.ui.suite": "1.120.5",
30
+ "@openui5/sap.ui.table": "1.120.5",
31
+ "@openui5/sap.ui.unified": "1.120.5",
32
+ "@openui5/sap.ui.ux3": "1.120.5",
33
+ "@openui5/sap.uxap": "1.120.5"
34
34
  }
35
35
  }
@@ -3,17 +3,21 @@
3
3
  /* Horizon theme */
4
4
  /* =================================== */
5
5
 
6
- .sapMObjectNumberInverted .sapMObjectNumberText,
7
- .sapMObjectNumberInverted .sapMObjectNumberUnit {
8
- text-shadow: @sapUiContentContrastTextShadow;
9
- }
10
-
11
6
  .sapMObjectNumberInverted {
12
- .sapMObjectNumberInner {
13
- border-radius: 0.25rem;
7
+ box-sizing: border-box;
8
+ &:not(.sapMObjectNumberLarge) .sapMObjectNumberInner {
9
+ min-height: 1rem;
10
+ height: auto;
14
11
  }
15
12
  }
16
13
 
14
+ .sapMObjectNumberInverted .sapMObjectNumberInner {
15
+ border: 0.0625rem solid;
16
+ border-radius: @sapUiButtonBorderCornerRadius;
17
+ padding: 0.1875rem 0.25rem;
18
+ vertical-align: middle;
19
+ }
20
+
17
21
  html.sap-desktop .sapMObjectNumberActive:focus {
18
22
  .sapMObjectNumberInner::after {
19
23
  left: -0.0625rem;
@@ -33,7 +37,7 @@ html.sap-desktop .sapMObjectNumberActive:focus {
33
37
  bottom: -0.0625rem;
34
38
  height: auto;
35
39
  outline: none;
36
- border-radius: 0.25rem;
40
+ border-radius: @sapUiButtonBorderCornerRadius;
37
41
  border: 0.125rem solid @sapUiContentFocusColor;
38
42
  }
39
43
 
@@ -52,29 +56,115 @@ html.sap-desktop .sapMObjectNumberActive:focus {
52
56
  bottom: -0.0625rem;
53
57
  height: auto;
54
58
  outline: none;
55
- border-radius: 0.25rem;
59
+ border-radius: @sapUiButtonBorderCornerRadius;
56
60
  border: 0.125rem solid @sapUiContentFocusColor;
57
61
  }
58
62
  }
59
63
  }
60
64
 
61
- .objectNumberStatusMixIn(@class, @innerBackgroundColor, @innerColor, @activeInnerBackgroundColor, @activeInnerColor, @pressedInnerBackgroundColor) {
65
+ .objectNumberStatusMixIn(@class, @regularBackgroundColor, @regularTextColor,
66
+ @hoverBackgroundColor, @hoverTextColor,
67
+ @activeBackgroundColor, @activeTextColor,
68
+ @regularTextShadow, @activeTextShadow,
69
+ @regularBorderColor, @hoverBorderColor, @activeBorderColor) {
62
70
  .sapMObjectNumberInverted.@{class} {
71
+ .sapMObjectNumberText,
72
+ .sapMObjectNumberUnit {
73
+ text-shadow: @regularTextShadow;
74
+ }
63
75
  .sapMObjectNumberInner {
64
- background-color: @innerBackgroundColor;
65
- color: @innerColor;
76
+ border-color: @regularBorderColor;
77
+ background-color: @regularBackgroundColor;
78
+ color: @regularTextColor;
66
79
  }
67
80
 
68
81
  &.sapMObjectNumberActive {
69
82
  .sapMObjectNumberInner:hover {
70
- background-color: @activeInnerBackgroundColor;
71
- color: @activeInnerColor;
83
+ border-color: @hoverBorderColor;
84
+ background-color: @hoverBackgroundColor;
85
+ color: @hoverTextColor;
72
86
  }
73
87
  .sapMObjectNumberInner:active,
74
88
  &.sapMObjectNumberPressed .sapMObjectNumberInner {
75
- background-color: @pressedInnerBackgroundColor;
76
- color: @innerColor;
89
+ border-color: @activeBorderColor;
90
+ background-color: @activeBackgroundColor;
91
+ color: @activeTextColor;
92
+
93
+ .sapMObjectNumberText,
94
+ .sapMObjectNumberUnit {
95
+ text-shadow: @activeTextShadow;
96
+ }
77
97
  }
78
98
  }
79
99
  }
80
- }
100
+ }
101
+
102
+ .objectNumberStatusMixIn(sapMObjectNumberStatusNone,
103
+ @sapNeutralBackground,
104
+ @sapTextColor,
105
+ @sapUiButtonNeutralHoverBackground,
106
+ @sapUiButtonNeutralHoverTextColor,
107
+ @sapUiButtonNeutralActiveBackground,
108
+ @sapUiButtonActiveTextColor,
109
+ @sapUiContentTextShadow,
110
+ @sapUiContentTextShadow,
111
+ @sapNeutralBorderColor,
112
+ @sapUiButtonNeutralHoverBorderColor,
113
+ @sapUiButtonNeutralActiveBorderColor
114
+ );
115
+
116
+ .objectNumberStatusMixIn(sapMObjectNumberStatusInformation,
117
+ @sapUiButtonInformationBackground,
118
+ @sapUiButtonInformationTextColor,
119
+ @sapUiButtonInformationHoverBackground,
120
+ @sapUiButtonInformationHoverTextColor,
121
+ @sapUiButtonInformationActiveBackground,
122
+ @sapUiButtonSelectedTextColor,
123
+ @sapUiContentTextShadow,
124
+ @sapUiContentTextShadow,
125
+ @sapUiButtonInformationBorderColor,
126
+ @sapUiButtonInformationHoverBorderColor,
127
+ @sapUiButtonInformationActiveBorderColor
128
+ );
129
+
130
+ .objectNumberStatusMixIn(sapMObjectNumberStatusError,
131
+ @sapUiButtonNegativeBackground,
132
+ @sapUiButtonNegativeTextColor,
133
+ @sapUiButtonNegativeHoverBackground,
134
+ @sapUiButtonNegativeHoverTextColor,
135
+ @sapUiButtonNegativeActiveBackground,
136
+ @sapUiButtonRejectSelectedTextColor,
137
+ @sapUiContentContrastTextShadow,
138
+ @sapUiContentTextShadow,
139
+ @sapUiButtonNegativeBorderColor,
140
+ @sapUiButtonNegativeHoverBorderColor,
141
+ @sapUiButtonNegativeActiveBorderColor
142
+ );
143
+
144
+ .objectNumberStatusMixIn(sapMObjectNumberStatusWarning,
145
+ @sapUiButtonCriticalBackground,
146
+ @sapUiButtonCriticalTextColor,
147
+ @sapUiButtonCriticalHoverBackground,
148
+ @sapUiButtonCriticalHoverTextColor,
149
+ @sapUiButtonCriticalActiveBackground,
150
+ @sapUiButtonAttentionSelectedTextColor,
151
+ @sapUiContentContrastTextShadow,
152
+ @sapUiContentTextShadow,
153
+ @sapUiButtonCriticalBorderColor,
154
+ @sapUiButtonCriticalHoverBorderColor,
155
+ @sapUiButtonCriticalActiveBorderColor
156
+ );
157
+
158
+ .objectNumberStatusMixIn(sapMObjectNumberStatusSuccess,
159
+ @sapUiButtonSuccessBackground,
160
+ @sapUiButtonSuccessTextColor,
161
+ @sapUiButtonSuccessHoverBackground,
162
+ @sapUiButtonSuccessHoverTextColor,
163
+ @sapUiButtonSuccessActiveBackground,
164
+ @sapUiButtonAcceptSelectedTextColor,
165
+ @sapUiContentContrastTextShadow,
166
+ @sapUiContentTextShadow,
167
+ @sapUiButtonSuccessBorderColor,
168
+ @sapUiButtonSuccessHoverBorderColor,
169
+ @sapUiButtonSuccessActiveBorderColor
170
+ );
@@ -1,19 +1,23 @@
1
1
  /* =================================== */
2
2
  /* CSS for control sap.m/ObjectNumber */
3
- /* Evening Horizon theme */
3
+ /* Horizon theme */
4
4
  /* =================================== */
5
5
 
6
- .sapMObjectNumberInverted .sapMObjectNumberText,
7
- .sapMObjectNumberInverted .sapMObjectNumberUnit {
8
- text-shadow: @sapUiContentContrastTextShadow;
9
- }
10
-
11
6
  .sapMObjectNumberInverted {
12
- .sapMObjectNumberInner {
13
- border-radius: 0.25rem;
7
+ box-sizing: border-box;
8
+ &:not(.sapMObjectNumberLarge) .sapMObjectNumberInner {
9
+ min-height: 1rem;
10
+ height: auto;
14
11
  }
15
12
  }
16
13
 
14
+ .sapMObjectNumberInverted .sapMObjectNumberInner {
15
+ border: 0.0625rem solid;
16
+ border-radius: @sapUiButtonBorderCornerRadius;
17
+ padding: 0.1875rem 0.25rem;
18
+ vertical-align: middle;
19
+ }
20
+
17
21
  html.sap-desktop .sapMObjectNumberActive:focus {
18
22
  .sapMObjectNumberInner::after {
19
23
  left: -0.0625rem;
@@ -33,7 +37,7 @@ html.sap-desktop .sapMObjectNumberActive:focus {
33
37
  bottom: -0.0625rem;
34
38
  height: auto;
35
39
  outline: none;
36
- border-radius: 0.25rem;
40
+ border-radius: @sapUiButtonBorderCornerRadius;
37
41
  border: 0.125rem solid @sapUiContentFocusColor;
38
42
  }
39
43
 
@@ -52,29 +56,115 @@ html.sap-desktop .sapMObjectNumberActive:focus {
52
56
  bottom: -0.0625rem;
53
57
  height: auto;
54
58
  outline: none;
55
- border-radius: 0.25rem;
59
+ border-radius: @sapUiButtonBorderCornerRadius;
56
60
  border: 0.125rem solid @sapUiContentFocusColor;
57
61
  }
58
62
  }
59
63
  }
60
64
 
61
- .objectNumberStatusMixIn(@class, @innerBackgroundColor, @innerColor, @activeInnerBackgroundColor, @activeInnerColor, @pressedInnerBackgroundColor) {
65
+ .objectNumberStatusMixIn(@class, @regularBackgroundColor, @regularTextColor,
66
+ @hoverBackgroundColor, @hoverTextColor,
67
+ @activeBackgroundColor, @activeTextColor,
68
+ @regularTextShadow, @activeTextShadow,
69
+ @regularBorderColor, @hoverBorderColor, @activeBorderColor) {
62
70
  .sapMObjectNumberInverted.@{class} {
71
+ .sapMObjectNumberText,
72
+ .sapMObjectNumberUnit {
73
+ text-shadow: @regularTextShadow;
74
+ }
63
75
  .sapMObjectNumberInner {
64
- background-color: @innerBackgroundColor;
65
- color: @innerColor;
76
+ border-color: @regularBorderColor;
77
+ background-color: @regularBackgroundColor;
78
+ color: @regularTextColor;
66
79
  }
67
80
 
68
81
  &.sapMObjectNumberActive {
69
82
  .sapMObjectNumberInner:hover {
70
- background-color: @activeInnerBackgroundColor;
71
- color: @activeInnerColor;
83
+ border-color: @hoverBorderColor;
84
+ background-color: @hoverBackgroundColor;
85
+ color: @hoverTextColor;
72
86
  }
73
87
  .sapMObjectNumberInner:active,
74
88
  &.sapMObjectNumberPressed .sapMObjectNumberInner {
75
- background-color: @pressedInnerBackgroundColor;
76
- color: @innerColor;
89
+ border-color: @activeBorderColor;
90
+ background-color: @activeBackgroundColor;
91
+ color: @activeTextColor;
92
+
93
+ .sapMObjectNumberText,
94
+ .sapMObjectNumberUnit {
95
+ text-shadow: @activeTextShadow;
96
+ }
77
97
  }
78
98
  }
79
99
  }
80
- }
100
+ }
101
+
102
+ .objectNumberStatusMixIn(sapMObjectNumberStatusNone,
103
+ @sapNeutralBackground,
104
+ @sapTextColor,
105
+ @sapUiButtonNeutralHoverBackground,
106
+ @sapUiButtonNeutralHoverTextColor,
107
+ @sapUiButtonNeutralActiveBackground,
108
+ @sapUiButtonActiveTextColor,
109
+ @sapUiContentTextShadow,
110
+ @sapUiContentTextShadow,
111
+ @sapNeutralBorderColor,
112
+ @sapUiButtonNeutralHoverBorderColor,
113
+ @sapUiButtonNeutralActiveBorderColor
114
+ );
115
+
116
+ .objectNumberStatusMixIn(sapMObjectNumberStatusInformation,
117
+ @sapUiButtonInformationBackground,
118
+ @sapUiButtonInformationTextColor,
119
+ @sapUiButtonInformationHoverBackground,
120
+ @sapUiButtonInformationHoverTextColor,
121
+ @sapUiButtonInformationActiveBackground,
122
+ @sapUiButtonSelectedTextColor,
123
+ @sapUiContentTextShadow,
124
+ @sapUiContentTextShadow,
125
+ @sapUiButtonInformationBorderColor,
126
+ @sapUiButtonInformationHoverBorderColor,
127
+ @sapUiButtonInformationActiveBorderColor
128
+ );
129
+
130
+ .objectNumberStatusMixIn(sapMObjectNumberStatusError,
131
+ @sapUiButtonNegativeBackground,
132
+ @sapUiButtonNegativeTextColor,
133
+ @sapUiButtonNegativeHoverBackground,
134
+ @sapUiButtonNegativeHoverTextColor,
135
+ @sapUiButtonNegativeActiveBackground,
136
+ @sapUiButtonRejectSelectedTextColor,
137
+ @sapUiContentContrastTextShadow,
138
+ @sapUiContentTextShadow,
139
+ @sapUiButtonNegativeBorderColor,
140
+ @sapUiButtonNegativeHoverBorderColor,
141
+ @sapUiButtonNegativeActiveBorderColor
142
+ );
143
+
144
+ .objectNumberStatusMixIn(sapMObjectNumberStatusWarning,
145
+ @sapUiButtonCriticalBackground,
146
+ @sapUiButtonCriticalTextColor,
147
+ @sapUiButtonCriticalHoverBackground,
148
+ @sapUiButtonCriticalHoverTextColor,
149
+ @sapUiButtonCriticalActiveBackground,
150
+ @sapUiButtonAttentionSelectedTextColor,
151
+ @sapUiContentContrastTextShadow,
152
+ @sapUiContentTextShadow,
153
+ @sapUiButtonCriticalBorderColor,
154
+ @sapUiButtonCriticalHoverBorderColor,
155
+ @sapUiButtonCriticalActiveBorderColor
156
+ );
157
+
158
+ .objectNumberStatusMixIn(sapMObjectNumberStatusSuccess,
159
+ @sapUiButtonSuccessBackground,
160
+ @sapUiButtonSuccessTextColor,
161
+ @sapUiButtonSuccessHoverBackground,
162
+ @sapUiButtonSuccessHoverTextColor,
163
+ @sapUiButtonSuccessActiveBackground,
164
+ @sapUiButtonAcceptSelectedTextColor,
165
+ @sapUiContentContrastTextShadow,
166
+ @sapUiContentTextShadow,
167
+ @sapUiButtonSuccessBorderColor,
168
+ @sapUiButtonSuccessHoverBorderColor,
169
+ @sapUiButtonSuccessActiveBorderColor
170
+ );
@@ -8,20 +8,17 @@
8
8
  .sapMObjectNumberInverted {
9
9
  box-sizing: border-box;
10
10
  &:not(.sapMObjectNumberLarge) .sapMObjectNumberInner {
11
- height: 0.875rem;
12
- line-height: 0.75rem;
13
- }
14
- .sapMObjectNumberText,
15
- .sapMObjectNumberUnit {
16
- vertical-align: middle;
17
- line-height: 0.875rem;
11
+ min-height: 1rem;
12
+ height: auto;
18
13
  }
19
14
  }
20
15
 
21
16
  .sapMObjectNumberInverted .sapMObjectNumberInner {
22
17
  background-color: @sapUiBaseBG;
23
- border-width: 0.0625rem;
24
- border-style: solid;
18
+ border: 0.0625rem solid;
19
+ border-radius: @sapUiButtonBorderCornerRadius;
20
+ padding: 0.1875rem 0.25rem;
21
+ vertical-align: middle;
25
22
  }
26
23
 
27
24
  html.sap-desktop .sapMObjectNumberActive:focus {
@@ -35,11 +32,11 @@ html.sap-desktop .sapMObjectNumberActive:focus {
35
32
  }
36
33
 
37
34
  &.sapMObjectNumberInverted .sapMObjectNumberInner::after {
38
- top: -2px;
39
- left: 1px;
40
- bottom: -2px;
41
- right: 1px;
42
- outline: 2px dotted @sapUiContentFocusColor;
35
+ top: 0.125rem;
36
+ left: 0.125rem;
37
+ bottom: 0.0625rem;
38
+ right: 0.125rem;
39
+ outline: 0.125rem dotted @sapUiContentFocusColor;
43
40
  }
44
41
 
45
42
  &.sapMObjectNumberLarge {
@@ -8,20 +8,17 @@
8
8
  .sapMObjectNumberInverted {
9
9
  box-sizing: border-box;
10
10
  &:not(.sapMObjectNumberLarge) .sapMObjectNumberInner {
11
- height: 0.875rem;
12
- line-height: 0.75rem;
13
- }
14
- .sapMObjectNumberText,
15
- .sapMObjectNumberUnit {
16
- vertical-align: middle;
17
- line-height: 0.875rem;
11
+ min-height: 1rem;
12
+ height: auto;
18
13
  }
19
14
  }
20
15
 
21
16
  .sapMObjectNumberInverted .sapMObjectNumberInner {
22
17
  background-color: @sapUiBaseBG;
23
- border-width: 0.0625rem;
24
- border-style: solid;
18
+ border: 0.0625rem solid;
19
+ border-radius: @sapUiButtonBorderCornerRadius;
20
+ padding: 0.1875rem 0.25rem;
21
+ vertical-align: middle;
25
22
  }
26
23
 
27
24
  html.sap-desktop .sapMObjectNumberActive:focus {
@@ -35,11 +32,11 @@ html.sap-desktop .sapMObjectNumberActive:focus {
35
32
  }
36
33
 
37
34
  &.sapMObjectNumberInverted .sapMObjectNumberInner::after {
38
- top: -2px;
39
- left: 1px;
40
- bottom: -2px;
41
- right: 1px;
42
- outline: 2px dotted @sapUiContentFocusColor;
35
+ top: 0.125rem;
36
+ left: 0.125rem;
37
+ bottom: 0.0625rem;
38
+ right: 0.125rem;
39
+ outline: 0.125rem dotted @sapUiContentFocusColor;
43
40
  }
44
41
 
45
42
  &.sapMObjectNumberLarge {
@@ -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.3</version>
9
+ <version>1.120.5</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.3</version>
9
+ <version>1.120.5</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.3</version>
9
+ <version>1.120.5</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.3</version>
9
+ <version>1.120.5</version>
10
10
 
11
11
  <documentation>SAPUI5 horizon high contrast white theme library.</documentation>
12
12