@atlaskit/smart-card 43.28.2 → 43.28.4

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

@@ -21,7 +21,7 @@ var LozengeActionItemsGroup = function LozengeActionItemsGroup(_ref) {
     onClick = _ref.onClick;
   return /*#__PURE__*/React.createElement("span", {
     "data-testid": "".concat(testId, "-item-group"),
-    className: (0, _runtime.ax)(["_c71l1mjv _18m91wug _1pv01r31 _1m1b1r31 _qh55glyw _lt2aglyw _ph3k1o36 _1twe1o36 _1ll7166n _qprf166n _n6y8usvi _109gusvi _z29hu4to _wlxpu4to _1gfl12x7 _yhjmutpp _1gqn12x7 _11lvutpp _d4lf1f4h _14hp1wdt _6pup1kw7"])
+    className: (0, _runtime.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(_dropdownMenu.DropdownItemGroup, null, items.map(function (item, idx) {
     return /*#__PURE__*/React.createElement(_lozengeActionItem.default, (0, _extends2.default)({}, item, {
       key: idx,

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

@@ -115,7 +115,7 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
     "aria-label": (0, _platformFeatureFlags.fg)('platform_navx_flex_card_status_dropdown_a11y_fix') ? intl.formatMessage(_messages.messages.change_status, {
       status: text
     }) : undefined,
-    className: (0, _runtime.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: (0, _runtime.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);
 };
 var _default = exports.default = LozengeActionTrigger;

package/dist/cjs/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/cjs/view/HoverCard/components/ContentContainer.js

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

package/dist/cjs/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/cjs/view/HoverCard/components/views/resolving/index.js

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

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

@@ -14,7 +14,6 @@ var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _lockLocked = _interopRequireDefault(require("@atlaskit/icon/core/lock-locked"));
 var _compiled = require("@atlaskit/primitives/compiled");
-var _colors = require("@atlaskit/theme/colors");
 var _messages = require("../../../messages");
 var _HoverCard = require("../../HoverCard");
 var _actionButton = require("../common/action-button");
@@ -105,7 +104,7 @@ var InlineCardForbiddenView = exports.InlineCardForbiddenView = function InlineC
     link: url,
     title: url,
     onClick: onClick,
-    titleColor: "var(--ds-text-subtle, ".concat(_colors.N500, ")")
+    titleColor: "var(--ds-text-subtle, #505258)"
   }), renderActionButton());
   if (showHoverPreview) {
     return /*#__PURE__*/_react.default.createElement(_HoverCard.HoverCard, {

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

@@ -1,12 +1,12 @@
 
-._19it1x13{border:var(--ds-border-width,1px) solid var(--ds-border,#dfe1e6)}
+._19itia51{border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
 ._1yt4x7n9{padding:var(--ds-space-025,2px) 0}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._v56415x0{transition:all .1s ease-in-out}
-._1h6dmr28{border-color:var(--ds-border-accent-blue,#2684ff)}._12ji1r31{outline-color:currentColor}
+._1h6d1w55{border-color:var(--ds-border-accent-blue,#357de8)}._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)}
+._16qsw5lj{box-shadow:0 0 0 2px var(--ds-border-selected,#1868db)}
 ._18m915vq{overflow-y:hidden}
 ._18u01i6y{margin-left:var(--ds-space-negative-025,-2px)}
 ._19bvidpf{padding-left:0}
@@ -27,8 +27,8 @@
 ._ca0qidpf{padding-top:0}
 ._n3tdidpf{padding-bottom:0}
 ._sudp1e54{-webkit-box-orient:vertical}
+._syaz13af{color:var(--ds-link,#1868db)}
 ._syaz15cr{color:var(--ds-text-inverse,#fff)}
-._syaz1y58{color:var(--ds-link,#0052cc)}
 ._u5f3idpf{padding-right:0}
 ._uizt1kdv{-webkit-user-select:text;-ms-user-select:text;user-select:text}
 ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
@@ -39,14 +39,14 @@
 ._49pcglyw:focus{outline-style:none}
 ._4fprglyw:focus{text-decoration-line:none}
 ._5goinqa1:focus{text-decoration-style:solid}
-._7ehicw00:focus{box-shadow:0 0 0 2px var(--ds-border-selected,#4c9aff)}
+._7ehiw5lj:focus{box-shadow:0 0 0 2px var(--ds-border-selected,#1868db)}
 ._nt751r31:focus{outline-color:currentColor}
-._bfw71x13:hover{border:var(--ds-border-width,1px) solid var(--ds-border,#dfe1e6)}
-._4cvxmr28:hover{border-color:var(--ds-border-accent-blue,#2684ff)}
+._bfw7ia51:hover{border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
+._4cvx1w55:hover{border-color:var(--ds-border-accent-blue,#357de8)}
 ._1bnxglyw:hover{text-decoration-line:none}
 ._9oik1r31:hover{text-decoration-color:currentColor}
 ._jf4cnqa1:hover{text-decoration-style:solid}
-._1di629zg:active{background-color:var(--ds-background-selected,#deebff)}
+._1di615s3:active{background-color:var(--ds-background-selected,#e9f2fe)}
 ._1iohnqa1:active{text-decoration-style:solid}
 ._1nrm1r31:active{text-decoration-color:currentColor}
 ._c2waglyw:active{text-decoration-line:none}

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

@@ -12,7 +12,6 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _colors = require("@atlaskit/theme/colors");
 var _excluded = ["truncateInline", "withoutBackground", "isHovered", "isInteractive", "isSelected", "viewType"],
   _excluded2 = ["truncateInline", "withoutBackground", "isHovered", "isInteractive", "isSelected", "href", "viewType"];
 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); }
@@ -27,7 +26,7 @@ var WrapperSpan = exports.WrapperSpan = /*#__PURE__*/(0, _react.forwardRef)(func
   return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
     ref: ref
   }, props, {
-    className: (0, _runtime.ax)(["_1yt4x7n9 _2rko12b0 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", truncateInline && viewType === 'unauthorised' && "_syaz15cr", withoutBackground ? "_19bvidpf _18u01i6y" : "_19it1x13 _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw71x13 _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv"])
+    className: (0, _runtime.ax)(["_1yt4x7n9 _2rko12b0 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz13af _1rkwglyw _4cvx1w55", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", truncateInline && viewType === 'unauthorised' && "_syaz15cr", withoutBackground ? "_19bvidpf _18u01i6y" : "_19itia51 _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6d1w55", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qsw5lj _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw7ia51 _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv"])
   }), props.children);
 });
 var WrapperAnchor = exports.WrapperAnchor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
@@ -43,7 +42,7 @@ var WrapperAnchor = exports.WrapperAnchor = /*#__PURE__*/(0, _react.forwardRef)(
     href: href,
     ref: ref
   }, props, {
-    className: (0, _runtime.ax)(["_1yt4x7n9 _2rko12b0 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", truncateInline && viewType === 'unauthorised' && "_syaz15cr", withoutBackground ? "_19bvidpf _18u01i6y" : "_19it1x13 _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw71x13 _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv", isInteractive && "_nt751r31 _49pcglyw _1hvw1o36 _1372tlke _7ehicw00 _1j5pglyw _1di629zg", viewType === 'errored' && "_4bfu1r31 _1hms8stv _ajmmnqa1 _9oik1r31 _1bnxglyw _jf4cnqa1"])
+    className: (0, _runtime.ax)(["_1yt4x7n9 _2rko12b0 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz13af _1rkwglyw _4cvx1w55", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", truncateInline && viewType === 'unauthorised' && "_syaz15cr", withoutBackground ? "_19bvidpf _18u01i6y" : "_19itia51 _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6d1w55", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qsw5lj _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw7ia51 _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv", isInteractive && "_nt751r31 _49pcglyw _1hvw1o36 _1372tlke _7ehiw5lj _1j5pglyw _1di615s3", viewType === 'errored' && "_4bfu1r31 _1hms8stv _ajmmnqa1 _9oik1r31 _1bnxglyw _jf4cnqa1"])
   }), props.children);
 });
 var baseWrapperStyles = null;

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

@@ -21,8 +21,8 @@
 ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
 ._o5721jtm{white-space:pre-wrap}
 ._p12f7vkz{max-width:1pc}
+._syaz13af{color:var(--ds-link,#1868db)}
 ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
-._syaz1y58{color:var(--ds-link,#0052cc)}
 ._t9ec1ooe{transform:translate(-50%,-50%)}
 ._tzy4idpf{opacity:0}
 ._u5f31b66{padding-right:var(--ds-space-050,4px)}

package/dist/cjs/view/InlineCard/IconAndTitleLayout/index.js

@@ -17,7 +17,6 @@ var _reactMagneticDi = require("react-magnetic-di");
 var _reactRenderImage = _interopRequireDefault(require("react-render-image"));
 var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
 var _compiled = require("@atlaskit/primitives/compiled");
-var _colors = require("@atlaskit/theme/colors");
 var _utils = require("../../../utils");
 var _Icon = require("../Icon");
 var _excluded = ["as", "style"];
@@ -41,7 +40,7 @@ var LinkAppearance = (0, _react.forwardRef)(function (_ref, __cmplr) {
   return /*#__PURE__*/_react.default.createElement(C, (0, _extends2.default)({}, __cmplp, {
     style: __cmpls,
     ref: __cmplr,
-    className: (0, _runtime.ax)(["_syaz1y58 _9oik1r31 _1bnxglyw _jf4cnqa1", __cmplp.className])
+    className: (0, _runtime.ax)(["_syaz13af _9oik1r31 _1bnxglyw _jf4cnqa1", __cmplp.className])
   }));
 });
 if (process.env.NODE_ENV !== 'production') {

package/dist/cjs/view/InlineCard/UnauthorisedView/index.js

@@ -11,7 +11,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _lockLocked = _interopRequireDefault(require("@atlaskit/icon/core/lock-locked"));
-var _colors = require("@atlaskit/theme/colors");
 var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
 var _messages = require("../../../messages");
 var _HoverCard = require("../../HoverCard");
@@ -70,7 +69,7 @@ var InlineCardUnauthorizedView = exports.InlineCardUnauthorizedView = function I
     title: url,
     link: url,
     onClick: onClick,
-    titleColor: "var(--ds-text-subtle, ".concat(_colors.N500, ")")
+    titleColor: "var(--ds-text-subtle, #505258)"
   }), onAuthorise && renderActionButton());
   if (onAuthorise && showHoverPreview) {
     return /*#__PURE__*/_react.default.createElement(_HoverCard.HoverCard, {

package/dist/cjs/view/InlineCard/utils/withFrameStyleControl.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _colors = require("@atlaskit/theme/colors");
 /**
  * This HOC serves as a temporary workaround for controlling the style of a parent component.
  * We do not want the Frame to have a hover state when hovering over the action button.
@@ -19,7 +18,7 @@ var _default = exports.default = function _default(Button, frameRef) {
     var setBorderStyle = function setBorderStyle() {
       var frameNode = frameRef.current;
       if (frameNode) {
-        frameNode.style.borderColor = "".concat("var(--ds-border, ".concat(_colors.N40, ")"));
+        frameNode.style.borderColor = "var(--ds-border, #0B120E24)";
       }
     };
     var removeBorderStyle = function removeBorderStyle() {

package/dist/cjs/view/LinkUrl/index.js

@@ -22,7 +22,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "43.28.1",
+  packageVersion: "43.28.3",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/cjs/view/common/ai-prism/index.compiled.css

@@ -1,8 +1,8 @@
 
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
 ._v5649spz{transition:box-shadow .5s ease}
-._v564fs5d{transition:opacity .5s ease}._16qs1aef{box-shadow:0 8px 9pt rgba(9,30,66,0),0 0 1px rgba(9,30,66,0)}
-._16qsie2t{box-shadow:var(--ds-shadow-overlay,0 8px 9pt rgba(9,30,66,.15),0 0 1px rgba(9,30,66,.31))}
+._v564fs5d{transition:opacity .5s ease}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
+._16qs1aef{box-shadow:0 8px 9pt rgba(9,30,66,0),0 0 1px rgba(9,30,66,0)}
 ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
 ._tzy4idpf{opacity:0}
 ._tzy4kb7n{opacity:1}

package/dist/cjs/view/common/ai-prism/index.js

@@ -40,7 +40,7 @@ var AIPrism = function AIPrism(_ref) {
     testId: testId,
     className: (0, _runtime.ax)([animatedSvgContainerStyles[isVisible ? 'true' : 'false']])
   }, /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_2rko1mok _bfhk1bhr _16qsie2t", "_v5649spz", isVisible && "_16qs1aef"])
+    className: (0, _runtime.ax)(["_2rko1mok _bfhk1bhr _16qs130s", "_v5649spz", isVisible && "_16qs1aef"])
   }, children));
 };
 var _default = exports.default = AIPrism;

package/dist/es2019/extractors/common/lozenge/extractState.js

@@ -3,12 +3,12 @@ import { OMIT_STATES, VALID_STATES } from './utils';
 // Maps accent color short names to their corresponding background and text colors
 const lozengeAccentStyles = {
   blue: {
-    backgroundColor: "var(--ds-background-accent-blue-subtler, #CCE0FF)",
-    color: "var(--ds-text-accent-blue, #0055CC)"
+    backgroundColor: "var(--ds-background-accent-blue-subtler, #CFE1FD)",
+    color: "var(--ds-text-accent-blue, #1558BC)"
   },
   gray: {
-    backgroundColor: "var(--ds-background-accent-gray-subtler, #DCDFE4)",
-    color: "var(--ds-text-accent-gray, #44546F)"
+    backgroundColor: "var(--ds-background-accent-gray-subtler, #DDDEE1)",
+    color: "var(--ds-text-accent-gray, #505258)"
   },
   green: {
     backgroundColor: "var(--ds-background-accent-green-subtler, #BAF3DB)",
@@ -23,12 +23,12 @@ const lozengeAccentStyles = {
     color: "var(--ds-text-accent-magenta, #943D73)"
   },
   orange: {
-    backgroundColor: "var(--ds-background-accent-orange-subtler, #FEDEC8)",
-    color: "var(--ds-text-accent-orange, #A54800)"
+    backgroundColor: "var(--ds-background-accent-orange-subtler, #FCE4A6)",
+    color: "var(--ds-text-accent-orange, #9E4C00)"
   },
   purple: {
-    backgroundColor: "var(--ds-background-accent-purple-subtler, #DFD8FD)",
-    color: "var(--ds-text-accent-purple, #5E4DB2)"
+    backgroundColor: "var(--ds-background-accent-purple-subtler, #EED7FC)",
+    color: "var(--ds-text-accent-purple, #803FA5)"
   },
   red: {
     backgroundColor: "var(--ds-background-accent-red-subtler, #FFD5D2)",
@@ -39,7 +39,7 @@ const lozengeAccentStyles = {
     color: "var(--ds-text-accent-teal, #206A83)"
   },
   yellow: {
-    backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
+    backgroundColor: "var(--ds-background-accent-yellow-subtler, #F5E989)",
     color: "var(--ds-text-accent-yellow, #7F5F01)"
   }
 };

package/dist/es2019/extractors/common/primitives/extractTitleTextColor.js

@@ -1,4 +1,3 @@
-import { R500 } from '@atlaskit/theme/colors';
 import { extractorPriorityMap } from '../icon/priority';
 export const extractTitleTextColor = jsonLd => {
   const type = jsonLd['@type'];
@@ -6,7 +5,7 @@ export const extractTitleTextColor = jsonLd => {
     const highestPriorityType = type.sort((a, b) => extractorPriorityMap[b] - extractorPriorityMap[a])[0];
     switch (highestPriorityType) {
       case 'atlassian:UndefinedLink':
-        return `var(--ds-text-danger, ${R500})`;
+        return "var(--ds-text-danger, #AE2E24)";
       default:
         return undefined;
     }

package/dist/es2019/utils/analytics/analytics.js

@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "43.28.1"
+  packageVersion: "43.28.3"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/BlockCard/views/utils/withFlexibleUIBlockCardStyle.compiled.css

@@ -1,2 +1,2 @@
 ._1g961mok>div{border-radius:var(--ds-radius-large,8px)}
-._1qo31x13>div{border:var(--ds-border-width,1px) solid var(--ds-border,#dfe1e6)}
+._1qo3ia51>div{border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}

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

@@ -2,10 +2,9 @@
 import "./withFlexibleUIBlockCardStyle.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { N40 } from '@atlaskit/theme/colors';
 const flexibleBlockCardStyle = null;
 export const withFlexibleUIBlockCardStyle = FlexibleBlockCardView => props => {
   return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_1g961mok _1qo31x13"])
+    className: ax(["_1g961mok _1qo3ia51"])
   }, /*#__PURE__*/React.createElement(FlexibleBlockCardView, props));
 };

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

@@ -3,8 +3,8 @@
 ._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
 ._189e1dm9{border-width:var(--ds-border-width-selected,2px)}
 ._1dqonqa1{border-style:solid}
-._1h6d1can{border-color:var(--ds-border-selected,#2684ff)}
-._1h6d1j28{border-color:transparent}._16qsy59s{box-shadow:var(--ds-shadow-raised,0 1px 1px rgba(9,30,66,.25),0 0 1px 1px rgba(9,30,66,.13))}
+._1h6d1j28{border-color:transparent}
+._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}
@@ -17,12 +17,12 @@
 ._4cvr1h6o{align-items:center}
 ._4t3i1osq{height:100%}
 ._4t3i1ylp{height:40px}
-._bfhk1j54{background-color:var(--ds-background-neutral,rgba(9,30,66,.04))}
 ._bfhkhp5a{background-color:var(--ds-surface-raised,#fff)}
+._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}
-._irr317ks:hover{background-color:var(--ds-background-neutral-hovered,rgba(9,30,66,.08))}
-._irr3h3i3:hover{background-color:var(--ds-background-neutral-subtle-hovered,rgba(9,30,66,.04))}
+._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
+._irr3plhp:hover{background-color:var(--ds-background-neutral-hovered,#0b120e24)}

package/dist/es2019/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 const Frame = (props = {
   isSelected: false,
   isHoverable: false,
@@ -28,7 +27,7 @@ export const ExpandedFrame = ({
     "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 && "_irr3h3i3 _d0altlke", isFluidHeight ? "_1tkeidpf" : "_1tke68cl", isSelected ? "_2rkofajl _1h6d1can _1dqonqa1 _189e1dm9" : "_2rkolb4i _1h6d1j28 _1dqonqa1 _189e1dm9", "_1reo15vq _18m915vq _1bah1yb4 _16qsy59s", className]),
+    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);
 };
@@ -50,6 +49,6 @@ export const CompactFrame = ({
     "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 && "_irr317ks", isSelected && "_2rkofajl _1h6d1can _1dqonqa1 _189e1dm9", !isSelected && "_2rkolb4i", "_1bah1h6o _4cvr1h6o _bfhk1j54", inheritDimensions ? "_4t3i1osq" : "_4t3i1ylp", "_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bsb1osq", className])
+    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/es2019/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/es2019/view/EmbedCard/components/styled.js

@@ -6,7 +6,6 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 /* eslint-disable @atlaskit/ui-styling-standard/no-dynamic-styles */
 
-import { N30 } from '@atlaskit/theme/colors';
 export const className = 'media-card-frame';
 export const embedHeaderHeight = 32;
 const getSizeWithUnit = (value = '100%') => {
@@ -45,7 +44,7 @@ export const Thumbnail = forwardRef(({
       "--_13orr8u": ix(`url(${__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/es2019/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';
 const styles = {
@@ -23,7 +22,7 @@ export const EmbedCardErroredView = ({
   isSelected: isSelected,
   testId: testId
 }, /*#__PURE__*/React.createElement(ErrorIcon, {
-  color: `var(--ds-icon-danger, ${R300})`,
+  color: "var(--ds-icon-danger, #C9372C)",
   label: "error-icon"
 }), /*#__PURE__*/React.createElement(Box, {
   xcss: styles.boxStyles

package/dist/es2019/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/es2019/view/FlexibleCard/components/actions/action/action-button/index.js

@@ -150,7 +150,7 @@ const ActionButtonNew = ({
   }, []);
   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": `${testId}-button-wrapper`
   }, /*#__PURE__*/React.createElement(Tooltip, {
     content: tooltipMessage,

package/dist/es2019/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}
-._1itk34ia{background-image:linear-gradient(to right,var(--ds-skeleton,#ebecf0) 10%,var(--ds-skeleton-subtle,#f4f5f7) 30%,var(--ds-skeleton,#ebecf0) 50%)}
+._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}
-._bfhkqrzy{background-color:var(--ds-skeleton,#ebecf0)}
+._bfhkizff{background-color:var(--ds-skeleton,#0515240f)}
 ._j7hq1nls{animation-name:k1a7rfge}
 ._tip812c5{animation-iteration-count:infinite}
 ._tzy4nh7s{opacity:.15}

package/dist/es2019/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';
 const AutomationSkeletonContainer = null;
 const SkeletonContainer = null;
 const SkeletonIcon = null;
@@ -16,7 +15,7 @@ const SkeletonLine = () => /*#__PURE__*/React.createElement("div", {
 }, /*#__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 _bfhkqrzy _1itk34ia _12vemgnk"])
+  className: ax(["_1bsb13sl _4t3ipxbi _19pk1b66 _18u0utpp _5sag9cwz _1o51q7pw _tip812c5 _j7hq1nls _1pglp3kn _bfhkizff _1itkx7de _12vemgnk"])
 }));
 const getSkeletonLines = lineCount => {
   const skeletonLines = [];