@atlaskit/smart-card 43.25.14 → 43.25.16

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

@@ -0,0 +1,72 @@
+/* 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';
+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
+ */
+const ALLOWED_HOVER_CARD_FOOTER_ACTIONS = [ActionName.CopyLinkAction, ActionName.PreviewAction, ActionName.AutomationAction];
+const ignoreContainerMarginStyles = null;
+const elevatedFooterStyles = null;
+const providerStyles = null;
+const 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
+ */
+const ResolvedHoverCardFooterBlock = ({
+  testId = 'smart-hover-card-footer-block',
+  onActionClick,
+  hideProvider,
+  ...props
+}) => {
+  var _props$size, _cardContext$ui;
+  const cardContext = useFlexibleCardContext();
+  const context = useFlexibleUiContext();
+  const size = (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$ui = cardContext.ui) === null || _cardContext$ui === void 0 ? void 0 : _cardContext$ui.size;
+  const actions = useMemo(() => {
+    if (!(context !== null && context !== void 0 && context.actions)) {
+      return [];
+    }
+    let arr = Object.keys(context.actions);
+    arr = arr.filter(name => ALLOWED_HOVER_CARD_FOOTER_ACTIONS.includes(name));
+    return arr.map(name => {
+      const Action = name in Actions ? Actions[name] : undefined;
+      return Action ? /*#__PURE__*/React.createElement(Action, {
+        key: name,
+        as: "stack-item",
+        content: "",
+        testId: `${testId}-${name}`,
+        onClick: () => 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: `${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: `${testId}-provider`,
+    iconSize: "large"
+  })), actions.length > 0 ? /*#__PURE__*/React.createElement("div", {
+    "data-testid": `${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/es2019/view/FlexibleCard/components/blocks/hover-card-footer-block/types.js

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

package/dist/es2019/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/es2019/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 "./index.compiled.css";
 import * as React from 'react';

package/dist/es2019/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 "./index.compiled.css";
 import * as React from 'react';

package/dist/es2019/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 "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/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 "./index.compiled.css";
 import * as React from 'react';

package/dist/es2019/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 "./index.compiled.css";
 import * as React from 'react';

package/dist/es2019/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 "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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 "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,19 +1,22 @@
-/* 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 { ax, ix } from "@compiled/react/runtime";
 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';
 const 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"
 };
 const colorMap = {
@@ -82,7 +85,8 @@ const BaseBadgeRefreshNew = /*#__PURE__*/forwardRef(({
   name,
   testId = 'smart-element-badge',
   url,
-  color
+  color,
+  iconSize = 'default'
 }, ref) => {
   const ui = useFlexibleUiOptionContext();
   const formattedMessageOrLabel = getFormattedMessageFromIcon(icon) || label;
@@ -90,6 +94,31 @@ const BaseBadgeRefreshNew = /*#__PURE__*/forwardRef(({
   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
+    const context = useFlexibleUiContext();
+    if ((context === null || context === void 0 ? 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
+        },
+        className: ax([styles.containerLarge, colorMap[appearance]])
+      }, !hideIcon && /*#__PURE__*/React.createElement(Box, {
+        as: "span",
+        testId: `${testId}-large-icon-wrapper`,
+        xcss: styles.icon && styles.iconLarge
+      }, badgeIcon), /*#__PURE__*/React.createElement(Box, {
+        as: "span",
+        testId: `${testId}-label`,
+        xcss: styles.text
+      }, formattedMessageOrLabel));
+    }
+  }
   return /*#__PURE__*/React.createElement("span", {
     "data-smart-element": name,
     "data-smart-element-badge": true,

package/dist/es2019/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/es2019/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 */
 /* eslint-disable @compiled/shorthand-property-sorting */
 /* eslint-disable @atlaskit/design-system/use-tokens-typography */
 /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */

package/dist/es2019/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/es2019/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';
@@ -41,10 +41,9 @@ const BaseLozengeElement = ({
     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
   } : undefined, {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766

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

@@ -1,18 +1,14 @@
-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';
 const withErrorBoundary = Component => props => {
   const fallback = useMemo(() => {
     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: `${(_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/es2019/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/es2019/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';
 const LozengeActionItem = ({
   appearance,
   id,
@@ -31,11 +29,10 @@ const LozengeActionItem = ({
     }, /*#__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/es2019/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/es2019/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 "./index.compiled.css";
 import * as React from 'react';
@@ -31,12 +31,9 @@ const LozengeActionTrigger = ({
   ...props
 }) => {
   const intl = useIntl();
-  const [isHovering, setIsHovering] = useState(false);
   const [isPressing, setIsPressing] = useState(false);
   const [lozengeBackgroundColor, setLozengeBackgroundColor] = useState(undefined);
   const [lozengeForegroundColor, setLozengeForegroundColor] = useState(undefined);
-  const onMouseEnter = useCallback(() => setIsHovering(true), []);
-  const onMouseLeave = useCallback(() => setIsHovering(false), []);
   const onMouseOrKeyDown = useCallback(() => setIsPressing(true), []);
   const onMouseOrKeyUp = useCallback(() => setIsPressing(false), []);
   useEffect(() => {
@@ -44,24 +41,20 @@ const LozengeActionTrigger = ({
       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]);
   const lozenge = useMemo(() => {
     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
     } : undefined, {
@@ -83,7 +76,7 @@ const LozengeActionTrigger = ({
       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, {
@@ -91,13 +84,7 @@ const LozengeActionTrigger = ({
     "data-testid": `${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/es2019/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/es2019/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 "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/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/es2019/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 "./index.compiled.css";
 import * as React from 'react';

package/dist/es2019/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 "./ContentContainer.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.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/es2019/view/HoverCard/components/views/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 { ax, ix } from "@compiled/react/runtime";
@@ -12,7 +12,7 @@ import { succeedUfoExperience } from '../../../../../state/analytics';
 import useAISummaryAction from '../../../../../state/hooks/use-ai-summary-action';
 import useRovoConfig from '../../../../../state/hooks/use-rovo-config';
 import FlexibleCard from '../../../../FlexibleCard';
-import { ActionBlock, AIFooterBlock, AISummaryBlock, MetadataBlock, SnippetBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
+import { ActionBlock, AIFooterBlock, AISummaryBlock, ResolvedHoverCardFooterBlock, MetadataBlock, SnippetBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
 import { RovoSummaryBlock } from '../../../../FlexibleCard/components/blocks/ai-summary-block';
 import { getMetadata } from '../../../utils';
 import ImagePreview from '../../ImagePreview';
@@ -103,6 +103,8 @@ const HoverCardResolvedView = ({
     spaceInline: "space.100",
     hideAISummaryAction: isRovoSummaryEnabled,
     className: ax(["_n3td1b66"])
-  }), /*#__PURE__*/React.createElement(AIFooterBlock, null));
+  }), isRovoSummaryEnabled ? /*#__PURE__*/React.createElement(ResolvedHoverCardFooterBlock, {
+    onActionClick: onActionClick
+  }) : /*#__PURE__*/React.createElement(AIFooterBlock, null));
 };
 export default HoverCardResolvedView;

package/dist/es2019/view/HoverCard/components/views/resolving/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/es2019/view/HoverCard/components/views/unauthorised/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/es2019/view/InlineCard/ErroredView/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 { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';

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

@@ -1,11 +1,10 @@
-/* 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";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Pressable } from '@atlaskit/primitives/compiled';
 import { N500 } from '@atlaskit/theme/colors';
 import { messages } from '../../../messages';
@@ -79,11 +78,10 @@ export const InlineCardForbiddenView = ({
           font: `inherit`
         },
         testId: "button-connect-other-account"
-      }, /*#__PURE__*/React.createElement(InlineLozenge, _extends({
-        appearance: "moved"
-      }, fg('platform-component-visual-refresh') ? {
+      }, /*#__PURE__*/React.createElement(InlineLozenge, {
+        appearance: "moved",
         isBold: true
-      } : undefined), renderForbiddenAccessMessage()));
+      }, renderForbiddenAccessMessage()));
     }
     return null;
   }, [handleRetry, hasRequestAccessContextMessage, onAuthorise, renderForbiddenAccessMessage, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.accessType]);

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

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

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

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

package/dist/es2019/view/InlineCard/IconAndTitleLayout/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 { forwardRef } from 'react';