@esri/calcite-design-tokens 4.0.0-next.16 → 4.0.0-next.17

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.
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1767982686656,
2
+ "timestamp": 1768999069134,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{semantic.color.surface.1}",
@@ -349,21 +349,20 @@
349
349
  "comment": "deprecated, use --calcite-color-surface-highlight instead"
350
350
  },
351
351
  {
352
- "key": "{semantic.color.transparent.default.default}",
353
- "value": "rgba(0, 0, 0, 0)",
352
+ "key": "{semantic.color.text.1}",
353
+ "value": "#141414",
354
354
  "type": "color",
355
355
  "attributes": {
356
356
  "category": "color",
357
- "group": "transparent",
357
+ "group": "text",
358
358
  "type": "color",
359
- "item": "transparent",
360
- "subitem": "default",
361
- "state": "default",
359
+ "item": "text",
360
+ "subitem": "1",
362
361
  "names": {
363
- "scss": "$calcite-color-transparent",
364
- "css": "var(--calcite-color-transparent)",
365
- "docs": "semantic.color.transparent.default.default",
366
- "es6": "calciteColorTransparent"
362
+ "scss": "$calcite-color-text-1",
363
+ "css": "var(--calcite-color-text-1)",
364
+ "docs": "semantic.color.text.1",
365
+ "es6": "calciteColorText1"
367
366
  },
368
367
  "calcite-schema": {
369
368
  "system": "calcite",
@@ -373,25 +372,24 @@
373
372
  },
374
373
  "filePath": "src/tokens/semantic/color/light.json",
375
374
  "isSource": true,
376
- "name": "Color Transparent",
377
- "path": ["semantic", "color", "transparent", "default", "default"]
375
+ "name": "Color Text 1",
376
+ "path": ["semantic", "color", "text", "1"]
378
377
  },
379
378
  {
380
- "key": "{semantic.color.transparent.default.hover}",
381
- "value": "rgba(0, 0, 0, 0.04)",
379
+ "key": "{semantic.color.text.2}",
380
+ "value": "#4a4a4a",
382
381
  "type": "color",
383
382
  "attributes": {
384
383
  "category": "color",
385
- "group": "transparent",
384
+ "group": "text",
386
385
  "type": "color",
387
- "item": "transparent",
388
- "subitem": "default",
389
- "state": "hover",
386
+ "item": "text",
387
+ "subitem": "2",
390
388
  "names": {
391
- "scss": "$calcite-color-transparent-hover",
392
- "css": "var(--calcite-color-transparent-hover)",
393
- "docs": "semantic.color.transparent.default.hover",
394
- "es6": "calciteColorTransparentHover"
389
+ "scss": "$calcite-color-text-2",
390
+ "css": "var(--calcite-color-text-2)",
391
+ "docs": "semantic.color.text.2",
392
+ "es6": "calciteColorText2"
395
393
  },
396
394
  "calcite-schema": {
397
395
  "system": "calcite",
@@ -401,25 +399,24 @@
401
399
  },
402
400
  "filePath": "src/tokens/semantic/color/light.json",
403
401
  "isSource": true,
404
- "name": "Color Transparent Hover",
405
- "path": ["semantic", "color", "transparent", "default", "hover"]
402
+ "name": "Color Text 2",
403
+ "path": ["semantic", "color", "text", "2"]
406
404
  },
407
405
  {
408
- "key": "{semantic.color.transparent.default.press}",
409
- "value": "rgba(0, 0, 0, 0.08)",
406
+ "key": "{semantic.color.text.3}",
407
+ "value": "#6b6b6b",
410
408
  "type": "color",
411
409
  "attributes": {
412
410
  "category": "color",
413
- "group": "transparent",
411
+ "group": "text",
414
412
  "type": "color",
415
- "item": "transparent",
416
- "subitem": "default",
417
- "state": "press",
413
+ "item": "text",
414
+ "subitem": "3",
418
415
  "names": {
419
- "scss": "$calcite-color-transparent-press",
420
- "css": "var(--calcite-color-transparent-press)",
421
- "docs": "semantic.color.transparent.default.press",
422
- "es6": "calciteColorTransparentPress"
416
+ "scss": "$calcite-color-text-3",
417
+ "css": "var(--calcite-color-text-3)",
418
+ "docs": "semantic.color.text.3",
419
+ "es6": "calciteColorText3"
423
420
  },
424
421
  "calcite-schema": {
425
422
  "system": "calcite",
@@ -429,26 +426,24 @@
429
426
  },
430
427
  "filePath": "src/tokens/semantic/color/light.json",
431
428
  "isSource": true,
432
- "name": "Color Transparent Press",
433
- "path": ["semantic", "color", "transparent", "default", "press"]
429
+ "name": "Color Text 3",
430
+ "path": ["semantic", "color", "text", "3"]
434
431
  },
435
432
  {
436
- "key": "{semantic.color.transparent.inverse.hover}",
437
- "value": "rgba(255, 255, 255, 0.12)",
433
+ "key": "{semantic.color.text.inverse}",
434
+ "value": "#ffffff",
438
435
  "type": "color",
439
436
  "attributes": {
440
437
  "category": "color",
441
- "group": "transparent",
442
- "kind": "inverse",
438
+ "group": "text",
443
439
  "type": "color",
444
- "item": "transparent",
440
+ "item": "text",
445
441
  "subitem": "inverse",
446
- "state": "hover",
447
442
  "names": {
448
- "scss": "$calcite-color-transparent-inverse-hover",
449
- "css": "var(--calcite-color-transparent-inverse-hover)",
450
- "docs": "semantic.color.transparent.inverse.hover",
451
- "es6": "calciteColorTransparentInverseHover"
443
+ "scss": "$calcite-color-text-inverse",
444
+ "css": "var(--calcite-color-text-inverse)",
445
+ "docs": "semantic.color.text.inverse",
446
+ "es6": "calciteColorTextInverse"
452
447
  },
453
448
  "calcite-schema": {
454
449
  "system": "calcite",
@@ -458,26 +453,24 @@
458
453
  },
459
454
  "filePath": "src/tokens/semantic/color/light.json",
460
455
  "isSource": true,
461
- "name": "Color Transparent Inverse Hover",
462
- "path": ["semantic", "color", "transparent", "inverse", "hover"]
456
+ "name": "Color Text Inverse",
457
+ "path": ["semantic", "color", "text", "inverse"]
463
458
  },
464
459
  {
465
- "key": "{semantic.color.transparent.inverse.press}",
466
- "value": "rgba(255, 255, 255, 0.16)",
460
+ "key": "{semantic.color.text.link}",
461
+ "value": "#00619b",
467
462
  "type": "color",
468
463
  "attributes": {
469
464
  "category": "color",
470
- "group": "transparent",
471
- "kind": "inverse",
465
+ "group": "text",
472
466
  "type": "color",
473
- "item": "transparent",
474
- "subitem": "inverse",
475
- "state": "press",
467
+ "item": "text",
468
+ "subitem": "link",
476
469
  "names": {
477
- "scss": "$calcite-color-transparent-inverse-press",
478
- "css": "var(--calcite-color-transparent-inverse-press)",
479
- "docs": "semantic.color.transparent.inverse.press",
480
- "es6": "calciteColorTransparentInversePress"
470
+ "scss": "$calcite-color-text-link",
471
+ "css": "var(--calcite-color-text-link)",
472
+ "docs": "semantic.color.text.link",
473
+ "es6": "calciteColorTextLink"
481
474
  },
482
475
  "calcite-schema": {
483
476
  "system": "calcite",
@@ -487,24 +480,24 @@
487
480
  },
488
481
  "filePath": "src/tokens/semantic/color/light.json",
489
482
  "isSource": true,
490
- "name": "Color Transparent Inverse Press",
491
- "path": ["semantic", "color", "transparent", "inverse", "press"]
483
+ "name": "Color Text Link",
484
+ "path": ["semantic", "color", "text", "link"]
492
485
  },
493
486
  {
494
- "key": "{semantic.color.transparent.scrim}",
495
- "value": "rgba(255, 255, 255, 0.85)",
487
+ "key": "{semantic.color.text.highlight}",
488
+ "value": "#004874",
496
489
  "type": "color",
497
490
  "attributes": {
498
491
  "category": "color",
499
- "group": "transparent",
492
+ "group": "text",
500
493
  "type": "color",
501
- "item": "transparent",
502
- "subitem": "scrim",
494
+ "item": "text",
495
+ "subitem": "highlight",
503
496
  "names": {
504
- "scss": "$calcite-color-transparent-scrim",
505
- "css": "var(--calcite-color-transparent-scrim)",
506
- "docs": "semantic.color.transparent.scrim",
507
- "es6": "calciteColorTransparentScrim"
497
+ "scss": "$calcite-color-text-highlight",
498
+ "css": "var(--calcite-color-text-highlight)",
499
+ "docs": "semantic.color.text.highlight",
500
+ "es6": "calciteColorTextHighlight"
508
501
  },
509
502
  "calcite-schema": {
510
503
  "system": "calcite",
@@ -514,24 +507,24 @@
514
507
  },
515
508
  "filePath": "src/tokens/semantic/color/light.json",
516
509
  "isSource": true,
517
- "name": "Color Transparent Scrim",
518
- "path": ["semantic", "color", "transparent", "scrim"]
510
+ "name": "Color Text Highlight",
511
+ "path": ["semantic", "color", "text", "highlight"]
519
512
  },
520
513
  {
521
- "key": "{semantic.color.transparent.tint}",
522
- "value": "rgba(255, 255, 255, 0.8)",
514
+ "key": "{semantic.color.border.1}",
515
+ "value": "#d4d4d4",
523
516
  "type": "color",
524
517
  "attributes": {
525
518
  "category": "color",
526
- "group": "transparent",
519
+ "group": "border",
527
520
  "type": "color",
528
- "item": "transparent",
529
- "subitem": "tint",
521
+ "item": "border",
522
+ "subitem": "1",
530
523
  "names": {
531
- "scss": "$calcite-color-transparent-tint",
532
- "css": "var(--calcite-color-transparent-tint)",
533
- "docs": "semantic.color.transparent.tint",
534
- "es6": "calciteColorTransparentTint"
524
+ "scss": "$calcite-color-border-1",
525
+ "css": "var(--calcite-color-border-1)",
526
+ "docs": "semantic.color.border.1",
527
+ "es6": "calciteColorBorder1"
535
528
  },
536
529
  "calcite-schema": {
537
530
  "system": "calcite",
@@ -541,25 +534,24 @@
541
534
  },
542
535
  "filePath": "src/tokens/semantic/color/light.json",
543
536
  "isSource": true,
544
- "name": "Color Transparent Tint",
545
- "path": ["semantic", "color", "transparent", "tint"]
537
+ "name": "Color Border 1",
538
+ "path": ["semantic", "color", "border", "1"]
546
539
  },
547
540
  {
548
- "key": "{semantic.color.brand.default.default}",
549
- "value": "#007ac2",
541
+ "key": "{semantic.color.border.2}",
542
+ "value": "#dedede",
550
543
  "type": "color",
551
544
  "attributes": {
552
545
  "category": "color",
553
- "group": "brand",
546
+ "group": "border",
554
547
  "type": "color",
555
- "item": "brand",
556
- "subitem": "default",
557
- "state": "default",
548
+ "item": "border",
549
+ "subitem": "2",
558
550
  "names": {
559
- "scss": "$calcite-color-brand",
560
- "css": "var(--calcite-color-brand)",
561
- "docs": "semantic.color.brand.default.default",
562
- "es6": "calciteColorBrand"
551
+ "scss": "$calcite-color-border-2",
552
+ "css": "var(--calcite-color-border-2)",
553
+ "docs": "semantic.color.border.2",
554
+ "es6": "calciteColorBorder2"
563
555
  },
564
556
  "calcite-schema": {
565
557
  "system": "calcite",
@@ -569,25 +561,24 @@
569
561
  },
570
562
  "filePath": "src/tokens/semantic/color/light.json",
571
563
  "isSource": true,
572
- "name": "Color Brand",
573
- "path": ["semantic", "color", "brand", "default", "default"]
564
+ "name": "Color Border 2",
565
+ "path": ["semantic", "color", "border", "2"]
574
566
  },
575
567
  {
576
- "key": "{semantic.color.brand.default.hover}",
577
- "value": "#00619b",
568
+ "key": "{semantic.color.border.3}",
569
+ "value": "#ebebeb",
578
570
  "type": "color",
579
571
  "attributes": {
580
572
  "category": "color",
581
- "group": "brand",
573
+ "group": "border",
582
574
  "type": "color",
583
- "item": "brand",
584
- "subitem": "default",
585
- "state": "hover",
575
+ "item": "border",
576
+ "subitem": "3",
586
577
  "names": {
587
- "scss": "$calcite-color-brand-hover",
588
- "css": "var(--calcite-color-brand-hover)",
589
- "docs": "semantic.color.brand.default.hover",
590
- "es6": "calciteColorBrandHover"
578
+ "scss": "$calcite-color-border-3",
579
+ "css": "var(--calcite-color-border-3)",
580
+ "docs": "semantic.color.border.3",
581
+ "es6": "calciteColorBorder3"
591
582
  },
592
583
  "calcite-schema": {
593
584
  "system": "calcite",
@@ -597,25 +588,24 @@
597
588
  },
598
589
  "filePath": "src/tokens/semantic/color/light.json",
599
590
  "isSource": true,
600
- "name": "Color Brand Hover",
601
- "path": ["semantic", "color", "brand", "default", "hover"]
591
+ "name": "Color Border 3",
592
+ "path": ["semantic", "color", "border", "3"]
602
593
  },
603
594
  {
604
- "key": "{semantic.color.brand.default.press}",
605
- "value": "#004874",
595
+ "key": "{semantic.color.border.input}",
596
+ "value": "#949494",
606
597
  "type": "color",
607
598
  "attributes": {
608
599
  "category": "color",
609
- "group": "brand",
600
+ "group": "border",
610
601
  "type": "color",
611
- "item": "brand",
612
- "subitem": "default",
613
- "state": "press",
602
+ "item": "border",
603
+ "subitem": "input",
614
604
  "names": {
615
- "scss": "$calcite-color-brand-press",
616
- "css": "var(--calcite-color-brand-press)",
617
- "docs": "semantic.color.brand.default.press",
618
- "es6": "calciteColorBrandPress"
605
+ "scss": "$calcite-color-border-input",
606
+ "css": "var(--calcite-color-border-input)",
607
+ "docs": "semantic.color.border.input",
608
+ "es6": "calciteColorBorderInput"
619
609
  },
620
610
  "calcite-schema": {
621
611
  "system": "calcite",
@@ -625,24 +615,24 @@
625
615
  },
626
616
  "filePath": "src/tokens/semantic/color/light.json",
627
617
  "isSource": true,
628
- "name": "Color Brand Press",
629
- "path": ["semantic", "color", "brand", "default", "press"]
618
+ "name": "Color Border Input",
619
+ "path": ["semantic", "color", "border", "input"]
630
620
  },
631
621
  {
632
- "key": "{semantic.color.brand.underline}",
622
+ "key": "{semantic.color.border.ghost}",
623
+ "value": "rgba(0, 0, 0, 0.3)",
633
624
  "type": "color",
634
- "value": "rgba(0, 97, 155, 0.4)",
635
625
  "attributes": {
636
626
  "category": "color",
637
- "group": "brand",
627
+ "group": "border",
638
628
  "type": "color",
639
- "item": "brand",
640
- "subitem": "underline",
629
+ "item": "border",
630
+ "subitem": "ghost",
641
631
  "names": {
642
- "scss": "$calcite-color-brand-underline",
643
- "css": "var(--calcite-color-brand-underline)",
644
- "docs": "semantic.color.brand.underline",
645
- "es6": "calciteColorBrandUnderline"
632
+ "scss": "$calcite-color-border-ghost",
633
+ "css": "var(--calcite-color-border-ghost)",
634
+ "docs": "semantic.color.border.ghost",
635
+ "es6": "calciteColorBorderGhost"
646
636
  },
647
637
  "calcite-schema": {
648
638
  "system": "calcite",
@@ -652,26 +642,24 @@
652
642
  },
653
643
  "filePath": "src/tokens/semantic/color/light.json",
654
644
  "isSource": true,
655
- "name": "Color Brand Underline",
656
- "path": ["semantic", "color", "brand", "underline"]
645
+ "name": "Color Border Ghost",
646
+ "path": ["semantic", "color", "border", "ghost"]
657
647
  },
658
648
  {
659
- "key": "{semantic.color.status.info.default}",
660
- "value": "#00619b",
649
+ "key": "{semantic.color.border.white}",
650
+ "value": "#ffffff",
661
651
  "type": "color",
662
652
  "attributes": {
663
653
  "category": "color",
664
- "group": "status",
665
- "kind": "info",
654
+ "group": "border",
666
655
  "type": "color",
667
- "item": "status",
668
- "subitem": "info",
669
- "state": "default",
656
+ "item": "border",
657
+ "subitem": "white",
670
658
  "names": {
671
- "scss": "$calcite-color-status-info",
672
- "css": "var(--calcite-color-status-info)",
673
- "docs": "semantic.color.status.info.default",
674
- "es6": "calciteColorStatusInfo"
659
+ "scss": "$calcite-color-border-white",
660
+ "css": "var(--calcite-color-border-white)",
661
+ "docs": "semantic.color.border.white",
662
+ "es6": "calciteColorBorderWhite"
675
663
  },
676
664
  "calcite-schema": {
677
665
  "system": "calcite",
@@ -681,8 +669,226 @@
681
669
  },
682
670
  "filePath": "src/tokens/semantic/color/light.json",
683
671
  "isSource": true,
684
- "name": "Color Status Info",
685
- "path": ["semantic", "color", "status", "info", "default"]
672
+ "name": "Color Border White",
673
+ "path": ["semantic", "color", "border", "white"]
674
+ },
675
+ {
676
+ "key": "{semantic.color.brand.default}",
677
+ "value": "#007ac2",
678
+ "type": "color",
679
+ "attributes": {
680
+ "category": "color",
681
+ "group": "brand",
682
+ "type": "color",
683
+ "item": "brand",
684
+ "subitem": "default",
685
+ "names": {
686
+ "scss": "$calcite-color-brand",
687
+ "css": "var(--calcite-color-brand)",
688
+ "docs": "semantic.color.brand.default",
689
+ "es6": "calciteColorBrand"
690
+ },
691
+ "calcite-schema": {
692
+ "system": "calcite",
693
+ "tier": "color",
694
+ "type": "color"
695
+ }
696
+ },
697
+ "filePath": "src/tokens/semantic/color/light.json",
698
+ "isSource": true,
699
+ "name": "Color Brand",
700
+ "path": ["semantic", "color", "brand", "default"]
701
+ },
702
+ {
703
+ "key": "{semantic.color.brand.hover}",
704
+ "value": "#00619b",
705
+ "type": "color",
706
+ "attributes": {
707
+ "category": "color",
708
+ "group": "brand",
709
+ "type": "color",
710
+ "item": "brand",
711
+ "subitem": "hover",
712
+ "names": {
713
+ "scss": "$calcite-color-brand-hover",
714
+ "css": "var(--calcite-color-brand-hover)",
715
+ "docs": "semantic.color.brand.hover",
716
+ "es6": "calciteColorBrandHover"
717
+ },
718
+ "calcite-schema": {
719
+ "system": "calcite",
720
+ "tier": "color",
721
+ "type": "color"
722
+ }
723
+ },
724
+ "filePath": "src/tokens/semantic/color/light.json",
725
+ "isSource": true,
726
+ "name": "Color Brand Hover",
727
+ "path": ["semantic", "color", "brand", "hover"]
728
+ },
729
+ {
730
+ "key": "{semantic.color.brand.press}",
731
+ "value": "#004874",
732
+ "type": "color",
733
+ "attributes": {
734
+ "category": "color",
735
+ "group": "brand",
736
+ "type": "color",
737
+ "item": "brand",
738
+ "subitem": "press",
739
+ "names": {
740
+ "scss": "$calcite-color-brand-press",
741
+ "css": "var(--calcite-color-brand-press)",
742
+ "docs": "semantic.color.brand.press",
743
+ "es6": "calciteColorBrandPress"
744
+ },
745
+ "calcite-schema": {
746
+ "system": "calcite",
747
+ "tier": "color",
748
+ "type": "color"
749
+ }
750
+ },
751
+ "filePath": "src/tokens/semantic/color/light.json",
752
+ "isSource": true,
753
+ "name": "Color Brand Press",
754
+ "path": ["semantic", "color", "brand", "press"]
755
+ },
756
+ {
757
+ "key": "{semantic.color.brand.underline}",
758
+ "type": "color",
759
+ "value": "rgba(0, 97, 155, 0.4)",
760
+ "attributes": {
761
+ "category": "color",
762
+ "group": "brand",
763
+ "type": "color",
764
+ "item": "brand",
765
+ "subitem": "underline",
766
+ "names": {
767
+ "scss": "$calcite-color-brand-underline",
768
+ "css": "var(--calcite-color-brand-underline)",
769
+ "docs": "semantic.color.brand.underline",
770
+ "es6": "calciteColorBrandUnderline"
771
+ },
772
+ "calcite-schema": {
773
+ "system": "calcite",
774
+ "tier": "color",
775
+ "type": "color"
776
+ }
777
+ },
778
+ "filePath": "src/tokens/semantic/color/light.json",
779
+ "isSource": true,
780
+ "name": "Color Brand Underline",
781
+ "path": ["semantic", "color", "brand", "underline"]
782
+ },
783
+ {
784
+ "key": "{semantic.color.inverse.default}",
785
+ "value": "#363636",
786
+ "type": "color",
787
+ "attributes": {
788
+ "category": "color",
789
+ "group": "inverse",
790
+ "type": "color",
791
+ "item": "inverse",
792
+ "subitem": "default",
793
+ "names": {
794
+ "scss": "$calcite-color-inverse",
795
+ "css": "var(--calcite-color-inverse)",
796
+ "docs": "semantic.color.inverse.default",
797
+ "es6": "calciteColorInverse"
798
+ },
799
+ "calcite-schema": {
800
+ "system": "calcite",
801
+ "tier": "color",
802
+ "type": "color"
803
+ }
804
+ },
805
+ "filePath": "src/tokens/semantic/color/light.json",
806
+ "isSource": true,
807
+ "name": "Color Inverse",
808
+ "path": ["semantic", "color", "inverse", "default"]
809
+ },
810
+ {
811
+ "key": "{semantic.color.inverse.hover}",
812
+ "value": "#2b2b2b",
813
+ "type": "color",
814
+ "attributes": {
815
+ "category": "color",
816
+ "group": "inverse",
817
+ "type": "color",
818
+ "item": "inverse",
819
+ "subitem": "hover",
820
+ "names": {
821
+ "scss": "$calcite-color-inverse-hover",
822
+ "css": "var(--calcite-color-inverse-hover)",
823
+ "docs": "semantic.color.inverse.hover",
824
+ "es6": "calciteColorInverseHover"
825
+ },
826
+ "calcite-schema": {
827
+ "system": "calcite",
828
+ "tier": "color",
829
+ "type": "color"
830
+ }
831
+ },
832
+ "filePath": "src/tokens/semantic/color/light.json",
833
+ "isSource": true,
834
+ "name": "Color Inverse Hover",
835
+ "path": ["semantic", "color", "inverse", "hover"]
836
+ },
837
+ {
838
+ "key": "{semantic.color.inverse.press}",
839
+ "value": "#212121",
840
+ "type": "color",
841
+ "attributes": {
842
+ "category": "color",
843
+ "group": "inverse",
844
+ "type": "color",
845
+ "item": "inverse",
846
+ "subitem": "press",
847
+ "names": {
848
+ "scss": "$calcite-color-inverse-press",
849
+ "css": "var(--calcite-color-inverse-press)",
850
+ "docs": "semantic.color.inverse.press",
851
+ "es6": "calciteColorInversePress"
852
+ },
853
+ "calcite-schema": {
854
+ "system": "calcite",
855
+ "tier": "color",
856
+ "type": "color"
857
+ }
858
+ },
859
+ "filePath": "src/tokens/semantic/color/light.json",
860
+ "isSource": true,
861
+ "name": "Color Inverse Press",
862
+ "path": ["semantic", "color", "inverse", "press"]
863
+ },
864
+ {
865
+ "key": "{semantic.color.status.info.default}",
866
+ "value": "#00619b",
867
+ "type": "color",
868
+ "attributes": {
869
+ "category": "color",
870
+ "group": "status",
871
+ "kind": "info",
872
+ "type": "color",
873
+ "item": "status",
874
+ "subitem": "info",
875
+ "state": "default",
876
+ "names": {
877
+ "scss": "$calcite-color-status-info",
878
+ "css": "var(--calcite-color-status-info)",
879
+ "docs": "semantic.color.status.info.default",
880
+ "es6": "calciteColorStatusInfo"
881
+ },
882
+ "calcite-schema": {
883
+ "system": "calcite",
884
+ "tier": "color",
885
+ "type": "color"
886
+ }
887
+ },
888
+ "filePath": "src/tokens/semantic/color/light.json",
889
+ "isSource": true,
890
+ "name": "Color Status Info",
891
+ "path": ["semantic", "color", "status", "info", "default"]
686
892
  },
687
893
  {
688
894
  "key": "{semantic.color.status.info.hover}",
@@ -1004,20 +1210,20 @@
1004
1210
  "path": ["semantic", "color", "status", "danger", "press"]
1005
1211
  },
1006
1212
  {
1007
- "key": "{semantic.color.inverse.default}",
1008
- "value": "#363636",
1213
+ "key": "{semantic.color.transparent.default}",
1214
+ "value": "rgba(0, 0, 0, 0)",
1009
1215
  "type": "color",
1010
1216
  "attributes": {
1011
1217
  "category": "color",
1012
- "group": "inverse",
1218
+ "group": "transparent",
1013
1219
  "type": "color",
1014
- "item": "inverse",
1220
+ "item": "transparent",
1015
1221
  "subitem": "default",
1016
1222
  "names": {
1017
- "scss": "$calcite-color-inverse",
1018
- "css": "var(--calcite-color-inverse)",
1019
- "docs": "semantic.color.inverse.default",
1020
- "es6": "calciteColorInverse"
1223
+ "scss": "$calcite-color-transparent",
1224
+ "css": "var(--calcite-color-transparent)",
1225
+ "docs": "semantic.color.transparent.default",
1226
+ "es6": "calciteColorTransparent"
1021
1227
  },
1022
1228
  "calcite-schema": {
1023
1229
  "system": "calcite",
@@ -1027,24 +1233,24 @@
1027
1233
  },
1028
1234
  "filePath": "src/tokens/semantic/color/light.json",
1029
1235
  "isSource": true,
1030
- "name": "Color Inverse",
1031
- "path": ["semantic", "color", "inverse", "default"]
1236
+ "name": "Color Transparent",
1237
+ "path": ["semantic", "color", "transparent", "default"]
1032
1238
  },
1033
1239
  {
1034
- "key": "{semantic.color.inverse.hover}",
1035
- "value": "#2b2b2b",
1240
+ "key": "{semantic.color.transparent.hover}",
1241
+ "value": "rgba(0, 0, 0, 0.04)",
1036
1242
  "type": "color",
1037
1243
  "attributes": {
1038
1244
  "category": "color",
1039
- "group": "inverse",
1245
+ "group": "transparent",
1040
1246
  "type": "color",
1041
- "item": "inverse",
1247
+ "item": "transparent",
1042
1248
  "subitem": "hover",
1043
1249
  "names": {
1044
- "scss": "$calcite-color-inverse-hover",
1045
- "css": "var(--calcite-color-inverse-hover)",
1046
- "docs": "semantic.color.inverse.hover",
1047
- "es6": "calciteColorInverseHover"
1250
+ "scss": "$calcite-color-transparent-hover",
1251
+ "css": "var(--calcite-color-transparent-hover)",
1252
+ "docs": "semantic.color.transparent.hover",
1253
+ "es6": "calciteColorTransparentHover"
1048
1254
  },
1049
1255
  "calcite-schema": {
1050
1256
  "system": "calcite",
@@ -1054,78 +1260,24 @@
1054
1260
  },
1055
1261
  "filePath": "src/tokens/semantic/color/light.json",
1056
1262
  "isSource": true,
1057
- "name": "Color Inverse Hover",
1058
- "path": ["semantic", "color", "inverse", "hover"]
1263
+ "name": "Color Transparent Hover",
1264
+ "path": ["semantic", "color", "transparent", "hover"]
1059
1265
  },
1060
1266
  {
1061
- "key": "{semantic.color.inverse.press}",
1062
- "value": "#212121",
1267
+ "key": "{semantic.color.transparent.press}",
1268
+ "value": "rgba(0, 0, 0, 0.08)",
1063
1269
  "type": "color",
1064
1270
  "attributes": {
1065
1271
  "category": "color",
1066
- "group": "inverse",
1272
+ "group": "transparent",
1067
1273
  "type": "color",
1068
- "item": "inverse",
1274
+ "item": "transparent",
1069
1275
  "subitem": "press",
1070
1276
  "names": {
1071
- "scss": "$calcite-color-inverse-press",
1072
- "css": "var(--calcite-color-inverse-press)",
1073
- "docs": "semantic.color.inverse.press",
1074
- "es6": "calciteColorInversePress"
1075
- },
1076
- "calcite-schema": {
1077
- "system": "calcite",
1078
- "tier": "color",
1079
- "type": "color"
1080
- }
1081
- },
1082
- "filePath": "src/tokens/semantic/color/light.json",
1083
- "isSource": true,
1084
- "name": "Color Inverse Press",
1085
- "path": ["semantic", "color", "inverse", "press"]
1086
- },
1087
- {
1088
- "key": "{semantic.color.text.1}",
1089
- "value": "#141414",
1090
- "type": "color",
1091
- "attributes": {
1092
- "category": "color",
1093
- "group": "text",
1094
- "type": "color",
1095
- "item": "text",
1096
- "subitem": "1",
1097
- "names": {
1098
- "scss": "$calcite-color-text-1",
1099
- "css": "var(--calcite-color-text-1)",
1100
- "docs": "semantic.color.text.1",
1101
- "es6": "calciteColorText1"
1102
- },
1103
- "calcite-schema": {
1104
- "system": "calcite",
1105
- "tier": "color",
1106
- "type": "color"
1107
- }
1108
- },
1109
- "filePath": "src/tokens/semantic/color/light.json",
1110
- "isSource": true,
1111
- "name": "Color Text 1",
1112
- "path": ["semantic", "color", "text", "1"]
1113
- },
1114
- {
1115
- "key": "{semantic.color.text.2}",
1116
- "value": "#4a4a4a",
1117
- "type": "color",
1118
- "attributes": {
1119
- "category": "color",
1120
- "group": "text",
1121
- "type": "color",
1122
- "item": "text",
1123
- "subitem": "2",
1124
- "names": {
1125
- "scss": "$calcite-color-text-2",
1126
- "css": "var(--calcite-color-text-2)",
1127
- "docs": "semantic.color.text.2",
1128
- "es6": "calciteColorText2"
1277
+ "scss": "$calcite-color-transparent-press",
1278
+ "css": "var(--calcite-color-transparent-press)",
1279
+ "docs": "semantic.color.transparent.press",
1280
+ "es6": "calciteColorTransparentPress"
1129
1281
  },
1130
1282
  "calcite-schema": {
1131
1283
  "system": "calcite",
@@ -1135,24 +1287,24 @@
1135
1287
  },
1136
1288
  "filePath": "src/tokens/semantic/color/light.json",
1137
1289
  "isSource": true,
1138
- "name": "Color Text 2",
1139
- "path": ["semantic", "color", "text", "2"]
1290
+ "name": "Color Transparent Press",
1291
+ "path": ["semantic", "color", "transparent", "press"]
1140
1292
  },
1141
1293
  {
1142
- "key": "{semantic.color.text.3}",
1143
- "value": "#6b6b6b",
1294
+ "key": "{semantic.color.transparent.scrim}",
1295
+ "value": "rgba(255, 255, 255, 0.85)",
1144
1296
  "type": "color",
1145
1297
  "attributes": {
1146
1298
  "category": "color",
1147
- "group": "text",
1299
+ "group": "transparent",
1148
1300
  "type": "color",
1149
- "item": "text",
1150
- "subitem": "3",
1301
+ "item": "transparent",
1302
+ "subitem": "scrim",
1151
1303
  "names": {
1152
- "scss": "$calcite-color-text-3",
1153
- "css": "var(--calcite-color-text-3)",
1154
- "docs": "semantic.color.text.3",
1155
- "es6": "calciteColorText3"
1304
+ "scss": "$calcite-color-transparent-scrim",
1305
+ "css": "var(--calcite-color-transparent-scrim)",
1306
+ "docs": "semantic.color.transparent.scrim",
1307
+ "es6": "calciteColorTransparentScrim"
1156
1308
  },
1157
1309
  "calcite-schema": {
1158
1310
  "system": "calcite",
@@ -1162,24 +1314,24 @@
1162
1314
  },
1163
1315
  "filePath": "src/tokens/semantic/color/light.json",
1164
1316
  "isSource": true,
1165
- "name": "Color Text 3",
1166
- "path": ["semantic", "color", "text", "3"]
1317
+ "name": "Color Transparent Scrim",
1318
+ "path": ["semantic", "color", "transparent", "scrim"]
1167
1319
  },
1168
1320
  {
1169
- "key": "{semantic.color.text.highlight}",
1170
- "value": "#004874",
1321
+ "key": "{semantic.color.transparent.tint}",
1322
+ "value": "rgba(255, 255, 255, 0.8)",
1171
1323
  "type": "color",
1172
1324
  "attributes": {
1173
1325
  "category": "color",
1174
- "group": "text",
1326
+ "group": "transparent",
1175
1327
  "type": "color",
1176
- "item": "text",
1177
- "subitem": "highlight",
1328
+ "item": "transparent",
1329
+ "subitem": "tint",
1178
1330
  "names": {
1179
- "scss": "$calcite-color-text-highlight",
1180
- "css": "var(--calcite-color-text-highlight)",
1181
- "docs": "semantic.color.text.highlight",
1182
- "es6": "calciteColorTextHighlight"
1331
+ "scss": "$calcite-color-transparent-tint",
1332
+ "css": "var(--calcite-color-transparent-tint)",
1333
+ "docs": "semantic.color.transparent.tint",
1334
+ "es6": "calciteColorTransparentTint"
1183
1335
  },
1184
1336
  "calcite-schema": {
1185
1337
  "system": "calcite",
@@ -1189,186 +1341,26 @@
1189
1341
  },
1190
1342
  "filePath": "src/tokens/semantic/color/light.json",
1191
1343
  "isSource": true,
1192
- "name": "Color Text Highlight",
1193
- "path": ["semantic", "color", "text", "highlight"]
1344
+ "name": "Color Transparent Tint",
1345
+ "path": ["semantic", "color", "transparent", "tint"]
1194
1346
  },
1195
1347
  {
1196
- "key": "{semantic.color.text.inverse}",
1197
- "value": "#ffffff",
1348
+ "key": "{semantic.color.transparent.inverse.hover}",
1349
+ "value": "rgba(255, 255, 255, 0.12)",
1198
1350
  "type": "color",
1199
1351
  "attributes": {
1200
1352
  "category": "color",
1201
- "group": "text",
1353
+ "group": "transparent",
1354
+ "kind": "inverse",
1202
1355
  "type": "color",
1203
- "item": "text",
1356
+ "item": "transparent",
1204
1357
  "subitem": "inverse",
1358
+ "state": "hover",
1205
1359
  "names": {
1206
- "scss": "$calcite-color-text-inverse",
1207
- "css": "var(--calcite-color-text-inverse)",
1208
- "docs": "semantic.color.text.inverse",
1209
- "es6": "calciteColorTextInverse"
1210
- },
1211
- "calcite-schema": {
1212
- "system": "calcite",
1213
- "tier": "color",
1214
- "type": "color"
1215
- }
1216
- },
1217
- "filePath": "src/tokens/semantic/color/light.json",
1218
- "isSource": true,
1219
- "name": "Color Text Inverse",
1220
- "path": ["semantic", "color", "text", "inverse"]
1221
- },
1222
- {
1223
- "key": "{semantic.color.text.link}",
1224
- "value": "#00619b",
1225
- "type": "color",
1226
- "attributes": {
1227
- "category": "color",
1228
- "group": "text",
1229
- "type": "color",
1230
- "item": "text",
1231
- "subitem": "link",
1232
- "names": {
1233
- "scss": "$calcite-color-text-link",
1234
- "css": "var(--calcite-color-text-link)",
1235
- "docs": "semantic.color.text.link",
1236
- "es6": "calciteColorTextLink"
1237
- },
1238
- "calcite-schema": {
1239
- "system": "calcite",
1240
- "tier": "color",
1241
- "type": "color"
1242
- }
1243
- },
1244
- "filePath": "src/tokens/semantic/color/light.json",
1245
- "isSource": true,
1246
- "name": "Color Text Link",
1247
- "path": ["semantic", "color", "text", "link"]
1248
- },
1249
- {
1250
- "key": "{semantic.color.border.1}",
1251
- "value": "#d4d4d4",
1252
- "type": "color",
1253
- "attributes": {
1254
- "category": "color",
1255
- "group": "border",
1256
- "type": "color",
1257
- "item": "border",
1258
- "subitem": "1",
1259
- "names": {
1260
- "scss": "$calcite-color-border-1",
1261
- "css": "var(--calcite-color-border-1)",
1262
- "docs": "semantic.color.border.1",
1263
- "es6": "calciteColorBorder1"
1264
- },
1265
- "calcite-schema": {
1266
- "system": "calcite",
1267
- "tier": "color",
1268
- "type": "color"
1269
- }
1270
- },
1271
- "filePath": "src/tokens/semantic/color/light.json",
1272
- "isSource": true,
1273
- "name": "Color Border 1",
1274
- "path": ["semantic", "color", "border", "1"]
1275
- },
1276
- {
1277
- "key": "{semantic.color.border.2}",
1278
- "value": "#dedede",
1279
- "type": "color",
1280
- "attributes": {
1281
- "category": "color",
1282
- "group": "border",
1283
- "type": "color",
1284
- "item": "border",
1285
- "subitem": "2",
1286
- "names": {
1287
- "scss": "$calcite-color-border-2",
1288
- "css": "var(--calcite-color-border-2)",
1289
- "docs": "semantic.color.border.2",
1290
- "es6": "calciteColorBorder2"
1291
- },
1292
- "calcite-schema": {
1293
- "system": "calcite",
1294
- "tier": "color",
1295
- "type": "color"
1296
- }
1297
- },
1298
- "filePath": "src/tokens/semantic/color/light.json",
1299
- "isSource": true,
1300
- "name": "Color Border 2",
1301
- "path": ["semantic", "color", "border", "2"]
1302
- },
1303
- {
1304
- "key": "{semantic.color.border.3}",
1305
- "value": "#ebebeb",
1306
- "type": "color",
1307
- "attributes": {
1308
- "category": "color",
1309
- "group": "border",
1310
- "type": "color",
1311
- "item": "border",
1312
- "subitem": "3",
1313
- "names": {
1314
- "scss": "$calcite-color-border-3",
1315
- "css": "var(--calcite-color-border-3)",
1316
- "docs": "semantic.color.border.3",
1317
- "es6": "calciteColorBorder3"
1318
- },
1319
- "calcite-schema": {
1320
- "system": "calcite",
1321
- "tier": "color",
1322
- "type": "color"
1323
- }
1324
- },
1325
- "filePath": "src/tokens/semantic/color/light.json",
1326
- "isSource": true,
1327
- "name": "Color Border 3",
1328
- "path": ["semantic", "color", "border", "3"]
1329
- },
1330
- {
1331
- "key": "{semantic.color.border.input}",
1332
- "value": "#949494",
1333
- "type": "color",
1334
- "attributes": {
1335
- "category": "color",
1336
- "group": "border",
1337
- "type": "color",
1338
- "item": "border",
1339
- "subitem": "input",
1340
- "names": {
1341
- "scss": "$calcite-color-border-input",
1342
- "css": "var(--calcite-color-border-input)",
1343
- "docs": "semantic.color.border.input",
1344
- "es6": "calciteColorBorderInput"
1345
- },
1346
- "calcite-schema": {
1347
- "system": "calcite",
1348
- "tier": "color",
1349
- "type": "color"
1350
- }
1351
- },
1352
- "filePath": "src/tokens/semantic/color/light.json",
1353
- "isSource": true,
1354
- "name": "Color Border Input",
1355
- "path": ["semantic", "color", "border", "input"]
1356
- },
1357
- {
1358
- "key": "{semantic.color.border.ghost}",
1359
- "value": "rgba(0, 0, 0, 0.3)",
1360
- "type": "color",
1361
- "attributes": {
1362
- "category": "color",
1363
- "group": "border",
1364
- "type": "color",
1365
- "item": "border",
1366
- "subitem": "ghost",
1367
- "names": {
1368
- "scss": "$calcite-color-border-ghost",
1369
- "css": "var(--calcite-color-border-ghost)",
1370
- "docs": "semantic.color.border.ghost",
1371
- "es6": "calciteColorBorderGhost"
1360
+ "scss": "$calcite-color-transparent-inverse-hover",
1361
+ "css": "var(--calcite-color-transparent-inverse-hover)",
1362
+ "docs": "semantic.color.transparent.inverse.hover",
1363
+ "es6": "calciteColorTransparentInverseHover"
1372
1364
  },
1373
1365
  "calcite-schema": {
1374
1366
  "system": "calcite",
@@ -1378,24 +1370,26 @@
1378
1370
  },
1379
1371
  "filePath": "src/tokens/semantic/color/light.json",
1380
1372
  "isSource": true,
1381
- "name": "Color Border Ghost",
1382
- "path": ["semantic", "color", "border", "ghost"]
1373
+ "name": "Color Transparent Inverse Hover",
1374
+ "path": ["semantic", "color", "transparent", "inverse", "hover"]
1383
1375
  },
1384
1376
  {
1385
- "key": "{semantic.color.border.white}",
1386
- "value": "#ffffff",
1377
+ "key": "{semantic.color.transparent.inverse.press}",
1378
+ "value": "rgba(255, 255, 255, 0.16)",
1387
1379
  "type": "color",
1388
1380
  "attributes": {
1389
1381
  "category": "color",
1390
- "group": "border",
1382
+ "group": "transparent",
1383
+ "kind": "inverse",
1391
1384
  "type": "color",
1392
- "item": "border",
1393
- "subitem": "white",
1385
+ "item": "transparent",
1386
+ "subitem": "inverse",
1387
+ "state": "press",
1394
1388
  "names": {
1395
- "scss": "$calcite-color-border-white",
1396
- "css": "var(--calcite-color-border-white)",
1397
- "docs": "semantic.color.border.white",
1398
- "es6": "calciteColorBorderWhite"
1389
+ "scss": "$calcite-color-transparent-inverse-press",
1390
+ "css": "var(--calcite-color-transparent-inverse-press)",
1391
+ "docs": "semantic.color.transparent.inverse.press",
1392
+ "es6": "calciteColorTransparentInversePress"
1399
1393
  },
1400
1394
  "calcite-schema": {
1401
1395
  "system": "calcite",
@@ -1405,8 +1399,8 @@
1405
1399
  },
1406
1400
  "filePath": "src/tokens/semantic/color/light.json",
1407
1401
  "isSource": true,
1408
- "name": "Color Border White",
1409
- "path": ["semantic", "color", "border", "white"]
1402
+ "name": "Color Transparent Inverse Press",
1403
+ "path": ["semantic", "color", "transparent", "inverse", "press"]
1410
1404
  },
1411
1405
  {
1412
1406
  "key": "{semantic.color.focus.default}",