@synerise/ds-avatar 0.17.20 → 0.17.22

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.17.22](https://github.com/synerise/synerise-design/compare/@synerise/ds-avatar@0.17.21...@synerise/ds-avatar@0.17.22) (2024-11-28)
+
+**Note:** Version bump only for package @synerise/ds-avatar
+
+
+
+
+
+## [0.17.21](https://github.com/synerise/synerise-design/compare/@synerise/ds-avatar@0.17.20...@synerise/ds-avatar@0.17.21) (2024-11-21)
+
+**Note:** Version bump only for package @synerise/ds-avatar
+
+
+
+
+
 ## [0.17.20](https://github.com/synerise/synerise-design/compare/@synerise/ds-avatar@0.17.19...@synerise/ds-avatar@0.17.20) (2024-11-12)
 
 **Note:** Version bump only for package @synerise/ds-avatar

package/dist/Avatar.js

@@ -1,20 +1,12 @@
 var _excluded = ["backgroundColor", "backgroundColorHue", "children", "disabled", "hasStatus", "iconComponent", "iconScale", "tooltip", "size"],
-    _excluded2 = ["type"];
-
+  _excluded2 = ["type"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
 import Tooltip from '@synerise/ds-tooltip';
 import '@synerise/ds-core/dist/js/style';
@@ -28,48 +20,41 @@ export var ICON_SIZES = {
   large: 30,
   extraLarge: 42
 };
-
 var Avatar = function Avatar(_ref) {
   var _iconElement;
-
   var backgroundColor = _ref.backgroundColor,
-      _ref$backgroundColorH = _ref.backgroundColorHue,
-      backgroundColorHue = _ref$backgroundColorH === void 0 ? '500' : _ref$backgroundColorH,
-      children = _ref.children,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$hasStatus = _ref.hasStatus,
-      hasStatus = _ref$hasStatus === void 0 ? false : _ref$hasStatus,
-      iconComponent = _ref.iconComponent,
-      _ref$iconScale = _ref.iconScale,
-      iconScale = _ref$iconScale === void 0 ? true : _ref$iconScale,
-      _ref$tooltip = _ref.tooltip,
-      tooltip = _ref$tooltip === void 0 ? {} : _ref$tooltip,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? DEFAULT_SIZE : _ref$size,
-      antdProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    _ref$backgroundColorH = _ref.backgroundColorHue,
+    backgroundColorHue = _ref$backgroundColorH === void 0 ? '500' : _ref$backgroundColorH,
+    children = _ref.children,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$hasStatus = _ref.hasStatus,
+    hasStatus = _ref$hasStatus === void 0 ? false : _ref$hasStatus,
+    iconComponent = _ref.iconComponent,
+    _ref$iconScale = _ref.iconScale,
+    iconScale = _ref$iconScale === void 0 ? true : _ref$iconScale,
+    _ref$tooltip = _ref.tooltip,
+    tooltip = _ref$tooltip === void 0 ? {} : _ref$tooltip,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? DEFAULT_SIZE : _ref$size,
+    antdProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   var sizes = _objectSpread({}, ICON_SIZES);
+  var iconElement = iconComponent;
 
-  var iconElement = iconComponent; // Enforce icon to be scaled
-
+  // Enforce icon to be scaled
   if (isIconComponent((_iconElement = iconElement) == null ? void 0 : _iconElement.type) && iconScale) {
     var _iconElement$props$co;
-
     if ((_iconElement$props$co = iconElement.props.component) != null && (_iconElement$props$co = _iconElement$props$co.type) != null && (_iconElement$props$co = _iconElement$props$co.name) != null && _iconElement$props$co.match(/S$/)) {
       sizes.small = 24;
     }
-
     var iconSize = sizes[size] || sizes[DEFAULT_SIZE];
     iconElement = React.cloneElement(iconElement, {
       size: iconSize
     });
   }
-
   var _getTooltipProps = getTooltipProps(tooltip),
-      type = _getTooltipProps.type,
-      tooltipProps = _objectWithoutPropertiesLoose(_getTooltipProps, _excluded2);
-
+    type = _getTooltipProps.type,
+    tooltipProps = _objectWithoutPropertiesLoose(_getTooltipProps, _excluded2);
   var hasTooltip = Object.keys(tooltipProps).length && !!Object.values(tooltipProps).reduce(function (prev, next) {
     return next || prev;
   });
@@ -87,5 +72,4 @@ var Avatar = function Avatar(_ref) {
     size: size
   }, antdProps), iconElement || children));
 };
-
 export default Avatar;

package/dist/Avatar.styles.js

@@ -1,9 +1,6 @@
 var _excluded = ["backgroundColorHue", "backgroundColor", "onClick", "hasStatus", "hasTooltip"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
 import styled, { css } from 'styled-components';
 import Avatar from 'antd/lib/avatar';
@@ -13,15 +10,12 @@ export var TooltipGroup = styled.div.withConfig({
   displayName: "Avatarstyles__TooltipGroup",
   componentId: "xcn5o4-0"
 })(["margin:13px 8px;font-size:11px;line-height:1.45;text-align:center;p{margin:0;font-weight:normal;&:first-child{font-weight:500;}}"]);
-
 var applyBgColors = function applyBgColors(props) {
   return css(["background:", ";"], props.theme.palette[props.backgroundColor + "-" + (props.backgroundColorHue ? props.backgroundColorHue : '400')]);
 };
-
 var applyDisabledStyles = function applyDisabledStyles(props) {
   return props.disabled && css(["opacity:0.4;pointer-events:none;"]);
 };
-
 var BADGE_POSITION = {
   circlesmall: '2px',
   circlemedium: '5px',
@@ -48,36 +42,32 @@ var FONT_SIZE = {
   large: 'small',
   extraLarge: 'xlAvatar'
 };
-
 var applyIconBadgePosition = function applyIconBadgePosition(props) {
   var _props$shape = props.shape,
-      shape = _props$shape === void 0 ? 'circle' : _props$shape,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'medium' : _props$size;
+    shape = _props$shape === void 0 ? 'circle' : _props$shape,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'medium' : _props$size;
   return css(["top:", ";right:", ";"], ICON_BADGE_POSITION["" + shape + size] || '0', ICON_BADGE_POSITION["" + shape + size] || '0');
 };
-
 var applyBadgePosition = function applyBadgePosition(props) {
   var _props$shape2 = props.shape,
-      shape = _props$shape2 === void 0 ? 'circle' : _props$shape2,
-      _props$size2 = props.size,
-      size = _props$size2 === void 0 ? 'medium' : _props$size2;
+    shape = _props$shape2 === void 0 ? 'circle' : _props$shape2,
+    _props$size2 = props.size,
+    size = _props$size2 === void 0 ? 'medium' : _props$size2;
   return css(["top:", ";right:", ";"], BADGE_POSITION["" + shape + size] || '0', BADGE_POSITION["" + shape + size] || '0');
 };
-
 var applyFontSize = function applyFontSize(props) {
   return css(["", ";"], macro[FONT_SIZE["" + props.size]]);
-}; // eslint-disable-next-line react/jsx-props-no-spreading
-
+};
 
+// eslint-disable-next-line react/jsx-props-no-spreading
 export default styled(function (_ref) {
   var backgroundColorHue = _ref.backgroundColorHue,
-      backgroundColor = _ref.backgroundColor,
-      onClick = _ref.onClick,
-      hasStatus = _ref.hasStatus,
-      hasTooltip = _ref.hasTooltip,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    backgroundColor = _ref.backgroundColor,
+    onClick = _ref.onClick,
+    hasStatus = _ref.hasStatus,
+    hasTooltip = _ref.hasTooltip,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Avatar, _extends({
     onClick: onClick
   }, rest));

package/dist/ObjectAvatar/ObjectAvatar.js

@@ -1,9 +1,6 @@
 var _excluded = ["backgroundColor", "badgeStatus", "iconComponent", "color", "object", "size", "src", "tooltip", "text", "children", "disabled", "style"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
 import Icon, { MailM } from '@synerise/ds-icon';
 import { theme } from '@synerise/ds-core';
@@ -13,30 +10,27 @@ import Avatar from '../Avatar';
 import { getObjectName, addIconColor, getColorByText } from '../utils';
 export var DEFAULT_COLOR_HUE = '600';
 export var DEFAULT_COLOR = 'grey';
-
 var ObjectAvatar = function ObjectAvatar(_ref) {
   var backgroundColor = _ref.backgroundColor,
-      badgeStatus = _ref.badgeStatus,
-      iconComponent = _ref.iconComponent,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'grey' : _ref$color,
-      _ref$object = _ref.object,
-      object = _ref$object === void 0 ? {} : _ref$object,
-      size = _ref.size,
-      src = _ref.src,
-      tooltip = _ref.tooltip,
-      text = _ref.text,
-      children = _ref.children,
-      disabled = _ref.disabled,
-      style = _ref.style,
-      restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    badgeStatus = _ref.badgeStatus,
+    iconComponent = _ref.iconComponent,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'grey' : _ref$color,
+    _ref$object = _ref.object,
+    object = _ref$object === void 0 ? {} : _ref$object,
+    size = _ref.size,
+    src = _ref.src,
+    tooltip = _ref.tooltip,
+    text = _ref.text,
+    children = _ref.children,
+    disabled = _ref.disabled,
+    style = _ref.style,
+    restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _ref2 = object || {},
-      objectName = _ref2.name,
-      objectDescription = _ref2.description,
-      objectStatus = _ref2.status,
-      avatar = _ref2.avatar;
-
+    objectName = _ref2.name,
+    objectDescription = _ref2.description,
+    objectStatus = _ref2.status,
+    avatar = _ref2.avatar;
   var defaultTooltip = {
     title: objectName || '',
     description: objectDescription || '',
@@ -46,11 +40,9 @@ var ObjectAvatar = function ObjectAvatar(_ref) {
     }) : ''
   };
   var avatarText = getObjectName(objectName, text);
-
   var _getColorByText = getColorByText(avatarText, backgroundColor),
-      avatarBackgroundColor = _getColorByText[0],
-      avatarBackgroundHue = _getColorByText[1];
-
+    avatarBackgroundColor = _getColorByText[0],
+    avatarBackgroundHue = _getColorByText[1];
   var iconColor = theme.palette[(color || DEFAULT_COLOR) + "-" + DEFAULT_COLOR_HUE];
   var avatarTooltip = tooltip === undefined && (defaultTooltip.title || defaultTooltip.description) ? defaultTooltip : tooltip;
   var iconElement = addIconColor(iconComponent, iconColor);
@@ -76,5 +68,4 @@ var ObjectAvatar = function ObjectAvatar(_ref) {
     status: badgeStatus
   }, avatarRender)) : avatarRender;
 };
-
 export default ObjectAvatar;

package/dist/UserAvatar/UserAvatar.js

@@ -1,9 +1,6 @@
 var _excluded = ["backgroundColor", "size", "text", "tooltip", "badgeStatus", "user", "src", "iconComponent", "children", "disabled", "style"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
 import Icon, { UserM, UserS } from '@synerise/ds-icon';
 import { theme } from '@synerise/ds-core';
@@ -12,31 +9,28 @@ import Avatar from '../Avatar';
 import { getUserText, addIconColor, getColorByText } from '../utils';
 export var DEFAULT_COLOR = 'grey';
 export var DEFAULT_COLOR_HUE = '500';
-
 var UserAvatar = function UserAvatar(_ref) {
   var backgroundColor = _ref.backgroundColor,
-      size = _ref.size,
-      text = _ref.text,
-      tooltip = _ref.tooltip,
-      badgeStatus = _ref.badgeStatus,
-      _ref$user = _ref.user,
-      user = _ref$user === void 0 ? {} : _ref$user,
-      src = _ref.src,
-      iconComponent = _ref.iconComponent,
-      children = _ref.children,
-      disabled = _ref.disabled,
-      style = _ref.style,
-      restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    size = _ref.size,
+    text = _ref.text,
+    tooltip = _ref.tooltip,
+    badgeStatus = _ref.badgeStatus,
+    _ref$user = _ref.user,
+    user = _ref$user === void 0 ? {} : _ref$user,
+    src = _ref.src,
+    iconComponent = _ref.iconComponent,
+    children = _ref.children,
+    disabled = _ref.disabled,
+    style = _ref.style,
+    restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _ref2 = user || {},
-      _ref2$firstName = _ref2.firstName,
-      firstName = _ref2$firstName === void 0 ? '' : _ref2$firstName,
-      _ref2$lastName = _ref2.lastName,
-      lastName = _ref2$lastName === void 0 ? '' : _ref2$lastName,
-      _ref2$email = _ref2.email,
-      email = _ref2$email === void 0 ? '' : _ref2$email,
-      avatar = _ref2.avatar;
-
+    _ref2$firstName = _ref2.firstName,
+    firstName = _ref2$firstName === void 0 ? '' : _ref2$firstName,
+    _ref2$lastName = _ref2.lastName,
+    lastName = _ref2$lastName === void 0 ? '' : _ref2$lastName,
+    _ref2$email = _ref2.email,
+    email = _ref2$email === void 0 ? '' : _ref2$email,
+    avatar = _ref2.avatar;
   var avatarText = getUserText(user, src, text);
   var defaultTooltip = {
     title: ((firstName || '') + " " + (lastName || '')).trim(),
@@ -49,11 +43,9 @@ var UserAvatar = function UserAvatar(_ref) {
     component: size === 'small' ? /*#__PURE__*/React.createElement(UserS, null) : /*#__PURE__*/React.createElement(UserM, null),
     color: theme.palette['grey-500']
   }) : null;
-
   var _getColorByText = getColorByText(avatarText, backgroundColor),
-      avatarBackgroundColor = _getColorByText[0],
-      avatarBackgroundHue = _getColorByText[1];
-
+    avatarBackgroundColor = _getColorByText[0],
+    avatarBackgroundHue = _getColorByText[1];
   var avatarRender = /*#__PURE__*/React.createElement(Avatar, _extends({
     iconComponent: icon,
     shape: "circle",
@@ -72,5 +64,4 @@ var UserAvatar = function UserAvatar(_ref) {
     status: badgeStatus
   }, avatarRender)) : avatarRender;
 };
-
 export default UserAvatar;

package/dist/utils.js

@@ -1,38 +1,29 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-
 import React from 'react';
 import Icon from '@synerise/ds-icon';
 import selectColorByLetter from '@synerise/ds-utils/dist/selectColorByLetter/selectColorByLetter';
-
 function getFirstLetter(from) {
   return (from || '').substr(0, 1).toUpperCase();
 }
-
 export function getUserText(user, src, text) {
   if (src === void 0) {
     src = '';
   }
-
   if (text === void 0) {
     text = '';
   }
-
   var _user$firstName = user.firstName,
-      firstName = _user$firstName === void 0 ? '' : _user$firstName,
-      _user$lastName = user.lastName,
-      lastName = _user$lastName === void 0 ? '' : _user$lastName,
-      _user$email = user.email,
-      email = _user$email === void 0 ? '' : _user$email,
-      _user$avatar = user.avatar,
-      avatar = _user$avatar === void 0 ? '' : _user$avatar;
+    firstName = _user$firstName === void 0 ? '' : _user$firstName,
+    _user$lastName = user.lastName,
+    lastName = _user$lastName === void 0 ? '' : _user$lastName,
+    _user$email = user.email,
+    email = _user$email === void 0 ? '' : _user$email,
+    _user$avatar = user.avatar,
+    avatar = _user$avatar === void 0 ? '' : _user$avatar;
   if (src || avatar) return null;
   if (text) return text;
   if (firstName || lastName) return "" + getFirstLetter(firstName) + getFirstLetter(lastName);
@@ -46,31 +37,25 @@ export function getObjectName(name, text) {
   if (name === void 0) {
     name = '';
   }
-
   if (text === void 0) {
     text = '';
   }
-
   if (text) return text.toUpperCase();
   if (name) return name.substr(0, 1).toUpperCase();
   return null;
 }
 export function addIconColor(iconComponent, color) {
   var _iconElement;
-
   var iconElement = iconComponent;
-
   if (iconElement && !((_iconElement = iconElement) != null && (_iconElement = _iconElement.props) != null && _iconElement.color)) {
     iconElement = React.cloneElement(iconElement, {
       color: color
     });
   }
-
   return iconElement;
 }
 export function getColorByText(text, backgroundColor) {
   var _ref;
-
   if (backgroundColor && backgroundColor.indexOf('-') !== -1) return backgroundColor.split('-');
   var autoColor = ((_ref = typeof text === 'string' ? selectColorByLetter(text.slice(0, 1), true) : {}) == null ? void 0 : _ref.color) || 'grey';
   var color = text && backgroundColor && backgroundColor !== 'auto' ? backgroundColor : autoColor;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-avatar",
-  "version": "0.17.20",
+  "version": "0.17.22",
   "description": "Avatar UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -34,12 +34,12 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-badge": "^0.8.18",
-    "@synerise/ds-icon": "^0.66.4",
-    "@synerise/ds-status": "^0.6.32",
-    "@synerise/ds-tooltip": "^0.14.48",
-    "@synerise/ds-typography": "^0.16.5",
-    "@synerise/ds-utils": "^0.31.1"
+    "@synerise/ds-badge": "^0.8.20",
+    "@synerise/ds-icon": "^0.67.1",
+    "@synerise/ds-status": "^0.6.34",
+    "@synerise/ds-tooltip": "^0.14.50",
+    "@synerise/ds-typography": "^0.16.7",
+    "@synerise/ds-utils": "^0.31.2"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -47,5 +47,5 @@
     "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "gitHead": "8d26191fc0475407e0691b9b183761ad3cd7c87d"
+  "gitHead": "4a56ee7ef816c22341ce704154dc7aa65b7d1dcc"
 }