@atlaskit/smart-card 43.20.8 → 43.22.0

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

@@ -155,12 +155,14 @@ export var InlineCard = function InlineCard(_ref2) {
     case 'fallback':
     case 'errored':
     default:
-      return /*#__PURE__*/React.createElement(CardLinkView, {
+      return /*#__PURE__*/React.createElement(CardLinkView, _extends({
         link: url,
         isSelected: isSelected,
         onClick: handleFrameClick,
         testId: testIdWithStatus || 'inline-card-errored-view',
         truncateInline: truncateInline
-      });
+      }, fg('navx-2565-inline-card-error-state-underline') ? {
+        viewType: 'errored'
+      } : {}));
   }
 };

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

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

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

@@ -1,4 +1,5 @@
 import { type ReactNode, type Ref } from 'react';
+import { type LozengeProps as AtlaskitLozengeProps } from '@atlaskit/lozenge';
 import { type ActionName, type ElementName, type SmartLinkDirection, type SmartLinkSize } from '../../../../constants';
 import { type ActionProps } from '../actions/action/types';
 import type { AssignedToGroupElementProps } from '../elements/assigned-to-group-element';
@@ -389,7 +390,7 @@ export type SourceBranch = {
 export type State = {
     name: ElementName.State;
     onAfterChanged?: () => void;
-};
+} & Pick<AtlaskitLozengeProps, 'maxWidth'>;
 /**
  * Represents the props available for a SubscriberCount element.
  * @see SubscriberCount

package/dist/types/view/FlexibleCard/components/elements/common/base-lozenge-element/index.d.ts

@@ -15,21 +15,17 @@ export type BaseLozengeElementProps = ElementProps & {
      * Callback fired after lozenge value has changed
      */
     onAfterChanged?: () => void;
-    /**
-     * Determines the custom styles of the Atlaskit lozenge.
-     */
-    style?: AtlaskitLozengeProps['style'];
     /**
      * The text to display within the lozenge.
      */
     text?: string | React.ReactNode;
-};
+} & Pick<AtlaskitLozengeProps, 'maxWidth' | 'style'>;
 /**
  * A base element that displays a Lozenge.
  * @internal
  * @param {BaseLozengeElementProps} BaseLozengeElementProps - The props necessary for the Lozenge element.
  * @see State
  */
-declare const BaseLozengeElement: ({ action, appearance, name, className, style, text, testId, onAfterChanged, }: BaseLozengeElementProps) => JSX.Element | null;
+declare const BaseLozengeElement: ({ action, appearance, className, maxWidth, name, onAfterChanged, style, text, testId, }: BaseLozengeElementProps) => JSX.Element | null;
 export default BaseLozengeElement;
 export declare const toDateLozengeProps: (dateString?: string) => Partial<BaseLozengeElementProps> | undefined;

package/dist/types/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-trigger/index.d.ts

@@ -1,3 +1,3 @@
 import { type LozengeActionTriggerProps } from './type';
-declare const LozengeActionTrigger: ({ appearance, isOpen, testId, text, triggerRef, ...props }: LozengeActionTriggerProps) => JSX.Element;
+declare const LozengeActionTrigger: ({ appearance, isOpen, maxWidth, testId, text, triggerRef, ...props }: LozengeActionTriggerProps) => JSX.Element;
 export default LozengeActionTrigger;

package/dist/types/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-trigger/type.d.ts

@@ -1,8 +1,8 @@
 import type { CustomTriggerProps } from '@atlaskit/dropdown-menu';
-import type { ThemeAppearance } from '@atlaskit/lozenge';
+import type { LozengeProps, ThemeAppearance } from '@atlaskit/lozenge';
 export type LozengeActionTriggerProps = {
     appearance?: ThemeAppearance;
     isOpen?: boolean;
     testId?: string;
     text: string | React.ReactNode;
-} & CustomTriggerProps<HTMLButtonElement>;
+} & Pick<LozengeProps, 'maxWidth'> & CustomTriggerProps<HTMLButtonElement>;

package/dist/types/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/types.d.ts

@@ -1,4 +1,4 @@
-import type { ThemeAppearance } from '@atlaskit/lozenge';
+import { type LozengeProps, type ThemeAppearance } from '@atlaskit/lozenge';
 import type { LinkLozengeInvokeActions } from '../../../../../../../extractors/common/lozenge/types';
 export type LozengeItem = {
     appearance?: ThemeAppearance;
@@ -12,4 +12,4 @@ export type LozengeActionProps = {
     testId?: string;
     text: string | React.ReactNode;
     zIndex?: number;
-};
+} & Pick<LozengeProps, 'maxWidth'>;

package/dist/types/view/FlexibleCard/external.d.ts

@@ -8,7 +8,7 @@
  */
 import React from 'react';
 import type { Prettify } from '@atlaskit/linking-common';
-import { CommentCount, LinkIcon, ModifiedOn, OwnedBy, OwnedByGroup, Preview, ReactCount, Snippet, Title } from './components/elements';
+import { CommentCount, LinkIcon, ModifiedOn, OwnedBy, OwnedByGroup, Preview, ReactCount, Snippet, State, Title } from './components/elements';
 export declare const AssignedToElement: () => React.JSX.Element;
 export declare const AssignedToGroupElement: () => React.JSX.Element;
 export declare const AttachmentCountElement: () => React.JSX.Element;
@@ -49,7 +49,8 @@ export type SnippetElementProps = Prettify<Pick<React.ComponentProps<typeof Snip
 }>;
 export declare const SnippetElement: (props?: SnippetElementProps) => React.JSX.Element;
 export declare const SourceBranchElement: () => React.JSX.Element;
-export declare const StateElement: () => React.JSX.Element;
+export type StateElementProps = Prettify<Pick<React.ComponentProps<typeof State>, 'maxWidth'>>;
+export declare const StateElement: (props?: StateElementProps) => React.JSX.Element;
 export declare const StoryPointsElement: () => React.JSX.Element;
 export declare const SubscriberCountElement: () => React.JSX.Element;
 export declare const SubTasksProgressElement: () => React.JSX.Element;

package/dist/types/view/InlineCard/Frame/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+export type ViewType = 'default' | 'unauthorised' | 'errored';
 export interface FrameViewProps {
     children?: React.ReactNode;
     className?: string;
@@ -14,7 +15,7 @@ export interface FrameViewProps {
     /** A flag that determines whether a card is truncated to 1 line */
     truncateInline?: boolean;
     /** A flag that determines the type of view */
-    viewType?: 'default' | 'unauthorised';
+    viewType?: ViewType;
     /** A flag that determines whether the card needs a backgorund or not */
     withoutBackground?: boolean;
 }

package/dist/types/view/InlineCard/Frame/styled.d.ts

@@ -3,13 +3,14 @@
  * @jsx jsx
  */
 import React from 'react';
+import type { ViewType } from './index';
 export interface WrapperProps extends React.ComponentProps<any> {
     href?: string;
     isHovered?: boolean;
     isInteractive?: boolean;
     isSelected?: boolean;
     truncateInline?: boolean;
-    viewType?: 'default' | 'unauthorised';
+    viewType?: ViewType;
     withoutBackground?: boolean;
 }
 export declare const WrapperSpan: React.ForwardRefExoticComponent<Omit<WrapperProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

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

@@ -1,4 +1,5 @@
 import { type ReactNode, type Ref } from 'react';
+import { type LozengeProps as AtlaskitLozengeProps } from '@atlaskit/lozenge';
 import { type ActionName, type ElementName, type SmartLinkDirection, type SmartLinkSize } from '../../../../constants';
 import { type ActionProps } from '../actions/action/types';
 import type { AssignedToGroupElementProps } from '../elements/assigned-to-group-element';
@@ -389,7 +390,7 @@ export type SourceBranch = {
 export type State = {
     name: ElementName.State;
     onAfterChanged?: () => void;
-};
+} & Pick<AtlaskitLozengeProps, 'maxWidth'>;
 /**
  * Represents the props available for a SubscriberCount element.
  * @see SubscriberCount

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-lozenge-element/index.d.ts

@@ -15,21 +15,17 @@ export type BaseLozengeElementProps = ElementProps & {
      * Callback fired after lozenge value has changed
      */
     onAfterChanged?: () => void;
-    /**
-     * Determines the custom styles of the Atlaskit lozenge.
-     */
-    style?: AtlaskitLozengeProps['style'];
     /**
      * The text to display within the lozenge.
      */
     text?: string | React.ReactNode;
-};
+} & Pick<AtlaskitLozengeProps, 'maxWidth' | 'style'>;
 /**
  * A base element that displays a Lozenge.
  * @internal
  * @param {BaseLozengeElementProps} BaseLozengeElementProps - The props necessary for the Lozenge element.
  * @see State
  */
-declare const BaseLozengeElement: ({ action, appearance, name, className, style, text, testId, onAfterChanged, }: BaseLozengeElementProps) => JSX.Element | null;
+declare const BaseLozengeElement: ({ action, appearance, className, maxWidth, name, onAfterChanged, style, text, testId, }: BaseLozengeElementProps) => JSX.Element | null;
 export default BaseLozengeElement;
 export declare const toDateLozengeProps: (dateString?: string) => Partial<BaseLozengeElementProps> | undefined;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-trigger/index.d.ts

@@ -1,3 +1,3 @@
 import { type LozengeActionTriggerProps } from './type';
-declare const LozengeActionTrigger: ({ appearance, isOpen, testId, text, triggerRef, ...props }: LozengeActionTriggerProps) => JSX.Element;
+declare const LozengeActionTrigger: ({ appearance, isOpen, maxWidth, testId, text, triggerRef, ...props }: LozengeActionTriggerProps) => JSX.Element;
 export default LozengeActionTrigger;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-trigger/type.d.ts

@@ -1,8 +1,8 @@
 import type { CustomTriggerProps } from '@atlaskit/dropdown-menu';
-import type { ThemeAppearance } from '@atlaskit/lozenge';
+import type { LozengeProps, ThemeAppearance } from '@atlaskit/lozenge';
 export type LozengeActionTriggerProps = {
     appearance?: ThemeAppearance;
     isOpen?: boolean;
     testId?: string;
     text: string | React.ReactNode;
-} & CustomTriggerProps<HTMLButtonElement>;
+} & Pick<LozengeProps, 'maxWidth'> & CustomTriggerProps<HTMLButtonElement>;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/types.d.ts

@@ -1,4 +1,4 @@
-import type { ThemeAppearance } from '@atlaskit/lozenge';
+import { type LozengeProps, type ThemeAppearance } from '@atlaskit/lozenge';
 import type { LinkLozengeInvokeActions } from '../../../../../../../extractors/common/lozenge/types';
 export type LozengeItem = {
     appearance?: ThemeAppearance;
@@ -12,4 +12,4 @@ export type LozengeActionProps = {
     testId?: string;
     text: string | React.ReactNode;
     zIndex?: number;
-};
+} & Pick<LozengeProps, 'maxWidth'>;

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

@@ -8,7 +8,7 @@
  */
 import React from 'react';
 import type { Prettify } from '@atlaskit/linking-common';
-import { CommentCount, LinkIcon, ModifiedOn, OwnedBy, OwnedByGroup, Preview, ReactCount, Snippet, Title } from './components/elements';
+import { CommentCount, LinkIcon, ModifiedOn, OwnedBy, OwnedByGroup, Preview, ReactCount, Snippet, State, Title } from './components/elements';
 export declare const AssignedToElement: () => React.JSX.Element;
 export declare const AssignedToGroupElement: () => React.JSX.Element;
 export declare const AttachmentCountElement: () => React.JSX.Element;
@@ -49,7 +49,8 @@ export type SnippetElementProps = Prettify<Pick<React.ComponentProps<typeof Snip
 }>;
 export declare const SnippetElement: (props?: SnippetElementProps) => React.JSX.Element;
 export declare const SourceBranchElement: () => React.JSX.Element;
-export declare const StateElement: () => React.JSX.Element;
+export type StateElementProps = Prettify<Pick<React.ComponentProps<typeof State>, 'maxWidth'>>;
+export declare const StateElement: (props?: StateElementProps) => React.JSX.Element;
 export declare const StoryPointsElement: () => React.JSX.Element;
 export declare const SubscriberCountElement: () => React.JSX.Element;
 export declare const SubTasksProgressElement: () => React.JSX.Element;

package/dist/types-ts4.5/view/InlineCard/Frame/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+export type ViewType = 'default' | 'unauthorised' | 'errored';
 export interface FrameViewProps {
     children?: React.ReactNode;
     className?: string;
@@ -14,7 +15,7 @@ export interface FrameViewProps {
     /** A flag that determines whether a card is truncated to 1 line */
     truncateInline?: boolean;
     /** A flag that determines the type of view */
-    viewType?: 'default' | 'unauthorised';
+    viewType?: ViewType;
     /** A flag that determines whether the card needs a backgorund or not */
     withoutBackground?: boolean;
 }

package/dist/types-ts4.5/view/InlineCard/Frame/styled.d.ts

@@ -3,13 +3,14 @@
  * @jsx jsx
  */
 import React from 'react';
+import type { ViewType } from './index';
 export interface WrapperProps extends React.ComponentProps<any> {
     href?: string;
     isHovered?: boolean;
     isInteractive?: boolean;
     isSelected?: boolean;
     truncateInline?: boolean;
-    viewType?: 'default' | 'unauthorised';
+    viewType?: ViewType;
     withoutBackground?: boolean;
 }
 export declare const WrapperSpan: React.ForwardRefExoticComponent<Omit<WrapperProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "43.20.8",
+	"version": "43.22.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -72,8 +72,8 @@
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tile": "^1.0.0",
-		"@atlaskit/tmp-editor-statsig": "^16.26.0",
-		"@atlaskit/tokens": "^10.0.0",
+		"@atlaskit/tmp-editor-statsig": "^16.28.0",
+		"@atlaskit/tokens": "^10.1.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -99,14 +99,14 @@
 	"devDependencies": {
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/analytics-listeners": "^9.2.0",
+		"@atlaskit/analytics-listeners": "^9.3.0",
 		"@atlaskit/css-reset": "^7.3.0",
 		"@atlaskit/media-test-helpers": "^39.0.0",
 		"@atlaskit/ssr": "workspace:^",
 		"@atlassian/a11y-jest-testing": "^0.7.0",
 		"@atlassian/analytics-tooling": "workspace:^",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
-		"@atlassian/gemini": "^1.28.0",
+		"@atlassian/gemini": "^1.29.0",
 		"@atlassian/testing-library": "^0.4.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/jest-dom": "^6.4.5",
@@ -219,28 +219,25 @@
 		"navx-2478-sl-fix-hover-card-unresolved-view": {
 			"type": "boolean"
 		},
-		"platform-linking-smart-card-layered-link-a11y": {
-			"type": "boolean"
-		},
 		"platform_navx_flex_card_status_dropdown_a11y_fix": {
 			"type": "boolean"
 		},
 		"platform_navx_sl_a11y_embed_modal": {
 			"type": "boolean"
 		},
-		"platform_navx_send_context_to_ugs_for_rel_links": {
+		"platform_navx_sl_lozenge_max_width": {
 			"type": "boolean"
 		},
-		"navx-2827-eslint-object-translation-smart-links": {
+		"platform_navx_send_context_to_ugs_for_rel_links": {
 			"type": "boolean"
 		},
 		"navx-2811-smart-link-a11y-image-alt": {
 			"type": "boolean"
 		},
-		"navx-2185-smart-link-preview-modal-icon-role": {
+		"ufo_hold_flexible_card": {
 			"type": "boolean"
 		},
-		"ufo_hold_flexible_card": {
+		"navx-2565-inline-card-error-state-underline": {
 			"type": "boolean"
 		}
 	},

package/dist/cjs/__tests__/vr-tests/__snapshots__/flexible-card/flexibleuielementlozenge--light-mode.png

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:06fc246199845cb6955798c3a7b09133f1239e4171f58973bb0532e9cffb6ee0
-size 16950

package/dist/es2019/__tests__/vr-tests/__snapshots__/flexible-card/flexibleuielementlozenge--light-mode.png

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:06fc246199845cb6955798c3a7b09133f1239e4171f58973bb0532e9cffb6ee0
-size 16950

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexibleuielementlozenge--light-mode.png

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:06fc246199845cb6955798c3a7b09133f1239e4171f58973bb0532e9cffb6ee0
-size 16950