villa-design-tokens 1.0.22 → 1.0.24

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.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/tokens/$themes.json +45 -89
  3. package/tokens/brands/tribune/tribune.json +284 -290
  4. package/tokens/brands/whitelabel/whitelabel.json +284 -290
  5. package/tokens/globals/global.json +165 -141
package/tokens/brands/whitelabel/whitelabel.json CHANGED
@@ -1,255 +1,249 @@
1
1
  {
2
- "fontFamily": {
3
- "alias": {
4
- "body": {
5
- "value": "{fontFamily-helvetica}",
6
- "type": "fontFamilies"
7
- },
8
- "heading": {
9
- "value": "{fontFamily-bureau}",
10
- "type": "fontFamilies"
11
- },
12
- "subheading": {
13
- "value": "{fontFamily-bureau}",
14
- "type": "fontFamilies"
15
- }
2
+ "fontfamily": {
3
+ "body": {
4
+ "value": "{fontfamily.global.helvetica}",
5
+ "type": "fontFamilies"
6
+ },
7
+ "heading": {
8
+ "value": "{fontfamily.global.bureau}",
9
+ "type": "fontFamilies"
10
+ },
11
+ "subheading": {
12
+ "value": "{fontfamily.global.bureau}",
13
+ "type": "fontFamilies"
16
14
  }
17
15
  },
18
- "fontSize": {
16
+ "fontsize": {
19
17
  "reading": {
20
- "value": "{fontSize-100}",
18
+ "value": "{fontsize.global.100}",
21
19
  "type": "fontSizes"
22
20
  },
23
- "subHeading": {
24
- "value": "{fontSize-200}",
21
+ "subheading": {
22
+ "value": "{fontsize.global.200}",
25
23
  "type": "fontSizes"
26
24
  }
27
25
  },
28
- "fontWeight": {
29
- "alias": {
30
- "normal": {
31
- "value": "300",
32
- "type": "fontWeights"
33
- },
34
- "medium": {
35
- "value": "500",
36
- "type": "fontWeights"
37
- },
38
- "bold": {
39
- "value": "700",
40
- "type": "fontWeights"
41
- }
26
+ "fontweight": {
27
+ "normal": {
28
+ "value": "300",
29
+ "type": "fontWeights"
30
+ },
31
+ "medium": {
32
+ "value": "500",
33
+ "type": "fontWeights"
34
+ },
35
+ "bold": {
36
+ "value": "700",
37
+ "type": "fontWeights"
42
38
  }
43
39
  },
44
- "lineHeight": {
40
+ "lineheight": {
45
41
  "compact": {
46
- "value": "{lineHeight-100}",
42
+ "value": "{lineheight.global.100}",
47
43
  "type": "lineHeights"
48
44
  },
49
45
  "reading": {
50
- "value": "{lineHeight-200}",
46
+ "value": "{lineheight.global.200}",
51
47
  "type": "lineHeights"
52
48
  },
53
49
  "relaxed": {
54
- "value": "{lineHeight-400}",
50
+ "value": "{lineheight.global.400}",
55
51
  "type": "lineHeights"
56
52
  }
57
53
  },
58
- "letterSpacing": {
54
+ "letterspacing": {
59
55
  "tight": {
60
- "value": "{letterSpacing-100}",
56
+ "value": "{letterspacing.global.100}",
61
57
  "type": "letterSpacing"
62
58
  },
63
59
  "normal": {
64
- "value": "{letterSpacing-200}",
60
+ "value": "{letterspacing.global.200}",
65
61
  "type": "letterSpacing"
66
62
  },
67
63
  "relaxed": {
68
- "value": "{letterSpacing-300}",
64
+ "value": "{letterspacing.global.300}",
69
65
  "type": "letterSpacing"
70
66
  }
71
67
  },
72
68
  "color": {
73
- "alias": {
74
- "background": {
75
- "default": {
76
- "value": "{color.global.grey.200}",
77
- "type": "color"
78
- }
79
- },
80
- "surface": {
81
- "default": {
82
- "value": "{color.global.grey.100}",
83
- "type": "color"
84
- }
85
- },
86
- "brand": {
87
- "accent": {
88
- "value": "{color.global.gold.700}",
89
- "type": "color"
90
- },
91
- "primary": {
92
- "value": "{color.global.grey.900}",
93
- "type": "color"
94
- },
95
- "secondary": {
96
- "value": "{color.global.turquoise.500}",
97
- "type": "color"
98
- },
99
- "tertiary": {
100
- "value": "{color.global.grey.200}",
101
- "type": "color"
102
- }
103
- },
104
- "functional": {
105
- "error": {
106
- "value": "{color.global.red.500}",
107
- "type": "color"
108
- },
109
- "warning": {
110
- "value": "{color.global.orange.500}",
111
- "type": "color"
112
- },
113
- "success": {
114
- "value": "{color.global.green.500}",
115
- "type": "color"
116
- },
117
- "info": {
118
- "value": "{color.global.blue.500}",
119
- "type": "color"
120
- }
121
- },
122
- "text": {
123
- "title": {
124
- "value": "{color.global.grey.900}",
125
- "type": "color"
126
- },
127
- "hover": {
128
- "value": "{color.global.grey.700}",
129
- "type": "color"
130
- },
131
- "disabled": {
132
- "value": "{color.global.grey.500}",
133
- "type": "color"
134
- },
135
- "inverse": {
136
- "value": "{color.global.grey.100}",
137
- "type": "color"
138
- },
139
- "error": {
140
- "value": "{color.global.red.500}",
141
- "type": "color"
142
- },
143
- "warning": {
144
- "value": "{color.global.orange.500}",
145
- "type": "color"
146
- }
147
- },
148
- "icon": {
149
- "primary": {
150
- "value": "{color.global.grey.900}",
151
- "type": "color"
152
- },
153
- "secondary": {
154
- "value": "{color.global.grey.700}",
155
- "type": "color"
156
- },
157
- "tertiary": {
158
- "value": "{color.global.grey.500}",
159
- "type": "color"
160
- },
161
- "inverse": {
162
- "value": "{color.global.grey.100}",
163
- "type": "color"
164
- },
165
- "error": {
166
- "value": "{color.global.red.500}",
167
- "type": "color"
168
- },
169
- "warning": {
170
- "value": "{color.global.orange.500}",
171
- "type": "color"
172
- }
173
- },
174
- "fill-primary": {
175
- "default": {
176
- "value": "{color.alias.brand.primary}",
177
- "type": "color"
178
- },
179
- "hover": {
180
- "value": "{color.global.grey.800}",
181
- "type": "color"
182
- },
183
- "disabled": {
184
- "value": "{color.global.grey.400}",
185
- "type": "color"
186
- },
187
- "active": {
188
- "value": "{color.global.grey.900}",
189
- "type": "color"
190
- }
191
- },
192
- "foreground-primary": {
193
- "default": {
194
- "value": "{color.global.grey.100}",
195
- "type": "color"
196
- },
197
- "hover": {
198
- "value": "{color.global.grey.100}",
199
- "type": "color"
200
- },
201
- "disabled": {
202
- "value": "{color.global.grey.700}",
203
- "type": "color"
204
- },
205
- "active": {
206
- "value": "{color.global.grey.100}",
207
- "type": "color"
208
- }
209
- },
210
- "link": {
211
- "default": {
212
- "value": "{color.global.grey.900}",
213
- "type": "color"
214
- },
215
- "hover": {
216
- "value": "{color.global.grey.800}",
217
- "type": "color"
218
- },
219
- "disabled": {
220
- "value": "{color.global.grey.400}",
221
- "type": "color"
222
- },
223
- "active": {
224
- "value": "{color.global.grey.900}",
225
- "type": "color"
226
- }
227
- },
228
- "border": {
229
- "default": {
230
- "value": "{color.global.grey.400}",
231
- "type": "color"
232
- },
233
- "hover": {
234
- "value": "{color.global.grey.900}",
235
- "type": "color"
236
- },
237
- "disabled": {
238
- "value": "{color.global.grey.300}",
239
- "type": "color"
240
- },
241
- "active": {
242
- "value": "{color.global.grey.900}",
243
- "type": "color"
244
- },
245
- "error": {
246
- "value": "{color.alias.functional.error}",
247
- "type": "color"
248
- },
249
- "filled": {
250
- "value": "{color.global.grey.900}",
251
- "type": "color"
252
- }
69
+ "background": {
70
+ "default": {
71
+ "value": "{color.global.grey.200}",
72
+ "type": "color"
73
+ }
74
+ },
75
+ "surface": {
76
+ "default": {
77
+ "value": "{color.global.grey.100}",
78
+ "type": "color"
79
+ }
80
+ },
81
+ "brand": {
82
+ "accent": {
83
+ "value": "{color.global.gold.700}",
84
+ "type": "color"
85
+ },
86
+ "primary": {
87
+ "value": "{color.global.grey.900}",
88
+ "type": "color"
89
+ },
90
+ "secondary": {
91
+ "value": "{color.global.turquoise.500}",
92
+ "type": "color"
93
+ },
94
+ "tertiary": {
95
+ "value": "{color.global.grey.200}",
96
+ "type": "color"
97
+ }
98
+ },
99
+ "functional": {
100
+ "error": {
101
+ "value": "{color.global.red.500}",
102
+ "type": "color"
103
+ },
104
+ "warning": {
105
+ "value": "{color.global.orange.500}",
106
+ "type": "color"
107
+ },
108
+ "success": {
109
+ "value": "{color.global.green.500}",
110
+ "type": "color"
111
+ },
112
+ "info": {
113
+ "value": "{color.global.blue.500}",
114
+ "type": "color"
115
+ }
116
+ },
117
+ "text": {
118
+ "default": {
119
+ "value": "{color.global.grey.900}",
120
+ "type": "color"
121
+ },
122
+ "hover": {
123
+ "value": "{color.global.grey.700}",
124
+ "type": "color"
125
+ },
126
+ "disabled": {
127
+ "value": "{color.global.grey.500}",
128
+ "type": "color"
129
+ },
130
+ "inverse": {
131
+ "value": "{color.global.grey.100}",
132
+ "type": "color"
133
+ },
134
+ "error": {
135
+ "value": "{color.global.red.500}",
136
+ "type": "color"
137
+ },
138
+ "warning": {
139
+ "value": "{color.global.orange.500}",
140
+ "type": "color"
141
+ }
142
+ },
143
+ "icon": {
144
+ "primary": {
145
+ "value": "{color.global.grey.900}",
146
+ "type": "color"
147
+ },
148
+ "secondary": {
149
+ "value": "{color.global.grey.700}",
150
+ "type": "color"
151
+ },
152
+ "tertiary": {
153
+ "value": "{color.global.grey.500}",
154
+ "type": "color"
155
+ },
156
+ "inverse": {
157
+ "value": "{color.global.grey.100}",
158
+ "type": "color"
159
+ },
160
+ "error": {
161
+ "value": "{color.global.red.500}",
162
+ "type": "color"
163
+ },
164
+ "warning": {
165
+ "value": "{color.global.orange.500}",
166
+ "type": "color"
167
+ }
168
+ },
169
+ "fill-primary": {
170
+ "default": {
171
+ "value": "{color.global.grey.900}",
172
+ "type": "color"
173
+ },
174
+ "hover": {
175
+ "value": "{color.global.grey.800}",
176
+ "type": "color"
177
+ },
178
+ "disabled": {
179
+ "value": "{color.global.grey.400}",
180
+ "type": "color"
181
+ },
182
+ "active": {
183
+ "value": "{color.global.grey.900}",
184
+ "type": "color"
185
+ }
186
+ },
187
+ "foreground-primary": {
188
+ "default": {
189
+ "value": "{color.global.grey.100}",
190
+ "type": "color"
191
+ },
192
+ "hover": {
193
+ "value": "{color.global.grey.100}",
194
+ "type": "color"
195
+ },
196
+ "disabled": {
197
+ "value": "{color.global.grey.700}",
198
+ "type": "color"
199
+ },
200
+ "active": {
201
+ "value": "{color.global.grey.100}",
202
+ "type": "color"
203
+ }
204
+ },
205
+ "link": {
206
+ "default": {
207
+ "value": "{color.global.grey.900}",
208
+ "type": "color"
209
+ },
210
+ "hover": {
211
+ "value": "{color.global.grey.800}",
212
+ "type": "color"
213
+ },
214
+ "disabled": {
215
+ "value": "{color.global.grey.400}",
216
+ "type": "color"
217
+ },
218
+ "active": {
219
+ "value": "{color.global.grey.900}",
220
+ "type": "color"
221
+ }
222
+ },
223
+ "border": {
224
+ "default": {
225
+ "value": "{color.global.grey.400}",
226
+ "type": "color"
227
+ },
228
+ "hover": {
229
+ "value": "{color.global.grey.900}",
230
+ "type": "color"
231
+ },
232
+ "disabled": {
233
+ "value": "{color.global.grey.300}",
234
+ "type": "color"
235
+ },
236
+ "active": {
237
+ "value": "{color.global.grey.900}",
238
+ "type": "color"
239
+ },
240
+ "error": {
241
+ "value": "{color.global.red.500}",
242
+ "type": "color"
243
+ },
244
+ "filled": {
245
+ "value": "{color.global.grey.900}",
246
+ "type": "color"
253
247
  }
254
248
  }
255
249
  },
@@ -257,61 +251,61 @@
257
251
  "heading": {
258
252
  "xl": {
259
253
  "value": {
260
- "fontFamily": "{fontFamily.alias.heading}",
261
- "fontWeight": "{fontWeight.alias.bold}",
262
- "lineHeight": "{lineHeight.compact}",
263
- "fontSize": "{fontSize-500}",
264
- "letterSpacing": "{letterSpacing.normal}"
254
+ "fontFamily": "{fontfamily.heading}",
255
+ "fontWeight": "{fontweight.bold}",
256
+ "lineHeight": "{lineheight.relaxed}",
257
+ "fontSize": "{fontsize.global.500}",
258
+ "letterSpacing": "{letterspacing.normal}"
265
259
  },
266
260
  "type": "typography"
267
261
  },
268
262
  "lg": {
269
263
  "value": {
270
- "fontFamily": "{fontFamily.alias.heading}",
271
- "fontWeight": "{fontWeight.alias.bold}",
272
- "lineHeight": "{lineHeight.compact}",
273
- "fontSize": "{fontSize-400}",
274
- "letterSpacing": "{letterSpacing.normal}"
264
+ "fontFamily": "{fontfamily.heading}",
265
+ "fontWeight": "{fontweight.bold}",
266
+ "lineHeight": "{lineheight.relaxed}",
267
+ "fontSize": "{fontsize.global.400}",
268
+ "letterSpacing": "{letterspacing.normal}"
275
269
  },
276
270
  "type": "typography"
277
271
  },
278
272
  "md": {
279
273
  "value": {
280
- "fontFamily": "{fontFamily.alias.heading}",
281
- "fontWeight": "{fontWeight.alias.bold}",
282
- "lineHeight": "{lineHeight.relaxed}",
283
- "fontSize": "{fontSize-300}",
284
- "letterSpacing": "{letterSpacing.normal}"
274
+ "fontFamily": "{fontfamily.heading}",
275
+ "fontWeight": "{fontweight.bold}",
276
+ "lineHeight": "{lineheight.relaxed}",
277
+ "fontSize": "{fontsize.global.300}",
278
+ "letterSpacing": "{letterspacing.normal}"
285
279
  },
286
280
  "type": "typography"
287
281
  },
288
282
  "sm": {
289
283
  "value": {
290
- "fontFamily": "{fontFamily.alias.heading}",
291
- "fontWeight": "{fontWeight.alias.bold}",
292
- "lineHeight": "{lineHeight.relaxed}",
293
- "fontSize": "{fontSize-200}",
294
- "letterSpacing": "{letterSpacing.normal}"
284
+ "fontFamily": "{fontfamily.heading}",
285
+ "fontWeight": "{fontweight.bold}",
286
+ "lineHeight": "{lineheight.relaxed}",
287
+ "fontSize": "{fontsize.global.200}",
288
+ "letterSpacing": "{letterspacing.normal}"
295
289
  },
296
290
  "type": "typography"
297
291
  },
298
292
  "xs": {
299
293
  "value": {
300
- "fontFamily": "{fontFamily.alias.heading}",
301
- "fontWeight": "{fontWeight.alias.bold}",
302
- "lineHeight": "{lineHeight.relaxed}",
303
- "fontSize": "{fontSize-100}",
304
- "letterSpacing": "{letterSpacing.normal}"
294
+ "fontFamily": "{fontfamily.heading}",
295
+ "fontWeight": "{fontweight.bold}",
296
+ "lineHeight": "{lineheight.relaxed}",
297
+ "fontSize": "{fontsize.global.100}",
298
+ "letterSpacing": "{letterspacing.normal}"
305
299
  },
306
300
  "type": "typography"
307
301
  },
308
302
  "xxs": {
309
303
  "value": {
310
- "fontFamily": "{fontFamily.alias.heading}",
311
- "fontWeight": "{fontWeight.alias.bold}",
312
- "lineHeight": "{lineHeight.relaxed}",
313
- "fontSize": "{fontSize-100}",
314
- "letterSpacing": "{letterSpacing.tight}"
304
+ "fontFamily": "{fontfamily.heading}",
305
+ "fontWeight": "{fontweight.bold}",
306
+ "lineHeight": "{lineheight.relaxed}",
307
+ "fontSize": "{fontsize.global.100}",
308
+ "letterSpacing": "{letterspacing.tight}"
315
309
  },
316
310
  "type": "typography"
317
311
  }
@@ -319,51 +313,51 @@
319
313
  "subheading": {
320
314
  "lg": {
321
315
  "value": {
322
- "fontFamily": "{fontFamily.alias.subheading}",
323
- "fontWeight": "{fontWeight.alias.medium}",
324
- "lineHeight": "{lineHeight.compact}",
325
- "fontSize": "{fontSize-300}",
326
- "letterSpacing": "{letterSpacing.normal}"
316
+ "fontFamily": "{fontfamily.subheading}",
317
+ "fontWeight": "{fontweight.medium}",
318
+ "lineHeight": "{lineheight.relaxed}",
319
+ "fontSize": "{fontsize.global.300}",
320
+ "letterSpacing": "{letterspacing.normal}"
327
321
  },
328
322
  "type": "typography"
329
323
  },
330
324
  "md": {
331
325
  "value": {
332
- "fontFamily": "{fontFamily.alias.subheading}",
333
- "fontWeight": "{fontWeight.alias.medium}",
334
- "lineHeight": "{lineHeight.relaxed}",
335
- "fontSize": "{fontSize-200}",
336
- "letterSpacing": "{letterSpacing.normal}"
326
+ "fontFamily": "{fontfamily.subheading}",
327
+ "fontWeight": "{fontweight.medium}",
328
+ "lineHeight": "{lineheight.relaxed}",
329
+ "fontSize": "{fontsize.global.200}",
330
+ "letterSpacing": "{letterspacing.normal}"
337
331
  },
338
332
  "type": "typography"
339
333
  },
340
334
  "sm": {
341
335
  "value": {
342
- "fontFamily": "{fontFamily.alias.subheading}",
343
- "fontWeight": "{fontWeight.alias.medium}",
344
- "lineHeight": "{lineHeight.relaxed}",
345
- "fontSize": "{fontSize-100}",
346
- "letterSpacing": "{letterSpacing.normal}"
336
+ "fontFamily": "{fontfamily.subheading}",
337
+ "fontWeight": "{fontweight.medium}",
338
+ "lineHeight": "{lineheight.relaxed}",
339
+ "fontSize": "{fontsize.global.100}",
340
+ "letterSpacing": "{letterspacing.normal}"
347
341
  },
348
342
  "type": "typography"
349
343
  },
350
344
  "xs": {
351
345
  "value": {
352
- "fontFamily": "{fontFamily.alias.subheading}",
353
- "fontWeight": "{fontWeight.alias.medium}",
354
- "lineHeight": "{lineHeight.relaxed}",
355
- "fontSize": "{fontSize-100}",
356
- "letterSpacing": "{letterSpacing.normal}"
346
+ "fontFamily": "{fontfamily.subheading}",
347
+ "fontWeight": "{fontweight.medium}",
348
+ "lineHeight": "{lineheight.relaxed}",
349
+ "fontSize": "{fontsize.global.100}",
350
+ "letterSpacing": "{letterspacing.normal}"
357
351
  },
358
352
  "type": "typography"
359
353
  },
360
354
  "xxs": {
361
355
  "value": {
362
- "fontFamily": "{fontFamily.alias.subheading}",
363
- "fontWeight": "{fontWeight.alias.medium}",
364
- "lineHeight": "{lineHeight.relaxed}",
365
- "fontSize": "{fontSize-100}",
366
- "letterSpacing": "{letterSpacing.normal}"
356
+ "fontFamily": "{fontfamily.subheading}",
357
+ "fontWeight": "{fontweight.medium}",
358
+ "lineHeight": "{lineheight.relaxed}",
359
+ "fontSize": "{fontsize.global.100}",
360
+ "letterSpacing": "{letterspacing.normal}"
367
361
  },
368
362
  "type": "typography"
369
363
  }
@@ -371,31 +365,31 @@
371
365
  "body": {
372
366
  "lg": {
373
367
  "value": {
374
- "fontFamily": "{fontFamily.alias.body}",
375
- "fontWeight": "{fontWeight.alias.normal}",
376
- "lineHeight": "{lineHeight.reading}",
377
- "fontSize": "{fontSize-300}",
378
- "letterSpacing": "{letterSpacing.normal}"
368
+ "fontFamily": "{fontfamily.body}",
369
+ "fontWeight": "{fontweight.normal}",
370
+ "lineHeight": "{lineheight.reading}",
371
+ "fontSize": "{fontsize.global.300}",
372
+ "letterSpacing": "{letterspacing.normal}"
379
373
  },
380
374
  "type": "typography"
381
375
  },
382
376
  "md": {
383
377
  "value": {
384
- "fontFamily": "{fontFamily.alias.body}",
385
- "fontWeight": "{fontWeight.alias.normal}",
386
- "lineHeight": "{lineHeight.reading}",
387
- "fontSize": "{fontSize-200}",
388
- "letterSpacing": "{letterSpacing.normal}"
378
+ "fontFamily": "{fontfamily.body}",
379
+ "fontWeight": "{fontweight.normal}",
380
+ "lineHeight": "{lineheight.reading}",
381
+ "fontSize": "{fontsize.global.200}",
382
+ "letterSpacing": "{letterspacing.normal}"
389
383
  },
390
384
  "type": "typography"
391
385
  },
392
386
  "sm": {
393
387
  "value": {
394
- "fontFamily": "{fontFamily.alias.body}",
395
- "fontWeight": "{fontWeight.alias.normal}",
396
- "lineHeight": "{lineHeight.reading}",
397
- "fontSize": "{fontSize-100}",
398
- "letterSpacing": "{letterSpacing.tight}"
388
+ "fontFamily": "{fontfamily.body}",
389
+ "fontWeight": "{fontweight.normal}",
390
+ "lineHeight": "{lineheight.reading}",
391
+ "fontSize": "{fontsize.global.100}",
392
+ "letterSpacing": "{letterspacing.tight}"
399
393
  },
400
394
  "type": "typography"
401
395
  }