villa-design-tokens 1.0.139 → 1.0.140
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/brands/argos.json +79 -19
- package/tokens/brands/whitelabel.json +73 -13
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "villa-design-tokens",
|
|
3
3
|
"description": "Design Tokens published by Design Token Studio with VPRO's Figma Design System",
|
|
4
4
|
"author": "VPRO",
|
|
5
|
-
"version": "1.0.
|
|
5
|
+
"version": "1.0.140",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
8
8
|
"url": "git+https://github.com/vpro/Design-tokens.git"
|
package/tokens/brands/argos.json
CHANGED
|
@@ -121,8 +121,12 @@
|
|
|
121
121
|
}
|
|
122
122
|
},
|
|
123
123
|
"surface": {
|
|
124
|
-
"
|
|
125
|
-
"value": "{color.
|
|
124
|
+
"brand": {
|
|
125
|
+
"value": "{color.brand.primary}",
|
|
126
|
+
"type": "color"
|
|
127
|
+
},
|
|
128
|
+
"primary": {
|
|
129
|
+
"value": "{color.global.salmon.150}",
|
|
126
130
|
"type": "color"
|
|
127
131
|
},
|
|
128
132
|
"secondary": {
|
|
@@ -130,19 +134,33 @@
|
|
|
130
134
|
"type": "color"
|
|
131
135
|
},
|
|
132
136
|
"tertiary": {
|
|
133
|
-
"value": "{color.global.
|
|
134
|
-
"type": "color"
|
|
135
|
-
},
|
|
136
|
-
"disabled": {
|
|
137
|
-
"value": "{color.global.grey.300}",
|
|
137
|
+
"value": "{color.global.mist.150}",
|
|
138
138
|
"type": "color"
|
|
139
139
|
},
|
|
140
140
|
"dark": {
|
|
141
141
|
"value": "{color.global.oxford.150}",
|
|
142
142
|
"type": "color"
|
|
143
|
-
}
|
|
143
|
+
}
|
|
144
|
+
},
|
|
145
|
+
"on-surface": {
|
|
144
146
|
"brand": {
|
|
145
|
-
"value": "{color.
|
|
147
|
+
"value": "{color.global.grey.100}",
|
|
148
|
+
"type": "color"
|
|
149
|
+
},
|
|
150
|
+
"primary": {
|
|
151
|
+
"value": "{color.global.grey.100}",
|
|
152
|
+
"type": "color"
|
|
153
|
+
},
|
|
154
|
+
"secondary": {
|
|
155
|
+
"value": "{color.global.grey.500}",
|
|
156
|
+
"type": "color"
|
|
157
|
+
},
|
|
158
|
+
"tertiary": {
|
|
159
|
+
"value": "{color.global.grey.500}",
|
|
160
|
+
"type": "color"
|
|
161
|
+
},
|
|
162
|
+
"dark": {
|
|
163
|
+
"value": "{color.global.grey.100}",
|
|
146
164
|
"type": "color"
|
|
147
165
|
}
|
|
148
166
|
},
|
|
@@ -205,23 +223,37 @@
|
|
|
205
223
|
"type": "color"
|
|
206
224
|
},
|
|
207
225
|
"active": {
|
|
208
|
-
"value": "{color.global.
|
|
226
|
+
"value": "{color.global.salmon.200}",
|
|
209
227
|
"type": "color"
|
|
210
228
|
}
|
|
211
229
|
},
|
|
212
230
|
"on-interactive": {
|
|
213
231
|
"default": {
|
|
214
|
-
"value": "{color.global.grey.
|
|
232
|
+
"value": "{color.global.grey.100}",
|
|
215
233
|
"type": "color"
|
|
216
234
|
},
|
|
217
235
|
"hover": {
|
|
218
|
-
"value": "{color.global.grey.
|
|
236
|
+
"value": "{color.global.grey.100}",
|
|
219
237
|
"type": "color"
|
|
220
238
|
},
|
|
221
239
|
"active": {
|
|
222
240
|
"value": "{color.global.grey.100}",
|
|
223
241
|
"type": "color"
|
|
224
242
|
}
|
|
243
|
+
},
|
|
244
|
+
"border": {
|
|
245
|
+
"default": {
|
|
246
|
+
"value": "{color.global.salmon.100}",
|
|
247
|
+
"type": "color"
|
|
248
|
+
},
|
|
249
|
+
"hover": {
|
|
250
|
+
"value": "{color.global.salmon.150}",
|
|
251
|
+
"type": "color"
|
|
252
|
+
},
|
|
253
|
+
"active": {
|
|
254
|
+
"value": "{color.global.salmon.200}",
|
|
255
|
+
"type": "color"
|
|
256
|
+
}
|
|
225
257
|
}
|
|
226
258
|
},
|
|
227
259
|
"border": {
|
|
@@ -283,7 +315,7 @@
|
|
|
283
315
|
"secondary": {
|
|
284
316
|
"interactive": {
|
|
285
317
|
"default": {
|
|
286
|
-
"value": "{color.
|
|
318
|
+
"value": "{color.transparent.100}",
|
|
287
319
|
"type": "color"
|
|
288
320
|
},
|
|
289
321
|
"hover": {
|
|
@@ -297,37 +329,51 @@
|
|
|
297
329
|
},
|
|
298
330
|
"on-interactive": {
|
|
299
331
|
"default": {
|
|
300
|
-
"value": "{color.global.
|
|
332
|
+
"value": "{color.global.salmon.100}",
|
|
301
333
|
"type": "color"
|
|
302
334
|
},
|
|
303
335
|
"hover": {
|
|
304
|
-
"value": "{color.global.grey.
|
|
336
|
+
"value": "{color.global.grey.100}",
|
|
305
337
|
"type": "color"
|
|
306
338
|
},
|
|
307
339
|
"active": {
|
|
308
340
|
"value": "{color.global.grey.100}",
|
|
309
341
|
"type": "color"
|
|
310
342
|
}
|
|
343
|
+
},
|
|
344
|
+
"border": {
|
|
345
|
+
"default": {
|
|
346
|
+
"value": "{color.global.salmon.100}",
|
|
347
|
+
"type": "color"
|
|
348
|
+
},
|
|
349
|
+
"hover": {
|
|
350
|
+
"value": "{color.global.salmon.150}",
|
|
351
|
+
"type": "color"
|
|
352
|
+
},
|
|
353
|
+
"active": {
|
|
354
|
+
"value": "{color.global.salmon.200}",
|
|
355
|
+
"type": "color"
|
|
356
|
+
}
|
|
311
357
|
}
|
|
312
358
|
},
|
|
313
359
|
"tertiary": {
|
|
314
360
|
"interactive": {
|
|
315
361
|
"default": {
|
|
316
|
-
"value": "{color.
|
|
362
|
+
"value": "{color.transparent.100}",
|
|
317
363
|
"type": "color"
|
|
318
364
|
},
|
|
319
365
|
"hover": {
|
|
320
|
-
"value": "{color.
|
|
366
|
+
"value": "{color.global.salmon.150}",
|
|
321
367
|
"type": "color"
|
|
322
368
|
},
|
|
323
369
|
"active": {
|
|
324
|
-
"value": "{color.
|
|
370
|
+
"value": "{color.global.salmon.200}",
|
|
325
371
|
"type": "color"
|
|
326
372
|
}
|
|
327
373
|
},
|
|
328
374
|
"on-interactive": {
|
|
329
375
|
"default": {
|
|
330
|
-
"value": "{color.global.
|
|
376
|
+
"value": "{color.global.salmon.100}",
|
|
331
377
|
"type": "color"
|
|
332
378
|
},
|
|
333
379
|
"hover": {
|
|
@@ -338,6 +384,20 @@
|
|
|
338
384
|
"value": "{color.global.grey.100}",
|
|
339
385
|
"type": "color"
|
|
340
386
|
}
|
|
387
|
+
},
|
|
388
|
+
"border": {
|
|
389
|
+
"default": {
|
|
390
|
+
"value": "{color.transparent.100}",
|
|
391
|
+
"type": "color"
|
|
392
|
+
},
|
|
393
|
+
"hover": {
|
|
394
|
+
"value": "{color.global.salmon.150}",
|
|
395
|
+
"type": "color"
|
|
396
|
+
},
|
|
397
|
+
"active": {
|
|
398
|
+
"value": "{color.global.salmon.200}",
|
|
399
|
+
"type": "color"
|
|
400
|
+
}
|
|
341
401
|
}
|
|
342
402
|
}
|
|
343
403
|
}
|
|
@@ -121,7 +121,11 @@
|
|
|
121
121
|
}
|
|
122
122
|
},
|
|
123
123
|
"surface": {
|
|
124
|
-
"
|
|
124
|
+
"brand": {
|
|
125
|
+
"value": "{color.brand.primary}",
|
|
126
|
+
"type": "color"
|
|
127
|
+
},
|
|
128
|
+
"primary": {
|
|
125
129
|
"value": "{color.global.grey.150}",
|
|
126
130
|
"type": "color"
|
|
127
131
|
},
|
|
@@ -133,16 +137,30 @@
|
|
|
133
137
|
"value": "{color.global.grey.300}",
|
|
134
138
|
"type": "color"
|
|
135
139
|
},
|
|
136
|
-
"
|
|
137
|
-
"value": "{color.global.grey.
|
|
140
|
+
"dark": {
|
|
141
|
+
"value": "{color.global.grey.500}",
|
|
142
|
+
"type": "color"
|
|
143
|
+
}
|
|
144
|
+
},
|
|
145
|
+
"on-surface": {
|
|
146
|
+
"brand": {
|
|
147
|
+
"value": "{color.global.grey.100}",
|
|
138
148
|
"type": "color"
|
|
139
149
|
},
|
|
140
|
-
"
|
|
150
|
+
"primary": {
|
|
141
151
|
"value": "{color.global.grey.500}",
|
|
142
152
|
"type": "color"
|
|
143
153
|
},
|
|
144
|
-
"
|
|
145
|
-
"value": "{color.
|
|
154
|
+
"secondary": {
|
|
155
|
+
"value": "{color.global.grey.500}",
|
|
156
|
+
"type": "color"
|
|
157
|
+
},
|
|
158
|
+
"tertiary": {
|
|
159
|
+
"value": "{color.global.grey.500}",
|
|
160
|
+
"type": "color"
|
|
161
|
+
},
|
|
162
|
+
"dark": {
|
|
163
|
+
"value": "{color.global.grey.100}",
|
|
146
164
|
"type": "color"
|
|
147
165
|
}
|
|
148
166
|
},
|
|
@@ -197,7 +215,7 @@
|
|
|
197
215
|
"primary": {
|
|
198
216
|
"interactive": {
|
|
199
217
|
"default": {
|
|
200
|
-
"value": "{color.
|
|
218
|
+
"value": "{color.global.blue.150}",
|
|
201
219
|
"type": "color"
|
|
202
220
|
},
|
|
203
221
|
"hover": {
|
|
@@ -205,7 +223,7 @@
|
|
|
205
223
|
"type": "color"
|
|
206
224
|
},
|
|
207
225
|
"active": {
|
|
208
|
-
"value": "{color.global.blue.
|
|
226
|
+
"value": "{color.global.blue.125}",
|
|
209
227
|
"type": "color"
|
|
210
228
|
}
|
|
211
229
|
},
|
|
@@ -222,6 +240,20 @@
|
|
|
222
240
|
"value": "{color.global.grey.100}",
|
|
223
241
|
"type": "color"
|
|
224
242
|
}
|
|
243
|
+
},
|
|
244
|
+
"border": {
|
|
245
|
+
"default": {
|
|
246
|
+
"value": "{color.global.blue.150}",
|
|
247
|
+
"type": "color"
|
|
248
|
+
},
|
|
249
|
+
"hover": {
|
|
250
|
+
"value": "{color.global.blue.100}",
|
|
251
|
+
"type": "color"
|
|
252
|
+
},
|
|
253
|
+
"active": {
|
|
254
|
+
"value": "{color.global.blue.125}",
|
|
255
|
+
"type": "color"
|
|
256
|
+
}
|
|
225
257
|
}
|
|
226
258
|
},
|
|
227
259
|
"border": {
|
|
@@ -283,7 +315,7 @@
|
|
|
283
315
|
"secondary": {
|
|
284
316
|
"interactive": {
|
|
285
317
|
"default": {
|
|
286
|
-
"value": "{color.
|
|
318
|
+
"value": "{color.transparent.100}",
|
|
287
319
|
"type": "color"
|
|
288
320
|
},
|
|
289
321
|
"hover": {
|
|
@@ -291,13 +323,13 @@
|
|
|
291
323
|
"type": "color"
|
|
292
324
|
},
|
|
293
325
|
"active": {
|
|
294
|
-
"value": "{color.global.
|
|
326
|
+
"value": "{color.global.blue.125}",
|
|
295
327
|
"type": "color"
|
|
296
328
|
}
|
|
297
329
|
},
|
|
298
330
|
"on-interactive": {
|
|
299
331
|
"default": {
|
|
300
|
-
"value": "{color.global.
|
|
332
|
+
"value": "{color.global.blue.150}",
|
|
301
333
|
"type": "color"
|
|
302
334
|
},
|
|
303
335
|
"hover": {
|
|
@@ -308,12 +340,26 @@
|
|
|
308
340
|
"value": "{color.global.grey.100}",
|
|
309
341
|
"type": "color"
|
|
310
342
|
}
|
|
343
|
+
},
|
|
344
|
+
"border": {
|
|
345
|
+
"default": {
|
|
346
|
+
"value": "{color.global.blue.150}",
|
|
347
|
+
"type": "color"
|
|
348
|
+
},
|
|
349
|
+
"hover": {
|
|
350
|
+
"value": "{color.global.blue.100}",
|
|
351
|
+
"type": "color"
|
|
352
|
+
},
|
|
353
|
+
"active": {
|
|
354
|
+
"value": "{color.global.blue.125}",
|
|
355
|
+
"type": "color"
|
|
356
|
+
}
|
|
311
357
|
}
|
|
312
358
|
},
|
|
313
359
|
"tertiary": {
|
|
314
360
|
"interactive": {
|
|
315
361
|
"default": {
|
|
316
|
-
"value": "{color.
|
|
362
|
+
"value": "{color.transparent.100}",
|
|
317
363
|
"type": "color"
|
|
318
364
|
},
|
|
319
365
|
"hover": {
|
|
@@ -321,7 +367,7 @@
|
|
|
321
367
|
"type": "color"
|
|
322
368
|
},
|
|
323
369
|
"active": {
|
|
324
|
-
"value": "{color.global.
|
|
370
|
+
"value": "{color.global.blue.125}",
|
|
325
371
|
"type": "color"
|
|
326
372
|
}
|
|
327
373
|
},
|
|
@@ -338,6 +384,20 @@
|
|
|
338
384
|
"value": "{color.global.grey.100}",
|
|
339
385
|
"type": "color"
|
|
340
386
|
}
|
|
387
|
+
},
|
|
388
|
+
"border": {
|
|
389
|
+
"default": {
|
|
390
|
+
"value": "{color.transparent.100}",
|
|
391
|
+
"type": "color"
|
|
392
|
+
},
|
|
393
|
+
"hover": {
|
|
394
|
+
"value": "{color.global.blue.100}",
|
|
395
|
+
"type": "color"
|
|
396
|
+
},
|
|
397
|
+
"active": {
|
|
398
|
+
"value": "{color.global.blue.125}",
|
|
399
|
+
"type": "color"
|
|
400
|
+
}
|
|
341
401
|
}
|
|
342
402
|
}
|
|
343
403
|
}
|