Use variables in Mobile and Desktop libs
yceballost opened this issue · 1 comments
yceballost commented
Border radius variables
Since border radius is currently a variable exported from Mistica mobile, we need to find a way to change the library where the border radius variables are coming from.
The initial idea is to update those variables via plugin (since they have the same name) to be the ones coming from the middleware library.
There are two scenarios:
- It’s an instance of a Mística component: in this case, it will need to be reset to the default (when changed in the library, it will be updated in the file).
- The current variable (exported from mobile) has been used in a component or layer: here, it will be necessary to use that plugin to swap the ones exported from skins.
Text variables
There are multiple strategies in order to migrate texts:
Keep text as styles
- Move the default styles from the libraries (Movistar) to skins.
- Modify the properties (size, line height, fontWeight…) of each style so that they pull from variables.
In their files, the teams will need to:
- If themer has been used: run the plugin to reset them to default.
- If themer has not been used: the change should be automatic.
Have a mix of variables and styles
- Follow the same that apply to "Keep text as styles"
- Export also all properties as variables, so is posible to use a style or to be more granular if needed.
The second option has two possibilities:
- Remove component styles and export them only as variables
- Keep also component styles
yceballost commented
We are going to divide the pages of the libraries: