@synerise/ds-avatar 1.3.18 → 1.3.19

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.3.19](https://github.com/synerise/synerise-design/compare/@synerise/ds-avatar@1.3.18...@synerise/ds-avatar@1.3.19) (2026-07-23)
+
+**Note:** Version bump only for package @synerise/ds-avatar
+
 ## [1.3.18](https://github.com/synerise/synerise-design/compare/@synerise/ds-avatar@1.3.17...@synerise/ds-avatar@1.3.18) (2026-06-17)
 
 **Note:** Version bump only for package @synerise/ds-avatar

package/CLAUDE.md

@@ -0,0 +1,191 @@
+# Avatar (`@synerise/ds-avatar`)
+
+> Three avatar variants — generic `Avatar`, `UserAvatar`, and `ObjectAvatar` — each a DS-native (styled-components) avatar with auto-tooltip, badge status, deterministic color/icon selection, and a library of 100 default SVG avatars.
+
+## Package structure
+
+```
+src/
+  Avatar.tsx               — base component (DS-native, styled-components)
+  Avatar.types.ts          — all shared types (AvatarProps, UserAvatarProps, ObjectAvatarProps, …)
+  Avatar.styles.tsx        — AvatarBase (DOM) + StyledAvatar (size/shape/bg/font); AvatarString/AvatarImg
+  Avatar.spec.tsx          — base component tests
+  utils.ts                 — getUserText, getObjectName, getColorByText, getTooltipProps, …
+  DefaultAvatarIcon.tsx    — renders one of 100 default SVGs by index
+  defaultAvatars/          — auto-generated SVG components (build:svgr) + index.ts
+  UserAvatar/
+    UserAvatar.tsx         — user-specific avatar with auto-initials, default SVGs, badge
+    UserAvatar.spec.tsx
+    index.ts
+  ObjectAvatar/
+    ObjectAvatar.tsx       — object/entity avatar, square shape, mail fallback icon
+    ObjectAvatar.spec.tsx
+    index.ts
+  index.ts                 — public exports
+```
+
+## Public exports
+
+### `Avatar` (default export)
+
+Base component. DS-native; props are explicitly declared (no antd inheritance). `data-*` attributes pass through.
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `size` | `'small' \| 'medium' \| 'large' \| 'extraLarge'` | `'medium'` | Avatar size |
+| `backgroundColor` | `Color \| string` | `undefined` | Named color or hex string; combined with `backgroundColorHue` for theme token lookup |
+| `backgroundColorHue` | `'050'–'900'` | `'500'` | Hue suffix for the background color token |
+| `iconComponent` | `ReactNode` | `undefined` | Icon to render; auto-scaled per size unless `iconScale={false}` |
+| `iconScale` | `boolean` | `true` | Auto-scales `iconComponent` to the ICON_SIZES map for the active size |
+| `hasStatus` | `boolean` | `false` | Shows a `Badge` dot positioned on the avatar corner (requires a `Badge` wrapper in the parent) |
+| `disabled` | `boolean` | `false` | Applies `opacity: 0.4; pointer-events: none` |
+| `tooltip` | `TooltipObject \| boolean` | `false` | Tooltip config; `false` disables it; object keys map to ds-tooltip props |
+| `src` | `string` | `undefined` | Image URL; empty string `""` is treated as `undefined` |
+| `children` | `ReactNode` | `undefined` | Text initials or other content |
+| `shape` | `'circle' \| 'square'` | `'circle'` | Avatar shape |
+
+Sizes in px: `small` = 24, `medium` = 40, `large` = 84, `extraLarge` = 120.
+
+Icon sizes auto-scaled: `small` → 16px, `medium` → 24px, `large` → 30px, `extraLarge` → 42px. Exception: if the icon component name ends with `S` (small variant), `small` size is scaled to 24px instead.
+
+### `UserAvatar`
+
+High-level avatar for a user/client. Circle shape, auto-tooltip from user data.
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `user` | `UserAvatar` | `{}` | `{ firstName?, lastName?, email?, avatar?, avatarId? }` |
+| `backgroundColor` | `'auto' \| Color \| string` | `undefined` | `'auto'` picks color from first initial; dash-separated `'grey-800'` sets both color and hue |
+| `badgeStatus` | `BadgeStatus` | `undefined` | Wraps in `<Badge status>` when set; disables when `disabled=true` |
+| `iconComponent` | `ReactNode` | `undefined` | Replaces the default `UserM`/`UserS` fallback icon |
+| `size` | `Size` | `undefined` | Passed through to base Avatar |
+| `tooltip` | `TooltipObject \| boolean` | auto from `user` | `undefined`/`true` → auto-builds tooltip from `firstName`+`lastName`+`email`; `false` disables it |
+| `text` | `string` | `undefined` | Override initials text |
+| `src` | `string` | `undefined` | Overrides `user.avatar` URL |
+| `disabled` | `boolean` | `undefined` | Passed through |
+| `style` | `CSSProperties` | `undefined` | Applied to outer wrapper if `badgeStatus` is set, or to the avatar directly |
+
+**Render priority:** `avatar`/`src` photo → text initials (name or `text`) → default SVG (when `avatarId` is set) → fallback `UserM`/`UserS` icon.
+
+`user.avatarId` is hashed deterministically to select one of 100 default SVGs. If `avatarId` is set and there are no initials or photo, the SVG is used and background is transparent.
+
+Tooltip is auto-generated from user data when `tooltip` is `undefined` or `true` — no need to pass tooltip props manually.
+
+### `ObjectAvatar`
+
+High-level avatar for objects/entities (products, campaigns, etc.). Square shape, mail icon fallback.
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `object` | `ObjectAvatar` | `{}` | `{ name?, description?, status?, avatar? }` |
+| `color` | `Color` | `'grey'` | Color for the fallback icon (when no text/image) |
+| `backgroundColor` | `'auto' \| Color \| string` | `undefined` | Background color; overrides auto-color from `object.name` |
+| `badgeStatus` | `BadgeStatus` | `undefined` | Same as `UserAvatar` |
+| `iconComponent` | `ReactNode` | `undefined` | Replaces default `MailM` fallback icon |
+| `tooltip` | `TooltipObject \| boolean` | auto from `object` | `undefined` → auto-builds from `object.name`/`description`/`status`; `false` disables it |
+| `text` | `string` | `undefined` | Override initials (uppercased) |
+| `size` | `Size` | `undefined` | Passed through |
+| `disabled` | `boolean` | `undefined` | Passed through |
+
+Unlike `UserAvatar`, ObjectAvatar tooltip auto-generates only when `tooltip === undefined` (not when `true`).
+
+### `DefaultAvatarIcon`
+
+Renders one of the 100 built-in SVG avatars by index.
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `index` | `number` | **required** | Index 0–99; wraps via modulo so any integer is safe |
+
+### `TOTAL_DEFAULT_AVATARS`
+
+Exported constant — `100`. The actual number of built-in SVGs in `defaultAvatars/`.
+
+### Exported types
+
+- `AvatarProps` — base Avatar props
+- `UserAvatarProps` — UserAvatar props
+- `ObjectAvatarProps` — ObjectAvatar props
+- `UserAvatarType` — the `UserAvatar` data shape (`firstName`, `lastName`, `email`, `avatar`, `avatarId`)
+- `ObjectAvatarType` — the `ObjectAvatar` data shape (`name`, `description`, `status`, `avatar`)
+- `TooltipObject` — `Omit<TooltipProps, 'children'> & { name?, email? }` (backwards-compat aliases)
+- `AvatarSize` — `'small' | 'medium' | 'large' | 'extraLarge' | undefined`
+
+## Usage patterns
+
+```tsx
+import Avatar, { UserAvatar, ObjectAvatar } from '@synerise/ds-avatar';
+import Icon, { FileM } from '@synerise/ds-icon';
+
+// Basic with initials
+<Avatar backgroundColor="blue" backgroundColorHue="600" size="medium">JD</Avatar>
+
+// With photo
+<Avatar src="https://example.com/photo.jpg" size="medium" />
+
+// With icon
+<Avatar backgroundColor="fern" size="large" iconComponent={<Icon component={<FileM />} />} />
+
+// With tooltip (backwards-compat name/email keys)
+<Avatar backgroundColor="blue" tooltip={{ name: 'John Doe', email: 'jd@example.com' }}>JD</Avatar>
+
+// UserAvatar — auto-initials and auto-tooltip
+<UserAvatar
+  user={{ firstName: 'John', lastName: 'Doe', email: 'jd@example.com' }}
+  size="medium"
+/>
+
+// UserAvatar with default SVG avatar
+<UserAvatar user={{ avatarId: 42 }} size="medium" />
+
+// UserAvatar with badge
+import Badge from '@synerise/ds-badge';
+<UserAvatar user={{ firstName: 'Jane' }} badgeStatus="active" />
+
+// ObjectAvatar
+<ObjectAvatar
+  object={{ name: 'Campaign', description: 'Email campaign', status: 'Active' }}
+  size="medium"
+/>
+
+// Disabled
+<Avatar disabled backgroundColor="grey">AB</Avatar>
+```
+
+## Tooltip API
+
+`tooltip` accepts `boolean | TooltipObject`. `TooltipObject` extends `TooltipProps` with backwards-compatible aliases:
+- `name` → aliased to `title`
+- `email` → aliased to `description`
+
+Tooltip type is auto-determined: if exactly one of `title`, `description`, `status` is set → `'default'`; multiple → `'largeSimple'`.
+
+`UserAvatar` and `ObjectAvatar` build the tooltip automatically from their data props when `tooltip` is not explicitly set.
+
+## Styling
+
+Styles in `Avatar.styles.tsx`. A DS-native `AvatarBase` renders the `ant-avatar` root + `ant-avatar-string`/`<img>` child (with `ds-avatar-*` class hooks added alongside the `ant-*` ones during the antd-removal interim); the `StyledAvatar` styled-component applies all visual styling via props and styled sub-component references (`${AvatarString}`) — no `.ant-*` class selectors, except the cross-component `& ~ .ant-badge-dot` sibling (the dot is owned by ds-badge). Key styles:
+
+- Dimensions per size set directly in CSS: `small` 24, `medium` 40, `large` 84, `extraLarge` 120 px
+- Background applied via `theme.palette[${backgroundColor}-${backgroundColorHue}]` — requires both to be valid token fragments
+- Badge dot (`ds-badge-dot`) is hidden by default; shown when `hasStatus=true` with size/shape-specific positioning from `BADGE_POSITION` map
+- Hover/active darken overlay via `::before` pseudo-element — only applied when `onClick` or `hasTooltip` is truthy
+- Font sizes per size via `MACRO_MAPPING` (xsAvatar, small, xlAvatar macros from ds-typography)
+
+## Key dependencies
+
+- `@synerise/ds-badge` — wraps avatar when `badgeStatus` is set in UserAvatar / ObjectAvatar
+- `@synerise/ds-tooltip` — always rendered as wrapper; skipped visually when no tooltip content
+- `@synerise/ds-status` — used in ObjectAvatar default tooltip for `object.status`
+- `@synerise/ds-utils` (`useOnClickOutside`, `selectColorByLetter`) — `selectColorByLetter` drives auto-color from initials
+- `@svgr/core` (devDep) — SVGs in `build/svg/` are compiled to React components via `build:svgr`
+
+## Implementation notes
+
+- `src=""` (empty string) is explicitly converted to `undefined` to prevent showing a broken image.
+- `backgroundColor` is a string passed directly into `theme.palette[…]` key lookup — invalid color+hue combos silently produce `undefined` background.
+- The 100 default SVG components in `defaultAvatars/` are **auto-generated** by `build:svgr` — do not edit them manually; regenerate via `pnpm run build:svgr`.
+- `getDefaultAvatarIndex` uses a simple djb2-style hash on the string form of `avatarId` — the same `avatarId` always maps to the same avatar across all environments.
+- `getColorByText` supports a `'color-hue'` dash-separated string shorthand for `backgroundColor` (e.g. `'grey-800'`) — this bypasses the separate `backgroundColorHue` prop entirely.
+- When `badgeStatus` is used in `UserAvatar`/`ObjectAvatar`, the `style` prop is applied to a wrapping `<span>` instead of the avatar, to avoid breaking the badge positioning.
+- `hasStatus` on the base `Avatar` only controls CSS visibility of the `ds-badge-dot` — the actual `Badge` component must be provided by the parent (UserAvatar/ObjectAvatar handle this internally).

package/dist/defaultAvatars/index.d.ts

@@ -1,103 +1,103 @@
 import { ComponentType } from 'react';
-export { default as Icon0001 } from './Icon0001';
-export { default as Icon0003 } from './Icon0003';
 export { default as Icon0004 } from './Icon0004';
 export { default as Icon0007 } from './Icon0007';
 export { default as Icon0011 } from './Icon0011';
 export { default as Icon0012 } from './Icon0012';
-export { default as Icon0015 } from './Icon0015';
+export { default as Icon0014 } from './Icon0014';
 export { default as Icon0022 } from './Icon0022';
+export { default as Icon0024 } from './Icon0024';
+export { default as Icon0001 } from './Icon0001';
+export { default as Icon0003 } from './Icon0003';
 export { default as Icon0025 } from './Icon0025';
-export { default as Icon0014 } from './Icon0014';
-export { default as Icon0029 } from './Icon0029';
 export { default as Icon0027 } from './Icon0027';
+export { default as Icon0029 } from './Icon0029';
 export { default as Icon0030 } from './Icon0030';
-export { default as Icon0024 } from './Icon0024';
-export { default as Icon0039 } from './Icon0039';
-export { default as Icon0031 } from './Icon0031';
-export { default as Icon0032 } from './Icon0032';
+export { default as Icon0033 } from './Icon0033';
 export { default as Icon0038 } from './Icon0038';
-export { default as Icon0042 } from './Icon0042';
+export { default as Icon0031 } from './Icon0031';
 export { default as Icon0040 } from './Icon0040';
 export { default as Icon0041 } from './Icon0041';
-export { default as Icon0044 } from './Icon0044';
-export { default as Icon0049 } from './Icon0049';
-export { default as Icon0051 } from './Icon0051';
 export { default as Icon0043 } from './Icon0043';
+export { default as Icon0048 } from './Icon0048';
+export { default as Icon0049 } from './Icon0049';
+export { default as Icon0044 } from './Icon0044';
 export { default as Icon0050 } from './Icon0050';
+export { default as Icon0051 } from './Icon0051';
 export { default as Icon0053 } from './Icon0053';
-export { default as Icon0056 } from './Icon0056';
-export { default as Icon0048 } from './Icon0048';
+export { default as Icon0032 } from './Icon0032';
 export { default as Icon0054 } from './Icon0054';
 export { default as Icon0055 } from './Icon0055';
-export { default as Icon0058 } from './Icon0058';
-export { default as Icon0060 } from './Icon0060';
 export { default as Icon0061 } from './Icon0061';
+export { default as Icon0060 } from './Icon0060';
 export { default as Icon0066 } from './Icon0066';
+export { default as Icon0056 } from './Icon0056';
+export { default as Icon0058 } from './Icon0058';
 export { default as Icon0067 } from './Icon0067';
 export { default as Icon0070 } from './Icon0070';
-export { default as Icon0073 } from './Icon0073';
 export { default as Icon0071 } from './Icon0071';
+export { default as Icon0073 } from './Icon0073';
 export { default as Icon0074 } from './Icon0074';
 export { default as Icon0075 } from './Icon0075';
 export { default as Icon0076 } from './Icon0076';
+export { default as Icon0077 } from './Icon0077';
 export { default as Icon0082 } from './Icon0082';
 export { default as Icon0083 } from './Icon0083';
 export { default as Icon0084 } from './Icon0084';
 export { default as Icon0088 } from './Icon0088';
 export { default as Icon0089 } from './Icon0089';
-export { default as Icon0091 } from './Icon0091';
 export { default as Icon0090 } from './Icon0090';
+export { default as Icon0091 } from './Icon0091';
 export { default as Icon0092 } from './Icon0092';
 export { default as Icon0095 } from './Icon0095';
 export { default as Icon0098 } from './Icon0098';
 export { default as Icon0100 } from './Icon0100';
 export { default as Icon0101 } from './Icon0101';
-export { default as Icon0103 } from './Icon0103';
 export { default as Icon0102 } from './Icon0102';
 export { default as Icon0105 } from './Icon0105';
+export { default as Icon0103 } from './Icon0103';
 export { default as Icon0106 } from './Icon0106';
 export { default as Icon0107 } from './Icon0107';
-export { default as Icon0079 } from './Icon0079';
 export { default as Icon0108 } from './Icon0108';
 export { default as Icon0109 } from './Icon0109';
 export { default as Icon0110 } from './Icon0110';
-export { default as Icon0112 } from './Icon0112';
 export { default as Icon0111 } from './Icon0111';
+export { default as Icon0112 } from './Icon0112';
 export { default as Icon0114 } from './Icon0114';
 export { default as Icon0115 } from './Icon0115';
 export { default as Icon0116 } from './Icon0116';
-export { default as Icon0119 } from './Icon0119';
 export { default as Icon0118 } from './Icon0118';
-export { default as Icon0124 } from './Icon0124';
 export { default as Icon0120 } from './Icon0120';
+export { default as Icon0122 } from './Icon0122';
 export { default as Icon0123 } from './Icon0123';
+export { default as Icon0124 } from './Icon0124';
 export { default as Icon0125 } from './Icon0125';
-export { default as Icon0128 } from './Icon0128';
 export { default as Icon0126 } from './Icon0126';
-export { default as Icon0122 } from './Icon0122';
+export { default as Icon0127 } from './Icon0127';
+export { default as Icon0128 } from './Icon0128';
 export { default as Icon0129 } from './Icon0129';
 export { default as Icon0130 } from './Icon0130';
 export { default as Icon0132 } from './Icon0132';
-export { default as Icon0127 } from './Icon0127';
 export { default as Icon0133 } from './Icon0133';
+export { default as Icon0137 } from './Icon0137';
 export { default as Icon0134 } from './Icon0134';
 export { default as Icon0138 } from './Icon0138';
 export { default as Icon0139 } from './Icon0139';
 export { default as Icon0140 } from './Icon0140';
 export { default as Icon0141 } from './Icon0141';
 export { default as Icon0142 } from './Icon0142';
-export { default as Icon0144 } from './Icon0144';
 export { default as Icon0143 } from './Icon0143';
+export { default as Icon0144 } from './Icon0144';
 export { default as Icon0145 } from './Icon0145';
-export { default as Icon0137 } from './Icon0137';
 export { default as Icon0146 } from './Icon0146';
 export { default as Icon0147 } from './Icon0147';
 export { default as Icon0148 } from './Icon0148';
-export { default as Icon015 } from './Icon015';
 export { default as Icon0149 } from './Icon0149';
-export { default as Icon0077 } from './Icon0077';
+export { default as Icon015 } from './Icon015';
+export { default as Icon0015 } from './Icon0015';
+export { default as Icon0039 } from './Icon0039';
+export { default as Icon0042 } from './Icon0042';
+export { default as Icon0119 } from './Icon0119';
 export { default as Icon0078 } from './Icon0078';
-export { default as Icon0033 } from './Icon0033';
+export { default as Icon0079 } from './Icon0079';
 export declare const DEFAULT_AVATARS: ComponentType<React.SVGProps<SVGSVGElement>>[];
 export declare const TOTAL_DEFAULT_AVATARS = 100;

package/dist/defaultAvatars/index.js

@@ -1,102 +1,102 @@
-import Icon0003 from "./Icon0003.js";
 import Icon0001 from "./Icon0001.js";
+import Icon0003 from "./Icon0003.js";
 import Icon0011 from "./Icon0011.js";
 import Icon0007 from "./Icon0007.js";
-import Icon0004 from "./Icon0004.js";
 import Icon0012 from "./Icon0012.js";
-import Icon0015 from "./Icon0015.js";
 import Icon0014 from "./Icon0014.js";
+import Icon0004 from "./Icon0004.js";
+import Icon0015 from "./Icon0015.js";
 import Icon0024 from "./Icon0024.js";
-import Icon0022 from "./Icon0022.js";
-import Icon0025 from "./Icon0025.js";
-import Icon0029 from "./Icon0029.js";
 import Icon0027 from "./Icon0027.js";
-import Icon0030 from "./Icon0030.js";
 import Icon0031 from "./Icon0031.js";
-import Icon0032 from "./Icon0032.js";
 import Icon0033 from "./Icon0033.js";
+import Icon0029 from "./Icon0029.js";
+import Icon0032 from "./Icon0032.js";
+import Icon0038 from "./Icon0038.js";
 import Icon0039 from "./Icon0039.js";
+import Icon0025 from "./Icon0025.js";
+import Icon0042 from "./Icon0042.js";
 import Icon0040 from "./Icon0040.js";
-import Icon0038 from "./Icon0038.js";
-import Icon0041 from "./Icon0041.js";
+import Icon0048 from "./Icon0048.js";
 import Icon0043 from "./Icon0043.js";
-import Icon0042 from "./Icon0042.js";
 import Icon0044 from "./Icon0044.js";
-import Icon0048 from "./Icon0048.js";
-import Icon0051 from "./Icon0051.js";
+import Icon0041 from "./Icon0041.js";
+import Icon0050 from "./Icon0050.js";
 import Icon0049 from "./Icon0049.js";
+import Icon0051 from "./Icon0051.js";
+import Icon0022 from "./Icon0022.js";
 import Icon0053 from "./Icon0053.js";
-import Icon0050 from "./Icon0050.js";
-import Icon0056 from "./Icon0056.js";
-import Icon0055 from "./Icon0055.js";
-import Icon0058 from "./Icon0058.js";
 import Icon0054 from "./Icon0054.js";
+import Icon0055 from "./Icon0055.js";
 import Icon0060 from "./Icon0060.js";
-import Icon0066 from "./Icon0066.js";
-import Icon0067 from "./Icon0067.js";
-import Icon0071 from "./Icon0071.js";
 import Icon0061 from "./Icon0061.js";
+import Icon0056 from "./Icon0056.js";
+import Icon0058 from "./Icon0058.js";
+import Icon0067 from "./Icon0067.js";
 import Icon0070 from "./Icon0070.js";
-import Icon0074 from "./Icon0074.js";
+import Icon0071 from "./Icon0071.js";
+import Icon0066 from "./Icon0066.js";
 import Icon0073 from "./Icon0073.js";
-import Icon0075 from "./Icon0075.js";
-import Icon0082 from "./Icon0082.js";
+import Icon0030 from "./Icon0030.js";
 import Icon0077 from "./Icon0077.js";
-import Icon0083 from "./Icon0083.js";
+import Icon0074 from "./Icon0074.js";
+import Icon0075 from "./Icon0075.js";
+import Icon0078 from "./Icon0078.js";
 import Icon0076 from "./Icon0076.js";
+import Icon0083 from "./Icon0083.js";
 import Icon0084 from "./Icon0084.js";
-import Icon0079 from "./Icon0079.js";
-import Icon0089 from "./Icon0089.js";
-import Icon0091 from "./Icon0091.js";
-import Icon0090 from "./Icon0090.js";
 import Icon0088 from "./Icon0088.js";
-import Icon0078 from "./Icon0078.js";
-import Icon0095 from "./Icon0095.js";
+import Icon0090 from "./Icon0090.js";
+import Icon0089 from "./Icon0089.js";
+import Icon0082 from "./Icon0082.js";
 import Icon0092 from "./Icon0092.js";
-import Icon0100 from "./Icon0100.js";
+import Icon0095 from "./Icon0095.js";
+import Icon0079 from "./Icon0079.js";
 import Icon0098 from "./Icon0098.js";
+import Icon0100 from "./Icon0100.js";
+import Icon0091 from "./Icon0091.js";
 import Icon0103 from "./Icon0103.js";
-import Icon0101 from "./Icon0101.js";
 import Icon0105 from "./Icon0105.js";
+import Icon0101 from "./Icon0101.js";
 import Icon0102 from "./Icon0102.js";
 import Icon0106 from "./Icon0106.js";
+import Icon0108 from "./Icon0108.js";
+import Icon0110 from "./Icon0110.js";
 import Icon0107 from "./Icon0107.js";
 import Icon0109 from "./Icon0109.js";
-import Icon0110 from "./Icon0110.js";
-import Icon0108 from "./Icon0108.js";
-import Icon0111 from "./Icon0111.js";
 import Icon0112 from "./Icon0112.js";
 import Icon0114 from "./Icon0114.js";
-import Icon0118 from "./Icon0118.js";
+import Icon0111 from "./Icon0111.js";
 import Icon0115 from "./Icon0115.js";
 import Icon0116 from "./Icon0116.js";
 import Icon0119 from "./Icon0119.js";
-import Icon0122 from "./Icon0122.js";
 import Icon0120 from "./Icon0120.js";
+import Icon0118 from "./Icon0118.js";
 import Icon0123 from "./Icon0123.js";
-import Icon0125 from "./Icon0125.js";
-import Icon0124 from "./Icon0124.js";
 import Icon0126 from "./Icon0126.js";
+import Icon0122 from "./Icon0122.js";
 import Icon0128 from "./Icon0128.js";
-import Icon0130 from "./Icon0130.js";
+import Icon0124 from "./Icon0124.js";
 import Icon0127 from "./Icon0127.js";
+import Icon0130 from "./Icon0130.js";
 import Icon0129 from "./Icon0129.js";
+import Icon0125 from "./Icon0125.js";
 import Icon0133 from "./Icon0133.js";
+import Icon0138 from "./Icon0138.js";
+import Icon0137 from "./Icon0137.js";
 import Icon0132 from "./Icon0132.js";
+import Icon0140 from "./Icon0140.js";
 import Icon0134 from "./Icon0134.js";
-import Icon0137 from "./Icon0137.js";
 import Icon0139 from "./Icon0139.js";
-import Icon0138 from "./Icon0138.js";
-import Icon0140 from "./Icon0140.js";
 import Icon0141 from "./Icon0141.js";
-import Icon0142 from "./Icon0142.js";
 import Icon0144 from "./Icon0144.js";
-import Icon0143 from "./Icon0143.js";
+import Icon0142 from "./Icon0142.js";
 import Icon0145 from "./Icon0145.js";
 import Icon0146 from "./Icon0146.js";
+import Icon0149 from "./Icon0149.js";
 import Icon0147 from "./Icon0147.js";
+import Icon0143 from "./Icon0143.js";
 import Icon0148 from "./Icon0148.js";
-import Icon0149 from "./Icon0149.js";
 import Icon015 from "./Icon015.js";
 const DEFAULT_AVATARS = [Icon0001, Icon0003, Icon0004, Icon0007, Icon0011, Icon0012, Icon0014, Icon0015, Icon0022, Icon0024, Icon0025, Icon0027, Icon0029, Icon0030, Icon0031, Icon0032, Icon0033, Icon0038, Icon0039, Icon0040, Icon0041, Icon0042, Icon0043, Icon0044, Icon0048, Icon0049, Icon0050, Icon0051, Icon0053, Icon0054, Icon0055, Icon0056, Icon0058, Icon0060, Icon0061, Icon0066, Icon0067, Icon0070, Icon0071, Icon0073, Icon0074, Icon0075, Icon0076, Icon0077, Icon0078, Icon0079, Icon0082, Icon0083, Icon0084, Icon0088, Icon0089, Icon0090, Icon0091, Icon0092, Icon0095, Icon0098, Icon0100, Icon0101, Icon0102, Icon0103, Icon0105, Icon0106, Icon0107, Icon0108, Icon0109, Icon0110, Icon0111, Icon0112, Icon0114, Icon0115, Icon0116, Icon0118, Icon0119, Icon0120, Icon0122, Icon0123, Icon0124, Icon0125, Icon0126, Icon0127, Icon0128, Icon0129, Icon0130, Icon0132, Icon0133, Icon0134, Icon0137, Icon0138, Icon0139, Icon0140, Icon0141, Icon0142, Icon0143, Icon0144, Icon0145, Icon0146, Icon0147, Icon0148, Icon0149, Icon015];
 const TOTAL_DEFAULT_AVATARS = 100;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-avatar",
-  "version": "1.3.18",
+  "version": "1.3.19",
   "description": "Avatar UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -17,6 +17,7 @@
   "files": [
     "/dist",
     "CHANGELOG.md",
+    "CLAUDE.md",
     "README.md",
     "package.json",
     "LICENSE.md"
@@ -42,12 +43,12 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-badge": "^1.0.57",
-    "@synerise/ds-icon": "^1.18.4",
-    "@synerise/ds-status": "^1.3.31",
-    "@synerise/ds-tooltip": "^1.5.3",
-    "@synerise/ds-typography": "^1.1.26",
-    "@synerise/ds-utils": "^1.10.1"
+    "@synerise/ds-badge": "^1.0.58",
+    "@synerise/ds-icon": "^1.18.5",
+    "@synerise/ds-status": "^1.3.32",
+    "@synerise/ds-tooltip": "^1.5.4",
+    "@synerise/ds-typography": "^1.1.27",
+    "@synerise/ds-utils": "^1.10.2"
   },
   "devDependencies": {
     "@svgr/core": "^8.1.0",
@@ -62,5 +63,5 @@
     "styled-components": "^5.3.3",
     "vitest": "4"
   },
-  "gitHead": "d8c64070f58f14e3fb1bfbcbf00d1e3b8fd51eb8"
+  "gitHead": "d0a43cc43d8528a36f105aceea52ab470edb71d9"
 }