@primer/primitives 8.1.1-rc.af82f929 → 8.1.1-rc.b2cddccb
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/css/base/size/size.css +2 -0
- package/dist/docs/base/size/size.json +50 -0
- package/dist/docs/functional/typography/typography.json +6 -0
- package/dist/fallbacks/base/size/size.json +2 -0
- package/dist/figma/dimension/dimension.json +20 -0
- package/dist/figma/typography/typography.json +1 -1
- package/dist/styleLint/base/size/size.json +50 -0
- package/dist/styleLint/functional/typography/typography.json +6 -0
- package/package.json +1 -1
- package/src/schemas/baseToken.ts +1 -0
- package/src/tokens/base/size/size.json +20 -0
- package/src/tokens/functional/typography/typography.json +3 -0
|
@@ -1,4 +1,29 @@
|
|
|
1
1
|
{
|
|
2
|
+
"base-size-2": {
|
|
3
|
+
"value": "0.125rem",
|
|
4
|
+
"$type": "dimension",
|
|
5
|
+
"$extensions": {
|
|
6
|
+
"org.primer.figma": {
|
|
7
|
+
"collection": "base/size",
|
|
8
|
+
"scopes": ["size"]
|
|
9
|
+
}
|
|
10
|
+
},
|
|
11
|
+
"filePath": "src/tokens/base/size/size.json",
|
|
12
|
+
"isSource": true,
|
|
13
|
+
"original": {
|
|
14
|
+
"value": "2px",
|
|
15
|
+
"$type": "dimension",
|
|
16
|
+
"$extensions": {
|
|
17
|
+
"org.primer.figma": {
|
|
18
|
+
"collection": "base/size",
|
|
19
|
+
"scopes": ["size"]
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
"name": "base-size-2",
|
|
24
|
+
"attributes": {},
|
|
25
|
+
"path": ["base", "size", "2"]
|
|
26
|
+
},
|
|
2
27
|
"base-size-4": {
|
|
3
28
|
"value": "0.25rem",
|
|
4
29
|
"$type": "dimension",
|
|
@@ -24,6 +49,31 @@
|
|
|
24
49
|
"attributes": {},
|
|
25
50
|
"path": ["base", "size", "4"]
|
|
26
51
|
},
|
|
52
|
+
"base-size-6": {
|
|
53
|
+
"value": "0.375rem",
|
|
54
|
+
"$type": "dimension",
|
|
55
|
+
"$extensions": {
|
|
56
|
+
"org.primer.figma": {
|
|
57
|
+
"collection": "base/size",
|
|
58
|
+
"scopes": ["size"]
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
"filePath": "src/tokens/base/size/size.json",
|
|
62
|
+
"isSource": true,
|
|
63
|
+
"original": {
|
|
64
|
+
"value": "6px",
|
|
65
|
+
"$type": "dimension",
|
|
66
|
+
"$extensions": {
|
|
67
|
+
"org.primer.figma": {
|
|
68
|
+
"collection": "base/size",
|
|
69
|
+
"scopes": ["size"]
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
"name": "base-size-6",
|
|
74
|
+
"attributes": {},
|
|
75
|
+
"path": ["base", "size", "6"]
|
|
76
|
+
},
|
|
27
77
|
"base-size-8": {
|
|
28
78
|
"value": "0.5rem",
|
|
29
79
|
"$type": "dimension",
|
|
@@ -540,6 +540,9 @@
|
|
|
540
540
|
"value": 1.6,
|
|
541
541
|
"$type": "number",
|
|
542
542
|
"$extensions": {
|
|
543
|
+
"org.primer.data": {
|
|
544
|
+
"fontSize": 20
|
|
545
|
+
},
|
|
543
546
|
"org.primer.figma": {
|
|
544
547
|
"collection": "typography",
|
|
545
548
|
"scopes": ["all"]
|
|
@@ -551,6 +554,9 @@
|
|
|
551
554
|
"value": 1.6,
|
|
552
555
|
"$type": "number",
|
|
553
556
|
"$extensions": {
|
|
557
|
+
"org.primer.data": {
|
|
558
|
+
"fontSize": 20
|
|
559
|
+
},
|
|
554
560
|
"org.primer.figma": {
|
|
555
561
|
"collection": "typography",
|
|
556
562
|
"scopes": ["all"]
|
|
@@ -432,6 +432,16 @@
|
|
|
432
432
|
"group": "base/size",
|
|
433
433
|
"scopes": ["WIDTH_HEIGHT"]
|
|
434
434
|
},
|
|
435
|
+
{
|
|
436
|
+
"name": "base/size/6",
|
|
437
|
+
"value": 6,
|
|
438
|
+
"type": "FLOAT",
|
|
439
|
+
"refId": "base/size/base/size/6",
|
|
440
|
+
"collection": "base/size",
|
|
441
|
+
"mode": "default",
|
|
442
|
+
"group": "base/size",
|
|
443
|
+
"scopes": ["WIDTH_HEIGHT"]
|
|
444
|
+
},
|
|
435
445
|
{
|
|
436
446
|
"name": "base/size/4",
|
|
437
447
|
"value": 4,
|
|
@@ -442,6 +452,16 @@
|
|
|
442
452
|
"group": "base/size",
|
|
443
453
|
"scopes": ["WIDTH_HEIGHT"]
|
|
444
454
|
},
|
|
455
|
+
{
|
|
456
|
+
"name": "base/size/2",
|
|
457
|
+
"value": 2,
|
|
458
|
+
"type": "FLOAT",
|
|
459
|
+
"refId": "base/size/base/size/2",
|
|
460
|
+
"collection": "base/size",
|
|
461
|
+
"mode": "default",
|
|
462
|
+
"group": "base/size",
|
|
463
|
+
"scopes": ["WIDTH_HEIGHT"]
|
|
464
|
+
},
|
|
445
465
|
{
|
|
446
466
|
"name": "overlay/borderRadius",
|
|
447
467
|
"value": 6,
|
|
@@ -1,4 +1,29 @@
|
|
|
1
1
|
{
|
|
2
|
+
"base-size-2": {
|
|
3
|
+
"value": ["0.125rem", "2px"],
|
|
4
|
+
"$type": "dimension",
|
|
5
|
+
"$extensions": {
|
|
6
|
+
"org.primer.figma": {
|
|
7
|
+
"collection": "base/size",
|
|
8
|
+
"scopes": ["size"]
|
|
9
|
+
}
|
|
10
|
+
},
|
|
11
|
+
"filePath": "src/tokens/base/size/size.json",
|
|
12
|
+
"isSource": true,
|
|
13
|
+
"original": {
|
|
14
|
+
"value": "2px",
|
|
15
|
+
"$type": "dimension",
|
|
16
|
+
"$extensions": {
|
|
17
|
+
"org.primer.figma": {
|
|
18
|
+
"collection": "base/size",
|
|
19
|
+
"scopes": ["size"]
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
"name": "base-size-2",
|
|
24
|
+
"attributes": {},
|
|
25
|
+
"path": ["base", "size", "2"]
|
|
26
|
+
},
|
|
2
27
|
"base-size-4": {
|
|
3
28
|
"value": ["0.25rem", "4px"],
|
|
4
29
|
"$type": "dimension",
|
|
@@ -24,6 +49,31 @@
|
|
|
24
49
|
"attributes": {},
|
|
25
50
|
"path": ["base", "size", "4"]
|
|
26
51
|
},
|
|
52
|
+
"base-size-6": {
|
|
53
|
+
"value": ["0.375rem", "6px"],
|
|
54
|
+
"$type": "dimension",
|
|
55
|
+
"$extensions": {
|
|
56
|
+
"org.primer.figma": {
|
|
57
|
+
"collection": "base/size",
|
|
58
|
+
"scopes": ["size"]
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
"filePath": "src/tokens/base/size/size.json",
|
|
62
|
+
"isSource": true,
|
|
63
|
+
"original": {
|
|
64
|
+
"value": "6px",
|
|
65
|
+
"$type": "dimension",
|
|
66
|
+
"$extensions": {
|
|
67
|
+
"org.primer.figma": {
|
|
68
|
+
"collection": "base/size",
|
|
69
|
+
"scopes": ["size"]
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
"name": "base-size-6",
|
|
74
|
+
"attributes": {},
|
|
75
|
+
"path": ["base", "size", "6"]
|
|
76
|
+
},
|
|
27
77
|
"base-size-8": {
|
|
28
78
|
"value": ["0.5rem", "8px"],
|
|
29
79
|
"$type": "dimension",
|
|
@@ -540,6 +540,9 @@
|
|
|
540
540
|
"value": 1.6,
|
|
541
541
|
"$type": "number",
|
|
542
542
|
"$extensions": {
|
|
543
|
+
"org.primer.data": {
|
|
544
|
+
"fontSize": 20
|
|
545
|
+
},
|
|
543
546
|
"org.primer.figma": {
|
|
544
547
|
"collection": "typography",
|
|
545
548
|
"scopes": ["all"]
|
|
@@ -551,6 +554,9 @@
|
|
|
551
554
|
"value": 1.6,
|
|
552
555
|
"$type": "number",
|
|
553
556
|
"$extensions": {
|
|
557
|
+
"org.primer.data": {
|
|
558
|
+
"fontSize": 20
|
|
559
|
+
},
|
|
554
560
|
"org.primer.figma": {
|
|
555
561
|
"collection": "typography",
|
|
556
562
|
"scopes": ["all"]
|
package/package.json
CHANGED
package/src/schemas/baseToken.ts
CHANGED
|
@@ -1,6 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"base": {
|
|
3
3
|
"size": {
|
|
4
|
+
"2": {
|
|
5
|
+
"$value": "2px",
|
|
6
|
+
"$type": "dimension",
|
|
7
|
+
"$extensions": {
|
|
8
|
+
"org.primer.figma": {
|
|
9
|
+
"collection": "base/size",
|
|
10
|
+
"scopes": ["size"]
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
},
|
|
4
14
|
"4": {
|
|
5
15
|
"$value": "4px",
|
|
6
16
|
"$type": "dimension",
|
|
@@ -11,6 +21,16 @@
|
|
|
11
21
|
}
|
|
12
22
|
}
|
|
13
23
|
},
|
|
24
|
+
"6": {
|
|
25
|
+
"$value": "6px",
|
|
26
|
+
"$type": "dimension",
|
|
27
|
+
"$extensions": {
|
|
28
|
+
"org.primer.figma": {
|
|
29
|
+
"collection": "base/size",
|
|
30
|
+
"scopes": ["size"]
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
},
|
|
14
34
|
"8": {
|
|
15
35
|
"$value": "8px",
|
|
16
36
|
"$type": "dimension",
|