@atlaskit/help 8.0.9 → 9.0.0

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

@@ -2,40 +2,31 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-/// <reference types="react" />
-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/util/styled.d.ts

@@ -2,43 +2,24 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-/// <reference types="react" />
+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/dist/types-ts4.5/components/Article/ArticleLoadingFail/styled.d.ts

@@ -1,13 +1,14 @@
-/// <reference types="react" />
-export declare const LoadingErrorMessage: 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 LoadingErrorButtonContainer: 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 LoadingErrorHeading: 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 LoadingErrorMessage: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const LoadingErrorButtonContainer: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const LoadingErrorHeading: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;

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

@@ -1,17 +1,18 @@
-/// <reference types="react" />
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
-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-ts4.5/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-ts4.5/components/Article/index.d.ts

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

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

@@ -1,14 +1,11 @@
-/// <reference types="react" />
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
-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-ts4.5/components/HelpContentButton/styled.d.ts

@@ -1,10 +1,29 @@
-/// <reference types="react" />
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
-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-ts4.5/components/NeedMoreHelp/styled.d.ts

@@ -1,17 +1,15 @@
-/// <reference types="react" />
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
-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-ts4.5/components/RelatedArticles/styled.d.ts

@@ -1,25 +1,15 @@
-/// <reference types="react" />
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
-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-ts4.5/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;