@atlaskit/page-layout 4.2.27 → 4.2.29

package/dist/es2019/components/slots/right-panel.js

@@ -5,7 +5,7 @@ import _extends from "@babel/runtime/helpers/extends";
  */
 import { useEffect } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { DEFAULT_RIGHT_PANEL_WIDTH, RIGHT_PANEL, RIGHT_PANEL_WIDTH, VAR_RIGHT_PANEL_WIDTH } from '../../common/constants';
 import { getPageLayoutSlotSelector, resolveDimension } from '../../common/utils';

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

@@ -5,7 +5,7 @@ import _extends from "@babel/runtime/helpers/extends";
  */
 import { useEffect } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { BANNER_HEIGHT, DEFAULT_RIGHT_SIDEBAR_WIDTH, RIGHT_PANEL_WIDTH, RIGHT_SIDEBAR_WIDTH, TOP_NAVIGATION_HEIGHT, VAR_RIGHT_SIDEBAR_WIDTH } from '../../common/constants';
 import { getPageLayoutSlotSelector, resolveDimension } from '../../common/utils';

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

@@ -5,7 +5,7 @@ import _extends from "@babel/runtime/helpers/extends";
  */
 import { useEffect } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { BANNER_HEIGHT, DEFAULT_TOP_NAVIGATION_HEIGHT, LEFT_PANEL_WIDTH, RIGHT_PANEL_WIDTH, TOP_NAVIGATION, TOP_NAVIGATION_HEIGHT, VAR_TOP_NAVIGATION_HEIGHT } from '../../common/constants';
 import { getPageLayoutSlotSelector, resolveDimension } from '../../common/utils';

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

@@ -9,7 +9,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  */
 import { Fragment, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled
 import { css, Global, jsx } from '@emotion/react';
 import { bindAll } from 'bind-event-listener';
 import rafSchd from 'raf-schd';
@@ -169,11 +169,14 @@ var ResizeControl = function ResizeControl(_ref) {
         // Will return sidebar to the same size it was before the resizing started
         if (event.key === 'Escape') {
           sidebarWidth.current = Math.max(leftSidebarState.lastLeftSidebarWidth, COLLAPSED_LEFT_SIDEBAR_WIDTH);
+
+          // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
           document.documentElement.style.setProperty("--".concat(VAR_LEFT_SIDEBAR_WIDTH), "".concat(sidebarWidth.current, "px"));
           onFinishResizing();
         }
       }
     }]);
+    // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
     document.documentElement.setAttribute(IS_SIDEBAR_DRAGGING, 'true');
     var newLeftbarState = _objectSpread(_objectSpread({}, leftSidebarState), {}, {
       isResizing: true
@@ -186,6 +189,7 @@ var ResizeControl = function ResizeControl(_ref) {
     onUpdateResize.cancel();
     (_unbindEvents$current = unbindEvents.current) === null || _unbindEvents$current === void 0 || _unbindEvents$current.call(unbindEvents);
     unbindEvents.current = null;
+    // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
     document.documentElement.removeAttribute(IS_SIDEBAR_DRAGGING);
     offset.current = 0;
     collapseLeftSidebar(undefined, true);
@@ -209,6 +213,8 @@ var ResizeControl = function ResizeControl(_ref) {
         }
         var delta = Math.max(Math.min(clientX - leftSidebarWidth - leftPanelWidth, maxWidth - leftSidebarWidth - leftPanelWidth), COLLAPSED_LEFT_SIDEBAR_WIDTH - leftSidebarWidth - leftPanelWidth);
         sidebarWidth.current = Math.max(leftSidebarWidth + delta - offset.current, COLLAPSED_LEFT_SIDEBAR_WIDTH);
+
+        // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
         document.documentElement.style.setProperty("--".concat(VAR_LEFT_SIDEBAR_WIDTH), "".concat(sidebarWidth.current, "px"));
       });
     }),
@@ -219,6 +225,8 @@ var ResizeControl = function ResizeControl(_ref) {
     if (isLeftSidebarCollapsed) {
       return;
     }
+
+    // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
     document.documentElement.removeAttribute(IS_SIDEBAR_DRAGGING);
 
     // TODO: the control flow is pretty strange as the first codepath which calls `collapseLeftSidebar()`
@@ -229,6 +237,7 @@ var ResizeControl = function ResizeControl(_ref) {
     // collapse the navigation
     if (sidebarWidth.current < MIN_LEFT_SIDEBAR_DRAG_THRESHOLD) {
       // TODO: for this codepath, `onCollapse` occurs before `onResizeEnd` which seems wrong
+      // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
       document.documentElement.style.setProperty("--".concat(VAR_LEFT_SIDEBAR_WIDTH), "".concat(COLLAPSED_LEFT_SIDEBAR_WIDTH, "px"));
       collapseLeftSidebar(undefined, true);
     }
@@ -236,6 +245,7 @@ var ResizeControl = function ResizeControl(_ref) {
     // min threshold and default width
     // expand the nav to the default width
     else if (sidebarWidth.current > MIN_LEFT_SIDEBAR_DRAG_THRESHOLD && sidebarWidth.current < DEFAULT_LEFT_SIDEBAR_WIDTH) {
+      // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
       document.documentElement.style.setProperty("--".concat(VAR_LEFT_SIDEBAR_WIDTH), "".concat(DEFAULT_LEFT_SIDEBAR_WIDTH, "px"));
       updatedLeftSidebarState = _objectSpread(_objectSpread({}, leftSidebarState), {}, _defineProperty(_defineProperty({
         isResizing: false
@@ -285,9 +295,11 @@ var ResizeControl = function ResizeControl(_ref) {
       var width = leftSidebarWidth + stepValue;
       if (width <= DEFAULT_LEFT_SIDEBAR_WIDTH) {
         width = DEFAULT_LEFT_SIDEBAR_WIDTH;
+        // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
         document.documentElement.style.setProperty("--".concat(VAR_LEFT_SIDEBAR_WIDTH), "".concat(DEFAULT_LEFT_SIDEBAR_WIDTH - 20, "px"));
       } else if (width > maxWidth) {
         width = maxWidth;
+        // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
         document.documentElement.style.setProperty("--".concat(VAR_LEFT_SIDEBAR_WIDTH), "".concat(maxWidth + 20, "px"));
       } else if (hasModifierKey) {
         width = isRightOrBottomArrow ? maxWidth : DEFAULT_LEFT_SIDEBAR_WIDTH;
@@ -298,6 +310,8 @@ var ResizeControl = function ResizeControl(_ref) {
       requestAnimationFrame(function () {
         keyboardEventTimeout.current = window.setTimeout(function () {
           keyboardEventTimeout.current && clearTimeout(keyboardEventTimeout.current);
+
+          // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
           document.documentElement.style.setProperty("--".concat(VAR_LEFT_SIDEBAR_WIDTH), "".concat(width, "px"));
           var updatedLeftSidebarState = _objectSpread(_objectSpread({}, leftSidebarState), {}, _defineProperty(_defineProperty({}, VAR_LEFT_SIDEBAR_WIDTH, width), "lastLeftSidebarWidth", width));
           setLeftSidebarState(updatedLeftSidebarState);

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

@@ -10,7 +10,7 @@ var _excluded = ["isLeftSidebarCollapsed", "label", "onClick", "testId"],
  * @jsx jsx
  */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import ChevronRight from '@atlaskit/icon/core/chevron-right';
 import { easeOut } from '@atlaskit/motion/curves';

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

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { easeOut } from '@atlaskit/motion';
 import { useIsSidebarDragging } from '../../common/hooks';

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

@@ -8,7 +8,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @jsx jsx
  */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import Link from '@atlaskit/link';
 import { easeOut, prefersReducedMotion } from '@atlaskit/motion';
@@ -95,7 +95,8 @@ export var SkipLinkWrapper = function SkipLinkWrapper(_ref) {
   };
   var escapeHandler = function escapeHandler(event) {
     if (event.keyCode === 27) {
-      var container = document.querySelector("[".concat(PAGE_LAYOUT_CONTAINER_SELECTOR, "=\"true\"]"));
+      var container = document.querySelector("[".concat(PAGE_LAYOUT_CONTAINER_SELECTOR, "=\"true\"]") // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
+      );
       if (container !== null) {
         container.focus();
       }
@@ -139,6 +140,7 @@ var focusTargetRef = function focusTargetRef(href) {
     event.preventDefault();
     var targetRef = document.querySelector(href);
 
+    // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
     // @ts-ignore
     var key = event.which || event.keycode;
     // if it is a keypress and the key is not
@@ -153,7 +155,9 @@ var focusTargetRef = function focusTargetRef(href) {
       // @ts-ignore
       targetRef.focus();
       document.activeElement && document.activeElement.scrollIntoView({
+        // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
         behavior: 'smooth'
+        // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
       });
       window.scrollTo(0, 0);
     }

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

@@ -6,7 +6,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  */
 import { useEffect } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { BANNER, BANNER_HEIGHT, DEFAULT_BANNER_HEIGHT, LEFT_PANEL_WIDTH, RIGHT_PANEL_WIDTH, VAR_BANNER_HEIGHT } from '../../common/constants';
 import { getPageLayoutSlotSelector, resolveDimension } from '../../common/utils';

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

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { CONTENT } from '../../common/constants';
 var contentStyles = css({

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

@@ -4,7 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  * @jsx jsx
  */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { easeOut, prefersReducedMotion } from '@atlaskit/motion';
 import { UNSAFE_media } from '@atlaskit/primitives/responsive';

package/dist/esm/components/slots/internal/resizable-children-wrapper.js

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { prefersReducedMotion } from '@atlaskit/motion';
 import { TRANSITION_DURATION } from '../../../common/constants';

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

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// 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({

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

@@ -6,7 +6,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  */
 import { useEffect } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { DEFAULT_LEFT_PANEL_WIDTH, LEFT_PANEL, LEFT_PANEL_WIDTH, VAR_LEFT_PANEL_WIDTH } from '../../common/constants';
 import { getPageLayoutSlotSelector, resolveDimension } from '../../common/utils';

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

@@ -5,7 +5,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  */
 import { useEffect } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { jsx } from '@emotion/react';
 import { VAR_LEFT_SIDEBAR_WIDTH } from '../../common/constants';
 import { resolveDimension } from '../../common/utils';

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

@@ -8,7 +8,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  */
 import { Fragment, useCallback, useContext, useEffect, useRef } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import useCloseOnEscapePress from '@atlaskit/ds-lib/use-close-on-escape-press';
 import { easeOut } from '@atlaskit/motion';
@@ -96,6 +96,8 @@ var LeftSidebar = function LeftSidebar(props) {
       handlerRef.current = function (event) {
         mouseXRef.current = event.clientX;
       };
+
+      // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
       document.addEventListener('mousemove', handlerRef.current);
     }
     if (!isLocked && handlerRef.current) {
@@ -106,11 +108,13 @@ var LeftSidebar = function LeftSidebar(props) {
           });
         });
       }
+      // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
       document.removeEventListener('mousemove', handlerRef.current);
       handlerRef.current = null;
     }
     return function () {
       if (handlerRef.current) {
+        // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
         document.removeEventListener('mousemove', handlerRef.current);
       }
     };
@@ -189,6 +193,8 @@ var LeftSidebar = function LeftSidebar(props) {
         }
       };
     }
+
+    // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
     document.addEventListener('mouseover', mouseOverEventRef.current, {
       capture: true,
       passive: true
@@ -203,7 +209,9 @@ var LeftSidebar = function LeftSidebar(props) {
     }, FLYOUT_DELAY);
   };
   var removeMouseOverListener = function removeMouseOverListener() {
-    mouseOverEventRef.current && document.removeEventListener('mouseover', mouseOverEventRef.current, {
+    mouseOverEventRef.current &&
+    // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
+    document.removeEventListener('mouseover', mouseOverEventRef.current, {
       capture: true,
       passive: true
     });

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

@@ -5,7 +5,7 @@ import _extends from "@babel/runtime/helpers/extends";
  */
 import { useContext } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { prefersReducedMotion } from '@atlaskit/motion/accessibility';
 import { easeOut } from '@atlaskit/motion/curves';

package/dist/esm/components/slots/page-layout.js

@@ -6,7 +6,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  */
 import { Fragment } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { UNSAFE_media } from '@atlaskit/primitives/responsive';
 import { BANNER, BANNER_HEIGHT, CONTENT, DEFAULT_I18N_PROPS_SKIP_LINKS, LEFT_PANEL, LEFT_PANEL_WIDTH, PAGE_LAYOUT_CONTAINER_SELECTOR, RIGHT_PANEL, RIGHT_PANEL_WIDTH, TOP_NAVIGATION, TOP_NAVIGATION_HEIGHT } from '../../common/constants';

package/dist/esm/components/slots/right-panel.js

@@ -6,7 +6,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  */
 import { useEffect } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { DEFAULT_RIGHT_PANEL_WIDTH, RIGHT_PANEL, RIGHT_PANEL_WIDTH, VAR_RIGHT_PANEL_WIDTH } from '../../common/constants';
 import { getPageLayoutSlotSelector, resolveDimension } from '../../common/utils';

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

@@ -6,7 +6,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  */
 import { useEffect } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { BANNER_HEIGHT, DEFAULT_RIGHT_SIDEBAR_WIDTH, RIGHT_PANEL_WIDTH, RIGHT_SIDEBAR_WIDTH, TOP_NAVIGATION_HEIGHT, VAR_RIGHT_SIDEBAR_WIDTH } from '../../common/constants';
 import { getPageLayoutSlotSelector, resolveDimension } from '../../common/utils';

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

@@ -6,7 +6,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  */
 import { useEffect } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { BANNER_HEIGHT, DEFAULT_TOP_NAVIGATION_HEIGHT, LEFT_PANEL_WIDTH, RIGHT_PANEL_WIDTH, TOP_NAVIGATION, TOP_NAVIGATION_HEIGHT, VAR_TOP_NAVIGATION_HEIGHT } from '../../common/constants';
 import { getPageLayoutSlotSelector, resolveDimension } from '../../common/utils';

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

@@ -33,10 +33,10 @@ export declare const RESIZE_CONTROL_SELECTOR = "data-resize-control";
 export declare const PAGE_LAYOUT_SLOT_SELECTOR = "data-ds--page-layout--slot";
 export declare const DEFAULT_I18N_PROPS_SKIP_LINKS = "Skip to:";
 export declare const PAGE_LAYOUT_CONTAINER_SELECTOR = "data-layout-container";
-export declare const LEFT_PANEL_WIDTH = "var(--leftPanelWidth, 0px)";
-export declare const RIGHT_PANEL_WIDTH = "var(--rightPanelWidth, 0px)";
-export declare const LEFT_SIDEBAR_WIDTH = "var(--leftSidebarWidth, 0px)";
-export declare const RIGHT_SIDEBAR_WIDTH = "var(--rightSidebarWidth, 0px)";
-export declare const TOP_NAVIGATION_HEIGHT = "var(--topNavigationHeight, 0px)";
-export declare const BANNER_HEIGHT = "var(--bannerHeight, 0px)";
-export declare const LEFT_SIDEBAR_FLYOUT_WIDTH = "var(--leftSidebarFlyoutWidth, 240px)";
+export declare const LEFT_PANEL_WIDTH: 'var(--leftPanelWidth, 0px)';
+export declare const RIGHT_PANEL_WIDTH: 'var(--rightPanelWidth, 0px)';
+export declare const LEFT_SIDEBAR_WIDTH: 'var(--leftSidebarWidth, 0px)';
+export declare const RIGHT_SIDEBAR_WIDTH: 'var(--rightSidebarWidth, 0px)';
+export declare const TOP_NAVIGATION_HEIGHT: 'var(--topNavigationHeight, 0px)';
+export declare const BANNER_HEIGHT: 'var(--bannerHeight, 0px)';
+export declare const LEFT_SIDEBAR_FLYOUT_WIDTH: 'var(--leftSidebarFlyoutWidth, 240px)';

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

@@ -16,5 +16,5 @@ declare const GrabArea: React.ForwardRefExoticComponent<{
     onMouseDown: (event: MouseEvent<HTMLButtonElement>) => void;
     testId?: string;
     valueTextLabel?: string;
-} & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & Partial<LeftSidebarProps> & React.RefAttributes<HTMLButtonElement>>;
+} & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 'ref'> & Partial<LeftSidebarProps> & React.RefAttributes<HTMLButtonElement>>;
 export default GrabArea;

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

@@ -12,7 +12,7 @@ import { type SkipLinkWrapperProps } from './types';
  * default label will still be used in `title` attribute of the skip links
  * themselves.
  */
-export declare const SkipLinkWrapper: ({ skipLinksLabel }: SkipLinkWrapperProps) => jsx.JSX.Element | null;
+export declare const SkipLinkWrapper: ({ skipLinksLabel, }: SkipLinkWrapperProps) => jsx.JSX.Element | null;
 export declare const SkipLink: ({ href, children, isFocusable, }: {
     href: string;
     children: ReactNode;

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

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { type MouseEventHandler, type ReactNode } from 'react';
+import { type ForwardRefExoticComponent, type MouseEventHandler, type ReactNode, type RefAttributes } from 'react';
 type LeftSidebarOuterProps = {
     children: ReactNode;
     isFixed?: boolean;
@@ -12,5 +12,5 @@ type LeftSidebarOuterProps = {
     onMouseLeave?: MouseEventHandler;
     onClick?: MouseEventHandler;
 };
-declare const LeftSidebarOuter: import("react").ForwardRefExoticComponent<LeftSidebarOuterProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const LeftSidebarOuter: ForwardRefExoticComponent<LeftSidebarOuterProps & RefAttributes<HTMLDivElement>>;
 export default LeftSidebarOuter;

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

@@ -1,4 +1,4 @@
-import { type KeyboardEvent, type MouseEvent } from 'react';
+import { type Context, type KeyboardEvent, type MouseEvent } from 'react';
 export type LeftSidebarState = {
     isFlyoutOpen: boolean;
     isResizing: boolean;
@@ -21,7 +21,7 @@ export type SidebarResizeContextValue = {
     leftSidebarState: LeftSidebarState;
     setLeftSidebarState: (value: LeftSidebarState | ((prevState: LeftSidebarState) => LeftSidebarState)) => void;
 };
-export declare const SidebarResizeContext: import("react").Context<SidebarResizeContextValue>;
+export declare const SidebarResizeContext: Context<SidebarResizeContextValue>;
 export declare const usePageLayoutResize: () => {
     isLeftSidebarCollapsed: boolean;
     expandLeftSidebar: () => void;

package/dist/types/controllers/skip-link-context.d.ts

@@ -1,4 +1,5 @@
+import { type Context } from 'react';
 import { type SkipLinkContextProps, type SkipLinkData } from './types';
-export declare const SkipLinksContext: import("react").Context<SkipLinkContextProps>;
+export declare const SkipLinksContext: Context<SkipLinkContextProps>;
 export declare const useSkipLinks: () => SkipLinkContextProps;
 export declare const useSkipLink: (id?: SkipLinkData["id"], skipLinkTitle?: SkipLinkData["skipLinkTitle"]) => void;

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

@@ -33,10 +33,10 @@ export declare const RESIZE_CONTROL_SELECTOR = "data-resize-control";
 export declare const PAGE_LAYOUT_SLOT_SELECTOR = "data-ds--page-layout--slot";
 export declare const DEFAULT_I18N_PROPS_SKIP_LINKS = "Skip to:";
 export declare const PAGE_LAYOUT_CONTAINER_SELECTOR = "data-layout-container";
-export declare const LEFT_PANEL_WIDTH = "var(--leftPanelWidth, 0px)";
-export declare const RIGHT_PANEL_WIDTH = "var(--rightPanelWidth, 0px)";
-export declare const LEFT_SIDEBAR_WIDTH = "var(--leftSidebarWidth, 0px)";
-export declare const RIGHT_SIDEBAR_WIDTH = "var(--rightSidebarWidth, 0px)";
-export declare const TOP_NAVIGATION_HEIGHT = "var(--topNavigationHeight, 0px)";
-export declare const BANNER_HEIGHT = "var(--bannerHeight, 0px)";
-export declare const LEFT_SIDEBAR_FLYOUT_WIDTH = "var(--leftSidebarFlyoutWidth, 240px)";
+export declare const LEFT_PANEL_WIDTH: 'var(--leftPanelWidth, 0px)';
+export declare const RIGHT_PANEL_WIDTH: 'var(--rightPanelWidth, 0px)';
+export declare const LEFT_SIDEBAR_WIDTH: 'var(--leftSidebarWidth, 0px)';
+export declare const RIGHT_SIDEBAR_WIDTH: 'var(--rightSidebarWidth, 0px)';
+export declare const TOP_NAVIGATION_HEIGHT: 'var(--topNavigationHeight, 0px)';
+export declare const BANNER_HEIGHT: 'var(--bannerHeight, 0px)';
+export declare const LEFT_SIDEBAR_FLYOUT_WIDTH: 'var(--leftSidebarFlyoutWidth, 240px)';

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

@@ -16,5 +16,5 @@ declare const GrabArea: React.ForwardRefExoticComponent<{
     onMouseDown: (event: MouseEvent<HTMLButtonElement>) => void;
     testId?: string;
     valueTextLabel?: string;
-} & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & Partial<LeftSidebarProps> & React.RefAttributes<HTMLButtonElement>>;
+} & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 'ref'> & Partial<LeftSidebarProps> & React.RefAttributes<HTMLButtonElement>>;
 export default GrabArea;

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

@@ -12,7 +12,7 @@ import { type SkipLinkWrapperProps } from './types';
  * default label will still be used in `title` attribute of the skip links
  * themselves.
  */
-export declare const SkipLinkWrapper: ({ skipLinksLabel }: SkipLinkWrapperProps) => jsx.JSX.Element | null;
+export declare const SkipLinkWrapper: ({ skipLinksLabel, }: SkipLinkWrapperProps) => jsx.JSX.Element | null;
 export declare const SkipLink: ({ href, children, isFocusable, }: {
     href: string;
     children: ReactNode;

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

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { type MouseEventHandler, type ReactNode } from 'react';
+import { type ForwardRefExoticComponent, type MouseEventHandler, type ReactNode, type RefAttributes } from 'react';
 type LeftSidebarOuterProps = {
     children: ReactNode;
     isFixed?: boolean;
@@ -12,5 +12,5 @@ type LeftSidebarOuterProps = {
     onMouseLeave?: MouseEventHandler;
     onClick?: MouseEventHandler;
 };
-declare const LeftSidebarOuter: import("react").ForwardRefExoticComponent<LeftSidebarOuterProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const LeftSidebarOuter: ForwardRefExoticComponent<LeftSidebarOuterProps & RefAttributes<HTMLDivElement>>;
 export default LeftSidebarOuter;

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

@@ -1,4 +1,4 @@
-import { type KeyboardEvent, type MouseEvent } from 'react';
+import { type Context, type KeyboardEvent, type MouseEvent } from 'react';
 export type LeftSidebarState = {
     isFlyoutOpen: boolean;
     isResizing: boolean;
@@ -21,7 +21,7 @@ export type SidebarResizeContextValue = {
     leftSidebarState: LeftSidebarState;
     setLeftSidebarState: (value: LeftSidebarState | ((prevState: LeftSidebarState) => LeftSidebarState)) => void;
 };
-export declare const SidebarResizeContext: import("react").Context<SidebarResizeContextValue>;
+export declare const SidebarResizeContext: Context<SidebarResizeContextValue>;
 export declare const usePageLayoutResize: () => {
     isLeftSidebarCollapsed: boolean;
     expandLeftSidebar: () => void;

package/dist/types-ts4.5/controllers/skip-link-context.d.ts

@@ -1,4 +1,5 @@
+import { type Context } from 'react';
 import { type SkipLinkContextProps, type SkipLinkData } from './types';
-export declare const SkipLinksContext: import("react").Context<SkipLinkContextProps>;
+export declare const SkipLinksContext: Context<SkipLinkContextProps>;
 export declare const useSkipLinks: () => SkipLinkContextProps;
 export declare const useSkipLink: (id?: SkipLinkData["id"], skipLinkTitle?: SkipLinkData["skipLinkTitle"]) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/page-layout",
-	"version": "4.2.27",
+	"version": "4.2.29",
 	"description": "A collection of components which let you compose an application's page layout.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -38,7 +38,7 @@
 	"homepage": "https://atlassian.design/components/page-layout/",
 	"dependencies": {
 		"@atlaskit/ds-lib": "^5.3.0",
-		"@atlaskit/icon": "^30.0.0",
+		"@atlaskit/icon": "^32.0.0",
 		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/motion": "^5.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
@@ -59,7 +59,7 @@
 		"@af/integration-testing": "workspace:^",
 		"@atlaskit/atlassian-navigation": "^5.6.0",
 		"@atlaskit/button": "^23.9.0",
-		"@atlaskit/docs": "^11.3.0",
+		"@atlaskit/docs": "^11.4.0",
 		"@atlaskit/logo": "^19.10.0",
 		"@atlaskit/menu": "^8.4.0",
 		"@atlaskit/popup": "^4.13.0",