@atlaskit/smart-card 35.2.12 → 36.0.1

package/dist/esm/view/FlexibleCard/components/elements/atlaskit-badge/AtlaskitBadgeOld.js

@@ -1,37 +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 AKBadge from '@atlaskit/badge';
-var badgeStyles = css({
-  alignItems: 'center',
-  display: 'inline-flex'
-});
-
-/**
- * A base element that displays a visual indicator for a numeric value
- * @internal
- * @see StoryPoints
- * */
-
-var AtlaskitBadgeOld = function AtlaskitBadgeOld(_ref) {
-  var value = _ref.value,
-    name = _ref.name,
-    overrideCss = _ref.overrideCss,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-element-atlaskit-badge' : _ref$testId;
-  if (!value) {
-    return null;
-  }
-  return jsx("span", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    css: [badgeStyles, overrideCss],
-    "data-fit-to-content": true,
-    "data-smart-element": name,
-    "data-smart-element-atlaskit-badge": true,
-    "data-testid": testId
-  }, jsx(AKBadge, null, value));
-};
-export default AtlaskitBadgeOld;

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

@@ -1,117 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
-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; }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useMemo } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { useIntl } from 'react-intl-next';
-import AtlaskitAvatarGroup from '@atlaskit/avatar-group';
-import { ElementName, SmartLinkSize } from '../../../../../constants';
-import { messages } from '../../../../../messages';
-import { getFormattedMessageAsString } from '../../utils';
-var MAX_COUNT = 4;
-var getStyles = function getStyles(size) {
-  var styles = css({
-    display: 'inline-flex',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    ul: {
-      marginRight: "var(--ds-space-100, 0.5rem)",
-      marginTop: 0
-    }
-  });
-  switch (size) {
-    case SmartLinkSize.XLarge:
-    case SmartLinkSize.Large:
-      // Default AK small size
-      return styles;
-    case SmartLinkSize.Medium:
-    case SmartLinkSize.Small:
-    default:
-      // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-      return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t\t\t", "\n\t\t\t\tli {\n\t\t\t\t\tspan,\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tmax-height: 1.25rem;\n\t\t\t\t\t\tmax-width: 1.25rem;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"])), styles);
-  }
-};
-var getPersonNameWithPrefix = function getPersonNameWithPrefix(elementName, personName, intl) {
-  switch (elementName) {
-    case ElementName.AssignedToGroup:
-      return getFormattedMessageAsString(intl, messages.assigned_to, personName);
-    case ElementName.OwnedByGroup:
-      return getFormattedMessageAsString(intl, messages.owned_by, personName);
-    case ElementName.AuthorGroup:
-      return getFormattedMessageAsString(intl, messages.created_by, personName);
-    default:
-      return personName;
-  }
-};
-
-/**
- * A base element that displays a group of avatars.
- * @internal
- * @param {AvatarGroupProps} AvatarGroupProps - The props necessary for the AvatarGroup.
- * @see AuthorGroup
- * @see CollaboratorGroup
- */
-var AvatarGroupOld = function AvatarGroupOld(_ref) {
-  var _ref$items = _ref.items,
-    items = _ref$items === void 0 ? [] : _ref$items,
-    _ref$maxCount = _ref.maxCount,
-    maxCount = _ref$maxCount === void 0 ? MAX_COUNT : _ref$maxCount,
-    name = _ref.name,
-    overrideCss = _ref.overrideCss,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-element-avatar-group' : _ref$testId,
-    _ref$showNamePrefix = _ref.showNamePrefix,
-    showNamePrefix = _ref$showNamePrefix === void 0 ? false : _ref$showNamePrefix,
-    _ref$showFallbackAvat = _ref.showFallbackAvatar,
-    showFallbackAvatar = _ref$showFallbackAvat === void 0 ? true : _ref$showFallbackAvat;
-  var intl = useIntl();
-  var data = useMemo(function () {
-    if (!items.length && showFallbackAvatar) {
-      switch (name) {
-        case ElementName.AssignedToGroup:
-          return [{
-            name: getFormattedMessageAsString(intl, messages.unassigned)
-          }];
-        default:
-          return [];
-      }
-    }
-
-    //show a name prefix if there is one Avatar in a group only
-    if (name && items.length === 1 && showNamePrefix) {
-      return items.map(function (person) {
-        return _objectSpread(_objectSpread({}, person), {}, {
-          name: getPersonNameWithPrefix(name, person.name, intl) || person.name
-        });
-      });
-    }
-    return items;
-  }, [name, items, showNamePrefix, showFallbackAvatar, intl]);
-  if (!data.length) {
-    return null;
-  }
-  return jsx("span", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    css: [getStyles(size), overrideCss],
-    "data-fit-to-content": true,
-    "data-smart-element": name,
-    "data-smart-element-avatar-group": true,
-    "data-testid": testId
-  }, jsx(AtlaskitAvatarGroup, {
-    maxCount: maxCount,
-    appearance: "stack",
-    size: "small",
-    data: data,
-    testId: testId
-  }));
-};
-export default AvatarGroupOld;

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

@@ -1,102 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _messageMapper;
-/**
- * @jsxRuntime classic
- * @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';
-import { IconType } from '../../../../../constants';
-import { messages } from '../../../../../messages';
-import AtlaskitIcon from '../../common/atlaskit-icon';
-import ImageIcon from '../../common/image-icon';
-import { getFormattedMessage, getIconSizeStyles } from '../../utils';
-var badgeStyles = css({
-  alignItems: 'center',
-  display: 'inline-flex',
-  minWidth: 'fit-content'
-});
-
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-var iconStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tcolor: ", ";\n\tline-height: 0;\n\tvertical-align: middle;\n\t", "\n\timg,\n  span,\n  svg {\n\t\tline-height: 0;\n\t\tvertical-align: middle;\n\t}\n"])), "var(--ds-icon-subtle, #626F86)", getIconSizeStyles('1rem'));
-var labelStyles = css({
-  color: "var(--ds-text-subtlest, #626F86)",
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  paddingLeft: "var(--ds-space-025, 0.125rem)",
-  verticalAlign: 'middle'
-});
-var messageMapper = (_messageMapper = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_messageMapper, IconType.PriorityBlocker, messages.priority_blocker), IconType.PriorityCritical, messages.priority_critical), IconType.PriorityHigh, messages.priority_high), IconType.PriorityHighest, messages.priority_highest), IconType.PriorityLow, messages.priority_low), IconType.PriorityLowest, messages.priority_lowest), IconType.PriorityMajor, messages.priority_major), IconType.PriorityMedium, messages.priority_medium), IconType.PriorityMinor, messages.priority_minor), IconType.PriorityTrivial, messages.priority_trivial), _defineProperty(_messageMapper, IconType.PriorityUndefined, messages.priority_undefined));
-var getFormattedMessageFromIcon = function getFormattedMessageFromIcon(icon) {
-  if (icon) {
-    var descriptor = messageMapper[icon];
-    if (descriptor) {
-      return getFormattedMessage({
-        descriptor: descriptor
-      });
-    }
-  }
-};
-var renderAtlaskitIcon = function renderAtlaskitIcon(icon, testId) {
-  if (icon) {
-    return jsx(AtlaskitIcon, {
-      icon: icon,
-      label: icon,
-      testId: "".concat(testId, "-icon")
-    });
-  }
-};
-var renderImageIcon = function renderImageIcon(url, testId) {
-  if (url) {
-    return jsx(ImageIcon, {
-      testId: testId,
-      url: url
-    });
-  }
-};
-
-/**
- * A base element that displays some text with an associated icon.
- * @internal
- * @param {BadgeProps} BadgeProps - The props necessary for the Badge.
- * @see CommentCount
- * @see ViewCount
- * @see ReactCount
- * @see VoteCount
- * @see SubscriberCount
- * @see Priority
- * @see ProgrammingLanguage
- * @see Provider
- */
-var BadgeOld = function BadgeOld(_ref) {
-  var _ref$hideIcon = _ref.hideIcon,
-    hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
-    icon = _ref.icon,
-    label = _ref.label,
-    name = _ref.name,
-    overrideCss = _ref.overrideCss,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-element-badge' : _ref$testId,
-    url = _ref.url;
-  var formattedMessageOrLabel = getFormattedMessageFromIcon(icon) || label;
-  var badgeIcon = renderAtlaskitIcon(icon, testId) || renderImageIcon(url, testId);
-  if (!formattedMessageOrLabel || !badgeIcon) {
-    return null;
-  }
-  return jsx("span", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    css: [badgeStyles, overrideCss],
-    "data-fit-to-content": true,
-    "data-smart-element": name,
-    "data-smart-element-badge": true,
-    "data-testid": testId
-  }, !hideIcon && jsx("span", {
-    css: iconStyles
-  }, badgeIcon), jsx("span", {
-    css: labelStyles,
-    "data-testid": "".concat(testId, "-label")
-  }, formattedMessageOrLabel));
-};
-export default BadgeOld;

package/dist/esm/view/FlexibleCard/components/elements/date-time/DateTimeOld.js

@@ -1,87 +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 { selectUnit } from '@formatjs/intl-utils';
-import { FormattedMessage, useIntl } from 'react-intl-next';
-import { messages } from '../../../../../messages';
-import { getTruncateStyles } from '../../utils';
-var styles = css({
-  color: "var(--ds-text-subtlest, #626F86)",
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
-},
-// 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));
-var typeToDescriptorMap = {
-  created: {
-    relative: messages.created_on_relative,
-    absolute: messages.created_on_absolute
-  },
-  modified: {
-    relative: messages.modified_on_relative,
-    absolute: messages.modified_on_absolute
-  },
-  sent: {
-    relative: messages.sent_on_relative,
-    absolute: messages.sent_on_absolute
-  }
-};
-
-/**
- * A base element that displays an ISO Timestamp in text.
- * @internal
- * @param {DateTimeProps} DateTimeProps - The props necessary for the DateTime element.
- * @see CreatedOn
- * @see ModifiedOn
- * @see SentOn
- */
-var DateTimeOld = function DateTimeOld(_ref) {
-  var date = _ref.date,
-    name = _ref.name,
-    overrideCss = _ref.overrideCss,
-    type = _ref.type,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-element-date-time' : _ref$testId,
-    text = _ref.text;
-  var _useIntl = useIntl(),
-    formatRelativeTime = _useIntl.formatRelativeTime,
-    formatDate = _useIntl.formatDate;
-  if (!type || !date) {
-    return null;
-  }
-  var isLongerThenWeek = Math.abs(date.getTime() - Date.now()) > 1000 * 60 * 60 * 24 * 7;
-  var context;
-  var typeVariant;
-  if (isLongerThenWeek) {
-    typeVariant = 'absolute';
-    context = formatDate(date, {
-      month: 'short',
-      day: 'numeric',
-      year: 'numeric'
-    });
-  } else {
-    var _selectUnit = selectUnit(date, Date.now()),
-      value = _selectUnit.value,
-      unit = _selectUnit.unit;
-    typeVariant = 'relative';
-    context = formatRelativeTime(value, unit, {
-      numeric: 'auto'
-    });
-  }
-  return jsx("span", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    css: [styles, overrideCss],
-    "data-separator": true,
-    "data-smart-element": name,
-    "data-smart-element-date-time": true,
-    "data-testid": testId
-  }, text ? "".concat(text, " ").concat(context) : jsx(FormattedMessage, _extends({}, typeToDescriptorMap[type][typeVariant], {
-    values: {
-      context: context
-    }
-  })));
-};
-export default DateTimeOld;

package/dist/esm/view/FlexibleCard/components/elements/icon/IconOld.js

@@ -1,143 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { useMemo } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import LinkIcon from '@atlaskit/icon/core/migration/link';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { Box, xcss } from '@atlaskit/primitives';
-import { SmartLinkPosition, SmartLinkSize } from '../../../../../constants';
-import AtlaskitIcon from '../../common/atlaskit-icon';
-import ImageIcon from '../../common/image-icon';
-import { getIconSizeStyles, getIconWidth, getTruncateStyles } from '../../utils';
-var getPositionStyles = function getPositionStyles(position) {
-  switch (position) {
-    case SmartLinkPosition.Center:
-      return css({
-        alignSelf: 'center'
-      });
-    case SmartLinkPosition.Top:
-    default:
-      return css({
-        alignSelf: 'flex-start',
-        margin: 0
-      });
-  }
-};
-var getIconStyles = function getIconStyles(position, width) {
-  return (
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    css(getPositionStyles(position), getIconSizeStyles(width))
-  );
-};
-var getCustomRenderStyles = function getCustomRenderStyles(value) {
-  return (
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    css(getTruncateStyles(1, value), {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
-      lineHeight: value,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      fontSize: value,
-      textAlign: 'center',
-      textOverflow: 'clip',
-      WebkitBoxOrient: 'unset',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      span: {
-        margin: 0,
-        padding: 0,
-        verticalAlign: 'baseline'
-      }
-    })
-  );
-};
-var renderAtlaskitIcon = function renderAtlaskitIcon(icon, testId) {
-  var size = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : SmartLinkSize.Medium;
-  if (icon) {
-    return jsx(AtlaskitIcon, _extends({
-      icon: icon,
-      testId: "".concat(testId, "-icon")
-    }, fg('platform-smart-card-icon-migration') && {
-      size: size
-    }));
-  }
-};
-var renderDefaultIcon = function renderDefaultIcon(label, testId) {
-  return jsx(LinkIcon, {
-    label: label,
-    testId: "".concat(testId, "-default"),
-    color: "currentColor"
-  });
-};
-var renderImageIcon = function renderImageIcon(defaultIcon, url, testId) {
-  var size = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : SmartLinkSize.Medium;
-  var width = size === SmartLinkSize.Large ? "var(--ds-space-300, 24px)" : "var(--ds-space-200, 16px)";
-  if (url) {
-    return jsx(ImageIcon, _extends({
-      defaultIcon: defaultIcon,
-      testId: testId,
-      url: url
-    }, fg('platform-smart-card-icon-migration') && {
-      width: width,
-      height: width
-    }));
-  }
-};
-
-/**
- * A base element that displays an Icon or favicon.
- * @internal
- * @param {IconProps} IconProps - The props necessary for the Icon element.
- * @see LinkIcon
- */
-var IconOld = function IconOld(_ref) {
-  var icon = _ref.icon,
-    overrideIcon = _ref.overrideIcon,
-    _ref$label = _ref.label,
-    label = _ref$label === void 0 ? 'Link' : _ref$label,
-    name = _ref.name,
-    _ref$position = _ref.position,
-    position = _ref$position === void 0 ? SmartLinkPosition.Top : _ref$position,
-    overrideCss = _ref.overrideCss,
-    render = _ref.render,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-element-icon' : _ref$testId,
-    url = _ref.url;
-  var element = useMemo(function () {
-    var defaultIcon = renderDefaultIcon(label, testId);
-    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId, fg('platform-smart-card-icon-migration') ? size : undefined) || renderAtlaskitIcon(icon, testId, fg('platform-smart-card-icon-migration') ? size : undefined) || defaultIcon;
-  }, [overrideIcon, icon, label, render, testId, url, size]);
-  var width = getIconWidth(size);
-  var styles = getIconStyles(position, width);
-  var renderStyles = render ? getCustomRenderStyles(width) : undefined;
-  return jsx("div", {
-    css: [
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- needs dynamic css
-    !fg('platform-smart-card-icon-migration') && styles,
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- needs dynamic css
-    renderStyles,
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- needs dynamic css
-    overrideCss],
-    "data-fit-to-content": true,
-    "data-smart-element": name,
-    "data-smart-element-icon": true,
-    "data-testid": testId
-  }, fg('platform-smart-card-icon-migration') ? jsx(Box, {
-    xcss: iconWrapperStyle,
-    style: {
-      width: width,
-      height: width
-    }
-  }, element) : element);
-};
-var iconWrapperStyle = xcss({
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center'
-});
-export default IconOld;

package/dist/esm/view/FlexibleCard/components/elements/link/LinkOld.js

@@ -1,140 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React, { useMemo } from '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 { SmartLinkInternalTheme, SmartLinkSize, SmartLinkTheme } from '../../../../../constants';
-import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
-import { getLinkLineHeight, getLinkSizeStyles, getTruncateStyles, hasWhiteSpace } from '../../utils';
-var DEFAULT_MAX_LINES = 2;
-var MAXIMUM_MAX_LINES = 2;
-var MINIMUM_MAX_LINES = 1;
-var containerStyles = css({
-  flex: '1 1 auto'
-});
-var getThemeStyles = function getThemeStyles(theme) {
-  switch (theme) {
-    case SmartLinkInternalTheme.Grey:
-      // We are being specifc with the CSS selectors to ensure that Confluence overrides
-      // do not affect our internal Smart Card styles
-      return css({
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-        'a&': {
-          color: "var(--ds-text-subtlest, #626F86)",
-          '&:active, &:visited, &:focus, &:hover': {
-            color: "var(--ds-text-subtlest, #626F86)",
-            textDecoration: 'underline'
-          },
-          font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
-        }
-      });
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    case SmartLinkTheme.Black:
-      return css({
-        color: "var(--ds-text-subtle, #44546F)",
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-        ':active': {
-          color: "var(--ds-text, #172B4D)"
-        },
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-        ':hover': {
-          color: "var(--ds-text-subtle, #44546F)",
-          textDecoration: 'underline'
-        }
-      });
-    case SmartLinkTheme.Link:
-    default:
-      return css({
-        color: "var(--ds-link, #0C66E4)",
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-        ':active': {
-          color: "var(--ds-link-pressed, #0055CC)"
-        },
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-        ':hover': {
-          color: "var(--ds-link, #0C66E4)",
-          textDecoration: 'underline'
-        }
-      });
-  }
-};
-var getAnchorStyles = function getAnchorStyles(size, theme, maxLines, hasSpace) {
-  var sizeStyles = getLinkSizeStyles(size);
-  return css({
-    flex: '1 1 auto'
-  },
-  // 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(maxLines, getLinkLineHeight(size), hasSpace ? 'break-word' : 'break-all'),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  getThemeStyles(theme));
-};
-var getMaxLines = function getMaxLines(maxLines) {
-  if (maxLines > MAXIMUM_MAX_LINES) {
-    return DEFAULT_MAX_LINES;
-  }
-  if (maxLines < MINIMUM_MAX_LINES) {
-    return MINIMUM_MAX_LINES;
-  }
-  return maxLines;
-};
-var withTooltip = function withTooltip(trigger, content, testId) {
-  return jsx(Tooltip, {
-    content: content,
-    testId: "".concat(testId, "-tooltip"),
-    tag: "span"
-  }, trigger);
-};
-
-/**
- * A base element that represent an anchor.
- * @internal
- * @param {LinkProps} LinkProps - The props necessary for the Link element.
- * @see LinkIcon
- */
-var LinkOld = function LinkOld(_ref) {
-  var hideTooltip = _ref.hideTooltip,
-    _ref$maxLines = _ref.maxLines,
-    maxLines = _ref$maxLines === void 0 ? DEFAULT_MAX_LINES : _ref$maxLines,
-    name = _ref.name,
-    overrideCss = _ref.overrideCss,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-element-link' : _ref$testId,
-    text = _ref.text,
-    _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? SmartLinkTheme.Link : _ref$theme,
-    url = _ref.url,
-    onClick = _ref.onClick,
-    _ref$target = _ref.target,
-    target = _ref$target === void 0 ? '_blank' : _ref$target;
-  var onMouseDown = useMouseDownEvent();
-  var hasSpace = useMemo(function () {
-    return text ? hasWhiteSpace(text) : false;
-  }, [text]);
-  var anchor = jsx("a", _extends({
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    css: [getAnchorStyles(size, theme, getMaxLines(maxLines), hasSpace), overrideCss],
-    "data-smart-element": name,
-    "data-smart-element-link": true,
-    "data-testid": testId,
-    onClick: onClick,
-    onMouseDown: onMouseDown,
-    href: url
-    // We do not want set the target if it is the default value of '_self'. This prevents link
-    // click issues in Confluence and Trello which rely on it not being set unless necessary.
-  }, target !== '_self' && {
-    target: target
-  }), text);
-  return jsx("span", {
-    css: containerStyles
-  }, hideTooltip || text === undefined ? anchor : withTooltip(anchor, text, testId));
-};
-export default LinkOld;