@dereekb/dbx-components-mcp 13.19.0 → 13.21.0
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.
|
@@ -35,6 +35,33 @@
|
|
|
35
35
|
"light": "var(--mat-sys-on-tertiary)"
|
|
36
36
|
}
|
|
37
37
|
},
|
|
38
|
+
{
|
|
39
|
+
"cssVariable": "--dbx-anchor-list-item-active-color",
|
|
40
|
+
"source": "dbx-web",
|
|
41
|
+
"role": "color",
|
|
42
|
+
"intents": [
|
|
43
|
+
"anchor list item active color"
|
|
44
|
+
],
|
|
45
|
+
"description": "Component-scoped token (`anchorlist`) declared in `packages/dbx-web/src/lib/router/layout/anchorlist/_anchorlist.scss`. Add a sassdoc `///` block above the declaration for richer guidance.",
|
|
46
|
+
"defaults": {
|
|
47
|
+
"light": "var(--dbx-list-item-active-color, var(--dbx-anchor-list-item-selected-color))"
|
|
48
|
+
},
|
|
49
|
+
"componentScope": "anchorlist"
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
"cssVariable": "--dbx-anchor-list-item-active-on-color",
|
|
53
|
+
"source": "dbx-web",
|
|
54
|
+
"role": "text-color",
|
|
55
|
+
"intents": [
|
|
56
|
+
"anchor list item active on color",
|
|
57
|
+
"anchor list item active on color text"
|
|
58
|
+
],
|
|
59
|
+
"description": "Component-scoped token (`anchorlist`) declared in `packages/dbx-web/src/lib/router/layout/anchorlist/_anchorlist.scss`. Add a sassdoc `///` block above the declaration for richer guidance.",
|
|
60
|
+
"defaults": {
|
|
61
|
+
"light": "var(--dbx-list-item-active-on-color, var(--dbx-anchor-list-item-selected-on-color))"
|
|
62
|
+
},
|
|
63
|
+
"componentScope": "anchorlist"
|
|
64
|
+
},
|
|
38
65
|
{
|
|
39
66
|
"cssVariable": "--dbx-anchor-list-item-border-radius",
|
|
40
67
|
"source": "dbx-web",
|
|
@@ -49,6 +76,19 @@
|
|
|
49
76
|
},
|
|
50
77
|
"componentScope": "list"
|
|
51
78
|
},
|
|
79
|
+
{
|
|
80
|
+
"cssVariable": "--dbx-anchor-list-item-child-background",
|
|
81
|
+
"source": "dbx-web",
|
|
82
|
+
"role": "misc",
|
|
83
|
+
"intents": [
|
|
84
|
+
"anchor list item child background"
|
|
85
|
+
],
|
|
86
|
+
"description": "Component-scoped token (`sidenav`) declared in `packages/dbx-web/src/lib/router/layout/sidenav/_sidenav.scss`. Add a sassdoc `///` block above the declaration for richer guidance.",
|
|
87
|
+
"defaults": {
|
|
88
|
+
"light": "transparent"
|
|
89
|
+
},
|
|
90
|
+
"componentScope": "sidenav"
|
|
91
|
+
},
|
|
52
92
|
{
|
|
53
93
|
"cssVariable": "--dbx-anchor-list-item-child-list-item-icon-size",
|
|
54
94
|
"source": "dbx-web",
|
|
@@ -75,6 +115,33 @@
|
|
|
75
115
|
},
|
|
76
116
|
"componentScope": "anchorlist"
|
|
77
117
|
},
|
|
118
|
+
{
|
|
119
|
+
"cssVariable": "--dbx-anchor-list-item-selected-color",
|
|
120
|
+
"source": "dbx-web",
|
|
121
|
+
"role": "color",
|
|
122
|
+
"intents": [
|
|
123
|
+
"anchor list item selected color"
|
|
124
|
+
],
|
|
125
|
+
"description": "Component-scoped token (`anchorlist`) declared in `packages/dbx-web/src/lib/router/layout/anchorlist/_anchorlist.scss`. Add a sassdoc `///` block above the declaration for richer guidance.",
|
|
126
|
+
"defaults": {
|
|
127
|
+
"light": "var(--dbx-list-item-selected-color, var(--mat-sys-primary-container))"
|
|
128
|
+
},
|
|
129
|
+
"componentScope": "anchorlist"
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
"cssVariable": "--dbx-anchor-list-item-selected-on-color",
|
|
133
|
+
"source": "dbx-web",
|
|
134
|
+
"role": "text-color",
|
|
135
|
+
"intents": [
|
|
136
|
+
"anchor list item selected on color",
|
|
137
|
+
"anchor list item selected on color text"
|
|
138
|
+
],
|
|
139
|
+
"description": "Component-scoped token (`anchorlist`) declared in `packages/dbx-web/src/lib/router/layout/anchorlist/_anchorlist.scss`. Add a sassdoc `///` block above the declaration for richer guidance.",
|
|
140
|
+
"defaults": {
|
|
141
|
+
"light": "var(--dbx-list-item-selected-on-color, var(--mat-sys-on-primary-container))"
|
|
142
|
+
},
|
|
143
|
+
"componentScope": "anchorlist"
|
|
144
|
+
},
|
|
78
145
|
{
|
|
79
146
|
"cssVariable": "--dbx-app-height",
|
|
80
147
|
"scssVariable": "$dbx-app-height-var",
|
|
@@ -198,29 +265,64 @@
|
|
|
198
265
|
},
|
|
199
266
|
{
|
|
200
267
|
"cssVariable": "--dbx-border-color",
|
|
268
|
+
"scssVariable": "$dbx-border-color-var",
|
|
201
269
|
"source": "dbx-web",
|
|
202
270
|
"role": "color",
|
|
203
271
|
"intents": [
|
|
204
|
-
"border color"
|
|
272
|
+
"border base color",
|
|
273
|
+
"divider base color",
|
|
274
|
+
"outline base color"
|
|
205
275
|
],
|
|
206
|
-
"description": "
|
|
276
|
+
"description": "Base border color for the shared semi-transparent border system. Defaults to `--mat-sys-outline-variant` (the M3 divider color). Blended with `--dbx-border-opacity` to produce `--dbx-border-color-current`.",
|
|
207
277
|
"defaults": {
|
|
208
278
|
"light": "var(--mat-sys-outline-variant)"
|
|
209
279
|
},
|
|
210
|
-
"
|
|
280
|
+
"seeAlso": [
|
|
281
|
+
"--mat-sys-outline-variant",
|
|
282
|
+
"--dbx-border-opacity",
|
|
283
|
+
"--dbx-border-color-current"
|
|
284
|
+
]
|
|
285
|
+
},
|
|
286
|
+
{
|
|
287
|
+
"cssVariable": "--dbx-border-color-current",
|
|
288
|
+
"scssVariable": "$dbx-border-color-current-var",
|
|
289
|
+
"source": "dbx-web",
|
|
290
|
+
"role": "color",
|
|
291
|
+
"intents": [
|
|
292
|
+
"border color",
|
|
293
|
+
"divider color",
|
|
294
|
+
"semi-transparent border color",
|
|
295
|
+
"computed border color"
|
|
296
|
+
],
|
|
297
|
+
"description": "Effective, semi-transparent border color — a `color-mix` of `--dbx-border-color` at `--dbx-border-opacity`. Apply this directly to `border` / `border-top` / `border-bottom`. Overriding either input token (globally or on a local scope) recomputes this automatically.",
|
|
298
|
+
"defaults": {
|
|
299
|
+
"light": "color-mix(in srgb, var(--dbx-border-color) var(--dbx-border-opacity), transparent)"
|
|
300
|
+
},
|
|
301
|
+
"antiUseNotes": "Don't hardcode `border: 1px solid rgba(0,0,0,0.1)`; use this token so the color and opacity stay themeable.",
|
|
302
|
+
"seeAlso": [
|
|
303
|
+
"--dbx-border-color",
|
|
304
|
+
"--dbx-border-opacity"
|
|
305
|
+
]
|
|
211
306
|
},
|
|
212
307
|
{
|
|
213
308
|
"cssVariable": "--dbx-border-opacity",
|
|
309
|
+
"scssVariable": "$dbx-border-opacity-var",
|
|
214
310
|
"source": "dbx-web",
|
|
215
311
|
"role": "misc",
|
|
216
312
|
"intents": [
|
|
217
|
-
"border opacity"
|
|
313
|
+
"border opacity",
|
|
314
|
+
"divider transparency",
|
|
315
|
+
"border alpha",
|
|
316
|
+
"semi-transparent border opacity"
|
|
218
317
|
],
|
|
219
|
-
"description": "
|
|
318
|
+
"description": "Opacity applied to `--dbx-border-color` when computing the effective border color. A percentage (e.g. `70%`). Lower it for a fainter border, raise it toward `100%` for a solid divider.",
|
|
220
319
|
"defaults": {
|
|
221
|
-
"light": "
|
|
320
|
+
"light": "60%"
|
|
222
321
|
},
|
|
223
|
-
"
|
|
322
|
+
"seeAlso": [
|
|
323
|
+
"--dbx-border-color",
|
|
324
|
+
"--dbx-border-color-current"
|
|
325
|
+
]
|
|
224
326
|
},
|
|
225
327
|
{
|
|
226
328
|
"cssVariable": "--dbx-bottom-banner-height",
|
|
@@ -288,6 +390,58 @@
|
|
|
288
390
|
},
|
|
289
391
|
"componentScope": "button"
|
|
290
392
|
},
|
|
393
|
+
{
|
|
394
|
+
"cssVariable": "--dbx-calendar-active-day-color",
|
|
395
|
+
"source": "dbx-web",
|
|
396
|
+
"role": "color",
|
|
397
|
+
"intents": [
|
|
398
|
+
"calendar active day color"
|
|
399
|
+
],
|
|
400
|
+
"description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--dbx-primary-color)`.",
|
|
401
|
+
"defaults": {
|
|
402
|
+
"light": "var(--dbx-primary-color)"
|
|
403
|
+
},
|
|
404
|
+
"componentScope": "calendar"
|
|
405
|
+
},
|
|
406
|
+
{
|
|
407
|
+
"cssVariable": "--dbx-calendar-active-day-tone",
|
|
408
|
+
"source": "dbx-web",
|
|
409
|
+
"role": "misc",
|
|
410
|
+
"intents": [
|
|
411
|
+
"calendar active day tone"
|
|
412
|
+
],
|
|
413
|
+
"description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `30%`.",
|
|
414
|
+
"defaults": {
|
|
415
|
+
"light": "30%"
|
|
416
|
+
},
|
|
417
|
+
"componentScope": "calendar"
|
|
418
|
+
},
|
|
419
|
+
{
|
|
420
|
+
"cssVariable": "--dbx-calendar-border-color",
|
|
421
|
+
"source": "dbx-web",
|
|
422
|
+
"role": "color",
|
|
423
|
+
"intents": [
|
|
424
|
+
"calendar border color"
|
|
425
|
+
],
|
|
426
|
+
"description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--dbx-divider-color)`.",
|
|
427
|
+
"defaults": {
|
|
428
|
+
"light": "var(--dbx-divider-color)"
|
|
429
|
+
},
|
|
430
|
+
"componentScope": "calendar"
|
|
431
|
+
},
|
|
432
|
+
{
|
|
433
|
+
"cssVariable": "--dbx-calendar-border-tone",
|
|
434
|
+
"source": "dbx-web",
|
|
435
|
+
"role": "misc",
|
|
436
|
+
"intents": [
|
|
437
|
+
"calendar border tone"
|
|
438
|
+
],
|
|
439
|
+
"description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `100%`.",
|
|
440
|
+
"defaults": {
|
|
441
|
+
"light": "100%"
|
|
442
|
+
},
|
|
443
|
+
"componentScope": "calendar"
|
|
444
|
+
},
|
|
291
445
|
{
|
|
292
446
|
"cssVariable": "--dbx-calendar-day-badge-container-shape",
|
|
293
447
|
"source": "dbx-web",
|
|
@@ -301,6 +455,162 @@
|
|
|
301
455
|
},
|
|
302
456
|
"componentScope": "calendar-month-view"
|
|
303
457
|
},
|
|
458
|
+
{
|
|
459
|
+
"cssVariable": "--dbx-calendar-highlight-color",
|
|
460
|
+
"source": "dbx-web",
|
|
461
|
+
"role": "color",
|
|
462
|
+
"intents": [
|
|
463
|
+
"calendar highlight color"
|
|
464
|
+
],
|
|
465
|
+
"description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--dbx-accent-color)`.",
|
|
466
|
+
"defaults": {
|
|
467
|
+
"light": "var(--dbx-accent-color)"
|
|
468
|
+
},
|
|
469
|
+
"componentScope": "calendar"
|
|
470
|
+
},
|
|
471
|
+
{
|
|
472
|
+
"cssVariable": "--dbx-calendar-highlight-tone",
|
|
473
|
+
"source": "dbx-web",
|
|
474
|
+
"role": "misc",
|
|
475
|
+
"intents": [
|
|
476
|
+
"calendar highlight tone"
|
|
477
|
+
],
|
|
478
|
+
"description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `30%`.",
|
|
479
|
+
"defaults": {
|
|
480
|
+
"light": "30%"
|
|
481
|
+
},
|
|
482
|
+
"componentScope": "calendar"
|
|
483
|
+
},
|
|
484
|
+
{
|
|
485
|
+
"cssVariable": "--dbx-calendar-hover-color",
|
|
486
|
+
"source": "dbx-web",
|
|
487
|
+
"role": "color",
|
|
488
|
+
"intents": [
|
|
489
|
+
"calendar hover color"
|
|
490
|
+
],
|
|
491
|
+
"description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--mat-sys-on-surface)`.",
|
|
492
|
+
"defaults": {
|
|
493
|
+
"light": "var(--mat-sys-on-surface)"
|
|
494
|
+
},
|
|
495
|
+
"componentScope": "calendar"
|
|
496
|
+
},
|
|
497
|
+
{
|
|
498
|
+
"cssVariable": "--dbx-calendar-hover-tone",
|
|
499
|
+
"source": "dbx-web",
|
|
500
|
+
"role": "misc",
|
|
501
|
+
"intents": [
|
|
502
|
+
"calendar hover tone"
|
|
503
|
+
],
|
|
504
|
+
"description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `4%`.",
|
|
505
|
+
"defaults": {
|
|
506
|
+
"light": "4%"
|
|
507
|
+
},
|
|
508
|
+
"componentScope": "calendar"
|
|
509
|
+
},
|
|
510
|
+
{
|
|
511
|
+
"cssVariable": "--dbx-calendar-not-applicable-color",
|
|
512
|
+
"source": "dbx-web",
|
|
513
|
+
"role": "color",
|
|
514
|
+
"intents": [
|
|
515
|
+
"calendar not applicable color"
|
|
516
|
+
],
|
|
517
|
+
"description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--mat-sys-on-surface)`.",
|
|
518
|
+
"defaults": {
|
|
519
|
+
"light": "var(--mat-sys-on-surface)"
|
|
520
|
+
},
|
|
521
|
+
"componentScope": "calendar"
|
|
522
|
+
},
|
|
523
|
+
{
|
|
524
|
+
"cssVariable": "--dbx-calendar-not-applicable-tone",
|
|
525
|
+
"source": "dbx-web",
|
|
526
|
+
"role": "misc",
|
|
527
|
+
"intents": [
|
|
528
|
+
"calendar not applicable tone"
|
|
529
|
+
],
|
|
530
|
+
"description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `30%`.",
|
|
531
|
+
"defaults": {
|
|
532
|
+
"light": "30%"
|
|
533
|
+
},
|
|
534
|
+
"componentScope": "calendar"
|
|
535
|
+
},
|
|
536
|
+
{
|
|
537
|
+
"cssVariable": "--dbx-calendar-secondary-color",
|
|
538
|
+
"source": "dbx-web",
|
|
539
|
+
"role": "color",
|
|
540
|
+
"intents": [
|
|
541
|
+
"calendar secondary color"
|
|
542
|
+
],
|
|
543
|
+
"description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--mat-sys-on-surface)`.",
|
|
544
|
+
"defaults": {
|
|
545
|
+
"light": "var(--mat-sys-on-surface)"
|
|
546
|
+
},
|
|
547
|
+
"componentScope": "calendar"
|
|
548
|
+
},
|
|
549
|
+
{
|
|
550
|
+
"cssVariable": "--dbx-calendar-secondary-tone",
|
|
551
|
+
"source": "dbx-web",
|
|
552
|
+
"role": "misc",
|
|
553
|
+
"intents": [
|
|
554
|
+
"calendar secondary tone"
|
|
555
|
+
],
|
|
556
|
+
"description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `4%`.",
|
|
557
|
+
"defaults": {
|
|
558
|
+
"light": "4%"
|
|
559
|
+
},
|
|
560
|
+
"componentScope": "calendar"
|
|
561
|
+
},
|
|
562
|
+
{
|
|
563
|
+
"cssVariable": "--dbx-calendar-selected-day-color",
|
|
564
|
+
"source": "dbx-web",
|
|
565
|
+
"role": "color",
|
|
566
|
+
"intents": [
|
|
567
|
+
"calendar selected day color"
|
|
568
|
+
],
|
|
569
|
+
"description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--dbx-primary-color)`.",
|
|
570
|
+
"defaults": {
|
|
571
|
+
"light": "var(--dbx-primary-color)"
|
|
572
|
+
},
|
|
573
|
+
"componentScope": "calendar"
|
|
574
|
+
},
|
|
575
|
+
{
|
|
576
|
+
"cssVariable": "--dbx-calendar-selected-day-tone",
|
|
577
|
+
"source": "dbx-web",
|
|
578
|
+
"role": "misc",
|
|
579
|
+
"intents": [
|
|
580
|
+
"calendar selected day tone"
|
|
581
|
+
],
|
|
582
|
+
"description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `60%`.",
|
|
583
|
+
"defaults": {
|
|
584
|
+
"light": "60%"
|
|
585
|
+
},
|
|
586
|
+
"componentScope": "calendar"
|
|
587
|
+
},
|
|
588
|
+
{
|
|
589
|
+
"cssVariable": "--dbx-calendar-today-color",
|
|
590
|
+
"source": "dbx-web",
|
|
591
|
+
"role": "color",
|
|
592
|
+
"intents": [
|
|
593
|
+
"calendar today color"
|
|
594
|
+
],
|
|
595
|
+
"description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--mat-sys-on-surface)`.",
|
|
596
|
+
"defaults": {
|
|
597
|
+
"light": "var(--mat-sys-on-surface)"
|
|
598
|
+
},
|
|
599
|
+
"componentScope": "calendar"
|
|
600
|
+
},
|
|
601
|
+
{
|
|
602
|
+
"cssVariable": "--dbx-calendar-today-tone",
|
|
603
|
+
"source": "dbx-web",
|
|
604
|
+
"role": "misc",
|
|
605
|
+
"intents": [
|
|
606
|
+
"calendar today tone"
|
|
607
|
+
],
|
|
608
|
+
"description": "Component-scoped override point (`calendar`) read in `packages/dbx-web/src/lib/extension/calendar/_calendar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `4%`.",
|
|
609
|
+
"defaults": {
|
|
610
|
+
"light": "4%"
|
|
611
|
+
},
|
|
612
|
+
"componentScope": "calendar"
|
|
613
|
+
},
|
|
304
614
|
{
|
|
305
615
|
"cssVariable": "--dbx-card-accent-border-width",
|
|
306
616
|
"source": "dbx-web",
|
|
@@ -466,6 +776,45 @@
|
|
|
466
776
|
},
|
|
467
777
|
"componentScope": "style"
|
|
468
778
|
},
|
|
779
|
+
{
|
|
780
|
+
"cssVariable": "--dbx-content-elevate-bg",
|
|
781
|
+
"source": "dbx-web",
|
|
782
|
+
"role": "misc",
|
|
783
|
+
"intents": [
|
|
784
|
+
"content elevate bg"
|
|
785
|
+
],
|
|
786
|
+
"description": "Component-scoped override point (`content`) read in `packages/dbx-web/src/lib/layout/content/_content.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `color-mix(in srgb, #{theming.$dbx-bg-color} var(--dbx-content-elevate-tone, 8%), var(--mat-sys-surface-bright))`.",
|
|
787
|
+
"defaults": {
|
|
788
|
+
"light": "color-mix(in srgb, #{theming.$dbx-bg-color} var(--dbx-content-elevate-tone, 8%), var(--mat-sys-surface-bright))"
|
|
789
|
+
},
|
|
790
|
+
"componentScope": "content"
|
|
791
|
+
},
|
|
792
|
+
{
|
|
793
|
+
"cssVariable": "--dbx-content-elevate-shadow",
|
|
794
|
+
"source": "dbx-web",
|
|
795
|
+
"role": "shadow",
|
|
796
|
+
"intents": [
|
|
797
|
+
"content elevate shadow"
|
|
798
|
+
],
|
|
799
|
+
"description": "Component-scoped override point (`content`) read in `packages/dbx-web/src/lib/layout/content/_content.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--mat-sys-level1)`.",
|
|
800
|
+
"defaults": {
|
|
801
|
+
"light": "var(--mat-sys-level1)"
|
|
802
|
+
},
|
|
803
|
+
"componentScope": "content"
|
|
804
|
+
},
|
|
805
|
+
{
|
|
806
|
+
"cssVariable": "--dbx-content-elevate-tone",
|
|
807
|
+
"source": "dbx-web",
|
|
808
|
+
"role": "misc",
|
|
809
|
+
"intents": [
|
|
810
|
+
"content elevate tone"
|
|
811
|
+
],
|
|
812
|
+
"description": "Component-scoped override point (`content`) read in `packages/dbx-web/src/lib/layout/content/_content.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `8%`.",
|
|
813
|
+
"defaults": {
|
|
814
|
+
"light": "8%"
|
|
815
|
+
},
|
|
816
|
+
"componentScope": "content"
|
|
817
|
+
},
|
|
469
818
|
{
|
|
470
819
|
"cssVariable": "--dbx-content-headers-count",
|
|
471
820
|
"scssVariable": "$dbx-content-headers-count-var",
|
|
@@ -563,15 +912,28 @@
|
|
|
563
912
|
}
|
|
564
913
|
},
|
|
565
914
|
{
|
|
566
|
-
"cssVariable": "--dbx-content-pit-
|
|
915
|
+
"cssVariable": "--dbx-content-pit-bg",
|
|
567
916
|
"source": "dbx-web",
|
|
568
|
-
"role": "
|
|
917
|
+
"role": "misc",
|
|
569
918
|
"intents": [
|
|
570
|
-
"content pit
|
|
919
|
+
"content pit bg"
|
|
571
920
|
],
|
|
572
|
-
"description": "Component-scoped override point (`content`) read in `packages/dbx-web/src/lib/layout/content/_content.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `
|
|
921
|
+
"description": "Component-scoped override point (`content`) read in `packages/dbx-web/src/lib/layout/content/_content.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `color-mix(in srgb, color-mix(in srgb, #{theming.$dbx-bg-color} var(--dbx-content-pit-tone, 8%), var(--mat-sys-surface-dim)) var(--dbx-content-pit-opacity, 50%), transparent)`.",
|
|
573
922
|
"defaults": {
|
|
574
|
-
"light": "
|
|
923
|
+
"light": "color-mix(in srgb, color-mix(in srgb, #{theming.$dbx-bg-color} var(--dbx-content-pit-tone, 8%), var(--mat-sys-surface-dim)) var(--dbx-content-pit-opacity, 50%), transparent)"
|
|
924
|
+
},
|
|
925
|
+
"componentScope": "content"
|
|
926
|
+
},
|
|
927
|
+
{
|
|
928
|
+
"cssVariable": "--dbx-content-pit-opacity",
|
|
929
|
+
"source": "dbx-web",
|
|
930
|
+
"role": "misc",
|
|
931
|
+
"intents": [
|
|
932
|
+
"content pit opacity"
|
|
933
|
+
],
|
|
934
|
+
"description": "Component-scoped override point (`content`) read in `packages/dbx-web/src/lib/layout/content/_content.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `50%`.",
|
|
935
|
+
"defaults": {
|
|
936
|
+
"light": "50%"
|
|
575
937
|
},
|
|
576
938
|
"componentScope": "content"
|
|
577
939
|
},
|
|
@@ -606,6 +968,19 @@
|
|
|
606
968
|
"light": "140px"
|
|
607
969
|
}
|
|
608
970
|
},
|
|
971
|
+
{
|
|
972
|
+
"cssVariable": "--dbx-content-pit-tone",
|
|
973
|
+
"source": "dbx-web",
|
|
974
|
+
"role": "misc",
|
|
975
|
+
"intents": [
|
|
976
|
+
"content pit tone"
|
|
977
|
+
],
|
|
978
|
+
"description": "Component-scoped override point (`content`) read in `packages/dbx-web/src/lib/layout/content/_content.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `8%`.",
|
|
979
|
+
"defaults": {
|
|
980
|
+
"light": "8%"
|
|
981
|
+
},
|
|
982
|
+
"componentScope": "content"
|
|
983
|
+
},
|
|
609
984
|
{
|
|
610
985
|
"cssVariable": "--dbx-corners-border-radius",
|
|
611
986
|
"scssVariable": "$dbx-corners-border-radius-var",
|
|
@@ -713,6 +1088,26 @@
|
|
|
713
1088
|
"light": "var(--mat-sys-outline)"
|
|
714
1089
|
}
|
|
715
1090
|
},
|
|
1091
|
+
{
|
|
1092
|
+
"cssVariable": "--dbx-divider-color",
|
|
1093
|
+
"scssVariable": "$dbx-divider-color-var",
|
|
1094
|
+
"source": "dbx-web",
|
|
1095
|
+
"role": "color",
|
|
1096
|
+
"intents": [
|
|
1097
|
+
"divider color",
|
|
1098
|
+
"separator color",
|
|
1099
|
+
"shared divider",
|
|
1100
|
+
"component divider color"
|
|
1101
|
+
],
|
|
1102
|
+
"description": "Shared divider color for component dividers/separators (dbx-table-view summary rule, dbx-two-column boundary, dbx-calendar cell borders, etc.). Defaults to `--dbx-border-color-current` so every divider inherits the themeable semi-transparent border by default; override this single token (globally or on a local scope) to retint all dividers at once, or override a component's own divider token to retint just that one.",
|
|
1103
|
+
"defaults": {
|
|
1104
|
+
"light": "var(--dbx-border-color-current)"
|
|
1105
|
+
},
|
|
1106
|
+
"antiUseNotes": "Don't hardcode a per-component divider color; default it to this token so dividers stay consistent and themeable.",
|
|
1107
|
+
"seeAlso": [
|
|
1108
|
+
"--dbx-border-color-current"
|
|
1109
|
+
]
|
|
1110
|
+
},
|
|
716
1111
|
{
|
|
717
1112
|
"cssVariable": "--dbx-dot-size",
|
|
718
1113
|
"source": "dbx-web",
|
|
@@ -893,6 +1288,62 @@
|
|
|
893
1288
|
},
|
|
894
1289
|
"componentScope": "text"
|
|
895
1290
|
},
|
|
1291
|
+
{
|
|
1292
|
+
"cssVariable": "--dbx-list-accordion-view-border-radius",
|
|
1293
|
+
"source": "dbx-web",
|
|
1294
|
+
"role": "radius",
|
|
1295
|
+
"intents": [
|
|
1296
|
+
"list accordion view border radius",
|
|
1297
|
+
"list accordion view border radius radius"
|
|
1298
|
+
],
|
|
1299
|
+
"description": "Component-scoped override point (`list`) read in `packages/dbx-web/src/lib/layout/list/_list.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--mat-sys-corner-medium, 12px)`.",
|
|
1300
|
+
"defaults": {
|
|
1301
|
+
"light": "var(--mat-sys-corner-medium, 12px)"
|
|
1302
|
+
},
|
|
1303
|
+
"componentScope": "list"
|
|
1304
|
+
},
|
|
1305
|
+
{
|
|
1306
|
+
"cssVariable": "--dbx-list-accordion-view-bottom-space",
|
|
1307
|
+
"source": "dbx-web",
|
|
1308
|
+
"role": "spacing",
|
|
1309
|
+
"intents": [
|
|
1310
|
+
"list accordion view bottom space",
|
|
1311
|
+
"list accordion view bottom space spacing"
|
|
1312
|
+
],
|
|
1313
|
+
"description": "Component-scoped override point (`list`) read in `packages/dbx-web/src/lib/layout/list/_list.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--dbx-padding-2)`.",
|
|
1314
|
+
"defaults": {
|
|
1315
|
+
"light": "var(--dbx-padding-2)"
|
|
1316
|
+
},
|
|
1317
|
+
"componentScope": "list"
|
|
1318
|
+
},
|
|
1319
|
+
{
|
|
1320
|
+
"cssVariable": "--dbx-list-accordion-view-margin",
|
|
1321
|
+
"source": "dbx-web",
|
|
1322
|
+
"role": "spacing",
|
|
1323
|
+
"intents": [
|
|
1324
|
+
"list accordion view margin",
|
|
1325
|
+
"list accordion view margin spacing"
|
|
1326
|
+
],
|
|
1327
|
+
"description": "Component-scoped override point (`list`) read in `packages/dbx-web/src/lib/layout/list/_list.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--dbx-padding-1)`.",
|
|
1328
|
+
"defaults": {
|
|
1329
|
+
"light": "var(--dbx-padding-1)"
|
|
1330
|
+
},
|
|
1331
|
+
"componentScope": "list"
|
|
1332
|
+
},
|
|
1333
|
+
{
|
|
1334
|
+
"cssVariable": "--dbx-list-accordion-view-radius-resolved",
|
|
1335
|
+
"source": "dbx-web",
|
|
1336
|
+
"role": "radius",
|
|
1337
|
+
"intents": [
|
|
1338
|
+
"list accordion view radius resolved",
|
|
1339
|
+
"list accordion view radius resolved radius"
|
|
1340
|
+
],
|
|
1341
|
+
"description": "Component-scoped token (`list`) declared in `packages/dbx-web/src/lib/layout/list/_list.scss`. Add a sassdoc `///` block above the declaration for richer guidance.",
|
|
1342
|
+
"defaults": {
|
|
1343
|
+
"light": "var(--dbx-list-accordion-view-border-radius, var(--mat-sys-corner-medium, 12px))"
|
|
1344
|
+
},
|
|
1345
|
+
"componentScope": "list"
|
|
1346
|
+
},
|
|
896
1347
|
{
|
|
897
1348
|
"cssVariable": "--dbx-list-card-items-list-gap",
|
|
898
1349
|
"source": "dbx-web",
|
|
@@ -907,6 +1358,33 @@
|
|
|
907
1358
|
},
|
|
908
1359
|
"componentScope": "list"
|
|
909
1360
|
},
|
|
1361
|
+
{
|
|
1362
|
+
"cssVariable": "--dbx-list-item-active-color",
|
|
1363
|
+
"source": "dbx-web",
|
|
1364
|
+
"role": "color",
|
|
1365
|
+
"intents": [
|
|
1366
|
+
"list item active color"
|
|
1367
|
+
],
|
|
1368
|
+
"description": "Component-scoped token (`list`) declared in `packages/dbx-web/src/lib/layout/list/_list.scss`. Add a sassdoc `///` block above the declaration for richer guidance.",
|
|
1369
|
+
"defaults": {
|
|
1370
|
+
"light": "var(--dbx-list-item-selected-color)"
|
|
1371
|
+
},
|
|
1372
|
+
"componentScope": "list"
|
|
1373
|
+
},
|
|
1374
|
+
{
|
|
1375
|
+
"cssVariable": "--dbx-list-item-active-on-color",
|
|
1376
|
+
"source": "dbx-web",
|
|
1377
|
+
"role": "text-color",
|
|
1378
|
+
"intents": [
|
|
1379
|
+
"list item active on color",
|
|
1380
|
+
"list item active on color text"
|
|
1381
|
+
],
|
|
1382
|
+
"description": "Component-scoped token (`list`) declared in `packages/dbx-web/src/lib/layout/list/_list.scss`. Add a sassdoc `///` block above the declaration for richer guidance.",
|
|
1383
|
+
"defaults": {
|
|
1384
|
+
"light": "var(--dbx-list-item-selected-on-color)"
|
|
1385
|
+
},
|
|
1386
|
+
"componentScope": "list"
|
|
1387
|
+
},
|
|
910
1388
|
{
|
|
911
1389
|
"cssVariable": "--dbx-list-item-border-radius",
|
|
912
1390
|
"source": "dbx-web",
|
|
@@ -948,6 +1426,19 @@
|
|
|
948
1426
|
},
|
|
949
1427
|
"componentScope": "list"
|
|
950
1428
|
},
|
|
1429
|
+
{
|
|
1430
|
+
"cssVariable": "--dbx-list-item-hover-state-layer-opacity",
|
|
1431
|
+
"source": "dbx-web",
|
|
1432
|
+
"role": "misc",
|
|
1433
|
+
"intents": [
|
|
1434
|
+
"list item hover state layer opacity"
|
|
1435
|
+
],
|
|
1436
|
+
"description": "Component-scoped override point (`list`) read in `packages/dbx-web/src/lib/layout/list/_list.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `0.04`.",
|
|
1437
|
+
"defaults": {
|
|
1438
|
+
"light": "0.04"
|
|
1439
|
+
},
|
|
1440
|
+
"componentScope": "list"
|
|
1441
|
+
},
|
|
951
1442
|
{
|
|
952
1443
|
"cssVariable": "--dbx-list-item-padded-min-height",
|
|
953
1444
|
"source": "dbx-web",
|
|
@@ -961,6 +1452,73 @@
|
|
|
961
1452
|
},
|
|
962
1453
|
"componentScope": "list"
|
|
963
1454
|
},
|
|
1455
|
+
{
|
|
1456
|
+
"cssVariable": "--dbx-list-item-radius-resolved",
|
|
1457
|
+
"source": "dbx-web",
|
|
1458
|
+
"role": "radius",
|
|
1459
|
+
"intents": [
|
|
1460
|
+
"list item radius resolved",
|
|
1461
|
+
"list item radius resolved radius"
|
|
1462
|
+
],
|
|
1463
|
+
"description": "Component-scoped token (`list`) declared in `packages/dbx-web/src/lib/layout/list/_list.scss`. Add a sassdoc `///` block above the declaration for richer guidance.",
|
|
1464
|
+
"defaults": {
|
|
1465
|
+
"light": "var(--dbx-list-item-border-radius, var(--mat-sys-corner-medium, 12px))"
|
|
1466
|
+
},
|
|
1467
|
+
"componentScope": "list"
|
|
1468
|
+
},
|
|
1469
|
+
{
|
|
1470
|
+
"cssVariable": "--dbx-list-item-selected-color",
|
|
1471
|
+
"source": "dbx-web",
|
|
1472
|
+
"role": "color",
|
|
1473
|
+
"intents": [
|
|
1474
|
+
"list item selected color"
|
|
1475
|
+
],
|
|
1476
|
+
"description": "Component-scoped token (`list`) declared in `packages/dbx-web/src/lib/layout/list/_list.scss`. Add a sassdoc `///` block above the declaration for richer guidance.",
|
|
1477
|
+
"defaults": {
|
|
1478
|
+
"light": "var(--mat-sys-primary-container)"
|
|
1479
|
+
},
|
|
1480
|
+
"componentScope": "list"
|
|
1481
|
+
},
|
|
1482
|
+
{
|
|
1483
|
+
"cssVariable": "--dbx-list-item-selected-on-color",
|
|
1484
|
+
"source": "dbx-web",
|
|
1485
|
+
"role": "text-color",
|
|
1486
|
+
"intents": [
|
|
1487
|
+
"list item selected on color",
|
|
1488
|
+
"list item selected on color text"
|
|
1489
|
+
],
|
|
1490
|
+
"description": "Component-scoped token (`list`) declared in `packages/dbx-web/src/lib/layout/list/_list.scss`. Add a sassdoc `///` block above the declaration for richer guidance.",
|
|
1491
|
+
"defaults": {
|
|
1492
|
+
"light": "var(--mat-sys-on-primary-container)"
|
|
1493
|
+
},
|
|
1494
|
+
"componentScope": "list"
|
|
1495
|
+
},
|
|
1496
|
+
{
|
|
1497
|
+
"cssVariable": "--dbx-list-item-spacing",
|
|
1498
|
+
"source": "dbx-web",
|
|
1499
|
+
"role": "misc",
|
|
1500
|
+
"intents": [
|
|
1501
|
+
"list item spacing"
|
|
1502
|
+
],
|
|
1503
|
+
"description": "Component-scoped token (`list`) declared in `packages/dbx-web/src/lib/layout/list/_list.scss`. Add a sassdoc `///` block above the declaration for richer guidance.",
|
|
1504
|
+
"defaults": {
|
|
1505
|
+
"light": "1px"
|
|
1506
|
+
},
|
|
1507
|
+
"componentScope": "list"
|
|
1508
|
+
},
|
|
1509
|
+
{
|
|
1510
|
+
"cssVariable": "--dbx-list-view-group-header-background",
|
|
1511
|
+
"source": "dbx-web",
|
|
1512
|
+
"role": "misc",
|
|
1513
|
+
"intents": [
|
|
1514
|
+
"list view group header background"
|
|
1515
|
+
],
|
|
1516
|
+
"description": "Component-scoped override point (`list`) read in `packages/dbx-web/src/lib/layout/list/_list.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--mat-sidenav-content-background-color)`.",
|
|
1517
|
+
"defaults": {
|
|
1518
|
+
"light": "var(--mat-sidenav-content-background-color)"
|
|
1519
|
+
},
|
|
1520
|
+
"componentScope": "list"
|
|
1521
|
+
},
|
|
964
1522
|
{
|
|
965
1523
|
"cssVariable": "--dbx-navbar-item-border-radius",
|
|
966
1524
|
"source": "dbx-web",
|
|
@@ -1143,6 +1701,20 @@
|
|
|
1143
1701
|
"--mat-sys-outline-variant"
|
|
1144
1702
|
]
|
|
1145
1703
|
},
|
|
1704
|
+
{
|
|
1705
|
+
"cssVariable": "--dbx-overlay-border-radius",
|
|
1706
|
+
"source": "dbx-web",
|
|
1707
|
+
"role": "radius",
|
|
1708
|
+
"intents": [
|
|
1709
|
+
"overlay border radius",
|
|
1710
|
+
"overlay border radius radius"
|
|
1711
|
+
],
|
|
1712
|
+
"description": "Component-scoped override point (`style`) read in `packages/dbx-web/src/lib/interaction/style/_style.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--mat-sys-corner-medium)`.",
|
|
1713
|
+
"defaults": {
|
|
1714
|
+
"light": "var(--mat-sys-corner-medium)"
|
|
1715
|
+
},
|
|
1716
|
+
"componentScope": "style"
|
|
1717
|
+
},
|
|
1146
1718
|
{
|
|
1147
1719
|
"cssVariable": "--dbx-padding-0",
|
|
1148
1720
|
"scssVariable": "$padding-0-var",
|
|
@@ -1611,6 +2183,20 @@
|
|
|
1611
2183
|
},
|
|
1612
2184
|
"componentScope": "sidenav"
|
|
1613
2185
|
},
|
|
2186
|
+
{
|
|
2187
|
+
"cssVariable": "--dbx-sidenav-bottom-corner-radius",
|
|
2188
|
+
"source": "dbx-web",
|
|
2189
|
+
"role": "radius",
|
|
2190
|
+
"intents": [
|
|
2191
|
+
"sidenav bottom corner radius",
|
|
2192
|
+
"sidenav bottom corner radius radius"
|
|
2193
|
+
],
|
|
2194
|
+
"description": "Component-scoped override point (`sidenav`) read in `packages/dbx-web/src/lib/router/layout/sidenav/_sidenav.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--mat-sys-corner-extra-large, 24px)`.",
|
|
2195
|
+
"defaults": {
|
|
2196
|
+
"light": "var(--mat-sys-corner-extra-large, 24px)"
|
|
2197
|
+
},
|
|
2198
|
+
"componentScope": "sidenav"
|
|
2199
|
+
},
|
|
1614
2200
|
{
|
|
1615
2201
|
"cssVariable": "--dbx-sidenav-divider-color",
|
|
1616
2202
|
"source": "dbx-web",
|
|
@@ -1676,6 +2262,20 @@
|
|
|
1676
2262
|
},
|
|
1677
2263
|
"componentScope": "sidenav"
|
|
1678
2264
|
},
|
|
2265
|
+
{
|
|
2266
|
+
"cssVariable": "--dbx-sidenav-top-corner-radius",
|
|
2267
|
+
"source": "dbx-web",
|
|
2268
|
+
"role": "radius",
|
|
2269
|
+
"intents": [
|
|
2270
|
+
"sidenav top corner radius",
|
|
2271
|
+
"sidenav top corner radius radius"
|
|
2272
|
+
],
|
|
2273
|
+
"description": "Component-scoped override point (`sidenav`) read in `packages/dbx-web/src/lib/router/layout/sidenav/_sidenav.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--mat-sys-corner-extra-large, 24px)`.",
|
|
2274
|
+
"defaults": {
|
|
2275
|
+
"light": "var(--mat-sys-corner-extra-large, 24px)"
|
|
2276
|
+
},
|
|
2277
|
+
"componentScope": "sidenav"
|
|
2278
|
+
},
|
|
1679
2279
|
{
|
|
1680
2280
|
"cssVariable": "--dbx-sidenav-width",
|
|
1681
2281
|
"source": "dbx-web",
|
|
@@ -1947,6 +2547,19 @@
|
|
|
1947
2547
|
"light": "$initial-top-banner-height"
|
|
1948
2548
|
}
|
|
1949
2549
|
},
|
|
2550
|
+
{
|
|
2551
|
+
"cssVariable": "--dbx-two-column-border-top",
|
|
2552
|
+
"source": "dbx-web",
|
|
2553
|
+
"role": "misc",
|
|
2554
|
+
"intents": [
|
|
2555
|
+
"two column border top"
|
|
2556
|
+
],
|
|
2557
|
+
"description": "Component-scoped override point (`column`) read in `packages/dbx-web/src/lib/layout/column/_column.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `1px solid var(--dbx-divider-color)`.",
|
|
2558
|
+
"defaults": {
|
|
2559
|
+
"light": "1px solid var(--dbx-divider-color)"
|
|
2560
|
+
},
|
|
2561
|
+
"componentScope": "column"
|
|
2562
|
+
},
|
|
1950
2563
|
{
|
|
1951
2564
|
"cssVariable": "--dbx-two-column-left-width",
|
|
1952
2565
|
"scssVariable": "$two-column-left-width-var",
|