@dereekb/dbx-components-mcp 13.16.0 → 13.18.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.
- package/dbx-components-mcp.js +2457 -2155
- package/generated/dereekb-dbx-form.forge-fields.mcp.generated.json +13 -1
- package/generated/dereekb-dbx-form.tokens.mcp.generated.json +139 -0
- package/generated/dereekb-dbx-web.css-utilities.mcp.generated.json +847 -109
- package/generated/dereekb-dbx-web.tokens.mcp.generated.json +1011 -27
- package/generated/dereekb-dbx-web.ui-components.mcp.generated.json +23 -83
- package/generated/dereekb-demo.dbx-docs-ui-examples.mcp.generated.json +138 -5
- package/package.json +3 -3
|
@@ -35,6 +35,46 @@
|
|
|
35
35
|
"light": "var(--mat-sys-on-tertiary)"
|
|
36
36
|
}
|
|
37
37
|
},
|
|
38
|
+
{
|
|
39
|
+
"cssVariable": "--dbx-anchor-list-item-border-radius",
|
|
40
|
+
"source": "dbx-web",
|
|
41
|
+
"role": "radius",
|
|
42
|
+
"intents": [
|
|
43
|
+
"anchor list item border radius",
|
|
44
|
+
"anchor list item border radius radius"
|
|
45
|
+
],
|
|
46
|
+
"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.",
|
|
47
|
+
"defaults": {
|
|
48
|
+
"light": "0"
|
|
49
|
+
},
|
|
50
|
+
"componentScope": "list"
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"cssVariable": "--dbx-anchor-list-item-child-list-item-icon-size",
|
|
54
|
+
"source": "dbx-web",
|
|
55
|
+
"role": "size",
|
|
56
|
+
"intents": [
|
|
57
|
+
"anchor list item child list item icon size"
|
|
58
|
+
],
|
|
59
|
+
"description": "Component-scoped override point (`anchorlist`) read in `packages/dbx-web/src/lib/router/layout/anchorlist/_anchorlist.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--parent-mdc-list-list-item-leading-icon-size)`.",
|
|
60
|
+
"defaults": {
|
|
61
|
+
"light": "var(--parent-mdc-list-list-item-leading-icon-size)"
|
|
62
|
+
},
|
|
63
|
+
"componentScope": "anchorlist"
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
"cssVariable": "--dbx-anchor-list-item-child-list-item-text-size",
|
|
67
|
+
"source": "dbx-web",
|
|
68
|
+
"role": "size",
|
|
69
|
+
"intents": [
|
|
70
|
+
"anchor list item child list item text size"
|
|
71
|
+
],
|
|
72
|
+
"description": "Component-scoped override point (`anchorlist`) read in `packages/dbx-web/src/lib/router/layout/anchorlist/_anchorlist.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--parent-mdc-list-list-item-label-text-size)`.",
|
|
73
|
+
"defaults": {
|
|
74
|
+
"light": "var(--parent-mdc-list-list-item-label-text-size)"
|
|
75
|
+
},
|
|
76
|
+
"componentScope": "anchorlist"
|
|
77
|
+
},
|
|
38
78
|
{
|
|
39
79
|
"cssVariable": "--dbx-app-height",
|
|
40
80
|
"scssVariable": "$dbx-app-height-var",
|
|
@@ -132,6 +172,19 @@
|
|
|
132
172
|
"light": "theming.get-dbx-avatar-small-size($theme-config)"
|
|
133
173
|
}
|
|
134
174
|
},
|
|
175
|
+
{
|
|
176
|
+
"cssVariable": "--dbx-avatar-square-container-shape",
|
|
177
|
+
"source": "dbx-web",
|
|
178
|
+
"role": "misc",
|
|
179
|
+
"intents": [
|
|
180
|
+
"avatar square container shape"
|
|
181
|
+
],
|
|
182
|
+
"description": "Component-scoped override point (`avatar`) read in `packages/dbx-web/src/lib/layout/avatar/_avatar.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)`.",
|
|
183
|
+
"defaults": {
|
|
184
|
+
"light": "var(--mat-sys-corner-medium)"
|
|
185
|
+
},
|
|
186
|
+
"componentScope": "avatar"
|
|
187
|
+
},
|
|
135
188
|
{
|
|
136
189
|
"cssVariable": "--dbx-bg-color-current",
|
|
137
190
|
"scssVariable": "$dbx-bg-color-var",
|
|
@@ -143,6 +196,32 @@
|
|
|
143
196
|
"description": "Auto-extracted token `--dbx-bg-color-current`. Add a sassdoc `///` block above the declaration in dbx-web for richer guidance.",
|
|
144
197
|
"defaults": {}
|
|
145
198
|
},
|
|
199
|
+
{
|
|
200
|
+
"cssVariable": "--dbx-border-color",
|
|
201
|
+
"source": "dbx-web",
|
|
202
|
+
"role": "color",
|
|
203
|
+
"intents": [
|
|
204
|
+
"border color"
|
|
205
|
+
],
|
|
206
|
+
"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-outline-variant)`.",
|
|
207
|
+
"defaults": {
|
|
208
|
+
"light": "var(--mat-sys-outline-variant)"
|
|
209
|
+
},
|
|
210
|
+
"componentScope": "content"
|
|
211
|
+
},
|
|
212
|
+
{
|
|
213
|
+
"cssVariable": "--dbx-border-opacity",
|
|
214
|
+
"source": "dbx-web",
|
|
215
|
+
"role": "misc",
|
|
216
|
+
"intents": [
|
|
217
|
+
"border opacity"
|
|
218
|
+
],
|
|
219
|
+
"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 `20%`.",
|
|
220
|
+
"defaults": {
|
|
221
|
+
"light": "20%"
|
|
222
|
+
},
|
|
223
|
+
"componentScope": "content"
|
|
224
|
+
},
|
|
146
225
|
{
|
|
147
226
|
"cssVariable": "--dbx-bottom-banner-height",
|
|
148
227
|
"scssVariable": "$bottom-banner-height-var",
|
|
@@ -169,6 +248,163 @@
|
|
|
169
248
|
"light": "600px"
|
|
170
249
|
}
|
|
171
250
|
},
|
|
251
|
+
{
|
|
252
|
+
"cssVariable": "--dbx-button-big-height",
|
|
253
|
+
"source": "dbx-web",
|
|
254
|
+
"role": "size",
|
|
255
|
+
"intents": [
|
|
256
|
+
"button big height"
|
|
257
|
+
],
|
|
258
|
+
"description": "Component-scoped override point (`button`) read in `packages/dbx-web/src/lib/button/_button.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `46px`.",
|
|
259
|
+
"defaults": {
|
|
260
|
+
"light": "46px"
|
|
261
|
+
},
|
|
262
|
+
"componentScope": "button"
|
|
263
|
+
},
|
|
264
|
+
{
|
|
265
|
+
"cssVariable": "--dbx-button-icon-color",
|
|
266
|
+
"source": "dbx-web",
|
|
267
|
+
"role": "text-color",
|
|
268
|
+
"intents": [
|
|
269
|
+
"button icon color",
|
|
270
|
+
"button icon color text"
|
|
271
|
+
],
|
|
272
|
+
"description": "Component-scoped override point (`button`) read in `packages/dbx-web/src/lib/button/_button.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `#{$color-value}`.",
|
|
273
|
+
"defaults": {
|
|
274
|
+
"light": "#{$color-value}"
|
|
275
|
+
},
|
|
276
|
+
"componentScope": "button"
|
|
277
|
+
},
|
|
278
|
+
{
|
|
279
|
+
"cssVariable": "--dbx-button-wide-min-width",
|
|
280
|
+
"source": "dbx-web",
|
|
281
|
+
"role": "size",
|
|
282
|
+
"intents": [
|
|
283
|
+
"button wide min width"
|
|
284
|
+
],
|
|
285
|
+
"description": "Component-scoped override point (`button`) read in `packages/dbx-web/src/lib/button/_button.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `120px`.",
|
|
286
|
+
"defaults": {
|
|
287
|
+
"light": "120px"
|
|
288
|
+
},
|
|
289
|
+
"componentScope": "button"
|
|
290
|
+
},
|
|
291
|
+
{
|
|
292
|
+
"cssVariable": "--dbx-calendar-day-badge-container-shape",
|
|
293
|
+
"source": "dbx-web",
|
|
294
|
+
"role": "misc",
|
|
295
|
+
"intents": [
|
|
296
|
+
"calendar day badge container shape"
|
|
297
|
+
],
|
|
298
|
+
"description": "Component-scoped override point (`calendar-month-view`) read in `packages/dbx-web/src/lib/extension/calendar/style/month/calendar-month-view.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-small)`.",
|
|
299
|
+
"defaults": {
|
|
300
|
+
"light": "var(--mat-sys-corner-small)"
|
|
301
|
+
},
|
|
302
|
+
"componentScope": "calendar-month-view"
|
|
303
|
+
},
|
|
304
|
+
{
|
|
305
|
+
"cssVariable": "--dbx-card-accent-border-width",
|
|
306
|
+
"source": "dbx-web",
|
|
307
|
+
"role": "size",
|
|
308
|
+
"intents": [
|
|
309
|
+
"card accent border width"
|
|
310
|
+
],
|
|
311
|
+
"description": "Component-scoped override point (`card`) read in `packages/dbx-web/src/lib/layout/card/_card.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `4px`.",
|
|
312
|
+
"defaults": {
|
|
313
|
+
"light": "4px"
|
|
314
|
+
},
|
|
315
|
+
"componentScope": "card"
|
|
316
|
+
},
|
|
317
|
+
{
|
|
318
|
+
"cssVariable": "--dbx-card-accent-color",
|
|
319
|
+
"source": "dbx-web",
|
|
320
|
+
"role": "color",
|
|
321
|
+
"intents": [
|
|
322
|
+
"card accent color"
|
|
323
|
+
],
|
|
324
|
+
"description": "Component-scoped override point (`card`) read in `packages/dbx-web/src/lib/layout/card/_card.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-primary)`.",
|
|
325
|
+
"defaults": {
|
|
326
|
+
"light": "var(--mat-sys-primary)"
|
|
327
|
+
},
|
|
328
|
+
"componentScope": "card"
|
|
329
|
+
},
|
|
330
|
+
{
|
|
331
|
+
"cssVariable": "--dbx-card-horizontal-detail-icon-size",
|
|
332
|
+
"source": "dbx-web",
|
|
333
|
+
"role": "size",
|
|
334
|
+
"intents": [
|
|
335
|
+
"card horizontal detail icon size"
|
|
336
|
+
],
|
|
337
|
+
"description": "Component-scoped override point (`card`) read in `packages/dbx-web/src/lib/layout/card/_card.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `18px`.",
|
|
338
|
+
"defaults": {
|
|
339
|
+
"light": "18px"
|
|
340
|
+
},
|
|
341
|
+
"componentScope": "card"
|
|
342
|
+
},
|
|
343
|
+
{
|
|
344
|
+
"cssVariable": "--dbx-card-horizontal-header-dot-size",
|
|
345
|
+
"source": "dbx-web",
|
|
346
|
+
"role": "size",
|
|
347
|
+
"intents": [
|
|
348
|
+
"card horizontal header dot size"
|
|
349
|
+
],
|
|
350
|
+
"description": "Component-scoped override point (`card`) read in `packages/dbx-web/src/lib/layout/card/_card.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `8px`.",
|
|
351
|
+
"defaults": {
|
|
352
|
+
"light": "8px"
|
|
353
|
+
},
|
|
354
|
+
"componentScope": "card"
|
|
355
|
+
},
|
|
356
|
+
{
|
|
357
|
+
"cssVariable": "--dbx-card-horizontal-item-width",
|
|
358
|
+
"source": "dbx-web",
|
|
359
|
+
"role": "size",
|
|
360
|
+
"intents": [
|
|
361
|
+
"card horizontal item width"
|
|
362
|
+
],
|
|
363
|
+
"description": "Component-scoped override point (`card`) read in `packages/dbx-web/src/lib/layout/card/_card.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `300px`.",
|
|
364
|
+
"defaults": {
|
|
365
|
+
"light": "300px"
|
|
366
|
+
},
|
|
367
|
+
"componentScope": "card"
|
|
368
|
+
},
|
|
369
|
+
{
|
|
370
|
+
"cssVariable": "--dbx-card-horizontal-tab-overlap",
|
|
371
|
+
"source": "dbx-web",
|
|
372
|
+
"role": "misc",
|
|
373
|
+
"intents": [
|
|
374
|
+
"card horizontal tab overlap"
|
|
375
|
+
],
|
|
376
|
+
"description": "Component-scoped override point (`card`) read in `packages/dbx-web/src/lib/layout/card/_card.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `10px`.",
|
|
377
|
+
"defaults": {
|
|
378
|
+
"light": "10px"
|
|
379
|
+
},
|
|
380
|
+
"componentScope": "card"
|
|
381
|
+
},
|
|
382
|
+
{
|
|
383
|
+
"cssVariable": "--dbx-card-select-icon-size",
|
|
384
|
+
"source": "dbx-web",
|
|
385
|
+
"role": "size",
|
|
386
|
+
"intents": [
|
|
387
|
+
"card select icon size"
|
|
388
|
+
],
|
|
389
|
+
"description": "Component-scoped override point (`card`) read in `packages/dbx-web/src/lib/layout/card/_card.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `40px`.",
|
|
390
|
+
"defaults": {
|
|
391
|
+
"light": "40px"
|
|
392
|
+
},
|
|
393
|
+
"componentScope": "card"
|
|
394
|
+
},
|
|
395
|
+
{
|
|
396
|
+
"cssVariable": "--dbx-chip-container-shape",
|
|
397
|
+
"source": "dbx-web",
|
|
398
|
+
"role": "misc",
|
|
399
|
+
"intents": [
|
|
400
|
+
"chip container shape"
|
|
401
|
+
],
|
|
402
|
+
"description": "Component-scoped override point (`text`) read in `packages/dbx-web/src/lib/layout/text/_text.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `var(--mat-chip-container-shape-radius, var(--mat-sys-corner-small, 8px))`.",
|
|
403
|
+
"defaults": {
|
|
404
|
+
"light": "var(--mat-chip-container-shape-radius, var(--mat-sys-corner-small, 8px))"
|
|
405
|
+
},
|
|
406
|
+
"componentScope": "text"
|
|
407
|
+
},
|
|
172
408
|
{
|
|
173
409
|
"cssVariable": "--dbx-color-bg-tone",
|
|
174
410
|
"scssVariable": "$dbx-bg-tone-var",
|
|
@@ -180,6 +416,32 @@
|
|
|
180
416
|
"description": "Auto-extracted token `--dbx-color-bg-tone`. Add a sassdoc `///` block above the declaration in dbx-web for richer guidance.",
|
|
181
417
|
"defaults": {}
|
|
182
418
|
},
|
|
419
|
+
{
|
|
420
|
+
"cssVariable": "--dbx-color-border-tone",
|
|
421
|
+
"source": "dbx-web",
|
|
422
|
+
"role": "color",
|
|
423
|
+
"intents": [
|
|
424
|
+
"color border tone"
|
|
425
|
+
],
|
|
426
|
+
"description": "Component-scoped override point (`style`) read in `packages/dbx-web/src/lib/layout/style/_style.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `25%`.",
|
|
427
|
+
"defaults": {
|
|
428
|
+
"light": "25%"
|
|
429
|
+
},
|
|
430
|
+
"componentScope": "style"
|
|
431
|
+
},
|
|
432
|
+
{
|
|
433
|
+
"cssVariable": "--dbx-color-border-width",
|
|
434
|
+
"source": "dbx-web",
|
|
435
|
+
"role": "color",
|
|
436
|
+
"intents": [
|
|
437
|
+
"color border width"
|
|
438
|
+
],
|
|
439
|
+
"description": "Component-scoped override point (`style`) read in `packages/dbx-web/src/lib/layout/style/_style.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `1px`.",
|
|
440
|
+
"defaults": {
|
|
441
|
+
"light": "1px"
|
|
442
|
+
},
|
|
443
|
+
"componentScope": "style"
|
|
444
|
+
},
|
|
183
445
|
{
|
|
184
446
|
"cssVariable": "--dbx-color-current",
|
|
185
447
|
"scssVariable": "$dbx-color-var",
|
|
@@ -191,6 +453,19 @@
|
|
|
191
453
|
"description": "Auto-extracted token `--dbx-color-current`. Add a sassdoc `///` block above the declaration in dbx-web for richer guidance.",
|
|
192
454
|
"defaults": {}
|
|
193
455
|
},
|
|
456
|
+
{
|
|
457
|
+
"cssVariable": "--dbx-color-text-dim-tone",
|
|
458
|
+
"source": "dbx-web",
|
|
459
|
+
"role": "color",
|
|
460
|
+
"intents": [
|
|
461
|
+
"color text dim tone"
|
|
462
|
+
],
|
|
463
|
+
"description": "Component-scoped override point (`style`) read in `packages/dbx-web/src/lib/layout/style/_style.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `72%`.",
|
|
464
|
+
"defaults": {
|
|
465
|
+
"light": "72%"
|
|
466
|
+
},
|
|
467
|
+
"componentScope": "style"
|
|
468
|
+
},
|
|
194
469
|
{
|
|
195
470
|
"cssVariable": "--dbx-content-headers-count",
|
|
196
471
|
"scssVariable": "$dbx-content-headers-count-var",
|
|
@@ -287,6 +562,19 @@
|
|
|
287
562
|
"light": "56px"
|
|
288
563
|
}
|
|
289
564
|
},
|
|
565
|
+
{
|
|
566
|
+
"cssVariable": "--dbx-content-pit-color-tone",
|
|
567
|
+
"source": "dbx-web",
|
|
568
|
+
"role": "color",
|
|
569
|
+
"intents": [
|
|
570
|
+
"content pit color tone"
|
|
571
|
+
],
|
|
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 `11%`.",
|
|
573
|
+
"defaults": {
|
|
574
|
+
"light": "11%"
|
|
575
|
+
},
|
|
576
|
+
"componentScope": "content"
|
|
577
|
+
},
|
|
290
578
|
{
|
|
291
579
|
"cssVariable": "--dbx-content-pit-rounded-border-radius",
|
|
292
580
|
"scssVariable": "$dbx-content-pit-rounded-border-radius-var",
|
|
@@ -297,7 +585,7 @@
|
|
|
297
585
|
"rounded pit corner",
|
|
298
586
|
"content pit radius"
|
|
299
587
|
],
|
|
300
|
-
"description": "Border radius for the `[dbxContentPit]
|
|
588
|
+
"description": "Border radius for the `[dbxContentPit]`, applied by default to every pit. Defaults to `var(--mat-sys-corner-medium)`.",
|
|
301
589
|
"defaults": {
|
|
302
590
|
"light": "var(--mat-sys-corner-medium)"
|
|
303
591
|
},
|
|
@@ -318,6 +606,24 @@
|
|
|
318
606
|
"light": "140px"
|
|
319
607
|
}
|
|
320
608
|
},
|
|
609
|
+
{
|
|
610
|
+
"cssVariable": "--dbx-corners-border-radius",
|
|
611
|
+
"scssVariable": "$dbx-corners-border-radius-var",
|
|
612
|
+
"source": "dbx-web",
|
|
613
|
+
"role": "radius",
|
|
614
|
+
"intents": [
|
|
615
|
+
"corners radius",
|
|
616
|
+
"generic corner radius",
|
|
617
|
+
"dbx-corners radius"
|
|
618
|
+
],
|
|
619
|
+
"description": "Border radius for the generic `.dbx-corners` utility class. Defaults to `var(--mat-sys-corner-medium)`.",
|
|
620
|
+
"defaults": {
|
|
621
|
+
"light": "var(--mat-sys-corner-medium)"
|
|
622
|
+
},
|
|
623
|
+
"seeAlso": [
|
|
624
|
+
"--mat-sys-corner-medium"
|
|
625
|
+
]
|
|
626
|
+
},
|
|
321
627
|
{
|
|
322
628
|
"cssVariable": "--dbx-default-color",
|
|
323
629
|
"scssVariable": "$dbx-default-color-var",
|
|
@@ -349,6 +655,33 @@
|
|
|
349
655
|
"light": "var(--mat-sys-surface-container)"
|
|
350
656
|
}
|
|
351
657
|
},
|
|
658
|
+
{
|
|
659
|
+
"cssVariable": "--dbx-detail-block-content-offset",
|
|
660
|
+
"source": "dbx-web",
|
|
661
|
+
"role": "misc",
|
|
662
|
+
"intents": [
|
|
663
|
+
"detail block content offset"
|
|
664
|
+
],
|
|
665
|
+
"description": "Component-scoped override point (`text`) read in `packages/dbx-web/src/lib/layout/text/_text.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `30px`.",
|
|
666
|
+
"defaults": {
|
|
667
|
+
"light": "30px"
|
|
668
|
+
},
|
|
669
|
+
"componentScope": "text"
|
|
670
|
+
},
|
|
671
|
+
{
|
|
672
|
+
"cssVariable": "--dbx-dialog-content-padding",
|
|
673
|
+
"source": "dbx-web",
|
|
674
|
+
"role": "spacing",
|
|
675
|
+
"intents": [
|
|
676
|
+
"dialog content padding",
|
|
677
|
+
"dialog content padding spacing"
|
|
678
|
+
],
|
|
679
|
+
"description": "Component-scoped override point (`dialog`) read in `packages/dbx-web/src/lib/interaction/dialog/_dialog.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-4)`.",
|
|
680
|
+
"defaults": {
|
|
681
|
+
"light": "var(--dbx-padding-4)"
|
|
682
|
+
},
|
|
683
|
+
"componentScope": "dialog"
|
|
684
|
+
},
|
|
352
685
|
{
|
|
353
686
|
"cssVariable": "--dbx-disabled-color",
|
|
354
687
|
"scssVariable": "$dbx-disabled-color-var",
|
|
@@ -380,6 +713,19 @@
|
|
|
380
713
|
"light": "var(--mat-sys-outline)"
|
|
381
714
|
}
|
|
382
715
|
},
|
|
716
|
+
{
|
|
717
|
+
"cssVariable": "--dbx-dot-size",
|
|
718
|
+
"source": "dbx-web",
|
|
719
|
+
"role": "size",
|
|
720
|
+
"intents": [
|
|
721
|
+
"dot size"
|
|
722
|
+
],
|
|
723
|
+
"description": "Component-scoped override point (`text`) read in `packages/dbx-web/src/lib/layout/text/_text.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `8px`.",
|
|
724
|
+
"defaults": {
|
|
725
|
+
"light": "8px"
|
|
726
|
+
},
|
|
727
|
+
"componentScope": "text"
|
|
728
|
+
},
|
|
383
729
|
{
|
|
384
730
|
"cssVariable": "--dbx-error-color",
|
|
385
731
|
"scssVariable": "$dbx-error-color-var",
|
|
@@ -397,6 +743,19 @@
|
|
|
397
743
|
"--mat-sys-error"
|
|
398
744
|
]
|
|
399
745
|
},
|
|
746
|
+
{
|
|
747
|
+
"cssVariable": "--dbx-file-upload-square-container-shape",
|
|
748
|
+
"source": "dbx-web",
|
|
749
|
+
"role": "misc",
|
|
750
|
+
"intents": [
|
|
751
|
+
"file upload square container shape"
|
|
752
|
+
],
|
|
753
|
+
"description": "Component-scoped override point (`upload`) read in `packages/dbx-web/src/lib/interaction/upload/_upload.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)`.",
|
|
754
|
+
"defaults": {
|
|
755
|
+
"light": "var(--mat-sys-corner-medium)"
|
|
756
|
+
},
|
|
757
|
+
"componentScope": "upload"
|
|
758
|
+
},
|
|
400
759
|
{
|
|
401
760
|
"cssVariable": "--dbx-grey-color",
|
|
402
761
|
"scssVariable": "$dbx-grey-color-var",
|
|
@@ -429,43 +788,231 @@
|
|
|
429
788
|
}
|
|
430
789
|
},
|
|
431
790
|
{
|
|
432
|
-
"cssVariable": "--dbx-
|
|
433
|
-
"scssVariable": "$dbx-nested-content-height-var",
|
|
791
|
+
"cssVariable": "--dbx-icon-tile-border-radius",
|
|
434
792
|
"source": "dbx-web",
|
|
435
|
-
"role": "
|
|
793
|
+
"role": "radius",
|
|
436
794
|
"intents": [
|
|
437
|
-
"
|
|
438
|
-
"
|
|
439
|
-
],
|
|
440
|
-
"description": "Nested content height — content height minus one content-navbar tier, for nested content scrolls. Equal to `content-height - content-navbar-height`.",
|
|
441
|
-
"defaults": {},
|
|
442
|
-
"utilityClasses": [
|
|
443
|
-
".dbx-nested-content-height",
|
|
444
|
-
".dbx-nested-content-height-max"
|
|
795
|
+
"icon tile border radius",
|
|
796
|
+
"icon tile border radius radius"
|
|
445
797
|
],
|
|
446
|
-
"
|
|
447
|
-
|
|
448
|
-
"--dbx-
|
|
449
|
-
|
|
798
|
+
"description": "Component-scoped token (`text`) declared in `packages/dbx-web/src/lib/layout/text/_text.scss`. Add a sassdoc `///` block above the declaration for richer guidance.",
|
|
799
|
+
"defaults": {
|
|
800
|
+
"light": "var(--dbx-step-block-badge-shape, 50%)"
|
|
801
|
+
},
|
|
802
|
+
"componentScope": "text"
|
|
450
803
|
},
|
|
451
804
|
{
|
|
452
|
-
"cssVariable": "--dbx-
|
|
453
|
-
"scssVariable": "$dbx-notice-color-var",
|
|
805
|
+
"cssVariable": "--dbx-icon-tile-font-size",
|
|
454
806
|
"source": "dbx-web",
|
|
455
|
-
"role": "
|
|
807
|
+
"role": "size",
|
|
456
808
|
"intents": [
|
|
457
|
-
"
|
|
458
|
-
"info color",
|
|
459
|
-
"informational callout",
|
|
460
|
-
"attention color"
|
|
809
|
+
"icon tile font size"
|
|
461
810
|
],
|
|
462
|
-
"description": "
|
|
811
|
+
"description": "Component-scoped token (`text`) declared in `packages/dbx-web/src/lib/layout/text/_text.scss`. Add a sassdoc `///` block above the declaration for richer guidance.",
|
|
463
812
|
"defaults": {
|
|
464
|
-
"light": "
|
|
465
|
-
}
|
|
813
|
+
"light": "var(--dbx-step-block-badge-font-size, var(--mat-sys-label-large-size, 14px))"
|
|
814
|
+
},
|
|
815
|
+
"componentScope": "text"
|
|
466
816
|
},
|
|
467
817
|
{
|
|
468
|
-
"cssVariable": "--dbx-
|
|
818
|
+
"cssVariable": "--dbx-icon-tile-font-weight",
|
|
819
|
+
"source": "dbx-web",
|
|
820
|
+
"role": "typography",
|
|
821
|
+
"intents": [
|
|
822
|
+
"icon tile font weight"
|
|
823
|
+
],
|
|
824
|
+
"description": "Component-scoped token (`text`) declared in `packages/dbx-web/src/lib/layout/text/_text.scss`. Add a sassdoc `///` block above the declaration for richer guidance.",
|
|
825
|
+
"defaults": {
|
|
826
|
+
"light": "var(--dbx-step-block-badge-font-weight, 600)"
|
|
827
|
+
},
|
|
828
|
+
"componentScope": "text"
|
|
829
|
+
},
|
|
830
|
+
{
|
|
831
|
+
"cssVariable": "--dbx-icon-tile-height",
|
|
832
|
+
"source": "dbx-web",
|
|
833
|
+
"role": "size",
|
|
834
|
+
"intents": [
|
|
835
|
+
"icon tile height"
|
|
836
|
+
],
|
|
837
|
+
"description": "Component-scoped token (`text`) declared in `packages/dbx-web/src/lib/layout/text/_text.scss`. Add a sassdoc `///` block above the declaration for richer guidance.",
|
|
838
|
+
"defaults": {
|
|
839
|
+
"light": "var(--dbx-step-block-badge-size, 32px)"
|
|
840
|
+
},
|
|
841
|
+
"componentScope": "text"
|
|
842
|
+
},
|
|
843
|
+
{
|
|
844
|
+
"cssVariable": "--dbx-icon-tile-icon-size",
|
|
845
|
+
"source": "dbx-web",
|
|
846
|
+
"role": "size",
|
|
847
|
+
"intents": [
|
|
848
|
+
"icon tile icon size"
|
|
849
|
+
],
|
|
850
|
+
"description": "Component-scoped token (`text`) declared in `packages/dbx-web/src/lib/layout/text/_text.scss`. Add a sassdoc `///` block above the declaration for richer guidance.",
|
|
851
|
+
"defaults": {
|
|
852
|
+
"light": "var(--dbx-step-block-badge-icon-size, 18px)"
|
|
853
|
+
},
|
|
854
|
+
"componentScope": "text"
|
|
855
|
+
},
|
|
856
|
+
{
|
|
857
|
+
"cssVariable": "--dbx-icon-tile-min-width",
|
|
858
|
+
"source": "dbx-web",
|
|
859
|
+
"role": "size",
|
|
860
|
+
"intents": [
|
|
861
|
+
"icon tile min width"
|
|
862
|
+
],
|
|
863
|
+
"description": "Component-scoped token (`text`) declared in `packages/dbx-web/src/lib/layout/text/_text.scss`. Add a sassdoc `///` block above the declaration for richer guidance.",
|
|
864
|
+
"defaults": {
|
|
865
|
+
"light": "var(--dbx-step-block-badge-size, 32px)"
|
|
866
|
+
},
|
|
867
|
+
"componentScope": "text"
|
|
868
|
+
},
|
|
869
|
+
{
|
|
870
|
+
"cssVariable": "--dbx-icon-tile-padding",
|
|
871
|
+
"source": "dbx-web",
|
|
872
|
+
"role": "spacing",
|
|
873
|
+
"intents": [
|
|
874
|
+
"icon tile padding",
|
|
875
|
+
"icon tile padding spacing"
|
|
876
|
+
],
|
|
877
|
+
"description": "Component-scoped token (`text`) declared in `packages/dbx-web/src/lib/layout/text/_text.scss`. Add a sassdoc `///` block above the declaration for richer guidance.",
|
|
878
|
+
"defaults": {
|
|
879
|
+
"light": "0"
|
|
880
|
+
},
|
|
881
|
+
"componentScope": "text"
|
|
882
|
+
},
|
|
883
|
+
{
|
|
884
|
+
"cssVariable": "--dbx-icon-tile-width",
|
|
885
|
+
"source": "dbx-web",
|
|
886
|
+
"role": "size",
|
|
887
|
+
"intents": [
|
|
888
|
+
"icon tile width"
|
|
889
|
+
],
|
|
890
|
+
"description": "Component-scoped token (`text`) declared in `packages/dbx-web/src/lib/layout/text/_text.scss`. Add a sassdoc `///` block above the declaration for richer guidance.",
|
|
891
|
+
"defaults": {
|
|
892
|
+
"light": "var(--dbx-step-block-badge-size, 32px)"
|
|
893
|
+
},
|
|
894
|
+
"componentScope": "text"
|
|
895
|
+
},
|
|
896
|
+
{
|
|
897
|
+
"cssVariable": "--dbx-list-card-items-list-gap",
|
|
898
|
+
"source": "dbx-web",
|
|
899
|
+
"role": "spacing",
|
|
900
|
+
"intents": [
|
|
901
|
+
"list card items list gap",
|
|
902
|
+
"list card items list gap spacing"
|
|
903
|
+
],
|
|
904
|
+
"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.",
|
|
905
|
+
"defaults": {
|
|
906
|
+
"light": "8px"
|
|
907
|
+
},
|
|
908
|
+
"componentScope": "list"
|
|
909
|
+
},
|
|
910
|
+
{
|
|
911
|
+
"cssVariable": "--dbx-list-item-border-radius",
|
|
912
|
+
"source": "dbx-web",
|
|
913
|
+
"role": "radius",
|
|
914
|
+
"intents": [
|
|
915
|
+
"list item border radius",
|
|
916
|
+
"list item border radius radius"
|
|
917
|
+
],
|
|
918
|
+
"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.",
|
|
919
|
+
"defaults": {
|
|
920
|
+
"light": "0"
|
|
921
|
+
},
|
|
922
|
+
"componentScope": "list"
|
|
923
|
+
},
|
|
924
|
+
{
|
|
925
|
+
"cssVariable": "--dbx-list-item-card-background",
|
|
926
|
+
"source": "dbx-web",
|
|
927
|
+
"role": "misc",
|
|
928
|
+
"intents": [
|
|
929
|
+
"list item card background"
|
|
930
|
+
],
|
|
931
|
+
"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-surface-container)`.",
|
|
932
|
+
"defaults": {
|
|
933
|
+
"light": "var(--mat-sys-surface-container)"
|
|
934
|
+
},
|
|
935
|
+
"componentScope": "list"
|
|
936
|
+
},
|
|
937
|
+
{
|
|
938
|
+
"cssVariable": "--dbx-list-item-card-border-radius",
|
|
939
|
+
"source": "dbx-web",
|
|
940
|
+
"role": "radius",
|
|
941
|
+
"intents": [
|
|
942
|
+
"list item card border radius",
|
|
943
|
+
"list item card border radius radius"
|
|
944
|
+
],
|
|
945
|
+
"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-large, calc(var(--mat-chip-container-shape-radius) * 2))`.",
|
|
946
|
+
"defaults": {
|
|
947
|
+
"light": "var(--mat-sys-corner-large, calc(var(--mat-chip-container-shape-radius) * 2))"
|
|
948
|
+
},
|
|
949
|
+
"componentScope": "list"
|
|
950
|
+
},
|
|
951
|
+
{
|
|
952
|
+
"cssVariable": "--dbx-list-item-padded-min-height",
|
|
953
|
+
"source": "dbx-web",
|
|
954
|
+
"role": "size",
|
|
955
|
+
"intents": [
|
|
956
|
+
"list item padded min height"
|
|
957
|
+
],
|
|
958
|
+
"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 `42px`.",
|
|
959
|
+
"defaults": {
|
|
960
|
+
"light": "42px"
|
|
961
|
+
},
|
|
962
|
+
"componentScope": "list"
|
|
963
|
+
},
|
|
964
|
+
{
|
|
965
|
+
"cssVariable": "--dbx-navbar-item-border-radius",
|
|
966
|
+
"source": "dbx-web",
|
|
967
|
+
"role": "radius",
|
|
968
|
+
"intents": [
|
|
969
|
+
"navbar item border radius",
|
|
970
|
+
"navbar item border radius radius"
|
|
971
|
+
],
|
|
972
|
+
"description": "Component-scoped override point (`navbar`) read in `packages/dbx-web/src/lib/router/layout/navbar/_navbar.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-large, 16px)`.",
|
|
973
|
+
"defaults": {
|
|
974
|
+
"light": "var(--mat-sys-corner-large, 16px)"
|
|
975
|
+
},
|
|
976
|
+
"componentScope": "navbar"
|
|
977
|
+
},
|
|
978
|
+
{
|
|
979
|
+
"cssVariable": "--dbx-nested-content-height",
|
|
980
|
+
"scssVariable": "$dbx-nested-content-height-var",
|
|
981
|
+
"source": "dbx-web",
|
|
982
|
+
"role": "size",
|
|
983
|
+
"intents": [
|
|
984
|
+
"nested content height",
|
|
985
|
+
"content minus one navbar"
|
|
986
|
+
],
|
|
987
|
+
"description": "Nested content height — content height minus one content-navbar tier, for nested content scrolls. Equal to `content-height - content-navbar-height`.",
|
|
988
|
+
"defaults": {},
|
|
989
|
+
"utilityClasses": [
|
|
990
|
+
".dbx-nested-content-height",
|
|
991
|
+
".dbx-nested-content-height-max"
|
|
992
|
+
],
|
|
993
|
+
"seeAlso": [
|
|
994
|
+
"--dbx-content-height",
|
|
995
|
+
"--dbx-content-navbar-height"
|
|
996
|
+
]
|
|
997
|
+
},
|
|
998
|
+
{
|
|
999
|
+
"cssVariable": "--dbx-notice-color",
|
|
1000
|
+
"scssVariable": "$dbx-notice-color-var",
|
|
1001
|
+
"source": "dbx-web",
|
|
1002
|
+
"role": "color",
|
|
1003
|
+
"intents": [
|
|
1004
|
+
"notice color",
|
|
1005
|
+
"info color",
|
|
1006
|
+
"informational callout",
|
|
1007
|
+
"attention color"
|
|
1008
|
+
],
|
|
1009
|
+
"description": "dbx notice color. Custom palette entry from the dbx theme config (no Material equivalent). Use for informational callouts.",
|
|
1010
|
+
"defaults": {
|
|
1011
|
+
"light": "theming.get-dbx-notice-color($theme-config)"
|
|
1012
|
+
}
|
|
1013
|
+
},
|
|
1014
|
+
{
|
|
1015
|
+
"cssVariable": "--dbx-notice-color-contrast",
|
|
469
1016
|
"scssVariable": "$dbx-notice-color-contrast-var",
|
|
470
1017
|
"source": "dbx-web",
|
|
471
1018
|
"role": "color",
|
|
@@ -477,6 +1024,19 @@
|
|
|
477
1024
|
"light": "var(--mat-sys-surface)"
|
|
478
1025
|
}
|
|
479
1026
|
},
|
|
1027
|
+
{
|
|
1028
|
+
"cssVariable": "--dbx-number-with-limit-container-shape",
|
|
1029
|
+
"source": "dbx-web",
|
|
1030
|
+
"role": "misc",
|
|
1031
|
+
"intents": [
|
|
1032
|
+
"number with limit container shape"
|
|
1033
|
+
],
|
|
1034
|
+
"description": "Component-scoped override point (`text`) read in `packages/dbx-web/src/lib/layout/text/_text.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)`.",
|
|
1035
|
+
"defaults": {
|
|
1036
|
+
"light": "var(--mat-sys-corner-medium)"
|
|
1037
|
+
},
|
|
1038
|
+
"componentScope": "text"
|
|
1039
|
+
},
|
|
480
1040
|
{
|
|
481
1041
|
"cssVariable": "--dbx-ok-color",
|
|
482
1042
|
"scssVariable": "$dbx-ok-color-var",
|
|
@@ -765,6 +1325,19 @@
|
|
|
765
1325
|
"light": "52px"
|
|
766
1326
|
}
|
|
767
1327
|
},
|
|
1328
|
+
{
|
|
1329
|
+
"cssVariable": "--dbx-pagebar-height",
|
|
1330
|
+
"source": "dbx-web",
|
|
1331
|
+
"role": "size",
|
|
1332
|
+
"intents": [
|
|
1333
|
+
"pagebar height"
|
|
1334
|
+
],
|
|
1335
|
+
"description": "Component-scoped override point (`bar`) read in `packages/dbx-web/src/lib/layout/bar/_bar.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `#{$pagebar-height}`.",
|
|
1336
|
+
"defaults": {
|
|
1337
|
+
"light": "#{$pagebar-height}"
|
|
1338
|
+
},
|
|
1339
|
+
"componentScope": "bar"
|
|
1340
|
+
},
|
|
768
1341
|
{
|
|
769
1342
|
"cssVariable": "--dbx-primary-color",
|
|
770
1343
|
"scssVariable": "$dbx-primary-color-var",
|
|
@@ -796,6 +1369,61 @@
|
|
|
796
1369
|
"light": "var(--mat-sys-on-primary)"
|
|
797
1370
|
}
|
|
798
1371
|
},
|
|
1372
|
+
{
|
|
1373
|
+
"cssVariable": "--dbx-progress-bar-button-height",
|
|
1374
|
+
"source": "dbx-web",
|
|
1375
|
+
"role": "size",
|
|
1376
|
+
"intents": [
|
|
1377
|
+
"progress bar button height"
|
|
1378
|
+
],
|
|
1379
|
+
"description": "Component-scoped override point (`bar.button`) read in `packages/dbx-web/src/lib/button/progress/bar.button.component.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `5px`.",
|
|
1380
|
+
"defaults": {
|
|
1381
|
+
"light": "5px"
|
|
1382
|
+
},
|
|
1383
|
+
"componentScope": "bar.button"
|
|
1384
|
+
},
|
|
1385
|
+
{
|
|
1386
|
+
"cssVariable": "--dbx-prompt-box-border-radius",
|
|
1387
|
+
"source": "dbx-web",
|
|
1388
|
+
"role": "radius",
|
|
1389
|
+
"intents": [
|
|
1390
|
+
"prompt box border radius",
|
|
1391
|
+
"prompt box border radius radius"
|
|
1392
|
+
],
|
|
1393
|
+
"description": "Component-scoped override point (`prompt`) read in `packages/dbx-web/src/lib/interaction/prompt/_prompt.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)`.",
|
|
1394
|
+
"defaults": {
|
|
1395
|
+
"light": "var(--mat-sys-corner-medium, 12px)"
|
|
1396
|
+
},
|
|
1397
|
+
"componentScope": "prompt"
|
|
1398
|
+
},
|
|
1399
|
+
{
|
|
1400
|
+
"cssVariable": "--dbx-prompt-box-padding",
|
|
1401
|
+
"source": "dbx-web",
|
|
1402
|
+
"role": "spacing",
|
|
1403
|
+
"intents": [
|
|
1404
|
+
"prompt box padding",
|
|
1405
|
+
"prompt box padding spacing"
|
|
1406
|
+
],
|
|
1407
|
+
"description": "Component-scoped override point (`prompt`) read in `packages/dbx-web/src/lib/interaction/prompt/_prompt.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `40px`.",
|
|
1408
|
+
"defaults": {
|
|
1409
|
+
"light": "40px"
|
|
1410
|
+
},
|
|
1411
|
+
"componentScope": "prompt"
|
|
1412
|
+
},
|
|
1413
|
+
{
|
|
1414
|
+
"cssVariable": "--dbx-scroll-content-bottom-padding",
|
|
1415
|
+
"source": "dbx-web",
|
|
1416
|
+
"role": "spacing",
|
|
1417
|
+
"intents": [
|
|
1418
|
+
"scroll content bottom padding",
|
|
1419
|
+
"scroll content bottom padding spacing"
|
|
1420
|
+
],
|
|
1421
|
+
"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 `42px`.",
|
|
1422
|
+
"defaults": {
|
|
1423
|
+
"light": "42px"
|
|
1424
|
+
},
|
|
1425
|
+
"componentScope": "content"
|
|
1426
|
+
},
|
|
799
1427
|
{
|
|
800
1428
|
"cssVariable": "--dbx-secondary-color",
|
|
801
1429
|
"scssVariable": "$dbx-secondary-color-var",
|
|
@@ -826,6 +1454,349 @@
|
|
|
826
1454
|
"light": "var(--mat-sys-on-secondary)"
|
|
827
1455
|
}
|
|
828
1456
|
},
|
|
1457
|
+
{
|
|
1458
|
+
"cssVariable": "--dbx-section-container-shape",
|
|
1459
|
+
"source": "dbx-web",
|
|
1460
|
+
"role": "misc",
|
|
1461
|
+
"intents": [
|
|
1462
|
+
"section container shape"
|
|
1463
|
+
],
|
|
1464
|
+
"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 `var(--mat-sys-corner-medium)`.",
|
|
1465
|
+
"defaults": {
|
|
1466
|
+
"light": "var(--mat-sys-corner-medium)"
|
|
1467
|
+
},
|
|
1468
|
+
"componentScope": "section"
|
|
1469
|
+
},
|
|
1470
|
+
{
|
|
1471
|
+
"cssVariable": "--dbx-section-header-title-height",
|
|
1472
|
+
"source": "dbx-web",
|
|
1473
|
+
"role": "size",
|
|
1474
|
+
"intents": [
|
|
1475
|
+
"section header title height"
|
|
1476
|
+
],
|
|
1477
|
+
"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 `32px`.",
|
|
1478
|
+
"defaults": {
|
|
1479
|
+
"light": "32px"
|
|
1480
|
+
},
|
|
1481
|
+
"componentScope": "section"
|
|
1482
|
+
},
|
|
1483
|
+
{
|
|
1484
|
+
"cssVariable": "--dbx-section-page-header-reserved-space",
|
|
1485
|
+
"source": "dbx-web",
|
|
1486
|
+
"role": "spacing",
|
|
1487
|
+
"intents": [
|
|
1488
|
+
"section page header reserved space",
|
|
1489
|
+
"section page header reserved space spacing"
|
|
1490
|
+
],
|
|
1491
|
+
"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 `200px`.",
|
|
1492
|
+
"defaults": {
|
|
1493
|
+
"light": "200px"
|
|
1494
|
+
},
|
|
1495
|
+
"componentScope": "section"
|
|
1496
|
+
},
|
|
1497
|
+
{
|
|
1498
|
+
"cssVariable": "--dbx-section-page-header-reserved-space-small-screen",
|
|
1499
|
+
"source": "dbx-web",
|
|
1500
|
+
"role": "spacing",
|
|
1501
|
+
"intents": [
|
|
1502
|
+
"section page header reserved space small screen",
|
|
1503
|
+
"section page header reserved space small screen spacing"
|
|
1504
|
+
],
|
|
1505
|
+
"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 `120px`.",
|
|
1506
|
+
"defaults": {
|
|
1507
|
+
"light": "120px"
|
|
1508
|
+
},
|
|
1509
|
+
"componentScope": "section"
|
|
1510
|
+
},
|
|
1511
|
+
{
|
|
1512
|
+
"cssVariable": "--dbx-sidenav-active-accent",
|
|
1513
|
+
"source": "dbx-web",
|
|
1514
|
+
"role": "misc",
|
|
1515
|
+
"intents": [
|
|
1516
|
+
"sidenav active accent"
|
|
1517
|
+
],
|
|
1518
|
+
"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.",
|
|
1519
|
+
"defaults": {
|
|
1520
|
+
"light": "color-mix(in srgb, var(--dbx-accent-color) 65%, var(--mat-sys-surface))"
|
|
1521
|
+
},
|
|
1522
|
+
"componentScope": "sidenav"
|
|
1523
|
+
},
|
|
1524
|
+
{
|
|
1525
|
+
"cssVariable": "--dbx-sidenav-active-child-item-background",
|
|
1526
|
+
"source": "dbx-web",
|
|
1527
|
+
"role": "misc",
|
|
1528
|
+
"intents": [
|
|
1529
|
+
"sidenav active child item background"
|
|
1530
|
+
],
|
|
1531
|
+
"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 `color-mix(in srgb, var(--dbx-sidenav-active-accent) 12%, transparent)`.",
|
|
1532
|
+
"defaults": {
|
|
1533
|
+
"light": "color-mix(in srgb, var(--dbx-sidenav-active-accent) 12%, transparent)"
|
|
1534
|
+
},
|
|
1535
|
+
"componentScope": "sidenav"
|
|
1536
|
+
},
|
|
1537
|
+
{
|
|
1538
|
+
"cssVariable": "--dbx-sidenav-active-child-item-border-width",
|
|
1539
|
+
"source": "dbx-web",
|
|
1540
|
+
"role": "size",
|
|
1541
|
+
"intents": [
|
|
1542
|
+
"sidenav active child item border width"
|
|
1543
|
+
],
|
|
1544
|
+
"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 `2px`.",
|
|
1545
|
+
"defaults": {
|
|
1546
|
+
"light": "2px"
|
|
1547
|
+
},
|
|
1548
|
+
"componentScope": "sidenav"
|
|
1549
|
+
},
|
|
1550
|
+
{
|
|
1551
|
+
"cssVariable": "--dbx-sidenav-active-item-background",
|
|
1552
|
+
"source": "dbx-web",
|
|
1553
|
+
"role": "misc",
|
|
1554
|
+
"intents": [
|
|
1555
|
+
"sidenav active item background"
|
|
1556
|
+
],
|
|
1557
|
+
"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 `color-mix(in srgb, var(--dbx-sidenav-active-accent) 12%, transparent)`.",
|
|
1558
|
+
"defaults": {
|
|
1559
|
+
"light": "color-mix(in srgb, var(--dbx-sidenav-active-accent) 12%, transparent)"
|
|
1560
|
+
},
|
|
1561
|
+
"componentScope": "sidenav"
|
|
1562
|
+
},
|
|
1563
|
+
{
|
|
1564
|
+
"cssVariable": "--dbx-sidenav-anchor-list-item-border-radius",
|
|
1565
|
+
"source": "dbx-web",
|
|
1566
|
+
"role": "radius",
|
|
1567
|
+
"intents": [
|
|
1568
|
+
"sidenav anchor list item border radius",
|
|
1569
|
+
"sidenav anchor list item border radius radius"
|
|
1570
|
+
],
|
|
1571
|
+
"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-anchor-list-item-border-radius, var(--mat-sys-corner-medium, 12px))`.",
|
|
1572
|
+
"defaults": {
|
|
1573
|
+
"light": "var(--dbx-anchor-list-item-border-radius, var(--mat-sys-corner-medium, 12px))"
|
|
1574
|
+
},
|
|
1575
|
+
"componentScope": "list"
|
|
1576
|
+
},
|
|
1577
|
+
{
|
|
1578
|
+
"cssVariable": "--dbx-sidenav-background",
|
|
1579
|
+
"source": "dbx-web",
|
|
1580
|
+
"role": "misc",
|
|
1581
|
+
"intents": [
|
|
1582
|
+
"sidenav background"
|
|
1583
|
+
],
|
|
1584
|
+
"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(--dbx-bg-color-current)`.",
|
|
1585
|
+
"defaults": {
|
|
1586
|
+
"light": "var(--dbx-bg-color-current)"
|
|
1587
|
+
},
|
|
1588
|
+
"componentScope": "sidenav"
|
|
1589
|
+
},
|
|
1590
|
+
{
|
|
1591
|
+
"cssVariable": "--dbx-sidenav-divider-color",
|
|
1592
|
+
"source": "dbx-web",
|
|
1593
|
+
"role": "color",
|
|
1594
|
+
"intents": [
|
|
1595
|
+
"sidenav divider color"
|
|
1596
|
+
],
|
|
1597
|
+
"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 `transparent`.",
|
|
1598
|
+
"defaults": {
|
|
1599
|
+
"light": "transparent"
|
|
1600
|
+
},
|
|
1601
|
+
"componentScope": "sidenav"
|
|
1602
|
+
},
|
|
1603
|
+
{
|
|
1604
|
+
"cssVariable": "--dbx-sidenav-icon-width",
|
|
1605
|
+
"source": "dbx-web",
|
|
1606
|
+
"role": "size",
|
|
1607
|
+
"intents": [
|
|
1608
|
+
"sidenav icon width"
|
|
1609
|
+
],
|
|
1610
|
+
"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 `65px`.",
|
|
1611
|
+
"defaults": {
|
|
1612
|
+
"light": "65px"
|
|
1613
|
+
},
|
|
1614
|
+
"componentScope": "sidenav"
|
|
1615
|
+
},
|
|
1616
|
+
{
|
|
1617
|
+
"cssVariable": "--dbx-sidenav-mobile-width",
|
|
1618
|
+
"source": "dbx-web",
|
|
1619
|
+
"role": "size",
|
|
1620
|
+
"intents": [
|
|
1621
|
+
"sidenav mobile width"
|
|
1622
|
+
],
|
|
1623
|
+
"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 `80vw`.",
|
|
1624
|
+
"defaults": {
|
|
1625
|
+
"light": "80vw"
|
|
1626
|
+
},
|
|
1627
|
+
"componentScope": "sidenav"
|
|
1628
|
+
},
|
|
1629
|
+
{
|
|
1630
|
+
"cssVariable": "--dbx-sidenav-scrim-color",
|
|
1631
|
+
"source": "dbx-web",
|
|
1632
|
+
"role": "color",
|
|
1633
|
+
"intents": [
|
|
1634
|
+
"sidenav scrim color"
|
|
1635
|
+
],
|
|
1636
|
+
"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 `color-mix(in srgb, var(--mat-sys-neutral-variant20) 40%, transparent)`.",
|
|
1637
|
+
"defaults": {
|
|
1638
|
+
"light": "color-mix(in srgb, var(--mat-sys-neutral-variant20) 40%, transparent)"
|
|
1639
|
+
},
|
|
1640
|
+
"componentScope": "sidenav"
|
|
1641
|
+
},
|
|
1642
|
+
{
|
|
1643
|
+
"cssVariable": "--dbx-sidenav-text-color",
|
|
1644
|
+
"source": "dbx-web",
|
|
1645
|
+
"role": "color",
|
|
1646
|
+
"intents": [
|
|
1647
|
+
"sidenav text color"
|
|
1648
|
+
],
|
|
1649
|
+
"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(--dbx-color-current, var(--mat-sys-on-surface))`.",
|
|
1650
|
+
"defaults": {
|
|
1651
|
+
"light": "var(--dbx-color-current, var(--mat-sys-on-surface))"
|
|
1652
|
+
},
|
|
1653
|
+
"componentScope": "sidenav"
|
|
1654
|
+
},
|
|
1655
|
+
{
|
|
1656
|
+
"cssVariable": "--dbx-sidenav-width",
|
|
1657
|
+
"source": "dbx-web",
|
|
1658
|
+
"role": "size",
|
|
1659
|
+
"intents": [
|
|
1660
|
+
"sidenav width"
|
|
1661
|
+
],
|
|
1662
|
+
"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 `240px`.",
|
|
1663
|
+
"defaults": {
|
|
1664
|
+
"light": "240px"
|
|
1665
|
+
},
|
|
1666
|
+
"componentScope": "sidenav"
|
|
1667
|
+
},
|
|
1668
|
+
{
|
|
1669
|
+
"cssVariable": "--dbx-step-block-badge-font-size",
|
|
1670
|
+
"source": "dbx-web",
|
|
1671
|
+
"role": "size",
|
|
1672
|
+
"intents": [
|
|
1673
|
+
"step block badge font size"
|
|
1674
|
+
],
|
|
1675
|
+
"description": "Component-scoped override point (`text`) read in `packages/dbx-web/src/lib/layout/text/_text.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-label-large-size, 14px)`.",
|
|
1676
|
+
"defaults": {
|
|
1677
|
+
"light": "var(--mat-sys-label-large-size, 14px)"
|
|
1678
|
+
},
|
|
1679
|
+
"componentScope": "text"
|
|
1680
|
+
},
|
|
1681
|
+
{
|
|
1682
|
+
"cssVariable": "--dbx-step-block-badge-font-weight",
|
|
1683
|
+
"source": "dbx-web",
|
|
1684
|
+
"role": "typography",
|
|
1685
|
+
"intents": [
|
|
1686
|
+
"step block badge font weight"
|
|
1687
|
+
],
|
|
1688
|
+
"description": "Component-scoped override point (`text`) read in `packages/dbx-web/src/lib/layout/text/_text.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `600`.",
|
|
1689
|
+
"defaults": {
|
|
1690
|
+
"light": "600"
|
|
1691
|
+
},
|
|
1692
|
+
"componentScope": "text"
|
|
1693
|
+
},
|
|
1694
|
+
{
|
|
1695
|
+
"cssVariable": "--dbx-step-block-badge-icon-size",
|
|
1696
|
+
"source": "dbx-web",
|
|
1697
|
+
"role": "size",
|
|
1698
|
+
"intents": [
|
|
1699
|
+
"step block badge icon size"
|
|
1700
|
+
],
|
|
1701
|
+
"description": "Component-scoped override point (`text`) read in `packages/dbx-web/src/lib/layout/text/_text.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `18px`.",
|
|
1702
|
+
"defaults": {
|
|
1703
|
+
"light": "18px"
|
|
1704
|
+
},
|
|
1705
|
+
"componentScope": "text"
|
|
1706
|
+
},
|
|
1707
|
+
{
|
|
1708
|
+
"cssVariable": "--dbx-step-block-badge-shape",
|
|
1709
|
+
"source": "dbx-web",
|
|
1710
|
+
"role": "misc",
|
|
1711
|
+
"intents": [
|
|
1712
|
+
"step block badge shape"
|
|
1713
|
+
],
|
|
1714
|
+
"description": "Component-scoped override point (`text`) read in `packages/dbx-web/src/lib/layout/text/_text.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `50%`.",
|
|
1715
|
+
"defaults": {
|
|
1716
|
+
"light": "50%"
|
|
1717
|
+
},
|
|
1718
|
+
"componentScope": "text"
|
|
1719
|
+
},
|
|
1720
|
+
{
|
|
1721
|
+
"cssVariable": "--dbx-step-block-badge-size",
|
|
1722
|
+
"source": "dbx-web",
|
|
1723
|
+
"role": "size",
|
|
1724
|
+
"intents": [
|
|
1725
|
+
"step block badge size"
|
|
1726
|
+
],
|
|
1727
|
+
"description": "Component-scoped override point (`text`) read in `packages/dbx-web/src/lib/layout/text/_text.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `32px`.",
|
|
1728
|
+
"defaults": {
|
|
1729
|
+
"light": "32px"
|
|
1730
|
+
},
|
|
1731
|
+
"componentScope": "text"
|
|
1732
|
+
},
|
|
1733
|
+
{
|
|
1734
|
+
"cssVariable": "--dbx-step-block-gap",
|
|
1735
|
+
"source": "dbx-web",
|
|
1736
|
+
"role": "spacing",
|
|
1737
|
+
"intents": [
|
|
1738
|
+
"step block gap",
|
|
1739
|
+
"step block gap spacing"
|
|
1740
|
+
],
|
|
1741
|
+
"description": "Component-scoped override point (`text`) read in `packages/dbx-web/src/lib/layout/text/_text.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `16px`.",
|
|
1742
|
+
"defaults": {
|
|
1743
|
+
"light": "16px"
|
|
1744
|
+
},
|
|
1745
|
+
"componentScope": "text"
|
|
1746
|
+
},
|
|
1747
|
+
{
|
|
1748
|
+
"cssVariable": "--dbx-step-block-header-font-weight",
|
|
1749
|
+
"source": "dbx-web",
|
|
1750
|
+
"role": "typography",
|
|
1751
|
+
"intents": [
|
|
1752
|
+
"step block header font weight"
|
|
1753
|
+
],
|
|
1754
|
+
"description": "Component-scoped override point (`text`) read in `packages/dbx-web/src/lib/layout/text/_text.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `500`.",
|
|
1755
|
+
"defaults": {
|
|
1756
|
+
"light": "500"
|
|
1757
|
+
},
|
|
1758
|
+
"componentScope": "text"
|
|
1759
|
+
},
|
|
1760
|
+
{
|
|
1761
|
+
"cssVariable": "--dbx-step-block-hint-font-size",
|
|
1762
|
+
"source": "dbx-web",
|
|
1763
|
+
"role": "size",
|
|
1764
|
+
"intents": [
|
|
1765
|
+
"step block hint font size"
|
|
1766
|
+
],
|
|
1767
|
+
"description": "Component-scoped override point (`text`) read in `packages/dbx-web/src/lib/layout/text/_text.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-body-small-size)`.",
|
|
1768
|
+
"defaults": {
|
|
1769
|
+
"light": "var(--mat-sys-body-small-size)"
|
|
1770
|
+
},
|
|
1771
|
+
"componentScope": "text"
|
|
1772
|
+
},
|
|
1773
|
+
{
|
|
1774
|
+
"cssVariable": "--dbx-step-block-hint-opacity",
|
|
1775
|
+
"source": "dbx-web",
|
|
1776
|
+
"role": "misc",
|
|
1777
|
+
"intents": [
|
|
1778
|
+
"step block hint opacity"
|
|
1779
|
+
],
|
|
1780
|
+
"description": "Component-scoped override point (`text`) read in `packages/dbx-web/src/lib/layout/text/_text.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `0.8`.",
|
|
1781
|
+
"defaults": {
|
|
1782
|
+
"light": "0.8"
|
|
1783
|
+
},
|
|
1784
|
+
"componentScope": "text"
|
|
1785
|
+
},
|
|
1786
|
+
{
|
|
1787
|
+
"cssVariable": "--dbx-step-block-padding",
|
|
1788
|
+
"source": "dbx-web",
|
|
1789
|
+
"role": "spacing",
|
|
1790
|
+
"intents": [
|
|
1791
|
+
"step block padding",
|
|
1792
|
+
"step block padding spacing"
|
|
1793
|
+
],
|
|
1794
|
+
"description": "Component-scoped override point (`text`) read in `packages/dbx-web/src/lib/layout/text/_text.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `16px`.",
|
|
1795
|
+
"defaults": {
|
|
1796
|
+
"light": "16px"
|
|
1797
|
+
},
|
|
1798
|
+
"componentScope": "text"
|
|
1799
|
+
},
|
|
829
1800
|
{
|
|
830
1801
|
"cssVariable": "--dbx-success-color",
|
|
831
1802
|
"scssVariable": "$dbx-success-color-var",
|
|
@@ -896,6 +1867,19 @@
|
|
|
896
1867
|
"--mat-sys-surface-container"
|
|
897
1868
|
]
|
|
898
1869
|
},
|
|
1870
|
+
{
|
|
1871
|
+
"cssVariable": "--dbx-table-view-max-height",
|
|
1872
|
+
"source": "dbx-web",
|
|
1873
|
+
"role": "size",
|
|
1874
|
+
"intents": [
|
|
1875
|
+
"table view max height"
|
|
1876
|
+
],
|
|
1877
|
+
"description": "Component-scoped override point (`table`) read in `packages/dbx-web/src/lib/extension/table/_table.scss` — set it (from an app, or via the owning dbx directive where one exists) to override; unset, it falls back to `600px`.",
|
|
1878
|
+
"defaults": {
|
|
1879
|
+
"light": "600px"
|
|
1880
|
+
},
|
|
1881
|
+
"componentScope": "table"
|
|
1882
|
+
},
|
|
899
1883
|
{
|
|
900
1884
|
"cssVariable": "--dbx-tertiary-color",
|
|
901
1885
|
"scssVariable": "$dbx-tertiary-color-var",
|