@orfium/ictinus 4.53.0 → 4.55.0-next.1

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

@@ -1,5 +1,4 @@
 import React from 'react';
-import { Props, AvatarSizes } from './Avatar.types';
-declare const Avatar: React.ForwardRefExoticComponent<Pick<Props & Partial<Omit<React.HTMLProps<HTMLDivElement>, "size" | "css">>, "children" | "onChange" | "onBlur" | "onClick" | "type" | "autoFocus" | "disabled" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "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" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "download" | "encType" | "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" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "useMap" | "width" | "wmode" | "wrap" | "key" | keyof Props> & React.RefAttributes<HTMLDivElement>>;
+import { AvatarProps } from './Avatar.types';
+declare const Avatar: React.ForwardRefExoticComponent<Pick<AvatarProps, "children" | "onChange" | "color" | "value" | "type" | "download" | "size" | "name" | "onClick" | "dataTestPrefixId" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "default" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "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" | "onBlur" | "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" | "content" | "height" | "width" | "start" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "encType" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "open" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "useMap" | "wmode" | "wrap"> & React.RefAttributes<HTMLDivElement>>;
 export default Avatar;
-export { Props, AvatarSizes };

package/dist/components/Avatar/Avatar.js

@@ -3,58 +3,61 @@
 exports.__esModule = true;
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
-var _index = require("../../index");
-
-var _themeFunctions = require("../../utils/themeFunctions");
+var _react = _interopRequireWildcard(require("react"));
 
 var _Icon = _interopRequireDefault(require("../Icon"));
 
 var _Avatar = require("./Avatar.style");
 
-var _Avatar2 = require("./Avatar.types");
-
-exports.Props = _Avatar2.Props;
-exports.AvatarSizes = _Avatar2.AvatarSizes;
-
-var _utils = require("./utils");
+var _Avatar2 = _interopRequireDefault(require("./Avatar.tokens"));
 
 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; }
+
 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,
-      iconName = _ref$iconName === void 0 ? 'user' : _ref$iconName,
       _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'md' : _ref$size,
+      size = _ref$size === void 0 ? 1 : _ref$size,
       _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'lightGrey-600' : _ref$color,
-      children = _ref.children,
-      className = _ref.className;
-  var theme = (0, _index.useTheme)();
-  var calculatedColor = (0, _themeFunctions.calculateActualColorFromComponentProp)(color);
+      color = _ref$color === void 0 ? 'blue' : _ref$color,
+      className = _ref.className,
+      _ref$dataTestPrefixId = _ref.dataTestPrefixId,
+      dataTestPrefixId = _ref$dataTestPrefixId === void 0 ? '' : _ref$dataTestPrefixId,
+      children = _ref.children;
+  var avatarContent = (0, _react.useMemo)(function () {
+    if (src) {
+      return (0, _react2.jsx)("img", {
+        src: src
+      });
+    }
+
+    if (!src && children) {
+      return children;
+    }
+
+    return (0, _react2.jsx)(_Icon["default"], {
+      color: _Avatar2["default"].color.getForegroundColor(color),
+      name: 'userAvatar',
+      size: parseFloat(_Avatar2["default"].iconSize[size])
+    });
+  }, [children, color, size, src]);
   return (0, _react2.jsx)("div", {
     ref: ref,
     className: className,
     css: (0, _Avatar.avatarStyle)({
       size: size,
-      fill: calculatedColor.color,
-      fillShade: calculatedColor.shade
-    })
-  }, src && (0, _react2.jsx)("img", {
-    src: src
-  }), !src && !children && iconName && (0, _react2.jsx)(_Icon["default"], {
-    color: theme.utils.getAAColorFromSwatches(calculatedColor.color, calculatedColor.shade),
-    name: iconName,
-    size: (0, _utils.iconSizeBasedOnAvatar)(size)
-  }), !src && children);
+      color: color
+    }),
+    "data-testid": dataTestPrefixId + "_avatar"
+  }, avatarContent);
 });
 
 Avatar.displayName = 'Avatar';
-var _default = Avatar; //TODO: Remove on v5 and change import where necessary
-
+var _default = Avatar;
 exports["default"] = _default;

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

@@ -1,10 +1,7 @@
 import { SerializedStyles } from '@emotion/react';
 import { Theme } from '../../theme';
-import { colorShades, flatColors } from '../../theme/palette';
-import { AvatarSizes } from './Avatar';
-export declare const sizeBasedOnProp: (size: AvatarSizes) => number;
-export declare const avatarStyle: ({ size, fill, fillShade, }: {
+import { AvatarColors, AvatarSizes } from './Avatar.types';
+export declare const avatarStyle: ({ size, color }: {
     size: AvatarSizes;
-    fill: typeof flatColors[number];
-    fillShade: typeof colorShades[number];
+    color: AvatarColors;
 }) => (theme: Theme) => SerializedStyles;

package/dist/components/Avatar/Avatar.style.js

@@ -1,58 +1,25 @@
 "use strict";
 
 exports.__esModule = true;
-exports.avatarStyle = exports.sizeBasedOnProp = void 0;
+exports.avatarStyle = void 0;
 
 var _react = require("@emotion/react");
 
-var _utils = require("../../theme/utils");
-
 var _functions = require("../../theme/functions");
 
-var sizeBasedOnProp = function sizeBasedOnProp(size) {
-  switch (size) {
-    case 'md':
-      return 24;
-
-    case 'sm':
-      return 20;
-
-    case 'xs':
-      return 16;
-
-    default:
-      return 46;
-  }
-};
-
-exports.sizeBasedOnProp = sizeBasedOnProp;
-
-var fontSizeBasedOnProp = function fontSizeBasedOnProp(theme, size) {
-  switch (size) {
-    case 'md':
-      return theme.typography.fontSizes['11'];
-
-    case 'sm':
-      return theme.typography.fontSizes['10'];
+var _Avatar = _interopRequireDefault(require("./Avatar.tokens"));
 
-    case 'xs':
-      return theme.typography.fontSizes['8'];
-
-    default:
-      return theme.typography.fontSizes['16'];
-  }
-};
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var avatarStyle = function avatarStyle(_ref) {
   var size = _ref.size,
-      fill = _ref.fill,
-      fillShade = _ref.fillShade;
+      color = _ref.color;
   return function (theme) {
     return (
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)(_functions.flex, ";width:", (0, _utils.rem)(sizeBasedOnProp(size)), ";height:", (0, _utils.rem)(sizeBasedOnProp(size)), ";border-radius:100%;border:", (0, _utils.rem)(1), " solid ", theme.utils.getColor('lightGrey', 100), ";box-sizing:border-box;background:", theme.utils.getColor(fill, fillShade), ";overflow:hidden;position:relative;font-size:", fontSizeBasedOnProp(theme, size), ";font-weight:", theme.typography.weights.medium, ";align-items:center;flex-shrink:0;line-height:1;user-select:none;justify-content:center;color:", theme.utils.getAAColorFromSwatches(fill, fillShade), ";img{border-radius:100%;width:100%;height:100%;}" + (process.env.NODE_ENV === "production" ? "" : ";label:avatarStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F2YXRhci9BdmF0YXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEM2QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IGZsZXggfSBmcm9tICcuLi8uLi90aGVtZS9mdW5jdGlvbnMnO1xuaW1wb3J0IHsgY29sb3JTaGFkZXMsIGZsYXRDb2xvcnMgfSBmcm9tICcuLi8uLi90aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IEF2YXRhclNpemVzIH0gZnJvbSAnLi9BdmF0YXInO1xuXG5leHBvcnQgY29uc3Qgc2l6ZUJhc2VkT25Qcm9wID0gKHNpemU6IEF2YXRhclNpemVzKTogbnVtYmVyID0+IHtcbiAgc3dpdGNoIChzaXplKSB7XG4gICAgY2FzZSAnbWQnOlxuICAgICAgcmV0dXJuIDI0O1xuICAgIGNhc2UgJ3NtJzpcbiAgICAgIHJldHVybiAyMDtcbiAgICBjYXNlICd4cyc6XG4gICAgICByZXR1cm4gMTY7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiA0NjtcbiAgfVxufTtcblxuY29uc3QgZm9udFNpemVCYXNlZE9uUHJvcCA9ICh0aGVtZTogVGhlbWUsIHNpemU6IEF2YXRhclNpemVzKSA9PiB7XG4gIHN3aXRjaCAoc2l6ZSkge1xuICAgIGNhc2UgJ21kJzpcbiAgICAgIHJldHVybiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTEnXTtcbiAgICBjYXNlICdzbSc6XG4gICAgICByZXR1cm4gdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzEwJ107XG4gICAgY2FzZSAneHMnOlxuICAgICAgcmV0dXJuIHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWyc4J107XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTYnXTtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IGF2YXRhclN0eWxlID0gKHtcbiAgc2l6ZSxcbiAgZmlsbCxcbiAgZmlsbFNoYWRlLFxufToge1xuICBzaXplOiBBdmF0YXJTaXplcztcbiAgZmlsbDogdHlwZW9mIGZsYXRDb2xvcnNbbnVtYmVyXTtcbiAgZmlsbFNoYWRlOiB0eXBlb2YgY29sb3JTaGFkZXNbbnVtYmVyXTtcbn0pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtmbGV4fTtcbiAgd2lkdGg6ICR7cmVtKHNpemVCYXNlZE9uUHJvcChzaXplKSl9O1xuICBoZWlnaHQ6ICR7cmVtKHNpemVCYXNlZE9uUHJvcChzaXplKSl9O1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICBib3JkZXI6ICR7cmVtKDEpfSBzb2xpZCAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAxMDApfTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYmFja2dyb3VuZDogJHt0aGVtZS51dGlscy5nZXRDb2xvcihmaWxsLCBmaWxsU2hhZGUpfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBmb250LXNpemU6ICR7Zm9udFNpemVCYXNlZE9uUHJvcCh0aGVtZSwgc2l6ZSl9O1xuICBmb250LXdlaWdodDogJHt0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMubWVkaXVtfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGxpbmUtaGVpZ2h0OiAxO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGNvbG9yOiAke3RoZW1lLnV0aWxzLmdldEFBQ29sb3JGcm9tU3dhdGNoZXMoZmlsbCwgZmlsbFNoYWRlKX07XG5cbiAgaW1nIHtcbiAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:avatarStyle;")
+      (0, _react.css)(_functions.flex, ";width:", _Avatar["default"].size[size], ";height:", _Avatar["default"].size[size], ";border-radius:", theme.globals.borderRadius.get('7'), ";border:", theme.globals.borderWidth.get('1'), " solid;border-color:", theme.tokens.palette.get('accents.lightPurple.main'), ";box-sizing:border-box;background-color:", _Avatar["default"].color.getBackgroundColor(color), ";color:", _Avatar["default"].color.getForegroundColor(color), ";overflow:hidden;position:relative;font-size:", _Avatar["default"].fontSize[size], ";font-weight:", theme.globals.typography.weights.get('medium'), ";align-items:center;flex-shrink:0;user-select:none;justify-content:center;img{border-radius:", theme.globals.borderRadius.get('7'), ";width:100%;height:100%;}" + (process.env.NODE_ENV === "production" ? "" : ";label:avatarStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F2YXRhci9BdmF0YXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVU8iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi90aGVtZSc7XG5pbXBvcnQgeyBmbGV4IH0gZnJvbSAnLi4vLi4vdGhlbWUvZnVuY3Rpb25zJztcbmltcG9ydCB0b2tlbnMgZnJvbSAnLi9BdmF0YXIudG9rZW5zJztcbmltcG9ydCB7IEF2YXRhckNvbG9ycywgQXZhdGFyU2l6ZXMgfSBmcm9tICcuL0F2YXRhci50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBhdmF0YXJTdHlsZSA9XG4gICh7IHNpemUsIGNvbG9yIH06IHsgc2l6ZTogQXZhdGFyU2l6ZXM7IGNvbG9yOiBBdmF0YXJDb2xvcnMgfSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICAke2ZsZXh9O1xuICAgICAgd2lkdGg6ICR7dG9rZW5zLnNpemVbc2l6ZV19O1xuICAgICAgaGVpZ2h0OiAke3Rva2Vucy5zaXplW3NpemVdfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUuZ2xvYmFscy5ib3JkZXJSYWRpdXMuZ2V0KCc3Jyl9O1xuICAgICAgYm9yZGVyOiAke3RoZW1lLmdsb2JhbHMuYm9yZGVyV2lkdGguZ2V0KCcxJyl9IHNvbGlkO1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnRva2Vucy5wYWxldHRlLmdldCgnYWNjZW50cy5saWdodFB1cnBsZS5tYWluJyl9O1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dG9rZW5zLmNvbG9yLmdldEJhY2tncm91bmRDb2xvcihjb2xvcil9O1xuICAgICAgY29sb3I6ICR7dG9rZW5zLmNvbG9yLmdldEZvcmVncm91bmRDb2xvcihjb2xvcil9O1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGZvbnQtc2l6ZTogJHt0b2tlbnMuZm9udFNpemVbc2l6ZV19O1xuICAgICAgZm9udC13ZWlnaHQ6ICR7dGhlbWUuZ2xvYmFscy50eXBvZ3JhcGh5LndlaWdodHMuZ2V0KCdtZWRpdW0nKX07XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgZmxleC1zaHJpbms6IDA7XG4gICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG4gICAgICBpbWcge1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLmdsb2JhbHMuYm9yZGVyUmFkaXVzLmdldCgnNycpfTtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIH1cbiAgICBgO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:avatarStyle;")
     );
   };
 };

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

@@ -0,0 +1,13 @@
+import { AvatarColors, AvatarSizes } from './Avatar.types';
+export declare type AvatarTokens = {
+    size: Record<AvatarSizes, string>;
+    iconSize: Record<AvatarSizes, string>;
+    avatarStackSize: Record<AvatarSizes, string>;
+    color: {
+        getBackgroundColor: (color: AvatarColors) => string;
+        getForegroundColor: (color: AvatarColors) => string;
+    };
+    fontSize: Record<AvatarSizes, string>;
+};
+declare const tokens: AvatarTokens;
+export default tokens;

package/dist/components/Avatar/Avatar.tokens.js

@@ -0,0 +1,68 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _globals = _interopRequireDefault(require("../../theme/globals"));
+
+var _semantic = _interopRequireDefault(require("../../theme/tokens/semantic"));
+
+var _utils = require("../../theme/utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var AVATAR_ICON_SIZE_FACTOR = 0.8;
+var AVATAR_STACK_OVERLAP_FACTOR = 0.8;
+
+var parseAvatarIconSize = function parseAvatarIconSize(val) {
+  return parseFloat(val) * AVATAR_ICON_SIZE_FACTOR;
+};
+
+var parseAvatarStackSize = function parseAvatarStackSize(val) {
+  return (0, _utils.rem)(parseFloat(val) * AVATAR_STACK_OVERLAP_FACTOR);
+};
+
+var tokens = {
+  size: {
+    1: _globals["default"].sizing.get('5'),
+    2: _globals["default"].sizing.get('6'),
+    3: _globals["default"].sizing.get('9'),
+    4: _globals["default"].sizing.get('12'),
+    5: _globals["default"].sizing.get('15'),
+    6: _globals["default"].sizing.get('18')
+  },
+  iconSize: {
+    1: _globals["default"].sizing.get('5', parseAvatarIconSize),
+    2: _globals["default"].sizing.get('6', parseAvatarIconSize),
+    3: _globals["default"].sizing.get('9', parseAvatarIconSize),
+    4: _globals["default"].sizing.get('12', parseAvatarIconSize),
+    5: _globals["default"].sizing.get('15', parseAvatarIconSize),
+    6: _globals["default"].sizing.get('18', parseAvatarIconSize)
+  },
+  avatarStackSize: {
+    1: _globals["default"].sizing.get('5', parseAvatarStackSize),
+    2: _globals["default"].sizing.get('6', parseAvatarStackSize),
+    3: _globals["default"].sizing.get('9', parseAvatarStackSize),
+    4: _globals["default"].sizing.get('12', parseAvatarStackSize),
+    5: _globals["default"].sizing.get('15', parseAvatarStackSize),
+    6: _globals["default"].sizing.get('18', parseAvatarStackSize)
+  },
+  color: {
+    getBackgroundColor: function getBackgroundColor(color) {
+      return _semantic["default"].palette.get("accents." + color + ".main");
+    },
+    getForegroundColor: function getForegroundColor(color) {
+      return _semantic["default"].palette.get("accents." + color + ".contrast");
+    }
+  },
+  fontSize: {
+    1: _globals["default"].typography.fontSizes.get('1'),
+    2: _globals["default"].typography.fontSizes.get('2'),
+    3: _globals["default"].typography.fontSizes.get('3'),
+    4: _globals["default"].typography.fontSizes.get('4'),
+    5: _globals["default"].typography.fontSizes.get('8'),
+    6: _globals["default"].typography.fontSizes.get('10')
+  }
+};
+var _default = tokens;
+exports["default"] = _default;

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

@@ -1,20 +1,21 @@
-import { AcceptedIconNames } from '../Icon/types';
-export declare type Props = {
-    /** the src of the image to show **/
-    src?: string;
-    /** The icon name to pick from our library of icons
-     *  @default 'user'
-     * */
-    iconName?: AcceptedIconNames;
+import { DivProps } from '../../utils/common';
+export declare type AvatarColors = 'red' | 'magenta' | 'purple' | 'blue' | 'darkBlue' | 'teal' | 'orange';
+export declare type AvatarSizes = 1 | 2 | 3 | 4 | 5 | 6;
+export declare type AvatarProps = {
     /** The size of the avatar
-     *  @default 'md'
+     *  @default 1
      * */
     size?: AvatarSizes;
     /** the color of the button based on our colors eg. red-500
-     *  @default 'darkGrey-500'
+     *  @default 'blue'
+     * */
+    color?: AvatarColors;
+    /** the src of the image to show **/
+    src?: string;
+    /** The icon name to pick from our library of icons
+     *  @default 'user'
      * */
-    color?: string;
-    /** The class name of the avatar component if its styled **/
     className?: string;
-};
-export declare type AvatarSizes = 'xs' | 'sm' | 'md' | 'lg';
+    /** Data Test Id prefix **/
+    dataTestPrefixId?: string;
+} & DivProps;

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

@@ -1,6 +1,5 @@
 import React from 'react';
 import { TestProps } from 'utils/types';
-import { Props } from './AvatarStack.types';
-declare const AvatarStack: React.ForwardRefExoticComponent<Pick<Props & TestProps & Partial<Omit<React.HTMLProps<HTMLDivElement>, "size" | "css">>, "children" | "onChange" | "onBlur" | "onClick" | "type" | "autoFocus" | "disabled" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "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" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "download" | "encType" | "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" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "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" | "width" | "wmode" | "wrap" | "key" | keyof TestProps | keyof Props> & React.RefAttributes<HTMLDivElement>>;
+import { AvatarStackProps } from './AvatarStack.types';
+declare const AvatarStack: React.ForwardRefExoticComponent<Pick<AvatarStackProps & TestProps & Partial<Omit<React.HTMLProps<HTMLDivElement>, "size" | "css">>, "children" | "onChange" | "value" | "type" | "download" | "name" | "onClick" | keyof TestProps | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "default" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "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" | "onBlur" | "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" | "content" | "height" | "width" | "start" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "encType" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "open" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "useMap" | "wmode" | "wrap" | keyof AvatarStackProps> & React.RefAttributes<HTMLDivElement>>;
 export default AvatarStack;
-export { Props };

package/dist/components/Avatar/AvatarStack/AvatarStack.js

@@ -11,10 +11,6 @@ var _Avatar = _interopRequireDefault(require("../Avatar"));
 
 var _AvatarStack = require("./AvatarStack.style");
 
-var _AvatarStack2 = require("./AvatarStack.types");
-
-exports.Props = _AvatarStack2.Props;
-
 var _utils = require("./utils");
 
 var _react2 = require("@emotion/react");
@@ -29,9 +25,9 @@ var AvatarStack = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref)
   var _ref$maxAvatars = _ref.maxAvatars,
       maxAvatars = _ref$maxAvatars === void 0 ? 4 : _ref$maxAvatars,
       _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'md' : _ref$size,
+      size = _ref$size === void 0 ? 1 : _ref$size,
       _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'lightGrey-600' : _ref$color,
+      color = _ref$color === void 0 ? 'blue' : _ref$color,
       _ref$dataTestId = _ref.dataTestId,
       dataTestId = _ref$dataTestId === void 0 ? '' : _ref$dataTestId,
       childrenProp = _ref.children;
@@ -71,6 +67,5 @@ var AvatarStack = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref)
 });
 
 AvatarStack.displayName = 'AvatarStack';
-var _default = AvatarStack; //TODO: Remove on v5 and change import where necessary
-
+var _default = AvatarStack;
 exports["default"] = _default;

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

@@ -1,9 +1,9 @@
 import { SerializedStyles } from '@emotion/react';
-import { AvatarSizes } from '../Avatar';
+import { AvatarSizes } from '../Avatar.types';
 export declare const avatarStackStyle: ({ size }: {
     size: AvatarSizes;
 }) => () => SerializedStyles;
-export declare const avatarWrapperStyle: ({ zIndex, size, }: {
+export declare const avatarWrapperStyle: ({ zIndex, size }: {
     zIndex: number;
     size: AvatarSizes;
 }) => () => SerializedStyles;

package/dist/components/Avatar/AvatarStack/AvatarStack.style.js

@@ -7,11 +7,9 @@ var _react = require("@emotion/react");
 
 var _functions = require("../../../theme/functions");
 
-var _utils = require("../../../theme/utils");
+var _Avatar = _interopRequireDefault(require("../Avatar.tokens"));
 
-var _Avatar = require("../Avatar.style");
-
-var OVERLAP_FACTOR = 0.8;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var avatarStackStyle = function avatarStackStyle(_ref) {
   var size = _ref.size;
@@ -20,7 +18,7 @@ var avatarStackStyle = function avatarStackStyle(_ref) {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)(_functions.flex, ";div:last-child{width:", (0, _utils.rem)((0, _Avatar.sizeBasedOnProp)(size)), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:avatarStackStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F2YXRhci9BdmF0YXJTdGFjay9BdmF0YXJTdGFjay5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVSyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyU3RhY2svQXZhdGFyU3RhY2suc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBmbGV4IH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgQXZhdGFyU2l6ZXMgfSBmcm9tICcuLi9BdmF0YXInO1xuaW1wb3J0IHsgc2l6ZUJhc2VkT25Qcm9wIH0gZnJvbSAnLi4vQXZhdGFyLnN0eWxlJztcblxuY29uc3QgT1ZFUkxBUF9GQUNUT1IgPSAwLjg7XG5cbmV4cG9ydCBjb25zdCBhdmF0YXJTdGFja1N0eWxlID0gKHsgc2l6ZSB9OiB7IHNpemU6IEF2YXRhclNpemVzIH0pID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gIGNzc2BcbiAgICAke2ZsZXh9O1xuXG4gICAgZGl2Omxhc3QtY2hpbGQge1xuICAgICAgd2lkdGg6ICR7cmVtKHNpemVCYXNlZE9uUHJvcChzaXplKSl9O1xuICAgIH1cbiAgYDtcblxuZXhwb3J0IGNvbnN0IGF2YXRhcldyYXBwZXJTdHlsZSA9ICh7XG4gIHpJbmRleCxcbiAgc2l6ZSxcbn06IHtcbiAgekluZGV4OiBudW1iZXI7XG4gIHNpemU6IEF2YXRhclNpemVzO1xufSkgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgY3NzYFxuICAgIHotaW5kZXg6ICR7ekluZGV4fTtcbiAgICB3aWR0aDogJHtyZW0oc2l6ZUJhc2VkT25Qcm9wKHNpemUpICogT1ZFUkxBUF9GQUNUT1IpfTtcbiAgYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:avatarStackStyle;")
+      (0, _react.css)(_functions.flex, ";div:last-child{width:", _Avatar["default"].size[size], ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:avatarStackStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F2YXRhci9BdmF0YXJTdGFjay9BdmF0YXJTdGFjay5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTTyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyU3RhY2svQXZhdGFyU3RhY2suc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBmbGV4IH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcblxuaW1wb3J0IHRva2VucyBmcm9tICcuLi9BdmF0YXIudG9rZW5zJztcbmltcG9ydCB7IEF2YXRhclNpemVzIH0gZnJvbSAnLi4vQXZhdGFyLnR5cGVzJztcblxuZXhwb3J0IGNvbnN0IGF2YXRhclN0YWNrU3R5bGUgPVxuICAoeyBzaXplIH06IHsgc2l6ZTogQXZhdGFyU2l6ZXMgfSkgPT5cbiAgKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICAke2ZsZXh9O1xuXG4gICAgICBkaXY6bGFzdC1jaGlsZCB7XG4gICAgICAgIHdpZHRoOiAke3Rva2Vucy5zaXplW3NpemVdfTtcbiAgICAgIH1cbiAgICBgO1xuXG5leHBvcnQgY29uc3QgYXZhdGFyV3JhcHBlclN0eWxlID1cbiAgKHsgekluZGV4LCBzaXplIH06IHsgekluZGV4OiBudW1iZXI7IHNpemU6IEF2YXRhclNpemVzIH0pID0+XG4gICgpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgei1pbmRleDogJHt6SW5kZXh9O1xuICAgICAgd2lkdGg6ICR7dG9rZW5zLmF2YXRhclN0YWNrU2l6ZVtzaXplXX07XG4gICAgYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:avatarStackStyle;")
     );
   };
 };
@@ -35,7 +33,7 @@ var avatarWrapperStyle = function avatarWrapperStyle(_ref2) {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("z-index:", zIndex, ";width:", (0, _utils.rem)((0, _Avatar.sizeBasedOnProp)(size) * OVERLAP_FACTOR), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:avatarWrapperStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F2YXRhci9BdmF0YXJTdGFjay9BdmF0YXJTdGFjay5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QksiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhclN0YWNrL0F2YXRhclN0YWNrLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZmxleCB9IGZyb20gJ3RoZW1lL2Z1bmN0aW9ucyc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IEF2YXRhclNpemVzIH0gZnJvbSAnLi4vQXZhdGFyJztcbmltcG9ydCB7IHNpemVCYXNlZE9uUHJvcCB9IGZyb20gJy4uL0F2YXRhci5zdHlsZSc7XG5cbmNvbnN0IE9WRVJMQVBfRkFDVE9SID0gMC44O1xuXG5leHBvcnQgY29uc3QgYXZhdGFyU3RhY2tTdHlsZSA9ICh7IHNpemUgfTogeyBzaXplOiBBdmF0YXJTaXplcyB9KSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICBjc3NgXG4gICAgJHtmbGV4fTtcblxuICAgIGRpdjpsYXN0LWNoaWxkIHtcbiAgICAgIHdpZHRoOiAke3JlbShzaXplQmFzZWRPblByb3Aoc2l6ZSkpfTtcbiAgICB9XG4gIGA7XG5cbmV4cG9ydCBjb25zdCBhdmF0YXJXcmFwcGVyU3R5bGUgPSAoe1xuICB6SW5kZXgsXG4gIHNpemUsXG59OiB7XG4gIHpJbmRleDogbnVtYmVyO1xuICBzaXplOiBBdmF0YXJTaXplcztcbn0pID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gIGNzc2BcbiAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgd2lkdGg6ICR7cmVtKHNpemVCYXNlZE9uUHJvcChzaXplKSAqIE9WRVJMQVBfRkFDVE9SKX07XG4gIGA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:avatarWrapperStyle;")
+      (0, _react.css)("z-index:", zIndex, ";width:", _Avatar["default"].avatarStackSize[size], ";" + (process.env.NODE_ENV === "production" ? "" : ";label:avatarWrapperStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F2YXRhci9BdmF0YXJTdGFjay9BdmF0YXJTdGFjay5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQk8iLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhclN0YWNrL0F2YXRhclN0YWNrLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZmxleCB9IGZyb20gJ3RoZW1lL2Z1bmN0aW9ucyc7XG5cbmltcG9ydCB0b2tlbnMgZnJvbSAnLi4vQXZhdGFyLnRva2Vucyc7XG5pbXBvcnQgeyBBdmF0YXJTaXplcyB9IGZyb20gJy4uL0F2YXRhci50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBhdmF0YXJTdGFja1N0eWxlID1cbiAgKHsgc2l6ZSB9OiB7IHNpemU6IEF2YXRhclNpemVzIH0pID0+XG4gICgpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgJHtmbGV4fTtcblxuICAgICAgZGl2Omxhc3QtY2hpbGQge1xuICAgICAgICB3aWR0aDogJHt0b2tlbnMuc2l6ZVtzaXplXX07XG4gICAgICB9XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IGF2YXRhcldyYXBwZXJTdHlsZSA9XG4gICh7IHpJbmRleCwgc2l6ZSB9OiB7IHpJbmRleDogbnVtYmVyOyBzaXplOiBBdmF0YXJTaXplcyB9KSA9PlxuICAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHotaW5kZXg6ICR7ekluZGV4fTtcbiAgICAgIHdpZHRoOiAke3Rva2Vucy5hdmF0YXJTdGFja1NpemVbc2l6ZV19O1xuICAgIGA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:avatarWrapperStyle;")
     );
   };
 };

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

@@ -1,9 +1,9 @@
-import { AvatarSizes } from '../Avatar';
-export declare type Props = {
+import { AvatarColors, AvatarSizes } from '../Avatar.types';
+export declare type AvatarStackProps = {
     /** the maximum number of avatars to be displayed **/
     maxAvatars?: number;
     /** The size of the extra avatar, if any **/
     size?: AvatarSizes;
     /** the color of the extra avatar based on our colors eg. red-500 **/
-    color?: string;
+    color?: AvatarColors;
 };

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

@@ -1 +1,2 @@
 export { default } from './AvatarStack';
+export * from './AvatarStack';

package/dist/components/Avatar/AvatarStack/index.js

@@ -1,10 +1,19 @@
 "use strict";
 
 exports.__esModule = true;
+var _exportNames = {};
 exports["default"] = void 0;
 
-var _AvatarStack = _interopRequireDefault(require("./AvatarStack"));
+var _AvatarStack = _interopRequireWildcard(require("./AvatarStack"));
 
 exports["default"] = _AvatarStack["default"];
+Object.keys(_AvatarStack).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AvatarStack[key]) return;
+  exports[key] = _AvatarStack[key];
+});
 
-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; }

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

@@ -1,6 +1,6 @@
 import { PropsValidationError } from '../../../utils/errors';
-import { Props } from './AvatarStack.types';
+import { AvatarStackProps } from './AvatarStack.types';
 export declare const errors: {
-    condition: ({ maxAvatars }: Props) => boolean;
+    condition: ({ maxAvatars }: AvatarStackProps) => boolean;
     error: PropsValidationError;
 }[];

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

@@ -1 +1,3 @@
 export { default } from './Avatar';
+export * from './Avatar';
+export * from './Avatar.types';

package/dist/components/Avatar/index.js

@@ -1,10 +1,28 @@
 "use strict";
 
 exports.__esModule = true;
+var _exportNames = {};
 exports["default"] = void 0;
 
-var _Avatar = _interopRequireDefault(require("./Avatar"));
+var _Avatar = _interopRequireWildcard(require("./Avatar"));
 
 exports["default"] = _Avatar["default"];
+Object.keys(_Avatar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Avatar[key]) return;
+  exports[key] = _Avatar[key];
+});
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _Avatar2 = require("./Avatar.types");
+
+Object.keys(_Avatar2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Avatar2[key]) return;
+  exports[key] = _Avatar2[key];
+});
+
+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; }

package/dist/components/Breadcrumb/Breadcrumb.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { BreadcrumbItemData } from './types';
-export declare type Props = {
+export declare type BreadcrumbProps = {
     /** Defines the data for constructing the related breadcrumb items */
     data?: BreadcrumbItemData[];
 };
-declare const Breadcrumb: React.FC<Props>;
+declare const Breadcrumb: React.FC<BreadcrumbProps>;
 export default Breadcrumb;

package/dist/components/Breadcrumb/BreadcrumbItem/BreadcrumbItem.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-declare type Props = {
+export declare type BreadcrumbItemProps = {
     /** Defines the child element that will be rendered inside the list element */
     childComponent: React.ReactNode;
     /** Defines if the current item of the breadcrumb is the last one */
     isLastItem?: boolean;
 };
-declare const BreadcrumbItem: React.FC<Props>;
+declare const BreadcrumbItem: React.FC<BreadcrumbItemProps>;
 export default BreadcrumbItem;