villa-design-tokens 1.0.165 → 1.0.167

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,6 +450,10 @@
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"
453
457
  }
454
458
  }
455
459
  },
@@ -120,50 +120,6 @@
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
- },
167
123
  "text": {
168
124
  "title": {
169
125
  "value": "{color.global.oxford.150}",
@@ -184,10 +140,6 @@
184
140
  "inverse": {
185
141
  "value": "{color.global.grey.100}",
186
142
  "type": "color"
187
- },
188
- "error": {
189
- "value": "{color.global.red.100}",
190
- "type": "color"
191
143
  }
192
144
  },
193
145
  "icon": {
@@ -206,10 +158,6 @@
206
158
  "inverse": {
207
159
  "value": "{color.global.grey.100}",
208
160
  "type": "color"
209
- },
210
- "error": {
211
- "value": "{color.global.red.100}",
212
- "type": "color"
213
161
  }
214
162
  },
215
163
  "border": {
@@ -229,10 +177,6 @@
229
177
  "value": "{color.global.salmon.100}",
230
178
  "type": "color"
231
179
  },
232
- "error": {
233
- "value": "{color.global.red.100}",
234
- "type": "color"
235
- },
236
180
  "focus": {
237
181
  "value": "{color.brand.primary}",
238
182
  "type": "color"
@@ -315,7 +259,7 @@
315
259
  "secondary": {
316
260
  "interactive": {
317
261
  "default": {
318
- "value": "{color.transparent.100}",
262
+ "value": "{color.transparent.0}",
319
263
  "type": "color"
320
264
  },
321
265
  "hover": {
@@ -359,7 +303,7 @@
359
303
  "tertiary": {
360
304
  "interactive": {
361
305
  "default": {
362
- "value": "{color.transparent.100}",
306
+ "value": "{color.transparent.0}",
363
307
  "type": "color"
364
308
  },
365
309
  "hover": {
@@ -387,7 +331,7 @@
387
331
  },
388
332
  "border": {
389
333
  "default": {
390
- "value": "{color.transparent.100}",
334
+ "value": "{color.transparent.0}",
391
335
  "type": "color"
392
336
  },
393
337
  "hover": {
@@ -399,6 +343,98 @@
399
343
  "type": "color"
400
344
  }
401
345
  }
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.mist.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.salmon.150}",
405
+ "type": "color"
406
+ },
407
+ "foreground": {
408
+ "value": "{color.global.grey.100}",
409
+ "type": "color"
410
+ },
411
+ "hover": {
412
+ "value": "{color.transparent.75}",
413
+ "type": "color"
414
+ },
415
+ "active": {
416
+ "value": "{color.transparent.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
+ }
402
438
  }
403
439
  }
404
440
  }
@@ -120,50 +120,6 @@
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
- },
167
123
  "text": {
168
124
  "title": {
169
125
  "value": "{color.global.grey.500}",
@@ -184,10 +140,6 @@
184
140
  "inverse": {
185
141
  "value": "{color.global.grey.100}",
186
142
  "type": "color"
187
- },
188
- "error": {
189
- "value": "{color.global.red.100}",
190
- "type": "color"
191
143
  }
192
144
  },
193
145
  "icon": {
@@ -206,10 +158,6 @@
206
158
  "inverse": {
207
159
  "value": "{color.global.grey.100}",
208
160
  "type": "color"
209
- },
210
- "error": {
211
- "value": "{color.global.red.100}",
212
- "type": "color"
213
161
  }
214
162
  },
215
163
  "border": {
@@ -229,10 +177,6 @@
229
177
  "value": "{color.global.magenta.150}",
230
178
  "type": "color"
231
179
  },
232
- "error": {
233
- "value": "{color.global.red.100}",
234
- "type": "color"
235
- },
236
180
  "focus": {
237
181
  "value": "{color.brand.primary}",
238
182
  "type": "color"
@@ -315,7 +259,7 @@
315
259
  "secondary": {
316
260
  "interactive": {
317
261
  "default": {
318
- "value": "{color.transparent.100}",
262
+ "value": "{color.transparent.0}",
319
263
  "type": "color"
320
264
  },
321
265
  "hover": {
@@ -359,7 +303,7 @@
359
303
  "tertiary": {
360
304
  "interactive": {
361
305
  "default": {
362
- "value": "{color.transparent.100}",
306
+ "value": "{color.transparent.0}",
363
307
  "type": "color"
364
308
  },
365
309
  "hover": {
@@ -387,7 +331,7 @@
387
331
  },
388
332
  "border": {
389
333
  "default": {
390
- "value": "{color.transparent.100}",
334
+ "value": "{color.transparent.0}",
391
335
  "type": "color"
392
336
  },
393
337
  "hover": {
@@ -399,6 +343,98 @@
399
343
  "type": "color"
400
344
  }
401
345
  }
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
+ }
402
438
  }
403
439
  }
404
440
  }
@@ -120,50 +120,6 @@
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
- },
167
123
  "text": {
168
124
  "title": {
169
125
  "value": "{color.global.grey.500}",
@@ -184,10 +140,6 @@
184
140
  "inverse": {
185
141
  "value": "{color.global.grey.100}",
186
142
  "type": "color"
187
- },
188
- "error": {
189
- "value": "{color.global.red.100}",
190
- "type": "color"
191
143
  }
192
144
  },
193
145
  "icon": {
@@ -206,10 +158,6 @@
206
158
  "inverse": {
207
159
  "value": "{color.global.grey.100}",
208
160
  "type": "color"
209
- },
210
- "error": {
211
- "value": "{color.global.red.100}",
212
- "type": "color"
213
161
  }
214
162
  },
215
163
  "border": {
@@ -229,10 +177,6 @@
229
177
  "value": "{color.global.blue.100}",
230
178
  "type": "color"
231
179
  },
232
- "error": {
233
- "value": "{color.global.red.100}",
234
- "type": "color"
235
- },
236
180
  "focus": {
237
181
  "value": "{color.brand.primary}",
238
182
  "type": "color"
@@ -315,7 +259,7 @@
315
259
  "secondary": {
316
260
  "interactive": {
317
261
  "default": {
318
- "value": "{color.transparent.100}",
262
+ "value": "{color.transparent.0}",
319
263
  "type": "color"
320
264
  },
321
265
  "hover": {
@@ -359,7 +303,7 @@
359
303
  "tertiary": {
360
304
  "interactive": {
361
305
  "default": {
362
- "value": "{color.transparent.100}",
306
+ "value": "{color.transparent.0}",
363
307
  "type": "color"
364
308
  },
365
309
  "hover": {
@@ -387,7 +331,7 @@
387
331
  },
388
332
  "border": {
389
333
  "default": {
390
- "value": "{color.transparent.100}",
334
+ "value": "{color.transparent.0}",
391
335
  "type": "color"
392
336
  },
393
337
  "hover": {
@@ -399,6 +343,98 @@
399
343
  "type": "color"
400
344
  }
401
345
  }
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
+ }
402
438
  }
403
439
  }
404
440
  }