@atlaskit/form 15.4.2 → 15.5.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @atlaskit/form
 
+## 15.5.0
+
+### Minor Changes
+
+- [`b9829b6cd7780`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b9829b6cd7780) -
+  Autofix: add explicit package exports (barrel removal)
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 15.4.2
 
 ### Patch Changes

package/character-counter/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/form/character-counter",
+  "main": "../dist/cjs/entry-points/character-counter.js",
+  "module": "../dist/esm/entry-points/character-counter.js",
+  "module:es2019": "../dist/es2019/entry-points/character-counter.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/character-counter.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/entry-points/character-counter.d.ts"
+      ]
+    }
+  }
+}

package/character-counter-field/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/form/character-counter-field",
+  "main": "../dist/cjs/entry-points/character-counter-field.js",
+  "module": "../dist/esm/entry-points/character-counter-field.js",
+  "module:es2019": "../dist/es2019/entry-points/character-counter-field.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/character-counter-field.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/entry-points/character-counter-field.d.ts"
+      ]
+    }
+  }
+}

package/checkbox-field/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/form/checkbox-field",
+  "main": "../dist/cjs/entry-points/checkbox-field.js",
+  "module": "../dist/esm/entry-points/checkbox-field.js",
+  "module:es2019": "../dist/es2019/entry-points/checkbox-field.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/checkbox-field.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/entry-points/checkbox-field.d.ts"
+      ]
+    }
+  }
+}

package/dist/cjs/entry-points/character-counter-field.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CharacterCounterField", {
+  enumerable: true,
+  get: function get() {
+    return _characterCounterField.default;
+  }
+});
+var _characterCounterField = _interopRequireDefault(require("../character-counter-field"));

package/dist/cjs/entry-points/character-counter.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CharacterCounter", {
+  enumerable: true,
+  get: function get() {
+    return _characterCounter.default;
+  }
+});
+var _characterCounter = _interopRequireDefault(require("../character-counter"));

package/dist/cjs/entry-points/required-asterisk.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "RequiredAsterisk", {
+  enumerable: true,
+  get: function get() {
+    return _requiredAsterisk.default;
+  }
+});
+var _requiredAsterisk = _interopRequireDefault(require("../required-asterisk"));

package/dist/cjs/entry-points/use-form-state.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useFormState", {
+  enumerable: true,
+  get: function get() {
+    return _useFormState.useFormState;
+  }
+});
+var _useFormState = require("../use-form-state");

package/dist/es2019/entry-points/character-counter-field.js

@@ -0,0 +1 @@
+export { default as CharacterCounterField } from '../character-counter-field';

package/dist/es2019/entry-points/character-counter.js

@@ -0,0 +1 @@
+export { default as CharacterCounter } from '../character-counter';

package/dist/es2019/entry-points/required-asterisk.js

@@ -0,0 +1 @@
+export { default as RequiredAsterisk } from '../required-asterisk';

package/dist/es2019/entry-points/use-form-state.js

@@ -0,0 +1 @@
+export { useFormState } from '../use-form-state';

package/dist/esm/entry-points/character-counter-field.js

@@ -0,0 +1 @@
+export { default as CharacterCounterField } from '../character-counter-field';

package/dist/esm/entry-points/character-counter.js

@@ -0,0 +1 @@
+export { default as CharacterCounter } from '../character-counter';

package/dist/esm/entry-points/required-asterisk.js

@@ -0,0 +1 @@
+export { default as RequiredAsterisk } from '../required-asterisk';

package/dist/esm/entry-points/use-form-state.js

@@ -0,0 +1 @@
+export { useFormState } from '../use-form-state';

package/dist/types/entry-points/character-counter-field.d.ts

@@ -0,0 +1,2 @@
+export { default as CharacterCounterField } from '../character-counter-field';
+export type { CharacterCounterFieldProps } from '../character-counter-field';

package/dist/types/entry-points/character-counter.d.ts

@@ -0,0 +1,2 @@
+export { default as CharacterCounter } from '../character-counter';
+export type { CharacterCounterProps } from '../character-counter';

package/dist/types/entry-points/form.d.ts

@@ -1 +1,2 @@
 export { default } from '../form';
+export type { FormProps } from '../form';

package/dist/types/entry-points/required-asterisk.d.ts

@@ -0,0 +1 @@
+export { default as RequiredAsterisk } from '../required-asterisk';

package/dist/types/entry-points/use-form-state.d.ts

@@ -0,0 +1 @@
+export { useFormState } from '../use-form-state';

package/dist/types-ts4.5/entry-points/character-counter-field.d.ts

@@ -0,0 +1,2 @@
+export { default as CharacterCounterField } from '../character-counter-field';
+export type { CharacterCounterFieldProps } from '../character-counter-field';

package/dist/types-ts4.5/entry-points/character-counter.d.ts

@@ -0,0 +1,2 @@
+export { default as CharacterCounter } from '../character-counter';
+export type { CharacterCounterProps } from '../character-counter';

package/dist/types-ts4.5/entry-points/form.d.ts

@@ -1 +1,2 @@
 export { default } from '../form';
+export type { FormProps } from '../form';

package/dist/types-ts4.5/entry-points/required-asterisk.d.ts

@@ -0,0 +1 @@
+export { default as RequiredAsterisk } from '../required-asterisk';

package/dist/types-ts4.5/entry-points/use-form-state.d.ts

@@ -0,0 +1 @@
+export { useFormState } from '../use-form-state';

package/field/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/form/field",
+  "main": "../dist/cjs/entry-points/field.js",
+  "module": "../dist/esm/entry-points/field.js",
+  "module:es2019": "../dist/es2019/entry-points/field.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/field.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/entry-points/field.d.ts"
+      ]
+    }
+  }
+}

package/fieldset/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/form/fieldset",
+  "main": "../dist/cjs/entry-points/fieldset.js",
+  "module": "../dist/esm/entry-points/fieldset.js",
+  "module:es2019": "../dist/es2019/entry-points/fieldset.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/fieldset.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/entry-points/fieldset.d.ts"
+      ]
+    }
+  }
+}

package/form/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/form/form",
+  "main": "../dist/cjs/entry-points/form.js",
+  "module": "../dist/esm/entry-points/form.js",
+  "module:es2019": "../dist/es2019/entry-points/form.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/form.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/entry-points/form.d.ts"
+      ]
+    }
+  }
+}

package/form-footer/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/form/form-footer",
+  "main": "../dist/cjs/entry-points/form-footer.js",
+  "module": "../dist/esm/entry-points/form-footer.js",
+  "module:es2019": "../dist/es2019/entry-points/form-footer.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/form-footer.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/entry-points/form-footer.d.ts"
+      ]
+    }
+  }
+}

package/form-header/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/form/form-header",
+  "main": "../dist/cjs/entry-points/form-header.js",
+  "module": "../dist/esm/entry-points/form-header.js",
+  "module:es2019": "../dist/es2019/entry-points/form-header.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/form-header.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/entry-points/form-header.d.ts"
+      ]
+    }
+  }
+}

package/form-section/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/form/form-section",
+  "main": "../dist/cjs/entry-points/form-section.js",
+  "module": "../dist/esm/entry-points/form-section.js",
+  "module:es2019": "../dist/es2019/entry-points/form-section.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/form-section.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/entry-points/form-section.d.ts"
+      ]
+    }
+  }
+}

package/form.docs.tsx

@@ -50,6 +50,448 @@ const documentation: ComponentStructuredContentSource[] = [
 		keywords: ['form', 'validation', 'field', 'input', 'submit', 'state'],
 		categories: ['form'],
 	},
+	{
+		name: 'FormHeader',
+		description:
+			'The header section of a form, typically containing the title and optional description.',
+		status: 'general-availability',
+		import: {
+			name: 'FormHeader',
+			package: '@atlaskit/form',
+			type: 'named',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Use at the top of a form to provide context',
+			'Include title and optional description or hint text',
+			'Use RequiredAsterisk legend for required field indication',
+		],
+		contentGuidelines: ['Use clear, descriptive form titles', 'Keep descriptions concise'],
+		examples: [
+			{
+				name: 'Form Header',
+				description: 'FormHeader example',
+				source: path.resolve(__dirname, './examples/constellation/form-default-complex.tsx'),
+			},
+		],
+		keywords: ['form', 'header', 'title', 'description'],
+		categories: ['form'],
+	},
+	{
+		name: 'FormFooter',
+		description: 'The footer section of a form, typically containing submit and cancel buttons.',
+		status: 'general-availability',
+		import: {
+			name: 'FormFooter',
+			package: '@atlaskit/form',
+			type: 'named',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Use for primary and secondary actions',
+			'Primary button on the right; include Cancel for dismissal',
+			'Use align prop for left or right alignment',
+		],
+		contentGuidelines: [
+			'Use action verbs in button labels',
+			'Primary button reflects the form action',
+		],
+		examples: [
+			{
+				name: 'Form Footer',
+				description: 'FormFooter example',
+				source: path.resolve(__dirname, './examples/constellation/form-default-complex.tsx'),
+			},
+		],
+		keywords: ['form', 'footer', 'actions', 'buttons'],
+		categories: ['form'],
+	},
+	{
+		name: 'FormSection',
+		description: 'A section within a form that groups related fields together.',
+		status: 'general-availability',
+		import: {
+			name: 'FormSection',
+			package: '@atlaskit/form',
+			type: 'named',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Use to group related fields logically',
+			'Optional title for section heading',
+			'Improves form scannability',
+		],
+		contentGuidelines: ['Use clear section titles when provided', 'Group related fields together'],
+		examples: [
+			{
+				name: 'Form Section',
+				description: 'FormSection example',
+				source: path.resolve(__dirname, './examples/constellation/form-default-complex.tsx'),
+			},
+		],
+		keywords: ['form', 'section', 'group', 'fields'],
+		categories: ['form'],
+	},
+	{
+		name: 'Field',
+		description:
+			'A form field wrapper that provides label, validation, and error handling. Used with any form control via the component prop.',
+		status: 'general-availability',
+		import: {
+			name: 'Field',
+			package: '@atlaskit/form',
+			type: 'named',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Use for each form input; provide name, label, and component',
+			'Use isRequired for required fields',
+			'Use validate for validation logic; use helperMessage for instructions',
+			'Wrap messages in MessageWrapper with HelperMessage, ErrorMessage, ValidMessage',
+		],
+		contentGuidelines: [
+			'Use clear, descriptive labels',
+			'Provide specific error messages',
+			'Use helper text for complex fields',
+		],
+		examples: [
+			{
+				name: 'Field',
+				description: 'Field example',
+				source: path.resolve(__dirname, './examples/constellation/form-field-simple.tsx'),
+			},
+		],
+		keywords: ['form', 'field', 'input', 'validation'],
+		categories: ['form'],
+	},
+	{
+		name: 'Label',
+		description:
+			'A label component for form fields. Usually used internally by Field, but can be used standalone.',
+		status: 'general-availability',
+		import: {
+			name: 'Label',
+			package: '@atlaskit/form',
+			type: 'named',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Use with Field for field labels',
+			'Associate with form controls via htmlFor',
+		],
+		contentGuidelines: ['Use clear, descriptive labels'],
+		examples: [
+			{
+				name: 'Label',
+				description: 'Standalone label associated with a text field via htmlFor / id',
+				source: path.resolve(__dirname, './examples/ai/label-standalone.tsx'),
+			},
+		],
+		keywords: ['form', 'label'],
+		categories: ['form'],
+	},
+	{
+		name: 'Legend',
+		description:
+			'A legend component for fieldset groups. Used with Fieldset for grouping related fields.',
+		status: 'general-availability',
+		import: {
+			name: 'Legend',
+			package: '@atlaskit/form',
+			type: 'named',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Use with Fieldset to describe a group of fields',
+			'Required for accessibility',
+		],
+		contentGuidelines: ['Use clear, descriptive legend text'],
+		examples: [
+			{
+				name: 'Legend',
+				description: 'Legend example',
+				source: path.resolve(__dirname, './examples/constellation/form-fieldset.tsx'),
+			},
+		],
+		keywords: ['form', 'legend', 'fieldset'],
+		categories: ['form'],
+	},
+	{
+		name: 'HelperMessage',
+		description: 'Displays helper or hint text for a form field.',
+		status: 'general-availability',
+		import: {
+			name: 'HelperMessage',
+			package: '@atlaskit/form',
+			type: 'named',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Use within MessageWrapper to show instructions or hints',
+			'Place below the form control',
+			'Use for critical info—not placeholder alone',
+		],
+		contentGuidelines: ['Provide clear, actionable instructions', 'Keep helper text concise'],
+		examples: [
+			{
+				name: 'Helper Message',
+				description: 'HelperMessage example',
+				source: path.resolve(__dirname, './examples/constellation/form-default-complex.tsx'),
+			},
+		],
+		keywords: ['form', 'helper', 'message', 'hint'],
+		categories: ['form'],
+	},
+	{
+		name: 'ErrorMessage',
+		description: 'Displays validation error text for a form field.',
+		status: 'general-availability',
+		import: {
+			name: 'ErrorMessage',
+			package: '@atlaskit/form',
+			type: 'named',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Use within MessageWrapper when field validation fails',
+			'Show specific, actionable error messages',
+			'Place below the form control',
+		],
+		contentGuidelines: ['Provide specific error messages', 'Explain how to fix the error'],
+		examples: [
+			{
+				name: 'Error Message',
+				description: 'ErrorMessage example',
+				source: path.resolve(__dirname, './examples/constellation/form-field-level-validation.tsx'),
+			},
+		],
+		keywords: ['form', 'error', 'message', 'validation'],
+		categories: ['form'],
+	},
+	{
+		name: 'ValidMessage',
+		description: 'Displays success or valid state feedback for a form field.',
+		status: 'general-availability',
+		import: {
+			name: 'ValidMessage',
+			package: '@atlaskit/form',
+			type: 'named',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Use within MessageWrapper when field passes validation',
+			'Show positive feedback (e.g. "Username is available")',
+			'Use sparingly to avoid clutter',
+		],
+		contentGuidelines: ['Keep valid messages concise'],
+		examples: [
+			{
+				name: 'Valid Message',
+				description: 'ValidMessage example',
+				source: path.resolve(__dirname, './examples/constellation/form-default-complex.tsx'),
+			},
+		],
+		keywords: ['form', 'valid', 'message', 'success'],
+		categories: ['form'],
+	},
+	{
+		name: 'MessageWrapper',
+		description:
+			'A wrapper for form field messages (HelperMessage, ErrorMessage, ValidMessage). Manages layout and visibility.',
+		status: 'general-availability',
+		import: {
+			name: 'MessageWrapper',
+			package: '@atlaskit/form',
+			type: 'named',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Wrap HelperMessage, ErrorMessage, and ValidMessage in MessageWrapper',
+			'Place below the form control within Field',
+		],
+		examples: [
+			{
+				name: 'Message wrapper',
+				description: 'MessageWrapper grouping helper, error, and valid messages',
+				source: path.resolve(__dirname, './examples/21-messages.tsx'),
+			},
+		],
+		keywords: ['form', 'message', 'wrapper'],
+		categories: ['form'],
+	},
+	{
+		name: 'CheckboxField',
+		description: 'A form field for checkbox inputs. Wraps Checkbox with form field behavior.',
+		status: 'general-availability',
+		import: {
+			name: 'CheckboxField',
+			package: '@atlaskit/form',
+			type: 'named',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Use for single or grouped checkbox options',
+			'Provide name and value props',
+			'Works with Checkbox from @atlaskit/checkbox',
+		],
+		examples: [
+			{
+				name: 'Checkbox Field',
+				description: 'CheckboxField example',
+				source: path.resolve(__dirname, './examples/constellation/form-checkbox-field.tsx'),
+			},
+		],
+		keywords: ['form', 'checkbox', 'field'],
+		categories: ['form'],
+	},
+	{
+		name: 'RangeField',
+		description: 'A form field for range/slider inputs. Wraps Range with form field behavior.',
+		status: 'general-availability',
+		import: {
+			name: 'RangeField',
+			package: '@atlaskit/form',
+			type: 'named',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Use for numeric range selection',
+			'Provide min, max, and step when needed',
+			'Works with Range from @atlaskit/range',
+		],
+		examples: [
+			{
+				name: 'Range Field',
+				description: 'RangeField example',
+				source: path.resolve(__dirname, './examples/constellation/form-range-field.tsx'),
+			},
+		],
+		keywords: ['form', 'range', 'field', 'slider'],
+		categories: ['form'],
+	},
+	{
+		name: 'Fieldset',
+		description:
+			'Groups related form fields with a legend. Use for radio groups or logical groupings.',
+		status: 'general-availability',
+		import: {
+			name: 'Fieldset',
+			package: '@atlaskit/form',
+			type: 'named',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Use with Legend to describe the group',
+			'Use for radio groups and logical field groupings',
+			'Improves accessibility',
+		],
+		examples: [
+			{
+				name: 'Fieldset',
+				description: 'Fieldset example',
+				source: path.resolve(__dirname, './examples/constellation/form-fieldset.tsx'),
+			},
+		],
+		keywords: ['form', 'fieldset', 'group'],
+		categories: ['form'],
+	},
+	{
+		name: 'RequiredAsterisk',
+		description:
+			'Visual indicator for required fields. Renders an asterisk (*) for form accessibility.',
+		status: 'general-availability',
+		import: {
+			name: 'RequiredAsterisk',
+			package: '@atlaskit/form',
+			type: 'named',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Use in FormHeader to indicate required fields legend',
+			'Or use Field isRequired which handles asterisk automatically',
+		],
+		contentGuidelines: ['Pair with "Required fields are marked with an asterisk" text'],
+		examples: [
+			{
+				name: 'Required Asterisk',
+				description: 'RequiredAsterisk example',
+				source: path.resolve(__dirname, './examples/constellation/form-default-complex.tsx'),
+			},
+		],
+		keywords: ['form', 'required', 'asterisk'],
+		categories: ['form'],
+	},
+	{
+		name: 'CharacterCounterField',
+		description:
+			'A form field that includes character count display. Combines Field with CharacterCounter.',
+		status: 'general-availability',
+		import: {
+			name: 'CharacterCounterField',
+			package: '@atlaskit/form',
+			type: 'named',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Use when character limits matter (e.g. descriptions, summaries)',
+			'Provide maxLength for the limit',
+			'Shows current count and limit',
+		],
+		examples: [
+			{
+				name: 'Character Counter Field',
+				description: 'CharacterCounterField example',
+				source: path.resolve(__dirname, './examples/constellation/form-character-counter.tsx'),
+			},
+		],
+		keywords: ['form', 'character', 'counter', 'field'],
+		categories: ['form'],
+	},
+	{
+		name: 'CharacterCounter',
+		description:
+			'Displays character count for text inputs. Can be used standalone or with CharacterCounterField.',
+		status: 'general-availability',
+		import: {
+			name: 'CharacterCounter',
+			package: '@atlaskit/form',
+			type: 'named',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Use when displaying character count for text inputs',
+			'Provide current length and max length',
+			'Use CharacterCounterField for integrated form field experience',
+		],
+		examples: [
+			{
+				name: 'Character Counter',
+				description: 'CharacterCounter example',
+				source: path.resolve(
+					__dirname,
+					'./examples/constellation/form-character-counter-standalone.tsx',
+				),
+			},
+		],
+		keywords: ['form', 'character', 'counter'],
+		categories: ['form'],
+	},
 ];
 
 export default documentation;

package/label/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/form/label",
+  "main": "../dist/cjs/entry-points/label.js",
+  "module": "../dist/esm/entry-points/label.js",
+  "module:es2019": "../dist/es2019/entry-points/label.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/label.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/entry-points/label.d.ts"
+      ]
+    }
+  }
+}

package/messages/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/form/messages",
+  "main": "../dist/cjs/entry-points/messages.js",
+  "module": "../dist/esm/entry-points/messages.js",
+  "module:es2019": "../dist/es2019/entry-points/messages.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/messages.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/entry-points/messages.d.ts"
+      ]
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/form",
-	"version": "15.4.2",
+	"version": "15.5.0",
 	"description": "A form allows people to input information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -31,7 +31,7 @@
 		"@atlaskit/icon": "^33.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^18.0.0",
-		"@atlaskit/tokens": "^11.1.0",
+		"@atlaskit/tokens": "^11.2.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
@@ -55,7 +55,7 @@
 		"@atlaskit/docs": "^11.7.0",
 		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/lozenge": "^13.5.0",
-		"@atlaskit/modal-dialog": "^14.11.0",
+		"@atlaskit/modal-dialog": "^14.12.0",
 		"@atlaskit/radio": "^8.4.0",
 		"@atlaskit/range": "^10.0.0",
 		"@atlaskit/section-message": "^8.12.0",

package/range-field/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/form/range-field",
+  "main": "../dist/cjs/entry-points/range-field.js",
+  "module": "../dist/esm/entry-points/range-field.js",
+  "module:es2019": "../dist/es2019/entry-points/range-field.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/range-field.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/entry-points/range-field.d.ts"
+      ]
+    }
+  }
+}

package/required-asterisk/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/form/required-asterisk",
+  "main": "../dist/cjs/entry-points/required-asterisk.js",
+  "module": "../dist/esm/entry-points/required-asterisk.js",
+  "module:es2019": "../dist/es2019/entry-points/required-asterisk.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/required-asterisk.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/entry-points/required-asterisk.d.ts"
+      ]
+    }
+  }
+}

package/types/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/form/types",
+  "main": "../dist/cjs/types.js",
+  "module": "../dist/esm/types.js",
+  "module:es2019": "../dist/es2019/types.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/types.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/types.d.ts"
+      ]
+    }
+  }
+}

package/use-form-state/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/form/use-form-state",
+  "main": "../dist/cjs/entry-points/use-form-state.js",
+  "module": "../dist/esm/entry-points/use-form-state.js",
+  "module:es2019": "../dist/es2019/entry-points/use-form-state.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/use-form-state.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/entry-points/use-form-state.d.ts"
+      ]
+    }
+  }
+}