@atlaskit/smart-card 38.5.0 → 38.5.1

package/dist/types/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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;

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

@@ -7,8 +7,7 @@
  * DO NOT add a new prop to these components until we are ready to support it externally.
  */
 import React from 'react';
-import { type BaseBadgeElementProps, type BaseDateTimeProps, type BaseLinkElementProps, type BaseTextElementProps } from './components/elements/common';
-import { type IconElementProps } from './components/elements/icon-element';
+import { type BaseBadgeElementProps, type BaseDateTimeElementProps, type BaseIconElementProps, type BaseLinkElementProps, type BaseTextElementProps } from './components/elements/common';
 import { PreviewElementProps } from './components/elements/preview-element';
 export declare const AssignedToElement: () => React.JSX.Element;
 export declare const AssignedToGroupElement: () => React.JSX.Element;
@@ -22,13 +21,13 @@ export declare const CreatedOnElement: () => React.JSX.Element;
 export declare const CreatedByElement: () => React.JSX.Element;
 export declare const DueOnElement: () => React.JSX.Element;
 export declare const LatestCommitElement: () => React.JSX.Element;
-type LinkIconElementProps = Pick<IconElementProps, 'render'> & {
+type LinkIconElementProps = Pick<BaseIconElementProps, 'render'> & {
     iconTileSize?: 16 | 24;
 };
 export declare const LinkIconElement: (props?: LinkIconElementProps) => React.JSX.Element;
 export declare const LocationElement: () => React.JSX.Element;
 export declare const ModifiedByElement: () => React.JSX.Element;
-type ModifiedOnElementProps = Pick<BaseDateTimeProps, 'hideDatePrefix' | 'color'>;
+type ModifiedOnElementProps = Pick<BaseDateTimeElementProps, 'hideDatePrefix' | 'color'>;
 export declare const ModifiedOnElement: (props?: ModifiedOnElementProps) => React.JSX.Element;
 type OwnedByElementProps = Pick<BaseTextElementProps, 'hideFormat' | 'color'>;
 export declare const OwnedByElement: (props?: OwnedByElementProps) => React.JSX.Element;

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").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;