@orfium/ictinus 4.19.0 → 4.21.2

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

@@ -5,7 +5,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _palette = require("../../theme/palette");
+var _index = require("../../index");
 
 var _themeFunctions = require("../../utils/themeFunctions");
 
@@ -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;
   }
 };
 
@@ -44,6 +44,7 @@ var Avatar = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
       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);
   return (0, _react2.jsx)("div", {
     ref: ref,
@@ -56,7 +57,7 @@ var Avatar = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
   }, src && (0, _react2.jsx)("img", {
     src: src
   }), !src && !children && iconName && (0, _react2.jsx)(_Icon["default"], {
-    color: (0, _palette.pickTextColorFromSwatches)(calculatedColor.color, calculatedColor.shade),
+    color: theme.utils.getAAColorFromSwatches(calculatedColor.color, calculatedColor.shade),
     name: iconName,
     size: iconSizeBasedOnAvatar(size)
   }), !src && children);

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");
 
@@ -9,46 +9,37 @@ var _utils = require("../../theme/utils");
 
 var _functions = require("../../theme/functions");
 
-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);
+      return 24;
 
-    case 'xs':
-      return (0, _utils.rem)(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 +52,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:", 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;")
     );
   };
 };

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/ButtonBase/ButtonBase.style.js

@@ -7,8 +7,6 @@ var _polished = require("polished");
 
 var _utils = require("../../theme/utils");
 
-var _palette = require("../../theme/palette");
-
 var _utils2 = require("./utils");
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -67,7 +65,7 @@ var buttonBaseStyle = function buttonBaseStyle(_ref) {
         return (0, _utils2.defineBackgroundColor)(theme, calculatedColor, type, hasSupplementaryIcons, childrenCount > 0);
       }
 
-      return (0, _palette.pickTextColorFromSwatches)(calculatedColor.color, calculatedColor.shade);
+      return theme.utils.getAAColorFromSwatches(calculatedColor.color, calculatedColor.shade);
     };
 
     var baseButtonStyles = {

package/dist/components/CheckBox/CheckBox.js

@@ -7,14 +7,14 @@ var _useTypeColorToColorMatch = require("../../hooks/useTypeColorToColorMatch");
 
 var React = _interopRequireWildcard(require("react"));
 
-var _palette = require("../../theme/palette");
-
 var _helpers = require("../../utils/helpers");
 
 var _CheckBox = require("./CheckBox.style");
 
 var _Icon = _interopRequireDefault(require("../Icon"));
 
+var _index = require("../../index");
+
 var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -42,6 +42,7 @@ var CheckBox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       setIsChecked = _React$useState[1];
 
   var inputRef = React.useRef(null);
+  var theme = (0, _index.useTheme)();
 
   var _useTypeColorToColorM = (0, _useTypeColorToColorMatch.useTypeColorToColorMatch)(),
       calculateColorBetweenColorAndType = _useTypeColorToColorM.calculateColorBetweenColorAndType;
@@ -110,7 +111,7 @@ var CheckBox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, (0, _react2.jsx)(_Icon["default"], {
     name: intermediate ? 'minus' : 'checkmark',
     size: 24,
-    color: (0, _palette.pickTextColorFromSwatches)(color, shade)
+    color: theme.utils.getAAColorFromSwatches(color, shade)
   }))), label && (0, _react2.jsx)("span", {
     css: (0, _CheckBox.labelStyle)()
   }, label));

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/Chip/components/Badge/Badge.style.js

@@ -7,8 +7,6 @@ var _react = require("@emotion/react");
 
 var _functions = require("../../../../theme/functions");
 
-var _palette = require("../../../../theme/palette");
-
 var badgeStyle = function badgeStyle(_ref) {
   var _ref$fill = _ref.fill,
       fill = _ref$fill === void 0 ? 'greyScale' : _ref$fill,
@@ -18,7 +16,7 @@ var badgeStyle = function badgeStyle(_ref) {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)(_functions.flex, ";width:", theme.spacing.md, ";height:", theme.spacing.md, ";border-radius:100%;background:", isSelected ? theme.utils.getColor(fill, 550) : theme.utils.getColor('lightGrey', 200), ";font-size:", theme.typography.fontSizes['10'], ";font-weight:", theme.typography.weights.medium, ";align-items:center;flex-shrink:0;line-height:normal;justify-content:center;color:", isSelected ? (0, _palette.pickTextColorFromSwatches)(fill, 550) : (0, _palette.pickTextColorFromSwatches)('lightGrey', 200), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:badgeStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NoaXAvY29tcG9uZW50cy9CYWRnZS9CYWRnZS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTMEIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQ2hpcC9jb21wb25lbnRzL0JhZGdlL0JhZGdlLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBmbGV4IH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcbmltcG9ydCB7IHBpY2tUZXh0Q29sb3JGcm9tU3dhdGNoZXMgfSBmcm9tICd0aGVtZS9wYWxldHRlJztcblxuaW1wb3J0IHsgUHJvcHMgfSBmcm9tICcuLi8uLi9DaGlwJztcblxuZXhwb3J0IGNvbnN0IGJhZGdlU3R5bGUgPSAoeyBmaWxsID0gJ2dyZXlTY2FsZScsIGlzU2VsZWN0ZWQgfTogUHJvcHMpID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtmbGV4fTtcbiAgd2lkdGg6ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gIGhlaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgYmFja2dyb3VuZDogJHtpc1NlbGVjdGVkXG4gICAgPyB0aGVtZS51dGlscy5nZXRDb2xvcihmaWxsLCA1NTApXG4gICAgOiB0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMjAwKX07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTAnXX07XG4gIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5tZWRpdW19O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmbGV4LXNocmluazogMDtcbiAgbGluZS1oZWlnaHQ6IG5vcm1hbDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGNvbG9yOiAke2lzU2VsZWN0ZWRcbiAgICA/IHBpY2tUZXh0Q29sb3JGcm9tU3dhdGNoZXMoZmlsbCwgNTUwKVxuICAgIDogcGlja1RleHRDb2xvckZyb21Td2F0Y2hlcygnbGlnaHRHcmV5JywgMjAwKX07XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:badgeStyle;")
+      (0, _react.css)(_functions.flex, ";width:", theme.spacing.md, ";height:", theme.spacing.md, ";border-radius:100%;background:", isSelected ? theme.utils.getColor(fill, 550) : theme.utils.getColor('lightGrey', 200), ";font-size:", theme.typography.fontSizes['10'], ";font-weight:", theme.typography.weights.medium, ";align-items:center;flex-shrink:0;line-height:normal;justify-content:center;color:", isSelected ? theme.utils.getAAColorFromSwatches(fill, 550) : theme.utils.getAAColorFromSwatches('lightGrey', 200), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:badgeStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NoaXAvY29tcG9uZW50cy9CYWRnZS9CYWRnZS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMEIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQ2hpcC9jb21wb25lbnRzL0JhZGdlL0JhZGdlLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBmbGV4IH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcblxuaW1wb3J0IHsgUHJvcHMgfSBmcm9tICcuLi8uLi9DaGlwJztcblxuZXhwb3J0IGNvbnN0IGJhZGdlU3R5bGUgPSAoeyBmaWxsID0gJ2dyZXlTY2FsZScsIGlzU2VsZWN0ZWQgfTogUHJvcHMpID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtmbGV4fTtcbiAgd2lkdGg6ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gIGhlaWdodDogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgYmFja2dyb3VuZDogJHtpc1NlbGVjdGVkXG4gICAgPyB0aGVtZS51dGlscy5nZXRDb2xvcihmaWxsLCA1NTApXG4gICAgOiB0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMjAwKX07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTAnXX07XG4gIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5tZWRpdW19O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmbGV4LXNocmluazogMDtcbiAgbGluZS1oZWlnaHQ6IG5vcm1hbDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGNvbG9yOiAke2lzU2VsZWN0ZWRcbiAgICA/IHRoZW1lLnV0aWxzLmdldEFBQ29sb3JGcm9tU3dhdGNoZXMoZmlsbCwgNTUwKVxuICAgIDogdGhlbWUudXRpbHMuZ2V0QUFDb2xvckZyb21Td2F0Y2hlcygnbGlnaHRHcmV5JywgMjAwKX07XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:badgeStyle;")
     );
   };
 };

package/dist/components/DatePicker/Day/Day.style.js

@@ -7,8 +7,6 @@ var _react = require("@emotion/react");
 
 var _utils = require("../../../theme/utils");
 
-var _palette = require("../../../theme/palette");
-
 var dayWrapperStyle = function dayWrapperStyle(_ref) {
   var isSelected = _ref.isSelected,
       isBetween = _ref.isBetween,
@@ -22,7 +20,7 @@ var dayWrapperStyle = function dayWrapperStyle(_ref) {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("vertical-align:middle;text-align:center;cursor:pointer;position:relative;color:", isSelected ? (0, _palette.pickTextColorFromSwatches)(calculatedColor.color, calculatedColor.shade) : theme.utils.getColor('darkGrey', 850), ";width:", (0, _utils.rem)(40), ";padding:0 ", (0, _utils.rem)(4), ";font-weight:", isToday && 'bold', ";opacity:", disabled ? 0.5 : 1, ";background:", isLast || isFirst ? 'transparent' : (isSelected || isBetween) && typeof isBetween !== 'undefined' && theme.utils.getColor('blue', 50), ";border-bottom-right-radius:", isLast && isSelected && '100%', ";border-top-right-radius:", isLast && isSelected && '100%', ";border-bottom-left-radius:", isFirst && isSelected && '100%', ";border-top-left-radius:", isFirst && isSelected && '100%', ";", (isSelected || isLast || isFirst) && "&:after {\n    z-index: -1;\n    content: ' ';\n    height: 100%;\n    width: 50%;\n    position: absolute;\n    top: 0;\n     background: " + (isLast && isFirst ? 'transparent' : (isSelected || isBetween) && typeof isBetween !== 'undefined' && theme.utils.getColor('blue', 50)) + ";\n  left: " + (isLast ? '0' : 'initial') + ";\n  right: " + (isFirst ? '0' : 'initial') + ";\n  border-bottom-right-radius: " + (isLast && isSelected && '100%') + ";\n  border-top-right-radius: " + (isLast && isSelected && '100%') + ";\n  border-bottom-left-radius: " + (isFirst && isSelected && '100%') + ";\n  border-top-left-radius: " + (isFirst && isSelected && '100%') + ";\n  }", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:dayWrapperStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RhdGVQaWNrZXIvRGF5L0RheS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QjBCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RhdGVQaWNrZXIvRGF5L0RheS5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBwaWNrVGV4dENvbG9yRnJvbVN3YXRjaGVzIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWUvcGFsZXR0ZSc7XG5pbXBvcnQgeyBDb2xvclNoYXBlRnJvbUNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL3V0aWxzL3RoZW1lRnVuY3Rpb25zJztcblxudHlwZSBQcm9wcyA9IHtcbiAgZGF5PzogbnVtYmVyO1xuICBpc1NlbGVjdGVkPzogYm9vbGVhbjtcbiAgaXNCZXR3ZWVuPzogYm9vbGVhbjtcbiAgaXNMYXN0PzogYm9vbGVhbjtcbiAgaXNGaXJzdD86IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgaXNUb2RheTogYm9vbGVhbjtcbiAgY2FsY3VsYXRlZENvbG9yOiBDb2xvclNoYXBlRnJvbUNvbXBvbmVudDtcbn07XG5cbmV4cG9ydCBjb25zdCBkYXlXcmFwcGVyU3R5bGUgPSAoe1xuICBpc1NlbGVjdGVkLFxuICBpc0JldHdlZW4sXG4gIGNhbGN1bGF0ZWRDb2xvcixcbiAgaXNMYXN0LFxuICBpc0ZpcnN0LFxuICBpc1RvZGF5LFxuICBkaXNhYmxlZCxcbn06IFByb3BzICYgeyBpc1RvZGF5OiBib29sZWFuOyBjYWxjdWxhdGVkQ29sb3I6IENvbG9yU2hhcGVGcm9tQ29tcG9uZW50IH0pID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY29sb3I6ICR7aXNTZWxlY3RlZFxuICAgID8gcGlja1RleHRDb2xvckZyb21Td2F0Y2hlcyhjYWxjdWxhdGVkQ29sb3IuY29sb3IsIGNhbGN1bGF0ZWRDb2xvci5zaGFkZSlcbiAgICA6IHRoZW1lLnV0aWxzLmdldENvbG9yKCdkYXJrR3JleScsIDg1MCl9O1xuICB3aWR0aDogJHtyZW0oNDApfTtcbiAgcGFkZGluZzogMCAke3JlbSg0KX07XG4gIGZvbnQtd2VpZ2h0OiAke2lzVG9kYXkgJiYgJ2JvbGQnfTtcbiAgb3BhY2l0eTogJHtkaXNhYmxlZCA/IDAuNSA6IDF9O1xuICBiYWNrZ3JvdW5kOiAke2lzTGFzdCB8fCBpc0ZpcnN0XG4gICAgPyAndHJhbnNwYXJlbnQnXG4gICAgOiAoaXNTZWxlY3RlZCB8fCBpc0JldHdlZW4pICYmXG4gICAgICB0eXBlb2YgaXNCZXR3ZWVuICE9PSAndW5kZWZpbmVkJyAmJlxuICAgICAgdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1MCl9O1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogJHtpc0xhc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHtpc0xhc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAke2lzRmlyc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke2lzRmlyc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuXG4gICR7KGlzU2VsZWN0ZWQgfHwgaXNMYXN0IHx8IGlzRmlyc3QpICYmXG4gICAgYCY6YWZ0ZXIge1xuICAgIHotaW5kZXg6IC0xO1xuICAgIGNvbnRlbnQ6ICcgJztcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDUwJTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgICBiYWNrZ3JvdW5kOiAke1xuICAgICAgIGlzTGFzdCAmJiBpc0ZpcnN0XG4gICAgICAgICA/ICd0cmFuc3BhcmVudCdcbiAgICAgICAgIDogKGlzU2VsZWN0ZWQgfHwgaXNCZXR3ZWVuKSAmJlxuICAgICAgICAgICB0eXBlb2YgaXNCZXR3ZWVuICE9PSAndW5kZWZpbmVkJyAmJlxuICAgICAgICAgICB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKVxuICAgICB9O1xuICBsZWZ0OiAke2lzTGFzdCA/ICcwJyA6ICdpbml0aWFsJ307XG4gIHJpZ2h0OiAke2lzRmlyc3QgPyAnMCcgOiAnaW5pdGlhbCd9O1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogJHtpc0xhc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHtpc0xhc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAke2lzRmlyc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke2lzRmlyc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICB9YH1cbmA7XG5cbmV4cG9ydCBjb25zdCBlbXB0eURheVN0eWxlID0gKHsgaXNCZXR3ZWVuIH06IHsgaXNCZXR3ZWVuOiBib29sZWFuIH0pID0+ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZDogJHtpc0JldHdlZW4gPyB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKSA6ICd0cmFuc3BhcmVudCd9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGRheVN0eWxlID0gKHsgaXNTZWxlY3RlZCwgY2FsY3VsYXRlZENvbG9yLCBpc1RvZGF5LCBkaXNhYmxlZCB9OiBQcm9wcykgPT4gKFxuICB0aGVtZTogVGhlbWVcbikgPT4gY3NzYFxuICBib3JkZXI6ICR7cmVtKDEpfSBzb2xpZCAke2lzVG9kYXkgPyB0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNDUwKSA6ICd0cmFuc3BhcmVudCd9O1xuICBib3JkZXItcmFkaXVzOiAkeyhpc1RvZGF5IHx8IGlzU2VsZWN0ZWQpICYmICcxMDAlJ307XG4gIHdpZHRoOiAke3JlbSgzOSl9O1xuICBoZWlnaHQ6ICR7cmVtKDM5KX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBiYWNrZ3JvdW5kOiAke2lzU2VsZWN0ZWRcbiAgICA/IHRoZW1lLnV0aWxzLmdldENvbG9yKGNhbGN1bGF0ZWRDb2xvci5jb2xvciwgY2FsY3VsYXRlZENvbG9yLnNoYWRlKVxuICAgIDogJ3RyYW5zcGFyZW50J307XG5cbiAgJHshZGlzYWJsZWQgJiZcbiAgICBgJjpob3ZlciB7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJHshaXNTZWxlY3RlZCAmJiB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDEwMCl9O1xuICAgICAgICAgIH1gfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:dayWrapperStyle;")
+      (0, _react.css)("vertical-align:middle;text-align:center;cursor:pointer;position:relative;color:", isSelected ? theme.utils.getAAColorFromSwatches(calculatedColor.color, calculatedColor.shade) : theme.utils.getColor('darkGrey', 850), ";width:", (0, _utils.rem)(40), ";padding:0 ", (0, _utils.rem)(4), ";font-weight:", isToday && 'bold', ";opacity:", disabled ? 0.5 : 1, ";background:", isLast || isFirst ? 'transparent' : (isSelected || isBetween) && typeof isBetween !== 'undefined' && theme.utils.getColor('blue', 50), ";border-bottom-right-radius:", isLast && isSelected && '100%', ";border-top-right-radius:", isLast && isSelected && '100%', ";border-bottom-left-radius:", isFirst && isSelected && '100%', ";border-top-left-radius:", isFirst && isSelected && '100%', ";", (isSelected || isLast || isFirst) && "&:after {\n    z-index: -1;\n    content: ' ';\n    height: 100%;\n    width: 50%;\n    position: absolute;\n    top: 0;\n     background: " + (isLast && isFirst ? 'transparent' : (isSelected || isBetween) && typeof isBetween !== 'undefined' && theme.utils.getColor('blue', 50)) + ";\n  left: " + (isLast ? '0' : 'initial') + ";\n  right: " + (isFirst ? '0' : 'initial') + ";\n  border-bottom-right-radius: " + (isLast && isSelected && '100%') + ";\n  border-top-right-radius: " + (isLast && isSelected && '100%') + ";\n  border-bottom-left-radius: " + (isFirst && isSelected && '100%') + ";\n  border-top-left-radius: " + (isFirst && isSelected && '100%') + ";\n  }", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:dayWrapperStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RhdGVQaWNrZXIvRGF5L0RheS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQjBCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RhdGVQaWNrZXIvRGF5L0RheS5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBDb2xvclNoYXBlRnJvbUNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL3V0aWxzL3RoZW1lRnVuY3Rpb25zJztcblxudHlwZSBQcm9wcyA9IHtcbiAgZGF5PzogbnVtYmVyO1xuICBpc1NlbGVjdGVkPzogYm9vbGVhbjtcbiAgaXNCZXR3ZWVuPzogYm9vbGVhbjtcbiAgaXNMYXN0PzogYm9vbGVhbjtcbiAgaXNGaXJzdD86IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgaXNUb2RheTogYm9vbGVhbjtcbiAgY2FsY3VsYXRlZENvbG9yOiBDb2xvclNoYXBlRnJvbUNvbXBvbmVudDtcbn07XG5cbmV4cG9ydCBjb25zdCBkYXlXcmFwcGVyU3R5bGUgPSAoe1xuICBpc1NlbGVjdGVkLFxuICBpc0JldHdlZW4sXG4gIGNhbGN1bGF0ZWRDb2xvcixcbiAgaXNMYXN0LFxuICBpc0ZpcnN0LFxuICBpc1RvZGF5LFxuICBkaXNhYmxlZCxcbn06IFByb3BzICYgeyBpc1RvZGF5OiBib29sZWFuOyBjYWxjdWxhdGVkQ29sb3I6IENvbG9yU2hhcGVGcm9tQ29tcG9uZW50IH0pID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY29sb3I6ICR7aXNTZWxlY3RlZFxuICAgID8gdGhlbWUudXRpbHMuZ2V0QUFDb2xvckZyb21Td2F0Y2hlcyhjYWxjdWxhdGVkQ29sb3IuY29sb3IsIGNhbGN1bGF0ZWRDb2xvci5zaGFkZSlcbiAgICA6IHRoZW1lLnV0aWxzLmdldENvbG9yKCdkYXJrR3JleScsIDg1MCl9O1xuICB3aWR0aDogJHtyZW0oNDApfTtcbiAgcGFkZGluZzogMCAke3JlbSg0KX07XG4gIGZvbnQtd2VpZ2h0OiAke2lzVG9kYXkgJiYgJ2JvbGQnfTtcbiAgb3BhY2l0eTogJHtkaXNhYmxlZCA/IDAuNSA6IDF9O1xuICBiYWNrZ3JvdW5kOiAke2lzTGFzdCB8fCBpc0ZpcnN0XG4gICAgPyAndHJhbnNwYXJlbnQnXG4gICAgOiAoaXNTZWxlY3RlZCB8fCBpc0JldHdlZW4pICYmXG4gICAgICB0eXBlb2YgaXNCZXR3ZWVuICE9PSAndW5kZWZpbmVkJyAmJlxuICAgICAgdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1MCl9O1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogJHtpc0xhc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHtpc0xhc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAke2lzRmlyc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke2lzRmlyc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuXG4gICR7KGlzU2VsZWN0ZWQgfHwgaXNMYXN0IHx8IGlzRmlyc3QpICYmXG4gICAgYCY6YWZ0ZXIge1xuICAgIHotaW5kZXg6IC0xO1xuICAgIGNvbnRlbnQ6ICcgJztcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDUwJTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgICBiYWNrZ3JvdW5kOiAke1xuICAgICAgIGlzTGFzdCAmJiBpc0ZpcnN0XG4gICAgICAgICA/ICd0cmFuc3BhcmVudCdcbiAgICAgICAgIDogKGlzU2VsZWN0ZWQgfHwgaXNCZXR3ZWVuKSAmJlxuICAgICAgICAgICB0eXBlb2YgaXNCZXR3ZWVuICE9PSAndW5kZWZpbmVkJyAmJlxuICAgICAgICAgICB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKVxuICAgICB9O1xuICBsZWZ0OiAke2lzTGFzdCA/ICcwJyA6ICdpbml0aWFsJ307XG4gIHJpZ2h0OiAke2lzRmlyc3QgPyAnMCcgOiAnaW5pdGlhbCd9O1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogJHtpc0xhc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHtpc0xhc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAke2lzRmlyc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke2lzRmlyc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICB9YH1cbmA7XG5cbmV4cG9ydCBjb25zdCBlbXB0eURheVN0eWxlID0gKHsgaXNCZXR3ZWVuIH06IHsgaXNCZXR3ZWVuOiBib29sZWFuIH0pID0+ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZDogJHtpc0JldHdlZW4gPyB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKSA6ICd0cmFuc3BhcmVudCd9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGRheVN0eWxlID0gKHsgaXNTZWxlY3RlZCwgY2FsY3VsYXRlZENvbG9yLCBpc1RvZGF5LCBkaXNhYmxlZCB9OiBQcm9wcykgPT4gKFxuICB0aGVtZTogVGhlbWVcbikgPT4gY3NzYFxuICBib3JkZXI6ICR7cmVtKDEpfSBzb2xpZCAke2lzVG9kYXkgPyB0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNDUwKSA6ICd0cmFuc3BhcmVudCd9O1xuICBib3JkZXItcmFkaXVzOiAkeyhpc1RvZGF5IHx8IGlzU2VsZWN0ZWQpICYmICcxMDAlJ307XG4gIHdpZHRoOiAke3JlbSgzOSl9O1xuICBoZWlnaHQ6ICR7cmVtKDM5KX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBiYWNrZ3JvdW5kOiAke2lzU2VsZWN0ZWRcbiAgICA/IHRoZW1lLnV0aWxzLmdldENvbG9yKGNhbGN1bGF0ZWRDb2xvci5jb2xvciwgY2FsY3VsYXRlZENvbG9yLnNoYWRlKVxuICAgIDogJ3RyYW5zcGFyZW50J307XG5cbiAgJHshZGlzYWJsZWQgJiZcbiAgICBgJjpob3ZlciB7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJHshaXNTZWxlY3RlZCAmJiB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDEwMCl9O1xuICAgICAgICAgIH1gfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:dayWrapperStyle;")
     );
   };
 };
@@ -36,7 +34,7 @@ var emptyDayStyle = function emptyDayStyle(_ref2) {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("vertical-align:middle;text-align:center;cursor:pointer;position:relative;background:", isBetween ? theme.utils.getColor('blue', 50) : 'transparent', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:emptyDayStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RhdGVQaWNrZXIvRGF5L0RheS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRTZGIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RhdGVQaWNrZXIvRGF5L0RheS5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBwaWNrVGV4dENvbG9yRnJvbVN3YXRjaGVzIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWUvcGFsZXR0ZSc7XG5pbXBvcnQgeyBDb2xvclNoYXBlRnJvbUNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL3V0aWxzL3RoZW1lRnVuY3Rpb25zJztcblxudHlwZSBQcm9wcyA9IHtcbiAgZGF5PzogbnVtYmVyO1xuICBpc1NlbGVjdGVkPzogYm9vbGVhbjtcbiAgaXNCZXR3ZWVuPzogYm9vbGVhbjtcbiAgaXNMYXN0PzogYm9vbGVhbjtcbiAgaXNGaXJzdD86IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgaXNUb2RheTogYm9vbGVhbjtcbiAgY2FsY3VsYXRlZENvbG9yOiBDb2xvclNoYXBlRnJvbUNvbXBvbmVudDtcbn07XG5cbmV4cG9ydCBjb25zdCBkYXlXcmFwcGVyU3R5bGUgPSAoe1xuICBpc1NlbGVjdGVkLFxuICBpc0JldHdlZW4sXG4gIGNhbGN1bGF0ZWRDb2xvcixcbiAgaXNMYXN0LFxuICBpc0ZpcnN0LFxuICBpc1RvZGF5LFxuICBkaXNhYmxlZCxcbn06IFByb3BzICYgeyBpc1RvZGF5OiBib29sZWFuOyBjYWxjdWxhdGVkQ29sb3I6IENvbG9yU2hhcGVGcm9tQ29tcG9uZW50IH0pID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY29sb3I6ICR7aXNTZWxlY3RlZFxuICAgID8gcGlja1RleHRDb2xvckZyb21Td2F0Y2hlcyhjYWxjdWxhdGVkQ29sb3IuY29sb3IsIGNhbGN1bGF0ZWRDb2xvci5zaGFkZSlcbiAgICA6IHRoZW1lLnV0aWxzLmdldENvbG9yKCdkYXJrR3JleScsIDg1MCl9O1xuICB3aWR0aDogJHtyZW0oNDApfTtcbiAgcGFkZGluZzogMCAke3JlbSg0KX07XG4gIGZvbnQtd2VpZ2h0OiAke2lzVG9kYXkgJiYgJ2JvbGQnfTtcbiAgb3BhY2l0eTogJHtkaXNhYmxlZCA/IDAuNSA6IDF9O1xuICBiYWNrZ3JvdW5kOiAke2lzTGFzdCB8fCBpc0ZpcnN0XG4gICAgPyAndHJhbnNwYXJlbnQnXG4gICAgOiAoaXNTZWxlY3RlZCB8fCBpc0JldHdlZW4pICYmXG4gICAgICB0eXBlb2YgaXNCZXR3ZWVuICE9PSAndW5kZWZpbmVkJyAmJlxuICAgICAgdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1MCl9O1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogJHtpc0xhc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHtpc0xhc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAke2lzRmlyc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke2lzRmlyc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuXG4gICR7KGlzU2VsZWN0ZWQgfHwgaXNMYXN0IHx8IGlzRmlyc3QpICYmXG4gICAgYCY6YWZ0ZXIge1xuICAgIHotaW5kZXg6IC0xO1xuICAgIGNvbnRlbnQ6ICcgJztcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDUwJTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgICBiYWNrZ3JvdW5kOiAke1xuICAgICAgIGlzTGFzdCAmJiBpc0ZpcnN0XG4gICAgICAgICA/ICd0cmFuc3BhcmVudCdcbiAgICAgICAgIDogKGlzU2VsZWN0ZWQgfHwgaXNCZXR3ZWVuKSAmJlxuICAgICAgICAgICB0eXBlb2YgaXNCZXR3ZWVuICE9PSAndW5kZWZpbmVkJyAmJlxuICAgICAgICAgICB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKVxuICAgICB9O1xuICBsZWZ0OiAke2lzTGFzdCA/ICcwJyA6ICdpbml0aWFsJ307XG4gIHJpZ2h0OiAke2lzRmlyc3QgPyAnMCcgOiAnaW5pdGlhbCd9O1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogJHtpc0xhc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHtpc0xhc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAke2lzRmlyc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke2lzRmlyc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICB9YH1cbmA7XG5cbmV4cG9ydCBjb25zdCBlbXB0eURheVN0eWxlID0gKHsgaXNCZXR3ZWVuIH06IHsgaXNCZXR3ZWVuOiBib29sZWFuIH0pID0+ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZDogJHtpc0JldHdlZW4gPyB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKSA6ICd0cmFuc3BhcmVudCd9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGRheVN0eWxlID0gKHsgaXNTZWxlY3RlZCwgY2FsY3VsYXRlZENvbG9yLCBpc1RvZGF5LCBkaXNhYmxlZCB9OiBQcm9wcykgPT4gKFxuICB0aGVtZTogVGhlbWVcbikgPT4gY3NzYFxuICBib3JkZXI6ICR7cmVtKDEpfSBzb2xpZCAke2lzVG9kYXkgPyB0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNDUwKSA6ICd0cmFuc3BhcmVudCd9O1xuICBib3JkZXItcmFkaXVzOiAkeyhpc1RvZGF5IHx8IGlzU2VsZWN0ZWQpICYmICcxMDAlJ307XG4gIHdpZHRoOiAke3JlbSgzOSl9O1xuICBoZWlnaHQ6ICR7cmVtKDM5KX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBiYWNrZ3JvdW5kOiAke2lzU2VsZWN0ZWRcbiAgICA/IHRoZW1lLnV0aWxzLmdldENvbG9yKGNhbGN1bGF0ZWRDb2xvci5jb2xvciwgY2FsY3VsYXRlZENvbG9yLnNoYWRlKVxuICAgIDogJ3RyYW5zcGFyZW50J307XG5cbiAgJHshZGlzYWJsZWQgJiZcbiAgICBgJjpob3ZlciB7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJHshaXNTZWxlY3RlZCAmJiB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDEwMCl9O1xuICAgICAgICAgIH1gfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:emptyDayStyle;")
+      (0, _react.css)("vertical-align:middle;text-align:center;cursor:pointer;position:relative;background:", isBetween ? theme.utils.getColor('blue', 50) : 'transparent', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:emptyDayStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RhdGVQaWNrZXIvRGF5L0RheS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RTZGIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RhdGVQaWNrZXIvRGF5L0RheS5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBDb2xvclNoYXBlRnJvbUNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL3V0aWxzL3RoZW1lRnVuY3Rpb25zJztcblxudHlwZSBQcm9wcyA9IHtcbiAgZGF5PzogbnVtYmVyO1xuICBpc1NlbGVjdGVkPzogYm9vbGVhbjtcbiAgaXNCZXR3ZWVuPzogYm9vbGVhbjtcbiAgaXNMYXN0PzogYm9vbGVhbjtcbiAgaXNGaXJzdD86IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgaXNUb2RheTogYm9vbGVhbjtcbiAgY2FsY3VsYXRlZENvbG9yOiBDb2xvclNoYXBlRnJvbUNvbXBvbmVudDtcbn07XG5cbmV4cG9ydCBjb25zdCBkYXlXcmFwcGVyU3R5bGUgPSAoe1xuICBpc1NlbGVjdGVkLFxuICBpc0JldHdlZW4sXG4gIGNhbGN1bGF0ZWRDb2xvcixcbiAgaXNMYXN0LFxuICBpc0ZpcnN0LFxuICBpc1RvZGF5LFxuICBkaXNhYmxlZCxcbn06IFByb3BzICYgeyBpc1RvZGF5OiBib29sZWFuOyBjYWxjdWxhdGVkQ29sb3I6IENvbG9yU2hhcGVGcm9tQ29tcG9uZW50IH0pID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY29sb3I6ICR7aXNTZWxlY3RlZFxuICAgID8gdGhlbWUudXRpbHMuZ2V0QUFDb2xvckZyb21Td2F0Y2hlcyhjYWxjdWxhdGVkQ29sb3IuY29sb3IsIGNhbGN1bGF0ZWRDb2xvci5zaGFkZSlcbiAgICA6IHRoZW1lLnV0aWxzLmdldENvbG9yKCdkYXJrR3JleScsIDg1MCl9O1xuICB3aWR0aDogJHtyZW0oNDApfTtcbiAgcGFkZGluZzogMCAke3JlbSg0KX07XG4gIGZvbnQtd2VpZ2h0OiAke2lzVG9kYXkgJiYgJ2JvbGQnfTtcbiAgb3BhY2l0eTogJHtkaXNhYmxlZCA/IDAuNSA6IDF9O1xuICBiYWNrZ3JvdW5kOiAke2lzTGFzdCB8fCBpc0ZpcnN0XG4gICAgPyAndHJhbnNwYXJlbnQnXG4gICAgOiAoaXNTZWxlY3RlZCB8fCBpc0JldHdlZW4pICYmXG4gICAgICB0eXBlb2YgaXNCZXR3ZWVuICE9PSAndW5kZWZpbmVkJyAmJlxuICAgICAgdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1MCl9O1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogJHtpc0xhc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHtpc0xhc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAke2lzRmlyc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke2lzRmlyc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuXG4gICR7KGlzU2VsZWN0ZWQgfHwgaXNMYXN0IHx8IGlzRmlyc3QpICYmXG4gICAgYCY6YWZ0ZXIge1xuICAgIHotaW5kZXg6IC0xO1xuICAgIGNvbnRlbnQ6ICcgJztcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDUwJTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgICBiYWNrZ3JvdW5kOiAke1xuICAgICAgIGlzTGFzdCAmJiBpc0ZpcnN0XG4gICAgICAgICA/ICd0cmFuc3BhcmVudCdcbiAgICAgICAgIDogKGlzU2VsZWN0ZWQgfHwgaXNCZXR3ZWVuKSAmJlxuICAgICAgICAgICB0eXBlb2YgaXNCZXR3ZWVuICE9PSAndW5kZWZpbmVkJyAmJlxuICAgICAgICAgICB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKVxuICAgICB9O1xuICBsZWZ0OiAke2lzTGFzdCA/ICcwJyA6ICdpbml0aWFsJ307XG4gIHJpZ2h0OiAke2lzRmlyc3QgPyAnMCcgOiAnaW5pdGlhbCd9O1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogJHtpc0xhc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHtpc0xhc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAke2lzRmlyc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke2lzRmlyc3QgJiYgaXNTZWxlY3RlZCAmJiAnMTAwJSd9O1xuICB9YH1cbmA7XG5cbmV4cG9ydCBjb25zdCBlbXB0eURheVN0eWxlID0gKHsgaXNCZXR3ZWVuIH06IHsgaXNCZXR3ZWVuOiBib29sZWFuIH0pID0+ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZDogJHtpc0JldHdlZW4gPyB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKSA6ICd0cmFuc3BhcmVudCd9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGRheVN0eWxlID0gKHsgaXNTZWxlY3RlZCwgY2FsY3VsYXRlZENvbG9yLCBpc1RvZGF5LCBkaXNhYmxlZCB9OiBQcm9wcykgPT4gKFxuICB0aGVtZTogVGhlbWVcbikgPT4gY3NzYFxuICBib3JkZXI6ICR7cmVtKDEpfSBzb2xpZCAke2lzVG9kYXkgPyB0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNDUwKSA6ICd0cmFuc3BhcmVudCd9O1xuICBib3JkZXItcmFkaXVzOiAkeyhpc1RvZGF5IHx8IGlzU2VsZWN0ZWQpICYmICcxMDAlJ307XG4gIHdpZHRoOiAke3JlbSgzOSl9O1xuICBoZWlnaHQ6ICR7cmVtKDM5KX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBiYWNrZ3JvdW5kOiAke2lzU2VsZWN0ZWRcbiAgICA/IHRoZW1lLnV0aWxzLmdldENvbG9yKGNhbGN1bGF0ZWRDb2xvci5jb2xvciwgY2FsY3VsYXRlZENvbG9yLnNoYWRlKVxuICAgIDogJ3RyYW5zcGFyZW50J307XG5cbiAgJHshZGlzYWJsZWQgJiZcbiAgICBgJjpob3ZlciB7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJHshaXNTZWxlY3RlZCAmJiB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDEwMCl9O1xuICAgICAgICAgIH1gfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:emptyDayStyle;")
     );
   };
 };
@@ -53,7 +51,7 @@ var dayStyle = function dayStyle(_ref3) {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("border:", (0, _utils.rem)(1), " solid ", isToday ? theme.utils.getColor('lightGrey', 450) : 'transparent', ";border-radius:", (isToday || isSelected) && '100%', ";width:", (0, _utils.rem)(39), ";height:", (0, _utils.rem)(39), ";display:flex;align-items:center;justify-content:center;background:", isSelected ? theme.utils.getColor(calculatedColor.color, calculatedColor.shade) : 'transparent', ";", !disabled && "&:hover {\n            border-radius: 100%;\n            background: " + (!isSelected && theme.utils.getColor('blue', 100)) + ";\n          }", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:dayStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RhdGVQaWNrZXIvRGF5L0RheS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRlEiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRGF0ZVBpY2tlci9EYXkvRGF5LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IHBpY2tUZXh0Q29sb3JGcm9tU3dhdGNoZXMgfSBmcm9tICcuLi8uLi8uLi90aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IENvbG9yU2hhcGVGcm9tQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMvdGhlbWVGdW5jdGlvbnMnO1xuXG50eXBlIFByb3BzID0ge1xuICBkYXk/OiBudW1iZXI7XG4gIGlzU2VsZWN0ZWQ/OiBib29sZWFuO1xuICBpc0JldHdlZW4/OiBib29sZWFuO1xuICBpc0xhc3Q/OiBib29sZWFuO1xuICBpc0ZpcnN0PzogYm9vbGVhbjtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBpc1RvZGF5OiBib29sZWFuO1xuICBjYWxjdWxhdGVkQ29sb3I6IENvbG9yU2hhcGVGcm9tQ29tcG9uZW50O1xufTtcblxuZXhwb3J0IGNvbnN0IGRheVdyYXBwZXJTdHlsZSA9ICh7XG4gIGlzU2VsZWN0ZWQsXG4gIGlzQmV0d2VlbixcbiAgY2FsY3VsYXRlZENvbG9yLFxuICBpc0xhc3QsXG4gIGlzRmlyc3QsXG4gIGlzVG9kYXksXG4gIGRpc2FibGVkLFxufTogUHJvcHMgJiB7IGlzVG9kYXk6IGJvb2xlYW47IGNhbGN1bGF0ZWRDb2xvcjogQ29sb3JTaGFwZUZyb21Db21wb25lbnQgfSkgPT4gKFxuICB0aGVtZTogVGhlbWVcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogJHtpc1NlbGVjdGVkXG4gICAgPyBwaWNrVGV4dENvbG9yRnJvbVN3YXRjaGVzKGNhbGN1bGF0ZWRDb2xvci5jb2xvciwgY2FsY3VsYXRlZENvbG9yLnNoYWRlKVxuICAgIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2RhcmtHcmV5JywgODUwKX07XG4gIHdpZHRoOiAke3JlbSg0MCl9O1xuICBwYWRkaW5nOiAwICR7cmVtKDQpfTtcbiAgZm9udC13ZWlnaHQ6ICR7aXNUb2RheSAmJiAnYm9sZCd9O1xuICBvcGFjaXR5OiAke2Rpc2FibGVkID8gMC41IDogMX07XG4gIGJhY2tncm91bmQ6ICR7aXNMYXN0IHx8IGlzRmlyc3RcbiAgICA/ICd0cmFuc3BhcmVudCdcbiAgICA6IChpc1NlbGVjdGVkIHx8IGlzQmV0d2VlbikgJiZcbiAgICAgIHR5cGVvZiBpc0JldHdlZW4gIT09ICd1bmRlZmluZWQnICYmXG4gICAgICB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKX07XG4gIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAke2lzTGFzdCAmJiBpc1NlbGVjdGVkICYmICcxMDAlJ307XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAke2lzTGFzdCAmJiBpc1NlbGVjdGVkICYmICcxMDAlJ307XG4gIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6ICR7aXNGaXJzdCAmJiBpc1NlbGVjdGVkICYmICcxMDAlJ307XG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7aXNGaXJzdCAmJiBpc1NlbGVjdGVkICYmICcxMDAlJ307XG5cbiAgJHsoaXNTZWxlY3RlZCB8fCBpc0xhc3QgfHwgaXNGaXJzdCkgJiZcbiAgICBgJjphZnRlciB7XG4gICAgei1pbmRleDogLTE7XG4gICAgY29udGVudDogJyAnO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogNTAlO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgIGJhY2tncm91bmQ6ICR7XG4gICAgICAgaXNMYXN0ICYmIGlzRmlyc3RcbiAgICAgICAgID8gJ3RyYW5zcGFyZW50J1xuICAgICAgICAgOiAoaXNTZWxlY3RlZCB8fCBpc0JldHdlZW4pICYmXG4gICAgICAgICAgIHR5cGVvZiBpc0JldHdlZW4gIT09ICd1bmRlZmluZWQnICYmXG4gICAgICAgICAgIHRoZW1lLnV0aWxzLmdldENvbG9yKCdibHVlJywgNTApXG4gICAgIH07XG4gIGxlZnQ6ICR7aXNMYXN0ID8gJzAnIDogJ2luaXRpYWwnfTtcbiAgcmlnaHQ6ICR7aXNGaXJzdCA/ICcwJyA6ICdpbml0aWFsJ307XG4gIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAke2lzTGFzdCAmJiBpc1NlbGVjdGVkICYmICcxMDAlJ307XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAke2lzTGFzdCAmJiBpc1NlbGVjdGVkICYmICcxMDAlJ307XG4gIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6ICR7aXNGaXJzdCAmJiBpc1NlbGVjdGVkICYmICcxMDAlJ307XG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7aXNGaXJzdCAmJiBpc1NlbGVjdGVkICYmICcxMDAlJ307XG4gIH1gfVxuYDtcblxuZXhwb3J0IGNvbnN0IGVtcHR5RGF5U3R5bGUgPSAoeyBpc0JldHdlZW4gfTogeyBpc0JldHdlZW46IGJvb2xlYW4gfSkgPT4gKHRoZW1lOiBUaGVtZSkgPT4gY3NzYFxuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kOiAke2lzQmV0d2VlbiA/IHRoZW1lLnV0aWxzLmdldENvbG9yKCdibHVlJywgNTApIDogJ3RyYW5zcGFyZW50J307XG5gO1xuXG5leHBvcnQgY29uc3QgZGF5U3R5bGUgPSAoeyBpc1NlbGVjdGVkLCBjYWxjdWxhdGVkQ29sb3IsIGlzVG9kYXksIGRpc2FibGVkIH06IFByb3BzKSA9PiAoXG4gIHRoZW1lOiBUaGVtZVxuKSA9PiBjc3NgXG4gIGJvcmRlcjogJHtyZW0oMSl9IHNvbGlkICR7aXNUb2RheSA/IHRoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCA0NTApIDogJ3RyYW5zcGFyZW50J307XG4gIGJvcmRlci1yYWRpdXM6ICR7KGlzVG9kYXkgfHwgaXNTZWxlY3RlZCkgJiYgJzEwMCUnfTtcbiAgd2lkdGg6ICR7cmVtKDM5KX07XG4gIGhlaWdodDogJHtyZW0oMzkpfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJhY2tncm91bmQ6ICR7aXNTZWxlY3RlZFxuICAgID8gdGhlbWUudXRpbHMuZ2V0Q29sb3IoY2FsY3VsYXRlZENvbG9yLmNvbG9yLCBjYWxjdWxhdGVkQ29sb3Iuc2hhZGUpXG4gICAgOiAndHJhbnNwYXJlbnQnfTtcblxuICAkeyFkaXNhYmxlZCAmJlxuICAgIGAmOmhvdmVyIHtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAkeyFpc1NlbGVjdGVkICYmIHRoZW1lLnV0aWxzLmdldENvbG9yKCdibHVlJywgMTAwKX07XG4gICAgICAgICAgfWB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:dayStyle;")
+      (0, _react.css)("border:", (0, _utils.rem)(1), " solid ", isToday ? theme.utils.getColor('lightGrey', 450) : 'transparent', ";border-radius:", (isToday || isSelected) && '100%', ";width:", (0, _utils.rem)(39), ";height:", (0, _utils.rem)(39), ";display:flex;align-items:center;justify-content:center;background:", isSelected ? theme.utils.getColor(calculatedColor.color, calculatedColor.shade) : 'transparent', ";", !disabled && "&:hover {\n            border-radius: 100%;\n            background: " + (!isSelected && theme.utils.getColor('blue', 100)) + ";\n          }", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:dayStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RhdGVQaWNrZXIvRGF5L0RheS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRlEiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRGF0ZVBpY2tlci9EYXkvRGF5LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IENvbG9yU2hhcGVGcm9tQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMvdGhlbWVGdW5jdGlvbnMnO1xuXG50eXBlIFByb3BzID0ge1xuICBkYXk/OiBudW1iZXI7XG4gIGlzU2VsZWN0ZWQ/OiBib29sZWFuO1xuICBpc0JldHdlZW4/OiBib29sZWFuO1xuICBpc0xhc3Q/OiBib29sZWFuO1xuICBpc0ZpcnN0PzogYm9vbGVhbjtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBpc1RvZGF5OiBib29sZWFuO1xuICBjYWxjdWxhdGVkQ29sb3I6IENvbG9yU2hhcGVGcm9tQ29tcG9uZW50O1xufTtcblxuZXhwb3J0IGNvbnN0IGRheVdyYXBwZXJTdHlsZSA9ICh7XG4gIGlzU2VsZWN0ZWQsXG4gIGlzQmV0d2VlbixcbiAgY2FsY3VsYXRlZENvbG9yLFxuICBpc0xhc3QsXG4gIGlzRmlyc3QsXG4gIGlzVG9kYXksXG4gIGRpc2FibGVkLFxufTogUHJvcHMgJiB7IGlzVG9kYXk6IGJvb2xlYW47IGNhbGN1bGF0ZWRDb2xvcjogQ29sb3JTaGFwZUZyb21Db21wb25lbnQgfSkgPT4gKFxuICB0aGVtZTogVGhlbWVcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogJHtpc1NlbGVjdGVkXG4gICAgPyB0aGVtZS51dGlscy5nZXRBQUNvbG9yRnJvbVN3YXRjaGVzKGNhbGN1bGF0ZWRDb2xvci5jb2xvciwgY2FsY3VsYXRlZENvbG9yLnNoYWRlKVxuICAgIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2RhcmtHcmV5JywgODUwKX07XG4gIHdpZHRoOiAke3JlbSg0MCl9O1xuICBwYWRkaW5nOiAwICR7cmVtKDQpfTtcbiAgZm9udC13ZWlnaHQ6ICR7aXNUb2RheSAmJiAnYm9sZCd9O1xuICBvcGFjaXR5OiAke2Rpc2FibGVkID8gMC41IDogMX07XG4gIGJhY2tncm91bmQ6ICR7aXNMYXN0IHx8IGlzRmlyc3RcbiAgICA/ICd0cmFuc3BhcmVudCdcbiAgICA6IChpc1NlbGVjdGVkIHx8IGlzQmV0d2VlbikgJiZcbiAgICAgIHR5cGVvZiBpc0JldHdlZW4gIT09ICd1bmRlZmluZWQnICYmXG4gICAgICB0aGVtZS51dGlscy5nZXRDb2xvcignYmx1ZScsIDUwKX07XG4gIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAke2lzTGFzdCAmJiBpc1NlbGVjdGVkICYmICcxMDAlJ307XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAke2lzTGFzdCAmJiBpc1NlbGVjdGVkICYmICcxMDAlJ307XG4gIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6ICR7aXNGaXJzdCAmJiBpc1NlbGVjdGVkICYmICcxMDAlJ307XG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7aXNGaXJzdCAmJiBpc1NlbGVjdGVkICYmICcxMDAlJ307XG5cbiAgJHsoaXNTZWxlY3RlZCB8fCBpc0xhc3QgfHwgaXNGaXJzdCkgJiZcbiAgICBgJjphZnRlciB7XG4gICAgei1pbmRleDogLTE7XG4gICAgY29udGVudDogJyAnO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogNTAlO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgIGJhY2tncm91bmQ6ICR7XG4gICAgICAgaXNMYXN0ICYmIGlzRmlyc3RcbiAgICAgICAgID8gJ3RyYW5zcGFyZW50J1xuICAgICAgICAgOiAoaXNTZWxlY3RlZCB8fCBpc0JldHdlZW4pICYmXG4gICAgICAgICAgIHR5cGVvZiBpc0JldHdlZW4gIT09ICd1bmRlZmluZWQnICYmXG4gICAgICAgICAgIHRoZW1lLnV0aWxzLmdldENvbG9yKCdibHVlJywgNTApXG4gICAgIH07XG4gIGxlZnQ6ICR7aXNMYXN0ID8gJzAnIDogJ2luaXRpYWwnfTtcbiAgcmlnaHQ6ICR7aXNGaXJzdCA/ICcwJyA6ICdpbml0aWFsJ307XG4gIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAke2lzTGFzdCAmJiBpc1NlbGVjdGVkICYmICcxMDAlJ307XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAke2lzTGFzdCAmJiBpc1NlbGVjdGVkICYmICcxMDAlJ307XG4gIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6ICR7aXNGaXJzdCAmJiBpc1NlbGVjdGVkICYmICcxMDAlJ307XG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7aXNGaXJzdCAmJiBpc1NlbGVjdGVkICYmICcxMDAlJ307XG4gIH1gfVxuYDtcblxuZXhwb3J0IGNvbnN0IGVtcHR5RGF5U3R5bGUgPSAoeyBpc0JldHdlZW4gfTogeyBpc0JldHdlZW46IGJvb2xlYW4gfSkgPT4gKHRoZW1lOiBUaGVtZSkgPT4gY3NzYFxuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kOiAke2lzQmV0d2VlbiA/IHRoZW1lLnV0aWxzLmdldENvbG9yKCdibHVlJywgNTApIDogJ3RyYW5zcGFyZW50J307XG5gO1xuXG5leHBvcnQgY29uc3QgZGF5U3R5bGUgPSAoeyBpc1NlbGVjdGVkLCBjYWxjdWxhdGVkQ29sb3IsIGlzVG9kYXksIGRpc2FibGVkIH06IFByb3BzKSA9PiAoXG4gIHRoZW1lOiBUaGVtZVxuKSA9PiBjc3NgXG4gIGJvcmRlcjogJHtyZW0oMSl9IHNvbGlkICR7aXNUb2RheSA/IHRoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCA0NTApIDogJ3RyYW5zcGFyZW50J307XG4gIGJvcmRlci1yYWRpdXM6ICR7KGlzVG9kYXkgfHwgaXNTZWxlY3RlZCkgJiYgJzEwMCUnfTtcbiAgd2lkdGg6ICR7cmVtKDM5KX07XG4gIGhlaWdodDogJHtyZW0oMzkpfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJhY2tncm91bmQ6ICR7aXNTZWxlY3RlZFxuICAgID8gdGhlbWUudXRpbHMuZ2V0Q29sb3IoY2FsY3VsYXRlZENvbG9yLmNvbG9yLCBjYWxjdWxhdGVkQ29sb3Iuc2hhZGUpXG4gICAgOiAndHJhbnNwYXJlbnQnfTtcblxuICAkeyFkaXNhYmxlZCAmJlxuICAgIGAmOmhvdmVyIHtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAkeyFpc1NlbGVjdGVkICYmIHRoZW1lLnV0aWxzLmdldENvbG9yKCdibHVlJywgMTAwKX07XG4gICAgICAgICAgfWB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:dayStyle;")
     );
   };
 };

package/dist/components/Drawer/Navigation/MenuItem/MenuItem.js

@@ -58,7 +58,7 @@ var MenuItem = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     css: (0, _Navigation.menuIconStyle)(isCurrent)
   }, (0, _react2.jsx)(_Icon["default"], {
     name: iconName,
-    color: isCurrent ? (0, _palette.pickTextColorFromSwatches)(color, shade) : theme.utils.getColor('lightGrey', 850),
+    color: isCurrent ? theme.utils.getAAColorFromSwatches(color, shade) : theme.utils.getColor('lightGrey', 850),
     size: 20,
     variant: isCurrent ? shade : _palette.BASE_SHADE
   })), (0, _react2.jsx)("span", {

package/dist/components/Filter/utils.js

@@ -5,8 +5,6 @@ exports.getHoverBorder = exports.getBorder = exports.getTextColor = exports.getB
 
 var _utils = require("../../theme/utils");
 
-var _palette = require("../../theme/palette");
-
 var _utils2 = require("../Button/utils");
 
 var FILTER_OPTIONS_MAX_HEIGHT = 253;
@@ -45,9 +43,9 @@ var getTextColor = function getTextColor(_ref2) {
       calculatedColor = _ref2.calculatedColor;
 
   if (hasSelectedValue && !open) {
-    return (0, _palette.pickTextColorFromSwatches)(calculatedColor.color, 50);
+    return theme.utils.getAAColorFromSwatches(calculatedColor.color, 50);
   } else if (open) {
-    return (0, _palette.pickTextColorFromSwatches)(calculatedColor.color, calculatedColor.shade);
+    return theme.utils.getAAColorFromSwatches(calculatedColor.color, calculatedColor.shade);
   }
 
   return theme.utils.getColor('darkGrey', 850);

package/dist/components/IconButton/IconButton.js

@@ -9,8 +9,6 @@ var _useTypeColorToColorMatch = require("../../hooks/useTypeColorToColorMatch");
 
 var _index = require("../../index");
 
-var _palette = require("../../theme/palette");
-
 var _utils = require("../Button/utils");
 
 var _Icon = _interopRequireDefault(require("../Icon"));
@@ -39,7 +37,7 @@ var IconButton = /*#__PURE__*/_react["default"].forwardRef(function (props, ref)
       calculateColorBetweenColorAndType = _useTypeColorToColorM.calculateColorBetweenColorAndType;
 
   var calculatedColor = calculateColorBetweenColorAndType(color, type);
-  var iconColor = filled && !transparent ? (0, _palette.pickTextColorFromSwatches)(calculatedColor.color, calculatedColor.shade) : (0, _utils.defineBackgroundColor)(theme, calculatedColor, type, true, true);
+  var iconColor = filled && !transparent ? theme.utils.getAAColorFromSwatches(calculatedColor.color, calculatedColor.shade) : (0, _utils.defineBackgroundColor)(theme, calculatedColor, type, true, true);
   return (0, _react2.jsx)(_ButtonBase["default"], _extends({}, props, {
     ref: ref,
     isIconButton: true

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

@@ -11,8 +11,6 @@ var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
 
 var React = _interopRequireWildcard(require("react"));
 
-var _palette = require("../../theme/palette");
-
 var _Avatar = _interopRequireDefault(require("../Avatar"));
 
 var _Button = _interopRequireDefault(require("../Button"));
@@ -71,7 +69,7 @@ var Menu = function Menu(props) {
       calculateColorBetweenColorAndType = _useTypeColorToColorM.calculateColorBetweenColorAndType;
 
   var calculatedColor = calculateColorBetweenColorAndType(color, buttonType);
-  var iconColor = filled ? (0, _palette.pickTextColorFromSwatches)(calculatedColor.color, calculatedColor.shade) : (0, _utils.defineBackgroundColor)(theme, calculatedColor, buttonType, true, true);
+  var iconColor = filled ? theme.utils.getAAColorFromSwatches(calculatedColor.color, calculatedColor.shade) : (0, _utils.defineBackgroundColor)(theme, calculatedColor, buttonType, true, true);
   return (0, _react2.jsx)(_ClickAwayListener["default"], {
     onClick: function onClick() {
       return setOpen(false);
@@ -94,7 +92,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

@@ -7,8 +7,6 @@ var _react = require("@emotion/react");
 
 var _utils = require("../../theme/utils");
 
-var _palette = require("../../theme/palette");
-
 require("tippy.js/dist/tippy.css");
 
 var tooltipStyle = function tooltipStyle(_ref) {
@@ -33,7 +31,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:", theme.utils.getAAColorFromSwatches(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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1Rvb2x0aXAvVG9vbHRpcC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QlkiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVG9vbHRpcC9Ub29sdGlwLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IFRvb2x0aXBTaXplIH0gZnJvbSAnLi9Ub29sdGlwJztcbmltcG9ydCAndGlwcHkuanMvZGlzdC90aXBweS5jc3MnO1xuXG5leHBvcnQgY29uc3QgdG9vbHRpcFN0eWxlID0gKHtcbiAgc2l6ZSxcbiAgaXNUcmFuc3BhcmVudCxcbn06IHtcbiAgc2l6ZTogVG9vbHRpcFNpemU7XG4gIGlzVHJhbnNwYXJlbnQ6IGJvb2xlYW47XG59KSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIGNvbnN0IGNvbG9yID0gJ2RhcmtHcmV5JztcbiAgY29uc3Qgc2hhZGUgPSA4NTA7XG4gIGNvbnN0IGJhY2tncm91bmRDb2xvciA9IGlzVHJhbnNwYXJlbnQgPyAndHJhbnNwYXJlbnQnIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoY29sb3IsIHNoYWRlKTtcblxuICBjb25zdCBkZWZpbmVGb250U2l6ZUJhc2VkT25Ub29sdGlwU2l6ZSA9IChzaXplOiBUb29sdGlwU2l6ZSkgPT4ge1xuICAgIGlmIChzaXplID09PSAnbGFyZ2UnKSB7XG4gICAgICByZXR1cm4gdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE2J107XG4gICAgfSBlbHNlIGlmIChzaXplID09PSAnc21hbGwnKSB7XG4gICAgICByZXR1cm4gdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzEyJ107XG4gICAgfVxuXG4gICAgcmV0dXJuIHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWycxNCddO1xuICB9O1xuXG4gIHJldHVybiBjc3NgXG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgLnRpcHB5LWNvbnRlbnQge1xuICAgICAgY29sb3I6ICR7dGhlbWUudXRpbHMuZ2V0QUFDb2xvckZyb21Td2F0Y2hlcyhjb2xvciwgc2hhZGUpfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZENvbG9yfTtcbiAgICAgIG1heC13aWR0aDogJHtyZW0oMjU2KX07XG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc219O1xuICAgICAgZm9udC1zaXplOiAke2RlZmluZUZvbnRTaXplQmFzZWRPblRvb2x0aXBTaXplKHNpemUpfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5yZWd1bGFyfTtcbiAgICAgIGxpbmUtaGVpZ2h0OiAxMTAlO1xuICAgICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbiAgICAgIHRleHQtYWxpZ246IHN0YXJ0O1xuICAgICAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xuICAgICAgd29yZC1icmVhazogYnJlYWstYWxsO1xuICAgIH1cbiAgICAudGlwcHktYXJyb3cge1xuICAgICAgY29sb3I6ICR7YmFja2dyb3VuZENvbG9yfTtcbiAgICB9XG4gIGA7XG59O1xuIl19 */", 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/dist/theme/index.d.ts

@@ -1,36 +1,4 @@
-import { Elevation } from './elevation';
-import { Overrides } from './overrides';
-import { colorShades, flatColors, mainTypes, paleColors, Palette } from './palette';
-import { PaletteConfig } from './palette.config';
-import { Spacing } from './spacing';
-import { Typography } from './typography';
-declare type TextColorTypes = 'primary' | 'secondary' | 'light';
-export declare type ThemeConfig = {
-    palette: PaletteConfig;
-    typography: Typography;
-    spacing: Spacing;
-    elevation: Elevation;
-    overrides: Overrides;
-    isDark: boolean;
-};
-declare type GetColor = {
-    (color: typeof flatColors[number], variant: typeof colorShades[number]): string;
-    (color: typeof flatColors[number], variant: typeof colorShades[number], scope: 'flat'): string;
-    (color: TextColorTypes, variant: typeof colorShades[number], scope: 'text'): string;
-    (color: typeof mainTypes[number], variant: typeof colorShades[number], scope: 'normal'): string;
-    (color: typeof paleColors[number], variant: null, scope: 'pale'): string;
-};
-export declare type Theme = {
-    palette: Palette;
-    typography: Typography;
-    spacing: Spacing;
-    elevation: Elevation;
-    isDark: boolean;
-    overrides: Overrides;
-    utils: {
-        getColor: GetColor;
-    };
-};
-export declare const getColor: (palette: Palette) => GetColor;
+import { TextColorTypes, Theme, ThemeConfig } from './types';
 declare const defaultTheme: (theming: 'dark' | 'light') => Theme;
+export { TextColorTypes, Theme, ThemeConfig };
 export default defaultTheme;

package/dist/theme/index.js

@@ -1,44 +1,32 @@
 "use strict";
 
 exports.__esModule = true;
-exports["default"] = exports.getColor = void 0;
+exports["default"] = void 0;
 
 var _elevation = _interopRequireDefault(require("./elevation"));
 
 var _overrides = _interopRequireDefault(require("./overrides"));
 
-var _palette = require("./palette.config");
+var _palette = require("./palette");
+
+var _palette2 = require("./palette.config");
 
 var _spacing = _interopRequireDefault(require("./spacing"));
 
+var _types = require("./types");
+
+exports.TextColorTypes = _types.TextColorTypes;
+exports.Theme = _types.Theme;
+exports.ThemeConfig = _types.ThemeConfig;
+
 var _typography = _interopRequireDefault(require("./typography"));
 
 var _utils = require("./utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var getColor = function getColor(palette) {
-  return function (color, variant, scope) {
-    var _palette$scope, _palette$scope2, _palette$scope2$color;
-
-    if (scope === void 0) {
-      scope = 'flat';
-    }
-
-    var endColor = variant === null ? palette == null ? void 0 : (_palette$scope = palette[scope]) == null ? void 0 : _palette$scope[color] : scope === 'normal' ? palette[color][variant] : palette == null ? void 0 : (_palette$scope2 = palette[scope]) == null ? void 0 : (_palette$scope2$color = _palette$scope2[color]) == null ? void 0 : _palette$scope2$color[variant];
-
-    if (!endColor) {
-      throw new Error('No color found with that name');
-    }
-
-    return endColor;
-  };
-};
-
-exports.getColor = getColor;
-
 var defaultTheme = function defaultTheme(theming) {
-  var palette = theming === 'light' ? (0, _utils.enhancePaletteWithShades)(_palette.lightPaletteConfig) : (0, _utils.enhancePaletteWithShades)(_palette.darkPaletteConfig);
+  var palette = theming === 'light' ? (0, _utils.enhancePaletteWithShades)(_palette2.lightPaletteConfig) : (0, _utils.enhancePaletteWithShades)(_palette2.darkPaletteConfig);
   return {
     palette: palette,
     typography: _typography["default"],
@@ -47,12 +35,12 @@ var defaultTheme = function defaultTheme(theming) {
     isDark: false,
     overrides: _overrides["default"],
     utils: {
-      getColor: getColor(palette)
+      getColor: (0, _palette.getColor)(palette),
+      getAAColorFromSwatches: (0, _palette.getAAColorFromSwatches)(palette),
+      getAAColor: (0, _palette.getAAColor)(palette)
     }
   };
 };
-/* Declare any static variables here e.g. $gray: #888; */
-
 
 var _default = defaultTheme;
 exports["default"] = _default;

package/dist/theme/palette.d.ts

@@ -1,3 +1,4 @@
+import { TextColorTypes } from './index';
 export declare const neutralColors: readonly ["neutralWhite", "neutralBlack"];
 export declare const BASE_SHADE = 500;
 /**
@@ -42,9 +43,23 @@ export declare type Palette = {
     black: string;
 } & Record<typeof mainTypes[number], generatedColorShades>;
 export declare type formFieldStyles = 'filled' | 'outlined' | 'elevated';
+export declare type GetColor = {
+    (color: typeof flatColors[number], variant: typeof colorShades[number]): string;
+    (color: typeof flatColors[number], variant: typeof colorShades[number], scope: 'flat'): string;
+    (color: TextColorTypes, variant: typeof colorShades[number], scope: 'text'): string;
+    (color: typeof mainTypes[number], variant: typeof colorShades[number], scope: 'normal'): string;
+    (color: typeof paleColors[number], variant: null, scope: 'pale'): string;
+};
+export declare const getColor: (palette: Palette) => GetColor;
 /**
  * this function picks either white or black color based on the background that is passed
- * swatches are calculated based on accessibility by getAATextColor function and splited to those two colors
+ * swatches are calculated based on accessibility by getAAColor function and splited to those two colors
  **/
-export declare const pickTextColorFromSwatches: (color: typeof flatColors[number], shade: typeof colorShades[number]) => string;
-export declare const getAATextColor: (color: string) => string;
+export declare type GetAAColorFromSwatches = {
+    (color: typeof flatColors[number], variant: typeof colorShades[number]): string;
+};
+export declare const getAAColorFromSwatches: (palette: Palette) => GetAAColorFromSwatches;
+export declare type GetAAColor = {
+    (color: string): string;
+};
+export declare const getAAColor: (palette: Palette) => GetAAColor;

package/dist/theme/palette.js

@@ -1,16 +1,10 @@
 "use strict";
 
 exports.__esModule = true;
-exports.getAATextColor = exports.pickTextColorFromSwatches = exports.mainTypes = exports.colorShades = exports.paleColors = exports.flatColors = exports.BASE_SHADE = exports.neutralColors = void 0;
+exports.getAAColor = exports.getAAColorFromSwatches = exports.getColor = exports.mainTypes = exports.colorShades = exports.paleColors = exports.flatColors = exports.BASE_SHADE = exports.neutralColors = void 0;
 
 var _polished = require("polished");
 
-var _index = require("./index");
-
-var _palette = require("./palette.config");
-
-var _utils = require("./utils");
-
 var neutralColors = ['neutralWhite', 'neutralBlack'];
 exports.neutralColors = neutralColors;
 var BASE_SHADE = 500;
@@ -48,23 +42,46 @@ exports.colorShades = colorShades;
 var mainTypes = ['primary', 'secondary', 'success', 'error', 'warning', 'info', 'light', 'link'];
 exports.mainTypes = mainTypes;
 
+var getColor = function getColor(palette) {
+  return function (color, variant, scope) {
+    var _palette$scope, _palette$scope2, _palette$scope2$color;
+
+    if (scope === void 0) {
+      scope = 'flat';
+    }
+
+    var endColor = variant === null ? palette == null ? void 0 : (_palette$scope = palette[scope]) == null ? void 0 : _palette$scope[color] : scope === 'normal' ? palette[color][variant] : palette == null ? void 0 : (_palette$scope2 = palette[scope]) == null ? void 0 : (_palette$scope2$color = _palette$scope2[color]) == null ? void 0 : _palette$scope2$color[variant];
+
+    if (!endColor) {
+      throw new Error('No color found with that name');
+    }
+
+    return endColor;
+  };
+};
 /**
  * this function picks either white or black color based on the background that is passed
- * swatches are calculated based on accessibility by getAATextColor function and splited to those two colors
+ * swatches are calculated based on accessibility by getAAColor function and splited to those two colors
  **/
-var pickTextColorFromSwatches = function pickTextColorFromSwatches(color, shade) {
-  var palette = (0, _utils.enhancePaletteWithShades)(_palette.lightPaletteConfig);
-  var hexColorCode = (0, _index.getColor)(palette)(color, shade);
-  return getAATextColor(hexColorCode);
+
+
+exports.getColor = getColor;
+
+var getAAColorFromSwatches = function getAAColorFromSwatches(palette) {
+  return function (color, shade) {
+    var hexColorCode = getColor(palette)(color, shade);
+    return getAAColor(palette)(hexColorCode);
+  };
 };
 
-exports.pickTextColorFromSwatches = pickTextColorFromSwatches;
+exports.getAAColorFromSwatches = getAAColorFromSwatches;
 
-var getAATextColor = function getAATextColor(color) {
-  var palette = (0, _utils.enhancePaletteWithShades)(_palette.lightPaletteConfig);
-  var white = palette.white;
-  var black = palette.black;
-  return (0, _polished.getContrast)(color, black) > (0, _polished.getContrast)(color, white) ? black : white;
+var getAAColor = function getAAColor(palette) {
+  return function (color) {
+    var white = palette.white;
+    var black = palette.black;
+    return (0, _polished.getContrast)(color, black) > (0, _polished.getContrast)(color, white) ? black : white;
+  };
 };
 
-exports.getAATextColor = getAATextColor;
+exports.getAAColor = getAAColor;

package/dist/theme/types.d.ts

@@ -0,0 +1,28 @@
+import { Elevation } from './elevation';
+import { Overrides } from './overrides';
+import { GetAAColor, GetAAColorFromSwatches, GetColor, Palette } from './palette';
+import { PaletteConfig } from './palette.config';
+import { Spacing } from './spacing';
+import { Typography } from './typography';
+export declare type TextColorTypes = 'primary' | 'secondary' | 'light';
+export declare type ThemeConfig = {
+    palette: PaletteConfig;
+    typography: Typography;
+    spacing: Spacing;
+    elevation: Elevation;
+    overrides: Overrides;
+    isDark: boolean;
+};
+export declare type Theme = {
+    palette: Palette;
+    typography: Typography;
+    spacing: Spacing;
+    elevation: Elevation;
+    isDark: boolean;
+    overrides: Overrides;
+    utils: {
+        getColor: GetColor;
+        getAAColorFromSwatches: GetAAColorFromSwatches;
+        getAAColor: GetAAColor;
+    };
+};

package/dist/theme/types.js

@@ -0,0 +1,3 @@
+"use strict";
+
+exports.__esModule = true;

package/package.json

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