@atlaskit/smart-card 39.1.0 → 39.2.1

package/dist/es2019/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js

@@ -5,15 +5,10 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback } from 'react';
 import { cx } from '@atlaskit/css';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline, Pressable } from '@atlaskit/primitives/compiled';
 import Spinner from '@atlaskit/spinner';
 import { getPrimitivesInlineSpaceBySize } from '../../../utils';
 import ActionIcon from '../action-icon';
-const stylesOld = {
-  button: "_kkk2n7od _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66 _1bsb1osq _irr3166n _1di61dty",
-  content: "_11c8dcr7 _syaz1fxt"
-};
 const styles = {
   button: "_bfhksm61 _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66 _1bsb1osq _1ah31i6y _irr3166n _1di61dty",
   content: "_11c81o8v _syaz1fxt"
@@ -44,7 +39,7 @@ const ActionButton = ({
     size: size
   }) : iconOption;
   return /*#__PURE__*/React.createElement(Pressable, _extends({
-    xcss: cx(!fg('platform-linking-visual-refresh-v1') && stylesOld.button, fg('platform-linking-visual-refresh-v1') && styles.button)
+    xcss: cx(styles.button)
   }, tooltipProps, {
     onClick: onClick,
     testId: testId
@@ -56,7 +51,7 @@ const ActionButton = ({
     grow: "fill",
     space: space
   }, icon, /*#__PURE__*/React.createElement(Box, {
-    xcss: cx(!fg('platform-linking-visual-refresh-v1') && stylesOld.content, fg('platform-linking-visual-refresh-v1') && styles.content)
+    xcss: cx(styles.content)
   }, content)));
 };
 export default ActionButton;

package/dist/es2019/view/FlexibleCard/components/blocks/action-block/action-footer/index.compiled.css

@@ -1,6 +1,5 @@
 
 ._kkk2n7od{all:unset}._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)}
-._1yt412x7{padding:var(--ds-space-075,6px)}
 ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
 ._18zru2gc{padding-inline:var(--ds-space-100,8px)}
 ._1rjc12x7{padding-block:var(--ds-space-075,6px)}
@@ -8,9 +7,7 @@
 ._19pku2gc{margin-top:var(--ds-space-100,8px)}
 ._1bsb1osq{width:100%}
 ._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
-._bfhk1gly{background-color:var(--ds-background-danger,#ffeceb)}
 ._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
 ._fiawglyw:empty{display:none}
 ._otyrze3t{margin-bottom:var(--ds-space-0,0)}
-._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
-._vwz4gktf{line-height:20px}
+._syaz1gjq{color:var(--ds-text-subtle,#44546f)}

package/dist/es2019/view/FlexibleCard/components/blocks/action-block/action-footer/index.js

@@ -3,11 +3,8 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import ErrorIcon from '@atlaskit/icon/core/migration/error';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
 import MotionWrapper from '../../../common/motion-wrapper';
-const containerStyles = null;
-const errorStyles = null;
 const styles = {
   containerStyles: "_kkk2n7od _2rkoglpi _1rjc12x7 _18zru2gc _19pku2gc _2hwxu2gc _otyrze3t _18u0u2gc _1bsb1osq _fiawglyw",
   errorContentStyles: "_bozgv77o",
@@ -36,30 +33,13 @@ export const ActionFooter = ({
   if (!message) {
     return null;
   }
-  if (fg('platform-linking-visual-refresh-v1')) {
-    return /*#__PURE__*/React.createElement(Box, {
-      backgroundColor: message.appearance === 'error' ? 'color.background.danger' : undefined,
-      testId: `${testId}-footer`,
-      style: {
-        width: `calc(100% - var(--container-padding-left) - var(--container-padding-right))`
-      },
-      xcss: styles.containerStyles
-    }, /*#__PURE__*/React.createElement(MotionWrapper, {
-      isFadeIn: true,
-      show: true,
-      showTransition: true
-    }, /*#__PURE__*/React.createElement(Inline, {
-      alignBlock: "start",
-      grow: "fill",
-      space: "space.075",
-      xcss: styles.errorContentStyles
-    }, message.icon || getIcon(message.appearance), /*#__PURE__*/React.createElement(Box, {
-      xcss: styles.titleStyles
-    }, message.title))));
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testId": `${testId}-footer`,
-    className: ax(["_kkk2n7od _2rkoglpi _1yt412x7 _18zru2gc _19pku2gc _2hwxu2gc _otyrze3t _18u0u2gc _vwz4gktf _1bsb1osq _fiawglyw", message.appearance === 'error' && "_bfhk1gly"])
+  return /*#__PURE__*/React.createElement(Box, {
+    backgroundColor: message.appearance === 'error' ? 'color.background.danger' : undefined,
+    testId: `${testId}-footer`,
+    style: {
+      width: `calc(100% - var(--container-padding-left) - var(--container-padding-right))`
+    },
+    xcss: styles.containerStyles
   }, /*#__PURE__*/React.createElement(MotionWrapper, {
     isFadeIn: true,
     show: true,

package/dist/es2019/view/FlexibleCard/components/blocks/action-block/index.compiled.css

@@ -1,7 +1,6 @@
 ._16jlkb7n{flex-grow:1}
 ._18u01ivi{margin-left:calc(var(--container-gap-left)*-1)}
 ._1bsb129b{width:calc(100% + var(--container-gap-left) + var(--container-gap-right))}
-._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}
 ._2hwxc10g{margin-right:calc(var(--container-gap-right)*-1)}
 ._2lx21bp4{flex-direction:column}

package/dist/es2019/view/FlexibleCard/components/blocks/action-block/index.js

@@ -9,8 +9,6 @@ import { SmartLinkSize } from '../../../../../constants';
 import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
 import * as Actions from '../../actions';
 import { ActionFooter } from './action-footer';
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
-const ignoreContainerPaddingStylesOld = null;
 const ignoreContainerPaddingStyles = null;
 const DEFAULT_SORT_ORDER = ['PreviewAction', 'CopyLinkAction', 'AISummaryAction'];
 const sort = (a, b) => {
@@ -95,7 +93,7 @@ const ActionBlock = ({
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax([fg('platform-linking-visual-refresh-v1') ? "_1e0c1txw _2lx21bp4 _vchhusvi _16jlkb7n _1bsb129b _18u01ivi _2hwxc10g" : "_1e0c1txw _2lx21bp4 _vchhusvi _16jlkb7n _1bsb1osq _18u01ivi _2hwxc10g", className])
+    className: ax(["_1e0c1txw _2lx21bp4 _vchhusvi _16jlkb7n _1bsb129b _18u01ivi _2hwxc10g", className])
   }, actions, /*#__PURE__*/React.createElement(ActionFooter, {
     message: message,
     testId: testId

package/dist/es2019/view/FlexibleCard/components/blocks/action-group/index.compiled.css

@@ -1,4 +1,3 @@
 ._1e0c116y{display:inline-flex}
 ._dzc21h6o >div{align-items:center}
-._vwz41j6v{line-height:1rem}
 ._1ilq1i6y >div button:focus-visible{outline-offset:var(--ds-space-negative-025,-2px)}

package/dist/es2019/view/FlexibleCard/components/blocks/action-group/index.js

@@ -12,7 +12,6 @@ import ButtonGroup from '@atlaskit/button/button-group';
 import Button from '@atlaskit/button/standard-button';
 import DropdownMenu from '@atlaskit/dropdown-menu';
 import MoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--more';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Tooltip from '@atlaskit/tooltip';
 import { SmartLinkSize } from '../../../../../constants';
 import { messages } from '../../../../../messages';
@@ -20,8 +19,6 @@ import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../..
 import { sizeToButtonSpacing } from '../../utils';
 import { filterActionItems } from '../utils';
 import ActionGroupItem from './action-group-item';
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
-const stylesOld = null;
 const styles = null;
 const renderActionItems = (items = [], size = SmartLinkSize.Medium, appearance, asDropDownItems, onActionItemClick) => items.map((item, idx) => /*#__PURE__*/React.createElement(ActionGroupItem, {
   item: item,
@@ -102,7 +99,7 @@ const ActionGroup = ({
   }, [appearance, isMoreThenTwoItems, isOpen, onActionItemClick, onOpenChange, renderableActionItems, size, ui === null || ui === void 0 ? void 0 : ui.zIndex, visibleButtonsNum]);
   return renderableActionItems.length > 0 ? /*#__PURE__*/React.createElement("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: ax([!fg('platform-linking-visual-refresh-v1') && "_1e0c116y _vwz41j6v _dzc21h6o _1ilq1i6y", fg('platform-linking-visual-refresh-v1') && "_1e0c116y _dzc21h6o _1ilq1i6y", "actions-button-group"]),
+    className: ax(["_1e0c116y _dzc21h6o _1ilq1i6y", "actions-button-group"]),
     "data-action-open": isOpen
   }, /*#__PURE__*/React.createElement(ButtonGroup, null, actionButtons, moreActionDropdown)) : null;
 };

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

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { InternalActionName } from '../../../../../../constants';
 import { useFlexibleUiContext } from '../../../../../../state/flexible-ui-context';
 import { Provider } from '../../../elements';
@@ -15,11 +14,10 @@ const AIFooterBlockResolvedView = props => {
   } = props;
   return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
     testId: `${testId}-resolved-view`
-  }), /*#__PURE__*/React.createElement(Provider, _extends({}, fg('platform-linking-visual-refresh-v1') ? {
-    appearance: 'subtle'
-  } : {}, {
+  }), /*#__PURE__*/React.createElement(Provider, {
+    appearance: "subtle",
     testId: `${testId}-provider`
-  })), actionData ? /*#__PURE__*/React.createElement(AIFooterMetadata, _extends({}, actionData, {
+  }), actionData ? /*#__PURE__*/React.createElement(AIFooterMetadata, _extends({}, actionData, {
     testId: `${testId}-ai-metadata`
   })) : null);
 };

package/dist/es2019/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/es2019/view/FlexibleCard/components/blocks/block/index.js

@@ -4,22 +4,10 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useEffect } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkDirection, SmartLinkSize } from '../../../../../constants';
 import { renderChildren } from '../utils';
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
-const BaseBlockStylesOld = null;
 const baseBlockStyles = null;
 const highlightRemoveStyles = null;
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
-const gapsStylesOld = {
-  xlarge: "_zulp1k92 _1ljq1k92",
-  large: "_zulp1j6v _1ljq1j6v",
-  medium: "_zulp1kwk _1ljq1kwk",
-  small: "_zulp6mu8 _1ljq6mu8"
-};
 const gapStyles = {
   xlarge: "_zulpv47k _1ljqv47k",
   large: "_zulppxbi _1ljqpxbi",
@@ -55,7 +43,7 @@ const Block = ({
   }, [onRender]);
   return /*#__PURE__*/React.createElement("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    className: ax([!fg('platform-linking-visual-refresh-v1') && "_1reo15vq _18m915vq _4cvr1h6o _vwz41j6v _1e0c1txw _1ul9idpf _1bah1y6m _fiawglyw _1ouwidpf _f6ju1ns9 _1uzp1mp2 _ytq1bjq5 _a7e8uxlv", 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], !fg('platform-linking-visual-refresh-v1') && gapsStylesOld[size], fg('platform-linking-visual-refresh-v1') && gapStyles[size], className]),
+    className: 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/es2019/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/es2019/view/FlexibleCard/components/blocks/element-group/index.js

@@ -3,21 +3,12 @@
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkWidth } from '../../../../../constants';
 import { renderChildren } from '../utils';
 const alignmentStyleMap = {
   right: "_1dthh9n0 _r291h9n0 _1bahesu3 _y3gnusic",
   left: "_1dthv2br _r291v2br _1bah1y6m _y3gn1e5h"
 };
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
-const 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"
-};
 const baseStyleBySize = {
   xlarge: "_zulpv47k _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf",
   large: "_zulppxbi _1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _1ul9idpf",
@@ -28,7 +19,6 @@ const baseStyleByDirection = {
   horizontal: "_2lx2vrvc _4cvr1h6o",
   vertical: "_2lx21bp4 _4cvr1y6m"
 };
-const baseStyleOld = null;
 const baseStyles = null;
 const widthStyle = {
   flexible: "_16jlkb7n _1o9z11wp _i0dlf1ug",
@@ -39,14 +29,6 @@ const positionStyle = {
   center: ""
 };
 const horizontalStyleBase = null;
-
-// TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
-const horizontalStyleByHeightOld = {
-  xlarge: "_1e0ccj1k _102k1m1q",
-  large: "_1e0ccj1k _102k1m1q",
-  medium: "_1e0ccj1k _102k1k8s",
-  small: "_1e0ccj1k _102k1k8s"
-};
 const horizontalStyleByHeight = {
   xlarge: "_1e0ccj1k _102k125z",
   large: "_1e0ccj1k _102k125z",
@@ -90,7 +72,7 @@ const ElementGroup = ({
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax([!fg('platform-linking-visual-refresh-v1') && baseStyleBySizeOld[size], fg('platform-linking-visual-refresh-v1') && baseStyleBySize[size], baseStyleByDirection[direction], !fg('platform-linking-visual-refresh-v1') && "_fiawglyw _1ouwidpf _f6ju1ns9", fg('platform-linking-visual-refresh-v1') && "_fiawglyw", alignmentStyleMap[align], "_1ul99by0", widthStyle[width], isHorizontal && "_1reo15vq _18m915vq _1e0c1ule _s7n4nkob _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _1aaynkob _15tynkob _1iu61nu9 _166k1nu9 _1div1nu9 _bmfb1nu9", isHorizontal && !fg('platform-linking-visual-refresh-v1') && horizontalStyleByHeightOld[size], isHorizontal && fg('platform-linking-visual-refresh-v1') && horizontalStyleByHeight[size], isHorizontal && align === SmartLinkAlignment.Left && gapStylesLeft[size], isHorizontal && align === SmartLinkAlignment.Right && gapStylesRight[size], positionStyle[position], className])
+    className: 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 === SmartLinkAlignment.Left && gapStylesLeft[size], isHorizontal && align === SmartLinkAlignment.Right && gapStylesRight[size], positionStyle[position], className])
   }, renderChildren(children, size));
 };
 export default ElementGroup;

package/dist/es2019/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/es2019/view/FlexibleCard/components/blocks/footer-block/resolved/index.js

@@ -13,7 +13,6 @@ import ActionGroup from '../../action-group';
 import Block from '../../block';
 import ElementGroup from '../../element-group';
 import { filterActionItems } from '../../utils';
-const actionGroupStylesOld = null;
 const actionGroupStyles = null;
 const safariStyles = null;
 const FooterBlockResolvedView = props => {
@@ -43,16 +42,15 @@ const FooterBlockResolvedView = props => {
   }, [onActionMenuOpenChange]);
   return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
     testId: `${testId}-resolved-view`
-  }), !hideProvider && /*#__PURE__*/React.createElement(Provider, _extends({}, fg('platform-linking-visual-refresh-v1') ? {
-    appearance: 'subtle'
-  } : {}, {
+  }), !hideProvider && /*#__PURE__*/React.createElement(Provider, {
+    appearance: "subtle",
     testId: `${testId}-provider`
-  })), actions && hasActions ? /*#__PURE__*/React.createElement(ElementGroup, {
+  }), actions && hasActions ? /*#__PURE__*/React.createElement(ElementGroup, {
     testId: "smart-element-group-actions",
     align: SmartLinkAlignment.Right,
     direction: SmartLinkDirection.Horizontal,
     width: SmartLinkWidth.Flexible,
-    className: ax([size === SmartLinkSize.XLarge && fg('platform-linking-visual-refresh-v1') && "_c71lxy5q", size === SmartLinkSize.XLarge && !fg('platform-linking-visual-refresh-v1') && "_c71lviql", safari && "_4t3i1osq"])
+    className: ax([size === SmartLinkSize.XLarge && "_c71lxy5q", safari && "_4t3i1osq"])
   }, /*#__PURE__*/React.createElement(ActionGroup, {
     onDropdownOpenChange: onDropdownOpenChange,
     items: actions,

package/dist/es2019/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/es2019/view/FlexibleCard/components/blocks/metadata-block/index.js

@@ -18,12 +18,6 @@ const truncateStyles = {
   '1': "_1reo15vq _18m915vq _1e0ccj1k _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54",
   '2': "_1reo15vq _18m915vq _1e0ccj1k _1bto1l2s _1nmz1hna _1yyjcs5v _sudp1e54"
 };
-const sizeStylesOld = {
-  xlarge: "_vwz41m1q _102k1k7u",
-  large: "_vwz41m1q _102k1k7u",
-  medium: "_vwz41k8s _102k1wto",
-  small: "_vwz41k8s _102k1wto"
-};
 const sizeStyles = {
   xlarge: "_102k8vuz",
   large: "_102k8vuz",
@@ -52,7 +46,7 @@ const ElementItemRenderer = ({
     direction: SmartLinkDirection.Horizontal,
     width: SmartLinkWidth.Flexible,
     size: size,
-    className: ax([truncateStyles[maxLines], !fg('platform-linking-visual-refresh-v1') && sizeStylesOld[size], fg('platform-linking-visual-refresh-v1') && sizeStyles[size]])
+    className: ax([truncateStyles[maxLines], sizeStyles[size]])
   }, elements);
 };
 
@@ -113,13 +107,13 @@ const MetadataBlock = ({
     direction: SmartLinkDirection.Horizontal,
     width: SmartLinkWidth.Flexible,
     size: size,
-    className: ax([truncateStyles[maxLinesTotal], !fg('platform-linking-visual-refresh-v1') && sizeStylesOld[size], fg('platform-linking-visual-refresh-v1') && sizeStyles[size]])
+    className: ax([truncateStyles[maxLinesTotal], sizeStyles[size]])
   }, primaryElements), secondaryElements && /*#__PURE__*/React.createElement(ElementGroup, {
     align: SmartLinkAlignment.Right,
     direction: SmartLinkDirection.Horizontal,
     width: SmartLinkWidth.Flexible,
     size: size,
-    className: ax([truncateStyles[maxLinesTotal], !fg('platform-linking-visual-refresh-v1') && sizeStylesOld[size], fg('platform-linking-visual-refresh-v1') && sizeStyles[size]])
+    className: ax([truncateStyles[maxLinesTotal], sizeStyles[size]])
   }, secondaryElements));
 };
 export default MetadataBlock;

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

@@ -4,7 +4,6 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useEffect, useState } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { MediaPlacement } from '../../../../../../constants';
 import { Preview } from '../../../elements';
 import Block from '../../block';
@@ -30,7 +29,7 @@ const PreviewBlockResolvedView = ({
   const [dynamicStyles, setDynamicStyles] = useState(style !== null && style !== void 0 ? style : {});
   const updateStyles = useCallback(() => {
     if (placement === MediaPlacement.Left || placement === MediaPlacement.Right) {
-      const containerPadding = ignoreContainerPadding ? fg('platform-linking-visual-refresh-v1') ? '0px' : '0rem' : 'var(--container-padding)';
+      const containerPadding = ignoreContainerPadding ? '0px' : 'var(--container-padding)';
       const newStyle = {
         ...style,
         position: 'absolute',

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

@@ -1,25 +1,15 @@
 
-._19ith6cr{border:1px solid var(--ds-border,#dfe1e6)}
 ._19itzgxb{border:1px solid var(--ds-border,#091e4224)}
 ._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)}