@atlaskit/smart-card 27.5.3 → 27.6.0

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

@@ -2,8 +2,9 @@ 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 var 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 +16,13 @@ export var 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 +31,18 @@ export var 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 var NoLinkAppearance = styled.span({
   color: "var(--ds-text-subtlest, ".concat(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 var 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 var LinkAppearance = styled.a({
   color: "var(--ds-link, ".concat(B400, ")"),
   '&:hover': {

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

@@ -1,4 +1,6 @@
 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 var breakWordsCss = css({
   whiteSpace: 'pre-line',
   wordBreak: 'break-all'

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

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

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

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Box, xcss } from '@atlaskit/primitives';
+import Spinner from '@atlaskit/spinner';
+var style = xcss({
+  alignItems: 'center',
+  display: 'flex',
+  flexDirection: 'column',
+  height: '100%',
+  justifyContent: 'center'
+});
+var RelatedLinksResolvingView = function RelatedLinksResolvingView() {
+  return /*#__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/esm/view/common/Byline.js

@@ -8,12 +8,15 @@ export var Byline = function Byline(_ref) {
     testId = _ref.testId,
     className = _ref.className;
   return 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: "".concat("var(--ds-text-subtlest, ".concat(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 +26,7 @@ export var Byline = function Byline(_ref) {
       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/esm/view/common/Icon.js

@@ -16,7 +16,9 @@ var getImageStyles = function 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 +27,9 @@ var getSpanStyles = function 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',
@@ -46,7 +50,9 @@ export var Icon = function Icon(_ref) {
     testId: "".concat(testId, "-default")
   });
   var 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,
@@ -55,6 +61,7 @@ export var Icon = function Icon(_ref) {
     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/esm/view/common/Metadata.js

@@ -1,7 +1,22 @@
 /** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import Tooltip from '@atlaskit/tooltip';
 import { N300 } from '@atlaskit/theme/colors';
+var wrapperStyles = css({
+  display: 'flex',
+  alignItems: 'center',
+  marginRight: "var(--ds-space-050, 4px)"
+});
+var imgStyles = css({
+  width: "var(--ds-space-100, 8px)",
+  height: "var(--ds-space-100, 8px)"
+});
+var textStyles = css({
+  fontSize: "var(--ds-space-150, 12px)",
+  color: "".concat("var(--ds-text-subtlest, ".concat(N300, ")")),
+  marginRight: "var(--ds-space-050, 4px)",
+  marginLeft: "var(--ds-space-025, 2px)"
+});
 export var Metadata = function Metadata(_ref) {
   var text = _ref.text,
     icon = _ref.icon,
@@ -11,25 +26,13 @@ export var Metadata = function Metadata(_ref) {
   if (!metadataIcon && iconUrl) {
     metadataIcon = jsx("img", {
       src: iconUrl,
-      css: {
-        width: "var(--ds-space-100, 8px)",
-        height: "var(--ds-space-100, 8px)"
-      }
+      css: imgStyles
     });
   }
   var 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: "".concat("var(--ds-text-subtlest, ".concat(N300, ")")),
-      marginRight: "var(--ds-space-050, 4px)",
-      marginLeft: "var(--ds-space-025, 2px)"
-    }
+    css: textStyles
   }, text));
   if (tooltip) {
     return jsx(Tooltip, {

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

@@ -1,22 +1,24 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import { jsx } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { Metadata } from './Metadata';
 import { gs } from './utils';
 export var metadataListClassName = 'smart-link-metadata-list';
+var 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 var MetadataList = function MetadataList(_ref) {
   var items = _ref.items,
     testId = _ref.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/esm/view/common/ai-prism/ai-glowing-border/animated-svg-container.js

@@ -5,6 +5,7 @@ import { OUTER_BORDER_RADIUS } from '../constants';
 var namespaceUUID = 0;
 var 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
 });
 var blurredStyles = css({
@@ -64,6 +65,7 @@ var AnimatedSvgContainer = function AnimatedSvgContainer(_ref) {
     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/esm/view/common/ai-prism/ai-glowing-border/index.js

@@ -9,7 +9,10 @@ var 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 var 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/esm/view/common/ai-prism/index.js

@@ -28,6 +28,7 @@ var AIPrism = function AIPrism(_ref) {
   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'
       })
@@ -37,7 +38,9 @@ var AIPrism = function AIPrism(_ref) {
     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/types/view/FlexibleCard/components/actions/action/action-stack-item/action-button.d.ts

@@ -3,7 +3,7 @@ import type { ActionStackItemProps } from './types';
 import type { TriggerProps } from '@atlaskit/tooltip';
 declare const ActionButton: ({ content, icon: iconOption, isDisabled, isLoading, onClick: onClickCallback, size, space: spaceOption, testId, tooltipProps, xcss, }: import("../types").ActionProps & {
     size: import("../../../../../..").SmartLinkSize;
-    space?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | "space.1000" | undefined;
+    space?: "space.050" | "space.0" | "space.025" | "space.075" | "space.100" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | "space.1000" | undefined;
     tooltipOnHide?: ((analyticsEvent: import("@atlaskit/analytics-next").UIAnalyticsEvent) => any) | undefined;
     hideTooltipOnMouseDown?: boolean | undefined;
 } & {

package/dist/types/view/FlexibleCard/components/actions/view-related-links-action/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { type ViewRelatedLinksActionProps } from './types';
-declare const ViewRelatedLinksAction: (props: ViewRelatedLinksActionProps) => jsx.JSX.Element | null;
+declare const ViewRelatedLinksAction: ({ onClick: onClickCallback, ...props }: ViewRelatedLinksActionProps) => jsx.JSX.Element | null;
 export default ViewRelatedLinksAction;

package/dist/types/view/RelatedLinksModal/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type RelatedLinksModalProps } from './types';
+declare const RelatedLinksModal: ({ onClose, showModal, url }: RelatedLinksModalProps) => JSX.Element;
+export default RelatedLinksModal;

package/dist/types/view/RelatedLinksModal/types.d.ts

@@ -0,0 +1,5 @@
+export type RelatedLinksModalProps = {
+    url: string;
+    onClose: () => void;
+    showModal: boolean;
+};

package/dist/types/view/RelatedLinksModal/views/resolving/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const RelatedLinksResolvingView: () => JSX.Element;
+export default RelatedLinksResolvingView;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/action/action-stack-item/action-button.d.ts

@@ -3,7 +3,7 @@ import type { ActionStackItemProps } from './types';
 import type { TriggerProps } from '@atlaskit/tooltip';
 declare const ActionButton: ({ content, icon: iconOption, isDisabled, isLoading, onClick: onClickCallback, size, space: spaceOption, testId, tooltipProps, xcss, }: import("../types").ActionProps & {
     size: import("../../../../../..").SmartLinkSize;
-    space?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | "space.1000" | undefined;
+    space?: "space.050" | "space.0" | "space.025" | "space.075" | "space.100" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | "space.1000" | undefined;
     tooltipOnHide?: ((analyticsEvent: import("@atlaskit/analytics-next").UIAnalyticsEvent) => any) | undefined;
     hideTooltipOnMouseDown?: boolean | undefined;
 } & {

package/dist/types-ts4.5/view/FlexibleCard/components/actions/view-related-links-action/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { type ViewRelatedLinksActionProps } from './types';
-declare const ViewRelatedLinksAction: (props: ViewRelatedLinksActionProps) => jsx.JSX.Element | null;
+declare const ViewRelatedLinksAction: ({ onClick: onClickCallback, ...props }: ViewRelatedLinksActionProps) => jsx.JSX.Element | null;
 export default ViewRelatedLinksAction;

package/dist/types-ts4.5/view/RelatedLinksModal/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type RelatedLinksModalProps } from './types';
+declare const RelatedLinksModal: ({ onClose, showModal, url }: RelatedLinksModalProps) => JSX.Element;
+export default RelatedLinksModal;

package/dist/types-ts4.5/view/RelatedLinksModal/types.d.ts

@@ -0,0 +1,5 @@
+export type RelatedLinksModalProps = {
+    url: string;
+    onClose: () => void;
+    showModal: boolean;
+};

package/dist/types-ts4.5/view/RelatedLinksModal/views/resolving/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const RelatedLinksResolvingView: () => JSX.Element;
+export default RelatedLinksResolvingView;