plataforma-fundacao-componentes 2.23.26 → 2.23.28

package/dist/components/bannerAssembleia/BannerAssembleia.d.ts

@@ -2,9 +2,10 @@ import React from 'react';
 import './BannerAssembleia.scss';
 interface BannerAssembleiaProps {
     imgUrl: string;
-    breadCrumb: string;
+    breadCrumb?: string;
     buttonLabel: string;
     onButtonClick: (evt: any) => void;
+    green?: boolean;
     text: string;
 }
 declare function BannerAssembleia(props: BannerAssembleiaProps): JSX.Element;

package/dist/components/bannerAssembleia/BannerAssembleia.stories.d.ts

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

package/dist/components/informativoAssembleiasComImagem/InformativoAssembleiasComImagem.d.ts

@@ -7,6 +7,7 @@ interface InformativoAssembleiasComImagemProps {
     buttonLabel?: string;
     onButtonClick?: (evt?: any) => void;
     reverse?: boolean;
+    filledButton?: boolean;
 }
 declare function InformativoAssembleiasComImagem(props: InformativoAssembleiasComImagemProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof InformativoAssembleiasComImagem>;

package/dist/components/informativoAssembleiasComImagem/InformativoAssembleiasComImagem.stories.d.ts

@@ -16,4 +16,25 @@ export namespace FirstExample {
         export const reverse: boolean;
     }
 }
+export function FilledButtonExample(args: any): JSX.Element;
+export namespace FilledButtonExample {
+    export namespace args_1 {
+        const urlImg_1: string;
+        export { urlImg_1 as urlImg };
+        const alt_1: string;
+        export { alt_1 as alt };
+        const title_2: string;
+        export { title_2 as title };
+        const subtitle_1: string;
+        export { subtitle_1 as subtitle };
+        const buttonLabel_1: string;
+        export { buttonLabel_1 as buttonLabel };
+        export function onButtonClick_1(): void;
+        export { onButtonClick_1 as onButtonClick };
+        const reverse_1: boolean;
+        export { reverse_1 as reverse };
+        export const filledButton: boolean;
+    }
+    export { args_1 as args };
+}
 import InformativoAssembleiasComImagem from "./InformativoAssembleiasComImagem";

package/dist/index.css

@@ -2091,6 +2091,8 @@ h5 {
     justify-content: center;
     flex-direction: column;
     padding: 4% 6%; }
+    .banner-assembleia .banner-assembleia-left.green {
+      background-color: #3fa110; }
     @media screen and (max-width: 991.98px) {
       .banner-assembleia .banner-assembleia-left {
         padding: 4% 2%; } }
@@ -2105,6 +2107,7 @@ h5 {
       margin-bottom: 50px;
       color: #5a645a;
       padding: 8px;
+      padding-left: 10px;
       position: relative;
       font-weight: 600; }
       @media screen and (max-width: 767.98px) {
@@ -2114,7 +2117,7 @@ h5 {
         content: '';
         position: absolute;
         bottom: 0;
-        left: 0;
+        left: 10px;
         width: 109px;
         height: 2px;
         background-color: #3fa110; }
@@ -2124,13 +2127,18 @@ h5 {
       text-align: left;
       font-weight: 500;
       line-height: 70px;
-      font-style: italic; }
+      font-style: italic;
+      padding-left: 10px; }
+      .banner-assembleia .banner-assembleia-left .banner-assembleia-text.white {
+        color: #fefefe; }
       @media screen and (max-width: 767.98px) {
         .banner-assembleia .banner-assembleia-left .banner-assembleia-text {
           font-size: 36px;
           line-height: 42px; } }
     .banner-assembleia .banner-assembleia-left .banner-assembleia-button {
       margin-top: 40px; }
+      .banner-assembleia .banner-assembleia-left .banner-assembleia-button button.white {
+        color: #fefefe; }
   .banner-assembleia .banner-assembleia-imagem {
     min-height: 492px;
     width: 50%;
@@ -6115,7 +6123,9 @@ header.component-header {
   align-items: stretch;
   flex-direction: row; }
   @media screen and (max-width: 767.98px) {
-    .informativo-assembleias-com-imagem {
+    .informativo-assembleias-com-imagem.wrap {
+      flex-wrap: wrap; }
+    .informativo-assembleias-com-imagem.wrap-reverse {
       flex-wrap: wrap-reverse; } }
   .informativo-assembleias-com-imagem.reverse {
     flex-direction: row-reverse; }
@@ -6171,6 +6181,19 @@ header.component-header {
           display: block !important;
           opacity: 1;
           width: 100%; } }
+  .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-button.filled {
+    width: 100%;
+    margin-left: 10px; }
+    .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-button.filled button {
+      padding: 10px 60px;
+      border-radius: 6px; }
+  @media screen and (max-width: 767.98px) {
+    .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-button.filled {
+      display: flex;
+      justify-content: center;
+      margin-left: 0px; }
+      .informativo-assembleias-com-imagem .informativo-assembleias-com-imagem-button.filled button {
+        width: 100%; } }
 
 :export {
   widthXs: 575.98px;

package/dist/index.js

@@ -5432,20 +5432,23 @@ function BannerAssembleia(props) {
   return React__default.createElement("div", {
     className: rootClassName$1L
   }, React__default.createElement("div", {
-    className: rootClassName$1L + "-left"
-  }, React__default.createElement("div", {
+    className: getMergedClassNames([rootClassName$1L + "-left", props.green ? 'green' : ''])
+  }, props.breadCrumb ? React__default.createElement("div", {
     className: rootClassName$1L + "-bread-crumb"
-  }, props.breadCrumb), React__default.createElement("div", {
-    className: rootClassName$1L + "-text"
+  }, props.breadCrumb) : undefined, React__default.createElement("div", {
+    className: getMergedClassNames([rootClassName$1L + "-text", props.green ? 'white' : ''])
   }, props.text), React__default.createElement("div", {
     className: rootClassName$1L + "-button"
   }, React__default.createElement(Button$1, {
     onClick: props.onButtonClick,
     theme: exports.ButtonThemes.DefaultPrimary,
-    rightIcon: React__default.createElement(ArrowRightIcon, null)
+    rightIcon: React__default.createElement(ArrowRightIcon, null),
+    className: props.green ? 'white' : ''
   }, props.buttonLabel))), React__default.createElement("div", {
     className: rootClassName$1L + "-imagem",
-    style: {
+    style: props.green ? {
+      backgroundImage: "linear-gradient(30deg, rgba(63,161,16,0.3701855742296919) 0%, rgba(63,161,16,0) 50%), url(" + props.imgUrl + ")"
+    } : {
       backgroundImage: "url(" + props.imgUrl + ")"
     }
   }, React__default.createElement("img", {
@@ -9789,7 +9792,7 @@ var rootClassName$2o = 'informativo-assembleias-com-imagem';
 
 function InformativoAssembleiasComImagem(props) {
   return React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$2o, props.reverse ? 'reverse' : ''])
+    className: getMergedClassNames([rootClassName$2o, props.reverse ? 'reverse' : '', props.filledButton ? 'wrap' : 'wrap-reverse'])
   }, React__default.createElement("div", {
     className: rootClassName$2o + "-text"
   }, React__default.createElement("div", {
@@ -9797,11 +9800,11 @@ function InformativoAssembleiasComImagem(props) {
   }, props.title), React__default.createElement("p", {
     className: rootClassName$2o + "-sub-title nunito"
   }, props.subtitle), React__default.createElement("div", {
-    className: rootClassName$2o + "-button"
+    className: getMergedClassNames([rootClassName$2o + "-button", props.filledButton ? 'filled' : ''])
   }, React__default.createElement(Button$1, {
-    theme: exports.ButtonThemes.DefaultPrimary,
+    theme: props.filledButton ? exports.ButtonThemes.Primary : exports.ButtonThemes.DefaultPrimary,
     onClick: props.onButtonClick,
-    rightIcon: React__default.createElement(ArrowRightIcon, null)
+    rightIcon: props.filledButton ? undefined : React__default.createElement(ArrowRightIcon, null)
   }, props.buttonLabel))), React__default.createElement("div", {
     className: rootClassName$2o + "-photo",
     style: {