@synerise/ds-avatar 0.16.5 → 0.17.0

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.17.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-avatar@0.16.6...@synerise/ds-avatar@0.17.0) (2024-07-05)
+
+
+### Features
+
+* **badge:** added IconBadge ([4f44b60](https://github.com/synerise/synerise-design/commit/4f44b60b3eff77eb6c21b9ba0ec0cdf745100eff))
+
+
+
+
+
+## [0.16.6](https://github.com/synerise/synerise-design/compare/@synerise/ds-avatar@0.16.5...@synerise/ds-avatar@0.16.6) (2024-07-02)
+
+**Note:** Version bump only for package @synerise/ds-avatar
+
+
+
+
+
 ## [0.16.5](https://github.com/synerise/synerise-design/compare/@synerise/ds-avatar@0.16.4...@synerise/ds-avatar@0.16.5) (2024-06-27)
 
 **Note:** Version bump only for package @synerise/ds-avatar

package/dist/Avatar.styles.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export declare const TooltipGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const _default: import("styled-components").StyledComponent<({ backgroundColorHue, backgroundColor, onClick, hasStatus, hasTooltip, ...rest }: any) => React.JSX.Element, any, {}, never>;
 export default _default;

package/dist/Avatar.styles.js

@@ -4,10 +4,11 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 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 * as React from 'react';
+import React from 'react';
 import styled, { css } from 'styled-components';
 import Avatar from 'antd/lib/avatar';
 import { macro } from '@synerise/ds-typography';
+import { IconBadgeIcon } from '@synerise/ds-badge/dist/IconBadge/IconBadge.styles';
 export var TooltipGroup = styled.div.withConfig({
   displayName: "Avatarstyles__TooltipGroup",
   componentId: "xcn5o4-0"
@@ -31,6 +32,16 @@ var BADGE_POSITION = {
   squarelarge: '3px',
   squareextraLarge: '3px'
 };
+var ICON_BADGE_POSITION = {
+  circlesmall: '-10px',
+  circlemedium: '-8px',
+  circlelarge: '-2px',
+  circleextraLarge: '4px',
+  squaresmall: '-11px',
+  squaremedium: '-11px',
+  squarelarge: '-11px',
+  squareextraLarge: '-11px'
+};
 var FONT_SIZE = {
   small: 'xsAvatar',
   medium: 'small',
@@ -38,8 +49,20 @@ var FONT_SIZE = {
   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;
+  return css(["top:", ";right:", ";"], ICON_BADGE_POSITION["" + shape + size] || '0', ICON_BADGE_POSITION["" + shape + size] || '0');
+};
+
 var applyBadgePosition = function applyBadgePosition(props) {
-  return css(["top:", ";right:", ";"], BADGE_POSITION["" + props.shape + props.size] || '0', BADGE_POSITION["" + props.shape + props.size] || '0');
+  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;
+  return css(["top:", ";right:", ";"], BADGE_POSITION["" + shape + size] || '0', BADGE_POSITION["" + shape + size] || '0');
 };
 
 var applyFontSize = function applyFontSize(props) {
@@ -74,7 +97,7 @@ export default styled(function (_ref) {
 }, function (props) {
   return props.onClick ? css(["cursor:pointer;&:active{&::before{opacity:0.1;}}"]) : false;
 }, function (props) {
-  return props.hasStatus && css(["& + .ant-badge-dot{display:flex;border:2px solid ", ";box-sizing:border-box;width:10px;height:10px;box-shadow:none;", ";}"], props.theme.palette.white, applyBadgePosition(props));
+  return props.hasStatus && css(["& + .ant-badge-dot{display:flex;border:2px solid ", ";box-sizing:border-box;width:10px;height:10px;box-shadow:none;", ";}& + ", "{", ";}"], props.theme.palette.white, applyBadgePosition(props), IconBadgeIcon, applyIconBadgePosition(props));
 }, function (props) {
   return props.size === 'medium' && css(["width:40px;min-width:40px;height:40px;.ant-avatar-string{line-height:40px;}", ";"], props.icon && css(["&.ant-avatar-icon{", ";", "}"], macro.xlAvatarIcon, macro.flexCentered));
 }, function (props) {

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 export { default } from './Avatar';
 export { default as ObjectAvatar } from './ObjectAvatar';
 export { default as UserAvatar } from './UserAvatar';
-export type { AvatarProps, UserAvatar as UserAvatarType, UserAvatarProps, ObjectAvatar as ObjectAvatarType, ObjectAvatarProps, TooltipObject, } from './Avatar.types';
+export type { AvatarProps, UserAvatar as UserAvatarType, UserAvatarProps, ObjectAvatar as ObjectAvatarType, ObjectAvatarProps, TooltipObject, Size as AvatarSize, } from './Avatar.types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-avatar",
-  "version": "0.16.5",
+  "version": "0.17.0",
   "description": "Avatar UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -33,21 +33,17 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-badge": "^0.7.1",
-    "@synerise/ds-icon": "^0.63.0",
-    "@synerise/ds-status": "^0.6.10",
-    "@synerise/ds-tooltip": "^0.14.31",
-    "@synerise/ds-typography": "^0.15.0"
+    "@synerise/ds-badge": "^0.8.0",
+    "@synerise/ds-icon": "^0.64.0",
+    "@synerise/ds-status": "^0.6.12",
+    "@synerise/ds-tooltip": "^0.14.32",
+    "@synerise/ds-typography": "^0.15.1"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "antd": "4.7.0",
-    "react": ">=16.9.0 < 17.0.0",
+    "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "devDependencies": {
-    "@synerise/ds-utils": "^0.27.0",
-    "@testing-library/jest-dom": "5.1.1"
-  },
-  "gitHead": "587eb113074985ae21e4f0c25ec33c3e3e2e072b"
+  "gitHead": "6e5e5202d6c6f1c2caf6bfef799009813b437b3d"
 }