@credithub/harlan-components 1.120.9 → 1.120.11

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 (5) hide show
  1. package/dist/components/common/ModalInstallExtension.js +6 -41
  2. package/dist/components/protestos/protestosList.js +29 -4
  3. package/lib/cjs/index.js +58 -68
  4. package/lib/esm/index.js +58 -68
  5. package/package.json +1 -1
package/dist/components/common/ModalInstallExtension.js CHANGED
@@ -34,31 +34,15 @@ var Description = styled.p(templateObject_4 || (templateObject_4 = __makeTemplat
34
34
  var theme = _a.theme;
35
35
  return theme.colors.cinzaMedio;
36
36
  });
37
- var FeatureList = styled.ul(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n list-style: none;\n padding: 0;\n margin: 8px 0 0 0;\n width: 100%;\n"], ["\n list-style: none;\n padding: 0;\n margin: 8px 0 0 0;\n width: 100%;\n"])));
38
- var FeatureItem = styled.li(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 10px 16px;\n border-radius: 8px;\n background: ", ";\n margin-bottom: 8px;\n\n &:last-child {\n margin-bottom: 0;\n }\n"], ["\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 10px 16px;\n border-radius: 8px;\n background: ", ";\n margin-bottom: 8px;\n\n &:last-child {\n margin-bottom: 0;\n }\n"])), function (_a) {
39
- var theme = _a.theme;
40
- return theme.colors.cinzaBase;
41
- });
42
- var CheckCircle = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: ", ";\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n\n svg {\n width: 12px;\n height: 12px;\n }\n"], ["\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: ", ";\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n\n svg {\n width: 12px;\n height: 12px;\n }\n"])), function (_a) {
43
- var theme = _a.theme;
44
- return theme.colors.positivoApoio;
45
- });
46
- var FeatureText = styled.span(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n ", ";\n color: ", ";\n"], ["\n ", ";\n color: ", ";\n"])), function (_a) {
47
- var theme = _a.theme;
48
- return theme.typography.body14;
49
- }, function (_a) {
50
- var theme = _a.theme;
51
- return theme.colors.cinzaEscuro;
52
- });
53
- var Footer = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n width: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 8px;\n width: 100%;\n"])));
54
- var InstallButton = styled(Button)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n && {\n background: ", ";\n width: 100%;\n\n &:hover:not(:disabled) {\n background: ", ";\n }\n }\n"], ["\n && {\n background: ", ";\n width: 100%;\n\n &:hover:not(:disabled) {\n background: ", ";\n }\n }\n"])), function (_a) {
37
+ var Footer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n width: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 8px;\n width: 100%;\n"])));
38
+ var InstallButton = styled(Button)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n && {\n background: ", ";\n width: 100%;\n\n &:hover:not(:disabled) {\n background: ", ";\n }\n }\n"], ["\n && {\n background: ", ";\n width: 100%;\n\n &:hover:not(:disabled) {\n background: ", ";\n }\n }\n"])), function (_a) {
55
39
  var theme = _a.theme;
56
40
  return theme.colors.azulCredithub;
57
41
  }, function (_a) {
58
42
  var theme = _a.theme;
59
43
  return theme.colors.azulApoio;
60
44
  });
61
- var GhostButton = styled(Button)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n && {\n background-color: transparent;\n color: ", ";\n\n &:hover:not(:disabled) {\n background-color: transparent;\n color: ", ";\n text-decoration: underline;\n }\n }\n"], ["\n && {\n background-color: transparent;\n color: ", ";\n\n &:hover:not(:disabled) {\n background-color: transparent;\n color: ", ";\n text-decoration: underline;\n }\n }\n"])), function (_a) {
45
+ var GhostButton = styled(Button)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n && {\n background-color: transparent;\n color: ", ";\n\n &:hover:not(:disabled) {\n background-color: transparent;\n color: ", ";\n text-decoration: underline;\n }\n }\n"], ["\n && {\n background-color: transparent;\n color: ", ";\n\n &:hover:not(:disabled) {\n background-color: transparent;\n color: ", ";\n text-decoration: underline;\n }\n }\n"])), function (_a) {
62
46
  var theme = _a.theme;
63
47
  return theme.colors.cinzaMedio;
64
48
  }, function (_a) {
@@ -78,27 +62,8 @@ var ModalInstallExtension = function (_a) {
78
62
  React.createElement(ContentWrapper, null,
79
63
  React.createElement(IconContainer, null,
80
64
  React.createElement(PuzzleIcon, null)),
81
- React.createElement(Title, null, "Desbloqueie mais informa\u00E7\u00F5es"),
82
- React.createElement(Description, null,
83
- "Instale a extens\u00E3o ",
84
- React.createElement("strong", null, "CreditHub"),
85
- " no seu navegador para acessar dados detalhados de quem protestou."),
86
- React.createElement(FeatureList, null,
87
- React.createElement(FeatureItem, null,
88
- React.createElement(CheckCircle, null,
89
- React.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3" },
90
- React.createElement("polyline", { points: "20 6 9 17 4 12" }))),
91
- React.createElement(FeatureText, null, "Veja quem protestou")),
92
- React.createElement(FeatureItem, null,
93
- React.createElement(CheckCircle, null,
94
- React.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3" },
95
- React.createElement("polyline", { points: "20 6 9 17 4 12" }))),
96
- React.createElement(FeatureText, null, "Dados atualizados em tempo real")),
97
- React.createElement(FeatureItem, null,
98
- React.createElement(CheckCircle, null,
99
- React.createElement("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3" },
100
- React.createElement("polyline", { points: "20 6 9 17 4 12" }))),
101
- React.createElement(FeatureText, null, "100% gratuito"))))));
65
+ React.createElement(Title, null, "Instale a Extens\u00E3o CreditHub para acessar mais detalhes."),
66
+ React.createElement(Description, null, "A extens\u00E3o permite acessar mais informa\u00E7\u00F5es diretamente em sua Consulta Simples."))));
102
67
  };
103
68
  export default ModalInstallExtension;
104
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
69
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
package/dist/components/protestos/protestosList.js CHANGED
@@ -139,14 +139,17 @@ var AIIndicator = function () { return (React.createElement("span", { title: "In
139
139
  * em produção com estilos globais do app host (button { min-width, margin, flex }).
140
140
  * Layout explícito (width: fit-content, display: inline-block) evita deslocamento.
141
141
  */
142
- /** Mesmo padrão visual do link "Quem Protestou": azul, sublinhado, abre modal (dados do cartório). */
142
+ /** Célula UF clicável: sublinhado pontilhado no estado normal (indica ação), sólido no hover. */
143
143
  var UfCellButton = styled.button.attrs({
144
144
  type: 'button',
145
145
  title: 'Ver dados do cartório',
146
146
  'data-harlan': 'uf-cartorio-button'
147
- })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n all: unset;\n box-sizing: border-box;\n display: inline-block;\n width: fit-content;\n min-width: 0;\n margin: 0;\n padding: 0;\n background: none;\n border: none;\n cursor: pointer;\n color: ", ";\n text-decoration: underline;\n vertical-align: top;\n line-height: ", ";\n ", ";\n transition: opacity 0.2s ease;\n\n &:hover {\n opacity: 0.8;\n }\n\n &:focus-visible {\n outline: 2px solid ", ";\n outline-offset: 2px;\n }\n"], ["\n all: unset;\n box-sizing: border-box;\n display: inline-block;\n width: fit-content;\n min-width: 0;\n margin: 0;\n padding: 0;\n background: none;\n border: none;\n cursor: pointer;\n color: ", ";\n text-decoration: underline;\n vertical-align: top;\n line-height: ", ";\n ", ";\n transition: opacity 0.2s ease;\n\n &:hover {\n opacity: 0.8;\n }\n\n &:focus-visible {\n outline: 2px solid ", ";\n outline-offset: 2px;\n }\n"])), function (_a) {
147
+ })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n all: unset;\n box-sizing: border-box;\n display: inline-block;\n width: fit-content;\n min-width: 0;\n margin: 0;\n padding: 0;\n background: none;\n border: none;\n cursor: pointer;\n color: ", ";\n text-decoration: underline;\n text-decoration-style: dotted;\n text-underline-offset: 3px;\n text-decoration-color: ", ";\n vertical-align: top;\n line-height: ", ";\n ", ";\n transition: color 0.2s ease, text-decoration-color 0.2s ease, text-decoration-style 0.2s ease;\n\n &:hover {\n color: ", ";\n text-decoration-style: solid;\n text-decoration-color: ", ";\n }\n\n &:focus-visible {\n outline: 2px solid ", ";\n outline-offset: 2px;\n }\n"], ["\n all: unset;\n box-sizing: border-box;\n display: inline-block;\n width: fit-content;\n min-width: 0;\n margin: 0;\n padding: 0;\n background: none;\n border: none;\n cursor: pointer;\n color: ", ";\n text-decoration: underline;\n text-decoration-style: dotted;\n text-underline-offset: 3px;\n text-decoration-color: ", ";\n vertical-align: top;\n line-height: ", ";\n ", ";\n transition: color 0.2s ease, text-decoration-color 0.2s ease, text-decoration-style 0.2s ease;\n\n &:hover {\n color: ", ";\n text-decoration-style: solid;\n text-decoration-color: ", ";\n }\n\n &:focus-visible {\n outline: 2px solid ", ";\n outline-offset: 2px;\n }\n"])), function (_a) {
148
148
  var theme = _a.theme;
149
- return theme.colors.azulCredithub;
149
+ return theme.colors.cinzaEscuro;
150
+ }, function (_a) {
151
+ var theme = _a.theme;
152
+ return theme.colors.cinzaMedio;
150
153
  }, function (_a) {
151
154
  var theme = _a.theme;
152
155
  return theme.typography.headline16.lineHeight;
@@ -156,13 +159,35 @@ var UfCellButton = styled.button.attrs({
156
159
  }, function (_a) {
157
160
  var theme = _a.theme;
158
161
  return theme.colors.azulCredithub;
162
+ }, function (_a) {
163
+ var theme = _a.theme;
164
+ return theme.colors.azulCredithub;
165
+ }, function (_a) {
166
+ var theme = _a.theme;
167
+ return theme.colors.azulCredithub;
159
168
  });
160
169
  /** Evita que a célula UF estique e desloque o conteúdo em produção (conflito com estilos do host). */
161
170
  var UfCellValueWrapper = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: inline-block;\n width: fit-content;\n min-width: 0;\n vertical-align: top;\n line-height: ", ";\n"], ["\n display: inline-block;\n width: fit-content;\n min-width: 0;\n vertical-align: top;\n line-height: ", ";\n"])), function (_a) {
162
171
  var theme = _a.theme;
163
172
  return theme.typography.headline16.lineHeight;
164
173
  });
165
- var QuemProtestouClickable = styled.button(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n all: unset;\n cursor: pointer;\n color: ", ";\n text-decoration: underline;\n transition: opacity 0.2s ease;\n\n &:hover {\n opacity: 0.8;\n }\n\n &:focus-visible {\n outline: 2px solid ", ";\n outline-offset: 2px;\n }\n"], ["\n all: unset;\n cursor: pointer;\n color: ", ";\n text-decoration: underline;\n transition: opacity 0.2s ease;\n\n &:hover {\n opacity: 0.8;\n }\n\n &:focus-visible {\n outline: 2px solid ", ";\n outline-offset: 2px;\n }\n"])), function (_a) {
174
+ /** "Quem Protestou" clicável: sublinhado pontilhado no estado normal (indica ação), sólido no hover. */
175
+ var QuemProtestouClickable = styled.button(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n all: unset;\n box-sizing: border-box;\n display: inline-block;\n width: fit-content;\n min-width: 0;\n margin: 0;\n padding: 0;\n cursor: pointer;\n color: ", ";\n text-decoration: underline;\n text-decoration-style: dotted;\n text-underline-offset: 3px;\n text-decoration-color: ", ";\n line-height: ", ";\n ", ";\n transition: color 0.2s ease, text-decoration-color 0.2s ease, text-decoration-style 0.2s ease;\n\n &:hover {\n color: ", ";\n text-decoration-style: solid;\n text-decoration-color: ", ";\n }\n\n &:focus-visible {\n outline: 2px solid ", ";\n outline-offset: 2px;\n }\n"], ["\n all: unset;\n box-sizing: border-box;\n display: inline-block;\n width: fit-content;\n min-width: 0;\n margin: 0;\n padding: 0;\n cursor: pointer;\n color: ", ";\n text-decoration: underline;\n text-decoration-style: dotted;\n text-underline-offset: 3px;\n text-decoration-color: ", ";\n line-height: ", ";\n ", ";\n transition: color 0.2s ease, text-decoration-color 0.2s ease, text-decoration-style 0.2s ease;\n\n &:hover {\n color: ", ";\n text-decoration-style: solid;\n text-decoration-color: ", ";\n }\n\n &:focus-visible {\n outline: 2px solid ", ";\n outline-offset: 2px;\n }\n"])), function (_a) {
176
+ var theme = _a.theme;
177
+ return theme.colors.cinzaEscuro;
178
+ }, function (_a) {
179
+ var theme = _a.theme;
180
+ return theme.colors.cinzaMedio;
181
+ }, function (_a) {
182
+ var theme = _a.theme;
183
+ return theme.typography.headline16.lineHeight;
184
+ }, function (_a) {
185
+ var theme = _a.theme;
186
+ return theme.typography.headline16;
187
+ }, function (_a) {
188
+ var theme = _a.theme;
189
+ return theme.colors.azulCredithub;
190
+ }, function (_a) {
166
191
  var theme = _a.theme;
167
192
  return theme.colors.azulCredithub;
168
193
  }, function (_a) {