@7shifts/sous-chef 1.5.0 → 1.5.4

package/dist/index.modern.js

@@ -84,6 +84,22 @@ var IconCalendar = function IconCalendar(_ref) {
   })));
 };
 
+var IconCheck = function IconCheck(_ref) {
+  var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'default' : _ref$size,
+      color = _ref.color;
+  return React__default.createElement("svg", {
+    viewBox: "0 0 20 20",
+    xmlns: "http://www.w3.org/2000/svg",
+    style: getIconStyles(size),
+    "data-testid": "icon-check",
+    className: styles['icon']
+  }, React__default.createElement("g", null, React__default.createElement("path", {
+    fill: color != null ? color : '',
+    d: "M7.32398 16.832C6.99989 17.1535 6.47654 17.1514 6.15507 16.8273L0.239745 10.8642C-0.0817202 10.5401 -0.0796538 10.0168 0.244429 9.69531L0.831292 9.1132C1.15538 8.79173 1.67873 8.7938 2.0002 9.11788L6.7513 13.9074L18.0092 2.73975C18.3333 2.41828 18.8567 2.42035 19.1781 2.74443L19.7602 3.33129C20.0818 3.65538 20.0796 4.17873 19.7555 4.5002L7.32398 16.832Z"
+  })));
+};
+
 var IconChevronDown = function IconChevronDown(_ref) {
   var _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'small' : _ref$size,
@@ -2489,7 +2505,12 @@ var PasswordCriteria = function PasswordCriteria(_ref) {
       children = _ref.children;
   return React__default.createElement("span", {
     className: classnames(styles$q['password-criteria'], (_classnames = {}, _classnames[styles$q['password-criteria--invalid']] = !met, _classnames))
-  }, "\u25CF ", children);
+  }, React__default.createElement(Inline, {
+    space: met ? 4 : 8
+  }, met ? React__default.createElement(IconCheck, {
+    size: "small",
+    color: GREY200
+  }) : "\u25CF", children));
 };
 
 var usePasswordCriteria = function usePasswordCriteria(criterias) {
@@ -2732,7 +2753,9 @@ var MultiSelectField = function MultiSelectField(_ref) {
       caption = _ref.caption,
       error = _ref.error,
       placeholder = _ref.placeholder,
-      disabled = _ref.disabled;
+      disabled = _ref.disabled,
+      _ref$closeOnSelect = _ref.closeOnSelect,
+      closeOnSelect = _ref$closeOnSelect === void 0 ? false : _ref$closeOnSelect;
   var controllers = useMultiSelectFieldControllers({
     name: name,
     id: inputId,
@@ -2763,6 +2786,7 @@ var MultiSelectField = function MultiSelectField(_ref) {
     onChange: controllers.onChange,
     onBlur: controllers.onBlur,
     isMulti: true,
+    closeMenuOnSelect: closeOnSelect,
     components: {
       Option: UserCustomOption ? function (props) {
         return React__default.createElement(CustomOption, Object.assign({
@@ -3823,5 +3847,5 @@ var Avatar = function Avatar(_ref) {
   }, badge));
 };
 
-export { Avatar, Badge$1 as Badge, Button$1 as Button, CheckboxField, DataTable, DataTableCell, DataTableEditableCell, DataTableRow, DateField, DateRangeField, Form, FormRow, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconCalendar, IconChevronDown, IconChevronUp, IconClose, IconComment, IconDelete, IconEdit, IconExclaim, IconEye, IconEyeSlash, IconLocation, IconMinusCircle, IconMore, IconRemove, IconUser, IconUserPlus, Inline, Modal, ModalBody, ModalFooter, MultiSelectField, PaginationControls, PasswordField, PillSelectField, RadioGroupField, RadioGroupOption, ResourceTable, ResourceTableRow, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT, SelectField, Spinner, Stack, TextAreaField, TextField$1 as TextField, Toggle, Tooltip$1 as Tooltip, WeekField };
+export { Avatar, Badge$1 as Badge, Button$1 as Button, CheckboxField, DataTable, DataTableCell, DataTableEditableCell, DataTableRow, DateField, DateRangeField, Form, FormRow, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconCalendar, IconCheck, IconChevronDown, IconChevronUp, IconClose, IconComment, IconDelete, IconEdit, IconExclaim, IconEye, IconEyeSlash, IconLocation, IconMinusCircle, IconMore, IconRemove, IconUser, IconUserPlus, Inline, Modal, ModalBody, ModalFooter, MultiSelectField, PaginationControls, PasswordField, PillSelectField, RadioGroupField, RadioGroupOption, ResourceTable, ResourceTableRow, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT, SelectField, Spinner, Stack, TextAreaField, TextField$1 as TextField, Toggle, Tooltip$1 as Tooltip, WeekField };
 //# sourceMappingURL=index.modern.js.map