@atlaskit/forge-react-types 0.48.0 → 0.49.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @atlaskit/forge-react-types
 
+## 0.49.0
+
+### Minor Changes
+
+- [`e45f66913297e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e45f66913297e) -
+  Import emotion box into Forge UI Kit library
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.48.0
 
 ### Minor Changes

package/dist/cjs/components/__generated__/BoxProps.codegen.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
  *
  * Extract component prop types from UIKit 2 components - BoxProps
  *
- * @codegen <<SignedSource::2aa8902478f587c656a335fdbf945043>>
+ * @codegen <<SignedSource::2576658a875b738553fdb3ccfa41acd1>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::8e5857e8580db0dac17ebc42ab6115c9>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/index.tsx <<SignedSource::6b375bb57ecf19919f9e1b65e899fd96>>
  */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
 

package/dist/es2019/components/__generated__/BoxProps.codegen.js

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - BoxProps
  *
- * @codegen <<SignedSource::2aa8902478f587c656a335fdbf945043>>
+ * @codegen <<SignedSource::2576658a875b738553fdb3ccfa41acd1>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::8e5857e8580db0dac17ebc42ab6115c9>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/index.tsx <<SignedSource::6b375bb57ecf19919f9e1b65e899fd96>>
  */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
 

package/dist/esm/components/__generated__/BoxProps.codegen.js

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - BoxProps
  *
- * @codegen <<SignedSource::2aa8902478f587c656a335fdbf945043>>
+ * @codegen <<SignedSource::2576658a875b738553fdb3ccfa41acd1>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::8e5857e8580db0dac17ebc42ab6115c9>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/index.tsx <<SignedSource::6b375bb57ecf19919f9e1b65e899fd96>>
  */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
 

package/dist/types/components/__generated__/BoxProps.codegen.d.ts

@@ -3,12 +3,12 @@
  *
  * Extract component prop types from UIKit 2 components - BoxProps
  *
- * @codegen <<SignedSource::2aa8902478f587c656a335fdbf945043>>
+ * @codegen <<SignedSource::2576658a875b738553fdb3ccfa41acd1>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::8e5857e8580db0dac17ebc42ab6115c9>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/index.tsx <<SignedSource::6b375bb57ecf19919f9e1b65e899fd96>>
  */
 import React from 'react';
-import { Box as PlatformBox } from '@atlaskit/primitives';
+import type { Box as PlatformBox } from '@atlaskit/primitives';
 import type * as CSS from 'csstype';
 import type { MediaQuery } from '@atlaskit/primitives';
 import { tokensMap } from '@atlaskit/primitives';
@@ -1525,6 +1525,20 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
 type XCSSProp = ReturnType<typeof xcssValidator>;
 type PlatformBoxProps = React.ComponentProps<typeof PlatformBox>;
 export type BoxProps = Pick<PlatformBoxProps, 'children' | 'ref' | 'testId'> & {
+    /**
+     * A token alias for background color. See: [Design tokens](https://atlassian.design/components/tokens/all-tokens)
+     * for a list of available colors.
+     *
+     * When the background color is set to a surface token, the current surface CSS variable
+     * will also be set to this value in the `Box` styles.
+     *
+     * @type [Background color tokens](https://atlassian.design/components/tokens/all-tokens#color-background)
+     */
+    backgroundColor?: PlatformBoxProps['backgroundColor'];
+    /**
+     * @type ForgeComponent
+     */
+    children?: PlatformBoxProps['children'];
     /**
      * A shorthand for `paddingBlock` and `paddingInline` together.
      *
@@ -1538,17 +1552,17 @@ export type BoxProps = Pick<PlatformBoxProps, 'children' | 'ref' | 'testId'> & {
      */
     paddingBlock?: PlatformBoxProps['paddingBlock'];
     /**
-     * The logical block start padding of an element.
+     * The logical block end padding of an element.
      *
      * @type [Space tokens](https://atlassian.design/components/tokens/all-tokens#space)
      */
-    paddingBlockStart?: PlatformBoxProps['paddingBlockStart'];
+    paddingBlockEnd?: PlatformBoxProps['paddingBlockEnd'];
     /**
-     * The logical block end padding of an element.
+     * The logical block start padding of an element.
      *
      * @type [Space tokens](https://atlassian.design/components/tokens/all-tokens#space)
      */
-    paddingBlockEnd?: PlatformBoxProps['paddingBlockEnd'];
+    paddingBlockStart?: PlatformBoxProps['paddingBlockStart'];
     /**
      * The logical inline start and end padding of an element.
      *
@@ -1568,15 +1582,11 @@ export type BoxProps = Pick<PlatformBoxProps, 'children' | 'ref' | 'testId'> & {
      */
     paddingInlineStart?: PlatformBoxProps['paddingInlineStart'];
     /**
-     * A token alias for background color. See: [Design tokens](https://atlassian.design/components/tokens/all-tokens)
-     * for a list of available colors.
-     *
-     * When the background color is set to a surface token, the current surface CSS variable
-     * will also be set to this value in the `Box` styles.
+     * Accessible role.
      *
-     * @type [Background color tokens](https://atlassian.design/components/tokens/all-tokens#color-background)
+     * @type string
      */
-    backgroundColor?: PlatformBoxProps['backgroundColor'];
+    role?: PlatformBoxProps['role'];
     /**
      * Apply a subset of permitted styles, powered by Atlassian Design System tokens.
      * For a list of supported style properties on this component, see [here](https://developer.atlassian.com/platform/forge/ui-kit/components/xcss).
@@ -1584,14 +1594,6 @@ export type BoxProps = Pick<PlatformBoxProps, 'children' | 'ref' | 'testId'> & {
      * @type XCSSProp
      */
     xcss?: XCSSProp;
-    /**
-     * @type string
-     */
-    role?: PlatformBoxProps['role'];
-    /**
-     * @type ForgeComponent
-     */
-    children?: PlatformBoxProps['children'];
 };
 /**
  * A box is a generic container that provides managed access to design tokens.

package/dist/types-ts4.5/components/__generated__/BoxProps.codegen.d.ts

@@ -3,12 +3,12 @@
  *
  * Extract component prop types from UIKit 2 components - BoxProps
  *
- * @codegen <<SignedSource::2aa8902478f587c656a335fdbf945043>>
+ * @codegen <<SignedSource::2576658a875b738553fdb3ccfa41acd1>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::8e5857e8580db0dac17ebc42ab6115c9>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/index.tsx <<SignedSource::6b375bb57ecf19919f9e1b65e899fd96>>
  */
 import React from 'react';
-import { Box as PlatformBox } from '@atlaskit/primitives';
+import type { Box as PlatformBox } from '@atlaskit/primitives';
 import type * as CSS from 'csstype';
 import type { MediaQuery } from '@atlaskit/primitives';
 import { tokensMap } from '@atlaskit/primitives';
@@ -1525,6 +1525,20 @@ declare const xcssValidator: (styleObj: SafeCSSObject<keyof CSSProperties, keyof
 type XCSSProp = ReturnType<typeof xcssValidator>;
 type PlatformBoxProps = React.ComponentProps<typeof PlatformBox>;
 export type BoxProps = Pick<PlatformBoxProps, 'children' | 'ref' | 'testId'> & {
+    /**
+     * A token alias for background color. See: [Design tokens](https://atlassian.design/components/tokens/all-tokens)
+     * for a list of available colors.
+     *
+     * When the background color is set to a surface token, the current surface CSS variable
+     * will also be set to this value in the `Box` styles.
+     *
+     * @type [Background color tokens](https://atlassian.design/components/tokens/all-tokens#color-background)
+     */
+    backgroundColor?: PlatformBoxProps['backgroundColor'];
+    /**
+     * @type ForgeComponent
+     */
+    children?: PlatformBoxProps['children'];
     /**
      * A shorthand for `paddingBlock` and `paddingInline` together.
      *
@@ -1538,17 +1552,17 @@ export type BoxProps = Pick<PlatformBoxProps, 'children' | 'ref' | 'testId'> & {
      */
     paddingBlock?: PlatformBoxProps['paddingBlock'];
     /**
-     * The logical block start padding of an element.
+     * The logical block end padding of an element.
      *
      * @type [Space tokens](https://atlassian.design/components/tokens/all-tokens#space)
      */
-    paddingBlockStart?: PlatformBoxProps['paddingBlockStart'];
+    paddingBlockEnd?: PlatformBoxProps['paddingBlockEnd'];
     /**
-     * The logical block end padding of an element.
+     * The logical block start padding of an element.
      *
      * @type [Space tokens](https://atlassian.design/components/tokens/all-tokens#space)
      */
-    paddingBlockEnd?: PlatformBoxProps['paddingBlockEnd'];
+    paddingBlockStart?: PlatformBoxProps['paddingBlockStart'];
     /**
      * The logical inline start and end padding of an element.
      *
@@ -1568,15 +1582,11 @@ export type BoxProps = Pick<PlatformBoxProps, 'children' | 'ref' | 'testId'> & {
      */
     paddingInlineStart?: PlatformBoxProps['paddingInlineStart'];
     /**
-     * A token alias for background color. See: [Design tokens](https://atlassian.design/components/tokens/all-tokens)
-     * for a list of available colors.
-     *
-     * When the background color is set to a surface token, the current surface CSS variable
-     * will also be set to this value in the `Box` styles.
+     * Accessible role.
      *
-     * @type [Background color tokens](https://atlassian.design/components/tokens/all-tokens#color-background)
+     * @type string
      */
-    backgroundColor?: PlatformBoxProps['backgroundColor'];
+    role?: PlatformBoxProps['role'];
     /**
      * Apply a subset of permitted styles, powered by Atlassian Design System tokens.
      * For a list of supported style properties on this component, see [here](https://developer.atlassian.com/platform/forge/ui-kit/components/xcss).
@@ -1584,14 +1594,6 @@ export type BoxProps = Pick<PlatformBoxProps, 'children' | 'ref' | 'testId'> & {
      * @type XCSSProp
      */
     xcss?: XCSSProp;
-    /**
-     * @type string
-     */
-    role?: PlatformBoxProps['role'];
-    /**
-     * @type ForgeComponent
-     */
-    children?: PlatformBoxProps['children'];
 };
 /**
  * A box is a generic container that provides managed access to design tokens.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/forge-react-types",
-	"version": "0.48.0",
+	"version": "0.49.0",
 	"description": "Component types for Forge UI Kit React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -25,12 +25,12 @@
 		"@atlaskit/comment": "^13.1.0",
 		"@atlaskit/datetime-picker": "^17.1.0",
 		"@atlaskit/dynamic-table": "^18.3.0",
-		"@atlaskit/form": "^14.2.0",
+		"@atlaskit/form": "^14.3.0",
 		"@atlaskit/inline-edit": "^15.3.0",
 		"@atlaskit/modal-dialog": "^14.7.0",
-		"@atlaskit/navigation-system": "^5.5.0",
+		"@atlaskit/navigation-system": "^5.9.0",
 		"@atlaskit/popup": "^4.6.0",
-		"@atlaskit/primitives": "^16.1.0",
+		"@atlaskit/primitives": "^16.4.0",
 		"@atlaskit/progress-bar": "^4.0.0",
 		"@atlaskit/progress-tracker": "^10.3.0",
 		"@atlaskit/radio": "^8.3.0",
@@ -43,8 +43,8 @@
 		"@atlaskit/textarea": "^8.1.0",
 		"@atlaskit/textfield": "^8.1.0",
 		"@atlaskit/toggle": "^15.1.0",
-		"@atlaskit/tokens": "^8.0.0",
-		"@atlaskit/tooltip": "^20.8.0",
+		"@atlaskit/tokens": "^8.3.0",
+		"@atlaskit/tooltip": "^20.10.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
@@ -52,7 +52,7 @@
 	},
 	"devDependencies": {
 		"@atlassian/codegen": "^0.1.0",
-		"@atlassian/forge-ui": "^32.48.0",
+		"@atlassian/forge-ui": "^32.49.0",
 		"@types/node": "~22.17.1",
 		"lodash": "^4.17.21",
 		"react": "^18.2.0",

package/scripts/codegen/codeGenerator.ts

@@ -195,6 +195,7 @@ class ImportDeclarationProxy implements IImportDeclaration {
 			.map((text) => text.trim());
 
 		if (isSharedUIKit2TypesImport(this.base)) {
+			// Map shared UIKit type imports to types.codegen
 			packageName = './types.codegen';
 		}
 
@@ -245,12 +246,11 @@ class SimpleImportDeclaration implements IImportDeclaration {
 
 // handles type imports from platform/packages/forge/forge-ui/src/components/UIKit/types.ts
 const isSharedUIKit2TypesImport = (importDeclaration: ImportDeclaration) => {
+	const fileName = importDeclaration.getModuleSpecifierValue().split('/').pop();
 	return (
 		importDeclaration.isTypeOnly() &&
-		// file is a relative import
 		importDeclaration.getModuleSpecifierValue().charAt(0) === '.' &&
-		// file is named types
-		importDeclaration.getModuleSpecifierValue().split('/').pop() === 'types'
+		fileName === 'types'
 	);
 };
 

package/scripts/codegen/componentPropTypes.ts

@@ -221,7 +221,7 @@ const generateComponentPropTypes = (componentNames?: string) => {
 			})
 			.sort((a, b) => a.getName().localeCompare(b.getName()));
 
-		// generate share types file first
+		// generate shared files first
 		generateSharedTypesFile(componentOutputDir);
 
 		generateComponentPropTypeSourceFiles(componentOutputDir, componentPropTypeSymbols);

package/src/components/__generated__/BoxProps.codegen.tsx

@@ -3,14 +3,14 @@
  *
  * Extract component prop types from UIKit 2 components - BoxProps
  *
- * @codegen <<SignedSource::2aa8902478f587c656a335fdbf945043>>
+ * @codegen <<SignedSource::2576658a875b738553fdb3ccfa41acd1>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::8e5857e8580db0dac17ebc42ab6115c9>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/index.tsx <<SignedSource::6b375bb57ecf19919f9e1b65e899fd96>>
  */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
 
 import React from 'react';
-import { Box as PlatformBox } from '@atlaskit/primitives';
+import type { Box as PlatformBox } from '@atlaskit/primitives';
 
 import type * as CSS from 'csstype';
 import type { MediaQuery } from '@atlaskit/primitives';
@@ -207,6 +207,22 @@ type XCSSProp = ReturnType<typeof xcssValidator>;
 type PlatformBoxProps = React.ComponentProps<typeof PlatformBox>;
 
 export type BoxProps = Pick<PlatformBoxProps, 'children' | 'ref' | 'testId'> & {
+	/**
+	 * A token alias for background color. See: [Design tokens](https://atlassian.design/components/tokens/all-tokens)
+	 * for a list of available colors.
+	 *
+	 * When the background color is set to a surface token, the current surface CSS variable
+	 * will also be set to this value in the `Box` styles.
+	 *
+	 * @type [Background color tokens](https://atlassian.design/components/tokens/all-tokens#color-background)
+	 */
+	backgroundColor?: PlatformBoxProps['backgroundColor'];
+
+	/**
+	 * @type ForgeComponent
+	 */
+	children?: PlatformBoxProps['children'];
+
 	/**
 	 * A shorthand for `paddingBlock` and `paddingInline` together.
 	 *
@@ -222,18 +238,18 @@ export type BoxProps = Pick<PlatformBoxProps, 'children' | 'ref' | 'testId'> & {
 	paddingBlock?: PlatformBoxProps['paddingBlock'];
 
 	/**
-	 * The logical block start padding of an element.
+	 * The logical block end padding of an element.
 	 *
 	 * @type [Space tokens](https://atlassian.design/components/tokens/all-tokens#space)
 	 */
-	paddingBlockStart?: PlatformBoxProps['paddingBlockStart'];
+	paddingBlockEnd?: PlatformBoxProps['paddingBlockEnd'];
 
 	/**
-	 * The logical block end padding of an element.
+	 * The logical block start padding of an element.
 	 *
 	 * @type [Space tokens](https://atlassian.design/components/tokens/all-tokens#space)
 	 */
-	paddingBlockEnd?: PlatformBoxProps['paddingBlockEnd'];
+	paddingBlockStart?: PlatformBoxProps['paddingBlockStart'];
 
 	/**
 	 * The logical inline start and end padding of an element.
@@ -257,15 +273,11 @@ export type BoxProps = Pick<PlatformBoxProps, 'children' | 'ref' | 'testId'> & {
 	paddingInlineStart?: PlatformBoxProps['paddingInlineStart'];
 
 	/**
-	 * A token alias for background color. See: [Design tokens](https://atlassian.design/components/tokens/all-tokens)
-	 * for a list of available colors.
+	 * Accessible role.
 	 *
-	 * When the background color is set to a surface token, the current surface CSS variable
-	 * will also be set to this value in the `Box` styles.
-	 *
-	 * @type [Background color tokens](https://atlassian.design/components/tokens/all-tokens#color-background)
+	 * @type string
 	 */
-	backgroundColor?: PlatformBoxProps['backgroundColor'];
+	role?: PlatformBoxProps['role'];
 
 	/**
 	 * Apply a subset of permitted styles, powered by Atlassian Design System tokens.
@@ -274,16 +286,6 @@ export type BoxProps = Pick<PlatformBoxProps, 'children' | 'ref' | 'testId'> & {
 	 * @type XCSSProp
 	 */
 	xcss?: XCSSProp;
-
-	/**
-	 * @type string
-	 */
-	role?: PlatformBoxProps['role'];
-
-	/**
-	 * @type ForgeComponent
-	 */
-	children?: PlatformBoxProps['children'];
 };
 
 /**