Solutio Design System — site de documentação (placeholder)
Este app só valida que apps/docs resolve @solutio/design-system via workspace do Yarn, sem publish. Com migrate-datatable, os 31 componentes vendorizados + o hook useDialogA11y estão migrados (roadmap de 9 changes, completo).
Exemplo de aplicação real (réplica do mockup)
Réplica funcional, com os componentes reais deste pacote, da tela "Administração do Ambiente" de SolutioDesignSystemSAPFiori/SolutioDesignSystem.dc.html — o protótipo HTML usa um motor de template próprio (support.js) incompatível com React/Next.js, então a réplica é feita compondo NavBar, Banner e Tile reais, não copiando o HTML.
Esta aplicação demonstra como o contexto visual irá funcionar. Todos os itens exibidos são ilustrativos e esta exibição não contempla as configurações de Identity (usuários, roles, permissões). Esta é a visão do administrador da plataforma, não a visão do cliente. A finalidade é apoiar o mapeamento das alterações de layout e levantar as discussões de arquitetura e infraestrutura.
Administração do Ambiente
Dados Mestres
Icon
Button
Formulário
Layout / navegação
O AvatarMenu e o AppsMenuPopover abaixo agora são acionados pelo ShellBar no topo da página (botões do avatar e do título) — composição real, não gatilhos separados.
Dados
3 projetos ativos
Feedback
DataTable
Selecionados: nenhum
A implementação completa do site (Fumadocs, páginas MDX por componente) é escopo de uma proposta futura.