@mtes-mct/monitor-ui 2.18.0 → 2.19.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [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)
+
+
+### Features
+
+* **elements:** add ellipsis to long Button labels ([287a56b](https://github.com/MTES-MCT/monitor-ui/commit/287a56bd1c598da0cd25feae50c466062cafc725))
+
 # [2.17.0](https://github.com/MTES-MCT/monitor-ui/compare/v2.16.0...v2.17.0) (2023-02-17)
 
 

package/index.js

@@ -2115,6 +2115,7 @@ const StyledButton$1 = styled.button `
   align-items: center;
   display: inline-flex;
   font-size: ${p => FONT_SIZE[p.size]};
+  justify-content: center;
   max-width: 100%;
   padding: ${p => PADDING$1[p.size]};
   width: ${p => (p.isFullWidth ? '100%' : 'auto')};
@@ -5613,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;
@@ -15615,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};
@@ -15640,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:
@@ -15659,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};
@@ -15667,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;
   }
 `;