@atlaskit/smart-card 44.29.1 → 45.0.0

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @atlaskit/smart-card
 
+## 45.0.0
+
+### Major Changes
+
+- [`f2dc9097319f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2dc9097319f0) - ###
+  Dropped support for _legacy_ Typescript 4 types. **Typescript 5 is now the new minimum**.
+
+  Removes the `typesVersions` property and `dist/types-ts4.5` directory from the dist.
+
+  Types are now exclusively via the `"types": "dist/types/index.d.ts"` property.
+
+  ```diff
+  - "typesVersions": {
+  -    ">=4.5 <4.9": {
+  -        "*": [
+  -            "dist/types-ts4.5/*",
+  -            "dist/types-ts4.5/index.d.ts"
+  -        ]
+  -    }
+  - },
+  ```
+
+### Minor Changes
+
+- [`25fd7be91917c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/25fd7be91917c) -
+  Add `title` prop to SmartLink SSR to fix hydration issues when the container is clickable
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 44.29.1
 
 ### Patch Changes

package/dist/cjs/utils/analytics/analytics.js

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card" || '',
-  packageVersion: "44.29.0" || ''
+  packageVersion: "44.29.1" || ''
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/CardWithUrl/component.js

@@ -43,6 +43,7 @@ var TRACK_NON_PRIMARY_3P_CLICKS_EXPERIMENT = 'linking_platform_track_non_primary
 function Component(_ref) {
   var id = _ref.id,
     url = _ref.url,
+    title = _ref.title,
     isSelected = _ref.isSelected,
     isHovered = _ref.isHovered,
     frameStyle = _ref.frameStyle,
@@ -428,6 +429,7 @@ function Component(_ref) {
       hoverPreviewOptions: hoverPreviewOptions,
       actionOptions: actionOptions,
       url: url,
+      title: title,
       testId: testId,
       onResolve: onResolve,
       onError: onError

package/dist/cjs/view/FlexibleCard/components/container/index.js

@@ -83,11 +83,14 @@ var getTitleBlockProps = function getTitleBlockProps(children) {
     return block.props;
   }
 };
-var getLayeredLink = function getLayeredLink(testId, context, children, onClick, onAuxClick, onContextMenu) {
+var getLayeredLink = function getLayeredLink(testId, context, children, onClick, onAuxClick, onContextMenu, title) {
   var _ref = context || {},
     linkTitle = _ref.linkTitle,
     _ref$url = _ref.url,
     url = _ref$url === void 0 ? '' : _ref$url;
+  // SSR cannot reliably extract TitleBlock props from children, so `title` is
+  // provided from CardSSR as a stable server/client value to prevent hydration
+  // text mismatches for the clickable container link.
   var _ref2 = getTitleBlockProps(children) || {},
     target = _ref2.anchorTarget,
     text = _ref2.text;
@@ -97,7 +100,7 @@ var getLayeredLink = function getLayeredLink(testId, context, children, onClick,
     onContextMenu: onContextMenu,
     target: target,
     testId: testId,
-    text: text || (linkTitle === null || linkTitle === void 0 ? void 0 : linkTitle.text),
+    text: title || text || (linkTitle === null || linkTitle === void 0 ? void 0 : linkTitle.text),
     url: url
   });
 };
@@ -188,7 +191,8 @@ var Container = function Container(_ref3) {
     size = _ref3$size === void 0 ? _constants.SmartLinkSize.Medium : _ref3$size,
     status = _ref3.status,
     _ref3$testId = _ref3.testId,
-    testId = _ref3$testId === void 0 ? 'smart-links-container' : _ref3$testId;
+    testId = _ref3$testId === void 0 ? 'smart-links-container' : _ref3$testId,
+    title = _ref3.title;
   var padding = hidePadding ? '0px' : getPadding(size);
   var gap = getGap(size);
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
@@ -209,7 +213,7 @@ var Container = function Container(_ref3) {
       "--_73mooq": (0, _runtime.ix)(previewOnLeft ? gap : padding),
       "--_12k13bg": (0, _runtime.ix)(previewOnRight ? gap : padding)
     }
-  }, clickableContainer ? getLayeredLink(testId, context, children, onClick, onAuxClick, onContextMenu) : null, filterChildren(children, removeBlockRestriction));
+  }, clickableContainer ? getLayeredLink(testId, context, children, onClick, onAuxClick, onContextMenu, title) : null, filterChildren(children, removeBlockRestriction));
   if (context !== null && context !== void 0 && context.url && canShowHoverCard) {
     return /*#__PURE__*/_react.default.createElement(_hoverCardControl.default, {
       isHoverPreview: isResolved || hasHoverCardOverride,

package/dist/cjs/view/FlexibleCard/index.js

@@ -54,7 +54,8 @@ var FlexibleCard = function FlexibleCard(_ref) {
     actionOptions = _ref.actionOptions,
     testId = _ref.testId,
     ui = _ref.ui,
-    url = _ref.url;
+    url = _ref.url,
+    ssrTitle = _ref.title;
   var aiSummaryConfig = (0, _useAiSummaryConfig.useAISummaryConfig)();
   var resolve = (0, _useResolve.default)();
   var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
@@ -154,6 +155,7 @@ var FlexibleCard = function FlexibleCard(_ref) {
   }), /*#__PURE__*/_react.default.createElement(_container.default, (0, _extends2.default)({
     testId: testId
   }, ui, {
+    title: ssrTitle,
     onClick: onClick,
     onAuxClick: onAuxClick,
     onContextMenu: onContextMenu,

package/dist/cjs/view/LinkUrl/index.js

@@ -19,7 +19,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "44.29.0",
+  packageVersion: "44.29.1",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

package/dist/es2019/utils/analytics/analytics.js

@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card" || '',
-  packageVersion: "44.29.0" || ''
+  packageVersion: "44.29.1" || ''
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/CardWithUrl/component.js

@@ -31,6 +31,7 @@ const TRACK_NON_PRIMARY_3P_CLICKS_EXPERIMENT = 'linking_platform_track_non_prima
 function Component({
   id,
   url,
+  title,
   isSelected,
   isHovered,
   frameStyle,
@@ -419,6 +420,7 @@ function Component({
       hoverPreviewOptions: hoverPreviewOptions,
       actionOptions: actionOptions,
       url: url,
+      title: title,
       testId: testId,
       onResolve: onResolve,
       onError: onError

package/dist/es2019/view/FlexibleCard/components/container/index.js

@@ -72,11 +72,14 @@ const getTitleBlockProps = children => {
     return block.props;
   }
 };
-const getLayeredLink = (testId, context, children, onClick, onAuxClick, onContextMenu) => {
+const getLayeredLink = (testId, context, children, onClick, onAuxClick, onContextMenu, title) => {
   const {
     linkTitle,
     url = ''
   } = context || {};
+  // SSR cannot reliably extract TitleBlock props from children, so `title` is
+  // provided from CardSSR as a stable server/client value to prevent hydration
+  // text mismatches for the clickable container link.
   const {
     anchorTarget: target,
     text
@@ -87,7 +90,7 @@ const getLayeredLink = (testId, context, children, onClick, onAuxClick, onContex
     onContextMenu: onContextMenu,
     target: target,
     testId: testId,
-    text: text || (linkTitle === null || linkTitle === void 0 ? void 0 : linkTitle.text),
+    text: title || text || (linkTitle === null || linkTitle === void 0 ? void 0 : linkTitle.text),
     url: url
   });
 };
@@ -170,7 +173,8 @@ const Container = ({
   removeBlockRestriction = false,
   size = SmartLinkSize.Medium,
   status,
-  testId = 'smart-links-container'
+  testId = 'smart-links-container',
+  title
 }) => {
   const padding = hidePadding ? '0px' : getPadding(size);
   const gap = getGap(size);
@@ -193,7 +197,7 @@ const Container = ({
       "--_73mooq": ix(previewOnLeft ? gap : padding),
       "--_12k13bg": ix(previewOnRight ? gap : padding)
     }
-  }, clickableContainer ? getLayeredLink(testId, context, children, onClick, onAuxClick, onContextMenu) : null, filterChildren(children, removeBlockRestriction));
+  }, clickableContainer ? getLayeredLink(testId, context, children, onClick, onAuxClick, onContextMenu, title) : null, filterChildren(children, removeBlockRestriction));
   if (context !== null && context !== void 0 && context.url && canShowHoverCard) {
     return /*#__PURE__*/React.createElement(HoverCardControl, {
       isHoverPreview: isResolved || hasHoverCardOverride,

package/dist/es2019/view/FlexibleCard/index.js

@@ -40,7 +40,8 @@ const FlexibleCard = ({
   actionOptions,
   testId,
   ui,
-  url
+  url,
+  title: ssrTitle
 }) => {
   var _details$meta2, _flexibleCardContext$, _flexibleCardContext$2;
   const aiSummaryConfig = useAISummaryConfig();
@@ -138,6 +139,7 @@ const FlexibleCard = ({
   }), /*#__PURE__*/React.createElement(Container, _extends({
     testId: testId
   }, ui, {
+    title: ssrTitle,
     onClick: onClick,
     onAuxClick: onAuxClick,
     onContextMenu: onContextMenu,

package/dist/es2019/view/LinkUrl/index.js

@@ -9,7 +9,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "44.29.0",
+  packageVersion: "44.29.1",
   componentName: 'linkUrl'
 };
 const LinkUrl = ({

package/dist/esm/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card" || '',
-  packageVersion: "44.29.0" || ''
+  packageVersion: "44.29.1" || ''
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/CardWithUrl/component.js

@@ -34,6 +34,7 @@ var TRACK_NON_PRIMARY_3P_CLICKS_EXPERIMENT = 'linking_platform_track_non_primary
 function Component(_ref) {
   var id = _ref.id,
     url = _ref.url,
+    title = _ref.title,
     isSelected = _ref.isSelected,
     isHovered = _ref.isHovered,
     frameStyle = _ref.frameStyle,
@@ -419,6 +420,7 @@ function Component(_ref) {
       hoverPreviewOptions: hoverPreviewOptions,
       actionOptions: actionOptions,
       url: url,
+      title: title,
       testId: testId,
       onResolve: onResolve,
       onError: onError

package/dist/esm/view/FlexibleCard/components/container/index.js

@@ -77,11 +77,14 @@ var getTitleBlockProps = function getTitleBlockProps(children) {
     return block.props;
   }
 };
-var getLayeredLink = function getLayeredLink(testId, context, children, onClick, onAuxClick, onContextMenu) {
+var getLayeredLink = function getLayeredLink(testId, context, children, onClick, onAuxClick, onContextMenu, title) {
   var _ref = context || {},
     linkTitle = _ref.linkTitle,
     _ref$url = _ref.url,
     url = _ref$url === void 0 ? '' : _ref$url;
+  // SSR cannot reliably extract TitleBlock props from children, so `title` is
+  // provided from CardSSR as a stable server/client value to prevent hydration
+  // text mismatches for the clickable container link.
   var _ref2 = getTitleBlockProps(children) || {},
     target = _ref2.anchorTarget,
     text = _ref2.text;
@@ -91,7 +94,7 @@ var getLayeredLink = function getLayeredLink(testId, context, children, onClick,
     onContextMenu: onContextMenu,
     target: target,
     testId: testId,
-    text: text || (linkTitle === null || linkTitle === void 0 ? void 0 : linkTitle.text),
+    text: title || text || (linkTitle === null || linkTitle === void 0 ? void 0 : linkTitle.text),
     url: url
   });
 };
@@ -182,7 +185,8 @@ var Container = function Container(_ref3) {
     size = _ref3$size === void 0 ? SmartLinkSize.Medium : _ref3$size,
     status = _ref3.status,
     _ref3$testId = _ref3.testId,
-    testId = _ref3$testId === void 0 ? 'smart-links-container' : _ref3$testId;
+    testId = _ref3$testId === void 0 ? 'smart-links-container' : _ref3$testId,
+    title = _ref3.title;
   var padding = hidePadding ? '0px' : getPadding(size);
   var gap = getGap(size);
   var context = useFlexibleUiContext();
@@ -203,7 +207,7 @@ var Container = function Container(_ref3) {
       "--_73mooq": ix(previewOnLeft ? gap : padding),
       "--_12k13bg": ix(previewOnRight ? gap : padding)
     }
-  }, clickableContainer ? getLayeredLink(testId, context, children, onClick, onAuxClick, onContextMenu) : null, filterChildren(children, removeBlockRestriction));
+  }, clickableContainer ? getLayeredLink(testId, context, children, onClick, onAuxClick, onContextMenu, title) : null, filterChildren(children, removeBlockRestriction));
   if (context !== null && context !== void 0 && context.url && canShowHoverCard) {
     return /*#__PURE__*/React.createElement(HoverCardControl, {
       isHoverPreview: isResolved || hasHoverCardOverride,

package/dist/esm/view/FlexibleCard/index.js

@@ -45,7 +45,8 @@ var FlexibleCard = function FlexibleCard(_ref) {
     actionOptions = _ref.actionOptions,
     testId = _ref.testId,
     ui = _ref.ui,
-    url = _ref.url;
+    url = _ref.url,
+    ssrTitle = _ref.title;
   var aiSummaryConfig = useAISummaryConfig();
   var resolve = useResolve();
   var _useSmartLinkContext = useSmartLinkContext(),
@@ -145,6 +146,7 @@ var FlexibleCard = function FlexibleCard(_ref) {
   }), /*#__PURE__*/React.createElement(Container, _extends({
     testId: testId
   }, ui, {
+    title: ssrTitle,
     onClick: onClick,
     onAuxClick: onAuxClick,
     onContextMenu: onContextMenu,

package/dist/esm/view/LinkUrl/index.js

@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "44.29.0",
+  packageVersion: "44.29.1",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

package/dist/types/ssr.d.ts

@@ -5,5 +5,11 @@ export type CardSSRProps = CardProps & {
     hideIconLoadingSkeleton?: boolean;
     placeholderData?: SmartLinkResponse;
     url: string;
+    /**
+     * Server-rendered title fallback passed through to FlexibleCard layered links.
+     * On SSR we cannot reliably derive TitleBlock text from children, so this keeps
+     * server/client link text aligned and avoids hydration mismatches.
+     */
+    title?: string;
 };
 export declare const CardSSR: (props: CardSSRProps) => React.JSX.Element;

package/dist/types/view/CardWithUrl/types.d.ts

@@ -37,4 +37,5 @@ export type CardWithUrlContentProps = {
     truncateInline?: boolean;
     ui?: FlexibleUiOptions;
     url: string;
+    title?: string;
 };

package/dist/types/view/FlexibleCard/components/container/index.d.ts

@@ -21,5 +21,5 @@ export declare const getFlexibleUiBlock: (node: React.ReactNode) => React.ReactN
  * @internal
  * @see Block
  */
-declare const Container: ({ children, clickableContainer, hideBackground, hideElevation, hidePadding, onClick, onAuxClick, onContextMenu, retry, showHoverPreview, hoverPreviewOptions, actionOptions, removeBlockRestriction, size, status, testId, }: ContainerProps) => JSX.Element;
+declare const Container: ({ children, clickableContainer, hideBackground, hideElevation, hidePadding, onClick, onAuxClick, onContextMenu, retry, showHoverPreview, hoverPreviewOptions, actionOptions, removeBlockRestriction, size, status, testId, title, }: ContainerProps) => JSX.Element;
 export default Container;

package/dist/types/view/FlexibleCard/components/container/types.d.ts

@@ -1,7 +1,7 @@
 import { type PropsWithChildren } from 'react';
 import { type SmartLinkStatus } from '../../../../constants';
 import { type FlexibleCardProps, type FlexibleUiOptions, type RetryOptions } from '../../types';
-export type ContainerProps = PropsWithChildren<Pick<FlexibleCardProps, 'onClick' | 'onAuxClick' | 'onContextMenu' | 'showHoverPreview' | 'hoverPreviewOptions' | 'actionOptions'> & FlexibleUiOptions & {
+export type ContainerProps = PropsWithChildren<Pick<FlexibleCardProps, 'onClick' | 'onAuxClick' | 'onContextMenu' | 'showHoverPreview' | 'hoverPreviewOptions' | 'actionOptions' | 'title'> & FlexibleUiOptions & {
     /**
      * The options that determine the retry behaviour when a Smart Link errors.
      */

package/dist/types/view/FlexibleCard/index.d.ts

@@ -6,5 +6,5 @@ import { type FlexibleCardProps } from './types';
  * Note: TitleBlock is mandatory for a Flexible Card to render.
  * @see Container
  */
-declare const FlexibleCard: ({ appearance, cardState, children, id, onAuthorize, onClick, onAuxClick, onContextMenu, onError, onResolve, origin, placeholderData, renderers, showHoverPreview, hoverPreviewOptions, actionOptions, testId, ui, url, }: FlexibleCardProps) => React.JSX.Element;
+declare const FlexibleCard: ({ appearance, cardState, children, id, onAuthorize, onClick, onAuxClick, onContextMenu, onError, onResolve, origin, placeholderData, renderers, showHoverPreview, hoverPreviewOptions, actionOptions, testId, ui, url, title: ssrTitle, }: FlexibleCardProps) => React.JSX.Element;
 export default FlexibleCard;

package/dist/types/view/FlexibleCard/types.d.ts

@@ -109,6 +109,10 @@ export type FlexibleCardProps = {
      * Determines the URL of the Smart Link.
      */
     url: string;
+    /**
+     * Determines the link title in the LayeredLink.
+     */
+    title?: string;
 };
 export type InternalFlexibleUiOptions = FlexibleUiOptions & {
     hideLegacyButton?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "44.29.1",
+	"version": "45.0.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -35,63 +35,63 @@
 		"ak-postbuild": "ls -d dist/* | xargs -n 1 copyfiles -u 1 -V src/**/*.{svg,png}"
 	},
 	"dependencies": {
-		"@atlaskit/adf-utils": "^19.33.0",
+		"@atlaskit/adf-utils": "^20.0.0",
 		"@atlaskit/afm-i18n-platform-linking-platform-smart-card": "2.6.0",
-		"@atlaskit/analytics-cross-product": "^1.2.0",
-		"@atlaskit/analytics-gas-types": "^5.1.0",
-		"@atlaskit/analytics-next": "^11.3.0",
-		"@atlaskit/avatar": "^25.15.0",
-		"@atlaskit/avatar-group": "^12.10.0",
-		"@atlaskit/badge": "^18.7.0",
-		"@atlaskit/browser-apis": "^0.0.2",
-		"@atlaskit/button": "^23.11.0",
-		"@atlaskit/checkbox": "^17.3.0",
-		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/dropdown-menu": "^16.10.0",
-		"@atlaskit/embedded-confluence": "^5.1.0",
-		"@atlaskit/feature-gate-js-client": "^5.8.0",
-		"@atlaskit/flag": "^17.13.0",
-		"@atlaskit/form": "^15.5.0",
-		"@atlaskit/frontend-utilities": "^3.4.0",
-		"@atlaskit/heading": "^5.4.0",
-		"@atlaskit/icon": "^35.4.0",
-		"@atlaskit/icon-file-type": "^7.0.0",
-		"@atlaskit/icon-lab": "^6.14.0",
-		"@atlaskit/image": "^3.1.0",
-		"@atlaskit/json-ld-types": "^1.5.0",
-		"@atlaskit/link": "^3.4.0",
-		"@atlaskit/link-analytics": "^11.1.0",
-		"@atlaskit/link-client-extension": "^6.1.0",
-		"@atlaskit/link-extractors": "^2.7.0",
-		"@atlaskit/link-test-helpers": "^10.4.0",
-		"@atlaskit/linking-common": "^9.13.0",
-		"@atlaskit/linking-types": "^14.4.0",
-		"@atlaskit/logo": "^20.2.0",
-		"@atlaskit/lozenge": "^13.9.0",
-		"@atlaskit/menu": "^8.5.0",
-		"@atlaskit/modal-dialog": "^15.3.0",
-		"@atlaskit/motion": "^6.2.0",
-		"@atlaskit/object": "^1.0.0",
-		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
-		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/platform-feature-flags-react": "^0.5.0",
-		"@atlaskit/popup": "^4.25.0",
-		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/react-ufo": "^6.7.0",
-		"@atlaskit/rovo-triggers": "^7.6.0",
-		"@atlaskit/section-message": "^8.13.0",
-		"@atlaskit/select": "^21.12.0",
-		"@atlaskit/spinner": "^19.1.0",
-		"@atlaskit/tag": "^14.16.0",
-		"@atlaskit/textarea": "^8.3.0",
-		"@atlaskit/textfield": "^8.3.0",
-		"@atlaskit/theme": "^25.0.0",
-		"@atlaskit/tile": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^103.0.0",
-		"@atlaskit/tokens": "^13.4.0",
-		"@atlaskit/tooltip": "^22.6.0",
-		"@atlaskit/ufo": "^0.5.0",
-		"@atlaskit/width-detector": "^5.1.0",
+		"@atlaskit/analytics-cross-product": "^2.0.0",
+		"@atlaskit/analytics-gas-types": "^6.0.0",
+		"@atlaskit/analytics-next": "^12.0.0",
+		"@atlaskit/avatar": "^26.0.0",
+		"@atlaskit/avatar-group": "^13.0.0",
+		"@atlaskit/badge": "^19.0.0",
+		"@atlaskit/browser-apis": "^1.0.0",
+		"@atlaskit/button": "^24.0.0",
+		"@atlaskit/checkbox": "^18.0.0",
+		"@atlaskit/css": "^1.0.0",
+		"@atlaskit/dropdown-menu": "^17.0.0",
+		"@atlaskit/embedded-confluence": "^6.0.0",
+		"@atlaskit/feature-gate-js-client": "^6.0.0",
+		"@atlaskit/flag": "^18.0.0",
+		"@atlaskit/form": "^16.0.0",
+		"@atlaskit/frontend-utilities": "^4.0.0",
+		"@atlaskit/heading": "^6.0.0",
+		"@atlaskit/icon": "^36.0.0",
+		"@atlaskit/icon-file-type": "^8.0.0",
+		"@atlaskit/icon-lab": "^7.0.0",
+		"@atlaskit/image": "^4.0.0",
+		"@atlaskit/json-ld-types": "^2.0.0",
+		"@atlaskit/link": "^4.0.0",
+		"@atlaskit/link-analytics": "^12.0.0",
+		"@atlaskit/link-client-extension": "^7.0.0",
+		"@atlaskit/link-extractors": "^3.0.0",
+		"@atlaskit/link-test-helpers": "^11.0.0",
+		"@atlaskit/linking-common": "^10.0.0",
+		"@atlaskit/linking-types": "^15.0.0",
+		"@atlaskit/logo": "^21.0.0",
+		"@atlaskit/lozenge": "^14.0.0",
+		"@atlaskit/menu": "^9.0.0",
+		"@atlaskit/modal-dialog": "^16.0.0",
+		"@atlaskit/motion": "^7.0.0",
+		"@atlaskit/object": "^2.0.0",
+		"@atlaskit/outbound-auth-flow-client": "^4.0.0",
+		"@atlaskit/platform-feature-flags": "^2.0.0",
+		"@atlaskit/platform-feature-flags-react": "^1.0.0",
+		"@atlaskit/popup": "^5.0.0",
+		"@atlaskit/primitives": "^20.0.0",
+		"@atlaskit/react-ufo": "^7.0.0",
+		"@atlaskit/rovo-triggers": "^8.0.0",
+		"@atlaskit/section-message": "^9.0.0",
+		"@atlaskit/select": "^22.0.0",
+		"@atlaskit/spinner": "^20.0.0",
+		"@atlaskit/tag": "^15.0.0",
+		"@atlaskit/textarea": "^9.0.0",
+		"@atlaskit/textfield": "^9.0.0",
+		"@atlaskit/theme": "^26.0.0",
+		"@atlaskit/tile": "^2.0.0",
+		"@atlaskit/tmp-editor-statsig": "^104.0.0",
+		"@atlaskit/tokens": "^14.0.0",
+		"@atlaskit/tooltip": "^23.0.0",
+		"@atlaskit/ufo": "^1.0.0",
+		"@atlaskit/width-detector": "^6.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"@formatjs/intl-utils": "^3.8.4",
@@ -107,7 +107,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/link-provider": "^4.7.0",
+		"@atlaskit/link-provider": "^5.0.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
@@ -115,9 +115,9 @@
 	"devDependencies": {
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/analytics-listeners": "^10.1.0",
-		"@atlaskit/css-reset": "^7.4.0",
-		"@atlaskit/media-test-helpers": "^41.2.0",
+		"@atlaskit/analytics-listeners": "^11.0.0",
+		"@atlaskit/css-reset": "^8.0.0",
+		"@atlaskit/media-test-helpers": "^42.0.0",
 		"@atlaskit/ssr": "workspace:^",
 		"@atlassian/a11y-jest-testing": "^0.12.0",
 		"@atlassian/analytics-tooling": "workspace:^",
@@ -169,14 +169,6 @@
 			]
 		}
 	},
-	"typesVersions": {
-		">=4.5 <4.9": {
-			"*": [
-				"dist/types-ts4.5/*",
-				"dist/types-ts4.5/index.d.ts"
-			]
-		}
-	},
 	"platform-feature-flags": {
 		"platform_navx_3298_message_wrapper": {
 			"type": "boolean"