@mtes-mct/monitor-ui 7.3.0 → 7.3.1

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+# [7.3.0](https://github.com/MTES-MCT/monitor-ui/compare/v7.2.1...v7.3.0) (2023-06-09)
+
+
+### Features
+
+* **components:** clean naming for export ([83f3b1b](https://github.com/MTES-MCT/monitor-ui/commit/83f3b1bb3eec48b01abdea7444b6c8e2ca0f9c56))
+* **components:** create SideMenu component ([1ba4358](https://github.com/MTES-MCT/monitor-ui/commit/1ba435820145634ce8449612d2f4e7ff63d894da))
+
 ## [7.2.1](https://github.com/MTES-MCT/monitor-ui/compare/v7.2.0...v7.2.1) (2023-06-08)
 
 

package/index.js

@@ -2862,7 +2862,7 @@ const MenuButton = styled(IconButton) `
   animation: none;
   background: ${p => (p.$isActive ? p.theme.color.blueGray[100] : 'none')};
   border: 0;
-  border-bottom: solid 1px ${p => p.theme.color.slateGray};
+  border-bottom: solid 0.5px ${p => p.theme.color.slateGray};
   color: ${p => (p.$isActive ? p.theme.color.white : p.theme.color.gainsboro)};
   padding: 18px;
 
@@ -2870,15 +2870,15 @@ const MenuButton = styled(IconButton) `
   :focus {
     background: ${p => (p.$isActive ? p.theme.color.blueGray[100] : 'rgba(255, 255, 255, 0.125)')};
     border: 0;
-    border-bottom: solid 1px ${p => p.theme.color.slateGray};
+    border: none;
     color: ${p => p.theme.color.white};
   }
 
   :first-child {
-    border-top: solid 1px ${p => p.theme.color.slateGray};
+    border-top: solid 0.5px ${p => p.theme.color.slateGray};
 
     :hover {
-      border-top: solid 1px ${p => p.theme.color.slateGray};
+      border: none;
     }
   }
 `;
@@ -2890,7 +2890,7 @@ const Wrapper = styled.div `
   background-color: ${p => p.theme.color.charcoal};
   box-sizing: border-box;
   display: flex;
-  height: 100%;
+  height: 100vh;
   flex-direction: column;
   width: 64px;
   padding: 64px 0 0;