@bigbinary/neetoui 5.2.41 → 6.0.0-beta

package/index.js

@@ -6,8 +6,8 @@ import { preprocessForSerialization, isPresent, _existsBy, camelToSnakeCase, mod
 import require$$0 from 'util';
 import { Link, useLocation, useHistory, NavLink } from 'react-router-dom';
 import ReactDOM, { createPortal, findDOMNode as findDOMNode$1 } from 'react-dom';
-import _DatePicker from 'antd/lib/date-picker';
 import _ConfigProvider from 'antd/lib/config-provider';
+import _DatePicker from 'antd/lib/date-picker';
 import _Slider from 'antd/lib/slider';
 import _Table from 'antd/lib/table';
 import { t as t$1 } from 'i18next';
@@ -9449,10 +9449,7 @@ var Item$2 = function Item(_ref) {
       }
     }
   }, /*#__PURE__*/React__default.createElement("div", _extends$4({}, titleProps, {
-    className: classnames$1("neeto-ui-accordion__item-handle neeto-ui-flex neeto-ui-flex-grow neeto-ui-items-center neeto-ui-break-words", {
-      "neeto-ui-text-gray-700": !isOpen,
-      "neeto-ui-text-gray-800": isOpen
-    })
+    className: "neeto-ui-accordion__item-handle neeto-ui-flex neeto-ui-flex-grow neeto-ui-items-center neeto-ui-break-words"
   }), title), /*#__PURE__*/React__default.createElement(motion.div, {
     animate: isOpen ? "open" : "collapsed",
     className: "neeto-ui-accordion__item-toggle-icon neeto-ui-flex-grow-0",
@@ -9468,11 +9465,7 @@ var Item$2 = function Item(_ref) {
       }
     }
   }, /*#__PURE__*/React__default.createElement(Right, _extends$4({
-    size: 16,
-    className: classnames$1({
-      "neeto-ui-text-gray-700": !isOpen,
-      "neeto-ui-text-gray-800": isOpen
-    })
+    size: 16
   }, iconProps)))), /*#__PURE__*/React__default.createElement(Collapse, {
     "aria-labelledby": "neeto-ui-accordion-item-".concat(id),
     className: "neeto-ui-accordion__drop",
@@ -9505,9 +9498,9 @@ var Accordion = function Accordion(_ref) {
     setOpenTab(defaultActiveKey);
   }, [defaultActiveKey]);
   return /*#__PURE__*/React__default.createElement("div", {
-    className: classnames$1(_defineProperty$7({
-      "neeto-ui-accordions-outer-wrapper": padded,
-      "neeto-ui-bg-gray-100": style === ACCORDION_STYLES.secondary
+    className: classnames$1("neeto-ui-accordions-outer-wrapper", _defineProperty$7({
+      "neeto-ui-accordions-outer-wrapper--padded": padded,
+      "neeto-ui-accordions-outer-wrapper--secondary": style === ACCORDION_STYLES.secondary
     }, className, className))
   }, React__default.Children.map(children, function (child, index) {
     var isSingleOrLastChild = isEmpty(children) || index === children.length - 1;
@@ -19011,11 +19004,12 @@ var Avatar = function Avatar(_ref) {
   var isMedium = size === "medium";
   var isLarge = size === "large";
   var isExtraLarge = size === "extraLarge";
-  var imageContainerStyle = {
-    height: SIZE[size],
-    width: SIZE[size]
-  };
-  var imageClasses = classnames$1("neeto-ui-avatar ", {
+  var containerClasses = classnames$1("neeto-ui-avatar__container neeto-ui-select-none", {
+    "neeto-ui-avatar__container--medium": isMedium,
+    "neeto-ui-avatar__container--large": isLarge,
+    "neeto-ui-avatar__container--xlarge": isExtraLarge
+  }, [className]);
+  var imageClasses = classnames$1("neeto-ui-avatar", {
     "neeto-ui-avatar--medium": isMedium,
     "neeto-ui-avatar--large": isLarge,
     "neeto-ui-avatar--xlarge": isExtraLarge,
@@ -19039,9 +19033,8 @@ var Avatar = function Avatar(_ref) {
     disabled: !showTooltip,
     position: "bottom"
   }, tooltipProps), /*#__PURE__*/React__default.createElement("span", _extends$4({
+    className: containerClasses,
     "data-testid": "avatar",
-    style: imageContainerStyle,
-    className: classnames$1("neeto-ui-avatar--container neeto-ui-select-none", className),
     onClick: onClick
   }, otherProps), /*#__PURE__*/React__default.createElement(Indicator, null), shouldDisplayFallbackAvatar ? /*#__PURE__*/React__default.createElement(FallbackAvatar, {
     className: "neeto-ui-avatar__svg",
@@ -19086,9 +19079,7 @@ var Callout = function Callout(_ref) {
   }, otherProps), icon && /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-callout__icon",
     "data-testid": "callout-icon"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    size: 20
-  })), children);
+  }, /*#__PURE__*/React__default.createElement(Icon, null)), children);
 };
 
 var _excluded$v = ["children", "className", "required", "helpIconProps"],
@@ -20988,7 +20979,58 @@ var DatePicker = /*#__PURE__*/forwardRef$1(function (_ref2, ref) {
   var handleOnChange = function handleOnChange(date, dateString) {
     type === "range" && !date ? onChange([], dateString) : onChange(date, dateString);
   };
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React__default.createElement(_ConfigProvider, {
+    theme: {
+      token: _objectSpread$j({}, ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
+      components: {
+        DatePicker: {
+          activeBg: "rgb(var(--neeto-ui-white))",
+          activeBorderColor: "rgb(var(--neeto-ui-primary-500))",
+          addonBg: "rgb(var(--neeto-ui-gray-100))",
+          cellActiveWithRangeBg: "rgb(var(--neeto-ui-primary-100))",
+          cellBgDisabled: "rgb(var(--neeto-ui-gray-100))",
+          cellHoverBg: "rgb(var(--neeto-ui-gray-200))",
+          cellHoverWithRangeBg: "rgb(var(--neeto-ui-primary-100))",
+          cellRangeBorderColor: "rgb(var(--neeto-ui-primary-100))",
+          hoverBg: "rgb(var(--neeto-ui-white))",
+          hoverBorderColor: "rgb(var(--neeto-ui-primary-500))",
+          // Global overrides
+          colorBgContainer: "rgb(var(--neeto-ui-white))",
+          colorBgElevated: "rgb(var(--neeto-ui-white))",
+          colorPrimary: "rgb(var(--neeto-ui-primary-500))",
+          colorPrimaryBorder: "rgb(var(--neeto-ui-primary-100))",
+          colorPrimaryHover: "rgb(var(--neeto-ui-primary-600))",
+          colorBorder: "rgb(var(--neeto-ui-gray-300))",
+          colorError: "rgb(var(--neeto-ui-error-500))",
+          colorErrorHover: "rgb(var(--neeto-ui-error-600))",
+          colorErrorOutline: "rgb(var(--neeto-ui-error-100))",
+          colorFillAlter: "rgb(var(--neeto-ui-gray-100))",
+          colorIcon: "rgb(var(--neeto-ui-gray-700))",
+          colorIconHover: "rgb(var(--neeto-ui-gray-800))",
+          colorLink: "rgb(var(--neeto-ui-primary-500))",
+          colorLinkHover: "rgb(var(--neeto-ui-primary-600))",
+          colorLinkActive: "rgb(var(--neeto-ui-primary-800))",
+          colorSplit: "rgb(var(--neeto-ui-gray-200))",
+          colorText: "rgb(var(--neeto-ui-gray-800))",
+          colorTextDescription: "rgb(var(--neeto-ui-gray-700))",
+          colorTextDisabled: "rgb(var(--neeto-ui-gray-500))",
+          colorTextHeading: "rgb(var(--neeto-ui-black))",
+          colorTextLightSolid: "rgb(var(--neeto-ui-white))",
+          colorTextPlaceholder: "rgb(var(--neeto-ui-gray-400))",
+          colorTextQuaternary: "rgb(var(--neeto-ui-gray-400))",
+          colorWarning: "rgb(var(--neeto-ui-warning-500))",
+          colorWarningHover: "rgb(var(--neeto-ui-warning-600))",
+          colorWarningOutline: "rgb(var(--neeto-ui-warning-100))",
+          controlItemBgActive: "rgb(var(--neeto-ui-pastel-purple))",
+          controlItemBgHover: "rgb(var(--neeto-ui-gray-100))",
+          controlOutline: "rgb(var(--neeto-ui-gray-300))",
+          // Sizes
+          cellHeight: 32,
+          padding: 22
+        }
+      }
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-input__wrapper"
   }, label && /*#__PURE__*/React__default.createElement(Label, _objectSpread$j({
     required: required
@@ -21041,7 +21083,7 @@ var DatePicker = /*#__PURE__*/forwardRef$1(function (_ref2, ref) {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(label), "-input-error"),
     id: errorId
-  }, error));
+  }, error)));
 });
 DatePicker.displayName = "DatePicker";
 
@@ -21113,15 +21155,11 @@ var Input$3 = /*#__PURE__*/forwardRef$1(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.createElement("div", {
@@ -21132,8 +21170,7 @@ var Input$3 = /*#__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
     })
@@ -21168,16 +21205,14 @@ var Input$3 = /*#__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$3.displayName = "Input";
@@ -28160,9 +28195,9 @@ 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$4({
     className: "neeto-ui-email-input__label",
     "data-cy": "".concat(hyphenize(label), "-input-label"),
@@ -28183,7 +28218,7 @@ var MultiEmailInput = /*#__PURE__*/forwardRef$1(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$g(_objectSpread$g({}, CUSTOM_STYLES), {}, {
@@ -28203,20 +28238,21 @@ var MultiEmailInput = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     onKeyDown: handleKeyDown
   }, !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";
 
@@ -28261,17 +28297,17 @@ var NoData = function NoData(_ref) {
     lineHeight: "none",
     style: "h3"
   }, title), description && /*#__PURE__*/React__default.createElement(Typography, {
-    className: "neeto-ui-text-center neeto-ui-mt-2",
+    className: "neeto-ui-text-center neeto-ui-no-data__description",
     "data-cy": "no-data-description",
     lineHeight: "normal",
     style: "body2"
   }, description), helpText && /*#__PURE__*/React__default.createElement(Typography, {
-    className: "neeto-ui-mt-2 neeto-ui-text-center",
+    className: "neeto-ui-text-center neeto-ui-no-data__help-text",
     "data-cy": "no-data-help-text",
     lineHeight: "normal",
     style: "body2"
   }, helpText), (hasPrimaryButtonProps || hasSecondaryButtonProps) && /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-ui-no-data__action-block neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-gap-2"
+    className: "neeto-ui-no-data__action-block neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center"
   }, hasPrimaryButtonProps && /*#__PURE__*/React__default.createElement(Button, _extends$4({
     "data-cy": "no-data-primary-button"
   }, primaryButtonProps)), showButtonSeparator && /*#__PURE__*/React__default.createElement(Typography, {
@@ -28461,7 +28497,7 @@ var Footer = function Footer(_ref) {
   var children = _ref.children,
     className = _ref.className;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: classnames$1("neeto-ui-pane__footer neeto-ui-shadow-m neeto-ui-flex neeto-ui-items-center", className)
+    className: classnames$1("neeto-ui-pane__footer neeto-ui-flex neeto-ui-items-center", className)
   }, children);
 };
 
@@ -28829,27 +28865,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"
   }));
 };
 
@@ -33836,8 +33878,56 @@ var Table = function Table(_ref) {
       return (index + 1) * rowsPerPage;
     });
   };
+  var neetoUIFontBold = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--neeto-ui-font-bold"), 10);
   var renderTable = function renderTable() {
-    return /*#__PURE__*/React__default.createElement(_Table, _extends$4({
+    return /*#__PURE__*/React__default.createElement(_ConfigProvider, {
+      theme: {
+        token: _objectSpread$6({}, ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
+        components: {
+          Pagination: {
+            itemActiveBg: "rgb(var(--neeto-ui-primary-500))",
+            itemActiveBgDisabled: "rgb(var(--neeto-ui-gray-100))",
+            itemActiveColorDisabled: "rgb(var(--neeto-ui-gray-300))",
+            itemBg: "rgb(var(--neeto-ui-white))",
+            itemInputBg: "rgb(var(--neeto-ui-white))",
+            itemLinkBg: "rgb(var(--neeto-ui-white))",
+            // Global overrides
+            colorBgContainer: "rgb(var(--neeto-ui-primary-500))",
+            colorPrimary: "rgb(var(--neeto-ui-white))",
+            colorPrimaryHover: "rgb(var(--neeto-ui-white))",
+            colorBgTextHover: "rgb(var(--neeto-ui-gray-200))",
+            borderRadius: 6
+          },
+          Table: {
+            headerBorderRadius: 0,
+            bodySortBg: "rgb(var(--neeto-ui-gray-100))",
+            borderColor: "rgb(var(--neeto-ui-gray-200))",
+            expandIconBg: "rgb(var(--neeto-ui-white))",
+            filterDropdownBg: "rgb(var(--neeto-ui-white))",
+            filterDropdownMenuBg: "rgb(var(--neeto-ui-white))",
+            fixedHeaderSortActiveBg: "rgb(var(--neeto-ui-gray-200))",
+            footerBg: "rgb(var(--neeto-ui-gray-100))",
+            footerColor: "rgb(var(--neeto-ui-gray-800))",
+            headerBg: "rgb(var(--neeto-ui-gray-100))",
+            headerColor: "rgb(var(--neeto-ui-gray-700))",
+            headerFilterHoverBg: "rgb(var(--neeto-ui-gray-100))",
+            headerSortActiveBg: "rgb(var(--neeto-ui-gray-200))",
+            headerSortHoverBg: "rgb(var(--neeto-ui-gray-200))",
+            headerSplitColor: "rgb(var(--neeto-ui-gray-200))",
+            rowExpandedBg: "rgb(var(--neeto-ui-gray-200))",
+            rowHoverBg: "rgb(var(--neeto-ui-gray-100))",
+            rowSelectedBg: "rgb(var(--neeto-ui-primary-100))",
+            rowSelectedHoverBg: "rgb(var(--neeto-ui-pastel-purple))",
+            stickyScrollBarBg: "rgb(var(--neeto-ui-primary-100))",
+            // Global overrides
+            colorPrimary: "rgb(var(--neeto-ui-primary-500))",
+            fontSize: 14,
+            fontWeightStrong: neetoUIFontBold,
+            paddingContentVerticalLG: 10
+          }
+        }
+      }
+    }, /*#__PURE__*/React__default.createElement(_Table, _extends$4({
       bordered: bordered,
       loading: loading,
       locale: locale,
@@ -33885,7 +33975,7 @@ var Table = function Table(_ref) {
           }
         };
       }
-    }, otherProps));
+    }, otherProps)));
   };
   useEffect(function () {
     setColumns(columnData);
@@ -33960,8 +34050,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
     })
@@ -33985,15 +34074,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";
@@ -34082,7 +34169,28 @@ var TimePicker$1 = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
       className: "neeto-ui-date-input-custom-panel__body"
     }, originalPanel));
   };
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React__default.createElement(_ConfigProvider, {
+    theme: {
+      token: _objectSpread$4({}, ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
+      components: {
+        DatePicker: {
+          // Global overrides
+          colorBgElevated: "rgb(var(--neeto-ui-white))",
+          colorPrimary: "rgb(var(--neeto-ui-primary-500))",
+          colorPrimaryHover: "rgb(var(--neeto-ui-primary-600))",
+          colorBorder: "rgb(var(--neeto-ui-gray-300))",
+          colorLink: "rgb(var(--neeto-ui-primary-500))",
+          colorLinkHover: "rgb(var(--neeto-ui-primary-600))",
+          colorText: "rgb(var(--neeto-ui-gray-800))",
+          colorTextDisabled: "rgb(var(--neeto-ui-gray-500))",
+          colorTextPlaceholder: "rgb(var(--neeto-ui-gray-400))",
+          controlItemBgActive: "rgb(var(--neeto-ui-primary-800))",
+          controlItemBgHover: "rgb(var(--neeto-ui-gray-100))",
+          controlOutline: "rgb(var(--neeto-ui-gray-300))"
+        }
+      }
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-input__wrapper"
   }, label && /*#__PURE__*/React__default.createElement(Label, _objectSpread$4({
     required: required
@@ -34120,7 +34228,7 @@ var TimePicker$1 = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(label), "-input-error"),
     id: errorId
-  }, error));
+  }, error)));
 });
 TimePicker$1.displayName = "TimePicker";