Drew Powers
Drew Powers
## Description Edit `typography` tokens in Token Lab. Allow setting any typographic property on a typography token. [**Figma Design**](https://www.figma.com/design/fZvxj4rrtaxhQfg4tBkln5/Terrazzo-Site?node-id=42-1277&t=4Jp6ozrwd3AwK7Jm-1) ## Definition of Done - [ ] `fontFamily`, `fontWeight`, `lineHeight`, `letterSpacing`...
## Description The Token Lab needs a way to edit “simple tokens,” that is, tokens that are basic inputs. This involves: - `number` - `dimension` (which also involve a unit...
## Description For editing any token, allow an interaction where a user can search for + select an alias [**Figma Design**](https://www.figma.com/design/fZvxj4rrtaxhQfg4tBkln5/Terrazzo-Site?node-id=41-3708&t=4Jp6ozrwd3AwK7Jm-1) ## Definition of done - [ ] On any...
⚠ Depends on #331 ## Description Allow adding/editing of gradient tokens in Token Lab. [**Figma Design**](https://www.figma.com/design/fZvxj4rrtaxhQfg4tBkln5/Terrazzo-Site?node-id=42-1151&t=4Jp6ozrwd3AwK7Jm-1) ## Definition of done - [ ] Gradient tokens can be added/edited/removed - [...
## Description Colors can be added/edited/removed in Token Lab. Editing colors should use the [Color Picker](/packages/react-color-picker). [**Figma Design**](https://www.figma.com/design/fZvxj4rrtaxhQfg4tBkln5/Terrazzo-Site?node-id=25-61&t=5vsv7LKPtZGCZ7nw-1) ## Definition of Done - [ ] Editing a color is done...
## Description Make it easy to load from a preset like Radix/shadcn, GitHub Primer, Shopify Polaris, etc. ([example](https://www.npmjs.com/package/dtcg-examples)). ## Definition of done - [ ] Losing work by swapping out...
## Description The Token Lab should allow for token editing to update the code panel, and vice-versa. ## Definition of done - [ ] Invalid input should NOT sync either...
Combine
> [!WARNING] > This should NOT be squashed! We should merge all commits to preserve history ## Changes Imports the https://github.com/design-tokens/designtokens.org repo locally, saving all the Git history & commits...
## Changes ### Issue templates Adds 2 issue templates: 1. **Proposal**: Suggest an addition or modification to the spec. Requires folks to assemble a syntax proposal, and all necessary information...
## Summary This makes a breaking change to aliases, changing the syntax: ```diff - { "$value": "{color.blue.01}" } + { "$value": { "$ref": "#/color/blue/01/$value" } } ``` This provides a...