@mtes-mct/monitor-ui 7.3.0 → 7.4.0

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## [7.3.1](https://github.com/MTES-MCT/monitor-ui/compare/v7.3.0...v7.3.1) (2023-06-13)
+
+
+### Bug Fixes
+
+* **components:** fix style ([fa5ddb6](https://github.com/MTES-MCT/monitor-ui/commit/fa5ddb6a351cba430d1a2f2452ac66e756e3722b))
+
+# [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/icons/PinFilled.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from '../types';
+export declare function PinFilled({ color, size, ...nativeProps }: IconProps): import("react/jsx-runtime").JSX.Element;

package/icons/index.d.ts

@@ -45,6 +45,7 @@ import { More } from './More';
 import { Note } from './Note';
 import { Observation } from './Observation';
 import { Pin } from './Pin';
+import { PinFilled } from './PinFilled';
 import { Pinpoint } from './Pinpoint';
 import { PinpointHide } from './PinpointHide';
 import { Plane } from './Plane';
@@ -68,4 +69,4 @@ import { Unlock } from './Unlock';
 import { Vessel } from './Vessel';
 import { ViewOnMap } from './ViewOnMap';
 import { Vms } from './Vms';
-export { ActivityFeed, Alert, Anchor, Archive, Attention, Calendar, Check, Chevron, Clock, Close, Confirm, Control, Delete, Display, DoubleChevron, Download, Drapeau, Duplicate, Edit, EditBis, Expand, Favorite, FilledArrow, Filter, FilterBis, Fishery, FishingEngine, FleetSegment, Focus, FocusVessel, FocusZones, Hide, Info, Infringement, Landmark, List, MapLayers, MeasureAngle, MeasureBrokenLine, MeasureCircle, MeasureLine, Minus, MissionAction, More, Note, Observation, Pin, Pinpoint, PinpointHide, Plane, Plus, Reject, Report, Save, Search, SelectCircle, SelectPolygon, SelectRectangle, SelectZone, Semaphore, ShowErsMessages, ShowXml, SortingArrows, Summary, Tag, Target, Unlock, Vessel, ViewOnMap, Vms };
+export { ActivityFeed, Alert, Anchor, Archive, Attention, Calendar, Check, Chevron, Clock, Close, Confirm, Control, Delete, Display, DoubleChevron, Download, Drapeau, Duplicate, Edit, EditBis, Expand, Favorite, FilledArrow, Filter, FilterBis, Fishery, FishingEngine, FleetSegment, Focus, FocusVessel, FocusZones, Hide, Info, Infringement, Landmark, List, MapLayers, MeasureAngle, MeasureBrokenLine, MeasureCircle, MeasureLine, Minus, MissionAction, More, Note, Observation, Pin, PinFilled, Pinpoint, PinpointHide, Plane, Plus, Reject, Report, Save, Search, SelectCircle, SelectPolygon, SelectRectangle, SelectZone, Semaphore, ShowErsMessages, ShowXml, SortingArrows, Summary, Tag, Target, Unlock, Vessel, ViewOnMap, Vms };

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;
@@ -3108,6 +3108,10 @@ function Pin({ color, size, ...nativeProps }) {
     return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-240)", children: [jsx("path", { d: "M250.94,2l-1.412,1.412.706.707L246.7,7.65h-2.824l-1.412,1.413,3.518,3.52-3.985,4L243.413,18l3.985-4,3.54,3.542,1.413-1.412V13.3l3.531-3.531.706.706L258,9.064Zm0,9.888v2.825l-5.648-5.651h2.824l3.531-3.531,2.824,2.825Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(240)", width: "20" })] }) }) }));
 }
 
+function PinFilled({ color, size, ...nativeProps }) {
+    return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsx("path", { d: "M 10.94 2 L 9.528 3.412 L 10.234 4.119 L 6.7 7.65 L 3.876 7.65 L 2.464 9.063 L 5.982 12.583 L 1.997 16.583 L 3.413 18 L 7.398 14 L 10.938 17.542 L 12.351 16.13 L 12.351 13.3 L 15.882 9.769 L 16.588 10.475 L 18 9.064 L 10.94 2 Z", fill: "currentColor" }) }) }));
+}
+
 function Pinpoint({ color, size, ...nativeProps }) {
     return (jsx(IconBox, { "$color": color, "$size": size, children: jsx("svg", { height: "20", viewBox: "0 0 20 20", width: "20", ...nativeProps, children: jsxs("g", { transform: "translate(-160)", children: [jsx("path", { d: "M164,8c0,5,6,10,6,10", fill: "currentColor" }), jsx("path", { d: "M170,2a5.961,5.961,0,0,0-5.944,6.777c.016.135.038.27.062.4l.011.055C164.964,13.792,170,18,170,18s5.036-4.208,5.871-8.763l.011-.055c.024-.135.046-.27.062-.4A5.961,5.961,0,0,0,170,2Zm0,9a3,3,0,1,1,3-3A3,3,0,0,1,170,11Z", fill: "currentColor" }), jsx("rect", { fill: "none", height: "20", transform: "translate(160)", width: "20" })] }) }) }));
 }
@@ -3249,6 +3253,7 @@ var index = /*#__PURE__*/Object.freeze({
 	Note: Note,
 	Observation: Observation,
 	Pin: Pin,
+	PinFilled: PinFilled,
 	Pinpoint: Pinpoint,
 	PinpointHide: PinpointHide,
 	Plane: Plane,