@orfium/ictinus 4.36.0-alpha.7 → 4.36.0

package/dist/components/Avatar/Avatar.js

@@ -0,0 +1,60 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = require("../../index");
+
+var _themeFunctions = require("../../utils/themeFunctions");
+
+var _Icon = _interopRequireDefault(require("../Icon"));
+
+var _Avatar = require("./Avatar.style");
+
+var _Avatar2 = require("./Avatar.types");
+
+exports.Props = _Avatar2.Props;
+exports.AvatarSizes = _Avatar2.AvatarSizes;
+
+var _utils = require("./utils");
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var Avatar = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
+  var _ref$src = _ref.src,
+      src = _ref$src === void 0 ? '' : _ref$src,
+      _ref$iconName = _ref.iconName,
+      iconName = _ref$iconName === void 0 ? 'user' : _ref$iconName,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'md' : _ref$size,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'lightGrey-600' : _ref$color,
+      children = _ref.children,
+      className = _ref.className;
+  var theme = (0, _index.useTheme)();
+  var calculatedColor = (0, _themeFunctions.calculateActualColorFromComponentProp)(color);
+  return (0, _react2.jsx)("div", {
+    ref: ref,
+    className: className,
+    css: (0, _Avatar.avatarStyle)({
+      size: size,
+      fill: calculatedColor.color,
+      fillShade: calculatedColor.shade
+    })
+  }, src && (0, _react2.jsx)("img", {
+    src: src
+  }), !src && !children && iconName && (0, _react2.jsx)(_Icon["default"], {
+    color: theme.utils.getAAColorFromSwatches(calculatedColor.color, calculatedColor.shade),
+    name: iconName,
+    size: (0, _utils.iconSizeBasedOnAvatar)(size)
+  }), !src && children);
+});
+
+Avatar.displayName = 'Avatar';
+var _default = Avatar; //TODO: Remove on v5 and change import where necessary
+
+exports["default"] = _default;

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

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

package/dist/components/Avatar/Avatar.types.js

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

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

@@ -0,0 +1,76 @@
+"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 _AvatarStack2 = require("./AvatarStack.types");
+
+exports.Props = _AvatarStack2.Props;
+
+var _utils = require("./utils");
+
+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;
+  (0, _helpers.errorHandler)(_utils.errors, {
+    maxAvatars: maxAvatars
+  });
+
+  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; //TODO: Remove on v5 and change import where necessary
+
+exports["default"] = _default;

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/AvatarStack.types.js

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

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/Avatar/AvatarStack/utils.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+exports.errors = void 0;
+
+var _errors = require("../../../utils/errors");
+
+var errors = [{
+  condition: function condition(_ref) {
+    var _ref$maxAvatars = _ref.maxAvatars,
+        maxAvatars = _ref$maxAvatars === void 0 ? 4 : _ref$maxAvatars;
+    return Boolean(maxAvatars < 1);
+  },
+  error: new _errors.PropsValidationError('maxAvatars prop must be greater than 0')
+}];
+exports.errors = errors;

package/dist/components/Avatar/index.js

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

package/dist/components/Avatar/utils.js

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+exports.iconSizeBasedOnAvatar = void 0;
+
+var iconSizeBasedOnAvatar = function iconSizeBasedOnAvatar(size) {
+  switch (size) {
+    case 'md':
+      return 16;
+
+    case 'sm':
+      return 12;
+
+    case 'xs':
+      return 10;
+
+    default:
+      return 28;
+  }
+};
+
+exports.iconSizeBasedOnAvatar = iconSizeBasedOnAvatar;

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -0,0 +1,65 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+
+var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _reactRouterDom = require("react-router-dom");
+
+var _Breadcrumb = require("./Breadcrumb.style");
+
+var _BreadcrumbItem = _interopRequireDefault(require("./BreadcrumbItem/BreadcrumbItem"));
+
+var _react2 = require("@emotion/react");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var isLastItem = function isLastItem(dataItems, itemIndex) {
+  return itemIndex === dataItems.length - 1;
+};
+
+var Breadcrumb = function Breadcrumb(_ref) {
+  var children = _ref.children,
+      _ref$data = _ref.data,
+      data = _ref$data === void 0 ? [] : _ref$data;
+  var passDataToRouterLink = React.useCallback(function (dataItem, index) {
+    var to = dataItem.to,
+        label = dataItem.label;
+    var isLast = isLastItem(data, index);
+    return to ? (0, _react2.jsx)(_reactRouterDom.Link, {
+      css: (0, _Breadcrumb.breadcrumbLinkStyles)(isLast),
+      key: to,
+      to: to
+    }, label) : (0, _react2.jsx)("div", null, label);
+  }, [data]);
+  var childrenCollection = React.Children.toArray(children);
+  var dataItems = (0, _isEmpty["default"])(data) ? childrenCollection : data.map(passDataToRouterLink);
+  var getBreadcrumbItem = React.useMemo( // eslint-disable-next-line react/display-name
+  function () {
+    return function (child, index) {
+      var itemKey = (0, _uniqueId["default"])('data_item_');
+      var isLast = isLastItem(dataItems, index);
+      return (0, _react2.jsx)(_BreadcrumbItem["default"], {
+        key: itemKey,
+        childComponent: child,
+        isLastItem: isLast
+      });
+    };
+  }, [dataItems]);
+  return (0, _react2.jsx)("ol", {
+    "aria-label": "Breadcrumb",
+    css: (0, _Breadcrumb.breadcrumbStyles)()
+  }, dataItems.map(getBreadcrumbItem));
+};
+
+var _default = Breadcrumb;
+exports["default"] = _default;

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

@@ -0,0 +1,34 @@
+"use strict";
+
+exports.__esModule = true;
+exports.breadcrumbLinkStyles = exports.breadcrumbStyles = void 0;
+
+var _react = require("@emotion/react");
+
+var _functions = require("../../theme/functions");
+
+var breadcrumbStyles = function breadcrumbStyles() {
+  return function () {
+    return (
+      /*#__PURE__*/
+
+      /*#__PURE__*/
+      (0, _react.css)(_functions.flex, ";flex-wrap:nowrap;list-style:none;padding:0;margin:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvQnJlYWRjcnVtYi5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLaUUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnJlYWRjcnVtYi9CcmVhZGNydW1iLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZmxleCB9IGZyb20gJ3RoZW1lL2Z1bmN0aW9ucyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xuXG5leHBvcnQgY29uc3QgYnJlYWRjcnVtYlN0eWxlcyA9ICgpID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtmbGV4fTtcbiAgZmxleC13cmFwOiBub3dyYXA7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBicmVhZGNydW1iTGlua1N0eWxlcyA9IChpc0xhc3Q6IGJvb2xlYW4pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBjb2xvcjogaW5oZXJpdDtcbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7aXNMYXN0ID8gdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA2NTApIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2RhcmtHcmV5JywgNjUwKX07XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbStyles;")
+    );
+  };
+};
+
+exports.breadcrumbStyles = breadcrumbStyles;
+
+var breadcrumbLinkStyles = function breadcrumbLinkStyles(isLast) {
+  return function (theme) {
+    return (
+      /*#__PURE__*/
+
+      /*#__PURE__*/
+      (0, _react.css)("text-decoration:none;color:inherit;&:hover{color:", isLast ? theme.utils.getColor('blue', 650) : theme.utils.getColor('darkGrey', 650), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbLinkStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvQnJlYWRjcnVtYi5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhZ0ciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnJlYWRjcnVtYi9CcmVhZGNydW1iLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZmxleCB9IGZyb20gJ3RoZW1lL2Z1bmN0aW9ucyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xuXG5leHBvcnQgY29uc3QgYnJlYWRjcnVtYlN0eWxlcyA9ICgpID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtmbGV4fTtcbiAgZmxleC13cmFwOiBub3dyYXA7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBicmVhZGNydW1iTGlua1N0eWxlcyA9IChpc0xhc3Q6IGJvb2xlYW4pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBjb2xvcjogaW5oZXJpdDtcbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7aXNMYXN0ID8gdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA2NTApIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2RhcmtHcmV5JywgNjUwKX07XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbLinkStyles;")
+    );
+  };
+};
+
+exports.breadcrumbLinkStyles = breadcrumbLinkStyles;

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

@@ -0,0 +1,30 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _BreadcrumbItem = require("./BreadcrumbItem.style");
+
+var _Separator = _interopRequireDefault(require("../Separator/Separator"));
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var BreadcrumbItem = function BreadcrumbItem(_ref) {
+  var childComponent = _ref.childComponent,
+      _ref$isLastItem = _ref.isLastItem,
+      isLastItem = _ref$isLastItem === void 0 ? false : _ref$isLastItem;
+  return (0, _react2.jsx)("li", null, (0, _react2.jsx)("div", {
+    css: (0, _BreadcrumbItem.breadcrumbItemStyles)({
+      active: isLastItem
+    })
+  }, childComponent, (0, _react2.jsx)(_Separator["default"], {
+    isLastItem: isLastItem
+  })));
+};
+
+var _default = BreadcrumbItem;
+exports["default"] = _default;

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

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+exports.breadcrumbItemStyles = void 0;
+
+var _react = require("@emotion/react");
+
+var _palette = require("../../../theme/palette");
+
+var breadcrumbItemStyles = function breadcrumbItemStyles(_ref) {
+  var active = _ref.active;
+  return function (theme) {
+    return (
+      /*#__PURE__*/
+
+      /*#__PURE__*/
+      (0, _react.css)("display:flex;cursor:default;font-size:", theme.typography.fontSizes[15], ";font-weight:", active ? theme.typography.weights.medium : theme.typography.weights.regular, ";color:", active ? theme.utils.getColor('primary', _palette.BASE_SHADE, 'normal') : theme.utils.getColor('lightGrey', 650), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvQnJlYWRjcnVtYkl0ZW0vQnJlYWRjcnVtYkl0ZW0uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTBCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvQnJlYWRjcnVtYkl0ZW0vQnJlYWRjcnVtYkl0ZW0uc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBCQVNFX1NIQURFIH0gZnJvbSAndGhlbWUvcGFsZXR0ZSc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWUnO1xuaW1wb3J0IHsgUmVxdWlyZWRQcm9wZXJ0aWVzIH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMvY29tbW9uJztcblxudHlwZSBTdHlsZVByb3BzID0ge1xuICBhY3RpdmU6IGJvb2xlYW47XG59O1xuXG5leHBvcnQgY29uc3QgYnJlYWRjcnVtYkl0ZW1TdHlsZXMgPSAoeyBhY3RpdmUgfTogUmVxdWlyZWRQcm9wZXJ0aWVzPFN0eWxlUHJvcHM+KSA9PiAoXG4gIHRoZW1lOiBUaGVtZVxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgZm9udC1zaXplOiAke3RoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWzE1XX07XG4gIGZvbnQtd2VpZ2h0OiAke2FjdGl2ZSA/IHRoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5tZWRpdW0gOiB0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMucmVndWxhcn07XG4gIGNvbG9yOiAke2FjdGl2ZVxuICAgID8gdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ3ByaW1hcnknLCBCQVNFX1NIQURFLCAnbm9ybWFsJylcbiAgICA6IHRoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCA2NTApfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbItemStyles;")
+    );
+  };
+};
+
+exports.breadcrumbItemStyles = breadcrumbItemStyles;

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

@@ -0,0 +1,35 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _Icon = _interopRequireDefault(require("../../Icon"));
+
+var _Separator = require("./Separator.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 Separator = function Separator(props) {
+  var _props$isLastItem = props.isLastItem,
+      isLastItem = _props$isLastItem === void 0 ? false : _props$isLastItem;
+  if (isLastItem) return null;
+  return (0, _react2.jsx)("span", {
+    css: (0, _Separator.separatorStyles)()
+  }, (0, _react2.jsx)(_Icon["default"], {
+    name: 'triangleRight',
+    color: 'lightGrey',
+    variant: 650,
+    size: 12
+  }));
+};
+
+var _default = Separator;
+exports["default"] = _default;

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

@@ -0,0 +1,19 @@
+"use strict";
+
+exports.__esModule = true;
+exports.separatorStyles = void 0;
+
+var _react = require("@emotion/react");
+
+var separatorStyles = function separatorStyles() {
+  return function (theme) {
+    return (
+      /*#__PURE__*/
+
+      /*#__PURE__*/
+      (0, _react.css)("margin:auto ", theme.spacing.md, ";cursor:default;" + (process.env.NODE_ENV === "production" ? "" : ";label:separatorStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWIvU2VwYXJhdG9yL1NlcGFyYXRvci5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHNEUiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnJlYWRjcnVtYi9TZXBhcmF0b3IvU2VwYXJhdG9yLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5cbmV4cG9ydCBjb25zdCBzZXBhcmF0b3JTdHlsZXMgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIG1hcmdpbjogYXV0byAke3RoZW1lLnNwYWNpbmcubWR9O1xuICBjdXJzb3I6IGRlZmF1bHQ7XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:separatorStyles;")
+    );
+  };
+};
+
+exports.separatorStyles = separatorStyles;

package/dist/components/Breadcrumb/index.js

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

package/dist/components/Breadcrumb/types.js

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