@atlaskit/smart-card 35.2.12 → 36.0.0

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

@@ -1,108 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
-var _constants = require("../../../../../constants");
-var _messages = require("../../../../../messages");
-var _atlaskitIcon = _interopRequireDefault(require("../../common/atlaskit-icon"));
-var _imageIcon = _interopRequireDefault(require("../../common/image-icon"));
-var _utils = require("../../utils");
-var _templateObject, _messageMapper;
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var badgeStyles = (0, _react2.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 = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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)", (0, _utils.getIconSizeStyles)('1rem'));
-var labelStyles = (0, _react2.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 = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_messageMapper, _constants.IconType.PriorityBlocker, _messages.messages.priority_blocker), _constants.IconType.PriorityCritical, _messages.messages.priority_critical), _constants.IconType.PriorityHigh, _messages.messages.priority_high), _constants.IconType.PriorityHighest, _messages.messages.priority_highest), _constants.IconType.PriorityLow, _messages.messages.priority_low), _constants.IconType.PriorityLowest, _messages.messages.priority_lowest), _constants.IconType.PriorityMajor, _messages.messages.priority_major), _constants.IconType.PriorityMedium, _messages.messages.priority_medium), _constants.IconType.PriorityMinor, _messages.messages.priority_minor), _constants.IconType.PriorityTrivial, _messages.messages.priority_trivial), (0, _defineProperty2.default)(_messageMapper, _constants.IconType.PriorityUndefined, _messages.messages.priority_undefined));
-var getFormattedMessageFromIcon = function getFormattedMessageFromIcon(icon) {
-  if (icon) {
-    var descriptor = messageMapper[icon];
-    if (descriptor) {
-      return (0, _utils.getFormattedMessage)({
-        descriptor: descriptor
-      });
-    }
-  }
-};
-var renderAtlaskitIcon = function renderAtlaskitIcon(icon, testId) {
-  if (icon) {
-    return (0, _react2.jsx)(_atlaskitIcon.default, {
-      icon: icon,
-      label: icon,
-      testId: "".concat(testId, "-icon")
-    });
-  }
-};
-var renderImageIcon = function renderImageIcon(url, testId) {
-  if (url) {
-    return (0, _react2.jsx)(_imageIcon.default, {
-      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 (0, _react2.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 && (0, _react2.jsx)("span", {
-    css: iconStyles
-  }, badgeIcon), (0, _react2.jsx)("span", {
-    css: labelStyles,
-    "data-testid": "".concat(testId, "-label")
-  }, formattedMessageOrLabel));
-};
-var _default = exports.default = BadgeOld;

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

@@ -1,95 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = require("@emotion/react");
-var _intlUtils = require("@formatjs/intl-utils");
-var _reactIntlNext = require("react-intl-next");
-var _messages = require("../../../../../messages");
-var _utils = require("../../utils");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var styles = (0, _react.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
-(0, _utils.getTruncateStyles)(1));
-var typeToDescriptorMap = {
-  created: {
-    relative: _messages.messages.created_on_relative,
-    absolute: _messages.messages.created_on_absolute
-  },
-  modified: {
-    relative: _messages.messages.modified_on_relative,
-    absolute: _messages.messages.modified_on_absolute
-  },
-  sent: {
-    relative: _messages.messages.sent_on_relative,
-    absolute: _messages.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 = (0, _reactIntlNext.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 = (0, _intlUtils.selectUnit)(date, Date.now()),
-      value = _selectUnit.value,
-      unit = _selectUnit.unit;
-    typeVariant = 'relative';
-    context = formatRelativeTime(value, unit, {
-      numeric: 'auto'
-    });
-  }
-  return (0, _react.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) : (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, typeToDescriptorMap[type][typeVariant], {
-    values: {
-      context: context
-    }
-  })));
-};
-var _default = exports.default = DateTimeOld;

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

@@ -1,154 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
-var _link = _interopRequireDefault(require("@atlaskit/icon/core/migration/link"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
-var _constants = require("../../../../../constants");
-var _atlaskitIcon = _interopRequireDefault(require("../../common/atlaskit-icon"));
-var _imageIcon = _interopRequireDefault(require("../../common/image-icon"));
-var _utils = require("../../utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var getPositionStyles = function getPositionStyles(position) {
-  switch (position) {
-    case _constants.SmartLinkPosition.Center:
-      return (0, _react2.css)({
-        alignSelf: 'center'
-      });
-    case _constants.SmartLinkPosition.Top:
-    default:
-      return (0, _react2.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
-    (0, _react2.css)(getPositionStyles(position), (0, _utils.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
-    (0, _react2.css)((0, _utils.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] : _constants.SmartLinkSize.Medium;
-  if (icon) {
-    return (0, _react2.jsx)(_atlaskitIcon.default, (0, _extends2.default)({
-      icon: icon,
-      testId: "".concat(testId, "-icon")
-    }, (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') && {
-      size: size
-    }));
-  }
-};
-var renderDefaultIcon = function renderDefaultIcon(label, testId) {
-  return (0, _react2.jsx)(_link.default, {
-    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] : _constants.SmartLinkSize.Medium;
-  var width = size === _constants.SmartLinkSize.Large ? "var(--ds-space-300, 24px)" : "var(--ds-space-200, 16px)";
-  if (url) {
-    return (0, _react2.jsx)(_imageIcon.default, (0, _extends2.default)({
-      defaultIcon: defaultIcon,
-      testId: testId,
-      url: url
-    }, (0, _platformFeatureFlags.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 ? _constants.SmartLinkPosition.Top : _ref$position,
-    overrideCss = _ref.overrideCss,
-    render = _ref.render,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? _constants.SmartLinkSize.Medium : _ref$size,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-element-icon' : _ref$testId,
-    url = _ref.url;
-  var element = (0, _react.useMemo)(function () {
-    var defaultIcon = renderDefaultIcon(label, testId);
-    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId, (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? size : undefined) || renderAtlaskitIcon(icon, testId, (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? size : undefined) || defaultIcon;
-  }, [overrideIcon, icon, label, render, testId, url, size]);
-  var width = (0, _utils.getIconWidth)(size);
-  var styles = getIconStyles(position, width);
-  var renderStyles = render ? getCustomRenderStyles(width) : undefined;
-  return (0, _react2.jsx)("div", {
-    css: [
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- needs dynamic css
-    !(0, _platformFeatureFlags.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
-  }, (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? (0, _react2.jsx)(_primitives.Box, {
-    xcss: iconWrapperStyle,
-    style: {
-      width: width,
-      height: width
-    }
-  }, element) : element);
-};
-var iconWrapperStyle = (0, _primitives.xcss)({
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center'
-});
-var _default = exports.default = IconOld;

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

@@ -1,151 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-var _constants = require("../../../../../constants");
-var _useLinkClicked = require("../../../../../state/analytics/useLinkClicked");
-var _utils = require("../../utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var DEFAULT_MAX_LINES = 2;
-var MAXIMUM_MAX_LINES = 2;
-var MINIMUM_MAX_LINES = 1;
-var containerStyles = (0, _react2.css)({
-  flex: '1 1 auto'
-});
-var getThemeStyles = function getThemeStyles(theme) {
-  switch (theme) {
-    case _constants.SmartLinkInternalTheme.Grey:
-      // We are being specifc with the CSS selectors to ensure that Confluence overrides
-      // do not affect our internal Smart Card styles
-      return (0, _react2.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 _constants.SmartLinkTheme.Black:
-      return (0, _react2.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 _constants.SmartLinkTheme.Link:
-    default:
-      return (0, _react2.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 = (0, _utils.getLinkSizeStyles)(size);
-  return (0, _react2.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
-  (0, _utils.getTruncateStyles)(maxLines, (0, _utils.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 (0, _react2.jsx)(_tooltip.default, {
-    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 ? _constants.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 ? _constants.SmartLinkTheme.Link : _ref$theme,
-    url = _ref.url,
-    onClick = _ref.onClick,
-    _ref$target = _ref.target,
-    target = _ref$target === void 0 ? '_blank' : _ref$target;
-  var onMouseDown = (0, _useLinkClicked.useMouseDownEvent)();
-  var hasSpace = (0, _react.useMemo)(function () {
-    return text ? (0, _utils.hasWhiteSpace)(text) : false;
-  }, [text]);
-  var anchor = (0, _react2.jsx)("a", (0, _extends2.default)({
-    // 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 (0, _react2.jsx)("span", {
-    css: containerStyles
-  }, hideTooltip || text === undefined ? anchor : withTooltip(anchor, text, testId));
-};
-var _default = exports.default = LinkOld;

package/dist/cjs/view/FlexibleCard/components/elements/lozenge/LozengeOld.js

@@ -1,70 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = require("@emotion/react");
-var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
-var _lozengeAction = _interopRequireDefault(require("./lozenge-action"));
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var styles = (0, _react.css)({
-  display: 'inline-flex',
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: 'inherit'
-});
-
-/**
- * A base element that displays a Lozenge.
- * @internal
- * @param {LozengeProps} LozengeProps - The props necessary for the Lozenge element.
- * @see State
- */
-var LozengeOld = function LozengeOld(_ref) {
-  var action = _ref.action,
-    _ref$appearance = _ref.appearance,
-    appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
-    name = _ref.name,
-    overrideCss = _ref.overrideCss,
-    style = _ref.style,
-    text = _ref.text,
-    _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-element-lozenge' : _ref$testId;
-  var ui = (0, _flexibleUiContext.useFlexibleUiOptionContext)();
-  if (!text) {
-    return null;
-  }
-  var lozenge = action ? (0, _react.jsx)(_lozengeAction.default, {
-    action: action,
-    appearance: appearance,
-    testId: testId,
-    text: text,
-    zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex
-  }) : (0, _react.jsx)(_lozenge.default, (0, _extends2.default)({
-    appearance: appearance
-  }, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
-    isBold: true
-  } : undefined, {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    style: style,
-    testId: "".concat(testId, "-lozenge")
-  }), text);
-  return (0, _react.jsx)("span", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    css: [styles, overrideCss],
-    "data-fit-to-content": true,
-    "data-smart-element": name,
-    "data-smart-element-lozenge": true,
-    "data-testid": testId
-  }, lozenge);
-};
-var _default = exports.default = LozengeOld;

package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/LozengeActionErrorOld.js

@@ -1,78 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
-var _dropdownMenu = require("@atlaskit/dropdown-menu");
-var _error = _interopRequireDefault(require("@atlaskit/icon/core/migration/error"));
-var _colors = require("@atlaskit/theme/colors");
-var _useAnalyticsEvents2 = require("../../../../../../../common/analytics/generated/use-analytics-events");
-var _messages = require("../../../../../../../messages");
-var _useInvokeClientAction = _interopRequireDefault(require("../../../../../../../state/hooks/use-invoke-client-action"));
-var _utils = require("../../../../utils");
-var _styled = require("./styled");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var MAX_LINE_NUMBER = 8;
-var LozengeActionErrorOld = function LozengeActionErrorOld(_ref) {
-  var errorMessage = _ref.errorMessage,
-    testId = _ref.testId,
-    _ref$maxLineNumber = _ref.maxLineNumber,
-    maxLineNumber = _ref$maxLineNumber === void 0 ? MAX_LINE_NUMBER : _ref$maxLineNumber,
-    invokePreviewAction = _ref.invokePreviewAction;
-  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
-    fireEvent = _useAnalyticsEvents.fireEvent;
-  var invoke = (0, _useInvokeClientAction.default)({});
-  var isPreviewAvailable = invokePreviewAction !== undefined;
-  var handlePreviewOpen = (0, _react.useCallback)(function () {
-    if (isPreviewAvailable) {
-      fireEvent('ui.button.clicked.smartLinkStatusOpenPreview', {});
-      if (invokePreviewAction) {
-        invoke(invokePreviewAction);
-      }
-    }
-  }, [isPreviewAvailable, invoke, invokePreviewAction, fireEvent]);
-  var content = (0, _react.useMemo)(function () {
-    return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", {
-      css: _styled.contentStyles
-    }, (0, _react2.jsx)(_error.default, {
-      testId: "".concat(testId, "-icon"),
-      LEGACY_size: "medium",
-      color: "var(--ds-icon-danger, ".concat(_colors.R500, ")"),
-      LEGACY_secondaryColor: "var(--ds-background-danger, ".concat(_colors.R50, ")"),
-      label: 'error',
-      spacing: "spacious"
-    }), (0, _react2.jsx)("span", {
-      css: (0, _styled.textStyles)(maxLineNumber),
-      "data-testid": "".concat(testId, "-error-message")
-    }, typeof errorMessage === 'string' ? errorMessage : (0, _utils.getFormattedMessage)(errorMessage))), isPreviewAvailable ?
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    (0, _react2.jsx)("div", {
-      css: _styled.linkStyles
-    }, (0, _react2.jsx)("a", {
-      target: "_blank",
-      "data-testid": "".concat(testId, "-open-embed"),
-      onClick: handlePreviewOpen
-    }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.open_issue_in_jira))) : null);
-  }, [errorMessage, handlePreviewOpen, isPreviewAvailable, maxLineNumber, testId]);
-  return (
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    (0, _react2.jsx)("span", {
-      css: _styled.dropdownItemGroupStyles,
-      "data-testid": "".concat(testId, "-error-item-group")
-    }, (0, _react2.jsx)(_dropdownMenu.DropdownItemGroup, null, (0, _react2.jsx)(_dropdownMenu.DropdownItem, {
-      testId: "".concat(testId, "-error")
-    }, content)))
-  );
-};
-var _default = exports.default = LozengeActionErrorOld;