@atlaskit/smart-card 35.2.12 → 36.0.0

package/dist/types/view/common/ai-summary/types.d.ts

@@ -0,0 +1,16 @@
+export type AISummaryProps = {
+    content?: string;
+    /**
+     * appears as a data attribute `data-testid` in the rendered code,
+     * serving as a hook for automated tests
+     */
+    testId?: string;
+    /**
+     * Minimum height requirement for the AISummary component to prevent fluctuations in a card size on the summary action.
+     */
+    minHeight?: number;
+    /**
+     * For compiled css
+     */
+    className?: string;
+};

package/dist/types/view/common/ai-summary/ulist.d.ts

@@ -3,5 +3,5 @@
  * @jsx jsx
  */
 import React from 'react';
-declare const UList: (props: React.HTMLAttributes<HTMLUListElement>) => JSX.Element;
+declare const UList: ({ children, ...props }: React.HTMLAttributes<HTMLUListElement>) => JSX.Element;
 export default UList;

package/dist/types/view/common/stop-propagation/index.d.ts

@@ -6,5 +6,5 @@ import { type ReactNode } from 'react';
 type StopPropagationProps = {
     children: ReactNode;
 };
-export declare const StopPropagation: (props: StopPropagationProps) => JSX.Element;
+export declare const StopPropagation: ({ children }: StopPropagationProps) => JSX.Element;
 export {};

package/dist/types/view/common/utils.d.ts

@@ -1,16 +1,2 @@
 import type React from 'react';
-import facepaint from 'facepaint';
-/**
- * @deprecated, these can be replaced with constants
- */
-declare const gs: (times: number) => string;
-/**
- * @deprecated, these can be replaced with constants
- */
-declare const br: (times?: number) => string;
-/**
- * @deprecated, these can be replaced with constants
- */
-declare const mq: facepaint.DynamicStyleFunction;
-export { gs, br, mq };
 export declare const handleClickCommon: (event: React.MouseEvent, onClick?: React.MouseEventHandler) => void;

package/dist/types-ts4.5/utils/analytics/click.d.ts

@@ -5,7 +5,7 @@ import { type LinkProps } from '@atlaskit/link';
 import { type AnalyticsPayload } from '../types';
 import { type ClickOutcome, type ClickType, type UiLinkClickedEventProps } from './types';
 export declare const buttonMap: Map<number | undefined, "left" | "right" | "none" | "middle">;
-export declare const getKeys: (e: React.MouseEvent) => ("meta" | "alt" | "shift" | "ctrl")[];
+export declare const getKeys: (e: React.MouseEvent) => ("shift" | "meta" | "alt" | "ctrl")[];
 export declare function getLinkClickOutcome(e: React.MouseEvent, clickType: ClickType): ClickOutcome;
 export declare const createLinkClickedPayload: (event: React.MouseEvent) => AnalyticsPayload | undefined;
 type DeepPartial<T> = T extends object ? {

package/dist/types-ts4.5/utils/flexible.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 export declare const isFlexibleUiCard: (children?: React.ReactNode) => boolean;
+export declare const isStyleCacheProvider: (node: React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>>) => boolean;
 export declare const isFlexibleUiBlock: (node: React.ReactNode) => boolean;
 export declare const isFlexibleUiElement: (node: React.ReactNode) => boolean;
 export declare const isFlexibleUiTitleBlock: (node: React.ReactNode) => boolean;
-export declare const isStyleCacheProvider: (node: React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>>) => any;
 export declare const isFlexibleUiPreviewBlock: (node: React.ReactNode) => boolean;
 export declare const isFlexibleUiFooterBlock: (node: React.ReactNode) => boolean;

package/dist/types-ts4.5/view/BlockCard/views/ErroredView.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type FlexibleBlockCardProps } from './types';
-declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+declare const _default: (props: FlexibleBlockCardProps) => JSX.Element;
 export default _default;

package/dist/types-ts4.5/view/BlockCard/views/ForbiddenView.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type FlexibleBlockCardProps } from './types';
-declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+declare const _default: (props: FlexibleBlockCardProps) => JSX.Element;
 export default _default;

package/dist/types-ts4.5/view/BlockCard/views/NotFoundView.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type FlexibleBlockCardProps } from './types';
-declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+declare const _default: (props: FlexibleBlockCardProps) => JSX.Element;
 export default _default;

package/dist/types-ts4.5/view/BlockCard/views/ResolvedView.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
 import { type FlexibleBlockCardProps } from './types';
-declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+declare const _default: (props: FlexibleBlockCardProps) => JSX.Element;
 export default _default;

package/dist/types-ts4.5/view/BlockCard/views/UnauthorisedView.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type FlexibleBlockCardProps } from './types';
-declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+declare const _default: (props: FlexibleBlockCardProps) => JSX.Element;
 export default _default;

package/dist/types-ts4.5/view/BlockCard/views/unresolved-view/index.d.ts

@@ -4,5 +4,5 @@
  * @jsx jsx
  */
 import { type UnresolvedViewProps } from './types';
-export declare const UnresolvedViewExported: (props: UnresolvedViewProps) => JSX.Element;
-export default UnresolvedViewExported;
+declare const UnresolvedView: ({ actions, cardState, children, onAuthorize, onClick, onError, showPreview, testId, title, url, }: UnresolvedViewProps) => JSX.Element;
+export default UnresolvedView;

package/dist/types-ts4.5/view/BlockCard/views/utils/index.d.ts

@@ -1,5 +1,4 @@
 import type { JsonLd } from 'json-ld-types';
-import type { FooterBlockProps } from '../../../FlexibleCard/components/blocks/footer-block/types';
 import type { PreviewBlockProps } from '../../../FlexibleCard/components/blocks/preview-block/types';
 import type { TitleBlockProps } from '../../../FlexibleCard/components/blocks/title-block/types';
 import type { ElementItem } from '../../../FlexibleCard/components/blocks/types';
@@ -12,7 +11,5 @@ type SimulatedMetadata = {
 };
 export declare const FlexibleCardUiOptions: InternalFlexibleUiOptions;
 export declare const titleBlockOptions: Partial<TitleBlockProps>;
-export declare const titleBlockOptionsOld: Partial<TitleBlockProps>;
 export declare const PreviewBlockOptions: Partial<PreviewBlockProps>;
-export declare const FooterBlockOptionsOld: Partial<FooterBlockProps>;
 export {};

package/dist/types-ts4.5/view/BlockCard/views/utils/withFlexibleUIBlockCardStyle.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="react" />
 import { type FlexibleBlockCardProps } from '../types';
-export declare const withFlexibleUIBlockCardStyleNew: (FlexibleBlockCardView: React.ComponentType<FlexibleBlockCardProps>) => (props: FlexibleBlockCardProps) => JSX.Element;
-export declare const withFlexibleUIBlockCardStyle: (FlexibleBlockCardView: React.ComponentType<FlexibleBlockCardProps>) => (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+export declare const withFlexibleUIBlockCardStyle: (FlexibleBlockCardView: React.ComponentType<FlexibleBlockCardProps>) => (props: FlexibleBlockCardProps) => JSX.Element;

package/dist/types-ts4.5/view/EmbedCard/components/ErrorFrame.d.ts

@@ -13,6 +13,6 @@ export interface FrameProps {
     className?: string;
     inheritDimensions?: boolean;
 }
-export declare const ExpandedFrame: (props: FrameProps) => JSX.Element;
-export declare const CompactFrame: (props: FrameProps) => JSX.Element;
-export declare const Frame: (props: FrameProps) => JSX.Element;
+export declare const Frame: (props?: FrameProps) => JSX.Element;
+export declare const ExpandedFrame: ({ children, isSelected, isHoverable, testId, className, isFluidHeight, }: FrameProps) => JSX.Element;
+export declare const CompactFrame: ({ children, isHoverable, isSelected, testId, className, inheritDimensions, }: FrameProps) => JSX.Element;

package/dist/types-ts4.5/view/EmbedCard/components/ExpandedFrame.d.ts

@@ -37,4 +37,4 @@ export interface ExpandedFrameProps {
      */
     setOverflow?: boolean;
 }
-export declare const ExpandedFrame: (props: ExpandedFrameProps) => JSX.Element;
+export declare const ExpandedFrame: ({ isPlaceholder, children, onClick, icon, text, isSelected, frameStyle, href, minWidth, maxWidth, testId, inheritDimensions, allowScrollBar, setOverflow, }: ExpandedFrameProps) => JSX.Element;

package/dist/types-ts4.5/view/EmbedCard/views/ErroredView.d.ts

@@ -9,4 +9,4 @@ export interface ErroredViewProps {
     testId?: string;
     inheritDimensions?: boolean;
 }
-export declare const EmbedCardErroredView: (props: ErroredViewProps) => JSX.Element;
+export declare const EmbedCardErroredView: ({ onRetry, isSelected, testId, inheritDimensions, }: ErroredViewProps) => JSX.Element;

package/dist/types-ts4.5/view/EmbedCard/views/unresolved-view/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { UnresolvedViewProps } from './types';
-export declare const UnresolvedViewExported: (props: UnresolvedViewProps) => JSX.Element;
-export default UnresolvedViewExported;
+declare const UnresolvedView: ({ button, description, frameStyle, icon: iconUrlOrElement, image: imageUrlOrElement, inheritDimensions, isSelected, onClick, testId, text, title, url, }: UnresolvedViewProps) => JSX.Element;
+export default UnresolvedView;

package/dist/types-ts4.5/view/EmbedModal/components/embed-content/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { type EmbedProps } from './types';
-declare const Exported: (props: EmbedProps) => JSX.Element;
-export default Exported;
+declare const EmbedContent: ({ isTrusted, name, src, testId }: EmbedProps) => JSX.Element;
+export default EmbedContent;

package/dist/types-ts4.5/view/EmbedModal/components/link-info/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { type LinkInfoProps } from './types';
-declare const Exported: (props: LinkInfoProps) => JSX.Element;
-export default Exported;
+declare const LinkInfo: ({ icon, providerName, onDownloadButtonClick, onResizeButtonClick, onViewButtonClick, size, testId, title, }: LinkInfoProps) => JSX.Element;
+export default LinkInfo;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/action/action-icon/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { type ActionIconProps } from './types';
-declare const ActionIcon: (props: ActionIconProps) => JSX.Element;
+declare const ActionIcon: ({ size, testId, icon, isDisabled, asStackItemIcon }: ActionIconProps) => JSX.Element;
 export default ActionIcon;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/action/action-stack-item/action-button.d.ts

@@ -1,7 +1,12 @@
 /// <reference types="react" />
 import type { TriggerProps } from '@atlaskit/tooltip';
 import type { ActionStackItemProps } from './types';
-declare const ActionButton: (props: ActionStackItemProps & {
-    tooltipProps?: TriggerProps;
+declare const ActionButton: ({ content, icon: iconOption, isDisabled, isLoading, onClick: onClickCallback, size, space: spaceOption, testId, tooltipProps, style, }: import("../types").ActionProps & {
+    size: import("../../../../../..").SmartLinkSize;
+    space?: import("@atlaskit/primitives/compiled").Space | undefined;
+    tooltipOnHide?: ((analyticsEvent: import("@atlaskit/analytics-next").UIAnalyticsEvent) => any) | undefined;
+    hideTooltipOnMouseDown?: boolean | undefined;
+} & {
+    tooltipProps?: TriggerProps | undefined;
 }) => JSX.Element;
 export default ActionButton;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/action/index.d.ts

@@ -1,4 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { type ActionProps } from './types';
-declare const Action: (props: ActionProps) => JSX.Element;
+/**
+ * A base action that can be triggered with an on click.
+ * @internal
+ * @param {ActionProps} ActionProps - The props necessary for the Action.
+ */
+declare const Action: ({ as, appearance, content, isLoading, onClick, size, testId, icon, iconPosition, spaceInline, tooltipMessage, tooltipOnHide, hideTooltip, hideTooltipOnMouseDown, style, asDropDownItem, className, isDisabled, href, ariaLabel, wrapper: Wrapper, }: ActionProps) => React.JSX.Element | null;
 export default Action;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/action/types.d.ts

@@ -1,8 +1,6 @@
 import type { ReactChild, ReactNode } from 'react';
-import type { SerializedStyles } from '@emotion/react';
 import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { Appearance } from '@atlaskit/button/types';
-import type { XCSS } from '@atlaskit/primitives';
 import type { Space } from '@atlaskit/primitives/compiled';
 import type { SmartLinkSize } from '../../../../../constants';
 export type ActionMessageAppearance = 'error';
@@ -70,14 +68,6 @@ export type ActionProps = {
      * Used to determine whether the Action is in a Dropdown.
      */
     asDropDownItem?: boolean;
-    /**
-     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-24430 Internal documentation for deprecation (no external access)}
-     * Additional CSS properties on the Action.
-     * Note: This should be replaced with xcss once component has migrate to use DS Primitives
-     *
-     * use compiled css instead
-     */
-    overrideCss?: SerializedStyles;
     /**
      * For compiled css
      */
@@ -97,12 +87,8 @@ export type ActionProps = {
      */
     isDisabled?: boolean;
     /**
-     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-24430 Internal documentation for deprecation (no external access)}
-     * Additional styling properties for Primitives based component
-     *
-     * Use style instead
+     * For dynamic styles
      */
-    xcss?: XCSS;
     style?: React.CSSProperties;
     /**
      * Allows the use of hyperlinks as buttons via the atlaskit component

package/dist/types-ts4.5/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/execution-state-message/main.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const AutomationModalExecutionState: () => JSX.Element;
+export declare const AutomationModalExecutionState: () => JSX.Element | null;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/main.d.ts

@@ -3,5 +3,5 @@ type AutomationModalHeaderProps = {
     modalTitle?: React.ReactNode;
     modalDescription?: React.ReactNode;
 };
-export declare const AutomationModalHeader: (props: AutomationModalHeaderProps) => JSX.Element;
+export declare const AutomationModalHeader: ({ modalTitle, modalDescription, }: AutomationModalHeaderProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/rule/main.d.ts

@@ -9,5 +9,5 @@ type AutomationModalRuleProps = {
     selectedRule: ManualRule | undefined;
     setSelectedRule: Dispatch<SetStateAction<ManualRule | undefined>>;
 };
-export declare const AutomationModalRule: (props: AutomationModalRuleProps) => JSX.Element;
+export declare const AutomationModalRule: ({ rule, selectedRule, setSelectedRule, }: AutomationModalRuleProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/rule-list/main.d.ts

@@ -4,5 +4,5 @@ type AutomationModalRuleListProps = {
     selectedRule: ManualRule | undefined;
     setSelectedRule: Dispatch<SetStateAction<ManualRule | undefined>>;
 };
-export declare const AutomationModalRuleList: (props: AutomationModalRuleListProps) => React.JSX.Element;
+export declare const AutomationModalRuleList: ({ selectedRule, setSelectedRule, }: AutomationModalRuleListProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/skeleton/main.d.ts

@@ -2,6 +2,5 @@
 type SkeletonProps = {
     lineCount?: number;
 };
-export declare const SkeletonNew: (props: SkeletonProps) => JSX.Element;
 export declare const Skeleton: (props: SkeletonProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/view/FlexibleCard/components/actions/automation-action/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type LinkActionProps } from '../types';
-declare const AutomationAction: (props: LinkActionProps) => React.JSX.Element;
+declare const AutomationAction: (props: LinkActionProps) => React.JSX.Element | null;
 export default AutomationAction;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/view-related-links-action/related-links-action-icon/index.d.ts

@@ -1,3 +1,6 @@
 /// <reference types="react" />
+/**
+ * ChildIssuesIcon but 180 degrees rotated
+ */
 declare const RelatedLinksActionIcon: () => JSX.Element;
 export default RelatedLinksActionIcon;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/action-block/action-footer/index.d.ts

@@ -4,4 +4,4 @@
  * @jsx jsx
  */
 import { type ActionFooterProps } from './types';
-export declare const ActionFooter: (props: ActionFooterProps) => JSX.Element;
+export declare const ActionFooter: ({ message, testId }: ActionFooterProps) => JSX.Element | null;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/action-block/index.d.ts

@@ -6,5 +6,5 @@ import type { ActionBlockProps } from './types';
  * To replace container/index.tsx getPadding() with space token for primitives
  */
 export declare const getPrimitivesPaddingSpaceBySize: (size: SmartLinkSize) => "var(--ds-space-100)" | "var(--ds-space-200)" | "var(--ds-space-250)" | "var(--ds-space-300)";
-declare const ActionBlock: (props: ActionBlockProps) => JSX.Element;
+declare const ActionBlock: ({ blockRef, onClick: onClickCallback, size, spaceInline, className, testId, }: ActionBlockProps) => JSX.Element | null;
 export default ActionBlock;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/action-group/index.d.ts

@@ -1,4 +1,11 @@
 /// <reference types="react" />
 import { type ActionGroupProps } from './types';
-declare const ActionGroup: (props: ActionGroupProps) => JSX.Element;
+/**
+ * Creates a group of Action components. Accepts an array of Actions, in addition to some styling
+ * preferences.
+ * @internal
+ * @param {ActionGroupProps} ActionGroupProps
+ * @see Action
+ */
+declare const ActionGroup: ({ items, size, appearance, visibleButtonsNum, onDropdownOpenChange, }: ActionGroupProps) => JSX.Element | null;
 export default ActionGroup;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/ai-footer-block/resolved/ai-footer-metadata.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { AISummaryActionData } from '../../../../../../state/flexible-ui-context/types';
-export declare const AIFooterMetadata: (props: AISummaryActionData & {
-    testId?: string;
-}) => React.JSX.Element;
+export declare const AIFooterMetadata: ({ testId, url }: AISummaryActionData & {
+    testId?: string | undefined;
+}) => React.JSX.Element | null;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/ai-summary-block/feature-discovery/index.d.ts

@@ -3,5 +3,10 @@ export type FeatureDiscoveryProps = {
     children: React.ReactElement;
     testId?: string;
 };
-declare const FeatureDiscovery: (props: FeatureDiscoveryProps) => JSX.Element;
+/**
+ * This is a hacky solution to help with the feature discovery.
+ * This implementation must be removed once the experiment is completed.
+ * Cleanup on https://product-fabric.atlassian.net/browse/EDM-9649
+ */
+declare const FeatureDiscovery: ({ children, testId }: FeatureDiscoveryProps) => JSX.Element;
 export default FeatureDiscovery;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/block/index.d.ts

@@ -1,4 +1,11 @@
 /// <reference types="react" />
 import { type BlockProps } from '../types';
-declare const Block: (props: BlockProps) => JSX.Element;
+/**
+ * A block represents a collection of elements and actions that are arranged
+ * in a row. All elements and actions should be contained within a Block.
+ * @internal
+ * @param {ActionGroupProps} ActionGroupProps
+ * @see Action
+ */
+declare const Block: ({ children, direction, size, testId, className, blockRef, onRender, onTransitionEnd, style, }: BlockProps) => JSX.Element;
 export default Block;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/element-group/index.d.ts

@@ -1,4 +1,11 @@
 /// <reference types="react" />
 import { type ElementGroupProps } from './types';
-declare const ElementGroup: (props: ElementGroupProps) => JSX.Element;
+/**
+ * Creates a group of Action components. Accepts an array of Actions, in addition to some styling
+ * preferences.
+ * @internal
+ * @param {ActionGroupProps} ActionGroupProps
+ * @see Action
+ */
+declare const ElementGroup: ({ align, children, direction, size, testId, width, position, className, }: ElementGroupProps) => JSX.Element;
 export default ElementGroup;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/element-group/types.d.ts

@@ -1,13 +1,34 @@
 import { type PropsWithChildren } from 'react';
-import { type SerializedStyles } from '@emotion/react';
 import { type SmartLinkAlignment, type SmartLinkDirection, type SmartLinkPosition, type SmartLinkSize, type SmartLinkWidth } from '../../../../../constants';
 export type ElementGroupProps = PropsWithChildren<{
+    /**
+     * Determines the alignment of the Elements within. Can be left or right aligned.
+     */
     align?: SmartLinkAlignment;
+    /**
+     * Determines the direction that the Elements are rendered. Can be Vertical or Horizontal.
+     */
     direction?: SmartLinkDirection;
-    overrideCss?: SerializedStyles;
+    /**
+     * Determines the default size of the Elements in the group.
+     */
     size?: SmartLinkSize;
+    /**
+     * Determines whether the container size will fit to the content or expand to the available width or the parent component.
+     * Similar to flex's flex-grow concept.
+     */
     width?: SmartLinkWidth;
+    /**
+     * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid`
+     * in the rendered code, serving as a hook for automated tests
+     */
     testId?: string;
+    /**
+     * Determines the position of the elements within. Can be top or center position.
+     */
     position?: SmartLinkPosition;
+    /**
+     * For compiled css
+     */
     className?: string;
 }>;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/footer-block/resolved/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { FooterBlockProps } from '../types';
-declare const FooterBlockResolvedViewExported: (props: FooterBlockProps) => JSX.Element;
-export default FooterBlockResolvedViewExported;
+declare const FooterBlockResolvedView: (props: FooterBlockProps) => JSX.Element;
+export default FooterBlockResolvedView;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/metadata-block/index.d.ts

@@ -1,4 +1,11 @@
 /// <reference types="react" />
 import { type MetadataBlockProps } from './types';
-declare const MetadataBlockExported: (props: MetadataBlockProps) => JSX.Element;
-export default MetadataBlockExported;
+/**
+ * Represents a MetadataBlock, designed to contain groups of metadata in the form of elements.
+ * Accepts an array of elements to be shown either primary (left hand side) or secondary (right hand side).
+ * @public
+ * @param {MetadataBlockProps} MetadataBlockProps
+ * @see Block
+ */
+declare const MetadataBlock: ({ maxLines, status, testId, primary, secondary, ...blockProps }: MetadataBlockProps) => JSX.Element | null;
+export default MetadataBlock;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/preview-block/index.d.ts

@@ -1,4 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 import { type PreviewBlockProps } from './types';
-declare const Exported: (props: PreviewBlockProps) => JSX.Element;
-export default Exported;
+/**
+ * Represents a PreviewBlock, which typically contains media or other large format content.
+ * @public
+ * @param {PreviewBlockProps} PreviewBlock
+ * @see Block
+ */
+declare const PreviewBlock: ({ status, testId, overrideUrl, ...blockProps }: PreviewBlockProps) => React.JSX.Element;
+export default PreviewBlock;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/preview-block/resolved/index.d.ts

@@ -1,4 +1,10 @@
 /// <reference types="react" />
 import { type PreviewBlockProps } from '../types';
-declare const PreviewBlockResolvedView: (props: PreviewBlockProps) => JSX.Element;
+/**
+ * Represents a resolved PreviewBlock, which typically contains media or other large format content.
+ * @public
+ * @param {PreviewBlock} PreviewBlock
+ * @see Block
+ */
+declare const PreviewBlockResolvedView: ({ ignoreContainerPadding, onError, placement, testId, overrideUrl, style, className, ...blockProps }: PreviewBlockProps) => JSX.Element;
 export default PreviewBlockResolvedView;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/title-block/errored/index.d.ts

@@ -1,4 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 import { type TitleBlockViewProps } from '../types';
-declare const TitleBlockErroredView: (props: TitleBlockViewProps) => JSX.Element;
+/**
+ * Represents an Errored TitleBlock view.
+ * This will render when a Smart Link did not successfully resolve.
+ * This may be a result of a Smart Link not having the correct credentials,
+ * or the backend response was errored or malformed.
+ * @see TitleBlock
+ */
+declare const TitleBlockErroredView: ({ actionGroup, retry, position, testId, title, icon, hideIcon, ...blockProps }: TitleBlockViewProps) => React.JSX.Element;
 export default TitleBlockErroredView;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/title-block/index.d.ts

@@ -1,4 +1,16 @@
 /// <reference types="react" />
 import { type TitleBlockProps } from './types';
-declare const TitleBlock: (props: TitleBlockProps) => JSX.Element;
+/**
+ * Represents a TitleBlock, which is the foundation of Flexible UI.
+ * This contains an icon, the link, and any associated metadata and actions in one block.
+ * The TitleBlock will also render differently given the state of the smart link.
+ * This can be found in the corresponding Resolving, Resolved and Errored views.
+ * @public
+ * @param {TitleBlockProps} TitleBlockProps
+ * @see Block
+ * @see TitleBlockResolvingViewNew
+ * @see TitleBlockResolvedViewNew
+ * @see TitleBlockErroredViewNew
+ */
+declare const TitleBlock: ({ actions, anchorTarget, hideTitleTooltip, maxLines, onActionMenuOpenChange, onClick, status, showActionOnHover, testId, text, icon, theme, hideRetry, metadataPosition, hideIcon, className, ...props }: TitleBlockProps) => JSX.Element;
 export default TitleBlock;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/title-block/resolved/index.d.ts

@@ -1,4 +1,9 @@
 /// <reference types="react" />
 import { type TitleBlockViewProps } from '../types';
-declare const TitleBlockResolvedView: (props: TitleBlockViewProps) => JSX.Element;
+/**
+ * This renders a fully resolved TitleBlock.
+ * This should render when a Smart Link returns a valid response.
+ * @see TitleBlock
+ */
+declare const TitleBlockResolvedView: ({ actionGroup, metadata, position, subtitle, testId, text, icon, title, metadataPosition, hideIcon, ...blockProps }: TitleBlockViewProps) => JSX.Element;
 export default TitleBlockResolvedView;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/title-block/resolving/index.d.ts

@@ -4,5 +4,11 @@
  * @jsx jsx
  */
 import { type TitleBlockViewProps } from '../types';
-declare const TitleBlockResolvingView: (props: TitleBlockViewProps) => JSX.Element;
+/**
+ * This represents a TitleBlock for a Smart Link that is currently waiting
+ * for a request to finish.
+ * This should render when a Smart Link has sent a request.
+ * @see TitleBlock
+ */
+declare const TitleBlockResolvingView: ({ actionGroup, testId, title, hideIcon, ...blockProps }: TitleBlockViewProps) => JSX.Element;
 export default TitleBlockResolvingView;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/types.d.ts

@@ -1,5 +1,4 @@
 import { type ReactNode, type Ref } from 'react';
-import { type SerializedStyles } from '@emotion/react';
 import { type ActionName, type ElementName, type SmartLinkDirection, type SmartLinkSize, type SmartLinkStatus } from '../../../../constants';
 import { type ActionProps } from '../actions/action/types';
 export type BlockProps = {
@@ -14,12 +13,8 @@ export type BlockProps = {
      */
     direction?: SmartLinkDirection;
     /**
-     * Any additional CSS properties to apply to the block.
-     * The use of this prop is **strongly** discouraged.
-     * `@emotion/react` will be replaced with compiled.
-     * @deprecated
+     * For compiled css
      */
-    overrideCss?: SerializedStyles;
     className?: string;
     /**
      * For dynamic styles
@@ -61,13 +56,6 @@ export type BlockProps = {
  * Used to represent a metadata element to be rendered.
  */
 export type ElementItem = {
-    /**
-     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-24430 Internal documentation for deprecation (no external access)}
-     * No planned alternative.
-     *
-     * Additional CSS properties on the element.
-     */
-    overrideCss?: SerializedStyles;
     /**
      * The size of the element to display.
      */
@@ -108,12 +96,6 @@ export type BaseActionItem = {
      * Determines the text content of the Action.
      */
     content?: React.ReactNode;
-    /**
-     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-24430 Internal documentation for deprecation (no external access)}
-     * No planned alternative.
-     * Additional CSS properties on the Action.
-     */
-    overrideCss?: SerializedStyles;
     /**
      * Determines the size of the Action. Corresponds to an Action appearance.
      */
@@ -151,13 +133,6 @@ export type BaseDataActionItem = {
      * the onClick functionality will be hydrated by the action by default.
      */
     onClick?: () => any;
-    /**
-     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-24430 Internal documentation for deprecation (no external access)}
-     * No planned alternative.
-     *
-     * Additional CSS properties on the Action.
-     */
-    overrideCss?: SerializedStyles;
     /**
      * Determines the size of the Action. Corresponds to an Action appearance.
      */