@atlaskit/smart-card 38.2.0 → 38.4.0

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

@@ -7,48 +7,44 @@
  * DO NOT add a new prop to these components until we are ready to support it externally.
  */
 import React from 'react';
-import { type BadgeProps } from './components/elements/badge/types';
-import { type DateTimeProps } from './components/elements/date-time/types';
-import { type IconProps } from './components/elements/icon/types';
-import { type LinkProps } from './components/elements/link/types';
-import { type PreviewProps } from './components/elements/preview/types';
-import { type TextProps } from './components/elements/text/types';
+import { type BaseBadgeElementProps, type BaseDateTimeProps, type BaseLinkElementProps, type BaseTextElementProps } from './components/elements/common';
+import { type IconElementProps } from './components/elements/icon-element';
+import { PreviewElementProps } from './components/elements/preview-element';
 export declare const AssignedToElement: () => React.JSX.Element;
 export declare const AssignedToGroupElement: () => React.JSX.Element;
 export declare const AttachmentCountElement: () => React.JSX.Element;
 export declare const AuthorGroupElement: () => React.JSX.Element;
 export declare const ChecklistProgressElement: () => React.JSX.Element;
 export declare const CollaboratorGroupElement: () => React.JSX.Element;
-type CommentCountElementProps = Pick<BadgeProps, 'color'>;
+type CommentCountElementProps = Pick<BaseBadgeElementProps, 'color'>;
 export declare const CommentCountElement: (props?: CommentCountElementProps) => React.JSX.Element;
 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<IconProps, 'render'> & {
+type LinkIconElementProps = Pick<IconElementProps, '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<DateTimeProps, 'hideDatePrefix' | 'color'>;
+type ModifiedOnElementProps = Pick<BaseDateTimeProps, 'hideDatePrefix' | 'color'>;
 export declare const ModifiedOnElement: (props?: ModifiedOnElementProps) => React.JSX.Element;
-type OwnedByElementProps = Pick<TextProps, 'hideFormat' | 'color'>;
+type OwnedByElementProps = Pick<BaseTextElementProps, 'hideFormat' | 'color'>;
 export declare const OwnedByElement: (props?: OwnedByElementProps) => React.JSX.Element;
 export declare const OwnedByGroupElement: () => React.JSX.Element;
-type PreviewElementProps = {
-    url?: PreviewProps['overrideUrl'];
-};
-export declare const PreviewElement: (props?: PreviewElementProps) => React.JSX.Element;
+export declare const PreviewElement: (props: Omit<PreviewElementProps, 'overrideUrl'> & {
+    url?: PreviewElementProps['overrideUrl'];
+}) => React.JSX.Element;
 export declare const PriorityElement: () => React.JSX.Element;
 export declare const ProgrammingLanguageElement: () => React.JSX.Element;
 export declare const ProviderElement: () => React.JSX.Element;
-type ReactCountElementProps = Pick<BadgeProps, 'color'>;
+type ReactCountElementProps = Pick<BaseBadgeElementProps, 'color'>;
 export declare const ReactCountElement: (props?: ReactCountElementProps) => React.JSX.Element;
 export declare const ReadTimeElement: () => React.JSX.Element;
 export declare const SentOnElement: () => React.JSX.Element;
-export type SnippetElementProps = Pick<TextProps, 'maxLines'> & {
-    text?: TextProps['content'];
+export type SnippetElementProps = Pick<BaseTextElementProps, 'maxLines'> & {
+    text?: BaseTextElementProps['content'];
 };
 export declare const SnippetElement: (props: SnippetElementProps) => React.JSX.Element;
 export declare const SourceBranchElement: () => React.JSX.Element;
@@ -57,7 +53,7 @@ export declare const StoryPointsElement: () => React.JSX.Element;
 export declare const SubscriberCountElement: () => React.JSX.Element;
 export declare const SubTasksProgressElement: () => React.JSX.Element;
 export declare const TargetBranchElement: () => React.JSX.Element;
-export type TitleElementProps = Pick<LinkProps, 'hideTooltip' | 'maxLines' | 'target' | 'text'>;
+export type TitleElementProps = Pick<BaseLinkElementProps, 'hideTooltip' | 'maxLines' | 'target' | 'text'>;
 export declare const TitleElement: (props: TitleElementProps) => React.JSX.Element;
 export declare const ViewCountElement: () => React.JSX.Element;
 export declare const VoteCountElement: () => React.JSX.Element;

package/dist/types-ts4.5/extractors/action/extract-lozenge-action-items.d.ts

@@ -1,4 +1,4 @@
 import type { GetStatusTransitionsInvokeResponse } from '@atlaskit/linking-types/smart-link-actions';
-import { type LozengeItem } from '../../view/FlexibleCard/components/elements/lozenge/lozenge-action/types';
+import { type LozengeItem } from '../../view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/types';
 declare const extractLozengeActionItems: (response: GetStatusTransitionsInvokeResponse) => LozengeItem[];
 export default extractLozengeActionItems;

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

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

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

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

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

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import { type ElementProps } from '../../index';
+export type BaseAvatarItemProps = {
+    /**
+     * The image to be used in an `@atlaskit/avatar - this should be a url to the image src
+     */
+    src?: string;
+    /**
+     * The name of the person in the avatar.
+     */
+    name: string;
+};
+export type BaseAvatarGroupElementProps = ElementProps & {
+    /**
+     * An array of Avatars to show
+     */
+    items?: BaseAvatarItemProps[];
+    /**
+     * The maximum number of Avatars to show in the AvatarGroup
+     */
+    maxCount?: number;
+    /**
+     * Shows a name prefix in the Avatar tooltip (Created by, Assigned To, Owned by)
+     */
+    showNamePrefix?: boolean;
+    /**
+     * Shows a default fallback avatar if no persons in the AvatarGroup.
+     */
+    showFallbackAvatar?: boolean;
+};
+/**
+ * A base element that displays a group of avatars.
+ * @internal
+ * @param {BaseAvatarGroupElementProps} BaseAvatarGroupElementProps - The props necessary for the AvatarGroup.
+ * @see AuthorGroup
+ * @see CollaboratorGroup
+ */
+declare const BaseAvatarGroup: ({ items, maxCount, name, className, size, testId, showNamePrefix, showFallbackAvatar, }: BaseAvatarGroupElementProps) => JSX.Element | null;
+export default BaseAvatarGroup;

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

@@ -0,0 +1,66 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import { IconType } from '../../../../../../constants';
+import type { ElementProps } from '../../index';
+export type BaseBadgeElementProps = ElementProps & {
+    /**
+     * Badge appearances
+     */
+    appearance?: 'default' | 'subtle';
+    /**
+     * Determines whether the badge icon should be hidden. When set to true,
+     * the badge will be displayed without the icon, showing only the label text.
+     */
+    hideIcon?: boolean;
+    /**
+     * The Atlaskit Icon to display next to the label. If this is not supplied,
+     * then the badge icon will fallback to the URL provided.
+     */
+    icon?: IconType;
+    /**
+     * The icon from this URL will be used for the badge if no Atlaskit Icon is provided.
+     */
+    url?: string;
+    /**
+     * The text to display for the badge.
+     */
+    label?: string;
+    /**
+     * Color of the text and badge
+     */
+    color?: string;
+};
+declare const _default: (props: ElementProps & {
+    /**
+     * Badge appearances
+     */
+    appearance?: "default" | "subtle" | undefined;
+    /**
+     * Determines whether the badge icon should be hidden. When set to true,
+     * the badge will be displayed without the icon, showing only the label text.
+     */
+    hideIcon?: boolean | undefined;
+    /**
+     * The Atlaskit Icon to display next to the label. If this is not supplied,
+     * then the badge icon will fallback to the URL provided.
+     */
+    icon?: IconType | undefined;
+    /**
+     * The icon from this URL will be used for the badge if no Atlaskit Icon is provided.
+     */
+    url?: string | undefined;
+    /**
+     * The text to display for the badge.
+     */
+    label?: string | undefined;
+    /**
+     * Color of the text and badge
+     */
+    color?: string | undefined;
+} & React.RefAttributes<HTMLElement> & {
+    className?: string | undefined;
+}) => React.JSX.Element;
+export default _default;

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

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import type { ElementProps } from '../../../elements';
+export type DateTimeType = 'created' | 'modified' | 'sent';
+export type BaseDateTimeProps = ElementProps & {
+    /**
+     * Whether the date time element text should contain "Modified" or "Created" or "sent"
+     */
+    type?: DateTimeType;
+    /**
+     * The date to display in the element.
+     */
+    date?: Date;
+    /**
+     * The override text which will show next to the date
+     */
+    text?: string;
+    /**
+     * Hide the date prefix (e.g. "Created on", "Modified on", "Sent on")
+     */
+    hideDatePrefix?: boolean;
+    /**
+     * Color of the text
+     */
+    color?: string;
+};
+/**
+ * A base element that displays an ISO Timestamp in text.
+ * @internal
+ * @param {BaseDateTimeProps} BaseDateTimeProps - 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;
+export default BaseDateTimeElement;

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

@@ -1,8 +1,12 @@
-/// <reference types="react" />
-import { type SmartLinkTheme } from '../../../../../constants';
-import { type AnchorTarget } from '../../types';
-import { type ElementProps } from '../types';
-export type LinkProps = ElementProps & {
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import { SmartLinkTheme } from '../../../../../../constants';
+import type { ElementProps } from '../../../../components/elements';
+import type { AnchorTarget } from '../../../../components/types';
+export type BaseLinkElementProps = ElementProps & {
     /**
      * Determines whether the link should display tooltip on hover.
      */
@@ -37,3 +41,11 @@ export type LinkProps = ElementProps & {
      */
     target?: AnchorTarget;
 };
+/**
+ * A base element that represent an anchor.
+ * @internal
+ * @param {BaseLinkElementProps} BaseLinkElementProps - The props necessary for the Link element.
+ * @see LinkIcon
+ */
+declare const BaseLinkElement: ({ hideTooltip, maxLines, name, className, size, testId, text, theme, url, onClick, target, }: BaseLinkElementProps) => JSX.Element;
+export default BaseLinkElement;

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { type LozengeProps as AtlaskitLozengeProps } from '@atlaskit/lozenge';
-import type { LinkLozengeInvokeActions } from '../../../../../extractors/common/lozenge/types';
-import { type ElementProps } from '../types';
+import type { LinkLozengeInvokeActions } from '../../../../../../extractors/common/lozenge/types';
+import type { ElementProps } from '../../../elements';
 export type LozengeAppearance = 'default' | 'inprogress' | 'moved' | 'new' | 'removed' | 'success';
-export type LozengeProps = ElementProps & {
+export type BaseLozengeElementProps = ElementProps & {
     /**
      * Action that can be performed on the element
      */
@@ -21,3 +21,11 @@ export type LozengeProps = ElementProps & {
      */
     text?: string | React.ReactNode;
 };
+/**
+ * A base element that displays a Lozenge.
+ * @internal
+ * @param {BaseLozengeElementProps} BaseLozengeElementProps - The props necessary for the Lozenge element.
+ * @see State
+ */
+declare const BaseLozengeElement: ({ action, appearance, name, className, style, text, testId, }: BaseLozengeElementProps) => JSX.Element | null;
+export default BaseLozengeElement;

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

@@ -1,4 +1,4 @@
-import { type TrackQuickActionFailureReason, type TrackQuickActionType } from '../../../../../../utils/analytics/analytics';
+import { type TrackQuickActionFailureReason, type TrackQuickActionType } from '../../../../../../../utils/analytics/analytics';
 export declare const unknownLoadErrorAnalyticsPayload: {
     smartLinkActionType: TrackQuickActionType;
     reason: TrackQuickActionFailureReason;

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

@@ -1,5 +1,5 @@
-import { type InvokeClientActionProps } from '../../../../../../../state/hooks/use-invoke-client-action/types';
-import { type MessageProps } from '../../../../types';
+import { type InvokeClientActionProps } from '../../../../../../../../state/hooks/use-invoke-client-action/types';
+import { type MessageProps } from '../../../../../types';
 export type LozengeActionErrorProps = {
     /**
      * Error message to be displayed inside the dropdown

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { ThemeAppearance } from '@atlaskit/lozenge';
-import type { LinkLozengeInvokeActions } from '../../../../../../extractors/common/lozenge/types';
+import type { LinkLozengeInvokeActions } from '../../../../../../../extractors/common/lozenge/types';
 export type LozengeItem = {
     appearance?: ThemeAppearance;
     id: string;

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

@@ -1,6 +1,7 @@
-import { type MessageProps } from '../../types';
-import { type ElementProps } from '../types';
-export type TextProps = ElementProps & {
+/// <reference types="react" />
+import type { MessageProps } from '../../../types';
+import { type ElementProps } from '../../index';
+export type BaseTextElementProps = ElementProps & {
     /**
      * Determines the formatted message (i18n) to display.
      * If this is provided and hideFormat is false, the content prop will not be displayed.
@@ -24,3 +25,11 @@ export type TextProps = ElementProps & {
      */
     color?: string;
 };
+/**
+ * A base element that displays some Text.
+ * @internal
+ * @param {TextProps} TextProps - The props necessary for the Text element.
+ * @see Title
+ */
+export declare const BaseTextElement: ({ content, maxLines, message, name, className, testId, hideFormat, color, }: BaseTextElementProps) => JSX.Element | null;
+export default BaseTextElement;

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

@@ -0,0 +1,6 @@
+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';

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { type IconType, type SmartLinkPosition } from '../../../../../constants';
-import { type ElementProps } from '../types';
-export type IconProps = ElementProps & {
+import { type IconType, SmartLinkPosition } from '../../../../../constants';
+import type { ElementProps } from '../index';
+export type IconElementProps = ElementProps & {
     /**
      * If provided, Icon element will use this render function instead.
      */
@@ -34,3 +34,11 @@ export type IconProps = ElementProps & {
      */
     appearance?: 'square' | 'round';
 };
+/**
+ * A base element that displays an Icon or favicon.
+ * @internal
+ * @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;
+export default IconElement;

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

@@ -1,131 +1,149 @@
 /// <reference types="react" />
-import { type AtlaskitBadgeProps } from './atlaskit-badge/types';
-import { type AvatarGroupProps } from './avatar-group/types';
-import { type BadgeProps } from './badge/types';
-import { type DateTimeProps } from './date-time/types';
-import { type IconProps } from './icon/types';
-import { type LinkProps } from './link/types';
-import { type LozengeProps } from './lozenge/types';
-import { type TextProps } from './text/types';
+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';
+export type ElementProps = {
+    /**
+     * Name of the element, can be used as a selector.
+     * E.g. [data-smart-element="Provider"]
+     * @internal
+     */
+    name?: ElementName;
+    /**
+     * For compiled css
+     */
+    className?: string;
+    /**
+     * The size of the element to display.
+     */
+    size?: SmartLinkSize;
+    /**
+     * 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;
+};
 /**
  * Creates a AssignedTo text element using the data from AssignedTo in the Flexible UI Context.
  * @see Text
  */
-export declare const AssignedTo: import("react").ComponentType<TextProps>;
+export declare const AssignedTo: import("react").ComponentType<BaseTextElementProps>;
 /**
  * An AvatarGroup element using the data from AssignedToGroup in the Flexible UI Context.
  * @see AvatarGroup
  */
-export declare const AssignedToGroup: import("react").ComponentType<AvatarGroupProps>;
+export declare const AssignedToGroup: import("react").ComponentType<BaseAvatarGroupElementProps>;
 /**
  * Creates a AttachmentCount Badge element using the data from AttachmentCount in the Flexible UI Context.
  * @see Badge
  */
-export declare const AttachmentCount: import("react").ComponentType<BadgeProps>;
+export declare const AttachmentCount: import("react").ComponentType<BaseBadgeElementProps>;
 /**
  * An AvatarGroup element using the data from AuthorGroup in the Flexible UI Context.
  * @see AvatarGroup
  */
-export declare const AuthorGroup: import("react").ComponentType<AvatarGroupProps>;
+export declare const AuthorGroup: import("react").ComponentType<BaseAvatarGroupElementProps>;
 /**
  * Creates a Checklist Badge element using the data from ChecklistProgress in the Flexible UI Context.
  * @see Badge
  */
-export declare const ChecklistProgress: import("react").ComponentType<BadgeProps>;
+export declare const ChecklistProgress: import("react").ComponentType<BaseBadgeElementProps>;
 /**
  * An AvatarGroup element using the data from CollaboratorGroup in the Flexible UI Context.
  * @see AvatarGroup
  */
-export declare const CollaboratorGroup: import("react").ComponentType<AvatarGroupProps>;
+export declare const CollaboratorGroup: import("react").ComponentType<BaseAvatarGroupElementProps>;
 /**
  * Creates a CommentCount Badge element using the data from CommentCount in the Flexible UI Context.
  * @see Badge
  */
-export declare const CommentCount: import("react").ComponentType<BadgeProps>;
+export declare const CommentCount: import("react").ComponentType<BaseBadgeElementProps>;
 /**
  * Creates a CreatedOn DateTime element using the data from CreatedOn in the Flexible UI Context.
  * @see DateTime
  */
-export declare const CreatedOn: import("react").ComponentType<DateTimeProps>;
+export declare const CreatedOn: import("react").ComponentType<BaseDateTimeProps>;
 /**
  * Creates a CreatedBy text element using the data from CreatedBy in the Flexible UI Context.
  * @see Text
  */
-export declare const CreatedBy: import("react").ComponentType<TextProps>;
+export declare const CreatedBy: import("react").ComponentType<BaseTextElementProps>;
 /**
  * Creates a DueOn Lozenge element using the data from dueOn in the Flexible UI Context.
  * @see Lozenge
  */
-export declare const DueOn: import("react").ComponentType<LozengeProps>;
+export declare const DueOn: import("react").ComponentType<BaseLozengeElementProps>;
 /**
  * Creates an element that contains Last Commit hash
  */
-export declare const LatestCommit: import("react").ComponentType<BadgeProps>;
+export declare const LatestCommit: import("react").ComponentType<BaseBadgeElementProps>;
 /**
  * Creates a LinkIcon Icon element using the data from LinkIcon in the Flexible UI Context.
  * @see Icon
  */
-export declare const LinkIcon: import("react").ComponentType<IconProps>;
+export declare const LinkIcon: import("react").ComponentType<IconElementProps>;
 /**
  * Creates a Location Link element.
  * This represents the location or container of the resource.
  * @see Link
  */
-export declare const Location: import("react").ComponentType<LinkProps>;
+export declare const Location: import("react").ComponentType<BaseLinkElementProps>;
 /**
  * Creates a ModifiedBy Text element using the data from ModifiedBy in the Flexible UI Context.
  * @see Text
  */
-export declare const ModifiedBy: import("react").ComponentType<TextProps>;
+export declare const ModifiedBy: import("react").ComponentType<BaseTextElementProps>;
 /**
  * Creates a ModifiedOn DateTime element using the data from ModifiedOn in the Flexible UI Context.
  * @see DateTime
  */
-export declare const ModifiedOn: import("react").ComponentType<DateTimeProps>;
+export declare const ModifiedOn: import("react").ComponentType<BaseDateTimeProps>;
 /**
  * Creates a OwnedBy text element using the data from OwnedBy in the Flexible UI Context.
  * @see Text
  */
-export declare const OwnedBy: import("react").ComponentType<TextProps>;
+export declare const OwnedBy: import("react").ComponentType<BaseTextElementProps>;
 /**
  * An AvatarGroup element using the data from OwnedByGroup in the Flexible UI Context.
  * @see AvatarGroup
  */
-export declare const OwnedByGroup: import("react").ComponentType<AvatarGroupProps>;
+export declare const OwnedByGroup: import("react").ComponentType<BaseAvatarGroupElementProps>;
 /**
  * Creates a Preview element using the data from Preview in the Flexible UI Context.
  * @see Preview
  */
-export { default as Preview } from './preview';
+export { default as Preview } from './preview-element';
 /**
  * Creates a Priority Badge element using the data from Priority in the Flexible UI Context.
  * @see Badge
  */
-export declare const Priority: import("react").ComponentType<BadgeProps>;
+export declare const Priority: import("react").ComponentType<BaseBadgeElementProps>;
 /**
  * Creates a ProgrammingLanguage Badge element using the data from ProgrammingLanguage in the Flexible UI Context.
  * @see Badge
  */
-export declare const ProgrammingLanguage: import("react").ComponentType<BadgeProps>;
+export declare const ProgrammingLanguage: import("react").ComponentType<BaseBadgeElementProps>;
 /**
  * Creates a Provider Badge element using the data from Provider in the Flexible UI Context.
  * @see Badge
  */
-export declare const Provider: import("react").ComponentType<BadgeProps>;
+export declare const Provider: import("react").ComponentType<BaseBadgeElementProps>;
 /**
  * Creates a ReactCount Badge element using the data from ReactCount in the Flexible UI Context.
  * @see Badge
  */
-export declare const ReactCount: import("react").ComponentType<BadgeProps>;
+export declare const ReactCount: import("react").ComponentType<BaseBadgeElementProps>;
 /**
  * Creates a ReadTime Text element using the data from readTime in the Flexible UI Context
  */
-export declare const ReadTime: import("react").ComponentType<TextProps>;
+export declare const ReadTime: import("react").ComponentType<BaseTextElementProps>;
 /**
  * Creates a SentOn DateTime element using the data from SentOn in the Flexible UI Context.
  * @see DateTime
  */
-export declare const SentOn: import("react").ComponentType<DateTimeProps>;
+export declare const SentOn: import("react").ComponentType<BaseDateTimeProps>;
 /**
  * Creates a Snippet element using the data from Snippet in the Flexible UI Context.
  * @see Text
@@ -135,46 +153,46 @@ export { default as Snippet } from './snippet-element';
  * Creates a SourceBranch Text element using the data from sourceBranch in the Flexible UI Context.
  * @see Text
  */
-export declare const SourceBranch: import("react").ComponentType<TextProps>;
+export declare const SourceBranch: import("react").ComponentType<BaseTextElementProps>;
 /**
  * Creates a State Lozenge element using the data from State in the Flexible UI Context.
  * @see Lozenge
  */
-export declare const State: import("react").ComponentType<LozengeProps>;
+export declare const State: import("react").ComponentType<BaseLozengeElementProps>;
 /**
  * Creates a SubscriberCount Badge element using the data from SubscriberCount in the Flexible UI Context.
  * @see Badge
  */
-export declare const SubscriberCount: import("react").ComponentType<BadgeProps>;
+export declare const SubscriberCount: import("react").ComponentType<BaseBadgeElementProps>;
 /**
  * Create a SubTasks Badge element using the data from subTasks in the Flexible UI Context.
  * @see Badge
  */
-export declare const SubTasksProgress: import("react").ComponentType<BadgeProps>;
+export declare const SubTasksProgress: import("react").ComponentType<BaseBadgeElementProps>;
 /**
  * Create a StoryPoints Badge element using the data from storyPoints in the Flexible UI Context.
  * @see AtlaskitBadge
  */
-export declare const StoryPoints: import("react").ComponentType<AtlaskitBadgeProps>;
+export declare const StoryPoints: import("react").ComponentType<AtlaskitBadgeElementProps>;
 /**
  * Creates a TargetBranch Text element using the data from targetBranch in the Flexible UI Context.
  * @see Text
  */
-export declare const TargetBranch: import("react").ComponentType<TextProps>;
+export declare const TargetBranch: import("react").ComponentType<BaseTextElementProps>;
 /**
  * Creates a Title Link element using the data from Title in the Flexible UI Context.
  * This represents the main link text within the Smart Link.
  * @see Link
  */
-export declare const Title: import("react").ComponentType<LinkProps>;
+export declare const Title: import("react").ComponentType<BaseLinkElementProps>;
 /**
  * Creates a ViewCount Badge element using the data from ViewCount in the Flexible UI Context.
  * @see Badge
  */
-export declare const ViewCount: import("react").ComponentType<BadgeProps>;
+export declare const ViewCount: import("react").ComponentType<BaseBadgeElementProps>;
 /**
  * Creates a VoteCount Badge element using the data from VoteCount in the Flexible UI Context.
  * @see Badge
  */
-export declare const VoteCount: import("react").ComponentType<BadgeProps>;
-export { default as AppliedToComponentsCount } from './applied-to-components-count';
+export declare const VoteCount: import("react").ComponentType<BaseBadgeElementProps>;
+export { default as AppliedToComponentsCount } from './applied-to-components-count-element';