@primer/primitives 7.12.0-rc.950e75d → 7.12.0-rc.bed5e9f

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/README.md +21 -0
  2. package/package.json +1 -1
  3. package/tokens-next-private/docs/functional/size/size.json +82 -82
  4. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +1 -1
  5. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +1 -1
  6. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +1 -1
  7. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +1 -1
  8. package/tokens-next-private/docs/functional/themes/dark.json +1 -1
  9. package/tokens-next-private/figma/dimension/dimension.json +82 -82
  10. package/tokens-next-private/figma/figma.json +3 -0
  11. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  12. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  13. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  14. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  15. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  16. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  17. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  18. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  19. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  20. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  21. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  22. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  23. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  24. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  25. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  26. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  27. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  28. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  29. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  30. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  31. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  32. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  33. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  34. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  35. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  36. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  37. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  38. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  39. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  40. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  41. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  42. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  43. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  44. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  45. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  46. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  47. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  48. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  49. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  50. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  51. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  52. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  53. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  54. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  55. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  56. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  57. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  58. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  59. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  60. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  61. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  62. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  63. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
package/README.md CHANGED
@@ -194,6 +194,27 @@ Code example
194
194
  }
195
195
  ```
196
196
 
197
+ #### Token names and @-hack
198
+
199
+ Token names have to be in camelCase or kebab-case and may only include letters, numbers and `-`. This is enforced by the token validation (`npm run lint:tokens`).
200
+ The only acception is the `@`-hack. This is used when you want to have a default value and sub-values, e.g. `bgColor.accent` and `bgColor.accent.muted`.
201
+ In this case you can create the follwing structure. The `@` will be removed from the name and act as the default value.
202
+
203
+ ```js
204
+ {
205
+ bgColor: {
206
+ accent: {
207
+ "@": {
208
+ // default values
209
+ },
210
+ "muted": {
211
+ // values for accent-muted
212
+ }
213
+ }
214
+ }
215
+ }
216
+ ```
217
+
197
218
  ## License
198
219
 
199
220
  [MIT](./LICENSE) © [GitHub](https://github.com/)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "7.12.0-rc.950e75d",
3
+ "version": "7.12.0-rc.bed5e9f",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "files": [
6
6
  "dist",