@atlaskit/smart-card 35.2.12 → 36.0.1

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

@@ -1,124 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
-// Wraps all icons represented in Inline Links. Icons have three sources/types:
-// - JSON-LD: from the generator.icon property coming back from ORS.
-// - @atlaskit/icon: for lock icons, unauthorized, etc.
-// - @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, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-
-// TODO: remove this override behaviour for @atlaskit/icon-object
-export const IconObjectOverrides = `
-  & > span {
-    height: 16px;
-    width: 16px;
-    position: absolute;
-    top: 3px;
-    left: 0;
-    & > svg {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-    }
-  }
-`;
-
-// TODO: remove this override behaviour for @atlaskit/icon
-export const IconOverrides = `
-  & > * > span {
-    height: 16px;
-    width: 16px;
-    position: absolute;
-    left: 0;
-    & > svg {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-    }
-  }
-`;
-
-// 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'
-},
-// 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, @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'
-},
-// 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, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const IconTitleWrapper = styled.span({
-  whiteSpace: 'pre-wrap',
-  wordBreak: 'break-all',
-  boxDecorationBreak: 'clone',
-  padding: `${"var(--ds-space-025, 2px)"} ${"var(--ds-space-050, 4px)"}`
-});
-
-// TODO: Replace overrides with proper AtlasKit solution.
-// 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, @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',
-  display: 'inline-block'
-});
-
-// 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, @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, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const IconEmptyWrapper = styled.span({
-  width: '16px',
-  height: '100%',
-  display: 'inline-block',
-  opacity: 0
-});
-
-// With emotion it's not possible to use reference to `TitleWrapper` as part of a selector,
-// 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, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-empty-styled-expression -- Ignored via go/DSP-18766
-export const TitleWrapper = styled.span({});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-styled
-export const LozengeWrapperOldVisualRefreshNotCompiled = styled.span({
-  display: 'inline-block',
-  verticalAlign: '1px',
-  marginTop: 0,
-  marginRight: "var(--ds-space-050, 4px)",
-  marginBottom: 0,
-  marginLeft: "var(--ds-space-025, 2px)"
-});

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

@@ -1,70 +0,0 @@
-import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
-import Spinner from '@atlaskit/spinner';
-import { Frame } from '../Frame';
-import { IconAndTitleLayout, IconTitleWrapper } from '../IconAndTitleLayout';
-import { RightIconPositionWrapper } from '../IconAndTitleLayout/styled';
-import { IconTitleWrapper as IconTitleWrapperOld, RightIconPositionWrapper as RightIconPositionWrapperOld } from '../IconAndTitleLayout/styled-emotion';
-import { SpinnerWrapperOldVisualRefresh } from './styled';
-import { SpinnerWrapper as SpinnerWrapperOld } from './styled-emotion';
-export class InlineCardResolvingViewOld extends React.Component {
-  render() {
-    const {
-      url,
-      onClick,
-      isSelected,
-      inlinePreloaderStyle,
-      testId = 'inline-card-resolving-view',
-      titleTextColor,
-      resolvingPlaceholder,
-      truncateInline
-    } = this.props;
-    const SpinnerWrapperComponent = fg('bandicoots-compiled-migration-smartcard') ? SpinnerWrapperOldVisualRefresh : SpinnerWrapperOld;
-    if (inlinePreloaderStyle === 'on-right-without-skeleton') {
-      if (fg('bandicoots-compiled-migration-smartcard')) {
-        return /*#__PURE__*/React.createElement(Frame, {
-          withoutBackground: true,
-          testId: testId,
-          onClick: onClick,
-          isSelected: isSelected,
-          truncateInline: truncateInline
-        }, /*#__PURE__*/React.createElement(IconTitleWrapper, null, url, /*#__PURE__*/React.createElement(RightIconPositionWrapper, null, fg('platform-linking-visual-refresh-v1') ? /*#__PURE__*/React.createElement(Spinner, {
-          size: 14
-        }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SpinnerWrapperComponent, {
-          className: "inline-resolving-spinner"
-        }, /*#__PURE__*/React.createElement(Spinner, {
-          size: 14
-        }))))));
-      } else {
-        return /*#__PURE__*/React.createElement(Frame, {
-          withoutBackground: true,
-          testId: testId,
-          onClick: onClick,
-          isSelected: isSelected,
-          truncateInline: truncateInline
-        }, /*#__PURE__*/React.createElement(IconTitleWrapperOld, null, url, /*#__PURE__*/React.createElement(RightIconPositionWrapperOld, null, /*#__PURE__*/React.createElement(SpinnerWrapperComponent, {
-          className: "inline-resolving-spinner"
-        }, /*#__PURE__*/React.createElement(Spinner, {
-          size: 14
-        })))));
-      }
-    } else {
-      return /*#__PURE__*/React.createElement(Frame, {
-        testId: testId,
-        onClick: onClick,
-        isSelected: isSelected,
-        link: url,
-        truncateInline: truncateInline
-      }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
-        title: resolvingPlaceholder !== null && resolvingPlaceholder !== void 0 ? resolvingPlaceholder : url,
-        titleTextColor: titleTextColor
-      }, fg('platform-linking-visual-refresh-v1') ? /*#__PURE__*/React.createElement(Spinner, {
-        size: 14
-      }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SpinnerWrapperComponent, {
-        className: "inline-resolving-spinner"
-      }, /*#__PURE__*/React.createElement(Spinner, {
-        size: 14
-      })))));
-    }
-  }
-}

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

@@ -1,9 +0,0 @@
-// 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-emotion';
-
-// 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/UnauthorisedView/InlineCardUnauthorizedViewOld.js

@@ -1,123 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
-import ButtonOld from '@atlaskit/button';
-import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
-import LegacyLockIcon from '@atlaskit/icon/glyph/lock-filled';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { Box, xcss } from '@atlaskit/primitives';
-import { N500, R400 } from '@atlaskit/theme/colors';
-import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
-import { messages } from '../../../messages';
-import { HoverCard } from '../../HoverCard';
-import { Frame } from '../Frame';
-import { AKIconWrapper } from '../Icon';
-import { AKIconWrapper as AKIconWrapperOld } from '../Icon-emotion';
-import { IconAndTitleLayout } from '../IconAndTitleLayout';
-import { IconStyledButtonOldVisualRefresh } from '../styled';
-import { IconStyledButton as IconStyledButtonOld } from '../styled-emotion';
-import withFrameStyleControl from '../utils/withFrameStyleControl';
-const iconWrapperStyles = xcss({
-  marginRight: 'space.negative.025'
-});
-const fallbackUnauthorizedIcon = () => {
-  if (fg('bandicoots-compiled-migration-smartcard')) {
-    return fg('platform-smart-card-icon-migration') ? /*#__PURE__*/React.createElement(Box, {
-      as: "span",
-      xcss: iconWrapperStyles
-    }, /*#__PURE__*/React.createElement(LockLockedIcon, {
-      color: "var(--ds-icon-danger, #C9372C)",
-      label: "error",
-      LEGACY_fallbackIcon: LegacyLockIcon,
-      LEGACY_size: "small"
-    })) : /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(LegacyLockIcon, {
-      label: "error",
-      size: "small",
-      primaryColor: `var(--ds-icon-danger, ${R400})`
-    }));
-  } else {
-    return fg('platform-smart-card-icon-migration') ? /*#__PURE__*/React.createElement(Box, {
-      as: "span",
-      xcss: iconWrapperStyles
-    }, /*#__PURE__*/React.createElement(LockLockedIcon, {
-      color: "var(--ds-icon-danger, #C9372C)",
-      label: "error",
-      LEGACY_fallbackIcon: LegacyLockIcon,
-      LEGACY_size: "small"
-    })) : /*#__PURE__*/React.createElement(AKIconWrapperOld, null, /*#__PURE__*/React.createElement(LegacyLockIcon, {
-      label: "error",
-      size: "small",
-      primaryColor: `var(--ds-icon-danger, ${R400})`
-    }));
-  }
-};
-export const InlineCardUnauthorizedViewOld = ({
-  url,
-  id,
-  icon,
-  onAuthorise,
-  onClick,
-  isSelected,
-  testId = 'inline-card-unauthorized-view',
-  showHoverPreview = false,
-  truncateInline,
-  context
-}) => {
-  const frameRef = React.useRef(null);
-  const {
-    fireEvent
-  } = useAnalyticsEvents();
-  const handleConnectAccount = React.useCallback(event => {
-    event.preventDefault();
-    event.stopPropagation();
-    if (onAuthorise) {
-      fireEvent('track.applicationAccount.authStarted', {});
-      onAuthorise();
-    }
-  }, [fireEvent, onAuthorise]);
-  const renderActionButton = React.useCallback(() => {
-    const Button = withFrameStyleControl(ButtonOld, frameRef);
-    if (fg('bandicoots-compiled-migration-smartcard')) {
-      return onAuthorise ? /*#__PURE__*/React.createElement(Button, {
-        spacing: "none",
-        component: IconStyledButtonOldVisualRefresh,
-        onClick: handleConnectAccount,
-        testId: "button-connect-account"
-      }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_link_account_card_name, {
-        values: {
-          context
-        }
-      }))) : undefined;
-    } else {
-      return onAuthorise ? /*#__PURE__*/React.createElement(Button, {
-        spacing: "none",
-        component: IconStyledButtonOld,
-        onClick: handleConnectAccount,
-        testId: "button-connect-account"
-      }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_link_account_card_name, {
-        values: {
-          context
-        }
-      }))) : undefined;
-    }
-  }, [handleConnectAccount, onAuthorise, context]);
-  const inlineCardUnauthenticatedView = /*#__PURE__*/React.createElement(Frame, {
-    testId: testId,
-    isSelected: isSelected,
-    ref: frameRef,
-    truncateInline: truncateInline
-  }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
-    icon: icon ? icon : fallbackUnauthorizedIcon(),
-    title: url,
-    link: url,
-    onClick: onClick,
-    titleColor: `var(--ds-text-subtle, ${N500})`
-  }), renderActionButton());
-  if (onAuthorise && showHoverPreview) {
-    return /*#__PURE__*/React.createElement(HoverCard, {
-      url: url,
-      id: id
-    }, inlineCardUnauthenticatedView);
-  }
-  return inlineCardUnauthenticatedView;
-};

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

@@ -1,47 +0,0 @@
-// 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, @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',
-    verticalAlign: 'baseline',
-    borderRadius: "var(--ds-border-radius-100, 4px)",
-    borderTopLeftRadius: '0px',
-    borderBottomLeftRadius: '0px',
-    padding: `${"var(--ds-space-025, 2px)"} ${"var(--ds-space-075, 6px)"}`,
-    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',
-      whiteSpace: 'initial'
-    }
-  }
-});
-
-// 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, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const LinkAppearance = styled.a({
-  color: `var(--ds-link, ${B400})`,
-  '&:hover': {
-    textDecoration: 'none'
-  }
-});

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

@@ -1,50 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { FormattedMessage, IntlProvider } from 'react-intl-next';
-import Button from '@atlaskit/button/standard-button';
-import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
-import { messages } from '../../../messages';
-import { breakWordsCss } from './styled';
-const WarningModalOld = props => {
-  const {
-    isOpen,
-    unsafeLinkText,
-    url,
-    onClose,
-    onContinue,
-    intl
-  } = props;
-  const content = jsx(ModalTransition, null, isOpen && jsx(Modal, {
-    onClose: onClose,
-    testId: "link-with-safety-warning"
-  }, jsx(ModalHeader, null, jsx(ModalTitle, {
-    appearance: "warning"
-  }, jsx(FormattedMessage, messages.check_this_link))), jsx(ModalBody, null, jsx("div", {
-    css: breakWordsCss
-  }, url && unsafeLinkText && jsx(FormattedMessage, _extends({}, messages.link_safety_warning_message, {
-    values: {
-      unsafeLinkText: unsafeLinkText,
-      a: () => jsx("a", {
-        href: url,
-        target: "_blank",
-        rel: "noopener noreferrer"
-      }, url)
-    }
-  })))), jsx(ModalFooter, null, jsx(Button, {
-    appearance: "subtle",
-    onClick: onClose
-  }, jsx(FormattedMessage, messages.go_back)), jsx(Button, {
-    appearance: "warning",
-    onClick: onContinue,
-    autoFocus: true
-  }, jsx(FormattedMessage, messages.continue)))));
-  return intl ? content : jsx(IntlProvider, {
-    locale: "en"
-  }, content);
-};
-export default WarningModalOld;

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

@@ -1,11 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-
-/**
- * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const breakWordsCss = css({
-  whiteSpace: 'pre-line',
-  wordBreak: 'break-all'
-});

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

@@ -1,35 +0,0 @@
-import React from 'react';
-import Heading from '@atlaskit/heading';
-import { Box, xcss } from '@atlaskit/primitives';
-const emptyStateStyles = xcss({
-  alignItems: 'center',
-  display: 'flex',
-  flexDirection: 'column',
-  gap: 'space.100',
-  height: '100%',
-  justifyContent: 'center',
-  marginLeft: 'space.300',
-  marginRight: 'space.300',
-  textAlign: 'center'
-});
-const descriptionStyles = xcss({
-  marginTop: 'space.0',
-  marginBottom: 'space.300',
-  color: 'color.text'
-});
-export const EmptyStateOld = ({
-  testId,
-  header,
-  description,
-  renderImage
-}) => {
-  return /*#__PURE__*/React.createElement(Box, {
-    xcss: emptyStateStyles,
-    testId: testId
-  }, renderImage === null || renderImage === void 0 ? void 0 : renderImage(), /*#__PURE__*/React.createElement(Heading, {
-    size: "small"
-  }, header), description && /*#__PURE__*/React.createElement(Box, {
-    as: "p",
-    xcss: descriptionStyles
-  }, description));
-};

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

@@ -1,55 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-import { useCallback, useRef } 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';
-import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
-import { Box, xcss } from '@atlaskit/primitives';
-import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
-import { messages } from '../../../messages';
-const fixedWidth = 'small'; // pre-defined 400px by Atlaskit
-
-const boxStyles = xcss({
-  height: '396px' // Specified by the designer as this will display 5 incoming links and 2 outgoing links
-});
-const RelatedLinksBaseModal = ({
-  onClose,
-  showModal,
-  children
-}) => {
-  const {
-    fireEvent
-  } = useAnalyticsEvents();
-  const modalOpenTimeRef = useRef(Date.now());
-  const openCompleteHandler = useCallback(el => {
-    el.focus();
-    modalOpenTimeRef.current = Date.now();
-    fireEvent('ui.modal.opened.relatedLinks', {});
-  }, [fireEvent]);
-  const closeHandler = useCallback(() => {
-    fireEvent('ui.modal.closed.relatedLinks', {
-      dwellTime: Date.now() - modalOpenTimeRef.current
-    });
-    onClose === null || onClose === void 0 ? void 0 : onClose();
-  }, [fireEvent, onClose]);
-  return jsx(ModalTransition, null, showModal && jsx(Modal, {
-    testId: "related-links-modal",
-    onClose: closeHandler,
-    width: fixedWidth,
-    autoFocus: false,
-    shouldReturnFocus: false,
-    onOpenComplete: openCompleteHandler
-  }, jsx(ModalHeader, null, jsx(ModalTitle, null, jsx(FormattedMessage, messages.related_links_modal_title))), jsx(ModalBody, null, jsx(Box, {
-    xcss: boxStyles
-  }, children)), jsx(ModalFooter, null, jsx(Button, {
-    appearance: "primary",
-    onClick: closeHandler
-  }, jsx(FormattedMessage, messages.close)))));
-};
-export default RelatedLinksBaseModal;

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

@@ -1,55 +0,0 @@
-/**
- * @jsxRuntime classic
- * @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';
-const hoverStyles = xcss({
-  ':hover': {
-    backgroundColor: 'color.background.input.hovered',
-    borderRadius: 'border.radius.100',
-    marginInline: 'space.negative.100',
-    paddingInline: 'space.100'
-  }
-});
-const relatedLinkItemStyles = css({
-  paddingTop: "var(--ds-space-100, 8px)",
-  paddingBottom: "var(--ds-space-100, 8px)",
-  gap: "var(--ds-space-150, 12px)",
-  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
-});
-const RelatedLinkItem = ({
-  url,
-  testId
-}) => {
-  const subtitle = [{
-    name: ElementName.Provider,
-    hideIcon: true
-  }];
-  const ui = {
-    hideElevation: true,
-    hidePadding: true,
-    hideBackground: true,
-    theme: SmartLinkTheme.Black,
-    clickableContainer: true,
-    size: SmartLinkSize.Large
-  };
-  return jsx(Box, {
-    testId: testId,
-    xcss: hoverStyles
-  }, jsx(Card, {
-    appearance: "block",
-    ui: ui,
-    url: url
-  }, jsx(TitleBlock, {
-    maxLines: 1,
-    hideTitleTooltip: true,
-    position: SmartLinkPosition.Center,
-    subtitle: subtitle,
-    overrideCss: relatedLinkItemStyles,
-    anchorTarget: "_blank"
-  })));
-};
-export default RelatedLinkItem;

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

@@ -1,42 +0,0 @@
-/**
- * @jsxRuntime classic
- * @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';
-import { messages } from '../../../../messages';
-import RelatedLinkItem from '../related-link-item';
-const RelatedLinksList = ({
-  urls,
-  title,
-  testId
-}) => {
-  return jsx(Stack, {
-    testId: testId
-  }, jsx(Box, {
-    paddingBlockStart: "space.050"
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    ,
-    xcss: xcss({
-      font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-      textTransform: 'uppercase'
-    })
-  }, jsx(FormattedMessage, title)), urls.length > 0 && jsx(Box, null, urls.map((url, idx) => jsx(Stack, {
-    key: `${idx}-${url}`
-  }, jsx(RelatedLinkItem, {
-    url: url,
-    testId: `${testId}-item-${idx}`
-  })))), urls.length === 0 &&
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-  jsx(Box, {
-    paddingBlock: "space.100",
-    xcss: xcss({
-      font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
-    })
-  }, jsx(FormattedMessage, messages.related_links_not_found)));
-};
-export default RelatedLinksList;