@atlaskit/smart-card 19.0.0 → 19.0.3

package/dist/esm/view/FlexibleCard/components/container/index.js

@@ -55,12 +55,21 @@ var renderChildren = function renderChildren(children, containerSize, containerT
   return React.Children.map(children, function (child) {
     if ( /*#__PURE__*/React.isValidElement(child) && isFlexibleUiBlock(child)) {
       var blockSize = child.props.size;
+      var size = blockSize || containerSize;
+
+      if (isFlexibleUiTitleBlock(child)) {
+        return /*#__PURE__*/React.cloneElement(child, {
+          onClick: onClick,
+          retry: retry,
+          size: size,
+          status: status,
+          theme: containerTheme
+        });
+      }
+
       return /*#__PURE__*/React.cloneElement(child, {
-        onClick: onClick,
-        retry: isFlexibleUiTitleBlock(child) ? retry : undefined,
-        size: blockSize || containerSize,
-        status: status,
-        theme: containerTheme
+        size: size,
+        status: status
       });
     }
   });
@@ -94,7 +103,11 @@ var getLayeredLink = function getLayeredLink(testId, context, children) {
   });
 };
 /**
- * This represents the container in which all Flexible UI Smart Links are rendered.
+ * A container is a hidden component that build the Flexible Smart Link.
+ * All of the Flexible UI components are wrapped inside the container.
+ * It inherits the ui props from Card component and applies the custom styling
+ * accordingly.
+ * @internal
  * @see Block
  */
 

package/dist/esm/view/FlexibleCard/components/container/layered-link/index.js

@@ -6,6 +6,11 @@ var _templateObject;
 import React from 'react';
 import { jsx, css } from '@emotion/core';
 var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  // Stretch the invisible link over the whole of the post.\n  // Hide the link\u2019s text.\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  overflow-x: hidden;\n  text-indent: 100%;\n  white-space: nowrap;\n\n  // Needs a heightened specificity to trump other anchor.\n  // Stack it under all other links in the post text.\n  a&.layered-link {\n    position: absolute;\n    z-index: 0;\n  }\n\n  // When hovering over the layered link, any hidden action buttons inside\n  // the Container should become visible.\n  // As actions resides inside blocks and layered link is expected to be\n  // on the same level of blocks. That makes the blocks, e.g. TitleBlock,\n  // its sibling. Using general sibling combinator here to apply styling to\n  // all the siblings of layered link.\n  // The general sibling combinator (~) separates two selectors and matches all\n  // iterations of the second element, that are following the first element\n  // (though not necessarily immediately), and are children of the same parent\n  // element.\n  &:hover ~ * {\n    .actions-button-group {\n      opacity: 1;\n    }\n  }\n"])));
+/**
+ * An anchor component to cover the entire container creating a clickable area.
+ * @internal
+ * @see `clickableContainer`
+ */
 
 var LayeredLink = function LayeredLink(_ref) {
   var target = _ref.target,

package/dist/esm/view/FlexibleCard/components/elements/avatar-group/index.js

@@ -23,8 +23,8 @@ var getStyles = function getStyles(size) {
   }
 };
 /**
- * An element that displays a group of avatars.
- * @public
+ * A base element that displays a group of avatars.
+ * @internal
  * @param {AvatarGroupProps} AvatarGroupProps - The props necessary for the AvatarGroup.
  * @see AuthorGroup
  * @see CollaboratorGroup

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

@@ -48,8 +48,8 @@ var renderImageIcon = function renderImageIcon(url, testId) {
   }
 };
 /**
- * An element that displays some text with an associated icon.
- * @public
+ * A base element that displays some text with an associated icon.
+ * @internal
  * @param {BadgeProps} BadgeProps - The props necessary for the Badge.
  * @see CommentCount
  * @see ViewCount

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

@@ -13,12 +13,18 @@ import { selectUnit } from '@formatjs/intl-utils';
 import { messages } from '../../../../../messages';
 var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: 0.75rem;\n  line-height: 1rem;\n  ", "\n"])), tokens.text, getTruncateStyles(1));
 var typeToDescriptorMap = {
-  created: messages.created_on,
-  modified: messages.modified_on
+  created: {
+    relative: messages.created_on_relative,
+    absolute: messages.created_on_absolute
+  },
+  modified: {
+    relative: messages.modified_on_relative,
+    absolute: messages.modified_on_absolute
+  }
 };
 /**
- * An element that displays an ISO Timestamp in text.
- * @public
+ * A base element that displays an ISO Timestamp in text.
+ * @internal
  * @param {DateTimeProps} DateTimeProps - The props necessary for the DateTime element.
  * @see CreatedOn
  * @see ModifiedOn
@@ -32,25 +38,41 @@ var DateTime = function DateTime(_ref) {
       testId = _ref$testId === void 0 ? 'smart-element-date-time' : _ref$testId;
 
   var _useIntl = useIntl(),
-      formatRelativeTime = _useIntl.formatRelativeTime;
+      formatRelativeTime = _useIntl.formatRelativeTime,
+      formatDate = _useIntl.formatDate;
 
   if (!type || !date) {
     return null;
   }
 
-  var _selectUnit = selectUnit(date, Date.now()),
-      value = _selectUnit.value,
-      unit = _selectUnit.unit;
+  var isLongerThenWeek = Math.abs(date.getTime() - Date.now()) > 1000 * 60 * 60 * 24 * 7;
+  var context;
+  var typeVariant;
+
+  if (isLongerThenWeek) {
+    typeVariant = 'absolute';
+    context = formatDate(date, {
+      month: 'long',
+      day: 'numeric',
+      year: 'numeric'
+    });
+  } else {
+    var _selectUnit = selectUnit(date, Date.now()),
+        value = _selectUnit.value,
+        unit = _selectUnit.unit;
+
+    typeVariant = 'relative';
+    context = formatRelativeTime(value, unit, {
+      numeric: 'auto'
+    });
+  }
 
-  var context = formatRelativeTime(value, unit, {
-    numeric: 'auto'
-  });
   return jsx("span", {
     css: [styles, overrideCss],
     "data-separator": true,
     "data-smart-element-date-time": true,
     "data-testid": testId
-  }, jsx(FormattedMessage, _extends({}, typeToDescriptorMap[type], {
+  }, jsx(FormattedMessage, _extends({}, typeToDescriptorMap[type][typeVariant], {
     values: {
       context: context
     }

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

@@ -57,8 +57,8 @@ var renderImageIcon = function renderImageIcon(defaultIcon, icon, url, testId) {
   }
 };
 /**
- * An element that displays an Icon or favicon.
- * @public
+ * A base element that displays an Icon or favicon.
+ * @internal
  * @param {IconProps} IconProps - The props necessary for the Icon element.
  * @see LinkIcon
  */

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

@@ -5,12 +5,12 @@ import { ElementName } from '../../../../constants';
 // createElement and renderElementItems
 
 /**
- * Creates an AvatarGroup element using the data from AuthorGroup in the Flexible UI Context.
+ * An AvatarGroup element using the data from AuthorGroup in the Flexible UI Context.
  * @see AvatarGroup
  */
 export var AuthorGroup = createElement(ElementName.AuthorGroup);
 /**
- * Creates an AvatarGroup element using the data from CollaboratorGroup in the Flexible UI Context.
+ * An AvatarGroup element using the data from CollaboratorGroup in the Flexible UI Context.
  * @see AvatarGroup
  */
 

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

@@ -43,9 +43,9 @@ var getMaxLines = function getMaxLines(maxLines) {
   return maxLines;
 };
 /**
- * An element that represent.
- * @public
- * @param {LinkProps} LinkProps - The props necessary for the Icon element.
+ * A base element that represent an anchor.
+ * @internal
+ * @param {LinkProps} LinkProps - The props necessary for the Link element.
  * @see LinkIcon
  */
 

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

@@ -8,8 +8,8 @@ import { css, jsx } from '@emotion/core';
 import AtlaskitLozenge from '@atlaskit/lozenge';
 var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  line-height: inherit;\n"])));
 /**
- * An element that displays a Lozenge.
- * @public
+ * A base element that displays a Lozenge.
+ * @internal
  * @param {LozengeProps} LozengeProps - The props necessary for the Lozenge element.
  * @see State
  */

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

@@ -19,8 +19,8 @@ import ImageIcon from '../../common/image-icon';
  */
 var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  aspect-ratio: 16 / 9;\n  display: flex;\n  width: 100%;\n\n  // fallback\n  @supports not (aspect-ratio: auto) {\n    padding-top: 56.25%; // 16:9 ratio (9 / 16 = 0.5625)\n    height: 0;\n    position: relative;\n    overflow: hidden;\n  }\n\n  > img {\n    min-height: 100%;\n    min-width: 100%;\n    max-height: 100%;\n    max-width: 100%;\n    object-fit: cover;\n    object-position: center center;\n\n    // fallback\n    @supports not (aspect-ratio: auto) {\n      position: absolute;\n      transform: translate(-50%, -50%);\n      left: 50%;\n      top: 50%;\n      width: auto;\n      height: auto;\n    }\n  }\n"])));
 /**
- * An element that displays a Media.
- * @public
+ * A base element that displays a Media.
+ * @internal
  * @param {MediaProps} MediaProps - The props necessary for the Media element.
  * @see Preview
  */

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

@@ -12,8 +12,8 @@ var getStyles = function getStyles(maxLines) {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: 0.75rem;\n  line-height: 1rem;\n  ", "\n"])), tokens.text, getTruncateStyles(maxLines));
 };
 /**
- * An element that displays some Text.
- * @public
+ * A base element that displays some Text.
+ * @internal
  * @param {TextProps} TextProps - The props necessary for the Text element.
  * @see Title
  */

package/dist/types/constants.d.ts

@@ -83,9 +83,6 @@ export declare enum ElementName {
     AuthorGroup = "AuthorGroup",
     CollaboratorGroup = "CollaboratorGroup",
     CommentCount = "CommentCount",
-    ViewCount = "ViewCount",
-    ReactCount = "ReactCount",
-    VoteCount = "VoteCount",
     CreatedBy = "CreatedBy",
     CreatedOn = "CreatedOn",
     LinkIcon = "LinkIcon",
@@ -94,11 +91,14 @@ export declare enum ElementName {
     Preview = "Preview",
     Priority = "Priority",
     ProgrammingLanguage = "ProgrammingLanguage",
+    Provider = "Provider",
+    ReactCount = "ReactCount",
     Snippet = "Snippet",
     State = "State",
     SubscriberCount = "SubscriberCount",
     Title = "Title",
-    Provider = "Provider"
+    ViewCount = "ViewCount",
+    VoteCount = "VoteCount"
 }
 /**
  * Flexible UI action (button)

package/dist/types/messages.d.ts

@@ -1,5 +1,5 @@
 import { MessageDescriptor } from 'react-intl-next';
-export declare type MessageKey = 'cannot_find_link' | 'click_to_join' | 'connect_link_account' | 'created_by' | 'created_on' | 'delete' | 'edit' | 'modified_by' | 'modified_on' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'restricted_link' | 'request_access' | 'request_denied';
+export declare type MessageKey = 'cannot_find_link' | 'click_to_join' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'delete' | 'edit' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'restricted_link' | 'request_access' | 'request_denied';
 declare type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types/view/FlexibleCard/components/actions/action/index.d.ts

@@ -5,8 +5,8 @@ import { SmartLinkSize } from '../../../../../constants';
 import { ActionProps } from './types';
 export declare const sizeToSpacing: Record<SmartLinkSize, Spacing>;
 /**
- * An action that can be triggered with an on click.
- * @public
+ * A base action that can be triggered with an on click.
+ * @internal
  * @param {ActionProps} ActionProps - The props necessary for the Action.
  * @see DeleteAction
  * @see EditAction

package/dist/types/view/FlexibleCard/components/actions/action/types.d.ts

@@ -3,19 +3,62 @@ import { SmartLinkSize } from '../../../../../constants';
 import { Appearance } from '@atlaskit/button/types';
 import { ReactChild } from 'react';
 export declare type ActionProps = {
+    /**
+     * Determines the size of the Action. Corresponds to an Action appearance.
+     */
     size?: SmartLinkSize;
+    /**
+     * Determines the text content of the Action.
+     */
     content?: React.ReactNode;
+    /**
+     * Determines the appearance of the action. Corresponds to the Atlaskit action appearance.
+     */
     appearance?: Appearance;
+    /**
+     * Determines the onClick behaviour of the Action.
+     */
     onClick: () => any;
+    /**
+     * Determines the icon rendered within the Action.
+     */
     icon?: ReactChild;
+    /**
+     * Determines where the icon should be rendered if text is provided.
+     */
     iconPosition?: 'before' | 'after';
+    /**
+     * Determines the tooltip message when hovering over the Action.
+     */
     tooltipMessage?: React.ReactNode;
+    /**
+     * Used to determine whether the Action is in a Dropdown.
+     */
     asDropDownItem?: boolean;
+    /**
+     * Additional CSS properties on the Action.
+     */
     overrideCss?: SerializedStyles;
+    /**
+     * A `testId` prop is provided for specified elements, which is a unique
+     * string that appears as a data attribute `data-testid` in the rendered code,
+     * serving as a hook for automated tests
+     */
     testId?: string;
 };
 export declare type ActionIconProps = {
+    /**
+     * Determines the size of the Icon within the Action.
+     */
     size?: SmartLinkSize;
+    /**
+     * Determines the icon within the Action.
+     */
     icon?: ReactChild;
+    /**
+     * A `testId` prop is provided for specified elements, which is a unique
+     * string that appears as a data attribute `data-testid` in the rendered code,
+     * serving as a hook for automated tests
+     */
     testId?: string;
 };

package/dist/types/view/FlexibleCard/components/blocks/action-group/index.d.ts

@@ -3,6 +3,7 @@ import { ActionGroupProps } from './types';
 /**
  * Creates a group of Action components. Accepts an array of Actions, in addition to some styling
  * preferences.
+ * @internal
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */

package/dist/types/view/FlexibleCard/components/blocks/action-group/types.d.ts

@@ -2,11 +2,36 @@ import { SmartLinkSize, SmartLinkDirection } from '../../../../../constants';
 import { ActionItem } from '../types';
 import { Appearance } from '@atlaskit/button';
 export declare type ActionGroupProps = {
+    /**
+     * Determines the actions within the Action Group.
+     */
     items: ActionItem[];
+    /**
+     * Determines the default size of the actions within the Action Group.
+     */
     size?: SmartLinkSize;
+    /**
+     * Determines the direction that the actions are rendered. Can be vertical
+     * or horizontal.
+     */
     direction?: SmartLinkDirection;
+    /**
+     * Determines the default appearance of the Action Group.
+     */
     appearance?: Appearance;
+    /**
+     * Determines the maximum number of singular actions that should be rendered
+     * before collapsing all actions into a Dropdown.
+     */
     visibleButtonsNum?: number;
+    /**
+     * Callback used by the dropdown. Is called when the dropdown is opened.
+     */
     onDropdownOpenChange?: (isOpen: boolean) => void;
+    /**
+     * A `testId` prop is provided for specified elements, which is a unique
+     * string that appears as a data attribute `data-testid` in the rendered code,
+     * serving as a hook for automated tests
+     */
     testId?: string;
 };

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

@@ -2,8 +2,9 @@
 import React from 'react';
 import { BlockProps } from '../types';
 /**
- * A block represents a collection of elements and actions that are arranged in a row.
- * All elements and actions should be contained within a Block.
+ * A block represents a collection of elements and actions that are arranged
+ * in a row. All elements and actions should be contained within a Block.
+ * @internal
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */

package/dist/types/view/FlexibleCard/components/blocks/element-group/index.d.ts

@@ -7,6 +7,7 @@ export declare const getElementGroupStyles: (direction: SmartLinkDirection, size
 /**
  * Creates a group of Action components. Accepts an array of Actions, in addition to some styling
  * preferences.
+ * @internal
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */

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

@@ -3,6 +3,7 @@ import { FooterBlockProps } from './types';
 /**
  * Represents a FooterBlock, designed to contain elements and actions that should appear
  * at the bottom of a link card.
+ * @public
  * @param {FooterBlockProps} FooterBlockProps
  * @see Block
  */

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

@@ -1,4 +1,10 @@
 import { ActionItem, BlockProps } from '../types';
-export declare type FooterBlockProps = BlockProps & {
+export declare type FooterBlockProps = {
+    /**
+     * An array of actions to be displayed on the right.
+     * Adding more than three actions will result in the second and following
+     * actions being hidden inside of a dropdown
+     * @see ActionItem
+     */
     actions?: ActionItem[];
-};
+} & BlockProps;

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

@@ -3,6 +3,7 @@ import { MetadataBlockProps } from './types';
 /**
  * Represents a MetadataBlock, designed to contain groups of metadata in the form of elements.
  * Accepts an array of elements to be shown either primary (left hand side) or secondary (right hand side).
+ * @public
  * @param {MetadataBlockProps} MetadataBlockProps
  * @see Block
  */

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

@@ -1,6 +1,26 @@
 import { BlockProps, ElementItem } from '../types';
-export declare type MetadataBlockProps = BlockProps & {
+export declare type MetadataBlockProps = {
+    /**
+     * Determines the number of lines the metadata should span across.
+     * Default is 2. Maximum is 2.
+     */
     maxLines?: number;
+    /**
+     * An array of metadata elements to display on the left.
+     * By default elements will be shown to the right of the TitleBlock.
+     * The visibility of the element is determine by the link data.
+     * If link contain no data to display a particular element, the element
+     * will simply not show up.
+     * @see ElementItem
+     */
     primary?: ElementItem[];
+    /**
+     * An array of metadata elements to display on the right.
+     * By default elements will be shown to the right of the TitleBlock.
+     * The visibility of the element is determine by the link data.
+     * If link contain no data to display a particular element, the element
+     * will simply not show up.
+     * @see ElementItem
+     */
     secondary?: ElementItem[];
-};
+} & BlockProps;

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

@@ -2,6 +2,7 @@ import React from 'react';
 import { PreviewBlockProps } from './types';
 /**
  * Represents a PreviewBlock, which typically contains media or other large format content.
+ * @public
  * @param {PreviewBlock} PreviewBlock
  * @see Block
  */

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

@@ -2,6 +2,7 @@ import React from 'react';
 import { SnippetBlockProps } from './types';
 /**
  * Represents a SnippetBlock, which is used to display longer form text content, like descriptions.
+ * @public
  * @param {SnippetBlock} SnippetBlock
  * @see Block
  */

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

@@ -1,4 +1,8 @@
 import { BlockProps } from '../types';
-export declare type SnippetBlockProps = BlockProps & {
+export declare type SnippetBlockProps = {
+    /**
+     * Determines the maximum lines the text within the snippet block should
+     * spread over. Default is 3. Maximum is 3.
+     */
     maxLines?: number;
-};
+} & BlockProps;

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

@@ -1,10 +1,11 @@
 import React from 'react';
 import { TitleBlockProps } from './types';
 /**
- * Represents a TitleBlock, which is the foundation of all Flexible Smart Links.
+ * 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.
  * The TitleBlock will also render differently given the state of the smart link.
  * This can be found in the corresponding Resolving, Resolved and Errored views.
+ * @public
  * @param {TitleBlockProps} TitleBlockProps
  * @see Block
  * @see TitleBlockResolvingView

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

@@ -1,26 +1,76 @@
 import React from 'react';
-import { BlockProps, ElementItem, ActionItem } from '../types';
+import { ActionItem, BlockProps, ElementItem } from '../types';
 import { SmartLinkPosition, SmartLinkTheme } from '../../../../../constants';
 import { RetryOptions } from '../../../types';
-import { LinkProps } from '../../elements/link/types';
-export declare type TitleBlockProps = BlockProps & {
+import { AnchorTarget } from '../../types';
+export declare type TitleBlockProps = {
+    /**
+     * An array of action items to be displayed after the title
+     * on the right of the block.
+     * An action item provides preset icon and label, with exception of
+     * a custom action which either Icon or label must be provided.
+     * @see ActionItem
+     */
+    actions?: ActionItem[];
+    /**
+     * Determines the href target behaviour of the Link.
+     */
+    anchorTarget?: AnchorTarget;
+    /**
+     * Determines the maximum number of lines for the underlying link text to
+     * spread over. Default is 2. Maximum is 2.
+     */
     maxLines?: number;
+    /**
+     * An array of metadata elements to display in the TitleBlock.
+     * By default elements will be shown to the right of the TitleBlock.
+     * The visibility of the element is determine by the link data.
+     * If link contain no data to display a particular element, the element
+     * will simply not show up.
+     * @see ElementItem
+     */
     metadata?: ElementItem[];
-    /** Determines the position of the icon in the TitleBlock.
-     * Top: Icon will be rendered in the "top" left of the TitleBlock
-     * Center: Icon will be rendered "center" relative to the vertical height of the TitleBlock.
-     * If direction is Horizontal, icon will be rendered in the center relative to the horizontal width of the TitleBlock.
+    /**
+     * Determines the position of the link icon in relative to the vertical
+     * height of the TitleBlock.  It can either be centred or placed on “top”.
+     * Default is top.
      */
     position?: SmartLinkPosition;
+    /**
+     * Determines the onClick behaviour of the Link. By default used for analytics.
+     * @internal
+     */
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /**
+     * The options that determine the retry behaviour when a Smart Link errors.
+     * @internal
+     */
     retry?: RetryOptions;
+    /**
+     * Determines whether TitleBlock will hide actions until the user is hovering
+     * over the link.
+     */
+    showActionOnHover?: boolean;
+    /**
+     * An array of metadata elements to display in the TitleBlock.
+     * By default elements will be shown below the link text.
+     * The visibility of the element is determine by the link data.
+     * If link contain no data to display a particular element, the element
+     * will simply not show up.
+     * @see ElementItem
+     */
     subtitle?: ElementItem[];
-    actions?: ActionItem[];
-    theme?: SmartLinkTheme;
+    /**
+     * The text to display in the link. Overrides any text that is retrieved from
+     * the Smart Link.
+     */
     text?: string;
-    showActionOnHover?: boolean;
-    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
-    anchorTarget?: LinkProps['target'];
-};
+    /**
+     * The theme of the link text. Can be Black or Link (default URL blue)
+     * @internal
+     */
+    theme?: SmartLinkTheme;
+} & BlockProps;
 export declare type TitleBlockViewProps = TitleBlockProps & {
     actionGroup?: React.ReactNode;
     title: React.ReactNode;