open-index/open-npm huggingface dataset:
npm package: @pacto-solucoes/ui
Description: Define a identidade visual básica dos produtos da Pacto.
Latest version: 0.2.31

# Pacto Ui

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

## Instalando em projetos Angular CLI

1. Instalar as peer depencencies descritas no package.json.

2. 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">

3. 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"
        ...
    ]

4. 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"
    }

5. 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
        ...
    ],

6. 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';

7. Instalar Angular Material/CDK