UNPKG

@primer/primitives

Version:

Typography, spacing, and color primitives for Primer design system

github.com/primer/primitives

primer/primitives

165 lines (164 loc) • 4.07 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
160
161
162
163
164
165
{ "breakpoint-large": { "key": "{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"] } }, "key": "{breakpoint.large}" }, "name": "breakpoint-large", "attributes": {}, "path": ["breakpoint", "large"], "value": "63.25rem", "type": "dimension" }, "breakpoint-medium": { "key": "{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"] } }, "key": "{breakpoint.medium}" }, "name": "breakpoint-medium", "attributes": {}, "path": ["breakpoint", "medium"], "value": "48rem", "type": "dimension" }, "breakpoint-small": { "key": "{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"] } }, "key": "{breakpoint.small}" }, "name": "breakpoint-small", "attributes": {}, "path": ["breakpoint", "small"], "value": "34rem", "type": "dimension" }, "breakpoint-xlarge": { "key": "{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"] } }, "key": "{breakpoint.xlarge}" }, "name": "breakpoint-xlarge", "attributes": {}, "path": ["breakpoint", "xlarge"], "value": "80rem", "type": "dimension" }, "breakpoint-xsmall": { "key": "{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"] } }, "key": "{breakpoint.xsmall}" }, "name": "breakpoint-xsmall", "attributes": {}, "path": ["breakpoint", "xsmall"], "value": "20rem", "type": "dimension" }, "breakpoint-xxlarge": { "key": "{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"] } }, "key": "{breakpoint.xxlarge}" }, "name": "breakpoint-xxlarge", "attributes": {}, "path": ["breakpoint", "xxlarge"], "value": "87.5rem", "type": "dimension" } }