@atlaskit/smart-card 34.6.6 → 34.8.0

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

@@ -1,23 +1,20 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
+import "./index.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useThemeObserver } from '@atlaskit/tokens';
-import { popupContainerStyles } from '../../HoverCard/styled';
 import AIGlowingBorder from './ai-glowing-border';
+import AIPrismOld from './AIPrismOld';
 import { AI_BORDER_PALETTE } from './constants';
-var contentStyles = css({
-  transition: 'box-shadow 0.5s ease'
-});
-var contentStylesPrismVisible = css({
-  // intentionally set opacity to 0 to remove the shadow with fade out animation
-  boxShadow:
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-  '0px 8px 12px rgba(9, 30, 66, 0),0px 0px 1px rgba(9, 30, 66, 0)'
-});
-var AIPrism = function AIPrism(_ref) {
+var contentStyles = null;
+var contentStylesPrismVisible = null;
+var animatedSvgContainerStyles = {
+  true: "_v564fs5d _tzy4kb7n",
+  false: "_v564fs5d _tzy4idpf"
+};
+var popupContainerStyles = null;
+var AIPrismNew = function AIPrismNew(_ref) {
   var _AI_BORDER_PALETTE$co;
   var children = _ref.children,
     _ref$isGlowing = _ref.isGlowing,
@@ -29,22 +26,20 @@ var AIPrism = function AIPrism(_ref) {
   var _useThemeObserver = useThemeObserver(),
     _useThemeObserver$col = _useThemeObserver.colorMode,
     colorMode = _useThemeObserver$col === void 0 ? 'light' : _useThemeObserver$col;
-  return jsx(AIGlowingBorder, {
-    additionalCss: {
-      animatedSvgContainer: css({
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-        opacity: isVisible ? 1 : 0,
-        transition: 'opacity 0.5s ease'
-      })
-    },
+  return /*#__PURE__*/React.createElement(AIGlowingBorder, {
     palette: (_AI_BORDER_PALETTE$co = AI_BORDER_PALETTE[colorMode]) !== null && _AI_BORDER_PALETTE$co !== void 0 ? _AI_BORDER_PALETTE$co : AI_BORDER_PALETTE.light,
     isGlowing: isGlowing,
     isMoving: isMoving,
-    testId: testId
-  }, jsx("div", {
-    css: [
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    popupContainerStyles, contentStyles, isVisible ? contentStylesPrismVisible : undefined]
+    testId: testId,
+    className: ax([animatedSvgContainerStyles[isVisible ? 'true' : 'false']])
+  }, /*#__PURE__*/React.createElement("div", {
+    className: ax(["_2rkopd34 _bfhk1bhr _16qsie2t", "_v5649spz", isVisible && "_16qs1aef"])
   }, children));
 };
+var AIPrism = function AIPrism(props) {
+  if (fg('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(AIPrismNew, props);
+  }
+  return /*#__PURE__*/React.createElement(AIPrismOld, props);
+};
 export default AIPrism;

package/dist/esm/view/common/ai-summary/AISummaryOld.js

@@ -0,0 +1,57 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css, jsx } from '@emotion/react';
+import Markdown from 'markdown-to-jsx';
+import UList from './ulist';
+var AISummaryCSSStyles = css({
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  wordWrap: 'break-word',
+  wordBreak: 'break-word',
+  whiteSpace: 'normal',
+  WebkitUserSelect: 'text',
+  MozUserSelect: 'text',
+  MsUserSelect: 'text',
+  userSelect: 'text'
+});
+
+/**
+ * Move this type to the index file upon FF cleanup. bandicoots-compiled-migration-smartcard
+ * Remove the export as well.
+ */
+
+/**
+ * A component to render a response from AI in markdown text.
+ * @internal
+ * @param {AISummaryProps} AISummaryProps
+ */
+
+var AISummaryOld = function AISummaryOld(_ref) {
+  var _ref$content = _ref.content,
+    content = _ref$content === void 0 ? '' : _ref$content,
+    overrideCss = _ref.overrideCss,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'ai-summary' : _ref$testId,
+    _ref$minHeight = _ref.minHeight,
+    minHeight = _ref$minHeight === void 0 ? 0 : _ref$minHeight;
+  if (!content && minHeight === 0) {
+    return null;
+  }
+  return jsx(Markdown, {
+    "data-testid": testId,
+    css: [AISummaryCSSStyles, overrideCss],
+    children: content,
+    options: {
+      forceWrapper: true,
+      overrides: {
+        ul: UList
+      }
+    },
+    style: {
+      minHeight: minHeight
+    }
+  });
+};
+export default AISummaryOld;

package/dist/esm/view/common/ai-summary/index.compiled.css

@@ -0,0 +1,8 @@
+._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._181u1kdv{-webkit-user-select:text}
+._1nmz1hna{word-break:break-word}
+._1rkw1kdv{-moz-user-select:text}
+._o5724jg8{white-space:normal}
+._slp31hna{word-wrap:break-word}
+._te171kdv{-ms-user-select:text}
+._uizt1kdv{-webkit-user-select:text;-ms-user-select:text;user-select:text}

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

@@ -1,31 +1,26 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
+import "./index.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import Markdown from 'markdown-to-jsx';
+import { fg } from '@atlaskit/platform-feature-flags';
 /**
- * @jsxRuntime classic
- * @jsx jsx
+ * Move this import into this file when cleaning up FF bandicoots-compiled-migration-smartcard
+ * Remove the export as well
  */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import Markdown from 'markdown-to-jsx';
+import AISummaryOld from './AISummaryOld';
 import UList from './ulist';
-var AISummaryCSSStyles = css({
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
-  wordWrap: 'break-word',
-  wordBreak: 'break-word',
-  whiteSpace: 'normal',
-  WebkitUserSelect: 'text',
-  MozUserSelect: 'text',
-  MsUserSelect: 'text',
-  userSelect: 'text'
-});
+var AISummaryCSSStyles = null;
+
 /**
  * A component to render a response from AI in markdown text.
  * @internal
  * @param {AISummaryProps} AISummaryProps
  */
-
-var AISummary = function AISummary(_ref) {
+var AISummaryNew = function AISummaryNew(_ref) {
   var _ref$content = _ref.content,
     content = _ref$content === void 0 ? '' : _ref$content,
-    overrideCss = _ref.overrideCss,
+    className = _ref.className,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'ai-summary' : _ref$testId,
     _ref$minHeight = _ref.minHeight,
@@ -33,9 +28,11 @@ var AISummary = function AISummary(_ref) {
   if (!content && minHeight === 0) {
     return null;
   }
-  return jsx(Markdown, {
-    "data-testid": testId,
-    css: [AISummaryCSSStyles, overrideCss],
+  return /*#__PURE__*/React.createElement(Markdown, {
+    "data-testid": testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: ax(["_11c8qk37 _slp31hna _1nmz1hna _o5724jg8 _181u1kdv _1rkw1kdv _te171kdv _uizt1kdv", className]),
     children: content,
     options: {
       forceWrapper: true,
@@ -48,4 +45,10 @@ var AISummary = function AISummary(_ref) {
     }
   });
 };
+var AISummary = function AISummary(props) {
+  if (fg('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(AISummaryNew, props);
+  }
+  return /*#__PURE__*/React.createElement(AISummaryOld, props);
+};
 export default AISummary;

package/dist/esm/view/common/ai-summary/ulist.compiled.css

@@ -0,0 +1,2 @@
+._19bvv47k{padding-left:var(--ds-space-250,20px)}
+._bozgv47k{padding-inline-start:var(--ds-space-250,20px)}

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

@@ -1,23 +1,24 @@
+/* ulist.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
+import "./ulist.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-var listStyles = css({
-  paddingLeft: "var(--ds-space-250, 20px)",
-  paddingInlineStart: "var(--ds-space-250, 20px)"
-});
-var UList = function UList(_ref) {
+import { fg } from '@atlaskit/platform-feature-flags';
+import UListOld from './ulistOld';
+var listStyles = null;
+var UListNew = function UListNew(_ref) {
   var children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
-  return jsx("ul", _extends({
-    css: listStyles
-  }, props), children);
+  return /*#__PURE__*/React.createElement("ul", _extends({}, props, {
+    className: ax(["_19bvv47k _bozgv47k"])
+  }), children);
+};
+var UList = function UList(props) {
+  if (fg('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(UListNew, props);
+  }
+  return /*#__PURE__*/React.createElement(UListOld, props);
 };
 export default UList;

package/dist/esm/view/common/ai-summary/ulistOld.js

@@ -0,0 +1,23 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children"];
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css, jsx } from '@emotion/react';
+var listStyles = css({
+  paddingLeft: "var(--ds-space-250, 20px)",
+  paddingInlineStart: "var(--ds-space-250, 20px)"
+});
+var UListOld = function UListOld(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return jsx("ul", _extends({
+    css: listStyles
+  }, props), children);
+};
+export default UListOld;

package/dist/esm/view/common/stop-propagation/StopPropagationOld.js

@@ -0,0 +1,27 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React, { useCallback } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css, jsx } from '@emotion/react';
+var styles = css({
+  maxHeight: 0,
+  maxWidth: 0,
+  position: 'absolute'
+});
+export var StopPropagationOld = function StopPropagationOld(_ref) {
+  var children = _ref.children;
+  var onClick = useCallback(function (e) {
+    // Prevent click event inside modal from bubble up
+    e.stopPropagation();
+  }, []);
+  return (
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+    jsx("span", {
+      css: styles,
+      onClick: onClick
+    }, children)
+  );
+};

package/dist/esm/view/common/stop-propagation/index.compiled.css

@@ -0,0 +1,3 @@
+._c71lidpf{max-height:0}
+._kqswstnw{position:absolute}
+._p12fidpf{max-width:0}

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

@@ -1,27 +1,24 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
+import "./index.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-var styles = css({
-  maxHeight: 0,
-  maxWidth: 0,
-  position: 'absolute'
-});
-export var StopPropagation = function StopPropagation(_ref) {
+import { fg } from '@atlaskit/platform-feature-flags';
+import { StopPropagationOld } from './StopPropagationOld';
+var styles = null;
+var StopPropagationNew = function StopPropagationNew(_ref) {
   var children = _ref.children;
   var onClick = useCallback(function (e) {
     // Prevent click event inside modal from bubble up
     e.stopPropagation();
   }, []);
-  return (
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-    jsx("span", {
-      css: styles,
-      onClick: onClick
-    }, children)
-  );
+  return /*#__PURE__*/React.createElement("span", {
+    onClick: onClick,
+    className: ax(["_c71lidpf _p12fidpf _kqswstnw"])
+  }, children);
+};
+export var StopPropagation = function StopPropagation(props) {
+  if (fg('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(StopPropagationNew, props);
+  }
+  return /*#__PURE__*/React.createElement(StopPropagationOld, props);
 };

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

@@ -3,13 +3,22 @@ import facepaint from 'facepaint';
 // this function is used for spacing, fontsize and line height,
 // once design tokens have been established for the all of these categories
 // then this function can be replaced with the tokens
+/**
+ * @deprecated, these can be replaced with constants
+ */
 var gs = function gs(times) {
   return "".concat(8 * times, "px");
 };
+/**
+ * @deprecated, these can be replaced with constants
+ */
 var br = function br() {
   var times = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
   return "".concat(3 * times, "px");
 };
+/**
+ * @deprecated, these can be replaced with constants
+ */
 var mq = facepaint(['@media(min-width: 576px)']);
 export { gs, br, mq };
 export var handleClickCommon = function handleClickCommon(event, onClick) {

package/dist/types/common/ui/icons/utils.d.ts

@@ -2,7 +2,7 @@ import React, { type ComponentPropsWithoutRef, type ComponentType } from 'react'
 import { IconTile } from '@atlaskit/icon';
 import { SmartLinkSize } from '../../../constants';
 import type { AtlaskitIconTileProps } from './types';
-export declare const transformSmartLinkSizeToIconTileSize: (size?: SmartLinkSize) => "24" | "16";
+export declare const transformSmartLinkSizeToIconTileSize: (size?: SmartLinkSize) => "16" | "24";
 type IconProps = {
     label: string;
     testId?: string;

package/dist/types/state/hooks/use-resolve/index.d.ts

@@ -1,3 +1,3 @@
-declare const useResolve: () => (url: string, isReloading?: any, isMetadataRequest?: any, id?: any) => Promise<void>;
+declare const useResolve: () => (url: string, isReloading?: boolean, isMetadataRequest?: boolean, id?: string) => Promise<void>;
 export default useResolve;
 export type ResolveFunction = ReturnType<typeof useResolve>;

package/dist/types/state/hooks/use-response/index.d.ts

@@ -2,6 +2,6 @@ import { type JsonLd } from 'json-ld-types';
 import { APIError } from '@atlaskit/linking-common';
 declare const useResponse: () => {
     handleResolvedLinkError: (url: string, error: APIError, response?: JsonLd.Response, isMetadataRequest?: boolean) => void;
-    handleResolvedLinkResponse: (resourceUrl: string, response: JsonLd.Response | undefined, isReloading?: any, isMetadataRequest?: boolean) => void;
+    handleResolvedLinkResponse: (resourceUrl: string, response: JsonLd.Response | undefined, isReloading?: boolean, isMetadataRequest?: boolean) => void;
 };
 export default useResponse;

package/dist/types/utils/analytics/click.d.ts

@@ -5,7 +5,7 @@ import { type LinkProps } from '@atlaskit/link';
 import { type AnalyticsPayload } from '../types';
 import { type ClickOutcome, type ClickType, type UiLinkClickedEventProps } from './types';
 export declare const buttonMap: Map<number | undefined, "left" | "right" | "none" | "middle">;
-export declare const getKeys: (e: React.MouseEvent) => ("shift" | "meta" | "alt" | "ctrl")[];
+export declare const getKeys: (e: React.MouseEvent) => ("meta" | "alt" | "shift" | "ctrl")[];
 export declare function getLinkClickOutcome(e: React.MouseEvent, clickType: ClickType): ClickOutcome;
 export declare const createLinkClickedPayload: (event: React.MouseEvent) => AnalyticsPayload | undefined;
 type DeepPartial<T> = T extends object ? {

package/dist/types/view/Card/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type WrappedComponentProps } from 'react-intl-next';
 import { type CardAppearance, type CardPlatform, type CardProps } from './types';
-export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<Omit<CardProps & WrappedComponentProps, "intl"> & {
+export declare const Card: React.ForwardRefExoticComponent<Omit<Omit<Omit<CardProps & WrappedComponentProps, "intl"> & {
     forwardedRef?: React.Ref<any> | undefined;
-}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "testId" | "appearance" | "container" | "key" | "id" | "placeholder" | "children" | "onError" | "onClick" | "ui" | "actionOptions" | "hoverPreviewOptions" | "onResolve" | "showHoverPreview" | "inlinePreloaderStyle" | "isHovered" | "removeTextHighlightingFromTitle" | "resolvingPlaceholder" | "truncateInline" | "fallbackComponent" | "isSelected" | "embedIframeRef" | "embedIframeUrlType" | "frameStyle" | "inheritDimensions" | "platform" | "analyticsContext" | "forwardedRef"> & React.RefAttributes<any>>;
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "ref"> & React.RefAttributes<any>>;
 export type { CardAppearance, CardProps, CardPlatform };

package/dist/types/view/EmbedCard/components/ErrorFrame.d.ts

@@ -3,7 +3,6 @@
  * @jsx jsx
  */
 import React from 'react';
-import { jsx } from '@emotion/react';
 export interface FrameProps {
     children?: React.ReactNode;
     compact?: boolean;
@@ -14,6 +13,6 @@ export interface FrameProps {
     className?: string;
     inheritDimensions?: boolean;
 }
-export declare const Frame: (props?: FrameProps) => jsx.JSX.Element;
-export declare const ExpandedFrame: ({ children, isSelected, isHoverable, testId, className, isFluidHeight, }: FrameProps) => jsx.JSX.Element;
-export declare const CompactFrame: ({ children, isHoverable, isSelected, testId, className, inheritDimensions, }: FrameProps) => jsx.JSX.Element;
+export declare const ExpandedFrame: (props: FrameProps) => JSX.Element;
+export declare const CompactFrame: (props: FrameProps) => JSX.Element;
+export declare const Frame: (props: FrameProps) => JSX.Element;

package/dist/types/view/EmbedCard/components/ErrorFrameOld.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import { jsx } from '@emotion/react';
+export interface FrameProps {
+    children?: React.ReactNode;
+    compact?: boolean;
+    isSelected?: boolean;
+    isHoverable?: boolean;
+    isFluidHeight?: boolean;
+    testId?: string;
+    className?: string;
+    inheritDimensions?: boolean;
+}
+export declare const FrameOld: (props?: FrameProps) => jsx.JSX.Element;
+export declare const ExpandedFrameOld: ({ children, isSelected, isHoverable, testId, className, isFluidHeight, }: FrameProps) => jsx.JSX.Element;
+export declare const CompactFrameOld: ({ children, isHoverable, isSelected, testId, className, inheritDimensions, }: FrameProps) => jsx.JSX.Element;

package/dist/types/view/EmbedCard/components/ExpandedFrame.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { type FrameStyle } from '../types';
 export interface ExpandedFrameProps {
     isPlaceholder?: boolean;
@@ -37,4 +37,4 @@ export interface ExpandedFrameProps {
      */
     setOverflow?: boolean;
 }
-export declare const ExpandedFrame: ({ isPlaceholder, children, onClick, icon, text, isSelected, frameStyle, href, minWidth, maxWidth, testId, inheritDimensions, allowScrollBar, setOverflow, }: ExpandedFrameProps) => JSX.Element;
+export declare const ExpandedFrame: (props: ExpandedFrameProps) => JSX.Element;

package/dist/types/view/EmbedCard/components/ExpandedFrameOld.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import { type FrameStyle } from '../types';
+export interface ExpandedFrameProps {
+    isPlaceholder?: boolean;
+    href?: string;
+    icon?: React.ReactNode;
+    text?: React.ReactNode;
+    minWidth?: number;
+    maxWidth?: number;
+    children?: React.ReactNode;
+    /** A flag that determines whether the card is selected in edit mode. */
+    isSelected?: boolean;
+    /** A prop that determines the style of a frame: whether to show it, hide it or only show it when a user hovers over embed */
+    frameStyle?: FrameStyle;
+    /** The optional click handler */
+    onClick?: (evt: React.MouseEvent) => void;
+    /** For testing purposes only */
+    testId?: string;
+    /** If dimensions of the card are to be inherited from the parent */
+    inheritDimensions?: boolean;
+    /**
+     * To enable scrolling in use cases where the content will not have it's own scrollbar.
+     *
+     * Requires `setOverflow` to be set to true.
+     *
+     * Always enable this when when the card is not resolved so the connect account button is not hiddden.
+     */
+    allowScrollBar?: boolean;
+    /**
+     * Should the CSS `overflow` property be set to hidden or auto (clipping or
+     * supporting a scroll bar), or left out altogether.
+     *
+     * Set to true when embed is unresolved to prevent account connection button being unreachable.
+     *
+     * Set to false when the card is resolved to mitigate blurry embed card issue (EDM-7188).
+     * @default true
+     */
+    setOverflow?: boolean;
+}
+export declare const ExpandedFrameOld: ({ isPlaceholder, children, onClick, icon, text, isSelected, frameStyle, href, minWidth, maxWidth, testId, inheritDimensions, allowScrollBar, setOverflow, }: ExpandedFrameProps) => JSX.Element;

package/dist/types/view/EmbedCard/components/FrameOld.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+export interface FrameProps {
+    url?: string;
+    isTrusted?: boolean;
+    testId?: string;
+    onIframeDwell?: (dwellTime: number, dwellPercentVisible: number) => void;
+    onIframeFocus?: () => void;
+    title?: string;
+}
+export declare const FrameOld: React.ForwardRefExoticComponent<FrameProps & React.RefAttributes<HTMLIFrameElement>>;