villa-design-tokens 1.0.140 → 1.0.142

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 (4) hide show
  1. package/package.json +1 -1
  2. package/tokens/brands/argos.json +44 -44
  3. package/tokens/brands/human.json +103 -43
  4. package/tokens/brands/whitelabel.json +44 -44
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.140",
5
+ "version": "1.0.142",
6
6
  "repository": {
7
7
  "type": "git",
8
8
  "url": "git+https://github.com/vpro/Design-tokens.git"
package/tokens/brands/argos.json CHANGED
@@ -212,50 +212,6 @@
212
212
  "type": "color"
213
213
  }
214
214
  },
215
- "primary": {
216
- "interactive": {
217
- "default": {
218
- "value": "{color.global.salmon.100}",
219
- "type": "color"
220
- },
221
- "hover": {
222
- "value": "{color.global.salmon.150}",
223
- "type": "color"
224
- },
225
- "active": {
226
- "value": "{color.global.salmon.200}",
227
- "type": "color"
228
- }
229
- },
230
- "on-interactive": {
231
- "default": {
232
- "value": "{color.global.grey.100}",
233
- "type": "color"
234
- },
235
- "hover": {
236
- "value": "{color.global.grey.100}",
237
- "type": "color"
238
- },
239
- "active": {
240
- "value": "{color.global.grey.100}",
241
- "type": "color"
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
- }
257
- }
258
- },
259
215
  "border": {
260
216
  "default": {
261
217
  "value": "{color.global.mist.200}",
@@ -312,6 +268,50 @@
312
268
  "type": "color"
313
269
  }
314
270
  },
271
+ "primary": {
272
+ "interactive": {
273
+ "default": {
274
+ "value": "{color.global.salmon.100}",
275
+ "type": "color"
276
+ },
277
+ "hover": {
278
+ "value": "{color.global.salmon.150}",
279
+ "type": "color"
280
+ },
281
+ "active": {
282
+ "value": "{color.global.salmon.200}",
283
+ "type": "color"
284
+ }
285
+ },
286
+ "on-interactive": {
287
+ "default": {
288
+ "value": "{color.global.grey.100}",
289
+ "type": "color"
290
+ },
291
+ "hover": {
292
+ "value": "{color.global.grey.100}",
293
+ "type": "color"
294
+ },
295
+ "active": {
296
+ "value": "{color.global.grey.100}",
297
+ "type": "color"
298
+ }
299
+ },
300
+ "border": {
301
+ "default": {
302
+ "value": "{color.global.salmon.100}",
303
+ "type": "color"
304
+ },
305
+ "hover": {
306
+ "value": "{color.global.salmon.150}",
307
+ "type": "color"
308
+ },
309
+ "active": {
310
+ "value": "{color.global.salmon.200}",
311
+ "type": "color"
312
+ }
313
+ }
314
+ },
315
315
  "secondary": {
316
316
  "interactive": {
317
317
  "default": {
package/tokens/brands/human.json CHANGED
@@ -121,7 +121,11 @@
121
121
  }
122
122
  },
123
123
  "surface": {
124
- "default": {
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
- "disabled": {
137
- "value": "{color.global.grey.300}",
140
+ "dark": {
141
+ "value": "{color.global.grey.500}",
142
+ "type": "color"
143
+ }
144
+ },
145
+ "on-surface": {
146
+ "brand": {
147
+ "value": "{color.global.grey.500}",
138
148
  "type": "color"
139
149
  },
140
- "dark": {
150
+ "primary": {
141
151
  "value": "{color.global.grey.500}",
142
152
  "type": "color"
143
153
  },
144
- "brand": {
145
- "value": "{color.brand.primary}",
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
  },
@@ -194,36 +212,6 @@
194
212
  "type": "color"
195
213
  }
196
214
  },
197
- "primary": {
198
- "interactive": {
199
- "default": {
200
- "value": "{color.global.orange.100}",
201
- "type": "color"
202
- },
203
- "hover": {
204
- "value": "{color.global.orange.50}",
205
- "type": "color"
206
- },
207
- "active": {
208
- "value": "{color.global.blue.150}",
209
- "type": "color"
210
- }
211
- },
212
- "on-interactive": {
213
- "default": {
214
- "value": "{color.global.grey.500}",
215
- "type": "color"
216
- },
217
- "hover": {
218
- "value": "{color.global.grey.500}",
219
- "type": "color"
220
- },
221
- "active": {
222
- "value": "{color.global.grey.100}",
223
- "type": "color"
224
- }
225
- }
226
- },
227
215
  "border": {
228
216
  "default": {
229
217
  "value": "{color.global.grey.250}",
@@ -280,40 +268,98 @@
280
268
  "type": "color"
281
269
  }
282
270
  },
283
- "secondary": {
271
+ "primary": {
284
272
  "interactive": {
285
273
  "default": {
286
- "value": "{color.brand.secondary}",
274
+ "value": "{color.global.orange.100}",
287
275
  "type": "color"
288
276
  },
289
277
  "hover": {
290
- "value": "{color.global.blue.100}",
278
+ "value": "{color.global.orange.50}",
291
279
  "type": "color"
292
280
  },
293
281
  "active": {
294
- "value": "{color.global.grey.450}",
282
+ "value": "{color.global.blue.150}",
295
283
  "type": "color"
296
284
  }
297
285
  },
298
286
  "on-interactive": {
299
287
  "default": {
300
- "value": "{color.global.grey.100}",
288
+ "value": "{color.global.grey.500}",
301
289
  "type": "color"
302
290
  },
303
291
  "hover": {
292
+ "value": "{color.global.grey.500}",
293
+ "type": "color"
294
+ },
295
+ "active": {
304
296
  "value": "{color.global.grey.100}",
305
297
  "type": "color"
298
+ }
299
+ },
300
+ "border": {
301
+ "default": {
302
+ "value": "{color.global.orange.100}",
303
+ "type": "color"
304
+ },
305
+ "hover": {
306
+ "value": "{color.global.orange.50}",
307
+ "type": "color"
308
+ },
309
+ "active": {
310
+ "value": "{color.global.blue.150}",
311
+ "type": "color"
312
+ }
313
+ }
314
+ },
315
+ "secondary": {
316
+ "interactive": {
317
+ "default": {
318
+ "value": "{color.transparent.100}",
319
+ "type": "color"
320
+ },
321
+ "hover": {
322
+ "value": "{color.global.orange.50}",
323
+ "type": "color"
324
+ },
325
+ "active": {
326
+ "value": "{color.global.blue.150}",
327
+ "type": "color"
328
+ }
329
+ },
330
+ "on-interactive": {
331
+ "default": {
332
+ "value": "{color.global.grey.500}",
333
+ "type": "color"
334
+ },
335
+ "hover": {
336
+ "value": "{color.global.grey.500}",
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.grey.500}",
347
+ "type": "color"
348
+ },
349
+ "hover": {
350
+ "value": "{color.global.orange.50}",
351
+ "type": "color"
352
+ },
353
+ "active": {
354
+ "value": "{color.global.blue.150}",
355
+ "type": "color"
356
+ }
311
357
  }
312
358
  },
313
359
  "tertiary": {
314
360
  "interactive": {
315
361
  "default": {
316
- "value": "{color.background.default}",
362
+ "value": "{color.transparent.100}",
317
363
  "type": "color"
318
364
  },
319
365
  "hover": {
@@ -327,7 +373,7 @@
327
373
  },
328
374
  "on-interactive": {
329
375
  "default": {
330
- "value": "{color.global.grey.500}",
376
+ "value": "{color.global.orange.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.orange.50}",
395
+ "type": "color"
396
+ },
397
+ "active": {
398
+ "value": "{color.global.blue.150}",
399
+ "type": "color"
400
+ }
341
401
  }
342
402
  }
343
403
  }
package/tokens/brands/whitelabel.json CHANGED
@@ -212,50 +212,6 @@
212
212
  "type": "color"
213
213
  }
214
214
  },
215
- "primary": {
216
- "interactive": {
217
- "default": {
218
- "value": "{color.global.blue.150}",
219
- "type": "color"
220
- },
221
- "hover": {
222
- "value": "{color.global.blue.100}",
223
- "type": "color"
224
- },
225
- "active": {
226
- "value": "{color.global.blue.125}",
227
- "type": "color"
228
- }
229
- },
230
- "on-interactive": {
231
- "default": {
232
- "value": "{color.global.grey.100}",
233
- "type": "color"
234
- },
235
- "hover": {
236
- "value": "{color.global.grey.100}",
237
- "type": "color"
238
- },
239
- "active": {
240
- "value": "{color.global.grey.100}",
241
- "type": "color"
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
- }
257
- }
258
- },
259
215
  "border": {
260
216
  "default": {
261
217
  "value": "{color.global.grey.250}",
@@ -312,6 +268,50 @@
312
268
  "type": "color"
313
269
  }
314
270
  },
271
+ "primary": {
272
+ "interactive": {
273
+ "default": {
274
+ "value": "{color.global.blue.150}",
275
+ "type": "color"
276
+ },
277
+ "hover": {
278
+ "value": "{color.global.blue.100}",
279
+ "type": "color"
280
+ },
281
+ "active": {
282
+ "value": "{color.global.blue.125}",
283
+ "type": "color"
284
+ }
285
+ },
286
+ "on-interactive": {
287
+ "default": {
288
+ "value": "{color.global.grey.100}",
289
+ "type": "color"
290
+ },
291
+ "hover": {
292
+ "value": "{color.global.grey.100}",
293
+ "type": "color"
294
+ },
295
+ "active": {
296
+ "value": "{color.global.grey.100}",
297
+ "type": "color"
298
+ }
299
+ },
300
+ "border": {
301
+ "default": {
302
+ "value": "{color.global.blue.150}",
303
+ "type": "color"
304
+ },
305
+ "hover": {
306
+ "value": "{color.global.blue.100}",
307
+ "type": "color"
308
+ },
309
+ "active": {
310
+ "value": "{color.global.blue.125}",
311
+ "type": "color"
312
+ }
313
+ }
314
+ },
315
315
  "secondary": {
316
316
  "interactive": {
317
317
  "default": {