@atlaskit/page-layout 4.2.33 → 4.2.34

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/page-layout
 
+## 4.2.34
+
+### Patch Changes
+
+- [`7aef1e49e90ea`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7aef1e49e90ea) -
+  Removes redundant fallback color values via @atlaskit/theme
+- Updated dependencies
+
 ## 4.2.33
 
 ### Patch Changes

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

@@ -11,7 +11,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var React = _interopRequireWildcard(require("react"));
 var _react2 = 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"];
 /**
@@ -40,7 +39,7 @@ var grabAreaStyles = (0, _react2.css)({
   '&:focus': {
     outline: 0
   },
-  '&:enabled:hover, &:enabled:focus, &:enabled:active': (0, _defineProperty2.default)({}, varLineColor, "var(--ds-border-selected, ".concat(_colors.B200, ")"))
+  '&:enabled:hover, &:enabled:focus, &:enabled:active': (0, _defineProperty2.default)({}, varLineColor, "var(--ds-border-selected, #1868DB)")
 });
 var grabAreaCollapsedStyles = (0, _react2.css)({
   height: "calc(100% - ".concat("var(--ds-space-600, 3rem)", " * 2)"),

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

@@ -39,11 +39,11 @@ var resizeIconButtonStyles = (0, _react.css)({
   height: 24,
   padding: "var(--ds-space-0, 0px)",
   position: 'absolute',
-  backgroundColor: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
+  backgroundColor: "var(--ds-surface-overlay, #FFFFFF)",
   border: 0,
   borderRadius: "var(--ds-radius-full, 50%)",
   boxShadow: "0 0 0 1px ".concat(_colors.N30A, ", 0 2px 4px 1px ").concat(_colors.N30A),
-  color: "var(--ds-text-subtle, ".concat(_colors.N200, ")"),
+  color: "var(--ds-text-subtle, #505258)",
   cursor: 'pointer',
   insetBlockStart: "var(--ds-space-400, 32px)",
   insetInlineStart: 0,
@@ -57,14 +57,14 @@ var resizeIconButtonStyles = (0, _react.css)({
   transition: "\n    background-color ".concat(_durations.durations.small, "ms linear,\n    color ").concat(_durations.durations.small, "ms linear,\n    opacity ").concat(_durations.durations.medium, "ms ").concat(_curves.easeOut, "\n  "),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':hover': {
-    backgroundColor: "var(--ds-background-selected-bold, ".concat(_colors.B100, ")"),
-    color: "var(--ds-text-inverse, ".concat(_colors.N0, ")"),
+    backgroundColor: "var(--ds-background-selected-bold, #1868DB)",
+    color: "var(--ds-text-inverse, #FFFFFF)",
     opacity: 1
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':active, :focus': {
-    backgroundColor: "var(--ds-background-selected-bold-hovered, ".concat(_colors.B200, ")"),
-    color: "var(--ds-text-inverse, ".concat(_colors.N0, ")"),
+    backgroundColor: "var(--ds-background-selected-bold-hovered, #1558BC)",
+    color: "var(--ds-text-inverse, #FFFFFF)",
     opacity: 1
   }
 });

package/dist/cjs/components/skip-links/skip-link-components.js

@@ -10,7 +10,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("@emotion/react");
 var _link = _interopRequireDefault(require("@atlaskit/link"));
 var _motion = require("@atlaskit/motion");
-var _colors = require("@atlaskit/theme/colors");
 var _constants = require("../../common/constants");
 var _controllers = require("../../controllers");
 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; }
@@ -25,10 +24,10 @@ var skipLinkStyles = (0, _react.css)({
   padding: '0.8rem 1rem',
   position: 'fixed',
   zIndex: -1,
-  background: "var(--ds-surface-overlay, white)",
+  background: "var(--ds-surface-overlay, #FFFFFF)",
   border: 'none',
   borderRadius: "var(--ds-radius-small, 3px)",
-  boxShadow: "var(--ds-shadow-overlay, ".concat("0 0 0 1px ".concat(_colors.N30A, ", 0 2px 10px ").concat(_colors.N30A, ", 0 0 20px -4px ").concat(_colors.N60A), ")"),
+  boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)",
   insetInlineStart: -999999,
   opacity: 0,
   transform: 'translateY(-50%)',

package/dist/cjs/components/slots/internal/slot-focus-ring.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("@emotion/react");
-var _colors = require("@atlaskit/theme/colors");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -19,7 +18,7 @@ var focusStyles = (0, _react.css)({
     outline: 'none',
     // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '> div': {
-      boxShadow: "0px 0px 0px 2px inset ".concat("var(--ds-border-focused, ".concat(_colors.B100, ")")),
+      boxShadow: "0px 0px 0px 2px inset ".concat("var(--ds-border-focused, #4688EC)"),
       outline: 'none'
     }
   }
@@ -35,7 +34,7 @@ var sidebarFocusStyles = (0, _react.css)({
     outline: 'none',
     // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '> div > div': {
-      boxShadow: "0px 0px 0px 2px inset ".concat("var(--ds-border-focused, ".concat(_colors.B100, ")")),
+      boxShadow: "0px 0px 0px 2px inset ".concat("var(--ds-border-focused, #4688EC)"),
       outline: 'none'
     }
   }

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

@@ -11,7 +11,6 @@ var _react2 = require("@emotion/react");
 var _useCloseOnEscapePress = _interopRequireDefault(require("@atlaskit/ds-lib/use-close-on-escape-press"));
 var _motion = require("@atlaskit/motion");
 var _responsive = require("@atlaskit/primitives/responsive");
-var _colors = require("@atlaskit/theme/colors");
 var _constants = require("../../common/constants");
 var _utils = require("../../common/utils");
 var _controllers = require("../../controllers");
@@ -29,7 +28,7 @@ var openBackdropStyles = (0, _react2.css)({
   width: '100%',
   height: '100%',
   position: 'absolute',
-  background: "var(--ds-blanket, ".concat(_colors.N100A, ")"),
+  background: "var(--ds-blanket, #050C1F75)",
   opacity: 1
 });
 var hiddenBackdropStyles = (0, _react2.css)({

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

@@ -6,7 +6,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { B200 } from '@atlaskit/theme/colors';
 import { GRAB_AREA_LINE_SELECTOR, GRAB_AREA_SELECTOR } from '../../common/constants';
 /**
  * Determines the color of the grab line.
@@ -29,7 +28,7 @@ const grabAreaStyles = css({
     outline: 0
   },
   '&:enabled:hover, &:enabled:focus, &:enabled:active': {
-    [varLineColor]: `var(--ds-border-selected, ${B200})`
+    [varLineColor]: "var(--ds-border-selected, #1868DB)"
   }
 });
 const grabAreaCollapsedStyles = css({

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

@@ -12,7 +12,7 @@ import ChevronRight from '@atlaskit/icon/core/chevron-right';
 import { easeOut } from '@atlaskit/motion/curves';
 import { durations } from '@atlaskit/motion/durations';
 import { UNSAFE_media } from '@atlaskit/primitives/responsive';
-import { B100, B200, N0, N200, N30A } from '@atlaskit/theme/colors';
+import { N30A } from '@atlaskit/theme/colors';
 import { RESIZE_BUTTON_SELECTOR } from '../../common/constants';
 const hitAreaSpanStyles = css({
   position: 'absolute',
@@ -32,11 +32,11 @@ const resizeIconButtonStyles = css({
   height: 24,
   padding: "var(--ds-space-0, 0px)",
   position: 'absolute',
-  backgroundColor: `var(--ds-surface-overlay, ${N0})`,
+  backgroundColor: "var(--ds-surface-overlay, #FFFFFF)",
   border: 0,
   borderRadius: "var(--ds-radius-full, 50%)",
   boxShadow: `0 0 0 1px ${N30A}, 0 2px 4px 1px ${N30A}`,
-  color: `var(--ds-text-subtle, ${N200})`,
+  color: "var(--ds-text-subtle, #505258)",
   cursor: 'pointer',
   insetBlockStart: "var(--ds-space-400, 32px)",
   insetInlineStart: 0,
@@ -54,14 +54,14 @@ const resizeIconButtonStyles = css({
   `,
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':hover': {
-    backgroundColor: `var(--ds-background-selected-bold, ${B100})`,
-    color: `var(--ds-text-inverse, ${N0})`,
+    backgroundColor: "var(--ds-background-selected-bold, #1868DB)",
+    color: "var(--ds-text-inverse, #FFFFFF)",
     opacity: 1
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':active, :focus': {
-    backgroundColor: `var(--ds-background-selected-bold-hovered, ${B200})`,
-    color: `var(--ds-text-inverse, ${N0})`,
+    backgroundColor: "var(--ds-background-selected-bold-hovered, #1558BC)",
+    color: "var(--ds-text-inverse, #FFFFFF)",
     opacity: 1
   }
 });

package/dist/es2019/components/skip-links/skip-link-components.js

@@ -8,7 +8,6 @@
 import { css, jsx } from '@emotion/react';
 import Link from '@atlaskit/link';
 import { easeOut, prefersReducedMotion } from '@atlaskit/motion';
-import { N30A, N60A } from '@atlaskit/theme/colors';
 import { DEFAULT_I18N_PROPS_SKIP_LINKS, PAGE_LAYOUT_CONTAINER_SELECTOR } from '../../common/constants';
 import { useSkipLinks } from '../../controllers';
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
@@ -18,10 +17,10 @@ const skipLinkStyles = css({
   padding: '0.8rem 1rem',
   position: 'fixed',
   zIndex: -1,
-  background: "var(--ds-surface-overlay, white)",
+  background: "var(--ds-surface-overlay, #FFFFFF)",
   border: 'none',
   borderRadius: "var(--ds-radius-small, 3px)",
-  boxShadow: `var(--ds-shadow-overlay, ${`0 0 0 1px ${N30A}, 0 2px 10px ${N30A}, 0 0 20px -4px ${N60A}`})`,
+  boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)",
   insetInlineStart: -999999,
   opacity: 0,
   transform: 'translateY(-50%)',

package/dist/es2019/components/slots/internal/slot-focus-ring.js

@@ -5,14 +5,13 @@
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { ClassNames, css, jsx } from '@emotion/react';
-import { B100 } from '@atlaskit/theme/colors';
 const focusStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':focus': {
     outline: 'none',
     // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '> div': {
-      boxShadow: `0px 0px 0px 2px inset ${`var(--ds-border-focused, ${B100})`}`,
+      boxShadow: `0px 0px 0px 2px inset ${"var(--ds-border-focused, #4688EC)"}`,
       outline: 'none'
     }
   }
@@ -28,7 +27,7 @@ const sidebarFocusStyles = css({
     outline: 'none',
     // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '> div > div': {
-      boxShadow: `0px 0px 0px 2px inset ${`var(--ds-border-focused, ${B100})`}`,
+      boxShadow: `0px 0px 0px 2px inset ${"var(--ds-border-focused, #4688EC)"}`,
       outline: 'none'
     }
   }

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

@@ -10,7 +10,6 @@ import { css, jsx } from '@emotion/react';
 import useCloseOnEscapePress from '@atlaskit/ds-lib/use-close-on-escape-press';
 import { easeOut } from '@atlaskit/motion';
 import { UNSAFE_useMediaQuery as useMediaQuery } from '@atlaskit/primitives/responsive';
-import { N100A } from '@atlaskit/theme/colors';
 import { COLLAPSED_LEFT_SIDEBAR_WIDTH, DEFAULT_LEFT_SIDEBAR_WIDTH, FLYOUT_DELAY, MOBILE_COLLAPSED_LEFT_SIDEBAR_WIDTH, RESIZE_BUTTON_SELECTOR, TRANSITION_DURATION, VAR_LEFT_SIDEBAR_FLYOUT, VAR_LEFT_SIDEBAR_WIDTH } from '../../common/constants';
 import { getGridStateFromStorage, mergeGridStateIntoStorage, resolveDimension } from '../../common/utils';
 import { publishGridState, SidebarResizeContext, useSkipLink } from '../../controllers';
@@ -23,7 +22,7 @@ const openBackdropStyles = css({
   width: '100%',
   height: '100%',
   position: 'absolute',
-  background: `var(--ds-blanket, ${N100A})`,
+  background: "var(--ds-blanket, #050C1F75)",
   opacity: 1
 });
 const hiddenBackdropStyles = css({

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

@@ -9,7 +9,6 @@ var _excluded = ["testId", "valueTextLabel", "isDisabled", "isLeftSidebarCollaps
 import * as React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { B200 } from '@atlaskit/theme/colors';
 import { GRAB_AREA_LINE_SELECTOR, GRAB_AREA_SELECTOR } from '../../common/constants';
 /**
  * Determines the color of the grab line.
@@ -31,7 +30,7 @@ var grabAreaStyles = css({
   '&:focus': {
     outline: 0
   },
-  '&:enabled:hover, &:enabled:focus, &:enabled:active': _defineProperty({}, varLineColor, "var(--ds-border-selected, ".concat(B200, ")"))
+  '&:enabled:hover, &:enabled:focus, &:enabled:active': _defineProperty({}, varLineColor, "var(--ds-border-selected, #1868DB)")
 });
 var grabAreaCollapsedStyles = css({
   height: "calc(100% - ".concat("var(--ds-space-600, 3rem)", " * 2)"),

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

@@ -16,7 +16,7 @@ import ChevronRight from '@atlaskit/icon/core/chevron-right';
 import { easeOut } from '@atlaskit/motion/curves';
 import { durations } from '@atlaskit/motion/durations';
 import { UNSAFE_media } from '@atlaskit/primitives/responsive';
-import { B100, B200, N0, N200, N30A } from '@atlaskit/theme/colors';
+import { N30A } from '@atlaskit/theme/colors';
 import { RESIZE_BUTTON_SELECTOR } from '../../common/constants';
 var hitAreaSpanStyles = css({
   position: 'absolute',
@@ -33,11 +33,11 @@ var resizeIconButtonStyles = css({
   height: 24,
   padding: "var(--ds-space-0, 0px)",
   position: 'absolute',
-  backgroundColor: "var(--ds-surface-overlay, ".concat(N0, ")"),
+  backgroundColor: "var(--ds-surface-overlay, #FFFFFF)",
   border: 0,
   borderRadius: "var(--ds-radius-full, 50%)",
   boxShadow: "0 0 0 1px ".concat(N30A, ", 0 2px 4px 1px ").concat(N30A),
-  color: "var(--ds-text-subtle, ".concat(N200, ")"),
+  color: "var(--ds-text-subtle, #505258)",
   cursor: 'pointer',
   insetBlockStart: "var(--ds-space-400, 32px)",
   insetInlineStart: 0,
@@ -51,14 +51,14 @@ var resizeIconButtonStyles = css({
   transition: "\n    background-color ".concat(durations.small, "ms linear,\n    color ").concat(durations.small, "ms linear,\n    opacity ").concat(durations.medium, "ms ").concat(easeOut, "\n  "),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':hover': {
-    backgroundColor: "var(--ds-background-selected-bold, ".concat(B100, ")"),
-    color: "var(--ds-text-inverse, ".concat(N0, ")"),
+    backgroundColor: "var(--ds-background-selected-bold, #1868DB)",
+    color: "var(--ds-text-inverse, #FFFFFF)",
     opacity: 1
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':active, :focus': {
-    backgroundColor: "var(--ds-background-selected-bold-hovered, ".concat(B200, ")"),
-    color: "var(--ds-text-inverse, ".concat(N0, ")"),
+    backgroundColor: "var(--ds-background-selected-bold-hovered, #1558BC)",
+    color: "var(--ds-text-inverse, #FFFFFF)",
     opacity: 1
   }
 });

package/dist/esm/components/skip-links/skip-link-components.js

@@ -12,7 +12,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { css, jsx } from '@emotion/react';
 import Link from '@atlaskit/link';
 import { easeOut, prefersReducedMotion } from '@atlaskit/motion';
-import { N30A, N60A } from '@atlaskit/theme/colors';
 import { DEFAULT_I18N_PROPS_SKIP_LINKS, PAGE_LAYOUT_CONTAINER_SELECTOR } from '../../common/constants';
 import { useSkipLinks } from '../../controllers';
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
@@ -22,10 +21,10 @@ var skipLinkStyles = css({
   padding: '0.8rem 1rem',
   position: 'fixed',
   zIndex: -1,
-  background: "var(--ds-surface-overlay, white)",
+  background: "var(--ds-surface-overlay, #FFFFFF)",
   border: 'none',
   borderRadius: "var(--ds-radius-small, 3px)",
-  boxShadow: "var(--ds-shadow-overlay, ".concat("0 0 0 1px ".concat(N30A, ", 0 2px 10px ").concat(N30A, ", 0 0 20px -4px ").concat(N60A), ")"),
+  boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)",
   insetInlineStart: -999999,
   opacity: 0,
   transform: 'translateY(-50%)',

package/dist/esm/components/slots/internal/slot-focus-ring.js

@@ -5,14 +5,13 @@
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { ClassNames, css, jsx } from '@emotion/react';
-import { B100 } from '@atlaskit/theme/colors';
 var focusStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':focus': {
     outline: 'none',
     // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '> div': {
-      boxShadow: "0px 0px 0px 2px inset ".concat("var(--ds-border-focused, ".concat(B100, ")")),
+      boxShadow: "0px 0px 0px 2px inset ".concat("var(--ds-border-focused, #4688EC)"),
       outline: 'none'
     }
   }
@@ -28,7 +27,7 @@ var sidebarFocusStyles = css({
     outline: 'none',
     // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '> div > div': {
-      boxShadow: "0px 0px 0px 2px inset ".concat("var(--ds-border-focused, ".concat(B100, ")")),
+      boxShadow: "0px 0px 0px 2px inset ".concat("var(--ds-border-focused, #4688EC)"),
       outline: 'none'
     }
   }

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

@@ -13,7 +13,6 @@ import { css, jsx } from '@emotion/react';
 import useCloseOnEscapePress from '@atlaskit/ds-lib/use-close-on-escape-press';
 import { easeOut } from '@atlaskit/motion';
 import { UNSAFE_useMediaQuery as useMediaQuery } from '@atlaskit/primitives/responsive';
-import { N100A } from '@atlaskit/theme/colors';
 import { COLLAPSED_LEFT_SIDEBAR_WIDTH, DEFAULT_LEFT_SIDEBAR_WIDTH, FLYOUT_DELAY, MOBILE_COLLAPSED_LEFT_SIDEBAR_WIDTH, RESIZE_BUTTON_SELECTOR, TRANSITION_DURATION, VAR_LEFT_SIDEBAR_FLYOUT, VAR_LEFT_SIDEBAR_WIDTH } from '../../common/constants';
 import { getGridStateFromStorage, mergeGridStateIntoStorage, resolveDimension } from '../../common/utils';
 import { publishGridState, SidebarResizeContext, useSkipLink } from '../../controllers';
@@ -26,7 +25,7 @@ var openBackdropStyles = css({
   width: '100%',
   height: '100%',
   position: 'absolute',
-  background: "var(--ds-blanket, ".concat(N100A, ")"),
+  background: "var(--ds-blanket, #050C1F75)",
   opacity: 1
 });
 var hiddenBackdropStyles = css({

package/dist/types/common/types.d.ts

@@ -1,6 +1,6 @@
-import { type ElementType, type ReactElement, type ReactNode } from 'react';
-import { type ResizeButtonProps } from '../components/resize-control/types';
-import { type LeftSidebarState } from '../controllers/sidebar-resize-context';
+import type { ElementType, ReactElement, ReactNode } from 'react';
+import type { ResizeButtonProps } from '../components/resize-control/types';
+import type { LeftSidebarState } from '../controllers/sidebar-resize-context';
 interface SlotProps {
     /**
      * Sets the position to fixed.

package/dist/types/common/utils.d.ts

@@ -1,4 +1,4 @@
-import { type DimensionNames } from './types';
+import type { DimensionNames } from './types';
 declare const mergeGridStateIntoStorage: (key: string, value: any) => void;
 declare const getGridStateFromStorage: (key: string) => any;
 declare const removeFromGridStateInStorage: (key: string, secondKey?: string) => void;

package/dist/types/components/resize-control/grab-area.d.ts

@@ -3,8 +3,8 @@
  * @jsx jsx
  */
 import * as React from 'react';
-import { type FocusEvent, type KeyboardEvent, type MouseEvent } from 'react';
-import { type LeftSidebarProps } from '../../common/types';
+import type { FocusEvent, KeyboardEvent, MouseEvent } from 'react';
+import type { LeftSidebarProps } from '../../common/types';
 declare const GrabArea: React.ForwardRefExoticComponent<{
     isDisabled: boolean;
     isLeftSidebarCollapsed: boolean;

package/dist/types/components/resize-control/resize-button.d.ts

@@ -1,4 +1,4 @@
 import { jsx } from '@emotion/react';
-import { type ResizeButtonProps } from './types';
+import type { ResizeButtonProps } from './types';
 declare const ResizeButton: ({ isLeftSidebarCollapsed, label, onClick, testId, ...props }: ResizeButtonProps) => jsx.JSX.Element;
 export default ResizeButton;

package/dist/types/components/resize-control/types.d.ts

@@ -1,5 +1,5 @@
-import { type ButtonHTMLAttributes, type ElementType, type ReactElement } from 'react';
-import { type LeftSidebarState } from '../../controllers/sidebar-resize-context';
+import type { ButtonHTMLAttributes, ElementType, ReactElement } from 'react';
+import type { LeftSidebarState } from '../../controllers/sidebar-resize-context';
 export type ResizeButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     isLeftSidebarCollapsed: boolean;
     label: string;

package/dist/types/components/skip-links/skip-link-components.d.ts

@@ -4,7 +4,7 @@
  */
 import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
-import { type SkipLinkWrapperProps } from './types';
+import type { SkipLinkWrapperProps } from './types';
 /**
  * The default label will be used when the `skipLinksLabel` attribute is not
  * provided or the attribute is an empty string. If a string comprised only of

package/dist/types/components/slots/banner-slot.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { type SlotHeightProps } from '../../common/types';
+import type { SlotHeightProps } from '../../common/types';
 /**
  * __Banner__
  *

package/dist/types/components/slots/content.d.ts

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { type ReactNode } from 'react';
+import type { ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 interface ContentProps {
     /**

package/dist/types/components/slots/left-panel.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { type SlotWidthProps } from '../../common/types';
+import type { SlotWidthProps } from '../../common/types';
 /**
  * __Left panel__
  *

package/dist/types/components/slots/left-sidebar-without-resize.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { type SlotWidthProps } from '../../common/types';
+import type { SlotWidthProps } from '../../common/types';
 /**
  * __Left sidebar without resize__
  *

package/dist/types/components/slots/left-sidebar.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { type LeftSidebarProps } from '../../common/types';
+import type { LeftSidebarProps } from '../../common/types';
 /**
  * __Left sidebar__
  *

package/dist/types/components/slots/main.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { type SlotWidthProps } from '../../common/types';
+import type { SlotWidthProps } from '../../common/types';
 /**
  * __Main__
  *

package/dist/types/components/slots/page-layout.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { type PageLayoutProps } from '../../common/types';
+import type { PageLayoutProps } from '../../common/types';
 /**
  * __Page layout__
  *

package/dist/types/components/slots/right-panel.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { type SlotWidthProps } from '../../common/types';
+import type { SlotWidthProps } from '../../common/types';
 /**
  * __Right panel__
  *

package/dist/types/components/slots/right-sidebar.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { type SlotWidthProps } from '../../common/types';
+import type { SlotWidthProps } from '../../common/types';
 /**
  * __Right sidebar__
  *

package/dist/types/components/slots/top-navigation.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { type SlotHeightProps } from '../../common/types';
+import type { SlotHeightProps } from '../../common/types';
 /**
  * __Top navigation__
  *

package/dist/types/controllers/sidebar-resize-controller.d.ts

@@ -1,3 +1,3 @@
 import { type FC } from 'react';
-import { type SidebarResizeControllerProps } from '../common/types';
+import type { SidebarResizeControllerProps } from '../common/types';
 export declare const SidebarResizeController: FC<SidebarResizeControllerProps>;

package/dist/types/controllers/use-page-layout-grid.d.ts

@@ -1,3 +1,3 @@
-import { type Dimensions } from '../common/types';
+import type { Dimensions } from '../common/types';
 declare const publishGridState: (gridState: Dimensions) => void;
 export default publishGridState;

package/dist/types-ts4.5/common/types.d.ts

@@ -1,6 +1,6 @@
-import { type ElementType, type ReactElement, type ReactNode } from 'react';
-import { type ResizeButtonProps } from '../components/resize-control/types';
-import { type LeftSidebarState } from '../controllers/sidebar-resize-context';
+import type { ElementType, ReactElement, ReactNode } from 'react';
+import type { ResizeButtonProps } from '../components/resize-control/types';
+import type { LeftSidebarState } from '../controllers/sidebar-resize-context';
 interface SlotProps {
     /**
      * Sets the position to fixed.

package/dist/types-ts4.5/common/utils.d.ts

@@ -1,4 +1,4 @@
-import { type DimensionNames } from './types';
+import type { DimensionNames } from './types';
 declare const mergeGridStateIntoStorage: (key: string, value: any) => void;
 declare const getGridStateFromStorage: (key: string) => any;
 declare const removeFromGridStateInStorage: (key: string, secondKey?: string) => void;

package/dist/types-ts4.5/components/resize-control/grab-area.d.ts

@@ -3,8 +3,8 @@
  * @jsx jsx
  */
 import * as React from 'react';
-import { type FocusEvent, type KeyboardEvent, type MouseEvent } from 'react';
-import { type LeftSidebarProps } from '../../common/types';
+import type { FocusEvent, KeyboardEvent, MouseEvent } from 'react';
+import type { LeftSidebarProps } from '../../common/types';
 declare const GrabArea: React.ForwardRefExoticComponent<{
     isDisabled: boolean;
     isLeftSidebarCollapsed: boolean;

package/dist/types-ts4.5/components/resize-control/resize-button.d.ts

@@ -1,4 +1,4 @@
 import { jsx } from '@emotion/react';
-import { type ResizeButtonProps } from './types';
+import type { ResizeButtonProps } from './types';
 declare const ResizeButton: ({ isLeftSidebarCollapsed, label, onClick, testId, ...props }: ResizeButtonProps) => jsx.JSX.Element;
 export default ResizeButton;

package/dist/types-ts4.5/components/resize-control/types.d.ts

@@ -1,5 +1,5 @@
-import { type ButtonHTMLAttributes, type ElementType, type ReactElement } from 'react';
-import { type LeftSidebarState } from '../../controllers/sidebar-resize-context';
+import type { ButtonHTMLAttributes, ElementType, ReactElement } from 'react';
+import type { LeftSidebarState } from '../../controllers/sidebar-resize-context';
 export type ResizeButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     isLeftSidebarCollapsed: boolean;
     label: string;

package/dist/types-ts4.5/components/skip-links/skip-link-components.d.ts

@@ -4,7 +4,7 @@
  */
 import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
-import { type SkipLinkWrapperProps } from './types';
+import type { SkipLinkWrapperProps } from './types';
 /**
  * The default label will be used when the `skipLinksLabel` attribute is not
  * provided or the attribute is an empty string. If a string comprised only of

package/dist/types-ts4.5/components/slots/banner-slot.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { type SlotHeightProps } from '../../common/types';
+import type { SlotHeightProps } from '../../common/types';
 /**
  * __Banner__
  *

package/dist/types-ts4.5/components/slots/content.d.ts

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { type ReactNode } from 'react';
+import type { ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 interface ContentProps {
     /**

package/dist/types-ts4.5/components/slots/left-panel.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { type SlotWidthProps } from '../../common/types';
+import type { SlotWidthProps } from '../../common/types';
 /**
  * __Left panel__
  *

package/dist/types-ts4.5/components/slots/left-sidebar-without-resize.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { type SlotWidthProps } from '../../common/types';
+import type { SlotWidthProps } from '../../common/types';
 /**
  * __Left sidebar without resize__
  *

package/dist/types-ts4.5/components/slots/left-sidebar.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { type LeftSidebarProps } from '../../common/types';
+import type { LeftSidebarProps } from '../../common/types';
 /**
  * __Left sidebar__
  *

package/dist/types-ts4.5/components/slots/main.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { type SlotWidthProps } from '../../common/types';
+import type { SlotWidthProps } from '../../common/types';
 /**
  * __Main__
  *

package/dist/types-ts4.5/components/slots/page-layout.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { type PageLayoutProps } from '../../common/types';
+import type { PageLayoutProps } from '../../common/types';
 /**
  * __Page layout__
  *

package/dist/types-ts4.5/components/slots/right-panel.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { type SlotWidthProps } from '../../common/types';
+import type { SlotWidthProps } from '../../common/types';
 /**
  * __Right panel__
  *

package/dist/types-ts4.5/components/slots/right-sidebar.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { type SlotWidthProps } from '../../common/types';
+import type { SlotWidthProps } from '../../common/types';
 /**
  * __Right sidebar__
  *

package/dist/types-ts4.5/components/slots/top-navigation.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { type SlotHeightProps } from '../../common/types';
+import type { SlotHeightProps } from '../../common/types';
 /**
  * __Top navigation__
  *

package/dist/types-ts4.5/controllers/sidebar-resize-controller.d.ts

@@ -1,3 +1,3 @@
 import { type FC } from 'react';
-import { type SidebarResizeControllerProps } from '../common/types';
+import type { SidebarResizeControllerProps } from '../common/types';
 export declare const SidebarResizeController: FC<SidebarResizeControllerProps>;

package/dist/types-ts4.5/controllers/use-page-layout-grid.d.ts

@@ -1,3 +1,3 @@
-import { type Dimensions } from '../common/types';
+import type { Dimensions } from '../common/types';
 declare const publishGridState: (gridState: Dimensions) => void;
 export default publishGridState;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/page-layout",
-	"version": "4.2.33",
+	"version": "4.2.34",
 	"description": "A collection of components which let you compose an application's page layout.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -38,13 +38,13 @@
 	"homepage": "https://atlassian.design/components/page-layout/",
 	"dependencies": {
 		"@atlaskit/ds-lib": "^6.0.0",
-		"@atlaskit/icon": "^33.0.0",
+		"@atlaskit/icon": "^33.1.0",
 		"@atlaskit/link": "^3.3.0",
-		"@atlaskit/motion": "^5.4.0",
+		"@atlaskit/motion": "^5.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^18.0.0",
+		"@atlaskit/primitives": "^18.1.0",
 		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tokens": "^11.1.0",
+		"@atlaskit/tokens": "^11.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"bind-event-listener": "^3.0.0",
@@ -62,10 +62,10 @@
 		"@atlaskit/docs": "^11.7.0",
 		"@atlaskit/logo": "^19.10.0",
 		"@atlaskit/menu": "^8.4.0",
-		"@atlaskit/popup": "^4.13.0",
+		"@atlaskit/popup": "^4.14.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/side-navigation": "^11.1.0",
-		"@atlaskit/tooltip": "^20.14.0",
+		"@atlaskit/tooltip": "^21.0.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@testing-library/react": "^16.3.0",
 		"@types/raf-schd": "^4.0.1",