@orfium/ictinus 3.6.1 → 3.8.0

package/dist/components/Avatar/Avatar.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { DivProps } from '../../utils/common';
 import { AcceptedIconNames } from '../Icon/types';
 export declare type Props = {
     /** the src of the image to show **/
@@ -24,5 +25,5 @@ export declare type Props = {
 };
 export declare type AvatarSizes = 'xs' | 'sm' | 'md' | 'lg';
 export declare type AvatarShapes = 'regular' | 'rounded' | 'circular';
-declare const Avatar: React.FC<Props>;
+declare const Avatar: React.ForwardRefExoticComponent<Pick<Props & DivProps, "children" | "onChange" | "onBlur" | "onClick" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "sizes" | "span" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | keyof Props> & React.RefAttributes<HTMLDivElement>>;
 export default Avatar;

package/dist/components/Avatar/Avatar.js

@@ -17,7 +17,7 @@ var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var Avatar = function Avatar(_ref) {
+var Avatar = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
   var _ref$src = _ref.src,
       src = _ref$src === void 0 ? '' : _ref$src,
       _ref$iconName = _ref.iconName,
@@ -32,6 +32,7 @@ var Avatar = function Avatar(_ref) {
       className = _ref.className;
   var calculatedColor = (0, _themeFunctions.calculateActualColorFromComponentProp)(color);
   return (0, _react2.jsx)("div", {
+    ref: ref,
     className: className,
     css: (0, _Avatar.avatarStyle)({
       shape: shape,
@@ -46,7 +47,8 @@ var Avatar = function Avatar(_ref) {
     name: iconName,
     size: size === 'xs' ? 18 : 20
   }), !src && children);
-};
+});
 
+Avatar.displayName = 'Avatar';
 var _default = Avatar;
 exports["default"] = _default;

package/dist/components/Button/Button.d.ts

@@ -1,10 +1,11 @@
 import { ClickHandler } from 'hooks/useLoading';
 import React from 'react';
+import { ButtonProps } from 'utils/common';
 import { TestProps } from 'utils/types';
 import { Props as ButtonBaseProps } from '../ButtonBase/ButtonBase';
 export declare type Props = ButtonBaseProps;
 declare type onClickProp = {
     onClick: ClickHandler;
 };
-declare const Button: React.FC<Props & TestProps & onClickProp>;
+declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps & ButtonBaseProps & TestProps & onClickProp, "children" | "onChange" | "onClick" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "dataTestId" | keyof ButtonBaseProps> & React.RefAttributes<HTMLButtonElement>>;
 export default Button;

package/dist/components/Button/Button.js

@@ -23,7 +23,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var Button = function Button(props) {
+var Button = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   var _childrenWrapperRef$c;
 
   var _props$size = props.size,
@@ -52,6 +52,7 @@ var Button = function Button(props) {
   var childrenWrapperRef = (0, _react.useRef)(null);
   var innerButtonWidth = childrenWrapperRef == null ? void 0 : (_childrenWrapperRef$c = childrenWrapperRef.current) == null ? void 0 : _childrenWrapperRef$c.clientWidth;
   return (0, _react2.jsx)(_ButtonBase["default"], _extends({}, props, {
+    ref: ref,
     loading: loading,
     onClick: handleAsyncOperation
   }), (0, _react2.jsx)("span", {
@@ -79,7 +80,8 @@ var Button = function Button(props) {
   })) : children), iconRight && (0, _react2.jsx)("span", {
     css: (0, _Button.iconStyle)()
   }, iconRight)));
-};
+});
 
+Button.displayName = 'Button';
 var _default = Button;
 exports["default"] = _default;

package/dist/components/Button/Button.style.d.ts

@@ -5,11 +5,12 @@ import { Props } from './Button';
 export declare const buttonSpanStyle: () => () => {
     display: string;
     alignItems: string;
+    justifyContent: string;
 };
 export declare const iconStyle: () => () => {
     display: string;
 };
-export declare const childrenWrapperStyle: ({ iconLeft, iconRight, hasChildren, }: RequiredProperties<Omit<import("../ButtonBase/ButtonBase").Props, "buttonType" | "isIconButton"> & {
+export declare const childrenWrapperStyle: ({ iconLeft, iconRight, hasChildren, }: RequiredProperties<Omit<import("../ButtonBase/ButtonBase").Props, "block" | "buttonType" | "isIconButton"> & {
     hasChildren: boolean;
 }>) => (theme: Theme) => {
     marginLeft: number | "8";

package/dist/components/Button/Button.style.js

@@ -13,7 +13,8 @@ var buttonSpanStyle = function buttonSpanStyle() {
   return function () {
     return {
       display: 'flex',
-      alignItems: 'center'
+      alignItems: 'center',
+      justifyContent: 'center'
     };
   };
 };
@@ -51,7 +52,7 @@ var centralizedLoader = function centralizedLoader(clientWidth) {
     /*#__PURE__*/
 
     /*#__PURE__*/
-    (0, _react.css)("width:", clientWidth ? (0, _polished.rem)(clientWidth) : 'auto', ";", _functions.flex, ";justify-content:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:centralizedLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0J1dHRvbi9CdXR0b24uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUMrRiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAncG9saXNoZWQnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBmbGV4IH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcbmltcG9ydCB7IFJlcXVpcmVkUHJvcGVydGllcyB9IGZyb20gJ3V0aWxzL2NvbW1vbic7XG5cbmltcG9ydCB7IFByb3BzIH0gZnJvbSAnLi9CdXR0b24nO1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3BhblN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBpY29uU3R5bGUgPSAoKSA9PiAoKSA9PiAoe1xuICBkaXNwbGF5OiAnaW5saW5lLWZsZXgnLFxufSk7XG5cbmV4cG9ydCBjb25zdCBjaGlsZHJlbldyYXBwZXJTdHlsZSA9ICh7XG4gIGljb25MZWZ0LFxuICBpY29uUmlnaHQsXG4gIGhhc0NoaWxkcmVuLFxufTogUmVxdWlyZWRQcm9wZXJ0aWVzPE9taXQ8UHJvcHMsICdpc0ljb25CdXR0b24nIHwgJ2J1dHRvblR5cGUnPiAmIHsgaGFzQ2hpbGRyZW46IGJvb2xlYW4gfT4pID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pID0+IHtcbiAgY29uc3QgcmlnaHRJY29uRXhpc3RzID0gaGFzQ2hpbGRyZW4gJiYgaWNvblJpZ2h0O1xuICBjb25zdCBsZWZ0SWNvbkV4aXN0cyA9IGhhc0NoaWxkcmVuICYmIGljb25MZWZ0O1xuXG4gIHJldHVybiB7XG4gICAgbWFyZ2luTGVmdDogbGVmdEljb25FeGlzdHMgPyB0aGVtZS5zcGFjaW5nLnNtIDogMCxcbiAgICBtYXJnaW5SaWdodDogcmlnaHRJY29uRXhpc3RzID8gdGhlbWUuc3BhY2luZy5zbSA6IDAsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgY2VudHJhbGl6ZWRMb2FkZXI6IChjbGllbnRXaWR0aD86IG51bWJlcikgPT4gU2VyaWFsaXplZFN0eWxlcyA9IGNsaWVudFdpZHRoID0+IGNzc2BcbiAgd2lkdGg6ICR7Y2xpZW50V2lkdGggPyByZW0oY2xpZW50V2lkdGgpIDogJ2F1dG8nfTtcbiAgJHtmbGV4fTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:centralizedLoader;")
+    (0, _react.css)("width:", clientWidth ? (0, _polished.rem)(clientWidth) : 'auto', ";", _functions.flex, ";justify-content:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:centralizedLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0J1dHRvbi9CdXR0b24uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0MrRiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAncG9saXNoZWQnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBmbGV4IH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcbmltcG9ydCB7IFJlcXVpcmVkUHJvcGVydGllcyB9IGZyb20gJ3V0aWxzL2NvbW1vbic7XG5cbmltcG9ydCB7IFByb3BzIH0gZnJvbSAnLi9CdXR0b24nO1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3BhblN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgaWNvblN0eWxlID0gKCkgPT4gKCkgPT4gKHtcbiAgZGlzcGxheTogJ2lubGluZS1mbGV4Jyxcbn0pO1xuXG5leHBvcnQgY29uc3QgY2hpbGRyZW5XcmFwcGVyU3R5bGUgPSAoe1xuICBpY29uTGVmdCxcbiAgaWNvblJpZ2h0LFxuICBoYXNDaGlsZHJlbixcbn06IFJlcXVpcmVkUHJvcGVydGllczxPbWl0PFByb3BzLCAnYmxvY2snfCAnaXNJY29uQnV0dG9uJyB8ICdidXR0b25UeXBlJz4gJiB7IGhhc0NoaWxkcmVuOiBib29sZWFuIH0+KSA9PiAoXG4gIHRoZW1lOiBUaGVtZVxuKSA9PiB7XG4gIGNvbnN0IHJpZ2h0SWNvbkV4aXN0cyA9IGhhc0NoaWxkcmVuICYmIGljb25SaWdodDtcbiAgY29uc3QgbGVmdEljb25FeGlzdHMgPSBoYXNDaGlsZHJlbiAmJiBpY29uTGVmdDtcblxuICByZXR1cm4ge1xuICAgIG1hcmdpbkxlZnQ6IGxlZnRJY29uRXhpc3RzID8gdGhlbWUuc3BhY2luZy5zbSA6IDAsXG4gICAgbWFyZ2luUmlnaHQ6IHJpZ2h0SWNvbkV4aXN0cyA/IHRoZW1lLnNwYWNpbmcuc20gOiAwLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGNlbnRyYWxpemVkTG9hZGVyOiAoY2xpZW50V2lkdGg/OiBudW1iZXIpID0+IFNlcmlhbGl6ZWRTdHlsZXMgPSBjbGllbnRXaWR0aCA9PiBjc3NgXG4gIHdpZHRoOiAke2NsaWVudFdpZHRoID8gcmVtKGNsaWVudFdpZHRoKSA6ICdhdXRvJ307XG4gICR7ZmxleH07XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:centralizedLoader;")
   );
 };
 

package/dist/components/ButtonBase/ButtonBase.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { ClickEvent } from '../../hooks/useLoading';
+import { ButtonProps } from '../../utils/common';
 import { AcceptedColorComponentTypes } from '../../utils/themeFunctions';
 import { TestProps } from '../../utils/types';
 export declare type EventButtonProps = {
@@ -13,6 +14,8 @@ export declare type Props = {
     color?: string;
     /** This property define the size of the button. Defaults to 'md' */
     size?: 'lg' | 'md' | 'sm';
+    /** This property will make the button fit to its parent width. Defaults to false */
+    block?: boolean;
     /** Property indicating if the component is filled with a color based on the type */
     filled?: boolean;
     /** Property indicating if the component is async and loading */
@@ -30,5 +33,5 @@ export declare type Props = {
     /** Defines the button type */
     buttonType?: 'submit' | 'reset' | 'button';
 };
-declare const ButtonBase: React.FC<Props & TestProps & EventButtonProps>;
+declare const ButtonBase: React.ForwardRefExoticComponent<Pick<ButtonProps & Props & TestProps & EventButtonProps, "children" | "onChange" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "dataTestId" | keyof Props | keyof EventButtonProps> & React.RefAttributes<HTMLButtonElement>>;
 export default ButtonBase;

package/dist/components/ButtonBase/ButtonBase.js

@@ -15,13 +15,16 @@ var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var ButtonBase = function ButtonBase(props) {
+//@TODO fix props to not overwrite button props
+var ButtonBase = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   var _props$size = props.size,
       size = _props$size === void 0 ? 'md' : _props$size,
       _props$type = props.type,
       type = _props$type === void 0 ? 'primary' : _props$type,
       _props$color = props.color,
       color = _props$color === void 0 ? '' : _props$color,
+      _props$block = props.block,
+      block = _props$block === void 0 ? false : _props$block,
       _props$filled = props.filled,
       filled = _props$filled === void 0 ? true : _props$filled,
       _props$transparent = props.transparent,
@@ -49,6 +52,7 @@ var ButtonBase = function ButtonBase(props) {
   var calculatedColor = calculateColorBetweenColorAndType(color, type);
   var testIdName = (isIconButton ? 'icon-' : '') + "button";
   return (0, _react2.jsx)("button", {
+    ref: ref,
     type: buttonType,
     "data-testid": (0, _helpers.generateTestDataId)(testIdName, dataTestId),
     css: (0, _ButtonBase.buttonBaseStyle)({
@@ -56,6 +60,7 @@ var ButtonBase = function ButtonBase(props) {
       loading: loading,
       filled: filled,
       size: size,
+      block: block,
       color: color,
       transparent: transparent,
       calculatedColor: calculatedColor,
@@ -73,7 +78,8 @@ var ButtonBase = function ButtonBase(props) {
     onBlur: onBlur,
     disabled: disabled || loading
   }, children);
-};
+});
 
+ButtonBase.displayName = 'ButtonBase';
 var _default = ButtonBase;
 exports["default"] = _default;

package/dist/components/ButtonBase/ButtonBase.style.d.ts

@@ -5,12 +5,13 @@ import { Props } from './ButtonBase';
 /** Calculates the button specific height based on the size passed to it
  * These sizes are specific to this button thus these are placed here and not in the config **/
 export declare const heightBasedOnSize: (size: 'lg' | 'md' | 'sm') => string;
-export declare const buttonBaseStyle: ({ type, filled, calculatedColor, size, iconLeft, iconRight, isIconButton, disabled, transparent, childrenCount, }: RequiredProperties<Omit<Props, "buttonType"> & {
+export declare const buttonBaseStyle: ({ type, filled, calculatedColor, size, block, iconLeft, iconRight, isIconButton, disabled, transparent, childrenCount, }: RequiredProperties<Omit<Props, "buttonType"> & {
     calculatedColor: ColorShapeFromComponent;
     childrenCount: number;
 }>) => (theme: Theme) => {
     fontSize: string;
     fontWeight: number;
+    width: string | undefined;
     color: string;
     backgroundColor: string;
     padding: string;

package/dist/components/ButtonBase/ButtonBase.style.js

@@ -46,6 +46,7 @@ var buttonBaseStyle = function buttonBaseStyle(_ref) {
       filled = _ref.filled,
       calculatedColor = _ref.calculatedColor,
       size = _ref.size,
+      block = _ref.block,
       iconLeft = _ref.iconLeft,
       iconRight = _ref.iconRight,
       isIconButton = _ref.isIconButton,
@@ -57,6 +58,7 @@ var buttonBaseStyle = function buttonBaseStyle(_ref) {
     var baseButtonStyles = {
       fontSize: fontSizeBasedOnSize(theme, size),
       fontWeight: theme.typography.weights.medium,
+      width: block ? '100%' : undefined,
       color: filled && !transparent ? (0, _palette.pickTextColorFromSwatches)(calculatedColor.color, calculatedColor.shade) : (0, _utils.defineBackgroundColor)(theme, calculatedColor, type, hasSupplementaryIcons, childrenCount > 0),
       backgroundColor: filled && !transparent ? (0, _utils.defineBackgroundColor)(theme, calculatedColor, type, hasSupplementaryIcons, childrenCount > 0) : 'transparent',
       padding: size === 'sm' || size === 'md' ? theme.spacing.sm + " " + theme.spacing.md : theme.spacing.md + " " + theme.spacing.lg,

package/dist/components/CheckBox/CheckBox.d.ts

@@ -22,5 +22,5 @@ export declare type Props = {
     /** Disables auto generated id for snapshots*/
     id?: string;
 };
-declare const CheckBox: React.FC<Props>;
+declare const CheckBox: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLSpanElement>>;
 export default CheckBox;

package/dist/components/CheckBox/CheckBox.js

@@ -23,7 +23,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var CheckBox = function CheckBox(_ref) {
+var CheckBox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var label = _ref.label,
       checked = _ref.checked,
       onClick = _ref.onClick,
@@ -69,6 +69,7 @@ var CheckBox = function CheckBox(_ref) {
   };
 
   return (0, _react2.jsx)("span", {
+    ref: ref,
     css: (0, _CheckBox.wrapperStyle)({
       disabled: disabled
     })
@@ -111,7 +112,7 @@ var CheckBox = function CheckBox(_ref) {
   }))), label && (0, _react2.jsx)("span", {
     css: (0, _CheckBox.labelStyle)()
   }, label));
-};
-
+});
+CheckBox.displayName = 'Checkbox';
 var _default = CheckBox;
 exports["default"] = _default;

package/dist/components/Chip/Chip.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { colorShades, flatColors } from 'theme/palette';
 import { TestId } from 'utils/types';
+import { DivProps } from '../../utils/common';
 export declare type Props = {
     /**
      * Style of input field
@@ -27,5 +28,5 @@ export declare type Props = {
 declare type TestProps = {
     dataTestId?: TestId;
 };
-declare const Chip: React.FC<Props & TestProps>;
+declare const Chip: React.ForwardRefExoticComponent<Pick<Props & TestProps & DivProps, "children" | "onChange" | "color" | "onBlur" | "onClick" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "dataTestId" | keyof Props> & React.RefAttributes<HTMLDivElement>>;
 export default Chip;

package/dist/components/Chip/Chip.js

@@ -13,7 +13,7 @@ var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var Chip = function Chip(_ref) {
+var Chip = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
   var _ref$styleType = _ref.styleType,
       styleType = _ref$styleType === void 0 ? 'filled' : _ref$styleType,
       _ref$size = _ref.size,
@@ -28,6 +28,7 @@ var Chip = function Chip(_ref) {
       dataTestId = _ref$dataTestId === void 0 ? '' : _ref$dataTestId,
       children = _ref.children;
   return (0, _react2.jsx)("div", {
+    ref: ref,
     "data-testid": (0, _helpers.generateTestDataId)('chip', dataTestId),
     css: (0, _Chip.wrapperStyle)({
       styleType: styleType,
@@ -44,7 +45,8 @@ var Chip = function Chip(_ref) {
     onClick: rightIconHandler,
     css: (0, _Chip.iconWrapperStyle)(size, rightIconHandler)
   }, rightIcon));
-};
+});
 
+Chip.displayName = 'Chip';
 var _default = Chip;
 exports["default"] = _default;

package/dist/components/Icon/Icon.d.ts

@@ -15,6 +15,5 @@ export declare type OwnProps = {
     /** Property indicating the color's variant of the icon. */
     variant?: typeof colorShades[number];
 };
-declare type Props = OwnProps & TestProps;
-declare const Icon: React.FC<Props>;
+declare const Icon: React.ForwardRefExoticComponent<OwnProps & TestProps & React.RefAttributes<HTMLSpanElement>>;
 export default Icon;

package/dist/components/Icon/Icon.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var Icon = function Icon(_ref) {
+var Icon = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var variant = _ref.variant,
       name = _ref.name,
       _ref$color = _ref.color,
@@ -29,6 +29,7 @@ var Icon = function Icon(_ref) {
       onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick;
   var Icon = _iconSelector["default"][name];
   return (0, _react2.jsx)("span", {
+    ref: ref,
     css: (0, _Icon.iconContainerStyle)(),
     onClick: onClick,
     "data-testid": dataTestId
@@ -39,7 +40,7 @@ var Icon = function Icon(_ref) {
       variant: variant
     })
   }));
-};
-
+});
+Icon.displayName = 'Icon';
 var _default = Icon;
 exports["default"] = _default;

package/dist/components/IconButton/IconButton.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { EventProps } from '../../utils/common';
 import { TestProps } from '../../utils/types';
 import { AcceptedIconNames } from '../Icon/types';
@@ -9,5 +9,10 @@ export declare type Props = Omit<ButtonBaseProps, 'isIconButton' | 'iconLeft' |
     /** This property defines witch icon to use */
     name: AcceptedIconNames;
 };
-declare const IconButton: React.FC<Props & TestProps & EventProps>;
+declare const IconButton: React.ForwardRefExoticComponent<Omit<ButtonBaseProps, "isIconButton" | "iconRight" | "iconLeft"> & {
+    /** Property indicating the size of the icon. Defaults to 16 */
+    iconSize?: number | undefined;
+    /** This property defines witch icon to use */
+    name: AcceptedIconNames;
+} & TestProps & EventProps & React.RefAttributes<HTMLButtonElement>>;
 export default IconButton;

package/dist/components/IconButton/IconButton.js

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports["default"] = void 0;
 
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _useTypeColorToColorMatch = require("../../hooks/useTypeColorToColorMatch");
 
@@ -21,13 +21,9 @@ var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var IconButton = function IconButton(props) {
+var IconButton = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   var iconSize = props.iconSize,
       _props$color = props.color,
       color = _props$color === void 0 ? '' : _props$color,
@@ -45,13 +41,15 @@ var IconButton = function IconButton(props) {
   var calculatedColor = calculateColorBetweenColorAndType(color, type);
   var iconColor = filled && !transparent ? (0, _palette.pickTextColorFromSwatches)(calculatedColor.color, calculatedColor.shade) : (0, _utils.defineBackgroundColor)(theme, calculatedColor, type, true, true);
   return (0, _react2.jsx)(_ButtonBase["default"], _extends({}, props, {
+    ref: ref,
     isIconButton: true
   }), (0, _react2.jsx)(_Icon["default"], {
     name: name,
     color: iconColor,
     size: iconSize
   }));
-};
+});
 
+IconButton.displayName = 'IconButton';
 var _default = IconButton;
 exports["default"] = _default;

package/dist/components/Modal/Modal.js

@@ -68,6 +68,7 @@ var Modal = function Modal(_ref) {
     filled: false,
     transparent: true,
     size: 'sm',
+    color: 'lightGray-600',
     onClick: onClose,
     dataTestId: 'modal-close'
   })), (0, _react2.jsx)("div", {

package/dist/components/Select/Select.js

@@ -29,7 +29,7 @@ var _Select = require("./Select.style");
 
 var _Loader = _interopRequireDefault(require("../Loader"));
 
-var _excluded = ["handleSelectedOption", "defaultValue", "selectedOption", "multi", "options", "isAsync", "isLoading", "asyncSearch", "status", "minCharactersToSearch", "highlightSearch", "isSearchable", "isVirtualized", "styleType", "dataTestId"];
+var _excluded = ["handleSelectedOption", "defaultValue", "selectedOption", "multi", "options", "isAsync", "isLoading", "asyncSearch", "status", "minCharactersToSearch", "highlightSearch", "isSearchable", "isVirtualized", "styleType", "disabled", "locked", "dataTestId"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -56,7 +56,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "7nz4j0-rightIconRender",
   styles: "display:flex;gap:25px;label:rightIconRender;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Ka0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZWJvdW5jZSB9IGZyb20gJ2xvZGFzaCc7XG5pbXBvcnQgUmVhY3QsIHsgSW5wdXRIVE1MQXR0cmlidXRlcywgdXNlRWZmZWN0LCB1c2VNZW1vLCBLZXlib2FyZEV2ZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgZ2VuZXJhdGVUZXN0RGF0YUlkIH0gZnJvbSAndXRpbHMvaGVscGVycyc7XG5cbmltcG9ydCB1c2VDb21iaW5lZFJlZnMgZnJvbSAnLi4vLi4vaG9va3MvdXNlQ29tYmluZWRSZWZzJztcbmltcG9ydCB1c2VUaGVtZSBmcm9tICcuLi8uLi9ob29rcy91c2VUaGVtZSc7XG5pbXBvcnQgeyBDaGFuZ2VFdmVudCB9IGZyb20gJy4uLy4uL3V0aWxzL2NvbW1vbic7XG5pbXBvcnQgSWNvbiBmcm9tICcuLi9JY29uJztcbmltcG9ydCBUZXh0RmllbGQgZnJvbSAnLi4vVGV4dEZpZWxkJztcbmltcG9ydCB7IFByb3BzIGFzIFRleHRGaWVsZFByb3BzIH0gZnJvbSAnLi4vVGV4dEZpZWxkL1RleHRGaWVsZCc7XG5pbXBvcnQgQ2xpY2tBd2F5TGlzdGVuZXIgZnJvbSAnLi4vdXRpbHMvQ2xpY2tBd2F5TGlzdGVuZXInO1xuaW1wb3J0IGhhbmRsZVNlYXJjaCBmcm9tICcuLi91dGlscy9oYW5kbGVTZWFyY2gnO1xuaW1wb3J0IFNlbGVjdE1lbnUgZnJvbSAnLi9jb21wb25lbnRzL1NlbGVjdE1lbnUvU2VsZWN0TWVudSc7XG5pbXBvcnQgeyBzZWxlY3RXcmFwcGVyIH0gZnJvbSAnLi9TZWxlY3Quc3R5bGUnO1xuaW1wb3J0IExvYWRlciBmcm9tICdjb21wb25lbnRzL0xvYWRlcic7XG5cbmV4cG9ydCB0eXBlIFNlbGVjdE9wdGlvbiA9IHtcbiAgdmFsdWU6IHN0cmluZyB8IG51bWJlcjtcbiAgbGFiZWw6IHN0cmluZztcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIHRvb2x0aXBJbmZvPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSB7XG4gIC8qKiBUaGUgZnVuY3Rpb24gdGhhdCBpcyB1c2VkIHRvIHJldHVybiB0aGUgc2VsZWN0ZWQgb3B0aW9ucyAqL1xuICBoYW5kbGVTZWxlY3RlZE9wdGlvbj86IChzZWxlY3RlZE9wdGlvbjogU2VsZWN0T3B0aW9uKSA9PiB2b2lkO1xuICAvKiogdGhlIGRlZmF1bHQgdmFsdWUgb2YgdGhlIHNlbGVjdCBpZiBuZWVkZWQgKi9cbiAgLyoqIFRPRE86IGRlZmF1bHRWYWx1ZSBpcyBkdXBsaWNhdGlvbiBvZiBzZWxlY3RlZE9wdGlvbiovXG4gIGRlZmF1bHRWYWx1ZT86IFNlbGVjdE9wdGlvbjtcbiAgLyoqIHRoZSB2YWx1ZSBvZiB0aGUgc2VsZWN0IGlmIHNlbGVjdCBpcyBjb250cm9sbGVkICovXG4gIHNlbGVjdGVkT3B0aW9uPzogU2VsZWN0T3B0aW9uO1xuICAvKiogaWYgdGhlIHNlbGVjdCBoYXMgdGFncyAqL1xuICBtdWx0aT86IGJvb2xlYW47XG4gIC8qKiBPcHRpb25zIGZvciB0aGUgc2VsZWN0IGRyb3Bkb3duICovXG4gIG9wdGlvbnM6IFNlbGVjdE9wdGlvbltdO1xuICAvKiogaWYgdGhlIGNvbXBvbmVudCBpcyB1c2VkIGFzeW5jaHJvbm91c2x5ICovXG4gIGlzQXN5bmM/OiBib29sZWFuO1xuICAvKiogdGhlIGZ1bmN0aW9uIHRvIGZldGNoIG5ldyBvcHRpb25zICovXG4gIGFzeW5jU2VhcmNoPzogKHRlcm06IHN0cmluZykgPT4gdm9pZDtcbiAgLyoqIGFmdGVyIGhvdyBtYW55IGNoYXJhY3RlcnMgdG8gc3RhcnQgc2VhcmNoaW5nIChkZWZhdWx0ID0gMCkgKi9cbiAgbWluQ2hhcmFjdGVyc1RvU2VhcmNoPzogbnVtYmVyO1xuICAvKiogaWYgc2VhcmNoZWQgdGV4dCBzaG91bGQgYmUgaGlnaGxpZ2h0ZWQgaW4gYXZhaWxhYmxlIG9wdGlvbnMgKi9cbiAgaGlnaGxpZ2h0U2VhcmNoPzogYm9vbGVhbjtcbiAgLyoqIGlmIHRoZSBvcHRpb25zIGFyZSBzZWFyY2hhYmxlICovXG4gIGlzU2VhcmNoYWJsZT86IGJvb2xlYW47XG4gIC8qKiBkYXRhLXRlc3RpZCBzdWZmaXggKi9cbiAgZGF0YVRlc3RJZD86IHN0cmluZztcbiAgLyoqIGlmIGNvbXBvbmVudCBpcyBsb2FkaW5nICovXG4gIGlzTG9hZGluZz86IGJvb2xlYW47XG4gIC8qKiBpZiBvcHRpb25zIGxpc3QgaXMgdmlydHVhbGl6ZWQgKi9cbiAgaXNWaXJ0dWFsaXplZD86IGJvb2xlYW47XG59ICYgVGV4dEZpZWxkUHJvcHM7XG5cbmNvbnN0IGVtcHR5VmFsdWUgPSB7IGxhYmVsOiAnJywgdmFsdWU6ICcnIH07XG5cbi8vIE1vY2tzIG9uQ2hhbmdlIHRvIGF2b2lkIHJlYWRvbmx5IHdhcm5pbmcgZm9yIFRleHRGaWVsZCBDb21wb25lbnRcbmNvbnN0IE9OX0NIQU5HRV9NT0NLID0gKCkgPT4ge307XG5cbnR5cGUgSW5wdXRQcm9wcyA9IFBhcnRpYWw8T21pdDxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAnc2l6ZSc+PjtcblxuY29uc3QgU2VsZWN0ID0gUmVhY3QuZm9yd2FyZFJlZjxIVE1MSW5wdXRFbGVtZW50LCBQcm9wcyAmIElucHV0UHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgaGFuZGxlU2VsZWN0ZWRPcHRpb24gPSAoKSA9PiB7fSxcbiAgICAgIGRlZmF1bHRWYWx1ZSA9IHVuZGVmaW5lZCxcbiAgICAgIHNlbGVjdGVkT3B0aW9uID0gZW1wdHlWYWx1ZSxcbiAgICAgIG11bHRpID0gZmFsc2UsXG4gICAgICBvcHRpb25zLFxuICAgICAgaXNBc3luYyA9IGZhbHNlLFxuICAgICAgaXNMb2FkaW5nID0gZmFsc2UsXG4gICAgICBhc3luY1NlYXJjaCA9ICgpID0+IHt9LFxuICAgICAgc3RhdHVzID0gJ25vcm1hbCcsXG4gICAgICBtaW5DaGFyYWN0ZXJzVG9TZWFyY2ggPSAwLFxuICAgICAgaGlnaGxpZ2h0U2VhcmNoID0gZmFsc2UsXG4gICAgICBpc1NlYXJjaGFibGUgPSB0cnVlLFxuICAgICAgaXNWaXJ0dWFsaXplZCA9IGZhbHNlLFxuICAgICAgc3R5bGVUeXBlLFxuICAgICAgZGF0YVRlc3RJZCxcbiAgICAgIC4uLnJlc3RJbnB1dFByb3BzXG4gICAgfSxcbiAgICByZWZcbiAgKSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICAgIGNvbnN0IFtvcGVuLCBzZXRPcGVuXSA9IFJlYWN0LnVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCBpbnB1dFJlZiA9IFJlYWN0LnVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKTtcbiAgICBjb25zdCBjb21iaW5lZFJlZnMgPSB1c2VDb21iaW5lZFJlZnMoaW5wdXRSZWYsIHJlZik7XG4gICAgY29uc3QgW2lucHV0VmFsdWUsIHNldElucHV0VmFsdWVdID0gUmVhY3QudXNlU3RhdGUoZGVmYXVsdFZhbHVlIHx8IHNlbGVjdGVkT3B0aW9uKTtcbiAgICBjb25zdCBbc2VhcmNoVmFsdWUsIHNldFNlYXJjaFZhbHVlXSA9IFJlYWN0LnVzZVN0YXRlKCcnKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBzZXRJbnB1dFZhbHVlKGRlZmF1bHRWYWx1ZSB8fCBzZWxlY3RlZE9wdGlvbik7XG4gICAgfSwgW2RlZmF1bHRWYWx1ZSwgc2VsZWN0ZWRPcHRpb25dKTtcblxuICAgIGNvbnN0IGhhbmRsZU9wdGlvbkNsaWNrID0gKG9wdGlvbjogU2VsZWN0T3B0aW9uKSA9PiB7XG4gICAgICBzZXRJbnB1dFZhbHVlKG9wdGlvbik7XG4gICAgICBzZXRPcGVuKGZhbHNlKTtcblxuICAgICAgaWYgKGlzU2VhcmNoYWJsZSkge1xuICAgICAgICBzZXRTZWFyY2hWYWx1ZSgnJyk7XG4gICAgICB9XG4gICAgICBoYW5kbGVTZWxlY3RlZE9wdGlvbihvcHRpb24pO1xuICAgIH07XG5cbiAgICBjb25zdCBoYW5kbGVPbktleURvd24gPSAoZTogS2V5Ym9hcmRFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgICAgY29uc3QgaXNCYWNrc3BhY2VLZXkgPSBlLmtleUNvZGUgPT09IDg7XG5cbiAgICAgIGlmIChpc0JhY2tzcGFjZUtleSkge1xuICAgICAgICBzZXRJbnB1dFZhbHVlKGVtcHR5VmFsdWUpO1xuICAgICAgICBkZWJvdW5jZWRPbkNoYW5nZSgnJyk7XG4gICAgICB9XG4gICAgfTtcblxuICAgIGNvbnN0IGRlYm91bmNlZE9uQ2hhbmdlID0gUmVhY3QudXNlQ2FsbGJhY2soXG4gICAgICBkZWJvdW5jZSh0ZXJtID0+IHtcbiAgICAgICAgYXN5bmNTZWFyY2godGVybSk7XG4gICAgICB9LCA0MDApLFxuICAgICAgW11cbiAgICApO1xuXG4gICAgY29uc3QgaGFuZGxlT25JbnB1dCA9IFJlYWN0LnVzZUNhbGxiYWNrKFxuICAgICAgKGV2ZW50OiBDaGFuZ2VFdmVudCkgPT4ge1xuICAgICAgICBoYW5kbGVTZWFyY2goe1xuICAgICAgICAgIGV2ZW50LFxuICAgICAgICAgIGlzU2VhcmNoYWJsZSxcbiAgICAgICAgICBpc0FzeW5jLFxuICAgICAgICAgIHNldFNlYXJjaFZhbHVlLFxuICAgICAgICAgIG9uQ2hhbmdlOiBkZWJvdW5jZWRPbkNoYW5nZSxcbiAgICAgICAgICBtaW5DaGFyYWN0ZXJzVG9TZWFyY2gsXG4gICAgICAgIH0pO1xuICAgICAgfSxcbiAgICAgIFtkZWJvdW5jZWRPbkNoYW5nZSwgaXNBc3luYywgaXNTZWFyY2hhYmxlLCBtaW5DaGFyYWN0ZXJzVG9TZWFyY2hdXG4gICAgKTtcblxuICAgIGNvbnN0IGZpbHRlcmVkT3B0aW9ucyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgaWYgKGlzQXN5bmMpIHtcbiAgICAgICAgcmV0dXJuIG9wdGlvbnM7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBvcHRpb25zLmZpbHRlcihcbiAgICAgICAgb3B0aW9uID0+ICFzZWFyY2hWYWx1ZSB8fCBvcHRpb24ubGFiZWwudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhzZWFyY2hWYWx1ZS50b0xvd2VyQ2FzZSgpKVxuICAgICAgKTtcbiAgICB9LCBbc2VhcmNoVmFsdWUsIG9wdGlvbnMsIGlzQXN5bmNdKTtcblxuICAgIGNvbnN0IHJpZ2h0SWNvblJlbmRlciA9IHVzZU1lbW8oXG4gICAgICAoKSA9PiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBnYXA6IDI1cHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIHtpc0xvYWRpbmcgJiYgPExvYWRlciAvPn1cbiAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgc2l6ZT17MjB9XG4gICAgICAgICAgICBuYW1lPXtvcGVuID8gJ2NoZXZyb25MYXJnZVVwJyA6ICdjaGV2cm9uTGFyZ2VEb3duJ31cbiAgICAgICAgICAgIGNvbG9yPXt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmF5JywgNTAwKX1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGlzU2VhcmNoYWJsZSAmJiBvcGVuICYmIHNldE9wZW4oIW9wZW4pfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKSxcbiAgICAgIFtvcGVuLCB0aGVtZS51dGlscywgc2V0T3BlbiwgaXNTZWFyY2hhYmxlLCBpc0xvYWRpbmddXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Q2xpY2tBd2F5TGlzdGVuZXJcbiAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgIHNldE9wZW4oZmFsc2UpO1xuICAgICAgICAgIHNldFNlYXJjaFZhbHVlKCcnKTtcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgIGlmICghb3Blbikge1xuICAgICAgICAgICAgICBzZXRPcGVuKHRydWUpO1xuICAgICAgICAgICAgICBjb21iaW5lZFJlZnM/LmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICAgICAgICB9IGVsc2UgaWYgKCFpc1NlYXJjaGFibGUpIHtcbiAgICAgICAgICAgICAgc2V0T3BlbihmYWxzZSk7XG4gICAgICAgICAgICAgIGNvbWJpbmVkUmVmcz8uY3VycmVudD8uYmx1cigpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH19XG4gICAgICAgICAgY3NzPXtzZWxlY3RXcmFwcGVyKHsgb3Blbiwgc3RhdHVzLCBzdHlsZVR5cGUsIGlzU2VhcmNoYWJsZSB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIDxUZXh0RmllbGRcbiAgICAgICAgICAgIHN0eWxlVHlwZT17c3R5bGVUeXBlfVxuICAgICAgICAgICAgcmlnaHRJY29uPXtyaWdodEljb25SZW5kZXJ9XG4gICAgICAgICAgICBvbktleURvd249e2hhbmRsZU9uS2V5RG93bn1cbiAgICAgICAgICAgIG9uSW5wdXQ9e2hhbmRsZU9uSW5wdXR9XG4gICAgICAgICAgICBvbkNoYW5nZT17T05fQ0hBTkdFX01PQ0t9XG4gICAgICAgICAgICByZWFkT25seT17IWlzU2VhcmNoYWJsZX1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtnZW5lcmF0ZVRlc3REYXRhSWQoJ3NlbGVjdC1pbnB1dCcsIGRhdGFUZXN0SWQpfVxuICAgICAgICAgICAgey4uLnJlc3RJbnB1dFByb3BzfVxuICAgICAgICAgICAgc3RhdHVzPXtzdGF0dXN9XG4gICAgICAgICAgICB2YWx1ZT17c2VhcmNoVmFsdWUgfHwgaW5wdXRWYWx1ZS5sYWJlbH1cbiAgICAgICAgICAgIHJlZj17Y29tYmluZWRSZWZzfVxuICAgICAgICAgIC8+XG4gICAgICAgICAge29wZW4gJiYgKFxuICAgICAgICAgICAgPFNlbGVjdE1lbnVcbiAgICAgICAgICAgICAgZmlsdGVyZWRPcHRpb25zPXtmaWx0ZXJlZE9wdGlvbnN9XG4gICAgICAgICAgICAgIGhhbmRsZU9wdGlvbkNsaWNrPXtoYW5kbGVPcHRpb25DbGlja31cbiAgICAgICAgICAgICAgc2VsZWN0ZWRPcHRpb249e2lucHV0VmFsdWUudmFsdWV9XG4gICAgICAgICAgICAgIHNpemU9e3Jlc3RJbnB1dFByb3BzLnNpemV9XG4gICAgICAgICAgICAgIHN0YXR1cz17c3RhdHVzfVxuICAgICAgICAgICAgICBpc0xvYWRpbmc9e2lzTG9hZGluZ31cbiAgICAgICAgICAgICAgaXNWaXJ0dWFsaXplZD17aXNWaXJ0dWFsaXplZH1cbiAgICAgICAgICAgICAgc2VhcmNoVGVybT17aGlnaGxpZ2h0U2VhcmNoID8gc2VhcmNoVmFsdWUgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9DbGlja0F3YXlMaXN0ZW5lcj5cbiAgICApO1xuICB9XG4pO1xuXG5TZWxlY3QuZGlzcGxheU5hbWUgPSAnU2VsZWN0JztcblxuZXhwb3J0IGRlZmF1bHQgU2VsZWN0O1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFKa0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZWJvdW5jZSB9IGZyb20gJ2xvZGFzaCc7XG5pbXBvcnQgUmVhY3QsIHsgSW5wdXRIVE1MQXR0cmlidXRlcywgdXNlRWZmZWN0LCB1c2VNZW1vLCBLZXlib2FyZEV2ZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgZ2VuZXJhdGVUZXN0RGF0YUlkIH0gZnJvbSAndXRpbHMvaGVscGVycyc7XG5cbmltcG9ydCB1c2VDb21iaW5lZFJlZnMgZnJvbSAnLi4vLi4vaG9va3MvdXNlQ29tYmluZWRSZWZzJztcbmltcG9ydCB1c2VUaGVtZSBmcm9tICcuLi8uLi9ob29rcy91c2VUaGVtZSc7XG5pbXBvcnQgeyBDaGFuZ2VFdmVudCB9IGZyb20gJy4uLy4uL3V0aWxzL2NvbW1vbic7XG5pbXBvcnQgSWNvbiBmcm9tICcuLi9JY29uJztcbmltcG9ydCBUZXh0RmllbGQgZnJvbSAnLi4vVGV4dEZpZWxkJztcbmltcG9ydCB7IFByb3BzIGFzIFRleHRGaWVsZFByb3BzIH0gZnJvbSAnLi4vVGV4dEZpZWxkL1RleHRGaWVsZCc7XG5pbXBvcnQgQ2xpY2tBd2F5TGlzdGVuZXIgZnJvbSAnLi4vdXRpbHMvQ2xpY2tBd2F5TGlzdGVuZXInO1xuaW1wb3J0IGhhbmRsZVNlYXJjaCBmcm9tICcuLi91dGlscy9oYW5kbGVTZWFyY2gnO1xuaW1wb3J0IFNlbGVjdE1lbnUgZnJvbSAnLi9jb21wb25lbnRzL1NlbGVjdE1lbnUvU2VsZWN0TWVudSc7XG5pbXBvcnQgeyBzZWxlY3RXcmFwcGVyIH0gZnJvbSAnLi9TZWxlY3Quc3R5bGUnO1xuaW1wb3J0IExvYWRlciBmcm9tICdjb21wb25lbnRzL0xvYWRlcic7XG5cbmV4cG9ydCB0eXBlIFNlbGVjdE9wdGlvbiA9IHtcbiAgdmFsdWU6IHN0cmluZyB8IG51bWJlcjtcbiAgbGFiZWw6IHN0cmluZztcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIHRvb2x0aXBJbmZvPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSB7XG4gIC8qKiBUaGUgZnVuY3Rpb24gdGhhdCBpcyB1c2VkIHRvIHJldHVybiB0aGUgc2VsZWN0ZWQgb3B0aW9ucyAqL1xuICBoYW5kbGVTZWxlY3RlZE9wdGlvbj86IChzZWxlY3RlZE9wdGlvbjogU2VsZWN0T3B0aW9uKSA9PiB2b2lkO1xuICAvKiogdGhlIGRlZmF1bHQgdmFsdWUgb2YgdGhlIHNlbGVjdCBpZiBuZWVkZWQgKi9cbiAgLyoqIFRPRE86IGRlZmF1bHRWYWx1ZSBpcyBkdXBsaWNhdGlvbiBvZiBzZWxlY3RlZE9wdGlvbiovXG4gIGRlZmF1bHRWYWx1ZT86IFNlbGVjdE9wdGlvbjtcbiAgLyoqIHRoZSB2YWx1ZSBvZiB0aGUgc2VsZWN0IGlmIHNlbGVjdCBpcyBjb250cm9sbGVkICovXG4gIHNlbGVjdGVkT3B0aW9uPzogU2VsZWN0T3B0aW9uO1xuICAvKiogaWYgdGhlIHNlbGVjdCBoYXMgdGFncyAqL1xuICBtdWx0aT86IGJvb2xlYW47XG4gIC8qKiBPcHRpb25zIGZvciB0aGUgc2VsZWN0IGRyb3Bkb3duICovXG4gIG9wdGlvbnM6IFNlbGVjdE9wdGlvbltdO1xuICAvKiogaWYgdGhlIGNvbXBvbmVudCBpcyB1c2VkIGFzeW5jaHJvbm91c2x5ICovXG4gIGlzQXN5bmM/OiBib29sZWFuO1xuICAvKiogdGhlIGZ1bmN0aW9uIHRvIGZldGNoIG5ldyBvcHRpb25zICovXG4gIGFzeW5jU2VhcmNoPzogKHRlcm06IHN0cmluZykgPT4gdm9pZDtcbiAgLyoqIGFmdGVyIGhvdyBtYW55IGNoYXJhY3RlcnMgdG8gc3RhcnQgc2VhcmNoaW5nIChkZWZhdWx0ID0gMCkgKi9cbiAgbWluQ2hhcmFjdGVyc1RvU2VhcmNoPzogbnVtYmVyO1xuICAvKiogaWYgc2VhcmNoZWQgdGV4dCBzaG91bGQgYmUgaGlnaGxpZ2h0ZWQgaW4gYXZhaWxhYmxlIG9wdGlvbnMgKi9cbiAgaGlnaGxpZ2h0U2VhcmNoPzogYm9vbGVhbjtcbiAgLyoqIGlmIHRoZSBvcHRpb25zIGFyZSBzZWFyY2hhYmxlICovXG4gIGlzU2VhcmNoYWJsZT86IGJvb2xlYW47XG4gIC8qKiBkYXRhLXRlc3RpZCBzdWZmaXggKi9cbiAgZGF0YVRlc3RJZD86IHN0cmluZztcbiAgLyoqIGlmIGNvbXBvbmVudCBpcyBsb2FkaW5nICovXG4gIGlzTG9hZGluZz86IGJvb2xlYW47XG4gIC8qKiBpZiBvcHRpb25zIGxpc3QgaXMgdmlydHVhbGl6ZWQgKi9cbiAgaXNWaXJ0dWFsaXplZD86IGJvb2xlYW47XG59ICYgVGV4dEZpZWxkUHJvcHM7XG5cbmNvbnN0IGVtcHR5VmFsdWUgPSB7IGxhYmVsOiAnJywgdmFsdWU6ICcnIH07XG5cbi8vIE1vY2tzIG9uQ2hhbmdlIHRvIGF2b2lkIHJlYWRvbmx5IHdhcm5pbmcgZm9yIFRleHRGaWVsZCBDb21wb25lbnRcbmNvbnN0IE9OX0NIQU5HRV9NT0NLID0gKCkgPT4ge307XG5cbnR5cGUgSW5wdXRQcm9wcyA9IFBhcnRpYWw8T21pdDxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAnc2l6ZSc+PjtcblxuY29uc3QgU2VsZWN0ID0gUmVhY3QuZm9yd2FyZFJlZjxIVE1MSW5wdXRFbGVtZW50LCBQcm9wcyAmIElucHV0UHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgaGFuZGxlU2VsZWN0ZWRPcHRpb24gPSAoKSA9PiB7fSxcbiAgICAgIGRlZmF1bHRWYWx1ZSA9IHVuZGVmaW5lZCxcbiAgICAgIHNlbGVjdGVkT3B0aW9uID0gZW1wdHlWYWx1ZSxcbiAgICAgIG11bHRpID0gZmFsc2UsXG4gICAgICBvcHRpb25zLFxuICAgICAgaXNBc3luYyA9IGZhbHNlLFxuICAgICAgaXNMb2FkaW5nID0gZmFsc2UsXG4gICAgICBhc3luY1NlYXJjaCA9ICgpID0+IHt9LFxuICAgICAgc3RhdHVzID0gJ25vcm1hbCcsXG4gICAgICBtaW5DaGFyYWN0ZXJzVG9TZWFyY2ggPSAwLFxuICAgICAgaGlnaGxpZ2h0U2VhcmNoID0gZmFsc2UsXG4gICAgICBpc1NlYXJjaGFibGUgPSB0cnVlLFxuICAgICAgaXNWaXJ0dWFsaXplZCA9IGZhbHNlLFxuICAgICAgc3R5bGVUeXBlLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICBsb2NrZWQsXG4gICAgICBkYXRhVGVzdElkLFxuICAgICAgLi4ucmVzdElucHV0UHJvcHNcbiAgICB9LFxuICAgIHJlZlxuICApID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gICAgY29uc3QgW29wZW4sIHNldE9wZW5dID0gUmVhY3QudXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IGlucHV0UmVmID0gUmVhY3QudXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpO1xuICAgIGNvbnN0IGNvbWJpbmVkUmVmcyA9IHVzZUNvbWJpbmVkUmVmcyhpbnB1dFJlZiwgcmVmKTtcbiAgICBjb25zdCBbaW5wdXRWYWx1ZSwgc2V0SW5wdXRWYWx1ZV0gPSBSZWFjdC51c2VTdGF0ZShkZWZhdWx0VmFsdWUgfHwgc2VsZWN0ZWRPcHRpb24pO1xuICAgIGNvbnN0IFtzZWFyY2hWYWx1ZSwgc2V0U2VhcmNoVmFsdWVdID0gUmVhY3QudXNlU3RhdGUoJycpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIHNldElucHV0VmFsdWUoZGVmYXVsdFZhbHVlIHx8IHNlbGVjdGVkT3B0aW9uKTtcbiAgICB9LCBbZGVmYXVsdFZhbHVlLCBzZWxlY3RlZE9wdGlvbl0pO1xuXG4gICAgY29uc3QgaGFuZGxlT3B0aW9uQ2xpY2sgPSAob3B0aW9uOiBTZWxlY3RPcHRpb24pID0+IHtcbiAgICAgIHNldElucHV0VmFsdWUob3B0aW9uKTtcbiAgICAgIHNldE9wZW4oZmFsc2UpO1xuXG4gICAgICBpZiAoaXNTZWFyY2hhYmxlKSB7XG4gICAgICAgIHNldFNlYXJjaFZhbHVlKCcnKTtcbiAgICAgIH1cbiAgICAgIGhhbmRsZVNlbGVjdGVkT3B0aW9uKG9wdGlvbik7XG4gICAgfTtcblxuICAgIGNvbnN0IGhhbmRsZU9uS2V5RG93biA9IChlOiBLZXlib2FyZEV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICBjb25zdCBpc0JhY2tzcGFjZUtleSA9IGUua2V5Q29kZSA9PT0gODtcblxuICAgICAgaWYgKGlzQmFja3NwYWNlS2V5KSB7XG4gICAgICAgIHNldElucHV0VmFsdWUoZW1wdHlWYWx1ZSk7XG4gICAgICAgIGRlYm91bmNlZE9uQ2hhbmdlKCcnKTtcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3QgZGVib3VuY2VkT25DaGFuZ2UgPSBSZWFjdC51c2VDYWxsYmFjayhcbiAgICAgIGRlYm91bmNlKHRlcm0gPT4ge1xuICAgICAgICBhc3luY1NlYXJjaCh0ZXJtKTtcbiAgICAgIH0sIDQwMCksXG4gICAgICBbXVxuICAgICk7XG5cbiAgICBjb25zdCBoYW5kbGVPbklucHV0ID0gUmVhY3QudXNlQ2FsbGJhY2soXG4gICAgICAoZXZlbnQ6IENoYW5nZUV2ZW50KSA9PiB7XG4gICAgICAgIGhhbmRsZVNlYXJjaCh7XG4gICAgICAgICAgZXZlbnQsXG4gICAgICAgICAgaXNTZWFyY2hhYmxlLFxuICAgICAgICAgIGlzQXN5bmMsXG4gICAgICAgICAgc2V0U2VhcmNoVmFsdWUsXG4gICAgICAgICAgb25DaGFuZ2U6IGRlYm91bmNlZE9uQ2hhbmdlLFxuICAgICAgICAgIG1pbkNoYXJhY3RlcnNUb1NlYXJjaCxcbiAgICAgICAgfSk7XG4gICAgICB9LFxuICAgICAgW2RlYm91bmNlZE9uQ2hhbmdlLCBpc0FzeW5jLCBpc1NlYXJjaGFibGUsIG1pbkNoYXJhY3RlcnNUb1NlYXJjaF1cbiAgICApO1xuXG4gICAgY29uc3QgZmlsdGVyZWRPcHRpb25zID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICBpZiAoaXNBc3luYykge1xuICAgICAgICByZXR1cm4gb3B0aW9ucztcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIG9wdGlvbnMuZmlsdGVyKFxuICAgICAgICBvcHRpb24gPT4gIXNlYXJjaFZhbHVlIHx8IG9wdGlvbi5sYWJlbC50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKHNlYXJjaFZhbHVlLnRvTG93ZXJDYXNlKCkpXG4gICAgICApO1xuICAgIH0sIFtzZWFyY2hWYWx1ZSwgb3B0aW9ucywgaXNBc3luY10pO1xuXG4gICAgY29uc3QgcmlnaHRJY29uUmVuZGVyID0gdXNlTWVtbyhcbiAgICAgICgpID0+IChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGdhcDogMjVweDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2lzTG9hZGluZyAmJiA8TG9hZGVyIC8+fVxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBzaXplPXsyMH1cbiAgICAgICAgICAgIG5hbWU9e29wZW4gPyAnY2hldnJvbkxhcmdlVXAnIDogJ2NoZXZyb25MYXJnZURvd24nfVxuICAgICAgICAgICAgY29sb3I9e3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyYXknLCA1MDApfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4gaXNTZWFyY2hhYmxlICYmIG9wZW4gJiYgc2V0T3Blbighb3Blbil9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICApLFxuICAgICAgW29wZW4sIHRoZW1lLnV0aWxzLCBzZXRPcGVuLCBpc1NlYXJjaGFibGUsIGlzTG9hZGluZ11cbiAgICApO1xuXG4gICAgY29uc3QgaGFuZGxlQ2xpY2sgPSAoKSA9PiB7XG4gICAgICBpZiAoIW9wZW4pIHtcbiAgICAgICAgc2V0T3Blbih0cnVlKTtcbiAgICAgICAgY29tYmluZWRSZWZzPy5jdXJyZW50Py5mb2N1cygpO1xuICAgICAgfSBlbHNlIGlmICghaXNTZWFyY2hhYmxlKSB7XG4gICAgICAgIHNldE9wZW4oZmFsc2UpO1xuICAgICAgICBjb21iaW5lZFJlZnM/LmN1cnJlbnQ/LmJsdXIoKTtcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxDbGlja0F3YXlMaXN0ZW5lclxuICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgc2V0T3BlbihmYWxzZSk7XG4gICAgICAgICAgc2V0U2VhcmNoVmFsdWUoJycpO1xuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgey4uLighKGRpc2FibGVkIHx8IGxvY2tlZCkgJiYgeyBvbkNsaWNrOiBoYW5kbGVDbGljayB9KX1cbiAgICAgICAgICBjc3M9e3NlbGVjdFdyYXBwZXIoeyBvcGVuLCBzdGF0dXMsIHN0eWxlVHlwZSwgaXNTZWFyY2hhYmxlIH0pfVxuICAgICAgICA+XG4gICAgICAgICAgPFRleHRGaWVsZFxuICAgICAgICAgICAgc3R5bGVUeXBlPXtzdHlsZVR5cGV9XG4gICAgICAgICAgICByaWdodEljb249e3JpZ2h0SWNvblJlbmRlcn1cbiAgICAgICAgICAgIG9uS2V5RG93bj17aGFuZGxlT25LZXlEb3dufVxuICAgICAgICAgICAgb25JbnB1dD17aGFuZGxlT25JbnB1dH1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtPTl9DSEFOR0VfTU9DS31cbiAgICAgICAgICAgIHJlYWRPbmx5PXshaXNTZWFyY2hhYmxlfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgbG9ja2VkPXtsb2NrZWR9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17Z2VuZXJhdGVUZXN0RGF0YUlkKCdzZWxlY3QtaW5wdXQnLCBkYXRhVGVzdElkKX1cbiAgICAgICAgICAgIHsuLi5yZXN0SW5wdXRQcm9wc31cbiAgICAgICAgICAgIHN0YXR1cz17c3RhdHVzfVxuICAgICAgICAgICAgdmFsdWU9e3NlYXJjaFZhbHVlIHx8IGlucHV0VmFsdWUubGFiZWx9XG4gICAgICAgICAgICByZWY9e2NvbWJpbmVkUmVmc31cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtvcGVuICYmIChcbiAgICAgICAgICAgIDxTZWxlY3RNZW51XG4gICAgICAgICAgICAgIGZpbHRlcmVkT3B0aW9ucz17ZmlsdGVyZWRPcHRpb25zfVxuICAgICAgICAgICAgICBoYW5kbGVPcHRpb25DbGljaz17aGFuZGxlT3B0aW9uQ2xpY2t9XG4gICAgICAgICAgICAgIHNlbGVjdGVkT3B0aW9uPXtpbnB1dFZhbHVlLnZhbHVlfVxuICAgICAgICAgICAgICBzaXplPXtyZXN0SW5wdXRQcm9wcy5zaXplfVxuICAgICAgICAgICAgICBzdGF0dXM9e3N0YXR1c31cbiAgICAgICAgICAgICAgaXNMb2FkaW5nPXtpc0xvYWRpbmd9XG4gICAgICAgICAgICAgIGlzVmlydHVhbGl6ZWQ9e2lzVmlydHVhbGl6ZWR9XG4gICAgICAgICAgICAgIHNlYXJjaFRlcm09e2hpZ2hsaWdodFNlYXJjaCA/IHNlYXJjaFZhbHVlIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvQ2xpY2tBd2F5TGlzdGVuZXI+XG4gICAgKTtcbiAgfVxuKTtcblxuU2VsZWN0LmRpc3BsYXlOYW1lID0gJ1NlbGVjdCc7XG5cbmV4cG9ydCBkZWZhdWx0IFNlbGVjdDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -87,6 +87,8 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref2, ref) {
       _ref2$isVirtualized = _ref2.isVirtualized,
       isVirtualized = _ref2$isVirtualized === void 0 ? false : _ref2$isVirtualized,
       styleType = _ref2.styleType,
+      disabled = _ref2.disabled,
+      locked = _ref2.locked,
       dataTestId = _ref2.dataTestId,
       restInputProps = _objectWithoutPropertiesLoose(_ref2, _excluded);
 
@@ -168,38 +170,44 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref2, ref) {
       }
     }));
   }, [open, theme.utils, setOpen, isSearchable, isLoading]);
+
+  var handleClick = function handleClick() {
+    if (!open) {
+      var _combinedRefs$current;
+
+      setOpen(true);
+      combinedRefs == null ? void 0 : (_combinedRefs$current = combinedRefs.current) == null ? void 0 : _combinedRefs$current.focus();
+    } else if (!isSearchable) {
+      var _combinedRefs$current2;
+
+      setOpen(false);
+      combinedRefs == null ? void 0 : (_combinedRefs$current2 = combinedRefs.current) == null ? void 0 : _combinedRefs$current2.blur();
+    }
+  };
+
   return (0, _react.jsx)(_ClickAwayListener["default"], {
     onClick: function onClick() {
       setOpen(false);
       setSearchValue('');
     }
-  }, (0, _react.jsx)("div", {
-    onClick: function onClick() {
-      if (!open) {
-        var _combinedRefs$current;
-
-        setOpen(true);
-        combinedRefs == null ? void 0 : (_combinedRefs$current = combinedRefs.current) == null ? void 0 : _combinedRefs$current.focus();
-      } else if (!isSearchable) {
-        var _combinedRefs$current2;
-
-        setOpen(false);
-        combinedRefs == null ? void 0 : (_combinedRefs$current2 = combinedRefs.current) == null ? void 0 : _combinedRefs$current2.blur();
-      }
-    },
+  }, (0, _react.jsx)("div", _extends({}, !(disabled || locked) && {
+    onClick: handleClick
+  }, {
     css: (0, _Select.selectWrapper)({
       open: open,
       status: status,
       styleType: styleType,
       isSearchable: isSearchable
     })
-  }, (0, _react.jsx)(_TextField["default"], _extends({
+  }), (0, _react.jsx)(_TextField["default"], _extends({
     styleType: styleType,
     rightIcon: rightIconRender,
     onKeyDown: handleOnKeyDown,
     onInput: handleOnInput,
     onChange: ON_CHANGE_MOCK,
     readOnly: !isSearchable,
+    disabled: disabled,
+    locked: locked,
     "data-testid": (0, _helpers.generateTestDataId)('select-input', dataTestId)
   }, restInputProps, {
     status: status,

package/dist/components/Tooltip/Tooltip.d.ts

@@ -13,6 +13,7 @@ declare type Props = {
     /** The size of the tooltip to define different style */
     /** @default medium */
     size?: TooltipSize;
+    children: React.ReactElement;
 };
 declare const Tooltip: React.FC<Props>;
 export default Tooltip;

package/dist/components/Tooltip/Tooltip.js

@@ -3,15 +3,13 @@
 exports.__esModule = true;
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireDefault(require("@tippyjs/react"));
 
-var _reactTooltip = _interopRequireDefault(require("react-tooltip"));
-
-var _uuid = require("uuid");
+var _react2 = _interopRequireDefault(require("react"));
 
 var _Tooltip = require("./Tooltip.style");
 
-var _react2 = require("@emotion/react");
+var _react3 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -23,21 +21,14 @@ var Tooltip = function Tooltip(_ref) {
       content = _ref.content,
       _ref$placement = _ref.placement,
       placement = _ref$placement === void 0 ? 'top' : _ref$placement;
-  var tooltipID = id || (0, _uuid.v4)();
-  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)("div", {
-    css: (0, _Tooltip.tooltipChildrenWrapperStyle)(),
-    "data-tip": true,
-    "data-for": tooltipID
-  }, children), (0, _react2.jsx)(_reactTooltip["default"], {
+  return (0, _react3.jsx)(_react["default"], {
+    "data-testid": id,
     css: (0, _Tooltip.tooltipStyle)({
-      placement: placement,
       size: size
     }),
-    id: tooltipID,
-    place: placement,
-    effect: "solid",
-    className: "tooltip"
-  }, content));
+    content: content,
+    placement: placement
+  }, children);
 };
 
 var _default = Tooltip;

package/dist/components/Tooltip/Tooltip.style.d.ts

@@ -1,8 +1,7 @@
 import { SerializedStyles } from '@emotion/react';
 import { Theme } from '../../theme';
-import { TooltipPlacement, TooltipSize } from './Tooltip';
-export declare const tooltipStyle: ({ placement, size, }: {
-    placement: TooltipPlacement;
+import { TooltipSize } from './Tooltip';
+import 'tippy.js/dist/tippy.css';
+export declare const tooltipStyle: ({ size }: {
     size: TooltipSize;
 }) => (theme: Theme) => SerializedStyles;
-export declare const tooltipChildrenWrapperStyle: () => (theme: Theme) => SerializedStyles;

package/dist/components/Tooltip/Tooltip.style.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.tooltipChildrenWrapperStyle = exports.tooltipStyle = void 0;
+exports.tooltipStyle = void 0;
 
 var _react = require("@emotion/react");
 
@@ -9,11 +9,10 @@ var _polished = require("polished");
 
 var _palette = require("../../theme/palette");
 
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+require("tippy.js/dist/tippy.css");
 
-var tooltipStyle = function tooltipStyle(_ref2) {
-  var placement = _ref2.placement,
-      size = _ref2.size;
+var tooltipStyle = function tooltipStyle(_ref) {
+  var size = _ref.size;
   return function (theme) {
     var color = theme.overrides.tooltip.background.color;
     var shade = theme.overrides.tooltip.background.shade;
@@ -33,27 +32,9 @@ var tooltipStyle = function tooltipStyle(_ref2) {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("color:", (0, _palette.pickTextColorFromSwatches)(color, shade), "!important;background-color:", backgroundColor, "!important;max-width:", (0, _polished.rem)(256), ";padding:", theme.spacing.sm, "!important;font-size:", defineFontSizeBasedOnTooltipSize(size), "!important;line-height:110%;border-radius:", theme.spacing.sm, ";text-align:justify;&.show{opacity:1!important;}&.place-", placement, "{&::after{border-", placement, "-color:", backgroundColor, "!important;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:tooltipStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1Rvb2x0aXAvVG9vbHRpcC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QlkiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVG9vbHRpcC9Ub29sdGlwLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAncG9saXNoZWQnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IHBpY2tUZXh0Q29sb3JGcm9tU3dhdGNoZXMgfSBmcm9tICcuLi8uLi90aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IFRvb2x0aXBQbGFjZW1lbnQsIFRvb2x0aXBTaXplIH0gZnJvbSAnLi9Ub29sdGlwJztcblxuZXhwb3J0IGNvbnN0IHRvb2x0aXBTdHlsZSA9ICh7XG4gIHBsYWNlbWVudCxcbiAgc2l6ZSxcbn06IHtcbiAgcGxhY2VtZW50OiBUb29sdGlwUGxhY2VtZW50O1xuICBzaXplOiBUb29sdGlwU2l6ZTtcbn0pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgY29uc3QgY29sb3IgPSB0aGVtZS5vdmVycmlkZXMudG9vbHRpcC5iYWNrZ3JvdW5kLmNvbG9yO1xuICBjb25zdCBzaGFkZSA9IHRoZW1lLm92ZXJyaWRlcy50b29sdGlwLmJhY2tncm91bmQuc2hhZGU7XG4gIGNvbnN0IGJhY2tncm91bmRDb2xvciA9IHRoZW1lLnV0aWxzLmdldENvbG9yKGNvbG9yLCBzaGFkZSk7XG5cbiAgY29uc3QgZGVmaW5lRm9udFNpemVCYXNlZE9uVG9vbHRpcFNpemUgPSAoc2l6ZTogVG9vbHRpcFNpemUpID0+IHtcbiAgICBpZiAoc2l6ZSA9PT0gJ2xhcmdlJykge1xuICAgICAgcmV0dXJuIHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWycxNiddO1xuICAgIH0gZWxzZSBpZiAoc2l6ZSA9PT0gJ3NtYWxsJykge1xuICAgICAgcmV0dXJuIHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWycxMiddO1xuICAgIH1cblxuICAgIHJldHVybiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTQnXTtcbiAgfTtcblxuICByZXR1cm4gY3NzYFxuICAgIGNvbG9yOiAke3BpY2tUZXh0Q29sb3JGcm9tU3dhdGNoZXMoY29sb3IsIHNoYWRlKX0gIWltcG9ydGFudDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmRDb2xvcn0gIWltcG9ydGFudDtcbiAgICBtYXgtd2lkdGg6ICR7cmVtKDI1Nil9O1xuICAgIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZy5zbX0gIWltcG9ydGFudDtcbiAgICBmb250LXNpemU6ICR7ZGVmaW5lRm9udFNpemVCYXNlZE9uVG9vbHRpcFNpemUoc2l6ZSl9ICFpbXBvcnRhbnQ7XG4gICAgbGluZS1oZWlnaHQ6IDExMCU7XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbiAgICB0ZXh0LWFsaWduOiBqdXN0aWZ5O1xuICAgICYuc2hvdyB7XG4gICAgICBvcGFjaXR5OiAxICFpbXBvcnRhbnQ7XG4gICAgfVxuICAgICYucGxhY2UtJHtwbGFjZW1lbnR9IHtcbiAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgYm9yZGVyLSR7cGxhY2VtZW50fS1jb2xvcjogJHtiYWNrZ3JvdW5kQ29sb3J9ICFpbXBvcnRhbnQ7XG4gICAgICB9XG4gICAgfVxuICBgO1xufTtcblxuZXhwb3J0IGNvbnN0IHRvb2x0aXBDaGlsZHJlbldyYXBwZXJTdHlsZSA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:tooltipStyle;")
+      (0, _react.css)("background:transparent;.tippy-content{color:", (0, _palette.pickTextColorFromSwatches)(color, shade), ";background-color:", backgroundColor, ";max-width:", (0, _polished.rem)(256), ";padding:", theme.spacing.sm, ";font-size:", defineFontSizeBasedOnTooltipSize(size), ";line-height:110%;border-radius:", theme.spacing.sm, ";text-align:justify;}.tippy-arrow{color:", backgroundColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:tooltipStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1Rvb2x0aXAvVG9vbHRpcC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QlkiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVG9vbHRpcC9Ub29sdGlwLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAncG9saXNoZWQnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IHBpY2tUZXh0Q29sb3JGcm9tU3dhdGNoZXMgfSBmcm9tICcuLi8uLi90aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IFRvb2x0aXBTaXplIH0gZnJvbSAnLi9Ub29sdGlwJztcbmltcG9ydCAndGlwcHkuanMvZGlzdC90aXBweS5jc3MnO1xuXG5leHBvcnQgY29uc3QgdG9vbHRpcFN0eWxlID0gKHsgc2l6ZSB9OiB7IHNpemU6IFRvb2x0aXBTaXplIH0pID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgY29uc3QgY29sb3IgPSB0aGVtZS5vdmVycmlkZXMudG9vbHRpcC5iYWNrZ3JvdW5kLmNvbG9yO1xuICBjb25zdCBzaGFkZSA9IHRoZW1lLm92ZXJyaWRlcy50b29sdGlwLmJhY2tncm91bmQuc2hhZGU7XG4gIGNvbnN0IGJhY2tncm91bmRDb2xvciA9IHRoZW1lLnV0aWxzLmdldENvbG9yKGNvbG9yLCBzaGFkZSk7XG5cbiAgY29uc3QgZGVmaW5lRm9udFNpemVCYXNlZE9uVG9vbHRpcFNpemUgPSAoc2l6ZTogVG9vbHRpcFNpemUpID0+IHtcbiAgICBpZiAoc2l6ZSA9PT0gJ2xhcmdlJykge1xuICAgICAgcmV0dXJuIHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWycxNiddO1xuICAgIH0gZWxzZSBpZiAoc2l6ZSA9PT0gJ3NtYWxsJykge1xuICAgICAgcmV0dXJuIHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWycxMiddO1xuICAgIH1cblxuICAgIHJldHVybiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTQnXTtcbiAgfTtcblxuICByZXR1cm4gY3NzYFxuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgIC50aXBweS1jb250ZW50IHtcbiAgICAgIGNvbG9yOiAke3BpY2tUZXh0Q29sb3JGcm9tU3dhdGNoZXMoY29sb3IsIHNoYWRlKX07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmRDb2xvcn07XG4gICAgICBtYXgtd2lkdGg6ICR7cmVtKDI1Nil9O1xuICAgICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZWZpbmVGb250U2l6ZUJhc2VkT25Ub29sdGlwU2l6ZShzaXplKX07XG4gICAgICBsaW5lLWhlaWdodDogMTEwJTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUuc3BhY2luZy5zbX07XG4gICAgICB0ZXh0LWFsaWduOiBqdXN0aWZ5O1xuICAgIH1cbiAgICAudGlwcHktYXJyb3cge1xuICAgICAgY29sb3I6ICR7YmFja2dyb3VuZENvbG9yfTtcbiAgICB9XG4gIGA7XG59O1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:tooltipStyle;")
     );
   };
 };
 
-exports.tooltipStyle = tooltipStyle;
-
-var _ref = process.env.NODE_ENV === "production" ? {
-  name: "pl708y",
-  styles: "display:inline-flex;align-items:center;justify-content:center"
-} : {
-  name: "jte9ii-tooltipChildrenWrapperStyle",
-  styles: "display:inline-flex;align-items:center;justify-content:center;label:tooltipChildrenWrapperStyle;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1Rvb2x0aXAvVG9vbHRpcC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRHdGIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1Rvb2x0aXAvVG9vbHRpcC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3BvbGlzaGVkJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi90aGVtZSc7XG5pbXBvcnQgeyBwaWNrVGV4dENvbG9yRnJvbVN3YXRjaGVzIH0gZnJvbSAnLi4vLi4vdGhlbWUvcGFsZXR0ZSc7XG5pbXBvcnQgeyBUb29sdGlwUGxhY2VtZW50LCBUb29sdGlwU2l6ZSB9IGZyb20gJy4vVG9vbHRpcCc7XG5cbmV4cG9ydCBjb25zdCB0b29sdGlwU3R5bGUgPSAoe1xuICBwbGFjZW1lbnQsXG4gIHNpemUsXG59OiB7XG4gIHBsYWNlbWVudDogVG9vbHRpcFBsYWNlbWVudDtcbiAgc2l6ZTogVG9vbHRpcFNpemU7XG59KSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIGNvbnN0IGNvbG9yID0gdGhlbWUub3ZlcnJpZGVzLnRvb2x0aXAuYmFja2dyb3VuZC5jb2xvcjtcbiAgY29uc3Qgc2hhZGUgPSB0aGVtZS5vdmVycmlkZXMudG9vbHRpcC5iYWNrZ3JvdW5kLnNoYWRlO1xuICBjb25zdCBiYWNrZ3JvdW5kQ29sb3IgPSB0aGVtZS51dGlscy5nZXRDb2xvcihjb2xvciwgc2hhZGUpO1xuXG4gIGNvbnN0IGRlZmluZUZvbnRTaXplQmFzZWRPblRvb2x0aXBTaXplID0gKHNpemU6IFRvb2x0aXBTaXplKSA9PiB7XG4gICAgaWYgKHNpemUgPT09ICdsYXJnZScpIHtcbiAgICAgIHJldHVybiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTYnXTtcbiAgICB9IGVsc2UgaWYgKHNpemUgPT09ICdzbWFsbCcpIHtcbiAgICAgIHJldHVybiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTInXTtcbiAgICB9XG5cbiAgICByZXR1cm4gdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE0J107XG4gIH07XG5cbiAgcmV0dXJuIGNzc2BcbiAgICBjb2xvcjogJHtwaWNrVGV4dENvbG9yRnJvbVN3YXRjaGVzKGNvbG9yLCBzaGFkZSl9ICFpbXBvcnRhbnQ7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtiYWNrZ3JvdW5kQ29sb3J9ICFpbXBvcnRhbnQ7XG4gICAgbWF4LXdpZHRoOiAke3JlbSgyNTYpfTtcbiAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc219ICFpbXBvcnRhbnQ7XG4gICAgZm9udC1zaXplOiAke2RlZmluZUZvbnRTaXplQmFzZWRPblRvb2x0aXBTaXplKHNpemUpfSAhaW1wb3J0YW50O1xuICAgIGxpbmUtaGVpZ2h0OiAxMTAlO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUuc3BhY2luZy5zbX07XG4gICAgdGV4dC1hbGlnbjoganVzdGlmeTtcbiAgICAmLnNob3cge1xuICAgICAgb3BhY2l0eTogMSAhaW1wb3J0YW50O1xuICAgIH1cbiAgICAmLnBsYWNlLSR7cGxhY2VtZW50fSB7XG4gICAgICAmOjphZnRlciB7XG4gICAgICAgIGJvcmRlci0ke3BsYWNlbWVudH0tY29sb3I6ICR7YmFja2dyb3VuZENvbG9yfSAhaW1wb3J0YW50O1xuICAgICAgfVxuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCB0b29sdGlwQ2hpbGRyZW5XcmFwcGVyU3R5bGUgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-
-var tooltipChildrenWrapperStyle = function tooltipChildrenWrapperStyle() {
-  return function (theme) {
-    return _ref;
-  };
-};
-
-exports.tooltipChildrenWrapperStyle = tooltipChildrenWrapperStyle;
+exports.tooltipStyle = tooltipStyle;

package/dist/utils/common.d.ts

@@ -8,5 +8,7 @@ export declare type EventProps = {
     onClick?: () => void;
     onBlur?: () => void;
 };
+export declare type ButtonProps = Omit<React.HTMLProps<HTMLButtonElement>, 'size' | 'css' | 'onBlur' | 'onClick'>;
+export declare type DivProps = Omit<React.HTMLProps<HTMLDivElement>, 'size' | 'css'>;
 export declare type FlexDirectionProperty = 'row' | 'column' | 'row-reverse' | 'column-reverse';
 export declare type ChangeEvent = React.ChangeEvent<HTMLInputElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orfium/ictinus",
-  "version": "3.6.1",
+  "version": "3.8.0",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
@@ -62,6 +62,7 @@
     "eslint-plugin-react-hooks": "^4.2.0",
     "history": "^4.10.1",
     "husky": "^6.0.0",
+    "identity-obj-proxy": "^3.0.0",
     "jest": "^26.6.3",
     "jest-specific-snapshot": "^4.0.0",
     "jest-transform-stub": "^2.0.0",
@@ -88,6 +89,7 @@
     "@emotion/jest": "^11.3.0",
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
+    "@tippyjs/react": "^4.2.5",
     "@types/react-window": "^1.8.4",
     "babel-jest": "^26.6.3",
     "dayjs": "^1.8.34",
@@ -96,7 +98,6 @@
     "polished": "^3.4.4",
     "react-highlight-words": "^0.17.0",
     "react-media": "^2.0.0-rc.1",
-    "react-tooltip": "^4.2.21",
     "react-window": "^1.8.6",
     "recharts": "^1.8.5",
     "uuid": "^8.3.2"
@@ -109,7 +110,7 @@
     "react-router-dom": "^5.2.0"
   },
   "scripts": {
-    "prepare": "yarn build",
+    "prepare": "yarn build && husky install",
     "start": "start-storybook -p 6006",
     "prebuild": "rimraf dist",
     "build:partial:style": "cross-env NODE_ENV=production BABEL_ENV=production babel src --config-file ./babelrc.build.json --extensions '.ts' --out-dir ./dist --plugins=babel-plugin-inline-import-data-uri",