@vettvangur/design-system 2.0.68 → 2.0.69

package/dist/index.js

@@ -3618,16 +3618,43 @@ function pickNumber(values, preferredMode) {
   if (!values || typeof values !== 'object') {
     return null;
   }
-  const direct = values[preferredMode];
-  if (typeof direct === 'number') {
+  const parseNumberLike = v => {
+    if (typeof v === 'number') {
+      return Number.isFinite(v) ? v : null;
+    }
+    if (typeof v !== 'string') {
+      return null;
+    }
+
+    // Accept numeric strings and common px strings from Figma variables.
+    // Examples: "2", "2px", "0px".
+    const s = v.trim();
+    if (!s) {
+      return null;
+    }
+
+    // Radius/spacing/border tokens are expected to be integer pixel values.
+    // If decimals are present, keep behavior explicit by rejecting them.
+    const m = /^-?\d+(?:px)?$/i.exec(s);
+    if (!m) {
+      return null;
+    }
+    const n = Number.parseInt(s.replace(/px$/i, ''), 10);
+    return Number.isFinite(n) ? n : null;
+  };
+  const direct = parseNumberLike(values[preferredMode]);
+  if (direct != null) {
     return direct;
   }
   const normalizedPreferred = modeKey(preferredMode) ;
-  if (normalizedPreferred && typeof values[normalizedPreferred] === 'number') {
-    return values[normalizedPreferred];
+  if (normalizedPreferred) {
+    const n = parseNumberLike(values[normalizedPreferred]);
+    if (n != null) {
+      return n;
+    }
   }
   const first = Object.values(values)[0];
-  return typeof first === 'number' ? first : null;
+  return parseNumberLike(first);
 }
 
 /**
@@ -3801,6 +3828,7 @@ function generateRadiusCss(scales) {
   const map = new Map();
   let skippedManual = 0;
   let skippedNull = 0;
+  const skippedNullSample = [];
   for (const [tokenKey, token] of Object.entries(input)) {
     const k = kebab$1(tokenKey);
 
@@ -3812,12 +3840,24 @@ function generateRadiusCss(scales) {
     const v = pickNumber(token?.values, 'Mode 1');
     if (v == null) {
       skippedNull++;
+      if (debug && skippedNullSample.length < 8) {
+        const values = token?.values && typeof token.values === 'object' ? token.values : null;
+        skippedNullSample.push({
+          key: tokenKey,
+          type: token?.type ?? null,
+          modes: values ? Object.keys(values).slice(0, 10) : [],
+          valuesSample: values ? Object.fromEntries(Object.entries(values).slice(0, 3)) : null
+        });
+      }
       continue;
     }
     addRem(map, `--radius-${k}`, v);
   }
   if (debug) {
     console.log('[design-system] radius: emitted =', map.size, '| skipped(manual)=', skippedManual, '| skipped(null)=', skippedNull);
+    if (skippedNullSample.length) {
+      console.log('[design-system] radius: skipped(null) sample =', JSON.stringify(skippedNullSample, null, 2));
+    }
   }
   const lines = Array.from(map.entries()).map(([k, v]) => `  ${k}: ${v};`);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vettvangur/design-system",
-  "version": "2.0.68",
+  "version": "2.0.69",
   "description": "",
   "access": "public",
   "type": "module",