@sit-onyx/figma-utils 1.0.0-beta.5 → 1.0.0-beta.6

package/dist/variables/parse.d.ts

@@ -26,7 +26,7 @@ export declare const parseFigmaVariables: (apiResponse: FigmaVariablesApiRespons
  * @param value Figma variable value
  * @param allVariables Object of all variables. Needed for variables that use aliases.
  */
-export declare const resolveFigmaVariableValue: (value: VariableValue, allVariables: Record<string, Variable>, remBase?: ParseFigmaVariablesOptions["remBase"]) => string;
+export declare const resolveFigmaVariableValue: (value: VariableValue, allVariables: Record<string, Variable>, remBase?: ParseFigmaVariablesOptions["remBase"], name?: string) => string;
 /**
  * Converts a RGBA value to a hex color.
  * Transparency will only be added if its not 1, e.g. "#000000" instead of "#000000ff"

package/dist/variables/parse.js

@@ -21,7 +21,7 @@ export const parseFigmaVariables = (apiResponse, options) => {
         // parse variable value for every mode
         Object.values(collection.modes).forEach((mode) => {
             const variableName = normalizeVariableName(variable.name);
-            const variableValue = resolveFigmaVariableValue(variable.valuesByMode?.[mode.modeId], apiResponse.meta.variables, options?.remBase);
+            const variableValue = resolveFigmaVariableValue(variable.valuesByMode?.[mode.modeId], apiResponse.meta.variables, options?.remBase, variableName);
             // add/update parsed variable value
             const existingIndex = parsedData.findIndex((i) => i.modeName === mode.name);
             if (existingIndex !== -1) {
@@ -73,8 +73,10 @@ export const parseFigmaVariables = (apiResponse, options) => {
  * @param value Figma variable value
  * @param allVariables Object of all variables. Needed for variables that use aliases.
  */
-export const resolveFigmaVariableValue = (value, allVariables, remBase = 16) => {
+export const resolveFigmaVariableValue = (value, allVariables, remBase = 16, name) => {
     if (typeof value === "number") {
+        if (name?.includes("font-weight"))
+            return `${value}`;
         // numeric value, parse as rem or pixel value
         // note: value 0 should also be parsed as "0rem" instead of just "0" because otherwise
         // the CSS variable could not be used together with "calc()"
@@ -82,6 +84,9 @@ export const resolveFigmaVariableValue = (value, allVariables, remBase = 16) =>
             return `${value}px`;
         return `${value / remBase}rem`;
     }
+    if (typeof value === "string") {
+        return `"${value}"`;
+    }
     if ("type" in value) {
         // parse value as alias
         if (value.type !== "VARIABLE_ALIAS") {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sit-onyx/figma-utils",
   "description": "Utility functions and CLI for importing data from the Figma API into different formats (e.g. CSS, SCSS etc.)",
-  "version": "1.0.0-beta.5",
+  "version": "1.0.0-beta.6",
   "type": "module",
   "bin": {
     "@sit-onyx/figma-utils": "./dist/cli.js"