@salutejs/plasma-themes 0.54.0-next-sbcom.0 → 0.55.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/plasma_giga.module.css +64 -16
  2. package/css/plasma_giga__dark.css +32 -8
  3. package/css/plasma_giga__light.css +32 -8
  4. package/es/themes/plasma_giga__dark.js +1 -1
  5. package/es/themes/plasma_giga__dark.js.map +1 -1
  6. package/es/themes/plasma_giga__light.js +1 -1
  7. package/es/themes/plasma_giga__light.js.map +1 -1
  8. package/es/tokens/plasma_giga/index.js +60 -12
  9. package/es/tokens/plasma_giga/index.js.map +1 -1
  10. package/package.json +3 -3
  11. package/themes/plasma_giga__dark.js +1 -1
  12. package/themes/plasma_giga__dark.js.map +1 -1
  13. package/themes/plasma_giga__light.js +1 -1
  14. package/themes/plasma_giga__light.js.map +1 -1
  15. package/tokens/plasma_giga/index.d.ts +58 -10
  16. package/tokens/plasma_giga/index.js +80 -31
  17. package/tokens/plasma_giga/index.js.map +1 -1
package/css/plasma_giga.module.css CHANGED
@@ -1,6 +1,30 @@
1
1
  /* Generated by robots, do not change this manually! */
2
2
 
3
3
  .dark {
4
+ --syntax-yellow: #F3A912;
5
+ --syntax-orange: #FFB38A;
6
+ --syntax-pink: #FF4791;
7
+ --syntax-spring: #C5FC5F;
8
+ --syntax-sky-blue: #8AE6FF;
9
+ --syntax-red: #FF8F9A;
10
+ --on-dark-syntax-yellow: #F3A912;
11
+ --on-dark-syntax-orange: #FFB38A;
12
+ --on-dark-syntax-pink: #FF4791;
13
+ --on-dark-syntax-spring: #C5FC5F;
14
+ --on-dark-syntax-sky-blue: #8AE6FF;
15
+ --on-dark-syntax-red: #FF8F9A;
16
+ --on-light-syntax-yellow: #F3A912;
17
+ --on-light-syntax-orange: #85380C;
18
+ --on-light-syntax-pink: #9B0D46;
19
+ --on-light-syntax-spring: #629405;
20
+ --on-light-syntax-sky-blue: #0492B9;
21
+ --on-light-syntax-red: #FF3D51;
22
+ --inverse-syntax-yellow: #F3A912;
23
+ --inverse-syntax-orange: #85380C;
24
+ --inverse-syntax-pink: #9B0D46;
25
+ --inverse-syntax-spring: #629405;
26
+ --inverse-syntax-sky-blue: #0492B9;
27
+ --inverse-syntax-red: #FF3D51;
4
28
  --text-primary: #FFFFFFF5;
5
29
  --text-primary-hover: #FFFFFF93;
6
30
  --text-primary-active: #FFFFFFC4;
@@ -193,9 +217,9 @@
193
217
  --surface-transparent-tertiary-active: #FFFFFF17;
194
218
  --surface-transparent-deep-hover: #FFFFFFC2;
195
219
  --surface-transparent-deep-active: #FFFFFF94;
196
- --surface-transparent-card-hover: #FFFFFF3D;
197
- --surface-transparent-card-active: #FFFFFF0F;
198
- --surface-transparent-card-brightness: #FFFFFF1F;
220
+ --surface-transparent-card-hover: #EBFFFD1C;
221
+ --surface-transparent-card-active: #EBFFFD08;
222
+ --surface-transparent-card-brightness: #EBFFFD0D;
199
223
  --surface-clear-hover: #FFFFFFFF;
200
224
  --surface-clear-active: #FFFFFFFF;
201
225
  --surface-accent-hover: #7AF5D2FF;
@@ -235,7 +259,6 @@
235
259
  --surface-solid-secondary: #191919FF;
236
260
  --surface-solid-tertiary: #262626;
237
261
  --surface-solid-default: #FFFFFFFF;
238
- --surface-transparent-card: #FFFFFF1F;
239
262
  --surface-transparent-primary: #FFFFFF0D;
240
263
  --surface-transparent-secondary: #FFFFFF1A;
241
264
  --surface-transparent-tertiary: #FFFFFF26;
@@ -254,6 +277,7 @@
254
277
  --surface-accent-minor: #0E5944;
255
278
  --surface-transparent-accent: #52F2C533;
256
279
  --surface-solid-card: #262626;
280
+ --surface-transparent-card: #EDFFFD0D;
257
281
  --on-dark-surface-solid-primary-hover: #121212FF;
258
282
  --on-dark-surface-solid-primary-active: #080808FF;
259
283
  --on-dark-surface-solid-primary-brightness: #1C1C1CFF;
@@ -274,9 +298,9 @@
274
298
  --on-dark-surface-transparent-tertiary-active: #FFFFFF17;
275
299
  --on-dark-surface-transparent-deep-hover: #FFFFFFC2;
276
300
  --on-dark-surface-transparent-deep-active: #FFFFFF94;
277
- --on-dark-surface-transparent-card-hover: #FFFFFF3D;
278
- --on-dark-surface-transparent-card-active: #FFFFFF0F;
279
- --on-dark-surface-transparent-card-brightness: #FFFFFF1F;
301
+ --on-dark-surface-transparent-card-hover: #EBFFFD1C;
302
+ --on-dark-surface-transparent-card-active: #EBFFFD08;
303
+ --on-dark-surface-transparent-card-brightness: #EBFFFD0D;
280
304
  --on-dark-surface-accent-hover: #7AF5D2FF;
281
305
  --on-dark-surface-accent-active: #4BF1C2FF;
282
306
  --on-dark-surface-accent-minor-hover: #116A51FF;
@@ -314,7 +338,6 @@
314
338
  --on-dark-surface-solid-secondary: #191919FF;
315
339
  --on-dark-surface-solid-tertiary: #262626;
316
340
  --on-dark-surface-solid-default: #FFFFFFFF;
317
- --on-dark-surface-transparent-card: #FFFFFF1F;
318
341
  --on-dark-surface-transparent-primary: #FFFFFF0D;
319
342
  --on-dark-surface-transparent-secondary: #FFFFFF1A;
320
343
  --on-dark-surface-transparent-tertiary: #FFFFFF26;
@@ -332,6 +355,7 @@
332
355
  --on-dark-surface-accent-minor: #0E5944;
333
356
  --on-dark-surface-transparent-accent: #52F2FF33;
334
357
  --on-dark-surface-solid-card: #262626;
358
+ --on-dark-surface-transparent-card: #EDFFFD0D;
335
359
  --on-light-surface-solid-primary-hover: #F7F7F7FF;
336
360
  --on-light-surface-solid-primary-active: #EDEDEDFF;
337
361
  --on-light-surface-solid-primary-brightness: #FFFFFFFF;
@@ -863,6 +887,30 @@
863
887
  }
864
888
 
865
889
  .light {
890
+ --syntax-yellow: #F3A912;
891
+ --syntax-orange: #85380C;
892
+ --syntax-pink: #9B0D46;
893
+ --syntax-spring: #629405;
894
+ --syntax-sky-blue: #0492B9;
895
+ --syntax-red: #FF3D51;
896
+ --on-dark-syntax-yellow: #F3A912;
897
+ --on-dark-syntax-orange: #FFB38A;
898
+ --on-dark-syntax-pink: #FF4791;
899
+ --on-dark-syntax-spring: #C5FC5F;
900
+ --on-dark-syntax-sky-blue: #8AE6FF;
901
+ --on-dark-syntax-red: #FF8F9A;
902
+ --on-light-syntax-yellow: #F3A912;
903
+ --on-light-syntax-orange: #85380C;
904
+ --on-light-syntax-pink: #9B0D46;
905
+ --on-light-syntax-spring: #629405;
906
+ --on-light-syntax-sky-blue: #0492B9;
907
+ --on-light-syntax-red: #FF3D51;
908
+ --inverse-syntax-yellow: #F3A912;
909
+ --inverse-syntax-orange: #FFB38A;
910
+ --inverse-syntax-pink: #FF4791;
911
+ --inverse-syntax-spring: #C5FC5F;
912
+ --inverse-syntax-sky-blue: #8AE6FF;
913
+ --inverse-syntax-red: #FF8F9A;
866
914
  --text-primary-hover: #08080893;
867
915
  --text-primary-active: #080808C4;
868
916
  --text-primary-brightness: #080808F5;
@@ -1136,9 +1184,9 @@
1136
1184
  --on-dark-surface-transparent-tertiary-active: #FFFFFF30;
1137
1185
  --on-dark-surface-transparent-deep-hover: #FFFFFF8F;
1138
1186
  --on-dark-surface-transparent-deep-active: #FFFFFFAD;
1139
- --on-dark-surface-transparent-card-hover: #FFFFFF0A;
1140
- --on-dark-surface-transparent-card-active: #FFFFFF29;
1141
- --on-dark-surface-transparent-card-brightness: #FFFFFF1F;
1187
+ --on-dark-surface-transparent-card-hover: #EBFFFD1C;
1188
+ --on-dark-surface-transparent-card-active: #EBFFFD08;
1189
+ --on-dark-surface-transparent-card-brightness: #EBFFFD0D;
1142
1190
  --on-dark-surface-accent-hover: #71F4CFFF;
1143
1191
  --on-dark-surface-accent-active: #41F1BFFF;
1144
1192
  --on-dark-surface-accent-minor-hover: #127357FF;
@@ -1176,7 +1224,6 @@
1176
1224
  --on-dark-surface-solid-secondary: #191919FF;
1177
1225
  --on-dark-surface-solid-tertiary: #262626;
1178
1226
  --on-dark-surface-solid-default: #FFFFFFFF;
1179
- --on-dark-surface-transparent-card: #FFFFFF1F;
1180
1227
  --on-dark-surface-transparent-primary: #FFFFFF0D;
1181
1228
  --on-dark-surface-transparent-secondary: #FFFFFF1A;
1182
1229
  --on-dark-surface-transparent-tertiary: #FFFFFF26;
@@ -1194,6 +1241,7 @@
1194
1241
  --on-dark-surface-accent: #52F2C5;
1195
1242
  --on-dark-surface-accent-minor: #0E5944;
1196
1243
  --on-dark-surface-solid-card: #262626;
1244
+ --on-dark-surface-transparent-card: #EDFFFD0D;
1197
1245
  --on-light-surface-solid-primary-hover: #F7F7F7FF;
1198
1246
  --on-light-surface-solid-primary-active: #EDEDEDFF;
1199
1247
  --on-light-surface-solid-primary-brightness: #FFFFFFFF;
@@ -1292,9 +1340,9 @@
1292
1340
  --inverse-surface-transparent-tertiary-active: #FFFFFF30;
1293
1341
  --inverse-surface-transparent-deep-hover: #FFFFFF8F;
1294
1342
  --inverse-surface-transparent-deep-active: #FFFFFFAD;
1295
- --inverse-surface-transparent-card-hover: #FFFFFF0A;
1296
- --inverse-surface-transparent-card-active: #FFFFFF29;
1297
- --inverse-surface-transparent-card-brightness: #FFFFFF1F;
1343
+ --inverse-surface-transparent-card-hover: #EBFFFD1C;
1344
+ --inverse-surface-transparent-card-active: #EBFFFD08;
1345
+ --inverse-surface-transparent-card-brightness: #EBFFFD0D;
1298
1346
  --inverse-surface-accent-hover: #71F4CFFF;
1299
1347
  --inverse-surface-accent-active: #41F1BFFF;
1300
1348
  --inverse-surface-accent-minor-hover: #127357FF;
@@ -1332,7 +1380,6 @@
1332
1380
  --inverse-surface-solid-secondary: #191919FF;
1333
1381
  --inverse-surface-solid-tertiary: #262626;
1334
1382
  --inverse-surface-solid-default: #FFFFFFFF;
1335
- --inverse-surface-transparent-card: #FFFFFF1F;
1336
1383
  --inverse-surface-transparent-primary: #FFFFFF0F;
1337
1384
  --inverse-surface-transparent-secondary: #FFFFFF1A;
1338
1385
  --inverse-surface-transparent-tertiary: #FFFFFF26;
@@ -1350,6 +1397,7 @@
1350
1397
  --inverse-surface-accent-minor: #0E5944;
1351
1398
  --inverse-surface-transparent-accent: #52F2C533;
1352
1399
  --inverse-surface-solid-card: #262626;
1400
+ --inverse-surface-transparent-card: #EDFFFD0D;
1353
1401
  --background-primary: #FAFCFFFF;
1354
1402
  --dark-background-primary: #171717;
1355
1403
  --light-background-primary: #FAFCFFFF;
package/css/plasma_giga__dark.css CHANGED
@@ -1,6 +1,30 @@
1
1
  /* Generated by robots, do not change this manually! */
2
2
 
3
3
  :root {
4
+ --syntax-yellow: #F3A912;
5
+ --syntax-orange: #FFB38A;
6
+ --syntax-pink: #FF4791;
7
+ --syntax-spring: #C5FC5F;
8
+ --syntax-sky-blue: #8AE6FF;
9
+ --syntax-red: #FF8F9A;
10
+ --on-dark-syntax-yellow: #F3A912;
11
+ --on-dark-syntax-orange: #FFB38A;
12
+ --on-dark-syntax-pink: #FF4791;
13
+ --on-dark-syntax-spring: #C5FC5F;
14
+ --on-dark-syntax-sky-blue: #8AE6FF;
15
+ --on-dark-syntax-red: #FF8F9A;
16
+ --on-light-syntax-yellow: #F3A912;
17
+ --on-light-syntax-orange: #85380C;
18
+ --on-light-syntax-pink: #9B0D46;
19
+ --on-light-syntax-spring: #629405;
20
+ --on-light-syntax-sky-blue: #0492B9;
21
+ --on-light-syntax-red: #FF3D51;
22
+ --inverse-syntax-yellow: #F3A912;
23
+ --inverse-syntax-orange: #85380C;
24
+ --inverse-syntax-pink: #9B0D46;
25
+ --inverse-syntax-spring: #629405;
26
+ --inverse-syntax-sky-blue: #0492B9;
27
+ --inverse-syntax-red: #FF3D51;
4
28
  --text-primary: #FFFFFFF5;
5
29
  --text-primary-hover: #FFFFFF93;
6
30
  --text-primary-active: #FFFFFFC4;
@@ -193,9 +217,9 @@
193
217
  --surface-transparent-tertiary-active: #FFFFFF17;
194
218
  --surface-transparent-deep-hover: #FFFFFFC2;
195
219
  --surface-transparent-deep-active: #FFFFFF94;
196
- --surface-transparent-card-hover: #FFFFFF3D;
197
- --surface-transparent-card-active: #FFFFFF0F;
198
- --surface-transparent-card-brightness: #FFFFFF1F;
220
+ --surface-transparent-card-hover: #EBFFFD1C;
221
+ --surface-transparent-card-active: #EBFFFD08;
222
+ --surface-transparent-card-brightness: #EBFFFD0D;
199
223
  --surface-clear-hover: #FFFFFFFF;
200
224
  --surface-clear-active: #FFFFFFFF;
201
225
  --surface-accent-hover: #7AF5D2FF;
@@ -235,7 +259,6 @@
235
259
  --surface-solid-secondary: #191919FF;
236
260
  --surface-solid-tertiary: #262626;
237
261
  --surface-solid-default: #FFFFFFFF;
238
- --surface-transparent-card: #FFFFFF1F;
239
262
  --surface-transparent-primary: #FFFFFF0D;
240
263
  --surface-transparent-secondary: #FFFFFF1A;
241
264
  --surface-transparent-tertiary: #FFFFFF26;
@@ -254,6 +277,7 @@
254
277
  --surface-accent-minor: #0E5944;
255
278
  --surface-transparent-accent: #52F2C533;
256
279
  --surface-solid-card: #262626;
280
+ --surface-transparent-card: #EDFFFD0D;
257
281
  --on-dark-surface-solid-primary-hover: #121212FF;
258
282
  --on-dark-surface-solid-primary-active: #080808FF;
259
283
  --on-dark-surface-solid-primary-brightness: #1C1C1CFF;
@@ -274,9 +298,9 @@
274
298
  --on-dark-surface-transparent-tertiary-active: #FFFFFF17;
275
299
  --on-dark-surface-transparent-deep-hover: #FFFFFFC2;
276
300
  --on-dark-surface-transparent-deep-active: #FFFFFF94;
277
- --on-dark-surface-transparent-card-hover: #FFFFFF3D;
278
- --on-dark-surface-transparent-card-active: #FFFFFF0F;
279
- --on-dark-surface-transparent-card-brightness: #FFFFFF1F;
301
+ --on-dark-surface-transparent-card-hover: #EBFFFD1C;
302
+ --on-dark-surface-transparent-card-active: #EBFFFD08;
303
+ --on-dark-surface-transparent-card-brightness: #EBFFFD0D;
280
304
  --on-dark-surface-accent-hover: #7AF5D2FF;
281
305
  --on-dark-surface-accent-active: #4BF1C2FF;
282
306
  --on-dark-surface-accent-minor-hover: #116A51FF;
@@ -314,7 +338,6 @@
314
338
  --on-dark-surface-solid-secondary: #191919FF;
315
339
  --on-dark-surface-solid-tertiary: #262626;
316
340
  --on-dark-surface-solid-default: #FFFFFFFF;
317
- --on-dark-surface-transparent-card: #FFFFFF1F;
318
341
  --on-dark-surface-transparent-primary: #FFFFFF0D;
319
342
  --on-dark-surface-transparent-secondary: #FFFFFF1A;
320
343
  --on-dark-surface-transparent-tertiary: #FFFFFF26;
@@ -332,6 +355,7 @@
332
355
  --on-dark-surface-accent-minor: #0E5944;
333
356
  --on-dark-surface-transparent-accent: #52F2FF33;
334
357
  --on-dark-surface-solid-card: #262626;
358
+ --on-dark-surface-transparent-card: #EDFFFD0D;
335
359
  --on-light-surface-solid-primary-hover: #F7F7F7FF;
336
360
  --on-light-surface-solid-primary-active: #EDEDEDFF;
337
361
  --on-light-surface-solid-primary-brightness: #FFFFFFFF;
package/css/plasma_giga__light.css CHANGED
@@ -1,6 +1,30 @@
1
1
  /* Generated by robots, do not change this manually! */
2
2
 
3
3
  :root {
4
+ --syntax-yellow: #F3A912;
5
+ --syntax-orange: #85380C;
6
+ --syntax-pink: #9B0D46;
7
+ --syntax-spring: #629405;
8
+ --syntax-sky-blue: #0492B9;
9
+ --syntax-red: #FF3D51;
10
+ --on-dark-syntax-yellow: #F3A912;
11
+ --on-dark-syntax-orange: #FFB38A;
12
+ --on-dark-syntax-pink: #FF4791;
13
+ --on-dark-syntax-spring: #C5FC5F;
14
+ --on-dark-syntax-sky-blue: #8AE6FF;
15
+ --on-dark-syntax-red: #FF8F9A;
16
+ --on-light-syntax-yellow: #F3A912;
17
+ --on-light-syntax-orange: #85380C;
18
+ --on-light-syntax-pink: #9B0D46;
19
+ --on-light-syntax-spring: #629405;
20
+ --on-light-syntax-sky-blue: #0492B9;
21
+ --on-light-syntax-red: #FF3D51;
22
+ --inverse-syntax-yellow: #F3A912;
23
+ --inverse-syntax-orange: #FFB38A;
24
+ --inverse-syntax-pink: #FF4791;
25
+ --inverse-syntax-spring: #C5FC5F;
26
+ --inverse-syntax-sky-blue: #8AE6FF;
27
+ --inverse-syntax-red: #FF8F9A;
4
28
  --text-primary-hover: #08080893;
5
29
  --text-primary-active: #080808C4;
6
30
  --text-primary-brightness: #080808F5;
@@ -274,9 +298,9 @@
274
298
  --on-dark-surface-transparent-tertiary-active: #FFFFFF30;
275
299
  --on-dark-surface-transparent-deep-hover: #FFFFFF8F;
276
300
  --on-dark-surface-transparent-deep-active: #FFFFFFAD;
277
- --on-dark-surface-transparent-card-hover: #FFFFFF0A;
278
- --on-dark-surface-transparent-card-active: #FFFFFF29;
279
- --on-dark-surface-transparent-card-brightness: #FFFFFF1F;
301
+ --on-dark-surface-transparent-card-hover: #EBFFFD1C;
302
+ --on-dark-surface-transparent-card-active: #EBFFFD08;
303
+ --on-dark-surface-transparent-card-brightness: #EBFFFD0D;
280
304
  --on-dark-surface-accent-hover: #71F4CFFF;
281
305
  --on-dark-surface-accent-active: #41F1BFFF;
282
306
  --on-dark-surface-accent-minor-hover: #127357FF;
@@ -314,7 +338,6 @@
314
338
  --on-dark-surface-solid-secondary: #191919FF;
315
339
  --on-dark-surface-solid-tertiary: #262626;
316
340
  --on-dark-surface-solid-default: #FFFFFFFF;
317
- --on-dark-surface-transparent-card: #FFFFFF1F;
318
341
  --on-dark-surface-transparent-primary: #FFFFFF0D;
319
342
  --on-dark-surface-transparent-secondary: #FFFFFF1A;
320
343
  --on-dark-surface-transparent-tertiary: #FFFFFF26;
@@ -332,6 +355,7 @@
332
355
  --on-dark-surface-accent: #52F2C5;
333
356
  --on-dark-surface-accent-minor: #0E5944;
334
357
  --on-dark-surface-solid-card: #262626;
358
+ --on-dark-surface-transparent-card: #EDFFFD0D;
335
359
  --on-light-surface-solid-primary-hover: #F7F7F7FF;
336
360
  --on-light-surface-solid-primary-active: #EDEDEDFF;
337
361
  --on-light-surface-solid-primary-brightness: #FFFFFFFF;
@@ -430,9 +454,9 @@
430
454
  --inverse-surface-transparent-tertiary-active: #FFFFFF30;
431
455
  --inverse-surface-transparent-deep-hover: #FFFFFF8F;
432
456
  --inverse-surface-transparent-deep-active: #FFFFFFAD;
433
- --inverse-surface-transparent-card-hover: #FFFFFF0A;
434
- --inverse-surface-transparent-card-active: #FFFFFF29;
435
- --inverse-surface-transparent-card-brightness: #FFFFFF1F;
457
+ --inverse-surface-transparent-card-hover: #EBFFFD1C;
458
+ --inverse-surface-transparent-card-active: #EBFFFD08;
459
+ --inverse-surface-transparent-card-brightness: #EBFFFD0D;
436
460
  --inverse-surface-accent-hover: #71F4CFFF;
437
461
  --inverse-surface-accent-active: #41F1BFFF;
438
462
  --inverse-surface-accent-minor-hover: #127357FF;
@@ -470,7 +494,6 @@
470
494
  --inverse-surface-solid-secondary: #191919FF;
471
495
  --inverse-surface-solid-tertiary: #262626;
472
496
  --inverse-surface-solid-default: #FFFFFFFF;
473
- --inverse-surface-transparent-card: #FFFFFF1F;
474
497
  --inverse-surface-transparent-primary: #FFFFFF0F;
475
498
  --inverse-surface-transparent-secondary: #FFFFFF1A;
476
499
  --inverse-surface-transparent-tertiary: #FFFFFF26;
@@ -488,6 +511,7 @@
488
511
  --inverse-surface-accent-minor: #0E5944;
489
512
  --inverse-surface-transparent-accent: #52F2C533;
490
513
  --inverse-surface-solid-card: #262626;
514
+ --inverse-surface-transparent-card: #EDFFFD0D;
491
515
  --background-primary: #FAFCFFFF;
492
516
  --dark-background-primary: #171717;
493
517
  --light-background-primary: #FAFCFFFF;