@atlaskit/smart-card 34.1.0 → 34.2.0

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

@@ -0,0 +1,68 @@
+/**
+ * @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 { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
+var styles = css({
+  // Stretch the invisible link over the whole of the post.
+  // Hide the link’s text.
+  top: 0,
+  right: 0,
+  bottom: 0,
+  left: 0,
+  overflow: 'hidden',
+  textIndent: '100%',
+  whiteSpace: 'nowrap',
+  // Needs a heightened specificity to trump other anchor.
+  // Stack it under all other links in the post text.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  'a&.layered-link': {
+    position: 'absolute',
+    zIndex: 0
+  },
+  // When hovering over the layered link, any hidden action buttons inside
+  // the Container should become visible.
+  // As actions resides inside blocks and layered link is expected to be
+  // on the same level of blocks. That makes the blocks, e.g. TitleBlock,
+  // its sibling. Using general sibling combinator here to apply styling to
+  // all the siblings of layered link.
+  // The general sibling combinator (~) separates two selectors and matches all
+  // iterations of the second element, that are following the first element
+  // (though not necessarily immediately), and are children of the same parent
+  // element.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '&:hover ~ *': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+    '.actions-button-group': {
+      opacity: 1
+    }
+  }
+});
+
+/**
+ * An anchor component to cover the entire container creating a clickable area.
+ * @internal
+ * @see `clickableContainer`
+ */
+var LayeredLinkOld = function LayeredLinkOld(_ref) {
+  var onClick = _ref.onClick,
+    target = _ref.target,
+    testId = _ref.testId,
+    text = _ref.text,
+    url = _ref.url;
+  var onMouseDown = useMouseDownEvent();
+  return jsx("a", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    className: "layered-link",
+    css: styles,
+    "data-testid": "".concat(testId, "-layered-link"),
+    href: url,
+    onClick: onClick,
+    onMouseDown: onMouseDown,
+    target: target,
+    tabIndex: -1 // Hide tab index and let the title link be the link.
+  }, text);
+};
+export default LayeredLinkOld;

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

@@ -0,0 +1,11 @@
+._154iidpf{top:0}
+._18m915vq{overflow-y:hidden}
+._1ltvidpf{left:0}
+._1reo15vq{overflow-x:hidden}
+._1xi2idpf{right:0}
+._94n5idpf{bottom:0}
+._a52dkb7n:hover~* .actions-button-group{opacity:1}
+._azhw1osq{text-indent:100%}
+._o5721q9c{white-space:nowrap}
+a._hboxstnw.layered-link{position:absolute}
+a._obkmidpf.layered-link{z-index:0}

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

@@ -1,62 +1,27 @@
-/**
- * @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.35.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 { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
-var styles = css({
-  // Stretch the invisible link over the whole of the post.
-  // Hide the link’s text.
-  top: 0,
-  right: 0,
-  bottom: 0,
-  left: 0,
-  overflow: 'hidden',
-  textIndent: '100%',
-  whiteSpace: 'nowrap',
-  // Needs a heightened specificity to trump other anchor.
-  // Stack it under all other links in the post text.
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  'a&.layered-link': {
-    position: 'absolute',
-    zIndex: 0
-  },
-  // When hovering over the layered link, any hidden action buttons inside
-  // the Container should become visible.
-  // As actions resides inside blocks and layered link is expected to be
-  // on the same level of blocks. That makes the blocks, e.g. TitleBlock,
-  // its sibling. Using general sibling combinator here to apply styling to
-  // all the siblings of layered link.
-  // The general sibling combinator (~) separates two selectors and matches all
-  // iterations of the second element, that are following the first element
-  // (though not necessarily immediately), and are children of the same parent
-  // element.
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '&:hover ~ *': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '.actions-button-group': {
-      opacity: 1
-    }
-  }
-});
+import LayeredLinkOld from './LayeredLinkOld';
+var styles = null;
 
 /**
  * An anchor component to cover the entire container creating a clickable area.
  * @internal
  * @see `clickableContainer`
  */
-var LayeredLink = function LayeredLink(_ref) {
+var LayeredLinkNew = function LayeredLinkNew(_ref) {
   var onClick = _ref.onClick,
     target = _ref.target,
     testId = _ref.testId,
     text = _ref.text,
     url = _ref.url;
   var onMouseDown = useMouseDownEvent();
-  return jsx("a", {
+  return /*#__PURE__*/React.createElement("a", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: "layered-link",
-    css: styles,
+    className: ax(["_1reo15vq _18m915vq _154iidpf _1xi2idpf _94n5idpf _1ltvidpf _azhw1osq _o5721q9c _hboxstnw _obkmidpf _a52dkb7n", "layered-link"]),
     "data-testid": "".concat(testId, "-layered-link"),
     href: url,
     onClick: onClick,
@@ -65,4 +30,10 @@ var LayeredLink = function LayeredLink(_ref) {
     tabIndex: -1 // Hide tab index and let the title link be the link.
   }, text);
 };
+var LayeredLink = function LayeredLink(props) {
+  if (fg('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(LayeredLinkNew, props);
+  }
+  return /*#__PURE__*/React.createElement(LayeredLinkOld, props);
+};
 export default LayeredLink;

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

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

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

@@ -1,9 +1,10 @@
 import React from 'react';
 interface IFrameProps {
+    className?: string;
     childRef?: React.Ref<HTMLIFrameElement>;
 }
 /**
  * Iframe element isolated for DI purposes
  */
-export declare const IFrame: ({ childRef, ...props }: React.ComponentProps<'iframe'> & IFrameProps) => JSX.Element;
+export declare const IFrame: ({ childRef, className, ...props }: React.ComponentProps<'iframe'> & IFrameProps) => JSX.Element;
 export {};

package/dist/types/view/EmbedModal/components/embed-content/index.d.ts

@@ -1,8 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type EmbedProps } from './types';
-declare const EmbedContent: ({ isTrusted, name, src, testId }: EmbedProps) => jsx.JSX.Element;
-export default EmbedContent;
+declare const Exported: (props: EmbedProps) => JSX.Element;
+export default Exported;

package/dist/types/view/EmbedModal/components/embed-content/indexOld.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+import { type EmbedProps } from './types';
+declare const EmbedContent: ({ isTrusted, name, src, testId }: EmbedProps) => jsx.JSX.Element;
+export default EmbedContent;

package/dist/types/view/EmbedModal/components/link-info/index.d.ts

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type LinkInfoProps } from './types';
-declare const LinkInfo: ({ icon, providerName, onDownloadButtonClick, onResizeButtonClick, onViewButtonClick, size, testId, title, }: LinkInfoProps) => jsx.JSX.Element;
-export default LinkInfo;
+declare const Exported: (props: LinkInfoProps) => JSX.Element;
+export default Exported;

package/dist/types/view/EmbedModal/components/link-info/indexOld.d.ts

@@ -0,0 +1,4 @@
+import { jsx } from '@emotion/react';
+import { type LinkInfoProps } from './types';
+declare const LinkInfo: ({ icon, providerName, onDownloadButtonClick, onResizeButtonClick, onViewButtonClick, size, testId, title, }: LinkInfoProps) => jsx.JSX.Element;
+export default LinkInfo;

package/dist/types/view/FlexibleCard/components/common/image-icon/index.d.ts

@@ -1,8 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type ImageIconProps } from './types';
-declare const ImageIcon: ({ defaultIcon, testId, url, onError, onLoad }: ImageIconProps) => jsx.JSX.Element;
+declare const ImageIcon: ({ defaultIcon, testId, url, onError, onLoad }: ImageIconProps) => JSX.Element;
 export default ImageIcon;

package/dist/types/view/FlexibleCard/components/common/loading-skeleton/LoadingSkeletonOld.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+import { type LoadingSkeletonProps } from './types';
+declare const LoadingSkeletonOld: ({ testId, width, height }: LoadingSkeletonProps) => jsx.JSX.Element;
+export default LoadingSkeletonOld;

package/dist/types/view/FlexibleCard/components/common/loading-skeleton/index.d.ts

@@ -1,8 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type LoadingSkeletonProps } from './types';
-declare const LoadingSkeleton: ({ testId, width, height }: LoadingSkeletonProps) => jsx.JSX.Element;
+declare const LoadingSkeleton: (props: LoadingSkeletonProps) => JSX.Element;
 export default LoadingSkeleton;

package/dist/types/view/FlexibleCard/components/container/index.d.ts

@@ -1,14 +1,14 @@
-import { jsx, type SerializedStyles } from '@emotion/react';
-import { SmartLinkSize } from '../../../../constants';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import { type FlexibleUiDataContext } from '../../../../state/flexible-ui-context/types';
 import { type ChildrenOptions, type ContainerProps } from './types';
-export declare const getContainerStyles: (size: SmartLinkSize, hideBackground: boolean, hideElevation: boolean, hidePadding: boolean, clickableContainer: boolean, childrenOptions: ChildrenOptions) => SerializedStyles;
 /**
- * A container is a hidden component that build the Flexible Smart Link.
- * All the Flexible UI components are wrapped inside the container.
- * It inherits the ui props from Card component and applies the custom styling
- * accordingly.
- * @internal
- * @see Block
+ * Eventually these exports should be removed on FF clean up bandicoots-compiled-migration-smartcard
  */
-declare const Container: ({ children, clickableContainer, hideBackground, hideElevation, hidePadding, onClick, retry, showHoverPreview, hoverPreviewOptions, actionOptions, size, status, testId, theme, }: ContainerProps) => jsx.JSX.Element;
+export { getContainerStyles } from './indexOld';
+export declare const getChildrenOptions: (children: React.ReactNode, context?: FlexibleUiDataContext) => ChildrenOptions;
+declare const Container: (props: ContainerProps) => JSX.Element;
 export default Container;

package/dist/types/view/FlexibleCard/components/container/indexOld.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import { jsx, type SerializedStyles } from '@emotion/react';
+import { SmartLinkSize } from '../../../../constants';
+import { type FlexibleUiDataContext } from '../../../../state/flexible-ui-context/types';
+import { type ChildrenOptions, type ContainerProps } from './types';
+/**
+ * @deprecated consider removing on FF bandicoots-compiled-migration-smartcard
+ */
+export declare const getContainerStyles: (size: SmartLinkSize, hideBackground: boolean, hideElevation: boolean, hidePadding: boolean, clickableContainer: boolean, childrenOptions: ChildrenOptions) => SerializedStyles;
+export declare const getChildrenOptions: (children: React.ReactNode, context?: FlexibleUiDataContext) => ChildrenOptions;
+/**
+ * A container is a hidden component that build the Flexible Smart Link.
+ * All the Flexible UI components are wrapped inside the container.
+ * It inherits the ui props from Card component and applies the custom styling
+ * accordingly.
+ * @internal
+ * @see Block
+ */
+declare const ContainerOld: ({ children, clickableContainer, hideBackground, hideElevation, hidePadding, onClick, retry, showHoverPreview, hoverPreviewOptions, actionOptions, size, status, testId, theme, }: ContainerProps) => jsx.JSX.Element;
+export default ContainerOld;

package/dist/types/view/FlexibleCard/components/container/layered-link/LayeredLinkOld.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+import { type LayeredLinkProps } from './types';
+/**
+ * An anchor component to cover the entire container creating a clickable area.
+ * @internal
+ * @see `clickableContainer`
+ */
+declare const LayeredLinkOld: ({ onClick, target, testId, text, url }: LayeredLinkProps) => jsx.JSX.Element;
+export default LayeredLinkOld;

package/dist/types/view/FlexibleCard/components/container/layered-link/index.d.ts

@@ -1,13 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type LayeredLinkProps } from './types';
-/**
- * An anchor component to cover the entire container creating a clickable area.
- * @internal
- * @see `clickableContainer`
- */
-declare const LayeredLink: ({ onClick, target, testId, text, url }: LayeredLinkProps) => jsx.JSX.Element;
+declare const LayeredLink: (props: LayeredLinkProps) => JSX.Element;
 export default LayeredLink;

package/dist/types/view/HoverCard/components/CustomPopupContainer.d.ts

@@ -9,5 +9,5 @@ import { type PopupComponentProps } from '@atlaskit/popup';
  * HoverCard border implementation is in ContentContainer where it can
  * change between the default border and prism border during runtime.
  */
-declare const CustomPopupContainer: React.ForwardRefExoticComponent<Pick<PopupComponentProps, "appearance" | "style" | "id" | "tabIndex" | "role" | "children" | "data-testid" | "xcss" | "shouldFitContainer" | "shouldRenderToParent" | "data-placement"> & React.RefAttributes<HTMLDivElement>>;
+declare const CustomPopupContainer: React.ForwardRefExoticComponent<Pick<PopupComponentProps, "appearance" | "style" | "id" | "tabIndex" | "role" | "children" | "data-testid" | "shouldFitContainer" | "xcss" | "shouldRenderToParent" | "data-placement"> & React.RefAttributes<HTMLDivElement>>;
 export default CustomPopupContainer;

package/dist/types-ts4.5/view/EmbedCard/components/IFrame.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 interface IFrameProps {
+    className?: string;
     childRef?: React.Ref<HTMLIFrameElement>;
 }
 /**
  * Iframe element isolated for DI purposes
  */
-export declare const IFrame: ({ childRef, ...props }: React.ComponentProps<'iframe'> & IFrameProps) => JSX.Element;
+export declare const IFrame: ({ childRef, className, ...props }: React.ComponentProps<'iframe'> & IFrameProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/view/EmbedModal/components/embed-content/index.d.ts

@@ -1,8 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type EmbedProps } from './types';
-declare const EmbedContent: ({ isTrusted, name, src, testId }: EmbedProps) => jsx.JSX.Element;
-export default EmbedContent;
+declare const Exported: (props: EmbedProps) => JSX.Element;
+export default Exported;

package/dist/types-ts4.5/view/EmbedModal/components/embed-content/indexOld.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+import { type EmbedProps } from './types';
+declare const EmbedContent: ({ isTrusted, name, src, testId }: EmbedProps) => jsx.JSX.Element;
+export default EmbedContent;

package/dist/types-ts4.5/view/EmbedModal/components/link-info/index.d.ts

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type LinkInfoProps } from './types';
-declare const LinkInfo: ({ icon, providerName, onDownloadButtonClick, onResizeButtonClick, onViewButtonClick, size, testId, title, }: LinkInfoProps) => jsx.JSX.Element;
-export default LinkInfo;
+declare const Exported: (props: LinkInfoProps) => JSX.Element;
+export default Exported;

package/dist/types-ts4.5/view/EmbedModal/components/link-info/indexOld.d.ts

@@ -0,0 +1,4 @@
+import { jsx } from '@emotion/react';
+import { type LinkInfoProps } from './types';
+declare const LinkInfo: ({ icon, providerName, onDownloadButtonClick, onResizeButtonClick, onViewButtonClick, size, testId, title, }: LinkInfoProps) => jsx.JSX.Element;
+export default LinkInfo;

package/dist/types-ts4.5/view/FlexibleCard/components/common/image-icon/index.d.ts

@@ -1,8 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type ImageIconProps } from './types';
-declare const ImageIcon: ({ defaultIcon, testId, url, onError, onLoad }: ImageIconProps) => jsx.JSX.Element;
+declare const ImageIcon: ({ defaultIcon, testId, url, onError, onLoad }: ImageIconProps) => JSX.Element;
 export default ImageIcon;

package/dist/types-ts4.5/view/FlexibleCard/components/common/loading-skeleton/LoadingSkeletonOld.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+import { type LoadingSkeletonProps } from './types';
+declare const LoadingSkeletonOld: ({ testId, width, height }: LoadingSkeletonProps) => jsx.JSX.Element;
+export default LoadingSkeletonOld;

package/dist/types-ts4.5/view/FlexibleCard/components/common/loading-skeleton/index.d.ts

@@ -1,8 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type LoadingSkeletonProps } from './types';
-declare const LoadingSkeleton: ({ testId, width, height }: LoadingSkeletonProps) => jsx.JSX.Element;
+declare const LoadingSkeleton: (props: LoadingSkeletonProps) => JSX.Element;
 export default LoadingSkeleton;

package/dist/types-ts4.5/view/FlexibleCard/components/container/index.d.ts

@@ -1,14 +1,14 @@
-import { jsx, type SerializedStyles } from '@emotion/react';
-import { SmartLinkSize } from '../../../../constants';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import { type FlexibleUiDataContext } from '../../../../state/flexible-ui-context/types';
 import { type ChildrenOptions, type ContainerProps } from './types';
-export declare const getContainerStyles: (size: SmartLinkSize, hideBackground: boolean, hideElevation: boolean, hidePadding: boolean, clickableContainer: boolean, childrenOptions: ChildrenOptions) => SerializedStyles;
 /**
- * A container is a hidden component that build the Flexible Smart Link.
- * All the Flexible UI components are wrapped inside the container.
- * It inherits the ui props from Card component and applies the custom styling
- * accordingly.
- * @internal
- * @see Block
+ * Eventually these exports should be removed on FF clean up bandicoots-compiled-migration-smartcard
  */
-declare const Container: ({ children, clickableContainer, hideBackground, hideElevation, hidePadding, onClick, retry, showHoverPreview, hoverPreviewOptions, actionOptions, size, status, testId, theme, }: ContainerProps) => jsx.JSX.Element;
+export { getContainerStyles } from './indexOld';
+export declare const getChildrenOptions: (children: React.ReactNode, context?: FlexibleUiDataContext) => ChildrenOptions;
+declare const Container: (props: ContainerProps) => JSX.Element;
 export default Container;

package/dist/types-ts4.5/view/FlexibleCard/components/container/indexOld.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import { jsx, type SerializedStyles } from '@emotion/react';
+import { SmartLinkSize } from '../../../../constants';
+import { type FlexibleUiDataContext } from '../../../../state/flexible-ui-context/types';
+import { type ChildrenOptions, type ContainerProps } from './types';
+/**
+ * @deprecated consider removing on FF bandicoots-compiled-migration-smartcard
+ */
+export declare const getContainerStyles: (size: SmartLinkSize, hideBackground: boolean, hideElevation: boolean, hidePadding: boolean, clickableContainer: boolean, childrenOptions: ChildrenOptions) => SerializedStyles;
+export declare const getChildrenOptions: (children: React.ReactNode, context?: FlexibleUiDataContext) => ChildrenOptions;
+/**
+ * A container is a hidden component that build the Flexible Smart Link.
+ * All the Flexible UI components are wrapped inside the container.
+ * It inherits the ui props from Card component and applies the custom styling
+ * accordingly.
+ * @internal
+ * @see Block
+ */
+declare const ContainerOld: ({ children, clickableContainer, hideBackground, hideElevation, hidePadding, onClick, retry, showHoverPreview, hoverPreviewOptions, actionOptions, size, status, testId, theme, }: ContainerProps) => jsx.JSX.Element;
+export default ContainerOld;

package/dist/types-ts4.5/view/FlexibleCard/components/container/layered-link/LayeredLinkOld.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+import { type LayeredLinkProps } from './types';
+/**
+ * An anchor component to cover the entire container creating a clickable area.
+ * @internal
+ * @see `clickableContainer`
+ */
+declare const LayeredLinkOld: ({ onClick, target, testId, text, url }: LayeredLinkProps) => jsx.JSX.Element;
+export default LayeredLinkOld;

package/dist/types-ts4.5/view/FlexibleCard/components/container/layered-link/index.d.ts

@@ -1,13 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type LayeredLinkProps } from './types';
-/**
- * An anchor component to cover the entire container creating a clickable area.
- * @internal
- * @see `clickableContainer`
- */
-declare const LayeredLink: ({ onClick, target, testId, text, url }: LayeredLinkProps) => jsx.JSX.Element;
+declare const LayeredLink: (props: LayeredLinkProps) => JSX.Element;
 export default LayeredLink;

package/dist/types-ts4.5/view/HoverCard/components/CustomPopupContainer.d.ts

@@ -9,5 +9,5 @@ import { type PopupComponentProps } from '@atlaskit/popup';
  * HoverCard border implementation is in ContentContainer where it can
  * change between the default border and prism border during runtime.
  */
-declare const CustomPopupContainer: React.ForwardRefExoticComponent<Pick<PopupComponentProps, "appearance" | "style" | "id" | "tabIndex" | "role" | "children" | "data-testid" | "xcss" | "shouldFitContainer" | "shouldRenderToParent" | "data-placement"> & React.RefAttributes<HTMLDivElement>>;
+declare const CustomPopupContainer: React.ForwardRefExoticComponent<Pick<PopupComponentProps, "appearance" | "style" | "id" | "tabIndex" | "role" | "children" | "data-testid" | "shouldFitContainer" | "xcss" | "shouldRenderToParent" | "data-placement"> & React.RefAttributes<HTMLDivElement>>;
 export default CustomPopupContainer;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "34.1.0",
+	"version": "34.2.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"