Open
Description
Description
Tokens Studio does not currently have support for arrays. All variables that are meant to hold multiple values (i.e. fallback fonts) will need to pull them from a string instead. For example, in src/tokens/semantic/font.json:
Current:
- "value": ["{core.font.family.avenirNext}", "{core.font.family.avenir}", "{core.font.family.helveticaNeue}", "{core.font.family.sansSerif}"],
What Tokens Studio wants:
+ "value": "{core.font.family.avenirNext},{core.font.family.avenir},{core.font.family.helveticaNeue},{core.font.family.sansSerif}",
Proposed Advantages
- Tokens Studio can properly apply fonts to the typography styles that are exported into Figma
- Tokens Studio will stop automatically trying to "fix" the syntax when making unrelated updates
Which Component
No final tokens or components are expected to change
Relevant Info
Calcite package
- @esri/calcite-components
- @esri/calcite-components-react
- @esri/calcite-design-tokens
- @esri/calcite-ui-icons
- @esri/eslint-plugin-calcite-components
Metadata
Metadata
Labels
Issues that are assigned to a sprint and a team member.Issues logged by Calcite designers.Issues specific to the @esri/calcite-design-tokens package.Issues requiring design tokens.Planning workflow - pending milestone assignment, has priority and/or estimate.Issues tied to code that needs to be significantly reworked.