@atlaskit/primitives 13.3.1 → 13.3.3

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/primitives
 
+## 13.3.3
+
+### Patch Changes
+
+- [#178053](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/178053)
+  [`cb318c8c28c26`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cb318c8c28c26) -
+  Internal changes to typography.
+
+## 13.3.2
+
+### Patch Changes
+
+- [#175552](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/175552)
+  [`0384c8ac8996a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0384c8ac8996a) -
+  Narrow down fontStyle type definition to only allow `normal` and `italic`.
+
 ## 13.3.1
 
 ### Patch Changes

package/dist/cjs/compiled/components/anchor.js

@@ -70,7 +70,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.1",
+    packageVersion: "13.3.3",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

package/dist/cjs/compiled/components/box.js

@@ -13,7 +13,7 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _surfaceProvider = require("./internal/surface-provider");
+var _surfaceProvider = require("../../utils/surface-provider");
 var _excluded = ["as", "children", "backgroundColor", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "style", "testId", "xcss"],
   _excluded2 = ["className"];
 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); }

package/dist/cjs/compiled/components/pressable.js

@@ -60,7 +60,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.1",
+    packageVersion: "13.3.3",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/cjs/compiled/components/text.compiled.css

@@ -1,3 +1,7 @@
+._11c81doa{font:var(--ds-font-body-large,normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._11c81vlj{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
 ._18m915vq{overflow-y:hidden}
 ._18u0idpf{margin-left:0}
 ._19pkidpf{margin-top:0}
@@ -8,7 +12,6 @@
 ._2hwxidpf{margin-right:0}
 ._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
-._k48p8n31{font-weight:bold}
 ._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
 ._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
 ._otyridpf{margin-bottom:0}

package/dist/cjs/compiled/components/text.js

@@ -13,15 +13,11 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _surfaceProvider = require("./internal/surface-provider");
+var _hasTextAncestorContext = require("../../utils/has-text-ancestor-context");
+var _surfaceProvider = require("../../utils/surface-provider");
 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 && {}.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 asAllowlist = ['span', 'p', 'strong', 'em'];
-var HasTextAncestorContext = /*#__PURE__*/(0, _react.createContext)(false);
-var useHasTextAncestor = function useHasTextAncestor() {
-  return (0, _react.useContext)(HasTextAncestorContext);
-};
-
 /**
  * Custom hook designed to abstract the parsing of the color props and make it clearer in the future how color is reconciled between themes and tokens.
  */
@@ -45,7 +41,7 @@ var useColor = function useColor(colorProp, hasTextAncestor) {
 };
 var styles = {
   root: "_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1i4qfg65",
-  'as.strong': "_k48p8n31",
+  'as.strong': "_k48pmoej",
   'as.em': "_zg8l1m30",
   'textAlign.center': "_y3gn1h6o",
   'textAlign.end': "_y3gnh9n0",
@@ -155,9 +151,9 @@ var Text = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     maxLines = _ref.maxLines,
     children = _ref.children;
   (0, _tinyInvariant.default)(asAllowlist.includes(Component), "@atlaskit/primitives: Text received an invalid \"as\" value of \"".concat(Component, "\""));
-  var hasTextAncestor = useHasTextAncestor();
+  var hasTextAncestor = (0, _hasTextAncestorContext.useHasTextAncestor)();
   var color = useColor(colorProp, hasTextAncestor);
-  if (!(0, _platformFeatureFlags.fg)('platform-primitives-nested-text-inherit-size') && !size) {
+  if ((!(0, _platformFeatureFlags.fg)('platform-primitives-nested-text-inherit-size') || !hasTextAncestor) && !size) {
     size = 'medium';
   }
   var component = /*#__PURE__*/React.createElement(Component, {
@@ -167,13 +163,13 @@ var Text = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     },
     "data-testid": testId,
     ref: ref,
-    className: (0, _runtime.ax)([styles.root, color && textColorMap[color], maxLines && styles.truncation, maxLines === 1 && styles.breakAll, align && styles["textAlign.".concat(align)], weight && fontWeightMap[weight], Component === 'em' && styles['as.em'], Component === 'strong' && styles['as.strong']])
+    className: (0, _runtime.ax)([styles.root, size && fontSizeMap[size], color && textColorMap[color], maxLines && styles.truncation, maxLines === 1 && styles.breakAll, align && styles["textAlign.".concat(align)], weight && fontWeightMap[weight], Component === 'em' && styles['as.em'], Component === 'strong' && styles['as.strong']])
   }, children);
   if (hasTextAncestor) {
     // no need to re-apply context if the text is already wrapped
     return component;
   }
-  return /*#__PURE__*/React.createElement(HasTextAncestorContext.Provider, {
+  return /*#__PURE__*/React.createElement(_hasTextAncestorContext.HasTextAncestorProvider, {
     value: true
   }, component);
 });

package/dist/cjs/compiled/index.js

@@ -93,4 +93,4 @@ var _pressable = _interopRequireDefault(require("./components/pressable"));
 var _anchor = _interopRequireDefault(require("./components/anchor"));
 var _responsive = require("./responsive");
 var _focusable = _interopRequireDefault(require("./components/focusable"));
-var _surfaceProvider = require("./components/internal/surface-provider");
+var _surfaceProvider = require("../utils/surface-provider");

package/dist/cjs/components/anchor.js

@@ -100,7 +100,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.1",
+    packageVersion: "13.3.3",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

package/dist/cjs/components/box.js

@@ -9,9 +9,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
+var _surfaceProvider = require("../utils/surface-provider");
 var _styleMaps = require("../xcss/style-maps.partial");
 var _xcss = require("../xcss/xcss");
-var _surfaceProvider = require("./internal/surface-provider");
 var _excluded = ["as", "children", "backgroundColor", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "style", "testId", "xcss"],
   _excluded2 = ["className"];
 /**

package/dist/cjs/components/grid.js

@@ -168,10 +168,9 @@ var Grid = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(fu
    * NOTE: If we disallow `grid-template-areas` (etc) to be set via `props.xcss`, we can remove this.
    */
   var style = (0, _react.useMemo)(function () {
-    var _ref2;
-    return _ref2 = {}, (0, _defineProperty2.default)(_ref2, gridTemplateAreasVar, gridTemplateAreas ? gridTemplateAreas.map(function (str) {
+    return (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, gridTemplateAreasVar, gridTemplateAreas ? gridTemplateAreas.map(function (str) {
       return "\"".concat(str, "\"");
-    }).join('\n') || 'initial' : 'initial'), (0, _defineProperty2.default)(_ref2, gridTemplateColumnsVar, gridTemplateColumns || 'initial'), (0, _defineProperty2.default)(_ref2, gridTemplateRowsVar, gridTemplateRows || 'initial'), _ref2;
+    }).join('\n') || 'initial' : 'initial'), gridTemplateColumnsVar, gridTemplateColumns || 'initial'), gridTemplateRowsVar, gridTemplateRows || 'initial');
   }, [gridTemplateAreas, gridTemplateColumns, gridTemplateRows]);
   return (0, _react2.jsx)(Component, {
     id: id,

package/dist/cjs/components/pressable.js

@@ -95,7 +95,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.1",
+    packageVersion: "13.3.3",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/cjs/components/text.js

@@ -9,8 +9,9 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _hasTextAncestorContext = require("../utils/has-text-ancestor-context");
+var _surfaceProvider = require("../utils/surface-provider");
 var _styleMaps = require("../xcss/style-maps.partial");
-var _surfaceProvider = require("./internal/surface-provider");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -53,10 +54,6 @@ var wordBreakMap = {
     wordBreak: 'break-all'
   })
 };
-var HasTextAncestorContext = /*#__PURE__*/(0, _react.createContext)(false);
-var useHasTextAncestor = function useHasTextAncestor() {
-  return (0, _react.useContext)(HasTextAncestorContext);
-};
 
 /**
  * Custom hook designed to abstract the parsing of the color props and make it clearer in the future how color is reconciled between themes and tokens.
@@ -101,7 +98,7 @@ var Text = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     maxLines = _ref.maxLines,
     children = _ref.children;
   (0, _tinyInvariant.default)(asAllowlist.includes(Component), "@atlaskit/primitives: Text received an invalid \"as\" value of \"".concat(Component, "\""));
-  var hasTextAncestor = useHasTextAncestor();
+  var hasTextAncestor = (0, _hasTextAncestorContext.useHasTextAncestor)();
   var color = useColor(colorProp, hasTextAncestor);
   if (!(0, _platformFeatureFlags.fg)('platform-primitives-nested-text-inherit-size') && !size) {
     size = 'medium';
@@ -123,7 +120,7 @@ var Text = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   }, children);
   return hasTextAncestor ?
   // no need to re-apply context if the text is already wrapped
-  component : (0, _react2.jsx)(HasTextAncestorContext.Provider, {
+  component : (0, _react2.jsx)(_hasTextAncestorContext.HasTextAncestorProvider, {
     value: true
   }, component);
 });

package/dist/cjs/index.js

@@ -117,5 +117,5 @@ var _text = _interopRequireDefault(require("./components/text"));
 var _pressable = _interopRequireDefault(require("./components/pressable"));
 var _anchor = _interopRequireDefault(require("./components/anchor"));
 var _responsive = require("./responsive");
-var _surfaceProvider = require("./components/internal/surface-provider");
+var _surfaceProvider = require("./utils/surface-provider");
 var _styleMaps = require("./xcss/style-maps.partial");

package/dist/cjs/utils/has-text-ancestor-context.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useHasTextAncestor = exports.HasTextAncestorProvider = void 0;
+var _react = require("react");
+var HasTextAncestorContext = /*#__PURE__*/(0, _react.createContext)(false);
+/**
+ * @internal
+ */
+var useHasTextAncestor = exports.useHasTextAncestor = function useHasTextAncestor() {
+  return (0, _react.useContext)(HasTextAncestorContext);
+};
+/**
+ * @internal
+ */
+var HasTextAncestorProvider = exports.HasTextAncestorProvider = HasTextAncestorContext.Provider;

package/dist/es2019/compiled/components/anchor.js

@@ -55,7 +55,7 @@ const AnchorNoRef = ({
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.1",
+    packageVersion: "13.3.3",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

package/dist/es2019/compiled/components/box.js

@@ -4,7 +4,7 @@ import "./box.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
-import { SurfaceContext } from './internal/surface-provider';
+import { SurfaceContext } from '../../utils/surface-provider';
 
 // Can either Exclude or Extract - here we're excluding all SVG-related elements, <button> elements (handled by Pressable), and <a> elements (handled by Anchor)
 

package/dist/es2019/compiled/components/pressable.js

@@ -46,7 +46,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.1",
+    packageVersion: "13.3.3",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/es2019/compiled/components/text.compiled.css

@@ -1,3 +1,7 @@
+._11c81doa{font:var(--ds-font-body-large,normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._11c81vlj{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
 ._18m915vq{overflow-y:hidden}
 ._18u0idpf{margin-left:0}
 ._19pkidpf{margin-top:0}
@@ -8,7 +12,6 @@
 ._2hwxidpf{margin-right:0}
 ._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
-._k48p8n31{font-weight:bold}
 ._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
 ._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
 ._otyridpf{margin-bottom:0}

package/dist/es2019/compiled/components/text.js

@@ -2,14 +2,12 @@
 import "./text.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { createContext, forwardRef, useContext } from 'react';
+import { forwardRef } from 'react';
 import invariant from 'tiny-invariant';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { useSurface } from './internal/surface-provider';
+import { HasTextAncestorProvider, useHasTextAncestor } from '../../utils/has-text-ancestor-context';
+import { useSurface } from '../../utils/surface-provider';
 const asAllowlist = ['span', 'p', 'strong', 'em'];
-const HasTextAncestorContext = /*#__PURE__*/createContext(false);
-const useHasTextAncestor = () => useContext(HasTextAncestorContext);
-
 /**
  * Custom hook designed to abstract the parsing of the color props and make it clearer in the future how color is reconciled between themes and tokens.
  */
@@ -33,7 +31,7 @@ const useColor = (colorProp, hasTextAncestor) => {
 };
 const styles = {
   root: "_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1i4qfg65",
-  'as.strong': "_k48p8n31",
+  'as.strong': "_k48pmoej",
   'as.em': "_zg8l1m30",
   'textAlign.center': "_y3gn1h6o",
   'textAlign.end': "_y3gnh9n0",
@@ -145,7 +143,7 @@ const Text = /*#__PURE__*/forwardRef(({
   invariant(asAllowlist.includes(Component), `@atlaskit/primitives: Text received an invalid "as" value of "${Component}"`);
   const hasTextAncestor = useHasTextAncestor();
   const color = useColor(colorProp, hasTextAncestor);
-  if (!fg('platform-primitives-nested-text-inherit-size') && !size) {
+  if ((!fg('platform-primitives-nested-text-inherit-size') || !hasTextAncestor) && !size) {
     size = 'medium';
   }
   const component = /*#__PURE__*/React.createElement(Component, {
@@ -155,13 +153,13 @@ const Text = /*#__PURE__*/forwardRef(({
     },
     "data-testid": testId,
     ref: ref,
-    className: ax([styles.root, color && textColorMap[color], maxLines && styles.truncation, maxLines === 1 && styles.breakAll, align && styles[`textAlign.${align}`], weight && fontWeightMap[weight], Component === 'em' && styles['as.em'], Component === 'strong' && styles['as.strong']])
+    className: ax([styles.root, size && fontSizeMap[size], color && textColorMap[color], maxLines && styles.truncation, maxLines === 1 && styles.breakAll, align && styles[`textAlign.${align}`], weight && fontWeightMap[weight], Component === 'em' && styles['as.em'], Component === 'strong' && styles['as.strong']])
   }, children);
   if (hasTextAncestor) {
     // no need to re-apply context if the text is already wrapped
     return component;
   }
-  return /*#__PURE__*/React.createElement(HasTextAncestorContext.Provider, {
+  return /*#__PURE__*/React.createElement(HasTextAncestorProvider, {
     value: true
   }, component);
 });

package/dist/es2019/compiled/index.js

@@ -10,4 +10,4 @@ export { default as Anchor } from './components/anchor';
 export { media, UNSAFE_useMediaQuery } from './responsive';
 export { default as Focusable } from './components/focusable';
 // TODO: This is still not figured out from before…
-export { useSurface as UNSAFE_useSurface } from './components/internal/surface-provider';
+export { useSurface as UNSAFE_useSurface } from '../utils/surface-provider';

package/dist/es2019/components/anchor.js

@@ -90,7 +90,7 @@ const AnchorNoRef = ({
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.1",
+    packageVersion: "13.3.3",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

package/dist/es2019/components/box.js

@@ -7,9 +7,9 @@ import { forwardRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
+import { SurfaceContext } from '../utils/surface-provider';
 import { backgroundColorStylesMap, isSurfaceColorToken, paddingStylesMap, surfaceColorStylesMap } from '../xcss/style-maps.partial';
 import { parseXcss } from '../xcss/xcss';
-import { SurfaceContext } from './internal/surface-provider';
 
 // Can either Exclude or Extract - here we're excluding all SVG-related elements, <button> elements (handled by Pressable), and <a> elements (handled by Anchor)
 

package/dist/es2019/components/pressable.js

@@ -85,7 +85,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.1",
+    packageVersion: "13.3.3",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/es2019/components/text.js

@@ -2,14 +2,15 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { createContext, forwardRef, useContext } from 'react';
+import { forwardRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import invariant from 'tiny-invariant';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { HasTextAncestorProvider, useHasTextAncestor } from '../utils/has-text-ancestor-context';
+import { useSurface } from '../utils/surface-provider';
 import { inverseColorMap, textColorStylesMap, textSizeStylesMap, textWeightStylesMap } from '../xcss/style-maps.partial';
-import { useSurface } from './internal/surface-provider';
 const asAllowlist = ['span', 'p', 'strong', 'em'];
 // We're doing this because our CSS reset can add top margins to elements such as `p` which is totally insane.
 // Long term we should remove those instances from the reset - it should be a reset to 0.
@@ -45,8 +46,6 @@ const wordBreakMap = {
     wordBreak: 'break-all'
   })
 };
-const HasTextAncestorContext = /*#__PURE__*/createContext(false);
-const useHasTextAncestor = () => useContext(HasTextAncestorContext);
 
 /**
  * Custom hook designed to abstract the parsing of the color props and make it clearer in the future how color is reconciled between themes and tokens.
@@ -113,7 +112,7 @@ const Text = /*#__PURE__*/forwardRef(({
   }, children);
   return hasTextAncestor ?
   // no need to re-apply context if the text is already wrapped
-  component : jsx(HasTextAncestorContext.Provider, {
+  component : jsx(HasTextAncestorProvider, {
     value: true
   }, component);
 });

package/dist/es2019/index.js

@@ -13,5 +13,5 @@ export {
  */
 default as UNSAFE_ANCHOR, default as Anchor } from './components/anchor';
 export { media, UNSAFE_media, UNSAFE_BREAKPOINTS_CONFIG } from './responsive';
-export { useSurface as UNSAFE_useSurface } from './components/internal/surface-provider';
+export { useSurface as UNSAFE_useSurface } from './utils/surface-provider';
 export { inverseColorMap as UNSAFE_inverseColorMap } from './xcss/style-maps.partial';

package/dist/es2019/utils/has-text-ancestor-context.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from 'react';
+const HasTextAncestorContext = /*#__PURE__*/createContext(false);
+/**
+ * @internal
+ */
+export const useHasTextAncestor = () => useContext(HasTextAncestorContext);
+/**
+ * @internal
+ */
+export const HasTextAncestorProvider = HasTextAncestorContext.Provider;

package/dist/esm/compiled/components/anchor.js

@@ -60,7 +60,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.1",
+    packageVersion: "13.3.3",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

package/dist/esm/compiled/components/box.js

@@ -7,7 +7,7 @@ import "./box.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
-import { SurfaceContext } from './internal/surface-provider';
+import { SurfaceContext } from '../../utils/surface-provider';
 
 // Can either Exclude or Extract - here we're excluding all SVG-related elements, <button> elements (handled by Pressable), and <a> elements (handled by Anchor)
 

package/dist/esm/compiled/components/pressable.js

@@ -50,7 +50,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.1",
+    packageVersion: "13.3.3",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/esm/compiled/components/text.compiled.css

@@ -1,3 +1,7 @@
+._11c81doa{font:var(--ds-font-body-large,normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._11c81vlj{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
 ._18m915vq{overflow-y:hidden}
 ._18u0idpf{margin-left:0}
 ._19pkidpf{margin-top:0}
@@ -8,7 +12,6 @@
 ._2hwxidpf{margin-right:0}
 ._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
-._k48p8n31{font-weight:bold}
 ._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
 ._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
 ._otyridpf{margin-bottom:0}

package/dist/esm/compiled/components/text.js

@@ -2,16 +2,12 @@
 import "./text.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { createContext, forwardRef, useContext } from 'react';
+import { forwardRef } from 'react';
 import invariant from 'tiny-invariant';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { useSurface } from './internal/surface-provider';
+import { HasTextAncestorProvider, useHasTextAncestor } from '../../utils/has-text-ancestor-context';
+import { useSurface } from '../../utils/surface-provider';
 var asAllowlist = ['span', 'p', 'strong', 'em'];
-var HasTextAncestorContext = /*#__PURE__*/createContext(false);
-var useHasTextAncestor = function useHasTextAncestor() {
-  return useContext(HasTextAncestorContext);
-};
-
 /**
  * Custom hook designed to abstract the parsing of the color props and make it clearer in the future how color is reconciled between themes and tokens.
  */
@@ -35,7 +31,7 @@ var useColor = function useColor(colorProp, hasTextAncestor) {
 };
 var styles = {
   root: "_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1i4qfg65",
-  'as.strong': "_k48p8n31",
+  'as.strong': "_k48pmoej",
   'as.em': "_zg8l1m30",
   'textAlign.center': "_y3gn1h6o",
   'textAlign.end': "_y3gnh9n0",
@@ -147,7 +143,7 @@ var Text = /*#__PURE__*/forwardRef(function (_ref, ref) {
   invariant(asAllowlist.includes(Component), "@atlaskit/primitives: Text received an invalid \"as\" value of \"".concat(Component, "\""));
   var hasTextAncestor = useHasTextAncestor();
   var color = useColor(colorProp, hasTextAncestor);
-  if (!fg('platform-primitives-nested-text-inherit-size') && !size) {
+  if ((!fg('platform-primitives-nested-text-inherit-size') || !hasTextAncestor) && !size) {
     size = 'medium';
   }
   var component = /*#__PURE__*/React.createElement(Component, {
@@ -157,13 +153,13 @@ var Text = /*#__PURE__*/forwardRef(function (_ref, ref) {
     },
     "data-testid": testId,
     ref: ref,
-    className: ax([styles.root, color && textColorMap[color], maxLines && styles.truncation, maxLines === 1 && styles.breakAll, align && styles["textAlign.".concat(align)], weight && fontWeightMap[weight], Component === 'em' && styles['as.em'], Component === 'strong' && styles['as.strong']])
+    className: ax([styles.root, size && fontSizeMap[size], color && textColorMap[color], maxLines && styles.truncation, maxLines === 1 && styles.breakAll, align && styles["textAlign.".concat(align)], weight && fontWeightMap[weight], Component === 'em' && styles['as.em'], Component === 'strong' && styles['as.strong']])
   }, children);
   if (hasTextAncestor) {
     // no need to re-apply context if the text is already wrapped
     return component;
   }
-  return /*#__PURE__*/React.createElement(HasTextAncestorContext.Provider, {
+  return /*#__PURE__*/React.createElement(HasTextAncestorProvider, {
     value: true
   }, component);
 });

package/dist/esm/compiled/index.js

@@ -10,4 +10,4 @@ export { default as Anchor } from './components/anchor';
 export { media, UNSAFE_useMediaQuery } from './responsive';
 export { default as Focusable } from './components/focusable';
 // TODO: This is still not figured out from before…
-export { useSurface as UNSAFE_useSurface } from './components/internal/surface-provider';
+export { useSurface as UNSAFE_useSurface } from '../utils/surface-provider';

package/dist/esm/components/anchor.js

@@ -94,7 +94,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.1",
+    packageVersion: "13.3.3",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

package/dist/esm/components/box.js

@@ -10,9 +10,9 @@ import { forwardRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
+import { SurfaceContext } from '../utils/surface-provider';
 import { backgroundColorStylesMap, isSurfaceColorToken, paddingStylesMap, surfaceColorStylesMap } from '../xcss/style-maps.partial';
 import { parseXcss } from '../xcss/xcss';
-import { SurfaceContext } from './internal/surface-provider';
 
 // Can either Exclude or Extract - here we're excluding all SVG-related elements, <button> elements (handled by Pressable), and <a> elements (handled by Anchor)
 

package/dist/esm/components/grid.js

@@ -160,10 +160,9 @@ var Grid = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref) {
    * NOTE: If we disallow `grid-template-areas` (etc) to be set via `props.xcss`, we can remove this.
    */
   var style = useMemo(function () {
-    var _ref2;
-    return _ref2 = {}, _defineProperty(_ref2, gridTemplateAreasVar, gridTemplateAreas ? gridTemplateAreas.map(function (str) {
+    return _defineProperty(_defineProperty(_defineProperty({}, gridTemplateAreasVar, gridTemplateAreas ? gridTemplateAreas.map(function (str) {
       return "\"".concat(str, "\"");
-    }).join('\n') || 'initial' : 'initial'), _defineProperty(_ref2, gridTemplateColumnsVar, gridTemplateColumns || 'initial'), _defineProperty(_ref2, gridTemplateRowsVar, gridTemplateRows || 'initial'), _ref2;
+    }).join('\n') || 'initial' : 'initial'), gridTemplateColumnsVar, gridTemplateColumns || 'initial'), gridTemplateRowsVar, gridTemplateRows || 'initial');
   }, [gridTemplateAreas, gridTemplateColumns, gridTemplateRows]);
   return jsx(Component, {
     id: id,

package/dist/esm/components/pressable.js

@@ -89,7 +89,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.1",
+    packageVersion: "13.3.3",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });