@atlaskit/smart-card 43.28.2 → 43.28.4

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/smart-card
 
+## 43.28.4
+
+### Patch Changes
+
+- [`93a66599141af`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/93a66599141af) -
+  Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
+- Updated dependencies
+
+## 43.28.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 43.28.2
 
 ### Patch Changes

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

@@ -8,12 +8,12 @@ var _utils = require("./utils");
 // Maps accent color short names to their corresponding background and text colors
 var 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)",
@@ -28,12 +28,12 @@ var 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)",
@@ -44,7 +44,7 @@ var 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/cjs/extractors/common/primitives/extractTitleTextColor.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.extractTitleTextColor = void 0;
-var _colors = require("@atlaskit/theme/colors");
 var _priority = require("../icon/priority");
 var extractTitleTextColor = exports.extractTitleTextColor = function extractTitleTextColor(jsonLd) {
   var type = jsonLd['@type'];
@@ -14,7 +13,7 @@ var extractTitleTextColor = exports.extractTitleTextColor = function extractTitl
     })[0];
     switch (highestPriorityType) {
       case 'atlassian:UndefinedLink':
-        return "var(--ds-text-danger, ".concat(_colors.R500, ")");
+        return "var(--ds-text-danger, #AE2E24)";
       default:
         return undefined;
     }

package/dist/cjs/utils/analytics/analytics.js

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

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

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

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

@@ -9,16 +9,12 @@ exports.withFlexibleUIBlockCardStyle = void 0;
 require("./withFlexibleUIBlockCardStyle.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
-var _colors = require("@atlaskit/theme/colors");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var flexibleBlockCardStyle = null;
 var withFlexibleUIBlockCardStyle = exports.withFlexibleUIBlockCardStyle = function withFlexibleUIBlockCardStyle(FlexibleBlockCardView) {
   return function (props) {
     return /*#__PURE__*/React.createElement("div", {
-      className: (0, _runtime.ax)(["_1g961mok _1qo3155r"]),
-      style: {
-        "--_gf55z1": (0, _runtime.ix)("var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N40, ")")))
-      }
+      className: (0, _runtime.ax)(["_1g961mok _1qo3ia51"])
     }, /*#__PURE__*/React.createElement(FlexibleBlockCardView, props));
   };
 };

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

@@ -9,7 +9,6 @@ exports.Frame = exports.ExpandedFrame = exports.CompactFrame = void 0;
 require("./ErrorFrame.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
-var _colors = require("@atlaskit/theme/colors");
 var Frame = exports.Frame = function Frame() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
     isSelected: false,
@@ -37,13 +36,8 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: (0, _runtime.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": (0, _runtime.ix)("var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20A, ")")),
-      "--_d9gj9p": (0, _runtime.ix)("var(--ds-border-selected, ".concat(_colors.B200, ")")),
-      "--_2wgsi3": (0, _runtime.ix)("var(--ds-shadow-raised, ".concat("0 1px 1px ".concat(_colors.N50A, ", 0 0 1px 1px ").concat(_colors.N40A), ")"))
-    }
+    className: (0, _runtime.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;
@@ -63,11 +57,6 @@ var CompactFrame = exports.CompactFrame = function CompactFrame(_ref2) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: (0, _runtime.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": (0, _runtime.ix)("var(--ds-background-neutral-hovered, ".concat(_colors.N30A, ")")),
-      "--_d9gj9p": (0, _runtime.ix)("var(--ds-border-selected, ".concat(_colors.B200, ")")),
-      "--_12ncegi": (0, _runtime.ix)("var(--ds-background-neutral, ".concat(_colors.N20A, ")"))
-    }
+    className: (0, _runtime.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/cjs/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/cjs/view/EmbedCard/components/styled.js

@@ -14,13 +14,13 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _colors = require("@atlaskit/theme/colors");
 var _excluded = ["as", "style"],
   _excluded2 = ["as", "style"];
-/* eslint-disable @atlaskit/ui-styling-standard/no-dynamic-styles */
 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); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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) { (0, _defineProperty2.default)(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 */
+
 var className = exports.className = 'media-card-frame';
 var embedHeaderHeight = exports.embedHeaderHeight = 32;
 var getSizeWithUnit = function getSizeWithUnit() {
@@ -58,7 +58,7 @@ var Thumbnail = exports.Thumbnail = (0, _react.forwardRef)(function (_ref2, __cm
       "--_13orr8u": (0, _runtime.ix)("url(".concat(__cmplp.src, ")"))
     }),
     ref: __cmplr,
-    className: (0, _runtime.ax)(["_2rkofajl _1bsbckbl _4t3ickbl _1aaxusic _19pk1b66 _2hwxidpf _otyrutpp _18u0utpp _bfhkqrzy _1lrw1dfr _1itk2pcs", __cmplp.className])
+    className: (0, _runtime.ax)(["_2rkofajl _1bsbckbl _4t3ickbl _1aaxusic _19pk1b66 _2hwxidpf _otyrutpp _18u0utpp _bfhkizff _1lrw1dfr _1itk2pcs", __cmplp.className])
   }));
 });
 if (process.env.NODE_ENV !== 'production') {

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

@@ -14,7 +14,6 @@ var _reactIntlNext = require("react-intl-next");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
 var _compiled = require("@atlaskit/primitives/compiled");
-var _colors = require("@atlaskit/theme/colors");
 var _messages = require("../../../messages");
 var _ErrorFrame = require("../components/ErrorFrame");
 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); }
@@ -34,7 +33,7 @@ var EmbedCardErroredView = exports.EmbedCardErroredView = function EmbedCardErro
     isSelected: isSelected,
     testId: testId
   }, /*#__PURE__*/React.createElement(_statusError.default, {
-    color: "var(--ds-icon-danger, ".concat(_colors.R300, ")"),
+    color: "var(--ds-icon-danger, #C9372C)",
     label: "error-icon"
   }), /*#__PURE__*/React.createElement(_compiled.Box, {
     xcss: styles.boxStyles

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

@@ -169,7 +169,7 @@ var ActionButtonNew = function ActionButtonNew(_ref2) {
   }, []);
   return /*#__PURE__*/_react.default.createElement("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    className: (0, _runtime.ax)([size === _constants.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 === _constants.SmartLinkSize.Small && "_11c8wadc _k48p1wq8", size === _constants.SmartLinkSize.Small && iconOnly && "_1gfl1xvx _or3f1xvx _1ddv1xvx _1hha1xvx _yhjm1xvx _1trn1xvx _1fst1xvx _1xce1xvx _1gqn1xvx _1qdm1xvx _df2r1xvx _j1tw1xvx _11lv1xvx _192b1xvx _vbn71xvx _wfu31xvx", size === _constants.SmartLinkSize.Small && !iconOnly && "_11lvpdf9 _192bpdf9 _vbn7pdf9 _wfu3pdf9 _yhjmpdf9 _1trnpdf9 _1fstpdf9 _1xcepdf9", className]),
+    className: (0, _runtime.ax)([size === _constants.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 === _constants.SmartLinkSize.Small && "_11c8wadc _k48p1wq8", size === _constants.SmartLinkSize.Small && iconOnly && "_1gflv77o _or3fv77o _1ddvv77o _1hhav77o _yhjmv77o _1trnv77o _1fstv77o _1xcev77o _1gqnv77o _1qdmv77o _df2rv77o _j1twv77o _11lvv77o _192bv77o _vbn7v77o _wfu3v77o", size === _constants.SmartLinkSize.Small && !iconOnly && "_11lv1b66 _192b1b66 _vbn71b66 _wfu31b66 _yhjm1b66 _1trn1b66 _1fst1b66 _1xce1b66", className]),
     "data-testid": "".concat(testId, "-button-wrapper")
   }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     content: tooltipMessage,

package/dist/cjs/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/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/skeleton/main.js

@@ -9,7 +9,6 @@ exports.Skeleton = void 0;
 require("./main.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
-var _colors = require("@atlaskit/theme/colors");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var AutomationSkeletonContainer = null;
 var SkeletonContainer = null;
@@ -25,11 +24,7 @@ var SkeletonLine = function SkeletonLine() {
   }, /*#__PURE__*/React.createElement("div", {
     className: (0, _runtime.ax)(["_2rkov77o _19it5u6v _1bsbpxbi _4t3ipxbi _1e0c1o8l _bfhk1r31 _tzy4nh7s"])
   })), /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_1bsb13sl _4t3ipxbi _19pk1b66 _18u0utpp _5sag9cwz _1o51q7pw _tip812c5 _j7hq1nls _1pglp3kn _bfhk1uqo _1itk8aai _12vemgnk"]),
-    style: {
-      "--_1vab7it": (0, _runtime.ix)("var(--ds-skeleton, ".concat(_colors.N30, ")")),
-      "--_w76hiz": (0, _runtime.ix)("linear-gradient(to right, ".concat("var(--ds-skeleton, ".concat(_colors.N30, ")"), " 10%, ", "var(--ds-skeleton-subtle, ".concat(_colors.N20, ")"), " 30%, ", "var(--ds-skeleton, ".concat(_colors.N30, ")"), " 50%)"))
-    }
+    className: (0, _runtime.ax)(["_1bsb13sl _4t3ipxbi _19pk1b66 _18u0utpp _5sag9cwz _1o51q7pw _tip812c5 _j7hq1nls _1pglp3kn _bfhkizff _1itkx7de _12vemgnk"])
   }));
 };
 var getSkeletonLines = function getSkeletonLines(lineCount) {

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

@@ -10,7 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _goal = _interopRequireDefault(require("@atlaskit/icon/core/goal"));
 var GoalIcon = exports.GoalIcon = function GoalIcon(props) {
   return /*#__PURE__*/_react.default.createElement(_goal.default, (0, _extends2.default)({
-    color: "var(--ds-icon, #44546F)",
+    color: "var(--ds-icon, #292A2E)",
     spacing: "spacious"
   }, props));
 };

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

@@ -10,7 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _project = _interopRequireDefault(require("@atlaskit/icon/core/project"));
 var ProjectsIcon = exports.ProjectsIcon = function ProjectsIcon(props) {
   return /*#__PURE__*/_react.default.createElement(_project.default, (0, _extends2.default)({
-    color: "var(--ds-icon, #44546F)",
+    color: "var(--ds-icon, #292A2E)",
     spacing: "spacious"
   }, props));
 };

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

@@ -17,7 +17,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 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/cjs/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/cjs/view/FlexibleCard/components/blocks/ai-summary-block/feature-discovery/index.js

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

package/dist/cjs/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/cjs/view/FlexibleCard/components/common/loading-skeleton/index.js

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

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

@@ -43,7 +43,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 = {
@@ -68,9 +68,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/cjs/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/cjs/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-error/index.js

@@ -16,7 +16,6 @@ var _dropdownMenu = require("@atlaskit/dropdown-menu");
 var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
-var _colors = require("@atlaskit/theme/colors");
 var _useAnalyticsEvents2 = require("../../../../../../../../common/analytics/generated/use-analytics-events");
 var _messages = require("../../../../../../../../messages");
 var _useInvokeClientAction = _interopRequireDefault(require("../../../../../../../../state/hooks/use-invoke-client-action"));
@@ -24,7 +23,7 @@ var _utils = require("../../../../../utils");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var 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",
@@ -54,7 +53,7 @@ var LozengeActionError = function LozengeActionError(_ref) {
       className: (0, _runtime.ax)([styles.contentStyles])
     }, /*#__PURE__*/React.createElement(_statusError.default, {
       testId: "".concat(testId, "-icon"),
-      color: "var(--ds-icon-danger, ".concat(_colors.R500, ")"),
+      color: "var(--ds-icon-danger, #C9372C)",
       label: 'error',
       spacing: "spacious"
     }), /*#__PURE__*/React.createElement("span", {

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