@atlaskit/form 15.4.0 → 15.4.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/form
 
+## 15.4.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 15.4.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 15.4.0
 
 ### Minor Changes

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

@@ -1,4 +1,4 @@
-/* character-counter-field.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* character-counter-field.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/character-counter.js

@@ -1,4 +1,4 @@
-/* character-counter.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* character-counter.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/field.js

@@ -1,4 +1,4 @@
-/* field.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* field.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/fieldset.js

@@ -1,4 +1,4 @@
-/* fieldset.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* fieldset.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/form-footer.js

@@ -1,4 +1,4 @@
-/* form-footer.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* form-footer.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/form-header.js

@@ -1,4 +1,4 @@
-/* form-header.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* form-header.tsx generated by @compiled/babel-plugin v0.39.1 */
 /* eslint-disable @atlaskit/design-system/use-primitives */
 "use strict";
 

package/dist/cjs/form-section.js

@@ -1,4 +1,4 @@
-/* form-section.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* form-section.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/label.js

@@ -1,4 +1,4 @@
-/* label.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* label.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/messages.js

@@ -1,4 +1,4 @@
-/* messages.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* messages.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/required-asterisk.js

@@ -1,4 +1,4 @@
-/* required-asterisk.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* required-asterisk.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

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

@@ -1,4 +1,4 @@
-/* character-counter-field.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* character-counter-field.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./character-counter-field.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/character-counter.js

@@ -1,4 +1,4 @@
-/* character-counter.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* character-counter.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./character-counter.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/field.js

@@ -1,4 +1,4 @@
-/* field.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* field.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./field.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';

package/dist/es2019/fieldset.js

@@ -1,4 +1,4 @@
-/* fieldset.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* fieldset.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./fieldset.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/form-footer.js

@@ -1,4 +1,4 @@
-/* form-footer.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* form-footer.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./form-footer.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/form-header.js

@@ -1,4 +1,4 @@
-/* form-header.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* form-header.tsx generated by @compiled/babel-plugin v0.39.1 */
 /* eslint-disable @atlaskit/design-system/use-primitives */
 import "./form-header.compiled.css";
 import * as React from 'react';

package/dist/es2019/form-section.js

@@ -1,4 +1,4 @@
-/* form-section.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* form-section.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./form-section.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/label.js

@@ -1,4 +1,4 @@
-/* label.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* label.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./label.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/messages.js

@@ -1,4 +1,4 @@
-/* messages.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* messages.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./messages.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/required-asterisk.js

@@ -1,4 +1,4 @@
-/* required-asterisk.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* required-asterisk.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./required-asterisk.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* character-counter-field.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* character-counter-field.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./character-counter-field.compiled.css";
 import * as React from 'react';

package/dist/esm/character-counter.js

@@ -1,4 +1,4 @@
-/* character-counter.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* character-counter.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./character-counter.compiled.css";
 import * as React from 'react';

package/dist/esm/field.js

@@ -1,4 +1,4 @@
-/* field.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* field.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _typeof from "@babel/runtime/helpers/typeof";

package/dist/esm/fieldset.js

@@ -1,4 +1,4 @@
-/* fieldset.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* fieldset.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./fieldset.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/form-footer.js

@@ -1,4 +1,4 @@
-/* form-footer.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* form-footer.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./form-footer.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/form-header.js

@@ -1,4 +1,4 @@
-/* form-header.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* form-header.tsx generated by @compiled/babel-plugin v0.39.1 */
 /* eslint-disable @atlaskit/design-system/use-primitives */
 import "./form-header.compiled.css";
 import * as React from 'react';

package/dist/esm/form-section.js

@@ -1,4 +1,4 @@
-/* form-section.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* form-section.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./form-section.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/label.js

@@ -1,4 +1,4 @@
-/* label.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* label.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./label.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/messages.js

@@ -1,4 +1,4 @@
-/* messages.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* messages.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./messages.compiled.css";
 import * as React from 'react';

package/dist/esm/required-asterisk.js

@@ -1,4 +1,4 @@
-/* required-asterisk.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* required-asterisk.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./required-asterisk.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/form.docs.tsx

@@ -0,0 +1,55 @@
+import path from 'path';
+
+import type { ComponentStructuredContentSource } from '@atlassian/structured-docs-types';
+
+const documentation: ComponentStructuredContentSource[] = [
+	{
+		name: 'Form',
+		description: 'A component for building forms with validation and state management.',
+		status: 'general-availability',
+		import: {
+			name: 'Form',
+			package: '@atlaskit/form',
+			type: 'default',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Use when users need to provide and submit information (settings, create work item)',
+			'Use with textfield, select, radio, checkbox and other form controls',
+			'Structure: title, description, required legend, asterisk, helper text, labels above fields, character counter where needed, sections, footer with primary/secondary actions',
+			'Provide clear field labels and instructions',
+			'Mark required fields with asterisk (*)',
+			'Provide specific error messages',
+		],
+		contentGuidelines: [
+			'Use clear, concise labels',
+			'Use labels and helper text for critical info—not placeholder alone (exception: search with icon + label)',
+			'Provide specific error messages',
+			'Use consistent terminology',
+			'Always include a visible label (exception: search fields)',
+			'Match field length to intended content length',
+		],
+		accessibilityGuidelines: [
+			'Autofocus the first field when appropriate',
+			'Use visible labels for all fields (search is the exception)',
+			'Never disable the submit button—use validation and instructions so users know how to proceed',
+			'Support autofill tokens and persist form state on refresh where appropriate',
+			'Use inline validation with clear instructions',
+			'Provide clear labels for all form fields',
+			'Ensure keyboard navigation between fields',
+			'Mark required fields clearly',
+		],
+		examples: [
+			{
+				name: 'Form',
+				description: 'Form example',
+				source: path.resolve(__dirname, './examples/ai/form.tsx'),
+			},
+		],
+		keywords: ['form', 'validation', 'field', 'input', 'submit', 'state'],
+		categories: ['form'],
+	},
+];
+
+export default documentation;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/form",
-	"version": "15.4.0",
+	"version": "15.4.2",
 	"description": "A form allows people to input information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -26,12 +26,12 @@
 	},
 	"dependencies": {
 		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/ds-lib": "^5.3.0",
+		"@atlaskit/ds-lib": "^6.0.0",
 		"@atlaskit/heading": "^5.3.0",
-		"@atlaskit/icon": "^32.0.0",
+		"@atlaskit/icon": "^33.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^18.0.0",
-		"@atlaskit/tokens": "^11.0.0",
+		"@atlaskit/tokens": "^11.1.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
@@ -52,19 +52,20 @@
 		"@atlaskit/checkbox": "^17.3.0",
 		"@atlaskit/codemod-utils": "^4.2.0",
 		"@atlaskit/datetime-picker": "^17.5.0",
-		"@atlaskit/docs": "^11.6.0",
+		"@atlaskit/docs": "^11.7.0",
 		"@atlaskit/link": "^3.3.0",
-		"@atlaskit/lozenge": "^13.4.0",
+		"@atlaskit/lozenge": "^13.5.0",
 		"@atlaskit/modal-dialog": "^14.11.0",
 		"@atlaskit/radio": "^8.4.0",
-		"@atlaskit/range": "^9.3.0",
+		"@atlaskit/range": "^10.0.0",
 		"@atlaskit/section-message": "^8.12.0",
-		"@atlaskit/select": "^21.7.0",
+		"@atlaskit/select": "^21.8.0",
 		"@atlaskit/textarea": "^8.2.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/toggle": "^15.2.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/ssr-tests": "workspace:^",
+		"@atlassian/structured-docs-types": "workspace:^",
 		"@atlassian/testing-library": "^0.4.0",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",