plataforma-fundacao-componentes 2.25.1 → 2.25.2

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { EtiquetasStyle } from '../../libraries/EtiquetasThemes';
+import './Etiqueta.scss';
 interface EtiquetaProps {
     theme?: EtiquetasStyle;
     label?: string | number;

package/dist/components/pagination/Pagination.d.ts

@@ -1,4 +1,5 @@
 import React, { ChangeEvent } from 'react';
+import './Pagination.scss';
 declare type onChangeType = (event: ChangeEvent<unknown>, value: number) => void;
 interface PaginationProps {
     onPageChange: onChangeType;

package/dist/index.css

@@ -3485,7 +3485,7 @@ max-width	100%	540px	720px	960px	1140px
   warningLight: #ffeb98;
   warningDark: #765f00; }
 
-.etiqueta {
+.component-etiqueta {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -3493,7 +3493,7 @@ max-width	100%	540px	720px	960px	1140px
   border: 1px solid rgba(0, 0, 0, 0);
   border-radius: 20px;
   padding: 0 10px; }
-  .etiqueta .etiqueta-text {
+  .component-etiqueta .component-etiqueta-text {
     white-space: nowrap;
     font-size: 14px;
     font-weight: 700;
@@ -3506,7 +3506,7 @@ max-width	100%	540px	720px	960px	1140px
     text-overflow: ellipsis;
     text-align: center;
     vertical-align: middle; }
-  .etiqueta .etiqueta-icon {
+  .component-etiqueta .component-etiqueta-icon {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -3515,75 +3515,75 @@ max-width	100%	540px	720px	960px	1140px
     user-select: none;
     margin-right: 8px;
     margin-bottom: 1px; }
-    .etiqueta .etiqueta-icon svg {
+    .component-etiqueta .component-etiqueta-icon svg {
       height: 14px;
       width: 14px; }
-  .etiqueta.fit-content {
+  .component-etiqueta.fit-content {
     width: -moz-fit-content;
     width: fit-content;
     padding: 8px 12px; }
 
-.etiqueta.programas {
+.component-etiqueta.programas {
   background-color: rgba(0, 0, 0, 0);
   color: #3fa110;
   border-color: #3fa110; }
 
-.etiqueta.em-edicao {
+.component-etiqueta.em-edicao {
   background-color: #d7e6c8;
   color: #33820d;
   border-color: #d7e6c8; }
 
-.etiqueta.em-revisao {
+.component-etiqueta.em-revisao {
   background-color: #cbe5fd;
   color: #2b517b;
   border-color: #cbe5fd; }
 
-.etiqueta.em-aprovacao {
+.component-etiqueta.em-aprovacao {
   background-color: #ffcd00;
   color: #765f00;
   border-color: #ffcd00; }
 
-.etiqueta.finalizado {
+.component-etiqueta.finalizado {
   background-color: #cdd3cd;
   color: #5a645a;
   border-color: #cdd3cd; }
 
-.etiqueta.aprovado {
+.component-etiqueta.aprovado {
   background-color: #3fa110;
   color: #fefefe;
   border-color: #3fa110; }
 
-.etiqueta.reprovado {
+.component-etiqueta.reprovado {
   background-color: #e60000;
   color: #fefefe;
   border-color: #e60000; }
 
-.etiqueta.cancelado {
+.component-etiqueta.cancelado {
   background-color: rgba(0, 0, 0, 0);
   color: #ab4745;
   border-color: #ab4745; }
 
-.etiqueta.outline-primary {
+.component-etiqueta.outline-primary {
   background-color: rgba(0, 0, 0, 0);
   color: #3fa110;
   border-color: #3fa110; }
 
-.etiqueta.outline-danger {
+.component-etiqueta.outline-danger {
   background-color: rgba(0, 0, 0, 0);
   color: #ab4745;
   border-color: #ab4745; }
 
-.etiqueta.outline-blue {
+.component-etiqueta.outline-blue {
   background-color: rgba(0, 0, 0, 0);
   color: #2b517b;
   border-color: #2b517b; }
 
-.etiqueta.outline-dark {
+.component-etiqueta.outline-dark {
   background-color: rgba(0, 0, 0, 0);
   color: #323c32;
   border-color: #323c32; }
 
-.etiqueta.outline-warning-dark {
+.component-etiqueta.outline-warning-dark {
   background-color: rgba(0, 0, 0, 0);
   color: #765f00;
   border-color: #765f00; }
@@ -5317,6 +5317,8 @@ header.component-header {
         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);
@@ -5486,62 +5488,62 @@ h5 {
   .scroll-white::-webkit-scrollbar-thumb:hover {
     background-color: #bfc7bf; }
 
-.root {
+.pagination-component {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   list-style: none; }
   @media (max-width: 575.98px) {
-    .root.oneOf {
+    .pagination-component.oneOf {
       justify-content: center;
       flex-direction: row-reverse;
       flex-direction: column; } }
-  .root p {
+  .pagination-component p {
     font-family: 'Nunito', sans-serif !important;
     color: #323c32;
     margin: 0; }
-  .root > div > div {
+  .pagination-component > div > div {
     width: -moz-fit-content;
     width: fit-content;
     display: flex;
     gap: 8px;
     position: relative; }
-  .root.hasLeftItem {
+  .pagination-component.hasLeftItem {
     justify-content: space-between; }
-  .root .paginationLeftContainer {
+  .pagination-component .paginationLeftContainer {
     display: flex;
     align-items: center; }
     @media (max-width: 767.98px) {
-      .root .paginationLeftContainer.oneOf {
+      .pagination-component .paginationLeftContainer.oneOf {
         width: 100%;
         justify-content: flex-start; } }
     @media (max-width: 575.98px) {
-      .root .paginationLeftContainer.oneOf {
+      .pagination-component .paginationLeftContainer.oneOf {
         justify-content: center;
         margin-bottom: 16px; } }
     @media (max-width: 767.98px) {
-      .root .paginationLeftContainer.both {
+      .pagination-component .paginationLeftContainer.both {
         width: 100%;
         justify-content: space-between;
         margin-bottom: 12px; } }
-  .root .linesPerPage {
+  .pagination-component .linesPerPage {
     display: flex;
     align-items: center;
     -webkit-user-select: none;
        -moz-user-select: none;
             user-select: none; }
-    .root .linesPerPage :not(:last-child) > svg {
+    .pagination-component .linesPerPage :not(:last-child) > svg {
       margin-bottom: -3px;
       max-width: 6px;
       margin-right: 8px; }
-    .root .linesPerPage .wrapper {
+    .pagination-component .linesPerPage .wrapper {
       display: flex;
       align-items: center;
       padding-top: 3px;
       gap: 6px;
       cursor: default; }
-      .root .linesPerPage .wrapper > div {
+      .pagination-component .linesPerPage .wrapper > div {
         display: flex;
         align-items: center;
         cursor: pointer;
@@ -5549,46 +5551,46 @@ h5 {
         border-bottom: 2px solid #d7e6c8;
         transition: 0.3s;
         border-radius: 0px 0px 4px 4px; }
-        .root .linesPerPage .wrapper > div:hover {
+        .pagination-component .linesPerPage .wrapper > div:hover {
           border-color: #3fa110; }
-        .root .linesPerPage .wrapper > div > div {
+        .pagination-component .linesPerPage .wrapper > div > div {
           display: flex; }
-          .root .linesPerPage .wrapper > div > div:nth-child(2) button {
+          .pagination-component .linesPerPage .wrapper > div > div:nth-child(2) button {
             min-width: unset !important; }
-          .root .linesPerPage .wrapper > div > div > div {
+          .pagination-component .linesPerPage .wrapper > div > div > div {
             display: flex;
             align-items: center;
             margin-top: 4px;
             margin-bottom: 2px; }
-      .root .linesPerPage .wrapper.disabled {
+      .pagination-component .linesPerPage .wrapper.disabled {
         pointer-events: none;
         -webkit-user-select: none;
            -moz-user-select: none;
                 user-select: none; }
-        .root .linesPerPage .wrapper.disabled > div {
+        .pagination-component .linesPerPage .wrapper.disabled > div {
           border-color: #828a82 !important;
           opacity: 0.45; }
-          .root .linesPerPage .wrapper.disabled > div svg {
+          .pagination-component .linesPerPage .wrapper.disabled > div svg {
             color: #828a82; }
-    .root .linesPerPage .drop {
+    .pagination-component .linesPerPage .drop {
       margin: 0;
       padding: 0;
       padding-top: 7px; }
-      .root .linesPerPage .drop p {
+      .pagination-component .linesPerPage .drop p {
         -webkit-user-select: none;
            -moz-user-select: none;
                 user-select: none;
         margin-left: 4px;
         margin-right: 8px;
         color: #323c32; }
-      .root .linesPerPage .drop svg {
+      .pagination-component .linesPerPage .drop svg {
         width: 14px;
         color: #3fa110;
         transition: 0.3s;
         transform: rotate(0deg); }
-      .root .linesPerPage .drop.active svg {
+      .pagination-component .linesPerPage .drop.active svg {
         transform: rotate(-180deg); }
-  .root .paginationContainer {
+  .pagination-component .paginationContainer {
     display: flex;
     align-items: center;
     list-style-type: none;
@@ -5597,7 +5599,7 @@ h5 {
     margin: 0;
     padding: 0;
     position: relative; }
-    .root .paginationContainer .paginationItem {
+    .pagination-component .paginationContainer .paginationItem {
       display: flex;
       align-items: center;
       justify-content: center;
@@ -5611,30 +5613,30 @@ h5 {
       -moz-user-select: none;
       user-select: none;
       transition: 0.3s ease-in-out; }
-      .root .paginationContainer .paginationItem:hover {
+      .pagination-component .paginationContainer .paginationItem:hover {
         cursor: pointer; }
-      .root .paginationContainer .paginationItem.dots {
+      .pagination-component .paginationContainer .paginationItem.dots {
         display: flex;
         -webkit-user-select: none;
            -moz-user-select: none;
                 user-select: none;
         pointer-events: none; }
-        .root .paginationContainer .paginationItem.dots svg {
+        .pagination-component .paginationContainer .paginationItem.dots svg {
           color: #3fa110;
           width: 18px;
           margin-bottom: 1px; }
-      .root .paginationContainer .paginationItem.dots:hover {
+      .pagination-component .paginationContainer .paginationItem.dots:hover {
         background-color: transparent;
         cursor: default; }
-      .root .paginationContainer .paginationItem:hover {
+      .pagination-component .paginationContainer .paginationItem:hover {
         cursor: pointer;
         color: #33820d; }
-      .root .paginationContainer .paginationItem.selected {
+      .pagination-component .paginationContainer .paginationItem.selected {
         width: 100%;
         color: #33820d;
         position: relative;
         transition: 0.3s ease-in-out; }
-        .root .paginationContainer .paginationItem.selected.nonLoader::after {
+        .pagination-component .paginationContainer .paginationItem.selected.nonLoader::after {
           content: '';
           bottom: -2px;
           position: absolute;
@@ -5644,29 +5646,29 @@ h5 {
           border-radius: 2px;
           transition: 0.3s ease-in-out;
           z-index: -1; }
-      .root .paginationContainer .paginationItem:active {
+      .pagination-component .paginationContainer .paginationItem:active {
         transform: scale(0.9); }
-      .root .paginationContainer .paginationItem.disabled {
+      .pagination-component .paginationContainer .paginationItem.disabled {
         pointer-events: none;
         color: #828a82;
         opacity: 0.75; }
-        .root .paginationContainer .paginationItem.disabled svg {
+        .pagination-component .paginationContainer .paginationItem.disabled svg {
           color: #828a82;
           opacity: 0.25; }
-        .root .paginationContainer .paginationItem.disabled.selected {
+        .pagination-component .paginationContainer .paginationItem.disabled.selected {
           pointer-events: none;
           width: 100%;
           color: #828a82;
           position: relative;
           transition: 0.3s ease-in-out; }
-          .root .paginationContainer .paginationItem.disabled.selected::after {
+          .pagination-component .paginationContainer .paginationItem.disabled.selected::after {
             display: none; }
-        .root .paginationContainer .paginationItem.disabled:hover {
+        .pagination-component .paginationContainer .paginationItem.disabled:hover {
           background-color: transparent;
           cursor: default; }
-    .root .paginationContainer .arrows svg {
+    .pagination-component .paginationContainer .arrows svg {
       max-height: 16px; }
-  .root .paginationContainerLoader {
+  .pagination-component .paginationContainerLoader {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -5677,14 +5679,14 @@ h5 {
     height: 100%;
     background-color: #f8f9f7;
     opacity: 1; }
-    .root .paginationContainerLoader.enter {
+    .pagination-component .paginationContainerLoader.enter {
       opacity: 0; }
-    .root .paginationContainerLoader.enterActive {
+    .pagination-component .paginationContainerLoader.enterActive {
       transition: 0.3s ease;
       opacity: 1; }
-    .root .paginationContainerLoader.exit {
+    .pagination-component .paginationContainerLoader.exit {
       opacity: 1; }
-    .root .paginationContainerLoader.exitActive {
+    .pagination-component .paginationContainerLoader.exitActive {
       transition: 0.3s ease;
       opacity: 0; }