@atlaskit/avatar 21.9.0 → 21.9.1

package/codemods/18.0.0-lite-mode.ts

@@ -1,7 +1,8 @@
 // eslint-disable-next-line @repo/internal/fs/filename-pattern-match
-import core, {
+import type {
   API,
   ASTPath,
+  default as core,
   FileInfo,
   ImportDeclaration,
   ImportSpecifier,

package/codemods/19.0.0-render-props.ts

@@ -1,7 +1,8 @@
 // eslint-disable-next-line @repo/internal/fs/filename-pattern-match
-import core, {
+import type {
   API,
   ASTPath,
+  default as core,
   FileInfo,
   ImportDeclaration,
   ImportSpecifier,

package/dist/cjs/Avatar.js

@@ -24,7 +24,7 @@ var _templateObject;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/avatar";
-var packageVersion = "21.9.0";
+var packageVersion = "21.9.1";
 
 // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
 
@@ -150,8 +150,11 @@ var Avatar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
     role: containerShouldBeImage ? 'img' : undefined,
     "aria-labelledby": containerShouldBeImage ? "".concat(uuid, "-label") : undefined,
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       display: 'inline-block',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       position: 'relative',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       outline: 0,
       zIndex: stackIndex
     }

package/dist/cjs/AvatarImage.js

@@ -88,6 +88,7 @@ var AvatarImage = function AvatarImage(_ref3) {
     "data-testid": testId && "".concat(testId, "--image"),
     css: avatarImageStyles,
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       borderRadius: borderRadius
     },
     onError: function onError() {

package/dist/cjs/Presence.js

@@ -94,7 +94,9 @@ var PresenceWrapper = exports.PresenceWrapper = function PresenceWrapper(_ref2)
     "aria-hidden": "true",
     "data-testid": testId && "".concat(testId, "--presence"),
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       pointerEvents: 'none',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       position: 'absolute',
       bottom: "".concat(position, "px"),
       height: "".concat(_constants.ICON_SIZES[size], "px"),

package/dist/cjs/Skeleton.js

@@ -60,7 +60,9 @@ var Skeleton = function Skeleton(_ref5) {
     color = _ref5.color,
     weight = _ref5.weight;
   return (0, _react.jsx)("div", {
-    css: [skeletonStyles, sizeStyles[size !== null && size !== void 0 ? size : 'medium'], appearance === 'square' ? radiusStyles[size !== null && size !== void 0 ? size : 'medium'] : defaultRadiusStyles, weight === 'strong' ? strongOpacityStyles : defaultOpacityStyles],
+    css: [skeletonStyles, sizeStyles[size !== null && size !== void 0 ? size : 'medium'], appearance === 'square' ? radiusStyles[size !== null && size !== void 0 ? size : 'medium'] : defaultRadiusStyles, weight === 'strong' ? strongOpacityStyles : defaultOpacityStyles]
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: (0, _defineProperty2.default)({}, _constants.CSS_VAR_AVATAR_BGCOLOR, color !== null && color !== void 0 ? color : 'currentColor')
   });
 };

package/dist/cjs/Status.js

@@ -92,6 +92,7 @@ var StatusWrapper = exports.StatusWrapper = function StatusWrapper(_ref2) {
     "aria-hidden": "true",
     "data-testid": testId && "".concat(testId, "--status"),
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       position: 'absolute',
       height: "".concat(_constants.ICON_SIZES[size], "px"),
       right: "".concat(position, "px"),

package/dist/es2019/Avatar.js

@@ -12,7 +12,7 @@ import { PresenceWrapper } from './Presence';
 import { StatusWrapper } from './Status';
 import { getButtonProps, getCustomElement, getLinkProps } from './utilities';
 const packageName = "@atlaskit/avatar";
-const packageVersion = "21.9.0";
+const packageVersion = "21.9.1";
 
 // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
 
@@ -226,8 +226,11 @@ const Avatar = /*#__PURE__*/forwardRef(({
     role: containerShouldBeImage ? 'img' : undefined,
     "aria-labelledby": containerShouldBeImage ? `${uuid}-label` : undefined,
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       display: 'inline-block',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       position: 'relative',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       outline: 0,
       zIndex: stackIndex
     }

package/dist/es2019/AvatarImage.js

@@ -76,6 +76,7 @@ const AvatarImage = ({
     "data-testid": testId && `${testId}--image`,
     css: avatarImageStyles,
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       borderRadius: borderRadius
     },
     onError: () => setHasImageErrored(true),

package/dist/es2019/Presence.js

@@ -83,7 +83,9 @@ export const PresenceWrapper = ({
     "aria-hidden": "true",
     "data-testid": testId && `${testId}--presence`,
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       pointerEvents: 'none',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       position: 'absolute',
       bottom: `${position}px`,
       height: `${ICON_SIZES[size]}px`,

package/dist/es2019/Skeleton.js

@@ -52,7 +52,9 @@ const Skeleton = ({
   color,
   weight
 }) => jsx("div", {
-  css: [skeletonStyles, sizeStyles[size !== null && size !== void 0 ? size : 'medium'], appearance === 'square' ? radiusStyles[size !== null && size !== void 0 ? size : 'medium'] : defaultRadiusStyles, weight === 'strong' ? strongOpacityStyles : defaultOpacityStyles],
+  css: [skeletonStyles, sizeStyles[size !== null && size !== void 0 ? size : 'medium'], appearance === 'square' ? radiusStyles[size !== null && size !== void 0 ? size : 'medium'] : defaultRadiusStyles, weight === 'strong' ? strongOpacityStyles : defaultOpacityStyles]
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+  ,
   style: {
     [CSS_VAR_AVATAR_BGCOLOR]: color !== null && color !== void 0 ? color : 'currentColor'
   }

package/dist/es2019/Status.js

@@ -81,6 +81,7 @@ export const StatusWrapper = ({
     "aria-hidden": "true",
     "data-testid": testId && `${testId}--status`,
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       position: 'absolute',
       height: `${ICON_SIZES[size]}px`,
       right: `${position}px`,

package/dist/esm/Avatar.js

@@ -17,7 +17,7 @@ import { PresenceWrapper } from './Presence';
 import { StatusWrapper } from './Status';
 import { getButtonProps, getCustomElement, getLinkProps } from './utilities';
 var packageName = "@atlaskit/avatar";
-var packageVersion = "21.9.0";
+var packageVersion = "21.9.1";
 
 // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
 
@@ -143,8 +143,11 @@ var Avatar = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     role: containerShouldBeImage ? 'img' : undefined,
     "aria-labelledby": containerShouldBeImage ? "".concat(uuid, "-label") : undefined,
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       display: 'inline-block',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       position: 'relative',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       outline: 0,
       zIndex: stackIndex
     }

package/dist/esm/AvatarImage.js

@@ -83,6 +83,7 @@ var AvatarImage = function AvatarImage(_ref3) {
     "data-testid": testId && "".concat(testId, "--image"),
     css: avatarImageStyles,
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       borderRadius: borderRadius
     },
     onError: function onError() {

package/dist/esm/Presence.js

@@ -83,7 +83,9 @@ export var PresenceWrapper = function PresenceWrapper(_ref2) {
     "aria-hidden": "true",
     "data-testid": testId && "".concat(testId, "--presence"),
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       pointerEvents: 'none',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       position: 'absolute',
       bottom: "".concat(position, "px"),
       height: "".concat(ICON_SIZES[size], "px"),

package/dist/esm/Skeleton.js

@@ -56,7 +56,9 @@ var Skeleton = function Skeleton(_ref5) {
     color = _ref5.color,
     weight = _ref5.weight;
   return jsx("div", {
-    css: [skeletonStyles, sizeStyles[size !== null && size !== void 0 ? size : 'medium'], appearance === 'square' ? radiusStyles[size !== null && size !== void 0 ? size : 'medium'] : defaultRadiusStyles, weight === 'strong' ? strongOpacityStyles : defaultOpacityStyles],
+    css: [skeletonStyles, sizeStyles[size !== null && size !== void 0 ? size : 'medium'], appearance === 'square' ? radiusStyles[size !== null && size !== void 0 ? size : 'medium'] : defaultRadiusStyles, weight === 'strong' ? strongOpacityStyles : defaultOpacityStyles]
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: _defineProperty({}, CSS_VAR_AVATAR_BGCOLOR, color !== null && color !== void 0 ? color : 'currentColor')
   });
 };

package/dist/esm/Status.js

@@ -81,6 +81,7 @@ export var StatusWrapper = function StatusWrapper(_ref2) {
     "aria-hidden": "true",
     "data-testid": testId && "".concat(testId, "--status"),
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       position: 'absolute',
       height: "".concat(ICON_SIZES[size], "px"),
       right: "".concat(position, "px"),

package/dist/types/AvatarImage.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
-import { FC } from 'react';
-import { AppearanceType, SizeType } from './types';
+import { type FC } from 'react';
+import { type AppearanceType, type SizeType } from './types';
 interface AvatarImageProps {
     appearance: AppearanceType;
     size: SizeType;

package/dist/types/IconWrapper.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { FC, ReactNode } from 'react';
+import { type FC, type ReactNode } from 'react';
 interface IconWrapperProps {
     bgColor?: string;
     children?: ReactNode;

package/dist/types/Presence.d.ts

@@ -1,5 +1,5 @@
-import { FC, ReactNode } from 'react';
-import { AppearanceType, IndicatorSizeType, Presence } from './types';
+import { type FC, type ReactNode } from 'react';
+import { type AppearanceType, type IndicatorSizeType, type Presence } from './types';
 export interface PresenceProps {
     /**
      * Used to override the default border color of the presence indicator.

package/dist/types/Skeleton.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
-import { FC } from 'react';
-import { AppearanceType, SizeType } from './types';
+import { type FC } from 'react';
+import { type AppearanceType, type SizeType } from './types';
 export interface SkeletonProps {
     /**
      * Indicates the shape of the avatar skeleton. Most avatars are circular, but square avatars can be used for container objects.

package/dist/types/Status.d.ts

@@ -1,5 +1,5 @@
-import { FC, ReactNode } from 'react';
-import { AppearanceType, IndicatorSizeType, Status } from './types';
+import { type FC, type ReactNode } from 'react';
+import { type AppearanceType, type IndicatorSizeType, type Status } from './types';
 export interface StatusProps {
     /**
      * Override the default border color of the status indicator. This accepts

package/dist/types/constants.d.ts

@@ -1,4 +1,4 @@
-import { AvatarSizeMap, IndicatorSizeType } from './types';
+import { type AvatarSizeMap, type IndicatorSizeType } from './types';
 export declare const AVATAR_SIZES: AvatarSizeMap;
 export declare const AVATAR_RADIUS: AvatarSizeMap;
 export declare const BORDER_WIDTH = 2;

package/dist/types/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 export type AvatarSizeMap = Record<SizeType, number>;
 export type AppearanceType = 'circle' | 'square';
 export type SizeType = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';

package/dist/types/utilities.d.ts

@@ -1,4 +1,4 @@
-import { MouseEventHandler } from 'react';
+import { type MouseEventHandler } from 'react';
 export declare const getLinkProps: (href: string, target?: string) => {
     href: string;
     rel: string | null;

package/dist/types-ts4.5/AvatarImage.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
-import { FC } from 'react';
-import { AppearanceType, SizeType } from './types';
+import { type FC } from 'react';
+import { type AppearanceType, type SizeType } from './types';
 interface AvatarImageProps {
     appearance: AppearanceType;
     size: SizeType;

package/dist/types-ts4.5/IconWrapper.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { FC, ReactNode } from 'react';
+import { type FC, type ReactNode } from 'react';
 interface IconWrapperProps {
     bgColor?: string;
     children?: ReactNode;

package/dist/types-ts4.5/Presence.d.ts

@@ -1,5 +1,5 @@
-import { FC, ReactNode } from 'react';
-import { AppearanceType, IndicatorSizeType, Presence } from './types';
+import { type FC, type ReactNode } from 'react';
+import { type AppearanceType, type IndicatorSizeType, type Presence } from './types';
 export interface PresenceProps {
     /**
      * Used to override the default border color of the presence indicator.

package/dist/types-ts4.5/Skeleton.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
-import { FC } from 'react';
-import { AppearanceType, SizeType } from './types';
+import { type FC } from 'react';
+import { type AppearanceType, type SizeType } from './types';
 export interface SkeletonProps {
     /**
      * Indicates the shape of the avatar skeleton. Most avatars are circular, but square avatars can be used for container objects.

package/dist/types-ts4.5/Status.d.ts

@@ -1,5 +1,5 @@
-import { FC, ReactNode } from 'react';
-import { AppearanceType, IndicatorSizeType, Status } from './types';
+import { type FC, type ReactNode } from 'react';
+import { type AppearanceType, type IndicatorSizeType, type Status } from './types';
 export interface StatusProps {
     /**
      * Override the default border color of the status indicator. This accepts

package/dist/types-ts4.5/constants.d.ts

@@ -1,4 +1,4 @@
-import { AvatarSizeMap, IndicatorSizeType } from './types';
+import { type AvatarSizeMap, type IndicatorSizeType } from './types';
 export declare const AVATAR_SIZES: AvatarSizeMap;
 export declare const AVATAR_RADIUS: AvatarSizeMap;
 export declare const BORDER_WIDTH = 2;

package/dist/types-ts4.5/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 export type AvatarSizeMap = Record<SizeType, number>;
 export type AppearanceType = 'circle' | 'square';
 export type SizeType = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';

package/dist/types-ts4.5/utilities.d.ts

@@ -1,4 +1,4 @@
-import { MouseEventHandler } from 'react';
+import { type MouseEventHandler } from 'react';
 export declare const getLinkProps: (href: string, target?: string) => {
     href: string;
     rel: string | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/avatar",
-  "version": "21.9.0",
+  "version": "21.9.1",
   "description": "An avatar is a visual representation of a user or entity.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -47,8 +47,8 @@
     "@atlaskit/analytics-next": "^9.3.0",
     "@atlaskit/icon": "^22.3.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/primitives": "^6.1.0",
-    "@atlaskit/theme": "^12.8.0",
+    "@atlaskit/primitives": "^7.0.0",
+    "@atlaskit/theme": "^12.9.0",
     "@atlaskit/tokens": "^1.49.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -66,7 +66,6 @@
     "@atlaskit/textfield": "^6.3.0",
     "@atlaskit/tooltip": "^18.4.0",
     "@atlaskit/visual-regression": "*",
-    "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@emotion/styled": "^11.0.0",
     "@testing-library/react": "^12.1.5",
     "@types/jscodeshift": "^0.11.0",
@@ -103,7 +102,6 @@
     }
   },
   "homepage": "https://atlassian.design/components/avatar/",
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
   "platform-feature-flags": {
     "platform.design-system-team.avatar-item-font-size_830x6": {
       "type": "boolean"