TokenTransformer script - convert px to REMs in CSS #10051
Description
monday.com sync: #18048571532
Check existing issues
- I have checked for existing issues to avoid duplicates
Description
create token transformer script to convert semantic space, size, and font-size tokens to REMs.
Acceptance Criteria
-
npm --workspace="packages/design-tokens" run build - open the calcite-design-tokens/dist/css/global.css file
- confirm space, size, and font-size tokens are in REMs
Relevant Info
Use StyleDictionary plugin https://styledictionary.com/reference/hooks/transforms/predefined/#sizepxtorem
Which Component
N/A
Example Use Case
No response
Priority impact
impact - p2 - want for an upcoming milestone
Calcite package
- @esri/calcite-components
- @esri/calcite-components-angular
- @esri/calcite-components-react
- @esri/calcite-design-tokens
- @esri/eslint-plugin-calcite-components
Esri team
Calcite (design)
Metadata
Metadata
Assignees
Labels
Issues logged by Calcite designers.Issues specific to the @esri/calcite-design-tokens package.Issues tied to a new feature or request.A few days of work, definitely requires updates to tests.User set priority impact status of p2 - want for an upcoming milestoneIssue should be addressed in the current milestone, impacts component or core functionality