@atlaskit/page-layout 3.3.0 → 3.3.2

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

@@ -79,7 +79,9 @@ var RightSidebar = function RightSidebar(props) {
     var className = _ref.className;
     return jsx("div", _extends({
       "data-testid": testId,
-      css: [outerStyles, isFixed && fixedOuterStyles],
+      css: [outerStyles, isFixed && fixedOuterStyles]
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
       className: className,
       id: id
     }, getPageLayoutSlotSelector('right-sidebar')), jsx(SlotDimensions, {

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

@@ -52,7 +52,9 @@ var TopNavigation = function TopNavigation(props) {
   return jsx(SlotFocusRing, null, function (_ref) {
     var className = _ref.className;
     return jsx("div", _extends({
-      css: [topNavigationStyles, isFixed && fixedStyles],
+      css: [topNavigationStyles, isFixed && fixedStyles]
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
       className: className,
       "data-testid": testId,
       id: id

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

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

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

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

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
-import { ComponentProps, FocusEvent, KeyboardEvent, MouseEvent } from 'react';
+import { type ComponentProps, type FocusEvent, type KeyboardEvent, type MouseEvent } from 'react';
 import { jsx } from '@emotion/react';
-import { LeftSidebarProps } from '../../common/types';
+import { type LeftSidebarProps } from '../../common/types';
 export type GrabAreaProps = {
     isDisabled: boolean;
     isLeftSidebarCollapsed: boolean;

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

@@ -1,4 +1,4 @@
 import { jsx } from '@emotion/react';
-import { ResizeControlProps } from './types';
+import { type ResizeControlProps } from './types';
 declare const ResizeControl: ({ testId, overrides, resizeButtonLabel, valueTextLabel, resizeGrabAreaLabel, onResizeStart, onResizeEnd, }: ResizeControlProps) => jsx.JSX.Element;
 export default ResizeControl;

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

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

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

@@ -1,5 +1,5 @@
-import { ButtonHTMLAttributes, ElementType, ReactElement } from 'react';
-import { LeftSidebarState } from '../../controllers/sidebar-resize-context';
+import { type ButtonHTMLAttributes, type ElementType, type 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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
-import { 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
@@ -10,9 +10,8 @@ import { SkipLinkWrapperProps } from './types';
  * themselves.
  */
 export declare const SkipLinkWrapper: ({ skipLinksLabel }: SkipLinkWrapperProps) => jsx.JSX.Element | null;
-export declare const SkipLink: ({ href, children, isFocusable, title, }: {
+export declare const SkipLink: ({ href, children, isFocusable, }: {
     href: string;
     children: ReactNode;
     isFocusable: boolean;
-    title: string;
 }) => jsx.JSX.Element;

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

@@ -1,2 +1,2 @@
-import { SkipLinkData } from '../../controllers';
+import { type SkipLinkData } from '../../controllers';
 export declare const useCustomSkipLink: (id: SkipLinkData['id'], skipLinkTitle: SkipLinkData['skipLinkTitle'], listIndex?: SkipLinkData['listIndex']) => void;

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

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

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

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 interface ContentProps {
     /**

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

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { MouseEventHandler, ReactNode } from 'react';
+import { type MouseEventHandler, type ReactNode } from 'react';
 type LeftSidebarOuterProps = {
     children: ReactNode;
     isFixed?: boolean;

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

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { 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 { 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 { LeftSidebarProps } from '../../common/types';
+import { type LeftSidebarProps } from '../../common/types';
 /**
  * __Left sidebar__
  *

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

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { 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 { 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 { 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 { SlotHeightProps } from '../../common/types';
+import { type SlotHeightProps } from '../../common/types';
 /**
  * __Top navigation__
  *

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

@@ -1,4 +1,4 @@
-import { KeyboardEvent, MouseEvent } from 'react';
+import { type KeyboardEvent, type MouseEvent } from 'react';
 export type LeftSidebarState = {
     isFlyoutOpen: boolean;
     isResizing: boolean;

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import { type FC, type ReactNode } from 'react';
 export declare const SkipLinksController: FC<{
     children: ReactNode;
 }>;

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

@@ -1,3 +1,3 @@
-import { 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 { ElementType, ReactElement, ReactNode } from 'react';
-import { ResizeButtonProps } from '../components/resize-control/types';
-import { LeftSidebarState } from '../controllers/sidebar-resize-context';
+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';
 interface SlotProps {
     /**
      * Sets the position to fixed.

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

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

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
-import { ComponentProps, FocusEvent, KeyboardEvent, MouseEvent } from 'react';
+import { type ComponentProps, type FocusEvent, type KeyboardEvent, type MouseEvent } from 'react';
 import { jsx } from '@emotion/react';
-import { LeftSidebarProps } from '../../common/types';
+import { type LeftSidebarProps } from '../../common/types';
 export type GrabAreaProps = {
     isDisabled: boolean;
     isLeftSidebarCollapsed: boolean;

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

@@ -1,4 +1,4 @@
 import { jsx } from '@emotion/react';
-import { ResizeControlProps } from './types';
+import { type ResizeControlProps } from './types';
 declare const ResizeControl: ({ testId, overrides, resizeButtonLabel, valueTextLabel, resizeGrabAreaLabel, onResizeStart, onResizeEnd, }: ResizeControlProps) => jsx.JSX.Element;
 export default ResizeControl;

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

@@ -1,4 +1,4 @@
 import { jsx } from '@emotion/react';
-import { ResizeButtonProps } from './types';
+import { type ResizeButtonProps } from './types';
 declare const ResizeButton: ({ isLeftSidebarCollapsed, label, 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 { ButtonHTMLAttributes, ElementType, ReactElement } from 'react';
-import { LeftSidebarState } from '../../controllers/sidebar-resize-context';
+import { type ButtonHTMLAttributes, type ElementType, type 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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
-import { 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
@@ -10,9 +10,8 @@ import { SkipLinkWrapperProps } from './types';
  * themselves.
  */
 export declare const SkipLinkWrapper: ({ skipLinksLabel }: SkipLinkWrapperProps) => jsx.JSX.Element | null;
-export declare const SkipLink: ({ href, children, isFocusable, title, }: {
+export declare const SkipLink: ({ href, children, isFocusable, }: {
     href: string;
     children: ReactNode;
     isFocusable: boolean;
-    title: string;
 }) => jsx.JSX.Element;

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

@@ -1,2 +1,2 @@
-import { SkipLinkData } from '../../controllers';
+import { type SkipLinkData } from '../../controllers';
 export declare const useCustomSkipLink: (id: SkipLinkData['id'], skipLinkTitle: SkipLinkData['skipLinkTitle'], listIndex?: SkipLinkData['listIndex']) => void;

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

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

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

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 interface ContentProps {
     /**

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

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { MouseEventHandler, ReactNode } from 'react';
+import { type MouseEventHandler, type ReactNode } from 'react';
 type LeftSidebarOuterProps = {
     children: ReactNode;
     isFixed?: boolean;

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

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { 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 { 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 { LeftSidebarProps } from '../../common/types';
+import { type LeftSidebarProps } from '../../common/types';
 /**
  * __Left sidebar__
  *

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

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { 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 { 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 { 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 { SlotHeightProps } from '../../common/types';
+import { type SlotHeightProps } from '../../common/types';
 /**
  * __Top navigation__
  *

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

@@ -1,4 +1,4 @@
-import { KeyboardEvent, MouseEvent } from 'react';
+import { type KeyboardEvent, type MouseEvent } from 'react';
 export type LeftSidebarState = {
     isFlyoutOpen: boolean;
     isResizing: boolean;

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import { type FC, type ReactNode } from 'react';
 export declare const SkipLinksController: FC<{
     children: ReactNode;
 }>;

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

@@ -1,3 +1,3 @@
-import { 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": "3.3.0",
+  "version": "3.3.2",
   "description": "A collection of components which let you compose an application's page layout.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -40,12 +40,13 @@
   "homepage": "https://atlassian.design/components/page-layout/",
   "dependencies": {
     "@atlaskit/ds-lib": "^2.3.0",
-    "@atlaskit/icon": "^22.2.0",
+    "@atlaskit/icon": "^22.3.0",
+    "@atlaskit/link": "^0.3.0",
     "@atlaskit/motion": "^1.6.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/primitives": "^6.2.0",
-    "@atlaskit/theme": "^12.8.0",
-    "@atlaskit/tokens": "^1.48.0",
+    "@atlaskit/primitives": "^7.0.0",
+    "@atlaskit/theme": "^12.9.0",
+    "@atlaskit/tokens": "^1.49.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "bind-event-listener": "^3.0.0",
@@ -58,20 +59,19 @@
   "devDependencies": {
     "@af/accessibility-testing": "*",
     "@af/integration-testing": "*",
-    "@atlaskit/atlassian-navigation": "^3.6.0",
+    "@atlaskit/atlassian-navigation": "^4.0.0",
     "@atlaskit/atlassian-notifications": "^0.4.0",
-    "@atlaskit/drawer": "^7.8.0",
-    "@atlaskit/logo": "^13.17.0",
-    "@atlaskit/menu": "^2.3.0",
+    "@atlaskit/drawer": "^7.11.0",
+    "@atlaskit/logo": "^14.0.0",
+    "@atlaskit/menu": "^2.4.0",
     "@atlaskit/notification-indicator": "^9.2.0",
     "@atlaskit/notification-log-client": "^6.1.0",
     "@atlaskit/popup": "^1.17.0",
-    "@atlaskit/side-navigation": "^3.1.0",
+    "@atlaskit/side-navigation": "^3.2.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/toggle": "^13.1.0",
     "@atlaskit/tooltip": "^18.4.0",
     "@atlaskit/visual-regression": "*",
-    "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@testing-library/dom": "^8.17.1",
     "@testing-library/react": "^12.1.5",
     "@testing-library/react-hooks": "^8.0.1",
@@ -113,7 +113,6 @@
       ]
     }
   },
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
   "platform-feature-flags": {
     "platform.design-system-team.page-layout-resize-button-fix_u0qxv": {
       "type": "boolean"