@atlaskit/smart-card 27.5.2 → 27.5.4

package/dist/es2019/view/FlexibleCard/components/blocks/utils.js

@@ -100,15 +100,15 @@ export const getBaseStyles = (direction, size) => css({
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
 export const highlightRemoveStyles = css`
-  outline: none !important;
-  outline-color: inherit;
-  color: inherit;
-  -webkit-tap-highlight-color: transparent;
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
+	outline: none !important;
+	outline-color: inherit;
+	color: inherit;
+	-webkit-tap-highlight-color: transparent;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
 `;
 const isActionGroup = node => /*#__PURE__*/React.isValidElement(node) && node.type === ActionGroup;
 const isElementDisplayValid = (name, display) => {

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

@@ -93,24 +93,24 @@ export const getContainerStyles = (size, hideBackground, hideElevation, hidePadd
 
   // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
   return css`
-    display: flex;
-    gap: ${getGap(size)} 0;
-    flex-direction: column;
-    min-width: 0;
-    overflow-x: hidden;
-    position: relative;
-    ${hideBackground ? '' : `background-color: ${"var(--ds-surface-raised, #FFFFFF)"};`}
-    ${paddingCss}
+		display: flex;
+		gap: ${getGap(size)} 0;
+		flex-direction: column;
+		min-width: 0;
+		overflow-x: hidden;
+		position: relative;
+		${hideBackground ? '' : `background-color: ${"var(--ds-surface-raised, #FFFFFF)"};`}
+		${paddingCss}
     ${hideElevation ? '' : elevationStyles}
     ${clickableContainer ? clickableContainerStyles : ''}
     &:hover ~ .actions-button-group {
-      opacity: 1;
-    }
-    a:focus,
-    .has-action:focus {
-      outline-offset: -2px;
-    }
-  `;
+			opacity: 1;
+		}
+		a:focus,
+		.has-action:focus {
+			outline-offset: -2px;
+		}
+	`;
 };
 const renderChildren = (children, containerSize, containerTheme, status, retry, onClick) => React.Children.map(children, child => {
   // TODO: EDM-6468: Use useFlexibleUiOptionContext for rendering options inside block/element instead

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

@@ -27,15 +27,15 @@ const getStyles = size => {
     default:
       // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
       return css`
-        ${styles}
-        li {
-          span,
-          svg {
-            max-height: 1.25rem;
-            max-width: 1.25rem;
-          }
-        }
-      `;
+				${styles}
+				li {
+					span,
+					svg {
+						max-height: 1.25rem;
+						max-width: 1.25rem;
+					}
+				}
+			`;
   }
 };
 const getPersonNameWithPrefix = (elementName, personName, intl) => {

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

@@ -14,16 +14,16 @@ const badgeStyles = css({
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
 const iconStyles = css`
-  color: ${"var(--ds-icon-subtle, #626F86)"};
-  line-height: 0;
-  vertical-align: middle;
-  ${getIconSizeStyles('1rem')}
-  img,
+	color: ${"var(--ds-icon-subtle, #626F86)"};
+	line-height: 0;
+	vertical-align: middle;
+	${getIconSizeStyles('1rem')}
+	img,
   span,
   svg {
-    line-height: 0;
-    vertical-align: middle;
-  }
+		line-height: 0;
+		vertical-align: middle;
+	}
 `;
 const labelStyles = css({
   color: "var(--ds-text-subtlest, #626F86)",

package/dist/es2019/view/FlexibleCard/components/utils.js

@@ -43,17 +43,17 @@ export const getIconSizeStyles = width => {
   const sizeStyles = getIconDimensionStyles(width);
   // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
   return css`
-    flex: 0 0 auto;
-    ${sizeStyles}
-    span,
+		flex: 0 0 auto;
+		${sizeStyles}
+		span,
     svg,
     img {
-      ${sizeStyles}
-    }
-    svg {
-      padding: 0;
-    }
-  `;
+			${sizeStyles}
+		}
+		svg {
+			padding: 0;
+		}
+	`;
 };
 export const getIconWidth = size => {
   switch (size) {

package/dist/es2019/view/HoverCard/components/views/resolved/styled.js

@@ -4,31 +4,31 @@ const elementGap = '0.5rem';
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
 export const metadataBlockCss = css`
-  gap: 0px;
-  /* primary element group */
-  [data-smart-element-group]:nth-of-type(1) {
-    flex-grow: 7;
+	gap: 0px;
+	/* primary element group */
+	[data-smart-element-group]:nth-of-type(1) {
+		flex-grow: 7;
 
-    // a separator between text-based element
-    ${separatorCss}
+		// a separator between text-based element
+		${separatorCss}
 
-    /* horizontal spacing between elements in group */
+		/* horizontal spacing between elements in group */
     > span {
-      margin-right: ${elementGap};
-    }
-  }
-  /* secondary element group */
-  [data-smart-element-group]:nth-of-type(2) {
-    flex-grow: 3;
-    /* horizontal spacing between elements in group */
-    > span {
-      margin-left: ${elementGap};
-    }
-  }
+			margin-right: ${elementGap};
+		}
+	}
+	/* secondary element group */
+	[data-smart-element-group]:nth-of-type(2) {
+		flex-grow: 3;
+		/* horizontal spacing between elements in group */
+		> span {
+			margin-left: ${elementGap};
+		}
+	}
 
-  [data-smart-element-group] {
-    line-height: 1rem;
-  }
+	[data-smart-element-group] {
+		line-height: 1rem;
+	}
 `;
 export const footerBlockCss = css({
   height: '1.5rem'

package/dist/es2019/view/HoverCard/styled.js

@@ -27,38 +27,38 @@ export const separatorCss = css({
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
 export const HoverCardContainer = css`
-  background: none;
-  border-width: 0;
-  box-sizing: border-box;
-  width: ${getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') ? NEW_CARD_WIDTH_REM : CARD_WIDTH_REM}rem;
+	background: none;
+	border-width: 0;
+	box-sizing: border-box;
+	width: ${getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') ? NEW_CARD_WIDTH_REM : CARD_WIDTH_REM}rem;
 
-  .${loadingPlaceholderClassName} {
-    display: none;
-  }
+	.${loadingPlaceholderClassName} {
+		display: none;
+	}
 `;
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
 export const titleBlockCss = css`
-  gap: ${blockGap};
+	gap: ${blockGap};
 
-  ${separatorCss}
+	${separatorCss}
 
-  // title and subtitle element group
+	// title and subtitle element group
   [data-smart-element-group] {
-    // gap between title and subtitle
-    gap: 0.06rem;
-    display: flex;
-    /* subtitle element group */
-    > [data-smart-element-group] {
-      > span {
-        margin-right: ${elementGap};
-      }
-    }
-  }
+		// gap between title and subtitle
+		gap: 0.06rem;
+		display: flex;
+		/* subtitle element group */
+		> [data-smart-element-group] {
+			> span {
+				margin-right: ${elementGap};
+			}
+		}
+	}
 
-  [data-smart-element='Title'] {
-    font-weight: 600;
-  }
+	[data-smart-element='Title'] {
+		font-weight: 600;
+	}
 `;
 export const getTransitionStyles = snippetHeight => css({
   transition: 'height 300ms ease-in-out',

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

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

package/dist/es2019/view/RelatedLinksModal/components/EmptyState.js

@@ -2,10 +2,10 @@ import React from 'react';
 import Heading from '@atlaskit/heading';
 import { Box, xcss } from '@atlaskit/primitives';
 const emptyStateStyles = xcss({
-  alignItems: "center",
+  alignItems: 'center',
   display: 'flex',
   flexDirection: 'column',
-  gap: "space.100",
+  gap: 'space.100',
   height: '100%',
   justifyContent: 'center',
   marginLeft: 'space.300',

package/dist/es2019/view/RelatedLinksModal/views/errored/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { FormattedMessage, useIntl } from "react-intl-next";
+import { FormattedMessage, useIntl } from 'react-intl-next';
 import { messages } from '../../../../messages';
-import { ErrorSVG } from "./error-svg";
+import { ErrorSVG } from './error-svg';
 import { EmptyState } from '../../components/EmptyState';
 export const RelatedLinksErroredView = () => {
   const intl = useIntl();

package/dist/es2019/view/RelatedLinksModal/views/resolving/index.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Box, xcss } from '@atlaskit/primitives';
+import Spinner from '@atlaskit/spinner';
+const style = xcss({
+  alignItems: 'center',
+  display: 'flex',
+  flexDirection: 'column',
+  height: '100%',
+  justifyContent: 'center'
+});
+const RelatedLinksResolvingView = () => /*#__PURE__*/React.createElement(Box, {
+  xcss: style,
+  testId: "related-links-resolving-view"
+}, /*#__PURE__*/React.createElement(Spinner, {
+  size: 'large',
+  testId: "related-links-resolving-view-spinner"
+}));
+export default RelatedLinksResolvingView;

package/dist/es2019/view/RelatedLinksModal/views/unavailable/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FormattedMessage, useIntl } from "react-intl-next";
+import { FormattedMessage, useIntl } from 'react-intl-next';
 import { messages } from '../../../../messages';
 import { EmptyState } from '../../components/EmptyState';
 import { UnavailableSVG } from './unavailable-svg';

package/dist/esm/extractors/common/icon/extractIcon.js

@@ -36,7 +36,7 @@ export var extractIcon = function extractIcon(jsonLd) {
 
 /**
  * Extracts an icon based on the given type.
- * 
+ *
  * Some types return hardcoded icons, while others follow a priority list on how to pick the icon.
  * If type is not recognized, it will return the icon from the provider, or `undefined` if no icon is found.
  *

package/dist/esm/extractors/flexible/actions/extract-automation-action.js

@@ -11,7 +11,7 @@ export var extractAutomationAction = function extractAutomationAction(response)
   var data = response.data;
   var meta = response.meta;
   var name = data.name,
-    objectAri = data["atlassian:ari"];
+    objectAri = data['atlassian:ari'];
   var product = meta.product,
     tenantId = meta.tenantId,
     resourceType = meta.resourceType;

package/dist/esm/messages.js

@@ -717,7 +717,7 @@ export var messages = defineMessages({
   },
   related_links_not_found: {
     id: 'fabric.linking.related_links_not_found',
-    defaultMessage: 'We didn\'t find any links to show here.',
+    defaultMessage: "We didn't find any links to show here.",
     description: 'Informs the user that there are no related resources for the given url'
   },
   related_links_includes_links_to: {
@@ -742,7 +742,7 @@ export var messages = defineMessages({
   },
   related_links_modal_unavailable_message: {
     id: 'fabric.linking.related_links_modal_unavailable_message',
-    defaultMessage: 'We didn\'t find any links to show here. We continuously review and add recent links for updated pages or other content types.',
+    defaultMessage: "We didn't find any links to show here. We continuously review and add recent links for updated pages or other content types.",
     description: 'Informs the user that related links were not found but may be available in the future'
   }
 });

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

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

package/dist/esm/view/EmbedCard/components/styled.js

@@ -67,7 +67,7 @@ function visible(_ref7) {
 }
 
 // eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-export var LinkWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", " &:hover {\n    text-decoration: none;\n  }\n"])), function (props) {
+export var LinkWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t", " &:hover {\n\t\ttext-decoration: none;\n\t}\n"])), function (props) {
   return wrapperStyles(props);
 });
 
@@ -130,7 +130,7 @@ export var TooltipWrapper = styled.div({
 // the internal contents of the `iframe` should
 // manage scrolling behaviour.
 // eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-export var Content = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", ";\n  border: 1px solid ", ";\n  background-color: ", ";\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n  transition: box-shadow 0.3s;\n\n  > .calc-height > div > div {\n    left: unset !important;\n    width: unset !important;\n    height: unset !important;\n    position: initial !important;\n    padding-bottom: unset !important;\n  }\n  > .embed-preview > div {\n    margin: 0 auto;\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"])), contentBorderRadius, "var(--ds-border, ".concat(N40, ")"), "var(--ds-surface-raised, white)", function (_ref11) {
+export var Content = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\t", ";\n\tborder: 1px solid ", ";\n\tbackground-color: ", ";\n\tposition: absolute;\n\tz-index: 1;\n\twidth: 100%;\n\ttransition: box-shadow 0.3s;\n\n\t> .calc-height > div > div {\n\t\tleft: unset !important;\n\t\twidth: unset !important;\n\t\theight: unset !important;\n\t\tposition: initial !important;\n\t\tpadding-bottom: unset !important;\n\t}\n\t> .embed-preview > div {\n\t\tmargin: 0 auto;\n\t}\n\n\t", "\n\n\t", "\n\n  ", "\n"])), contentBorderRadius, "var(--ds-border, ".concat(N40, ")"), "var(--ds-surface-raised, white)", function (_ref11) {
   var allowScrollBar = _ref11.allowScrollBar,
     removeOverflow = _ref11.removeOverflow;
   if (removeOverflow) {

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/common/utils/api.js

@@ -12,7 +12,7 @@ export var extractCloudIdAndProductFromSite = function extractCloudIdAndProductF
   var cloudId;
   var resourceOwner;
   var resourceType;
-  var ariRegex = new RegExp("^ari:cloud:([a-zA-Z.\\-]+)::([a-zA-Z.\\-]+)/([a-zA-Z0-9\\-]+)");
+  var ariRegex = new RegExp('^ari:cloud:([a-zA-Z.\\-]+)::([a-zA-Z.\\-]+)/([a-zA-Z0-9\\-]+)');
   var parsedAri = site.match(ariRegex);
   if (parsedAri) {
     resourceOwner = parsedAri[1];

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/empty-state/main.js

@@ -28,15 +28,15 @@ var i18n = defineMessages({
   }
 });
 var emptyStateStyles = xcss({
-  paddingLeft: "space.300",
-  paddingRight: "space.300",
-  marginTop: "space.500"
+  paddingLeft: 'space.300',
+  paddingRight: 'space.300',
+  marginTop: 'space.500'
 });
 var imageStyles = xcss({
   marginTop: 'space.050',
   marginBottom: 'space.300',
-  width: "160px",
-  height: "156px"
+  width: '160px',
+  height: '156px'
 });
 var descriptionStyles = xcss({
   width: '360px',

package/dist/esm/view/FlexibleCard/components/actions/automation-action/utils/index.js

@@ -2,8 +2,8 @@ import { messages } from '../../../../../../messages';
 export var getModalContent = function getModalContent(product, resourceType) {
   var _modalContentMap$prod;
   var modalContentMap = {
-    'confluence': {
-      'page': {
+    confluence: {
+      page: {
         modalTitle: messages.automation_action_confluence_page_modal_title,
         modalDescription: messages.automation_action_confluence_page_modal_description
       }

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

@@ -8,7 +8,7 @@ import { getBaseStyles, getGapSize, highlightRemoveStyles, renderChildren } from
 var getBlockStyles = function getBlockStyles(direction, size
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
 ) {
-  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);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t", "\n\t", "\n  justify-content: flex-start;\n\t[data-separator] + [data-separator]:before {\n\t\tcontent: '\u2022';\n\t\tmargin-right: ", "rem;\n\t}\n\t// Pull request elements: source branch \u2192 target branch\n\t[data-smart-element='", "']\n\t\t+ [data-smart-element='", "']:before {\n\t\tcontent: '\u2192';\n\t}\n\t// Pull request elements: target branch \u2190 source branch\n\t[data-smart-element='", "']\n\t\t+ [data-smart-element='", "']:before {\n\t\tcontent: '\u2190';\n\t}\n"])), getBaseStyles(direction, size), highlightRemoveStyles, getGapSize(size), ElementName.SourceBranch, ElementName.TargetBranch, ElementName.TargetBranch, ElementName.SourceBranch);
 };
 
 /**

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

@@ -48,7 +48,7 @@ var getGapStyles = function getGapStyles(size, align) {
 var getHorizontalDirectionStyles = function getHorizontalDirectionStyles(size, align) {
   var lineHeight = getMaxLineHeight(size);
   // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-  return css(_templateObject || (_templateObject = _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));
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\tdisplay: block;\n\t\tvertical-align: middle;\n\t\t", "\n\n\t\t> span, > div {\n\t\t\tvertical-align: middle;\n\n\t\t\t&[data-smart-element-date-time],\n\t\t\t&[data-smart-element-text] {\n\t\t\t\t// Show all/wrapped/truncated\n\t\t\t\tdisplay: inline;\n\t\t\t}\n\t\t}\n\n\t\t", "\n\t"])), getTruncateStyles(1, lineHeight + 'rem'), getGapStyles(size, align));
 };
 export var getElementGroupStyles = function getElementGroupStyles(direction, size, align, width, position) {
   return css(getBaseStyles(direction, size), getAlignmentStyles(align), {

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

@@ -30,7 +30,7 @@ var getPreviewBlockStyles = function getPreviewBlockStyles(placement, ignoreCont
   if (placement === MediaPlacement.Left || placement === MediaPlacement.Right) {
     var containerPadding = ignoreContainerPadding ? '0rem' : 'var(--container-padding)';
     // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-    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, ";") : '');
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t\tposition: absolute;\n\t\t\ttop: ", ";\n\t\t\tbottom: ", ";\n\t\t\twidth: calc(var(--preview-block-width) - ", ");\n\n\t\t\t", "\n\t\t\t", "\n\n      [data-smart-element-media='image'] {\n\t\t\t\taspect-ratio: unset;\n\t\t\t\tpadding-top: unset;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tobject-fit: cover;\n\t\t\t}\n\t\t"])), containerPadding, containerPadding, containerPadding, placement === MediaPlacement.Left ? "left: ".concat(containerPadding, ";") : '', placement === MediaPlacement.Right ? "right: ".concat(containerPadding, ";") : '');
   }
   if (ignoreContainerPadding) {
     return css({

package/dist/esm/view/FlexibleCard/components/blocks/utils.js

@@ -72,7 +72,7 @@ export var getBaseStyles = function getBaseStyles(direction, size) {
 };
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-export var highlightRemoveStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  outline: none !important;\n  outline-color: inherit;\n  color: inherit;\n  -webkit-tap-highlight-color: transparent;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n"])));
+export var highlightRemoveStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\toutline: none !important;\n\toutline-color: inherit;\n\tcolor: inherit;\n\t-webkit-tap-highlight-color: transparent;\n\t-webkit-touch-callout: none;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n"])));
 var isActionGroup = function isActionGroup(node) {
   return /*#__PURE__*/React.isValidElement(node) && node.type === ActionGroup;
 };

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

@@ -90,7 +90,7 @@ export var getContainerStyles = function getContainerStyles(size, hideBackground
   var paddingCss = getContainerPaddingStyles(size, hidePadding, childrenOptions);
 
   // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    gap: ", " 0;\n    flex-direction: column;\n    min-width: 0;\n    overflow-x: hidden;\n    position: relative;\n    ", "\n    ", "\n    ", "\n    ", "\n    &:hover ~ .actions-button-group {\n      opacity: 1;\n    }\n    a:focus,\n    .has-action:focus {\n      outline-offset: -2px;\n    }\n  "])), getGap(size), hideBackground ? '' : "background-color: ".concat("var(--ds-surface-raised, #FFFFFF)", ";"), paddingCss, hideElevation ? '' : elevationStyles, clickableContainer ? clickableContainerStyles : '');
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\tdisplay: flex;\n\t\tgap: ", " 0;\n\t\tflex-direction: column;\n\t\tmin-width: 0;\n\t\toverflow-x: hidden;\n\t\tposition: relative;\n\t\t", "\n\t\t", "\n    ", "\n    ", "\n    &:hover ~ .actions-button-group {\n\t\t\topacity: 1;\n\t\t}\n\t\ta:focus,\n\t\t.has-action:focus {\n\t\t\toutline-offset: -2px;\n\t\t}\n\t"])), getGap(size), hideBackground ? '' : "background-color: ".concat("var(--ds-surface-raised, #FFFFFF)", ";"), paddingCss, hideElevation ? '' : elevationStyles, clickableContainer ? clickableContainerStyles : '');
 };
 var renderChildren = function renderChildren(children, containerSize, containerTheme, status, retry, onClick) {
   return React.Children.map(children, function (child) {

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

@@ -31,7 +31,7 @@ var getStyles = function getStyles(size) {
     case SmartLinkSize.Small:
     default:
       // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-      return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        ", "\n        li {\n          span,\n          svg {\n            max-height: 1.25rem;\n            max-width: 1.25rem;\n          }\n        }\n      "])), styles);
+      return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t\t\t", "\n\t\t\t\tli {\n\t\t\t\t\tspan,\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tmax-height: 1.25rem;\n\t\t\t\t\t\tmax-width: 1.25rem;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"])), styles);
   }
 };
 var getPersonNameWithPrefix = function getPersonNameWithPrefix(elementName, personName, intl) {

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

@@ -16,7 +16,7 @@ var badgeStyles = css({
 });
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-var iconStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  line-height: 0;\n  vertical-align: middle;\n  ", "\n  img,\n  span,\n  svg {\n    line-height: 0;\n    vertical-align: middle;\n  }\n"])), "var(--ds-icon-subtle, #626F86)", getIconSizeStyles('1rem'));
+var iconStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tcolor: ", ";\n\tline-height: 0;\n\tvertical-align: middle;\n\t", "\n\timg,\n  span,\n  svg {\n\t\tline-height: 0;\n\t\tvertical-align: middle;\n\t}\n"])), "var(--ds-icon-subtle, #626F86)", getIconSizeStyles('1rem'));
 var labelStyles = css({
   color: "var(--ds-text-subtlest, #626F86)",
   fontSize: '0.75rem',

package/dist/esm/view/FlexibleCard/components/utils.js

@@ -42,7 +42,7 @@ var getIconDimensionStyles = function getIconDimensionStyles(value) {
 export var getIconSizeStyles = function getIconSizeStyles(width) {
   var sizeStyles = getIconDimensionStyles(width);
   // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    flex: 0 0 auto;\n    ", "\n    span,\n    svg,\n    img {\n      ", "\n    }\n    svg {\n      padding: 0;\n    }\n  "])), sizeStyles, sizeStyles);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\tflex: 0 0 auto;\n\t\t", "\n\t\tspan,\n    svg,\n    img {\n\t\t\t", "\n\t\t}\n\t\tsvg {\n\t\t\tpadding: 0;\n\t\t}\n\t"])), sizeStyles, sizeStyles);
 };
 export var getIconWidth = function getIconWidth(size) {
   switch (size) {

package/dist/esm/view/HoverCard/components/views/resolved/styled.js

@@ -5,7 +5,7 @@ import { separatorCss } from '../../../styled';
 var elementGap = '0.5rem';
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-export var metadataBlockCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  gap: 0px;\n  /* primary element group */\n  [data-smart-element-group]:nth-of-type(1) {\n    flex-grow: 7;\n\n    // a separator between text-based element\n    ", "\n\n    /* horizontal spacing between elements in group */\n    > span {\n      margin-right: ", ";\n    }\n  }\n  /* secondary element group */\n  [data-smart-element-group]:nth-of-type(2) {\n    flex-grow: 3;\n    /* horizontal spacing between elements in group */\n    > span {\n      margin-left: ", ";\n    }\n  }\n\n  [data-smart-element-group] {\n    line-height: 1rem;\n  }\n"])), separatorCss, elementGap, elementGap);
+export var metadataBlockCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tgap: 0px;\n\t/* primary element group */\n\t[data-smart-element-group]:nth-of-type(1) {\n\t\tflex-grow: 7;\n\n\t\t// a separator between text-based element\n\t\t", "\n\n\t\t/* horizontal spacing between elements in group */\n    > span {\n\t\t\tmargin-right: ", ";\n\t\t}\n\t}\n\t/* secondary element group */\n\t[data-smart-element-group]:nth-of-type(2) {\n\t\tflex-grow: 3;\n\t\t/* horizontal spacing between elements in group */\n\t\t> span {\n\t\t\tmargin-left: ", ";\n\t\t}\n\t}\n\n\t[data-smart-element-group] {\n\t\tline-height: 1rem;\n\t}\n"])), separatorCss, elementGap, elementGap);
 export var footerBlockCss = css({
   height: '1.5rem'
 });

package/dist/esm/view/HoverCard/styled.js

@@ -28,10 +28,10 @@ export var separatorCss = css({
 });
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-export var HoverCardContainer = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: none;\n  border-width: 0;\n  box-sizing: border-box;\n  width: ", "rem;\n\n  .", " {\n    display: none;\n  }\n"])), getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') ? NEW_CARD_WIDTH_REM : CARD_WIDTH_REM, loadingPlaceholderClassName);
+export var HoverCardContainer = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tbackground: none;\n\tborder-width: 0;\n\tbox-sizing: border-box;\n\twidth: ", "rem;\n\n\t.", " {\n\t\tdisplay: none;\n\t}\n"])), getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries') ? NEW_CARD_WIDTH_REM : CARD_WIDTH_REM, loadingPlaceholderClassName);
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-export var titleBlockCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  gap: ", ";\n\n  ", "\n\n  // title and subtitle element group\n  [data-smart-element-group] {\n    // gap between title and subtitle\n    gap: 0.06rem;\n    display: flex;\n    /* subtitle element group */\n    > [data-smart-element-group] {\n      > span {\n        margin-right: ", ";\n      }\n    }\n  }\n\n  [data-smart-element='Title'] {\n    font-weight: 600;\n  }\n"])), blockGap, separatorCss, elementGap);
+export var titleBlockCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\tgap: ", ";\n\n\t", "\n\n\t// title and subtitle element group\n  [data-smart-element-group] {\n\t\t// gap between title and subtitle\n\t\tgap: 0.06rem;\n\t\tdisplay: flex;\n\t\t/* subtitle element group */\n\t\t> [data-smart-element-group] {\n\t\t\t> span {\n\t\t\t\tmargin-right: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t[data-smart-element='Title'] {\n\t\tfont-weight: 600;\n\t}\n"])), blockGap, separatorCss, elementGap);
 export var getTransitionStyles = function getTransitionStyles(snippetHeight) {
   return css({
     transition: 'height 300ms ease-in-out',

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

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

package/dist/esm/view/RelatedLinksModal/components/EmptyState.js

@@ -2,10 +2,10 @@ import React from 'react';
 import Heading from '@atlaskit/heading';
 import { Box, xcss } from '@atlaskit/primitives';
 var emptyStateStyles = xcss({
-  alignItems: "center",
+  alignItems: 'center',
   display: 'flex',
   flexDirection: 'column',
-  gap: "space.100",
+  gap: 'space.100',
   height: '100%',
   justifyContent: 'center',
   marginLeft: 'space.300',

package/dist/esm/view/RelatedLinksModal/views/errored/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { FormattedMessage, useIntl } from "react-intl-next";
+import { FormattedMessage, useIntl } from 'react-intl-next';
 import { messages } from '../../../../messages';
-import { ErrorSVG } from "./error-svg";
+import { ErrorSVG } from './error-svg';
 import { EmptyState } from '../../components/EmptyState';
 export var RelatedLinksErroredView = function RelatedLinksErroredView() {
   var intl = useIntl();