@credithub/harlan-components 1.30.0 → 1.30.2

package/dist/assets/icones/veiculos.js

@@ -1,9 +1,11 @@
-import theme from '../../components/interface/theme';
 import React from 'react';
+import { useTheme } from 'styled-components';
 var VeiculosIcon = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, _d = _a.circleFill, circleFill = _d === void 0 ? theme.colors.azulCredithub : _d;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 30 : _c, circleFill = _a.circleFill;
+    var theme = useTheme();
+    var fill = circleFill || theme.colors.azulCredithub;
     return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: "none", viewBox: "0 0 30 30", className: className },
-        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: circleFill }),
+        React.createElement("circle", { cx: "15", cy: "15", r: "15", fill: fill }),
         React.createElement("path", { fill: "#fff", d: "M9 21v.5c0 .417-.146.77-.438 1.063A1.446 1.446 0 017.5 23c-.417 0-.77-.146-1.063-.438A1.447 1.447 0 016 21.5v-7.15c0-.117.008-.233.025-.35.017-.117.042-.225.075-.325L7.975 8.35c.133-.4.375-.725.725-.975S9.442 7 9.875 7h10.25c.433 0 .825.125 1.175.375.35.25.592.575.725.975l1.875 5.325c.033.1.058.208.075.325.017.117.025.233.025.35v7.15c0 .417-.146.77-.438 1.063A1.446 1.446 0 0122.5 23c-.417 0-.77-.146-1.063-.438A1.446 1.446 0 0121 21.5V21H9zm-.2-9h12.4l-1.05-3H9.85L8.8 12zm1.7 6c.417 0 .77-.146 1.063-.438.291-.291.437-.645.437-1.062 0-.417-.146-.77-.438-1.063A1.446 1.446 0 0010.5 15c-.417 0-.77.146-1.063.438A1.447 1.447 0 009 16.5c0 .417.146.77.438 1.063.291.291.645.437 1.062.437zm9 0c.417 0 .77-.146 1.063-.438.291-.291.437-.645.437-1.062 0-.417-.146-.77-.438-1.063A1.446 1.446 0 0019.5 15c-.417 0-.77.146-1.063.438A1.446 1.446 0 0018 16.5c0 .417.146.77.438 1.063.291.291.645.437 1.062.437zM8 19h14v-5H8v5z" })));
 };
 export default VeiculosIcon;

package/dist/components/bank-accounts/bank-accounts.js

@@ -13,16 +13,17 @@ import ContasBancariasIcon from '../../assets/icones/contasBancarias';
 import { useGlobalData } from '../../contexts/globalDataContext';
 import XPathUtils from '../../utils/xpath';
 import React, { useContext, useState } from 'react';
+import { useTheme } from 'styled-components';
 import AddItemField from '../common/addItem';
 import { Result, ResultContent } from '../interface/result';
 import StatusMessage from '../interface/statusMessage';
-import theme from '../interface/theme';
 import { Queries } from '../webservice';
 var BankAccounts = function () {
     var ctx = useContext(Queries.Finder);
     var Section = ctx.Section;
     var setData = useGlobalData().setData;
     var _a = useState(false), dataUpdated = _a[0], setDataUpdated = _a[1];
+    var theme = useTheme();
     var extractBankAccountData = function (data) {
         var accounts = XPathUtils.selectArray('//bank-info/node', data);
         return accounts.map(function (account) { return ({

package/dist/components/common/addItem.js

@@ -24,12 +24,41 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
 import cn from 'classnames';
+import React from 'react';
 import styled from 'styled-components';
-import theme from '../interface/theme';
-var FieldName = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  /* Body 12 */\n  font-family: 'Open Sans Condensed';\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n\n  /* Cinza Escuro */\n  color: ", ";\n"], ["\n  /* Body 12 */\n  font-family: 'Open Sans Condensed';\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n\n  /* Cinza Escuro */\n  color: ", ";\n"])), theme.typography.body12.fontStyle, theme.typography.body12.fontWeight, theme.typography.body12.fontSize, theme.typography.body12.lineHeight, theme.colors.cinzaEscuro);
-var FieldValue = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  /* Headline 16 */\n  font-family: 'Open Sans Condensed';\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  /* or 225% */\n\n  /* Cinza Escuro */\n  color: ", ";\n"], ["\n  /* Headline 16 */\n  font-family: 'Open Sans Condensed';\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  /* or 225% */\n\n  /* Cinza Escuro */\n  color: ", ";\n"])), theme.typography.headline16.fontStyle, theme.typography.headline16.fontWeight, theme.typography.headline16.fontSize, theme.typography.headline16.lineHeight, theme.colors.cinzaEscuro);
+var FieldName = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  /* Body 12 */\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n\n  /* Cinza Escuro */\n  color: ", ";\n"], ["\n  /* Body 12 */\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n\n  /* Cinza Escuro */\n  color: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.typography.body12.fontStyle;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.body12.fontWeight;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.body12.fontSize;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.body12.lineHeight;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.cinzaEscuro;
+});
+var FieldValue = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  /* Headline 16 */\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n\n  /* Cinza Escuro */\n  color: ", ";\n"], ["\n  /* Headline 16 */\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n\n  /* Cinza Escuro */\n  color: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.typography.headline16.fontStyle;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.headline16.fontWeight;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.headline16.fontSize;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.headline16.lineHeight;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.cinzaEscuro;
+});
 function AddItemField(_a) {
     var name = _a.name, value = _a.value, children = _a.children, className = _a.className, valueClassName = _a.valueClassName, nameClassName = _a.nameClassName, styleName = _a.styleName, _b = _a.defaultValue, defaultValue = _b === void 0 ? '----' : _b, props = __rest(_a, ["name", "value", "children", "className", "valueClassName", "nameClassName", "styleName", "defaultValue"]);
     var fieldClassName = cn(className);

package/dist/components/common/button.js

@@ -27,9 +27,32 @@ var __rest = (this && this.__rest) || function (s, e) {
 import classNames from 'classnames';
 import React from 'react';
 import styled from 'styled-components';
-import theme from '../interface/theme';
-var StyledButton = styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  background-color: ", ";\n  color: ", ";\n\n  padding: 8px 20px;\n  border: none;\n  border-radius: 60px;\n  cursor: pointer;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n\n  transition:\n    background-color 0.3s ease-in-out,\n    color 0.3s ease-in-out;\n\n  &:hover {\n    background-color: #0056b3;\n  }\n\n  width: 100% !important;\n  min-height: 40px;\n"], ["\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  background-color: ", ";\n  color: ", ";\n\n  padding: 8px 20px;\n  border: none;\n  border-radius: 60px;\n  cursor: pointer;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n\n  transition:\n    background-color 0.3s ease-in-out,\n    color 0.3s ease-in-out;\n\n  &:hover {\n    background-color: #0056b3;\n  }\n\n  width: 100% !important;\n  min-height: 40px;\n"])), theme.typography.headline14.fontStyle, theme.typography.headline14.fontWeight, theme.typography.headline14.fontSize, theme.typography.headline14.lineHeight, theme.colors.azulCredithub, theme.colors.white);
-var SmallContent = styled.small(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: #fdeb35;\n  display: block;\n  margin-top: 4px;\n\n  @media print {\n    display: none;\n  }\n"], ["\n  color: #fdeb35;\n  display: block;\n  margin-top: 4px;\n\n  @media print {\n    display: none;\n  }\n"])));
+var StyledButton = styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  background-color: ", ";\n  color: ", ";\n\n  padding: 8px 20px;\n  border: none;\n  border-radius: 60px;\n  cursor: pointer;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n\n  transition:\n    background-color 0.3s ease-in-out,\n    color 0.3s ease-in-out;\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  width: 100% !important;\n  min-height: 40px;\n"], ["\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  background-color: ", ";\n  color: ", ";\n\n  padding: 8px 20px;\n  border: none;\n  border-radius: 60px;\n  cursor: pointer;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n\n  transition:\n    background-color 0.3s ease-in-out,\n    color 0.3s ease-in-out;\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  width: 100% !important;\n  min-height: 40px;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.typography.headline14.fontStyle;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.headline14.fontWeight;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.headline14.fontSize;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.headline14.lineHeight;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.azulCredithub;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.white;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.azulApoio;
+});
+var SmallContent = styled.small(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: ", ";\n  display: block;\n  margin-top: 4px;\n\n  @media print {\n    display: none;\n  }\n"], ["\n  color: ", ";\n  display: block;\n  margin-top: 4px;\n\n  @media print {\n    display: none;\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.alerta;
+});
 var Button = function (_a) {
     var children = _a.children, className = _a.className, smallContent = _a.smallContent, props = __rest(_a, ["children", "className", "smallContent"]);
     var buttonClassName = classNames(className);

package/dist/components/common/content.d.ts

@@ -1,4 +1,4 @@
-declare const Content: import("styled-components").StyledComponent<"div", any, {
+declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isOpen: boolean;
 }, never>;
 export default Content;

package/dist/components/contacts/thumbsButton.js

@@ -5,27 +5,33 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 import ThumbDown from '../../assets/btn/thumbDown';
 import ThumbUp from '../../assets/btn/thumbUp';
 import React from 'react';
-import styled from 'styled-components';
-import theme from '../interface/theme';
-var ButtonContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-flex;\n  background-color: ", ";\n  border-radius: 10px;\n  overflow: hidden;\n  position: relative;\n  font-size: 10px;\n  width: fit-content;\n"], ["\n  display: inline-flex;\n  background-color: ", ";\n  border-radius: 10px;\n  overflow: hidden;\n  position: relative;\n  font-size: 10px;\n  width: fit-content;\n"])), theme.colors.cinzaClaro);
+import styled, { useTheme } from 'styled-components';
+var ButtonContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-flex;\n  background-color: ", ";\n  border-radius: 10px;\n  overflow: hidden;\n  position: relative;\n  font-size: 10px;\n  width: fit-content;\n"], ["\n  display: inline-flex;\n  background-color: ", ";\n  border-radius: 10px;\n  overflow: hidden;\n  position: relative;\n  font-size: 10px;\n  width: fit-content;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.cinzaClaro;
+});
 var Button = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px 8px;\n  line-height: 8px;\n  cursor: pointer !important;\n  border: none;\n  background-color: ", ";\n  color: white;\n  flex: none;\n  width: 50%;\n  margin: 0 auto;\n\n  /* &:hover {\n    background-color: ", ";\n  } */\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px 8px;\n  line-height: 8px;\n  cursor: pointer !important;\n  border: none;\n  background-color: ", ";\n  color: white;\n  flex: none;\n  width: 50%;\n  margin: 0 auto;\n\n  /* &:hover {\n    background-color: ", ";\n  } */\n"])), function (props) {
     return props.isSelected
         ? props.action === 'like'
-            ? '#007aff'
-            : '#ff4b4b'
+            ? props.theme.colors.likeButton
+            : props.theme.colors.dislikeButton
         : 'transparent';
 }, function (props) {
     return props.isSelected
         ? props.action === 'like'
-            ? '#005ecb'
-            : '#d63447'
+            ? props.theme.colors.likeButtonHover
+            : props.theme.colors.dislikeButtonHover
         : '#f5f5f5';
 });
 var IconWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin-right: 5px;\n"], ["\n  margin-right: 5px;\n"])));
 var Count = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  line-height: 1;\n  display: flex;\n  align-items: center;\n  margin-right: ", ";\n"], ["\n  line-height: 1;\n  display: flex;\n  align-items: center;\n  margin-right: ", ";\n"])), function (props) { return (props.action === 'dislike' ? '5px' : '0'); });
-var Separator = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  content: '';\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  height: calc(100% - 6px);\n  width: 1px;\n  background-color: ", ";\n  opacity: 0.1;\n  z-index: 1;\n"], ["\n  content: '';\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  height: calc(100% - 6px);\n  width: 1px;\n  background-color: ", ";\n  opacity: 0.1;\n  z-index: 1;\n"])), theme.colors.cinzaEscuro);
+var Separator = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  content: '';\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  height: calc(100% - 6px);\n  width: 1px;\n  background-color: ", ";\n  opacity: 0.1;\n  z-index: 1;\n"], ["\n  content: '';\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  height: calc(100% - 6px);\n  width: 1px;\n  background-color: ", ";\n  opacity: 0.1;\n  z-index: 1;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.cinzaEscuro;
+});
 var ThumbsButton = function (_a) {
     var _b = _a.likes, likes = _b === void 0 ? 0 : _b, _c = _a.dislikes, dislikes = _c === void 0 ? 0 : _c, onClickLike = _a.onClickLike, onClickDislike = _a.onClickDislike;
+    var theme = useTheme();
     return (React.createElement(ButtonContainer, null,
         React.createElement(Button, { isSelected: likes > 0, onClick: onClickLike, action: "like" },
             React.createElement(IconWrapper, { isSelected: likes > 0, action: "like" },

package/dist/components/dossie/companyLogo/companyLogo.js

@@ -2,24 +2,52 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-import React from 'react';
-import styled from 'styled-components';
 import IconeEmpresa from '../../../assets/icones/iconeEmpresa';
 import IconePessoa from '../../../assets/icones/iconePessoa';
 import { isDocumentoPF } from '../../../utils/string';
-import theme from '../../../components/interface/theme';
+import React from 'react';
+import styled, { useTheme } from 'styled-components';
 var LogoContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  row-gap: 20px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  row-gap: 20px;\n"])));
-var CompanyName = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: ", ";\n  color: ", ";\n  text-align: center;\n  line-height: ", ";\n  font-weight: ", ";\n"], ["\n  font-size: ", ";\n  color: ", ";\n  text-align: center;\n  line-height: ", ";\n  font-weight: ", ";\n"])), theme.typography.headline14.fontSize, theme.colors.cinzaEscuro, theme.typography.headline14.lineHeight, theme.typography.headline14.fontWeight);
-var DocumentContainer = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n\n  color: ", ";\n  background-color: ", ";\n\n  text-align: center;\n  position: relative;\n  padding: 5px 20px;\n  border-radius: 60px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n\n  color: ", ";\n  background-color: ", ";\n\n  text-align: center;\n  position: relative;\n  padding: 5px 20px;\n  border-radius: 60px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), theme.typography.body14.fontSize, theme.typography.body14.fontWeight, theme.typography.body14.lineHeight, theme.colors.cinzaEscuro, theme.colors.cinzaClaro);
+var CompanyName = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: ", ";\n  color: ", ";\n  text-align: center;\n  line-height: ", ";\n  font-weight: ", ";\n"], ["\n  font-size: ", ";\n  color: ", ";\n  text-align: center;\n  line-height: ", ";\n  font-weight: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.typography.headline14.fontSize;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.cinzaEscuro;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.headline14.lineHeight;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.headline14.fontWeight;
+});
+var DocumentContainer = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  color: ", ";\n  background-color: ", ";\n  text-align: center;\n  position: relative;\n  padding: 5px 20px;\n  border-radius: 60px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  color: ", ";\n  background-color: ", ";\n  text-align: center;\n  position: relative;\n  padding: 5px 20px;\n  border-radius: 60px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.typography.body14.fontSize;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.body14.fontWeight;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.body14.lineHeight;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.cinzaEscuro;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.cinzaClaro;
+});
 var Companylogo = function (_a) {
     var name = _a.name, document = _a.document;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(LogoContainer, null,
-            React.createElement(CompanyName, null, name),
-            isDocumentoPF(document) ? (React.createElement(IconePessoa, { size: 60, circleFill: theme.colors.cinzaClaro, pathFill: theme.colors.cinzaEscuro, className: "company-logo-icon" })) : (React.createElement(IconeEmpresa, { size: 60, circleFill: theme.colors.cinzaClaro, className: "company-logo-icon" })),
-            React.createElement(DocumentContainer, null,
-                isDocumentoPF(document) ? 'CPF: ' : 'CNPJ: ',
-                document))));
+    var theme = useTheme();
+    var circleFillColor = theme.colors.cinzaClaro;
+    var pathFillColor = theme.colors.cinzaEscuro;
+    return (React.createElement(LogoContainer, null,
+        React.createElement(CompanyName, null, name),
+        isDocumentoPF(document) ? (React.createElement(IconePessoa, { size: 60, circleFill: circleFillColor, pathFill: pathFillColor, className: "company-logo-icon" })) : (React.createElement(IconeEmpresa, { size: 60, circleFill: circleFillColor, className: "company-logo-icon" })),
+        React.createElement(DocumentContainer, null,
+            isDocumentoPF(document) ? 'CPF: ' : 'CNPJ: ',
+            document)));
 };
 export default Companylogo;
 var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/dossie/transactionTable/transactionTable.js

@@ -2,14 +2,16 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-import React from 'react';
-import AddItemField from '../../common/addItem';
-import XPathUtils from '../../../utils/xpath';
-import styled from 'styled-components';
 import IconePessoa from '../../../assets/icones/iconePessoa';
-import theme from '../../../components/interface/theme';
+import XPathUtils from '../../../utils/xpath';
 import { format } from 'date-fns';
-var StyledContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n  margin-bottom: 20px;\n  border-top: 1.6px solid ", ";\n  padding: 16px;\n  @media screen and (max-width: 992px) {\n    grid-template-columns: 1fr;\n  }\n"], ["\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n  margin-bottom: 20px;\n  border-top: 1.6px solid ", ";\n  padding: 16px;\n  @media screen and (max-width: 992px) {\n    grid-template-columns: 1fr;\n  }\n"])), theme.colors.cinzaClaro);
+import React from 'react';
+import styled from 'styled-components';
+import AddItemField from '../../common/addItem';
+var StyledContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n  margin-bottom: 20px;\n  border-top: 1.6px solid ", ";\n  padding: 16px;\n  @media screen and (max-width: 992px) {\n    grid-template-columns: 1fr;\n  }\n"], ["\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n  margin-bottom: 20px;\n  border-top: 1.6px solid ", ";\n  padding: 16px;\n  @media screen and (max-width: 992px) {\n    grid-template-columns: 1fr;\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.cinzaClaro;
+});
 var Header = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  grid-row: 1 / 6;\n  padding: 16px;\n  margin: 16px;\n  row-gap: 20px;\n  @media (max-width: 992px) {\n    padding: 0 0 16px 0;\n    justify-content: flex-start;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  grid-row: 1 / 6;\n  padding: 16px;\n  margin: 16px;\n  row-gap: 20px;\n  @media (max-width: 992px) {\n    padding: 0 0 16px 0;\n    justify-content: flex-start;\n  }\n"])));
 var Title = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 18px;\n  font-weight: bold;\n  text-align: center;\n"], ["\n  font-size: 18px;\n  font-weight: bold;\n  text-align: center;\n"])));
 var TransactionContent = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 16px;\n  align-items: flex-start;\n"], ["\n  display: flex;\n  align-items: center;\n  padding: 16px;\n  align-items: flex-start;\n"])));

package/dist/components/interface/header.js

@@ -26,12 +26,50 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import classNames from 'classnames';
 import React, { useMemo } from 'react';
-import styled from 'styled-components';
+import styled, { useTheme } from 'styled-components';
 import LoadingBar from './loadingBar';
-import theme from './theme';
-var Title = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  color: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  color: ", ";\n"])), theme.typography.headline24.fontSize, theme.typography.headline24.fontWeight, theme.typography.headline24.lineHeight, theme.colors.azulCredithub);
-var Subtitle = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: ", ";\n  font-size: ", ";\n  font-style: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  display: ", ";\n  font-size: ", ";\n  font-style: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (props) { return (props.hidden ? 'none' : 'block'); }, theme.typography.body18.fontSize, theme.typography.body18.fontStyle, theme.typography.body18.fontWeight, theme.typography.body18.lineHeight);
-var Description = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: ", ";\n  gap: 10px;\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  letter-spacing: ", ";\n\n  @media screen and (max-width: 768px) {\n    flex-direction: column;\n  }\n"], ["\n  display: ", ";\n  gap: 10px;\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  letter-spacing: ", ";\n\n  @media screen and (max-width: 768px) {\n    flex-direction: column;\n  }\n"])), function (props) { return (props.hidden ? 'none' : 'flex'); }, theme.typography.label14.fontStyle, theme.typography.label14.fontWeight, theme.typography.label14.fontSize, theme.typography.label14.lineHeight, theme.typography.label14.letterSpacing);
+var Title = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  color: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  color: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.typography.headline24.fontSize;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.headline24.fontWeight;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.headline24.lineHeight;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.azulCredithub;
+});
+var Subtitle = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: ", ";\n  font-size: ", ";\n  font-style: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  display: ", ";\n  font-size: ", ";\n  font-style: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (props) { return (props.hidden ? 'none' : 'block'); }, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.body18.fontSize;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.body18.fontStyle;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.body18.fontWeight;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.body18.lineHeight;
+});
+var Description = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: ", ";\n  gap: 10px;\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  letter-spacing: ", ";\n\n  @media screen and (max-width: 768px) {\n    flex-direction: column;\n  }\n"], ["\n  display: ", ";\n  gap: 10px;\n  font-style: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  letter-spacing: ", ";\n\n  @media screen and (max-width: 768px) {\n    flex-direction: column;\n  }\n"])), function (props) { return (props.hidden ? 'none' : 'flex'); }, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.label14.fontStyle;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.label14.fontWeight;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.label14.fontSize;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.label14.lineHeight;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.label14.letterSpacing;
+});
 var HeaderUI = styled(function (_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
     return (React.createElement("header", __assign({}, props), children));
@@ -42,11 +80,12 @@ var IconWrapper = styled.div(templateObject_7 || (templateObject_7 = __makeTempl
 var TextWrapper = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n\n  .text-wrapper-subtitle-description {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    gap: 20px;\n    align-items: center;\n\n    @media (max-width: 768px) {\n      align-items: flex-start;\n    }\n\n    @media print {\n      flex-direction: row;\n    }\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n\n  .text-wrapper-subtitle-description {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    gap: 20px;\n    align-items: center;\n\n    @media (max-width: 768px) {\n      align-items: flex-start;\n    }\n\n    @media print {\n      flex-direction: row;\n    }\n  }\n"])));
 var Header = function (_a) {
     var title = _a.title, subtitle = _a.subtitle, description = _a.description, actions = _a.actions, Icon = _a.icon, _b = _a.variant, variant = _b === void 0 ? 'default' : _b, iconProps = _a.iconProps, loadingProps = _a.loadingProps, className = _a.className, titleClassName = _a.titleClassName, subtitleClassName = _a.subtitleClassName, descriptionClassName = _a.descriptionClassName, containerClassName = _a.containerClassName, actionsClassName = _a.actionsClassName, innerRef = _a.innerRef, _c = _a.printBar, printBar = _c === void 0 ? true : _c, props = __rest(_a, ["title", "subtitle", "description", "actions", "icon", "variant", "iconProps", "loadingProps", "className", "titleClassName", "subtitleClassName", "descriptionClassName", "containerClassName", "actionsClassName", "innerRef", "printBar"]);
+    var theme = useTheme(); // Hook para acessar o tema
     var headerClass = classNames(className);
     var actionsClass = classNames(actionsClassName);
     var containerClass = classNames(containerClassName);
     var isLoading = variant === 'loading';
-    var variantColor = useMemo(function () { return getVariantColor(variant); }, [variant]);
+    var variantColor = useMemo(function () { return getVariantColor(variant, theme); }, [variant, theme]);
     return (React.createElement("div", { ref: innerRef },
         React.createElement(HeaderUI, __assign({ className: headerClass, color: variantColor }, props),
             React.createElement(HeaderContainer, { className: containerClass },
@@ -59,14 +98,14 @@ var Header = function (_a) {
                     React.createElement(LoadingBar, { percentage: (loadingProps === null || loadingProps === void 0 ? void 0 : loadingProps.percentage) || 0, hidden: !isLoading }))),
             React.createElement(ActionsList, { className: actionsClass }, actions && actions))));
 };
-var getVariantColor = function (type) {
+var getVariantColor = function (type, theme) {
     if (type === void 0) { type = 'default'; }
     var options = {
         default: theme.colors.azulCredithub,
         error: theme.colors.erro,
         loading: theme.colors.cinzaClaro
     };
-    return options[type || 'default'];
+    return options[type];
 };
 export default Header;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;

package/dist/components/interface/loadingBar.js

@@ -26,12 +26,20 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import styled from 'styled-components';
-import theme from './theme';
-var GreyBar = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 330px;\n  height: 10px;\n  background-color: ", ";\n  border-radius: 10px;\n"], ["\n  width: 330px;\n  height: 10px;\n  background-color: ", ";\n  border-radius: 10px;\n"])), theme.colors.cinzaClaro);
-var BlueBar = styled(GreyBar)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: ", ";\n  width: ", ";\n  background-color: ", ";\n"], ["\n  display: ", ";\n  width: ", ";\n  background-color: ", ";\n"])), function (props) { return (props.percentage ? 'block' : 'none'); }, function (_a) {
+var GreyBar = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 330px;\n  height: 10px;\n  background-color: ", ";\n  border-radius: 10px;\n"], ["\n  width: 330px;\n  height: 10px;\n  background-color: ", ";\n  border-radius: 10px;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.cinzaClaro;
+});
+var BlueBar = styled(GreyBar)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: ", ";\n  width: ", ";\n  background-color: ", ";\n"], ["\n  display: ", ";\n  width: ", ";\n  background-color: ", ";\n"])), function (_a) {
+    var percentage = _a.percentage;
+    return (percentage ? 'block' : 'none');
+}, function (_a) {
     var percentage = _a.percentage;
     return percentage && percentage + '%';
-}, theme.colors.azulCredithub);
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.azulCredithub;
+});
 var LoadingBar = function (_a) {
     var _b = _a.percentage, percentage = _b === void 0 ? 0 : _b, props = __rest(_a, ["percentage"]);
     return (React.createElement(GreyBar, __assign({}, props),

package/dist/components/interface/responsiveGrid.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'styled-components';
-declare const ResponsiveGrid: import("styled-components").StyledComponent<"div", any, {
+declare const ResponsiveGrid: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     mobile?: CSSProperties["gridTemplateColumns"];
     tablet?: CSSProperties["gridTemplateColumns"];
     desktop?: CSSProperties["gridTemplateColumns"];

package/dist/components/interface/result.d.ts

@@ -1,10 +1,10 @@
-export declare const ResultContent: import("styled-components").StyledComponent<"div", any, {
+export declare const ResultContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     mobile?: import("styled-components").CSSProperties["gridTemplateColumns"];
     tablet?: import("styled-components").CSSProperties["gridTemplateColumns"];
     desktop?: import("styled-components").CSSProperties["gridTemplateColumns"];
     print?: import("styled-components").CSSProperties["gridTemplateColumns"];
     fullWidth?: boolean;
 }, never>;
-export declare const Result: import("styled-components").StyledComponent<"div", any, {
+export declare const Result: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     resultContentStriped?: boolean;
 }, never>;

package/dist/components/interface/result.js

@@ -4,7 +4,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 import styled from 'styled-components';
 import ResponsiveGrid from './responsiveGrid';
-import theme from './theme';
 export var ResultContent = styled(ResponsiveGrid)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 18px 59px;\n  box-sizing: border-box;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 8px;\n\n  > * {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n  }\n"], ["\n  padding: 18px 59px;\n  box-sizing: border-box;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 8px;\n\n  > * {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n  }\n"])));
 export var Result = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: ", ";\n  flex-direction: column;\n  padding: 37px 20px;\n\n  ", " {\n    :nth-child(odd) {\n      background: ", ";\n      border-radius: 60px;\n    }\n\n    @media print {\n      :not(:last-child) {\n        border-radius: 0px !important;\n        border-bottom: 1px solid ", ";\n      }\n    }\n  }\n"], ["\n  display: ", ";\n  flex-direction: column;\n  padding: 37px 20px;\n\n  ", " {\n    :nth-child(odd) {\n      background: ", ";\n      border-radius: 60px;\n    }\n\n    @media print {\n      :not(:last-child) {\n        border-radius: 0px !important;\n        border-bottom: 1px solid ", ";\n      }\n    }\n  }\n"])), function (props) {
     var _a;
@@ -15,5 +14,8 @@ export var Result = styled.div(templateObject_2 || (templateObject_2 = __makeTem
 }, ResultContent, function (_a) {
     var _b = _a.resultContentStriped, resultContentStriped = _b === void 0 ? true : _b;
     return resultContentStriped ? '#FFFFFF' : 'transparent';
-}, theme.colors.cinzaClaro);
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.cinzaClaro;
+});
 var templateObject_1, templateObject_2;

package/dist/components/interface/statusMessage.d.ts

@@ -3,5 +3,5 @@ export type StatusProps = {
     type?: StatusColorTypes;
     capitalize?: boolean;
 };
-declare const StatusMessage: import("styled-components").StyledComponent<"span", any, StatusProps, never>;
+declare const StatusMessage: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, StatusProps, never>;
 export default StatusMessage;

package/dist/components/interface/statusMessage.js

@@ -3,23 +3,22 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 import styled from 'styled-components';
-import theme from './theme';
-var statusColors = {
-    default: theme.colors.cinzaClaro,
-    error: theme.colors.erro,
-    success: theme.colors.positivoClaro,
-    found: theme.colors.azulClaro,
-    warning: theme.colors.alerta
-};
 var StatusMessage = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 7px 19px;\n  gap: 10px;\n  background: ", ";\n  text-transform: ", ";\n  border-radius: 50px;\n  ", "\n"], ["\n  padding: 7px 19px;\n  gap: 10px;\n  background: ", ";\n  text-transform: ", ";\n  border-radius: 50px;\n  ", "\n"])), function (_a) {
-    var _b = _a.type, type = _b === void 0 ? 'default' : _b;
+    var _b = _a.type, type = _b === void 0 ? 'default' : _b, theme = _a.theme;
+    var statusColors = {
+        default: theme.colors.cinzaClaro,
+        error: theme.colors.erro,
+        success: theme.colors.positivoClaro,
+        found: theme.colors.azulClaro,
+        warning: theme.colors.alerta
+    };
     return statusColors[type];
 }, function (_a) {
     var _b = _a.capitalize, capitalize = _b === void 0 ? false : _b;
     return capitalize ? 'capitalize' : 'none';
 }, function (_a) {
-    var type = _a.type;
-    return type == 'error' && 'color: rgba(255, 255, 255, 1);';
+    var type = _a.type, theme = _a.theme;
+    return type === 'error' && "color: ".concat(theme.colors.white, ";");
 });
 export default StatusMessage;
 var templateObject_1;

package/dist/components/processos-juridicos/envolvidosList.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { EnvolvidoUltimaMovimentacao } from '../../@types/domain';
+import React from 'react';
 export type Envolvido = {
     nome: string;
     envolvimento: string;

package/dist/components/processos-juridicos/envolvidosList.js

@@ -3,13 +3,21 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 import React from 'react';
-import AddItemField from '../common/addItem';
 import styled from 'styled-components';
+import AddItemField from '../common/addItem';
 import ResponsiveGrid from '../interface/responsiveGrid';
-import theme from '../interface/theme';
 import { ResultContent } from '../interface/result';
-var EnvolvidosListWrapper = styled(ResultContent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  gap: 8px;\n  color: ", ";\n  width: 100%;\n  .field > .value,\n  .name {\n    color: ", ";\n  }\n"], ["\n  gap: 8px;\n  color: ", ";\n  width: 100%;\n  .field > .value,\n  .name {\n    color: ", ";\n  }\n"])), theme.colors.prata, theme.colors.prata);
-var EnvolvidosUltimaMovimentacaoTitle = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-weight: ", ";\n"], ["\n  font-weight: ", ";\n"])), theme.typography.headline16.fontWeight);
+var EnvolvidosListWrapper = styled(ResultContent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  gap: 8px;\n  color: ", ";\n  width: 100%;\n  .field > .value,\n  .name {\n    color: ", ";\n  }\n"], ["\n  gap: 8px;\n  color: ", ";\n  width: 100%;\n  .field > .value,\n  .name {\n    color: ", ";\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.prata;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.prata;
+});
+var EnvolvidosUltimaMovimentacaoTitle = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-weight: ", ";\n"], ["\n  font-weight: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.typography.headline16.fontWeight;
+});
 var EnvolvidosList = function (_a) {
     var _b = _a.envolvidos, envolvidos = _b === void 0 ? [] : _b;
     if (!envolvidos.length)

package/dist/components/processos-juridicos/processosJuridicosList.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { ProcessoJuridicoResume } from '../../@types/domain';
+import React from 'react';
 declare const ProcessosJuridicosList: React.FC<{
     processos: ProcessoJuridicoResume[];
     onClickConsultarProcessoJuridico?: (processo: string) => void;

package/dist/components/processos-juridicos/processosJuridicosList.js

@@ -25,11 +25,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { memo } from 'react';
-import { Result, ResultContent } from '../interface/result';
+import styled from 'styled-components';
 import AddItem from '../common/addItem';
 import Button from '../common/button';
-import styled from 'styled-components';
-import theme from '../interface/theme';
+import { Result, ResultContent } from '../interface/result';
 import EnvolvidosList from './envolvidosList';
 var AddProcessoJuridicoField = function (_a) {
     var value = _a.value, props = __rest(_a, ["value"]);
@@ -51,7 +50,10 @@ var ProcessoJuridicoItem = memo(function (_a) {
             React.createElement(EnvolvidosList, { envolvidos: processo === null || processo === void 0 ? void 0 : processo.envolvidos_ultima_movimentacao })),
         children));
 });
-var ResultList = styled(Result)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  > div {\n    padding: 16px 0px;\n    :not(:last-child) {\n      border-bottom: 1px solid ", ";\n    }\n  }\n"], ["\n  > div {\n    padding: 16px 0px;\n    :not(:last-child) {\n      border-bottom: 1px solid ", ";\n    }\n  }\n"])), theme.colors.cinzaClaro);
+var ResultList = styled(Result)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  > div {\n    padding: 16px 0px;\n    :not(:last-child) {\n      border-bottom: 1px solid ", ";\n    }\n  }\n"], ["\n  > div {\n    padding: 16px 0px;\n    :not(:last-child) {\n      border-bottom: 1px solid ", ";\n    }\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.cinzaClaro;
+});
 var ProcessosJuridicosList = function (_a) {
     var processos = _a.processos, onClickConsultarProcessoJuridico = _a.onClickConsultarProcessoJuridico;
     return (React.createElement(ResultList, { resultContentStriped: false }, processos.map(function (processo, i) { return (React.createElement("div", { key: i },

package/dist/components/reclameAqui/styles.d.ts

@@ -1,14 +1,14 @@
 interface StatsImageProps {
     src: string;
 }
-export declare const ContainerSummary: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ReclameAquiStatsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const LogoContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledImage: import("styled-components").StyledComponent<"img", any, {}, never>;
-export declare const StatsImage: import("styled-components").StyledComponent<"div", any, StatsImageProps, never>;
-export declare const CompanyName: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const DocumentContainer: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const DocumentPrefix: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const ProblemsSolved: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CarrouselBtn: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ContainerSummary: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ReclameAquiStatsContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const LogoContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {}, never>;
+export declare const StatsImage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StatsImageProps, never>;
+export declare const CompanyName: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const DocumentContainer: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const DocumentPrefix: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const ProblemsSolved: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CarrouselBtn: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export {};