@bigbinary/neetoui 5.2.41 → 6.0.0-beta

package/formik.cjs.js

@@ -17827,15 +17827,11 @@ var Input$2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onChange(e);
   };
   var handleChange = rejectCharsRegex ? handleRegexChange : onChange;
-  var handleTrimmedChangeOnBlur = function handleTrimmedChangeOnBlur(e) {
-    if (disableTrimOnBlur || typeof value !== "string") return;
-    var trimmedValue = value.trim();
-    if (value === trimmedValue) return;
-    e.target.value = trimmedValue;
-    handleChange(e);
-  };
   var handleOnBlur = function handleOnBlur(e) {
-    handleTrimmedChangeOnBlur(e);
+    if (!disableTrimOnBlur && typeof value === "string") {
+      e.target.value = value.trim();
+      handleChange(e);
+    }
     onBlur === null || onBlur === void 0 || onBlur(e);
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -17846,8 +17842,7 @@ var Input$2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     required: required,
     "data-cy": "".concat(hyphenize(label), "-input-label"),
     htmlFor: id
-  }, labelProps), label), isCharacterLimitVisible && /*#__PURE__*/React__default["default"].createElement(Typography, {
-    style: "body2",
+  }, labelProps), label), isCharacterLimitVisible && /*#__PURE__*/React__default["default"].createElement("p", {
     className: classnames$1("neeto-ui-input__max-length", {
       "neeto-ui-input__max-length--error": maxLengthError
     })
@@ -17882,16 +17877,14 @@ var Input$2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onChange: handleChange
   })), suffix && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-input__suffix"
-  }, suffix)), !!error && /*#__PURE__*/React__default["default"].createElement(Typography, {
+  }, suffix)), !!error && /*#__PURE__*/React__default["default"].createElement("p", {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(label), "-input-error"),
-    id: errorId,
-    style: "body3"
-  }, error), helpText && /*#__PURE__*/React__default["default"].createElement(Typography, {
+    id: errorId
+  }, error), helpText && /*#__PURE__*/React__default["default"].createElement("p", {
     className: "neeto-ui-input__help-text",
     "data-cy": "".concat(hyphenize(label), "-input-help"),
-    id: helpTextId,
-    style: "body3"
+    id: helpTextId
   }, helpText));
 });
 Input$2.displayName = "Input";
@@ -24869,9 +24862,9 @@ var MultiEmailInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }
   var isFilterEmailsLinkVisible = !!filterInvalidEmails && value.length > getValidEmailsCount(value);
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-email-input"
+    className: "neeto-ui-input__wrapper neeto-ui-email-input__wrapper"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-flex neeto-ui-justify-between neeto-ui-email-input__title-row"
+    className: "neeto-ui-email-input__label-wrapper"
   }, label && /*#__PURE__*/React__default["default"].createElement(Label, _extends$2({
     className: "neeto-ui-email-input__label",
     "data-cy": "".concat(hyphenize(label), "-input-label"),
@@ -24892,7 +24885,7 @@ var MultiEmailInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     ref: ref,
     value: value,
     visibleEmailsCount: visibleEmailsCount,
-    className: classnames$1("neeto-ui-react-select__container neeto-ui-email-input__select", {
+    className: classnames$1("neeto-ui-react-select__container neeto-ui-react-select__container--medium neeto-ui-email-input__select", {
       "neeto-ui-react-select__container--error": !!error
     }),
     styles: _objectSpread$5(_objectSpread$5({}, CUSTOM_STYLES), {}, {
@@ -24912,20 +24905,21 @@ var MultiEmailInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onKeyDown: handleKeyDown
   }, !isOptionsPresent && {
     menuIsOpen: false
-  }, otherProps, overrideProps)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-email-input__bottom-info"
-  }, !!error && /*#__PURE__*/React__default["default"].createElement(Typography, {
+  }, otherProps, overrideProps)), !!error && /*#__PURE__*/React__default["default"].createElement(Typography, {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(label), "-input-error"),
     style: "body3"
-  }, error, isFilterEmailsLinkVisible && /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "neeto-ui-typography neeto-ui-text-body3 neeto-ui-font-semibold cursor-pointer",
+  }, error, isFilterEmailsLinkVisible && /*#__PURE__*/React__default["default"].createElement(Typography, {
+    className: "cursor-pointer",
+    component: "span",
+    style: "body3",
+    weight: "semibold",
     onClick: handleFilterEmails
   }, "\xA0", filterInvalidEmails.label ? filterInvalidEmails.label : "Click here to remove invalid emails.")), !!helpText && /*#__PURE__*/React__default["default"].createElement(Typography, {
     className: "neeto-ui-input__help-text",
     "data-cy": "".concat(hyphenize(label), "-input-help"),
     style: "body3"
-  }, helpText)));
+  }, helpText));
 });
 MultiEmailInput.displayName = "MultiEmailInput";
 
@@ -25205,27 +25199,33 @@ var AsyncCreatableSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, selectProps));
 });
 
+var SPINNER_SIZES = {
+  small: "small",
+  medium: "medium"
+};
 var Spinner = function Spinner(_ref) {
   var _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? "dark" : _ref$theme,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? SPINNER_SIZES.medium : _ref$size,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className;
-  var spinnerItemClassName = classnames$1("neeto-ui-spinner__item", {
-    "neeto-ui-bg-gray-800": theme === "dark"
-  }, {
-    "neeto-ui-bg-white": theme === "light"
-  });
   return /*#__PURE__*/React__default["default"].createElement("span", {
-    className: classnames$1("neeto-ui-spinner", [className]),
-    "data-testid": "spinner"
+    "data-testid": "spinner",
+    className: classnames$1("neeto-ui-spinner", {
+      "neeto-ui-spinner--dark": theme === "dark",
+      "neeto-ui-spinner--light": theme === "light",
+      "neeto-ui-spinner--size-small": size === SPINNER_SIZES.small,
+      "neeto-ui-spinner--size-medium": size === SPINNER_SIZES.medium
+    }, [className])
   }, /*#__PURE__*/React__default["default"].createElement("i", {
-    className: spinnerItemClassName
+    className: "neeto-ui-spinner__item"
   }), /*#__PURE__*/React__default["default"].createElement("i", {
-    className: spinnerItemClassName
+    className: "neeto-ui-spinner__item"
   }), /*#__PURE__*/React__default["default"].createElement("i", {
-    className: spinnerItemClassName
+    className: "neeto-ui-spinner__item"
   }), /*#__PURE__*/React__default["default"].createElement("i", {
-    className: spinnerItemClassName
+    className: "neeto-ui-spinner__item"
   }));
 };
 
@@ -25798,8 +25798,7 @@ var Textarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     required: required,
     "data-cy": "".concat(hyphenize(label), "-label"),
     htmlFor: id
-  }, labelProps), label), isCharacterLimitVisible && /*#__PURE__*/React__default["default"].createElement(Typography, {
-    style: "body2",
+  }, labelProps), label), isCharacterLimitVisible && /*#__PURE__*/React__default["default"].createElement("p", {
     className: classnames$1("neeto-ui-input__max-length", {
       "neeto-ui-input__max-length--error": maxLengthError
     })
@@ -25823,15 +25822,13 @@ var Textarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }), otherProps), {}, {
     onChange: onChange,
     value: value
-  })))), !!error && /*#__PURE__*/React__default["default"].createElement(Typography, {
+  })))), !!error && /*#__PURE__*/React__default["default"].createElement("p", {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(label), "-input-error"),
-    id: errorId,
-    style: "body3"
-  }, error), helpText && /*#__PURE__*/React__default["default"].createElement(Typography, {
+    id: errorId
+  }, error), helpText && /*#__PURE__*/React__default["default"].createElement("p", {
     className: "neeto-ui-input__help-text",
-    id: helpTextId,
-    style: "body3"
+    id: helpTextId
   }, helpText));
 });
 Textarea.displayName = "Textarea";