@atlaskit/smart-card 34.5.2 → 34.6.0

package/dist/esm/view/HoverCard/components/views/unauthorised/index.js

@@ -1,7 +1,12 @@
+/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
 import _extends from "@babel/runtime/helpers/extends";
-import React, { useCallback, useMemo } from 'react';
+import "./index.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { useCallback, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { extractProvider } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { ActionName, CardDisplay } from '../../../../../constants';
 import { messages } from '../../../../../messages';
@@ -12,8 +17,11 @@ import FlexibleCard from '../../../../FlexibleCard';
 import { CustomBlock } from '../../../../FlexibleCard/components/blocks';
 import ActionGroup from '../../../../FlexibleCard/components/blocks/action-group';
 import { LinkIcon } from '../../../../FlexibleCard/components/elements';
-import { connectButtonStyles, mainTextStyles, titleBlockStyles } from './styled';
-var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
+import HoverCardUnauthorisedViewOld from './HoverCardUnauthorisedViewOld';
+var connectButtonStyles = null;
+var titleBlockStyles = null;
+var mainTextStyles = null;
+var HoverCardUnauthorisedViewNew = function HoverCardUnauthorisedViewNew(_ref) {
   var _cardState$details, _extractProvider;
   var _ref$id = _ref.id,
     id = _ref$id === void 0 ? '' : _ref$id,
@@ -49,24 +57,31 @@ var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
   return /*#__PURE__*/React.createElement(FlexibleCard, _extends({}, flexibleCardProps, {
     testId: testId
   }), /*#__PURE__*/React.createElement(CustomBlock, {
-    overrideCss: titleBlockStyles,
-    testId: "".concat(testId, "-title")
+    testId: "".concat(testId, "-title"),
+    className: ax(["_zulp5l1i _bpsp1wq8"])
   }, /*#__PURE__*/React.createElement(LinkIcon, null), /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_link_account_card_name, {
     values: {
       context: providerName
     }
   }))), /*#__PURE__*/React.createElement(CustomBlock, {
-    overrideCss: mainTextStyles,
-    testId: "".concat(testId, "-content")
+    testId: "".concat(testId, "-content"),
+    className: ax(["_11c8qk37 _19pkcxkx"])
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
     providerName: providerName,
     isProductIntegrationSupported: isProductIntegrationSupported
   }))), /*#__PURE__*/React.createElement(CustomBlock, {
-    overrideCss: connectButtonStyles,
-    testId: "".concat(testId, "-button")
+    testId: "".concat(testId, "-button"),
+    className: ax(["_1bahesu3 _19pkcxkx"])
   }, /*#__PURE__*/React.createElement(ActionGroup, {
     items: actions,
     appearance: "primary"
   })));
 };
+var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(props) {
+  if (fg('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(HoverCardUnauthorisedViewNew, props);
+  } else {
+    return /*#__PURE__*/React.createElement(HoverCardUnauthorisedViewOld, props);
+  }
+};
 export default HoverCardUnauthorisedView;

package/dist/esm/view/HoverCard/components/views/unauthorised/styled.js

@@ -3,12 +3,18 @@ import { css } from '@emotion/react';
 var blockGap = '0.5rem';
 var iconGap = '0.5rem';
 
+/**
+ * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var connectButtonStyles = css({
   justifyContent: 'flex-end',
   marginTop: blockGap
 });
 
+/**
+ * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var titleBlockStyles = css({
   gap: "".concat(blockGap, " ").concat(iconGap),
@@ -18,6 +24,9 @@ export var titleBlockStyles = css({
   }
 });
 
+/**
+ * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var mainTextStyles = css({
   marginTop: blockGap,

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

@@ -1,14 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useCallback } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import React, { useCallback } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import { di } from 'react-magnetic-di';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -41,10 +34,10 @@ var HoverCardWithErrorBoundary = function HoverCardWithErrorBoundary(props) {
       errorInfo: info
     }));
   }, [analyticsContext, id, fireEvent]);
-  return jsx(ErrorBoundary, {
+  return /*#__PURE__*/React.createElement(ErrorBoundary, {
     fallback: children,
     onError: onError
-  }, jsx(SmartLinkModalProvider, null, jsx(HoverCardComponent, props, children)));
+  }, /*#__PURE__*/React.createElement(SmartLinkModalProvider, null, /*#__PURE__*/React.createElement(HoverCardComponent, props, children)));
 };
 var HoverCardWithoutAnalyticsContext = withAnalyticsEvents()(HoverCardWithErrorBoundary);
 
@@ -56,12 +49,12 @@ var HoverCardWithoutAnalyticsContext = withAnalyticsEvents()(HoverCardWithErrorB
  * use to configure hover preview behaviour.
  */
 export var HoverCard = function HoverCard(props) {
-  return jsx(HoverCardWithoutAnalyticsContext, props);
+  return /*#__PURE__*/React.createElement(HoverCardWithoutAnalyticsContext, props);
 };
 
 /**
  * A standalone hover preview component
  */
 export var StandaloneHoverCard = function StandaloneHoverCard(props) {
-  return jsx(HoverCard, props);
+  return /*#__PURE__*/React.createElement(HoverCard, props);
 };

package/dist/esm/view/HoverCard/styled.js

@@ -20,6 +20,9 @@ export var CARD_GAP_PX = 10;
 var blockGap = '0.5rem';
 var elementGap = '0.5rem';
 
+/**
+ * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var separatorCss = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
@@ -28,11 +31,21 @@ export var separatorCss = css({
   }
 });
 
+/**
+ * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
+ */
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var HoverCardContainer = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tbackground: none;\n\tborder-width: 0;\n\tbox-sizing: border-box;\n\twidth: ", "rem;\n\n\t.", " {\n\t\tdisplay: none;\n\t}\n"])), NEW_CARD_WIDTH_REM, loadingPlaceholderClassName);
 
+/**
+ * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
+ */
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var titleBlockCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\tgap: ", ";\n\n\t", "\n\n\t// title and subtitle element group\n  [data-smart-element-group] {\n\t\t// gap between title and subtitle\n\t\tgap: 0.06rem;\n\t\tdisplay: flex;\n\t\t/* subtitle element group */\n\t\t> [data-smart-element-group] {\n\t\t\t> span {\n\t\t\t\tmargin-right: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t[data-smart-element='Title'] {\n\t\tfont-weight: ", ";\n\t}\n"])), blockGap, separatorCss, elementGap, "var(--ds-font-weight-semibold, 600)");
+
+/**
+ * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
+ */
 export var getTransitionStyles = function getTransitionStyles(snippetHeight) {
   return css({
     transition: 'height 300ms ease-in-out',
@@ -41,12 +54,19 @@ export var getTransitionStyles = function getTransitionStyles(snippetHeight) {
   });
 };
 
+/**
+ * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var popupContainerStyles = css({
   borderRadius: "var(--ds-border-radius-200, 8px)",
   backgroundColor: "var(--ds-surface-overlay, white)",
   boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px rgba(9, 30, 66, 0.15),0px 0px 1px rgba(9, 30, 66, 0.31))"
 });
+
+/**
+ * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
+ */
 export var getPreviewBlockStyles = function getPreviewBlockStyles(previewHeight) {
   return (
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766

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.5.2",
+  packageVersion: "34.6.0",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/view/BlockCard/views/ResolvedView.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { type FlexibleBlockCardProps } from './types';
 declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
 export default _default;

package/dist/types/view/BlockCard/views/ResolvedViewOld.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { type FlexibleBlockCardProps } from './types';
+/**
+ * This view represents a Block card that has an 'Resolved' status.
+ * @see SmartLinkStatus
+ * @see FlexibleCardProps
+ */
+declare const ResolvedViewOld: ({ cardState, onClick, onError, onResolve, actionOptions, testId, url, }: FlexibleBlockCardProps) => JSX.Element;
+export default ResolvedViewOld;

package/dist/types/view/BlockCard/views/UnauthorisedView.d.ts

@@ -1,4 +1,3 @@
-import { jsx } from '@emotion/react';
 import { type FlexibleBlockCardProps } from './types';
-declare const _default: (props: FlexibleBlockCardProps) => jsx.JSX.Element;
+declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
 export default _default;

package/dist/types/view/BlockCard/views/unresolved-view/UnresolvedViewOld.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type UnresolvedViewProps } from './types';
+declare const UnresolvedViewOld: ({ actions, cardState, children, onAuthorize, onClick, onError, showPreview, testId, title, url, }: UnresolvedViewProps) => JSX.Element;
+export default UnresolvedViewOld;

package/dist/types/view/BlockCard/views/unresolved-view/index.d.ts

@@ -1,4 +1,8 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 /// <reference types="react" />
 import { type UnresolvedViewProps } from './types';
-declare const UnresolvedView: ({ actions, cardState, children, onAuthorize, onClick, onError, showPreview, testId, title, url, }: UnresolvedViewProps) => JSX.Element;
-export default UnresolvedView;
+export declare const UnresolvedViewExported: (props: UnresolvedViewProps) => JSX.Element;
+export default UnresolvedViewExported;

package/dist/types/view/BlockCard/views/utils/index.d.ts

@@ -12,6 +12,7 @@ type SimulatedMetadata = {
 };
 export declare const FlexibleCardUiOptions: FlexibleUiOptions;
 export declare const titleBlockOptions: Partial<TitleBlockProps>;
+export declare const titleBlockOptionsOld: Partial<TitleBlockProps>;
 export declare const PreviewBlockOptions: Partial<PreviewBlockProps>;
-export declare const FooterBlockOptions: Partial<FooterBlockProps>;
+export declare const FooterBlockOptionsOld: Partial<FooterBlockProps>;
 export {};

package/dist/types/view/BlockCard/views/utils/withFlexibleUIBlockCardStyle.d.ts

@@ -1,7 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type FlexibleBlockCardProps } from '../types';
-export declare const withFlexibleUIBlockCardStyle: (FlexibleBlockCardView: React.ComponentType<FlexibleBlockCardProps>) => (props: FlexibleBlockCardProps) => jsx.JSX.Element;
+export declare const withFlexibleUIBlockCardStyleNew: (FlexibleBlockCardView: React.ComponentType<FlexibleBlockCardProps>) => (props: FlexibleBlockCardProps) => JSX.Element;
+export declare const withFlexibleUIBlockCardStyle: (FlexibleBlockCardView: React.ComponentType<FlexibleBlockCardProps>) => (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;

package/dist/types/view/BlockCard/views/utils/withFlexibleUIBlockCardStyleOld.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+import { type FlexibleBlockCardProps } from '../types';
+export declare const withFlexibleUIBlockCardStyleOld: (FlexibleBlockCardView: React.ComponentType<FlexibleBlockCardProps>) => (props: FlexibleBlockCardProps) => jsx.JSX.Element;

package/dist/types/view/FlexibleCard/components/blocks/block/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { type BlockProps } from '../types';
-declare const Exported: (props: BlockProps) => JSX.Element;
-export default Exported;
+declare const Block: (props: BlockProps) => JSX.Element;
+export default Block;

package/dist/types/view/FlexibleCard/components/blocks/element-group/index.d.ts

@@ -1,13 +1,4 @@
 /// <reference types="react" />
-import ElementGroupOld from './ElementGroupOld';
 import { type ElementGroupProps } from './types';
-/**
- * Creates a group of Action components. Accepts an array of Actions, in addition to some styling
- * preferences.
- * @internal
- * @param {ActionGroupProps} ActionGroupProps
- * @see Action
- */
-declare const ElementGroupNew: ({ align, children, direction, size, testId, width, position, className, }: ElementGroupProps) => JSX.Element;
-export default ElementGroupOld;
-export { ElementGroupNew };
+declare const ElementGroup: (props: ElementGroupProps) => JSX.Element;
+export default ElementGroup;

package/dist/types/view/FlexibleCard/components/blocks/footer-block/resolved/FooterBlockResolvedViewOld.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { FooterBlockProps } from '../types';
+declare const FooterBlockResolvedViewOld: (props: FooterBlockProps) => JSX.Element;
+export default FooterBlockResolvedViewOld;

package/dist/types/view/FlexibleCard/components/blocks/footer-block/resolved/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { FooterBlockProps } from '../types';
-declare const FooterBlockResolvedView: (props: FooterBlockProps) => JSX.Element;
-export default FooterBlockResolvedView;
+declare const FooterBlockResolvedViewExported: (props: FooterBlockProps) => JSX.Element;
+export default FooterBlockResolvedViewExported;

package/dist/types/view/FlexibleCard/components/blocks/metadata-block/types.d.ts

@@ -23,4 +23,5 @@ export type MetadataBlockProps = {
      * @see ElementItem
      */
     secondary?: ElementItem[];
+    className?: string;
 } & BlockProps;

package/dist/types/view/FlexibleCard/components/blocks/preview-block/resolved/index.d.ts

@@ -1,10 +1,4 @@
 /// <reference types="react" />
 import { type PreviewBlockProps } from '../types';
-/**
- * Represents a resolved PreviewBlock, which typically contains media or other large format content.
- * @public
- * @param {PreviewBlock} PreviewBlock
- * @see Block
- */
-declare const PreviewBlockResolvedView: ({ ignoreContainerPadding, onError, className, placement, testId, overrideUrl, ...blockProps }: PreviewBlockProps) => JSX.Element;
+declare const PreviewBlockResolvedView: (props: PreviewBlockProps) => JSX.Element;
 export default PreviewBlockResolvedView;

package/dist/types/view/FlexibleCard/components/blocks/preview-block/resolved/indexOld.d.ts

@@ -6,5 +6,5 @@ import { type PreviewBlockProps } from '../types';
  * @param {PreviewBlock} PreviewBlock
  * @see Block
  */
-declare const PreviewBlockResolvedView: ({ ignoreContainerPadding, onError, overrideCss, placement, testId, overrideUrl, ...blockProps }: PreviewBlockProps) => jsx.JSX.Element;
-export default PreviewBlockResolvedView;
+declare const PreviewBlockResolvedViewOld: ({ ignoreContainerPadding, onError, overrideCss, placement, testId, overrideUrl, ...blockProps }: PreviewBlockProps) => jsx.JSX.Element;
+export default PreviewBlockResolvedViewOld;

package/dist/types/view/FlexibleCard/components/blocks/title-block/errored/TitleBlockErroredViewOld.d.ts

@@ -11,5 +11,5 @@ import { type TitleBlockViewProps } from '../types';
  * or the backend response was errored or malformed.
  * @see TitleBlock
  */
-declare const TitleBlockErroredView: ({ actionGroup, retry, position, testId, title, icon, hideIcon, ...blockProps }: TitleBlockViewProps) => jsx.JSX.Element;
-export default TitleBlockErroredView;
+declare const TitleBlockErroredViewOld: ({ actionGroup, retry, position, testId, title, icon, hideIcon, ...blockProps }: TitleBlockViewProps) => jsx.JSX.Element;
+export default TitleBlockErroredViewOld;

package/dist/types/view/FlexibleCard/components/blocks/title-block/errored/index.d.ts

@@ -1,13 +1,4 @@
 /// <reference types="react" />
 import { type TitleBlockViewProps } from '../types';
-import TitleBlockErroredViewOld from './TitleBlockErroredViewOld';
-/**
- * Represents an Errored TitleBlock view.
- * This will render when a Smart Link did not successfully resolve.
- * This may be a result of a Smart Link not having the correct credentials,
- * or the backend response was errored or malformed.
- * @see TitleBlock
- */
-declare const TitleBlockErroredViewNew: ({ actionGroup, retry, position, testId, title, icon, hideIcon, ...blockProps }: TitleBlockViewProps) => JSX.Element;
-export default TitleBlockErroredViewOld;
-export { TitleBlockErroredViewNew };
+declare const TitleBlockErroredView: (props: TitleBlockViewProps) => JSX.Element;
+export default TitleBlockErroredView;

package/dist/types/view/FlexibleCard/components/blocks/title-block/resolved/TitleBlockResolvedViewOld.d.ts

@@ -5,5 +5,5 @@ import { type TitleBlockViewProps } from '../types';
  * This should render when a Smart Link returns a valid response.
  * @see TitleBlock
  */
-declare const TitleBlockResolvedView: ({ actionGroup, metadata, position, subtitle, testId, text, icon, title, metadataPosition, hideIcon, ...blockProps }: TitleBlockViewProps) => JSX.Element;
-export default TitleBlockResolvedView;
+declare const TitleBlockResolvedViewOld: ({ actionGroup, metadata, position, subtitle, testId, text, icon, title, metadataPosition, hideIcon, ...blockProps }: TitleBlockViewProps) => JSX.Element;
+export default TitleBlockResolvedViewOld;

package/dist/types/view/FlexibleCard/components/blocks/title-block/resolved/index.d.ts

@@ -1,17 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import type { ComponentPropsWithoutRef } from 'react';
-import Block from '../../block';
+/// <reference types="react" />
 import { type TitleBlockViewProps } from '../types';
-import TitleBlockResolvedViewOld from './TitleBlockResolvedViewOld';
-export declare const BlockFeatureGated: ({ className, ...props }: ComponentPropsWithoutRef<typeof Block>) => JSX.Element;
-/**
- * This renders a fully resolved TitleBlock.
- * This should render when a Smart Link returns a valid response.
- * @see TitleBlock
- */
-declare const TitleBlockResolvedViewNew: ({ actionGroup, metadata, position, subtitle, testId, text, icon, title, metadataPosition, hideIcon, ...blockProps }: TitleBlockViewProps) => JSX.Element;
-export default TitleBlockResolvedViewOld;
-export { TitleBlockResolvedViewNew };
+declare const TitleBlockResolvedView: (props: TitleBlockViewProps) => JSX.Element;
+export default TitleBlockResolvedView;

package/dist/types/view/FlexibleCard/components/blocks/title-block/resolving/TitleBlockResolvingViewOld.d.ts

@@ -10,5 +10,5 @@ import { type TitleBlockViewProps } from '../types';
  * This should render when a Smart Link has sent a request.
  * @see TitleBlock
  */
-declare const TitleBlockResolvingView: ({ actionGroup, testId, title, hideIcon, ...blockProps }: TitleBlockViewProps) => jsx.JSX.Element;
-export default TitleBlockResolvingView;
+declare const TitleBlockResolvingViewOld: ({ actionGroup, testId, title, hideIcon, ...blockProps }: TitleBlockViewProps) => jsx.JSX.Element;
+export default TitleBlockResolvingViewOld;

package/dist/types/view/FlexibleCard/components/blocks/title-block/resolving/index.d.ts

@@ -4,13 +4,5 @@
  */
 /// <reference types="react" />
 import { type TitleBlockViewProps } from '../types';
-import TitleBlockResolvingViewOld from './TitleBlockResolvingViewOld';
-/**
- * This represents a TitleBlock for a Smart Link that is currently waiting
- * for a request to finish.
- * This should render when a Smart Link has sent a request.
- * @see TitleBlock
- */
-declare const TitleBlockResolvingViewNew: ({ actionGroup, testId, title, hideIcon, ...blockProps }: TitleBlockViewProps) => JSX.Element;
-export default TitleBlockResolvingViewOld;
-export { TitleBlockResolvingViewNew };
+declare const TitleBlockResolvingView: (props: TitleBlockViewProps) => JSX.Element;
+export default TitleBlockResolvingView;

package/dist/types/view/FlexibleCard/components/blocks/types.d.ts

@@ -21,6 +21,10 @@ export type BlockProps = {
      */
     overrideCss?: SerializedStyles;
     className?: string;
+    /**
+     * For dynamic styles
+     */
+    style?: React.CSSProperties;
     /**
      * The size of the block and the size that the underlying elements should
      * default to.

package/dist/types/view/FlexibleCard/components/blocks/utils.d.ts

@@ -11,6 +11,9 @@ export declare const ElementDisplaySchema: Record<ElementName, ElementDisplaySch
  * at view/FlexibleCard/components/utils.tsx
  */
 export declare const getGapSize: (size: SmartLinkSize) => number;
+/**
+ * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
+ */
 export declare const getBaseStyles: (direction: SmartLinkDirection, size: SmartLinkSize) => SerializedStyles;
 export declare const highlightRemoveStyles: SerializedStyles;
 export declare const isJSXElementNull: (children: JSX.Element) => boolean;

package/dist/types/view/FlexibleCard/components/elements/atlaskit-badge/AtlaskitBadgeOld.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+import { type AtlaskitBadgeProps } from './types';
+/**
+ * A base element that displays a visual indicator for a numeric value
+ * @internal
+ * @see StoryPoints
+ * */
+declare const AtlaskitBadgeOld: ({ value, name, overrideCss, testId, }: AtlaskitBadgeProps) => jsx.JSX.Element | null;
+export default AtlaskitBadgeOld;

package/dist/types/view/FlexibleCard/components/elements/atlaskit-badge/index.d.ts

@@ -1,13 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type AtlaskitBadgeProps } from './types';
-/**
- * A base element that displays a visual indicator for a numeric value
- * @internal
- * @see StoryPoints
- * */
-declare const AtlaskitBadge: ({ value, name, overrideCss, testId, }: AtlaskitBadgeProps) => jsx.JSX.Element | null;
+declare const AtlaskitBadge: (props: AtlaskitBadgeProps) => JSX.Element | null;
 export default AtlaskitBadge;

package/dist/types/view/FlexibleCard/components/elements/avatar-group/AvatarGroupOld.d.ts

@@ -0,0 +1,11 @@
+import { jsx } from '@emotion/react';
+import { type AvatarGroupProps } from './types';
+/**
+ * A base element that displays a group of avatars.
+ * @internal
+ * @param {AvatarGroupProps} AvatarGroupProps - The props necessary for the AvatarGroup.
+ * @see AuthorGroup
+ * @see CollaboratorGroup
+ */
+declare const AvatarGroupOld: ({ items, maxCount, name, overrideCss, size, testId, showNamePrefix, showFallbackAvatar, }: AvatarGroupProps) => jsx.JSX.Element | null;
+export default AvatarGroupOld;

package/dist/types/view/FlexibleCard/components/elements/avatar-group/index.d.ts

@@ -1,11 +1,4 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type AvatarGroupProps } from './types';
-/**
- * A base element that displays a group of avatars.
- * @internal
- * @param {AvatarGroupProps} AvatarGroupProps - The props necessary for the AvatarGroup.
- * @see AuthorGroup
- * @see CollaboratorGroup
- */
-declare const AvatarGroup: ({ items, maxCount, name, overrideCss, size, testId, showNamePrefix, showFallbackAvatar, }: AvatarGroupProps) => jsx.JSX.Element | null;
+declare const AvatarGroup: (props: AvatarGroupProps) => JSX.Element;
 export default AvatarGroup;

package/dist/types/view/FlexibleCard/components/elements/badge/BadgeOld.d.ts

@@ -0,0 +1,17 @@
+import { jsx } from '@emotion/react';
+import { type BadgeProps } from './types';
+/**
+ * A base element that displays some text with an associated icon.
+ * @internal
+ * @param {BadgeProps} BadgeProps - The props necessary for the Badge.
+ * @see CommentCount
+ * @see ViewCount
+ * @see ReactCount
+ * @see VoteCount
+ * @see SubscriberCount
+ * @see Priority
+ * @see ProgrammingLanguage
+ * @see Provider
+ */
+declare const BadgeOld: ({ hideIcon, icon, label, name, overrideCss, testId, url, }: BadgeProps) => jsx.JSX.Element | null;
+export default BadgeOld;

package/dist/types/view/FlexibleCard/components/elements/badge/index.d.ts

@@ -1,17 +1,4 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type BadgeProps } from './types';
-/**
- * A base element that displays some text with an associated icon.
- * @internal
- * @param {BadgeProps} BadgeProps - The props necessary for the Badge.
- * @see CommentCount
- * @see ViewCount
- * @see ReactCount
- * @see VoteCount
- * @see SubscriberCount
- * @see Priority
- * @see ProgrammingLanguage
- * @see Provider
- */
-declare const Badge: ({ hideIcon, icon, label, name, overrideCss, testId, url, }: BadgeProps) => jsx.JSX.Element | null;
+declare const Badge: (props: BadgeProps) => JSX.Element;
 export default Badge;

package/dist/types/view/FlexibleCard/components/elements/date-time/DateTimeOld.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+import { type DateTimeProps } from './types';
+/**
+ * A base element that displays an ISO Timestamp in text.
+ * @internal
+ * @param {DateTimeProps} DateTimeProps - The props necessary for the DateTime element.
+ * @see CreatedOn
+ * @see ModifiedOn
+ * @see SentOn
+ */
+declare const DateTimeOld: ({ date, name, overrideCss, type, testId, text, }: DateTimeProps) => jsx.JSX.Element | null;
+export default DateTimeOld;

package/dist/types/view/FlexibleCard/components/elements/date-time/index.d.ts

@@ -1,16 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type DateTimeProps } from './types';
-/**
- * A base element that displays an ISO Timestamp in text.
- * @internal
- * @param {DateTimeProps} DateTimeProps - The props necessary for the DateTime element.
- * @see CreatedOn
- * @see ModifiedOn
- * @see SentOn
- */
-declare const DateTime: ({ date, name, overrideCss, type, testId, text, }: DateTimeProps) => jsx.JSX.Element | null;
+declare const DateTime: (props: DateTimeProps) => JSX.Element;
 export default DateTime;

package/dist/types/view/FlexibleCard/components/elements/icon/IconOld.d.ts

@@ -0,0 +1,10 @@
+import { jsx } from '@emotion/react';
+import { type IconProps } from './types';
+/**
+ * A base element that displays an Icon or favicon.
+ * @internal
+ * @param {IconProps} IconProps - The props necessary for the Icon element.
+ * @see LinkIcon
+ */
+declare const IconOld: ({ icon, overrideIcon, label, name, position, overrideCss, render, size, testId, url, }: IconProps) => jsx.JSX.Element;
+export default IconOld;

package/dist/types/view/FlexibleCard/components/elements/icon/index.d.ts

@@ -1,10 +1,4 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type IconProps } from './types';
-/**
- * A base element that displays an Icon or favicon.
- * @internal
- * @param {IconProps} IconProps - The props necessary for the Icon element.
- * @see LinkIcon
- */
-declare const Icon: ({ icon, overrideIcon, label, name, position, overrideCss, render, size, testId, url, }: IconProps) => jsx.JSX.Element;
+declare const Icon: (props: IconProps) => JSX.Element;
 export default Icon;

package/dist/types/view/FlexibleCard/components/elements/link/LinkOld.d.ts

@@ -0,0 +1,10 @@
+import { jsx } from '@emotion/react';
+import { type LinkProps } from './types';
+/**
+ * A base element that represent an anchor.
+ * @internal
+ * @param {LinkProps} LinkProps - The props necessary for the Link element.
+ * @see LinkIcon
+ */
+declare const LinkOld: ({ hideTooltip, maxLines, name, overrideCss, size, testId, text, theme, url, onClick, target, }: LinkProps) => jsx.JSX.Element;
+export default LinkOld;