@atlaskit/avatar 26.0.0 → 26.0.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/avatar
 
+## 26.0.1
+
+### Patch Changes
+
+- [`9810045072e34`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9810045072e34) -
+  Remove feature flag `platform_square_avatar_remove_xlarge_xxlarge_sizes`. Square avatars now
+  support all sizes including `xlarge` and `xxlarge`.
+
 ## 26.0.0
 
 ### Major Changes

package/dist/cjs/avatar.js

@@ -21,13 +21,12 @@ 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 = "25.15.1";
+var packageVersion = "26.0.0";
 var containerStyles = null;
 
 // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
@@ -70,10 +69,7 @@ var Avatar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var context = (0, _useAvatarContext.useAvatarContext)();
-  var size = (0, _sizeUtils.getAvatarSize)({
-    appearance: appearance,
-    size: sizeProp || (context === null || context === void 0 ? void 0 : context.size) || 'medium'
-  });
+  var 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/skeleton.js

@@ -11,7 +11,6 @@ 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 = {
@@ -43,10 +42,7 @@ var Skeleton = function Skeleton(_ref) {
     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'
-  });
+  var avatarSize = 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[avatarSize], appearance === 'square' && styles.square, appearance === 'hexagon' && styles.hexagon, weight === 'strong' && styles.strongOpacity])

package/dist/es2019/avatar.js

@@ -12,10 +12,9 @@ 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 = "25.15.1";
+const packageVersion = "26.0.0";
 const containerStyles = null;
 
 // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
@@ -57,10 +56,7 @@ const Avatar = /*#__PURE__*/forwardRef(({
     createAnalyticsEvent
   } = useAnalyticsEvents();
   const context = useAvatarContext();
-  const size = getAvatarSize({
-    appearance,
-    size: sizeProp || (context === null || context === void 0 ? void 0 : context.size) || 'medium'
-  });
+  const 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/skeleton.js

@@ -2,7 +2,6 @@
 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",
@@ -33,10 +32,7 @@ const Skeleton = ({
   color,
   weight
 }) => {
-  const avatarSize = getAvatarSize({
-    appearance,
-    size: size !== null && size !== void 0 ? size : 'medium'
-  });
+  const avatarSize = size !== null && size !== void 0 ? size : 'medium';
   return /*#__PURE__*/React.createElement("div", {
     style: {
       [bgColorCssVar]: color !== null && color !== void 0 ? color : 'currentColor'

package/dist/esm/avatar.js

@@ -15,10 +15,9 @@ 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 = "25.15.1";
+var packageVersion = "26.0.0";
 var containerStyles = null;
 
 // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
@@ -61,10 +60,7 @@ var Avatar = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var context = useAvatarContext();
-  var size = getAvatarSize({
-    appearance: appearance,
-    size: sizeProp || (context === null || context === void 0 ? void 0 : context.size) || 'medium'
-  });
+  var 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/skeleton.js

@@ -3,7 +3,6 @@ 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",
@@ -34,10 +33,7 @@ var Skeleton = function Skeleton(_ref) {
     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'
-  });
+  var avatarSize = 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[avatarSize], appearance === 'square' && styles.square, appearance === 'hexagon' && styles.hexagon, weight === 'strong' && styles.strongOpacity])

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/avatar",
-	"version": "26.0.0",
+	"version": "26.0.1",
 	"description": "An avatar is a visual representation of a user or entity.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -48,7 +48,7 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/button": "^24.0.0",
+		"@atlaskit/button": "^24.1.0",
 		"@atlaskit/code": "^18.0.0",
 		"@atlaskit/docs": "^12.0.0",
 		"@atlaskit/form": "^16.0.0",
@@ -104,9 +104,6 @@
 		},
 		"platform-dst-motion-uplift": {
 			"type": "boolean"
-		},
-		"platform_square_avatar_remove_xlarge_xxlarge_sizes": {
-			"type": "boolean"
 		}
 	}
 }

package/dist/cjs/size-utils.js

@@ -1,16 +0,0 @@
-"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/es2019/size-utils.js

@@ -1,11 +0,0 @@
-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/esm/size-utils.js

@@ -1,10 +0,0 @@
-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/types/size-utils.d.ts

@@ -1,6 +0,0 @@
-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;