@ui5/webcomponents-theming 0.0.0-1e08ebdef → 0.0.0-20ff83d14

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 (117) hide show
  1. package/.npsrc.json +3 -0
  2. package/CHANGELOG.md +930 -0
  3. package/README.md +6 -6
  4. package/css-vars-usage.json +332 -52
  5. package/dist/.tsbuildinfo +1 -0
  6. package/dist/Assets-static.d.ts +1 -0
  7. package/dist/Assets-static.js +1 -0
  8. package/dist/Assets-static.js.map +1 -0
  9. package/dist/Assets.d.ts +1 -0
  10. package/dist/Assets.js +1 -0
  11. package/dist/Assets.js.map +1 -0
  12. package/dist/css/themes/sap_belize/parameters-bundle.css +1 -1
  13. package/dist/css/themes/sap_belize_hcb/parameters-bundle.css +1 -1
  14. package/dist/css/themes/sap_belize_hcw/parameters-bundle.css +1 -1
  15. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  16. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  17. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  18. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  19. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  20. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -0
  21. package/dist/css/themes/sap_horizon_dark_exp/parameters-bundle.css +1 -0
  22. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +1 -1
  23. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -0
  24. package/dist/css/themes/sap_horizon_hcb_exp/parameters-bundle.css +1 -0
  25. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -0
  26. package/dist/css/themes/sap_horizon_hcw_exp/parameters-bundle.css +1 -0
  27. package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +1 -1
  28. package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +1 -1
  29. package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +1 -1
  30. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  31. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  32. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  33. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  34. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  35. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -0
  36. package/dist/generated/assets/themes/sap_horizon_dark_exp/parameters-bundle.css.json +1 -0
  37. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  38. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -0
  39. package/dist/generated/assets/themes/sap_horizon_hcb_exp/parameters-bundle.css.json +1 -0
  40. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -0
  41. package/dist/generated/assets/themes/sap_horizon_hcw_exp/parameters-bundle.css.json +1 -0
  42. package/dist/generated/json-imports/Themes-static.d.ts +1 -0
  43. package/dist/generated/json-imports/Themes-static.js +31 -21
  44. package/dist/generated/json-imports/Themes-static.js.map +1 -0
  45. package/dist/generated/json-imports/Themes.d.ts +1 -0
  46. package/dist/generated/json-imports/Themes.js +29 -24
  47. package/dist/generated/json-imports/Themes.js.map +1 -0
  48. package/dist/generated/themes/sap_belize/parameters-bundle.css.d.ts +3 -0
  49. package/dist/generated/themes/sap_belize/parameters-bundle.css.js +4 -1
  50. package/dist/generated/themes/sap_belize/parameters-bundle.css.js.map +1 -0
  51. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.d.ts +3 -0
  52. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +4 -1
  53. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js.map +1 -0
  54. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.d.ts +3 -0
  55. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +4 -1
  56. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js.map +1 -0
  57. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +3 -0
  58. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +4 -1
  59. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -0
  60. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +3 -0
  61. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +4 -1
  62. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -0
  63. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +3 -0
  64. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +4 -1
  65. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -0
  66. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +3 -0
  67. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +4 -1
  68. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -0
  69. package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +3 -0
  70. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +4 -1
  71. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -0
  72. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +3 -0
  73. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +4 -0
  74. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -0
  75. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.d.ts +3 -0
  76. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js +4 -0
  77. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js.map +1 -0
  78. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.d.ts +3 -0
  79. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +4 -1
  80. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -0
  81. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +3 -0
  82. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +4 -0
  83. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -0
  84. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.d.ts +3 -0
  85. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js +4 -0
  86. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js.map +1 -0
  87. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +3 -0
  88. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +4 -0
  89. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -0
  90. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.d.ts +3 -0
  91. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js +4 -0
  92. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js.map +1 -0
  93. package/lib/generate-css-vars-usage-report/index.js +23 -14
  94. package/package-scripts.cjs +23 -0
  95. package/package.json +10 -12
  96. package/tsconfig.json +25 -0
  97. package/config/postcss.themes/postcss.config.js +0 -24
  98. package/dist/themes/sap_belize/css_variables.css +0 -585
  99. package/dist/themes/sap_belize/parameters-bundle.css +0 -1
  100. package/dist/themes/sap_belize_hcb/css_variables.css +0 -584
  101. package/dist/themes/sap_belize_hcb/parameters-bundle.css +0 -1
  102. package/dist/themes/sap_belize_hcw/css_variables.css +0 -584
  103. package/dist/themes/sap_belize_hcw/parameters-bundle.css +0 -1
  104. package/dist/themes/sap_fiori_3/css_variables.css +0 -584
  105. package/dist/themes/sap_fiori_3/parameters-bundle.css +0 -1
  106. package/dist/themes/sap_fiori_3_dark/css_variables.css +0 -584
  107. package/dist/themes/sap_fiori_3_dark/parameters-bundle.css +0 -1
  108. package/dist/themes/sap_fiori_3_hcb/css_variables.css +0 -584
  109. package/dist/themes/sap_fiori_3_hcb/parameters-bundle.css +0 -1
  110. package/dist/themes/sap_fiori_3_hcw/css_variables.css +0 -584
  111. package/dist/themes/sap_fiori_3_hcw/parameters-bundle.css +0 -1
  112. package/dist/themes/sap_horizon/css_variables.css +0 -584
  113. package/dist/themes/sap_horizon/parameters-bundle.css +0 -1
  114. package/dist/themes/sap_horizon_exp/css_variables.css +0 -584
  115. package/dist/themes/sap_horizon_exp/parameters-bundle.css +0 -1
  116. package/hash.txt +0 -1
  117. package/package-scripts.js +0 -38
package/README.md CHANGED
@@ -1,8 +1,8 @@
1
- ![UI5 icon](https://raw.githubusercontent.com/SAP/ui5-webcomponents/master/docs/images/UI5_logo_wide.png)
1
+ ![UI5 icon](https://raw.githubusercontent.com/SAP/ui5-webcomponents/main/docs/images/UI5_logo_wide.png)
2
+
2
3
 
3
4
  # UI5 Web Components - Theming
4
5
 
5
- [![Travis CI Build Status](https://travis-ci.org/SAP/ui5-webcomponents.svg?branch=master)](https://travis-ci.org/SAP/ui5-webcomponents)
6
6
  [![npm Package Version](https://badge.fury.io/js/%40ui5%2Fwebcomponents.svg)](https://www.npmjs.com/package/@ui5/webcomponents)
7
7
 
8
8
  Provides common theming assets, used by other UI5 Web Components packages, such as `main` and `fiori`.
@@ -18,16 +18,16 @@ The assets, provided by this package, are additional themes:
18
18
  *Note:* These assets are already imported by the UI5 Web Components packages that need them.
19
19
 
20
20
  ## Resources
21
- - [UI5 Web Components - README.md](https://github.com/SAP/ui5-webcomponents/blob/master/README.md)
21
+ - [UI5 Web Components - README.md](https://github.com/SAP/ui5-webcomponents/blob/main/README.md)
22
22
  - [UI5 Web Components - Home Page](https://sap.github.io/ui5-webcomponents)
23
23
  - [UI5 Web Components - Playground and API Reference](https://sap.github.io/ui5-webcomponents/playground/)
24
24
 
25
25
  ## Support
26
- We welcome all comments, suggestions, questions, and bug reports. Please follow our [Support Guidelines](https://github.com/SAP/ui5-webcomponents/blob/master/SUPPORT.md#-content) on how to report an issue, or chat with us in the `#webcomponents` channel of the [OpenUI5 Community Slack](https://join-ui5-slack.herokuapp.com/).
26
+ We welcome all comments, suggestions, questions, and bug reports. Please follow our [Support Guidelines](https://github.com/SAP/ui5-webcomponents/blob/main/SUPPORT.md#-content) on how to report an issue, or chat with us in the `#webcomponents` channel of the [OpenUI5 Community Slack](https://ui5-slack-invite.cfapps.eu10.hana.ondemand.com/).
27
27
 
28
28
  ## Contribute
29
- Please check our [Contribution Guidelines](https://github.com/SAP/ui5-webcomponents/blob/master/docs/6-contributing/02-conventions-and-guidelines.md).
29
+ Please check our [Contribution Guidelines](https://github.com/SAP/ui5-webcomponents/blob/main/docs/6-contributing/02-conventions-and-guidelines.md).
30
30
 
31
31
  ## License
32
32
  Copyright (c) 2019 SAP SE or an SAP affiliate company. All rights reserved.
33
- This file is licensed under the Apache Software License, Version 2.0 except as noted otherwise in the [LICENSE](https://github.com/SAP/ui5-webcomponents/blob/master/LICENSE.txt) file.
33
+ This file is licensed under the Apache Software License, Version 2.0 except as noted otherwise in the [LICENSE](https://github.com/SAP/ui5-webcomponents/blob/main/LICENSE.txt) file.
@@ -10,15 +10,39 @@
10
10
  "--sapAccentColor9",
11
11
  "--sapAccentColor10",
12
12
  "--sapActiveColor",
13
+ "--sapAvatar_1_Background",
14
+ "--sapAvatar_1_BorderColor",
15
+ "--sapAvatar_1_TextColor",
16
+ "--sapAvatar_2_Background",
17
+ "--sapAvatar_2_BorderColor",
18
+ "--sapAvatar_2_TextColor",
19
+ "--sapAvatar_3_Background",
20
+ "--sapAvatar_3_BorderColor",
21
+ "--sapAvatar_3_TextColor",
22
+ "--sapAvatar_4_Background",
23
+ "--sapAvatar_4_BorderColor",
24
+ "--sapAvatar_4_TextColor",
25
+ "--sapAvatar_5_Background",
26
+ "--sapAvatar_5_BorderColor",
27
+ "--sapAvatar_5_TextColor",
28
+ "--sapAvatar_6_Background",
29
+ "--sapAvatar_6_BorderColor",
30
+ "--sapAvatar_6_TextColor",
31
+ "--sapAvatar_7_Background",
32
+ "--sapAvatar_7_BorderColor",
33
+ "--sapAvatar_7_TextColor",
34
+ "--sapAvatar_8_Background",
35
+ "--sapAvatar_8_BorderColor",
36
+ "--sapAvatar_8_TextColor",
37
+ "--sapAvatar_9_Background",
38
+ "--sapAvatar_9_BorderColor",
39
+ "--sapAvatar_9_TextColor",
40
+ "--sapAvatar_10_Background",
41
+ "--sapAvatar_10_BorderColor",
42
+ "--sapAvatar_10_TextColor",
13
43
  "--sapBackgroundColor",
44
+ "--sapBaseColor",
14
45
  "--sapBlockLayer_Background",
15
- "--sapBlueColor1",
16
- "--sapBlueColor4",
17
- "--sapBlueColor5",
18
- "--sapBlueColor6",
19
- "--sapBlueColor7",
20
- "--sapBlueColor9",
21
- "--sapBrandColor",
22
46
  "--sapButton_Accept_Active_Background",
23
47
  "--sapButton_Accept_Active_BorderColor",
24
48
  "--sapButton_Accept_Active_TextColor",
@@ -26,7 +50,11 @@
26
50
  "--sapButton_Accept_BorderColor",
27
51
  "--sapButton_Accept_Hover_Background",
28
52
  "--sapButton_Accept_Hover_BorderColor",
53
+ "--sapButton_Accept_Hover_TextColor",
54
+ "--sapButton_Accept_Selected_Background",
55
+ "--sapButton_Accept_Selected_BorderColor",
29
56
  "--sapButton_Accept_Selected_Hover_Background",
57
+ "--sapButton_Accept_Selected_Hover_BorderColor",
30
58
  "--sapButton_Accept_Selected_TextColor",
31
59
  "--sapButton_Accept_TextColor",
32
60
  "--sapButton_Active_Background",
@@ -40,28 +68,87 @@
40
68
  "--sapButton_Attention_Hover_Background",
41
69
  "--sapButton_Attention_Hover_BorderColor",
42
70
  "--sapButton_Attention_Hover_TextColor",
71
+ "--sapButton_Attention_Selected_Background",
72
+ "--sapButton_Attention_Selected_BorderColor",
73
+ "--sapButton_Attention_Selected_Hover_Background",
74
+ "--sapButton_Attention_Selected_Hover_BorderColor",
43
75
  "--sapButton_Attention_Selected_TextColor",
44
76
  "--sapButton_Attention_TextColor",
45
77
  "--sapButton_Background",
46
78
  "--sapButton_BorderColor",
47
79
  "--sapButton_BorderCornerRadius",
80
+ "--sapButton_BorderWidth",
81
+ "--sapButton_Critical_Active_Background",
82
+ "--sapButton_Critical_Active_BorderColor",
83
+ "--sapButton_Critical_Background",
84
+ "--sapButton_Critical_BorderColor",
85
+ "--sapButton_Critical_Hover_Background",
86
+ "--sapButton_Critical_Hover_BorderColor",
87
+ "--sapButton_Critical_Hover_TextColor",
88
+ "--sapButton_Critical_TextColor",
48
89
  "--sapButton_Emphasized_Active_Background",
49
90
  "--sapButton_Emphasized_Active_BorderColor",
91
+ "--sapButton_Emphasized_Active_TextColor",
50
92
  "--sapButton_Emphasized_Background",
51
93
  "--sapButton_Emphasized_BorderColor",
94
+ "--sapButton_Emphasized_FontWeight",
52
95
  "--sapButton_Emphasized_Hover_Background",
53
96
  "--sapButton_Emphasized_Hover_BorderColor",
97
+ "--sapButton_Emphasized_Hover_TextColor",
54
98
  "--sapButton_Emphasized_TextColor",
55
- "--sapButton_Emphasized_TextShadow",
99
+ "--sapButton_Handle_Background",
100
+ "--sapButton_Handle_BorderColor",
101
+ "--sapButton_Handle_Hover_Background",
102
+ "--sapButton_Handle_Hover_BorderColor",
103
+ "--sapButton_Handle_Negative_Background",
104
+ "--sapButton_Handle_Negative_BorderColor",
105
+ "--sapButton_Handle_Negative_Hover_Background",
106
+ "--sapButton_Handle_Negative_Hover_BorderColor",
107
+ "--sapButton_Handle_Negative_TextColor",
108
+ "--sapButton_Handle_Positive_Background",
109
+ "--sapButton_Handle_Positive_BorderColor",
110
+ "--sapButton_Handle_Positive_Hover_Background",
111
+ "--sapButton_Handle_Positive_Hover_BorderColor",
112
+ "--sapButton_Handle_Positive_TextColor",
113
+ "--sapButton_Handle_Selected_Background",
114
+ "--sapButton_Handle_Selected_BorderColor",
115
+ "--sapButton_Handle_Selected_Hover_Background",
116
+ "--sapButton_Handle_Selected_Hover_BorderColor",
117
+ "--sapButton_Handle_Selected_TextColor",
118
+ "--sapButton_Handle_TextColor",
56
119
  "--sapButton_Hover_Background",
57
120
  "--sapButton_Hover_BorderColor",
58
121
  "--sapButton_Hover_TextColor",
122
+ "--sapButton_Information_Active_Background",
123
+ "--sapButton_Information_Active_BorderColor",
124
+ "--sapButton_Information_Background",
125
+ "--sapButton_Information_BorderColor",
126
+ "--sapButton_Information_Hover_Background",
127
+ "--sapButton_Information_Hover_BorderColor",
128
+ "--sapButton_Information_Hover_TextColor",
129
+ "--sapButton_Information_TextColor",
130
+ "--sapButton_Lite_Active_Background",
131
+ "--sapButton_Lite_Active_BorderColor",
59
132
  "--sapButton_Lite_Background",
60
133
  "--sapButton_Lite_BorderColor",
61
134
  "--sapButton_Lite_Hover_Background",
62
135
  "--sapButton_Lite_Hover_BorderColor",
136
+ "--sapButton_Lite_Hover_TextColor",
63
137
  "--sapButton_Lite_TextColor",
138
+ "--sapButton_Negative_Active_Background",
139
+ "--sapButton_Negative_Active_BorderColor",
140
+ "--sapButton_Negative_Background",
64
141
  "--sapButton_Negative_BorderColor",
142
+ "--sapButton_Negative_Hover_Background",
143
+ "--sapButton_Negative_Hover_BorderColor",
144
+ "--sapButton_Negative_Hover_TextColor",
145
+ "--sapButton_Negative_TextColor",
146
+ "--sapButton_Neutral_Active_Background",
147
+ "--sapButton_Neutral_Active_BorderColor",
148
+ "--sapButton_Neutral_Background",
149
+ "--sapButton_Neutral_Hover_Background",
150
+ "--sapButton_Neutral_Hover_BorderColor",
151
+ "--sapButton_Neutral_Hover_TextColor",
65
152
  "--sapButton_Reject_Active_Background",
66
153
  "--sapButton_Reject_Active_BorderColor",
67
154
  "--sapButton_Reject_Active_TextColor",
@@ -69,7 +156,11 @@
69
156
  "--sapButton_Reject_BorderColor",
70
157
  "--sapButton_Reject_Hover_Background",
71
158
  "--sapButton_Reject_Hover_BorderColor",
159
+ "--sapButton_Reject_Hover_TextColor",
160
+ "--sapButton_Reject_Selected_Background",
161
+ "--sapButton_Reject_Selected_BorderColor",
72
162
  "--sapButton_Reject_Selected_Hover_Background",
163
+ "--sapButton_Reject_Selected_Hover_BorderColor",
73
164
  "--sapButton_Reject_Selected_TextColor",
74
165
  "--sapButton_Reject_TextColor",
75
166
  "--sapButton_Selected_Background",
@@ -77,18 +168,43 @@
77
168
  "--sapButton_Selected_Hover_Background",
78
169
  "--sapButton_Selected_Hover_BorderColor",
79
170
  "--sapButton_Selected_TextColor",
171
+ "--sapButton_Success_Active_Background",
172
+ "--sapButton_Success_Active_BorderColor",
173
+ "--sapButton_Success_Background",
174
+ "--sapButton_Success_BorderColor",
175
+ "--sapButton_Success_Hover_Background",
176
+ "--sapButton_Success_Hover_BorderColor",
177
+ "--sapButton_Success_Hover_TextColor",
178
+ "--sapButton_Success_TextColor",
80
179
  "--sapButton_TextColor",
81
180
  "--sapButton_TokenBackground",
82
181
  "--sapButton_TokenBorderColor",
83
182
  "--sapButton_Track_Background",
183
+ "--sapButton_Track_BorderColor",
184
+ "--sapButton_Track_Hover_Background",
185
+ "--sapButton_Track_Hover_BorderColor",
186
+ "--sapButton_Track_Negative_Background",
187
+ "--sapButton_Track_Negative_BorderColor",
188
+ "--sapButton_Track_Negative_Hover_Background",
189
+ "--sapButton_Track_Negative_Hover_BorderColor",
190
+ "--sapButton_Track_Positive_Background",
191
+ "--sapButton_Track_Positive_BorderColor",
192
+ "--sapButton_Track_Positive_Hover_Background",
193
+ "--sapButton_Track_Positive_Hover_BorderColor",
84
194
  "--sapButton_Track_Selected_Background",
195
+ "--sapButton_Track_Selected_BorderColor",
196
+ "--sapButton_Track_Selected_Hover_Background",
197
+ "--sapButton_Track_Selected_Hover_BorderColor",
85
198
  "--sapButton_Track_Selected_TextColor",
86
- "--sapButton_Track_TextColor",
87
199
  "--sapContent_BadgeBackground",
88
200
  "--sapContent_BadgeTextColor",
201
+ "--sapContent_BusyColor",
202
+ "--sapContent_ContentColor",
89
203
  "--sapContent_ContrastFocusColor",
90
204
  "--sapContent_ContrastIconColor",
205
+ "--sapContent_ContrastShadowColor",
91
206
  "--sapContent_ContrastTextColor",
207
+ "--sapContent_ContrastTextShadow",
92
208
  "--sapContent_Critical_Shadow",
93
209
  "--sapContent_DisabledOpacity",
94
210
  "--sapContent_DisabledTextColor",
@@ -97,10 +213,12 @@
97
213
  "--sapContent_FocusStyle",
98
214
  "--sapContent_FocusWidth",
99
215
  "--sapContent_ForegroundBorderColor",
216
+ "--sapContent_ForegroundColor",
100
217
  "--sapContent_ForegroundTextColor",
101
218
  "--sapContent_HeaderShadow",
102
219
  "--sapContent_HelpColor",
103
220
  "--sapContent_IconColor",
221
+ "--sapContent_IconFontFamily",
104
222
  "--sapContent_Illustrative_Color1",
105
223
  "--sapContent_Illustrative_Color2",
106
224
  "--sapContent_Illustrative_Color3",
@@ -114,6 +232,7 @@
114
232
  "--sapContent_Informative_Shadow",
115
233
  "--sapContent_Interaction_Shadow",
116
234
  "--sapContent_LabelColor",
235
+ "--sapContent_MeasureIndicatorColor",
117
236
  "--sapContent_Negative_Shadow",
118
237
  "--sapContent_NonInteractiveIconColor",
119
238
  "--sapContent_Positive_Shadow",
@@ -121,7 +240,7 @@
121
240
  "--sapContent_Selected_Background",
122
241
  "--sapContent_Selected_ForegroundColor",
123
242
  "--sapContent_Selected_Hover_Background",
124
- "--sapContent_Selected_Shadow",
243
+ "--sapContent_Selected_MeasureIndicatorColor",
125
244
  "--sapContent_Selected_TextColor",
126
245
  "--sapContent_Shadow0",
127
246
  "--sapContent_Shadow1",
@@ -134,70 +253,79 @@
134
253
  "--sapCriticalElementColor",
135
254
  "--sapCriticalTextColor",
136
255
  "--sapElement_BorderCornerRadius",
256
+ "--sapElement_BorderWidth",
257
+ "--sapElement_Compact_Height",
258
+ "--sapElement_Height",
259
+ "--sapElement_LineHeight",
137
260
  "--sapErrorBackground",
138
261
  "--sapErrorBorderColor",
139
262
  "--sapField_Active_BorderColor",
140
263
  "--sapField_Background",
264
+ "--sapField_BackgroundStyle",
141
265
  "--sapField_BorderColor",
142
266
  "--sapField_BorderCornerRadius",
267
+ "--sapField_BorderStyle",
143
268
  "--sapField_BorderWidth",
144
269
  "--sapField_Focus_Background",
145
- "--sapField_Focus_BorderColor",
146
270
  "--sapField_Hover_Background",
271
+ "--sapField_Hover_BackgroundStyle",
147
272
  "--sapField_Hover_BorderColor",
273
+ "--sapField_Hover_InformationShadow",
274
+ "--sapField_Hover_InvalidShadow",
275
+ "--sapField_Hover_Shadow",
276
+ "--sapField_Hover_SuccessShadow",
277
+ "--sapField_Hover_WarningShadow",
148
278
  "--sapField_HoverBorderColor",
149
279
  "--sapField_InformationBackground",
280
+ "--sapField_InformationBackgroundStyle",
150
281
  "--sapField_InformationBorderWidth",
151
282
  "--sapField_InformationColor",
283
+ "--sapField_InformationShadow",
152
284
  "--sapField_InvalidBackground",
285
+ "--sapField_InvalidBackgroundStyle",
153
286
  "--sapField_InvalidBorderWidth",
154
287
  "--sapField_InvalidColor",
288
+ "--sapField_InvalidShadow",
155
289
  "--sapField_PlaceholderTextColor",
156
290
  "--sapField_ReadOnly_Background",
291
+ "--sapField_ReadOnly_BackgroundStyle",
157
292
  "--sapField_ReadOnly_BorderColor",
158
293
  "--sapField_RequiredColor",
294
+ "--sapField_Shadow",
159
295
  "--sapField_SuccessBackground",
296
+ "--sapField_SuccessBackgroundStyle",
160
297
  "--sapField_SuccessBorderWidth",
161
298
  "--sapField_SuccessColor",
299
+ "--sapField_SuccessShadow",
162
300
  "--sapField_TextColor",
163
301
  "--sapField_WarningBackground",
302
+ "--sapField_WarningBackgroundStyle",
164
303
  "--sapField_WarningBorderWidth",
165
304
  "--sapField_WarningColor",
305
+ "--sapField_WarningShadow",
166
306
  "--sapFontBoldFamily",
167
307
  "--sapFontFamily",
308
+ "--sapFontHeader1Size",
168
309
  "--sapFontHeader2Size",
310
+ "--sapFontHeader3Size",
169
311
  "--sapFontHeader4Size",
170
312
  "--sapFontHeader5Size",
171
313
  "--sapFontHeader6Size",
172
314
  "--sapFontHeaderFamily",
173
315
  "--sapFontLargeSize",
174
316
  "--sapFontMediumSize",
317
+ "--sapFontSemiboldDuplexFamily",
175
318
  "--sapFontSize",
176
319
  "--sapFontSmallSize",
177
- "--sapGreenColor1",
178
- "--sapGreenColor4",
179
- "--sapGreenColor6",
180
- "--sapGreenColor7",
181
- "--sapGreenColor9",
182
- "--sapGreyColor1",
183
- "--sapGreyColor2",
184
- "--sapGreyColor3",
185
- "--sapGreyColor4",
186
- "--sapGreyColor5",
187
- "--sapGreyColor6",
188
- "--sapGreyColor7",
189
- "--sapGreyColor8",
190
- "--sapGreyColor9",
191
320
  "--sapGroup_ContentBackground",
192
321
  "--sapGroup_ContentBorderColor",
322
+ "--sapGroup_Title_FontSize",
193
323
  "--sapGroup_TitleBackground",
194
324
  "--sapGroup_TitleBorderColor",
195
325
  "--sapGroup_TitleTextColor",
196
- "--sapHC_ReducedAltForeground",
197
326
  "--sapHC_ReducedBackground",
198
327
  "--sapHC_ReducedForeground",
199
328
  "--sapHighlightColor",
200
- "--sapHighlightTextColor",
201
329
  "--sapIllus_AccentColor",
202
330
  "--sapIllus_BackgroundColor",
203
331
  "--sapIllus_BrandColorPrimary",
@@ -209,10 +337,116 @@
209
337
  "--sapIllus_PatternHighlight",
210
338
  "--sapIllus_PatternShadow",
211
339
  "--sapIllus_StrokeDetailColor",
212
- "--sapIndigoColor1",
213
- "--sapIndigoColor4",
214
- "--sapIndigoColor6",
215
- "--sapIndigoColor7",
340
+ "--sapIndicationColor_1",
341
+ "--sapIndicationColor_1_Active_Background",
342
+ "--sapIndicationColor_1_Active_BorderColor",
343
+ "--sapIndicationColor_1_Active_TextColor",
344
+ "--sapIndicationColor_1_Background",
345
+ "--sapIndicationColor_1_BorderColor",
346
+ "--sapIndicationColor_1_Hover_Background",
347
+ "--sapIndicationColor_1_TextColor",
348
+ "--sapIndicationColor_1b",
349
+ "--sapIndicationColor_1b_BorderColor",
350
+ "--sapIndicationColor_1b_Hover_Background",
351
+ "--sapIndicationColor_2",
352
+ "--sapIndicationColor_2_Active_Background",
353
+ "--sapIndicationColor_2_Active_BorderColor",
354
+ "--sapIndicationColor_2_Active_TextColor",
355
+ "--sapIndicationColor_2_Background",
356
+ "--sapIndicationColor_2_BorderColor",
357
+ "--sapIndicationColor_2_Hover_Background",
358
+ "--sapIndicationColor_2_TextColor",
359
+ "--sapIndicationColor_2b",
360
+ "--sapIndicationColor_2b_BorderColor",
361
+ "--sapIndicationColor_2b_Hover_Background",
362
+ "--sapIndicationColor_3",
363
+ "--sapIndicationColor_3_Active_Background",
364
+ "--sapIndicationColor_3_Active_BorderColor",
365
+ "--sapIndicationColor_3_Active_TextColor",
366
+ "--sapIndicationColor_3_Background",
367
+ "--sapIndicationColor_3_BorderColor",
368
+ "--sapIndicationColor_3_Hover_Background",
369
+ "--sapIndicationColor_3_TextColor",
370
+ "--sapIndicationColor_3b",
371
+ "--sapIndicationColor_3b_BorderColor",
372
+ "--sapIndicationColor_3b_Hover_Background",
373
+ "--sapIndicationColor_4",
374
+ "--sapIndicationColor_4_Active_Background",
375
+ "--sapIndicationColor_4_Active_BorderColor",
376
+ "--sapIndicationColor_4_Active_TextColor",
377
+ "--sapIndicationColor_4_Background",
378
+ "--sapIndicationColor_4_BorderColor",
379
+ "--sapIndicationColor_4_Hover_Background",
380
+ "--sapIndicationColor_4_TextColor",
381
+ "--sapIndicationColor_4b",
382
+ "--sapIndicationColor_4b_BorderColor",
383
+ "--sapIndicationColor_4b_Hover_Background",
384
+ "--sapIndicationColor_5",
385
+ "--sapIndicationColor_5_Active_Background",
386
+ "--sapIndicationColor_5_Active_BorderColor",
387
+ "--sapIndicationColor_5_Active_TextColor",
388
+ "--sapIndicationColor_5_Background",
389
+ "--sapIndicationColor_5_BorderColor",
390
+ "--sapIndicationColor_5_Hover_Background",
391
+ "--sapIndicationColor_5_TextColor",
392
+ "--sapIndicationColor_5b",
393
+ "--sapIndicationColor_5b_BorderColor",
394
+ "--sapIndicationColor_5b_Hover_Background",
395
+ "--sapIndicationColor_6",
396
+ "--sapIndicationColor_6_Active_Background",
397
+ "--sapIndicationColor_6_Active_BorderColor",
398
+ "--sapIndicationColor_6_Active_TextColor",
399
+ "--sapIndicationColor_6_Background",
400
+ "--sapIndicationColor_6_BorderColor",
401
+ "--sapIndicationColor_6_Hover_Background",
402
+ "--sapIndicationColor_6_TextColor",
403
+ "--sapIndicationColor_6b",
404
+ "--sapIndicationColor_6b_BorderColor",
405
+ "--sapIndicationColor_6b_Hover_Background",
406
+ "--sapIndicationColor_7",
407
+ "--sapIndicationColor_7_Active_Background",
408
+ "--sapIndicationColor_7_Active_BorderColor",
409
+ "--sapIndicationColor_7_Active_TextColor",
410
+ "--sapIndicationColor_7_Background",
411
+ "--sapIndicationColor_7_BorderColor",
412
+ "--sapIndicationColor_7_Hover_Background",
413
+ "--sapIndicationColor_7_TextColor",
414
+ "--sapIndicationColor_7b",
415
+ "--sapIndicationColor_7b_BorderColor",
416
+ "--sapIndicationColor_7b_Hover_Background",
417
+ "--sapIndicationColor_8",
418
+ "--sapIndicationColor_8_Active_Background",
419
+ "--sapIndicationColor_8_Active_BorderColor",
420
+ "--sapIndicationColor_8_Active_TextColor",
421
+ "--sapIndicationColor_8_Background",
422
+ "--sapIndicationColor_8_BorderColor",
423
+ "--sapIndicationColor_8_Hover_Background",
424
+ "--sapIndicationColor_8_TextColor",
425
+ "--sapIndicationColor_8b",
426
+ "--sapIndicationColor_8b_BorderColor",
427
+ "--sapIndicationColor_8b_Hover_Background",
428
+ "--sapIndicationColor_9",
429
+ "--sapIndicationColor_9_Active_Background",
430
+ "--sapIndicationColor_9_Active_BorderColor",
431
+ "--sapIndicationColor_9_Active_TextColor",
432
+ "--sapIndicationColor_9_Background",
433
+ "--sapIndicationColor_9_BorderColor",
434
+ "--sapIndicationColor_9_Hover_Background",
435
+ "--sapIndicationColor_9_TextColor",
436
+ "--sapIndicationColor_9b",
437
+ "--sapIndicationColor_9b_BorderColor",
438
+ "--sapIndicationColor_9b_Hover_Background",
439
+ "--sapIndicationColor_10",
440
+ "--sapIndicationColor_10_Active_Background",
441
+ "--sapIndicationColor_10_Active_BorderColor",
442
+ "--sapIndicationColor_10_Active_TextColor",
443
+ "--sapIndicationColor_10_Background",
444
+ "--sapIndicationColor_10_BorderColor",
445
+ "--sapIndicationColor_10_Hover_Background",
446
+ "--sapIndicationColor_10_TextColor",
447
+ "--sapIndicationColor_10b",
448
+ "--sapIndicationColor_10b_BorderColor",
449
+ "--sapIndicationColor_10b_Hover_Background",
216
450
  "--sapInformationBackground",
217
451
  "--sapInformationBorderColor",
218
452
  "--sapInformativeElementColor",
@@ -230,8 +464,32 @@
230
464
  "--sapLegendBackgroundColor10",
231
465
  "--sapLegendBackgroundColor18",
232
466
  "--sapLegendBackgroundColor20",
467
+ "--sapLegendColor1",
468
+ "--sapLegendColor2",
469
+ "--sapLegendColor3",
470
+ "--sapLegendColor4",
471
+ "--sapLegendColor5",
472
+ "--sapLegendColor6",
473
+ "--sapLegendColor7",
474
+ "--sapLegendColor8",
475
+ "--sapLegendColor9",
476
+ "--sapLegendColor10",
477
+ "--sapLegendColor11",
478
+ "--sapLegendColor12",
479
+ "--sapLegendColor13",
480
+ "--sapLegendColor14",
481
+ "--sapLegendColor15",
482
+ "--sapLegendColor16",
483
+ "--sapLegendColor17",
233
484
  "--sapLegendColor18",
485
+ "--sapLegendColor19",
486
+ "--sapLegendColor20",
487
+ "--sapLink_Active_Color",
488
+ "--sapLink_Active_TextDecoration",
489
+ "--sapLink_Hover_Color",
490
+ "--sapLink_Hover_TextDecoration",
234
491
  "--sapLink_SubtleColor",
492
+ "--sapLink_TextDecoration",
235
493
  "--sapLinkColor",
236
494
  "--sapList_Active_Background",
237
495
  "--sapList_Active_TextColor",
@@ -244,6 +502,8 @@
244
502
  "--sapList_GroupHeaderBackground",
245
503
  "--sapList_GroupHeaderBorderColor",
246
504
  "--sapList_HeaderBackground",
505
+ "--sapList_HeaderBorderColor",
506
+ "--sapList_HeaderTextColor",
247
507
  "--sapList_Hover_Background",
248
508
  "--sapList_Hover_SelectionBackground",
249
509
  "--sapList_SelectionBackgroundColor",
@@ -252,12 +512,10 @@
252
512
  "--sapList_TableGroupHeaderBorderColor",
253
513
  "--sapList_TableGroupHeaderTextColor",
254
514
  "--sapList_TextColor",
255
- "--sapMangoColor1",
256
- "--sapMangoColor4",
257
- "--sapMangoColor5",
258
- "--sapMangoColor6",
259
- "--sapMangoColor7",
260
- "--sapMangoColor9",
515
+ "--sapMessage_ErrorBorderColor",
516
+ "--sapMessage_InformationBorderColor",
517
+ "--sapMessage_SuccessBorderColor",
518
+ "--sapMessage_WarningBorderColor",
261
519
  "--sapNegativeColor",
262
520
  "--sapNegativeElementColor",
263
521
  "--sapNegativeTextColor",
@@ -274,19 +532,31 @@
274
532
  "--sapPageHeader_Background",
275
533
  "--sapPageHeader_BorderColor",
276
534
  "--sapPageHeader_TextColor",
277
- "--sapPinkColor1",
278
- "--sapPinkColor4",
279
- "--sapPinkColor6",
280
- "--sapPinkColor7",
535
+ "--sapPopover_BorderCornerRadius",
281
536
  "--sapPositiveColor",
282
537
  "--sapPositiveElementColor",
283
538
  "--sapPositiveTextColor",
284
- "--sapRedColor1",
285
- "--sapRedColor4",
286
- "--sapRedColor5",
287
- "--sapRedColor6",
288
- "--sapRedColor7",
289
- "--sapRedColor9",
539
+ "--sapProgress_Background",
540
+ "--sapProgress_CriticalBackground",
541
+ "--sapProgress_FontSize",
542
+ "--sapProgress_InformationBackground",
543
+ "--sapProgress_NegativeBackground",
544
+ "--sapProgress_PositiveBackground",
545
+ "--sapProgress_TextColor",
546
+ "--sapProgress_Value_Background",
547
+ "--sapProgress_Value_BorderColor",
548
+ "--sapProgress_Value_CriticalBackground",
549
+ "--sapProgress_Value_CriticalBorderColor",
550
+ "--sapProgress_Value_CriticalTextColor",
551
+ "--sapProgress_Value_InformationBackground",
552
+ "--sapProgress_Value_InformationBorderColor",
553
+ "--sapProgress_Value_InformationTextColor",
554
+ "--sapProgress_Value_NegativeBackground",
555
+ "--sapProgress_Value_NegativeBorderColor",
556
+ "--sapProgress_Value_NegativeTextColor",
557
+ "--sapProgress_Value_PositiveBackground",
558
+ "--sapProgress_Value_PositiveBorderColor",
559
+ "--sapProgress_Value_PositiveTextColor",
290
560
  "--sapScrollBar_Dimension",
291
561
  "--sapScrollBar_FaceColor",
292
562
  "--sapScrollBar_Hover_FaceColor",
@@ -296,24 +566,34 @@
296
566
  "--sapShell_Active_TextColor",
297
567
  "--sapShell_Background",
298
568
  "--sapShell_Hover_Background",
569
+ "--sapShell_InteractiveBackground",
299
570
  "--sapShell_InteractiveBorderColor",
300
571
  "--sapShell_InteractiveTextColor",
301
572
  "--sapShell_TextColor",
302
573
  "--sapShellColor",
574
+ "--sapSlider_Active_RangeHandleBackground",
575
+ "--sapSlider_Background",
576
+ "--sapSlider_HandleBackground",
577
+ "--sapSlider_HandleBorderColor",
578
+ "--sapSlider_Hover_HandleBackground",
579
+ "--sapSlider_Hover_HandleBorderColor",
580
+ "--sapSlider_RangeHandleBackground",
581
+ "--sapSlider_Selected_Background",
582
+ "--sapSlider_Selected_BorderColor",
303
583
  "--sapSuccessBackground",
304
584
  "--sapSuccessBorderColor",
305
- "--sapTealColor1",
306
- "--sapTealColor4",
307
- "--sapTealColor6",
308
- "--sapTealColor7",
309
585
  "--sapTextColor",
586
+ "--sapTile_Active_Background",
310
587
  "--sapTile_Background",
311
588
  "--sapTile_BorderColor",
589
+ "--sapTile_BorderCornerRadius",
590
+ "--sapTile_Hover_Background",
312
591
  "--sapTile_IconColor",
592
+ "--sapTile_Interactive_BorderColor",
313
593
  "--sapTile_SeparatorColor",
314
594
  "--sapTile_TextColor",
315
595
  "--sapTile_TitleTextColor",
316
- "--sapTitleColor",
596
+ "--sapToolbar_Background",
317
597
  "--sapToolbar_SeparatorColor",
318
598
  "--sapWarningBackground",
319
599
  "--sapWarningBorderColor"