Skip to content

[Feature] Add reusable design Storybook config for consumer styles #722

Description

@comfrt1k

С чем связан запрос?

В Hyperion есть внутренние design Storybook workspaces, но подключаемый проект не может использовать их как готовый стенд для проверки собственных Vanilla Extract styles на Hyperion components.

Нужен общий контракт, через который consumer project сможет поднять Storybook с локальными stories, theme/decorator и style entrypoints, не копируя Hyperion Storybook config и component logic.

Опиши план реализации

  • Вынести reusable Storybook config/factory из design workspace в публичный entrypoint design-пакета.
  • Описать consumer config API для stories, addons, refs, webpackFinal, theme/decorator и style entrypoints.
  • Добавить минимальный CLI или generator, который собирает временный Storybook config и генерирует stories для матрицы appearances x shapes x states.
  • Сделать текущие Hyperion design Storybooks первыми потребителями общего factory.
  • Проверить сценарий на одном подключаемом проекте с локальными стилями.

Критерии готовности выполнения задачи

  • В подключаемом проекте можно добавить script вида design:dev / design:build и поднять Storybook через Hyperion design tooling.
  • Пользователь явно указывает свои stories, theme/decorator и style entrypoints; пакет не сканирует все .css.ts магически.
  • Локальные Vanilla Extract styles компилируются в Storybook без ручного копирования webpack config.
  • Для Button доступен проверочный view, который показывает локальные appearances, shapes и состояния default, hover, pressed, disabled на Hyperion component.
  • Существующие @atls-ui/design, @atls-ui-parts/design и @atls-ui-admin/design продолжают собираться.
  • Первый PR не публикует breaking public package contract без явной совместимости или отдельного решения по публикации.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Fields

No fields configured for Feature.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions