@salutejs/sdds-themes 0.44.0-canary.2127.16721664480.0 → 0.44.0-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/css/sdds_finportal.module.css +335 -383
  2. package/css/sdds_finportal__dark.css +138 -162
  3. package/css/sdds_finportal__light.css +197 -221
  4. package/es/themes/sdds_finportal__dark.js +1 -1
  5. package/es/themes/sdds_finportal__dark.js.map +1 -1
  6. package/es/themes/sdds_finportal__light.js +1 -1
  7. package/es/themes/sdds_finportal__light.js.map +1 -1
  8. package/es/tokens/sdds_finportal/index.js +209 -257
  9. package/es/tokens/sdds_finportal/index.js.map +1 -1
  10. package/package.json +3 -3
  11. package/themes/sdds_finportal__dark.js +1 -1
  12. package/themes/sdds_finportal__dark.js.map +1 -1
  13. package/themes/sdds_finportal__light.js +1 -1
  14. package/themes/sdds_finportal__light.js.map +1 -1
  15. package/tokens/sdds_finportal/index.d.ts +207 -255
  16. package/tokens/sdds_finportal/index.js +228 -276
  17. package/tokens/sdds_finportal/index.js.map +1 -1
package/css/sdds_finportal__dark.css CHANGED
@@ -3,10 +3,10 @@
3
3
  :root {
4
4
  --text-primary-hover: #F2F5F893;
5
5
  --text-primary-active: #F2F5F8C4;
6
- --text-secondary-hover: #F2F5F8FF;
7
- --text-secondary-active: #F2F5F8AB;
8
- --text-tertiary-hover: #F2F5F8FF;
9
- --text-tertiary-active: #F2F5F856;
6
+ --text-secondary-hover: #D6DFE6FF;
7
+ --text-secondary-active: #D6DFE6BE;
8
+ --text-tertiary-hover: #D6DFE6FF;
9
+ --text-tertiary-active: #D6DFE65C;
10
10
  --text-paragraph-hover: #F2F5F87A;
11
11
  --text-paragraph-active: #F2F5F8A3;
12
12
  --text-accent-hover: #66BCF5FF;
@@ -31,8 +31,6 @@
31
31
  --text-info-minor-active: #10659EFF;
32
32
  --text-primary: #F2F5F8F5;
33
33
  --text-primary-brightness: #F3F6F8FF;
34
- --text-secondary: #F2F5F88F;
35
- --text-tertiary: #F2F5F847;
36
34
  --text-paragraph: #F2F5F8CC;
37
35
  --text-accent: #199AF0;
38
36
  --text-accent-minor: #0D5382;
@@ -44,12 +42,14 @@
44
42
  --text-warning-minor: #85380C;
45
43
  --text-negative-minor: #9C1422;
46
44
  --text-info-minor: #0D5382;
45
+ --text-secondary: #D5DFE69E;
46
+ --text-tertiary: #D5DFE64D;
47
47
  --on-dark-text-primary-hover: #F2F5F893;
48
48
  --on-dark-text-primary-active: #F2F5F8C4;
49
- --on-dark-text-secondary-hover: #F2F5F8FF;
50
- --on-dark-text-secondary-active: #F2F5F8AB;
51
- --on-dark-text-tertiary-hover: #F2F5F8FF;
52
- --on-dark-text-tertiary-active: #F2F5F856;
49
+ --on-dark-text-secondary-hover: #D6DFE6FF;
50
+ --on-dark-text-secondary-active: #D6DFE6BE;
51
+ --on-dark-text-tertiary-hover: #D6DFE6FF;
52
+ --on-dark-text-tertiary-active: #D6DFE65C;
53
53
  --on-dark-text-paragraph-hover: #F2F5F87A;
54
54
  --on-dark-text-paragraph-active: #F2F5F8A3;
55
55
  --on-dark-text-accent-hover: #66BCF5FF;
@@ -74,8 +74,6 @@
74
74
  --on-dark-text-info-minor-active: #10659EFF;
75
75
  --on-dark-text-primary: #F2F5F8F5;
76
76
  --on-dark-text-primary-brightness: #F3F6F8FF;
77
- --on-dark-text-secondary: #F2F5F88F;
78
- --on-dark-text-tertiary: #F2F5F847;
79
77
  --on-dark-text-paragraph: #F2F5F8CC;
80
78
  --on-dark-text-accent: #199AF0;
81
79
  --on-dark-text-accent-minor: #0D5382;
@@ -87,12 +85,14 @@
87
85
  --on-dark-text-warning-minor: #85380C;
88
86
  --on-dark-text-negative-minor: #9C1422;
89
87
  --on-dark-text-info-minor: #0D5382;
88
+ --on-dark-text-secondary: #D5DFE69E;
89
+ --on-dark-text-tertiary: #D5DFE64D;
90
90
  --on-light-text-primary-hover: #13181B93;
91
91
  --on-light-text-primary-active: #13181BC4;
92
- --on-light-text-secondary-hover: #13181BFF;
93
- --on-light-text-secondary-active: #13181BAB;
94
- --on-light-text-tertiary-hover: #13181BFF;
95
- --on-light-text-tertiary-active: #13181B56;
92
+ --on-light-text-secondary-hover: #485056FF;
93
+ --on-light-text-secondary-active: #485056D3;
94
+ --on-light-text-tertiary-hover: #717C84FF;
95
+ --on-light-text-tertiary-active: #717C8493;
96
96
  --on-light-text-paragraph-hover: #13181B7A;
97
97
  --on-light-text-paragraph-active: #13181BA3;
98
98
  --on-light-text-accent-hover: #34A7F4FF;
@@ -101,10 +101,10 @@
101
101
  --on-light-text-accent-minor-active: #33ADFFFF;
102
102
  --on-light-text-positive-hover: #13AA2CFF;
103
103
  --on-light-text-positive-active: #0D731EFF;
104
- --on-light-text-warning-hover: #FD650DFF;
105
- --on-light-text-warning-active: #CA4B02FF;
106
- --on-light-text-negative-hover: #F5384BFF;
107
- --on-light-text-negative-active: #E40C22FF;
104
+ --on-light-text-warning-hover: #FB7223FF;
105
+ --on-light-text-warning-active: #DC5304FF;
106
+ --on-light-text-negative-hover: #ED263AFF;
107
+ --on-light-text-negative-active: #C61022FF;
108
108
  --on-light-text-info-hover: #34A7F4FF;
109
109
  --on-light-text-info-active: #096CAEFF;
110
110
  --on-light-text-positive-minor-hover: #3EDA5BFF;
@@ -117,25 +117,25 @@
117
117
  --on-light-text-info-minor-active: #33ADFFFF;
118
118
  --on-light-text-primary: #13181BF5;
119
119
  --on-light-text-primary-brightness: #212629FF;
120
- --on-light-text-secondary: #13181B8F;
121
- --on-light-text-tertiary: #13181B47;
122
120
  --on-light-text-paragraph: #13181BCC;
123
121
  --on-light-text-accent: #0B7ECB;
124
122
  --on-light-text-accent-minor: #52BAFF;
125
123
  --on-light-text-positive: #108E26;
126
- --on-light-text-warning: #E85702;
127
- --on-light-text-negative: #F31B31;
128
124
  --on-light-text-info: #0B7ECB;
129
125
  --on-light-text-positive-minor: #28D247;
130
126
  --on-light-text-warning-minor: #FD9C68;
131
127
  --on-light-text-negative-minor: #FF8F9A;
132
128
  --on-light-text-info-minor: #52BAFF;
129
+ --on-light-text-secondary: #485056B0;
130
+ --on-light-text-tertiary: #707C847A;
131
+ --on-light-text-warning: #FA5F05;
132
+ --on-light-text-negative: #E31227;
133
133
  --inverse-text-primary-hover: #13181B93;
134
134
  --inverse-text-primary-active: #13181BC4;
135
- --inverse-text-secondary-hover: #13181BFF;
136
- --inverse-text-secondary-active: #13181BAB;
137
- --inverse-text-tertiary-hover: #13181BFF;
138
- --inverse-text-tertiary-active: #13181B56;
135
+ --inverse-text-secondary-hover: #485056FF;
136
+ --inverse-text-secondary-active: #485056D3;
137
+ --inverse-text-tertiary-hover: #717C84FF;
138
+ --inverse-text-tertiary-active: #717C8493;
139
139
  --inverse-text-paragraph-hover: #13181B7A;
140
140
  --inverse-text-paragraph-active: #13181BA3;
141
141
  --inverse-text-accent-hover: #34A7F4FF;
@@ -144,10 +144,10 @@
144
144
  --inverse-text-accent-minor-active: #33ADFFFF;
145
145
  --inverse-text-positive-hover: #13AA2CFF;
146
146
  --inverse-text-positive-active: #0D731EFF;
147
- --inverse-text-warning-hover: #FD650DFF;
148
- --inverse-text-warning-active: #CA4B02FF;
149
- --inverse-text-negative-hover: #F5384BFF;
150
- --inverse-text-negative-active: #E40C22FF;
147
+ --inverse-text-warning-hover: #FB7223FF;
148
+ --inverse-text-warning-active: #DC5304FF;
149
+ --inverse-text-negative-hover: #ED263AFF;
150
+ --inverse-text-negative-active: #C61022FF;
151
151
  --inverse-text-info-hover: #34A7F4FF;
152
152
  --inverse-text-info-active: #096CAEFF;
153
153
  --inverse-text-positive-minor-hover: #3EDA5BFF;
@@ -160,37 +160,37 @@
160
160
  --inverse-text-info-minor-active: #33ADFFFF;
161
161
  --inverse-text-primary: #13181BF5;
162
162
  --inverse-text-primary-brightness: #212629FF;
163
- --inverse-text-secondary: #13181B8F;
164
- --inverse-text-tertiary: #13181B47;
165
163
  --inverse-text-paragraph: #13181BCC;
166
164
  --inverse-text-accent: #0B7ECB;
167
165
  --inverse-text-accent-minor: #52BAFF;
168
166
  --inverse-text-positive: #108E26;
169
- --inverse-text-warning: #E85702;
170
- --inverse-text-negative: #F31B31;
171
167
  --inverse-text-info: #0B7ECB;
172
168
  --inverse-text-positive-minor: #28D247;
173
169
  --inverse-text-warning-minor: #FD9C68;
174
170
  --inverse-text-negative-minor: #FF8F9A;
175
171
  --inverse-text-info-minor: #52BAFF;
172
+ --inverse-text-secondary: #485056B0;
173
+ --inverse-text-tertiary: #707C847A;
174
+ --inverse-text-warning: #FA5F05;
175
+ --inverse-text-negative: #E31227;
176
176
  --surface-solid-primary-hover: #171D21FF;
177
177
  --surface-solid-primary-active: #0F1315FF;
178
178
  --surface-solid-secondary-hover: #2C343AFF;
179
179
  --surface-solid-secondary-active: #1F2528FF;
180
180
  --surface-solid-tertiary-hover: #394147FF;
181
181
  --surface-solid-tertiary-active: #2B3136FF;
182
- --surface-solid-card-hover: #171D21FF;
183
- --surface-solid-card-active: #0F1315FF;
182
+ --surface-solid-card-hover: #0A1114FF;
183
+ --surface-solid-card-active: #030607FF;
184
184
  --surface-solid-default-hover: #FFFFFFFF;
185
185
  --surface-solid-default-active: #F1F5F8FF;
186
186
  --surface-transparent-primary-hover: #FFFFFF1F;
187
187
  --surface-transparent-primary-active: #FFFFFF0A;
188
- --surface-transparent-secondary-hover: #FFFFFF3D;
189
- --surface-transparent-secondary-active: #FFFFFF0F;
190
- --surface-transparent-tertiary-hover: #FFFFFF52;
191
- --surface-transparent-tertiary-active: #FFFFFF24;
192
- --surface-transparent-deep-hover: #FFFFFFC2;
193
- --surface-transparent-deep-active: #FFFFFF94;
188
+ --surface-transparent-secondary-hover: #D6DFE642;
189
+ --surface-transparent-secondary-active: #D6DFE614;
190
+ --surface-transparent-tertiary-hover: #D6DFE65C;
191
+ --surface-transparent-tertiary-active: #D6DFE62E;
192
+ --surface-transparent-deep-hover: #D6DFE6DB;
193
+ --surface-transparent-deep-active: #D6DFE6AD;
194
194
  --surface-transparent-card-hover: #FFFFFF1F;
195
195
  --surface-transparent-card-active: #FFFFFF0A;
196
196
  --surface-clear-hover: #FFFFFF00;
@@ -225,8 +225,7 @@
225
225
  --surface-transparent-negative-active: #FF293E24;
226
226
  --surface-transparent-info-hover: #118CDF52;
227
227
  --surface-transparent-info-active: #118CDF24;
228
- --surface-solid-card: #13181B;
229
- --surface-solid-card-brightness: #212629FF;
228
+ --surface-solid-card-brightness: #111C22FF;
230
229
  --surface-solid-primary: #13181B;
231
230
  --surface-solid-primary-brightness: #212629FF;
232
231
  --surface-solid-secondary: #23292D;
@@ -235,9 +234,6 @@
235
234
  --surface-transparent-card: #FFFFFF0F;
236
235
  --surface-transparent-card-brightness: #FFFFFFFF;
237
236
  --surface-transparent-primary: #FFFFFF0F;
238
- --surface-transparent-secondary: #FFFFFF1F;
239
- --surface-transparent-tertiary: #FFFFFF33;
240
- --surface-transparent-deep: #FFFFFFA3;
241
237
  --surface-clear: #FFFFFF00;
242
238
  --surface-accent: #118CDF;
243
239
  --surface-accent-minor: #0C283B;
@@ -254,24 +250,28 @@
254
250
  --surface-transparent-warning: #FA5F0533;
255
251
  --surface-transparent-negative: #FF293E33;
256
252
  --surface-transparent-info: #118CDF33;
253
+ --surface-solid-card: #060A0C;
254
+ --surface-transparent-secondary: #D5DFE624;
255
+ --surface-transparent-tertiary: #D5DFE63D;
256
+ --surface-transparent-deep: #D5DFE6BD;
257
257
  --on-dark-surface-solid-primary-hover: #171D21FF;
258
258
  --on-dark-surface-solid-primary-active: #0F1315FF;
259
259
  --on-dark-surface-solid-secondary-hover: #2C343AFF;
260
260
  --on-dark-surface-solid-secondary-active: #1F2528FF;
261
261
  --on-dark-surface-solid-tertiary-hover: #394147FF;
262
262
  --on-dark-surface-solid-tertiary-active: #2B3136FF;
263
- --on-dark-surface-solid-card-hover: #171D21FF;
264
- --on-dark-surface-solid-card-active: #0F1315FF;
263
+ --on-dark-surface-solid-card-hover: #0A1114FF;
264
+ --on-dark-surface-solid-card-active: #030607FF;
265
265
  --on-dark-surface-solid-default-hover: #FFFFFFFF;
266
266
  --on-dark-surface-solid-default-active: #F1F5F8FF;
267
267
  --on-dark-surface-transparent-primary-hover: #FFFFFF1F;
268
268
  --on-dark-surface-transparent-primary-active: #FFFFFF0A;
269
- --on-dark-surface-transparent-secondary-hover: #FFFFFF3D;
270
- --on-dark-surface-transparent-secondary-active: #FFFFFF0F;
271
- --on-dark-surface-transparent-tertiary-hover: #FFFFFF52;
272
- --on-dark-surface-transparent-tertiary-active: #FFFFFF24;
273
- --on-dark-surface-transparent-deep-hover: #FFFFFFC2;
274
- --on-dark-surface-transparent-deep-active: #FFFFFF94;
269
+ --on-dark-surface-transparent-secondary-hover: #D6DFE642;
270
+ --on-dark-surface-transparent-secondary-active: #D6DFE614;
271
+ --on-dark-surface-transparent-tertiary-hover: #D6DFE65C;
272
+ --on-dark-surface-transparent-tertiary-active: #D6DFE62E;
273
+ --on-dark-surface-transparent-deep-hover: #D6DFE6DB;
274
+ --on-dark-surface-transparent-deep-active: #D6DFE6AD;
275
275
  --on-dark-surface-transparent-card-hover: #FFFFFF1F;
276
276
  --on-dark-surface-transparent-card-active: #FFFFFF0A;
277
277
  --on-dark-surface-clear-hover: #FFFFFF00;
@@ -324,17 +324,17 @@
324
324
  --on-dark-surface-solid-primary-brightness: #212629FF;
325
325
  --on-dark-surface-solid-secondary: #23292D;
326
326
  --on-dark-surface-solid-tertiary: #30373C;
327
- --on-dark-surface-solid-card: #13181B;
328
- --on-dark-surface-solid-card-brightness: #212629FF;
327
+ --on-dark-surface-solid-card-brightness: #111C22FF;
329
328
  --on-dark-surface-solid-default: #F7F9FB;
330
329
  --on-dark-surface-transparent-primary: #FFFFFF0F;
331
- --on-dark-surface-transparent-secondary: #FFFFFF1F;
332
- --on-dark-surface-transparent-tertiary: #FFFFFF33;
333
- --on-dark-surface-transparent-deep: #FFFFFFA3;
334
330
  --on-dark-surface-transparent-card: #FFFFFF0F;
335
331
  --on-dark-surface-transparent-card-brightness: #FFFFFFFF;
336
332
  --on-dark-surface-accent: #118CDF;
337
333
  --on-dark-surface-clear: #FFFFFF00;
334
+ --on-dark-surface-solid-card: #060A0C;
335
+ --on-dark-surface-transparent-secondary: #D5DFE624;
336
+ --on-dark-surface-transparent-tertiary: #D5DFE63D;
337
+ --on-dark-surface-transparent-deep: #D5DFE6BD;
338
338
  --on-light-surface-solid-primary-hover: #F8FAFBFF;
339
339
  --on-light-surface-solid-primary-active: #EBF0F4FF;
340
340
  --on-light-surface-solid-secondary-hover: #F5F8F9FF;
@@ -345,14 +345,14 @@
345
345
  --on-light-surface-solid-card-active: #FFFFFFFF;
346
346
  --on-light-surface-solid-default-hover: #0A1114FF;
347
347
  --on-light-surface-solid-default-active: #030607FF;
348
- --on-light-surface-transparent-primary-hover: #070B0E0F;
349
- --on-light-surface-transparent-primary-active: #070B0E00;
350
- --on-light-surface-transparent-secondary-hover: #070B0E1F;
351
- --on-light-surface-transparent-secondary-active: #070B0E0A;
352
- --on-light-surface-transparent-tertiary-hover: #070B0E3D;
353
- --on-light-surface-transparent-tertiary-active: #070B0E0F;
354
- --on-light-surface-transparent-deep-hover: #070B0EC2;
355
- --on-light-surface-transparent-deep-active: #070B0E94;
348
+ --on-light-surface-transparent-primary-hover: #D6DFE661;
349
+ --on-light-surface-transparent-primary-active: #D6DFE633;
350
+ --on-light-surface-transparent-secondary-hover: #ADB9C257;
351
+ --on-light-surface-transparent-secondary-active: #ADB9C229;
352
+ --on-light-surface-transparent-tertiary-hover: #8A969E66;
353
+ --on-light-surface-transparent-tertiary-active: #8A969E38;
354
+ --on-light-surface-transparent-deep-hover: #30373BE6;
355
+ --on-light-surface-transparent-deep-active: #30373BB8;
356
356
  --on-light-surface-transparent-card-hover: #FFFFFFFF;
357
357
  --on-light-surface-transparent-card-active: #FFFFFFFF;
358
358
  --on-light-surface-clear: #FFFFFF00;
@@ -375,7 +375,7 @@
375
375
  --on-light-surface-positive-minor-hover: #B1FBBFFF;
376
376
  --on-light-surface-positive-minor-active: #94F9A7FF;
377
377
  --on-light-surface-warning-minor-hover: #FEE9DCFF;
378
- --on-light-surface-warning-minor-active: #FEDCC8FF;
378
+ --on-light-surface-warning-minor-active: #FED8C3FF;
379
379
  --on-light-surface-negative-minor-hover: #FFEBEDFF;
380
380
  --on-light-surface-negative-minor-active: #FFD6DAFF;
381
381
  --on-light-surface-info-minor-hover: #DBF1FFFF;
@@ -395,10 +395,6 @@
395
395
  --on-light-surface-solid-card: #FFFFFFFF;
396
396
  --on-light-surface-solid-card-brightness: #FFFFFFFF;
397
397
  --on-light-surface-solid-default: #060A0C;
398
- --on-light-surface-transparent-primary: #060A0C05;
399
- --on-light-surface-transparent-secondary: #060A0C0F;
400
- --on-light-surface-transparent-tertiary: #060A0C1F;
401
- --on-light-surface-transparent-deep: #060A0CA3;
402
398
  --on-light-surface-transparent-card: #FFFFFFFF;
403
399
  --on-light-surface-transparent-card-brightness: #FFFFFFFF;
404
400
  --on-light-surface-accent: #118CDF;
@@ -416,6 +412,10 @@
416
412
  --on-light-surface-transparent-warning: #FA5F051F;
417
413
  --on-light-surface-transparent-negative: #FF293E1F;
418
414
  --on-light-surface-transparent-info: #118CDF1F;
415
+ --on-light-surface-transparent-primary: #D5DFE642;
416
+ --on-light-surface-transparent-secondary: #ADB9C238;
417
+ --on-light-surface-transparent-tertiary: #8A959D47;
418
+ --on-light-surface-transparent-deep: #30373CC7;
419
419
  --inverse-surface-solid-primary-hover: #F8FAFBFF;
420
420
  --inverse-surface-solid-primary-active: #EBF0F4FF;
421
421
  --inverse-surface-solid-secondary-hover: #F5F8F9FF;
@@ -426,14 +426,14 @@
426
426
  --inverse-surface-solid-card-active: #FFFFFFFF;
427
427
  --inverse-surface-solid-default-hover: #0A1114FF;
428
428
  --inverse-surface-solid-default-active: #030607FF;
429
- --inverse-surface-transparent-primary-hover: #070B0E0F;
430
- --inverse-surface-transparent-primary-active: #070B0E00;
431
- --inverse-surface-transparent-secondary-hover: #070B0E1F;
432
- --inverse-surface-transparent-secondary-active: #070B0E0A;
433
- --inverse-surface-transparent-tertiary-hover: #070B0E3D;
434
- --inverse-surface-transparent-tertiary-active: #070B0E0F;
435
- --inverse-surface-transparent-deep-hover: #070B0EC2;
436
- --inverse-surface-transparent-deep-active: #070B0E94;
429
+ --inverse-surface-transparent-primary-hover: #D6DFE661;
430
+ --inverse-surface-transparent-primary-active: #D6DFE633;
431
+ --inverse-surface-transparent-secondary-hover: #ADB9C257;
432
+ --inverse-surface-transparent-secondary-active: #ADB9C229;
433
+ --inverse-surface-transparent-tertiary-hover: #8A969E66;
434
+ --inverse-surface-transparent-tertiary-active: #8A969E38;
435
+ --inverse-surface-transparent-deep-hover: #30373BE6;
436
+ --inverse-surface-transparent-deep-active: #30373BB8;
437
437
  --inverse-surface-transparent-card-hover: #FFFFFFFF;
438
438
  --inverse-surface-transparent-card-active: #FFFFFFFF;
439
439
  --inverse-surface-clear: #FFFFFF00;
@@ -478,10 +478,6 @@
478
478
  --inverse-surface-solid-card-brightness: #FFFFFFFF;
479
479
  --inverse-surface-transparent-card: #FFFFFFFF;
480
480
  --inverse-surface-transparent-card-brightness: #FFFFFFFF;
481
- --inverse-surface-transparent-primary: #060A0C05;
482
- --inverse-surface-transparent-secondary: #060A0C0F;
483
- --inverse-surface-transparent-tertiary: #060A0C1F;
484
- --inverse-surface-transparent-deep: #060A0CA3;
485
481
  --inverse-surface-accent: #118CDF;
486
482
  --inverse-surface-accent-minor: #CFECFF;
487
483
  --inverse-surface-transparent-accent: #118CDF1F;
@@ -497,6 +493,10 @@
497
493
  --inverse-surface-transparent-warning: #FA5F051F;
498
494
  --inverse-surface-transparent-negative: #FF293E1F;
499
495
  --inverse-surface-transparent-info: #118CDF1F;
496
+ --inverse-surface-transparent-primary: #D5DFE642;
497
+ --inverse-surface-transparent-secondary: #ADB9C238;
498
+ --inverse-surface-transparent-tertiary: #8A959D47;
499
+ --inverse-surface-transparent-deep: #30373CC7;
500
500
  --background-primary: #060A0C;
501
501
  --background-primary-brightness: #15191BFF;
502
502
  --dark-background-primary: #060A0C;
@@ -505,7 +505,7 @@
505
505
  --inverse-background-primary-brightness: #F7F9FBFF;
506
506
  --overlay-hard: #060A0CF5;
507
507
  --overlay-soft: #060A0C8F;
508
- --overlay-blur: #F2F5F81F;
508
+ --overlay-blur: #060A0C47;
509
509
  --on-dark-overlay-hard: #060A0CF5;
510
510
  --on-dark-overlay-soft: #060A0C8F;
511
511
  --on-dark-overlay-blur: #060A0C47;
@@ -521,20 +521,6 @@
521
521
  --outline-solid-secondary-active: #96A2ABFF;
522
522
  --outline-solid-tertiary-hover: #FFFFFFFF;
523
523
  --outline-solid-tertiary-active: #68757DFF;
524
- --outline-transparent-default-hover: #C7C7C7FF;
525
- --outline-transparent-default-active: #E0E0E0FF;
526
- --outline-transparent-primary: #F7F9FB1F;
527
- --outline-transparent-primary-hover: #F8FAFCFF;
528
- --outline-transparent-primary-active: #F8FAFC25;
529
- --outline-transparent-secondary: #F7F9FB33;
530
- --outline-transparent-secondary-hover: #F8FAFCFF;
531
- --outline-transparent-secondary-active: #F8FAFC3D;
532
- --outline-transparent-tertiary: #F7F9FB47;
533
- --outline-transparent-tertiary-hover: #F8FAFCFF;
534
- --outline-transparent-tertiary-active: #F8FAFC56;
535
- --outline-clear: #FFFFFF00;
536
- --outline-clear-hover: #FFFFFF00;
537
- --outline-clear-active: #FFFFFF00;
538
524
  --outline-accent-hover: #66BCF5FF;
539
525
  --outline-accent-active: #0E8ADDFF;
540
526
  --outline-accent-minor-hover: #1277BAFF;
@@ -568,7 +554,6 @@
568
554
  --outline-solid-primary: #23292D;
569
555
  --outline-solid-secondary: #30373C;
570
556
  --outline-solid-tertiary: #657179;
571
- --outline-transparent-default: #F9F9F9;
572
557
  --outline-accent: #199AF0;
573
558
  --outline-accent-minor: #0D5382;
574
559
  --outline-transparent-accent: #199AF047;
@@ -584,26 +569,15 @@
584
569
  --outline-transparent-warning: #FF702447;
585
570
  --outline-transparent-negative: #FF3D5147;
586
571
  --outline-transparent-info: #199AF047;
572
+ --outline-solid-default-hover: #D0DBE7FF;
573
+ --outline-solid-default-active: #E4EBF1FF;
574
+ --outline-solid-default: #F7F9FB;
587
575
  --on-dark-outline-solid-primary-hover: #FFFFFFFF;
588
576
  --on-dark-outline-solid-primary-active: #A0ADB6FF;
589
577
  --on-dark-outline-solid-secondary-hover: #FFFFFFFF;
590
578
  --on-dark-outline-solid-secondary-active: #96A2ABFF;
591
579
  --on-dark-outline-solid-tertiary-hover: #FFFFFFFF;
592
580
  --on-dark-outline-solid-tertiary-active: #68757DFF;
593
- --on-dark-outline-transparent-default-hover: #C7C7C7FF;
594
- --on-dark-outline-transparent-default-active: #E0E0E0FF;
595
- --on-dark-outline-transparent-primary: #F7F9FB1F;
596
- --on-dark-outline-transparent-primary-hover: #F8FAFCFF;
597
- --on-dark-outline-transparent-primary-active: #F8FAFC25;
598
- --on-dark-outline-transparent-secondary: #F7F9FB33;
599
- --on-dark-outline-transparent-secondary-hover: #F8FAFCFF;
600
- --on-dark-outline-transparent-secondary-active: #F8FAFC3D;
601
- --on-dark-outline-transparent-tertiary: #F7F9FB47;
602
- --on-dark-outline-transparent-tertiary-hover: #F8FAFCFF;
603
- --on-dark-outline-transparent-tertiary-active: #F8FAFC56;
604
- --on-dark-outline-clear: #FFFFFF00;
605
- --on-dark-outline-clear-hover: #FFFFFF00;
606
- --on-dark-outline-clear-active: #FFFFFF00;
607
581
  --on-dark-outline-accent-hover: #66BCF5FF;
608
582
  --on-dark-outline-accent-active: #0E8ADDFF;
609
583
  --on-dark-outline-accent-minor-hover: #1277BAFF;
@@ -637,7 +611,6 @@
637
611
  --on-dark-outline-solid-primary: #23292D;
638
612
  --on-dark-outline-solid-secondary: #30373C;
639
613
  --on-dark-outline-solid-tertiary: #657179;
640
- --on-dark-outline-transparent-default: #F9F9F9;
641
614
  --on-dark-outline-accent: #199AF0;
642
615
  --on-dark-outline-transparent-accent: #199AF047;
643
616
  --on-dark-outline-accent-minor: #0D5382;
@@ -653,26 +626,15 @@
653
626
  --on-dark-outline-transparent-warning: #FF702447;
654
627
  --on-dark-outline-transparent-negative: #FF3D5147;
655
628
  --on-dark-outline-transparent-info: #199AF047;
629
+ --on-dark-outline-solid-default: #F7F9FB;
630
+ --on-dark-outline-solid-default-hover: #D0DBE7FF;
631
+ --on-dark-outline-solid-default-active: #E4EBF1FF;
656
632
  --on-light-outline-solid-primary-hover: #AFC2CFFF;
657
633
  --on-light-outline-solid-primary-active: #C2D1DBFF;
658
634
  --on-light-outline-solid-secondary-hover: #FFFFFFFF;
659
635
  --on-light-outline-solid-secondary-active: #4F585FFF;
660
636
  --on-light-outline-solid-tertiary-hover: #FFFFFFFF;
661
637
  --on-light-outline-solid-tertiary-active: #68757DFF;
662
- --on-light-outline-transparent-default-hover: #FFFFFFFF;
663
- --on-light-outline-transparent-default-active: #C7C7C7FF;
664
- --on-light-outline-transparent-primary: #060A0C1F;
665
- --on-light-outline-transparent-primary-hover: #070B0EFF;
666
- --on-light-outline-transparent-primary-active: #070B0E25;
667
- --on-light-outline-transparent-secondary: #060A0C47;
668
- --on-light-outline-transparent-secondary-hover: #070B0EFF;
669
- --on-light-outline-transparent-secondary-active: #070B0E56;
670
- --on-light-outline-transparent-tertiary: #060A0C8F;
671
- --on-light-outline-transparent-tertiary-hover: #070B0EFF;
672
- --on-light-outline-transparent-tertiary-active: #070B0EAB;
673
- --on-light-outline-clear: #FFFFFF00;
674
- --on-light-outline-clear-hover: #FFFFFF00;
675
- --on-light-outline-clear-active: #FFFFFF00;
676
638
  --on-light-outline-accent-hover: #34A7F4FF;
677
639
  --on-light-outline-accent-active: #096CAEFF;
678
640
  --on-light-outline-accent-minor-hover: #A3DAFFFF;
@@ -681,10 +643,10 @@
681
643
  --on-light-outline-transparent-accent-active: #0B7ECB3D;
682
644
  --on-light-outline-positive-hover: #13AA2CFF;
683
645
  --on-light-outline-positive-active: #0D731EFF;
684
- --on-light-outline-warning-hover: #FD650DFF;
685
- --on-light-outline-warning-active: #CA4B02FF;
686
- --on-light-outline-negative-hover: #F5384BFF;
687
- --on-light-outline-negative-active: #E40C22FF;
646
+ --on-light-outline-warning-hover: #FB7223FF;
647
+ --on-light-outline-warning-active: #DC5304FF;
648
+ --on-light-outline-negative-hover: #ED263AFF;
649
+ --on-light-outline-negative-active: #C61022FF;
688
650
  --on-light-outline-info-hover: #34A7F4FF;
689
651
  --on-light-outline-info-active: #096CAEFF;
690
652
  --on-light-outline-positive-minor-hover: #3EDA5BFF;
@@ -706,13 +668,10 @@
706
668
  --on-light-outline-solid-primary: #D5DFE6;
707
669
  --on-light-outline-solid-secondary: #8A959D;
708
670
  --on-light-outline-solid-tertiary: #657179;
709
- --on-light-outline-transparent-default: #080808;
710
671
  --on-light-outline-accent: #0B7ECB;
711
672
  --on-light-outline-accent-minor: #52BAFF;
712
673
  --on-light-outline-transparent-accent: #0B7ECB33;
713
674
  --on-light-outline-positive: #108E26;
714
- --on-light-outline-warning: #E85702;
715
- --on-light-outline-negative: #F31B31;
716
675
  --on-light-outline-info: #0B7ECB;
717
676
  --on-light-outline-positive-minor: #28D247;
718
677
  --on-light-outline-warning-minor: #FD9C68;
@@ -722,26 +681,17 @@
722
681
  --on-light-outline-transparent-warning: #E8570233;
723
682
  --on-light-outline-transparent-negative: #F31B3133;
724
683
  --on-light-outline-transparent-info: #0B7ECB33;
684
+ --on-light-outline-solid-default: #060A0C;
685
+ --on-light-outline-solid-default-hover: #1B2D36FF;
686
+ --on-light-outline-solid-default-active: #111C22FF;
687
+ --on-light-outline-warning: #FA5F05;
688
+ --on-light-outline-negative: #E31227;
725
689
  --inverse-outline-solid-primary-hover: #AFC2CFFF;
726
690
  --inverse-outline-solid-primary-active: #C2D1DBFF;
727
691
  --inverse-outline-solid-secondary-hover: #FFFFFFFF;
728
692
  --inverse-outline-solid-secondary-active: #4F585FFF;
729
693
  --inverse-outline-solid-tertiary-hover: #FFFFFFFF;
730
- --inverse-outline-solid-tertiary-active: #737373FF;
731
- --inverse-outline-transparent-default-hover: #FFFFFFFF;
732
- --inverse-outline-transparent-default-active: #C7C7C7FF;
733
- --inverse-outline-transparent-primary: #060A0C1F;
734
- --inverse-outline-transparent-primary-hover: #070B0EFF;
735
- --inverse-outline-transparent-primary-active: #070B0E25;
736
- --inverse-outline-transparent-secondary: #060A0C47;
737
- --inverse-outline-transparent-secondary-hover: #070B0EFF;
738
- --inverse-outline-transparent-secondary-active: #070B0E56;
739
- --inverse-outline-transparent-tertiary: #060A0C8F;
740
- --inverse-outline-transparent-tertiary-hover: #070B0EFF;
741
- --inverse-outline-transparent-tertiary-active: #070B0EAB;
742
- --inverse-outline-clear: #FFFFFF00;
743
- --inverse-outline-clear-hover: #FFFFFF00;
744
- --inverse-outline-clear-active: #FFFFFF00;
694
+ --inverse-outline-solid-tertiary-active: #68757DFF;
745
695
  --inverse-outline-accent-hover: #34A7F4FF;
746
696
  --inverse-outline-accent-active: #096CAEFF;
747
697
  --inverse-outline-accent-minor-hover: #A3DAFFFF;
@@ -750,10 +700,10 @@
750
700
  --inverse-outline-transparent-accent-active: #0B7ECB3D;
751
701
  --inverse-outline-positive-hover: #13AA2CFF;
752
702
  --inverse-outline-positive-active: #0D731EFF;
753
- --inverse-outline-warning-hover: #FD650DFF;
754
- --inverse-outline-warning-active: #CA4B02FF;
755
- --inverse-outline-negative-hover: #F5384BFF;
756
- --inverse-outline-negative-active: #E40C22FF;
703
+ --inverse-outline-warning-hover: #FB7223FF;
704
+ --inverse-outline-warning-active: #DC5304FF;
705
+ --inverse-outline-negative-hover: #ED263AFF;
706
+ --inverse-outline-negative-active: #C61022FF;
757
707
  --inverse-outline-info-hover: #34A7F4FF;
758
708
  --inverse-outline-info-active: #096CAEFF;
759
709
  --inverse-outline-positive-minor-hover: #3EDA5BFF;
@@ -774,14 +724,10 @@
774
724
  --inverse-outline-transparent-info-active: #0B7ECB3D;
775
725
  --inverse-outline-solid-primary: #D5DFE6;
776
726
  --inverse-outline-solid-secondary: #8A959D;
777
- --inverse-outline-solid-tertiary: #707070;
778
- --inverse-outline-transparent-default: #080808;
779
727
  --inverse-outline-accent: #0B7ECB;
780
728
  --inverse-outline-accent-minor: #52BAFF;
781
729
  --inverse-outline-transparent-accent: #0B7ECB33;
782
730
  --inverse-outline-positive: #108E26;
783
- --inverse-outline-warning: #E85702;
784
- --inverse-outline-negative: #F31B31;
785
731
  --inverse-outline-info: #0B7ECB;
786
732
  --inverse-outline-positive-minor: #28D247;
787
733
  --inverse-outline-warning-minor: #FD9C68;
@@ -791,6 +737,12 @@
791
737
  --inverse-outline-transparent-warning: #E8570233;
792
738
  --inverse-outline-transparent-negative: #F31B3133;
793
739
  --inverse-outline-transparent-info: #0B7ECB33;
740
+ --inverse-outline-solid-default: #060A0C;
741
+ --inverse-outline-solid-default-hover: #1B2D36FF;
742
+ --inverse-outline-solid-default-active: #111C22FF;
743
+ --inverse-outline-warning: #FA5F05;
744
+ --inverse-outline-negative: #E31227;
745
+ --inverse-outline-solid-tertiary: #657179;
794
746
  --data-yellow: #F3A912;
795
747
  --data-yellow-hover: #F4B22FFF;
796
748
  --data-yellow-active: #EDA20CFF;
@@ -800,6 +752,12 @@
800
752
  --data-yellow-transparent: #F3A9128F;
801
753
  --data-yellow-transparent-hover: #F3A812AD;
802
754
  --data-yellow-transparent-active: #F3A81280;
755
+ --data-yellow-light: #332200;
756
+ --data-yellow-light-hover: #FFF4E0FF;
757
+ --data-yellow-light-active: #FFF3DBFF;
758
+ --data-sky-blue-light: #0C283B;
759
+ --data-sky-blue-light-hover: #E0F8FFFF;
760
+ --data-sky-blue-light-active: #DBF7FFFF;
803
761
  --on-dark-data-yellow: #F3A912;
804
762
  --on-dark-data-yellow-hover: #F4B22FFF;
805
763
  --on-dark-data-yellow-active: #EDA20CFF;
@@ -809,6 +767,12 @@
809
767
  --on-dark-data-yellow-transparent: #F3A9128F;
810
768
  --on-dark-data-yellow-transparent-hover: #F3A812AD;
811
769
  --on-dark-data-yellow-transparent-active: #F3A81280;
770
+ --on-dark-data-yellow-light: #332200;
771
+ --on-dark-data-yellow-light-hover: #FFF4E0FF;
772
+ --on-dark-data-yellow-light-active: #FFF3DBFF;
773
+ --on-dark-data-sky-blue-light: #0C283B;
774
+ --on-dark-data-sky-blue-light-hover: #E0F8FFFF;
775
+ --on-dark-data-sky-blue-light-active: #DBF7FFFF;
812
776
  --on-light-data-yellow: #F3A912;
813
777
  --on-light-data-yellow-hover: #F4B22FFF;
814
778
  --on-light-data-yellow-active: #EDA20CFF;
@@ -818,6 +782,12 @@
818
782
  --on-light-data-yellow-transparent: #F3A9128F;
819
783
  --on-light-data-yellow-transparent-hover: #F3A812AD;
820
784
  --on-light-data-yellow-transparent-active: #F3A81280;
785
+ --on-light-data-yellow-light: #FFF6E5;
786
+ --on-light-data-yellow-light-hover: #FFF4E0FF;
787
+ --on-light-data-yellow-light-active: #FFF3DBFF;
788
+ --on-light-data-sky-blue-light: #E8FAFF;
789
+ --on-light-data-sky-blue-light-hover: #E0F8FFFF;
790
+ --on-light-data-sky-blue-light-active: #DBF7FFFF;
821
791
  --inverse-data-yellow: #F3A912;
822
792
  --inverse-data-yellow-hover: #F4B22FFF;
823
793
  --inverse-data-yellow-active: #EDA20CFF;
@@ -827,6 +797,12 @@
827
797
  --inverse-data-yellow-transparent: #F3A9128F;
828
798
  --inverse-data-yellow-transparent-hover: #F3A812AD;
829
799
  --inverse-data-yellow-transparent-active: #F3A81280;
800
+ --inverse-data-yellow-light: #FFF6E5;
801
+ --inverse-data-yellow-light-hover: #FFF4E0FF;
802
+ --inverse-data-yellow-light-active: #FFF3DBFF;
803
+ --inverse-data-sky-blue-light: #E8FAFF;
804
+ --inverse-data-sky-blue-light-hover: #E0F8FFFF;
805
+ --inverse-data-sky-blue-light-active: #DBF7FFFF;
830
806
  color: var(--text-primary);
831
807
  background-color: var(--background-primary);
832
808
  }