@atlaskit/primitives 6.2.0 → 6.4.0

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.
  */

package/dist/types-ts4.5/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-ts4.5/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/extract-react-types/bleed-props.tsx

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 
-import { BasePrimitiveProps } from '../src/components/types';
+import { type BasePrimitiveProps } from '../src/components/types';
 
 type Space =
   | 'space.025'

package/extract-react-types/box-props.tsx

@@ -1,7 +1,10 @@
 // TODO: Switch from ERT to ts-morph when this is completed and has reasonable adoption: https://product-fabric.atlassian.net/browse/DSP-10364
-import React, { ElementType, ReactNode } from 'react';
+import type { ComponentPropsWithRef, ElementType, ReactNode } from 'react';
 
-import { BasePrimitiveProps, StyleProp } from '../src/components/types';
+import {
+  type BasePrimitiveProps,
+  type StyleProp,
+} from '../src/components/types';
 
 // eslint-disable-next-line @typescript-eslint/no-namespace
 namespace Token {
@@ -83,7 +86,7 @@ export default function Box(
     /**
      * Forwarded ref element.
      */
-    ref?: React.ComponentPropsWithRef<ElementType>['ref'];
+    ref?: ComponentPropsWithRef<ElementType>['ref'];
   } & BasePrimitiveProps &
     StyleProp,
 ) {}

package/extract-react-types/flex-props.tsx

@@ -1,6 +1,6 @@
-import { ElementType, ReactNode } from 'react';
+import { type ElementType, type ReactNode } from 'react';
 
-import { BasePrimitiveProps } from '../src/components/types';
+import { type BasePrimitiveProps } from '../src/components/types';
 
 type Space =
   | 'space.0'

package/extract-react-types/grid-props.tsx

@@ -1,6 +1,6 @@
-import { ElementType, ReactNode } from 'react';
+import { type ElementType, type ReactNode } from 'react';
 
-import { BasePrimitiveProps } from '../src/components/types';
+import { type BasePrimitiveProps } from '../src/components/types';
 
 type Space =
   | 'space.0'

package/extract-react-types/hide-props.tsx

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 
-import { Breakpoint } from '../src/responsive/types';
+import { type Breakpoint } from '../src/responsive/types';
 
 type As =
   | 'article'

package/extract-react-types/inline-props.tsx

@@ -1,4 +1,4 @@
-import { ElementType, ReactNode } from 'react';
+import { type ElementType, type ReactNode } from 'react';
 
 import type {
   AlignBlock,

package/extract-react-types/show-props.tsx

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 
-import { Breakpoint } from '../src/responsive/types';
+import { type Breakpoint } from '../src/responsive/types';
 
 type As =
   | 'article'

package/extract-react-types/stack-props.tsx

@@ -1,4 +1,4 @@
-import { ElementType, ReactNode } from 'react';
+import { type ElementType, type ReactNode } from 'react';
 
 import type {
   AlignBlock,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/primitives",
-  "version": "6.2.0",
+  "version": "6.4.0",
   "description": "Primitives are token-backed low-level building blocks.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -112,7 +112,7 @@
           "slug": "primitives/anchor",
           "id": "@atlaskit/primitives/anchor",
           "status": {
-            "type": "alpha"
+            "type": "closed-beta"
           }
         }
       ]
@@ -128,7 +128,7 @@
     "@atlaskit/css": "^0.1.0",
     "@atlaskit/ds-lib": "^2.3.0",
     "@atlaskit/interaction-context": "^2.1.0",
-    "@atlaskit/tokens": "^1.48.0",
+    "@atlaskit/tokens": "^1.49.0",
     "@atlaskit/visually-hidden": "^1.3.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -146,7 +146,6 @@
     "@atlaskit/toggle": "^13.1.0",
     "@atlaskit/tooltip": "^18.4.0",
     "@atlaskit/visual-regression": "*",
-    "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@atlassian/codegen": "^0.1.0",
     "@testing-library/react": "^12.1.5",
     "@testing-library/react-hooks": "^8.0.1",
@@ -199,6 +198,5 @@
     "./pressable": "./src/components/pressable.tsx",
     "./anchor": "./src/components/anchor.tsx",
     "./responsive": "./src/responsive/index.tsx"
-  },
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
+  }
 }

package/scripts/color-codegen-template.tsx

@@ -7,7 +7,7 @@ import {
 import {
   capitalize,
   constructTokenFunctionCall,
-  ShadowDefinition,
+  type ShadowDefinition,
 } from './utils';
 
 type Token = {

package/scripts/elevation-codegen-template.tsx

@@ -8,7 +8,7 @@ import {
 import {
   capitalize,
   constructTokenFunctionCall,
-  ShadowDefinition,
+  type ShadowDefinition,
 } from './utils';
 
 type Token = {