@atlaskit/smart-card 23.14.1 → 24.0.0

package/dist/es2019/view/FlexibleCard/components/common/atlaskit-icon/index.js

@@ -6,203 +6,81 @@ import BlogIcon from '@atlaskit/icon-object/glyph/blog/16';
 import { IconType } from '../../../../../constants';
 // prettier-ignore
 const importIconMapper = {
-  [IconType.Archive]: () => import(
-  /* webpackChunkName: "glyphArchive" */
-  '@atlaskit/icon-file-type/glyph/archive/16'),
-  [IconType.Audio]: () => import(
-  /* webpackChunkName: "glyphAudio" */
-  '@atlaskit/icon-file-type/glyph/audio/16'),
-  [IconType.Code]: () => import(
-  /* webpackChunkName: "glyphCode" */
-  '@atlaskit/icon-file-type/glyph/source-code/16'),
-  [IconType.Executable]: () => import(
-  /* webpackChunkName: "glyphExecutable" */
-  '@atlaskit/icon-file-type/glyph/executable/16'),
-  [IconType.File]: () => import(
-  /* webpackChunkName: "glyphFile" */
-  '@atlaskit/icon-file-type/glyph/generic/16'),
-  [IconType.Folder]: () => import(
-  /* webpackChunkName: "glyphFolder" */
-  '@atlaskit/icon-file-type/glyph/folder/16'),
-  [IconType.Generic]: () => import(
-  /* webpackChunkName: "glyphGeneric" */
-  '@atlaskit/icon-file-type/glyph/generic/16'),
-  [IconType.GIF]: () => import(
-  /* webpackChunkName: "glyphGIF" */
-  '@atlaskit/icon-file-type/glyph/gif/16'),
-  [IconType.GoogleDocs]: () => import(
-  /* webpackChunkName: "glyphGoogleDocs" */
-  '@atlaskit/icon-file-type/glyph/google-doc/16'),
-  [IconType.GoogleForms]: () => import(
-  /* webpackChunkName: "glyphGoogleForms" */
-  '@atlaskit/icon-file-type/glyph/google-form/16'),
-  [IconType.GoogleSheets]: () => import(
-  /* webpackChunkName: "glyphGoogleSheets" */
-  '@atlaskit/icon-file-type/glyph/google-sheet/16'),
-  [IconType.GoogleSlides]: () => import(
-  /* webpackChunkName: "glyphGoogleSlides" */
-  '@atlaskit/icon-file-type/glyph/google-slide/16'),
-  [IconType.Image]: () => import(
-  /* webpackChunkName: "glyphImage" */
-  '@atlaskit/icon-file-type/glyph/image/16'),
-  [IconType.MSExcel]: () => import(
-  /* webpackChunkName: "glyphMSExcel" */
-  '@atlaskit/icon-file-type/glyph/excel-spreadsheet/16'),
-  [IconType.MSPowerpoint]: () => import(
-  /* webpackChunkName: "glyphMSPowerpoint" */
-  '@atlaskit/icon-file-type/glyph/powerpoint-presentation/16'),
-  [IconType.MSWord]: () => import(
-  /* webpackChunkName: "glyphMSWord" */
-  '@atlaskit/icon-file-type/glyph/word-document/16'),
-  [IconType.PDF]: () => import(
-  /* webpackChunkName: "glyphPDF" */
-  '@atlaskit/icon-file-type/glyph/pdf-document/16'),
-  [IconType.Presentation]: () => import(
-  /* webpackChunkName: "glyphPresentation" */
-  '@atlaskit/icon-file-type/glyph/presentation/16'),
-  [IconType.Sketch]: () => import(
-  /* webpackChunkName: "glyphSketch" */
-  '@atlaskit/icon-file-type/glyph/sketch/16'),
-  [IconType.Spreadsheet]: () => import(
-  /* webpackChunkName: "glyphSpreadsheet" */
-  '@atlaskit/icon-file-type/glyph/spreadsheet/16'),
-  [IconType.Template]: () => import(
-  /* webpackChunkName: "glyphTemplate" */
-  '@atlaskit/icon/glyph/document-filled'),
-  [IconType.Video]: () => import(
-  /* webpackChunkName: "glyphVideo" */
-  '@atlaskit/icon-file-type/glyph/video/16'),
+  [IconType.Archive]: () => import( /* webpackChunkName: "glyphArchive" */'@atlaskit/icon-file-type/glyph/archive/16'),
+  [IconType.Audio]: () => import( /* webpackChunkName: "glyphAudio" */'@atlaskit/icon-file-type/glyph/audio/16'),
+  [IconType.Code]: () => import( /* webpackChunkName: "glyphCode" */'@atlaskit/icon-file-type/glyph/source-code/16'),
+  [IconType.Executable]: () => import( /* webpackChunkName: "glyphExecutable" */'@atlaskit/icon-file-type/glyph/executable/16'),
+  [IconType.File]: () => import( /* webpackChunkName: "glyphFile" */'@atlaskit/icon-file-type/glyph/generic/16'),
+  [IconType.Folder]: () => import( /* webpackChunkName: "glyphFolder" */'@atlaskit/icon-file-type/glyph/folder/16'),
+  [IconType.Generic]: () => import( /* webpackChunkName: "glyphGeneric" */'@atlaskit/icon-file-type/glyph/generic/16'),
+  [IconType.GIF]: () => import( /* webpackChunkName: "glyphGIF" */'@atlaskit/icon-file-type/glyph/gif/16'),
+  [IconType.GoogleDocs]: () => import( /* webpackChunkName: "glyphGoogleDocs" */'@atlaskit/icon-file-type/glyph/google-doc/16'),
+  [IconType.GoogleForms]: () => import( /* webpackChunkName: "glyphGoogleForms" */'@atlaskit/icon-file-type/glyph/google-form/16'),
+  [IconType.GoogleSheets]: () => import( /* webpackChunkName: "glyphGoogleSheets" */'@atlaskit/icon-file-type/glyph/google-sheet/16'),
+  [IconType.GoogleSlides]: () => import( /* webpackChunkName: "glyphGoogleSlides" */'@atlaskit/icon-file-type/glyph/google-slide/16'),
+  [IconType.Image]: () => import( /* webpackChunkName: "glyphImage" */'@atlaskit/icon-file-type/glyph/image/16'),
+  [IconType.MSExcel]: () => import( /* webpackChunkName: "glyphMSExcel" */'@atlaskit/icon-file-type/glyph/excel-spreadsheet/16'),
+  [IconType.MSPowerpoint]: () => import( /* webpackChunkName: "glyphMSPowerpoint" */'@atlaskit/icon-file-type/glyph/powerpoint-presentation/16'),
+  [IconType.MSWord]: () => import( /* webpackChunkName: "glyphMSWord" */'@atlaskit/icon-file-type/glyph/word-document/16'),
+  [IconType.PDF]: () => import( /* webpackChunkName: "glyphPDF" */'@atlaskit/icon-file-type/glyph/pdf-document/16'),
+  [IconType.Presentation]: () => import( /* webpackChunkName: "glyphPresentation" */'@atlaskit/icon-file-type/glyph/presentation/16'),
+  [IconType.Sketch]: () => import( /* webpackChunkName: "glyphSketch" */'@atlaskit/icon-file-type/glyph/sketch/16'),
+  [IconType.Spreadsheet]: () => import( /* webpackChunkName: "glyphSpreadsheet" */'@atlaskit/icon-file-type/glyph/spreadsheet/16'),
+  [IconType.Template]: () => import( /* webpackChunkName: "glyphTemplate" */'@atlaskit/icon/glyph/document-filled'),
+  [IconType.Video]: () => import( /* webpackChunkName: "glyphVideo" */'@atlaskit/icon-file-type/glyph/video/16'),
   // Bitbucket icons
-  [IconType.Branch]: () => import(
-  /* webpackChunkName: "glyphBranch" */
-  '@atlaskit/icon-object/glyph/branch/16'),
-  [IconType.Commit]: () => import(
-  /* webpackChunkName: "glyphCommit" */
-  '@atlaskit/icon-object/glyph/commit/16'),
-  [IconType.Project]: () => import(
-  /* webpackChunkName: "glyphProject" */
-  '@atlaskit/icon/glyph/people-group'),
-  [IconType.PullRequest]: () => import(
-  /* webpackChunkName: "glyphPullRequest" */
-  '@atlaskit/icon-object/glyph/pull-request/16'),
-  [IconType.Repo]: () => import(
-  /* webpackChunkName: "glyphRepo" */
-  '@atlaskit/icon-object/glyph/code/16'),
+  [IconType.Branch]: () => import( /* webpackChunkName: "glyphBranch" */'@atlaskit/icon-object/glyph/branch/16'),
+  [IconType.Commit]: () => import( /* webpackChunkName: "glyphCommit" */'@atlaskit/icon-object/glyph/commit/16'),
+  [IconType.Project]: () => import( /* webpackChunkName: "glyphProject" */'@atlaskit/icon/glyph/people-group'),
+  [IconType.PullRequest]: () => import( /* webpackChunkName: "glyphPullRequest" */'@atlaskit/icon-object/glyph/pull-request/16'),
+  [IconType.Repo]: () => import( /* webpackChunkName: "glyphRepo" */'@atlaskit/icon-object/glyph/code/16'),
   // Jira icons
-  [IconType.Bug]: () => import(
-  /* webpackChunkName: "glyphBug" */
-  '@atlaskit/icon-object/glyph/bug/16'),
-  [IconType.Change]: () => import(
-  /* webpackChunkName: "glyphChange" */
-  '@atlaskit/icon-object/glyph/changes/16'),
-  [IconType.Epic]: () => import(
-  /* webpackChunkName: "glyphEpic" */
-  '@atlaskit/icon-object/glyph/epic/16'),
-  [IconType.Incident]: () => import(
-  /* webpackChunkName: "glyphIncident" */
-  '@atlaskit/icon-object/glyph/incident/16'),
-  [IconType.Problem]: () => import(
-  /* webpackChunkName: "glyphProblem" */
-  '@atlaskit/icon-object/glyph/problem/16'),
-  [IconType.ServiceRequest]: () => import(
-  /* webpackChunkName: "glyphServiceRequest" */
-  '@atlaskit/icon-object/glyph/issue/16'),
-  [IconType.Story]: () => import(
-  /* webpackChunkName: "glyphStory" */
-  '@atlaskit/icon-object/glyph/story/16'),
-  [IconType.SubTask]: () => import(
-  /* webpackChunkName: "glyphSubTask" */
-  '@atlaskit/icon-object/glyph/subtask/16'),
-  [IconType.Task]: () => import(
-  /* webpackChunkName: "glyphTask" */
-  '@atlaskit/icon-object/glyph/task/16'),
+  [IconType.Bug]: () => import( /* webpackChunkName: "glyphBug" */'@atlaskit/icon-object/glyph/bug/16'),
+  [IconType.Change]: () => import( /* webpackChunkName: "glyphChange" */'@atlaskit/icon-object/glyph/changes/16'),
+  [IconType.Epic]: () => import( /* webpackChunkName: "glyphEpic" */'@atlaskit/icon-object/glyph/epic/16'),
+  [IconType.Incident]: () => import( /* webpackChunkName: "glyphIncident" */'@atlaskit/icon-object/glyph/incident/16'),
+  [IconType.Problem]: () => import( /* webpackChunkName: "glyphProblem" */'@atlaskit/icon-object/glyph/problem/16'),
+  [IconType.ServiceRequest]: () => import( /* webpackChunkName: "glyphServiceRequest" */'@atlaskit/icon-object/glyph/issue/16'),
+  [IconType.Story]: () => import( /* webpackChunkName: "glyphStory" */'@atlaskit/icon-object/glyph/story/16'),
+  [IconType.SubTask]: () => import( /* webpackChunkName: "glyphSubTask" */'@atlaskit/icon-object/glyph/subtask/16'),
+  [IconType.Task]: () => import( /* webpackChunkName: "glyphTask" */'@atlaskit/icon-object/glyph/task/16'),
   // Provider icons
-  [IconType.Confluence]: () => import(
-  /* webpackChunkName: "glyphConfluence" */
-  '@atlaskit/logo/confluence-icon').then(({
+  [IconType.Confluence]: () => import( /* webpackChunkName: "glyphConfluence" */'@atlaskit/logo/confluence-icon').then(({
     ConfluenceIcon
   }) => ({
     default: ConfluenceIcon
   })),
-  [IconType.Jira]: () => import(
-  /* webpackChunkName: "glyphJira" */
-  '@atlaskit/logo/jira-icon').then(({
+  [IconType.Jira]: () => import( /* webpackChunkName: "glyphJira" */'@atlaskit/logo/jira-icon').then(({
     JiraIcon
   }) => ({
     default: JiraIcon
   })),
   // Fallback icons
-  [IconType.Default]: () => import(
-  /* webpackChunkName: "glyphDefault" */
-  '@atlaskit/icon/glyph/link'),
-  [IconType.Error]: () => import(
-  /* webpackChunkName: "glyphError" */
-  '@atlaskit/icon/glyph/error'),
-  [IconType.Forbidden]: () => import(
-  /* webpackChunkName: "glyphForbidden" */
-  '@atlaskit/icon/glyph/lock-filled'),
+  [IconType.Default]: () => import( /* webpackChunkName: "glyphDefault" */'@atlaskit/icon/glyph/link'),
+  [IconType.Error]: () => import( /* webpackChunkName: "glyphError" */'@atlaskit/icon/glyph/error'),
+  [IconType.Forbidden]: () => import( /* webpackChunkName: "glyphForbidden" */'@atlaskit/icon/glyph/lock-filled'),
   // Badge
-  [IconType.Attachment]: () => import(
-  /* webpackChunkName: "glyphAttachment" */
-  '@atlaskit/icon/glyph/attachment'),
-  [IconType.CheckItem]: () => import(
-  /* webpackChunkName: "glyphAttachment" */
-  '@atlaskit/icon/glyph/task'),
-  [IconType.Comment]: () => import(
-  /* webpackChunkName: "glyphComment" */
-  '@atlaskit/icon/glyph/comment'),
-  [IconType.View]: () => import(
-  /* webpackChunkName: "glyphComment" */
-  '@atlaskit/icon/glyph/watch'),
-  [IconType.React]: () => import(
-  /* webpackChunkName: "glyphComment" */
-  '@atlaskit/icon/glyph/like'),
-  [IconType.Vote]: () => import(
-  /* webpackChunkName: "glyphComment" */
-  '@atlaskit/icon/glyph/arrow-up'),
-  [IconType.PriorityBlocker]: () => import(
-  /* webpackChunkName: "glyphBlocker" */
-  '@atlaskit/icon-priority/glyph/priority-blocker'),
-  [IconType.PriorityCritical]: () => import(
-  /* webpackChunkName: "glyphCritical" */
-  '@atlaskit/icon-priority/glyph/priority-critical'),
-  [IconType.PriorityHigh]: () => import(
-  /* webpackChunkName: "glyphHigh" */
-  '@atlaskit/icon-priority/glyph/priority-high'),
-  [IconType.PriorityHighest]: () => import(
-  /* webpackChunkName: "glyphHighest" */
-  '@atlaskit/icon-priority/glyph/priority-highest'),
-  [IconType.PriorityLow]: () => import(
-  /* webpackChunkName: "glyphLow" */
-  '@atlaskit/icon-priority/glyph/priority-low'),
-  [IconType.PriorityLowest]: () => import(
-  /* webpackChunkName: "glyphLowest" */
-  '@atlaskit/icon-priority/glyph/priority-lowest'),
-  [IconType.PriorityMajor]: () => import(
-  /* webpackChunkName: "glyphMajor" */
-  '@atlaskit/icon-priority/glyph/priority-major'),
-  [IconType.PriorityMedium]: () => import(
-  /* webpackChunkName: "glyphMedium" */
-  '@atlaskit/icon-priority/glyph/priority-medium'),
-  [IconType.PriorityMinor]: () => import(
-  /* webpackChunkName: "glyphMinor" */
-  '@atlaskit/icon-priority/glyph/priority-minor'),
-  [IconType.PriorityTrivial]: () => import(
-  /* webpackChunkName: "glyphTrivial" */
-  '@atlaskit/icon-priority/glyph/priority-trivial'),
-  [IconType.PriorityUndefined]: () => import(
-  /* webpackChunkName: "glyphUndefined" */
-  '@atlaskit/icon/glyph/question'),
-  [IconType.ProgrammingLanguage]: () => import(
-  /* webpackChunkName: "glyphProgrammingLanguage" */
-  '@atlaskit/icon/glyph/code'),
-  [IconType.Subscriber]: () => import(
-  /* webpackChunkName: "glyphSubscriber" */
-  '@atlaskit/icon/glyph/people')
+  [IconType.Attachment]: () => import( /* webpackChunkName: "glyphAttachment" */'@atlaskit/icon/glyph/attachment'),
+  [IconType.CheckItem]: () => import( /* webpackChunkName: "glyphAttachment" */'@atlaskit/icon/glyph/task'),
+  [IconType.Comment]: () => import( /* webpackChunkName: "glyphComment" */'@atlaskit/icon/glyph/comment'),
+  [IconType.View]: () => import( /* webpackChunkName: "glyphComment" */'@atlaskit/icon/glyph/watch'),
+  [IconType.React]: () => import( /* webpackChunkName: "glyphComment" */'@atlaskit/icon/glyph/like'),
+  [IconType.Vote]: () => import( /* webpackChunkName: "glyphComment" */'@atlaskit/icon/glyph/arrow-up'),
+  [IconType.PriorityBlocker]: () => import( /* webpackChunkName: "glyphBlocker" */'@atlaskit/icon-priority/glyph/priority-blocker'),
+  [IconType.PriorityCritical]: () => import( /* webpackChunkName: "glyphCritical" */'@atlaskit/icon-priority/glyph/priority-critical'),
+  [IconType.PriorityHigh]: () => import( /* webpackChunkName: "glyphHigh" */'@atlaskit/icon-priority/glyph/priority-high'),
+  [IconType.PriorityHighest]: () => import( /* webpackChunkName: "glyphHighest" */'@atlaskit/icon-priority/glyph/priority-highest'),
+  [IconType.PriorityLow]: () => import( /* webpackChunkName: "glyphLow" */'@atlaskit/icon-priority/glyph/priority-low'),
+  [IconType.PriorityLowest]: () => import( /* webpackChunkName: "glyphLowest" */'@atlaskit/icon-priority/glyph/priority-lowest'),
+  [IconType.PriorityMajor]: () => import( /* webpackChunkName: "glyphMajor" */'@atlaskit/icon-priority/glyph/priority-major'),
+  [IconType.PriorityMedium]: () => import( /* webpackChunkName: "glyphMedium" */'@atlaskit/icon-priority/glyph/priority-medium'),
+  [IconType.PriorityMinor]: () => import( /* webpackChunkName: "glyphMinor" */'@atlaskit/icon-priority/glyph/priority-minor'),
+  [IconType.PriorityTrivial]: () => import( /* webpackChunkName: "glyphTrivial" */'@atlaskit/icon-priority/glyph/priority-trivial'),
+  [IconType.PriorityUndefined]: () => import( /* webpackChunkName: "glyphUndefined" */'@atlaskit/icon/glyph/question'),
+  [IconType.ProgrammingLanguage]: () => import( /* webpackChunkName: "glyphProgrammingLanguage" */'@atlaskit/icon/glyph/code'),
+  [IconType.Subscriber]: () => import( /* webpackChunkName: "glyphSubscriber" */'@atlaskit/icon/glyph/people')
 };
-
 const getIconImportFn = icon => importIconMapper[icon];
-
 const importIcon = importFn => {
   return Loadable({
     loader: () => importFn().then(module => module.default),
@@ -222,34 +100,27 @@ const AtlaskitIcon = ({
         label: label || 'document',
         testId: testId
       });
-
     case IconType.Blog:
       return /*#__PURE__*/React.createElement(BlogIcon, {
         label: label || 'blog',
         testId: testId
       });
   }
-
   const importFn = getIconImportFn(icon);
-
   if (!importFn) {
     return null;
   }
-
   const ImportedIcon = importIcon(importFn);
-
   switch (icon) {
     case IconType.Confluence:
       return /*#__PURE__*/React.createElement(ImportedIcon, {
         testId: testId,
         textColor: `var(--ds-text-subtle, ${N700})`
-        /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-        ,
+        /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */,
         iconColor: B200,
         iconGradientStart: B400,
         iconGradientStop: B200
         /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
-
       });
 
     case IconType.Jira:
@@ -257,13 +128,11 @@ const AtlaskitIcon = ({
       return /*#__PURE__*/React.createElement(ImportedIcon, {
         testId: testId,
         textColor: `var(--ds-text-subtle, ${N700})`
-        /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-        ,
+        /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */,
         iconColor: B200,
         iconGradientStart: B400,
         iconGradientStop: B200
         /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
-
       });
 
     case IconType.Error:
@@ -273,7 +142,6 @@ const AtlaskitIcon = ({
         testId: testId,
         primaryColor: `var(--ds-icon-danger, ${R400})`
       });
-
     default:
       return /*#__PURE__*/React.createElement(ImportedIcon, {
         label: label,
@@ -281,5 +149,4 @@ const AtlaskitIcon = ({
       });
   }
 };
-
 export default AtlaskitIcon;

package/dist/es2019/view/FlexibleCard/components/common/image-icon/index.js

@@ -3,7 +3,6 @@ import React from 'react';
 import { jsx } from '@emotion/react';
 import ImageLoader from 'react-render-image';
 import LoadingSkeleton from '../loading-skeleton';
-
 const ImageIcon = ({
   defaultIcon,
   testId,
@@ -23,5 +22,4 @@ const ImageIcon = ({
   onError: onError,
   onLoad: onLoad
 });
-
 export default ImageIcon;

package/dist/es2019/view/FlexibleCard/components/common/loading-skeleton/index.js

@@ -1,7 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx, keyframes } from '@emotion/react';
-
 const LoadingSkeleton = ({
   testId,
   width,
@@ -39,5 +38,4 @@ const LoadingSkeleton = ({
     "data-testid": testId
   });
 };
-
 export default LoadingSkeleton;

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

@@ -14,41 +14,32 @@ const elevationStyles = css`
   box-shadow: ${tokens.elevation};
   margin: 2px;
 `;
-
 const getGap = size => {
   switch (size) {
     case SmartLinkSize.XLarge:
       return '1.25rem';
-
     case SmartLinkSize.Large:
       return '1rem';
-
     case SmartLinkSize.Medium:
       return '.5rem';
-
     case SmartLinkSize.Small:
     default:
       return '.25rem';
   }
 };
-
 const getPadding = size => {
   switch (size) {
     case SmartLinkSize.XLarge:
       return '1.5rem';
-
     case SmartLinkSize.Large:
       return '1.25rem';
-
     case SmartLinkSize.Medium:
       return '1rem';
-
     case SmartLinkSize.Small:
     default:
       return '.5rem';
   }
 };
-
 const clickableContainerStyles = css`
   // Position any interactive elements at the top of the z-index stack.
   a,
@@ -58,7 +49,6 @@ const clickableContainerStyles = css`
     z-index: 1;
   }
 `;
-
 const getContainerPaddingStyles = (size, hidePadding, childrenOptions) => {
   const padding = hidePadding ? '0rem' : getPadding(size);
   const gap = getGap(size);
@@ -78,10 +68,8 @@ const getContainerPaddingStyles = (size, hidePadding, childrenOptions) => {
     ${previewOnRight ? `padding-right: calc(var(--preview-block-width) + ${gap});` : ''}
   `;
 };
-
 const getChildrenOptions = (children, context) => {
   let options = {};
-
   if (isFlexUiPreviewPresent(context)) {
     React.Children.map(children, child => {
       if ( /*#__PURE__*/React.isValidElement(child)) {
@@ -89,11 +77,9 @@ const getChildrenOptions = (children, context) => {
           const {
             placement
           } = child.props;
-
           if (placement === MediaPlacement.Left) {
             options.previewOnLeft = true;
           }
-
           if (placement === MediaPlacement.Right) {
             options.previewOnRight = true;
           }
@@ -101,10 +87,8 @@ const getChildrenOptions = (children, context) => {
       }
     });
   }
-
   return options;
 };
-
 export const getContainerStyles = (size, hideBackground, hideElevation, hidePadding, clickableContainer, childrenOptions) => {
   const paddingCss = getContainerPaddingStyles(size, hidePadding, childrenOptions);
   return css`
@@ -127,14 +111,12 @@ export const getContainerStyles = (size, hideBackground, hideElevation, hidePadd
     }
   `;
 };
-
 const renderChildren = (children, containerSize, containerTheme, status, retry, onClick, onActionMenuOpenChange) => React.Children.map(children, child => {
   if ( /*#__PURE__*/React.isValidElement(child) && isFlexibleUiBlock(child)) {
     const {
       size: blockSize
     } = child.props;
     const size = blockSize || containerSize;
-
     if (isFlexibleUiTitleBlock(child)) {
       return /*#__PURE__*/React.cloneElement(child, {
         onClick,
@@ -150,22 +132,18 @@ const renderChildren = (children, containerSize, containerTheme, status, retry,
         onActionMenuOpenChange
       });
     }
-
     return /*#__PURE__*/React.cloneElement(child, {
       size,
       status
     });
   }
 });
-
 const getTitleBlockProps = children => {
   const block = React.Children.toArray(children).find(child => isFlexibleUiTitleBlock(child));
-
   if ( /*#__PURE__*/React.isValidElement(block)) {
     return block.props;
   }
 };
-
 const getLayeredLink = (testId, context, children, onClick) => {
   const {
     title,
@@ -183,6 +161,7 @@ const getLayeredLink = (testId, context, children, onClick) => {
     url: url
   });
 };
+
 /**
  * A container is a hidden component that build the Flexible Smart Link.
  * All of the Flexible UI components are wrapped inside the container.
@@ -191,8 +170,6 @@ const getLayeredLink = (testId, context, children, onClick) => {
  * @internal
  * @see Block
  */
-
-
 const Container = ({
   children,
   clickableContainer = false,
@@ -216,7 +193,6 @@ const Container = ({
     "data-smart-link-container": true,
     "data-testid": testId
   }, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, renderChildren(children, size, theme, status, retry, onClick, showHoverPreview ? onActionMenuOpenChange : undefined));
-
   if (showHoverPreview && context !== null && context !== void 0 && context.url) {
     return jsx(HoverCard, {
       url: context === null || context === void 0 ? void 0 : context.url,
@@ -224,8 +200,6 @@ const Container = ({
       closeOnChildClick: true
     }, containerContent);
   }
-
   return containerContent;
 };
-
 export default Container;

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

@@ -35,12 +35,12 @@ const styles = css`
     }
   }
 `;
+
 /**
  * An anchor component to cover the entire container creating a clickable area.
  * @internal
  * @see `clickableContainer`
  */
-
 const LayeredLink = ({
   onClick,
   target,
@@ -55,7 +55,5 @@ const LayeredLink = ({
   onClick: onClick,
   target: target,
   tabIndex: -1 // Hide tab index and let the title link be the link.
-
 }, text);
-
 export default LayeredLink;

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

@@ -4,18 +4,15 @@ import { css, jsx } from '@emotion/react';
 import AtlaskitAvatarGroup from '@atlaskit/avatar-group';
 import { SmartLinkSize } from '../../../../../constants';
 const MAX_COUNT = 4;
-
 const getStyles = size => {
   const styles = css`
     display: inline-flex;
   `;
-
   switch (size) {
     case SmartLinkSize.XLarge:
     case SmartLinkSize.Large:
       // Default AK small size
       return styles;
-
     case SmartLinkSize.Medium:
     case SmartLinkSize.Small:
     default:
@@ -31,6 +28,7 @@ const getStyles = size => {
       `;
   }
 };
+
 /**
  * A base element that displays a group of avatars.
  * @internal
@@ -38,8 +36,6 @@ const getStyles = size => {
  * @see AuthorGroup
  * @see CollaboratorGroup
  */
-
-
 const AvatarGroup = ({
   items = [],
   maxCount = MAX_COUNT,
@@ -51,7 +47,6 @@ const AvatarGroup = ({
   if (!items.length) {
     return null;
   }
-
   return jsx("span", {
     css: [getStyles(size), overrideCss],
     "data-fit-to-content": true,
@@ -66,5 +61,4 @@ const AvatarGroup = ({
     testId: testId
   }));
 };
-
 export default AvatarGroup;

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

@@ -44,11 +44,9 @@ const messageMapper = {
   [IconType.PriorityTrivial]: messages.priority_trivial,
   [IconType.PriorityUndefined]: messages.priority_undefined
 };
-
 const getFormattedMessageFromIcon = icon => {
   if (icon) {
     const descriptor = messageMapper[icon];
-
     if (descriptor) {
       return getFormattedMessage({
         descriptor
@@ -56,7 +54,6 @@ const getFormattedMessageFromIcon = icon => {
     }
   }
 };
-
 const renderAtlaskitIcon = (icon, testId) => {
   if (icon) {
     return jsx(AtlaskitIcon, {
@@ -66,7 +63,6 @@ const renderAtlaskitIcon = (icon, testId) => {
     });
   }
 };
-
 const renderImageIcon = (url, testId) => {
   if (url) {
     return jsx(ImageIcon, {
@@ -75,6 +71,7 @@ const renderImageIcon = (url, testId) => {
     });
   }
 };
+
 /**
  * A base element that displays some text with an associated icon.
  * @internal
@@ -88,8 +85,6 @@ const renderImageIcon = (url, testId) => {
  * @see ProgrammingLanguage
  * @see Provider
  */
-
-
 const Badge = ({
   icon,
   label,
@@ -100,11 +95,9 @@ const Badge = ({
 }) => {
   const formattedMessageOrLabel = getFormattedMessageFromIcon(icon) || label;
   const badgeIcon = renderAtlaskitIcon(icon, testId) || renderImageIcon(url, testId);
-
   if (!formattedMessageOrLabel || !badgeIcon) {
     return null;
   }
-
   return jsx("span", {
     css: [badgeStyles, overrideCss],
     "data-fit-to-content": true,
@@ -118,5 +111,4 @@ const Badge = ({
     "data-testid": `${testId}-label`
   }, formattedMessageOrLabel));
 };
-
 export default Badge;