@atlaskit/smart-card 35.2.11 → 36.0.0

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/TitleBlockOld.js

@@ -1,118 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { useCallback, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-import { SmartLinkStatus } from '../../../../../constants';
-import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
-import { Title } from '../../elements';
-import ActionGroup from '../action-group';
-import TitleBlockErroredView from './errored';
-import TitleBlockResolvedView from './resolved';
-import TitleBlockResolvingView from './resolving';
-const getActionStyles = (showOnHover, isOpen) => {
-  if (showOnHover && !isOpen) {
-    return css({
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      '.actions-button-group': {
-        opacity: 0
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      '&:hover .actions-button-group, .actions-button-group:focus-within': {
-        opacity: 1
-      }
-    });
-  }
-};
-const getTitleBlockViewComponent = status => {
-  switch (status) {
-    case SmartLinkStatus.Pending:
-    case SmartLinkStatus.Resolving:
-      return TitleBlockResolvingView;
-    case SmartLinkStatus.Resolved:
-      return TitleBlockResolvedView;
-    case SmartLinkStatus.Unauthorized:
-    case SmartLinkStatus.Forbidden:
-    case SmartLinkStatus.NotFound:
-    case SmartLinkStatus.Errored:
-    case SmartLinkStatus.Fallback:
-    default:
-      return TitleBlockErroredView;
-  }
-};
-
-/**
- * Represents a TitleBlock, which is the foundation of Flexible UI.
- * This contains an icon, the link, and any associated metadata and actions in one block.
- * The TitleBlock will also render differently given the state of the smart link.
- * This can be found in the corresponding Resolving, Resolved and Errored views.
- * @public
- * @param {TitleBlockProps} TitleBlockProps
- * @see Block
- * @see TitleBlockResolvingView
- * @see TitleBlockResolvedView
- * @see TitleBlockErroredView
- */
-const TitleBlock = ({
-  actions = [],
-  anchorTarget,
-  hideTitleTooltip,
-  maxLines,
-  onActionMenuOpenChange,
-  onClick,
-  overrideCss,
-  status = SmartLinkStatus.Fallback,
-  showActionOnHover,
-  testId = 'smart-block-title',
-  text,
-  icon,
-  theme,
-  hideRetry,
-  metadataPosition,
-  hideIcon = false,
-  ...props
-}) => {
-  if (hideRetry && props.retry) {
-    delete props.retry;
-  }
-  const [actionDropdownOpen, setActionDropdownOpen] = useState(false);
-  const onDropdownOpenChange = useCallback(isOpen => {
-    setActionDropdownOpen(isOpen);
-    if (onActionMenuOpenChange) {
-      onActionMenuOpenChange({
-        isOpen
-      });
-    }
-  }, [onActionMenuOpenChange]);
-  const actionGroup = actions.length > 0 && /*#__PURE__*/React.createElement(ActionGroup, {
-    items: actions,
-    visibleButtonsNum: showActionOnHover ? 1 : 2,
-    onDropdownOpenChange: onDropdownOpenChange
-  });
-  const actionStyles = getActionStyles(showActionOnHover, actionDropdownOpen);
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  const combinedCss = css(actionStyles, overrideCss);
-  const overrideText = !!text ? {
-    text
-  } : {};
-  const onMouseDown = useMouseDownEvent();
-  const title = /*#__PURE__*/React.createElement(Title, _extends({
-    hideTooltip: hideTitleTooltip,
-    maxLines: maxLines,
-    onClick: onClick,
-    onMouseDown: onMouseDown,
-    target: anchorTarget,
-    theme: theme
-  }, overrideText));
-  const Component = getTitleBlockViewComponent(status);
-  return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
-    actionGroup: actionGroup,
-    overrideCss: combinedCss,
-    testId: testId,
-    title: title,
-    metadataPosition: metadataPosition,
-    hideIcon: hideIcon,
-    icon: icon
-  }));
-};
-export default TitleBlock;

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/errored/TitleBlockErroredViewOld.js

@@ -1,102 +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 { css, jsx } from '@emotion/react';
-import { FormattedMessage } from 'react-intl-next';
-import { Box } from '@atlaskit/primitives';
-import { SmartLinkAlignment, SmartLinkDirection, SmartLinkSize } from '../../../../../../constants';
-import { LinkIcon } from '../../../elements';
-import { getLinkLineHeight, getLinkSizeStyles, getTruncateStyles } from '../../../utils';
-import Block from '../../block';
-import ElementGroup from '../../element-group';
-const actionStyles = css({
-  cursor: 'pointer',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  ':hover': {
-    color: "var(--ds-text-subtle, #8993A4)",
-    textDecoration: 'underline'
-  }
-});
-const actionHoverStyles = css({
-  position: 'relative',
-  zIndex: 1,
-  '&:focus': {
-    outlineOffset: "var(--ds-space-negative-025, -2px)"
-  }
-});
-
-/**
- * This function does not work in the component below as it needs to be xcss.
- * The component instead uses inherited styles
- */
-const getMessageStyles = (size, hasAction) => {
-  const sizeStyles = getLinkSizeStyles(size);
-  return css({
-    flex: '1 1 auto',
-    justifyContent: 'flex-end'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  hasAction ? actionStyles : '',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  sizeStyles,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  getTruncateStyles(1, getLinkLineHeight(size)), {
-    color: "var(--ds-text-disabled, #6B778C)",
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-    ':focus': {
-      outline: `${"var(--ds-border-focused, #388BFF)"} solid 2px`
-    }
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  hasAction ? actionHoverStyles : '');
-};
-
-/**
- * Represents an Errored TitleBlock view.
- * This will render when a Smart Link did not successfully resolve.
- * This may be a result of a Smart Link not having the correct credentials,
- * or the backend response was errored or malformed.
- * @see TitleBlock
- */
-const TitleBlockErroredViewOld = ({
-  actionGroup,
-  retry,
-  position,
-  testId,
-  title,
-  icon,
-  hideIcon,
-  ...blockProps
-}) => {
-  const {
-    descriptor,
-    onClick,
-    values
-  } = retry || {};
-  const {
-    size = SmartLinkSize.Medium
-  } = blockProps;
-  const hasAction = onClick !== undefined;
-  return jsx(Block, _extends({}, blockProps, {
-    testId: `${testId}-errored-view`
-  }), !hideIcon && jsx(LinkIcon, {
-    overrideIcon: icon,
-    position: position
-  }), title, descriptor && jsx(ElementGroup, {
-    direction: SmartLinkDirection.Horizontal,
-    align: SmartLinkAlignment.Right
-  }, jsx(Box
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-  , {
-    xcss: getMessageStyles(size, hasAction),
-    onClick: onClick,
-    testId: `${testId}-errored-view-message`,
-    tabIndex: hasAction ? 0 : -1
-  }, jsx(FormattedMessage, _extends({}, descriptor, {
-    values: values
-  })))), actionGroup);
-};
-export default TitleBlockErroredViewOld;

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/resolved/TitleBlockResolvedViewOld.js

@@ -1,50 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-import { SmartLinkAlignment, SmartLinkDirection, SmartLinkPosition, SmartLinkWidth } from '../../../../../../constants';
-import { LinkIcon } from '../../../elements';
-import Block from '../../block';
-import ElementGroup from '../../element-group';
-import { renderElementItems } from '../../utils';
-/**
- * This renders a fully resolved TitleBlock.
- * This should render when a Smart Link returns a valid response.
- * @see TitleBlock
- */
-const TitleBlockResolvedViewOld = ({
-  actionGroup,
-  metadata = [],
-  position,
-  subtitle = [],
-  testId,
-  text,
-  icon,
-  title,
-  metadataPosition,
-  hideIcon,
-  ...blockProps
-}) => {
-  const metadataElements = renderElementItems(metadata);
-  const subtitleElements = renderElementItems(subtitle);
-  return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
-    testId: `${testId}-resolved-view`
-  }), !hideIcon && /*#__PURE__*/React.createElement(LinkIcon, {
-    overrideIcon: icon,
-    position: position
-  }), /*#__PURE__*/React.createElement(ElementGroup, {
-    direction: SmartLinkDirection.Vertical,
-    width: SmartLinkWidth.Flexible,
-    overrideCss: css({
-      gap: "var(--ds-space-050, 0.25rem)"
-    })
-  }, title, subtitleElements && /*#__PURE__*/React.createElement(ElementGroup, {
-    direction: SmartLinkDirection.Horizontal
-  }, subtitleElements)), metadataElements && /*#__PURE__*/React.createElement(ElementGroup, {
-    direction: SmartLinkDirection.Horizontal,
-    align: SmartLinkAlignment.Right,
-    position: metadataPosition !== null && metadataPosition !== void 0 ? metadataPosition : SmartLinkPosition.Center
-  }, metadataElements), actionGroup);
-};
-export default TitleBlockResolvedViewOld;

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/resolving/TitleBlockResolvingViewOld.js

@@ -1,42 +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 { SmartLinkSize } from '../../../../../../constants';
-import { LoadingSkeletonOld } from '../../../common/loading-skeleton';
-import { getIconSizeStyles, getIconWidth } from '../../../utils';
-import Block from '../../block';
-/**
- * This represents a TitleBlock for a Smart Link that is currently waiting
- * for a request to finish.
- * This should render when a Smart Link has sent a request.
- * @see TitleBlock
- */
-const TitleBlockResolvingViewOld = ({
-  actionGroup,
-  testId,
-  title,
-  hideIcon,
-  ...blockProps
-}) => {
-  const {
-    size = SmartLinkSize.Medium
-  } = blockProps;
-  const iconWidth = getIconWidth(size);
-  const iconStyles = getIconSizeStyles(iconWidth);
-  return jsx(Block, _extends({}, blockProps, {
-    testId: `${testId}-resolving-view`
-  }), !hideIcon &&
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-  jsx("span", {
-    css: iconStyles,
-    "data-testid": `${testId}-icon`
-  }, jsx(LoadingSkeletonOld, {
-    testId: `${testId}-icon-loading`
-  })), title, actionGroup);
-};
-export default TitleBlockResolvingViewOld;

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

@@ -1,46 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx, keyframes } from '@emotion/react';
-const LoadingSkeletonOld = ({
-  testId,
-  width,
-  height
-}) => {
-  const animationNameStyles = keyframes({
-    '0%': {
-      backgroundPosition: '50% 0'
-    },
-    '100%': {
-      backgroundPosition: '-50% 0'
-    }
-  });
-  const styles = css({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    width: `${width}rem`,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    height: `${height}rem`,
-    borderRadius: '2px',
-    userSelect: 'none',
-    background: "var(--ds-skeleton-subtle, #f6f7f8)",
-    backgroundImage: `linear-gradient( to right, transparent 0%, ${"var(--ds-skeleton, #edeef1)"} 20%, transparent 40%, transparent 100% )`,
-    backgroundRepeat: 'no-repeat',
-    backgroundSize: '280% 100%',
-    display: 'inline-block',
-    animationDuration: '1s',
-    animationFillMode: 'forwards',
-    animationIterationCount: 'infinite',
-    animationName: animationNameStyles,
-    animationTimingFunction: 'linear'
-  });
-
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- needs dynamic css
-  return jsx("span", {
-    css: styles,
-    "data-testid": testId
-  });
-};
-export default LoadingSkeletonOld;

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

@@ -1,229 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { useContext } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { di } from 'react-magnetic-di';
-import { N40 } from '@atlaskit/theme/colors';
-import { MediaPlacement, SmartLinkSize, SmartLinkTheme } from '../../../../constants';
-import { FlexibleUiContext } from '../../../../state/flexible-ui-context';
-import { isFlexUiPreviewPresent } from '../../../../state/flexible-ui-context/utils';
-import { isFlexibleUiBlock, isFlexibleUiPreviewBlock, isFlexibleUiTitleBlock } from '../../../../utils/flexible';
-import HoverCardControl from './hover-card-control';
-import LayeredLink from './layered-link';
-const elevationStyles = css({
-  border: `1px solid ${`var(--ds-border, ${N40})`}`,
-  borderRadius: "var(--ds-border-radius-200, 8px)",
-  margin: "var(--ds-space-025, 2px)"
-});
-const clickableContainerStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  'a, button, .has-action': {
-    position: 'relative',
-    zIndex: 1
-  }
-});
-const getGap = size => {
-  switch (size) {
-    case SmartLinkSize.XLarge:
-      return '1.25rem';
-    case SmartLinkSize.Large:
-      return '1rem';
-    case SmartLinkSize.Medium:
-      return '.5rem';
-    case SmartLinkSize.Small:
-    default:
-      return '.25rem';
-  }
-};
-
-/**
- * Get container padding based on smart link size
- * Equivalent version for DS primitives space token is getPrimitivesPaddingSpaceBySize()
- * at view/FlexibleCard/components/utils.tsx
- */
-const getPadding = size => {
-  switch (size) {
-    case SmartLinkSize.XLarge:
-      return '1.5rem';
-    case SmartLinkSize.Large:
-      return '1.25rem';
-    case SmartLinkSize.Medium:
-      return '1rem';
-    case SmartLinkSize.Small:
-    default:
-      return '.5rem';
-  }
-};
-const getContainerPaddingStyles = (size, hidePadding, childrenOptions) => {
-  const padding = hidePadding ? '0rem' : getPadding(size);
-  const gap = getGap(size);
-  const {
-    previewOnLeft,
-    previewOnRight
-  } = childrenOptions;
-  return css({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    '--container-padding': padding,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    '--container-gap-left': previewOnLeft ? gap : padding,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    '--container-gap-right': previewOnRight ? gap : padding,
-    '--preview-block-width': '30%',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    padding: padding
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  previewOnLeft ? `padding-left: calc(var(--preview-block-width) + ${gap});` : '',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  previewOnRight ? `padding-right: calc(var(--preview-block-width) + ${gap});` : '');
-};
-
-/**
- * @deprecated consider removing on FF bandicoots-compiled-migration-smartcard
- */
-export const getContainerStyles = (size, hideBackground, hideElevation, hidePadding, clickableContainer, childrenOptions) => {
-  const paddingCss = getContainerPaddingStyles(size, hidePadding, childrenOptions);
-
-  // 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}
-    ${hideElevation ? '' : elevationStyles}
-    ${clickableContainer ? clickableContainerStyles : ''}
-    &:hover ~ .actions-button-group {
-			opacity: 1;
-		}
-		a:focus,
-		.has-action:focus {
-			outline-offset: -2px;
-		}
-	`;
-};
-const getLayeredLink = (testId, context, children, onClick) => {
-  const {
-    title,
-    url = ''
-  } = context || {};
-  const {
-    anchorTarget: target,
-    text
-  } = getTitleBlockProps(children) || {};
-  return jsx(LayeredLink, {
-    onClick: onClick,
-    target: target,
-    testId: testId,
-    text: text || title,
-    url: url
-  });
-};
-const getTitleBlockProps = children => {
-  const block = React.Children.toArray(children).find(child => isFlexibleUiTitleBlock(child));
-  if ( /*#__PURE__*/React.isValidElement(block)) {
-    return block.props;
-  }
-};
-export const getChildrenOptions = (children, context) => {
-  let options = {};
-  if (isFlexUiPreviewPresent(context)) {
-    React.Children.map(children, child => {
-      if ( /*#__PURE__*/React.isValidElement(child)) {
-        if (isFlexibleUiPreviewBlock(child)) {
-          const {
-            placement
-          } = child.props;
-          if (placement === MediaPlacement.Left) {
-            options.previewOnLeft = true;
-          }
-          if (placement === MediaPlacement.Right) {
-            options.previewOnRight = true;
-          }
-        }
-      }
-    });
-  }
-  return options;
-};
-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
-  if ( /*#__PURE__*/React.isValidElement(child) && isFlexibleUiBlock(child)) {
-    const {
-      size: blockSize
-    } = child.props;
-    const size = blockSize || containerSize;
-    if (isFlexibleUiTitleBlock(child)) {
-      return /*#__PURE__*/React.cloneElement(child, {
-        // @ts-expect-error
-        onClick,
-        retry,
-        size,
-        status,
-        theme: containerTheme
-      });
-    }
-    // @ts-expect-error
-    return /*#__PURE__*/React.cloneElement(child, {
-      size,
-      status
-    });
-  }
-});
-
-/**
- * A container is a hidden component that build the Flexible Smart Link.
- * All the Flexible UI components are wrapped inside the container.
- * It inherits the ui props from Card component and applies the custom styling
- * accordingly.
- * @internal
- * @see Block
- */
-const ContainerOld = ({
-  children,
-  clickableContainer = false,
-  hideBackground = false,
-  hideElevation = false,
-  hidePadding = false,
-  onClick,
-  retry,
-  showHoverPreview = false,
-  hoverPreviewOptions,
-  actionOptions,
-  size = SmartLinkSize.Medium,
-  status,
-  testId = 'smart-links-container',
-  theme = SmartLinkTheme.Link
-}) => {
-  const context = useContext(FlexibleUiContext);
-  const childrenOptions = getChildrenOptions(children, context);
-  const canShowHoverPreview = showHoverPreview && status === 'resolved';
-  // `retry` object contains action that can be performed on
-  // unresolved link (unauthorized, forbidden, not found, etc.)
-  const canShowAuthTooltip = showHoverPreview && status === 'unauthorized' && retry !== undefined;
-  const container = jsx("div", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    css: getContainerStyles(size, hideBackground, hideElevation, hidePadding, clickableContainer, childrenOptions),
-    "data-smart-link-container": true,
-    "data-testid": testId
-  }, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, renderChildren(children, size, theme, status, retry, onClick));
-  if (context !== null && context !== void 0 && context.url && (canShowHoverPreview || canShowAuthTooltip)) {
-    return jsx(HoverCardControl, {
-      isHoverPreview: canShowHoverPreview,
-      isAuthTooltip: canShowAuthTooltip,
-      actionOptions: actionOptions,
-      testId: testId,
-      url: context.url,
-      hoverPreviewOptions: hoverPreviewOptions
-    }, container);
-  }
-  return container;
-};
-export default ContainerOld;

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

@@ -1,69 +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 { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
-const styles = css({
-  // Stretch the invisible link over the whole of the post.
-  // Hide the link’s text.
-  top: 0,
-  right: 0,
-  bottom: 0,
-  left: 0,
-  overflow: 'hidden',
-  textIndent: '100%',
-  whiteSpace: 'nowrap',
-  // Needs a heightened specificity to trump other anchor.
-  // Stack it under all other links in the post text.
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  'a&.layered-link': {
-    position: 'absolute',
-    zIndex: 0
-  },
-  // When hovering over the layered link, any hidden action buttons inside
-  // the Container should become visible.
-  // As actions resides inside blocks and layered link is expected to be
-  // on the same level of blocks. That makes the blocks, e.g. TitleBlock,
-  // its sibling. Using general sibling combinator here to apply styling to
-  // all the siblings of layered link.
-  // The general sibling combinator (~) separates two selectors and matches all
-  // iterations of the second element, that are following the first element
-  // (though not necessarily immediately), and are children of the same parent
-  // element.
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '&:hover ~ *': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '.actions-button-group': {
-      opacity: 1
-    }
-  }
-});
-
-/**
- * An anchor component to cover the entire container creating a clickable area.
- * @internal
- * @see `clickableContainer`
- */
-const LayeredLinkOld = ({
-  onClick,
-  target,
-  testId,
-  text,
-  url
-}) => {
-  const onMouseDown = useMouseDownEvent();
-  return jsx("a", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: "layered-link",
-    css: styles,
-    "data-testid": `${testId}-layered-link`,
-    href: url,
-    onClick: onClick,
-    onMouseDown: onMouseDown,
-    target: target,
-    tabIndex: -1 // Hide tab index and let the title link be the link.
-  }, text);
-};
-export default LayeredLinkOld;