@primer/primitives 7.12.0-rc.806e066 → 7.12.0-rc.950e75d
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/package.json +1 -1
- package/tokens-next-private/docs/functional/size/size.json +65 -5
- package/tokens-next-private/fallbacks/color-fallbacks.json +11 -11
- package/tokens-next-private/figma/dimension/dimension.json +46 -0
- 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/package.json
CHANGED
|
@@ -102,11 +102,23 @@
|
|
|
102
102
|
"control-xsmall-paddingBlock": {
|
|
103
103
|
"value": "0.125rem",
|
|
104
104
|
"$type": "dimension",
|
|
105
|
+
"$extensions": {
|
|
106
|
+
"org.primer.figma": {
|
|
107
|
+
"collection": "functional/size",
|
|
108
|
+
"scopes": ["gap"]
|
|
109
|
+
}
|
|
110
|
+
},
|
|
105
111
|
"filePath": "src/tokens/functional/size/size.json",
|
|
106
112
|
"isSource": true,
|
|
107
113
|
"original": {
|
|
108
114
|
"value": "2px",
|
|
109
|
-
"$type": "dimension"
|
|
115
|
+
"$type": "dimension",
|
|
116
|
+
"$extensions": {
|
|
117
|
+
"org.primer.figma": {
|
|
118
|
+
"collection": "functional/size",
|
|
119
|
+
"scopes": ["gap"]
|
|
120
|
+
}
|
|
121
|
+
}
|
|
110
122
|
},
|
|
111
123
|
"name": "control-xsmall-paddingBlock",
|
|
112
124
|
"attributes": {},
|
|
@@ -265,11 +277,23 @@
|
|
|
265
277
|
"control-small-paddingBlock": {
|
|
266
278
|
"value": "0.25rem",
|
|
267
279
|
"$type": "dimension",
|
|
280
|
+
"$extensions": {
|
|
281
|
+
"org.primer.figma": {
|
|
282
|
+
"collection": "functional/size",
|
|
283
|
+
"scopes": ["gap"]
|
|
284
|
+
}
|
|
285
|
+
},
|
|
268
286
|
"filePath": "src/tokens/functional/size/size.json",
|
|
269
287
|
"isSource": true,
|
|
270
288
|
"original": {
|
|
271
289
|
"value": "{base.size.4}",
|
|
272
|
-
"$type": "dimension"
|
|
290
|
+
"$type": "dimension",
|
|
291
|
+
"$extensions": {
|
|
292
|
+
"org.primer.figma": {
|
|
293
|
+
"collection": "functional/size",
|
|
294
|
+
"scopes": ["gap"]
|
|
295
|
+
}
|
|
296
|
+
}
|
|
273
297
|
},
|
|
274
298
|
"name": "control-small-paddingBlock",
|
|
275
299
|
"attributes": {},
|
|
@@ -403,11 +427,23 @@
|
|
|
403
427
|
"control-medium-paddingBlock": {
|
|
404
428
|
"value": "0.375rem",
|
|
405
429
|
"$type": "dimension",
|
|
430
|
+
"$extensions": {
|
|
431
|
+
"org.primer.figma": {
|
|
432
|
+
"collection": "functional/size",
|
|
433
|
+
"scopes": ["gap"]
|
|
434
|
+
}
|
|
435
|
+
},
|
|
406
436
|
"filePath": "src/tokens/functional/size/size.json",
|
|
407
437
|
"isSource": true,
|
|
408
438
|
"original": {
|
|
409
439
|
"value": "6px",
|
|
410
|
-
"$type": "dimension"
|
|
440
|
+
"$type": "dimension",
|
|
441
|
+
"$extensions": {
|
|
442
|
+
"org.primer.figma": {
|
|
443
|
+
"collection": "functional/size",
|
|
444
|
+
"scopes": ["gap"]
|
|
445
|
+
}
|
|
446
|
+
}
|
|
411
447
|
},
|
|
412
448
|
"name": "control-medium-paddingBlock",
|
|
413
449
|
"attributes": {},
|
|
@@ -566,11 +602,23 @@
|
|
|
566
602
|
"control-large-paddingBlock": {
|
|
567
603
|
"value": "0.625rem",
|
|
568
604
|
"$type": "dimension",
|
|
605
|
+
"$extensions": {
|
|
606
|
+
"org.primer.figma": {
|
|
607
|
+
"collection": "functional/size",
|
|
608
|
+
"scopes": ["gap"]
|
|
609
|
+
}
|
|
610
|
+
},
|
|
569
611
|
"filePath": "src/tokens/functional/size/size.json",
|
|
570
612
|
"isSource": true,
|
|
571
613
|
"original": {
|
|
572
614
|
"value": "10px",
|
|
573
|
-
"$type": "dimension"
|
|
615
|
+
"$type": "dimension",
|
|
616
|
+
"$extensions": {
|
|
617
|
+
"org.primer.figma": {
|
|
618
|
+
"collection": "functional/size",
|
|
619
|
+
"scopes": ["gap"]
|
|
620
|
+
}
|
|
621
|
+
}
|
|
574
622
|
},
|
|
575
623
|
"name": "control-large-paddingBlock",
|
|
576
624
|
"attributes": {},
|
|
@@ -704,11 +752,23 @@
|
|
|
704
752
|
"control-xlarge-paddingBlock": {
|
|
705
753
|
"value": "0.875rem",
|
|
706
754
|
"$type": "dimension",
|
|
755
|
+
"$extensions": {
|
|
756
|
+
"org.primer.figma": {
|
|
757
|
+
"collection": "functional/size",
|
|
758
|
+
"scopes": ["gap"]
|
|
759
|
+
}
|
|
760
|
+
},
|
|
707
761
|
"filePath": "src/tokens/functional/size/size.json",
|
|
708
762
|
"isSource": true,
|
|
709
763
|
"original": {
|
|
710
764
|
"value": "14px",
|
|
711
|
-
"$type": "dimension"
|
|
765
|
+
"$type": "dimension",
|
|
766
|
+
"$extensions": {
|
|
767
|
+
"org.primer.figma": {
|
|
768
|
+
"collection": "functional/size",
|
|
769
|
+
"scopes": ["gap"]
|
|
770
|
+
}
|
|
771
|
+
}
|
|
712
772
|
},
|
|
713
773
|
"name": "control-xlarge-paddingBlock",
|
|
714
774
|
"attributes": {},
|
|
@@ -184,7 +184,7 @@
|
|
|
184
184
|
"--fgColor-muted": "var(--color-fg-muted)",
|
|
185
185
|
"--fgColor-onEmphasis": "var(--color-fg-on-emphasis)",
|
|
186
186
|
"--fgColor-disabled": "var(--color-primer-fg-disabled)",
|
|
187
|
-
"--fgColor-link
|
|
187
|
+
"--fgColor-link": "var(--color-accent-fg)",
|
|
188
188
|
"--fgColor-accent": "var(--color-accent-fg)",
|
|
189
189
|
"--fgColor-success": "var(--color-success-fg)",
|
|
190
190
|
"--fgColor-attention": "var(--color-attention-fg)",
|
|
@@ -201,23 +201,23 @@
|
|
|
201
201
|
"--bgColor-neutral-muted": "var(--color-neutral-subtle)",
|
|
202
202
|
"--bgColor-neutral-emphasis": "var(--color-fg-subtle)",
|
|
203
203
|
"--bgColor-accent-muted": "var(--color-accent-subtle)",
|
|
204
|
-
"--bgColor-accent-emphasis": "var(--color-accent-
|
|
204
|
+
"--bgColor-accent-emphasis": "var(--color-accent-emphasis)",
|
|
205
205
|
"--bgColor-success-muted": "var(--color-success-subtle)",
|
|
206
|
-
"--bgColor-success-emphasis": "var(--color-success-
|
|
206
|
+
"--bgColor-success-emphasis": "var(--color-success-emphasis)",
|
|
207
207
|
"--bgColor-attention-muted": "var(--color-attention-subtle)",
|
|
208
|
-
"--bgColor-attention-emphasis": "var(--color-attention-
|
|
208
|
+
"--bgColor-attention-emphasis": "var(--color-attention-emphasis)",
|
|
209
209
|
"--bgColor-severe-muted": "var(--color-severe-subtle)",
|
|
210
|
-
"--bgColor-severe-emphasis": "var(--color-severe-
|
|
210
|
+
"--bgColor-severe-emphasis": "var(--color-severe-emphasis)",
|
|
211
211
|
"--bgColor-danger-muted": "var(--color-danger-subtle)",
|
|
212
|
-
"--bgColor-danger-emphasis": "var(--color-danger-
|
|
212
|
+
"--bgColor-danger-emphasis": "var(--color-danger-emphasis)",
|
|
213
213
|
"--bgColor-open-muted": "var(--color-open-subtle)",
|
|
214
|
-
"--bgColor-open-emphasis": "var(--color-open-
|
|
214
|
+
"--bgColor-open-emphasis": "var(--color-open-emphasis)",
|
|
215
215
|
"--bgColor-closed-muted": "var(--color-closed-subtle)",
|
|
216
|
-
"--bgColor-closed-emphasis": "var(--color-closed-
|
|
216
|
+
"--bgColor-closed-emphasis": "var(--color-closed-emphasis)",
|
|
217
217
|
"--bgColor-done-muted": "var(--color-done-subtle)",
|
|
218
|
-
"--bgColor-done-emphasis": "var(--color-done-
|
|
218
|
+
"--bgColor-done-emphasis": "var(--color-done-emphasis)",
|
|
219
219
|
"--bgColor-sponsors-muted": "var(--color-sponsors-subtle)",
|
|
220
|
-
"--bgColor-sponsors-emphasis": "var(--color-sponsors-
|
|
220
|
+
"--bgColor-sponsors-emphasis": "var(--color-sponsors-emphasis)",
|
|
221
221
|
"--borderColor-default": "var(--color-border-default)",
|
|
222
222
|
"--borderColor-muted": "var(--color-border-muted)",
|
|
223
223
|
"--borderColor-emphasis": "var(--color-fg-subtle)",
|
|
@@ -225,7 +225,7 @@
|
|
|
225
225
|
"--borderColor-neutral-muted": "var(--color-neutral-muted)",
|
|
226
226
|
"--borderColor-neutral-emphasis": "var(--color-fg-subtle)",
|
|
227
227
|
"--borderColor-accent-muted": "var(--color-accent-muted)",
|
|
228
|
-
"--borderColor-accent-emphasis": "var(--color-accent-
|
|
228
|
+
"--borderColor-accent-emphasis": "var(--color-accent-emphasis)",
|
|
229
229
|
"--borderColor-success-muted": "var(--color-success-muted)",
|
|
230
230
|
"--borderColor-success-emphasis": "var(--color-success-emphasis)",
|
|
231
231
|
"--borderColor-attention-muted": "var(--color-attention-muted)",
|
|
@@ -36,6 +36,42 @@
|
|
|
36
36
|
"mode": "default",
|
|
37
37
|
"scopes": ["CORNER_RADIUS"]
|
|
38
38
|
},
|
|
39
|
+
{
|
|
40
|
+
"name": "control/xlarge/paddingBlock",
|
|
41
|
+
"value": 14,
|
|
42
|
+
"type": "FLOAT",
|
|
43
|
+
"refId": "functional/size/control/xlarge/paddingBlock",
|
|
44
|
+
"collection": "functional/size",
|
|
45
|
+
"mode": "default",
|
|
46
|
+
"scopes": ["GAP"]
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
"name": "control/large/paddingBlock",
|
|
50
|
+
"value": 10,
|
|
51
|
+
"type": "FLOAT",
|
|
52
|
+
"refId": "functional/size/control/large/paddingBlock",
|
|
53
|
+
"collection": "functional/size",
|
|
54
|
+
"mode": "default",
|
|
55
|
+
"scopes": ["GAP"]
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"name": "control/medium/paddingBlock",
|
|
59
|
+
"value": 6,
|
|
60
|
+
"type": "FLOAT",
|
|
61
|
+
"refId": "functional/size/control/medium/paddingBlock",
|
|
62
|
+
"collection": "functional/size",
|
|
63
|
+
"mode": "default",
|
|
64
|
+
"scopes": ["GAP"]
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
"name": "control/xsmall/paddingBlock",
|
|
68
|
+
"value": 2,
|
|
69
|
+
"type": "FLOAT",
|
|
70
|
+
"refId": "functional/size/control/xsmall/paddingBlock",
|
|
71
|
+
"collection": "functional/size",
|
|
72
|
+
"mode": "default",
|
|
73
|
+
"scopes": ["GAP"]
|
|
74
|
+
},
|
|
39
75
|
{
|
|
40
76
|
"name": "breakpoint/xxlarge",
|
|
41
77
|
"value": 1440,
|
|
@@ -563,6 +599,16 @@
|
|
|
563
599
|
"mode": "default",
|
|
564
600
|
"scopes": ["GAP"]
|
|
565
601
|
},
|
|
602
|
+
{
|
|
603
|
+
"name": "control/small/paddingBlock",
|
|
604
|
+
"value": 4,
|
|
605
|
+
"type": "FLOAT",
|
|
606
|
+
"refId": "functional/size/control/small/paddingBlock",
|
|
607
|
+
"reference": "base/size/base/size/4",
|
|
608
|
+
"collection": "functional/size",
|
|
609
|
+
"mode": "default",
|
|
610
|
+
"scopes": ["GAP"]
|
|
611
|
+
},
|
|
566
612
|
{
|
|
567
613
|
"name": "control/small/lineBoxHeight",
|
|
568
614
|
"value": 20,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 27 Jul 2023 07:56:39 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const PrimerFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
|