@atlaskit/page-layout 4.0.3 → 4.1.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/page-layout
 
+## 4.1.0
+
+### Minor Changes
+
+- [#146292](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/146292)
+  [`38b68fa4ad618`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/38b68fa4ad618) -
+  [https://product-fabric.atlassian.net/browse/ED-27656](ED-27656) - move editor media plugin
+  options creation to @atlassian/confluence-presets package
+
+## 4.0.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.0.3
 
 ### Patch Changes

package/dist/cjs/components/resize-control/grab-area.js

@@ -12,7 +12,6 @@ var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("../../common/constants");
 var _excluded = ["testId", "valueTextLabel", "isDisabled", "isLeftSidebarCollapsed", "label", "leftSidebarPercentageExpanded", "onKeyDown", "onMouseDown", "onBlur", "onFocus", "ref"];
-/* eslint-disable react/react-in-jsx-scope */
 /**
  * @jsxRuntime classic
  * @jsx jsx

package/dist/cjs/components/resize-control/index.js

@@ -259,10 +259,9 @@ var ResizeControl = function ResizeControl(_ref) {
 
     // TODO: no idea why this is in an animation frame
     requestAnimationFrame(function () {
-      var _updatedLeftSidebarSt;
       setIsGrabAreaFocused(false);
       // Note: the `collapseSidebar` codepath does not return state, so we need to pull it from the ref
-      onResizeEnd === null || onResizeEnd === void 0 || onResizeEnd((_updatedLeftSidebarSt = updatedLeftSidebarState) !== null && _updatedLeftSidebarSt !== void 0 ? _updatedLeftSidebarSt : stableSidebarState.current);
+      onResizeEnd === null || onResizeEnd === void 0 || onResizeEnd(updatedLeftSidebarState !== null && updatedLeftSidebarState !== void 0 ? updatedLeftSidebarState : stableSidebarState.current);
     });
   };
   var onKeyDown = function onKeyDown(event) {

package/dist/cjs/components/resize-control/resize-button.js

@@ -41,7 +41,6 @@ var resizeIconButtonStyles = (0, _react.css)({
   backgroundColor: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
   border: 0,
   borderRadius: "var(--ds-border-radius-circle, 50%)",
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage -- TODO: https://product-fabric.atlassian.net/browse/DSP-3392; this boxShadow needs further investigation, along with the hover and active background colors.
   boxShadow: "0 0 0 1px ".concat(_colors.N30A, ", 0 2px 4px 1px ").concat(_colors.N30A),
   color: "var(--ds-text-subtle, ".concat(_colors.N200, ")"),
   cursor: 'pointer',

package/dist/cjs/components/slots/banner-slot.js

@@ -31,9 +31,9 @@ var bannerFixedStyles = (0, _react2.css)({
   position: 'fixed',
   zIndex: 2,
   insetBlockStart: 0,
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   insetInlineEnd: _constants.RIGHT_PANEL_WIDTH,
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   insetInlineStart: _constants.LEFT_PANEL_WIDTH
 });
 

package/dist/cjs/components/slots/internal/left-sidebar-outer.js

@@ -108,7 +108,7 @@ var LeftSidebarOuterComponent = function LeftSidebarOuterComponent(_ref, ref) {
        * On mobile, the `onClick` handler controls the toggled flyout behaviour.
        * This is not intended to be how you use this with a keyboard, there is a ResizeButton for this intentionally instead.
        */
-      // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
       (0, _react2.jsx)("div", (0, _extends2.default)({
         css: [
         // mobile viewport styles

package/dist/cjs/components/slots/left-sidebar.js

@@ -296,7 +296,7 @@ var LeftSidebar = function LeftSidebar(props) {
    * On mobile, the `onClick` handler controls the toggled flyout behaviour.
    * This is not intended to be how you use this with a keyboard, there is a ResizeButton for this intentionally instead.
    */
-  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
   (0, _react2.jsx)("div", {
     css: [hiddenBackdropStyles, isFlyoutOpen && openBackdropStyles],
     onClick: closeMobileFlyout

package/dist/cjs/components/slots/main.js

@@ -43,7 +43,7 @@ var draggingStyles = (0, _react2.css)({
  * while main remains in place.
  */
 var flyoutStyles = (0, _react2.css)({
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   marginInlineStart: "calc(-1 * var(--".concat(_constants.VAR_LEFT_SIDEBAR_FLYOUT, ", ").concat(_constants.DEFAULT_LEFT_SIDEBAR_FLYOUT_WIDTH, "px) + ").concat(_constants.COLLAPSED_LEFT_SIDEBAR_WIDTH, "px)")
 });
 

package/dist/cjs/components/slots/top-navigation.js

@@ -30,11 +30,11 @@ var topNavigationStyles = (0, _react2.css)({
 var fixedStyles = (0, _react2.css)({
   position: 'fixed',
   zIndex: 2,
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   insetBlockStart: _constants.BANNER_HEIGHT,
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   insetInlineEnd: _constants.RIGHT_PANEL_WIDTH,
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   insetInlineStart: _constants.LEFT_PANEL_WIDTH
 });
 

package/dist/es2019/components/resize-control/grab-area.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-/* eslint-disable react/react-in-jsx-scope */
 /**
  * @jsxRuntime classic
  * @jsx jsx

package/dist/es2019/components/resize-control/resize-button.js

@@ -22,7 +22,7 @@ const increaseHitAreaStyles = css({
   insetInlineStart: `${"var(--ds-space-negative-100, -8px)"}`
 });
 const mobileStyles = css({
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles -- Ignored via go/DSP-18766
   [UNSAFE_media.below.sm]: {
     opacity: 1
   }
@@ -35,7 +35,6 @@ const resizeIconButtonStyles = css({
   backgroundColor: `var(--ds-surface-overlay, ${N0})`,
   border: 0,
   borderRadius: "var(--ds-border-radius-circle, 50%)",
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage -- TODO: https://product-fabric.atlassian.net/browse/DSP-3392; this boxShadow needs further investigation, along with the hover and active background colors.
   boxShadow: `0 0 0 1px ${N30A}, 0 2px 4px 1px ${N30A}`,
   color: `var(--ds-text-subtle, ${N200})`,
   cursor: 'pointer',

package/dist/es2019/components/slots/banner-slot.js

@@ -22,9 +22,9 @@ const bannerFixedStyles = css({
   position: 'fixed',
   zIndex: 2,
   insetBlockStart: 0,
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   insetInlineEnd: RIGHT_PANEL_WIDTH,
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   insetInlineStart: LEFT_PANEL_WIDTH
 });
 

package/dist/es2019/components/slots/internal/left-sidebar-outer.js

@@ -109,7 +109,7 @@ const LeftSidebarOuterComponent = ({
    * On mobile, the `onClick` handler controls the toggled flyout behaviour.
    * This is not intended to be how you use this with a keyboard, there is a ResizeButton for this intentionally instead.
    */
-  // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
   jsx("div", _extends({
     css: [
     // mobile viewport styles

package/dist/es2019/components/slots/left-sidebar.js

@@ -297,7 +297,7 @@ const LeftSidebar = props => {
    * On mobile, the `onClick` handler controls the toggled flyout behaviour.
    * This is not intended to be how you use this with a keyboard, there is a ResizeButton for this intentionally instead.
    */
-  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
   jsx("div", {
     css: [hiddenBackdropStyles, isFlyoutOpen && openBackdropStyles],
     onClick: closeMobileFlyout

package/dist/es2019/components/slots/main.js

@@ -36,7 +36,7 @@ const draggingStyles = css({
  * while main remains in place.
  */
 const flyoutStyles = css({
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   marginInlineStart: `calc(-1 * var(--${VAR_LEFT_SIDEBAR_FLYOUT}, ${DEFAULT_LEFT_SIDEBAR_FLYOUT_WIDTH}px) + ${COLLAPSED_LEFT_SIDEBAR_WIDTH}px)`
 });
 

package/dist/es2019/components/slots/top-navigation.js

@@ -21,11 +21,11 @@ const topNavigationStyles = css({
 const fixedStyles = css({
   position: 'fixed',
   zIndex: 2,
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   insetBlockStart: BANNER_HEIGHT,
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   insetInlineEnd: RIGHT_PANEL_WIDTH,
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   insetInlineStart: LEFT_PANEL_WIDTH
 });
 

package/dist/esm/components/resize-control/grab-area.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["testId", "valueTextLabel", "isDisabled", "isLeftSidebarCollapsed", "label", "leftSidebarPercentageExpanded", "onKeyDown", "onMouseDown", "onBlur", "onFocus", "ref"];
-/* eslint-disable react/react-in-jsx-scope */
 /**
  * @jsxRuntime classic
  * @jsx jsx

package/dist/esm/components/resize-control/index.js

@@ -256,10 +256,9 @@ var ResizeControl = function ResizeControl(_ref) {
 
     // TODO: no idea why this is in an animation frame
     requestAnimationFrame(function () {
-      var _updatedLeftSidebarSt;
       setIsGrabAreaFocused(false);
       // Note: the `collapseSidebar` codepath does not return state, so we need to pull it from the ref
-      onResizeEnd === null || onResizeEnd === void 0 || onResizeEnd((_updatedLeftSidebarSt = updatedLeftSidebarState) !== null && _updatedLeftSidebarSt !== void 0 ? _updatedLeftSidebarSt : stableSidebarState.current);
+      onResizeEnd === null || onResizeEnd === void 0 || onResizeEnd(updatedLeftSidebarState !== null && updatedLeftSidebarState !== void 0 ? updatedLeftSidebarState : stableSidebarState.current);
     });
   };
   var onKeyDown = function onKeyDown(event) {

package/dist/esm/components/resize-control/resize-button.js

@@ -35,7 +35,6 @@ var resizeIconButtonStyles = css({
   backgroundColor: "var(--ds-surface-overlay, ".concat(N0, ")"),
   border: 0,
   borderRadius: "var(--ds-border-radius-circle, 50%)",
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage -- TODO: https://product-fabric.atlassian.net/browse/DSP-3392; this boxShadow needs further investigation, along with the hover and active background colors.
   boxShadow: "0 0 0 1px ".concat(N30A, ", 0 2px 4px 1px ").concat(N30A),
   color: "var(--ds-text-subtle, ".concat(N200, ")"),
   cursor: 'pointer',

package/dist/esm/components/slots/banner-slot.js

@@ -23,9 +23,9 @@ var bannerFixedStyles = css({
   position: 'fixed',
   zIndex: 2,
   insetBlockStart: 0,
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   insetInlineEnd: RIGHT_PANEL_WIDTH,
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   insetInlineStart: LEFT_PANEL_WIDTH
 });
 

package/dist/esm/components/slots/internal/left-sidebar-outer.js

@@ -100,7 +100,7 @@ var LeftSidebarOuterComponent = function LeftSidebarOuterComponent(_ref, ref) {
        * On mobile, the `onClick` handler controls the toggled flyout behaviour.
        * This is not intended to be how you use this with a keyboard, there is a ResizeButton for this intentionally instead.
        */
-      // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
       jsx("div", _extends({
         css: [
         // mobile viewport styles

package/dist/esm/components/slots/left-sidebar.js

@@ -293,7 +293,7 @@ var LeftSidebar = function LeftSidebar(props) {
    * On mobile, the `onClick` handler controls the toggled flyout behaviour.
    * This is not intended to be how you use this with a keyboard, there is a ResizeButton for this intentionally instead.
    */
-  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
   jsx("div", {
     css: [hiddenBackdropStyles, isFlyoutOpen && openBackdropStyles],
     onClick: closeMobileFlyout

package/dist/esm/components/slots/main.js

@@ -36,7 +36,7 @@ var draggingStyles = css({
  * while main remains in place.
  */
 var flyoutStyles = css({
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   marginInlineStart: "calc(-1 * var(--".concat(VAR_LEFT_SIDEBAR_FLYOUT, ", ").concat(DEFAULT_LEFT_SIDEBAR_FLYOUT_WIDTH, "px) + ").concat(COLLAPSED_LEFT_SIDEBAR_WIDTH, "px)")
 });
 

package/dist/esm/components/slots/top-navigation.js

@@ -22,11 +22,11 @@ var topNavigationStyles = css({
 var fixedStyles = css({
   position: 'fixed',
   zIndex: 2,
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   insetBlockStart: BANNER_HEIGHT,
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   insetInlineEnd: RIGHT_PANEL_WIDTH,
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   insetInlineStart: LEFT_PANEL_WIDTH
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/page-layout",
-	"version": "4.0.3",
+	"version": "4.1.0",
 	"description": "A collection of components which let you compose an application's page layout.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -42,13 +42,13 @@
 	"homepage": "https://atlassian.design/components/page-layout/",
 	"dependencies": {
 		"@atlaskit/ds-lib": "^4.0.0",
-		"@atlaskit/icon": "^24.1.0",
-		"@atlaskit/link": "^3.0.0",
-		"@atlaskit/motion": "^5.0.0",
+		"@atlaskit/icon": "^25.6.0",
+		"@atlaskit/link": "^3.1.0",
+		"@atlaskit/motion": "^5.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.1.0",
+		"@atlaskit/primitives": "^14.4.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^4.3.0",
+		"@atlaskit/tokens": "^4.8.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"bind-event-listener": "^3.0.0",
@@ -59,19 +59,19 @@
 		"react-dom": "^18.2.0"
 	},
 	"devDependencies": {
-		"@af/accessibility-testing": "*",
-		"@af/integration-testing": "*",
-		"@atlaskit/atlassian-navigation": "^5.0.0",
-		"@atlaskit/button": "^21.1.0",
-		"@atlaskit/docs": "*",
+		"@af/accessibility-testing": "workspace:^",
+		"@af/integration-testing": "workspace:^",
+		"@atlaskit/atlassian-navigation": "^5.1.0",
+		"@atlaskit/button": "^23.0.0",
+		"@atlaskit/docs": "^10.0.0",
 		"@atlaskit/logo": "^16.0.0",
-		"@atlaskit/menu": "^3.1.0",
-		"@atlaskit/popup": "^2.0.0",
-		"@atlaskit/section-message": "*",
-		"@atlaskit/side-navigation": "^6.0.0",
-		"@atlaskit/ssr": "*",
+		"@atlaskit/menu": "^3.2.0",
+		"@atlaskit/popup": "^4.1.0",
+		"@atlaskit/section-message": "^8.2.0",
+		"@atlaskit/side-navigation": "^8.0.0",
 		"@atlaskit/tooltip": "^20.0.0",
-		"@atlaskit/visual-regression": "*",
+		"@atlaskit/visual-regression": "workspace:^",
+		"@atlassian/ssr-tests": "^0.2.0",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/react-hooks": "^8.0.1",
 		"@types/raf-schd": "^4.0.1",