@synerise/ds-avatar 1.0.18 → 1.0.20

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.
 
+## [1.0.20](https://github.com/synerise/synerise-design/compare/@synerise/ds-avatar@1.0.19...@synerise/ds-avatar@1.0.20) (2025-08-28)
+
+**Note:** Version bump only for package @synerise/ds-avatar
+
+
+
+
+
+## [1.0.19](https://github.com/synerise/synerise-design/compare/@synerise/ds-avatar@1.0.18...@synerise/ds-avatar@1.0.19) (2025-08-20)
+
+**Note:** Version bump only for package @synerise/ds-avatar
+
+
+
+
+
 ## [1.0.18](https://github.com/synerise/synerise-design/compare/@synerise/ds-avatar@1.0.17...@synerise/ds-avatar@1.0.18) (2025-08-14)
 
 **Note:** Version bump only for package @synerise/ds-avatar

package/dist/Avatar.styles.js

@@ -4,7 +4,6 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import Avatar from 'antd/lib/avatar';
 import React from 'react';
 import styled, { css } from 'styled-components';
-import { IconBadgeIcon } from '@synerise/ds-badge/dist/IconBadge/IconBadge.styles';
 import { macro } from '@synerise/ds-typography';
 export var TooltipGroup = styled.div.withConfig({
   displayName: "Avatarstyles__TooltipGroup",
@@ -26,41 +25,23 @@ 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 MACRO_MAPPING = {
   small: macro.xsAvatar,
   medium: macro.small,
   large: macro.small,
   extraLarge: macro.xlAvatar
 };
-var applyIconBadgePosition = function applyIconBadgePosition(props) {
+var applyBadgePosition = function applyBadgePosition(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;
   var badgeKey = "" + shape + size;
-  return css(["top:", ";right:", ";"], ICON_BADGE_POSITION[badgeKey] || '0', ICON_BADGE_POSITION[badgeKey] || '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;
-  var badgeKey = "" + shape + size;
   return css(["top:", ";right:", ";"], BADGE_POSITION[badgeKey] || '0', BADGE_POSITION[badgeKey] || '0');
 };
 var applyFontSize = function applyFontSize(props) {
-  var _props$size3 = props.size,
-    size = _props$size3 === void 0 ? 'medium' : _props$size3;
+  var _props$size2 = props.size,
+    size = _props$size2 === void 0 ? 'medium' : _props$size2;
   return css(["", ";"], MACRO_MAPPING[size]);
 };
 export default styled(function (_ref) {
@@ -89,7 +70,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), IconBadgeIcon, applyIconBadgePosition(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));
 }, 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-avatar",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "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": "^1.0.18",
-    "@synerise/ds-icon": "^1.7.0",
-    "@synerise/ds-status": "^1.2.12",
-    "@synerise/ds-tooltip": "^1.1.16",
-    "@synerise/ds-typography": "^1.0.18",
-    "@synerise/ds-utils": "^1.4.0"
+    "@synerise/ds-badge": "^1.0.20",
+    "@synerise/ds-icon": "^1.7.1",
+    "@synerise/ds-status": "^1.2.13",
+    "@synerise/ds-tooltip": "^1.1.17",
+    "@synerise/ds-typography": "^1.0.19",
+    "@synerise/ds-utils": "^1.4.1"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -47,5 +47,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "408d73cc145b6c8c61f3e70dce05badf3ad1ffde"
+  "gitHead": "5f5d424cf8c7fa89e231c36a45f5ab3e4cfac8e7"
 }