villa-design-tokens 1.0.163 → 1.0.165

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/tokens/base.json CHANGED
@@ -450,10 +450,6 @@
450
450
  "info": {
451
451
  "value": "{color.global.blue.125}",
452
452
  "type": "color"
453
- },
454
- "disabled": {
455
- "value": "{color.global.grey.300}",
456
- "type": "color"
457
453
  }
458
454
  }
459
455
  },
@@ -120,6 +120,50 @@
120
120
  "type": "color"
121
121
  }
122
122
  },
123
+ "surface": {
124
+ "brand": {
125
+ "value": "{color.brand.primary}",
126
+ "type": "color"
127
+ },
128
+ "primary": {
129
+ "value": "{color.global.salmon.150}",
130
+ "type": "color"
131
+ },
132
+ "secondary": {
133
+ "value": "{color.global.grey.100}",
134
+ "type": "color"
135
+ },
136
+ "tertiary": {
137
+ "value": "{color.global.mist.150}",
138
+ "type": "color"
139
+ },
140
+ "dark": {
141
+ "value": "{color.global.oxford.150}",
142
+ "type": "color"
143
+ }
144
+ },
145
+ "on-surface": {
146
+ "brand": {
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}",
164
+ "type": "color"
165
+ }
166
+ },
123
167
  "text": {
124
168
  "title": {
125
169
  "value": "{color.global.oxford.150}",
@@ -140,6 +184,10 @@
140
184
  "inverse": {
141
185
  "value": "{color.global.grey.100}",
142
186
  "type": "color"
187
+ },
188
+ "error": {
189
+ "value": "{color.global.red.100}",
190
+ "type": "color"
143
191
  }
144
192
  },
145
193
  "icon": {
@@ -158,6 +206,10 @@
158
206
  "inverse": {
159
207
  "value": "{color.global.grey.100}",
160
208
  "type": "color"
209
+ },
210
+ "error": {
211
+ "value": "{color.global.red.100}",
212
+ "type": "color"
161
213
  }
162
214
  },
163
215
  "border": {
@@ -177,6 +229,10 @@
177
229
  "value": "{color.global.salmon.100}",
178
230
  "type": "color"
179
231
  },
232
+ "error": {
233
+ "value": "{color.global.red.100}",
234
+ "type": "color"
235
+ },
180
236
  "focus": {
181
237
  "value": "{color.brand.primary}",
182
238
  "type": "color"
@@ -259,7 +315,7 @@
259
315
  "secondary": {
260
316
  "interactive": {
261
317
  "default": {
262
- "value": "{color.transparent.0}",
318
+ "value": "{color.transparent.100}",
263
319
  "type": "color"
264
320
  },
265
321
  "hover": {
@@ -303,7 +359,7 @@
303
359
  "tertiary": {
304
360
  "interactive": {
305
361
  "default": {
306
- "value": "{color.transparent.0}",
362
+ "value": "{color.transparent.100}",
307
363
  "type": "color"
308
364
  },
309
365
  "hover": {
@@ -331,7 +387,7 @@
331
387
  },
332
388
  "border": {
333
389
  "default": {
334
- "value": "{color.transparent.0}",
390
+ "value": "{color.transparent.100}",
335
391
  "type": "color"
336
392
  },
337
393
  "hover": {
@@ -343,98 +399,6 @@
343
399
  "type": "color"
344
400
  }
345
401
  }
346
- },
347
- "surface": {
348
- "brand": {
349
- "background": {
350
- "value": "{color.brand.primary}",
351
- "type": "color"
352
- },
353
- "foreground": {
354
- "value": "{color.global.grey.100}",
355
- "type": "color"
356
- },
357
- "hover": {
358
- "value": "{color.transparent.75}",
359
- "type": "color"
360
- },
361
- "active": {
362
- "value": "{color.transparent.50}",
363
- "type": "color"
364
- }
365
- },
366
- "primary": {
367
- "background": {
368
- "value": "{color.global.salmon.150}",
369
- "type": "color"
370
- },
371
- "foreground": {
372
- "value": "{color.global.grey.100}",
373
- "type": "color"
374
- },
375
- "hover": {
376
- "value": "{color.transparent.75}",
377
- "type": "color"
378
- },
379
- "active": {
380
- "value": "{color.transparent.50}",
381
- "type": "color"
382
- }
383
- },
384
- "secondary": {
385
- "background": {
386
- "value": "{color.global.grey.100}",
387
- "type": "color"
388
- },
389
- "foreground": {
390
- "value": "{color.global.grey.500}",
391
- "type": "color"
392
- },
393
- "hover": {
394
- "value": "{color.transparent-dark.75}",
395
- "type": "color"
396
- },
397
- "active": {
398
- "value": "{color.transparent-dark.50}",
399
- "type": "color"
400
- }
401
- },
402
- "tertiary": {
403
- "background": {
404
- "value": "{color.global.mist.150}",
405
- "type": "color"
406
- },
407
- "foreground": {
408
- "value": "{color.global.grey.500}",
409
- "type": "color"
410
- },
411
- "hover": {
412
- "value": "{color.transparent-dark.75}",
413
- "type": "color"
414
- },
415
- "active": {
416
- "value": "{color.transparent-dark.50}",
417
- "type": "color"
418
- }
419
- },
420
- "dark": {
421
- "background": {
422
- "value": "{color.global.oxford.150}",
423
- "type": "color"
424
- },
425
- "foreground": {
426
- "value": "{color.global.grey.100}",
427
- "type": "color"
428
- },
429
- "hover": {
430
- "value": "{color.transparent.75}",
431
- "type": "color"
432
- },
433
- "active": {
434
- "value": "{color.transparent.50}",
435
- "type": "color"
436
- }
437
- }
438
402
  }
439
403
  }
440
404
  }
@@ -120,6 +120,50 @@
120
120
  "type": "color"
121
121
  }
122
122
  },
123
+ "surface": {
124
+ "brand": {
125
+ "value": "{color.global.neon-yellow.100}",
126
+ "type": "color"
127
+ },
128
+ "primary": {
129
+ "value": "{color.global.grey.150}",
130
+ "type": "color"
131
+ },
132
+ "secondary": {
133
+ "value": "{color.global.grey.100}",
134
+ "type": "color"
135
+ },
136
+ "tertiary": {
137
+ "value": "{color.global.grey.300}",
138
+ "type": "color"
139
+ },
140
+ "dark": {
141
+ "value": "{color.global.grey.500}",
142
+ "type": "color"
143
+ }
144
+ },
145
+ "on-surface": {
146
+ "brand": {
147
+ "value": "{color.global.grey.500}",
148
+ "type": "color"
149
+ },
150
+ "primary": {
151
+ "value": "{color.global.grey.500}",
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}",
164
+ "type": "color"
165
+ }
166
+ },
123
167
  "text": {
124
168
  "title": {
125
169
  "value": "{color.global.grey.500}",
@@ -140,6 +184,10 @@
140
184
  "inverse": {
141
185
  "value": "{color.global.grey.100}",
142
186
  "type": "color"
187
+ },
188
+ "error": {
189
+ "value": "{color.global.red.100}",
190
+ "type": "color"
143
191
  }
144
192
  },
145
193
  "icon": {
@@ -158,6 +206,10 @@
158
206
  "inverse": {
159
207
  "value": "{color.global.grey.100}",
160
208
  "type": "color"
209
+ },
210
+ "error": {
211
+ "value": "{color.global.red.100}",
212
+ "type": "color"
161
213
  }
162
214
  },
163
215
  "border": {
@@ -177,6 +229,10 @@
177
229
  "value": "{color.global.magenta.150}",
178
230
  "type": "color"
179
231
  },
232
+ "error": {
233
+ "value": "{color.global.red.100}",
234
+ "type": "color"
235
+ },
180
236
  "focus": {
181
237
  "value": "{color.brand.primary}",
182
238
  "type": "color"
@@ -259,7 +315,7 @@
259
315
  "secondary": {
260
316
  "interactive": {
261
317
  "default": {
262
- "value": "{color.transparent.0}",
318
+ "value": "{color.transparent.100}",
263
319
  "type": "color"
264
320
  },
265
321
  "hover": {
@@ -303,7 +359,7 @@
303
359
  "tertiary": {
304
360
  "interactive": {
305
361
  "default": {
306
- "value": "{color.transparent.0}",
362
+ "value": "{color.transparent.100}",
307
363
  "type": "color"
308
364
  },
309
365
  "hover": {
@@ -331,7 +387,7 @@
331
387
  },
332
388
  "border": {
333
389
  "default": {
334
- "value": "{color.transparent.0}",
390
+ "value": "{color.transparent.100}",
335
391
  "type": "color"
336
392
  },
337
393
  "hover": {
@@ -343,98 +399,6 @@
343
399
  "type": "color"
344
400
  }
345
401
  }
346
- },
347
- "surface": {
348
- "brand": {
349
- "background": {
350
- "value": "{color.global.neon-yellow.100}",
351
- "type": "color"
352
- },
353
- "foreground": {
354
- "value": "{color.global.grey.500}",
355
- "type": "color"
356
- },
357
- "hover": {
358
- "value": "{color.transparent-dark.75}",
359
- "type": "color"
360
- },
361
- "active": {
362
- "value": "{color.transparent-dark.50}",
363
- "type": "color"
364
- }
365
- },
366
- "primary": {
367
- "background": {
368
- "value": "{color.global.grey.150}",
369
- "type": "color"
370
- },
371
- "foreground": {
372
- "value": "{color.global.grey.500}",
373
- "type": "color"
374
- },
375
- "hover": {
376
- "value": "{color.transparent-dark.75}",
377
- "type": "color"
378
- },
379
- "active": {
380
- "value": "{color.transparent-dark.50}",
381
- "type": "color"
382
- }
383
- },
384
- "secondary": {
385
- "background": {
386
- "value": "{color.global.grey.100}",
387
- "type": "color"
388
- },
389
- "foreground": {
390
- "value": "{color.global.grey.500}",
391
- "type": "color"
392
- },
393
- "hover": {
394
- "value": "{color.transparent-dark.75}",
395
- "type": "color"
396
- },
397
- "active": {
398
- "value": "{color.transparent-dark.50}",
399
- "type": "color"
400
- }
401
- },
402
- "tertiary": {
403
- "background": {
404
- "value": "{color.global.grey.300}",
405
- "type": "color"
406
- },
407
- "foreground": {
408
- "value": "{color.global.grey.500}",
409
- "type": "color"
410
- },
411
- "hover": {
412
- "value": "{color.transparent-dark.75}",
413
- "type": "color"
414
- },
415
- "active": {
416
- "value": "{color.transparent-dark.50}",
417
- "type": "color"
418
- }
419
- },
420
- "dark": {
421
- "background": {
422
- "value": "{color.global.grey.500}",
423
- "type": "color"
424
- },
425
- "foreground": {
426
- "value": "{color.global.grey.100}",
427
- "type": "color"
428
- },
429
- "hover": {
430
- "value": "{color.transparent.75}",
431
- "type": "color"
432
- },
433
- "active": {
434
- "value": "{color.transparent.50}",
435
- "type": "color"
436
- }
437
- }
438
402
  }
439
403
  }
440
404
  }
@@ -120,6 +120,50 @@
120
120
  "type": "color"
121
121
  }
122
122
  },
123
+ "surface": {
124
+ "brand": {
125
+ "value": "{color.brand.primary}",
126
+ "type": "color"
127
+ },
128
+ "primary": {
129
+ "value": "{color.global.grey.150}",
130
+ "type": "color"
131
+ },
132
+ "secondary": {
133
+ "value": "{color.global.grey.100}",
134
+ "type": "color"
135
+ },
136
+ "tertiary": {
137
+ "value": "{color.global.grey.300}",
138
+ "type": "color"
139
+ },
140
+ "dark": {
141
+ "value": "{color.global.grey.500}",
142
+ "type": "color"
143
+ }
144
+ },
145
+ "on-surface": {
146
+ "brand": {
147
+ "value": "{color.global.grey.500}",
148
+ "type": "color"
149
+ },
150
+ "primary": {
151
+ "value": "{color.global.grey.500}",
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}",
164
+ "type": "color"
165
+ }
166
+ },
123
167
  "text": {
124
168
  "title": {
125
169
  "value": "{color.global.grey.500}",
@@ -140,6 +184,10 @@
140
184
  "inverse": {
141
185
  "value": "{color.global.grey.100}",
142
186
  "type": "color"
187
+ },
188
+ "error": {
189
+ "value": "{color.global.red.100}",
190
+ "type": "color"
143
191
  }
144
192
  },
145
193
  "icon": {
@@ -158,6 +206,10 @@
158
206
  "inverse": {
159
207
  "value": "{color.global.grey.100}",
160
208
  "type": "color"
209
+ },
210
+ "error": {
211
+ "value": "{color.global.red.100}",
212
+ "type": "color"
161
213
  }
162
214
  },
163
215
  "border": {
@@ -177,6 +229,10 @@
177
229
  "value": "{color.global.blue.100}",
178
230
  "type": "color"
179
231
  },
232
+ "error": {
233
+ "value": "{color.global.red.100}",
234
+ "type": "color"
235
+ },
180
236
  "focus": {
181
237
  "value": "{color.brand.primary}",
182
238
  "type": "color"
@@ -259,7 +315,7 @@
259
315
  "secondary": {
260
316
  "interactive": {
261
317
  "default": {
262
- "value": "{color.transparent.0}",
318
+ "value": "{color.transparent.100}",
263
319
  "type": "color"
264
320
  },
265
321
  "hover": {
@@ -303,7 +359,7 @@
303
359
  "tertiary": {
304
360
  "interactive": {
305
361
  "default": {
306
- "value": "{color.transparent.0}",
362
+ "value": "{color.transparent.100}",
307
363
  "type": "color"
308
364
  },
309
365
  "hover": {
@@ -331,7 +387,7 @@
331
387
  },
332
388
  "border": {
333
389
  "default": {
334
- "value": "{color.transparent.0}",
390
+ "value": "{color.transparent.100}",
335
391
  "type": "color"
336
392
  },
337
393
  "hover": {
@@ -343,98 +399,6 @@
343
399
  "type": "color"
344
400
  }
345
401
  }
346
- },
347
- "surface": {
348
- "brand": {
349
- "background": {
350
- "value": "{color.brand.primary}",
351
- "type": "color"
352
- },
353
- "foreground": {
354
- "value": "{color.global.grey.500}",
355
- "type": "color"
356
- },
357
- "hover": {
358
- "value": "{color.transparent-dark.75}",
359
- "type": "color"
360
- },
361
- "active": {
362
- "value": "{color.transparent-dark.50}",
363
- "type": "color"
364
- }
365
- },
366
- "primary": {
367
- "background": {
368
- "value": "{color.global.grey.150}",
369
- "type": "color"
370
- },
371
- "foreground": {
372
- "value": "{color.global.grey.500}",
373
- "type": "color"
374
- },
375
- "hover": {
376
- "value": "{color.transparent-dark.75}",
377
- "type": "color"
378
- },
379
- "active": {
380
- "value": "{color.transparent-dark.50}",
381
- "type": "color"
382
- }
383
- },
384
- "secondary": {
385
- "background": {
386
- "value": "{color.global.grey.100}",
387
- "type": "color"
388
- },
389
- "foreground": {
390
- "value": "{color.global.grey.500}",
391
- "type": "color"
392
- },
393
- "hover": {
394
- "value": "{color.transparent-dark.75}",
395
- "type": "color"
396
- },
397
- "active": {
398
- "value": "{color.transparent-dark.50}",
399
- "type": "color"
400
- }
401
- },
402
- "tertiary": {
403
- "background": {
404
- "value": "{color.global.grey.300}",
405
- "type": "color"
406
- },
407
- "foreground": {
408
- "value": "{color.global.grey.500}",
409
- "type": "color"
410
- },
411
- "hover": {
412
- "value": "{color.transparent-dark.75}",
413
- "type": "color"
414
- },
415
- "active": {
416
- "value": "{color.transparent-dark.50}",
417
- "type": "color"
418
- }
419
- },
420
- "dark": {
421
- "background": {
422
- "value": "{color.global.grey.500}",
423
- "type": "color"
424
- },
425
- "foreground": {
426
- "value": "{color.global.grey.100}",
427
- "type": "color"
428
- },
429
- "hover": {
430
- "value": "{color.transparent.75}",
431
- "type": "color"
432
- },
433
- "active": {
434
- "value": "{color.transparent.50}",
435
- "type": "color"
436
- }
437
- }
438
402
  }
439
403
  }
440
404
  }