@multiplatform.one/theme 7.90.2 → 7.90.4
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/dist/cjs/audit/constraintAudit.cjs +0 -34
- package/dist/cjs/audit/constraintAudit.native.js +0 -34
- package/dist/cjs/audit/constraintAudit.native.js.map +1 -1
- package/dist/esm/audit/constraintAudit.mjs +0 -34
- package/dist/esm/audit/constraintAudit.mjs.map +1 -1
- package/dist/esm/audit/constraintAudit.native.js +0 -34
- package/dist/esm/audit/constraintAudit.native.js.map +1 -1
- package/package.json +5 -5
- package/src/audit/constraintAudit.ts +0 -182
- package/types/audit/constraintAudit.d.ts.map +1 -1
- package/src/audit/baselines/home-login.json +0 -171
- package/src/audit/baselines/home-login.png +0 -0
- package/src/audit/baselines/home-pokemon.png +0 -0
- package/src/audit/baselines/home.json +0 -194
- package/src/audit/baselines/home.png +0 -0
- package/src/audit/baselines/pokemon.json +0 -251
- package/src/audit/baselines/pokemon.png +0 -0
|
@@ -107,47 +107,9 @@ function numericTokens(group: Record<string, number>): Record<number, number> {
|
|
|
107
107
|
|
|
108
108
|
const scaleTokens = activeScaleTokens();
|
|
109
109
|
|
|
110
|
-
/** Radius token values: token key → px. */
|
|
111
|
-
const RADIUS_TOKENS: Record<number, number> = numericTokens(scaleTokens.radius);
|
|
112
|
-
|
|
113
110
|
/** Space token values: token key → px. */
|
|
114
111
|
const SPACE_TOKENS: Record<number, number> = numericTokens(scaleTokens.space);
|
|
115
112
|
|
|
116
|
-
/**
|
|
117
|
-
* Inner border radius knob → pixel value
|
|
118
|
-
* Source: borderRadiusMap in resolveKnobs.ts
|
|
119
|
-
*/
|
|
120
|
-
const BORDER_RADIUS_KNOB: Record<string, number> = {
|
|
121
|
-
none: RADIUS_TOKENS[0],
|
|
122
|
-
small: RADIUS_TOKENS[2],
|
|
123
|
-
medium: RADIUS_TOKENS[4],
|
|
124
|
-
large: RADIUS_TOKENS[6],
|
|
125
|
-
full: RADIUS_TOKENS[12],
|
|
126
|
-
};
|
|
127
|
-
|
|
128
|
-
/**
|
|
129
|
-
* Outer border radius knob → pixel value
|
|
130
|
-
* Source: outerRadiusMap in resolveKnobs.ts
|
|
131
|
-
*/
|
|
132
|
-
const OUTER_RADIUS_KNOB: Record<string, number> = {
|
|
133
|
-
none: RADIUS_TOKENS[0],
|
|
134
|
-
small: RADIUS_TOKENS[2],
|
|
135
|
-
medium: RADIUS_TOKENS[3],
|
|
136
|
-
large: RADIUS_TOKENS[4],
|
|
137
|
-
full: RADIUS_TOKENS[5],
|
|
138
|
-
};
|
|
139
|
-
|
|
140
|
-
/**
|
|
141
|
-
* Border width knob → raw pixel value (not token-based)
|
|
142
|
-
* Source: borderWidthMap in resolveKnobs.ts
|
|
143
|
-
*/
|
|
144
|
-
const BORDER_WIDTH_KNOB: Record<string, number> = {
|
|
145
|
-
none: 0,
|
|
146
|
-
small: 0.5,
|
|
147
|
-
medium: 1,
|
|
148
|
-
large: 2,
|
|
149
|
-
};
|
|
150
|
-
|
|
151
113
|
/**
|
|
152
114
|
* Within-group gap roles → pixel value on the scale.
|
|
153
115
|
* Source: spacingRoles in resolveKnobs.ts (gapSm $2, gap $3).
|
|
@@ -165,150 +127,6 @@ export const GAP_LG_KNOB: Record<string, number> = {
|
|
|
165
127
|
gapLg: SPACE_TOKENS[5],
|
|
166
128
|
};
|
|
167
129
|
|
|
168
|
-
/**
|
|
169
|
-
* Inset roles → pixel value on the scale.
|
|
170
|
-
* Source: spacingRoles in resolveKnobs.ts (panelPadding $4, featurePadding $6).
|
|
171
|
-
*/
|
|
172
|
-
const PANEL_PADDING_KNOB: Record<string, number> = {
|
|
173
|
-
panelPadding: SPACE_TOKENS[4],
|
|
174
|
-
featurePadding: SPACE_TOKENS[6],
|
|
175
|
-
};
|
|
176
|
-
|
|
177
|
-
/**
|
|
178
|
-
* Font weight knob → value string
|
|
179
|
-
* Source: fontWeightMap in resolveKnobs.ts
|
|
180
|
-
*/
|
|
181
|
-
const FONT_WEIGHT_KNOB: Record<string, number> = {
|
|
182
|
-
regular: 400,
|
|
183
|
-
bold: 700,
|
|
184
|
-
};
|
|
185
|
-
|
|
186
|
-
// ── Valid value sets ──────────────────────────────────────────────────────────
|
|
187
|
-
|
|
188
|
-
/** All valid border-radius px values (inner + outer scales combined) */
|
|
189
|
-
const VALID_BORDER_RADIUS_PX = new Set([
|
|
190
|
-
...Object.values(BORDER_RADIUS_KNOB),
|
|
191
|
-
...Object.values(OUTER_RADIUS_KNOB),
|
|
192
|
-
]);
|
|
193
|
-
|
|
194
|
-
/** All valid border-width values */
|
|
195
|
-
const VALID_BORDER_WIDTH = new Set(Object.values(BORDER_WIDTH_KNOB));
|
|
196
|
-
|
|
197
|
-
/** All valid gap px values (gap + gapLg scales combined, plus 0) */
|
|
198
|
-
const VALID_GAP_PX = new Set([0, ...Object.values(GAP_KNOB), ...Object.values(GAP_LG_KNOB)]);
|
|
199
|
-
|
|
200
|
-
/** All valid padding px values (panel padding + 0) */
|
|
201
|
-
const VALID_PADDING_PX = new Set([0, ...Object.values(PANEL_PADDING_KNOB)]);
|
|
202
|
-
|
|
203
|
-
/** All valid font-weight values */
|
|
204
|
-
const VALID_FONT_WEIGHT = new Set(Object.values(FONT_WEIGHT_KNOB));
|
|
205
|
-
|
|
206
|
-
/**
|
|
207
|
-
* Valid primary font families (first font in the computed stack).
|
|
208
|
-
* Source: packages/config/fonts.ts fontFamilies + Tamagui Inter stack.
|
|
209
|
-
* Keys are lowercase for case-insensitive matching.
|
|
210
|
-
*/
|
|
211
|
-
const FONT_FAMILY_KNOB: Record<string, string> = {
|
|
212
|
-
inter: "sans-serif ($body/$heading)",
|
|
213
|
-
georgia: "serif",
|
|
214
|
-
"ibm plex mono": "mono",
|
|
215
|
-
"ui-monospace": "mono",
|
|
216
|
-
monospace: "mono",
|
|
217
|
-
"roboto slab": "slab",
|
|
218
|
-
rockwell: "slab (fallback)",
|
|
219
|
-
nunito: "rounded",
|
|
220
|
-
"varela round": "rounded (fallback)",
|
|
221
|
-
"roboto condensed": "condensed",
|
|
222
|
-
"arial narrow": "condensed (fallback)",
|
|
223
|
-
"dancing script": "cursive",
|
|
224
|
-
pacifico: "cursive (fallback)",
|
|
225
|
-
caveat: "handwriting",
|
|
226
|
-
"patrick hand": "handwriting (fallback)",
|
|
227
|
-
silkscreen: "pixel",
|
|
228
|
-
"press start 2p": "pixel (fallback)",
|
|
229
|
-
unifrakturcook: "blackletter",
|
|
230
|
-
fraktur: "blackletter (fallback)",
|
|
231
|
-
futura: "geometric",
|
|
232
|
-
poppins: "geometric (fallback)",
|
|
233
|
-
"century gothic": "geometric (fallback)",
|
|
234
|
-
};
|
|
235
|
-
|
|
236
|
-
/** System/generic fonts that are valid as part of fallback stacks */
|
|
237
|
-
const SYSTEM_FONTS = new Set([
|
|
238
|
-
"-apple-system",
|
|
239
|
-
"system-ui",
|
|
240
|
-
"blinkmacsystemfont",
|
|
241
|
-
"segoe ui",
|
|
242
|
-
"roboto",
|
|
243
|
-
"helvetica",
|
|
244
|
-
"arial",
|
|
245
|
-
"sans-serif",
|
|
246
|
-
"serif",
|
|
247
|
-
"cursive",
|
|
248
|
-
"comic sans ms",
|
|
249
|
-
"courier new",
|
|
250
|
-
"times new roman",
|
|
251
|
-
"times",
|
|
252
|
-
]);
|
|
253
|
-
|
|
254
|
-
// ── Reverse-map helpers ───────────────────────────────────────────────────────
|
|
255
|
-
|
|
256
|
-
function reverseMapRadius(px: number): string {
|
|
257
|
-
for (const [knob, val] of Object.entries(BORDER_RADIUS_KNOB)) {
|
|
258
|
-
if (val === px) return knob;
|
|
259
|
-
}
|
|
260
|
-
for (const [knob, val] of Object.entries(OUTER_RADIUS_KNOB)) {
|
|
261
|
-
if (val === px) return `${knob} (outer)`;
|
|
262
|
-
}
|
|
263
|
-
return "off-scale";
|
|
264
|
-
}
|
|
265
|
-
|
|
266
|
-
function reverseMapBorderWidth(px: number): string {
|
|
267
|
-
for (const [knob, val] of Object.entries(BORDER_WIDTH_KNOB)) {
|
|
268
|
-
if (val === px) return knob;
|
|
269
|
-
}
|
|
270
|
-
return "off-scale";
|
|
271
|
-
}
|
|
272
|
-
|
|
273
|
-
function reverseMapGap(px: number): string {
|
|
274
|
-
for (const [knob, val] of Object.entries(GAP_KNOB)) {
|
|
275
|
-
if (val === px) return knob;
|
|
276
|
-
}
|
|
277
|
-
for (const [knob, val] of Object.entries(GAP_LG_KNOB)) {
|
|
278
|
-
if (val === px) return `${knob} (lg)`;
|
|
279
|
-
}
|
|
280
|
-
if (px === 0) return "none";
|
|
281
|
-
return "off-scale";
|
|
282
|
-
}
|
|
283
|
-
|
|
284
|
-
function reverseMapPadding(px: number): string {
|
|
285
|
-
for (const [knob, val] of Object.entries(PANEL_PADDING_KNOB)) {
|
|
286
|
-
if (val === px) return knob;
|
|
287
|
-
}
|
|
288
|
-
if (px === 0) return "none";
|
|
289
|
-
return "off-scale";
|
|
290
|
-
}
|
|
291
|
-
|
|
292
|
-
function reverseMapFontWeight(weight: number): string {
|
|
293
|
-
for (const [knob, val] of Object.entries(FONT_WEIGHT_KNOB)) {
|
|
294
|
-
if (val === weight) return knob;
|
|
295
|
-
}
|
|
296
|
-
return "off-scale";
|
|
297
|
-
}
|
|
298
|
-
|
|
299
|
-
function reverseMapFontFamily(computed: string): { knob: string; offScale: boolean } {
|
|
300
|
-
const first = computed
|
|
301
|
-
.split(",")[0]
|
|
302
|
-
.trim()
|
|
303
|
-
.replace(/^['"]|['"]$/g, "")
|
|
304
|
-
.toLowerCase();
|
|
305
|
-
if (!first) return { knob: "empty", offScale: true };
|
|
306
|
-
const knob = FONT_FAMILY_KNOB[first];
|
|
307
|
-
if (knob) return { knob, offScale: false };
|
|
308
|
-
if (SYSTEM_FONTS.has(first)) return { knob: `system (${first})`, offScale: false };
|
|
309
|
-
return { knob: "off-scale", offScale: true };
|
|
310
|
-
}
|
|
311
|
-
|
|
312
130
|
// ── Core audit function ───────────────────────────────────────────────────────
|
|
313
131
|
|
|
314
132
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constraintAudit.d.ts","sourceRoot":"","sources":["../../src/audit/constraintAudit.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAOH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,qFAAqF;IACrF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,eAAe;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,8BAA8B;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,6CAA6C;IAC7C,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC,oBAAoB,CAAC,EAAE,aAAa,CAAC;IACrC,uBAAuB,CAAC,EAAE,aAAa,CAAC;IACxC,sBAAsB,CAAC,EAAE,aAAa,CAAC;IACvC,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,GAAG,CAAC,EAAE,aAAa,CAAC;IACpB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,6EAA6E;IAC7E,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,uCAAuC;IACvC,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE;QACV,YAAY,EAAE,MAAM,CAAC;QACrB,WAAW,EAAE,MAAM,CAAC;QACpB,GAAG,EAAE,MAAM,CAAC;QACZ,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;CACH;AAED,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,YAAY,EAAE,CAAC;IAC3B,sDAAsD;IACtD,QAAQ,EAAE,YAAY,EAAE,CAAC;CAC1B;
|
|
1
|
+
{"version":3,"file":"constraintAudit.d.ts","sourceRoot":"","sources":["../../src/audit/constraintAudit.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAOH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,qFAAqF;IACrF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,eAAe;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,8BAA8B;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,6CAA6C;IAC7C,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC,oBAAoB,CAAC,EAAE,aAAa,CAAC;IACrC,uBAAuB,CAAC,EAAE,aAAa,CAAC;IACxC,sBAAsB,CAAC,EAAE,aAAa,CAAC;IACvC,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,GAAG,CAAC,EAAE,aAAa,CAAC;IACpB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,6EAA6E;IAC7E,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,uCAAuC;IACvC,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE;QACV,YAAY,EAAE,MAAM,CAAC;QACrB,WAAW,EAAE,MAAM,CAAC;QACpB,GAAG,EAAE,MAAM,CAAC;QACZ,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;CACH;AAED,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,YAAY,EAAE,CAAC;IAC3B,sDAAsD;IACtD,QAAQ,EAAE,YAAY,EAAE,CAAC;CAC1B;AAyBD;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAG3C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAE9C,CAAC;AAIF;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,WAAW,CAmwBrE"}
|
|
@@ -1,171 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"url": "http://localhost:3000/login",
|
|
3
|
-
"timestamp": "2026-03-25T05:33:41.245Z",
|
|
4
|
-
"preset": "unknown",
|
|
5
|
-
"scheme": "light",
|
|
6
|
-
"summary": {
|
|
7
|
-
"totalElements": 21,
|
|
8
|
-
"auditedElements": 6,
|
|
9
|
-
"totalViolations": 2,
|
|
10
|
-
"byProperty": {
|
|
11
|
-
"borderRadius": 1,
|
|
12
|
-
"borderWidth": 0,
|
|
13
|
-
"gap": 1,
|
|
14
|
-
"padding": 0,
|
|
15
|
-
"fontWeight": 0,
|
|
16
|
-
"fontFamily": 0,
|
|
17
|
-
"inlineColor": 1
|
|
18
|
-
}
|
|
19
|
-
},
|
|
20
|
-
"violations": [
|
|
21
|
-
{
|
|
22
|
-
"label": "div",
|
|
23
|
-
"tag": "div",
|
|
24
|
-
"id": "",
|
|
25
|
-
"classes": [],
|
|
26
|
-
"violations": [
|
|
27
|
-
"inlineColor: backgroundColor=\"rgba(60, 100, 200, 0.65)\" bypasses theme tokens"
|
|
28
|
-
],
|
|
29
|
-
"inlineColor": {
|
|
30
|
-
"value": "backgroundColor: rgba(60, 100, 200, 0.65)",
|
|
31
|
-
"knob": "off-scale (hardcoded)",
|
|
32
|
-
"offScale": true
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
|
-
{
|
|
36
|
-
"label": "button.is_Button.is_View._outlineColor-0focus-visible-outlineColo114[role=button]",
|
|
37
|
-
"tag": "button",
|
|
38
|
-
"id": "",
|
|
39
|
-
"classes": [
|
|
40
|
-
"is_Button",
|
|
41
|
-
"is_View",
|
|
42
|
-
"_outlineColor-0focus-visible-outlineColo114",
|
|
43
|
-
"_outlineStyle-0focus-visible-solid",
|
|
44
|
-
"_outlineWidth-0focus-visible-2px"
|
|
45
|
-
],
|
|
46
|
-
"violations": [
|
|
47
|
-
"borderRadius: 100000px is off-scale (no matching token)",
|
|
48
|
-
"rowGap: 9px is off-scale (no matching token)"
|
|
49
|
-
],
|
|
50
|
-
"borderRadius": {
|
|
51
|
-
"value": 100000,
|
|
52
|
-
"unit": "px",
|
|
53
|
-
"knob": "off-scale",
|
|
54
|
-
"offScale": true
|
|
55
|
-
},
|
|
56
|
-
"borderWidth": {
|
|
57
|
-
"value": 1,
|
|
58
|
-
"unit": "px",
|
|
59
|
-
"knob": "medium",
|
|
60
|
-
"offScale": false
|
|
61
|
-
},
|
|
62
|
-
"rowGap": {
|
|
63
|
-
"value": 9,
|
|
64
|
-
"unit": "px",
|
|
65
|
-
"knob": "off-scale",
|
|
66
|
-
"offScale": true
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
],
|
|
70
|
-
"elements": [
|
|
71
|
-
{
|
|
72
|
-
"label": "div",
|
|
73
|
-
"tag": "div",
|
|
74
|
-
"id": "",
|
|
75
|
-
"classes": [],
|
|
76
|
-
"violations": [
|
|
77
|
-
"inlineColor: backgroundColor=\"rgba(60, 100, 200, 0.65)\" bypasses theme tokens"
|
|
78
|
-
],
|
|
79
|
-
"inlineColor": {
|
|
80
|
-
"value": "backgroundColor: rgba(60, 100, 200, 0.65)",
|
|
81
|
-
"knob": "off-scale (hardcoded)",
|
|
82
|
-
"offScale": true
|
|
83
|
-
}
|
|
84
|
-
},
|
|
85
|
-
{
|
|
86
|
-
"label": "span._dsp_contents.t_unmounted.font_body",
|
|
87
|
-
"tag": "span",
|
|
88
|
-
"id": "",
|
|
89
|
-
"classes": ["_dsp_contents", "t_unmounted", "font_body"],
|
|
90
|
-
"violations": [],
|
|
91
|
-
"fontFamily": {
|
|
92
|
-
"value": "Inter, -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
|
|
93
|
-
"knob": "sans-serif ($body/$heading)",
|
|
94
|
-
"offScale": false
|
|
95
|
-
}
|
|
96
|
-
},
|
|
97
|
-
{
|
|
98
|
-
"label": "nav.is_View",
|
|
99
|
-
"tag": "nav",
|
|
100
|
-
"id": "",
|
|
101
|
-
"classes": ["is_View"],
|
|
102
|
-
"violations": [],
|
|
103
|
-
"borderWidth": {
|
|
104
|
-
"value": 1,
|
|
105
|
-
"unit": "px",
|
|
106
|
-
"knob": "medium",
|
|
107
|
-
"offScale": false
|
|
108
|
-
}
|
|
109
|
-
},
|
|
110
|
-
{
|
|
111
|
-
"label": "div.is_View",
|
|
112
|
-
"tag": "div",
|
|
113
|
-
"id": "",
|
|
114
|
-
"classes": ["is_View"],
|
|
115
|
-
"violations": [],
|
|
116
|
-
"rowGap": {
|
|
117
|
-
"value": 13,
|
|
118
|
-
"unit": "px",
|
|
119
|
-
"knob": "medium",
|
|
120
|
-
"offScale": false
|
|
121
|
-
}
|
|
122
|
-
},
|
|
123
|
-
{
|
|
124
|
-
"label": "button.is_Button.is_View._outlineColor-0focus-visible-outlineColo114[role=button]",
|
|
125
|
-
"tag": "button",
|
|
126
|
-
"id": "",
|
|
127
|
-
"classes": [
|
|
128
|
-
"is_Button",
|
|
129
|
-
"is_View",
|
|
130
|
-
"_outlineColor-0focus-visible-outlineColo114",
|
|
131
|
-
"_outlineStyle-0focus-visible-solid",
|
|
132
|
-
"_outlineWidth-0focus-visible-2px"
|
|
133
|
-
],
|
|
134
|
-
"violations": [
|
|
135
|
-
"borderRadius: 100000px is off-scale (no matching token)",
|
|
136
|
-
"rowGap: 9px is off-scale (no matching token)"
|
|
137
|
-
],
|
|
138
|
-
"borderRadius": {
|
|
139
|
-
"value": 100000,
|
|
140
|
-
"unit": "px",
|
|
141
|
-
"knob": "off-scale",
|
|
142
|
-
"offScale": true
|
|
143
|
-
},
|
|
144
|
-
"borderWidth": {
|
|
145
|
-
"value": 1,
|
|
146
|
-
"unit": "px",
|
|
147
|
-
"knob": "medium",
|
|
148
|
-
"offScale": false
|
|
149
|
-
},
|
|
150
|
-
"rowGap": {
|
|
151
|
-
"value": 9,
|
|
152
|
-
"unit": "px",
|
|
153
|
-
"knob": "off-scale",
|
|
154
|
-
"offScale": true
|
|
155
|
-
}
|
|
156
|
-
},
|
|
157
|
-
{
|
|
158
|
-
"label": "div.is_View",
|
|
159
|
-
"tag": "div",
|
|
160
|
-
"id": "",
|
|
161
|
-
"classes": ["is_View"],
|
|
162
|
-
"violations": [],
|
|
163
|
-
"rowGap": {
|
|
164
|
-
"value": 13,
|
|
165
|
-
"unit": "px",
|
|
166
|
-
"knob": "medium",
|
|
167
|
-
"offScale": false
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
]
|
|
171
|
-
}
|
|
Binary file
|
|
Binary file
|
|
@@ -1,194 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"url": "http://localhost:3000/",
|
|
3
|
-
"timestamp": "2026-03-25T06:05:33.532Z",
|
|
4
|
-
"preset": "unknown",
|
|
5
|
-
"scheme": "light",
|
|
6
|
-
"summary": {
|
|
7
|
-
"totalElements": 34,
|
|
8
|
-
"auditedElements": 10,
|
|
9
|
-
"totalViolations": 0,
|
|
10
|
-
"byProperty": {
|
|
11
|
-
"borderRadius": 0,
|
|
12
|
-
"borderWidth": 0,
|
|
13
|
-
"gap": 0,
|
|
14
|
-
"padding": 0,
|
|
15
|
-
"fontWeight": 0,
|
|
16
|
-
"fontFamily": 0,
|
|
17
|
-
"inlineColor": 0
|
|
18
|
-
}
|
|
19
|
-
},
|
|
20
|
-
"violations": [],
|
|
21
|
-
"elements": [
|
|
22
|
-
{
|
|
23
|
-
"label": "span._dsp_contents.font_body",
|
|
24
|
-
"tag": "span",
|
|
25
|
-
"id": "",
|
|
26
|
-
"classes": ["_dsp_contents", "font_body"],
|
|
27
|
-
"violations": [],
|
|
28
|
-
"fontFamily": {
|
|
29
|
-
"value": "Inter, -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
|
|
30
|
-
"knob": "sans-serif ($body/$heading)",
|
|
31
|
-
"offScale": false
|
|
32
|
-
}
|
|
33
|
-
},
|
|
34
|
-
{
|
|
35
|
-
"label": "nav.is_View",
|
|
36
|
-
"tag": "nav",
|
|
37
|
-
"id": "",
|
|
38
|
-
"classes": ["is_View"],
|
|
39
|
-
"violations": [],
|
|
40
|
-
"borderWidth": {
|
|
41
|
-
"value": 1,
|
|
42
|
-
"unit": "px",
|
|
43
|
-
"knob": "medium",
|
|
44
|
-
"offScale": false
|
|
45
|
-
}
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
"label": "div.is_View",
|
|
49
|
-
"tag": "div",
|
|
50
|
-
"id": "",
|
|
51
|
-
"classes": ["is_View"],
|
|
52
|
-
"violations": [],
|
|
53
|
-
"rowGap": {
|
|
54
|
-
"value": 13,
|
|
55
|
-
"unit": "px",
|
|
56
|
-
"knob": "medium",
|
|
57
|
-
"offScale": false
|
|
58
|
-
}
|
|
59
|
-
},
|
|
60
|
-
{
|
|
61
|
-
"label": "h4.is_H4.is_Text.font_heading",
|
|
62
|
-
"tag": "h4",
|
|
63
|
-
"id": "",
|
|
64
|
-
"classes": ["is_H4", "is_Text", "font_heading"],
|
|
65
|
-
"violations": [],
|
|
66
|
-
"fontWeight": {
|
|
67
|
-
"value": 700,
|
|
68
|
-
"unit": "px",
|
|
69
|
-
"knob": "bold",
|
|
70
|
-
"offScale": false
|
|
71
|
-
}
|
|
72
|
-
},
|
|
73
|
-
{
|
|
74
|
-
"label": "div.t_unmounted.is_View",
|
|
75
|
-
"tag": "div",
|
|
76
|
-
"id": "",
|
|
77
|
-
"classes": ["t_unmounted", "is_View"],
|
|
78
|
-
"violations": [],
|
|
79
|
-
"borderRadius": {
|
|
80
|
-
"value": 9,
|
|
81
|
-
"unit": "px",
|
|
82
|
-
"knob": "medium",
|
|
83
|
-
"offScale": false
|
|
84
|
-
},
|
|
85
|
-
"borderWidth": {
|
|
86
|
-
"value": 1,
|
|
87
|
-
"unit": "px",
|
|
88
|
-
"knob": "medium",
|
|
89
|
-
"offScale": false
|
|
90
|
-
}
|
|
91
|
-
},
|
|
92
|
-
{
|
|
93
|
-
"label": "div.is_GroupFrame.is_View._outlineStyle-none[role=tablist]",
|
|
94
|
-
"tag": "div",
|
|
95
|
-
"id": "",
|
|
96
|
-
"classes": ["is_GroupFrame", "is_View", "_outlineStyle-none"],
|
|
97
|
-
"violations": [],
|
|
98
|
-
"borderRadius": {
|
|
99
|
-
"value": 9,
|
|
100
|
-
"unit": "px",
|
|
101
|
-
"knob": "medium",
|
|
102
|
-
"offScale": false
|
|
103
|
-
},
|
|
104
|
-
"rowGap": {
|
|
105
|
-
"value": 13,
|
|
106
|
-
"unit": "px",
|
|
107
|
-
"knob": "medium",
|
|
108
|
-
"offScale": false
|
|
109
|
-
}
|
|
110
|
-
},
|
|
111
|
-
{
|
|
112
|
-
"label": "div.is_View",
|
|
113
|
-
"tag": "div",
|
|
114
|
-
"id": "",
|
|
115
|
-
"classes": ["is_View"],
|
|
116
|
-
"violations": [],
|
|
117
|
-
"rowGap": {
|
|
118
|
-
"value": 13,
|
|
119
|
-
"unit": "px",
|
|
120
|
-
"knob": "medium",
|
|
121
|
-
"offScale": false
|
|
122
|
-
}
|
|
123
|
-
},
|
|
124
|
-
{
|
|
125
|
-
"label": "button.is_Button.is_View._outlineColor-0focus-visible-outlineColo114[role=button]",
|
|
126
|
-
"tag": "button",
|
|
127
|
-
"id": "",
|
|
128
|
-
"classes": [
|
|
129
|
-
"is_Button",
|
|
130
|
-
"is_View",
|
|
131
|
-
"_outlineColor-0focus-visible-outlineColo114",
|
|
132
|
-
"_outlineStyle-0focus-visible-solid",
|
|
133
|
-
"_outlineWidth-0focus-visible-2px"
|
|
134
|
-
],
|
|
135
|
-
"violations": [],
|
|
136
|
-
"borderRadius": {
|
|
137
|
-
"value": 5,
|
|
138
|
-
"unit": "px",
|
|
139
|
-
"knob": "small",
|
|
140
|
-
"offScale": false
|
|
141
|
-
},
|
|
142
|
-
"borderWidth": {
|
|
143
|
-
"value": 1,
|
|
144
|
-
"unit": "px",
|
|
145
|
-
"knob": "medium",
|
|
146
|
-
"offScale": false
|
|
147
|
-
},
|
|
148
|
-
"rowGap": {
|
|
149
|
-
"value": 5,
|
|
150
|
-
"unit": "px",
|
|
151
|
-
"knob": "size-token(5px)",
|
|
152
|
-
"offScale": false
|
|
153
|
-
},
|
|
154
|
-
"paddingRight": {
|
|
155
|
-
"value": 7,
|
|
156
|
-
"unit": "px",
|
|
157
|
-
"knob": "size-token(7px)",
|
|
158
|
-
"offScale": false
|
|
159
|
-
},
|
|
160
|
-
"paddingLeft": {
|
|
161
|
-
"value": 7,
|
|
162
|
-
"unit": "px",
|
|
163
|
-
"knob": "size-token(7px)",
|
|
164
|
-
"offScale": false
|
|
165
|
-
}
|
|
166
|
-
},
|
|
167
|
-
{
|
|
168
|
-
"label": "span.is_SizableText.is_Text.font_body",
|
|
169
|
-
"tag": "span",
|
|
170
|
-
"id": "",
|
|
171
|
-
"classes": ["is_SizableText", "is_Text", "font_body", "_textOverflow-ellipsis"],
|
|
172
|
-
"violations": [],
|
|
173
|
-
"fontWeight": {
|
|
174
|
-
"value": 300,
|
|
175
|
-
"unit": "px",
|
|
176
|
-
"knob": "light",
|
|
177
|
-
"offScale": false
|
|
178
|
-
}
|
|
179
|
-
},
|
|
180
|
-
{
|
|
181
|
-
"label": "div.is_View",
|
|
182
|
-
"tag": "div",
|
|
183
|
-
"id": "",
|
|
184
|
-
"classes": ["is_View"],
|
|
185
|
-
"violations": [],
|
|
186
|
-
"rowGap": {
|
|
187
|
-
"value": 13,
|
|
188
|
-
"unit": "px",
|
|
189
|
-
"knob": "medium",
|
|
190
|
-
"offScale": false
|
|
191
|
-
}
|
|
192
|
-
}
|
|
193
|
-
]
|
|
194
|
-
}
|
|
Binary file
|