@atlaskit/smart-card 32.8.0 → 32.8.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/smart-card
 
+## 32.8.2
+
+### Patch Changes
+
+- [#182128](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/182128)
+  [`15424ce7c9940`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/15424ce7c9940) -
+  Internal changes to typography.
+
+## 32.8.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 32.8.0
 
 ### Minor Changes

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

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

package/dist/cjs/view/BlockCard/views/UnauthorisedView.js

@@ -27,7 +27,7 @@ var _excluded = ["testId"];
 var contentStyles = (0, _react2.css)({
   color: "var(--ds-text-subtlest, #626F86)",
   marginTop: "var(--ds-space-100, 0.5rem)",
-  fontSize: '0.75rem'
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 });
 
 /**

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

@@ -36,12 +36,11 @@ var getButtonStyle = function getButtonStyle(size, iconOnly) {
       }) : '';
     case _constants.SmartLinkSize.Small:
       return (0, _react2.css)({
-        fontSize: '0.75rem',
+        font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
         fontWeight: "var(--ds-font-weight-medium, 500)",
-        lineHeight: '1rem',
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         'button, button:hover, button:focus, button:active': [{
-          lineHeight: '1rem'
+          lineHeight: 'inherit'
         }, iconOnly ? "\n            padding: 0.125rem;\n          " : "\n            padding-left: 0.25rem;\n            padding-right: 0.25rem;\n          "]
       });
     case _constants.SmartLinkSize.XLarge:

package/dist/cjs/view/FlexibleCard/components/elements/badge/index.js

@@ -30,8 +30,7 @@ var badgeStyles = (0, _react2.css)({
 var iconStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tcolor: ", ";\n\tline-height: 0;\n\tvertical-align: middle;\n\t", "\n\timg,\n  span,\n  svg {\n\t\tline-height: 0;\n\t\tvertical-align: middle;\n\t}\n"])), "var(--ds-icon-subtle, #626F86)", (0, _utils.getIconSizeStyles)('1rem'));
 var labelStyles = (0, _react2.css)({
   color: "var(--ds-text-subtlest, #626F86)",
-  fontSize: '0.75rem',
-  lineHeight: '1rem',
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   paddingLeft: "var(--ds-space-025, 0.125rem)",
   verticalAlign: 'middle'
 });

package/dist/cjs/view/FlexibleCard/components/elements/date-time/index.js

@@ -19,8 +19,7 @@ var _utils = require("../../utils");
 
 var styles = (0, _react.css)({
   color: "var(--ds-text-subtlest, #626F86)",
-  fontSize: '0.75rem',
-  lineHeight: '1rem'
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 },
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 (0, _utils.getTruncateStyles)(1));

package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/styled.js

@@ -36,8 +36,7 @@ var contentStyles = exports.contentStyles = (0, _react.css)(sharedBlockStyles, {
   alignItems: 'flex-start',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> span, > div': {
-    fontSize: '0.875rem',
-    lineHeight: '1.25rem',
+    font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
     color: "var(--ds-text, ".concat(_colors.N800, ")")
   }
 });
@@ -45,7 +44,7 @@ var contentStyles = exports.contentStyles = (0, _react.css)(sharedBlockStyles, {
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 var linkStyles = exports.linkStyles = (0, _react.css)(sharedBlockStyles, {
   cursor: 'pointer',
-  fontSize: '0.875rem',
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   marginTop: "var(--ds-space-100, 8px)",
   marginLeft: "var(--ds-space-400, 32px)",
   marginBottom: "var(--ds-space-025, 2px)"

package/dist/cjs/view/FlexibleCard/components/elements/text/index.js

@@ -15,8 +15,7 @@ var _utils = require("../../utils");
 var getStyles = function getStyles(maxLines) {
   return (0, _react.css)({
     color: "var(--ds-text-subtlest, #626F86)",
-    fontSize: '0.75rem',
-    lineHeight: '1rem',
+    font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
     whiteSpace: 'normal'
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766

package/dist/cjs/view/FlexibleCard/components/utils.js

@@ -97,27 +97,24 @@ var getLinkSizeStyles = exports.getLinkSizeStyles = function getLinkSizeStyles(s
   switch (size) {
     case _constants.SmartLinkSize.XLarge:
       return (0, _react2.css)({
-        fontSize: '1.25rem',
+        font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
         fontWeight: "var(--ds-font-weight-regular, 400)",
-        letterSpacing: '-0.008em',
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         lineHeight: getLinkLineHeight(size)
       });
     case _constants.SmartLinkSize.Large:
     case _constants.SmartLinkSize.Medium:
       return (0, _react2.css)({
-        fontSize: '0.875rem',
+        font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
         fontWeight: "var(--ds-font-weight-regular, 400)",
-        letterSpacing: '-0.003em',
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         lineHeight: getLinkLineHeight(size)
       });
     case _constants.SmartLinkSize.Small:
     default:
       return (0, _react2.css)({
-        fontSize: '0.75rem',
+        font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
         fontWeight: "var(--ds-font-weight-regular, 400)",
-        letterSpacing: '0em',
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         lineHeight: getLinkLineHeight(size)
       });

package/dist/cjs/view/HoverCard/components/views/forbidden/styled.js

@@ -7,12 +7,10 @@ exports.titleBlockStyles = exports.mainTextStyles = exports.connectButtonStyles
 var _react = require("@emotion/react");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-var titleFontWeight = '600';
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var titleBlockStyles = exports.titleBlockStyles = (0, _react.css)({
   justifyContent: 'center',
-  fontWeight: titleFontWeight,
+  fontWeight: "var(--ds-font-weight-semibold, 600)",
   marginTop: "var(--ds-space-100, 8px)"
 });
 
@@ -21,7 +19,7 @@ var mainTextStyles = exports.mainTextStyles = (0, _react.css)({
   display: 'inline',
   justifyContent: 'center',
   marginTop: "var(--ds-space-0, 0px)",
-  fontSize: '0.75rem',
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   textAlign: 'center'
 });
 

package/dist/cjs/view/HoverCard/components/views/unauthorised/styled.js

@@ -9,7 +9,6 @@ var _react = require("@emotion/react");
 
 var blockGap = '0.5rem';
 var iconGap = '0.5rem';
-var titleFontWeight = '500';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var connectButtonStyles = exports.connectButtonStyles = (0, _react.css)({
@@ -22,12 +21,12 @@ var titleBlockStyles = exports.titleBlockStyles = (0, _react.css)({
   gap: "".concat(blockGap, " ").concat(iconGap),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   a: {
-    fontWeight: titleFontWeight
+    fontWeight: "var(--ds-font-weight-medium, 500)"
   }
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var mainTextStyles = exports.mainTextStyles = (0, _react.css)({
   marginTop: blockGap,
-  fontSize: '0.75rem'
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 });

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

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

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

@@ -15,8 +15,7 @@ var _ulist = _interopRequireDefault(require("./ulist"));
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var AISummaryCSSStyles = (0, _react.css)({
-  fontSize: '0.75rem',
-  lineHeight: '1rem',
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   wordWrap: 'break-word',
   wordBreak: 'break-word',
   whiteSpace: 'normal',

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

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

package/dist/es2019/view/BlockCard/views/UnauthorisedView.js

@@ -19,7 +19,7 @@ import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardSty
 const contentStyles = css({
   color: "var(--ds-text-subtlest, #626F86)",
   marginTop: "var(--ds-space-100, 0.5rem)",
-  fontSize: '0.75rem'
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 });
 
 /**

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

@@ -25,12 +25,11 @@ const getButtonStyle = (size, iconOnly) => {
       }) : '';
     case SmartLinkSize.Small:
       return css({
-        fontSize: '0.75rem',
+        font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
         fontWeight: "var(--ds-font-weight-medium, 500)",
-        lineHeight: '1rem',
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         'button, button:hover, button:focus, button:active': [{
-          lineHeight: '1rem'
+          lineHeight: 'inherit'
         }, iconOnly ? `
             padding: 0.125rem;
           ` : `

package/dist/es2019/view/FlexibleCard/components/elements/badge/index.js

@@ -32,8 +32,7 @@ const iconStyles = css`
 `;
 const labelStyles = css({
   color: "var(--ds-text-subtlest, #626F86)",
-  fontSize: '0.75rem',
-  lineHeight: '1rem',
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   paddingLeft: "var(--ds-space-025, 0.125rem)",
   verticalAlign: 'middle'
 });

package/dist/es2019/view/FlexibleCard/components/elements/date-time/index.js

@@ -11,8 +11,7 @@ import { messages } from '../../../../../messages';
 import { getTruncateStyles } from '../../utils';
 const styles = css({
   color: "var(--ds-text-subtlest, #626F86)",
-  fontSize: '0.75rem',
-  lineHeight: '1rem'
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 },
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 getTruncateStyles(1));

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/styled.js

@@ -30,8 +30,7 @@ export const contentStyles = css(sharedBlockStyles, {
   alignItems: 'flex-start',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> span, > div': {
-    fontSize: '0.875rem',
-    lineHeight: '1.25rem',
+    font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
     color: `var(--ds-text, ${N800})`
   }
 });
@@ -39,7 +38,7 @@ export const contentStyles = css(sharedBlockStyles, {
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 export const linkStyles = css(sharedBlockStyles, {
   cursor: 'pointer',
-  fontSize: '0.875rem',
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   marginTop: "var(--ds-space-100, 8px)",
   marginLeft: "var(--ds-space-400, 32px)",
   marginBottom: "var(--ds-space-025, 2px)"

package/dist/es2019/view/FlexibleCard/components/elements/text/index.js

@@ -7,8 +7,7 @@ import { css, jsx } from '@emotion/react';
 import { getFormattedMessage, getTruncateStyles } from '../../utils';
 const getStyles = maxLines => css({
   color: "var(--ds-text-subtlest, #626F86)",
-  fontSize: '0.75rem',
-  lineHeight: '1rem',
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   whiteSpace: 'normal'
 },
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766

package/dist/es2019/view/FlexibleCard/components/utils.js

@@ -97,27 +97,24 @@ export const getLinkSizeStyles = size => {
   switch (size) {
     case SmartLinkSize.XLarge:
       return css({
-        fontSize: '1.25rem',
+        font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
         fontWeight: "var(--ds-font-weight-regular, 400)",
-        letterSpacing: '-0.008em',
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         lineHeight: getLinkLineHeight(size)
       });
     case SmartLinkSize.Large:
     case SmartLinkSize.Medium:
       return css({
-        fontSize: '0.875rem',
+        font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
         fontWeight: "var(--ds-font-weight-regular, 400)",
-        letterSpacing: '-0.003em',
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         lineHeight: getLinkLineHeight(size)
       });
     case SmartLinkSize.Small:
     default:
       return css({
-        fontSize: '0.75rem',
+        font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
         fontWeight: "var(--ds-font-weight-regular, 400)",
-        letterSpacing: '0em',
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         lineHeight: getLinkLineHeight(size)
       });

package/dist/es2019/view/HoverCard/components/views/forbidden/styled.js

@@ -1,11 +1,9 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-const titleFontWeight = '600';
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const titleBlockStyles = css({
   justifyContent: 'center',
-  fontWeight: titleFontWeight,
+  fontWeight: "var(--ds-font-weight-semibold, 600)",
   marginTop: "var(--ds-space-100, 8px)"
 });
 
@@ -14,7 +12,7 @@ export const mainTextStyles = css({
   display: 'inline',
   justifyContent: 'center',
   marginTop: "var(--ds-space-0, 0px)",
-  fontSize: '0.75rem',
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   textAlign: 'center'
 });
 

package/dist/es2019/view/HoverCard/components/views/unauthorised/styled.js

@@ -2,7 +2,6 @@
 import { css } from '@emotion/react';
 const blockGap = '0.5rem';
 const iconGap = '0.5rem';
-const titleFontWeight = '500';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const connectButtonStyles = css({
@@ -15,12 +14,12 @@ export const titleBlockStyles = css({
   gap: `${blockGap} ${iconGap}`,
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   a: {
-    fontWeight: titleFontWeight
+    fontWeight: "var(--ds-font-weight-medium, 500)"
   }
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const mainTextStyles = css({
   marginTop: blockGap,
-  fontSize: '0.75rem'
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 });

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

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

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

@@ -7,8 +7,7 @@ import { css, jsx } from '@emotion/react';
 import Markdown from 'markdown-to-jsx';
 import UList from './ulist';
 const AISummaryCSSStyles = css({
-  fontSize: '0.75rem',
-  lineHeight: '1rem',
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   wordWrap: 'break-word',
   wordBreak: 'break-word',
   whiteSpace: 'normal',

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

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

package/dist/esm/view/BlockCard/views/UnauthorisedView.js

@@ -21,7 +21,7 @@ import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardSty
 var contentStyles = css({
   color: "var(--ds-text-subtlest, #626F86)",
   marginTop: "var(--ds-space-100, 0.5rem)",
-  fontSize: '0.75rem'
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 });
 
 /**

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

@@ -25,12 +25,11 @@ var getButtonStyle = function getButtonStyle(size, iconOnly) {
       }) : '';
     case SmartLinkSize.Small:
       return css({
-        fontSize: '0.75rem',
+        font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
         fontWeight: "var(--ds-font-weight-medium, 500)",
-        lineHeight: '1rem',
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         'button, button:hover, button:focus, button:active': [{
-          lineHeight: '1rem'
+          lineHeight: 'inherit'
         }, iconOnly ? "\n            padding: 0.125rem;\n          " : "\n            padding-left: 0.25rem;\n            padding-right: 0.25rem;\n          "]
       });
     case SmartLinkSize.XLarge:

package/dist/esm/view/FlexibleCard/components/elements/badge/index.js

@@ -24,8 +24,7 @@ var badgeStyles = css({
 var iconStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tcolor: ", ";\n\tline-height: 0;\n\tvertical-align: middle;\n\t", "\n\timg,\n  span,\n  svg {\n\t\tline-height: 0;\n\t\tvertical-align: middle;\n\t}\n"])), "var(--ds-icon-subtle, #626F86)", getIconSizeStyles('1rem'));
 var labelStyles = css({
   color: "var(--ds-text-subtlest, #626F86)",
-  fontSize: '0.75rem',
-  lineHeight: '1rem',
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   paddingLeft: "var(--ds-space-025, 0.125rem)",
   verticalAlign: 'middle'
 });

package/dist/esm/view/FlexibleCard/components/elements/date-time/index.js

@@ -11,8 +11,7 @@ import { messages } from '../../../../../messages';
 import { getTruncateStyles } from '../../utils';
 var styles = css({
   color: "var(--ds-text-subtlest, #626F86)",
-  fontSize: '0.75rem',
-  lineHeight: '1rem'
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 },
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 getTruncateStyles(1));

package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/styled.js

@@ -30,8 +30,7 @@ export var contentStyles = css(sharedBlockStyles, {
   alignItems: 'flex-start',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> span, > div': {
-    fontSize: '0.875rem',
-    lineHeight: '1.25rem',
+    font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
     color: "var(--ds-text, ".concat(N800, ")")
   }
 });
@@ -39,7 +38,7 @@ export var contentStyles = css(sharedBlockStyles, {
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 export var linkStyles = css(sharedBlockStyles, {
   cursor: 'pointer',
-  fontSize: '0.875rem',
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   marginTop: "var(--ds-space-100, 8px)",
   marginLeft: "var(--ds-space-400, 32px)",
   marginBottom: "var(--ds-space-025, 2px)"

package/dist/esm/view/FlexibleCard/components/elements/text/index.js

@@ -8,8 +8,7 @@ import { getFormattedMessage, getTruncateStyles } from '../../utils';
 var getStyles = function getStyles(maxLines) {
   return css({
     color: "var(--ds-text-subtlest, #626F86)",
-    fontSize: '0.75rem',
-    lineHeight: '1rem',
+    font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
     whiteSpace: 'normal'
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766

package/dist/esm/view/FlexibleCard/components/utils.js

@@ -92,27 +92,24 @@ export var getLinkSizeStyles = function getLinkSizeStyles(size) {
   switch (size) {
     case SmartLinkSize.XLarge:
       return css({
-        fontSize: '1.25rem',
+        font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
         fontWeight: "var(--ds-font-weight-regular, 400)",
-        letterSpacing: '-0.008em',
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         lineHeight: getLinkLineHeight(size)
       });
     case SmartLinkSize.Large:
     case SmartLinkSize.Medium:
       return css({
-        fontSize: '0.875rem',
+        font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
         fontWeight: "var(--ds-font-weight-regular, 400)",
-        letterSpacing: '-0.003em',
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         lineHeight: getLinkLineHeight(size)
       });
     case SmartLinkSize.Small:
     default:
       return css({
-        fontSize: '0.75rem',
+        font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
         fontWeight: "var(--ds-font-weight-regular, 400)",
-        letterSpacing: '0em',
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         lineHeight: getLinkLineHeight(size)
       });

package/dist/esm/view/HoverCard/components/views/forbidden/styled.js

@@ -1,11 +1,9 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-var titleFontWeight = '600';
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var titleBlockStyles = css({
   justifyContent: 'center',
-  fontWeight: titleFontWeight,
+  fontWeight: "var(--ds-font-weight-semibold, 600)",
   marginTop: "var(--ds-space-100, 8px)"
 });
 
@@ -14,7 +12,7 @@ export var mainTextStyles = css({
   display: 'inline',
   justifyContent: 'center',
   marginTop: "var(--ds-space-0, 0px)",
-  fontSize: '0.75rem',
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   textAlign: 'center'
 });
 

package/dist/esm/view/HoverCard/components/views/unauthorised/styled.js

@@ -2,7 +2,6 @@
 import { css } from '@emotion/react';
 var blockGap = '0.5rem';
 var iconGap = '0.5rem';
-var titleFontWeight = '500';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var connectButtonStyles = css({
@@ -15,12 +14,12 @@ export var titleBlockStyles = css({
   gap: "".concat(blockGap, " ").concat(iconGap),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   a: {
-    fontWeight: titleFontWeight
+    fontWeight: "var(--ds-font-weight-medium, 500)"
   }
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var mainTextStyles = css({
   marginTop: blockGap,
-  fontSize: '0.75rem'
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 });

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

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

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

@@ -7,8 +7,7 @@ import { css, jsx } from '@emotion/react';
 import Markdown from 'markdown-to-jsx';
 import UList from './ulist';
 var AISummaryCSSStyles = css({
-  fontSize: '0.75rem',
-  lineHeight: '1rem',
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   wordWrap: 'break-word',
   wordBreak: 'break-word',
   whiteSpace: 'normal',

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "32.8.0",
+	"version": "32.8.2",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -33,7 +33,7 @@
 		"@atlaskit/button": "^20.3.0",
 		"@atlaskit/checkbox": "^15.2.0",
 		"@atlaskit/dropdown-menu": "^12.23.0",
-		"@atlaskit/form": "^10.6.0",
+		"@atlaskit/form": "^11.0.0",
 		"@atlaskit/frontend-utilities": "^2.7.0",
 		"@atlaskit/heading": "^4.0.0",
 		"@atlaskit/icon": "^23.1.0",