ui-foundations 0.3.2 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (87) hide show
  1. package/README.md +181 -37
  2. package/dist/assets/icons/checkmark.svg +1 -0
  3. package/dist/core/index.css +8 -7
  4. package/dist/macros/ui.njk +203 -0
  5. package/dist/main.css +941 -210
  6. package/dist/react/accordion.js +36 -0
  7. package/dist/react/avatar.js +34 -0
  8. package/dist/react/badge.js +41 -0
  9. package/dist/react/button.js +4 -6
  10. package/dist/react/checkbox.js +21 -8
  11. package/dist/react/divider.js +31 -0
  12. package/dist/react/icon.js +8 -1
  13. package/dist/react/index.js +8 -0
  14. package/dist/react/label.js +1 -1
  15. package/dist/react/radio.js +45 -0
  16. package/dist/react/switch.js +9 -8
  17. package/dist/react/tabs.js +72 -0
  18. package/dist/react/textarea.js +38 -0
  19. package/dist/react/tooltip.js +25 -0
  20. package/dist/react/warn-dev.js +15 -0
  21. package/dist/tokens/css/{appearance-(modes).tokens.mode-dark.css → appearance-modes.tokens.mode-dark.css} +6 -6
  22. package/dist/tokens/css/{appearance-(modes).tokens.mode-light.css → appearance-modes.tokens.mode-light.css} +1 -1
  23. package/dist/tokens/css/{components-(ui).tokens.css → components-ui.tokens.css} +73 -32
  24. package/dist/tokens/css/core-primitives.tokens.css +240 -0
  25. package/dist/tokens/css/{semantics-(roles).tokens.css → semantics-roles.tokens.css} +1 -1
  26. package/dist/tokens/css/themes-brands.tokens.brand-a.css +22 -0
  27. package/dist/tokens/css/{themes-(brands).tokens.brand-b.css → themes-brands.tokens.brand-b.css} +9 -9
  28. package/dist/tokens/css/themes-brands.tokens.brand-c.css +22 -0
  29. package/dist/tokens/json/appearance-modes.tokens.mode-dark.json +121 -0
  30. package/dist/tokens/json/appearance-modes.tokens.mode-light.json +121 -0
  31. package/dist/tokens/json/components-ui.tokens.json +713 -0
  32. package/dist/tokens/json/{core-(primitives).tokens.json → core-primitives.tokens.json} +526 -410
  33. package/dist/tokens/json/semantics-roles.tokens.json +141 -0
  34. package/dist/tokens/json/themes-brands.tokens.brand-a.json +81 -0
  35. package/dist/tokens/json/themes-brands.tokens.brand-b.json +81 -0
  36. package/dist/tokens/json/themes-brands.tokens.brand-c.json +81 -0
  37. package/dist/tokens/tokens.yaml +2722 -499
  38. package/dist/tokens/ts/{appearance-(modes).tokens.mode-dark.ts → appearance-modes.tokens.mode-dark.ts} +6 -6
  39. package/dist/tokens/ts/{appearance-(modes).tokens.mode-light.ts → appearance-modes.tokens.mode-light.ts} +1 -1
  40. package/dist/tokens/ts/{components-(ui).tokens.ts → components-ui.tokens.ts} +74 -33
  41. package/dist/tokens/ts/core-primitives.tokens.ts +265 -0
  42. package/dist/tokens/ts/{semantics-(roles).tokens.ts → semantics-roles.tokens.ts} +1 -1
  43. package/dist/tokens/ts/themes-brands.tokens.brand-a.ts +32 -0
  44. package/dist/tokens/ts/{themes-(brands).tokens.brand-b.ts → themes-brands.tokens.brand-b.ts} +9 -9
  45. package/dist/tokens/ts/{themes-(brands).tokens.brand-a.ts → themes-brands.tokens.brand-c.ts} +9 -9
  46. package/dist/ui/index.css +8 -0
  47. package/dist/ui/patterns/accordion.css +81 -0
  48. package/dist/ui/patterns/avatar.css +57 -0
  49. package/dist/ui/patterns/badge.css +49 -0
  50. package/dist/ui/patterns/checkbox.css +71 -22
  51. package/dist/ui/patterns/divider.css +25 -0
  52. package/dist/ui/patterns/radio.css +109 -0
  53. package/dist/ui/patterns/tabs.css +71 -0
  54. package/dist/ui/patterns/textarea.css +50 -0
  55. package/dist/ui/patterns/tooltip.css +64 -0
  56. package/docs/README.md +38 -0
  57. package/docs/agentic/README.md +35 -0
  58. package/docs/agentic/assistant-behavior-rules.md +48 -0
  59. package/docs/agentic/skills/component-accessibility-audit.md +132 -0
  60. package/docs/agentic/skills/ux-writing-coach.md +116 -0
  61. package/docs/foundations/README.md +31 -0
  62. package/docs/foundations/foundation-001-token-layering.md +6 -0
  63. package/docs/foundations/foundation-002-naming-and-grouping.md +6 -0
  64. package/docs/foundations/foundation-003-color-semantics-and-status.md +6 -0
  65. package/docs/foundations/foundation-004-typography-scale-and-line-height.md +6 -0
  66. package/docs/foundations/foundation-005-responsive-breakpoints-and-containers.md +6 -0
  67. package/docs/foundations/foundation-006-z-index-layering.md +6 -0
  68. package/docs/foundations/foundation-007-typography-selectors-and-specificity.md +7 -1
  69. package/docs/foundations/foundation-008-mode-activation-and-consumer-control.md +6 -0
  70. package/docs/foundations/foundation-009-component-boundaries-and-utility.md +6 -0
  71. package/docs/foundations/foundation-010-implementation-and-pipeline-workflow.md +6 -0
  72. package/docs/foundations/foundation-011-branching-and-release-governance.md +6 -0
  73. package/docs/foundations/foundation-012-minimal-markup-and-composition.md +6 -0
  74. package/package.json +16 -11
  75. package/dist/tokens/css/core-(primitives).tokens.css +0 -127
  76. package/dist/tokens/css/themes-(brands).tokens.brand-a.css +0 -22
  77. package/dist/tokens/json/appearance-(modes).tokens.mode-dark.json +0 -182
  78. package/dist/tokens/json/appearance-(modes).tokens.mode-light.json +0 -182
  79. package/dist/tokens/json/components-(ui).tokens.json +0 -739
  80. package/dist/tokens/json/semantics-(roles).tokens.json +0 -203
  81. package/dist/tokens/json/themes-(brands).tokens.brand-a.json +0 -115
  82. package/dist/tokens/json/themes-(brands).tokens.brand-b.json +0 -115
  83. package/dist/tokens/ts/core-(primitives).tokens.ts +0 -152
  84. package/docs/agentic/skills/README.md +0 -51
  85. package/docs/agentic/skills/design-ops-specialist/SKILL.md +0 -60
  86. package/docs/agentic/skills/design-system-architect/SKILL.md +0 -106
  87. package/docs/agentic/team-ai-playbook.md +0 -226
@@ -525,537 +525,653 @@
525
525
  "Neutral": {
526
526
  "100": {
527
527
  "$type": "color",
528
- "$value": {
529
- "colorSpace": "srgb",
530
- "components": [
531
- 0.9019607901573181,
532
- 0.9019607901573181,
533
- 0.9019607901573181
534
- ],
535
- "alpha": 1,
536
- "hex": "#E6E6E6"
537
- }
528
+ "$value": "#e6e6e6"
538
529
  },
539
530
  "200": {
540
531
  "$type": "color",
541
- "$value": {
542
- "colorSpace": "srgb",
543
- "components": [
544
- 0.800000011920929,
545
- 0.800000011920929,
546
- 0.800000011920929
547
- ],
548
- "alpha": 1,
549
- "hex": "#CCCCCC"
550
- }
532
+ "$value": "#cccccc"
551
533
  },
552
534
  "300": {
553
535
  "$type": "color",
554
- "$value": {
555
- "colorSpace": "srgb",
556
- "components": [
557
- 0.7019608020782471,
558
- 0.7019608020782471,
559
- 0.7019608020782471
560
- ],
561
- "alpha": 1,
562
- "hex": "#B3B3B3"
563
- }
536
+ "$value": "#b3b3b3"
564
537
  },
565
538
  "400": {
566
539
  "$type": "color",
567
- "$value": {
568
- "colorSpace": "srgb",
569
- "components": [
570
- 0.501960813999176,
571
- 0.501960813999176,
572
- 0.501960813999176
573
- ],
574
- "alpha": 1,
575
- "hex": "#808080"
576
- }
540
+ "$value": "#808080"
577
541
  },
578
542
  "500": {
579
543
  "$type": "color",
580
- "$value": {
581
- "colorSpace": "srgb",
582
- "components": [
583
- 0.501960813999176,
584
- 0.501960813999176,
585
- 0.501960813999176
586
- ],
587
- "alpha": 1,
588
- "hex": "#808080"
589
- }
544
+ "$value": "#808080"
590
545
  },
591
546
  "600": {
592
547
  "$type": "color",
593
- "$value": {
594
- "colorSpace": "srgb",
595
- "components": [
596
- 0.4000000059604645,
597
- 0.4000000059604645,
598
- 0.4000000059604645
599
- ],
600
- "alpha": 1,
601
- "hex": "#666666"
602
- }
548
+ "$value": "#666666"
603
549
  },
604
550
  "700": {
605
551
  "$type": "color",
606
- "$value": {
607
- "colorSpace": "srgb",
608
- "components": [
609
- 0.3019607961177826,
610
- 0.3019607961177826,
611
- 0.3019607961177826
612
- ],
613
- "alpha": 1,
614
- "hex": "#4D4D4D"
615
- }
552
+ "$value": "#4d4d4d"
616
553
  },
617
554
  "800": {
618
555
  "$type": "color",
619
- "$value": {
620
- "colorSpace": "srgb",
621
- "components": [
622
- 0.20000000298023224,
623
- 0.20000000298023224,
624
- 0.20000000298023224
625
- ],
626
- "alpha": 1,
627
- "hex": "#333333"
628
- }
556
+ "$value": "#333333"
629
557
  },
630
558
  "900": {
631
559
  "$type": "color",
632
- "$value": {
633
- "colorSpace": "srgb",
634
- "components": [
635
- 0.10196078568696976,
636
- 0.10196078568696976,
637
- 0.10196078568696976
638
- ],
639
- "alpha": 1,
640
- "hex": "#1A1A1A"
641
- }
560
+ "$value": "#1a1a1a"
642
561
  },
643
562
  "1000": {
644
563
  "$type": "color",
645
- "$value": {
646
- "colorSpace": "srgb",
647
- "components": [
648
- 0,
649
- 0,
650
- 0
651
- ],
652
- "alpha": 1,
653
- "hex": "#000000"
654
- }
564
+ "$value": "#000000"
655
565
  },
656
566
  "Alpha": {
657
567
  "100": {
658
568
  "$type": "color",
659
- "$value": {
660
- "colorSpace": "srgb",
661
- "components": [
662
- 0,
663
- 0,
664
- 0
665
- ],
666
- "alpha": 0.10000000149011612,
667
- "hex": "#0000001A"
668
- }
569
+ "$value": "#0000001a"
669
570
  },
670
571
  "200": {
671
572
  "$type": "color",
672
- "$value": {
673
- "colorSpace": "srgb",
674
- "components": [
675
- 0,
676
- 0,
677
- 0
678
- ],
679
- "alpha": 0.20000000298023224,
680
- "hex": "#00000033"
681
- }
573
+ "$value": "#00000033"
682
574
  },
683
575
  "300": {
684
576
  "$type": "color",
685
- "$value": {
686
- "colorSpace": "srgb",
687
- "components": [
688
- 0,
689
- 0,
690
- 0
691
- ],
692
- "alpha": 0.30000001192092896,
693
- "hex": "#0000004D"
694
- }
577
+ "$value": "#0000004d"
695
578
  },
696
579
  "400": {
697
580
  "$type": "color",
698
- "$value": {
699
- "colorSpace": "srgb",
700
- "components": [
701
- 0,
702
- 0,
703
- 0
704
- ],
705
- "alpha": 0.4000000059604645,
706
- "hex": "#00000066"
707
- }
581
+ "$value": "#00000066"
708
582
  },
709
583
  "500": {
710
584
  "$type": "color",
711
- "$value": {
712
- "colorSpace": "srgb",
713
- "components": [
714
- 0,
715
- 0,
716
- 0
717
- ],
718
- "alpha": 0.5,
719
- "hex": "#00000080"
720
- }
585
+ "$value": "#00000080"
721
586
  },
722
587
  "600": {
723
588
  "$type": "color",
724
- "$value": {
725
- "colorSpace": "srgb",
726
- "components": [
727
- 0,
728
- 0,
729
- 0
730
- ],
731
- "alpha": 0.6000000238418579,
732
- "hex": "#00000099"
733
- }
589
+ "$value": "#00000099"
734
590
  },
735
591
  "700": {
736
592
  "$type": "color",
737
- "$value": {
738
- "colorSpace": "srgb",
739
- "components": [
740
- 0,
741
- 0,
742
- 0
743
- ],
744
- "alpha": 0.699999988079071,
745
- "hex": "#000000B2"
746
- }
593
+ "$value": "#000000b2"
747
594
  },
748
595
  "800": {
749
596
  "$type": "color",
750
- "$value": {
751
- "colorSpace": "srgb",
752
- "components": [
753
- 0,
754
- 0,
755
- 0
756
- ],
757
- "alpha": 0.800000011920929,
758
- "hex": "#000000CC"
759
- }
597
+ "$value": "#000000cc"
760
598
  },
761
599
  "900": {
762
600
  "$type": "color",
763
- "$value": {
764
- "colorSpace": "srgb",
765
- "components": [
766
- 0,
767
- 0,
768
- 0
769
- ],
770
- "alpha": 0.8999999761581421,
771
- "hex": "#000000E5"
772
- }
601
+ "$value": "#000000e5"
773
602
  },
774
603
  "000": {
775
604
  "$type": "color",
776
- "$value": {
777
- "colorSpace": "srgb",
778
- "components": [
779
- 0,
780
- 0,
781
- 0
782
- ],
783
- "alpha": 0,
784
- "hex": "#00000000"
785
- }
605
+ "$value": "#00000000"
606
+ }
607
+ },
608
+ "Alpha Inverse": {
609
+ "100": {
610
+ "$type": "color",
611
+ "$value": "#ffffff1a"
612
+ },
613
+ "200": {
614
+ "$type": "color",
615
+ "$value": "#ffffff33"
616
+ },
617
+ "300": {
618
+ "$type": "color",
619
+ "$value": "#ffffff4d"
620
+ },
621
+ "400": {
622
+ "$type": "color",
623
+ "$value": "#ffffff66"
624
+ },
625
+ "500": {
626
+ "$type": "color",
627
+ "$value": "#ffffff80"
628
+ },
629
+ "600": {
630
+ "$type": "color",
631
+ "$value": "#ffffff99"
632
+ },
633
+ "700": {
634
+ "$type": "color",
635
+ "$value": "#ffffffb2"
636
+ },
637
+ "800": {
638
+ "$type": "color",
639
+ "$value": "#ffffffcc"
640
+ },
641
+ "900": {
642
+ "$type": "color",
643
+ "$value": "#ffffffe5"
644
+ },
645
+ "000": {
646
+ "$type": "color",
647
+ "$value": "#ffffff00"
786
648
  }
787
649
  },
788
650
  "000": {
789
651
  "$type": "color",
790
- "$value": {
791
- "colorSpace": "srgb",
792
- "components": [
793
- 1,
794
- 1,
795
- 1
796
- ],
797
- "alpha": 1,
798
- "hex": "#FFFFFF"
799
- }
652
+ "$value": "#ffffff"
800
653
  }
801
654
  },
802
- "Brand A": {
655
+ "Brand B": {
803
656
  "Purple": {
804
657
  "200": {
805
658
  "$type": "color",
806
- "$value": {
807
- "colorSpace": "srgb",
808
- "components": [
809
- 0.8705882430076599,
810
- 0.7529411911964417,
811
- 1
812
- ],
813
- "alpha": 1,
814
- "hex": "#DEC0FF"
815
- }
659
+ "$value": "#dec0ff"
660
+ },
661
+ "300": {
662
+ "$type": "color",
663
+ "$value": "#c48fff"
816
664
  },
817
665
  "600": {
818
666
  "$type": "color",
819
- "$value": {
820
- "colorSpace": "srgb",
821
- "components": [
822
- 0.5921568870544434,
823
- 0.27843138575553894,
824
- 1
825
- ],
826
- "alpha": 1,
827
- "hex": "#9747FF"
828
- }
667
+ "$value": "#9747ff"
668
+ },
669
+ "700": {
670
+ "$type": "color",
671
+ "$value": "#7a14ff"
829
672
  },
830
673
  "800": {
831
674
  "$type": "color",
832
- "$value": {
833
- "colorSpace": "srgb",
834
- "components": [
835
- 0.3333333432674408,
836
- 0.10196078568696976,
837
- 0.545098066329956
838
- ],
839
- "alpha": 1,
840
- "hex": "#551A8B"
841
- }
675
+ "$value": "#551a8b"
676
+ },
677
+ "900": {
678
+ "$type": "color",
679
+ "$value": "#3a125f"
842
680
  }
843
681
  },
844
682
  "Blue": {
683
+ "100": {
684
+ "$type": "color",
685
+ "$value": "#cedbfd"
686
+ },
845
687
  "200": {
846
688
  "$type": "color",
847
- "$value": {
848
- "colorSpace": "srgb",
849
- "components": [
850
- 0.886274516582489,
851
- 0.95686274766922,
852
- 0.9921568632125854
853
- ],
854
- "alpha": 1,
855
- "hex": "#E2F4FD"
856
- }
689
+ "$value": "#9eb7fa"
690
+ },
691
+ "300": {
692
+ "$type": "color",
693
+ "$value": "#6d93f8"
694
+ },
695
+ "400": {
696
+ "$type": "color",
697
+ "$value": "#3d6ff5"
857
698
  },
858
699
  "500": {
859
700
  "$type": "color",
860
- "$value": {
861
- "colorSpace": "srgb",
862
- "components": [
863
- 0.43921568989753723,
864
- 0.7960784435272217,
865
- 0.95686274766922
866
- ],
867
- "alpha": 1,
868
- "hex": "#70CBF4"
869
- }
701
+ "$value": "#0c4bf3"
702
+ },
703
+ "600": {
704
+ "$type": "color",
705
+ "$value": "#0a3cc2"
870
706
  },
871
707
  "700": {
872
708
  "$type": "color",
873
- "$value": {
874
- "colorSpace": "srgb",
875
- "components": [
876
- 0.0470588244497776,
877
- 0.29411765933036804,
878
- 0.9529411792755127
879
- ],
880
- "alpha": 1,
881
- "hex": "#0C4BF3"
882
- }
709
+ "$value": "#072d92"
883
710
  },
884
711
  "800": {
885
712
  "$type": "color",
886
- "$value": {
887
- "colorSpace": "srgb",
888
- "components": [
889
- 0.10588235408067703,
890
- 0.06666667014360428,
891
- 0.3607843220233917
892
- ],
893
- "alpha": 1,
894
- "hex": "#1B115C"
895
- }
713
+ "$value": "#051e61"
714
+ },
715
+ "900": {
716
+ "$type": "color",
717
+ "$value": "#020f31"
896
718
  }
897
719
  },
898
- "Green": {
899
- "$type": "color",
900
- "$value": {
901
- "colorSpace": "srgb",
902
- "components": [
903
- 0.07450980693101883,
904
- 0.6823529601097107,
905
- 0.3607843220233917
906
- ],
907
- "alpha": 1,
908
- "hex": "#13AE5C"
720
+ "Red": {
721
+ "100": {
722
+ "$type": "color",
723
+ "$value": "#ffffff"
724
+ },
725
+ "200": {
726
+ "$type": "color",
727
+ "$value": "#ffcccc"
728
+ },
729
+ "300": {
730
+ "$type": "color",
731
+ "$value": "#ff9999"
732
+ },
733
+ "400": {
734
+ "$type": "color",
735
+ "$value": "#ff6666"
736
+ },
737
+ "500": {
738
+ "$type": "color",
739
+ "$value": "#ff3333"
740
+ },
741
+ "600": {
742
+ "$type": "color",
743
+ "$value": "#ff0000"
744
+ },
745
+ "700": {
746
+ "$type": "color",
747
+ "$value": "#990000"
748
+ },
749
+ "800": {
750
+ "$type": "color",
751
+ "$value": "#660000"
752
+ },
753
+ "900": {
754
+ "$type": "color",
755
+ "$value": "#330000"
909
756
  }
910
757
  },
911
- "Red": {
912
- "$type": "color",
913
- "$value": {
914
- "colorSpace": "srgb",
915
- "components": [
916
- 1,
917
- 0,
918
- 0
919
- ],
920
- "alpha": 1,
921
- "hex": "#FF0000"
758
+ "Green": {
759
+ "100": {
760
+ "$type": "color",
761
+ "$value": "#f6fefa"
762
+ },
763
+ "200": {
764
+ "$type": "color",
765
+ "$value": "#c8f9df"
766
+ },
767
+ "300": {
768
+ "$type": "color",
769
+ "$value": "#9af4c4"
770
+ },
771
+ "400": {
772
+ "$type": "color",
773
+ "$value": "#6cefaa"
774
+ },
775
+ "500": {
776
+ "$type": "color",
777
+ "$value": "#3eea8f"
778
+ },
779
+ "600": {
780
+ "$type": "color",
781
+ "$value": "#13ae5c"
782
+ },
783
+ "700": {
784
+ "$type": "color",
785
+ "$value": "#0e8144"
786
+ },
787
+ "800": {
788
+ "$type": "color",
789
+ "$value": "#084524"
790
+ },
791
+ "900": {
792
+ "$type": "color",
793
+ "$value": "#042513"
922
794
  }
923
795
  }
924
796
  },
925
- "Brand B": {
926
- "Purple": {
797
+ "Transparent": {
798
+ "$type": "color",
799
+ "$value": "#00000000"
800
+ },
801
+ "Brand A": {
802
+ "Green": {
803
+ "100": {
804
+ "$type": "color",
805
+ "$value": "#f3f6e9"
806
+ },
927
807
  "200": {
928
808
  "$type": "color",
929
- "$value": {
930
- "colorSpace": "srgb",
931
- "components": [
932
- 0.7695237994194031,
933
- 0.5600000023841858,
934
- 1
935
- ],
936
- "alpha": 1,
937
- "hex": "#C48FFF"
938
- }
809
+ "$value": "#dfe7c5"
810
+ },
811
+ "300": {
812
+ "$type": "color",
813
+ "$value": "#cfdba9"
814
+ },
815
+ "400": {
816
+ "$type": "color",
817
+ "$value": "#bfcf8c"
818
+ },
819
+ "500": {
820
+ "$type": "color",
821
+ "$value": "#afc36f"
939
822
  },
940
823
  "600": {
941
824
  "$type": "color",
942
- "$value": {
943
- "colorSpace": "srgb",
944
- "components": [
945
- 0.48000001907348633,
946
- 0.07999999821186066,
947
- 1
948
- ],
949
- "alpha": 1,
950
- "hex": "#7A14FF"
951
- }
825
+ "$value": "#9fb752"
826
+ },
827
+ "700": {
828
+ "$type": "color",
829
+ "$value": "#899e42"
952
830
  },
953
831
  "800": {
954
832
  "$type": "color",
955
- "$value": {
956
- "colorSpace": "srgb",
957
- "components": [
958
- 0.226666659116745,
959
- 0.06933332979679108,
960
- 0.3706666827201843
961
- ],
962
- "alpha": 1,
963
- "hex": "#3A125F"
964
- }
833
+ "$value": "#708136"
834
+ },
835
+ "900": {
836
+ "$type": "color",
837
+ "$value": "#515d27"
965
838
  }
966
839
  },
967
- "Blue": {
840
+ "Red": {
841
+ "100": {
842
+ "$type": "color",
843
+ "$value": "#fefbfb"
844
+ },
845
+ "200": {
846
+ "$type": "color",
847
+ "$value": "#fae0e6"
848
+ },
849
+ "300": {
850
+ "$type": "color",
851
+ "$value": "#f4b3c3"
852
+ },
853
+ "400": {
854
+ "$type": "color",
855
+ "$value": "#ee87a0"
856
+ },
857
+ "500": {
858
+ "$type": "color",
859
+ "$value": "#e75a7c"
860
+ },
861
+ "600": {
862
+ "$type": "color",
863
+ "$value": "#e12e59"
864
+ },
865
+ "700": {
866
+ "$type": "color",
867
+ "$value": "#bf1c43"
868
+ },
869
+ "800": {
870
+ "$type": "color",
871
+ "$value": "#931534"
872
+ },
873
+ "900": {
874
+ "$type": "color",
875
+ "$value": "#660f24"
876
+ }
877
+ },
878
+ "Sand": {
879
+ "100": {
880
+ "$type": "color",
881
+ "$value": "#f0f0e5"
882
+ },
968
883
  "200": {
969
884
  "$type": "color",
970
- "$value": {
971
- "colorSpace": "srgb",
972
- "components": [
973
- 0.7006451487541199,
974
- 0.8864516019821167,
975
- 0.9793548583984375
976
- ],
977
- "alpha": 1,
978
- "hex": "#B3E2FA"
979
- }
885
+ "$value": "#dddec5"
886
+ },
887
+ "300": {
888
+ "$type": "color",
889
+ "$value": "#c0c1ac"
890
+ },
891
+ "400": {
892
+ "$type": "color",
893
+ "$value": "#a4a593"
980
894
  },
981
895
  "500": {
982
896
  "$type": "color",
983
- "$value": {
984
- "colorSpace": "srgb",
985
- "components": [
986
- 0.2571428418159485,
987
- 0.7298701405525208,
988
- 0.9428571462631226
989
- ],
990
- "alpha": 1,
991
- "hex": "#42BAF0"
992
- }
897
+ "$value": "#88897a"
898
+ },
899
+ "600": {
900
+ "$type": "color",
901
+ "$value": "#6c6d61"
993
902
  },
994
903
  "700": {
995
904
  "$type": "color",
996
- "$value": {
997
- "colorSpace": "srgb",
998
- "components": [
999
- 0.0376470573246479,
1000
- 0.23529411852359772,
1001
- 0.7623529434204102
1002
- ],
1003
- "alpha": 1,
1004
- "hex": "#0A3CC2"
1005
- }
905
+ "$value": "#505148"
1006
906
  },
1007
907
  "800": {
1008
908
  "$type": "color",
1009
- "$value": {
1010
- "colorSpace": "srgb",
1011
- "components": [
1012
- 0.05449541285634041,
1013
- 0.0343119278550148,
1014
- 0.1856880784034729
1015
- ],
1016
- "alpha": 1,
1017
- "hex": "#0E092F"
1018
- }
909
+ "$value": "#34342f"
910
+ },
911
+ "900": {
912
+ "$type": "color",
913
+ "$value": "#181816"
914
+ }
915
+ }
916
+ },
917
+ "Brand C": {
918
+ "Blue": {
919
+ "10": {
920
+ "$type": "color",
921
+ "$value": "#1b115c"
922
+ },
923
+ "20": {
924
+ "$type": "color",
925
+ "$value": "#072d92"
926
+ },
927
+ "30": {
928
+ "$type": "color",
929
+ "$value": "#0a3cc2"
930
+ },
931
+ "40": {
932
+ "$type": "color",
933
+ "$value": "#0c4bf3"
934
+ },
935
+ "50": {
936
+ "$type": "color",
937
+ "$value": "#3567f6"
938
+ },
939
+ "60": {
940
+ "$type": "color",
941
+ "$value": "#6d93f8"
942
+ },
943
+ "70": {
944
+ "$type": "color",
945
+ "$value": "#94b0fa"
946
+ },
947
+ "80": {
948
+ "$type": "color",
949
+ "$value": "#b6c8fc"
950
+ },
951
+ "90": {
952
+ "$type": "color",
953
+ "$value": "#d8e2fd"
954
+ },
955
+ "100": {
956
+ "$type": "color",
957
+ "$value": "#1b115c"
1019
958
  }
1020
959
  },
1021
- "Red": {
1022
- "$type": "color",
1023
- "$value": {
1024
- "colorSpace": "srgb",
1025
- "components": [
1026
- 0.800000011920929,
1027
- 0,
1028
- 0
1029
- ],
1030
- "alpha": 1,
1031
- "hex": "#CC0000"
960
+ "Coolblue": {
961
+ "10": {
962
+ "$type": "color",
963
+ "$value": "#054461"
964
+ },
965
+ "20": {
966
+ "$type": "color",
967
+ "$value": "#076692"
968
+ },
969
+ "30": {
970
+ "$type": "color",
971
+ "$value": "#0a88c2"
972
+ },
973
+ "40": {
974
+ "$type": "color",
975
+ "$value": "#0caaf3"
976
+ },
977
+ "50": {
978
+ "$type": "color",
979
+ "$value": "#38b9f5"
980
+ },
981
+ "60": {
982
+ "$type": "color",
983
+ "$value": "#70cbf4"
984
+ },
985
+ "70": {
986
+ "$type": "color",
987
+ "$value": "#a9dff8"
988
+ },
989
+ "80": {
990
+ "$type": "color",
991
+ "$value": "#c6eafb"
992
+ },
993
+ "90": {
994
+ "$type": "color",
995
+ "$value": "#e2f4fd"
996
+ },
997
+ "100": {
998
+ "$type": "color",
999
+ "$value": "#0b4461"
1032
1000
  }
1033
1001
  },
1034
1002
  "Green": {
1035
- "$type": "color",
1036
- "$value": {
1037
- "colorSpace": "srgb",
1038
- "components": [
1039
- 0.055129535496234894,
1040
- 0.5048704743385315,
1041
- 0.2669430077075958
1042
- ],
1043
- "alpha": 1,
1044
- "hex": "#0E8144"
1003
+ "10": {
1004
+ "$type": "color",
1005
+ "$value": "#05423d"
1006
+ },
1007
+ "20": {
1008
+ "$type": "color",
1009
+ "$value": "#246f49"
1010
+ },
1011
+ "30": {
1012
+ "$type": "color",
1013
+ "$value": "#2ba168"
1014
+ },
1015
+ "40": {
1016
+ "$type": "color",
1017
+ "$value": "#30b675"
1018
+ },
1019
+ "50": {
1020
+ "$type": "color",
1021
+ "$value": "#61c48d"
1022
+ },
1023
+ "60": {
1024
+ "$type": "color",
1025
+ "$value": "#87d2a6"
1026
+ },
1027
+ "70": {
1028
+ "$type": "color",
1029
+ "$value": "#a9e0bf"
1030
+ },
1031
+ "80": {
1032
+ "$type": "color",
1033
+ "$value": "#c5e4cd"
1034
+ },
1035
+ "90": {
1036
+ "$type": "color",
1037
+ "$value": "#dff6eb"
1038
+ },
1039
+ "100": {
1040
+ "$type": "color",
1041
+ "$value": "#effbf5"
1042
+ }
1043
+ },
1044
+ "Red": {
1045
+ "10": {
1046
+ "$type": "color",
1047
+ "$value": "#600609"
1048
+ },
1049
+ "20": {
1050
+ "$type": "color",
1051
+ "$value": "#90090e"
1052
+ },
1053
+ "30": {
1054
+ "$type": "color",
1055
+ "$value": "#c00c12"
1056
+ },
1057
+ "40": {
1058
+ "$type": "color",
1059
+ "$value": "#f00f17"
1060
+ },
1061
+ "50": {
1062
+ "$type": "color",
1063
+ "$value": "#f23a41"
1064
+ },
1065
+ "60": {
1066
+ "$type": "color",
1067
+ "$value": "#f66f74"
1068
+ },
1069
+ "70": {
1070
+ "$type": "color",
1071
+ "$value": "#f89699"
1072
+ },
1073
+ "80": {
1074
+ "$type": "color",
1075
+ "$value": "#fab7b9"
1076
+ },
1077
+ "90": {
1078
+ "$type": "color",
1079
+ "$value": "#fde2e3"
1080
+ },
1081
+ "100": {
1082
+ "$type": "color",
1083
+ "$value": "#feecec"
1084
+ }
1085
+ },
1086
+ "Orange": {
1087
+ "10": {
1088
+ "$type": "color",
1089
+ "$value": "#663d00"
1090
+ },
1091
+ "20": {
1092
+ "$type": "color",
1093
+ "$value": "#995c00"
1094
+ },
1095
+ "30": {
1096
+ "$type": "color",
1097
+ "$value": "#cc7a00"
1098
+ },
1099
+ "40": {
1100
+ "$type": "color",
1101
+ "$value": "#ff9900"
1102
+ },
1103
+ "50": {
1104
+ "$type": "color",
1105
+ "$value": "#ffab2e"
1106
+ },
1107
+ "60": {
1108
+ "$type": "color",
1109
+ "$value": "#ffc266"
1110
+ },
1111
+ "70": {
1112
+ "$type": "color",
1113
+ "$value": "#ffd28f"
1114
+ },
1115
+ "80": {
1116
+ "$type": "color",
1117
+ "$value": "#ffe0b2"
1118
+ },
1119
+ "90": {
1120
+ "$type": "color",
1121
+ "$value": "#ffefd6"
1122
+ },
1123
+ "100": {
1124
+ "$type": "color",
1125
+ "$value": "#fff7eb"
1126
+ }
1127
+ },
1128
+ "Purple": {
1129
+ "10": {
1130
+ "$type": "color",
1131
+ "$value": "#39115c"
1132
+ },
1133
+ "20": {
1134
+ "$type": "color",
1135
+ "$value": "#510792"
1136
+ },
1137
+ "30": {
1138
+ "$type": "color",
1139
+ "$value": "#6c0ac2"
1140
+ },
1141
+ "40": {
1142
+ "$type": "color",
1143
+ "$value": "#870cf3"
1144
+ },
1145
+ "50": {
1146
+ "$type": "color",
1147
+ "$value": "#9c35f6"
1148
+ },
1149
+ "60": {
1150
+ "$type": "color",
1151
+ "$value": "#b76df8"
1152
+ },
1153
+ "70": {
1154
+ "$type": "color",
1155
+ "$value": "#ca94fa"
1156
+ },
1157
+ "80": {
1158
+ "$type": "color",
1159
+ "$value": "#dbb6fc"
1160
+ },
1161
+ "90": {
1162
+ "$type": "color",
1163
+ "$value": "#ecd8fd"
1164
+ },
1165
+ "100": {
1166
+ "$type": "color",
1167
+ "$value": "#f5ecfe"
1168
+ }
1169
+ },
1170
+ "Midnight": {
1171
+ "10": {
1172
+ "$type": "color",
1173
+ "$value": "#0b092d"
1045
1174
  }
1046
- }
1047
- },
1048
- "Transparent": {
1049
- "$type": "color",
1050
- "$value": {
1051
- "colorSpace": "srgb",
1052
- "components": [
1053
- 0,
1054
- 0,
1055
- 0
1056
- ],
1057
- "alpha": 0,
1058
- "hex": "#00000000"
1059
1175
  }
1060
1176
  }
1061
1177
  },