prosperita-dumbo-react 3.1.2 → 3.1.3

package/dist/prosperita-dumbo-react.es.js

@@ -12237,53 +12237,73 @@ const up = /* @__PURE__ */ a(G, { children: /* @__PURE__ */ a(
   outline: none;
   background: transparent;
   border: 0;
-  margin: 1px;
   cursor: pointer;
-  border-bottom: 2px solid black;
   white-space: nowrap;  
   display:flex;
   gap:10px;
-  padding:15px
-`, Tp = ({ bordercolor: e, icon: t, children: n, label: i, onClick: r, isActive: o }) => /* @__PURE__ */ I("div", { style: {
+  position:relative,
+  border:none;
+  width:100%
+`, Tp = ({ width: e, bordercolor: t, icon: n, children: i, label: r, onClick: o, isActive: s }) => /* @__PURE__ */ I("div", { style: {
   display: "flex",
   flexDirection: "column",
   margin: "0",
-  padding: "0"
+  padding: "0",
+  width: e || "100%"
 }, children: [
-  /* @__PURE__ */ a("div", { style: {
-    padding: "0"
-  }, children: /* @__PURE__ */ I(
+  /* @__PURE__ */ I(
     pp,
     {
-      onClick: r,
+      width: e,
+      isActive: s,
+      label: r,
+      onClick: o,
       style: {
-        borderBottom: o ? `2px solid ${e}` : "none",
-        fontWeight: o ? "600" : "300",
+        fontWeight: s ? "600" : "300",
         fontFamily: "IBM Plex Sans",
-        color: o ? c.textPrimary : ""
+        color: s ? c.textPrimary : "",
+        padding: "1em",
+        border: "none",
+        borderBottom: s ? `2px solid ${t}` : "none",
+        cursor: "pointer",
+        zIndex: "1"
       },
       children: [
-        i,
-        t && /* @__PURE__ */ a("img", { src: t })
+        r,
+        n && /* @__PURE__ */ a("img", { src: n, alt: r })
       ]
     }
-  ) }),
-  o && /* @__PURE__ */ a("div", { style: {
+  ),
+  s && /* @__PURE__ */ a("div", { style: {
     margin: "0",
     padding: "0",
-    height: "100%"
-  }, children: n })
-] }), Rp = ({ children: e }) => /* @__PURE__ */ a(
+    height: "100%",
+    display: "flex",
+    background: "red",
+    justifyContent: "flex-start",
+    alignItems: "flex-start",
+    width: "100%"
+  }, children: /* @__PURE__ */ a("div", { style: {
+    width: "100%",
+    display: "flex",
+    justifyContent: "flex-start",
+    alignItems: "flex-start",
+    position: "absolute",
+    left: "0",
+    right: "0"
+  }, children: i }) })
+] }), Rp = ({ children: e, width: t }) => /* @__PURE__ */ a(
   "div",
   {
     style: {
       display: "flex",
       flexDirection: "column",
-      minWidth: "1300px",
+      minWidth: t || "1300px",
       margin: "0",
-      padding: "0"
+      padding: "0",
+      position: "relative"
     },
-    children: /* @__PURE__ */ a(
+    children: /* @__PURE__ */ I(
       "div",
       {
         style: {
@@ -12293,7 +12313,21 @@ const up = /* @__PURE__ */ a(G, { children: /* @__PURE__ */ a(
           margin: "0",
           padding: "0"
         },
-        children: e
+        children: [
+          /* @__PURE__ */ a(
+            "div",
+            {
+              style: {
+                width: "100%",
+                background: c.borderSubtle01,
+                position: "absolute",
+                height: "2px",
+                bottom: "0"
+              }
+            }
+          ),
+          e
+        ]
       }
     )
   }