Avatar

Version 10.0.1GithubDesign assets pendingPeer review pending

An Avatar is a graphical representation of a user or entity and an Avatar Group is a collection of Avatars.

Change Log

10.0.1

Patch Changes

262c1b715 #4281 Thanks @PixeledCode! - [all packages]: add use client directive to the components and icons. This will make paste library compatible with server components

10.0.0

Major Changes

f48211e56 #4258 Thanks @PixeledCode! - [all packages]: Upgrade to React 19 and drop support for React 16. Paste only supports the three latest versions of React. If you're using Paste in a React 17, 18, or 19 app, you should be able to upgrade with full backwards compatibility. If you experience any issues, please let us know on Github.

Patch Changes

Updated dependencies [f48211e56]:
- @twilio-paste/stack@9.0.0
- @twilio-paste/box@11.0.0
- @twilio-paste/text@11.0.0
- @twilio-paste/customization@9.0.0
- @twilio-paste/icons@13.0.0
- @twilio-paste/animation-library@3.0.0
- @twilio-paste/styling-library@4.0.0
- @twilio-paste/uid-library@3.0.0
- @twilio-paste/style-props@10.0.0
- @twilio-paste/theme@12.0.0
- @twilio-paste/types@7.0.0

9.1.0

Minor Changes

b8d79200b #3442 Thanks @TheSisb! - Removed all run-time prop-type checkingfrom Paste components. Paste now ships with only TypeScript types.
ACTION NEEDED: None. This should be 100% backwards compatible.

Patch Changes

dc8deca8a #3505 Thanks @nkrantz! - [Avatar] Improved TsDoc annotations

9.0.0

Major Changes

733709127 #3395 Thanks @SiTaggart! - Modified the compile target of our JavaScript bundles from node to browser to minimize the risk of clashing with RequireJS. This is marked as a major out of an abundance of caution. You shouldn't need to do anything but we wanted you to be aware of the change on the off chance it has unintended consequences

Patch Changes

Updated dependencies [733709127]:
- @twilio-paste/uid-library@2.0.0
- @twilio-paste/color-contrast-utils@5.0.0
- @twilio-paste/stack@8.0.0
- @twilio-paste/box@10.0.0
- @twilio-paste/text@10.0.0
- @twilio-paste/customization@8.0.0
- @twilio-paste/design-tokens@10.0.0
- @twilio-paste/icons@12.0.0
- @twilio-paste/animation-library@2.0.0
- @twilio-paste/styling-library@3.0.0
- @twilio-paste/style-props@9.0.0
- @twilio-paste/theme@11.0.0
- @twilio-paste/types@6.0.0

8.1.1

Patch Changes

4d1f7c65e #3360 Thanks @SiTaggart! - Improved types where Paste extends the base HTML element that a component is based on, so that the existing blocked styling properties are not exposed as valid properties for the component via Typescript. This leads to less confusion around what is supported by a Paste component.
Existing blocked component properties include:
- className
- style
- color

93851962d #3349 Thanks @SiTaggart! - [Avatar]: set transparent background color for image based avatars so that transparent images are displayed as such. Also fix setting the size of icon and image avatars when placed in a group

8.1.0

Minor Changes

d0ea87541 #3218 Thanks @nkrantz! - [Avatar] Add Avatar Group component

5958ffb5b #3230 Thanks @SiTaggart! - [Avatar] Export types for use in the Topbar package

8.0.0

Major Changes

3ab2bb6f4 #3114 Thanks @SiTaggart! - ### Breaking change
We have moved @types/react and @types/react-dom to peer dependencies of the library. This should allow for greater control and backwards compatibility with older versions of React as Paste is no longer bundling the type libraries.
Your application likely has both of these as dependencies anyway, but it is now up to you to manage that version number.
Action needed
Ensure @types/react and @types/react-dom are installed as dependencies of your application.

Patch Changes

Updated dependencies [1d75f223e, 50cde4668, bce889344, 3ab2bb6f4, 3ab2bb6f4]:
- @twilio-paste/icons@11.0.0
- @twilio-paste/theme@10.0.0
- @twilio-paste/box@9.0.0
- @twilio-paste/text@9.0.0
- @twilio-paste/customization@7.0.0
- @twilio-paste/style-props@8.0.0
- @twilio-paste/types@5.0.0

7.0.0

Major Changes

3c89fd83d #2965 Thanks @Niznikr! - Add support for React 18

d97098846 #3020 Thanks @SiTaggart! - This major version included listing all the missing peer dependencies for each Paste package.
If you are using a package from Paste in isolation from Core, when upgrading to this latest version, be sure to correctly install all the missing peer dependencies.

Patch Changes

ef094db4a #3021 Thanks @shleewhite! - [Avatar] Update styles to align with new Paste Twilio theme
Updated dependencies [dbd9bf992, 3c89fd83d, d97098846, 0acdf3486, ef094db4a, 0acdf3486]:
- @twilio-paste/design-tokens@9.0.0
- @twilio-paste/box@8.0.0
- @twilio-paste/text@8.0.0
- @twilio-paste/customization@6.0.0
- @twilio-paste/icons@10.0.0
- @twilio-paste/animation-library@1.0.0
- @twilio-paste/styling-library@2.0.0
- @twilio-paste/uid-library@1.0.0
- @twilio-paste/style-props@7.0.0
- @twilio-paste/theme@9.0.0
- @twilio-paste/types@4.0.0
- @twilio-paste/color-contrast-utils@4.0.0

6.1.3

Patch Changes

804fb9316 #2895 Thanks @Niznikr! - Update packages to be ESM-compatible

6.1.2

Patch Changes

a4c9e70b0 #2763 Thanks @shleewhite! - Update ESLint rules, which changed some formatting.

6.1.1

Patch Changes

114e80db7 #2693 Thanks @shleewhite! - [Avatar] add flexShrink 0 so it stays the correct size in a flex layout

b5c19e60e #2685 Thanks @nkrantz! - [Avatar] Prevent underlines from being added to Avatar initials inside of anchors or display pills

6.1.0

Minor Changes

0ead4dfa0 #2681 Thanks @shleewhite! - [Avatar] add new variant and color props

6.0.0

Patch Changes

Updated dependencies [12c4ba22a, 364083627, 364083627, 364083627, 364083627]:
- @twilio-paste/box@7.0.0
- @twilio-paste/style-props@6.0.0
- @twilio-paste/design-tokens@8.0.0
- @twilio-paste/theme@8.0.0
- @twilio-paste/text@7.0.0
- @twilio-paste/icons@9.0.0

5.0.1

Patch Changes

8263d8a3 #2452 Thanks @shleewhite! - [Avatar] allow both src and icon props at the same

ae9dd50f #2466 Thanks @TheSisb! - [All packages] Update our ESBuild version and remove minification of identifiers in our production builds.

3bfd6394 #2456 Thanks @shleewhite! - [Avatar] simplify logic for when to show image or icon

5.0.0

Patch Changes

Updated dependencies [09762f0f, 09762f0f, 09762f0f1, 09762f0f1]:
- @twilio-paste/text@6.0.0
- @twilio-paste/box@6.0.0
- @twilio-paste/styling-library@1.0.0
- @twilio-paste/theme@7.0.0
- @twilio-paste/icons@8.0.0
- @twilio-paste/style-props@5.0.0

4.0.0

Patch Changes

10178f39 #2363 Thanks @shleewhite! - [Avatar] update icon prop to work with forwardRef icons
Updated dependencies [10178f39d]:
- @twilio-paste/icons@7.0.0

3.0.2

Patch Changes

73c596919 #2269 Thanks @SiTaggart! - Fixed a regression with the compilation script that caused incompatible ESM module importing of JSON files.

3.0.1

Patch Changes

c867e3f48 #2237 Thanks @SiTaggart! - Updated a build dependency (esbuild) which changes the output of our builds slightly, without materially changing anything about the code.

3.0.0

Patch Changes

Updated dependencies [0a52eeee, 39ab32c2, 0a52eeee, 04de0d1d, 04de0d1d, 04de0d1d]:
- @twilio-paste/design-tokens@7.0.0
- @twilio-paste/icons@6.0.0
- @twilio-paste/theme@6.0.0
- @twilio-paste/style-props@4.0.0
- @twilio-paste/box@5.0.0
- @twilio-paste/text@5.0.0

2.2.1

Patch Changes

b7675915 #1985 Thanks @TheSisb! - For debugging purposes we now ship a filename.debug.js unminified version of each component or library in Paste.

ed5c0a49c #1965 Thanks @shleewhite! - Upgrade Paste to use React 17 by default, but maintain React 16 support for consumers.

2.2.0

Minor Changes

d14381b9 #1742 Thanks @gloriliale! - [Avatar] Enable Avatar to respect customizations set on the customization provider. Avatar now enables setting an element name on the underlying HTML element and checks the emotion theme object to determine whether it should merge in custom styles to the ones set by the component author.

2.1.1

Patch Changes

64edb7fc #1367 Thanks @nkrantz! - Restricted Avatar propTypes so that users cannot add both src and icon props to Avatar, only one or the other.

fd8cbb89 #1345 Thanks @gloriliale! - Avatar: fixed size prop to make it optional and have a default of icon-size-70.

2.1.0

Minor Changes

3419ff64 #1281 Thanks @nkrantz! - Created an 'icon' prop on Avatar so that users can display Paste icons inside of Avatar components.

Patch Changes

0eded1fd #1319 Thanks @SiTaggart! - Change internal dependencies to have minor range matching on version numbers

2.0.2

Patch Changes

Updated dependencies [514bd5aa]:
- @twilio-paste/theme@5.0.1
- @twilio-paste/box@4.0.2
- @twilio-paste/text@4.0.1
- @twilio-paste/style-props@3.0.1

2.0.1

Patch Changes

Updated dependencies [509eba7a]:
- @twilio-paste/box@4.0.1

2.0.0

Patch Changes

Updated dependencies [4c9ed5ca, 26c828d8]:
- @twilio-paste/design-tokens@6.6.0
- @twilio-paste/theme@5.0.0
- @twilio-paste/box@4.0.0
- @twilio-paste/text@4.0.0
- @twilio-paste/style-props@3.0.0

1.0.1

Patch Changes

Updated dependencies [944c3407]:
- @twilio-paste/design-tokens@6.5.2
- @twilio-paste/box@3.0.1
- @twilio-paste/text@3.0.1
- @twilio-paste/style-props@2.0.1
- @twilio-paste/theme@4.3.1

1.0.0

Patch Changes

Updated dependencies [f1675586]:
- @twilio-paste/theme@4.3.0
- @twilio-paste/box@3.0.0
- @twilio-paste/text@3.0.0
- @twilio-paste/style-props@2.0.0

0.4.2

Patch Changes

a12acb61 #1158 Thanks @richbachman! - Pinned all twilio-paste package versions in order to keep them in sync with core when they are updated by changesets.
Updated dependencies [a12acb61, a12acb61, a12acb61, a12acb61]:
- @twilio-paste/theme@4.2.2
- @twilio-paste/style-props@1.9.2
- @twilio-paste/box@2.13.2
- @twilio-paste/text@2.5.2

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

0.4.1 (2021-01-25)

Note: Version bump only for package @twilio-paste/avatar

0.4.0 (2021-01-21)

Features

ESBuild for builds (#1084) (0536460)

0.3.3 (2021-01-15)

Note: Version bump only for package @twilio-paste/avatar

0.3.2 (2021-01-07)

Note: Version bump only for package @twilio-paste/avatar

0.3.1 (2020-12-17)

Note: Version bump only for package @twilio-paste/avatar

0.3.0 (2020-12-17)

Bug Fixes

avatar: add forwardRef (f6f72f1)

BREAKING CHANGES

avatar: component is now using fowardRef

0.2.29 (2020-12-15)

Note: Version bump only for package @twilio-paste/avatar

0.2.28 (2020-12-11)

Note: Version bump only for package @twilio-paste/avatar

0.2.27 (2020-12-11)

Note: Version bump only for package @twilio-paste/avatar

0.2.26 (2020-12-09)

Note: Version bump only for package @twilio-paste/avatar

0.2.25 (2020-12-02)

Note: Version bump only for package @twilio-paste/avatar

0.2.24 (2020-11-11)

Note: Version bump only for package @twilio-paste/avatar

0.2.23 (2020-11-06)

Note: Version bump only for package @twilio-paste/avatar

0.2.22 (2020-11-05)

Note: Version bump only for package @twilio-paste/avatar

0.2.21 (2020-10-23)

Note: Version bump only for package @twilio-paste/avatar

0.2.20 (2020-10-15)

Note: Version bump only for package @twilio-paste/avatar

0.2.19 (2020-10-13)

Note: Version bump only for package @twilio-paste/avatar

0.2.18 (2020-10-07)

Note: Version bump only for package @twilio-paste/avatar

0.2.17 (2020-10-07)

Note: Version bump only for package @twilio-paste/avatar

0.2.16 (2020-10-07)

Note: Version bump only for package @twilio-paste/avatar

0.2.15 (2020-10-07)

Note: Version bump only for package @twilio-paste/avatar

0.2.14 (2020-09-22)

Note: Version bump only for package @twilio-paste/avatar

0.2.13 (2020-09-21)

Note: Version bump only for package @twilio-paste/avatar

0.2.12 (2020-09-15)

Note: Version bump only for package @twilio-paste/avatar

0.2.11 (2020-09-15)

Note: Version bump only for package @twilio-paste/avatar

0.2.10 (2020-09-08)

Note: Version bump only for package @twilio-paste/avatar

0.2.9 (2020-09-08)

Note: Version bump only for package @twilio-paste/avatar

0.2.8 (2020-09-03)

Note: Version bump only for package @twilio-paste/avatar

0.2.7 (2020-08-31)

Note: Version bump only for package @twilio-paste/avatar

0.2.6 (2020-08-31)

Note: Version bump only for package @twilio-paste/avatar

0.2.5 (2020-08-31)

Note: Version bump only for package @twilio-paste/avatar

0.2.4 (2020-08-24)

Note: Version bump only for package @twilio-paste/avatar

0.2.3 (2020-08-19)

Note: Version bump only for package @twilio-paste/avatar

0.2.2 (2020-08-12)

Note: Version bump only for package @twilio-paste/avatar

0.2.1 (2020-08-12)

Note: Version bump only for package @twilio-paste/avatar

0.2.0 (2020-08-11)

Features

avatar: change background and font weight for initials (bf97215)

0.1.7 (2020-08-06)

Note: Version bump only for package @twilio-paste/avatar

0.1.6 (2020-08-04)

Note: Version bump only for package @twilio-paste/avatar

0.1.5 (2020-08-04)

Note: Version bump only for package @twilio-paste/avatar

0.1.4 (2020-07-31)

Note: Version bump only for package @twilio-paste/avatar

0.1.3 (2020-07-30)

Note: Version bump only for package @twilio-paste/avatar

0.1.2 (2020-07-29)

Note: Version bump only for package @twilio-paste/avatar

0.1.1 (2020-07-22)

Note: Version bump only for package @twilio-paste/avatar

0.1.0 (2020-07-15)

Features

avatar: alpha component build (b2f6570)