villa-design-tokens 1.0.88 → 1.0.89
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/$themes.json +1 -1
- package/tokens/base.json +4 -4
- package/tokens/brands/human.json +27 -5
- package/tokens/brands/whitelabel.json +46 -4
- package/tokens/global.json +12 -0
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.89",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
8
8
|
"url": "git+https://github.com/vpro/Design-tokens.git"
|
package/tokens/$themes.json
CHANGED
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
"color.primary.interactive.default": "S:3029562e936e200353489af6899c551809a66465,",
|
|
91
91
|
"color.primary.interactive.hover": "S:e9b58c98125742b7854d466151fc23850ee81468,",
|
|
92
92
|
"color.primary.interactive.active": "S:2748565552e899024e9d6cda9e2cb887b27d696f,",
|
|
93
|
-
"color.surface.
|
|
93
|
+
"color.surface.tertiary": "S:dd033dbc3df5f37e45166256b12b39d66fd14efc,"
|
|
94
94
|
},
|
|
95
95
|
"selectedTokenSets": {
|
|
96
96
|
"global": "source",
|
package/tokens/base.json
CHANGED
|
@@ -453,19 +453,19 @@
|
|
|
453
453
|
"color": {
|
|
454
454
|
"functional": {
|
|
455
455
|
"error": {
|
|
456
|
-
"value": "{color.global.red.
|
|
456
|
+
"value": "{color.global.red.125}",
|
|
457
457
|
"type": "color"
|
|
458
458
|
},
|
|
459
459
|
"warning": {
|
|
460
|
-
"value": "{color.global.
|
|
460
|
+
"value": "{color.global.yellow.100}",
|
|
461
461
|
"type": "color"
|
|
462
462
|
},
|
|
463
463
|
"success": {
|
|
464
|
-
"value": "{color.global.green.
|
|
464
|
+
"value": "{color.global.green.125}",
|
|
465
465
|
"type": "color"
|
|
466
466
|
},
|
|
467
467
|
"info": {
|
|
468
|
-
"value": "{color.global.blue.
|
|
468
|
+
"value": "{color.global.blue.125}",
|
|
469
469
|
"type": "color"
|
|
470
470
|
}
|
|
471
471
|
}
|
package/tokens/brands/human.json
CHANGED
|
@@ -87,12 +87,16 @@
|
|
|
87
87
|
"value": "{color.global.grey.100}",
|
|
88
88
|
"type": "color"
|
|
89
89
|
},
|
|
90
|
-
"
|
|
91
|
-
"value": "{color.
|
|
90
|
+
"tertiary": {
|
|
91
|
+
"value": "{color.global.grey.300}",
|
|
92
92
|
"type": "color"
|
|
93
93
|
},
|
|
94
|
-
"
|
|
95
|
-
"value": "{color.global.grey.
|
|
94
|
+
"dark": {
|
|
95
|
+
"value": "{color.global.grey.500}",
|
|
96
|
+
"type": "color"
|
|
97
|
+
},
|
|
98
|
+
"brand": {
|
|
99
|
+
"value": "{color.brand.primary}",
|
|
96
100
|
"type": "color"
|
|
97
101
|
}
|
|
98
102
|
},
|
|
@@ -165,6 +169,10 @@
|
|
|
165
169
|
"active": {
|
|
166
170
|
"value": "{color.global.orange.150}",
|
|
167
171
|
"type": "color"
|
|
172
|
+
},
|
|
173
|
+
"outline": {
|
|
174
|
+
"value": "{color.global.orange.50}",
|
|
175
|
+
"type": "color"
|
|
168
176
|
}
|
|
169
177
|
},
|
|
170
178
|
"on-interactive": {
|
|
@@ -173,13 +181,23 @@
|
|
|
173
181
|
"type": "color"
|
|
174
182
|
},
|
|
175
183
|
"hover": {
|
|
176
|
-
"value": "{color.global.grey.
|
|
184
|
+
"value": "{color.global.grey.500}",
|
|
177
185
|
"type": "color"
|
|
178
186
|
},
|
|
179
187
|
"active": {
|
|
180
188
|
"value": "{color.global.grey.100}",
|
|
181
189
|
"type": "color"
|
|
182
190
|
}
|
|
191
|
+
},
|
|
192
|
+
"border-interactive": {
|
|
193
|
+
"default": {
|
|
194
|
+
"value": "{color.primary.interactive.default}",
|
|
195
|
+
"type": "color"
|
|
196
|
+
},
|
|
197
|
+
"hover": {
|
|
198
|
+
"value": "{color.primary.interactive.hover}",
|
|
199
|
+
"type": "color"
|
|
200
|
+
}
|
|
183
201
|
}
|
|
184
202
|
},
|
|
185
203
|
"border": {
|
|
@@ -216,6 +234,10 @@
|
|
|
216
234
|
"active": {
|
|
217
235
|
"value": "{color.global.blue.150}",
|
|
218
236
|
"type": "color"
|
|
237
|
+
},
|
|
238
|
+
"inverse": {
|
|
239
|
+
"value": "{color.global.grey.100}",
|
|
240
|
+
"type": "color"
|
|
219
241
|
}
|
|
220
242
|
},
|
|
221
243
|
"secondary": {
|
|
@@ -87,12 +87,16 @@
|
|
|
87
87
|
"value": "{color.global.grey.100}",
|
|
88
88
|
"type": "color"
|
|
89
89
|
},
|
|
90
|
-
"
|
|
91
|
-
"value": "{color.
|
|
90
|
+
"tertiary": {
|
|
91
|
+
"value": "{color.global.grey.300}",
|
|
92
92
|
"type": "color"
|
|
93
93
|
},
|
|
94
|
-
"
|
|
95
|
-
"value": "{color.global.grey.
|
|
94
|
+
"dark": {
|
|
95
|
+
"value": "{color.global.grey.500}",
|
|
96
|
+
"type": "color"
|
|
97
|
+
},
|
|
98
|
+
"brand": {
|
|
99
|
+
"value": "{color.brand.primary}",
|
|
96
100
|
"type": "color"
|
|
97
101
|
}
|
|
98
102
|
},
|
|
@@ -165,6 +169,10 @@
|
|
|
165
169
|
"active": {
|
|
166
170
|
"value": "{color.global.blue.150}",
|
|
167
171
|
"type": "color"
|
|
172
|
+
},
|
|
173
|
+
"outline": {
|
|
174
|
+
"value": "{color.global.blue.50}",
|
|
175
|
+
"type": "color"
|
|
168
176
|
}
|
|
169
177
|
},
|
|
170
178
|
"on-interactive": {
|
|
@@ -180,6 +188,20 @@
|
|
|
180
188
|
"value": "{color.global.grey.100}",
|
|
181
189
|
"type": "color"
|
|
182
190
|
}
|
|
191
|
+
},
|
|
192
|
+
"border-interactive": {
|
|
193
|
+
"default": {
|
|
194
|
+
"value": "{color.primary.interactive.default}",
|
|
195
|
+
"type": "color"
|
|
196
|
+
},
|
|
197
|
+
"hover": {
|
|
198
|
+
"value": "{color.primary.interactive.hover}",
|
|
199
|
+
"type": "color"
|
|
200
|
+
},
|
|
201
|
+
"active": {
|
|
202
|
+
"value": "{color.primary.interactive.active}",
|
|
203
|
+
"type": "color"
|
|
204
|
+
}
|
|
183
205
|
}
|
|
184
206
|
},
|
|
185
207
|
"border": {
|
|
@@ -216,6 +238,10 @@
|
|
|
216
238
|
"active": {
|
|
217
239
|
"value": "{color.global.grey.500}",
|
|
218
240
|
"type": "color"
|
|
241
|
+
},
|
|
242
|
+
"inverse": {
|
|
243
|
+
"value": "{color.global.grey.100}",
|
|
244
|
+
"type": "color"
|
|
219
245
|
}
|
|
220
246
|
},
|
|
221
247
|
"secondary": {
|
|
@@ -246,6 +272,22 @@
|
|
|
246
272
|
"value": "{color.global.grey.100}",
|
|
247
273
|
"type": "color"
|
|
248
274
|
}
|
|
275
|
+
},
|
|
276
|
+
"border-interactive": {
|
|
277
|
+
"default": {
|
|
278
|
+
"value": "{color.secondary.interactive.default}",
|
|
279
|
+
"type": "color"
|
|
280
|
+
},
|
|
281
|
+
"hover": {
|
|
282
|
+
"value": "{color.secondary.interactive.hover}",
|
|
283
|
+
"type": "color"
|
|
284
|
+
}
|
|
285
|
+
},
|
|
286
|
+
"bg-outline": {
|
|
287
|
+
"hover": {
|
|
288
|
+
"value": "{color.global.grey.200}",
|
|
289
|
+
"type": "color"
|
|
290
|
+
}
|
|
249
291
|
}
|
|
250
292
|
}
|
|
251
293
|
}
|
package/tokens/global.json
CHANGED
|
@@ -273,6 +273,10 @@
|
|
|
273
273
|
"value": "#FF0000",
|
|
274
274
|
"type": "color"
|
|
275
275
|
},
|
|
276
|
+
"125": {
|
|
277
|
+
"value": "#E01B00",
|
|
278
|
+
"type": "color"
|
|
279
|
+
},
|
|
276
280
|
"150": {
|
|
277
281
|
"value": "#800000",
|
|
278
282
|
"type": "color"
|
|
@@ -329,6 +333,10 @@
|
|
|
329
333
|
"value": "#007DC5",
|
|
330
334
|
"type": "color"
|
|
331
335
|
},
|
|
336
|
+
"125": {
|
|
337
|
+
"value": "#0062A2",
|
|
338
|
+
"type": "color"
|
|
339
|
+
},
|
|
332
340
|
"150": {
|
|
333
341
|
"value": "#003F63",
|
|
334
342
|
"type": "color"
|
|
@@ -357,6 +365,10 @@
|
|
|
357
365
|
"value": "#00A651",
|
|
358
366
|
"type": "color"
|
|
359
367
|
},
|
|
368
|
+
"125": {
|
|
369
|
+
"value": "#008037",
|
|
370
|
+
"type": "color"
|
|
371
|
+
},
|
|
360
372
|
"150": {
|
|
361
373
|
"value": "#005329",
|
|
362
374
|
"type": "color"
|