@onemrvapublic/design-system-mcp-server 2.4.0 → 2.4.1
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/mcp-data/codebase.json +1451 -475
- package/mcp-data/components.json +104030 -74493
- package/mcp-data/icons.json +9 -3
- package/mcp-data/styles.json +2 -2
- package/mcp-data/sync-status.json +14 -7
- package/mcp-data/tokens.json +371 -160
- package/package.json +1 -1
package/mcp-data/tokens.json
CHANGED
|
@@ -12,7 +12,9 @@
|
|
|
12
12
|
"codeSyntax": {
|
|
13
13
|
"SASS": "map.get($onemrva-palette, 'error', 100)"
|
|
14
14
|
},
|
|
15
|
-
"scopes": [
|
|
15
|
+
"scopes": [
|
|
16
|
+
"ALL_FILLS"
|
|
17
|
+
]
|
|
16
18
|
},
|
|
17
19
|
{
|
|
18
20
|
"name": "page-colors/error/30",
|
|
@@ -27,7 +29,9 @@
|
|
|
27
29
|
"codeSyntax": {
|
|
28
30
|
"SASS": "map.get($onemrva-palette, 'error', 30)"
|
|
29
31
|
},
|
|
30
|
-
"scopes": [
|
|
32
|
+
"scopes": [
|
|
33
|
+
"ALL_FILLS"
|
|
34
|
+
]
|
|
31
35
|
},
|
|
32
36
|
{
|
|
33
37
|
"name": "page-colors/error/40",
|
|
@@ -42,7 +46,9 @@
|
|
|
42
46
|
"codeSyntax": {
|
|
43
47
|
"SASS": "map.get($onemrva-palette, 'error', 40)"
|
|
44
48
|
},
|
|
45
|
-
"scopes": [
|
|
49
|
+
"scopes": [
|
|
50
|
+
"ALL_FILLS"
|
|
51
|
+
]
|
|
46
52
|
},
|
|
47
53
|
{
|
|
48
54
|
"name": "page-colors/error/90",
|
|
@@ -57,7 +63,9 @@
|
|
|
57
63
|
"codeSyntax": {
|
|
58
64
|
"SASS": "map.get($onemrva-palette, 'error', 90)"
|
|
59
65
|
},
|
|
60
|
-
"scopes": [
|
|
66
|
+
"scopes": [
|
|
67
|
+
"ALL_FILLS"
|
|
68
|
+
]
|
|
61
69
|
},
|
|
62
70
|
{
|
|
63
71
|
"name": "page-colors/info/100",
|
|
@@ -72,7 +80,9 @@
|
|
|
72
80
|
"codeSyntax": {
|
|
73
81
|
"SASS": "map.get($onemrva-palette, 'info', 100)"
|
|
74
82
|
},
|
|
75
|
-
"scopes": [
|
|
83
|
+
"scopes": [
|
|
84
|
+
"ALL_FILLS"
|
|
85
|
+
]
|
|
76
86
|
},
|
|
77
87
|
{
|
|
78
88
|
"name": "page-colors/info/30",
|
|
@@ -87,7 +97,9 @@
|
|
|
87
97
|
"codeSyntax": {
|
|
88
98
|
"SASS": "map.get($onemrva-palette, 'info', 30)"
|
|
89
99
|
},
|
|
90
|
-
"scopes": [
|
|
100
|
+
"scopes": [
|
|
101
|
+
"ALL_FILLS"
|
|
102
|
+
]
|
|
91
103
|
},
|
|
92
104
|
{
|
|
93
105
|
"name": "page-colors/info/40",
|
|
@@ -102,7 +114,9 @@
|
|
|
102
114
|
"codeSyntax": {
|
|
103
115
|
"SASS": "map.get($onemrva-palette, 'info', 40)"
|
|
104
116
|
},
|
|
105
|
-
"scopes": [
|
|
117
|
+
"scopes": [
|
|
118
|
+
"ALL_FILLS"
|
|
119
|
+
]
|
|
106
120
|
},
|
|
107
121
|
{
|
|
108
122
|
"name": "page-colors/info/90",
|
|
@@ -117,7 +131,9 @@
|
|
|
117
131
|
"codeSyntax": {
|
|
118
132
|
"SASS": "map.get($onemrva-palette, 'info', 90)"
|
|
119
133
|
},
|
|
120
|
-
"scopes": [
|
|
134
|
+
"scopes": [
|
|
135
|
+
"ALL_FILLS"
|
|
136
|
+
]
|
|
121
137
|
},
|
|
122
138
|
{
|
|
123
139
|
"name": "page-colors/neutral-variant/30",
|
|
@@ -132,7 +148,9 @@
|
|
|
132
148
|
"codeSyntax": {
|
|
133
149
|
"SASS": "map.get($onemrva-palette, 'neutral-variant', 30)"
|
|
134
150
|
},
|
|
135
|
-
"scopes": [
|
|
151
|
+
"scopes": [
|
|
152
|
+
"ALL_FILLS"
|
|
153
|
+
]
|
|
136
154
|
},
|
|
137
155
|
{
|
|
138
156
|
"name": "page-colors/neutral-variant/50",
|
|
@@ -147,7 +165,9 @@
|
|
|
147
165
|
"codeSyntax": {
|
|
148
166
|
"SASS": "map.get($onemrva-palette, 'neutral-variant', 50)"
|
|
149
167
|
},
|
|
150
|
-
"scopes": [
|
|
168
|
+
"scopes": [
|
|
169
|
+
"ALL_FILLS"
|
|
170
|
+
]
|
|
151
171
|
},
|
|
152
172
|
{
|
|
153
173
|
"name": "page-colors/neutral-variant/80",
|
|
@@ -162,7 +182,9 @@
|
|
|
162
182
|
"codeSyntax": {
|
|
163
183
|
"SASS": "map.get($onemrva-palette, 'neutral-variant', 80)"
|
|
164
184
|
},
|
|
165
|
-
"scopes": [
|
|
185
|
+
"scopes": [
|
|
186
|
+
"ALL_FILLS"
|
|
187
|
+
]
|
|
166
188
|
},
|
|
167
189
|
{
|
|
168
190
|
"name": "page-colors/neutral/0",
|
|
@@ -171,13 +193,15 @@
|
|
|
171
193
|
"values": {
|
|
172
194
|
"default": "#000000"
|
|
173
195
|
},
|
|
174
|
-
"description": "
|
|
175
|
-
"sectionTitle": "
|
|
176
|
-
"sectionDescription": "
|
|
196
|
+
"description": "Secondary & Secondary Container are used for supportive surfaces and components. (Source page: \"Colors\")",
|
|
197
|
+
"sectionTitle": "Secondary & Secondary container",
|
|
198
|
+
"sectionDescription": "Secondary & Secondary Container are used for supportive surfaces and components.",
|
|
177
199
|
"codeSyntax": {
|
|
178
200
|
"SASS": "map.get($onemrva-palette, 'neutral', 0)"
|
|
179
201
|
},
|
|
180
|
-
"scopes": [
|
|
202
|
+
"scopes": [
|
|
203
|
+
"ALL_FILLS"
|
|
204
|
+
]
|
|
181
205
|
},
|
|
182
206
|
{
|
|
183
207
|
"name": "page-colors/neutral/10",
|
|
@@ -192,7 +216,9 @@
|
|
|
192
216
|
"codeSyntax": {
|
|
193
217
|
"SASS": "map.get($onemrva-palette, 'neutral', 10)"
|
|
194
218
|
},
|
|
195
|
-
"scopes": [
|
|
219
|
+
"scopes": [
|
|
220
|
+
"ALL_FILLS"
|
|
221
|
+
]
|
|
196
222
|
},
|
|
197
223
|
{
|
|
198
224
|
"name": "page-colors/neutral/100",
|
|
@@ -201,13 +227,14 @@
|
|
|
201
227
|
"values": {
|
|
202
228
|
"default": "#ffffff"
|
|
203
229
|
},
|
|
204
|
-
"description": "
|
|
205
|
-
"sectionTitle": "
|
|
206
|
-
"sectionDescription": "Fixed accent colors These colors maintain the same tone in light and dark themes, as opposed to regular container colors, which change in tone between these themes. The fixed color role may be used instead of the equivalent container role in situations where such fixed behavior is desired. The primary fixed dim, secondary fixed dim, and tertiary fixed dim roles provide a stronger, more emphasized tone relative to the equivalent fixed color. They may be used where a deeper color but the same fixed behavior is desired.",
|
|
230
|
+
"description": "Neutral tones for base surfaces and readable structure. (Source page: \"Colors\")",
|
|
231
|
+
"sectionTitle": "Surface colors",
|
|
207
232
|
"codeSyntax": {
|
|
208
233
|
"SASS": "map.get($onemrva-palette, 'neutral', 100)"
|
|
209
234
|
},
|
|
210
|
-
"scopes": [
|
|
235
|
+
"scopes": [
|
|
236
|
+
"ALL_FILLS"
|
|
237
|
+
]
|
|
211
238
|
},
|
|
212
239
|
{
|
|
213
240
|
"name": "page-colors/neutral/20",
|
|
@@ -222,7 +249,9 @@
|
|
|
222
249
|
"codeSyntax": {
|
|
223
250
|
"SASS": "map.get($onemrva-palette, 'neutral', 20)"
|
|
224
251
|
},
|
|
225
|
-
"scopes": [
|
|
252
|
+
"scopes": [
|
|
253
|
+
"ALL_FILLS"
|
|
254
|
+
]
|
|
226
255
|
},
|
|
227
256
|
{
|
|
228
257
|
"name": "page-colors/neutral/87",
|
|
@@ -237,7 +266,9 @@
|
|
|
237
266
|
"codeSyntax": {
|
|
238
267
|
"SASS": "map.get($onemrva-palette, 'neutral', 87)"
|
|
239
268
|
},
|
|
240
|
-
"scopes": [
|
|
269
|
+
"scopes": [
|
|
270
|
+
"ALL_FILLS"
|
|
271
|
+
]
|
|
241
272
|
},
|
|
242
273
|
{
|
|
243
274
|
"name": "page-colors/neutral/90",
|
|
@@ -246,13 +277,15 @@
|
|
|
246
277
|
"values": {
|
|
247
278
|
"default": "#d8d1dc"
|
|
248
279
|
},
|
|
249
|
-
"description": "Fixed
|
|
280
|
+
"description": "Primary Fixed & Primary Fixed Dim are used in tonal surfaces that remain consistent regardless of theme (light or dark). (Source page: \"Colors\")",
|
|
250
281
|
"sectionTitle": "Primary fixed & Primary fixed dim",
|
|
251
|
-
"sectionDescription": "Fixed
|
|
282
|
+
"sectionDescription": "Primary Fixed & Primary Fixed Dim are used in tonal surfaces that remain consistent regardless of theme (light or dark).",
|
|
252
283
|
"codeSyntax": {
|
|
253
284
|
"SASS": "map.get($onemrva-palette, 'neutral', 90)"
|
|
254
285
|
},
|
|
255
|
-
"scopes": [
|
|
286
|
+
"scopes": [
|
|
287
|
+
"ALL_FILLS"
|
|
288
|
+
]
|
|
256
289
|
},
|
|
257
290
|
{
|
|
258
291
|
"name": "page-colors/neutral/92",
|
|
@@ -267,7 +300,9 @@
|
|
|
267
300
|
"codeSyntax": {
|
|
268
301
|
"SASS": "map.get($onemrva-palette, 'neutral', 92)"
|
|
269
302
|
},
|
|
270
|
-
"scopes": [
|
|
303
|
+
"scopes": [
|
|
304
|
+
"ALL_FILLS"
|
|
305
|
+
]
|
|
271
306
|
},
|
|
272
307
|
{
|
|
273
308
|
"name": "page-colors/neutral/94",
|
|
@@ -282,7 +317,9 @@
|
|
|
282
317
|
"codeSyntax": {
|
|
283
318
|
"SASS": "map.get($onemrva-palette, 'neutral', 94)"
|
|
284
319
|
},
|
|
285
|
-
"scopes": [
|
|
320
|
+
"scopes": [
|
|
321
|
+
"ALL_FILLS"
|
|
322
|
+
]
|
|
286
323
|
},
|
|
287
324
|
{
|
|
288
325
|
"name": "page-colors/neutral/95",
|
|
@@ -297,7 +334,9 @@
|
|
|
297
334
|
"codeSyntax": {
|
|
298
335
|
"SASS": "map.get($onemrva-palette, 'neutral', 95)"
|
|
299
336
|
},
|
|
300
|
-
"scopes": [
|
|
337
|
+
"scopes": [
|
|
338
|
+
"ALL_FILLS"
|
|
339
|
+
]
|
|
301
340
|
},
|
|
302
341
|
{
|
|
303
342
|
"name": "page-colors/neutral/96",
|
|
@@ -312,22 +351,26 @@
|
|
|
312
351
|
"codeSyntax": {
|
|
313
352
|
"SASS": "map.get($onemrva-palette, 'neutral', 96)"
|
|
314
353
|
},
|
|
315
|
-
"scopes": [
|
|
354
|
+
"scopes": [
|
|
355
|
+
"ALL_FILLS"
|
|
356
|
+
]
|
|
316
357
|
},
|
|
317
358
|
{
|
|
318
359
|
"name": "page-colors/neutral/98",
|
|
319
360
|
"collection": "Page Colors (Derived)",
|
|
320
361
|
"type": "color",
|
|
321
362
|
"values": {
|
|
322
|
-
"default": "#
|
|
363
|
+
"default": "#ffffff"
|
|
323
364
|
},
|
|
324
|
-
"description": "
|
|
325
|
-
"sectionTitle": "
|
|
326
|
-
"sectionDescription": "
|
|
365
|
+
"description": "Primary Fixed & Primary Fixed Dim are used in tonal surfaces that remain consistent regardless of theme (light or dark). (Source page: \"Colors\")",
|
|
366
|
+
"sectionTitle": "Primary fixed & Primary fixed dim",
|
|
367
|
+
"sectionDescription": "Primary Fixed & Primary Fixed Dim are used in tonal surfaces that remain consistent regardless of theme (light or dark).",
|
|
327
368
|
"codeSyntax": {
|
|
328
369
|
"SASS": "map.get($onemrva-palette, 'neutral', 98)"
|
|
329
370
|
},
|
|
330
|
-
"scopes": [
|
|
371
|
+
"scopes": [
|
|
372
|
+
"ALL_FILLS"
|
|
373
|
+
]
|
|
331
374
|
},
|
|
332
375
|
{
|
|
333
376
|
"name": "page-colors/primary/10",
|
|
@@ -342,7 +385,9 @@
|
|
|
342
385
|
"codeSyntax": {
|
|
343
386
|
"SASS": "map.get($onemrva-palette, 'primary', 10)"
|
|
344
387
|
},
|
|
345
|
-
"scopes": [
|
|
388
|
+
"scopes": [
|
|
389
|
+
"ALL_FILLS"
|
|
390
|
+
]
|
|
346
391
|
},
|
|
347
392
|
{
|
|
348
393
|
"name": "page-colors/primary/100",
|
|
@@ -357,7 +402,9 @@
|
|
|
357
402
|
"codeSyntax": {
|
|
358
403
|
"SASS": "map.get($onemrva-palette, 'primary', 100)"
|
|
359
404
|
},
|
|
360
|
-
"scopes": [
|
|
405
|
+
"scopes": [
|
|
406
|
+
"ALL_FILLS"
|
|
407
|
+
]
|
|
361
408
|
},
|
|
362
409
|
{
|
|
363
410
|
"name": "page-colors/primary/30",
|
|
@@ -372,7 +419,9 @@
|
|
|
372
419
|
"codeSyntax": {
|
|
373
420
|
"SASS": "map.get($onemrva-palette, 'primary', 30)"
|
|
374
421
|
},
|
|
375
|
-
"scopes": [
|
|
422
|
+
"scopes": [
|
|
423
|
+
"ALL_FILLS"
|
|
424
|
+
]
|
|
376
425
|
},
|
|
377
426
|
{
|
|
378
427
|
"name": "page-colors/primary/40",
|
|
@@ -386,7 +435,9 @@
|
|
|
386
435
|
"codeSyntax": {
|
|
387
436
|
"SASS": "map.get($onemrva-palette, 'primary', 40)"
|
|
388
437
|
},
|
|
389
|
-
"scopes": [
|
|
438
|
+
"scopes": [
|
|
439
|
+
"ALL_FILLS"
|
|
440
|
+
]
|
|
390
441
|
},
|
|
391
442
|
{
|
|
392
443
|
"name": "page-colors/primary/80",
|
|
@@ -401,7 +452,9 @@
|
|
|
401
452
|
"codeSyntax": {
|
|
402
453
|
"SASS": "map.get($onemrva-palette, 'primary', 80)"
|
|
403
454
|
},
|
|
404
|
-
"scopes": [
|
|
455
|
+
"scopes": [
|
|
456
|
+
"ALL_FILLS"
|
|
457
|
+
]
|
|
405
458
|
},
|
|
406
459
|
{
|
|
407
460
|
"name": "page-colors/primary/85",
|
|
@@ -414,7 +467,9 @@
|
|
|
414
467
|
"codeSyntax": {
|
|
415
468
|
"SASS": "map.get($onemrva-palette, 'primary', 85)"
|
|
416
469
|
},
|
|
417
|
-
"scopes": [
|
|
470
|
+
"scopes": [
|
|
471
|
+
"ALL_FILLS"
|
|
472
|
+
]
|
|
418
473
|
},
|
|
419
474
|
{
|
|
420
475
|
"name": "page-colors/primary/90",
|
|
@@ -429,7 +484,9 @@
|
|
|
429
484
|
"codeSyntax": {
|
|
430
485
|
"SASS": "map.get($onemrva-palette, 'primary', 90)"
|
|
431
486
|
},
|
|
432
|
-
"scopes": [
|
|
487
|
+
"scopes": [
|
|
488
|
+
"ALL_FILLS"
|
|
489
|
+
]
|
|
433
490
|
},
|
|
434
491
|
{
|
|
435
492
|
"name": "page-colors/secondary/10",
|
|
@@ -444,7 +501,9 @@
|
|
|
444
501
|
"codeSyntax": {
|
|
445
502
|
"SASS": "map.get($onemrva-palette, 'secondary', 10)"
|
|
446
503
|
},
|
|
447
|
-
"scopes": [
|
|
504
|
+
"scopes": [
|
|
505
|
+
"ALL_FILLS"
|
|
506
|
+
]
|
|
448
507
|
},
|
|
449
508
|
{
|
|
450
509
|
"name": "page-colors/secondary/100",
|
|
@@ -459,7 +518,9 @@
|
|
|
459
518
|
"codeSyntax": {
|
|
460
519
|
"SASS": "map.get($onemrva-palette, 'secondary', 100)"
|
|
461
520
|
},
|
|
462
|
-
"scopes": [
|
|
521
|
+
"scopes": [
|
|
522
|
+
"ALL_FILLS"
|
|
523
|
+
]
|
|
463
524
|
},
|
|
464
525
|
{
|
|
465
526
|
"name": "page-colors/secondary/30",
|
|
@@ -474,7 +535,9 @@
|
|
|
474
535
|
"codeSyntax": {
|
|
475
536
|
"SASS": "map.get($onemrva-palette, 'secondary', 30)"
|
|
476
537
|
},
|
|
477
|
-
"scopes": [
|
|
538
|
+
"scopes": [
|
|
539
|
+
"ALL_FILLS"
|
|
540
|
+
]
|
|
478
541
|
},
|
|
479
542
|
{
|
|
480
543
|
"name": "page-colors/secondary/40",
|
|
@@ -488,7 +551,9 @@
|
|
|
488
551
|
"codeSyntax": {
|
|
489
552
|
"SASS": "map.get($onemrva-palette, 'secondary', 40)"
|
|
490
553
|
},
|
|
491
|
-
"scopes": [
|
|
554
|
+
"scopes": [
|
|
555
|
+
"ALL_FILLS"
|
|
556
|
+
]
|
|
492
557
|
},
|
|
493
558
|
{
|
|
494
559
|
"name": "page-colors/secondary/80",
|
|
@@ -502,7 +567,9 @@
|
|
|
502
567
|
"codeSyntax": {
|
|
503
568
|
"SASS": "map.get($onemrva-palette, 'secondary', 80)"
|
|
504
569
|
},
|
|
505
|
-
"scopes": [
|
|
570
|
+
"scopes": [
|
|
571
|
+
"ALL_FILLS"
|
|
572
|
+
]
|
|
506
573
|
},
|
|
507
574
|
{
|
|
508
575
|
"name": "page-colors/secondary/90",
|
|
@@ -517,7 +584,9 @@
|
|
|
517
584
|
"codeSyntax": {
|
|
518
585
|
"SASS": "map.get($onemrva-palette, 'secondary', 90)"
|
|
519
586
|
},
|
|
520
|
-
"scopes": [
|
|
587
|
+
"scopes": [
|
|
588
|
+
"ALL_FILLS"
|
|
589
|
+
]
|
|
521
590
|
},
|
|
522
591
|
{
|
|
523
592
|
"name": "page-colors/semantic/error",
|
|
@@ -532,7 +601,9 @@
|
|
|
532
601
|
"codeSyntax": {
|
|
533
602
|
"WEB": "var(--mat-sys-error)"
|
|
534
603
|
},
|
|
535
|
-
"scopes": [
|
|
604
|
+
"scopes": [
|
|
605
|
+
"ALL_FILLS"
|
|
606
|
+
]
|
|
536
607
|
},
|
|
537
608
|
{
|
|
538
609
|
"name": "page-colors/semantic/error-container",
|
|
@@ -547,7 +618,9 @@
|
|
|
547
618
|
"codeSyntax": {
|
|
548
619
|
"WEB": "var(--mat-sys-error-container)"
|
|
549
620
|
},
|
|
550
|
-
"scopes": [
|
|
621
|
+
"scopes": [
|
|
622
|
+
"ALL_FILLS"
|
|
623
|
+
]
|
|
551
624
|
},
|
|
552
625
|
{
|
|
553
626
|
"name": "page-colors/semantic/info",
|
|
@@ -562,7 +635,9 @@
|
|
|
562
635
|
"codeSyntax": {
|
|
563
636
|
"WEB": "var(--mat-sys-info)"
|
|
564
637
|
},
|
|
565
|
-
"scopes": [
|
|
638
|
+
"scopes": [
|
|
639
|
+
"ALL_FILLS"
|
|
640
|
+
]
|
|
566
641
|
},
|
|
567
642
|
{
|
|
568
643
|
"name": "page-colors/semantic/info-container",
|
|
@@ -577,7 +652,9 @@
|
|
|
577
652
|
"codeSyntax": {
|
|
578
653
|
"WEB": "var(--mat-sys-info-container)"
|
|
579
654
|
},
|
|
580
|
-
"scopes": [
|
|
655
|
+
"scopes": [
|
|
656
|
+
"ALL_FILLS"
|
|
657
|
+
]
|
|
581
658
|
},
|
|
582
659
|
{
|
|
583
660
|
"name": "page-colors/semantic/inverse-on-surface",
|
|
@@ -592,7 +669,9 @@
|
|
|
592
669
|
"codeSyntax": {
|
|
593
670
|
"WEB": "var(--mat-sys-inverse-on-surface)"
|
|
594
671
|
},
|
|
595
|
-
"scopes": [
|
|
672
|
+
"scopes": [
|
|
673
|
+
"ALL_FILLS"
|
|
674
|
+
]
|
|
596
675
|
},
|
|
597
676
|
{
|
|
598
677
|
"name": "page-colors/semantic/inverse-primary",
|
|
@@ -607,7 +686,9 @@
|
|
|
607
686
|
"codeSyntax": {
|
|
608
687
|
"WEB": "var(--mat-sys-inverse-primary)"
|
|
609
688
|
},
|
|
610
|
-
"scopes": [
|
|
689
|
+
"scopes": [
|
|
690
|
+
"ALL_FILLS"
|
|
691
|
+
]
|
|
611
692
|
},
|
|
612
693
|
{
|
|
613
694
|
"name": "page-colors/semantic/inverse-surface",
|
|
@@ -622,7 +703,9 @@
|
|
|
622
703
|
"codeSyntax": {
|
|
623
704
|
"WEB": "var(--mat-sys-inverse-surface)"
|
|
624
705
|
},
|
|
625
|
-
"scopes": [
|
|
706
|
+
"scopes": [
|
|
707
|
+
"ALL_FILLS"
|
|
708
|
+
]
|
|
626
709
|
},
|
|
627
710
|
{
|
|
628
711
|
"name": "page-colors/semantic/on-error",
|
|
@@ -637,7 +720,9 @@
|
|
|
637
720
|
"codeSyntax": {
|
|
638
721
|
"WEB": "var(--mat-sys-on-error)"
|
|
639
722
|
},
|
|
640
|
-
"scopes": [
|
|
723
|
+
"scopes": [
|
|
724
|
+
"ALL_FILLS"
|
|
725
|
+
]
|
|
641
726
|
},
|
|
642
727
|
{
|
|
643
728
|
"name": "page-colors/semantic/on-error-container",
|
|
@@ -652,7 +737,9 @@
|
|
|
652
737
|
"codeSyntax": {
|
|
653
738
|
"WEB": "var(--mat-sys-on-error-container)"
|
|
654
739
|
},
|
|
655
|
-
"scopes": [
|
|
740
|
+
"scopes": [
|
|
741
|
+
"ALL_FILLS"
|
|
742
|
+
]
|
|
656
743
|
},
|
|
657
744
|
{
|
|
658
745
|
"name": "page-colors/semantic/on-info",
|
|
@@ -667,7 +754,9 @@
|
|
|
667
754
|
"codeSyntax": {
|
|
668
755
|
"WEB": "var(--mat-sys-on-info)"
|
|
669
756
|
},
|
|
670
|
-
"scopes": [
|
|
757
|
+
"scopes": [
|
|
758
|
+
"ALL_FILLS"
|
|
759
|
+
]
|
|
671
760
|
},
|
|
672
761
|
{
|
|
673
762
|
"name": "page-colors/semantic/on-info-container",
|
|
@@ -682,7 +771,9 @@
|
|
|
682
771
|
"codeSyntax": {
|
|
683
772
|
"WEB": "var(--mat-sys-on-info-container)"
|
|
684
773
|
},
|
|
685
|
-
"scopes": [
|
|
774
|
+
"scopes": [
|
|
775
|
+
"ALL_FILLS"
|
|
776
|
+
]
|
|
686
777
|
},
|
|
687
778
|
{
|
|
688
779
|
"name": "page-colors/semantic/on-primary",
|
|
@@ -697,7 +788,9 @@
|
|
|
697
788
|
"codeSyntax": {
|
|
698
789
|
"WEB": "var(--mat-sys-on-primary)"
|
|
699
790
|
},
|
|
700
|
-
"scopes": [
|
|
791
|
+
"scopes": [
|
|
792
|
+
"ALL_FILLS"
|
|
793
|
+
]
|
|
701
794
|
},
|
|
702
795
|
{
|
|
703
796
|
"name": "page-colors/semantic/on-primary-container",
|
|
@@ -712,7 +805,9 @@
|
|
|
712
805
|
"codeSyntax": {
|
|
713
806
|
"WEB": "var(--mat-sys-on-primary-container)"
|
|
714
807
|
},
|
|
715
|
-
"scopes": [
|
|
808
|
+
"scopes": [
|
|
809
|
+
"ALL_FILLS"
|
|
810
|
+
]
|
|
716
811
|
},
|
|
717
812
|
{
|
|
718
813
|
"name": "page-colors/semantic/on-primary-fixed",
|
|
@@ -727,7 +822,9 @@
|
|
|
727
822
|
"codeSyntax": {
|
|
728
823
|
"WEB": "var(--mat-sys-on-primary-fixed)"
|
|
729
824
|
},
|
|
730
|
-
"scopes": [
|
|
825
|
+
"scopes": [
|
|
826
|
+
"ALL_FILLS"
|
|
827
|
+
]
|
|
731
828
|
},
|
|
732
829
|
{
|
|
733
830
|
"name": "page-colors/semantic/on-primary-fixed-variant",
|
|
@@ -742,7 +839,9 @@
|
|
|
742
839
|
"codeSyntax": {
|
|
743
840
|
"WEB": "var(--mat-sys-on-primary-fixed-variant)"
|
|
744
841
|
},
|
|
745
|
-
"scopes": [
|
|
842
|
+
"scopes": [
|
|
843
|
+
"ALL_FILLS"
|
|
844
|
+
]
|
|
746
845
|
},
|
|
747
846
|
{
|
|
748
847
|
"name": "page-colors/semantic/on-secondary",
|
|
@@ -757,7 +856,9 @@
|
|
|
757
856
|
"codeSyntax": {
|
|
758
857
|
"WEB": "var(--mat-sys-on-secondary)"
|
|
759
858
|
},
|
|
760
|
-
"scopes": [
|
|
859
|
+
"scopes": [
|
|
860
|
+
"ALL_FILLS"
|
|
861
|
+
]
|
|
761
862
|
},
|
|
762
863
|
{
|
|
763
864
|
"name": "page-colors/semantic/on-secondary-container",
|
|
@@ -772,7 +873,9 @@
|
|
|
772
873
|
"codeSyntax": {
|
|
773
874
|
"WEB": "var(--mat-sys-on-secondary-container)"
|
|
774
875
|
},
|
|
775
|
-
"scopes": [
|
|
876
|
+
"scopes": [
|
|
877
|
+
"ALL_FILLS"
|
|
878
|
+
]
|
|
776
879
|
},
|
|
777
880
|
{
|
|
778
881
|
"name": "page-colors/semantic/on-secondary-fixed",
|
|
@@ -787,7 +890,9 @@
|
|
|
787
890
|
"codeSyntax": {
|
|
788
891
|
"WEB": "var(--mat-sys-on-secondary-fixed)"
|
|
789
892
|
},
|
|
790
|
-
"scopes": [
|
|
893
|
+
"scopes": [
|
|
894
|
+
"ALL_FILLS"
|
|
895
|
+
]
|
|
791
896
|
},
|
|
792
897
|
{
|
|
793
898
|
"name": "page-colors/semantic/on-secondary-fixed-variant",
|
|
@@ -802,7 +907,9 @@
|
|
|
802
907
|
"codeSyntax": {
|
|
803
908
|
"WEB": "var(--mat-sys-on-secondary-fixed-variant)"
|
|
804
909
|
},
|
|
805
|
-
"scopes": [
|
|
910
|
+
"scopes": [
|
|
911
|
+
"ALL_FILLS"
|
|
912
|
+
]
|
|
806
913
|
},
|
|
807
914
|
{
|
|
808
915
|
"name": "page-colors/semantic/on-success",
|
|
@@ -811,13 +918,15 @@
|
|
|
811
918
|
"values": {
|
|
812
919
|
"default": "#ffffff"
|
|
813
920
|
},
|
|
814
|
-
"description": "
|
|
815
|
-
"sectionTitle": "
|
|
816
|
-
"sectionDescription": "
|
|
921
|
+
"description": "Tertiary & Tertiary Container are used for standout elements or decorative surfaces. (Source page: \"Colors\")",
|
|
922
|
+
"sectionTitle": "Tertiary & Tertiary container",
|
|
923
|
+
"sectionDescription": "Tertiary & Tertiary Container are used for standout elements or decorative surfaces.",
|
|
817
924
|
"codeSyntax": {
|
|
818
925
|
"WEB": "var(--mat-sys-on-success)"
|
|
819
926
|
},
|
|
820
|
-
"scopes": [
|
|
927
|
+
"scopes": [
|
|
928
|
+
"ALL_FILLS"
|
|
929
|
+
]
|
|
821
930
|
},
|
|
822
931
|
{
|
|
823
932
|
"name": "page-colors/semantic/on-success-container",
|
|
@@ -831,7 +940,9 @@
|
|
|
831
940
|
"codeSyntax": {
|
|
832
941
|
"WEB": "var(--mat-sys-on-success-container)"
|
|
833
942
|
},
|
|
834
|
-
"scopes": [
|
|
943
|
+
"scopes": [
|
|
944
|
+
"ALL_FILLS"
|
|
945
|
+
]
|
|
835
946
|
},
|
|
836
947
|
{
|
|
837
948
|
"name": "page-colors/semantic/on-surface",
|
|
@@ -840,13 +951,15 @@
|
|
|
840
951
|
"values": {
|
|
841
952
|
"default": "#242424"
|
|
842
953
|
},
|
|
843
|
-
"description": "
|
|
844
|
-
"sectionTitle": "On
|
|
845
|
-
"sectionDescription": "
|
|
954
|
+
"description": "Inverse Primary provides a contrasting variant of the primary color, typically used in surfaces that flip the theme context (e.g. dark theme elements in light mode and vice versa). (Source page: \"Colors\")",
|
|
955
|
+
"sectionTitle": "On primary fixed & On primary fixed variant",
|
|
956
|
+
"sectionDescription": "Inverse Primary provides a contrasting variant of the primary color, typically used in surfaces that flip the theme context (e.g. dark theme elements in light mode and vice versa).",
|
|
846
957
|
"codeSyntax": {
|
|
847
958
|
"WEB": "var(--mat-sys-on-surface)"
|
|
848
959
|
},
|
|
849
|
-
"scopes": [
|
|
960
|
+
"scopes": [
|
|
961
|
+
"ALL_FILLS"
|
|
962
|
+
]
|
|
850
963
|
},
|
|
851
964
|
{
|
|
852
965
|
"name": "page-colors/semantic/on-surface-variant",
|
|
@@ -855,13 +968,15 @@
|
|
|
855
968
|
"values": {
|
|
856
969
|
"default": "#47464d"
|
|
857
970
|
},
|
|
858
|
-
"description": "
|
|
859
|
-
"sectionTitle": "On
|
|
860
|
-
"sectionDescription": "
|
|
971
|
+
"description": "Inverse Primary provides a contrasting variant of the primary color, typically used in surfaces that flip the theme context (e.g. dark theme elements in light mode and vice versa). (Source page: \"Colors\")",
|
|
972
|
+
"sectionTitle": "On primary fixed & On primary fixed variant",
|
|
973
|
+
"sectionDescription": "Inverse Primary provides a contrasting variant of the primary color, typically used in surfaces that flip the theme context (e.g. dark theme elements in light mode and vice versa).",
|
|
861
974
|
"codeSyntax": {
|
|
862
975
|
"WEB": "var(--mat-sys-on-surface-variant)"
|
|
863
976
|
},
|
|
864
|
-
"scopes": [
|
|
977
|
+
"scopes": [
|
|
978
|
+
"ALL_FILLS"
|
|
979
|
+
]
|
|
865
980
|
},
|
|
866
981
|
{
|
|
867
982
|
"name": "page-colors/semantic/on-tertiary",
|
|
@@ -876,7 +991,9 @@
|
|
|
876
991
|
"codeSyntax": {
|
|
877
992
|
"WEB": "var(--mat-sys-on-tertiary)"
|
|
878
993
|
},
|
|
879
|
-
"scopes": [
|
|
994
|
+
"scopes": [
|
|
995
|
+
"ALL_FILLS"
|
|
996
|
+
]
|
|
880
997
|
},
|
|
881
998
|
{
|
|
882
999
|
"name": "page-colors/semantic/on-tertiary-container",
|
|
@@ -891,7 +1008,9 @@
|
|
|
891
1008
|
"codeSyntax": {
|
|
892
1009
|
"WEB": "var(--mat-sys-on-tertiary-container)"
|
|
893
1010
|
},
|
|
894
|
-
"scopes": [
|
|
1011
|
+
"scopes": [
|
|
1012
|
+
"ALL_FILLS"
|
|
1013
|
+
]
|
|
895
1014
|
},
|
|
896
1015
|
{
|
|
897
1016
|
"name": "page-colors/semantic/on-tertiary-fixed",
|
|
@@ -900,13 +1019,15 @@
|
|
|
900
1019
|
"values": {
|
|
901
1020
|
"default": "#610047"
|
|
902
1021
|
},
|
|
903
|
-
"description": "On
|
|
904
|
-
"sectionTitle": "On
|
|
905
|
-
"sectionDescription": "On
|
|
1022
|
+
"description": "On Primary & On Primary Container define the color of content that sits on top of primary surfaces to ensure proper contrast. (Source page: \"Colors\")",
|
|
1023
|
+
"sectionTitle": "On primary & On primary container",
|
|
1024
|
+
"sectionDescription": "On Primary & On Primary Container define the color of content that sits on top of primary surfaces to ensure proper contrast.",
|
|
906
1025
|
"codeSyntax": {
|
|
907
1026
|
"WEB": "var(--mat-sys-on-tertiary-fixed)"
|
|
908
1027
|
},
|
|
909
|
-
"scopes": [
|
|
1028
|
+
"scopes": [
|
|
1029
|
+
"ALL_FILLS"
|
|
1030
|
+
]
|
|
910
1031
|
},
|
|
911
1032
|
{
|
|
912
1033
|
"name": "page-colors/semantic/on-tertiary-fixed-variant",
|
|
@@ -921,7 +1042,9 @@
|
|
|
921
1042
|
"codeSyntax": {
|
|
922
1043
|
"WEB": "var(--mat-sys-on-tertiary-fixed-variant)"
|
|
923
1044
|
},
|
|
924
|
-
"scopes": [
|
|
1045
|
+
"scopes": [
|
|
1046
|
+
"ALL_FILLS"
|
|
1047
|
+
]
|
|
925
1048
|
},
|
|
926
1049
|
{
|
|
927
1050
|
"name": "page-colors/semantic/on-warn",
|
|
@@ -935,7 +1058,9 @@
|
|
|
935
1058
|
"codeSyntax": {
|
|
936
1059
|
"WEB": "var(--mat-sys-on-warn)"
|
|
937
1060
|
},
|
|
938
|
-
"scopes": [
|
|
1061
|
+
"scopes": [
|
|
1062
|
+
"ALL_FILLS"
|
|
1063
|
+
]
|
|
939
1064
|
},
|
|
940
1065
|
{
|
|
941
1066
|
"name": "page-colors/semantic/on-warn-container",
|
|
@@ -949,7 +1074,9 @@
|
|
|
949
1074
|
"codeSyntax": {
|
|
950
1075
|
"WEB": "var(--mat-sys-on-warn-container)"
|
|
951
1076
|
},
|
|
952
|
-
"scopes": [
|
|
1077
|
+
"scopes": [
|
|
1078
|
+
"ALL_FILLS"
|
|
1079
|
+
]
|
|
953
1080
|
},
|
|
954
1081
|
{
|
|
955
1082
|
"name": "page-colors/semantic/outline",
|
|
@@ -964,7 +1091,9 @@
|
|
|
964
1091
|
"codeSyntax": {
|
|
965
1092
|
"WEB": "var(--mat-sys-outline)"
|
|
966
1093
|
},
|
|
967
|
-
"scopes": [
|
|
1094
|
+
"scopes": [
|
|
1095
|
+
"ALL_FILLS"
|
|
1096
|
+
]
|
|
968
1097
|
},
|
|
969
1098
|
{
|
|
970
1099
|
"name": "page-colors/semantic/outline-variant",
|
|
@@ -979,7 +1108,9 @@
|
|
|
979
1108
|
"codeSyntax": {
|
|
980
1109
|
"WEB": "var(--mat-sys-outline-variant)"
|
|
981
1110
|
},
|
|
982
|
-
"scopes": [
|
|
1111
|
+
"scopes": [
|
|
1112
|
+
"ALL_FILLS"
|
|
1113
|
+
]
|
|
983
1114
|
},
|
|
984
1115
|
{
|
|
985
1116
|
"name": "page-colors/semantic/primary",
|
|
@@ -994,7 +1125,9 @@
|
|
|
994
1125
|
"codeSyntax": {
|
|
995
1126
|
"WEB": "var(--mat-sys-primary)"
|
|
996
1127
|
},
|
|
997
|
-
"scopes": [
|
|
1128
|
+
"scopes": [
|
|
1129
|
+
"ALL_FILLS"
|
|
1130
|
+
]
|
|
998
1131
|
},
|
|
999
1132
|
{
|
|
1000
1133
|
"name": "page-colors/semantic/primary-container",
|
|
@@ -1008,7 +1141,9 @@
|
|
|
1008
1141
|
"codeSyntax": {
|
|
1009
1142
|
"WEB": "var(--mat-sys-primary-container)"
|
|
1010
1143
|
},
|
|
1011
|
-
"scopes": [
|
|
1144
|
+
"scopes": [
|
|
1145
|
+
"ALL_FILLS"
|
|
1146
|
+
]
|
|
1012
1147
|
},
|
|
1013
1148
|
{
|
|
1014
1149
|
"name": "page-colors/semantic/primary-fixed",
|
|
@@ -1022,7 +1157,9 @@
|
|
|
1022
1157
|
"codeSyntax": {
|
|
1023
1158
|
"WEB": "var(--mat-sys-primary-fixed)"
|
|
1024
1159
|
},
|
|
1025
|
-
"scopes": [
|
|
1160
|
+
"scopes": [
|
|
1161
|
+
"ALL_FILLS"
|
|
1162
|
+
]
|
|
1026
1163
|
},
|
|
1027
1164
|
{
|
|
1028
1165
|
"name": "page-colors/semantic/primary-fixed-dim",
|
|
@@ -1031,13 +1168,15 @@
|
|
|
1031
1168
|
"values": {
|
|
1032
1169
|
"default": "#c6c0ff"
|
|
1033
1170
|
},
|
|
1034
|
-
"description": "Fixed
|
|
1171
|
+
"description": "Primary Fixed & Primary Fixed Dim are used in tonal surfaces that remain consistent regardless of theme (light or dark). (Source page: \"Colors\")",
|
|
1035
1172
|
"sectionTitle": "Primary fixed & Primary fixed dim",
|
|
1036
|
-
"sectionDescription": "Fixed
|
|
1173
|
+
"sectionDescription": "Primary Fixed & Primary Fixed Dim are used in tonal surfaces that remain consistent regardless of theme (light or dark).",
|
|
1037
1174
|
"codeSyntax": {
|
|
1038
1175
|
"WEB": "var(--mat-sys-primary-fixed-dim)"
|
|
1039
1176
|
},
|
|
1040
|
-
"scopes": [
|
|
1177
|
+
"scopes": [
|
|
1178
|
+
"ALL_FILLS"
|
|
1179
|
+
]
|
|
1041
1180
|
},
|
|
1042
1181
|
{
|
|
1043
1182
|
"name": "page-colors/semantic/scrim",
|
|
@@ -1046,13 +1185,14 @@
|
|
|
1046
1185
|
"values": {
|
|
1047
1186
|
"default": "#000000"
|
|
1048
1187
|
},
|
|
1049
|
-
"description": "
|
|
1050
|
-
"sectionTitle": "Secondary
|
|
1051
|
-
"sectionDescription": "Secondary & Secondary Container are used for supportive surfaces and components.",
|
|
1188
|
+
"description": "These are non-interactive overlays used for visual effects or system feedback. (Source page: \"Colors\")",
|
|
1189
|
+
"sectionTitle": "Secondary colors",
|
|
1052
1190
|
"codeSyntax": {
|
|
1053
1191
|
"WEB": "var(--mat-sys-scrim)"
|
|
1054
1192
|
},
|
|
1055
|
-
"scopes": [
|
|
1193
|
+
"scopes": [
|
|
1194
|
+
"ALL_FILLS"
|
|
1195
|
+
]
|
|
1056
1196
|
},
|
|
1057
1197
|
{
|
|
1058
1198
|
"name": "page-colors/semantic/secondary",
|
|
@@ -1066,7 +1206,9 @@
|
|
|
1066
1206
|
"codeSyntax": {
|
|
1067
1207
|
"WEB": "var(--mat-sys-secondary)"
|
|
1068
1208
|
},
|
|
1069
|
-
"scopes": [
|
|
1209
|
+
"scopes": [
|
|
1210
|
+
"ALL_FILLS"
|
|
1211
|
+
]
|
|
1070
1212
|
},
|
|
1071
1213
|
{
|
|
1072
1214
|
"name": "page-colors/semantic/secondary-container",
|
|
@@ -1081,7 +1223,9 @@
|
|
|
1081
1223
|
"codeSyntax": {
|
|
1082
1224
|
"WEB": "var(--mat-sys-secondary-container)"
|
|
1083
1225
|
},
|
|
1084
|
-
"scopes": [
|
|
1226
|
+
"scopes": [
|
|
1227
|
+
"ALL_FILLS"
|
|
1228
|
+
]
|
|
1085
1229
|
},
|
|
1086
1230
|
{
|
|
1087
1231
|
"name": "page-colors/semantic/secondary-fixed",
|
|
@@ -1095,7 +1239,9 @@
|
|
|
1095
1239
|
"codeSyntax": {
|
|
1096
1240
|
"WEB": "var(--mat-sys-secondary-fixed)"
|
|
1097
1241
|
},
|
|
1098
|
-
"scopes": [
|
|
1242
|
+
"scopes": [
|
|
1243
|
+
"ALL_FILLS"
|
|
1244
|
+
]
|
|
1099
1245
|
},
|
|
1100
1246
|
{
|
|
1101
1247
|
"name": "page-colors/semantic/secondary-fixed-dim",
|
|
@@ -1109,7 +1255,9 @@
|
|
|
1109
1255
|
"codeSyntax": {
|
|
1110
1256
|
"WEB": "var(--mat-sys-secondary-fixed-dim)"
|
|
1111
1257
|
},
|
|
1112
|
-
"scopes": [
|
|
1258
|
+
"scopes": [
|
|
1259
|
+
"ALL_FILLS"
|
|
1260
|
+
]
|
|
1113
1261
|
},
|
|
1114
1262
|
{
|
|
1115
1263
|
"name": "page-colors/semantic/shadow",
|
|
@@ -1124,7 +1272,9 @@
|
|
|
1124
1272
|
"codeSyntax": {
|
|
1125
1273
|
"WEB": "var(--mat-sys-shadow)"
|
|
1126
1274
|
},
|
|
1127
|
-
"scopes": [
|
|
1275
|
+
"scopes": [
|
|
1276
|
+
"ALL_FILLS"
|
|
1277
|
+
]
|
|
1128
1278
|
},
|
|
1129
1279
|
{
|
|
1130
1280
|
"name": "page-colors/semantic/success",
|
|
@@ -1138,7 +1288,9 @@
|
|
|
1138
1288
|
"codeSyntax": {
|
|
1139
1289
|
"WEB": "var(--mat-sys-success)"
|
|
1140
1290
|
},
|
|
1141
|
-
"scopes": [
|
|
1291
|
+
"scopes": [
|
|
1292
|
+
"ALL_FILLS"
|
|
1293
|
+
]
|
|
1142
1294
|
},
|
|
1143
1295
|
{
|
|
1144
1296
|
"name": "page-colors/semantic/success-container",
|
|
@@ -1153,7 +1305,9 @@
|
|
|
1153
1305
|
"codeSyntax": {
|
|
1154
1306
|
"WEB": "var(--mat-sys-success-container)"
|
|
1155
1307
|
},
|
|
1156
|
-
"scopes": [
|
|
1308
|
+
"scopes": [
|
|
1309
|
+
"ALL_FILLS"
|
|
1310
|
+
]
|
|
1157
1311
|
},
|
|
1158
1312
|
{
|
|
1159
1313
|
"name": "page-colors/semantic/surface",
|
|
@@ -1162,20 +1316,22 @@
|
|
|
1162
1316
|
"values": {
|
|
1163
1317
|
"default": "#ffffff"
|
|
1164
1318
|
},
|
|
1165
|
-
"description": "Fixed
|
|
1319
|
+
"description": "Primary Fixed & Primary Fixed Dim are used in tonal surfaces that remain consistent regardless of theme (light or dark). (Source page: \"Colors\")",
|
|
1166
1320
|
"sectionTitle": "Primary fixed & Primary fixed dim",
|
|
1167
|
-
"sectionDescription": "Fixed
|
|
1321
|
+
"sectionDescription": "Primary Fixed & Primary Fixed Dim are used in tonal surfaces that remain consistent regardless of theme (light or dark).",
|
|
1168
1322
|
"codeSyntax": {
|
|
1169
1323
|
"WEB": "var(--mat-sys-surface)"
|
|
1170
1324
|
},
|
|
1171
|
-
"scopes": [
|
|
1325
|
+
"scopes": [
|
|
1326
|
+
"ALL_FILLS"
|
|
1327
|
+
]
|
|
1172
1328
|
},
|
|
1173
1329
|
{
|
|
1174
1330
|
"name": "page-colors/semantic/surface-bright",
|
|
1175
1331
|
"collection": "Page Colors (Derived)",
|
|
1176
1332
|
"type": "color",
|
|
1177
1333
|
"values": {
|
|
1178
|
-
"default": "#
|
|
1334
|
+
"default": "#ffffff"
|
|
1179
1335
|
},
|
|
1180
1336
|
"description": "These colors define the background layers of your UI. They provide the base onto which content is placed and help convey elevation, hierarchy, and theme context. (Source page: \"Colors\")",
|
|
1181
1337
|
"sectionTitle": "Surface Colors",
|
|
@@ -1183,7 +1339,9 @@
|
|
|
1183
1339
|
"codeSyntax": {
|
|
1184
1340
|
"WEB": "var(--mat-sys-surface-bright)"
|
|
1185
1341
|
},
|
|
1186
|
-
"scopes": [
|
|
1342
|
+
"scopes": [
|
|
1343
|
+
"ALL_FILLS"
|
|
1344
|
+
]
|
|
1187
1345
|
},
|
|
1188
1346
|
{
|
|
1189
1347
|
"name": "page-colors/semantic/surface-container",
|
|
@@ -1192,13 +1350,15 @@
|
|
|
1192
1350
|
"values": {
|
|
1193
1351
|
"default": "#f3edf7"
|
|
1194
1352
|
},
|
|
1195
|
-
"description": "
|
|
1196
|
-
"sectionTitle": "
|
|
1197
|
-
"sectionDescription": "
|
|
1353
|
+
"description": "These roles are for tonal containers and cards with layered elevation. They help establish visual separation and organization while remaining theme-consistent. (Source page: \"Colors\")",
|
|
1354
|
+
"sectionTitle": "Surface Container Colors",
|
|
1355
|
+
"sectionDescription": "These roles are for tonal containers and cards with layered elevation. They help establish visual separation and organization while remaining theme-consistent.",
|
|
1198
1356
|
"codeSyntax": {
|
|
1199
1357
|
"WEB": "var(--mat-sys-surface-container)"
|
|
1200
1358
|
},
|
|
1201
|
-
"scopes": [
|
|
1359
|
+
"scopes": [
|
|
1360
|
+
"ALL_FILLS"
|
|
1361
|
+
]
|
|
1202
1362
|
},
|
|
1203
1363
|
{
|
|
1204
1364
|
"name": "page-colors/semantic/surface-container-high",
|
|
@@ -1213,7 +1373,9 @@
|
|
|
1213
1373
|
"codeSyntax": {
|
|
1214
1374
|
"WEB": "var(--mat-sys-surface-container-high)"
|
|
1215
1375
|
},
|
|
1216
|
-
"scopes": [
|
|
1376
|
+
"scopes": [
|
|
1377
|
+
"ALL_FILLS"
|
|
1378
|
+
]
|
|
1217
1379
|
},
|
|
1218
1380
|
{
|
|
1219
1381
|
"name": "page-colors/semantic/surface-container-highest",
|
|
@@ -1228,7 +1390,9 @@
|
|
|
1228
1390
|
"codeSyntax": {
|
|
1229
1391
|
"WEB": "var(--mat-sys-surface-container-highest)"
|
|
1230
1392
|
},
|
|
1231
|
-
"scopes": [
|
|
1393
|
+
"scopes": [
|
|
1394
|
+
"ALL_FILLS"
|
|
1395
|
+
]
|
|
1232
1396
|
},
|
|
1233
1397
|
{
|
|
1234
1398
|
"name": "page-colors/semantic/surface-container-low",
|
|
@@ -1243,14 +1407,16 @@
|
|
|
1243
1407
|
"codeSyntax": {
|
|
1244
1408
|
"WEB": "var(--mat-sys-surface-container-low)"
|
|
1245
1409
|
},
|
|
1246
|
-
"scopes": [
|
|
1410
|
+
"scopes": [
|
|
1411
|
+
"ALL_FILLS"
|
|
1412
|
+
]
|
|
1247
1413
|
},
|
|
1248
1414
|
{
|
|
1249
1415
|
"name": "page-colors/semantic/surface-container-lowest",
|
|
1250
1416
|
"collection": "Page Colors (Derived)",
|
|
1251
1417
|
"type": "color",
|
|
1252
1418
|
"values": {
|
|
1253
|
-
"default": "#
|
|
1419
|
+
"default": "#ffffff"
|
|
1254
1420
|
},
|
|
1255
1421
|
"description": "These roles are for tonal containers and cards with layered elevation. They help establish visual separation and organization while remaining theme-consistent. (Source page: \"Colors\")",
|
|
1256
1422
|
"sectionTitle": "Surface Container Colors",
|
|
@@ -1258,7 +1424,9 @@
|
|
|
1258
1424
|
"codeSyntax": {
|
|
1259
1425
|
"WEB": "var(--mat-sys-surface-container-lowest)"
|
|
1260
1426
|
},
|
|
1261
|
-
"scopes": [
|
|
1427
|
+
"scopes": [
|
|
1428
|
+
"ALL_FILLS"
|
|
1429
|
+
]
|
|
1262
1430
|
},
|
|
1263
1431
|
{
|
|
1264
1432
|
"name": "page-colors/semantic/surface-dim",
|
|
@@ -1273,7 +1441,9 @@
|
|
|
1273
1441
|
"codeSyntax": {
|
|
1274
1442
|
"WEB": "var(--mat-sys-surface-dim)"
|
|
1275
1443
|
},
|
|
1276
|
-
"scopes": [
|
|
1444
|
+
"scopes": [
|
|
1445
|
+
"ALL_FILLS"
|
|
1446
|
+
]
|
|
1277
1447
|
},
|
|
1278
1448
|
{
|
|
1279
1449
|
"name": "page-colors/semantic/surface-variant",
|
|
@@ -1282,13 +1452,15 @@
|
|
|
1282
1452
|
"values": {
|
|
1283
1453
|
"default": "#d8d1dc"
|
|
1284
1454
|
},
|
|
1285
|
-
"description": "Fixed
|
|
1455
|
+
"description": "Primary Fixed & Primary Fixed Dim are used in tonal surfaces that remain consistent regardless of theme (light or dark). (Source page: \"Colors\")",
|
|
1286
1456
|
"sectionTitle": "Primary fixed & Primary fixed dim",
|
|
1287
|
-
"sectionDescription": "Fixed
|
|
1457
|
+
"sectionDescription": "Primary Fixed & Primary Fixed Dim are used in tonal surfaces that remain consistent regardless of theme (light or dark).",
|
|
1288
1458
|
"codeSyntax": {
|
|
1289
1459
|
"WEB": "var(--mat-sys-surface-variant)"
|
|
1290
1460
|
},
|
|
1291
|
-
"scopes": [
|
|
1461
|
+
"scopes": [
|
|
1462
|
+
"ALL_FILLS"
|
|
1463
|
+
]
|
|
1292
1464
|
},
|
|
1293
1465
|
{
|
|
1294
1466
|
"name": "page-colors/semantic/tertiary",
|
|
@@ -1302,7 +1474,9 @@
|
|
|
1302
1474
|
"codeSyntax": {
|
|
1303
1475
|
"WEB": "var(--mat-sys-tertiary)"
|
|
1304
1476
|
},
|
|
1305
|
-
"scopes": [
|
|
1477
|
+
"scopes": [
|
|
1478
|
+
"ALL_FILLS"
|
|
1479
|
+
]
|
|
1306
1480
|
},
|
|
1307
1481
|
{
|
|
1308
1482
|
"name": "page-colors/semantic/tertiary-container",
|
|
@@ -1317,7 +1491,9 @@
|
|
|
1317
1491
|
"codeSyntax": {
|
|
1318
1492
|
"WEB": "var(--mat-sys-tertiary-container)"
|
|
1319
1493
|
},
|
|
1320
|
-
"scopes": [
|
|
1494
|
+
"scopes": [
|
|
1495
|
+
"ALL_FILLS"
|
|
1496
|
+
]
|
|
1321
1497
|
},
|
|
1322
1498
|
{
|
|
1323
1499
|
"name": "page-colors/semantic/tertiary-fixed",
|
|
@@ -1326,13 +1502,15 @@
|
|
|
1326
1502
|
"values": {
|
|
1327
1503
|
"default": "#fcedf9"
|
|
1328
1504
|
},
|
|
1329
|
-
"description": "Primary & Primary Container
|
|
1330
|
-
"sectionTitle": "
|
|
1331
|
-
"sectionDescription": "Primary & Primary Container
|
|
1505
|
+
"description": "On Primary & On Primary Container define the color of content that sits on top of primary surfaces to ensure proper contrast. (Source page: \"Colors\")",
|
|
1506
|
+
"sectionTitle": "On primary & On primary container",
|
|
1507
|
+
"sectionDescription": "On Primary & On Primary Container define the color of content that sits on top of primary surfaces to ensure proper contrast.",
|
|
1332
1508
|
"codeSyntax": {
|
|
1333
1509
|
"WEB": "var(--mat-sys-tertiary-fixed)"
|
|
1334
1510
|
},
|
|
1335
|
-
"scopes": [
|
|
1511
|
+
"scopes": [
|
|
1512
|
+
"ALL_FILLS"
|
|
1513
|
+
]
|
|
1336
1514
|
},
|
|
1337
1515
|
{
|
|
1338
1516
|
"name": "page-colors/semantic/tertiary-fixed-dim",
|
|
@@ -1346,7 +1524,9 @@
|
|
|
1346
1524
|
"codeSyntax": {
|
|
1347
1525
|
"WEB": "var(--mat-sys-tertiary-fixed-dim)"
|
|
1348
1526
|
},
|
|
1349
|
-
"scopes": [
|
|
1527
|
+
"scopes": [
|
|
1528
|
+
"ALL_FILLS"
|
|
1529
|
+
]
|
|
1350
1530
|
},
|
|
1351
1531
|
{
|
|
1352
1532
|
"name": "page-colors/semantic/warn",
|
|
@@ -1355,13 +1535,15 @@
|
|
|
1355
1535
|
"values": {
|
|
1356
1536
|
"default": "#c75300"
|
|
1357
1537
|
},
|
|
1358
|
-
"description": "
|
|
1359
|
-
"sectionTitle": "On
|
|
1360
|
-
"sectionDescription": "
|
|
1538
|
+
"description": "On Secondary Fixed & On Secondary Fixed Variant define legible content on fixed surfaces. (Source page: \"Colors\")",
|
|
1539
|
+
"sectionTitle": "On Secondary fixed & On Secondary fixed variant",
|
|
1540
|
+
"sectionDescription": "On Secondary Fixed & On Secondary Fixed Variant define legible content on fixed surfaces.",
|
|
1361
1541
|
"codeSyntax": {
|
|
1362
1542
|
"WEB": "var(--mat-sys-warn)"
|
|
1363
1543
|
},
|
|
1364
|
-
"scopes": [
|
|
1544
|
+
"scopes": [
|
|
1545
|
+
"ALL_FILLS"
|
|
1546
|
+
]
|
|
1365
1547
|
},
|
|
1366
1548
|
{
|
|
1367
1549
|
"name": "page-colors/semantic/warn-container",
|
|
@@ -1376,7 +1558,9 @@
|
|
|
1376
1558
|
"codeSyntax": {
|
|
1377
1559
|
"WEB": "var(--mat-sys-warn-container)"
|
|
1378
1560
|
},
|
|
1379
|
-
"scopes": [
|
|
1561
|
+
"scopes": [
|
|
1562
|
+
"ALL_FILLS"
|
|
1563
|
+
]
|
|
1380
1564
|
},
|
|
1381
1565
|
{
|
|
1382
1566
|
"name": "page-colors/success/100",
|
|
@@ -1385,13 +1569,14 @@
|
|
|
1385
1569
|
"values": {
|
|
1386
1570
|
"default": "#ffffff"
|
|
1387
1571
|
},
|
|
1388
|
-
"description": "
|
|
1389
|
-
"sectionTitle": "
|
|
1390
|
-
"sectionDescription": "On Tertiary & On Tertiary Container ensure contrast and readability.",
|
|
1572
|
+
"description": "Success colors indicate positive outcomes, confirmations, or completed actions. They help reinforce trust, progress, and user satisfaction. (Source page: \"Colors\")",
|
|
1573
|
+
"sectionTitle": "Used for content on top of success-related surfaces.",
|
|
1391
1574
|
"codeSyntax": {
|
|
1392
1575
|
"SASS": "map.get($onemrva-palette, 'success', 100)"
|
|
1393
1576
|
},
|
|
1394
|
-
"scopes": [
|
|
1577
|
+
"scopes": [
|
|
1578
|
+
"ALL_FILLS"
|
|
1579
|
+
]
|
|
1395
1580
|
},
|
|
1396
1581
|
{
|
|
1397
1582
|
"name": "page-colors/success/30",
|
|
@@ -1405,7 +1590,9 @@
|
|
|
1405
1590
|
"codeSyntax": {
|
|
1406
1591
|
"SASS": "map.get($onemrva-palette, 'success', 30)"
|
|
1407
1592
|
},
|
|
1408
|
-
"scopes": [
|
|
1593
|
+
"scopes": [
|
|
1594
|
+
"ALL_FILLS"
|
|
1595
|
+
]
|
|
1409
1596
|
},
|
|
1410
1597
|
{
|
|
1411
1598
|
"name": "page-colors/success/40",
|
|
@@ -1414,13 +1601,15 @@
|
|
|
1414
1601
|
"values": {
|
|
1415
1602
|
"default": "#328154"
|
|
1416
1603
|
},
|
|
1417
|
-
"description": "
|
|
1418
|
-
"sectionTitle": "
|
|
1419
|
-
"sectionDescription": "
|
|
1604
|
+
"description": "These semantic colors communicate state, action results, and system feedback. Use Error, Info, Warning, and Success to guide users through interactions clearly and accessibly, ensuring quick recognition and intuitive understanding of messages and alerts. (Source page: \"Colors\")",
|
|
1605
|
+
"sectionTitle": "Status & Feedback Colors",
|
|
1606
|
+
"sectionDescription": "These semantic colors communicate state, action results, and system feedback. Use Error, Info, Warning, and Success to guide users through interactions clearly and accessibly, ensuring quick recognition and intuitive understanding of messages and alerts.",
|
|
1420
1607
|
"codeSyntax": {
|
|
1421
1608
|
"SASS": "map.get($onemrva-palette, 'success', 40)"
|
|
1422
1609
|
},
|
|
1423
|
-
"scopes": [
|
|
1610
|
+
"scopes": [
|
|
1611
|
+
"ALL_FILLS"
|
|
1612
|
+
]
|
|
1424
1613
|
},
|
|
1425
1614
|
{
|
|
1426
1615
|
"name": "page-colors/success/90",
|
|
@@ -1435,7 +1624,9 @@
|
|
|
1435
1624
|
"codeSyntax": {
|
|
1436
1625
|
"SASS": "map.get($onemrva-palette, 'success', 90)"
|
|
1437
1626
|
},
|
|
1438
|
-
"scopes": [
|
|
1627
|
+
"scopes": [
|
|
1628
|
+
"ALL_FILLS"
|
|
1629
|
+
]
|
|
1439
1630
|
},
|
|
1440
1631
|
{
|
|
1441
1632
|
"name": "page-colors/tertiary/10",
|
|
@@ -1450,7 +1641,9 @@
|
|
|
1450
1641
|
"codeSyntax": {
|
|
1451
1642
|
"SASS": "map.get($onemrva-palette, 'tertiary', 10)"
|
|
1452
1643
|
},
|
|
1453
|
-
"scopes": [
|
|
1644
|
+
"scopes": [
|
|
1645
|
+
"ALL_FILLS"
|
|
1646
|
+
]
|
|
1454
1647
|
},
|
|
1455
1648
|
{
|
|
1456
1649
|
"name": "page-colors/tertiary/100",
|
|
@@ -1465,7 +1658,9 @@
|
|
|
1465
1658
|
"codeSyntax": {
|
|
1466
1659
|
"SASS": "map.get($onemrva-palette, 'tertiary', 100)"
|
|
1467
1660
|
},
|
|
1468
|
-
"scopes": [
|
|
1661
|
+
"scopes": [
|
|
1662
|
+
"ALL_FILLS"
|
|
1663
|
+
]
|
|
1469
1664
|
},
|
|
1470
1665
|
{
|
|
1471
1666
|
"name": "page-colors/tertiary/30",
|
|
@@ -1480,7 +1675,9 @@
|
|
|
1480
1675
|
"codeSyntax": {
|
|
1481
1676
|
"SASS": "map.get($onemrva-palette, 'tertiary', 30)"
|
|
1482
1677
|
},
|
|
1483
|
-
"scopes": [
|
|
1678
|
+
"scopes": [
|
|
1679
|
+
"ALL_FILLS"
|
|
1680
|
+
]
|
|
1484
1681
|
},
|
|
1485
1682
|
{
|
|
1486
1683
|
"name": "page-colors/tertiary/40",
|
|
@@ -1494,7 +1691,9 @@
|
|
|
1494
1691
|
"codeSyntax": {
|
|
1495
1692
|
"SASS": "map.get($onemrva-palette, 'tertiary', 40)"
|
|
1496
1693
|
},
|
|
1497
|
-
"scopes": [
|
|
1694
|
+
"scopes": [
|
|
1695
|
+
"ALL_FILLS"
|
|
1696
|
+
]
|
|
1498
1697
|
},
|
|
1499
1698
|
{
|
|
1500
1699
|
"name": "page-colors/tertiary/80",
|
|
@@ -1508,7 +1707,9 @@
|
|
|
1508
1707
|
"codeSyntax": {
|
|
1509
1708
|
"SASS": "map.get($onemrva-palette, 'tertiary', 80)"
|
|
1510
1709
|
},
|
|
1511
|
-
"scopes": [
|
|
1710
|
+
"scopes": [
|
|
1711
|
+
"ALL_FILLS"
|
|
1712
|
+
]
|
|
1512
1713
|
},
|
|
1513
1714
|
{
|
|
1514
1715
|
"name": "page-colors/tertiary/90",
|
|
@@ -1523,7 +1724,9 @@
|
|
|
1523
1724
|
"codeSyntax": {
|
|
1524
1725
|
"SASS": "map.get($onemrva-palette, 'tertiary', 90)"
|
|
1525
1726
|
},
|
|
1526
|
-
"scopes": [
|
|
1727
|
+
"scopes": [
|
|
1728
|
+
"ALL_FILLS"
|
|
1729
|
+
]
|
|
1527
1730
|
},
|
|
1528
1731
|
{
|
|
1529
1732
|
"name": "page-colors/warn/100",
|
|
@@ -1537,7 +1740,9 @@
|
|
|
1537
1740
|
"codeSyntax": {
|
|
1538
1741
|
"SASS": "map.get($onemrva-palette, 'warn', 100)"
|
|
1539
1742
|
},
|
|
1540
|
-
"scopes": [
|
|
1743
|
+
"scopes": [
|
|
1744
|
+
"ALL_FILLS"
|
|
1745
|
+
]
|
|
1541
1746
|
},
|
|
1542
1747
|
{
|
|
1543
1748
|
"name": "page-colors/warn/30",
|
|
@@ -1551,7 +1756,9 @@
|
|
|
1551
1756
|
"codeSyntax": {
|
|
1552
1757
|
"SASS": "map.get($onemrva-palette, 'warn', 30)"
|
|
1553
1758
|
},
|
|
1554
|
-
"scopes": [
|
|
1759
|
+
"scopes": [
|
|
1760
|
+
"ALL_FILLS"
|
|
1761
|
+
]
|
|
1555
1762
|
},
|
|
1556
1763
|
{
|
|
1557
1764
|
"name": "page-colors/warn/40",
|
|
@@ -1560,13 +1767,15 @@
|
|
|
1560
1767
|
"values": {
|
|
1561
1768
|
"default": "#c75300"
|
|
1562
1769
|
},
|
|
1563
|
-
"description": "
|
|
1770
|
+
"description": "These semantic colors communicate state, action results, and system feedback. Use Error, Info, Warning, and Success to guide users through interactions clearly and accessibly, ensuring quick recognition and intuitive understanding of messages and alerts. (Source page: \"Colors\")",
|
|
1564
1771
|
"sectionTitle": "Status & Feedback Colors",
|
|
1565
|
-
"sectionDescription": "
|
|
1772
|
+
"sectionDescription": "These semantic colors communicate state, action results, and system feedback. Use Error, Info, Warning, and Success to guide users through interactions clearly and accessibly, ensuring quick recognition and intuitive understanding of messages and alerts.",
|
|
1566
1773
|
"codeSyntax": {
|
|
1567
1774
|
"SASS": "map.get($onemrva-palette, 'warn', 40)"
|
|
1568
1775
|
},
|
|
1569
|
-
"scopes": [
|
|
1776
|
+
"scopes": [
|
|
1777
|
+
"ALL_FILLS"
|
|
1778
|
+
]
|
|
1570
1779
|
},
|
|
1571
1780
|
{
|
|
1572
1781
|
"name": "page-colors/warn/90",
|
|
@@ -1581,6 +1790,8 @@
|
|
|
1581
1790
|
"codeSyntax": {
|
|
1582
1791
|
"SASS": "map.get($onemrva-palette, 'warn', 90)"
|
|
1583
1792
|
},
|
|
1584
|
-
"scopes": [
|
|
1793
|
+
"scopes": [
|
|
1794
|
+
"ALL_FILLS"
|
|
1795
|
+
]
|
|
1585
1796
|
}
|
|
1586
|
-
]
|
|
1797
|
+
]
|