@mtes-mct/monitor-ui 3.6.0 → 3.7.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [3.7.0](https://github.com/MTES-MCT/monitor-ui/compare/v3.6.0...v3.7.0) (2023-03-17)
+
+
+### Features
+
+* **elements:** add classname .Field to Field ([a1dfc98](https://github.com/MTES-MCT/monitor-ui/commit/a1dfc985f87b32b2797a00f46ffef4dba4a16101))
+
+# [3.6.0](https://github.com/MTES-MCT/monitor-ui/compare/v3.5.0...v3.6.0) (2023-03-16)
+
+
+### Features
+
+* **css:** css for errors ([e0b5d51](https://github.com/MTES-MCT/monitor-ui/commit/e0b5d51281214db916103311dbe70ab871299d09))
+
 # [3.5.0](https://github.com/MTES-MCT/monitor-ui/compare/v3.4.0...v3.5.0) (2023-03-01)
 
 

package/index.js

@@ -2752,7 +2752,80 @@ const StyledIconButton = styled(IconButton) `
   }
 `;
 
-const Field$2 = styled.div `
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+var classnamesExports = {};
+var classnames = {
+  get exports(){ return classnamesExports; },
+  set exports(v){ classnamesExports = v; },
+};
+
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+(function (module) {
+	/* global define */
+
+	(function () {
+
+		var hasOwn = {}.hasOwnProperty;
+
+		function classNames() {
+			var classes = [];
+
+			for (var i = 0; i < arguments.length; i++) {
+				var arg = arguments[i];
+				if (!arg) continue;
+
+				var argType = typeof arg;
+
+				if (argType === 'string' || argType === 'number') {
+					classes.push(arg);
+				} else if (Array.isArray(arg)) {
+					if (arg.length) {
+						var inner = classNames.apply(null, arg);
+						if (inner) {
+							classes.push(inner);
+						}
+					}
+				} else if (argType === 'object') {
+					if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+						classes.push(arg.toString());
+						continue;
+					}
+
+					for (var key in arg) {
+						if (hasOwn.call(arg, key) && arg[key]) {
+							classes.push(key);
+						}
+					}
+				}
+			}
+
+			return classes.join(' ');
+		}
+
+		if (module.exports) {
+			classNames.default = classNames;
+			module.exports = classNames;
+		} else {
+			window.classNames = classNames;
+		}
+	}());
+} (classnames));
+
+var classNames = classnamesExports;
+
+const Field$2 = styled.div.attrs(props => ({
+    className: classNames('Field', props.className)
+})) `
   align-items: flex-start;
   display: flex;
   flex-direction: column;
@@ -3434,12 +3507,6 @@ disabled, onChange, onDisable) {
     }, [disabled, onChange, onDisable]);
 }
 
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
 /**
  * lodash (Custom Build) <https://lodash.com/>
  * Build: `lodash modularize exports="npm" -o ./`
@@ -5491,34 +5558,59 @@ const Box$4 = styled.div `
     > .rs-picker-toggle {
       background-color: ${p => (p.$isLight ? p.theme.color.white : p.theme.color.gainsboro)} !important;
       border: 0;
+      bottom: 0;
       cursor: inherit;
       font-size: 13px;
+      height: 30px;
       line-height: 1.3846;
-      padding: 5px 40px 5px 8px !important;
+      padding: 5px 40px 0 8px !important;
+      top: 0;
 
       > .rs-stack {
         > .rs-stack-item {
           > .rs-picker-toggle-placeholder {
             font-size: 13px;
-            line-height: 1.5385; // = 20px
+            line-height: 1;
+            vertical-align: 1px;
           }
 
-          > svg {
-            height: 18px;
+          .rs-picker-toggle-caret {
+            right: 10px;
+          }
+          .rs-picker-toggle-clean,
+          .rs-picker-toggle-caret {
+            padding: 0;
+            top: 5px;
           }
         }
       }
     }
 
     > .rs-picker-tag-wrapper {
+      min-height: 30px;
+      padding: 0 !important;
+
       > .rs-tag {
         background-color: ${p => (p.$isLight ? p.theme.color.gainsboro : p.theme.color.white)};
+        font-size: 11px;
+        line-height: 1.3636; // = 15px
+
+        > .rs-tag-icon-close {
+          bottom: 0;
+          padding: 3px 6px;
+
+          > svg {
+            height: 10px;
+            width: 10px;
+          }
+        }
       }
-      .rs-picker-search {
-        .rs-picker-search-input {
+
+      > .rs-picker-search {
+        > .rs-picker-search-input {
           padding: 0 8px !important;
 
-          input {
+          > input {
             font-size: 13px;
             line-height: 1.3846;
           }