@atlaskit/tokens 1.18.0 → 1.20.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.
- package/CHANGELOG.md +102 -0
- package/dist/cjs/artifacts/generated-pairs.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-legacy-dark.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-legacy-light.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
- package/dist/cjs/artifacts/token-default-values.js +81 -1
- package/dist/cjs/artifacts/token-names.js +81 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +2044 -284
- package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +2052 -292
- package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +2038 -278
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +2037 -277
- package/dist/cjs/get-theme-html-attrs.js +2 -13
- package/dist/cjs/get-token-value.js +1 -1
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/tokens/atlassian-dark/color/accent.js +360 -40
- package/dist/cjs/tokens/atlassian-legacy-dark/color/accent.js +396 -52
- package/dist/cjs/tokens/atlassian-legacy-light/color/accent.js +396 -52
- package/dist/cjs/tokens/atlassian-light/color/accent.js +360 -40
- package/dist/cjs/tokens/default/color/accent.js +920 -200
- package/dist/cjs/utils/get-theme-preferences.js +3 -5
- package/dist/es2019/artifacts/generated-pairs.js +2 -2
- package/dist/es2019/artifacts/themes/atlassian-dark.js +81 -1
- package/dist/es2019/artifacts/themes/atlassian-legacy-dark.js +85 -5
- package/dist/es2019/artifacts/themes/atlassian-legacy-light.js +86 -6
- package/dist/es2019/artifacts/themes/atlassian-light.js +81 -1
- package/dist/es2019/artifacts/token-default-values.js +81 -1
- package/dist/es2019/artifacts/token-names.js +81 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +2044 -284
- package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +2052 -292
- package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +2038 -278
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +2037 -277
- package/dist/es2019/get-theme-html-attrs.js +2 -13
- package/dist/es2019/get-token-value.js +1 -1
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/tokens/atlassian-dark/color/accent.js +360 -40
- package/dist/es2019/tokens/atlassian-legacy-dark/color/accent.js +396 -52
- package/dist/es2019/tokens/atlassian-legacy-light/color/accent.js +396 -52
- package/dist/es2019/tokens/atlassian-light/color/accent.js +360 -40
- package/dist/es2019/tokens/default/color/accent.js +920 -200
- package/dist/es2019/utils/get-theme-preferences.js +3 -5
- package/dist/esm/artifacts/generated-pairs.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-legacy-dark.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-legacy-light.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
- package/dist/esm/artifacts/token-default-values.js +81 -1
- package/dist/esm/artifacts/token-names.js +81 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +2044 -284
- package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +2052 -292
- package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +2038 -278
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +2037 -277
- package/dist/esm/get-theme-html-attrs.js +2 -13
- package/dist/esm/get-token-value.js +1 -1
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/tokens/atlassian-dark/color/accent.js +360 -40
- package/dist/esm/tokens/atlassian-legacy-dark/color/accent.js +396 -52
- package/dist/esm/tokens/atlassian-legacy-light/color/accent.js +396 -52
- package/dist/esm/tokens/atlassian-light/color/accent.js +360 -40
- package/dist/esm/tokens/default/color/accent.js +920 -200
- package/dist/esm/utils/get-theme-preferences.js +3 -5
- package/dist/types/artifacts/generated-pairs.d.ts +1 -1
- package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
- package/dist/types/artifacts/token-default-values.d.ts +81 -1
- package/dist/types/artifacts/token-names.d.ts +161 -1
- package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
- package/dist/types/artifacts/types-internal.d.ts +2 -2
- package/dist/types/artifacts/types.d.ts +2 -2
- package/dist/types/types.d.ts +200 -40
- package/dist/types-ts4.5/artifacts/generated-pairs.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/token-default-values.d.ts +81 -1
- package/dist/types-ts4.5/artifacts/token-names.d.ts +161 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
- package/dist/types-ts4.5/types.d.ts +200 -40
- package/figma/atlassian-dark.json +720 -0
- package/figma/atlassian-legacy-dark.json +724 -4
- package/figma/atlassian-legacy-light.json +724 -4
- package/figma/atlassian-light.json +720 -0
- package/package.json +1 -4
- package/report.api.md +360 -40
- package/tmp/api-report-tmp.d.ts +162 -2
|
@@ -356,341 +356,1061 @@ const color = {
|
|
|
356
356
|
accent: {
|
|
357
357
|
blue: {
|
|
358
358
|
subtlest: {
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
359
|
+
'[default]': {
|
|
360
|
+
attributes: {
|
|
361
|
+
group: 'paint',
|
|
362
|
+
state: 'active',
|
|
363
|
+
introduced: '0.7.0',
|
|
364
|
+
description: 'Use for blue backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
|
|
365
|
+
}
|
|
366
|
+
},
|
|
367
|
+
hovered: {
|
|
368
|
+
attributes: {
|
|
369
|
+
group: 'paint',
|
|
370
|
+
state: 'active',
|
|
371
|
+
introduced: '1.19.0',
|
|
372
|
+
description: 'Hovered state of color.background.accent.blue.subtlest.'
|
|
373
|
+
}
|
|
374
|
+
},
|
|
375
|
+
pressed: {
|
|
376
|
+
attributes: {
|
|
377
|
+
group: 'paint',
|
|
378
|
+
state: 'active',
|
|
379
|
+
introduced: '1.19.0',
|
|
380
|
+
description: 'Pressed state of color.background.accent.blue.subtlest.'
|
|
381
|
+
}
|
|
364
382
|
}
|
|
365
383
|
},
|
|
366
384
|
subtler: {
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
385
|
+
'[default]': {
|
|
386
|
+
attributes: {
|
|
387
|
+
group: 'paint',
|
|
388
|
+
state: 'active',
|
|
389
|
+
introduced: '0.7.0',
|
|
390
|
+
description: 'Use for blue backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
391
|
+
}
|
|
392
|
+
},
|
|
393
|
+
hovered: {
|
|
394
|
+
attributes: {
|
|
395
|
+
group: 'paint',
|
|
396
|
+
state: 'active',
|
|
397
|
+
introduced: '1.19.0',
|
|
398
|
+
description: 'Hovered state of color.background.accent.blue.subtler.'
|
|
399
|
+
}
|
|
400
|
+
},
|
|
401
|
+
pressed: {
|
|
402
|
+
attributes: {
|
|
403
|
+
group: 'paint',
|
|
404
|
+
state: 'active',
|
|
405
|
+
introduced: '1.19.0',
|
|
406
|
+
description: 'Pressed state of color.background.accent.blue.subtler.'
|
|
407
|
+
}
|
|
372
408
|
}
|
|
373
409
|
},
|
|
374
410
|
subtle: {
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
411
|
+
'[default]': {
|
|
412
|
+
attributes: {
|
|
413
|
+
group: 'paint',
|
|
414
|
+
state: 'active',
|
|
415
|
+
introduced: '0.7.0',
|
|
416
|
+
description: 'Use for vibrant blue backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
417
|
+
}
|
|
418
|
+
},
|
|
419
|
+
hovered: {
|
|
420
|
+
attributes: {
|
|
421
|
+
group: 'paint',
|
|
422
|
+
state: 'active',
|
|
423
|
+
introduced: '1.19.0',
|
|
424
|
+
description: 'Hovered state of color.background.accent.blue.subtle.'
|
|
425
|
+
}
|
|
426
|
+
},
|
|
427
|
+
pressed: {
|
|
428
|
+
attributes: {
|
|
429
|
+
group: 'paint',
|
|
430
|
+
state: 'active',
|
|
431
|
+
introduced: '1.19.0',
|
|
432
|
+
description: 'Pressed state of color.background.accent.blue.subtle.'
|
|
433
|
+
}
|
|
380
434
|
}
|
|
381
435
|
},
|
|
382
436
|
bolder: {
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
437
|
+
'[default]': {
|
|
438
|
+
attributes: {
|
|
439
|
+
group: 'paint',
|
|
440
|
+
state: 'active',
|
|
441
|
+
introduced: '0.7.0',
|
|
442
|
+
description: 'Use for blue backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
|
|
443
|
+
}
|
|
444
|
+
},
|
|
445
|
+
hovered: {
|
|
446
|
+
attributes: {
|
|
447
|
+
group: 'paint',
|
|
448
|
+
state: 'active',
|
|
449
|
+
introduced: '1.19.0',
|
|
450
|
+
description: 'Hovered state of color.background.accent.blue.bolder.'
|
|
451
|
+
}
|
|
452
|
+
},
|
|
453
|
+
pressed: {
|
|
454
|
+
attributes: {
|
|
455
|
+
group: 'paint',
|
|
456
|
+
state: 'active',
|
|
457
|
+
introduced: '1.19.0',
|
|
458
|
+
description: 'Pressed state of color.background.accent.blue.bolder.'
|
|
459
|
+
}
|
|
388
460
|
}
|
|
389
461
|
}
|
|
390
462
|
},
|
|
391
463
|
red: {
|
|
392
464
|
subtlest: {
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
465
|
+
'[default]': {
|
|
466
|
+
attributes: {
|
|
467
|
+
group: 'paint',
|
|
468
|
+
state: 'active',
|
|
469
|
+
introduced: '0.7.0',
|
|
470
|
+
description: 'Use for red backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
|
|
471
|
+
}
|
|
472
|
+
},
|
|
473
|
+
hovered: {
|
|
474
|
+
attributes: {
|
|
475
|
+
group: 'paint',
|
|
476
|
+
state: 'active',
|
|
477
|
+
introduced: '1.19.0',
|
|
478
|
+
description: 'Hovered state of color.background.accent.red.subtlest.'
|
|
479
|
+
}
|
|
480
|
+
},
|
|
481
|
+
pressed: {
|
|
482
|
+
attributes: {
|
|
483
|
+
group: 'paint',
|
|
484
|
+
state: 'active',
|
|
485
|
+
introduced: '1.19.0',
|
|
486
|
+
description: 'Pressed state of color.background.accent.red.subtlest.'
|
|
487
|
+
}
|
|
398
488
|
}
|
|
399
489
|
},
|
|
400
490
|
subtler: {
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
491
|
+
'[default]': {
|
|
492
|
+
attributes: {
|
|
493
|
+
group: 'paint',
|
|
494
|
+
state: 'active',
|
|
495
|
+
introduced: '0.7.0',
|
|
496
|
+
description: 'Use for red backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
497
|
+
}
|
|
498
|
+
},
|
|
499
|
+
hovered: {
|
|
500
|
+
attributes: {
|
|
501
|
+
group: 'paint',
|
|
502
|
+
state: 'active',
|
|
503
|
+
introduced: '1.19.0',
|
|
504
|
+
description: 'Hovered state of color.background.accent.red.subtler.'
|
|
505
|
+
}
|
|
506
|
+
},
|
|
507
|
+
pressed: {
|
|
508
|
+
attributes: {
|
|
509
|
+
group: 'paint',
|
|
510
|
+
state: 'active',
|
|
511
|
+
introduced: '1.19.0',
|
|
512
|
+
description: 'Pressed state of color.background.accent.red.subtler.'
|
|
513
|
+
}
|
|
406
514
|
}
|
|
407
515
|
},
|
|
408
516
|
subtle: {
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
517
|
+
'[default]': {
|
|
518
|
+
attributes: {
|
|
519
|
+
group: 'paint',
|
|
520
|
+
state: 'active',
|
|
521
|
+
introduced: '0.7.0',
|
|
522
|
+
description: 'Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
523
|
+
}
|
|
524
|
+
},
|
|
525
|
+
hovered: {
|
|
526
|
+
attributes: {
|
|
527
|
+
group: 'paint',
|
|
528
|
+
state: 'active',
|
|
529
|
+
introduced: '1.19.0',
|
|
530
|
+
description: 'Hovered state of color.background.accent.red.subtle.'
|
|
531
|
+
}
|
|
532
|
+
},
|
|
533
|
+
pressed: {
|
|
534
|
+
attributes: {
|
|
535
|
+
group: 'paint',
|
|
536
|
+
state: 'active',
|
|
537
|
+
introduced: '1.19.0',
|
|
538
|
+
description: 'Pressed state of color.background.accent.red.subtle.'
|
|
539
|
+
}
|
|
414
540
|
}
|
|
415
541
|
},
|
|
416
542
|
bolder: {
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
543
|
+
'[default]': {
|
|
544
|
+
attributes: {
|
|
545
|
+
group: 'paint',
|
|
546
|
+
state: 'active',
|
|
547
|
+
introduced: '0.7.0',
|
|
548
|
+
description: 'Use for red backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
|
|
549
|
+
}
|
|
550
|
+
},
|
|
551
|
+
hovered: {
|
|
552
|
+
attributes: {
|
|
553
|
+
group: 'paint',
|
|
554
|
+
state: 'active',
|
|
555
|
+
introduced: '1.19.0',
|
|
556
|
+
description: 'Hovered state of color.background.accent.red.bolder.'
|
|
557
|
+
}
|
|
558
|
+
},
|
|
559
|
+
pressed: {
|
|
560
|
+
attributes: {
|
|
561
|
+
group: 'paint',
|
|
562
|
+
state: 'active',
|
|
563
|
+
introduced: '1.19.0',
|
|
564
|
+
description: 'Pressed state of color.background.accent.red.bolder.'
|
|
565
|
+
}
|
|
422
566
|
}
|
|
423
567
|
}
|
|
424
568
|
},
|
|
425
569
|
orange: {
|
|
426
570
|
subtlest: {
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
571
|
+
'[default]': {
|
|
572
|
+
attributes: {
|
|
573
|
+
group: 'paint',
|
|
574
|
+
state: 'active',
|
|
575
|
+
introduced: '0.7.0',
|
|
576
|
+
description: 'Use for orange backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
|
|
577
|
+
}
|
|
578
|
+
},
|
|
579
|
+
hovered: {
|
|
580
|
+
attributes: {
|
|
581
|
+
group: 'paint',
|
|
582
|
+
state: 'active',
|
|
583
|
+
introduced: '1.19.0',
|
|
584
|
+
description: 'Hovered state of color.background.accent.orange.subtlest.'
|
|
585
|
+
}
|
|
586
|
+
},
|
|
587
|
+
pressed: {
|
|
588
|
+
attributes: {
|
|
589
|
+
group: 'paint',
|
|
590
|
+
state: 'active',
|
|
591
|
+
introduced: '1.19.0',
|
|
592
|
+
description: 'Pressed state of color.background.accent.orange.subtlest.'
|
|
593
|
+
}
|
|
432
594
|
}
|
|
433
595
|
},
|
|
434
596
|
subtler: {
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
597
|
+
'[default]': {
|
|
598
|
+
attributes: {
|
|
599
|
+
group: 'paint',
|
|
600
|
+
state: 'active',
|
|
601
|
+
introduced: '0.7.0',
|
|
602
|
+
description: 'Use for orange backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
603
|
+
}
|
|
604
|
+
},
|
|
605
|
+
hovered: {
|
|
606
|
+
attributes: {
|
|
607
|
+
group: 'paint',
|
|
608
|
+
state: 'active',
|
|
609
|
+
introduced: '1.19.0',
|
|
610
|
+
description: 'Hovered state of color.background.accent.orange.subtler.'
|
|
611
|
+
}
|
|
612
|
+
},
|
|
613
|
+
pressed: {
|
|
614
|
+
attributes: {
|
|
615
|
+
group: 'paint',
|
|
616
|
+
state: 'active',
|
|
617
|
+
introduced: '1.19.0',
|
|
618
|
+
description: 'Pressed state of color.background.accent.orange.subtler.'
|
|
619
|
+
}
|
|
440
620
|
}
|
|
441
621
|
},
|
|
442
622
|
subtle: {
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
623
|
+
'[default]': {
|
|
624
|
+
attributes: {
|
|
625
|
+
group: 'paint',
|
|
626
|
+
state: 'active',
|
|
627
|
+
introduced: '0.7.0',
|
|
628
|
+
description: 'Use for vibrant orange backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
629
|
+
}
|
|
630
|
+
},
|
|
631
|
+
hovered: {
|
|
632
|
+
attributes: {
|
|
633
|
+
group: 'paint',
|
|
634
|
+
state: 'active',
|
|
635
|
+
introduced: '1.19.0',
|
|
636
|
+
description: 'Hovered state of color.background.accent.orange.subtle.'
|
|
637
|
+
}
|
|
638
|
+
},
|
|
639
|
+
pressed: {
|
|
640
|
+
attributes: {
|
|
641
|
+
group: 'paint',
|
|
642
|
+
state: 'active',
|
|
643
|
+
introduced: '1.19.0',
|
|
644
|
+
description: 'Pressed state of color.background.accent.orange.subtle.'
|
|
645
|
+
}
|
|
448
646
|
}
|
|
449
647
|
},
|
|
450
648
|
bolder: {
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
649
|
+
'[default]': {
|
|
650
|
+
attributes: {
|
|
651
|
+
group: 'paint',
|
|
652
|
+
state: 'active',
|
|
653
|
+
introduced: '0.7.0',
|
|
654
|
+
description: 'Use for orange backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
|
|
655
|
+
}
|
|
656
|
+
},
|
|
657
|
+
hovered: {
|
|
658
|
+
attributes: {
|
|
659
|
+
group: 'paint',
|
|
660
|
+
state: 'active',
|
|
661
|
+
introduced: '1.19.0',
|
|
662
|
+
description: 'Hovered state of color.background.accent.orange.bolder.'
|
|
663
|
+
}
|
|
664
|
+
},
|
|
665
|
+
pressed: {
|
|
666
|
+
attributes: {
|
|
667
|
+
group: 'paint',
|
|
668
|
+
state: 'active',
|
|
669
|
+
introduced: '1.19.0',
|
|
670
|
+
description: 'Pressed state of color.background.accent.orange.bolder.'
|
|
671
|
+
}
|
|
456
672
|
}
|
|
457
673
|
}
|
|
458
674
|
},
|
|
459
675
|
yellow: {
|
|
460
676
|
subtlest: {
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
677
|
+
'[default]': {
|
|
678
|
+
attributes: {
|
|
679
|
+
group: 'paint',
|
|
680
|
+
state: 'active',
|
|
681
|
+
introduced: '0.7.0',
|
|
682
|
+
description: 'Use for yellow backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
|
|
683
|
+
}
|
|
684
|
+
},
|
|
685
|
+
hovered: {
|
|
686
|
+
attributes: {
|
|
687
|
+
group: 'paint',
|
|
688
|
+
state: 'active',
|
|
689
|
+
introduced: '1.19.0',
|
|
690
|
+
description: 'Hovered state of color.background.accent.yellow.subtlest.'
|
|
691
|
+
}
|
|
692
|
+
},
|
|
693
|
+
pressed: {
|
|
694
|
+
attributes: {
|
|
695
|
+
group: 'paint',
|
|
696
|
+
state: 'active',
|
|
697
|
+
introduced: '1.19.0',
|
|
698
|
+
description: 'Pressed state of color.background.accent.yellow.subtlest.'
|
|
699
|
+
}
|
|
466
700
|
}
|
|
467
701
|
},
|
|
468
702
|
subtler: {
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
703
|
+
'[default]': {
|
|
704
|
+
attributes: {
|
|
705
|
+
group: 'paint',
|
|
706
|
+
state: 'active',
|
|
707
|
+
introduced: '0.7.0',
|
|
708
|
+
description: 'Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
709
|
+
}
|
|
710
|
+
},
|
|
711
|
+
hovered: {
|
|
712
|
+
attributes: {
|
|
713
|
+
group: 'paint',
|
|
714
|
+
state: 'active',
|
|
715
|
+
introduced: '1.19.0',
|
|
716
|
+
description: 'Hovered state of color.background.accent.yellow.subtler.'
|
|
717
|
+
}
|
|
718
|
+
},
|
|
719
|
+
pressed: {
|
|
720
|
+
attributes: {
|
|
721
|
+
group: 'paint',
|
|
722
|
+
state: 'active',
|
|
723
|
+
introduced: '1.19.0',
|
|
724
|
+
description: 'Pressed state of color.background.accent.yellow.subtler.'
|
|
725
|
+
}
|
|
474
726
|
}
|
|
475
727
|
},
|
|
476
728
|
subtle: {
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
729
|
+
'[default]': {
|
|
730
|
+
attributes: {
|
|
731
|
+
group: 'paint',
|
|
732
|
+
state: 'active',
|
|
733
|
+
introduced: '0.7.0',
|
|
734
|
+
description: 'Use for vibrant yellow backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
735
|
+
}
|
|
736
|
+
},
|
|
737
|
+
hovered: {
|
|
738
|
+
attributes: {
|
|
739
|
+
group: 'paint',
|
|
740
|
+
state: 'active',
|
|
741
|
+
introduced: '1.19.0',
|
|
742
|
+
description: 'Hovered state of color.background.accent.yellow.subtle.'
|
|
743
|
+
}
|
|
744
|
+
},
|
|
745
|
+
pressed: {
|
|
746
|
+
attributes: {
|
|
747
|
+
group: 'paint',
|
|
748
|
+
state: 'active',
|
|
749
|
+
introduced: '1.19.0',
|
|
750
|
+
description: 'Pressed state of color.background.accent.yellow.subtle.'
|
|
751
|
+
}
|
|
482
752
|
}
|
|
483
753
|
},
|
|
484
754
|
bolder: {
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
755
|
+
'[default]': {
|
|
756
|
+
attributes: {
|
|
757
|
+
group: 'paint',
|
|
758
|
+
state: 'active',
|
|
759
|
+
introduced: '0.7.0',
|
|
760
|
+
description: 'Use for yellow backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
|
|
761
|
+
}
|
|
762
|
+
},
|
|
763
|
+
hovered: {
|
|
764
|
+
attributes: {
|
|
765
|
+
group: 'paint',
|
|
766
|
+
state: 'active',
|
|
767
|
+
introduced: '1.19.0',
|
|
768
|
+
description: 'Hovered state of color.background.accent.yellow.bolder.'
|
|
769
|
+
}
|
|
770
|
+
},
|
|
771
|
+
pressed: {
|
|
772
|
+
attributes: {
|
|
773
|
+
group: 'paint',
|
|
774
|
+
state: 'active',
|
|
775
|
+
introduced: '1.19.0',
|
|
776
|
+
description: 'Pressed state of color.background.accent.yellow.bolder.'
|
|
777
|
+
}
|
|
490
778
|
}
|
|
491
779
|
}
|
|
492
780
|
},
|
|
493
781
|
green: {
|
|
494
782
|
subtlest: {
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
783
|
+
'[default]': {
|
|
784
|
+
attributes: {
|
|
785
|
+
group: 'paint',
|
|
786
|
+
state: 'active',
|
|
787
|
+
introduced: '0.7.0',
|
|
788
|
+
description: 'Use for green backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
|
|
789
|
+
}
|
|
790
|
+
},
|
|
791
|
+
hovered: {
|
|
792
|
+
attributes: {
|
|
793
|
+
group: 'paint',
|
|
794
|
+
state: 'active',
|
|
795
|
+
introduced: '1.19.0',
|
|
796
|
+
description: 'Hovered state of color.background.accent.green.subtlest.'
|
|
797
|
+
}
|
|
798
|
+
},
|
|
799
|
+
pressed: {
|
|
800
|
+
attributes: {
|
|
801
|
+
group: 'paint',
|
|
802
|
+
state: 'active',
|
|
803
|
+
introduced: '1.19.0',
|
|
804
|
+
description: 'Pressed state of color.background.accent.green.subtlest.'
|
|
805
|
+
}
|
|
500
806
|
}
|
|
501
807
|
},
|
|
502
808
|
subtler: {
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
809
|
+
'[default]': {
|
|
810
|
+
attributes: {
|
|
811
|
+
group: 'paint',
|
|
812
|
+
state: 'active',
|
|
813
|
+
introduced: '0.7.0',
|
|
814
|
+
description: 'Use for green backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
815
|
+
}
|
|
816
|
+
},
|
|
817
|
+
hovered: {
|
|
818
|
+
attributes: {
|
|
819
|
+
group: 'paint',
|
|
820
|
+
state: 'active',
|
|
821
|
+
introduced: '1.19.0',
|
|
822
|
+
description: 'Hovered state of color.background.accent.green.subtler.'
|
|
823
|
+
}
|
|
824
|
+
},
|
|
825
|
+
pressed: {
|
|
826
|
+
attributes: {
|
|
827
|
+
group: 'paint',
|
|
828
|
+
state: 'active',
|
|
829
|
+
introduced: '1.19.0',
|
|
830
|
+
description: 'Pressed state of color.background.accent.green.subtler.'
|
|
831
|
+
}
|
|
508
832
|
}
|
|
509
833
|
},
|
|
510
834
|
subtle: {
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
835
|
+
'[default]': {
|
|
836
|
+
attributes: {
|
|
837
|
+
group: 'paint',
|
|
838
|
+
state: 'active',
|
|
839
|
+
introduced: '0.7.0',
|
|
840
|
+
description: 'Use for vibrant green backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
841
|
+
}
|
|
842
|
+
},
|
|
843
|
+
hovered: {
|
|
844
|
+
attributes: {
|
|
845
|
+
group: 'paint',
|
|
846
|
+
state: 'active',
|
|
847
|
+
introduced: '1.19.0',
|
|
848
|
+
description: 'Hovered state of color.background.accent.green.subtle.'
|
|
849
|
+
}
|
|
850
|
+
},
|
|
851
|
+
pressed: {
|
|
852
|
+
attributes: {
|
|
853
|
+
group: 'paint',
|
|
854
|
+
state: 'active',
|
|
855
|
+
introduced: '1.19.0',
|
|
856
|
+
description: 'Pressed state of color.background.accent.green.subtle.'
|
|
857
|
+
}
|
|
516
858
|
}
|
|
517
859
|
},
|
|
518
860
|
bolder: {
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
861
|
+
'[default]': {
|
|
862
|
+
attributes: {
|
|
863
|
+
group: 'paint',
|
|
864
|
+
state: 'active',
|
|
865
|
+
introduced: '0.7.0',
|
|
866
|
+
description: 'Use for green backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
|
|
867
|
+
}
|
|
868
|
+
},
|
|
869
|
+
hovered: {
|
|
870
|
+
attributes: {
|
|
871
|
+
group: 'paint',
|
|
872
|
+
state: 'active',
|
|
873
|
+
introduced: '1.19.0',
|
|
874
|
+
description: 'Hovered state of color.background.accent.green.bolder.'
|
|
875
|
+
}
|
|
876
|
+
},
|
|
877
|
+
pressed: {
|
|
878
|
+
attributes: {
|
|
879
|
+
group: 'paint',
|
|
880
|
+
state: 'active',
|
|
881
|
+
introduced: '1.19.0',
|
|
882
|
+
description: 'Pressed state of color.background.accent.green.bolder.'
|
|
883
|
+
}
|
|
524
884
|
}
|
|
525
885
|
}
|
|
526
886
|
},
|
|
527
887
|
teal: {
|
|
528
888
|
subtlest: {
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
889
|
+
'[default]': {
|
|
890
|
+
attributes: {
|
|
891
|
+
group: 'paint',
|
|
892
|
+
state: 'active',
|
|
893
|
+
introduced: '0.7.0',
|
|
894
|
+
description: 'Use for teal backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
|
|
895
|
+
}
|
|
896
|
+
},
|
|
897
|
+
hovered: {
|
|
898
|
+
attributes: {
|
|
899
|
+
group: 'paint',
|
|
900
|
+
state: 'active',
|
|
901
|
+
introduced: '1.19.0',
|
|
902
|
+
description: 'Hovered state of color.background.accent.teal.subtlest.'
|
|
903
|
+
}
|
|
904
|
+
},
|
|
905
|
+
pressed: {
|
|
906
|
+
attributes: {
|
|
907
|
+
group: 'paint',
|
|
908
|
+
state: 'active',
|
|
909
|
+
introduced: '1.19.0',
|
|
910
|
+
description: 'Pressed state of color.background.accent.teal.subtlest.'
|
|
911
|
+
}
|
|
534
912
|
}
|
|
535
913
|
},
|
|
536
914
|
subtler: {
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
915
|
+
'[default]': {
|
|
916
|
+
attributes: {
|
|
917
|
+
group: 'paint',
|
|
918
|
+
state: 'active',
|
|
919
|
+
introduced: '0.7.0',
|
|
920
|
+
description: 'Use for teal backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
921
|
+
}
|
|
922
|
+
},
|
|
923
|
+
hovered: {
|
|
924
|
+
attributes: {
|
|
925
|
+
group: 'paint',
|
|
926
|
+
state: 'active',
|
|
927
|
+
introduced: '1.19.0',
|
|
928
|
+
description: 'Hovered state of color.background.accent.teal.subtler.'
|
|
929
|
+
}
|
|
930
|
+
},
|
|
931
|
+
pressed: {
|
|
932
|
+
attributes: {
|
|
933
|
+
group: 'paint',
|
|
934
|
+
state: 'active',
|
|
935
|
+
introduced: '1.19.0',
|
|
936
|
+
description: 'Pressed state of color.background.accent.teal.subtler.'
|
|
937
|
+
}
|
|
542
938
|
}
|
|
543
939
|
},
|
|
544
940
|
subtle: {
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
941
|
+
'[default]': {
|
|
942
|
+
attributes: {
|
|
943
|
+
group: 'paint',
|
|
944
|
+
state: 'active',
|
|
945
|
+
introduced: '0.7.0',
|
|
946
|
+
description: 'Use for vibrant teal backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
947
|
+
}
|
|
948
|
+
},
|
|
949
|
+
hovered: {
|
|
950
|
+
attributes: {
|
|
951
|
+
group: 'paint',
|
|
952
|
+
state: 'active',
|
|
953
|
+
introduced: '1.19.0',
|
|
954
|
+
description: 'Hovered state of color.background.accent.teal.subtle.'
|
|
955
|
+
}
|
|
956
|
+
},
|
|
957
|
+
pressed: {
|
|
958
|
+
attributes: {
|
|
959
|
+
group: 'paint',
|
|
960
|
+
state: 'active',
|
|
961
|
+
introduced: '1.19.0',
|
|
962
|
+
description: 'Pressed state of color.background.accent.teal.subtle.'
|
|
963
|
+
}
|
|
550
964
|
}
|
|
551
965
|
},
|
|
552
966
|
bolder: {
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
967
|
+
'[default]': {
|
|
968
|
+
attributes: {
|
|
969
|
+
group: 'paint',
|
|
970
|
+
state: 'active',
|
|
971
|
+
introduced: '0.7.0',
|
|
972
|
+
description: 'Use for teal backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
|
|
973
|
+
}
|
|
974
|
+
},
|
|
975
|
+
hovered: {
|
|
976
|
+
attributes: {
|
|
977
|
+
group: 'paint',
|
|
978
|
+
state: 'active',
|
|
979
|
+
introduced: '1.19.0',
|
|
980
|
+
description: 'Hovered state of color.background.accent.teal.bolder.'
|
|
981
|
+
}
|
|
982
|
+
},
|
|
983
|
+
pressed: {
|
|
984
|
+
attributes: {
|
|
985
|
+
group: 'paint',
|
|
986
|
+
state: 'active',
|
|
987
|
+
introduced: '1.19.0',
|
|
988
|
+
description: 'Pressed state of color.background.accent.teal.bolder.'
|
|
989
|
+
}
|
|
558
990
|
}
|
|
559
991
|
}
|
|
560
992
|
},
|
|
561
993
|
purple: {
|
|
562
994
|
subtlest: {
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
995
|
+
'[default]': {
|
|
996
|
+
attributes: {
|
|
997
|
+
group: 'paint',
|
|
998
|
+
state: 'active',
|
|
999
|
+
introduced: '0.7.0',
|
|
1000
|
+
description: 'Use for purple backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
|
|
1001
|
+
}
|
|
1002
|
+
},
|
|
1003
|
+
hovered: {
|
|
1004
|
+
attributes: {
|
|
1005
|
+
group: 'paint',
|
|
1006
|
+
state: 'active',
|
|
1007
|
+
introduced: '1.19.0',
|
|
1008
|
+
description: 'Hovered state of color.background.accent.purple.subtlest.'
|
|
1009
|
+
}
|
|
1010
|
+
},
|
|
1011
|
+
pressed: {
|
|
1012
|
+
attributes: {
|
|
1013
|
+
group: 'paint',
|
|
1014
|
+
state: 'active',
|
|
1015
|
+
introduced: '1.19.0',
|
|
1016
|
+
description: 'Pressed state of color.background.accent.purple.subtlest.'
|
|
1017
|
+
}
|
|
568
1018
|
}
|
|
569
1019
|
},
|
|
570
1020
|
subtler: {
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
1021
|
+
'[default]': {
|
|
1022
|
+
attributes: {
|
|
1023
|
+
group: 'paint',
|
|
1024
|
+
state: 'active',
|
|
1025
|
+
introduced: '0.7.0',
|
|
1026
|
+
description: 'Use for purple backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
1027
|
+
}
|
|
1028
|
+
},
|
|
1029
|
+
hovered: {
|
|
1030
|
+
attributes: {
|
|
1031
|
+
group: 'paint',
|
|
1032
|
+
state: 'active',
|
|
1033
|
+
introduced: '1.19.0',
|
|
1034
|
+
description: 'Hovered state of color.background.accent.purple.subtler.'
|
|
1035
|
+
}
|
|
1036
|
+
},
|
|
1037
|
+
pressed: {
|
|
1038
|
+
attributes: {
|
|
1039
|
+
group: 'paint',
|
|
1040
|
+
state: 'active',
|
|
1041
|
+
introduced: '1.19.0',
|
|
1042
|
+
description: 'Pressed state of color.background.accent.purple.subtler.'
|
|
1043
|
+
}
|
|
576
1044
|
}
|
|
577
1045
|
},
|
|
578
1046
|
subtle: {
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
1047
|
+
'[default]': {
|
|
1048
|
+
attributes: {
|
|
1049
|
+
group: 'paint',
|
|
1050
|
+
state: 'active',
|
|
1051
|
+
introduced: '0.7.0',
|
|
1052
|
+
description: 'Use for vibrant purple backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
1053
|
+
}
|
|
1054
|
+
},
|
|
1055
|
+
hovered: {
|
|
1056
|
+
attributes: {
|
|
1057
|
+
group: 'paint',
|
|
1058
|
+
state: 'active',
|
|
1059
|
+
introduced: '1.19.0',
|
|
1060
|
+
description: 'Hovered state of color.background.accent.purple.subtle.'
|
|
1061
|
+
}
|
|
1062
|
+
},
|
|
1063
|
+
pressed: {
|
|
1064
|
+
attributes: {
|
|
1065
|
+
group: 'paint',
|
|
1066
|
+
state: 'active',
|
|
1067
|
+
introduced: '1.19.0',
|
|
1068
|
+
description: 'Pressed state of color.background.accent.purple.subtle.'
|
|
1069
|
+
}
|
|
584
1070
|
}
|
|
585
1071
|
},
|
|
586
1072
|
bolder: {
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
1073
|
+
'[default]': {
|
|
1074
|
+
attributes: {
|
|
1075
|
+
group: 'paint',
|
|
1076
|
+
state: 'active',
|
|
1077
|
+
introduced: '0.7.0',
|
|
1078
|
+
description: 'Use for purple backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
|
|
1079
|
+
}
|
|
1080
|
+
},
|
|
1081
|
+
hovered: {
|
|
1082
|
+
attributes: {
|
|
1083
|
+
group: 'paint',
|
|
1084
|
+
state: 'active',
|
|
1085
|
+
introduced: '1.19.0',
|
|
1086
|
+
description: 'Hovered state of color.background.accent.purple.bolder.'
|
|
1087
|
+
}
|
|
1088
|
+
},
|
|
1089
|
+
pressed: {
|
|
1090
|
+
attributes: {
|
|
1091
|
+
group: 'paint',
|
|
1092
|
+
state: 'active',
|
|
1093
|
+
introduced: '1.19.0',
|
|
1094
|
+
description: 'Pressed state of color.background.accent.purple.bolder.'
|
|
1095
|
+
}
|
|
592
1096
|
}
|
|
593
1097
|
}
|
|
594
1098
|
},
|
|
595
1099
|
magenta: {
|
|
596
1100
|
subtlest: {
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
1101
|
+
'[default]': {
|
|
1102
|
+
attributes: {
|
|
1103
|
+
group: 'paint',
|
|
1104
|
+
state: 'active',
|
|
1105
|
+
introduced: '0.7.0',
|
|
1106
|
+
description: 'Use for magenta backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
|
|
1107
|
+
}
|
|
1108
|
+
},
|
|
1109
|
+
hovered: {
|
|
1110
|
+
attributes: {
|
|
1111
|
+
group: 'paint',
|
|
1112
|
+
state: 'active',
|
|
1113
|
+
introduced: '1.19.0',
|
|
1114
|
+
description: 'Hovered state of color.background.accent.magenta.subtlest.'
|
|
1115
|
+
}
|
|
1116
|
+
},
|
|
1117
|
+
pressed: {
|
|
1118
|
+
attributes: {
|
|
1119
|
+
group: 'paint',
|
|
1120
|
+
state: 'active',
|
|
1121
|
+
introduced: '1.19.0',
|
|
1122
|
+
description: 'Pressed state of color.background.accent.magenta.subtlest.'
|
|
1123
|
+
}
|
|
602
1124
|
}
|
|
603
1125
|
},
|
|
604
1126
|
subtler: {
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
1127
|
+
'[default]': {
|
|
1128
|
+
attributes: {
|
|
1129
|
+
group: 'paint',
|
|
1130
|
+
state: 'active',
|
|
1131
|
+
introduced: '0.7.0',
|
|
1132
|
+
description: 'Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
1133
|
+
}
|
|
1134
|
+
},
|
|
1135
|
+
hovered: {
|
|
1136
|
+
attributes: {
|
|
1137
|
+
group: 'paint',
|
|
1138
|
+
state: 'active',
|
|
1139
|
+
introduced: '1.19.0',
|
|
1140
|
+
description: 'Hovered state of color.background.accent.magenta.subtler.'
|
|
1141
|
+
}
|
|
1142
|
+
},
|
|
1143
|
+
pressed: {
|
|
1144
|
+
attributes: {
|
|
1145
|
+
group: 'paint',
|
|
1146
|
+
state: 'active',
|
|
1147
|
+
introduced: '1.19.0',
|
|
1148
|
+
description: 'Pressed state of color.background.accent.magenta.subtler.'
|
|
1149
|
+
}
|
|
610
1150
|
}
|
|
611
1151
|
},
|
|
612
1152
|
subtle: {
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
1153
|
+
'[default]': {
|
|
1154
|
+
attributes: {
|
|
1155
|
+
group: 'paint',
|
|
1156
|
+
state: 'active',
|
|
1157
|
+
introduced: '0.7.0',
|
|
1158
|
+
description: 'Use for vibrant magenta backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
1159
|
+
}
|
|
1160
|
+
},
|
|
1161
|
+
hovered: {
|
|
1162
|
+
attributes: {
|
|
1163
|
+
group: 'paint',
|
|
1164
|
+
state: 'active',
|
|
1165
|
+
introduced: '1.19.0',
|
|
1166
|
+
description: 'Hovered state of color.background.accent.magenta.subtle.'
|
|
1167
|
+
}
|
|
1168
|
+
},
|
|
1169
|
+
pressed: {
|
|
1170
|
+
attributes: {
|
|
1171
|
+
group: 'paint',
|
|
1172
|
+
state: 'active',
|
|
1173
|
+
introduced: '1.19.0',
|
|
1174
|
+
description: 'Pressed state of color.background.accent.magenta.subtle.'
|
|
1175
|
+
}
|
|
618
1176
|
}
|
|
619
1177
|
},
|
|
620
1178
|
bolder: {
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
1179
|
+
'[default]': {
|
|
1180
|
+
attributes: {
|
|
1181
|
+
group: 'paint',
|
|
1182
|
+
state: 'active',
|
|
1183
|
+
introduced: '0.7.0',
|
|
1184
|
+
description: 'Use for magenta backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
|
|
1185
|
+
}
|
|
1186
|
+
},
|
|
1187
|
+
hovered: {
|
|
1188
|
+
attributes: {
|
|
1189
|
+
group: 'paint',
|
|
1190
|
+
state: 'active',
|
|
1191
|
+
introduced: '1.19.0',
|
|
1192
|
+
description: 'Hovered state of color.background.accent.magenta.bolder.'
|
|
1193
|
+
}
|
|
1194
|
+
},
|
|
1195
|
+
pressed: {
|
|
1196
|
+
attributes: {
|
|
1197
|
+
group: 'paint',
|
|
1198
|
+
state: 'active',
|
|
1199
|
+
introduced: '1.19.0',
|
|
1200
|
+
description: 'Pressed state of color.background.accent.magenta.bolder.'
|
|
1201
|
+
}
|
|
626
1202
|
}
|
|
627
1203
|
}
|
|
628
1204
|
},
|
|
629
1205
|
lime: {
|
|
630
1206
|
subtlest: {
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
1207
|
+
'[default]': {
|
|
1208
|
+
attributes: {
|
|
1209
|
+
group: 'paint',
|
|
1210
|
+
state: 'active',
|
|
1211
|
+
introduced: '1.6.0',
|
|
1212
|
+
description: 'Use for for backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
|
|
1213
|
+
}
|
|
1214
|
+
},
|
|
1215
|
+
hovered: {
|
|
1216
|
+
attributes: {
|
|
1217
|
+
group: 'paint',
|
|
1218
|
+
state: 'active',
|
|
1219
|
+
introduced: '1.19.0',
|
|
1220
|
+
description: 'Hovered state of color.background.accent.lime.subtlest.'
|
|
1221
|
+
}
|
|
1222
|
+
},
|
|
1223
|
+
pressed: {
|
|
1224
|
+
attributes: {
|
|
1225
|
+
group: 'paint',
|
|
1226
|
+
state: 'active',
|
|
1227
|
+
introduced: '1.19.0',
|
|
1228
|
+
description: 'Pressed state of color.background.accent.lime.subtlest.'
|
|
1229
|
+
}
|
|
636
1230
|
}
|
|
637
1231
|
},
|
|
638
1232
|
subtler: {
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
1233
|
+
'[default]': {
|
|
1234
|
+
attributes: {
|
|
1235
|
+
group: 'paint',
|
|
1236
|
+
state: 'active',
|
|
1237
|
+
introduced: '1.6.0',
|
|
1238
|
+
description: 'Use for for backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
1239
|
+
}
|
|
1240
|
+
},
|
|
1241
|
+
hovered: {
|
|
1242
|
+
attributes: {
|
|
1243
|
+
group: 'paint',
|
|
1244
|
+
state: 'active',
|
|
1245
|
+
introduced: '1.19.0',
|
|
1246
|
+
description: 'Hovered state of color.background.accent.lime.subtler.'
|
|
1247
|
+
}
|
|
1248
|
+
},
|
|
1249
|
+
pressed: {
|
|
1250
|
+
attributes: {
|
|
1251
|
+
group: 'paint',
|
|
1252
|
+
state: 'active',
|
|
1253
|
+
introduced: '1.19.0',
|
|
1254
|
+
description: 'Pressed state of color.background.accent.lime.subtler.'
|
|
1255
|
+
}
|
|
644
1256
|
}
|
|
645
1257
|
},
|
|
646
1258
|
subtle: {
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
1259
|
+
'[default]': {
|
|
1260
|
+
attributes: {
|
|
1261
|
+
group: 'paint',
|
|
1262
|
+
state: 'active',
|
|
1263
|
+
introduced: '1.6.0',
|
|
1264
|
+
description: 'Use for vibrant for backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
1265
|
+
}
|
|
1266
|
+
},
|
|
1267
|
+
hovered: {
|
|
1268
|
+
attributes: {
|
|
1269
|
+
group: 'paint',
|
|
1270
|
+
state: 'active',
|
|
1271
|
+
introduced: '1.19.0',
|
|
1272
|
+
description: 'Hovered state of color.background.accent.lime.subtle.'
|
|
1273
|
+
}
|
|
1274
|
+
},
|
|
1275
|
+
pressed: {
|
|
1276
|
+
attributes: {
|
|
1277
|
+
group: 'paint',
|
|
1278
|
+
state: 'active',
|
|
1279
|
+
introduced: '1.19.0',
|
|
1280
|
+
description: 'Pressed state of color.background.accent.lime.subtle.'
|
|
1281
|
+
}
|
|
652
1282
|
}
|
|
653
1283
|
},
|
|
654
1284
|
bolder: {
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
1285
|
+
'[default]': {
|
|
1286
|
+
attributes: {
|
|
1287
|
+
group: 'paint',
|
|
1288
|
+
state: 'active',
|
|
1289
|
+
introduced: '1.6.0',
|
|
1290
|
+
description: 'Use for for backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
|
|
1291
|
+
}
|
|
1292
|
+
},
|
|
1293
|
+
hovered: {
|
|
1294
|
+
attributes: {
|
|
1295
|
+
group: 'paint',
|
|
1296
|
+
state: 'active',
|
|
1297
|
+
introduced: '1.19.0',
|
|
1298
|
+
description: 'Hovered state of color.background.accent.lime.bolder.'
|
|
1299
|
+
}
|
|
1300
|
+
},
|
|
1301
|
+
pressed: {
|
|
1302
|
+
attributes: {
|
|
1303
|
+
group: 'paint',
|
|
1304
|
+
state: 'active',
|
|
1305
|
+
introduced: '1.19.0',
|
|
1306
|
+
description: 'Pressed state of color.background.accent.lime.bolder.'
|
|
1307
|
+
}
|
|
660
1308
|
}
|
|
661
1309
|
}
|
|
662
1310
|
},
|
|
663
1311
|
gray: {
|
|
664
1312
|
subtlest: {
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
1313
|
+
'[default]': {
|
|
1314
|
+
attributes: {
|
|
1315
|
+
group: 'paint',
|
|
1316
|
+
state: 'active',
|
|
1317
|
+
introduced: '0.7.0',
|
|
1318
|
+
description: 'Use for gray backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
|
|
1319
|
+
}
|
|
1320
|
+
},
|
|
1321
|
+
hovered: {
|
|
1322
|
+
attributes: {
|
|
1323
|
+
group: 'paint',
|
|
1324
|
+
state: 'active',
|
|
1325
|
+
introduced: '1.19.0',
|
|
1326
|
+
description: 'Hovered state of color.background.accent.gray.subtlest.'
|
|
1327
|
+
}
|
|
1328
|
+
},
|
|
1329
|
+
pressed: {
|
|
1330
|
+
attributes: {
|
|
1331
|
+
group: 'paint',
|
|
1332
|
+
state: 'active',
|
|
1333
|
+
introduced: '1.19.0',
|
|
1334
|
+
description: 'Pressed state of color.background.accent.gray.subtlest.'
|
|
1335
|
+
}
|
|
670
1336
|
}
|
|
671
1337
|
},
|
|
672
1338
|
subtler: {
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
1339
|
+
'[default]': {
|
|
1340
|
+
attributes: {
|
|
1341
|
+
group: 'paint',
|
|
1342
|
+
state: 'active',
|
|
1343
|
+
introduced: '0.7.0',
|
|
1344
|
+
description: 'Use for gray backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
1345
|
+
}
|
|
1346
|
+
},
|
|
1347
|
+
hovered: {
|
|
1348
|
+
attributes: {
|
|
1349
|
+
group: 'paint',
|
|
1350
|
+
state: 'active',
|
|
1351
|
+
introduced: '1.19.0',
|
|
1352
|
+
description: 'Hovered state of color.background.accent.gray.subtler.'
|
|
1353
|
+
}
|
|
1354
|
+
},
|
|
1355
|
+
pressed: {
|
|
1356
|
+
attributes: {
|
|
1357
|
+
group: 'paint',
|
|
1358
|
+
state: 'active',
|
|
1359
|
+
introduced: '1.19.0',
|
|
1360
|
+
description: 'Pressed state of color.background.accent.gray.subtler.'
|
|
1361
|
+
}
|
|
678
1362
|
}
|
|
679
1363
|
},
|
|
680
1364
|
subtle: {
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
1365
|
+
'[default]': {
|
|
1366
|
+
attributes: {
|
|
1367
|
+
group: 'paint',
|
|
1368
|
+
state: 'active',
|
|
1369
|
+
introduced: '0.7.0',
|
|
1370
|
+
description: 'Use for vibrant gray backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
1371
|
+
}
|
|
1372
|
+
},
|
|
1373
|
+
hovered: {
|
|
1374
|
+
attributes: {
|
|
1375
|
+
group: 'paint',
|
|
1376
|
+
state: 'active',
|
|
1377
|
+
introduced: '1.19.0',
|
|
1378
|
+
description: 'Hovered state of color.background.accent.gray.subtle.'
|
|
1379
|
+
}
|
|
1380
|
+
},
|
|
1381
|
+
pressed: {
|
|
1382
|
+
attributes: {
|
|
1383
|
+
group: 'paint',
|
|
1384
|
+
state: 'active',
|
|
1385
|
+
introduced: '1.19.0',
|
|
1386
|
+
description: 'Pressed state of color.background.accent.gray.subtle.'
|
|
1387
|
+
}
|
|
686
1388
|
}
|
|
687
1389
|
},
|
|
688
1390
|
bolder: {
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
1391
|
+
'[default]': {
|
|
1392
|
+
attributes: {
|
|
1393
|
+
group: 'paint',
|
|
1394
|
+
state: 'active',
|
|
1395
|
+
introduced: '0.7.0',
|
|
1396
|
+
description: 'Use for gray backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
|
|
1397
|
+
}
|
|
1398
|
+
},
|
|
1399
|
+
hovered: {
|
|
1400
|
+
attributes: {
|
|
1401
|
+
group: 'paint',
|
|
1402
|
+
state: 'active',
|
|
1403
|
+
introduced: '1.19.0',
|
|
1404
|
+
description: 'Hovered state of color.background.accent.gray.bolder.'
|
|
1405
|
+
}
|
|
1406
|
+
},
|
|
1407
|
+
pressed: {
|
|
1408
|
+
attributes: {
|
|
1409
|
+
group: 'paint',
|
|
1410
|
+
state: 'active',
|
|
1411
|
+
introduced: '1.19.0',
|
|
1412
|
+
description: 'Pressed state of color.background.accent.gray.subtlest.'
|
|
1413
|
+
}
|
|
694
1414
|
}
|
|
695
1415
|
}
|
|
696
1416
|
}
|