@primer/primitives 7.15.4-rc.2e212d2 → 7.15.4-rc.b720f44

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 (100) hide show
  1. package/dist/js/colors/light.js +1 -1
  2. package/dist/js/colors/light_colorblind.js +1 -1
  3. package/dist/js/colors/light_high_contrast.js +1 -1
  4. package/dist/js/colors/light_tritanopia.js +1 -1
  5. package/dist/json/colors/light.json +1 -1
  6. package/dist/json/colors/light_colorblind.json +1 -1
  7. package/dist/json/colors/light_high_contrast.json +1 -1
  8. package/dist/json/colors/light_tritanopia.json +1 -1
  9. package/dist/scss/colors/_light.scss +1 -1
  10. package/dist/scss/colors/_light_colorblind.scss +1 -1
  11. package/dist/scss/colors/_light_high_contrast.scss +1 -1
  12. package/dist/scss/colors/_light_tritanopia.scss +1 -1
  13. package/dist/ts/colors/light.ts +1 -1
  14. package/dist/ts/colors/light_colorblind.ts +1 -1
  15. package/dist/ts/colors/light_high_contrast.ts +1 -1
  16. package/dist/ts/colors/light_tritanopia.ts +1 -1
  17. package/package.json +1 -1
  18. package/tokens-next-private/css/functional/size/breakpoints.css +1 -1
  19. package/tokens-next-private/css/functional/size/viewport.css +1 -1
  20. package/tokens-next-private/css/functional/themes/light-colorblind.css +2 -2
  21. package/tokens-next-private/css/functional/themes/light-high-contrast.css +2 -2
  22. package/tokens-next-private/css/functional/themes/light-tritanopia.css +2 -2
  23. package/tokens-next-private/css/functional/themes/light.css +2 -2
  24. package/tokens-next-private/docs/functional/size/border.json +8 -32
  25. package/tokens-next-private/docs/functional/size/breakpoints.json +2 -2
  26. package/tokens-next-private/docs/functional/size/size.json +12 -48
  27. package/tokens-next-private/docs/functional/size/viewport.json +1 -1
  28. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +112 -448
  29. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +112 -448
  30. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +112 -448
  31. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +112 -448
  32. package/tokens-next-private/docs/functional/themes/dark.json +112 -448
  33. package/tokens-next-private/docs/functional/themes/light-colorblind.json +114 -450
  34. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +114 -450
  35. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +114 -450
  36. package/tokens-next-private/docs/functional/themes/light.json +114 -450
  37. package/tokens-next-private/fallbacks/functional/size/breakpoints.json +1 -1
  38. package/tokens-next-private/fallbacks/functional/size/viewport.json +1 -1
  39. package/tokens-next-private/figma/dimension/dimension.json +11 -41
  40. package/tokens-next-private/figma/themes/dark.json +56 -224
  41. package/tokens-next-private/figma/themes/light.json +60 -228
  42. package/tokens-next-private/scss/functional/size/breakpoints.scss +1 -1
  43. package/tokens-next-private/scss/functional/size/viewport.scss +1 -1
  44. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +1 -1
  45. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +1 -1
  46. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +1 -1
  47. package/tokens-next-private/scss/functional/themes/light.scss +1 -1
  48. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  49. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  50. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  51. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  52. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  53. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  54. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  55. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  56. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  57. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  58. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  59. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  60. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  61. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  62. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  63. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  64. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  65. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  66. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  67. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  68. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  69. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  70. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  71. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  72. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  73. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  74. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  75. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  76. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  77. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  78. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  79. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  80. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  81. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  82. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  83. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  84. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  85. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  86. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  87. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  88. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  89. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  90. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  91. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  92. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  93. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  94. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  95. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  96. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  97. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  98. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  99. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  100. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -40,7 +40,7 @@ exports.default = {
40
40
  },
41
41
  "prettylights": {
42
42
  "syntax": {
43
- "comment": "#57606a",
43
+ "comment": "#6e7781",
44
44
  "constant": "#0550ae",
45
45
  "entity": "#6639ba",
46
46
  "storageModifierImport": "#24292f",
@@ -40,7 +40,7 @@ exports.default = {
40
40
  },
41
41
  "prettylights": {
42
42
  "syntax": {
43
- "comment": "#57606a",
43
+ "comment": "#6e7781",
44
44
  "constant": "#0550ae",
45
45
  "entity": "#6639ba",
46
46
  "storageModifierImport": "#24292f",
@@ -40,7 +40,7 @@ exports.default = {
40
40
  },
41
41
  "prettylights": {
42
42
  "syntax": {
43
- "comment": "#4b535d",
43
+ "comment": "#66707b",
44
44
  "constant": "#023b95",
45
45
  "entity": "#512598",
46
46
  "storageModifierImport": "#0e1116",
@@ -40,7 +40,7 @@ exports.default = {
40
40
  },
41
41
  "prettylights": {
42
42
  "syntax": {
43
- "comment": "#57606a",
43
+ "comment": "#6e7781",
44
44
  "constant": "#0550ae",
45
45
  "entity": "#6639ba",
46
46
  "storageModifierImport": "#24292f",
@@ -38,7 +38,7 @@
38
38
  },
39
39
  "prettylights": {
40
40
  "syntax": {
41
- "comment": "#57606a",
41
+ "comment": "#6e7781",
42
42
  "constant": "#0550ae",
43
43
  "entity": "#6639ba",
44
44
  "storageModifierImport": "#24292f",
@@ -38,7 +38,7 @@
38
38
  },
39
39
  "prettylights": {
40
40
  "syntax": {
41
- "comment": "#57606a",
41
+ "comment": "#6e7781",
42
42
  "constant": "#0550ae",
43
43
  "entity": "#6639ba",
44
44
  "storageModifierImport": "#24292f",
@@ -38,7 +38,7 @@
38
38
  },
39
39
  "prettylights": {
40
40
  "syntax": {
41
- "comment": "#4b535d",
41
+ "comment": "#66707b",
42
42
  "constant": "#023b95",
43
43
  "entity": "#512598",
44
44
  "storageModifierImport": "#0e1116",
@@ -38,7 +38,7 @@
38
38
  },
39
39
  "prettylights": {
40
40
  "syntax": {
41
- "comment": "#57606a",
41
+ "comment": "#6e7781",
42
42
  "constant": "#0550ae",
43
43
  "entity": "#6639ba",
44
44
  "storageModifierImport": "#24292f",
@@ -21,7 +21,7 @@
21
21
  --color-diffstat-addition-border: rgba(31,35,40,0.15);
22
22
  --color-diffstat-addition-bg: #1f883d;
23
23
  --color-search-keyword-hl: #fff8c5;
24
- --color-prettylights-syntax-comment: #57606a;
24
+ --color-prettylights-syntax-comment: #6e7781;
25
25
  --color-prettylights-syntax-constant: #0550ae;
26
26
  --color-prettylights-syntax-entity: #6639ba;
27
27
  --color-prettylights-syntax-storage-modifier-import: #24292f;
@@ -21,7 +21,7 @@
21
21
  --color-diffstat-addition-border: rgba(27,31,36,0.15);
22
22
  --color-diffstat-addition-bg: #0969da;
23
23
  --color-search-keyword-hl: #fff8c5;
24
- --color-prettylights-syntax-comment: #57606a;
24
+ --color-prettylights-syntax-comment: #6e7781;
25
25
  --color-prettylights-syntax-constant: #0550ae;
26
26
  --color-prettylights-syntax-entity: #6639ba;
27
27
  --color-prettylights-syntax-storage-modifier-import: #24292f;
@@ -21,7 +21,7 @@
21
21
  --color-diffstat-addition-border: rgba(1,4,9,0.8);
22
22
  --color-diffstat-addition-bg: #055d20;
23
23
  --color-search-keyword-hl: #fcf7be;
24
- --color-prettylights-syntax-comment: #4b535d;
24
+ --color-prettylights-syntax-comment: #66707b;
25
25
  --color-prettylights-syntax-constant: #023b95;
26
26
  --color-prettylights-syntax-entity: #512598;
27
27
  --color-prettylights-syntax-storage-modifier-import: #0e1116;
@@ -21,7 +21,7 @@
21
21
  --color-diffstat-addition-border: rgba(27,31,36,0.15);
22
22
  --color-diffstat-addition-bg: #0969da;
23
23
  --color-search-keyword-hl: #fff8c5;
24
- --color-prettylights-syntax-comment: #57606a;
24
+ --color-prettylights-syntax-comment: #6e7781;
25
25
  --color-prettylights-syntax-constant: #0550ae;
26
26
  --color-prettylights-syntax-entity: #6639ba;
27
27
  --color-prettylights-syntax-storage-modifier-import: #24292f;
@@ -38,7 +38,7 @@ export default {
38
38
  },
39
39
  "prettylights": {
40
40
  "syntax": {
41
- "comment": "#57606a",
41
+ "comment": "#6e7781",
42
42
  "constant": "#0550ae",
43
43
  "entity": "#6639ba",
44
44
  "storageModifierImport": "#24292f",
@@ -38,7 +38,7 @@ export default {
38
38
  },
39
39
  "prettylights": {
40
40
  "syntax": {
41
- "comment": "#57606a",
41
+ "comment": "#6e7781",
42
42
  "constant": "#0550ae",
43
43
  "entity": "#6639ba",
44
44
  "storageModifierImport": "#24292f",
@@ -38,7 +38,7 @@ export default {
38
38
  },
39
39
  "prettylights": {
40
40
  "syntax": {
41
- "comment": "#4b535d",
41
+ "comment": "#66707b",
42
42
  "constant": "#023b95",
43
43
  "entity": "#512598",
44
44
  "storageModifierImport": "#0e1116",
@@ -38,7 +38,7 @@ export default {
38
38
  },
39
39
  "prettylights": {
40
40
  "syntax": {
41
- "comment": "#57606a",
41
+ "comment": "#6e7781",
42
42
  "constant": "#0550ae",
43
43
  "entity": "#6639ba",
44
44
  "storageModifierImport": "#24292f",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "7.15.4-rc.2e212d2",
3
+ "version": "7.15.4-rc.b720f44",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "files": [
6
6
  "dist",
@@ -4,5 +4,5 @@
4
4
  --breakpoint-medium: 48rem;
5
5
  --breakpoint-large: 63.25rem;
6
6
  --breakpoint-xlarge: 80rem;
7
- --breakpoint-xxlarge: 87.5rem;
7
+ --breakpoint-xxlarge: 90rem;
8
8
  }
@@ -1,6 +1,6 @@
1
1
  @custom-media --viewportRange-narrow (max-width: calc(48rem - 0.02px));
2
2
  @custom-media --viewportRange-narrowLandscape (max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape));
3
3
  @custom-media --viewportRange-regular (min-width: 48rem);
4
- @custom-media --viewportRange-wide (min-width: 87.5rem);
4
+ @custom-media --viewportRange-wide (min-width: 90rem);
5
5
  @custom-media --viewportRange-portrait (orientation: portrait);
6
6
  @custom-media --viewportRange-landscape (orientation: landscape);
@@ -286,7 +286,7 @@
286
286
  --color-ansi-magenta-bright: #a475f9;
287
287
  --color-ansi-cyan: #1b7c83;
288
288
  --color-ansi-cyan-bright: #3192aa;
289
- --color-prettylights-syntax-comment: #57606a;
289
+ --color-prettylights-syntax-comment: #6e7781;
290
290
  --color-prettylights-syntax-constant: #0550ae;
291
291
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
292
292
  --color-prettylights-syntax-entity: #6639ba;
@@ -706,7 +706,7 @@
706
706
  --color-ansi-magenta-bright: #a475f9;
707
707
  --color-ansi-cyan: #1b7c83;
708
708
  --color-ansi-cyan-bright: #3192aa;
709
- --color-prettylights-syntax-comment: #57606a;
709
+ --color-prettylights-syntax-comment: #6e7781;
710
710
  --color-prettylights-syntax-constant: #0550ae;
711
711
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
712
712
  --color-prettylights-syntax-entity: #6639ba;
@@ -286,7 +286,7 @@
286
286
  --color-ansi-magenta-bright: #844ae7;
287
287
  --color-ansi-cyan: #1b7c83;
288
288
  --color-ansi-cyan-bright: #3192aa;
289
- --color-prettylights-syntax-comment: #4b535d;
289
+ --color-prettylights-syntax-comment: #66707b;
290
290
  --color-prettylights-syntax-constant: #023b95;
291
291
  --color-prettylights-syntax-constant-other-reference-link: #032563;
292
292
  --color-prettylights-syntax-entity: #512598;
@@ -706,7 +706,7 @@
706
706
  --color-ansi-magenta-bright: #844ae7;
707
707
  --color-ansi-cyan: #1b7c83;
708
708
  --color-ansi-cyan-bright: #3192aa;
709
- --color-prettylights-syntax-comment: #4b535d;
709
+ --color-prettylights-syntax-comment: #66707b;
710
710
  --color-prettylights-syntax-constant: #023b95;
711
711
  --color-prettylights-syntax-constant-other-reference-link: #032563;
712
712
  --color-prettylights-syntax-entity: #512598;
@@ -286,7 +286,7 @@
286
286
  --color-ansi-magenta-bright: #a475f9;
287
287
  --color-ansi-cyan: #1b7c83;
288
288
  --color-ansi-cyan-bright: #3192aa;
289
- --color-prettylights-syntax-comment: #57606a;
289
+ --color-prettylights-syntax-comment: #6e7781;
290
290
  --color-prettylights-syntax-constant: #0550ae;
291
291
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
292
292
  --color-prettylights-syntax-entity: #6639ba;
@@ -706,7 +706,7 @@
706
706
  --color-ansi-magenta-bright: #a475f9;
707
707
  --color-ansi-cyan: #1b7c83;
708
708
  --color-ansi-cyan-bright: #3192aa;
709
- --color-prettylights-syntax-comment: #57606a;
709
+ --color-prettylights-syntax-comment: #6e7781;
710
710
  --color-prettylights-syntax-constant: #0550ae;
711
711
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
712
712
  --color-prettylights-syntax-entity: #6639ba;
@@ -286,7 +286,7 @@
286
286
  --color-ansi-magenta-bright: #a475f9;
287
287
  --color-ansi-cyan: #1b7c83;
288
288
  --color-ansi-cyan-bright: #3192aa;
289
- --color-prettylights-syntax-comment: #57606a;
289
+ --color-prettylights-syntax-comment: #6e7781;
290
290
  --color-prettylights-syntax-constant: #0550ae;
291
291
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
292
292
  --color-prettylights-syntax-entity: #6639ba;
@@ -706,7 +706,7 @@
706
706
  --color-ansi-magenta-bright: #a475f9;
707
707
  --color-ansi-cyan: #1b7c83;
708
708
  --color-ansi-cyan-bright: #3192aa;
709
- --color-prettylights-syntax-comment: #57606a;
709
+ --color-prettylights-syntax-comment: #6e7781;
710
710
  --color-prettylights-syntax-constant: #0550ae;
711
711
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
712
712
  --color-prettylights-syntax-entity: #6639ba;
@@ -85,10 +85,7 @@
85
85
  "$extensions": {
86
86
  "org.primer.figma": {
87
87
  "collection": "functional/size",
88
- "scopes": ["radius"],
89
- "codeSyntax": {
90
- "web": "var(--borderRadius-small) /* utility class: .rounded-1 */"
91
- }
88
+ "scopes": ["radius"]
92
89
  }
93
90
  },
94
91
  "filePath": "src/tokens/functional/size/border.json",
@@ -99,10 +96,7 @@
99
96
  "$extensions": {
100
97
  "org.primer.figma": {
101
98
  "collection": "functional/size",
102
- "scopes": ["radius"],
103
- "codeSyntax": {
104
- "web": "var(--borderRadius-small) /* utility class: .rounded-1 */"
105
- }
99
+ "scopes": ["radius"]
106
100
  }
107
101
  }
108
102
  },
@@ -116,10 +110,7 @@
116
110
  "$extensions": {
117
111
  "org.primer.figma": {
118
112
  "collection": "functional/size",
119
- "scopes": ["radius"],
120
- "codeSyntax": {
121
- "web": "var(--borderRadius-medium) /* utility class: .rounded-2 */"
122
- }
113
+ "scopes": ["radius"]
123
114
  }
124
115
  },
125
116
  "filePath": "src/tokens/functional/size/border.json",
@@ -130,10 +121,7 @@
130
121
  "$extensions": {
131
122
  "org.primer.figma": {
132
123
  "collection": "functional/size",
133
- "scopes": ["radius"],
134
- "codeSyntax": {
135
- "web": "var(--borderRadius-medium) /* utility class: .rounded-2 */"
136
- }
124
+ "scopes": ["radius"]
137
125
  }
138
126
  }
139
127
  },
@@ -147,10 +135,7 @@
147
135
  "$extensions": {
148
136
  "org.primer.figma": {
149
137
  "collection": "functional/size",
150
- "scopes": ["radius"],
151
- "codeSyntax": {
152
- "web": "var(--borderRadius-large) /* utility class: .rounded-3 */"
153
- }
138
+ "scopes": ["radius"]
154
139
  }
155
140
  },
156
141
  "filePath": "src/tokens/functional/size/border.json",
@@ -161,10 +146,7 @@
161
146
  "$extensions": {
162
147
  "org.primer.figma": {
163
148
  "collection": "functional/size",
164
- "scopes": ["radius"],
165
- "codeSyntax": {
166
- "web": "var(--borderRadius-large) /* utility class: .rounded-3 */"
167
- }
149
+ "scopes": ["radius"]
168
150
  }
169
151
  }
170
152
  },
@@ -179,10 +161,7 @@
179
161
  "$extensions": {
180
162
  "org.primer.figma": {
181
163
  "collection": "functional/size",
182
- "scopes": ["radius"],
183
- "codeSyntax": {
184
- "web": "var(--borderRadius-full) /* utility class: .circle */"
185
- }
164
+ "scopes": ["radius"]
186
165
  }
187
166
  },
188
167
  "filePath": "src/tokens/functional/size/border.json",
@@ -194,10 +173,7 @@
194
173
  "$extensions": {
195
174
  "org.primer.figma": {
196
175
  "collection": "functional/size",
197
- "scopes": ["radius"],
198
- "codeSyntax": {
199
- "web": "var(--borderRadius-full) /* utility class: .circle */"
200
- }
176
+ "scopes": ["radius"]
201
177
  }
202
178
  }
203
179
  },
@@ -125,7 +125,7 @@
125
125
  "path": ["breakpoint", "xlarge"]
126
126
  },
127
127
  "breakpoint-xxlarge": {
128
- "value": "87.5rem",
128
+ "value": "90rem",
129
129
  "$type": "dimension",
130
130
  "$extensions": {
131
131
  "org.primer.figma": {
@@ -136,7 +136,7 @@
136
136
  "filePath": "src/tokens/functional/size/breakpoints.json",
137
137
  "isSource": true,
138
138
  "original": {
139
- "value": "1400px",
139
+ "value": "1440px",
140
140
  "$type": "dimension",
141
141
  "$extensions": {
142
142
  "org.primer.figma": {
@@ -1268,11 +1268,8 @@
1268
1268
  "$extensions": {
1269
1269
  "org.primer.figma": {
1270
1270
  "collection": "pattern/size",
1271
- "scopes": ["gap"],
1272
1271
  "group": "component",
1273
- "codeSyntax": {
1274
- "web": "var(--stack-padding-condensed) /* utility class: .p-2 */"
1275
- }
1272
+ "scopes": ["gap"]
1276
1273
  }
1277
1274
  },
1278
1275
  "filePath": "src/tokens/functional/size/size.json",
@@ -1283,11 +1280,8 @@
1283
1280
  "$extensions": {
1284
1281
  "org.primer.figma": {
1285
1282
  "collection": "pattern/size",
1286
- "scopes": ["gap"],
1287
1283
  "group": "component",
1288
- "codeSyntax": {
1289
- "web": "var(--stack-padding-condensed) /* utility class: .p-2 */"
1290
- }
1284
+ "scopes": ["gap"]
1291
1285
  }
1292
1286
  }
1293
1287
  },
@@ -1302,10 +1296,7 @@
1302
1296
  "org.primer.figma": {
1303
1297
  "collection": "pattern/size",
1304
1298
  "group": "component",
1305
- "scopes": ["gap"],
1306
- "codeSyntax": {
1307
- "web": "var(--stack-padding-normal) /* utility class: .p-3 */"
1308
- }
1299
+ "scopes": ["gap"]
1309
1300
  }
1310
1301
  },
1311
1302
  "filePath": "src/tokens/functional/size/size.json",
@@ -1317,10 +1308,7 @@
1317
1308
  "org.primer.figma": {
1318
1309
  "collection": "pattern/size",
1319
1310
  "group": "component",
1320
- "scopes": ["gap"],
1321
- "codeSyntax": {
1322
- "web": "var(--stack-padding-normal) /* utility class: .p-3 */"
1323
- }
1311
+ "scopes": ["gap"]
1324
1312
  }
1325
1313
  }
1326
1314
  },
@@ -1335,10 +1323,7 @@
1335
1323
  "org.primer.figma": {
1336
1324
  "collection": "pattern/size",
1337
1325
  "group": "component",
1338
- "scopes": ["gap"],
1339
- "codeSyntax": {
1340
- "web": "var(--stack-padding-spacious) /* utility class: .p-4 */"
1341
- }
1326
+ "scopes": ["gap"]
1342
1327
  }
1343
1328
  },
1344
1329
  "filePath": "src/tokens/functional/size/size.json",
@@ -1350,10 +1335,7 @@
1350
1335
  "org.primer.figma": {
1351
1336
  "collection": "pattern/size",
1352
1337
  "group": "component",
1353
- "scopes": ["gap"],
1354
- "codeSyntax": {
1355
- "web": "var(--stack-padding-spacious) /* utility class: .p-4 */"
1356
- }
1338
+ "scopes": ["gap"]
1357
1339
  }
1358
1340
  }
1359
1341
  },
@@ -1368,10 +1350,7 @@
1368
1350
  "org.primer.figma": {
1369
1351
  "collection": "pattern/size",
1370
1352
  "group": "component",
1371
- "scopes": ["gap"],
1372
- "codeSyntax": {
1373
- "web": "var(--stack-gap-condensed) /* utility class: .gap-2 */"
1374
- }
1353
+ "scopes": ["gap"]
1375
1354
  }
1376
1355
  },
1377
1356
  "filePath": "src/tokens/functional/size/size.json",
@@ -1383,10 +1362,7 @@
1383
1362
  "org.primer.figma": {
1384
1363
  "collection": "pattern/size",
1385
1364
  "group": "component",
1386
- "scopes": ["gap"],
1387
- "codeSyntax": {
1388
- "web": "var(--stack-gap-condensed) /* utility class: .gap-2 */"
1389
- }
1365
+ "scopes": ["gap"]
1390
1366
  }
1391
1367
  }
1392
1368
  },
@@ -1401,10 +1377,7 @@
1401
1377
  "org.primer.figma": {
1402
1378
  "collection": "pattern/size",
1403
1379
  "group": "component",
1404
- "scopes": ["gap"],
1405
- "codeSyntax": {
1406
- "web": "var(--stack-gap-normal) /* utility class: .gap-3 */"
1407
- }
1380
+ "scopes": ["gap"]
1408
1381
  }
1409
1382
  },
1410
1383
  "filePath": "src/tokens/functional/size/size.json",
@@ -1416,10 +1389,7 @@
1416
1389
  "org.primer.figma": {
1417
1390
  "collection": "pattern/size",
1418
1391
  "group": "component",
1419
- "scopes": ["gap"],
1420
- "codeSyntax": {
1421
- "web": "var(--stack-gap-normal) /* utility class: .gap-3 */"
1422
- }
1392
+ "scopes": ["gap"]
1423
1393
  }
1424
1394
  }
1425
1395
  },
@@ -1434,10 +1404,7 @@
1434
1404
  "org.primer.figma": {
1435
1405
  "collection": "pattern/size",
1436
1406
  "group": "component",
1437
- "scopes": ["gap"],
1438
- "codeSyntax": {
1439
- "web": "var(--stack-gap-spacious) /* utility class: .gap-4 */"
1440
- }
1407
+ "scopes": ["gap"]
1441
1408
  }
1442
1409
  },
1443
1410
  "filePath": "src/tokens/functional/size/size.json",
@@ -1449,10 +1416,7 @@
1449
1416
  "org.primer.figma": {
1450
1417
  "collection": "pattern/size",
1451
1418
  "group": "component",
1452
- "scopes": ["gap"],
1453
- "codeSyntax": {
1454
- "web": "var(--stack-gap-spacious) /* utility class: .gap-4 */"
1455
- }
1419
+ "scopes": ["gap"]
1456
1420
  }
1457
1421
  }
1458
1422
  },
@@ -39,7 +39,7 @@
39
39
  "path": ["viewportRange", "regular"]
40
40
  },
41
41
  "viewportRange-wide": {
42
- "value": "(min-width: 87.5rem)",
42
+ "value": "(min-width: 90rem)",
43
43
  "$type": "custom-viewportRange",
44
44
  "filePath": "src/tokens/functional/size/viewport.json",
45
45
  "isSource": true,