Tokens: July VR Tokens Fixes (pinterest#3718)

elnanni · Aug 7, 2024 · 643cce4 · 643cce4
1 parent 663fa88
commit 643cce4
Show file tree

Hide file tree

Showing 8 changed files with 307 additions and 243 deletions.
diff --git a/packages/gestalt-design-tokens/build.js b/packages/gestalt-design-tokens/build.js
@@ -502,6 +502,23 @@ StyleDictionary.registerTransform({
   },
 });
 
+/**
+ * Adds 'px' ending to anything matching a font-size value
+ */
+StyleDictionary.registerTransform({
+  name: 'line-height/px',
+  type: 'value',
+  matcher: (prop) =>
+    prop.attributes.category === 'font' &&
+    prop.attributes.type === 'lineheight' &&
+    prop.attributes.prefix === 'sema',
+  transformer(prop) {
+    const val = parseFloat(prop.value);
+    if (Number.isNaN(val)) return val;
+    return `${val}px`;
+  },
+});
+
 StyleDictionary.registerFormat({
   name: `constantLibrary-javascript/es6/vr-theme`,
   formatter({ dictionary }) {