@atlaskit/smart-card 39.1.0 → 39.2.1

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

@@ -6,7 +6,6 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { useContext } from 'react';
 import { di } from 'react-magnetic-di';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { N40 } from '@atlaskit/theme/colors';
 import { MediaPlacement, SmartLinkSize, SmartLinkTheme } from '../../../../constants';
 import { FlexibleUiContext, useFlexibleUiContext } from '../../../../state/flexible-ui-context';
 import { isFlexUiPreviewPresent } from '../../../../state/flexible-ui-context/utils';
@@ -178,23 +177,9 @@ const getLayeredLink = (testId, context, children, onClick) => {
   });
 };
 const baseStyleCommon = null;
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
-const backgroundStyleOld = null;
 const backgroundStyles = null;
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
-const elevationStylesOld = null;
 const elevationStyles = null;
 const clickableContainerStyles = null;
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
-const gapStyleMapOld = {
-  xlarge: "_zulp1jvo",
-  large: "_zulph3jc",
-  medium: "_zulp1qos",
-  small: "_zulpfzsm"
-};
 const gapStyleMap = {
   xlarge: "_zulpr2fv",
   large: "_zulpzu5n",
@@ -208,79 +193,37 @@ const gapStyleMap = {
  * at view/FlexibleCard/components/utils.tsx
  */
 const getPadding = size => {
-  if (fg('platform-linking-visual-refresh-v1')) {
-    switch (size) {
-      case SmartLinkSize.XLarge:
-        return "var(--ds-space-300, 24px)";
-      case SmartLinkSize.Large:
-        return "var(--ds-space-250, 20px)";
-      case SmartLinkSize.Medium:
-        return "var(--ds-space-200, 16px)";
-      case SmartLinkSize.Small:
-      default:
-        return "var(--ds-space-100, 8px)";
-    }
-  }
   switch (size) {
     case SmartLinkSize.XLarge:
-      return '1.5rem';
+      return "var(--ds-space-300, 24px)";
     case SmartLinkSize.Large:
-      return '1.25rem';
+      return "var(--ds-space-250, 20px)";
     case SmartLinkSize.Medium:
-      return '1rem';
+      return "var(--ds-space-200, 16px)";
     case SmartLinkSize.Small:
     default:
-      return '.5rem';
+      return "var(--ds-space-100, 8px)";
   }
 };
 const getGap = size => {
-  if (fg('platform-linking-visual-refresh-v1')) {
-    switch (size) {
-      case SmartLinkSize.XLarge:
-        return "var(--ds-space-250, 20px)";
-      case SmartLinkSize.Large:
-        return "var(--ds-space-200, 16px)";
-      case SmartLinkSize.Medium:
-        return "var(--ds-space-100, 8px)";
-      case SmartLinkSize.Small:
-      default:
-        return "var(--ds-space-050, 4px)";
-    }
-  }
   switch (size) {
     case SmartLinkSize.XLarge:
-      return '1.25rem';
+      return "var(--ds-space-250, 20px)";
     case SmartLinkSize.Large:
-      return '1rem';
+      return "var(--ds-space-200, 16px)";
     case SmartLinkSize.Medium:
-      return '.5rem';
+      return "var(--ds-space-100, 8px)";
     case SmartLinkSize.Small:
     default:
-      return '.25rem';
+      return "var(--ds-space-050, 4px)";
   }
 };
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
-const previewOnLeftStyleMapOld = {
-  xlarge: "_19bv15sf _y5vk1k92",
-  large: "_19bvf557 _y5vk1j6v",
-  medium: "_19bvqox2 _y5vk1kwk",
-  small: "_19bv1ltm _y5vk6mu8"
-};
 const previewOnLeftStyleMap = {
   xlarge: "_19bver0k _y5vk1ejb",
   large: "_19bv16ru _y5vkv47k",
   medium: "_19bv1g7w _y5vk1eak",
   small: "_19bvlbes _y5vku2gc"
 };
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
-const previewOnRightStyleMapOld = {
-  xlarge: "_u5f315sf _1yob1k92",
-  large: "_u5f3f557 _1yob1j6v",
-  medium: "_u5f3qox2 _1yob1kwk",
-  small: "_u5f31ltm _1yob6mu8"
-};
 const previewOnRightStyleMap = {
   xlarge: "_u5f3er0k _1yob1ejb",
   large: "_u5f316ru _1yobv47k",
@@ -313,7 +256,7 @@ const Container = ({
   testId = 'smart-links-container',
   theme = SmartLinkTheme.Link
 }) => {
-  const padding = hidePadding ? fg('platform-linking-visual-refresh-v1') ? '0px' : '0rem' : getPadding(size);
+  const padding = hidePadding ? '0px' : getPadding(size);
   const gap = getGap(size);
   const context = fg('platform-linking-flexible-card-context') ?
   // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -329,7 +272,7 @@ const Container = ({
   // unresolved link (unauthorized, forbidden, not found, etc.)
   const canShowAuthTooltip = showHoverPreview && status === 'unauthorized' && retry !== undefined;
   const containerPaddingStyles = null;
-  const container = fg('platform-linking-visual-refresh-v1') ? /*#__PURE__*/React.createElement("div", {
+  const container = /*#__PURE__*/React.createElement("div", {
     "data-smart-link-container": true,
     "data-testid": testId,
     className: ax(["_1e0c1txw _2lx21bp4 _1ul9idpf _1reo15vq _kqswh2mm _1pcmkb7n _1v7y1i6y _ufn21i6y", gapStyleMap[size], !hideBackground && "_bfhkhp5a", "_1yt418y6 _jb7v18y6 _y5vk167t _1yob1wow _r37x1r5k", previewOnLeft && previewOnLeftStyleMap[size], previewOnRight && previewOnRightStyleMap[size], !hideElevation && "_19itzgxb _2rkob7nn _19pkv77o _2hwxv77o _otyrv77o _18u0v77o", clickableContainer && "_nqwih2mm _18ywh2mm _1nq3h2mm _1t4ckb7n _1nxdkb7n _xnbykb7n"]),
@@ -338,15 +281,6 @@ const Container = ({
       "--_73mooq": ix(previewOnLeft ? gap : padding),
       "--_12k13bg": ix(previewOnRight ? gap : padding)
     }
-  }, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, fg('platform-linking-flexible-card-context') ? filterChildren(children, removeBlockRestriction) : renderChildren(children, size, theme, status, retry, onClick, removeBlockRestriction)) : /*#__PURE__*/React.createElement("div", {
-    "data-smart-link-container": true,
-    "data-testid": testId,
-    className: ax(["_1e0c1txw _2lx21bp4 _1ul9idpf _1reo15vq _kqswh2mm _1pcmkb7n _1v7y1i6y _ufn21i6y", gapStyleMapOld[size], !hideBackground && "_bfhkhp5a", "_1yt418y6 _jb7v18y6 _y5vk167t _1yob1wow _r37x1r5k", previewOnLeft && previewOnLeftStyleMapOld[size], previewOnRight && previewOnRightStyleMapOld[size], !hideElevation && "_19ith6cr _2rkopd34 _19pkv77o _2hwxv77o _otyrv77o _18u0v77o", clickableContainer && "_nqwih2mm _18ywh2mm _1nq3h2mm _1t4ckb7n _1nxdkb7n _xnbykb7n"]),
-    style: {
-      "--_1xumd0e": ix(padding),
-      "--_73mooq": ix(previewOnLeft ? gap : padding),
-      "--_12k13bg": ix(previewOnRight ? gap : padding)
-    }
   }, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, fg('platform-linking-flexible-card-context') ? filterChildren(children, removeBlockRestriction) : renderChildren(children, size, theme, status, retry, onClick, removeBlockRestriction));
   if (context !== null && context !== void 0 && context.url && (canShowHoverPreview || canShowAuthTooltip)) {
     return /*#__PURE__*/React.createElement(HoverCardControl, {

package/dist/es2019/view/FlexibleCard/components/elements/common/base-atlaskit-badge-element/index.js

@@ -1,11 +1,8 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import AKBadge from '@atlaskit/badge';
-import { fg } from '@atlaskit/platform-feature-flags';
-const badgeStylesOld = null;
 const badgeStyles = null;
 
 /**
@@ -23,16 +20,14 @@ const BaseAtlaskitElementBadge = ({
   if (!value) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("span", _extends({}, fg('platform-linking-visual-refresh-v1') ? {} : {
-    ['data-fit-to-content']: true
-  }, {
+  return /*#__PURE__*/React.createElement("span", {
     "data-smart-element": name,
     "data-smart-element-atlaskit-badge": true,
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    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));
+    className: ax(["_4cvr1h6o _1e0c116y _1ul91ns9", className])
+  }, /*#__PURE__*/React.createElement(AKBadge, null, value));
 };
 export default BaseAtlaskitElementBadge;
 export const toAtlaskitBadgeProps = value => {

package/dist/es2019/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.js

@@ -1,12 +1,10 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
 import AtlaskitAvatarGroup from '@atlaskit/avatar-group';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName, SmartLinkSize } from '../../../../../../constants';
 import { messages } from '../../../../../../messages';
 import { getFormattedMessageAsString } from '../../../utils';
@@ -73,16 +71,14 @@ const BaseAvatarGroup = ({
   if (!data.length) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("span", _extends({}, fg('platform-linking-visual-refresh-v1') ? {} : {
-    ['data-fit-to-content']: true
-  }, {
+  return /*#__PURE__*/React.createElement("span", {
     "data-smart-element": name,
     "data-smart-element-avatar-group": true,
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax([stylesMap[size], fg('platform-linking-visual-refresh-v1') && "_1ul91ns9", className])
-  }), /*#__PURE__*/React.createElement(AtlaskitAvatarGroup, {
+    className: ax([stylesMap[size], "_1ul91ns9", className])
+  }, /*#__PURE__*/React.createElement(AtlaskitAvatarGroup, {
     maxCount: maxCount,
     appearance: "stack",
     size: "small",

package/dist/es2019/view/FlexibleCard/components/elements/common/base-badge-element/index.compiled.css

@@ -1,41 +1,15 @@
 ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._zulp1b66{gap:var(--ds-space-050,4px)}
-._16jlidpf{flex-grow:0}
-._19bv1xvx{padding-left:var(--ds-space-025,.125rem)}
 ._19bvze3t, ._1xr1ze3t img, ._9n9oze3t span, ._7wy9ze3t svg{padding-left:var(--ds-space-0,0)}
-._19l31j6v img, ._1pr21j6v span, ._1u5t1j6v svg{max-height:1rem}
-._1bsb1j6v{width:1rem}
 ._1bsb7vkz, ._mezj7vkz img, ._e2oo7vkz span, ._w8l57vkz svg{width:1pc}
 ._1e0c116y, ._v4pn116y img, ._1b94116y span, ._1ii7116y svg{display:inline-flex}
 ._1e0c116y{display:inline-flex}
-._1jtnidpf img, ._13t3idpf span, ._rm9uidpf svg{line-height:0}
-._1o9zidpf{flex-shrink:0}
-._1rg21j6v img, ._q7cv1j6v span, ._xwbj1j6v svg{min-width:1rem}
-._1tke1j6v{min-height:1rem}
-._1ul91j6v{min-width:1rem}
 ._1ul91ns9{min-width:-moz-fit-content;min-width:fit-content}
 ._4cvr1h6o{align-items:center}
-._4t3i1j6v{height:1rem}
 ._4t3i7vkz, ._bna77vkz img, ._1xjx7vkz span, ._17527vkz svg{height:1pc}
-._5jw9idpf svg{padding-bottom:0}
-._7wy9idpf svg{padding-left:0}
-._bna71j6v img, ._1xjx1j6v span, ._17521j6v svg{height:1rem}
-._c71l1j6v{max-height:1rem}
 ._ca0qze3t, ._14bqze3t img, ._1oh2ze3t span, ._i2i3ze3t svg{padding-top:var(--ds-space-0,0)}
-._i0dl1wug{flex-basis:auto}
-._i2i3idpf svg{padding-top:0}
-._mezj1j6v img, ._e2oo1j6v span, ._w8l51j6v svg{width:1rem}
 ._n3tdze3t, ._1ym6ze3t img, ._1m2uze3t span, ._5jw9ze3t svg{padding-bottom:var(--ds-space-0,0)}
-._p12f1j6v{max-width:1rem}
-._qci81j6v img, ._15iz1j6v span, ._erub1j6v svg{min-height:1rem}
-._rtqbnkob img, ._e4kmnkob span, ._z239nkob svg{vertical-align:middle}
-._rtys1j6v img, ._b8nk1j6v span, ._4x201j6v svg{max-width:1rem}
 ._s7n4nkob, ._rtqbnkob img, ._e4kmnkob span, ._z239nkob svg{vertical-align:middle}
-._s7n4nkob{vertical-align:middle}
 ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
 ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
-._syaz1oju{color:var(--ds-icon-subtle,#626f86)}
-._u5f3ze3t, ._3tceze3t img, ._99ztze3t span, ._uhasze3t svg{padding-right:var(--ds-space-0,0)}
-._uhasidpf svg{padding-right:0}
-._vwz4idpf{line-height:0}
+._u5f3ze3t, ._3tceze3t img, ._99ztze3t span, ._uhasze3t svg{padding-right:var(--ds-space-0,0)}

package/dist/es2019/view/FlexibleCard/components/elements/common/base-badge-element/index.js

@@ -1,11 +1,8 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _extends from "@babel/runtime/helpers/extends";
+/* eslint-disable @atlaskit/design-system/use-tokens-typography */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
-/* eslint-disable @atlaskit/design-system/use-tokens-typography */
-
 import React, { forwardRef } from 'react';
-import { withFeatureFlaggedComponent } from '@atlaskit/linking-common';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import { IconType } from '../../../../../../constants';
@@ -23,11 +20,6 @@ const colorMap = {
   subtle: "_syaz131l",
   default: "_syaz1gjq"
 };
-const badgeStyles = null;
-const iconStyles = null;
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
-const labelStylesOld = null;
 const messageMapper = {
   [IconType.PriorityBlocker]: messages.priority_blocker,
   [IconType.PriorityCritical]: messages.priority_critical,
@@ -114,55 +106,7 @@ const BaseBadgeRefreshNew = /*#__PURE__*/forwardRef(({
     xcss: styles.text
   }, formattedMessageOrLabel));
 });
-
-// On cleanup of platform-linking-visual-refresh-v1, this should become
-// export default withOverrideCss(BaseBadgeElement);
-const BaseBadgeElementRefreshNewWithOverrideCss = withOverrideCss(BaseBadgeRefreshNew);
-
-/**
- * A base element that displays some text with an associated icon.
- * @internal
- * @param {BadgeProps} BadgeProps - The props necessary for the Badge.
- * @see CommentCount
- * @see ViewCount
- * @see ReactCount
- * @see VoteCount
- * @see SubscriberCount
- * @see Priority
- * @see ProgrammingLanguage
- * @see Provider
- */
-const BaseBadgeElementCompiledNew = ({
-  hideIcon = false,
-  icon,
-  label,
-  name,
-  className,
-  testId = 'smart-element-badge',
-  url
-}) => {
-  const formattedMessageOrLabel = getFormattedMessageFromIcon(icon) || label;
-  const badgeIcon = renderAtlaskitIcon(icon, testId) || renderImageIcon(url, testId);
-  if (!formattedMessageOrLabel || !badgeIcon) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("span", _extends({}, fg('platform-linking-visual-refresh-v1') ? {} : {
-    ['data-fit-to-content']: true
-  }, {
-    "data-smart-element": name,
-    "data-smart-element-badge": true,
-    "data-testid": testId
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    ,
-    className: ax(["_4cvr1h6o _1e0c116y _1ul91ns9", className])
-  }), !hideIcon && /*#__PURE__*/React.createElement("span", {
-    className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _syaz1oju _vwz4idpf _s7n4nkob _4t3i1j6v _1tke1j6v _c71l1j6v _1bsb1j6v _1ul91j6v _p12f1j6v _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna71j6v _1xjx1j6v _17521j6v _qci81j6v _15iz1j6v _erub1j6v _19l31j6v _1pr21j6v _1u5t1j6v _mezj1j6v _e2oo1j6v _w8l51j6v _1rg21j6v _q7cv1j6v _xwbj1j6v _rtys1j6v _b8nk1j6v _4x201j6v _1jtnidpf _13t3idpf _rm9uidpf _rtqbnkob _e4kmnkob _z239nkob"])
-  }, badgeIcon), /*#__PURE__*/React.createElement("span", {
-    "data-testid": `${testId}-label`,
-    className: ax(["_11c8dcr7 _syaz131l _19bv1xvx _s7n4nkob"])
-  }, formattedMessageOrLabel));
-};
-export default withFeatureFlaggedComponent(BaseBadgeElementCompiledNew, BaseBadgeElementRefreshNewWithOverrideCss, () => fg('platform-linking-visual-refresh-v1'));
+export default withOverrideCss(BaseBadgeRefreshNew);
 export const toBadgeProps = label => {
   // Don't render the element if its 0
   return label !== '0' && label ? {

package/dist/es2019/view/FlexibleCard/components/elements/common/base-date-time-element/index.compiled.css

@@ -10,6 +10,5 @@
 ._1ul9idpf{min-width:0}
 ._1yyjkb7n{-webkit-line-clamp:1}
 ._sudp1e54{-webkit-box-orient:vertical}
-._syaz131l{color:var(--ds-text-subtlest,#626f86)}
 ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
-@supports not (-webkit-line-clamp:1){._102k1j6v{max-height:1rem}._102k7vkz{max-height:1pc}}
+@supports not (-webkit-line-clamp:1){._102k7vkz{max-height:1pc}}

package/dist/es2019/view/FlexibleCard/components/elements/common/base-date-time-element/index.js

@@ -7,8 +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';
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
-const stylesOld = null;
 const styles = null;
 const typeToDescriptorMap = {
   created: {
@@ -98,7 +96,7 @@ const BaseDateTimeElement = ({
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax([!fg('platform-linking-visual-refresh-v1') && "_11c8dcr7 _1reo15vq _18m915vq _syaz131l _1e0ccj1k _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _102k1j6v", fg('platform-linking-visual-refresh-v1') && "_11c81o8v _1reo15vq _18m915vq _syaz1gjq _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _102k7vkz", fontSize !== undefined && fg('bandicoots-smart-card-teamwork-context') && fontOverrideStyleMap[fontSize], className])
+    className: ax(["_11c81o8v _1reo15vq _18m915vq _syaz1gjq _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _102k7vkz", fontSize !== undefined && fg('bandicoots-smart-card-teamwork-context') && fontOverrideStyleMap[fontSize], className])
   }, content);
 };
 export default BaseDateTimeElement;

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

@@ -89,16 +89,14 @@ const IconElement = ({
     return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId, size, fg('platform-linking-visual-refresh-v2') ? appearance : undefined, hideLoadingSkeleton) || renderAtlaskitIcon(icon, testId, size) || defaultIcon;
   }, [label, testId, overrideIcon, render, url, size, appearance, hideLoadingSkeleton, icon]);
   const width = getIconWidth(size);
-  return /*#__PURE__*/React.createElement("div", _extends({}, fg('platform-linking-visual-refresh-v1') ? {} : {
-    ['data-fit-to-content']: true
-  }, {
+  return /*#__PURE__*/React.createElement("div", {
     "data-smart-element": name,
     "data-smart-element-icon": true,
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
     className: ax([styles.container, positionStyleMap[position], render && customRenderStyleMap[size], className])
-  }), /*#__PURE__*/React.createElement(Box, {
+  }, /*#__PURE__*/React.createElement(Box, {
     xcss: styles.iconWrapperStyle,
     style: {
       width,

package/dist/es2019/view/FlexibleCard/components/elements/common/base-lozenge-element/index.compiled.css

@@ -1,3 +1,2 @@
 ._1e0c116y{display:inline-flex}
-._1ul91ns9{min-width:-moz-fit-content;min-width:fit-content}
-._vwz41kw7{line-height:inherit}
+._1ul91ns9{min-width:-moz-fit-content;min-width:fit-content}

package/dist/es2019/view/FlexibleCard/components/elements/common/base-lozenge-element/index.js

@@ -8,7 +8,6 @@ import AtlaskitLozenge from '@atlaskit/lozenge';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { useFlexibleUiOptionContext } from '../../../../../../state/flexible-ui-context';
 import LozengeAction from './lozenge-action';
-const stylesOld = null;
 const styles = null;
 /**
  * A base element that displays a Lozenge.
@@ -44,16 +43,14 @@ const BaseLozengeElement = ({
     style: style,
     testId: `${testId}-lozenge`
   }), text);
-  return /*#__PURE__*/React.createElement("span", _extends({}, fg('platform-linking-visual-refresh-v1') ? {} : {
-    ['data-fit-to-content']: true
-  }, {
+  return /*#__PURE__*/React.createElement("span", {
     "data-smart-element": name,
     "data-smart-element-lozenge": true,
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax([!fg('platform-linking-visual-refresh-v1') && "_1e0c116y _vwz41kw7", fg('platform-linking-visual-refresh-v1') && "_1e0c116y _1ul91ns9", className])
-  }), lozenge);
+    className: ax(["_1e0c116y _1ul91ns9", className])
+  }, lozenge);
 };
 export default BaseLozengeElement;
 export const toDateLozengeProps = dateString => {

package/dist/es2019/view/FlexibleCard/components/elements/common/base-text-element/index.compiled.css

@@ -11,6 +11,5 @@
 ._1yyjr31u{-webkit-line-clamp:var(--_1erfju8)}
 ._o5724jg8{white-space:normal}
 ._sudp1e54{-webkit-box-orient:vertical}
-._syaz131l{color:var(--ds-text-subtlest,#626f86)}
 ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
 @supports not (-webkit-line-clamp:1){._102k1dud{max-height:calc(var(--_1erfju8)*1rem)}}

package/dist/es2019/view/FlexibleCard/components/elements/common/base-text-element/index.js

@@ -4,8 +4,6 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { fg } from '@atlaskit/platform-feature-flags';
 import { getFormattedMessage } from '../../../utils';
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
-const baseStyleOld = null;
 const baseStyle = null;
 const fontOverrideStyleMap = {
   'font.body': "_11c82smr",
@@ -43,7 +41,7 @@ export const BaseTextElement = ({
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax([!fg('platform-linking-visual-refresh-v1') && "_11c8dcr7 _1reo15vq _18m915vq _syaz131l _o5724jg8 _1e0ccj1k _1bto1l2s _1nmz1hna _sudp1e54", fg('platform-linking-visual-refresh-v1') && "_11c81o8v _1reo15vq _18m915vq _syaz1gjq _o5724jg8 _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _sudp1e54", fontSize !== undefined && fg('bandicoots-smart-card-teamwork-context') && fontOverrideStyleMap[fontSize], "_1yyjr31u _102k1dud", className]),
+    className: ax(["_11c81o8v _1reo15vq _18m915vq _syaz1gjq _o5724jg8 _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _sudp1e54", fontSize !== undefined && fg('bandicoots-smart-card-teamwork-context') && fontOverrideStyleMap[fontSize], "_1yyjr31u _102k1dud", className]),
     style: {
       color: color && fg('platform-linking-additional-flexible-element-props') ? color : undefined,
       "--_1erfju8": ix(maxLines)

package/dist/es2019/view/FlexibleCard/components/elements/snippet-element/index.js

@@ -3,13 +3,9 @@ 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 { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { BaseTextElement } from '../common';
 const SNIPPET_DEFAULT_MAX_LINES = 3;
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
-const snippetBaseStyleOld = null;
 const snippetBaseStyle = null;
 const SnippetElement = props => {
   const {
@@ -23,7 +19,7 @@ const SnippetElement = props => {
     content: overrideContent !== null && overrideContent !== void 0 ? overrideContent : context === null || context === void 0 ? void 0 : context.snippet,
     maxLines: maxLines,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    className: ax([!fg('platform-linking-visual-refresh-v1') && "_syaz1fxt _181u1kdv _1rkw1kdv _te171kdv _uizt1kdv", fg('platform-linking-visual-refresh-v1') && "_syaz1fxt _1ul9idpf _181u1kdv _1rkw1kdv _te171kdv _uizt1kdv", className])
+    className: ax(["_syaz1fxt _1ul9idpf _181u1kdv _1rkw1kdv _te171kdv _uizt1kdv", className])
   }, restOfProps));
 };
 export default SnippetElement;

package/dist/es2019/view/HoverCard/components/ImagePreview.js

@@ -1,5 +1,4 @@
 import React, { useCallback, useRef, useState } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { extractSmartLinkPreviewImage } from '../../../extractors/flexible/extract-preview';
 import { PreviewBlock } from '../../FlexibleCard/components/blocks';
 const ImagePreview = ({
@@ -19,7 +18,7 @@ const ImagePreview = ({
       setDynamicStyles({
         borderTopLeftRadius: "var(--ds-border-radius-200, 8px)",
         borderTopRightRadius: "var(--ds-border-radius-200, 8px)",
-        marginBottom: fg('platform-linking-visual-refresh-v1') ? "var(--ds-space-100, 8px)" : '0.5rem',
+        marginBottom: "var(--ds-space-100, 8px)",
         ...(previewHeight ? {
           height: `${previewHeight}px`
         } : {})

package/dist/es2019/view/HoverCard/components/views/forbidden/index.compiled.css

@@ -5,7 +5,6 @@
 ._1bah1h6o{justify-content:center}
 ._1e0c1nu9{display:inline}
 ._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
-._otyrcxkx{margin-bottom:var(--ds-space-100,.5rem)}
 ._otyru2gc{margin-bottom:var(--ds-space-100,8px)}
 ._qrwqpd34{border-top-right-radius:var(--ds-border-radius-200,8px)}
 ._y3gn1h6o{text-align:center}

package/dist/es2019/view/HoverCard/components/views/forbidden/index.js

@@ -15,13 +15,9 @@ import extractHostname from '../../../../../extractors/common/hostname/extractHo
 import { messages } from '../../../../../messages';
 import FlexibleCard from '../../../../FlexibleCard';
 import { CustomBlock, PreviewBlock } from '../../../../FlexibleCard/components/blocks';
-const titleBlockStylesOld = null;
 const titleBlockStyles = null;
-const mainTextStylesOld = null;
 const mainTextStyles = null;
-const connectButtonStylesOld = null;
 const connectButtonStyles = null;
-const basePreviewStylesOld = null;
 const basePreviewStyles = null;
 const HoverCardForbiddenView = ({
   flexibleCardProps,
@@ -61,13 +57,13 @@ const HoverCardForbiddenView = ({
   }, fg('platform-linking-flexible-card-context') ? undefined : {
     status: SmartLinkStatus.Forbidden
   }, {
-    className: ax([fg('platform-linking-visual-refresh-v1') ? "_13lipd34 _qrwqpd34 _otyru2gc" : "_13lipd34 _qrwqpd34 _otyrcxkx"])
+    className: ax(["_13lipd34 _qrwqpd34 _otyru2gc"])
   })), /*#__PURE__*/React.createElement(CustomBlock, _extends({
     testId: `${testId}-title`
   }, fg('platform-linking-flexible-card-context') ? undefined : {
     status: SmartLinkStatus.Forbidden
   }, {
-    className: ax([fg('platform-linking-visual-refresh-v1') ? "_1bah1h6o _k48p1pd9 _19pku2gc" : "_1bah1h6o _k48p1pd9 _19pku2gc"])
+    className: ax(["_1bah1h6o _k48p1pd9 _19pku2gc"])
   }), /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[titleMessageKey], {
     values: {
       product
@@ -77,7 +73,7 @@ const HoverCardForbiddenView = ({
   }, fg('platform-linking-flexible-card-context') ? undefined : {
     status: SmartLinkStatus.Forbidden
   }, {
-    className: ax([fg('platform-linking-visual-refresh-v1') ? "_11c8dcr7 _1e0c1nu9 _1bah1h6o _19pkze3t _y3gn1h6o" : "_11c8dcr7 _1e0c1nu9 _1bah1h6o _19pkze3t _y3gn1h6o"])
+    className: ax(["_11c8dcr7 _1e0c1nu9 _1bah1h6o _19pkze3t _y3gn1h6o"])
   }), /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[descriptiveMessageKey], {
     values: {
       product,
@@ -86,7 +82,7 @@ const HoverCardForbiddenView = ({
   }))), action && /*#__PURE__*/React.createElement(CustomBlock, _extends({}, fg('platform-linking-flexible-card-context') ? undefined : {
     status: SmartLinkStatus.Forbidden
   }, {
-    className: ax([fg('platform-linking-visual-refresh-v1') ? "_1bah1h6o _19pku2gc" : "_1bah1h6o _19pku2gc"])
+    className: ax(["_1bah1h6o _19pku2gc"])
   }), /*#__PURE__*/React.createElement(ButtonComponent, {
     testId: `${testId}-button`,
     onClick: action === null || action === void 0 ? void 0 : action.promise,

package/dist/es2019/view/HoverCard/components/views/resolved/index.compiled.css

@@ -1,18 +1,8 @@
 
-._2aco1o8v [data-smart-element-group]{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._quenui7n [data-smart-element-group]{gap:.06rem}
 ._quenze3t [data-smart-element-group]{gap:var(--ds-space-0,0)}
-._zulpidpf{gap:0}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}._13mh1pd9 [data-smart-element=Title]{font-weight:var(--ds-font-weight-semibold,600)}
-._1ljqu2gc [data-separator]+[data-separator]:before{margin-right:var(--ds-space-100,8px)}
-._3tmpcxkx [data-smart-element-group]:nth-of-type(2)>span{margin-left:var(--ds-space-100,.5rem)}
 ._3um015vq{visibility:hidden}
 ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
-._fmt31ohn [data-smart-element-group]:first-of-type{flex-grow:7}
-._ia0l11wp [data-smart-element-group]:nth-of-type(2){flex-grow:3}
 ._kqswstnw{position:absolute}
 ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
-._oebj1txw [data-smart-element-group]{display:flex}
-._w3mucxkx [data-smart-element-group]:first-of-type>span{margin-right:var(--ds-space-100,.5rem)}
-._x7z0u2gc [data-smart-element-group]>[data-smart-element-group]>span{margin-right:var(--ds-space-100,8px)}
-._yklxcxkx [data-smart-element-group]:first-of-type [data-separator]+[data-separator]:before{margin-right:var(--ds-space-100,.5rem)}
+._oebj1txw [data-smart-element-group]{display:flex}

package/dist/es2019/view/HoverCard/components/views/resolved/index.js

@@ -12,12 +12,6 @@ import { ActionBlock, AIFooterBlock, AISummaryBlock, MetadataBlock, SnippetBlock
 import { getMetadata } from '../../../utils';
 import ImagePreview from '../../ImagePreview';
 const hiddenSnippetStyles = null;
-const metadataBlockCssOld = null;
-
-/**
- * Moved from HoverCardContent.tsx due to CompiledCSS migration.
- */
-const titleBlockStyleOld = null;
 const titleBlockStyles = null;
 const snippetBlockCss = null;
 const actionBlockCss = null;
@@ -70,7 +64,7 @@ const HoverCardResolvedView = ({
   const snippet = imagePreview ? null : /*#__PURE__*/React.createElement(SnippetBlock, _extends({}, fg('platform-linking-flexible-card-context') ? undefined : {
     status: SmartLinkStatus.Resolved
   }, {
-    className: ax([fg('platform-linking-visual-refresh-v1') && "_ca0q1b66"])
+    className: ax(["_ca0q1b66"])
   }));
   const aiSummaryMinHeight = snippet ? snippetHeight.current : 0;
   return /*#__PURE__*/React.createElement(FlexibleCard, flexibleCardProps, imagePreview, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockProps, {
@@ -78,7 +72,7 @@ const HoverCardResolvedView = ({
   }, fg('platform-linking-flexible-card-context') ? undefined : {
     status: SmartLinkStatus.Resolved
   }, {
-    className: ax([fg('platform-linking-visual-refresh-v1') ? "_zulpu2gc _quenze3t _oebj1txw _13mh1pd9" : "_zulpu2gc _quenui7n _oebj1txw _x7z0u2gc _1ljqu2gc _13mh1pd9"])
+    className: ax(["_zulpu2gc _quenze3t _oebj1txw _13mh1pd9"])
   })), /*#__PURE__*/React.createElement(MetadataBlock, _extends({
     primary: primary,
     secondary: secondary,
@@ -86,8 +80,6 @@ const HoverCardResolvedView = ({
     size: SmartLinkSize.Medium
   }, fg('platform-linking-flexible-card-context') ? undefined : {
     status: SmartLinkStatus.Resolved
-  }, {
-    className: ax([!fg('platform-linking-visual-refresh-v1') && "_zulpidpf _2aco1o8v _fmt31ohn _yklxcxkx _w3mucxkx _ia0l11wp _3tmpcxkx"])
   })), isAISummaryEnabled ? /*#__PURE__*/React.createElement(AISummaryBlock, _extends({
     aiSummaryMinHeight: aiSummaryMinHeight,
     placeholder: snippet
@@ -105,7 +97,7 @@ const HoverCardResolvedView = ({
   })), /*#__PURE__*/React.createElement(ActionBlock, {
     onClick: onActionClick,
     spaceInline: "space.100",
-    className: ax([fg('platform-linking-visual-refresh-v1') && "_n3td1b66"])
+    className: ax(["_n3td1b66"])
   }), /*#__PURE__*/React.createElement(AIFooterBlock, null));
 };
 export default HoverCardResolvedView;

package/dist/es2019/view/HoverCard/components/views/unauthorised/index.compiled.css

@@ -1,8 +1,5 @@
 ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._zulp5l1i{gap:.5rem .5rem}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}
 ._13mh1pd9 [data-smart-element=Title]{font-weight:var(--ds-font-weight-semibold,600)}
-._19pkcxkx{margin-top:var(--ds-space-100,.5rem)}
 ._19pku2gc{margin-top:var(--ds-space-100,8px)}
-._1bahesu3{justify-content:flex-end}
-._bpsp1wq8 a{font-weight:var(--ds-font-weight-medium,500)}
+._1bahesu3{justify-content:flex-end}