@atlaskit/smart-card 23.14.0 → 23.14.2

package/dist/esm/view/FlexibleCard/components/blocks/action-group/index.js

@@ -3,9 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["triggerRef"];
-
 var _templateObject;
-
 /** @jsx jsx */
 import { useCallback, useMemo, useState } from 'react';
 import { FormattedMessage } from 'react-intl-next';
@@ -22,7 +20,6 @@ import { messages } from '../../../../../messages';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import ActionGroupItem from './action-group-item';
 var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  line-height: 1rem;\n  > div {\n    align-items: center;\n    button:focus {\n      // AK button removes the default browser outline on focus and apply\n      // box-shadow styling to create the outline appearance.\n      // Due to our container elements (Container/Block/ElementGroup) has\n      // overflow hidden to prevent the metadata element from leaking outside\n      // of its container, the box-shadow doesn't show properly.\n      // Invert the AK box-shadow styling.\n      box-shadow: inset 0 0 0 2px ", ";\n    }\n  }\n"])), tokens.focus);
-
 var renderActionItems = function renderActionItems() {
   var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : SmartLinkSize.Medium;
@@ -40,7 +37,6 @@ var renderActionItems = function renderActionItems() {
     });
   });
 };
-
 var filterActionItems = function filterActionItems() {
   var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var context = arguments.length > 1 ? arguments[1] : undefined;
@@ -49,19 +45,17 @@ var filterActionItems = function filterActionItems() {
       // Action that require data from the data context to render.
       case ActionName.DownloadAction:
         return Boolean(context === null || context === void 0 ? void 0 : context.downloadAction);
-
       case ActionName.PreviewAction:
         return Boolean(context === null || context === void 0 ? void 0 : context.previewAction);
-
       case ActionName.ViewAction:
         return Boolean(context === null || context === void 0 ? void 0 : context.viewAction);
-
       default:
         // Named and custom actions that user defines.
         return Boolean(ActionName[item.name]);
     }
   });
 };
+
 /**
  * Creates a group of Action components. Accepts an array of Actions, in addition to some styling
  * preferences.
@@ -69,32 +63,27 @@ var filterActionItems = function filterActionItems() {
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */
-
-
 var ActionGroup = function ActionGroup(_ref) {
   var _ref$items = _ref.items,
-      items = _ref$items === void 0 ? [] : _ref$items,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size,
-      appearance = _ref.appearance,
-      _ref$visibleButtonsNu = _ref.visibleButtonsNum,
-      visibleButtonsNum = _ref$visibleButtonsNu === void 0 ? 2 : _ref$visibleButtonsNu,
-      onDropdownOpenChange = _ref.onDropdownOpenChange,
-      testId = _ref.testId;
+    items = _ref$items === void 0 ? [] : _ref$items,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size,
+    appearance = _ref.appearance,
+    _ref$visibleButtonsNu = _ref.visibleButtonsNum,
+    visibleButtonsNum = _ref$visibleButtonsNu === void 0 ? 2 : _ref$visibleButtonsNu,
+    onDropdownOpenChange = _ref.onDropdownOpenChange,
+    testId = _ref.testId;
   var context = useFlexibleUiContext();
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
   var renderableActionItems = useMemo(function () {
     return filterActionItems(items, context);
   }, [context, items]);
   var isMoreThenTwoItems = renderableActionItems.length > visibleButtonsNum;
   var onOpenChange = useCallback(function (attrs) {
     setIsOpen(attrs.isOpen);
-
     if (onDropdownOpenChange) {
       onDropdownOpenChange(attrs.isOpen);
     }
@@ -112,7 +101,6 @@ var ActionGroup = function ActionGroup(_ref) {
   }, [appearance, isMoreThenTwoItems, onActionItemClick, renderableActionItems, size, visibleButtonsNum]);
   var moreActionDropdown = useMemo(function () {
     var actionItems = isMoreThenTwoItems ? renderableActionItems.slice(visibleButtonsNum - 1) : [];
-
     if (actionItems.length > 0) {
       var spacing = sizeToButtonSpacing[size];
       var moreIcon = jsx(MoreIcon, {
@@ -124,8 +112,7 @@ var ActionGroup = function ActionGroup(_ref) {
         onOpenChange: onOpenChange,
         trigger: function trigger(_ref2) {
           var triggerRef = _ref2.triggerRef,
-              props = _objectWithoutProperties(_ref2, _excluded);
-
+            props = _objectWithoutProperties(_ref2, _excluded);
           return jsx(Tooltip, {
             content: formatMessage,
             hideTooltipOnClick: true,
@@ -141,7 +128,6 @@ var ActionGroup = function ActionGroup(_ref) {
         testId: "action-group-dropdown"
       }, renderActionItems(actionItems, size, appearance, true, onActionItemClick));
     }
-
     return null;
   }, [appearance, isMoreThenTwoItems, isOpen, onActionItemClick, onOpenChange, renderableActionItems, size, visibleButtonsNum]);
   return renderableActionItems.length > 0 ? jsx("div", {
@@ -149,5 +135,4 @@ var ActionGroup = function ActionGroup(_ref) {
     className: "actions-button-group"
   }, jsx(ButtonGroup, null, actionButtons, moreActionDropdown)) : null;
 };
-
 export default ActionGroup;

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

@@ -1,16 +1,14 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 /** @jsx jsx */
 import React, { useEffect } from 'react';
 import { css, jsx } from '@emotion/react';
 import { ElementName, SmartLinkDirection, SmartLinkSize } from '../../../../../constants';
 import { getBaseStyles, getGapSize, highlightRemoveStyles, renderChildren } from '../utils';
-
 var getBlockStyles = function getBlockStyles(direction, size) {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  ", "\n  justify-content: flex-start;\n  [data-separator] + [data-separator]:before {\n    content: '\u2022';\n    margin-right: ", "rem;\n  }\n  // Pull request elements: source branch \u2192 target branch\n  [data-smart-element='", "']\n    + [data-smart-element='", "']:before {\n    content: '\u2192';\n  }\n  // Pull request elements: target branch \u2190 source branch\n  [data-smart-element='", "']\n    + [data-smart-element='", "']:before {\n    content: '\u2190';\n  }\n"])), getBaseStyles(direction, size), highlightRemoveStyles, getGapSize(size), ElementName.SourceBranch, ElementName.TargetBranch, ElementName.TargetBranch, ElementName.SourceBranch);
 };
+
 /**
  * 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.
@@ -18,20 +16,18 @@ var getBlockStyles = function getBlockStyles(direction, size) {
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */
-
-
 var Block = function Block(_ref) {
   var children = _ref.children,
-      _ref$direction = _ref.direction,
-      direction = _ref$direction === void 0 ? SmartLinkDirection.Horizontal : _ref$direction,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-block' : _ref$testId,
-      overrideCss = _ref.overrideCss,
-      blockRef = _ref.blockRef,
-      onRender = _ref.onRender,
-      onTransitionEnd = _ref.onTransitionEnd;
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? SmartLinkDirection.Horizontal : _ref$direction,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-block' : _ref$testId,
+    overrideCss = _ref.overrideCss,
+    blockRef = _ref.blockRef,
+    onRender = _ref.onRender,
+    onTransitionEnd = _ref.onTransitionEnd;
   useEffect(function () {
     onRender && onRender();
   }, [onRender]);
@@ -43,5 +39,4 @@ var Block = function Block(_ref) {
     ref: blockRef
   }, renderChildren(children, size));
 };
-
 export default Block;

package/dist/esm/view/FlexibleCard/components/blocks/element-group/index.js

@@ -1,43 +1,35 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkSize, SmartLinkWidth } from '../../../../../constants';
 import { getBaseStyles, getGapSize, renderChildren } from '../utils';
 import { getMaxLineHeight, getTruncateStyles } from '../../utils';
-
 var getAlignmentStyles = function getAlignmentStyles(align) {
   switch (align) {
     case SmartLinkAlignment.Right:
       return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        -webkit-box-align: end;\n        -ms-flex-align: end;\n        justify-content: flex-end;\n        text-align: right;\n      "])));
-
     case SmartLinkAlignment.Left:
     default:
       return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        -webkit-box-align: start;\n        -ms-flex-align: start;\n        justify-content: flex-start;\n        text-align: left;\n      "])));
   }
 };
-
 var getGapStyles = function getGapStyles(size, align) {
   var gap = getGapSize(size);
-
   if (align === SmartLinkAlignment.Right) {
     return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      > span {\n        margin-left: ", "rem;\n      }\n\n      > span:first-child {\n        margin-left: initial;\n      }\n    "])), gap);
   }
-
   return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    > span {\n      margin-right: ", "rem;\n      &:last-child {\n        margin-right: initial;\n      }\n    }\n  "])), gap);
 };
-
 var getHorizontalDirectionStyles = function getHorizontalDirectionStyles(size, align) {
   var lineHeight = getMaxLineHeight(size);
   return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    display: block;\n    vertical-align: middle;\n    ", "\n\n    > span, > div {\n      vertical-align: middle;\n\n      &[data-smart-element-date-time],\n      &[data-smart-element-text] {\n        // Show all/wrapped/truncated\n        display: inline;\n      }\n    }\n\n    ", "\n  "])), getTruncateStyles(1, lineHeight + 'rem'), getGapStyles(size, align));
 };
-
 export var getElementGroupStyles = function getElementGroupStyles(direction, size, align, width) {
   return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n  min-width: 10%;\n  ", "\n  ", "\n"])), getBaseStyles(direction, size), getAlignmentStyles(align), width === SmartLinkWidth.Flexible ? "flex: 1 3;" : '', direction === SmartLinkDirection.Horizontal ? getHorizontalDirectionStyles(size, align) : '');
 };
+
 /**
  * Creates a group of Action components. Accepts an array of Actions, in addition to some styling
  * preferences.
@@ -45,25 +37,23 @@ export var getElementGroupStyles = function getElementGroupStyles(direction, siz
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */
-
 var ElementGroup = function ElementGroup(_ref) {
   var _ref$align = _ref.align,
-      align = _ref$align === void 0 ? SmartLinkAlignment.Left : _ref$align,
-      children = _ref.children,
-      overrideCss = _ref.overrideCss,
-      _ref$direction = _ref.direction,
-      direction = _ref$direction === void 0 ? SmartLinkDirection.Horizontal : _ref$direction,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-element-group' : _ref$testId,
-      _ref$width = _ref.width,
-      width = _ref$width === void 0 ? SmartLinkWidth.FitToContent : _ref$width;
+    align = _ref$align === void 0 ? SmartLinkAlignment.Left : _ref$align,
+    children = _ref.children,
+    overrideCss = _ref.overrideCss,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? SmartLinkDirection.Horizontal : _ref$direction,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-element-group' : _ref$testId,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? SmartLinkWidth.FitToContent : _ref$width;
   return jsx("div", {
     css: [getElementGroupStyles(direction, size, align, width), overrideCss],
     "data-smart-element-group": true,
     "data-testid": testId
   }, renderChildren(children, size));
 };
-
 export default ElementGroup;

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

@@ -1,8 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import React, { useCallback } from 'react';
 import { css } from '@emotion/react';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkSize, SmartLinkStatus, SmartLinkWidth } from '../../../../../constants';
@@ -10,7 +8,6 @@ import Block from '../block';
 import ElementGroup from '../element-group';
 import { Provider } from '../../elements';
 import ActionGroup from '../action-group';
-
 var getActionGroupStyles = function getActionGroupStyles(size) {
   if (size === SmartLinkSize.XLarge) {
     // The biggest height of the action button exceeds the max line-height
@@ -19,6 +16,7 @@ var getActionGroupStyles = function getActionGroupStyles(size) {
     return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      max-height: 2rem;\n    "])));
   }
 };
+
 /**
  * Represents a FooterBlock, designed to contain elements and actions that should appear
  * at the bottom of a link card.
@@ -26,16 +24,14 @@ var getActionGroupStyles = function getActionGroupStyles(size) {
  * @param {FooterBlockProps} FooterBlockProps
  * @see Block
  */
-
-
 var FooterBlock = function FooterBlock(props) {
   var status = props.status,
-      actions = props.actions,
-      _props$size = props.size,
-      size = _props$size === void 0 ? SmartLinkSize.Medium : _props$size,
-      _props$testId = props.testId,
-      testId = _props$testId === void 0 ? 'smart-footer-block' : _props$testId,
-      onActionMenuOpenChange = props.onActionMenuOpenChange;
+    actions = props.actions,
+    _props$size = props.size,
+    size = _props$size === void 0 ? SmartLinkSize.Medium : _props$size,
+    _props$testId = props.testId,
+    testId = _props$testId === void 0 ? 'smart-footer-block' : _props$testId,
+    onActionMenuOpenChange = props.onActionMenuOpenChange;
   var onDropdownOpenChange = useCallback(function (isOpen) {
     if (onActionMenuOpenChange) {
       onActionMenuOpenChange({
@@ -43,11 +39,9 @@ var FooterBlock = function FooterBlock(props) {
       });
     }
   }, [onActionMenuOpenChange]);
-
   if (status !== SmartLinkStatus.Resolved) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
     testId: "".concat(testId, "-resolved-view")
   }), /*#__PURE__*/React.createElement(Provider, {
@@ -64,5 +58,4 @@ var FooterBlock = function FooterBlock(props) {
     appearance: "default"
   })) : null);
 };
-
 export default FooterBlock;

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

@@ -2,9 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["maxLines", "status", "testId", "primary", "secondary"];
-
 var _templateObject;
-
 import React from 'react';
 import { css } from '@emotion/react';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkSize, SmartLinkStatus, SmartLinkWidth } from '../../../../../constants';
@@ -15,7 +13,6 @@ import { getMaxLineHeight, getTruncateStyles } from '../../utils';
 var DEFAULT_MAX_LINES = 2;
 var MAXIMUM_MAX_LINES = 2;
 var MINIMUM_MAX_LINES = 1;
-
 var getElementGroupStyles = function getElementGroupStyles(size, maxLines) {
   // MetadataBlock allows metadata elements to be displayed in
   // multiple lines, with maximum of 2 lines.
@@ -24,18 +21,16 @@ var getElementGroupStyles = function getElementGroupStyles(size, maxLines) {
   var lineHeight = getMaxLineHeight(size);
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    line-height: ", "rem;\n    ", "\n  "])), lineHeight, getTruncateStyles(maxLines, lineHeight + 'rem'));
 };
-
 var getMaxLines = function getMaxLines(maxLines) {
   if (maxLines > MAXIMUM_MAX_LINES) {
     return DEFAULT_MAX_LINES;
   }
-
   if (maxLines < MINIMUM_MAX_LINES) {
     return MINIMUM_MAX_LINES;
   }
-
   return 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).
@@ -43,29 +38,25 @@ var getMaxLines = function getMaxLines(maxLines) {
  * @param {MetadataBlockProps} MetadataBlockProps
  * @see Block
  */
-
-
 var MetadataBlock = function MetadataBlock(_ref) {
   var _ref$maxLines = _ref.maxLines,
-      maxLines = _ref$maxLines === void 0 ? DEFAULT_MAX_LINES : _ref$maxLines,
-      _ref$status = _ref.status,
-      status = _ref$status === void 0 ? SmartLinkStatus.Fallback : _ref$status,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-block-metadata' : _ref$testId,
-      _ref$primary = _ref.primary,
-      primary = _ref$primary === void 0 ? [] : _ref$primary,
-      _ref$secondary = _ref.secondary,
-      secondary = _ref$secondary === void 0 ? [] : _ref$secondary,
-      blockProps = _objectWithoutProperties(_ref, _excluded);
-
+    maxLines = _ref$maxLines === void 0 ? DEFAULT_MAX_LINES : _ref$maxLines,
+    _ref$status = _ref.status,
+    status = _ref$status === void 0 ? SmartLinkStatus.Fallback : _ref$status,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-block-metadata' : _ref$testId,
+    _ref$primary = _ref.primary,
+    primary = _ref$primary === void 0 ? [] : _ref$primary,
+    _ref$secondary = _ref.secondary,
+    secondary = _ref$secondary === void 0 ? [] : _ref$secondary,
+    blockProps = _objectWithoutProperties(_ref, _excluded);
   if (primary.length === 0 && secondary.length === 0 || status !== SmartLinkStatus.Resolved) {
     return null;
   }
-
   var primaryElements = renderElementItems(primary);
   var secondaryElements = renderElementItems(secondary);
   var _blockProps$size = blockProps.size,
-      size = _blockProps$size === void 0 ? SmartLinkSize.Medium : _blockProps$size;
+    size = _blockProps$size === void 0 ? SmartLinkSize.Medium : _blockProps$size;
   var elementGroupStyles = getElementGroupStyles(size, getMaxLines(maxLines));
   return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
     testId: "".concat(testId, "-resolved-view")
@@ -81,5 +72,4 @@ var MetadataBlock = function MetadataBlock(_ref) {
     width: SmartLinkWidth.Flexible
   }, secondaryElements));
 };
-
 export default MetadataBlock;

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

@@ -1,33 +1,29 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["status", "testId"];
-
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
 import { SmartLinkStatus } from '../../../../../constants';
 import PreviewBlockResolvedView from './resolved';
+
 /**
  * Represents a PreviewBlock, which typically contains media or other large format content.
  * @public
  * @param {PreviewBlock} PreviewBlock
  * @see Block
  */
-
 var PreviewBlock = function PreviewBlock(_ref) {
   var _ref$status = _ref.status,
-      status = _ref$status === void 0 ? SmartLinkStatus.Fallback : _ref$status,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-block-preview' : _ref$testId,
-      blockProps = _objectWithoutProperties(_ref, _excluded);
-
+    status = _ref$status === void 0 ? SmartLinkStatus.Fallback : _ref$status,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-block-preview' : _ref$testId,
+    blockProps = _objectWithoutProperties(_ref, _excluded);
   if (status !== SmartLinkStatus.Resolved) {
     return null;
   }
-
   return jsx(PreviewBlockResolvedView, _extends({}, blockProps, {
     testId: testId
   }));
 };
-
 export default PreviewBlock;

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

@@ -3,15 +3,14 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["ignoreContainerPadding", "onError", "overrideCss", "placement", "testId"];
-
 var _templateObject, _templateObject2, _templateObject3;
-
 /** @jsx jsx */
 import React, { useCallback, useEffect, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import { MediaPlacement } from '../../../../../../constants';
 import Block from '../../block';
 import { Preview } from '../../../elements';
+
 /**
  * Due to its placement on the left/right and ignoreContainerPadding prop
  * rely on its parent container styling, css variables are declared in
@@ -27,39 +26,34 @@ import { Preview } from '../../../elements';
  * @param placement
  * @param ignoreContainerPadding
  */
-
 var getPreviewBlockStyles = function getPreviewBlockStyles(placement, ignoreContainerPadding) {
   if (placement === MediaPlacement.Left || placement === MediaPlacement.Right) {
     var containerPadding = ignoreContainerPadding ? '0rem' : 'var(--container-padding)';
     return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      position: absolute;\n      top: ", ";\n      bottom: ", ";\n      width: calc(var(--preview-block-width) - ", ");\n\n      ", "\n      ", "\n\n      [data-smart-element-media='image'] {\n        aspect-ratio: unset;\n        padding-top: unset;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n      }\n    "])), containerPadding, containerPadding, containerPadding, placement === MediaPlacement.Left ? "left: ".concat(containerPadding, ";") : '', placement === MediaPlacement.Right ? "right: ".concat(containerPadding, ";") : '');
   }
-
   if (ignoreContainerPadding) {
     return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      margin-left: calc(var(--container-gap-left) * -1);\n      margin-right: calc(var(--container-gap-right) * -1);\n      &:first-of-type {\n        margin-top: calc(var(--container-padding) * -1);\n      }\n      &:last-of-type {\n        margin-bottom: calc(var(--container-padding) * -1);\n      }\n    "])));
   }
 };
+
 /**
  * Represents a resolved PreviewBlock, which typically contains media or other large format content.
  * @public
  * @param {PreviewBlock} PreviewBlock
  * @see Block
  */
-
-
 var PreviewBlockResolvedView = function PreviewBlockResolvedView(_ref) {
   var _ref$ignoreContainerP = _ref.ignoreContainerPadding,
-      ignoreContainerPadding = _ref$ignoreContainerP === void 0 ? false : _ref$ignoreContainerP,
-      onError = _ref.onError,
-      overrideCss = _ref.overrideCss,
-      placement = _ref.placement,
-      testId = _ref.testId,
-      blockProps = _objectWithoutProperties(_ref, _excluded);
-
+    ignoreContainerPadding = _ref$ignoreContainerP === void 0 ? false : _ref$ignoreContainerP,
+    onError = _ref.onError,
+    overrideCss = _ref.overrideCss,
+    placement = _ref.placement,
+    testId = _ref.testId,
+    blockProps = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(overrideCss),
-      _useState2 = _slicedToArray(_useState, 2),
-      styles = _useState2[0],
-      setStyles = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    styles = _useState2[0],
+    setStyles = _useState2[1];
   var updateStyles = useCallback(function () {
     setStyles(css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      ", "\n      ", "\n    "])), getPreviewBlockStyles(placement, ignoreContainerPadding), overrideCss));
   }, [ignoreContainerPadding, overrideCss, placement]);
@@ -82,5 +76,4 @@ var PreviewBlockResolvedView = function PreviewBlockResolvedView(_ref) {
     onLoad: handleOnLoad
   }));
 };
-
 export default PreviewBlockResolvedView;

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

@@ -9,26 +9,24 @@ import { getMaxLines } from '../../utils';
 var DEFAULT_MAX_LINES = 3;
 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
  */
-
 var SnippetBlock = function SnippetBlock(_ref) {
   var _ref$maxLines = _ref.maxLines,
-      maxLines = _ref$maxLines === void 0 ? DEFAULT_MAX_LINES : _ref$maxLines,
-      _ref$status = _ref.status,
-      status = _ref$status === void 0 ? SmartLinkStatus.Fallback : _ref$status,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-block-snippet' : _ref$testId,
-      blockProps = _objectWithoutProperties(_ref, _excluded);
-
+    maxLines = _ref$maxLines === void 0 ? DEFAULT_MAX_LINES : _ref$maxLines,
+    _ref$status = _ref.status,
+    status = _ref$status === void 0 ? SmartLinkStatus.Fallback : _ref$status,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-block-snippet' : _ref$testId,
+    blockProps = _objectWithoutProperties(_ref, _excluded);
   if (status !== SmartLinkStatus.Resolved) {
     return null;
   }
-
   var snippetMaxLines = getMaxLines(maxLines, DEFAULT_MAX_LINES, MAXIMUM_MAX_LINES, MINIMUM_MAX_LINES);
   return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
     testId: "".concat(testId, "-resolved-view")
@@ -36,5 +34,4 @@ var SnippetBlock = function SnippetBlock(_ref) {
     maxLines: snippetMaxLines
   }));
 };
-
 export default SnippetBlock;

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

@@ -2,9 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["actionGroup", "retry", "position", "testId", "title"];
-
 var _templateObject, _templateObject2;
-
 /** @jsx jsx */
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
@@ -16,11 +14,11 @@ import { getLinkLineHeight, getLinkSizeStyles, getTruncateStyles } from '../../.
 import ElementGroup from '../../element-group';
 import { tokens } from '../../../../../../utils/token';
 var actionStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  cursor: pointer;\n  :hover {\n    color: ", ";\n    text-decoration: underline;\n  }\n"])), tokens.errorMessageHover);
-
 var getMessageStyles = function getMessageStyles(size, hasAction) {
   var sizeStyles = getLinkSizeStyles(size);
   return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    flex: 1 1 auto;\n    justify-content: flex-end;\n    ", "\n    ", "\n    ", "\n    color: ", ";\n    :focus {\n      outline: ", " solid 2px;\n    }\n  "])), hasAction ? actionStyles : '', sizeStyles, getTruncateStyles(1, getLinkLineHeight(size)), tokens.errorMessage, tokens.focus);
 };
+
 /**
  * Represents an Errored TitleBlock view.
  * This will render when a Smart Link did not successfully resolve.
@@ -28,23 +26,19 @@ var getMessageStyles = function getMessageStyles(size, hasAction) {
  * or the backend response was errored or malformed.
  * @see TitleBlock
  */
-
-
 var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
   var actionGroup = _ref.actionGroup,
-      retry = _ref.retry,
-      position = _ref.position,
-      testId = _ref.testId,
-      title = _ref.title,
-      blockProps = _objectWithoutProperties(_ref, _excluded);
-
+    retry = _ref.retry,
+    position = _ref.position,
+    testId = _ref.testId,
+    title = _ref.title,
+    blockProps = _objectWithoutProperties(_ref, _excluded);
   var _ref2 = retry || {},
-      descriptor = _ref2.descriptor,
-      onClick = _ref2.onClick,
-      values = _ref2.values;
-
+    descriptor = _ref2.descriptor,
+    onClick = _ref2.onClick,
+    values = _ref2.values;
   var _blockProps$size = blockProps.size,
-      size = _blockProps$size === void 0 ? SmartLinkSize.Medium : _blockProps$size;
+    size = _blockProps$size === void 0 ? SmartLinkSize.Medium : _blockProps$size;
   var hasAction = onClick !== undefined;
   return jsx(Block, _extends({}, blockProps, {
     testId: "".concat(testId, "-errored-view")
@@ -63,5 +57,4 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
     values: values
   })))), actionGroup);
 };
-
 export default TitleBlockErroredView;