@atlaskit/avatar-group 9.2.0 → 9.2.2

package/dist/es2019/components/avatar-group.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { useCallback, useState } from 'react';
 import { jsx } from '@emotion/react';
@@ -17,7 +16,6 @@ const MAX_COUNT = {
   grid: 11,
   stack: 5
 };
-
 function getOverrides(overrides) {
   return {
     AvatarGroupItem: {
@@ -34,6 +32,7 @@ function getOverrides(overrides) {
     }
   };
 }
+
 /**
  * __Avatar group__
  *
@@ -43,8 +42,6 @@ function getOverrides(overrides) {
  * - [Code](https://atlassian.design/components/avatar-group/code)
  * - [Usage](https://atlassian.design/components/avatar-group/usage)
  */
-
-
 const AvatarGroup = ({
   appearance = 'stack',
   avatar = Avatar,
@@ -64,12 +61,10 @@ const AvatarGroup = ({
 }) => {
   const [isOpen, setIsOpen] = useState(false);
   const onClose = useCallback(() => setIsOpen(false), []);
-
   function renderMoreDropdown(max, total) {
     if (total <= max) {
       return null;
     }
-
     const renderMoreButton = props => jsx(MoreIndicator, _extends({
       buttonProps: showMoreButtonProps,
       borderColor: borderColor,
@@ -77,26 +72,23 @@ const AvatarGroup = ({
       size: size,
       testId: testId && `${testId}--overflow-menu--trigger`,
       isActive: isOpen
-    }, props)); // bail if the consumer wants to handle onClick
-
+    }, props));
 
+    // bail if the consumer wants to handle onClick
     if (typeof onMoreClick === 'function') {
       return renderMoreButton({
         onClick: onMoreClick
       });
-    } // split boundariesElement into `boundary` and `rootBoundary` props for Popup
-
+    }
 
+    // split boundariesElement into `boundary` and `rootBoundary` props for Popup
     const boundary = boundariesElement === 'scrollParent' ? 'clippingParents' : undefined;
-
     const rootBoundary = (() => {
       if (boundariesElement === 'scrollParent') {
         return undefined;
       }
-
       return boundariesElement === 'window' ? 'document' : 'viewport';
     })();
-
     return jsx(Popup, {
       isOpen: isOpen,
       onClose: onClose,
@@ -114,16 +106,17 @@ const AvatarGroup = ({
         onAvatarClick,
         testId: testId && `${testId}--avatar-group-item-${index + max}`,
         index: index + max
-      }, // This index holds the true index,
+      },
+      // This index holds the true index,
       // adding up the index of non-overflowed avatars and overflowed avatars.
       index + max)))),
-      trigger: triggerProps => renderMoreButton({ ...triggerProps,
+      trigger: triggerProps => renderMoreButton({
+        ...triggerProps,
         onClick: () => setIsOpen(!isOpen)
       }),
       testId: testId && `${testId}--overflow-menu`
     });
   }
-
   const max = maxCount === undefined || maxCount === 0 ? MAX_COUNT[appearance] : maxCount;
   const total = data.length;
   const maxAvatar = total > max ? max - 1 : max;
@@ -133,7 +126,8 @@ const AvatarGroup = ({
     "aria-label": label
   }, data.slice(0, maxAvatar).map((avatarData, idx) => {
     const callback = avatarData.onClick || onAvatarClick;
-    const finalAvatar = getOverrides(overrides).Avatar.render(avatar, { ...avatarData,
+    const finalAvatar = getOverrides(overrides).Avatar.render(avatar, {
+      ...avatarData,
       size,
       borderColor,
       testId: testId && `${testId}--avatar-${idx}`,
@@ -150,5 +144,4 @@ const AvatarGroup = ({
     }, finalAvatar) : finalAvatar;
   }), renderMoreDropdown(+maxAvatar, total));
 };
-
 export default AvatarGroup;

package/dist/es2019/components/grid.js

@@ -7,28 +7,21 @@ const gutter = gridSize / 2;
 const listStyles = css({
   // removes default ul styles. Needs !important to override contextual styles in product.
   display: 'flex',
-  // TODO Delete this comment after verifying spacing token -> previous value `0`
-  margin: "var(--ds-scale-0, 0px)",
+  margin: "var(--ds-space-0, 0px)",
   marginRight: -gutter,
   marginLeft: -gutter,
-  // TODO Delete this comment after verifying spacing token -> previous value `0`
-  padding: "var(--ds-scale-0, 0px)",
+  padding: "var(--ds-space-0, 0px)",
   justifyContent: 'flex-start',
   flexWrap: 'wrap',
   lineHeight: 1,
   listStyleType: 'none !important'
 });
 const listItemStyles = css({
-  // TODO Delete this comment after verifying spacing token -> previous value `0`
-  margin: "var(--ds-scale-0, 0px)",
-  // TODO Delete this comment after verifying spacing token -> previous value `gridSize`
-  marginBottom: "var(--ds-scale-100, 8px)",
-  // TODO Delete this comment after verifying spacing token -> previous value `gutter`
-  paddingRight: "var(--ds-scale-050, 4px)",
-  // TODO Delete this comment after verifying spacing token -> previous value `gutter`
-  paddingLeft: "var(--ds-scale-050, 4px)"
+  margin: "var(--ds-space-0, 0px)",
+  marginBottom: "var(--ds-space-100, 8px)",
+  paddingRight: "var(--ds-space-050, 4px)",
+  paddingLeft: "var(--ds-space-050, 4px)"
 });
-
 const Grid = ({
   children,
   testId,
@@ -39,7 +32,7 @@ const Grid = ({
   css: listStyles
 }, Children.map(children, child => child && jsx("li", {
   css: listItemStyles
-}, child))); // eslint-disable-next-line @repo/internal/react/require-jsdoc
-
+}, child)));
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default Grid;

package/dist/es2019/components/more-indicator.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { forwardRef, useCallback } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -35,8 +34,9 @@ const buttonStyles = css({
   '&&': {
     backgroundColor: `var(--ds-background-neutral, ${N20})`,
     color: `var(--ds-text, ${N500})`,
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
     fontFamily: 'inherit',
-    fontWeight: 500,
+    fontWeight: "var(--ds-font-weight-medium, 500)",
     '&:hover': {
       backgroundColor: `var(--ds-background-neutral-hovered, ${N30})`,
       color: `var(--ds-text, ${N500})`
@@ -68,9 +68,9 @@ const MoreIndicator = /*#__PURE__*/forwardRef(({
     if (buttonProps.onClick) {
       buttonProps.onClick(event);
     }
-
     onClick(event, analyticsEvent);
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   [buttonProps.onClick, onClick]);
   return jsx(Avatar, {
     appearance: appearance,
@@ -98,6 +98,7 @@ const MoreIndicator = /*#__PURE__*/forwardRef(({
     className: className
   }), "+", count > MAX_DISPLAY_COUNT ? MAX_DISPLAY_COUNT : count));
 });
-MoreIndicator.displayName = 'MoreIndicator'; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+MoreIndicator.displayName = 'MoreIndicator';
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default MoreIndicator;

package/dist/es2019/components/stack.js

@@ -6,20 +6,16 @@ import { gridSize } from '@atlaskit/theme/constants';
 const gutter = BORDER_WIDTH * 2 + gridSize() / 2;
 const listStyles = css({
   display: 'flex',
-  // TODO Delete this comment after verifying spacing token -> previous value `0`
-  margin: "var(--ds-scale-0, 0px)",
+  margin: "var(--ds-space-0, 0px)",
   marginRight: gutter,
-  // TODO Delete this comment after verifying spacing token -> previous value `0`
-  padding: "var(--ds-scale-0, 0px)",
+  padding: "var(--ds-space-0, 0px)",
   lineHeight: 1,
   listStyleType: 'none !important'
 });
 const listItemStyles = css({
-  // TODO Delete this comment after verifying spacing token -> previous value `0`
-  margin: "var(--ds-scale-0, 0px)",
+  margin: "var(--ds-space-0, 0px)",
   marginRight: -gutter
 });
-
 const Stack = ({
   children,
   testId,
@@ -30,7 +26,7 @@ const Stack = ({
   css: listStyles
 }, Children.map(children, child => child && jsx("li", {
   css: listItemStyles
-}, child))); // eslint-disable-next-line @repo/internal/react/require-jsdoc
-
+}, child)));
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default Stack;

package/dist/es2019/components/utils.js

@@ -2,6 +2,5 @@ export const composeUniqueKey = (props, index) => {
   if (props.key) {
     return props.key;
   }
-
   return index;
 };

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/avatar-group",
-	"version": "9.2.0",
+	"version": "9.2.2",
 	"sideEffects": false
 }

package/dist/esm/components/avatar-group-item.js

@@ -1,38 +1,33 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["href", "onClick"],
-    _excluded2 = ["children"];
+  _excluded2 = ["children"];
 import React from 'react';
 import Avatar from '@atlaskit/avatar';
 import { ButtonItem, CustomItem, LinkItem } from '@atlaskit/menu';
-
 var AvatarGroupItem = function AvatarGroupItem(_ref) {
   var avatar = _ref.avatar,
-      onAvatarClick = _ref.onAvatarClick,
-      testId = _ref.testId,
-      index = _ref.index;
-
+    onAvatarClick = _ref.onAvatarClick,
+    testId = _ref.testId,
+    index = _ref.index;
   var href = avatar.href,
-      onClick = avatar.onClick,
-      rest = _objectWithoutProperties(avatar, _excluded);
-
+    onClick = avatar.onClick,
+    rest = _objectWithoutProperties(avatar, _excluded);
   var CustomComponent = function CustomComponent(_ref2) {
     var children = _ref2.children,
-        props = _objectWithoutProperties(_ref2, _excluded2);
-
+      props = _objectWithoutProperties(_ref2, _excluded2);
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
     return /*#__PURE__*/React.createElement("span", props, children);
   };
-
   var AvatarIcon = /*#__PURE__*/React.createElement(Avatar, _extends({}, rest, {
     testId: testId && "".concat(testId, "--avatar"),
     borderColor: "transparent",
     size: "small",
     name: ""
-  })); // onClick handler provided with avatar data takes precedence, same as with the normal avatar item
+  }));
 
+  // onClick handler provided with avatar data takes precedence, same as with the normal avatar item
   var callback = onClick || onAvatarClick;
-
   if (href) {
     return /*#__PURE__*/React.createElement(LinkItem, {
       href: href,
@@ -45,7 +40,6 @@ var AvatarGroupItem = function AvatarGroupItem(_ref) {
       }
     }, avatar.name);
   }
-
   if (typeof callback === 'function') {
     return /*#__PURE__*/React.createElement(ButtonItem, {
       onClick: function onClick(event) {
@@ -55,13 +49,12 @@ var AvatarGroupItem = function AvatarGroupItem(_ref) {
       testId: testId
     }, avatar.name);
   }
-
   return /*#__PURE__*/React.createElement(CustomItem, {
     iconBefore: AvatarIcon,
     component: CustomComponent,
     testId: testId
   }, avatar.name);
-}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
-
+};
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default AvatarGroupItem;

package/dist/esm/components/avatar-group.js

@@ -1,11 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /** @jsx jsx */
 import { useCallback, useState } from 'react';
 import { jsx } from '@emotion/react';
@@ -23,7 +20,6 @@ var MAX_COUNT = {
   grid: 11,
   stack: 5
 };
-
 function getOverrides(overrides) {
   return {
     AvatarGroupItem: _objectSpread({
@@ -42,6 +38,7 @@ function getOverrides(overrides) {
     }, overrides && overrides.Avatar)
   };
 }
+
 /**
  * __Avatar group__
  *
@@ -51,45 +48,39 @@ function getOverrides(overrides) {
  * - [Code](https://atlassian.design/components/avatar-group/code)
  * - [Usage](https://atlassian.design/components/avatar-group/usage)
  */
-
-
 var AvatarGroup = function AvatarGroup(_ref) {
   var _ref$appearance = _ref.appearance,
-      appearance = _ref$appearance === void 0 ? 'stack' : _ref$appearance,
-      _ref$avatar = _ref.avatar,
-      avatar = _ref$avatar === void 0 ? Avatar : _ref$avatar,
-      borderColor = _ref.borderColor,
-      boundariesElement = _ref.boundariesElement,
-      data = _ref.data,
-      isTooltipDisabled = _ref.isTooltipDisabled,
-      maxCount = _ref.maxCount,
-      onAvatarClick = _ref.onAvatarClick,
-      onMoreClick = _ref.onMoreClick,
-      overrides = _ref.overrides,
-      _ref$showMoreButtonPr = _ref.showMoreButtonProps,
-      showMoreButtonProps = _ref$showMoreButtonPr === void 0 ? {} : _ref$showMoreButtonPr,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'medium' : _ref$size,
-      testId = _ref.testId,
-      _ref$label = _ref.label,
-      label = _ref$label === void 0 ? 'avatar group' : _ref$label,
-      _ref$tooltipPosition = _ref.tooltipPosition,
-      tooltipPosition = _ref$tooltipPosition === void 0 ? 'bottom' : _ref$tooltipPosition;
-
+    appearance = _ref$appearance === void 0 ? 'stack' : _ref$appearance,
+    _ref$avatar = _ref.avatar,
+    avatar = _ref$avatar === void 0 ? Avatar : _ref$avatar,
+    borderColor = _ref.borderColor,
+    boundariesElement = _ref.boundariesElement,
+    data = _ref.data,
+    isTooltipDisabled = _ref.isTooltipDisabled,
+    maxCount = _ref.maxCount,
+    onAvatarClick = _ref.onAvatarClick,
+    onMoreClick = _ref.onMoreClick,
+    overrides = _ref.overrides,
+    _ref$showMoreButtonPr = _ref.showMoreButtonProps,
+    showMoreButtonProps = _ref$showMoreButtonPr === void 0 ? {} : _ref$showMoreButtonPr,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    testId = _ref.testId,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? 'avatar group' : _ref$label,
+    _ref$tooltipPosition = _ref.tooltipPosition,
+    tooltipPosition = _ref$tooltipPosition === void 0 ? 'bottom' : _ref$tooltipPosition;
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
   var onClose = useCallback(function () {
     return setIsOpen(false);
   }, []);
-
   function renderMoreDropdown(max, total) {
     if (total <= max) {
       return null;
     }
-
     var renderMoreButton = function renderMoreButton(props) {
       return jsx(MoreIndicator, _extends({
         buttonProps: showMoreButtonProps,
@@ -99,26 +90,23 @@ var AvatarGroup = function AvatarGroup(_ref) {
         testId: testId && "".concat(testId, "--overflow-menu--trigger"),
         isActive: isOpen
       }, props));
-    }; // bail if the consumer wants to handle onClick
-
+    };
 
+    // bail if the consumer wants to handle onClick
     if (typeof onMoreClick === 'function') {
       return renderMoreButton({
         onClick: onMoreClick
       });
-    } // split boundariesElement into `boundary` and `rootBoundary` props for Popup
-
+    }
 
+    // split boundariesElement into `boundary` and `rootBoundary` props for Popup
     var boundary = boundariesElement === 'scrollParent' ? 'clippingParents' : undefined;
-
     var rootBoundary = function () {
       if (boundariesElement === 'scrollParent') {
         return undefined;
       }
-
       return boundariesElement === 'window' ? 'document' : 'viewport';
     }();
-
     return jsx(Popup, {
       isOpen: isOpen,
       onClose: onClose,
@@ -140,7 +128,8 @@ var AvatarGroup = function AvatarGroup(_ref) {
             onAvatarClick: onAvatarClick,
             testId: testId && "".concat(testId, "--avatar-group-item-").concat(index + max),
             index: index + max
-          }, // This index holds the true index,
+          },
+          // This index holds the true index,
           // adding up the index of non-overflowed avatars and overflowed avatars.
           index + max);
         })));
@@ -155,7 +144,6 @@ var AvatarGroup = function AvatarGroup(_ref) {
       testId: testId && "".concat(testId, "--overflow-menu")
     });
   }
-
   var max = maxCount === undefined || maxCount === 0 ? MAX_COUNT[appearance] : maxCount;
   var total = data.length;
   var maxAvatar = total > max ? max - 1 : max;
@@ -182,5 +170,4 @@ var AvatarGroup = function AvatarGroup(_ref) {
     }, finalAvatar) : finalAvatar;
   }), renderMoreDropdown(+maxAvatar, total));
 };
-
 export default AvatarGroup;

package/dist/esm/components/grid.js

@@ -7,32 +7,25 @@ var gutter = gridSize / 2;
 var listStyles = css({
   // removes default ul styles. Needs !important to override contextual styles in product.
   display: 'flex',
-  // TODO Delete this comment after verifying spacing token -> previous value `0`
-  margin: "var(--ds-scale-0, 0px)",
+  margin: "var(--ds-space-0, 0px)",
   marginRight: -gutter,
   marginLeft: -gutter,
-  // TODO Delete this comment after verifying spacing token -> previous value `0`
-  padding: "var(--ds-scale-0, 0px)",
+  padding: "var(--ds-space-0, 0px)",
   justifyContent: 'flex-start',
   flexWrap: 'wrap',
   lineHeight: 1,
   listStyleType: 'none !important'
 });
 var listItemStyles = css({
-  // TODO Delete this comment after verifying spacing token -> previous value `0`
-  margin: "var(--ds-scale-0, 0px)",
-  // TODO Delete this comment after verifying spacing token -> previous value `gridSize`
-  marginBottom: "var(--ds-scale-100, 8px)",
-  // TODO Delete this comment after verifying spacing token -> previous value `gutter`
-  paddingRight: "var(--ds-scale-050, 4px)",
-  // TODO Delete this comment after verifying spacing token -> previous value `gutter`
-  paddingLeft: "var(--ds-scale-050, 4px)"
+  margin: "var(--ds-space-0, 0px)",
+  marginBottom: "var(--ds-space-100, 8px)",
+  paddingRight: "var(--ds-space-050, 4px)",
+  paddingLeft: "var(--ds-space-050, 4px)"
 });
-
 var Grid = function Grid(_ref) {
   var children = _ref.children,
-      testId = _ref.testId,
-      label = _ref['aria-label'];
+    testId = _ref.testId,
+    label = _ref['aria-label'];
   return jsx("ul", {
     "data-testid": testId,
     "aria-label": label,
@@ -42,7 +35,7 @@ var Grid = function Grid(_ref) {
       css: listItemStyles
     }, child);
   }));
-}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
-
+};
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default Grid;

package/dist/esm/components/more-indicator.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["testId", "className", "ref"];
-
 /** @jsx jsx */
 import { forwardRef, useCallback } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -37,8 +36,9 @@ var buttonStyles = css({
   '&&': {
     backgroundColor: "var(--ds-background-neutral, ".concat(N20, ")"),
     color: "var(--ds-text, ".concat(N500, ")"),
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
     fontFamily: 'inherit',
-    fontWeight: 500,
+    fontWeight: "var(--ds-font-weight-medium, 500)",
     '&:hover': {
       backgroundColor: "var(--ds-background-neutral-hovered, ".concat(N30, ")"),
       color: "var(--ds-text, ".concat(N500, ")")
@@ -55,28 +55,28 @@ var buttonStyles = css({
 var MAX_DISPLAY_COUNT = 99;
 var MoreIndicator = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$appearance = _ref.appearance,
-      appearance = _ref$appearance === void 0 ? 'circle' : _ref$appearance,
-      _ref$borderColor = _ref.borderColor,
-      borderColor = _ref$borderColor === void 0 ? "var(--ds-border-inverse, ".concat(N0, ")") : _ref$borderColor,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'medium' : _ref$size,
-      _ref$count = _ref.count,
-      count = _ref$count === void 0 ? 0 : _ref$count,
-      testId = _ref.testId,
-      onClick = _ref.onClick,
-      ariaControls = _ref['aria-controls'],
-      ariaExpanded = _ref['aria-expanded'],
-      ariaHaspopup = _ref['aria-haspopup'],
-      _ref$buttonProps = _ref.buttonProps,
-      buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
-      isActive = _ref.isActive;
+    appearance = _ref$appearance === void 0 ? 'circle' : _ref$appearance,
+    _ref$borderColor = _ref.borderColor,
+    borderColor = _ref$borderColor === void 0 ? "var(--ds-border-inverse, ".concat(N0, ")") : _ref$borderColor,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    _ref$count = _ref.count,
+    count = _ref$count === void 0 ? 0 : _ref$count,
+    testId = _ref.testId,
+    onClick = _ref.onClick,
+    ariaControls = _ref['aria-controls'],
+    ariaExpanded = _ref['aria-expanded'],
+    ariaHaspopup = _ref['aria-haspopup'],
+    _ref$buttonProps = _ref.buttonProps,
+    buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
+    isActive = _ref.isActive;
   var onClickHander = useCallback(function (event, analyticsEvent) {
     if (buttonProps.onClick) {
       buttonProps.onClick(event);
     }
-
     onClick(event, analyticsEvent);
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   [buttonProps.onClick, onClick]);
   return jsx(Avatar, {
     appearance: appearance,
@@ -86,10 +86,9 @@ var MoreIndicator = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onClick: onClickHander
   }, function (_ref2) {
     var _ = _ref2.testId,
-        className = _ref2.className,
-        ref = _ref2.ref,
-        props = _objectWithoutProperties(_ref2, _excluded);
-
+      className = _ref2.className,
+      ref = _ref2.ref,
+      props = _objectWithoutProperties(_ref2, _excluded);
     return jsx("button", _extends({
       type: "submit"
     }, buttonProps, props, {
@@ -106,6 +105,7 @@ var MoreIndicator = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }), "+", count > MAX_DISPLAY_COUNT ? MAX_DISPLAY_COUNT : count);
   });
 });
-MoreIndicator.displayName = 'MoreIndicator'; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+MoreIndicator.displayName = 'MoreIndicator';
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default MoreIndicator;

package/dist/esm/components/stack.js

@@ -6,24 +6,20 @@ import { gridSize } from '@atlaskit/theme/constants';
 var gutter = BORDER_WIDTH * 2 + gridSize() / 2;
 var listStyles = css({
   display: 'flex',
-  // TODO Delete this comment after verifying spacing token -> previous value `0`
-  margin: "var(--ds-scale-0, 0px)",
+  margin: "var(--ds-space-0, 0px)",
   marginRight: gutter,
-  // TODO Delete this comment after verifying spacing token -> previous value `0`
-  padding: "var(--ds-scale-0, 0px)",
+  padding: "var(--ds-space-0, 0px)",
   lineHeight: 1,
   listStyleType: 'none !important'
 });
 var listItemStyles = css({
-  // TODO Delete this comment after verifying spacing token -> previous value `0`
-  margin: "var(--ds-scale-0, 0px)",
+  margin: "var(--ds-space-0, 0px)",
   marginRight: -gutter
 });
-
 var Stack = function Stack(_ref) {
   var children = _ref.children,
-      testId = _ref.testId,
-      label = _ref['aria-label'];
+    testId = _ref.testId,
+    label = _ref['aria-label'];
   return jsx("ul", {
     "data-testid": testId,
     "aria-label": label,
@@ -33,7 +29,7 @@ var Stack = function Stack(_ref) {
       css: listItemStyles
     }, child);
   }));
-}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
-
+};
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default Stack;

package/dist/esm/components/utils.js

@@ -2,6 +2,5 @@ export var composeUniqueKey = function composeUniqueKey(props, index) {
   if (props.key) {
     return props.key;
   }
-
   return index;
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/avatar-group",
-	"version": "9.2.0",
+	"version": "9.2.2",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/avatar-group",
-  "version": "9.2.0",
+  "version": "9.2.2",
   "description": "An avatar group displays a number of avatars grouped together in a stack or grid.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"