@credithub/harlan-components 1.30.0 → 1.30.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/dist/assets/btn/btnWrapper.d.ts +1 -1
  2. package/dist/assets/btn/btnWrapper.js +4 -2
  3. package/dist/assets/btn/chevronLeft.js +5 -3
  4. package/dist/assets/btn/chevronRight.js +5 -3
  5. package/dist/assets/btn/chevronUp.js +5 -3
  6. package/dist/assets/btn/printIcon.js +5 -3
  7. package/dist/assets/btn/thumbDown.js +5 -3
  8. package/dist/assets/btn/thumbUp.js +5 -3
  9. package/dist/assets/icones/chequesSemFundo.d.ts +1 -1
  10. package/dist/assets/icones/chequesSemFundo.js +5 -3
  11. package/dist/assets/icones/consultaSimples.d.ts +1 -1
  12. package/dist/assets/icones/consultaSimples.js +5 -3
  13. package/dist/assets/icones/contasBancarias.d.ts +1 -1
  14. package/dist/assets/icones/contasBancarias.js +5 -3
  15. package/dist/assets/icones/contato.d.ts +1 -1
  16. package/dist/assets/icones/contato.js +5 -3
  17. package/dist/assets/icones/dividasVencidasSerasa.js +5 -3
  18. package/dist/assets/icones/dominios.js +5 -3
  19. package/dist/assets/icones/endereco.js +5 -3
  20. package/dist/assets/icones/iconeEmpresa.js +7 -4
  21. package/dist/assets/icones/iconePessoa.js +7 -4
  22. package/dist/assets/icones/imoveis.js +5 -3
  23. package/dist/assets/icones/pefinRefinBoaVista.js +5 -3
  24. package/dist/assets/icones/pefinRefinSerasa.js +6 -4
  25. package/dist/assets/icones/processosJuridicos.js +5 -3
  26. package/dist/assets/icones/protestos.js +5 -3
  27. package/dist/assets/icones/protestosCredito.js +5 -3
  28. package/dist/assets/icones/protestosGerais.js +5 -3
  29. package/dist/assets/icones/protestosImpostos.js +5 -3
  30. package/dist/assets/icones/quadroSocietario.js +5 -3
  31. package/dist/assets/icones/resumoNegativacoes.js +5 -3
  32. package/dist/assets/icones/scoreBoaVista.js +5 -3
  33. package/dist/assets/icones/scr.js +5 -3
  34. package/dist/assets/icones/ultimaMovimentacao.js +5 -3
  35. package/dist/assets/icones/veiculos.js +5 -3
  36. package/dist/components/bank-accounts/bank-accounts.js +2 -1
  37. package/dist/components/common/addItem.js +33 -4
  38. package/dist/components/common/button.js +26 -3
  39. package/dist/components/common/content.d.ts +1 -1
  40. package/dist/components/contacts/thumbsButton.js +14 -8
  41. package/dist/components/dossie/companyLogo/companyLogo.js +40 -12
  42. package/dist/components/dossie/transactionTable/transactionTable.js +8 -6
  43. package/dist/components/interface/header.js +47 -8
  44. package/dist/components/interface/loadingBar.js +12 -4
  45. package/dist/components/interface/responsiveGrid.d.ts +1 -1
  46. package/dist/components/interface/result.d.ts +2 -2
  47. package/dist/components/interface/result.js +4 -2
  48. package/dist/components/interface/statusMessage.d.ts +1 -1
  49. package/dist/components/interface/statusMessage.js +10 -11
  50. package/dist/components/processos-juridicos/envolvidosList.d.ts +1 -1
  51. package/dist/components/processos-juridicos/envolvidosList.js +12 -4
  52. package/dist/components/processos-juridicos/processosJuridicosList.d.ts +1 -1
  53. package/dist/components/processos-juridicos/processosJuridicosList.js +6 -4
  54. package/dist/components/reclameAqui/styles.d.ts +10 -10
  55. package/dist/components/reclameAqui/styles.js +19 -5
  56. package/dist/components/resultadoDaPesquisa/resultado-da-pesquisa.js +19 -5
  57. package/dist/consultaSimples.js +2 -2
  58. package/dist/{components/interface → styles}/globalStyle.js +1 -1
  59. package/dist/{components/interface → styles}/theme.d.ts +4 -0
  60. package/dist/{components/interface → styles}/theme.js +5 -1
  61. package/lib/cjs/index.js +636 -395
  62. package/lib/esm/index.js +421 -183
  63. package/package.json +1 -1
  64. /package/dist/{components/interface → styles}/globalStyle.d.ts +0 -0
package/dist/components/reclameAqui/styles.js CHANGED
@@ -3,14 +3,28 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
3
3
  return cooked;
4
4
  };
5
5
  import styled from 'styled-components';
6
- import theme from '../interface/theme';
7
6
  export var ContainerSummary = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid;\n gap: 16px;\n padding: 16px;\n width: 90%;\n"], ["\n display: grid;\n gap: 16px;\n padding: 16px;\n width: 90%;\n"])));
8
7
  export var ReclameAquiStatsContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n"])));
9
8
  export var LogoContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 16px;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 16px;\n"])));
10
- export var StyledImage = styled.img(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n width: 60px;\n height: 60px;\n object-fit: cover;\n border-radius: 50%;\n border: 2px solid #fff;\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n margin-bottom: 16px;\n"], ["\n width: 60px;\n height: 60px;\n object-fit: cover;\n border-radius: 50%;\n border: 2px solid #fff;\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n margin-bottom: 16px;\n"])));
11
- export var StatsImage = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n width: 60px;\n height: 60px;\n border-radius: 50%;\n object-fit: contain;\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center center;\n border: 2px solid #fff;\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n background-image: url(", ");\n margin-bottom: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n width: 60px;\n height: 60px;\n border-radius: 50%;\n object-fit: contain;\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center center;\n border: 2px solid #fff;\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n background-image: url(", ");\n margin-bottom: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (props) { return props.src; });
12
- export var CompanyName = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n font-size: 16px;\n color: ", ";\n text-align: center;\n margin-bottom: 8px;\n line-height: 18px;\n font-weight: bold;\n"], ["\n font-size: 16px;\n color: ", ";\n text-align: center;\n margin-bottom: 8px;\n line-height: 18px;\n font-weight: bold;\n"])), theme.colors.cinzaEscuro);
13
- export var DocumentContainer = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n font-size: 16px;\n color: ", ";\n text-align: center;\n position: relative;\n background-color: ", ";\n padding: 4px 8px;\n border-radius: 60px;\n margin-top: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n font-size: 16px;\n color: ", ";\n text-align: center;\n position: relative;\n background-color: ", ";\n padding: 4px 8px;\n border-radius: 60px;\n margin-top: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), theme.colors.cinzaEscuro, theme.colors.cinzaClaro);
9
+ export var StyledImage = styled.img(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n width: 60px;\n height: 60px;\n object-fit: cover;\n border-radius: 50%;\n border: 2px solid ", ";\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n margin-bottom: 16px;\n"], ["\n width: 60px;\n height: 60px;\n object-fit: cover;\n border-radius: 50%;\n border: 2px solid ", ";\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n margin-bottom: 16px;\n"])), function (_a) {
10
+ var theme = _a.theme;
11
+ return theme.colors.white;
12
+ });
13
+ export var StatsImage = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n width: 60px;\n height: 60px;\n border-radius: 50%;\n object-fit: contain;\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center center;\n border: 2px solid ", ";\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n background-image: url(", ");\n margin-bottom: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n width: 60px;\n height: 60px;\n border-radius: 50%;\n object-fit: contain;\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center center;\n border: 2px solid ", ";\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n background-image: url(", ");\n margin-bottom: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (_a) {
14
+ var theme = _a.theme;
15
+ return theme.colors.white;
16
+ }, function (props) { return props.src; });
17
+ export var CompanyName = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n font-size: 16px;\n color: ", ";\n text-align: center;\n margin-bottom: 8px;\n line-height: 18px;\n font-weight: bold;\n"], ["\n font-size: 16px;\n color: ", ";\n text-align: center;\n margin-bottom: 8px;\n line-height: 18px;\n font-weight: bold;\n"])), function (_a) {
18
+ var theme = _a.theme;
19
+ return theme.colors.cinzaEscuro;
20
+ });
21
+ export var DocumentContainer = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n font-size: 16px;\n color: ", ";\n text-align: center;\n position: relative;\n background-color: ", ";\n padding: 4px 8px;\n border-radius: 60px;\n margin-top: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n font-size: 16px;\n color: ", ";\n text-align: center;\n position: relative;\n background-color: ", ";\n padding: 4px 8px;\n border-radius: 60px;\n margin-top: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (_a) {
22
+ var theme = _a.theme;
23
+ return theme.colors.cinzaEscuro;
24
+ }, function (_a) {
25
+ var theme = _a.theme;
26
+ return theme.colors.cinzaClaro;
27
+ });
14
28
  export var DocumentPrefix = styled.span(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
15
29
  export var ProblemsSolved = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 16px 0;\n\n a {\n text-decoration: none;\n color: inherit;\n }\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 16px 0;\n\n a {\n text-decoration: none;\n color: inherit;\n }\n"])));
16
30
  export var CarrouselBtn = styled.span(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n cursor: pointer;\n height: fit-content;\n"], ["\n cursor: pointer;\n height: fit-content;\n"])));
package/dist/components/resultadoDaPesquisa/resultado-da-pesquisa.js CHANGED
@@ -2,13 +2,27 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
2
2
  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
3
3
  return cooked;
4
4
  };
5
+ import { formatCnpj, formatCpf } from '../../utils/string';
5
6
  import React from 'react';
6
7
  import styled from 'styled-components';
7
- import theme from '../interface/theme';
8
- import { formatCnpj, formatCpf } from '../../utils/string';
9
- var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: 'Open Sans Condensed';\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5em;\n margin-top: 1em;\n"], ["\n font-family: 'Open Sans Condensed';\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5em;\n margin-top: 1em;\n"])));
10
- var Title = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n"], ["\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n"])), theme.typography.headline20.fontSize, theme.typography.headline20.fontWeight, theme.typography.headline20.lineHeight);
11
- var DocumentContainer = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n color: ", ";\n text-align: center;\n position: relative;\n background-color: ", ";\n padding: 4px 8px;\n border-radius: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n color: ", ";\n text-align: center;\n position: relative;\n background-color: ", ";\n padding: 4px 8px;\n border-radius: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), theme.colors.cinzaEscuro, theme.colors.cinzaClaro);
8
+ var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5em;\n margin-top: 1em;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5em;\n margin-top: 1em;\n"])));
9
+ var Title = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n"], ["\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n"])), function (_a) {
10
+ var theme = _a.theme;
11
+ return theme.typography.headline20.fontSize;
12
+ }, function (_a) {
13
+ var theme = _a.theme;
14
+ return theme.typography.headline20.fontWeight;
15
+ }, function (_a) {
16
+ var theme = _a.theme;
17
+ return theme.typography.headline20.lineHeight;
18
+ });
19
+ var DocumentContainer = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n color: ", ";\n text-align: center;\n position: relative;\n background-color: ", ";\n padding: 4px 8px;\n border-radius: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n color: ", ";\n text-align: center;\n position: relative;\n background-color: ", ";\n padding: 4px 8px;\n border-radius: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (_a) {
20
+ var theme = _a.theme;
21
+ return theme.colors.cinzaEscuro;
22
+ }, function (_a) {
23
+ var theme = _a.theme;
24
+ return theme.colors.cinzaClaro;
25
+ });
12
26
  var DocumentPrefix = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 8px;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 8px;\n"])));
13
27
  var ResultadoDaPesquisa = function (_a) {
14
28
  var documento = _a.documento;
package/dist/consultaSimples.js CHANGED
@@ -11,8 +11,8 @@ import ConsultaSimplesSection from './components/consultaSimplesSection/consulta
11
11
  import { ConsultasComplementaresProvider } from './components/consultasComplementares';
12
12
  import Dominios from './components/dominios/dominios';
13
13
  import ConsultaImoveis from './components/imoveis/imoveisService';
14
- import GlobalStyle from './components/interface/globalStyle';
15
- import theme from './components/interface/theme';
14
+ import GlobalStyle from './styles/globalStyle';
15
+ import theme from './styles/theme';
16
16
  import Liminar from './components/liminar/liminar';
17
17
  import ConsultaScore from './components/score/scoreService';
18
18
  import ConsultaSCR from './components/scr/scr';
package/dist/{components/interface → styles}/globalStyle.js RENAMED
@@ -4,6 +4,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
4
4
  };
5
5
  import { createGlobalStyle, css } from 'styled-components';
6
6
  var OpenSansFont = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n @import url('https://fonts.googleapis.com/css?family=Open%20Sans%20Condensed:300,400,500,600,700');\n"], ["\n @import url('https://fonts.googleapis.com/css?family=Open%20Sans%20Condensed:300,400,500,600,700');\n"])));
7
- var GlobalStyle = createGlobalStyle(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n * {\n ", "\n font-family: 'Open Sans Condensed';\n }\n\n @media print {\n button {\n display: none !important;\n }\n }\n"], ["\n * {\n ", "\n font-family: 'Open Sans Condensed';\n }\n\n @media print {\n button {\n display: none !important;\n }\n }\n"])), OpenSansFont);
7
+ var GlobalStyle = createGlobalStyle(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n * {\n ", "\n font-family: 'Open Sans Condensed';\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n -webkit-font-smoothing: antialiased;\n }\n\n @media print {\n button {\n display: none !important;\n }\n }\n"], ["\n * {\n ", "\n font-family: 'Open Sans Condensed';\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n -webkit-font-smoothing: antialiased;\n }\n\n @media print {\n button {\n display: none !important;\n }\n }\n"])), OpenSansFont);
8
8
  export default GlobalStyle;
9
9
  var templateObject_1, templateObject_2;
package/dist/{components/interface → styles}/theme.d.ts RENAMED
@@ -17,6 +17,10 @@ declare const theme: {
17
17
  cinzaBase: string;
18
18
  cinzaEscuro: string;
19
19
  prata: string;
20
+ likeButton: string;
21
+ dislikeButton: string;
22
+ likeButtonHover: string;
23
+ dislikeButtonHover: string;
20
24
  };
21
25
  typography: {
22
26
  headline24: {
package/dist/{components/interface → styles}/theme.js RENAMED
@@ -16,7 +16,11 @@ var theme = {
16
16
  cinzaClaro: 'rgba(209, 209, 209, 1)',
17
17
  cinzaBase: 'rgba(245, 245, 245, 1)',
18
18
  cinzaEscuro: 'rgba(53, 53, 53, 1)',
19
- prata: 'rgba(121, 129, 125, 1)'
19
+ prata: 'rgba(121, 129, 125, 1)',
20
+ likeButton: '#007aff',
21
+ dislikeButton: '#ff4b4b',
22
+ likeButtonHover: '#005ecb',
23
+ dislikeButtonHover: '#d63447'
20
24
  },
21
25
  typography: {
22
26
  headline24: {