@mtes-mct/monitor-ui 2.18.1 → 2.19.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [2.18.1](https://github.com/MTES-MCT/monitor-ui/compare/v2.18.0...v2.18.1) (2023-02-17)
+
+
+### Bug Fixes
+
+* **elements:** center Button horizontally ([69004ea](https://github.com/MTES-MCT/monitor-ui/commit/69004eacf73d2cab3318653f769ca01d0521ffea))
+
 # [2.18.0](https://github.com/MTES-MCT/monitor-ui/compare/v2.17.0...v2.18.0) (2023-02-17)
 
 

package/index.js

@@ -5614,6 +5614,7 @@ const DDInput = styled.input `
 `;
 const CoordinatesType$2 = styled.span `
   margin-left: 7px;
+  color: ${p => p.theme.color.slateGray};
 `;
 const Error$2 = styled.span `
   color: red;
@@ -15616,6 +15617,7 @@ function DMDCoordinatesInput({ coordinates, coordinatesFormat, onChange }) {
 }
 const CoordinatesType$1 = styled.span `
   margin-left: 7px;
+  color: ${p => p.theme.color.slateGray};
 `;
 const Error$1 = styled.span `
   color: ${p => p.theme.color.maximumRed};
@@ -15641,13 +15643,14 @@ function DMSCoordinatesInput({ coordinates, coordinatesFormat, onChange }) {
 }
 const CoordinatesType = styled.span `
   margin-left: 7px;
+  color: ${p => p.theme.color.slateGray};
 `;
 const Box$2 = styled.div `
   font-size: 13px;
   text-align: left;
 `;
 
-function CoordinatesInput({ coordinatesFormat, defaultValue, onChange }) {
+function CoordinatesInput({ coordinatesFormat, defaultValue, isLight = false, onChange }) {
     const getCoordinatesInput = useCallback(() => {
         switch (coordinatesFormat) {
             case CoordinatesFormat.DEGREES_MINUTES_SECONDS:
@@ -15660,7 +15663,7 @@ function CoordinatesInput({ coordinatesFormat, defaultValue, onChange }) {
                 return undefined;
         }
     }, [defaultValue, onChange, coordinatesFormat]);
-    return jsx(Box$1, { children: getCoordinatesInput() });
+    return jsx(Box$1, { "$isLight": isLight, children: getCoordinatesInput() });
 }
 const Box$1 = styled.div `
   color: ${p => p.theme.color.lightGray};
@@ -15668,12 +15671,11 @@ const Box$1 = styled.div `
   text-align: left;
 
   input {
-    background: ${p => p.theme.color.gainsboro};
+    background-color: ${p => (p.$isLight ? p.theme.color.white : p.theme.color.gainsboro)};
     border: none;
     color: ${p => p.theme.color.gunMetal};
-    height: 27px;
-    margin-top: 7px;
-    padding-left: 8px;
+    height: 33px;
+    padding: 7px 11px;
   }
 `;