@atlaskit/smart-card 27.5.4 → 27.6.1

package/dist/es2019/view/InlineCard/IconAndTitleLayout/styled.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 // TODO: remove this override behaviour for @atlaskit/icon-object
 export const IconObjectOverrides = `
@@ -39,23 +40,31 @@ export const IconOverrides = `
 // - @atlaskit/icon-object: for object icons, e.g. repository, branch, etc.
 // NB: the first set of overrides style icons imported from @atlaskit/icon-object correctly.
 // NB: the second set of overrides style icons imported from @atlaskit/icon correctly.
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const IconWrapper = styled.span({
   userSelect: 'none'
-}, IconOverrides, IconObjectOverrides);
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+IconOverrides,
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+IconObjectOverrides);
 
 // Wraps all emoji in Inline Links similar to icon
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const EmojiWrapper = styled.span({
   display: 'inline-block',
   marginRight: "var(--ds-space-025, 2px)",
   userSelect: 'none'
-}, IconOverrides, IconObjectOverrides);
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+IconOverrides,
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+IconObjectOverrides);
 
 // The main 'wrapping' element, title of the content.
 // NB: `white-space` adds little whitespace before wrapping.
 // NB: `word-break` line breaks as soon as an overflow takes place.
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const IconTitleWrapper = styled.span({
   whiteSpace: 'pre-wrap',
   wordBreak: 'break-all',
@@ -64,14 +73,14 @@ export const IconTitleWrapper = styled.span({
 });
 
 // TODO: Replace overrides with proper AtlasKit solution.
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const LozengeWrapper = styled.span({
   display: 'inline-block',
   verticalAlign: '1px',
   margin: `0 ${"var(--ds-space-050, 4px)"} 0 ${"var(--ds-space-025, 2px)"}`
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const RightIconPositionWrapper = styled.span({
   marginLeft: "var(--ds-space-025, 2px)",
   position: 'relative',
@@ -81,14 +90,14 @@ export const RightIconPositionWrapper = styled.span({
 // The following components are used to absolutely position icons in the vertical center.
 // - IconPositionWrapper: the `relative` parent which has no height in itself.
 // - IconEmptyWrapper: the child which forces `IconPositionWrapper` to have a height.
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const IconPositionWrapper = styled.span({
   marginRight: "var(--ds-space-050, 4px)",
   position: 'relative',
   display: 'inline-block'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const IconEmptyWrapper = styled.span({
   width: '14px',
   height: '100%',
@@ -100,5 +109,5 @@ export const IconEmptyWrapper = styled.span({
 // To achieve same result we use classname instead.
 export const TitleWrapperClassName = 'smart-link-title-wrapper';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-empty-styled-expression -- Ignored via go/DSP-18766
 export const TitleWrapper = styled.span({});

package/dist/es2019/view/InlineCard/ResolvingView/styled.js

@@ -1,7 +1,8 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { IconTitleWrapper } from '../IconAndTitleLayout/styled';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const SpinnerWrapper = styled(IconTitleWrapper)({
   verticalAlign: 'text-bottom',
   padding: '0px'

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

@@ -1,9 +1,11 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { B400, N200 } from '@atlaskit/theme/colors';
 // By default buttons will hide overflow and ellipsis content instead of wrapping.
 // This basically turns the button back into inline content
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const IconStyledButton = styled.span({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&&&': {
     textAlign: 'initial',
     display: 'inline',
@@ -15,11 +17,13 @@ export const IconStyledButton = styled.span({
     backgroundClip: 'padding-box',
     boxDecorationBreak: 'clone'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> span': {
     display: 'inline',
     overflow: 'initial',
     textOverflow: 'initial',
     whiteSpace: 'initial',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '> span': {
       overflow: 'initial',
       textOverflow: 'initial',
@@ -28,18 +32,18 @@ export const IconStyledButton = styled.span({
   }
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const NoLinkAppearance = styled.span({
   color: `var(--ds-text-subtlest, ${N200})`,
   marginLeft: "var(--ds-space-050, 4px)"
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const LowercaseAppearance = styled.span({
   textTransform: 'lowercase'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const LinkAppearance = styled.a({
   color: `var(--ds-link, ${B400})`,
   '&:hover': {

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

@@ -5,6 +5,7 @@ import Button from '@atlaskit/button/standard-button';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
 import { FormattedMessage, IntlProvider, injectIntl } from 'react-intl-next';
 import { breakWordsCss } from './styled';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { messages } from '../../../messages';
 const WarningModal = props => {

package/dist/es2019/view/LinkUrl/LinkWarningModal/styled.js

@@ -1,4 +1,7 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const breakWordsCss = css({
   whiteSpace: 'pre-line',
   wordBreak: 'break-all'

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.4",
+  packageVersion: "27.6.1",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

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

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 
 import { useCallback } from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import Button from '@atlaskit/button/new';

package/dist/es2019/view/RelatedLinksModal/components/related-link-item/index.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { Box, xcss } from '@atlaskit/primitives';
 import { Card, ElementName, SmartLinkPosition, SmartLinkSize, SmartLinkTheme, TitleBlock } from '../../../../index';

package/dist/es2019/view/RelatedLinksModal/components/related-links-list/index.js

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { Box, Stack, xcss } from '@atlaskit/primitives';

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

@@ -0,0 +1,14 @@
+import RelatedLinksBaseModal from './components/RelatedLinksBaseModal';
+import React from 'react';
+import { RelatedLinksUnavailableView } from './views/unavailable';
+const RelatedLinksModal = ({
+  onClose,
+  showModal,
+  url
+}) => {
+  return /*#__PURE__*/React.createElement(RelatedLinksBaseModal, {
+    onClose: onClose,
+    showModal: showModal
+  }, /*#__PURE__*/React.createElement(RelatedLinksUnavailableView, null));
+};
+export default RelatedLinksModal;

package/dist/es2019/view/RelatedLinksModal/views/errored/error-svg/index.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 const errorStyles = css({
   width: '80px',

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

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { messages } from '../../../../messages';
 import RelatedLinksList from '../../components/related-links-list';

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 const unavailableStyles = css({
   width: '130px',

package/dist/es2019/view/common/Byline.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { N300 } from '@atlaskit/theme/colors';
 import { gs, mq } from './utils';
@@ -8,12 +9,15 @@ export const Byline = ({
   testId,
   className
 }) => jsx("span", {
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   css: mq({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     fontSize: gs(1.5),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     lineHeight: gs(2.5),
     color: `${`var(--ds-text-subtlest, ${N300})`}`,
     fontWeight: 'normal',
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     marginTop: gs(0.5),
     // Spec: only allow two lines MAX to be shown.
     display: '-webkit-box',
@@ -23,6 +27,7 @@ export const Byline = ({
     WebkitBoxOrient: 'vertical',
     wordBreak: 'break-word',
     // Fallback options.
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     maxHeight: gs(5),
     whiteSpace: 'pre-line',
     // EDM-713: fixes copy-paste from renderer to editor for Firefox

package/dist/es2019/view/common/Icon.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import React from 'react';
 import ImageLoader from 'react-render-image';
@@ -16,7 +17,9 @@ const getImageStyles = isFlexibleUi => {
     return;
   }
   return css({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     height: gs(2),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     width: gs(2)
   });
 };
@@ -25,7 +28,9 @@ const getSpanStyles = isFlexibleUi => {
     return;
   }
   return css({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     height: gs(2.5),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     width: gs(2),
     display: 'flex',
     alignItems: 'center',
@@ -45,7 +50,9 @@ export const Icon = ({
     testId: `${testId}-default`
   });
   const image = url && jsx(ImageLoader, {
-    src: url,
+    src: url
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    ,
     loaded: jsx("img", {
       css: getImageStyles(isFlexibleUi),
       src: url,
@@ -54,6 +61,7 @@ export const Icon = ({
     errored: placeholder
   });
   return jsx("span", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: getSpanStyles(isFlexibleUi),
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/es2019/view/common/Metadata.js

@@ -1,7 +1,23 @@
 /** @jsx jsx */
-import { jsx } from '@emotion/react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css, jsx } from '@emotion/react';
 import Tooltip from '@atlaskit/tooltip';
 import { N300 } from '@atlaskit/theme/colors';
+const wrapperStyles = css({
+  display: 'flex',
+  alignItems: 'center',
+  marginRight: "var(--ds-space-050, 4px)"
+});
+const imgStyles = css({
+  width: "var(--ds-space-100, 8px)",
+  height: "var(--ds-space-100, 8px)"
+});
+const textStyles = css({
+  fontSize: "var(--ds-space-150, 12px)",
+  color: `${`var(--ds-text-subtlest, ${N300})`}`,
+  marginRight: "var(--ds-space-050, 4px)",
+  marginLeft: "var(--ds-space-025, 2px)"
+});
 export const Metadata = ({
   text,
   icon,
@@ -12,25 +28,13 @@ export const Metadata = ({
   if (!metadataIcon && iconUrl) {
     metadataIcon = jsx("img", {
       src: iconUrl,
-      css: {
-        width: "var(--ds-space-100, 8px)",
-        height: "var(--ds-space-100, 8px)"
-      }
+      css: imgStyles
     });
   }
   const metadata = jsx("div", {
-    css: {
-      display: 'flex',
-      alignItems: 'center',
-      marginRight: "var(--ds-space-050, 4px)"
-    }
+    css: wrapperStyles
   }, metadataIcon, jsx("span", {
-    css: {
-      fontSize: "var(--ds-space-150, 12px)",
-      color: `${`var(--ds-text-subtlest, ${N300})`}`,
-      marginRight: "var(--ds-space-050, 4px)",
-      marginLeft: "var(--ds-space-025, 2px)"
-    }
+    css: textStyles
   }, text));
   if (tooltip) {
     return jsx(Tooltip, {

package/dist/es2019/view/common/MetadataList.js

@@ -1,23 +1,26 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import { jsx } from '@emotion/react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css, jsx } from '@emotion/react';
 import { Metadata } from './Metadata';
 import { gs } from './utils';
 export const metadataListClassName = 'smart-link-metadata-list';
+const wrapperStyles = css({
+  display: 'flex',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  marginTop: gs(0.5),
+  alignItems: 'center',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
+  '&:last-child': {
+    marginRight: '0px'
+  }
+});
 export const MetadataList = ({
   items,
   testId
 }) => {
   return jsx("div", {
-    css: {
-      display: 'flex',
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-      marginTop: gs(0.5),
-      alignItems: 'center',
-      '&:last-child': {
-        marginRight: '0px'
-      }
-    },
+    css: wrapperStyles,
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,

package/dist/es2019/view/common/ai-icon-loading/index.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx, keyframes } from '@emotion/react';
 import SVG from '@atlaskit/icon/svg';
 import { aiThemeTokens } from '../ai-prism/constants';

package/dist/es2019/view/common/ai-prism/ai-glowing-border/animated-svg-container.js

@@ -1,10 +1,12 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import React, { useEffect, useRef } from 'react';
 import { OUTER_BORDER_RADIUS } from '../constants';
 let namespaceUUID = 0;
 const svgStyles = css({
   position: 'absolute',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: OUTER_BORDER_RADIUS
 });
 const blurredStyles = css({
@@ -61,6 +63,7 @@ const AnimatedSvgContainer = ({
     return undefined;
   }, [isMoving]);
   return jsx("svg", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: [svgStyles, isGlowing ? blurredStyles : notBlurredStyles, additionalCss],
     ref: svgRef,
     viewBox: "0 0 24 24",

package/dist/es2019/view/common/ai-prism/ai-glowing-border/index.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import React from 'react';
 import AnimatedSvgContainer from './animated-svg-container';
@@ -9,7 +10,10 @@ const borderContainerStyles = css({
   padding: "var(--ds-space-025, 2px)",
   width: 'fit-content'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const borderContentStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: INNER_BORDER_RADIUS,
   flexGrow: 1,
   zIndex: 1 // needs to be more than the svg container at least

package/dist/es2019/view/common/ai-prism/index.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { AI_BORDER_PALETTE } from './constants';
@@ -27,6 +28,7 @@ const AIPrism = ({
   return jsx(AIGlowingBorder, {
     additionalCss: {
       animatedSvgContainer: css({
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         opacity: isVisible ? 1 : 0,
         transition: 'opacity 0.5s ease'
       })
@@ -36,7 +38,9 @@ const AIPrism = ({
     isMoving: isMoving,
     testId: testId
   }, jsx("div", {
-    css: [popupContainerStyles, contentStyles, isVisible ? contentStylesPrismVisible : undefined]
+    css: [
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    popupContainerStyles, contentStyles, isVisible ? contentStylesPrismVisible : undefined]
   }, children));
 };
 export default AIPrism;

package/dist/es2019/view/common/ai-summary/index.js

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
 import Markdown from 'markdown-to-jsx';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import AIStateIndicator from '../../FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator';
 import UList from './ulist';

package/dist/es2019/view/common/ai-summary/ulist.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import React from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 const listStyles = css({
   paddingLeft: "var(--ds-space-250, 20px)",

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

@@ -1,14 +1,11 @@
 import { CardAction } from '../../../view/Card/types';
 import { canShowAction } from '../../../utils/actions/can-show-action';
 import { getIsAISummaryEnabled } from '../../../utils/ai-summary';
-import { extractAri } from '@atlaskit/link-extractors';
 export var extractAISummaryAction = function extractAISummaryAction(response, url, actionOptions, aiSummaryConfig) {
-  if (!canShowAction(CardAction.AISummaryAction, actionOptions) || !getIsAISummaryEnabled(aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.isAdminHubAIEnabled, response) || !(aiSummaryConfig !== null && aiSummaryConfig !== void 0 && aiSummaryConfig.product) || !url) {
+  if (!canShowAction(CardAction.AISummaryAction, actionOptions) || !getIsAISummaryEnabled(aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.isAdminHubAIEnabled, response) || !url) {
     return;
   }
   return {
-    url: url,
-    ari: extractAri(response.data),
-    product: aiSummaryConfig === null || aiSummaryConfig === void 0 ? void 0 : aiSummaryConfig.product
+    url: url
   };
 };

package/dist/esm/extractors/flexible/index.js

@@ -1,3 +1,5 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["id", "renderers", "actionOptions", "response", "aiSummaryConfig"];
 import { extractSummary } from '../common/primitives';
 import extractActions from './actions';
 import { extractLinkIcon } from './icon';
@@ -11,19 +13,21 @@ import extractState from './extract-state';
 import { extractLatestCommit } from './latest-commit';
 import { extractViewAction } from './actions/extract-view-action';
 var extractFlexibleUiContext = function extractFlexibleUiContext() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    id = _ref.id,
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var id = _ref.id,
     renderers = _ref.renderers,
     actionOptions = _ref.actionOptions,
     response = _ref.response,
-    aiSummaryConfig = _ref.aiSummaryConfig;
+    aiSummaryConfig = _ref.aiSummaryConfig,
+    props = _objectWithoutProperties(_ref, _excluded);
   if (!response) {
     return undefined;
   }
   var data = response.data;
   var url = extractLink(data);
   return {
-    actions: extractActions(response, url, actionOptions, id, aiSummaryConfig),
+    // Use the original URL in edge cases, such as short links for AI summary and copy link actions.
+    actions: extractActions(response, props.url, actionOptions, id, aiSummaryConfig),
     assignedToGroup: extractPersonAssignedToAsArray(data),
     attachmentCount: extractAttachmentCount(data),
     authorGroup: extractPersonCreatedBy(data),

package/dist/esm/state/hooks/use-ai-summary/ai-summary-service/index.js

@@ -2,11 +2,11 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _asyncIterator(r) { var n, t, o, e = 2; for ("undefined" != typeof Symbol && (t = Symbol.asyncIterator, o = Symbol.iterator); e--;) { if (t && null != (n = r[t])) return n.call(r); if (o && null != (n = r[o])) return new AsyncFromSyncIterator(n.call(r)); t = "@@asyncIterator", o = "@@iterator"; } throw new TypeError("Object is not async iterable"); }
 function AsyncFromSyncIterator(r) { function AsyncFromSyncIteratorContinuation(r) { if (Object(r) !== r) return Promise.reject(new TypeError(r + " is not an object.")); var n = r.done; return Promise.resolve(r.value).then(function (r) { return { value: r, done: n }; }); } return AsyncFromSyncIterator = function AsyncFromSyncIterator(r) { this.s = r, this.n = r.next; }, AsyncFromSyncIterator.prototype = { s: null, n: null, next: function next() { return AsyncFromSyncIteratorContinuation(this.n.apply(this.s, arguments)); }, return: function _return(r) { var n = this.s.return; return void 0 === n ? Promise.resolve({ value: r, done: !0 }) : AsyncFromSyncIteratorContinuation(n.apply(this.s, arguments)); }, throw: function _throw(r) { var n = this.s.return; return void 0 === n ? Promise.reject(r) : AsyncFromSyncIteratorContinuation(n.apply(this.s, arguments)); } }, new AsyncFromSyncIterator(r); }
@@ -72,11 +72,11 @@ export var AISummaryService = /*#__PURE__*/function () {
     })));
     this.config = {
       requestUrl: this.getRequestUrl(props.envKey, props.baseUrl),
-      headers: _objectSpread({
+      headers: {
         'Content-Type': 'application/json;charset=UTF-8',
         'x-experience-id': 'smart-link',
         'x-product': ((_getXProductHeaderVal = getXProductHeaderValue(props.product)) === null || _getXProductHeaderVal === void 0 ? void 0 : _getXProductHeaderVal.toLowerCase()) || 'confluence'
-      }, props.headers)
+      }
     };
     this.url = props.url;
     this.ari = props.ari;