@atlaskit/help-layout 4.2.18 → 4.3.1

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

@@ -1,23 +1,34 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import * as colors from '@atlaskit/theme/colors';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const HeaderContainer = styled.div({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   backgroundColor: `var(--ds-background-neutral, ${colors.N10})`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   borderBottom: `${"var(--ds-space-025, 2px)"} solid ${`var(--ds-border, ${colors.N30})`}`,
   justifyContent: 'space-between',
   position: 'relative'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const CloseButtonContainer = styled.div({
   position: 'absolute',
   right: "var(--ds-space-100, 8px)",
   top: "var(--ds-space-150, 12px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const BackButtonContainer = styled.div({
   position: 'absolute',
   top: "var(--ds-space-150, 12px)",
   left: "var(--ds-space-100, 8px)"
 });
-export const HeaderTitle = styled.div({
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export const HeaderTitle = styled.h2({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: `var(--ds-text-subtle, ${colors.N500})`,
   textAlign: 'center',
   fontSize: '1rem',
@@ -30,6 +41,8 @@ export const HeaderTitle = styled.div({
   overflow: 'hidden',
   verticalAlign: 'middle'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const HeaderContent = styled.div({
   padding: `0 ${"var(--ds-space-200, 16px)"} ${"var(--ds-space-200, 16px)"} ${"var(--ds-space-200, 16px)"}`
 });

package/dist/es2019/components/styled.js

@@ -2,9 +2,12 @@
 /* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { keyframes } from '@emotion/react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import * as colors from '@atlaskit/theme/colors';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const Container = styled.div({
   position: 'absolute',
   top: 0,
@@ -15,13 +18,18 @@ export const Container = styled.div({
   flexDirection: 'column',
   backgroundColor: "var(--ds-surface, #FFFFFF)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const Section = styled.div({
   flexGrow: 1,
   display: 'flex',
   flexDirection: 'column',
   minHeight: 0
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const DividerLine = styled.div({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   backgroundColor: `var(--ds-border, ${colors.N30A})`,
   height: "var(--ds-space-025, 2px)",
   width: '100%',
@@ -29,10 +37,14 @@ export const DividerLine = styled.div({
   marginTop: "var(--ds-space-200, 16px)",
   boxSizing: 'border-box'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const HelpFooter = styled.div({
   padding: `${"var(--ds-space-100, 8px)"} 0`,
   boxSizing: 'border-box',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   backgroundColor: `var(--ds-background-neutral, ${colors.N10})`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   borderTop: `${"var(--ds-space-025, 2px)"} solid ${`var(--ds-border, ${colors.N30})`}`,
   justifyContent: 'space-between'
 });
@@ -41,6 +53,7 @@ export const HelpFooter = styled.div({
  * Loading
  */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const LoadingContainer = styled.div({
   padding: "var(--ds-space-200, 16px)",
   height: '100%'
@@ -53,23 +66,25 @@ const shimmer = keyframes({
     backgroundPosition: '1000px 0'
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const LoadingRectangle = styled.div`
-  position: relative;
-  height: ${props => props.contentHeight ? props.contentHeight : "var(--ds-space-200, 1rem)"};
-  margin-top: ${props => props.marginTop ? props.marginTop : "var(--ds-space-100, 8px)"};
-  width: ${props => props.contentWidth ? props.contentWidth : '100%'};
-  border-radius: ${"var(--ds-space-025, 2px)"};
-  animation-duration: 1.2s;
-  animation-fill-mode: forwards;
-  animation-iteration-count: infinite;
-  animation-name: ${shimmer};
-  animation-timing-function: linear;
-  background-color: ${`var(--ds-background-neutral, ${colors.N30})`};
-  background-image: linear-gradient(
-    to right,
-    ${`var(--ds-background-neutral-subtle, ${colors.N30})`} 10%,
-    ${`var(--ds-background-neutral, ${colors.N40})`} 20%,
-    ${`var(--ds-background-neutral-subtle, ${colors.N30})`} 30%
-  );
-  background-repeat: no-repeat;
+	position: relative;
+	height: ${props => props.contentHeight ? props.contentHeight : "var(--ds-space-200, 1rem)"};
+	margin-top: ${props => props.marginTop ? props.marginTop : "var(--ds-space-100, 8px)"};
+	width: ${props => props.contentWidth ? props.contentWidth : '100%'};
+	border-radius: ${"var(--ds-space-025, 2px)"};
+	animation-duration: 1.2s;
+	animation-fill-mode: forwards;
+	animation-iteration-count: infinite;
+	animation-name: ${shimmer};
+	animation-timing-function: linear;
+	background-color: ${`var(--ds-background-neutral, ${colors.N30})`};
+	background-image: linear-gradient(
+		to right,
+		${`var(--ds-background-neutral-subtle, ${colors.N30})`} 10%,
+		${`var(--ds-background-neutral, ${colors.N40})`} 20%,
+		${`var(--ds-background-neutral-subtle, ${colors.N30})`} 30%
+	);
+	background-repeat: no-repeat;
 `;

package/dist/esm/analytics.js

@@ -5,5 +5,5 @@ export var createAndFire = x.createAndFireEvent('atlaskit');
 export var defaultAnalyticsAttributes = {
   componentName: 'helpPanel',
   packageName: "@atlaskit/help-layout",
-  packageVersion: "4.2.18"
+  packageVersion: "4.3.1"
 };

package/dist/esm/components/Header/BackButton.js

@@ -68,7 +68,7 @@ var BackButtonWithContext = function BackButtonWithContext(props) {
     data: {
       componentName: 'backButton',
       packageName: "@atlaskit/help-layout",
-      packageVersion: "4.2.18"
+      packageVersion: "4.3.1"
     }
   }, /*#__PURE__*/React.createElement(BackButton, props));
 };

package/dist/esm/components/Header/CloseButton.js

@@ -43,7 +43,7 @@ var CloseButtonWithContext = function CloseButtonWithContext(props) {
     data: {
       componentName: 'closeButton',
       packageName: "@atlaskit/help-layout",
-      packageVersion: "4.2.18"
+      packageVersion: "4.3.1"
     }
   }, /*#__PURE__*/React.createElement(CloseButton, props));
 };

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

@@ -1,23 +1,34 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import * as colors from '@atlaskit/theme/colors';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var HeaderContainer = styled.div({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   backgroundColor: "var(--ds-background-neutral, ".concat(colors.N10, ")"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   borderBottom: "var(--ds-space-025, 2px)".concat(" solid ", "var(--ds-border, ".concat(colors.N30, ")")),
   justifyContent: 'space-between',
   position: 'relative'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var CloseButtonContainer = styled.div({
   position: 'absolute',
   right: "var(--ds-space-100, 8px)",
   top: "var(--ds-space-150, 12px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var BackButtonContainer = styled.div({
   position: 'absolute',
   top: "var(--ds-space-150, 12px)",
   left: "var(--ds-space-100, 8px)"
 });
-export var HeaderTitle = styled.div({
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var HeaderTitle = styled.h2({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: "var(--ds-text-subtle, ".concat(colors.N500, ")"),
   textAlign: 'center',
   fontSize: '1rem',
@@ -30,6 +41,8 @@ export var HeaderTitle = styled.div({
   overflow: 'hidden',
   verticalAlign: 'middle'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var HeaderContent = styled.div({
   padding: "0 ".concat("var(--ds-space-200, 16px)", " ", "var(--ds-space-200, 16px)", " ", "var(--ds-space-200, 16px)")
 });

package/dist/esm/components/styled.js

@@ -4,9 +4,12 @@ var _templateObject;
 /* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { keyframes } from '@emotion/react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import * as colors from '@atlaskit/theme/colors';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var Container = styled.div({
   position: 'absolute',
   top: 0,
@@ -17,13 +20,18 @@ export var Container = styled.div({
   flexDirection: 'column',
   backgroundColor: "var(--ds-surface, #FFFFFF)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var Section = styled.div({
   flexGrow: 1,
   display: 'flex',
   flexDirection: 'column',
   minHeight: 0
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var DividerLine = styled.div({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   backgroundColor: "var(--ds-border, ".concat(colors.N30A, ")"),
   height: "var(--ds-space-025, 2px)",
   width: '100%',
@@ -31,10 +39,14 @@ export var DividerLine = styled.div({
   marginTop: "var(--ds-space-200, 16px)",
   boxSizing: 'border-box'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var HelpFooter = styled.div({
   padding: "var(--ds-space-100, 8px)".concat(" 0"),
   boxSizing: 'border-box',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   backgroundColor: "var(--ds-background-neutral, ".concat(colors.N10, ")"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   borderTop: "var(--ds-space-025, 2px)".concat(" solid ", "var(--ds-border, ".concat(colors.N30, ")")),
   justifyContent: 'space-between'
 });
@@ -43,6 +55,7 @@ export var HelpFooter = styled.div({
  * Loading
  */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var LoadingContainer = styled.div({
   padding: "var(--ds-space-200, 16px)",
   height: '100%'
@@ -55,7 +68,9 @@ var shimmer = keyframes({
     backgroundPosition: '1000px 0'
   }
 });
-export var LoadingRectangle = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  height: ", ";\n  margin-top: ", ";\n  width: ", ";\n  border-radius: ", ";\n  animation-duration: 1.2s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: ", ";\n  animation-timing-function: linear;\n  background-color: ", ";\n  background-image: linear-gradient(\n    to right,\n    ", " 10%,\n    ", " 20%,\n    ", " 30%\n  );\n  background-repeat: no-repeat;\n"])), function (props) {
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var LoadingRectangle = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tposition: relative;\n\theight: ", ";\n\tmargin-top: ", ";\n\twidth: ", ";\n\tborder-radius: ", ";\n\tanimation-duration: 1.2s;\n\tanimation-fill-mode: forwards;\n\tanimation-iteration-count: infinite;\n\tanimation-name: ", ";\n\tanimation-timing-function: linear;\n\tbackground-color: ", ";\n\tbackground-image: linear-gradient(\n\t\tto right,\n\t\t", " 10%,\n\t\t", " 20%,\n\t\t", " 30%\n\t);\n\tbackground-repeat: no-repeat;\n"])), function (props) {
   return props.contentHeight ? props.contentHeight : "var(--ds-space-200, 1rem)";
 }, function (props) {
   return props.marginTop ? props.marginTop : "var(--ds-space-100, 8px)";

package/dist/types/components/Header/BackButton.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type WrappedComponentProps } from 'react-intl-next';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 interface Props {
     onClick(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent?: UIAnalyticsEvent): void;
     isVisible?: boolean;

package/dist/types/components/Header/CloseButton.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type WrappedComponentProps } from 'react-intl-next';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 interface Props {
     onClick(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent?: UIAnalyticsEvent): void;
 }

package/dist/types/components/Header/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { HelpPanelHeader } from '../../model/HelpLayout';
+import { type WrappedComponentProps } from 'react-intl-next';
+import { type HelpPanelHeader } from '../../model/HelpLayout';
 export declare const HelpContent: React.FC<HelpPanelHeader & WrappedComponentProps>;
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<HelpPanelHeader & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<HelpPanelHeader & WrappedComponentProps>;

package/dist/types/components/Header/styled.d.ts

@@ -14,7 +14,7 @@ export declare const BackButtonContainer: import("@emotion/styled").StyledCompon
 export declare const HeaderTitle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
 export declare const HeaderContent: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/dist/types/components/HelpLayout.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { HelpLayout as HelpLayoutProps } from '../model/HelpLayout';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type HelpLayout as HelpLayoutProps } from '../model/HelpLayout';
 export type Props = HelpLayoutProps & WithAnalyticsEventsProps;
 export declare class HelpLayout extends React.PureComponent<Props> {
     render(): JSX.Element;

package/dist/types/components/HelpLayoutContent.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { HelpLayout } from '../model/HelpLayout';
+import { type WrappedComponentProps } from 'react-intl-next';
+import { type HelpLayout } from '../model/HelpLayout';
 export declare const HelpContent: React.FC<HelpLayout & WrappedComponentProps>;
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<HelpLayout & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<HelpLayout & WrappedComponentProps>;

package/dist/types/components/MessagesIntlProvider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
+import { type WrappedComponentProps } from 'react-intl-next';
 export interface Props {
     locale?: string;
     children: React.ReactNode;

package/dist/types/model/HelpLayout.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 export interface HelpPanelHeader {
     headerTitle?: string;
     headerContent?: React.ReactNode;

package/dist/types-ts4.5/components/Header/BackButton.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type WrappedComponentProps } from 'react-intl-next';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 interface Props {
     onClick(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent?: UIAnalyticsEvent): void;
     isVisible?: boolean;

package/dist/types-ts4.5/components/Header/CloseButton.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type WrappedComponentProps } from 'react-intl-next';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 interface Props {
     onClick(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent?: UIAnalyticsEvent): void;
 }

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { HelpPanelHeader } from '../../model/HelpLayout';
+import { type WrappedComponentProps } from 'react-intl-next';
+import { type HelpPanelHeader } from '../../model/HelpLayout';
 export declare const HelpContent: React.FC<HelpPanelHeader & WrappedComponentProps>;
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<HelpPanelHeader & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<HelpPanelHeader & WrappedComponentProps>;

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

@@ -14,7 +14,7 @@ export declare const BackButtonContainer: import("@emotion/styled").StyledCompon
 export declare const HeaderTitle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
 export declare const HeaderContent: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { HelpLayout as HelpLayoutProps } from '../model/HelpLayout';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type HelpLayout as HelpLayoutProps } from '../model/HelpLayout';
 export type Props = HelpLayoutProps & WithAnalyticsEventsProps;
 export declare class HelpLayout extends React.PureComponent<Props> {
     render(): JSX.Element;

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { HelpLayout } from '../model/HelpLayout';
+import { type WrappedComponentProps } from 'react-intl-next';
+import { type HelpLayout } from '../model/HelpLayout';
 export declare const HelpContent: React.FC<HelpLayout & WrappedComponentProps>;
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<HelpLayout & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<HelpLayout & WrappedComponentProps>;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
+import { type WrappedComponentProps } from 'react-intl-next';
 export interface Props {
     locale?: string;
     children: React.ReactNode;

package/dist/types-ts4.5/model/HelpLayout.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 export interface HelpPanelHeader {
     headerTitle?: string;
     headerContent?: React.ReactNode;

package/package.json

@@ -1,82 +1,80 @@
 {
-  "name": "@atlaskit/help-layout",
-  "version": "4.2.18",
-  "description": "Layout for the atlaskit/help component.",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
-  "author": "Atlassian Pty Ltd",
-  "license": "Apache-2.0",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "module:es2019": "dist/es2019/index.js",
-  "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    ">=4.5 <4.9": {
-      "*": [
-        "dist/types-ts4.5/*",
-        "dist/types-ts4.5/index.d.ts"
-      ]
-    }
-  },
-  "sideEffects": false,
-  "atlaskit:src": "src/index.ts",
-  "atlassian": {
-    "team": "Self-Help Experiences",
-    "releaseModel": "continuous",
-    "productPushConsumption": [
-      "jira"
-    ],
-    "website": {
-      "name": "Help Layout"
-    }
-  },
-  "dependencies": {
-    "@atlaskit/analytics-next": "^9.3.0",
-    "@atlaskit/button": "^17.14.0",
-    "@atlaskit/icon": "^22.1.0",
-    "@atlaskit/theme": "^12.7.0",
-    "@atlaskit/tokens": "^1.43.0",
-    "@atlaskit/tooltip": "^18.2.0",
-    "@babel/runtime": "^7.0.0",
-    "@emotion/react": "^11.7.1",
-    "@emotion/styled": "^11.0.0",
-    "react-transition-group": "^4.4.1"
-  },
-  "peerDependencies": {
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0",
-    "react-intl-next": "npm:react-intl@^5.18.1",
-    "styled-components": "^3.2.6"
-  },
-  "devDependencies": {
-    "@atlaskit/navigation": "^37.0.0",
-    "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
-    "@types/react-transition-group": "^2.0.6",
-    "algoliasearch": "^3.35.1",
-    "enzyme": "^3.10.0",
-    "react-test-renderer": "^16.8.0",
-    "typescript": "~5.4.2"
-  },
-  "keywords": [
-    "atlaskit",
-    "react",
-    "ui",
-    "help"
-  ],
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
-  "techstack": {
-    "@repo/internal": {
-      "design-tokens": [
-        "color",
-        "spacing"
-      ]
-    }
-  },
-  "af:exports": {
-    ".": "./src/index.ts",
-    "./analytics": "./src/analytics.ts",
-    "./messages": "./src/messages.ts"
-  }
-}
+	"name": "@atlaskit/help-layout",
+	"version": "4.3.1",
+	"description": "Layout for the atlaskit/help component.",
+	"publishConfig": {
+		"registry": "https://registry.npmjs.org/"
+	},
+	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
+	"author": "Atlassian Pty Ltd",
+	"license": "Apache-2.0",
+	"main": "dist/cjs/index.js",
+	"module": "dist/esm/index.js",
+	"module:es2019": "dist/es2019/index.js",
+	"types": "dist/types/index.d.ts",
+	"typesVersions": {
+		">=4.5 <4.9": {
+			"*": [
+				"dist/types-ts4.5/*",
+				"dist/types-ts4.5/index.d.ts"
+			]
+		}
+	},
+	"sideEffects": false,
+	"atlaskit:src": "src/index.ts",
+	"atlassian": {
+		"team": "Self-Help Experiences",
+		"releaseModel": "continuous",
+		"productPushConsumption": [
+			"jira"
+		],
+		"website": {
+			"name": "Help Layout"
+		}
+	},
+	"dependencies": {
+		"@atlaskit/analytics-next": "^9.3.0",
+		"@atlaskit/button": "^18.0.0",
+		"@atlaskit/icon": "^22.4.0",
+		"@atlaskit/theme": "^12.11.0",
+		"@atlaskit/tokens": "^1.52.0",
+		"@atlaskit/tooltip": "^18.5.0",
+		"@babel/runtime": "^7.0.0",
+		"@emotion/react": "^11.7.1",
+		"@emotion/styled": "^11.0.0",
+		"react-transition-group": "^4.4.1"
+	},
+	"peerDependencies": {
+		"react": "^16.8.0",
+		"react-dom": "^16.8.0",
+		"react-intl-next": "npm:react-intl@^5.18.1",
+		"styled-components": "^3.2.6"
+	},
+	"devDependencies": {
+		"@atlaskit/navigation": "^37.0.0",
+		"@types/react-transition-group": "^2.0.6",
+		"algoliasearch": "^3.35.1",
+		"enzyme": "^3.10.0",
+		"react-test-renderer": "^16.8.0",
+		"typescript": "~5.4.2"
+	},
+	"keywords": [
+		"atlaskit",
+		"react",
+		"ui",
+		"help"
+	],
+	"techstack": {
+		"@repo/internal": {
+			"design-tokens": [
+				"color",
+				"spacing"
+			]
+		}
+	},
+	"af:exports": {
+		".": "./src/index.ts",
+		"./analytics": "./src/analytics.ts",
+		"./messages": "./src/messages.ts"
+	}
+}