UNPKG

@primer/primitives

Version:

Typography, spacing, and color primitives for Primer design system

github.com/primer/primitives

primer/primitives

159 lines (158 loc) • 3.86 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
{ "breakpoint-large": { "$extensions": { "org.primer.figma": { "collection": "functional/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/breakpoints.json5", "isSource": true, "original": { "$value": "1012px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "functional/size", "scopes": ["size"] } } }, "name": "breakpoint-large", "attributes": {}, "path": ["breakpoint", "large"], "key": "{breakpoint.large}", "value": "63.25rem", "type": "dimension" }, "breakpoint-medium": { "$extensions": { "org.primer.figma": { "collection": "functional/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/breakpoints.json5", "isSource": true, "original": { "$value": "768px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "functional/size", "scopes": ["size"] } } }, "name": "breakpoint-medium", "attributes": {}, "path": ["breakpoint", "medium"], "key": "{breakpoint.medium}", "value": "48rem", "type": "dimension" }, "breakpoint-small": { "$extensions": { "org.primer.figma": { "collection": "functional/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/breakpoints.json5", "isSource": true, "original": { "$value": "544px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "functional/size", "scopes": ["size"] } } }, "name": "breakpoint-small", "attributes": {}, "path": ["breakpoint", "small"], "key": "{breakpoint.small}", "value": "34rem", "type": "dimension" }, "breakpoint-xlarge": { "$extensions": { "org.primer.figma": { "collection": "functional/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/breakpoints.json5", "isSource": true, "original": { "$value": "1280px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "functional/size", "scopes": ["size"] } } }, "name": "breakpoint-xlarge", "attributes": {}, "path": ["breakpoint", "xlarge"], "key": "{breakpoint.xlarge}", "value": "80rem", "type": "dimension" }, "breakpoint-xsmall": { "$extensions": { "org.primer.figma": { "collection": "functional/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/breakpoints.json5", "isSource": true, "original": { "$value": "320px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "functional/size", "scopes": ["size"] } } }, "name": "breakpoint-xsmall", "attributes": {}, "path": ["breakpoint", "xsmall"], "key": "{breakpoint.xsmall}", "value": "20rem", "type": "dimension" }, "breakpoint-xxlarge": { "$extensions": { "org.primer.figma": { "collection": "functional/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/breakpoints.json5", "isSource": true, "original": { "$value": "1400px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "functional/size", "scopes": ["size"] } } }, "name": "breakpoint-xxlarge", "attributes": {}, "path": ["breakpoint", "xxlarge"], "key": "{breakpoint.xxlarge}", "value": "87.5rem", "type": "dimension" } }