@m4l/components 9.1.121 → 9.1.122

package/components/ScrollBar/ScrollBar.d.ts

@@ -1,10 +1,6 @@
 import { ScrollBarProps } from './types';
 /**
- * TODO: Documentar
- * @author Diego Betancur - automatic
- * @createdAt 2025-02-10 11:27:50 - automatic
- * @updatedAt 2025-02-10 11:27:50 - automatic
- * @updatedUser Diego Betancur - automatic
+ * Componente que permite agregar una barra de desplazamiento personalizada.
  */
 export declare function ScrollBar(props: ScrollBarProps): import("react/jsx-runtime").JSX.Element;
 export default ScrollBar;

package/components/ScrollBar/ScrollBar.js

@@ -1,9 +1,10 @@
 import { jsx } from "react/jsx-runtime";
+import "simplebar-react/dist/simplebar.min.css";
+import clsx from "clsx";
 import { Box } from "@mui/material";
 import { useIsMobile } from "@m4l/graphics";
-import clsx from "clsx";
-import { c as classScrollRoot, S as SCROLL_KEY_COMPONENT } from "./constants.js";
 import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
+import { c as classScrollRoot, S as SCROLL_KEY_COMPONENT } from "./constants.js";
 import { R as RootScrollBar, S as SimpleBarStyled } from "./slots/ScrollBarSlots.js";
 import { S as ScrollBarSlots } from "./slots/ScrollBarEnum.js";
 function ScrollBar(props) {

package/components/ScrollBar/ScrollBar.styles.js

@@ -1,24 +1,15 @@
-import "simplebar-react/dist/simplebar.min.css";
 const scrollBarStyles = {
   /**
-   * 👾 Estilos para el Componente ScrollBar 👾
-   * @updatedUser Diego Betancur - automatic
-   * @updatedAt 2025-02-10 11:27:50 - automatic
-   * @createdAt 2025-02-10 11:27:50 - automatic
-   * @author Diego Betancur - automatic
-   * @author Diego Betancur - automatic
-   * @createdAt 2025-02-10 11:27:50 - automatic
-   * @updatedAt 2025-02-10 11:27:50 - automatic
-   * @updatedUser Diego Betancur - automatic
+   * Root element
    */
   root: ({ theme }) => ({
-    flexGrow: "1",
+    flexGrow: 1,
     width: "100%",
     height: "100%",
     overflow: "hidden",
     minHeight: "inherit",
     "& .simplebar-scrollbar.simplebar-visible:before": {
-      opacity: "1"
+      opacity: 1
     },
     '& .simplebar-content-wrapper[style*="overflow: hidden scroll;"] .simplebar-content': {},
     '& .simplebar-content-wrapper[style*="overflow: scroll hidden;"] .simplebar-content': {
@@ -35,13 +26,13 @@ const scrollBarStyles = {
     }
   }),
   /**
-   * 👾 Estilos para el Componente ScrollBar 👾
+   * Scroll bar
    */
-  scrollBar: () => ({
+  scrollBar: ({ theme }) => ({
     height: "100%",
     "& .simplebar-scrollbar": {
       "&:before": {
-        // backgroundColor: alpha(theme.colorSchemes.finalTheme.palette.grey[600], 0.48),
+        background: theme.vars.palette.general.scrollBar
       },
       "&.simplebar-visible:before": {
         opacity: 1
@@ -61,10 +52,8 @@ const scrollBarStyles = {
       flexDirection: "column",
       height: "100%"
     },
-    '& .simplebar-content-wrapper[style*="overflow: hidden scroll;"] ': {
-      "& .simplebar-content": {
-        marginRight: "12px"
-      }
+    '& .simplebar-content-wrapper[style*="overflow: hidden scroll;"] .simplebar-content': {
+      marginRight: "12px"
     }
   })
 };

package/components/areas/components/AreasViewer/types.d.ts

@@ -1,4 +1,4 @@
-import { M4LOverridesStyleRules } from 'src/@types/augmentations';
+import { M4LOverridesStyleRules } from '../../../../../src/@types/augmentations';
 import { AreasViewerSlots } from './slots/AreasViewerEnum';
 import { Theme } from '@mui/material';
 import { AREAS_VIEWER_KEY_COMPONENT } from './constants';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.1.121",
+  "version": "9.1.122",
   "license": "UNLICENSED",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"