@atlaskit/help 8.0.9 → 9.0.0

package/dist/types/components/Article/HelpArticle/WasHelpfulForm/styled.d.ts

@@ -2,16 +2,17 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-/// <reference types="react" />
-export declare const ArticleFeedbackContainer: 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 ArticleFeedbackText: 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 ArticleFeedbackAnswerWrapper: 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 ArticleFeedbackContainer: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const ArticleFeedbackText: ({ id, top, paddingRight, children, ...rest }: {
+    [rest: string]: any;
+    id?: string | undefined;
+    top?: string | undefined;
+    paddingRight?: string | undefined;
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const ArticleFeedbackAnswerWrapper: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;

package/dist/types/components/Article/WhatsNewArticle/styled.d.ts

@@ -1,25 +1,20 @@
-/// <reference types="react" />
-export declare const WhatsNewTypeTitle: 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 WhatsNewIconContainer: 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 WhatsNewTitleText: 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 WhatsNewRelatedLinksTitleText: 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 RelatedLinkContainer: 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 ExternalLinkIconContainer: 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 WhatsNewTypeTitle: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const WhatsNewIconContainer: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const WhatsNewTitleText: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const RelatedLinkContainer: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const ExternalLinkIconContainer: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;

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

@@ -1,3 +1,7 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 interface ArticleProps {
     isAiEnabled?: boolean;

package/dist/types/components/ArticlesList/ArticlesListItem/styled.d.ts

@@ -1,57 +1,44 @@
-/// <reference types="react" />
-type ArticlesListItemWrapperProps = {
-    styles: any;
-};
-export declare const ArticlesListItemWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & ArticlesListItemWrapperProps, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
-export declare const ArticlesListItemContainer: 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 ArticlesListItemTitleSection: 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 ArticlesListItemTypeTitle: 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 ArticlesListItemLinkIcon: 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 ArticlesListItemTitleText: 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 declare const ArticlesListItemDescription: 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 declare const ArticlesListItemSource: 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 ArticlesListItemTrustFactor: 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 ArticlesListItemViewCount: 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 ArticlesListItemHelpfulCount: 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 ArticlesListItemLastModified: 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 ArticlesListItemDescriptionHighlight: 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<HTMLElement>, HTMLElement>, {}>;
-export {};
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+export declare const ArticlesListItemWrapper: ({ styles, children, ...rest }: {
+    [rest: string]: any;
+    children: React.ReactNode;
+    styles?: React.CSSProperties | undefined;
+}) => JSX.Element;
+export declare const ArticlesListItemContainer: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const ArticlesListItemTitleSection: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const ArticlesListItemLinkIcon: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const ArticlesListItemTitleText: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const ArticlesListItemDescription: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const ArticlesListItemSource: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const ArticlesListItemTrustFactor: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const ArticlesListItemViewCount: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const ArticlesListItemHelpfulCount: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const ArticlesListItemLastModified: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const ArticlesListItemDescriptionHighlight: ({ key, children, }: {
+    key: number | string;
+    children: React.ReactNode;
+}) => JSX.Element;

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

@@ -2,13 +2,10 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-/// <reference types="react" />
-export declare const truncate: (width?: string) => import("@emotion/react").SerializedStyles;
-export declare const ArticlesListContainer: 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 ToggleShowMoreArticlesContainer: 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 ArticlesListContainer: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const ToggleShowMoreArticlesContainer: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;

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

@@ -2,9 +2,28 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-/// <reference types="react" />
-export declare const HelpContentButtonContainer: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, any, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>>;
-export declare const HelpContentButtonIcon: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const HelpContentButtonText: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const HelpContentButtonExternalLinkIcon: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const HelpContentButtonExternalNotificationIcon: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+import React from 'react';
+interface HelpContentButtonContainerProps {
+    onClick: (event: React.MouseEvent<HTMLElement>) => void;
+    onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
+    href?: string;
+    id: string;
+    tabIndex: number;
+    target?: string;
+    children: React.ReactNode;
+}
+export declare const HelpContentButtonContainer: ({ onClick, onKeyDown, href, id, tabIndex, target, children, }: HelpContentButtonContainerProps) => JSX.Element;
+export declare const HelpContentButtonIcon: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const HelpContentButtonText: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const HelpContentButtonExternalLinkIcon: ({ dataTestId, children, }: {
+    dataTestId: string;
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const HelpContentButtonExternalNotificationIcon: ({ children, }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export {};

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

@@ -2,16 +2,14 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-/// <reference types="react" />
-export declare const NeedMoreHelpContainer: 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 NeedMoreHelpContent: 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 declare const HelpAskAI: 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>, {}>;
+import React from 'react';
+export declare const NeedMoreHelpContainer: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const NeedMoreHelpContent: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const HelpAskAI: ({ children, onClick, }: {
+    children: React.ReactNode;
+    onClick?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
+}) => JSX.Element;

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

@@ -2,24 +2,14 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-/// <reference types="react" />
-export declare const truncate: (width?: string) => import("@emotion/react").SerializedStyles;
-export declare const RelatedArticlesTitle: 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>, {}>;
-/**
- * Loading styled-components
- */
-export declare const LoadignRelatedArticleSection: 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 LoadignRelatedArticleList: 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 LoadignRelatedArticleListItem: 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 RelatedArticlesTitle: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const LoadingRelatedArticleList: ({ children, ...rest }: {
+    [rest: string]: any;
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const LoadingRelatedArticleListItem: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;

package/dist/types/components/Search/SearchInput/styled.d.ts

@@ -1,17 +1,17 @@
-/// <reference types="react" />
-export declare const SearchInputContainer: 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 SearchInputContainerAi: 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 SearchIconContainer: 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 CloseButtonAndSpinnerContainer: 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 SearchInputContainer: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const SearchInputContainerAi: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const SearchIconContainer: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const CloseButtonAndSpinnerContainer: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;

package/dist/types/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/components/Tabs/styled.d.ts

@@ -2,18 +2,15 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-/// <reference types="react" />
-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/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/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/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/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/styled.d.ts

@@ -2,21 +2,14 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-/// <reference types="react" />
-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;