@atlaskit/smart-card 43.25.14 → 43.25.16

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./index.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";

package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/assets/ellipses.js

@@ -1,4 +1,4 @@
-/* ellipses.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* ellipses.tsx generated by @compiled/babel-plugin v0.39.1 */
 // Copied from platform/packages/ai-mate/rovo-platform-ui-components/src/ui/primitives/ellipses-animation/EllipsesAnimation.tsx
 import "./ellipses.compiled.css";
 import * as React from 'react';

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

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

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

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

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
 import "./index.compiled.css";
 import * as React from 'react';

package/dist/esm/view/FlexibleCard/components/blocks/element-group/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 /* eslint-disable @atlaskit/design-system/use-tokens-typography */
 import "./index.compiled.css";
 import * as React from 'react';

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

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

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

@@ -0,0 +1,32 @@
+
+._7386ze3t *{gap:var(--ds-space-0,0)}
+._zulpidpf{gap:0}
+._zulpu2gc{gap:var(--ds-space-100,8px)}
+._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
+._1rjcutpp{padding-block:var(--ds-space-150,9pt)}
+._x3doj0fz{border-top:1px solid var(--ds-border,#0b120e24)}._10cuze3t *{margin-right:var(--ds-space-0,0)}
+._16jlkb7n{flex-grow:1}
+._17zize3t *{padding-left:var(--ds-space-0,0)}
+._18u01ivi{margin-left:calc(var(--container-gap-left)*-1)}
+._18u01wug{margin-left:auto}
+._19p4ze3t *{padding-right:var(--ds-space-0,0)}
+._1bah1y6m{justify-content:flex-start}
+._1bsb129b{width:calc(100% + var(--container-gap-left) + var(--container-gap-right))}
+._1e0c1txw{display:flex}
+._1o0z1mok{border-bottom-right-radius:var(--ds-radius-large,8px)}
+._2hwxc10g{margin-right:calc(var(--container-gap-right)*-1)}
+._3hv7ze3t *{column-gap:var(--ds-space-0,0)}
+._4cvr1h6o{align-items:center}
+._4t3i1ejb{height:var(--ds-space-300,24px)}
+._4t3ioahv{height:var(--ds-space-600,3pc)}
+._6syfze3t *{row-gap:var(--ds-space-0,0)}
+._6zimze3t *{padding-top:var(--ds-space-0,0)}
+._7hiu1ejb *{max-height:var(--ds-space-300,24px)}
+._bfhkhfxm{background-color:var(--ds-surface-sunken,#f8f8f8)}
+._f9lhze3t *{padding-bottom:var(--ds-space-0,0)}
+._mrkb1mok{border-bottom-left-radius:var(--ds-radius-large,8px)}
+._otyr1ya9{margin-bottom:calc(var(--container-padding)*-1)}
+._rvy9ze3t *{margin-top:var(--ds-space-0,0)}
+._ue4dze3t *{margin-bottom:var(--ds-space-0,0)}
+._vchhusvi{box-sizing:border-box}
+._zgrbze3t *{margin-left:var(--ds-space-0,0)}

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

@@ -0,0 +1,78 @@
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["testId", "onActionClick", "hideProvider"];
+import "./index.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { useMemo } from 'react';
+import { ActionName } from '../../../../../constants';
+import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import * as Actions from '../../actions';
+import { Provider } from '../../elements';
+import Block from '../block';
+/**
+ * Allowed footer actions for HoverCard, in display order. Fetched from context.
+ * @featureGate platform_sl_3p_auth_rovo_action_kill_switch
+ */
+var ALLOWED_HOVER_CARD_FOOTER_ACTIONS = [ActionName.CopyLinkAction, ActionName.PreviewAction, ActionName.AutomationAction];
+var ignoreContainerMarginStyles = null;
+var elevatedFooterStyles = null;
+var providerStyles = null;
+var actionsStyles = null;
+
+/**
+ * Footer block for HoverCard resolved view: Provider on the left, ActionGroup (up to 4 actions) on the right.
+ * @internal
+ * @param {ResolvedHoverCardFooterBlockProps} ResolvedHoverCardFooterBlockProps
+ * @see Block
+ */
+var ResolvedHoverCardFooterBlock = function ResolvedHoverCardFooterBlock(_ref) {
+  var _props$size, _cardContext$ui;
+  var _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-hover-card-footer-block' : _ref$testId,
+    onActionClick = _ref.onActionClick,
+    hideProvider = _ref.hideProvider,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var cardContext = useFlexibleCardContext();
+  var context = useFlexibleUiContext();
+  var size = (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : cardContext === null || cardContext === void 0 || (_cardContext$ui = cardContext.ui) === null || _cardContext$ui === void 0 ? void 0 : _cardContext$ui.size;
+  var actions = useMemo(function () {
+    if (!(context !== null && context !== void 0 && context.actions)) {
+      return [];
+    }
+    var arr = Object.keys(context.actions);
+    arr = arr.filter(function (name) {
+      return ALLOWED_HOVER_CARD_FOOTER_ACTIONS.includes(name);
+    });
+    return arr.map(function (name) {
+      var Action = name in Actions ? Actions[name] : undefined;
+      return Action ? /*#__PURE__*/React.createElement(Action, {
+        key: name,
+        as: "stack-item",
+        content: "",
+        testId: "".concat(testId, "-").concat(name),
+        onClick: function onClick() {
+          return onActionClick === null || onActionClick === void 0 ? void 0 : onActionClick(name);
+        },
+        size: size
+      }) : null;
+    });
+  }, [context === null || context === void 0 ? void 0 : context.actions, onActionClick, testId, size]);
+  return /*#__PURE__*/React.createElement(Block, _extends({}, props, {
+    size: size,
+    testId: "".concat(testId, "-resolved-view"),
+    className: ax(["_18zrpxbi _1rjcutpp _vchhusvi _1bsb129b _18u01ivi _2hwxc10g _otyr1ya9 _4t3ioahv", "_zulpu2gc _x3doj0fz _bfhkhfxm _mrkb1mok _1o0z1mok"])
+  }), !hideProvider && /*#__PURE__*/React.createElement("div", {
+    className: ax(["_4t3i1ejb _1e0c1txw _4cvr1h6o _1bah1y6m _vchhusvi _16jlkb7n"])
+  }, /*#__PURE__*/React.createElement(Provider, {
+    appearance: "subtle",
+    testId: "".concat(testId, "-provider"),
+    iconSize: "large"
+  })), actions.length > 0 ? /*#__PURE__*/React.createElement("div", {
+    "data-testid": "".concat(testId, "-actions"),
+    className: ax(["_zulpidpf _1e0c1txw _18u01wug _4cvr1h6o _vchhusvi _7386ze3t _7hiu1ejb _17zize3t _19p4ze3t _6zimze3t _f9lhze3t _rvy9ze3t _ue4dze3t _zgrbze3t _10cuze3t _6syfze3t _3hv7ze3t"])
+  }, actions) : null);
+};
+export default ResolvedHoverCardFooterBlock;

package/dist/esm/view/FlexibleCard/components/blocks/hover-card-footer-block/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/view/FlexibleCard/components/blocks/index.js

@@ -9,4 +9,5 @@ export { default as CustomBlock } from './block';
 export { default as InternalFooterBlock } from './footer-block/resolved';
 export { default as AISummaryBlock } from './ai-summary-block';
 export { default as AIFooterBlock } from './ai-footer-block';
+export { default as ResolvedHoverCardFooterBlock } from './hover-card-footer-block';
 export { default as ActionBlock } from './action-block';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["maxLines", "testId", "primary", "secondary"];

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";

package/dist/esm/view/FlexibleCard/components/blocks/title-block/errored/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["actionGroup", "hideRetry", "retry", "position", "testId", "title", "icon", "hideIcon", "CompetitorPrompt"];

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";

package/dist/esm/view/FlexibleCard/components/blocks/title-block/resolved/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "icon", "title", "metadataPosition", "hideIcon", "CompetitorPrompt", "url", "hideIconLoadingSkeleton"];

package/dist/esm/view/FlexibleCard/components/common/image-icon/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./index.compiled.css";
 import * as React from 'react';

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

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

package/dist/esm/view/FlexibleCard/components/container/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
 /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
 import "./index.compiled.css";

package/dist/esm/view/FlexibleCard/components/container/layered-link/index.js

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

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

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

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./index.compiled.css";
 import * as React from 'react';

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

@@ -1,30 +1,38 @@
 ._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)}
 ._zulp1b66{gap:var(--ds-space-050,4px)}
+._zulpu2gc{gap:var(--ds-space-100,8px)}
 ._14bqze3t img{padding-top:var(--ds-space-0,0)}
+._17521tcg svg{height:24px}
 ._17527vkz svg{height:1pc}
 ._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._1b94116y span{display:inline-flex}
+._1bsb1tcg{width:24px}
 ._1bsb7vkz{width:1pc}
 ._1e0c116y{display:inline-flex}
 ._1ii7116y svg{display:inline-flex}
 ._1m2uze3t span{padding-bottom:var(--ds-space-0,0)}
 ._1oh2ze3t span{padding-top:var(--ds-space-0,0)}
 ._1ul91ns9{min-width:-moz-fit-content;min-width:fit-content}
+._1xjx1tcg span{height:24px}
 ._1xjx7vkz span{height:1pc}
 ._1xr1ze3t img{padding-left:var(--ds-space-0,0)}
 ._1ym6ze3t img{padding-bottom:var(--ds-space-0,0)}
 ._3tceze3t img{padding-right:var(--ds-space-0,0)}
 ._4cvr1h6o{align-items:center}
+._4t3i1tcg{height:24px}
 ._4t3i7vkz{height:1pc}
 ._5jw9ze3t svg{padding-bottom:var(--ds-space-0,0)}
 ._7wy9ze3t svg{padding-left:var(--ds-space-0,0)}
 ._99ztze3t span{padding-right:var(--ds-space-0,0)}
 ._9n9oze3t span{padding-left:var(--ds-space-0,0)}
+._bna71tcg img{height:24px}
 ._bna77vkz img{height:1pc}
 ._ca0qze3t{padding-top:var(--ds-space-0,0)}
+._e2oo1tcg span{width:24px}
 ._e2oo7vkz span{width:1pc}
 ._e4kmnkob span{vertical-align:middle}
 ._i2i3ze3t svg{padding-top:var(--ds-space-0,0)}
+._mezj1tcg img{width:24px}
 ._mezj7vkz img{width:1pc}
 ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
 ._rtqbnkob img{vertical-align:middle}
@@ -34,5 +42,6 @@
 ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
 ._uhasze3t svg{padding-right:var(--ds-space-0,0)}
 ._v4pn116y img{display:inline-flex}
+._w8l51tcg svg{width:24px}
 ._w8l57vkz svg{width:1pc}
 ._z239nkob svg{vertical-align:middle}

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _messageMapper;
 import "./index.compiled.css";
@@ -6,17 +6,20 @@ import { ax, ix } from "@compiled/react/runtime";
 /* eslint-disable @atlaskit/design-system/use-tokens-typography */
 
 import React, { forwardRef } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
-import { IconType } from '../../../../../../constants';
+import { IconType, InternalActionName } from '../../../../../../constants';
 import { messages } from '../../../../../../messages';
-import { useFlexibleUiOptionContext } from '../../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../../state/flexible-ui-context';
 import AtlaskitIcon from '../../../common/atlaskit-icon';
 import ImageIcon from '../../../common/image-icon';
 import { withOverrideCss } from '../../../common/with-override-css';
 import { getFormattedMessage } from '../../../utils';
 var styles = {
   container: "_zulp1b66 _1e0c116y _4cvr1h6o _1ul91ns9",
+  containerLarge: "_zulpu2gc _1e0c116y _4cvr1h6o _1ul91ns9",
   icon: "_1e0c116y _v4pn116y _1b94116y _1ii7116y _4t3i7vkz _bna77vkz _1xjx7vkz _17527vkz _ca0qze3t _14bqze3t _1oh2ze3t _i2i3ze3t _u5f3ze3t _3tceze3t _99ztze3t _uhasze3t _n3tdze3t _1ym6ze3t _1m2uze3t _5jw9ze3t _19bvze3t _1xr1ze3t _9n9oze3t _7wy9ze3t _1bsb7vkz _mezj7vkz _e2oo7vkz _w8l57vkz _s7n4nkob _rtqbnkob _e4kmnkob _z239nkob",
+  iconLarge: "_4t3i1tcg _bna71tcg _1xjx1tcg _17521tcg _1bsb1tcg _mezj1tcg _e2oo1tcg _w8l51tcg",
   text: "_11c8wadc"
 };
 var colorMap = {
@@ -76,13 +79,40 @@ var BaseBadgeRefreshNew = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-element-badge' : _ref$testId,
     url = _ref.url,
-    color = _ref.color;
+    color = _ref.color,
+    _ref$iconSize = _ref.iconSize,
+    iconSize = _ref$iconSize === void 0 ? 'default' : _ref$iconSize;
   var ui = useFlexibleUiOptionContext();
   var formattedMessageOrLabel = getFormattedMessageFromIcon(icon) || label;
   var badgeIcon = renderAtlaskitIcon(icon, testId) || renderImageIcon(url, testId, ui === null || ui === void 0 ? void 0 : ui.hideLoadingSkeleton);
   if (!formattedMessageOrLabel || !badgeIcon) {
     return null;
   }
+  if (iconSize === 'large' && fg('platform_sl_3p_auth_rovo_action_kill_switch')) {
+    var _context$actions;
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    var context = useFlexibleUiContext();
+    if ((context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[InternalActionName.RovoChatAction]) === true) {
+      return /*#__PURE__*/React.createElement("span", {
+        "data-smart-element": name,
+        "data-smart-element-badge": true,
+        "data-testid": testId,
+        ref: ref,
+        style: {
+          color: color
+        },
+        className: ax([styles.containerLarge, colorMap[appearance]])
+      }, !hideIcon && /*#__PURE__*/React.createElement(Box, {
+        as: "span",
+        testId: "".concat(testId, "-large-icon-wrapper"),
+        xcss: styles.icon && styles.iconLarge
+      }, badgeIcon), /*#__PURE__*/React.createElement(Box, {
+        as: "span",
+        testId: "".concat(testId, "-label"),
+        xcss: styles.text
+      }, formattedMessageOrLabel));
+    }
+  }
   return /*#__PURE__*/React.createElement("span", {
     "data-smart-element": name,
     "data-smart-element-badge": true,

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

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

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _typeof from "@babel/runtime/helpers/typeof";
 import "./index.compiled.css";

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

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

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
@@ -42,10 +42,9 @@ var BaseLozengeElement = function BaseLozengeElement(_ref) {
     zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex,
     onAfterChanged: onAfterChanged
   })) : /*#__PURE__*/React.createElement(AtlaskitLozenge, _extends({
-    appearance: appearance
-  }, fg('platform-component-visual-refresh') ? {
+    appearance: appearance,
     isBold: true
-  } : undefined, fg('platform_navx_sl_lozenge_max_width') ? {
+  }, fg('platform_navx_sl_lozenge_max_width') ? {
     maxWidth: maxWidth
   } : undefined, {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766

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

@@ -1,19 +1,15 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React, { useMemo } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import Lozenge from '@atlaskit/lozenge';
-import { fg } from '@atlaskit/platform-feature-flags';
 var withErrorBoundary = function withErrorBoundary(Component) {
   return function (props) {
     var fallback = useMemo(function () {
       var _props$testId;
-      return /*#__PURE__*/React.createElement(Lozenge, _extends({
-        appearance: props === null || props === void 0 ? void 0 : props.appearance
-      }, fg('platform-component-visual-refresh') ? {
-        isBold: true
-      } : undefined, {
+      return /*#__PURE__*/React.createElement(Lozenge, {
+        appearance: props === null || props === void 0 ? void 0 : props.appearance,
+        isBold: true,
         testId: "".concat((_props$testId = props === null || props === void 0 ? void 0 : props.testId) !== null && _props$testId !== void 0 ? _props$testId : 'smart-element-lozenge-action', "-fallback")
-      }), props === null || props === void 0 ? void 0 : props.text);
+      }, props === null || props === void 0 ? void 0 : props.text);
     }, [props === null || props === void 0 ? void 0 : props.appearance, props === null || props === void 0 ? void 0 : props.testId, props === null || props === void 0 ? void 0 : props.text]);
     return /*#__PURE__*/React.createElement(ErrorBoundary, {
       fallback: fallback

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

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

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

@@ -1,8 +1,6 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import { DropdownItem } from '@atlaskit/dropdown-menu';
 import Lozenge from '@atlaskit/lozenge';
-import { fg } from '@atlaskit/platform-feature-flags';
 var LozengeActionItem = function LozengeActionItem(_ref) {
   var appearance = _ref.appearance,
     id = _ref.id,
@@ -30,11 +28,10 @@ var LozengeActionItem = function LozengeActionItem(_ref) {
     }, /*#__PURE__*/React.createElement(DropdownItem, {
       onClick: handleClick,
       testId: testId
-    }, /*#__PURE__*/React.createElement(Lozenge, _extends({
-      appearance: appearance
-    }, fg('platform-component-visual-refresh') ? {
+    }, /*#__PURE__*/React.createElement(Lozenge, {
+      appearance: appearance,
       isBold: true
-    } : undefined), text)))
+    }, text)))
   );
 };
 export default LozengeActionItem;

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

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

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
@@ -35,26 +35,16 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
   var intl = useIntl();
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    isHovering = _useState2[0],
-    setIsHovering = _useState2[1];
-  var _useState3 = useState(false),
+    isPressing = _useState2[0],
+    setIsPressing = _useState2[1];
+  var _useState3 = useState(undefined),
     _useState4 = _slicedToArray(_useState3, 2),
-    isPressing = _useState4[0],
-    setIsPressing = _useState4[1];
+    lozengeBackgroundColor = _useState4[0],
+    setLozengeBackgroundColor = _useState4[1];
   var _useState5 = useState(undefined),
     _useState6 = _slicedToArray(_useState5, 2),
-    lozengeBackgroundColor = _useState6[0],
-    setLozengeBackgroundColor = _useState6[1];
-  var _useState7 = useState(undefined),
-    _useState8 = _slicedToArray(_useState7, 2),
-    lozengeForegroundColor = _useState8[0],
-    setLozengeForegroundColor = _useState8[1];
-  var onMouseEnter = useCallback(function () {
-    return setIsHovering(true);
-  }, []);
-  var onMouseLeave = useCallback(function () {
-    return setIsHovering(false);
-  }, []);
+    lozengeForegroundColor = _useState6[0],
+    setLozengeForegroundColor = _useState6[1];
   var onMouseOrKeyDown = useCallback(function () {
     return setIsPressing(true);
   }, []);
@@ -66,24 +56,20 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
       setLozengeBackgroundColor("var(--ds-background-selected-pressed, #8FB8F6)");
       setLozengeForegroundColor("var(--ds-text-selected, #1868DB)");
     } else if (isOpen) {
-      if (isHovering) {
-        setLozengeBackgroundColor("var(--ds-background-selected-hovered, #CFE1FD)");
-      } else {
-        setLozengeBackgroundColor("var(--ds-background-selected, #E9F2FE)");
-      }
+      setLozengeBackgroundColor("var(--ds-background-selected, #E9F2FE)");
       setLozengeForegroundColor("var(--ds-text-selected, #1868DB)");
     } else {
       setLozengeBackgroundColor(undefined);
       setLozengeForegroundColor(undefined);
     }
-  }, [isPressing, isOpen, isHovering]);
+  }, [isPressing, isOpen]);
   var lozenge = useMemo(function () {
     return /*#__PURE__*/React.createElement(Box, {
       xcss: cx(styles.lozengeContainer, (isOpen || isPressing) && styles.lozengeContainerSelected),
       as: "span"
     }, /*#__PURE__*/React.createElement(Lozenge, _extends({
       appearance: appearance,
-      isBold: fg('platform-component-visual-refresh') ? true : isHovering
+      isBold: true
     }, fg('platform_navx_sl_lozenge_max_width') ? {
       maxWidth: maxWidth
     } : undefined, {
@@ -105,7 +91,7 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
       size: "small",
       "aria-hidden": true
     })))));
-  }, [appearance, isHovering, isPressing, text, isOpen, lozengeBackgroundColor, lozengeForegroundColor, maxWidth]);
+  }, [appearance, isPressing, text, isOpen, lozengeBackgroundColor, lozengeForegroundColor, maxWidth]);
   return /*#__PURE__*/React.createElement("button", _extends({
     type: "button"
   }, props, {
@@ -113,13 +99,7 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
     "data-testid": "".concat(testId, "--trigger"),
     style: {
       maxWidth: fg('platform_navx_sl_lozenge_max_width') ? maxWidth : undefined
-    }
-    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-    ,
-    onMouseEnter: onMouseEnter
-    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-    ,
-    onMouseLeave: onMouseLeave,
+    },
     onMouseDown: onMouseOrKeyDown,
     onMouseUp: onMouseOrKeyUp,
     onKeyDown: onMouseOrKeyDown,

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

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

package/dist/esm/view/FlexibleCard/components/elements/custom-by-access-type-element/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "testId"];

package/dist/esm/view/FlexibleCard/components/elements/media-element/index.js

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

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["content", "maxLines", "className"];

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

@@ -1,4 +1,4 @@
-/* ContentContainer.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* ContentContainer.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";

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

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