@atlaskit/smart-card 39.1.0 → 39.2.1

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

@@ -12,7 +12,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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';
@@ -180,23 +179,9 @@ var getLayeredLink = function getLayeredLink(testId, context, children, onClick)
   });
 };
 var baseStyleCommon = null;
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
-var backgroundStyleOld = null;
 var backgroundStyles = null;
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
-var elevationStylesOld = null;
 var elevationStyles = null;
 var clickableContainerStyles = null;
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
-var gapStyleMapOld = {
-  xlarge: "_zulp1jvo",
-  large: "_zulph3jc",
-  medium: "_zulp1qos",
-  small: "_zulpfzsm"
-};
 var gapStyleMap = {
   xlarge: "_zulpr2fv",
   large: "_zulpzu5n",
@@ -210,79 +195,37 @@ var gapStyleMap = {
  * at view/FlexibleCard/components/utils.tsx
  */
 var getPadding = function 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)";
   }
 };
 var getGap = function 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
-var previewOnLeftStyleMapOld = {
-  xlarge: "_19bv15sf _y5vk1k92",
-  large: "_19bvf557 _y5vk1j6v",
-  medium: "_19bvqox2 _y5vk1kwk",
-  small: "_19bv1ltm _y5vk6mu8"
-};
 var previewOnLeftStyleMap = {
   xlarge: "_19bver0k _y5vk1ejb",
   large: "_19bv16ru _y5vkv47k",
   medium: "_19bv1g7w _y5vk1eak",
   small: "_19bvlbes _y5vku2gc"
 };
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
-var previewOnRightStyleMapOld = {
-  xlarge: "_u5f315sf _1yob1k92",
-  large: "_u5f3f557 _1yob1j6v",
-  medium: "_u5f3qox2 _1yob1kwk",
-  small: "_u5f31ltm _1yob6mu8"
-};
 var previewOnRightStyleMap = {
   xlarge: "_u5f3er0k _1yob1ejb",
   large: "_u5f316ru _1yobv47k",
@@ -323,7 +266,7 @@ var Container = function Container(_ref5) {
     testId = _ref5$testId === void 0 ? 'smart-links-container' : _ref5$testId,
     _ref5$theme = _ref5.theme,
     theme = _ref5$theme === void 0 ? SmartLinkTheme.Link : _ref5$theme;
-  var padding = hidePadding ? fg('platform-linking-visual-refresh-v1') ? '0px' : '0rem' : getPadding(size);
+  var padding = hidePadding ? '0px' : getPadding(size);
   var gap = getGap(size);
   var context = fg('platform-linking-flexible-card-context') ?
   // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -338,7 +281,7 @@ var Container = function Container(_ref5) {
   // unresolved link (unauthorized, forbidden, not found, etc.)
   var canShowAuthTooltip = showHoverPreview && status === 'unauthorized' && retry !== undefined;
   var containerPaddingStyles = null;
-  var container = fg('platform-linking-visual-refresh-v1') ? /*#__PURE__*/React.createElement("div", {
+  var 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 && "_19itpp12 _2rkob7nn _19pkv77o _2hwxv77o _otyrv77o _18u0v77o", clickableContainer && "_nqwih2mm _18ywh2mm _1nq3h2mm _1t4ckb7n _1nxdkb7n _xnbykb7n"]),
@@ -348,16 +291,6 @@ var Container = function Container(_ref5) {
       "--_12k13bg": ix(previewOnRight ? gap : padding),
       "--_18x9sjc": ix("1px solid ".concat("var(--ds-border, #091E4224)"))
     }
-  }, 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 && "_19itn8v0 _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),
-      "--_vzvmm2": ix("1px solid ".concat("var(--ds-border, ".concat(N40, ")")))
-    }
   }, 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/esm/view/FlexibleCard/components/elements/common/base-atlaskit-badge-element/index.js

@@ -1,12 +1,8 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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';
-var badgeStylesOld = null;
 var badgeStyles = null;
 
 /**
@@ -24,14 +20,14 @@ var BaseAtlaskitElementBadge = function BaseAtlaskitElementBadge(_ref) {
   if (!value) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("span", _extends({}, fg('platform-linking-visual-refresh-v1') ? {} : _defineProperty({}, '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 var toAtlaskitBadgeProps = function toAtlaskitBadgeProps(value) {

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

@@ -1,5 +1,4 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./index.compiled.css";
 import * as React from 'react';
@@ -9,7 +8,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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';
@@ -80,14 +78,14 @@ var BaseAvatarGroup = function BaseAvatarGroup(_ref) {
   if (!data.length) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("span", _extends({}, fg('platform-linking-visual-refresh-v1') ? {} : _defineProperty({}, '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/esm/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/esm/view/FlexibleCard/components/elements/common/base-badge-element/index.js

@@ -1,5 +1,4 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _messageMapper;
 import "./index.compiled.css";
@@ -7,7 +6,6 @@ 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';
@@ -25,11 +23,6 @@ var colorMap = {
   subtle: "_syaz131l",
   default: "_syaz1gjq"
 };
-var badgeStyles = null;
-var iconStyles = null;
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
-var labelStylesOld = null;
 var messageMapper = (_messageMapper = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_messageMapper, IconType.PriorityBlocker, messages.priority_blocker), IconType.PriorityCritical, messages.priority_critical), IconType.PriorityHigh, messages.priority_high), IconType.PriorityHighest, messages.priority_highest), IconType.PriorityLow, messages.priority_low), IconType.PriorityLowest, messages.priority_lowest), IconType.PriorityMajor, messages.priority_major), IconType.PriorityMedium, messages.priority_medium), IconType.PriorityMinor, messages.priority_minor), IconType.PriorityTrivial, messages.priority_trivial), _defineProperty(_messageMapper, IconType.PriorityUndefined, messages.priority_undefined));
 var getFormattedMessageFromIcon = function getFormattedMessageFromIcon(icon) {
   if (icon) {
@@ -106,56 +99,7 @@ var BaseBadgeRefreshNew = /*#__PURE__*/forwardRef(function (_ref, ref) {
     xcss: styles.text
   }, formattedMessageOrLabel));
 });
-
-// On cleanup of platform-linking-visual-refresh-v1, this should become
-// export default withOverrideCss(BaseBadgeElement);
-var 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
- */
-var BaseBadgeElementCompiledNew = function BaseBadgeElementCompiledNew(_ref2) {
-  var _ref2$hideIcon = _ref2.hideIcon,
-    hideIcon = _ref2$hideIcon === void 0 ? false : _ref2$hideIcon,
-    icon = _ref2.icon,
-    label = _ref2.label,
-    name = _ref2.name,
-    className = _ref2.className,
-    _ref2$testId = _ref2.testId,
-    testId = _ref2$testId === void 0 ? 'smart-element-badge' : _ref2$testId,
-    url = _ref2.url;
-  var formattedMessageOrLabel = getFormattedMessageFromIcon(icon) || label;
-  var badgeIcon = renderAtlaskitIcon(icon, testId) || renderImageIcon(url, testId);
-  if (!formattedMessageOrLabel || !badgeIcon) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("span", _extends({}, fg('platform-linking-visual-refresh-v1') ? {} : _defineProperty({}, '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": "".concat(testId, "-label"),
-    className: ax(["_11c8dcr7 _syaz131l _19bv1xvx _s7n4nkob"])
-  }, formattedMessageOrLabel));
-};
-export default withFeatureFlaggedComponent(BaseBadgeElementCompiledNew, BaseBadgeElementRefreshNewWithOverrideCss, function () {
-  return fg('platform-linking-visual-refresh-v1');
-});
+export default withOverrideCss(BaseBadgeRefreshNew);
 export var toBadgeProps = function toBadgeProps(label) {
   // Don't render the element if its 0
   return label !== '0' && label ? {

package/dist/esm/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/esm/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
-var stylesOld = null;
 var styles = null;
 var typeToDescriptorMap = {
   created: {
@@ -97,7 +95,7 @@ var BaseDateTimeElement = function BaseDateTimeElement(_ref) {
     "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/esm/view/FlexibleCard/components/elements/common/base-icon-element/index.js

@@ -1,6 +1,6 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _typeof from "@babel/runtime/helpers/typeof";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _typeof from "@babel/runtime/helpers/typeof";
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
@@ -103,14 +103,14 @@ var IconElement = function IconElement(_ref) {
     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]);
   var width = getIconWidth(size);
-  return /*#__PURE__*/React.createElement("div", _extends({}, fg('platform-linking-visual-refresh-v1') ? {} : _defineProperty({}, '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: width,

package/dist/esm/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/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/index.js

@@ -1,5 +1,4 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
@@ -9,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';
-var stylesOld = null;
 var styles = null;
 /**
  * A base element that displays a Lozenge.
@@ -46,14 +44,14 @@ var BaseLozengeElement = function BaseLozengeElement(_ref) {
     style: style,
     testId: "".concat(testId, "-lozenge")
   }), text);
-  return /*#__PURE__*/React.createElement("span", _extends({}, fg('platform-linking-visual-refresh-v1') ? {} : _defineProperty({}, '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 var toDateLozengeProps = function toDateLozengeProps(dateString) {

package/dist/esm/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){._102klxil{max-height:var(--_ohw86c)}}

package/dist/esm/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
-var baseStyleOld = null;
 var baseStyle = null;
 var fontOverrideStyleMap = {
   'font.body': "_11c82smr",
@@ -45,7 +43,7 @@ export var BaseTextElement = function BaseTextElement(_ref) {
     "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 _102klxil", className]),
+    className: ax(["_11c81o8v _1reo15vq _18m915vq _syaz1gjq _o5724jg8 _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _sudp1e54", fontSize !== undefined && fg('bandicoots-smart-card-teamwork-context') && fontOverrideStyleMap[fontSize], "_1yyjr31u _102klxil", className]),
     style: {
       color: color && fg('platform-linking-additional-flexible-element-props') ? color : undefined,
       "--_1erfju8": ix(maxLines),

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

@@ -5,13 +5,9 @@ var _excluded = ["content", "maxLines", "className"];
 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';
 var SNIPPET_DEFAULT_MAX_LINES = 3;
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
-var snippetBaseStyleOld = null;
 var snippetBaseStyle = null;
 var SnippetElement = function SnippetElement(props) {
   var _ref = props !== null && props !== void 0 ? props : {},
@@ -25,7 +21,7 @@ var SnippetElement = function 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/esm/view/HoverCard/components/ImagePreview.js

@@ -3,7 +3,6 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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';
 var ImagePreview = function ImagePreview(_ref) {
@@ -28,7 +27,7 @@ var ImagePreview = function ImagePreview(_ref) {
       setDynamicStyles(_objectSpread({
         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: "".concat(previewHeight, "px")
       } : {}));

package/dist/esm/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/esm/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';
-var titleBlockStylesOld = null;
 var titleBlockStyles = null;
-var mainTextStylesOld = null;
 var mainTextStyles = null;
-var connectButtonStylesOld = null;
 var connectButtonStyles = null;
-var basePreviewStylesOld = null;
 var basePreviewStyles = null;
 var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
   var _cardState$details, _extractSmartLinkProv, _extractSmartLinkProv2, _extractRequestAccess;
@@ -57,13 +53,13 @@ var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
   }, 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: "".concat(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: product
@@ -73,7 +69,7 @@ var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
   }, 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: product,
@@ -82,7 +78,7 @@ var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
   }))), 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: "".concat(testId, "-button"),
     onClick: action === null || action === void 0 ? void 0 : action.promise,

package/dist/esm/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/esm/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';
 var hiddenSnippetStyles = null;
-var metadataBlockCssOld = null;
-
-/**
- * Moved from HoverCardContent.tsx due to CompiledCSS migration.
- */
-var titleBlockStyleOld = null;
 var titleBlockStyles = null;
 var snippetBlockCss = null;
 var actionBlockCss = null;
@@ -67,7 +61,7 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
   var 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"])
   }));
   var aiSummaryMinHeight = snippet ? snippetHeight.current : 0;
   return /*#__PURE__*/React.createElement(FlexibleCard, flexibleCardProps, imagePreview, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockProps, {
@@ -75,7 +69,7 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
   }, 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,
@@ -83,8 +77,6 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     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
@@ -102,7 +94,7 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
   })), /*#__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;