So, I have noticed that if there are multiple styles with one screen resize (for example the project has only a style like h700-lg) then figma-extractor will generate styles with undefined values.
It happens because the Figma doesn't have a base style for h700.
Let's look at an example with h700-lg without h700-bs or h700.
If we launch figma-extractor we will get the code inside text-styles.js as below:
So, I have noticed that if there are multiple styles with one screen resize (for example the project has only a style like h700-lg) then figma-extractor will generate styles with
undefined
values. It happens because the Figma doesn't have a base style for h700.Let's look at an example with
h700-lg
withouth700-bs
orh700
.If we launch figma-extractor we will get the code inside
text-styles.js
as below:I've added extra conditionals to avoid such a behavior