@atlaskit/smart-card 38.5.0 → 38.5.2

package/dist/types/view/FlexibleCard/types.d.ts

@@ -148,7 +148,7 @@ export type RetryOptions = {
      */
     values?: Record<string, string>;
 };
-export type ExtractFlexibleUiDataContextParams = Pick<FlexibleCardProps, 'appearance' | 'id' | 'actionOptions' | 'origin' | 'onAuthorize' | 'renderers' | 'url'> & {
+export type ExtractFlexibleUiDataContextParams = Pick<FlexibleCardProps, 'appearance' | 'id' | 'actionOptions' | 'origin' | 'onAuthorize' | 'onClick' | 'renderers' | 'url'> & {
     fireEvent?: FireEventFunction;
     status?: SmartLinkStatus;
     response?: SmartLinkResponse;

package/dist/types/view/HoverCard/styled.d.ts

@@ -1,5 +1,9 @@
 import { type InternalFlexibleUiOptions } from '../FlexibleCard/types';
 export declare const HOVER_CARD_Z_INDEX: 510;
+/**
+ * @deprecated Remove on platform-linking-flexible-card-context cleanup
+ */
+export declare const flexibleUiOptionsOld: InternalFlexibleUiOptions;
 export declare const flexibleUiOptions: InternalFlexibleUiOptions;
 export declare const CARD_WIDTH_REM = 24;
 export declare const CARD_GAP_PX = 10;

package/dist/types-ts4.5/extractors/flexible/extract-link-title.d.ts

@@ -0,0 +1,4 @@
+import { type SmartLinkResponse } from '@atlaskit/linking-types';
+import { LinkTitle } from '../../state/flexible-ui-context/types';
+declare const extractLinkTitle: (status?: string, propUrl?: string, response?: SmartLinkResponse, onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>) => LinkTitle | undefined;
+export default extractLinkTitle;

package/dist/types-ts4.5/extractors/flexible/index.d.ts

@@ -1,4 +1,4 @@
 import { type FlexibleUiDataContext } from '../../state/flexible-ui-context/types';
 import { type ExtractFlexibleUiDataContextParams } from '../../view/FlexibleCard/types';
-declare const extractFlexibleUiContext: ({ appearance, fireEvent, id, origin, renderers, resolve, actionOptions, response, aiSummaryConfig, ...props }?: Partial<ExtractFlexibleUiDataContextParams>) => FlexibleUiDataContext | undefined;
+declare const extractFlexibleUiContext: ({ appearance, fireEvent, id, onClick, origin, renderers, resolve, actionOptions, response, status, aiSummaryConfig, ...props }?: Partial<ExtractFlexibleUiDataContextParams>) => FlexibleUiDataContext | undefined;
 export default extractFlexibleUiContext;

package/dist/types-ts4.5/state/flexible-ui-context/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type LinkPerson } from '@atlaskit/link-extractors';
 import { type ActionName, type IconType, type InternalActionName, type MediaType } from '../../constants';
 import { type LinkLozenge } from '../../extractors/common/lozenge/types';
@@ -122,6 +123,10 @@ export type FlexibleUiDataContext = {
      * @see LinkIcon
      */
     linkIcon?: Icon;
+    /**
+     * Contains the link text and url
+     */
+    linkTitle?: LinkTitle;
     /**
      * Contains the name of the entity that last modified the resource.
      * @type string
@@ -212,6 +217,7 @@ export type FlexibleUiDataContext = {
      * Contains the Title of the linked resource.
      * @type string
      * @see Title
+     * @deprecated Remove on platform-linking-flexible-card-context cleanup
      */
     title?: string;
     /**
@@ -246,6 +252,11 @@ export type FlexibleUiDataContext = {
         tenantId?: string;
     };
 };
+export type LinkTitle = {
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    text?: string;
+    url?: string;
+};
 export type Icon = {
     icon?: IconType;
     label?: string;

package/dist/types-ts4.5/state/helpers.d.ts

@@ -6,6 +6,7 @@ export declare const getByDefinitionId: (definitionId: string | undefined, store
 export declare const getClickUrl: (url: string, jsonLd?: JsonLd.Response) => string;
 export declare const getDefinitionId: (details?: JsonLd.Response) => string | undefined;
 export declare const getExtensionKey: (details?: JsonLd.Response) => string | undefined;
+export declare const getObjectAri: (details?: JsonLd.Response) => string | undefined;
 export declare const getResourceType: (details?: JsonLd.Response) => string | undefined;
 export declare const getProduct: (details?: JsonLd.Response) => DestinationProduct | string | undefined;
 export declare const getSubproduct: (details?: JsonLd.Response) => DestinationSubproduct | string | undefined;

package/dist/types-ts4.5/state/hooks/useSmartLink.d.ts

@@ -10,4 +10,6 @@ export declare function useSmartLink(id: string, url: string): {
     config: import("@atlaskit/link-provider").CardAuthFlowOpts | undefined;
     renderers: import("@atlaskit/link-provider").CardProviderRenderers | undefined;
     error: Error | null;
+    isGlancePanelAvailable: ((props: import("packages/linking-platform/link-provider/dist/types/state/context/types").GlancePanelProps) => boolean) | undefined;
+    openGlancePanel: ((props: import("packages/linking-platform/link-provider/dist/types/state/context/types").GlancePanelProps) => void) | undefined;
 };

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

@@ -1,7 +1,7 @@
 export type DestinationProduct = 'jira' | 'confluence' | 'bitbucket' | 'trello';
 export type DestinationSubproduct = 'core' | 'software' | 'servicedesk';
 export type ClickType = 'left' | 'middle' | 'right' | 'keyboard' | 'none';
-export type ClickOutcome = 'prevented' | 'clickThrough' | 'clickThroughNewTabOrWindow' | 'contextMenu' | 'alt' | 'contentEditable' | 'unknown';
+export type ClickOutcome = 'prevented' | 'clickThrough' | 'clickThroughNewTabOrWindow' | 'contextMenu' | 'alt' | 'contentEditable' | 'glancePanel' | 'unknown';
 export type UiLinkClickedEventProps = {
     /**
      * Whether the click occurred with the left, middle or right mouse button

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

@@ -9,6 +9,10 @@ type SimulatedMetadata = {
     topMetadata: ElementItem[];
     bottomMetadata?: ElementItem[];
 };
+/**
+ * @deprecated Remove on platform-linking-flexible-card-context cleanup
+ */
+export declare const FlexibleCardUiOptionsOld: InternalFlexibleUiOptions;
 export declare const FlexibleCardUiOptions: InternalFlexibleUiOptions;
 export declare const titleBlockOptions: Partial<TitleBlockProps>;
 export declare const PreviewBlockOptions: Partial<PreviewBlockProps>;

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

@@ -12,5 +12,5 @@ import { type TitleBlockProps } from './types';
  * @see TitleBlockResolvedViewNew
  * @see TitleBlockErroredViewNew
  */
-declare const TitleBlock: ({ actions, anchorTarget, hideTitleTooltip, maxLines, onActionMenuOpenChange, onClick, status, showActionOnHover, testId, text, icon, theme, hideRetry, metadataPosition, hideIcon, className, anchorRef, ...props }: TitleBlockProps) => JSX.Element;
+declare const TitleBlock: ({ actions, anchorTarget, hideTitleTooltip, maxLines, onActionMenuOpenChange, onClick, status: statusProp, showActionOnHover, testId, text, icon, theme, hideRetry, metadataPosition, hideIcon, className, anchorRef, ...props }: TitleBlockProps) => JSX.Element;
 export default TitleBlock;

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

@@ -48,6 +48,7 @@ export type TitleBlockProps = {
     /**
      * Determines the onClick behaviour of the Link. By default used for analytics.
      * @internal
+     * @deprecated Remove on platform-linking-flexible-card-context cleanup
      */
     onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
     /**
@@ -88,6 +89,7 @@ export type TitleBlockProps = {
     /**
      * The theme of the link text. Can be Black or Link (default URL blue)
      * @internal
+     * @deprecated Remove on platform-linking-flexible-card-context cleanup
      */
     theme?: SmartLinkTheme;
     /**

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

@@ -29,6 +29,7 @@ export type BlockProps = {
      * The status of the Smart Link. Used to conditionally render different blocks
      * when Smart Link is in different states.
      * @internal
+     * @deprecated Remove on platform-linking-flexible-card-context cleanup
      */
     status?: SmartLinkStatus;
     /**

package/dist/types-ts4.5/view/FlexibleCard/components/elements/assigned-to-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseTextElementProps } from '../common';
+export type AssignedToElementProps = BaseTextElementProps;
+declare const AssignedToElement: (props: AssignedToElementProps) => JSX.Element | null;
+export default AssignedToElement;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseAvatarGroupElementProps } from '../common';
+export type AssignedToGroupElementProps = BaseAvatarGroupElementProps;
+declare const AssignedToGroupElement: (props: AssignedToGroupElementProps) => JSX.Element | null;
+export default AssignedToGroupElement;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/attachment-count-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { BaseBadgeElementProps } from '../common';
+export type AttachmentCountElementProps = BaseBadgeElementProps;
+declare const AttachmentCountElement: (props: AttachmentCountElementProps) => JSX.Element | null;
+export default AttachmentCountElement;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseAvatarGroupElementProps } from '../common';
+export type AuthorGroupElementProps = BaseAvatarGroupElementProps;
+declare const AuthorGroupElement: (props: AuthorGroupElementProps) => JSX.Element | null;
+export default AuthorGroupElement;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/checklist-progress-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseBadgeElementProps } from '../common';
+export type ChecklistProgressElementProps = BaseBadgeElementProps;
+declare const ChecklistProgressElement: (props: ChecklistProgressElementProps) => JSX.Element | null;
+export default ChecklistProgressElement;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseAvatarGroupElementProps } from '../common';
+export type CollaboratorGroupElementProps = BaseAvatarGroupElementProps;
+declare const CollaboratorGroupElement: (props: CollaboratorGroupElementProps) => JSX.Element | null;
+export default CollaboratorGroupElement;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/comment-count-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseBadgeElementProps } from '../common';
+export type CommentCountElementProps = BaseBadgeElementProps;
+declare const CommentCountElement: (props: CommentCountElementProps) => JSX.Element | null;
+export default CommentCountElement;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-atlaskit-badge-element/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ElementProps } from '../../index';
+export type BaseAtlaskitBadgeElementProps = ElementProps & {
+    value?: number;
+};
+/**
+ * A base element that displays a visual indicator for a numeric value
+ * @internal
+ * @see StoryPoints
+ * */
+declare const BaseAtlaskitElementBadge: ({ value, name, className, testId, }: BaseAtlaskitBadgeElementProps) => JSX.Element | null;
+export default BaseAtlaskitElementBadge;
+export declare const toAtlaskitBadgeProps: (value?: number) => Partial<BaseAtlaskitBadgeElementProps> | undefined;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.d.ts

@@ -37,3 +37,4 @@ export type BaseAvatarGroupElementProps = ElementProps & {
  */
 declare const BaseAvatarGroup: ({ items, maxCount, name, className, size, testId, showNamePrefix, showFallbackAvatar, }: BaseAvatarGroupElementProps) => JSX.Element | null;
 export default BaseAvatarGroup;
+export declare const toAvatarGroupProps: (items?: BaseAvatarItemProps[], showFallbackAvatar?: boolean) => Partial<BaseAvatarGroupElementProps> | undefined;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-badge-element/index.d.ts

@@ -64,3 +64,4 @@ declare const _default: (props: ElementProps & {
     className?: string | undefined;
 }) => React.JSX.Element;
 export default _default;
+export declare const toBadgeProps: (label?: string) => Partial<BaseBadgeElementProps> | undefined;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-date-time-element/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { ElementProps } from '../../../elements';
 export type DateTimeType = 'created' | 'modified' | 'sent';
-export type BaseDateTimeProps = ElementProps & {
+export type BaseDateTimeElementProps = ElementProps & {
     /**
      * Whether the date time element text should contain "Modified" or "Created" or "sent"
      */
@@ -26,10 +26,11 @@ export type BaseDateTimeProps = ElementProps & {
 /**
  * A base element that displays an ISO Timestamp in text.
  * @internal
- * @param {BaseDateTimeProps} BaseDateTimeProps - The props necessary for the DateTime element.
+ * @param {BaseDateTimeElementProps} BaseDateTimeElementProps - The props necessary for the DateTime element.
  * @see CreatedOn
  * @see ModifiedOn
  * @see SentOn
  */
-declare const BaseDateTimeElement: ({ date, name, className, type, testId, text, hideDatePrefix, color, }: BaseDateTimeProps) => JSX.Element | null;
+declare const BaseDateTimeElement: ({ date, name, className, type, testId, text, hideDatePrefix, color, }: BaseDateTimeElementProps) => JSX.Element | null;
 export default BaseDateTimeElement;
+export declare const toDateTimeProps: (type: 'created' | 'modified' | 'sent', dateString?: string) => Partial<BaseDateTimeElementProps> | undefined;

package/dist/{types/view/FlexibleCard/components/elements/icon-element → types-ts4.5/view/FlexibleCard/components/elements/common/base-icon-element}/index.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-import { type IconType, SmartLinkPosition } from '../../../../../constants';
-import type { ElementProps } from '../index';
-export type IconElementProps = ElementProps & {
+import { type IconType, SmartLinkPosition } from '../../../../../../constants';
+import { type FlexibleUiDataContext } from '../../../../../../state/flexible-ui-context/types';
+import type { ElementProps } from '../../index';
+export type BaseIconElementProps = ElementProps & {
     /**
      * If provided, Icon element will use this render function instead.
      */
@@ -40,5 +41,15 @@ export type IconElementProps = ElementProps & {
  * @param props - The props necessary for the Icon element.
  * @see LinkIcon
  */
-declare const IconElement: ({ icon, overrideIcon, label, name, position, className, render, size, testId, url, appearance, }: IconElementProps) => JSX.Element;
+declare const IconElement: ({ icon, overrideIcon, label, name, position, className, render, size, testId, url, appearance, }: BaseIconElementProps) => JSX.Element;
 export default IconElement;
+export declare const toLinkIconProps: (data: FlexibleUiDataContext[keyof FlexibleUiDataContext] | undefined, type: FlexibleUiDataContext['type']) => string[] | import("../../../../../../state/flexible-ui-context/types").LinkTitle | import("../../../../../../state/flexible-ui-context/types").LinkLocation | import("../../../../../../state/flexible-ui-context/types").Media | import("../../../../../../state/flexible-ui-context/types").FlexibleUiActions | import("../../../../../../state/flexible-ui-context/types").PreviewActionData | import("../../../../../../extractors/common/lozenge/types").LinkLozenge | import("@atlaskit/link-extractors").LinkPerson[] | {
+    objectId?: string | undefined;
+    resourceType?: string | undefined;
+    tenantId?: string | undefined;
+} | {
+    appearance: string;
+    icon?: IconType | undefined;
+    label?: string | undefined;
+    url?: string | undefined;
+} | undefined;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-link-element/index.d.ts

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 import React from 'react';
-import { SmartLinkTheme } from '../../../../../../constants';
+import { SmartLinkInternalTheme, SmartLinkTheme } from '../../../../../../constants';
 import type { ElementProps } from '../../../../components/elements';
 import type { AnchorTarget } from '../../../../components/types';
 export type BaseLinkElementProps = ElementProps & {
@@ -31,7 +31,7 @@ export type BaseLinkElementProps = ElementProps & {
     /**
      * The theme of the link. Can be Black, or Link (default blue URL).
      */
-    theme?: SmartLinkTheme;
+    theme?: SmartLinkTheme | SmartLinkInternalTheme;
     /**
      * The url that the Smart Link should be based upon.
      */
@@ -53,3 +53,4 @@ export type BaseLinkElementProps = ElementProps & {
  */
 declare const BaseLinkElement: ({ hideTooltip, maxLines, name, className, size, testId, text, theme, url, onClick, target, anchorRef, }: BaseLinkElementProps) => JSX.Element;
 export default BaseLinkElement;
+export declare const toLinkProps: (text?: string, url?: string) => Partial<BaseLinkElementProps> | undefined;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-lozenge-element/index.d.ts

@@ -29,3 +29,4 @@ export type BaseLozengeElementProps = ElementProps & {
  */
 declare const BaseLozengeElement: ({ action, appearance, name, className, style, text, testId, }: BaseLozengeElementProps) => JSX.Element | null;
 export default BaseLozengeElement;
+export declare const toDateLozengeProps: (dateString?: string) => Partial<BaseLozengeElementProps> | undefined;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-text-element/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { MessageDescriptor } from 'react-intl-next';
 import type { MessageProps } from '../../../types';
 import { type ElementProps } from '../../index';
 export type BaseTextElementProps = ElementProps & {
@@ -33,3 +34,5 @@ export type BaseTextElementProps = ElementProps & {
  */
 export declare const BaseTextElement: ({ content, maxLines, message, name, className, testId, hideFormat, color, }: BaseTextElementProps) => JSX.Element | null;
 export default BaseTextElement;
+export declare const toFormattedTextProps: (descriptor: MessageDescriptor, context?: string) => Partial<BaseTextElementProps> | undefined;
+export declare const toTextProps: (content?: string) => Partial<BaseTextElementProps> | undefined;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/index.d.ts

@@ -1,6 +1,8 @@
-export { type BaseBadgeElementProps, default as BaseBadgeElement } from './base-badge-element';
-export { type BaseTextElementProps, default as BaseTextElement } from './base-text-element';
-export { type BaseAvatarGroupElementProps, default as BaseAvatarGroupElement, type BaseAvatarItemProps, } from './base-avatar-group-element';
-export { type BaseDateTimeProps, default as BaseDateTimeElement, type DateTimeType, } from './base-date-time-element';
-export { type BaseLozengeElementProps, default as BaseLozengeElement, } from './base-lozenge-element';
-export { type BaseLinkElementProps, default as BaseLinkElement } from './base-link-element';
+export { type BaseBadgeElementProps, default as BaseBadgeElement, toBadgeProps, } from './base-badge-element';
+export { type BaseTextElementProps, default as BaseTextElement, toFormattedTextProps, toTextProps, } from './base-text-element';
+export { type BaseAvatarGroupElementProps, default as BaseAvatarGroupElement, type BaseAvatarItemProps, toAvatarGroupProps, } from './base-avatar-group-element';
+export { type BaseDateTimeElementProps, default as BaseDateTimeElement, type DateTimeType, toDateTimeProps, } from './base-date-time-element';
+export { type BaseLozengeElementProps, default as BaseLozengeElement, toDateLozengeProps, } from './base-lozenge-element';
+export { type BaseLinkElementProps, default as BaseLinkElement, toLinkProps, } from './base-link-element';
+export { type BaseIconElementProps, default as BaseIconElement, toLinkIconProps, } from './base-icon-element';
+export { type BaseAtlaskitBadgeElementProps, default as BaseAtlaskitBadgeElement, toAtlaskitBadgeProps, } from './base-atlaskit-badge-element';

package/dist/types-ts4.5/view/FlexibleCard/components/elements/created-by-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseTextElementProps } from '../common';
+export type CreatedByElementProps = BaseTextElementProps;
+declare const CreatedByElement: (props: CreatedByElementProps) => JSX.Element | null;
+export default CreatedByElement;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/created-on-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseDateTimeElementProps } from '../common';
+export type CreatedOnProps = BaseDateTimeElementProps;
+declare const CreatedOnElement: (props: CreatedOnProps) => JSX.Element | null;
+export default CreatedOnElement;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/due-on-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseLozengeElementProps } from '../common';
+export type DueOnElementProps = BaseLozengeElementProps;
+declare const DueOnElement: (props: DueOnElementProps) => JSX.Element | null;
+export default DueOnElement;

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

@@ -1,8 +1,6 @@
 /// <reference types="react" />
 import { ElementName, type SmartLinkSize } from '../../../../constants';
-import { AtlaskitBadgeElementProps } from './atlaskit-badge-element';
-import { type BaseAvatarGroupElementProps, type BaseBadgeElementProps, type BaseDateTimeProps, type BaseLinkElementProps, type BaseLozengeElementProps, type BaseTextElementProps } from './common';
-import { type IconElementProps } from './icon-element';
+import { type BaseAtlaskitBadgeElementProps, type BaseAvatarGroupElementProps, type BaseBadgeElementProps, type BaseDateTimeElementProps, type BaseIconElementProps, type BaseLinkElementProps, type BaseLozengeElementProps, type BaseTextElementProps } from './common';
 export type ElementProps = {
     /**
      * Name of the element, can be used as a selector.
@@ -25,6 +23,12 @@ export type ElementProps = {
      */
     testId?: string;
 };
+/**
+ * @note The intention is to replace all the exports below with an import from
+ * the direct files when `createElement` is deleted.
+ * This changes should be made when FG platform-linking-flexible-card-elements-refactor
+ * is cleaned up
+ */
 /**
  * Creates a AssignedTo text element using the data from AssignedTo in the Flexible UI Context.
  * @see Text
@@ -64,7 +68,7 @@ export declare const CommentCount: import("react").ComponentType<BaseBadgeElemen
  * Creates a CreatedOn DateTime element using the data from CreatedOn in the Flexible UI Context.
  * @see DateTime
  */
-export declare const CreatedOn: import("react").ComponentType<BaseDateTimeProps>;
+export declare const CreatedOn: import("react").ComponentType<BaseDateTimeElementProps>;
 /**
  * Creates a CreatedBy text element using the data from CreatedBy in the Flexible UI Context.
  * @see Text
@@ -83,7 +87,7 @@ export declare const LatestCommit: import("react").ComponentType<BaseBadgeElemen
  * Creates a LinkIcon Icon element using the data from LinkIcon in the Flexible UI Context.
  * @see Icon
  */
-export declare const LinkIcon: import("react").ComponentType<IconElementProps>;
+export declare const LinkIcon: import("react").ComponentType<BaseIconElementProps>;
 /**
  * Creates a Location Link element.
  * This represents the location or container of the resource.
@@ -99,7 +103,7 @@ export declare const ModifiedBy: import("react").ComponentType<BaseTextElementPr
  * Creates a ModifiedOn DateTime element using the data from ModifiedOn in the Flexible UI Context.
  * @see DateTime
  */
-export declare const ModifiedOn: import("react").ComponentType<BaseDateTimeProps>;
+export declare const ModifiedOn: import("react").ComponentType<BaseDateTimeElementProps>;
 /**
  * Creates a OwnedBy text element using the data from OwnedBy in the Flexible UI Context.
  * @see Text
@@ -143,7 +147,7 @@ export declare const ReadTime: import("react").ComponentType<BaseTextElementProp
  * Creates a SentOn DateTime element using the data from SentOn in the Flexible UI Context.
  * @see DateTime
  */
-export declare const SentOn: import("react").ComponentType<BaseDateTimeProps>;
+export declare const SentOn: import("react").ComponentType<BaseDateTimeElementProps>;
 /**
  * Creates a Snippet element using the data from Snippet in the Flexible UI Context.
  * @see Text
@@ -173,7 +177,7 @@ export declare const SubTasksProgress: import("react").ComponentType<BaseBadgeEl
  * Create a StoryPoints Badge element using the data from storyPoints in the Flexible UI Context.
  * @see AtlaskitBadge
  */
-export declare const StoryPoints: import("react").ComponentType<AtlaskitBadgeElementProps>;
+export declare const StoryPoints: import("react").ComponentType<BaseAtlaskitBadgeElementProps>;
 /**
  * Creates a TargetBranch Text element using the data from targetBranch in the Flexible UI Context.
  * @see Text

package/dist/types-ts4.5/view/FlexibleCard/components/elements/latest-commit-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseBadgeElementProps } from '../common';
+export type LatestCommitElementProps = BaseBadgeElementProps;
+declare const LatestCommitElement: (props: LatestCommitElementProps) => JSX.Element | null;
+export default LatestCommitElement;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/link-icon-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseIconElementProps } from '../common';
+export type LinkIconElementProps = BaseIconElementProps;
+declare const LinkIconElement: (props: LinkIconElementProps) => JSX.Element | null;
+export default LinkIconElement;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/location-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseLinkElementProps } from '../common';
+export type LocationElementProps = BaseLinkElementProps;
+declare const LocationElement: (props: LocationElementProps) => JSX.Element | null;
+export default LocationElement;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/modified-by-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseTextElementProps } from '../common';
+export type ModifiedByElementProps = BaseTextElementProps;
+declare const ModifiedByElement: (props: ModifiedByElementProps) => JSX.Element | null;
+export default ModifiedByElement;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/modified-on-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseDateTimeElementProps } from '../common';
+export type ModifiedOnProps = BaseDateTimeElementProps;
+declare const ModifiedOnElement: (props: ModifiedOnProps) => JSX.Element | null;
+export default ModifiedOnElement;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/owned-by-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseTextElementProps } from '../common';
+export type OwnedByElementProps = BaseTextElementProps;
+declare const OwnedByElement: (props: OwnedByElementProps) => JSX.Element | null;
+export default OwnedByElement;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseAvatarGroupElementProps } from '../common';
+export type OwnedByGroupElementProps = BaseAvatarGroupElementProps;
+declare const OwnedByGroupElement: (props: OwnedByGroupElementProps) => JSX.Element | null;
+export default OwnedByGroupElement;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/priority-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseBadgeElementProps } from '../common';
+export type PriorityElementProps = BaseBadgeElementProps;
+declare const PriorityElement: (props: PriorityElementProps) => JSX.Element | null;
+export default PriorityElement;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/programming-language-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { BaseBadgeElementProps } from '../common';
+export type ProgrammingLanguageElementProps = BaseBadgeElementProps;
+declare const ProgrammingLanguageElement: (props: ProgrammingLanguageElementProps) => JSX.Element | null;
+export default ProgrammingLanguageElement;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/provider-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { BaseBadgeElementProps } from '../common';
+export type ProviderElementProps = BaseBadgeElementProps;
+declare const ProviderElement: (props: ProviderElementProps) => JSX.Element | null;
+export default ProviderElement;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/react-count-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseBadgeElementProps } from '../common';
+export type ReactCountElementProps = BaseBadgeElementProps;
+declare const ReactCountElement: (props: ReactCountElementProps) => JSX.Element | null;
+export default ReactCountElement;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/read-time-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseTextElementProps } from '../common';
+export type ReadTimeElementProps = BaseTextElementProps;
+declare const ReadTimeElement: (props: ReadTimeElementProps) => JSX.Element | null;
+export default ReadTimeElement;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/sent-on-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseDateTimeElementProps } from '../common';
+export type SentOnProps = BaseDateTimeElementProps;
+declare const SentOnElement: (props: SentOnProps) => JSX.Element | null;
+export default SentOnElement;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/source-branch-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseTextElementProps } from '../common';
+export type SourceBranchElementProps = BaseTextElementProps;
+declare const SourceBranchElement: (props: SourceBranchElementProps) => JSX.Element | null;
+export default SourceBranchElement;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/state-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseLozengeElementProps } from '../common';
+export type StateElementProps = BaseLozengeElementProps;
+declare const StateElement: (props: StateElementProps) => JSX.Element | null;
+export default StateElement;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/story-points-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseAtlaskitBadgeElementProps } from '../common';
+export type StoryPointsElementProps = BaseAtlaskitBadgeElementProps;
+declare const StoryPointsElement: (props: StoryPointsElementProps) => JSX.Element | null;
+export default StoryPointsElement;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/sub-tasks-progress-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseBadgeElementProps } from '../common';
+export type SubTasksProgressElementProps = BaseBadgeElementProps;
+declare const SubTasksProgressElement: (props: SubTasksProgressElementProps) => JSX.Element | null;
+export default SubTasksProgressElement;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/subscriber-count-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseBadgeElementProps } from '../common';
+export type SubscriberCountElementProps = BaseBadgeElementProps;
+declare const SubscriberCountElement: (props: SubscriberCountElementProps) => JSX.Element | null;
+export default SubscriberCountElement;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/target-branch-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseTextElementProps } from '../common';
+export type TargetBranchElementProps = BaseTextElementProps;
+declare const TargetBranchElement: (props: TargetBranchElementProps) => JSX.Element | null;
+export default TargetBranchElement;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/title-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseLinkElementProps } from '../common';
+export type TitleElementProps = BaseLinkElementProps;
+declare const TitleElement: (props: TitleElementProps) => JSX.Element | null;
+export default TitleElement;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ElementName } from '../../../../constants';
 /**
- * @deprecated
+ * @deprecated remove on FG platform-linking-flexible-card-elements-refactor clean up
  */
 export declare const createElement: <P extends {}>(name: ElementName) => React.ComponentType<P>;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/view-count-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { BaseBadgeElementProps } from '../common';
+export type ViewCountElementProps = BaseBadgeElementProps;
+declare const ViewCountElement: (props: ViewCountElementProps) => JSX.Element | null;
+export default ViewCountElement;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/vote-count-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseBadgeElementProps } from '../common';
+export type VoteCountElementProps = BaseBadgeElementProps;
+declare const VoteCountElement: (props: VoteCountElementProps) => JSX.Element | null;
+export default VoteCountElement;