@bigbinary/neetoui 6.0.1 → 6.0.2

package/formik.js

@@ -26572,10 +26572,9 @@ var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     required: required,
     className: "neeto-ui-email-input__label",
     "data-cy": "".concat(hyphenize(label), "-input-label")
-  }, labelProps), label), isCounterVisible && /*#__PURE__*/React__default.createElement(Typography, {
+  }, labelProps), label), isCounterVisible && /*#__PURE__*/React__default.createElement("p", {
     className: "neeto-ui-email-input__counter",
-    "data-cy": "".concat(hyphenize(label), "-email-counter"),
-    style: "body2"
+    "data-cy": "".concat(hyphenize(label), "-email-counter")
   }, getValidEmailsCount(value), " ", counter.label ? counter.label : renderDefaultText(getValidEmailsCount(value)))), /*#__PURE__*/React__default.createElement(CreatableSelect, _extends$2({
     isMulti: true,
     required: true,
@@ -26609,20 +26608,15 @@ var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     visibleEmailsCount: visibleEmailsCount
   }, !isOptionsPresent && {
     menuIsOpen: false
-  }), otherProps), overrideProps))), !!error && /*#__PURE__*/React__default.createElement(Typography, {
+  }), otherProps), overrideProps))), !!error && /*#__PURE__*/React__default.createElement("p", {
     className: "neeto-ui-input__error",
-    "data-cy": "".concat(hyphenize(label), "-input-error"),
-    style: "body3"
-  }, error, isFilterEmailsLinkVisible && /*#__PURE__*/React__default.createElement(Typography, {
-    className: "cursor-pointer",
-    component: "span",
-    style: "body3",
-    weight: "semibold",
+    "data-cy": "".concat(hyphenize(label), "-input-error")
+  }, error, isFilterEmailsLinkVisible && /*#__PURE__*/React__default.createElement("span", {
+    className: "neeto-ui-font-semibold cursor-pointer",
     onClick: handleFilterEmails
-  }, "\xA0", filterInvalidEmails.label ? filterInvalidEmails.label : "Click here to remove invalid emails.")), !!helpText && /*#__PURE__*/React__default.createElement(Typography, {
+  }, "\xA0", filterInvalidEmails.label ? filterInvalidEmails.label : "Click here to remove invalid emails.")), !!helpText && /*#__PURE__*/React__default.createElement("p", {
     className: "neeto-ui-input__help-text",
-    "data-cy": "".concat(hyphenize(label), "-input-help"),
-    style: "body3"
+    "data-cy": "".concat(hyphenize(label), "-input-help")
   }, helpText));
 });
 MultiEmailInput.displayName = "MultiEmailInput";
@@ -27322,16 +27316,14 @@ var Slider = function Slider(_ref) {
     value: value
   }, otherProps), {}, {
     id: id
-  }))), !!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",
     "data-cy": "".concat(hyphenize(label), "-input-help"),
-    id: helpTextId,
-    style: "body3"
+    id: helpTextId
   }, helpText)));
 };
 
@@ -27606,24 +27598,25 @@ var TreeSelect = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-input__wrapper"
   }, label && /*#__PURE__*/React__default.createElement(Label, {
-    "data-testid": "treeselect-label",
-    required: required
+    required: required,
+    "data-testid": "treeselect-label"
   }, label), /*#__PURE__*/React__default.createElement(_TreeSelect, _extends$2({
     allowClear: allowClear,
-    "data-cy": "neeto-ui-tree-select-wrapper",
     disabled: disabled,
-    dropdownStyle: {
-      zIndex: 100000
-    },
     fieldNames: fieldNames,
+    onChange: onChange,
     placeholder: placeholder,
-    popupClassName: "neeto-ui-tree-select-dropdown",
     ref: ref,
     showSearch: showSearch,
     size: size,
-    suffixIcon: /*#__PURE__*/React__default.createElement(SuffixIcon, null),
     treeData: treeData,
     treeDataSimpleMode: treeDataSimpleMode,
+    "data-cy": "neeto-ui-tree-select-wrapper",
+    dropdownStyle: {
+      zIndex: 100000
+    },
+    popupClassName: "neeto-ui-tree-select-dropdown",
+    suffixIcon: /*#__PURE__*/React__default.createElement(SuffixIcon, null),
     treeNodeFilterProp: (_fieldNames$label = fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) !== null && _fieldNames$label !== void 0 ? _fieldNames$label : "label",
     value: value || undefined,
     className: classnames$1("neeto-ui-tree-select__wrapper", className, {
@@ -27637,12 +27630,10 @@ var TreeSelect = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     }, "No options"),
     switcherIcon: function switcherIcon(props) {
       return /*#__PURE__*/React__default.createElement("div", props, /*#__PURE__*/React__default.createElement(SwitcherIcon, null));
-    },
-    onChange: onChange
-  }, otherProps)), error && /*#__PURE__*/React__default.createElement(Typography, {
+    }
+  }, otherProps)), error && /*#__PURE__*/React__default.createElement("p", {
     className: "neeto-ui-input__error",
-    "data-testid": "treeselect-error",
-    style: "body3"
+    "data-testid": "treeselect-error"
   }, error)));
 });
 TreeSelect.displayName = "TreeSelect";