@atlaskit/primitives 6.3.0 → 6.4.0

package/constellation/anchor/usage.mdx

@@ -68,7 +68,7 @@ Make link text size at least 12px. Smaller text is harder to read and interact w
 
 Anchors are for navigation and URL changes, while buttons are for on-page actions such as form submissions or opening modals. These elements are treated differently by assistive technologies, so avoid using one in place of the other.
 
-More details on [when to use links and buttons](/components/button/button-new/usage#use-buttons-for-actions-and-links-for-navigation).
+More details on [when to use links and buttons](/components/button/usage#use-buttons-for-actions-and-links-for-navigation).
 
 ## Content guidelines
 
@@ -94,7 +94,7 @@ Only include the verb in the linked text if it better describes the purpose the
 
 For example:
 
-> Update [Jira settings](https://atlassian.design/components/button/button-new/usage#use-buttons-for-actions-and-links-for-navigation) to turn off notifications. To upgrade, [sign up for Jira](https://atlassian.design/components/button/button-new/usage#use-buttons-for-actions-and-links-for-navigation).
+> Update [Jira settings](/components/button/usage#use-buttons-for-actions-and-links-for-navigation) to turn off notifications. To upgrade, [sign up for Jira](/components/button/usage#use-buttons-for-actions-and-links-for-navigation).
 
 If only Jira was linked, it wouldn't be clear that this was a sign up page.
 

package/constellation/pressable/usage.mdx

@@ -64,7 +64,7 @@ Pressable creates buttons that are available in focus order, and provides a visu
 
 ### Avoid disabling buttons
 
-Disabled buttons can cause accessibility problems. Avoid disabling buttons and [follow our disabled and tooltip button guidance](/components/button/button-new/usage#avoid-disabling-buttons).
+Disabled buttons can cause accessibility problems. Avoid disabling buttons and [follow our disabled and tooltip button guidance](/components/button/usage#avoid-disabling-buttons).
 
 ## Best practices
 
@@ -93,7 +93,7 @@ For example, _Change issue color to yellow_ instead of _yellow_.
 
 ### Follow other label and UI content guidance
 
-Follow label and content guidelines for [buttons](/components/button/button-new/usage#content-guidelines). Review our [general UI text guidance](/foundations/accessibility/#meaningful-text) for specific question.
+Follow label and content guidelines for [buttons](/components/button/usage#content-guidelines). Review our [general UI text guidance](/foundations/accessibility/#meaningful-text) for specific question.
 
 ## Related
 

package/dist/cjs/components/anchor.js

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

package/dist/cjs/components/bleed.js

@@ -65,6 +65,7 @@ var Bleed = /*#__PURE__*/_react.default.memo(function (_ref) {
     xcss = _ref.xcss;
   var resolvedStyles = (0, _xcss.parseXcss)(xcss);
   return (0, _react2.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: resolvedStyles.static,
     css: [baseStyles, (inline || all) && inlineBleedMap[inline || all], (block || all) && blockBleedMap[block || all],
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage

package/dist/cjs/components/box.js

@@ -53,11 +53,15 @@ var Box = exports.Box = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
   var resolvedStyles = (0, _xcss.parseXcss)(xcss);
   var node =
   // @ts-expect-error Expression produces a union type that is too complex to represent. I think this is unavoidable
-  (0, _react2.jsx)(Component, (0, _extends2.default)({
+  (0, _react2.jsx)(Component
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+  , (0, _extends2.default)({
     style: style
     // @ts-expect-error Expression produces a union type that is too complex to represent. We may be able to narrow the type here but unsure.
     ,
-    ref: ref,
+    ref: ref
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: resolvedStyles.static
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, safeHtmlAttributes, {
@@ -69,7 +73,10 @@ var Box = exports.Box = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
   return backgroundColor ? (0, _react2.jsx)(_surfaceProvider.SurfaceContext.Provider, {
     value: backgroundColor
   }, node) : node;
-});
+}
+// @ts-ignore This typescript error has been surpessed while locally enrolling `@atlaskit/primitives` into Jira
+// The return type of `BoxComponent` does not match the return type of `forwardRef` in React 18
+);
 var _default = exports.default = Box;
 var baseStyles = (0, _react2.css)({
   boxSizing: 'border-box',

package/dist/cjs/components/flex.js

@@ -107,7 +107,9 @@ var Flex = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(fu
     xcss = _ref.xcss;
   var resolvedStyles = (0, _xcss.parseXcss)(xcss);
   return (0, _react2.jsx)(Component, {
-    role: role,
+    role: role
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: resolvedStyles.static,
     css: [baseStyles, gap && _styleMaps.spaceStylesMap.gap[gap], columnGap && _styleMaps.spaceStylesMap.columnGap[columnGap], rowGap && _styleMaps.spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], direction && flexDirectionMap[direction], justifyContent && justifyContentMap[justifyContent], wrap && flexWrapMap[wrap],
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage

package/dist/cjs/components/grid.js

@@ -170,8 +170,12 @@ var Grid = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(fu
   }, [gridTemplateAreas, gridTemplateColumns, gridTemplateRows]);
   return (0, _react2.jsx)(Component, {
     id: id,
-    role: role,
-    style: style,
+    role: role
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
+    style: style
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: resolvedStyles.static,
     css: [baseStyles, gap && _styleMaps.spaceStylesMap.gap[gap], columnGap && _styleMaps.spaceStylesMap.columnGap[columnGap], rowGap && _styleMaps.spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], alignContent && alignContentMap[alignContent], justifyContent && justifyContentMap[justifyContent], autoFlow && gridAutoFlowMap[autoFlow],
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage

package/dist/cjs/components/pressable.js

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

package/dist/cjs/responsive/hide.js

@@ -31,7 +31,9 @@ var Hide = exports.Hide = function Hide(_ref) {
     AsElement = _ref$as === void 0 ? 'div' : _ref$as,
     xcss = _ref.xcss;
   var resolvedStyles = (0, _xcss.parseXcss)(xcss);
-  return (0, _react.jsx)(AsElement, {
+  return (0, _react.jsx)(AsElement
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+  , {
     className: resolvedStyles.static,
     css: [above && hideAboveQueries[above], below && hideBelowQueries[below], resolvedStyles.emotion]
   }, children);

package/dist/cjs/responsive/show.js

@@ -34,7 +34,9 @@ var Show = exports.Show = function Show(_ref) {
     AsElement = _ref$as === void 0 ? 'div' : _ref$as,
     xcss = _ref.xcss;
   var resolvedStyles = (0, _xcss.parseXcss)(xcss);
-  return (0, _react.jsx)(AsElement, {
+  return (0, _react.jsx)(AsElement
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+  , {
     className: resolvedStyles.static,
     css: [defaultHiddenStyles, above && showAboveQueries[above], below && showBelowQueries[below], resolvedStyles.emotion]
   }, children);

package/dist/es2019/components/anchor.js

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

package/dist/es2019/components/bleed.js

@@ -58,6 +58,7 @@ const Bleed = /*#__PURE__*/React.memo(({
 }) => {
   const resolvedStyles = parseXcss(xcss);
   return jsx("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: resolvedStyles.static,
     css: [baseStyles, (inline || all) && inlineBleedMap[inline || all], (block || all) && blockBleedMap[block || all],
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage

package/dist/es2019/components/box.js

@@ -46,11 +46,15 @@ export const Box = /*#__PURE__*/forwardRef(({
   const resolvedStyles = parseXcss(xcss);
   const node =
   // @ts-expect-error Expression produces a union type that is too complex to represent. I think this is unavoidable
-  jsx(Component, _extends({
+  jsx(Component
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+  , _extends({
     style: style
     // @ts-expect-error Expression produces a union type that is too complex to represent. We may be able to narrow the type here but unsure.
     ,
-    ref: ref,
+    ref: ref
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: resolvedStyles.static
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, safeHtmlAttributes, {
@@ -62,7 +66,10 @@ export const Box = /*#__PURE__*/forwardRef(({
   return backgroundColor ? jsx(SurfaceContext.Provider, {
     value: backgroundColor
   }, node) : node;
-});
+}
+// @ts-ignore This typescript error has been surpessed while locally enrolling `@atlaskit/primitives` into Jira
+// The return type of `BoxComponent` does not match the return type of `forwardRef` in React 18
+);
 export default Box;
 const baseStyles = css({
   boxSizing: 'border-box',

package/dist/es2019/components/flex.js

@@ -100,7 +100,9 @@ const Flex = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
 }, ref) => {
   const resolvedStyles = parseXcss(xcss);
   return jsx(Component, {
-    role: role,
+    role: role
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: resolvedStyles.static,
     css: [baseStyles, gap && spaceStylesMap.gap[gap], columnGap && spaceStylesMap.columnGap[columnGap], rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], direction && flexDirectionMap[direction], justifyContent && justifyContentMap[justifyContent], wrap && flexWrapMap[wrap],
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage

package/dist/es2019/components/grid.js

@@ -161,8 +161,12 @@ const Grid = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   }), [gridTemplateAreas, gridTemplateColumns, gridTemplateRows]);
   return jsx(Component, {
     id: id,
-    role: role,
-    style: style,
+    role: role
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
+    style: style
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: resolvedStyles.static,
     css: [baseStyles, gap && spaceStylesMap.gap[gap], columnGap && spaceStylesMap.columnGap[columnGap], rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], alignContent && alignContentMap[alignContent], justifyContent && justifyContentMap[justifyContent], autoFlow && gridAutoFlowMap[autoFlow],
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage

package/dist/es2019/components/pressable.js

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

package/dist/es2019/responsive/hide.js

@@ -25,7 +25,9 @@ export const Hide = ({
   xcss
 }) => {
   const resolvedStyles = parseXcss(xcss);
-  return jsx(AsElement, {
+  return jsx(AsElement
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+  , {
     className: resolvedStyles.static,
     css: [above && hideAboveQueries[above], below && hideBelowQueries[below], resolvedStyles.emotion]
   }, children);

package/dist/es2019/responsive/show.js

@@ -28,7 +28,9 @@ export const Show = ({
   xcss
 }) => {
   const resolvedStyles = parseXcss(xcss);
-  return jsx(AsElement, {
+  return jsx(AsElement
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+  , {
     className: resolvedStyles.static,
     css: [defaultHiddenStyles, above && showAboveQueries[above], below && showBelowQueries[below], resolvedStyles.emotion]
   }, children);

package/dist/esm/components/anchor.js

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

package/dist/esm/components/bleed.js

@@ -57,6 +57,7 @@ var Bleed = /*#__PURE__*/React.memo(function (_ref) {
     xcss = _ref.xcss;
   var resolvedStyles = parseXcss(xcss);
   return jsx("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: resolvedStyles.static,
     css: [baseStyles, (inline || all) && inlineBleedMap[inline || all], (block || all) && blockBleedMap[block || all],
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage

package/dist/esm/components/box.js

@@ -47,11 +47,15 @@ export var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var resolvedStyles = parseXcss(xcss);
   var node =
   // @ts-expect-error Expression produces a union type that is too complex to represent. I think this is unavoidable
-  jsx(Component, _extends({
+  jsx(Component
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+  , _extends({
     style: style
     // @ts-expect-error Expression produces a union type that is too complex to represent. We may be able to narrow the type here but unsure.
     ,
-    ref: ref,
+    ref: ref
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: resolvedStyles.static
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, safeHtmlAttributes, {
@@ -63,7 +67,10 @@ export var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
   return backgroundColor ? jsx(SurfaceContext.Provider, {
     value: backgroundColor
   }, node) : node;
-});
+}
+// @ts-ignore This typescript error has been surpessed while locally enrolling `@atlaskit/primitives` into Jira
+// The return type of `BoxComponent` does not match the return type of `forwardRef` in React 18
+);
 export default Box;
 var baseStyles = css({
   boxSizing: 'border-box',

package/dist/esm/components/flex.js

@@ -100,7 +100,9 @@ var Flex = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref) {
     xcss = _ref.xcss;
   var resolvedStyles = parseXcss(xcss);
   return jsx(Component, {
-    role: role,
+    role: role
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: resolvedStyles.static,
     css: [baseStyles, gap && spaceStylesMap.gap[gap], columnGap && spaceStylesMap.columnGap[columnGap], rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], direction && flexDirectionMap[direction], justifyContent && justifyContentMap[justifyContent], wrap && flexWrapMap[wrap],
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage

package/dist/esm/components/grid.js

@@ -162,8 +162,12 @@ var Grid = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, [gridTemplateAreas, gridTemplateColumns, gridTemplateRows]);
   return jsx(Component, {
     id: id,
-    role: role,
-    style: style,
+    role: role
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
+    style: style
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: resolvedStyles.static,
     css: [baseStyles, gap && spaceStylesMap.gap[gap], columnGap && spaceStylesMap.columnGap[columnGap], rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], alignContent && alignContentMap[alignContent], justifyContent && justifyContentMap[justifyContent], autoFlow && gridAutoFlowMap[autoFlow],
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage

package/dist/esm/components/pressable.js

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

package/dist/esm/responsive/hide.js

@@ -25,7 +25,9 @@ export var Hide = function Hide(_ref) {
     AsElement = _ref$as === void 0 ? 'div' : _ref$as,
     xcss = _ref.xcss;
   var resolvedStyles = parseXcss(xcss);
-  return jsx(AsElement, {
+  return jsx(AsElement
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+  , {
     className: resolvedStyles.static,
     css: [above && hideAboveQueries[above], below && hideBelowQueries[below], resolvedStyles.emotion]
   }, children);

package/dist/esm/responsive/show.js

@@ -28,7 +28,9 @@ export var Show = function Show(_ref) {
     AsElement = _ref$as === void 0 ? 'div' : _ref$as,
     xcss = _ref.xcss;
   var resolvedStyles = parseXcss(xcss);
-  return jsx(AsElement, {
+  return jsx(AsElement
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+  , {
     className: resolvedStyles.static,
     css: [defaultHiddenStyles, above && showAboveQueries[above], below && showBelowQueries[below], resolvedStyles.emotion]
   }, children);

package/dist/types/components/bleed.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import React, { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 import type { BasePrimitiveProps } from './types';
 export type BleedProps = {

package/dist/types/components/box.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
-import { ComponentPropsWithoutRef, ComponentPropsWithRef, ReactElement, ReactNode } from 'react';
-import { BackgroundColor, type Space } from '../xcss/style-maps.partial';
-import { SVGElements } from './internal/types';
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ReactElement, type ReactNode } from 'react';
+import { type BackgroundColor, type Space } from '../xcss/style-maps.partial';
+import { type SVGElements } from './internal/types';
 import type { BasePrimitiveProps, StyleProp } from './types';
 type AllowedElements = Exclude<keyof JSX.IntrinsicElements, SVGElements>;
 type CustomElementType<P = any> = {

package/dist/types/components/flex.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ElementType, ReactNode } from 'react';
+import { type ElementType, type ReactNode } from 'react';
 import { type Space } from '../xcss/style-maps.partial';
 import type { BasePrimitiveProps } from './types';
 export type FlexProps<T extends ElementType = 'div'> = {

package/dist/types/components/inline.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ElementType, ReactNode } from 'react';
+import { type ElementType, type ReactNode } from 'react';
 import { type Space } from '../xcss/style-maps.partial';
 import type { AlignBlock, AlignInline, BasePrimitiveProps, Grow, Spread } from './types';
 export type InlineProps<T extends ElementType = 'div'> = {

package/dist/types/components/stack.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ElementType, ReactNode } from 'react';
+import { type ElementType, type ReactNode } from 'react';
 import { type Space } from '../xcss/style-maps.partial';
 import type { AlignBlock, AlignInline, BasePrimitiveProps, Grow, Spread } from './types';
 export type StackProps<T extends ElementType = 'div'> = {

package/dist/types/responsive/build-media-query-css.d.ts

@@ -1,4 +1,4 @@
-import { CSSObject } from '@emotion/react';
+import { type CSSObject } from '@emotion/react';
 import type { Breakpoint } from './types';
 /**
  * Build a map of breakpoints to css with media queries and nested styles.

package/dist/types/responsive/types.d.ts

@@ -1,6 +1,6 @@
-import { SerializedStyles } from '@emotion/react';
-import { token } from '@atlaskit/tokens';
-import { media } from './media-helper';
+import { type SerializedStyles } from '@emotion/react';
+import { type token } from '@atlaskit/tokens';
+import { type media } from './media-helper';
 /**
  * The breakpoints we have for responsiveness.
  */

package/dist/types/xcss/style-maps.partial.d.ts

@@ -555,35 +555,35 @@ export type TokenisedProps = {
     blockSize?: AutoComplete<Dimension>;
     borderBlockColor?: AutoComplete<BorderColor>;
     borderBlockEndColor?: AutoComplete<BorderColor>;
-    borderBlockEndWidth?: AutoComplete<BorderWidth>;
+    borderBlockEndWidth?: BorderWidth | string;
     borderBlockStartColor?: AutoComplete<BorderColor>;
-    borderBlockStartWidth?: AutoComplete<BorderWidth>;
-    borderBlockWidth?: AutoComplete<BorderWidth>;
+    borderBlockStartWidth?: BorderWidth | string;
+    borderBlockWidth?: BorderWidth | string;
     borderBottomColor?: AutoComplete<BorderColor>;
-    borderBottomLeftRadius?: AutoComplete<BorderRadius>;
-    borderBottomRightRadius?: AutoComplete<BorderRadius>;
-    borderBottomWidth?: AutoComplete<BorderWidth>;
+    borderBottomLeftRadius?: BorderRadius | string;
+    borderBottomRightRadius?: BorderRadius | string;
+    borderBottomWidth?: BorderWidth | string;
     borderColor?: BorderColor;
-    borderEndEndRadius?: AutoComplete<BorderRadius>;
-    borderEndStartRadius?: AutoComplete<BorderRadius>;
+    borderEndEndRadius?: BorderRadius | string;
+    borderEndStartRadius?: BorderRadius | string;
     borderInlineColor?: AutoComplete<BorderColor>;
     borderInlineEndColor?: AutoComplete<BorderColor>;
-    borderInlineEndWidth?: AutoComplete<BorderWidth>;
+    borderInlineEndWidth?: BorderWidth | string;
     borderInlineStartColor?: AutoComplete<BorderColor>;
-    borderInlineStartWidth?: AutoComplete<BorderWidth>;
-    borderInlineWidth?: AutoComplete<BorderWidth>;
+    borderInlineStartWidth?: BorderWidth | string;
+    borderInlineWidth?: BorderWidth | string;
     borderLeftColor?: AutoComplete<BorderColor>;
-    borderLeftWidth?: AutoComplete<BorderWidth>;
-    borderRadius?: BorderRadius;
+    borderLeftWidth?: BorderWidth | string;
+    borderRadius?: BorderRadius | string;
     borderRightColor?: AutoComplete<BorderColor>;
-    borderRightWidth?: AutoComplete<BorderWidth>;
-    borderStartEndRadius?: AutoComplete<BorderRadius>;
-    borderStartStartRadius?: AutoComplete<BorderRadius>;
+    borderRightWidth?: BorderWidth | string;
+    borderStartEndRadius?: BorderRadius | string;
+    borderStartStartRadius?: BorderRadius | string;
     borderTopColor?: AutoComplete<BorderColor>;
-    borderTopLeftRadius?: AutoComplete<BorderRadius>;
-    borderTopRightRadius?: AutoComplete<BorderRadius>;
-    borderTopWidth?: AutoComplete<BorderWidth>;
-    borderWidth?: BorderWidth;
+    borderTopLeftRadius?: BorderRadius | string;
+    borderTopRightRadius?: BorderRadius | string;
+    borderTopWidth?: BorderWidth | string;
+    borderWidth?: BorderWidth | string;
     bottom?: AutoComplete<AllSpace>;
     boxShadow?: Shadow;
     color?: TextColor;
@@ -621,7 +621,7 @@ export type TokenisedProps = {
     opacity?: AutoComplete<Opacity> | number;
     outlineColor?: BorderColor;
     outlineOffset?: Space;
-    outlineWidth?: BorderWidth;
+    outlineWidth?: BorderWidth | string;
     padding?: Space;
     paddingBlock?: Space;
     paddingBlockEnd?: Space;

package/dist/types/xcss/xcss.d.ts

@@ -2,7 +2,7 @@ import type { CSSPropertiesWithMultiValues, SerializedStyles } from '@emotion/se
 import type * as CSS from 'csstype';
 import type { StrictXCSSProp, XCSSAllProperties, XCSSAllPseudos } from '@atlaskit/css';
 import type { MediaQuery } from '../responsive/types';
-import { TokenisedProps } from './style-maps.partial';
+import { type TokenisedProps } from './style-maps.partial';
 export declare const tokensMap: {
     readonly backgroundColor: {
         readonly 'color.background.accent.lime.subtlest': "var(--ds-background-accent-lime-subtlest)";

package/dist/types-ts4.5/components/bleed.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import React, { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 import type { BasePrimitiveProps } from './types';
 export type BleedProps = {

package/dist/types-ts4.5/components/box.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
-import { ComponentPropsWithoutRef, ComponentPropsWithRef, ReactElement, ReactNode } from 'react';
-import { BackgroundColor, type Space } from '../xcss/style-maps.partial';
-import { SVGElements } from './internal/types';
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ReactElement, type ReactNode } from 'react';
+import { type BackgroundColor, type Space } from '../xcss/style-maps.partial';
+import { type SVGElements } from './internal/types';
 import type { BasePrimitiveProps, StyleProp } from './types';
 type AllowedElements = Exclude<keyof JSX.IntrinsicElements, SVGElements>;
 type CustomElementType<P = any> = {

package/dist/types-ts4.5/components/flex.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ElementType, ReactNode } from 'react';
+import { type ElementType, type ReactNode } from 'react';
 import { type Space } from '../xcss/style-maps.partial';
 import type { BasePrimitiveProps } from './types';
 export type FlexProps<T extends ElementType = 'div'> = {

package/dist/types-ts4.5/components/inline.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ElementType, ReactNode } from 'react';
+import { type ElementType, type ReactNode } from 'react';
 import { type Space } from '../xcss/style-maps.partial';
 import type { AlignBlock, AlignInline, BasePrimitiveProps, Grow, Spread } from './types';
 export type InlineProps<T extends ElementType = 'div'> = {

package/dist/types-ts4.5/components/stack.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ElementType, ReactNode } from 'react';
+import { type ElementType, type ReactNode } from 'react';
 import { type Space } from '../xcss/style-maps.partial';
 import type { AlignBlock, AlignInline, BasePrimitiveProps, Grow, Spread } from './types';
 export type StackProps<T extends ElementType = 'div'> = {

package/dist/types-ts4.5/responsive/build-media-query-css.d.ts

@@ -1,4 +1,4 @@
-import { CSSObject } from '@emotion/react';
+import { type CSSObject } from '@emotion/react';
 import type { Breakpoint } from './types';
 /**
  * Build a map of breakpoints to css with media queries and nested styles.

package/dist/types-ts4.5/responsive/types.d.ts

@@ -1,6 +1,6 @@
-import { SerializedStyles } from '@emotion/react';
-import { token } from '@atlaskit/tokens';
-import { media } from './media-helper';
+import { type SerializedStyles } from '@emotion/react';
+import { type token } from '@atlaskit/tokens';
+import { type media } from './media-helper';
 /**
  * The breakpoints we have for responsiveness.
  */