plataforma-fundacao-componentes 2.23.12 → 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/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

@@ -4864,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; }
@@ -4876,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);
@@ -4930,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.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", {