@dereekb/dbx-components-mcp 13.10.5 → 13.10.7
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 +2091 -351
- package/generated/angular-material-m3.tokens.mcp.generated.json +1061 -0
- package/generated/angular-material-mdc.tokens.mcp.generated.json +298 -0
- package/generated/dereekb-dbx-web.tokens.mcp.generated.json +987 -0
- package/generated/dereekb-dbx-web.ui-components.mcp.generated.json +28 -0
- package/generated/rule-catalog.generated.json +3 -3
- package/package.json +1 -1
|
@@ -0,0 +1,987 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 1,
|
|
3
|
+
"source": "dereekb-dbx-web",
|
|
4
|
+
"module": "@dereekb/dbx-web",
|
|
5
|
+
"generatedAt": "1970-01-01T00:00:00.000Z",
|
|
6
|
+
"generator": "@dereekb/dbx-components-mcp/scripts/generate-css-tokens.mjs",
|
|
7
|
+
"entries": [
|
|
8
|
+
{
|
|
9
|
+
"cssVariable": "--dbx-accent-color",
|
|
10
|
+
"scssVariable": "$dbx-accent-color-var",
|
|
11
|
+
"source": "dbx-web",
|
|
12
|
+
"role": "color",
|
|
13
|
+
"intents": [
|
|
14
|
+
"accent color",
|
|
15
|
+
"highlight color"
|
|
16
|
+
],
|
|
17
|
+
"description": "dbx accent color. Alias for tertiary so legacy `accent` keeps working.",
|
|
18
|
+
"defaults": {
|
|
19
|
+
"light": "var(--mat-sys-tertiary)"
|
|
20
|
+
},
|
|
21
|
+
"seeAlso": [
|
|
22
|
+
"--mat-sys-tertiary"
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
"cssVariable": "--dbx-accent-color-contrast",
|
|
27
|
+
"scssVariable": "$dbx-accent-color-contrast-var",
|
|
28
|
+
"source": "dbx-web",
|
|
29
|
+
"role": "color",
|
|
30
|
+
"intents": [
|
|
31
|
+
"accent color contrast"
|
|
32
|
+
],
|
|
33
|
+
"description": "Auto-extracted token `--dbx-accent-color-contrast`. Add a sassdoc `///` block above the declaration in dbx-web for richer guidance.",
|
|
34
|
+
"defaults": {
|
|
35
|
+
"light": "var(--mat-sys-on-tertiary)"
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
"cssVariable": "--dbx-app-height",
|
|
40
|
+
"scssVariable": "$dbx-app-height-var",
|
|
41
|
+
"source": "dbx-web",
|
|
42
|
+
"role": "size",
|
|
43
|
+
"intents": [
|
|
44
|
+
"app height",
|
|
45
|
+
"viewport-bound app height",
|
|
46
|
+
"full app area height"
|
|
47
|
+
],
|
|
48
|
+
"description": "Final app height available to the page. Equal to `app-height-base - app-height-additional-offset`. The `.dbx-app-height` / `.dbx-app-height-max` utilities consume this directly.",
|
|
49
|
+
"defaults": {},
|
|
50
|
+
"utilityClasses": [
|
|
51
|
+
".dbx-app-height",
|
|
52
|
+
".dbx-app-height-max"
|
|
53
|
+
],
|
|
54
|
+
"seeAlso": [
|
|
55
|
+
"--dbx-app-height-base",
|
|
56
|
+
"--dbx-app-height-additional-offset"
|
|
57
|
+
]
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"cssVariable": "--dbx-app-height-additional-offset",
|
|
61
|
+
"scssVariable": "$dbx-app-height-additional-offset-var",
|
|
62
|
+
"source": "dbx-web",
|
|
63
|
+
"role": "size",
|
|
64
|
+
"intents": [
|
|
65
|
+
"app height offset",
|
|
66
|
+
"app height adjustment",
|
|
67
|
+
"shrink app height"
|
|
68
|
+
],
|
|
69
|
+
"description": "Per-app additional offset subtracted from the app-height base. Set to a non-zero value to shrink `--dbx-app-height` by a fixed amount (e.g. for a sticky footer). Defaults to `0px`.",
|
|
70
|
+
"defaults": {
|
|
71
|
+
"light": "0px"
|
|
72
|
+
},
|
|
73
|
+
"seeAlso": [
|
|
74
|
+
"--dbx-app-height",
|
|
75
|
+
"--dbx-app-height-base"
|
|
76
|
+
]
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
"cssVariable": "--dbx-app-height-base",
|
|
80
|
+
"scssVariable": "$dbx-app-height-base-var",
|
|
81
|
+
"source": "dbx-web",
|
|
82
|
+
"role": "size",
|
|
83
|
+
"intents": [
|
|
84
|
+
"app height base",
|
|
85
|
+
"viewport minus banners"
|
|
86
|
+
],
|
|
87
|
+
"description": "Base app height before the additional offset. Computed as `100vh - (top-banner + bottom-banner)`. Set by the `app-height()` mixin.",
|
|
88
|
+
"defaults": {},
|
|
89
|
+
"seeAlso": [
|
|
90
|
+
"--dbx-app-height"
|
|
91
|
+
]
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
"cssVariable": "--dbx-avatar-large-size",
|
|
95
|
+
"scssVariable": "$dbx-avatar-large-size-var",
|
|
96
|
+
"source": "dbx-web",
|
|
97
|
+
"role": "size",
|
|
98
|
+
"intents": [
|
|
99
|
+
"avatar large size",
|
|
100
|
+
"big avatar"
|
|
101
|
+
],
|
|
102
|
+
"description": "Large avatar diameter for `<dbx-avatar>`.",
|
|
103
|
+
"defaults": {
|
|
104
|
+
"light": "128px"
|
|
105
|
+
}
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
"cssVariable": "--dbx-avatar-size",
|
|
109
|
+
"scssVariable": "$dbx-avatar-size-var",
|
|
110
|
+
"source": "dbx-web",
|
|
111
|
+
"role": "size",
|
|
112
|
+
"intents": [
|
|
113
|
+
"avatar size",
|
|
114
|
+
"default avatar diameter"
|
|
115
|
+
],
|
|
116
|
+
"description": "Default avatar diameter for `<dbx-avatar>`.",
|
|
117
|
+
"defaults": {
|
|
118
|
+
"light": "64px"
|
|
119
|
+
}
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
"cssVariable": "--dbx-avatar-small-size",
|
|
123
|
+
"scssVariable": "$dbx-avatar-small-size-var",
|
|
124
|
+
"source": "dbx-web",
|
|
125
|
+
"role": "size",
|
|
126
|
+
"intents": [
|
|
127
|
+
"avatar small size",
|
|
128
|
+
"compact avatar"
|
|
129
|
+
],
|
|
130
|
+
"description": "Small avatar diameter for `<dbx-avatar>`.",
|
|
131
|
+
"defaults": {
|
|
132
|
+
"light": "theming.get-dbx-avatar-small-size($theme-config)"
|
|
133
|
+
}
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
"cssVariable": "--dbx-bg-color-current",
|
|
137
|
+
"scssVariable": "$dbx-bg-color-var",
|
|
138
|
+
"source": "dbx-web",
|
|
139
|
+
"role": "color",
|
|
140
|
+
"intents": [
|
|
141
|
+
"bg color current"
|
|
142
|
+
],
|
|
143
|
+
"description": "Auto-extracted token `--dbx-bg-color-current`. Add a sassdoc `///` block above the declaration in dbx-web for richer guidance.",
|
|
144
|
+
"defaults": {}
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
"cssVariable": "--dbx-bottom-banner-height",
|
|
148
|
+
"scssVariable": "$bottom-banner-height-var",
|
|
149
|
+
"source": "dbx-web",
|
|
150
|
+
"role": "size",
|
|
151
|
+
"intents": [
|
|
152
|
+
"bottom banner height"
|
|
153
|
+
],
|
|
154
|
+
"description": "Auto-extracted token `--dbx-bottom-banner-height`. Add a sassdoc `///` block above the declaration in dbx-web for richer guidance.",
|
|
155
|
+
"defaults": {
|
|
156
|
+
"light": "$initial-bottom-banner-height"
|
|
157
|
+
}
|
|
158
|
+
},
|
|
159
|
+
{
|
|
160
|
+
"cssVariable": "--dbx-box-max-width",
|
|
161
|
+
"scssVariable": "$box-max-width-var",
|
|
162
|
+
"source": "dbx-web",
|
|
163
|
+
"role": "size",
|
|
164
|
+
"intents": [
|
|
165
|
+
"box max width"
|
|
166
|
+
],
|
|
167
|
+
"description": "Auto-extracted token `--dbx-box-max-width`. Add a sassdoc `///` block above the declaration in dbx-web for richer guidance.",
|
|
168
|
+
"defaults": {
|
|
169
|
+
"light": "600px"
|
|
170
|
+
}
|
|
171
|
+
},
|
|
172
|
+
{
|
|
173
|
+
"cssVariable": "--dbx-color-bg-tone",
|
|
174
|
+
"scssVariable": "$dbx-bg-tone-var",
|
|
175
|
+
"source": "dbx-web",
|
|
176
|
+
"role": "color",
|
|
177
|
+
"intents": [
|
|
178
|
+
"color bg tone"
|
|
179
|
+
],
|
|
180
|
+
"description": "Auto-extracted token `--dbx-color-bg-tone`. Add a sassdoc `///` block above the declaration in dbx-web for richer guidance.",
|
|
181
|
+
"defaults": {}
|
|
182
|
+
},
|
|
183
|
+
{
|
|
184
|
+
"cssVariable": "--dbx-color-current",
|
|
185
|
+
"scssVariable": "$dbx-color-var",
|
|
186
|
+
"source": "dbx-web",
|
|
187
|
+
"role": "color",
|
|
188
|
+
"intents": [
|
|
189
|
+
"color current"
|
|
190
|
+
],
|
|
191
|
+
"description": "Auto-extracted token `--dbx-color-current`. Add a sassdoc `///` block above the declaration in dbx-web for richer guidance.",
|
|
192
|
+
"defaults": {}
|
|
193
|
+
},
|
|
194
|
+
{
|
|
195
|
+
"cssVariable": "--dbx-content-headers-count",
|
|
196
|
+
"scssVariable": "$dbx-content-headers-count-var",
|
|
197
|
+
"source": "dbx-web",
|
|
198
|
+
"role": "misc",
|
|
199
|
+
"intents": [
|
|
200
|
+
"content headers count",
|
|
201
|
+
"stacked content navbar count"
|
|
202
|
+
],
|
|
203
|
+
"description": "Number of content navbars stacked above the content area, used to compute `--dbx-content-height-base`. Defaults to `0`.",
|
|
204
|
+
"defaults": {},
|
|
205
|
+
"seeAlso": [
|
|
206
|
+
"--dbx-content-height-base"
|
|
207
|
+
]
|
|
208
|
+
},
|
|
209
|
+
{
|
|
210
|
+
"cssVariable": "--dbx-content-height",
|
|
211
|
+
"scssVariable": "$dbx-content-height-var",
|
|
212
|
+
"source": "dbx-web",
|
|
213
|
+
"role": "size",
|
|
214
|
+
"intents": [
|
|
215
|
+
"content height",
|
|
216
|
+
"content area height",
|
|
217
|
+
"content-without-navbar height"
|
|
218
|
+
],
|
|
219
|
+
"description": "Final content height inside one or more content navbars. Equal to `content-height-base - content-height-additional-offset`. The `.dbx-content-height` / `.dbx-content-height-max` utilities consume this directly.",
|
|
220
|
+
"defaults": {},
|
|
221
|
+
"utilityClasses": [
|
|
222
|
+
".dbx-content-height",
|
|
223
|
+
".dbx-content-height-max"
|
|
224
|
+
],
|
|
225
|
+
"seeAlso": [
|
|
226
|
+
"--dbx-content-height-base",
|
|
227
|
+
"--dbx-content-height-additional-offset"
|
|
228
|
+
]
|
|
229
|
+
},
|
|
230
|
+
{
|
|
231
|
+
"cssVariable": "--dbx-content-height-additional-offset",
|
|
232
|
+
"scssVariable": "$dbx-content-height-additional-offset-var",
|
|
233
|
+
"source": "dbx-web",
|
|
234
|
+
"role": "size",
|
|
235
|
+
"intents": [
|
|
236
|
+
"content height offset",
|
|
237
|
+
"content height adjustment",
|
|
238
|
+
"shrink content height"
|
|
239
|
+
],
|
|
240
|
+
"description": "Per-content additional offset subtracted from the content-height base. Use to reserve space for sticky toolbars inside a content area. Defaults to `0px`.",
|
|
241
|
+
"defaults": {
|
|
242
|
+
"light": "0px"
|
|
243
|
+
},
|
|
244
|
+
"seeAlso": [
|
|
245
|
+
"--dbx-content-height",
|
|
246
|
+
"--dbx-content-height-base"
|
|
247
|
+
]
|
|
248
|
+
},
|
|
249
|
+
{
|
|
250
|
+
"cssVariable": "--dbx-content-height-base",
|
|
251
|
+
"scssVariable": "$dbx-content-height-base-var",
|
|
252
|
+
"source": "dbx-web",
|
|
253
|
+
"role": "size",
|
|
254
|
+
"intents": [
|
|
255
|
+
"content height base",
|
|
256
|
+
"page height minus content navbars"
|
|
257
|
+
],
|
|
258
|
+
"description": "Base content height before the additional offset. Computed as `page-height - (content-navbar-height * content-headers-count)`.",
|
|
259
|
+
"defaults": {},
|
|
260
|
+
"seeAlso": [
|
|
261
|
+
"--dbx-content-height"
|
|
262
|
+
]
|
|
263
|
+
},
|
|
264
|
+
{
|
|
265
|
+
"cssVariable": "--dbx-content-max-width",
|
|
266
|
+
"scssVariable": "$content-max-width-var",
|
|
267
|
+
"source": "dbx-web",
|
|
268
|
+
"role": "size",
|
|
269
|
+
"intents": [
|
|
270
|
+
"content max width"
|
|
271
|
+
],
|
|
272
|
+
"description": "Auto-extracted token `--dbx-content-max-width`. Add a sassdoc `///` block above the declaration in dbx-web for richer guidance.",
|
|
273
|
+
"defaults": {
|
|
274
|
+
"light": "1200px"
|
|
275
|
+
}
|
|
276
|
+
},
|
|
277
|
+
{
|
|
278
|
+
"cssVariable": "--dbx-content-navbar-height",
|
|
279
|
+
"scssVariable": "$content-navbar-height-var",
|
|
280
|
+
"source": "dbx-web",
|
|
281
|
+
"role": "size",
|
|
282
|
+
"intents": [
|
|
283
|
+
"content navbar height"
|
|
284
|
+
],
|
|
285
|
+
"description": "Auto-extracted token `--dbx-content-navbar-height`. Add a sassdoc `///` block above the declaration in dbx-web for richer guidance.",
|
|
286
|
+
"defaults": {
|
|
287
|
+
"light": "56px"
|
|
288
|
+
}
|
|
289
|
+
},
|
|
290
|
+
{
|
|
291
|
+
"cssVariable": "--dbx-content-pit-rounded-border-radius",
|
|
292
|
+
"scssVariable": "$dbx-content-pit-rounded-border-radius-var",
|
|
293
|
+
"source": "dbx-web",
|
|
294
|
+
"role": "radius",
|
|
295
|
+
"intents": [
|
|
296
|
+
"pit radius",
|
|
297
|
+
"rounded pit corner",
|
|
298
|
+
"content pit radius"
|
|
299
|
+
],
|
|
300
|
+
"description": "Border radius for the `[dbxContentPit]` rounded variant. Defaults to `var(--mat-sys-corner-medium)`.",
|
|
301
|
+
"defaults": {
|
|
302
|
+
"light": "var(--mat-sys-corner-medium)"
|
|
303
|
+
},
|
|
304
|
+
"seeAlso": [
|
|
305
|
+
"--mat-sys-corner-medium"
|
|
306
|
+
]
|
|
307
|
+
},
|
|
308
|
+
{
|
|
309
|
+
"cssVariable": "--dbx-content-pit-scrollable-max-height",
|
|
310
|
+
"scssVariable": "$dbx-content-pit-scrollable-max-height-var",
|
|
311
|
+
"source": "dbx-web",
|
|
312
|
+
"role": "size",
|
|
313
|
+
"intents": [
|
|
314
|
+
"content pit scrollable max height"
|
|
315
|
+
],
|
|
316
|
+
"description": "Auto-extracted token `--dbx-content-pit-scrollable-max-height`. Add a sassdoc `///` block above the declaration in dbx-web for richer guidance.",
|
|
317
|
+
"defaults": {
|
|
318
|
+
"light": "140px"
|
|
319
|
+
}
|
|
320
|
+
},
|
|
321
|
+
{
|
|
322
|
+
"cssVariable": "--dbx-default-color",
|
|
323
|
+
"scssVariable": "$dbx-default-color-var",
|
|
324
|
+
"source": "dbx-web",
|
|
325
|
+
"role": "color",
|
|
326
|
+
"intents": [
|
|
327
|
+
"default color",
|
|
328
|
+
"neutral default",
|
|
329
|
+
"fallback color"
|
|
330
|
+
],
|
|
331
|
+
"description": "dbx default color. Aliased from `--mat-sys-on-surface` — the canonical \"default\" foreground when no semantic role applies.",
|
|
332
|
+
"defaults": {
|
|
333
|
+
"light": "var(--mat-sys-on-surface)"
|
|
334
|
+
},
|
|
335
|
+
"seeAlso": [
|
|
336
|
+
"--mat-sys-on-surface"
|
|
337
|
+
]
|
|
338
|
+
},
|
|
339
|
+
{
|
|
340
|
+
"cssVariable": "--dbx-default-color-contrast",
|
|
341
|
+
"scssVariable": "$dbx-default-color-contrast-var",
|
|
342
|
+
"source": "dbx-web",
|
|
343
|
+
"role": "color",
|
|
344
|
+
"intents": [
|
|
345
|
+
"default color contrast"
|
|
346
|
+
],
|
|
347
|
+
"description": "Auto-extracted token `--dbx-default-color-contrast`. Add a sassdoc `///` block above the declaration in dbx-web for richer guidance.",
|
|
348
|
+
"defaults": {
|
|
349
|
+
"light": "var(--mat-sys-surface-container)"
|
|
350
|
+
}
|
|
351
|
+
},
|
|
352
|
+
{
|
|
353
|
+
"cssVariable": "--dbx-disabled-color",
|
|
354
|
+
"scssVariable": "$dbx-disabled-color-var",
|
|
355
|
+
"source": "dbx-web",
|
|
356
|
+
"role": "color",
|
|
357
|
+
"intents": [
|
|
358
|
+
"disabled color",
|
|
359
|
+
"dimmed color",
|
|
360
|
+
"inactive color"
|
|
361
|
+
],
|
|
362
|
+
"description": "dbx disabled color. Aliased from `--mat-sys-outline-variant` — used for disabled control surfaces and dimmed accents.",
|
|
363
|
+
"defaults": {
|
|
364
|
+
"light": "var(--mat-sys-outline-variant)"
|
|
365
|
+
},
|
|
366
|
+
"seeAlso": [
|
|
367
|
+
"--mat-sys-outline-variant"
|
|
368
|
+
]
|
|
369
|
+
},
|
|
370
|
+
{
|
|
371
|
+
"cssVariable": "--dbx-disabled-color-contrast",
|
|
372
|
+
"scssVariable": "$dbx-disabled-color-contrast-var",
|
|
373
|
+
"source": "dbx-web",
|
|
374
|
+
"role": "color",
|
|
375
|
+
"intents": [
|
|
376
|
+
"disabled color contrast"
|
|
377
|
+
],
|
|
378
|
+
"description": "Auto-extracted token `--dbx-disabled-color-contrast`. Add a sassdoc `///` block above the declaration in dbx-web for richer guidance.",
|
|
379
|
+
"defaults": {
|
|
380
|
+
"light": "var(--mat-sys-outline)"
|
|
381
|
+
}
|
|
382
|
+
},
|
|
383
|
+
{
|
|
384
|
+
"cssVariable": "--dbx-error-color",
|
|
385
|
+
"scssVariable": "$dbx-error-color-var",
|
|
386
|
+
"source": "dbx-web",
|
|
387
|
+
"role": "color",
|
|
388
|
+
"intents": [
|
|
389
|
+
"error color",
|
|
390
|
+
"destructive color"
|
|
391
|
+
],
|
|
392
|
+
"description": "Error/destructive color (alias for warn). Aliased from `--mat-sys-error`.",
|
|
393
|
+
"defaults": {
|
|
394
|
+
"light": "var(--mat-sys-error)"
|
|
395
|
+
},
|
|
396
|
+
"seeAlso": [
|
|
397
|
+
"--mat-sys-error"
|
|
398
|
+
]
|
|
399
|
+
},
|
|
400
|
+
{
|
|
401
|
+
"cssVariable": "--dbx-grey-color",
|
|
402
|
+
"scssVariable": "$dbx-grey-color-var",
|
|
403
|
+
"source": "dbx-web",
|
|
404
|
+
"role": "color",
|
|
405
|
+
"intents": [
|
|
406
|
+
"grey color",
|
|
407
|
+
"neutral color",
|
|
408
|
+
"muted accent color"
|
|
409
|
+
],
|
|
410
|
+
"description": "dbx grey color. Aliased from `--mat-sys-outline` for neutral chrome / muted accents.",
|
|
411
|
+
"defaults": {
|
|
412
|
+
"light": "var(--mat-sys-outline)"
|
|
413
|
+
},
|
|
414
|
+
"seeAlso": [
|
|
415
|
+
"--mat-sys-outline"
|
|
416
|
+
]
|
|
417
|
+
},
|
|
418
|
+
{
|
|
419
|
+
"cssVariable": "--dbx-grey-color-contrast",
|
|
420
|
+
"scssVariable": "$dbx-grey-color-contrast-var",
|
|
421
|
+
"source": "dbx-web",
|
|
422
|
+
"role": "color",
|
|
423
|
+
"intents": [
|
|
424
|
+
"grey color contrast"
|
|
425
|
+
],
|
|
426
|
+
"description": "Auto-extracted token `--dbx-grey-color-contrast`. Add a sassdoc `///` block above the declaration in dbx-web for richer guidance.",
|
|
427
|
+
"defaults": {
|
|
428
|
+
"light": "var(--mat-sys-surface)"
|
|
429
|
+
}
|
|
430
|
+
},
|
|
431
|
+
{
|
|
432
|
+
"cssVariable": "--dbx-nested-content-height",
|
|
433
|
+
"scssVariable": "$dbx-nested-content-height-var",
|
|
434
|
+
"source": "dbx-web",
|
|
435
|
+
"role": "size",
|
|
436
|
+
"intents": [
|
|
437
|
+
"nested content height",
|
|
438
|
+
"content minus one navbar"
|
|
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"
|
|
445
|
+
],
|
|
446
|
+
"seeAlso": [
|
|
447
|
+
"--dbx-content-height",
|
|
448
|
+
"--dbx-content-navbar-height"
|
|
449
|
+
]
|
|
450
|
+
},
|
|
451
|
+
{
|
|
452
|
+
"cssVariable": "--dbx-notice-color",
|
|
453
|
+
"scssVariable": "$dbx-notice-color-var",
|
|
454
|
+
"source": "dbx-web",
|
|
455
|
+
"role": "color",
|
|
456
|
+
"intents": [
|
|
457
|
+
"notice color",
|
|
458
|
+
"info color",
|
|
459
|
+
"informational callout",
|
|
460
|
+
"attention color"
|
|
461
|
+
],
|
|
462
|
+
"description": "dbx notice color. Custom palette entry from the dbx theme config (no Material equivalent). Use for informational callouts.",
|
|
463
|
+
"defaults": {
|
|
464
|
+
"light": "theming.get-dbx-notice-color($theme-config)"
|
|
465
|
+
}
|
|
466
|
+
},
|
|
467
|
+
{
|
|
468
|
+
"cssVariable": "--dbx-notice-color-contrast",
|
|
469
|
+
"scssVariable": "$dbx-notice-color-contrast-var",
|
|
470
|
+
"source": "dbx-web",
|
|
471
|
+
"role": "color",
|
|
472
|
+
"intents": [
|
|
473
|
+
"notice color contrast"
|
|
474
|
+
],
|
|
475
|
+
"description": "Auto-extracted token `--dbx-notice-color-contrast`. Add a sassdoc `///` block above the declaration in dbx-web for richer guidance.",
|
|
476
|
+
"defaults": {
|
|
477
|
+
"light": "var(--mat-sys-surface)"
|
|
478
|
+
}
|
|
479
|
+
},
|
|
480
|
+
{
|
|
481
|
+
"cssVariable": "--dbx-ok-color",
|
|
482
|
+
"scssVariable": "$dbx-ok-color-var",
|
|
483
|
+
"source": "dbx-web",
|
|
484
|
+
"role": "color",
|
|
485
|
+
"intents": [
|
|
486
|
+
"ok color",
|
|
487
|
+
"neutral acknowledged color",
|
|
488
|
+
"completed color"
|
|
489
|
+
],
|
|
490
|
+
"description": "dbx ok color. Custom palette entry from the dbx theme config (no Material equivalent). Use for neutral acknowledged states.",
|
|
491
|
+
"defaults": {
|
|
492
|
+
"light": "theming.get-dbx-ok-color($theme-config)"
|
|
493
|
+
}
|
|
494
|
+
},
|
|
495
|
+
{
|
|
496
|
+
"cssVariable": "--dbx-ok-color-contrast",
|
|
497
|
+
"scssVariable": "$dbx-ok-color-contrast-var",
|
|
498
|
+
"source": "dbx-web",
|
|
499
|
+
"role": "color",
|
|
500
|
+
"intents": [
|
|
501
|
+
"ok color contrast"
|
|
502
|
+
],
|
|
503
|
+
"description": "Auto-extracted token `--dbx-ok-color-contrast`. Add a sassdoc `///` block above the declaration in dbx-web for richer guidance.",
|
|
504
|
+
"defaults": {
|
|
505
|
+
"light": "var(--mat-sys-surface)"
|
|
506
|
+
}
|
|
507
|
+
},
|
|
508
|
+
{
|
|
509
|
+
"cssVariable": "--dbx-on-surface-color",
|
|
510
|
+
"scssVariable": "$dbx-on-surface-color-var",
|
|
511
|
+
"source": "dbx-web",
|
|
512
|
+
"role": "text-color",
|
|
513
|
+
"intents": [
|
|
514
|
+
"body text color",
|
|
515
|
+
"default foreground",
|
|
516
|
+
"primary text"
|
|
517
|
+
],
|
|
518
|
+
"description": "Default body text on surfaces. Aliased from `--mat-sys-on-surface`.",
|
|
519
|
+
"defaults": {
|
|
520
|
+
"light": "var(--mat-sys-on-surface)"
|
|
521
|
+
},
|
|
522
|
+
"seeAlso": [
|
|
523
|
+
"--mat-sys-on-surface"
|
|
524
|
+
]
|
|
525
|
+
},
|
|
526
|
+
{
|
|
527
|
+
"cssVariable": "--dbx-on-surface-variant-color",
|
|
528
|
+
"scssVariable": "$dbx-on-surface-variant-color-var",
|
|
529
|
+
"source": "dbx-web",
|
|
530
|
+
"role": "text-color",
|
|
531
|
+
"intents": [
|
|
532
|
+
"hint text color",
|
|
533
|
+
"secondary text",
|
|
534
|
+
"subtitle text",
|
|
535
|
+
"muted text",
|
|
536
|
+
"caption text"
|
|
537
|
+
],
|
|
538
|
+
"description": "Hint / secondary text color. Aliased from `--mat-sys-on-surface-variant`.",
|
|
539
|
+
"defaults": {
|
|
540
|
+
"light": "var(--mat-sys-on-surface-variant)"
|
|
541
|
+
},
|
|
542
|
+
"antiUseNotes": "Don't write `color: rgba(0,0,0,0.6)` for hint text — use this var.",
|
|
543
|
+
"utilityClasses": [
|
|
544
|
+
".dbx-text-hint"
|
|
545
|
+
],
|
|
546
|
+
"seeAlso": [
|
|
547
|
+
"--mat-sys-on-surface-variant"
|
|
548
|
+
]
|
|
549
|
+
},
|
|
550
|
+
{
|
|
551
|
+
"cssVariable": "--dbx-outline-color",
|
|
552
|
+
"scssVariable": "$dbx-outline-color-var",
|
|
553
|
+
"source": "dbx-web",
|
|
554
|
+
"role": "color",
|
|
555
|
+
"intents": [
|
|
556
|
+
"border color",
|
|
557
|
+
"divider color",
|
|
558
|
+
"outline color"
|
|
559
|
+
],
|
|
560
|
+
"description": "Border / divider color. Aliased from `--mat-sys-outline`.",
|
|
561
|
+
"defaults": {
|
|
562
|
+
"light": "var(--mat-sys-outline)"
|
|
563
|
+
},
|
|
564
|
+
"seeAlso": [
|
|
565
|
+
"--mat-sys-outline"
|
|
566
|
+
]
|
|
567
|
+
},
|
|
568
|
+
{
|
|
569
|
+
"cssVariable": "--dbx-outline-variant-color",
|
|
570
|
+
"scssVariable": "$dbx-outline-variant-color-var",
|
|
571
|
+
"source": "dbx-web",
|
|
572
|
+
"role": "color",
|
|
573
|
+
"intents": [
|
|
574
|
+
"subtle border color",
|
|
575
|
+
"low-contrast outline",
|
|
576
|
+
"decorative divider"
|
|
577
|
+
],
|
|
578
|
+
"description": "Subtle border color. Aliased from `--mat-sys-outline-variant`.",
|
|
579
|
+
"defaults": {
|
|
580
|
+
"light": "var(--mat-sys-outline-variant)"
|
|
581
|
+
},
|
|
582
|
+
"seeAlso": [
|
|
583
|
+
"--mat-sys-outline-variant"
|
|
584
|
+
]
|
|
585
|
+
},
|
|
586
|
+
{
|
|
587
|
+
"cssVariable": "--dbx-padding-0",
|
|
588
|
+
"scssVariable": "$padding-0-var",
|
|
589
|
+
"source": "dbx-web",
|
|
590
|
+
"role": "spacing",
|
|
591
|
+
"intents": [
|
|
592
|
+
"zero spacing",
|
|
593
|
+
"padding 0",
|
|
594
|
+
"no padding"
|
|
595
|
+
],
|
|
596
|
+
"description": "Padding step 0 — zero spacing. Useful as a reset value where a tier is required.",
|
|
597
|
+
"defaults": {
|
|
598
|
+
"light": "0px"
|
|
599
|
+
}
|
|
600
|
+
},
|
|
601
|
+
{
|
|
602
|
+
"cssVariable": "--dbx-padding-1",
|
|
603
|
+
"scssVariable": "$padding-1-var",
|
|
604
|
+
"source": "dbx-web",
|
|
605
|
+
"role": "spacing",
|
|
606
|
+
"intents": [
|
|
607
|
+
"tight spacing",
|
|
608
|
+
"padding 1",
|
|
609
|
+
"2px spacing"
|
|
610
|
+
],
|
|
611
|
+
"description": "Padding step 1 — tightest spacing tier. Use between adjacent inline elements.",
|
|
612
|
+
"defaults": {
|
|
613
|
+
"light": "2px"
|
|
614
|
+
},
|
|
615
|
+
"utilityClasses": [
|
|
616
|
+
".dbx-p1",
|
|
617
|
+
".dbx-mb1"
|
|
618
|
+
]
|
|
619
|
+
},
|
|
620
|
+
{
|
|
621
|
+
"cssVariable": "--dbx-padding-2",
|
|
622
|
+
"scssVariable": "$padding-2-var",
|
|
623
|
+
"source": "dbx-web",
|
|
624
|
+
"role": "spacing",
|
|
625
|
+
"intents": [
|
|
626
|
+
"small spacing",
|
|
627
|
+
"padding 2",
|
|
628
|
+
"6px spacing"
|
|
629
|
+
],
|
|
630
|
+
"description": "Padding step 2 — small spacing tier. Use between sibling form rows or chip lists.",
|
|
631
|
+
"defaults": {
|
|
632
|
+
"light": "6px"
|
|
633
|
+
},
|
|
634
|
+
"utilityClasses": [
|
|
635
|
+
".dbx-p2",
|
|
636
|
+
".dbx-mb2"
|
|
637
|
+
]
|
|
638
|
+
},
|
|
639
|
+
{
|
|
640
|
+
"cssVariable": "--dbx-padding-3",
|
|
641
|
+
"scssVariable": "$padding-3-var",
|
|
642
|
+
"source": "dbx-web",
|
|
643
|
+
"role": "spacing",
|
|
644
|
+
"intents": [
|
|
645
|
+
"section gap",
|
|
646
|
+
"default padding",
|
|
647
|
+
"card padding",
|
|
648
|
+
"12px spacing",
|
|
649
|
+
"padding 3"
|
|
650
|
+
],
|
|
651
|
+
"description": "Padding step 3 — default content padding. The canonical \"card padding\" / \"section gap\".",
|
|
652
|
+
"defaults": {
|
|
653
|
+
"light": "12px"
|
|
654
|
+
},
|
|
655
|
+
"antiUseNotes": "Don't hardcode `padding: 12px` — reach for this var or a `.dbx-p3` utility.",
|
|
656
|
+
"utilityClasses": [
|
|
657
|
+
".dbx-p3",
|
|
658
|
+
".dbx-mb3",
|
|
659
|
+
".dbx-mt3"
|
|
660
|
+
]
|
|
661
|
+
},
|
|
662
|
+
{
|
|
663
|
+
"cssVariable": "--dbx-padding-4",
|
|
664
|
+
"scssVariable": "$padding-4-var",
|
|
665
|
+
"source": "dbx-web",
|
|
666
|
+
"role": "spacing",
|
|
667
|
+
"intents": [
|
|
668
|
+
"emphasised spacing",
|
|
669
|
+
"padding 4",
|
|
670
|
+
"18px spacing"
|
|
671
|
+
],
|
|
672
|
+
"description": "Padding step 4 — emphasised spacing. Use between top-level sections.",
|
|
673
|
+
"defaults": {
|
|
674
|
+
"light": "18px"
|
|
675
|
+
},
|
|
676
|
+
"utilityClasses": [
|
|
677
|
+
".dbx-p4",
|
|
678
|
+
".dbx-mb4"
|
|
679
|
+
]
|
|
680
|
+
},
|
|
681
|
+
{
|
|
682
|
+
"cssVariable": "--dbx-padding-5",
|
|
683
|
+
"scssVariable": "$padding-5-var",
|
|
684
|
+
"source": "dbx-web",
|
|
685
|
+
"role": "spacing",
|
|
686
|
+
"intents": [
|
|
687
|
+
"page padding",
|
|
688
|
+
"padding 5",
|
|
689
|
+
"24px spacing"
|
|
690
|
+
],
|
|
691
|
+
"description": "Padding step 5 — page padding. Use around full-width page surfaces.",
|
|
692
|
+
"defaults": {
|
|
693
|
+
"light": "24px"
|
|
694
|
+
},
|
|
695
|
+
"utilityClasses": [
|
|
696
|
+
".dbx-p5",
|
|
697
|
+
".dbx-mb5"
|
|
698
|
+
]
|
|
699
|
+
},
|
|
700
|
+
{
|
|
701
|
+
"cssVariable": "--dbx-page-height",
|
|
702
|
+
"scssVariable": "$dbx-page-height-var",
|
|
703
|
+
"source": "dbx-web",
|
|
704
|
+
"role": "size",
|
|
705
|
+
"intents": [
|
|
706
|
+
"page height",
|
|
707
|
+
"page area height",
|
|
708
|
+
"page-without-navbar height"
|
|
709
|
+
],
|
|
710
|
+
"description": "Final page height inside a page navbar. Equal to `page-height-base - page-height-additional-offset`. The `.dbx-page-height` / `.dbx-page-height-max` utilities consume this directly.",
|
|
711
|
+
"defaults": {},
|
|
712
|
+
"utilityClasses": [
|
|
713
|
+
".dbx-page-height",
|
|
714
|
+
".dbx-page-height-max"
|
|
715
|
+
],
|
|
716
|
+
"seeAlso": [
|
|
717
|
+
"--dbx-page-height-base",
|
|
718
|
+
"--dbx-page-height-additional-offset"
|
|
719
|
+
]
|
|
720
|
+
},
|
|
721
|
+
{
|
|
722
|
+
"cssVariable": "--dbx-page-height-additional-offset",
|
|
723
|
+
"scssVariable": "$dbx-page-height-additional-offset-var",
|
|
724
|
+
"source": "dbx-web",
|
|
725
|
+
"role": "size",
|
|
726
|
+
"intents": [
|
|
727
|
+
"page height offset",
|
|
728
|
+
"page height adjustment",
|
|
729
|
+
"shrink page height"
|
|
730
|
+
],
|
|
731
|
+
"description": "Per-page additional offset subtracted from the page-height base. Use to shrink `--dbx-page-height` on pages that overlay extra chrome. Defaults to `0px`.",
|
|
732
|
+
"defaults": {
|
|
733
|
+
"light": "0px"
|
|
734
|
+
},
|
|
735
|
+
"seeAlso": [
|
|
736
|
+
"--dbx-page-height",
|
|
737
|
+
"--dbx-page-height-base"
|
|
738
|
+
]
|
|
739
|
+
},
|
|
740
|
+
{
|
|
741
|
+
"cssVariable": "--dbx-page-height-base",
|
|
742
|
+
"scssVariable": "$dbx-page-height-base-var",
|
|
743
|
+
"source": "dbx-web",
|
|
744
|
+
"role": "size",
|
|
745
|
+
"intents": [
|
|
746
|
+
"page height base",
|
|
747
|
+
"app height minus page navbar"
|
|
748
|
+
],
|
|
749
|
+
"description": "Base page height before the additional offset. Computed as `app-height - page-navbar-height`.",
|
|
750
|
+
"defaults": {},
|
|
751
|
+
"seeAlso": [
|
|
752
|
+
"--dbx-page-height"
|
|
753
|
+
]
|
|
754
|
+
},
|
|
755
|
+
{
|
|
756
|
+
"cssVariable": "--dbx-page-navbar-height",
|
|
757
|
+
"scssVariable": "$page-navbar-height-var",
|
|
758
|
+
"source": "dbx-web",
|
|
759
|
+
"role": "size",
|
|
760
|
+
"intents": [
|
|
761
|
+
"page navbar height"
|
|
762
|
+
],
|
|
763
|
+
"description": "Auto-extracted token `--dbx-page-navbar-height`. Add a sassdoc `///` block above the declaration in dbx-web for richer guidance.",
|
|
764
|
+
"defaults": {
|
|
765
|
+
"light": "52px"
|
|
766
|
+
}
|
|
767
|
+
},
|
|
768
|
+
{
|
|
769
|
+
"cssVariable": "--dbx-primary-color",
|
|
770
|
+
"scssVariable": "$dbx-primary-color-var",
|
|
771
|
+
"source": "dbx-web",
|
|
772
|
+
"role": "color",
|
|
773
|
+
"intents": [
|
|
774
|
+
"primary color",
|
|
775
|
+
"brand color",
|
|
776
|
+
"primary action color"
|
|
777
|
+
],
|
|
778
|
+
"description": "dbx primary brand color. Aliased from `--mat-sys-primary` so theme switches flow through.",
|
|
779
|
+
"defaults": {
|
|
780
|
+
"light": "var(--mat-sys-primary)"
|
|
781
|
+
},
|
|
782
|
+
"seeAlso": [
|
|
783
|
+
"--mat-sys-primary"
|
|
784
|
+
]
|
|
785
|
+
},
|
|
786
|
+
{
|
|
787
|
+
"cssVariable": "--dbx-primary-color-contrast",
|
|
788
|
+
"scssVariable": "$dbx-primary-color-contrast-var",
|
|
789
|
+
"source": "dbx-web",
|
|
790
|
+
"role": "color",
|
|
791
|
+
"intents": [
|
|
792
|
+
"primary color contrast"
|
|
793
|
+
],
|
|
794
|
+
"description": "Auto-extracted token `--dbx-primary-color-contrast`. Add a sassdoc `///` block above the declaration in dbx-web for richer guidance.",
|
|
795
|
+
"defaults": {
|
|
796
|
+
"light": "var(--mat-sys-on-primary)"
|
|
797
|
+
}
|
|
798
|
+
},
|
|
799
|
+
{
|
|
800
|
+
"cssVariable": "--dbx-secondary-color",
|
|
801
|
+
"scssVariable": "$dbx-secondary-color-var",
|
|
802
|
+
"source": "dbx-web",
|
|
803
|
+
"role": "color",
|
|
804
|
+
"intents": [
|
|
805
|
+
"secondary color",
|
|
806
|
+
"supporting accent"
|
|
807
|
+
],
|
|
808
|
+
"description": "dbx secondary brand color. Aliased from `--mat-sys-secondary`.",
|
|
809
|
+
"defaults": {
|
|
810
|
+
"light": "var(--mat-sys-secondary)"
|
|
811
|
+
},
|
|
812
|
+
"seeAlso": [
|
|
813
|
+
"--mat-sys-secondary"
|
|
814
|
+
]
|
|
815
|
+
},
|
|
816
|
+
{
|
|
817
|
+
"cssVariable": "--dbx-secondary-color-contrast",
|
|
818
|
+
"scssVariable": "$dbx-secondary-color-contrast-var",
|
|
819
|
+
"source": "dbx-web",
|
|
820
|
+
"role": "color",
|
|
821
|
+
"intents": [
|
|
822
|
+
"secondary color contrast"
|
|
823
|
+
],
|
|
824
|
+
"description": "Auto-extracted token `--dbx-secondary-color-contrast`. Add a sassdoc `///` block above the declaration in dbx-web for richer guidance.",
|
|
825
|
+
"defaults": {
|
|
826
|
+
"light": "var(--mat-sys-on-secondary)"
|
|
827
|
+
}
|
|
828
|
+
},
|
|
829
|
+
{
|
|
830
|
+
"cssVariable": "--dbx-success-color",
|
|
831
|
+
"scssVariable": "$dbx-success-color-var",
|
|
832
|
+
"source": "dbx-web",
|
|
833
|
+
"role": "color",
|
|
834
|
+
"intents": [
|
|
835
|
+
"success color",
|
|
836
|
+
"positive color",
|
|
837
|
+
"confirmation color",
|
|
838
|
+
"ok-state color"
|
|
839
|
+
],
|
|
840
|
+
"description": "dbx success color. Custom palette entry from the dbx theme config (no Material equivalent). Use for confirmation / positive states.",
|
|
841
|
+
"defaults": {
|
|
842
|
+
"light": "theming.get-dbx-success-color($theme-config)"
|
|
843
|
+
}
|
|
844
|
+
},
|
|
845
|
+
{
|
|
846
|
+
"cssVariable": "--dbx-success-color-contrast",
|
|
847
|
+
"scssVariable": "$dbx-success-color-contrast-var",
|
|
848
|
+
"source": "dbx-web",
|
|
849
|
+
"role": "color",
|
|
850
|
+
"intents": [
|
|
851
|
+
"success color contrast"
|
|
852
|
+
],
|
|
853
|
+
"description": "Auto-extracted token `--dbx-success-color-contrast`. Add a sassdoc `///` block above the declaration in dbx-web for richer guidance.",
|
|
854
|
+
"defaults": {
|
|
855
|
+
"light": "var(--mat-sys-surface)"
|
|
856
|
+
}
|
|
857
|
+
},
|
|
858
|
+
{
|
|
859
|
+
"cssVariable": "--dbx-surface-color",
|
|
860
|
+
"scssVariable": "$dbx-surface-color-var",
|
|
861
|
+
"source": "dbx-web",
|
|
862
|
+
"role": "surface",
|
|
863
|
+
"intents": [
|
|
864
|
+
"base surface",
|
|
865
|
+
"page background",
|
|
866
|
+
"surface background",
|
|
867
|
+
"app background"
|
|
868
|
+
],
|
|
869
|
+
"description": "Default surface background. Aliased from `--mat-sys-surface`.",
|
|
870
|
+
"defaults": {
|
|
871
|
+
"light": "var(--mat-sys-surface)"
|
|
872
|
+
},
|
|
873
|
+
"antiUseNotes": "Don't hardcode `background: #fff`; this token flips automatically in dark mode.",
|
|
874
|
+
"recommendedPrimitive": "content-box",
|
|
875
|
+
"seeAlso": [
|
|
876
|
+
"--mat-sys-surface"
|
|
877
|
+
]
|
|
878
|
+
},
|
|
879
|
+
{
|
|
880
|
+
"cssVariable": "--dbx-surface-container-color",
|
|
881
|
+
"scssVariable": "$dbx-surface-container-color-var",
|
|
882
|
+
"source": "dbx-web",
|
|
883
|
+
"role": "surface",
|
|
884
|
+
"intents": [
|
|
885
|
+
"card background",
|
|
886
|
+
"container surface",
|
|
887
|
+
"raised surface"
|
|
888
|
+
],
|
|
889
|
+
"description": "Container surface — the canonical card / content-box background. Aliased from `--mat-sys-surface-container`.",
|
|
890
|
+
"defaults": {
|
|
891
|
+
"light": "var(--mat-sys-surface-container)"
|
|
892
|
+
},
|
|
893
|
+
"antiUseNotes": "Don't hardcode `background: #f8f9fa`; use this var so dark mode flips automatically.",
|
|
894
|
+
"recommendedPrimitive": "content-box",
|
|
895
|
+
"seeAlso": [
|
|
896
|
+
"--mat-sys-surface-container"
|
|
897
|
+
]
|
|
898
|
+
},
|
|
899
|
+
{
|
|
900
|
+
"cssVariable": "--dbx-tertiary-color",
|
|
901
|
+
"scssVariable": "$dbx-tertiary-color-var",
|
|
902
|
+
"source": "dbx-web",
|
|
903
|
+
"role": "color",
|
|
904
|
+
"intents": [
|
|
905
|
+
"tertiary color",
|
|
906
|
+
"accent color"
|
|
907
|
+
],
|
|
908
|
+
"description": "dbx tertiary brand color. Aliased from `--mat-sys-tertiary`.",
|
|
909
|
+
"defaults": {
|
|
910
|
+
"light": "var(--mat-sys-tertiary)"
|
|
911
|
+
},
|
|
912
|
+
"seeAlso": [
|
|
913
|
+
"--mat-sys-tertiary"
|
|
914
|
+
]
|
|
915
|
+
},
|
|
916
|
+
{
|
|
917
|
+
"cssVariable": "--dbx-tertiary-color-contrast",
|
|
918
|
+
"scssVariable": "$dbx-tertiary-color-contrast-var",
|
|
919
|
+
"source": "dbx-web",
|
|
920
|
+
"role": "color",
|
|
921
|
+
"intents": [
|
|
922
|
+
"tertiary color contrast"
|
|
923
|
+
],
|
|
924
|
+
"description": "Auto-extracted token `--dbx-tertiary-color-contrast`. Add a sassdoc `///` block above the declaration in dbx-web for richer guidance.",
|
|
925
|
+
"defaults": {
|
|
926
|
+
"light": "var(--mat-sys-on-tertiary)"
|
|
927
|
+
}
|
|
928
|
+
},
|
|
929
|
+
{
|
|
930
|
+
"cssVariable": "--dbx-top-banner-height",
|
|
931
|
+
"scssVariable": "$top-banner-height-var",
|
|
932
|
+
"source": "dbx-web",
|
|
933
|
+
"role": "size",
|
|
934
|
+
"intents": [
|
|
935
|
+
"top banner height"
|
|
936
|
+
],
|
|
937
|
+
"description": "Auto-extracted token `--dbx-top-banner-height`. Add a sassdoc `///` block above the declaration in dbx-web for richer guidance.",
|
|
938
|
+
"defaults": {
|
|
939
|
+
"light": "$initial-top-banner-height"
|
|
940
|
+
}
|
|
941
|
+
},
|
|
942
|
+
{
|
|
943
|
+
"cssVariable": "--dbx-two-column-left-width",
|
|
944
|
+
"scssVariable": "$two-column-left-width-var",
|
|
945
|
+
"source": "dbx-web",
|
|
946
|
+
"role": "size",
|
|
947
|
+
"intents": [
|
|
948
|
+
"two column left width"
|
|
949
|
+
],
|
|
950
|
+
"description": "Auto-extracted token `--dbx-two-column-left-width`. Add a sassdoc `///` block above the declaration in dbx-web for richer guidance.",
|
|
951
|
+
"defaults": {
|
|
952
|
+
"light": "320px"
|
|
953
|
+
}
|
|
954
|
+
},
|
|
955
|
+
{
|
|
956
|
+
"cssVariable": "--dbx-warn-color",
|
|
957
|
+
"scssVariable": "$dbx-warn-color-var",
|
|
958
|
+
"source": "dbx-web",
|
|
959
|
+
"role": "color",
|
|
960
|
+
"intents": [
|
|
961
|
+
"warn color",
|
|
962
|
+
"error color",
|
|
963
|
+
"destructive color"
|
|
964
|
+
],
|
|
965
|
+
"description": "dbx warn/error color. Aliased from `--mat-sys-error`.",
|
|
966
|
+
"defaults": {
|
|
967
|
+
"light": "var(--mat-sys-error)"
|
|
968
|
+
},
|
|
969
|
+
"seeAlso": [
|
|
970
|
+
"--mat-sys-error"
|
|
971
|
+
]
|
|
972
|
+
},
|
|
973
|
+
{
|
|
974
|
+
"cssVariable": "--dbx-warn-color-contrast",
|
|
975
|
+
"scssVariable": "$dbx-warn-color-contrast-var",
|
|
976
|
+
"source": "dbx-web",
|
|
977
|
+
"role": "color",
|
|
978
|
+
"intents": [
|
|
979
|
+
"warn color contrast"
|
|
980
|
+
],
|
|
981
|
+
"description": "Auto-extracted token `--dbx-warn-color-contrast`. Add a sassdoc `///` block above the declaration in dbx-web for richer guidance.",
|
|
982
|
+
"defaults": {
|
|
983
|
+
"light": "var(--mat-sys-on-error)"
|
|
984
|
+
}
|
|
985
|
+
}
|
|
986
|
+
]
|
|
987
|
+
}
|