@atlaskit/smart-card 27.6.1 → 27.6.3

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/smart-card
 
+## 27.6.3
+
+### Patch Changes
+
+- Updated dependencies
+
+## 27.6.2
+
+### Patch Changes
+
+- [#112295](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/112295)
+  [`e8037887d2086`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e8037887d2086) -
+  Migration of Box button primitives to the Pressable primitive.
+- Updated dependencies
+
 ## 27.6.1
 
 ### Patch Changes

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: "27.6.1"
+  packageVersion: "27.6.3"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/EmbedCard/components/styled.js

@@ -119,7 +119,7 @@ csssize(16),
 function (_ref9) {
   var isPlaceholder = _ref9.isPlaceholder;
   if (isPlaceholder) {
-    return "\n// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766\n      background-color: ".concat("var(--ds-skeleton, ".concat(colors.N30, ")"), ";\n    ");
+    return "\n\t\t\t".concat("\n      background-color: ", "var(--ds-skeleton, ".concat(colors.N30, ")"), ";\n    ");
   } else {
     return '';
   }
@@ -133,7 +133,7 @@ var TextWrapper = exports.TextWrapper = _styled.default.div(
 function (_ref10) {
   var isPlaceholder = _ref10.isPlaceholder;
   if (isPlaceholder) {
-    return "\n        ".concat(borderRadius, "\n        width: 125px;\n        height: 12px;\n// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766\n        background-color: ", "var(--ds-skeleton, ".concat(colors.N30, ")"), ";\n      ");
+    return "\n        ".concat(borderRadius, "\n        width: 125px;\n        height: 12px;\n", "\n        background-color: ", "var(--ds-skeleton, ".concat(colors.N30, ")"), ";\n      ");
   } else {
     return '';
   }

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

@@ -16,21 +16,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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 buttonStyles = (0, _primitives.xcss)({
   all: 'unset',
-  cursor: 'pointer',
   padding: 'space.050',
   width: '100%',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  ':focus:not(:focus-visible)': {
-    outline: 'none'
-  },
-  ':focus': {
-    outlineColor: 'color.border.focused',
-    // xcss outlineOffset does not support space.negative.025
-    // @ts-ignore-next-line TS2322: Type "var(--ds-space-negative-025)" is not assignable to type
-    outlineOffset: "var(--ds-space-negative-025, -2px)",
-    outlineStyle: 'solid',
-    outlineWidth: 'border.width.outline'
-  },
   ':hover': {
     backgroundColor: 'color.background.neutral.subtle.hovered'
   },
@@ -71,8 +58,7 @@ var ActionButton = function ActionButton(_ref) {
     }),
     size: size
   }) : iconOption;
-  return /*#__PURE__*/_react.default.createElement(_primitives.Box, (0, _extends2.default)({
-    as: "button",
+  return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, (0, _extends2.default)({
     xcss: [buttonStyles, xcss]
   }, tooltipProps, {
     onClick: onClick,

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

@@ -90,7 +90,7 @@ var ActionBlock = function ActionBlock(_ref) {
         onError: onError,
         onLoadingChange: onLoadingChange,
         size: size
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         ,
         xcss: (0, _primitives.xcss)({
           paddingInline: padding

package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.js

@@ -36,15 +36,17 @@ var RelatedUrlList = function RelatedUrlList(_ref) {
   }, [isOpen]);
   var ChevronComponent = isOpen ? _chevronUp.default : _chevronDown.default;
   var intl = (0, _reactIntlNext.useIntl)();
-  return resolvedResults.length > 0 ? /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
+  return resolvedResults.length > 0 ?
+  /*#__PURE__*/
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  _react.default.createElement(_primitives.Stack, {
     testId: testId,
     xcss: (0, _primitives.xcss)({
       width: '100%'
     })
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
     onClick: chevronClickHandler,
     testId: "".concat(testId, "-expand-title"),
-    as: "button",
     backgroundColor: "color.background.neutral.subtle",
     "aria-expanded": !!isOpen,
     padding: "space.0"

package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/resolved-result-stack/index.js

@@ -28,7 +28,9 @@ var ResolvedResultsStack = function ResolvedResultsStack(_ref) {
   return /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
     space: "space.050",
     testId: "".concat(testId, "-items-wrapper"),
-    as: "ul",
+    as: "ul"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
     xcss: (0, _primitives.xcss)({
       paddingLeft: 'space.0',
       marginTop: 'space.0'

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: "27.6.1",
+  packageVersion: "27.6.3",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

package/dist/cjs/view/RelatedLinksModal/components/related-links-list/index.js

@@ -21,7 +21,9 @@ var RelatedLinksList = function RelatedLinksList(_ref) {
   return (0, _react.jsx)(_primitives.Stack, {
     testId: testId
   }, (0, _react.jsx)(_primitives.Box, {
-    paddingBlockStart: "space.050",
+    paddingBlockStart: "space.050"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
     xcss: (0, _primitives.xcss)({
       font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
       textTransform: 'uppercase'
@@ -33,7 +35,9 @@ var RelatedLinksList = function RelatedLinksList(_ref) {
       url: url,
       testId: "".concat(testId, "-item-").concat(idx)
     }));
-  })), urls.length === 0 && (0, _react.jsx)(_primitives.Box, {
+  })), urls.length === 0 &&
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  (0, _react.jsx)(_primitives.Box, {
     paddingBlock: "space.100",
     xcss: (0, _primitives.xcss)({
       font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"

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: "27.6.1"
+  packageVersion: "27.6.3"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/EmbedCard/components/styled.js

@@ -184,7 +184,7 @@ csssize(16),
 }) => {
   if (isPlaceholder) {
     return `
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+			${/* eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766 */''}
       background-color: ${`var(--ds-skeleton, ${colors.N30})`};
     `;
   } else {
@@ -205,7 +205,7 @@ export const TextWrapper = styled.div(
         ${borderRadius}
         width: 125px;
         height: 12px;
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+${/* eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766 */''}
         background-color: ${`var(--ds-skeleton, ${colors.N30})`};
       `;
   } else {

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

@@ -1,27 +1,14 @@
 import _extends from "@babel/runtime/helpers/extends";
 import { xcss } from '@atlaskit/primitives';
-import { Box, Inline } from '@atlaskit/primitives';
+import { Box, Inline, Pressable } from '@atlaskit/primitives';
 import Spinner from '@atlaskit/spinner';
 import React, { useCallback } from 'react';
 import { getPrimitivesInlineSpaceBySize } from '../../../utils';
 import ActionIcon from '../action-icon';
 const buttonStyles = xcss({
   all: 'unset',
-  cursor: 'pointer',
   padding: 'space.050',
   width: '100%',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  ':focus:not(:focus-visible)': {
-    outline: 'none'
-  },
-  ':focus': {
-    outlineColor: 'color.border.focused',
-    // xcss outlineOffset does not support space.negative.025
-    // @ts-ignore-next-line TS2322: Type "var(--ds-space-negative-025)" is not assignable to type
-    outlineOffset: "var(--ds-space-negative-025, -2px)",
-    outlineStyle: 'solid',
-    outlineWidth: 'border.width.outline'
-  },
   ':hover': {
     backgroundColor: 'color.background.neutral.subtle.hovered'
   },
@@ -63,8 +50,7 @@ const ActionButton = ({
     }),
     size: size
   }) : iconOption;
-  return /*#__PURE__*/React.createElement(Box, _extends({
-    as: "button",
+  return /*#__PURE__*/React.createElement(Pressable, _extends({
     xcss: [buttonStyles, xcss]
   }, tooltipProps, {
     onClick: onClick,

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

@@ -70,7 +70,7 @@ const ActionBlock = ({
         onError: onError,
         onLoadingChange: onLoadingChange,
         size: size
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         ,
         xcss: xcss({
           paddingInline: padding

package/dist/es2019/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.js

@@ -2,7 +2,7 @@ import React, { useCallback, useState } from 'react';
 import { useIntl } from 'react-intl-next';
 import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
 import ChevronUpIcon from '@atlaskit/icon/glyph/chevron-up';
-import { Box, Inline, Stack, xcss } from '@atlaskit/primitives';
+import { Inline, Pressable, Stack, xcss } from '@atlaskit/primitives';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { messages } from '../../../../../../../messages';
@@ -20,15 +20,17 @@ const RelatedUrlList = ({
   const chevronClickHandler = useCallback(() => setIsOpen(!isOpen), [isOpen]);
   const ChevronComponent = isOpen ? ChevronUpIcon : ChevronDownIcon;
   const intl = useIntl();
-  return resolvedResults.length > 0 ? /*#__PURE__*/React.createElement(Stack, {
+  return resolvedResults.length > 0 ?
+  /*#__PURE__*/
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  React.createElement(Stack, {
     testId: testId,
     xcss: xcss({
       width: '100%'
     })
-  }, /*#__PURE__*/React.createElement(Box, {
+  }, /*#__PURE__*/React.createElement(Pressable, {
     onClick: chevronClickHandler,
     testId: `${testId}-expand-title`,
-    as: "button",
     backgroundColor: "color.background.neutral.subtle",
     "aria-expanded": !!isOpen,
     padding: "space.0"

package/dist/es2019/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/resolved-result-stack/index.js

@@ -20,7 +20,9 @@ const ResolvedResultsStack = ({
   return /*#__PURE__*/React.createElement(Stack, {
     space: "space.050",
     testId: `${testId}-items-wrapper`,
-    as: "ul",
+    as: "ul"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
     xcss: xcss({
       paddingLeft: 'space.0',
       marginTop: 'space.0'

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: "27.6.1",
+  packageVersion: "27.6.3",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/es2019/view/RelatedLinksModal/components/related-links-list/index.js

@@ -14,7 +14,9 @@ const RelatedLinksList = ({
   return jsx(Stack, {
     testId: testId
   }, jsx(Box, {
-    paddingBlockStart: "space.050",
+    paddingBlockStart: "space.050"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
     xcss: xcss({
       font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
       textTransform: 'uppercase'
@@ -24,7 +26,9 @@ const RelatedLinksList = ({
   }, jsx(RelatedLinkItem, {
     url: url,
     testId: `${testId}-item-${idx}`
-  })))), urls.length === 0 && jsx(Box, {
+  })))), urls.length === 0 &&
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  jsx(Box, {
     paddingBlock: "space.100",
     xcss: xcss({
       font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"

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: "27.6.1"
+  packageVersion: "27.6.3"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/EmbedCard/components/styled.js

@@ -110,7 +110,7 @@ csssize(16),
 function (_ref9) {
   var isPlaceholder = _ref9.isPlaceholder;
   if (isPlaceholder) {
-    return "\n// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766\n      background-color: ".concat("var(--ds-skeleton, ".concat(colors.N30, ")"), ";\n    ");
+    return "\n\t\t\t".concat("\n      background-color: ", "var(--ds-skeleton, ".concat(colors.N30, ")"), ";\n    ");
   } else {
     return '';
   }
@@ -124,7 +124,7 @@ export var TextWrapper = styled.div(
 function (_ref10) {
   var isPlaceholder = _ref10.isPlaceholder;
   if (isPlaceholder) {
-    return "\n        ".concat(borderRadius, "\n        width: 125px;\n        height: 12px;\n// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766\n        background-color: ", "var(--ds-skeleton, ".concat(colors.N30, ")"), ";\n      ");
+    return "\n        ".concat(borderRadius, "\n        width: 125px;\n        height: 12px;\n", "\n        background-color: ", "var(--ds-skeleton, ".concat(colors.N30, ")"), ";\n      ");
   } else {
     return '';
   }

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

@@ -1,27 +1,14 @@
 import _extends from "@babel/runtime/helpers/extends";
 import { xcss } from '@atlaskit/primitives';
-import { Box, Inline } from '@atlaskit/primitives';
+import { Box, Inline, Pressable } from '@atlaskit/primitives';
 import Spinner from '@atlaskit/spinner';
 import React, { useCallback } from 'react';
 import { getPrimitivesInlineSpaceBySize } from '../../../utils';
 import ActionIcon from '../action-icon';
 var buttonStyles = xcss({
   all: 'unset',
-  cursor: 'pointer',
   padding: 'space.050',
   width: '100%',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  ':focus:not(:focus-visible)': {
-    outline: 'none'
-  },
-  ':focus': {
-    outlineColor: 'color.border.focused',
-    // xcss outlineOffset does not support space.negative.025
-    // @ts-ignore-next-line TS2322: Type "var(--ds-space-negative-025)" is not assignable to type
-    outlineOffset: "var(--ds-space-negative-025, -2px)",
-    outlineStyle: 'solid',
-    outlineWidth: 'border.width.outline'
-  },
   ':hover': {
     backgroundColor: 'color.background.neutral.subtle.hovered'
   },
@@ -62,8 +49,7 @@ var ActionButton = function ActionButton(_ref) {
     }),
     size: size
   }) : iconOption;
-  return /*#__PURE__*/React.createElement(Box, _extends({
-    as: "button",
+  return /*#__PURE__*/React.createElement(Pressable, _extends({
     xcss: [buttonStyles, xcss]
   }, tooltipProps, {
     onClick: onClick,

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

@@ -79,7 +79,7 @@ var ActionBlock = function ActionBlock(_ref) {
         onError: onError,
         onLoadingChange: onLoadingChange,
         size: size
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         ,
         xcss: xcss({
           paddingInline: padding

package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.js

@@ -3,7 +3,7 @@ import React, { useCallback, useState } from 'react';
 import { useIntl } from 'react-intl-next';
 import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
 import ChevronUpIcon from '@atlaskit/icon/glyph/chevron-up';
-import { Box, Inline, Stack, xcss } from '@atlaskit/primitives';
+import { Inline, Pressable, Stack, xcss } from '@atlaskit/primitives';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { messages } from '../../../../../../../messages';
@@ -25,15 +25,17 @@ var RelatedUrlList = function RelatedUrlList(_ref) {
   }, [isOpen]);
   var ChevronComponent = isOpen ? ChevronUpIcon : ChevronDownIcon;
   var intl = useIntl();
-  return resolvedResults.length > 0 ? /*#__PURE__*/React.createElement(Stack, {
+  return resolvedResults.length > 0 ?
+  /*#__PURE__*/
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  React.createElement(Stack, {
     testId: testId,
     xcss: xcss({
       width: '100%'
     })
-  }, /*#__PURE__*/React.createElement(Box, {
+  }, /*#__PURE__*/React.createElement(Pressable, {
     onClick: chevronClickHandler,
     testId: "".concat(testId, "-expand-title"),
-    as: "button",
     backgroundColor: "color.background.neutral.subtle",
     "aria-expanded": !!isOpen,
     padding: "space.0"

package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/resolved-result-stack/index.js

@@ -18,7 +18,9 @@ var ResolvedResultsStack = function ResolvedResultsStack(_ref) {
   return /*#__PURE__*/React.createElement(Stack, {
     space: "space.050",
     testId: "".concat(testId, "-items-wrapper"),
-    as: "ul",
+    as: "ul"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
     xcss: xcss({
       paddingLeft: 'space.0',
       marginTop: 'space.0'

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: "27.6.1",
+  packageVersion: "27.6.3",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/esm/view/RelatedLinksModal/components/related-links-list/index.js

@@ -13,7 +13,9 @@ var RelatedLinksList = function RelatedLinksList(_ref) {
   return jsx(Stack, {
     testId: testId
   }, jsx(Box, {
-    paddingBlockStart: "space.050",
+    paddingBlockStart: "space.050"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
     xcss: xcss({
       font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
       textTransform: 'uppercase'
@@ -25,7 +27,9 @@ var RelatedLinksList = function RelatedLinksList(_ref) {
       url: url,
       testId: "".concat(testId, "-item-").concat(idx)
     }));
-  })), urls.length === 0 && jsx(Box, {
+  })), urls.length === 0 &&
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  jsx(Box, {
     paddingBlock: "space.100",
     xcss: xcss({
       font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "27.6.1",
+	"version": "27.6.3",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -33,13 +33,13 @@
 		"@atlaskit/avatar": "^21.10.0",
 		"@atlaskit/avatar-group": "^9.7.0",
 		"@atlaskit/badge": "^16.2.0",
-		"@atlaskit/button": "^17.17.0",
-		"@atlaskit/checkbox": "^13.4.0",
-		"@atlaskit/dropdown-menu": "^12.12.0",
-		"@atlaskit/form": "^10.3.0",
+		"@atlaskit/button": "^17.22.0",
+		"@atlaskit/checkbox": "^13.5.0",
+		"@atlaskit/dropdown-menu": "^12.13.0",
+		"@atlaskit/form": "^10.4.0",
 		"@atlaskit/frontend-utilities": "^2.7.0",
-		"@atlaskit/heading": "^2.3.0",
-		"@atlaskit/icon": "^22.3.0",
+		"@atlaskit/heading": "^2.4.0",
+		"@atlaskit/icon": "^22.4.0",
 		"@atlaskit/icon-file-type": "^6.4.0",
 		"@atlaskit/icon-object": "^6.4.0",
 		"@atlaskit/icon-priority": "^6.3.0",
@@ -48,22 +48,22 @@
 		"@atlaskit/link-extractors": "^1.5.0",
 		"@atlaskit/linking-common": "^5.7.0",
 		"@atlaskit/linking-types": "^8.9.0",
-		"@atlaskit/logo": "^14.0.0",
-		"@atlaskit/lozenge": "^11.7.0",
-		"@atlaskit/menu": "^2.4.0",
-		"@atlaskit/modal-dialog": "^12.13.0",
+		"@atlaskit/logo": "^14.1.0",
+		"@atlaskit/lozenge": "^11.8.0",
+		"@atlaskit/menu": "^2.5.0",
+		"@atlaskit/modal-dialog": "^12.14.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^0.2.1",
-		"@atlaskit/popup": "^1.18.0",
-		"@atlaskit/primitives": "^7.3.0",
+		"@atlaskit/popup": "^1.19.0",
+		"@atlaskit/primitives": "^8.0.0",
 		"@atlaskit/section-message": "^6.5.0",
-		"@atlaskit/select": "^17.10.0",
-		"@atlaskit/spinner": "^16.1.0",
-		"@atlaskit/textarea": "^5.4.0",
-		"@atlaskit/textfield": "^6.3.0",
-		"@atlaskit/theme": "^12.9.0",
-		"@atlaskit/tokens": "^1.50.0",
-		"@atlaskit/tooltip": "^18.4.0",
+		"@atlaskit/select": "^17.11.0",
+		"@atlaskit/spinner": "^16.2.0",
+		"@atlaskit/textarea": "^5.5.0",
+		"@atlaskit/textfield": "^6.4.0",
+		"@atlaskit/theme": "^12.10.0",
+		"@atlaskit/tokens": "^1.51.0",
+		"@atlaskit/tooltip": "^18.5.0",
 		"@atlaskit/ufo": "^0.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",