@atlaskit/avatar 25.15.0 → 26.0.0

package/dist/cjs/avatar.js

@@ -21,12 +21,13 @@ var _ensureIsInsideAvatarContext = require("./internal/ensure-is-inside-avatar-c
 var _getCustomElement = _interopRequireDefault(require("./internal/get-custom-element"));
 var _presenceWrapper = _interopRequireDefault(require("./internal/presence-wrapper"));
 var _statusWrapper = _interopRequireDefault(require("./internal/status-wrapper"));
+var _sizeUtils = require("./size-utils");
 var _useAvatarContext = require("./use-avatar-context");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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 = "0.0.0-development";
+var packageVersion = "25.15.1";
 var containerStyles = null;
 
 // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
@@ -69,7 +70,10 @@ var Avatar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var context = (0, _useAvatarContext.useAvatarContext)();
-  var size = sizeProp || (context === null || context === void 0 ? void 0 : context.size) || 'medium';
+  var size = (0, _sizeUtils.getAvatarSize)({
+    appearance: appearance,
+    size: sizeProp || (context === null || context === void 0 ? void 0 : context.size) || 'medium'
+  });
   var customPresenceNode = /*#__PURE__*/(0, _react.isValidElement)(presence) ? presence : null;
   var customStatusNode = /*#__PURE__*/(0, _react.isValidElement)(status) ? status : null;
   var isValidIconSize = size !== 'xxlarge' && size !== 'xsmall';

package/dist/cjs/size-utils.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAvatarSize = exports.SQUARE_AVATAR_MAX_SIZE_FF = void 0;
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var SQUARE_AVATAR_MAX_SIZE_FF = exports.SQUARE_AVATAR_MAX_SIZE_FF = 'platform_square_avatar_remove_xlarge_xxlarge_sizes';
+var getAvatarSize = exports.getAvatarSize = function getAvatarSize(_ref) {
+  var appearance = _ref.appearance,
+    size = _ref.size;
+  if (appearance === 'square' && (size === 'xlarge' || size === 'xxlarge') && (0, _platformFeatureFlags.fg)('platform_square_avatar_remove_xlarge_xxlarge_sizes')) {
+    return 'large';
+  }
+  return size;
+};

package/dist/cjs/skeleton.js

@@ -11,6 +11,7 @@ require("./skeleton.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _sizeUtils = require("./size-utils");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var bgColorCssVar = '--avatar-skeleton-background-color';
 var styles = {
@@ -38,12 +39,17 @@ var sizeStyles = {
  */
 var Skeleton = function Skeleton(_ref) {
   var size = _ref.size,
-    appearance = _ref.appearance,
+    _ref$appearance = _ref.appearance,
+    appearance = _ref$appearance === void 0 ? 'circle' : _ref$appearance,
     color = _ref.color,
     weight = _ref.weight;
+  var avatarSize = (0, _sizeUtils.getAvatarSize)({
+    appearance: appearance,
+    size: size !== null && size !== void 0 ? size : 'medium'
+  });
   return /*#__PURE__*/React.createElement("div", {
     style: (0, _defineProperty2.default)({}, bgColorCssVar, color !== null && color !== void 0 ? color : 'currentColor'),
-    className: (0, _runtime.ax)([styles.root, sizeStyles[size !== null && size !== void 0 ? size : 'medium'], appearance === 'square' && styles.square, appearance === 'hexagon' && styles.hexagon, weight === 'strong' && styles.strongOpacity])
+    className: (0, _runtime.ax)([styles.root, sizeStyles[avatarSize], appearance === 'square' && styles.square, appearance === 'hexagon' && styles.hexagon, weight === 'strong' && styles.strongOpacity])
   });
 };
 var _default = exports.default = Skeleton;

package/dist/es2019/avatar.js

@@ -12,9 +12,10 @@ import { EnsureIsInsideAvatarContext } from './internal/ensure-is-inside-avatar-
 import getCustomElement from './internal/get-custom-element';
 import PresenceWrapper from './internal/presence-wrapper';
 import StatusWrapper from './internal/status-wrapper';
+import { getAvatarSize } from './size-utils';
 import { useAvatarContext } from './use-avatar-context';
 const packageName = "@atlaskit/avatar";
-const packageVersion = "0.0.0-development";
+const packageVersion = "25.15.1";
 const containerStyles = null;
 
 // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
@@ -56,7 +57,10 @@ const Avatar = /*#__PURE__*/forwardRef(({
     createAnalyticsEvent
   } = useAnalyticsEvents();
   const context = useAvatarContext();
-  const size = sizeProp || (context === null || context === void 0 ? void 0 : context.size) || 'medium';
+  const size = getAvatarSize({
+    appearance,
+    size: sizeProp || (context === null || context === void 0 ? void 0 : context.size) || 'medium'
+  });
   const customPresenceNode = /*#__PURE__*/isValidElement(presence) ? presence : null;
   const customStatusNode = /*#__PURE__*/isValidElement(status) ? status : null;
   const isValidIconSize = size !== 'xxlarge' && size !== 'xsmall';

package/dist/es2019/size-utils.js

@@ -0,0 +1,11 @@
+import { fg } from '@atlaskit/platform-feature-flags';
+export const SQUARE_AVATAR_MAX_SIZE_FF = 'platform_square_avatar_remove_xlarge_xxlarge_sizes';
+export const getAvatarSize = ({
+  appearance,
+  size
+}) => {
+  if (appearance === 'square' && (size === 'xlarge' || size === 'xxlarge') && fg('platform_square_avatar_remove_xlarge_xxlarge_sizes')) {
+    return 'large';
+  }
+  return size;
+};

package/dist/es2019/skeleton.js

@@ -2,6 +2,7 @@
 import "./skeleton.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { getAvatarSize } from './size-utils';
 const bgColorCssVar = '--avatar-skeleton-background-color';
 const styles = {
   root: "_2rko1qll _189e1dm9 _1dqonqa1 _1h6d1j28 _1e0c1o8l _bfhk1r8p _tzy4nh7s",
@@ -28,13 +29,19 @@ const sizeStyles = {
  */
 const Skeleton = ({
   size,
-  appearance,
+  appearance = 'circle',
   color,
   weight
-}) => /*#__PURE__*/React.createElement("div", {
-  style: {
-    [bgColorCssVar]: color !== null && color !== void 0 ? color : 'currentColor'
-  },
-  className: ax([styles.root, sizeStyles[size !== null && size !== void 0 ? size : 'medium'], appearance === 'square' && styles.square, appearance === 'hexagon' && styles.hexagon, weight === 'strong' && styles.strongOpacity])
-});
+}) => {
+  const avatarSize = getAvatarSize({
+    appearance,
+    size: size !== null && size !== void 0 ? size : 'medium'
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      [bgColorCssVar]: color !== null && color !== void 0 ? color : 'currentColor'
+    },
+    className: ax([styles.root, sizeStyles[avatarSize], appearance === 'square' && styles.square, appearance === 'hexagon' && styles.hexagon, weight === 'strong' && styles.strongOpacity])
+  });
+};
 export default Skeleton;

package/dist/esm/avatar.js

@@ -15,9 +15,10 @@ import { EnsureIsInsideAvatarContext } from './internal/ensure-is-inside-avatar-
 import getCustomElement from './internal/get-custom-element';
 import PresenceWrapper from './internal/presence-wrapper';
 import StatusWrapper from './internal/status-wrapper';
+import { getAvatarSize } from './size-utils';
 import { useAvatarContext } from './use-avatar-context';
 var packageName = "@atlaskit/avatar";
-var packageVersion = "0.0.0-development";
+var packageVersion = "25.15.1";
 var containerStyles = null;
 
 // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
@@ -60,7 +61,10 @@ var Avatar = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var context = useAvatarContext();
-  var size = sizeProp || (context === null || context === void 0 ? void 0 : context.size) || 'medium';
+  var size = getAvatarSize({
+    appearance: appearance,
+    size: sizeProp || (context === null || context === void 0 ? void 0 : context.size) || 'medium'
+  });
   var customPresenceNode = /*#__PURE__*/isValidElement(presence) ? presence : null;
   var customStatusNode = /*#__PURE__*/isValidElement(status) ? status : null;
   var isValidIconSize = size !== 'xxlarge' && size !== 'xsmall';

package/dist/esm/size-utils.js

@@ -0,0 +1,10 @@
+import { fg } from '@atlaskit/platform-feature-flags';
+export var SQUARE_AVATAR_MAX_SIZE_FF = 'platform_square_avatar_remove_xlarge_xxlarge_sizes';
+export var getAvatarSize = function getAvatarSize(_ref) {
+  var appearance = _ref.appearance,
+    size = _ref.size;
+  if (appearance === 'square' && (size === 'xlarge' || size === 'xxlarge') && fg('platform_square_avatar_remove_xlarge_xxlarge_sizes')) {
+    return 'large';
+  }
+  return size;
+};

package/dist/esm/skeleton.js

@@ -3,6 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./skeleton.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { getAvatarSize } from './size-utils';
 var bgColorCssVar = '--avatar-skeleton-background-color';
 var styles = {
   root: "_2rko1qll _189e1dm9 _1dqonqa1 _1h6d1j28 _1e0c1o8l _bfhk1r8p _tzy4nh7s",
@@ -29,12 +30,17 @@ var sizeStyles = {
  */
 var Skeleton = function Skeleton(_ref) {
   var size = _ref.size,
-    appearance = _ref.appearance,
+    _ref$appearance = _ref.appearance,
+    appearance = _ref$appearance === void 0 ? 'circle' : _ref$appearance,
     color = _ref.color,
     weight = _ref.weight;
+  var avatarSize = getAvatarSize({
+    appearance: appearance,
+    size: size !== null && size !== void 0 ? size : 'medium'
+  });
   return /*#__PURE__*/React.createElement("div", {
     style: _defineProperty({}, bgColorCssVar, color !== null && color !== void 0 ? color : 'currentColor'),
-    className: ax([styles.root, sizeStyles[size !== null && size !== void 0 ? size : 'medium'], appearance === 'square' && styles.square, appearance === 'hexagon' && styles.hexagon, weight === 'strong' && styles.strongOpacity])
+    className: ax([styles.root, sizeStyles[avatarSize], appearance === 'square' && styles.square, appearance === 'hexagon' && styles.hexagon, weight === 'strong' && styles.strongOpacity])
   });
 };
 export default Skeleton;

package/dist/types/size-utils.d.ts

@@ -0,0 +1,6 @@
+import { type AppearanceType, type SizeType } from './types';
+export declare const SQUARE_AVATAR_MAX_SIZE_FF = "platform_square_avatar_remove_xlarge_xxlarge_sizes";
+export declare const getAvatarSize: ({ appearance, size, }: {
+    appearance: AppearanceType;
+    size: SizeType;
+}) => SizeType;

package/get-appearance/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/get-appearance.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/get-appearance.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/get-appearance.d.ts"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/avatar",
-	"version": "25.15.0",
+	"version": "26.0.0",
 	"description": "An avatar is a visual representation of a user or entity.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -12,14 +12,6 @@
 	"module": "dist/esm/index.js",
 	"module:es2019": "dist/es2019/index.js",
 	"types": "dist/types/index.d.ts",
-	"typesVersions": {
-		">=4.5 <4.9": {
-			"*": [
-				"dist/types-ts4.5/*",
-				"dist/types-ts4.5/index.d.ts"
-			]
-		}
-	},
 	"sideEffects": [
 		"**/*.compiled.css"
 	],
@@ -39,13 +31,13 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^11.2.0",
-		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/ds-lib": "^7.0.0",
-		"@atlaskit/icon": "^35.0.0",
-		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/tokens": "^13.0.0",
+		"@atlaskit/analytics-next": "^12.0.0",
+		"@atlaskit/css": "^1.0.0",
+		"@atlaskit/ds-lib": "^8.0.0",
+		"@atlaskit/icon": "^36.0.0",
+		"@atlaskit/platform-feature-flags": "^2.0.0",
+		"@atlaskit/primitives": "^20.0.0",
+		"@atlaskit/tokens": "^14.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0"
 	},
@@ -56,16 +48,16 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/button": "^23.11.0",
-		"@atlaskit/code": "^17.5.0",
-		"@atlaskit/docs": "^11.8.0",
-		"@atlaskit/form": "^15.5.0",
-		"@atlaskit/heading": "^5.4.0",
-		"@atlaskit/link": "^3.4.0",
-		"@atlaskit/range": "^10.1.0",
-		"@atlaskit/section-message": "^8.13.0",
-		"@atlaskit/textfield": "^8.3.0",
-		"@atlaskit/tooltip": "^22.2.0",
+		"@atlaskit/button": "^24.0.0",
+		"@atlaskit/code": "^18.0.0",
+		"@atlaskit/docs": "^12.0.0",
+		"@atlaskit/form": "^16.0.0",
+		"@atlaskit/heading": "^6.0.0",
+		"@atlaskit/link": "^4.0.0",
+		"@atlaskit/range": "^11.0.0",
+		"@atlaskit/section-message": "^9.0.0",
+		"@atlaskit/textfield": "^9.0.0",
+		"@atlaskit/tooltip": "^23.0.0",
 		"@atlassian/feature-flags-test-utils": "^1.1.0",
 		"@atlassian/react-compiler-gating": "workspace:^",
 		"@atlassian/ssr-tests": "workspace:^",
@@ -74,6 +66,7 @@
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
 		"jest-in-case": "^1.0.2",
+		"react": "^18.2.0",
 		"react-dom": "^18.2.0"
 	},
 	"keywords": [
@@ -111,6 +104,9 @@
 		},
 		"platform-dst-motion-uplift": {
 			"type": "boolean"
+		},
+		"platform_square_avatar_remove_xlarge_xxlarge_sizes": {
+			"type": "boolean"
 		}
 	}
 }

package/presence/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/presence.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/presence.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/presence.d.ts"
 }

package/skeleton/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/skeleton.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/skeleton.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/skeleton.d.ts"
 }

package/status/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/status.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/status.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/status.d.ts"
 }

package/types/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/types.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/types.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/types.d.ts"
 }

package/use-avatar-context/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/use-avatar-context.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/use-avatar-context.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/use-avatar-context.d.ts"
 }

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

@@ -1,21 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- * @jsxFrag
- */
-import { type ReactNode } from 'react';
-type AvatarContentProps = {
-    children?: ReactNode;
-};
-/**
- * __Avatar content__
- *
- * Avatar content renders the avatar content. It can be composed with the Avatar component
- * to create a custom avatar.
- *
- * - [Examples](https://atlassian.design/components/avatar/examples)
- * - [Code](https://atlassian.design/components/avatar/code)
- * - [Usage](https://atlassian.design/components/avatar/usage)
- */
-export declare const AvatarContent: React.ForwardRefExoticComponent<React.PropsWithoutRef<AvatarContentProps> & React.RefAttributes<HTMLElement>>;
-export {};

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

@@ -1,14 +0,0 @@
-import { type SizeType } from './types';
-export type AvatarContextProps = {
-    size: SizeType;
-};
-/**
- * __Avatar context__
- *
- * An avatar context that provides the size of the avatar to children. Used by AvatarGroup
- *
- * - [Examples](https://atlassian.design/components/avatar/examples)
- * - [Code](https://atlassian.design/components/avatar/code)
- * - [Usage](https://atlassian.design/components/avatar/usage)
- */
-export declare const AvatarContext: import('react').Context<AvatarContextProps | undefined>;

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

@@ -1,64 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ReactNode } from 'react';
-import { type AvatarClickEventHandler } from './types';
-export interface AvatarItemProps {
-    /**
-     * Used to provide better content to screen readers when using presence/status. Rather
-     * than a screen reader speaking "online, approved, John Smith", passing in an label
-     * allows a custom message like "John Smith (approved and online)".
-     */
-    label?: string;
-    /**
-     * Slot to place an avatar element. Use @atlaskit/avatar.
-     */
-    avatar: ReactNode;
-    /**
-     * Change background color.
-     */
-    backgroundColor?: string;
-    /**
-     * URL for avatars being used as a link.
-     */
-    href?: string;
-    /**
-     * Disable the item from being interactive.
-     */
-    isDisabled?: boolean;
-    /**
-     * Handler to be called on click.
-     */
-    onClick?: AvatarClickEventHandler;
-    /**
-     * PrimaryText text.
-     */
-    primaryText?: ReactNode;
-    /**
-     * SecondaryText text.
-     */
-    secondaryText?: ReactNode;
-    /**
-     * Pass target down to the anchor, if href is provided.
-     */
-    target?: '_blank' | '_self' | '_top' | '_parent';
-    /**
-     * By default, overflowing text is truncated if it exceeds the container width. Use this prop to disable this.
-     */
-    isTruncationDisabled?: boolean;
-    /**
-     * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
-     */
-    testId?: string;
-}
-/**
- * __Avatar item__
- *
- * An avatar item is a wrapper that goes around an avatar when it's displayed alongside text, such as a name or status.
- *
- * - [Examples](https://atlassian.design/components/avatar/avatar-item/examples)
- * - [Code](https://atlassian.design/components/avatar/avatar-item/code)
- */
-declare const AvatarItem: React.ForwardRefExoticComponent<React.PropsWithoutRef<AvatarItemProps> & React.RefAttributes<HTMLElement>>;
-export default AvatarItem;

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

@@ -1,2 +0,0 @@
-import { type AvatarSizeMap } from './types';
-export declare const AVATAR_RADIUS: AvatarSizeMap;

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

@@ -1,2 +0,0 @@
-import { type AvatarSizeMap } from './types';
-export declare const AVATAR_SIZES: AvatarSizeMap;

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

@@ -1,126 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ReactNode } from 'react';
-import { type AppearanceType, type AvatarClickEventHandler, type Presence, type SizeType, type Status } from './types';
-export interface AvatarPropTypes {
-    /**
-     * Indicates the shape of the avatar. Most avatars are circular, but square avatars
-     * can be used for 'container' objects.
-     */
-    appearance?: AppearanceType;
-    /**
-     * Used to provide custom content to screen readers.
-     * Status or presence is not added to the label by default if it passed as nodes.
-     * If status or presence is passed as a string, the default content format is "John Smith (online)".
-     */
-    label?: string;
-    /**
-     * Used to override the default border color around the avatar body.
-     * Accepts any color argument that the border-color CSS property accepts.
-     */
-    borderColor?: string;
-    /**
-     * Supply a custom avatar component instead of the default.
-     */
-    children?: ReactNode;
-    /**
-     * Provides a url for avatars being used as a link.
-     */
-    href?: string;
-    /**
-     * Change the style to indicate the avatar is disabled.
-     */
-    isDisabled?: boolean;
-    /**
-     * Provides alt text for the avatar image.
-     */
-    name?: string;
-    /**
-     * Indicates a user's online status by showing a small icon on the avatar.
-     * Refer to presence values on the presence component.
-     * Alternatively accepts any React element. For best results, it is recommended to
-     * use square content with height and width of 100%.
-     */
-    presence?: Presence | Omit<ReactNode, string> | (string & {}) | null;
-    /**
-     * Defines the size of the avatar. Default value is `medium`.
-     *
-     * This can also be controlled by the `size` property of the
-     * `AvatarContext` export from this package. If no prop is given when the
-     * `size` is set via this context, the context's value will be used.
-     */
-    size?: SizeType;
-    /**
-     * A url to load an image from (this can also be a base64 encoded image).
-     */
-    src?: string;
-    /**
-     * Indicates contextual information by showing a small icon on the avatar.
-     * Refer to status values on the Status component.
-     */
-    status?: Status | Omit<ReactNode, string> | (string & {}) | null;
-    /**
-     * The index of where this avatar is in the group `stack`.
-     */
-    stackIndex?: number;
-    /**
-     * Assign specific tabIndex order to the underlying node.
-     */
-    tabIndex?: number;
-    /**
-     * Pass target down to the anchor, if href is provided.
-     */
-    target?: '_blank' | '_self' | '_top' | '_parent';
-    /**
-     * Handler to be called on click.
-     */
-    onClick?: AvatarClickEventHandler;
-    /**
-     * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
-     */
-    testId?: string;
-    /**
-     * Analytics context meta data.
-     */
-    analyticsContext?: Record<string, any>;
-    /**
-     * Replace the wrapping element. This accepts the name of a html tag which will
-     * be used to wrap the element.
-     */
-    as?: keyof JSX.IntrinsicElements | React.ComponentType<React.AllHTMLAttributes<HTMLElement>>;
-    /**
-     * whether disable aria-labelledby for avatar img
-     */
-    isDecorative?: boolean;
-    /**
-     * Defines the loading behaviour of the avatar image. Default value is eager.
-     */
-    imgLoading?: 'lazy' | 'eager';
-    /**
-     * Identifies the popup element that the avatar controls.
-     * Used when Avatar is a trigger for a popup.
-     */
-    'aria-controls'?: string;
-    /**
-     * Announces to assistive technology whether the controlled popup is currently open or closed.
-     */
-    'aria-expanded'?: boolean;
-    /**
-     * Informs assistive technology that this element triggers a popup.
-     * When set, Avatar will render as a `<button>` element even without `onClick`.
-     */
-    'aria-haspopup'?: boolean | 'dialog';
-}
-/**
- * __Avatar__
- *
- * An avatar is a visual representation of a user or entity.
- *
- * - [Examples](https://atlassian.design/components/avatar/examples)
- * - [Code](https://atlassian.design/components/avatar/code)
- * - [Usage](https://atlassian.design/components/avatar/usage)
- */
-declare const Avatar: React.ForwardRefExoticComponent<React.PropsWithoutRef<AvatarPropTypes> & React.RefAttributes<HTMLElement>>;
-export default Avatar;

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

@@ -1,2 +0,0 @@
-export declare const BORDER_WIDTH = 2;
-export declare const ACTIVE_SCALE_FACTOR = 0.9;

package/dist/types-ts4.5/entry-points/avatar-content.d.ts

@@ -1 +0,0 @@
-export { AvatarContent } from '../avatar-content';

package/dist/types-ts4.5/entry-points/avatar-context.d.ts

@@ -1,2 +0,0 @@
-export { AvatarContext } from '../avatar-context';
-export type { AvatarContextProps } from '../avatar-context';

package/dist/types-ts4.5/entry-points/avatar-item.d.ts

@@ -1,2 +0,0 @@
-export type { AvatarItemProps } from '../avatar-item';
-export { default } from '../avatar-item';