@atlaskit/primitives 13.0.0 → 13.2.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/primitives
 
+## 13.2.0
+
+### Minor Changes
+
+- [#162507](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/162507)
+  [`55f201f2b2d04`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/55f201f2b2d04) -
+  [ux] Text to inherit size when nested in other Text component behind a feature flag. If testing
+  successful, this change will be made available in a later release.
+
+## 13.1.0
+
+### Minor Changes
+
+- [#161694](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/161694)
+  [`22f69cdefebd9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/22f69cdefebd9) -
+  Add compiled.css sideEffect to @atlaskit/primitives to hint and fix bundlers to load these styles
+
 ## 13.0.0
 
 ### Major Changes

package/anchor/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/components/anchor.js",
   "module": "../dist/esm/components/anchor.js",
   "module:es2019": "../dist/es2019/components/anchor.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/components/anchor.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {

package/box/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/components/box.js",
   "module": "../dist/esm/components/box.js",
   "module:es2019": "../dist/es2019/components/box.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/components/box.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {

package/compiled/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/compiled/index.js",
   "module": "../dist/esm/compiled/index.js",
   "module:es2019": "../dist/es2019/compiled/index.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/compiled/index.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {

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

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

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

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

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

@@ -1,7 +1,3 @@
-._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}

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

@@ -12,6 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 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");
 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; }
@@ -149,14 +150,16 @@ var Text = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     align = _ref.align,
     testId = _ref.testId,
     id = _ref.id,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    size = _ref.size,
     weight = _ref.weight,
     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 color = useColor(colorProp, hasTextAncestor);
+  if (!(0, _platformFeatureFlags.fg)('platform-primitives-nested-text-inherit-size') && !size) {
+    size = 'medium';
+  }
   var component = /*#__PURE__*/React.createElement(Component, {
     id: id,
     style: {
@@ -164,7 +167,7 @@ var Text = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     },
     "data-testid": testId,
     ref: ref,
-    className: (0, _runtime.ax)([styles.root, 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']])
+    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']])
   }, children);
   if (hasTextAncestor) {
     // no need to re-apply context if the text is already wrapped

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.0.0",
+    packageVersion: "13.2.0",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

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.0.0",
+    packageVersion: "13.2.0",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/cjs/components/text.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _styleMaps = require("../xcss/style-maps.partial");
 var _surfaceProvider = require("./internal/surface-provider");
 /**
@@ -95,19 +96,21 @@ var Text = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     align = _ref.align,
     testId = _ref.testId,
     id = _ref.id,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    size = _ref.size,
     weight = _ref.weight,
     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 color = useColor(colorProp, hasTextAncestor);
+  if (!(0, _platformFeatureFlags.fg)('platform-primitives-nested-text-inherit-size') && !size) {
+    size = 'medium';
+  }
   var component = (0, _react2.jsx)(Component, {
     ref: ref,
     css: [resetStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _styleMaps.textSizeStylesMap[size],
+    size ? _styleMaps.textSizeStylesMap[size] : !hasTextAncestor && _styleMaps.textSizeStylesMap.medium,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     color && _styleMaps.textColorStylesMap[color], maxLines && truncationStyles, maxLines === 1 && wordBreakMap.breakAll, align && textAlignMap[align],
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

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

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

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

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

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

@@ -1,7 +1,3 @@
-._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}

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

@@ -4,6 +4,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { createContext, forwardRef, useContext } from 'react';
 import invariant from 'tiny-invariant';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useSurface } from './internal/surface-provider';
 const asAllowlist = ['span', 'p', 'strong', 'em'];
 const HasTextAncestorContext = /*#__PURE__*/createContext(false);
@@ -136,7 +137,7 @@ const Text = /*#__PURE__*/forwardRef(({
   align,
   testId,
   id,
-  size = 'medium',
+  size,
   weight,
   maxLines,
   children
@@ -144,6 +145,9 @@ 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) {
+    size = 'medium';
+  }
   const component = /*#__PURE__*/React.createElement(Component, {
     id: id,
     style: {
@@ -151,7 +155,7 @@ const Text = /*#__PURE__*/forwardRef(({
     },
     "data-testid": testId,
     ref: ref,
-    className: ax([styles.root, 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']])
+    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']])
   }, children);
   if (hasTextAncestor) {
     // no need to re-apply context if the text is already wrapped

package/dist/es2019/components/anchor.js

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

package/dist/es2019/components/pressable.js

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

package/dist/es2019/components/text.js

@@ -7,6 +7,7 @@ import { createContext, forwardRef, useContext } 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 { inverseColorMap, textColorStylesMap, textSizeStylesMap, textWeightStylesMap } from '../xcss/style-maps.partial';
 import { useSurface } from './internal/surface-provider';
 const asAllowlist = ['span', 'p', 'strong', 'em'];
@@ -84,7 +85,7 @@ const Text = /*#__PURE__*/forwardRef(({
   align,
   testId,
   id,
-  size = 'medium',
+  size,
   weight,
   maxLines,
   children
@@ -92,11 +93,14 @@ 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) {
+    size = 'medium';
+  }
   const component = jsx(Component, {
     ref: ref,
     css: [resetStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    textSizeStylesMap[size],
+    size ? textSizeStylesMap[size] : !hasTextAncestor && textSizeStylesMap.medium,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     color && textColorStylesMap[color], maxLines && truncationStyles, maxLines === 1 && wordBreakMap.breakAll, align && textAlignMap[align],
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

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

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

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

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

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

@@ -1,7 +1,3 @@
-._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}

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

@@ -4,6 +4,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { createContext, forwardRef, useContext } from 'react';
 import invariant from 'tiny-invariant';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useSurface } from './internal/surface-provider';
 var asAllowlist = ['span', 'p', 'strong', 'em'];
 var HasTextAncestorContext = /*#__PURE__*/createContext(false);
@@ -139,14 +140,16 @@ var Text = /*#__PURE__*/forwardRef(function (_ref, ref) {
     align = _ref.align,
     testId = _ref.testId,
     id = _ref.id,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    size = _ref.size,
     weight = _ref.weight,
     maxLines = _ref.maxLines,
     children = _ref.children;
   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) {
+    size = 'medium';
+  }
   var component = /*#__PURE__*/React.createElement(Component, {
     id: id,
     style: {
@@ -154,7 +157,7 @@ var Text = /*#__PURE__*/forwardRef(function (_ref, ref) {
     },
     "data-testid": testId,
     ref: ref,
-    className: ax([styles.root, 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']])
+    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']])
   }, children);
   if (hasTextAncestor) {
     // no need to re-apply context if the text is already wrapped

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.0.0",
+    packageVersion: "13.2.0",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

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.0.0",
+    packageVersion: "13.2.0",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/esm/components/text.js

@@ -7,6 +7,7 @@ import { createContext, forwardRef, useContext } 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 { inverseColorMap, textColorStylesMap, textSizeStylesMap, textWeightStylesMap } from '../xcss/style-maps.partial';
 import { useSurface } from './internal/surface-provider';
 var asAllowlist = ['span', 'p', 'strong', 'em'];
@@ -87,19 +88,21 @@ var Text = /*#__PURE__*/forwardRef(function (_ref, ref) {
     align = _ref.align,
     testId = _ref.testId,
     id = _ref.id,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    size = _ref.size,
     weight = _ref.weight,
     maxLines = _ref.maxLines,
     children = _ref.children;
   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) {
+    size = 'medium';
+  }
   var component = jsx(Component, {
     ref: ref,
     css: [resetStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    textSizeStylesMap[size],
+    size ? textSizeStylesMap[size] : !hasTextAncestor && textSizeStylesMap.medium,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     color && textColorStylesMap[color], maxLines && truncationStyles, maxLines === 1 && wordBreakMap.breakAll, align && textAlignMap[align],
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/inline/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/components/inline.js",
   "module": "../dist/esm/components/inline.js",
   "module:es2019": "../dist/es2019/components/inline.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/components/inline.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/primitives",
-	"version": "13.0.0",
+	"version": "13.2.0",
 	"description": "Primitives are token-backed low-level building blocks.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -12,7 +12,9 @@
 	"module": "dist/esm/index.js",
 	"module:es2019": "dist/es2019/index.js",
 	"types": "dist/types/index.d.ts",
-	"sideEffects": false,
+	"sideEffects": [
+		"**/*.compiled.css"
+	],
 	"atlaskit:src": "src/index.tsx",
 	"atlassian": {
 		"team": "Design System Team",
@@ -75,7 +77,17 @@
 					"title": "XCSS",
 					"folder": "xcss",
 					"slug": "primitives/xcss",
-					"id": "@atlaskit/primitives/xcss"
+					"id": "@atlaskit/primitives/xcss",
+					"status": {
+						"type": "intent-to-deprecate",
+						"description": "We are planning on deprecating XCSS. We recommend using @atlaskit/css instead.",
+						"actions": [
+							{
+								"text": "View @atlaskit/css documentation",
+								"href": "https://atlassian.design/components/css/"
+							}
+						]
+					}
 				},
 				{
 					"title": "Responsive",
@@ -115,9 +127,10 @@
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/app-provider": "^1.4.0",
 		"@atlaskit/css": "^0.6.0",
-		"@atlaskit/ds-lib": "^3.1.0",
+		"@atlaskit/ds-lib": "^3.2.0",
 		"@atlaskit/interaction-context": "^2.1.0",
-		"@atlaskit/tokens": "^2.0.0",
+		"@atlaskit/platform-feature-flags": "^0.3.0",
+		"@atlaskit/tokens": "^2.2.0",
 		"@atlaskit/visually-hidden": "^1.5.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.1",
@@ -134,7 +147,7 @@
 		"@af/formatting": "*",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/toggle": "^13.4.0",
-		"@atlaskit/tooltip": "^18.8.0",
+		"@atlaskit/tooltip": "^18.9.0",
 		"@atlaskit/visual-regression": "*",
 		"@atlassian/codegen": "^0.1.0",
 		"@testing-library/react": "^12.1.5",
@@ -171,6 +184,11 @@
 		}
 	},
 	"homepage": "https://atlassian.design/components/primitives/overview/",
+	"platform-feature-flags": {
+		"platform-primitives-nested-text-inherit-size": {
+			"type": "boolean"
+		}
+	},
 	"typesVersions": {
 		">=4.5 <4.9": {
 			"*": [

package/pressable/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/components/pressable.js",
   "module": "../dist/esm/components/pressable.js",
   "module:es2019": "../dist/es2019/components/pressable.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/components/pressable.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {

package/responsive/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/responsive/index.js",
   "module": "../dist/esm/responsive/index.js",
   "module:es2019": "../dist/es2019/responsive/index.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/responsive/index.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {

package/stack/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/components/stack.js",
   "module": "../dist/esm/components/stack.js",
   "module:es2019": "../dist/es2019/components/stack.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/components/stack.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {

package/text/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/components/text.js",
   "module": "../dist/esm/components/text.js",
   "module:es2019": "../dist/es2019/components/text.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/components/text.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {

package/.eslintrc.js

@@ -1,3 +0,0 @@
-module.exports = {
-	ignorePatterns: ['./scripts/codegen-file-templates/*'],
-};