@bigbinary/neetoui 5.2.46 → 6.0.0

package/formik.js

@@ -17812,8 +17812,7 @@ var Input$2 = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     required: required,
     "data-cy": "".concat(hyphenize(label), "-input-label"),
     htmlFor: id
-  }, labelProps), label), isCharacterLimitVisible && /*#__PURE__*/React__default.createElement(Typography, {
-    style: "body2",
+  }, labelProps), label), isCharacterLimitVisible && /*#__PURE__*/React__default.createElement("p", {
     className: classnames$1("neeto-ui-input__max-length", {
       "neeto-ui-input__max-length--error": maxLengthError
     })
@@ -17848,16 +17847,14 @@ var Input$2 = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     onChange: handleChange
   })), suffix && /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-input__suffix"
-  }, suffix)), !!error && /*#__PURE__*/React__default.createElement(Typography, {
+  }, suffix)), !!error && /*#__PURE__*/React__default.createElement("p", {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(label), "-input-error"),
-    id: errorId,
-    style: "body3"
-  }, error), helpText && /*#__PURE__*/React__default.createElement(Typography, {
+    id: errorId
+  }, error), helpText && /*#__PURE__*/React__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";
@@ -24835,13 +24832,13 @@ var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   }
   var isFilterEmailsLinkVisible = !!filterInvalidEmails && value.length > getValidEmailsCount(value);
   return /*#__PURE__*/React__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.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.createElement(Label, _extends$2({
+    required: required,
     className: "neeto-ui-email-input__label",
-    "data-cy": "".concat(hyphenize(label), "-input-label"),
-    required: required
+    "data-cy": "".concat(hyphenize(label), "-input-label")
   }, labelProps), label), isCounterVisible && /*#__PURE__*/React__default.createElement(Typography, {
     className: "neeto-ui-email-input__counter",
     "data-cy": "".concat(hyphenize(label), "-email-counter"),
@@ -24851,14 +24848,8 @@ var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     required: true,
     classNamePrefix: "neeto-ui-react-select",
     components: CUSTOM_COMPONENTS,
-    inputValue: inputValue,
     isDisabled: disabled,
-    isFocused: isFocused,
-    placeholder: placeholder,
-    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), {}, {
@@ -24868,7 +24859,6 @@ var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
       })
     }),
     onBlur: handleBlur,
-    onChange: onChange,
     onFocus: function onFocus() {
       return setIsFocused(true);
     },
@@ -24876,22 +24866,31 @@ var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
       return setInputValue(inputValue);
     },
     onKeyDown: handleKeyDown
+  }, _objectSpread$5(_objectSpread$5(_objectSpread$5({
+    inputValue: inputValue,
+    isFocused: isFocused,
+    onChange: onChange,
+    placeholder: placeholder,
+    ref: ref,
+    value: value,
+    visibleEmailsCount: visibleEmailsCount
   }, !isOptionsPresent && {
     menuIsOpen: false
-  }, otherProps, overrideProps)), /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-ui-email-input__bottom-info"
-  }, !!error && /*#__PURE__*/React__default.createElement(Typography, {
+  }), otherProps), overrideProps))), !!error && /*#__PURE__*/React__default.createElement(Typography, {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(label), "-input-error"),
     style: "body3"
-  }, error, isFilterEmailsLinkVisible && /*#__PURE__*/React__default.createElement("span", {
-    className: "neeto-ui-typography neeto-ui-text-body3 neeto-ui-font-semibold cursor-pointer",
+  }, error, isFilterEmailsLinkVisible && /*#__PURE__*/React__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.createElement(Typography, {
     className: "neeto-ui-input__help-text",
     "data-cy": "".concat(hyphenize(label), "-input-help"),
     style: "body3"
-  }, helpText)));
+  }, helpText));
 });
 MultiEmailInput.displayName = "MultiEmailInput";
 
@@ -25171,27 +25170,33 @@ var AsyncCreatableSelect = /*#__PURE__*/forwardRef$1(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.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.createElement("i", {
-    className: spinnerItemClassName
+    className: "neeto-ui-spinner__item"
   }), /*#__PURE__*/React__default.createElement("i", {
-    className: spinnerItemClassName
+    className: "neeto-ui-spinner__item"
   }), /*#__PURE__*/React__default.createElement("i", {
-    className: spinnerItemClassName
+    className: "neeto-ui-spinner__item"
   }), /*#__PURE__*/React__default.createElement("i", {
-    className: spinnerItemClassName
+    className: "neeto-ui-spinner__item"
   }));
 };
 
@@ -25764,8 +25769,7 @@ var Textarea = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     required: required,
     "data-cy": "".concat(hyphenize(label), "-label"),
     htmlFor: id
-  }, labelProps), label), isCharacterLimitVisible && /*#__PURE__*/React__default.createElement(Typography, {
-    style: "body2",
+  }, labelProps), label), isCharacterLimitVisible && /*#__PURE__*/React__default.createElement("p", {
     className: classnames$1("neeto-ui-input__max-length", {
       "neeto-ui-input__max-length--error": maxLengthError
     })
@@ -25789,15 +25793,13 @@ var Textarea = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   }), otherProps), {}, {
     onChange: onChange,
     value: value
-  })))), !!error && /*#__PURE__*/React__default.createElement(Typography, {
+  })))), !!error && /*#__PURE__*/React__default.createElement("p", {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(label), "-input-error"),
-    id: errorId,
-    style: "body3"
-  }, error), helpText && /*#__PURE__*/React__default.createElement(Typography, {
+    id: errorId
+  }, error), helpText && /*#__PURE__*/React__default.createElement("p", {
     className: "neeto-ui-input__help-text",
-    id: helpTextId,
-    style: "body3"
+    id: helpTextId
   }, helpText));
 });
 Textarea.displayName = "Textarea";