@atlaskit/smart-card 43.17.7 → 43.18.1

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

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useCallback, useRef, useState } from 'react';
 import ModalDialog, { ModalBody, ModalTransition } from '@atlaskit/modal-dialog';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { SmartLinkSize } from '../../constants';
 import useInvokeClientAction from '../../state/hooks/use-invoke-client-action';
@@ -52,9 +51,6 @@ var EmbedModal = function EmbedModal(_ref) {
     width = _useState4[0],
     setWidth = _useState4[1];
   var openAt = useRef();
-  var focusRef = fg('platform_navx_sl_a11y_embed_modal') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useRef(null) : undefined;
   var invoke = useInvokeClientAction({
     fireEvent: fireEvent
   });
@@ -98,9 +94,7 @@ var EmbedModal = function EmbedModal(_ref) {
   if (previewUrl && isSupportTheming) {
     previewUrl = getPreviewUrlWithTheme(previewUrl, themeState);
   }
-  return /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(ModalDialog, _extends({}, fg('platform_navx_sl_a11y_embed_modal') ? {
-    autoFocus: focusRef
-  } : undefined, {
+  return /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(ModalDialog, {
     height: "100%",
     onClose: handleOnClose,
     onCloseComplete: handleOnCloseComplete,
@@ -109,16 +103,13 @@ var EmbedModal = function EmbedModal(_ref) {
     width: width,
     label: title,
     isBlanketHidden: isBlanketHidden
-  }), /*#__PURE__*/React.createElement(LinkInfo, _extends({
+  }, /*#__PURE__*/React.createElement(LinkInfo, {
     icon: linkIcon && {
       icon: /*#__PURE__*/React.createElement(BaseIconElement, _extends({}, linkIcon, {
         size: SmartLinkSize.Large
       })),
       isFlexibleUi: true
-    }
-  }, fg('platform_navx_sl_a11y_embed_modal') ? {
-    focusRef: focusRef
-  } : undefined, {
+    },
     providerName: providerName,
     onViewButtonClick: invokeViewAction ? handleOnViewActionClick : undefined,
     onDownloadButtonClick: invokeDownloadAction ? handleOnDownloadActionClick : undefined,
@@ -126,7 +117,7 @@ var EmbedModal = function EmbedModal(_ref) {
     size: width,
     title: title,
     testId: testId
-  })), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(EmbedContent, {
+  }), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(EmbedContent, {
     isTrusted: isTrusted,
     name: iframeName,
     src: previewUrl,

package/dist/esm/view/FlexibleCard/components/actions/action/action-icon/index.compiled.css

@@ -1,84 +1 @@
-._15iz1j6v span{min-height:1rem}
-._15iz1k8s span{min-height:1.5rem}
-._15izgktf span{min-height:20px}
-._16jlidpf{flex-grow:0}
-._17521j6v svg{height:1rem}
-._17521k8s svg{height:1.5rem}
-._1752gktf svg{height:20px}
-._19bvv77o{padding-left:var(--ds-space-025,2px)}
-._19l31j6v img{max-height:1rem}
-._19l31k8s img{max-height:1.5rem}
-._19l3gktf img{max-height:20px}
-._1bsb1j6v{width:1rem}
-._1bsb1k8s{width:1.5rem}
-._1bsbgktf{width:20px}
-._1e0c1o8l{display:inline-block}
-._1o9zidpf{flex-shrink:0}
-._1pr21j6v span{max-height:1rem}
-._1pr21k8s span{max-height:1.5rem}
-._1pr2gktf span{max-height:20px}
-._1rg21j6v img{min-width:1rem}
-._1rg21k8s img{min-width:1.5rem}
-._1rg2gktf img{min-width:20px}
-._1tke1j6v{min-height:1rem}
-._1tke1k8s{min-height:1.5rem}
-._1tkegktf{min-height:20px}
-._1u5t1j6v svg{max-height:1rem}
-._1u5t1k8s svg{max-height:1.5rem}
-._1u5tgktf svg{max-height:20px}
-._1ul91j6v{min-width:1rem}
-._1ul91k8s{min-width:1.5rem}
-._1ul9gktf{min-width:20px}
-._1xjx1j6v span{height:1rem}
-._1xjx1k8s span{height:1.5rem}
-._1xjxgktf span{height:20px}
-._4t3i1j6v{height:1rem}
-._4t3i1k8s{height:1.5rem}
-._4t3igktf{height:20px}
-._4x201j6v svg{max-width:1rem}
-._4x201k8s svg{max-width:1.5rem}
-._4x20gktf svg{max-width:20px}
-._5jw9idpf svg{padding-bottom:0}
-._7wy9idpf svg{padding-left:0}
-._b8nk1j6v span{max-width:1rem}
-._b8nk1k8s span{max-width:1.5rem}
-._b8nkgktf span{max-width:20px}
-._bna71j6v img{height:1rem}
-._bna71k8s img{height:1.5rem}
-._bna7gktf img{height:20px}
-._c71l1j6v{max-height:1rem}
-._c71l1k8s{max-height:1.5rem}
-._c71lgktf{max-height:20px}
-._ca0qv77o{padding-top:var(--ds-space-025,2px)}
-._e2oo1j6v span{width:1rem}
-._e2oo1k8s span{width:1.5rem}
-._e2oogktf span{width:20px}
-._erub1j6v svg{min-height:1rem}
-._erub1k8s svg{min-height:1.5rem}
-._erubgktf svg{min-height:20px}
-._i0dl1wug{flex-basis:auto}
-._i2i3idpf svg{padding-top:0}
-._mezj1j6v img{width:1rem}
-._mezj1k8s img{width:1.5rem}
-._mezjgktf img{width:20px}
-._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
-._p12f1j6v{max-width:1rem}
-._p12f1k8s{max-width:1.5rem}
-._p12fgktf{max-width:20px}
-._q7cv1j6v span{min-width:1rem}
-._q7cv1k8s span{min-width:1.5rem}
-._q7cvgktf span{min-width:20px}
-._qci81j6v img{min-height:1rem}
-._qci81k8s img{min-height:1.5rem}
-._qci8gktf img{min-height:20px}
-._rtys1j6v img{max-width:1rem}
-._rtys1k8s img{max-width:1.5rem}
-._rtysgktf img{max-width:20px}
-._u5f3v77o{padding-right:var(--ds-space-025,2px)}
-._uhasidpf svg{padding-right:0}
-._w8l51j6v svg{width:1rem}
-._w8l51k8s svg{width:1.5rem}
-._w8l5gktf svg{width:20px}
-._xwbj1j6v svg{min-width:1rem}
-._xwbj1k8s svg{min-width:1.5rem}
-._xwbjgktf svg{min-width:20px}
+._1e0c1o8l{display:inline-block}

package/dist/esm/view/FlexibleCard/components/actions/action/action-icon/index.js

@@ -2,41 +2,10 @@
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { fg } from '@atlaskit/platform-feature-flags';
-import { SmartLinkSize } from '../../../../../../constants';
-var getIconWidth = function getIconWidth(size) {
-  switch (size) {
-    case SmartLinkSize.XLarge:
-    case SmartLinkSize.Large:
-      return '1.5rem';
-    case SmartLinkSize.Medium:
-    case SmartLinkSize.Small:
-    default:
-      return '1rem';
-  }
-};
-
-// TODO: Remove on fg cleanup: platform-visual-refresh-icons
-var iconSizeStyleMap = {
-  '1.5rem': "_16jlidpf _1o9zidpf _i0dl1wug _4t3i1k8s _1tke1k8s _c71l1k8s _1bsb1k8s _1ul91k8s _p12f1k8s _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna71k8s _1xjx1k8s _17521k8s _qci81k8s _15iz1k8s _erub1k8s _19l31k8s _1pr21k8s _1u5t1k8s _mezj1k8s _e2oo1k8s _w8l51k8s _1rg21k8s _q7cv1k8s _xwbj1k8s _rtys1k8s _b8nk1k8s _4x201k8s",
-  '1rem': "_16jlidpf _1o9zidpf _i0dl1wug _4t3i1j6v _1tke1j6v _c71l1j6v _1bsb1j6v _1ul91j6v _p12f1j6v _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna71j6v _1xjx1j6v _17521j6v _qci81j6v _15iz1j6v _erub1j6v _19l31j6v _1pr21j6v _1u5t1j6v _mezj1j6v _e2oo1j6v _w8l51j6v _1rg21j6v _q7cv1j6v _xwbj1j6v _rtys1j6v _b8nk1j6v _4x201j6v",
-  '20px': "_16jlidpf _1o9zidpf _i0dl1wug _4t3igktf _1tkegktf _c71lgktf _1bsbgktf _1ul9gktf _p12fgktf _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna7gktf _1xjxgktf _1752gktf _qci8gktf _15izgktf _erubgktf _19l3gktf _1pr2gktf _1u5tgktf _mezjgktf _e2oogktf _w8l5gktf _1rg2gktf _q7cvgktf _xwbjgktf _rtysgktf _b8nkgktf _4x20gktf"
-};
-
-// TODO: Remove on fg cleanup: platform-visual-refresh-icons
-var stackItemIconStylesOld = null;
 var stackItemIconStylesCompiled = null;
 var ActionIcon = function ActionIcon(_ref) {
-  var size = _ref.size,
-    testId = _ref.testId,
-    icon = _ref.icon,
-    asStackItemIcon = _ref.asStackItemIcon;
-  if (!fg('platform-visual-refresh-icons')) {
-    return /*#__PURE__*/React.createElement("span", {
-      "data-testid": "".concat(testId, "-icon"),
-      className: ax([asStackItemIcon && "_1e0c1o8l _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o", asStackItemIcon && iconSizeStyleMap['20px'], !asStackItemIcon && iconSizeStyleMap[getIconWidth(size)]])
-    }, icon);
-  }
+  var testId = _ref.testId,
+    icon = _ref.icon;
   return /*#__PURE__*/React.createElement("span", {
     "data-testid": "".concat(testId, "-icon"),
     className: ax(["_1e0c1o8l"])

package/dist/esm/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js

@@ -31,11 +31,9 @@ var ActionButton = function ActionButton(_ref) {
     }
   }, [isDisabled, isLoading, onClickCallback]);
   var icon = iconOption && isLoading ? /*#__PURE__*/React.createElement(ActionIcon, {
-    asStackItemIcon: true,
     icon: /*#__PURE__*/React.createElement(Spinner, {
       testId: "".concat(testId, "-loading")
-    }),
-    size: size
+    })
   }) : iconOption;
   return /*#__PURE__*/React.createElement(Pressable, _extends({
     xcss: cx(styles.button)

package/dist/esm/view/FlexibleCard/components/actions/action/index.js

@@ -42,10 +42,7 @@ var Action = function Action(_ref) {
   var isStackItem = as === 'stack-item';
   var isDropdownItem = as === 'dropdown-item' || asDropDownItem;
   var actionIcon = icon ? /*#__PURE__*/React.createElement(ActionIcon, {
-    asStackItemIcon: isStackItem,
-    isDisabled: isDisabled,
     icon: icon,
-    size: size,
     testId: testId
   }) : undefined;
   var iconBefore = icon && iconPosition === 'before' ? actionIcon : undefined;

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

package/dist/types/view/FlexibleCard/components/actions/action/action-icon/index.d.ts

@@ -1,3 +1,3 @@
 import { type ActionIconProps } from './types';
-declare const ActionIcon: ({ size, testId, icon, asStackItemIcon }: ActionIconProps) => JSX.Element;
+declare const ActionIcon: ({ testId, icon }: ActionIconProps) => JSX.Element;
 export default ActionIcon;

package/dist/types/view/FlexibleCard/components/actions/action/action-icon/types.d.ts

@@ -1,9 +1,5 @@
 import type { ReactChild } from 'react';
-import type { SmartLinkSize } from '../../../../../../constants';
 export type ActionIconProps = {
-    asStackItemIcon?: boolean;
     icon?: ReactChild;
-    isDisabled?: boolean;
-    size?: SmartLinkSize;
     testId?: string;
 };

package/dist/types-ts4.5/view/FlexibleCard/components/actions/action/action-icon/index.d.ts

@@ -1,3 +1,3 @@
 import { type ActionIconProps } from './types';
-declare const ActionIcon: ({ size, testId, icon, asStackItemIcon }: ActionIconProps) => JSX.Element;
+declare const ActionIcon: ({ testId, icon }: ActionIconProps) => JSX.Element;
 export default ActionIcon;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/action/action-icon/types.d.ts

@@ -1,9 +1,5 @@
 import type { ReactChild } from 'react';
-import type { SmartLinkSize } from '../../../../../../constants';
 export type ActionIconProps = {
-    asStackItemIcon?: boolean;
     icon?: ReactChild;
-    isDisabled?: boolean;
-    size?: SmartLinkSize;
     testId?: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "43.17.7",
+	"version": "43.18.1",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -34,9 +34,9 @@
 		"@atlaskit/avatar-group": "^12.4.0",
 		"@atlaskit/badge": "^18.3.0",
 		"@atlaskit/button": "^23.9.0",
-		"@atlaskit/checkbox": "^17.2.0",
+		"@atlaskit/checkbox": "^17.3.0",
 		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/dropdown-menu": "^16.3.0",
+		"@atlaskit/dropdown-menu": "^16.4.0",
 		"@atlaskit/embedded-confluence": "^4.3.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
 		"@atlaskit/form": "^15.2.0",
@@ -48,7 +48,7 @@
 		"@atlaskit/icon-priority": "^6.3.0",
 		"@atlaskit/image": "^3.0.0",
 		"@atlaskit/json-ld-types": "^1.4.0",
-		"@atlaskit/link": "^3.2.0",
+		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/link-analytics": "^11.0.0",
 		"@atlaskit/link-client-extension": "^6.0.0",
 		"@atlaskit/link-extractors": "^2.4.0",
@@ -62,7 +62,7 @@
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
-		"@atlaskit/popup": "^4.9.0",
+		"@atlaskit/popup": "^4.12.0",
 		"@atlaskit/primitives": "^17.0.0",
 		"@atlaskit/section-message": "^8.11.0",
 		"@atlaskit/select": "^21.6.0",
@@ -71,8 +71,8 @@
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tile": "^1.0.0",
-		"@atlaskit/tmp-editor-statsig": "^16.3.0",
-		"@atlaskit/tokens": "^9.0.0",
+		"@atlaskit/tmp-editor-statsig": "^16.5.0",
+		"@atlaskit/tokens": "^9.1.0",
 		"@atlaskit/tooltip": "^20.11.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -109,8 +109,7 @@
 		"@atlassian/testing-library": "^0.4.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/jest-dom": "^6.4.5",
-		"@testing-library/react": "^13.4.0",
-		"@testing-library/react-hooks": "^8.0.1",
+		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
 		"@types/facepaint": "^1.2.1",
 		"@types/lorem-ipsum": "^1.0.2",
@@ -231,14 +230,14 @@
 		"platform_navx_sl_a11y_embed_modal": {
 			"type": "boolean"
 		},
-		"navx-2825-eslint-translation-fix-linking-platform": {
-			"type": "boolean"
-		},
 		"platform_navx_send_context_to_ugs_for_rel_links": {
 			"type": "boolean"
 		},
 		"navx-2827-eslint-object-translation-smart-links": {
 			"type": "boolean"
+		},
+		"navx-2816-a11y-fix-smart-links-headings": {
+			"type": "boolean"
 		}
 	},
 	"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/f74ef1bc-7240-4aac-9dc8-9dc43b502089"

package/dist/cjs/__tests__/vr-tests/__snapshots__/inline-card/inline-card-when-selected--default--jfp-magma-platform-lozenge-jump-fix-false.png

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

package/dist/cjs/__tests__/vr-tests/__snapshots__/inline-card/inline-card-when-selected--default--jfp-magma-platform-lozenge-jump-fix-true.png

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:58e75ab3b05487d9fa8d95006fb5aadfb56875bf98e435f4b003d7f58d664486
-size 8356

package/dist/es2019/__tests__/vr-tests/__snapshots__/inline-card/inline-card-when-selected--default--jfp-magma-platform-lozenge-jump-fix-false.png

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

package/dist/es2019/__tests__/vr-tests/__snapshots__/inline-card/inline-card-when-selected--default--jfp-magma-platform-lozenge-jump-fix-true.png

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:58e75ab3b05487d9fa8d95006fb5aadfb56875bf98e435f4b003d7f58d664486
-size 8356

package/dist/esm/__tests__/vr-tests/__snapshots__/inline-card/inline-card-when-selected--default--jfp-magma-platform-lozenge-jump-fix-false.png

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

package/dist/esm/__tests__/vr-tests/__snapshots__/inline-card/inline-card-when-selected--default--jfp-magma-platform-lozenge-jump-fix-true.png

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:58e75ab3b05487d9fa8d95006fb5aadfb56875bf98e435f4b003d7f58d664486
-size 8356