@atlaskit/smart-card 34.4.0 → 34.5.1

package/dist/types-ts4.5/common/ui/icons/folder-icon.d.ts

@@ -1,7 +1,3 @@
-import { type ComponentPropsWithoutRef } from 'react';
-import FolderClosedIcon from '@atlaskit/icon/core/folder-closed';
-declare const FolderClosedIconWithColor: {
-    (props: ComponentPropsWithoutRef<typeof FolderClosedIcon>): JSX.Element;
-    displayName: string;
-};
+/// <reference types="react" />
+declare const FolderClosedIconWithColor: import("react").FC<import("./types").AtlaskitIconTileProps>;
 export default FolderClosedIconWithColor;

package/dist/types-ts4.5/common/ui/icons/image-icon.d.ts

@@ -1,7 +1,3 @@
-import { type ComponentPropsWithoutRef } from 'react';
-import ImageIcon from '@atlaskit/icon/core/image';
-declare const ImageIconWithColor: {
-    (props: ComponentPropsWithoutRef<typeof ImageIcon>): JSX.Element;
-    displayName: string;
-};
+/// <reference types="react" />
+declare const ImageIconWithColor: import("react").FC<import("./types").AtlaskitIconTileProps>;
 export default ImageIconWithColor;

package/dist/types-ts4.5/common/ui/icons/list-bullet-icon.d.ts

@@ -1,7 +1,3 @@
-import { type ComponentPropsWithoutRef } from 'react';
-import ListBulletedIcon from '@atlaskit/icon/core/list-bulleted';
-declare const ListBulletedIconWithColor: {
-    (props: ComponentPropsWithoutRef<typeof ListBulletedIcon>): JSX.Element;
-    displayName: string;
-};
+/// <reference types="react" />
+declare const ListBulletedIconWithColor: import("react").FC<import("./types").AtlaskitIconTileProps>;
 export default ListBulletedIconWithColor;

package/dist/types-ts4.5/common/ui/icons/page-icon.d.ts

@@ -1,7 +1,3 @@
-import { type ComponentPropsWithoutRef } from 'react';
-import PageIcon from '@atlaskit/icon/core/page';
-declare const PageIconWithColor: {
-    (props: ComponentPropsWithoutRef<typeof PageIcon>): JSX.Element;
-    displayName: string;
-};
+/// <reference types="react" />
+declare const PageIconWithColor: import("react").FC<import("./types").AtlaskitIconTileProps>;
 export default PageIconWithColor;

package/dist/types-ts4.5/common/ui/icons/types.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentPropsWithoutRef } from 'react';
+import { IconTile } from '@atlaskit/icon';
+import { SmartLinkSize } from '../../../constants';
+export type AtlaskitIconTileProps = Omit<ComponentPropsWithoutRef<typeof IconTile>, 'appearance' | 'icon' | 'size'> & {
+    size?: SmartLinkSize;
+};

package/dist/types-ts4.5/common/ui/icons/utils.d.ts

@@ -0,0 +1,15 @@
+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";
+type IconProps = {
+    label: string;
+    testId?: string;
+};
+export declare const renderIconPerSize: (IconSmall: ComponentType<IconProps>, IconLarge: ComponentType<IconProps>) => React.FC<IconProps & {
+    size?: SmartLinkSize;
+}>;
+type IconTileProps = ComponentPropsWithoutRef<typeof IconTile>;
+export declare const renderIconTile: (Icon: IconTileProps['icon'], appearance: IconTileProps['appearance'], LegacyIcon: ComponentType<Omit<AtlaskitIconTileProps, 'size'>>) => React.FC<AtlaskitIconTileProps>;
+export {};

package/dist/types-ts4.5/common/ui/icons/video-icon.d.ts

@@ -1,7 +1,3 @@
-import { type ComponentPropsWithoutRef } from 'react';
-import VideoIcon from '@atlaskit/icon/core/video';
-declare const VideoIconWithColor: {
-    (props: ComponentPropsWithoutRef<typeof VideoIcon>): JSX.Element;
-    displayName: string;
-};
+/// <reference types="react" />
+declare const VideoIconWithColor: import("react").FC<import("./types").AtlaskitIconTileProps>;
 export default VideoIconWithColor;

package/dist/types-ts4.5/utils/index.d.ts

@@ -1,12 +1,14 @@
 import React from 'react';
 import { type ActiveThemeState } from '@atlaskit/tokens';
-import { IconType } from '../constants';
+import { IconType, SmartLinkSize } from '../constants';
 export declare const isSpecialEvent: (evt: React.MouseEvent | React.KeyboardEvent) => boolean;
 export declare const isIframe: () => boolean;
 /**
  * Meta key = cmd on mac, windows key on windows
  * Ctrl key on mac by default triggers a right click instead of left click
  * Ctrl key on Windows has the same behaviour of cmd key of mac (open in new tab)
+ * Shift key is also a "special" key because the default behavior of Chromium-based browsers is to open the
+ * link in a new window; Arc browser has custom logic to show links in its "peek" window when shift is held.
  *
  * `isSpecialKey` on a mouse event on mac with default behaviour should be equivalent to opening in new tab
  * On Windows it will be equivalent to opening a new tab, unless its the Window key that is held
@@ -16,7 +18,10 @@ export declare const isSpecialKey: (event: React.MouseEvent | React.KeyboardEven
 export declare const isSpecialClick: (event: React.MouseEvent) => boolean;
 export declare const getIconForFileType: (fileMimeType: string) => React.ReactNode | undefined;
 export declare const getLabelForFileType: (fileMimeType: string) => React.ReactNode | undefined;
-export declare const getLazyIcons: () => Partial<Record<IconType, () => Promise<unknown>>>;
+export declare const getLazyIcons: () => Partial<Record<IconType, {
+    default: () => Promise<unknown>;
+    large?: () => Promise<unknown>;
+}>>;
 export declare const getIframeSandboxAttribute: (isTrusted: boolean) => "allow-downloads allow-forms allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts" | undefined;
 export declare const handleOnClick: (handler: Function) => (e: React.BaseSyntheticEvent) => void;
 export declare const isIntersectionObserverSupported: () => boolean;
@@ -30,3 +35,4 @@ export declare const openUrl: (url?: string) => Promise<void>;
  * @param themeState
  */
 export declare const getPreviewUrlWithTheme: (previewUrl: string, themeState: Partial<ActiveThemeState>) => string;
+export declare const isIconSizeLarge: (size?: SmartLinkSize) => boolean | undefined;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { type MetadataBlockProps } from './types';
+/**
+ * Represents a MetadataBlock, designed to contain groups of metadata in the form of elements.
+ * Accepts an array of elements to be shown either primary (left hand side) or secondary (right hand side).
+ * @public
+ * @param {MetadataBlockProps} MetadataBlockProps
+ * @see Block
+ */
+declare const MetadataBlockOld: ({ maxLines, status, testId, primary, secondary, ...blockProps }: MetadataBlockProps) => JSX.Element | null;
+export default MetadataBlockOld;

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

@@ -1,11 +1,4 @@
 /// <reference types="react" />
 import { type MetadataBlockProps } from './types';
-/**
- * Represents a MetadataBlock, designed to contain groups of metadata in the form of elements.
- * Accepts an array of elements to be shown either primary (left hand side) or secondary (right hand side).
- * @public
- * @param {MetadataBlockProps} MetadataBlockProps
- * @see Block
- */
-declare const MetadataBlock: ({ maxLines, status, testId, primary, secondary, ...blockProps }: MetadataBlockProps) => JSX.Element | null;
-export default MetadataBlock;
+declare const MetadataBlockExported: (props: MetadataBlockProps) => JSX.Element;
+export default MetadataBlockExported;

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

@@ -1,10 +1,12 @@
-/// <reference types="react" />
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
+import type { ComponentPropsWithoutRef } from 'react';
+import Block from '../../block';
 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.

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { type AtlaskitIconProps } from './types';
-declare const AtlaskitIcon: ({ icon, label, testId }: AtlaskitIconProps) => JSX.Element | null;
+declare const AtlaskitIcon: ({ icon, label, testId, size }: AtlaskitIconProps) => JSX.Element | null;
 export default AtlaskitIcon;

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

@@ -1,6 +1,7 @@
-import { type IconType } from '../../../../../constants';
+import { type IconType, SmartLinkSize } from '../../../../../constants';
 export type AtlaskitIconProps = {
     icon: IconType;
     label?: string;
     testId?: string;
+    size?: SmartLinkSize;
 };

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

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

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

@@ -3,6 +3,8 @@ export type ImageIconProps = {
     defaultIcon?: React.ReactNode;
     testId?: string;
     url: string;
+    width?: string;
+    height?: string;
     onError?: () => void;
     onLoad?: () => void;
 };

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

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

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
-import { type LoadingSkeletonProps } from './types';
-declare const LoadingSkeleton: (props: LoadingSkeletonProps) => JSX.Element;
-export default LoadingSkeleton;
+import type { LoadingSkeletonPropsNew, LoadingSkeletonPropsOld } from './types';
+declare const LoadingSkeletonNew: ({ testId, width, height }: LoadingSkeletonPropsNew) => JSX.Element;
+declare const LoadingSkeletonOld: (props: LoadingSkeletonPropsOld) => JSX.Element;
+export { LoadingSkeletonOld, LoadingSkeletonNew };

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

@@ -1,4 +1,4 @@
-export type LoadingSkeletonProps = {
+export type LoadingSkeletonPropsOld = {
     /**
      * A `testId` prop is provided for specified elements, which is a unique
      * string that appears as a data attribute `data-testid` in the rendered
@@ -14,3 +14,19 @@ export type LoadingSkeletonProps = {
      */
     height?: number;
 };
+export type LoadingSkeletonPropsNew = {
+    /**
+     * A `testId` prop is provided for specified elements, which is a unique
+     * string that appears as a data attribute `data-testid` in the rendered
+     * code, serving as a hook for automated tests
+     */
+    testId?: string;
+    /**
+     * Width of the loading skeleton, defaults to width of the parent element
+     */
+    width?: string;
+    /**
+     * Height of loading skeleton, defaults to height of the parent element
+     */
+    height?: string;
+};

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

@@ -12,6 +12,8 @@ export declare const getFormattedMessageAsString: (intl: IntlShape, message: Mes
  * @deprecated remove on FF bandicoots-compiled-migration-smartcard clean up
  */
 export declare const getIconSizeStyles: (width: string) => SerializedStyles;
+export declare const getIconWidthOld: (size?: SmartLinkSize) => string;
+export declare const getIconWidthNew: (size?: SmartLinkSize) => string;
 export declare const getIconWidth: (size?: SmartLinkSize) => string;
 export declare const importIcon: (importFn: () => Promise<any>) => any;
 export declare const getLinkLineHeight: (size: SmartLinkSize) => string;

package/dist/types-ts4.5/view/HoverCard/components/views/resolving/index.d.ts

@@ -1,7 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import { jsx } from '@emotion/react';
 import { type HoverCardLoadingViewProps } from './types';
 declare const HoverCardLoadingView: ({ titleBlockProps }: HoverCardLoadingViewProps) => jsx.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "34.4.0",
+	"version": "34.5.1",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -189,8 +189,15 @@
 		"bandicoots-compiled-migration-smartcard": {
 			"type": "boolean"
 		},
+		"platform-smart-card-shift-key": {
+			"type": "boolean"
+		},
 		"platform-smart-card-icon-migration": {
 			"type": "boolean"
+		},
+		"icon-object-migration": {
+			"type": "boolean",
+			"showOnWebsiteForTransitiveDependencies": true
 		}
 	}
 }