ui-foundations 0.3.1 → 0.4.1

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 (69) hide show
  1. package/README.md +179 -36
  2. package/dist/assets/icons/checkmark.svg +1 -0
  3. package/dist/core/index.css +7 -7
  4. package/dist/macros/ui.njk +142 -0
  5. package/dist/main.css +465 -173
  6. package/dist/react/badge.js +41 -0
  7. package/dist/react/button.js +15 -6
  8. package/dist/react/checkbox.js +30 -0
  9. package/dist/react/icon.js +19 -1
  10. package/dist/react/index.js +2 -0
  11. package/dist/react/label.js +1 -1
  12. package/dist/react/radio.js +62 -0
  13. package/dist/react/switch.js +18 -0
  14. package/dist/tokens/css/{appearance-(modes).tokens.mode-dark.css → appearance-modes.tokens.mode-dark.css} +1 -1
  15. package/dist/tokens/css/{appearance-(modes).tokens.mode-light.css → appearance-modes.tokens.mode-light.css} +1 -1
  16. package/dist/tokens/css/{components-(ui).tokens.css → components-ui.tokens.css} +46 -3
  17. package/dist/tokens/css/{core-(primitives).tokens.css → core-primitives.tokens.css} +61 -19
  18. package/dist/tokens/css/{semantics-(roles).tokens.css → semantics-roles.tokens.css} +1 -1
  19. package/dist/tokens/css/themes-brands.tokens.brand-a.css +22 -0
  20. package/dist/tokens/css/{themes-(brands).tokens.brand-b.css → themes-brands.tokens.brand-b.css} +9 -9
  21. package/dist/tokens/json/appearance-modes.tokens.mode-dark.json +121 -0
  22. package/dist/tokens/json/appearance-modes.tokens.mode-light.json +121 -0
  23. package/dist/tokens/json/components-ui.tokens.json +715 -0
  24. package/dist/tokens/json/{core-(primitives).tokens.json → core-primitives.tokens.json} +227 -413
  25. package/dist/tokens/json/semantics-roles.tokens.json +141 -0
  26. package/dist/tokens/json/themes-brands.tokens.brand-a.json +81 -0
  27. package/dist/tokens/json/themes-brands.tokens.brand-b.json +81 -0
  28. package/dist/tokens/missing-tokens.json +43 -0
  29. package/dist/tokens/tokens.yaml +1254 -149
  30. package/dist/tokens/ts/{appearance-(modes).tokens.mode-dark.ts → appearance-modes.tokens.mode-dark.ts} +1 -1
  31. package/dist/tokens/ts/{appearance-(modes).tokens.mode-light.ts → appearance-modes.tokens.mode-light.ts} +1 -1
  32. package/dist/tokens/ts/{components-(ui).tokens.ts → components-ui.tokens.ts} +47 -4
  33. package/dist/tokens/ts/{core-(primitives).tokens.ts → core-primitives.tokens.ts} +62 -20
  34. package/dist/tokens/ts/{semantics-(roles).tokens.ts → semantics-roles.tokens.ts} +1 -1
  35. package/dist/tokens/ts/{themes-(brands).tokens.brand-a.ts → themes-brands.tokens.brand-a.ts} +9 -9
  36. package/dist/tokens/ts/{themes-(brands).tokens.brand-b.ts → themes-brands.tokens.brand-b.ts} +9 -9
  37. package/dist/ui/index.css +2 -0
  38. package/dist/ui/patterns/badge.css +49 -0
  39. package/dist/ui/patterns/checkbox.css +71 -22
  40. package/dist/ui/patterns/radio.css +109 -0
  41. package/docs/README.md +38 -0
  42. package/docs/agentic/README.md +34 -0
  43. package/docs/agentic/assistant-behavior-rules.md +48 -0
  44. package/docs/agentic/skills/ux-writing-coach.md +116 -0
  45. package/docs/foundations/README.md +31 -0
  46. package/docs/foundations/foundation-001-token-layering.md +6 -0
  47. package/docs/foundations/foundation-002-naming-and-grouping.md +6 -0
  48. package/docs/foundations/foundation-003-color-semantics-and-status.md +6 -0
  49. package/docs/foundations/foundation-004-typography-scale-and-line-height.md +6 -0
  50. package/docs/foundations/foundation-005-responsive-breakpoints-and-containers.md +6 -0
  51. package/docs/foundations/foundation-006-z-index-layering.md +6 -0
  52. package/docs/foundations/foundation-007-typography-selectors-and-specificity.md +6 -0
  53. package/docs/foundations/foundation-008-mode-activation-and-consumer-control.md +6 -0
  54. package/docs/foundations/foundation-009-component-boundaries-and-utility.md +6 -0
  55. package/docs/foundations/foundation-010-implementation-and-pipeline-workflow.md +6 -0
  56. package/docs/foundations/foundation-011-branching-and-release-governance.md +6 -0
  57. package/docs/foundations/foundation-012-minimal-markup-and-composition.md +6 -0
  58. package/package.json +16 -14
  59. package/dist/tokens/css/themes-(brands).tokens.brand-a.css +0 -22
  60. package/dist/tokens/json/appearance-(modes).tokens.mode-dark.json +0 -182
  61. package/dist/tokens/json/appearance-(modes).tokens.mode-light.json +0 -182
  62. package/dist/tokens/json/components-(ui).tokens.json +0 -739
  63. package/dist/tokens/json/semantics-(roles).tokens.json +0 -203
  64. package/dist/tokens/json/themes-(brands).tokens.brand-a.json +0 -115
  65. package/dist/tokens/json/themes-(brands).tokens.brand-b.json +0 -115
  66. package/docs/agentic/skills/README.md +0 -51
  67. package/docs/agentic/skills/design-ops-specialist/SKILL.md +0 -60
  68. package/docs/agentic/skills/design-system-architect/SKILL.md +0 -106
  69. package/docs/agentic/team-ai-playbook.md +0 -226
@@ -525,538 +525,352 @@
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"
786
606
  }
787
607
  },
788
608
  "000": {
789
609
  "$type": "color",
790
- "$value": {
791
- "colorSpace": "srgb",
792
- "components": [
793
- 1,
794
- 1,
795
- 1
796
- ],
797
- "alpha": 1,
798
- "hex": "#FFFFFF"
799
- }
610
+ "$value": "#ffffff"
800
611
  }
801
612
  },
802
- "Brand A": {
613
+ "Brand B": {
803
614
  "Purple": {
804
615
  "200": {
805
616
  "$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
- }
617
+ "$value": "#dec0ff"
618
+ },
619
+ "300": {
620
+ "$type": "color",
621
+ "$value": "#c48fff"
816
622
  },
817
623
  "600": {
818
624
  "$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
- }
625
+ "$value": "#9747ff"
626
+ },
627
+ "700": {
628
+ "$type": "color",
629
+ "$value": "#7a14ff"
829
630
  },
830
631
  "800": {
831
632
  "$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
- }
633
+ "$value": "#551a8b"
634
+ },
635
+ "900": {
636
+ "$type": "color",
637
+ "$value": "#3a125f"
842
638
  }
843
639
  },
844
640
  "Blue": {
641
+ "100": {
642
+ "$type": "color",
643
+ "$value": "#cedbfd"
644
+ },
845
645
  "200": {
846
646
  "$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
- }
647
+ "$value": "#9eb7fa"
648
+ },
649
+ "300": {
650
+ "$type": "color",
651
+ "$value": "#6d93f8"
652
+ },
653
+ "400": {
654
+ "$type": "color",
655
+ "$value": "#3d6ff5"
857
656
  },
858
657
  "500": {
859
658
  "$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
- }
659
+ "$value": "#0c4bf3"
660
+ },
661
+ "600": {
662
+ "$type": "color",
663
+ "$value": "#0a3cc2"
870
664
  },
871
665
  "700": {
872
666
  "$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
- }
667
+ "$value": "#072d92"
883
668
  },
884
669
  "800": {
885
670
  "$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
- }
671
+ "$value": "#051e61"
672
+ },
673
+ "900": {
674
+ "$type": "color",
675
+ "$value": "#020f31"
896
676
  }
897
677
  },
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"
678
+ "Red": {
679
+ "100": {
680
+ "$type": "color",
681
+ "$value": "#ffffff"
682
+ },
683
+ "200": {
684
+ "$type": "color",
685
+ "$value": "#ffcccc"
686
+ },
687
+ "300": {
688
+ "$type": "color",
689
+ "$value": "#ff9999"
690
+ },
691
+ "400": {
692
+ "$type": "color",
693
+ "$value": "#ff6666"
694
+ },
695
+ "500": {
696
+ "$type": "color",
697
+ "$value": "#ff3333"
698
+ },
699
+ "600": {
700
+ "$type": "color",
701
+ "$value": "#ff0000"
702
+ },
703
+ "700": {
704
+ "$type": "color",
705
+ "$value": "#990000"
706
+ },
707
+ "800": {
708
+ "$type": "color",
709
+ "$value": "#660000"
710
+ },
711
+ "900": {
712
+ "$type": "color",
713
+ "$value": "#330000"
909
714
  }
910
715
  },
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"
716
+ "Green": {
717
+ "100": {
718
+ "$type": "color",
719
+ "$value": "#f6fefa"
720
+ },
721
+ "200": {
722
+ "$type": "color",
723
+ "$value": "#c8f9df"
724
+ },
725
+ "300": {
726
+ "$type": "color",
727
+ "$value": "#9af4c4"
728
+ },
729
+ "400": {
730
+ "$type": "color",
731
+ "$value": "#6cefaa"
732
+ },
733
+ "500": {
734
+ "$type": "color",
735
+ "$value": "#3eea8f"
736
+ },
737
+ "600": {
738
+ "$type": "color",
739
+ "$value": "#13ae5c"
740
+ },
741
+ "700": {
742
+ "$type": "color",
743
+ "$value": "#0e8144"
744
+ },
745
+ "800": {
746
+ "$type": "color",
747
+ "$value": "#084524"
748
+ },
749
+ "900": {
750
+ "$type": "color",
751
+ "$value": "#042513"
922
752
  }
923
753
  }
924
754
  },
925
- "Brand B": {
926
- "Purple": {
755
+ "Transparent": {
756
+ "$type": "color",
757
+ "$value": "#00000000"
758
+ },
759
+ "Brand A": {
760
+ "Green": {
761
+ "100": {
762
+ "$type": "color",
763
+ "$value": "#f3f6e9"
764
+ },
927
765
  "200": {
928
766
  "$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
- }
767
+ "$value": "#dfe7c5"
768
+ },
769
+ "300": {
770
+ "$type": "color",
771
+ "$value": "#cfdba9"
772
+ },
773
+ "400": {
774
+ "$type": "color",
775
+ "$value": "#bfcf8c"
776
+ },
777
+ "500": {
778
+ "$type": "color",
779
+ "$value": "#afc36f"
939
780
  },
940
781
  "600": {
941
782
  "$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
- }
783
+ "$value": "#9fb752"
784
+ },
785
+ "700": {
786
+ "$type": "color",
787
+ "$value": "#899e42"
952
788
  },
953
789
  "800": {
954
790
  "$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
- }
791
+ "$value": "#708136"
792
+ },
793
+ "900": {
794
+ "$type": "color",
795
+ "$value": "#515d27"
965
796
  }
966
797
  },
967
- "Blue": {
798
+ "Red": {
799
+ "100": {
800
+ "$type": "color",
801
+ "$value": "#fefbfb"
802
+ },
968
803
  "200": {
969
804
  "$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
- }
805
+ "$value": "#fae0e6"
806
+ },
807
+ "300": {
808
+ "$type": "color",
809
+ "$value": "#f4b3c3"
810
+ },
811
+ "400": {
812
+ "$type": "color",
813
+ "$value": "#ee87a0"
980
814
  },
981
815
  "500": {
982
816
  "$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
- }
817
+ "$value": "#e75a7c"
818
+ },
819
+ "600": {
820
+ "$type": "color",
821
+ "$value": "#e12e59"
993
822
  },
994
823
  "700": {
995
824
  "$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
- }
825
+ "$value": "#bf1c43"
1006
826
  },
1007
827
  "800": {
1008
828
  "$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
- }
1019
- }
1020
- },
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"
829
+ "$value": "#931534"
830
+ },
831
+ "900": {
832
+ "$type": "color",
833
+ "$value": "#660f24"
1032
834
  }
1033
835
  },
1034
- "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"
836
+ "Sand": {
837
+ "100": {
838
+ "$type": "color",
839
+ "$value": "#f0f0e5"
840
+ },
841
+ "200": {
842
+ "$type": "color",
843
+ "$value": "#dddec5"
844
+ },
845
+ "300": {
846
+ "$type": "color",
847
+ "$value": "#c0c1ac"
848
+ },
849
+ "400": {
850
+ "$type": "color",
851
+ "$value": "#a4a593"
852
+ },
853
+ "500": {
854
+ "$type": "color",
855
+ "$value": "#88897a"
856
+ },
857
+ "600": {
858
+ "$type": "color",
859
+ "$value": "#6c6d61"
860
+ },
861
+ "700": {
862
+ "$type": "color",
863
+ "$value": "#505148"
864
+ },
865
+ "800": {
866
+ "$type": "color",
867
+ "$value": "#34342f"
868
+ },
869
+ "900": {
870
+ "$type": "color",
871
+ "$value": "#181816"
1045
872
  }
1046
873
  }
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
- }
1060
874
  }
1061
875
  },
1062
876
  "Shadow": {