@mtes-mct/monitor-ui 13.10.0 → 14.1.0

package/index.js

@@ -249,6 +249,7 @@ const OnlyFontGlobalStyle = createGlobalStyle`
         blueYonder25: '#D4DDE7',
         blueGray: '#5697D2',
         blueGray25: '#D4E5F4',
+        mayaBlue: '#5FBDFC',
         maximumRed: '#E1000F',
         maximumRed15: '#FBD9DB',
         babyBlueEyes: '#99C9FF',
@@ -17961,6 +17962,48 @@ function Attention({ color, size, title, ...nativeProps }) {
     });
 }
 
+function AttentionFilled({ color, size, title, ...nativeProps }) {
+    return /*#__PURE__*/ jsx(IconBox, {
+        $color: color,
+        $size: size,
+        title: title,
+        children: /*#__PURE__*/ jsxs("svg", {
+            height: "20",
+            viewBox: "0 0 20 20",
+            width: "20",
+            ...nativeProps,
+            children: [
+                /*#__PURE__*/ jsxs("g", {
+                    transform: "translate(200 -82)",
+                    children: [
+                        /*#__PURE__*/ jsx("path", {
+                            d: "M-190,83a9,9,0,0,0-9,9,9,9,0,0,0,9,9,9,9,0,0,0,9-9A9,9,0,0,0-190,83Z",
+                            fill: "currentColor"
+                        }),
+                        /*#__PURE__*/ jsx("rect", {
+                            fill: "#fff",
+                            height: "5",
+                            transform: "translate(-189 93) rotate(180)",
+                            width: "2"
+                        }),
+                        /*#__PURE__*/ jsx("rect", {
+                            fill: "#fff",
+                            height: "2",
+                            transform: "translate(-189 96) rotate(180)",
+                            width: "2"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx("rect", {
+                    fill: "none",
+                    height: "20",
+                    width: "20"
+                })
+            ]
+        })
+    });
+}
+
 function Calendar({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
@@ -18144,6 +18187,71 @@ function Chevron({ color, size, title, ...nativeProps }) {
     });
 }
 
+function Circle({ color, size, title, ...nativeProps }) {
+    return /*#__PURE__*/ jsx(IconBox, {
+        $color: color,
+        $size: size,
+        title: title,
+        children: /*#__PURE__*/ jsx("svg", {
+            height: "20",
+            viewBox: "0 0 20 20",
+            width: "20",
+            ...nativeProps,
+            children: /*#__PURE__*/ jsxs("g", {
+                transform: "translate(-480 -481)",
+                children: [
+                    /*#__PURE__*/ jsx("g", {
+                        transform: "translate(720 399)",
+                        children: /*#__PURE__*/ jsx("path", {
+                            d: "M-230,83a9,9,0,0,0-9,9,9,9,0,0,0,9,9,9,9,0,0,0,9-9A9,9,0,0,0-230,83Zm0,16a7,7,0,0,1-7-7,7,7,0,0,1,7-7,7,7,0,0,1,7,7A7,7,0,0,1-230,99Z",
+                            fill: "currentColor"
+                        })
+                    }),
+                    /*#__PURE__*/ jsx("rect", {
+                        fill: "none",
+                        height: "20",
+                        transform: "translate(480 481)",
+                        width: "20"
+                    })
+                ]
+            })
+        })
+    });
+}
+
+function CircleFilled({ color, size, title, ...nativeProps }) {
+    return /*#__PURE__*/ jsx(IconBox, {
+        $color: color,
+        $size: size,
+        title: title,
+        children: /*#__PURE__*/ jsx("svg", {
+            height: "20",
+            viewBox: "0 0 20 20",
+            width: "20",
+            ...nativeProps,
+            children: /*#__PURE__*/ jsxs("g", {
+                transform: "translate(-505 -481)",
+                children: [
+                    /*#__PURE__*/ jsx("g", {
+                        transform: "translate(506 482)",
+                        children: /*#__PURE__*/ jsx("path", {
+                            d: "M11,2a9,9,0,1,0,9,9A9,9,0,0,0,11,2Z",
+                            fill: "currentColor",
+                            transform: "translate(-2 -2)"
+                        })
+                    }),
+                    /*#__PURE__*/ jsx("rect", {
+                        fill: "none",
+                        height: "20",
+                        transform: "translate(505 481)",
+                        width: "20"
+                    })
+                ]
+            })
+        })
+    });
+}
+
 function Clock({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
@@ -18203,6 +18311,49 @@ function Clock({ color, size, title, ...nativeProps }) {
     });
 }
 
+function ClockDashed({ color, size, title, ...nativeProps }) {
+    return /*#__PURE__*/ jsx(IconBox, {
+        $color: color,
+        $size: size,
+        title: title,
+        children: /*#__PURE__*/ jsxs("svg", {
+            height: "20",
+            viewBox: "0 0 20 20",
+            width: "20",
+            ...nativeProps,
+            children: [
+                /*#__PURE__*/ jsx("path", {
+                    d: "M0,0H20V20H0Z",
+                    fill: "none"
+                }),
+                /*#__PURE__*/ jsx("path", {
+                    d: "M0,0H20V20H0Z",
+                    fill: "none"
+                }),
+                /*#__PURE__*/ jsx("path", {
+                    d: "M10,1H9.307a9.006,9.006,0,0,0-2.1.414L7.87,3.462A6.862,6.862,0,0,1,10,3.126V1ZM4.7,2.726c-.218.159-.427.327-.629.5h0l-.02.018h0l-.02.018h0l0,0h0l-.005,0h0L4,3.288H4l0,0H4l0,0h0l0,.005h0l0,0h0l0,0h0l0,0h0l0,0h0l-.005,0h0l0,0v0l0,0h0l0,0h0l-.009.009h0l0,0,0,0,0,0,0,0,0,0h0l0,0,0,0,0,0v0l0,0,0,0,0,0h0l0,0v0l0,0h0l0,0,0,0,0,0,0,0,0,0h0l0,0v0l0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.01.008v0l0,0,0,0,0,0,0,0,0,0h0l-.005.005v0l0,0v0l0,0,0,0,0,0h0l-.01.009v0l0,0,0,0,0,0v0l0,0h0l-.011.01v0l0,0,0,0,0,0h0l-.01.01h0l0,0h0l0,0h0l0,0h0l-.011.01h0l0,0h0l0,0h0l-.015.014h0l0,0v0l0,0h0L3.671,3.6h0l0,0h0l0,0h0l-.015.015h0l0,0h0l0,0h0l-.015.015h0l0,0h0l-.015.016h0l0,0h0l-.019.019h0l0,0h0l-.015.016h0l-.046.048h0L3.474,3.8h0l-.019.02h0a9.118,9.118,0,0,0-.748.9L4.428,5.973a6.912,6.912,0,0,1,1.524-1.53L4.7,2.726ZM1.43,7.244a8.8,8.8,0,0,0-.318,1.333h0l0,.021h0l0,.022h0l0,.026h0l0,.021h0v0h0l0,.016h0v.005h0l0,.02v.006h0l0,.015h0v.005h0l0,.014v.012h0v.01h0v.012l0,.014V8.83h0v.013l0,.013v.358h0v.112h0v.007h0v.02h0v.028h0v.02h0v.05h0v.049h0v.02h0v.05h0V9.6h0V9.63h0v.021h0v.029h0v.049H1v.021H1v.02H1V9.8H1v.02H1v.05H1V9.9H1v.029H1v.02H1V9.97H1v.007H1V10H3.126a6.856,6.856,0,0,1,.328-2.105L1.43,7.244Zm2.04,4.911-2.019.666c.023.071.048.142.073.212h0l.007.021h0l0,.005h0l0,0h0l.008.02h0l0,0h0l.007.02h0v.01h0l0,.013v0l0,0v0l0,0v.005l0,.005v.015l0,0v.01l0,.005V13.2l0,0v0l0,0v0l0,0v.009l0,0v0l0,.011v.008l0,.005h0l0,.012v0l0,0v0l0,0v0l0,.006h0l0,.006h0l0,.005h0l0,.005h0l.007.019h0l0,.006h0l.01.025h0a8.943,8.943,0,0,0,.6,1.21h0l0,.005h0l0,.005h0l.01.018h0l0,.005h0l.007.011h0l0,.006h0l0,0h0l0,.006h0l.007.011h0l0,0v0l0,0h0l0,.005h0l0,.005v0l0,0h0l0,0v0l0,0h0l0,.005v0l0,0v0l0,0v0l0,0,0,0,0,.005h0l0,0v0l0,0,0,0v0l0,0,0,0,0,0,0,0,0,0v0l0,0,0,0,0,0v0l.008.012h0l0,0h0l0,0h0l.008.013h0l0,0h0l0,0h0q.169.267.357.521l1.712-1.26a6.827,6.827,0,0,1-.989-1.914Zm2.525,3.432L4.754,17.314c.11.079.222.156.335.23h0l.022.014h0l0,0h0l0,0h0l.011.008h0l0,0h0l0,0h0l.006,0,0,0h0l0,0h0l0,0,0,0,0,0h0l.006,0h0l.005,0h0l0,0h0l0,0h0l.011.007h0l.005,0h0l.005,0h0l.017.01h0l0,0h0a8.939,8.939,0,0,0,1.574.78h0l.026.01h0l.025.009h0l.006,0h0l.013.005h0l.006,0h0l0,0h.008l.006,0h0l.006,0h0l0,0h0l0,0h0l.012.005h0l0,0h.008l0,0h0l.006,0h.02l.005,0H7l0,0h0l0,0H7.02l.005,0h.02l.008,0h.018l.013,0H7.1l.02.006h.006l.021.007h0l.005,0h0l.027.009h0l.1.033.643-2.027a6.812,6.812,0,0,1-1.925-.967Zm6.185.935a6.882,6.882,0,0,1-2.127.352L10.069,19a9.24,9.24,0,0,0,1.319-.106h0l.022,0h.006l.022,0h.006l.021,0h0l.022,0H11.5l.015,0h.007l.016,0h.011l.015,0h.012l.01,0H11.6l.015,0h.013l.009,0h.018l.008,0h.014l.013,0H11.7l.008,0h.216l.012,0h.042l.007,0h.007l.006,0h0l.013,0h.007l.007,0h.02l.014,0h.007l.006,0h0l.013,0h0l.005,0h0l.013,0h0l.007,0h.007l.013,0h.007l.02,0h0l.006,0h0l.02,0h0l.026-.007h0l.02-.005h0l.006,0h0l.02-.005h0q.3-.078.591-.175l-.674-2.016ZM15.6,13.984a6.912,6.912,0,0,1-1.513,1.541l1.267,1.708c.067-.05.134-.1.2-.152h0l.005,0h0l.047-.037h0l.021-.016h0l.005,0h0L15.651,17h0l0,0h0l.005,0h0l.016-.012h0l0,0h0l.016-.013h0l.005,0h0l0,0h0l.015-.013h0l0,0h0l.005,0h0l.011-.008h0l.005,0h0l0,0h0l.015-.013h0l0,0h0l.02-.016h0l0,0h0l.015-.013h0l.005,0h0l.005,0h0l.016-.013h0l.005,0h0l.02-.017h0l.02-.017h0l.005,0h0l.02-.018h0l.021-.018h0l.005,0h0l.02-.018h0l0,0h0l.02-.018h0l.025-.023h0l.02-.018h0l.02-.018h0a9.059,9.059,0,0,0,1.192-1.321h0l.016-.021h0l0-.005h0l0-.005h0l.008-.011h0l0-.005h0l0-.005h0l.012-.016h0l0,0v0l0,0h0l0-.005h0l0-.005h0l0,0,0,0,0,0h0l0,0h0l0-.005h0l0,0,0,0v0L15.6,13.984ZM19,9.9l-2.125.024V10a6.871,6.871,0,0,1-.312,2.055l2.029.635a8.91,8.91,0,0,0,.356-1.706h0v-.007h0v-.014h0v-.007h0v-.014h0v-.006h0l0-.014h0v-.006h0l0-.014h0v-.007h0l0-.013h0v-.006h0l0-.014h0V10.85h0l0-.014h0v-.007h0l0-.021h0V10.8h0v-.014h0v-.007h0v-.014h0v-.006h0v-.014h0v-.006h0l0-.014h0v-.006h0V10.7h0v-.006h0v-.013h0v-.006h0v-.014h0V10.65h0v-.02h0v-.014h0v-.006h0v-.013h0v-.013h0v-.007h0v-.006h0v-.006h0v-.02h0v-.007h0v-.006h0v-.006h0v-.02h0v-.007h0v-.006h0v-.006h0v-.028h0v-.013h0V10.42h0V10.4h0v-.013h0v-.007h0V10.37h0v-.006h0v-.057h0V10.3h0v-.006h0v-.007h0v-.014h0v-.021h0V10.24h0v-.013h0v-.007h0V10.2h0v-.013h0v-.028h0v-.013h0v-.007h0v-.021h0v-.021h0v-.02h0v-.021h0v-.035h0V10h0V9.993h0V9.986h0V9.978h0V9.9ZM17.212,4.616l-1.7,1.273a6.836,6.836,0,0,1,1,1.906l2.014-.681a8.934,8.934,0,0,0-1.315-2.5ZM12.657,1.4,12.03,3.43a6.822,6.822,0,0,1,1.932.952L15.19,2.646c-.112-.079-.224-.154-.339-.228h0L14.8,2.385h0l-.005,0h0l-.017-.01h0l-.005,0h0l-.011-.007h0l-.005,0h0l-.005,0h0l-.005,0h0l-.011-.007h0l0,0h0l0,0h0l-.011-.007h0l0,0h0l0,0h0l0,0h0l0,0h0l0,0h0l0,0h0l0,0h0l-.005,0,0,0,0,0h0l0,0h0l0,0,0,0-.005,0h0l0,0h0l0,0h0l0,0,0,0h0l0,0-.005,0h0l0,0h0l0,0,0,0h0l0,0h0l-.006,0,0,0,0,0h0l0,0h0l0,0h0l-.007-.005h0l0,0h0l0,0h0l0,0h0l-.012-.008h0l0,0h0l0,0h0l-.013-.008h0l0,0h0l0,0h0l-.018-.01h0l0,0h0l-.018-.011h0l0,0h0l-.023-.014h0a9.076,9.076,0,0,0-1.384-.634h0l-.025-.009h0l0,0h0l-.021-.007h-.011L12.961,1.5H12.95l-.015-.006h-.012l-.014,0h-.018l-.009,0h-.018l-.009,0h-.021l-.006,0h0l0,0h-.047l-.006,0h-.02l-.007,0h-.014l0,0h0l-.006,0h0l-.005,0h0l0,0h0l-.005,0h0l-.013,0h-.02l-.006,0Z",
+                    fill: "currentColor"
+                }),
+                /*#__PURE__*/ jsxs("g", {
+                    fill: "none",
+                    strokeMiterlimit: "10",
+                    children: [
+                        /*#__PURE__*/ jsx("path", {
+                            d: "M11,9V5H9v6h6V9Z",
+                            stroke: "none"
+                        }),
+                        /*#__PURE__*/ jsx("path", {
+                            d: "M 15 11 L 9 11 L 9 5 L 11 5 L 11 9 L 15 9 L 15 11 Z",
+                            fill: "currentColor",
+                            stroke: "none"
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+
 function Close({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
@@ -18316,58 +18467,51 @@ function ControlUnit$1({ color, size, title, ...nativeProps }) {
         $color: color,
         $size: size,
         title: title,
-        children: /*#__PURE__*/ jsx("svg", {
+        children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
             width: "20",
             ...nativeProps,
-            children: /*#__PURE__*/ jsxs("g", {
-                transform: "translate(80 205)",
-                children: [
-                    /*#__PURE__*/ jsxs("g", {
-                        children: [
-                            /*#__PURE__*/ jsx("rect", {
-                                fill: "currentColor",
-                                height: "12",
-                                transform: "translate(-64 -188) rotate(90)",
-                                width: "2"
-                            }),
-                            /*#__PURE__*/ jsx("path", {
-                                d: "M-67.694-199l1.333,8h-7.277l1.336-8Zm0-2h-4.6a2,2,0,0,0-1.977,1.675L-76-189h12l-1.721-10.325A2,2,0,0,0-67.7-201Z",
-                                fill: "currentColor"
-                            }),
-                            /*#__PURE__*/ jsx("rect", {
-                                fill: "currentColor",
-                                height: "2.25",
-                                transform: "translate(-70.75 -204.25)",
-                                width: "1.5"
-                            }),
-                            /*#__PURE__*/ jsx("rect", {
-                                fill: "currentColor",
-                                height: "2.25",
-                                transform: "translate(-64.061 -203) rotate(45)",
-                                width: "1.5"
-                            }),
-                            /*#__PURE__*/ jsx("rect", {
-                                fill: "currentColor",
-                                height: "2.25",
-                                transform: "translate(-77 -201.939) rotate(-45)",
-                                width: "1.5"
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ jsx("rect", {
-                        fill: "none",
-                        height: "20",
-                        transform: "translate(-80 -205)",
-                        width: "20"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M-80-205h20v20H-80Z",
-                        fill: "none"
-                    })
-                ]
-            })
+            children: [
+                /*#__PURE__*/ jsxs("g", {
+                    transform: "translate(80 205)",
+                    children: [
+                        /*#__PURE__*/ jsx("rect", {
+                            fill: "currentColor",
+                            height: "12",
+                            transform: "translate(-64 -188) rotate(90)",
+                            width: "2"
+                        }),
+                        /*#__PURE__*/ jsx("path", {
+                            d: "M-67.694-199l1.333,8h-7.277l1.336-8Zm0-2h-4.6a2,2,0,0,0-1.977,1.675L-76-189h12l-1.721-10.325A2,2,0,0,0-67.7-201Z",
+                            fill: "currentColor"
+                        }),
+                        /*#__PURE__*/ jsx("rect", {
+                            fill: "currentColor",
+                            height: "2.25",
+                            transform: "translate(-70.75 -204.25)",
+                            width: "1.5"
+                        }),
+                        /*#__PURE__*/ jsx("rect", {
+                            fill: "currentColor",
+                            height: "2.25",
+                            transform: "translate(-64.061 -203) rotate(45)",
+                            width: "1.5"
+                        }),
+                        /*#__PURE__*/ jsx("rect", {
+                            fill: "currentColor",
+                            height: "2.25",
+                            transform: "translate(-77 -201.939) rotate(-45)",
+                            width: "1.5"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx("rect", {
+                    fill: "none",
+                    height: "20",
+                    width: "20"
+                })
+            ]
         })
     });
 }
@@ -18377,44 +18521,51 @@ function ControlUnitFilled({ color, size, title, ...nativeProps }) {
         $color: color,
         $size: size,
         title: title,
-        children: /*#__PURE__*/ jsx("svg", {
-            height: "18.25",
-            viewBox: "0 0 14 18.25",
-            width: "14",
+        children: /*#__PURE__*/ jsxs("svg", {
+            height: "20",
+            viewBox: "0 0 20 20",
+            width: "20",
             ...nativeProps,
-            children: /*#__PURE__*/ jsxs("g", {
-                transform: "translate(77 204.25)",
-                children: [
-                    /*#__PURE__*/ jsx("rect", {
-                        fill: "currentColor",
-                        height: "12",
-                        transform: "translate(-64 -188) rotate(90)",
-                        width: "2"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M-67.7-201h-4.6a2,2,0,0,0-1.977,1.675L-76-189h12l-1.721-10.325A2,2,0,0,0-67.7-201Z",
-                        fill: "currentColor"
-                    }),
-                    /*#__PURE__*/ jsx("rect", {
-                        fill: "currentColor",
-                        height: "2.25",
-                        transform: "translate(-70.75 -204.25)",
-                        width: "1.5"
-                    }),
-                    /*#__PURE__*/ jsx("rect", {
-                        fill: "currentColor",
-                        height: "2.25",
-                        transform: "translate(-64.061 -203) rotate(45)",
-                        width: "1.5"
-                    }),
-                    /*#__PURE__*/ jsx("rect", {
-                        fill: "currentColor",
-                        height: "2.25",
-                        transform: "translate(-77 -201.939) rotate(-45)",
-                        width: "1.5"
-                    })
-                ]
-            })
+            children: [
+                /*#__PURE__*/ jsxs("g", {
+                    transform: "translate(80 205)",
+                    children: [
+                        /*#__PURE__*/ jsx("rect", {
+                            fill: "currentColor",
+                            height: "12",
+                            transform: "translate(-64 -188) rotate(90)",
+                            width: "2"
+                        }),
+                        /*#__PURE__*/ jsx("path", {
+                            d: "M-67.7-201h-4.6a2,2,0,0,0-1.977,1.675L-76-189h12l-1.721-10.325A2,2,0,0,0-67.7-201Z",
+                            fill: "currentColor"
+                        }),
+                        /*#__PURE__*/ jsx("rect", {
+                            fill: "currentColor",
+                            height: "2.25",
+                            transform: "translate(-70.75 -204.25)",
+                            width: "1.5"
+                        }),
+                        /*#__PURE__*/ jsx("rect", {
+                            fill: "currentColor",
+                            height: "2.25",
+                            transform: "translate(-64.061 -203) rotate(45)",
+                            width: "1.5"
+                        }),
+                        /*#__PURE__*/ jsx("rect", {
+                            fill: "currentColor",
+                            height: "2.25",
+                            transform: "translate(-77 -201.939) rotate(-45)",
+                            width: "1.5"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx("rect", {
+                    fill: "none",
+                    height: "20",
+                    width: "20"
+                })
+            ]
         })
     });
 }
@@ -18504,64 +18655,6 @@ function Display({ color, size, title, ...nativeProps }) {
     });
 }
 
-function Dot({ color, size, title, ...nativeProps }) {
-    return /*#__PURE__*/ jsx(IconBox, {
-        $color: color,
-        $size: size,
-        title: title,
-        children: /*#__PURE__*/ jsx("svg", {
-            height: "20",
-            viewBox: "0 0 20 20",
-            width: "20",
-            ...nativeProps,
-            children: /*#__PURE__*/ jsxs("g", {
-                fill: "none",
-                transform: "translate(1 1)",
-                children: [
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M9,2a7,7,0,1,0,7,7A7,7,0,0,0,9,2Z",
-                        stroke: "none"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M 9 4 C 6.242989540100098 4 4 6.242989540100098 4 9 C 4 11.75700950622559 6.242989540100098 14 9 14 C 11.75700950622559 14 14 11.75700950622559 14 9 C 14 6.242989540100098 11.75700950622559 4 9 4 M 9 2 C 12.86574935913086 2 16 5.134249687194824 16 9 C 16 12.86574935913086 12.86574935913086 16 9 16 C 5.134249687194824 16 2 12.86574935913086 2 9 C 2 5.134249687194824 5.134249687194824 2 9 2 Z",
-                        fill: "currentColor",
-                        stroke: "none"
-                    })
-                ]
-            })
-        })
-    });
-}
-
-function DotFilled({ color, size, title, ...nativeProps }) {
-    return /*#__PURE__*/ jsx(IconBox, {
-        $color: color,
-        $size: size,
-        title: title,
-        children: /*#__PURE__*/ jsxs("svg", {
-            height: "20",
-            viewBox: "0 0 20 20",
-            width: "20",
-            ...nativeProps,
-            children: [
-                /*#__PURE__*/ jsx("g", {
-                    transform: "translate(1 1)",
-                    children: /*#__PURE__*/ jsx("path", {
-                        d: "M9,2a7,7,0,1,0,7,7A7,7,0,0,0,9,2Z",
-                        fill: "currentColor",
-                        transform: "translate(0 0)"
-                    })
-                }),
-                /*#__PURE__*/ jsx("rect", {
-                    fill: "none",
-                    height: "20",
-                    width: "20"
-                })
-            ]
-        })
-    });
-}
-
 function DoubleChevron({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
@@ -21355,11 +21448,15 @@ var index = /*#__PURE__*/Object.freeze({
 	Anchor: Anchor,
 	Archive: Archive,
 	Attention: Attention,
+	AttentionFilled: AttentionFilled,
 	Calendar: Calendar,
 	Car: Car,
 	Check: Check,
 	Chevron: Chevron,
+	Circle: Circle,
+	CircleFilled: CircleFilled,
 	Clock: Clock,
+	ClockDashed: ClockDashed,
 	Close: Close,
 	Comment: Comment,
 	Confirm: Confirm,
@@ -21367,8 +21464,6 @@ var index = /*#__PURE__*/Object.freeze({
 	ControlUnitFilled: ControlUnitFilled,
 	Delete: Delete,
 	Display: Display,
-	Dot: Dot,
-	DotFilled: DotFilled,
 	DoubleChevron: DoubleChevron,
 	Download: Download,
 	Drapeau: Drapeau,
@@ -52863,7 +52958,7 @@ function Notifier({ isSideWindow = false }) {
 // We need to retype `ToastContainer` manually because `styled-components` mess up with the `children` prop
 const StyledToastContainer = styled(k)``;
 
-const ICON_SIZE = {
+const ICON_SIZE$1 = {
     [Size.LARGE]: 20,
     [Size.NORMAL]: 20,
     [Size.SMALL]: 12
@@ -52883,7 +52978,7 @@ function Button$1({ accent = Accent.PRIMARY, children, className, Icon, isFullWi
     const commonChildren = useMemo(()=>/*#__PURE__*/ jsxs(Fragment, {
             children: [
                 Icon && /*#__PURE__*/ jsx(Icon, {
-                    size: ICON_SIZE[size]
+                    size: ICON_SIZE$1[size]
                 }),
                 children && /*#__PURE__*/ jsx(ButtonLabel, {
                     children: children
@@ -52935,7 +53030,7 @@ function Button$1({ accent = Accent.PRIMARY, children, className, Icon, isFullWi
             });
     }
 }
-const FONT_SIZE = {
+const FONT_SIZE$1 = {
     [Size.LARGE]: '13px',
     [Size.NORMAL]: '13px',
     [Size.SMALL]: '11px'
@@ -52948,7 +53043,7 @@ const PADDING$2 = {
 const StyledButton$1 = styled.button`
   align-items: center;
   display: inline-flex;
-  font-size: ${(p)=>FONT_SIZE[p.size]};
+  font-size: ${(p)=>FONT_SIZE$1[p.size]};
   justify-content: center;
   max-width: 100%;
   padding: ${(p)=>PADDING$2[p.size]};
@@ -53269,12 +53364,12 @@ const MenuButton = styled(IconButton)`
 `;
 
 function Menu({ children }) {
-    return /*#__PURE__*/ jsx(Wrapper, {
+    return /*#__PURE__*/ jsx(Wrapper$1, {
         role: "menu",
         children: children
     });
 }
-const Wrapper = styled.div`
+const Wrapper$1 = styled.div`
   background-color: ${(p)=>p.theme.color.charcoal};
   box-sizing: border-box;
   display: flex;
@@ -53456,25 +53551,6 @@ const MapMenuDialog = {
     VisibilityButton
 };
 
-const DEFAULT_SIZE = 20;
-const ExclamationPoint = styled.span`
-  background: ${(p)=>p.backgroundColor ?? p.theme.color.goldenPoppy};
-  border-radius: ${(p)=>`${p.size ?? DEFAULT_SIZE}px`};
-  color: ${(p)=>p.color ?? p.theme.color.white};
-  display: inline-flex; /* use flexbox for easier centering */
-  justify-content: center; /* center content horizontally */
-  align-items: center; /* center content vertically */
-  font-size: ${(p)=>`${p.size && p.size <= 13 ? p.size : 13}px`};
-  font-weight: 700;
-  height: ${(p)=>`${p.size ?? DEFAULT_SIZE}px`};
-  width: ${(p)=>`${p.size ?? DEFAULT_SIZE}px`};
-  box-sizing: border-box;
-
-  ::after {
-    content: '! ';
-  }
-`;
-
 function Message({ children, level = Level.WARNING, ...nativeProps }) {
     switch(level){
         case Level.WARNING:
@@ -53483,9 +53559,8 @@ function Message({ children, level = Level.WARNING, ...nativeProps }) {
                 color: THEME.color.slateGray,
                 ...nativeProps,
                 children: [
-                    /*#__PURE__*/ jsx(StyledExclamationPoint, {
-                        backgroundColor: THEME.color.goldenPoppy,
-                        color: THEME.color.white
+                    /*#__PURE__*/ jsx(AttentionFilled, {
+                        color: THEME.color.goldenPoppy
                     }),
                     /*#__PURE__*/ jsx(ChildrenContainer, {
                         children: children
@@ -53498,9 +53573,8 @@ function Message({ children, level = Level.WARNING, ...nativeProps }) {
                 color: THEME.color.slateGray,
                 ...nativeProps,
                 children: [
-                    /*#__PURE__*/ jsx(StyledExclamationPoint, {
-                        backgroundColor: THEME.color.goldenPoppy,
-                        color: THEME.color.white
+                    /*#__PURE__*/ jsx(AttentionFilled, {
+                        color: THEME.color.goldenPoppy
                     }),
                     /*#__PURE__*/ jsx(ChildrenContainer, {
                         children: children
@@ -53523,9 +53597,188 @@ const Box$c = styled.span`
   border-radius: 2px;
   font-size: 13px;
 `;
-const StyledExclamationPoint = styled(ExclamationPoint)`
-  flex-shrink: 0;
+
+const FONT_SIZE = {
+    [Size.LARGE]: '16px',
+    [Size.NORMAL]: '13px',
+    [Size.SMALL]: '11px'
+};
+const ICON_SIZE = {
+    [Size.LARGE]: 16,
+    [Size.NORMAL]: 13,
+    [Size.SMALL]: 11
+};
+const StyledLinkButton = styled.button`
+  display: flex;
+  flex-direction: row;
+  gap: 0.4rem;
+  align-items: flex-end;
+  background: transparent;
+  text-decoration: underline;
+  cursor: ${({ disabled })=>disabled ? 'none' : 'pointer'}};
+  font-size: ${({ size })=>FONT_SIZE[size]}};
+  color: ${(p)=>p.theme.color.slateGray};
+
+  &:hover,
+  &._hover {
+    color: ${(p)=>p.theme.color.blueYonder};
+    svg {
+      color: ${(p)=>p.theme.color.blueYonder};
+    }
+  }
+
+  &:active,
+  &._active {
+    color: ${(p)=>p.theme.color.blueGray};
+    svg {
+      color: ${(p)=>p.theme.color.blueGray};
+    }
+  }
+
+  &:disabled,
+  &._disabled {
+    color: ${(p)=>p.theme.color.lightGray};
+    svg {
+      color: ${(p)=>p.theme.color.lightGray};
+    }
+  }
 `;
+function LinkButton({ children, Icon, ...props }) {
+    return /*#__PURE__*/ jsx(StyledLinkButton, {
+        ...props,
+        children: /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                Icon && /*#__PURE__*/ jsx(Icon, {
+                    color: THEME.color.slateGray,
+                    size: ICON_SIZE[props.size]
+                }),
+                lodashExports.isString(children) ? /*#__PURE__*/ jsx("p", {
+                    children: children
+                }) : /*#__PURE__*/ jsx(Fragment, {
+                    children: children
+                })
+            ]
+        })
+    });
+}
+LinkButton.displayName = 'LinkButton';
+
+const getBannerPalette = (level)=>{
+    if (level === Level.ERROR) {
+        return {
+            backgroundColor: THEME.color.maximumRed15,
+            borderColor: THEME.color.maximumRed,
+            color: THEME.color.maximumRed
+        };
+    }
+    if (level === Level.WARNING) {
+        return {
+            backgroundColor: THEME.color.goldenPoppy25,
+            borderColor: THEME.color.goldenPoppy,
+            color: THEME.color.charcoal
+        };
+    }
+    return {
+        backgroundColor: THEME.color.mediumSeaGreen25,
+        borderColor: THEME.color.mediumSeaGreen,
+        color: THEME.color.mediumSeaGreen
+    };
+};
+
+const Wrapper = styled.div`
+  display: ${(p)=>p.$isHidden ? 'none' : 'flex'};
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  position: absolute;
+  background-color: ${(p)=>getBannerPalette(p.$level).backgroundColor};
+  width: 100%;
+  min-width: 100%;
+  max-width: 100%;
+  padding: 0 2rem;
+  top: ${(p)=>`${p.$top}`};
+  z-index: 1000;
+  height: ${(p)=>!p.$isHidden && p.$isCollapsed ? '10px' : '50px'};
+  border-bottom: ${({ $isCollapsible, $level })=>$isCollapsible ? `4px solid ${getBannerPalette($level).borderColor}` : 'none'};
+  box-shadow: ${({ $isCollapsible })=>$isCollapsible ? 'none' : '0px 3px 4px #7077854D'};
+  transition: height 0.3s ease;
+`;
+const ContentWrapper = styled.div`
+  color: ${(p)=>getBannerPalette(p.$level).color};
+  align-self: center;
+  flex-grow: 2;
+  text-align: center;
+  font-size: 16px;
+  font-weight: 500;
+`;
+const ButtonWrapper = styled.div`
+  align-self: center;
+`;
+function Banner({ children, isClosable, isCollapsible, isHiddenByDefault, level, top }) {
+    const [isHidden, setIsHidden] = useState(!!isHiddenByDefault);
+    const [isCollapsed, setIsCollapsed] = useState(false);
+    const [isCollapsing, setIsCollapsing] = useState(false);
+    const [hasCollapsed, setHasCollapsed] = useState(false);
+    const enterHover = ()=>{
+        if (!isHidden && isCollapsed && !isCollapsing) {
+            setIsCollapsed(false);
+        }
+        setIsCollapsing(false);
+    };
+    const leaveHover = ()=>{
+        if (!isHidden && hasCollapsed) {
+            setIsCollapsed(true);
+        }
+    };
+    const onClickAction = ()=>{
+        if (isClosable) {
+            setIsHidden(true);
+        } else if (isCollapsible) {
+            setIsCollapsing(true);
+            setIsCollapsed(true);
+            setHasCollapsed(true);
+        }
+    };
+    return /*#__PURE__*/ jsx(Wrapper, {
+        $isCollapsed: isCollapsed,
+        $isCollapsible: isCollapsible,
+        $isHidden: isHidden,
+        $level: level,
+        $top: top,
+        className: "banner",
+        onMouseEnter: enterHover,
+        onMouseLeave: leaveHover,
+        children: !isHidden && !isCollapsed && /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ jsx(ContentWrapper, {
+                    $level: level,
+                    children: lodashExports.isString(children) ? /*#__PURE__*/ jsx("p", {
+                        children: children
+                    }) : /*#__PURE__*/ jsx(Fragment, {
+                        children: children
+                    })
+                }),
+                /*#__PURE__*/ jsxs(ButtonWrapper, {
+                    className: "banner-button",
+                    onClick: ()=>onClickAction(),
+                    title: isClosable ? 'fermer' : 'masquer',
+                    children: [
+                        isClosable && /*#__PURE__*/ jsx(IconButton, {
+                            accent: Accent.TERTIARY,
+                            color: getBannerPalette(level).color,
+                            Icon: Close
+                        }),
+                        !isClosable && isCollapsible && /*#__PURE__*/ jsx(LinkButton, {
+                            size: Size.LARGE,
+                            children: "Masquer"
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+Banner.displayName = 'Banner';
 
 const Field$2 = styled.div.attrs((props)=>({
         className: classnames('Element-Field', props.className)
@@ -53628,16 +53881,10 @@ const Label = styled.label.attrs((props)=>({
       }`}
 `;
 
-function Tag({ accent, backgroundColor, borderColor, bullet, bulletColor, children, className, color, Icon, iconColor, isLight = false, withBullet = false, ...nativeProps }) {
-    // TODO remove all bullet and bulletColor related code
-    const withDot = useMemo(()=>(bullet === TagBullet.DISK || withBullet) && !Icon, [
-        bullet,
-        Icon,
-        withBullet
-    ]);
+function Tag({ accent, backgroundColor, borderColor, children, className, color, Icon, iconColor, isLight = false, withCircleIcon = false, ...nativeProps }) {
     const commonChildren = useMemo(()=>{
         const defaultColor = color ?? THEME.color.gunMetal;
-        const cutomIconColor = bulletColor ?? iconColor ?? (accent ? ({
+        const cutomIconColor = iconColor ?? (accent ? ({
             [Accent.PRIMARY]: THEME.color.gunMetal,
             [Accent.SECONDARY]: THEME.color.gunMetal,
             [Accent.TERTIARY]: THEME.color.white
@@ -53645,28 +53892,21 @@ function Tag({ accent, backgroundColor, borderColor, bullet, bulletColor, childr
         return /*#__PURE__*/ jsxs(Fragment, {
             children: [
                 Icon && /*#__PURE__*/ jsx(Icon, {
-                    color: cutomIconColor,
-                    size: 16
-                }),
-                withDot && /*#__PURE__*/ jsx(DotFilled, {
-                    color: cutomIconColor,
-                    size: 20
+                    color: cutomIconColor
                 }),
                 children
             ]
         });
     }, [
         accent,
-        bulletColor,
         color,
         children,
         Icon,
-        withDot,
         iconColor
     ]);
     const commonProps = useMemo(()=>({
             $isLight: isLight,
-            $withBullet: withDot,
+            $withCircleIcon: withCircleIcon,
             children: commonChildren,
             className: classnames('Element-Tag', className),
             ...nativeProps
@@ -53675,7 +53915,7 @@ function Tag({ accent, backgroundColor, borderColor, bullet, bulletColor, childr
         commonChildren,
         isLight,
         nativeProps,
-        withDot
+        withCircleIcon
     ]);
     switch(accent){
         case Accent.PRIMARY:
@@ -53700,7 +53940,6 @@ function Tag({ accent, backgroundColor, borderColor, bullet, bulletColor, childr
     }
 }
 const Box$a = styled.span`
-  align-items: ${(p)=>p.$withBullet ? 'flex-start' : 'end'};
   align-self: flex-start;
   background-color: ${(p)=>{
     if (p.$backgroundColor) {
@@ -53713,18 +53952,12 @@ const Box$a = styled.span`
   color: ${(p)=>p.$color ? p.$color : p.theme.color.gunMetal};
   display: inline-flex;
   font-size: 13px;
-  padding: ${(p)=>p.$withBullet ? '0px 6px 0px 0px' : '1px 8px 3px 8px'};
-
-  /* Bullet components are a span */
-  > span {
-    height: 16px;
-    margin-right: 4px;
-    width: 16px;
-  }
-
+  height: 22px;
+  line-height: normal;
+  padding: ${(p)=>p.$withCircleIcon ? '1px 8px 0px 1px' : '0px 8px'};
   /* SVG Icon components are wrapped within a <div /> */
   > div {
-    margin-right: ${(p)=>p.$withBullet ? '0px' : '4px'};
+    margin-right: 4px;
   }
 `;
 const PrimaryTag = styled(Box$a)`
@@ -68893,6 +69126,38 @@ function FormikToggle({ name, ...originalProps }) {
     });
 }
 
+const DEFAULT_SIZE = 20;
+const ExclamationPoint = styled.span`
+  background: ${(p)=>p.backgroundColor ?? p.theme.color.goldenPoppy};
+  border-radius: ${(p)=>`${p.size ?? DEFAULT_SIZE}px`};
+  color: ${(p)=>p.color ?? p.theme.color.white};
+  display: inline-flex; /* use flexbox for easier centering */
+  justify-content: center; /* center content horizontally */
+  align-items: center; /* center content vertically */
+  font-size: ${(p)=>`${p.size && p.size <= 13 ? p.size : 13}px`};
+  font-weight: 700;
+  height: ${(p)=>`${p.size ?? DEFAULT_SIZE}px`};
+  width: ${(p)=>`${p.size ?? DEFAULT_SIZE}px`};
+  box-sizing: border-box;
+
+  ::after {
+    content: '! ';
+  }
+`;
+
+const Dot = styled.span`
+  display: flex;
+  align-self: baseline;
+  border-style: solid;
+  border-width: 3px;
+  padding: 2px;
+  border-radius: 50%;
+  height: ${(p)=>p.$size ?? 20}px;
+  width: ${(p)=>p.$size ?? 20}px;
+  color: ${(p)=>p.$borderColor ?? p.theme.color.charcoal};
+  background-color: ${(p)=>p.$backgroundColor ?? 'transparent'};
+`;
+
 var ControlUnit;
 (function(ControlUnit) {
     (function(ControlUnitContactPredefinedName) {
@@ -69042,6 +69307,7 @@ var Mission;
         MissionSourceEnum["MONITORFISH"] = "MONITORFISH";
         MissionSourceEnum["POSEIDON_CACEM"] = "POSEIDON_CACEM";
         MissionSourceEnum["POSEIDON_CNSP"] = "POSEIDON_CNSP";
+        MissionSourceEnum["RAPPORTNAV"] = "RAPPORTNAV";
     })(Mission.MissionSourceEnum || (Mission.MissionSourceEnum = {}));
 })(Mission || (Mission = {}));
 
@@ -76230,4 +76496,4 @@ const undefineObjectProps = (record)=>Object.fromEntries(Object.entries(record).
     return value;
 }
 
-export { Accent, Button$1 as Button, CheckPicker, Checkbox, ControlUnit, CoordinatesFormat, CoordinatesInput, CustomSearch, DataTable, DatePicker, DateRangePicker, Dialog, Dropdown, ExclamationPoint, Field$2 as Field, FieldError, Fieldset, Figure, FormikCheckPicker, FormikCheckbox, FormikCoordinatesInput, FormikDatePicker, FormikDateRangePicker, FormikEffect, FormikMultiCascader, FormikMultiCheckbox, FormikMultiRadio, FormikMultiSelect, FormikNumberInput, FormikRichBooleanCheckbox, FormikSearch, FormikSelect, FormikTextInput, FormikTextarea, FormikToggle, GlobalStyle, index as Icon, IconButton, Label, Legend, Level, MapMenuDialog, Message, Mission, MultiCascader, MultiCheckbox, MultiRadio, MultiSelect, MultiZoneEditor, NewWindow, NewWindowContext, NotificationEvent, Notifier, NumberInput, OPENLAYERS_PROJECTION, OnlyFontGlobalStyle, Radio, RichBoolean, RichBooleanCheckbox, Search, Select, SideMenu, SimpleTable, SingleTag, Size, THEME, TableWithSelectableRows, Tag, TagBullet, TagGroup, TextInput, Textarea, ThemeProvider, Toggle, WSG84_PROJECTION, cleanString, coordinatesAreDistinct, customDayjs, getControlUnitResourceCategoryFromType, getCoordinates, getFilteredCollection, getHashFromCollection, getLocalizedDayjs, getMaybeBooleanFromRichBoolean, getOptionsFromIdAndName, getOptionsFromLabelledEnum, getPseudoRandomString, getSelectedOptionFromOptionValue, getSelectedOptionFromOptionValueInTree, getUtcizedDayjs, humanizePastDate, isArray, isDefined, isEmptyish, isNumeric, isObject, logSoftError, normalizeString, nullify, pluralize, sortCollectionByLocalizedProps, stopMouseEventPropagation, undefine, useClickOutsideEffect, useDeepCompareEffect, useFieldControl, useForceUpdate, useKey, useNewWindow, usePressEscapeEffect, usePrevious };
+export { Accent, Banner, Button$1 as Button, CheckPicker, Checkbox, ControlUnit, CoordinatesFormat, CoordinatesInput, CustomSearch, DataTable, DatePicker, DateRangePicker, Dialog, Dot, Dropdown, ExclamationPoint, Field$2 as Field, FieldError, Fieldset, Figure, FormikCheckPicker, FormikCheckbox, FormikCoordinatesInput, FormikDatePicker, FormikDateRangePicker, FormikEffect, FormikMultiCascader, FormikMultiCheckbox, FormikMultiRadio, FormikMultiSelect, FormikNumberInput, FormikRichBooleanCheckbox, FormikSearch, FormikSelect, FormikTextInput, FormikTextarea, FormikToggle, GlobalStyle, index as Icon, IconButton, Label, Legend, Level, LinkButton, MapMenuDialog, Message, Mission, MultiCascader, MultiCheckbox, MultiRadio, MultiSelect, MultiZoneEditor, NewWindow, NewWindowContext, NotificationEvent, Notifier, NumberInput, OPENLAYERS_PROJECTION, OnlyFontGlobalStyle, Radio, RichBoolean, RichBooleanCheckbox, Search, Select, SideMenu, SimpleTable, SingleTag, Size, THEME, TableWithSelectableRows, Tag, TagBullet, TagGroup, TextInput, Textarea, ThemeProvider, Toggle, WSG84_PROJECTION, cleanString, coordinatesAreDistinct, customDayjs, getControlUnitResourceCategoryFromType, getCoordinates, getFilteredCollection, getHashFromCollection, getLocalizedDayjs, getMaybeBooleanFromRichBoolean, getOptionsFromIdAndName, getOptionsFromLabelledEnum, getPseudoRandomString, getSelectedOptionFromOptionValue, getSelectedOptionFromOptionValueInTree, getUtcizedDayjs, humanizePastDate, isArray, isDefined, isEmptyish, isNumeric, isObject, logSoftError, normalizeString, nullify, pluralize, sortCollectionByLocalizedProps, stopMouseEventPropagation, undefine, useClickOutsideEffect, useDeepCompareEffect, useFieldControl, useForceUpdate, useKey, useNewWindow, usePressEscapeEffect, usePrevious };