plataforma-fundacao-componentes 2.20.23 → 2.20.27

package/README.md

@@ -25,15 +25,19 @@ import 'plataforma-fundacao-componentes/dist/index.css'
 ## 2) Importar o componente e utilizar :P
 
 ```tsx
-import React, { Component } from 'react'
+import React from 'react'
 import { Button } from 'plataforma-fundacao-componentes'
 
-expord default function Example() {
-  render() {
-    return <Button onClick={() => {
+export default function Example() {
+  return (
+    <Button
+      onClick={() => {
         console.log('clicou')
-    }}>Clique</Button>
-  }
+      }}
+    >
+      Clique
+    </Button>
+  )
 }
 ```
 

package/dist/components/bannerPesquisaCpfCnpj/BannerPesquisaCpfCnpj.d.ts

@@ -7,6 +7,7 @@ interface BannerPesquisaCpfCnpjProps {
     inputProps?: InputProps;
     urlImg?: string;
     theme?: 'white' | 'secondary-light' | 'secondary-lighter';
+    captcha?: React.ReactNode;
 }
 declare function BannerPesquisaCpfCnpj(props: BannerPesquisaCpfCnpjProps): JSX.Element;
 declare namespace BannerPesquisaCpfCnpj {

package/dist/components/bannerPesquisaCpfCnpj/BannerPesquisaCpfCnpj.stories.d.ts

@@ -4,4 +4,5 @@ declare namespace _default {
 }
 export default _default;
 export function FirstExample(): JSX.Element;
+export function CaptchaExample(): JSX.Element;
 import BannerPesquisaCpfCnpj from "./BannerPesquisaCpfCnpj";

package/dist/index.css

@@ -3553,6 +3553,8 @@ h5 {
     padding: 3%;
     height: 412px;
     width: 50%; }
+    .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-left.plus {
+      height: 500px; }
     @media screen and (max-width: 767.98px) {
       .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-left {
         width: 100%;
@@ -3579,6 +3581,8 @@ h5 {
     width: 50%;
     background-size: cover;
     background-position: center; }
+    .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-image.plus {
+      height: 500px; }
     .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-image img {
       display: none; }
     @media screen and (max-width: 767.98px) {

package/dist/index.js

@@ -2321,15 +2321,17 @@ function BannerPesquisaCpfCnpj(props) {
   return React__default.createElement("div", {
     className: getMergedClassNames([rootClassName$n, props.theme])
   }, React__default.createElement("div", {
-    className: rootClassName$n + "-left"
+    className: getMergedClassNames([rootClassName$n + "-left", props.captcha ? 'plus' : ''])
   }, React__default.createElement("div", {
     className: rootClassName$n + "-title"
   }, props.title), React__default.createElement("div", {
     className: rootClassName$n + "-sub-title nunito"
-  }, props.subtitle), React__default.createElement("div", {
+  }, props.subtitle), props.inputProps ? React__default.createElement("div", {
     className: rootClassName$n + "-input"
-  }, React__default.createElement(Input$1, Object.assign({}, props.inputProps)))), React__default.createElement("div", {
-    className: rootClassName$n + "-image",
+  }, React__default.createElement(Input$1, Object.assign({}, props.inputProps))) : undefined, props.captcha ? React__default.createElement("div", {
+    className: "" + rootClassName$n
+  }, props.captcha) : undefined), React__default.createElement("div", {
+    className: getMergedClassNames([rootClassName$n + "-image", props.captcha ? 'plus' : '']),
     style: {
       backgroundImage: "url(" + props.urlImg + ")"
     }