@primer/primitives 10.3.0 → 10.3.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 (63) hide show
  1. package/dist/build/schemas/colorToken.js +1 -1
  2. package/dist/css/functional/themes/dark-colorblind.css +14 -14
  3. package/dist/css/functional/themes/dark-high-contrast.css +4 -4
  4. package/dist/css/functional/themes/light-colorblind.css +16 -16
  5. package/dist/css/functional/themes/light-high-contrast.css +2 -2
  6. package/dist/css/functional/themes/light.css +4 -4
  7. package/dist/docs/functional/themes/dark-colorblind.json +963 -139
  8. package/dist/docs/functional/themes/dark-dimmed.json +819 -85
  9. package/dist/docs/functional/themes/dark-high-contrast.json +1039 -77
  10. package/dist/docs/functional/themes/dark-tritanopia.json +885 -55
  11. package/dist/docs/functional/themes/dark.json +723 -57
  12. package/dist/docs/functional/themes/light-colorblind.json +964 -136
  13. package/dist/docs/functional/themes/light-high-contrast.json +1069 -67
  14. package/dist/docs/functional/themes/light-tritanopia.json +880 -50
  15. package/dist/docs/functional/themes/light.json +716 -50
  16. package/dist/figma/figma.json +133 -0
  17. package/dist/figma/shadows/dark-colorblind.json +1152 -0
  18. package/dist/figma/shadows/dark-dimmed.json +1152 -0
  19. package/dist/figma/shadows/dark-high-contrast.json +1152 -0
  20. package/dist/figma/shadows/dark-tritanopia.json +1152 -0
  21. package/dist/figma/shadows/dark.json +1152 -0
  22. package/dist/figma/shadows/light-colorblind.json +1052 -0
  23. package/dist/figma/shadows/light-high-contrast.json +1052 -0
  24. package/dist/figma/shadows/light-tritanopia.json +1052 -0
  25. package/dist/figma/shadows/light.json +1052 -0
  26. package/dist/figma/themes/dark-colorblind.json +2886 -2733
  27. package/dist/figma/themes/dark-dimmed.json +2778 -2708
  28. package/dist/figma/themes/dark-high-contrast.json +697 -394
  29. package/dist/figma/themes/dark-tritanopia.json +2886 -2731
  30. package/dist/figma/themes/dark.json +3018 -3021
  31. package/dist/figma/themes/light-colorblind.json +2913 -2759
  32. package/dist/figma/themes/light-high-contrast.json +591 -250
  33. package/dist/figma/themes/light-tritanopia.json +2895 -2740
  34. package/dist/figma/themes/light.json +5496 -5499
  35. package/dist/internalCss/dark-colorblind.css +14 -14
  36. package/dist/internalCss/dark-high-contrast.css +4 -4
  37. package/dist/internalCss/light-colorblind.css +16 -16
  38. package/dist/internalCss/light-high-contrast.css +2 -2
  39. package/dist/internalCss/light.css +4 -4
  40. package/dist/styleLint/functional/themes/dark-colorblind.json +963 -139
  41. package/dist/styleLint/functional/themes/dark-dimmed.json +819 -85
  42. package/dist/styleLint/functional/themes/dark-high-contrast.json +1039 -77
  43. package/dist/styleLint/functional/themes/dark-tritanopia.json +885 -55
  44. package/dist/styleLint/functional/themes/dark.json +723 -57
  45. package/dist/styleLint/functional/themes/light-colorblind.json +979 -151
  46. package/dist/styleLint/functional/themes/light-high-contrast.json +1069 -67
  47. package/dist/styleLint/functional/themes/light-tritanopia.json +880 -50
  48. package/dist/styleLint/functional/themes/light.json +716 -50
  49. package/package.json +1 -1
  50. package/src/tokens/component/avatar.json5 +42 -0
  51. package/src/tokens/component/avatarStack.json5 +30 -0
  52. package/src/tokens/functional/color/borderColor.json5 +616 -0
  53. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -23
  54. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -102
  55. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +8 -55
  56. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -46
  57. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -53
  58. package/src/tokens/functional/color/dark/primitives-dark.json5 +0 -438
  59. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -110
  60. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +2 -48
  61. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -46
  62. package/src/tokens/functional/color/light/patterns-light.json5 +0 -52
  63. package/src/tokens/functional/color/light/primitives-light.json5 +0 -411
package/src/tokens/functional/color/light/patterns-light.json5 CHANGED
@@ -1,56 +1,4 @@
1
1
  {
2
- avatar: {
3
- bgColor: {
4
- $value: '{base.color.neutral.0}',
5
- $type: 'color',
6
- $extensions: {
7
- 'org.primer.figma': {
8
- collection: 'mode',
9
- group: 'component (internal)',
10
- scopes: ['bgColor'],
11
- },
12
- },
13
- },
14
- borderColor: {
15
- $value: '{borderColor.translucent}',
16
- $type: 'color',
17
- $extensions: {
18
- 'org.primer.figma': {
19
- collection: 'mode',
20
- group: 'component (internal)',
21
- scopes: ['borderColor'],
22
- },
23
- },
24
- },
25
- },
26
- avatarStack: {
27
- fade: {
28
- bgColor: {
29
- default: {
30
- $value: '{base.color.neutral.7}',
31
- $type: 'color',
32
- $extensions: {
33
- 'org.primer.figma': {
34
- collection: 'mode',
35
- group: 'component (internal)',
36
- scopes: ['bgColor'],
37
- },
38
- },
39
- },
40
- muted: {
41
- $value: '{base.color.neutral.5}',
42
- $type: 'color',
43
- $extensions: {
44
- 'org.primer.figma': {
45
- collection: 'mode',
46
- group: 'component (internal)',
47
- scopes: ['bgColor'],
48
- },
49
- },
50
- },
51
- },
52
- },
53
- },
54
2
  control: {
55
3
  bgColor: {
56
4
  rest: {
package/src/tokens/functional/color/light/primitives-light.json5 CHANGED
@@ -693,415 +693,4 @@
693
693
  },
694
694
  },
695
695
  },
696
- borderColor: {
697
- default: {
698
- $value: '{base.color.neutral.6}',
699
- $type: 'color',
700
- $extensions: {
701
- 'org.primer.figma': {
702
- collection: 'mode',
703
- group: 'semantic',
704
- scopes: ['borderColor'],
705
- codeSyntax: {
706
- web: 'var(--borderColor-default) /* utility class: .color-border-default */',
707
- },
708
- },
709
- },
710
- },
711
- muted: {
712
- $value: '{borderColor.default}',
713
- $type: 'color',
714
- $extensions: {
715
- 'org.primer.figma': {
716
- collection: 'mode',
717
- group: 'semantic',
718
- scopes: ['borderColor'],
719
- codeSyntax: {
720
- web: 'var(--borderColor-muted) /* utility class: .color-border-muted */',
721
- },
722
- },
723
- },
724
- alpha: 0.7,
725
- },
726
- emphasis: {
727
- $value: '{base.color.neutral.8}',
728
- $type: 'color',
729
- $extensions: {
730
- 'org.primer.figma': {
731
- collection: 'mode',
732
- group: 'semantic',
733
- scopes: ['borderColor'],
734
- },
735
- },
736
- },
737
- disabled: {
738
- $value: '{base.color.neutral.8}',
739
- $type: 'color',
740
- $extensions: {
741
- 'org.primer.figma': {
742
- collection: 'mode',
743
- group: 'semantic',
744
- scopes: ['borderColor'],
745
- },
746
- },
747
- alpha: 0.1,
748
- },
749
- transparent: {
750
- $value: '{base.color.transparent}',
751
- $type: 'color',
752
- $extensions: {
753
- 'org.primer.figma': {
754
- collection: 'mode',
755
- group: 'semantic',
756
- scopes: ['borderColor'],
757
- },
758
- },
759
- },
760
- translucent: {
761
- $value: '{base.color.neutral.13}',
762
- $type: 'color',
763
- $extensions: {
764
- 'org.primer.figma': {
765
- collection: 'mode',
766
- group: 'semantic',
767
- scopes: ['borderColor'],
768
- },
769
- },
770
- alpha: 0.15,
771
- },
772
- neutral: {
773
- muted: {
774
- $value: '{borderColor.muted}',
775
- $type: 'color',
776
- $extensions: {
777
- 'org.primer.figma': {
778
- collection: 'mode',
779
- group: 'semantic',
780
- scopes: ['borderColor'],
781
- },
782
- },
783
- },
784
- emphasis: {
785
- $value: '{base.color.neutral.9}',
786
- $type: 'color',
787
- $extensions: {
788
- 'org.primer.figma': {
789
- collection: 'mode',
790
- group: 'semantic',
791
- scopes: ['borderColor'],
792
- },
793
- },
794
- },
795
- },
796
- accent: {
797
- muted: {
798
- $value: '{base.color.blue.3}',
799
- $type: 'color',
800
- $extensions: {
801
- 'org.primer.figma': {
802
- collection: 'mode',
803
- group: 'semantic',
804
- scopes: ['borderColor'],
805
- codeSyntax: {
806
- web: 'var(--borderColor-accent-muted) /* utility class: .color-border-accent */',
807
- },
808
- },
809
- },
810
- alpha: 0.4,
811
- },
812
- emphasis: {
813
- $value: '{base.color.blue.5}',
814
- $type: 'color',
815
- $extensions: {
816
- 'org.primer.figma': {
817
- collection: 'mode',
818
- group: 'semantic',
819
- scopes: ['borderColor'],
820
- codeSyntax: {
821
- web: 'var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */',
822
- },
823
- },
824
- },
825
- },
826
- },
827
- success: {
828
- muted: {
829
- $value: '{base.color.green.3}',
830
- $type: 'color',
831
- $extensions: {
832
- 'org.primer.figma': {
833
- collection: 'mode',
834
- group: 'semantic',
835
- scopes: ['borderColor'],
836
- codeSyntax: {
837
- web: 'var(--borderColor-success-muted) /* utility class: .color-border-success */',
838
- },
839
- },
840
- },
841
- alpha: 0.4,
842
- },
843
- emphasis: {
844
- $value: '{base.color.green.5}',
845
- $type: 'color',
846
- $extensions: {
847
- 'org.primer.figma': {
848
- collection: 'mode',
849
- group: 'semantic',
850
- scopes: ['borderColor'],
851
- codeSyntax: {
852
- web: 'var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */',
853
- },
854
- },
855
- },
856
- },
857
- },
858
- open: {
859
- muted: {
860
- $value: '{borderColor.success.muted}',
861
- $type: 'color',
862
- $extensions: {
863
- 'org.primer.figma': {
864
- collection: 'mode',
865
- group: 'semantic',
866
- scopes: ['borderColor'],
867
- codeSyntax: {
868
- web: 'var(--borderColor-open-muted) /* utility class: .color-border-open */',
869
- },
870
- },
871
- },
872
- alpha: 0.4,
873
- },
874
- emphasis: {
875
- $value: '{borderColor.success.emphasis}',
876
- $type: 'color',
877
- $extensions: {
878
- 'org.primer.figma': {
879
- collection: 'mode',
880
- group: 'semantic',
881
- scopes: ['borderColor'],
882
- codeSyntax: {
883
- web: 'var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */',
884
- },
885
- },
886
- },
887
- },
888
- },
889
- attention: {
890
- muted: {
891
- $value: '{base.color.yellow.3}',
892
- $type: 'color',
893
- $extensions: {
894
- 'org.primer.figma': {
895
- collection: 'mode',
896
- group: 'semantic',
897
- scopes: ['borderColor'],
898
- codeSyntax: {
899
- web: 'var(--borderColor-attention-muted) /* utility class: .color-border-attention */',
900
- },
901
- },
902
- },
903
- alpha: 0.4,
904
- },
905
- emphasis: {
906
- $value: '{base.color.yellow.5}',
907
- $type: 'color',
908
- $extensions: {
909
- 'org.primer.figma': {
910
- collection: 'mode',
911
- group: 'semantic',
912
- scopes: ['borderColor'],
913
- codeSyntax: {
914
- web: 'var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */',
915
- },
916
- },
917
- },
918
- },
919
- },
920
- severe: {
921
- muted: {
922
- $value: '{base.color.orange.3}',
923
- $type: 'color',
924
- $extensions: {
925
- 'org.primer.figma': {
926
- collection: 'mode',
927
- group: 'semantic',
928
- scopes: ['borderColor'],
929
- codeSyntax: {
930
- web: 'var(--borderColor-severe-muted) /* utility class: .color-border-severe */',
931
- },
932
- },
933
- },
934
- alpha: 0.4,
935
- },
936
- emphasis: {
937
- $value: '{base.color.orange.5}',
938
- $type: 'color',
939
- $extensions: {
940
- 'org.primer.figma': {
941
- collection: 'mode',
942
- group: 'semantic',
943
- scopes: ['borderColor'],
944
- codeSyntax: {
945
- web: 'var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */',
946
- },
947
- },
948
- },
949
- },
950
- },
951
- danger: {
952
- muted: {
953
- $value: '{base.color.red.3}',
954
- $type: 'color',
955
- $extensions: {
956
- 'org.primer.figma': {
957
- collection: 'mode',
958
- group: 'semantic',
959
- scopes: ['borderColor'],
960
- codeSyntax: {
961
- web: 'var(--borderColor-danger-muted) /* utility class: .color-border-danger */',
962
- },
963
- },
964
- },
965
- alpha: 0.4,
966
- },
967
- emphasis: {
968
- $value: '{base.color.red.5}',
969
- $type: 'color',
970
- $extensions: {
971
- 'org.primer.figma': {
972
- collection: 'mode',
973
- group: 'semantic',
974
- scopes: ['borderColor'],
975
- codeSyntax: {
976
- web: 'var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */',
977
- },
978
- },
979
- },
980
- },
981
- },
982
- closed: {
983
- muted: {
984
- $value: '{base.color.red.3}',
985
- $type: 'color',
986
- $extensions: {
987
- 'org.primer.figma': {
988
- collection: 'mode',
989
- group: 'semantic',
990
- scopes: ['borderColor'],
991
- codeSyntax: {
992
- web: 'var(--borderColor-closed-muted) /* utility class: .color-border-closed */',
993
- },
994
- },
995
- },
996
- alpha: 0.4,
997
- },
998
- emphasis: {
999
- $value: '{base.color.red.5}',
1000
- $type: 'color',
1001
- $extensions: {
1002
- 'org.primer.figma': {
1003
- collection: 'mode',
1004
- group: 'semantic',
1005
- scopes: ['borderColor'],
1006
- codeSyntax: {
1007
- web: 'var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */',
1008
- },
1009
- },
1010
- },
1011
- },
1012
- },
1013
- done: {
1014
- muted: {
1015
- $value: '{base.color.purple.3}',
1016
- $type: 'color',
1017
- $extensions: {
1018
- 'org.primer.figma': {
1019
- collection: 'mode',
1020
- group: 'semantic',
1021
- scopes: ['borderColor'],
1022
- codeSyntax: {
1023
- web: 'var(--borderColor-done-muted) /* utility class: .color-border-done */',
1024
- },
1025
- },
1026
- },
1027
- alpha: 0.4,
1028
- },
1029
- emphasis: {
1030
- $value: '{base.color.purple.5}',
1031
- $type: 'color',
1032
- $extensions: {
1033
- 'org.primer.figma': {
1034
- collection: 'mode',
1035
- group: 'semantic',
1036
- scopes: ['borderColor'],
1037
- codeSyntax: {
1038
- web: 'var(--borderColor-done-emphasis)',
1039
- },
1040
- },
1041
- },
1042
- },
1043
- },
1044
- upsell: {
1045
- muted: {
1046
- $value: '{borderColor.done.muted}',
1047
- $type: 'color',
1048
- $extensions: {
1049
- 'org.primer.figma': {
1050
- collection: 'mode',
1051
- group: 'semantic',
1052
- scopes: ['borderColor'],
1053
- codeSyntax: {
1054
- web: 'var(--borderColor-upsell-muted)',
1055
- },
1056
- },
1057
- },
1058
- alpha: 0.4,
1059
- },
1060
- emphasis: {
1061
- $value: '{borderColor.done.emphasis}',
1062
- $type: 'color',
1063
- $extensions: {
1064
- 'org.primer.figma': {
1065
- collection: 'mode',
1066
- group: 'semantic',
1067
- scopes: ['borderColor'],
1068
- codeSyntax: {
1069
- web: 'var(--borderColor-upsell-emphasis)',
1070
- },
1071
- },
1072
- },
1073
- },
1074
- },
1075
- sponsors: {
1076
- muted: {
1077
- $value: '{base.color.pink.3}',
1078
- $type: 'color',
1079
- $extensions: {
1080
- 'org.primer.figma': {
1081
- collection: 'mode',
1082
- group: 'semantic',
1083
- scopes: ['borderColor'],
1084
- codeSyntax: {
1085
- web: 'var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */',
1086
- },
1087
- },
1088
- },
1089
- alpha: 0.4,
1090
- },
1091
- emphasis: {
1092
- $value: '{base.color.pink.5}',
1093
- $type: 'color',
1094
- $extensions: {
1095
- 'org.primer.figma': {
1096
- collection: 'mode',
1097
- group: 'semantic',
1098
- scopes: ['borderColor'],
1099
- codeSyntax: {
1100
- web: 'var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */',
1101
- },
1102
- },
1103
- },
1104
- },
1105
- },
1106
- },
1107
696
  }