feat: import border radii from Figma

emdgroup-liquid · Nov 11, 2021 · b344954 · b344954
1 parent d9e256c
commit b344954
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 9 deletions.
diff --git a/scripts/updateDesignTokens.ts b/scripts/updateDesignTokens.ts
@@ -83,6 +83,18 @@ function parseThemes(items, styles) {
   return themes
 }
 
+function parseBorderRadii(items) {
+  const borderRadii = {}
+
+  items.forEach((item) => {
+    borderRadii[item.name.toLowerCase()] = item.cornerRadius
+      ? pxToRem(item.cornerRadius)
+      : '0'
+  })
+
+  return borderRadii
+}
+
 function parseShadows(items) {
   const shadows = {}
 
@@ -224,12 +236,9 @@ async function getTokensFromFigma(
       ],
       styles
     ),
-    borderRadii: {
-      full: '999rem',
-      s: '0.125rem',
-      m: '0.25rem',
-      l: '0.5rem',
-    },
+    borderRadii: parseBorderRadii(
+      figmaData.find((child) => child.name === 'Border Radius').children
+    ),
   }
 
   return tokens

diff --git a/src/liquid/global/styles/border-radius/border-radius.css b/src/liquid/global/styles/border-radius/border-radius.css
@@ -1,7 +1,7 @@
 /* autogenerated */
 :root {
-  --ld-br-full: 999rem;
   --ld-br-s: 0.125rem;
   --ld-br-m: 0.25rem;
   --ld-br-l: 0.5rem;
+  --ld-br-full: 999rem;
 }
diff --git a/src/liquid/global/styles/design-tokens.json b/src/liquid/global/styles/design-tokens.json
@@ -462,9 +462,9 @@
     }
   },
   "borderRadii": {
-    "full": "999rem",
     "s": "0.125rem",
     "m": "0.25rem",
-    "l": "0.5rem"
+    "l": "0.5rem",
+    "full": "999rem"
   }
 }