@dereekb/dbx-components-mcp 13.18.0 → 13.20.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.
|
@@ -198,29 +198,64 @@
|
|
|
198
198
|
},
|
|
199
199
|
{
|
|
200
200
|
"cssVariable": "--dbx-border-color",
|
|
201
|
+
"scssVariable": "$dbx-border-color-var",
|
|
201
202
|
"source": "dbx-web",
|
|
202
203
|
"role": "color",
|
|
203
204
|
"intents": [
|
|
204
|
-
"border color"
|
|
205
|
+
"border base color",
|
|
206
|
+
"divider base color",
|
|
207
|
+
"outline base color"
|
|
205
208
|
],
|
|
206
|
-
"description": "
|
|
209
|
+
"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
210
|
"defaults": {
|
|
208
211
|
"light": "var(--mat-sys-outline-variant)"
|
|
209
212
|
},
|
|
210
|
-
"
|
|
213
|
+
"seeAlso": [
|
|
214
|
+
"--mat-sys-outline-variant",
|
|
215
|
+
"--dbx-border-opacity",
|
|
216
|
+
"--dbx-border-color-current"
|
|
217
|
+
]
|
|
218
|
+
},
|
|
219
|
+
{
|
|
220
|
+
"cssVariable": "--dbx-border-color-current",
|
|
221
|
+
"scssVariable": "$dbx-border-color-current-var",
|
|
222
|
+
"source": "dbx-web",
|
|
223
|
+
"role": "color",
|
|
224
|
+
"intents": [
|
|
225
|
+
"border color",
|
|
226
|
+
"divider color",
|
|
227
|
+
"semi-transparent border color",
|
|
228
|
+
"computed border color"
|
|
229
|
+
],
|
|
230
|
+
"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.",
|
|
231
|
+
"defaults": {
|
|
232
|
+
"light": "color-mix(in srgb, var(--dbx-border-color) var(--dbx-border-opacity), transparent)"
|
|
233
|
+
},
|
|
234
|
+
"antiUseNotes": "Don't hardcode `border: 1px solid rgba(0,0,0,0.1)`; use this token so the color and opacity stay themeable.",
|
|
235
|
+
"seeAlso": [
|
|
236
|
+
"--dbx-border-color",
|
|
237
|
+
"--dbx-border-opacity"
|
|
238
|
+
]
|
|
211
239
|
},
|
|
212
240
|
{
|
|
213
241
|
"cssVariable": "--dbx-border-opacity",
|
|
242
|
+
"scssVariable": "$dbx-border-opacity-var",
|
|
214
243
|
"source": "dbx-web",
|
|
215
244
|
"role": "misc",
|
|
216
245
|
"intents": [
|
|
217
|
-
"border opacity"
|
|
246
|
+
"border opacity",
|
|
247
|
+
"divider transparency",
|
|
248
|
+
"border alpha",
|
|
249
|
+
"semi-transparent border opacity"
|
|
218
250
|
],
|
|
219
|
-
"description": "
|
|
251
|
+
"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
252
|
"defaults": {
|
|
221
|
-
"light": "
|
|
253
|
+
"light": "60%"
|
|
222
254
|
},
|
|
223
|
-
"
|
|
255
|
+
"seeAlso": [
|
|
256
|
+
"--dbx-border-color",
|
|
257
|
+
"--dbx-border-color-current"
|
|
258
|
+
]
|
|
224
259
|
},
|
|
225
260
|
{
|
|
226
261
|
"cssVariable": "--dbx-bottom-banner-height",
|
|
@@ -288,6 +323,58 @@
|
|
|
288
323
|
},
|
|
289
324
|
"componentScope": "button"
|
|
290
325
|
},
|
|
326
|
+
{
|
|
327
|
+
"cssVariable": "--dbx-calendar-active-day-color",
|
|
328
|
+
"source": "dbx-web",
|
|
329
|
+
"role": "color",
|
|
330
|
+
"intents": [
|
|
331
|
+
"calendar active day color"
|
|
332
|
+
],
|
|
333
|
+
"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)`.",
|
|
334
|
+
"defaults": {
|
|
335
|
+
"light": "var(--dbx-primary-color)"
|
|
336
|
+
},
|
|
337
|
+
"componentScope": "calendar"
|
|
338
|
+
},
|
|
339
|
+
{
|
|
340
|
+
"cssVariable": "--dbx-calendar-active-day-tone",
|
|
341
|
+
"source": "dbx-web",
|
|
342
|
+
"role": "misc",
|
|
343
|
+
"intents": [
|
|
344
|
+
"calendar active day tone"
|
|
345
|
+
],
|
|
346
|
+
"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%`.",
|
|
347
|
+
"defaults": {
|
|
348
|
+
"light": "30%"
|
|
349
|
+
},
|
|
350
|
+
"componentScope": "calendar"
|
|
351
|
+
},
|
|
352
|
+
{
|
|
353
|
+
"cssVariable": "--dbx-calendar-border-color",
|
|
354
|
+
"source": "dbx-web",
|
|
355
|
+
"role": "color",
|
|
356
|
+
"intents": [
|
|
357
|
+
"calendar border color"
|
|
358
|
+
],
|
|
359
|
+
"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)`.",
|
|
360
|
+
"defaults": {
|
|
361
|
+
"light": "var(--dbx-divider-color)"
|
|
362
|
+
},
|
|
363
|
+
"componentScope": "calendar"
|
|
364
|
+
},
|
|
365
|
+
{
|
|
366
|
+
"cssVariable": "--dbx-calendar-border-tone",
|
|
367
|
+
"source": "dbx-web",
|
|
368
|
+
"role": "misc",
|
|
369
|
+
"intents": [
|
|
370
|
+
"calendar border tone"
|
|
371
|
+
],
|
|
372
|
+
"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%`.",
|
|
373
|
+
"defaults": {
|
|
374
|
+
"light": "100%"
|
|
375
|
+
},
|
|
376
|
+
"componentScope": "calendar"
|
|
377
|
+
},
|
|
291
378
|
{
|
|
292
379
|
"cssVariable": "--dbx-calendar-day-badge-container-shape",
|
|
293
380
|
"source": "dbx-web",
|
|
@@ -301,6 +388,162 @@
|
|
|
301
388
|
},
|
|
302
389
|
"componentScope": "calendar-month-view"
|
|
303
390
|
},
|
|
391
|
+
{
|
|
392
|
+
"cssVariable": "--dbx-calendar-highlight-color",
|
|
393
|
+
"source": "dbx-web",
|
|
394
|
+
"role": "color",
|
|
395
|
+
"intents": [
|
|
396
|
+
"calendar highlight color"
|
|
397
|
+
],
|
|
398
|
+
"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)`.",
|
|
399
|
+
"defaults": {
|
|
400
|
+
"light": "var(--dbx-accent-color)"
|
|
401
|
+
},
|
|
402
|
+
"componentScope": "calendar"
|
|
403
|
+
},
|
|
404
|
+
{
|
|
405
|
+
"cssVariable": "--dbx-calendar-highlight-tone",
|
|
406
|
+
"source": "dbx-web",
|
|
407
|
+
"role": "misc",
|
|
408
|
+
"intents": [
|
|
409
|
+
"calendar highlight tone"
|
|
410
|
+
],
|
|
411
|
+
"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%`.",
|
|
412
|
+
"defaults": {
|
|
413
|
+
"light": "30%"
|
|
414
|
+
},
|
|
415
|
+
"componentScope": "calendar"
|
|
416
|
+
},
|
|
417
|
+
{
|
|
418
|
+
"cssVariable": "--dbx-calendar-hover-color",
|
|
419
|
+
"source": "dbx-web",
|
|
420
|
+
"role": "color",
|
|
421
|
+
"intents": [
|
|
422
|
+
"calendar hover color"
|
|
423
|
+
],
|
|
424
|
+
"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)`.",
|
|
425
|
+
"defaults": {
|
|
426
|
+
"light": "var(--mat-sys-on-surface)"
|
|
427
|
+
},
|
|
428
|
+
"componentScope": "calendar"
|
|
429
|
+
},
|
|
430
|
+
{
|
|
431
|
+
"cssVariable": "--dbx-calendar-hover-tone",
|
|
432
|
+
"source": "dbx-web",
|
|
433
|
+
"role": "misc",
|
|
434
|
+
"intents": [
|
|
435
|
+
"calendar hover tone"
|
|
436
|
+
],
|
|
437
|
+
"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%`.",
|
|
438
|
+
"defaults": {
|
|
439
|
+
"light": "4%"
|
|
440
|
+
},
|
|
441
|
+
"componentScope": "calendar"
|
|
442
|
+
},
|
|
443
|
+
{
|
|
444
|
+
"cssVariable": "--dbx-calendar-not-applicable-color",
|
|
445
|
+
"source": "dbx-web",
|
|
446
|
+
"role": "color",
|
|
447
|
+
"intents": [
|
|
448
|
+
"calendar not applicable color"
|
|
449
|
+
],
|
|
450
|
+
"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)`.",
|
|
451
|
+
"defaults": {
|
|
452
|
+
"light": "var(--mat-sys-on-surface)"
|
|
453
|
+
},
|
|
454
|
+
"componentScope": "calendar"
|
|
455
|
+
},
|
|
456
|
+
{
|
|
457
|
+
"cssVariable": "--dbx-calendar-not-applicable-tone",
|
|
458
|
+
"source": "dbx-web",
|
|
459
|
+
"role": "misc",
|
|
460
|
+
"intents": [
|
|
461
|
+
"calendar not applicable tone"
|
|
462
|
+
],
|
|
463
|
+
"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%`.",
|
|
464
|
+
"defaults": {
|
|
465
|
+
"light": "30%"
|
|
466
|
+
},
|
|
467
|
+
"componentScope": "calendar"
|
|
468
|
+
},
|
|
469
|
+
{
|
|
470
|
+
"cssVariable": "--dbx-calendar-secondary-color",
|
|
471
|
+
"source": "dbx-web",
|
|
472
|
+
"role": "color",
|
|
473
|
+
"intents": [
|
|
474
|
+
"calendar secondary color"
|
|
475
|
+
],
|
|
476
|
+
"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)`.",
|
|
477
|
+
"defaults": {
|
|
478
|
+
"light": "var(--mat-sys-on-surface)"
|
|
479
|
+
},
|
|
480
|
+
"componentScope": "calendar"
|
|
481
|
+
},
|
|
482
|
+
{
|
|
483
|
+
"cssVariable": "--dbx-calendar-secondary-tone",
|
|
484
|
+
"source": "dbx-web",
|
|
485
|
+
"role": "misc",
|
|
486
|
+
"intents": [
|
|
487
|
+
"calendar secondary tone"
|
|
488
|
+
],
|
|
489
|
+
"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%`.",
|
|
490
|
+
"defaults": {
|
|
491
|
+
"light": "4%"
|
|
492
|
+
},
|
|
493
|
+
"componentScope": "calendar"
|
|
494
|
+
},
|
|
495
|
+
{
|
|
496
|
+
"cssVariable": "--dbx-calendar-selected-day-color",
|
|
497
|
+
"source": "dbx-web",
|
|
498
|
+
"role": "color",
|
|
499
|
+
"intents": [
|
|
500
|
+
"calendar selected day color"
|
|
501
|
+
],
|
|
502
|
+
"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)`.",
|
|
503
|
+
"defaults": {
|
|
504
|
+
"light": "var(--dbx-primary-color)"
|
|
505
|
+
},
|
|
506
|
+
"componentScope": "calendar"
|
|
507
|
+
},
|
|
508
|
+
{
|
|
509
|
+
"cssVariable": "--dbx-calendar-selected-day-tone",
|
|
510
|
+
"source": "dbx-web",
|
|
511
|
+
"role": "misc",
|
|
512
|
+
"intents": [
|
|
513
|
+
"calendar selected day tone"
|
|
514
|
+
],
|
|
515
|
+
"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%`.",
|
|
516
|
+
"defaults": {
|
|
517
|
+
"light": "60%"
|
|
518
|
+
},
|
|
519
|
+
"componentScope": "calendar"
|
|
520
|
+
},
|
|
521
|
+
{
|
|
522
|
+
"cssVariable": "--dbx-calendar-today-color",
|
|
523
|
+
"source": "dbx-web",
|
|
524
|
+
"role": "color",
|
|
525
|
+
"intents": [
|
|
526
|
+
"calendar today color"
|
|
527
|
+
],
|
|
528
|
+
"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)`.",
|
|
529
|
+
"defaults": {
|
|
530
|
+
"light": "var(--mat-sys-on-surface)"
|
|
531
|
+
},
|
|
532
|
+
"componentScope": "calendar"
|
|
533
|
+
},
|
|
534
|
+
{
|
|
535
|
+
"cssVariable": "--dbx-calendar-today-tone",
|
|
536
|
+
"source": "dbx-web",
|
|
537
|
+
"role": "misc",
|
|
538
|
+
"intents": [
|
|
539
|
+
"calendar today tone"
|
|
540
|
+
],
|
|
541
|
+
"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%`.",
|
|
542
|
+
"defaults": {
|
|
543
|
+
"light": "4%"
|
|
544
|
+
},
|
|
545
|
+
"componentScope": "calendar"
|
|
546
|
+
},
|
|
304
547
|
{
|
|
305
548
|
"cssVariable": "--dbx-card-accent-border-width",
|
|
306
549
|
"source": "dbx-web",
|
|
@@ -466,6 +709,45 @@
|
|
|
466
709
|
},
|
|
467
710
|
"componentScope": "style"
|
|
468
711
|
},
|
|
712
|
+
{
|
|
713
|
+
"cssVariable": "--dbx-content-elevate-bg",
|
|
714
|
+
"source": "dbx-web",
|
|
715
|
+
"role": "misc",
|
|
716
|
+
"intents": [
|
|
717
|
+
"content elevate bg"
|
|
718
|
+
],
|
|
719
|
+
"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))`.",
|
|
720
|
+
"defaults": {
|
|
721
|
+
"light": "color-mix(in srgb, #{theming.$dbx-bg-color} var(--dbx-content-elevate-tone, 8%), var(--mat-sys-surface-bright))"
|
|
722
|
+
},
|
|
723
|
+
"componentScope": "content"
|
|
724
|
+
},
|
|
725
|
+
{
|
|
726
|
+
"cssVariable": "--dbx-content-elevate-shadow",
|
|
727
|
+
"source": "dbx-web",
|
|
728
|
+
"role": "shadow",
|
|
729
|
+
"intents": [
|
|
730
|
+
"content elevate shadow"
|
|
731
|
+
],
|
|
732
|
+
"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)`.",
|
|
733
|
+
"defaults": {
|
|
734
|
+
"light": "var(--mat-sys-level1)"
|
|
735
|
+
},
|
|
736
|
+
"componentScope": "content"
|
|
737
|
+
},
|
|
738
|
+
{
|
|
739
|
+
"cssVariable": "--dbx-content-elevate-tone",
|
|
740
|
+
"source": "dbx-web",
|
|
741
|
+
"role": "misc",
|
|
742
|
+
"intents": [
|
|
743
|
+
"content elevate tone"
|
|
744
|
+
],
|
|
745
|
+
"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%`.",
|
|
746
|
+
"defaults": {
|
|
747
|
+
"light": "8%"
|
|
748
|
+
},
|
|
749
|
+
"componentScope": "content"
|
|
750
|
+
},
|
|
469
751
|
{
|
|
470
752
|
"cssVariable": "--dbx-content-headers-count",
|
|
471
753
|
"scssVariable": "$dbx-content-headers-count-var",
|
|
@@ -563,15 +845,28 @@
|
|
|
563
845
|
}
|
|
564
846
|
},
|
|
565
847
|
{
|
|
566
|
-
"cssVariable": "--dbx-content-pit-
|
|
848
|
+
"cssVariable": "--dbx-content-pit-bg",
|
|
567
849
|
"source": "dbx-web",
|
|
568
|
-
"role": "
|
|
850
|
+
"role": "misc",
|
|
851
|
+
"intents": [
|
|
852
|
+
"content pit bg"
|
|
853
|
+
],
|
|
854
|
+
"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)`.",
|
|
855
|
+
"defaults": {
|
|
856
|
+
"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)"
|
|
857
|
+
},
|
|
858
|
+
"componentScope": "content"
|
|
859
|
+
},
|
|
860
|
+
{
|
|
861
|
+
"cssVariable": "--dbx-content-pit-opacity",
|
|
862
|
+
"source": "dbx-web",
|
|
863
|
+
"role": "misc",
|
|
569
864
|
"intents": [
|
|
570
|
-
"content pit
|
|
865
|
+
"content pit opacity"
|
|
571
866
|
],
|
|
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 `
|
|
867
|
+
"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%`.",
|
|
573
868
|
"defaults": {
|
|
574
|
-
"light": "
|
|
869
|
+
"light": "50%"
|
|
575
870
|
},
|
|
576
871
|
"componentScope": "content"
|
|
577
872
|
},
|
|
@@ -606,6 +901,19 @@
|
|
|
606
901
|
"light": "140px"
|
|
607
902
|
}
|
|
608
903
|
},
|
|
904
|
+
{
|
|
905
|
+
"cssVariable": "--dbx-content-pit-tone",
|
|
906
|
+
"source": "dbx-web",
|
|
907
|
+
"role": "misc",
|
|
908
|
+
"intents": [
|
|
909
|
+
"content pit tone"
|
|
910
|
+
],
|
|
911
|
+
"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%`.",
|
|
912
|
+
"defaults": {
|
|
913
|
+
"light": "8%"
|
|
914
|
+
},
|
|
915
|
+
"componentScope": "content"
|
|
916
|
+
},
|
|
609
917
|
{
|
|
610
918
|
"cssVariable": "--dbx-corners-border-radius",
|
|
611
919
|
"scssVariable": "$dbx-corners-border-radius-var",
|
|
@@ -713,6 +1021,26 @@
|
|
|
713
1021
|
"light": "var(--mat-sys-outline)"
|
|
714
1022
|
}
|
|
715
1023
|
},
|
|
1024
|
+
{
|
|
1025
|
+
"cssVariable": "--dbx-divider-color",
|
|
1026
|
+
"scssVariable": "$dbx-divider-color-var",
|
|
1027
|
+
"source": "dbx-web",
|
|
1028
|
+
"role": "color",
|
|
1029
|
+
"intents": [
|
|
1030
|
+
"divider color",
|
|
1031
|
+
"separator color",
|
|
1032
|
+
"shared divider",
|
|
1033
|
+
"component divider color"
|
|
1034
|
+
],
|
|
1035
|
+
"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.",
|
|
1036
|
+
"defaults": {
|
|
1037
|
+
"light": "var(--dbx-border-color-current)"
|
|
1038
|
+
},
|
|
1039
|
+
"antiUseNotes": "Don't hardcode a per-component divider color; default it to this token so dividers stay consistent and themeable.",
|
|
1040
|
+
"seeAlso": [
|
|
1041
|
+
"--dbx-border-color-current"
|
|
1042
|
+
]
|
|
1043
|
+
},
|
|
716
1044
|
{
|
|
717
1045
|
"cssVariable": "--dbx-dot-size",
|
|
718
1046
|
"source": "dbx-web",
|
|
@@ -948,6 +1276,19 @@
|
|
|
948
1276
|
},
|
|
949
1277
|
"componentScope": "list"
|
|
950
1278
|
},
|
|
1279
|
+
{
|
|
1280
|
+
"cssVariable": "--dbx-list-item-hover-state-layer-opacity",
|
|
1281
|
+
"source": "dbx-web",
|
|
1282
|
+
"role": "misc",
|
|
1283
|
+
"intents": [
|
|
1284
|
+
"list item hover state layer opacity"
|
|
1285
|
+
],
|
|
1286
|
+
"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`.",
|
|
1287
|
+
"defaults": {
|
|
1288
|
+
"light": "0.04"
|
|
1289
|
+
},
|
|
1290
|
+
"componentScope": "list"
|
|
1291
|
+
},
|
|
951
1292
|
{
|
|
952
1293
|
"cssVariable": "--dbx-list-item-padded-min-height",
|
|
953
1294
|
"source": "dbx-web",
|
|
@@ -961,6 +1302,73 @@
|
|
|
961
1302
|
},
|
|
962
1303
|
"componentScope": "list"
|
|
963
1304
|
},
|
|
1305
|
+
{
|
|
1306
|
+
"cssVariable": "--dbx-list-item-radius-resolved",
|
|
1307
|
+
"source": "dbx-web",
|
|
1308
|
+
"role": "radius",
|
|
1309
|
+
"intents": [
|
|
1310
|
+
"list item radius resolved",
|
|
1311
|
+
"list item radius resolved radius"
|
|
1312
|
+
],
|
|
1313
|
+
"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.",
|
|
1314
|
+
"defaults": {
|
|
1315
|
+
"light": "var(--dbx-list-item-border-radius, var(--mat-sys-corner-medium, 12px))"
|
|
1316
|
+
},
|
|
1317
|
+
"componentScope": "list"
|
|
1318
|
+
},
|
|
1319
|
+
{
|
|
1320
|
+
"cssVariable": "--dbx-list-item-selected-color",
|
|
1321
|
+
"source": "dbx-web",
|
|
1322
|
+
"role": "color",
|
|
1323
|
+
"intents": [
|
|
1324
|
+
"list item selected color"
|
|
1325
|
+
],
|
|
1326
|
+
"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.",
|
|
1327
|
+
"defaults": {
|
|
1328
|
+
"light": "var(--mat-sys-primary-container)"
|
|
1329
|
+
},
|
|
1330
|
+
"componentScope": "list"
|
|
1331
|
+
},
|
|
1332
|
+
{
|
|
1333
|
+
"cssVariable": "--dbx-list-item-selected-on-color",
|
|
1334
|
+
"source": "dbx-web",
|
|
1335
|
+
"role": "text-color",
|
|
1336
|
+
"intents": [
|
|
1337
|
+
"list item selected on color",
|
|
1338
|
+
"list item selected on color text"
|
|
1339
|
+
],
|
|
1340
|
+
"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.",
|
|
1341
|
+
"defaults": {
|
|
1342
|
+
"light": "var(--mat-sys-on-primary-container)"
|
|
1343
|
+
},
|
|
1344
|
+
"componentScope": "list"
|
|
1345
|
+
},
|
|
1346
|
+
{
|
|
1347
|
+
"cssVariable": "--dbx-list-item-spacing",
|
|
1348
|
+
"source": "dbx-web",
|
|
1349
|
+
"role": "misc",
|
|
1350
|
+
"intents": [
|
|
1351
|
+
"list item spacing"
|
|
1352
|
+
],
|
|
1353
|
+
"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.",
|
|
1354
|
+
"defaults": {
|
|
1355
|
+
"light": "1px"
|
|
1356
|
+
},
|
|
1357
|
+
"componentScope": "list"
|
|
1358
|
+
},
|
|
1359
|
+
{
|
|
1360
|
+
"cssVariable": "--dbx-list-view-group-header-background",
|
|
1361
|
+
"source": "dbx-web",
|
|
1362
|
+
"role": "misc",
|
|
1363
|
+
"intents": [
|
|
1364
|
+
"list view group header background"
|
|
1365
|
+
],
|
|
1366
|
+
"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)`.",
|
|
1367
|
+
"defaults": {
|
|
1368
|
+
"light": "var(--mat-sidenav-content-background-color)"
|
|
1369
|
+
},
|
|
1370
|
+
"componentScope": "list"
|
|
1371
|
+
},
|
|
964
1372
|
{
|
|
965
1373
|
"cssVariable": "--dbx-navbar-item-border-radius",
|
|
966
1374
|
"source": "dbx-web",
|
|
@@ -1143,6 +1551,20 @@
|
|
|
1143
1551
|
"--mat-sys-outline-variant"
|
|
1144
1552
|
]
|
|
1145
1553
|
},
|
|
1554
|
+
{
|
|
1555
|
+
"cssVariable": "--dbx-overlay-border-radius",
|
|
1556
|
+
"source": "dbx-web",
|
|
1557
|
+
"role": "radius",
|
|
1558
|
+
"intents": [
|
|
1559
|
+
"overlay border radius",
|
|
1560
|
+
"overlay border radius radius"
|
|
1561
|
+
],
|
|
1562
|
+
"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)`.",
|
|
1563
|
+
"defaults": {
|
|
1564
|
+
"light": "var(--mat-sys-corner-medium)"
|
|
1565
|
+
},
|
|
1566
|
+
"componentScope": "style"
|
|
1567
|
+
},
|
|
1146
1568
|
{
|
|
1147
1569
|
"cssVariable": "--dbx-padding-0",
|
|
1148
1570
|
"scssVariable": "$padding-0-var",
|
|
@@ -1467,6 +1889,19 @@
|
|
|
1467
1889
|
},
|
|
1468
1890
|
"componentScope": "section"
|
|
1469
1891
|
},
|
|
1892
|
+
{
|
|
1893
|
+
"cssVariable": "--dbx-section-header-height",
|
|
1894
|
+
"source": "dbx-web",
|
|
1895
|
+
"role": "size",
|
|
1896
|
+
"intents": [
|
|
1897
|
+
"section header height"
|
|
1898
|
+
],
|
|
1899
|
+
"description": "Component-scoped override point (`section`) read in `packages/dbx-web/src/lib/layout/section/_section.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `48px`.",
|
|
1900
|
+
"defaults": {
|
|
1901
|
+
"light": "48px"
|
|
1902
|
+
},
|
|
1903
|
+
"componentScope": "section"
|
|
1904
|
+
},
|
|
1470
1905
|
{
|
|
1471
1906
|
"cssVariable": "--dbx-section-header-title-height",
|
|
1472
1907
|
"source": "dbx-web",
|
|
@@ -1480,6 +1915,17 @@
|
|
|
1480
1915
|
},
|
|
1481
1916
|
"componentScope": "section"
|
|
1482
1917
|
},
|
|
1918
|
+
{
|
|
1919
|
+
"cssVariable": "--dbx-section-page-header-height",
|
|
1920
|
+
"source": "dbx-web",
|
|
1921
|
+
"role": "size",
|
|
1922
|
+
"intents": [
|
|
1923
|
+
"section page header height"
|
|
1924
|
+
],
|
|
1925
|
+
"description": "Component-scoped override point (`section`) read in `packages/dbx-web/src/lib/layout/section/_section.scss` — set it (from an app, or via the owning dbx directive where one exists) to override.",
|
|
1926
|
+
"defaults": {},
|
|
1927
|
+
"componentScope": "section"
|
|
1928
|
+
},
|
|
1483
1929
|
{
|
|
1484
1930
|
"cssVariable": "--dbx-section-page-header-reserved-space",
|
|
1485
1931
|
"source": "dbx-web",
|
|
@@ -1587,6 +2033,20 @@
|
|
|
1587
2033
|
},
|
|
1588
2034
|
"componentScope": "sidenav"
|
|
1589
2035
|
},
|
|
2036
|
+
{
|
|
2037
|
+
"cssVariable": "--dbx-sidenav-bottom-corner-radius",
|
|
2038
|
+
"source": "dbx-web",
|
|
2039
|
+
"role": "radius",
|
|
2040
|
+
"intents": [
|
|
2041
|
+
"sidenav bottom corner radius",
|
|
2042
|
+
"sidenav bottom corner radius radius"
|
|
2043
|
+
],
|
|
2044
|
+
"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)`.",
|
|
2045
|
+
"defaults": {
|
|
2046
|
+
"light": "var(--mat-sys-corner-extra-large, 24px)"
|
|
2047
|
+
},
|
|
2048
|
+
"componentScope": "sidenav"
|
|
2049
|
+
},
|
|
1590
2050
|
{
|
|
1591
2051
|
"cssVariable": "--dbx-sidenav-divider-color",
|
|
1592
2052
|
"source": "dbx-web",
|
|
@@ -1652,6 +2112,20 @@
|
|
|
1652
2112
|
},
|
|
1653
2113
|
"componentScope": "sidenav"
|
|
1654
2114
|
},
|
|
2115
|
+
{
|
|
2116
|
+
"cssVariable": "--dbx-sidenav-top-corner-radius",
|
|
2117
|
+
"source": "dbx-web",
|
|
2118
|
+
"role": "radius",
|
|
2119
|
+
"intents": [
|
|
2120
|
+
"sidenav top corner radius",
|
|
2121
|
+
"sidenav top corner radius radius"
|
|
2122
|
+
],
|
|
2123
|
+
"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)`.",
|
|
2124
|
+
"defaults": {
|
|
2125
|
+
"light": "var(--mat-sys-corner-extra-large, 24px)"
|
|
2126
|
+
},
|
|
2127
|
+
"componentScope": "sidenav"
|
|
2128
|
+
},
|
|
1655
2129
|
{
|
|
1656
2130
|
"cssVariable": "--dbx-sidenav-width",
|
|
1657
2131
|
"source": "dbx-web",
|
|
@@ -1923,6 +2397,19 @@
|
|
|
1923
2397
|
"light": "$initial-top-banner-height"
|
|
1924
2398
|
}
|
|
1925
2399
|
},
|
|
2400
|
+
{
|
|
2401
|
+
"cssVariable": "--dbx-two-column-border-top",
|
|
2402
|
+
"source": "dbx-web",
|
|
2403
|
+
"role": "misc",
|
|
2404
|
+
"intents": [
|
|
2405
|
+
"two column border top"
|
|
2406
|
+
],
|
|
2407
|
+
"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)`.",
|
|
2408
|
+
"defaults": {
|
|
2409
|
+
"light": "1px solid var(--dbx-divider-color)"
|
|
2410
|
+
},
|
|
2411
|
+
"componentScope": "column"
|
|
2412
|
+
},
|
|
1926
2413
|
{
|
|
1927
2414
|
"cssVariable": "--dbx-two-column-left-width",
|
|
1928
2415
|
"scssVariable": "$two-column-left-width-var",
|
|
@@ -1265,7 +1265,7 @@
|
|
|
1265
1265
|
"selector": "dbx-content-pit, [dbxContentPit]",
|
|
1266
1266
|
"className": "DbxContentPitDirective",
|
|
1267
1267
|
"module": "@dereekb/dbx-web",
|
|
1268
|
-
"description": "Wraps content in a recessed \"pit\" container with optional scrollable overflow and rounded corners.\nUseful for displaying bounded content areas such as lists or previews with a constrained height.\n\nPits round their corners by default. Pass `[
|
|
1268
|
+
"description": "Wraps content in a recessed \"pit\" container with optional scrollable overflow and rounded corners.\nUseful for displaying bounded content areas such as lists or previews with a constrained height.\n\nPits round their corners by default. Pass `[square]=\"true\"` to square the pit — this applies the\ncommon `.dbx-corners-none` opt-out utility rather than a pit-specific class.\n\nWhen `[scrollable]` is set the pit frame (padding, background, corners) stays fixed and an inner\n`.dbx-content-pit-scrollable-content` wrapper does the scrolling — wrap the body in that element so\nthe frame doesn't shift at the scroll extremes. The resolved max height is published as the\n`--dbx-content-pit-scrollable-max-height` custom property, which the inner wrapper reads.",
|
|
1269
1269
|
"inputs": [
|
|
1270
1270
|
{
|
|
1271
1271
|
"name": "scrollable",
|
|
@@ -1274,11 +1274,11 @@
|
|
|
1274
1274
|
"required": false
|
|
1275
1275
|
},
|
|
1276
1276
|
{
|
|
1277
|
-
"name": "
|
|
1277
|
+
"name": "square",
|
|
1278
1278
|
"type": "boolean",
|
|
1279
1279
|
"description": "",
|
|
1280
1280
|
"required": false,
|
|
1281
|
-
"default": "
|
|
1281
|
+
"default": "false"
|
|
1282
1282
|
}
|
|
1283
1283
|
],
|
|
1284
1284
|
"outputs": [],
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dereekb/dbx-components-mcp",
|
|
3
|
-
"version": "13.
|
|
3
|
+
"version": "13.20.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"bin": {
|
|
6
6
|
"dbx-components-mcp": "dbx-components-mcp.js"
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"ts-morph": "^21.0.0"
|
|
12
12
|
},
|
|
13
13
|
"peerDependencies": {
|
|
14
|
-
"@dereekb/dbx-cli": "13.
|
|
15
|
-
"@dereekb/util": "13.
|
|
14
|
+
"@dereekb/dbx-cli": "13.20.0",
|
|
15
|
+
"@dereekb/util": "13.20.0"
|
|
16
16
|
}
|
|
17
17
|
}
|