plataforma-fundacao-componentes 2.23.3 → 2.23.4

package/dist/components/bigBlockButton/BigBlockButton.d.ts

@@ -4,6 +4,7 @@ interface BigBlockButtonProps {
     id?: string;
     icon?: React.ReactNode;
     label?: React.ReactNode | string | number;
+    subtitle?: React.ReactNode | string | number;
     onClick: (evt?: any) => void;
     disabled?: boolean;
 }

package/dist/components/bigBlockButton/BigBlockButton.stories.d.ts

@@ -13,4 +13,6 @@ export namespace FirstExample {
     }
 }
 export function MultipleExample(): JSX.Element;
+export function SubtitleExample(): JSX.Element;
+export function MultipleSubtitleExample(): JSX.Element;
 import BigBlockButton from "./BigBlockButton";

package/dist/components/qrcode/{Qrcode.d.ts → QRCode.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
-import './Qrcode.scss';
-export interface QrcodeProps {
+import './QRCode.scss';
+export interface QRCodeProps {
     button?: boolean;
     size: number;
     margin?: number;
@@ -9,12 +9,12 @@ export interface QrcodeProps {
     backgroundColor?: string;
     onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
 }
-declare function QRcode(props: QrcodeProps): JSX.Element;
-declare namespace QRcode {
+declare function QRCode(props: QRCodeProps): JSX.Element;
+declare namespace QRCode {
     var defaultProps: {
         margin: number;
         color: string;
     };
 }
-declare const _default: React.MemoExoticComponent<typeof QRcode>;
+declare const _default: React.MemoExoticComponent<typeof QRCode>;
 export default _default;

package/dist/components/qrcode/{Qrcode.stories.d.ts → QRCode.stories.d.ts}

@@ -1,14 +1,14 @@
 /// <reference types="react" />
-import { QrcodeProps } from './Qrcode';
+import { QRCodeProps } from './QRCode';
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const DefaultExample: {
-    (args: QrcodeProps): JSX.Element;
-    args: QrcodeProps;
+    (args: QRCodeProps): JSX.Element;
+    args: QRCodeProps;
 };
 export declare const ColorizedExample: {
-    (args: QrcodeProps): JSX.Element;
-    args: QrcodeProps;
+    (args: QRCodeProps): JSX.Element;
+    args: QRCodeProps;
 };

package/dist/index.css

@@ -4499,6 +4499,11 @@ h5 {
     font-size: 21px;
     line-height: 24px;
     font-weight: 400; }
+  .component-big-block-button .component-big-block-button-subtitle {
+    color: #3fa110;
+    font-size: 16px;
+    line-height: 24px;
+    font-weight: 400; }
 
 @import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap");
@@ -12139,7 +12144,8 @@ h5 {
       color: #323c32;
       max-width: calc(100% - 30px);
       overflow: hidden;
-      text-overflow: ellipsis; }
+      text-overflow: ellipsis;
+      text-align: left; }
     .component-item-dropdown-download-outer .component-item-dropdown-download .component-item-dropdown-download-arrow {
       display: flex;
       align-items: center;
@@ -14100,143 +14106,6 @@ h5 {
   .scroll-white::-webkit-scrollbar-thumb:hover {
     background-color: #bfc7bf; }
 
-.qrcode {
-  display: inline-block;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 12px; }
-  .qrcode.button {
-    cursor: pointer;
-    transition: transform 0.3s ease; }
-    .qrcode.button:active {
-      transform: scale(0.95); }
-
-@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap");
-:export {
-  white: #fefefe;
-  darkenWhite: #efefef;
-  black: #121212;
-  transparent: rgba(0, 0, 0, 0);
-  primary: #3fa110;
-  primaryDark: #33820d;
-  primaryLight: #d7e6c8;
-  secondaryDarker: #323c32;
-  secondaryDark: #5a645a;
-  secondary: #828a82;
-  secondaryLight: #cdd3cd;
-  secondaryLighter: #f8f9f7;
-  danger: #e60000;
-  dangerLight: #ffb4b4;
-  dangerDark: #ab4745;
-  warning: #ffcd00;
-  warningLight: #ffeb98;
-  warningDark: #765f00; }
-
-:root {
-  --rowPadding: 0;
-  --colPadding: 8px; }
-
-:export {
-  widthXs: 575.98px;
-  widthSm: 767.98px;
-  widthMd: 991.98px;
-  widthLg: 1199.98px; }
-
-body.sb-show-main.sb-main-padded {
-  padding: 15px; }
-
-*.nunito {
-  font-family: "Nunito", sans-serif; }
-
-*:not(.nunito) {
-  font-family: "Exo 2", sans-serif; }
-
-.document-grabbing {
-  cursor: -webkit-grabbing !important;
-  cursor: grabbing !important; }
-
-h1 {
-  font-size: 36px;
-  font-weight: 600;
-  margin: 0; }
-
-h2 {
-  font-size: 32px;
-  font-weight: 500;
-  margin: 0; }
-
-h3 {
-  font-size: 24px;
-  font-weight: 500;
-  margin: 0; }
-
-h4 {
-  font-size: 18px;
-  font-weight: 500;
-  margin: 0; }
-
-h5 {
-  font-family: "Nunito", sans-serif;
-  font-size: 24px;
-  font-weight: 400;
-  margin: 0; }
-
-.fade-enter {
-  transition: opacity 0.2s ease;
-  position: absolute;
-  opacity: 0; }
-
-.fade-enter-active {
-  position: absolute;
-  opacity: 1; }
-
-.fade-exit {
-  transition: opacity 0.15s ease;
-  position: absolute;
-  opacity: 1; }
-
-.fade-exit-active {
-  position: absolute;
-  opacity: 0; }
-
-.fade-exit-done {
-  position: absolute;
-  opacity: 0; }
-
-* {
-  box-sizing: border-box; }
-  *::-webkit-scrollbar-track {
-    background-color: #f8f9f7;
-    border-radius: 20px; }
-  *::-webkit-scrollbar {
-    width: 12px;
-    height: 12px; }
-  *::-webkit-scrollbar-thumb {
-    -webkit-transition: all 0.3s ease;
-    transition: all 0.3s ease;
-    border-radius: 10px;
-    background-color: #cdd3cd;
-    border-width: 3px;
-    border-style: solid;
-    border-color: #f8f9f7; }
-    *::-webkit-scrollbar-thumb:hover {
-      border-width: 2px;
-      background-color: #bfc7bf; }
-  *::-webkit-scrollbar-button {
-    display: none; }
-
-.scroll-white::-webkit-scrollbar-track {
-  background-color: #fefefe;
-  border-radius: 20px; }
-
-.scroll-white::-webkit-scrollbar-thumb {
-  background-color: #cdd3cd;
-  border-color: #fefefe; }
-  .scroll-white::-webkit-scrollbar-thumb:hover {
-    background-color: #bfc7bf; }
-
 .component-search-bloco-de-notas {
   width: 100%;
   display: flex;
@@ -18731,3 +18600,140 @@ h5 {
         width: 100vw; }
       .video-modal.mobile-on-xs .video-modal-video-row {
         border-radius: 7px 7px 0 0; } }
+
+@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap");
+:export {
+  white: #fefefe;
+  darkenWhite: #efefef;
+  black: #121212;
+  transparent: rgba(0, 0, 0, 0);
+  primary: #3fa110;
+  primaryDark: #33820d;
+  primaryLight: #d7e6c8;
+  secondaryDarker: #323c32;
+  secondaryDark: #5a645a;
+  secondary: #828a82;
+  secondaryLight: #cdd3cd;
+  secondaryLighter: #f8f9f7;
+  danger: #e60000;
+  dangerLight: #ffb4b4;
+  dangerDark: #ab4745;
+  warning: #ffcd00;
+  warningLight: #ffeb98;
+  warningDark: #765f00; }
+
+:root {
+  --rowPadding: 0;
+  --colPadding: 8px; }
+
+:export {
+  widthXs: 575.98px;
+  widthSm: 767.98px;
+  widthMd: 991.98px;
+  widthLg: 1199.98px; }
+
+body.sb-show-main.sb-main-padded {
+  padding: 15px; }
+
+*.nunito {
+  font-family: "Nunito", sans-serif; }
+
+*:not(.nunito) {
+  font-family: "Exo 2", sans-serif; }
+
+.document-grabbing {
+  cursor: -webkit-grabbing !important;
+  cursor: grabbing !important; }
+
+h1 {
+  font-size: 36px;
+  font-weight: 600;
+  margin: 0; }
+
+h2 {
+  font-size: 32px;
+  font-weight: 500;
+  margin: 0; }
+
+h3 {
+  font-size: 24px;
+  font-weight: 500;
+  margin: 0; }
+
+h4 {
+  font-size: 18px;
+  font-weight: 500;
+  margin: 0; }
+
+h5 {
+  font-family: "Nunito", sans-serif;
+  font-size: 24px;
+  font-weight: 400;
+  margin: 0; }
+
+.fade-enter {
+  transition: opacity 0.2s ease;
+  position: absolute;
+  opacity: 0; }
+
+.fade-enter-active {
+  position: absolute;
+  opacity: 1; }
+
+.fade-exit {
+  transition: opacity 0.15s ease;
+  position: absolute;
+  opacity: 1; }
+
+.fade-exit-active {
+  position: absolute;
+  opacity: 0; }
+
+.fade-exit-done {
+  position: absolute;
+  opacity: 0; }
+
+* {
+  box-sizing: border-box; }
+  *::-webkit-scrollbar-track {
+    background-color: #f8f9f7;
+    border-radius: 20px; }
+  *::-webkit-scrollbar {
+    width: 12px;
+    height: 12px; }
+  *::-webkit-scrollbar-thumb {
+    -webkit-transition: all 0.3s ease;
+    transition: all 0.3s ease;
+    border-radius: 10px;
+    background-color: #cdd3cd;
+    border-width: 3px;
+    border-style: solid;
+    border-color: #f8f9f7; }
+    *::-webkit-scrollbar-thumb:hover {
+      border-width: 2px;
+      background-color: #bfc7bf; }
+  *::-webkit-scrollbar-button {
+    display: none; }
+
+.scroll-white::-webkit-scrollbar-track {
+  background-color: #fefefe;
+  border-radius: 20px; }
+
+.scroll-white::-webkit-scrollbar-thumb {
+  background-color: #cdd3cd;
+  border-color: #fefefe; }
+  .scroll-white::-webkit-scrollbar-thumb:hover {
+    background-color: #bfc7bf; }
+
+.qrcode {
+  display: inline-block;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 12px; }
+  .qrcode.button {
+    cursor: pointer;
+    transition: transform 0.3s ease; }
+    .qrcode.button:active {
+      transform: scale(0.95); }

package/dist/index.d.ts

@@ -88,10 +88,17 @@ import { WebsiteIcon } from 'assets/icons/WebsiteIcon';
 import { ChevronArrowLeftIcon } from 'assets/icons/ChevronArrowLeftIcon';
 import { FontColorIcon } from 'assets/icons/FontColorIcon';
 import { ParticipantesIcon } from 'assets/icons/ParticipantesIcon';
+import { AgencyIcon } from 'assets/icons/AgencyIcon';
 import BigPlayIcon from 'assets/icons/BigPlayIcon';
+import { CalendarCheckIcon } from 'assets/icons/CalendarCheckIcon';
 import CataventoVerde from 'assets/icons/CataventoVerde';
+import { CopyIcon } from 'assets/icons/CopyIcon';
 import { CrescerIcon } from 'assets/icons/CrescerIcon';
+import { DevicePlusIcon } from 'assets/icons/DevicePlusIcon';
 import LoaderIcon from 'assets/icons/LoaderIcon';
+import { NotebookIcon } from 'assets/icons/NotebookIcon';
+import { PrintIcon } from 'assets/icons/PrintIcon';
+import { QRCodeIcon } from 'assets/icons/QRCodeIcon';
 import QRCodeWhatsapp from 'assets/icons/QRCodeWhatsapp';
 import Accordion from 'components/accordion/Accordion';
 import Aconteceu from 'components/aconteceu/Aconteceu';
@@ -154,7 +161,6 @@ import PageTitle, { PageSubTitle } from 'components/pageTitle/PageTitle';
 import Paginator from 'components/paginator/Paginator';
 import PreviaVideo from 'components/previaVideo/PreviaVideo';
 import ProgressBar from 'components/progressBar/ProgressBar';
-import Qrcode from 'components/qrcode/Qrcode';
 import RadioButton from 'components/radioButton/RadioButton';
 import Row from 'components/row/Row';
 import SearchBlocoDeNotas from 'components/searchBlocoDeNotas/SearchBlocoDeNotas';
@@ -189,13 +195,7 @@ import useStorageState from 'hooks/useStorageState/useStorageState';
 import useTimeElapsed from 'hooks/useTimeElapsed/useTimeElapsed';
 import useToastManager from 'hooks/useToastManager/useToastManager';
 import useValidatedState from 'hooks/useValidatedState/useValidatedState';
-import { CopyIcon } from 'assets/icons/CopyIcon';
-import { PrintIcon } from 'assets/icons/PrintIcon';
-import { QRCodeIcon } from 'assets/icons/QRCodeIcon';
-import { CalendarCheckIcon } from 'assets/icons/CalendarCheckIcon';
-import { DevicePlusIcon } from 'assets/icons/DevicePlusIcon';
-import { NotebookIcon } from 'assets/icons/NotebookIcon';
-import { AgencyIcon } from 'assets/icons/AgencyIcon';
+import QRCode from 'components/qrcode/QRCode';
 export * from './components/modal/ModalTypes';
 export * from './libraries/ActionCardThemes';
 export * from './libraries/BlobFileTypes';
@@ -218,4 +218,4 @@ export { Accordion, ActionCard, AdvancedSemiHeader, AssembleiaItem, AssembleiaPa
 /**
  * @deprecated
  */
-Title as ModulosTitle, MoneyByMonth, MoneyMonthLineChart, NotaEdit, Notification, PageSubTitle, PageTitle, Paginator, PreviaVideo, ProgressBar, Qrcode, RadioButton, Row, SearchBlocoDeNotas, Select, Switch, Table, TypedTable, TableFileNameAndAction, TableActions, TableWithOverflow, TextEditor, LeftCheckboxWithLabel, ActionsColumn, Tabs, Toast, ToastManager, Tooltip, TooltipManager, TopLoader, VideoItem, VideoPlayer, VideoModal, useCallbackedState, useCarouselBehaviour, useControlledTimer, useDraggableContainer, useDropOpened, useModalManager, useProgressiveCount, useScreenSize, useStorageState, useTimeElapsed, useToastManager, useValidatedState, AconteceuIcon, ChevronArrowRightIcon, FontIcon, PaymentIcon, AddCircleIcon, CircleArrowLeft, CopyIcon, QRCodeIcon, PrintIcon, FormacaoIcon, PercentLoaderIcon, AddIcon, CircleArrowRight, FundacaoLogo, PieChartIcon, AlignCenterIcon, ClockIcon, CalendarCheckIcon, DevicePlusIcon, NotebookIcon, AgencyIcon, FundoSocialIcon, PlayIcon, AlignJustifyIcon, CloseIcon, GlobeIcon, QRCodeWhatsapp, AlignLeftIcon, CloudDownloadIcon, GraduationIcon, RedoIcon, AlignRightIcon, CloudUploadIcon, HamburgerIcon, RefreshIcon, ArrowLeftIcon, ComitesIcon, HandUpIcon, SearchIcon, ArrowRightIcon, ComunidadeIcon, HomeIcon, SettingsIcon, AssembleiasIcon, CreditIcon, InformationIcon, SicrediLogo, ATMIcon, CrescerIcon, InvestimentIcon, SquaresIcon, BackOfficeIcon, CrescerLogo, ItalicIcon, SustentabilidadeIcon, BarChartIcon, DownloadIcon, LinkIcon, ThreeDotsLoader, BeeIcon, DraggableIcon, LinksUteisIcon, ThumbsUpIcon, BigPlayIcon, EditIcon, ListDotIcon, TimesCircleIcon, BoldIcon, EvidenciasIcon, ListIcon, TransferenciaIcon, CalendarIcon, ExclamationIcon, LoaderIcon, TrashIcon, CardsIcon, ExitIconArrowLeft, LocalIcon, TrianguloInferior, CataventoVerde, ExitIconArrowRight, LockIcon, TwoFileIcon, CheckCircleIcon, EyeIcon, MessageIcon, UnderlineIcon, CheckIcon, FilePlusIcon, MoneyFileIcon, UndoIcon, ChequeIcon, FilesIcon, NavigatorWithMouse, UserIcon, ChevronArrowDownIcon, FilterIcon, OptionsIcon, WebsiteIcon, ChevronArrowLeftIcon, FontColorIcon, ParticipantesIcon, };
+Title as ModulosTitle, MoneyByMonth, MoneyMonthLineChart, NotaEdit, Notification, PageSubTitle, PageTitle, Paginator, PreviaVideo, ProgressBar, RadioButton, QRCode, Row, SearchBlocoDeNotas, Select, Switch, Table, TypedTable, TableFileNameAndAction, TableActions, TableWithOverflow, TextEditor, LeftCheckboxWithLabel, ActionsColumn, Tabs, Toast, ToastManager, Tooltip, TooltipManager, TopLoader, VideoItem, VideoPlayer, VideoModal, useCallbackedState, useCarouselBehaviour, useControlledTimer, useDraggableContainer, useDropOpened, useModalManager, useProgressiveCount, useScreenSize, useStorageState, useTimeElapsed, useToastManager, useValidatedState, AconteceuIcon, ChevronArrowRightIcon, FontIcon, PaymentIcon, AddCircleIcon, CircleArrowLeft, CopyIcon, QRCodeIcon, PrintIcon, FormacaoIcon, PercentLoaderIcon, AddIcon, CircleArrowRight, FundacaoLogo, PieChartIcon, AlignCenterIcon, ClockIcon, CalendarCheckIcon, DevicePlusIcon, NotebookIcon, AgencyIcon, FundoSocialIcon, PlayIcon, AlignJustifyIcon, CloseIcon, GlobeIcon, QRCodeWhatsapp, AlignLeftIcon, CloudDownloadIcon, GraduationIcon, RedoIcon, AlignRightIcon, CloudUploadIcon, HamburgerIcon, RefreshIcon, ArrowLeftIcon, ComitesIcon, HandUpIcon, SearchIcon, ArrowRightIcon, ComunidadeIcon, HomeIcon, SettingsIcon, AssembleiasIcon, CreditIcon, InformationIcon, SicrediLogo, ATMIcon, CrescerIcon, InvestimentIcon, SquaresIcon, BackOfficeIcon, CrescerLogo, ItalicIcon, SustentabilidadeIcon, BarChartIcon, DownloadIcon, LinkIcon, ThreeDotsLoader, BeeIcon, DraggableIcon, LinksUteisIcon, ThumbsUpIcon, BigPlayIcon, EditIcon, ListDotIcon, TimesCircleIcon, BoldIcon, EvidenciasIcon, ListIcon, TransferenciaIcon, CalendarIcon, ExclamationIcon, LoaderIcon, TrashIcon, CardsIcon, ExitIconArrowLeft, LocalIcon, TrianguloInferior, CataventoVerde, ExitIconArrowRight, LockIcon, TwoFileIcon, CheckCircleIcon, EyeIcon, MessageIcon, UnderlineIcon, CheckIcon, FilePlusIcon, MoneyFileIcon, UndoIcon, ChequeIcon, FilesIcon, NavigatorWithMouse, UserIcon, ChevronArrowDownIcon, FilterIcon, OptionsIcon, WebsiteIcon, ChevronArrowLeftIcon, FontColorIcon, ParticipantesIcon, };