@atlaskit/smart-card 34.6.4 → 34.6.6

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-items-group/index.compiled.css

@@ -1,8 +1,11 @@
-
-._kewe1ano button{padding:var(--ds-space-075,6px) var(--ds-space-150,9pt)}._14hp1wdt button{width:220px}
+._11lvutpp button{padding-left:var(--ds-space-150,9pt)}
+._14hp1wdt button{width:220px}
 ._18m91wug{overflow-y:auto}
+._1gfl12x7 button{padding-top:var(--ds-space-075,6px)}
+._1gqn12x7 button{padding-bottom:var(--ds-space-075,6px)}
 ._c71l1mjv{max-height:300px}
 ._d4lf1f4h button{min-height:28px}
+._yhjmutpp button{padding-right:var(--ds-space-150,9pt)}
 ._1ll7166n button:focus, ._qprf166n button:focus-visible{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
 ._1pv01r31 button:focus, ._1m1b1r31 button:focus-visible{outline-color:currentColor}
 ._n6y8usvi button:focus, ._109gusvi button:focus-visible{box-sizing:border-box}

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-items-group/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
@@ -14,7 +14,7 @@ const LozengeActionItemsGroupNew = ({
   onClick
 }) => /*#__PURE__*/React.createElement("span", {
   "data-testid": `${testId}-item-group`,
-  className: ax(["_c71l1mjv _18m91wug _kewe1ano _1pv01r31 _1m1b1r31 _qh55glyw _lt2aglyw _ph3k1o36 _1twe1o36 _1ll7166n _qprf166n _n6y8usvi _109gusvi _z29hu4to _wlxpu4to _d4lf1f4h _14hp1wdt _6pup1kw7"])
+  className: ax(["_c71l1mjv _18m91wug _1pv01r31 _1m1b1r31 _qh55glyw _lt2aglyw _ph3k1o36 _1twe1o36 _1ll7166n _qprf166n _n6y8usvi _109gusvi _z29hu4to _wlxpu4to _1gfl12x7 _yhjmutpp _1gqn12x7 _11lvutpp _d4lf1f4h _14hp1wdt _6pup1kw7"])
 }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, items.map((item, idx) => /*#__PURE__*/React.createElement(LozengeActionItem, _extends({}, item, {
   key: idx,
   onClick: onClick,

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/index.compiled.css

@@ -1,14 +1,16 @@
 
 ._kkk2n7od{all:unset}
-._18s8v77o{margin:var(--ds-space-025,2px)}
 ._15vhn7od{font-variant:unset}
 ._189eyh40{border-width:2px}
 ._1dqonqa1{border-style:solid}
 ._1h6d1j28{border-color:transparent}
+._18u0v77o{margin-left:var(--ds-space-025,2px)}
 ._19bvidpf{padding-left:0}
+._19pkv77o{margin-top:var(--ds-space-025,2px)}
 ._1e0c1txw{display:flex}
 ._1p1dn7od{text-transform:unset}
 ._1wybn7od{font-size:unset}
+._2hwxv77o{margin-right:var(--ds-space-025,2px)}
 ._4cvr1h6o{align-items:center}
 ._80omtlke{cursor:pointer}
 ._bfhk18uv{background-color:initial}
@@ -16,6 +18,7 @@
 ._ect4n7od{font-family:unset}
 ._k48pn7od{font-weight:unset}
 ._n3tdidpf{padding-bottom:0}
+._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
 ._syazn7od{color:unset}
 ._u5f3idpf{padding-right:0}
 ._vwz4idpf{line-height:0}

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
@@ -50,7 +50,7 @@ const LozengeActionTriggerNew = ({
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     ref: triggerRef,
-    className: ax(["_kkk2n7od _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _18s8v77o _15vhn7od _1dqonqa1 _189eyh40 _1h6d1j28 _bfhk18uv _syazn7od _80omtlke _ect4n7od _1wybn7od _zg8ln7od _k48pn7od _vwz4idpf _1p1dn7od _mizu1r31 _1guj1r31 _p8tl1r31 _ra3xglyw _pbhaglyw _1q2vglyw _128m1o36 _11ow1o36 _j8b81o36 _1bas14y2 _19h614y2 _1d3914y2 _1ejj1vm4 _1u6l1vm4 _6ssh1vm4"])
+    className: ax(["_kkk2n7od _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _15vhn7od _1dqonqa1 _189eyh40 _1h6d1j28 _bfhk18uv _syazn7od _80omtlke _ect4n7od _1wybn7od _zg8ln7od _k48pn7od _vwz4idpf _1p1dn7od _19pkv77o _2hwxv77o _otyrv77o _18u0v77o _mizu1r31 _1guj1r31 _p8tl1r31 _ra3xglyw _pbhaglyw _1q2vglyw _128m1o36 _11ow1o36 _j8b81o36 _1bas14y2 _19h614y2 _1d3914y2 _1ejj1vm4 _1u6l1vm4 _6ssh1vm4"])
   }), lozenge);
 };
 const LozengeActionTrigger = props => {

package/dist/es2019/view/FlexibleCard/components/elements/media/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

package/dist/es2019/view/FlexibleCard/components/elements/text/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* ContentContainer.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* ContentContainer.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./ContentContainer.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,12 +1,15 @@
 
-._1yt41e9d{padding:var(--ds-space-200,1rem)}
 ._zulpcxkx{gap:var(--ds-space-100,.5rem)}
 ._zulpud5o{gap:.625rem}._16jlkb7n{flex-grow:1}
+._19bv1e9d{padding-left:var(--ds-space-200,1rem)}
 ._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}
 ._1o9zidpf{flex-shrink:0}
 ._2lx21bp4{flex-direction:column}
 ._4cvr1h6o{align-items:center}
 ._4t3i1k92{height:1.25rem}
+._ca0q1e9d{padding-top:var(--ds-space-200,1rem)}
 ._e2oo1osq span{width:100%}
-._i0dl1wug{flex-basis:auto}
+._i0dl1wug{flex-basis:auto}
+._n3td1e9d{padding-bottom:var(--ds-space-200,1rem)}
+._u5f31e9d{padding-right:var(--ds-space-200,1rem)}

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -31,7 +31,7 @@ const HoverCardLoadingViewNew = ({
   const LoadingSkeleton = fg('platform-smart-card-icon-migration') ? LoadingSkeletonNew : LoadingSkeletonOld;
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": testId,
-    className: ax(["_1yt41e9d _1e0c1txw _2lx21bp4"])
+    className: ax(["_1e0c1txw _2lx21bp4 _ca0q1e9d _u5f31e9d _n3td1e9d _19bv1e9d"])
   }, /*#__PURE__*/React.createElement("div", {
     className: ax(["_zulpud5o _1e0c1txw _2lx21bp4 _4cvr1h6o"])
   }, /*#__PURE__*/React.createElement(CustomBlock, _extends({}, titleBlockProps, {

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

package/dist/es2019/view/InlineCard/ErroredView/index.js

@@ -1,18 +1,19 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import Button from '@atlaskit/button';
+import ButtonOld from '@atlaskit/button';
 import ErrorIcon from '@atlaskit/icon/utility/migration/error';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 import { R300 } from '@atlaskit/theme/colors';
 import { messages } from '../../../messages';
 import { HoverCard } from '../../HoverCard';
+import { ActionButton } from '../common/action-button';
 import { Frame } from '../Frame';
 import { AKIconWrapper } from '../Icon';
 import { AKIconWrapper as AKIconWrapperOld } from '../Icon-emotion';
 import { IconAndTitleLayout } from '../IconAndTitleLayout';
-import { IconStyledButton } from '../styled';
+import { IconStyledButtonOldVisualRefresh } from '../styled';
 import { IconStyledButton as IconStyledButtonOld } from '../styled-emotion';
 import withFrameStyleControl from '../utils/withFrameStyleControl';
 const iconWrapperStyles = xcss({
@@ -36,10 +37,16 @@ export class InlineCardErroredView extends React.Component {
       const {
         onRetry
       } = this.props;
-      const ActionButton = withFrameStyleControl(Button, this.frameRef);
-      return onRetry && /*#__PURE__*/React.createElement(ActionButton, {
+      const Button = withFrameStyleControl(ButtonOld, this.frameRef);
+      if (fg('platform-linking-visual-refresh-v1')) {
+        return onRetry && /*#__PURE__*/React.createElement(Button, {
+          component: ActionButton,
+          onClick: this.handleRetry
+        }, /*#__PURE__*/React.createElement(FormattedMessage, messages.try_again));
+      }
+      return onRetry && /*#__PURE__*/React.createElement(Button, {
         spacing: "none",
-        component: fg('bandicoots-compiled-migration-smartcard') ? IconStyledButton : IconStyledButtonOld,
+        component: fg('bandicoots-compiled-migration-smartcard') ? IconStyledButtonOldVisualRefresh : IconStyledButtonOld,
         onClick: this.handleRetry,
         role: "button"
       }, /*#__PURE__*/React.createElement(FormattedMessage, messages.try_again));

package/dist/es2019/view/InlineCard/ForbiddenView/index.js

@@ -2,21 +2,22 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import Button from '@atlaskit/button';
+import ButtonOld from '@atlaskit/button';
 import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
 import LegacyLockIcon from '@atlaskit/icon/glyph/lock-filled';
 import Lozenge from '@atlaskit/lozenge';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Box, xcss } from '@atlaskit/primitives';
+import { Box, Pressable, xcss } from '@atlaskit/primitives';
 import { N500, R400 } from '@atlaskit/theme/colors';
 import { messages } from '../../../messages';
 import { HoverCard } from '../../HoverCard';
+import { ActionButton } from '../common/action-button';
 import { Frame } from '../Frame';
 import { AKIconWrapper } from '../Icon';
 import { AKIconWrapper as AKIconWrapperOld } from '../Icon-emotion';
-import { IconAndTitleLayout } from '../IconAndTitleLayout';
-import { LozengeWrapper } from '../IconAndTitleLayout/styled';
-import { IconStyledButton } from '../styled';
+import { IconAndTitleLayout, LozengeWrapper as LozengeWrapperNew } from '../IconAndTitleLayout';
+import { LozengeWrapperOldVisualRefresh } from '../IconAndTitleLayout/styled';
+import { IconStyledButtonOldVisualRefresh } from '../styled';
 import { IconStyledButton as IconStyledButtonOld } from '../styled-emotion';
 import withFrameStyleControl from '../utils/withFrameStyleControl';
 const iconWrapperStyles = xcss({
@@ -99,20 +100,30 @@ export class InlineCardForbiddenView extends React.Component {
       const {
         onAuthorise
       } = this.props;
-      const ActionButton = withFrameStyleControl(Button, this.frameRef);
+      const LozengeWrapper = fg('platform-linking-visual-refresh-v1') ? LozengeWrapperNew : LozengeWrapperOldVisualRefresh;
+      const Button = withFrameStyleControl(ButtonOld, this.frameRef);
       const accessType = (_this$props$requestAc2 = this.props.requestAccessContext) === null || _this$props$requestAc2 === void 0 ? void 0 : _this$props$requestAc2.accessType;
       if (this.state.hasRequestAccessContextMessage) {
         if (fg('bandicoots-compiled-migration-smartcard')) {
-          return /*#__PURE__*/React.createElement(ActionButton, {
+          if (fg('platform-linking-visual-refresh-v1')) {
+            const isDisabled = accessType === 'PENDING_REQUEST_EXISTS';
+            return /*#__PURE__*/React.createElement(Button, {
+              onClick: this.handleRetry,
+              component: ActionButton,
+              testId: "button-connect-other-account",
+              isDisabled: isDisabled
+            }, this.renderForbiddenAccessMessage());
+          }
+          return /*#__PURE__*/React.createElement(Button, {
             spacing: "none",
             onClick: this.handleRetry,
-            component: IconStyledButton,
+            component: IconStyledButtonOldVisualRefresh,
             testId: "button-connect-other-account",
             role: "button",
             isDisabled: accessType === 'PENDING_REQUEST_EXISTS'
           }, this.renderForbiddenAccessMessage());
         } else {
-          return /*#__PURE__*/React.createElement(ActionButton, {
+          return /*#__PURE__*/React.createElement(Button, {
             spacing: "none",
             onClick: this.handleRetry,
             component: IconStyledButtonOld,
@@ -123,6 +134,15 @@ export class InlineCardForbiddenView extends React.Component {
         }
       }
       if (onAuthorise) {
+        if (fg('platform-linking-visual-refresh-v1')) {
+          return /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Pressable, {
+            xcss: actionButtonLozengeStyle,
+            onClick: this.handleRetry,
+            testId: "button-connect-other-account"
+          }, /*#__PURE__*/React.createElement(Lozenge, {
+            appearance: 'moved'
+          }, this.renderForbiddenAccessMessage())));
+        }
         return /*#__PURE__*/React.createElement(Button, {
           spacing: "none",
           onClick: this.handleRetry,
@@ -164,4 +184,8 @@ export class InlineCardForbiddenView extends React.Component {
     }
     return content;
   }
-}
+}
+const actionButtonLozengeStyle = xcss({
+  backgroundColor: 'color.background.neutral.subtle',
+  padding: 'space.0'
+});

package/dist/es2019/view/InlineCard/Frame/styled.compiled.css

@@ -1,9 +1,10 @@
-
+._11c81doa{font:var(--ds-font-body-large,normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
 ._19ith6cr{border:1px solid var(--ds-border,#dfe1e6)}
 ._1yt4x7n9{padding:var(--ds-space-025,2px) 0}
 ._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
 ._v56415x0{transition:all .1s ease-in-out}
-._1h6dmr28{border-color:var(--ds-border-accent-blue,#2684ff)}._12ji1r31{outline-color:currentColor}
+._1h6dmr28{border-color:var(--ds-border-accent-blue,#2684ff)}
+._12ji1r31{outline-color:currentColor}
 ._12y31o36{outline-width:medium}
 ._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}
 ._16qscw00{box-shadow:0 0 0 2px var(--ds-border-selected,#4c9aff)}

package/dist/es2019/view/InlineCard/Frame/styled.js

@@ -1,8 +1,9 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* styled.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { B100, B200, B400, B50, N40 } from '@atlaskit/theme/colors';
 const lineHeight = 22;
 export const WrapperSpan = /*#__PURE__*/forwardRef(({
@@ -17,7 +18,7 @@ export const WrapperSpan = /*#__PURE__*/forwardRef(({
   return /*#__PURE__*/React.createElement("span", _extends({
     ref: ref
   }, props, {
-    className: ax(["_1yt4x7n9 _2rkoiti9 _v56415x0 _vwz4qslr _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _vwz4183y _1e0c1abx _1yyjkb7n _sudp1e54 _17bix7n9 _nr8z1o8l _102kqslr", withoutBackground ? "_19bvidpf _18u01i6y" : "_19ith6cr _bfhkhp5a _1a3b18uv _4fprglyw _5goinqa1 _9oik18uv _1bnxglyw _jf4cnqa1 _1nrm18uv _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu18uv _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b18uv _4fprglyw _5goinqa1 _9oik18uv _1bnxglyw _jf4cnqa1 _bfw7h6cr _1nrm18uv _c2waglyw _1iohnqa1" : "_uizt1kdv"])
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_11c81doa _1yt4x7n9 _2rkoiti9 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28" : "_1yt4x7n9 _2rkoiti9 _v56415x0 _vwz4qslr _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && fg('platform-linking-visual-refresh-v1') && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _17bix7n9 _nr8z1o8l", truncateInline && !fg('platform-linking-visual-refresh-v1') && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _vwz4183y _1e0c1abx _1yyjkb7n _sudp1e54 _17bix7n9 _nr8z1o8l _102kqslr", withoutBackground ? "_19bvidpf _18u01i6y" : "_19ith6cr _bfhkhp5a _1a3b18uv _4fprglyw _5goinqa1 _9oik18uv _1bnxglyw _jf4cnqa1 _1nrm18uv _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu18uv _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b18uv _4fprglyw _5goinqa1 _9oik18uv _1bnxglyw _jf4cnqa1 _bfw7h6cr _1nrm18uv _c2waglyw _1iohnqa1" : "_uizt1kdv"])
   }), props.children);
 });
 export const WrapperAnchor = /*#__PURE__*/forwardRef(({
@@ -33,10 +34,11 @@ export const WrapperAnchor = /*#__PURE__*/forwardRef(({
     href: href,
     ref: ref
   }, props, {
-    className: ax(["_1yt4x7n9 _2rkoiti9 _v56415x0 _vwz4qslr _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _vwz4183y _1e0c1abx _1yyjkb7n _sudp1e54 _17bix7n9 _nr8z1o8l _102kqslr", withoutBackground ? "_19bvidpf _18u01i6y" : "_19ith6cr _bfhkhp5a _1a3b18uv _4fprglyw _5goinqa1 _9oik18uv _1bnxglyw _jf4cnqa1 _1nrm18uv _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu18uv _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b18uv _4fprglyw _5goinqa1 _9oik18uv _1bnxglyw _jf4cnqa1 _bfw7h6cr _1nrm18uv _c2waglyw _1iohnqa1" : "_uizt1kdv", isInteractive && "_nt751r31 _49pcglyw _1hvw1o36 _1372tlke _7ehicw00 _1j5pglyw _1di629zg"])
+    className: ax([fg('platform-linking-visual-refresh-v1') ? "_11c81doa _1yt4x7n9 _2rkoiti9 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28" : "_1yt4x7n9 _2rkoiti9 _v56415x0 _vwz4qslr _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && fg('platform-linking-visual-refresh-v1') && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _17bix7n9 _nr8z1o8l", truncateInline && !fg('platform-linking-visual-refresh-v1') && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _vwz4183y _1e0c1abx _1yyjkb7n _sudp1e54 _17bix7n9 _nr8z1o8l _102kqslr", withoutBackground ? "_19bvidpf _18u01i6y" : "_19ith6cr _bfhkhp5a _1a3b18uv _4fprglyw _5goinqa1 _9oik18uv _1bnxglyw _jf4cnqa1 _1nrm18uv _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu18uv _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b18uv _4fprglyw _5goinqa1 _9oik18uv _1bnxglyw _jf4cnqa1 _bfw7h6cr _1nrm18uv _c2waglyw _1iohnqa1" : "_uizt1kdv", isInteractive && "_nt751r31 _49pcglyw _1hvw1o36 _1372tlke _7ehicw00 _1j5pglyw _1di629zg"])
   }), props.children);
 });
-const baseWrapperStyles = null;
+const baseWrapperStylesNew = null;
+const baseWrapperStylesOld = null;
 
 // if the parent instruct the wrapper to be interactive, and the wrapper is in focus, apply selectedStyles
 const interactiveStyles = null;
@@ -44,6 +46,7 @@ const hoveredStyles = null;
 const hoveredWithBackgroundStyles = null;
 const withoutBackgroundStyles = null;
 const withBackgroundStyles = null;
-const truncateStyles = null;
+const truncateStylesNew = null;
+const truncateStylesOld = null;
 const notSelectedStyle = null;
 const selectedStyles = null;

package/dist/es2019/view/InlineCard/Icon.js

@@ -1,4 +1,4 @@
-/* Icon.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* Icon.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./Icon.compiled.css";
 import { forwardRef } from 'react';

package/dist/es2019/view/InlineCard/IconAndTitleLayout/index.compiled.css

@@ -1,4 +1,5 @@
 ._18u01b66{margin-left:var(--ds-space-050,4px)}
+._1bsb1osq{width:100%}
 ._syaz1wmz{color:var(--ds-text-subtlest,#6b778c)}
 ._syaz1y58{color:var(--ds-link,#0052cc)}
 ._1bnxglyw:hover{text-decoration-line:none}