@atlaskit/smart-card 45.20.7 → 45.21.1

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @atlaskit/smart-card
 
+## 45.21.1
+
+### Patch Changes
+
+- [`b94131fcee276`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b94131fcee276) -
+  Removes the `platform_smartlink_xpc_url_wrapping` feature gate and makes cross-product URL
+  wrapping for Smart Links permanent, on for all consumers.
+
+  What this behavior does: when a resolved Smart Link points to a first-party Atlassian destination
+  (e.g. a Jira issue, Confluence page), the URL used for navigation — via click, "Open link", or any
+  other destination-URL usage — now has a short-lived interaction-session query parameter (`xpis`)
+  appended automatically. This lets the destination product attribute the visit back to the product
+  and surface the link was opened from, powering cross-product usage analytics. It has no effect on:
+  - third-party (non-Atlassian) links,
+  - links that are not yet resolved,
+  - URLs that already contain the parameter.
+
+  No API shape changes: this only affects the resolved value returned by existing Smart Link
+  URL/navigation behavior (e.g. `Card`, `useSmartLinkDestinationUrl`, inline/block/embed card
+  click-through, and datasource table link cells). No new props, exports, or configuration are
+  introduced, and no action is required from consumers.
+
+- Updated dependencies
+
+## 45.21.0
+
+### Minor Changes
+
+- [`942e8a15cbdf1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/942e8a15cbdf1) -
+  Update i18n NPM package versions for linking-platform,smart-experiences (Group 15)
+
 ## 45.20.7
 
 ### Patch Changes

package/access-type/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/smart-card/access-type",
+  "main": "../dist/cjs/view/FlexibleCard/components/elements/custom-by-access-type-element/AccessType.js",
+  "module": "../dist/esm/view/FlexibleCard/components/elements/custom-by-access-type-element/AccessType.js",
+  "module:es2019": "../dist/es2019/view/FlexibleCard/components/elements/custom-by-access-type-element/AccessType.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/view/FlexibleCard/components/elements/custom-by-access-type-element/AccessType.d.ts"
+}

package/analytics/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@atlaskit/smart-card/analytics",
-  "main": "../dist/cjs/entry-points/analytics.js",
-  "module": "../dist/esm/entry-points/analytics.js",
-  "module:es2019": "../dist/es2019/entry-points/analytics.js",
+  "main": "../dist/cjs/utils/analytics/analytics.js",
+  "module": "../dist/esm/utils/analytics/analytics.js",
+  "module:es2019": "../dist/es2019/utils/analytics/analytics.js",
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/analytics.d.ts"
+  "types": "../dist/types/utils/analytics/analytics.d.ts"
 }

package/analytics/types/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@atlaskit/smart-card/analytics/types",
-  "main": "../../dist/cjs/entry-points/analytics-types.js",
-  "module": "../../dist/esm/entry-points/analytics-types.js",
-  "module:es2019": "../../dist/es2019/entry-points/analytics-types.js",
+  "main": "../../dist/cjs/utils/types.js",
+  "module": "../../dist/esm/utils/types.js",
+  "module:es2019": "../../dist/es2019/utils/types.js",
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/analytics-types.d.ts"
+  "types": "../../dist/types/utils/types.d.ts"
 }

package/block/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/smart-card/block",
+  "main": "../dist/cjs/view/FlexibleCard/components/blocks/block/Block.js",
+  "module": "../dist/esm/view/FlexibleCard/components/blocks/block/Block.js",
+  "module:es2019": "../dist/es2019/view/FlexibleCard/components/blocks/block/Block.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/view/FlexibleCard/components/blocks/block/Block.d.ts"
+}

package/card/lazy/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@atlaskit/smart-card/card/lazy",
-  "main": "../../dist/cjs/entry-points/card-lazy.js",
-  "module": "../../dist/esm/entry-points/card-lazy.js",
-  "module:es2019": "../../dist/es2019/entry-points/card-lazy.js",
+  "main": "../../dist/cjs/view/Card/index.js",
+  "module": "../../dist/esm/view/Card/index.js",
+  "module:es2019": "../../dist/es2019/view/Card/index.js",
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/card-lazy.d.ts"
+  "types": "../../dist/types/view/Card/index.d.ts"
 }

package/card/types/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@atlaskit/smart-card/card/types",
-  "main": "../../dist/cjs/entry-points/card-types.js",
-  "module": "../../dist/esm/entry-points/card-types.js",
-  "module:es2019": "../../dist/es2019/entry-points/card-types.js",
+  "main": "../../dist/cjs/view/Card/types.js",
+  "module": "../../dist/esm/view/Card/types.js",
+  "module:es2019": "../../dist/es2019/view/Card/types.js",
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/card-types.d.ts"
+  "types": "../../dist/types/view/Card/types.d.ts"
 }

package/class-names/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@atlaskit/smart-card/class-names",
-  "main": "../dist/cjs/entry-points/class-names.js",
-  "module": "../dist/esm/entry-points/class-names.js",
-  "module:es2019": "../dist/es2019/entry-points/class-names.js",
+  "main": "../dist/cjs/classNames.js",
+  "module": "../dist/esm/classNames.js",
+  "module:es2019": "../dist/es2019/classNames.js",
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/class-names.d.ts"
+  "types": "../dist/types/classNames.d.ts"
 }

package/custom-by-status-element/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/smart-card/custom-by-status-element",
+  "main": "../dist/cjs/view/FlexibleCard/components/elements/custom-by-status-element/CustomByStatusElement.js",
+  "module": "../dist/esm/view/FlexibleCard/components/elements/custom-by-status-element/CustomByStatusElement.js",
+  "module:es2019": "../dist/es2019/view/FlexibleCard/components/elements/custom-by-status-element/CustomByStatusElement.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/view/FlexibleCard/components/elements/custom-by-status-element/CustomByStatusElement.d.ts"
+}

package/custom-element-by-access-type/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/smart-card/custom-element-by-access-type",
+  "main": "../dist/cjs/view/FlexibleCard/components/elements/custom-by-access-type-element/CustomElementByAccessType.js",
+  "module": "../dist/esm/view/FlexibleCard/components/elements/custom-by-access-type-element/CustomElementByAccessType.js",
+  "module:es2019": "../dist/es2019/view/FlexibleCard/components/elements/custom-by-access-type-element/CustomElementByAccessType.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/view/FlexibleCard/components/elements/custom-by-access-type-element/CustomElementByAccessType.d.ts"
+}

package/custom-unresolved-action/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/smart-card/custom-unresolved-action",
+  "main": "../dist/cjs/view/FlexibleCard/components/actions/custom-unresolved-action/CustomUnresolvedAction.js",
+  "module": "../dist/esm/view/FlexibleCard/components/actions/custom-unresolved-action/CustomUnresolvedAction.js",
+  "module:es2019": "../dist/es2019/view/FlexibleCard/components/actions/custom-unresolved-action/CustomUnresolvedAction.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/view/FlexibleCard/components/actions/custom-unresolved-action/CustomUnresolvedAction.d.ts"
+}

package/dist/cjs/classNames.js

@@ -12,6 +12,7 @@ Object.defineProperty(exports, "blockCardIconImageClassName", {
 });
 exports.metadataListClassName = exports.loadingPlaceholderClassName = exports.contentFooterClassName = exports.blockCardResolvingViewClassName = exports.blockCardResolvedViewClassName = exports.blockCardResolvedViewByClassName = exports.blockCardNotFoundViewClassName = void 0;
 var _Icon = require("./view/common/Icon");
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
 var contentFooterClassName = exports.contentFooterClassName = 'smart-link-content-footer';
 var metadataListClassName = exports.metadataListClassName = 'smart-link-metadata-list';
 var blockCardResolvingViewClassName = exports.blockCardResolvingViewClassName = 'block-card-resolving-view';
@@ -19,6 +20,11 @@ var blockCardResolvedViewClassName = exports.blockCardResolvedViewClassName = 'b
 var blockCardResolvedViewByClassName = exports.blockCardResolvedViewByClassName = 'block-card-resolved-view-by';
 var blockCardForbiddenViewClassName = exports.blockCardForbiddenViewClassName = 'block-card-forbidden-view';
 var blockCardForbiddenViewLinkClassName = exports.blockCardForbiddenViewLinkClassName = 'block-card-forbidden-view-link';
+
+/**
+ * @deprecated Use `import { blockCardIconImageClassName } from '@atlaskit/smart-card/icon'` instead.
+ */
+
 var blockCardContentClassName = exports.blockCardContentClassName = 'block-card-content';
 var blockCardContentHeaderClassName = exports.blockCardContentHeaderClassName = 'block-card-content-header';
 var blockCardContentHeaderNameClassName = exports.blockCardContentHeaderNameClassName = 'block-card-content-header-name';

package/dist/cjs/common/ui/icons/angle-brackets-icon.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _angleBrackets = _interopRequireDefault(require("@atlaskit/icon/core/angle-brackets"));
-var _utils = require("./utils");
-var AngleBracketsIconWithColor = (0, _utils.renderIconTile)(_angleBrackets.default, 'blueBold');
+var _renderIconTile = require("./render-icon-tile");
+var AngleBracketsIconWithColor = (0, _renderIconTile.renderIconTile)(_angleBrackets.default, 'blueBold');
 AngleBracketsIconWithColor.displayName = 'AngleBracketsIconWithColor';
 var _default = exports.default = AngleBracketsIconWithColor;

package/dist/cjs/common/ui/icons/audio-icon.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _audio = _interopRequireDefault(require("@atlaskit/icon/core/audio"));
-var _utils = require("./utils");
-var AudioIconWithColor = (0, _utils.renderIconTile)(_audio.default, 'redBold');
+var _renderIconTile = require("./render-icon-tile");
+var AudioIconWithColor = (0, _renderIconTile.renderIconTile)(_audio.default, 'redBold');
 AudioIconWithColor.displayName = 'AudioIconWithColor';
 var _default = exports.default = AudioIconWithColor;

package/dist/cjs/common/ui/icons/blog-icon.js

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _blog = _interopRequireDefault(require("@atlaskit/object/blog"));
 var _blog2 = _interopRequireDefault(require("@atlaskit/object/tile/blog"));
-var _utils = require("./utils");
+var _renderIconPerSize = require("./render-icon-per-size");
 // This file is the FG-OFF fallback for platform_sl_icons_refactor.
 // Delete this file when platform_sl_icons_refactor is cleaned up.
 
-var BlogIconWithColor = (0, _utils.renderIconPerSize)(_blog.default, _blog2.default);
+var BlogIconWithColor = (0, _renderIconPerSize.renderIconPerSize)(_blog.default, _blog2.default);
 BlogIconWithColor.displayName = 'BlogIconWithColor';
 var _default = exports.default = BlogIconWithColor;

package/dist/cjs/common/ui/icons/chart-bar-icon.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _chartBar = _interopRequireDefault(require("@atlaskit/icon/core/chart-bar"));
-var _utils = require("./utils");
-var ChartBarIconWithColor = (0, _utils.renderIconTile)(_chartBar.default, 'purpleBold');
+var _renderIconTile = require("./render-icon-tile");
+var ChartBarIconWithColor = (0, _renderIconTile.renderIconTile)(_chartBar.default, 'purpleBold');
 ChartBarIconWithColor.displayName = 'ChartBarIconWithColor';
 var _default = exports.default = ChartBarIconWithColor;

package/dist/cjs/common/ui/icons/file-icon.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _file = _interopRequireDefault(require("@atlaskit/icon/core/file"));
-var _utils = require("./utils");
-var FileIconWithColor = (0, _utils.renderIconTile)(_file.default, 'grayBold');
+var _renderIconTile = require("./render-icon-tile");
+var FileIconWithColor = (0, _renderIconTile.renderIconTile)(_file.default, 'grayBold');
 FileIconWithColor.displayName = 'FileIconWithColor';
 var _default = exports.default = FileIconWithColor;

package/dist/cjs/common/ui/icons/folder-icon.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _folderClosed = _interopRequireDefault(require("@atlaskit/icon/core/folder-closed"));
-var _utils = require("./utils");
-var FolderClosedIconWithColor = (0, _utils.renderIconTile)(_folderClosed.default, 'blueBold');
+var _renderIconTile = require("./render-icon-tile");
+var FolderClosedIconWithColor = (0, _renderIconTile.renderIconTile)(_folderClosed.default, 'blueBold');
 FolderClosedIconWithColor.displayName = 'FolderClosedIconWithColor';
 var _default = exports.default = FolderClosedIconWithColor;

package/dist/cjs/common/ui/icons/image-icon.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _image = _interopRequireDefault(require("@atlaskit/icon/core/image"));
-var _utils = require("./utils");
-var ImageIconWithColor = (0, _utils.renderIconTile)(_image.default, 'yellowBold');
+var _renderIconTile = require("./render-icon-tile");
+var ImageIconWithColor = (0, _renderIconTile.renderIconTile)(_image.default, 'yellowBold');
 ImageIconWithColor.displayName = 'ImageIconWithColor';
 var _default = exports.default = ImageIconWithColor;

package/dist/cjs/common/ui/icons/list-bullet-icon.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _listBulleted = _interopRequireDefault(require("@atlaskit/icon/core/list-bulleted"));
-var _utils = require("./utils");
-var ListBulletedIconWithColor = (0, _utils.renderIconTile)(_listBulleted.default, 'greenBold');
+var _renderIconTile = require("./render-icon-tile");
+var ListBulletedIconWithColor = (0, _renderIconTile.renderIconTile)(_listBulleted.default, 'greenBold');
 ListBulletedIconWithColor.displayName = 'ListBulletedIconWithColor';
 var _default = exports.default = ListBulletedIconWithColor;

package/dist/cjs/common/ui/icons/live-document-icon.js

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _pageLiveDoc = _interopRequireDefault(require("@atlaskit/object/page-live-doc"));
 var _pageLiveDoc2 = _interopRequireDefault(require("@atlaskit/object/tile/page-live-doc"));
-var _utils = require("./utils");
+var _renderIconPerSize = require("./render-icon-per-size");
 // This file is the FG-OFF fallback for platform_sl_icons_refactor.
 // Delete this file when platform_sl_icons_refactor is cleaned up.
 
-var LiveDocumentIconWithColor = (0, _utils.renderIconPerSize)(_pageLiveDoc.default, _pageLiveDoc2.default);
+var LiveDocumentIconWithColor = (0, _renderIconPerSize.renderIconPerSize)(_pageLiveDoc.default, _pageLiveDoc2.default);
 LiveDocumentIconWithColor.displayName = 'LiveDocumentIconWithColor';
 var _default = exports.default = LiveDocumentIconWithColor;

package/dist/cjs/common/ui/icons/page-icon.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _page = _interopRequireDefault(require("@atlaskit/icon/core/page"));
-var _utils = require("./utils");
-var PageIconWithColor = (0, _utils.renderIconTile)(_page.default, 'blueBold');
+var _renderIconTile = require("./render-icon-tile");
+var PageIconWithColor = (0, _renderIconTile.renderIconTile)(_page.default, 'blueBold');
 PageIconWithColor.displayName = 'PageIconWithColor';
 var _default = exports.default = PageIconWithColor;

package/dist/cjs/common/ui/icons/render-icon-per-size.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderIconPerSize = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _isIconSizeLarge = require("../../../utils/is-icon-size-large");
+var _excluded = ["size"];
+/**
+ * For large/xlarge smart-link icon size, renders an `@atlaskit/object/tile/*` component; otherwise a standard `@atlaskit/object` glyph.
+ */
+var renderIconPerSize = exports.renderIconPerSize = function renderIconPerSize(ObjectIcon, ObjectTileIcon) {
+  return function (_ref) {
+    var size = _ref.size,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    if ((0, _isIconSizeLarge.isIconSizeLarge)(size)) {
+      return /*#__PURE__*/_react.default.createElement(ObjectTileIcon, (0, _extends2.default)({}, props, {
+        size: "small"
+      }));
+    }
+    return /*#__PURE__*/_react.default.createElement(ObjectIcon, props);
+  };
+};

package/dist/cjs/common/ui/icons/render-icon-tile.js

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderIconTile = void 0;
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _iconTile = _interopRequireDefault(require("@atlaskit/icon/icon-tile"));
+var _transformSmartLinkSizeToIconTileSize = require("./transform-smart-link-size-to-icon-tile-size");
+var _excluded = ["size", "isTiledIcon"];
+/**
+ * Maps IconTile appearance to the icon glyph color token to use when rendering
+ * a standalone icon (without a tile background).
+ */
+var appearanceToStandaloneIconColor = {
+  blue: "var(--ds-icon-accent-blue, #357DE8)",
+  blueBold: "var(--ds-icon-accent-blue, #357DE8)",
+  gray: "var(--ds-icon-accent-gray, #7D818A)",
+  grayBold: "var(--ds-icon-accent-gray, #7D818A)",
+  green: "var(--ds-icon-accent-green, #22A06B)",
+  greenBold: "var(--ds-icon-accent-green, #22A06B)",
+  lime: "var(--ds-icon-accent-lime, #6A9A23)",
+  limeBold: "var(--ds-icon-accent-lime, #6A9A23)",
+  magenta: "var(--ds-icon-accent-magenta, #CD519D)",
+  magentaBold: "var(--ds-icon-accent-magenta, #CD519D)",
+  orange: "var(--ds-icon-accent-orange, #E06C00)",
+  orangeBold: "var(--ds-icon-accent-orange, #E06C00)",
+  purple: "var(--ds-icon-accent-purple, #AF59E1)",
+  purpleBold: "var(--ds-icon-accent-purple, #AF59E1)",
+  red: "var(--ds-icon-accent-red, #C9372C)",
+  redBold: "var(--ds-icon-accent-red, #C9372C)",
+  teal: "var(--ds-icon-accent-teal, #2898BD)",
+  tealBold: "var(--ds-icon-accent-teal, #2898BD)",
+  yellow: "var(--ds-icon-accent-yellow, #B38600)",
+  yellowBold: "var(--ds-icon-accent-yellow, #B38600)"
+};
+var renderIconTile = exports.renderIconTile = function renderIconTile(Icon, appearance) {
+  return function (_ref) {
+    var size = _ref.size,
+      isTiledIcon = _ref.isTiledIcon,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    var tileSize = (0, _transformSmartLinkSizeToIconTileSize.transformSmartLinkSizeToIconTileSize)(size);
+    if (tileSize === undefined) {
+      var _props$label;
+      // size="16" has been removed — render the icon directly without a tile,
+      // using the appearance-derived color so it still matches the intended style.
+      var label = (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : '';
+      return /*#__PURE__*/_react.default.createElement("span", {
+        role: label ? 'img' : undefined,
+        "aria-label": label || undefined,
+        "data-testid": props.testId
+      }, /*#__PURE__*/_react.default.createElement(Icon, {
+        color: appearanceToStandaloneIconColor[appearance],
+        label: ""
+      }));
+    }
+    var tileProps = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(props), props));
+    return /*#__PURE__*/_react.default.createElement(_iconTile.default, (0, _extends2.default)({
+      appearance: appearance,
+      icon: isTiledIcon ? function (iconProps) {
+        return /*#__PURE__*/_react.default.createElement(Icon, (0, _extends2.default)({}, iconProps, {
+          spacing: "spacious"
+        }));
+      } : Icon,
+      size: tileSize
+    }, tileProps));
+  };
+};

package/dist/cjs/common/ui/icons/transform-smart-link-size-to-icon-tile-size.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.transformSmartLinkSizeToIconTileSize = void 0;
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _constants = require("../../../constants");
+/**
+ * Maps a SmartLinkSize to an IconTileSize, or undefined if the size is too
+ * small to render as a tile (e.g. SmartLinkSize.Small / Medium, or no size).
+ * When undefined is returned, the caller should render the icon directly
+ * without a tile.
+ */
+var transformSmartLinkSizeToIconTileSize = exports.transformSmartLinkSizeToIconTileSize = function transformSmartLinkSizeToIconTileSize(size) {
+  if ((0, _fg.fg)('platform_sl_icons_refactor')) {
+    switch (size) {
+      case _constants.SmartLinkSize.Small:
+      case _constants.SmartLinkSize.Medium:
+        return undefined;
+      case _constants.SmartLinkSize.XLarge:
+      case _constants.SmartLinkSize.Large:
+        return 'small';
+      default:
+        return undefined;
+    }
+  }
+  switch (size) {
+    case _constants.SmartLinkSize.XLarge:
+    case _constants.SmartLinkSize.Large:
+      return 'small';
+    default:
+      // SmartLinkSize.Small, SmartLinkSize.Medium, and undefined all
+      // previously mapped to size="16" which has been removed. Render
+      // the icon directly (no tile) for these sizes.
+      return undefined;
+  }
+};

package/dist/cjs/common/ui/icons/video-icon.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _video = _interopRequireDefault(require("@atlaskit/icon/core/video"));
-var _utils = require("./utils");
-var VideoIconWithColor = (0, _utils.renderIconTile)(_video.default, 'redBold');
+var _renderIconTile = require("./render-icon-tile");
+var VideoIconWithColor = (0, _renderIconTile.renderIconTile)(_video.default, 'redBold');
 VideoIconWithColor.displayName = 'VideoIconWithColor';
 var _default = exports.default = VideoIconWithColor;

package/dist/cjs/extractors/action/extract-invoke-copy-link-action.js

@@ -9,8 +9,9 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _extractSmartLinkUrl = require("@atlaskit/link-extractors/extract-smart-link-url");
 var _constants = require("../../constants");
-var _index = require("../../index");
-var _helpers = require("../../state/helpers");
+var _getDefinitionId = require("../../state/getDefinitionId");
+var _getExtensionKey = require("../../state/getExtensionKey");
+var _getResourceType = require("../../state/getResourceType");
 var _canShowAction = require("../../utils/actions/can-show-action");
 var extractInvokeCopyLinkAction = exports.extractInvokeCopyLinkAction = function extractInvokeCopyLinkAction(_ref) {
   var actionOptions = _ref.actionOptions,
@@ -43,11 +44,11 @@ var extractInvokeCopyLinkAction = exports.extractInvokeCopyLinkAction = function
       return actionFn;
     }(),
     actionSubjectId: 'copyLink',
-    actionType: _index.ActionName.CopyLinkAction,
-    definitionId: (0, _helpers.getDefinitionId)(response),
+    actionType: _constants.ActionName.CopyLinkAction,
+    definitionId: (0, _getDefinitionId.getDefinitionId)(response),
     display: appearance,
-    extensionKey: (0, _helpers.getExtensionKey)(response),
+    extensionKey: (0, _getExtensionKey.getExtensionKey)(response),
     id: id,
-    resourceType: (0, _helpers.getResourceType)(response)
+    resourceType: (0, _getResourceType.getResourceType)(response)
   };
 };

package/dist/cjs/extractors/action/extract-invoke-download-action.js

@@ -9,9 +9,10 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _extractSmartLinkDownloadUrl = require("@atlaskit/link-extractors/extract-smart-link-download-url");
 var _constants = require("../../constants");
-var _index = require("../../index");
-var _helpers = require("../../state/helpers");
-var _utils = require("../../utils");
+var _getDefinitionId = require("../../state/getDefinitionId");
+var _getExtensionKey = require("../../state/getExtensionKey");
+var _getResourceType = require("../../state/getResourceType");
+var _downloadUrl = require("../../utils/download-url");
 var _canShowAction = require("../../utils/actions/can-show-action");
 var _extractActions = require("../common/actions/extractActions");
 var extractInvokeDownloadAction = exports.extractInvokeDownloadAction = function extractInvokeDownloadAction(_ref) {
@@ -34,7 +35,7 @@ var extractInvokeDownloadAction = exports.extractInvokeDownloadAction = function
           return _regenerator.default.wrap(function (_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
-                return _context.abrupt("return", (0, _utils.downloadUrl)(downloadUrl));
+                return _context.abrupt("return", (0, _downloadUrl.downloadUrl)(downloadUrl));
               case 1:
               case "end":
                 return _context.stop();
@@ -47,12 +48,12 @@ var extractInvokeDownloadAction = exports.extractInvokeDownloadAction = function
         return actionFn;
       }(),
       actionSubjectId: 'downloadDocument',
-      actionType: _index.ActionName.DownloadAction,
-      definitionId: (0, _helpers.getDefinitionId)(response),
+      actionType: _constants.ActionName.DownloadAction,
+      definitionId: (0, _getDefinitionId.getDefinitionId)(response),
       display: appearance,
-      extensionKey: (0, _helpers.getExtensionKey)(response),
+      extensionKey: (0, _getExtensionKey.getExtensionKey)(response),
       id: id,
-      resourceType: (0, _helpers.getResourceType)(response)
+      resourceType: (0, _getResourceType.getResourceType)(response)
     };
   }
 };

package/dist/cjs/extractors/action/extract-invoke-preview-action.js

@@ -18,13 +18,12 @@ var _utils = require("@atlaskit/linking-common/utils");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _constants = require("../../constants");
-var _index = require("../../index");
-var _helpers = require("../../state/helpers");
+var _getExtensionKey = require("../../state/getExtensionKey");
 var _canShowAction = require("../../utils/actions/can-show-action");
 var _utils2 = require("../../view/EmbedModal/utils");
 var _extractIsSupportTheming = require("../common/meta/extractIsSupportTheming");
 var _extractIsTrusted = require("../common/meta/extractIsTrusted");
-var _icon = require("../flexible/icon");
+var _extractLinkIcon = require("../flexible/icon/extract-link-icon");
 var _extractInvokeDownloadAction = require("./extract-invoke-download-action");
 var _extractInvokeViewAction = require("./extract-invoke-view-action");
 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; }
@@ -82,7 +81,7 @@ var extractInvokePreviewAction = exports.extractInvokePreviewAction = function e
     return;
   }
   if (src) {
-    var extensionKey = (0, _helpers.getExtensionKey)(response);
+    var extensionKey = (0, _getExtensionKey.getExtensionKey)(response);
     return {
       hasPreviewPanel: hasPreviewPanel,
       invokeAction: {
@@ -125,7 +124,7 @@ var extractInvokePreviewAction = exports.extractInvokePreviewAction = function e
                     invokeViewAction: (0, _extractInvokeViewAction.extractInvokeViewAction)(param, true),
                     isSupportTheming: (0, _extractIsSupportTheming.extractIsSupportTheming)(meta),
                     isTrusted: (0, _extractIsTrusted.extractIsTrusted)(meta),
-                    linkIcon: (0, _icon.extractLinkIcon)(response),
+                    linkIcon: (0, _extractLinkIcon.extractLinkIcon)(response),
                     providerName: (_extractSmartLinkProv = (0, _extractSmartLinkProvider.extractSmartLinkProvider)(response)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text,
                     onClose: onClose,
                     origin: origin,
@@ -153,7 +152,7 @@ var extractInvokePreviewAction = exports.extractInvokePreviewAction = function e
           return actionFn;
         }(),
         actionSubjectId: 'invokePreviewScreen',
-        actionType: _index.ActionName.PreviewAction,
+        actionType: _constants.ActionName.PreviewAction,
         display: display,
         extensionKey: extensionKey,
         id: id