@credithub/harlan-components 1.120.10 → 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 (4) hide show
  1. package/dist/components/protestos/protestosList.js +29 -4
  2. package/lib/cjs/index.js +30 -5
  3. package/lib/esm/index.js +30 -5
  4. package/package.json +1 -1
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) {