@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.
- package/dist/js/colors/light.js +1 -1
- package/dist/js/colors/light_colorblind.js +1 -1
- package/dist/js/colors/light_high_contrast.js +1 -1
- package/dist/js/colors/light_tritanopia.js +1 -1
- package/dist/json/colors/light.json +1 -1
- package/dist/json/colors/light_colorblind.json +1 -1
- package/dist/json/colors/light_high_contrast.json +1 -1
- package/dist/json/colors/light_tritanopia.json +1 -1
- package/dist/scss/colors/_light.scss +1 -1
- package/dist/scss/colors/_light_colorblind.scss +1 -1
- package/dist/scss/colors/_light_high_contrast.scss +1 -1
- package/dist/scss/colors/_light_tritanopia.scss +1 -1
- package/dist/ts/colors/light.ts +1 -1
- package/dist/ts/colors/light_colorblind.ts +1 -1
- package/dist/ts/colors/light_high_contrast.ts +1 -1
- package/dist/ts/colors/light_tritanopia.ts +1 -1
- package/package.json +1 -1
- package/tokens-next-private/css/functional/size/breakpoints.css +1 -1
- package/tokens-next-private/css/functional/size/viewport.css +1 -1
- package/tokens-next-private/css/functional/themes/light-colorblind.css +2 -2
- package/tokens-next-private/css/functional/themes/light-high-contrast.css +2 -2
- package/tokens-next-private/css/functional/themes/light-tritanopia.css +2 -2
- package/tokens-next-private/css/functional/themes/light.css +2 -2
- package/tokens-next-private/docs/functional/size/border.json +8 -32
- package/tokens-next-private/docs/functional/size/breakpoints.json +2 -2
- package/tokens-next-private/docs/functional/size/size.json +12 -48
- package/tokens-next-private/docs/functional/size/viewport.json +1 -1
- package/tokens-next-private/docs/functional/themes/dark-colorblind.json +112 -448
- package/tokens-next-private/docs/functional/themes/dark-dimmed.json +112 -448
- package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +112 -448
- package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +112 -448
- package/tokens-next-private/docs/functional/themes/dark.json +112 -448
- package/tokens-next-private/docs/functional/themes/light-colorblind.json +114 -450
- package/tokens-next-private/docs/functional/themes/light-high-contrast.json +114 -450
- package/tokens-next-private/docs/functional/themes/light-tritanopia.json +114 -450
- package/tokens-next-private/docs/functional/themes/light.json +114 -450
- package/tokens-next-private/fallbacks/functional/size/breakpoints.json +1 -1
- package/tokens-next-private/fallbacks/functional/size/viewport.json +1 -1
- package/tokens-next-private/figma/dimension/dimension.json +11 -41
- package/tokens-next-private/figma/themes/dark.json +56 -224
- package/tokens-next-private/figma/themes/light.json +60 -228
- package/tokens-next-private/scss/functional/size/breakpoints.scss +1 -1
- package/tokens-next-private/scss/functional/size/viewport.scss +1 -1
- package/tokens-next-private/scss/functional/themes/light-colorblind.scss +1 -1
- package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +1 -1
- package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +1 -1
- package/tokens-next-private/scss/functional/themes/light.scss +1 -1
- package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
- package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
- package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
- package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
- package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
- package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
- package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
- package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
package/dist/js/colors/light.js
CHANGED
|
@@ -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: #
|
|
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: #
|
|
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: #
|
|
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: #
|
|
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;
|
package/dist/ts/colors/light.ts
CHANGED
package/package.json
CHANGED
|
@@ -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:
|
|
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: #
|
|
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: #
|
|
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: #
|
|
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: #
|
|
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: #
|
|
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: #
|
|
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: #
|
|
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: #
|
|
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": "
|
|
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": "
|
|
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
|
-
"
|
|
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
|
-
"
|
|
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
|
},
|