Skip to content

Commit 162787a

Browse files
jackgranatowskijackgranatowski
authored
Merge pull request #386 from codeslash-dev/claude/open-issues-review-n064yh
feat: @Property typed tokens, surface consolidation, macro/CQ tests, drift-check
2 parents 76414b6 + 02bda16 commit 162787a

13 files changed

Lines changed: 978 additions & 688 deletions

‎configurator/src/data/api-index.generated.json‎

Lines changed: 200 additions & 200 deletions
Large diffs are not rendered by default.

‎core/macros.css‎

Lines changed: 31 additions & 209 deletions
Large diffs are not rendered by default.

‎core/tokens.css‎

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -307,6 +307,66 @@
307307
@property --sf-space-base-min { syntax: "<number>"; inherits: true; initial-value: 1; }
308308
@property --sf-space-base-max { syntax: "<number>"; inherits: true; initial-value: 2; }
309309

310+
/* ── Output token @property registrations ──────────────────────────────────
311+
Radius + space: <length> syntax enables CSS transitions on layout values —
312+
border-radius/padding/gap etc. now interpolate instead of snapping.
313+
Shadow: syntax:"*" (no <shadow> type in spec); inherits:true so :root values
314+
cascade normally; registers the properties formally for DevTools inspection. */
315+
316+
@property --sf-radius-none { syntax: "<length>"; inherits: true; initial-value: 0; }
317+
@property --sf-radius-2xs { syntax: "<length>"; inherits: true; initial-value: 0; }
318+
@property --sf-radius-xs { syntax: "<length>"; inherits: true; initial-value: 0; }
319+
@property --sf-radius-s { syntax: "<length>"; inherits: true; initial-value: 0; }
320+
@property --sf-radius-m { syntax: "<length>"; inherits: true; initial-value: 0; }
321+
@property --sf-radius-l { syntax: "<length>"; inherits: true; initial-value: 0; }
322+
@property --sf-radius-xl { syntax: "<length>"; inherits: true; initial-value: 0; }
323+
@property --sf-radius-2xl { syntax: "<length>"; inherits: true; initial-value: 0; }
324+
@property --sf-radius-3xl { syntax: "<length>"; inherits: true; initial-value: 0; }
325+
@property --sf-radius-4xl { syntax: "<length>"; inherits: true; initial-value: 0; }
326+
@property --sf-radius-full { syntax: "<length>"; inherits: true; initial-value: 9999px; }
327+
@property --sf-radius-pill { syntax: "<length>"; inherits: true; initial-value: 9999px; }
328+
@property --sf-radius-outer { syntax: "<length>"; inherits: true; initial-value: 0; }
329+
330+
@property --sf-space-none { syntax: "<length>"; inherits: true; initial-value: 0; }
331+
@property --sf-space-px { syntax: "<length>"; inherits: true; initial-value: 1px; }
332+
@property --sf-space-2xs { syntax: "<length>"; inherits: true; initial-value: 0; }
333+
@property --sf-space-xs { syntax: "<length>"; inherits: true; initial-value: 0; }
334+
@property --sf-space-s { syntax: "<length>"; inherits: true; initial-value: 0; }
335+
@property --sf-space-m { syntax: "<length>"; inherits: true; initial-value: 0; }
336+
@property --sf-space-l { syntax: "<length>"; inherits: true; initial-value: 0; }
337+
@property --sf-space-xl { syntax: "<length>"; inherits: true; initial-value: 0; }
338+
@property --sf-space-2xl { syntax: "<length>"; inherits: true; initial-value: 0; }
339+
@property --sf-space-3xl { syntax: "<length>"; inherits: true; initial-value: 0; }
340+
@property --sf-space-4xl { syntax: "<length>"; inherits: true; initial-value: 0; }
341+
@property --sf-gap { syntax: "<length>"; inherits: true; initial-value: 0; }
342+
@property --sf-content-gap { syntax: "<length>"; inherits: true; initial-value: 0; }
343+
@property --sf-gutter { syntax: "<length>"; inherits: true; initial-value: 0; }
344+
@property --sf-component-pad { syntax: "<length>"; inherits: true; initial-value: 0; }
345+
@property --sf-field-block { syntax: "<length>"; inherits: true; initial-value: 0; }
346+
@property --sf-section-pad--xs { syntax: "<length>"; inherits: true; initial-value: 0; }
347+
@property --sf-section-pad--s { syntax: "<length>"; inherits: true; initial-value: 0; }
348+
@property --sf-section-pad--m { syntax: "<length>"; inherits: true; initial-value: 0; }
349+
@property --sf-section-pad--l { syntax: "<length>"; inherits: true; initial-value: 0; }
350+
@property --sf-section-pad--xl { syntax: "<length>"; inherits: true; initial-value: 0; }
351+
@property --sf-section-pad--2xl { syntax: "<length>"; inherits: true; initial-value: 0; }
352+
353+
@property --sf-shadow-none { syntax: "*"; inherits: true; }
354+
@property --sf-shadow-xs { syntax: "*"; inherits: true; }
355+
@property --sf-shadow-s { syntax: "*"; inherits: true; }
356+
@property --sf-shadow-m { syntax: "*"; inherits: true; }
357+
@property --sf-shadow-l { syntax: "*"; inherits: true; }
358+
@property --sf-shadow-xl { syntax: "*"; inherits: true; }
359+
@property --sf-shadow-2xl { syntax: "*"; inherits: true; }
360+
@property --sf-shadow-inner { syntax: "*"; inherits: true; }
361+
@property --sf-text-shadow-none { syntax: "*"; inherits: true; }
362+
@property --sf-text-shadow-s { syntax: "*"; inherits: true; }
363+
@property --sf-text-shadow-m { syntax: "*"; inherits: true; }
364+
@property --sf-text-shadow-l { syntax: "*"; inherits: true; }
365+
@property --sf-drop-shadow-s { syntax: "*"; inherits: true; }
366+
@property --sf-drop-shadow-m { syntax: "*"; inherits: true; }
367+
@property --sf-drop-shadow-l { syntax: "*"; inherits: true; }
368+
@property --sf-shadow-glow { syntax: "*"; inherits: true; }
369+
310370
:root {
311371
--sf-fluid-min-vw: 22.5;
312372
--sf-fluid-max-vw: 90;

‎dist/badge-essential.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"schemaVersion": 1,
33
"label": "essential",
4-
"message": "57.0 kB gzip",
4+
"message": "15.7 kB gzip",
55
"color": "brightgreen",
66
"namedLogo": "css3"
77
}

‎dist/badge-optimal.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"schemaVersion": 1,
33
"label": "optimal",
4-
"message": "64.9 kB gzip",
4+
"message": "18.0 kB gzip",
55
"color": "brightgreen",
66
"namedLogo": "css3"
77
}

0 commit comments

Comments
 (0)