plataforma-fundacao-componentes 2.23.10 → 2.23.13

package/dist/components/etiqueta/Etiqueta.d.ts

@@ -5,6 +5,7 @@ interface EtiquetaProps {
     theme?: EtiquetasStyle;
     label?: string | number;
     icon?: React.ReactNode;
+    fitContent?: boolean;
 }
 declare function Etiqueta(props: EtiquetaProps): JSX.Element;
 declare namespace Etiqueta {

package/dist/components/modal/Modal.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { ReactFragment } from 'react';
 import { ModalSizes } from '../../libraries/ModalSize';
 import { ButtonProps } from '../button/Button';
 import './Modal.scss';
@@ -14,7 +14,7 @@ export interface ModalProps {
     mobileOnXS?: boolean;
     compenseColPaddingContent?: boolean;
     footer?: ButtonProps[] | JSX.Element;
-    children?: string | JSX.Element;
+    children?: string | JSX.Element | ReactFragment;
 }
 declare function Modal(props: ModalProps): JSX.Element;
 declare namespace Modal {

package/dist/components/modal/Modal.stories.d.ts

@@ -1,13 +1,13 @@
-declare namespace _default {
-    export const title: string;
-    export { Modal as component };
-}
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
 export default _default;
-export function Small(): JSX.Element;
-export function SmallCompensePadding(): JSX.Element;
-export function Large(): JSX.Element;
-export function ExtraLarge(): JSX.Element;
-export function Alert(): JSX.Element;
-export function Confirm(): JSX.Element;
-export function Destructive(): JSX.Element;
-import Modal from "./Modal";
+export declare const Small: () => JSX.Element;
+export declare const MultipleChildren: () => JSX.Element;
+export declare const SmallCompensePadding: () => JSX.Element;
+export declare const Large: () => JSX.Element;
+export declare const ExtraLarge: () => JSX.Element;
+export declare const Alert: () => JSX.Element;
+export declare const Confirm: () => JSX.Element;
+export declare const Destructive: () => JSX.Element;

package/dist/components/select/Select.d.ts

@@ -4,7 +4,7 @@ import './Select.scss';
 declare type SelectAcceptedTypes = number | string | boolean;
 export declare type SelectOptionsType<T extends SelectAcceptedTypes = SelectAcceptedTypes> = {
     label: string | number;
-    value: T;
+    value: T | null;
     key?: string;
 };
 export interface SelectProps {

package/dist/components/tableWithOverflow/TableWithOverflow.stories.d.ts

@@ -6,3 +6,4 @@ export default _default;
 export declare const Primary: () => JSX.Element;
 export declare const UpperHeader: () => JSX.Element;
 export declare const UpperHeaderWithColumnFilter: () => JSX.Element;
+export declare const CollapseExample: () => JSX.Element;

package/dist/index.css

@@ -1,3 +1,124 @@
+@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; }
+
+:export {
+  widthXs: 575.98px;
+  widthSm: 767.98px;
+  widthMd: 991.98px;
+  widthLg: 1199.98px; }
+
+:root {
+  --rowPadding: 0;
+  --colPadding: 8px; }
+
+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 {
+  position: absolute;
+  opacity: 0; }
+
+.fade-enter-active {
+  transition: opacity 0.2s ease;
+  position: absolute;
+  opacity: 1; }
+
+.fade-exit {
+  position: absolute;
+  opacity: 1; }
+
+.fade-exit-active {
+  transition: opacity 0.15s ease;
+  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; }
+
 .icon-component {
   fill: currentColor;
   width: 1em;
@@ -4743,7 +4864,7 @@ max-width	100%	540px	720px	960px	1140px
   display: flex;
   align-items: center;
   justify-content: center;
-  height: 20px;
+  height: 25px;
   border: 1px solid rgba(0, 0, 0, 0);
   border-radius: 20px;
   padding: 10px; }
@@ -4755,19 +4876,26 @@ max-width	100%	540px	720px	960px	1140px
     font-size: 14px;
     font-weight: 700;
     -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none; }
+    -moz-user-select: none;
+    user-select: none;
+    margin-bottom: 2px; }
   .component-etiqueta .component-etiqueta-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
-    margin-right: 8px; }
+    -moz-user-select: none;
+    user-select: none;
+    margin-right: 8px;
+    margin-bottom: 1px; }
     .component-etiqueta .component-etiqueta-icon svg {
       height: 14px;
       width: 14px; }
+  .component-etiqueta.fit-content {
+    width: -webkit-fit-content;
+    width: -moz-fit-content;
+    width: fit-content;
+    padding: 8px 12px; }
 
 .component-etiqueta.programas {
   background-color: rgba(0, 0, 0, 0);
@@ -4809,6 +4937,26 @@ max-width	100%	540px	720px	960px	1140px
   color: #ab4745;
   border-color: #ab4745; }
 
+.component-etiqueta.outline-primary {
+  background-color: rgba(0, 0, 0, 0);
+  color: #3fa110;
+  border-color: #3fa110; }
+
+.component-etiqueta.outline-danger {
+  background-color: rgba(0, 0, 0, 0);
+  color: #ab4745;
+  border-color: #ab4745; }
+
+.component-etiqueta.outline-blue {
+  background-color: rgba(0, 0, 0, 0);
+  color: #2b517b;
+  border-color: #2b517b; }
+
+.component-etiqueta.outline-warning-dark {
+  background-color: rgba(0, 0, 0, 0);
+  color: #765f00;
+  border-color: #765f00; }
+
 :export {
   widthXs: 575.98px;
   widthSm: 767.98px;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import './assets/styles/default.scss';
 import { AconteceuIcon } from './assets/icons/AconteceuIcon';
 import { ChevronArrowRightIcon } from './assets/icons/ChevronArrowRightIcon';
 import { FontIcon } from './assets/icons/FontIcon';

package/dist/index.js

@@ -9056,12 +9056,16 @@ var Etapas$1 = React.memo(Etapas);
   EtiquetasStyle["Aprovado"] = "aprovado";
   EtiquetasStyle["Reprovado"] = "reprovado";
   EtiquetasStyle["Cancelado"] = "cancelado";
+  EtiquetasStyle["OutlinePrimary"] = "outline-primary";
+  EtiquetasStyle["OutlineDanger"] = "outline-danger";
+  EtiquetasStyle["OutlineBlue"] = "outline-blue";
+  EtiquetasStyle["OutlineWarningDark"] = "outline-warning-dark";
 })(exports.EtiquetasStyle || (exports.EtiquetasStyle = {}));
 
 var rootClassName$2b = 'component-etiqueta';
 function Etiqueta(props) {
   return React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$2b, props.theme])
+    className: getMergedClassNames([rootClassName$2b, props.theme, props.fitContent ? 'fit-content' : undefined])
   }, props.icon ? React__default.createElement("div", {
     className: rootClassName$2b + "-icon"
   }, props.icon) : undefined, React__default.createElement("div", {