@atlaskit/smart-card 19.0.0 → 19.0.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 19.0.1
+
+### Patch Changes
+
+- [`49f905e71e5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/49f905e71e5) - Flexible UI: Add API document and update prop types.
+
 ## 19.0.0
 
 ### Major Changes

package/dist/cjs/constants.js

@@ -132,9 +132,6 @@ exports.ElementName = ElementName;
   ElementName["AuthorGroup"] = "AuthorGroup";
   ElementName["CollaboratorGroup"] = "CollaboratorGroup";
   ElementName["CommentCount"] = "CommentCount";
-  ElementName["ViewCount"] = "ViewCount";
-  ElementName["ReactCount"] = "ReactCount";
-  ElementName["VoteCount"] = "VoteCount";
   ElementName["CreatedBy"] = "CreatedBy";
   ElementName["CreatedOn"] = "CreatedOn";
   ElementName["LinkIcon"] = "LinkIcon";
@@ -143,11 +140,14 @@ exports.ElementName = ElementName;
   ElementName["Preview"] = "Preview";
   ElementName["Priority"] = "Priority";
   ElementName["ProgrammingLanguage"] = "ProgrammingLanguage";
+  ElementName["Provider"] = "Provider";
+  ElementName["ReactCount"] = "ReactCount";
   ElementName["Snippet"] = "Snippet";
   ElementName["State"] = "State";
   ElementName["SubscriberCount"] = "SubscriberCount";
   ElementName["Title"] = "Title";
-  ElementName["Provider"] = "Provider";
+  ElementName["ViewCount"] = "ViewCount";
+  ElementName["VoteCount"] = "VoteCount";
 })(ElementName || (exports.ElementName = ElementName = {}));
 
 var ActionName;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "19.0.0",
+	"version": "19.0.1",
 	"sideEffects": false
 }

package/dist/cjs/view/FlexibleCard/components/actions/action/index.js

@@ -75,8 +75,8 @@ var ActionIcon = function ActionIcon(_ref) {
 
 var sizeToSpacing = (_sizeToSpacing = {}, (0, _defineProperty2.default)(_sizeToSpacing, _constants.SmartLinkSize.Small, 'none'), (0, _defineProperty2.default)(_sizeToSpacing, _constants.SmartLinkSize.Medium, 'compact'), (0, _defineProperty2.default)(_sizeToSpacing, _constants.SmartLinkSize.Large, 'compact'), (0, _defineProperty2.default)(_sizeToSpacing, _constants.SmartLinkSize.XLarge, 'default'), _sizeToSpacing);
 /**
- * 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/cjs/view/FlexibleCard/components/blocks/action-group/index.js

@@ -39,6 +39,7 @@ var styles = (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTem
 /**
  * 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/cjs/view/FlexibleCard/components/blocks/block/index.js

@@ -23,8 +23,9 @@ var getBlockStyles = function getBlockStyles(direction, size) {
   return (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  justify-content: flex-start;\n  [data-separator] + [data-separator]:before {\n    content: '\u2022';\n    margin-right: ", "rem;\n  }\n"])), (0, _utils.getBaseStyles)(direction, size), (0, _utils.getGapSize)(size));
 };
 /**
- * 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/cjs/view/FlexibleCard/components/blocks/element-group/index.js

@@ -36,6 +36,7 @@ var getElementGroupStyles = function getElementGroupStyles(direction, size, alig
 /**
  * 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/cjs/view/FlexibleCard/components/blocks/footer-block/index.js

@@ -24,6 +24,7 @@ var _actionGroup = _interopRequireDefault(require("../action-group"));
 /**
  * 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/cjs/view/FlexibleCard/components/blocks/metadata-block/index.js

@@ -77,6 +77,7 @@ var getMaxLines = function getMaxLines(maxLines) {
 /**
  * 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/cjs/view/FlexibleCard/components/blocks/preview-block/index.js

@@ -23,6 +23,7 @@ var _excluded = ["status", "testId"];
 
 /**
  * Represents a PreviewBlock, which typically contains media or other large format content.
+ * @public
  * @param {PreviewBlock} PreviewBlock
  * @see Block
  */

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

@@ -27,6 +27,7 @@ var MAXIMUM_MAX_LINES = 3;
 var MINIMUM_MAX_LINES = 1;
 /**
  * Represents a SnippetBlock, which is used to display longer form text content, like descriptions.
+ * @public
  * @param {SnippetBlock} SnippetBlock
  * @see Block
  */

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

@@ -66,10 +66,11 @@ var getTitleBlockViewComponent = function getTitleBlockViewComponent(status) {
   }
 };
 /**
- * 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/cjs/view/FlexibleCard/components/container/index.js

@@ -79,12 +79,21 @@ var renderChildren = function renderChildren(children, containerSize, containerT
   return _react.default.Children.map(children, function (child) {
     if ( /*#__PURE__*/_react.default.isValidElement(child) && (0, _flexible.isFlexibleUiBlock)(child)) {
       var blockSize = child.props.size;
+      var size = blockSize || containerSize;
+
+      if ((0, _flexible.isFlexibleUiTitleBlock)(child)) {
+        return /*#__PURE__*/_react.default.cloneElement(child, {
+          onClick: onClick,
+          retry: retry,
+          size: size,
+          status: status,
+          theme: containerTheme
+        });
+      }
+
       return /*#__PURE__*/_react.default.cloneElement(child, {
-        onClick: onClick,
-        retry: (0, _flexible.isFlexibleUiTitleBlock)(child) ? retry : undefined,
-        size: blockSize || containerSize,
-        status: status,
-        theme: containerTheme
+        size: size,
+        status: status
       });
     }
   });
@@ -118,7 +127,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/cjs/view/FlexibleCard/components/container/layered-link/index.js

@@ -16,6 +16,11 @@ var _core = require("@emotion/core");
 var _templateObject;
 
 var styles = (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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/cjs/view/FlexibleCard/components/elements/avatar-group/index.js

@@ -35,8 +35,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/cjs/view/FlexibleCard/components/elements/badge/index.js

@@ -65,8 +65,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/cjs/view/FlexibleCard/components/elements/date-time/index.js

@@ -33,8 +33,8 @@ var typeToDescriptorMap = {
   modified: _messages.messages.modified_on
 };
 /**
- * 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

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

@@ -77,8 +77,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/cjs/view/FlexibleCard/components/elements/index.js

@@ -14,12 +14,12 @@ var _constants = require("../../../../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
  */
 var AuthorGroup = (0, _utils.createElement)(_constants.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/cjs/view/FlexibleCard/components/elements/link/index.js

@@ -63,9 +63,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/cjs/view/FlexibleCard/components/elements/lozenge/index.js

@@ -19,8 +19,8 @@ var _templateObject;
 
 var styles = (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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/cjs/view/FlexibleCard/components/elements/media/index.js

@@ -29,8 +29,8 @@ var _templateObject;
  */
 var styles = (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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/cjs/view/FlexibleCard/components/elements/text/index.js

@@ -23,8 +23,8 @@ var getStyles = function getStyles(maxLines) {
   return (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  font-size: 0.75rem;\n  line-height: 1rem;\n  ", "\n"])), _token.tokens.text, (0, _utils.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/es2019/constants.js

@@ -109,9 +109,6 @@ export let ElementName;
   ElementName["AuthorGroup"] = "AuthorGroup";
   ElementName["CollaboratorGroup"] = "CollaboratorGroup";
   ElementName["CommentCount"] = "CommentCount";
-  ElementName["ViewCount"] = "ViewCount";
-  ElementName["ReactCount"] = "ReactCount";
-  ElementName["VoteCount"] = "VoteCount";
   ElementName["CreatedBy"] = "CreatedBy";
   ElementName["CreatedOn"] = "CreatedOn";
   ElementName["LinkIcon"] = "LinkIcon";
@@ -120,11 +117,14 @@ export let ElementName;
   ElementName["Preview"] = "Preview";
   ElementName["Priority"] = "Priority";
   ElementName["ProgrammingLanguage"] = "ProgrammingLanguage";
+  ElementName["Provider"] = "Provider";
+  ElementName["ReactCount"] = "ReactCount";
   ElementName["Snippet"] = "Snippet";
   ElementName["State"] = "State";
   ElementName["SubscriberCount"] = "SubscriberCount";
   ElementName["Title"] = "Title";
-  ElementName["Provider"] = "Provider";
+  ElementName["ViewCount"] = "ViewCount";
+  ElementName["VoteCount"] = "VoteCount";
 })(ElementName || (ElementName = {}));
 
 export let ActionName;

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "19.0.0",
+	"version": "19.0.1",
 	"sideEffects": false
 }

package/dist/es2019/view/FlexibleCard/components/actions/action/index.js

@@ -84,8 +84,8 @@ export const sizeToSpacing = {
   [SmartLinkSize.XLarge]: 'default'
 };
 /**
- * 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/es2019/view/FlexibleCard/components/blocks/action-group/index.js

@@ -29,6 +29,7 @@ const styles = css`
 /**
  * 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/es2019/view/FlexibleCard/components/blocks/block/index.js

@@ -13,8 +13,9 @@ const getBlockStyles = (direction, size) => css`
   }
 `;
 /**
- * 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/es2019/view/FlexibleCard/components/blocks/element-group/index.js

@@ -30,6 +30,7 @@ export const getElementGroupStyles = (direction, size, align, width) => css`
 /**
  * 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/es2019/view/FlexibleCard/components/blocks/footer-block/index.js

@@ -8,6 +8,7 @@ import ActionGroup from '../action-group';
 /**
  * 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/es2019/view/FlexibleCard/components/blocks/metadata-block/index.js

@@ -63,6 +63,7 @@ const getMaxLines = maxLines => {
 /**
  * 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/es2019/view/FlexibleCard/components/blocks/preview-block/index.js

@@ -5,6 +5,7 @@ import Block from '../block';
 import { Preview } from '../../elements';
 /**
  * Represents a PreviewBlock, which typically contains media or other large format content.
+ * @public
  * @param {PreviewBlock} PreviewBlock
  * @see Block
  */

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

@@ -9,6 +9,7 @@ const MAXIMUM_MAX_LINES = 3;
 const MINIMUM_MAX_LINES = 1;
 /**
  * Represents a SnippetBlock, which is used to display longer form text content, like descriptions.
+ * @public
  * @param {SnippetBlock} SnippetBlock
  * @see Block
  */

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

@@ -42,10 +42,11 @@ const getTitleBlockViewComponent = status => {
   }
 };
 /**
- * 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/es2019/view/FlexibleCard/components/container/index.js

@@ -81,12 +81,21 @@ const renderChildren = (children, containerSize, containerTheme, status, retry,
     const {
       size: blockSize
     } = child.props;
+    const size = blockSize || containerSize;
+
+    if (isFlexibleUiTitleBlock(child)) {
+      return /*#__PURE__*/React.cloneElement(child, {
+        onClick,
+        retry,
+        size,
+        status,
+        theme: containerTheme
+      });
+    }
+
     return /*#__PURE__*/React.cloneElement(child, {
-      onClick,
-      retry: isFlexibleUiTitleBlock(child) ? retry : undefined,
-      size: blockSize || containerSize,
-      status,
-      theme: containerTheme
+      size,
+      status
     });
   }
 });
@@ -116,7 +125,11 @@ const 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/es2019/view/FlexibleCard/components/container/layered-link/index.js

@@ -35,6 +35,11 @@ const styles = css`
     }
   }
 `;
+/**
+ * An anchor component to cover the entire container creating a clickable area.
+ * @internal
+ * @see `clickableContainer`
+ */
 
 const LayeredLink = ({
   target,

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

@@ -27,8 +27,8 @@ const 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/es2019/view/FlexibleCard/components/elements/badge/index.js

@@ -71,8 +71,8 @@ const 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/es2019/view/FlexibleCard/components/elements/date-time/index.js

@@ -19,8 +19,8 @@ const typeToDescriptorMap = {
   modified: messages.modified_on
 };
 /**
- * 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

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

@@ -67,8 +67,8 @@ const 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/es2019/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 const 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/es2019/view/FlexibleCard/components/elements/link/index.js

@@ -65,9 +65,9 @@ const 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/es2019/view/FlexibleCard/components/elements/lozenge/index.js

@@ -6,8 +6,8 @@ const styles = css`
   line-height: inherit;
 `;
 /**
- * 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/es2019/view/FlexibleCard/components/elements/media/index.js

@@ -46,8 +46,8 @@ const styles = css`
   }
 `;
 /**
- * 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/es2019/view/FlexibleCard/components/elements/text/index.js

@@ -11,8 +11,8 @@ const getStyles = maxLines => css`
   ${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/esm/constants.js

@@ -109,9 +109,6 @@ export var ElementName;
   ElementName["AuthorGroup"] = "AuthorGroup";
   ElementName["CollaboratorGroup"] = "CollaboratorGroup";
   ElementName["CommentCount"] = "CommentCount";
-  ElementName["ViewCount"] = "ViewCount";
-  ElementName["ReactCount"] = "ReactCount";
-  ElementName["VoteCount"] = "VoteCount";
   ElementName["CreatedBy"] = "CreatedBy";
   ElementName["CreatedOn"] = "CreatedOn";
   ElementName["LinkIcon"] = "LinkIcon";
@@ -120,11 +117,14 @@ export var ElementName;
   ElementName["Preview"] = "Preview";
   ElementName["Priority"] = "Priority";
   ElementName["ProgrammingLanguage"] = "ProgrammingLanguage";
+  ElementName["Provider"] = "Provider";
+  ElementName["ReactCount"] = "ReactCount";
   ElementName["Snippet"] = "Snippet";
   ElementName["State"] = "State";
   ElementName["SubscriberCount"] = "SubscriberCount";
   ElementName["Title"] = "Title";
-  ElementName["Provider"] = "Provider";
+  ElementName["ViewCount"] = "ViewCount";
+  ElementName["VoteCount"] = "VoteCount";
 })(ElementName || (ElementName = {}));
 
 export var ActionName;