@atlaskit/form 12.0.11 → 12.0.13

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/form
 
+## 12.0.13
+
+### Patch Changes
+
+- [#188952](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/188952)
+  [`1a88e6e2601ae`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1a88e6e2601ae) -
+  Migrated usage of renamed/deprecated icons
+- Updated dependencies
+
+## 12.0.12
+
+### Patch Changes
+
+- [#182760](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/182760)
+  [`971d04b4835b3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/971d04b4835b3) -
+  Remove React.FC from all form components.
+
 ## 12.0.11
 
 ### Patch Changes

package/dist/cjs/checkbox-field.js

@@ -12,7 +12,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _field = _interopRequireDefault(require("./field"));
-var _excluded = ["children", "defaultIsChecked", "value"],
+var _excluded = ["children", "defaultIsChecked", "isDisabled", "isRequired", "label", "name", "value"],
   _excluded2 = ["value"],
   _excluded3 = ["fieldProps"],
   _excluded4 = ["value"],
@@ -29,13 +29,16 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * - [Code] https://atlaskit.atlassian.com/packages/design-system/form/docs/fields#checkboxfield-reference
  * - [Usage] https://atlaskit.atlassian.com/packages/design-system/form/docs/fields#checkboxfield-reference
  */
-var CheckboxField = function CheckboxField(props) {
-  var children = props.children,
-    _props$defaultIsCheck = props.defaultIsChecked,
-    defaultIsChecked = _props$defaultIsCheck === void 0 ? false : _props$defaultIsCheck,
-    value = props.value,
-    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-
+var CheckboxField = function CheckboxField(_ref) {
+  var children = _ref.children,
+    _ref$defaultIsChecked = _ref.defaultIsChecked,
+    defaultIsChecked = _ref$defaultIsChecked === void 0 ? false : _ref$defaultIsChecked,
+    isDisabled = _ref.isDisabled,
+    isRequired = _ref.isRequired,
+    label = _ref.label,
+    name = _ref.name,
+    value = _ref.value,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   // Maintains a memoised list of the default values
   var defaultValue = (0, _react.useCallback)(function () {
     var currentValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
@@ -43,16 +46,20 @@ var CheckboxField = function CheckboxField(props) {
   }, [value, defaultIsChecked]);
   return value !== undefined ? /*#__PURE__*/_react.default.createElement(_field.default, (0, _extends2.default)({}, rest, {
     defaultValue: defaultValue,
+    isDisabled: isDisabled,
+    isRequired: isRequired,
+    label: label,
+    name: name,
     transform: function transform(event, currentValue) {
       return event.currentTarget.checked && currentValue ? [].concat((0, _toConsumableArray2.default)(currentValue), [value]) : currentValue.filter(function (v) {
         return v !== value;
       });
     }
-  }), function (_ref) {
-    var _ref$fieldProps = _ref.fieldProps,
-      fieldValue = _ref$fieldProps.value,
-      otherFieldProps = (0, _objectWithoutProperties2.default)(_ref$fieldProps, _excluded2),
-      others = (0, _objectWithoutProperties2.default)(_ref, _excluded3);
+  }), function (_ref2) {
+    var _ref2$fieldProps = _ref2.fieldProps,
+      fieldValue = _ref2$fieldProps.value,
+      otherFieldProps = (0, _objectWithoutProperties2.default)(_ref2$fieldProps, _excluded2),
+      others = (0, _objectWithoutProperties2.default)(_ref2, _excluded3);
     return children(_objectSpread({
       fieldProps: _objectSpread(_objectSpread({}, otherFieldProps), {}, {
         isChecked: !!fieldValue.find(function (v) {
@@ -63,14 +70,18 @@ var CheckboxField = function CheckboxField(props) {
     }, others));
   }) : /*#__PURE__*/_react.default.createElement(_field.default, (0, _extends2.default)({}, rest, {
     defaultValue: defaultIsChecked,
+    isDisabled: isDisabled,
+    isRequired: isRequired,
+    label: label,
+    name: name,
     transform: function transform(event) {
       return event.currentTarget.checked;
     }
-  }), function (_ref2) {
-    var _ref2$fieldProps = _ref2.fieldProps,
-      fieldValue = _ref2$fieldProps.value,
-      otherFieldProps = (0, _objectWithoutProperties2.default)(_ref2$fieldProps, _excluded4),
-      others = (0, _objectWithoutProperties2.default)(_ref2, _excluded5);
+  }), function (_ref3) {
+    var _ref3$fieldProps = _ref3.fieldProps,
+      fieldValue = _ref3$fieldProps.value,
+      otherFieldProps = (0, _objectWithoutProperties2.default)(_ref3$fieldProps, _excluded4),
+      others = (0, _objectWithoutProperties2.default)(_ref3, _excluded5);
     return children(_objectSpread({
       fieldProps: _objectSpread(_objectSpread({}, otherFieldProps), {}, {
         isChecked: fieldValue,
@@ -79,7 +90,4 @@ var CheckboxField = function CheckboxField(props) {
     }, others));
   });
 };
-CheckboxField.defaultProps = {
-  defaultIsChecked: false
-};
 var _default = exports.default = CheckboxField;

package/dist/cjs/messages.js

@@ -12,8 +12,8 @@ var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _error = _interopRequireDefault(require("@atlaskit/icon/core/migration/error"));
-var _successEditorSuccess = _interopRequireDefault(require("@atlaskit/icon/core/migration/success--editor-success"));
+var _statusErrorError = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-error--error"));
+var _statusSuccessEditorSuccess = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-success--editor-success"));
 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); }
 /**
@@ -40,14 +40,14 @@ var IconWrapper = function IconWrapper(_ref) {
   }, children);
 };
 var messageIcons = {
-  error: /*#__PURE__*/React.createElement(_error.default, {
+  error: /*#__PURE__*/React.createElement(_statusErrorError.default, {
     LEGACY_margin: "0 -2px 0 0",
     color: "currentColor",
     LEGACY_size: "small",
     label: "error",
     size: "small"
   }),
-  valid: /*#__PURE__*/React.createElement(_successEditorSuccess.default, {
+  valid: /*#__PURE__*/React.createElement(_statusSuccessEditorSuccess.default, {
     LEGACY_margin: "0 -2px 0 0",
     color: "currentColor",
     LEGACY_size: "small",

package/dist/cjs/range-field.js

@@ -10,7 +10,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _field = _interopRequireDefault(require("./field"));
-var _excluded = ["children"],
+var _excluded = ["children", "defaultValue", "id", "isDisabled", "label", "name"],
   _excluded2 = ["isInvalid", "isRequired"],
   _excluded3 = ["fieldProps"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -26,25 +26,31 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  */
 var RangeField = function RangeField(_ref) {
   var children = _ref.children,
+    defaultValue = _ref.defaultValue,
+    id = _ref.id,
+    isDisabled = _ref.isDisabled,
+    label = _ref.label,
+    name = _ref.name,
     strippedProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-    _react.default.createElement(_field.default, (0, _extends2.default)({}, strippedProps, {
-      transform: Number
-    }), function (_ref2) {
-      var _ref2$fieldProps = _ref2.fieldProps,
-        isInvalid = _ref2$fieldProps.isInvalid,
-        isRequired = _ref2$fieldProps.isRequired,
-        fieldProps = (0, _objectWithoutProperties2.default)(_ref2$fieldProps, _excluded2),
-        rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded3);
-      return (
-        // isInvalid and isRequired are specifically invalid for range inputs
-        children(_objectSpread({
-          fieldProps: fieldProps
-        }, rest))
-      );
-    })
-  );
+  return /*#__PURE__*/_react.default.createElement(_field.default, (0, _extends2.default)({}, strippedProps, {
+    defaultValue: defaultValue,
+    id: id,
+    isDisabled: isDisabled,
+    label: label,
+    name: name,
+    transform: Number
+  }), function (_ref2) {
+    var _ref2$fieldProps = _ref2.fieldProps,
+      isInvalid = _ref2$fieldProps.isInvalid,
+      isRequired = _ref2$fieldProps.isRequired,
+      fieldProps = (0, _objectWithoutProperties2.default)(_ref2$fieldProps, _excluded2),
+      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded3);
+    return (
+      // isInvalid and isRequired are specifically invalid for range inputs
+      children(_objectSpread({
+        fieldProps: fieldProps
+      }, rest))
+    );
+  });
 };
 var _default = exports.default = RangeField;

package/dist/es2019/checkbox-field.js

@@ -10,18 +10,24 @@ import Field from './field';
  * - [Code] https://atlaskit.atlassian.com/packages/design-system/form/docs/fields#checkboxfield-reference
  * - [Usage] https://atlaskit.atlassian.com/packages/design-system/form/docs/fields#checkboxfield-reference
  */
-const CheckboxField = props => {
-  const {
-    children,
-    defaultIsChecked = false,
-    value,
-    ...rest
-  } = props;
-
+const CheckboxField = ({
+  children,
+  defaultIsChecked = false,
+  isDisabled,
+  isRequired,
+  label,
+  name,
+  value,
+  ...rest
+}) => {
   // Maintains a memoised list of the default values
   const defaultValue = useCallback((currentValue = []) => defaultIsChecked && value !== undefined ? [...currentValue, value] : currentValue, [value, defaultIsChecked]);
   return value !== undefined ? /*#__PURE__*/React.createElement(Field, _extends({}, rest, {
     defaultValue: defaultValue,
+    isDisabled: isDisabled,
+    isRequired: isRequired,
+    label: label,
+    name: name,
     transform: (event, currentValue) => event.currentTarget.checked && currentValue ? [...currentValue, value] : currentValue.filter(v => v !== value)
   }), ({
     fieldProps: {
@@ -38,6 +44,10 @@ const CheckboxField = props => {
     ...others
   })) : /*#__PURE__*/React.createElement(Field, _extends({}, rest, {
     defaultValue: defaultIsChecked,
+    isDisabled: isDisabled,
+    isRequired: isRequired,
+    label: label,
+    name: name,
     transform: event => event.currentTarget.checked
   }), ({
     fieldProps: {
@@ -54,7 +64,4 @@ const CheckboxField = props => {
     ...others
   }));
 };
-CheckboxField.defaultProps = {
-  defaultIsChecked: false
-};
 export default CheckboxField;

package/dist/es2019/messages.js

@@ -3,8 +3,8 @@ import "./messages.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { createContext, useContext, useEffect, useRef, useState } from 'react';
-import ErrorIcon from '@atlaskit/icon/core/migration/error';
-import SuccessIcon from '@atlaskit/icon/core/migration/success--editor-success';
+import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
+import SuccessIcon from '@atlaskit/icon/core/migration/status-success--editor-success';
 import { FieldId } from './field-id-context';
 
 /**

package/dist/es2019/range-field.js

@@ -12,11 +12,18 @@ import Field from './field';
  */
 const RangeField = ({
   children,
+  defaultValue,
+  id,
+  isDisabled,
+  label,
+  name,
   ...strippedProps
-}) =>
-/*#__PURE__*/
-// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-React.createElement(Field, _extends({}, strippedProps, {
+}) => /*#__PURE__*/React.createElement(Field, _extends({}, strippedProps, {
+  defaultValue: defaultValue,
+  id: id,
+  isDisabled: isDisabled,
+  label: label,
+  name: name,
   transform: Number
 }), ({
   fieldProps: {

package/dist/esm/checkbox-field.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "defaultIsChecked", "value"],
+var _excluded = ["children", "defaultIsChecked", "isDisabled", "isRequired", "label", "name", "value"],
   _excluded2 = ["value"],
   _excluded3 = ["fieldProps"],
   _excluded4 = ["value"],
@@ -20,13 +20,16 @@ import Field from './field';
  * - [Code] https://atlaskit.atlassian.com/packages/design-system/form/docs/fields#checkboxfield-reference
  * - [Usage] https://atlaskit.atlassian.com/packages/design-system/form/docs/fields#checkboxfield-reference
  */
-var CheckboxField = function CheckboxField(props) {
-  var children = props.children,
-    _props$defaultIsCheck = props.defaultIsChecked,
-    defaultIsChecked = _props$defaultIsCheck === void 0 ? false : _props$defaultIsCheck,
-    value = props.value,
-    rest = _objectWithoutProperties(props, _excluded);
-
+var CheckboxField = function CheckboxField(_ref) {
+  var children = _ref.children,
+    _ref$defaultIsChecked = _ref.defaultIsChecked,
+    defaultIsChecked = _ref$defaultIsChecked === void 0 ? false : _ref$defaultIsChecked,
+    isDisabled = _ref.isDisabled,
+    isRequired = _ref.isRequired,
+    label = _ref.label,
+    name = _ref.name,
+    value = _ref.value,
+    rest = _objectWithoutProperties(_ref, _excluded);
   // Maintains a memoised list of the default values
   var defaultValue = useCallback(function () {
     var currentValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
@@ -34,16 +37,20 @@ var CheckboxField = function CheckboxField(props) {
   }, [value, defaultIsChecked]);
   return value !== undefined ? /*#__PURE__*/React.createElement(Field, _extends({}, rest, {
     defaultValue: defaultValue,
+    isDisabled: isDisabled,
+    isRequired: isRequired,
+    label: label,
+    name: name,
     transform: function transform(event, currentValue) {
       return event.currentTarget.checked && currentValue ? [].concat(_toConsumableArray(currentValue), [value]) : currentValue.filter(function (v) {
         return v !== value;
       });
     }
-  }), function (_ref) {
-    var _ref$fieldProps = _ref.fieldProps,
-      fieldValue = _ref$fieldProps.value,
-      otherFieldProps = _objectWithoutProperties(_ref$fieldProps, _excluded2),
-      others = _objectWithoutProperties(_ref, _excluded3);
+  }), function (_ref2) {
+    var _ref2$fieldProps = _ref2.fieldProps,
+      fieldValue = _ref2$fieldProps.value,
+      otherFieldProps = _objectWithoutProperties(_ref2$fieldProps, _excluded2),
+      others = _objectWithoutProperties(_ref2, _excluded3);
     return children(_objectSpread({
       fieldProps: _objectSpread(_objectSpread({}, otherFieldProps), {}, {
         isChecked: !!fieldValue.find(function (v) {
@@ -54,14 +61,18 @@ var CheckboxField = function CheckboxField(props) {
     }, others));
   }) : /*#__PURE__*/React.createElement(Field, _extends({}, rest, {
     defaultValue: defaultIsChecked,
+    isDisabled: isDisabled,
+    isRequired: isRequired,
+    label: label,
+    name: name,
     transform: function transform(event) {
       return event.currentTarget.checked;
     }
-  }), function (_ref2) {
-    var _ref2$fieldProps = _ref2.fieldProps,
-      fieldValue = _ref2$fieldProps.value,
-      otherFieldProps = _objectWithoutProperties(_ref2$fieldProps, _excluded4),
-      others = _objectWithoutProperties(_ref2, _excluded5);
+  }), function (_ref3) {
+    var _ref3$fieldProps = _ref3.fieldProps,
+      fieldValue = _ref3$fieldProps.value,
+      otherFieldProps = _objectWithoutProperties(_ref3$fieldProps, _excluded4),
+      others = _objectWithoutProperties(_ref3, _excluded5);
     return children(_objectSpread({
       fieldProps: _objectSpread(_objectSpread({}, otherFieldProps), {}, {
         isChecked: fieldValue,
@@ -70,7 +81,4 @@ var CheckboxField = function CheckboxField(props) {
     }, others));
   });
 };
-CheckboxField.defaultProps = {
-  defaultIsChecked: false
-};
 export default CheckboxField;

package/dist/esm/messages.js

@@ -4,8 +4,8 @@ import "./messages.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { createContext, useContext, useEffect, useRef, useState } from 'react';
-import ErrorIcon from '@atlaskit/icon/core/migration/error';
-import SuccessIcon from '@atlaskit/icon/core/migration/success--editor-success';
+import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
+import SuccessIcon from '@atlaskit/icon/core/migration/status-success--editor-success';
 import { FieldId } from './field-id-context';
 
 /**

package/dist/esm/range-field.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children"],
+var _excluded = ["children", "defaultValue", "id", "isDisabled", "label", "name"],
   _excluded2 = ["isInvalid", "isRequired"],
   _excluded3 = ["fieldProps"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -19,25 +19,31 @@ import Field from './field';
  */
 var RangeField = function RangeField(_ref) {
   var children = _ref.children,
+    defaultValue = _ref.defaultValue,
+    id = _ref.id,
+    isDisabled = _ref.isDisabled,
+    label = _ref.label,
+    name = _ref.name,
     strippedProps = _objectWithoutProperties(_ref, _excluded);
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-    React.createElement(Field, _extends({}, strippedProps, {
-      transform: Number
-    }), function (_ref2) {
-      var _ref2$fieldProps = _ref2.fieldProps,
-        isInvalid = _ref2$fieldProps.isInvalid,
-        isRequired = _ref2$fieldProps.isRequired,
-        fieldProps = _objectWithoutProperties(_ref2$fieldProps, _excluded2),
-        rest = _objectWithoutProperties(_ref2, _excluded3);
-      return (
-        // isInvalid and isRequired are specifically invalid for range inputs
-        children(_objectSpread({
-          fieldProps: fieldProps
-        }, rest))
-      );
-    })
-  );
+  return /*#__PURE__*/React.createElement(Field, _extends({}, strippedProps, {
+    defaultValue: defaultValue,
+    id: id,
+    isDisabled: isDisabled,
+    label: label,
+    name: name,
+    transform: Number
+  }), function (_ref2) {
+    var _ref2$fieldProps = _ref2.fieldProps,
+      isInvalid = _ref2$fieldProps.isInvalid,
+      isRequired = _ref2$fieldProps.isRequired,
+      fieldProps = _objectWithoutProperties(_ref2$fieldProps, _excluded2),
+      rest = _objectWithoutProperties(_ref2, _excluded3);
+    return (
+      // isInvalid and isRequired are specifically invalid for range inputs
+      children(_objectSpread({
+        fieldProps: fieldProps
+      }, rest))
+    );
+  });
 };
 export default RangeField;

package/dist/types/checkbox-field.d.ts

@@ -1,4 +1,4 @@
-import { type FC, type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 import { type FieldProps, type Meta } from './field';
 export interface CheckboxFieldProps extends FieldProps<string | undefined> {
     isChecked: boolean;
@@ -47,5 +47,5 @@ interface CheckboxProps {
  * - [Code] https://atlaskit.atlassian.com/packages/design-system/form/docs/fields#checkboxfield-reference
  * - [Usage] https://atlaskit.atlassian.com/packages/design-system/form/docs/fields#checkboxfield-reference
  */
-declare const CheckboxField: FC<CheckboxProps>;
+declare const CheckboxField: ({ children, defaultIsChecked, isDisabled, isRequired, label, name, value, ...rest }: CheckboxProps) => React.JSX.Element;
 export default CheckboxField;

package/dist/types/label.d.ts

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { type FC, type ReactNode } from 'react';
+import { type ReactNode } from 'react';
 export interface LabelProps {
     id?: string;
     htmlFor: string;
@@ -20,10 +20,10 @@ export interface LegendProps {
  * It's recommended that a label has a `space.050` spacing above its associated
  * control element.
  */
-export declare const Label: FC<LabelProps>;
+export declare const Label: ({ children, htmlFor, id, testId }: LabelProps) => JSX.Element;
 /**
  * __Legend__
  *
  * A Legend represents a caption for a fieldset in a user interface.
  */
-export declare const Legend: FC<LegendProps>;
+export declare const Legend: ({ children }: LegendProps) => JSX.Element;

package/dist/types/range-field.d.ts

@@ -1,4 +1,4 @@
-import React, { type FC, type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 import { type FieldProps, type Meta } from './field';
 type RangeProps = Omit<FieldProps<number>, 'isInvalid' | 'isRequired'>;
 export interface RangeFieldProps {
@@ -37,5 +37,5 @@ export interface RangeFieldProps {
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/form/docs/fields#rangefield-reference)
  * - [Usage](https://atlaskit.atlassian.com/packages/design-system/form/docs/fields#rangefield-reference)
  */
-declare const RangeField: FC<RangeFieldProps>;
+declare const RangeField: ({ children, defaultValue, id, isDisabled, label, name, ...strippedProps }: RangeFieldProps) => React.JSX.Element;
 export default RangeField;

package/dist/types-ts4.5/checkbox-field.d.ts

@@ -1,4 +1,4 @@
-import { type FC, type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 import { type FieldProps, type Meta } from './field';
 export interface CheckboxFieldProps extends FieldProps<string | undefined> {
     isChecked: boolean;
@@ -47,5 +47,5 @@ interface CheckboxProps {
  * - [Code] https://atlaskit.atlassian.com/packages/design-system/form/docs/fields#checkboxfield-reference
  * - [Usage] https://atlaskit.atlassian.com/packages/design-system/form/docs/fields#checkboxfield-reference
  */
-declare const CheckboxField: FC<CheckboxProps>;
+declare const CheckboxField: ({ children, defaultIsChecked, isDisabled, isRequired, label, name, value, ...rest }: CheckboxProps) => React.JSX.Element;
 export default CheckboxField;

package/dist/types-ts4.5/label.d.ts

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { type FC, type ReactNode } from 'react';
+import { type ReactNode } from 'react';
 export interface LabelProps {
     id?: string;
     htmlFor: string;
@@ -20,10 +20,10 @@ export interface LegendProps {
  * It's recommended that a label has a `space.050` spacing above its associated
  * control element.
  */
-export declare const Label: FC<LabelProps>;
+export declare const Label: ({ children, htmlFor, id, testId }: LabelProps) => JSX.Element;
 /**
  * __Legend__
  *
  * A Legend represents a caption for a fieldset in a user interface.
  */
-export declare const Legend: FC<LegendProps>;
+export declare const Legend: ({ children }: LegendProps) => JSX.Element;

package/dist/types-ts4.5/range-field.d.ts

@@ -1,4 +1,4 @@
-import React, { type FC, type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 import { type FieldProps, type Meta } from './field';
 type RangeProps = Omit<FieldProps<number>, 'isInvalid' | 'isRequired'>;
 export interface RangeFieldProps {
@@ -37,5 +37,5 @@ export interface RangeFieldProps {
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/form/docs/fields#rangefield-reference)
  * - [Usage](https://atlaskit.atlassian.com/packages/design-system/form/docs/fields#rangefield-reference)
  */
-declare const RangeField: FC<RangeFieldProps>;
+declare const RangeField: ({ children, defaultValue, id, isDisabled, label, name, ...strippedProps }: RangeFieldProps) => React.JSX.Element;
 export default RangeField;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/form",
-	"version": "12.0.11",
+	"version": "12.0.13",
 	"description": "A form allows users to input information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -26,12 +26,12 @@
 	},
 	"dependencies": {
 		"@atlaskit/css": "^0.12.0",
-		"@atlaskit/ds-lib": "^4.0.0",
+		"@atlaskit/ds-lib": "^4.1.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^27.3.0",
+		"@atlaskit/icon": "^27.5.0",
 		"@atlaskit/primitives": "^14.10.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tokens": "^5.4.0",
+		"@atlaskit/tokens": "^5.6.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3",
 		"final-form": "^4.20.3",
@@ -53,11 +53,11 @@
 		"@atlaskit/docs": "^11.0.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/lozenge": "^13.0.0",
-		"@atlaskit/modal-dialog": "^14.2.0",
+		"@atlaskit/modal-dialog": "^14.3.0",
 		"@atlaskit/radio": "^8.1.0",
 		"@atlaskit/range": "^9.1.0",
 		"@atlaskit/section-message": "^8.2.0",
-		"@atlaskit/select": "^21.1.0",
+		"@atlaskit/select": "^21.2.0",
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/toggle": "^15.0.0",