@atlaskit/smart-card 39.0.0 → 39.2.0

package/dist/cjs/view/FlexibleCard/components/blocks/block/index.compiled.css

@@ -1,9 +1,5 @@
 
 ._zulp1b66{gap:var(--ds-space-050,4px)}
-._zulp1j6v{gap:1rem}
-._zulp1k92{gap:1.25rem}
-._zulp1kwk{gap:.5rem}
-._zulp6mu8{gap:.25rem}
 ._zulppxbi{gap:var(--ds-space-200,1pc)}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}
 ._zulpv47k{gap:var(--ds-space-250,20px)}._12ji1kw7{outline-color:inherit}
@@ -18,14 +14,9 @@
 ._1gu21oju [data-separator][data-smart-element=SourceBranch]+[data-separator][data-smart-element=TargetBranch]:before{color:var(--ds-icon-subtle,#626f86)}
 ._1ifmglyw{-webkit-touch-callout:none}
 ._1ljq1b66 [data-separator]+[data-separator]:before{margin-right:var(--ds-space-050,4px)}
-._1ljq1j6v [data-separator]+[data-separator]:before{margin-right:1rem}
-._1ljq1k92 [data-separator]+[data-separator]:before{margin-right:1.25rem}
-._1ljq1kwk [data-separator]+[data-separator]:before{margin-right:.5rem}
-._1ljq6mu8 [data-separator]+[data-separator]:before{margin-right:.25rem}
 ._1ljqpxbi [data-separator]+[data-separator]:before{margin-right:var(--ds-space-200,1pc)}
 ._1ljqu2gc [data-separator]+[data-separator]:before{margin-right:var(--ds-space-100,8px)}
 ._1ljqv47k [data-separator]+[data-separator]:before{margin-right:var(--ds-space-250,20px)}
-._1ouwidpf>*{min-width:0}
 ._1qu2agmp{outline-style:none!important}
 ._1reo15vq{overflow-x:hidden}
 ._1rkwglyw{-moz-user-select:none}
@@ -37,12 +28,8 @@
 ._4cvr1y6m{align-items:flex-start}
 ._5b7tuxlv [data-separator][data-smart-element=TargetBranch]+[data-separator][data-smart-element=SourceBranch]:before{content:"←"}
 ._a6bxmuej [data-separator]+[data-separator]:before{color:var(--ds-border,#091e4224)}
-._a7e8uxlv [data-smart-element=TargetBranch]+[data-smart-element=SourceBranch]:before{content:"←"}
 ._e4i5bjq5 [data-separator][data-smart-element=SourceBranch]+[data-separator][data-smart-element=TargetBranch]:before{content:"→"}
-._f6ju1ns9>[data-fit-to-content]{min-width:-moz-fit-content;min-width:fit-content}
 ._fiawglyw:empty{display:none}
 ._syaz1kw7{color:inherit}
 ._te17glyw{-ms-user-select:none}
-._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
-._vwz41j6v{line-height:1rem}
-._ytq1bjq5 [data-smart-element=SourceBranch]+[data-smart-element=TargetBranch]:before{content:"→"}
+._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}

package/dist/cjs/view/FlexibleCard/components/blocks/block/index.js

@@ -11,22 +11,11 @@ require("./index.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _utils = require("../utils");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
-var BaseBlockStylesOld = null;
 var baseBlockStyles = null;
 var highlightRemoveStyles = null;
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
-var gapsStylesOld = {
-  xlarge: "_zulp1k92 _1ljq1k92",
-  large: "_zulp1j6v _1ljq1j6v",
-  medium: "_zulp1kwk _1ljq1kwk",
-  small: "_zulp6mu8 _1ljq6mu8"
-};
 var gapStyles = {
   xlarge: "_zulpv47k _1ljqv47k",
   large: "_zulppxbi _1ljqpxbi",
@@ -64,7 +53,7 @@ var Block = function Block(_ref) {
   }, [onRender]);
   return /*#__PURE__*/React.createElement("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    className: (0, _runtime.ax)([!(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_1reo15vq _18m915vq _4cvr1h6o _vwz41j6v _1e0c1txw _1ul9idpf _1bah1y6m _fiawglyw _1ouwidpf _f6ju1ns9 _1uzp1mp2 _ytq1bjq5 _a7e8uxlv", (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _1bah1y6m _fiawglyw _1uzp1mp2 _a6bxmuej _e4i5bjq5 _1gu21oju _5b7tuxlv _17ae1oju", "_12ji1snc _1qu2agmp _12y310yn _12ji1kw7 _syaz1kw7 _18ql1j28 _1ifmglyw _181uglyw _1rkwglyw _te17glyw _uiztglyw", directionStyles[direction], !(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && gapsStylesOld[size], (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && gapStyles[size], className]),
+    className: (0, _runtime.ax)(["_1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _1bah1y6m _fiawglyw _1uzp1mp2 _a6bxmuej _e4i5bjq5 _1gu21oju _5b7tuxlv _17ae1oju", "_12ji1snc _1qu2agmp _12y310yn _12ji1kw7 _syaz1kw7 _18ql1j28 _1ifmglyw _181uglyw _1rkwglyw _te17glyw _uiztglyw", directionStyles[direction], gapStyles[size], className]),
     "data-smart-block": true,
     "data-testid": testId,
     onTransitionEnd: onTransitionEnd,

package/dist/cjs/view/FlexibleCard/components/blocks/element-group/index.compiled.css

@@ -1,9 +1,5 @@
 
-._zulp147b{gap:var(--ds-space-250,1.25rem)}
 ._zulp1b66{gap:var(--ds-space-050,4px)}
-._zulp1e9d{gap:var(--ds-space-200,1rem)}
-._zulpcxkx{gap:var(--ds-space-100,.5rem)}
-._zulppdf9{gap:var(--ds-space-050,.25rem)}
 ._zulppxbi{gap:var(--ds-space-200,1pc)}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}
 ._zulpv47k{gap:var(--ds-space-250,20px)}._16jlkb7n{flex-grow:1}
@@ -20,7 +16,6 @@
 ._1iu61nu9 >div[data-smart-element-date-time], ._166k1nu9 >div[data-smart-element-text], ._1div1nu9 >span[data-smart-element-date-time], ._bmfb1nu9 >span[data-smart-element-text]{display:inline}
 ._1nmz1hna{word-break:break-word}
 ._1o9z11wp{flex-shrink:3}
-._1ouwidpf>*{min-width:0}
 ._1reo15vq{overflow-x:hidden}
 ._1ul99by0{min-width:10%}
 ._1ul9idpf{min-width:0}
@@ -39,7 +34,6 @@
 ._7yhbpxbi >span{margin-right:var(--ds-space-200,1pc)}
 ._7yhbu2gc >span{margin-right:var(--ds-space-100,8px)}
 ._7yhbv47k >span{margin-right:var(--ds-space-250,20px)}
-._f6ju1ns9>[data-fit-to-content]{min-width:-moz-fit-content;min-width:fit-content}
 ._fiawglyw:empty{display:none}
 ._i0dlf1ug{flex-basis:0%}
 ._m6ukidpf >span:last-child{margin-right:0}
@@ -47,7 +41,6 @@
 ._r291v2br{-ms-flex-align:start}
 ._s7n4nkob{vertical-align:middle}
 ._sudp1e54{-webkit-box-orient:vertical}
-._vwz41j6v{line-height:1rem}
 ._y3gn1e5h{text-align:left}
 ._y3gnusic{text-align:right}
-@supports not (-webkit-line-clamp:1){._102k125z{max-height:calc(var(--ds-space-400, 2pc)*1)}._102k1k8s{max-height:1.5rem}._102k1m1q{max-height:1.75rem}._102kz42d{max-height:calc(var(--ds-space-300, 24px)*1)}}
+@supports not (-webkit-line-clamp:1){._102k125z{max-height:calc(var(--ds-space-400, 2pc)*1)}._102kz42d{max-height:calc(var(--ds-space-300, 24px)*1)}}

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

@@ -10,7 +10,6 @@ exports.default = void 0;
 require("./index.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _utils = require("../utils");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -18,14 +17,6 @@ var alignmentStyleMap = {
   right: "_1dthh9n0 _r291h9n0 _1bahesu3 _y3gnusic",
   left: "_1dthv2br _r291v2br _1bah1y6m _y3gn1e5h"
 };
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
-var baseStyleBySizeOld = {
-  xlarge: "_zulp147b _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _vwz41j6v",
-  large: "_zulp1e9d _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _vwz41j6v",
-  medium: "_zulpcxkx _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _vwz41j6v",
-  small: "_zulppdf9 _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf _vwz41j6v"
-};
 var baseStyleBySize = {
   xlarge: "_zulpv47k _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf",
   large: "_zulppxbi _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf",
@@ -36,7 +27,6 @@ var baseStyleByDirection = {
   horizontal: "_2lx2vrvc _4cvr1h6o",
   vertical: "_2lx21bp4 _4cvr1y6m"
 };
-var baseStyleOld = null;
 var baseStyles = null;
 var widthStyle = {
   flexible: "_16jlkb7n _1o9z11wp _i0dlf1ug",
@@ -47,14 +37,6 @@ var positionStyle = {
   center: ""
 };
 var horizontalStyleBase = null;
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
-var horizontalStyleByHeightOld = {
-  xlarge: "_1e0ccj1k _102k1m1q",
-  large: "_1e0ccj1k _102k1m1q",
-  medium: "_1e0ccj1k _102k1k8s",
-  small: "_1e0ccj1k _102k1k8s"
-};
 var horizontalStyleByHeight = {
   xlarge: "_1e0ccj1k _102k125z",
   large: "_1e0ccj1k _102k125z",
@@ -103,7 +85,7 @@ var ElementGroup = function ElementGroup(_ref) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: (0, _runtime.ax)([!(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && baseStyleBySizeOld[size], (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && baseStyleBySize[size], baseStyleByDirection[direction], !(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_fiawglyw _1ouwidpf _f6ju1ns9", (0, _platformFeatureFlags.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 && !(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && horizontalStyleByHeightOld[size], isHorizontal && (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && horizontalStyleByHeight[size], isHorizontal && align === _constants.SmartLinkAlignment.Left && gapStylesLeft[size], isHorizontal && align === _constants.SmartLinkAlignment.Right && gapStylesRight[size], positionStyle[position], className])
+    className: (0, _runtime.ax)([baseStyleBySize[size], baseStyleByDirection[direction], "_fiawglyw", alignmentStyleMap[align], "_1ul99by0", widthStyle[width], isHorizontal && "_1reo15vq _18m915vq _1e0c1ule _s7n4nkob _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _1aaynkob _15tynkob _1iu61nu9 _166k1nu9 _1div1nu9 _bmfb1nu9", isHorizontal && horizontalStyleByHeight[size], isHorizontal && align === _constants.SmartLinkAlignment.Left && gapStylesLeft[size], isHorizontal && align === _constants.SmartLinkAlignment.Right && gapStylesRight[size], positionStyle[position], className])
   }, (0, _utils.renderChildren)(children, size));
 };
 var _default = exports.default = ElementGroup;

package/dist/cjs/view/FlexibleCard/components/blocks/footer-block/resolved/index.compiled.css

@@ -1,3 +1,2 @@
 ._4t3i1osq{height:100%}
-._c71lviql{max-height:2rem}
 ._c71lxy5q{max-height:var(--ds-space-400,2pc)}

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

@@ -22,7 +22,6 @@ var _block = _interopRequireDefault(require("../../block"));
 var _elementGroup = _interopRequireDefault(require("../../element-group"));
 var _utils = require("../../utils");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var actionGroupStylesOld = null;
 var actionGroupStyles = null;
 var safariStyles = null;
 var FooterBlockResolvedView = function FooterBlockResolvedView(props) {
@@ -53,16 +52,15 @@ var FooterBlockResolvedView = function FooterBlockResolvedView(props) {
   }, [onActionMenuOpenChange]);
   return /*#__PURE__*/React.createElement(_block.default, (0, _extends2.default)({}, props, {
     testId: "".concat(testId, "-resolved-view")
-  }), !hideProvider && /*#__PURE__*/React.createElement(_elements.Provider, (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? {
-    appearance: 'subtle'
-  } : {}, {
+  }), !hideProvider && /*#__PURE__*/React.createElement(_elements.Provider, {
+    appearance: "subtle",
     testId: "".concat(testId, "-provider")
-  })), actions && hasActions ? /*#__PURE__*/React.createElement(_elementGroup.default, {
+  }), actions && hasActions ? /*#__PURE__*/React.createElement(_elementGroup.default, {
     testId: "smart-element-group-actions",
     align: _constants.SmartLinkAlignment.Right,
     direction: _constants.SmartLinkDirection.Horizontal,
     width: _constants.SmartLinkWidth.Flexible,
-    className: (0, _runtime.ax)([size === _constants.SmartLinkSize.XLarge && (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_c71lxy5q", size === _constants.SmartLinkSize.XLarge && !(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_c71lviql", safari && "_4t3i1osq"])
+    className: (0, _runtime.ax)([size === _constants.SmartLinkSize.XLarge && "_c71lxy5q", safari && "_4t3i1osq"])
   }, /*#__PURE__*/React.createElement(_actionGroup.default, {
     onDropdownOpenChange: onDropdownOpenChange,
     items: actions,

package/dist/cjs/view/FlexibleCard/components/blocks/metadata-block/index.compiled.css

@@ -6,6 +6,4 @@
 ._1yyjcs5v{-webkit-line-clamp:2}
 ._1yyjkb7n{-webkit-line-clamp:1}
 ._sudp1e54{-webkit-box-orient:vertical}
-._vwz41k8s{line-height:1.5rem}
-._vwz41m1q{line-height:1.75rem}
-@supports not (-webkit-line-clamp:1){._102k1k7u{max-height:3.5rem}._102k1wto{max-height:3rem}._102k8vuz{max-height:56px}._102kckbl{max-height:3pc}}
+@supports not (-webkit-line-clamp:1){._102k8vuz{max-height:56px}._102kckbl{max-height:3pc}}

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

@@ -28,12 +28,6 @@ var truncateStyles = {
   '1': "_1reo15vq _18m915vq _1e0ccj1k _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54",
   '2': "_1reo15vq _18m915vq _1e0ccj1k _1bto1l2s _1nmz1hna _1yyjcs5v _sudp1e54"
 };
-var sizeStylesOld = {
-  xlarge: "_vwz41m1q _102k1k7u",
-  large: "_vwz41m1q _102k1k7u",
-  medium: "_vwz41k8s _102k1wto",
-  small: "_vwz41k8s _102k1wto"
-};
 var sizeStyles = {
   xlarge: "_102k8vuz",
   large: "_102k8vuz",
@@ -66,7 +60,7 @@ var ElementItemRenderer = function ElementItemRenderer(_ref) {
     direction: _constants.SmartLinkDirection.Horizontal,
     width: _constants.SmartLinkWidth.Flexible,
     size: size,
-    className: (0, _runtime.ax)([truncateStyles[maxLines], !(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && sizeStylesOld[size], (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && sizeStyles[size]])
+    className: (0, _runtime.ax)([truncateStyles[maxLines], sizeStyles[size]])
   }, elements);
 };
 
@@ -130,13 +124,13 @@ var MetadataBlock = function MetadataBlock(_ref2) {
     direction: _constants.SmartLinkDirection.Horizontal,
     width: _constants.SmartLinkWidth.Flexible,
     size: size,
-    className: (0, _runtime.ax)([truncateStyles[maxLinesTotal], !(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && sizeStylesOld[size], (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && sizeStyles[size]])
+    className: (0, _runtime.ax)([truncateStyles[maxLinesTotal], sizeStyles[size]])
   }, primaryElements), secondaryElements && /*#__PURE__*/React.createElement(_elementGroup.default, {
     align: _constants.SmartLinkAlignment.Right,
     direction: _constants.SmartLinkDirection.Horizontal,
     width: _constants.SmartLinkWidth.Flexible,
     size: size,
-    className: (0, _runtime.ax)([truncateStyles[maxLinesTotal], !(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && sizeStylesOld[size], (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && sizeStyles[size]])
+    className: (0, _runtime.ax)([truncateStyles[maxLinesTotal], sizeStyles[size]])
   }, secondaryElements));
 };
 var _default = exports.default = MetadataBlock;

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

@@ -15,7 +15,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../../constants");
 var _elements = require("../../../elements");
 var _block = _interopRequireDefault(require("../../block"));
@@ -48,7 +47,7 @@ var PreviewBlockResolvedView = function PreviewBlockResolvedView(_ref) {
     setDynamicStyles = _useState2[1];
   var updateStyles = (0, _react.useCallback)(function () {
     if (placement === _constants.MediaPlacement.Left || placement === _constants.MediaPlacement.Right) {
-      var containerPadding = ignoreContainerPadding ? (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? '0px' : '0rem' : 'var(--container-padding)';
+      var containerPadding = ignoreContainerPadding ? '0px' : 'var(--container-padding)';
       var newStyle = _objectSpread(_objectSpread(_objectSpread({}, style), {}, {
         position: 'absolute',
         top: containerPadding,

package/dist/cjs/view/FlexibleCard/components/container/index.compiled.css

@@ -1,25 +1,15 @@
 
-._19itn8v0{border:var(--_vzvmm2)}
 ._19itpp12{border:var(--_18x9sjc)}
 ._1yt418y6{padding:var(--_1xumd0e)}
 ._2rkob7nn{border-radius:var(--ds-border-radius-300,9pt)}
-._2rkopd34{border-radius:var(--ds-border-radius-200,8px)}
 ._zulp1bpf{gap:var(--ds-space-100,8px) 0}
-._zulp1jvo{gap:1.25rem 0}
-._zulp1qos{gap:.5rem 0}
-._zulpfzsm{gap:.25rem 0}
-._zulph3jc{gap:1rem 0}
 ._zulpr2fv{gap:var(--ds-space-250,20px) 0}
 ._zulpswc3{gap:var(--ds-space-050,4px) 0}
 ._zulpzu5n{gap:var(--ds-space-200,1pc) 0}._18u0v77o{margin-left:var(--ds-space-025,2px)}
-._19bv15sf{padding-left:calc(var(--preview-block-width) + 1.25rem)}
 ._19bv16ru{padding-left:calc(var(--preview-block-width) + var(--ds-space-250, 20px))}
 ._19bv1g7w{padding-left:calc(var(--preview-block-width) + var(--ds-space-200, 1pc))}
-._19bv1ltm{padding-left:calc(var(--preview-block-width) + .25rem)}
 ._19bver0k{padding-left:calc(var(--preview-block-width) + var(--ds-space-300, 24px))}
-._19bvf557{padding-left:calc(var(--preview-block-width) + 1rem)}
 ._19bvlbes{padding-left:calc(var(--preview-block-width) + var(--ds-space-100, 8px))}
-._19bvqox2{padding-left:calc(var(--preview-block-width) + .5rem)}
 ._19pkv77o{margin-top:var(--ds-space-025,2px)}
 ._1e0c1txw{display:flex}
 ._1pcmkb7n:hover~.actions-button-group{opacity:1}
@@ -28,11 +18,7 @@
 ._1ul9idpf{min-width:0}
 ._1yob1eak{--container-gap-right:var(--ds-space-200,16px)}
 ._1yob1ejb{--container-gap-right:var(--ds-space-300,24px)}
-._1yob1j6v{--container-gap-right:1rem}
-._1yob1k92{--container-gap-right:1.25rem}
-._1yob1kwk{--container-gap-right:.5rem}
 ._1yob1wow{--container-gap-right:var(--_12k13bg)}
-._1yob6mu8{--container-gap-right:.25rem}
 ._1yobu2gc{--container-gap-right:var(--ds-space-100,8px)}
 ._1yobv47k{--container-gap-right:var(--ds-space-250,20px)}
 ._2hwxv77o{margin-right:var(--ds-space-025,2px)}
@@ -43,21 +29,13 @@
 ._nqwih2mm .has-action, ._18ywh2mm a, ._1nq3h2mm button{position:relative}
 ._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
 ._r37x1r5k{--preview-block-width:30%}
-._u5f315sf{padding-right:calc(var(--preview-block-width) + 1.25rem)}
 ._u5f316ru{padding-right:calc(var(--preview-block-width) + var(--ds-space-250, 20px))}
 ._u5f31g7w{padding-right:calc(var(--preview-block-width) + var(--ds-space-200, 1pc))}
-._u5f31ltm{padding-right:calc(var(--preview-block-width) + .25rem)}
 ._u5f3er0k{padding-right:calc(var(--preview-block-width) + var(--ds-space-300, 24px))}
-._u5f3f557{padding-right:calc(var(--preview-block-width) + 1rem)}
 ._u5f3lbes{padding-right:calc(var(--preview-block-width) + var(--ds-space-100, 8px))}
-._u5f3qox2{padding-right:calc(var(--preview-block-width) + .5rem)}
 ._y5vk167t{--container-gap-left:var(--_73mooq)}
 ._y5vk1eak{--container-gap-left:var(--ds-space-200,16px)}
 ._y5vk1ejb{--container-gap-left:var(--ds-space-300,24px)}
-._y5vk1j6v{--container-gap-left:1rem}
-._y5vk1k92{--container-gap-left:1.25rem}
-._y5vk1kwk{--container-gap-left:.5rem}
-._y5vk6mu8{--container-gap-left:.25rem}
 ._y5vku2gc{--container-gap-left:var(--ds-space-100,8px)}
 ._y5vkv47k{--container-gap-left:var(--ds-space-250,20px)}
 ._1v7y1i6y .has-action:focus, ._ufn21i6y a:focus{outline-offset:var(--ds-space-negative-025,-2px)}

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

@@ -14,7 +14,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _reactMagneticDi = require("react-magnetic-di");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _colors = require("@atlaskit/theme/colors");
 var _constants = require("../../../../constants");
 var _flexibleUiContext = require("../../../../state/flexible-ui-context");
 var _utils = require("../../../../state/flexible-ui-context/utils");
@@ -185,23 +184,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",
@@ -215,79 +200,37 @@ var gapStyleMap = {
  * at view/FlexibleCard/components/utils.tsx
  */
 var getPadding = function getPadding(size) {
-  if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1')) {
-    switch (size) {
-      case _constants.SmartLinkSize.XLarge:
-        return "var(--ds-space-300, 24px)";
-      case _constants.SmartLinkSize.Large:
-        return "var(--ds-space-250, 20px)";
-      case _constants.SmartLinkSize.Medium:
-        return "var(--ds-space-200, 16px)";
-      case _constants.SmartLinkSize.Small:
-      default:
-        return "var(--ds-space-100, 8px)";
-    }
-  }
   switch (size) {
     case _constants.SmartLinkSize.XLarge:
-      return '1.5rem';
+      return "var(--ds-space-300, 24px)";
     case _constants.SmartLinkSize.Large:
-      return '1.25rem';
+      return "var(--ds-space-250, 20px)";
     case _constants.SmartLinkSize.Medium:
-      return '1rem';
+      return "var(--ds-space-200, 16px)";
     case _constants.SmartLinkSize.Small:
     default:
-      return '.5rem';
+      return "var(--ds-space-100, 8px)";
   }
 };
 var getGap = function getGap(size) {
-  if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1')) {
-    switch (size) {
-      case _constants.SmartLinkSize.XLarge:
-        return "var(--ds-space-250, 20px)";
-      case _constants.SmartLinkSize.Large:
-        return "var(--ds-space-200, 16px)";
-      case _constants.SmartLinkSize.Medium:
-        return "var(--ds-space-100, 8px)";
-      case _constants.SmartLinkSize.Small:
-      default:
-        return "var(--ds-space-050, 4px)";
-    }
-  }
   switch (size) {
     case _constants.SmartLinkSize.XLarge:
-      return '1.25rem';
+      return "var(--ds-space-250, 20px)";
     case _constants.SmartLinkSize.Large:
-      return '1rem';
+      return "var(--ds-space-200, 16px)";
     case _constants.SmartLinkSize.Medium:
-      return '.5rem';
+      return "var(--ds-space-100, 8px)";
     case _constants.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",
@@ -328,7 +271,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 ? _constants.SmartLinkTheme.Link : _ref5$theme;
-  var padding = hidePadding ? (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? '0px' : '0rem' : getPadding(size);
+  var padding = hidePadding ? '0px' : getPadding(size);
   var gap = getGap(size);
   var context = (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ?
   // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -343,7 +286,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 = (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? /*#__PURE__*/_react.default.createElement("div", {
+  var container = /*#__PURE__*/_react.default.createElement("div", {
     "data-smart-link-container": true,
     "data-testid": testId,
     className: (0, _runtime.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"]),
@@ -353,16 +296,6 @@ var Container = function Container(_ref5) {
       "--_12k13bg": (0, _runtime.ix)(previewOnRight ? gap : padding),
       "--_18x9sjc": (0, _runtime.ix)("1px solid ".concat("var(--ds-border, #091E4224)"))
     }
-  }, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ? filterChildren(children, removeBlockRestriction) : renderChildren(children, size, theme, status, retry, onClick, removeBlockRestriction)) : /*#__PURE__*/_react.default.createElement("div", {
-    "data-smart-link-container": true,
-    "data-testid": testId,
-    className: (0, _runtime.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": (0, _runtime.ix)(padding),
-      "--_73mooq": (0, _runtime.ix)(previewOnLeft ? gap : padding),
-      "--_12k13bg": (0, _runtime.ix)(previewOnRight ? gap : padding),
-      "--_vzvmm2": (0, _runtime.ix)("1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")")))
-    }
   }, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, (0, _platformFeatureFlags.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.default.createElement(_hoverCardControl.default, {

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

@@ -10,12 +10,8 @@ exports.toAtlaskitBadgeProps = exports.default = void 0;
 require("./index.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _badge = _interopRequireDefault(require("@atlaskit/badge"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var badgeStylesOld = null;
 var badgeStyles = null;
 
 /**
@@ -33,14 +29,14 @@ var BaseAtlaskitElementBadge = function BaseAtlaskitElementBadge(_ref) {
   if (!value) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? {} : (0, _defineProperty2.default)({}, '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: (0, _runtime.ax)([!(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_4cvr1h6o _1e0c116y", (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_4cvr1h6o _1e0c116y _1ul91ns9", className])
-  }), /*#__PURE__*/React.createElement(_badge.default, null, value));
+    className: (0, _runtime.ax)(["_4cvr1h6o _1e0c116y _1ul91ns9", className])
+  }, /*#__PURE__*/React.createElement(_badge.default, null, value));
 };
 var _default = exports.default = BaseAtlaskitElementBadge;
 var toAtlaskitBadgeProps = exports.toAtlaskitBadgeProps = function toAtlaskitBadgeProps(value) {

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

@@ -11,11 +11,9 @@ require("./index.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _reactIntlNext = require("react-intl-next");
 var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../../constants");
 var _messages = require("../../../../../../messages");
 var _utils = require("../../../utils");
@@ -89,14 +87,14 @@ var BaseAvatarGroup = function BaseAvatarGroup(_ref) {
   if (!data.length) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? {} : (0, _defineProperty2.default)({}, '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: (0, _runtime.ax)([stylesMap[size], (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && "_1ul91ns9", className])
-  }), /*#__PURE__*/React.createElement(_avatarGroup.default, {
+    className: (0, _runtime.ax)([stylesMap[size], "_1ul91ns9", className])
+  }, /*#__PURE__*/React.createElement(_avatarGroup.default, {
     maxCount: maxCount,
     appearance: "stack",
     size: "small",

package/dist/cjs/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)}