2
respostas

Lib Componentes Angular 6

Criei uma biblioteca de componentes Angular, com a versão 6, e usei os componente em outro projeto, porém os componentes estão vindo com a cor da paleta de cores da minha lib e não está pegando as cores do accent do meu projeto. Será que estou empacotando minha lib errada, ou tem uma config para isso? Ou melhor , como faço para esses componentes usarem as cores da app que os importam? Nos meus componentes eu uso os estilos assim:

@import 'src/assets/sass/variables';

$_bg: (
  default: transparent,
  hover: transparent,
  focus: rgba(accent-palette(500),.01),
  disabled: rgba(#ccc, .1)
);

eu empacoto com o ng-packgr:

{
  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
  "dest": "../../dist/my-lib",
  "deleteDestPath": false,
  "lib": {
    "entryFile": "src/public_api.ts"
  }
}
build:
   "build:lib": "ng-packagr -p ./projects/my-lib/ng-package.json"

Se alguém puder me ajudar, eu agradeço!

2 respostas

Olá Ana, tudo bom?

Acredito que esse post pode lhe ajudar: https://netbasal.com/angular-cli-and-global-sass-variables-a1b92d8ca9b7

Não consegui replicar o seu caso para testar aqui :(

Olá Mario, estou importando o como no link que você passou. O problema é qdo empacoto minha lib e uso em outro projeto, as variaveis globais da lib não usam as cores da app que usa o componente. Vou continuar tentando, Obrigada!