@atlaskit/smart-card 43.29.3 → 43.30.1

package/dist/es2019/view/InlineCard/common/action-button/index.compiled.css

@@ -1,3 +1,7 @@
+
+._1s7zia51{border-right:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
+._n7zlia51{border-bottom:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
+._x3doia51{border-top:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}._13liidpf{border-top-left-radius:0}
 ._13lilb4i{border-top-left-radius:var(--ds-radius-xsmall,2px)}
 ._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}
 ._19bv12x7{padding-left:var(--ds-space-075,6px)}
@@ -7,6 +11,7 @@
 ._1o0zlb4i{border-bottom-right-radius:var(--ds-radius-xsmall,2px)}
 ._1y1m1u8q{background-clip:padding-box}
 ._2hwxt94y{margin-right:1px}
+._2hwxv77o{margin-right:var(--ds-space-025,2px)}
 ._80om13gf{cursor:not-allowed}
 ._80omtlke{cursor:pointer}
 ._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
@@ -16,16 +21,19 @@
 ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
 ._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
+._mrkbidpf{border-bottom-left-radius:0}
 ._mrkblb4i{border-bottom-left-radius:var(--ds-radius-xsmall,2px)}
 ._n3tdt94y{padding-bottom:1px}
 ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
 ._o5721btx{white-space:break-spaces}
+._o5721q9c{white-space:nowrap}
 ._qrwqlb4i{border-top-right-radius:var(--ds-radius-xsmall,2px)}
 ._syaz15cr{color:var(--ds-text-inverse,#fff)}
 ._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
 ._u5f312x7{padding-right:var(--ds-space-075,6px)}
 ._y3gn18uv{text-align:initial}
+._4cvxq98m:hover{border-color:var(--ds-border-selected,#1868db)}
 ._irr31q28:hover{background-color:var(--ds-background-selected-bold-hovered,#1558bc)}
 ._irr3plhp:hover{background-color:var(--ds-background-neutral-hovered,#0b120e24)}
 ._1di612kk:active{background-color:var(--ds-background-selected-bold-pressed,#123263)}

package/dist/es2019/view/InlineCard/common/action-button/index.js

@@ -10,7 +10,8 @@ const styles = {
   innerContainer: "_1e0c1nu9 _1y1m1u8q _16d9qvcn _k48p1wq8 _19bv12x7 _ca0qv77o _n3tdv77o _u5f312x7 _y3gn18uv _o5721btx _1nmz9jpi",
   enabled: "_syazi7uo _80omtlke _bfhki8nm _irr3plhp _1di61gdz",
   disabled: "_syaz1gmx _80om13gf _bfhkby5v",
-  unauthorised: "_syaz15cr _80omtlke _bfhkjmqp _qrwqlb4i _1o0zlb4i _13lilb4i _mrkblb4i _ca0qt94y _n3tdt94y _2hwxt94y _k48pi7a9 _irr31q28 _1di612kk"
+  unauthorised: "_syaz15cr _80omtlke _bfhkjmqp _qrwqlb4i _1o0zlb4i _13lilb4i _mrkblb4i _ca0qt94y _n3tdt94y _2hwxt94y _k48pi7a9 _irr31q28 _1di612kk",
+  action: "_x3doia51 _1s7zia51 _n7zlia51 _syaz15cr _80omtlke _bfhkjmqp _qrwqlb4i _1o0zlb4i _13liidpf _mrkbidpf _2hwxv77o _k48pi7a9 _o5721q9c _4cvxq98m _irr31q28 _1di612kk"
 };
 /**
  * Action button has to be a span for the overflow to work correctly

package/dist/es2019/view/InlineCard/common/rovo-actions-button/index.compiled.css

@@ -0,0 +1,15 @@
+
+._v564hlhx{transition:max-width .3s ease-in-out,padding-right .3s ease-in-out}._154iidpf{top:0}
+._18m915vq{overflow-y:hidden}
+._1e0c1nu9{display:inline}
+._1e0c1o8l{display:inline-block}
+._1pbykb7n{z-index:1}
+._1reo15vq{overflow-x:hidden}
+._1xi2idpf{right:0}
+._kqswh2mm{position:relative}
+._kqswstnw{position:absolute}
+._o5721q9c{white-space:nowrap}
+._p12fidpf{max-width:0}
+._p12fuuw1{max-width:200px}
+._s7n4jp4b{vertical-align:top}
+._u5f31b66{padding-right:var(--ds-space-050,4px)}

package/dist/es2019/view/InlineCard/common/rovo-actions-button/index.js

@@ -0,0 +1,78 @@
+/* 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, { useState } from 'react';
+import { useIntl } from 'react-intl-next';
+import { cx } from '@atlaskit/css';
+import RovoChatIcon from '@atlaskit/icon/core/rovo-chat';
+import Popup from '@atlaskit/popup';
+import { Box } from '@atlaskit/primitives/compiled';
+import { messages } from '../../../../messages';
+import AIPrism from '../../../common/ai-prism';
+import { ActionButton } from '../action-button';
+import { RovoPostAuthActionsModal } from '../rovo-post-auth-actions-modal';
+const styles = {
+  wrapper: "_kqswh2mm _1e0c1o8l",
+  expanded: "_kqswstnw _154iidpf _1xi2idpf _1e0c1nu9 _o5721q9c _1pbykb7n",
+  expandedText: "_1reo15vq _18m915vq _v564hlhx _1e0c1o8l _p12fidpf _s7n4jp4b _o5721q9c",
+  expandedTextVisible: "_p12fuuw1 _u5f31b66"
+};
+export const RovoActionsButton = ({
+  onClick,
+  testId,
+  title = '',
+  url = ''
+}) => {
+  const [isHovered, setIsHovered] = useState(false);
+  const [isPopupOpen, setIsPopupOpen] = useState(false);
+  const {
+    formatMessage
+  } = useIntl();
+  const handleClick = e => {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsPopupOpen(prev => !prev);
+    onClick === null || onClick === void 0 ? void 0 : onClick(e);
+  };
+  return /*#__PURE__*/React.createElement(Popup, {
+    isOpen: isPopupOpen,
+    onClose: () => setIsPopupOpen(false),
+    placement: "right-start",
+    content: () => /*#__PURE__*/React.createElement(AIPrism, {
+      isVisible: true,
+      isMoving: true,
+      isGlowing: true
+    }, /*#__PURE__*/React.createElement(RovoPostAuthActionsModal, {
+      title: title,
+      url: url,
+      testId: testId && `${testId}-popup`
+    })),
+    trigger: triggerProps => /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.wrapper,
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
+      onFocus: () => setIsHovered(true),
+      onBlur: () => setIsHovered(false)
+    }, /*#__PURE__*/React.createElement(ActionButton, _extends({
+      onClick: handleClick,
+      viewType: "action",
+      testId: testId
+    }, triggerProps), /*#__PURE__*/React.createElement(RovoChatIcon, {
+      label: "Rovo",
+      color: "var(--ds-icon-inverse, #FFFFFF)",
+      size: "small"
+    })), /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.expanded
+    }, /*#__PURE__*/React.createElement(ActionButton, _extends({
+      onClick: handleClick,
+      viewType: "action"
+    }, triggerProps), /*#__PURE__*/React.createElement(Box, {
+      xcss: cx(styles.expandedText, isHovered && styles.expandedTextVisible)
+    }, formatMessage(messages.rovo_actions_explore)), /*#__PURE__*/React.createElement(RovoChatIcon, {
+      label: "Rovo",
+      color: "var(--ds-icon-inverse, #FFFFFF)",
+      size: "small"
+    }))))
+  });
+};

package/dist/es2019/view/InlineCard/common/rovo-post-auth-actions-modal/index.compiled.css

@@ -0,0 +1,41 @@
+._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)}
+._19it1cdj{border:var(--ds-border-width,1px) solid var(--ds-border-accent-lime,#6a9a23)}
+._19it1kc4{border:var(--ds-border-width,1px) solid var(--ds-border-accent-orange,#e06c00)}
+._19itia51{border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
+._19itnf5y{border:var(--ds-border-width,1px) solid var(--ds-border-accent-purple,#af59e1)}
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}
+._2rkopb1k{border-radius:var(--ds-radius-xlarge,9pt)}
+._zulpu2gc{gap:var(--ds-space-100,8px)}
+._195gpxbi{margin-inline:var(--ds-space-200,1pc)}
+._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
+._18m915vq{overflow-y:hidden}
+._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
+._19bvutpp{padding-left:var(--ds-space-150,9pt)}
+._1bsb1kdj{width:25pc}
+._1bsb1ns9{width:-moz-fit-content;width:fit-content}
+._1e0c1bgi{display:contents}
+._1e0c1txw{display:flex}
+._1reo15vq{overflow-x:hidden}
+._2lx21bp4{flex-direction:column}
+._4cvr1h6o{align-items:center}
+._4t3it94y{height:1px}
+._80omtlke{cursor:pointer}
+._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
+._bfhkf5uh{background-color:var(--ds-background-accent-orange-subtlest,#fff5db)}
+._bfhkhfxm{background-color:var(--ds-surface-sunken,#f8f8f8)}
+._bfhkm890{background-color:var(--ds-background-accent-lime-subtlest,#efffd6)}
+._bfhkp2ly{background-color:var(--ds-background-accent-purple-subtlest,#f8eefe)}
+._bfhkplhp{background-color:var(--ds-background-neutral-hovered,#0b120e24)}
+._ca0q1b66{padding-top:var(--ds-space-050,4px)}
+._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
+._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
+._k48pwu06{font-weight:var(--ds-font-weight-bold,653)}
+._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
+._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
+._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
+._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
+._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
+._irr319yr:hover{background-color:var(--ds-background-accent-orange-subtlest-hovered,#fce4a6)}
+._irr3d4y8:hover{background-color:var(--ds-background-accent-lime-subtlest-hovered,#d3f1a7)}
+._irr3kca2:hover{background-color:var(--ds-background-accent-purple-subtlest-hovered,#eed7fc)}
+._irr3plhp:hover{background-color:var(--ds-background-neutral-hovered,#0b120e24)}

package/dist/es2019/view/InlineCard/common/rovo-post-auth-actions-modal/index.js

@@ -0,0 +1,78 @@
+/* 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";
+import AiGenerativeRemoveIcon from '@atlaskit/icon-lab/core/ai-generative-remove';
+import AiGenerativeTextIcon from '@atlaskit/icon-lab/core/ai-generative-text';
+import AiSearchIcon from '@atlaskit/icon-lab/core/ai-search';
+import Link from '@atlaskit/link';
+import { Box, Pressable, Stack } from '@atlaskit/primitives/compiled';
+const styles = {
+  container: "_2rko1mok _1reo15vq _18m915vq _bfhk1bhr _16qs130s _1bsb1kdj _1e0c1txw _2lx21bp4",
+  header: "_ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi",
+  title: "_11c8fhey _k48pwu06",
+  divider: "_195gpxbi _4t3it94y _bfhkplhp",
+  actions: "_ca0qutpp _u5f3pxbi _n3tdutpp _19bvpxbi",
+  pressable: "_1e0c1bgi",
+  actionButtonBase: "_zulpu2gc _2rkopb1k _11c8fhey _1e0c1txw _4cvr1h6o _ca0q1b66 _u5f3utpp _n3td1b66 _19bvutpp _80omtlke _1bsb1ns9",
+  actionButtonImproveDraft: "_19itnf5y _bfhkp2ly _irr3kca2",
+  actionButtonFindRelated: "_19it1kc4 _bfhkf5uh _irr319yr",
+  actionButtonCreateActions: "_19it1cdj _bfhkm890 _irr3d4y8",
+  actionButtonShowRelevance: "_19itia51 _bfhkhfxm _irr3plhp"
+};
+export const RovoPostAuthActionsModal = ({
+  title,
+  url,
+  testId
+}) => {
+  return /*#__PURE__*/React.createElement(Stack, {
+    xcss: styles.container,
+    testId: testId,
+    space: "space.0"
+  }, /*#__PURE__*/React.createElement(Stack, {
+    xcss: styles.header,
+    space: "space.100"
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.title
+  }, /*#__PURE__*/React.createElement(Link, {
+    href: url
+  }, title))), /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.divider
+  }), /*#__PURE__*/React.createElement(Stack, {
+    xcss: styles.actions,
+    space: "space.100",
+    alignInline: "start"
+  }, /*#__PURE__*/React.createElement(Pressable, {
+    xcss: styles.pressable
+  }, /*#__PURE__*/React.createElement("span", {
+    className: ax([styles.actionButtonBase, styles.actionButtonImproveDraft])
+  }, /*#__PURE__*/React.createElement(AiGenerativeRemoveIcon, {
+    label: "Improve draft icon",
+    color: "var(--ds-icon-accent-purple, #AF59E1)",
+    size: "small"
+  }))), /*#__PURE__*/React.createElement(Pressable, {
+    xcss: styles.pressable
+  }, /*#__PURE__*/React.createElement("span", {
+    className: ax([styles.actionButtonBase, styles.actionButtonFindRelated])
+  }, /*#__PURE__*/React.createElement(AiSearchIcon, {
+    label: "Find related icon",
+    color: "var(--ds-icon-accent-orange, #E06C00)",
+    size: "small"
+  }))), /*#__PURE__*/React.createElement(Pressable, {
+    xcss: styles.pressable
+  }, /*#__PURE__*/React.createElement("span", {
+    className: ax([styles.actionButtonBase, styles.actionButtonCreateActions])
+  }, /*#__PURE__*/React.createElement(AiGenerativeTextIcon, {
+    label: "Create actions icon",
+    color: "var(--ds-icon-accent-lime, #6A9A23)",
+    size: "small"
+  }))), /*#__PURE__*/React.createElement(Pressable, {
+    xcss: styles.pressable
+  }, /*#__PURE__*/React.createElement("span", {
+    className: ax([styles.actionButtonBase, styles.actionButtonShowRelevance])
+  }, /*#__PURE__*/React.createElement(AiGenerativeTextIcon, {
+    label: "Show relevance icon",
+    color: "var(--ds-icon-subtle, #505258)",
+    size: "small"
+  })))));
+};

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

@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "43.29.2",
+  packageVersion: "43.30.0",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/esm/messages.js

@@ -570,6 +570,11 @@ export var messages = defineMessages({
     defaultMessage: "We can't display private pages",
     description: 'Shown when a user does not have access to a link.'
   },
+  rovo_actions_explore: {
+    id: 'fabric.linking.rovo_actions_explore-non-final',
+    defaultMessage: 'Explore',
+    description: 'Label for the Rovo Actions button that allows users to explore AI actions for a link'
+  },
   unassigned: {
     id: 'fabric.linking.unassigned',
     defaultMessage: 'Unassigned',

package/dist/esm/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "43.29.2"
+  packageVersion: "43.30.0"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/InlineCard/ResolvedView/InlineCardResolvedViewFunctional.js

@@ -0,0 +1,51 @@
+import React from 'react';
+import { HoverCard } from '../../HoverCard';
+import { Frame } from '../Frame';
+import { IconAndTitleLayout } from '../IconAndTitleLayout';
+import { renderLozenge } from './renderLozenge';
+export function InlineCardResolvedViewFunctional(_ref) {
+  var id = _ref.id,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '' : _ref$title,
+    isSelected = _ref.isSelected,
+    isHovered = _ref.isHovered,
+    onClick = _ref.onClick,
+    icon = _ref.icon,
+    link = _ref.link,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'inline-card-resolved-view' : _ref$testId,
+    titleTextColor = _ref.titleTextColor,
+    titlePrefix = _ref.titlePrefix,
+    _ref$showHoverPreview = _ref.showHoverPreview,
+    showHoverPreview = _ref$showHoverPreview === void 0 ? false : _ref$showHoverPreview,
+    hoverPreviewOptions = _ref.hoverPreviewOptions,
+    actionOptions = _ref.actionOptions,
+    truncateInline = _ref.truncateInline,
+    type = _ref.type,
+    hideIconLoadingSkeleton = _ref.hideIconLoadingSkeleton,
+    lozenge = _ref.lozenge;
+  var frame = /*#__PURE__*/React.createElement(Frame, {
+    testId: testId,
+    link: link,
+    isSelected: isSelected,
+    isHovered: isHovered,
+    onClick: onClick,
+    truncateInline: truncateInline
+  }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
+    emoji: titlePrefix,
+    icon: icon,
+    title: title,
+    titleTextColor: titleTextColor,
+    type: type,
+    hideIconLoadingSkeleton: hideIconLoadingSkeleton
+  }), renderLozenge(lozenge));
+  if (!showHoverPreview || !link) {
+    return frame;
+  }
+  return /*#__PURE__*/React.createElement(HoverCard, {
+    id: id,
+    url: link,
+    actionOptions: actionOptions,
+    hoverPreviewOptions: hoverPreviewOptions
+  }, frame);
+}

package/dist/esm/view/InlineCard/ResolvedView/index.js

@@ -8,17 +8,19 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
 import { HoverCard } from '../../HoverCard';
 import InlineLozenge from '../common/inline-lozenge';
 import { Frame } from '../Frame';
 import { IconAndTitleLayout } from '../IconAndTitleLayout';
-export var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
-  function InlineCardResolvedView() {
-    _classCallCheck(this, InlineCardResolvedView);
-    return _callSuper(this, InlineCardResolvedView, arguments);
+import { InlineCardResolvedViewFunctional } from './InlineCardResolvedViewFunctional';
+var InlineCardResolvedViewClass = /*#__PURE__*/function (_React$Component) {
+  function InlineCardResolvedViewClass() {
+    _classCallCheck(this, InlineCardResolvedViewClass);
+    return _callSuper(this, InlineCardResolvedViewClass, arguments);
   }
-  _inherits(InlineCardResolvedView, _React$Component);
-  return _createClass(InlineCardResolvedView, [{
+  _inherits(InlineCardResolvedViewClass, _React$Component);
+  return _createClass(InlineCardResolvedViewClass, [{
     key: "renderLozenge",
     value: function renderLozenge() {
       var _lozenge$style3, _lozenge$style4;
@@ -105,4 +107,5 @@ export var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
       return inlineCardResolvedView;
     }
   }]);
-}(React.Component);
+}(React.Component);
+export var InlineCardResolvedView = componentWithFG('smart-card-inline-resolved-view-refactor', InlineCardResolvedViewFunctional, InlineCardResolvedViewClass);

package/dist/esm/view/InlineCard/ResolvedView/renderLozenge.js

@@ -0,0 +1,40 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import InlineLozenge from '../common/inline-lozenge';
+var LOZENGE_TEST_ID = 'inline-card-resolved-view-lozenge';
+export function renderLozenge(lozenge) {
+  var _lozenge$style3, _lozenge$style4;
+  if (!lozenge || !(lozenge !== null && lozenge !== void 0 && lozenge.text)) {
+    return null;
+  }
+  if (fg('platform-dst-lozenge-tag-badge-visual-uplifts')) {
+    var stateMetricMatch = lozenge.text.match(/^(.+?)\s+-\s+(\d+(?:\.\d+)?)$/);
+    if (stateMetricMatch) {
+      var _lozenge$style, _lozenge$style2;
+      var _stateMetricMatch = _slicedToArray(stateMetricMatch, 3),
+        label = _stateMetricMatch[1],
+        metric = _stateMetricMatch[2];
+      var _appearance = lozenge.appearance || 'neutral';
+      return /*#__PURE__*/React.createElement(InlineLozenge, {
+        testId: LOZENGE_TEST_ID,
+        appearance: _appearance,
+        style: {
+          backgroundColor: lozenge === null || lozenge === void 0 || (_lozenge$style = lozenge.style) === null || _lozenge$style === void 0 ? void 0 : _lozenge$style.backgroundColor,
+          color: lozenge === null || lozenge === void 0 || (_lozenge$style2 = lozenge.style) === null || _lozenge$style2 === void 0 ? void 0 : _lozenge$style2.color
+        },
+        trailingMetric: metric
+      }, label);
+    }
+  }
+  var appearance = lozenge.appearance || 'default';
+  return /*#__PURE__*/React.createElement(InlineLozenge, {
+    testId: LOZENGE_TEST_ID,
+    appearance: appearance,
+    style: {
+      backgroundColor: lozenge === null || lozenge === void 0 || (_lozenge$style3 = lozenge.style) === null || _lozenge$style3 === void 0 ? void 0 : _lozenge$style3.backgroundColor,
+      color: lozenge === null || lozenge === void 0 || (_lozenge$style4 = lozenge.style) === null || _lozenge$style4 === void 0 ? void 0 : _lozenge$style4.color
+    },
+    isBold: lozenge.isBold !== false
+  }, lozenge.text);
+}

package/dist/esm/view/InlineCard/ResolvedView/types.js

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

package/dist/esm/view/InlineCard/common/action-button/index.compiled.css

@@ -1,3 +1,7 @@
+
+._1s7zia51{border-right:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
+._n7zlia51{border-bottom:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
+._x3doia51{border-top:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}._13liidpf{border-top-left-radius:0}
 ._13lilb4i{border-top-left-radius:var(--ds-radius-xsmall,2px)}
 ._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}
 ._19bv12x7{padding-left:var(--ds-space-075,6px)}
@@ -7,6 +11,7 @@
 ._1o0zlb4i{border-bottom-right-radius:var(--ds-radius-xsmall,2px)}
 ._1y1m1u8q{background-clip:padding-box}
 ._2hwxt94y{margin-right:1px}
+._2hwxv77o{margin-right:var(--ds-space-025,2px)}
 ._80om13gf{cursor:not-allowed}
 ._80omtlke{cursor:pointer}
 ._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
@@ -16,16 +21,19 @@
 ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
 ._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
+._mrkbidpf{border-bottom-left-radius:0}
 ._mrkblb4i{border-bottom-left-radius:var(--ds-radius-xsmall,2px)}
 ._n3tdt94y{padding-bottom:1px}
 ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
 ._o5721btx{white-space:break-spaces}
+._o5721q9c{white-space:nowrap}
 ._qrwqlb4i{border-top-right-radius:var(--ds-radius-xsmall,2px)}
 ._syaz15cr{color:var(--ds-text-inverse,#fff)}
 ._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
 ._u5f312x7{padding-right:var(--ds-space-075,6px)}
 ._y3gn18uv{text-align:initial}
+._4cvxq98m:hover{border-color:var(--ds-border-selected,#1868db)}
 ._irr31q28:hover{background-color:var(--ds-background-selected-bold-hovered,#1558bc)}
 ._irr3plhp:hover{background-color:var(--ds-background-neutral-hovered,#0b120e24)}
 ._1di612kk:active{background-color:var(--ds-background-selected-bold-pressed,#123263)}

package/dist/esm/view/InlineCard/common/action-button/index.js

@@ -12,7 +12,8 @@ var styles = {
   innerContainer: "_1e0c1nu9 _1y1m1u8q _16d9qvcn _k48p1wq8 _19bv12x7 _ca0qv77o _n3tdv77o _u5f312x7 _y3gn18uv _o5721btx _1nmz9jpi",
   enabled: "_syazi7uo _80omtlke _bfhki8nm _irr3plhp _1di61gdz",
   disabled: "_syaz1gmx _80om13gf _bfhkby5v",
-  unauthorised: "_syaz15cr _80omtlke _bfhkjmqp _qrwqlb4i _1o0zlb4i _13lilb4i _mrkblb4i _ca0qt94y _n3tdt94y _2hwxt94y _k48pi7a9 _irr31q28 _1di612kk"
+  unauthorised: "_syaz15cr _80omtlke _bfhkjmqp _qrwqlb4i _1o0zlb4i _13lilb4i _mrkblb4i _ca0qt94y _n3tdt94y _2hwxt94y _k48pi7a9 _irr31q28 _1di612kk",
+  action: "_x3doia51 _1s7zia51 _n7zlia51 _syaz15cr _80omtlke _bfhkjmqp _qrwqlb4i _1o0zlb4i _13liidpf _mrkbidpf _2hwxv77o _k48pi7a9 _o5721q9c _4cvxq98m _irr31q28 _1di612kk"
 };
 /**
  * Action button has to be a span for the overflow to work correctly

package/dist/esm/view/InlineCard/common/rovo-actions-button/index.compiled.css

@@ -0,0 +1,15 @@
+
+._v564hlhx{transition:max-width .3s ease-in-out,padding-right .3s ease-in-out}._154iidpf{top:0}
+._18m915vq{overflow-y:hidden}
+._1e0c1nu9{display:inline}
+._1e0c1o8l{display:inline-block}
+._1pbykb7n{z-index:1}
+._1reo15vq{overflow-x:hidden}
+._1xi2idpf{right:0}
+._kqswh2mm{position:relative}
+._kqswstnw{position:absolute}
+._o5721q9c{white-space:nowrap}
+._p12fidpf{max-width:0}
+._p12fuuw1{max-width:200px}
+._s7n4jp4b{vertical-align:top}
+._u5f31b66{padding-right:var(--ds-space-050,4px)}

package/dist/esm/view/InlineCard/common/rovo-actions-button/index.js

@@ -0,0 +1,101 @@
+/* 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 "./index.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React, { useState } from 'react';
+import { useIntl } from 'react-intl-next';
+import { cx } from '@atlaskit/css';
+import RovoChatIcon from '@atlaskit/icon/core/rovo-chat';
+import Popup from '@atlaskit/popup';
+import { Box } from '@atlaskit/primitives/compiled';
+import { messages } from '../../../../messages';
+import AIPrism from '../../../common/ai-prism';
+import { ActionButton } from '../action-button';
+import { RovoPostAuthActionsModal } from '../rovo-post-auth-actions-modal';
+var styles = {
+  wrapper: "_kqswh2mm _1e0c1o8l",
+  expanded: "_kqswstnw _154iidpf _1xi2idpf _1e0c1nu9 _o5721q9c _1pbykb7n",
+  expandedText: "_1reo15vq _18m915vq _v564hlhx _1e0c1o8l _p12fidpf _s7n4jp4b _o5721q9c",
+  expandedTextVisible: "_p12fuuw1 _u5f31b66"
+};
+export var RovoActionsButton = function RovoActionsButton(_ref) {
+  var onClick = _ref.onClick,
+    testId = _ref.testId,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '' : _ref$title,
+    _ref$url = _ref.url,
+    url = _ref$url === void 0 ? '' : _ref$url;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isHovered = _useState2[0],
+    setIsHovered = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isPopupOpen = _useState4[0],
+    setIsPopupOpen = _useState4[1];
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var handleClick = function handleClick(e) {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsPopupOpen(function (prev) {
+      return !prev;
+    });
+    onClick === null || onClick === void 0 || onClick(e);
+  };
+  return /*#__PURE__*/React.createElement(Popup, {
+    isOpen: isPopupOpen,
+    onClose: function onClose() {
+      return setIsPopupOpen(false);
+    },
+    placement: "right-start",
+    content: function content() {
+      return /*#__PURE__*/React.createElement(AIPrism, {
+        isVisible: true,
+        isMoving: true,
+        isGlowing: true
+      }, /*#__PURE__*/React.createElement(RovoPostAuthActionsModal, {
+        title: title,
+        url: url,
+        testId: testId && "".concat(testId, "-popup")
+      }));
+    },
+    trigger: function trigger(triggerProps) {
+      return /*#__PURE__*/React.createElement(Box, {
+        xcss: styles.wrapper,
+        onMouseEnter: function onMouseEnter() {
+          return setIsHovered(true);
+        },
+        onMouseLeave: function onMouseLeave() {
+          return setIsHovered(false);
+        },
+        onFocus: function onFocus() {
+          return setIsHovered(true);
+        },
+        onBlur: function onBlur() {
+          return setIsHovered(false);
+        }
+      }, /*#__PURE__*/React.createElement(ActionButton, _extends({
+        onClick: handleClick,
+        viewType: "action",
+        testId: testId
+      }, triggerProps), /*#__PURE__*/React.createElement(RovoChatIcon, {
+        label: "Rovo",
+        color: "var(--ds-icon-inverse, #FFFFFF)",
+        size: "small"
+      })), /*#__PURE__*/React.createElement(Box, {
+        xcss: styles.expanded
+      }, /*#__PURE__*/React.createElement(ActionButton, _extends({
+        onClick: handleClick,
+        viewType: "action"
+      }, triggerProps), /*#__PURE__*/React.createElement(Box, {
+        xcss: cx(styles.expandedText, isHovered && styles.expandedTextVisible)
+      }, formatMessage(messages.rovo_actions_explore)), /*#__PURE__*/React.createElement(RovoChatIcon, {
+        label: "Rovo",
+        color: "var(--ds-icon-inverse, #FFFFFF)",
+        size: "small"
+      }))));
+    }
+  });
+};

package/dist/esm/view/InlineCard/common/rovo-post-auth-actions-modal/index.compiled.css

@@ -0,0 +1,41 @@
+._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)}
+._19it1cdj{border:var(--ds-border-width,1px) solid var(--ds-border-accent-lime,#6a9a23)}
+._19it1kc4{border:var(--ds-border-width,1px) solid var(--ds-border-accent-orange,#e06c00)}
+._19itia51{border:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
+._19itnf5y{border:var(--ds-border-width,1px) solid var(--ds-border-accent-purple,#af59e1)}
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}
+._2rkopb1k{border-radius:var(--ds-radius-xlarge,9pt)}
+._zulpu2gc{gap:var(--ds-space-100,8px)}
+._195gpxbi{margin-inline:var(--ds-space-200,1pc)}
+._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
+._18m915vq{overflow-y:hidden}
+._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
+._19bvutpp{padding-left:var(--ds-space-150,9pt)}
+._1bsb1kdj{width:25pc}
+._1bsb1ns9{width:-moz-fit-content;width:fit-content}
+._1e0c1bgi{display:contents}
+._1e0c1txw{display:flex}
+._1reo15vq{overflow-x:hidden}
+._2lx21bp4{flex-direction:column}
+._4cvr1h6o{align-items:center}
+._4t3it94y{height:1px}
+._80omtlke{cursor:pointer}
+._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
+._bfhkf5uh{background-color:var(--ds-background-accent-orange-subtlest,#fff5db)}
+._bfhkhfxm{background-color:var(--ds-surface-sunken,#f8f8f8)}
+._bfhkm890{background-color:var(--ds-background-accent-lime-subtlest,#efffd6)}
+._bfhkp2ly{background-color:var(--ds-background-accent-purple-subtlest,#f8eefe)}
+._bfhkplhp{background-color:var(--ds-background-neutral-hovered,#0b120e24)}
+._ca0q1b66{padding-top:var(--ds-space-050,4px)}
+._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
+._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
+._k48pwu06{font-weight:var(--ds-font-weight-bold,653)}
+._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
+._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
+._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
+._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
+._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
+._irr319yr:hover{background-color:var(--ds-background-accent-orange-subtlest-hovered,#fce4a6)}
+._irr3d4y8:hover{background-color:var(--ds-background-accent-lime-subtlest-hovered,#d3f1a7)}
+._irr3kca2:hover{background-color:var(--ds-background-accent-purple-subtlest-hovered,#eed7fc)}
+._irr3plhp:hover{background-color:var(--ds-background-neutral-hovered,#0b120e24)}