@atlaskit/avatar-group 12.4.11 → 12.4.13

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/avatar-group
 
+## 12.4.13
+
+### Patch Changes
+
+- Updated dependencies
+
+## 12.4.12
+
+### Patch Changes
+
+- [`eb30d533bbb0f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/eb30d533bbb0f) -
+  Added hexagon appearance support for avatargroup view more dropdown button
+- Updated dependencies
+
 ## 12.4.11
 
 ### Patch Changes

package/avatar-group.docs.tsx

@@ -0,0 +1,48 @@
+import path from 'path';
+
+import type { ComponentStructuredContentSource } from '@atlassian/structured-docs-types';
+
+const documentation: ComponentStructuredContentSource[] = [
+	{
+		name: 'AvatarGroup',
+		description:
+			'A component for displaying multiple avatars in a group with overlap and overflow handling.',
+		status: 'general-availability',
+		import: {
+			name: 'AvatarGroup',
+			package: '@atlaskit/avatar-group',
+			type: 'default',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Use for displaying multiple users or team members',
+			'Consider overflow behavior for large groups',
+			'Use appropriate sizing for context',
+			'Provide clear user identification',
+		],
+		contentGuidelines: [
+			'Use meaningful names for users',
+			'Consider group context and purpose',
+			'Provide clear overflow indicators',
+			'Use consistent naming patterns',
+		],
+		accessibilityGuidelines: [
+			'Provide clear labels for avatar groups',
+			'Use appropriate overflow handling',
+			'Ensure keyboard navigation support',
+			'Provide clear user identification',
+		],
+		examples: [
+			{
+				name: 'Avatar Group',
+				description: 'Avatar Group example',
+				source: path.resolve(__dirname, './examples/ai/avatar-group.tsx'),
+			},
+		],
+		keywords: ['avatar', 'group', 'multiple', 'users', 'team', 'overlap'],
+		categories: ['data-display'],
+	},
+];
+
+export default documentation;

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

@@ -18,6 +18,7 @@ var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _useFocusEvent = _interopRequireDefault(require("@atlaskit/ds-lib/use-focus-event"));
 var _useId = require("@atlaskit/ds-lib/use-id");
 var _menu = require("@atlaskit/menu");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _avatarGroupItem = _interopRequireDefault(require("./avatar-group-item"));
@@ -75,6 +76,7 @@ function getOverrides(overrides) {
 var AvatarGroup = function AvatarGroup(_ref) {
   var _ref$appearance = _ref.appearance,
     appearance = _ref$appearance === void 0 ? 'stack' : _ref$appearance,
+    moreIndicatorAppearance = _ref.moreIndicatorAppearance,
     _ref$avatar = _ref.avatar,
     avatar = _ref$avatar === void 0 ? _avatar.default : _ref$avatar,
     borderColor = _ref.borderColor,
@@ -177,7 +179,7 @@ var AvatarGroup = function AvatarGroup(_ref) {
         ariaHasPopup = _ref3['aria-haspopup'],
         onClick = _ref3.onClick,
         props = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
-      return getOverrides(overrides).MoreIndicator.render(_moreIndicator.default, _objectSpread({
+      return getOverrides(overrides).MoreIndicator.render(_moreIndicator.default, _objectSpread(_objectSpread({
         buttonProps: showMoreButtonProps,
         borderColor: borderColor,
         count: total - max,
@@ -189,7 +191,9 @@ var AvatarGroup = function AvatarGroup(_ref) {
         'aria-expanded': ariaExpanded,
         'aria-haspopup': ariaHasPopup,
         onClick: onClick
-      }, props));
+      }, props), (0, _platformFeatureFlags.fg)('jira-ai-agent-stack') && {
+        appearance: moreIndicatorAppearance
+      }));
     };
 
     // bail if the consumer wants to handle onClick

package/dist/cjs/components/more-indicator.compiled.css

@@ -47,6 +47,7 @@
 ._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
 ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
 ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
+._mkrz1k6g{clip-path:polygon(45% 1.33975%,46.5798% .60307%,48.26352% .15192%,50% 0,51.73648% .15192%,53.4202% .60307%,55% 1.33975%,89.64102% 21.33975%,91.06889% 22.33956%,92.30146% 23.57212%,93.30127% 25%,94.03794% 26.5798%,94.48909% 28.26352%,94.64102% 30%,94.64102% 70%,94.48909% 71.73648%,94.03794% 73.4202%,93.30127% 75%,92.30146% 76.42788%,91.06889% 77.66044%,89.64102% 78.66025%,55% 98.66025%,53.4202% 99.39693%,51.73648% 99.84808%,50% 100%,48.26352% 99.84808%,46.5798% 99.39693%,45% 98.66025%,10.35898% 78.66025%,8.93111% 77.66044%,7.69854% 76.42788%,6.69873% 75%,5.96206% 73.4202%,5.51091% 71.73648%,5.35898% 70%,5.35898% 30%,5.51091% 28.26352%,5.96206% 26.5798%,6.69873% 25%,7.69854% 23.57212%,8.93111% 22.33956%,10.35898% 21.33975%)}
 ._syaz6x5g{color:var(--ds-text-selected,#1868db)}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
 ._t9ec1aqe{transform:translateZ(0)}

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

@@ -13,13 +13,15 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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 boxShadowCssVar = '--avatar-box-shadow';
 var styles = {
   root: "_19itglyw _12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _v564ieh6 _1e0c1txw _vchh1ntv _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _4cvr1fhb _1bah1h6o _2lx21bp4 _80omtlke _bfhki8nm _syazi7uo _16qs1nhn _t9ec1aqe _1ejjglyw _mizu194a _ra3xnqa1 _1ah3yh40 _128myh40 _irr3plhp _30l3i7uo _1di61gdz _9h8hi7uo _1q8w1np6 _jlxit94y",
   circle: "_2rko1qll",
   active: "_bfhk15s3 _16qsdfwd _syaz6x5g _t9ec1np6 _irr3ufnl _30l36x5g _1di6nozp _9h8h6x5g",
-  disabled: "_80om13gf _1peqs237 _1hfkvuon"
+  disabled: "_80om13gf _1peqs237 _1hfkvuon",
+  hexagon: "_mkrz1k6g"
 };
 var widthHeightMap = {
   xsmall: "_1bsb7vkz _4t3i7vkz",
@@ -85,7 +87,7 @@ var MoreIndicator = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     "aria-haspopup": ariaHaspopup,
     "aria-label": ariaLabel,
     style: (0, _defineProperty2.default)({}, boxShadowCssVar, "0 0 0 2px ".concat(borderColor)),
-    className: (0, _runtime.ax)([styles.root, borderRadiusMap[size], appearance === 'circle' && styles.circle, widthHeightMap[size], fontMap[size], isActive && styles.active])
+    className: (0, _runtime.ax)([styles.root, borderRadiusMap[size], appearance === 'circle' && styles.circle, appearance === 'hexagon' && (0, _platformFeatureFlags.fg)('jira-ai-agent-stack') && styles.hexagon, widthHeightMap[size], fontMap[size], isActive && styles.active])
   }), "+", displayCount);
 });
 MoreIndicator.displayName = 'MoreIndicator';

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

@@ -7,6 +7,7 @@ import noop from '@atlaskit/ds-lib/noop';
 import useFocus from '@atlaskit/ds-lib/use-focus-event';
 import { useId } from '@atlaskit/ds-lib/use-id';
 import { Section } from '@atlaskit/menu';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import Tooltip from '@atlaskit/tooltip';
 import AvatarGroupItem from './avatar-group-item';
@@ -55,6 +56,7 @@ function getOverrides(overrides) {
  */
 const AvatarGroup = ({
   appearance = 'stack',
+  moreIndicatorAppearance,
   avatar = Avatar,
   borderColor,
   boundariesElement,
@@ -156,7 +158,10 @@ const AvatarGroup = ({
       'aria-expanded': ariaExpanded,
       'aria-haspopup': ariaHasPopup,
       onClick,
-      ...props
+      ...props,
+      ...(fg('jira-ai-agent-stack') && {
+        appearance: moreIndicatorAppearance
+      })
     });
 
     // bail if the consumer wants to handle onClick

package/dist/es2019/components/more-indicator.compiled.css

@@ -47,6 +47,7 @@
 ._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
 ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
 ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
+._mkrz1k6g{clip-path:polygon(45% 1.33975%,46.5798% .60307%,48.26352% .15192%,50% 0,51.73648% .15192%,53.4202% .60307%,55% 1.33975%,89.64102% 21.33975%,91.06889% 22.33956%,92.30146% 23.57212%,93.30127% 25%,94.03794% 26.5798%,94.48909% 28.26352%,94.64102% 30%,94.64102% 70%,94.48909% 71.73648%,94.03794% 73.4202%,93.30127% 75%,92.30146% 76.42788%,91.06889% 77.66044%,89.64102% 78.66025%,55% 98.66025%,53.4202% 99.39693%,51.73648% 99.84808%,50% 100%,48.26352% 99.84808%,46.5798% 99.39693%,45% 98.66025%,10.35898% 78.66025%,8.93111% 77.66044%,7.69854% 76.42788%,6.69873% 75%,5.96206% 73.4202%,5.51091% 71.73648%,5.35898% 70%,5.35898% 30%,5.51091% 28.26352%,5.96206% 26.5798%,6.69873% 25%,7.69854% 23.57212%,8.93111% 22.33956%,10.35898% 21.33975%)}
 ._syaz6x5g{color:var(--ds-text-selected,#1868db)}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
 ._t9ec1aqe{transform:translateZ(0)}

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

@@ -4,12 +4,14 @@ import "./more-indicator.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, useCallback } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 const boxShadowCssVar = '--avatar-box-shadow';
 const styles = {
   root: "_19itglyw _12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _v564ieh6 _1e0c1txw _vchh1ntv _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _4cvr1fhb _1bah1h6o _2lx21bp4 _80omtlke _bfhki8nm _syazi7uo _16qs1nhn _t9ec1aqe _1ejjglyw _mizu194a _ra3xnqa1 _1ah3yh40 _128myh40 _irr3plhp _30l3i7uo _1di61gdz _9h8hi7uo _1q8w1np6 _jlxit94y",
   circle: "_2rko1qll",
   active: "_bfhk15s3 _16qsdfwd _syaz6x5g _t9ec1np6 _irr3ufnl _30l36x5g _1di6nozp _9h8h6x5g",
-  disabled: "_80om13gf _1peqs237 _1hfkvuon"
+  disabled: "_80om13gf _1peqs237 _1hfkvuon",
+  hexagon: "_mkrz1k6g"
 };
 const widthHeightMap = {
   xsmall: "_1bsb7vkz _4t3i7vkz",
@@ -73,7 +75,7 @@ const MoreIndicator = /*#__PURE__*/forwardRef(({
     style: {
       [boxShadowCssVar]: `0 0 0 2px ${borderColor}`
     },
-    className: ax([styles.root, borderRadiusMap[size], appearance === 'circle' && styles.circle, widthHeightMap[size], fontMap[size], isActive && styles.active])
+    className: ax([styles.root, borderRadiusMap[size], appearance === 'circle' && styles.circle, appearance === 'hexagon' && fg('jira-ai-agent-stack') && styles.hexagon, widthHeightMap[size], fontMap[size], isActive && styles.active])
   }), "+", displayCount);
 });
 MoreIndicator.displayName = 'MoreIndicator';

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

@@ -13,6 +13,7 @@ import noop from '@atlaskit/ds-lib/noop';
 import useFocus from '@atlaskit/ds-lib/use-focus-event';
 import { useId } from '@atlaskit/ds-lib/use-id';
 import { Section } from '@atlaskit/menu';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import Tooltip from '@atlaskit/tooltip';
 import AvatarGroupItem from './avatar-group-item';
@@ -66,6 +67,7 @@ function getOverrides(overrides) {
 var AvatarGroup = function AvatarGroup(_ref) {
   var _ref$appearance = _ref.appearance,
     appearance = _ref$appearance === void 0 ? 'stack' : _ref$appearance,
+    moreIndicatorAppearance = _ref.moreIndicatorAppearance,
     _ref$avatar = _ref.avatar,
     avatar = _ref$avatar === void 0 ? Avatar : _ref$avatar,
     borderColor = _ref.borderColor,
@@ -168,7 +170,7 @@ var AvatarGroup = function AvatarGroup(_ref) {
         ariaHasPopup = _ref3['aria-haspopup'],
         onClick = _ref3.onClick,
         props = _objectWithoutProperties(_ref3, _excluded);
-      return getOverrides(overrides).MoreIndicator.render(MoreIndicator, _objectSpread({
+      return getOverrides(overrides).MoreIndicator.render(MoreIndicator, _objectSpread(_objectSpread({
         buttonProps: showMoreButtonProps,
         borderColor: borderColor,
         count: total - max,
@@ -180,7 +182,9 @@ var AvatarGroup = function AvatarGroup(_ref) {
         'aria-expanded': ariaExpanded,
         'aria-haspopup': ariaHasPopup,
         onClick: onClick
-      }, props));
+      }, props), fg('jira-ai-agent-stack') && {
+        appearance: moreIndicatorAppearance
+      }));
     };
 
     // bail if the consumer wants to handle onClick

package/dist/esm/components/more-indicator.compiled.css

@@ -47,6 +47,7 @@
 ._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
 ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
 ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
+._mkrz1k6g{clip-path:polygon(45% 1.33975%,46.5798% .60307%,48.26352% .15192%,50% 0,51.73648% .15192%,53.4202% .60307%,55% 1.33975%,89.64102% 21.33975%,91.06889% 22.33956%,92.30146% 23.57212%,93.30127% 25%,94.03794% 26.5798%,94.48909% 28.26352%,94.64102% 30%,94.64102% 70%,94.48909% 71.73648%,94.03794% 73.4202%,93.30127% 75%,92.30146% 76.42788%,91.06889% 77.66044%,89.64102% 78.66025%,55% 98.66025%,53.4202% 99.39693%,51.73648% 99.84808%,50% 100%,48.26352% 99.84808%,46.5798% 99.39693%,45% 98.66025%,10.35898% 78.66025%,8.93111% 77.66044%,7.69854% 76.42788%,6.69873% 75%,5.96206% 73.4202%,5.51091% 71.73648%,5.35898% 70%,5.35898% 30%,5.51091% 28.26352%,5.96206% 26.5798%,6.69873% 25%,7.69854% 23.57212%,8.93111% 22.33956%,10.35898% 21.33975%)}
 ._syaz6x5g{color:var(--ds-text-selected,#1868db)}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
 ._t9ec1aqe{transform:translateZ(0)}

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

@@ -5,12 +5,14 @@ import "./more-indicator.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, useCallback } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 var boxShadowCssVar = '--avatar-box-shadow';
 var styles = {
   root: "_19itglyw _12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _v564ieh6 _1e0c1txw _vchh1ntv _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _4cvr1fhb _1bah1h6o _2lx21bp4 _80omtlke _bfhki8nm _syazi7uo _16qs1nhn _t9ec1aqe _1ejjglyw _mizu194a _ra3xnqa1 _1ah3yh40 _128myh40 _irr3plhp _30l3i7uo _1di61gdz _9h8hi7uo _1q8w1np6 _jlxit94y",
   circle: "_2rko1qll",
   active: "_bfhk15s3 _16qsdfwd _syaz6x5g _t9ec1np6 _irr3ufnl _30l36x5g _1di6nozp _9h8h6x5g",
-  disabled: "_80om13gf _1peqs237 _1hfkvuon"
+  disabled: "_80om13gf _1peqs237 _1hfkvuon",
+  hexagon: "_mkrz1k6g"
 };
 var widthHeightMap = {
   xsmall: "_1bsb7vkz _4t3i7vkz",
@@ -76,7 +78,7 @@ var MoreIndicator = /*#__PURE__*/forwardRef(function (_ref, ref) {
     "aria-haspopup": ariaHaspopup,
     "aria-label": ariaLabel,
     style: _defineProperty({}, boxShadowCssVar, "0 0 0 2px ".concat(borderColor)),
-    className: ax([styles.root, borderRadiusMap[size], appearance === 'circle' && styles.circle, widthHeightMap[size], fontMap[size], isActive && styles.active])
+    className: ax([styles.root, borderRadiusMap[size], appearance === 'circle' && styles.circle, appearance === 'hexagon' && fg('jira-ai-agent-stack') && styles.hexagon, widthHeightMap[size], fontMap[size], isActive && styles.active])
   }), "+", displayCount);
 });
 MoreIndicator.displayName = 'MoreIndicator';

package/dist/types/components/avatar-group.d.ts

@@ -1,5 +1,5 @@
 import React, { type ElementType, type MouseEventHandler } from 'react';
-import Avatar from '@atlaskit/avatar';
+import Avatar, { type AppearanceType } from '@atlaskit/avatar';
 import { type PositionType } from '@atlaskit/tooltip';
 import { type AvatarGroupOverrides, type AvatarGroupSize, type AvatarProps, type onAvatarClickHandler } from './types';
 export interface AvatarGroupProps {
@@ -10,6 +10,11 @@ export interface AvatarGroupProps {
      * Defaults to "stack".
      */
     appearance?: 'grid' | 'stack';
+    /**
+     * Indicates the shape of the more indicator. Most more indicators are circular, but square more indicators
+     * can be used for 'container' objects.
+     */
+    moreIndicatorAppearance?: AppearanceType;
     /**
      * Component used to render each avatar.
      */
@@ -118,5 +123,5 @@ export interface AvatarGroupProps {
  * - [Code](https://atlassian.design/components/avatar-group/code)
  * - [Usage](https://atlassian.design/components/avatar-group/usage)
  */
-declare const AvatarGroup: ({ appearance, avatar, borderColor, boundariesElement, data, isTooltipDisabled, maxCount, onAvatarClick, onMoreClick, overrides, showMoreButtonProps, size, testId, label, moreIndicatorLabel, tooltipPosition, shouldPopupRenderToParent, }: AvatarGroupProps) => React.JSX.Element;
+declare const AvatarGroup: ({ appearance, moreIndicatorAppearance, avatar, borderColor, boundariesElement, data, isTooltipDisabled, maxCount, onAvatarClick, onMoreClick, overrides, showMoreButtonProps, size, testId, label, moreIndicatorLabel, tooltipPosition, shouldPopupRenderToParent, }: AvatarGroupProps) => React.JSX.Element;
 export default AvatarGroup;

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

@@ -1,5 +1,5 @@
 import React, { type ElementType, type MouseEventHandler } from 'react';
-import Avatar from '@atlaskit/avatar';
+import Avatar, { type AppearanceType } from '@atlaskit/avatar';
 import { type PositionType } from '@atlaskit/tooltip';
 import { type AvatarGroupOverrides, type AvatarGroupSize, type AvatarProps, type onAvatarClickHandler } from './types';
 export interface AvatarGroupProps {
@@ -10,6 +10,11 @@ export interface AvatarGroupProps {
      * Defaults to "stack".
      */
     appearance?: 'grid' | 'stack';
+    /**
+     * Indicates the shape of the more indicator. Most more indicators are circular, but square more indicators
+     * can be used for 'container' objects.
+     */
+    moreIndicatorAppearance?: AppearanceType;
     /**
      * Component used to render each avatar.
      */
@@ -118,5 +123,5 @@ export interface AvatarGroupProps {
  * - [Code](https://atlassian.design/components/avatar-group/code)
  * - [Usage](https://atlassian.design/components/avatar-group/usage)
  */
-declare const AvatarGroup: ({ appearance, avatar, borderColor, boundariesElement, data, isTooltipDisabled, maxCount, onAvatarClick, onMoreClick, overrides, showMoreButtonProps, size, testId, label, moreIndicatorLabel, tooltipPosition, shouldPopupRenderToParent, }: AvatarGroupProps) => React.JSX.Element;
+declare const AvatarGroup: ({ appearance, moreIndicatorAppearance, avatar, borderColor, boundariesElement, data, isTooltipDisabled, maxCount, onAvatarClick, onMoreClick, overrides, showMoreButtonProps, size, testId, label, moreIndicatorLabel, tooltipPosition, shouldPopupRenderToParent, }: AvatarGroupProps) => React.JSX.Element;
 export default AvatarGroup;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/avatar-group",
-	"version": "12.4.11",
+	"version": "12.4.13",
 	"description": "An avatar group displays a number of avatars grouped together in a stack or grid.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -24,14 +24,14 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/avatar": "^25.8.0",
+		"@atlaskit/avatar": "^25.10.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/ds-lib": "^6.0.0",
 		"@atlaskit/menu": "^8.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popup": "^4.13.0",
 		"@atlaskit/tokens": "^11.1.0",
-		"@atlaskit/tooltip": "^20.14.0",
+		"@atlaskit/tooltip": "^21.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"bind-event-listener": "^3.0.0"
@@ -45,15 +45,16 @@
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/button": "^23.10.0",
-		"@atlaskit/docs": "^11.6.0",
+		"@atlaskit/docs": "^11.7.0",
 		"@atlaskit/form": "^15.4.0",
-		"@atlaskit/icon": "^32.0.0",
+		"@atlaskit/icon": "^33.0.0",
 		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/modal-dialog": "^14.11.0",
 		"@atlaskit/primitives": "^18.0.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/toggle": "^15.2.0",
 		"@atlassian/ssr-tests": "workspace:^",
+		"@atlassian/structured-docs-types": "workspace:^",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
 		"lodash": "^4.17.21",
@@ -96,6 +97,9 @@
 	"platform-feature-flags": {
 		"platform-avatar-group-spacing-fix": {
 			"type": "boolean"
+		},
+		"jira-ai-agent-stack": {
+			"type": "boolean"
 		}
 	}
 }