@primer/primitives 11.1.0 → 11.2.0-rc.1012e204

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 (115) hide show
  1. package/dist/build/schemas/alphaValue.d.ts +1 -1
  2. package/dist/build/schemas/alphaValue.js +8 -3
  3. package/dist/build/schemas/baseToken.d.ts +2 -8
  4. package/dist/build/schemas/borderToken.d.ts +30 -47
  5. package/dist/build/schemas/collections.d.ts +2 -2
  6. package/dist/build/schemas/collections.js +16 -6
  7. package/dist/build/schemas/colorHexValue.d.ts +1 -1
  8. package/dist/build/schemas/colorHexValue.js +8 -3
  9. package/dist/build/schemas/colorToken.d.ts +81 -789
  10. package/dist/build/schemas/colorToken.js +1 -1
  11. package/dist/build/schemas/cubicBezierToken.d.ts +4 -15
  12. package/dist/build/schemas/designToken.d.ts +1 -1
  13. package/dist/build/schemas/dimensionToken.d.ts +8 -53
  14. package/dist/build/schemas/dimensionValue.d.ts +1 -1
  15. package/dist/build/schemas/dimensionValue.js +8 -3
  16. package/dist/build/schemas/durationToken.d.ts +4 -15
  17. package/dist/build/schemas/durationValue.d.ts +1 -1
  18. package/dist/build/schemas/durationValue.js +8 -3
  19. package/dist/build/schemas/fontFamilyToken.d.ts +8 -47
  20. package/dist/build/schemas/fontWeightToken.d.ts +8 -47
  21. package/dist/build/schemas/fontWeightValue.d.ts +1 -1
  22. package/dist/build/schemas/fontWeightValue.js +8 -3
  23. package/dist/build/schemas/gradientToken.d.ts +8 -53
  24. package/dist/build/schemas/numberToken.d.ts +9 -64
  25. package/dist/build/schemas/referenceValue.d.ts +1 -1
  26. package/dist/build/schemas/referenceValue.js +8 -3
  27. package/dist/build/schemas/scopes.d.ts +1 -1
  28. package/dist/build/schemas/scopes.js +8 -3
  29. package/dist/build/schemas/shadowToken.d.ts +210 -2136
  30. package/dist/build/schemas/shadowToken.js +0 -9
  31. package/dist/build/schemas/stringToken.d.ts +4 -15
  32. package/dist/build/schemas/tokenName.d.ts +1 -1
  33. package/dist/build/schemas/tokenName.js +8 -3
  34. package/dist/build/schemas/transitionToken.d.ts +8 -35
  35. package/dist/build/schemas/typographyToken.d.ts +14 -55
  36. package/dist/build/schemas/validTokenType.d.ts +1 -1
  37. package/dist/build/schemas/validTokenType.js +8 -3
  38. package/dist/build/schemas/viewportRangeToken.d.ts +4 -15
  39. package/dist/build/types/tokenBuildInput.d.ts +2 -0
  40. package/dist/build/utilities/log.js +0 -3
  41. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +10 -0
  42. package/dist/css/functional/themes/dark-colorblind.css +10 -0
  43. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +10 -0
  44. package/dist/css/functional/themes/dark-dimmed.css +10 -0
  45. package/dist/css/functional/themes/dark-high-contrast.css +10 -0
  46. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +10 -0
  47. package/dist/css/functional/themes/dark-tritanopia.css +10 -0
  48. package/dist/css/functional/themes/dark.css +10 -0
  49. package/dist/css/functional/themes/light-colorblind-high-contrast.css +10 -0
  50. package/dist/css/functional/themes/light-colorblind.css +10 -0
  51. package/dist/css/functional/themes/light-high-contrast.css +10 -0
  52. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +10 -0
  53. package/dist/css/functional/themes/light-tritanopia.css +10 -0
  54. package/dist/css/functional/themes/light.css +10 -0
  55. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +349 -0
  56. package/dist/docs/functional/themes/dark-colorblind.json +349 -0
  57. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +345 -0
  58. package/dist/docs/functional/themes/dark-dimmed.json +345 -0
  59. package/dist/docs/functional/themes/dark-high-contrast.json +345 -0
  60. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +347 -0
  61. package/dist/docs/functional/themes/dark-tritanopia.json +349 -0
  62. package/dist/docs/functional/themes/dark.json +345 -0
  63. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +347 -0
  64. package/dist/docs/functional/themes/light-colorblind.json +347 -0
  65. package/dist/docs/functional/themes/light-high-contrast.json +345 -0
  66. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +347 -0
  67. package/dist/docs/functional/themes/light-tritanopia.json +347 -0
  68. package/dist/docs/functional/themes/light.json +345 -0
  69. package/dist/figma/figma.json +4 -14
  70. package/dist/figma/themes/dark-colorblind.json +97 -0
  71. package/dist/figma/themes/dark-dimmed.json +95 -0
  72. package/dist/figma/themes/dark-high-contrast.json +95 -0
  73. package/dist/figma/themes/dark-tritanopia.json +97 -0
  74. package/dist/figma/themes/dark.json +95 -0
  75. package/dist/figma/themes/light-colorblind.json +96 -0
  76. package/dist/figma/themes/light-high-contrast.json +95 -0
  77. package/dist/figma/themes/light-tritanopia.json +96 -0
  78. package/dist/figma/themes/light.json +95 -0
  79. package/dist/internalCss/dark-colorblind-high-contrast.css +10 -0
  80. package/dist/internalCss/dark-colorblind.css +10 -0
  81. package/dist/internalCss/dark-dimmed-high-contrast.css +10 -0
  82. package/dist/internalCss/dark-dimmed.css +10 -0
  83. package/dist/internalCss/dark-high-contrast.css +10 -0
  84. package/dist/internalCss/dark-tritanopia-high-contrast.css +10 -0
  85. package/dist/internalCss/dark-tritanopia.css +10 -0
  86. package/dist/internalCss/dark.css +10 -0
  87. package/dist/internalCss/light-colorblind-high-contrast.css +10 -0
  88. package/dist/internalCss/light-colorblind.css +10 -0
  89. package/dist/internalCss/light-high-contrast.css +10 -0
  90. package/dist/internalCss/light-tritanopia-high-contrast.css +10 -0
  91. package/dist/internalCss/light-tritanopia.css +10 -0
  92. package/dist/internalCss/light.css +10 -0
  93. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +349 -0
  94. package/dist/styleLint/functional/themes/dark-colorblind.json +349 -0
  95. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +345 -0
  96. package/dist/styleLint/functional/themes/dark-dimmed.json +345 -0
  97. package/dist/styleLint/functional/themes/dark-high-contrast.json +345 -0
  98. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +347 -0
  99. package/dist/styleLint/functional/themes/dark-tritanopia.json +349 -0
  100. package/dist/styleLint/functional/themes/dark.json +345 -0
  101. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +347 -0
  102. package/dist/styleLint/functional/themes/light-colorblind.json +347 -0
  103. package/dist/styleLint/functional/themes/light-high-contrast.json +345 -0
  104. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +347 -0
  105. package/dist/styleLint/functional/themes/light-tritanopia.json +347 -0
  106. package/dist/styleLint/functional/themes/light.json +345 -0
  107. package/package.json +17 -17
  108. package/src/tokens/functional/color/bgColor.json5 +48 -0
  109. package/src/tokens/functional/color/borderColor.json5 +64 -0
  110. package/src/tokens/functional/color/fgColor.json5 +14 -0
  111. package/dist/figma/themes/dark-colorblind-high-contrast.json +0 -14341
  112. package/dist/figma/themes/dark-dimmed-high-contrast.json +0 -14335
  113. package/dist/figma/themes/dark-tritanopia-high-contrast.json +0 -14337
  114. package/dist/figma/themes/light-colorblind-high-contrast.json +0 -14321
  115. package/dist/figma/themes/light-tritanopia-high-contrast.json +0 -14320
package/dist/docs/functional/themes/light-tritanopia-high-contrast.json CHANGED
@@ -998,6 +998,130 @@
998
998
  "value": "#faf0fe",
999
999
  "type": "color"
1000
1000
  },
1001
+ "bgColor-draft-emphasis": {
1002
+ "key": "{bgColor.draft.emphasis}",
1003
+ "$extensions": {
1004
+ "org.primer.figma": {
1005
+ "collection": "mode",
1006
+ "group": "semantic",
1007
+ "scopes": ["bgColor"],
1008
+ "codeSyntax": {
1009
+ "web": "var(--bgColor-draft-emphasis)"
1010
+ }
1011
+ }
1012
+ },
1013
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1014
+ "isSource": true,
1015
+ "original": {
1016
+ "$value": "{bgColor.neutral.emphasis}",
1017
+ "$type": "color",
1018
+ "$extensions": {
1019
+ "org.primer.figma": {
1020
+ "collection": "mode",
1021
+ "group": "semantic",
1022
+ "scopes": ["bgColor"],
1023
+ "codeSyntax": {
1024
+ "web": "var(--bgColor-draft-emphasis)"
1025
+ }
1026
+ }
1027
+ },
1028
+ "key": "{bgColor.draft.emphasis}"
1029
+ },
1030
+ "name": "bgColor-draft-emphasis",
1031
+ "attributes": {},
1032
+ "path": ["bgColor", "draft", "emphasis"],
1033
+ "value": "#454c54",
1034
+ "type": "color"
1035
+ },
1036
+ "bgColor-draft-muted": {
1037
+ "key": "{bgColor.draft.muted}",
1038
+ "$extensions": {
1039
+ "org.primer.figma": {
1040
+ "collection": "mode",
1041
+ "group": "semantic",
1042
+ "scopes": ["bgColor"],
1043
+ "codeSyntax": {
1044
+ "web": "var(--bgColor-draft-muted)"
1045
+ }
1046
+ },
1047
+ "org.primer.overrides": {
1048
+ "light-tritanopia": "#e0e6eb",
1049
+ "light-tritanopia-high-contrast": "#e0e6eb",
1050
+ "dark-tritanopia": {
1051
+ "$value": "#e0e6eb",
1052
+ "alpha": 0.1,
1053
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1054
+ "isSource": true,
1055
+ "$type": "color"
1056
+ },
1057
+ "light-protanopia-deuteranopia": "#e0e6eb",
1058
+ "light-protanopia-deuteranopia-high-contrast": "#e0e6eb",
1059
+ "dark-protanopia-deuteranopia": {
1060
+ "$value": "#e0e6eb",
1061
+ "alpha": 0.1,
1062
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1063
+ "isSource": true,
1064
+ "$type": "color"
1065
+ },
1066
+ "dark-protanopia-deuteranopia-high-contrast": {
1067
+ "$value": "#e0e6eb",
1068
+ "alpha": 0.1,
1069
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1070
+ "isSource": true,
1071
+ "$type": "color"
1072
+ }
1073
+ }
1074
+ },
1075
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1076
+ "isSource": true,
1077
+ "original": {
1078
+ "$value": "{bgColor.neutral.muted}",
1079
+ "$type": "color",
1080
+ "$extensions": {
1081
+ "org.primer.figma": {
1082
+ "collection": "mode",
1083
+ "group": "semantic",
1084
+ "scopes": ["bgColor"],
1085
+ "codeSyntax": {
1086
+ "web": "var(--bgColor-draft-muted)"
1087
+ }
1088
+ },
1089
+ "org.primer.overrides": {
1090
+ "light-tritanopia": "{bgColor.neutral.muted}",
1091
+ "light-tritanopia-high-contrast": "{bgColor.neutral.muted}",
1092
+ "dark-tritanopia": {
1093
+ "$value": "{bgColor.neutral.muted}",
1094
+ "alpha": 0.1,
1095
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1096
+ "isSource": true,
1097
+ "$type": "color"
1098
+ },
1099
+ "light-protanopia-deuteranopia": "{bgColor.neutral.muted}",
1100
+ "light-protanopia-deuteranopia-high-contrast": "{bgColor.neutral.muted}",
1101
+ "dark-protanopia-deuteranopia": {
1102
+ "$value": "{bgColor.neutral.muted}",
1103
+ "alpha": 0.1,
1104
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1105
+ "isSource": true,
1106
+ "$type": "color"
1107
+ },
1108
+ "dark-protanopia-deuteranopia-high-contrast": {
1109
+ "$value": "{bgColor.neutral.muted}",
1110
+ "alpha": 0.1,
1111
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1112
+ "isSource": true,
1113
+ "$type": "color"
1114
+ }
1115
+ }
1116
+ },
1117
+ "key": "{bgColor.draft.muted}"
1118
+ },
1119
+ "name": "bgColor-draft-muted",
1120
+ "attributes": {},
1121
+ "path": ["bgColor", "draft", "muted"],
1122
+ "value": "#e0e6eb",
1123
+ "type": "color"
1124
+ },
1001
1125
  "bgColor-emphasis": {
1002
1126
  "key": "{bgColor.emphasis}",
1003
1127
  "$extensions": {
@@ -3691,6 +3815,194 @@
3691
3815
  "value": "#a371f7",
3692
3816
  "type": "color"
3693
3817
  },
3818
+ "borderColor-draft-emphasis": {
3819
+ "key": "{borderColor.draft.emphasis}",
3820
+ "$extensions": {
3821
+ "org.primer.figma": {
3822
+ "collection": "mode",
3823
+ "group": "semantic",
3824
+ "scopes": ["borderColor"],
3825
+ "codeSyntax": {
3826
+ "web": "var(--borderColor-draft-emphasis)"
3827
+ }
3828
+ }
3829
+ },
3830
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3831
+ "isSource": true,
3832
+ "original": {
3833
+ "$value": "{borderColor.neutral.emphasis}",
3834
+ "$type": "color",
3835
+ "$extensions": {
3836
+ "org.primer.figma": {
3837
+ "collection": "mode",
3838
+ "group": "semantic",
3839
+ "scopes": ["borderColor"],
3840
+ "codeSyntax": {
3841
+ "web": "var(--borderColor-draft-emphasis)"
3842
+ }
3843
+ }
3844
+ },
3845
+ "key": "{borderColor.draft.emphasis}"
3846
+ },
3847
+ "name": "borderColor-draft-emphasis",
3848
+ "attributes": {},
3849
+ "path": ["borderColor", "draft", "emphasis"],
3850
+ "value": "#59636e",
3851
+ "type": "color"
3852
+ },
3853
+ "borderColor-draft-muted": {
3854
+ "key": "{borderColor.draft.muted}",
3855
+ "$extensions": {
3856
+ "org.primer.figma": {
3857
+ "collection": "mode",
3858
+ "group": "semantic",
3859
+ "scopes": ["borderColor"],
3860
+ "codeSyntax": {
3861
+ "web": "var(--borderColor-draft-muted) */"
3862
+ }
3863
+ },
3864
+ "org.primer.overrides": {
3865
+ "dark-tritanopia": {
3866
+ "$value": "#454c54",
3867
+ "alpha": 0.4,
3868
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3869
+ "isSource": true,
3870
+ "$type": "color"
3871
+ },
3872
+ "dark-tritanopia-high-contrast": {
3873
+ "$value": "#454c54",
3874
+ "alpha": 1,
3875
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3876
+ "isSource": true,
3877
+ "$type": "color"
3878
+ },
3879
+ "light-tritanopia": {
3880
+ "$value": "#454c54",
3881
+ "alpha": 0.4,
3882
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3883
+ "isSource": true,
3884
+ "$type": "color"
3885
+ },
3886
+ "light-tritanopia-high-contrast": {
3887
+ "$value": "#454c54",
3888
+ "alpha": 1,
3889
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3890
+ "isSource": true,
3891
+ "$type": "color"
3892
+ },
3893
+ "dark-protanopia-deuteranopia": {
3894
+ "$value": "#454c54",
3895
+ "alpha": 0.4,
3896
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3897
+ "isSource": true,
3898
+ "$type": "color"
3899
+ },
3900
+ "dark-protanopia-deuteranopia-high-contrast": {
3901
+ "$value": "#454c54",
3902
+ "alpha": 1,
3903
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3904
+ "isSource": true,
3905
+ "$type": "color"
3906
+ },
3907
+ "light-protanopia-deuteranopia": {
3908
+ "$value": "#454c54",
3909
+ "alpha": 0.4,
3910
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3911
+ "isSource": true,
3912
+ "$type": "color"
3913
+ },
3914
+ "light-protanopia-deuteranopia-high-contrast": {
3915
+ "$value": "#454c54",
3916
+ "alpha": 1,
3917
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3918
+ "isSource": true,
3919
+ "$type": "color"
3920
+ }
3921
+ }
3922
+ },
3923
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3924
+ "isSource": true,
3925
+ "alpha": 1,
3926
+ "original": {
3927
+ "$value": "{borderColor.default}",
3928
+ "$type": "color",
3929
+ "$extensions": {
3930
+ "org.primer.figma": {
3931
+ "collection": "mode",
3932
+ "group": "semantic",
3933
+ "scopes": ["borderColor"],
3934
+ "codeSyntax": {
3935
+ "web": "var(--borderColor-draft-muted) */"
3936
+ }
3937
+ },
3938
+ "org.primer.overrides": {
3939
+ "dark-tritanopia": {
3940
+ "$value": "{borderColor.default}",
3941
+ "alpha": 0.4,
3942
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3943
+ "isSource": true,
3944
+ "$type": "color"
3945
+ },
3946
+ "dark-tritanopia-high-contrast": {
3947
+ "$value": "{borderColor.default}",
3948
+ "alpha": 1,
3949
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3950
+ "isSource": true,
3951
+ "$type": "color"
3952
+ },
3953
+ "light-tritanopia": {
3954
+ "$value": "{borderColor.default}",
3955
+ "alpha": 0.4,
3956
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3957
+ "isSource": true,
3958
+ "$type": "color"
3959
+ },
3960
+ "light-tritanopia-high-contrast": {
3961
+ "$value": "{borderColor.default}",
3962
+ "alpha": 1,
3963
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3964
+ "isSource": true,
3965
+ "$type": "color"
3966
+ },
3967
+ "dark-protanopia-deuteranopia": {
3968
+ "$value": "{borderColor.default}",
3969
+ "alpha": 0.4,
3970
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3971
+ "isSource": true,
3972
+ "$type": "color"
3973
+ },
3974
+ "dark-protanopia-deuteranopia-high-contrast": {
3975
+ "$value": "{borderColor.default}",
3976
+ "alpha": 1,
3977
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3978
+ "isSource": true,
3979
+ "$type": "color"
3980
+ },
3981
+ "light-protanopia-deuteranopia": {
3982
+ "$value": "{borderColor.default}",
3983
+ "alpha": 0.4,
3984
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3985
+ "isSource": true,
3986
+ "$type": "color"
3987
+ },
3988
+ "light-protanopia-deuteranopia-high-contrast": {
3989
+ "$value": "{borderColor.default}",
3990
+ "alpha": 1,
3991
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3992
+ "isSource": true,
3993
+ "$type": "color"
3994
+ }
3995
+ }
3996
+ },
3997
+ "alpha": 1,
3998
+ "key": "{borderColor.draft.muted}"
3999
+ },
4000
+ "name": "borderColor-draft-muted",
4001
+ "attributes": {},
4002
+ "path": ["borderColor", "draft", "muted"],
4003
+ "value": "#454c54",
4004
+ "type": "color"
4005
+ },
3694
4006
  "borderColor-emphasis": {
3695
4007
  "key": "{borderColor.emphasis}",
3696
4008
  "$extensions": {
@@ -35129,6 +35441,41 @@
35129
35441
  "value": "#512598",
35130
35442
  "type": "color"
35131
35443
  },
35444
+ "fgColor-draft": {
35445
+ "key": "{fgColor.draft}",
35446
+ "$extensions": {
35447
+ "org.primer.figma": {
35448
+ "collection": "mode",
35449
+ "group": "semantic",
35450
+ "scopes": ["fgColor"],
35451
+ "codeSyntax": {
35452
+ "web": "var(--fgColor-draft)"
35453
+ }
35454
+ }
35455
+ },
35456
+ "filePath": "src/tokens/functional/color/fgColor.json5",
35457
+ "isSource": true,
35458
+ "original": {
35459
+ "$value": "{fgColor.neutral}",
35460
+ "$type": "color",
35461
+ "$extensions": {
35462
+ "org.primer.figma": {
35463
+ "collection": "mode",
35464
+ "group": "semantic",
35465
+ "scopes": ["fgColor"],
35466
+ "codeSyntax": {
35467
+ "web": "var(--fgColor-draft)"
35468
+ }
35469
+ }
35470
+ },
35471
+ "key": "{fgColor.draft}"
35472
+ },
35473
+ "name": "fgColor-draft",
35474
+ "attributes": {},
35475
+ "path": ["fgColor", "draft"],
35476
+ "value": "#393f46",
35477
+ "type": "color"
35478
+ },
35132
35479
  "fgColor-link": {
35133
35480
  "key": "{fgColor.link}",
35134
35481
  "$extensions": {