@atlaskit/smart-card 43.28.2 → 43.28.4

package/dist/esm/view/BlockCard/views/utils/withFlexibleUIBlockCardStyle.js

@@ -2,15 +2,11 @@
 import "./withFlexibleUIBlockCardStyle.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { N40 } from '@atlaskit/theme/colors';
 var flexibleBlockCardStyle = null;
 export var withFlexibleUIBlockCardStyle = function withFlexibleUIBlockCardStyle(FlexibleBlockCardView) {
   return function (props) {
     return /*#__PURE__*/React.createElement("div", {
-      className: ax(["_1g961mok _1qo3155r"]),
-      style: {
-        "--_gf55z1": ix("var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(N40, ")")))
-      }
+      className: ax(["_1g961mok _1qo3ia51"])
     }, /*#__PURE__*/React.createElement(FlexibleBlockCardView, props));
   };
 };

package/dist/esm/view/EmbedCard/components/ErrorFrame.compiled.css

@@ -4,7 +4,7 @@
 ._189e1dm9{border-width:var(--ds-border-width-selected,2px)}
 ._1dqonqa1{border-style:solid}
 ._1h6d1j28{border-color:transparent}
-._1h6d7a2i{border-color:var(--_d9gj9p)}._16qs1mq7{box-shadow:var(--_2wgsi3)}
+._1h6dq98m{border-color:var(--ds-border-selected,#1868db)}._16qst7xp{box-shadow:var(--ds-shadow-raised,0 1px 1px #1e1f2140,0 0 1px #1e1f214f)}
 ._18m915vq{overflow-y:hidden}
 ._19bvidpf{padding-left:0}
 ._1bah1h6o{justify-content:center}
@@ -18,11 +18,11 @@
 ._4t3i1osq{height:100%}
 ._4t3i1ylp{height:40px}
 ._bfhkhp5a{background-color:var(--ds-surface-raised,#fff)}
-._bfhkkq2v{background-color:var(--_12ncegi)}
+._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
 ._ca0qidpf{padding-top:0}
 ._n3tdidpf{padding-bottom:0}
 ._p12fukw8{max-width:760px}
 ._u5f3idpf{padding-right:0}
 ._d0altlke:hover{cursor:pointer}
-._irr3bfnf:hover{background-color:var(--_6j4ewu)}
-._irr3uh3c:hover{background-color:var(--_1irqcwi)}
+._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
+._irr3plhp:hover{background-color:var(--ds-background-neutral-hovered,#0b120e24)}

package/dist/esm/view/EmbedCard/components/ErrorFrame.js

@@ -2,7 +2,6 @@
 import "./ErrorFrame.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { B200, N20A, N30A, N40A, N50A } from '@atlaskit/theme/colors';
 export var Frame = function Frame() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
     isSelected: false,
@@ -30,13 +29,8 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: ax(["_1bsb1osq _1e0c1txw", "_p12fukw8 _bfhkhp5a", isHoverable && "_irr3uh3c _d0altlke", isFluidHeight ? "_1tkeidpf" : "_1tke68cl", isSelected ? "_2rkofajl _1h6d7a2i _1dqonqa1 _189e1dm9" : "_2rkolb4i _1h6d1j28 _1dqonqa1 _189e1dm9", "_1reo15vq _18m915vq _1bah1yb4 _16qs1mq7", className]),
-    "data-trello-do-not-use-override": testId,
-    style: {
-      "--_1irqcwi": ix("var(--ds-background-neutral-subtle-hovered, ".concat(N20A, ")")),
-      "--_d9gj9p": ix("var(--ds-border-selected, ".concat(B200, ")")),
-      "--_2wgsi3": ix("var(--ds-shadow-raised, ".concat("0 1px 1px ".concat(N50A, ", 0 0 1px 1px ").concat(N40A), ")"))
-    }
+    className: ax(["_1bsb1osq _1e0c1txw", "_p12fukw8 _bfhkhp5a", isHoverable && "_irr31dpa _d0altlke", isFluidHeight ? "_1tkeidpf" : "_1tke68cl", isSelected ? "_2rkofajl _1h6dq98m _1dqonqa1 _189e1dm9" : "_2rkolb4i _1h6d1j28 _1dqonqa1 _189e1dm9", "_1reo15vq _18m915vq _1bah1yb4 _16qst7xp", className]),
+    "data-trello-do-not-use-override": testId
   }, children);
 };
 var compactFrameHoverStyles = null;
@@ -56,11 +50,6 @@ export var CompactFrame = function CompactFrame(_ref2) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: ax(["_1bsb1osq _1e0c1txw", "_p12fukw8 _bfhkhp5a", isHoverable && "_irr3bfnf", isSelected && "_2rkofajl _1h6d7a2i _1dqonqa1 _189e1dm9", !isSelected && "_2rkolb4i", "_1bah1h6o _4cvr1h6o _bfhkkq2v", inheritDimensions ? "_4t3i1osq" : "_4t3i1ylp", "_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bsb1osq", className]),
-    style: {
-      "--_6j4ewu": ix("var(--ds-background-neutral-hovered, ".concat(N30A, ")")),
-      "--_d9gj9p": ix("var(--ds-border-selected, ".concat(B200, ")")),
-      "--_12ncegi": ix("var(--ds-background-neutral, ".concat(N20A, ")"))
-    }
+    className: ax(["_1bsb1osq _1e0c1txw", "_p12fukw8 _bfhkhp5a", isHoverable && "_irr3plhp", isSelected && "_2rkofajl _1h6dq98m _1dqonqa1 _189e1dm9", !isSelected && "_2rkolb4i", "_1bah1h6o _4cvr1h6o _bfhki8nm", inheritDimensions ? "_4t3i1osq" : "_4t3i1ylp", "_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bsb1osq", className])
   }, children);
 };

package/dist/esm/view/EmbedCard/components/styled.compiled.css

@@ -11,5 +11,5 @@
 ._2hwxidpf{margin-right:0}
 ._4t3i17ym{height:var(--_rcxkve)}
 ._4t3ickbl{height:3pc}
-._bfhkqrzy{background-color:var(--ds-skeleton,#ebecf0)}
+._bfhkizff{background-color:var(--ds-skeleton,#0515240f)}
 ._otyrutpp{margin-bottom:var(--ds-space-150,9pt)}

package/dist/esm/view/EmbedCard/components/styled.js

@@ -12,7 +12,6 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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; }
 /* eslint-disable @atlaskit/ui-styling-standard/no-dynamic-styles */
 
-import { N30 } from '@atlaskit/theme/colors';
 export var className = 'media-card-frame';
 export var embedHeaderHeight = 32;
 var getSizeWithUnit = function getSizeWithUnit() {
@@ -50,7 +49,7 @@ export var Thumbnail = forwardRef(function (_ref2, __cmplr) {
       "--_13orr8u": ix("url(".concat(__cmplp.src, ")"))
     }),
     ref: __cmplr,
-    className: ax(["_2rkofajl _1bsbckbl _4t3ickbl _1aaxusic _19pk1b66 _2hwxidpf _otyrutpp _18u0utpp _bfhkqrzy _1lrw1dfr _1itk2pcs", __cmplp.className])
+    className: ax(["_2rkofajl _1bsbckbl _4t3ickbl _1aaxusic _19pk1b66 _2hwxidpf _otyrutpp _18u0utpp _bfhkizff _1lrw1dfr _1itk2pcs", __cmplp.className])
   }));
 });
 if (process.env.NODE_ENV !== 'production') {

package/dist/esm/view/EmbedCard/views/ErroredView.js

@@ -6,7 +6,6 @@ import { FormattedMessage } from 'react-intl-next';
 import Button from '@atlaskit/button/new';
 import ErrorIcon from '@atlaskit/icon/core/status-error';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
-import { R300 } from '@atlaskit/theme/colors';
 import { messages } from '../../../messages';
 import { Frame } from '../components/ErrorFrame';
 var styles = {
@@ -25,7 +24,7 @@ export var EmbedCardErroredView = function EmbedCardErroredView(_ref) {
     isSelected: isSelected,
     testId: testId
   }, /*#__PURE__*/React.createElement(ErrorIcon, {
-    color: "var(--ds-icon-danger, ".concat(R300, ")"),
+    color: "var(--ds-icon-danger, #C9372C)",
     label: "error-icon"
   }), /*#__PURE__*/React.createElement(Box, {
     xcss: styles.boxStyles

package/dist/esm/view/FlexibleCard/components/actions/action/action-button/index.compiled.css

@@ -1,15 +1,15 @@
 ._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._11lv1xvx button{padding-left:var(--ds-space-025,.125rem)}
+._11lv1b66 button{padding-left:var(--ds-space-050,4px)}
 ._11lvidpf button{padding-left:0}
-._11lvpdf9 button{padding-left:var(--ds-space-050,.25rem)}
+._11lvv77o button{padding-left:var(--ds-space-025,2px)}
 ._13gwidpf button:focus>span{margin-top:0}
 ._1ad8idpf button>span{margin-left:0}
 ._1bnaidpf button>span{margin-right:0}
 ._1e1oidpf button>span{margin-bottom:0}
-._1gfl1xvx button{padding-top:var(--ds-space-025,.125rem)}
 ._1gflidpf button{padding-top:0}
-._1gqn1xvx button{padding-bottom:var(--ds-space-025,.125rem)}
+._1gflv77o button{padding-top:var(--ds-space-025,2px)}
 ._1gqnidpf button{padding-bottom:0}
+._1gqnv77o button{padding-bottom:var(--ds-space-025,2px)}
 ._1i3bidpf button:active>span{margin-top:0}
 ._1l0qidpf button:hover>span{margin-right:0}
 ._1vtwidpf button:active>span{margin-left:0}
@@ -23,36 +23,36 @@
 ._rehaidpf button>span{margin-top:0}
 ._ro8midpf button:focus>span{margin-right:0}
 ._tpwpidpf button:hover>span{margin-left:0}
-._yhjm1xvx button{padding-right:var(--ds-space-025,.125rem)}
+._yhjm1b66 button{padding-right:var(--ds-space-050,4px)}
 ._yhjmidpf button{padding-right:0}
-._yhjmpdf9 button{padding-right:var(--ds-space-050,.25rem)}
-._1ddv1xvx button:focus{padding-top:var(--ds-space-025,.125rem)}
+._yhjmv77o button{padding-right:var(--ds-space-025,2px)}
 ._1ddvidpf button:focus{padding-top:0}
-._1fst1xvx button:focus{padding-right:var(--ds-space-025,.125rem)}
+._1ddvv77o button:focus{padding-top:var(--ds-space-025,2px)}
+._1fst1b66 button:focus{padding-right:var(--ds-space-050,4px)}
 ._1fstidpf button:focus{padding-right:0}
-._1fstpdf9 button:focus{padding-right:var(--ds-space-050,.25rem)}
-._df2r1xvx button:focus{padding-bottom:var(--ds-space-025,.125rem)}
+._1fstv77o button:focus{padding-right:var(--ds-space-025,2px)}
 ._df2ridpf button:focus{padding-bottom:0}
-._vbn71xvx button:focus{padding-left:var(--ds-space-025,.125rem)}
+._df2rv77o button:focus{padding-bottom:var(--ds-space-025,2px)}
+._vbn71b66 button:focus{padding-left:var(--ds-space-050,4px)}
 ._vbn7idpf button:focus{padding-left:0}
-._vbn7pdf9 button:focus{padding-left:var(--ds-space-050,.25rem)}
-._1hha1xvx button:hover{padding-top:var(--ds-space-025,.125rem)}
+._vbn7v77o button:focus{padding-left:var(--ds-space-025,2px)}
 ._1hhaidpf button:hover{padding-top:0}
-._1xce1xvx button:hover{padding-right:var(--ds-space-025,.125rem)}
+._1hhav77o button:hover{padding-top:var(--ds-space-025,2px)}
+._1xce1b66 button:hover{padding-right:var(--ds-space-050,4px)}
 ._1xceidpf button:hover{padding-right:0}
-._1xcepdf9 button:hover{padding-right:var(--ds-space-050,.25rem)}
-._j1tw1xvx button:hover{padding-bottom:var(--ds-space-025,.125rem)}
+._1xcev77o button:hover{padding-right:var(--ds-space-025,2px)}
 ._j1twidpf button:hover{padding-bottom:0}
-._wfu31xvx button:hover{padding-left:var(--ds-space-025,.125rem)}
+._j1twv77o button:hover{padding-bottom:var(--ds-space-025,2px)}
+._wfu31b66 button:hover{padding-left:var(--ds-space-050,4px)}
 ._wfu3idpf button:hover{padding-left:0}
-._wfu3pdf9 button:hover{padding-left:var(--ds-space-050,.25rem)}
-._192b1xvx button:active{padding-left:var(--ds-space-025,.125rem)}
+._wfu3v77o button:hover{padding-left:var(--ds-space-025,2px)}
+._192b1b66 button:active{padding-left:var(--ds-space-050,4px)}
 ._192bidpf button:active{padding-left:0}
-._192bpdf9 button:active{padding-left:var(--ds-space-050,.25rem)}
-._1qdm1xvx button:active{padding-bottom:var(--ds-space-025,.125rem)}
+._192bv77o button:active{padding-left:var(--ds-space-025,2px)}
 ._1qdmidpf button:active{padding-bottom:0}
-._1trn1xvx button:active{padding-right:var(--ds-space-025,.125rem)}
+._1qdmv77o button:active{padding-bottom:var(--ds-space-025,2px)}
+._1trn1b66 button:active{padding-right:var(--ds-space-050,4px)}
 ._1trnidpf button:active{padding-right:0}
-._1trnpdf9 button:active{padding-right:var(--ds-space-050,.25rem)}
-._or3f1xvx button:active{padding-top:var(--ds-space-025,.125rem)}
-._or3fidpf button:active{padding-top:0}
+._1trnv77o button:active{padding-right:var(--ds-space-025,2px)}
+._or3fidpf button:active{padding-top:0}
+._or3fv77o button:active{padding-top:var(--ds-space-025,2px)}

package/dist/esm/view/FlexibleCard/components/actions/action/action-button/index.js

@@ -160,7 +160,7 @@ var ActionButtonNew = function ActionButtonNew(_ref2) {
   }, []);
   return /*#__PURE__*/React.createElement("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    className: ax([size === SmartLinkSize.Large && iconOnly && "_1gflidpf _or3fidpf _1ddvidpf _1hhaidpf _yhjmidpf _1trnidpf _1fstidpf _1xceidpf _1gqnidpf _1qdmidpf _df2ridpf _j1twidpf _11lvidpf _192bidpf _vbn7idpf _wfu3idpf _1i3bidpf _13gwidpf _4wlcidpf _rehaidpf _mp2fidpf _ro8midpf _1l0qidpf _1bnaidpf _3kh9idpf _i2vxidpf _8pvjidpf _1e1oidpf _1vtwidpf _ijvwidpf _tpwpidpf _1ad8idpf", size === SmartLinkSize.Small && "_11c8wadc _k48p1wq8", size === SmartLinkSize.Small && iconOnly && "_1gfl1xvx _or3f1xvx _1ddv1xvx _1hha1xvx _yhjm1xvx _1trn1xvx _1fst1xvx _1xce1xvx _1gqn1xvx _1qdm1xvx _df2r1xvx _j1tw1xvx _11lv1xvx _192b1xvx _vbn71xvx _wfu31xvx", size === SmartLinkSize.Small && !iconOnly && "_11lvpdf9 _192bpdf9 _vbn7pdf9 _wfu3pdf9 _yhjmpdf9 _1trnpdf9 _1fstpdf9 _1xcepdf9", className]),
+    className: ax([size === SmartLinkSize.Large && iconOnly && "_1gflidpf _or3fidpf _1ddvidpf _1hhaidpf _yhjmidpf _1trnidpf _1fstidpf _1xceidpf _1gqnidpf _1qdmidpf _df2ridpf _j1twidpf _11lvidpf _192bidpf _vbn7idpf _wfu3idpf _1i3bidpf _13gwidpf _4wlcidpf _rehaidpf _mp2fidpf _ro8midpf _1l0qidpf _1bnaidpf _3kh9idpf _i2vxidpf _8pvjidpf _1e1oidpf _1vtwidpf _ijvwidpf _tpwpidpf _1ad8idpf", size === SmartLinkSize.Small && "_11c8wadc _k48p1wq8", size === SmartLinkSize.Small && iconOnly && "_1gflv77o _or3fv77o _1ddvv77o _1hhav77o _yhjmv77o _1trnv77o _1fstv77o _1xcev77o _1gqnv77o _1qdmv77o _df2rv77o _j1twv77o _11lvv77o _192bv77o _vbn7v77o _wfu3v77o", size === SmartLinkSize.Small && !iconOnly && "_11lv1b66 _192b1b66 _vbn71b66 _wfu31b66 _yhjm1b66 _1trn1b66 _1fst1b66 _1xce1b66", className]),
     "data-testid": "".concat(testId, "-button-wrapper")
   }, /*#__PURE__*/React.createElement(Tooltip, {
     content: tooltipMessage,

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/skeleton/main.compiled.css

@@ -12,7 +12,7 @@
 ._1bsbpxbi{width:var(--ds-space-200,1pc)}
 ._1e0c1o8l{display:inline-block}
 ._1e0c1txw{display:flex}
-._1itk8aai{background-image:var(--_w76hiz)}
+._1itkx7de{background-image:linear-gradient(to right,var(--ds-skeleton,#0515240f) 10%,var(--ds-skeleton-subtle,#17171708) 30%,var(--ds-skeleton,#0515240f) 50%)}
 ._1o51q7pw{animation-fill-mode:forwards}
 ._1pglp3kn{animation-timing-function:linear}
 ._4cvr1h6o{align-items:center}
@@ -20,7 +20,7 @@
 ._4t3ipxbi{height:var(--ds-space-200,1pc)}
 ._5sag9cwz{animation-duration:1s}
 ._bfhk1r31{background-color:currentColor}
-._bfhk1uqo{background-color:var(--_1vab7it)}
+._bfhkizff{background-color:var(--ds-skeleton,#0515240f)}
 ._j7hq1nls{animation-name:k1a7rfge}
 ._tip812c5{animation-iteration-count:infinite}
 ._tzy4nh7s{opacity:.15}

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/skeleton/main.js

@@ -2,7 +2,6 @@
 import "./main.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { N20, N30 } from '@atlaskit/theme/colors';
 var AutomationSkeletonContainer = null;
 var SkeletonContainer = null;
 var SkeletonIcon = null;
@@ -17,11 +16,7 @@ var SkeletonLine = function SkeletonLine() {
   }, /*#__PURE__*/React.createElement("div", {
     className: ax(["_2rkov77o _19it5u6v _1bsbpxbi _4t3ipxbi _1e0c1o8l _bfhk1r31 _tzy4nh7s"])
   })), /*#__PURE__*/React.createElement("div", {
-    className: ax(["_1bsb13sl _4t3ipxbi _19pk1b66 _18u0utpp _5sag9cwz _1o51q7pw _tip812c5 _j7hq1nls _1pglp3kn _bfhk1uqo _1itk8aai _12vemgnk"]),
-    style: {
-      "--_1vab7it": ix("var(--ds-skeleton, ".concat(N30, ")")),
-      "--_w76hiz": ix("linear-gradient(to right, ".concat("var(--ds-skeleton, ".concat(N30, ")"), " 10%, ", "var(--ds-skeleton-subtle, ".concat(N20, ")"), " 30%, ", "var(--ds-skeleton, ".concat(N30, ")"), " 50%)"))
-    }
+    className: ax(["_1bsb13sl _4t3ipxbi _19pk1b66 _18u0utpp _5sag9cwz _1o51q7pw _tip812c5 _j7hq1nls _1pglp3kn _bfhkizff _1itkx7de _12vemgnk"])
   }));
 };
 var getSkeletonLines = function getSkeletonLines(lineCount) {

package/dist/esm/view/FlexibleCard/components/actions/follow-action/goal-icon/index.js

@@ -3,7 +3,7 @@ import React from 'react';
 import GoalGlyph from '@atlaskit/icon/core/goal';
 export var GoalIcon = function GoalIcon(props) {
   return /*#__PURE__*/React.createElement(GoalGlyph, _extends({
-    color: "var(--ds-icon, #44546F)",
+    color: "var(--ds-icon, #292A2E)",
     spacing: "spacious"
   }, props));
 };

package/dist/esm/view/FlexibleCard/components/actions/follow-action/projects-icon/index.js

@@ -3,7 +3,7 @@ import React from 'react';
 import ProjectIcon from '@atlaskit/icon/core/project';
 export var ProjectsIcon = function ProjectsIcon(props) {
   return /*#__PURE__*/React.createElement(ProjectIcon, _extends({
-    color: "var(--ds-icon, #44546F)",
+    color: "var(--ds-icon, #292A2E)",
     spacing: "spacious"
   }, props));
 };

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

@@ -1,5 +1,5 @@
 
-._kkk2n7od{all:unset}._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._kkk2n7od{all:unset}._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._18zru2gc{padding-inline:var(--ds-space-100,8px)}
 ._1rjc12x7{padding-block:var(--ds-space-075,6px)}

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

@@ -8,7 +8,7 @@ import MotionWrapper from '../../../common/motion-wrapper';
 var styles = {
   containerStyles: "_kkk2n7od _2rko12b0 _1rjc12x7 _18zru2gc _19pku2gc _2hwxu2gc _otyrze3t _18u0u2gc _1bsb1osq _fiawglyw",
   errorContentStyles: "_bozgv77o",
-  titleStyles: "_11c8rymc _syazazsu"
+  titleStyles: "_11c8wadc _syazazsu"
 };
 var getIcon = function getIcon(appearance) {
   switch (appearance) {

package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/feature-discovery/index.compiled.css

@@ -1,5 +1,5 @@
 
-._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qslqk2{box-shadow:0 0 0 0 var(--ds-border-discovery,#8270db)}
+._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qs1psz{box-shadow:0 0 0 0 var(--ds-border-discovery,#af59e1)}
 ._1e0c116y{display:inline-flex}
 ._1o511hrf{animation-fill-mode:both}
 ._1pgl1trn{animation-timing-function:cubic-bezier(.5,0,0,1)}

package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/feature-discovery/index.js

@@ -51,7 +51,7 @@ var FeatureDiscovery = function FeatureDiscovery(_ref) {
     if (!discovered) {
       return /*#__PURE__*/React.createElement("span", {
         "data-testid": "".concat(testId, "-discovery"),
-        className: ax(["_2rkofajl _1e0c116y _16qslqk2 _j7hq8j16 _5sagymdr _1pgl1trn _ju251doz _1o511hrf _tip8cs5v"])
+        className: ax(["_2rkofajl _1e0c116y _16qs1psz _j7hq8j16 _5sagymdr _1pgl1trn _ju251doz _1o511hrf _tip8cs5v"])
       }, children);
     }
   }, [children, discovered, testId]);

package/dist/esm/view/FlexibleCard/components/common/loading-skeleton/index.compiled.css

@@ -1,12 +1,12 @@
 
 ._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}._12vemgnk{background-repeat:no-repeat}
 ._1e0c1o8l{display:inline-block}
-._1itkvl7m{background-image:linear-gradient(to right,transparent 0,var(--ds-skeleton,#edeef1) 20%,transparent 40%,transparent 100%)}
+._1itkfj9x{background-image:linear-gradient(to right,transparent 0,var(--ds-skeleton,#0515240f) 20%,transparent 40%,transparent 100%)}
 ._1lrw6rms{background-size:280% 100%}
 ._1o51q7pw{animation-fill-mode:forwards}
 ._1pglp3kn{animation-timing-function:linear}
 ._5sag9cwz{animation-duration:1s}
-._bfhk178v{background-color:var(--ds-skeleton-subtle,#f6f7f8)}
+._bfhkvkf5{background-color:var(--ds-skeleton-subtle,#17171708)}
 ._j7hqqkar{animation-name:kc09ee}
 ._tip812c5{animation-iteration-count:infinite}
 ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}

package/dist/esm/view/FlexibleCard/components/common/loading-skeleton/index.js

@@ -14,6 +14,6 @@ export var LoadingSkeleton = function LoadingSkeleton(_ref) {
       width: width,
       height: height
     },
-    className: ax(["_2rkolb4i _uiztglyw _bfhk178v _1itkvl7m _12vemgnk _1lrw6rms _1e0c1o8l _5sag9cwz _1o51q7pw _tip812c5 _j7hqqkar _1pglp3kn"])
+    className: ax(["_2rkolb4i _uiztglyw _bfhkvkf5 _1itkfj9x _12vemgnk _1lrw6rms _1e0c1o8l _5sag9cwz _1o51q7pw _tip812c5 _j7hqqkar _1pglp3kn"])
   });
 };

package/dist/esm/view/FlexibleCard/components/elements/common/base-link-element/index.compiled.css

@@ -1,8 +1,8 @@
 
 ._11c81af2{font:var(--ds-font-heading-medium,normal 653 20px/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-a._10uerymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+a._10uewadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._16jlkb7n{flex-grow:1}
 ._18m915vq{overflow-y:hidden}
 ._1bto1l2s{text-overflow:ellipsis}
@@ -16,41 +16,41 @@ a._10uerymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian S
 ._i0dl1wug{flex-basis:auto}
 ._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
 ._sudp1e54{-webkit-box-orient:vertical}
-._syaz14q2{color:var(--ds-link,#0c66e4)}
-._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
+._syaz13af{color:var(--ds-link,#1868db)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}
 ._vwz41j6v{line-height:1rem}
 ._vwz41k8s{line-height:1.5rem}
-a._ye10131l{color:var(--ds-text-subtlest,#626f86)}._10531gjq:visited{color:var(--ds-text-subtle,#44546f)}
+a._ye101rpy{color:var(--ds-text-subtlest,#6b6e76)}._1053azsu:visited{color:var(--ds-text-subtle,#505258)}
 ._1726nqa1:visited{text-decoration-style:solid}
 ._1x288stv:visited{text-decoration-line:underline}
 ._1ydc1r31:visited{text-decoration-color:currentColor}
-a._1h4d131l:visited{color:var(--ds-text-subtlest,#626f86)}
+a._1h4d1rpy:visited{color:var(--ds-text-subtlest,#6b6e76)}
 a._64n6nqa1:visited{text-decoration-style:solid}
 a._pnzf1r31:visited{text-decoration-color:currentColor}
 a._ue8d8stv:visited{text-decoration-line:underline}
 ._1a3b1r31:focus{text-decoration-color:currentColor}
 ._4fpr8stv:focus{text-decoration-line:underline}
 ._5goinqa1:focus{text-decoration-style:solid}
-._f8pj1gjq:focus{color:var(--ds-text-subtle,#44546f)}
+._f8pjazsu:focus{color:var(--ds-text-subtle,#505258)}
 a._1bianqa1:focus{text-decoration-style:solid}
 a._1e2m8stv:focus{text-decoration-line:underline}
 a._93u91r31:focus{text-decoration-color:currentColor}
-a._dlb7131l:focus{color:var(--ds-text-subtlest,#626f86)}
+a._dlb71rpy:focus{color:var(--ds-text-subtlest,#6b6e76)}
 ._1bnx8stv:hover{text-decoration-line:underline}
-._30l314q2:hover{color:var(--ds-link,#0c66e4)}
-._30l31gjq:hover{color:var(--ds-text-subtle,#44546f)}
+._30l313af:hover{color:var(--ds-link,#1868db)}
+._30l3azsu:hover{color:var(--ds-text-subtle,#505258)}
 ._9oik1r31:hover{text-decoration-color:currentColor}
 ._jf4cnqa1:hover{text-decoration-style:solid}
 a._1l4b8stv:hover{text-decoration-line:underline}
 a._93jhnqa1:hover{text-decoration-style:solid}
 a._g2lk1r31:hover{text-decoration-color:currentColor}
-a._rnxt131l:hover{color:var(--ds-text-subtlest,#626f86)}
+a._rnxt1rpy:hover{color:var(--ds-text-subtlest,#6b6e76)}
 ._1iohnqa1:active{text-decoration-style:solid}
 ._1nrm1r31:active{text-decoration-color:currentColor}
-._9h8h16c2:active{color:var(--ds-link-pressed,#05c)}
-._9h8h1gjq:active{color:var(--ds-text-subtle,#44546f)}
+._9h8h12zz:active{color:var(--ds-link-pressed,#1558bc)}
+._9h8hazsu:active{color:var(--ds-text-subtle,#505258)}
 ._c2wa8stv:active{text-decoration-line:underline}
-a._1ray131l:active{color:var(--ds-text-subtlest,#626f86)}
+a._1ray1rpy:active{color:var(--ds-text-subtlest,#6b6e76)}
 a._fjv61r31:active{text-decoration-color:currentColor}
 a._hlwq8stv:active{text-decoration-line:underline}
 a._yni7nqa1:active{text-decoration-style:solid}

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

@@ -35,7 +35,7 @@ var linkStyleSizeMap = {
   xlarge: "_11c81af2 _k48pi7a9 _vwz41k8s",
   large: "_11c8fhey _k48pi7a9 _vwz41j6v",
   medium: "_11c8fhey _k48pi7a9 _vwz41j6v",
-  small: "_11c8rymc _k48pi7a9 _vwz41j6v"
+  small: "_11c8wadc _k48pi7a9 _vwz41j6v"
 };
 var baseAnchorStyle = null;
 var workBreakStyleMap = {
@@ -60,9 +60,9 @@ var anchorLinkLineHeight2Map = {
   small: "_102kviql"
 };
 var themeStyleMap = {
-  grey: "_fjv61r31 _93u91r31 _g2lk1r31 _pnzf1r31 _hlwq8stv _1e2m8stv _1l4b8stv _ue8d8stv _yni7nqa1 _1bianqa1 _93jhnqa1 _64n6nqa1 _1ray131l _dlb7131l _rnxt131l _1h4d131l _10uerymc _ye10131l",
-  black: "_syaz1gjq _1nrm1r31 _1a3b1r31 _9oik1r31 _1ydc1r31 _c2wa8stv _4fpr8stv _1bnx8stv _1x288stv _1iohnqa1 _5goinqa1 _jf4cnqa1 _1726nqa1 _9h8h1gjq _f8pj1gjq _30l31gjq _10531gjq",
-  link: "_syaz14q2 _9oik1r31 _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
+  grey: "_fjv61r31 _93u91r31 _g2lk1r31 _pnzf1r31 _hlwq8stv _1e2m8stv _1l4b8stv _ue8d8stv _yni7nqa1 _1bianqa1 _93jhnqa1 _64n6nqa1 _1ray1rpy _dlb71rpy _rnxt1rpy _1h4d1rpy _10uewadc _ye101rpy",
+  black: "_syazazsu _1nrm1r31 _1a3b1r31 _9oik1r31 _1ydc1r31 _c2wa8stv _4fpr8stv _1bnx8stv _1x288stv _1iohnqa1 _5goinqa1 _jf4cnqa1 _1726nqa1 _9h8hazsu _f8pjazsu _30l3azsu _1053azsu",
+  link: "_syaz13af _9oik1r31 _1bnx8stv _jf4cnqa1 _30l313af _9h8h12zz"
 };
 /**
  * A base element that represent an anchor.

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

@@ -16,7 +16,7 @@
 ._1e0ccj1k{display:-webkit-box}
 ._1nmz1hna{word-break:break-word}
 ._1reo15vq{overflow-x:hidden}
-._1t4p1fxt >span{color:var(--ds-text,#172b4d)}
+._1t4pi7uo >span{color:var(--ds-text,#292a2e)}
 ._1ul9idpf{min-width:0}
 ._1yyj1n6p{-webkit-line-clamp:var(--_t4prqe)}
 ._2lx2vrvc{flex-direction:row}
@@ -26,7 +26,7 @@
 ._bfhk1j28{background-color:transparent}
 ._ca0qze3t{padding-top:var(--ds-space-0,0)}
 ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
-._ngc01fxt >div{color:var(--ds-text,#172b4d)}
+._ngc0i7uo >div{color:var(--ds-text,#292a2e)}
 ._o5724jg8{white-space:normal}
 ._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
 ._sudp1e54{-webkit-box-orient:vertical}

package/dist/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-error/index.js

@@ -8,14 +8,13 @@ import { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import ErrorIcon from '@atlaskit/icon/core/status-error';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Pressable } from '@atlaskit/primitives/compiled';
-import { N800, R500 } from '@atlaskit/theme/colors';
 import { useAnalyticsEvents } from '../../../../../../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../../../../../../messages';
 import useInvokeClientAction from '../../../../../../../../state/hooks/use-invoke-client-action';
 import { getFormattedMessage } from '../../../../../utils';
 var MAX_LINE_NUMBER = 8;
 var styles = {
-  contentStyles: "_zulpu2gc _11c81d4k _1reo15vq _18m915vq _1e0c1txw _1ul9idpf _2lx2vrvc _19pkv77o _4cvr1y6m _pqmefhey _102efhey _ngc01fxt _1t4p1fxt",
+  contentStyles: "_zulpu2gc _11c81d4k _1reo15vq _18m915vq _1e0c1txw _1ul9idpf _2lx2vrvc _19pkv77o _4cvr1y6m _pqmefhey _102efhey _ngc0i7uo _1t4pi7uo",
   linkStyles: "_zulpu2gc _1reo15vq _18m915vq _11c8fhey _1e0c1txw _1ul9idpf _2lx2vrvc _4cvr1h6o _80omtlke _19pku2gc _18u0xy5q _otyrv77o",
   textStylesBase: "_11c81d4k _1reo15vq _18m915vq _o5724jg8 _1e0ccj1k _1bto1l2s _1nmz1hna _sudp1e54",
   dropdownItemGroupStyles: "_14hp1wdt _6pup1kw7 _1eo073ad",
@@ -45,7 +44,7 @@ var LozengeActionError = function LozengeActionError(_ref) {
       className: ax([styles.contentStyles])
     }, /*#__PURE__*/React.createElement(ErrorIcon, {
       testId: "".concat(testId, "-icon"),
-      color: "var(--ds-icon-danger, ".concat(R500, ")"),
+      color: "var(--ds-icon-danger, #C9372C)",
       label: 'error',
       spacing: "spacious"
     }), /*#__PURE__*/React.createElement("span", {

package/dist/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-items-group/index.compiled.css

@@ -7,15 +7,15 @@
 ._c71l1mjv{max-height:300px}
 ._d4lf1f4h button{min-height:28px}
 ._yhjmutpp button{padding-right:var(--ds-space-150,9pt)}
-._1ll7166n button:focus{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
+._1ll71dpa button:focus{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
 ._1pv01r31 button:focus{outline-color:currentColor}
 ._n6y8usvi button:focus{box-sizing:border-box}
 ._ph3k1o36 button:focus{outline-width:medium}
 ._qh55glyw button:focus{outline-style:none}
-._z29hu4to button:focus{box-shadow:inset 2px 0 0 var(--ds-border-selected,#0c66e4)}._109gusvi button:focus-visible{box-sizing:border-box}
+._z29h1x9r button:focus{box-shadow:inset 2px 0 0 var(--ds-border-selected,#1868db)}._109gusvi button:focus-visible{box-sizing:border-box}
 ._1m1b1r31 button:focus-visible{outline-color:currentColor}
 ._1twe1o36 button:focus-visible{outline-width:medium}
 ._lt2aglyw button:focus-visible{outline-style:none}
-._qprf166n button:focus-visible{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
-._wlxpu4to button:focus-visible{box-shadow:inset 2px 0 0 var(--ds-border-selected,#0c66e4)}
+._qprf1dpa button:focus-visible{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
+._wlxp1x9r button:focus-visible{box-shadow:inset 2px 0 0 var(--ds-border-selected,#1868db)}
 ._6pup1kw7 button:hover{background-color:inherit}

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

@@ -12,7 +12,7 @@ var LozengeActionItemsGroup = function LozengeActionItemsGroup(_ref) {
     onClick = _ref.onClick;
   return /*#__PURE__*/React.createElement("span", {
     "data-testid": "".concat(testId, "-item-group"),
-    className: ax(["_c71l1mjv _18m91wug _1pv01r31 _1m1b1r31 _qh55glyw _lt2aglyw _ph3k1o36 _1twe1o36 _1ll7166n _qprf166n _n6y8usvi _109gusvi _z29hu4to _wlxpu4to _1gfl12x7 _yhjmutpp _1gqn12x7 _11lvutpp _d4lf1f4h _14hp1wdt _6pup1kw7"])
+    className: ax(["_c71l1mjv _18m91wug _1pv01r31 _1m1b1r31 _qh55glyw _lt2aglyw _ph3k1o36 _1twe1o36 _1ll71dpa _qprf1dpa _n6y8usvi _109gusvi _z29h1x9r _wlxp1x9r _1gfl12x7 _yhjmutpp _1gqn12x7 _11lvutpp _d4lf1f4h _14hp1wdt _6pup1kw7"])
   }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, items.map(function (item, idx) {
     return /*#__PURE__*/React.createElement(LozengeActionItem, _extends({}, item, {
       key: idx,

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

@@ -22,7 +22,7 @@
 ._2hwxv77o{margin-right:var(--ds-space-025,2px)}
 ._4cvr1h6o{align-items:center}
 ._4t3i7vkz{height:1pc}
-._6ssh1vm4[aria-expanded=true]{box-shadow:0 0 0 2px var(--ds-border-focused,#388bff)}
+._6ssh1y54[aria-expanded=true]{box-shadow:0 0 0 2px var(--ds-border-focused,#4688ec)}
 ._80omtlke{cursor:pointer}
 ._bfhk1j28{background-color:transparent}
 ._ca0qidpf{padding-top:0}
@@ -39,10 +39,10 @@
 ._zg8ln7od{font-style:unset}
 ._19h61qi0:focus-within{border-radius:var(--ds-radius-medium,6px)}._11ow1o36:focus-within{outline-width:medium}
 ._1guj1r31:focus-within{outline-color:currentColor}
-._1u6l1vm4:focus-within{box-shadow:0 0 0 2px var(--ds-border-focused,#388bff)}
+._1u6l1y54:focus-within{box-shadow:0 0 0 2px var(--ds-border-focused,#4688ec)}
 ._pbhaglyw:focus-within{outline-style:none}
 ._1bas1qi0:focus-visible{border-radius:var(--ds-radius-medium,6px)}
 ._128m1o36:focus-visible{outline-width:medium}
-._1ejj1vm4:focus-visible{box-shadow:0 0 0 2px var(--ds-border-focused,#388bff)}
+._1ejj1y54:focus-visible{box-shadow:0 0 0 2px var(--ds-border-focused,#4688ec)}
 ._mizu1r31:focus-visible{outline-color:currentColor}
 ._ra3xglyw:focus-visible{outline-style:none}

package/dist/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-trigger/index.js

@@ -107,7 +107,7 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
     "aria-label": fg('platform_navx_flex_card_status_dropdown_a11y_fix') ? intl.formatMessage(messages.change_status, {
       status: text
     }) : undefined,
-    className: ax(["_kkk2n7od _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _15vhn7od _1dqonqa1 _189e1dm9 _1h6d1j28 _bfhk1j28 _syazn7od _80omtlke _ect4n7od _1wybn7od _zg8ln7od _k48pn7od _vwz4idpf _1p1dn7od _19pkv77o _2hwxv77o _otyrv77o _18u0v77o _mizu1r31 _1guj1r31 _p8tl1r31 _ra3xglyw _pbhaglyw _1q2vglyw _128m1o36 _11ow1o36 _j8b81o36 _1bas1qi0 _19h61qi0 _1d391qi0 _1ejj1vm4 _1u6l1vm4 _6ssh1vm4"])
+    className: ax(["_kkk2n7od _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _15vhn7od _1dqonqa1 _189e1dm9 _1h6d1j28 _bfhk1j28 _syazn7od _80omtlke _ect4n7od _1wybn7od _zg8ln7od _k48pn7od _vwz4idpf _1p1dn7od _19pkv77o _2hwxv77o _otyrv77o _18u0v77o _mizu1r31 _1guj1r31 _p8tl1r31 _ra3xglyw _pbhaglyw _1q2vglyw _128m1o36 _11ow1o36 _j8b81o36 _1bas1qi0 _19h61qi0 _1d391qi0 _1ejj1y54 _1u6l1y54 _6ssh1y54"])
   }), lozenge);
 };
 export default LozengeActionTrigger;

package/dist/esm/view/HoverCard/components/ContentContainer.compiled.css

@@ -1,7 +1,7 @@
 ._11q7glyw{background:none}
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
 ._189eidpf{border-width:0}
-._16qsie2t{box-shadow:var(--ds-shadow-overlay,0 8px 9pt rgba(9,30,66,.15),0 0 1px rgba(9,30,66,.31))}
+._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._1bsby0ve{width:var(--_1rzblqv)}
 ._9spsglyw .smart-link-loading-placeholder{display:none}
 ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}

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

@@ -33,7 +33,7 @@ var ConnectedAIPrismContainer = function ConnectedAIPrismContainer(_ref) {
   }, [status]);
   var container = /*#__PURE__*/React.createElement("div", _extends({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: ax(["_11q7glyw _189eidpf _vchhusvi _1bsby0ve _9spsglyw", !isAIEnabled && "_2rko1mok _bfhk1bhr _16qsie2t", hoverCardClassName]),
+    className: ax(["_11q7glyw _189eidpf _vchhusvi _1bsby0ve _9spsglyw", !isAIEnabled && "_2rko1mok _bfhk1bhr _16qs130s", hoverCardClassName]),
     "data-testid": testId
   }, props, {
     style: {

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

@@ -1,15 +1,15 @@
 
-._zulpcxkx{gap:var(--ds-space-100,.5rem)}
+._zulpu2gc{gap:var(--ds-space-100,8px)}
 ._zulpud5o{gap:.625rem}._16jlkb7n{flex-grow:1}
-._19bv1e9d{padding-left:var(--ds-space-200,1rem)}
+._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
 ._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)}
+._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
 ._e2oo1osq span{width:100%}
 ._i0dl1wug{flex-basis:auto}
-._n3td1e9d{padding-bottom:var(--ds-space-200,1rem)}
-._u5f31e9d{padding-right:var(--ds-space-200,1rem)}
+._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
+._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}

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

@@ -25,12 +25,12 @@ var HoverCardLoadingView = function HoverCardLoadingView(_ref) {
   });
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": testId,
-    className: ax(["_1e0c1txw _2lx21bp4 _ca0q1e9d _u5f31e9d _n3td1e9d _19bv1e9d"])
+    className: ax(["_1e0c1txw _2lx21bp4 _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi"])
   }, /*#__PURE__*/React.createElement("div", {
     className: ax(["_zulpud5o _1e0c1txw _2lx21bp4 _4cvr1h6o"])
   }, /*#__PURE__*/React.createElement(CustomBlock, _extends({}, titleBlockProps, {
     testId: "".concat(testId, "-title-block"),
-    className: ax(["_zulpcxkx _1bsb1osq"])
+    className: ax(["_zulpu2gc _1bsb1osq"])
   }), /*#__PURE__*/React.createElement(BaseIconElement, {
     render: function render() {
       return /*#__PURE__*/React.createElement(LoadingSkeleton, null);