Files
penpot/frontend/src/app/main/ui/workspace/tokens/CHANGELOG.md

6.7 KiB

Changelog

Add changes that are meaningful to the user here after each PR so they can be updated in feature base.

Template

Template

- <CHANGE_DESCRIPTION>

Link to PR

If possible add video here from PR as well

  • Outline of changes

Changes

2024-08-05 - Fix opacity updating

Link to PR

Fixes opacity not being applied correctly to shapes.

2024-08-05 - Fix stroke witdth applying breaking app

Link to PR

:stroke-width token applying wont update for shapes without a stroke.

2024-07-25 - UX Improvements for the context menu

Link to PR

Changes context menu behavior according to Specs

  • Removing a token wont update the shape
  • Mixed selection (shapes with applied, shapes without applied) will always unapply token
  • Multi selection of shapes without token will apply the token to all
  • Every shape change and token applying should be one undo step now
  • Prevent token applying when nothign is selected
  • All is a toggle instead of a checkbox if all tokens have been applied
    • For instance with border radius the context menu can :r1 :r2 :r3 :r4 which will highlight All
    • If one attribute is missing it will check the single attributes
    • Clicking a single attribute after clicking All will remove the other attributes
  • Fixed some issues for switching between split and uniform border radius
  • Clicking a token wont apply all attributes anymore. We apply only a select collection of attributes, which makes most sense. For instance on sizing we only apply width and height instead of all (max-width, max-height, min-heigt, min-width)

2024-07-05 - UX Improvements when applying tokens

Link to PR

  • When unapplying tokens, the shape doesn't change anymore
  • Multi Select behavior according to Specs
  • Undo for applying tokens and change the shape is now one undo step (before applying a token created multiple undo steps)

Video

2024-07-01 - Disallow creating tokens at existing paths

Disallow creating tokens at an existing path.

Video

Example: We've got a token with borderRadius.sm, so we can't allow to create a token at borderRadius or borderRadius.sm. But we can allow creating a token at borderRadius.md.

2024-06-26 - Disallow special characters in token name

  • Only allows digits, letters and - as a part of a token name

Video

https://github.com/tokens-studio/tokens-studio-for-penpot/pull/200

2024-06-26 - Make Tokens JSON Export DTCG compatible

Screenshot of sample JSON Export in DTCG format

https://github.com/tokens-studio/tokens-studio-for-penpot/issues/197

2024-06-25 - Token Insert/Edit Validation + Value Preview

Video

https://github.com/tokens-studio/tokens-studio-for-penpot/pull/194

Adds validation to the token create/edit field

  • Name duplication is not allowed and takes a min/max length
  • Value has to be a resolvable value
  • Description has max value

2024-06-24 - Added Ability to Export Tokens in JSON Format

Sample JSON Output - https://github.com/user-attachments/files/15957831/tokens.json

JSON Export button Screenshot on the left Tokens Panel

https://github.com/tokens-studio/tokens-studio-for-penpot/pull/191

2024-06-19 - Added CHANGELOG.md

Added template for changelog