@atlaskit/smart-card 38.0.0 → 38.1.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/smart-card
 
+## 38.1.0
+
+### Minor Changes
+
+- [#154319](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/154319)
+  [`f9f36cfaadb03`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f9f36cfaadb03) -
+  Add color props to elements to override the default color
+
 ## 38.0.0
 
 ### Major Changes

package/dist/cjs/utils/analytics/analytics.js

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

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

@@ -90,7 +90,8 @@ var BadgeRefreshNew = /*#__PURE__*/(0, _react.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) {
@@ -101,6 +102,9 @@ var BadgeRefreshNew = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     "data-smart-element-badge": true,
     "data-testid": testId,
     ref: ref,
+    style: {
+      color: color && (0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props') ? color : undefined
+    },
     className: (0, _runtime.ax)([styles.container, colorMap[appearance]])
   }, !hideIcon && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     as: "span",

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

@@ -52,7 +52,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 = (0, _reactIntlNext.useIntl)(),
     formatRelativeTime = _useIntl.formatRelativeTime,
     formatDate = _useIntl.formatDate;
@@ -91,6 +92,9 @@ var DateTime = function DateTime(_ref) {
     }));
   }
   return /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: color && (0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props') ? color : undefined
+    },
     "data-separator": true,
     "data-smart-element": name,
     "data-smart-element-date-time": true,

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

@@ -33,7 +33,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;
   }
@@ -49,6 +50,7 @@ var Text = function Text(_ref) {
     ,
     className: (0, _runtime.ax)([!(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_11c8dcr7 _1reo15vq _18m915vq _syaz131l _o5724jg8 _1e0ccj1k _1bto1l2s _1nmz1hna _sudp1e54", (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_11c81o8v _1reo15vq _18m915vq _syaz1gjq _o5724jg8 _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _sudp1e54", "_1yyjr31u _102klxil", className]),
     style: {
+      color: color && (0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props') ? color : undefined,
       "--_1erfju8": (0, _runtime.ix)(maxLines),
       "--_ohw86c": (0, _runtime.ix)("calc(".concat(maxLines, " * 1rem)"))
     }

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

@@ -39,7 +39,12 @@ var ChecklistProgressElement = exports.ChecklistProgressElement = function Check
 var CollaboratorGroupElement = exports.CollaboratorGroupElement = function CollaboratorGroupElement() {
   return /*#__PURE__*/_react.default.createElement(_elements.CollaboratorGroup, null);
 };
-var CommentCountElement = exports.CommentCountElement = function CommentCountElement() {
+var CommentCountElement = exports.CommentCountElement = function CommentCountElement(props) {
+  if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
+    return /*#__PURE__*/_react.default.createElement(_elements.CommentCount, {
+      color: props === null || props === void 0 ? void 0 : props.color
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(_elements.CommentCount, null);
 };
 var CreatedOnElement = exports.CreatedOnElement = function CreatedOnElement() {
@@ -72,7 +77,8 @@ var ModifiedByElement = exports.ModifiedByElement = function ModifiedByElement()
 var ModifiedOnElement = exports.ModifiedOnElement = function ModifiedOnElement(props) {
   if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
     return /*#__PURE__*/_react.default.createElement(_elements.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.default.createElement(_elements.ModifiedOn, null);
@@ -80,7 +86,8 @@ var ModifiedOnElement = exports.ModifiedOnElement = function ModifiedOnElement(p
 var OwnedByElement = exports.OwnedByElement = function OwnedByElement(props) {
   if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
     return /*#__PURE__*/_react.default.createElement(_elements.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.default.createElement(_elements.OwnedBy, null);
@@ -105,7 +112,12 @@ var ProgrammingLanguageElement = exports.ProgrammingLanguageElement = function P
 var ProviderElement = exports.ProviderElement = function ProviderElement() {
   return /*#__PURE__*/_react.default.createElement(_elements.Provider, null);
 };
-var ReactCountElement = exports.ReactCountElement = function ReactCountElement() {
+var ReactCountElement = exports.ReactCountElement = function ReactCountElement(props) {
+  if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
+    return /*#__PURE__*/_react.default.createElement(_elements.ReactCount, {
+      color: props === null || props === void 0 ? void 0 : props.color
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(_elements.ReactCount, null);
 };
 var ReadTimeElement = exports.ReadTimeElement = function ReadTimeElement() {

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

@@ -20,7 +20,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.0.0",
+  packageVersion: "38.1.0",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/utils/analytics/analytics.js

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

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

@@ -88,7 +88,8 @@ const BadgeRefreshNew = /*#__PURE__*/forwardRef(({
   label,
   name,
   testId = 'smart-element-badge',
-  url
+  url,
+  color
 }, ref) => {
   const formattedMessageOrLabel = getFormattedMessageFromIcon(icon) || label;
   const badgeIcon = renderAtlaskitIcon(icon, testId) || renderImageIcon(url, testId);
@@ -100,6 +101,9 @@ const BadgeRefreshNew = /*#__PURE__*/forwardRef(({
     "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/es2019/view/FlexibleCard/components/elements/date-time/index.js

@@ -40,7 +40,8 @@ const DateTime = ({
   type,
   testId = 'smart-element-date-time',
   text,
-  hideDatePrefix = false
+  hideDatePrefix = false,
+  color
 }) => {
   const {
     formatRelativeTime,
@@ -82,6 +83,9 @@ const DateTime = ({
     }));
   }
   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/es2019/view/FlexibleCard/components/elements/text/index.js

@@ -21,7 +21,8 @@ const Text = ({
   name,
   className,
   testId = 'smart-element-text',
-  hideFormat = false
+  hideFormat = false,
+  color
 }) => {
   if (!message && !content) {
     return null;
@@ -38,6 +39,7 @@ const Text = ({
     ,
     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 _102k1dud", className]),
     style: {
+      color: color && fg('platform-linking-additional-flexible-element-props') ? color : undefined,
       "--_1erfju8": ix(maxLines)
     }
   }, fg('platform-linking-additional-flexible-element-props') ? newContent : oldContent);

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

@@ -19,7 +19,14 @@ export const AttachmentCountElement = () => /*#__PURE__*/React.createElement(Att
 export const AuthorGroupElement = () => /*#__PURE__*/React.createElement(AuthorGroup, null);
 export const ChecklistProgressElement = () => /*#__PURE__*/React.createElement(ChecklistProgress, null);
 export const CollaboratorGroupElement = () => /*#__PURE__*/React.createElement(CollaboratorGroup, null);
-export const CommentCountElement = () => /*#__PURE__*/React.createElement(CommentCount, null);
+export const 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 const CreatedOnElement = () => /*#__PURE__*/React.createElement(CreatedOn, null);
 export const CreatedByElement = () => /*#__PURE__*/React.createElement(CreatedBy, null);
 export const DueOnElement = () => /*#__PURE__*/React.createElement(DueOn, null);
@@ -38,7 +45,8 @@ export const ModifiedByElement = () => /*#__PURE__*/React.createElement(Modified
 export const 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);
@@ -46,7 +54,8 @@ export const ModifiedOnElement = props => {
 export const 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);
@@ -63,7 +72,14 @@ export const PreviewElement = props => {
 export const PriorityElement = () => /*#__PURE__*/React.createElement(Priority, null);
 export const ProgrammingLanguageElement = () => /*#__PURE__*/React.createElement(ProgrammingLanguage, null);
 export const ProviderElement = () => /*#__PURE__*/React.createElement(Provider, null);
-export const ReactCountElement = () => /*#__PURE__*/React.createElement(ReactCount, null);
+export const 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 const ReadTimeElement = () => /*#__PURE__*/React.createElement(ReadTime, null);
 export const SentOnElement = () => /*#__PURE__*/React.createElement(SentOn, null);
 export const SnippetElement = props => /*#__PURE__*/React.createElement(Snippet, {

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

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

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.0"
 };
 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.0",
   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/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/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';

package/dist/types-ts4.5/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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "38.0.0",
+	"version": "38.1.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -35,7 +35,7 @@
 		"@atlaskit/button": "^23.0.0",
 		"@atlaskit/checkbox": "^17.1.0",
 		"@atlaskit/css": "^0.10.0",
-		"@atlaskit/dropdown-menu": "^14.1.0",
+		"@atlaskit/dropdown-menu": "^14.2.0",
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/frontend-utilities": "^3.0.0",
 		"@atlaskit/heading": "^5.2.0",
@@ -56,10 +56,10 @@
 		"@atlaskit/logo": "^18.0.0",
 		"@atlaskit/lozenge": "^12.2.0",
 		"@atlaskit/menu": "^5.0.0",
-		"@atlaskit/modal-dialog": "^14.1.0",
+		"@atlaskit/modal-dialog": "^14.2.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/popup": "^4.1.0",
+		"@atlaskit/popup": "^4.2.0",
 		"@atlaskit/primitives": "^14.7.0",
 		"@atlaskit/section-message": "^8.2.0",
 		"@atlaskit/select": "^20.4.0",