Skip to content

[tokens] Update build process to account for strings instead of arrays #12174

Open
@matgalla

Description

@matgalla

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

  1. Tokens Studio can properly apply fonts to the typography styles that are exported into Figma
  2. 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

#11902

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

1 - assignedIssues that are assigned to a sprint and a team member.Calcite (design)Issues logged by Calcite designers.calcite-design-tokensIssues specific to the @esri/calcite-design-tokens package.design-tokensIssues requiring design tokens.needs milestonePlanning workflow - pending milestone assignment, has priority and/or estimate.refactorIssues tied to code that needs to be significantly reworked.

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions