@atlaskit/smart-card 26.49.1 → 26.49.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/smart-card
 
+## 26.49.3
+
+### Patch Changes
+
+- [#81241](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/81241) [`9e73c089380f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9e73c089380f) - [ux] Fix summary icon positioning and wrapping within hover card
+
+## 26.49.2
+
+### Patch Changes
+
+- [#80085](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80085) [`7febfed958dd`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7febfed958dd) - Update usage of `React.FC` to explicity include `children`
+
 ## 26.49.1
 
 ### Patch Changes

package/dist/cjs/common/analytics/generated/analytics.types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/extractors/common/detail/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/state/hooks/use-ai-summary/ai-summary-service/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/state/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/utils/analytics/analytics.js

@@ -22,7 +22,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.49.1"
+  packageVersion: "26.49.3"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/EmbedModal/components/embed-content/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/view/EmbedModal/components/link-info/link-info-button/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/view/FlexibleCard/components/actions/action/action-dropdown-item/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-summary-viewed/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-state-done.js

@@ -50,8 +50,7 @@ var iconTooltipDescStyles = (0, _primitives.xcss)({
   lineHeight: '14px'
 });
 var iconTooltipTriggerStyles = (0, _primitives.xcss)({
-  position: 'relative',
-  bottom: 'space.negative.050'
+  verticalAlign: 'bottom'
 });
 var AIStateDone = function AIStateDone(_ref) {
   var appearance = _ref.appearance,

package/dist/cjs/view/FlexibleCard/components/blocks/block/index.js

@@ -1,20 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _react2 = require("@emotion/react");
 var _constants = require("../../../../../constants");
 var _utils = require("../utils");
 var _templateObject;
 /** @jsx jsx */
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var getBlockStyles = function getBlockStyles(direction, size) {
   return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  ", "\n  justify-content: flex-start;\n  [data-separator] + [data-separator]:before {\n    content: '\u2022';\n    margin-right: ", "rem;\n  }\n  // Pull request elements: source branch \u2192 target branch\n  [data-smart-element='", "']\n    + [data-smart-element='", "']:before {\n    content: '\u2192';\n  }\n  // Pull request elements: target branch \u2190 source branch\n  [data-smart-element='", "']\n    + [data-smart-element='", "']:before {\n    content: '\u2190';\n  }\n"])), (0, _utils.getBaseStyles)(direction, size), _utils.highlightRemoveStyles, (0, _utils.getGapSize)(size), _constants.ElementName.SourceBranch, _constants.ElementName.TargetBranch, _constants.ElementName.TargetBranch, _constants.ElementName.SourceBranch);
 };

package/dist/cjs/view/FlexibleCard/components/blocks/element-group/index.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getElementGroupStyles = exports.default = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
+var _react = require("@emotion/react");
 var _constants = require("../../../../../constants");
 var _utils = require("../utils");
 var _utils2 = require("../../utils");
@@ -16,25 +15,25 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 var getAlignmentStyles = function getAlignmentStyles(align) {
   switch (align) {
     case _constants.SmartLinkAlignment.Right:
-      return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n        -webkit-box-align: end;\n        -ms-flex-align: end;\n        justify-content: flex-end;\n        text-align: right;\n      "])));
+      return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n        -webkit-box-align: end;\n        -ms-flex-align: end;\n        justify-content: flex-end;\n        text-align: right;\n      "])));
     case _constants.SmartLinkAlignment.Left:
     default:
-      return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n        -webkit-box-align: start;\n        -ms-flex-align: start;\n        justify-content: flex-start;\n        text-align: left;\n      "])));
+      return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n        -webkit-box-align: start;\n        -ms-flex-align: start;\n        justify-content: flex-start;\n        text-align: left;\n      "])));
   }
 };
 var getGapStyles = function getGapStyles(size, align) {
   var gap = (0, _utils.getGapSize)(size);
   if (align === _constants.SmartLinkAlignment.Right) {
-    return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n      > span {\n        margin-left: ", "rem;\n      }\n\n      > span:first-child {\n        margin-left: initial;\n      }\n    "])), gap);
+    return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n      > span {\n        margin-left: ", "rem;\n      }\n\n      > span:first-child {\n        margin-left: initial;\n      }\n    "])), gap);
   }
-  return (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    > span {\n      margin-right: ", "rem;\n      &:last-child {\n        margin-right: initial;\n      }\n    }\n  "])), gap);
+  return (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    > span {\n      margin-right: ", "rem;\n      &:last-child {\n        margin-right: initial;\n      }\n    }\n  "])), gap);
 };
 var getHorizontalDirectionStyles = function getHorizontalDirectionStyles(size, align) {
   var lineHeight = (0, _utils2.getMaxLineHeight)(size);
-  return (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n    display: block;\n    vertical-align: middle;\n    ", "\n\n    > span, > div {\n      vertical-align: middle;\n\n      &[data-smart-element-date-time],\n      &[data-smart-element-text] {\n        // Show all/wrapped/truncated\n        display: inline;\n      }\n    }\n\n    ", "\n  "])), (0, _utils2.getTruncateStyles)(1, lineHeight + 'rem'), getGapStyles(size, align));
+  return (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n    display: block;\n    vertical-align: middle;\n    ", "\n\n    > span, > div {\n      vertical-align: middle;\n\n      &[data-smart-element-date-time],\n      &[data-smart-element-text] {\n        // Show all/wrapped/truncated\n        display: inline;\n      }\n    }\n\n    ", "\n  "])), (0, _utils2.getTruncateStyles)(1, lineHeight + 'rem'), getGapStyles(size, align));
 };
 var getElementGroupStyles = exports.getElementGroupStyles = function getElementGroupStyles(direction, size, align, width, position) {
-  return (0, _react2.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  ", "\n  min-width: 10%;\n  ", "\n  ", "\n  ", "\n"])), (0, _utils.getBaseStyles)(direction, size), getAlignmentStyles(align), width === _constants.SmartLinkWidth.Flexible ? "flex: 1 3;" : '', direction === _constants.SmartLinkDirection.Horizontal ? getHorizontalDirectionStyles(size, align) : '', position === _constants.SmartLinkPosition.Top ? 'align-self: flex-start;' : '');
+  return (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  ", "\n  min-width: 10%;\n  ", "\n  ", "\n  ", "\n"])), (0, _utils.getBaseStyles)(direction, size), getAlignmentStyles(align), width === _constants.SmartLinkWidth.Flexible ? "flex: 1 3;" : '', direction === _constants.SmartLinkDirection.Horizontal ? getHorizontalDirectionStyles(size, align) : '', position === _constants.SmartLinkPosition.Top ? 'align-self: flex-start;' : '');
 };
 
 /**
@@ -59,7 +58,7 @@ var ElementGroup = function ElementGroup(_ref) {
     width = _ref$width === void 0 ? _constants.SmartLinkWidth.FitToContent : _ref$width,
     _ref$position = _ref.position,
     position = _ref$position === void 0 ? _constants.SmartLinkPosition.Center : _ref$position;
-  return (0, _react2.jsx)("div", {
+  return (0, _react.jsx)("div", {
     css: [getElementGroupStyles(direction, size, align, width, position), overrideCss],
     "data-smart-element-group": true,
     "data-testid": testId

package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/view/FlexibleCard/components/common/image-icon/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/view/FlexibleCard/components/common/loading-skeleton/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/view/FlexibleCard/components/container/layered-link/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/view/HoverCard/components/ContentContainer.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("@emotion/react");
-var _react2 = _interopRequireWildcard(require("react"));
+var _react2 = require("react");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _styled = require("../styled");
 var _aiPrism = _interopRequireDefault(require("../../common/ai-prism"));
@@ -19,8 +18,6 @@ var _useAiSummary = require("../../../state/hooks/use-ai-summary");
 var _excluded = ["children", "isAIEnabled", "testId", "url"],
   _excluded2 = ["children", "isAIEnabled", "testId", "url"];
 /** @jsx jsx */
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var ConnectedAIPrismContainer = function ConnectedAIPrismContainer(_ref) {
   var children = _ref.children,
     _ref$isAIEnabled = _ref.isAIEnabled,

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

@@ -17,7 +17,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.49.1",
+  packageVersion: "26.49.3",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

package/dist/cjs/view/LinkUrl/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/view/common/ai-prism/index.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("@emotion/react");
-var _react2 = _interopRequireDefault(require("react"));
 var _tokens = require("@atlaskit/tokens");
 var _constants = require("./constants");
 var _aiGlowingBorder = _interopRequireDefault(require("./ai-glowing-border"));

package/dist/cjs/view/common/ai-summary/index.js

@@ -47,7 +47,7 @@ var AISummary = function AISummary(_ref) {
   return (0, _react2.jsx)(_markdownToJsx.default, {
     "data-testid": testId,
     css: [AISummaryCSS, overrideCss],
-    children: showIcon ? "".concat(content, " <Icon />") : content,
+    children: showIcon ? "".concat(content, "&nbsp;<Icon />") : content,
     options: {
       forceWrapper: true,
       overrides: {

package/dist/es2019/common/analytics/generated/analytics.types.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/extractors/common/detail/types.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/state/hooks/use-ai-summary/ai-summary-service/types.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/state/types.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.49.1"
+  packageVersion: "26.49.3"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/EmbedModal/components/embed-content/types.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/view/EmbedModal/components/link-info/link-info-button/types.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/view/FlexibleCard/components/actions/action/action-dropdown-item/types.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-summary-viewed/types.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-state-done.js

@@ -42,8 +42,7 @@ const iconTooltipDescStyles = xcss({
   lineHeight: '14px'
 });
 const iconTooltipTriggerStyles = xcss({
-  position: 'relative',
-  bottom: 'space.negative.050'
+  verticalAlign: 'bottom'
 });
 const AIStateDone = ({
   appearance,

package/dist/es2019/view/FlexibleCard/components/blocks/block/index.js

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
 import { css, jsx } from '@emotion/react';
 import { ElementName, SmartLinkDirection, SmartLinkSize } from '../../../../../constants';
 import { getBaseStyles, getGapSize, highlightRemoveStyles, renderChildren } from '../utils';

package/dist/es2019/view/FlexibleCard/components/blocks/element-group/index.js

@@ -1,5 +1,4 @@
 /** @jsx jsx */
-import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkWidth } from '../../../../../constants';
 import { getBaseStyles, getGapSize, renderChildren } from '../utils';

package/dist/es2019/view/FlexibleCard/components/blocks/related-urls-block/types.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/view/FlexibleCard/components/common/image-icon/types.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/view/FlexibleCard/components/common/loading-skeleton/types.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/view/FlexibleCard/components/container/layered-link/types.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/view/HoverCard/components/ContentContainer.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import React, { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { HoverCardContainer, popupContainerStyles } from '../styled';
 import AIPrism from '../../common/ai-prism';

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

@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.49.1",
+  packageVersion: "26.49.3",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/es2019/view/LinkUrl/types.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/view/common/ai-prism/index.js

@@ -1,6 +1,5 @@
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
-import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { AI_BORDER_PALETTE, INNER_BORDER_RADIUS } from './constants';
 import AIGlowingBorder from './ai-glowing-border';

package/dist/es2019/view/common/ai-summary/index.js

@@ -34,7 +34,7 @@ const AISummary = ({
   return jsx(Markdown, {
     "data-testid": testId,
     css: [AISummaryCSS, overrideCss],
-    children: showIcon ? `${content} <Icon />` : content,
+    children: showIcon ? `${content}&nbsp;<Icon />` : content,
     options: {
       forceWrapper: true,
       overrides: {

package/dist/esm/common/analytics/generated/analytics.types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/extractors/common/detail/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/state/hooks/use-ai-summary/ai-summary-service/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/state/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/utils/analytics/analytics.js

@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.49.1"
+  packageVersion: "26.49.3"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/EmbedModal/components/embed-content/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/view/EmbedModal/components/link-info/link-info-button/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/view/FlexibleCard/components/actions/action/action-dropdown-item/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-summary-viewed/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-state-done.js

@@ -42,8 +42,7 @@ var iconTooltipDescStyles = xcss({
   lineHeight: '14px'
 });
 var iconTooltipTriggerStyles = xcss({
-  position: 'relative',
-  bottom: 'space.negative.050'
+  verticalAlign: 'bottom'
 });
 var AIStateDone = function AIStateDone(_ref) {
   var appearance = _ref.appearance,

package/dist/esm/view/FlexibleCard/components/blocks/block/index.js

@@ -1,7 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
 /** @jsx jsx */
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
 import { css, jsx } from '@emotion/react';
 import { ElementName, SmartLinkDirection, SmartLinkSize } from '../../../../../constants';
 import { getBaseStyles, getGapSize, highlightRemoveStyles, renderChildren } from '../utils';

package/dist/esm/view/FlexibleCard/components/blocks/element-group/index.js

@@ -1,7 +1,6 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 /** @jsx jsx */
-import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkWidth } from '../../../../../constants';
 import { getBaseStyles, getGapSize, renderChildren } from '../utils';

package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/view/FlexibleCard/components/common/image-icon/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/view/FlexibleCard/components/common/loading-skeleton/types.js

@@ -1 +0,0 @@
-export {};

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

@@ -1 +0,0 @@
-export {};

package/dist/esm/view/HoverCard/components/ContentContainer.js

@@ -5,7 +5,7 @@ var _excluded = ["children", "isAIEnabled", "testId", "url"],
   _excluded2 = ["children", "isAIEnabled", "testId", "url"];
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import React, { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { HoverCardContainer, popupContainerStyles } from '../styled';
 import AIPrism from '../../common/ai-prism';

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

@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.49.1",
+  packageVersion: "26.49.3",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

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

@@ -1 +0,0 @@
-export {};

package/dist/esm/view/common/ai-prism/index.js

@@ -1,6 +1,5 @@
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
-import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { AI_BORDER_PALETTE, INNER_BORDER_RADIUS } from './constants';
 import AIGlowingBorder from './ai-glowing-border';

package/dist/esm/view/common/ai-summary/index.js

@@ -39,7 +39,7 @@ var AISummary = function AISummary(_ref) {
   return jsx(Markdown, {
     "data-testid": testId,
     css: [AISummaryCSS, overrideCss],
-    children: showIcon ? "".concat(content, " <Icon />") : content,
+    children: showIcon ? "".concat(content, "&nbsp;<Icon />") : content,
     options: {
       forceWrapper: true,
       overrides: {

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

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

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

@@ -1,7 +1,8 @@
+import { PropsWithChildren } from 'react';
 import type { ActionItem } from '../../../../FlexibleCard/components/blocks/types';
 import type { FlexibleBlockCardProps } from '../types';
-export type UnresolvedViewProps = FlexibleBlockCardProps & {
+export type UnresolvedViewProps = PropsWithChildren<FlexibleBlockCardProps & {
     actions?: ActionItem[];
     showPreview?: boolean;
     title?: string;
-};
+}>;

package/dist/types/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-error-viewed/index.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const AIEventErrorViewed: React.FC;
+declare const AIEventErrorViewed: () => null;
 export default AIEventErrorViewed;

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

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 import { BlockProps } from '../types';
 /**
  * A block represents a collection of elements and actions that are arranged
@@ -8,5 +7,5 @@ import { BlockProps } from '../types';
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */
-declare const Block: React.FC<BlockProps>;
+declare const Block: ({ children, direction, size, testId, overrideCss, blockRef, onRender, onTransitionEnd, }: BlockProps) => jsx.JSX.Element;
 export default Block;

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

@@ -1,6 +1,5 @@
 /** @jsx jsx */
-import React from 'react';
-import { SerializedStyles } from '@emotion/react';
+import { jsx, SerializedStyles } from '@emotion/react';
 import { ElementGroupProps } from './types';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkWidth } from '../../../../../constants';
 export declare const getElementGroupStyles: (direction: SmartLinkDirection, size: SmartLinkSize, align: SmartLinkAlignment, width: SmartLinkWidth, position: SmartLinkPosition) => SerializedStyles;
@@ -11,5 +10,5 @@ export declare const getElementGroupStyles: (direction: SmartLinkDirection, size
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */
-declare const ElementGroup: React.FC<ElementGroupProps>;
+declare const ElementGroup: ({ align, children, overrideCss, direction, size, testId, width, position, }: ElementGroupProps) => jsx.JSX.Element;
 export default ElementGroup;

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

@@ -1,6 +1,7 @@
+import { PropsWithChildren } from 'react';
 import { SerializedStyles } from '@emotion/react';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkWidth } from '../../../../../constants';
-export type ElementGroupProps = {
+export type ElementGroupProps = PropsWithChildren<{
     align?: SmartLinkAlignment;
     direction?: SmartLinkDirection;
     overrideCss?: SerializedStyles;
@@ -8,4 +9,4 @@ export type ElementGroupProps = {
     width?: SmartLinkWidth;
     testId?: string;
     position?: SmartLinkPosition;
-};
+}>;

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

@@ -1,8 +1,8 @@
 import { ActionName, ElementName, SmartLinkDirection, SmartLinkSize, SmartLinkStatus } from '../../../../constants';
 import { SerializedStyles } from '@emotion/react';
 import { ActionProps } from '../actions/action/types';
-import { Ref } from 'react';
-export type BlockProps = {
+import { PropsWithChildren, Ref } from 'react';
+export type BlockProps = PropsWithChildren<{
     /**
      * The direction that the block should arrange it's elements. Can be vertical
      * or horizontal. Default is horizontal.
@@ -44,7 +44,7 @@ export type BlockProps = {
      * @internal
      */
     onTransitionEnd?: () => void;
-};
+}>;
 /**
  * Used to represent a metadata element to be rendered.
  */

package/dist/types/view/FlexibleCard/components/container/hover-card-control/index.d.ts

@@ -1,4 +1,4 @@
-import type { FC } from 'react';
+/// <reference types="react" />
 import { HoverCardDelayProps } from './types';
-declare const HoverCardControl: FC<HoverCardDelayProps>;
+declare const HoverCardControl: ({ children, hideHoverCardPreviewButton, isHoverPreview, isAuthTooltip, actionOptions, testId, url, delay, }: HoverCardDelayProps) => JSX.Element;
 export default HoverCardControl;

package/dist/types/view/FlexibleCard/components/container/hover-card-control/types.d.ts

@@ -1,8 +1,9 @@
+import { PropsWithChildren } from 'react';
 import { ContainerProps } from '../types';
-export type HoverCardDelayProps = Pick<ContainerProps, 'hideHoverCardPreviewButton' | 'actionOptions'> & {
+export type HoverCardDelayProps = PropsWithChildren<Pick<ContainerProps, 'hideHoverCardPreviewButton' | 'actionOptions'> & {
     isHoverPreview?: boolean;
     isAuthTooltip?: boolean;
     testId?: string;
     url: string;
     delay?: number;
-};
+}>;

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

@@ -1,6 +1,4 @@
-/** @jsx jsx */
-import React from 'react';
-import { SerializedStyles } from '@emotion/react';
+import { jsx, SerializedStyles } from '@emotion/react';
 import { SmartLinkSize } from '../../../../constants';
 import { ChildrenOptions, ContainerProps } from './types';
 export declare const getContainerStyles: (size: SmartLinkSize, hideBackground: boolean, hideElevation: boolean, hidePadding: boolean, clickableContainer: boolean, childrenOptions: ChildrenOptions) => SerializedStyles;
@@ -12,5 +10,5 @@ export declare const getContainerStyles: (size: SmartLinkSize, hideBackground: b
  * @internal
  * @see Block
  */
-declare const Container: React.FC<ContainerProps>;
+declare const Container: ({ children, clickableContainer, hideBackground, hideElevation, hideHoverCardPreviewButton, hidePadding, onClick, retry, showAuthTooltip, showHoverPreview, actionOptions, size, status, testId, theme, }: ContainerProps) => jsx.JSX.Element;
 export default Container;

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

@@ -1,6 +1,7 @@
+import { PropsWithChildren } from 'react';
 import { SmartLinkStatus } from '../../../../constants';
 import { FlexibleCardProps, FlexibleUiOptions, RetryOptions } from '../../types';
-export type ContainerProps = Pick<FlexibleCardProps, 'onClick' | 'showHoverPreview' | 'actionOptions' | 'showAuthTooltip'> & FlexibleUiOptions & {
+export type ContainerProps = PropsWithChildren<Pick<FlexibleCardProps, 'onClick' | 'showHoverPreview' | 'actionOptions' | 'showAuthTooltip'> & FlexibleUiOptions & {
     /**
      * The options that determine the retry behaviour when a Smart Link errors.
      */
@@ -16,7 +17,7 @@ export type ContainerProps = Pick<FlexibleCardProps, 'onClick' | 'showHoverPrevi
      * serving as a hook for automated tests
      */
     testId?: string;
-};
+}>;
 export type ChildrenOptions = {
     previewOnLeft?: boolean;
     previewOnRight?: boolean;

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

@@ -1,4 +1,5 @@
-import React from 'react';
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import type { ContentContainerProps } from '../types';
-declare const ContentContainer: React.FC<ContentContainerProps>;
+declare const ContentContainer: ({ children, isAIEnabled, testId, url, ...props }: ContentContainerProps) => jsx.JSX.Element;
 export default ContentContainer;

package/dist/types/view/common/ai-prism/index.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import type { AIPrismProps } from './types';
-declare const AIPrism: React.FC<AIPrismProps>;
+declare const AIPrism: ({ children, isGlowing, isMoving, isVisible, testId, }: AIPrismProps) => jsx.JSX.Element;
 export default AIPrism;

package/dist/types/view/common/ai-prism/types.d.ts

@@ -1,7 +1,8 @@
+import { type PropsWithChildren } from 'react';
 import { AIGlowingBorderProps } from './ai-glowing-border/types';
-export type AIPrismProps = Pick<AIGlowingBorderProps, 'isMoving' | 'isGlowing' | 'testId'> & {
+export type AIPrismProps = PropsWithChildren<Pick<AIGlowingBorderProps, 'isMoving' | 'isGlowing' | 'testId'> & {
     isVisible?: boolean;
-};
+}>;
 export type AIBorderPalette = {
     blue: string;
     yellow: string;

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

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

package/dist/types-ts4.5/view/BlockCard/views/flexible/unresolved-view/types.d.ts

@@ -1,7 +1,8 @@
+import { PropsWithChildren } from 'react';
 import type { ActionItem } from '../../../../FlexibleCard/components/blocks/types';
 import type { FlexibleBlockCardProps } from '../types';
-export type UnresolvedViewProps = FlexibleBlockCardProps & {
+export type UnresolvedViewProps = PropsWithChildren<FlexibleBlockCardProps & {
     actions?: ActionItem[];
     showPreview?: boolean;
     title?: string;
-};
+}>;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-error-viewed/index.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const AIEventErrorViewed: React.FC;
+declare const AIEventErrorViewed: () => null;
 export default AIEventErrorViewed;

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

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 import { BlockProps } from '../types';
 /**
  * A block represents a collection of elements and actions that are arranged
@@ -8,5 +7,5 @@ import { BlockProps } from '../types';
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */
-declare const Block: React.FC<BlockProps>;
+declare const Block: ({ children, direction, size, testId, overrideCss, blockRef, onRender, onTransitionEnd, }: BlockProps) => jsx.JSX.Element;
 export default Block;

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

@@ -1,6 +1,5 @@
 /** @jsx jsx */
-import React from 'react';
-import { SerializedStyles } from '@emotion/react';
+import { jsx, SerializedStyles } from '@emotion/react';
 import { ElementGroupProps } from './types';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkWidth } from '../../../../../constants';
 export declare const getElementGroupStyles: (direction: SmartLinkDirection, size: SmartLinkSize, align: SmartLinkAlignment, width: SmartLinkWidth, position: SmartLinkPosition) => SerializedStyles;
@@ -11,5 +10,5 @@ export declare const getElementGroupStyles: (direction: SmartLinkDirection, size
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */
-declare const ElementGroup: React.FC<ElementGroupProps>;
+declare const ElementGroup: ({ align, children, overrideCss, direction, size, testId, width, position, }: ElementGroupProps) => jsx.JSX.Element;
 export default ElementGroup;

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

@@ -1,6 +1,7 @@
+import { PropsWithChildren } from 'react';
 import { SerializedStyles } from '@emotion/react';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkWidth } from '../../../../../constants';
-export type ElementGroupProps = {
+export type ElementGroupProps = PropsWithChildren<{
     align?: SmartLinkAlignment;
     direction?: SmartLinkDirection;
     overrideCss?: SerializedStyles;
@@ -8,4 +9,4 @@ export type ElementGroupProps = {
     width?: SmartLinkWidth;
     testId?: string;
     position?: SmartLinkPosition;
-};
+}>;

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

@@ -1,8 +1,8 @@
 import { ActionName, ElementName, SmartLinkDirection, SmartLinkSize, SmartLinkStatus } from '../../../../constants';
 import { SerializedStyles } from '@emotion/react';
 import { ActionProps } from '../actions/action/types';
-import { Ref } from 'react';
-export type BlockProps = {
+import { PropsWithChildren, Ref } from 'react';
+export type BlockProps = PropsWithChildren<{
     /**
      * The direction that the block should arrange it's elements. Can be vertical
      * or horizontal. Default is horizontal.
@@ -44,7 +44,7 @@ export type BlockProps = {
      * @internal
      */
     onTransitionEnd?: () => void;
-};
+}>;
 /**
  * Used to represent a metadata element to be rendered.
  */

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

@@ -1,4 +1,4 @@
-import type { FC } from 'react';
+/// <reference types="react" />
 import { HoverCardDelayProps } from './types';
-declare const HoverCardControl: FC<HoverCardDelayProps>;
+declare const HoverCardControl: ({ children, hideHoverCardPreviewButton, isHoverPreview, isAuthTooltip, actionOptions, testId, url, delay, }: HoverCardDelayProps) => JSX.Element;
 export default HoverCardControl;

package/dist/types-ts4.5/view/FlexibleCard/components/container/hover-card-control/types.d.ts

@@ -1,8 +1,9 @@
+import { PropsWithChildren } from 'react';
 import { ContainerProps } from '../types';
-export type HoverCardDelayProps = Pick<ContainerProps, 'hideHoverCardPreviewButton' | 'actionOptions'> & {
+export type HoverCardDelayProps = PropsWithChildren<Pick<ContainerProps, 'hideHoverCardPreviewButton' | 'actionOptions'> & {
     isHoverPreview?: boolean;
     isAuthTooltip?: boolean;
     testId?: string;
     url: string;
     delay?: number;
-};
+}>;

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

@@ -1,6 +1,4 @@
-/** @jsx jsx */
-import React from 'react';
-import { SerializedStyles } from '@emotion/react';
+import { jsx, SerializedStyles } from '@emotion/react';
 import { SmartLinkSize } from '../../../../constants';
 import { ChildrenOptions, ContainerProps } from './types';
 export declare const getContainerStyles: (size: SmartLinkSize, hideBackground: boolean, hideElevation: boolean, hidePadding: boolean, clickableContainer: boolean, childrenOptions: ChildrenOptions) => SerializedStyles;
@@ -12,5 +10,5 @@ export declare const getContainerStyles: (size: SmartLinkSize, hideBackground: b
  * @internal
  * @see Block
  */
-declare const Container: React.FC<ContainerProps>;
+declare const Container: ({ children, clickableContainer, hideBackground, hideElevation, hideHoverCardPreviewButton, hidePadding, onClick, retry, showAuthTooltip, showHoverPreview, actionOptions, size, status, testId, theme, }: ContainerProps) => jsx.JSX.Element;
 export default Container;

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

@@ -1,6 +1,7 @@
+import { PropsWithChildren } from 'react';
 import { SmartLinkStatus } from '../../../../constants';
 import { FlexibleCardProps, FlexibleUiOptions, RetryOptions } from '../../types';
-export type ContainerProps = Pick<FlexibleCardProps, 'onClick' | 'showHoverPreview' | 'actionOptions' | 'showAuthTooltip'> & FlexibleUiOptions & {
+export type ContainerProps = PropsWithChildren<Pick<FlexibleCardProps, 'onClick' | 'showHoverPreview' | 'actionOptions' | 'showAuthTooltip'> & FlexibleUiOptions & {
     /**
      * The options that determine the retry behaviour when a Smart Link errors.
      */
@@ -16,7 +17,7 @@ export type ContainerProps = Pick<FlexibleCardProps, 'onClick' | 'showHoverPrevi
      * serving as a hook for automated tests
      */
     testId?: string;
-};
+}>;
 export type ChildrenOptions = {
     previewOnLeft?: boolean;
     previewOnRight?: boolean;

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

@@ -1,4 +1,5 @@
-import React from 'react';
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import type { ContentContainerProps } from '../types';
-declare const ContentContainer: React.FC<ContentContainerProps>;
+declare const ContentContainer: ({ children, isAIEnabled, testId, url, ...props }: ContentContainerProps) => jsx.JSX.Element;
 export default ContentContainer;

package/dist/types-ts4.5/view/common/ai-prism/index.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import type { AIPrismProps } from './types';
-declare const AIPrism: React.FC<AIPrismProps>;
+declare const AIPrism: ({ children, isGlowing, isMoving, isVisible, testId, }: AIPrismProps) => jsx.JSX.Element;
 export default AIPrism;

package/dist/types-ts4.5/view/common/ai-prism/types.d.ts

@@ -1,7 +1,8 @@
+import { type PropsWithChildren } from 'react';
 import { AIGlowingBorderProps } from './ai-glowing-border/types';
-export type AIPrismProps = Pick<AIGlowingBorderProps, 'isMoving' | 'isGlowing' | 'testId'> & {
+export type AIPrismProps = PropsWithChildren<Pick<AIGlowingBorderProps, 'isMoving' | 'isGlowing' | 'testId'> & {
     isVisible?: boolean;
-};
+}>;
 export type AIBorderPalette = {
     blue: string;
     yellow: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.49.1",
+  "version": "26.49.3",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -34,7 +34,7 @@
     "@atlaskit/avatar-group": "^9.5.0",
     "@atlaskit/badge": "^15.2.0",
     "@atlaskit/button": "^17.7.0",
-    "@atlaskit/dropdown-menu": "^12.7.0",
+    "@atlaskit/dropdown-menu": "^12.8.0",
     "@atlaskit/icon": "^22.1.0",
     "@atlaskit/icon-file-type": "^6.4.0",
     "@atlaskit/icon-object": "^6.3.0",
@@ -51,10 +51,10 @@
     "@atlaskit/outbound-auth-flow-client": "^3.4.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
     "@atlaskit/popup": "^1.13.0",
-    "@atlaskit/primitives": "^4.0.0",
+    "@atlaskit/primitives": "^4.1.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.40.0",
+    "@atlaskit/tokens": "^1.41.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.0",
     "@babel/runtime": "^7.0.0",
@@ -83,7 +83,7 @@
     "@af/integration-testing": "*",
     "@af/visual-regression": "*",
     "@atlaskit/analytics-listeners": "^8.9.0",
-    "@atlaskit/css-reset": "^6.6.0",
+    "@atlaskit/css-reset": "^6.7.0",
     "@atlaskit/link-test-helpers": "^6.2.0",
     "@atlaskit/media-test-helpers": "^33.0.0",
     "@atlaskit/ssr": "*",