plataforma-fundacao-componentes 2.23.33 → 2.24.0

package/dist/components/chip/Chip.d.ts

@@ -1,11 +1,13 @@
 import React from 'react';
 import './Chip.scss';
+declare type ChipTheme = 'primary' | 'primary-outline' | 'danger';
 export interface ChipProps {
     label?: string;
     w100?: boolean;
     allClickable?: boolean;
     onClick: () => void;
     disabled?: boolean;
+    theme?: ChipTheme;
 }
 declare function Chip(props: ChipProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Chip>;

package/dist/components/chip/Chip.stories.d.ts

@@ -2,6 +2,12 @@
 import { ChipProps } from './Chip';
 declare const _default: {
     title: string;
+    argTypes: {
+        theme: {
+            options: string[];
+            type: string;
+        };
+    };
 };
 export default _default;
 export declare const FirstExample: {

package/dist/components/searchBlocoDeNotas/SearchBlocoDeNotas.d.ts

@@ -2,7 +2,7 @@ declare function SearchBlocoDeNotas(props: any): JSX.Element;
 declare namespace SearchBlocoDeNotas {
     export namespace propTypes {
         export const placeholder: PropTypes.Requireable<string>;
-        export const value: PropTypes.Requireable<React.ReactText>;
+        export const value: PropTypes.Requireable<React.Key>;
         export const onChange: PropTypes.Requireable<(...args: any[]) => any>;
         export const rightObject: PropTypes.Requireable<object>;
     }

package/dist/components/textEditor/components/textEditorInput/TextEditorHeaderInput.d.ts

@@ -3,7 +3,7 @@ declare namespace TextEditorHeaderInput {
     export namespace propTypes {
         export const onChange: PropTypes.Requireable<(...args: any[]) => any>;
         export const label: PropTypes.Requireable<string>;
-        export const value: PropTypes.Requireable<React.ReactText>;
+        export const value: PropTypes.Requireable<React.Key>;
         export const onEnter: PropTypes.Requireable<(...args: any[]) => any>;
     }
     export namespace defaultProps {

package/dist/index.css

@@ -41,7 +41,6 @@ body.sb-show-main.sb-main-padded {
   font-family: "Exo 2", sans-serif; }
 
 .document-grabbing {
-  cursor: -webkit-grabbing !important;
   cursor: grabbing !important; }
 
 h1 {
@@ -185,14 +184,7 @@ h5 {
     transition: stroke-dashoffset 0.3s ease, stroke-dasharray 0.3s ease; }
 
 .percent-loader-icon.indefinido {
-  -webkit-animation: spinNoventa 0.6s linear infinite;
-          animation: spinNoventa 0.6s linear infinite; }
-
-@-webkit-keyframes spinNoventa {
-  0% {
-    transform: rotateZ(-90deg); }
-  100% {
-    transform: rotateZ(270deg); } }
+  animation: spinNoventa 0.6s linear infinite; }
 
 @keyframes spinNoventa {
   0% {
@@ -211,14 +203,7 @@ h5 {
      -moz-user-select: none;
           user-select: none; }
   .refresh-icon.animate {
-    -webkit-animation: spin 0.4s linear infinite;
-            animation: spin 0.4s linear infinite; }
-
-@-webkit-keyframes spin {
-  0% {
-    transform: rotateZ(0); }
-  100% {
-    transform: rotateZ(180deg); } }
+    animation: spin 0.4s linear infinite; }
 
 @keyframes spin {
   0% {
@@ -327,21 +312,13 @@ h5 {
     height: var(--tdBallSize);
     border-radius: 50%;
     margin: var(--marginSize);
-    -webkit-animation: loader 0.6s infinite alternate;
     animation: loader 0.6s infinite alternate;
     transform: translate(0, var(--tdTransformYFrom)); }
   .loader-three-dots > div:nth-child(2) {
-    -webkit-animation-delay: 0.2s;
     animation-delay: 0.2s; }
   .loader-three-dots > div:nth-child(3) {
-    -webkit-animation-delay: 0.4s;
     animation-delay: 0.4s; }
 
-@-webkit-keyframes loader {
-  to {
-    opacity: 0.4;
-    transform: translate(0, var(--tdTransformYTo)); } }
-
 @keyframes loader {
   to {
     opacity: 0.4;
@@ -351,50 +328,25 @@ h5 {
   width: 100px;
   height: 100px; }
   .catavento-verde-icon-ui-component #um {
-    -webkit-animation: piscar 700ms infinite;
-            animation: piscar 700ms infinite; }
+    animation: piscar 700ms infinite; }
   .catavento-verde-icon-ui-component #dois {
-    -webkit-animation: piscar 700ms infinite;
-            animation: piscar 700ms infinite;
-    -webkit-animation-delay: 100ms;
-            animation-delay: 100ms; }
+    animation: piscar 700ms infinite;
+    animation-delay: 100ms; }
   .catavento-verde-icon-ui-component #tres {
-    -webkit-animation: piscar 700ms infinite;
-            animation: piscar 700ms infinite;
-    -webkit-animation-delay: 200ms;
-            animation-delay: 200ms; }
+    animation: piscar 700ms infinite;
+    animation-delay: 200ms; }
   .catavento-verde-icon-ui-component #quatro {
-    -webkit-animation: piscar 700ms infinite;
-            animation: piscar 700ms infinite;
-    -webkit-animation-delay: 300ms;
-            animation-delay: 300ms; }
+    animation: piscar 700ms infinite;
+    animation-delay: 300ms; }
   .catavento-verde-icon-ui-component #cinco {
-    -webkit-animation: piscar 700ms infinite;
-            animation: piscar 700ms infinite;
-    -webkit-animation-delay: 400ms;
-            animation-delay: 400ms; }
+    animation: piscar 700ms infinite;
+    animation-delay: 400ms; }
   .catavento-verde-icon-ui-component #seis {
-    -webkit-animation: piscar 700ms infinite;
-            animation: piscar 700ms infinite;
-    -webkit-animation-delay: 500ms;
-            animation-delay: 500ms; }
+    animation: piscar 700ms infinite;
+    animation-delay: 500ms; }
   .catavento-verde-icon-ui-component #sete {
-    -webkit-animation: piscar 700ms infinite;
-            animation: piscar 700ms infinite;
-    -webkit-animation-delay: 600ms;
-            animation-delay: 600ms; }
-
-@-webkit-keyframes piscar {
-  0% {
-    opacity: 1; }
-  25% {
-    opacity: 0.8; }
-  50% {
-    opacity: 0.2; }
-  75% {
-    opacity: 0.8; }
-  100% {
-    opacity: 1; } }
+    animation: piscar 700ms infinite;
+    animation-delay: 600ms; }
 
 @keyframes piscar {
   0% {
@@ -447,41 +399,24 @@ h5 {
   user-select: none; }
   .loader-icon circle {
     fill: #33820d;
-    -webkit-animation: loaderAnimation 1000ms linear infinite;
     animation: loaderAnimation 1000ms linear infinite; }
   .loader-icon #Elipse_0 {
-    -webkit-animation-delay: -875ms;
     animation-delay: -875ms; }
   .loader-icon #Elipse_1 {
-    -webkit-animation-delay: -750ms;
     animation-delay: -750ms; }
   .loader-icon #Elipse_2 {
-    -webkit-animation-delay: -625ms;
     animation-delay: -625ms; }
   .loader-icon #Elipse_3 {
-    -webkit-animation-delay: -500ms;
     animation-delay: -500ms; }
   .loader-icon #Elipse_4 {
-    -webkit-animation-delay: -375ms;
     animation-delay: -375ms; }
   .loader-icon #Elipse_5 {
-    -webkit-animation-delay: -250ms;
     animation-delay: -250ms; }
   .loader-icon #Elipse_6 {
-    -webkit-animation-delay: -125ms;
     animation-delay: -125ms; }
   .loader-icon #Elipse_7 {
-    -webkit-animation-delay: 0ms;
     animation-delay: 0ms; }
 
-@-webkit-keyframes loaderAnimation {
-  0% {
-    opacity: 1; }
-  50% {
-    opacity: 0.05; }
-  100% {
-    opacity: 0.05; } }
-
 @keyframes loaderAnimation {
   0% {
     opacity: 1; }
@@ -2273,28 +2208,7 @@ h5 {
   position: absolute;
   bottom: -2px;
   background-color: #33820d;
-  -webkit-animation: inputLoading 2.5s linear infinite;
-          animation: inputLoading 2.5s linear infinite; }
-
-@-webkit-keyframes inputLoading {
-  0% {
-    width: 0;
-    left: 0; }
-  50% {
-    width: 100%;
-    left: 0; }
-  51% {
-    left: unset;
-    right: 0;
-    width: 100%; }
-  99% {
-    left: unset;
-    right: 0;
-    width: 0; }
-  100% {
-    right: unset;
-    left: 0;
-    width: 0; } }
+  animation: inputLoading 2.5s linear infinite; }
 
 @keyframes inputLoading {
   0% {
@@ -2342,8 +2256,7 @@ h5 {
   position: absolute;
   bottom: -2px;
   background-color: #33820d;
-  -webkit-animation: inputFocus 0.3s ease forwards;
-          animation: inputFocus 0.3s ease forwards; }
+  animation: inputFocus 0.3s ease forwards; }
 
 .component-input:not(.component-input-error):not(.force-focus):not(.component-input-disabled):not(.component-input-loading) .component-input-input-container:not(:focus-within):not(.force-focus)::before {
   opacity: 0;
@@ -2353,8 +2266,7 @@ h5 {
   position: absolute;
   bottom: -2px;
   background-color: #33820d;
-  -webkit-animation: inputFocusReverse 0.3s ease forwards;
-          animation: inputFocusReverse 0.3s ease forwards; }
+  animation: inputFocusReverse 0.3s ease forwards; }
 
 .component-input:not(.component-input-error).force-focus .component-input-input-container::before {
   opacity: 1;
@@ -2365,16 +2277,7 @@ h5 {
   position: absolute;
   bottom: -2px;
   background-color: #33820d;
-  -webkit-animation: inputFocus 0.3s ease forwards;
-          animation: inputFocus 0.3s ease forwards; }
-
-@-webkit-keyframes inputFocus {
-  0% {
-    width: 0;
-    left: 50%; }
-  100% {
-    left: 0;
-    width: 100%; } }
+  animation: inputFocus 0.3s ease forwards; }
 
 @keyframes inputFocus {
   0% {
@@ -2384,14 +2287,6 @@ h5 {
     left: 0;
     width: 100%; } }
 
-@-webkit-keyframes inputFocusReverse {
-  0% {
-    left: 0;
-    width: 100%; }
-  100% {
-    width: 0;
-    left: 50%; } }
-
 @keyframes inputFocusReverse {
   0% {
     left: 0;
@@ -4193,17 +4088,19 @@ max-width	100%	540px	720px	960px	1140px
       font-size: 16px;
       color: #323c32;
       -webkit-user-select: none;
-         -moz-user-select: none;
-              user-select: none; }
+      -moz-user-select: none;
+      user-select: none; }
     .component-date-picker-calendar .header button.month {
       padding: 5px 10px;
       border-radius: 50px;
       -webkit-user-select: none;
-         -moz-user-select: none;
-              user-select: none;
+      -moz-user-select: none;
+      user-select: none;
       background-color: #fefefe;
       border: none;
       -webkit-appearance: none;
+      -moz-appearance: none;
+      appearance: none;
       outline: none;
       transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease; }
       .component-date-picker-calendar .header button.month:not(:disabled) {
@@ -4216,12 +4113,14 @@ max-width	100%	540px	720px	960px	1140px
     .component-date-picker-calendar .header button.prev {
       outline: none;
       -webkit-user-select: none;
-         -moz-user-select: none;
-              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;
       padding: 8px;
       border: none;
       background-color: #fefefe;
@@ -4241,8 +4140,8 @@ max-width	100%	540px	720px	960px	1140px
         max-width: 16px; }
   .component-date-picker-calendar .week-days {
     -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
+    -moz-user-select: none;
+    user-select: none;
     display: flex;
     align-items: center;
     justify-content: center; }
@@ -4257,8 +4156,8 @@ max-width	100%	540px	720px	960px	1140px
   .component-date-picker-calendar .days {
     display: flex;
     -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
+    -moz-user-select: none;
+    user-select: none;
     align-items: center;
     justify-content: center;
     max-width: 280px;
@@ -4312,7 +4211,7 @@ max-width	100%	540px	720px	960px	1140px
       width: 100%; }
       .component-date-picker-calendar .component-date-picker-calendar-month-picker .component-date-picker-calendar-months .component-date-picker-calendar-month {
         margin: 2px;
-        width: 80.5px;
+        width: calc(46px * 7 / 4);
         height: 40px;
         background-color: #fefefe;
         border: none;
@@ -4748,7 +4647,6 @@ max-width	100%	540px	720px	960px	1140px
 
 .dropdown-selector-wrapper {
   position: relative;
-  width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content; }
   .dropdown-selector-wrapper.w-100 {
@@ -5160,7 +5058,6 @@ max-width	100%	540px	720px	960px	1140px
       height: 14px;
       width: 14px; }
   .component-etiqueta.fit-content {
-    width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     padding: 8px 12px; }
@@ -5881,8 +5778,7 @@ header.component-header {
         transform: rotate(45deg);
         width: 40px;
         height: 40px;
-        -webkit-animation: borderRotate 8s linear infinite;
-                animation: borderRotate 8s linear infinite; }
+        animation: borderRotate 8s linear infinite; }
       .component-header-search-field-inline-input.loading .component-header-search-field-loading-border::after {
         content: '';
         position: absolute;
@@ -5895,8 +5791,7 @@ header.component-header {
         border-radius: 6px; } }
   @media screen and (min-width: 575.98px) {
     .component-header-search-field-inline-input.loading .component-header-search-field-loading-border {
-      -webkit-animation: inputHeaderLoading 2.5s linear infinite;
-              animation: inputHeaderLoading 2.5s linear infinite; } }
+      animation: inputHeaderLoading 2.5s linear infinite; } }
   @media screen and (min-width: 575.98px) {
     .component-header-search-field-inline-input .component-header-search-field-loading-border,
     .component-header-search-field-inline-input .component-header-search-field-focus-border {
@@ -5983,26 +5878,6 @@ header.component-header {
   transition: opacity 0.3s ease;
   opacity: 0; }
 
-@-webkit-keyframes inputHeaderLoading {
-  0% {
-    width: 0;
-    left: 0; }
-  50% {
-    width: 100%;
-    left: 0; }
-  51% {
-    left: unset;
-    right: 0;
-    width: 100%; }
-  99% {
-    left: unset;
-    right: 0;
-    width: 0; }
-  100% {
-    right: unset;
-    left: 0;
-    width: 0; } }
-
 @keyframes inputHeaderLoading {
   0% {
     width: 0;
@@ -6023,23 +5898,6 @@ header.component-header {
     left: 0;
     width: 0; } }
 
-@-webkit-keyframes borderRotate {
-  0% {
-    top: -20px;
-    left: -20px; }
-  40% {
-    top: -20px;
-    left: calc(100% - 20px); }
-  50% {
-    top: calc(100% - 20px);
-    left: calc(100% - 20px); }
-  90% {
-    top: calc(100% - 20px);
-    left: -20px; }
-  100% {
-    left: -20px;
-    top: -20px; } }
-
 @keyframes borderRotate {
   0% {
     top: -20px;
@@ -6458,28 +6316,7 @@ header.component-header {
   position: absolute;
   bottom: -2px;
   background-color: #33820d;
-  -webkit-animation: inputLoading 2.5s linear infinite;
-          animation: inputLoading 2.5s linear infinite; }
-
-@-webkit-keyframes inputLoading {
-  0% {
-    width: 0;
-    left: 0; }
-  50% {
-    width: 100%;
-    left: 0; }
-  51% {
-    left: unset;
-    right: 0;
-    width: 100%; }
-  99% {
-    left: unset;
-    right: 0;
-    width: 0; }
-  100% {
-    right: unset;
-    left: 0;
-    width: 0; } }
+  animation: inputLoading 2.5s linear infinite; }
 
 @keyframes inputLoading {
   0% {
@@ -6527,8 +6364,7 @@ header.component-header {
   position: absolute;
   bottom: -2px;
   background-color: #33820d;
-  -webkit-animation: inputFocus 0.3s ease forwards;
-          animation: inputFocus 0.3s ease forwards; }
+  animation: inputFocus 0.3s ease forwards; }
 
 .component-input-area:not(.component-input-area-error):not(.force-focus):not(.component-input-area-disabled):not(.component-input-area-loading) .component-input-area-input-container:not(:focus-within):not(.force-focus)::before {
   opacity: 0;
@@ -6538,8 +6374,7 @@ header.component-header {
   position: absolute;
   bottom: -2px;
   background-color: #33820d;
-  -webkit-animation: inputFocusReverse 0.3s ease forwards;
-          animation: inputFocusReverse 0.3s ease forwards; }
+  animation: inputFocusReverse 0.3s ease forwards; }
 
 .component-input-area:not(.component-input-area-error).force-focus .component-input-area-input-container::before {
   opacity: 1;
@@ -6550,16 +6385,7 @@ header.component-header {
   position: absolute;
   bottom: -2px;
   background-color: #33820d;
-  -webkit-animation: inputFocus 0.3s ease forwards;
-          animation: inputFocus 0.3s ease forwards; }
-
-@-webkit-keyframes inputFocus {
-  0% {
-    width: 0;
-    left: 50%; }
-  100% {
-    left: 0;
-    width: 100%; } }
+  animation: inputFocus 0.3s ease forwards; }
 
 @keyframes inputFocus {
   0% {
@@ -6569,14 +6395,6 @@ header.component-header {
     left: 0;
     width: 100%; } }
 
-@-webkit-keyframes inputFocusReverse {
-  0% {
-    left: 0;
-    width: 100%; }
-  100% {
-    width: 0;
-    left: 50%; } }
-
 @keyframes inputFocusReverse {
   0% {
     left: 0;
@@ -7667,8 +7485,7 @@ header.component-header {
     position: absolute;
     bottom: -2px;
     background-color: #33820d;
-    -webkit-animation: inputFocus 0.3s ease forwards;
-            animation: inputFocus 0.3s ease forwards; }
+    animation: inputFocus 0.3s ease forwards; }
 
 .component-select-select-fake {
   width: 100%;
@@ -8061,14 +7878,11 @@ table.component-table {
   background-color: #f6f6f6 !important; }
 
 .component-table-item-dragging {
-  cursor: -webkit-grabbing;
   cursor: grabbing; }
 
 .grab-handle {
-  cursor: -webkit-grab;
   cursor: grab; }
   .grab-handle:active {
-    cursor: -webkit-grabbing;
     cursor: grabbing; }
 
 .component-table-upper-header {
@@ -8447,11 +8261,9 @@ tr:first-child th:last-child {
         -webkit-user-select: none;
         -moz-user-select: none;
         user-select: none;
-        cursor: -webkit-grab;
         cursor: grab; }
       .component-table-with-overflow .component-table-with-overflow-wrapper table:active th[data-draggable='true'],
       .component-table-with-overflow .component-table-with-overflow-wrapper table:active td[data-draggable='true'] {
-        cursor: -webkit-grabbing !important;
         cursor: grabbing !important; }
       .component-table-with-overflow .component-table-with-overflow-wrapper .absolute {
         position: absolute; }
@@ -8459,7 +8271,6 @@ tr:first-child th:last-child {
         left: 0;
         width: 8px;
         min-height: 44px;
-        height: -webkit-fit-content;
         height: -moz-fit-content;
         height: fit-content; }
       .component-table-with-overflow .component-table-with-overflow-wrapper .right-0 {
@@ -9134,11 +8945,9 @@ nav.component-tabs {
   padding: 24px;
   border-radius: 4px; }
   .component-toast:hover .component-toast-fill {
-    -webkit-animation-play-state: paused !important;
-            animation-play-state: paused !important; }
+    animation-play-state: paused !important; }
   .component-toast:not(:hover) .component-toast-fill {
-    -webkit-animation-play-state: running;
-            animation-play-state: running; }
+    animation-play-state: running; }
   .component-toast .component-toast-left-content {
     font-family: "Nunito", sans-serif;
     font-size: 14px;
@@ -9204,12 +9013,6 @@ nav.component-tabs {
   .component-toast-error .component-toast-close-button svg {
     color: #fefefe; }
 
-@-webkit-keyframes fillToZero {
-  0% {
-    width: 100%; }
-  100% {
-    width: 0; } }
-
 @keyframes fillToZero {
   0% {
     width: 100%; }
@@ -9259,7 +9062,6 @@ nav.component-tabs {
     flex-direction: column-reverse !important; }
   .comp-toast-manager-toasts .comp-toast-manager-toastzin {
     transition: all 0.3s ease;
-    width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     overflow: hidden;
@@ -9703,7 +9505,7 @@ nav.component-tabs {
      -moz-user-select: none;
           user-select: none; }
   .calendar-header .calendar-header-day {
-    flex: 0 0 14.28571%;
+    flex: 0 0 calc(100% / 7);
     display: flex;
     align-items: center;
     justify-content: center;
@@ -9927,7 +9729,7 @@ nav.component-tabs {
 .calendar-month-day {
   position: relative;
   transition: background-color 0.3s ease, color 0.3s ease;
-  flex: 0 0 14.28571%;
+  flex: 0 0 calc(100% / 7);
   max-width: calc(100% / 7);
   background-color: #fefefe;
   -webkit-user-select: none;
@@ -10350,10 +10152,10 @@ nav.component-tabs {
   align-items: center;
   justify-content: space-between;
   border-radius: 200px;
-  border: 1px solid #3fa110;
-  color: #3fa110;
-  background-color: rgba(0, 0, 0, 0);
-  font-weight: 600; }
+  border-width: 1px;
+  border-style: solid;
+  font-weight: 600;
+  transition: all 0.3s ease; }
   .component-chip span {
     max-width: calc(100% - 24px);
     padding-left: 4px;
@@ -10377,3 +10179,15 @@ nav.component-tabs {
     .component-chip .component-chip-button svg {
       width: 20px;
       height: 20px; }
+  .component-chip.primary-outline {
+    color: #3fa110;
+    background-color: rgba(0, 0, 0, 0);
+    border: 1px solid #3fa110; }
+  .component-chip.primary {
+    color: #fefefe;
+    background-color: #3fa110;
+    border: 1px solid #3fa110; }
+  .component-chip.danger {
+    color: #fefefe;
+    background-color: #e60000;
+    border: 1px solid #e60000; }