@atlaskit/primitives 13.3.4 → 13.3.6

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/primitives
 
+## 13.3.6
+
+### Patch Changes
+
+- [#99467](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99467)
+  [`118e81bbb4659`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/118e81bbb4659) -
+  Internal changes to typography.
+
+## 13.3.5
+
+### Patch Changes
+
+- [#180173](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/180173)
+  [`6be28a4ed15b1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6be28a4ed15b1) -
+  Fixing label text for compiled/anchor to be 1:1 with primitive as part of compiled migration
+
 ## 13.3.4
 
 ### Patch Changes

package/constellation/xcss/usage.mdx

@@ -5,6 +5,14 @@ order: 0
 ---
 
 import { MediaQueriesTable } from '@af/design-system-docs-ui';
+import SectionMessage from '@atlaskit/section-message';
+
+<SectionMessage title="Caution" appearance="warning">
+	<p>
+		We are planning on deprecating XCSS. We recommend using{' '}
+		<a href="/components/css">@atlaskit/css</a> instead.{' '}
+	</p>
+</SectionMessage>
 
 XCSS is an Atlassian Design System styling API that natively integrates with Atlassian's
 [design tokens](/tokens) and [primitives](/components/primitives/overview).

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

@@ -1,4 +1,4 @@
-/* anchor.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* anchor.tsx generated by @compiled/babel-plugin v0.33.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -28,7 +28,7 @@ var _excluded = ["href", "children", "onClick", "interactionName", "componentNam
 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" != _typeof3(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 styles = {
-  root: "_vchhusvi _4bfu18uv _1hms8stv _ajmmnqa1"
+  root: "_4bfu18uv _1hms8stv _ajmmnqa1 _vchhusvi"
 };
 var IS_EXTERNAL_LINK_REGEX = /^(?:(http|https):\/\/)/;
 var IS_NON_HTTP_BASED = /^(((mailto|tel|sms):)|(#))/;
@@ -70,7 +70,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.4",
+    packageVersion: "13.3.6",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });
@@ -119,7 +119,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     "data-is-router-link": testId ? isRouterLink ? 'true' : 'false' : undefined
   }), children, target === '_blank' && (children && !ariaLabel && !ariaLabelledBy || ariaLabelledBy) && /*#__PURE__*/React.createElement(_visuallyHidden.default, {
     id: opensNewWindowLabelId
-  }, newWindowLabel));
+  }, ", ".concat(newWindowLabel)));
 };
 
 // Workarounds to support generic types with forwardRef

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

@@ -1,4 +1,4 @@
-/* bleed.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* bleed.tsx generated by @compiled/babel-plugin v0.33.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* box.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* box.tsx generated by @compiled/babel-plugin v0.33.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -346,7 +346,7 @@ var Box = exports.Box = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
     ref: ref
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- TODO: Support `xcss` in className pass-through
     ,
-    className: (0, _runtime.ax)(["_vchhusvi _r06hglyw _19itglyw", backgroundColor && backgroundColorMap[backgroundColor], backgroundColor && isSurfaceToken(backgroundColor) && setSurfaceTokenMap[backgroundColor], paddingBlockStart && paddingBlockStartMap[paddingBlockStart], paddingBlockEnd && paddingBlockEndMap[paddingBlockEnd], paddingInlineStart && paddingInlineStartMap[paddingInlineStart], paddingInlineEnd && paddingInlineEndMap[paddingInlineEnd], xcss])
+    className: (0, _runtime.ax)(["_19itglyw _vchhusvi _r06hglyw", backgroundColor && backgroundColorMap[backgroundColor], backgroundColor && isSurfaceToken(backgroundColor) && setSurfaceTokenMap[backgroundColor], paddingBlockStart && paddingBlockStartMap[paddingBlockStart], paddingBlockEnd && paddingBlockEndMap[paddingBlockEnd], paddingInlineStart && paddingInlineStartMap[paddingInlineStart], paddingInlineEnd && paddingInlineEndMap[paddingInlineEnd], xcss])
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, safeHtmlAttributes, {
     "data-testid": testId

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

@@ -1,4 +1,4 @@
-/* flex.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* flex.tsx generated by @compiled/babel-plugin v0.33.0 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

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

@@ -1,4 +1,4 @@
-/* focusable.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* focusable.tsx generated by @compiled/babel-plugin v0.33.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* grid.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* grid.tsx generated by @compiled/babel-plugin v0.33.0 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

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

@@ -1,4 +1,4 @@
-/* inline.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* inline.tsx generated by @compiled/babel-plugin v0.33.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -16,7 +16,7 @@ var _flex = _interopRequireDefault(require("./flex"));
 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 styles = {
-  separator: "_syazjjyb _1mouze3t _195g1i6y _lcxvglyw _uiztglyw",
+  separator: "_1mouze3t _195g1i6y _syazjjyb _lcxvglyw _uiztglyw",
   hug: "_16jlidpf",
   fill: "_1bsb1osq _16jlkb7n"
 };

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

@@ -1,4 +1,4 @@
-/* pressable.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* pressable.tsx generated by @compiled/babel-plugin v0.33.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -23,7 +23,7 @@ var _excluded = ["children", "isDisabled", "type", "onClick", "interactionName",
 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 styles = {
-  root: "_vchhusvi _r06hglyw _19itglyw _80omtlke",
+  root: "_19itglyw _vchhusvi _r06hglyw _80omtlke",
   disabled: "_80om13gf"
 };
 
@@ -60,7 +60,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.4",
+    packageVersion: "13.3.6",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

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

@@ -1,4 +1,4 @@
-/* stack.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* stack.tsx generated by @compiled/babel-plugin v0.33.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* text.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* text.tsx generated by @compiled/babel-plugin v0.33.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -46,7 +46,7 @@ var styles = {
   'textAlign.center': "_y3gn1h6o",
   'textAlign.end': "_y3gnh9n0",
   'textAlign.start': "_y3gnv2br",
-  truncation: "_1e0ccj1k _1reo15vq _18m915vq _sudp1e54",
+  truncation: "_1reo15vq _18m915vq _1e0ccj1k _sudp1e54",
   breakAll: "_1nmz9jpi"
 };
 var fontSizeMap = {

package/dist/cjs/compiled/responsive/hide.js

@@ -1,4 +1,4 @@
-/* hide.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* hide.tsx generated by @compiled/babel-plugin v0.33.0 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/compiled/responsive/show.js

@@ -1,4 +1,4 @@
-/* show.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* show.tsx generated by @compiled/babel-plugin v0.33.0 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

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

package/dist/cjs/components/text.js

@@ -28,7 +28,7 @@ var resetStyles = (0, _react2.css)({
   overflowWrap: 'anywhere'
 });
 var strongStyles = (0, _react2.css)({
-  fontWeight: 'bold'
+  fontWeight: "var(--ds-font-weight-bold, 700)"
 });
 var emStyles = (0, _react2.css)({
   fontStyle: 'italic'

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

@@ -1,4 +1,4 @@
-/* anchor.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* anchor.tsx generated by @compiled/babel-plugin v0.33.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./anchor.compiled.css";
 import * as React from 'react';
@@ -14,7 +14,7 @@ import InteractionContext from '@atlaskit/interaction-context';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 import Focusable from './focusable';
 const styles = {
-  root: "_vchhusvi _4bfu18uv _1hms8stv _ajmmnqa1"
+  root: "_4bfu18uv _1hms8stv _ajmmnqa1 _vchhusvi"
 };
 const IS_EXTERNAL_LINK_REGEX = /^(?:(http|https):\/\/)/;
 const IS_NON_HTTP_BASED = /^(((mailto|tel|sms):)|(#))/;
@@ -55,7 +55,7 @@ const AnchorNoRef = ({
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.4",
+    packageVersion: "13.3.6",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });
@@ -106,7 +106,7 @@ const AnchorNoRef = ({
     "data-is-router-link": testId ? isRouterLink ? 'true' : 'false' : undefined
   }), children, target === '_blank' && (children && !ariaLabel && !ariaLabelledBy || ariaLabelledBy) && /*#__PURE__*/React.createElement(VisuallyHidden, {
     id: opensNewWindowLabelId
-  }, newWindowLabel));
+  }, `, ${newWindowLabel}`));
 };
 
 // Workarounds to support generic types with forwardRef

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

@@ -1,4 +1,4 @@
-/* bleed.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* bleed.tsx generated by @compiled/babel-plugin v0.33.0 */
 import "./bleed.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

@@ -1,4 +1,4 @@
-/* box.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* box.tsx generated by @compiled/babel-plugin v0.33.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./box.compiled.css";
 import * as React from 'react';
@@ -330,7 +330,7 @@ export const Box = /*#__PURE__*/forwardRef(({
     ref: ref
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- TODO: Support `xcss` in className pass-through
     ,
-    className: ax(["_vchhusvi _r06hglyw _19itglyw", backgroundColor && backgroundColorMap[backgroundColor], backgroundColor && isSurfaceToken(backgroundColor) && setSurfaceTokenMap[backgroundColor], paddingBlockStart && paddingBlockStartMap[paddingBlockStart], paddingBlockEnd && paddingBlockEndMap[paddingBlockEnd], paddingInlineStart && paddingInlineStartMap[paddingInlineStart], paddingInlineEnd && paddingInlineEndMap[paddingInlineEnd], xcss])
+    className: ax(["_19itglyw _vchhusvi _r06hglyw", backgroundColor && backgroundColorMap[backgroundColor], backgroundColor && isSurfaceToken(backgroundColor) && setSurfaceTokenMap[backgroundColor], paddingBlockStart && paddingBlockStartMap[paddingBlockStart], paddingBlockEnd && paddingBlockEndMap[paddingBlockEnd], paddingInlineStart && paddingInlineStartMap[paddingInlineStart], paddingInlineEnd && paddingInlineEndMap[paddingInlineEnd], xcss])
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, safeHtmlAttributes, {
     "data-testid": testId

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

@@ -1,4 +1,4 @@
-/* flex.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* flex.tsx generated by @compiled/babel-plugin v0.33.0 */
 import "./flex.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* focusable.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* focusable.tsx generated by @compiled/babel-plugin v0.33.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./focusable.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* grid.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* grid.tsx generated by @compiled/babel-plugin v0.33.0 */
 import "./grid.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* inline.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* inline.tsx generated by @compiled/babel-plugin v0.33.0 */
 import "./inline.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -6,7 +6,7 @@ import { Children, forwardRef, Fragment, memo } from 'react';
 import { cx } from '@atlaskit/css';
 import Flex from './flex';
 const styles = {
-  separator: "_syazjjyb _1mouze3t _195g1i6y _lcxvglyw _uiztglyw",
+  separator: "_1mouze3t _195g1i6y _syazjjyb _lcxvglyw _uiztglyw",
   hug: "_16jlidpf",
   fill: "_1bsb1osq _16jlkb7n"
 };

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

@@ -1,4 +1,4 @@
-/* pressable.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* pressable.tsx generated by @compiled/babel-plugin v0.33.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./pressable.compiled.css";
 import * as React from 'react';
@@ -10,7 +10,7 @@ import noop from '@atlaskit/ds-lib/noop';
 import InteractionContext from '@atlaskit/interaction-context';
 import Focusable from './focusable';
 const styles = {
-  root: "_vchhusvi _r06hglyw _19itglyw _80omtlke",
+  root: "_19itglyw _vchhusvi _r06hglyw _80omtlke",
   disabled: "_80om13gf"
 };
 
@@ -46,7 +46,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.4",
+    packageVersion: "13.3.6",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

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

@@ -1,4 +1,4 @@
-/* stack.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* stack.tsx generated by @compiled/babel-plugin v0.33.0 */
 import "./stack.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* text.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* text.tsx generated by @compiled/babel-plugin v0.33.0 */
 import "./text.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -36,7 +36,7 @@ const styles = {
   'textAlign.center': "_y3gn1h6o",
   'textAlign.end': "_y3gnh9n0",
   'textAlign.start': "_y3gnv2br",
-  truncation: "_1e0ccj1k _1reo15vq _18m915vq _sudp1e54",
+  truncation: "_1reo15vq _18m915vq _1e0ccj1k _sudp1e54",
   breakAll: "_1nmz9jpi"
 };
 const fontSizeMap = {

package/dist/es2019/compiled/responsive/hide.js

@@ -1,4 +1,4 @@
-/* hide.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* hide.tsx generated by @compiled/babel-plugin v0.33.0 */
 import "./hide.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/compiled/responsive/show.js

@@ -1,4 +1,4 @@
-/* show.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* show.tsx generated by @compiled/babel-plugin v0.33.0 */
 import "./show.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/components/anchor.js

@@ -90,7 +90,7 @@ const AnchorNoRef = ({
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.4",
+    packageVersion: "13.3.6",
     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.3.4",
+    packageVersion: "13.3.6",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/es2019/components/text.js

@@ -20,7 +20,7 @@ const resetStyles = css({
   overflowWrap: 'anywhere'
 });
 const strongStyles = css({
-  fontWeight: 'bold'
+  fontWeight: "var(--ds-font-weight-bold, 700)"
 });
 const emStyles = css({
   fontStyle: 'italic'

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

@@ -1,4 +1,4 @@
-/* anchor.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* anchor.tsx generated by @compiled/babel-plugin v0.33.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _typeof from "@babel/runtime/helpers/typeof";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
@@ -18,7 +18,7 @@ import InteractionContext from '@atlaskit/interaction-context';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 import Focusable from './focusable';
 var styles = {
-  root: "_vchhusvi _4bfu18uv _1hms8stv _ajmmnqa1"
+  root: "_4bfu18uv _1hms8stv _ajmmnqa1 _vchhusvi"
 };
 var IS_EXTERNAL_LINK_REGEX = /^(?:(http|https):\/\/)/;
 var IS_NON_HTTP_BASED = /^(((mailto|tel|sms):)|(#))/;
@@ -60,7 +60,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.4",
+    packageVersion: "13.3.6",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });
@@ -109,7 +109,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     "data-is-router-link": testId ? isRouterLink ? 'true' : 'false' : undefined
   }), children, target === '_blank' && (children && !ariaLabel && !ariaLabelledBy || ariaLabelledBy) && /*#__PURE__*/React.createElement(VisuallyHidden, {
     id: opensNewWindowLabelId
-  }, newWindowLabel));
+  }, ", ".concat(newWindowLabel)));
 };
 
 // Workarounds to support generic types with forwardRef

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

@@ -1,4 +1,4 @@
-/* bleed.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* bleed.tsx generated by @compiled/babel-plugin v0.33.0 */
 import "./bleed.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

@@ -1,4 +1,4 @@
-/* box.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* box.tsx generated by @compiled/babel-plugin v0.33.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["as", "children", "backgroundColor", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "style", "testId", "xcss"],
@@ -337,7 +337,7 @@ export var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
     ref: ref
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- TODO: Support `xcss` in className pass-through
     ,
-    className: ax(["_vchhusvi _r06hglyw _19itglyw", backgroundColor && backgroundColorMap[backgroundColor], backgroundColor && isSurfaceToken(backgroundColor) && setSurfaceTokenMap[backgroundColor], paddingBlockStart && paddingBlockStartMap[paddingBlockStart], paddingBlockEnd && paddingBlockEndMap[paddingBlockEnd], paddingInlineStart && paddingInlineStartMap[paddingInlineStart], paddingInlineEnd && paddingInlineEndMap[paddingInlineEnd], xcss])
+    className: ax(["_19itglyw _vchhusvi _r06hglyw", backgroundColor && backgroundColorMap[backgroundColor], backgroundColor && isSurfaceToken(backgroundColor) && setSurfaceTokenMap[backgroundColor], paddingBlockStart && paddingBlockStartMap[paddingBlockStart], paddingBlockEnd && paddingBlockEndMap[paddingBlockEnd], paddingInlineStart && paddingInlineStartMap[paddingInlineStart], paddingInlineEnd && paddingInlineEndMap[paddingInlineEnd], xcss])
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, safeHtmlAttributes, {
     "data-testid": testId

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

@@ -1,4 +1,4 @@
-/* flex.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* flex.tsx generated by @compiled/babel-plugin v0.33.0 */
 import "./flex.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* focusable.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* focusable.tsx generated by @compiled/babel-plugin v0.33.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";

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

@@ -1,4 +1,4 @@
-/* grid.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* grid.tsx generated by @compiled/babel-plugin v0.33.0 */
 import "./grid.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* inline.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* inline.tsx generated by @compiled/babel-plugin v0.33.0 */
 import "./inline.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -6,7 +6,7 @@ import { Children, forwardRef, Fragment, memo } from 'react';
 import { cx } from '@atlaskit/css';
 import Flex from './flex';
 var styles = {
-  separator: "_syazjjyb _1mouze3t _195g1i6y _lcxvglyw _uiztglyw",
+  separator: "_1mouze3t _195g1i6y _syazjjyb _lcxvglyw _uiztglyw",
   hug: "_16jlidpf",
   fill: "_1bsb1osq _16jlkb7n"
 };

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

@@ -1,4 +1,4 @@
-/* pressable.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* pressable.tsx generated by @compiled/babel-plugin v0.33.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "isDisabled", "type", "onClick", "interactionName", "componentName", "analyticsContext", "style", "testId", "xcss"],
@@ -13,7 +13,7 @@ import noop from '@atlaskit/ds-lib/noop';
 import InteractionContext from '@atlaskit/interaction-context';
 import Focusable from './focusable';
 var styles = {
-  root: "_vchhusvi _r06hglyw _19itglyw _80omtlke",
+  root: "_19itglyw _vchhusvi _r06hglyw _80omtlke",
   disabled: "_80om13gf"
 };
 
@@ -50,7 +50,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.4",
+    packageVersion: "13.3.6",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

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

@@ -1,4 +1,4 @@
-/* stack.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* stack.tsx generated by @compiled/babel-plugin v0.33.0 */
 import "./stack.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* text.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* text.tsx generated by @compiled/babel-plugin v0.33.0 */
 import "./text.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -36,7 +36,7 @@ var styles = {
   'textAlign.center': "_y3gn1h6o",
   'textAlign.end': "_y3gnh9n0",
   'textAlign.start': "_y3gnv2br",
-  truncation: "_1e0ccj1k _1reo15vq _18m915vq _sudp1e54",
+  truncation: "_1reo15vq _18m915vq _1e0ccj1k _sudp1e54",
   breakAll: "_1nmz9jpi"
 };
 var fontSizeMap = {

package/dist/esm/compiled/responsive/hide.js

@@ -1,4 +1,4 @@
-/* hide.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* hide.tsx generated by @compiled/babel-plugin v0.33.0 */
 import "./hide.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/compiled/responsive/show.js

@@ -1,4 +1,4 @@
-/* show.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* show.tsx generated by @compiled/babel-plugin v0.33.0 */
 import "./show.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

package/dist/esm/components/text.js

@@ -20,7 +20,7 @@ var resetStyles = css({
   overflowWrap: 'anywhere'
 });
 var strongStyles = css({
-  fontWeight: 'bold'
+  fontWeight: "var(--ds-font-weight-bold, 700)"
 });
 var emStyles = css({
   fontStyle: 'italic'

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/primitives",
-	"version": "13.3.4",
+	"version": "13.3.6",
 	"description": "Primitives are token-backed low-level building blocks.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -128,9 +128,9 @@
 		"@atlaskit/app-provider": "^1.4.0",
 		"@atlaskit/css": "^0.7.0",
 		"@atlaskit/ds-lib": "^3.3.0",
-		"@atlaskit/interaction-context": "^2.2.0",
+		"@atlaskit/interaction-context": "^2.4.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/tokens": "^2.4.0",
+		"@atlaskit/tokens": "^2.5.0",
 		"@atlaskit/visually-hidden": "^1.5.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.1",
@@ -148,7 +148,7 @@
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
 		"@atlaskit/ssr": "*",
-		"@atlaskit/toggle": "^13.4.0",
+		"@atlaskit/toggle": "^14.0.0",
 		"@atlaskit/tooltip": "^19.0.0",
 		"@atlaskit/visual-regression": "*",
 		"@atlassian/codegen": "^0.1.0",