@wavemaker/foundation-css 11.10.0-next.25079

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 (44) hide show
  1. foundation-css/foundation/fonts/icons/fontawesome/fontawesome-webfont.eot +0 -0
  2. foundation-css/foundation/fonts/icons/fontawesome/fontawesome-webfont.svg +686 -0
  3. foundation-css/foundation/fonts/icons/fontawesome/fontawesome-webfont.ttf +0 -0
  4. foundation-css/foundation/fonts/icons/fontawesome/fontawesome-webfont.woff +0 -0
  5. foundation-css/foundation/fonts/icons/material/materialicon.eot +0 -0
  6. foundation-css/foundation/fonts/icons/material/materialicon.svg +97 -0
  7. foundation-css/foundation/fonts/icons/material/materialicon.ttf +0 -0
  8. foundation-css/foundation/fonts/icons/material/materialicon.woff +0 -0
  9. foundation-css/foundation/fonts/icons/summernote/summernote.eot +0 -0
  10. foundation-css/foundation/fonts/icons/summernote/summernote.svg +63 -0
  11. foundation-css/foundation/fonts/icons/summernote/summernote.ttf +0 -0
  12. foundation-css/foundation/fonts/icons/summernote/summernote.woff +0 -0
  13. foundation-css/foundation/fonts/icons/wavicon/wavicon.eot +0 -0
  14. foundation-css/foundation/fonts/icons/wavicon/wavicon.svg +1160 -0
  15. foundation-css/foundation/fonts/icons/wavicon/wavicon.ttf +0 -0
  16. foundation-css/foundation/fonts/icons/wavicon/wavicon.woff +0 -0
  17. foundation-css/foundation/fonts/icons/wm-streamline-light/wm-streamline-light-icon.eot +0 -0
  18. foundation-css/foundation/fonts/icons/wm-streamline-light/wm-streamline-light-icon.svg +244 -0
  19. foundation-css/foundation/fonts/icons/wm-streamline-light/wm-streamline-light-icon.ttf +0 -0
  20. foundation-css/foundation/fonts/icons/wm-streamline-light/wm-streamline-light-icon.woff +0 -0
  21. foundation-css/foundation/fonts/icons/wm-streamline-regular/wm-streamline-regular-icon.eot +0 -0
  22. foundation-css/foundation/fonts/icons/wm-streamline-regular/wm-streamline-regular-icon.svg +216 -0
  23. foundation-css/foundation/fonts/icons/wm-streamline-regular/wm-streamline-regular-icon.ttf +0 -0
  24. foundation-css/foundation/fonts/icons/wm-streamline-regular/wm-streamline-regular-icon.woff +0 -0
  25. foundation-css/foundation/foundation.css +24748 -0
  26. foundation-css/foundation/foundation.min.css +1 -0
  27. foundation-css/index.d.ts +30 -0
  28. foundation-css/index.js +46 -0
  29. foundation-css/npm-shrinkwrap.json +2657 -0
  30. foundation-css/package-lock.json +2657 -0
  31. foundation-css/package.json +30 -0
  32. foundation-css/tokens/primitives/border/border.json +10 -0
  33. foundation-css/tokens/primitives/colors/color.dark.json +124 -0
  34. foundation-css/tokens/primitives/colors/color.json +163 -0
  35. foundation-css/tokens/primitives/colors/color.light.json +1 -0
  36. foundation-css/tokens/primitives/font/font.json +20 -0
  37. foundation-css/tokens/primitives/radius/radius.json +14 -0
  38. foundation-css/tokens/primitives/space/space.json +57 -0
  39. foundation-css/tokens/primitives/spacer/spacer.json +45 -0
  40. foundation-css/tokens/semantics/box-shadow/box-shadow.json +8 -0
  41. foundation-css/tokens/semantics/colors/color.json +948 -0
  42. foundation-css/tokens/semantics/font/font.json +113 -0
  43. foundation-css/tokens/semantics/icon/icon.json +39 -0
  44. foundation-css/tokens/semantics/opacity/opacity.json +7 -0
foundation-css/tokens/semantics/colors/color.json ADDED
@@ -0,0 +1,948 @@
1
+ {
2
+ "color": {
3
+ "primary": {
4
+ "hover": {
5
+ "value": "{color.primary.@.value}",
6
+ "attributes": { "opacity": "{opacity.hover.value}" }
7
+ },
8
+ "focus": {
9
+ "value": "{color.primary.@.value}",
10
+ "attributes": { "opacity": "{opacity.focus.value}" }
11
+ },
12
+ "active": {
13
+ "value": "{color.primary.@.value}",
14
+ "attributes": { "opacity": "{opacity.active.value}" }
15
+ },
16
+ "container": {
17
+ "hover": {
18
+ "value": "{color.on-primary.container.@.value}",
19
+ "attributes": { "opacity": "{opacity.hover.value}" }
20
+ },
21
+ "focus": {
22
+ "value": "{color.on-primary.container.@.value}",
23
+ "attributes": { "opacity": "{opacity.focus.value}" }
24
+ },
25
+ "active": {
26
+ "value": "{color.on-primary.container.@.value}",
27
+ "attributes": { "opacity": "{opacity.active.value}" }
28
+ }
29
+ },
30
+ "fixed": {
31
+ "hover": {
32
+ "value": "{color.primary.fixed.@.value}",
33
+ "attributes": { "opacity": "{opacity.hover.value}" }
34
+ },
35
+ "focus": {
36
+ "value": "{color.primary.fixed.@.value}",
37
+ "attributes": { "opacity": "{opacity.focus.value}" }
38
+ },
39
+ "active": {
40
+ "value": "{color.primary.fixed.@.value}",
41
+ "attributes": { "opacity": "{opacity.active.value}" }
42
+ },
43
+ "dim": {
44
+ "hover": {
45
+ "value": "{color.primary.fixed.dim.value}",
46
+ "attributes": {
47
+ "opacity": "{opacity.hover.value}"
48
+ }
49
+ },
50
+ "focus": {
51
+ "value": "{color.primary.fixed.dim.value}",
52
+ "attributes": {
53
+ "opacity": "{opacity.focus.value}"
54
+ }
55
+ },
56
+ "active": {
57
+ "value": "{color.primary.fixed.dim.value}",
58
+ "attributes": {
59
+ "opacity": "{opacity.active.value}"
60
+ }
61
+ }
62
+ }
63
+ }
64
+ },
65
+ "on-primary": {
66
+ "hover": {
67
+ "value": "{color.on-primary.@.value}",
68
+ "attributes": { "opacity": "{opacity.hover.value}" }
69
+ },
70
+ "focus": {
71
+ "value": "{color.on-primary.@.value}",
72
+ "attributes": { "opacity": "{opacity.focus.value}" }
73
+ },
74
+ "active": {
75
+ "value": "{color.on-primary.@.value}",
76
+ "attributes": { "opacity": "{opacity.active.value}" }
77
+ },
78
+ "container": {
79
+ "hover": {
80
+ "value": "{color.on-primary.container.@.value}",
81
+ "attributes": { "opacity": "{opacity.hover.value}" }
82
+ },
83
+ "focus": {
84
+ "value": "{color.on-primary.container.@.value}",
85
+ "attributes": { "opacity": "{opacity.focus.value}" }
86
+ },
87
+ "active": {
88
+ "value": "{color.on-primary.container.@.value}",
89
+ "attributes": { "opacity": "{opacity.active.value}" }
90
+ }
91
+ },
92
+ "fixed": {
93
+ "hover": {
94
+ "value": "{color.on-primary.fixed.@.value}",
95
+ "attributes": { "opacity": "{opacity.hover.value}" }
96
+ },
97
+ "focus": {
98
+ "value": "{color.on-primary.fixed.@.value}",
99
+ "attributes": { "opacity": "{opacity.focus.value}" }
100
+ },
101
+ "active": {
102
+ "value": "{color.on-primary.fixed.@.value}",
103
+ "attributes": { "opacity": "{opacity.active.value}" }
104
+ },
105
+ "variant": {
106
+ "hover": {
107
+ "value": "{color.on-primary.fixed.variant.value}",
108
+ "attributes": {
109
+ "opacity": "{opacity.hover.value}"
110
+ }
111
+ },
112
+ "focus": {
113
+ "value": "{color.on-primary.fixed.variant.value}",
114
+ "attributes": {
115
+ "opacity": "{opacity.focus.value}"
116
+ }
117
+ },
118
+ "active": {
119
+ "value": "{color.on-primary.fixed.variant.value}",
120
+ "attributes": {
121
+ "opacity": "{opacity.active.value}"
122
+ }
123
+ }
124
+ }
125
+ }
126
+ },
127
+ "secondary": {
128
+ "hover": {
129
+ "value": "{color.secondary.@.value}",
130
+ "attributes": { "opacity": "{opacity.hover.value}" }
131
+ },
132
+ "focus": {
133
+ "value": "{color.secondary.@.value}",
134
+ "attributes": { "opacity": "{opacity.focus.value}" }
135
+ },
136
+ "active": {
137
+ "value": "{color.secondary.@.value}",
138
+ "attributes": { "opacity": "{opacity.active.value}" }
139
+ },
140
+ "container": {
141
+ "hover": {
142
+ "value": "{color.secondary.container.@.value}",
143
+ "attributes": { "opacity": "{opacity.hover.value}" }
144
+ },
145
+ "focus": {
146
+ "value": "{color.secondary.container.@.value}",
147
+ "attributes": { "opacity": "{opacity.focus.value}" }
148
+ },
149
+ "active": {
150
+ "value": "{color.secondary.container.@.value}",
151
+ "attributes": { "opacity": "{opacity.active.value}" }
152
+ }
153
+ },
154
+ "fixed": {
155
+ "hover": {
156
+ "value": "{color.secondary.fixed.@.value}",
157
+ "attributes": { "opacity": "{opacity.hover.value}" }
158
+ },
159
+ "focus": {
160
+ "value": "{color.secondary.fixed.@.value}",
161
+ "attributes": { "opacity": "{opacity.focus.value}" }
162
+ },
163
+ "active": {
164
+ "value": "{color.secondary.fixed.@.value}",
165
+ "attributes": { "opacity": "{opacity.active.value}" }
166
+ },
167
+ "dim": {
168
+ "hover": {
169
+ "value": "{color.secondary.fixed.dim.value}",
170
+ "attributes": {
171
+ "opacity": "{opacity.hover.value}"
172
+ }
173
+ },
174
+ "focus": {
175
+ "value": "{color.secondary.fixed.dim.value}",
176
+ "attributes": {
177
+ "opacity": "{opacity.focus.value}"
178
+ }
179
+ },
180
+ "active": {
181
+ "value": "{color.secondary.fixed.dim.value}",
182
+ "attributes": {
183
+ "opacity": "{opacity.active.value}"
184
+ }
185
+ }
186
+ }
187
+ }
188
+ },
189
+ "on-secondary": {
190
+ "hover": {
191
+ "value": "{color.on-secondary.@.value}",
192
+ "attributes": { "opacity": "{opacity.hover.value}" }
193
+ },
194
+ "focus": {
195
+ "value": "{color.on-secondary.@.value}",
196
+ "attributes": { "opacity": "{opacity.focus.value}" }
197
+ },
198
+ "active": {
199
+ "value": "{color.on-secondary.@.value}",
200
+ "attributes": { "opacity": "{opacity.active.value}" }
201
+ },
202
+ "container": {
203
+ "hover": {
204
+ "value": "{color.on-secondary.container.@.value}",
205
+ "attributes": { "opacity": "{opacity.hover.value}" }
206
+ },
207
+ "focus": {
208
+ "value": "{color.on-secondary.container.@.value}",
209
+ "attributes": { "opacity": "{opacity.focus.value}" }
210
+ },
211
+ "active": {
212
+ "value": "{color.on-secondary.container.@.value}",
213
+ "attributes": { "opacity": "{opacity.active.value}" }
214
+ }
215
+ },
216
+ "fixed": {
217
+ "hover": {
218
+ "value": "{color.on-secondary.container.@.value}",
219
+ "attributes": { "opacity": "{opacity.hover.value}" }
220
+ },
221
+ "focus": {
222
+ "value": "{color.on-secondary.container.@.value}",
223
+ "attributes": { "opacity": "{opacity.focus.value}" }
224
+ },
225
+ "active": {
226
+ "value": "{color.on-secondary.container.@.value}",
227
+ "attributes": { "opacity": "{opacity.active.value}" }
228
+ },
229
+ "variant": {
230
+ "hover": {
231
+ "value": "{color.on-secondary.fixed.variant.value}",
232
+ "attributes": {
233
+ "opacity": "{opacity.hover.value}"
234
+ }
235
+ },
236
+ "focus": {
237
+ "value": "{color.on-secondary.fixed.variant.value}",
238
+ "attributes": {
239
+ "opacity": "{opacity.focus.value}"
240
+ }
241
+ },
242
+ "active": {
243
+ "value": "{color.on-secondary.fixed.variant.value}",
244
+ "attributes": {
245
+ "opacity": "{opacity.active.value}"
246
+ }
247
+ }
248
+ }
249
+ }
250
+ },
251
+ "tertiary": {
252
+ "hover": {
253
+ "value": "{color.tertiary.@.value}",
254
+ "attributes": { "opacity": "{opacity.hover.value}" }
255
+ },
256
+ "focus": {
257
+ "value": "{color.tertiary.@.value}",
258
+ "attributes": { "opacity": "{opacity.focus.value}" }
259
+ },
260
+ "active": {
261
+ "value": "{color.tertiary.@.value}",
262
+ "attributes": { "opacity": "{opacity.active.value}" }
263
+ },
264
+ "container": {
265
+ "hover": {
266
+ "value": "{color.tertiary.container.@.value}",
267
+ "attributes": { "opacity": "{opacity.hover.value}" }
268
+ },
269
+ "focus": {
270
+ "value": "{color.tertiary.container.@.value}",
271
+ "attributes": { "opacity": "{opacity.focus.value}" }
272
+ },
273
+ "active": {
274
+ "value": "{color.tertiary.container.@.value}",
275
+ "attributes": { "opacity": "{opacity.active.value}" }
276
+ }
277
+ },
278
+ "fixed": {
279
+ "hover": {
280
+ "value": "{color.tertiary.fixed.@.value}",
281
+ "attributes": { "opacity": "{opacity.hover.value}" }
282
+ },
283
+ "focus": {
284
+ "value": "{color.tertiary.fixed.@.value}",
285
+ "attributes": { "opacity": "{opacity.focus.value}" }
286
+ },
287
+ "active": {
288
+ "value": "{color.tertiary.fixed.@.value}",
289
+ "attributes": { "opacity": "{opacity.active.value}" }
290
+ },
291
+ "dim": {
292
+ "hover": {
293
+ "value": "{color.tertiary.fixed.dim.value}",
294
+ "attributes": {
295
+ "opacity": "{opacity.hover.value}"
296
+ }
297
+ },
298
+ "focus": {
299
+ "value": "{color.tertiary.fixed.dim.value}",
300
+ "attributes": {
301
+ "opacity": "{opacity.focus.value}"
302
+ }
303
+ },
304
+ "active": {
305
+ "value": "{color.tertiary.fixed.dim.value}",
306
+ "attributes": {
307
+ "opacity": "{opacity.active.value}"
308
+ }
309
+ }
310
+ }
311
+ }
312
+ },
313
+ "on-tertiary": {
314
+ "hover": {
315
+ "value": "{color.on-tertiary.@.value}",
316
+ "attributes": { "opacity": "{opacity.hover.value}" }
317
+ },
318
+ "focus": {
319
+ "value": "{color.on-tertiary.@.value}",
320
+ "attributes": { "opacity": "{opacity.focus.value}" }
321
+ },
322
+ "active": {
323
+ "value": "{color.on-tertiary.@.value}",
324
+ "attributes": { "opacity": "{opacity.active.value}" }
325
+ },
326
+ "container": {
327
+ "hover": {
328
+ "value": "{color.on-tertiary.container.@.value}",
329
+ "attributes": { "opacity": "{opacity.hover.value}" }
330
+ },
331
+ "focus": {
332
+ "value": "{color.on-tertiary.container.@.value}",
333
+ "attributes": { "opacity": "{opacity.focus.value}" }
334
+ },
335
+ "active": {
336
+ "value": "{color.on-tertiary.container.@.value}",
337
+ "attributes": { "opacity": "{opacity.active.value}" }
338
+ }
339
+ },
340
+ "fixed": {
341
+ "hover": {
342
+ "value": "{color.on-tertiary.fixed.@.value}",
343
+ "attributes": { "opacity": "{opacity.hover.value}" }
344
+ },
345
+ "focus": {
346
+ "value": "{color.on-tertiary.fixed.@.value}",
347
+ "attributes": { "opacity": "{opacity.focus.value}" }
348
+ },
349
+ "active": {
350
+ "value": "{color.on-tertiary.fixed.@.value}",
351
+ "attributes": { "opacity": "{opacity.active.value}" }
352
+ },
353
+ "variant": {
354
+ "hover": {
355
+ "value": "{color.on-tertiary.fixed.variant.value}",
356
+ "attributes": {
357
+ "opacity": "{opacity.hover.value}"
358
+ }
359
+ },
360
+ "focus": {
361
+ "value": "{color.on-tertiary.fixed.variant.value}",
362
+ "attributes": {
363
+ "opacity": "{opacity.focus.value}"
364
+ }
365
+ },
366
+ "active": {
367
+ "value": "{color.on-tertiary.fixed.variant.value}",
368
+ "attributes": {
369
+ "opacity": "{opacity.active.value}"
370
+ }
371
+ }
372
+ }
373
+ }
374
+ },
375
+ "success": {
376
+ "hover": {
377
+ "value": "{color.success.@.value}",
378
+ "attributes": { "opacity": "{opacity.hover.value}" }
379
+ },
380
+ "focus": {
381
+ "value": "{color.success.@.value}",
382
+ "attributes": { "opacity": "{opacity.focus.value}" }
383
+ },
384
+ "active": {
385
+ "value": "{color.success.@.value}",
386
+ "attributes": { "opacity": "{opacity.active.value}" }
387
+ },
388
+ "container": {
389
+ "hover": {
390
+ "value": "{color.success.container.@.value}",
391
+ "attributes": { "opacity": "{opacity.hover.value}" }
392
+ },
393
+ "focus": {
394
+ "value": "{color.success.container.@.value}",
395
+ "attributes": { "opacity": "{opacity.focus.value}" }
396
+ },
397
+ "active": {
398
+ "value": "{color.success.container.@.value}",
399
+ "attributes": { "opacity": "{opacity.active.value}" }
400
+ }
401
+ }
402
+ },
403
+ "on-success": {
404
+ "hover": {
405
+ "value": "{color.on-success.@.value}",
406
+ "attributes": { "opacity": "{opacity.hover.value}" }
407
+ },
408
+ "focus": {
409
+ "value": "{color.on-success.@.value}",
410
+ "attributes": { "opacity": "{opacity.focus.value}" }
411
+ },
412
+ "active": {
413
+ "value": "{color.on-success.@.value}",
414
+ "attributes": { "opacity": "{opacity.active.value}" }
415
+ },
416
+ "container": {
417
+ "hover": {
418
+ "value": "{color.on-success.container.@.value}",
419
+ "attributes": { "opacity": "{opacity.hover.value}" }
420
+ },
421
+ "focus": {
422
+ "value": "{color.on-success.container.@.value}",
423
+ "attributes": { "opacity": "{opacity.focus.value}" }
424
+ },
425
+ "active": {
426
+ "value": "{color.on-success.container.@.value}",
427
+ "attributes": { "opacity": "{opacity.active.value}" }
428
+ }
429
+ }
430
+ },
431
+ "info": {
432
+ "hover": {
433
+ "value": "{color.info.@.value}",
434
+ "attributes": { "opacity": "{opacity.hover.value}" }
435
+ },
436
+ "focus": {
437
+ "value": "{color.info.@.value}",
438
+ "attributes": { "opacity": "{opacity.focus.value}" }
439
+ },
440
+ "active": {
441
+ "value": "{color.info.@.value}",
442
+ "attributes": { "opacity": "{opacity.active.value}" }
443
+ },
444
+ "container": {
445
+ "hover": {
446
+ "value": "{color.info.container.@.value}",
447
+ "attributes": { "opacity": "{opacity.hover.value}" }
448
+ },
449
+ "focus": {
450
+ "value": "{color.info.container.@.value}",
451
+ "attributes": { "opacity": "{opacity.focus.value}" }
452
+ },
453
+ "active": {
454
+ "value": "{color.info.container.@.value}",
455
+ "attributes": { "opacity": "{opacity.active.value}" }
456
+ }
457
+ }
458
+ },
459
+ "on-info": {
460
+ "hover": {
461
+ "value": "{color.on-info.@.value}",
462
+ "attributes": { "opacity": "{opacity.hover.value}" }
463
+ },
464
+ "focus": {
465
+ "value": "{color.on-info.@.value}",
466
+ "attributes": { "opacity": "{opacity.focus.value}" }
467
+ },
468
+ "active": {
469
+ "value": "{color.on-info.@.value}",
470
+ "attributes": { "opacity": "{opacity.active.value}" }
471
+ },
472
+ "container": {
473
+ "hover": {
474
+ "value": "{color.on-info.container.@.value}",
475
+ "attributes": { "opacity": "{opacity.hover.value}" }
476
+ },
477
+ "focus": {
478
+ "value": "{color.on-info.container.@.value}",
479
+ "attributes": { "opacity": "{opacity.focus.value}" }
480
+ },
481
+ "active": {
482
+ "value": "{color.on-info.container.@.value}",
483
+ "attributes": { "opacity": "{opacity.active.value}" }
484
+ }
485
+ }
486
+ },
487
+ "warning": {
488
+ "hover": {
489
+ "value": "{color.warning.@.value}",
490
+ "attributes": { "opacity": "{opacity.hover.value}" }
491
+ },
492
+ "focus": {
493
+ "value": "{color.warning.@.value}",
494
+ "attributes": { "opacity": "{opacity.focus.value}" }
495
+ },
496
+ "active": {
497
+ "value": "{color.warning.@.value}",
498
+ "attributes": { "opacity": "{opacity.active.value}" }
499
+ },
500
+ "container": {
501
+ "hover": {
502
+ "value": "{color.warning.container.@.value}",
503
+ "attributes": { "opacity": "{opacity.hover.value}" }
504
+ },
505
+ "focus": {
506
+ "value": "{color.warning.container.@.value}",
507
+ "attributes": { "opacity": "{opacity.focus.value}" }
508
+ },
509
+ "active": {
510
+ "value": "{color.warning.container.@.value}",
511
+ "attributes": { "opacity": "{opacity.active.value}" }
512
+ }
513
+ }
514
+ },
515
+ "on-warning": {
516
+ "hover": {
517
+ "value": "{color.on-warning.@.value}",
518
+ "attributes": { "opacity": "{opacity.hover.value}" }
519
+ },
520
+ "focus": {
521
+ "value": "{color.on-warning.@.value}",
522
+ "attributes": { "opacity": "{opacity.focus.value}" }
523
+ },
524
+ "active": {
525
+ "value": "{color.on-warning.@.value}",
526
+ "attributes": { "opacity": "{opacity.active.value}" }
527
+ },
528
+ "container": {
529
+ "hover": {
530
+ "value": "{color.on-warning.container.@.value}",
531
+ "attributes": { "opacity": "{opacity.hover.value}" }
532
+ },
533
+ "focus": {
534
+ "value": "{color.on-warning.container.@.value}",
535
+ "attributes": { "opacity": "{opacity.focus.value}" }
536
+ },
537
+ "active": {
538
+ "value": "{color.on-warning.container.@.value}",
539
+ "attributes": { "opacity": "{opacity.active.value}" }
540
+ }
541
+ }
542
+ },
543
+ "error": {
544
+ "hover": {
545
+ "value": "{color.error.@.value}",
546
+ "attributes": { "opacity": "{opacity.hover.value}" }
547
+ },
548
+ "focus": {
549
+ "value": "{color.error.@.value}",
550
+ "attributes": { "opacity": "{opacity.focus.value}" }
551
+ },
552
+ "active": {
553
+ "value": "{color.error.@.value}",
554
+ "attributes": { "opacity": "{opacity.active.value}" }
555
+ },
556
+ "container": {
557
+ "hover": {
558
+ "value": "{color.error.container.@.value}",
559
+ "attributes": { "opacity": "{opacity.hover.value}" }
560
+ },
561
+ "focus": {
562
+ "value": "{color.error.container.@.value}",
563
+ "attributes": { "opacity": "{opacity.focus.value}" }
564
+ },
565
+ "active": {
566
+ "value": "{color.error.container.@.value}",
567
+ "attributes": { "opacity": "{opacity.active.value}" }
568
+ }
569
+ }
570
+ },
571
+ "on-error": {
572
+ "hover": {
573
+ "value": "{color.on-error.@.value}",
574
+ "attributes": { "opacity": "{opacity.hover.value}" }
575
+ },
576
+ "focus": {
577
+ "value": "{color.on-error.@.value}",
578
+ "attributes": { "opacity": "{opacity.focus.value}" }
579
+ },
580
+ "active": {
581
+ "value": "{color.on-error.@.value}",
582
+ "attributes": { "opacity": "{opacity.active.value}" }
583
+ },
584
+ "container": {
585
+ "hover": {
586
+ "value": "{color.on-error.container.@.value}",
587
+ "attributes": { "opacity": "{opacity.hover.value}" }
588
+ },
589
+ "focus": {
590
+ "value": "{color.on-error.container.@.value}",
591
+ "attributes": { "opacity": "{opacity.focus.value}" }
592
+ },
593
+ "active": {
594
+ "value": "{color.on-error.container.@.value}",
595
+ "attributes": { "opacity": "{opacity.active.value}" }
596
+ }
597
+ }
598
+ },
599
+ "background": {
600
+ "hover": {
601
+ "value": "{color.background.@.value}",
602
+ "attributes": { "opacity": "{opacity.hover.value}" }
603
+ },
604
+ "focus": {
605
+ "value": "{color.background.@.value}",
606
+ "attributes": { "opacity": "{opacity.focus.value}" }
607
+ },
608
+ "active": {
609
+ "value": "{color.background.@.value}",
610
+ "attributes": { "opacity": "{opacity.active.value}" }
611
+ }
612
+ },
613
+ "on-background": {
614
+ "hover": {
615
+ "value": "{color.on-background.@.value}",
616
+ "attributes": { "opacity": "{opacity.hover.value}" }
617
+ },
618
+ "focus": {
619
+ "value": "{color.on-background.@.value}",
620
+ "attributes": { "opacity": "{opacity.focus.value}" }
621
+ },
622
+ "active": {
623
+ "value": "{color.on-background.@.value}",
624
+ "attributes": { "opacity": "{opacity.active.value}" }
625
+ }
626
+ },
627
+ "surface": {
628
+ "hover": {
629
+ "value": "{color.surface.@.value}",
630
+ "attributes": { "opacity": "{opacity.hover.value}" }
631
+ },
632
+ "focus": {
633
+ "value": "{color.surface.@.value}",
634
+ "attributes": { "opacity": "{opacity.focus.value}" }
635
+ },
636
+ "active": {
637
+ "value": "{color.surface.@.value}",
638
+ "attributes": { "opacity": "{opacity.active.value}" }
639
+ },
640
+ "variant": {
641
+ "hover": {
642
+ "value": "{color.surface.variant.value}",
643
+ "attributes": { "opacity": "{opacity.hover.value}" }
644
+ },
645
+ "focus": {
646
+ "value": "{color.surface.variant.value}",
647
+ "attributes": { "opacity": "{opacity.focus.value}" }
648
+ },
649
+ "active": {
650
+ "value": "{color.surface.variant.value}",
651
+ "attributes": { "opacity": "{opacity.active.value}" }
652
+ }
653
+ },
654
+ "container": {
655
+ "hover": {
656
+ "value": "{color.surface.container.@.value}",
657
+ "attributes": { "opacity": "{opacity.hover.value}" }
658
+ },
659
+ "focus": {
660
+ "value": "{color.surface.container.@.value}",
661
+ "attributes": { "opacity": "{opacity.focus.value}" }
662
+ },
663
+ "active": {
664
+ "value": "{color.surface.container.@.value}",
665
+ "attributes": { "opacity": "{opacity.active.value}" }
666
+ },
667
+ "lowest": {
668
+ "hover": {
669
+ "value": "{color.surface.container.lowest.value}",
670
+ "attributes": {
671
+ "opacity": "{opacity.hover.value}"
672
+ }
673
+ },
674
+ "focus": {
675
+ "value": "{color.surface.container.lowest.value}",
676
+ "attributes": {
677
+ "opacity": "{opacity.focus.value}"
678
+ }
679
+ },
680
+ "active": {
681
+ "value": "{color.surface.container.lowest.value}",
682
+ "attributes": {
683
+ "opacity": "{opacity.active.value}"
684
+ }
685
+ }
686
+ },
687
+ "low": {
688
+ "hover": {
689
+ "value": "{color.surface.container.low.value}",
690
+ "attributes": {
691
+ "opacity": "{opacity.hover.value}"
692
+ }
693
+ },
694
+ "focus": {
695
+ "value": "{color.surface.container.low.value}",
696
+ "attributes": {
697
+ "opacity": "{opacity.focus.value}"
698
+ }
699
+ },
700
+ "active": {
701
+ "value": "{color.surface.container.low.value}",
702
+ "attributes": {
703
+ "opacity": "{opacity.active.value}"
704
+ }
705
+ }
706
+ },
707
+ "high": {
708
+ "hover": {
709
+ "value": "{color.surface.container.high.value}",
710
+ "attributes": {
711
+ "opacity": "{opacity.hover.value}"
712
+ }
713
+ },
714
+ "focus": {
715
+ "value": "{color.surface.container.high.value}",
716
+ "attributes": {
717
+ "opacity": "{opacity.focus.value}"
718
+ }
719
+ },
720
+ "active": {
721
+ "value": "{color.surface.container.high.value}",
722
+ "attributes": {
723
+ "opacity": "{opacity.active.value}"
724
+ }
725
+ }
726
+ },
727
+ "highest": {
728
+ "hover": {
729
+ "value": "{color.surface.container.highest.value}",
730
+ "attributes": {
731
+ "opacity": "{opacity.hover.value}"
732
+ }
733
+ },
734
+ "focus": {
735
+ "value": "{color.surface.container.highest.value}",
736
+ "attributes": {
737
+ "opacity": "{opacity.focus.value}"
738
+ }
739
+ },
740
+ "active": {
741
+ "value": "{color.surface.container.highest.value}",
742
+ "attributes": {
743
+ "opacity": "{opacity.active.value}"
744
+ }
745
+ }
746
+ }
747
+ },
748
+ "tint": {
749
+ "hover": {
750
+ "value": "{color.surface.tint.value}",
751
+ "attributes": { "opacity": "{opacity.hover.value}" }
752
+ },
753
+ "focus": {
754
+ "value": "{color.surface.tint.value}",
755
+ "attributes": { "opacity": "{opacity.focus.value}" }
756
+ },
757
+ "active": {
758
+ "value": "{color.surface.tint.value}",
759
+ "attributes": { "opacity": "{opacity.active.value}" }
760
+ }
761
+ },
762
+ "dim": {
763
+ "hover": {
764
+ "value": "{color.surface.dim.value}",
765
+ "attributes": { "opacity": "{opacity.hover.value}" }
766
+ },
767
+ "focus": {
768
+ "value": "{color.surface.dim.value}",
769
+ "attributes": { "opacity": "{opacity.focus.value}" }
770
+ },
771
+ "active": {
772
+ "value": "{color.surface.dim.value}",
773
+ "attributes": { "opacity": "{opacity.active.value}" }
774
+ }
775
+ },
776
+ "bright": {
777
+ "hover": {
778
+ "value": "{color.surface.bright.value}",
779
+ "attributes": { "opacity": "{opacity.hover.value}" }
780
+ },
781
+ "focus": {
782
+ "value": "{color.surface.bright.value}",
783
+ "attributes": { "opacity": "{opacity.focus.value}" }
784
+ },
785
+ "active": {
786
+ "value": "{color.surface.bright.value}",
787
+ "attributes": { "opacity": "{opacity.active.value}" }
788
+ }
789
+ }
790
+ },
791
+ "on-surface": {
792
+ "hover": {
793
+ "value": "{color.on-surface.@.value}",
794
+ "attributes": { "opacity": "{opacity.hover.value}" }
795
+ },
796
+ "focus": {
797
+ "value": "{color.on-surface.@.value}",
798
+ "attributes": { "opacity": "{opacity.focus.value}" }
799
+ },
800
+ "active": {
801
+ "value": "{color.on-surface.@.value}",
802
+ "attributes": { "opacity": "{opacity.active.value}" }
803
+ },
804
+ "variant": {
805
+ "hover": {
806
+ "value": "{color.on-surface.variant.value}",
807
+ "attributes": { "opacity": "{opacity.hover.value}" }
808
+ },
809
+ "focus": {
810
+ "value": "{color.on-surface.variant.value}",
811
+ "attributes": { "opacity": "{opacity.focus.value}" }
812
+ },
813
+ "active": {
814
+ "value": "{color.on-surface.variant.value}",
815
+ "attributes": { "opacity": "{opacity.active.value}" }
816
+ }
817
+ }
818
+ },
819
+ "inverse": {
820
+ "surface": {
821
+ "hover": {
822
+ "value": "{color.inverse.surface.@.value}",
823
+ "attributes": { "opacity": "{opacity.hover.value}" }
824
+ },
825
+ "focus": {
826
+ "value": "{color.inverse.surface.@.value}",
827
+ "attributes": { "opacity": "{opacity.focus.value}" }
828
+ },
829
+ "active": {
830
+ "value": "{color.inverse.surface.@.value}",
831
+ "attributes": { "opacity": "{opacity.active.value}" }
832
+ }
833
+ },
834
+ "on-surface": {
835
+ "hover": {
836
+ "value": "{color.inverse.on-surface.@.value}",
837
+ "attributes": { "opacity": "{opacity.hover.value}" }
838
+ },
839
+ "focus": {
840
+ "value": "{color.inverse.on-surface.@.value}",
841
+ "attributes": { "opacity": "{opacity.focus.value}" }
842
+ },
843
+ "active": {
844
+ "value": "{color.inverse.on-surface.@.value}",
845
+ "attributes": { "opacity": "{opacity.active.value}" }
846
+ }
847
+ },
848
+ "primary": {
849
+ "hover": {
850
+ "value": "{color.inverse.primary.@.value}",
851
+ "attributes": { "opacity": "{opacity.hover.value}" }
852
+ },
853
+ "focus": {
854
+ "value": "{color.inverse.primary.@.value}",
855
+ "attributes": { "opacity": "{opacity.focus.value}" }
856
+ },
857
+ "active": {
858
+ "value": "{color.inverse.primary.@.value}",
859
+ "attributes": { "opacity": "{opacity.active.value}" }
860
+ }
861
+ }
862
+ },
863
+ "outline": {
864
+ "hover": {
865
+ "value": "{color.outline.@.value}",
866
+ "attributes": { "opacity": "{opacity.hover.value}" }
867
+ },
868
+ "focus": {
869
+ "value": "{color.outline.@.value}",
870
+ "attributes": { "opacity": "{opacity.focus.value}" }
871
+ },
872
+ "active": {
873
+ "value": "{color.outline.@.value}",
874
+ "attributes": { "opacity": "{opacity.active.value}" }
875
+ },
876
+ "variant": {
877
+ "hover": {
878
+ "value": "{color.outline.variant.value}",
879
+ "attributes": { "opacity": "{opacity.hover.value}" }
880
+ },
881
+ "focus": {
882
+ "value": "{color.outline.variant.value}",
883
+ "attributes": { "opacity": "{opacity.focus.value}" }
884
+ },
885
+ "active": {
886
+ "value": "{color.outline.variant.value}",
887
+ "attributes": { "opacity": "{opacity.active.value}" }
888
+ }
889
+ }
890
+ },
891
+ "shadow": {
892
+ "hover": {
893
+ "value": "{color.shadow.@.value}",
894
+ "attributes": { "opacity": "{opacity.hover.value}" }
895
+ },
896
+ "focus": {
897
+ "value": "{color.shadow.@.value}",
898
+ "attributes": { "opacity": "{opacity.focus.value}" }
899
+ },
900
+ "active": {
901
+ "value": "{color.shadow.@.value}",
902
+ "attributes": { "opacity": "{opacity.active.value}" }
903
+ }
904
+ },
905
+ "scrim": {
906
+ "hover": {
907
+ "value": "{color.scrim.@.value}",
908
+ "attributes": { "opacity": "{opacity.hover.value}" }
909
+ },
910
+ "focus": {
911
+ "value": "{color.scrim.@.value}",
912
+ "attributes": { "opacity": "{opacity.focus.value}" }
913
+ },
914
+ "active": {
915
+ "value": "{color.scrim.@.value}",
916
+ "attributes": { "opacity": "{opacity.active.value}" }
917
+ }
918
+ },
919
+ "white": {
920
+ "hover": {
921
+ "value": "{color.white.@.value}",
922
+ "attributes": { "opacity": "{opacity.hover.value}" }
923
+ },
924
+ "focus": {
925
+ "value": "{color.white.@.value}",
926
+ "attributes": { "opacity": "{opacity.focus.value}" }
927
+ },
928
+ "active": {
929
+ "value": "{color.white.@.value}",
930
+ "attributes": { "opacity": "{opacity.active.value}" }
931
+ }
932
+ },
933
+ "black": {
934
+ "hover": {
935
+ "value": "{color.black.@.value}",
936
+ "attributes": { "opacity": "{opacity.hover.value}" }
937
+ },
938
+ "focus": {
939
+ "value": "{color.black.@.value}",
940
+ "attributes": { "opacity": "{opacity.focus.value}" }
941
+ },
942
+ "active": {
943
+ "value": "{color.black.@.value}",
944
+ "attributes": { "opacity": "{opacity.active.value}" }
945
+ }
946
+ }
947
+ }
948
+ }