villa-design-tokens 1.0.25 → 1.0.26
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/$metadata.json +4 -3
- package/tokens/$themes.json +101 -59
- package/tokens/brands/human.json +320 -198
- package/tokens/brands/whitelabel.json +316 -194
- package/tokens/{globals/global.json → global.json} +98 -34
- package/tokens/mode/dark.json +34 -0
- package/tokens/subbrands/human-tribune.json +10 -0
- package/tokens/website/tribune.json +0 -16
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"fontfamily": {
|
|
3
3
|
"global": {
|
|
4
|
+
"vesta": {
|
|
5
|
+
"value": "VPRO Vesta",
|
|
6
|
+
"type": "fontFamilies"
|
|
7
|
+
},
|
|
4
8
|
"simplistic": {
|
|
5
9
|
"value": "Simplistic Sans",
|
|
6
10
|
"type": "fontFamilies"
|
|
@@ -9,12 +13,12 @@
|
|
|
9
13
|
"value": "Simplistic Sans Outline",
|
|
10
14
|
"type": "fontFamilies"
|
|
11
15
|
},
|
|
12
|
-
"
|
|
13
|
-
"value": "
|
|
16
|
+
"bureau": {
|
|
17
|
+
"value": "BureauGrotesque",
|
|
14
18
|
"type": "fontFamilies"
|
|
15
19
|
},
|
|
16
|
-
"bureau": {
|
|
17
|
-
"value": "
|
|
20
|
+
"bureau-condensed": {
|
|
21
|
+
"value": "Bureau Grot Condensed",
|
|
18
22
|
"type": "fontFamilies"
|
|
19
23
|
},
|
|
20
24
|
"helvetica": {
|
|
@@ -25,40 +29,100 @@
|
|
|
25
29
|
},
|
|
26
30
|
"fontsize": {
|
|
27
31
|
"global": {
|
|
28
|
-
"
|
|
29
|
-
"value": "
|
|
32
|
+
"20": {
|
|
33
|
+
"value": "10.42",
|
|
34
|
+
"type": "fontSizes"
|
|
35
|
+
},
|
|
36
|
+
"40": {
|
|
37
|
+
"value": "11.06",
|
|
30
38
|
"type": "fontSizes"
|
|
31
39
|
},
|
|
32
|
-
"
|
|
33
|
-
"value": "
|
|
40
|
+
"60": {
|
|
41
|
+
"value": "12.44",
|
|
42
|
+
"type": "fontSizes"
|
|
43
|
+
},
|
|
44
|
+
"80": {
|
|
45
|
+
"value": "12.5",
|
|
34
46
|
"type": "fontSizes"
|
|
35
47
|
},
|
|
36
48
|
"100": {
|
|
37
|
-
"value": "
|
|
49
|
+
"value": "14",
|
|
50
|
+
"type": "fontSizes"
|
|
51
|
+
},
|
|
52
|
+
"120": {
|
|
53
|
+
"value": "15",
|
|
54
|
+
"type": "fontSizes"
|
|
55
|
+
},
|
|
56
|
+
"140": {
|
|
57
|
+
"value": "15.75",
|
|
58
|
+
"type": "fontSizes"
|
|
59
|
+
},
|
|
60
|
+
"160": {
|
|
61
|
+
"value": "17.72",
|
|
62
|
+
"type": "fontSizes"
|
|
63
|
+
},
|
|
64
|
+
"180": {
|
|
65
|
+
"value": "18",
|
|
38
66
|
"type": "fontSizes"
|
|
39
67
|
},
|
|
40
68
|
"200": {
|
|
41
|
-
"value": "
|
|
69
|
+
"value": "19.93",
|
|
70
|
+
"type": "fontSizes"
|
|
71
|
+
},
|
|
72
|
+
"220": {
|
|
73
|
+
"value": "21.60",
|
|
74
|
+
"type": "fontSizes"
|
|
75
|
+
},
|
|
76
|
+
"240": {
|
|
77
|
+
"value": "22.43",
|
|
78
|
+
"type": "fontSizes"
|
|
79
|
+
},
|
|
80
|
+
"260": {
|
|
81
|
+
"value": "25.92",
|
|
82
|
+
"type": "fontSizes"
|
|
83
|
+
},
|
|
84
|
+
"280": {
|
|
85
|
+
"value": "25.23",
|
|
42
86
|
"type": "fontSizes"
|
|
43
87
|
},
|
|
44
88
|
"300": {
|
|
45
|
-
"value": "
|
|
89
|
+
"value": "28.38",
|
|
90
|
+
"type": "fontSizes"
|
|
91
|
+
},
|
|
92
|
+
"320": {
|
|
93
|
+
"value": "31.1",
|
|
94
|
+
"type": "fontSizes"
|
|
95
|
+
},
|
|
96
|
+
"340": {
|
|
97
|
+
"value": "31.93",
|
|
98
|
+
"type": "fontSizes"
|
|
99
|
+
},
|
|
100
|
+
"360": {
|
|
101
|
+
"value": "35.92",
|
|
102
|
+
"type": "fontSizes"
|
|
103
|
+
},
|
|
104
|
+
"380": {
|
|
105
|
+
"value": "37.32",
|
|
46
106
|
"type": "fontSizes"
|
|
47
107
|
},
|
|
48
108
|
"400": {
|
|
49
|
-
"value": "
|
|
109
|
+
"value": "40.41",
|
|
50
110
|
"type": "fontSizes"
|
|
51
111
|
},
|
|
52
|
-
"
|
|
53
|
-
"value": "
|
|
112
|
+
"420": {
|
|
113
|
+
"value": "44.79",
|
|
54
114
|
"type": "fontSizes"
|
|
55
115
|
},
|
|
56
|
-
"
|
|
57
|
-
"value": "
|
|
116
|
+
"440": {
|
|
117
|
+
"value": "53.75",
|
|
58
118
|
"type": "fontSizes"
|
|
59
119
|
},
|
|
60
|
-
"
|
|
61
|
-
"value": "
|
|
120
|
+
"460": {
|
|
121
|
+
"value": "65.5",
|
|
122
|
+
"type": "fontSizes"
|
|
123
|
+
},
|
|
124
|
+
"480": {
|
|
125
|
+
"value": "77.4",
|
|
62
126
|
"type": "fontSizes"
|
|
63
127
|
}
|
|
64
128
|
}
|
|
@@ -97,25 +161,25 @@
|
|
|
97
161
|
},
|
|
98
162
|
"lineheight": {
|
|
99
163
|
"global": {
|
|
164
|
+
"50": {
|
|
165
|
+
"value": "60%",
|
|
166
|
+
"type": "lineHeights"
|
|
167
|
+
},
|
|
100
168
|
"100": {
|
|
101
169
|
"value": "100%",
|
|
102
|
-
"type": "lineHeights"
|
|
103
|
-
"description": "Typically for captions or dense text"
|
|
170
|
+
"type": "lineHeights"
|
|
104
171
|
},
|
|
105
172
|
"200": {
|
|
106
|
-
"value": "
|
|
107
|
-
"type": "lineHeights"
|
|
108
|
-
"description": "Standard for body text"
|
|
173
|
+
"value": "120%",
|
|
174
|
+
"type": "lineHeights"
|
|
109
175
|
},
|
|
110
176
|
"300": {
|
|
111
|
-
"value": "
|
|
112
|
-
"type": "lineHeights"
|
|
113
|
-
"description": "Breathable body text or for headers"
|
|
177
|
+
"value": "140%",
|
|
178
|
+
"type": "lineHeights"
|
|
114
179
|
},
|
|
115
180
|
"400": {
|
|
116
|
-
"value": "
|
|
117
|
-
"type": "lineHeights"
|
|
118
|
-
"description": "For larger headers"
|
|
181
|
+
"value": "160%",
|
|
182
|
+
"type": "lineHeights"
|
|
119
183
|
}
|
|
120
184
|
}
|
|
121
185
|
},
|
|
@@ -149,23 +213,23 @@
|
|
|
149
213
|
"type": "spacing"
|
|
150
214
|
},
|
|
151
215
|
"300": {
|
|
152
|
-
"value": "
|
|
216
|
+
"value": "16px",
|
|
153
217
|
"type": "spacing"
|
|
154
218
|
},
|
|
155
219
|
"400": {
|
|
156
|
-
"value": "
|
|
220
|
+
"value": "32px",
|
|
157
221
|
"type": "spacing"
|
|
158
222
|
},
|
|
159
223
|
"500": {
|
|
160
|
-
"value": "
|
|
224
|
+
"value": "64px",
|
|
161
225
|
"type": "spacing"
|
|
162
226
|
},
|
|
163
227
|
"600": {
|
|
164
|
-
"value": "
|
|
228
|
+
"value": "128px",
|
|
165
229
|
"type": "spacing"
|
|
166
230
|
},
|
|
167
231
|
"700": {
|
|
168
|
-
"value": "
|
|
232
|
+
"value": "256px",
|
|
169
233
|
"type": "spacing"
|
|
170
234
|
}
|
|
171
235
|
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
{
|
|
2
|
+
"color": {
|
|
3
|
+
"alias": {
|
|
4
|
+
"background": {
|
|
5
|
+
"default": {
|
|
6
|
+
"value": "{color.global.grey.800}",
|
|
7
|
+
"type": "color"
|
|
8
|
+
}
|
|
9
|
+
},
|
|
10
|
+
"surface": {
|
|
11
|
+
"default": {
|
|
12
|
+
"value": "{color.global.grey.700}",
|
|
13
|
+
"type": "color"
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
"text": {
|
|
17
|
+
"title": {
|
|
18
|
+
"value": "{color.global.grey.100}",
|
|
19
|
+
"type": "color"
|
|
20
|
+
},
|
|
21
|
+
"default": {
|
|
22
|
+
"value": "{color.global.grey.200}",
|
|
23
|
+
"type": "color"
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
"fill-primary": {
|
|
27
|
+
"default": {
|
|
28
|
+
"value": "{color.global.orange.700}",
|
|
29
|
+
"type": "color"
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"fontfamily": {
|
|
3
|
-
"body": {
|
|
4
|
-
"value": "{fontfamily.global.vesta}",
|
|
5
|
-
"type": "fontFamilies"
|
|
6
|
-
},
|
|
7
|
-
"heading": {
|
|
8
|
-
"value": "{fontfamily.global.simplistic-outline}",
|
|
9
|
-
"type": "fontFamilies"
|
|
10
|
-
},
|
|
11
|
-
"subheading": {
|
|
12
|
-
"value": "{fontfamily.global.bureau}",
|
|
13
|
-
"type": "fontFamilies"
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
}
|