@ui5/webcomponents-theming 0.0.0-97cba4b0b → 0.0.0-97db186fd

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 (70) hide show
  1. package/.npsrc.json +3 -0
  2. package/CHANGELOG.md +121 -0
  3. package/css-vars-usage.json +16 -0
  4. package/dist/Assets-static.js.map +1 -1
  5. package/dist/Assets.js.map +1 -1
  6. package/dist/css/themes/sap_belize/parameters-bundle.css +1 -1
  7. package/dist/css/themes/sap_belize_hcb/parameters-bundle.css +1 -1
  8. package/dist/css/themes/sap_belize_hcw/parameters-bundle.css +1 -1
  9. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  10. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  11. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  12. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  13. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  14. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
  15. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +1 -1
  16. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -1
  17. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -1
  18. package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +1 -1
  19. package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +1 -1
  20. package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +1 -1
  21. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  22. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  23. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  24. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  25. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  26. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
  27. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  28. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
  29. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  30. package/dist/generated/themes/sap_belize/parameters-bundle.css.js +1 -1
  31. package/dist/generated/themes/sap_belize/parameters-bundle.css.js.map +1 -1
  32. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +1 -1
  33. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js.map +1 -1
  34. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +1 -1
  35. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js.map +1 -1
  36. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  37. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
  38. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  39. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
  40. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  41. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
  42. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  43. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
  44. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  45. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  46. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -1
  47. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
  48. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +1 -1
  49. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -1
  50. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -1
  51. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
  52. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -1
  53. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
  54. package/dist/themes/sap_belize/css_variables.css +198 -93
  55. package/dist/themes/sap_belize_hcb/css_variables.css +214 -109
  56. package/dist/themes/sap_belize_hcw/css_variables.css +210 -105
  57. package/dist/themes/sap_fiori_3/css_variables.css +198 -93
  58. package/dist/themes/sap_fiori_3_dark/css_variables.css +199 -94
  59. package/dist/themes/sap_fiori_3_hcb/css_variables.css +214 -109
  60. package/dist/themes/sap_fiori_3_hcw/css_variables.css +210 -105
  61. package/dist/themes/sap_horizon/css_variables.css +207 -102
  62. package/dist/themes/sap_horizon_dark/css_variables.css +211 -106
  63. package/dist/themes/sap_horizon_exp/css_variables.css +207 -102
  64. package/dist/themes/sap_horizon_hcb/css_variables.css +212 -107
  65. package/dist/themes/sap_horizon_hcw/css_variables.css +206 -101
  66. package/lib/generate-css-vars-usage-report/index.js +7 -3
  67. package/package.json +6 -5
  68. package/tsconfig.json +1 -0
  69. /package/config/postcss.themes/{postcss.config.js → postcss.config.cjs} +0 -0
  70. /package/{package-scripts.js → package-scripts.cjs} +0 -0
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * Copyright (c) 2012-2020 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
  *
4
- * Theming Engine 1.23011.0-20221202113725
5
- * data:{"Path": "Base.baseLib.sap_horizon.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["baseTheme"], "Tags": ["Fiori_3","LightColorScheme"], "FallbackThemeId": "sap_fiori_3", "Engine": {"Name": "theming-engine", "Version": "1.23011.0-20221202113725"}, "Version": { "Build": "11.1.48.20221207133419", "Source": "11.1.48"}}
4
+ * Theming Engine 1.23050.0-20230523090303+e385b420d426b24bae1dee2743785a1448185388
5
+ * data:{"Path": "Base.baseLib.sap_horizon.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["baseTheme"], "Tags": ["Fiori_3","LightColorScheme"], "FallbackThemeId": "sap_fiori_3", "Engine": {"Name": "theming-engine", "Version": "1.23050.0-20230523090303+e385b420d426b24bae1dee2743785a1448185388"}, "Version": { "Build": "11.4.2.20230525101226", "Source": "11.4.2"}}
6
6
  */
7
7
 
8
- .sapThemeMetaData-Base-baseLib{background-image: url('data:text/plain;utf-8,{"Path": "Base.baseLib.sap_horizon.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["baseTheme"], "Tags": ["Fiori_3","LightColorScheme"], "FallbackThemeId": "sap_fiori_3", "Engine": {"Name": "theming-engine", "Version": "1.23011.0-20221202113725"}, "Version": { "Build": "11.1.48.20221207133419", "Source": "11.1.48"}}');}
9
- :root{--sapThemeMetaData-Base-baseLib:{"Path": "Base.baseLib.sap_horizon.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["baseTheme"], "Tags": ["Fiori_3","LightColorScheme"], "FallbackThemeId": "sap_fiori_3", "Engine": {"Name": "theming-engine", "Version": "1.23011.0-20221202113725"}, "Version": { "Build": "11.1.48.20221207133419", "Source": "11.1.48"}};}
8
+ .sapThemeMetaData-Base-baseLib{background-image: url('data:text/plain;utf-8,{"Path": "Base.baseLib.sap_horizon.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["baseTheme"], "Tags": ["Fiori_3","LightColorScheme"], "FallbackThemeId": "sap_fiori_3", "Engine": {"Name": "theming-engine", "Version": "1.23050.0-20230523090303+e385b420d426b24bae1dee2743785a1448185388"}, "Version": { "Build": "11.4.2.20230525101226", "Source": "11.4.2"}}');}
9
+ :root{--sapThemeMetaData-Base-baseLib:{"Path": "Base.baseLib.sap_horizon.css_variables", "PathPattern": "/%frameworkId%/%libId%/%themeId%/%fileId%.css", "Extends": ["baseTheme"], "Tags": ["Fiori_3","LightColorScheme"], "FallbackThemeId": "sap_fiori_3", "Engine": {"Name": "theming-engine", "Version": "1.23050.0-20230523090303+e385b420d426b24bae1dee2743785a1448185388"}, "Version": { "Build": "11.4.2.20230525101226", "Source": "11.4.2"}};}
10
10
  :root {
11
11
  --sapBrandColor: #0070f2;
12
12
  --sapHighlightColor: #0070f2;
@@ -14,33 +14,15 @@
14
14
  --sapShellColor: #fff;
15
15
  --sapBackgroundColor: #f5f6f7;
16
16
  --sapFontFamily: "72", "72full", Arial, Helvetica, sans-serif;
17
- --sapFontLightFamily: "72-Light", "72-Lightfull", "72", "72full", Arial, Helvetica, sans-serif;
18
- --sapFontBoldFamily: "72-Bold", "72-Boldfull", "72", "72full", Arial, Helvetica, sans-serif;
19
- --sapFontSemiboldFamily: "72-Semibold", "72-Semiboldfull", "72", "72full", Arial, Helvetica, sans-serif;
20
- --sapFontSemiboldDuplexFamily: "72-SemiboldDuplex", "72-SemiboldDuplexfull", "72", "72full", Arial, Helvetica, sans-serif;
21
- --sapFontBlackFamily: "72Black", "72Blackfull","72", "72full", Arial, Helvetica, sans-serif;
22
- --sapFontHeaderFamily: "72-Bold", "72-Boldfull", "72", "72full", Arial, Helvetica, sans-serif;
23
17
  --sapFontSize: .875rem;
24
- --sapFontSmallSize: .75rem;
25
- --sapFontLargeSize: 1rem;
26
- --sapFontHeader1Size: 3rem;
27
- --sapFontHeader2Size: 2rem;
28
- --sapFontHeader3Size: 1.5rem;
29
- --sapFontHeader4Size: 1.25rem;
30
- --sapFontHeader5Size: 1rem;
31
- --sapFontHeader6Size: .875rem;
32
18
  --sapTextColor: #1d2d3e;
33
19
  --sapLinkColor: #0070f2;
34
- --sapLink_Hover_Color: #0064d9;
35
- --sapLink_Active_Color: #0064d9;
36
- --sapLink_Visited_Color: #0064d9;
37
- --sapLink_InvertedColor: #bfddff;
38
- --sapLink_SubtleColor: #1d2d3e;
39
20
  --sapCompanyLogo: none;
40
21
  --sapBackgroundImage: none;
41
22
  --sapBackgroundImageOpacity: 1.0;
42
23
  --sapBackgroundImageRepeat: false;
43
24
  --sapSelectedColor: #0070f2;
25
+ --sapHoverColor: #eaecee;
44
26
  --sapActiveColor: #dee2e5;
45
27
  --sapHighlightTextColor: #fff;
46
28
  --sapTitleColor: #1d2d3e;
@@ -55,72 +37,24 @@
55
37
  --sapInformativeElementColor: #0070f2;
56
38
  --sapNeutralElementColor: #788fa6;
57
39
  --sapNegativeTextColor: #aa0808;
58
- --sapPositiveTextColor: #256f3a;
59
40
  --sapCriticalTextColor: #b95100;
60
- --sapInformativeTextColor: #0070f2;
41
+ --sapPositiveTextColor: #256f3a;
42
+ --sapInformativeTextColor: #0064d9;
61
43
  --sapNeutralTextColor: #1d2d3e;
62
- --sapNeutralBorderColor: #788fa6;
63
44
  --sapErrorColor: #aa0808;
64
- --sapErrorBorderColor: #f53232;
65
45
  --sapWarningColor: #e76500;
66
- --sapWarningBorderColor: #e76500;
67
46
  --sapSuccessColor: #256f3a;
68
- --sapSuccessBorderColor: #30914c;
69
47
  --sapInformationColor: #0070f2;
70
- --sapInformationBorderColor: #0070f2;
71
48
  --sapErrorBackground: #ffeaf4;
72
49
  --sapWarningBackground: #fff8d6;
73
50
  --sapSuccessBackground: #f5fae5;
74
51
  --sapInformationBackground: #e1f4ff;
75
52
  --sapNeutralBackground: #eff1f2;
76
- --sapIndicationColor_1: #840606;
77
- --sapIndicationColor_1_Background: #840606;
78
- --sapIndicationColor_1_BorderColor: #840606;
79
- --sapIndicationColor_1_Hover_Background: #6c0505;
80
- --sapIndicationColor_1_Active_Background: #530404;
81
- --sapIndicationColor_1_TextColor: #fff;
82
- --sapIndicationColor_2: #aa0808;
83
- --sapIndicationColor_2_Background: #aa0808;
84
- --sapIndicationColor_2_BorderColor: #aa0808;
85
- --sapIndicationColor_2_Hover_Background: #920707;
86
- --sapIndicationColor_2_Active_Background: #790606;
87
- --sapIndicationColor_2_TextColor: #fff;
88
- --sapIndicationColor_3: #b95100;
89
- --sapIndicationColor_3_Background: #e76500;
90
- --sapIndicationColor_3_BorderColor: #e76500;
91
- --sapIndicationColor_3_Hover_Background: #d85e00;
92
- --sapIndicationColor_3_Active_Background: #c85800;
93
- --sapIndicationColor_3_TextColor: #fff;
94
- --sapIndicationColor_4: #256f3a;
95
- --sapIndicationColor_4_Background: #256f3a;
96
- --sapIndicationColor_4_BorderColor: #256f3a;
97
- --sapIndicationColor_4_Hover_Background: #1f5c30;
98
- --sapIndicationColor_4_Active_Background: #184926;
99
- --sapIndicationColor_4_TextColor: #fff;
100
- --sapIndicationColor_5: #0070f2;
101
- --sapIndicationColor_5_Background: #0070f2;
102
- --sapIndicationColor_5_BorderColor: #0070f2;
103
- --sapIndicationColor_5_Hover_Background: #0064d9;
104
- --sapIndicationColor_5_Active_Background: #0058bf;
105
- --sapIndicationColor_5_TextColor: #fff;
106
- --sapIndicationColor_6: #046c7a;
107
- --sapIndicationColor_6_Background: #046c7a;
108
- --sapIndicationColor_6_BorderColor: #046c7a;
109
- --sapIndicationColor_6_Hover_Background: #035661;
110
- --sapIndicationColor_6_Active_Background: #024049;
111
- --sapIndicationColor_6_TextColor: #fff;
112
- --sapIndicationColor_7: #5d36ff;
113
- --sapIndicationColor_7_Background: #5d36ff;
114
- --sapIndicationColor_7_BorderColor: #5d36ff;
115
- --sapIndicationColor_7_Hover_Background: #481cff;
116
- --sapIndicationColor_7_Active_Background: #3403ff;
117
- --sapIndicationColor_7_TextColor: #fff;
118
- --sapIndicationColor_8: #a100c2;
119
- --sapIndicationColor_8_Background: #a100c2;
120
- --sapIndicationColor_8_BorderColor: #a100c2;
121
- --sapIndicationColor_8_Hover_Background: #8c00a9;
122
- --sapIndicationColor_8_Active_Background: #77008f;
123
- --sapIndicationColor_8_TextColor: #fff;
53
+ --sapErrorBorderColor: #f53232;
54
+ --sapWarningBorderColor: #e76500;
55
+ --sapSuccessBorderColor: #30914c;
56
+ --sapInformationBorderColor: #0070f2;
57
+ --sapNeutralBorderColor: #788fa6;
124
58
  --sapElement_LineHeight: 2.75rem;
125
59
  --sapElement_Height: 2.25rem;
126
60
  --sapElement_BorderWidth: .0625rem;
@@ -138,6 +72,8 @@
138
72
  --sapContent_MarkerTextColor: #046c7a;
139
73
  --sapContent_MeasureIndicatorColor: #556b81;
140
74
  --sapContent_Selected_MeasureIndicatorColor: #0070f2;
75
+ --sapContent_Placeholderloading_Background: #ccc;
76
+ --sapContent_Placeholderloading_Gradient: linear-gradient(to right, #ccc 0%, #ccc 20%, #999 50%, #ccc 80%, #ccc 100%);
141
77
  --sapContent_ImagePlaceholderBackground: #eaecee;
142
78
  --sapContent_ImagePlaceholderForegroundColor: #5b738b;
143
79
  --sapContent_RatedColor: #d27700;
@@ -178,13 +114,11 @@
178
114
  --sapContent_ForegroundTextColor: #1d2d3e;
179
115
  --sapContent_BadgeBackground: #aa0808;
180
116
  --sapContent_BadgeTextColor: #fff;
181
- --sapContent_Placeholderloading_Background: #ccc;
182
- --sapContent_Placeholderloading_Gradient: linear-gradient(to right, #ccc 0%, #ccc 20%, #999 50%, #ccc 80%, #ccc 100%);
183
117
  --sapContent_DragAndDropActiveColor: #0070f2;
118
+ --sapContent_Selected_TextColor: #0064d9;
184
119
  --sapContent_Selected_Background: #fff;
185
- --sapContent_Selected_TextColor: #0070f2;
186
120
  --sapContent_Selected_Hover_Background: #fff;
187
- --sapContent_Selected_ForegroundColor: #0070f2;
121
+ --sapContent_Selected_ForegroundColor: #0064d9;
188
122
  --sapContent_ForcedColorAdjust: none;
189
123
  --sapContent_Illustrative_Color1: #5d36ff;
190
124
  --sapContent_Illustrative_Color2: #0070f2;
@@ -206,9 +140,30 @@
206
140
  --sapContent_Illustrative_Color18: #d1efff;
207
141
  --sapContent_Illustrative_Color19: #b8e6ff;
208
142
  --sapContent_Illustrative_Color20: #9eddff;
143
+ --sapFontLightFamily: "72-Light", "72-Lightfull", "72", "72full", Arial, Helvetica, sans-serif;
144
+ --sapFontBoldFamily: "72-Bold", "72-Boldfull", "72", "72full", Arial, Helvetica, sans-serif;
145
+ --sapFontSemiboldFamily: "72-Semibold", "72-Semiboldfull", "72", "72full", Arial, Helvetica, sans-serif;
146
+ --sapFontSemiboldDuplexFamily: "72-SemiboldDuplex", "72-SemiboldDuplexfull", "72", "72full", Arial, Helvetica, sans-serif;
147
+ --sapFontBlackFamily: "72Black", "72Blackfull","72", "72full", Arial, Helvetica, sans-serif;
148
+ --sapFontHeaderFamily: "72-Bold", "72-Boldfull", "72", "72full", Arial, Helvetica, sans-serif;
149
+ --sapFontSmallSize: .75rem;
150
+ --sapFontLargeSize: 1rem;
151
+ --sapFontHeader1Size: 3rem;
152
+ --sapFontHeader2Size: 2rem;
153
+ --sapFontHeader3Size: 1.5rem;
154
+ --sapFontHeader4Size: 1.25rem;
155
+ --sapFontHeader5Size: 1rem;
156
+ --sapFontHeader6Size: .875rem;
157
+ --sapLink_TextDecoration: none;
158
+ --sapLink_Hover_Color: #0064d9;
159
+ --sapLink_Hover_TextDecoration: underline;
160
+ --sapLink_Active_Color: #0064d9;
161
+ --sapLink_Active_TextDecoration: underline;
162
+ --sapLink_Visited_Color: #0064d9;
163
+ --sapLink_InvertedColor: #bfddff;
164
+ --sapLink_SubtleColor: #1d2d3e;
209
165
  --sapShell_Background: #f5f6f7;
210
166
  --sapShell_BackgroundImage: linear-gradient(to bottom, #f5f6f7, #f5f6f7);
211
- --sapShell_BackgroundGradient: linear-gradient(to bottom, #f5f6f7, #f5f6f7);
212
167
  --sapShell_BackgroundImageOpacity: 1.0;
213
168
  --sapShell_BackgroundImageRepeat: false;
214
169
  --sapShell_BorderColor: #fff;
@@ -226,17 +181,17 @@
226
181
  --sapShell_Selected_Hover_Background: #fff;
227
182
  --sapShell_Favicon: none;
228
183
  --sapShell_Navigation_Background: #fff;
229
- --sapShell_Navigation_SelectedColor: #0070f2;
230
- --sapShell_Navigation_Selected_TextColor: #0070f2;
231
- --sapShell_Navigation_TextColor: #1d2d3e;
232
184
  --sapShell_Navigation_Hover_Background: #fff;
233
- --sapShell_Navigation_Active_Background: #fff;
185
+ --sapShell_Navigation_SelectedColor: #0064d9;
186
+ --sapShell_Navigation_Selected_TextColor: #0064d9;
187
+ --sapShell_Navigation_TextColor: #1d2d3e;
234
188
  --sapShell_Navigation_Active_TextColor: #0070f2;
189
+ --sapShell_Navigation_Active_Background: #fff;
235
190
  --sapShell_Shadow: 0 0.125rem 0.125rem 0 rgba(85,107,130,0.1), inset 0 -0.0625rem 0 0 rgba(85,107,130,0.2);
236
191
  --sapShell_NegativeColor: #aa0808;
237
192
  --sapShell_CriticalColor: #b95100;
238
193
  --sapShell_PositiveColor: #256f3a;
239
- --sapShell_InformativeColor: #0070f2;
194
+ --sapShell_InformativeColor: #0064d9;
240
195
  --sapShell_NeutralColor: #1d2d3e;
241
196
  --sapShell_Category_1_Background: #0057d2;
242
197
  --sapShell_Category_1_BorderColor: #0057d2;
@@ -332,10 +287,10 @@
332
287
  --sapAvatar_10_Background: #eaecee;
333
288
  --sapAvatar_10_BorderColor: #eaecee;
334
289
  --sapAvatar_10_TextColor: #556b82;
290
+ --sapButton_Background: #eaecee;
291
+ --sapButton_BorderColor: #bcc3ca;
335
292
  --sapButton_BorderWidth: .0625rem;
336
293
  --sapButton_BorderCornerRadius: .5rem;
337
- --sapButton_Background: #eaecee;
338
- --sapButton_BorderColor: #eaecee;
339
294
  --sapButton_TextColor: #1d2d3e;
340
295
  --sapButton_Hover_Background: #fff;
341
296
  --sapButton_Hover_BorderColor: #fff;
@@ -357,13 +312,13 @@
357
312
  --sapButton_Emphasized_FontWeight: bold;
358
313
  --sapButton_Reject_Background: #ffd6e9;
359
314
  --sapButton_Reject_BorderColor: #ffd6e9;
315
+ --sapButton_Reject_TextColor: #aa0808;
360
316
  --sapButton_Reject_Hover_Background: #fff;
361
317
  --sapButton_Reject_Hover_BorderColor: #fff;
362
318
  --sapButton_Reject_Hover_TextColor: #aa0808;
363
319
  --sapButton_Reject_Active_Background: #fff;
364
320
  --sapButton_Reject_Active_BorderColor: #f53232;
365
321
  --sapButton_Reject_Active_TextColor: #aa0808;
366
- --sapButton_Reject_TextColor: #aa0808;
367
322
  --sapButton_Reject_Selected_Background: #fff;
368
323
  --sapButton_Reject_Selected_BorderColor: #f53232;
369
324
  --sapButton_Reject_Selected_TextColor: #aa0808;
@@ -371,13 +326,13 @@
371
326
  --sapButton_Reject_Selected_Hover_BorderColor: #f53232;
372
327
  --sapButton_Accept_Background: #ebf5cb;
373
328
  --sapButton_Accept_BorderColor: #ebf5cb;
329
+ --sapButton_Accept_TextColor: #256f3a;
374
330
  --sapButton_Accept_Hover_Background: #fff;
375
331
  --sapButton_Accept_Hover_BorderColor: #fff;
376
332
  --sapButton_Accept_Hover_TextColor: #256f3a;
377
333
  --sapButton_Accept_Active_Background: #fff;
378
334
  --sapButton_Accept_Active_BorderColor: #30914c;
379
335
  --sapButton_Accept_Active_TextColor: #256f3a;
380
- --sapButton_Accept_TextColor: #256f3a;
381
336
  --sapButton_Accept_Selected_Background: #fff;
382
337
  --sapButton_Accept_Selected_BorderColor: #30914c;
383
338
  --sapButton_Accept_Selected_TextColor: #256f3a;
@@ -506,10 +461,16 @@
506
461
  --sapField_BorderWidth: .0625rem;
507
462
  --sapField_BorderStyle: none;
508
463
  --sapField_BorderCornerRadius: .25rem;
464
+ --sapField_Shadow: none;
509
465
  --sapField_Hover_Background: #fff;
510
466
  --sapField_Hover_BackgroundStyle: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, #556b81, #556b81) border-box;
511
467
  --sapField_Hover_BorderColor: #556b81;
512
468
  --sapField_Hover_HelpBackground: #fff;
469
+ --sapField_Hover_Shadow: 0 0 0.125rem 0 rgba(85,107,130,0.72);
470
+ --sapField_Hover_InvalidShadow: 0 0 0.125rem 0 rgba(170,8,8,0.72);
471
+ --sapField_Hover_WarningShadow: 0 0 0.125rem 0 rgba(231,101,0,0.72);
472
+ --sapField_Hover_SuccessShadow: 0 0 0.125rem 0 rgba(37,111,58,0.72);
473
+ --sapField_Hover_InformationShadow: 0 0 0.125rem 0 rgba(0,112,242,0.72);
513
474
  --sapField_Active_BorderColor: #0070f2;
514
475
  --sapField_Focus_Background: #fff;
515
476
  --sapField_Focus_BorderColor: #0070f2;
@@ -525,21 +486,25 @@
525
486
  --sapField_InvalidBackgroundStyle: 0 100% / 100% .125rem no-repeat linear-gradient(0deg, #f53232, #f53232) border-box;
526
487
  --sapField_InvalidBorderWidth: .125rem;
527
488
  --sapField_InvalidBorderStyle: none;
489
+ --sapField_InvalidShadow: none;
528
490
  --sapField_WarningColor: #e76500;
529
491
  --sapField_WarningBackground: #fff8d6;
530
492
  --sapField_WarningBackgroundStyle: 0 100% / 100% .125rem no-repeat linear-gradient(0deg, #e76500, #e76500) border-box;
531
493
  --sapField_WarningBorderWidth: .125rem;
532
494
  --sapField_WarningBorderStyle: none;
495
+ --sapField_WarningShadow: none;
533
496
  --sapField_SuccessColor: #30914c;
534
497
  --sapField_SuccessBackground: #f5fae5;
535
498
  --sapField_SuccessBackgroundStyle: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, #30914c, #30914c) border-box;
536
499
  --sapField_SuccessBorderWidth: .0625rem;
537
500
  --sapField_SuccessBorderStyle: none;
501
+ --sapField_SuccessShadow: none;
538
502
  --sapField_InformationColor: #0070f2;
539
503
  --sapField_InformationBackground: #e1f4ff;
540
504
  --sapField_InformationBackgroundStyle: 0 100% / 100% .125rem no-repeat linear-gradient(0deg, #0070f2, #0070f2) border-box;
541
505
  --sapField_InformationBorderWidth: .125rem;
542
506
  --sapField_InformationBorderStyle: none;
507
+ --sapField_InformationShadow: none;
543
508
  --sapGroup_TitleBackground: #fff;
544
509
  --sapGroup_TitleBorderColor: #a8b2bd;
545
510
  --sapGroup_TitleTextColor: #1d2d3e;
@@ -549,16 +514,15 @@
549
514
  --sapGroup_BorderWidth: .0625rem;
550
515
  --sapGroup_BorderCornerRadius: .5rem;
551
516
  --sapGroup_FooterBackground: transparent;
552
- --sapPopover_BorderCornerRadius: .5rem;
553
517
  --sapToolbar_Background: #fff;
554
518
  --sapToolbar_SeparatorColor: #d9d9d9;
555
519
  --sapList_HeaderBackground: #fff;
556
520
  --sapList_HeaderBorderColor: #a8b2bd;
557
521
  --sapList_HeaderTextColor: #1d2d3e;
558
522
  --sapList_BorderColor: #e5e5e5;
523
+ --sapList_BorderWidth: .0625rem;
559
524
  --sapList_TextColor: #1d2d3e;
560
525
  --sapList_Active_TextColor: #1d2d3e;
561
- --sapList_BorderWidth: .0625rem;
562
526
  --sapList_Active_Background: #dee2e5;
563
527
  --sapList_SelectionBackgroundColor: #ebf8ff;
564
528
  --sapList_SelectionBorderColor: #0070f2;
@@ -569,17 +533,18 @@
569
533
  --sapList_GroupHeaderBackground: #fff;
570
534
  --sapList_GroupHeaderBorderColor: #a8b2bd;
571
535
  --sapList_GroupHeaderTextColor: #1d2d3e;
572
- --sapList_FooterBackground: #fff;
573
- --sapList_FooterTextColor: #1d2d3e;
574
536
  --sapList_TableGroupHeaderBackground: #eff1f2;
575
537
  --sapList_TableGroupHeaderBorderColor: #a8b2bd;
576
538
  --sapList_TableGroupHeaderTextColor: #1d2d3e;
539
+ --sapList_FooterBackground: #fff;
540
+ --sapList_FooterTextColor: #1d2d3e;
577
541
  --sapList_TableFooterBorder: #a8b2bd;
578
542
  --sapList_TableFixedBorderColor: #8c8c8c;
579
543
  --sapMessage_ErrorBorderColor: #ff8ec4;
580
544
  --sapMessage_WarningBorderColor: #ffe770;
581
545
  --sapMessage_SuccessBorderColor: #cee67e;
582
546
  --sapMessage_InformationBorderColor: #7bcfff;
547
+ --sapPopover_BorderCornerRadius: .5rem;
583
548
  --sapProgress_Background: #d5dadd;
584
549
  --sapProgress_BorderColor: #d5dadd;
585
550
  --sapProgress_TextColor: #1d2d3e;
@@ -626,9 +591,9 @@
626
591
  --sapSlider_RangeHandleBackground: #fff;
627
592
  --sapSlider_Hover_HandleBackground: #fff;
628
593
  --sapSlider_Hover_HandleBorderColor: #0070f2;
629
- --sapSlider_Hover_RangeHandleBackground: transparent;
594
+ --sapSlider_Hover_RangeHandleBackground: #fff;
630
595
  --sapSlider_Active_HandleBackground: #fff;
631
- --sapSlider_Active_HandleBorderColor: #fff;
596
+ --sapSlider_Active_HandleBorderColor: #0070f2;
632
597
  --sapSlider_Active_RangeHandleBackground: transparent;
633
598
  --sapPageHeader_Background: #fff;
634
599
  --sapPageHeader_BorderColor: #d9d9d9;
@@ -642,8 +607,8 @@
642
607
  --sapInfobar_NonInteractive_Background: #f5f6f7;
643
608
  --sapInfobar_TextColor: #046c7a;
644
609
  --sapObjectHeader_Background: #fff;
645
- --sapObjectHeader_BorderColor: #d9d9d9;
646
610
  --sapObjectHeader_Hover_Background: #eaecee;
611
+ --sapObjectHeader_BorderColor: #d9d9d9;
647
612
  --sapObjectHeader_Title_TextColor: #1d2d3e;
648
613
  --sapObjectHeader_Title_FontSize: 2rem;
649
614
  --sapObjectHeader_Title_SnappedFontSize: 1.25rem;
@@ -682,6 +647,146 @@
682
647
  --sapAccentBackgroundColor8: #ebf5cb;
683
648
  --sapAccentBackgroundColor9: #ddccf0;
684
649
  --sapAccentBackgroundColor10: #eaecee;
650
+ --sapIndicationColor_1: #840606;
651
+ --sapIndicationColor_1_Background: #840606;
652
+ --sapIndicationColor_1_BorderColor: #840606;
653
+ --sapIndicationColor_1_TextColor: #fff;
654
+ --sapIndicationColor_1_Hover_Background: #6c0505;
655
+ --sapIndicationColor_1_Active_Background: #530404;
656
+ --sapIndicationColor_1_Active_BorderColor: #fb9d9d;
657
+ --sapIndicationColor_1_Active_TextColor: #840606;
658
+ --sapIndicationColor_1_Selected_Background: #530404;
659
+ --sapIndicationColor_1_Selected_BorderColor: #fb9d9d;
660
+ --sapIndicationColor_1_Selected_TextColor: #840606;
661
+ --sapIndicationColor_1b: #fb9d9d;
662
+ --sapIndicationColor_1b_BorderColor: #fb9d9d;
663
+ --sapIndicationColor_1b_Hover_Background: #fa8585;
664
+ --sapIndicationColor_2: #aa0808;
665
+ --sapIndicationColor_2_Background: #aa0808;
666
+ --sapIndicationColor_2_BorderColor: #aa0808;
667
+ --sapIndicationColor_2_TextColor: #fff;
668
+ --sapIndicationColor_2_Hover_Background: #920707;
669
+ --sapIndicationColor_2_Active_Background: #790606;
670
+ --sapIndicationColor_2_Active_BorderColor: #fcc4c4;
671
+ --sapIndicationColor_2_Active_TextColor: #aa0808;
672
+ --sapIndicationColor_2_Selected_Background: #790606;
673
+ --sapIndicationColor_2_Selected_BorderColor: #fcc4c4;
674
+ --sapIndicationColor_2_Selected_TextColor: #aa0808;
675
+ --sapIndicationColor_2b: #fcc4c4;
676
+ --sapIndicationColor_2b_BorderColor: #fcc4c4;
677
+ --sapIndicationColor_2b_Hover_Background: #fbacac;
678
+ --sapIndicationColor_3: #b95100;
679
+ --sapIndicationColor_3_Background: #e76500;
680
+ --sapIndicationColor_3_BorderColor: #e76500;
681
+ --sapIndicationColor_3_TextColor: #fff;
682
+ --sapIndicationColor_3_Hover_Background: #d85e00;
683
+ --sapIndicationColor_3_Active_Background: #c85800;
684
+ --sapIndicationColor_3_Active_BorderColor: #fff2c0;
685
+ --sapIndicationColor_3_Active_TextColor: #b95100;
686
+ --sapIndicationColor_3_Selected_Background: #c85800;
687
+ --sapIndicationColor_3_Selected_BorderColor: #fff2c0;
688
+ --sapIndicationColor_3_Selected_TextColor: #b95100;
689
+ --sapIndicationColor_3b: #fff2c0;
690
+ --sapIndicationColor_3b_BorderColor: #fff2c0;
691
+ --sapIndicationColor_3b_Hover_Background: #ffeda6;
692
+ --sapIndicationColor_4: #256f3a;
693
+ --sapIndicationColor_4_Background: #256f3a;
694
+ --sapIndicationColor_4_BorderColor: #256f3a;
695
+ --sapIndicationColor_4_TextColor: #fff;
696
+ --sapIndicationColor_4_Hover_Background: #1f5c30;
697
+ --sapIndicationColor_4_Active_Background: #184926;
698
+ --sapIndicationColor_4_Active_BorderColor: #bae8bc;
699
+ --sapIndicationColor_4_Active_TextColor: #256f3a;
700
+ --sapIndicationColor_4_Selected_Background: #184926;
701
+ --sapIndicationColor_4_Selected_BorderColor: #bae8bc;
702
+ --sapIndicationColor_4_Selected_TextColor: #256f3a;
703
+ --sapIndicationColor_4b: #bae8bc;
704
+ --sapIndicationColor_4b_BorderColor: #bae8bc;
705
+ --sapIndicationColor_4b_Hover_Background: #a7e2a9;
706
+ --sapIndicationColor_5: #0070f2;
707
+ --sapIndicationColor_5_Background: #0070f2;
708
+ --sapIndicationColor_5_BorderColor: #0070f2;
709
+ --sapIndicationColor_5_TextColor: #fff;
710
+ --sapIndicationColor_5_Hover_Background: #0064d9;
711
+ --sapIndicationColor_5_Active_Background: #0058bf;
712
+ --sapIndicationColor_5_Active_BorderColor: #d3effd;
713
+ --sapIndicationColor_5_Active_TextColor: #0070f2;
714
+ --sapIndicationColor_5_Selected_Background: #0058bf;
715
+ --sapIndicationColor_5_Selected_BorderColor: #d3effd;
716
+ --sapIndicationColor_5_Selected_TextColor: #0070f2;
717
+ --sapIndicationColor_5b: #d3effd;
718
+ --sapIndicationColor_5b_BorderColor: #d3effd;
719
+ --sapIndicationColor_5b_Hover_Background: #bbe6fc;
720
+ --sapIndicationColor_6: #046c7a;
721
+ --sapIndicationColor_6_Background: #046c7a;
722
+ --sapIndicationColor_6_BorderColor: #046c7a;
723
+ --sapIndicationColor_6_TextColor: #fff;
724
+ --sapIndicationColor_6_Hover_Background: #035661;
725
+ --sapIndicationColor_6_Active_Background: #024049;
726
+ --sapIndicationColor_6_Active_BorderColor: #cdf5ec;
727
+ --sapIndicationColor_6_Active_TextColor: #046c7a;
728
+ --sapIndicationColor_6_Selected_Background: #024049;
729
+ --sapIndicationColor_6_Selected_BorderColor: #cdf5ec;
730
+ --sapIndicationColor_6_Selected_TextColor: #046c7a;
731
+ --sapIndicationColor_6b: #cdf5ec;
732
+ --sapIndicationColor_6b_BorderColor: #cdf5ec;
733
+ --sapIndicationColor_6b_Hover_Background: #b8f1e4;
734
+ --sapIndicationColor_7: #5d36ff;
735
+ --sapIndicationColor_7_Background: #5d36ff;
736
+ --sapIndicationColor_7_BorderColor: #5d36ff;
737
+ --sapIndicationColor_7_TextColor: #fff;
738
+ --sapIndicationColor_7_Hover_Background: #481cff;
739
+ --sapIndicationColor_7_Active_Background: #3403ff;
740
+ --sapIndicationColor_7_Active_BorderColor: #e2dbff;
741
+ --sapIndicationColor_7_Active_TextColor: #5d36ff;
742
+ --sapIndicationColor_7_Selected_Background: #3403ff;
743
+ --sapIndicationColor_7_Selected_BorderColor: #e2dbff;
744
+ --sapIndicationColor_7_Selected_TextColor: #5d36ff;
745
+ --sapIndicationColor_7b: #e2dbff;
746
+ --sapIndicationColor_7b_BorderColor: #e2dbff;
747
+ --sapIndicationColor_7b_Hover_Background: #cdc2ff;
748
+ --sapIndicationColor_8: #a100c2;
749
+ --sapIndicationColor_8_Background: #a100c2;
750
+ --sapIndicationColor_8_BorderColor: #a100c2;
751
+ --sapIndicationColor_8_TextColor: #fff;
752
+ --sapIndicationColor_8_Hover_Background: #8c00a9;
753
+ --sapIndicationColor_8_Active_Background: #77008f;
754
+ --sapIndicationColor_8_Active_BorderColor: #f8d6ff;
755
+ --sapIndicationColor_8_Active_TextColor: #a100c2;
756
+ --sapIndicationColor_8_Selected_Background: #77008f;
757
+ --sapIndicationColor_8_Selected_BorderColor: #f8d6ff;
758
+ --sapIndicationColor_8_Selected_TextColor: #a100c2;
759
+ --sapIndicationColor_8b: #f8d6ff;
760
+ --sapIndicationColor_8b_BorderColor: #f8d6ff;
761
+ --sapIndicationColor_8b_Hover_Background: #f4bdff;
762
+ --sapIndicationColor_9: #1d2d3e;
763
+ --sapIndicationColor_9_Background: #1d2d3e;
764
+ --sapIndicationColor_9_BorderColor: #1d2d3e;
765
+ --sapIndicationColor_9_TextColor: #fff;
766
+ --sapIndicationColor_9_Hover_Background: #15202d;
767
+ --sapIndicationColor_9_Active_Background: #fff;
768
+ --sapIndicationColor_9_Active_BorderColor: #d9d9d9;
769
+ --sapIndicationColor_9_Active_TextColor: #1d2d3e;
770
+ --sapIndicationColor_9_Selected_Background: #fff;
771
+ --sapIndicationColor_9_Selected_BorderColor: #d9d9d9;
772
+ --sapIndicationColor_9_Selected_TextColor: #1d2d3e;
773
+ --sapIndicationColor_9b: #fff;
774
+ --sapIndicationColor_9b_BorderColor: #d9d9d9;
775
+ --sapIndicationColor_9b_Hover_Background: #f2f2f2;
776
+ --sapIndicationColor_10: #45484a;
777
+ --sapIndicationColor_10_Background: #83888b;
778
+ --sapIndicationColor_10_BorderColor: #83888b;
779
+ --sapIndicationColor_10_TextColor: #fff;
780
+ --sapIndicationColor_10_Hover_Background: #767b7e;
781
+ --sapIndicationColor_10_Active_Background: #fff;
782
+ --sapIndicationColor_10_Active_BorderColor: #eaecee;
783
+ --sapIndicationColor_10_Active_TextColor: #45484a;
784
+ --sapIndicationColor_10_Selected_Background: #fff;
785
+ --sapIndicationColor_10_Selected_BorderColor: #eaecee;
786
+ --sapIndicationColor_10_Selected_TextColor: #45484a;
787
+ --sapIndicationColor_10b: #eaecee;
788
+ --sapIndicationColor_10b_BorderColor: #eaecee;
789
+ --sapIndicationColor_10b_Hover_Background: #dcdfe3;
685
790
  --sapLegend_WorkingBackground: #fff;
686
791
  --sapLegend_NonWorkingBackground: #ebebeb;
687
792
  --sapLegend_CurrentDateTime: #a100c2;
@@ -755,9 +860,9 @@
755
860
  --sapFontUrl_SAP-icons_ttf: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons.ttf');
756
861
  --sapFontUrl_SAP-icons_woff: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons.woff');
757
862
  --sapFontUrl_SAP-icons_woff2: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons.woff2');
758
- --sapFontUrl_SAP-icons-TNT_ttf: url('../../../Base/baseLib/baseTheme/fonts/SAP-icons-TNT.ttf');
759
- --sapFontUrl_SAP-icons-TNT_woff: url('../../../Base/baseLib/baseTheme/fonts/SAP-icons-TNT.woff');
760
- --sapFontUrl_SAP-icons-TNT_woff2: url('../../../Base/baseLib/baseTheme/fonts/SAP-icons-TNT.woff2');
863
+ --sapFontUrl_SAP-icons-TNT_ttf: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons-TNT.ttf');
864
+ --sapFontUrl_SAP-icons-TNT_woff: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons-TNT.woff');
865
+ --sapFontUrl_SAP-icons-TNT_woff2: url('../../../Base/baseLib/sap_horizon/fonts/SAP-icons-TNT.woff2');
761
866
  --sapFontUrl_SAP-icons-Business-Suite_ttf: url('../../../Base/baseLib/sap_horizon/fonts/BusinessSuiteInAppSymbols.ttf');
762
867
  --sapFontUrl_SAP-icons-Business-Suite_woff: url('../../../Base/baseLib/sap_horizon/fonts/BusinessSuiteInAppSymbols.woff');
763
868
  --sapFontUrl_SAP-icons-Business-Suite_woff2: url('../../../Base/baseLib/sap_horizon/fonts/BusinessSuiteInAppSymbols.woff2');