@orfium/ictinus 4.18.0 → 4.21.1

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

@@ -16,14 +16,9 @@ export declare type Props = {
      *  @default 'darkGrey-500'
      * */
     color?: string;
-    /** the shape of the avatar
-     *  @default 'circular'
-     * */
-    shape?: AvatarShapes;
     /** The class name of the avatar component if its styled **/
     className?: string;
 };
-export declare type AvatarSizes = 'xxxs' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
-export declare type AvatarShapes = 'circular';
-declare const Avatar: React.ForwardRefExoticComponent<Pick<Props & DivProps, "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" | "sizes" | "span" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "useMap" | "width" | "wmode" | "wrap" | "key" | keyof Props> & React.RefAttributes<HTMLDivElement>>;
+export declare type AvatarSizes = 'xs' | 'sm' | 'md' | 'lg';
+declare const Avatar: React.ForwardRefExoticComponent<Pick<Props & DivProps, "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>>;
 export default Avatar;

package/dist/components/Avatar/Avatar.js

@@ -19,17 +19,17 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 var iconSizeBasedOnAvatar = function iconSizeBasedOnAvatar(size) {
   switch (size) {
-    case 'xs':
-      return 18;
+    case 'md':
+      return 16;
 
-    case 'xxs':
-      return 18;
+    case 'sm':
+      return 12;
 
-    case 'xxxs':
+    case 'xs':
       return 10;
 
     default:
-      return 20;
+      return 28;
   }
 };
 

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

@@ -2,6 +2,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, }: {
     size: AvatarSizes;
     fill: typeof flatColors[number];

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

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.avatarStyle = void 0;
+exports.avatarStyle = exports.sizeBasedOnProp = void 0;
 
 var _react = require("@emotion/react");
 
@@ -13,42 +13,35 @@ var _palette = require("../../theme/palette");
 
 var sizeBasedOnProp = function sizeBasedOnProp(size) {
   switch (size) {
-    case 'sm':
-      return (0, _utils.rem)(36);
-
     case 'md':
-      return (0, _utils.rem)(46);
-
-    case 'xs':
-      return (0, _utils.rem)(24);
+      return 24;
 
-    case 'xxs':
-      return (0, _utils.rem)(20);
+    case 'sm':
+      return 20;
 
-    case 'xxxs':
-      return (0, _utils.rem)(16);
+    case 'xs':
+      return 16;
 
     default:
-      return (0, _utils.rem)(56);
+      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['14'];
+      return theme.typography.fontSizes['10'];
 
     case 'xs':
-      return theme.typography.fontSizes['13'];
-
-    case 'xxs':
-      return theme.typography.fontSizes['11'];
-
-    case 'xxxs':
       return theme.typography.fontSizes['8'];
 
     default:
-      return theme.typography.fontSizes['18'];
+      return theme.typography.fontSizes['16'];
   }
 };
 
@@ -61,7 +54,7 @@ var avatarStyle = function avatarStyle(_ref) {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)(_functions.flex, ";width:", sizeBasedOnProp(size), ";height:", sizeBasedOnProp(size), ";border-radius:100%;background:", theme.utils.getColor(fill, fillShade), ";overflow:hidden;position:relative;font-size:", fontSizeBasedOnProp(theme, size), ";align-items:center;flex-shrink:0;line-height:1;user-select:none;justify-content:center;color:", (0, _palette.pickTextColorFromSwatches)(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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F2YXRhci9BdmF0YXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0Q2QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IGZsZXggfSBmcm9tICcuLi8uLi90aGVtZS9mdW5jdGlvbnMnO1xuaW1wb3J0IHsgY29sb3JTaGFkZXMsIGZsYXRDb2xvcnMsIHBpY2tUZXh0Q29sb3JGcm9tU3dhdGNoZXMgfSBmcm9tICcuLi8uLi90aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IEF2YXRhclNpemVzIH0gZnJvbSAnLi9BdmF0YXInO1xuXG5jb25zdCBzaXplQmFzZWRPblByb3AgPSAoc2l6ZTogQXZhdGFyU2l6ZXMpID0+IHtcbiAgc3dpdGNoIChzaXplKSB7XG4gICAgY2FzZSAnc20nOlxuICAgICAgcmV0dXJuIHJlbSgzNik7XG4gICAgY2FzZSAnbWQnOlxuICAgICAgcmV0dXJuIHJlbSg0Nik7XG4gICAgY2FzZSAneHMnOlxuICAgICAgcmV0dXJuIHJlbSgyNCk7XG4gICAgY2FzZSAneHhzJzpcbiAgICAgIHJldHVybiByZW0oMjApO1xuICAgIGNhc2UgJ3h4eHMnOlxuICAgICAgcmV0dXJuIHJlbSgxNik7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiByZW0oNTYpO1xuICB9XG59O1xuXG5jb25zdCBmb250U2l6ZUJhc2VkT25Qcm9wID0gKHRoZW1lOiBUaGVtZSwgc2l6ZTogQXZhdGFyU2l6ZXMpID0+IHtcbiAgc3dpdGNoIChzaXplKSB7XG4gICAgY2FzZSAnc20nOlxuICAgICAgcmV0dXJuIHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWycxNCddO1xuICAgIGNhc2UgJ3hzJzpcbiAgICAgIHJldHVybiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTMnXTtcbiAgICBjYXNlICd4eHMnOlxuICAgICAgcmV0dXJuIHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWycxMSddO1xuICAgIGNhc2UgJ3h4eHMnOlxuICAgICAgcmV0dXJuIHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWyc4J107XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTgnXTtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IGF2YXRhclN0eWxlID0gKHtcbiAgc2l6ZSxcbiAgZmlsbCxcbiAgZmlsbFNoYWRlLFxufToge1xuICBzaXplOiBBdmF0YXJTaXplcztcbiAgZmlsbDogdHlwZW9mIGZsYXRDb2xvcnNbbnVtYmVyXTtcbiAgZmlsbFNoYWRlOiB0eXBlb2YgY29sb3JTaGFkZXNbbnVtYmVyXTtcbn0pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtmbGV4fTtcbiAgd2lkdGg6ICR7c2l6ZUJhc2VkT25Qcm9wKHNpemUpfTtcbiAgaGVpZ2h0OiAke3NpemVCYXNlZE9uUHJvcChzaXplKX07XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoZmlsbCwgZmlsbFNoYWRlKX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZm9udC1zaXplOiAke2ZvbnRTaXplQmFzZWRPblByb3AodGhlbWUsIHNpemUpfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGxpbmUtaGVpZ2h0OiAxO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGNvbG9yOiAke3BpY2tUZXh0Q29sb3JGcm9tU3dhdGNoZXMoZmlsbCwgZmlsbFNoYWRlKX07XG5cbiAgaW1nIHtcbiAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:avatarStyle;")
+      (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:", (0, _palette.pickTextColorFromSwatches)(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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F2YXRhci9BdmF0YXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEM2QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IGZsZXggfSBmcm9tICcuLi8uLi90aGVtZS9mdW5jdGlvbnMnO1xuaW1wb3J0IHsgY29sb3JTaGFkZXMsIGZsYXRDb2xvcnMsIHBpY2tUZXh0Q29sb3JGcm9tU3dhdGNoZXMgfSBmcm9tICcuLi8uLi90aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IEF2YXRhclNpemVzIH0gZnJvbSAnLi9BdmF0YXInO1xuXG5leHBvcnQgY29uc3Qgc2l6ZUJhc2VkT25Qcm9wID0gKHNpemU6IEF2YXRhclNpemVzKTogbnVtYmVyID0+IHtcbiAgc3dpdGNoIChzaXplKSB7XG4gICAgY2FzZSAnbWQnOlxuICAgICAgcmV0dXJuIDI0O1xuICAgIGNhc2UgJ3NtJzpcbiAgICAgIHJldHVybiAyMDtcbiAgICBjYXNlICd4cyc6XG4gICAgICByZXR1cm4gMTY7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiA0NjtcbiAgfVxufTtcblxuY29uc3QgZm9udFNpemVCYXNlZE9uUHJvcCA9ICh0aGVtZTogVGhlbWUsIHNpemU6IEF2YXRhclNpemVzKSA9PiB7XG4gIHN3aXRjaCAoc2l6ZSkge1xuICAgIGNhc2UgJ21kJzpcbiAgICAgIHJldHVybiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTEnXTtcbiAgICBjYXNlICdzbSc6XG4gICAgICByZXR1cm4gdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzEwJ107XG4gICAgY2FzZSAneHMnOlxuICAgICAgcmV0dXJuIHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWyc4J107XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTYnXTtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IGF2YXRhclN0eWxlID0gKHtcbiAgc2l6ZSxcbiAgZmlsbCxcbiAgZmlsbFNoYWRlLFxufToge1xuICBzaXplOiBBdmF0YXJTaXplcztcbiAgZmlsbDogdHlwZW9mIGZsYXRDb2xvcnNbbnVtYmVyXTtcbiAgZmlsbFNoYWRlOiB0eXBlb2YgY29sb3JTaGFkZXNbbnVtYmVyXTtcbn0pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtmbGV4fTtcbiAgd2lkdGg6ICR7cmVtKHNpemVCYXNlZE9uUHJvcChzaXplKSl9O1xuICBoZWlnaHQ6ICR7cmVtKHNpemVCYXNlZE9uUHJvcChzaXplKSl9O1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICBib3JkZXI6ICR7cmVtKDEpfSBzb2xpZCAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAxMDApfTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYmFja2dyb3VuZDogJHt0aGVtZS51dGlscy5nZXRDb2xvcihmaWxsLCBmaWxsU2hhZGUpfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBmb250LXNpemU6ICR7Zm9udFNpemVCYXNlZE9uUHJvcCh0aGVtZSwgc2l6ZSl9O1xuICBmb250LXdlaWdodDogJHt0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMubWVkaXVtfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGxpbmUtaGVpZ2h0OiAxO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGNvbG9yOiAke3BpY2tUZXh0Q29sb3JGcm9tU3dhdGNoZXMoZmlsbCwgZmlsbFNoYWRlKX07XG5cbiAgaW1nIHtcbiAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:avatarStyle;")
     );
   };
 };

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { DivProps } from 'utils/common';
+import { TestId } from 'utils/types';
+import { AvatarSizes } from '../Avatar';
+export declare type Props = {
+    /** 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;
+};
+declare type TestProps = {
+    dataTestId?: TestId;
+};
+declare const AvatarStack: React.ForwardRefExoticComponent<Pick<Props & TestProps & DivProps, "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" | "dataTestId" | keyof Props> & React.RefAttributes<HTMLDivElement>>;
+export default AvatarStack;

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

@@ -0,0 +1,70 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _helpers = require("../../../utils/helpers");
+
+var _Avatar = _interopRequireDefault(require("../Avatar"));
+
+var _AvatarStack = require("./AvatarStack.style");
+
+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 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,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'lightGrey-600' : _ref$color,
+      _ref$dataTestId = _ref.dataTestId,
+      dataTestId = _ref$dataTestId === void 0 ? '' : _ref$dataTestId,
+      childrenProp = _ref.children;
+
+  if (maxAvatars < 1) {
+    throw new Error('maxAvatars prop must be greater than 0');
+  }
+
+  var children = _react["default"].Children.toArray(childrenProp);
+
+  var extraAvatars = children.length > maxAvatars ? children.length - maxAvatars : 0;
+  var renderContent = (0, _react.useCallback)(function () {
+    return children.slice(0, children.length - extraAvatars).map(function (child, index) {
+      return (0, _react2.jsx)("div", {
+        key: index,
+        css: (0, _AvatarStack.avatarWrapperStyle)({
+          zIndex: children.length - index,
+          size: size
+        })
+      }, child);
+    });
+  }, [children, extraAvatars, size]);
+  return (0, _react2.jsx)("div", {
+    ref: ref,
+    "data-testid": (0, _helpers.generateTestDataId)('avatarstack', dataTestId),
+    css: (0, _AvatarStack.avatarStackStyle)({
+      size: size
+    })
+  }, renderContent(), extraAvatars ? (0, _react2.jsx)("div", {
+    css: (0, _AvatarStack.avatarWrapperStyle)({
+      zIndex: 0,
+      size: size
+    })
+  }, (0, _react2.jsx)(_Avatar["default"], {
+    size: size,
+    color: color
+  }, "+", extraAvatars)) : null);
+});
+
+AvatarStack.displayName = 'AvatarStack';
+var _default = AvatarStack;
+exports["default"] = _default;

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

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

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

@@ -0,0 +1,43 @@
+"use strict";
+
+exports.__esModule = true;
+exports.avatarWrapperStyle = exports.avatarStackStyle = void 0;
+
+var _react = require("@emotion/react");
+
+var _functions = require("../../../theme/functions");
+
+var _utils = require("../../../theme/utils");
+
+var _Avatar = require("../Avatar.style");
+
+var OVERLAP_FACTOR = 0.8;
+
+var avatarStackStyle = function avatarStackStyle(_ref) {
+  var size = _ref.size;
+  return function () {
+    return (
+      /*#__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;")
+    );
+  };
+};
+
+exports.avatarStackStyle = avatarStackStyle;
+
+var avatarWrapperStyle = function avatarWrapperStyle(_ref2) {
+  var zIndex = _ref2.zIndex,
+      size = _ref2.size;
+  return function () {
+    return (
+      /*#__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;")
+    );
+  };
+};
+
+exports.avatarWrapperStyle = avatarWrapperStyle;

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

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

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

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _AvatarStack = _interopRequireDefault(require("./AvatarStack"));
+
+exports["default"] = _AvatarStack["default"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -3,8 +3,6 @@
 exports.__esModule = true;
 exports["default"] = void 0;
 
-var _lodash = require("lodash");
-
 var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
 
 var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
@@ -15,8 +13,6 @@ var _reactRouterDom = require("react-router-dom");
 
 var _Breadcrumb = require("./Breadcrumb.style");
 
-var _BreadcrumbCollapsed = _interopRequireDefault(require("./BreadcrumbCollapsed/BreadcrumbCollapsed"));
-
 var _BreadcrumbItem = _interopRequireDefault(require("./BreadcrumbItem/BreadcrumbItem"));
 
 var _react2 = require("@emotion/react");
@@ -27,71 +23,38 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var MAX_LIMIT_BREADCRUMB_LENGTH = 4;
-var MAX_ITEMS_TO_SHOW_AFTER_COLLAPSE = 2;
-var MAX_ITEMS_TO_SHOW_BEFORE_COLLAPSE = 1;
-
-var Breadcrumb = function Breadcrumb(props) {
-  var children = props.children,
-      _props$data = props.data,
-      data = _props$data === void 0 ? [] : _props$data;
+var isLastItem = function isLastItem(dataItems, itemIndex) {
+  return itemIndex === dataItems.length - 1;
+};
 
-  var passDataToRouterLink = function passDataToRouterLink(_ref) {
-    var to = _ref.to,
-        label = _ref.label;
-    return (0, _react2.jsx)(_reactRouterDom.Link, {
-      css: (0, _Breadcrumb.breadcrumbLinkStyles)(),
+var Breadcrumb = function Breadcrumb(_ref) {
+  var children = _ref.children,
+      _ref$data = _ref.data,
+      data = _ref$data === void 0 ? [] : _ref$data;
+  var passDataToRouterLink = React.useCallback(function (dataItem, index) {
+    var to = dataItem.to,
+        label = dataItem.label;
+    var isLast = isLastItem(data, index);
+    return to ? (0, _react2.jsx)(_reactRouterDom.Link, {
+      css: (0, _Breadcrumb.breadcrumbLinkStyles)(isLast),
       key: to,
       to: to
-    }, label);
-  };
-
+    }, label) : (0, _react2.jsx)("div", null, label);
+  }, [data]);
   var childrenCollection = React.Children.toArray(children);
   var dataItems = (0, _isEmpty["default"])(data) ? childrenCollection : data.map(passDataToRouterLink);
-
-  var isLastItem = function isLastItem(dataItems, itemIndex) {
-    return itemIndex === dataItems.length - 1;
-  }; //Checks if an item is in collapsed area and if should break the breadcrumb items with a collapsed view
-
-
-  var shouldCollapse = React.useCallback(function (item, itemIndex) {
-    return item && dataItems.length > MAX_LIMIT_BREADCRUMB_LENGTH && itemIndex >= MAX_ITEMS_TO_SHOW_BEFORE_COLLAPSE && itemIndex < dataItems.length - MAX_ITEMS_TO_SHOW_AFTER_COLLAPSE;
-  }, [dataItems]);
-  var collapsedItems = React.useMemo(function () {
-    return dataItems.filter(shouldCollapse);
-  }, [shouldCollapse, dataItems]);
-
-  var _pick = (0, _lodash.pick)((0, _lodash.last)(data), ['label', 'onChangeHandler', 'options']),
-      lastItemLabel = _pick.label,
-      lastItemOnChangeHandler = _pick.onChangeHandler,
-      lastItemOptions = _pick.options;
-
   var getBreadcrumbItem = React.useMemo( // eslint-disable-next-line react/display-name
   function () {
     return function (child, index) {
       var itemKey = (0, _uniqueId["default"])('data_item_');
-
-      if (shouldCollapse(child, index)) {
-        return index === MAX_ITEMS_TO_SHOW_BEFORE_COLLAPSE ? (0, _react2.jsx)(_BreadcrumbCollapsed["default"], {
-          collapsedItems: collapsedItems,
-          key: itemKey
-        }) : null;
-      }
-
       var isLast = isLastItem(dataItems, index);
-      return isLast ? (0, _react2.jsx)(_BreadcrumbItem["default"], {
+      return (0, _react2.jsx)(_BreadcrumbItem["default"], {
         key: itemKey,
-        lastItemLabel: lastItemLabel,
-        onChangeHandler: lastItemOnChangeHandler,
-        options: lastItemOptions,
         childComponent: child,
         isLastItem: isLast
-      }) : (0, _react2.jsx)(_BreadcrumbItem["default"], {
-        key: itemKey,
-        childComponent: child
       });
     };
-  }, [dataItems, collapsedItems, lastItemLabel, lastItemOnChangeHandler, lastItemOptions, shouldCollapse]);
+  }, [dataItems]);
   return (0, _react2.jsx)("ol", {
     "aria-label": "Breadcrumb",
     css: (0, _Breadcrumb.breadcrumbStyles)()

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

@@ -1,3 +1,4 @@
+import { SerializedStyles } from '@emotion/react';
 import { Theme } from '../../theme';
-export declare const breadcrumbStyles: () => (theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const breadcrumbLinkStyles: () => (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const breadcrumbStyles: () => () => SerializedStyles;
+export declare const breadcrumbLinkStyles: (isLast: boolean) => (theme: Theme) => SerializedStyles;

package/dist/components/Breadcrumb/Breadcrumb.style.js

@@ -5,33 +5,28 @@ exports.breadcrumbLinkStyles = exports.breadcrumbStyles = void 0;
 
 var _react = require("@emotion/react");
 
-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)."; }
-
-var _ref = process.env.NODE_ENV === "production" ? {
-  name: "4ka015",
-  styles: "display:flex;flex-wrap:nowrap;list-style:none;padding:0;margin:0;&>li{margin:auto;}"
-} : {
-  name: "1vmw4de-breadcrumbStyles",
-  styles: "display:flex;flex-wrap:nowrap;list-style:none;padding:0;margin:0;&>li{margin:auto;};label:breadcrumbStyles;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvQnJlYWRjcnVtYi5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJMkQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnJlYWRjcnVtYi9CcmVhZGNydW1iLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcblxuZXhwb3J0IGNvbnN0IGJyZWFkY3J1bWJTdHlsZXMgPSAoKSA9PiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogbm93cmFwO1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDA7XG5cbiAgJiA+IGxpIHtcbiAgICBtYXJnaW46IGF1dG87XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBicmVhZGNydW1iTGlua1N0eWxlcyA9ICgpID0+ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBjb2xvcjogaW5oZXJpdDtcbiAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2RhcmtHcmV5JywgNjUwKX07XG4gIH1cbmA7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
+var _functions = require("../../theme/functions");
 
 var breadcrumbStyles = function breadcrumbStyles() {
-  return function (theme) {
-    return _ref;
+  return function () {
+    return (
+      /*#__PURE__*/
+
+      /*#__PURE__*/
+      (0, _react.css)(_functions.flex, ";flex-wrap:nowrap;list-style:none;padding:0;margin:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvQnJlYWRjcnVtYi5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLaUUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnJlYWRjcnVtYi9CcmVhZGNydW1iLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZmxleCB9IGZyb20gJ3RoZW1lL2Z1bmN0aW9ucyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xuXG5leHBvcnQgY29uc3QgYnJlYWRjcnVtYlN0eWxlcyA9ICgpID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtmbGV4fTtcbiAgZmxleC13cmFwOiBub3dyYXA7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBicmVhZGNydW1iTGlua1N0eWxlcyA9IChpc0xhc3Q6IGJvb2xlYW4pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBjb2xvcjogaW5oZXJpdDtcbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7aXNMYXN0ID8gdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA2NTApIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2RhcmtHcmV5JywgNjUwKX07XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbStyles;")
+    );
   };
 };
 
 exports.breadcrumbStyles = breadcrumbStyles;
 
-var breadcrumbLinkStyles = function breadcrumbLinkStyles() {
+var breadcrumbLinkStyles = function breadcrumbLinkStyles(isLast) {
   return function (theme) {
     return (
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("text-decoration:none;color:inherit;padding:", theme.spacing.sm, ";&:hover{color:", theme.utils.getColor('darkGrey', 650), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbLinkStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvQnJlYWRjcnVtYi5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQitEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvQnJlYWRjcnVtYi5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi90aGVtZSc7XG5cbmV4cG9ydCBjb25zdCBicmVhZGNydW1iU3R5bGVzID0gKCkgPT4gKHRoZW1lOiBUaGVtZSkgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IG5vd3JhcDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xuXG4gICYgPiBsaSB7XG4gICAgbWFyZ2luOiBhdXRvO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgYnJlYWRjcnVtYkxpbmtTdHlsZXMgPSAoKSA9PiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZy5zbX07XG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdkYXJrR3JleScsIDY1MCl9O1xuICB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbLinkStyles;")
+      (0, _react.css)("text-decoration:none;color:inherit;&:hover{color:", isLast ? theme.utils.getColor('blue', 650) : theme.utils.getColor('darkGrey', 650), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbLinkStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvQnJlYWRjcnVtYi5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhZ0ciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnJlYWRjcnVtYi9CcmVhZGNydW1iLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZmxleCB9IGZyb20gJ3RoZW1lL2Z1bmN0aW9ucyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xuXG5leHBvcnQgY29uc3QgYnJlYWRjcnVtYlN0eWxlcyA9ICgpID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtmbGV4fTtcbiAgZmxleC13cmFwOiBub3dyYXA7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBicmVhZGNydW1iTGlua1N0eWxlcyA9IChpc0xhc3Q6IGJvb2xlYW4pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBjb2xvcjogaW5oZXJpdDtcbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7aXNMYXN0ID8gdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA2NTApIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2RhcmtHcmV5JywgNjUwKX07XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbLinkStyles;")
     );
   };
 };

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

@@ -4,12 +4,6 @@ declare type Props = {
     childComponent: React.ReactNode;
     /** Defines if the current item of the breadcrumb is the last one */
     isLastItem?: boolean;
-    /** Defines the options used to render a Menu button */
-    options?: string[];
-    /** Defines the method where a developer can manipulate the selection of an menu item */
-    onChangeHandler?: (selectedItem: string) => void;
-    /** Defines the label of the current level of breadcrumb */
-    lastItemLabel?: string;
 };
 declare const BreadcrumbItem: React.FC<Props>;
 export default BreadcrumbItem;

package/dist/components/Breadcrumb/BreadcrumbItem/BreadcrumbItem.js

@@ -5,8 +5,6 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _BreadcrumbAdvancedItem = _interopRequireDefault(require("./BreadcrumbAdvancedItem"));
-
 var _BreadcrumbItem = require("./BreadcrumbItem.style");
 
 var _Separator = _interopRequireDefault(require("../Separator/Separator"));
@@ -15,24 +13,15 @@ var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var BreadcrumbItem = function BreadcrumbItem(props) {
-  var childComponent = props.childComponent,
-      _props$isLastItem = props.isLastItem,
-      isLastItem = _props$isLastItem === void 0 ? false : _props$isLastItem,
-      _props$options = props.options,
-      options = _props$options === void 0 ? undefined : _props$options,
-      onChangeHandler = props.onChangeHandler,
-      lastItemLabel = props.lastItemLabel;
-  var renderComponentBasedOnOptions = options ? (0, _react2.jsx)(_BreadcrumbAdvancedItem["default"], {
-    onChangeHandler: onChangeHandler,
-    options: options,
-    label: lastItemLabel
-  }) : childComponent;
+var BreadcrumbItem = function BreadcrumbItem(_ref) {
+  var childComponent = _ref.childComponent,
+      _ref$isLastItem = _ref.isLastItem,
+      isLastItem = _ref$isLastItem === void 0 ? false : _ref$isLastItem;
   return (0, _react2.jsx)("li", null, (0, _react2.jsx)("div", {
     css: (0, _BreadcrumbItem.breadcrumbItemStyles)({
       active: isLastItem
     })
-  }, renderComponentBasedOnOptions, (0, _react2.jsx)(_Separator["default"], {
+  }, childComponent, (0, _react2.jsx)(_Separator["default"], {
     isLastItem: isLastItem
   })));
 };

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

@@ -1,7 +1,8 @@
+import { SerializedStyles } from '@emotion/react';
 import { Theme } from '../../../theme';
 import { RequiredProperties } from '../../../utils/common';
 declare type StyleProps = {
     active: boolean;
 };
-export declare const breadcrumbItemStyles: ({ active }: RequiredProperties<StyleProps>) => (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const breadcrumbItemStyles: ({ active }: RequiredProperties<StyleProps>) => (theme: Theme) => SerializedStyles;
 export {};

package/dist/components/Breadcrumb/BreadcrumbItem/BreadcrumbItem.style.js

@@ -5,7 +5,7 @@ exports.breadcrumbItemStyles = void 0;
 
 var _react = require("@emotion/react");
 
-var _utils = require("../../../theme/utils");
+var _palette = require("../../../theme/palette");
 
 var breadcrumbItemStyles = function breadcrumbItemStyles(_ref) {
   var active = _ref.active;
@@ -14,7 +14,7 @@ var breadcrumbItemStyles = function breadcrumbItemStyles(_ref) {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("display:flex;cursor:default;font-weight:", active ? theme.typography.weights.medium : theme.typography.weights.regular, ";color:", active ? theme.utils.getColor('darkGrey', 850) : theme.utils.getColor('lightGrey', 650), ";& button{height:auto;background-color:white;padding:", theme.spacing.sm, ";&:focus{outline:none;background-color:", theme.utils.getColor('lightGrey', 250), ";}&>span{margin-left:0;}}&>div>div>div{top:3rem;box-shadow:", theme.utils.getColor('darkGrey', 650), " 0px 0px ", (0, _utils.rem)(16), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvQnJlYWRjcnVtYkl0ZW0vQnJlYWRjcnVtYkl0ZW0uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWVEiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnJlYWRjcnVtYi9CcmVhZGNydW1iSXRlbS9CcmVhZGNydW1iSXRlbS5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi8uLi90aGVtZSc7XG5pbXBvcnQgeyBSZXF1aXJlZFByb3BlcnRpZXMgfSBmcm9tICcuLi8uLi8uLi91dGlscy9jb21tb24nO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIGFjdGl2ZTogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCBjb25zdCBicmVhZGNydW1iSXRlbVN0eWxlcyA9ICh7IGFjdGl2ZSB9OiBSZXF1aXJlZFByb3BlcnRpZXM8U3R5bGVQcm9wcz4pID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgY3Vyc29yOiBkZWZhdWx0O1xuICBmb250LXdlaWdodDogJHthY3RpdmUgPyB0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMubWVkaXVtIDogdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLnJlZ3VsYXJ9O1xuICBjb2xvcjogJHthY3RpdmUgPyB0aGVtZS51dGlscy5nZXRDb2xvcignZGFya0dyZXknLCA4NTApIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDY1MCl9O1xuXG4gICYgYnV0dG9uIHtcbiAgICBoZWlnaHQ6IGF1dG87XG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbiAgICAmOmZvY3VzIHtcbiAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAyNTApfTtcbiAgICB9XG5cbiAgICAmID4gc3BhbiB7XG4gICAgICBtYXJnaW4tbGVmdDogMDtcbiAgICB9XG4gIH1cblxuICAmID4gZGl2ID4gZGl2ID4gZGl2IHtcbiAgICB0b3A6IDNyZW07XG4gICAgYm94LXNoYWRvdzogJHt0aGVtZS51dGlscy5nZXRDb2xvcignZGFya0dyZXknLCA2NTApfSAwcHggMHB4ICR7cmVtKDE2KX07XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbItemStyles;")
+      (0, _react.css)("display:flex;cursor:default;font-size:", theme.typography.fontSizes[15], ";font-weight:", active ? theme.typography.weights.medium : theme.typography.weights.regular, ";color:", active ? theme.utils.getColor('primary', _palette.BASE_SHADE, 'normal') : theme.utils.getColor('lightGrey', 650), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvQnJlYWRjcnVtYkl0ZW0vQnJlYWRjcnVtYkl0ZW0uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTBCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvQnJlYWRjcnVtYkl0ZW0vQnJlYWRjcnVtYkl0ZW0uc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBCQVNFX1NIQURFIH0gZnJvbSAndGhlbWUvcGFsZXR0ZSc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWUnO1xuaW1wb3J0IHsgUmVxdWlyZWRQcm9wZXJ0aWVzIH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMvY29tbW9uJztcblxudHlwZSBTdHlsZVByb3BzID0ge1xuICBhY3RpdmU6IGJvb2xlYW47XG59O1xuXG5leHBvcnQgY29uc3QgYnJlYWRjcnVtYkl0ZW1TdHlsZXMgPSAoeyBhY3RpdmUgfTogUmVxdWlyZWRQcm9wZXJ0aWVzPFN0eWxlUHJvcHM+KSA9PiAoXG4gIHRoZW1lOiBUaGVtZVxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgZm9udC1zaXplOiAke3RoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWzE1XX07XG4gIGZvbnQtd2VpZ2h0OiAke2FjdGl2ZSA/IHRoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5tZWRpdW0gOiB0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMucmVndWxhcn07XG4gIGNvbG9yOiAke2FjdGl2ZVxuICAgID8gdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ3ByaW1hcnknLCBCQVNFX1NIQURFLCAnbm9ybWFsJylcbiAgICA6IHRoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCA2NTApfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbItemStyles;")
     );
   };
 };

package/dist/components/Breadcrumb/Separator/Separator.js

@@ -25,8 +25,9 @@ var Separator = function Separator(props) {
     css: (0, _Separator.separatorStyles)()
   }, (0, _react2.jsx)(_Icon["default"], {
     name: 'triangleRight',
-    color: "black",
-    size: 10
+    color: 'lightGrey',
+    variant: 650,
+    size: 12
   }));
 };
 

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

@@ -1,2 +1,3 @@
+import { SerializedStyles } from '@emotion/react';
 import { Theme } from 'theme';
-export declare const separatorStyles: () => (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const separatorStyles: () => (theme: Theme) => SerializedStyles;

package/dist/components/Breadcrumb/Separator/Separator.style.js

@@ -11,7 +11,7 @@ var separatorStyles = function separatorStyles() {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("margin:auto ", theme.spacing.sm, ";color:", theme.utils.getColor('lightGrey', 650), ";cursor:default;" + (process.env.NODE_ENV === "production" ? "" : ";label:separatorStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvU2VwYXJhdG9yL1NlcGFyYXRvci5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHMEQiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnJlYWRjcnVtYi9TZXBhcmF0b3IvU2VwYXJhdG9yLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5cbmV4cG9ydCBjb25zdCBzZXBhcmF0b3JTdHlsZXMgPSAoKSA9PiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gIG1hcmdpbjogYXV0byAke3RoZW1lLnNwYWNpbmcuc219O1xuICBjb2xvcjogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNjUwKX07XG4gIGN1cnNvcjogZGVmYXVsdDtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:separatorStyles;")
+      (0, _react.css)("margin:auto ", theme.spacing.md, ";cursor:default;" + (process.env.NODE_ENV === "production" ? "" : ";label:separatorStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvU2VwYXJhdG9yL1NlcGFyYXRvci5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHNEUiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnJlYWRjcnVtYi9TZXBhcmF0b3IvU2VwYXJhdG9yLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5cbmV4cG9ydCBjb25zdCBzZXBhcmF0b3JTdHlsZXMgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIG1hcmdpbjogYXV0byAke3RoZW1lLnNwYWNpbmcubWR9O1xuICBjdXJzb3I6IGRlZmF1bHQ7XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:separatorStyles;")
     );
   };
 };

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

@@ -1,10 +1,6 @@
 export declare type BreadcrumbItemData = {
     /** Defines the path used for a link breadcrumb item*/
-    to: string;
+    to?: string;
     /** Defines the label used for a link breadcrumb item */
     label: string;
-    /** Defines the options used to render a Menu button */
-    options?: string[];
-    /** Defines the method where a developer can manipulate the selection of an menu item */
-    onChangeHandler?: (selectedItem: string) => void;
 };

package/dist/components/ButtonBase/ButtonBase.js

@@ -42,7 +42,8 @@ var ButtonBase = /*#__PURE__*/_react["default"].forwardRef(function (props, ref)
       children = props.children,
       _props$dataTestId = props.dataTestId,
       dataTestId = _props$dataTestId === void 0 ? '' : _props$dataTestId,
-      buttonType = props.buttonType,
+      _props$buttonType = props.buttonType,
+      buttonType = _props$buttonType === void 0 ? 'button' : _props$buttonType,
       _onClick = props.onClick,
       onBlur = props.onBlur;
 

package/dist/components/Chip/Chip.js

@@ -60,7 +60,7 @@ var Chip = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
     color: 'darkGrey',
     variant: 850
   }), thumbnail && (0, _react2.jsx)("div", null, (0, _react2.jsx)(_Avatar["default"], {
-    size: 'xxxs',
+    size: 'xs',
     color: fill + "-" + _palette.BASE_SHADE,
     src: thumbnail.src
   }, thumbnail.name)), (0, _react2.jsx)("div", null, children), badgeNumber && (0, _react2.jsx)(_Badge["default"], {

package/dist/components/DatePicker/Month/Month.utils.d.ts

@@ -2,5 +2,5 @@ import { Dayjs } from 'dayjs';
 import { DisabledDates } from '../DatePicker';
 export declare const calculateDisabledDays: (day: number | undefined, month: number, year: number, disabledDates?: DisabledDates | undefined) => boolean;
 export declare const calculatedDayIsBetween: (day: number | undefined, month: number, year: number, from: Dayjs | undefined, to: Dayjs | undefined) => boolean | undefined;
-export declare const calculateSelectedDayPosition: (day: number | undefined, position: "first" | "last" | undefined, month: number, year: number, from: Dayjs | undefined, to: Dayjs | undefined) => boolean | 0 | undefined;
+export declare const calculateSelectedDayPosition: (day: number | undefined, position: "last" | "first" | undefined, month: number, year: number, from: Dayjs | undefined, to: Dayjs | undefined) => boolean | 0 | undefined;
 export declare const calculateSelectedDay: (day: number, month: number, year: number, from: Dayjs | undefined, to: Dayjs | undefined) => boolean;

package/dist/components/ExpandCollapse/ExpandCollapse.d.ts

@@ -40,12 +40,12 @@ export declare type Props = {
      * A function accepting a boolean representing the current expansion state. Returns the
      * collapsible/expandable content. Mutually exclusive with children.
      */
-    content?: (x: boolean) => React.ReactElement;
+    content?: (x: boolean) => React.ReactNode;
     /**
      * A function accepting a boolean representing the current expansion state. Returns the
      * collapsible/expandable content. Mutually exclusive with content.
      */
-    children?: (x: boolean) => React.ReactElement;
+    children?: (x: boolean) => React.ReactNode;
 } & TestProps;
 declare function ExpandCollapse(props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
 export default ExpandCollapse;

package/dist/components/Filter/components/FilterBase/FilterBase.d.ts

@@ -11,5 +11,5 @@ declare type FilterBaseProps = {
     open: boolean;
     hasSelectedValue: boolean;
 };
-export declare const FilterBase: React.ForwardRefExoticComponent<FilterBaseProps & Pick<Props, "disabled" | "label" | "dataTestId" | "styleType" | "buttonType" | "filterType"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const FilterBase: React.ForwardRefExoticComponent<FilterBaseProps & Pick<Props, "disabled" | "label" | "dataTestId" | "buttonType" | "styleType" | "filterType"> & React.RefAttributes<HTMLButtonElement>>;
 export default FilterBase;

package/dist/components/Loader/components/Spinner/Spinner.style.js

@@ -19,7 +19,7 @@ var spinnerContainer = function spinnerContainer() {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("width:", (0, _utils.rem)(20), ";height:", (0, _utils.rem)(20), ";margin:auto;box-sizing:border-box;border-top:", spinnerBorderStyle(theme), ";border-right:", spinnerBorderStyle(theme), ";border-bottom:", spinnerBorderStyle(theme), ";border-left:", spinnerBorderStyle(theme, 'transparent'), ";border-radius:50%;animation:spin 1.1s infinite linear;@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:spinnerContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL1NwaW5uZXIvU3Bpbm5lci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUTZFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL1NwaW5uZXIvU3Bpbm5lci5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IEJBU0VfU0hBREUgfSBmcm9tICd0aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuY29uc3Qgc3Bpbm5lckJvcmRlclN0eWxlID0gKHRoZW1lOiBUaGVtZSwgY29sb3I/OiBzdHJpbmcpID0+XG4gIGAke3JlbSgyKX0gc29saWQgJHtjb2xvciB8fCB0aGVtZS51dGlscy5nZXRDb2xvcigncHJpbWFyeScsIEJBU0VfU0hBREUsICdub3JtYWwnKX07YDtcblxuZXhwb3J0IGNvbnN0IHNwaW5uZXJDb250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHdpZHRoOiAke3JlbSgyMCl9O1xuICBoZWlnaHQ6ICR7cmVtKDIwKX07XG4gIG1hcmdpbjogYXV0bztcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm9yZGVyLXRvcDogJHtzcGlubmVyQm9yZGVyU3R5bGUodGhlbWUpfTtcbiAgYm9yZGVyLXJpZ2h0OiAke3NwaW5uZXJCb3JkZXJTdHlsZSh0aGVtZSl9O1xuICBib3JkZXItYm90dG9tOiAke3NwaW5uZXJCb3JkZXJTdHlsZSh0aGVtZSl9O1xuICBib3JkZXItbGVmdDogJHtzcGlubmVyQm9yZGVyU3R5bGUodGhlbWUsICd0cmFuc3BhcmVudCcpfTtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBhbmltYXRpb246IHNwaW4gMS4xcyBpbmZpbml0ZSBsaW5lYXI7XG5cbiAgQGtleWZyYW1lcyBzcGluIHtcbiAgICAwJSB7XG4gICAgICAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgLXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:spinnerContainer;")
+      (0, _react.css)("width:", theme.spacing.lg, ";height:", theme.spacing.lg, ";margin:auto;box-sizing:border-box;border-top:", spinnerBorderStyle(theme), ";border-right:", spinnerBorderStyle(theme), ";border-bottom:", spinnerBorderStyle(theme), ";border-left:", spinnerBorderStyle(theme, 'transparent'), ";border-radius:50%;animation:spin 1.1s infinite linear;@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:spinnerContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL1NwaW5uZXIvU3Bpbm5lci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUTZFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL1NwaW5uZXIvU3Bpbm5lci5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IEJBU0VfU0hBREUgfSBmcm9tICd0aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuY29uc3Qgc3Bpbm5lckJvcmRlclN0eWxlID0gKHRoZW1lOiBUaGVtZSwgY29sb3I/OiBzdHJpbmcpID0+XG4gIGAke3JlbSgyKX0gc29saWQgJHtjb2xvciB8fCB0aGVtZS51dGlscy5nZXRDb2xvcigncHJpbWFyeScsIEJBU0VfU0hBREUsICdub3JtYWwnKX07YDtcblxuZXhwb3J0IGNvbnN0IHNwaW5uZXJDb250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHdpZHRoOiAke3RoZW1lLnNwYWNpbmcubGd9O1xuICBoZWlnaHQ6ICR7dGhlbWUuc3BhY2luZy5sZ307XG4gIG1hcmdpbjogYXV0bztcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm9yZGVyLXRvcDogJHtzcGlubmVyQm9yZGVyU3R5bGUodGhlbWUpfTtcbiAgYm9yZGVyLXJpZ2h0OiAke3NwaW5uZXJCb3JkZXJTdHlsZSh0aGVtZSl9O1xuICBib3JkZXItYm90dG9tOiAke3NwaW5uZXJCb3JkZXJTdHlsZSh0aGVtZSl9O1xuICBib3JkZXItbGVmdDogJHtzcGlubmVyQm9yZGVyU3R5bGUodGhlbWUsICd0cmFuc3BhcmVudCcpfTtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBhbmltYXRpb246IHNwaW4gMS4xcyBpbmZpbml0ZSBsaW5lYXI7XG5cbiAgQGtleWZyYW1lcyBzcGluIHtcbiAgICAwJSB7XG4gICAgICAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgLXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:spinnerContainer;")
     );
   };
 };

package/dist/components/Menu/Menu.js

@@ -94,7 +94,7 @@ var Menu = function Menu(props) {
       size: iconSize
     }) : null,
     iconLeft: !(0, _isEmpty["default"])(avatar) ? (0, _react2.jsx)(_Avatar["default"], {
-      size: 'xxs',
+      size: 'sm',
       src: avatar == null ? void 0 : avatar.src,
       color: avatar == null ? void 0 : avatar.color,
       iconName: 'user'

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

@@ -33,7 +33,7 @@ var tooltipStyle = function tooltipStyle(_ref) {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("background:transparent;.tippy-content{color:", (0, _palette.pickTextColorFromSwatches)(color, shade), ";background-color:", backgroundColor, ";max-width:", (0, _utils.rem)(256), ";padding:", theme.spacing.sm, ";font-size:", defineFontSizeBasedOnTooltipSize(size), ";line-height:110%;border-radius:", theme.spacing.sm, ";text-align:start;}.tippy-arrow{color:", backgroundColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:tooltipStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1Rvb2x0aXAvVG9vbHRpcC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QlkiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVG9vbHRpcC9Ub29sdGlwLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IHBpY2tUZXh0Q29sb3JGcm9tU3dhdGNoZXMgfSBmcm9tICcuLi8uLi90aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IFRvb2x0aXBTaXplIH0gZnJvbSAnLi9Ub29sdGlwJztcbmltcG9ydCAndGlwcHkuanMvZGlzdC90aXBweS5jc3MnO1xuXG5leHBvcnQgY29uc3QgdG9vbHRpcFN0eWxlID0gKHtcbiAgc2l6ZSxcbiAgaXNUcmFuc3BhcmVudCxcbn06IHtcbiAgc2l6ZTogVG9vbHRpcFNpemU7XG4gIGlzVHJhbnNwYXJlbnQ6IGJvb2xlYW47XG59KSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIGNvbnN0IGNvbG9yID0gJ2RhcmtHcmV5JztcbiAgY29uc3Qgc2hhZGUgPSA4NTA7XG4gIGNvbnN0IGJhY2tncm91bmRDb2xvciA9IGlzVHJhbnNwYXJlbnQgPyAndHJhbnNwYXJlbnQnIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoY29sb3IsIHNoYWRlKTtcblxuICBjb25zdCBkZWZpbmVGb250U2l6ZUJhc2VkT25Ub29sdGlwU2l6ZSA9IChzaXplOiBUb29sdGlwU2l6ZSkgPT4ge1xuICAgIGlmIChzaXplID09PSAnbGFyZ2UnKSB7XG4gICAgICByZXR1cm4gdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE2J107XG4gICAgfSBlbHNlIGlmIChzaXplID09PSAnc21hbGwnKSB7XG4gICAgICByZXR1cm4gdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzEyJ107XG4gICAgfVxuXG4gICAgcmV0dXJuIHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWycxNCddO1xuICB9O1xuXG4gIHJldHVybiBjc3NgXG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgLnRpcHB5LWNvbnRlbnQge1xuICAgICAgY29sb3I6ICR7cGlja1RleHRDb2xvckZyb21Td2F0Y2hlcyhjb2xvciwgc2hhZGUpfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZENvbG9yfTtcbiAgICAgIG1heC13aWR0aDogJHtyZW0oMjU2KX07XG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc219O1xuICAgICAgZm9udC1zaXplOiAke2RlZmluZUZvbnRTaXplQmFzZWRPblRvb2x0aXBTaXplKHNpemUpfTtcbiAgICAgIGxpbmUtaGVpZ2h0OiAxMTAlO1xuICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbiAgICAgIHRleHQtYWxpZ246IHN0YXJ0O1xuICAgIH1cbiAgICAudGlwcHktYXJyb3cge1xuICAgICAgY29sb3I6ICR7YmFja2dyb3VuZENvbG9yfTtcbiAgICB9XG4gIGA7XG59O1xuIl19 */", 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, _utils.rem)(256), ";padding:", theme.spacing.sm, ";font-size:", defineFontSizeBasedOnTooltipSize(size), ";font-weight:", theme.typography.weights.regular, ";line-height:110%;border-radius:", theme.spacing.sm, ";text-align:start;white-space:pre-wrap;word-break:break-all;}.tippy-arrow{color:", backgroundColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:tooltipStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1Rvb2x0aXAvVG9vbHRpcC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QlkiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVG9vbHRpcC9Ub29sdGlwLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IHBpY2tUZXh0Q29sb3JGcm9tU3dhdGNoZXMgfSBmcm9tICcuLi8uLi90aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IFRvb2x0aXBTaXplIH0gZnJvbSAnLi9Ub29sdGlwJztcbmltcG9ydCAndGlwcHkuanMvZGlzdC90aXBweS5jc3MnO1xuXG5leHBvcnQgY29uc3QgdG9vbHRpcFN0eWxlID0gKHtcbiAgc2l6ZSxcbiAgaXNUcmFuc3BhcmVudCxcbn06IHtcbiAgc2l6ZTogVG9vbHRpcFNpemU7XG4gIGlzVHJhbnNwYXJlbnQ6IGJvb2xlYW47XG59KSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIGNvbnN0IGNvbG9yID0gJ2RhcmtHcmV5JztcbiAgY29uc3Qgc2hhZGUgPSA4NTA7XG4gIGNvbnN0IGJhY2tncm91bmRDb2xvciA9IGlzVHJhbnNwYXJlbnQgPyAndHJhbnNwYXJlbnQnIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoY29sb3IsIHNoYWRlKTtcblxuICBjb25zdCBkZWZpbmVGb250U2l6ZUJhc2VkT25Ub29sdGlwU2l6ZSA9IChzaXplOiBUb29sdGlwU2l6ZSkgPT4ge1xuICAgIGlmIChzaXplID09PSAnbGFyZ2UnKSB7XG4gICAgICByZXR1cm4gdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE2J107XG4gICAgfSBlbHNlIGlmIChzaXplID09PSAnc21hbGwnKSB7XG4gICAgICByZXR1cm4gdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzEyJ107XG4gICAgfVxuXG4gICAgcmV0dXJuIHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWycxNCddO1xuICB9O1xuXG4gIHJldHVybiBjc3NgXG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgLnRpcHB5LWNvbnRlbnQge1xuICAgICAgY29sb3I6ICR7cGlja1RleHRDb2xvckZyb21Td2F0Y2hlcyhjb2xvciwgc2hhZGUpfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZENvbG9yfTtcbiAgICAgIG1heC13aWR0aDogJHtyZW0oMjU2KX07XG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc219O1xuICAgICAgZm9udC1zaXplOiAke2RlZmluZUZvbnRTaXplQmFzZWRPblRvb2x0aXBTaXplKHNpemUpfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5yZWd1bGFyfTtcbiAgICAgIGxpbmUtaGVpZ2h0OiAxMTAlO1xuICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbiAgICAgIHRleHQtYWxpZ246IHN0YXJ0O1xuICAgICAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xuICAgICAgd29yZC1icmVhazogYnJlYWstYWxsO1xuICAgIH1cbiAgICAudGlwcHktYXJyb3cge1xuICAgICAgY29sb3I6ICR7YmFja2dyb3VuZENvbG9yfTtcbiAgICB9XG4gIGA7XG59O1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:tooltipStyle;")
     );
   };
 };

package/dist/index.d.ts

@@ -13,6 +13,7 @@ export type { Typography } from './theme/typography';
 export type { AcceptedColorComponentTypes } from './utils/themeFunctions';
 export type { Theme } from './theme';
 export { default as Avatar } from './components/Avatar';
+export { default as AvatarStack } from './components/Avatar/AvatarStack';
 export { default as Breadcrumb } from './components/Breadcrumb';
 export { default as Button } from './components/Button';
 export { default as Card } from './components/Card';

package/dist/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.typography = exports.spacing = exports.palette = exports.overrides = exports.themeFunctions = exports.elevation = exports.themeConfig = exports.TruncatedContent = exports.Filter = exports.useEscape = exports.useBreakpoints = exports.useTheme = exports.TopNavBar = exports.Tooltip = exports.Toast = exports.ThemeProvider = exports.TextArea = exports.SearchField = exports.TextField = exports.Table = exports.Select = exports.RadioGroup = exports.Radio = exports.Pagination = exports.Snackbar = exports.Banner = exports.NotificationVisual = exports.NotificationsContainer = exports.InlineNotification = exports.Modal = exports.Menu = exports.Loader = exports.List = exports.Label = exports.IconButton = exports.Icon = exports.ExpandCollapse = exports.Drawer = exports.DatePicker = exports.Chip = exports.CheckBox = exports.DonutChart = exports.BarChart = exports.LineChart = exports.Card = exports.Button = exports.Breadcrumb = exports.Avatar = void 0;
+exports.typography = exports.spacing = exports.palette = exports.overrides = exports.themeFunctions = exports.elevation = exports.themeConfig = exports.TruncatedContent = exports.Filter = exports.useEscape = exports.useBreakpoints = exports.useTheme = exports.TopNavBar = exports.Tooltip = exports.Toast = exports.ThemeProvider = exports.TextArea = exports.SearchField = exports.TextField = exports.Table = exports.Select = exports.RadioGroup = exports.Radio = exports.Pagination = exports.Snackbar = exports.Banner = exports.NotificationVisual = exports.NotificationsContainer = exports.InlineNotification = exports.Modal = exports.Menu = exports.Loader = exports.List = exports.Label = exports.IconButton = exports.Icon = exports.ExpandCollapse = exports.Drawer = exports.DatePicker = exports.Chip = exports.CheckBox = exports.DonutChart = exports.BarChart = exports.LineChart = exports.Card = exports.Button = exports.Breadcrumb = exports.AvatarStack = exports.Avatar = void 0;
 
 var _useBreakpoints = _interopRequireWildcard(require("./hooks/useBreakpoints"));
 
@@ -36,6 +36,10 @@ var _Avatar = _interopRequireDefault(require("./components/Avatar"));
 
 exports.Avatar = _Avatar["default"];
 
+var _AvatarStack = _interopRequireDefault(require("./components/Avatar/AvatarStack"));
+
+exports.AvatarStack = _AvatarStack["default"];
+
 var _Breadcrumb = _interopRequireDefault(require("./components/Breadcrumb"));
 
 exports.Breadcrumb = _Breadcrumb["default"];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orfium/ictinus",
-  "version": "4.18.0",
+  "version": "4.21.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",

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

@@ -1,7 +0,0 @@
-import * as React from 'react';
-declare type Props = {
-    /** Defines the react nodes that will be included in the breadcrumb's collapsed view */
-    collapsedItems: React.ReactNode[];
-};
-declare const BreadcrumbCollapsed: React.FC<Props>;
-export default BreadcrumbCollapsed;

package/dist/components/Breadcrumb/BreadcrumbCollapsed/BreadcrumbCollapsed.js

@@ -1,81 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _useTheme = _interopRequireDefault(require("../../../hooks/useTheme"));
-
-var _Separator = _interopRequireDefault(require("../../Breadcrumb/Separator/Separator"));
-
-var _Icon = _interopRequireDefault(require("../../Icon"));
-
-var _List = _interopRequireDefault(require("../../List"));
-
-var _ClickAwayListener = _interopRequireDefault(require("../../utils/ClickAwayListener"));
-
-var _DropdownOptions = require("../../utils/DropdownOptions");
-
-var _BreadcrumbCollapsed = require("./BreadcrumbCollapsed.style");
-
-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 BreadcrumbCollapsed = function BreadcrumbCollapsed(props) {
-  var _React$useState = React.useState(false),
-      open = _React$useState[0],
-      setOpen = _React$useState[1];
-
-  var collapsedItems = props.collapsedItems;
-  var theme = (0, _useTheme["default"])();
-
-  var expandHandler = function expandHandler() {
-    setOpen(function (prevState) {
-      return !prevState;
-    });
-  };
-
-  var collapsedItemsList = (0, _react2.jsx)("div", {
-    style: _BreadcrumbCollapsed.inlineBreadcrumbWrapperStyles,
-    css: (0, _DropdownOptions.optionsStyle)({
-      menuPosition: 'left'
-    })
-  }, (0, _react2.jsx)(_List["default"], {
-    data: collapsedItems,
-    rowSize: 'small',
-    dataTestId: 'collapsed_',
-    handleOptionClick: function handleOptionClick() {
-      setOpen(false);
-    }
-  }));
-  var iconColor = 'lightGrey';
-  var iconColorShade = open ? 100 : 700;
-  return (0, _react2.jsx)(_ClickAwayListener["default"], {
-    CustomHtmlTag: "li",
-    ariaRole: "listitem",
-    onClick: function onClick() {
-      return setOpen(false);
-    },
-    cssStyles: _BreadcrumbCollapsed.ClickAwayListenerStyle
-  }, (0, _react2.jsx)("div", {
-    css: (0, _BreadcrumbCollapsed.breadcrumbCollapsedWrapperStyles)()
-  }, (0, _react2.jsx)("span", {
-    css: (0, _BreadcrumbCollapsed.breadcrumbCollapsedStyles)({
-      open: open
-    }),
-    onClick: expandHandler
-  }, (0, _react2.jsx)(_Icon["default"], {
-    name: "dotsVertical",
-    size: 22,
-    color: theme.utils.getColor(iconColor, iconColorShade)
-  })), (0, _react2.jsx)(_Separator["default"], null), open && collapsedItemsList));
-};
-
-var _default = BreadcrumbCollapsed;
-exports["default"] = _default;

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

@@ -1,16 +0,0 @@
-import { Theme } from '../../../theme';
-declare type BreadcrumbIconStyle = {
-    open: boolean;
-};
-export declare const ClickAwayListenerStyle: {
-    margin: string;
-};
-export declare const breadcrumbCollapsedStyles: ({ open }: BreadcrumbIconStyle) => (theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const breadcrumbCollapsedWrapperStyles: () => import("@emotion/react").SerializedStyles;
-export declare const inlineBreadcrumbWrapperStyles: {
-    padding: number;
-    boxShadow: string;
-    top: string;
-    width: string;
-};
-export {};

package/dist/components/Breadcrumb/BreadcrumbCollapsed/BreadcrumbCollapsed.style.js

@@ -1,52 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.inlineBreadcrumbWrapperStyles = exports.breadcrumbCollapsedWrapperStyles = exports.breadcrumbCollapsedStyles = exports.ClickAwayListenerStyle = void 0;
-
-var _react = require("@emotion/react");
-
-var _utils = require("../../../theme/utils");
-
-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)."; }
-
-var ClickAwayListenerStyle = {
-  margin: 'auto'
-};
-exports.ClickAwayListenerStyle = ClickAwayListenerStyle;
-
-var breadcrumbCollapsedStyles = function breadcrumbCollapsedStyles(_ref2) {
-  var open = _ref2.open;
-  return function (theme) {
-    return (
-      /*#__PURE__*/
-
-      /*#__PURE__*/
-      (0, _react.css)("padding:", (0, _utils.rem)(2), ";margin-top:", (0, _utils.rem)(1), ";transform:rotate(90deg);border-radius:3rem;background-color:", open ? theme.utils.getColor('lightGrey', 650) : theme.utils.getColor('lightGrey', 200), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbCollapsedStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvQnJlYWRjcnVtYkNvbGxhcHNlZC9CcmVhZGNydW1iQ29sbGFwc2VkLnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlpRyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CcmVhZGNydW1iL0JyZWFkY3J1bWJDb2xsYXBzZWQvQnJlYWRjcnVtYkNvbGxhcHNlZC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi8uLi90aGVtZSc7XG5cbnR5cGUgQnJlYWRjcnVtYkljb25TdHlsZSA9IHtcbiAgb3BlbjogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCBjb25zdCBDbGlja0F3YXlMaXN0ZW5lclN0eWxlID0ge1xuICBtYXJnaW46ICdhdXRvJyxcbn07XG5leHBvcnQgY29uc3QgYnJlYWRjcnVtYkNvbGxhcHNlZFN0eWxlcyA9ICh7IG9wZW4gfTogQnJlYWRjcnVtYkljb25TdHlsZSkgPT4gKHRoZW1lOiBUaGVtZSkgPT4gY3NzYFxuICBwYWRkaW5nOiAke3JlbSgyKX07XG4gIG1hcmdpbi10b3A6ICR7cmVtKDEpfTtcbiAgdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpO1xuICBib3JkZXItcmFkaXVzOiAzcmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke29wZW5cbiAgICA/IHRoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCA2NTApXG4gICAgOiB0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMjAwKX07XG5gO1xuXG5leHBvcnQgY29uc3QgYnJlYWRjcnVtYkNvbGxhcHNlZFdyYXBwZXJTdHlsZXMgPSAoKSA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGlubGluZUJyZWFkY3J1bWJXcmFwcGVyU3R5bGVzID0ge1xuICBwYWRkaW5nOiAwLFxuICBib3hTaGFkb3c6IGAjODA4MDgwMmIgMHB4IDBweCAke3JlbSgxNil9YCxcbiAgdG9wOiByZW0oNDApLFxuICB3aWR0aDogcmVtKDE2NCksXG59O1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbCollapsedStyles;")
-    );
-  };
-};
-
-exports.breadcrumbCollapsedStyles = breadcrumbCollapsedStyles;
-
-var _ref = process.env.NODE_ENV === "production" ? {
-  name: "5o2vmf",
-  styles: "display:flex;cursor:pointer;position:relative"
-} : {
-  name: "orgln1-breadcrumbCollapsedWrapperStyles",
-  styles: "display:flex;cursor:pointer;position:relative;label:breadcrumbCollapsedWrapperStyles;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvQnJlYWRjcnVtYkNvbGxhcHNlZC9CcmVhZGNydW1iQ29sbGFwc2VkLnN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCeUQiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnJlYWRjcnVtYi9CcmVhZGNydW1iQ29sbGFwc2VkL0JyZWFkY3J1bWJDb2xsYXBzZWQuc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWUnO1xuXG50eXBlIEJyZWFkY3J1bWJJY29uU3R5bGUgPSB7XG4gIG9wZW46IGJvb2xlYW47XG59O1xuXG5leHBvcnQgY29uc3QgQ2xpY2tBd2F5TGlzdGVuZXJTdHlsZSA9IHtcbiAgbWFyZ2luOiAnYXV0bycsXG59O1xuZXhwb3J0IGNvbnN0IGJyZWFkY3J1bWJDb2xsYXBzZWRTdHlsZXMgPSAoeyBvcGVuIH06IEJyZWFkY3J1bWJJY29uU3R5bGUpID0+ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgcGFkZGluZzogJHtyZW0oMil9O1xuICBtYXJnaW4tdG9wOiAke3JlbSgxKX07XG4gIHRyYW5zZm9ybTogcm90YXRlKDkwZGVnKTtcbiAgYm9yZGVyLXJhZGl1czogM3JlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtvcGVuXG4gICAgPyB0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNjUwKVxuICAgIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDIwMCl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGJyZWFkY3J1bWJDb2xsYXBzZWRXcmFwcGVyU3R5bGVzID0gKCkgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBpbmxpbmVCcmVhZGNydW1iV3JhcHBlclN0eWxlcyA9IHtcbiAgcGFkZGluZzogMCxcbiAgYm94U2hhZG93OiBgIzgwODA4MDJiIDBweCAwcHggJHtyZW0oMTYpfWAsXG4gIHRvcDogcmVtKDQwKSxcbiAgd2lkdGg6IHJlbSgxNjQpLFxufTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-
-var breadcrumbCollapsedWrapperStyles = function breadcrumbCollapsedWrapperStyles() {
-  return _ref;
-};
-
-exports.breadcrumbCollapsedWrapperStyles = breadcrumbCollapsedWrapperStyles;
-var inlineBreadcrumbWrapperStyles = {
-  padding: 0,
-  boxShadow: "#8080802b 0px 0px " + (0, _utils.rem)(16),
-  top: (0, _utils.rem)(40),
-  width: (0, _utils.rem)(164)
-};
-exports.inlineBreadcrumbWrapperStyles = inlineBreadcrumbWrapperStyles;

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

@@ -1,11 +0,0 @@
-import * as React from 'react';
-declare type Props = {
-    /** Defines the options used to render a Menu button */
-    options?: string[];
-    /** Defines the method where a developer can manipulate the selection of an menu item */
-    onChangeHandler?: (selectedItem: string) => void;
-    /** Defines the label of the current level of breadcrumb */
-    label?: string;
-};
-declare const BreadcrumbAdvancedItem: React.FC<Props>;
-export default BreadcrumbAdvancedItem;

package/dist/components/Breadcrumb/BreadcrumbItem/BreadcrumbAdvancedItem.js

@@ -1,46 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _index = _interopRequireDefault(require("../../Menu/index"));
-
-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 BreadcrumbAdvancedItem = function BreadcrumbAdvancedItem(props) {
-  var _props$options = props.options,
-      options = _props$options === void 0 ? undefined : _props$options,
-      onChangeHandler = props.onChangeHandler,
-      label = props.label;
-
-  var _React$useState = React.useState(''),
-      selectedItem = _React$useState[0],
-      setSelectedItem = _React$useState[1];
-
-  React.useEffect(function () {
-    if (onChangeHandler) {
-      onChangeHandler(selectedItem);
-    }
-  }, [selectedItem]);
-  return (0, _react2.jsx)(_index["default"], {
-    items: options,
-    selectedItem: selectedItem,
-    onSelect: function onSelect(option) {
-      return setSelectedItem(option);
-    },
-    buttonText: label,
-    rightIconName: "arrowDown",
-    iconSize: 12
-  });
-};
-
-var _default = BreadcrumbAdvancedItem;
-exports["default"] = _default;