@m4l/components 9.2.62-B08072025beta.3 → 9.2.62-B10072025beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/components/AppBar/AppBar.js +1 -1
  2. package/components/SideBar/subcomponents/ContentComponent/style.js +22 -3
  3. package/components/SideBar/subcomponents/FooterComponent/styles.js +1 -1
  4. package/components/SideBar/subcomponents/HeaderComponent/HeaderComponent.js +1 -1
  5. package/components/SideBar/subcomponents/TreeGroupItems/styles.js +1 -1
  6. package/package.json +3 -3
package/components/AppBar/AppBar.js CHANGED
@@ -36,7 +36,7 @@ const AppBar = (props) => {
36
36
  src: `${host_static_assets}/${environment_assets}/${PATH_IMG_HAMBURGUER}`,
37
37
  onClick: onToggleAnchored,
38
38
  rotationAngle: sidebarAnchored ? 0 : 180,
39
- variant: "outline",
39
+ variant: "contained",
40
40
  role: "anchored-button"
41
41
  }
42
42
  ),
package/components/SideBar/subcomponents/ContentComponent/style.js CHANGED
@@ -46,7 +46,7 @@ const contentComponentStyles = {
46
46
  },
47
47
  "&.menu-active": {
48
48
  "& .M4LTypography-root": {
49
- color: theme.vars.palette.primary.semanticText
49
+ color: `${theme.vars.palette.primary.semanticText}!important`
50
50
  }
51
51
  },
52
52
  "& .M4LTypography-root": {
@@ -76,6 +76,8 @@ const contentComponentStyles = {
76
76
  },
77
77
  [`&.${CLASS_NAME_IS_ROOT}`]: {
78
78
  margin: "unset",
79
+ border: theme.vars.size.borderStroke.container,
80
+ borderColor: "transparent",
79
81
  "& > .MuiCollapse-root": {
80
82
  paddingRight: theme.vars.size.baseSpacings["sp0-5"]
81
83
  }
@@ -83,6 +85,21 @@ const contentComponentStyles = {
83
85
  [`&.M4LSidebar-containerNodeMenuItem > .M4LMenuItem-root[class*="${CLASS_NAME_ITEM_IN_TREE_ACTIVE}"] .M4LIconClass-root`]: {
84
86
  background: theme.vars.palette.text.primary
85
87
  },
88
+ [`& > .MuiCollapse-root > .MuiCollapse-wrapper .MuiCollapse-wrapperInner > .M4LSideBar-containerNodeMenuItem:last-child > .M4LMenuItem-root:not(.${CLASS_NAME_IS_ROOT}).${CLASS_NAME_MENU_ACTIVE}`]: {
89
+ "& .M4LMenuItem-menuItemContainer": {
90
+ "&::before": {
91
+ content: '""',
92
+ borderLeft: "3px solid",
93
+ borderColor: theme.vars.palette.background.default,
94
+ width: "3px",
95
+ height: "50%",
96
+ bottom: 0,
97
+ position: "absolute",
98
+ left: "-5px",
99
+ zIndex: 1
100
+ }
101
+ }
102
+ },
86
103
  [`& > .M4LMenuItem-root:not(.${CLASS_NAME_IS_ROOT}).${CLASS_NAME_MENU_ACTIVE}`]: {
87
104
  [`&.${CLASS_NAME_HAS_CHILDREN}:not(.${CLASS_NAME_ITEM_CLOSED})`]: {
88
105
  '& [class*="M4LMenuItem-menuItemContainer"]:before': {
@@ -122,11 +139,13 @@ const contentComponentStyles = {
122
139
  transparent 100%)`
123
140
  }
124
141
  },
142
+ [`& > .M4LMenuItem-root.${CLASS_NAME_IS_ROOT}`]: {
143
+ paddingRight: "11px"
144
+ },
125
145
  [`& > .M4LMenuItem-root.${CLASS_NAME_IS_ROOT}.${CLASS_NAME_MENU_ACTIVE}`]: {
126
146
  backgroundColor: theme.vars.palette.primary.opacity,
127
147
  borderBottomLeftRadius: 0,
128
- borderBottomRightRadius: 0,
129
- paddingRight: "9px"
148
+ borderBottomRightRadius: 0
130
149
  },
131
150
  "& .MuiCollapse-wrapperInner": {
132
151
  display: "flex",
package/components/SideBar/subcomponents/FooterComponent/styles.js CHANGED
@@ -6,7 +6,7 @@ const footerSideBarStyles = {
6
6
  height: "auto",
7
7
  display: "grid",
8
8
  placeItems: "center",
9
- borderTop: `${theme.vars.size.baseSpacings["sp0-5"]} solid ${theme.vars.palette.border.secondary}`,
9
+ boxShadow: `0px -1px 0px 0px ${theme.vars.palette.border.disabled}`,
10
10
  borderWidth: ownerState?.anchored ? theme.vars.size.baseSpacings["sp0-5"] : theme.vars.size.baseSpacings.sp0,
11
11
  transition: "all 0.5s",
12
12
  paddingBottom: theme.vars.size.baseSpacings.sp2,
package/components/SideBar/subcomponents/HeaderComponent/HeaderComponent.js CHANGED
@@ -26,7 +26,7 @@ const HeaderComponent = () => {
26
26
  onClick: handleToggleAnchored,
27
27
  rotationAngle: anchored ? 0 : 180,
28
28
  className: classes.buttonAnchored,
29
- variant: "outline",
29
+ variant: "contained",
30
30
  role: "anchored-button"
31
31
  }
32
32
  )
package/components/SideBar/subcomponents/TreeGroupItems/styles.js CHANGED
@@ -122,7 +122,7 @@ const contentGroupStyles = {
122
122
  },
123
123
  ...ownerState?.variant === "itemActive" && {
124
124
  boxShadow: theme.vars.customShadows.primary2,
125
- background: `linear-gradient(to bottom,
125
+ background: `linear-gradient(to right,
126
126
  ${theme.vars.palette.primary.opacityGradient1},
127
127
  ${theme.vars.palette.primary.opacityGradient2})`,
128
128
  "& .M4LSideBar-backgroundAdornmentIcon": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/components",
3
- "version": "9.2.62-B08072025beta.3",
3
+ "version": "9.2.62-B10072025beta.1",
4
4
  "license": "UNLICENSED",
5
5
  "description": "M4L Components",
6
6
  "lint-staged": {
@@ -11,8 +11,8 @@
11
11
  "@googlemaps/js-api-loader": "^1.16.6",
12
12
  "@hookform/resolvers": "2.9.11",
13
13
  "@m4l/core": "^2.0.0",
14
- "@m4l/graphics": "7.1.2-B08072025beta.3",
15
- "@m4l/styles": "7.1.30-B08072025beta.3",
14
+ "@m4l/graphics": "7.1.2-B10072025beta.1",
15
+ "@m4l/styles": "7.1.30-B10072025beta.1",
16
16
  "@microlink/react-json-view": "^1.23.3",
17
17
  "@mui/lab": "5.0.0-alpha.173",
18
18
  "@mui/material": "5.16.7",