@atlaskit/smart-card 26.71.0 → 26.72.0

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/smart-card
 
+## 26.72.0
+
+### Minor Changes
+
+-   [#103201](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/103201)
+    [`7cb62c61f30e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7cb62c61f30e) -
+    [ux] Added a new `icon` prop to override the icon rendered in the smart card TitleBlock
+    component.
+
 ## 26.71.0
 
 ### Minor Changes

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

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

package/dist/cjs/view/FlexibleCard/components/blocks/title-block/errored/index.js

@@ -15,7 +15,7 @@ var _block = _interopRequireDefault(require("../../block"));
 var _constants = require("../../../../../../constants");
 var _utils = require("../../../utils");
 var _elementGroup = _interopRequireDefault(require("../../element-group"));
-var _excluded = ["actionGroup", "retry", "position", "testId", "title", "hideIcon"];
+var _excluded = ["actionGroup", "retry", "position", "testId", "title", "icon", "hideIcon"];
 /** @jsx jsx */
 var actionStyles = (0, _react2.css)({
   cursor: 'pointer',
@@ -50,6 +50,7 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
     position = _ref.position,
     testId = _ref.testId,
     title = _ref.title,
+    icon = _ref.icon,
     hideIcon = _ref.hideIcon,
     blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _ref2 = retry || {},
@@ -62,6 +63,7 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
   return (0, _react2.jsx)(_block.default, (0, _extends2.default)({}, blockProps, {
     testId: "".concat(testId, "-errored-view")
   }), !hideIcon && (0, _react2.jsx)(_elements.LinkIcon, {
+    overrideIcon: icon,
     position: position
   }), title, descriptor && (0, _react2.jsx)(_elementGroup.default, {
     direction: _constants.SmartLinkDirection.Horizontal,

package/dist/cjs/view/FlexibleCard/components/blocks/title-block/index.js

@@ -18,7 +18,7 @@ var _errored = _interopRequireDefault(require("./errored"));
 var _resolving = _interopRequireDefault(require("./resolving"));
 var _actionGroup = _interopRequireDefault(require("../action-group"));
 var _elements = require("../../elements");
-var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "theme", "hideRetry", "metadataPosition", "hideIcon"];
+var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "icon", "theme", "hideRetry", "metadataPosition", "hideIcon"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var getActionStyles = function getActionStyles(showOnHover, isOpen) {
@@ -77,6 +77,7 @@ var TitleBlock = function TitleBlock(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-title' : _ref$testId,
     text = _ref.text,
+    icon = _ref.icon,
     theme = _ref.theme,
     hideRetry = _ref.hideRetry,
     metadataPosition = _ref.metadataPosition,
@@ -124,7 +125,8 @@ var TitleBlock = function TitleBlock(_ref) {
     testId: testId,
     title: title,
     metadataPosition: metadataPosition,
-    hideIcon: hideIcon
+    hideIcon: hideIcon,
+    icon: icon
   }));
 };
 var _default = exports.default = TitleBlock;

package/dist/cjs/view/FlexibleCard/components/blocks/title-block/resolved/index.js

@@ -14,7 +14,7 @@ var _block = _interopRequireDefault(require("../../block"));
 var _elementGroup = _interopRequireDefault(require("../../element-group"));
 var _constants = require("../../../../../../constants");
 var _utils = require("../../utils");
-var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "title", "metadataPosition", "hideIcon"];
+var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "icon", "title", "metadataPosition", "hideIcon"];
 /**
  * This renders a fully resolved TitleBlock.
  * This should render when a Smart Link returns a valid response.
@@ -29,6 +29,7 @@ var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
     subtitle = _ref$subtitle === void 0 ? [] : _ref$subtitle,
     testId = _ref.testId,
     text = _ref.text,
+    icon = _ref.icon,
     title = _ref.title,
     metadataPosition = _ref.metadataPosition,
     hideIcon = _ref.hideIcon,
@@ -38,6 +39,7 @@ var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
   return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
     testId: "".concat(testId, "-resolved-view")
   }), !hideIcon && /*#__PURE__*/_react.default.createElement(_elements.LinkIcon, {
+    overrideIcon: icon,
     position: position
   }), /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
     direction: _constants.SmartLinkDirection.Vertical,

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

@@ -81,6 +81,7 @@ var renderImageIcon = function renderImageIcon(defaultIcon, url, testId) {
  */
 var Icon = function Icon(_ref) {
   var icon = _ref.icon,
+    overrideIcon = _ref.overrideIcon,
     _ref$label = _ref.label,
     label = _ref$label === void 0 ? 'Link' : _ref$label,
     name = _ref.name,
@@ -95,8 +96,8 @@ var Icon = function Icon(_ref) {
     url = _ref.url;
   var element = (0, _react.useMemo)(function () {
     var defaultIcon = renderDefaultIcon(label, testId);
-    return (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId) || renderAtlaskitIcon(icon, label, testId) || defaultIcon;
-  }, [icon, label, render, testId, url]);
+    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId) || renderAtlaskitIcon(icon, label, testId) || defaultIcon;
+  }, [overrideIcon, icon, label, render, testId, url]);
   var width = (0, _utils.getIconWidth)(size);
   var styles = getIconStyles(position, width);
   var renderStyles = render ? getCustomRenderStyles(width) : undefined;

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

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

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

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

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/errored/index.js

@@ -41,6 +41,7 @@ const TitleBlockErroredView = ({
   position,
   testId,
   title,
+  icon,
   hideIcon,
   ...blockProps
 }) => {
@@ -56,6 +57,7 @@ const TitleBlockErroredView = ({
   return jsx(Block, _extends({}, blockProps, {
     testId: `${testId}-errored-view`
   }), !hideIcon && jsx(LinkIcon, {
+    overrideIcon: icon,
     position: position
   }), title, descriptor && jsx(ElementGroup, {
     direction: SmartLinkDirection.Horizontal,

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/index.js

@@ -61,6 +61,7 @@ const TitleBlock = ({
   showActionOnHover,
   testId = 'smart-block-title',
   text,
+  icon,
   theme,
   hideRetry,
   metadataPosition,
@@ -105,7 +106,8 @@ const TitleBlock = ({
     testId: testId,
     title: title,
     metadataPosition: metadataPosition,
-    hideIcon: hideIcon
+    hideIcon: hideIcon,
+    icon: icon
   }));
 };
 export default TitleBlock;

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/resolved/index.js

@@ -19,6 +19,7 @@ const TitleBlockResolvedView = ({
   subtitle = [],
   testId,
   text,
+  icon,
   title,
   metadataPosition,
   hideIcon,
@@ -29,6 +30,7 @@ const TitleBlockResolvedView = ({
   return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
     testId: `${testId}-resolved-view`
   }), !hideIcon && /*#__PURE__*/React.createElement(LinkIcon, {
+    overrideIcon: icon,
     position: position
   }), /*#__PURE__*/React.createElement(ElementGroup, {
     direction: SmartLinkDirection.Vertical,

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

@@ -64,6 +64,7 @@ const renderImageIcon = (defaultIcon, url, testId) => {
  */
 const Icon = ({
   icon,
+  overrideIcon,
   label = 'Link',
   name,
   position = SmartLinkPosition.Top,
@@ -75,8 +76,8 @@ const Icon = ({
 }) => {
   const element = useMemo(() => {
     const defaultIcon = renderDefaultIcon(label, testId);
-    return (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId) || renderAtlaskitIcon(icon, label, testId) || defaultIcon;
-  }, [icon, label, render, testId, url]);
+    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId) || renderAtlaskitIcon(icon, label, testId) || defaultIcon;
+  }, [overrideIcon, icon, label, render, testId, url]);
   const width = getIconWidth(size);
   const styles = getIconStyles(position, width);
   const renderStyles = render ? getCustomRenderStyles(width) : undefined;

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

@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.71.0",
+  packageVersion: "26.72.0",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

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

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

package/dist/esm/view/FlexibleCard/components/blocks/title-block/errored/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["actionGroup", "retry", "position", "testId", "title", "hideIcon"];
+var _excluded = ["actionGroup", "retry", "position", "testId", "title", "icon", "hideIcon"];
 /** @jsx jsx */
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
@@ -43,6 +43,7 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
     position = _ref.position,
     testId = _ref.testId,
     title = _ref.title,
+    icon = _ref.icon,
     hideIcon = _ref.hideIcon,
     blockProps = _objectWithoutProperties(_ref, _excluded);
   var _ref2 = retry || {},
@@ -55,6 +56,7 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
   return jsx(Block, _extends({}, blockProps, {
     testId: "".concat(testId, "-errored-view")
   }), !hideIcon && jsx(LinkIcon, {
+    overrideIcon: icon,
     position: position
   }), title, descriptor && jsx(ElementGroup, {
     direction: SmartLinkDirection.Horizontal,

package/dist/esm/view/FlexibleCard/components/blocks/title-block/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "theme", "hideRetry", "metadataPosition", "hideIcon"];
+var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "icon", "theme", "hideRetry", "metadataPosition", "hideIcon"];
 import React, { useCallback, useState } from 'react';
 import { css } from '@emotion/react';
 import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
@@ -67,6 +67,7 @@ var TitleBlock = function TitleBlock(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-title' : _ref$testId,
     text = _ref.text,
+    icon = _ref.icon,
     theme = _ref.theme,
     hideRetry = _ref.hideRetry,
     metadataPosition = _ref.metadataPosition,
@@ -114,7 +115,8 @@ var TitleBlock = function TitleBlock(_ref) {
     testId: testId,
     title: title,
     metadataPosition: metadataPosition,
-    hideIcon: hideIcon
+    hideIcon: hideIcon,
+    icon: icon
   }));
 };
 export default TitleBlock;

package/dist/esm/view/FlexibleCard/components/blocks/title-block/resolved/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "title", "metadataPosition", "hideIcon"];
+var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "icon", "title", "metadataPosition", "hideIcon"];
 import React from 'react';
 import { css } from '@emotion/react';
 import { LinkIcon } from '../../../elements';
@@ -23,6 +23,7 @@ var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
     subtitle = _ref$subtitle === void 0 ? [] : _ref$subtitle,
     testId = _ref.testId,
     text = _ref.text,
+    icon = _ref.icon,
     title = _ref.title,
     metadataPosition = _ref.metadataPosition,
     hideIcon = _ref.hideIcon,
@@ -32,6 +33,7 @@ var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
   return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
     testId: "".concat(testId, "-resolved-view")
   }), !hideIcon && /*#__PURE__*/React.createElement(LinkIcon, {
+    overrideIcon: icon,
     position: position
   }), /*#__PURE__*/React.createElement(ElementGroup, {
     direction: SmartLinkDirection.Vertical,

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

@@ -70,6 +70,7 @@ var renderImageIcon = function renderImageIcon(defaultIcon, url, testId) {
  */
 var Icon = function Icon(_ref) {
   var icon = _ref.icon,
+    overrideIcon = _ref.overrideIcon,
     _ref$label = _ref.label,
     label = _ref$label === void 0 ? 'Link' : _ref$label,
     name = _ref.name,
@@ -84,8 +85,8 @@ var Icon = function Icon(_ref) {
     url = _ref.url;
   var element = useMemo(function () {
     var defaultIcon = renderDefaultIcon(label, testId);
-    return (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId) || renderAtlaskitIcon(icon, label, testId) || defaultIcon;
-  }, [icon, label, render, testId, url]);
+    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId) || renderAtlaskitIcon(icon, label, testId) || defaultIcon;
+  }, [overrideIcon, icon, label, render, testId, url]);
   var width = getIconWidth(size);
   var styles = getIconStyles(position, width);
   var renderStyles = render ? getCustomRenderStyles(width) : undefined;

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

@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.71.0",
+  packageVersion: "26.72.0",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/view/BlockCard/index.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
-import { FC } from 'react';
-import { BlockCardProps } from './types';
+import { type FC } from 'react';
+import { type BlockCardProps } from './types';
 import { AuthorizeAction } from './actions/AuthorizeAction';
 import { ForbiddenAction } from './actions/ForbiddenAction';
 import { ResolvedView as BlockCardResolvedView } from './views/ResolvedView';

package/dist/types/view/BlockCard/views/flexible/unresolved-view/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { UnresolvedViewProps } from './types';
+import { type UnresolvedViewProps } from './types';
 declare const UnresolvedView: ({ actions, cardState, children, onAuthorize, onClick, onError, showPreview, testId, title, url, }: UnresolvedViewProps) => JSX.Element;
 export default UnresolvedView;

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
-import { TitleBlockViewProps } from '../types';
+import { type TitleBlockViewProps } from '../types';
 /**
  * Represents an Errored TitleBlock view.
  * This will render when a Smart Link did not successfully resolve.

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TitleBlockProps } from './types';
+import { type TitleBlockProps } from './types';
 /**
  * Represents a TitleBlock, which is the foundation of Flexible UI.
  * This contains an icon, the link, and any associated metadata and actions in one block.

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TitleBlockViewProps } from '../types';
+import { type TitleBlockViewProps } from '../types';
 /**
  * This renders a fully resolved TitleBlock.
  * This should render when a Smart Link returns a valid response.

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

@@ -1,8 +1,8 @@
-import React from 'react';
-import { ActionItem, BlockProps, ElementItem, OnActionMenuOpenChangeOptions } from '../types';
-import { SmartLinkPosition, SmartLinkTheme } from '../../../../../constants';
-import { RetryOptions } from '../../../types';
-import { AnchorTarget } from '../../types';
+import type React from 'react';
+import { type ActionItem, type BlockProps, type ElementItem, type OnActionMenuOpenChangeOptions } from '../types';
+import { type SmartLinkPosition, type SmartLinkTheme } from '../../../../../constants';
+import { type RetryOptions } from '../../../types';
+import { type AnchorTarget } from '../../types';
 export type TitleBlockProps = {
     /**
      * An array of action items to be displayed after the title
@@ -80,6 +80,11 @@ export type TitleBlockProps = {
      * the Smart Link.
      */
     text?: string;
+    /**
+     * The icon to display in the title block. Overrides any icon that is retrieved from
+     * the Smart Link.
+     */
+    icon?: React.ReactNode;
     /**
      * The theme of the link text. Can be Black or Link (default URL blue)
      * @internal

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
-import { IconProps } from './types';
+import { type IconProps } from './types';
 /**
  * A base element that displays an Icon or favicon.
  * @internal

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ElementProps } from '../types';
-import { IconType, SmartLinkPosition } from '../../../../../constants';
+import { type ElementProps } from '../types';
+import { type IconType, type SmartLinkPosition } from '../../../../../constants';
 export type IconProps = ElementProps & {
     /**
      * If provided, Icon element will use this render function instead.
@@ -11,6 +11,11 @@ export type IconProps = ElementProps & {
      * will be used.
      */
     icon?: IconType;
+    /**
+     * If provided, overrideIcon will be rendered in the place of the provided icon or one that is
+     * supplied by the URL.
+     */
+    overrideIcon?: React.ReactNode;
     /**
      * The label provided to the Atlaskit Icon.
      */

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
-import { LinkProps } from './types';
+import { type LinkProps } from './types';
 /**
  * A base element that represent an anchor.
  * @internal

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { ElementProps } from '../types';
-import { SmartLinkTheme } from '../../../../../constants';
-import { AnchorTarget } from '../../types';
+import { type ElementProps } from '../types';
+import { type SmartLinkTheme } from '../../../../../constants';
+import { type AnchorTarget } from '../../types';
 export type LinkProps = ElementProps & {
     /**
      * Determines whether the link should display tooltip on hover.

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
-import { FC } from 'react';
-import { BlockCardProps } from './types';
+import { type FC } from 'react';
+import { type BlockCardProps } from './types';
 import { AuthorizeAction } from './actions/AuthorizeAction';
 import { ForbiddenAction } from './actions/ForbiddenAction';
 import { ResolvedView as BlockCardResolvedView } from './views/ResolvedView';

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { UnresolvedViewProps } from './types';
+import { type UnresolvedViewProps } from './types';
 declare const UnresolvedView: ({ actions, cardState, children, onAuthorize, onClick, onError, showPreview, testId, title, url, }: UnresolvedViewProps) => JSX.Element;
 export default UnresolvedView;

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
-import { TitleBlockViewProps } from '../types';
+import { type TitleBlockViewProps } from '../types';
 /**
  * Represents an Errored TitleBlock view.
  * This will render when a Smart Link did not successfully resolve.

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TitleBlockProps } from './types';
+import { type TitleBlockProps } from './types';
 /**
  * Represents a TitleBlock, which is the foundation of Flexible UI.
  * This contains an icon, the link, and any associated metadata and actions in one block.

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TitleBlockViewProps } from '../types';
+import { type TitleBlockViewProps } from '../types';
 /**
  * This renders a fully resolved TitleBlock.
  * This should render when a Smart Link returns a valid response.

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

@@ -1,8 +1,8 @@
-import React from 'react';
-import { ActionItem, BlockProps, ElementItem, OnActionMenuOpenChangeOptions } from '../types';
-import { SmartLinkPosition, SmartLinkTheme } from '../../../../../constants';
-import { RetryOptions } from '../../../types';
-import { AnchorTarget } from '../../types';
+import type React from 'react';
+import { type ActionItem, type BlockProps, type ElementItem, type OnActionMenuOpenChangeOptions } from '../types';
+import { type SmartLinkPosition, type SmartLinkTheme } from '../../../../../constants';
+import { type RetryOptions } from '../../../types';
+import { type AnchorTarget } from '../../types';
 export type TitleBlockProps = {
     /**
      * An array of action items to be displayed after the title
@@ -80,6 +80,11 @@ export type TitleBlockProps = {
      * the Smart Link.
      */
     text?: string;
+    /**
+     * The icon to display in the title block. Overrides any icon that is retrieved from
+     * the Smart Link.
+     */
+    icon?: React.ReactNode;
     /**
      * The theme of the link text. Can be Black or Link (default URL blue)
      * @internal

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
-import { IconProps } from './types';
+import { type IconProps } from './types';
 /**
  * A base element that displays an Icon or favicon.
  * @internal

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ElementProps } from '../types';
-import { IconType, SmartLinkPosition } from '../../../../../constants';
+import { type ElementProps } from '../types';
+import { type IconType, type SmartLinkPosition } from '../../../../../constants';
 export type IconProps = ElementProps & {
     /**
      * If provided, Icon element will use this render function instead.
@@ -11,6 +11,11 @@ export type IconProps = ElementProps & {
      * will be used.
      */
     icon?: IconType;
+    /**
+     * If provided, overrideIcon will be rendered in the place of the provided icon or one that is
+     * supplied by the URL.
+     */
+    overrideIcon?: React.ReactNode;
     /**
      * The label provided to the Atlaskit Icon.
      */

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
-import { LinkProps } from './types';
+import { type LinkProps } from './types';
 /**
  * A base element that represent an anchor.
  * @internal

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { ElementProps } from '../types';
-import { SmartLinkTheme } from '../../../../../constants';
-import { AnchorTarget } from '../../types';
+import { type ElementProps } from '../types';
+import { type SmartLinkTheme } from '../../../../../constants';
+import { type AnchorTarget } from '../../types';
 export type LinkProps = ElementProps & {
     /**
      * Determines whether the link should display tooltip on hover.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.71.0",
+  "version": "26.72.0",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
     "@atlaskit/button": "^17.15.0",
     "@atlaskit/checkbox": "^13.3.0",
     "@atlaskit/dropdown-menu": "^12.10.0",
-    "@atlaskit/form": "^10.1.0",
+    "@atlaskit/form": "^10.2.0",
     "@atlaskit/frontend-utilities": "^2.7.0",
     "@atlaskit/heading": "^2.3.0",
     "@atlaskit/icon": "^22.3.0",