@primer/primitives 7.16.0 → 7.17.0-rc.1685583f

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 (259) hide show
  1. package/dist/styleLint/base/size/size.json +427 -0
  2. package/dist/styleLint/base/typography/typography.json +54 -0
  3. package/dist/styleLint/functional/motion/motion.json +47 -0
  4. package/dist/styleLint/functional/size/border.json +234 -0
  5. package/dist/styleLint/functional/size/breakpoints.json +152 -0
  6. package/dist/styleLint/functional/size/size-coarse.json +41 -0
  7. package/dist/styleLint/functional/size/size-fine.json +41 -0
  8. package/dist/styleLint/functional/size/size.json +1838 -0
  9. package/dist/styleLint/functional/size/viewport.json +80 -0
  10. package/dist/styleLint/functional/themes/dark-colorblind.json +16155 -0
  11. package/dist/styleLint/functional/themes/dark-dimmed.json +16159 -0
  12. package/dist/styleLint/functional/themes/dark-high-contrast.json +16175 -0
  13. package/dist/styleLint/functional/themes/dark-tritanopia.json +16161 -0
  14. package/dist/styleLint/functional/themes/dark.json +16159 -0
  15. package/dist/styleLint/functional/themes/light-colorblind.json +16123 -0
  16. package/dist/styleLint/functional/themes/light-high-contrast.json +16125 -0
  17. package/dist/styleLint/functional/themes/light-tritanopia.json +16115 -0
  18. package/dist/styleLint/functional/themes/light.json +16113 -0
  19. package/dist/styleLint/functional/typography/typography.json +663 -0
  20. package/package.json +11 -9
  21. package/src/PrimerStyleDictionary.ts +226 -0
  22. package/src/filters/index.ts +12 -0
  23. package/src/filters/isBorder.ts +10 -0
  24. package/src/filters/isColor.ts +10 -0
  25. package/src/filters/isColorWithAlpha.ts +11 -0
  26. package/src/filters/isColorWithMix.ts +33 -0
  27. package/src/filters/isDeprecated.ts +10 -0
  28. package/src/filters/isDimension.ts +10 -0
  29. package/src/filters/isDuration.ts +10 -0
  30. package/src/filters/isFontFamily.ts +10 -0
  31. package/src/filters/isFontWeight.ts +10 -0
  32. package/src/filters/isFromFile.ts +12 -0
  33. package/src/filters/isShadow.ts +10 -0
  34. package/src/filters/isSource.ts +10 -0
  35. package/src/filters/isTypography.ts +10 -0
  36. package/src/formats/cssCustomMedia.ts +24 -0
  37. package/src/formats/cssThemed.ts +35 -0
  38. package/src/formats/cssVariables.ts +25 -0
  39. package/src/formats/cssWrapMediaQuery.ts +29 -0
  40. package/src/formats/index.ts +11 -0
  41. package/src/formats/javascriptCommonJs.ts +21 -0
  42. package/src/formats/javascriptEsm.ts +21 -0
  43. package/src/formats/jsonFigma.ts +131 -0
  44. package/src/formats/jsonNestedPrefixed.ts +23 -0
  45. package/src/formats/jsonOneDimensional.ts +18 -0
  46. package/src/formats/jsonPostCssFallback.ts +16 -0
  47. package/src/formats/typescriptExportDefinition.ts +170 -0
  48. package/src/formats/utilities/jsonToFlat.ts +10 -0
  49. package/src/formats/utilities/jsonToNestedValue.ts +20 -0
  50. package/src/formats/utilities/prefixTokens.ts +17 -0
  51. package/src/parsers/index.ts +1 -0
  52. package/src/parsers/w3cJsonParser.ts +25 -0
  53. package/src/platforms/css.ts +93 -0
  54. package/src/platforms/deprecatedJson.ts +16 -0
  55. package/src/platforms/docJson.ts +34 -0
  56. package/src/platforms/fallbacks.ts +34 -0
  57. package/src/platforms/figma.ts +48 -0
  58. package/src/platforms/index.ts +10 -0
  59. package/src/platforms/javascript.ts +30 -0
  60. package/src/platforms/json.ts +32 -0
  61. package/src/platforms/styleLint.ts +34 -0
  62. package/src/platforms/typeDefinitions.ts +30 -0
  63. package/src/platforms/typescript.ts +30 -0
  64. package/src/schemas/alphaValue.ts +12 -0
  65. package/src/schemas/baseToken.ts +7 -0
  66. package/src/schemas/borderToken.ts +19 -0
  67. package/src/schemas/collections.ts +47 -0
  68. package/src/schemas/colorHexValue.ts +18 -0
  69. package/src/schemas/colorToken.ts +50 -0
  70. package/src/schemas/designToken.ts +38 -0
  71. package/src/schemas/dimensionToken.ts +22 -0
  72. package/src/schemas/dimensionValue.ts +16 -0
  73. package/src/schemas/durationToken.ts +12 -0
  74. package/src/schemas/durationValue.ts +9 -0
  75. package/src/schemas/fontFamilyToken.ts +11 -0
  76. package/src/schemas/fontWeightToken.ts +12 -0
  77. package/src/schemas/fontWeightValue.ts +14 -0
  78. package/src/schemas/numberToken.ts +11 -0
  79. package/src/schemas/referenceValue.ts +12 -0
  80. package/src/schemas/scopes.ts +16 -0
  81. package/src/schemas/shadowToken.ts +45 -0
  82. package/src/schemas/stringToken.ts +11 -0
  83. package/src/schemas/tokenName.ts +12 -0
  84. package/src/schemas/tokenType.ts +4 -0
  85. package/src/schemas/typographyToken.ts +20 -0
  86. package/src/schemas/validTokenType.ts +44 -0
  87. package/src/schemas/viewportRangeToken.ts +11 -0
  88. package/src/test-utilities/getMockDictionary.ts +22 -0
  89. package/src/test-utilities/getMockFormatterArguments.ts +21 -0
  90. package/src/test-utilities/getMockParserInput.ts +72 -0
  91. package/src/test-utilities/getMockToken.ts +25 -0
  92. package/src/test-utilities/index.ts +4 -0
  93. package/src/tokens/base/color/dark/dark.dimmed.json5 +1326 -0
  94. package/src/tokens/base/color/dark/dark.high-contrast.json5 +856 -0
  95. package/src/tokens/base/color/dark/dark.json5 +866 -0
  96. package/src/tokens/base/color/dark/display-dark.json5 +1774 -0
  97. package/src/tokens/base/color/light/display-light.json5 +1774 -0
  98. package/src/tokens/base/color/light/light.high-contrast.json5 +847 -0
  99. package/src/tokens/base/color/light/light.json5 +866 -0
  100. package/src/tokens/base/size/size.json +176 -0
  101. package/src/tokens/base/typography/typography.json +24 -0
  102. package/src/tokens/fallback/color-fallbacks.json +260 -0
  103. package/src/tokens/functional/border/dark.json5 +12 -0
  104. package/src/tokens/functional/border/light.json5 +12 -0
  105. package/src/tokens/functional/color/dark/app-dark.json5 +554 -0
  106. package/src/tokens/functional/color/dark/data-vis-dark.json5 +144 -0
  107. package/src/tokens/functional/color/dark/display-dark.json5 +1060 -0
  108. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +57 -0
  109. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +390 -0
  110. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +314 -0
  111. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +229 -0
  112. package/src/tokens/functional/color/dark/patterns-dark.json5 +3073 -0
  113. package/src/tokens/functional/color/dark/primitives-dark.json5 +1206 -0
  114. package/src/tokens/functional/color/dark/syntax-dark.json5 +559 -0
  115. package/src/tokens/functional/color/light/app-light.json5 +551 -0
  116. package/src/tokens/functional/color/light/data-vis-light.json5 +144 -0
  117. package/src/tokens/functional/color/light/display-light.json5 +1060 -0
  118. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +440 -0
  119. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +340 -0
  120. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +249 -0
  121. package/src/tokens/functional/color/light/patterns-light.json5 +3070 -0
  122. package/src/tokens/functional/color/light/primitives-light.json5 +1196 -0
  123. package/src/tokens/functional/color/light/syntax-light.json5 +559 -0
  124. package/src/tokens/functional/motion/loading.json5 +17 -0
  125. package/src/tokens/functional/motion/patterns.json5 +28 -0
  126. package/src/tokens/functional/shadow/dark.json5 +383 -0
  127. package/src/tokens/functional/shadow/light.json5 +376 -0
  128. package/src/tokens/functional/size/border.json +98 -0
  129. package/src/tokens/functional/size/breakpoints.json +64 -0
  130. package/src/tokens/functional/size/size-coarse.json +28 -0
  131. package/src/tokens/functional/size/size-fine.json +28 -0
  132. package/src/tokens/functional/size/size.json +802 -0
  133. package/src/tokens/functional/size/viewport.json +28 -0
  134. package/src/tokens/functional/typography/typography.json +279 -0
  135. package/src/tokens/removed/color.json +421 -0
  136. package/src/transformers/borderToCss.ts +38 -0
  137. package/src/transformers/colorToHex.ts +16 -0
  138. package/src/transformers/colorToHexAlpha.ts +23 -0
  139. package/src/transformers/colorToHexMix.ts +19 -0
  140. package/src/transformers/colorToRgbAlpha.ts +19 -0
  141. package/src/transformers/colorToRgbaFloat.ts +45 -0
  142. package/src/transformers/dimensionToPixelUnitless.ts +60 -0
  143. package/src/transformers/dimensionToRem.ts +56 -0
  144. package/src/transformers/dimensionToRemPxArray.ts +60 -0
  145. package/src/transformers/durationToCss.ts +29 -0
  146. package/src/transformers/figmaAttributes.ts +55 -0
  147. package/src/transformers/fontFamilyToCss.ts +38 -0
  148. package/src/transformers/fontWeightToNumber.ts +53 -0
  149. package/src/transformers/index.ts +21 -0
  150. package/src/transformers/jsonDeprecated.ts +15 -0
  151. package/src/transformers/namePathToCamelCase.ts +14 -0
  152. package/src/transformers/namePathToDotNotation.ts +34 -0
  153. package/src/transformers/namePathToFigma.ts +28 -0
  154. package/src/transformers/namePathToKebabCase.ts +19 -0
  155. package/src/transformers/namePathToSlashNotation.ts +19 -0
  156. package/src/transformers/shadowToCss.ts +37 -0
  157. package/src/transformers/typographyToCss.ts +31 -0
  158. package/src/transformers/utilities/alpha.ts +23 -0
  159. package/src/transformers/utilities/checkRequiredTokenProperties.ts +16 -0
  160. package/src/transformers/utilities/getTokenValue.ts +18 -0
  161. package/src/transformers/utilities/hexToRgbaFloat.ts +31 -0
  162. package/src/transformers/utilities/invalidTokenError.ts +34 -0
  163. package/src/transformers/utilities/isRgbaFloat.ts +29 -0
  164. package/src/transformers/utilities/mix.ts +46 -0
  165. package/src/transformers/utilities/rgbaFloatToHex.ts +15 -0
  166. package/src/types/Border.d.ts +5 -0
  167. package/src/types/BorderTokenValue.d.ts +10 -0
  168. package/src/types/ColorHex.d.ts +4 -0
  169. package/src/types/PlatformInitializer.d.ts +11 -0
  170. package/src/types/Shadow.d.ts +5 -0
  171. package/src/types/ShadowTokenValue.d.ts +14 -0
  172. package/src/types/SizeEm.d.ts +4 -0
  173. package/src/types/SizePx.d.ts +4 -0
  174. package/src/types/SizeRem.d.ts +4 -0
  175. package/src/types/StyleDictionaryConfigGenerator.d.ts +15 -0
  176. package/src/types/TokenBuildInput.d.ts +8 -0
  177. package/src/types/TypographyTokenValue.d.ts +12 -0
  178. package/src/types/w3cTransformedToken.d.ts +8 -0
  179. package/src/utilities/copyFromDir.ts +21 -0
  180. package/src/utilities/getFlag.ts +12 -0
  181. package/src/utilities/index.ts +3 -0
  182. package/src/utilities/joinFriendly.ts +2 -0
  183. package/src/utilities/schemaErrorMessage.ts +2 -0
  184. package/src/utilities/toCamelCase.ts +29 -0
  185. package/src/utilities/treeWalker.ts +27 -0
  186. package/src/utilities/upperCaseFirstCharacter.ts +10 -0
  187. package/src/utils-v1.ts +36 -0
  188. package/tokens-next-private/styleLint/base/size/size.json +427 -0
  189. package/tokens-next-private/styleLint/base/typography/typography.json +54 -0
  190. package/tokens-next-private/styleLint/functional/motion/motion.json +47 -0
  191. package/tokens-next-private/styleLint/functional/size/border.json +234 -0
  192. package/tokens-next-private/styleLint/functional/size/breakpoints.json +152 -0
  193. package/tokens-next-private/styleLint/functional/size/size-coarse.json +41 -0
  194. package/tokens-next-private/styleLint/functional/size/size-fine.json +41 -0
  195. package/tokens-next-private/styleLint/functional/size/size.json +1838 -0
  196. package/tokens-next-private/styleLint/functional/size/viewport.json +80 -0
  197. package/tokens-next-private/styleLint/functional/themes/dark-colorblind.json +16155 -0
  198. package/tokens-next-private/styleLint/functional/themes/dark-dimmed.json +16159 -0
  199. package/tokens-next-private/styleLint/functional/themes/dark-high-contrast.json +16175 -0
  200. package/tokens-next-private/styleLint/functional/themes/dark-tritanopia.json +16161 -0
  201. package/tokens-next-private/styleLint/functional/themes/dark.json +16159 -0
  202. package/tokens-next-private/styleLint/functional/themes/light-colorblind.json +16123 -0
  203. package/tokens-next-private/styleLint/functional/themes/light-high-contrast.json +16125 -0
  204. package/tokens-next-private/styleLint/functional/themes/light-tritanopia.json +16115 -0
  205. package/tokens-next-private/styleLint/functional/themes/light.json +16113 -0
  206. package/tokens-next-private/styleLint/functional/typography/typography.json +663 -0
  207. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  208. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  209. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  210. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  211. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  212. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  213. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  214. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  215. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  216. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  217. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  218. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  219. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  220. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  221. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  222. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  223. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  224. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  225. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  226. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  227. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  228. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  229. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  230. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  231. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  232. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  233. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  234. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  235. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  236. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  237. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  238. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  239. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  240. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  241. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  242. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  243. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  244. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  245. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  246. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  247. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  248. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  249. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  250. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  251. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  252. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  253. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  254. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  255. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  256. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  257. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  258. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  259. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
package/src/tokens/base/size/size.json ADDED
@@ -0,0 +1,176 @@
1
+ {
2
+ "base": {
3
+ "size": {
4
+ "4": {
5
+ "$value": "4px",
6
+ "$type": "dimension",
7
+ "$extensions": {
8
+ "org.primer.figma": {
9
+ "collection": "base/size",
10
+ "scopes": ["size"]
11
+ }
12
+ }
13
+ },
14
+ "8": {
15
+ "$value": "8px",
16
+ "$type": "dimension",
17
+ "$extensions": {
18
+ "org.primer.figma": {
19
+ "collection": "base/size",
20
+ "scopes": ["size"]
21
+ }
22
+ }
23
+ },
24
+ "12": {
25
+ "$value": "12px",
26
+ "$type": "dimension",
27
+ "$extensions": {
28
+ "org.primer.figma": {
29
+ "collection": "base/size",
30
+ "scopes": ["size"]
31
+ }
32
+ }
33
+ },
34
+ "16": {
35
+ "$value": "16px",
36
+ "$type": "dimension",
37
+ "$extensions": {
38
+ "org.primer.figma": {
39
+ "collection": "base/size",
40
+ "scopes": ["size"]
41
+ }
42
+ }
43
+ },
44
+ "20": {
45
+ "$value": "20px",
46
+ "$type": "dimension",
47
+ "$extensions": {
48
+ "org.primer.figma": {
49
+ "collection": "base/size",
50
+ "scopes": ["size"]
51
+ }
52
+ }
53
+ },
54
+ "24": {
55
+ "$value": "24px",
56
+ "$type": "dimension",
57
+ "$extensions": {
58
+ "org.primer.figma": {
59
+ "collection": "base/size",
60
+ "scopes": ["size"]
61
+ }
62
+ }
63
+ },
64
+ "28": {
65
+ "$value": "28px",
66
+ "$type": "dimension",
67
+ "$extensions": {
68
+ "org.primer.figma": {
69
+ "collection": "base/size",
70
+ "scopes": ["size"]
71
+ }
72
+ }
73
+ },
74
+ "32": {
75
+ "$value": "32px",
76
+ "$type": "dimension",
77
+ "$extensions": {
78
+ "org.primer.figma": {
79
+ "collection": "base/size",
80
+ "scopes": ["size"]
81
+ }
82
+ }
83
+ },
84
+ "36": {
85
+ "$value": "36px",
86
+ "$type": "dimension",
87
+ "$extensions": {
88
+ "org.primer.figma": {
89
+ "collection": "base/size",
90
+ "scopes": ["size"]
91
+ }
92
+ }
93
+ },
94
+ "40": {
95
+ "$value": "40px",
96
+ "$type": "dimension",
97
+ "$extensions": {
98
+ "org.primer.figma": {
99
+ "collection": "base/size",
100
+ "scopes": ["size"]
101
+ }
102
+ }
103
+ },
104
+ "44": {
105
+ "$value": "44px",
106
+ "$type": "dimension",
107
+ "$extensions": {
108
+ "org.primer.figma": {
109
+ "collection": "base/size",
110
+ "scopes": ["size"]
111
+ }
112
+ }
113
+ },
114
+ "48": {
115
+ "$value": "48px",
116
+ "$type": "dimension",
117
+ "$extensions": {
118
+ "org.primer.figma": {
119
+ "collection": "base/size",
120
+ "scopes": ["size"]
121
+ }
122
+ }
123
+ },
124
+ "64": {
125
+ "$value": "64px",
126
+ "$type": "dimension",
127
+ "$extensions": {
128
+ "org.primer.figma": {
129
+ "collection": "base/size",
130
+ "scopes": ["size"]
131
+ }
132
+ }
133
+ },
134
+ "80": {
135
+ "$value": "80px",
136
+ "$type": "dimension",
137
+ "$extensions": {
138
+ "org.primer.figma": {
139
+ "collection": "base/size",
140
+ "scopes": ["size"]
141
+ }
142
+ }
143
+ },
144
+ "96": {
145
+ "$value": "96px",
146
+ "$type": "dimension",
147
+ "$extensions": {
148
+ "org.primer.figma": {
149
+ "collection": "base/size",
150
+ "scopes": ["size"]
151
+ }
152
+ }
153
+ },
154
+ "112": {
155
+ "$value": "112px",
156
+ "$type": "dimension",
157
+ "$extensions": {
158
+ "org.primer.figma": {
159
+ "collection": "base/size",
160
+ "scopes": ["size"]
161
+ }
162
+ }
163
+ },
164
+ "128": {
165
+ "$value": "128px",
166
+ "$type": "dimension",
167
+ "$extensions": {
168
+ "org.primer.figma": {
169
+ "collection": "base/size",
170
+ "scopes": ["size"]
171
+ }
172
+ }
173
+ }
174
+ }
175
+ }
176
+ }
package/src/tokens/base/typography/typography.json ADDED
@@ -0,0 +1,24 @@
1
+ {
2
+ "base": {
3
+ "text": {
4
+ "weight": {
5
+ "light": {
6
+ "$type": "fontWeight",
7
+ "$value": 300
8
+ },
9
+ "normal": {
10
+ "$value": 400,
11
+ "$type": "fontWeight"
12
+ },
13
+ "medium": {
14
+ "$value": 500,
15
+ "$type": "fontWeight"
16
+ },
17
+ "semibold": {
18
+ "$value": 600,
19
+ "$type": "fontWeight"
20
+ }
21
+ }
22
+ }
23
+ }
24
+ }
package/src/tokens/fallback/color-fallbacks.json ADDED
@@ -0,0 +1,260 @@
1
+ {
2
+ "--topicTag-borderColor": "var(--color-topic-tag-border)",
3
+ "--highlight-neutral-bgColor": "var(--color-search-keyword-hl)",
4
+ "--page-header-bgColor": "var(--color-page-header-bg)",
5
+ "--diffBlob-addition-fgColor-text": "var(--color-diff-blob-addition-fg)",
6
+ "--diffBlob-addition-fgColor-num": "var(--color-diff-blob-addition-num-text)",
7
+ "--diffBlob-addition-bgColor-num": "var(--color-diff-blob-addition-num-bg)",
8
+ "--diffBlob-addition-bgColor-line": "var(--color-diff-blob-addition-line-bg)",
9
+ "--diffBlob-addition-bgColor-word": "var(--color-diff-blob-addition-word-bg)",
10
+ "--diffBlob-deletion-fgColor-text": "var(--color-diff-blob-deletion-fg)",
11
+ "--diffBlob-deletion-fgColor-num": "var(--color-diff-blob-deletion-num-text)",
12
+ "--diffBlob-deletion-bgColor-num": "var(--color-diff-blob-deletion-num-bg)",
13
+ "--diffBlob-deletion-bgColor-line": "var(--color-diff-blob-deletion-line-bg)",
14
+ "--diffBlob-deletion-bgColor-word": "var(--color-diff-blob-deletion-word-bg)",
15
+ "--diffBlob-hunk-bgColor-num": "var(--color-diff-blob-hunk-num-bg)",
16
+ "--diffBlob-expander-iconColor": "var(--color-diff-blob-expander-icon)",
17
+ "--diffStat-addition-bgColor": "var(--bgColor-success-emphasis)",
18
+ "--codeMirror-fgColor": "var(--color-codemirror-text)",
19
+ "--codeMirror-bgColor": "var(--color-codemirror-bg)",
20
+ "--codeMirror-gutters-bgColor": "var(--color-codemirror-gutters-bg)",
21
+ "--codeMirror-gutterMarker-fgColor-default": "var(--color-codemirror-guttermarker-text)",
22
+ "--codeMirror-gutterMarker-fgColor-muted": "var(--color-codemirror-guttermarker-subtle-text)",
23
+ "--codeMirror-lineNumber-fgColor": "var(--color-codemirror-linenumber-text)",
24
+ "--codeMirror-cursor-fgColor": "var(--color-codemirror-cursor)",
25
+ "--codeMirror-selection-bgColor": "var(--color-codemirror-selection-bg)",
26
+ "--codeMirror-activeline-bgColor": "var(--color-codemirror-activeline-bg)",
27
+ "--codeMirror-matchingBracket-fgColor": "var(--color-codemirror-matchingbracket-text)",
28
+ "--codeMirror-lines-bgColor": "var(--color-codemirror-lines-bg)",
29
+ "--codeMirror-syntax-fgColor-comment": "var(--color-codemirror-syntax-comment)",
30
+ "--codeMirror-syntax-fgColor-constant": "var(--color-codemirror-syntax-constant)",
31
+ "--codeMirror-syntax-fgColor-entity": "var(--color-codemirror-syntax-entity)",
32
+ "--codeMirror-syntax-fgColor-keyword": "var(--color-codemirror-syntax-keyword)",
33
+ "--codeMirror-syntax-fgColor-storage": "var(--color-codemirror-syntax-storage)",
34
+ "--codeMirror-syntax-fgColor-string": "var(--color-codemirror-syntax-string)",
35
+ "--codeMirror-syntax-fgColor-support": "var(--color-codemirror-syntax-support)",
36
+ "--codeMirror-syntax-fgColor-variable": "var(--color-codemirror-syntax-variable)",
37
+ "--header-fgColor-default": "var(--color-header-text)",
38
+ "--header-fgColor-logo": "var(--color-header-logo)",
39
+ "--header-bgColor": "var(--color-header-bg)",
40
+ "--header-borderColor-divider": "var(--color-header-divider)",
41
+ "--headerSearch-bgColor": "var(--color-header-search-bg)",
42
+ "--headerSearch-borderColor": "var(--color-header-search-border)",
43
+ "--avatar-bgColor": "var(--color-avatar-bg)",
44
+ "--avatar-borderColor": "var(--color-avatar-border)",
45
+ "--avatar-shadow": "var(--color-avatar-child-shadow)",
46
+ "--avatarStack-fade-bgColor-default": "var(--color-avatar-stack-fade)",
47
+ "--avatarStack-fade-bgColor-muted": "var(--color-avatar-stack-fade-more)",
48
+ "--control-bgColor-rest": "var(--color-btn-bg)",
49
+ "--control-bgColor-hover": "var(--color-btn-hover-bg)",
50
+ "--control-bgColor-active": "var(--color-btn-selected-bg)",
51
+ "--control-bgColor-disabled": "var(--color-input-disabled-bg)",
52
+ "--control-bgColor-selected": "var(--color-btn-selected-bg)",
53
+ "--control-fgColor-rest": "var(--color-fg-default)",
54
+ "--control-fgColor-placeholder": "var(--color-fg-subtle)",
55
+ "--control-fgColor-disabled": "var(--color-primer-fg-disabled)",
56
+ "--control-borderColor-rest": "var(--color-btn-border)",
57
+ "--control-borderColor-emphasis": "var(--color-switch-knob-border)",
58
+ "--control-borderColor-disabled": "var(--color-btn-border)",
59
+ "--control-borderColor-selected": "var(--color-btn-bg)",
60
+ "--control-borderColor-success": "var(--color-success-emphasis)",
61
+ "--control-borderColor-danger": "var(--color-danger-emphasis)",
62
+ "--control-borderColor-warning": "var(--color-attention-emphasis)",
63
+ "--control-iconColor-rest": "var(--color-fg-muted)",
64
+ "--control-transparent-bgColor-rest": "transparent",
65
+ "--control-transparent-bgColor-hover": "var(--color-action-list-item-default-hover-bg)",
66
+ "--control-transparent-bgColor-active": "var(--color-action-list-item-default-active-bg)",
67
+ "--control-transparent-bgColor-disabled": "var(--color-action-list-item-default-selected-bg)",
68
+ "--control-transparent-bgColor-selected": "var(--color-action-list-item-default-selected-bg)",
69
+ "--control-transparent-borderColor-rest": "transparent",
70
+ "--control-transparent-borderColor-hover": "var(--color-action-list-item-default-hover-border)",
71
+ "--control-transparent-borderColor-active": "var(--color-action-list-item-default-active-border)",
72
+ "--control-danger-fgColor-rest": "var(--color-danger-fg)",
73
+ "--control-danger-fgColor-hover": "var(--color-action-list-item-danger-hover-text)",
74
+ "--control-danger-bgColor-hover": "var(--color-action-list-item-danger-hover-bg)",
75
+ "--control-danger-bgColor-active": "var(--color-action-list-item-danger-active-bg)",
76
+ "--control-checked-bgColor-rest": "var(--color-switch-track-checked-bg)",
77
+ "--control-checked-bgColor-hover": "var(--color-switch-track-checked-hover-bg)",
78
+ "--control-checked-bgColor-active": "var(--color-switch-track-checked-active-bg)",
79
+ "--control-checked-bgColor-disabled": "var(--color-switch-track-disabled-bg)",
80
+ "--control-checked-fgColor-rest": "var(--color-switch-track-checked-fg)",
81
+ "--control-checked-fgColor-disabled": "var(--color-switch-track-checked-disabled-fg)",
82
+ "--control-checked-borderColor-rest": "var(--color-switch-track-checked-bg)",
83
+ "--control-checked-borderColor-hover": "var(--color-switch-track-checked-hover-bg)",
84
+ "--control-checked-borderColor-active": "var(--color-switch-track-checked-active-bg)",
85
+ "--control-checked-borderColor-disabled": "var(--color-switch-track-disabled-bg)",
86
+ "--controlTrack-bgColor-rest": "var(--color-switch-track-bg)",
87
+ "--controlTrack-bgColor-hover": "var(--color-switch-track-hover-bg)",
88
+ "--controlTrack-bgColor-active": "var(--color-switch-track-active-bg)",
89
+ "--controlTrack-bgColor-disabled": "var(--color-switch-track-disabled-bg)",
90
+ "--controlTrack-fgColor-rest": "var(--color-switch-track-fg)",
91
+ "--controlTrack-fgColor-disabled": "var(--color-switch-track-disabled-fg)",
92
+ "--controlTrack-borderColor-rest": "var(--color-switch-track-border)",
93
+ "--controlTrack-borderColor-disabled": "var(--color-primer-fg-disabled)",
94
+ "--controlKnob-bgColor-rest": "var(--color-switch-knob-bg)",
95
+ "--controlKnob-bgColor-disabled": "var(--color-btn-bg)",
96
+ "--controlKnob-bgColor-checked": "var(--color-switch-knob-checked-bg)",
97
+ "--controlKnob-borderColor-rest": "var(--color-switch-knob-border)",
98
+ "--controlKnob-borderColor-disabled": "var(--color-btn-bg)",
99
+ "--controlKnob-borderColor-checked": "var(--color-switch-knob-checked-border)",
100
+ "--counter-borderColor": "var(--color-counter-border)",
101
+ "--button-default-fgColor-rest": "var(--color-btn-text)",
102
+ "--button-default-bgColor-rest": "var(--color-btn-bg)",
103
+ "--button-default-bgColor-hover": "var(--color-btn-hover-bg)",
104
+ "--button-default-bgColor-active": "var(--color-btn-active-bg)",
105
+ "--button-default-bgColor-selected": "var(--color-btn-selected-bg)",
106
+ "--button-default-bgColor-disabled": "var(--color-btn-bg)",
107
+ "--button-default-borderColor-rest": "var(--color-btn-border)",
108
+ "--button-default-borderColor-hover": "var(--color-btn-hover-border)",
109
+ "--button-default-borderColor-active": "var(--color-btn-active-border)",
110
+ "--button-default-borderColor-disabled": "var(--color-btn-border)",
111
+ "--button-default-shadow-resting": "var(--color-btn-shadow)",
112
+ "--button-default-shadow-inset": "var(--color-btn-inset-shadow)",
113
+ "--button-primary-fgColor-rest": "var(--color-btn-primary-text)",
114
+ "--button-primary-fgColor-disabled": "var(--color-btn-primary-disabled-text)",
115
+ "--button-primary-iconColor-rest": "var(--color-btn-primary-icon)",
116
+ "--button-primary-bgColor-rest": "var(--color-btn-primary-bg)",
117
+ "--button-primary-bgColor-hover": "var(--color-btn-primary-hover-bg)",
118
+ "--button-primary-bgColor-active": "var(--color-btn-primary-selected-bg)",
119
+ "--button-primary-bgColor-disabled": "var(--color-btn-primary-disabled-bg)",
120
+ "--button-primary-borderColor-rest": "var(--color-btn-primary-border)",
121
+ "--button-primary-borderColor-hover": "var(--color-btn-primary-hover-border)",
122
+ "--button-primary-borderColor-disabled": "var(--color-btn-primary-disabled-border)",
123
+ "--button-primary-shadow-selected": "var(--color-btn-primary-selected-shadow)",
124
+ "--button-invisible-fgColor-rest": "var(--color-btn-outline-text)",
125
+ "--button-invisible-fgColor-hover": "var(--color-btn-outline-text)",
126
+ "--button-invisible-fgColor-disabled": "var(--color-primer-fg-disabled)",
127
+ "--button-invisible-bgColor-rest": "transparent",
128
+ "--button-invisible-bgColor-hover": "var(--color-action-list-item-default-hover-bg)",
129
+ "--button-invisible-bgColor-active": "var(--color-action-list-item-default-active-bg)",
130
+ "--button-invisible-bgColor-disabled": "var(--color-action-list-item-default-selected-bg)",
131
+ "--button-invisible-borderColor-rest": "transparent",
132
+ "--button-invisible-borderColor-hover": "transparent",
133
+ "--button-invisible-borderColor-disabled": "var(--color-action-list-item-default-selected-bg)",
134
+ "--button-outline-fgColor-rest": "var(--color-btn-outline-text)",
135
+ "--button-outline-fgColor-hover": "var(--color-btn-outline-hover-text)",
136
+ "--button-outline-fgColor-active": "var(--color-btn-outline-selected-text)",
137
+ "--button-outline-fgColor-disabled": "var(--color-btn-outline-disabled-text)",
138
+ "--button-outline-bgColor-rest": "var(--color-btn-bg)",
139
+ "--button-outline-bgColor-hover": "var(--color-btn-outline-hover-bg)",
140
+ "--button-outline-bgColor-active": "var(--color-btn-outline-selected-bg)",
141
+ "--button-outline-bgColor-disabled": "var(--color-btn-outline-disabled-bg)",
142
+ "--button-outline-borderColor-hover": "var(--color-btn-outline-hover-border)",
143
+ "--button-outline-borderColor-active": "var(--color-btn-outline-selected-border)",
144
+ "--button-outline-shadow-selected": "var(--color-btn-outline-selected-shadow)",
145
+ "--button-danger-fgColor-rest": "var(--color-btn-danger-text)",
146
+ "--button-danger-fgColor-hover": "var(--color-btn-danger-hover-text)",
147
+ "--button-danger-fgColor-active": "var(--color-btn-danger-selected-text)",
148
+ "--button-danger-fgColor-disabled": "var(--color-btn-danger-disabled-text)",
149
+ "--button-danger-iconColor-rest": "var(--color-btn-danger-icon)",
150
+ "--button-danger-iconColor-hover": "var(--color-btn-danger-hover-icon)",
151
+ "--button-danger-bgColor-rest": "var(--color-btn-bg)",
152
+ "--button-danger-bgColor-hover": "var(--color-btn-danger-hover-bg)",
153
+ "--button-danger-bgColor-active": "var(--color-btn-danger-selected-bg)",
154
+ "--button-danger-bgColor-disabled": "var(--color-btn-danger-disabled-bg)",
155
+ "--button-danger-borderColor-rest": "var(--color-btn-border)",
156
+ "--button-danger-borderColor-hover": "var(--color-btn-danger-hover-border)",
157
+ "--button-danger-borderColor-active": "var(--color-btn-danger-selected-border)",
158
+ "--button-danger-borderColor-disabled": "var(--color-action-list-item-default-selected-bg)",
159
+ "--button-danger-shadow-selected": "var(--color-btn-danger-selected-shadow)",
160
+ "--buttonCounter-default-bgColor-rest": "var(--color-btn-counter-bg)",
161
+ "--buttonCounter-primary-bgColor-rest": "var(--color-btn-primary-counter-bg)",
162
+ "--buttonCounter-outline-bgColor-rest": "var(--color-btn-outline-counter-bg)",
163
+ "--buttonCounter-outline-bgColor-hover": "var(--color-btn-outline-hover-counter-bg)",
164
+ "--buttonCounter-outline-bgColor-disabled": "var(--color-btn-outline-disabled-counter-bg)",
165
+ "--buttonCounter-outline-fgColor-rest": "var(--color-btn-outline-counter-fg)",
166
+ "--buttonCounter-outline-fgColor-hover": "var(--color-btn-outline-hover-counter-fg)",
167
+ "--buttonCounter-outline-fgColor-disabled": "var(--color-btn-outline-disabled-counter-fg)",
168
+ "--buttonCounter-danger-bgColor-hover": "var(--color-btn-danger-hover-counter-bg)",
169
+ "--buttonCounter-danger-bgColor-disabled": "var(--color-btn-danger-disabled-counter-bg)",
170
+ "--buttonCounter-danger-bgColor-rest": "var(--color-btn-danger-counter-bg)",
171
+ "--buttonCounter-danger-fgColor-rest": "var(--color-btn-danger-counter-fg)",
172
+ "--buttonCounter-danger-fgColor-hover": "var(--color-btn-danger-hover-counter-fg)",
173
+ "--buttonCounter-danger-fgColor-disabled": "var(--color-btn-danger-disabled-counter-fg)",
174
+ "--focus-outlineColor": "var(--color-accent-fg)",
175
+ "--focus-outline": "var(--color-accent-fg solid 2px)",
176
+ "--menu-bgColor-active": "var(--color-menu-bg-active)",
177
+ "--overlay-bgColor": "var(--color-canvas-overlay)",
178
+ "--overlay-backdrop-bgColor": "var(--color-overlay-backdrop)",
179
+ "--selectMenu-borderColor": "var(--color-select-menu-backdrop-border)",
180
+ "--selectMenu-bgColor-active": "var(--color-select-menu-tap-focus-bg)",
181
+ "--sideNav-bgColor-selected": "var(--color-sidenav-selected-bg)",
182
+ "--timelineBadge-bgColor": "var(--color-timeline-badge-bg)",
183
+ "--treeViewItem-leadingVisual-iconColor-rest": "var(--color-tree-view-item-directory-fill)",
184
+ "--underlineNav-borderColor-active": "var(--color-primer-border-active)",
185
+ "--underlineNav-borderColor-hover": "var(--color-underlinenav-border-hover)",
186
+ "--underlineNav-iconColor-rest": "var(--color-underlinenav-icon)",
187
+ "--fgColor-default": "var(--color-fg-default)",
188
+ "--fgColor-muted": "var(--color-fg-muted)",
189
+ "--fgColor-onEmphasis": "var(--color-fg-on-emphasis)",
190
+ "--fgColor-disabled": "var(--color-primer-fg-disabled)",
191
+ "--fgColor-link": "var(--color-accent-fg)",
192
+ "--fgColor-accent": "var(--color-accent-fg)",
193
+ "--fgColor-success": "var(--color-success-fg)",
194
+ "--fgColor-attention": "var(--color-attention-fg)",
195
+ "--fgColor-severe": "var(--color-severe-fg)",
196
+ "--fgColor-danger": "var(--color-danger-fg)",
197
+ "--fgColor-open": "var(--color-open-fg)",
198
+ "--fgColor-closed": "var(--color-closed-fg)",
199
+ "--fgColor-done": "var(--color-done-fg)",
200
+ "--fgColor-sponsors": "var(--color-sponsors-fg)",
201
+ "--bgColor-default": "var(--color-canvas-default)",
202
+ "--bgColor-muted": "var(--color-canvas-subtle)",
203
+ "--bgColor-inset": "var(--color-canvas-inset)",
204
+ "--bgColor-emphasis": "var(--color-neutral-emphasis-plus)",
205
+ "--bgColor-disabled": "var(--color-neutral-muted)",
206
+ "--bgColor-neutral-muted": "var(--color-neutral-subtle)",
207
+ "--bgColor-neutral-emphasis": "var(--color-fg-subtle)",
208
+ "--bgColor-accent-muted": "var(--color-accent-subtle)",
209
+ "--bgColor-accent-emphasis": "var(--color-accent-emphasis)",
210
+ "--bgColor-success-muted": "var(--color-success-subtle)",
211
+ "--bgColor-success-emphasis": "var(--color-success-emphasis)",
212
+ "--bgColor-attention-muted": "var(--color-attention-subtle)",
213
+ "--bgColor-attention-emphasis": "var(--color-attention-emphasis)",
214
+ "--bgColor-severe-muted": "var(--color-severe-subtle)",
215
+ "--bgColor-severe-emphasis": "var(--color-severe-emphasis)",
216
+ "--bgColor-danger-muted": "var(--color-danger-subtle)",
217
+ "--bgColor-danger-emphasis": "var(--color-danger-emphasis)",
218
+ "--bgColor-open-muted": "var(--color-open-subtle)",
219
+ "--bgColor-open-emphasis": "var(--color-open-emphasis)",
220
+ "--bgColor-closed-muted": "var(--color-closed-subtle)",
221
+ "--bgColor-closed-emphasis": "var(--color-closed-emphasis)",
222
+ "--bgColor-done-muted": "var(--color-done-subtle)",
223
+ "--bgColor-done-emphasis": "var(--color-done-emphasis)",
224
+ "--bgColor-sponsors-muted": "var(--color-sponsors-subtle)",
225
+ "--bgColor-sponsors-emphasis": "var(--color-sponsors-emphasis)",
226
+ "--borderColor-default": "var(--color-border-default)",
227
+ "--borderColor-muted": "var(--color-border-muted)",
228
+ "--borderColor-emphasis": "var(--color-fg-subtle)",
229
+ "--borderColor-disabled": "var(--color-border-default)",
230
+ "--borderColor-neutral-muted": "var(--color-neutral-muted)",
231
+ "--borderColor-neutral-emphasis": "var(--color-fg-subtle)",
232
+ "--borderColor-accent-muted": "var(--color-accent-muted)",
233
+ "--borderColor-accent-emphasis": "var(--color-accent-emphasis)",
234
+ "--borderColor-success-muted": "var(--color-success-muted)",
235
+ "--borderColor-success-emphasis": "var(--color-success-emphasis)",
236
+ "--borderColor-attention-muted": "var(--color-attention-muted)",
237
+ "--borderColor-attention-emphasis": "var(--color-attention-emphasis)",
238
+ "--borderColor-severe-muted": "var(--color-severe-muted)",
239
+ "--borderColor-severe-emphasis": "var(--color-severe-emphasis)",
240
+ "--borderColor-danger-muted": "var(--color-danger-muted)",
241
+ "--borderColor-danger-emphasis": "var(--color-danger-emphasis)",
242
+ "--borderColor-open-muted": "var(--color-open-muted)",
243
+ "--borderColor-open-emphasis": "var(--color-open-emphasis)",
244
+ "--borderColor-closed-muted": "var(--color-closed-muted)",
245
+ "--borderColor-closed-emphasis": "var(--color-closed-emphasis)",
246
+ "--borderColor-done-muted": "var(--color-done-muted)",
247
+ "--borderColor-done-emphasis": "var(--color-done-emphasis)",
248
+ "--borderColor-sponsors-muted": "var(--color-sponsors-muted)",
249
+ "--borderColor-sponsors-emphasis": "var(--color-sponsors-emphasis)",
250
+ "--shadow-resting-xsmall": "",
251
+ "--shadow-resting-small": "var(--color-shadow-small)",
252
+ "--shadow-resting-medium": "var(--color-shadow-medium)",
253
+ "--shadow-floating-small": "var(--color-overlay-shadow)",
254
+ "--shadow-floating-medium": "",
255
+ "--shadow-floating-large": "var(--color-shadow-large)",
256
+ "--shadow-floating-xlarge": "var(--color-shadow-extra-large)",
257
+ "--shadow-inset": "var(--color-primer-shadow-inset)",
258
+ "--borderColor-transparent": "transparent",
259
+ "--bgColor-transparent": "transparent"
260
+ }
package/src/tokens/functional/border/dark.json5 ADDED
@@ -0,0 +1,12 @@
1
+ {
2
+ outline: {
3
+ focus: {
4
+ $value: {
5
+ color: '{focus.outlineColor}',
6
+ style: 'solid',
7
+ width: '2px',
8
+ },
9
+ $type: 'border',
10
+ },
11
+ },
12
+ }
package/src/tokens/functional/border/light.json5 ADDED
@@ -0,0 +1,12 @@
1
+ {
2
+ focus: {
3
+ outline: {
4
+ $value: {
5
+ color: '{focus.outlineColor}',
6
+ style: 'solid',
7
+ width: '2px',
8
+ },
9
+ $type: 'border',
10
+ },
11
+ },
12
+ }