jclib-ui 1.0.255 → 1.0.256

package/dist/jclib-ui.es.js

@@ -5025,20 +5025,21 @@ function BoxColor({ corFonte, setCorFonte, corFundo, setCorFundo }) {
   ] });
 }
 const Container$6 = styled.div`
-  background-color: var(--bs-body-bg);
   margin: ${({ noMargin }) => noMargin ? "0" : "5px 0 8px"};
   border: 1px solid var(--pn-color-border);
   border-radius: ${(props) => props.open ? "0 0 var(--pn-border-radius) var(--pn-border-radius)" : "0"};
+  background-color: var(--bs-body-bg);
+  //overflow: hidden;
 
   .bi-btn-area {
     button {
       outline: 0;
       border: none;
       border-bottom: ${({ open }) => open ? "1" : "0"}px solid
-        var(--bi-color-border);
-      border-left: 4px solid var(--bi-color-detail);
-      background: var(--bi-degrade);
-      color: var(--bi-color-title);
+        var(--pn-color-border);
+      border-left: 6px solid var(--pn-color-detail);
+      background-color: var(--bi-color);
+      color: var(--pn-color-font);
       font-size: 1.2rem;
       font-weight: bold;
       padding: 6px 12px;
@@ -5051,17 +5052,17 @@ const Container$6 = styled.div`
 
       i.setas-bi {
         font-size: 1.4rem;
-        color: #0aaccc;
+        color: var(--pn-color-font);
         transition: all ease 0.3s;
         transform: rotate(${(props) => props.open ? "-180" : "0"}deg);
       }
 
       &:hover {
-        background: var(--bi-degrade-hover);
+        background-color: var(--pn-color-hover);
       }
 
       &:focus {
-        background: var(--bi-degrade-hover);
+        background-color: var(--pn-color-hover);
       }
     }
   }
@@ -5427,7 +5428,6 @@ const PanelHeader = styled.div`
   border-radius: var(--pn-internal-radius) var(--pn-internal-radius) 0 0;
 
   background: var(--pn-degrade);
-  /* border-bottom: 1px solid var(--pn-color-border); */
 
   padding: var(--pn-padding);
   min-height: 39px;
@@ -21687,8 +21687,8 @@ function Paginacao({
 }
 function PanelDashboard({
   title,
-  color = "var(--dash-border)",
-  backColor = "var(--dash-bg)",
+  color = "var(--pn-color-border)",
+  backColor = "var(--bs-body-bg)",
   className,
   minHeight,
   children,
@@ -22314,7 +22314,7 @@ function TabControl({
 }
 const Container = styled.div`
   /* margin: ${({ noMargin }) => noMargin ? "0" : "5px 0 8px"}; */
-  border: 1px solid var(--bi-color-border);
+  border: 1px solid var(--pn-color-border);
   border-radius: ${(props) => props.open ? "0 0 var(--pn-border-radius) var(--pn-border-radius)" : "0"};
   background-color: var(--bs-body-bg);
   //overflow: hidden;
@@ -22324,13 +22324,12 @@ const Container = styled.div`
       outline: 0;
       border: none;
       border-bottom: ${({ open }) => open ? "1" : "0"}px solid
-        var(--bi-color-border);
-      border-left: 8px solid var(--bi-color-detail);
-      background-color: var(--bi-color-button);
-      background: var(--bi-degrade);
-      color: var(--bi-color-title);
+        var(--pn-color-border);
+      border-left: 8px solid var(--pn-color-detail);
+      background-color: var(--bi-color);
+      color: var(--pn-color-font);
       font-size: 1.2rem;
-      font-weight: bold;
+      /* font-weight: bold; */
       padding: 6px 12px;
       width: 100%;
       display: flex;
@@ -22341,17 +22340,17 @@ const Container = styled.div`
 
       i {
         font-size: 1.4rem;
-        color: #0aaccc;
+        color: var(--pn-color-font);
         transition: all ease 0.3s;
         transform: rotate(${(props) => props.open ? "-180" : "0"}deg);
       }
 
       &:hover {
-        background: var(--bi-degrade-hover);
+        background-color: var(--pn-color-hover);
       }
 
       &:focus {
-        background: var(--bi-degrade-hover);
+        background-color: var(--pn-color-hover);
       }
     }
   }