plataforma-fundacao-componentes 2.22.4 → 2.22.5

package/dist/components/col/Col.d.ts

@@ -9,6 +9,8 @@ interface ColProps extends React.HTMLAttributes<HTMLDivElement> {
     end?: boolean;
     noPadding?: boolean;
     children?: React.ReactNode;
+    noPaddingTop?: boolean;
+    buttonActionsCol?: boolean;
 }
 declare function Col(props: ColProps): JSX.Element;
 declare namespace Col {

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

@@ -12,6 +12,7 @@ export interface ModalProps {
     onClose?: (modalKey?: string | number) => void;
     size?: ModalSizes;
     mobileOnXS?: boolean;
+    compenseColPaddingContent?: boolean;
     footer?: ButtonProps[] | any;
     children?: any;
 }

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

@@ -4,6 +4,7 @@ declare namespace _default {
 }
 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;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ModalProps } from './Modal';
-interface AlertModalProps extends ModalProps {
+export interface AlertModalProps extends ModalProps {
     language?: {
         confirm: string;
     };
@@ -13,7 +13,7 @@ export declare namespace AlertModal {
         showIcons: boolean;
     };
 }
-interface ConfirmModalProps extends ModalProps {
+export interface ConfirmModalProps extends ModalProps {
     language?: {
         confirm: string;
         cancel: string;
@@ -28,7 +28,7 @@ export declare namespace ConfirmModal {
         showIcons: boolean;
     };
 }
-interface DestructiveModalProps extends ModalProps {
+export interface DestructiveModalProps extends ModalProps {
     language?: {
         confirm: string;
         cancel: string;
@@ -43,4 +43,3 @@ export declare namespace DestructiveModal {
         showIcons: boolean;
     };
 }
-export {};

package/dist/index.css

@@ -6438,12 +6438,22 @@ h5 {
   width: 100%; }
   .component-col:not(.no-padding) {
     padding: var(--colPadding); }
+  .component-col.no-padding-top {
+    padding-top: 0 !important; }
   .component-col.centralized {
     justify-content: center;
     align-items: center; }
   .component-col.end {
     justify-content: flex-end;
     align-items: center; }
+  .component-col.button-actions-col {
+    padding: 0;
+    flex-wrap: wrap; }
+    .component-col.button-actions-col button {
+      margin: var(--colPadding); }
+      @media screen and (max-width: 575.98px) {
+        .component-col.button-actions-col button {
+          width: 100% !important; } }
   .component-col.component-col-xl-1 {
     flex: 0 0 calc(100% * 1 / 12);
     max-width: calc(100% * 1 / 12); }
@@ -12286,6 +12296,8 @@ h5 {
     flex-flow: column;
     overflow-y: overlay;
     padding: 24px; }
+    .component-modal .component-modal-content.compense {
+      padding: calc(24px - var(--colPadding)); }
   .component-modal .component-modal-footer {
     display: flex;
     justify-content: flex-end;
@@ -14515,7 +14527,7 @@ table.component-table {
   padding: 8px;
   border-collapse: collapse; }
   table.component-table * {
-    font-family: "Nunito", sans-serif; }
+    font-family: "Nunito", sans-serif !important; }
   table.component-table thead tr th {
     background-color: #fefefe;
     font-weight: 800;
@@ -15061,7 +15073,7 @@ h5 {
   position: relative;
   width: 100%; }
   .component-table-with-overflow * {
-    font-family: "Nunito", sans-serif; }
+    font-family: "Nunito", sans-serif !important; }
   .component-table-with-overflow .component-table-with-overflow-outer-table {
     width: 100%;
     overflow-x: auto; }

package/dist/index.js

@@ -3948,7 +3948,7 @@ function Col(props) {
     });
 
     var rp = _extends({}, props, {
-      className: getMergedClassNames([props.className, rootClassName$L].concat(getSizes, [props.centralized ? 'centralized' : '', props.end ? 'end' : '', props.noPadding ? 'no-padding' : '']))
+      className: getMergedClassNames([props.className, rootClassName$L].concat(getSizes, [props.centralized ? 'centralized' : '', props.end ? 'end' : '', props.noPadding ? 'no-padding' : '', props.noPaddingTop ? 'no-padding-top' : '', props.buttonActionsCol ? 'button-actions-col' : '']))
     });
 
     delete rp.noPadding;
@@ -8416,7 +8416,7 @@ function Modal(props) {
   var filteredProps = React.useMemo(function () {
     var p = _extends({}, props, {
       id: props.id ? props.id : props.modalKey ? props.modalKey : "modal" + getUniqueKey(),
-      className: getMergedClassNames([rootClassName$1k, props.className || '', props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$1k + "-" + String(props.size).toLowerCase()])
+      className: getMergedClassNames([props.className || '', rootClassName$1k, props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$1k + "-" + String(props.size).toLowerCase()])
     });
 
     delete p.footer;
@@ -8459,7 +8459,7 @@ function Modal(props) {
     onClick: handleClose,
     icon: React__default.createElement(CloseIcon, null)
   }))), React__default.createElement("div", {
-    className: rootClassName$1k + "-content"
+    className: getMergedClassNames([rootClassName$1k + "-content", props.compenseColPaddingContent ? 'compense' : ''])
   }, props.children), props.footer ? React__default.createElement("div", {
     className: rootClassName$1k + "-footer"
   }, footer) : undefined);
@@ -9890,7 +9890,9 @@ function TableWithOverflow(props) {
       var column = Array.from(props.columns).find(function (c) {
         return c.key === cell[0];
       });
-      return (column === null || column === void 0 ? void 0 : column.key) === 'actions' ? React__default.createElement("td", null) : React__default.createElement("td", Object.assign({
+      return (column === null || column === void 0 ? void 0 : column.key) === 'actions' ? React__default.createElement("td", {
+        key: fakeId + "-actions"
+      }) : React__default.createElement("td", Object.assign({
         key: cell[1].key ? cell[1].key : valueIndex
       }, column === null || column === void 0 ? void 0 : column.props, cell[1].props), cell[1]);
     }), React__default.createElement("td", null));