@atlaskit/smart-card 44.3.8 → 44.3.10

package/dist/cjs/view/BlockCard/views/UnauthorisedView.js

@@ -21,7 +21,6 @@ var _constants = require("../../../constants");
 var _messages = require("../../../messages");
 var _flexibleUiContext = require("../../../state/flexible-ui-context");
 var _helpers = require("../../../state/helpers");
-var _experiments = require("../../../utils/experiments");
 var _UnauthorisedViewContent = _interopRequireDefault(require("../../common/UnauthorisedViewContent"));
 var _FlexibleCard = _interopRequireDefault(require("../../FlexibleCard"));
 var _actionGroup = _interopRequireDefault(require("../../FlexibleCard/components/blocks/action-group"));
@@ -31,13 +30,11 @@ var _utils = require("../../FlexibleCard/components/blocks/utils");
 var _elements = require("../../FlexibleCard/components/elements");
 var _AuthorizeAction = require("../actions/AuthorizeAction");
 var _general2x = _interopRequireDefault(require("./assets/general@2x.png"));
-var _unresolvedView = _interopRequireDefault(require("./unresolved-view"));
 var _utils2 = require("./utils");
 var _withFlexibleUIBlockCardStyle = require("./utils/withFlexibleUIBlockCardStyle");
 var _excluded = ["testId"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var contentStyles = null;
-var newContentStyles = null;
 var contentAdditionalStyles = null;
 var newTitleBlockStyles = null;
 var intermediumGapStyles = null;
@@ -89,14 +86,18 @@ var getBetterTitle = function getBetterTitle(url) {
       search = _URL.search;
     if (pathname.length > 1) {
       return pathname.substring(1);
-    } else {
+    }
+    if (search) {
       return search;
     }
+    // Fall back to the full URL when there is no useful path/search to display,
+    // so the title (and the underlying link) always has accessible text.
+    return url;
   } catch (_unused) {
     return url;
   }
 };
-var NewUnauthorisedBlock = function NewUnauthorisedBlock(_ref) {
+var UnauthorisedBlock = function UnauthorisedBlock(_ref) {
   var _useFlexibleCardConte, _data$preview$url, _data$preview;
   var actions = _ref.actions,
     children = _ref.children,
@@ -200,29 +201,22 @@ var UnauthorisedView = function UnauthorisedView(_ref3) {
   var actions = (0, _react.useMemo)(function () {
     return onAuthorize ? [(0, _AuthorizeAction.AuthorizeAction)(handleAuthorize, providerName)] : [];
   }, [handleAuthorize, onAuthorize, providerName]);
-  if ((0, _experiments.isNewBlockcardUnauthorizedRefreshExperimentEnabled)(true)) {
-    return /*#__PURE__*/React.createElement(_FlexibleCard.default, (0, _extends2.default)({
-      appearance: "block",
-      onAuthorize: onAuthorize,
-      origin: "smartLinkCard",
-      testId: testId,
-      ui: _utils2.FlexibleCardUiOptions
-    }, props), /*#__PURE__*/React.createElement(NewUnauthorisedBlock, (0, _extends2.default)({}, props, {
-      actions: actions,
-      testId: testId
-    }), /*#__PURE__*/React.createElement("div", {
-      "data-testid": "".concat(testId, "-content"),
-      className: (0, _runtime.ax)(["_11c8fhey _syazi7uo _19pku2gc", actions.length > 0 && "_1reo15vq _18m915vq _otyrpxbi _p12f1osq _o5721q9c _1bto1l2s"])
-    }, content)));
-  } else {
-    return /*#__PURE__*/React.createElement(_unresolvedView.default, (0, _extends2.default)({}, props, {
-      actions: actions,
-      testId: testId
-    }), /*#__PURE__*/React.createElement("div", {
-      "data-testid": "".concat(testId, "-content"),
-      className: (0, _runtime.ax)(["_11c8wadc _syazi7uo _19pku2gc"])
-    }, content));
-  }
+  return /*#__PURE__*/React.createElement(_FlexibleCard.default, (0, _extends2.default)({
+    appearance: "block",
+    onAuthorize: onAuthorize,
+    origin: "smartLinkCard",
+    testId: testId,
+    ui: _utils2.FlexibleCardUiOptions
+  }, props), /*#__PURE__*/React.createElement(UnauthorisedBlock, {
+    actions: actions,
+    cardState: props.cardState,
+    CompetitorPrompt: props.CompetitorPrompt,
+    testId: testId,
+    url: props.url
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-testid": "".concat(testId, "-content"),
+    className: (0, _runtime.ax)(["_11c8fhey _syazi7uo _19pku2gc", actions.length > 0 && "_1reo15vq _18m915vq _otyrpxbi _p12f1osq _o5721q9c _1bto1l2s"])
+  }, content)));
 };
 var _default_1 = (0, _withFlexibleUIBlockCardStyle.withFlexibleUIBlockCardStyle)(UnauthorisedView);
 var _default = exports.default = _default_1;

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/common/test-utils.js

@@ -16,9 +16,9 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@testing-library/react");
 var _reactIntl = require("react-intl");
 var _reactMagneticDi = require("react-magnetic-di");
+var _testingLibrary = require("@atlassian/testing-library");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -77,7 +77,7 @@ var Provider = function Provider(_ref2) {
 var renderWithDi = exports.renderWithDi = function renderWithDi(node) {
   var dependencies = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var options = arguments.length > 2 ? arguments[2] : undefined;
-  return (0, _react2.render)(node, _objectSpread(_objectSpread({}, options), {}, {
+  return (0, _testingLibrary.render)(node, _objectSpread(_objectSpread({}, options), {}, {
     wrapper: function wrapper(_ref3) {
       var _options$wrapper;
       var children = _ref3.children;

package/dist/cjs/view/FlexibleCard/components/common/atlaskit-icon/index.js

@@ -8,16 +8,18 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
+var _icon = require("@atlaskit/icon");
 var _logo = require("@atlaskit/logo");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _blogIcon = _interopRequireDefault(require("../../../../../common/ui/icons/blog-icon"));
 var _liveDocumentIcon = _interopRequireDefault(require("../../../../../common/ui/icons/live-document-icon"));
 var _pageIcon = _interopRequireDefault(require("../../../../../common/ui/icons/page-icon"));
+var _utils = require("../../../../../common/ui/icons/utils");
 var _constants = require("../../../../../constants");
-var _utils = require("../../../../../utils");
+var _utils2 = require("../../../../../utils");
 var getIconImportFn = function getIconImportFn(icon, size) {
-  var item = (0, _utils.getLazyIcons)()[icon];
-  if ((0, _utils.isIconSizeLarge)(size) && item !== null && item !== void 0 && item.large) {
+  var item = (0, _utils2.getLazyIcons)()[icon];
+  if ((0, _utils2.isIconSizeLarge)(size) && item !== null && item !== void 0 && item.large) {
     return item.large;
   }
   return item === null || item === void 0 ? void 0 : item.default;
@@ -34,38 +36,72 @@ var importIcon = function importIcon(importFn) {
     }
   }); // Because we're using dynamic loading here, TS will not be able to infer the type.
 };
+var isCoreIcon = function isCoreIcon(icon) {
+  return [_constants.IconType.Project, _constants.IconType.Template, _constants.IconType.Forbidden, _constants.IconType.Default, _constants.IconType.Error, _constants.IconType.Attachment, _constants.IconType.CheckItem, _constants.IconType.Component, _constants.IconType.Comment, _constants.IconType.View, _constants.IconType.React, _constants.IconType.Vote, _constants.IconType.PriorityUndefined, _constants.IconType.ProgrammingLanguage, _constants.IconType.Subscriber, _constants.IconType.SubTasksProgress].includes(icon);
+};
 var AtlaskitIcon = function AtlaskitIcon(_ref) {
   var icon = _ref.icon,
     label = _ref.label,
     testId = _ref.testId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? _constants.SmartLinkSize.Medium : _ref$size;
-  // Check for synchonously loaded icons first for SSR purposes
-  switch (icon) {
-    case _constants.IconType.Document:
-      return /*#__PURE__*/_react.default.createElement(_pageIcon.default, {
-        label: label !== null && label !== void 0 ? label : 'document',
-        testId: testId,
-        size: size
-      });
-    case _constants.IconType.Blog:
-      return /*#__PURE__*/_react.default.createElement(_blogIcon.default, {
-        label: label !== null && label !== void 0 ? label : 'blog',
-        testId: testId,
-        size: size
-      });
-    case _constants.IconType.LiveDocument:
-      return /*#__PURE__*/_react.default.createElement(_liveDocumentIcon.default, {
-        label: label !== null && label !== void 0 ? label : 'live-doc',
-        testId: testId,
-        size: size
-      });
+  if (!(0, _platformFeatureFlags.fg)('platform_sl_icons_refactor')) {
+    // Check for synchonously loaded icons first for SSR purposes
+    switch (icon) {
+      case _constants.IconType.Document:
+        return /*#__PURE__*/_react.default.createElement(_pageIcon.default, {
+          label: label !== null && label !== void 0 ? label : 'document',
+          testId: testId,
+          size: size
+        });
+      case _constants.IconType.Blog:
+        return /*#__PURE__*/_react.default.createElement(_blogIcon.default, {
+          label: label !== null && label !== void 0 ? label : 'blog',
+          testId: testId,
+          size: size
+        });
+      case _constants.IconType.LiveDocument:
+        return /*#__PURE__*/_react.default.createElement(_liveDocumentIcon.default, {
+          label: label !== null && label !== void 0 ? label : 'live-doc',
+          testId: testId,
+          size: size
+        });
+    }
   }
   var importFn = getIconImportFn(icon, size);
   if (!importFn) {
     return null;
   }
   var ImportedIcon = importIcon(importFn);
+  if (isCoreIcon(icon) && (0, _platformFeatureFlags.fg)('platform_sl_icons_refactor')) {
+    switch (size) {
+      case _constants.SmartLinkSize.Small:
+      case _constants.SmartLinkSize.Medium:
+        var color;
+        if (icon === _constants.IconType.Error || icon === _constants.IconType.Forbidden) {
+          color = "var(--ds-icon-danger, #C9372C)";
+        }
+        return /*#__PURE__*/_react.default.createElement(ImportedIcon, {
+          label: label,
+          testId: testId,
+          color: color
+        });
+      case _constants.SmartLinkSize.Large:
+      case _constants.SmartLinkSize.XLarge:
+        var appearance;
+        if (icon === _constants.IconType.Error || icon === _constants.IconType.Forbidden) {
+          appearance = 'redBold';
+        } else {
+          appearance = 'grayBold';
+        }
+        return /*#__PURE__*/_react.default.createElement(_icon.IconTile, {
+          appearance: appearance,
+          icon: ImportedIcon,
+          size: (0, _utils.transformSmartLinkSizeToIconTileSize)(size),
+          label: label !== null && label !== void 0 ? label : ''
+        });
+    }
+  }
   switch (icon) {
     case _constants.IconType.Confluence:
       return /*#__PURE__*/_react.default.createElement(_logo.ConfluenceIcon, (0, _extends2.default)({
@@ -85,6 +121,13 @@ var AtlaskitIcon = function AtlaskitIcon(_ref) {
       } : undefined));
     case _constants.IconType.Error:
     case _constants.IconType.Forbidden:
+      if ((0, _platformFeatureFlags.fg)('platform_sl_icons_refactor')) {
+        return /*#__PURE__*/_react.default.createElement(ImportedIcon, {
+          label: label,
+          testId: testId,
+          size: size
+        });
+      }
       return /*#__PURE__*/_react.default.createElement(ImportedIcon, {
         label: label,
         testId: testId,

package/dist/cjs/view/FlexibleCard/components/elements/common/base-icon-element/index.js

@@ -20,7 +20,6 @@ var _compiled = require("@atlaskit/primitives/compiled");
 var _tile = _interopRequireDefault(require("@atlaskit/tile"));
 var _constants = require("../../../../../../constants");
 var _utils = require("../../../../../../utils");
-var _experiments = require("../../../../../../utils/experiments");
 var _atlaskitIcon = _interopRequireDefault(require("../../../common/atlaskit-icon"));
 var _imageIcon = _interopRequireDefault(require("../../../common/image-icon"));
 var _utils2 = require("../../../utils");
@@ -157,7 +156,7 @@ var IconElement = function IconElement(_ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
     className: (0, _runtime.ax)([styles.container, positionStyleMap[position], render && customRenderStyleMap[size], className])
-  }, isTiledIcon && ((0, _platformFeatureFlags.fg)('platform_sl_3p_preauth_better_hovercard_killswitch') || (0, _experiments.isNewBlockcardUnauthorizedRefreshExperimentEnabled)()) ? /*#__PURE__*/React.createElement(_tile.default, {
+  }, isTiledIcon ? /*#__PURE__*/React.createElement(_tile.default, {
     size: size,
     hasBorder: true,
     backgroundColor: "white",

package/dist/cjs/view/FlexibleCard/components/elements/common/base-link-element/index.js

@@ -14,7 +14,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _constants = require("../../../../../../constants");
 var _useLinkClicked = require("../../../../../../state/analytics/useLinkClicked");
-var _experiments = require("../../../../../../utils/experiments");
 var _utils = require("../../../utils");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 /* eslint-disable @compiled/shorthand-property-sorting */
@@ -119,7 +118,7 @@ var BaseLinkElement = function BaseLinkElement(_ref) {
   }), text);
   return /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dl1wug"])
-  }, hideTooltip || text === undefined ? anchor : withTooltip(anchor, url !== null && url !== void 0 && url.includes(text) && (0, _experiments.isNewBlockcardUnauthorizedRefreshExperimentEnabled)() ? url : text, testId));
+  }, hideTooltip || text === undefined ? anchor : withTooltip(anchor, url !== null && url !== void 0 && url.includes(text) ? url : text, testId));
 };
 var _default = exports.default = BaseLinkElement;
 var toLinkProps = exports.toLinkProps = function toLinkProps(text, url) {

package/dist/cjs/view/FlexibleCard/utils.js

@@ -18,10 +18,7 @@ var _extractProviderIcon = require("../../extractors/flexible/icon/extract-provi
 var _utils = require("../../extractors/flexible/utils");
 var _messages = require("../../messages");
 var _utils2 = require("../../utils");
-var _experiments = require("../../utils/experiments");
 var _jsonld = require("../../utils/jsonld");
-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) { (0, _defineProperty2.default)(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; }
 var getContextByStatus = exports.getContextByStatus = function getContextByStatus(params) {
   var _response$meta;
   var _ref = params !== null && params !== void 0 ? params : {},
@@ -44,7 +41,7 @@ var getContextByStatus = exports.getContextByStatus = function getContextByStatu
     case _constants.SmartLinkStatus.Errored:
     case _constants.SmartLinkStatus.Fallback:
     default:
-      return _objectSpread({
+      return {
         url: url,
         linkIcon: (0, _icon.extractErrorIcon)(response, status),
         linkTitle: (0, _extractLinkTitle.default)(status, url, response, onClick),
@@ -53,10 +50,9 @@ var getContextByStatus = exports.getContextByStatus = function getContextByStatu
         actions: (0, _defineProperty2.default)({}, _constants.InternalActionName.UnresolvedAction, getRetryOptions(url, status, response, params.onAuthorize)),
         meta: {
           accessType: response === null || response === void 0 || (_response$meta = response.meta) === null || _response$meta === void 0 || (_response$meta = _response$meta.requestAccess) === null || _response$meta === void 0 ? void 0 : _response$meta.accessType
-        }
-      }, (0, _experiments.isNewBlockcardUnauthorizedRefreshExperimentEnabled)() && {
+        },
         hostName: (0, _utils.extractHostName)(response)
-      });
+      };
   }
 };
 var getForbiddenMessageKey = function getForbiddenMessageKey(meta) {

package/dist/cjs/view/LinkUrl/index.js

@@ -22,7 +22,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "44.3.7",
+  packageVersion: "44.3.9",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/cjs/view/common/UnauthorisedViewContent.js

@@ -14,7 +14,6 @@ var _compiled = require("@atlaskit/primitives/compiled");
 var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../constants");
 var _messages = require("../../messages");
-var _experiments = require("../../utils/experiments");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 /**
  * This component is used in unauthorized views of a smart link.
@@ -31,12 +30,12 @@ var UnauthorisedViewContent = function UnauthorisedViewContent(_ref) {
     fireEvent('ui.button.clicked.learnMore', {});
   }, [fireEvent]);
   var learnMoreMessage = isProductIntegrationSupported ? (0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.messages.learn_more_about_connecting_account_appify : _messages.messages.learn_more_about_connecting_account : _messages.messages.learn_more_about_smart_links;
-  var unauthorizedAccountDescriptionMessage = (0, _experiments.isNewBlockcardUnauthorizedRefreshExperimentEnabled)() ? _messages.messages.learn_more_about_connecting_account_experiment_shorter : (0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.messages.connect_unauthorised_account_description_appify : _messages.messages.connect_unauthorised_account_description;
+  var unauthorizedAccountDescriptionMessage = _messages.messages.learn_more_about_connecting_account_experiment_shorter;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, providerName ? /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, unauthorizedAccountDescriptionMessage, {
     values: {
       context: providerName
     }
-  })) : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.messages.connect_unauthorised_account_description_no_provider_appify : _messages.messages.connect_unauthorised_account_description_no_provider), (0, _experiments.isNewBlockcardUnauthorizedRefreshExperimentEnabled)() ? /*#__PURE__*/_react.default.createElement("br", null) : ' ', /*#__PURE__*/_react.default.createElement(_compiled.Anchor, {
+  })) : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.messages.connect_unauthorised_account_description_no_provider_appify : _messages.messages.connect_unauthorised_account_description_no_provider), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_compiled.Anchor, {
     href: isProductIntegrationSupported ? _constants.CONTENT_URL_3P_ACCOUNT_AUTH : _constants.CONTENT_URL_SECURITY_AND_PERMISSIONS,
     target: "_blank",
     testId: "".concat(testId, "-learn-more"),

package/dist/es2019/__tests__/vr-tests/__snapshots__/block-card/block-card-error-view---linking-refresh-only--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:d9d53cae6d70c069abaf3bc0152bef1b665e26904a5c7484b56c8e5fbaeb8333
-size 7342
+oid sha256:29715a0e137a7683491690f5e0b79b6bcd3e3570200a686d08aa6ef8e650904c
+size 7006

package/dist/es2019/__tests__/vr-tests/__snapshots__/block-card/block-card-error-view-with-design-refresh-ff--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:d9d53cae6d70c069abaf3bc0152bef1b665e26904a5c7484b56c8e5fbaeb8333
-size 7342
+oid sha256:29715a0e137a7683491690f5e0b79b6bcd3e3570200a686d08aa6ef8e650904c
+size 7006

package/dist/es2019/__tests__/vr-tests/__snapshots__/block-card/block-card-resolved-icon-variations-resolvedclient-icontesturls-/342/200/224-flexible-extractsmartlinkicon-path---default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:a2c5d8cedcee65ebf67384ac162fba2794960b99578ebb32f203f6df1045ad54
-size 251795
+oid sha256:5d725fe406baf9184e3bf8bd9704760ce1414ca4c9f6658e779b757cde4a754e
+size 251924

package/dist/es2019/__tests__/vr-tests/__snapshots__/block-card/block-card-unauthorised-multiple-providers--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b69cbe716ed7cefdf6c1c11451d83320e344bd9447053b2becdf708498f8c89a
+size 95722

package/dist/es2019/__tests__/vr-tests/__snapshots__/block-card/block-card-unauthorised-view--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:bbeee38e9b1bccbdfb3a356f23dbc03168cd336ed1d3706ff5f8969758f13fae
-size 14685
+oid sha256:8ec25a1e57ff977d9e808bf1aca781b738215126781f36a3b0cf9974fd041f4e
+size 17798

package/dist/es2019/__tests__/vr-tests/__snapshots__/block-card/block-card-unauthorised-view-with-no-auth--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:23c2bab3323dcb5c3e3a71b0dd5820cef0c76a520d5c4d992c5c1217ba4a3642
-size 11320
+oid sha256:749ae995186262b627fdaf52854843785e51614355292789dd7dfcdc6cb19451
+size 12486

package/dist/es2019/__tests__/vr-tests/__snapshots__/block-card/block-card-with-lazy-load-icons-slice-1--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:323c0f3a0180a2772a5568d36bb4588dcbaa2eefa499bd2feae92dd9c373aa4a
-size 87113
+oid sha256:6e91d3ac67ba44126d749e029a5f05ac2716584e4834308f76cbda4a4e7a65d6
+size 87318

package/dist/es2019/__tests__/vr-tests/__snapshots__/block-card/block-card-with-lazy-load-icons-slice-5--default--navx-1895-new-logo-design-false.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:735254cc898df08f367ee1359ba38d75f4fa8c5087d31dd0635481f78ca26507
-size 96484
+oid sha256:dbebf1f1f7617af24b2611a97c2466e2c105b52ee8e3c05f2ce1e835f3a942e4
+size 89434

package/dist/es2019/__tests__/vr-tests/__snapshots__/block-card/block-card-with-lazy-load-icons-slice-5--default--navx-1895-new-logo-design-true.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:8d726b99ef384f26aaa6fe1f4640b703ca0bf0224a4bb724d21785a3224e5592
-size 97006
+oid sha256:51a3599023762f49ccf388dcc7ef779baf91a65b1389b71e7560f27a10807f21
+size 89961

package/dist/es2019/__tests__/vr-tests/__snapshots__/block-card/block-card-with-lazy-load-icons-slice-6--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e6e086bcb8c84558ecb8b1c584356c9c99df4f2427fa4b234e5a41f03a8b630d
-size 19896
+oid sha256:ecb3d731c90e314d7634fce44ed1715922dea9330dab32f21b6a89338e142419
+size 21470

package/dist/es2019/__tests__/vr-tests/__snapshots__/embed-card/embed-card-unauthorised-view--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:b9b275771311257aa24e29891070046560e117815ee7d35ac09f37b3cadc3c89
-size 31492
+oid sha256:e908794028e92b29475138fb619fb8b8184fedf03432e11aeed2b072db10cf1d
+size 27271

package/dist/es2019/__tests__/vr-tests/__snapshots__/embed-card/embed-card-unauthorised-view-frame-hide--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:34870f63b2e758ef38abcc00f96fa438054fa9494e31e17ef0d60c914e322bc6
-size 29551
+oid sha256:88490a8067c24156fd0e5199a2e97fa305b4808ba6004a1c919662e63a298576
+size 25344

package/dist/es2019/__tests__/vr-tests/__snapshots__/embed-card/embed-card-unauthorised-view-with-provider-image--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ad3299e56b3dc47e417017b3869558b0d0cb51566bc5f7154ec6d20d9fce52b7
-size 26340
+oid sha256:8fbfda98f519d69c29ee5a54edb40d3f2631b2ea76882aa7245d8e3b1cffe534
+size 21830

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-card-errored-states--default--navx-1895-new-logo-design-false.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f5e19011a0a4ec5bfcd6913735f62a96a7cb6f1e6464678ea3cc5f8cdac0657d
-size 28424
+oid sha256:c4c95f2a1cdcfb52893bba97c9bc9768262b9ac09a7417bc85a01ca7672f57cc
+size 29864

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-card-errored-states--default--navx-1895-new-logo-design-true.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:bf13e3f7e0611e19fd6a1bac110f2263351d3c2c637dea81ef090f5c3adb6a90
-size 28887
+oid sha256:5da0018682256152afd654a1dc7a8625629e440b21d4ccf02644961a663891b3
+size 30189

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-title--default--navx-1895-new-logo-design-false.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:5f2768a5ed734c781643218d0fb6777a93b589c6113a2dbe8c0428f6d67595f3
-size 385630
+oid sha256:409dec762ed52e36082bbf5f214f8971e365a01c89ff41e95cb2dcc4bea61581
+size 362534

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-title--default--navx-1895-new-logo-design-true.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:eefca819790ce33c35e570f73747d9aa896f30e5b7ed42bc54ef1880f763a30a
-size 386386
+oid sha256:26b9355f51a79909468010d04fcd39c57c1c807fee0fc8cec91ce46171dbedb6
+size 363189

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-title--more-actions-hovered--default--navx-1895-new-logo-design-false.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:74b00b146cdbf2354e95de3b82bc067b10d43b483805087c8820ef0196e01d9f
-size 387213
+oid sha256:e0258743a1262eb3e923f0340f454935ef53ae409d7a568a8ff808c9714a7b26
+size 363893

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-title--more-actions-hovered--default--navx-1895-new-logo-design-true.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:06daa5824091652710f3d1ce9e0441e278d6c9d73087255aab0fa5c6fd619b5e
-size 387936
+oid sha256:7744bbb2e81df4368b17bfff71ceabed83d3bde07fd98a1aed78cb357b764142
+size 364557

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-title--title-hovered--default--navx-1895-new-logo-design-false.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:707e0e1f219d980074ee75779ad810033a0ea6bb89ef69138e02d5ea9fab41d4
-size 425926
+oid sha256:21039d603e01711d8c4ae27c498b42c3efb6a02c5011cf9eaa8242dd615b563e
+size 399542

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-title--title-hovered--default--navx-1895-new-logo-design-true.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:a589cfeb2f8dca8981712838b49e88c2a0e8aaee22fb8c5053771ea8bbc053d1
-size 426656
+oid sha256:0bfdd2afe27e7dc638ecc9f617d014820f4bf76c8f18e4857aa619022abca528
+size 400208

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-attachment--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:bc547edbe8c863cd906ad09ba104e0407cb847eca57512f82a0ce5c4c4e1c2f1
-size 916
+oid sha256:15ee24cd6e53ba92affe8a9ff6a716ad273c15560c79a863f6e3c6467d3062cc
+size 1087

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-check-item--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:a21fa55013b9611e950ad9569f257e09b411c1aa3e85a8c4502316890418bb85
-size 717
+oid sha256:f32a7085d479dc00930ec9a40b85f8ce689c4cf2a639b1098f536b634ddbe333
+size 875

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-comment--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:3890c029c9d2df71d17faf4c4031215283bdb6b1143667a125f9f7a1f1d031c6
-size 662
+oid sha256:631737fbb2701791bc2da871c7d17c8b93f5b626289d991420c7ffc3b2d6096c
+size 837

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-high--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:df46e6b439ccab76515e1f813b04eb9395cab0508060d3943055da58b3632822
-size 792
+oid sha256:8dc766b0223ae1b3c38c7373903a71eba020696337c591df3f0b81dcd60b7b6b
+size 628

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-low--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:6c2432f63bde4e9f1719142ae9aafa5cf08bad393e5f4192d8db0dd487890259
-size 801
+oid sha256:1b8b84b605769cb706aa74264a49c3ca30f8a6def7f7a75834258d65c2a06d82
+size 618

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-undefined--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f4038f7cdf85d4ba704ec66c093997f21496a788333cd52acbaf4c997b774e29
-size 1130
+oid sha256:8f3d5d26e101111401822681de91363fbfa08e7e9260cc55f1ea9a7bc70ff107
+size 1270

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-programming-language--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:1615699055f5324ba7d6278cf5d93bb861faf3001b92e1a0ea2bea26da9f6cb5
-size 880
+oid sha256:691e2a98fcfcfdd971e9a6e2a32b62e3008637826e1b59db9b6aca030983aa78
+size 1046

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-react--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:5a2ccbefaa5373a28e3fba17c3c65e466ddd41d9b219b91be33586d1303fda20
-size 778
+oid sha256:2b06c276591df756385c9b9f55ec1ce3c39a56c8978f3223aacf493b0d08894c
+size 977

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-sub-tasks-progress--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:6259b4afe69f75026338a1feef74a91405b6ec5376eb267c57a4d4cdd8af84fa
-size 619
+oid sha256:7b85af4e50cecfdb43056a949ecb5dd0ae922c4567390f086e40cf82fd24cc95
+size 817

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-subscriber--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:7c5476eb3971c6cc861a4318f7f9bae8f173950791a6aa5409f3dddf2132da71
-size 917
+oid sha256:448e740e01d7e497445562beb4849afbd98c0881a3a97ba683458a13598fe4e5
+size 1097

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-view--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:70ac8f89ca84c501b0d6306aa49f22d7d78407e9cbc0480f42265fd0cab59f60
-size 996
+oid sha256:2d0270a08e24c96935f6d9e76cbeeba6aa317046c1057a708546b5634d264a1c
+size 1173

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-vote--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ccb306031369d6380a4a2e5576797e461d0e3b9d0271db15398e7088f77b5b89
-size 591
+oid sha256:c522252ba10d7170d9ea5512b80d8c9644ae0b51885ee4fd45cb02ccb0f1fe59
+size 752

package/dist/es2019/__tests__/vr-tests/__snapshots__/hover-card/hover-card-unauthorised--default--platform-sl-3p-preauth-better-hovercard-false.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:b4a410347ab9a62f38c2387c43e9dda88fc99579b03184d15bb56669aa4a4dd1
-size 24832
+oid sha256:5c6db3e054762487df1d46235e404950480972dc70353cd899987c112699f1e0
+size 22332

package/dist/es2019/__tests__/vr-tests/__snapshots__/icon-element-variations/icon-element-all-variations-with-experiments--default--platform-sl-3p-preauth-better-hovercard-killswitch-false-platform-sl-3p-preauth-better-hovercard-false.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:6a117559ef83d4ec2bc759d06ad90af7a7ca326aacc551c36f5634750f9bf8bd
-size 223769
+oid sha256:6052313dd815dce2eb1125a7878ce27cdc9d87672326c77ab37839afecf45038
+size 218155