​​**🎨 Дизайн токены

**Дизайн-токен — самое маленькое, атомарное правило дизайн системы:

• Какого цвета бордер;
• Какого размера шрифт заголовка. По сути — переменная.

Демка состоит из 2 частей: 1️⃣ Автозамена цветов, шрифтов на соотвутствующие переменные с помощью stylelint-declaration-strict-value 2️⃣ Отображение всех этих переменных в storybook с помощью storybook-design-token

Позже опишу подробнее, а пока исходники можно посмотреть здесь, а опубликованный сторибук здесь.

Для публикации использовал мою старую инструкцию по github pages, адаптировав её под pnpm:

• В pnpm нет **pre **скриптов, поэтому нельзя использовать predeploy
• Добавил pnpm/action-setup для установки
• В настройках репозитория “Settings > Actions > General > Workflow permissions” нужно разрешить доступ на запись при использовании токенаGITHUB_TOKEN Код github actions полностью можно посмотреть здесь.