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