rafters 0.0.30 → 0.0.31

package/dist/index.js

@@ -57654,11 +57654,13 @@ function generateRadiusTokens(config3, radiusDefs) {
     } else if (def.step === "full") {
       value2 = "9999px";
       mathRelationship = "infinite (9999px)";
+    } else if (def.step === 0) {
+      value2 = "var(--rafters-radius-base)";
+      mathRelationship = `${baseRadiusRem}rem (base)`;
     } else {
-      const computedPx = Math.round(progression.compute(baseRadius, def.step) * 100) / 100;
-      const computedRem = Math.round(computedPx / 16 * 100) / 100;
-      value2 = `${computedRem}rem`;
-      mathRelationship = def.step === 0 ? `${baseRadiusRem}rem (base)` : `${baseRadiusRem} \xD7 ${progression.ratio}^${def.step}`;
+      const multiplier = Math.round(progression.ratio ** def.step * 1e3) / 1e3;
+      value2 = `calc(var(--rafters-radius-base) * ${multiplier})`;
+      mathRelationship = `base \xD7 ${progression.ratio}^${def.step} (\xD7${multiplier})`;
     }
     tokens.push({
       name: scale3 === "DEFAULT" ? "radius" : `radius-${scale3}`,
@@ -57910,9 +57912,10 @@ function generateSpacingTokens(config3, spacingMultipliers) {
       usageContext = ["hero-spacing", "page-margins", "major-sections"];
     }
     const remValue = value2 / 16;
+    const cssValue = multiplier === 0 ? "0" : multiplier === 1 ? "var(--rafters-spacing-base)" : `calc(var(--rafters-spacing-base) * ${multiplier})`;
     tokens.push({
       name: `spacing-${scale3}`,
-      value: value2 === 0 ? "0" : `${remValue}rem`,
+      value: cssValue,
       category: "spacing",
       namespace: "spacing",
       semanticMeaning: meaning,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rafters",
-  "version": "0.0.30",
+  "version": "0.0.31",
   "description": "CLI for Rafters design system - scaffold tokens and add components",
   "license": "MIT",
   "type": "module",