@vettvangur/design-system 2.0.70 → 2.0.72

package/dist/index.js

@@ -2663,7 +2663,9 @@ const renderApplyLine = (prefix, token, indent = '  ') => {
     return '';
   }
   if (prefix === 'text') {
-    return token.startsWith('text-') ? `${indent}@apply ${token};\n` : `${indent}@apply text-${token};\n`;
+    // Tailwind text color utilities are always `text-{token}`.
+    // If the token itself starts with `text-` (e.g. `text-grey`), we still prefix it: `text-text-grey`.
+    return `${indent}@apply text-${token};\n`;
   }
   return `${indent}@apply ${prefix}-${token};\n`;
 };
@@ -3511,8 +3513,7 @@ async function renderTypography(tokens, config) {
       return;
     }
     if (typeof value === 'number') {
-      const k = String(key);
-      const v = value === 0 ? '0' : k.startsWith('text-') || k.startsWith('leading-') ? rem(value) : `${value}px`;
+      const v = value === 0 ? '0' : rem(value);
       return `  --${key}: ${v};\n`;
     }
     return `  --${key}: ${String(value)};\n`; // already has units
@@ -3713,14 +3714,14 @@ function ensureVar(lines, varName, value) {
  *
  * addRem(map, name, n)
  */
-function addPx(map, name, n) {
+function addRem(map, name, n) {
   if (n == null) {
     return;
   }
   if (map.has(name)) {
     return;
   }
-  map.set(name, n === 0 ? '0' : `${n}px`);
+  map.set(name, n === 0 ? '0' : rem(n));
 }
 
 /**
@@ -3744,7 +3745,7 @@ function generateSpacingCss(scales) {
       if (v == null) {
         continue;
       }
-      addPx(map, `--spacing-${kebab$1(tokenKey)}`, v);
+      addRem(map, `--spacing-${kebab$1(tokenKey)}`, v);
     }
   };
 
@@ -3760,7 +3761,7 @@ function generateSpacingCss(scales) {
       continue;
     }
     const k = kebab$1(tokenKey).replace(/^scale-/, '');
-    addPx(map, `--spacing-vertical-${k}`, v);
+    addRem(map, `--spacing-vertical-${k}`, v);
   }
   const lines = Array.from(map.entries()).map(([k, v]) => `  ${k}: ${v};`);
 
@@ -3794,7 +3795,7 @@ function generateBorderCss(scales) {
     if (v == null) {
       continue;
     }
-    addPx(map, `--border-${kebab$1(tokenKey)}`, v);
+    addRem(map, `--border-${kebab$1(tokenKey)}`, v);
   }
   const lines = Array.from(map.entries()).map(([k, v]) => `  ${k}: ${v};`);
 
@@ -3852,7 +3853,7 @@ function generateRadiusCss(scales) {
       }
       continue;
     }
-    addPx(map, `--radius-${k}`, v);
+    addRem(map, `--radius-${k}`, v);
   }
   if (debug) {
     console.log('[design-system] radius: emitted =', map.size, '| skipped(manual)=', skippedManual, '| skipped(null)=', skippedNull);
@@ -3865,7 +3866,7 @@ function generateRadiusCss(scales) {
   // manual required defaults
   ensureVar(lines, '--radius-0', '0');
   ensureVar(lines, '--radius-circle', '50%');
-  ensureVar(lines, '--radius-rounded', '100px');
+  ensureVar(lines, '--radius-rounded', rem(100));
   return `/* AUTO-GENERATED - DO NOT EDIT BY HAND */\n\n${renderTheme$1(lines)}`;
 }
 
@@ -4016,7 +4017,7 @@ function effectToBoxShadow(effect) {
   const color = rgbaFromColor(effect.color) ?? 'rgba(0 0 0 / 0.25)';
 
   // "x y blur spread color"
-  const len = n => n === 0 ? '0' : `${n}px`;
+  const len = n => n === 0 ? '0' : rem(n);
   return `${len(x)} ${len(y)} ${len(blur)} ${len(spread)} ${color}`;
 }
 

package/package.json

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