Akadia Design System

Componentes React + Material UI dos formulários da Akadia.

npm install @akadiacentre/akadia-design-system

React, MUI, Emotion e Day.js são peerDependencies — os apps da Akadia já as têm.

Uso

Envolva o app com o provider e importe os componentes:

import { AkadiaThemeProvider, Button, TextField } from '@akadiacentre/akadia-design-system';

export function App() {
  return (
    <AkadiaThemeProvider>
      <TextField label="Nome" placeholder="Seu nome" value="" onChange={() => undefined} />
      <Button variant="continue">Continuar</Button>
    </AkadiaThemeProvider>
  );
}

Tipografia: os forms usam Roboto e Inter. No app consumidor:

import '@fontsource/roboto/400.css';
import '@fontsource/roboto/500.css';
import '@fontsource/roboto/700.css';
import '@fontsource/inter/800.css';

Desenvolvimento

npm install
npm run storybook   # http://localhost:6006
npm run build       # gera dist/ (o que vai para o npm)

Publicar

Com login no npm (npm login):

npm version patch   # ou minor / major
npm publish --access public

O prepack gera o dist/ antes do tarball. Tags v* no GitHub também disparam o publish (secret NPM_TOKEN).