@atlaskit/smart-card 38.0.0 → 38.1.1

package/dist/esm/extractors/flexible/index.js

@@ -15,7 +15,7 @@ import { extractLinkIcon, extractSmartLinkIcon } from './icon';
 import extractProviderIcon, { extractSmartLinkProviderIcon } from './icon/extract-provider-icon';
 import { extractLatestCommit } from './latest-commit';
 import { extractAppliedToComponentsCount, extractAssignedTo, extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractDueOn, extractLocation, extractModifiedBy, extractOwnedBy, extractPersonAssignedToAsArray, extractProgrammingLanguage, extractReactCount, extractReadTime, extractSentOn, extractSourceBranch, extractStoryPoints, extractSubscriberCount, extractSubTasksProgress, extractTargetBranch, extractViewCount, extractVoteCount } from './utils';
-var extractFlexibleUiContextFromJsonLd = function extractFlexibleUiContextFromJsonLd() {
+var extractFlexibleUiContext = function extractFlexibleUiContext() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var appearance = _ref.appearance,
     fireEvent = _ref.fireEvent,
@@ -31,7 +31,7 @@ var extractFlexibleUiContextFromJsonLd = function extractFlexibleUiContextFromJs
     return undefined;
   }
   var data = response.data;
-  var url = extractLink(data);
+  var url = fg('smart_links_noun_support') ? extractSmartLinkUrl(response) : extractLink(data);
   return _objectSpread({
     actions: extractFlexibleCardActions({
       actionOptions: actionOptions,
@@ -54,19 +54,19 @@ var extractFlexibleUiContextFromJsonLd = function extractFlexibleUiContextFromJs
     reactCount: extractReactCount(data),
     voteCount: extractVoteCount(data),
     checklistProgress: extractChecklistProgress(data),
-    createdBy: extractCreatedBy(data),
+    createdBy: fg('smart_links_noun_support') ? extractSmartLinkCreatedBy(response) : extractCreatedBy(data),
     ownedBy: extractOwnedBy(data),
     assignedTo: extractAssignedTo(data),
-    createdOn: extractDateCreated(data),
+    createdOn: fg('smart_links_noun_support') ? extractSmartLinkCreatedOn(response) : extractDateCreated(data),
     dueOn: extractDueOn(data),
     latestCommit: extractLatestCommit(data),
-    linkIcon: extractLinkIcon(response, renderers),
+    linkIcon: fg('smart_links_noun_support') ? extractSmartLinkIcon(response) : extractLinkIcon(response, renderers),
     location: extractLocation(data),
-    modifiedBy: extractModifiedBy(data),
-    modifiedOn: extractDateUpdated(data),
-    preview: extractPreview(data),
+    modifiedBy: fg('smart_links_noun_support') ? extractSmartLinkModifiedBy(response) : extractModifiedBy(data),
+    modifiedOn: fg('smart_links_noun_support') ? extractSmartLinkModifiedOn(response) : extractDateUpdated(data),
+    preview: fg('smart_links_noun_support') ? extractSmartLinkPreviewImage(response) : extractPreview(data),
     priority: extractPriority(data),
-    provider: extractProviderIcon(data),
+    provider: fg('smart_links_noun_support') ? extractSmartLinkProviderIcon(response) : extractProviderIcon(data),
     programmingLanguage: extractProgrammingLanguage(data),
     readTime: extractReadTime(data),
     sentOn: extractSentOn(data),
@@ -78,83 +78,11 @@ var extractFlexibleUiContextFromJsonLd = function extractFlexibleUiContextFromJs
     subTasksProgress: extractSubTasksProgress(data),
     storyPoints: extractStoryPoints(data),
     targetBranch: extractTargetBranch(data),
-    title: extractTitle(data) || url,
+    title: fg('smart_links_noun_support') ? extractSmartLinkTitle(response) || url : extractTitle(data) || url,
     url: url,
-    ari: extractAri(data)
+    ari: fg('smart_links_noun_support') ? extractSmartLinkAri(response) : extractAri(data)
   }, fg('platform-linking-visual-refresh-v2') && {
     type: extractType(data)
   });
 };
-var extractFlexibleUiContextFromEntity = function extractFlexibleUiContextFromEntity() {
-  var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    actionOptions = _ref2.actionOptions,
-    appearance = _ref2.appearance,
-    fireEvent = _ref2.fireEvent,
-    id = _ref2.id,
-    origin = _ref2.origin,
-    resolve = _ref2.resolve,
-    response = _ref2.response;
-  if (!response) {
-    return undefined;
-  }
-  var data = response.data;
-  var url = extractSmartLinkUrl(response);
-  return _objectSpread({
-    actions: extractFlexibleCardActions({
-      response: response,
-      actionOptions: actionOptions,
-      id: id,
-      appearance: appearance,
-      fireEvent: fireEvent
-    }),
-    url: url,
-    ari: extractSmartLinkAri(response),
-    title: extractSmartLinkTitle(response) || url,
-    linkIcon: extractSmartLinkIcon(response),
-    preview: extractSmartLinkPreviewImage(response),
-    provider: extractSmartLinkProviderIcon(response),
-    modifiedOn: extractSmartLinkModifiedOn(response),
-    createdOn: extractSmartLinkCreatedOn(response),
-    createdBy: extractSmartLinkCreatedBy(response),
-    modifiedBy: extractSmartLinkModifiedBy(response),
-    // We need to add/remove these as we support new entity types
-    assignedToGroup: extractPersonAssignedToAsArray(data),
-    appliedToComponentsCount: extractAppliedToComponentsCount(data),
-    attachmentCount: extractAttachmentCount(data),
-    authorGroup: extractPersonCreatedBy(data),
-    ownedByGroup: extractPersonOwnedBy(data),
-    collaboratorGroup: extractPersonsUpdatedBy(data),
-    commentCount: extractCommentCount(data),
-    viewCount: extractViewCount(data),
-    reactCount: extractReactCount(data),
-    voteCount: extractVoteCount(data),
-    checklistProgress: extractChecklistProgress(data),
-    ownedBy: extractOwnedBy(data),
-    assignedTo: extractAssignedTo(data),
-    dueOn: extractDueOn(data),
-    latestCommit: extractLatestCommit(data),
-    location: extractLocation(data),
-    priority: extractPriority(data),
-    programmingLanguage: extractProgrammingLanguage(data),
-    readTime: extractReadTime(data),
-    sentOn: extractSentOn(data),
-    snippet: extractSummary(data) || undefined,
-    // Explicitly set here to remove an empty string
-    sourceBranch: extractSourceBranch(data),
-    state: extractState(response, actionOptions, id, appearance, origin, fireEvent, resolve),
-    subscriberCount: extractSubscriberCount(data),
-    subTasksProgress: extractSubTasksProgress(data),
-    storyPoints: extractStoryPoints(data),
-    targetBranch: extractTargetBranch(data)
-  }, fg('platform-linking-visual-refresh-v2') && {
-    type: extractType(data)
-  });
-};
-var extractFlexibleUiContext = function extractFlexibleUiContext() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  if (fg('smart_links_noun_support')) {
-    return extractFlexibleUiContextFromEntity(props);
-  }
-  return extractFlexibleUiContextFromJsonLd(props);
-};
 export default extractFlexibleUiContext;

package/dist/esm/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.0.0"
+  packageVersion: "38.1.1"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/FlexibleCard/components/elements/badge/index.js

@@ -81,7 +81,8 @@ var BadgeRefreshNew = /*#__PURE__*/forwardRef(function (_ref, ref) {
     name = _ref.name,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-element-badge' : _ref$testId,
-    url = _ref.url;
+    url = _ref.url,
+    color = _ref.color;
   var formattedMessageOrLabel = getFormattedMessageFromIcon(icon) || label;
   var badgeIcon = renderAtlaskitIcon(icon, testId) || renderImageIcon(url, testId);
   if (!formattedMessageOrLabel || !badgeIcon) {
@@ -92,6 +93,9 @@ var BadgeRefreshNew = /*#__PURE__*/forwardRef(function (_ref, ref) {
     "data-smart-element-badge": true,
     "data-testid": testId,
     ref: ref,
+    style: {
+      color: color && fg('platform-linking-additional-flexible-element-props') ? color : undefined
+    },
     className: ax([styles.container, colorMap[appearance]])
   }, !hideIcon && /*#__PURE__*/React.createElement(Box, {
     as: "span",

package/dist/esm/view/FlexibleCard/components/elements/date-time/index.js

@@ -42,7 +42,8 @@ var DateTime = function DateTime(_ref) {
     testId = _ref$testId === void 0 ? 'smart-element-date-time' : _ref$testId,
     text = _ref.text,
     _ref$hideDatePrefix = _ref.hideDatePrefix,
-    hideDatePrefix = _ref$hideDatePrefix === void 0 ? false : _ref$hideDatePrefix;
+    hideDatePrefix = _ref$hideDatePrefix === void 0 ? false : _ref$hideDatePrefix,
+    color = _ref.color;
   var _useIntl = useIntl(),
     formatRelativeTime = _useIntl.formatRelativeTime,
     formatDate = _useIntl.formatDate;
@@ -81,6 +82,9 @@ var DateTime = function DateTime(_ref) {
     }));
   }
   return /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: color && fg('platform-linking-additional-flexible-element-props') ? color : undefined
+    },
     "data-separator": true,
     "data-smart-element": name,
     "data-smart-element-date-time": true,

package/dist/esm/view/FlexibleCard/components/elements/text/index.js

@@ -24,7 +24,8 @@ var Text = function Text(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-element-text' : _ref$testId,
     _ref$hideFormat = _ref.hideFormat,
-    hideFormat = _ref$hideFormat === void 0 ? false : _ref$hideFormat;
+    hideFormat = _ref$hideFormat === void 0 ? false : _ref$hideFormat,
+    color = _ref.color;
   if (!message && !content) {
     return null;
   }
@@ -40,6 +41,7 @@ var Text = function Text(_ref) {
     ,
     className: ax([!fg('platform-linking-visual-refresh-v1') && "_11c8dcr7 _1reo15vq _18m915vq _syaz131l _o5724jg8 _1e0ccj1k _1bto1l2s _1nmz1hna _sudp1e54", fg('platform-linking-visual-refresh-v1') && "_11c81o8v _1reo15vq _18m915vq _syaz1gjq _o5724jg8 _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _sudp1e54", "_1yyjr31u _102klxil", className]),
     style: {
+      color: color && fg('platform-linking-additional-flexible-element-props') ? color : undefined,
       "--_1erfju8": ix(maxLines),
       "--_ohw86c": ix("calc(".concat(maxLines, " * 1rem)"))
     }

package/dist/esm/view/FlexibleCard/external.js

@@ -31,7 +31,12 @@ export var ChecklistProgressElement = function ChecklistProgressElement() {
 export var CollaboratorGroupElement = function CollaboratorGroupElement() {
   return /*#__PURE__*/React.createElement(CollaboratorGroup, null);
 };
-export var CommentCountElement = function CommentCountElement() {
+export var CommentCountElement = function CommentCountElement(props) {
+  if (fg('platform-linking-additional-flexible-element-props')) {
+    return /*#__PURE__*/React.createElement(CommentCount, {
+      color: props === null || props === void 0 ? void 0 : props.color
+    });
+  }
   return /*#__PURE__*/React.createElement(CommentCount, null);
 };
 export var CreatedOnElement = function CreatedOnElement() {
@@ -64,7 +69,8 @@ export var ModifiedByElement = function ModifiedByElement() {
 export var ModifiedOnElement = function ModifiedOnElement(props) {
   if (fg('platform-linking-additional-flexible-element-props')) {
     return /*#__PURE__*/React.createElement(ModifiedOn, {
-      hideDatePrefix: props === null || props === void 0 ? void 0 : props.hideDatePrefix
+      hideDatePrefix: props === null || props === void 0 ? void 0 : props.hideDatePrefix,
+      color: props === null || props === void 0 ? void 0 : props.color
     });
   }
   return /*#__PURE__*/React.createElement(ModifiedOn, null);
@@ -72,7 +78,8 @@ export var ModifiedOnElement = function ModifiedOnElement(props) {
 export var OwnedByElement = function OwnedByElement(props) {
   if (fg('platform-linking-additional-flexible-element-props')) {
     return /*#__PURE__*/React.createElement(OwnedBy, {
-      hideFormat: props === null || props === void 0 ? void 0 : props.hideFormat
+      hideFormat: props === null || props === void 0 ? void 0 : props.hideFormat,
+      color: props === null || props === void 0 ? void 0 : props.color
     });
   }
   return /*#__PURE__*/React.createElement(OwnedBy, null);
@@ -97,7 +104,12 @@ export var ProgrammingLanguageElement = function ProgrammingLanguageElement() {
 export var ProviderElement = function ProviderElement() {
   return /*#__PURE__*/React.createElement(Provider, null);
 };
-export var ReactCountElement = function ReactCountElement() {
+export var ReactCountElement = function ReactCountElement(props) {
+  if (fg('platform-linking-additional-flexible-element-props')) {
+    return /*#__PURE__*/React.createElement(ReactCount, {
+      color: props === null || props === void 0 ? void 0 : props.color
+    });
+  }
   return /*#__PURE__*/React.createElement(ReactCount, null);
 };
 export var ReadTimeElement = function ReadTimeElement() {

package/dist/esm/view/LinkUrl/index.js

@@ -13,7 +13,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.0.0",
+  packageVersion: "38.1.1",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/extractors/common/context/index.d.ts

@@ -1,6 +1,6 @@
-import { JsonLd } from '@atlaskit/json-ld-types';
-import { LinkProvider } from '@atlaskit/link-extractors';
-import { SmartLinkResponse } from '@atlaskit/linking-types';
+import { type JsonLd } from '@atlaskit/json-ld-types';
+import { type LinkProvider } from '@atlaskit/link-extractors';
+import { type SmartLinkResponse } from '@atlaskit/linking-types';
 export { extractRequestAccessContextImproved } from './extractAccessContext';
 export declare function generateContext(jsonLd: JsonLd.Data.BaseData): LinkProvider | undefined;
 /**

package/dist/types/extractors/embed/index.d.ts

@@ -1,4 +1,4 @@
-import { SmartLinkResponse } from '@atlaskit/linking-types';
+import type { SmartLinkResponse } from '@atlaskit/linking-types';
 import { type CardPlatform, type EmbedIframeUrlType } from '../../view/Card/types';
 import { type EmbedCardResolvedViewProps } from '../../view/EmbedCard/views/ResolvedView';
 export declare const extractEmbedProps: (response?: SmartLinkResponse, platform?: CardPlatform, iframeUrlType?: EmbedIframeUrlType) => EmbedCardResolvedViewProps;

package/dist/types/extractors/flexible/extract-preview.d.ts

@@ -1,5 +1,5 @@
 import { type JsonLd } from '@atlaskit/json-ld-types';
-import { SmartLinkResponse } from '@atlaskit/linking-types';
+import { type SmartLinkResponse } from '@atlaskit/linking-types';
 import { type Media } from '../../state/flexible-ui-context/types';
 declare const extractPreview: (data: JsonLd.Data.BaseData) => Media | undefined;
 export default extractPreview;

package/dist/types/extractors/flexible/icon/extract-provider-icon.d.ts

@@ -1,5 +1,5 @@
 import { type JsonLd } from '@atlaskit/json-ld-types';
-import { SmartLinkResponse } from '@atlaskit/linking-types';
+import { type SmartLinkResponse } from '@atlaskit/linking-types';
 import { type IconDescriptor } from './types';
 /**
  * Extracts the provider icon and label from the given JSON-LD data.

package/dist/types/extractors/flexible/icon/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { type JsonLd } from '@atlaskit/json-ld-types';
 import { type CardProviderRenderers } from '@atlaskit/link-provider';
-import { SmartLinkResponse } from '@atlaskit/linking-types';
+import type { SmartLinkResponse } from '@atlaskit/linking-types';
 import { IconType, SmartLinkStatus } from '../../../constants';
 export declare const extractLinkIcon: (response: JsonLd.Response, renderers?: CardProviderRenderers) => {
     render: (() => import("react").ReactNode) | undefined;

package/dist/types/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: (props?: Partial<ExtractFlexibleUiDataContextParams>) => FlexibleUiDataContext | undefined;
+declare const extractFlexibleUiContext: ({ appearance, fireEvent, id, origin, renderers, resolve, actionOptions, response, aiSummaryConfig, ...props }?: Partial<ExtractFlexibleUiDataContextParams>) => FlexibleUiDataContext | undefined;
 export default extractFlexibleUiContext;

package/dist/types/extractors/inline/index.d.ts

@@ -1,4 +1,4 @@
 import { type CardProviderRenderers } from '@atlaskit/link-provider';
-import { SmartLinkResponse } from '@atlaskit/linking-types';
+import type { SmartLinkResponse } from '@atlaskit/linking-types';
 import { type InlineCardResolvedViewProps } from '../../view/InlineCard/ResolvedView';
 export declare const extractInlineProps: (response?: SmartLinkResponse, renderers?: CardProviderRenderers, removeTextHighlightingFromTitle?: boolean, showLabel?: boolean) => InlineCardResolvedViewProps;

package/dist/types/utils/mocks.d.ts

@@ -1,5 +1,5 @@
 import { type JsonLd } from '@atlaskit/json-ld-types';
-import { SmartLinkResponse } from '@atlaskit/linking-types';
+import { type SmartLinkResponse } from '@atlaskit/linking-types';
 export declare const mockContext: {
     readonly '@vocab': "https://www.w3.org/ns/activitystreams#";
     readonly atlassian: "https://schema.atlassian.com/ns/vocabulary#";

package/dist/types/view/EmbedModal/components/link-info/link-info-button/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { MessageDescriptor } from 'react-intl-next';
-import { IconProp } from '@atlaskit/button/new';
+import type { MessageDescriptor } from 'react-intl-next';
+import type { IconProp } from '@atlaskit/button/new';
 export type OldLinkInfoButtonProps = {
     content: React.ReactNode;
     icon: React.ReactChild;

package/dist/types/view/FlexibleCard/components/elements/badge/types.d.ts

@@ -23,4 +23,8 @@ export type BadgeProps = ElementProps & {
      * The text to display for the badge.
      */
     label?: string;
+    /**
+     * Color of the text and badge
+     */
+    color?: string;
 };

package/dist/types/view/FlexibleCard/components/elements/date-time/index.d.ts

@@ -8,5 +8,5 @@ import { type DateTimeProps } from './types';
  * @see ModifiedOn
  * @see SentOn
  */
-declare const DateTime: ({ date, name, className, type, testId, text, hideDatePrefix, }: DateTimeProps) => JSX.Element | null;
+declare const DateTime: ({ date, name, className, type, testId, text, hideDatePrefix, color, }: DateTimeProps) => JSX.Element | null;
 export default DateTime;

package/dist/types/view/FlexibleCard/components/elements/date-time/types.d.ts

@@ -17,4 +17,8 @@ export type DateTimeProps = ElementProps & {
      * Hide the date prefix (e.g. "Created on", "Modified on", "Sent on")
      */
     hideDatePrefix?: boolean;
+    /**
+     * Color of the text
+     */
+    color?: string;
 };

package/dist/types/view/FlexibleCard/components/elements/text/index.d.ts

@@ -6,5 +6,5 @@ import { type TextProps } from './types';
  * @param {TextProps} TextProps - The props necessary for the Text element.
  * @see Title
  */
-declare const Text: ({ content, maxLines, message, name, className, testId, hideFormat, }: TextProps) => JSX.Element | null;
+declare const Text: ({ content, maxLines, message, name, className, testId, hideFormat, color, }: TextProps) => JSX.Element | null;
 export default Text;

package/dist/types/view/FlexibleCard/components/elements/text/types.d.ts

@@ -19,4 +19,8 @@ export type TextProps = ElementProps & {
      * If true, content will be displayed instead of the formatted message.
      */
     hideFormat?: boolean;
+    /**
+     * Text color to override the default text color.
+     */
+    color?: string;
 };

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

@@ -7,6 +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 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';
@@ -18,7 +19,8 @@ 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;
-export declare const CommentCountElement: () => React.JSX.Element;
+type CommentCountElementProps = Pick<BadgeProps, '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;
@@ -29,9 +31,9 @@ type LinkIconElementProps = Pick<IconProps, 'render'> & {
 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'>;
+type ModifiedOnElementProps = Pick<DateTimeProps, 'hideDatePrefix' | 'color'>;
 export declare const ModifiedOnElement: (props?: ModifiedOnElementProps) => React.JSX.Element;
-type OwnedByElementProps = Pick<TextProps, 'hideFormat'>;
+type OwnedByElementProps = Pick<TextProps, 'hideFormat' | 'color'>;
 export declare const OwnedByElement: (props?: OwnedByElementProps) => React.JSX.Element;
 export declare const OwnedByGroupElement: () => React.JSX.Element;
 type PreviewElementProps = {
@@ -41,7 +43,8 @@ export declare const PreviewElement: (props?: PreviewElementProps) => React.JSX.
 export declare const PriorityElement: () => React.JSX.Element;
 export declare const ProgrammingLanguageElement: () => React.JSX.Element;
 export declare const ProviderElement: () => React.JSX.Element;
-export declare const ReactCountElement: () => React.JSX.Element;
+type ReactCountElementProps = Pick<BadgeProps, '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'> & {

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

@@ -2,7 +2,7 @@
 import { type MessageDescriptor } from 'react-intl-next';
 import { type CardProviderRenderers } from '@atlaskit/link-provider';
 import { type CardState } from '@atlaskit/linking-common';
-import { SmartLinkResponse } from '@atlaskit/linking-types';
+import { type SmartLinkResponse } from '@atlaskit/linking-types';
 import { type FireEventFunction } from '../../common/analytics/types';
 import { type SmartLinkSize, type SmartLinkStatus, type SmartLinkTheme } from '../../constants';
 import { type AISummaryConfig } from '../../state/hooks/use-ai-summary-config/types';

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

@@ -1,4 +1,4 @@
-import { SmartLinkResponse } from '@atlaskit/linking-types';
+import { type SmartLinkResponse } from '@atlaskit/linking-types';
 import { SmartLinkStatus } from '../../constants';
 import { type FlexibleUiDataContext } from '../../state/flexible-ui-context/types';
 import { type ExtractFlexibleUiDataContextParams, type RetryOptions } from './types';

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

@@ -1,6 +1,6 @@
-import { JsonLd } from '@atlaskit/json-ld-types';
-import { LinkProvider } from '@atlaskit/link-extractors';
-import { SmartLinkResponse } from '@atlaskit/linking-types';
+import { type JsonLd } from '@atlaskit/json-ld-types';
+import { type LinkProvider } from '@atlaskit/link-extractors';
+import { type SmartLinkResponse } from '@atlaskit/linking-types';
 export { extractRequestAccessContextImproved } from './extractAccessContext';
 export declare function generateContext(jsonLd: JsonLd.Data.BaseData): LinkProvider | undefined;
 /**

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

@@ -1,4 +1,4 @@
-import { SmartLinkResponse } from '@atlaskit/linking-types';
+import type { SmartLinkResponse } from '@atlaskit/linking-types';
 import { type CardPlatform, type EmbedIframeUrlType } from '../../view/Card/types';
 import { type EmbedCardResolvedViewProps } from '../../view/EmbedCard/views/ResolvedView';
 export declare const extractEmbedProps: (response?: SmartLinkResponse, platform?: CardPlatform, iframeUrlType?: EmbedIframeUrlType) => EmbedCardResolvedViewProps;

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

@@ -1,5 +1,5 @@
 import { type JsonLd } from '@atlaskit/json-ld-types';
-import { SmartLinkResponse } from '@atlaskit/linking-types';
+import { type SmartLinkResponse } from '@atlaskit/linking-types';
 import { type Media } from '../../state/flexible-ui-context/types';
 declare const extractPreview: (data: JsonLd.Data.BaseData) => Media | undefined;
 export default extractPreview;

package/dist/types-ts4.5/extractors/flexible/icon/extract-provider-icon.d.ts

@@ -1,5 +1,5 @@
 import { type JsonLd } from '@atlaskit/json-ld-types';
-import { SmartLinkResponse } from '@atlaskit/linking-types';
+import { type SmartLinkResponse } from '@atlaskit/linking-types';
 import { type IconDescriptor } from './types';
 /**
  * Extracts the provider icon and label from the given JSON-LD data.

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { type JsonLd } from '@atlaskit/json-ld-types';
 import { type CardProviderRenderers } from '@atlaskit/link-provider';
-import { SmartLinkResponse } from '@atlaskit/linking-types';
+import type { SmartLinkResponse } from '@atlaskit/linking-types';
 import { IconType, SmartLinkStatus } from '../../../constants';
 export declare const extractLinkIcon: (response: JsonLd.Response, renderers?: CardProviderRenderers) => {
     render: (() => import("react").ReactNode) | undefined;

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: (props?: Partial<ExtractFlexibleUiDataContextParams>) => FlexibleUiDataContext | undefined;
+declare const extractFlexibleUiContext: ({ appearance, fireEvent, id, origin, renderers, resolve, actionOptions, response, aiSummaryConfig, ...props }?: Partial<ExtractFlexibleUiDataContextParams>) => FlexibleUiDataContext | undefined;
 export default extractFlexibleUiContext;

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

@@ -1,4 +1,4 @@
 import { type CardProviderRenderers } from '@atlaskit/link-provider';
-import { SmartLinkResponse } from '@atlaskit/linking-types';
+import type { SmartLinkResponse } from '@atlaskit/linking-types';
 import { type InlineCardResolvedViewProps } from '../../view/InlineCard/ResolvedView';
 export declare const extractInlineProps: (response?: SmartLinkResponse, renderers?: CardProviderRenderers, removeTextHighlightingFromTitle?: boolean, showLabel?: boolean) => InlineCardResolvedViewProps;

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

@@ -1,5 +1,5 @@
 import { type JsonLd } from '@atlaskit/json-ld-types';
-import { SmartLinkResponse } from '@atlaskit/linking-types';
+import { type SmartLinkResponse } from '@atlaskit/linking-types';
 export declare const mockContext: {
     readonly '@vocab': "https://www.w3.org/ns/activitystreams#";
     readonly atlassian: "https://schema.atlassian.com/ns/vocabulary#";

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { MessageDescriptor } from 'react-intl-next';
-import { IconProp } from '@atlaskit/button/new';
+import type { MessageDescriptor } from 'react-intl-next';
+import type { IconProp } from '@atlaskit/button/new';
 export type OldLinkInfoButtonProps = {
     content: React.ReactNode;
     icon: React.ReactChild;

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

@@ -23,4 +23,8 @@ export type BadgeProps = ElementProps & {
      * The text to display for the badge.
      */
     label?: string;
+    /**
+     * Color of the text and badge
+     */
+    color?: string;
 };

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

@@ -8,5 +8,5 @@ import { type DateTimeProps } from './types';
  * @see ModifiedOn
  * @see SentOn
  */
-declare const DateTime: ({ date, name, className, type, testId, text, hideDatePrefix, }: DateTimeProps) => JSX.Element | null;
+declare const DateTime: ({ date, name, className, type, testId, text, hideDatePrefix, color, }: DateTimeProps) => JSX.Element | null;
 export default DateTime;

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

@@ -17,4 +17,8 @@ export type DateTimeProps = ElementProps & {
      * Hide the date prefix (e.g. "Created on", "Modified on", "Sent on")
      */
     hideDatePrefix?: boolean;
+    /**
+     * Color of the text
+     */
+    color?: string;
 };

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

@@ -6,5 +6,5 @@ import { type TextProps } from './types';
  * @param {TextProps} TextProps - The props necessary for the Text element.
  * @see Title
  */
-declare const Text: ({ content, maxLines, message, name, className, testId, hideFormat, }: TextProps) => JSX.Element | null;
+declare const Text: ({ content, maxLines, message, name, className, testId, hideFormat, color, }: TextProps) => JSX.Element | null;
 export default Text;

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

@@ -19,4 +19,8 @@ export type TextProps = ElementProps & {
      * If true, content will be displayed instead of the formatted message.
      */
     hideFormat?: boolean;
+    /**
+     * Text color to override the default text color.
+     */
+    color?: string;
 };

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

@@ -7,6 +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 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';
@@ -18,7 +19,8 @@ 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;
-export declare const CommentCountElement: () => React.JSX.Element;
+type CommentCountElementProps = Pick<BadgeProps, '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;
@@ -29,9 +31,9 @@ type LinkIconElementProps = Pick<IconProps, 'render'> & {
 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'>;
+type ModifiedOnElementProps = Pick<DateTimeProps, 'hideDatePrefix' | 'color'>;
 export declare const ModifiedOnElement: (props?: ModifiedOnElementProps) => React.JSX.Element;
-type OwnedByElementProps = Pick<TextProps, 'hideFormat'>;
+type OwnedByElementProps = Pick<TextProps, 'hideFormat' | 'color'>;
 export declare const OwnedByElement: (props?: OwnedByElementProps) => React.JSX.Element;
 export declare const OwnedByGroupElement: () => React.JSX.Element;
 type PreviewElementProps = {
@@ -41,7 +43,8 @@ export declare const PreviewElement: (props?: PreviewElementProps) => React.JSX.
 export declare const PriorityElement: () => React.JSX.Element;
 export declare const ProgrammingLanguageElement: () => React.JSX.Element;
 export declare const ProviderElement: () => React.JSX.Element;
-export declare const ReactCountElement: () => React.JSX.Element;
+type ReactCountElementProps = Pick<BadgeProps, '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'> & {

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

@@ -2,7 +2,7 @@
 import { type MessageDescriptor } from 'react-intl-next';
 import { type CardProviderRenderers } from '@atlaskit/link-provider';
 import { type CardState } from '@atlaskit/linking-common';
-import { SmartLinkResponse } from '@atlaskit/linking-types';
+import { type SmartLinkResponse } from '@atlaskit/linking-types';
 import { type FireEventFunction } from '../../common/analytics/types';
 import { type SmartLinkSize, type SmartLinkStatus, type SmartLinkTheme } from '../../constants';
 import { type AISummaryConfig } from '../../state/hooks/use-ai-summary-config/types';