plataforma-fundacao-componentes 2.25.6 → 2.25.8

package/dist/components/paginator/Paginator.stories.d.ts

@@ -9,6 +9,7 @@ export namespace Example {
         export const quantidadeDePaginas: number;
         export const limiter: number;
         export const maxLength: number;
+        export const loading: boolean;
     }
 }
 export function ExampleWithInteraction(): import("react").JSX.Element;

package/dist/components/toast/Toast.stories.d.ts

@@ -6,6 +6,7 @@ export default _default;
 export function Default(): React.JSX.Element;
 export function Success(): React.JSX.Element;
 export function Error(): React.JSX.Element;
+export function Warning(): React.JSX.Element;
 export function DefaultWithButton(): React.JSX.Element;
 import Toast from "./Toast";
 import React from "react";

package/dist/index.css

@@ -5311,37 +5311,46 @@ header.component-header {
     justify-content: center;
     margin-left: auto;
     margin-right: auto; }
-    .component-paginator .component-paginator-center-content .component-paginator-numbers {
-      overflow-x: auto;
-      display: flex; }
-      .component-paginator .component-paginator-center-content .component-paginator-numbers .component-paginator-number {
-        -webkit-user-select: none;
-           -moz-user-select: none;
-                user-select: none;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        -webkit-appearance: none;
-        -moz-appearance: none;
-             appearance: none;
-        border: none;
-        outline: none;
-        background-color: rgba(0, 0, 0, 0);
-        color: #323c32;
-        cursor: pointer;
-        padding: 2px;
-        border-radius: 200px;
-        width: 25px;
-        height: 25px;
-        font-size: 16px;
-        font-weight: 500;
-        transition: background-color 0.3s ease, color 0.3s ease; }
-        .component-paginator .component-paginator-center-content .component-paginator-numbers .component-paginator-number:hover {
-          background-color: #f3f5f1; }
-        .component-paginator .component-paginator-center-content .component-paginator-numbers .component-paginator-number.active {
-          cursor: default;
-          background-color: #3fa110;
-          color: #fefefe; }
+    .component-paginator .component-paginator-center-content > div {
+      display: flex;
+      align-items: center;
+      visibility: visible;
+      opacity: 1;
+      transition: 0.3s ease; }
+      .component-paginator .component-paginator-center-content > div.hidden {
+        visibility: hidden;
+        opacity: 0; }
+      .component-paginator .component-paginator-center-content > div .component-paginator-numbers {
+        overflow-x: auto;
+        display: flex; }
+        .component-paginator .component-paginator-center-content > div .component-paginator-numbers .component-paginator-number {
+          -webkit-user-select: none;
+             -moz-user-select: none;
+                  user-select: none;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          -webkit-appearance: none;
+          -moz-appearance: none;
+               appearance: none;
+          border: none;
+          outline: none;
+          background-color: rgba(0, 0, 0, 0);
+          color: #323c32;
+          cursor: pointer;
+          padding: 2px;
+          border-radius: 200px;
+          width: 25px;
+          height: 25px;
+          font-size: 16px;
+          font-weight: 500;
+          transition: background-color 0.3s ease, color 0.3s ease; }
+          .component-paginator .component-paginator-center-content > div .component-paginator-numbers .component-paginator-number:hover {
+            background-color: #f3f5f1; }
+          .component-paginator .component-paginator-center-content > div .component-paginator-numbers .component-paginator-number.active {
+            cursor: default;
+            background-color: #3fa110;
+            color: #fefefe; }
     .component-paginator .component-paginator-center-content .component-paginator-loader {
       position: absolute;
       top: 0;
@@ -5351,8 +5360,8 @@ header.component-header {
       display: flex;
       align-items: center;
       justify-content: center;
-      background-color: #f8f9f7;
-      opacity: 1; }
+      opacity: 1;
+      transition: 0.3s ease; }
       .component-paginator .component-paginator-center-content .component-paginator-loader.component-paginator-loader-enter {
         opacity: 0; }
       .component-paginator .component-paginator-center-content .component-paginator-loader.component-paginator-loader-enter-active {
@@ -5598,12 +5607,18 @@ h5 {
   .pagination-component .paginationContainer {
     display: flex;
     align-items: center;
+    transition: 0.3s ease;
+    opacity: 1;
+    visibility: visible;
     list-style-type: none;
     gap: 12px;
     color: #3fa110;
     margin: 0;
     padding: 0;
     position: relative; }
+    .pagination-component .paginationContainer.hidden {
+      opacity: 0;
+      visibility: hidden; }
     .pagination-component .paginationContainer .paginationItem {
       display: flex;
       align-items: center;
@@ -5649,8 +5664,7 @@ h5 {
           width: 100%;
           background: #33820d;
           border-radius: 2px;
-          transition: 0.3s ease-in-out;
-          z-index: -1; }
+          transition: 0.3s ease-in-out; }
       .pagination-component .paginationContainer .paginationItem:active {
         transform: scale(0.9); }
       .pagination-component .paginationContainer .paginationItem.disabled {
@@ -5682,7 +5696,6 @@ h5 {
     left: 0;
     width: 100%;
     height: 100%;
-    background-color: #f8f9f7;
     opacity: 1; }
     .pagination-component .paginationContainerLoader.enter {
       opacity: 0; }
@@ -7618,6 +7631,12 @@ nav.component-tabs {
   .component-toast-error .component-toast-close-button svg {
     color: #fefefe; }
 
+.component-toast-warning {
+  color: #765f00;
+  background-color: #ffcd00; }
+  .component-toast-warning .component-toast-close-button svg {
+    color: #765f00; }
+
 @keyframes fillToZero {
   0% {
     width: 100%; }

package/dist/index.js

@@ -70,8 +70,8 @@ var AddIcon = function AddIcon() {
     viewBox: '0 0 24 24',
     xmlns: 'http://www.w3.org/2000/svg'
   }, React$1__default.createElement("path", {
-    "fill-rule": 'evenodd',
-    "clip-rule": 'evenodd',
+    fillRule: 'evenodd',
+    clipRule: 'evenodd',
     d: 'M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12ZM17 11.5C17.2761 11.5 17.5 11.7239 17.5 12C17.5 12.2455 17.3231 12.4496 17.0899 12.4919L17 12.5H12.5V17C12.5 17.2761 12.2761 17.5 12 17.5C11.7545 17.5 11.5504 17.3231 11.5081 17.0899L11.5 17V12.5H7C6.72386 12.5 6.5 12.2761 6.5 12C6.5 11.7545 6.67688 11.5504 6.91012 11.5081L7 11.5H11.5V7C11.5 6.72386 11.7239 6.5 12 6.5C12.2455 6.5 12.4496 6.67688 12.4919 6.91012L12.5 7V11.5H17Z',
     fill: 'currentColor'
   }));
@@ -9033,6 +9033,8 @@ function Paginator(props) {
     className: getMergedClassNames([rootClassName$2i, props.className || ''])
   }, React$1__default.createElement("div", {
     className: rootClassName$2i + "-center-content"
+  }, React$1__default.createElement("div", {
+    className: props.loading ? "hidden" : ''
   }, props.quantidadeDePaginas > 1 ? React$1__default.createElement("div", {
     className: rootClassName$2i + "-left-arrow"
   }, React$1__default.createElement(IconButton$1, {
@@ -9065,7 +9067,7 @@ function Paginator(props) {
       }
     },
     disabled: props.paginaAtual >= props.quantidadeDePaginas
-  })) : undefined, React$1__default.createElement(reactTransitionGroup.CSSTransition, {
+  })) : undefined), React$1__default.createElement(reactTransitionGroup.CSSTransition, {
     classNames: rootClassName$2i + "-loader",
     "in": props.loading,
     timeout: 300,
@@ -9396,7 +9398,7 @@ var Pagination = function Pagination(props) {
     }
     return React$1__default.createElement("ul", {
       key: index,
-      className: 'paginationContainer'
+      className: getMergedClassNames(['paginationContainer', loading ? 'hidden' : ''])
     }, children);
   }), React$1__default.createElement(reactTransitionGroup.CSSTransition, {
     "in": loading,
@@ -11629,6 +11631,7 @@ Title.defaultProps = {};
   ToastTypes["Default"] = "default";
   ToastTypes["Success"] = "success";
   ToastTypes["Error"] = "error";
+  ToastTypes["Warning"] = "warning";
 })(exports.ToastTypes || (exports.ToastTypes = {}));
 
 var rootClassName$2G = 'component-toast';
@@ -44129,8 +44132,8 @@ var DecreaseIcon = function DecreaseIcon() {
     viewBox: '0 0 24 24',
     xmlns: 'http://www.w3.org/2000/svg'
   }, React$1__default.createElement("path", {
-    "fill-rule": 'evenodd',
-    "clip-rule": 'evenodd',
+    fillRule: 'evenodd',
+    clipRule: 'evenodd',
     d: 'M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM17.5 12C17.5 11.7239 17.2761 11.5 17 11.5H7L6.91012 11.5081C6.67688 11.5504 6.5 11.7545 6.5 12C6.5 12.2761 6.72386 12.5 7 12.5H17L17.0899 12.4919C17.3231 12.4496 17.5 12.2455 17.5 12Z',
     fill: 'currentColor'
   }));