Do not convert the value to PX units if the variable scope is `FONT_W…

…EIGHT`
tokens-bruecke · Nov 21, 2024 · 46c7c17 · 46c7c17
1 parent 17bd151
commit 46c7c17
Show file tree

Hide file tree

Showing 7 changed files with 23 additions and 7 deletions.
diff --git a/README.md b/README.md
@@ -653,3 +653,7 @@ If you have any questions or suggestions, feel free to [create an issue](https:/
 **2.2.1**
 
 - Added `paragraphSpacing` and `paragraphIndent` to the typography styles
+
+**2.2.2**
+
+- Do not convert the value to PX units if the variable scope is `FONT_WEIGHT`
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "tokens-bruecke",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "license": "MIT",
   "author": {
     "name": "Pavel Laptev",

diff --git a/src/app/SettingsView/index.tsx b/src/app/SettingsView/index.tsx
@@ -672,7 +672,7 @@ export const SettingsView = (props: ViewProps) => {
               <Text>Documentation</Text>
             </a>
             <a href={config.changelogLink} target="_blank">
-              <Text>v.2.2.1</Text>
+              <Text>v.2.2.2</Text>
             </a>
           </Stack>
         </Panel>

diff --git a/src/utils/normalizeValue.ts b/src/utils/normalizeValue.ts
@@ -4,15 +4,18 @@ import { convertRGBA } from "./color/convertRGBA";
 interface PropsI {
   variableValue: any;
   variableType: VariableResolvedDataType;
+  variableScope: VariableScope[];
   colorMode: colorModeType;
   isDTCGForamt: boolean;
   includeValueAliasString: boolean;
+
 }
 
 export const normalizeValue = (props: PropsI) => {
   const {
     variableValue,
     variableType,
+    variableScope,
     colorMode,
     isDTCGForamt,
     includeValueAliasString,
@@ -37,7 +40,11 @@ export const normalizeValue = (props: PropsI) => {
   }
 
   if (variableType === "FLOAT") {
-    return `${variableValue}px`;
+    if (variableScope.length === 1 && variableScope[0] === "FONT_WEIGHT") {
+      return `${variableValue}`;
+    } else {
+      return `${variableValue}px`
+    }
   }
 
   return variableValue;

diff --git a/src/utils/normilizeType.ts b/src/utils/normilizeType.ts
@@ -1,9 +1,13 @@
-export const normilizeType = (type: VariableResolvedDataType) => {
+export const normilizeType = (type: VariableResolvedDataType, variableScopes: VariableScope[]) => {
   switch (type) {
     case "COLOR":
       return "color";
     case "FLOAT":
-      return "dimension";
+      if (variableScopes.length === 1 && variableScopes[0] === "FONT_WEIGHT") {
+        return "string";
+      } else {
+        return "dimension";
+      }
     case "STRING":
       return "string";
     case "BOOLEAN":

diff --git a/src/utils/styles/effectStylesToTokens.ts b/src/utils/styles/effectStylesToTokens.ts
@@ -22,7 +22,7 @@ const wrapShadowObject = (
     return null;
   }
 
-  console.log("shadowEffect", shadowEffect);
+  // console.log("shadowEffect", shadowEffect);
   return {
     inset: shadowEffect.type === "INNER_SHADOW",
     color: convertRGBA(shadowEffect.color, colorMode),

diff --git a/src/utils/variablesToTokens.ts b/src/utils/variablesToTokens.ts
@@ -53,6 +53,7 @@ export const variablesToTokens = async (
       normalizeValue({
         variableType: variable.resolvedType,
         variableValue: variable.valuesByMode[Object.keys(modes)[modeIndex]],
+        variableScope: variable.scopes,
         colorMode,
         isDTCGForamt,
         includeValueAliasString,
@@ -76,7 +77,7 @@ export const variablesToTokens = async (
     const filteredModesValues = modesAmount === 1 ? {} : modesValues;
 
     const variableObject = {
-      [keyNames.type]: normilizeType(variable.resolvedType),
+      [keyNames.type]: normilizeType(variable.resolvedType, variable.scopes),
       [keyNames.value]: defaultValue,
       [keyNames.description]: variable.description,
       // add scopes if true