@atlaskit/smart-card 42.0.2 → 42.0.4

package/dist/es2019/view/SmartLinkEvents/useSmartLinkEvents.js

@@ -1,4 +1,5 @@
 import { useMemo } from 'react';
+import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytics-next';
 import { SmartLinkEvents } from '../../utils/analytics/analytics';
 export function useSmartLinkEvents() {
   /**
@@ -7,4 +8,25 @@ export function useSmartLinkEvents() {
    */
   const events = useMemo(() => new SmartLinkEvents(), []);
   return events;
+}
+export function useFire3PWorkflowsClickEvent(firstPartyIdentifier, thirdPartyARI) {
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEventsNext();
+  return () => {
+    const smartlinkClickAnalyticsEvent = createAnalyticsEvent({
+      action: 'clicked',
+      actionSubject: 'smartLink',
+      actionSubjectId: 'smartlinkClickAnalyticsWorkflows',
+      eventType: 'ui',
+      attributes: {
+        eventName: 'smartLinkClickAnalyticsThirdPartyWorkflows',
+        firstPartyIdentifier: firstPartyIdentifier
+      },
+      nonPrivacySafeAttributes: {
+        thirdPartyARI: thirdPartyARI
+      }
+    });
+    smartlinkClickAnalyticsEvent.fire('media');
+  };
 }

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

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

package/dist/es2019/view/common/ai-prism/ai-glowing-border/animated-svg-container.js

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

package/dist/es2019/view/common/ai-prism/ai-glowing-border/index.js

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

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

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

package/dist/es2019/view/common/ai-summary/index.js

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

package/dist/es2019/view/common/ai-summary/ulist.js

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

package/dist/es2019/view/common/render-svg.js

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

package/dist/es2019/view/common/stop-propagation/index.js

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

package/dist/esm/common/ui/icons/generic-error-icon.js

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

package/dist/esm/view/BlockCard/views/ForbiddenView.js

@@ -1,4 +1,4 @@
-/* ForbiddenView.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ForbiddenView.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";

package/dist/esm/view/BlockCard/views/NotFoundView.js

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

package/dist/esm/view/BlockCard/views/ResolvedView.js

@@ -1,4 +1,4 @@
-/* ResolvedView.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ResolvedView.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./ResolvedView.compiled.css";

package/dist/esm/view/BlockCard/views/UnauthorisedView.js

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

package/dist/esm/view/BlockCard/views/unresolved-view/index.js

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

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

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

package/dist/esm/view/CardWithUrl/component.js

@@ -18,6 +18,7 @@ import { BlockCard } from '../BlockCard';
 import { EmbedCard } from '../EmbedCard';
 import FlexibleCard from '../FlexibleCard';
 import { InlineCard } from '../InlineCard';
+import { useFire3PWorkflowsClickEvent } from '../SmartLinkEvents/useSmartLinkEvents';
 var thirdPartyARIPrefix = 'ari:third-party';
 function Component(_ref) {
   var id = _ref.id,
@@ -75,6 +76,9 @@ function Component(_ref) {
     actionOptions: actionOptionsProp,
     platform: platform
   });
+  var fire3PClickEvent = fg('platform_smartlink_3pclick_analytics') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useFire3PWorkflowsClickEvent(firstPartyIdentifier, thirdPartyARI) : undefined;
 
   // Setup UI handlers.
   var handleClickWrapper = useCallback(function (event) {
@@ -88,23 +92,10 @@ function Component(_ref) {
     if (fg('platform_smartlink_3pclick_analytics')) {
       if (thirdPartyARI && thirdPartyARI.startsWith(thirdPartyARIPrefix)) {
         var clickURL = getClickUrl(url, state.details);
-        if (clickURL === url) {
+        if (clickURL === url && fire3PClickEvent) {
           // For questions or concerns about this event,
           // please reach out to the 3P Workflows Team via Slack in #help-3p-connector-workflow
-          var smartlinkClickAnalyticsEvent = createAnalyticsEvent({
-            action: 'clicked',
-            actionSubject: 'smartLink',
-            actionSubjectId: 'smartlinkClickAnalyticsWorkflows',
-            eventType: 'ui',
-            attributes: {
-              eventName: 'smartLinkClickAnalyticsThirdPartyWorkflows',
-              firstPartyIdentifier: firstPartyIdentifier
-            },
-            nonPrivacySafeAttributes: {
-              thirdPartyARI: thirdPartyARI
-            }
-          });
-          smartlinkClickAnalyticsEvent.fire('media');
+          fire3PClickEvent();
         }
       }
     }
@@ -151,7 +142,7 @@ function Component(_ref) {
       }
       fireLinkClickedEvent(createAnalyticsEvent)(event);
     }
-  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, onClick, url, state.details, ari, name, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, thirdPartyARI, firstPartyIdentifier, disablePreviewPanel]);
+  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, onClick, url, state.details, ari, name, fire3PClickEvent, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, thirdPartyARI, disablePreviewPanel]);
   var handleAuthorize = useCallback(function () {
     return actions.authorize(appearance);
   }, [actions, appearance]);

package/dist/esm/view/EmbedCard/components/ErrorFrame.js

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

package/dist/esm/view/EmbedCard/components/ExpandedFrame.js

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

package/dist/esm/view/EmbedCard/components/Frame.js

@@ -1,4 +1,4 @@
-/* Frame.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* Frame.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./Frame.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -26,7 +26,8 @@ export var Frame = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef) {
     testId = _ref.testId,
     onIframeDwell = _ref.onIframeDwell,
     onIframeFocus = _ref.onIframeFocus,
-    title = _ref.title;
+    title = _ref.title,
+    extensionKey = _ref.extensionKey;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isIframeLoaded = _useState2[0],
@@ -115,6 +116,7 @@ export var Frame = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef) {
     },
     sandbox: getIframeSandboxAttribute(isTrusted),
     title: title,
+    extensionKey: extensionKey,
     className: ax(["_19itidpf _1reo15vq _18m915vq _2rkofajl _154iidpf _1ltvidpf _1bsb1osq _4t3i1osq _kqswh2mm"])
   }));
 });

package/dist/esm/view/EmbedCard/components/IFrame.js

@@ -1,16 +1,35 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["childRef", "className"];
+var _excluded = ["childRef", "className", "extensionKey"];
 import React from 'react';
+import { Page } from '@atlaskit/embedded-confluence';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { useConfluencePageData } from '../../../hooks/useConfluencePageData';
 /**
  * Iframe element isolated for DI purposes
  */
 export var IFrame = function IFrame(_ref) {
   var childRef = _ref.childRef,
     className = _ref.className,
+    extensionKey = _ref.extensionKey,
     props = _objectWithoutProperties(_ref, _excluded);
+  var confluencePageData = fg('platform_deprecate_lp_cc_embed')
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  ? useConfluencePageData(props.src || '', extensionKey || '') : undefined;
+
+  // Conditional rendering: Page component for lp-cc-embed URLs, iframe for everything else
+  return confluencePageData && fg('platform_deprecate_lp_cc_embed') ? /*#__PURE__*/React.createElement(Page, {
+    hostname: confluencePageData.hostname,
+    spaceKey: confluencePageData.spaceKey,
+    contentId: confluencePageData.contentId,
+    parentProduct: confluencePageData.parentProduct,
+    hash: confluencePageData.hash,
+    mode: confluencePageData.mode,
+    locale: confluencePageData.locale
+  }) :
+  /*#__PURE__*/
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-  return /*#__PURE__*/React.createElement("iframe", _extends({
+  React.createElement("iframe", _extends({
     className: className
   }, props, {
     ref: childRef,

package/dist/esm/view/EmbedCard/components/ImageIcon.js

@@ -1,4 +1,4 @@
-/* ImageIcon.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ImageIcon.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./ImageIcon.compiled.css";

package/dist/esm/view/EmbedCard/components/styled.js

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";

package/dist/esm/view/EmbedCard/index.js

@@ -104,7 +104,8 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref2, iframeRef)
           onIframeFocus: onIframeFocus,
           testId: testId,
           CompetitorPrompt: CompetitorPrompt,
-          hideIconLoadingSkeleton: hideIconLoadingSkeleton
+          hideIconLoadingSkeleton: hideIconLoadingSkeleton,
+          extensionKey: extensionKey
         }));
       } else {
         if (platform === 'mobile') {
@@ -162,7 +163,8 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref2, iframeRef)
           isSelected: isSelected,
           inheritDimensions: inheritDimensions,
           onClick: handleFrameClick,
-          ref: iframeRef
+          ref: iframeRef,
+          extensionKey: extensionKey
         }));
       }
       var forbiddenAccessContext = extractRequestAccessContextImproved({

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

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

package/dist/esm/view/EmbedCard/views/ResolvedView.js

@@ -24,7 +24,8 @@ export var EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(function (_ref,
     isSupportTheming = _ref.isSupportTheming,
     type = _ref.type,
     CompetitorPrompt = _ref.CompetitorPrompt,
-    hideIconLoadingSkeleton = _ref.hideIconLoadingSkeleton;
+    hideIconLoadingSkeleton = _ref.hideIconLoadingSkeleton,
+    extensionKey = _ref.extensionKey;
   var iconFromContext = context === null || context === void 0 ? void 0 : context.icon;
   var src = typeof iconFromContext === 'string' ? iconFromContext : undefined;
   var text = title || (context === null || context === void 0 ? void 0 : context.text);
@@ -77,6 +78,7 @@ export var EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(function (_ref,
     ref: embedIframeRef,
     onIframeDwell: onIframeDwell,
     onIframeFocus: onIframeFocus,
-    title: text
+    title: text,
+    extensionKey: extensionKey
   }));
 });

package/dist/esm/view/EmbedCard/views/unresolved-view/index.js

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

package/dist/esm/view/EmbedModal/components/embed-content/index.js

@@ -1,9 +1,10 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.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 { di } from 'react-magnetic-di';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { getIframeSandboxAttribute } from '../../../../utils';
 import { IFrame } from '../../../EmbedCard/components/IFrame';
 var iframeCss = null;
@@ -12,7 +13,8 @@ var EmbedContent = function EmbedContent(_ref) {
     name = _ref.name,
     src = _ref.src,
     testId = _ref.testId,
-    ariaLabel = _ref.ariaLabel;
+    ariaLabel = _ref.ariaLabel,
+    extensionKey = _ref.extensionKey;
   var sandbox = getIframeSandboxAttribute(isTrusted);
   var props = {
     frameBorder: 0,
@@ -23,7 +25,9 @@ var EmbedContent = function EmbedContent(_ref) {
   };
   return /*#__PURE__*/React.createElement(IFrame, _extends({
     "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : "".concat(testId, "-embed")
-  }, props, {
+  }, fg('platform_deprecate_lp_cc_embed') ? {
+    extensionKey: extensionKey
+  } : {}, props, {
     className: ax(["_1bsb1osq _4t3i815d"])
   }));
 };

package/dist/esm/view/EmbedModal/components/link-info/index.compiled.css

@@ -1,23 +1,58 @@
 
 ._zulp1b66{gap:var(--ds-space-050,4px)}
-._zulpu2gc{gap:var(--ds-space-100,8px)}._16jlidpf{flex-grow:0}
+._zulpu2gc{gap:var(--ds-space-100,8px)}._11hh1tcg [data-smart-element-icon] svg{min-width:24px}
+._15iz1tcg span{min-height:24px}
+._16jlidpf{flex-grow:0}
 ._16jlkb7n{flex-grow:1}
+._17521tcg svg{height:24px}
 ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
+._19l31tcg img{max-height:24px}
 ._1bah1h6o{justify-content:center}
-._1bsb1tcg, ._1xyl1tcg [data-smart-element-icon] img, ._1h1b1tcg [data-smart-element-icon] span, ._prfw1tcg [data-smart-element-icon] svg, ._mezj1tcg img, ._e2oo1tcg span, ._w8l51tcg svg{width:24px}
+._1bnm1tcg [data-smart-element-icon] svg{height:24px}
+._1bsb1tcg{width:24px}
 ._1e0c1txw{display:flex}
+._1ekg1tcg [data-smart-element-icon] img{min-width:24px}
+._1h1b1tcg [data-smart-element-icon] span{width:24px}
+._1mj01tcg [data-smart-element-icon] img{max-width:24px}
 ._1o9zidpf{flex-shrink:0}
-._1tke1tcg, ._x9xj1tcg [data-smart-element-icon] img, ._v5981tcg [data-smart-element-icon] span, ._z15s1tcg [data-smart-element-icon] svg, ._qci81tcg img, ._15iz1tcg span, ._erub1tcg svg{min-height:24px}
-._1ul91tcg, ._1ekg1tcg [data-smart-element-icon] img, ._jbhf1tcg [data-smart-element-icon] span, ._11hh1tcg [data-smart-element-icon] svg, ._1rg21tcg img, ._q7cv1tcg span, ._xwbj1tcg svg{min-width:24px}
+._1pr21tcg span{max-height:24px}
+._1q121tcg [data-smart-element-icon] img{max-height:24px}
+._1r9c1tcg [data-smart-element-icon] span{max-width:24px}
+._1rg21tcg img{min-width:24px}
+._1rh41tcg [data-smart-element-icon] svg{max-height:24px}
+._1tke1tcg{min-height:24px}
+._1u5t1tcg svg{max-height:24px}
+._1ul91tcg{min-width:24px}
 ._1wpz1fhb{align-self:stretch}
+._1xch1tcg [data-smart-element-icon] svg{max-width:24px}
+._1xjx1tcg span{height:24px}
+._1xyl1tcg [data-smart-element-icon] img{width:24px}
 ._2lx21bp4{flex-direction:column}
-._4t3i1tcg, ._gire1tcg [data-smart-element-icon] img, ._yrry1tcg [data-smart-element-icon] span, ._1bnm1tcg [data-smart-element-icon] svg, ._bna71tcg img, ._1xjx1tcg span, ._17521tcg svg{height:24px}
+._2s1x1tcg [data-smart-element-icon] span{max-height:24px}
 ._4t3i1tcg{height:24px}
-._c71l1tcg, ._1q121tcg [data-smart-element-icon] img, ._2s1x1tcg [data-smart-element-icon] span, ._1rh41tcg [data-smart-element-icon] svg, ._19l31tcg img, ._1pr21tcg span, ._1u5t1tcg svg{max-height:24px}
+._4x201tcg svg{max-width:24px}
+._b8nk1tcg span{max-width:24px}
+._bna71tcg img{height:24px}
+._c71l1tcg{max-height:24px}
 ._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
+._e2oo1tcg span{width:24px}
+._erub1tcg svg{min-height:24px}
+._gire1tcg [data-smart-element-icon] img{height:24px}
 ._i0dl1wug{flex-basis:auto}
 ._i0dlf1ug{flex-basis:0%}
+._jbhf1tcg [data-smart-element-icon] span{min-width:24px}
+._mezj1tcg img{width:24px}
 ._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
-._p12f1tcg, ._1mj01tcg [data-smart-element-icon] img, ._1r9c1tcg [data-smart-element-icon] span, ._1xch1tcg [data-smart-element-icon] svg, ._rtys1tcg img, ._b8nk1tcg span, ._4x201tcg svg{max-width:24px}
+._p12f1tcg{max-width:24px}
+._prfw1tcg [data-smart-element-icon] svg{width:24px}
+._q7cv1tcg span{min-width:24px}
+._qci81tcg img{min-height:24px}
+._rtys1tcg img{max-width:24px}
 ._u5f31ejb{padding-right:var(--ds-space-300,24px)}
+._v5981tcg [data-smart-element-icon] span{min-height:24px}
+._w8l51tcg svg{width:24px}
+._x9xj1tcg [data-smart-element-icon] img{min-height:24px}
+._xwbj1tcg svg{min-width:24px}
+._yrry1tcg [data-smart-element-icon] span{height:24px}
+._z15s1tcg [data-smart-element-icon] svg{min-height:24px}
 @media only screen and (max-width:980px){._3kllglyw .smart-link-resize-button{display:none}}

package/dist/esm/view/EmbedModal/components/link-info/index.js

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

package/dist/esm/view/EmbedModal/index.js

@@ -38,7 +38,8 @@ var EmbedModal = function EmbedModal(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-embed-preview-modal' : _ref$testId,
     title = _ref.title,
-    invokeViewAction = _ref.invokeViewAction;
+    invokeViewAction = _ref.invokeViewAction,
+    extensionKey = _ref.extensionKey;
   var defaultWidth = toWidth(size);
   var _useState = useState(showModal),
     _useState2 = _slicedToArray(_useState, 2),
@@ -119,7 +120,8 @@ var EmbedModal = function EmbedModal(_ref) {
     name: iframeName,
     src: previewUrl,
     testId: testId,
-    ariaLabel: title
+    ariaLabel: title,
+    extensionKey: extensionKey
   }))));
 };
 export default withAnalytics(withErrorBoundary(EmbedModal));

package/dist/esm/view/EmbedModal/utils.js

@@ -44,7 +44,7 @@ function _openEmbedModal() {
         case 0:
           _ref = _args.length > 0 && _args[0] !== undefined ? _args[0] : {};
           _ref$onClose = _ref.onClose, _onClose = _ref$onClose === void 0 ? function () {} : _ref$onClose, props = _objectWithoutProperties(_ref, _excluded);
-          if (!expValEquals('platform_hover_card_preview_panel', 'cohort', 'test')) {
+          if (!expValEquals('platform_hover_card_preview_panel_modal', 'cohort', 'test')) {
             _context2.next = 6;
             break;
           }

package/dist/esm/view/FlexibleCard/components/actions/action/action-button/index.compiled.css

@@ -1,16 +1,58 @@
 ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._11lv1xvx button, ._192b1xvx button:active, ._vbn71xvx button:focus, ._wfu31xvx button:hover{padding-left:var(--ds-space-025,.125rem)}
-._11lvidpf button, ._192bidpf button:active, ._vbn7idpf button:focus, ._wfu3idpf button:hover{padding-left:0}
-._11lvpdf9 button, ._192bpdf9 button:active, ._vbn7pdf9 button:focus, ._wfu3pdf9 button:hover{padding-left:var(--ds-space-050,.25rem)}
-._1gfl1xvx button, ._or3f1xvx button:active, ._1ddv1xvx button:focus, ._1hha1xvx button:hover{padding-top:var(--ds-space-025,.125rem)}
-._1gflidpf button, ._or3fidpf button:active, ._1ddvidpf button:focus, ._1hhaidpf button:hover{padding-top:0}
-._1gqn1xvx button, ._1qdm1xvx button:active, ._df2r1xvx button:focus, ._j1tw1xvx button:hover{padding-bottom:var(--ds-space-025,.125rem)}
-._1gqnidpf button, ._1qdmidpf button:active, ._df2ridpf button:focus, ._j1twidpf button:hover{padding-bottom:0}
-._1i3bidpf button:active>span, ._13gwidpf button:focus>span, ._4wlcidpf button:hover>span, ._rehaidpf button>span{margin-top:0}
-._1vtwidpf button:active>span, ._ijvwidpf button:focus>span, ._tpwpidpf button:hover>span, ._1ad8idpf button>span{margin-left:0}
-._3kh9idpf button:active>span, ._i2vxidpf button:focus>span, ._8pvjidpf button:hover>span, ._1e1oidpf button>span{margin-bottom:0}
+._11lv1xvx button{padding-left:var(--ds-space-025,.125rem)}
+._11lvidpf button{padding-left:0}
+._11lvpdf9 button{padding-left:var(--ds-space-050,.25rem)}
+._13gwidpf button:focus>span{margin-top:0}
+._1ad8idpf button>span{margin-left:0}
+._1bnaidpf button>span{margin-right:0}
+._1e1oidpf button>span{margin-bottom:0}
+._1gfl1xvx button{padding-top:var(--ds-space-025,.125rem)}
+._1gflidpf button{padding-top:0}
+._1gqn1xvx button{padding-bottom:var(--ds-space-025,.125rem)}
+._1gqnidpf button{padding-bottom:0}
+._1i3bidpf button:active>span{margin-top:0}
+._1l0qidpf button:hover>span{margin-right:0}
+._1vtwidpf button:active>span{margin-left:0}
+._3kh9idpf button:active>span{margin-bottom:0}
+._4wlcidpf button:hover>span{margin-top:0}
+._8pvjidpf button:hover>span{margin-bottom:0}
+._i2vxidpf button:focus>span{margin-bottom:0}
+._ijvwidpf button:focus>span{margin-left:0}
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
-._mp2fidpf button:active>span, ._ro8midpf button:focus>span, ._1l0qidpf button:hover>span, ._1bnaidpf button>span{margin-right:0}
-._yhjm1xvx button, ._1trn1xvx button:active, ._1fst1xvx button:focus, ._1xce1xvx button:hover{padding-right:var(--ds-space-025,.125rem)}
-._yhjmidpf button, ._1trnidpf button:active, ._1fstidpf button:focus, ._1xceidpf button:hover{padding-right:0}
-._yhjmpdf9 button, ._1trnpdf9 button:active, ._1fstpdf9 button:focus, ._1xcepdf9 button:hover{padding-right:var(--ds-space-050,.25rem)}
+._mp2fidpf button:active>span{margin-right:0}
+._rehaidpf button>span{margin-top:0}
+._ro8midpf button:focus>span{margin-right:0}
+._tpwpidpf button:hover>span{margin-left:0}
+._yhjm1xvx button{padding-right:var(--ds-space-025,.125rem)}
+._yhjmidpf button{padding-right:0}
+._yhjmpdf9 button{padding-right:var(--ds-space-050,.25rem)}
+._1ddv1xvx button:focus{padding-top:var(--ds-space-025,.125rem)}
+._1ddvidpf button:focus{padding-top:0}
+._1fst1xvx button:focus{padding-right:var(--ds-space-025,.125rem)}
+._1fstidpf button:focus{padding-right:0}
+._1fstpdf9 button:focus{padding-right:var(--ds-space-050,.25rem)}
+._df2r1xvx button:focus{padding-bottom:var(--ds-space-025,.125rem)}
+._df2ridpf button:focus{padding-bottom:0}
+._vbn71xvx button:focus{padding-left:var(--ds-space-025,.125rem)}
+._vbn7idpf button:focus{padding-left:0}
+._vbn7pdf9 button:focus{padding-left:var(--ds-space-050,.25rem)}
+._1hha1xvx button:hover{padding-top:var(--ds-space-025,.125rem)}
+._1hhaidpf button:hover{padding-top:0}
+._1xce1xvx button:hover{padding-right:var(--ds-space-025,.125rem)}
+._1xceidpf button:hover{padding-right:0}
+._1xcepdf9 button:hover{padding-right:var(--ds-space-050,.25rem)}
+._j1tw1xvx button:hover{padding-bottom:var(--ds-space-025,.125rem)}
+._j1twidpf button:hover{padding-bottom:0}
+._wfu31xvx button:hover{padding-left:var(--ds-space-025,.125rem)}
+._wfu3idpf button:hover{padding-left:0}
+._wfu3pdf9 button:hover{padding-left:var(--ds-space-050,.25rem)}
+._192b1xvx button:active{padding-left:var(--ds-space-025,.125rem)}
+._192bidpf button:active{padding-left:0}
+._192bpdf9 button:active{padding-left:var(--ds-space-050,.25rem)}
+._1qdm1xvx button:active{padding-bottom:var(--ds-space-025,.125rem)}
+._1qdmidpf button:active{padding-bottom:0}
+._1trn1xvx button:active{padding-right:var(--ds-space-025,.125rem)}
+._1trnidpf button:active{padding-right:0}
+._1trnpdf9 button:active{padding-right:var(--ds-space-050,.25rem)}
+._or3f1xvx button:active{padding-top:var(--ds-space-025,.125rem)}
+._or3fidpf button:active{padding-top:0}

package/dist/esm/view/FlexibleCard/components/actions/action/action-button/index.js

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