@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/dark-colorblind-high-contrast.json CHANGED
@@ -1010,6 +1010,132 @@
1010
1010
  "value": "#bf8fff26",
1011
1011
  "type": "color"
1012
1012
  },
1013
+ "bgColor-draft-emphasis": {
1014
+ "key": "{bgColor.draft.emphasis}",
1015
+ "$extensions": {
1016
+ "org.primer.figma": {
1017
+ "collection": "mode",
1018
+ "group": "semantic",
1019
+ "scopes": ["bgColor"],
1020
+ "codeSyntax": {
1021
+ "web": "var(--bgColor-draft-emphasis)"
1022
+ }
1023
+ }
1024
+ },
1025
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1026
+ "isSource": true,
1027
+ "original": {
1028
+ "$value": "{bgColor.neutral.emphasis}",
1029
+ "$type": "color",
1030
+ "$extensions": {
1031
+ "org.primer.figma": {
1032
+ "collection": "mode",
1033
+ "group": "semantic",
1034
+ "scopes": ["bgColor"],
1035
+ "codeSyntax": {
1036
+ "web": "var(--bgColor-draft-emphasis)"
1037
+ }
1038
+ }
1039
+ },
1040
+ "key": "{bgColor.draft.emphasis}"
1041
+ },
1042
+ "name": "bgColor-draft-emphasis",
1043
+ "attributes": {},
1044
+ "path": ["bgColor", "draft", "emphasis"],
1045
+ "value": "#3d444d",
1046
+ "type": "color"
1047
+ },
1048
+ "bgColor-draft-muted": {
1049
+ "key": "{bgColor.draft.muted}",
1050
+ "$extensions": {
1051
+ "org.primer.figma": {
1052
+ "collection": "mode",
1053
+ "group": "semantic",
1054
+ "scopes": ["bgColor"],
1055
+ "codeSyntax": {
1056
+ "web": "var(--bgColor-draft-muted)"
1057
+ }
1058
+ },
1059
+ "org.primer.overrides": {
1060
+ "light-tritanopia": "#212830",
1061
+ "light-tritanopia-high-contrast": "#212830",
1062
+ "dark-tritanopia": {
1063
+ "$value": "#212830",
1064
+ "alpha": 0.1,
1065
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1066
+ "isSource": true,
1067
+ "$type": "color"
1068
+ },
1069
+ "light-protanopia-deuteranopia": "#212830",
1070
+ "light-protanopia-deuteranopia-high-contrast": "#212830",
1071
+ "dark-protanopia-deuteranopia": {
1072
+ "$value": "#212830",
1073
+ "alpha": 0.1,
1074
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1075
+ "isSource": true,
1076
+ "$type": "color"
1077
+ },
1078
+ "dark-protanopia-deuteranopia-high-contrast": {
1079
+ "$value": "#212830",
1080
+ "alpha": 0.1,
1081
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1082
+ "isSource": true,
1083
+ "$type": "color"
1084
+ }
1085
+ }
1086
+ },
1087
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1088
+ "isSource": true,
1089
+ "alpha": 0.1,
1090
+ "original": {
1091
+ "$value": "{bgColor.neutral.muted}",
1092
+ "$type": "color",
1093
+ "$extensions": {
1094
+ "org.primer.figma": {
1095
+ "collection": "mode",
1096
+ "group": "semantic",
1097
+ "scopes": ["bgColor"],
1098
+ "codeSyntax": {
1099
+ "web": "var(--bgColor-draft-muted)"
1100
+ }
1101
+ },
1102
+ "org.primer.overrides": {
1103
+ "light-tritanopia": "{bgColor.neutral.muted}",
1104
+ "light-tritanopia-high-contrast": "{bgColor.neutral.muted}",
1105
+ "dark-tritanopia": {
1106
+ "$value": "{bgColor.neutral.muted}",
1107
+ "alpha": 0.1,
1108
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1109
+ "isSource": true,
1110
+ "$type": "color"
1111
+ },
1112
+ "light-protanopia-deuteranopia": "{bgColor.neutral.muted}",
1113
+ "light-protanopia-deuteranopia-high-contrast": "{bgColor.neutral.muted}",
1114
+ "dark-protanopia-deuteranopia": {
1115
+ "$value": "{bgColor.neutral.muted}",
1116
+ "alpha": 0.1,
1117
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1118
+ "isSource": true,
1119
+ "$type": "color"
1120
+ },
1121
+ "dark-protanopia-deuteranopia-high-contrast": {
1122
+ "$value": "{bgColor.neutral.muted}",
1123
+ "alpha": 0.1,
1124
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1125
+ "isSource": true,
1126
+ "$type": "color"
1127
+ }
1128
+ }
1129
+ },
1130
+ "alpha": 0.1,
1131
+ "key": "{bgColor.draft.muted}"
1132
+ },
1133
+ "name": "bgColor-draft-muted",
1134
+ "attributes": {},
1135
+ "path": ["bgColor", "draft", "muted"],
1136
+ "value": "#2128301a",
1137
+ "type": "color"
1138
+ },
1013
1139
  "bgColor-emphasis": {
1014
1140
  "key": "{bgColor.emphasis}",
1015
1141
  "$extensions": {
@@ -3711,6 +3837,194 @@
3711
3837
  "value": "#bf8fff",
3712
3838
  "type": "color"
3713
3839
  },
3840
+ "borderColor-draft-emphasis": {
3841
+ "key": "{borderColor.draft.emphasis}",
3842
+ "$extensions": {
3843
+ "org.primer.figma": {
3844
+ "collection": "mode",
3845
+ "group": "semantic",
3846
+ "scopes": ["borderColor"],
3847
+ "codeSyntax": {
3848
+ "web": "var(--borderColor-draft-emphasis)"
3849
+ }
3850
+ }
3851
+ },
3852
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3853
+ "isSource": true,
3854
+ "original": {
3855
+ "$value": "{borderColor.neutral.emphasis}",
3856
+ "$type": "color",
3857
+ "$extensions": {
3858
+ "org.primer.figma": {
3859
+ "collection": "mode",
3860
+ "group": "semantic",
3861
+ "scopes": ["borderColor"],
3862
+ "codeSyntax": {
3863
+ "web": "var(--borderColor-draft-emphasis)"
3864
+ }
3865
+ }
3866
+ },
3867
+ "key": "{borderColor.draft.emphasis}"
3868
+ },
3869
+ "name": "borderColor-draft-emphasis",
3870
+ "attributes": {},
3871
+ "path": ["borderColor", "draft", "emphasis"],
3872
+ "value": "#b7bdc8",
3873
+ "type": "color"
3874
+ },
3875
+ "borderColor-draft-muted": {
3876
+ "key": "{borderColor.draft.muted}",
3877
+ "$extensions": {
3878
+ "org.primer.figma": {
3879
+ "collection": "mode",
3880
+ "group": "semantic",
3881
+ "scopes": ["borderColor"],
3882
+ "codeSyntax": {
3883
+ "web": "var(--borderColor-draft-muted) */"
3884
+ }
3885
+ },
3886
+ "org.primer.overrides": {
3887
+ "dark-tritanopia": {
3888
+ "$value": "#b7bdc8",
3889
+ "alpha": 0.4,
3890
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3891
+ "isSource": true,
3892
+ "$type": "color"
3893
+ },
3894
+ "dark-tritanopia-high-contrast": {
3895
+ "$value": "#b7bdc8",
3896
+ "alpha": 1,
3897
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3898
+ "isSource": true,
3899
+ "$type": "color"
3900
+ },
3901
+ "light-tritanopia": {
3902
+ "$value": "#b7bdc8",
3903
+ "alpha": 0.4,
3904
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3905
+ "isSource": true,
3906
+ "$type": "color"
3907
+ },
3908
+ "light-tritanopia-high-contrast": {
3909
+ "$value": "#b7bdc8",
3910
+ "alpha": 1,
3911
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3912
+ "isSource": true,
3913
+ "$type": "color"
3914
+ },
3915
+ "dark-protanopia-deuteranopia": {
3916
+ "$value": "#b7bdc8",
3917
+ "alpha": 0.4,
3918
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3919
+ "isSource": true,
3920
+ "$type": "color"
3921
+ },
3922
+ "dark-protanopia-deuteranopia-high-contrast": {
3923
+ "$value": "#b7bdc8",
3924
+ "alpha": 1,
3925
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3926
+ "isSource": true,
3927
+ "$type": "color"
3928
+ },
3929
+ "light-protanopia-deuteranopia": {
3930
+ "$value": "#b7bdc8",
3931
+ "alpha": 0.4,
3932
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3933
+ "isSource": true,
3934
+ "$type": "color"
3935
+ },
3936
+ "light-protanopia-deuteranopia-high-contrast": {
3937
+ "$value": "#b7bdc8",
3938
+ "alpha": 1,
3939
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3940
+ "isSource": true,
3941
+ "$type": "color"
3942
+ }
3943
+ }
3944
+ },
3945
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3946
+ "isSource": true,
3947
+ "alpha": 1,
3948
+ "original": {
3949
+ "$value": "{borderColor.default}",
3950
+ "$type": "color",
3951
+ "$extensions": {
3952
+ "org.primer.figma": {
3953
+ "collection": "mode",
3954
+ "group": "semantic",
3955
+ "scopes": ["borderColor"],
3956
+ "codeSyntax": {
3957
+ "web": "var(--borderColor-draft-muted) */"
3958
+ }
3959
+ },
3960
+ "org.primer.overrides": {
3961
+ "dark-tritanopia": {
3962
+ "$value": "{borderColor.default}",
3963
+ "alpha": 0.4,
3964
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3965
+ "isSource": true,
3966
+ "$type": "color"
3967
+ },
3968
+ "dark-tritanopia-high-contrast": {
3969
+ "$value": "{borderColor.default}",
3970
+ "alpha": 1,
3971
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3972
+ "isSource": true,
3973
+ "$type": "color"
3974
+ },
3975
+ "light-tritanopia": {
3976
+ "$value": "{borderColor.default}",
3977
+ "alpha": 0.4,
3978
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3979
+ "isSource": true,
3980
+ "$type": "color"
3981
+ },
3982
+ "light-tritanopia-high-contrast": {
3983
+ "$value": "{borderColor.default}",
3984
+ "alpha": 1,
3985
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3986
+ "isSource": true,
3987
+ "$type": "color"
3988
+ },
3989
+ "dark-protanopia-deuteranopia": {
3990
+ "$value": "{borderColor.default}",
3991
+ "alpha": 0.4,
3992
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3993
+ "isSource": true,
3994
+ "$type": "color"
3995
+ },
3996
+ "dark-protanopia-deuteranopia-high-contrast": {
3997
+ "$value": "{borderColor.default}",
3998
+ "alpha": 1,
3999
+ "filePath": "src/tokens/functional/color/borderColor.json5",
4000
+ "isSource": true,
4001
+ "$type": "color"
4002
+ },
4003
+ "light-protanopia-deuteranopia": {
4004
+ "$value": "{borderColor.default}",
4005
+ "alpha": 0.4,
4006
+ "filePath": "src/tokens/functional/color/borderColor.json5",
4007
+ "isSource": true,
4008
+ "$type": "color"
4009
+ },
4010
+ "light-protanopia-deuteranopia-high-contrast": {
4011
+ "$value": "{borderColor.default}",
4012
+ "alpha": 1,
4013
+ "filePath": "src/tokens/functional/color/borderColor.json5",
4014
+ "isSource": true,
4015
+ "$type": "color"
4016
+ }
4017
+ }
4018
+ },
4019
+ "alpha": 1,
4020
+ "key": "{borderColor.draft.muted}"
4021
+ },
4022
+ "name": "borderColor-draft-muted",
4023
+ "attributes": {},
4024
+ "path": ["borderColor", "draft", "muted"],
4025
+ "value": "#b7bdc8",
4026
+ "type": "color"
4027
+ },
3714
4028
  "borderColor-emphasis": {
3715
4029
  "key": "{borderColor.emphasis}",
3716
4030
  "$extensions": {
@@ -35161,6 +35475,41 @@
35161
35475
  "value": "#d3abff",
35162
35476
  "type": "color"
35163
35477
  },
35478
+ "fgColor-draft": {
35479
+ "key": "{fgColor.draft}",
35480
+ "$extensions": {
35481
+ "org.primer.figma": {
35482
+ "collection": "mode",
35483
+ "group": "semantic",
35484
+ "scopes": ["fgColor"],
35485
+ "codeSyntax": {
35486
+ "web": "var(--fgColor-draft)"
35487
+ }
35488
+ }
35489
+ },
35490
+ "filePath": "src/tokens/functional/color/fgColor.json5",
35491
+ "isSource": true,
35492
+ "original": {
35493
+ "$value": "{fgColor.neutral}",
35494
+ "$type": "color",
35495
+ "$extensions": {
35496
+ "org.primer.figma": {
35497
+ "collection": "mode",
35498
+ "group": "semantic",
35499
+ "scopes": ["fgColor"],
35500
+ "codeSyntax": {
35501
+ "web": "var(--fgColor-draft)"
35502
+ }
35503
+ }
35504
+ },
35505
+ "key": "{fgColor.draft}"
35506
+ },
35507
+ "name": "fgColor-draft",
35508
+ "attributes": {},
35509
+ "path": ["fgColor", "draft"],
35510
+ "value": "#d1d7e0",
35511
+ "type": "color"
35512
+ },
35164
35513
  "fgColor-link": {
35165
35514
  "key": "{fgColor.link}",
35166
35515
  "$extensions": {