@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,298 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 1,
|
|
3
|
+
"source": "angular-material-mdc",
|
|
4
|
+
"module": "@angular/material",
|
|
5
|
+
"generatedAt": "1970-01-01T00:00:00.000Z",
|
|
6
|
+
"generator": "@dereekb/dbx-components-mcp/scripts/generate-css-tokens.mjs",
|
|
7
|
+
"entries": [
|
|
8
|
+
{
|
|
9
|
+
"cssVariable": "--mdc-linear-progress-active-indicator-color",
|
|
10
|
+
"source": "mdc",
|
|
11
|
+
"role": "color",
|
|
12
|
+
"componentScope": "mat-progress-bar",
|
|
13
|
+
"intents": [
|
|
14
|
+
"progress bar color",
|
|
15
|
+
"linear progress active color"
|
|
16
|
+
],
|
|
17
|
+
"description": "Active indicator color of `mat-progress-bar`.",
|
|
18
|
+
"antiUseNotes": "Don't override this directly — set `color=\"primary|accent|warn\"` on the host `<mat-progress-bar>` instead.",
|
|
19
|
+
"defaults": {
|
|
20
|
+
"light": "var(--mat-sys-primary)"
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
"cssVariable": "--mdc-linear-progress-track-color",
|
|
25
|
+
"source": "mdc",
|
|
26
|
+
"role": "color",
|
|
27
|
+
"componentScope": "mat-progress-bar",
|
|
28
|
+
"intents": [
|
|
29
|
+
"progress bar track color",
|
|
30
|
+
"linear progress background"
|
|
31
|
+
],
|
|
32
|
+
"description": "Track (background) color of `mat-progress-bar`.",
|
|
33
|
+
"antiUseNotes": "Don't override this directly; let Material's color attribute do the work or wrap in a styled component.",
|
|
34
|
+
"defaults": {
|
|
35
|
+
"light": "var(--mat-sys-surface-container-highest)"
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
"cssVariable": "--mdc-linear-progress-track-height",
|
|
40
|
+
"source": "mdc",
|
|
41
|
+
"role": "size",
|
|
42
|
+
"componentScope": "mat-progress-bar",
|
|
43
|
+
"intents": [
|
|
44
|
+
"progress bar height",
|
|
45
|
+
"linear progress thickness"
|
|
46
|
+
],
|
|
47
|
+
"description": "Height of the `mat-progress-bar` track.",
|
|
48
|
+
"defaults": {
|
|
49
|
+
"light": "4px"
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"cssVariable": "--mdc-filled-button-container-color",
|
|
54
|
+
"source": "mdc",
|
|
55
|
+
"role": "color",
|
|
56
|
+
"componentScope": "mat-button",
|
|
57
|
+
"intents": [
|
|
58
|
+
"filled button background color"
|
|
59
|
+
],
|
|
60
|
+
"description": "Filled button container color (`mat-flat-button`).",
|
|
61
|
+
"antiUseNotes": "Don't override on every button instance — use `<dbx-button flat color=\"primary\">` and let theme resolution flow through Material.",
|
|
62
|
+
"defaults": {
|
|
63
|
+
"light": "var(--mat-sys-primary)"
|
|
64
|
+
},
|
|
65
|
+
"recommendedPrimitive": "button"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"cssVariable": "--mdc-filled-button-label-text-color",
|
|
69
|
+
"source": "mdc",
|
|
70
|
+
"role": "text-color",
|
|
71
|
+
"componentScope": "mat-button",
|
|
72
|
+
"intents": [
|
|
73
|
+
"filled button label color"
|
|
74
|
+
],
|
|
75
|
+
"description": "Filled button label color (`mat-flat-button`).",
|
|
76
|
+
"defaults": {
|
|
77
|
+
"light": "var(--mat-sys-on-primary)"
|
|
78
|
+
},
|
|
79
|
+
"recommendedPrimitive": "button"
|
|
80
|
+
},
|
|
81
|
+
{
|
|
82
|
+
"cssVariable": "--mdc-outlined-button-outline-color",
|
|
83
|
+
"source": "mdc",
|
|
84
|
+
"role": "color",
|
|
85
|
+
"componentScope": "mat-button",
|
|
86
|
+
"intents": [
|
|
87
|
+
"stroked button outline color"
|
|
88
|
+
],
|
|
89
|
+
"description": "Outline color of `mat-stroked-button`.",
|
|
90
|
+
"antiUseNotes": "Use `<dbx-button stroked>` instead of styling the underlying outline directly.",
|
|
91
|
+
"defaults": {
|
|
92
|
+
"light": "var(--mat-sys-outline)"
|
|
93
|
+
},
|
|
94
|
+
"recommendedPrimitive": "button"
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
"cssVariable": "--mdc-outlined-button-label-text-color",
|
|
98
|
+
"source": "mdc",
|
|
99
|
+
"role": "text-color",
|
|
100
|
+
"componentScope": "mat-button",
|
|
101
|
+
"intents": [
|
|
102
|
+
"stroked button label color",
|
|
103
|
+
"outlined button text"
|
|
104
|
+
],
|
|
105
|
+
"description": "Label color of `mat-stroked-button`.",
|
|
106
|
+
"defaults": {
|
|
107
|
+
"light": "var(--mat-sys-primary)"
|
|
108
|
+
},
|
|
109
|
+
"recommendedPrimitive": "button"
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
"cssVariable": "--mdc-text-button-label-text-color",
|
|
113
|
+
"source": "mdc",
|
|
114
|
+
"role": "text-color",
|
|
115
|
+
"componentScope": "mat-button",
|
|
116
|
+
"intents": [
|
|
117
|
+
"text button label color",
|
|
118
|
+
"basic button label color"
|
|
119
|
+
],
|
|
120
|
+
"description": "Label color of `mat-button` (text/basic variant).",
|
|
121
|
+
"defaults": {
|
|
122
|
+
"light": "var(--mat-sys-primary)"
|
|
123
|
+
},
|
|
124
|
+
"recommendedPrimitive": "button"
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
"cssVariable": "--mdc-icon-button-icon-color",
|
|
128
|
+
"source": "mdc",
|
|
129
|
+
"role": "color",
|
|
130
|
+
"componentScope": "mat-icon-button",
|
|
131
|
+
"intents": [
|
|
132
|
+
"icon button color"
|
|
133
|
+
],
|
|
134
|
+
"description": "Icon color inside `mat-icon-button`.",
|
|
135
|
+
"antiUseNotes": "Prefer `<dbx-button icon=\"…\">` so theming flows through dbx-web.",
|
|
136
|
+
"defaults": {
|
|
137
|
+
"light": "var(--mat-sys-on-surface-variant)"
|
|
138
|
+
},
|
|
139
|
+
"recommendedPrimitive": "button"
|
|
140
|
+
},
|
|
141
|
+
{
|
|
142
|
+
"cssVariable": "--mdc-fab-container-color",
|
|
143
|
+
"source": "mdc",
|
|
144
|
+
"role": "color",
|
|
145
|
+
"componentScope": "mat-fab",
|
|
146
|
+
"intents": [
|
|
147
|
+
"FAB background color",
|
|
148
|
+
"floating action button color"
|
|
149
|
+
],
|
|
150
|
+
"description": "Container color of `mat-fab`.",
|
|
151
|
+
"defaults": {
|
|
152
|
+
"light": "var(--mat-sys-primary-container)"
|
|
153
|
+
}
|
|
154
|
+
},
|
|
155
|
+
{
|
|
156
|
+
"cssVariable": "--mdc-filled-text-field-container-color",
|
|
157
|
+
"source": "mdc",
|
|
158
|
+
"role": "surface",
|
|
159
|
+
"componentScope": "mat-form-field",
|
|
160
|
+
"intents": [
|
|
161
|
+
"form field background color",
|
|
162
|
+
"input background color"
|
|
163
|
+
],
|
|
164
|
+
"description": "Container color for the filled appearance of `mat-form-field`.",
|
|
165
|
+
"defaults": {
|
|
166
|
+
"light": "var(--mat-sys-surface-container-highest)"
|
|
167
|
+
}
|
|
168
|
+
},
|
|
169
|
+
{
|
|
170
|
+
"cssVariable": "--mdc-outlined-text-field-outline-color",
|
|
171
|
+
"source": "mdc",
|
|
172
|
+
"role": "color",
|
|
173
|
+
"componentScope": "mat-form-field",
|
|
174
|
+
"intents": [
|
|
175
|
+
"form field outline color",
|
|
176
|
+
"input outline color"
|
|
177
|
+
],
|
|
178
|
+
"description": "Outline color for the outlined appearance of `mat-form-field`.",
|
|
179
|
+
"defaults": {
|
|
180
|
+
"light": "var(--mat-sys-outline)"
|
|
181
|
+
}
|
|
182
|
+
},
|
|
183
|
+
{
|
|
184
|
+
"cssVariable": "--mdc-dialog-container-color",
|
|
185
|
+
"source": "mdc",
|
|
186
|
+
"role": "surface",
|
|
187
|
+
"componentScope": "mat-dialog",
|
|
188
|
+
"intents": [
|
|
189
|
+
"dialog background",
|
|
190
|
+
"modal surface",
|
|
191
|
+
"dialog surface"
|
|
192
|
+
],
|
|
193
|
+
"description": "Background color of `mat-dialog` containers.",
|
|
194
|
+
"defaults": {
|
|
195
|
+
"light": "var(--mat-sys-surface-container-high)"
|
|
196
|
+
}
|
|
197
|
+
},
|
|
198
|
+
{
|
|
199
|
+
"cssVariable": "--mdc-dialog-container-shape",
|
|
200
|
+
"source": "mdc",
|
|
201
|
+
"role": "radius",
|
|
202
|
+
"componentScope": "mat-dialog",
|
|
203
|
+
"intents": [
|
|
204
|
+
"dialog corner radius",
|
|
205
|
+
"modal radius"
|
|
206
|
+
],
|
|
207
|
+
"description": "Corner radius of `mat-dialog` containers.",
|
|
208
|
+
"defaults": {
|
|
209
|
+
"light": "var(--mat-sys-corner-extra-large)"
|
|
210
|
+
}
|
|
211
|
+
},
|
|
212
|
+
{
|
|
213
|
+
"cssVariable": "--mdc-elevated-card-container-color",
|
|
214
|
+
"source": "mdc",
|
|
215
|
+
"role": "surface",
|
|
216
|
+
"componentScope": "mat-card",
|
|
217
|
+
"intents": [
|
|
218
|
+
"card background",
|
|
219
|
+
"elevated card surface"
|
|
220
|
+
],
|
|
221
|
+
"description": "Container color of an elevated `mat-card`.",
|
|
222
|
+
"antiUseNotes": "Use `<dbx-content-box>` for the dbx-web equivalent — same surface, plus padding tokens.",
|
|
223
|
+
"defaults": {
|
|
224
|
+
"light": "var(--mat-sys-surface-container-low)"
|
|
225
|
+
},
|
|
226
|
+
"recommendedPrimitive": "content-box"
|
|
227
|
+
},
|
|
228
|
+
{
|
|
229
|
+
"cssVariable": "--mdc-elevated-card-container-shape",
|
|
230
|
+
"source": "mdc",
|
|
231
|
+
"role": "radius",
|
|
232
|
+
"componentScope": "mat-card",
|
|
233
|
+
"intents": [
|
|
234
|
+
"card corner radius",
|
|
235
|
+
"card radius"
|
|
236
|
+
],
|
|
237
|
+
"description": "Corner radius of an elevated `mat-card`.",
|
|
238
|
+
"defaults": {
|
|
239
|
+
"light": "var(--mat-sys-corner-medium)"
|
|
240
|
+
},
|
|
241
|
+
"recommendedPrimitive": "content-box"
|
|
242
|
+
},
|
|
243
|
+
{
|
|
244
|
+
"cssVariable": "--mdc-chip-container-shape-radius",
|
|
245
|
+
"source": "mdc",
|
|
246
|
+
"role": "radius",
|
|
247
|
+
"componentScope": "mat-chip",
|
|
248
|
+
"intents": [
|
|
249
|
+
"chip corner radius"
|
|
250
|
+
],
|
|
251
|
+
"description": "Corner radius of `mat-chip`.",
|
|
252
|
+
"defaults": {
|
|
253
|
+
"light": "var(--mat-sys-corner-small)"
|
|
254
|
+
}
|
|
255
|
+
},
|
|
256
|
+
{
|
|
257
|
+
"cssVariable": "--mdc-chip-elevated-container-color",
|
|
258
|
+
"source": "mdc",
|
|
259
|
+
"role": "surface",
|
|
260
|
+
"componentScope": "mat-chip",
|
|
261
|
+
"intents": [
|
|
262
|
+
"chip background",
|
|
263
|
+
"chip surface"
|
|
264
|
+
],
|
|
265
|
+
"description": "Container color of an elevated `mat-chip`.",
|
|
266
|
+
"defaults": {
|
|
267
|
+
"light": "var(--mat-sys-surface-container-low)"
|
|
268
|
+
}
|
|
269
|
+
},
|
|
270
|
+
{
|
|
271
|
+
"cssVariable": "--mdc-tab-indicator-active-indicator-color",
|
|
272
|
+
"source": "mdc",
|
|
273
|
+
"role": "color",
|
|
274
|
+
"componentScope": "mat-tab-group",
|
|
275
|
+
"intents": [
|
|
276
|
+
"tab indicator color",
|
|
277
|
+
"active tab line"
|
|
278
|
+
],
|
|
279
|
+
"description": "Active indicator color for `mat-tab-group`.",
|
|
280
|
+
"defaults": {
|
|
281
|
+
"light": "var(--mat-sys-primary)"
|
|
282
|
+
}
|
|
283
|
+
},
|
|
284
|
+
{
|
|
285
|
+
"cssVariable": "--mdc-list-list-item-container-color",
|
|
286
|
+
"source": "mdc",
|
|
287
|
+
"role": "surface",
|
|
288
|
+
"componentScope": "mat-list",
|
|
289
|
+
"intents": [
|
|
290
|
+
"list item background"
|
|
291
|
+
],
|
|
292
|
+
"description": "Background color of `mat-list-item`.",
|
|
293
|
+
"defaults": {
|
|
294
|
+
"light": "transparent"
|
|
295
|
+
}
|
|
296
|
+
}
|
|
297
|
+
]
|
|
298
|
+
}
|