@bwp-web/components 1.5.3 → 1.6.1

package/dist/index.js

@@ -430,6 +430,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 function BiampWrapper({
   loading = false,
   children,
+  stickyTop,
   sx,
   ...props
 }) {
@@ -465,6 +466,21 @@ function BiampWrapper({
             children: /* @__PURE__ */ jsx(LinearProgress, {})
           }
         ),
+        stickyTop && /* @__PURE__ */ jsx(
+          Box,
+          {
+            sx: {
+              position: "sticky",
+              top: -16,
+              mt: -2,
+              mx: -2,
+              mb: 2,
+              zIndex: 1,
+              backgroundColor: ({ palette }) => palette.background.paper
+            },
+            children: stickyTop
+          }
+        ),
         children
       ]
     }
@@ -622,6 +638,9 @@ function BiampSidebarIcon({
         padding: 0,
         overflow: "hidden",
         color: "text.secondary",
+        "&.Mui-selected": {
+          color: "primary.main"
+        },
         ...sx
       },
       ...props,
@@ -1230,11 +1249,12 @@ function mergeSx(...inputs) {
 // src/BiampTable/cellSx.ts
 var stickyHoverBg = {
   ".MuiTableRow-hover:hover > &, .Mui-selected > &": {
-    bgcolor: ({ palette }) => palette.mode === "dark" ? palette.grey[800] : palette.grey[100]
+    bgcolor: ({ palette }) => palette.background.info
   }
 };
 function cellSx(sticky, minWidth, zIndex) {
   if (sticky) {
+    const isHeader = zIndex >= 3;
     return {
       position: "sticky",
       [sticky]: 0,
@@ -1242,8 +1262,8 @@ function cellSx(sticky, minWidth, zIndex) {
       width: 0,
       whiteSpace: "nowrap",
       textAlign: "center",
-      bgcolor: "background.paper",
-      ...zIndex < 3 && stickyHoverBg
+      bgcolor: isHeader ? ({ palette }) => palette.mode === "dark" ? palette.grey[900] : palette.background.paper : "background.paper",
+      ...!isHeader && stickyHoverBg
     };
   }
   const mw = minWidth ?? 40;
@@ -1603,7 +1623,7 @@ var headerSelectionCellSx = {
   position: "sticky",
   left: 0,
   zIndex: 3,
-  bgcolor: "background.paper"
+  bgcolor: ({ palette }) => palette.mode === "dark" ? palette.grey[900] : palette.background.paper
 };
 var checkboxHiddenHeaderSx = { visibility: "hidden" };
 function BiampTable({
@@ -1794,7 +1814,6 @@ function BiampTableContainer({
       height: "100%",
       overflow: "hidden",
       pt: { xs: 0, md: 1.5 },
-      gap: { xs: 0, md: 1 },
       borderTop: withBorderTop ? ({ palette }) => `0.6px solid ${palette.divider}` : void 0,
       borderBottom: withBorderBottom ? ({ palette }) => `0.6px solid ${palette.divider}` : void 0,
       sx: { ...sx },
@@ -2759,7 +2778,7 @@ function SegmentedButton({
 }) {
   const theme = useTheme();
   const isDarkMode = theme.palette.mode === "dark";
-  const backgroundColor = active ? isDarkMode ? theme.palette.grey[900] : theme.palette.common.white : "transparent";
+  const backgroundColor = active ? isDarkMode ? theme.palette.grey[800] : theme.palette.common.white : "transparent";
   const textColor = active ? theme.palette.text.primary : theme.palette.text.secondary;
   const border = active ? "solid" : void 0;
   return /* @__PURE__ */ jsx23(
@@ -2799,7 +2818,7 @@ function SegmentedButtonGroup({ children, sx, ...props }) {
       borderRadius: "6px",
       gap: 1,
       sx: {
-        backgroundColor: isDarkMode ? theme.palette.grey[800] : theme.palette.grey[100],
+        backgroundColor: isDarkMode ? theme.palette.grey[900] : theme.palette.grey[100],
         ...sx
       },
       ...props,