@itcase/tokens-am 1.1.8 → 1.1.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/css/styles/main.css +188 -110
  2. package/package.json +2 -2
package/dist/css/styles/main.css CHANGED
@@ -499,27 +499,36 @@
499
499
  --color-error-border-active: hsl(0, 100%, 29%);
500
500
  --color-error-border-disabled: hsl(0, 81%, 17%);
501
501
  --color-info-fill-primary: hsl(211, 56%, 51%);
502
+ --color-info-fill-secondary: hsl(212, 72%, 61%);
503
+ --color-info-fill-tertiary: hsl(212, 89%, 93%);
504
+ --color-info-fill-quaternary: hsl(211, 49%, 54%);
502
505
  --color-info-fill-hover: hsl(212, 68%, 65%);
503
506
  --color-info-fill-focus: hsl(212, 74%, 29%);
504
507
  --color-info-fill-active: hsl(212, 35%, 43%);
505
508
  --color-info-fill-disabled: hsl(211, 53%, 31%);
506
- --color-info-text-primary: hsl(211, 77%, 58%);
509
+ --color-info-text-primary: hsl(0, 0%, 100%);
510
+ --color-info-text-secondary: hsl(211, 56%, 51%);
511
+ --color-info-text-tertiary: hsl(212, 89%, 93%);
512
+ --color-info-text-quaternary: hsl(211, 49%, 54%);
507
513
  --color-info-text-hover: hsl(211, 56%, 51%);
508
514
  --color-info-text-focus: hsl(212, 68%, 65%);
509
515
  --color-info-text-active: hsl(212, 74%, 29%);
510
- --color-info-text-secondary: hsl(212, 35%, 43%);
511
516
  --color-info-text-disabled: hsl(212, 26%, 72%);
512
- --color-info-item-primary: hsl(0, 0%, 11%);
517
+ --color-info-item-primary: hsl(211, 80%, 50%);
518
+ --color-info-item-secondary: hsl(212, 35%, 43%);
519
+ --color-info-item-tertiary: hsl(212, 89%, 93%);
520
+ --color-info-item-quaternary: hsl(211, 49%, 54%);
513
521
  --color-info-item-hover: hsl(211, 56%, 51%);
514
522
  --color-info-item-focus: hsl(212, 68%, 65%);
515
523
  --color-info-item-active: hsl(212, 74%, 29%);
516
- --color-info-item-secondary: hsl(212, 35%, 43%);
517
524
  --color-info-item-disabled: hsl(212, 26%, 72%);
518
- --color-info-border-primary: hsl(0, 0%, 11%);
525
+ --color-info-border-primary: hsl(211, 80%, 50%);
526
+ --color-info-border-secondary: hsl(212, 35%, 43%);
527
+ --color-info-border-tertiary: hsl(212, 89%, 93%);
528
+ --color-info-border-quaternary: hsl(211, 56%, 51%);
519
529
  --color-info-border-hover: hsl(211, 56%, 51%);
520
530
  --color-info-border-focus: hsl(212, 68%, 65%);
521
531
  --color-info-border-active: hsl(212, 74%, 29%);
522
- --color-info-border-secondary: hsl(212, 35%, 43%);
523
532
  --color-info-border-disabled: hsl(212, 26%, 72%);
524
533
  --color-danger-fill-primary: hsl(349, 62%, 48%);
525
534
  --color-danger-fill-secondary: hsl(0, 0%, 11%);
@@ -564,9 +573,15 @@
564
573
  --color-accent-fill-secondary: hsl(92, 28%, 62%);
565
574
  --color-accent-fill-tertiary: hsl(93, 53%, 93%);
566
575
  --color-accent-fill-quaternary: hsl(92, 71%, 27%);
567
- --color-accent-fill-hover: hsl(91, 33%, 40%);
568
576
  --color-accent-fill-focus: hsl(92, 59%, 64%);
569
- --color-accent-fill-active: hsl(92, 52%, 70%);
577
+ --color-accent-fill-hover-primary: hsl(91, 33%, 40%);
578
+ --color-accent-fill-hover-secondary: hsl(92, 28%, 62%);
579
+ --color-accent-fill-hover-tertiary: hsl(93, 53%, 93%);
580
+ --color-accent-fill-hover-quaternary: hsl(92, 71%, 27%);
581
+ --color-accent-fill-active-primary: hsl(92, 52%, 70%);
582
+ --color-accent-fill-active-secondary: hsl(92, 52%, 70%);
583
+ --color-accent-fill-active-tertiary: hsl(92, 52%, 70%);
584
+ --color-accent-fill-active-quaternary: hsl(92, 52%, 70%);
570
585
  --color-accent-fill-disabled: hsl(93, 45%, 80%);
571
586
  --color-accent-text-primary: hsl(0, 0%, 100%);
572
587
  --color-accent-text-secondary: hsl(92, 49%, 47%);
@@ -596,10 +611,13 @@
596
611
  --color-primary-fill-secondary: hsl(36, 89%, 42%);
597
612
  --color-primary-fill-tertiary: hsl(36, 100%, 90%);
598
613
  --color-primary-fill-quaternary: hsl(36, 95%, 36%);
599
- --color-primary-fill-hover: hsl(36, 95%, 45%);
600
614
  --color-primary-fill-focus: hsl(36, 95%, 45%);
601
615
  --color-primary-fill-active: hsl(36, 95%, 45%);
602
616
  --color-primary-fill-disabled: hsl(36, 100%, 90%);
617
+ --color-primary-fill-hover-primary: hsl(36, 95%, 45%);
618
+ --color-primary-fill-hover-secondary: hsl(36, 89%, 42%);
619
+ --color-primary-fill-hover-tertiary: hsl(36, 100%, 90%);
620
+ --color-primary-fill-hover-quaternary: hsl(36, 95%, 36%);
603
621
  --color-primary-text-primary: hsl(0, 0%, 100%);
604
622
  --color-primary-text-secondary: hsl(36, 95%, 45%);
605
623
  --color-primary-text-tertiary: hsl(36, 100%, 86%);
@@ -626,15 +644,18 @@
626
644
  --color-primary-border-disabled: hsl(36, 45%, 57%);
627
645
  --color-secondary-fill-primary: hsl(349, 96%, 44%);
628
646
  --color-secondary-fill-secondary: hsl(349, 70%, 74%);
629
- --color-secondary-fill-tertiary: hsl(349, 94%, 72%);
647
+ --color-secondary-fill-tertiary: hsl(348, 58%, 90%);
630
648
  --color-secondary-fill-quaternary: hsl(349, 87%, 28%);
631
- --color-secondary-fill-hover: hsl(349, 96%, 44%);
632
649
  --color-secondary-fill-focus: hsl(349, 84%, 59%);
633
650
  --color-secondary-fill-active: hsl(350, 58%, 41%);
634
- --color-secondary-fill-disabled: hsl(348, 58%, 90%);
651
+ --color-secondary-fill-disabled: hsl(348, 20%, 64%);
652
+ --color-secondary-fill-hover-primary: hsl(349, 96%, 44%);
653
+ --color-secondary-fill-hover-secondary: hsl(349, 70%, 74%);
654
+ --color-secondary-fill-hover-tertiary: hsl(348, 58%, 90%);
655
+ --color-secondary-fill-hover-quaternary: hsl(349, 87%, 28%);
635
656
  --color-secondary-text-primary: hsl(0, 0%, 100%);
636
657
  --color-secondary-text-secondary: hsl(349, 96%, 44%);
637
- --color-secondary-text-tertiary: hsl(349, 94%, 72%);
658
+ --color-secondary-text-tertiary: hsl(348, 58%, 90%);
638
659
  --color-secondary-text-quaternary: hsl(349, 87%, 28%);
639
660
  --color-secondary-text-hover: hsl(349, 96%, 44%);
640
661
  --color-secondary-text-focus: hsl(349, 84%, 59%);
@@ -642,18 +663,18 @@
642
663
  --color-secondary-text-disabled: hsl(348, 20%, 64%);
643
664
  --color-secondary-item-primary: hsl(0, 0%, 100%);
644
665
  --color-secondary-item-secondary: hsl(349, 96%, 44%);
645
- --color-secondary-item-tertiary: hsl(349, 94%, 72%);
666
+ --color-secondary-item-tertiary: hsl(348, 58%, 90%);
646
667
  --color-secondary-item-quaternary: hsl(349, 87%, 28%);
647
668
  --color-secondary-item-hover: hsl(349, 96%, 44%);
648
- --color-secondary-item-focus: hsl(349, 96%, 44%);
669
+ --color-secondary-item-focus: hsl(349, 84%, 59%);
649
670
  --color-secondary-item-active: hsl(350, 58%, 41%);
650
671
  --color-secondary-item-disabled: hsl(348, 20%, 64%);
651
672
  --color-secondary-border-primary: hsl(0, 0%, 100%);
652
673
  --color-secondary-border-secondary: hsl(349, 96%, 44%);
653
- --color-secondary-border-tertiary: hsl(349, 94%, 72%);
674
+ --color-secondary-border-tertiary: hsl(348, 58%, 90%);
654
675
  --color-secondary-border-quaternary: hsl(349, 87%, 28%);
655
676
  --color-secondary-border-hover: hsl(349, 96%, 44%);
656
- --color-secondary-border-focus: hsl(349, 96%, 44%);
677
+ --color-secondary-border-focus: hsl(349, 84%, 59%);
657
678
  --color-secondary-border-active: hsl(350, 58%, 41%);
658
679
  --color-secondary-border-disabled: hsl(348, 20%, 64%);
659
680
  --color-surface-fill-primary: hsl(0, 0%, 100%);
@@ -662,10 +683,13 @@
662
683
  --color-surface-fill-quaternary: hsl(0, 0%, 45%);
663
684
  --color-surface-fill-quaternary-50: hsl(0, 0%, 45%);
664
685
  --color-surface-fill-inverse: hsl(0, 0%, 0%);
665
- --color-surface-fill-hover: hsl(0, 0%, 79%);
666
686
  --color-surface-fill-focus: hsl(0, 0%, 59%);
667
687
  --color-surface-fill-active: hsl(92, 49%, 47%);
668
688
  --color-surface-fill-disabled: hsl(0, 0%, 93%);
689
+ --color-surface-fill-hover-primary: hsl(0, 0%, 79%);
690
+ --color-surface-fill-hover-secondary: hsl(220, 14%, 96%);
691
+ --color-surface-fill-hover-tertiary: hsl(0, 0%, 85%);
692
+ --color-surface-fill-hover-quaternary: hsl(0, 0%, 45%);
669
693
  --color-surface-text-primary: hsl(0, 0%, 0%);
670
694
  --color-surface-text-secondary: hsl(0, 0%, 93%);
671
695
  --color-surface-text-tertiary: hsl(0, 0%, 85%);
@@ -697,10 +721,13 @@
697
721
  --color-error-fill-secondary: hsl(0, 100%, 73%);
698
722
  --color-error-fill-tertiary: hsl(0, 100%, 92%);
699
723
  --color-error-fill-quaternary: hsl(0, 100%, 44%);
700
- --color-error-fill-hover: hsl(0, 60%, 41%);
701
724
  --color-error-fill-focus: hsl(0, 100%, 29%);
702
725
  --color-error-fill-active: hsl(0, 86%, 59%);
703
726
  --color-error-fill-disabled: hsl(0, 100%, 92%);
727
+ --color-error-fill-hover-primary: hsl(0, 60%, 41%);
728
+ --color-error-fill-hover-secondary: hsl(0, 100%, 73%);
729
+ --color-error-fill-hover-tertiary: hsl(0, 100%, 92%);
730
+ --color-error-fill-hover-quaternary: hsl(0, 100%, 44%);
704
731
  --color-error-text-primary: hsl(0, 0%, 100%);
705
732
  --color-error-text-secondary: hsl(0, 100%, 73%);
706
733
  --color-error-text-tertiary: hsl(0, 100%, 92%);
@@ -730,12 +757,15 @@
730
757
  --color-warning-fill-tertiary: hsl(36, 100%, 93%);
731
758
  --color-warning-fill-quaternary: hsl(36, 66%, 40%);
732
759
  --color-warning-fill-focus: hsl(36, 95%, 45%);
733
- --color-warning-fill-hover: hsl(36, 85%, 59%);
734
760
  --color-warning-fill-active: hsl(36, 97%, 29%);
735
761
  --color-warning-fill-disabled: hsl(36, 83%, 86%);
762
+ --color-warning-fill-hover-primary: hsl(36, 85%, 59%);
763
+ --color-warning-fill-hover-secondary: hsl(36, 76%, 71%);
764
+ --color-warning-fill-hover-tertiary: hsl(36, 100%, 93%);
765
+ --color-warning-fill-hover-quaternary: hsl(36, 66%, 40%);
736
766
  --color-warning-text-primary: hsl(0, 0%, 100%);
737
767
  --color-warning-text-secondary: hsl(36, 95%, 45%);
738
- --color-warning-text-tertiary: hsl(36, 66%, 40%);
768
+ --color-warning-text-tertiary: hsl(36, 100%, 93%);
739
769
  --color-warning-text-quaternary: hsl(36, 100%, 29%);
740
770
  --color-warning-text-focus: hsl(36, 95%, 45%);
741
771
  --color-warning-text-hover: hsl(36, 85%, 59%);
@@ -743,7 +773,7 @@
743
773
  --color-warning-text-disabled: hsl(36, 31%, 57%);
744
774
  --color-warning-item-primary: hsl(0, 0%, 100%);
745
775
  --color-warning-item-secondary: hsl(36, 95%, 45%);
746
- --color-warning-item-tertiary: hsl(36, 66%, 40%);
776
+ --color-warning-item-tertiary: hsl(36, 100%, 93%);
747
777
  --color-warning-item-quaternary: hsl(36, 100%, 29%);
748
778
  --color-warning-item-focus: hsl(36, 95%, 45%);
749
779
  --color-warning-item-hover: hsl(36, 85%, 59%);
@@ -751,17 +781,20 @@
751
781
  --color-warning-item-disabled: hsl(36, 31%, 57%);
752
782
  --color-warning-border-primary: hsl(0, 0%, 100%);
753
783
  --color-warning-border-secondary: hsl(36, 95%, 45%);
754
- --color-warning-border-tertiary: hsl(36, 66%, 40%);
784
+ --color-warning-border-tertiary: hsl(36, 100%, 93%);
755
785
  --color-warning-border-quaternary: hsl(36, 100%, 29%);
756
786
  --color-warning-border-focus: hsl(36, 95%, 45%);
757
787
  --color-warning-border-hover: hsl(36, 85%, 59%);
758
788
  --color-warning-border-active: hsl(36, 97%, 29%);
759
789
  --color-warning-border-disabled: hsl(36, 31%, 57%);
760
790
  --color-success-fill-primary: hsl(92, 56%, 38%);
791
+ --color-success-fill-hover-primary: hsl(92, 56%, 38%);
792
+ --color-success-fill-hover-secondary: hsl(92, 68%, 48%);
793
+ --color-success-fill-hover-tertiary: hsl(90, 53%, 93%);
794
+ --color-success-fill-hover-quaternary: hsl(92, 90%, 37%);
761
795
  --color-success-fill-secondary: hsl(92, 68%, 48%);
762
796
  --color-success-fill-tertiary: hsl(90, 53%, 93%);
763
797
  --color-success-fill-quaternary: hsl(92, 90%, 37%);
764
- --color-success-fill-hover: hsl(92, 56%, 38%);
765
798
  --color-success-fill-focus: hsl(92, 75%, 22%);
766
799
  --color-success-fill-active: hsl(92, 52%, 58%);
767
800
  --color-success-fill-disabled: hsl(92, 43%, 80%);
@@ -789,44 +822,49 @@
789
822
  --color-success-border-focus: hsl(92, 75%, 22%);
790
823
  --color-success-border-active: hsl(92, 52%, 58%);
791
824
  --color-success-border-disabled: hsl(92, 22%, 54%);
792
- --color-info-fill-primary: hsl(212, 92%, 29%);
793
- --color-info-fill-secondary: hsl(0, 0%, 0%);
794
- --color-info-fill-tertiary: hsl(0, 0%, 0%);
795
- --color-info-fill-quaternary: hsl(0, 0%, 0%);
796
- --color-info-fill-active: hsl(212, 81%, 61%);
797
- --color-info-fill-hover: hsl(211, 83%, 46%);
798
- --color-info-fill-focus: hsl(212, 83%, 46%);
799
- --color-info-fill-disabled: hsl(212, 45%, 87%);
825
+ --color-info-fill-primary: hsl(226, 100%, 52%);
826
+ --color-info-fill-hover-primary: hsl(226, 100%, 52%);
827
+ --color-info-fill-hover-secondary: hsl(226, 100%, 75%);
828
+ --color-info-fill-hover-tertiary: hsl(227, 100%, 96%);
829
+ --color-info-fill-hover-quaternary: hsl(226, 49%, 22%);
830
+ --color-info-fill-secondary: hsl(226, 100%, 75%);
831
+ --color-info-fill-tertiary: hsl(227, 100%, 96%);
832
+ --color-info-fill-quaternary: hsl(226, 49%, 22%);
833
+ --color-info-fill-focus: hsl(226, 49%, 45%);
834
+ --color-info-fill-active: hsl(226, 100%, 75%);
835
+ --color-info-fill-disabled: hsl(227, 36%, 85%);
800
836
  --color-info-text-primary: hsl(0, 0%, 100%);
801
- --color-info-text-secondary-2: hsl(0, 0%, 0%);
802
- --color-info-text-secondary: hsl(212, 92%, 29%);
803
- --color-info-text-tertiary: hsl(0, 0%, 0%);
804
- --color-info-text-quaternary: hsl(0, 0%, 0%);
805
- --color-info-text-hover: hsl(211, 83%, 46%);
806
- --color-info-text-active: hsl(212, 81%, 61%);
807
- --color-info-text-focus: hsl(212, 83%, 46%);
808
- --color-info-text-disabled: hsl(212, 26%, 72%);
837
+ --color-info-text-secondary: hsl(226, 100%, 52%);
838
+ --color-info-text-tertiary: hsl(227, 100%, 96%);
839
+ --color-info-text-quaternary: hsl(226, 49%, 22%);
840
+ --color-info-text-hover: hsl(226, 100%, 67%);
841
+ --color-info-text-focus: hsl(226, 49%, 45%);
842
+ --color-info-text-active: hsl(226, 100%, 75%);
843
+ --color-info-text-disabled: hsl(227, 36%, 85%);
809
844
  --color-info-item-primary: hsl(0, 0%, 100%);
810
- --color-info-item-secondary: hsl(212, 92%, 29%);
811
- --color-info-item-tertiary: hsl(0, 0%, 0%);
812
- --color-info-item-quaternary: hsl(0, 0%, 0%);
813
- --color-info-item-hover: hsl(211, 83%, 46%);
814
- --color-info-item-active: hsl(212, 81%, 61%);
815
- --color-info-item-focus: hsl(212, 83%, 46%);
816
- --color-info-item-disabled: hsl(212, 26%, 72%);
845
+ --color-info-item-secondary: hsl(226, 100%, 52%);
846
+ --color-info-item-tertiary: hsl(227, 100%, 96%);
847
+ --color-info-item-quaternary: hsl(226, 49%, 22%);
848
+ --color-info-item-hover: hsl(226, 100%, 67%);
849
+ --color-info-item-focus: hsl(226, 49%, 45%);
850
+ --color-info-item-active: hsl(226, 100%, 75%);
851
+ --color-info-item-disabled: hsl(227, 36%, 85%);
817
852
  --color-info-border-primary: hsl(0, 0%, 100%);
818
- --color-info-border-secondary: hsl(212, 92%, 29%);
819
- --color-info-border-tertiary: hsl(0, 0%, 0%);
820
- --color-info-border-quaternary: hsl(0, 0%, 0%);
821
- --color-info-border-hover: hsl(211, 83%, 46%);
822
- --color-info-border-active: hsl(212, 81%, 61%);
823
- --color-info-border-focus: hsl(212, 83%, 46%);
824
- --color-info-border-disabled: hsl(212, 26%, 72%);
853
+ --color-info-border-secondary: hsl(226, 100%, 52%);
854
+ --color-info-border-tertiary: hsl(227, 100%, 96%);
855
+ --color-info-border-quaternary: hsl(226, 49%, 22%);
856
+ --color-info-border-hover: hsl(226, 100%, 67%);
857
+ --color-info-border-focus: hsl(226, 49%, 45%);
858
+ --color-info-border-active: hsl(226, 100%, 75%);
859
+ --color-info-border-disabled: hsl(227, 36%, 85%);
825
860
  --color-danger-fill-primary: hsl(349, 68%, 50%);
861
+ --color-danger-fill-hover-primary: hsl(349, 92%, 51%);
862
+ --color-danger-fill-hover-secondary: hsl(0, 0%, 100%);
863
+ --color-danger-fill-hover-tertiary: hsl(349, 70%, 91%);
864
+ --color-danger-fill-hover-quaternary: hsl(349, 74%, 47%);
826
865
  --color-danger-fill-secondary: hsl(0, 0%, 100%);
827
866
  --color-danger-fill-tertiary: hsl(349, 70%, 91%);
828
867
  --color-danger-fill-quaternary: hsl(349, 74%, 47%);
829
- --color-danger-fill-hover: hsl(349, 92%, 51%);
830
868
  --color-danger-fill-focus: hsl(349, 95%, 64%);
831
869
  --color-danger-fill-active: hsl(349, 94%, 32%);
832
870
  --color-danger-fill-disabled: hsl(349, 43%, 75%);
@@ -854,6 +892,7 @@
854
892
  --color-danger-border-focus: hsl(349, 95%, 64%);
855
893
  --color-danger-border-active: hsl(349, 94%, 32%);
856
894
  --color-danger-border-disabled: hsl(349, 43%, 75%);
895
+ --color-disabled-item-disabled: hsl(0, 0%, 47%);
857
896
  }
858
897
  }
859
898
  @media screen and (prefers-color-scheme: dark) {
@@ -1078,27 +1117,36 @@
1078
1117
  --color-error-border-active: hsl(0, 100%, 29%);
1079
1118
  --color-error-border-disabled: hsl(0, 81%, 17%);
1080
1119
  --color-info-fill-primary: hsl(211, 56%, 51%);
1120
+ --color-info-fill-secondary: hsl(212, 72%, 61%);
1121
+ --color-info-fill-tertiary: hsl(212, 89%, 93%);
1122
+ --color-info-fill-quaternary: hsl(211, 49%, 54%);
1081
1123
  --color-info-fill-hover: hsl(212, 68%, 65%);
1082
1124
  --color-info-fill-focus: hsl(212, 74%, 29%);
1083
1125
  --color-info-fill-active: hsl(212, 35%, 43%);
1084
1126
  --color-info-fill-disabled: hsl(211, 53%, 31%);
1085
- --color-info-text-primary: hsl(211, 77%, 58%);
1127
+ --color-info-text-primary: hsl(0, 0%, 100%);
1128
+ --color-info-text-secondary: hsl(211, 56%, 51%);
1129
+ --color-info-text-tertiary: hsl(212, 89%, 93%);
1130
+ --color-info-text-quaternary: hsl(211, 49%, 54%);
1086
1131
  --color-info-text-hover: hsl(211, 56%, 51%);
1087
1132
  --color-info-text-focus: hsl(212, 68%, 65%);
1088
1133
  --color-info-text-active: hsl(212, 74%, 29%);
1089
- --color-info-text-secondary: hsl(212, 35%, 43%);
1090
1134
  --color-info-text-disabled: hsl(212, 26%, 72%);
1091
- --color-info-item-primary: hsl(0, 0%, 11%);
1135
+ --color-info-item-primary: hsl(211, 80%, 50%);
1136
+ --color-info-item-secondary: hsl(212, 35%, 43%);
1137
+ --color-info-item-tertiary: hsl(212, 89%, 93%);
1138
+ --color-info-item-quaternary: hsl(211, 49%, 54%);
1092
1139
  --color-info-item-hover: hsl(211, 56%, 51%);
1093
1140
  --color-info-item-focus: hsl(212, 68%, 65%);
1094
1141
  --color-info-item-active: hsl(212, 74%, 29%);
1095
- --color-info-item-secondary: hsl(212, 35%, 43%);
1096
1142
  --color-info-item-disabled: hsl(212, 26%, 72%);
1097
- --color-info-border-primary: hsl(0, 0%, 11%);
1143
+ --color-info-border-primary: hsl(211, 80%, 50%);
1144
+ --color-info-border-secondary: hsl(212, 35%, 43%);
1145
+ --color-info-border-tertiary: hsl(212, 89%, 93%);
1146
+ --color-info-border-quaternary: hsl(211, 56%, 51%);
1098
1147
  --color-info-border-hover: hsl(211, 56%, 51%);
1099
1148
  --color-info-border-focus: hsl(212, 68%, 65%);
1100
1149
  --color-info-border-active: hsl(212, 74%, 29%);
1101
- --color-info-border-secondary: hsl(212, 35%, 43%);
1102
1150
  --color-info-border-disabled: hsl(212, 26%, 72%);
1103
1151
  --color-danger-fill-primary: hsl(349, 62%, 48%);
1104
1152
  --color-danger-fill-secondary: hsl(0, 0%, 11%);
@@ -1145,9 +1193,15 @@
1145
1193
  --color-accent-fill-secondary: hsl(92, 28%, 62%);
1146
1194
  --color-accent-fill-tertiary: hsl(93, 53%, 93%);
1147
1195
  --color-accent-fill-quaternary: hsl(92, 71%, 27%);
1148
- --color-accent-fill-hover: hsl(91, 33%, 40%);
1149
1196
  --color-accent-fill-focus: hsl(92, 59%, 64%);
1150
- --color-accent-fill-active: hsl(92, 52%, 70%);
1197
+ --color-accent-fill-hover-primary: hsl(91, 33%, 40%);
1198
+ --color-accent-fill-hover-secondary: hsl(92, 28%, 62%);
1199
+ --color-accent-fill-hover-tertiary: hsl(93, 53%, 93%);
1200
+ --color-accent-fill-hover-quaternary: hsl(92, 71%, 27%);
1201
+ --color-accent-fill-active-primary: hsl(92, 52%, 70%);
1202
+ --color-accent-fill-active-secondary: hsl(92, 52%, 70%);
1203
+ --color-accent-fill-active-tertiary: hsl(92, 52%, 70%);
1204
+ --color-accent-fill-active-quaternary: hsl(92, 52%, 70%);
1151
1205
  --color-accent-fill-disabled: hsl(93, 45%, 80%);
1152
1206
  --color-accent-text-primary: hsl(0, 0%, 100%);
1153
1207
  --color-accent-text-secondary: hsl(92, 49%, 47%);
@@ -1177,10 +1231,13 @@
1177
1231
  --color-primary-fill-secondary: hsl(36, 89%, 42%);
1178
1232
  --color-primary-fill-tertiary: hsl(36, 100%, 90%);
1179
1233
  --color-primary-fill-quaternary: hsl(36, 95%, 36%);
1180
- --color-primary-fill-hover: hsl(36, 95%, 45%);
1181
1234
  --color-primary-fill-focus: hsl(36, 95%, 45%);
1182
1235
  --color-primary-fill-active: hsl(36, 95%, 45%);
1183
1236
  --color-primary-fill-disabled: hsl(36, 100%, 90%);
1237
+ --color-primary-fill-hover-primary: hsl(36, 95%, 45%);
1238
+ --color-primary-fill-hover-secondary: hsl(36, 89%, 42%);
1239
+ --color-primary-fill-hover-tertiary: hsl(36, 100%, 90%);
1240
+ --color-primary-fill-hover-quaternary: hsl(36, 95%, 36%);
1184
1241
  --color-primary-text-primary: hsl(0, 0%, 100%);
1185
1242
  --color-primary-text-secondary: hsl(36, 95%, 45%);
1186
1243
  --color-primary-text-tertiary: hsl(36, 100%, 86%);
@@ -1207,15 +1264,18 @@
1207
1264
  --color-primary-border-disabled: hsl(36, 45%, 57%);
1208
1265
  --color-secondary-fill-primary: hsl(349, 96%, 44%);
1209
1266
  --color-secondary-fill-secondary: hsl(349, 70%, 74%);
1210
- --color-secondary-fill-tertiary: hsl(349, 94%, 72%);
1267
+ --color-secondary-fill-tertiary: hsl(348, 58%, 90%);
1211
1268
  --color-secondary-fill-quaternary: hsl(349, 87%, 28%);
1212
- --color-secondary-fill-hover: hsl(349, 96%, 44%);
1213
1269
  --color-secondary-fill-focus: hsl(349, 84%, 59%);
1214
1270
  --color-secondary-fill-active: hsl(350, 58%, 41%);
1215
- --color-secondary-fill-disabled: hsl(348, 58%, 90%);
1271
+ --color-secondary-fill-disabled: hsl(348, 20%, 64%);
1272
+ --color-secondary-fill-hover-primary: hsl(349, 96%, 44%);
1273
+ --color-secondary-fill-hover-secondary: hsl(349, 70%, 74%);
1274
+ --color-secondary-fill-hover-tertiary: hsl(348, 58%, 90%);
1275
+ --color-secondary-fill-hover-quaternary: hsl(349, 87%, 28%);
1216
1276
  --color-secondary-text-primary: hsl(0, 0%, 100%);
1217
1277
  --color-secondary-text-secondary: hsl(349, 96%, 44%);
1218
- --color-secondary-text-tertiary: hsl(349, 94%, 72%);
1278
+ --color-secondary-text-tertiary: hsl(348, 58%, 90%);
1219
1279
  --color-secondary-text-quaternary: hsl(349, 87%, 28%);
1220
1280
  --color-secondary-text-hover: hsl(349, 96%, 44%);
1221
1281
  --color-secondary-text-focus: hsl(349, 84%, 59%);
@@ -1223,18 +1283,18 @@
1223
1283
  --color-secondary-text-disabled: hsl(348, 20%, 64%);
1224
1284
  --color-secondary-item-primary: hsl(0, 0%, 100%);
1225
1285
  --color-secondary-item-secondary: hsl(349, 96%, 44%);
1226
- --color-secondary-item-tertiary: hsl(349, 94%, 72%);
1286
+ --color-secondary-item-tertiary: hsl(348, 58%, 90%);
1227
1287
  --color-secondary-item-quaternary: hsl(349, 87%, 28%);
1228
1288
  --color-secondary-item-hover: hsl(349, 96%, 44%);
1229
- --color-secondary-item-focus: hsl(349, 96%, 44%);
1289
+ --color-secondary-item-focus: hsl(349, 84%, 59%);
1230
1290
  --color-secondary-item-active: hsl(350, 58%, 41%);
1231
1291
  --color-secondary-item-disabled: hsl(348, 20%, 64%);
1232
1292
  --color-secondary-border-primary: hsl(0, 0%, 100%);
1233
1293
  --color-secondary-border-secondary: hsl(349, 96%, 44%);
1234
- --color-secondary-border-tertiary: hsl(349, 94%, 72%);
1294
+ --color-secondary-border-tertiary: hsl(348, 58%, 90%);
1235
1295
  --color-secondary-border-quaternary: hsl(349, 87%, 28%);
1236
1296
  --color-secondary-border-hover: hsl(349, 96%, 44%);
1237
- --color-secondary-border-focus: hsl(349, 96%, 44%);
1297
+ --color-secondary-border-focus: hsl(349, 84%, 59%);
1238
1298
  --color-secondary-border-active: hsl(350, 58%, 41%);
1239
1299
  --color-secondary-border-disabled: hsl(348, 20%, 64%);
1240
1300
  --color-surface-fill-primary: hsl(0, 0%, 100%);
@@ -1243,10 +1303,13 @@
1243
1303
  --color-surface-fill-quaternary: hsl(0, 0%, 45%);
1244
1304
  --color-surface-fill-quaternary-50: hsl(0, 0%, 45%);
1245
1305
  --color-surface-fill-inverse: hsl(0, 0%, 0%);
1246
- --color-surface-fill-hover: hsl(0, 0%, 79%);
1247
1306
  --color-surface-fill-focus: hsl(0, 0%, 59%);
1248
1307
  --color-surface-fill-active: hsl(92, 49%, 47%);
1249
1308
  --color-surface-fill-disabled: hsl(0, 0%, 93%);
1309
+ --color-surface-fill-hover-primary: hsl(0, 0%, 79%);
1310
+ --color-surface-fill-hover-secondary: hsl(220, 14%, 96%);
1311
+ --color-surface-fill-hover-tertiary: hsl(0, 0%, 85%);
1312
+ --color-surface-fill-hover-quaternary: hsl(0, 0%, 45%);
1250
1313
  --color-surface-text-primary: hsl(0, 0%, 0%);
1251
1314
  --color-surface-text-secondary: hsl(0, 0%, 93%);
1252
1315
  --color-surface-text-tertiary: hsl(0, 0%, 85%);
@@ -1278,10 +1341,13 @@
1278
1341
  --color-error-fill-secondary: hsl(0, 100%, 73%);
1279
1342
  --color-error-fill-tertiary: hsl(0, 100%, 92%);
1280
1343
  --color-error-fill-quaternary: hsl(0, 100%, 44%);
1281
- --color-error-fill-hover: hsl(0, 60%, 41%);
1282
1344
  --color-error-fill-focus: hsl(0, 100%, 29%);
1283
1345
  --color-error-fill-active: hsl(0, 86%, 59%);
1284
1346
  --color-error-fill-disabled: hsl(0, 100%, 92%);
1347
+ --color-error-fill-hover-primary: hsl(0, 60%, 41%);
1348
+ --color-error-fill-hover-secondary: hsl(0, 100%, 73%);
1349
+ --color-error-fill-hover-tertiary: hsl(0, 100%, 92%);
1350
+ --color-error-fill-hover-quaternary: hsl(0, 100%, 44%);
1285
1351
  --color-error-text-primary: hsl(0, 0%, 100%);
1286
1352
  --color-error-text-secondary: hsl(0, 100%, 73%);
1287
1353
  --color-error-text-tertiary: hsl(0, 100%, 92%);
@@ -1311,12 +1377,15 @@
1311
1377
  --color-warning-fill-tertiary: hsl(36, 100%, 93%);
1312
1378
  --color-warning-fill-quaternary: hsl(36, 66%, 40%);
1313
1379
  --color-warning-fill-focus: hsl(36, 95%, 45%);
1314
- --color-warning-fill-hover: hsl(36, 85%, 59%);
1315
1380
  --color-warning-fill-active: hsl(36, 97%, 29%);
1316
1381
  --color-warning-fill-disabled: hsl(36, 83%, 86%);
1382
+ --color-warning-fill-hover-primary: hsl(36, 85%, 59%);
1383
+ --color-warning-fill-hover-secondary: hsl(36, 76%, 71%);
1384
+ --color-warning-fill-hover-tertiary: hsl(36, 100%, 93%);
1385
+ --color-warning-fill-hover-quaternary: hsl(36, 66%, 40%);
1317
1386
  --color-warning-text-primary: hsl(0, 0%, 100%);
1318
1387
  --color-warning-text-secondary: hsl(36, 95%, 45%);
1319
- --color-warning-text-tertiary: hsl(36, 66%, 40%);
1388
+ --color-warning-text-tertiary: hsl(36, 100%, 93%);
1320
1389
  --color-warning-text-quaternary: hsl(36, 100%, 29%);
1321
1390
  --color-warning-text-focus: hsl(36, 95%, 45%);
1322
1391
  --color-warning-text-hover: hsl(36, 85%, 59%);
@@ -1324,7 +1393,7 @@
1324
1393
  --color-warning-text-disabled: hsl(36, 31%, 57%);
1325
1394
  --color-warning-item-primary: hsl(0, 0%, 100%);
1326
1395
  --color-warning-item-secondary: hsl(36, 95%, 45%);
1327
- --color-warning-item-tertiary: hsl(36, 66%, 40%);
1396
+ --color-warning-item-tertiary: hsl(36, 100%, 93%);
1328
1397
  --color-warning-item-quaternary: hsl(36, 100%, 29%);
1329
1398
  --color-warning-item-focus: hsl(36, 95%, 45%);
1330
1399
  --color-warning-item-hover: hsl(36, 85%, 59%);
@@ -1332,17 +1401,20 @@
1332
1401
  --color-warning-item-disabled: hsl(36, 31%, 57%);
1333
1402
  --color-warning-border-primary: hsl(0, 0%, 100%);
1334
1403
  --color-warning-border-secondary: hsl(36, 95%, 45%);
1335
- --color-warning-border-tertiary: hsl(36, 66%, 40%);
1404
+ --color-warning-border-tertiary: hsl(36, 100%, 93%);
1336
1405
  --color-warning-border-quaternary: hsl(36, 100%, 29%);
1337
1406
  --color-warning-border-focus: hsl(36, 95%, 45%);
1338
1407
  --color-warning-border-hover: hsl(36, 85%, 59%);
1339
1408
  --color-warning-border-active: hsl(36, 97%, 29%);
1340
1409
  --color-warning-border-disabled: hsl(36, 31%, 57%);
1341
1410
  --color-success-fill-primary: hsl(92, 56%, 38%);
1411
+ --color-success-fill-hover-primary: hsl(92, 56%, 38%);
1412
+ --color-success-fill-hover-secondary: hsl(92, 68%, 48%);
1413
+ --color-success-fill-hover-tertiary: hsl(90, 53%, 93%);
1414
+ --color-success-fill-hover-quaternary: hsl(92, 90%, 37%);
1342
1415
  --color-success-fill-secondary: hsl(92, 68%, 48%);
1343
1416
  --color-success-fill-tertiary: hsl(90, 53%, 93%);
1344
1417
  --color-success-fill-quaternary: hsl(92, 90%, 37%);
1345
- --color-success-fill-hover: hsl(92, 56%, 38%);
1346
1418
  --color-success-fill-focus: hsl(92, 75%, 22%);
1347
1419
  --color-success-fill-active: hsl(92, 52%, 58%);
1348
1420
  --color-success-fill-disabled: hsl(92, 43%, 80%);
@@ -1370,44 +1442,49 @@
1370
1442
  --color-success-border-focus: hsl(92, 75%, 22%);
1371
1443
  --color-success-border-active: hsl(92, 52%, 58%);
1372
1444
  --color-success-border-disabled: hsl(92, 22%, 54%);
1373
- --color-info-fill-primary: hsl(212, 92%, 29%);
1374
- --color-info-fill-secondary: hsl(0, 0%, 0%);
1375
- --color-info-fill-tertiary: hsl(0, 0%, 0%);
1376
- --color-info-fill-quaternary: hsl(0, 0%, 0%);
1377
- --color-info-fill-active: hsl(212, 81%, 61%);
1378
- --color-info-fill-hover: hsl(211, 83%, 46%);
1379
- --color-info-fill-focus: hsl(212, 83%, 46%);
1380
- --color-info-fill-disabled: hsl(212, 45%, 87%);
1445
+ --color-info-fill-primary: hsl(226, 100%, 52%);
1446
+ --color-info-fill-hover-primary: hsl(226, 100%, 52%);
1447
+ --color-info-fill-hover-secondary: hsl(226, 100%, 75%);
1448
+ --color-info-fill-hover-tertiary: hsl(227, 100%, 96%);
1449
+ --color-info-fill-hover-quaternary: hsl(226, 49%, 22%);
1450
+ --color-info-fill-secondary: hsl(226, 100%, 75%);
1451
+ --color-info-fill-tertiary: hsl(227, 100%, 96%);
1452
+ --color-info-fill-quaternary: hsl(226, 49%, 22%);
1453
+ --color-info-fill-focus: hsl(226, 49%, 45%);
1454
+ --color-info-fill-active: hsl(226, 100%, 75%);
1455
+ --color-info-fill-disabled: hsl(227, 36%, 85%);
1381
1456
  --color-info-text-primary: hsl(0, 0%, 100%);
1382
- --color-info-text-secondary-2: hsl(0, 0%, 0%);
1383
- --color-info-text-secondary: hsl(212, 92%, 29%);
1384
- --color-info-text-tertiary: hsl(0, 0%, 0%);
1385
- --color-info-text-quaternary: hsl(0, 0%, 0%);
1386
- --color-info-text-hover: hsl(211, 83%, 46%);
1387
- --color-info-text-active: hsl(212, 81%, 61%);
1388
- --color-info-text-focus: hsl(212, 83%, 46%);
1389
- --color-info-text-disabled: hsl(212, 26%, 72%);
1457
+ --color-info-text-secondary: hsl(226, 100%, 52%);
1458
+ --color-info-text-tertiary: hsl(227, 100%, 96%);
1459
+ --color-info-text-quaternary: hsl(226, 49%, 22%);
1460
+ --color-info-text-hover: hsl(226, 100%, 67%);
1461
+ --color-info-text-focus: hsl(226, 49%, 45%);
1462
+ --color-info-text-active: hsl(226, 100%, 75%);
1463
+ --color-info-text-disabled: hsl(227, 36%, 85%);
1390
1464
  --color-info-item-primary: hsl(0, 0%, 100%);
1391
- --color-info-item-secondary: hsl(212, 92%, 29%);
1392
- --color-info-item-tertiary: hsl(0, 0%, 0%);
1393
- --color-info-item-quaternary: hsl(0, 0%, 0%);
1394
- --color-info-item-hover: hsl(211, 83%, 46%);
1395
- --color-info-item-active: hsl(212, 81%, 61%);
1396
- --color-info-item-focus: hsl(212, 83%, 46%);
1397
- --color-info-item-disabled: hsl(212, 26%, 72%);
1465
+ --color-info-item-secondary: hsl(226, 100%, 52%);
1466
+ --color-info-item-tertiary: hsl(227, 100%, 96%);
1467
+ --color-info-item-quaternary: hsl(226, 49%, 22%);
1468
+ --color-info-item-hover: hsl(226, 100%, 67%);
1469
+ --color-info-item-focus: hsl(226, 49%, 45%);
1470
+ --color-info-item-active: hsl(226, 100%, 75%);
1471
+ --color-info-item-disabled: hsl(227, 36%, 85%);
1398
1472
  --color-info-border-primary: hsl(0, 0%, 100%);
1399
- --color-info-border-secondary: hsl(212, 92%, 29%);
1400
- --color-info-border-tertiary: hsl(0, 0%, 0%);
1401
- --color-info-border-quaternary: hsl(0, 0%, 0%);
1402
- --color-info-border-hover: hsl(211, 83%, 46%);
1403
- --color-info-border-active: hsl(212, 81%, 61%);
1404
- --color-info-border-focus: hsl(212, 83%, 46%);
1405
- --color-info-border-disabled: hsl(212, 26%, 72%);
1473
+ --color-info-border-secondary: hsl(226, 100%, 52%);
1474
+ --color-info-border-tertiary: hsl(227, 100%, 96%);
1475
+ --color-info-border-quaternary: hsl(226, 49%, 22%);
1476
+ --color-info-border-hover: hsl(226, 100%, 67%);
1477
+ --color-info-border-focus: hsl(226, 49%, 45%);
1478
+ --color-info-border-active: hsl(226, 100%, 75%);
1479
+ --color-info-border-disabled: hsl(227, 36%, 85%);
1406
1480
  --color-danger-fill-primary: hsl(349, 68%, 50%);
1481
+ --color-danger-fill-hover-primary: hsl(349, 92%, 51%);
1482
+ --color-danger-fill-hover-secondary: hsl(0, 0%, 100%);
1483
+ --color-danger-fill-hover-tertiary: hsl(349, 70%, 91%);
1484
+ --color-danger-fill-hover-quaternary: hsl(349, 74%, 47%);
1407
1485
  --color-danger-fill-secondary: hsl(0, 0%, 100%);
1408
1486
  --color-danger-fill-tertiary: hsl(349, 70%, 91%);
1409
1487
  --color-danger-fill-quaternary: hsl(349, 74%, 47%);
1410
- --color-danger-fill-hover: hsl(349, 92%, 51%);
1411
1488
  --color-danger-fill-focus: hsl(349, 95%, 64%);
1412
1489
  --color-danger-fill-active: hsl(349, 94%, 32%);
1413
1490
  --color-danger-fill-disabled: hsl(349, 43%, 75%);
@@ -1435,5 +1512,6 @@
1435
1512
  --color-danger-border-focus: hsl(349, 95%, 64%);
1436
1513
  --color-danger-border-active: hsl(349, 94%, 32%);
1437
1514
  --color-danger-border-disabled: hsl(349, 43%, 75%);
1515
+ --color-disabled-item-disabled: hsl(0, 0%, 47%);
1438
1516
  }
1439
1517
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@itcase/tokens-am",
3
3
  "description": "",
4
- "version": "1.1.8",
4
+ "version": "1.1.13",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "private": false,
@@ -25,5 +25,5 @@
25
25
  "access": "public",
26
26
  "registry": "https://registry.npmjs.org/"
27
27
  },
28
- "gitHead": "9e1debea5c1c9ec0be41943e87783a4d348dc106"
28
+ "gitHead": "b0281419b081af8a34fe2f5ec5dedaa6571b7f93"
29
29
  }