plataforma-fundacao-componentes 2.25.11 → 2.26.0

package/dist/index.css

@@ -1121,7 +1121,10 @@ h5 {
       margin-left: 4px; }
 
 .component-button-loader {
-  position: absolute; }
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center; }
 
 .component-button-hide {
   opacity: 0; }
@@ -5055,11 +5058,13 @@ header.component-header {
   display: flex;
   justify-content: center;
   align-items: center; }
-  @media screen and (max-width: 575.98px) {
-    .component-modal-mask.mobile-on-xs {
-      align-items: flex-end !important; } }
+  .component-modal-mask.mobile {
+    align-items: flex-end !important; }
 
 .component-modal {
+  padding: 0;
+  margin: 0;
+  border: none;
   z-index: 986;
   background-color: #f8f9f7;
   min-height: 200px;
@@ -5069,25 +5074,31 @@ header.component-header {
   max-width: calc(100vw - 30px);
   display: flex;
   flex-flow: column; }
-  .component-modal.component-modal-extra-large {
+  .component-modal-full-screen {
+    width: 100vw;
+    height: 100dvh;
+    border-radius: 0;
+    max-height: none !important;
+    max-width: none !important; }
+  .component-modal-extra-large {
     width: 900px; }
-  .component-modal.component-modal-large {
+  .component-modal-large {
     width: 630px; }
-  .component-modal.component-modal-small {
+  .component-modal-small {
     width: 410px; }
     @media (max-width: 575.98px) {
-      .component-modal.component-modal-small {
+      .component-modal-small {
         width: 100%; } }
-  @media screen and (max-width: 575.98px) {
-    .component-modal.mobile-on-xs {
-      max-height: 75% !important;
-      max-width: 100% !important;
-      border-radius: 8px 8px 0 0; }
-      .component-modal.mobile-on-xs .component-modal-content {
-        max-height: calc(80vh - 72px - 72px) !important; }
-      .component-modal.mobile-on-xs .component-modal-footer {
-        width: 100%;
-        background-color: #f8f9f7; } }
+  .component-modal.mobile {
+    width: 100%;
+    max-height: 78dvh !important;
+    max-width: 100% !important;
+    border-radius: 8px 8px 0 0; }
+    .component-modal.mobile .component-modal-content {
+      max-height: calc(80vh - 72px - 72px) !important; }
+    .component-modal.mobile .component-modal-footer {
+      width: 100%;
+      background-color: #f8f9f7; }
   .component-modal .component-modal-header {
     flex: 0 1 56px;
     height: 56px;
@@ -5160,65 +5171,53 @@ header.component-header {
   warningLight: #ffeb98;
   warningDark: #765f00; }
 
-.comp-modal-manager-mask-enter {
+:not(.mobile).comp-modal-manager-mask-enter {
   opacity: 0; }
-  .comp-modal-manager-mask-enter > * {
+  :not(.mobile).comp-modal-manager-mask-enter > * {
     transform: scale(0.8); }
 
-.comp-modal-manager-mask-enter-active {
+:not(.mobile).comp-modal-manager-mask-enter-active {
   transition: opacity 0.3s ease;
   opacity: 1; }
-  .comp-modal-manager-mask-enter-active > * {
+  :not(.mobile).comp-modal-manager-mask-enter-active > * {
     transition: transform 0.3s ease;
     transform: scale(1); }
 
-.comp-modal-manager-mask-exit {
+:not(.mobile).comp-modal-manager-mask-exit {
   transition: opacity 0.3s ease;
   opacity: 1; }
-  .comp-modal-manager-mask-exit > * {
+  :not(.mobile).comp-modal-manager-mask-exit > * {
     transition: transform 0.3s ease;
     transform: scale(1); }
 
-.comp-modal-manager-mask-exit-active {
+:not(.mobile).comp-modal-manager-mask-exit-active {
   opacity: 0; }
-  .comp-modal-manager-mask-exit-active > * {
+  :not(.mobile).comp-modal-manager-mask-exit-active > * {
     transform: scale(0.8); }
 
-.comp-modal-manager-mask-mobile-on-xs-enter {
+.mobile.comp-modal-manager-mask-enter {
   opacity: 0; }
-  .comp-modal-manager-mask-mobile-on-xs-enter > * {
-    transform: scale(0.8); }
-    @media screen and (max-width: 575.98px) {
-      .comp-modal-manager-mask-mobile-on-xs-enter > * {
-        transform: translateY(100%); } }
+  .mobile.comp-modal-manager-mask-enter > * {
+    transform: translateY(100%); }
 
-.comp-modal-manager-mask-mobile-on-xs-enter-active {
+.mobile.comp-modal-manager-mask-enter-active {
   transition: opacity 0.3s ease;
   opacity: 1; }
-  .comp-modal-manager-mask-mobile-on-xs-enter-active > * {
+  .mobile.comp-modal-manager-mask-enter-active > * {
     transition: transform 0.3s ease;
-    transform: scale(1); }
-    @media screen and (max-width: 575.98px) {
-      .comp-modal-manager-mask-mobile-on-xs-enter-active > * {
-        transform: translateY(0); } }
+    transform: translateY(0); }
 
-.comp-modal-manager-mask-mobile-on-xs-exit {
+.mobile.comp-modal-manager-mask-exit {
   transition: opacity 0.3s ease;
   opacity: 1; }
-  .comp-modal-manager-mask-mobile-on-xs-exit > * {
+  .mobile.comp-modal-manager-mask-exit > * {
     transition: transform 0.3s ease;
-    transform: scale(1); }
-    @media screen and (max-width: 575.98px) {
-      .comp-modal-manager-mask-mobile-on-xs-exit > * {
-        transform: translateY(0); } }
+    transform: translateY(0); }
 
-.comp-modal-manager-mask-mobile-on-xs-exit-active {
+.mobile.comp-modal-manager-mask-exit-active {
   opacity: 0; }
-  .comp-modal-manager-mask-mobile-on-xs-exit-active > * {
-    transform: scale(0.8); }
-    @media screen and (max-width: 575.98px) {
-      .comp-modal-manager-mask-mobile-on-xs-exit-active > * {
-        transform: translateY(100%); } }
+  .mobile.comp-modal-manager-mask-exit-active > * {
+    transform: translateY(100%); }
 
 :export {
   widthXs: 575.98px;
@@ -6378,8 +6377,7 @@ h5 {
     margin-left: 16px; }
   .component-table-actions-column svg {
     width: 20px;
-    height: 20px;
-    color: #3fa110; }
+    height: 20px; }
 
 :export {
   widthXs: 575.98px;
@@ -6478,9 +6476,9 @@ table.component-table {
 .component-table-item-dragging {
   cursor: grabbing; }
 
-.grab-handle {
-  cursor: grab; }
-  .grab-handle:active {
+.grab-handle:not(:disabled) {
+  cursor: grab !important; }
+  .grab-handle:not(:disabled):active {
     cursor: grabbing; }
 
 .component-table-upper-header {
@@ -7925,6 +7923,9 @@ nav.component-tabs {
   warningDark: #765f00; }
 
 .video-modal {
+  padding: 0;
+  margin: 0;
+  border: none;
   z-index: 986;
   position: relative;
   max-width: calc(100vw - 30px);
@@ -7961,54 +7962,52 @@ nav.component-tabs {
   max-height: calc(100vh - 30px);
   max-width: calc(100vw - 30px); }
 
-.video-modal.video-modal-sm iframe {
+.video-modal.video-modal-small iframe {
   width: 750px;
   height: 421.875px; }
 
 @media screen and (max-width: 991.98px) {
-  .video-modal.video-modal-sm iframe {
+  .video-modal.video-modal-small iframe {
     width: 90vw;
     height: 50.625vw; } }
 
-.video-modal.video-modal-md iframe {
+.video-modal.video-modal-large iframe {
   width: 920px;
   height: 517.5px; }
 
 @media screen and (max-width: 991.98px) {
-  .video-modal.video-modal-md iframe {
+  .video-modal.video-modal-large iframe {
     width: 90vw;
     height: 50.625vw; } }
 
-.video-modal.video-modal-lg iframe {
+.video-modal.video-modal-extra-large iframe {
   width: 1150px;
   height: 646.875px; }
 
 @media screen and (max-width: 991.98px) {
-  .video-modal.video-modal-lg iframe {
+  .video-modal.video-modal-extra-large iframe {
     width: 90vw;
     height: 50.625vw; } }
 
-.video-modal.video-modal-full iframe {
+.video-modal.video-modal-full-screen iframe {
   width: 90vw;
   height: 90vh; }
 
 @media screen and (max-width: 991.98px) {
-  .video-modal.video-modal-full iframe {
+  .video-modal.video-modal-full-screen iframe {
     width: 90vw;
     height: 50.625vw; } }
 
-.video-modal.mobile-on-xs {
-  border-radius: 8px 8px 0 0; }
-  @media screen and (max-width: 575.98px) {
-    .video-modal.mobile-on-xs {
-      width: 100%;
-      max-width: 100% !important; }
-      .video-modal.mobile-on-xs iframe {
-        height: 56.25vw;
-        max-width: 100vw;
-        width: 100vw; }
-      .video-modal.mobile-on-xs .video-modal-video-row {
-        border-radius: 7px 7px 0 0; } }
+.video-modal.mobile {
+  border-radius: 8px 8px 0 0;
+  width: 100%;
+  max-width: 100% !important; }
+  .video-modal.mobile iframe {
+    height: 56.25vw;
+    max-width: 100vw;
+    width: 100vw; }
+  .video-modal.mobile .video-modal-video-row {
+    border-radius: 7px 7px 0 0; }
 
 :export {
   widthXs: 575.98px;

package/dist/index.d.ts

@@ -201,12 +201,12 @@ import FormattedText from './components/formattedText/FormattedText';
 import { LeftControlWithLabel } from './components/table/components/leftControlWithLabel/LeftControlWithLabel';
 export * from './components/modal/ModalTypes';
 export * from './libraries/ActionCardThemes';
-export * from './libraries/FileTypes';
 export * from './libraries/ButtonTheme';
-export * from './libraries/ControlLabelPosition';
 export * from './libraries/CardThemes';
 export * from './libraries/CheckboxThemes';
+export * from './libraries/ControlLabelPosition';
 export * from './libraries/EtiquetasThemes';
+export * from './libraries/FileTypes';
 export * from './libraries/FundacaoLogoThemes';
 export * from './libraries/HeaderSeparatorThemes';
 export * from './libraries/HeaderThemes';
@@ -215,6 +215,7 @@ export * from './libraries/ModalSize';
 export * from './libraries/Notification';
 export * from './libraries/Pautas';
 export * from './libraries/RadioButtonTheme';
+export * from './libraries/ScreenSizes';
 export * from './libraries/SicrediLogoThemes';
 export * from './libraries/Toast';
 export * from './libraries/Tooltips';