@pacto-solucoes/ui NPM

Pacto Ui

Define a identidade visual básica dos produtos da Pacto.

Instalar as peer depencencies descritas no package.json.
Adicione as seguintes linhas na propriedade 'styles' do arquivo angular.json:
"styles": ... "projects/ui/assets/ui-kit.css", "projects/ui/assets/scss/material-theme.scss", "node_modules/bootstrap/dist/css/bootstrap.min.css" ...

2.1 Instalar a fonte:

<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600&display=swap" rel="stylesheet">

Adicione as seguintes linhas na propriedade 'scripts' do arquivo angular.json:
"scripts": ... "node_modules/jquery/dist/jquery.min.js", "node_modules/moment/min/moment.min.js", "node_modules/apexcharts/dist/apexcharts.min.js" ...
Adicone as seguintes linhas na propriedade 'assets' do arquivo angular.json:

No arquivo angular.json do projeto, na propriedade 'assets' adicione o caminho para o a pasta de assets:

{
    "glob": "**",
    "input": "node_modules/@pacto-solucoes/ui/assets",
    "output": "pacto-ui"
}

Importar os módulos 'NgbModule' e 'UiModule' no módulo prinicial da applicação:
import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; import { UiModule } from 'node_modules/@pacto-solucoes/ui';
@NgModule({ imports: ... NgbModule, UiModule ... ,
Para ter acesso as configurações, cores e mixins do projeto adicione a seguinte lina no inicio de arquivo de .scss do componente:

@import 'node_modules/@pacto-solucoes/ui/assets/import.scss';