@atlaskit/smart-card 23.1.2 → 23.1.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/smart-card
 
+## 23.1.4
+
+### Patch Changes
+
+- [`e6d8d32e33e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e6d8d32e33e) - [ux] Update token usages in the loading shimmer effect to be smoother for inline cards. Updated appearances only visible in applications configured to use the new Tokens API (currently in alpha).
+
+## 23.1.3
+
+### Patch Changes
+
+- [`558e0af2263`](https://bitbucket.org/atlassian/atlassian-frontend/commits/558e0af2263) - Embed Preview: Clean up experiment
+
 ## 23.1.2
 
 ### Patch Changes

package/dist/cjs/extractors/common/actions/extractPreviewAction.js

@@ -72,7 +72,6 @@ var extractPreviewAction = function extractPreviewAction(_ref) {
       origin = _ref.origin,
       _ref$source = _ref.source,
       source = _ref$source === void 0 ? 'block' : _ref$source,
-      featureFlags = _ref.featureFlags,
       analytics = _ref.analytics;
   // Extract metadata from view props & raw JSON-LD.
   var metadataFromJsonLd = getMetadataFromJsonLd(jsonLd, platform);
@@ -87,7 +86,6 @@ var extractPreviewAction = function extractPreviewAction(_ref) {
     var previewAction = (0, _BlockCard.PreviewAction)(_objectSpread(_objectSpread({}, metadata), {}, {
       analytics: analytics,
       origin: origin,
-      featureFlags: featureFlags,
       testId: testId,
       onDownloadActionClick: function onDownloadActionClick() {
         handleInvoke(getInvokeOpts(key, 'DownloadAction'));

package/dist/cjs/state/hooks-external/useSmartLinkActions.js

@@ -13,8 +13,6 @@ var _react = require("react");
 
 var _uuid = _interopRequireDefault(require("uuid"));
 
-var _linkProvider = require("@atlaskit/link-provider");
-
 var _block = require("../../extractors/block");
 
 var _actions = require("../actions");
@@ -43,21 +41,13 @@ function useSmartLinkActions(_ref) {
 
   var linkState = (0, _store.useSmartCardState)(url);
   var linkAnalytics = (0, _analytics.useSmartLinkAnalytics)(url, analyticsHandler, id);
-  var linkActions = (0, _actions.useSmartCardActions)(id, url, linkAnalytics); // Actions do not have access to the react tree, so we need to obtain
-  // feature flags here where we still can access SmartLinkContext context
-  // and pass the flags down to the extractor. See PreviewAction.tsx for details.
-
-  var embedModalSize = (0, _linkProvider.useFeatureFlag)('embedModalSize');
+  var linkActions = (0, _actions.useSmartCardActions)(id, url, linkAnalytics);
   (0, _react.useEffect)(function () {
     if (!linkState.details) {
       return;
     }
 
-    var featureFlags = {
-      embedModalSize: embedModalSize
-    };
     var cardProperties = (0, _block.extractBlockProps)(linkState.details.data, linkState.details.meta, {
-      featureFlags: featureFlags,
       handleInvoke: function handleInvoke(opts) {
         return linkActions.invoke(opts, appearance);
       },
@@ -79,6 +69,6 @@ function useSmartLinkActions(_ref) {
       };
     });
     setActions(cardActions);
-  }, [linkState, linkActions, linkAnalytics, appearance, platform, embedModalSize, origin]);
+  }, [linkState, linkActions, linkAnalytics, appearance, platform, origin]);
   return actions;
 }

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "23.1.2",
+	"version": "23.1.4",
 	"sideEffects": false
 }

package/dist/cjs/view/BlockCard/actions/PreviewAction.js

@@ -119,13 +119,9 @@ var _default = function _default(_ref2) {
       return previewFunction(_objectSpread({
         popupMountPointId: 'twp-editor-preview-iframe',
         providerName: 'Preview',
-        closeLabel: 'Close Preview',
         showModal: true,
         iframeName: 'twp-editor-preview-iframe',
-        onClose: function onClose() {},
-        metadata: {
-          items: details || []
-        }
+        onClose: function onClose() {}
       }, rest));
     }
   };

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

@@ -91,8 +91,6 @@ var _ForbiddenView = require("./views/ForbiddenView");
 
 var _ErroredView = require("./views/ErroredView");
 
-var _linkProvider = require("@atlaskit/link-provider");
-
 var _PreviewAction = _interopRequireDefault(require("./actions/PreviewAction"));
 
 var BlockCard = function BlockCard(_ref) {
@@ -115,19 +113,11 @@ var BlockCard = function BlockCard(_ref) {
       showActions = _ref.showActions,
       platform = _ref.platform,
       analytics = _ref.analytics;
-  // Actions do not have access to the react tree, so we need to obtain
-  // feature flags here where we still can access SmartLinkContext context
-  // and pass the flags down to the extractor. See PreviewAction.tsx for details.
-  var embedModalSize = (0, _linkProvider.useFeatureFlag)('embedModalSize');
-  var featureFlags = {
-    embedModalSize: embedModalSize
-  };
   var data = details && details.data || (0, _jsonld.getEmptyJsonLd)();
   var meta = details && details.meta;
   var extractorOpts = {
     analytics: analytics,
     origin: 'smartLinkCard',
-    featureFlags: featureFlags,
     handleInvoke: handleInvoke,
     extensionKey: (0, _helpers.getExtensionKey)(details)
   };

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

@@ -25,8 +25,6 @@ var _types = require("./types");
 
 var _errorBoundary = _interopRequireDefault(require("./components/error-boundary"));
 
-var _sizeExperiment = _interopRequireDefault(require("./components/size-experiment"));
-
 var _analytics = _interopRequireDefault(require("./components/analytics"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -55,7 +53,7 @@ var EmbedModal = function EmbedModal(_ref) {
       providerName = _ref.providerName,
       showModal = _ref.showModal,
       _ref$size = _ref.size,
-      size = _ref$size === void 0 ? _types.EmbedModalSize.Small : _ref$size,
+      size = _ref$size === void 0 ? _types.EmbedModalSize.Large : _ref$size,
       src = _ref.src,
       _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'smart-embed-preview-modal' : _ref$testId,
@@ -131,6 +129,6 @@ var EmbedModal = function EmbedModal(_ref) {
   }))));
 };
 
-var _default = (0, _sizeExperiment.default)((0, _analytics.default)((0, _errorBoundary.default)(EmbedModal)));
+var _default = (0, _analytics.default)((0, _errorBoundary.default)(EmbedModal));
 
 exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/common/loading-skeleton/index.js

@@ -22,7 +22,7 @@ var LoadingSkeleton = function LoadingSkeleton(_ref) {
       width = _ref.width,
       height = _ref.height;
   var animationNameStyles = (0, _react2.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    0% { background-position: 50%  0; }\n    100% { background-position: -50% 0; }\n  "])));
-  var styles = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    width: ", "rem;\n    height: ", "rem;\n    border-radius: 2px;\n    user-select: none;\n    background: ", ";\n    background-image: linear-gradient(\n      to right,\n      ", " 0%,\n      ", " 20%,\n      ", " 40%,\n      ", " 100%\n    );\n    background-repeat: no-repeat;\n    background-size: 280% 100%;\n    display: inline-block;\n\n    animation-duration: 1s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-name: ", ";\n    animation-timing-function: linear;\n  "])), width, height, (0, _tokens.token)('color.skeleton.subtle', '#f6f7f8'), (0, _tokens.token)('utility.UNSAFE_util.transparent', '#f6f7f8'), (0, _tokens.token)('color.skeleton', '#edeef1'), (0, _tokens.token)('color.skeleton.subtle', '#f6f7f8'), (0, _tokens.token)('color.skeleton.subtle', '#f6f7f8'), animationNameStyles);
+  var styles = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    width: ", "rem;\n    height: ", "rem;\n    border-radius: 2px;\n    user-select: none;\n    background: ", ";\n    background-image: linear-gradient(\n      to right,\n      transparent 0%,\n      ", " 20%,\n      transparent 40%,\n      transparent 100%\n    );\n    background-repeat: no-repeat;\n    background-size: 280% 100%;\n    display: inline-block;\n\n    animation-duration: 1s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-name: ", ";\n    animation-timing-function: linear;\n  "])), width, height, (0, _tokens.token)('color.skeleton.subtle', '#f6f7f8'), (0, _tokens.token)('color.skeleton', '#edeef1'), animationNameStyles);
   return (0, _react2.jsx)("span", {
     css: styles,
     "data-testid": testId

package/dist/cjs/view/InlineCard/Icon.js

@@ -34,6 +34,6 @@ var AKIconWrapper = _styled.default.span(_templateObject3 || (_templateObject3 =
 
 exports.AKIconWrapper = AKIconWrapper;
 
-var Shimmer = _styled.default.span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  height: 14px;\n  width: 14px;\n  margin-right: 4px;\n  border-radius: 2px;\n  user-select: none;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background: ", ";\n  background-image: linear-gradient(\n    to right,\n    ", " 0%,\n    ", " 20%,\n    ", " 40%,\n    ", " 100%\n  );\n  background-repeat: no-repeat;\n  background-size: 40px 14px;\n  display: inline-block;\n\n  animation-duration: 1s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: ", ";\n  animation-timing-function: linear;\n"])), (0, _tokens.token)('color.skeleton.subtle', '#f6f7f8'), (0, _tokens.token)('utility.UNSAFE_util.transparent', '#f6f7f8'), (0, _tokens.token)('color.skeleton', '#edeef1'), (0, _tokens.token)('color.skeleton.subtle', '#f6f7f8'), (0, _tokens.token)('color.skeleton.subtle', '#f6f7f8'), placeholderShimmer);
+var Shimmer = _styled.default.span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  height: 14px;\n  width: 14px;\n  margin-right: 4px;\n  border-radius: 2px;\n  user-select: none;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background: ", ";\n  background-image: linear-gradient(\n    to right,\n    transparent 0%,\n    ", " 20%,\n    transparent 40%,\n    transparent 100%\n  );\n  background-repeat: no-repeat;\n  background-size: 40px 14px;\n  display: inline-block;\n\n  animation-duration: 1s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: ", ";\n  animation-timing-function: linear;\n"])), (0, _tokens.token)('color.skeleton.subtle', '#f6f7f8'), (0, _tokens.token)('color.skeleton', '#edeef1'), placeholderShimmer);
 
 exports.Shimmer = Shimmer;

package/dist/es2019/extractors/common/actions/extractPreviewAction.js

@@ -47,7 +47,6 @@ export const extractPreviewAction = ({
   platform,
   origin,
   source = 'block',
-  featureFlags,
   analytics
 }) => {
   // Extract metadata from view props & raw JSON-LD.
@@ -63,7 +62,6 @@ export const extractPreviewAction = ({
     const previewAction = PreviewAction({ ...metadata,
       analytics,
       origin,
-      featureFlags,
       testId,
       onDownloadActionClick: () => {
         handleInvoke(getInvokeOpts(key, 'DownloadAction'));

package/dist/es2019/state/hooks-external/useSmartLinkActions.js

@@ -1,6 +1,5 @@
 import { useEffect, useMemo, useState } from 'react';
 import uuid from 'uuid';
-import { useFeatureFlag } from '@atlaskit/link-provider';
 import { extractBlockProps as extractCardProps } from '../../extractors/block';
 import { useSmartCardActions as useLinkActions } from '../actions';
 import { useSmartLinkAnalytics as useLinkAnalytics } from '../analytics';
@@ -17,21 +16,13 @@ export function useSmartLinkActions({
   const [actions, setActions] = useState([]);
   const linkState = useLinkState(url);
   const linkAnalytics = useLinkAnalytics(url, analyticsHandler, id);
-  const linkActions = useLinkActions(id, url, linkAnalytics); // Actions do not have access to the react tree, so we need to obtain
-  // feature flags here where we still can access SmartLinkContext context
-  // and pass the flags down to the extractor. See PreviewAction.tsx for details.
-
-  const embedModalSize = useFeatureFlag('embedModalSize');
+  const linkActions = useLinkActions(id, url, linkAnalytics);
   useEffect(() => {
     if (!linkState.details) {
       return;
     }
 
-    const featureFlags = {
-      embedModalSize
-    };
     const cardProperties = extractCardProps(linkState.details.data, linkState.details.meta, {
-      featureFlags,
       handleInvoke: opts => linkActions.invoke(opts, appearance),
       analytics: linkAnalytics,
       origin,
@@ -49,6 +40,6 @@ export function useSmartLinkActions({
       invoke: action.promise
     }));
     setActions(cardActions);
-  }, [linkState, linkActions, linkAnalytics, appearance, platform, embedModalSize, origin]);
+  }, [linkState, linkActions, linkAnalytics, appearance, platform, origin]);
   return actions;
 }

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "23.1.2",
+	"version": "23.1.4",
 	"sideEffects": false
 }

package/dist/es2019/view/BlockCard/actions/PreviewAction.js

@@ -58,13 +58,9 @@ export default (({
   promise: () => previewFunction({
     popupMountPointId: 'twp-editor-preview-iframe',
     providerName: 'Preview',
-    closeLabel: 'Close Preview',
     showModal: true,
     iframeName: 'twp-editor-preview-iframe',
     onClose: () => {},
-    metadata: {
-      items: details || []
-    },
     ...rest
   })
 }));

package/dist/es2019/view/BlockCard/index.js

@@ -13,7 +13,6 @@ import { ResolvingView as BlockCardResolvingView } from './views/ResolvingView';
 import { UnauthorizedView as BlockCardUnauthorisedView } from './views/UnauthorizedView';
 import { ForbiddenView as BlockCardForbiddenView } from './views/ForbiddenView';
 import { ErroredView as BlockCardErroredView } from './views/ErroredView';
-import { useFeatureFlag } from '@atlaskit/link-provider';
 export { default as PreviewAction } from './actions/PreviewAction';
 export { ForbiddenAction, AuthorizeAction, BlockCardResolvedView, BlockCardResolvingView, BlockCardUnauthorisedView, BlockCardForbiddenView, BlockCardErroredView, BlockCardNotFoundView };
 export const BlockCard = ({
@@ -38,19 +37,11 @@ export const BlockCard = ({
 }) => {
   var _details$meta, _forbiddenViewProps$c;
 
-  // Actions do not have access to the react tree, so we need to obtain
-  // feature flags here where we still can access SmartLinkContext context
-  // and pass the flags down to the extractor. See PreviewAction.tsx for details.
-  const embedModalSize = useFeatureFlag('embedModalSize');
-  const featureFlags = {
-    embedModalSize
-  };
   const data = details && details.data || getEmptyJsonLd();
   const meta = details && details.meta;
   const extractorOpts = {
     analytics,
     origin: 'smartLinkCard',
-    featureFlags,
     handleInvoke,
     extensionKey: getExtensionKey(details)
   };

package/dist/es2019/view/EmbedModal/index.js

@@ -5,7 +5,6 @@ import { MAX_MODAL_SIZE, MIN_MODAL_SIZE } from './constants';
 import EmbedContent from './components/embed-content';
 import { EmbedModalSize } from './types';
 import withErrorBoundary from './components/error-boundary';
-import withSizeExperiment from './components/size-experiment';
 import withAnalytics from './components/analytics';
 
 const toSize = width => width === MAX_MODAL_SIZE ? EmbedModalSize.Large : EmbedModalSize.Small;
@@ -24,7 +23,7 @@ const EmbedModal = ({
   onViewActionClick,
   providerName,
   showModal,
-  size = EmbedModalSize.Small,
+  size = EmbedModalSize.Large,
   src,
   testId = 'smart-embed-preview-modal',
   title,
@@ -89,4 +88,4 @@ const EmbedModal = ({
   }))));
 };
 
-export default withSizeExperiment(withAnalytics(withErrorBoundary(EmbedModal)));
+export default withAnalytics(withErrorBoundary(EmbedModal));

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

@@ -20,10 +20,10 @@ const LoadingSkeleton = ({
     background: ${token('color.skeleton.subtle', '#f6f7f8')};
     background-image: linear-gradient(
       to right,
-      ${token('utility.UNSAFE_util.transparent', '#f6f7f8')} 0%,
+      transparent 0%,
       ${token('color.skeleton', '#edeef1')} 20%,
-      ${token('color.skeleton.subtle', '#f6f7f8')} 40%,
-      ${token('color.skeleton.subtle', '#f6f7f8')} 100%
+      transparent 40%,
+      transparent 100%
     );
     background-repeat: no-repeat;
     background-size: 280% 100%;

package/dist/es2019/view/InlineCard/Icon.js

@@ -45,10 +45,10 @@ export const Shimmer = styled.span`
   background: ${token('color.skeleton.subtle', '#f6f7f8')};
   background-image: linear-gradient(
     to right,
-    ${token('utility.UNSAFE_util.transparent', '#f6f7f8')} 0%,
+    transparent 0%,
     ${token('color.skeleton', '#edeef1')} 20%,
-    ${token('color.skeleton.subtle', '#f6f7f8')} 40%,
-    ${token('color.skeleton.subtle', '#f6f7f8')} 100%
+    transparent 40%,
+    transparent 100%
   );
   background-repeat: no-repeat;
   background-size: 40px 14px;

package/dist/esm/extractors/common/actions/extractPreviewAction.js

@@ -61,7 +61,6 @@ export var extractPreviewAction = function extractPreviewAction(_ref) {
       origin = _ref.origin,
       _ref$source = _ref.source,
       source = _ref$source === void 0 ? 'block' : _ref$source,
-      featureFlags = _ref.featureFlags,
       analytics = _ref.analytics;
   // Extract metadata from view props & raw JSON-LD.
   var metadataFromJsonLd = getMetadataFromJsonLd(jsonLd, platform);
@@ -76,7 +75,6 @@ export var extractPreviewAction = function extractPreviewAction(_ref) {
     var previewAction = PreviewAction(_objectSpread(_objectSpread({}, metadata), {}, {
       analytics: analytics,
       origin: origin,
-      featureFlags: featureFlags,
       testId: testId,
       onDownloadActionClick: function onDownloadActionClick() {
         handleInvoke(getInvokeOpts(key, 'DownloadAction'));

package/dist/esm/state/hooks-external/useSmartLinkActions.js

@@ -1,7 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useEffect, useMemo, useState } from 'react';
 import uuid from 'uuid';
-import { useFeatureFlag } from '@atlaskit/link-provider';
 import { extractBlockProps as extractCardProps } from '../../extractors/block';
 import { useSmartCardActions as useLinkActions } from '../actions';
 import { useSmartLinkAnalytics as useLinkAnalytics } from '../analytics';
@@ -25,21 +24,13 @@ export function useSmartLinkActions(_ref) {
 
   var linkState = useLinkState(url);
   var linkAnalytics = useLinkAnalytics(url, analyticsHandler, id);
-  var linkActions = useLinkActions(id, url, linkAnalytics); // Actions do not have access to the react tree, so we need to obtain
-  // feature flags here where we still can access SmartLinkContext context
-  // and pass the flags down to the extractor. See PreviewAction.tsx for details.
-
-  var embedModalSize = useFeatureFlag('embedModalSize');
+  var linkActions = useLinkActions(id, url, linkAnalytics);
   useEffect(function () {
     if (!linkState.details) {
       return;
     }
 
-    var featureFlags = {
-      embedModalSize: embedModalSize
-    };
     var cardProperties = extractCardProps(linkState.details.data, linkState.details.meta, {
-      featureFlags: featureFlags,
       handleInvoke: function handleInvoke(opts) {
         return linkActions.invoke(opts, appearance);
       },
@@ -61,6 +52,6 @@ export function useSmartLinkActions(_ref) {
       };
     });
     setActions(cardActions);
-  }, [linkState, linkActions, linkAnalytics, appearance, platform, embedModalSize, origin]);
+  }, [linkState, linkActions, linkAnalytics, appearance, platform, origin]);
   return actions;
 }

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "23.1.2",
+	"version": "23.1.4",
 	"sideEffects": false
 }

package/dist/esm/view/BlockCard/actions/PreviewAction.js

@@ -92,13 +92,9 @@ export default (function (_ref2) {
       return previewFunction(_objectSpread({
         popupMountPointId: 'twp-editor-preview-iframe',
         providerName: 'Preview',
-        closeLabel: 'Close Preview',
         showModal: true,
         iframeName: 'twp-editor-preview-iframe',
-        onClose: function onClose() {},
-        metadata: {
-          items: details || []
-        }
+        onClose: function onClose() {}
       }, rest));
     }
   };

package/dist/esm/view/BlockCard/index.js

@@ -13,7 +13,6 @@ import { ResolvingView as BlockCardResolvingView } from './views/ResolvingView';
 import { UnauthorizedView as BlockCardUnauthorisedView } from './views/UnauthorizedView';
 import { ForbiddenView as BlockCardForbiddenView } from './views/ForbiddenView';
 import { ErroredView as BlockCardErroredView } from './views/ErroredView';
-import { useFeatureFlag } from '@atlaskit/link-provider';
 export { default as PreviewAction } from './actions/PreviewAction';
 export { ForbiddenAction, AuthorizeAction, BlockCardResolvedView, BlockCardResolvingView, BlockCardUnauthorisedView, BlockCardForbiddenView, BlockCardErroredView, BlockCardNotFoundView };
 export var BlockCard = function BlockCard(_ref) {
@@ -36,19 +35,11 @@ export var BlockCard = function BlockCard(_ref) {
       showActions = _ref.showActions,
       platform = _ref.platform,
       analytics = _ref.analytics;
-  // Actions do not have access to the react tree, so we need to obtain
-  // feature flags here where we still can access SmartLinkContext context
-  // and pass the flags down to the extractor. See PreviewAction.tsx for details.
-  var embedModalSize = useFeatureFlag('embedModalSize');
-  var featureFlags = {
-    embedModalSize: embedModalSize
-  };
   var data = details && details.data || getEmptyJsonLd();
   var meta = details && details.meta;
   var extractorOpts = {
     analytics: analytics,
     origin: 'smartLinkCard',
-    featureFlags: featureFlags,
     handleInvoke: handleInvoke,
     extensionKey: getExtensionKey(details)
   };

package/dist/esm/view/EmbedModal/index.js

@@ -6,7 +6,6 @@ import { MAX_MODAL_SIZE, MIN_MODAL_SIZE } from './constants';
 import EmbedContent from './components/embed-content';
 import { EmbedModalSize } from './types';
 import withErrorBoundary from './components/error-boundary';
-import withSizeExperiment from './components/size-experiment';
 import withAnalytics from './components/analytics';
 
 var toSize = function toSize(width) {
@@ -31,7 +30,7 @@ var EmbedModal = function EmbedModal(_ref) {
       providerName = _ref.providerName,
       showModal = _ref.showModal,
       _ref$size = _ref.size,
-      size = _ref$size === void 0 ? EmbedModalSize.Small : _ref$size,
+      size = _ref$size === void 0 ? EmbedModalSize.Large : _ref$size,
       src = _ref.src,
       _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'smart-embed-preview-modal' : _ref$testId,
@@ -107,4 +106,4 @@ var EmbedModal = function EmbedModal(_ref) {
   }))));
 };
 
-export default withSizeExperiment(withAnalytics(withErrorBoundary(EmbedModal)));
+export default withAnalytics(withErrorBoundary(EmbedModal));

package/dist/esm/view/FlexibleCard/components/common/loading-skeleton/index.js

@@ -12,7 +12,7 @@ var LoadingSkeleton = function LoadingSkeleton(_ref) {
       width = _ref.width,
       height = _ref.height;
   var animationNameStyles = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    0% { background-position: 50%  0; }\n    100% { background-position: -50% 0; }\n  "])));
-  var styles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: ", "rem;\n    height: ", "rem;\n    border-radius: 2px;\n    user-select: none;\n    background: ", ";\n    background-image: linear-gradient(\n      to right,\n      ", " 0%,\n      ", " 20%,\n      ", " 40%,\n      ", " 100%\n    );\n    background-repeat: no-repeat;\n    background-size: 280% 100%;\n    display: inline-block;\n\n    animation-duration: 1s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-name: ", ";\n    animation-timing-function: linear;\n  "])), width, height, token('color.skeleton.subtle', '#f6f7f8'), token('utility.UNSAFE_util.transparent', '#f6f7f8'), token('color.skeleton', '#edeef1'), token('color.skeleton.subtle', '#f6f7f8'), token('color.skeleton.subtle', '#f6f7f8'), animationNameStyles);
+  var styles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: ", "rem;\n    height: ", "rem;\n    border-radius: 2px;\n    user-select: none;\n    background: ", ";\n    background-image: linear-gradient(\n      to right,\n      transparent 0%,\n      ", " 20%,\n      transparent 40%,\n      transparent 100%\n    );\n    background-repeat: no-repeat;\n    background-size: 280% 100%;\n    display: inline-block;\n\n    animation-duration: 1s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-name: ", ";\n    animation-timing-function: linear;\n  "])), width, height, token('color.skeleton.subtle', '#f6f7f8'), token('color.skeleton', '#edeef1'), animationNameStyles);
   return jsx("span", {
     css: styles,
     "data-testid": testId

package/dist/esm/view/InlineCard/Icon.js

@@ -16,4 +16,4 @@ export var Icon = styled.img(_templateObject2 || (_templateObject2 = _taggedTemp
 // TODO: Replace this override with proper AtlasKit solution.
 
 export var AKIconWrapper = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-right: -2px;\n"])));
-export var Shimmer = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  height: 14px;\n  width: 14px;\n  margin-right: 4px;\n  border-radius: 2px;\n  user-select: none;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background: ", ";\n  background-image: linear-gradient(\n    to right,\n    ", " 0%,\n    ", " 20%,\n    ", " 40%,\n    ", " 100%\n  );\n  background-repeat: no-repeat;\n  background-size: 40px 14px;\n  display: inline-block;\n\n  animation-duration: 1s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: ", ";\n  animation-timing-function: linear;\n"])), token('color.skeleton.subtle', '#f6f7f8'), token('utility.UNSAFE_util.transparent', '#f6f7f8'), token('color.skeleton', '#edeef1'), token('color.skeleton.subtle', '#f6f7f8'), token('color.skeleton.subtle', '#f6f7f8'), placeholderShimmer);
+export var Shimmer = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  height: 14px;\n  width: 14px;\n  margin-right: 4px;\n  border-radius: 2px;\n  user-select: none;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background: ", ";\n  background-image: linear-gradient(\n    to right,\n    transparent 0%,\n    ", " 20%,\n    transparent 40%,\n    transparent 100%\n  );\n  background-repeat: no-repeat;\n  background-size: 40px 14px;\n  display: inline-block;\n\n  animation-duration: 1s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: ", ";\n  animation-timing-function: linear;\n"])), token('color.skeleton.subtle', '#f6f7f8'), token('color.skeleton', '#edeef1'), placeholderShimmer);

package/dist/types/extractors/block/types.d.ts

@@ -1,4 +1,3 @@
-import { LinkingPlatformFeatureFlags } from '@atlaskit/linking-common';
 import { InvokeHandler } from '../../model/invoke-handler';
 import { AnalyticsFacade } from '../../state/analytics';
 import { CardInnerAppearance } from '../../view/Card/types';
@@ -8,7 +7,6 @@ export interface ExtractBlockOpts {
     analytics: AnalyticsFacade;
     origin?: AnalyticsOrigin;
     extensionKey?: string;
-    featureFlags?: Partial<LinkingPlatformFeatureFlags>;
     source?: CardInnerAppearance;
     testId?: string;
 }

package/dist/types/extractors/common/actions/extractPreviewAction.d.ts

@@ -2,7 +2,7 @@ import { JsonLd } from 'json-ld-types';
 import { CardPlatform } from '../../../view/Card/types';
 import { BlockCardResolvedViewProps } from '../../../view/BlockCard';
 import { ExtractBlockOpts } from '../../block/types';
-export declare const extractPreviewAction: ({ extensionKey, viewProps, jsonLd, handleInvoke, testId, platform, origin, source, featureFlags, analytics, }: ExtractBlockOpts & {
+export declare const extractPreviewAction: ({ extensionKey, viewProps, jsonLd, handleInvoke, testId, platform, origin, source, analytics, }: ExtractBlockOpts & {
     viewProps: BlockCardResolvedViewProps;
     jsonLd: JsonLd.Data.BaseData;
     platform?: JsonLd.Primitives.Platforms | undefined;

package/dist/types/view/BlockCard/actions/PreviewAction.d.ts

@@ -1,5 +1,4 @@
 import React, { ErrorInfo } from 'react';
-import { LinkingPlatformFeatureFlags } from '@atlaskit/linking-common';
 import { AnalyticsFacade } from '../../../state/analytics';
 import { EmbedModalWithExperimentProps } from '../../EmbedModal/types';
 import { ActionProps } from '../components/Action';
@@ -24,7 +23,6 @@ declare type PreviewInfo = {
     onDownloadActionClick?: () => void;
     onOpen?: () => void;
     onOpenFailed?: (error: Error, errorInfo: ErrorInfo) => void;
-    featureFlags?: Partial<LinkingPlatformFeatureFlags>;
     analytics: AnalyticsFacade;
     origin?: AnalyticsOrigin;
 };

package/dist/types/view/Card/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { CardAppearance, CardPlatform, CardProps } from './types';
 import { WrappedComponentProps } from 'react-intl-next';
-export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "appearance" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "ui" | "showActions" | "showHoverPreview" | "onResolve" | "platform" | "isFrameVisible" | "embedIframeRef" | "inlinePreloaderStyle" | "importer" | "container" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
+export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "appearance" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "ui" | "showActions" | "onResolve" | "platform" | "isFrameVisible" | "embedIframeRef" | "showHoverPreview" | "inlinePreloaderStyle" | "importer" | "container" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
 export type { CardAppearance, CardProps, CardPlatform };

package/dist/types/view/EmbedModal/index.d.ts

@@ -1,6 +1,4 @@
 import React from 'react';
 import { EmbedModalProps } from './types';
-declare const _default: React.FC<EmbedModalProps & import("./components/analytics/types").WithAnalytics & {
-    children?: React.ReactNode;
-} & import("./components/size-experiment/types").WithSizeExperimentProps>;
+declare const _default: React.FC<EmbedModalProps & import("./components/analytics/types").WithAnalytics>;
 export default _default;

package/dist/types/view/EmbedModal/types.d.ts

@@ -1,7 +1,5 @@
 import { ErrorInfo } from 'react';
 import { IconProps } from '../common/Icon';
-import { WithSizeExperimentProps } from './components/size-experiment/types';
-import { ModalProps } from '../common/Modal';
 import { WithAnalytics } from './components/analytics/types';
 export declare enum EmbedModalSize {
     Large = "large",
@@ -12,7 +10,6 @@ export declare type EmbedModalContext = {
     size: EmbedModalSize;
 };
 export declare type EmbedModalProps = {
-    closeLabel?: string;
     download?: string;
     icon?: IconProps;
     iframeName: string;
@@ -31,4 +28,4 @@ export declare type EmbedModalProps = {
     title?: string;
     url?: string;
 };
-export declare type EmbedModalWithExperimentProps = EmbedModalProps & ModalProps & WithSizeExperimentProps & WithAnalytics;
+export declare type EmbedModalWithExperimentProps = EmbedModalProps & WithAnalytics;

package/dist/types-ts4.0/extractors/block/types.d.ts

@@ -1,4 +1,3 @@
-import { LinkingPlatformFeatureFlags } from '@atlaskit/linking-common';
 import { InvokeHandler } from '../../model/invoke-handler';
 import { AnalyticsFacade } from '../../state/analytics';
 import { CardInnerAppearance } from '../../view/Card/types';
@@ -8,7 +7,6 @@ export interface ExtractBlockOpts {
     analytics: AnalyticsFacade;
     origin?: AnalyticsOrigin;
     extensionKey?: string;
-    featureFlags?: Partial<LinkingPlatformFeatureFlags>;
     source?: CardInnerAppearance;
     testId?: string;
 }

package/dist/types-ts4.0/extractors/common/actions/extractPreviewAction.d.ts

@@ -2,7 +2,7 @@ import { JsonLd } from 'json-ld-types';
 import { CardPlatform } from '../../../view/Card/types';
 import { BlockCardResolvedViewProps } from '../../../view/BlockCard';
 import { ExtractBlockOpts } from '../../block/types';
-export declare const extractPreviewAction: ({ extensionKey, viewProps, jsonLd, handleInvoke, testId, platform, origin, source, featureFlags, analytics, }: ExtractBlockOpts & {
+export declare const extractPreviewAction: ({ extensionKey, viewProps, jsonLd, handleInvoke, testId, platform, origin, source, analytics, }: ExtractBlockOpts & {
     viewProps: BlockCardResolvedViewProps;
     jsonLd: JsonLd.Data.BaseData;
     platform?: JsonLd.Primitives.Platforms | undefined;

package/dist/types-ts4.0/view/BlockCard/actions/PreviewAction.d.ts

@@ -1,5 +1,4 @@
 import React, { ErrorInfo } from 'react';
-import { LinkingPlatformFeatureFlags } from '@atlaskit/linking-common';
 import { AnalyticsFacade } from '../../../state/analytics';
 import { EmbedModalWithExperimentProps } from '../../EmbedModal/types';
 import { ActionProps } from '../components/Action';
@@ -24,7 +23,6 @@ declare type PreviewInfo = {
     onDownloadActionClick?: () => void;
     onOpen?: () => void;
     onOpenFailed?: (error: Error, errorInfo: ErrorInfo) => void;
-    featureFlags?: Partial<LinkingPlatformFeatureFlags>;
     analytics: AnalyticsFacade;
     origin?: AnalyticsOrigin;
 };

package/dist/types-ts4.0/view/Card/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { CardAppearance, CardPlatform, CardProps } from './types';
 import { WrappedComponentProps } from 'react-intl-next';
-export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "appearance" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "ui" | "showActions" | "showHoverPreview" | "onResolve" | "platform" | "isFrameVisible" | "embedIframeRef" | "inlinePreloaderStyle" | "importer" | "container" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
+export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "appearance" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "ui" | "showActions" | "onResolve" | "platform" | "isFrameVisible" | "embedIframeRef" | "showHoverPreview" | "inlinePreloaderStyle" | "importer" | "container" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
 export type { CardAppearance, CardProps, CardPlatform };