@bigbinary/neetoui 8.2.23 → 8.2.24

package/dist/cjs/Avatar.js

@@ -11,15 +11,6 @@ var Tooltip = require('./Tooltip.js');
 require('@tippyjs/react');
 require('tippy.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Avvvatars__default = /*#__PURE__*/_interopDefaultLegacy(Avvvatars);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-
 var _excluded = ["size", "user", "status", "onClick", "className", "showTooltip", "tooltipProps"];
 var SIZE = {
   small: 24,
@@ -48,9 +39,9 @@ var Avatar = function Avatar(_ref) {
     showTooltip = _ref$showTooltip === void 0 ? false : _ref$showTooltip,
     _ref$tooltipProps = _ref.tooltipProps,
     tooltipProps = _ref$tooltipProps === void 0 ? {} : _ref$tooltipProps,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     isLoadingFailed = _useState2[0],
     setIsLoadingFailed = _useState2[1];
   var _user$name = user.name,
@@ -59,42 +50,42 @@ var Avatar = function Avatar(_ref) {
   var isMedium = size === "medium";
   var isLarge = size === "large";
   var isExtraLarge = size === "extraLarge";
-  var containerClasses = classnames__default["default"]("neeto-ui-avatar__container neeto-ui-select-none", {
+  var containerClasses = classnames("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__default["default"]("neeto-ui-avatar", {
+  var imageClasses = classnames("neeto-ui-avatar", {
     "neeto-ui-avatar--medium": isMedium,
     "neeto-ui-avatar--large": isLarge,
     "neeto-ui-avatar--xlarge": isExtraLarge,
     hidden: isLoadingFailed
   });
-  var statusClasses = classnames__default["default"]("neeto-ui-avatar__status", status, {
+  var statusClasses = classnames("neeto-ui-avatar__status", status, {
     "neeto-ui-avatar__status-medium": isMedium,
     "neeto-ui-avatar__status-large": isLarge,
     "neeto-ui-avatar__status-xlarge": isExtraLarge
   });
   var Indicator = function Indicator() {
-    return ramda.isNil(status) ? React__default["default"].Fragment : /*#__PURE__*/React__default["default"].createElement("span", {
+    return ramda.isNil(status) ? React.Fragment : /*#__PURE__*/React.createElement("span", {
       className: statusClasses,
       "data-testid": "indicator"
     });
   };
   var shouldDisplayFallbackAvatar = !(imageUrl && !isLoadingFailed);
-  return /*#__PURE__*/React__default["default"].createElement(Tooltip, _extends__default["default"]({
+  return /*#__PURE__*/React.createElement(Tooltip, _extends({
     content: name,
     disabled: !showTooltip,
     position: "bottom"
-  }, tooltipProps), /*#__PURE__*/React__default["default"].createElement("span", _extends__default["default"]({
+  }, tooltipProps), /*#__PURE__*/React.createElement("span", _extends({
     onClick: onClick,
     className: containerClasses,
     "data-testid": "avatar"
-  }, otherProps), /*#__PURE__*/React__default["default"].createElement(Indicator, null), shouldDisplayFallbackAvatar ? /*#__PURE__*/React__default["default"].createElement(Avvvatars__default["default"], {
+  }, otherProps), /*#__PURE__*/React.createElement(Indicator, null), shouldDisplayFallbackAvatar ? /*#__PURE__*/React.createElement(Avvvatars, {
     displayValue: getInitials(name),
     size: SIZE[size],
     value: name
-  }) : /*#__PURE__*/React__default["default"].createElement("img", {
+  }) : /*#__PURE__*/React.createElement("img", {
     alt: "avatar-".concat(name),
     className: imageClasses,
     src: imageUrl,

package/dist/cjs/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../src/components/Avatar.jsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport Avvvatars from \"avvvatars-react\";\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty, isNil } from \"ramda\";\n\nimport Tooltip from \"components/Tooltip\";\n\nconst SIZE = { small: 24, medium: 32, large: 40, extraLarge: 64 };\n\nconst STATUS = { online: \"online\", idle: \"idle\", offline: \"offline\" };\n\nconst getInitials = fullName => {\n  if (typeof fullName !== \"string\" || isEmpty(fullName)) return \" \";\n  const allNames = fullName.trim().split(\" \");\n  if (allNames.length === 1) return fullName.substring(0, 2).toUpperCase();\n\n  return `${allNames[0][0]}${allNames[allNames.length - 1][0]}`.toUpperCase();\n};\n\nconst Avatar = ({\n  size = \"medium\",\n  user = {},\n  status = null,\n  onClick = () => {},\n  className = \"\",\n  showTooltip = false,\n  tooltipProps = {},\n  ...otherProps\n}) => {\n  const [isLoadingFailed, setIsLoadingFailed] = useState(false);\n\n  const { name = \"\", imageUrl } = user;\n\n  const isMedium = size === \"medium\";\n  const isLarge = size === \"large\";\n  const isExtraLarge = size === \"extraLarge\";\n\n  const containerClasses = classNames(\n    \"neeto-ui-avatar__container neeto-ui-select-none\",\n    {\n      \"neeto-ui-avatar__container--medium\": isMedium,\n      \"neeto-ui-avatar__container--large\": isLarge,\n      \"neeto-ui-avatar__container--xlarge\": isExtraLarge,\n    },\n    className\n  );\n\n  const imageClasses = classNames(\"neeto-ui-avatar\", {\n    \"neeto-ui-avatar--medium\": isMedium,\n    \"neeto-ui-avatar--large\": isLarge,\n    \"neeto-ui-avatar--xlarge\": isExtraLarge,\n    hidden: isLoadingFailed,\n  });\n\n  const statusClasses = classNames(\"neeto-ui-avatar__status\", status, {\n    \"neeto-ui-avatar__status-medium\": isMedium,\n    \"neeto-ui-avatar__status-large\": isLarge,\n    \"neeto-ui-avatar__status-xlarge\": isExtraLarge,\n  });\n\n  const Indicator = () =>\n    isNil(status) ? (\n      React.Fragment\n    ) : (\n      <span className={statusClasses} data-testid=\"indicator\" />\n    );\n\n  const shouldDisplayFallbackAvatar = !(imageUrl && !isLoadingFailed);\n\n  return (\n    <Tooltip\n      content={name}\n      disabled={!showTooltip}\n      position=\"bottom\"\n      {...tooltipProps}\n    >\n      <span\n        {...{ onClick }}\n        className={containerClasses}\n        data-testid=\"avatar\"\n        {...otherProps}\n      >\n        <Indicator />\n        {shouldDisplayFallbackAvatar ? (\n          <Avvvatars\n            displayValue={getInitials(name)}\n            size={SIZE[size]}\n            value={name}\n          />\n        ) : (\n          <img\n            alt={`avatar-${name}`}\n            className={imageClasses}\n            src={imageUrl}\n            onError={() => setIsLoadingFailed(true)}\n          />\n        )}\n      </span>\n    </Tooltip>\n  );\n};\n\nAvatar.propTypes = {\n  /**\n   * Specify the dimension for Avatar component.\n   */\n  size: PropTypes.oneOf(Object.keys(SIZE)),\n  user: PropTypes.shape({\n    imageUrl: PropTypes.string,\n    name: PropTypes.string,\n  }),\n  /**\n   * To specify the action to be triggered on clicking the Avatar.\n   */\n  onClick: PropTypes.func,\n  /**\n   * To specify the status of the user if needed in Avatar component.\n   */\n  status: PropTypes.oneOf(Object.keys(STATUS)),\n  /**\n   * To display a tooltip with name of the user.\n   */\n  showTooltip: PropTypes.bool,\n  /**\n   * To specify the props to be passed to the tooltip.\n   */\n  tooltipProps: PropTypes.object,\n  /**\n   * To provide external classnames to Avatar component.\n   */\n  className: PropTypes.string,\n};\n\nexport default Avatar;\n"],"names":["SIZE","small","medium","large","extraLarge","getInitials","fullName","isEmpty","allNames","trim","split","length","substring","toUpperCase","concat","Avatar","_ref","_ref$size","size","_ref$user","user","_ref$status","status","_ref$onClick","onClick","_ref$className","className","_ref$showTooltip","showTooltip","_ref$tooltipProps","tooltipProps","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isLoadingFailed","setIsLoadingFailed","_user$name","name","imageUrl","isMedium","isLarge","isExtraLarge","containerClasses","classNames","imageClasses","hidden","statusClasses","Indicator","isNil","React","Fragment","createElement","shouldDisplayFallbackAvatar","Tooltip","_extends","content","disabled","position","Avvvatars","displayValue","value","alt","src","onError"],"mappings":"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"}
+{"version":3,"file":"Avatar.js","sources":["../../src/components/Avatar.jsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport Avvvatars from \"avvvatars-react\";\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty, isNil } from \"ramda\";\n\nimport Tooltip from \"components/Tooltip\";\n\nconst SIZE = { small: 24, medium: 32, large: 40, extraLarge: 64 };\n\nconst STATUS = { online: \"online\", idle: \"idle\", offline: \"offline\" };\n\nconst getInitials = fullName => {\n  if (typeof fullName !== \"string\" || isEmpty(fullName)) return \" \";\n  const allNames = fullName.trim().split(\" \");\n  if (allNames.length === 1) return fullName.substring(0, 2).toUpperCase();\n\n  return `${allNames[0][0]}${allNames[allNames.length - 1][0]}`.toUpperCase();\n};\n\nconst Avatar = ({\n  size = \"medium\",\n  user = {},\n  status = null,\n  onClick = () => {},\n  className = \"\",\n  showTooltip = false,\n  tooltipProps = {},\n  ...otherProps\n}) => {\n  const [isLoadingFailed, setIsLoadingFailed] = useState(false);\n\n  const { name = \"\", imageUrl } = user;\n\n  const isMedium = size === \"medium\";\n  const isLarge = size === \"large\";\n  const isExtraLarge = size === \"extraLarge\";\n\n  const containerClasses = classNames(\n    \"neeto-ui-avatar__container neeto-ui-select-none\",\n    {\n      \"neeto-ui-avatar__container--medium\": isMedium,\n      \"neeto-ui-avatar__container--large\": isLarge,\n      \"neeto-ui-avatar__container--xlarge\": isExtraLarge,\n    },\n    className\n  );\n\n  const imageClasses = classNames(\"neeto-ui-avatar\", {\n    \"neeto-ui-avatar--medium\": isMedium,\n    \"neeto-ui-avatar--large\": isLarge,\n    \"neeto-ui-avatar--xlarge\": isExtraLarge,\n    hidden: isLoadingFailed,\n  });\n\n  const statusClasses = classNames(\"neeto-ui-avatar__status\", status, {\n    \"neeto-ui-avatar__status-medium\": isMedium,\n    \"neeto-ui-avatar__status-large\": isLarge,\n    \"neeto-ui-avatar__status-xlarge\": isExtraLarge,\n  });\n\n  const Indicator = () =>\n    isNil(status) ? (\n      React.Fragment\n    ) : (\n      <span className={statusClasses} data-testid=\"indicator\" />\n    );\n\n  const shouldDisplayFallbackAvatar = !(imageUrl && !isLoadingFailed);\n\n  return (\n    <Tooltip\n      content={name}\n      disabled={!showTooltip}\n      position=\"bottom\"\n      {...tooltipProps}\n    >\n      <span\n        {...{ onClick }}\n        className={containerClasses}\n        data-testid=\"avatar\"\n        {...otherProps}\n      >\n        <Indicator />\n        {shouldDisplayFallbackAvatar ? (\n          <Avvvatars\n            displayValue={getInitials(name)}\n            size={SIZE[size]}\n            value={name}\n          />\n        ) : (\n          <img\n            alt={`avatar-${name}`}\n            className={imageClasses}\n            src={imageUrl}\n            onError={() => setIsLoadingFailed(true)}\n          />\n        )}\n      </span>\n    </Tooltip>\n  );\n};\n\nAvatar.propTypes = {\n  /**\n   * Specify the dimension for Avatar component.\n   */\n  size: PropTypes.oneOf(Object.keys(SIZE)),\n  user: PropTypes.shape({\n    imageUrl: PropTypes.string,\n    name: PropTypes.string,\n  }),\n  /**\n   * To specify the action to be triggered on clicking the Avatar.\n   */\n  onClick: PropTypes.func,\n  /**\n   * To specify the status of the user if needed in Avatar component.\n   */\n  status: PropTypes.oneOf(Object.keys(STATUS)),\n  /**\n   * To display a tooltip with name of the user.\n   */\n  showTooltip: PropTypes.bool,\n  /**\n   * To specify the props to be passed to the tooltip.\n   */\n  tooltipProps: PropTypes.object,\n  /**\n   * To provide external classnames to Avatar component.\n   */\n  className: PropTypes.string,\n};\n\nexport default Avatar;\n"],"names":["SIZE","small","medium","large","extraLarge","getInitials","fullName","isEmpty","allNames","trim","split","length","substring","toUpperCase","concat","Avatar","_ref","_ref$size","size","_ref$user","user","_ref$status","status","_ref$onClick","onClick","_ref$className","className","_ref$showTooltip","showTooltip","_ref$tooltipProps","tooltipProps","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isLoadingFailed","setIsLoadingFailed","_user$name","name","imageUrl","isMedium","isLarge","isExtraLarge","containerClasses","classNames","imageClasses","hidden","statusClasses","Indicator","isNil","React","Fragment","createElement","shouldDisplayFallbackAvatar","Tooltip","_extends","content","disabled","position","Avvvatars","displayValue","value","alt","src","onError"],"mappings":"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"}

package/dist/cjs/Button.js

@@ -12,17 +12,9 @@ require('@babel/runtime/helpers/slicedToArray');
 require('@tippyjs/react');
 require('tippy.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-
 var _excluded = ["icon", "iconPosition", "iconSize", "label", "loading", "onClick", "to", "type", "style", "fullWidth", "className", "disabled", "size", "href", "tooltipProps", "children"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var BUTTON_STYLES = {
   primary: "primary",
   secondary: "secondary",
@@ -46,7 +38,7 @@ var BUTTON_TYPES = {
   reset: "reset",
   submit: "submit"
 };
-var Button = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$icon = _ref.icon,
     icon = _ref$icon === void 0 ? null : _ref$icon,
     _ref$iconPosition = _ref.iconPosition,
@@ -78,7 +70,7 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, r
     _ref$tooltipProps = _ref.tooltipProps,
     tooltipProps = _ref$tooltipProps === void 0 ? null : _ref$tooltipProps,
     children = _ref.children,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   var Parent = "button";
   var elementSpecificProps = {
     type: type
@@ -102,15 +94,15 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, r
     onClick(e);
   };
   var Icon = typeof icon === "string" ? function () {
-    return /*#__PURE__*/React__default["default"].createElement("i", {
-      className: classnames__default["default"]("neeto-ui-btn__icon", [icon]),
+    return /*#__PURE__*/React.createElement("i", {
+      className: classnames("neeto-ui-btn__icon", [icon]),
       "data-testid": "class-icon"
     });
-  } : icon || React__default["default"].Fragment;
-  return /*#__PURE__*/React__default["default"].createElement(Tooltip, _extends__default["default"]({
+  } : icon || React.Fragment;
+  return /*#__PURE__*/React.createElement(Tooltip, _extends({
     disabled: !tooltipProps
-  }, tooltipProps), /*#__PURE__*/React__default["default"].createElement(Parent, _extends__default["default"]({
-    className: classnames__default["default"]("neeto-ui-btn", [className], {
+  }, tooltipProps), /*#__PURE__*/React.createElement(Parent, _extends({
+    className: classnames("neeto-ui-btn", [className], {
       "neeto-ui-btn--style-primary": style === BUTTON_STYLES.primary,
       "neeto-ui-btn--style-secondary": style === BUTTON_STYLES.secondary,
       "neeto-ui-btn--style-tertiary": style === BUTTON_STYLES.tertiary,
@@ -130,15 +122,15 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, r
   }, _objectSpread(_objectSpread({
     disabled: disabled,
     ref: ref
-  }, elementSpecificProps), otherProps)), renderLabel && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, elementSpecificProps), otherProps)), renderLabel && /*#__PURE__*/React.createElement("span", {
     className: "neeto-ui-btn__label"
-  }, renderLabel), icon && /*#__PURE__*/React__default["default"].createElement(Icon, {
+  }, renderLabel), icon && /*#__PURE__*/React.createElement(Icon, {
     "aria-hidden": "true",
     className: "neeto-ui-btn__icon",
     size: iconSize
-  }), loading && /*#__PURE__*/React__default["default"].createElement("span", {
+  }), loading && /*#__PURE__*/React.createElement("span", {
     className: "neeto-ui-btn__spinner"
-  }, /*#__PURE__*/React__default["default"].createElement(Spinner, {
+  }, /*#__PURE__*/React.createElement(Spinner, {
     "aria-hidden": "true",
     size: "small"
   }))));

package/dist/cjs/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../src/components/Button.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport Spinner from \"./Spinner\";\nimport Tooltip from \"./Tooltip\";\n\nconst BUTTON_STYLES = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n  tertiary: \"tertiary\",\n  danger: \"danger\",\n  danger_text: \"danger-text\",\n  text: \"text\",\n  link: \"link\",\n};\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\nconst ICON_POSITIONS = { left: \"left\", right: \"right\" };\nconst BUTTON_TYPES = { button: \"button\", reset: \"reset\", submit: \"submit\" };\n\nconst Button = React.forwardRef(\n  (\n    {\n      icon = null,\n      iconPosition = ICON_POSITIONS.right,\n      iconSize = 16,\n      label = \"\",\n      loading = false,\n      onClick = () => {},\n      to = \"\",\n      type = BUTTON_TYPES.button,\n      style = BUTTON_STYLES.primary,\n      fullWidth = false,\n      className = \"\",\n      disabled = false,\n      size = SIZES.medium,\n      href = \"\",\n      tooltipProps = null,\n      children,\n      ...otherProps\n    },\n    ref\n  ) => {\n    let Parent = \"button\";\n    let elementSpecificProps = { type };\n\n    const renderLabel = label || children;\n\n    if (!disabled) {\n      if (to) {\n        Parent = Link;\n        elementSpecificProps = { to };\n      } else if (href) {\n        Parent = \"a\";\n        elementSpecificProps = { href };\n      }\n    }\n\n    const handleClick = e => {\n      if (loading || disabled) return;\n      onClick(e);\n    };\n\n    const Icon =\n      typeof icon === \"string\"\n        ? () => (\n            <i\n              className={classnames(\"neeto-ui-btn__icon\", [icon])}\n              data-testid=\"class-icon\"\n            />\n          )\n        : icon || React.Fragment;\n\n    return (\n      <Tooltip disabled={!tooltipProps} {...tooltipProps}>\n        <Parent\n          className={classnames(\"neeto-ui-btn\", [className], {\n            \"neeto-ui-btn--style-primary\": style === BUTTON_STYLES.primary,\n            \"neeto-ui-btn--style-secondary\": style === BUTTON_STYLES.secondary,\n            \"neeto-ui-btn--style-tertiary\": style === BUTTON_STYLES.tertiary,\n            \"neeto-ui-btn--style-danger\": style === BUTTON_STYLES.danger,\n            \"neeto-ui-btn--style-danger-text\":\n              style === BUTTON_STYLES.danger_text,\n            \"neeto-ui-btn--style-text\": style === BUTTON_STYLES.text,\n            \"neeto-ui-btn--style-link\": style === BUTTON_STYLES.link,\n            \"neeto-ui-btn--size-medium\": size === SIZES.medium,\n            \"neeto-ui-btn--size-large\": size === SIZES.large,\n            \"neeto-ui-btn--width-full\": fullWidth,\n            \"neeto-ui-btn--icon-left\": iconPosition === ICON_POSITIONS.left,\n            \"neeto-ui-btn--icon-only\": !renderLabel,\n            \"neeto-ui-btn--loading\": loading,\n            disabled,\n          })}\n          onClick={handleClick}\n          {...{ disabled, ref, ...elementSpecificProps, ...otherProps }}\n        >\n          {renderLabel && (\n            <span className=\"neeto-ui-btn__label\">{renderLabel}</span>\n          )}\n          {icon && (\n            <Icon\n              aria-hidden=\"true\"\n              className=\"neeto-ui-btn__icon\"\n              size={iconSize}\n            />\n          )}\n          {loading && (\n            <span className=\"neeto-ui-btn__spinner\">\n              <Spinner aria-hidden=\"true\" size=\"small\" />\n            </span>\n          )}\n        </Parent>\n      </Tooltip>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n\nButton.propTypes = {\n  /**\n   * To specify the style of the Button.\n   */\n  style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n  /**\n   * To set the size of the Button.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify the position of the icon.\n   */\n  iconPosition: PropTypes.oneOf(Object.values(ICON_POSITIONS)),\n  /**\n   * To specify the size of the icon.\n   */\n  iconSize: PropTypes.number,\n  /**\n   * To set the text to be displayed inside the Button.\n   */\n  label: PropTypes.string,\n  /**\n   * Indicates if a Button is in loading state and shows spinner if true.\n   */\n  loading: PropTypes.bool,\n  /**\n   * To set Button as disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To set the icon to be shown in the Button.\n   */\n  icon: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n    PropTypes.element,\n  ]),\n  /**\n   * To specify the action to be triggered on clicking the Button.\n   */\n  onClick: PropTypes.func,\n  /**\n   * To specify an internal route to which the Button points to.\n   */\n  to: PropTypes.string,\n  /**\n   * To specify an external link to which the Button points to.\n   */\n  href: PropTypes.string,\n  /**\n   * To specify the type of Button.\n   */\n  type: PropTypes.oneOf(Object.values(BUTTON_TYPES)),\n  /**\n   * To set the Button to full width of the container.\n   */\n  fullWidth: PropTypes.bool,\n  /**\n   * To provide external classnames to Button component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the props to be passed to the tooltip.\n   */\n  tooltipProps: PropTypes.object,\n  /**\n   * To specify the children to be rendered inside the Button.\n   */\n  children: PropTypes.string,\n};\n\nexport default Button;\n"],"names":["BUTTON_STYLES","primary","secondary","tertiary","danger","danger_text","text","link","SIZES","small","medium","large","ICON_POSITIONS","left","right","BUTTON_TYPES","button","reset","submit","Button","React","forwardRef","_ref","ref","_ref$icon","icon","_ref$iconPosition","iconPosition","_ref$iconSize","iconSize","_ref$label","label","_ref$loading","loading","_ref$onClick","onClick","_ref$to","to","_ref$type","type","_ref$style","style","_ref$fullWidth","fullWidth","_ref$className","className","_ref$disabled","disabled","_ref$size","size","_ref$href","href","_ref$tooltipProps","tooltipProps","children","otherProps","_objectWithoutProperties","_excluded","Parent","elementSpecificProps","renderLabel","Link","handleClick","e","Icon","createElement","classnames","Fragment","Tooltip","_extends","_objectSpread","Spinner","displayName"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../src/components/Button.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport Spinner from \"./Spinner\";\nimport Tooltip from \"./Tooltip\";\n\nconst BUTTON_STYLES = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n  tertiary: \"tertiary\",\n  danger: \"danger\",\n  danger_text: \"danger-text\",\n  text: \"text\",\n  link: \"link\",\n};\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\nconst ICON_POSITIONS = { left: \"left\", right: \"right\" };\nconst BUTTON_TYPES = { button: \"button\", reset: \"reset\", submit: \"submit\" };\n\nconst Button = React.forwardRef(\n  (\n    {\n      icon = null,\n      iconPosition = ICON_POSITIONS.right,\n      iconSize = 16,\n      label = \"\",\n      loading = false,\n      onClick = () => {},\n      to = \"\",\n      type = BUTTON_TYPES.button,\n      style = BUTTON_STYLES.primary,\n      fullWidth = false,\n      className = \"\",\n      disabled = false,\n      size = SIZES.medium,\n      href = \"\",\n      tooltipProps = null,\n      children,\n      ...otherProps\n    },\n    ref\n  ) => {\n    let Parent = \"button\";\n    let elementSpecificProps = { type };\n\n    const renderLabel = label || children;\n\n    if (!disabled) {\n      if (to) {\n        Parent = Link;\n        elementSpecificProps = { to };\n      } else if (href) {\n        Parent = \"a\";\n        elementSpecificProps = { href };\n      }\n    }\n\n    const handleClick = e => {\n      if (loading || disabled) return;\n      onClick(e);\n    };\n\n    const Icon =\n      typeof icon === \"string\"\n        ? () => (\n            <i\n              className={classnames(\"neeto-ui-btn__icon\", [icon])}\n              data-testid=\"class-icon\"\n            />\n          )\n        : icon || React.Fragment;\n\n    return (\n      <Tooltip disabled={!tooltipProps} {...tooltipProps}>\n        <Parent\n          className={classnames(\"neeto-ui-btn\", [className], {\n            \"neeto-ui-btn--style-primary\": style === BUTTON_STYLES.primary,\n            \"neeto-ui-btn--style-secondary\": style === BUTTON_STYLES.secondary,\n            \"neeto-ui-btn--style-tertiary\": style === BUTTON_STYLES.tertiary,\n            \"neeto-ui-btn--style-danger\": style === BUTTON_STYLES.danger,\n            \"neeto-ui-btn--style-danger-text\":\n              style === BUTTON_STYLES.danger_text,\n            \"neeto-ui-btn--style-text\": style === BUTTON_STYLES.text,\n            \"neeto-ui-btn--style-link\": style === BUTTON_STYLES.link,\n            \"neeto-ui-btn--size-medium\": size === SIZES.medium,\n            \"neeto-ui-btn--size-large\": size === SIZES.large,\n            \"neeto-ui-btn--width-full\": fullWidth,\n            \"neeto-ui-btn--icon-left\": iconPosition === ICON_POSITIONS.left,\n            \"neeto-ui-btn--icon-only\": !renderLabel,\n            \"neeto-ui-btn--loading\": loading,\n            disabled,\n          })}\n          onClick={handleClick}\n          {...{ disabled, ref, ...elementSpecificProps, ...otherProps }}\n        >\n          {renderLabel && (\n            <span className=\"neeto-ui-btn__label\">{renderLabel}</span>\n          )}\n          {icon && (\n            <Icon\n              aria-hidden=\"true\"\n              className=\"neeto-ui-btn__icon\"\n              size={iconSize}\n            />\n          )}\n          {loading && (\n            <span className=\"neeto-ui-btn__spinner\">\n              <Spinner aria-hidden=\"true\" size=\"small\" />\n            </span>\n          )}\n        </Parent>\n      </Tooltip>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n\nButton.propTypes = {\n  /**\n   * To specify the style of the Button.\n   */\n  style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n  /**\n   * To set the size of the Button.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify the position of the icon.\n   */\n  iconPosition: PropTypes.oneOf(Object.values(ICON_POSITIONS)),\n  /**\n   * To specify the size of the icon.\n   */\n  iconSize: PropTypes.number,\n  /**\n   * To set the text to be displayed inside the Button.\n   */\n  label: PropTypes.string,\n  /**\n   * Indicates if a Button is in loading state and shows spinner if true.\n   */\n  loading: PropTypes.bool,\n  /**\n   * To set Button as disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To set the icon to be shown in the Button.\n   */\n  icon: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n    PropTypes.element,\n  ]),\n  /**\n   * To specify the action to be triggered on clicking the Button.\n   */\n  onClick: PropTypes.func,\n  /**\n   * To specify an internal route to which the Button points to.\n   */\n  to: PropTypes.string,\n  /**\n   * To specify an external link to which the Button points to.\n   */\n  href: PropTypes.string,\n  /**\n   * To specify the type of Button.\n   */\n  type: PropTypes.oneOf(Object.values(BUTTON_TYPES)),\n  /**\n   * To set the Button to full width of the container.\n   */\n  fullWidth: PropTypes.bool,\n  /**\n   * To provide external classnames to Button component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the props to be passed to the tooltip.\n   */\n  tooltipProps: PropTypes.object,\n  /**\n   * To specify the children to be rendered inside the Button.\n   */\n  children: PropTypes.string,\n};\n\nexport default Button;\n"],"names":["BUTTON_STYLES","primary","secondary","tertiary","danger","danger_text","text","link","SIZES","small","medium","large","ICON_POSITIONS","left","right","BUTTON_TYPES","button","reset","submit","Button","React","forwardRef","_ref","ref","_ref$icon","icon","_ref$iconPosition","iconPosition","_ref$iconSize","iconSize","_ref$label","label","_ref$loading","loading","_ref$onClick","onClick","_ref$to","to","_ref$type","type","_ref$style","style","_ref$fullWidth","fullWidth","_ref$className","className","_ref$disabled","disabled","_ref$size","size","_ref$href","href","_ref$tooltipProps","tooltipProps","children","otherProps","_objectWithoutProperties","_excluded","Parent","elementSpecificProps","renderLabel","Link","handleClick","e","Icon","createElement","classnames","Fragment","Tooltip","_extends","_objectSpread","Spinner","displayName"],"mappings":"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"}

package/dist/cjs/Callout.js

@@ -6,14 +6,6 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 var React = require('react');
 var classnames = require('classnames');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-
 var _excluded = ["icon", "style", "className", "children"];
 var STYLES = {
   info: "info",
@@ -29,20 +21,20 @@ var Callout = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     children = _ref.children,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   var Icon = icon;
-  return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
+  return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
-    className: classnames__default["default"]("neeto-ui-callout", _defineProperty__default["default"]({
+    className: classnames("neeto-ui-callout", _defineProperty({
       "neeto-ui-callout--info": style === STYLES.info,
       "neeto-ui-callout--warning": style === STYLES.warning,
       "neeto-ui-callout--danger": style === STYLES.danger,
       "neeto-ui-callout--success": style === STYLES.success
     }, className, className))
-  }, otherProps), icon && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, otherProps), icon && /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-callout__icon",
     "data-testid": "callout-icon"
-  }, /*#__PURE__*/React__default["default"].createElement(Icon, null)), children);
+  }, /*#__PURE__*/React.createElement(Icon, null)), children);
 });
 Callout.displayName = "Callout";
 

package/dist/cjs/Callout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.js","sources":["../../src/components/Callout.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst STYLES = {\n  info: \"info\",\n  warning: \"warning\",\n  danger: \"danger\",\n  success: \"success\",\n};\n\nconst Callout = forwardRef(\n  (\n    {\n      icon = null,\n      style = STYLES.info,\n      className = \"\",\n      children,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const Icon = icon;\n\n    return (\n      <div\n        {...{ ref }}\n        className={classnames(\"neeto-ui-callout\", {\n          \"neeto-ui-callout--info\": style === STYLES.info,\n          \"neeto-ui-callout--warning\": style === STYLES.warning,\n          \"neeto-ui-callout--danger\": style === STYLES.danger,\n          \"neeto-ui-callout--success\": style === STYLES.success,\n          [className]: className,\n        })}\n        {...otherProps}\n      >\n        {icon && (\n          <div className=\"neeto-ui-callout__icon\" data-testid=\"callout-icon\">\n            <Icon />\n          </div>\n        )}\n        {children}\n      </div>\n    );\n  }\n);\n\nCallout.displayName = \"Callout\";\n\nCallout.propTypes = {\n  /**\n   * To specify the icon to be used in Callout component. By default, icons are based on the style of the Callout component. Passing false will hide the icon.\n   */\n  icon: PropTypes.elementType,\n  /**\n   * To specify the style of Callout component.\n   */\n  style: PropTypes.oneOf(Object.values(STYLES)),\n  /**\n   * To provide external classnames to Callout component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Callout component.\n   */\n  children: PropTypes.node,\n};\n\nexport default Callout;\n"],"names":["STYLES","info","warning","danger","success","Callout","forwardRef","_ref","ref","_ref$icon","icon","_ref$style","style","_ref$className","className","children","otherProps","_objectWithoutProperties","_excluded","Icon","React","createElement","_extends","classnames","_defineProperty","displayName"],"mappings":";;;;;;;;;;;;;;;;;AAKA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,OAAO,EAAE,SAAA;AACX,CAAC,CAAA;AAEKC,IAAAA,OAAO,gBAAGC,gBAAU,CACxB,UAAAC,IAAA,EAQEC,GAAG,EACA;AAAA,EAAA,IAAAC,SAAA,GAAAF,IAAA,CAPDG,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IAAAE,UAAA,GAAAJ,IAAA,CACXK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,KAAA,CAAA,GAAGX,MAAM,CAACC,IAAI,GAAAU,UAAA;IAAAE,cAAA,GAAAN,IAAA,CACnBO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IACdE,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;AACLC,IAAAA,UAAU,GAAAC,4CAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;EAIf,IAAMC,IAAI,GAAGT,IAAI,CAAA;AAEjB,EAAA,oBACEU,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,4BAAA,CAAA;AACQd,IAAAA,GAAG,EAAHA,GAAG;AACTM,IAAAA,SAAS,EAAES,8BAAU,CAAC,kBAAkB,EAAAC,mCAAA,CAAA;AACtC,MAAA,wBAAwB,EAAEZ,KAAK,KAAKZ,MAAM,CAACC,IAAI;AAC/C,MAAA,2BAA2B,EAAEW,KAAK,KAAKZ,MAAM,CAACE,OAAO;AACrD,MAAA,0BAA0B,EAAEU,KAAK,KAAKZ,MAAM,CAACG,MAAM;AACnD,MAAA,2BAA2B,EAAES,KAAK,KAAKZ,MAAM,CAACI,OAAAA;KAC7CU,EAAAA,SAAS,EAAGA,SAAS,CAAA,CAAA;AACrB,GAAA,EACCE,UAAU,CAEbN,EAAAA,IAAI,iBACHU,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAC,wBAAwB;IAAC,aAAY,EAAA,cAAA;GAClDM,eAAAA,yBAAA,CAAAC,aAAA,CAACF,IAAI,EAAG,IAAA,CAAA,CAEX,EACAJ,QAAQ,CACL,CAAA;AAEV,CAAC,EACF;AAEDV,OAAO,CAACoB,WAAW,GAAG,SAAS;;;;"}
+{"version":3,"file":"Callout.js","sources":["../../src/components/Callout.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst STYLES = {\n  info: \"info\",\n  warning: \"warning\",\n  danger: \"danger\",\n  success: \"success\",\n};\n\nconst Callout = forwardRef(\n  (\n    {\n      icon = null,\n      style = STYLES.info,\n      className = \"\",\n      children,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const Icon = icon;\n\n    return (\n      <div\n        {...{ ref }}\n        className={classnames(\"neeto-ui-callout\", {\n          \"neeto-ui-callout--info\": style === STYLES.info,\n          \"neeto-ui-callout--warning\": style === STYLES.warning,\n          \"neeto-ui-callout--danger\": style === STYLES.danger,\n          \"neeto-ui-callout--success\": style === STYLES.success,\n          [className]: className,\n        })}\n        {...otherProps}\n      >\n        {icon && (\n          <div className=\"neeto-ui-callout__icon\" data-testid=\"callout-icon\">\n            <Icon />\n          </div>\n        )}\n        {children}\n      </div>\n    );\n  }\n);\n\nCallout.displayName = \"Callout\";\n\nCallout.propTypes = {\n  /**\n   * To specify the icon to be used in Callout component. By default, icons are based on the style of the Callout component. Passing false will hide the icon.\n   */\n  icon: PropTypes.elementType,\n  /**\n   * To specify the style of Callout component.\n   */\n  style: PropTypes.oneOf(Object.values(STYLES)),\n  /**\n   * To provide external classnames to Callout component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Callout component.\n   */\n  children: PropTypes.node,\n};\n\nexport default Callout;\n"],"names":["STYLES","info","warning","danger","success","Callout","forwardRef","_ref","ref","_ref$icon","icon","_ref$style","style","_ref$className","className","children","otherProps","_objectWithoutProperties","_excluded","Icon","React","createElement","_extends","classnames","_defineProperty","displayName"],"mappings":";;;;;;;;;AAKA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,OAAO,EAAE,SAAA;AACX,CAAC,CAAA;AAEKC,IAAAA,OAAO,gBAAGC,gBAAU,CACxB,UAAAC,IAAA,EAQEC,GAAG,EACA;AAAA,EAAA,IAAAC,SAAA,GAAAF,IAAA,CAPDG,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IAAAE,UAAA,GAAAJ,IAAA,CACXK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,KAAA,CAAA,GAAGX,MAAM,CAACC,IAAI,GAAAU,UAAA;IAAAE,cAAA,GAAAN,IAAA,CACnBO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IACdE,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;AACLC,IAAAA,UAAU,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;EAIf,IAAMC,IAAI,GAAGT,IAAI,CAAA;AAEjB,EAAA,oBACEU,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AACQd,IAAAA,GAAG,EAAHA,GAAG;AACTM,IAAAA,SAAS,EAAES,UAAU,CAAC,kBAAkB,EAAAC,eAAA,CAAA;AACtC,MAAA,wBAAwB,EAAEZ,KAAK,KAAKZ,MAAM,CAACC,IAAI;AAC/C,MAAA,2BAA2B,EAAEW,KAAK,KAAKZ,MAAM,CAACE,OAAO;AACrD,MAAA,0BAA0B,EAAEU,KAAK,KAAKZ,MAAM,CAACG,MAAM;AACnD,MAAA,2BAA2B,EAAES,KAAK,KAAKZ,MAAM,CAACI,OAAAA;KAC7CU,EAAAA,SAAS,EAAGA,SAAS,CAAA,CAAA;AACrB,GAAA,EACCE,UAAU,CAEbN,EAAAA,IAAI,iBACHU,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAC,wBAAwB;IAAC,aAAY,EAAA,cAAA;GAClDM,eAAAA,KAAA,CAAAC,aAAA,CAACF,IAAI,EAAG,IAAA,CAAA,CAEX,EACAJ,QAAQ,CACL,CAAA;AAEV,CAAC,EACF;AAEDV,OAAO,CAACoB,WAAW,GAAG,SAAS;;;;"}

package/dist/cjs/Checkbox.js

@@ -4,12 +4,12 @@ var _extends = require('@babel/runtime/helpers/extends');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var classnames = require('classnames');
-var useId = require('./useId-4e3deb5c.js');
+var useId = require('./useId-DXHUzdxd.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('react-router-dom');
 require('@bigbinary/neeto-hotkeys');
 require('./overlayManager.js');
-var index = require('./index-3c44e0c7.js');
+var index = require('./index-CvMjRZDt.js');
 require('@babel/runtime/helpers/defineProperty');
 require('qs');
 var Label = require('./Label.js');
@@ -24,7 +24,7 @@ require('dayjs/plugin/weekday');
 require('dayjs/plugin/weekOfYear');
 require('@bigbinary/neeto-cist');
 require('ramda');
-require('./en-c69be2fb.js');
+require('./en-1dfvTYgC.js');
 require('@bigbinary/neeto-icons');
 require('./Button.js');
 require('./Spinner.js');
@@ -34,13 +34,6 @@ require('tippy.js');
 require('./Popover.js');
 require('./Typography.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-
 var _excluded = ["label", "error", "className", "required", "labelProps", "children"];
 var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$label = _ref.label,
@@ -53,15 +46,15 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     required = _ref$required === void 0 ? false : _ref$required,
     labelProps = _ref.labelProps,
     children = _ref.children,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   var id = useId.useId(otherProps.id);
   var errorId = "error_".concat(id);
   var renderLabel = label || children;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classnames__default["default"](["neeto-ui-checkbox__wrapper", className])
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(["neeto-ui-checkbox__wrapper", className])
+  }, /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-checkbox__container"
-  }, /*#__PURE__*/React__default["default"].createElement("input", _extends__default["default"]({
+  }, /*#__PURE__*/React.createElement("input", _extends({
     id: id,
     ref: ref,
     required: required,
@@ -70,11 +63,11 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     "data-cy": "".concat(index.hyphenize(renderLabel), "-checkbox-input"),
     name: id,
     type: "checkbox"
-  }, otherProps)), renderLabel && /*#__PURE__*/React__default["default"].createElement(Label, _extends__default["default"]({
+  }, otherProps)), renderLabel && /*#__PURE__*/React.createElement(Label, _extends({
     required: required,
     "data-cy": "".concat(index.hyphenize(renderLabel), "-checkbox-label"),
     htmlFor: id
-  }, labelProps), renderLabel)), !!error && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, labelProps), renderLabel)), !!error && /*#__PURE__*/React.createElement("p", {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(index.hyphenize(renderLabel), "-checkbox-error"),
     id: errorId

package/dist/cjs/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../src/components/Checkbox.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst Checkbox = forwardRef(\n  (\n    {\n      label = \"\",\n      error = \"\",\n      className = \"\",\n      required = false,\n      labelProps,\n      children,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const id = useId(otherProps.id);\n    const errorId = `error_${id}`;\n    const renderLabel = label || children;\n\n    return (\n      <div className={classnames([\"neeto-ui-checkbox__wrapper\", className])}>\n        <div className=\"neeto-ui-checkbox__container\">\n          <input\n            {...{ id, ref, required }}\n            aria-invalid={!!error}\n            className=\"neeto-ui-checkbox\"\n            data-cy={`${hyphenize(renderLabel)}-checkbox-input`}\n            name={id}\n            type=\"checkbox\"\n            {...otherProps}\n          />\n          {renderLabel && (\n            <Label\n              {...{ required }}\n              data-cy={`${hyphenize(renderLabel)}-checkbox-label`}\n              htmlFor={id}\n              {...labelProps}\n            >\n              {renderLabel}\n            </Label>\n          )}\n        </div>\n        {!!error && (\n          <p\n            className=\"neeto-ui-input__error\"\n            data-cy={`${hyphenize(renderLabel)}-checkbox-error`}\n            id={errorId}\n          >\n            {error}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nCheckbox.propTypes = {\n  /**\n   * To specify a unique ID to the Checkbox component.\n   */\n  id: PropTypes.string,\n  /**\n   * To specify the text to be displayed next to the Checkbox.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the label props to be passed to the Label component.\n   */\n  labelProps: PropTypes.object,\n  /**\n   * To specify the error message to be shown.\n   */\n  error: PropTypes.string,\n  /**\n   * To provide external classnames to Checkbox component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify whether the Checkbox is a required field or not.\n   */\n  required: PropTypes.bool,\n  /**\n   *  To specify the children label to be rendered inside the Checkbox.\n   */\n  children: PropTypes.string,\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","_ref$label","label","_ref$error","error","_ref$className","className","_ref$required","required","labelProps","children","otherProps","_objectWithoutProperties","_excluded","id","useId","errorId","concat","renderLabel","React","createElement","classnames","_extends","hyphenize","name","type","Label","htmlFor","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUMA,IAAAA,QAAQ,gBAAGC,gBAAU,CACzB,UAAAC,IAAA,EAUEC,GAAG,EACA;AAAA,EAAA,IAAAC,UAAA,GAAAF,IAAA,CATDG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,UAAA,GAAAJ,IAAA,CACVK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,cAAA,GAAAN,IAAA,CACVO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,aAAA,GAAAR,IAAA,CACdS,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAChBE,UAAU,GAAAV,IAAA,CAAVU,UAAU;IACVC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;AACLC,IAAAA,UAAU,GAAAC,4CAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA,CAAA;AAIf,EAAA,IAAMC,EAAE,GAAGC,WAAK,CAACJ,UAAU,CAACG,EAAE,CAAC,CAAA;AAC/B,EAAA,IAAME,OAAO,GAAA,QAAA,CAAAC,MAAA,CAAYH,EAAE,CAAE,CAAA;AAC7B,EAAA,IAAMI,WAAW,GAAGhB,KAAK,IAAIQ,QAAQ,CAAA;EAErC,oBACES,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAEe,8BAAU,CAAC,CAAC,4BAA4B,EAAEf,SAAS,CAAC,CAAA;GAClEa,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAC,8BAAA;AAA8B,GAAA,eAC3Ca,yBAAA,CAAAC,aAAA,CAAA,OAAA,EAAAE,4BAAA,CAAA;AACQR,IAAAA,EAAE,EAAFA,EAAE;AAAEd,IAAAA,GAAG,EAAHA,GAAG;AAAEQ,IAAAA,QAAQ,EAARA,QAAQ;IACvB,cAAc,EAAA,CAAC,CAACJ,KAAM;AACtBE,IAAAA,SAAS,EAAC,mBAAmB;AAC7B,IAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDM,IAAAA,IAAI,EAAEV,EAAG;AACTW,IAAAA,IAAI,EAAC,UAAA;GACDd,EAAAA,UAAU,CACd,CAAA,EACDO,WAAW,iBACVC,yBAAA,CAAAC,aAAA,CAACM,KAAK,EAAAJ,4BAAA,CAAA;AACEd,IAAAA,QAAQ,EAARA,QAAQ;AACd,IAAA,SAAA,EAAA,EAAA,CAAAS,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDS,IAAAA,OAAO,EAAEb,EAAAA;AAAG,GAAA,EACRL,UAAU,CAAA,EAEbS,WAAW,CAEf,CACG,EACL,CAAC,CAACd,KAAK,iBACNe,yBAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACEd,IAAAA,SAAS,EAAC,uBAAuB;AACjC,IAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDJ,IAAAA,EAAE,EAAEE,OAAAA;GAEHZ,EAAAA,KAAK,CAET,CACG,CAAA;AAEV,CAAC,EACF;AAEDP,QAAQ,CAAC+B,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../../src/components/Checkbox.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst Checkbox = forwardRef(\n  (\n    {\n      label = \"\",\n      error = \"\",\n      className = \"\",\n      required = false,\n      labelProps,\n      children,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const id = useId(otherProps.id);\n    const errorId = `error_${id}`;\n    const renderLabel = label || children;\n\n    return (\n      <div className={classnames([\"neeto-ui-checkbox__wrapper\", className])}>\n        <div className=\"neeto-ui-checkbox__container\">\n          <input\n            {...{ id, ref, required }}\n            aria-invalid={!!error}\n            className=\"neeto-ui-checkbox\"\n            data-cy={`${hyphenize(renderLabel)}-checkbox-input`}\n            name={id}\n            type=\"checkbox\"\n            {...otherProps}\n          />\n          {renderLabel && (\n            <Label\n              {...{ required }}\n              data-cy={`${hyphenize(renderLabel)}-checkbox-label`}\n              htmlFor={id}\n              {...labelProps}\n            >\n              {renderLabel}\n            </Label>\n          )}\n        </div>\n        {!!error && (\n          <p\n            className=\"neeto-ui-input__error\"\n            data-cy={`${hyphenize(renderLabel)}-checkbox-error`}\n            id={errorId}\n          >\n            {error}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nCheckbox.propTypes = {\n  /**\n   * To specify a unique ID to the Checkbox component.\n   */\n  id: PropTypes.string,\n  /**\n   * To specify the text to be displayed next to the Checkbox.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the label props to be passed to the Label component.\n   */\n  labelProps: PropTypes.object,\n  /**\n   * To specify the error message to be shown.\n   */\n  error: PropTypes.string,\n  /**\n   * To provide external classnames to Checkbox component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify whether the Checkbox is a required field or not.\n   */\n  required: PropTypes.bool,\n  /**\n   *  To specify the children label to be rendered inside the Checkbox.\n   */\n  children: PropTypes.string,\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","_ref$label","label","_ref$error","error","_ref$className","className","_ref$required","required","labelProps","children","otherProps","_objectWithoutProperties","_excluded","id","useId","errorId","concat","renderLabel","React","createElement","classnames","_extends","hyphenize","name","type","Label","htmlFor","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUMA,IAAAA,QAAQ,gBAAGC,gBAAU,CACzB,UAAAC,IAAA,EAUEC,GAAG,EACA;AAAA,EAAA,IAAAC,UAAA,GAAAF,IAAA,CATDG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,UAAA,GAAAJ,IAAA,CACVK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,cAAA,GAAAN,IAAA,CACVO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,aAAA,GAAAR,IAAA,CACdS,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAChBE,UAAU,GAAAV,IAAA,CAAVU,UAAU;IACVC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;AACLC,IAAAA,UAAU,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA,CAAA;AAIf,EAAA,IAAMC,EAAE,GAAGC,WAAK,CAACJ,UAAU,CAACG,EAAE,CAAC,CAAA;AAC/B,EAAA,IAAME,OAAO,GAAA,QAAA,CAAAC,MAAA,CAAYH,EAAE,CAAE,CAAA;AAC7B,EAAA,IAAMI,WAAW,GAAGhB,KAAK,IAAIQ,QAAQ,CAAA;EAErC,oBACES,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAEe,UAAU,CAAC,CAAC,4BAA4B,EAAEf,SAAS,CAAC,CAAA;GAClEa,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAC,8BAAA;AAA8B,GAAA,eAC3Ca,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAAE,QAAA,CAAA;AACQR,IAAAA,EAAE,EAAFA,EAAE;AAAEd,IAAAA,GAAG,EAAHA,GAAG;AAAEQ,IAAAA,QAAQ,EAARA,QAAQ;IACvB,cAAc,EAAA,CAAC,CAACJ,KAAM;AACtBE,IAAAA,SAAS,EAAC,mBAAmB;AAC7B,IAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDM,IAAAA,IAAI,EAAEV,EAAG;AACTW,IAAAA,IAAI,EAAC,UAAA;GACDd,EAAAA,UAAU,CACd,CAAA,EACDO,WAAW,iBACVC,KAAA,CAAAC,aAAA,CAACM,KAAK,EAAAJ,QAAA,CAAA;AACEd,IAAAA,QAAQ,EAARA,QAAQ;AACd,IAAA,SAAA,EAAA,EAAA,CAAAS,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDS,IAAAA,OAAO,EAAEb,EAAAA;AAAG,GAAA,EACRL,UAAU,CAAA,EAEbS,WAAW,CAEf,CACG,EACL,CAAC,CAACd,KAAK,iBACNe,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACEd,IAAAA,SAAS,EAAC,uBAAuB;AACjC,IAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDJ,IAAAA,EAAE,EAAEE,OAAAA;GAEHZ,EAAAA,KAAK,CAET,CACG,CAAA;AAEV,CAAC,EACF;AAEDP,QAAQ,CAAC+B,WAAW,GAAG,UAAU;;;;"}

package/dist/cjs/ColorPicker.js

@@ -9,10 +9,10 @@ var React = require('react');
 var classnames = require('classnames');
 var neetoIcons = require('@bigbinary/neeto-icons');
 var reactColorful = require('react-colorful');
-var tinycolor = require('./tinycolor-b1e9a7b2.js');
+var tinycolor = require('./tinycolor-C4a31PPv.js');
 var Button = require('./Button.js');
 var Dropdown = require('./Dropdown.js');
-var index = require('./index-3c44e0c7.js');
+var index = require('./index-CvMjRZDt.js');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('react-router-dom');
 require('./Spinner.js');
@@ -31,17 +31,7 @@ require('dayjs/plugin/utc');
 require('dayjs/plugin/weekday');
 require('dayjs/plugin/weekOfYear');
 require('qs');
-require('./en-c69be2fb.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+require('./en-1dfvTYgC.js');
 
 const s=()=>"undefined"!=typeof window&&"EyeDropper"in window,i=()=>Promise.reject(new Error("Unsupported browser.")),c=()=>{const r=React.useRef(),[i,c]=React.useState(!1);React.useEffect(()=>(r.current=!0,c(s()),()=>{r.current=!1;}),[]);const u=React.useCallback(()=>i,[i]);return [r,u]},u=r=>{const o=(r=>s()&&new EyeDropper(r))(r);var n;return (n=o)?EyeDropper.prototype.open.bind(n):i},p=e=>{const s=React.useMemo(()=>u(e),[e]),[i,p]=c(),a=React.useRef(),f=React.useCallback(()=>{void 0!==a.current&&a.current.abort();},[a]),d=React.useCallback(function(r){void 0===r&&(r={});try{f();const{signal:o,...n}=r,t=new AbortController;a.current=t;const e=void 0!==o?(r=>{const o=new AbortController,n=()=>{o.abort();for(const o of r)o.removeEventListener("abort",n);};for(const o of r){if(o.aborted){n();break}o.addEventListener("abort",n);}return o.signal})([o,t.signal]):t.signal;return Promise.resolve(function(r,o){try{var t=Promise.resolve(s({...n,signal:e}));}catch(r){return o(r)}return t&&t.then?t.then(void 0,o):t}(0,function(r){throw i.current||(r.canceled=!0),r}))}catch(r){return Promise.reject(r)}},[a,i,f,s]);return React.useEffect(()=>f,[f]),{open:d,close:f,isSupported:p}};
 
@@ -52,26 +42,26 @@ var Palette = function Palette(_ref) {
     _ref$colorList = _ref.colorList,
     colorList = _ref$colorList === void 0 ? [] : _ref$colorList,
     onChange = _ref.onChange;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-flex neeto-ui-flex-row neeto-ui-flex-wrap neeto-ui-items-start neeto-ui-justify-start neeto-ui-color-palette"
   }, colorList.map(function (item, index) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       "data-testid": "color-palette-item",
       key: index,
-      className: classnames__default["default"]("neeto-ui-color-palette__item", {
+      className: classnames("neeto-ui-color-palette__item", {
         active: color && color.from === item.from && color.to === item.to
       }),
       onClick: function onClick() {
         return onChange(item.from, item.to);
       }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "bg-gradient-to-r from-".concat(item.from, " to-").concat(item.to)
     }));
   }));
 };
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TARGET_SIZES = {
   large: "large",
   medium: "medium",
@@ -97,7 +87,7 @@ var ColorPicker = function ColorPicker(_ref) {
     showPicker = _ref$showPicker === void 0 ? true : _ref$showPicker,
     portalProps = _ref.portalProps;
   var _useState = React.useState(color),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     colorInternal = _useState2[0],
     setColorInternal = _useState2[1];
   var isInputChanged = React.useRef(false);
@@ -135,9 +125,9 @@ var ColorPicker = function ColorPicker(_ref) {
     onChangeInternal(getColor(colorValue));
   };
   var pickColor = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var colorResponse, colorHex;
-      return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.prev = 0;
@@ -164,68 +154,68 @@ var ColorPicker = function ColorPicker(_ref) {
   }();
   var Target = function Target(_ref4) {
     var size = _ref4.size;
-    return /*#__PURE__*/React__default["default"].createElement("button", {
+    return /*#__PURE__*/React.createElement("button", {
       "data-cy": "color-picker-target",
       "data-testid": "neeto-color-picker",
       type: "button",
-      className: classnames__default["default"]("neeto-ui-colorpicker__target", {
+      className: classnames("neeto-ui-colorpicker__target", {
         "neeto-ui-colorpicker__target-size--large": size === TARGET_SIZES.large,
         "neeto-ui-colorpicker__target-size--medium": size === TARGET_SIZES.medium,
         "neeto-ui-colorpicker__target-size--small": size === TARGET_SIZES.small
       })
-    }, showHexValue && /*#__PURE__*/React__default["default"].createElement("span", {
+    }, showHexValue && /*#__PURE__*/React.createElement("span", {
       className: "neeto-ui-colorpicker-target__code"
-    }, color), /*#__PURE__*/React__default["default"].createElement("span", {
+    }, color), /*#__PURE__*/React.createElement("span", {
       className: "neeto-ui-colorpicker-target__color-wrapper"
-    }, /*#__PURE__*/React__default["default"].createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: "neeto-ui-colorpicker-target__color neeto-ui-border-gray-400 border",
       style: {
         backgroundColor: colorValue
       }
-    }), /*#__PURE__*/React__default["default"].createElement("span", {
+    }), /*#__PURE__*/React.createElement("span", {
       className: "neeto-ui-colorpicker-target__icon"
-    }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Down, {
+    }, /*#__PURE__*/React.createElement(neetoIcons.Down, {
       size: 16
     }))));
   };
-  return /*#__PURE__*/React__default["default"].createElement(Dropdown, _extends__default["default"]({
+  return /*#__PURE__*/React.createElement(Dropdown, _extends({
     className: "neeto-ui-colorpicker__dropdown",
     closeOnSelect: false,
-    customTarget: /*#__PURE__*/React__default["default"].createElement(Target, {
+    customTarget: /*#__PURE__*/React.createElement(Target, {
       size: size
     }),
     label: colorValue,
     position: "bottom-start"
   }, dropdownProps, {
     dropdownProps: _objectSpread(_objectSpread({}, dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.dropdownProps), portalProps)
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-colorpicker__popover"
-  }, colorPaletteProps && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, colorPaletteProps && /*#__PURE__*/React.createElement("div", {
     "data-testid": "color-palette",
-    className: classnames__default["default"]("neeto-ui-colorpicker__palette-wrapper", {
+    className: classnames("neeto-ui-colorpicker__palette-wrapper", {
       "neeto-ui-colorpicker__palette-wrapper--hidden-picker": !showPicker
     })
-  }, /*#__PURE__*/React__default["default"].createElement(Palette, colorPaletteProps)), showPicker && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement(Palette, colorPaletteProps)), showPicker && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-colorpicker__pointer",
     "data-testid": "neeto-color-picker-section"
-  }, /*#__PURE__*/React__default["default"].createElement(PickerComponent, {
+  }, /*#__PURE__*/React.createElement(PickerComponent, {
     color: colorValue,
     onChange: onPickerChange
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-mt-2 neeto-ui-gap-2"
-  }, showEyeDropper && isSupported() && /*#__PURE__*/React__default["default"].createElement(Button, {
+  }, showEyeDropper && isSupported() && /*#__PURE__*/React.createElement(Button, {
     className: "neeto-ui-colorpicker__eyedropper-btn",
     icon: neetoIcons.Focus,
     size: "small",
     style: "text",
     type: "button",
     onClick: pickColor
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-input__wrapper"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-colorpicker__input neeto-ui-input neeto-ui-input--small",
     "data-cy": "colorpicker-editable-input"
-  }, /*#__PURE__*/React__default["default"].createElement(reactColorful.HexColorInput, {
+  }, /*#__PURE__*/React.createElement(reactColorful.HexColorInput, {
     onBlur: onBlur,
     alpha: !!showTransparencyControl,
     color: colorValue,