@atlaskit/page-layout 1.2.8 → 1.3.0

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

@@ -8,7 +8,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 /** @jsx jsx */
 import { useContext, useEffect, useRef } from 'react';
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 import { COLLAPSED_LEFT_SIDEBAR_WIDTH, DEFAULT_LEFT_SIDEBAR_WIDTH, FLYOUT_DELAY, RESIZE_BUTTON_SELECTOR, VAR_LEFT_SIDEBAR_FLYOUT, VAR_LEFT_SIDEBAR_WIDTH } from '../../common/constants';
 import { getGridStateFromStorage, mergeGridStateIntoStorage, resolveDimension } from '../../common/utils';
 import { publishGridState, SidebarResizeContext, useSkipLink } from '../../controllers';

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
 import { useContext } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { prefersReducedMotion } from '@atlaskit/motion/accessibility';
 import { easeOut } from '@atlaskit/motion/curves';
 import { COLLAPSED_LEFT_SIDEBAR_WIDTH, DEFAULT_LEFT_SIDEBAR_FLYOUT_WIDTH, TRANSITION_DURATION, VAR_LEFT_SIDEBAR_FLYOUT } from '../../common/constants';

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

@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
 /** @jsx jsx */
 import { Fragment } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 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';
 import { SidebarResizeController, SkipLinksController } from '../../controllers';
 import { SkipLinkWrapper } from '../skip-links';

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

@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
 /** @jsx jsx */
 import { useEffect } from 'react';
-import { css, jsx } from '@emotion/core';
+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';
 import { publishGridState, useSkipLink } from '../../controllers';

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

@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
 /** @jsx jsx */
 import { useEffect } from 'react';
-import { css, jsx } from '@emotion/core';
+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';
 import { publishGridState, useSkipLink } from '../../controllers';

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

@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
 /** @jsx jsx */
 import { useEffect } from 'react';
-import { css, jsx } from '@emotion/core';
+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';
 import { publishGridState, useSkipLink } from '../../controllers';

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/page-layout",
-	"version": "1.2.8",
+	"version": "1.3.0",
 	"sideEffects": false
 }

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

@@ -1,8 +1,9 @@
 /** @jsx jsx */
 import { ComponentProps } from 'react';
+import { jsx } from '@emotion/react';
 export declare type GrabAreaProps = {
     testId?: string;
     isLeftSidebarCollapsed: boolean;
 } & ComponentProps<'button'>;
-declare const GrabArea: ({ testId, isLeftSidebarCollapsed, ...rest }: GrabAreaProps) => JSX.Element;
+declare const GrabArea: ({ testId, isLeftSidebarCollapsed, ...rest }: GrabAreaProps) => jsx.JSX.Element;
 export default GrabArea;

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

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

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

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

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 declare const Shadow: ({ testId }: {
     testId?: string | undefined;
-}) => JSX.Element;
+}) => jsx.JSX.Element;
 export default Shadow;

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

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

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import { SlotHeightProps } from '../../common/types';
 /**
  * __Banner__
@@ -8,5 +8,5 @@ import { SlotHeightProps } from '../../common/types';
  * - [Examples](https://atlassian.design/components/page-layout/examples)
  * - [Code](https://atlassian.design/components/page-layout/code)
  */
-declare const Banner: (props: SlotHeightProps) => JSX.Element;
+declare const Banner: (props: SlotHeightProps) => jsx.JSX.Element;
 export default Banner;

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

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import { ReactNode } from 'react';
+import { jsx } from '@emotion/react';
 interface ContentProps {
     /**
      * React children
@@ -18,5 +19,5 @@ interface ContentProps {
  * - [Examples](https://atlassian.design/components/page-layout/examples)
  * - [Code](https://atlassian.design/components/page-layout/code)
  */
-declare const Content: (props: ContentProps) => JSX.Element;
+declare const Content: (props: ContentProps) => jsx.JSX.Element;
 export default Content;

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

@@ -1,9 +1,10 @@
 /** @jsx jsx */
 import type { ReactNode } from 'react';
+import { jsx } from '@emotion/react';
 declare type LeftSidebarInnerProps = {
     children: ReactNode;
     isFixed?: boolean;
     isFlyoutOpen?: boolean;
 };
-declare const LeftSidebarInner: ({ children, isFixed, isFlyoutOpen, }: LeftSidebarInnerProps) => JSX.Element;
+declare const LeftSidebarInner: ({ children, isFixed, isFlyoutOpen, }: LeftSidebarInnerProps) => jsx.JSX.Element;
 export default LeftSidebarInner;

package/dist/types/components/slots/internal/resizable-children-wrapper.d.ts

@@ -1,10 +1,11 @@
 /** @jsx jsx */
 import type { ReactNode } from 'react';
+import { jsx } from '@emotion/react';
 declare type ResizableChildrenWrapperProps = {
     children: ReactNode;
     isFlyoutOpen?: boolean;
     isLeftSidebarCollapsed?: boolean;
     hasCollapsedState?: boolean;
 };
-declare const ResizableChildrenWrapper: ({ children, isLeftSidebarCollapsed, hasCollapsedState, isFlyoutOpen, }: ResizableChildrenWrapperProps) => JSX.Element;
+declare const ResizableChildrenWrapper: ({ children, isLeftSidebarCollapsed, hasCollapsedState, isFlyoutOpen, }: ResizableChildrenWrapperProps) => jsx.JSX.Element;
 export default ResizableChildrenWrapper;

package/dist/types/components/slots/internal/slot-focus-ring.d.ts

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import type { ReactNode } from 'react';
+import { jsx } from '@emotion/react';
 declare type SlotFocusRingProps = {
     children: (props: {
         className: string;
@@ -15,5 +16,5 @@ declare type SlotFocusRingProps = {
  * 2. We cannot wrap `children` in `FocusRing`,
  *    because there's no guarantee the passed child takes `className`.
  */
-declare const SlotFocusRing: ({ children, isSidebar }: SlotFocusRingProps) => JSX.Element;
+declare const SlotFocusRing: ({ children, isSidebar }: SlotFocusRingProps) => jsx.JSX.Element;
 export default SlotFocusRing;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import { SlotWidthProps } from '../../common/types';
 /**
  * __Left panel__
@@ -8,5 +8,5 @@ import { SlotWidthProps } from '../../common/types';
  * - [Examples](https://atlassian.design/components/page-layout/examples)
  * - [Code](https://atlassian.design/components/page-layout/code)
  */
-declare const LeftPanel: (props: SlotWidthProps) => JSX.Element;
+declare const LeftPanel: (props: SlotWidthProps) => jsx.JSX.Element;
 export default LeftPanel;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import { SlotWidthProps } from '../../common/types';
 /**
  * __Left sidebar without resize__
@@ -8,5 +8,5 @@ import { SlotWidthProps } from '../../common/types';
  * - [Examples](https://atlassian.design/components/page-layout/examples)
  * - [Code](https://atlassian.design/components/page-layout/code)
  */
-declare const LeftSidebarWithoutResize: (props: SlotWidthProps) => JSX.Element;
+declare const LeftSidebarWithoutResize: (props: SlotWidthProps) => jsx.JSX.Element;
 export default LeftSidebarWithoutResize;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import { LeftSidebarProps } from '../../common/types';
 /**
  * __Left sidebar__
@@ -8,5 +8,5 @@ import { LeftSidebarProps } from '../../common/types';
  * - [Examples](https://atlassian.design/components/page-layout/examples)
  * - [Code](https://atlassian.design/components/page-layout/code)
  */
-declare const LeftSidebar: (props: LeftSidebarProps) => JSX.Element;
+declare const LeftSidebar: (props: LeftSidebarProps) => jsx.JSX.Element;
 export default LeftSidebar;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import { SlotWidthProps } from '../../common/types';
 /**
  * __Main__
@@ -8,5 +8,5 @@ import { SlotWidthProps } from '../../common/types';
  * - [Examples](https://atlassian.design/components/page-layout/examples)
  * - [Code](https://atlassian.design/components/page-layout/code)
  */
-declare const Main: (props: SlotWidthProps) => JSX.Element;
+declare const Main: (props: SlotWidthProps) => jsx.JSX.Element;
 export default Main;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import { PageLayoutProps } from '../../common/types';
 /**
  * __Page layout__
@@ -8,5 +8,5 @@ import { PageLayoutProps } from '../../common/types';
  * - [Examples](https://atlassian.design/components/page-layout/examples)
  * - [Code](https://atlassian.design/components/page-layout/code)
  */
-declare const PageLayout: ({ skipLinksLabel, children, testId, onLeftSidebarExpand, onLeftSidebarCollapse, }: PageLayoutProps) => JSX.Element;
+declare const PageLayout: ({ skipLinksLabel, children, testId, onLeftSidebarExpand, onLeftSidebarCollapse, }: PageLayoutProps) => jsx.JSX.Element;
 export default PageLayout;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import { SlotWidthProps } from '../../common/types';
 /**
  * __Right panel__
@@ -8,5 +8,5 @@ import { SlotWidthProps } from '../../common/types';
  * - [Examples](https://atlassian.design/components/page-layout/examples)
  * - [Code](https://atlassian.design/components/page-layout/code)
  */
-declare const RightPanel: (props: SlotWidthProps) => JSX.Element;
+declare const RightPanel: (props: SlotWidthProps) => jsx.JSX.Element;
 export default RightPanel;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import { SlotWidthProps } from '../../common/types';
 /**
  * __Right sidebar__
@@ -8,5 +8,5 @@ import { SlotWidthProps } from '../../common/types';
  * - [Examples](https://atlassian.design/components/page-layout/examples)
  * - [Code](https://atlassian.design/components/page-layout/code)
  */
-declare const RightSidebar: (props: SlotWidthProps) => JSX.Element;
+declare const RightSidebar: (props: SlotWidthProps) => jsx.JSX.Element;
 export default RightSidebar;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import { SlotHeightProps } from '../../common/types';
 /**
  * __Top navigation__
@@ -8,5 +8,5 @@ import { SlotHeightProps } from '../../common/types';
  * - [Examples](https://atlassian.design/components/page-layout/examples)
  * - [Code](https://atlassian.design/components/page-layout/code)
  */
-declare const TopNavigation: (props: SlotHeightProps) => JSX.Element;
+declare const TopNavigation: (props: SlotHeightProps) => jsx.JSX.Element;
 export default TopNavigation;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/page-layout",
-  "version": "1.2.8",
+  "version": "1.3.0",
   "description": "A collection of components which let you compose an application's page layout.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -28,10 +28,10 @@
     "@atlaskit/ds-lib": "^2.1.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/motion": "^1.2.0",
-    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.10.0",
     "@babel/runtime": "^7.0.0",
-    "@emotion/core": "^10.0.9",
+    "@emotion/react": "^11.7.1",
     "bind-event-listener": "^2.1.1",
     "raf-schd": "^4.0.3"
   },
@@ -44,15 +44,15 @@
     "@atlaskit/atlassian-notifications": "^0.3.0",
     "@atlaskit/button": "^16.3.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/drawer": "^7.1.0",
+    "@atlaskit/drawer": "^7.2.0",
     "@atlaskit/icon": "*",
-    "@atlaskit/logo": "^13.8.0",
+    "@atlaskit/logo": "^13.9.0",
     "@atlaskit/menu": "^1.3.0",
     "@atlaskit/notification-indicator": "^9.0.0",
     "@atlaskit/notification-log-client": "^6.0.0",
     "@atlaskit/onboarding": "^10.5.0",
     "@atlaskit/popup": "^1.4.0",
-    "@atlaskit/section-message": "^6.0.0",
+    "@atlaskit/section-message": "^6.2.0",
     "@atlaskit/side-navigation": "^1.2.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/tooltip": "*",