@atlaskit/primitives 5.7.0 → 6.1.0

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

@@ -1,4 +1,4 @@
-import { SerializedStyles } from '@emotion/react';
+import { type SerializedStyles } from '@emotion/react';
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
  * @codegen <<SignedSource::7af6097e56f7fb03635b6f8aaf121b02>>
@@ -23,7 +23,7 @@ export type Dimension = keyof typeof dimensionMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::f8111b846d3e3be67331853f10d1b568>>
+ * @codegen <<SignedSource::aa8558eb2395e9d078e38d8b3b4e0bed>>
  * @codegenId spacing
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::55622b91aca9b3afac4bce440f222b71>>
@@ -88,10 +88,10 @@ export type AllSpace = keyof typeof allSpaceMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::7e2103695ffbc3573276b7ef3408c91b>>
+ * @codegen <<SignedSource::04aa48c107cf876807c6af948860857f>>
  * @codegenId inverse-colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::eface03157c2df5c1b3b305911d3ed4d>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f27d1519d51cc4a85383a00907847774>>
  */
 export declare const inverseColorMap: {
     readonly 'color.background.neutral.bold': "color.text.inverse";
@@ -127,11 +127,11 @@ export declare const inverseColorMap: {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b219b05d38339a7cd427cbf5de4ad327>>
+ * @codegen <<SignedSource::8a5d63089926d91b7cb79b7ddd40463b>>
  * @codegenId elevation
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["opacity", "shadow", "surface"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::eface03157c2df5c1b3b305911d3ed4d>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f27d1519d51cc4a85383a00907847774>>
  */
 export declare const opacityMap: {
     readonly 'opacity.disabled': "var(--ds-opacity-disabled)";
@@ -164,11 +164,11 @@ export type SurfaceColor = keyof typeof surfaceColorMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::75cecbb153ddd5bdd2cb0c5e9a07107d>>
+ * @codegen <<SignedSource::369117f6459016ec330d166ba9f4ad03>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "text", "fill"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::eface03157c2df5c1b3b305911d3ed4d>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f27d1519d51cc4a85383a00907847774>>
  */
 export declare const borderColorMap: {
     readonly 'color.border': "var(--ds-border)";
@@ -488,7 +488,7 @@ export type Layer = keyof typeof layerMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::d44c306cfe2334f9664fc122aa7d9fe6>>
+ * @codegen <<SignedSource::8093f6eb366669dce5007011a3fd7814>>
  * @codegenId border
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["width", "radius"]
@@ -516,7 +516,7 @@ export type BorderRadius = keyof typeof borderRadiusMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::fc79aec30729db169f29271e3fe7725d>>
+ * @codegen <<SignedSource::2513c025b6da9274090c77a176d31cc1>>
  * @codegenId typography
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/primitives",
-  "version": "5.7.0",
+  "version": "6.1.0",
   "description": "Primitives are token-backed low-level building blocks.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -103,7 +103,7 @@
           "slug": "primitives/pressable",
           "id": "@atlaskit/primitives/pressable",
           "status": {
-            "type": "closed-beta"
+            "type": "beta"
           }
         },
         {
@@ -128,8 +128,8 @@
     "@atlaskit/css": "^0.1.0",
     "@atlaskit/ds-lib": "^2.3.0",
     "@atlaskit/interaction-context": "^2.1.0",
-    "@atlaskit/tokens": "^1.44.0",
-    "@atlaskit/visually-hidden": "^1.2.4",
+    "@atlaskit/tokens": "^1.45.0",
+    "@atlaskit/visually-hidden": "^1.3.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "@emotion/serialize": "^1.1.0",
@@ -141,16 +141,16 @@
   },
   "devDependencies": {
     "@af/accessibility-testing": "*",
+    "@af/formatting": "*",
     "@atlaskit/ssr": "*",
-    "@atlaskit/toggle": "^13.0.0",
-    "@atlaskit/tooltip": "^18.2.1",
+    "@atlaskit/toggle": "^13.1.0",
+    "@atlaskit/tooltip": "^18.3.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",
     "csstype": "^3.1.0",
-    "prettier": "^2.8.0",
     "react-dom": "^16.8.0",
     "ts-node": "^10.9.1",
     "typescript": "~5.4.2",

package/scripts/border-codegen-template.tsx

@@ -1,6 +1,4 @@
-import prettier from 'prettier';
-import parserTypeScript from 'prettier/parser-typescript';
-
+import format from '@af/formatting/sync';
 import { shape as tokens } from '@atlaskit/tokens/tokens-raw';
 
 import { capitalize, constructTokenFunctionCall } from './utils';
@@ -47,8 +45,7 @@ export const createBorderStylesFromTemplate = (
 
   const { filterFn, objectName } = tokenStyles[property];
 
-  return (
-    prettier.format(
+  return (format(
       `
 export const ${objectName}Map = {
   ${activeTokens
@@ -63,12 +60,7 @@ export const ${objectName}Map = {
     })
     .join(',\n\t')}
 } as const;`,
-      {
-        singleQuote: true,
-        parser: 'typescript',
-        trailingComma: 'all',
-        plugins: [parserTypeScript],
-      },
+      'typescript',
     ) +
     `\nexport type ${capitalize(objectName)} = keyof typeof ${objectName}Map;\n`
   );

package/scripts/color-codegen-template.tsx

@@ -1,6 +1,4 @@
-import prettier from 'prettier';
-import parserTypeScript from 'prettier/parser-typescript';
-
+import format from '@af/formatting/sync';
 import {
   legacyLightTokens as legacyTokens,
   light as tokens,
@@ -76,8 +74,7 @@ export const createColorStylesFromTemplate = (
 
   const { filterFn, objectName } = tokenStyles[colorProperty];
 
-  return (
-    prettier.format(
+  return (format(
       `
 export const ${objectName}Map = {
   ${activeTokens
@@ -92,12 +89,7 @@ export const ${objectName}Map = {
     })
     .join(',\n\t')}
 } as const;`,
-      {
-        singleQuote: true,
-        parser: 'typescript',
-        trailingComma: 'all',
-        plugins: [parserTypeScript],
-      },
+      'typescript',
     ) +
     `\nexport type ${capitalize(objectName)} = keyof typeof ${objectName}Map;\n`
   );

package/scripts/elevation-codegen-template.tsx

@@ -1,6 +1,4 @@
-import prettier from 'prettier';
-import parserTypeScript from 'prettier/parser-typescript';
-
+import format from '@af/formatting/sync';
 import { CURRENT_SURFACE_CSS_VAR } from '@atlaskit/tokens';
 import {
   legacyLightTokens as legacyTokens,
@@ -66,8 +64,7 @@ export const createElevationStylesFromTemplate = (
 
   const { filterFn, objectName } = tokenStyles[property];
 
-  return (
-    prettier.format(
+  return (format(
       `
 export const ${objectName}Map = {
   ${activeTokens
@@ -82,12 +79,7 @@ export const ${objectName}Map = {
     })
     .join(',\n\t')}
 } as const;`,
-      {
-        singleQuote: true,
-        parser: 'typescript',
-        trailingComma: 'all',
-        plugins: [parserTypeScript],
-      },
+      'typescript',
     ) +
     `\nexport type ${capitalize(objectName)} = keyof typeof ${objectName}Map;\n`
   );

package/scripts/inverse-color-map-template.tsx

@@ -1,6 +1,4 @@
-import prettier from 'prettier';
-import parserTypeScript from 'prettier/parser-typescript';
-
+import format from '@af/formatting/sync';
 import { light as tokens } from '@atlaskit/tokens/tokens-raw';
 
 import { compose, isAccent, not, pick } from './utils';
@@ -28,7 +26,7 @@ const activeTokens = tokens
   .map(t => ({ ...t, token: t.token.replaceAll('.[default]', '') }));
 
 export const createInverseColorMapTemplate = () => {
-  return prettier.format(
+  return format(
     `
 export const inverseColorMap = {
   ${activeTokens
@@ -43,11 +41,6 @@ export const inverseColorMap = {
     })
     .join(',\n\t')}
 } as const;`,
-    {
-      singleQuote: true,
-      parser: 'typescript',
-      trailingComma: 'all',
-      plugins: [parserTypeScript],
-    },
+    'typescript',
   );
 };

package/scripts/spacing-codegen-template.tsx

@@ -1,6 +1,4 @@
-import prettier from 'prettier';
-import parserTypeScript from 'prettier/parser-typescript';
-
+import format from '@af/formatting/sync';
 import { spacing as tokens } from '@atlaskit/tokens/tokens-raw';
 
 import { constructTokenFunctionCall } from './utils';
@@ -43,10 +41,5 @@ export const createSpacingStylesFromTemplate = () => {
     `export type AllSpace = keyof typeof allSpaceMap;\n`,
   ].join('\n');
 
-  return prettier.format(output, {
-    singleQuote: true,
-    trailingComma: 'all',
-    parser: 'typescript',
-    plugins: [parserTypeScript],
-  });
+  return format(output, 'typescript');
 };

package/scripts/typography-codegen-template.tsx

@@ -1,6 +1,4 @@
-import prettier from 'prettier';
-import parserTypeScript from 'prettier/parser-typescript';
-
+import format from '@af/formatting/sync';
 import { typographyAdg3 as tokens } from '@atlaskit/tokens/tokens-raw';
 
 import { capitalize, constructTokenFunctionCall } from './utils';
@@ -67,7 +65,7 @@ export const createTypographyStylesFromTemplate = () => {
       const { filterFn, objectName } = typographyProperty;
 
       return (
-        prettier.format(
+        format(
           `
 export const ${objectName}Map = {
 ${activeTokens
@@ -84,12 +82,7 @@ ${activeTokens
   })
   .join(',\n\t')}
 };`,
-          {
-            singleQuote: true,
-            trailingComma: 'all',
-            parser: 'typescript',
-            plugins: [parserTypeScript],
-          },
+          'typescript',
         ) +
         `\nexport type ${capitalize(
           objectName,