@atlaskit/help 8.0.9 → 9.0.0

package/dist/types-ts4.5/components/Search/SearchResults/styled.d.ts

@@ -1,29 +1,27 @@
-/// <reference types="react" />
-export declare const SearchResultsContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SearchResultsContainerAi: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SearchResultsList: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SearchResultEmptyMessageImage: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SearchResultEmptyMessageText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SearchResultEmptyMessageHeaderText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const SearchResultSearchExternalSiteContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import { TransitionStatus } from '../../constants';
+export declare const FADEIN_OVERLAY_TRANSITION_DURATION_MS = 440;
+export declare const SearchResultsContainer: ({ children, transitionState, }: {
+    children: React.ReactNode;
+    transitionState: TransitionStatus;
+}) => JSX.Element;
+export declare const SearchResultsContainerAi: ({ children, transitionState, }: {
+    children: React.ReactNode;
+    transitionState: TransitionStatus;
+}) => JSX.Element;
+export declare const SearchResultEmptyMessageImage: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const SearchResultEmptyMessageText: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const SearchResultEmptyMessageHeaderText: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const SearchResultSearchExternalSiteContainer: ({ children, }: {
+    children: React.ReactNode;
+}) => JSX.Element;

package/dist/types-ts4.5/components/Tabs/styled.d.ts

@@ -1,19 +1,16 @@
-/// <reference types="react" />
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
-export declare const TabContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TabLabels: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TabLabel: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
+import React from 'react';
+export declare const TabContainer: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const TabLabels: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const TabLabel: ({ isActive, onClick, children, }: {
     isActive: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    onClick: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    children: React.ReactNode;
+}) => JSX.Element;

package/dist/types-ts4.5/components/WhatsNew/WhatsNewResults/WhatsNewResultsEmpty/styled.d.ts

@@ -1,9 +1,11 @@
-/// <reference types="react" />
-export declare const WhatsNewResultsEmptyMessageImage: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const WhatsNewResultsEmptyMessageText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+export declare const WhatsNewResultsEmptyMessageImage: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const WhatsNewResultsEmptyMessageText: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;

package/dist/types-ts4.5/components/WhatsNew/WhatsNewResults/WhatsNewResultsError/styled.d.ts

@@ -1,9 +1,11 @@
-/// <reference types="react" />
-export declare const SearchResultEmptyMessageImage: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SearchResultEmptyMessageText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+export declare const SearchResultEmptyMessageImage: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const SearchResultEmptyMessageText: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;

package/dist/types-ts4.5/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/styled.d.ts

@@ -1,21 +1,19 @@
-/// <reference types="react" />
-type WhatsNewResultListItemWrapperProps = {
-    styles: any;
-};
-export declare const WhatsNewResultListItemWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & WhatsNewResultListItemWrapperProps, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
-export declare const WhatsNewResultListItemTitleContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const WhatsNewResultListItemTitleText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const WhatsNewResultListItemDescription: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
-export {};
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+export declare const WhatsNewResultListItemWrapper: ({ styles, children, ...rest }: {
+    [rest: string]: any;
+    children: React.ReactNode;
+    styles?: React.CSSProperties | undefined;
+}) => JSX.Element;
+export declare const WhatsNewResultListItemTitleContainer: ({ children, }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const WhatsNewResultListItemTitleText: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const WhatsNewResultListItemDescription: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;

package/dist/types-ts4.5/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/styled.d.ts

@@ -1,22 +1,15 @@
-/// <reference types="react" />
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
-export declare const truncate: (width?: string) => import("@emotion/react").SerializedStyles;
-export declare const WhatsNewResultsListContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const WhatsNewResultsListGroupWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const WhatsNewResultsListGroupTitle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ToggleShowWhatsNewResultsContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+import React from 'react';
+export declare const WhatsNewResultsListContainer: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const WhatsNewResultsListGroupWrapper: ({ key, children, }: {
+    key: string | number;
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const WhatsNewResultsListGroupTitle: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;

package/dist/types-ts4.5/components/WhatsNew/WhatsNewResults/WhatsNewResultsLoading/styled.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
 /**
- * Loading styled-components
+ * @jsxRuntime classic
+ * @jsx jsx
  */
-export declare const LoadignWhatsNewResultsList: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
-export declare const LoadignWhatsNewResultsListItem: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+import React from 'react';
+export declare const LoadingWhatsNewResultsList: ({ children, ...rest }: {
+    [rest: string]: any;
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const LoadingWhatsNewResultsListItem: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;

package/dist/types-ts4.5/components/WhatsNew/WhatsNewResults/index.d.ts

@@ -1,3 +1,8 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/** @jsxFrag */
 import React from 'react';
 import { type WrappedComponentProps } from 'react-intl-next';
 export declare const WhatsNewResults: React.FC<WrappedComponentProps>;

package/dist/types-ts4.5/components/WhatsNew/WhatsNewResults/styled.d.ts

@@ -1,21 +1,14 @@
-/// <reference types="react" />
-export declare const WhatsNewResultsContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const WhatsNewResultsContainerAi: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SelectContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const WhatsNewResultsListContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const WhatsNewResultsListTitleContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+export declare const SelectContainer: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const WhatsNewResultsListContainer: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const WhatsNewResultsListTitleContainer: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;

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

@@ -12,4 +12,3 @@ export declare const SLIDEIN_OVERLAY_TRANSITION_DURATION_MS = 300;
 export declare const FADEIN_OVERLAY_TRANSITION_DURATION_MS = 440;
 export declare const HIDE_CONTENT_DELAY: number;
 export type TransitionStatus = 'unmounted' | 'exiting' | 'entering' | 'entered' | 'exited';
-export declare const TRANSITION_DURATION_MS = 220;

package/dist/types-ts4.5/components/styled.d.ts

@@ -1,41 +1,32 @@
-/// <reference types="react" />
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
-type HelpBodyProps = {
-    isOverlayVisible?: boolean;
-};
-export declare const HelpBodyContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & HelpBodyProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const HelpBody: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & HelpBodyProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const HelpBodyAi: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & HelpBodyProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+import React from 'react';
+import { TransitionStatus } from './constants';
+export declare const HelpBodyContainer: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const HelpBody: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const HelpBodyAi: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
 type HomeProps = {
     isOverlayFullyVisible?: boolean;
     isOverlayVisible?: boolean;
+    children: React.ReactNode;
 };
-export declare const Home: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & HomeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const HomeAi: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & HomeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const HelpFooter: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const BackButtonContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Home: ({ isOverlayFullyVisible, isOverlayVisible, children }: HomeProps) => JSX.Element;
+export declare const HomeAi: ({ isOverlayFullyVisible, isOverlayVisible, children }: HomeProps) => JSX.Element;
+export declare const HelpFooter: ({ children, ...rest }: {
+    [rest: string]: any;
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const BACK_BUTTON_CONTAINER_TRANSITION_DURATION_MS = 220;
+export declare const BackButtonContainer: ({ transitionState, children, }: {
+    transitionState: TransitionStatus;
+    children: React.ReactNode;
+}) => JSX.Element;
 export {};

package/dist/types-ts4.5/util/styled.d.ts

@@ -1,44 +1,25 @@
-/// <reference types="react" />
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
+import React from 'react';
 import { WHATS_NEW_ITEM_TYPES } from '../model/WhatsNew';
-export declare const DividerLine: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DividerLine: ({ style }: {
+    style?: React.CSSProperties | undefined;
+}) => JSX.Element;
 /**
  * Loading container
  */
 type LoadingRectangleProps = {
+    style?: React.CSSProperties;
     contentWidth?: string;
     contentHeight?: string;
     marginTop?: string;
 };
-export declare const LoadingRectangle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & LoadingRectangleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-/**
- * Loading Circle
- */
-type LoadingCircleProps = {
-    radius?: string;
-    marginTop?: string;
-};
-export declare const LoadingCircle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & LoadingCircleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-/**
- * What's new icon
- */
+export declare const LoadingRectangle: ({ style, contentHeight, contentWidth, marginTop, }: LoadingRectangleProps) => JSX.Element;
 type WhatsNewTypeIconProps = {
     type?: WHATS_NEW_ITEM_TYPES;
+    children?: React.ReactNode;
 };
-export declare const WhatsNewTypeIcon: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & WhatsNewTypeIconProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WhatsNewTypeIcon: ({ type, children }: WhatsNewTypeIconProps) => JSX.Element;
 export {};

package/messages/package.json

@@ -4,7 +4,7 @@
   "module": "../dist/esm/messages.js",
   "module:es2019": "../dist/es2019/messages.js",
   "sideEffects": [
-    "*.compiled.css"
+    "**/*.compiled.css"
   ],
   "types": "../dist/types/messages.d.ts",
   "typesVersions": {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/help",
-	"version": "8.0.9",
+	"version": "9.0.0",
 	"description": "A cross-product help component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -21,7 +21,7 @@
 		}
 	},
 	"sideEffects": [
-		"*.compiled.css"
+		"**/*.compiled.css"
 	],
 	"atlaskit:src": "src/index.ts",
 	"af:exports": {
@@ -43,7 +43,7 @@
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/help-article": "^6.0.0",
-		"@atlaskit/help-layout": "^5.0.0",
+		"@atlaskit/help-layout": "^6.0.0",
 		"@atlaskit/icon": "^25.6.0",
 		"@atlaskit/legacy-custom-icons": "^0.22.0",
 		"@atlaskit/notification-indicator": "^10.0.0",
@@ -57,11 +57,10 @@
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^4.7.0",
+		"@atlaskit/tokens": "^4.8.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@babel/runtime": "^7.0.0",
-		"@emotion/react": "^11.7.1",
-		"@emotion/styled": "^11.0.0",
+		"@compiled/react": "^0.18.3",
 		"date-fns": "^2.17.0",
 		"lodash": "^4.17.21",
 		"react-animate-height": "^2.1.0",
@@ -70,8 +69,7 @@
 	"peerDependencies": {
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
-		"react-intl-next": "npm:react-intl@^5.18.1",
-		"styled-components": "^3.2.6"
+		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"devDependencies": {
 		"@atlaskit/navigation": "^37.0.0",
@@ -93,6 +91,9 @@
 			"design-tokens": [
 				"color",
 				"spacing"
+			],
+			"styling": [
+				"compiled"
 			]
 		}
 	},

package/dist/cjs/components/Article/styled.js

@@ -1,50 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ArticleContainerAi = exports.ArticleContainer = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-/**
- * @jsxRuntime classic
- * @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/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var ArticleContainer = exports.ArticleContainer = _styled.default.div({
-  padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-300, 24px)"),
-  position: 'absolute',
-  height: '100%',
-  width: '100%',
-  top: 0,
-  backgroundColor: "var(--ds-surface, #FFFFFF)",
-  left: '100%',
-  flex: 1,
-  flexDirection: 'column',
-  boxSizing: 'border-box',
-  overflowX: 'hidden',
-  overflowY: 'auto',
-  zIndex: 2
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var ArticleContainerAi = exports.ArticleContainerAi = _styled.default.div({
-  paddingLeft: "var(--ds-space-300, 24px)",
-  paddingRight: "var(--ds-space-300, 24px)",
-  paddingBottom: "var(--ds-space-200, 16px)",
-  position: 'absolute',
-  height: "calc(100% - ".concat("var(--ds-space-800, 60px)", ")"),
-  width: '100%',
-  top: "var(--ds-space-800, 60px)",
-  backgroundColor: "var(--ds-surface, #FFFFFF)",
-  left: '100%',
-  flex: 1,
-  flexDirection: 'column',
-  boxSizing: 'border-box',
-  overflowX: 'hidden',
-  overflowY: 'auto',
-  zIndex: 2
-});

package/dist/es2019/components/Article/styled.js

@@ -1,42 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const ArticleContainer = styled.div({
-  padding: `${"var(--ds-space-200, 16px)"} ${"var(--ds-space-300, 24px)"}`,
-  position: 'absolute',
-  height: '100%',
-  width: '100%',
-  top: 0,
-  backgroundColor: "var(--ds-surface, #FFFFFF)",
-  left: '100%',
-  flex: 1,
-  flexDirection: 'column',
-  boxSizing: 'border-box',
-  overflowX: 'hidden',
-  overflowY: 'auto',
-  zIndex: 2
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const ArticleContainerAi = styled.div({
-  paddingLeft: "var(--ds-space-300, 24px)",
-  paddingRight: "var(--ds-space-300, 24px)",
-  paddingBottom: "var(--ds-space-200, 16px)",
-  position: 'absolute',
-  height: `calc(100% - ${"var(--ds-space-800, 60px)"})`,
-  width: '100%',
-  top: "var(--ds-space-800, 60px)",
-  backgroundColor: "var(--ds-surface, #FFFFFF)",
-  left: '100%',
-  flex: 1,
-  flexDirection: 'column',
-  boxSizing: 'border-box',
-  overflowX: 'hidden',
-  overflowY: 'auto',
-  zIndex: 2
-});

package/dist/esm/components/Article/styled.js

@@ -1,42 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var ArticleContainer = styled.div({
-  padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-300, 24px)"),
-  position: 'absolute',
-  height: '100%',
-  width: '100%',
-  top: 0,
-  backgroundColor: "var(--ds-surface, #FFFFFF)",
-  left: '100%',
-  flex: 1,
-  flexDirection: 'column',
-  boxSizing: 'border-box',
-  overflowX: 'hidden',
-  overflowY: 'auto',
-  zIndex: 2
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var ArticleContainerAi = styled.div({
-  paddingLeft: "var(--ds-space-300, 24px)",
-  paddingRight: "var(--ds-space-300, 24px)",
-  paddingBottom: "var(--ds-space-200, 16px)",
-  position: 'absolute',
-  height: "calc(100% - ".concat("var(--ds-space-800, 60px)", ")"),
-  width: '100%',
-  top: "var(--ds-space-800, 60px)",
-  backgroundColor: "var(--ds-surface, #FFFFFF)",
-  left: '100%',
-  flex: 1,
-  flexDirection: 'column',
-  boxSizing: 'border-box',
-  overflowX: 'hidden',
-  overflowY: 'auto',
-  zIndex: 2
-});