@atlaskit/form 15.5.1 → 15.5.3

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/form
 
+## 15.5.3
+
+### Patch Changes
+
+- [`02483200273ec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/02483200273ec) -
+  Enrol all Design System UI packages into the React Compiler with platform gating via
+  isReactCompilerActivePlatform.
+- Updated dependencies
+
+## 15.5.2
+
+### Patch Changes
+
+- [`22bf79dbdcdca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/22bf79dbdcdca) -
+  Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
+- Updated dependencies
+
 ## 15.5.1
 
 ### Patch Changes

package/codemods/migrate-data-testid-to-testid-prop.tsx

@@ -7,13 +7,11 @@ import {
 } from 'jscodeshift';
 import { type Collection } from 'jscodeshift/src/Collection';
 
-import {
-	addJSXAttributeToJSXElement,
-	getImportDeclarationCollection,
-	getImportDefaultSpecifierCollection,
-	getImportDefaultSpecifierName,
-	hasImportDeclaration,
-} from './utils/helpers';
+import { addJSXAttributeToJSXElement } from './utils/add-jsx-attribute-to-jsx-element';
+import { getImportDeclarationCollection } from './utils/get-import-declaration-collection';
+import { getImportDefaultSpecifierCollection } from './utils/get-import-default-specifier-collection';
+import { getImportDefaultSpecifierName } from './utils/get-import-default-specifier-name';
+import { hasImportDeclaration } from './utils/has-import-declaration';
 
 const importPath = '@atlaskit/form';
 

package/codemods/utils/add-jsx-attribute-to-jsx-element.tsx

@@ -0,0 +1,21 @@
+import { type ASTPath, type JSCodeshift, type JSXAttribute, type JSXElement } from 'jscodeshift';
+
+export const addJSXAttributeToJSXElement: (
+	j: JSCodeshift,
+	jsxElementPath: ASTPath<JSXElement>,
+	jsxAttribute: JSXAttribute,
+	limit?: number,
+) => void = (
+	j: JSCodeshift,
+	jsxElementPath: ASTPath<JSXElement>,
+	jsxAttribute: JSXAttribute,
+	limit?: number,
+) => {
+	j(jsxElementPath)
+		.find(j.JSXOpeningElement)
+		.forEach((openingElement, i) => {
+			if (!limit || i < limit) {
+				openingElement.node.attributes?.push(jsxAttribute);
+			}
+		});
+};

package/codemods/utils/create-remove-func-for.tsx

@@ -0,0 +1,30 @@
+import { type JSCodeshift } from 'jscodeshift';
+import { type Collection } from 'jscodeshift/src/Collection';
+
+import { addCommentToStartOfFile, getNamedSpecifier } from '@atlaskit/codemod-utils';
+
+import { getJSXAttributesByName } from './get-jsx-attributes-by-name';
+
+export const createRemoveFuncFor: (
+	component: string,
+	importName: string,
+	prop: string,
+	comment?: string,
+) => (j: JSCodeshift, source: Collection<Node>) => void =
+	(component: string, importName: string, prop: string, comment?: string) =>
+	(j: JSCodeshift, source: Collection<Node>) => {
+		const specifier = getNamedSpecifier(j, source, component, importName);
+
+		if (!specifier) {
+			return;
+		}
+
+		source.findJSXElements(specifier).forEach((element) => {
+			getJSXAttributesByName(j, element, prop).forEach((attribute: any) => {
+				j(attribute).remove();
+				if (comment) {
+					addCommentToStartOfFile({ j, base: source, message: comment });
+				}
+			});
+		});
+	};

package/codemods/utils/get-dynamic-import-collection.tsx

@@ -0,0 +1,40 @@
+import { type CallExpression, type JSCodeshift } from 'jscodeshift';
+import { type Collection } from 'jscodeshift/src/Collection';
+
+function isCallExpressionCalleeImportType(callee: CallExpression['callee']) {
+	return callee && callee.type === 'Import';
+}
+
+function isCallExpressionArgumentStringLiteralType(
+	callExpressionArguments: CallExpression['arguments'],
+) {
+	return (
+		callExpressionArguments &&
+		callExpressionArguments.length &&
+		callExpressionArguments[0].type === 'StringLiteral'
+	);
+}
+
+function isCallExpressionArgumentValueMatches(
+	callExpressionArgument: CallExpression['arguments'][0],
+	j: JSCodeshift,
+	value: string,
+) {
+	return j(callExpressionArgument).some((path) => path.node.value === value);
+}
+
+export function getDynamicImportCollection(
+	j: JSCodeshift,
+	collection: Collection<any>,
+	importPath: string,
+): Collection<CallExpression> {
+	return collection.find(j.CallExpression).filter((callExpressionPath) => {
+		const { callee, arguments: callExpressionArguments } = callExpressionPath.node;
+
+		return !!(
+			isCallExpressionCalleeImportType(callee) &&
+			isCallExpressionArgumentStringLiteralType(callExpressionArguments) &&
+			isCallExpressionArgumentValueMatches(callExpressionArguments[0], j, importPath)
+		);
+	});
+}

package/codemods/utils/get-import-declaration-collection.tsx

@@ -0,0 +1,12 @@
+import { type ImportDeclaration, type JSCodeshift } from 'jscodeshift';
+import { type Collection } from 'jscodeshift/src/Collection';
+
+export function getImportDeclarationCollection(
+	j: JSCodeshift,
+	collection: Collection<any>,
+	importPath: string,
+): Collection<ImportDeclaration> {
+	return collection
+		.find(j.ImportDeclaration)
+		.filter((importDeclarationPath) => importDeclarationPath.node.source.value === importPath);
+}

package/codemods/utils/get-import-default-specifier-collection.tsx

@@ -0,0 +1,9 @@
+import { type ImportDeclaration, type ImportDefaultSpecifier, type JSCodeshift } from 'jscodeshift';
+import { type Collection } from 'jscodeshift/src/Collection';
+
+export function getImportDefaultSpecifierCollection(
+	j: JSCodeshift,
+	importDeclarationCollection: Collection<ImportDeclaration>,
+): Collection<ImportDefaultSpecifier> {
+	return importDeclarationCollection.find(j.ImportDefaultSpecifier);
+}

package/codemods/utils/get-import-default-specifier-name.tsx

@@ -0,0 +1,12 @@
+import { type ImportDefaultSpecifier } from 'jscodeshift';
+import { type Collection } from 'jscodeshift/src/Collection';
+
+export function getImportDefaultSpecifierName(
+	importSpecifierCollection: Collection<ImportDefaultSpecifier>,
+): string | null {
+	if (importSpecifierCollection.length === 0) {
+		return null;
+	}
+
+	return importSpecifierCollection.nodes()[0]!.local!.name;
+}

package/codemods/utils/get-import-specifier-collection.tsx

@@ -0,0 +1,12 @@
+import { type ImportDeclaration, type ImportSpecifier, type JSCodeshift } from 'jscodeshift';
+import { type Collection } from 'jscodeshift/src/Collection';
+
+export function getImportSpecifierCollection(
+	j: JSCodeshift,
+	importDeclarationCollection: Collection<ImportDeclaration>,
+	importName: string,
+): Collection<ImportSpecifier> {
+	return importDeclarationCollection
+		.find(j.ImportSpecifier)
+		.filter((importSpecifierPath) => importSpecifierPath.node.imported.name === importName);
+}

package/codemods/utils/get-import-specifier-name.tsx

@@ -0,0 +1,12 @@
+import { type ImportSpecifier } from 'jscodeshift';
+import { type Collection } from 'jscodeshift/src/Collection';
+
+export function getImportSpecifierName(
+	importSpecifierCollection: Collection<ImportSpecifier>,
+): string | null {
+	if (importSpecifierCollection.length === 0) {
+		return null;
+	}
+
+	return importSpecifierCollection.nodes()[0]!.local!.name;
+}

package/codemods/utils/get-jsx-attribute-by-name.tsx

@@ -0,0 +1,15 @@
+import { type ASTPath, type JSCodeshift, type JSXAttribute, type JSXElement } from 'jscodeshift';
+
+export const getJSXAttributeByName: (
+	j: JSCodeshift,
+	jsxElementPath: ASTPath<JSXElement>,
+	attributeName: string,
+) => JSXAttribute | undefined = (
+	j: JSCodeshift,
+	jsxElementPath: ASTPath<JSXElement>,
+	attributeName: string,
+): JSXAttribute | undefined => {
+	const attributes: JSXAttribute[] = j(jsxElementPath).find(j.JSXAttribute).nodes();
+
+	return attributes?.find((attr) => attr.name && attr.name.name === attributeName);
+};

package/codemods/utils/get-jsx-attributes-by-name.tsx

@@ -0,0 +1,17 @@
+import { type ASTPath, type JSCodeshift, type JSXAttribute, type JSXElement } from 'jscodeshift';
+import { type Collection } from 'jscodeshift/src/Collection';
+
+export function getJSXAttributesByName(
+	j: JSCodeshift,
+	jsxElementPath: ASTPath<JSXElement>,
+	attributeName: string,
+): Collection<JSXAttribute> {
+	return j(jsxElementPath)
+		.find(j.JSXOpeningElement)
+		.find(j.JSXAttribute)
+		.filter((jsxAttributePath) =>
+			j(jsxAttributePath)
+				.find(j.JSXIdentifier)
+				.some((jsxIdentifierPath) => jsxIdentifierPath.node.name === attributeName),
+		);
+}

package/codemods/utils/get-jsx-attributes.tsx

@@ -0,0 +1,5 @@
+import { type ASTPath, type JSXAttribute, type JSXElement } from 'jscodeshift';
+
+export const getJSXAttributes: (jsxElementPath: ASTPath<JSXElement>) => JSXAttribute[] = (
+	jsxElementPath: ASTPath<JSXElement>,
+) => jsxElementPath.node.openingElement.attributes as JSXAttribute[];

package/codemods/utils/get-jsx-spread-identifier-attributes-by-name.tsx

@@ -0,0 +1,37 @@
+import { type ASTPath, type JSCodeshift, type JSXElement, type ObjectProperty } from 'jscodeshift';
+import { type Collection } from 'jscodeshift/src/Collection';
+
+export function getJSXSpreadIdentifierAttributesByName(
+	j: JSCodeshift,
+	collection: Collection<any>,
+	jsxElementPath: ASTPath<JSXElement>,
+	attributeName: string,
+): Collection<ObjectProperty> | null {
+	const identifierCollection = j(jsxElementPath)
+		.find(j.JSXOpeningElement)
+		.find(j.JSXSpreadAttribute)
+		.filter((jsxSpreadAttributePath) => jsxSpreadAttributePath.node.argument.type === 'Identifier')
+		.find(j.Identifier);
+
+	if (identifierCollection.length === 0) {
+		return null;
+	}
+
+	return collection
+		.find(j.VariableDeclarator)
+		.filter((variableDeclaratorPath) => {
+			const { id } = variableDeclaratorPath.node;
+
+			return (
+				id.type === 'Identifier' &&
+				identifierCollection.some((identifierPath) => identifierPath.node.name === id.name)
+			);
+		})
+		.find(j.ObjectExpression)
+		.find(j.ObjectProperty)
+		.filter((objectPropertyPath) =>
+			j(objectPropertyPath)
+				.find(j.Identifier)
+				.some((identifierPath) => identifierPath.node.name === attributeName),
+		);
+}

package/codemods/utils/get-jsx-spread-object-expression-attributes-by-name.tsx

@@ -0,0 +1,19 @@
+import { type ASTPath, type JSCodeshift, type JSXElement, type ObjectProperty } from 'jscodeshift';
+import { type Collection } from 'jscodeshift/src/Collection';
+
+export function getJSXSpreadObjectExpressionAttributesByName(
+	j: JSCodeshift,
+	jsxElementPath: ASTPath<JSXElement>,
+	attributeName: string,
+): Collection<ObjectProperty> {
+	return j(jsxElementPath)
+		.find(j.JSXOpeningElement)
+		.find(j.JSXSpreadAttribute)
+		.find(j.ObjectExpression)
+		.find(j.ObjectProperty)
+		.filter((objectPropertyPath) =>
+			j(objectPropertyPath)
+				.find(j.Identifier)
+				.some((identifierPath) => identifierPath.node.name === attributeName),
+		);
+}

package/codemods/utils/has-dynamic-import.tsx

@@ -0,0 +1,12 @@
+import { type JSCodeshift } from 'jscodeshift';
+import { type Collection } from 'jscodeshift/src/Collection';
+
+import { getDynamicImportCollection } from './get-dynamic-import-collection';
+
+export function hasDynamicImport(
+	j: JSCodeshift,
+	collection: Collection<any>,
+	importPath: string,
+): boolean {
+	return getDynamicImportCollection(j, collection, importPath).length > 0;
+}

package/codemods/utils/has-import-declaration.tsx

@@ -0,0 +1,12 @@
+import { type JSCodeshift } from 'jscodeshift';
+import { type Collection } from 'jscodeshift/src/Collection';
+
+import { getImportDeclarationCollection } from './get-import-declaration-collection';
+
+export function hasImportDeclaration(
+	j: JSCodeshift,
+	collection: Collection<any>,
+	importPath: string,
+): boolean {
+	return getImportDeclarationCollection(j, collection, importPath).length > 0;
+}

package/codemods/utils/is-class-declaration-identifier-present.tsx

@@ -0,0 +1,14 @@
+import { type Identifier, type JSCodeshift } from 'jscodeshift';
+import { type Collection } from 'jscodeshift/src/Collection';
+
+export function isClassDeclarationIdentifierPresent(
+	j: JSCodeshift,
+	collection: Collection<any>,
+	variableName: string,
+): boolean {
+	return collection.find(j.ClassDeclaration).some((classDeclarationPath) => {
+		const { id } = classDeclarationPath.node;
+
+		return !!(id && id.type === 'Identifier' && (id as Identifier).name === variableName);
+	});
+}

package/codemods/utils/is-function-declaration-identifier-present.tsx

@@ -0,0 +1,14 @@
+import { type Identifier, type JSCodeshift } from 'jscodeshift';
+import { type Collection } from 'jscodeshift/src/Collection';
+
+export function isFunctionDeclarationIdentifierPresent(
+	j: JSCodeshift,
+	collection: Collection<any>,
+	variableName: string,
+): boolean {
+	return collection.find(j.FunctionDeclaration).some((functionDeclarationPath) => {
+		const { id } = functionDeclarationPath.node;
+
+		return !!(id && id.type === 'Identifier' && (id as Identifier).name === variableName);
+	});
+}

package/codemods/utils/is-import-declaration-identifier-present.tsx

@@ -0,0 +1,13 @@
+import { type JSCodeshift } from 'jscodeshift';
+import { type Collection } from 'jscodeshift/src/Collection';
+
+export function isImportDeclarationIdentifierPresent(
+	j: JSCodeshift,
+	collection: Collection<any>,
+	variableName: string,
+): boolean {
+	return collection
+		.find(j.ImportDeclaration)
+		.find(j.Identifier)
+		.some((identifierPath) => identifierPath.node.name === variableName);
+}

package/codemods/utils/is-variable-declarator-identifier-present.tsx

@@ -0,0 +1,17 @@
+import { type Identifier, type JSCodeshift } from 'jscodeshift';
+import { type Collection } from 'jscodeshift/src/Collection';
+
+export function isVariableDeclaratorIdentifierPresent(
+	j: JSCodeshift,
+	collection: Collection<any>,
+	variableName: string,
+): boolean {
+	return collection
+		.find(j.VariableDeclaration)
+		.find(j.VariableDeclarator)
+		.some((variableDeclaratorPath) => {
+			const { id } = variableDeclaratorPath.node;
+
+			return !!(id && id.type === 'Identifier' && (id as Identifier).name === variableName);
+		});
+}

package/codemods/utils/remove-jsx-attribute-by-name.tsx

@@ -0,0 +1,16 @@
+import { type ASTPath, type JSCodeshift, type JSXElement } from 'jscodeshift';
+
+import { getJSXAttributeByName } from './get-jsx-attribute-by-name';
+import { getJSXAttributes } from './get-jsx-attributes';
+
+export const removeJSXAttributeByName: (
+	j: JSCodeshift,
+	jsxElementPath: ASTPath<JSXElement>,
+	attrName: string,
+) => void = (j: JSCodeshift, jsxElementPath: ASTPath<JSXElement>, attrName: string) => {
+	const attributes = getJSXAttributes(jsxElementPath);
+	const attr = getJSXAttributeByName(j, jsxElementPath, attrName);
+	if (attr) {
+		attributes?.splice(attributes.indexOf(attr), 1);
+	}
+};

package/codemods/utils/remove-jsx-attribute-object-property-by-name.tsx

@@ -0,0 +1,58 @@
+import {
+	type ASTPath,
+	type Identifier,
+	type JSCodeshift,
+	type JSXElement,
+	type StringLiteral,
+} from 'jscodeshift';
+
+import { getJSXAttributeByName } from './get-jsx-attribute-by-name';
+import { getJSXAttributesByName } from './get-jsx-attributes-by-name';
+import { removeJSXAttributeByName } from './remove-jsx-attribute-by-name';
+
+export const removeJSXAttributeObjectPropertyByName: (
+	j: JSCodeshift,
+	jsxElementPath: ASTPath<JSXElement>,
+	attrName: string,
+	propertyToRemove: string,
+) => void = (
+	j: JSCodeshift,
+	jsxElementPath: ASTPath<JSXElement>,
+	attrName: string,
+	propertyToRemove: string,
+) => {
+	const attr = getJSXAttributeByName(j, jsxElementPath, attrName);
+
+	if (!attr) {
+		return;
+	}
+
+	const attrCollection = getJSXAttributesByName(j, jsxElementPath, attrName);
+
+	const removeMatchingNodes = (p: ASTPath<Identifier | StringLiteral>) => {
+		const name = p.node.type === 'Identifier' ? p.node?.name : p.node?.value;
+		// Need to account for quoted properties
+		const nameMatches = propertyToRemove.match(new RegExp(`['"]?${name}['"]?`));
+		// This will otherwise try to remove values of properties since they are literals
+		const isKey = p.parent.value?.type === 'ObjectProperty';
+		// Sorry about all the parents. This is the easiest way to get the name
+		// of the attribute name. And I always know the depth of the object
+		// property here.
+		const parentNameMatches = attrName === p.parent.parent.parent.parent.node?.name?.name;
+		if (isKey && nameMatches && parentNameMatches) {
+			j(p.parent).remove();
+		}
+	};
+
+	// Remove all the now migrated object properties
+	const objectProperties = attrCollection.find(j.ObjectProperty);
+	objectProperties.find(j.Identifier).forEach(removeMatchingNodes);
+	objectProperties.find(j.StringLiteral).forEach(removeMatchingNodes);
+
+	// @ts-ignore -- Property 'expression' does not exist on type 'LiteralKind | JSXElement | JSXExpressionContainer | JSXFragment'. Property 'expression' does not exist on type 'Literal'.
+	const attrProperties = attr.value?.expression.properties;
+
+	if (attrProperties && attrProperties?.length === 0) {
+		removeJSXAttributeByName(j, jsxElementPath, attrName);
+	}
+};

package/dist/cjs/character-counter.compiled.css

@@ -3,4 +3,4 @@
 ._1pfh1b66{margin-block-start:var(--ds-space-050,4px)}
 ._4cvr1h6o{align-items:center}
 ._4t3i7vkz{height:1pc}
-._syaze6sf{color:var(--ds-text-danger,#ae2a19)}
+._syaz1tmw{color:var(--ds-text-danger,#ae2e24)}

package/dist/cjs/character-counter.js

@@ -19,7 +19,7 @@ var _fieldIdContext = require("./field-id-context");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // Extracted styles for character counter message container
 var messageContainerStyles = {
-  root: "_11c8wadc _syaze6sf _1pfh1b66"
+  root: "_11c8wadc _syaz1tmw _1pfh1b66"
 };
 
 // Extracted styles for error icon wrapper, need to use css to override the default height

package/dist/cjs/messages.compiled.css

@@ -5,6 +5,6 @@
 ._1pfh1b66{margin-block-start:var(--ds-space-050,4px)}
 ._4cvr1h6o{align-items:center}
 ._4t3i7vkz{height:1pc}
-._syaz1wmz{color:var(--ds-text-subtlest,#6b778c)}
-._syaze6sf{color:var(--ds-text-danger,#ae2a19)}
-._syazy73q{color:var(--ds-text-success,#216e4e)}
+._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
+._syaz1tmw{color:var(--ds-text-danger,#ae2e24)}
+._syazgsak{color:var(--ds-text-success,#4c6b1f)}

package/dist/cjs/messages.js

@@ -26,9 +26,9 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 
 var messageStyles = null;
 var messageAppearanceStyles = {
-  default: "_syaz1wmz",
-  error: "_syaze6sf",
-  valid: "_syazy73q"
+  default: "_syaz1rpy",
+  error: "_syaz1tmw",
+  valid: "_syazgsak"
 };
 var iconWrapperStyles = {
   root: "_1e0c1txw _4t3i7vkz _4cvr1h6o"

package/dist/cjs/required-asterisk.compiled.css

@@ -1,3 +1,3 @@
 ._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
 ._ect4ttxp{font-family:var(--ds-font-family-body,"Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._syaz1ick{color:var(--ds-text-danger,#de350b)}
+._syaz1tmw{color:var(--ds-text-danger,#ae2e24)}

package/dist/cjs/required-asterisk.js

@@ -15,6 +15,6 @@ function RequiredAsterisk() {
   return /*#__PURE__*/React.createElement("span", {
     "aria-hidden": "true",
     title: "required",
-    className: (0, _runtime.ax)(["_syaz1ick _ect4ttxp _bozgv77o"])
+    className: (0, _runtime.ax)(["_syaz1tmw _ect4ttxp _bozgv77o"])
   }, "*");
 }

package/dist/es2019/character-counter.compiled.css

@@ -3,4 +3,4 @@
 ._1pfh1b66{margin-block-start:var(--ds-space-050,4px)}
 ._4cvr1h6o{align-items:center}
 ._4t3i7vkz{height:1pc}
-._syaze6sf{color:var(--ds-text-danger,#ae2a19)}
+._syaz1tmw{color:var(--ds-text-danger,#ae2e24)}

package/dist/es2019/character-counter.js

@@ -10,7 +10,7 @@ import { FieldId } from './field-id-context';
 
 // Extracted styles for character counter message container
 const messageContainerStyles = {
-  root: "_11c8wadc _syaze6sf _1pfh1b66"
+  root: "_11c8wadc _syaz1tmw _1pfh1b66"
 };
 
 // Extracted styles for error icon wrapper, need to use css to override the default height

package/dist/es2019/messages.compiled.css

@@ -5,6 +5,6 @@
 ._1pfh1b66{margin-block-start:var(--ds-space-050,4px)}
 ._4cvr1h6o{align-items:center}
 ._4t3i7vkz{height:1pc}
-._syaz1wmz{color:var(--ds-text-subtlest,#6b778c)}
-._syaze6sf{color:var(--ds-text-danger,#ae2a19)}
-._syazy73q{color:var(--ds-text-success,#216e4e)}
+._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
+._syaz1tmw{color:var(--ds-text-danger,#ae2e24)}
+._syazgsak{color:var(--ds-text-success,#4c6b1f)}

package/dist/es2019/messages.js

@@ -17,9 +17,9 @@ import { FieldId } from './field-id-context';
 
 const messageStyles = null;
 const messageAppearanceStyles = {
-  default: "_syaz1wmz",
-  error: "_syaze6sf",
-  valid: "_syazy73q"
+  default: "_syaz1rpy",
+  error: "_syaz1tmw",
+  valid: "_syazgsak"
 };
 const iconWrapperStyles = {
   root: "_1e0c1txw _4t3i7vkz _4cvr1h6o"

package/dist/es2019/required-asterisk.compiled.css

@@ -1,3 +1,3 @@
 ._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
 ._ect4ttxp{font-family:var(--ds-font-family-body,"Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._syaz1ick{color:var(--ds-text-danger,#de350b)}
+._syaz1tmw{color:var(--ds-text-danger,#ae2e24)}

package/dist/es2019/required-asterisk.js

@@ -7,6 +7,6 @@ export default function RequiredAsterisk() {
   return /*#__PURE__*/React.createElement("span", {
     "aria-hidden": "true",
     title: "required",
-    className: ax(["_syaz1ick _ect4ttxp _bozgv77o"])
+    className: ax(["_syaz1tmw _ect4ttxp _bozgv77o"])
   }, "*");
 }

package/dist/esm/character-counter.compiled.css

@@ -3,4 +3,4 @@
 ._1pfh1b66{margin-block-start:var(--ds-space-050,4px)}
 ._4cvr1h6o{align-items:center}
 ._4t3i7vkz{height:1pc}
-._syaze6sf{color:var(--ds-text-danger,#ae2a19)}
+._syaz1tmw{color:var(--ds-text-danger,#ae2e24)}

package/dist/esm/character-counter.js

@@ -11,7 +11,7 @@ import { FieldId } from './field-id-context';
 
 // Extracted styles for character counter message container
 var messageContainerStyles = {
-  root: "_11c8wadc _syaze6sf _1pfh1b66"
+  root: "_11c8wadc _syaz1tmw _1pfh1b66"
 };
 
 // Extracted styles for error icon wrapper, need to use css to override the default height

package/dist/esm/messages.compiled.css

@@ -5,6 +5,6 @@
 ._1pfh1b66{margin-block-start:var(--ds-space-050,4px)}
 ._4cvr1h6o{align-items:center}
 ._4t3i7vkz{height:1pc}
-._syaz1wmz{color:var(--ds-text-subtlest,#6b778c)}
-._syaze6sf{color:var(--ds-text-danger,#ae2a19)}
-._syazy73q{color:var(--ds-text-success,#216e4e)}
+._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
+._syaz1tmw{color:var(--ds-text-danger,#ae2e24)}
+._syazgsak{color:var(--ds-text-success,#4c6b1f)}

package/dist/esm/messages.js

@@ -18,9 +18,9 @@ import { FieldId } from './field-id-context';
 
 var messageStyles = null;
 var messageAppearanceStyles = {
-  default: "_syaz1wmz",
-  error: "_syaze6sf",
-  valid: "_syazy73q"
+  default: "_syaz1rpy",
+  error: "_syaz1tmw",
+  valid: "_syazgsak"
 };
 var iconWrapperStyles = {
   root: "_1e0c1txw _4t3i7vkz _4cvr1h6o"

package/dist/esm/required-asterisk.compiled.css

@@ -1,3 +1,3 @@
 ._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
 ._ect4ttxp{font-family:var(--ds-font-family-body,"Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._syaz1ick{color:var(--ds-text-danger,#de350b)}
+._syaz1tmw{color:var(--ds-text-danger,#ae2e24)}

package/dist/esm/required-asterisk.js

@@ -7,6 +7,6 @@ export default function RequiredAsterisk() {
   return /*#__PURE__*/React.createElement("span", {
     "aria-hidden": "true",
     title: "required",
-    className: ax(["_syaz1ick _ect4ttxp _bozgv77o"])
+    className: ax(["_syaz1tmw _ect4ttxp _bozgv77o"])
   }, "*");
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/form",
-	"version": "15.5.1",
+	"version": "15.5.3",
 	"description": "A form allows people to input information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -18,6 +18,13 @@
 	"atlaskit:src": "src/index.tsx",
 	"atlaskit:designLink": "https://atlassian.design/patterns/forms",
 	"atlassian": {
+		"react-compiler": {
+			"enabled": true,
+			"gating": {
+				"source": "@atlassian/react-compiler-gating",
+				"importSpecifierName": "isReactCompilerActivePlatform"
+			}
+		},
 		"team": "Design System Team",
 		"website": {
 			"name": "Form",
@@ -56,7 +63,7 @@
 		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/lozenge": "^13.5.0",
 		"@atlaskit/modal-dialog": "^14.14.0",
-		"@atlaskit/radio": "^8.4.0",
+		"@atlaskit/radio": "^8.5.0",
 		"@atlaskit/range": "^10.0.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/select": "^21.10.0",
@@ -64,6 +71,7 @@
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/toggle": "^15.2.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
+		"@atlassian/react-compiler-gating": "workspace:^",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",
 		"@atlassian/testing-library": "^0.5.0",

package/codemods/utils/helpers.tsx

@@ -1,353 +0,0 @@
-import type {
-	ASTPath,
-	CallExpression,
-	default as core,
-	Identifier,
-	ImportDeclaration,
-	ImportDefaultSpecifier,
-	ImportSpecifier,
-	JSCodeshift,
-	JSXAttribute,
-	JSXElement,
-	ObjectProperty,
-	StringLiteral,
-} from 'jscodeshift';
-import { type Collection } from 'jscodeshift/src/Collection';
-
-import { addCommentToStartOfFile, getNamedSpecifier } from '@atlaskit/codemod-utils';
-
-export function hasImportDeclaration(
-	j: JSCodeshift,
-	collection: Collection<any>,
-	importPath: string,
-): boolean {
-	return getImportDeclarationCollection(j, collection, importPath).length > 0;
-}
-
-export function getImportDeclarationCollection(
-	j: JSCodeshift,
-	collection: Collection<any>,
-	importPath: string,
-): Collection<ImportDeclaration> {
-	return collection
-		.find(j.ImportDeclaration)
-		.filter((importDeclarationPath) => importDeclarationPath.node.source.value === importPath);
-}
-
-export function hasDynamicImport(
-	j: JSCodeshift,
-	collection: Collection<any>,
-	importPath: string,
-): boolean {
-	return getDynamicImportCollection(j, collection, importPath).length > 0;
-}
-
-export function getDynamicImportCollection(
-	j: JSCodeshift,
-	collection: Collection<any>,
-	importPath: string,
-): Collection<CallExpression> {
-	return collection.find(j.CallExpression).filter((callExpressionPath) => {
-		const { callee, arguments: callExpressionArguments } = callExpressionPath.node;
-
-		return !!(
-			isCallExpressionCalleeImportType(callee) &&
-			isCallExpressionArgumentStringLiteralType(callExpressionArguments) &&
-			isCallExpressionArgumentValueMatches(callExpressionArguments[0], j, importPath)
-		);
-	});
-}
-function isCallExpressionCalleeImportType(callee: CallExpression['callee']) {
-	return callee && callee.type === 'Import';
-}
-function isCallExpressionArgumentStringLiteralType(
-	callExpressionArguments: CallExpression['arguments'],
-) {
-	return (
-		callExpressionArguments &&
-		callExpressionArguments.length &&
-		callExpressionArguments[0].type === 'StringLiteral'
-	);
-}
-function isCallExpressionArgumentValueMatches(
-	callExpressionArgument: CallExpression['arguments'][0],
-	j: JSCodeshift,
-	value: string,
-) {
-	return j(callExpressionArgument).some((path) => path.node.value === value);
-}
-
-export function getImportDefaultSpecifierCollection(
-	j: JSCodeshift,
-	importDeclarationCollection: Collection<ImportDeclaration>,
-): Collection<ImportDefaultSpecifier> {
-	return importDeclarationCollection.find(j.ImportDefaultSpecifier);
-}
-
-export function getImportSpecifierCollection(
-	j: JSCodeshift,
-	importDeclarationCollection: Collection<ImportDeclaration>,
-	importName: string,
-): Collection<ImportSpecifier> {
-	return importDeclarationCollection
-		.find(j.ImportSpecifier)
-		.filter((importSpecifierPath) => importSpecifierPath.node.imported.name === importName);
-}
-
-export function getImportDefaultSpecifierName(
-	importSpecifierCollection: Collection<ImportDefaultSpecifier>,
-): string | null {
-	if (importSpecifierCollection.length === 0) {
-		return null;
-	}
-
-	return importSpecifierCollection.nodes()[0]!.local!.name;
-}
-
-export function getImportSpecifierName(
-	importSpecifierCollection: Collection<ImportSpecifier>,
-): string | null {
-	if (importSpecifierCollection.length === 0) {
-		return null;
-	}
-
-	return importSpecifierCollection.nodes()[0]!.local!.name;
-}
-
-export function isVariableDeclaratorIdentifierPresent(
-	j: JSCodeshift,
-	collection: Collection<any>,
-	variableName: string,
-): boolean {
-	return collection
-		.find(j.VariableDeclaration)
-		.find(j.VariableDeclarator)
-		.some((variableDeclaratorPath) => {
-			const { id } = variableDeclaratorPath.node;
-
-			return !!(id && id.type === 'Identifier' && (id as Identifier).name === variableName);
-		});
-}
-
-export function isFunctionDeclarationIdentifierPresent(
-	j: JSCodeshift,
-	collection: Collection<any>,
-	variableName: string,
-): boolean {
-	return collection.find(j.FunctionDeclaration).some((functionDeclarationPath) => {
-		const { id } = functionDeclarationPath.node;
-
-		return !!(id && id.type === 'Identifier' && (id as Identifier).name === variableName);
-	});
-}
-
-export function isClassDeclarationIdentifierPresent(
-	j: JSCodeshift,
-	collection: Collection<any>,
-	variableName: string,
-): boolean {
-	return collection.find(j.ClassDeclaration).some((classDeclarationPath) => {
-		const { id } = classDeclarationPath.node;
-
-		return !!(id && id.type === 'Identifier' && (id as Identifier).name === variableName);
-	});
-}
-
-export function isImportDeclarationIdentifierPresent(
-	j: JSCodeshift,
-	collection: Collection<any>,
-	variableName: string,
-): boolean {
-	return collection
-		.find(j.ImportDeclaration)
-		.find(j.Identifier)
-		.some((identifierPath) => identifierPath.node.name === variableName);
-}
-
-export function getJSXAttributesByName(
-	j: JSCodeshift,
-	jsxElementPath: ASTPath<JSXElement>,
-	attributeName: string,
-): Collection<JSXAttribute> {
-	return j(jsxElementPath)
-		.find(j.JSXOpeningElement)
-		.find(j.JSXAttribute)
-		.filter((jsxAttributePath) =>
-			j(jsxAttributePath)
-				.find(j.JSXIdentifier)
-				.some((jsxIdentifierPath) => jsxIdentifierPath.node.name === attributeName),
-		);
-}
-
-export function getJSXSpreadIdentifierAttributesByName(
-	j: JSCodeshift,
-	collection: Collection<any>,
-	jsxElementPath: ASTPath<JSXElement>,
-	attributeName: string,
-): Collection<ObjectProperty> | null {
-	const identifierCollection = j(jsxElementPath)
-		.find(j.JSXOpeningElement)
-		.find(j.JSXSpreadAttribute)
-		.filter((jsxSpreadAttributePath) => jsxSpreadAttributePath.node.argument.type === 'Identifier')
-		.find(j.Identifier);
-
-	if (identifierCollection.length === 0) {
-		return null;
-	}
-
-	return collection
-		.find(j.VariableDeclarator)
-		.filter((variableDeclaratorPath) => {
-			const { id } = variableDeclaratorPath.node;
-
-			return (
-				id.type === 'Identifier' &&
-				identifierCollection.some((identifierPath) => identifierPath.node.name === id.name)
-			);
-		})
-		.find(j.ObjectExpression)
-		.find(j.ObjectProperty)
-		.filter((objectPropertyPath) =>
-			j(objectPropertyPath)
-				.find(j.Identifier)
-				.some((identifierPath) => identifierPath.node.name === attributeName),
-		);
-}
-
-export function getJSXSpreadObjectExpressionAttributesByName(
-	j: JSCodeshift,
-	jsxElementPath: ASTPath<JSXElement>,
-	attributeName: string,
-): Collection<ObjectProperty> {
-	return j(jsxElementPath)
-		.find(j.JSXOpeningElement)
-		.find(j.JSXSpreadAttribute)
-		.find(j.ObjectExpression)
-		.find(j.ObjectProperty)
-		.filter((objectPropertyPath) =>
-			j(objectPropertyPath)
-				.find(j.Identifier)
-				.some((identifierPath) => identifierPath.node.name === attributeName),
-		);
-}
-
-export const createRemoveFuncFor: (
-	component: string,
-	importName: string,
-	prop: string,
-	comment?: string,
-) => (j: core.JSCodeshift, source: Collection<Node>) => void =
-	(component: string, importName: string, prop: string, comment?: string) =>
-	(j: core.JSCodeshift, source: Collection<Node>) => {
-		const specifier = getNamedSpecifier(j, source, component, importName);
-
-		if (!specifier) {
-			return;
-		}
-
-		source.findJSXElements(specifier).forEach((element) => {
-			getJSXAttributesByName(j, element, prop).forEach((attribute: any) => {
-				j(attribute).remove();
-				if (comment) {
-					addCommentToStartOfFile({ j, base: source, message: comment });
-				}
-			});
-		});
-	};
-
-export const getJSXAttributeByName: (
-	j: JSCodeshift,
-	jsxElementPath: ASTPath<JSXElement>,
-	attributeName: string,
-) => JSXAttribute | undefined = (
-	j: JSCodeshift,
-	jsxElementPath: ASTPath<JSXElement>,
-	attributeName: string,
-): JSXAttribute | undefined => {
-	const attributes: JSXAttribute[] = j(jsxElementPath).find(j.JSXAttribute).nodes();
-
-	return attributes?.find((attr) => attr.name && attr.name.name === attributeName);
-};
-
-export const addJSXAttributeToJSXElement: (
-	j: JSCodeshift,
-	jsxElementPath: ASTPath<JSXElement>,
-	jsxAttribute: JSXAttribute,
-	limit?: number,
-) => void = (
-	j: JSCodeshift,
-	jsxElementPath: ASTPath<JSXElement>,
-	jsxAttribute: JSXAttribute,
-	limit?: number,
-) => {
-	j(jsxElementPath)
-		.find(j.JSXOpeningElement)
-		.forEach((openingElement, i) => {
-			if (!limit || i < limit) {
-				openingElement.node.attributes?.push(jsxAttribute);
-			}
-		});
-};
-
-export const removeJSXAttributeByName: (
-	j: JSCodeshift,
-	jsxElementPath: ASTPath<JSXElement>,
-	attrName: string,
-) => void = (j: JSCodeshift, jsxElementPath: ASTPath<JSXElement>, attrName: string) => {
-	const attributes = getJSXAttributes(jsxElementPath);
-	const attr = getJSXAttributeByName(j, jsxElementPath, attrName);
-	if (attr) {
-		attributes?.splice(attributes.indexOf(attr), 1);
-	}
-};
-
-export const getJSXAttributes: (jsxElementPath: ASTPath<JSXElement>) => JSXAttribute[] = (
-	jsxElementPath: ASTPath<JSXElement>,
-) => jsxElementPath.node.openingElement.attributes as JSXAttribute[];
-
-export const removeJSXAttributeObjectPropertyByName: (
-	j: JSCodeshift,
-	jsxElementPath: ASTPath<JSXElement>,
-	attrName: string,
-	propertyToRemove: string,
-) => void = (
-	j: JSCodeshift,
-	jsxElementPath: ASTPath<JSXElement>,
-	attrName: string,
-	propertyToRemove: string,
-) => {
-	const attr = getJSXAttributeByName(j, jsxElementPath, attrName);
-
-	if (!attr) {
-		return;
-	}
-
-	const attrCollection = getJSXAttributesByName(j, jsxElementPath, attrName);
-
-	const removeMatchingNodes = (p: ASTPath<Identifier | StringLiteral>) => {
-		const name = p.node.type === 'Identifier' ? p.node?.name : p.node?.value;
-		// Need to account for quoted properties
-		const nameMatches = propertyToRemove.match(new RegExp(`['"]?${name}['"]?`));
-		// This will otherwise try to remove values of properties since they are literals
-		const isKey = p.parent.value?.type === 'ObjectProperty';
-		// Sorry about all the parents. This is the easiest way to get the name
-		// of the attribute name. And I always know the depth of the object
-		// property here.
-		const parentNameMatches = attrName === p.parent.parent.parent.parent.node?.name?.name;
-		if (isKey && nameMatches && parentNameMatches) {
-			j(p.parent).remove();
-		}
-	};
-
-	// Remove all the now migrated object properties
-	const objectProperties = attrCollection.find(j.ObjectProperty);
-	objectProperties.find(j.Identifier).forEach(removeMatchingNodes);
-	objectProperties.find(j.StringLiteral).forEach(removeMatchingNodes);
-
-	// @ts-ignore -- Property 'expression' does not exist on type 'LiteralKind | JSXElement | JSXExpressionContainer | JSXFragment'. Property 'expression' does not exist on type 'Literal'.
-	const attrProperties = attr.value?.expression.properties;
-
-	if (attrProperties && attrProperties?.length === 0) {
-		removeJSXAttributeByName(j, jsxElementPath, attrName);
-	}
-};