code7-leia 0.1.158 → 0.1.160

package/dist/code7-leia.cjs.development.js

@@ -967,7 +967,7 @@ var SelectBox = /*#__PURE__*/styled__default.div(_templateObject2$5 || (_templat
 var OverSelect = /*#__PURE__*/styled__default.div(_templateObject3$4 || (_templateObject3$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n\n  input {\n    height: 43px;\n    width: 95%;\n    border: none;\n    margin: 1px;\n\n    &:focus {\n      outline: none;\n      box-shadow: 0 0 0 3px #6690ff;\n    }\n  }\n"])));
 var Checkboxes = /*#__PURE__*/styled__default.div(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n  background: white;\n  position: absolute;\n  width: 95%;\n  z-index: 10;\n\n  label {\n    padding: 10px 5px;\n  }\n"])));
 var CheckboxLabel = /*#__PURE__*/styled__default.label(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: block;\n\n  &:hover {\n    background-color: #6690ff;\n  }\n"])));
-var SelectedValues = /*#__PURE__*/styled__default.div(_templateObject6$1 || (_templateObject6$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  right: 5px;\n  top: 5px;\n  display: flex;\n  flex-wrap: wrap;\n"])));
+var SelectedValues = /*#__PURE__*/styled__default.div(_templateObject6$1 || (_templateObject6$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 9px;\n  display: flex;\n  flex-wrap: wrap;\n  margin-left: 5px;\n"])));
 var SelectedValue = /*#__PURE__*/styled__default.div(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: #6690ff;\n  color: white;\n  border-radius: 15px;\n  padding: 5px 10px;\n  margin-right: 5px;\n  margin-bottom: 5px;\n  white-space: nowrap;\n"])));
 
 var MultiSelect = function MultiSelect(_ref) {
@@ -1031,17 +1031,17 @@ var MultiSelect = function MultiSelect(_ref) {
       key: index,
       value: option.value
     }, option.label);
-  })), React__default.createElement(OverSelect, null, React__default.createElement("input", {
+  })), React__default.createElement(OverSelect, null, React__default.createElement(SelectedValues, null, presset.map(function (value, index) {
+    return React__default.createElement(SelectedValue, {
+      key: index
+    }, value);
+  })), React__default.createElement("input", {
     type: "text",
     placeholder: t.buttons.addNewOpinion,
     value: newOption,
     onChange: handleInputChange,
     onKeyPress: handleInputKeyPress
-  }), React__default.createElement(SelectedValues, null, presset.map(function (value, index) {
-    return React__default.createElement(SelectedValue, {
-      key: index
-    }, value);
-  })))), React__default.createElement(Checkboxes, {
+  }))), React__default.createElement(Checkboxes, {
     style: {
       display: expanded ? 'block' : 'none'
     }