@primer/primitives 7.15.4-rc.75e3949 → 7.15.4

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 (80) hide show
  1. package/dist/js/colors/dark.js +15 -15
  2. package/dist/json/colors/dark.json +15 -15
  3. package/dist/scss/colors/_dark.scss +15 -15
  4. package/dist/ts/colors/dark.ts +15 -15
  5. package/package.json +1 -1
  6. package/tokens-next-private/css/functional/themes/dark-colorblind.css +18 -18
  7. package/tokens-next-private/css/functional/themes/dark-dimmed.css +18 -18
  8. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +18 -18
  9. package/tokens-next-private/css/functional/themes/dark.css +18 -18
  10. package/tokens-next-private/docs/functional/size/border.json +32 -8
  11. package/tokens-next-private/docs/functional/size/size.json +48 -12
  12. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +459 -123
  13. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +459 -123
  14. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +448 -112
  15. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +459 -123
  16. package/tokens-next-private/docs/functional/themes/dark.json +459 -123
  17. package/tokens-next-private/docs/functional/themes/light-colorblind.json +448 -112
  18. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +448 -112
  19. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +448 -112
  20. package/tokens-next-private/docs/functional/themes/light.json +448 -112
  21. package/tokens-next-private/figma/dimension/dimension.json +40 -10
  22. package/tokens-next-private/figma/themes/dark.json +251 -83
  23. package/tokens-next-private/figma/themes/light.json +224 -56
  24. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +9 -9
  25. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +9 -9
  26. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +9 -9
  27. package/tokens-next-private/scss/functional/themes/dark.scss +9 -9
  28. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  29. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  30. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  31. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  32. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  33. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  34. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  35. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  36. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  37. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  38. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  39. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  40. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  41. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  42. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  43. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  44. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  45. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  46. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  47. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  48. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  49. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  50. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  51. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  52. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  53. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  54. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  55. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  56. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  57. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  58. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  59. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  60. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  61. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  62. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  63. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  64. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  65. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  66. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  67. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  68. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  69. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  70. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  71. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  72. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  73. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  74. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  75. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  76. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  77. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  78. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  79. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  80. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
package/tokens-next-private/figma/dimension/dimension.json CHANGED
@@ -8,7 +8,10 @@
8
8
  "collection": "functional/size",
9
9
  "mode": "default",
10
10
  "group": "functional/size",
11
- "scopes": ["CORNER_RADIUS"]
11
+ "scopes": ["CORNER_RADIUS"],
12
+ "codeSyntax": {
13
+ "web": "var(--borderRadius-full) /* utility class: .circle */"
14
+ }
12
15
  },
13
16
  {
14
17
  "name": "borderRadius/large",
@@ -18,7 +21,10 @@
18
21
  "collection": "functional/size",
19
22
  "mode": "default",
20
23
  "group": "functional/size",
21
- "scopes": ["CORNER_RADIUS"]
24
+ "scopes": ["CORNER_RADIUS"],
25
+ "codeSyntax": {
26
+ "web": "var(--borderRadius-large) /* utility class: .rounded-3 */"
27
+ }
22
28
  },
23
29
  {
24
30
  "name": "borderRadius/medium",
@@ -28,7 +34,10 @@
28
34
  "collection": "functional/size",
29
35
  "mode": "default",
30
36
  "group": "functional/size",
31
- "scopes": ["CORNER_RADIUS"]
37
+ "scopes": ["CORNER_RADIUS"],
38
+ "codeSyntax": {
39
+ "web": "var(--borderRadius-medium) /* utility class: .rounded-2 */"
40
+ }
32
41
  },
33
42
  {
34
43
  "name": "borderRadius/small",
@@ -38,7 +47,10 @@
38
47
  "collection": "functional/size",
39
48
  "mode": "default",
40
49
  "group": "functional/size",
41
- "scopes": ["CORNER_RADIUS"]
50
+ "scopes": ["CORNER_RADIUS"],
51
+ "codeSyntax": {
52
+ "web": "var(--borderRadius-small) /* utility class: .rounded-1 */"
53
+ }
42
54
  },
43
55
  {
44
56
  "name": "overlay/height/xlarge",
@@ -561,7 +573,10 @@
561
573
  "collection": "pattern/size",
562
574
  "mode": "default",
563
575
  "group": "component",
564
- "scopes": ["GAP"]
576
+ "scopes": ["GAP"],
577
+ "codeSyntax": {
578
+ "web": "var(--stack-gap-spacious) /* utility class: .gap-4 */"
579
+ }
565
580
  },
566
581
  {
567
582
  "name": "stack/gap/normal",
@@ -572,7 +587,10 @@
572
587
  "collection": "pattern/size",
573
588
  "mode": "default",
574
589
  "group": "component",
575
- "scopes": ["GAP"]
590
+ "scopes": ["GAP"],
591
+ "codeSyntax": {
592
+ "web": "var(--stack-gap-normal) /* utility class: .gap-3 */"
593
+ }
576
594
  },
577
595
  {
578
596
  "name": "stack/gap/condensed",
@@ -583,7 +601,10 @@
583
601
  "collection": "pattern/size",
584
602
  "mode": "default",
585
603
  "group": "component",
586
- "scopes": ["GAP"]
604
+ "scopes": ["GAP"],
605
+ "codeSyntax": {
606
+ "web": "var(--stack-gap-condensed) /* utility class: .gap-2 */"
607
+ }
587
608
  },
588
609
  {
589
610
  "name": "stack/padding/spacious",
@@ -594,7 +615,10 @@
594
615
  "collection": "pattern/size",
595
616
  "mode": "default",
596
617
  "group": "component",
597
- "scopes": ["GAP"]
618
+ "scopes": ["GAP"],
619
+ "codeSyntax": {
620
+ "web": "var(--stack-padding-spacious) /* utility class: .p-4 */"
621
+ }
598
622
  },
599
623
  {
600
624
  "name": "stack/padding/normal",
@@ -605,7 +629,10 @@
605
629
  "collection": "pattern/size",
606
630
  "mode": "default",
607
631
  "group": "component",
608
- "scopes": ["GAP"]
632
+ "scopes": ["GAP"],
633
+ "codeSyntax": {
634
+ "web": "var(--stack-padding-normal) /* utility class: .p-3 */"
635
+ }
609
636
  },
610
637
  {
611
638
  "name": "stack/padding/condensed",
@@ -616,7 +643,10 @@
616
643
  "collection": "pattern/size",
617
644
  "mode": "default",
618
645
  "group": "component",
619
- "scopes": ["GAP"]
646
+ "scopes": ["GAP"],
647
+ "codeSyntax": {
648
+ "web": "var(--stack-padding-condensed) /* utility class: .p-2 */"
649
+ }
620
650
  },
621
651
  {
622
652
  "name": "spinner/size/large",