@atlaskit/smart-card 35.2.12 → 36.0.0

package/dist/esm/view/FlexibleCard/components/blocks/element-group/index.js

@@ -6,7 +6,6 @@ import { ax, ix } from "@compiled/react/runtime";
 import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkWidth } from '../../../../../constants';
 import { renderChildren } from '../utils';
-import ElementGroupOld from './ElementGroupOld';
 var alignmentStyleMap = {
   right: "_1dthh9n0 _r291h9n0 _1bahesu3 _y3gnusic",
   left: "_1dthv2br _r291v2br _1bah1y6m _y3gn1e5h"
@@ -75,7 +74,7 @@ var minWidthStyle = null;
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */
-var ElementGroupNew = function ElementGroupNew(_ref) {
+var ElementGroup = function ElementGroup(_ref) {
   var _ref$align = _ref.align,
     align = _ref$align === void 0 ? SmartLinkAlignment.Left : _ref$align,
     children = _ref.children,
@@ -99,11 +98,4 @@ var ElementGroupNew = function ElementGroupNew(_ref) {
     className: ax([!fg('platform-linking-visual-refresh-v1') && baseStyleBySizeOld[size], fg('platform-linking-visual-refresh-v1') && baseStyleBySize[size], baseStyleByDirection[direction], !fg('platform-linking-visual-refresh-v1') && "_fiawglyw _1ouwidpf _f6ju1ns9", fg('platform-linking-visual-refresh-v1') && "_fiawglyw", alignmentStyleMap[align], "_1ul99by0", widthStyle[width], isHorizontal && "_1reo15vq _18m915vq _1e0c1ule _s7n4nkob _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _1aaynkob _15tynkob _1iu61nu9 _166k1nu9 _1div1nu9 _bmfb1nu9", isHorizontal && !fg('platform-linking-visual-refresh-v1') && horizontalStyleByHeightOld[size], isHorizontal && fg('platform-linking-visual-refresh-v1') && horizontalStyleByHeight[size], isHorizontal && align === SmartLinkAlignment.Left && gapStylesLeft[size], isHorizontal && align === SmartLinkAlignment.Right && gapStylesRight[size], positionStyle[position], className])
   }, renderChildren(children, size));
 };
-var ElementGroup = function ElementGroup(props) {
-  if (fg('bandicoots-compiled-migration-smartcard')) {
-    return /*#__PURE__*/React.createElement(ElementGroupNew, props);
-  } else {
-    return /*#__PURE__*/React.createElement(ElementGroupOld, props);
-  }
-};
 export default ElementGroup;

package/dist/esm/view/FlexibleCard/components/blocks/footer-block/resolved/index.js

@@ -11,7 +11,6 @@ import ActionGroup from '../../action-group';
 import Block from '../../block';
 import ElementGroup from '../../element-group';
 import { filterActionItems } from '../../utils';
-import FooterBlockResolvedViewOld from './FooterBlockResolvedViewOld';
 var actionGroupStylesOld = null;
 var actionGroupStyles = null;
 var FooterBlockResolvedView = function FooterBlockResolvedView(props) {
@@ -56,11 +55,4 @@ var FooterBlockResolvedView = function FooterBlockResolvedView(props) {
     size: size
   })) : null);
 };
-var FooterBlockResolvedViewExported = function FooterBlockResolvedViewExported(props) {
-  if (fg('bandicoots-compiled-migration-smartcard')) {
-    return /*#__PURE__*/React.createElement(FooterBlockResolvedView, props);
-  } else {
-    return /*#__PURE__*/React.createElement(FooterBlockResolvedViewOld, props);
-  }
-};
-export default FooterBlockResolvedViewExported;
+export default FooterBlockResolvedView;

package/dist/esm/view/FlexibleCard/components/blocks/metadata-block/index.js

@@ -12,7 +12,6 @@ import { SmartLinkAlignment, SmartLinkDirection, SmartLinkSize, SmartLinkStatus,
 import Block from '../block';
 import ElementGroup from '../element-group';
 import { renderElementItems } from '../utils';
-import MetadataBlockOld from './MetadataBlockOld';
 var DEFAULT_MAX_LINES = 2;
 var MAXIMUM_MAX_LINES = 2;
 var MINIMUM_MAX_LINES = 1;
@@ -85,11 +84,4 @@ var MetadataBlock = function MetadataBlock(_ref) {
     className: ax([truncateStyles[maxLinesTotal], !fg('platform-linking-visual-refresh-v1') && sizeStylesOld[size], fg('platform-linking-visual-refresh-v1') && sizeStyles[size]])
   }, secondaryElements));
 };
-var MetadataBlockExported = function MetadataBlockExported(props) {
-  if (fg('bandicoots-compiled-migration-smartcard')) {
-    return /*#__PURE__*/React.createElement(MetadataBlock, props);
-  } else {
-    return /*#__PURE__*/React.createElement(MetadataBlockOld, props);
-  }
-};
-export default MetadataBlockExported;
+export default MetadataBlock;

package/dist/esm/view/FlexibleCard/components/blocks/preview-block/index.js

@@ -2,9 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["status", "testId", "overrideUrl"];
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkStatus } from '../../../../../constants';
-import PreviewBlockOld from './indexOld';
 import PreviewBlockResolvedView from './resolved';
 /**
  * Represents a PreviewBlock, which typically contains media or other large format content.
@@ -24,11 +22,4 @@ var PreviewBlock = function PreviewBlock(_ref) {
     overrideUrl: overrideUrl
   }));
 };
-var Exported = function Exported(props) {
-  if (fg('bandicoots-compiled-migration-smartcard')) {
-    return /*#__PURE__*/React.createElement(PreviewBlock, props);
-  } else {
-    return /*#__PURE__*/React.createElement(PreviewBlockOld, props);
-  }
-};
-export default Exported;
+export default PreviewBlock;

package/dist/esm/view/FlexibleCard/components/blocks/preview-block/resolved/index.js

@@ -14,7 +14,6 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { MediaPlacement } from '../../../../../../constants';
 import { Preview } from '../../../elements';
 import Block from '../../block';
-import PreviewBlockResolvedViewOld from './indexOld';
 var previewBlockStyleCommon = null;
 var ignoreContainerPaddingStyle = null;
 
@@ -24,7 +23,7 @@ var ignoreContainerPaddingStyle = null;
  * @param {PreviewBlock} PreviewBlock
  * @see Block
  */
-var PreviewBlockResolvedViewNew = function PreviewBlockResolvedViewNew(_ref) {
+var PreviewBlockResolvedView = function PreviewBlockResolvedView(_ref) {
   var _ref$ignoreContainerP = _ref.ignoreContainerPadding,
     ignoreContainerPadding = _ref$ignoreContainerP === void 0 ? false : _ref$ignoreContainerP,
     onError = _ref.onError,
@@ -82,11 +81,4 @@ var PreviewBlockResolvedViewNew = function PreviewBlockResolvedViewNew(_ref) {
     overrideUrl: overrideUrl
   }));
 };
-var PreviewBlockResolvedView = function PreviewBlockResolvedView(props) {
-  if (fg('bandicoots-compiled-migration-smartcard')) {
-    return /*#__PURE__*/React.createElement(PreviewBlockResolvedViewNew, props);
-  } else {
-    return /*#__PURE__*/React.createElement(PreviewBlockResolvedViewOld, props);
-  }
-};
 export default PreviewBlockResolvedView;

package/dist/esm/view/FlexibleCard/components/blocks/title-block/errored/index.js

@@ -3,14 +3,11 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["actionGroup", "retry", "position", "testId", "title", "icon", "hideIcon"];
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import { SmartLinkAlignment, SmartLinkDirection } from '../../../../../../constants';
 import { LinkIcon } from '../../../elements';
 import Block from '../../block';
 import ElementGroup from '../../element-group';
-import TitleBlockErroredViewOld from './TitleBlockErroredViewOld';
-
 /**
  * Represents an Errored TitleBlock view.
  * This will render when a Smart Link did not successfully resolve.
@@ -18,7 +15,7 @@ import TitleBlockErroredViewOld from './TitleBlockErroredViewOld';
  * or the backend response was errored or malformed.
  * @see TitleBlock
  */
-var TitleBlockErroredViewNew = function TitleBlockErroredViewNew(_ref) {
+var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
   var actionGroup = _ref.actionGroup,
     retry = _ref.retry,
     position = _ref.position,
@@ -48,11 +45,4 @@ var TitleBlockErroredViewNew = function TitleBlockErroredViewNew(_ref) {
     values: values
   })))), actionGroup);
 };
-var TitleBlockErroredView = function TitleBlockErroredView(props) {
-  if (fg('bandicoots-compiled-migration-smartcard')) {
-    return /*#__PURE__*/React.createElement(TitleBlockErroredViewNew, props);
-  } else {
-    return /*#__PURE__*/React.createElement(TitleBlockErroredViewOld, props);
-  }
-};
 export default TitleBlockErroredView;

package/dist/esm/view/FlexibleCard/components/blocks/title-block/index.js

@@ -7,7 +7,6 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useState } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkStatus } from '../../../../../constants';
 import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
 import { Title } from '../../elements';
@@ -15,7 +14,6 @@ import ActionGroup from '../action-group';
 import TitleBlockErroredView from './errored';
 import TitleBlockResolvedView from './resolved';
 import TitleBlockResolvingView from './resolving';
-import TitleBlockOld from './TitleBlockOld';
 var actionStyles = null;
 var getTitleBlockViewComponent = function getTitleBlockViewComponent(status) {
   switch (status) {
@@ -46,7 +44,7 @@ var getTitleBlockViewComponent = function getTitleBlockViewComponent(status) {
  * @see TitleBlockResolvedViewNew
  * @see TitleBlockErroredViewNew
  */
-var TitleBlockNew = function TitleBlockNew(_ref) {
+var TitleBlock = function TitleBlock(_ref) {
   var _ref$actions = _ref.actions,
     actions = _ref$actions === void 0 ? [] : _ref$actions,
     anchorTarget = _ref.anchorTarget,
@@ -115,11 +113,4 @@ var TitleBlockNew = function TitleBlockNew(_ref) {
     theme: theme
   }));
 };
-var TitleBlock = function TitleBlock(props) {
-  if (fg('bandicoots-compiled-migration-smartcard')) {
-    return /*#__PURE__*/React.createElement(TitleBlockNew, props);
-  } else {
-    return /*#__PURE__*/React.createElement(TitleBlockOld, props);
-  }
-};
 export default TitleBlock;

package/dist/esm/view/FlexibleCard/components/blocks/title-block/resolved/index.js

@@ -11,7 +11,6 @@ import { LinkIcon } from '../../../elements';
 import Block from '../../block';
 import ElementGroup from '../../element-group';
 import { renderElementItems } from '../../utils';
-import TitleBlockResolvedViewOld from './TitleBlockResolvedViewOld';
 var style = null;
 
 /**
@@ -19,7 +18,7 @@ var style = null;
  * This should render when a Smart Link returns a valid response.
  * @see TitleBlock
  */
-var TitleBlockResolvedViewNew = function TitleBlockResolvedViewNew(_ref) {
+var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
   var actionGroup = _ref.actionGroup,
     _ref$metadata = _ref.metadata,
     metadata = _ref$metadata === void 0 ? [] : _ref$metadata,
@@ -57,11 +56,4 @@ var TitleBlockResolvedViewNew = function TitleBlockResolvedViewNew(_ref) {
     size: blockProps.size
   }, metadataElements), actionGroup);
 };
-var TitleBlockResolvedView = function TitleBlockResolvedView(props) {
-  if (fg('bandicoots-compiled-migration-smartcard')) {
-    return /*#__PURE__*/React.createElement(TitleBlockResolvedViewNew, props);
-  } else {
-    return /*#__PURE__*/React.createElement(TitleBlockResolvedViewOld, props);
-  }
-};
 export default TitleBlockResolvedView;

package/dist/esm/view/FlexibleCard/components/blocks/title-block/resolving/index.js

@@ -12,7 +12,6 @@ import { SmartLinkSize } from '../../../../../../constants';
 import { LoadingSkeletonNew, LoadingSkeletonOld } from '../../../common/loading-skeleton';
 import { getIconWidthNew } from '../../../utils';
 import Block from '../../block';
-import TitleBlockResolvingViewOld from './TitleBlockResolvingViewOld';
 var iconStyle = {
   xlarge: "_16jlidpf _1o9zidpf _i0dl1wug _4t3iviql _1tkeviql _c71lviql _1bsbviql _1ul9viql _p12fviql _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna7viql _1xjxviql _1752viql _qci8viql _15izviql _erubviql _19l3viql _1pr2viql _1u5tviql _mezjviql _e2ooviql _w8l5viql _1rg2viql _q7cvviql _xwbjviql _rtysviql _b8nkviql _4x20viql",
   large: "_16jlidpf _1o9zidpf _i0dl1wug _4t3i1k8s _1tke1k8s _c71l1k8s _1bsb1k8s _1ul91k8s _p12f1k8s _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna71k8s _1xjx1k8s _17521k8s _qci81k8s _15iz1k8s _erub1k8s _19l31k8s _1pr21k8s _1u5t1k8s _mezj1k8s _e2oo1k8s _w8l51k8s _1rg21k8s _q7cv1k8s _xwbj1k8s _rtys1k8s _b8nk1k8s _4x201k8s",
@@ -26,7 +25,7 @@ var iconStyle = {
  * This should render when a Smart Link has sent a request.
  * @see TitleBlock
  */
-var TitleBlockResolvingViewNew = function TitleBlockResolvingViewNew(_ref) {
+var TitleBlockResolvingView = function TitleBlockResolvingView(_ref) {
   var actionGroup = _ref.actionGroup,
     testId = _ref.testId,
     title = _ref.title,
@@ -59,11 +58,4 @@ var TitleBlockResolvingViewNew = function TitleBlockResolvingViewNew(_ref) {
     testId: "".concat(testId, "-icon-loading")
   })), title, actionGroup);
 };
-var TitleBlockResolvingView = function TitleBlockResolvingView(props) {
-  if (fg('bandicoots-compiled-migration-smartcard')) {
-    return /*#__PURE__*/React.createElement(TitleBlockResolvingViewNew, props);
-  } else {
-    return /*#__PURE__*/React.createElement(TitleBlockResolvingViewOld, props);
-  }
-};
 export default TitleBlockResolvingView;

package/dist/esm/view/FlexibleCard/components/blocks/utils.js

@@ -1,15 +1,11 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["name"];
-var _ElementDisplaySchema, _templateObject;
+var _ElementDisplaySchema;
 import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-import { ActionName, ElementName, SmartLinkDirection, SmartLinkSize } from '../../../../constants';
+import { ActionName, ElementName, SmartLinkSize } from '../../../../constants';
 import { isFlexibleUiElement } from '../../../../utils/flexible';
 import * as Elements from '../elements';
 import ActionGroup from './action-group';
@@ -18,21 +14,6 @@ import ElementGroup from './element-group';
 // Determine whether the element can be display as inline/block.
 
 export var ElementDisplaySchema = (_ElementDisplaySchema = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ElementDisplaySchema, ElementName.AssignedTo, ['inline']), ElementName.AssignedToGroup, ['inline']), ElementName.AttachmentCount, ['inline']), ElementName.AuthorGroup, ['inline']), ElementName.ChecklistProgress, ['inline']), ElementName.CollaboratorGroup, ['inline']), ElementName.CommentCount, ['inline']), ElementName.CreatedBy, ['inline']), ElementName.CreatedOn, ['inline']), ElementName.DueOn, ['inline']), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ElementDisplaySchema, ElementName.LatestCommit, ['inline']), ElementName.LinkIcon, ['inline']), ElementName.Location, ['inline']), ElementName.ModifiedBy, ['inline']), ElementName.ModifiedOn, ['inline']), ElementName.OwnedBy, ['inline']), ElementName.OwnedByGroup, ['inline']), ElementName.Preview, ['block']), ElementName.Priority, ['inline']), ElementName.ProgrammingLanguage, ['inline']), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ElementDisplaySchema, ElementName.Provider, ['inline']), ElementName.ReactCount, ['inline']), ElementName.ReadTime, ['inline']), ElementName.Snippet, ['block']), ElementName.SourceBranch, ['inline']), ElementName.SentOn, ['inline']), ElementName.State, ['inline']), ElementName.SubscriberCount, ['inline']), ElementName.SubTasksProgress, ['inline']), ElementName.StoryPoints, ['inline']), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_ElementDisplaySchema, ElementName.TargetBranch, ['inline']), ElementName.Title, ['inline']), ElementName.ViewCount, ['inline']), ElementName.VoteCount, ['inline']));
-var getDirectionStyles = function getDirectionStyles(direction) {
-  switch (direction) {
-    case SmartLinkDirection.Vertical:
-      return css({
-        flexDirection: 'column',
-        alignItems: 'flex-start'
-      });
-    case SmartLinkDirection.Horizontal:
-    default:
-      return css({
-        flexDirection: 'row',
-        alignItems: 'center'
-      });
-  }
-};
 
 /**
  * Get gap size between elements inside a block
@@ -52,39 +33,6 @@ export var getGapSize = function getGapSize(size) {
       return 0.25;
   }
 };
-
-/**
- * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
- */
-export var getBaseStyles = function getBaseStyles(direction, size) {
-  return css({
-    alignItems: 'center',
-    display: 'flex',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    gap: "".concat(getGapSize(size), "rem"),
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    lineHeight: '1rem',
-    minWidth: 0,
-    overflow: 'hidden'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  getDirectionStyles(direction), {
-    '&:empty': {
-      display: 'none'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '& > *': {
-      minWidth: 0
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '& > [data-fit-to-content]': {
-      minWidth: 'fit-content'
-    }
-  });
-};
-
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var highlightRemoveStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\toutline: none !important;\n\toutline-color: inherit;\n\tcolor: inherit;\n\t-webkit-tap-highlight-color: transparent;\n\t-webkit-touch-callout: none;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n"])));
 var isActionGroup = function isActionGroup(node) {
   return /*#__PURE__*/React.isValidElement(node) && node.type === ActionGroup;
 };
@@ -98,16 +46,6 @@ export var isJSXElementNull = function isJSXElementNull(children) {
 var isElementOrElementGroup = function isElementOrElementGroup(node) {
   return /*#__PURE__*/React.isValidElement(node) && (isFlexibleUiElement(node) || node.type === ElementGroup);
 };
-export var getActionGroupStyles = function getActionGroupStyles(size) {
-  if (size === SmartLinkSize.XLarge) {
-    // The biggest height of the action button exceeds the max line-height
-    // of the elements causing the action on the block with x-large size to
-    // get cut at the bottom.
-    return css({
-      maxHeight: '2rem'
-    });
-  }
-};
 export var filterActionItems = function filterActionItems() {
   var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var context = arguments.length > 1 ? arguments[1] : undefined;

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

@@ -3,8 +3,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { fg } from '@atlaskit/platform-feature-flags';
-import LoadingSkeletonEmotionOld from './LoadingSkeletonOld';
 var animationNameStyles = null;
 var loadingSkeletonStyle = null;
 var LoadingSkeletonNew = function LoadingSkeletonNew(_ref) {
@@ -22,12 +20,9 @@ var LoadingSkeletonNew = function LoadingSkeletonNew(_ref) {
   });
 };
 var LoadingSkeletonOld = function LoadingSkeletonOld(props) {
-  if (fg('bandicoots-compiled-migration-smartcard')) {
-    return /*#__PURE__*/React.createElement(LoadingSkeletonNew, _extends({}, props, {
-      width: "".concat(props.width, "rem"),
-      height: "".concat(props.height, "rem")
-    }));
-  }
-  return /*#__PURE__*/React.createElement(LoadingSkeletonEmotionOld, props);
+  return /*#__PURE__*/React.createElement(LoadingSkeletonNew, _extends({}, props, {
+    width: "".concat(props.width, "rem"),
+    height: "".concat(props.height, "rem")
+  }));
 };
 export { LoadingSkeletonOld, LoadingSkeletonNew };

package/dist/esm/view/FlexibleCard/components/container/index.js

@@ -19,12 +19,7 @@ import { isFlexUiPreviewPresent } from '../../../../state/flexible-ui-context/ut
 import { isFlexibleUiBlock, isFlexibleUiPreviewBlock, isFlexibleUiTitleBlock, isStyleCacheProvider } from '../../../../utils/flexible';
 import { TitleBlock } from '../blocks';
 import HoverCardControl from './hover-card-control';
-import ContainerOld from './indexOld';
 import LayeredLink from './layered-link';
-/**
- * Eventually these exports should be removed on FF clean up bandicoots-compiled-migration-smartcard
- */
-export { getContainerStyles } from './indexOld';
 export var getChildrenOptions = function getChildrenOptions(children, context) {
   var options = {};
   if (isFlexUiPreviewPresent(context)) {
@@ -49,7 +44,7 @@ var renderChildren = function renderChildren(children, containerSize, containerT
     if ( /*#__PURE__*/React.isValidElement(child) && isFlexibleUiBlock(child)) {
       if (isFlexibleUiTitleBlock(child)) {
         if (isStyleCacheProvider(child)) {
-          return updateChildren(child, {
+          return updateChildrenTitleBlock(child, {
             onClick: onClick,
             retry: retry,
             containerSize: containerSize,
@@ -71,6 +66,9 @@ var renderChildren = function renderChildren(children, containerSize, containerT
       }
       var blockSize = child.props.size;
       var size = blockSize || containerSize;
+      if (isStyleCacheProvider(child)) {
+        return updateChildrenBlock(child, size, status);
+      }
 
       // @ts-expect-error
       return /*#__PURE__*/React.cloneElement(child, {
@@ -80,7 +78,22 @@ var renderChildren = function renderChildren(children, containerSize, containerT
     }
   });
 };
-var updateChildren = function updateChildren(node, _ref) {
+var updateChildrenBlock = function updateChildrenBlock(node, size, status) {
+  var updatedChildren = React.Children.map(node.props.children, function (child) {
+    if ( /*#__PURE__*/React.isValidElement(child) && isFlexibleUiBlock(child)) {
+      // @ts-expect-error
+      return /*#__PURE__*/React.cloneElement(child, {
+        size: size,
+        status: status
+      });
+    }
+    return child;
+  });
+  return /*#__PURE__*/React.cloneElement(node, {
+    children: updatedChildren
+  });
+};
+var updateChildrenTitleBlock = function updateChildrenTitleBlock(node, _ref) {
   var containerSize = _ref.containerSize,
     props = _objectWithoutProperties(_ref, _excluded);
   var updatedChildren = React.Children.map(node.props.children, function (child) {
@@ -272,7 +285,7 @@ var previewOnRightStyleMap = {
  * @internal
  * @see Block
  */
-var ContainerNew = function ContainerNew(_ref5) {
+var Container = function Container(_ref5) {
   var children = _ref5.children,
     _ref5$clickableContai = _ref5.clickableContainer,
     clickableContainer = _ref5$clickableContai === void 0 ? false : _ref5$clickableContai,
@@ -339,10 +352,4 @@ var ContainerNew = function ContainerNew(_ref5) {
   }
   return container;
 };
-var Container = function Container(props) {
-  if (fg('bandicoots-compiled-migration-smartcard')) {
-    return /*#__PURE__*/React.createElement(ContainerNew, props);
-  }
-  return /*#__PURE__*/React.createElement(ContainerOld, props);
-};
 export default Container;

package/dist/esm/view/FlexibleCard/components/container/layered-link/index.js

@@ -2,9 +2,7 @@
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
-import LayeredLinkOld from './LayeredLinkOld';
 var styles = null;
 
 /**
@@ -12,7 +10,7 @@ var styles = null;
  * @internal
  * @see `clickableContainer`
  */
-var LayeredLinkNew = function LayeredLinkNew(_ref) {
+var LayeredLink = function LayeredLink(_ref) {
   var onClick = _ref.onClick,
     target = _ref.target,
     testId = _ref.testId,
@@ -30,10 +28,4 @@ var LayeredLinkNew = function LayeredLinkNew(_ref) {
     tabIndex: -1 // Hide tab index and let the title link be the link.
   }, text);
 };
-var LayeredLink = function LayeredLink(props) {
-  if (fg('bandicoots-compiled-migration-smartcard')) {
-    return /*#__PURE__*/React.createElement(LayeredLinkNew, props);
-  }
-  return /*#__PURE__*/React.createElement(LayeredLinkOld, props);
-};
 export default LayeredLink;

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

@@ -6,7 +6,6 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import AKBadge from '@atlaskit/badge';
 import { fg } from '@atlaskit/platform-feature-flags';
-import AtlaskitBadgeOld from './AtlaskitBadgeOld';
 var badgeStylesOld = null;
 var badgeStyles = null;
 
@@ -16,7 +15,7 @@ var badgeStyles = null;
  * @see StoryPoints
  * */
 
-var AtlaskitBadgeNew = function AtlaskitBadgeNew(_ref) {
+var AtlaskitBadge = function AtlaskitBadge(_ref) {
   var value = _ref.value,
     name = _ref.name,
     className = _ref.className,
@@ -34,11 +33,4 @@ var AtlaskitBadgeNew = function AtlaskitBadgeNew(_ref) {
     className: ax([!fg('platform-linking-visual-refresh-v1') && "_4cvr1h6o _1e0c116y", fg('platform-linking-visual-refresh-v1') && "_4cvr1h6o _1e0c116y _1ul91ns9", className])
   }), /*#__PURE__*/React.createElement(AKBadge, null, value));
 };
-var AtlaskitBadge = function AtlaskitBadge(props) {
-  if (fg('bandicoots-compiled-migration-smartcard')) {
-    return /*#__PURE__*/React.createElement(AtlaskitBadgeNew, props);
-  } else {
-    return /*#__PURE__*/React.createElement(AtlaskitBadgeOld, props);
-  }
-};
 export default AtlaskitBadge;

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

@@ -13,7 +13,6 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName, SmartLinkSize } from '../../../../../constants';
 import { messages } from '../../../../../messages';
 import { getFormattedMessageAsString } from '../../utils';
-import AvatarGroupOld from './AvatarGroupOld';
 var MAX_COUNT = 4;
 var styles = null;
 var stylesMap = {
@@ -42,7 +41,7 @@ var getPersonNameWithPrefix = function getPersonNameWithPrefix(elementName, pers
  * @see AuthorGroup
  * @see CollaboratorGroup
  */
-var AvatarGroupNew = function AvatarGroupNew(_ref) {
+var AvatarGroup = function AvatarGroup(_ref) {
   var _ref$items = _ref.items,
     items = _ref$items === void 0 ? [] : _ref$items,
     _ref$maxCount = _ref.maxCount,
@@ -98,11 +97,4 @@ var AvatarGroupNew = function AvatarGroupNew(_ref) {
     testId: testId
   }));
 };
-var AvatarGroup = function AvatarGroup(props) {
-  if (fg('bandicoots-compiled-migration-smartcard')) {
-    return /*#__PURE__*/React.createElement(AvatarGroupNew, props);
-  } else {
-    return /*#__PURE__*/React.createElement(AvatarGroupOld, props);
-  }
-};
 export default AvatarGroup;

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

@@ -16,7 +16,6 @@ import AtlaskitIcon from '../../common/atlaskit-icon';
 import ImageIcon from '../../common/image-icon';
 import { withOverrideCss } from '../../common/with-override-css';
 import { getFormattedMessage } from '../../utils';
-import BadgeOld from './BadgeOld';
 var styles = {
   container: "_zulp1b66 _1e0c116y _4cvr1h6o _1ul91ns9",
   icon: "_1e0c116y _v4pn116y _1b94116y _1ii7116y _4t3i7vkz _bna77vkz _1xjx7vkz _17527vkz _ca0qze3t _14bqze3t _1oh2ze3t _i2i3ze3t _u5f3ze3t _3tceze3t _99ztze3t _uhasze3t _n3tdze3t _1ym6ze3t _1m2uze3t _5jw9ze3t _19bvze3t _1xr1ze3t _9n9oze3t _7wy9ze3t _1bsb7vkz _mezj7vkz _e2oo7vkz _w8l57vkz _s7n4nkob _rtqbnkob _e4kmnkob _z239nkob",
@@ -153,14 +152,10 @@ var BadgeCompiledNew = function BadgeCompiledNew(_ref2) {
   }, formattedMessageOrLabel));
 };
 var Badge = function Badge(props) {
-  if (fg('bandicoots-compiled-migration-smartcard')) {
-    if (fg('platform-linking-visual-refresh-v1')) {
-      return /*#__PURE__*/React.createElement(BadgeRefreshNewWithOverrideCss, props);
-    } else {
-      return /*#__PURE__*/React.createElement(BadgeCompiledNew, props);
-    }
+  if (fg('platform-linking-visual-refresh-v1')) {
+    return /*#__PURE__*/React.createElement(BadgeRefreshNewWithOverrideCss, props);
   } else {
-    return /*#__PURE__*/React.createElement(BadgeOld, props);
+    return /*#__PURE__*/React.createElement(BadgeCompiledNew, props);
   }
 };
 export default Badge;

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

@@ -7,7 +7,6 @@ import { selectUnit } from '@formatjs/intl-utils';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { messages } from '../../../../../messages';
-import DateTimeOld from './DateTimeOld';
 // TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
 var stylesOld = null;
 var styles = null;
@@ -34,7 +33,7 @@ var typeToDescriptorMap = {
  * @see ModifiedOn
  * @see SentOn
  */
-var DateTimeNew = function DateTimeNew(_ref) {
+var DateTime = function DateTime(_ref) {
   var date = _ref.date,
     name = _ref.name,
     className = _ref.className,
@@ -81,11 +80,4 @@ var DateTimeNew = function DateTimeNew(_ref) {
     }
   })));
 };
-var DateTime = function DateTime(props) {
-  if (fg('bandicoots-compiled-migration-smartcard')) {
-    return /*#__PURE__*/React.createElement(DateTimeNew, props);
-  } else {
-    return /*#__PURE__*/React.createElement(DateTimeOld, props);
-  }
-};
 export default DateTime;

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

@@ -16,7 +16,6 @@ import { SmartLinkPosition, SmartLinkSize } from '../../../../../constants';
 import AtlaskitIcon from '../../common/atlaskit-icon';
 import ImageIcon from '../../common/image-icon';
 import { getIconWidth } from '../../utils';
-import IconOld from './IconOld';
 var styles = {
   container: "_1ul91ns9",
   iconWrapperStyle: "_1e0c1txw _4cvr1h6o _1bah1h6o"
@@ -84,7 +83,7 @@ var renderImageIcon = function renderImageIcon(defaultIcon, url, testId) {
  * @param {IconProps} IconProps - The props necessary for the Icon element.
  * @see LinkIcon
  */
-var IconNew = function IconNew(_ref) {
+var Icon = function Icon(_ref) {
   var icon = _ref.icon,
     overrideIcon = _ref.overrideIcon,
     _ref$label = _ref.label,
@@ -119,11 +118,4 @@ var IconNew = function IconNew(_ref) {
     }
   }, element) : element);
 };
-var Icon = function Icon(props) {
-  if (fg('bandicoots-compiled-migration-smartcard')) {
-    return /*#__PURE__*/React.createElement(IconNew, props);
-  } else {
-    return /*#__PURE__*/React.createElement(IconOld, props);
-  }
-};
 export default Icon;