@atlaskit/form 8.4.4 → 8.4.8

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @atlaskit/form
 
+## 8.4.8
+
+### Patch Changes
+
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Updates usage of deprecated token names so they're aligned with the latest naming conventions. No UI or visual changes
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Bump dependency tiny-invariant to latest"
+- Updated dependencies
+
+## 8.4.7
+
+### Patch Changes
+
+- Updated dependencies
+
+## 8.4.6
+
+### Patch Changes
+
+- [`c55c736ecea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c55c736ecea) - Patch VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489
+
+## 8.4.5
+
+### Patch Changes
+
+- [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
+- Updated dependencies
+
 ## 8.4.4
 
 ### Patch Changes

package/dist/cjs/checkbox-field.js

@@ -21,13 +21,19 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _field = _interopRequireDefault(require("./field"));
 
+var _excluded = ["children", "defaultIsChecked", "value"],
+    _excluded2 = ["value"],
+    _excluded3 = ["fieldProps"],
+    _excluded4 = ["value"],
+    _excluded5 = ["fieldProps"];
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 /**
  * __Checkbox field__
@@ -43,7 +49,7 @@ var CheckboxField = function CheckboxField(props) {
       _props$defaultIsCheck = props.defaultIsChecked,
       defaultIsChecked = _props$defaultIsCheck === void 0 ? false : _props$defaultIsCheck,
       value = props.value,
-      rest = (0, _objectWithoutProperties2.default)(props, ["children", "defaultIsChecked", "value"]); // Maintains a memoised list of the default values
+      rest = (0, _objectWithoutProperties2.default)(props, _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] : [];
@@ -59,8 +65,8 @@ var CheckboxField = function CheckboxField(props) {
   }), function (_ref) {
     var _ref$fieldProps = _ref.fieldProps,
         fieldValue = _ref$fieldProps.value,
-        otherFieldProps = (0, _objectWithoutProperties2.default)(_ref$fieldProps, ["value"]),
-        others = (0, _objectWithoutProperties2.default)(_ref, ["fieldProps"]);
+        otherFieldProps = (0, _objectWithoutProperties2.default)(_ref$fieldProps, _excluded2),
+        others = (0, _objectWithoutProperties2.default)(_ref, _excluded3);
     return children(_objectSpread({
       fieldProps: _objectSpread(_objectSpread({}, otherFieldProps), {}, {
         isChecked: !!fieldValue.find(function (v) {
@@ -77,8 +83,8 @@ var CheckboxField = function CheckboxField(props) {
   }), function (_ref2) {
     var _ref2$fieldProps = _ref2.fieldProps,
         fieldValue = _ref2$fieldProps.value,
-        otherFieldProps = (0, _objectWithoutProperties2.default)(_ref2$fieldProps, ["value"]),
-        others = (0, _objectWithoutProperties2.default)(_ref2, ["fieldProps"]);
+        otherFieldProps = (0, _objectWithoutProperties2.default)(_ref2$fieldProps, _excluded4),
+        others = (0, _objectWithoutProperties2.default)(_ref2, _excluded5);
     return children(_objectSpread({
       fieldProps: _objectSpread(_objectSpread({}, otherFieldProps), {}, {
         isChecked: fieldValue,

package/dist/cjs/entry-points/messages.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "HelperMessage", {
+Object.defineProperty(exports, "ErrorMessage", {
   enumerable: true,
   get: function get() {
-    return _messages.HelperMessage;
+    return _messages.ErrorMessage;
   }
 });
-Object.defineProperty(exports, "ErrorMessage", {
+Object.defineProperty(exports, "HelperMessage", {
   enumerable: true,
   get: function get() {
-    return _messages.ErrorMessage;
+    return _messages.HelperMessage;
   }
 });
 Object.defineProperty(exports, "ValidMessage", {

package/dist/cjs/field.js

@@ -7,8 +7,8 @@ var _typeof3 = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = Field;
 exports.FieldId = void 0;
+exports.default = Field;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -32,17 +32,15 @@ var _constants = require("@atlaskit/theme/constants");
 
 var _typography = require("@atlaskit/theme/typography");
 
-var _tokens = require("@atlaskit/tokens");
-
 var _form = require("./form");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var gridSize = (0, _constants.gridSize)();
 var fontFamily = (0, _constants.fontFamily)();
@@ -57,7 +55,7 @@ var labelStyles = (0, _core.css)({
 });
 var requiredIndicatorStyles = (0, _core.css)({
   paddingLeft: "".concat(gridSize * 0.25, "px"),
-  color: "".concat((0, _tokens.token)('color.text.danger', _colors.R400)),
+  color: "".concat("var(--ds-text-danger, ".concat(_colors.R400, ")")),
   fontFamily: "".concat(fontFamily)
 }); // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
 

package/dist/cjs/form-header.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FormHeaderTitle = exports.FormHeaderDescription = exports.FormHeaderContent = exports.default = void 0;
+exports.default = exports.FormHeaderTitle = exports.FormHeaderDescription = exports.FormHeaderContent = void 0;
 
 var _core = require("@emotion/core");
 

package/dist/cjs/form.js

@@ -7,8 +7,8 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = Form;
 exports.IsDisabledContext = exports.FormContext = void 0;
+exports.default = Form;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 

package/dist/cjs/index.js

@@ -5,46 +5,46 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "CheckboxField", {
   enumerable: true,
   get: function get() {
-    return _form.default;
+    return _checkboxField.default;
   }
 });
-Object.defineProperty(exports, "FormHeader", {
+Object.defineProperty(exports, "ErrorMessage", {
   enumerable: true,
   get: function get() {
-    return _formHeader.default;
+    return _messages.ErrorMessage;
   }
 });
-Object.defineProperty(exports, "FormFooter", {
+Object.defineProperty(exports, "Field", {
   enumerable: true,
   get: function get() {
-    return _formFooter.default;
+    return _field.default;
   }
 });
-Object.defineProperty(exports, "FormSection", {
+Object.defineProperty(exports, "Fieldset", {
   enumerable: true,
   get: function get() {
-    return _formSection.default;
+    return _fieldset.default;
   }
 });
-Object.defineProperty(exports, "Field", {
+Object.defineProperty(exports, "FormFooter", {
   enumerable: true,
   get: function get() {
-    return _field.default;
+    return _formFooter.default;
   }
 });
-Object.defineProperty(exports, "CheckboxField", {
+Object.defineProperty(exports, "FormHeader", {
   enumerable: true,
   get: function get() {
-    return _checkboxField.default;
+    return _formHeader.default;
   }
 });
-Object.defineProperty(exports, "RangeField", {
+Object.defineProperty(exports, "FormSection", {
   enumerable: true,
   get: function get() {
-    return _rangeField.default;
+    return _formSection.default;
   }
 });
 Object.defineProperty(exports, "HelperMessage", {
@@ -53,10 +53,10 @@ Object.defineProperty(exports, "HelperMessage", {
     return _messages.HelperMessage;
   }
 });
-Object.defineProperty(exports, "ErrorMessage", {
+Object.defineProperty(exports, "RangeField", {
   enumerable: true,
   get: function get() {
-    return _messages.ErrorMessage;
+    return _rangeField.default;
   }
 });
 Object.defineProperty(exports, "ValidMessage", {
@@ -65,10 +65,10 @@ Object.defineProperty(exports, "ValidMessage", {
     return _messages.ValidMessage;
   }
 });
-Object.defineProperty(exports, "Fieldset", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _fieldset.default;
+    return _form.default;
   }
 });
 

package/dist/cjs/messages.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ValidMessage = exports.ErrorMessage = exports.HelperMessage = void 0;
+exports.ValidMessage = exports.HelperMessage = exports.ErrorMessage = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -23,8 +23,6 @@ var _constants = require("@atlaskit/theme/constants");
 
 var _typography = require("@atlaskit/theme/typography");
 
-var _tokens = require("@atlaskit/tokens");
-
 var _field = require("./field");
 
 /** @jsx jsx */
@@ -43,13 +41,13 @@ var darkH200Styles = (0, _core.css)((0, _typography.h200)({
   }
 }));
 var messageErrorColorStyles = (0, _core.css)({
-  color: (0, _tokens.token)('color.text.danger', _colors.R400)
+  color: "var(--ds-text-danger, ".concat(_colors.R400, ")")
 });
 var messageNeutralColorStyles = (0, _core.css)({
-  color: (0, _tokens.token)('color.text.lowEmphasis', _colors.N200)
+  color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")")
 });
 var messageValidColorStyles = (0, _core.css)({
-  color: (0, _tokens.token)('color.text.success', _colors.G400)
+  color: "var(--ds-text-success, ".concat(_colors.G400, ")")
 });
 var messageStyles = (0, _core.css)({
   display: 'flex',

package/dist/cjs/range-field.js

@@ -17,9 +17,13 @@ var _react = _interopRequireDefault(require("react"));
 
 var _field = _interopRequireDefault(require("./field"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+var _excluded = ["children"],
+    _excluded2 = ["isInvalid", "isRequired"],
+    _excluded3 = ["fieldProps"];
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 /**
  * __Range field__
@@ -32,7 +36,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  */
 var RangeField = function RangeField(props) {
   var children = props.children,
-      strippedProps = (0, _objectWithoutProperties2.default)(props, ["children"]); // isInvalid and isRequired are specifically invalid for range inputs
+      strippedProps = (0, _objectWithoutProperties2.default)(props, _excluded); // isInvalid and isRequired are specifically invalid for range inputs
 
   return /*#__PURE__*/_react.default.createElement(_field.default, (0, _extends2.default)({}, strippedProps, {
     transform: Number
@@ -40,8 +44,8 @@ var RangeField = function RangeField(props) {
     var _ref$fieldProps = _ref.fieldProps,
         isInvalid = _ref$fieldProps.isInvalid,
         isRequired = _ref$fieldProps.isRequired,
-        fieldProps = (0, _objectWithoutProperties2.default)(_ref$fieldProps, ["isInvalid", "isRequired"]),
-        rest = (0, _objectWithoutProperties2.default)(_ref, ["fieldProps"]);
+        fieldProps = (0, _objectWithoutProperties2.default)(_ref$fieldProps, _excluded2),
+        rest = (0, _objectWithoutProperties2.default)(_ref, _excluded3);
     return children(_objectSpread({
       fieldProps: fieldProps
     }, rest));

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/form",
-	"version": "8.4.4",
+	"version": "8.4.8",
 	"sideEffects": false
 }

package/dist/es2019/field.js

@@ -7,7 +7,6 @@ import { R400 } from '@atlaskit/theme/colors';
 import { useGlobalTheme } from '@atlaskit/theme/components';
 import { fontFamily as getFontFamily, gridSize as getGridSize } from '@atlaskit/theme/constants';
 import { h200 } from '@atlaskit/theme/typography';
-import { token } from '@atlaskit/tokens';
 import { FormContext, IsDisabledContext } from './form';
 const gridSize = getGridSize();
 const fontFamily = getFontFamily();
@@ -22,7 +21,7 @@ const labelStyles = css({
 });
 const requiredIndicatorStyles = css({
   paddingLeft: `${gridSize * 0.25}px`,
-  color: `${token('color.text.danger', R400)}`,
+  color: `${`var(--ds-text-danger, ${R400})`}`,
   fontFamily: `${fontFamily}`
 }); // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
 

package/dist/es2019/messages.js

@@ -7,7 +7,6 @@ import { G400, N200, R400 } from '@atlaskit/theme/colors';
 import { useGlobalTheme } from '@atlaskit/theme/components';
 import { fontFamily as getFontFamily, gridSize as getGridSize } from '@atlaskit/theme/constants';
 import { h200 } from '@atlaskit/theme/typography';
-import { token } from '@atlaskit/tokens';
 import { FieldId } from './field';
 const gridSize = getGridSize();
 const fontFamily = getFontFamily(); // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
@@ -24,13 +23,13 @@ const darkH200Styles = css(h200({
   }
 }));
 const messageErrorColorStyles = css({
-  color: token('color.text.danger', R400)
+  color: `var(--ds-text-danger, ${R400})`
 });
 const messageNeutralColorStyles = css({
-  color: token('color.text.lowEmphasis', N200)
+  color: `var(--ds-text-subtlest, ${N200})`
 });
 const messageValidColorStyles = css({
-  color: token('color.text.success', G400)
+  color: `var(--ds-text-success, ${G400})`
 });
 const messageStyles = css({
   display: 'flex',

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/form",
-	"version": "8.4.4",
+	"version": "8.4.8",
 	"sideEffects": false
 }

package/dist/esm/checkbox-field.js

@@ -2,10 +2,15 @@ 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"],
+    _excluded2 = ["value"],
+    _excluded3 = ["fieldProps"],
+    _excluded4 = ["value"],
+    _excluded5 = ["fieldProps"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React, { useCallback } from 'react';
 import Field from './field';
@@ -24,7 +29,7 @@ var CheckboxField = function CheckboxField(props) {
       _props$defaultIsCheck = props.defaultIsChecked,
       defaultIsChecked = _props$defaultIsCheck === void 0 ? false : _props$defaultIsCheck,
       value = props.value,
-      rest = _objectWithoutProperties(props, ["children", "defaultIsChecked", "value"]); // Maintains a memoised list of the default values
+      rest = _objectWithoutProperties(props, _excluded); // Maintains a memoised list of the default values
 
 
   var defaultValue = useCallback(function () {
@@ -41,8 +46,8 @@ var CheckboxField = function CheckboxField(props) {
   }), function (_ref) {
     var _ref$fieldProps = _ref.fieldProps,
         fieldValue = _ref$fieldProps.value,
-        otherFieldProps = _objectWithoutProperties(_ref$fieldProps, ["value"]),
-        others = _objectWithoutProperties(_ref, ["fieldProps"]);
+        otherFieldProps = _objectWithoutProperties(_ref$fieldProps, _excluded2),
+        others = _objectWithoutProperties(_ref, _excluded3);
 
     return children(_objectSpread({
       fieldProps: _objectSpread(_objectSpread({}, otherFieldProps), {}, {
@@ -60,8 +65,8 @@ var CheckboxField = function CheckboxField(props) {
   }), function (_ref2) {
     var _ref2$fieldProps = _ref2.fieldProps,
         fieldValue = _ref2$fieldProps.value,
-        otherFieldProps = _objectWithoutProperties(_ref2$fieldProps, ["value"]),
-        others = _objectWithoutProperties(_ref2, ["fieldProps"]);
+        otherFieldProps = _objectWithoutProperties(_ref2$fieldProps, _excluded4),
+        others = _objectWithoutProperties(_ref2, _excluded5);
 
     return children(_objectSpread({
       fieldProps: _objectSpread(_objectSpread({}, otherFieldProps), {}, {

package/dist/esm/field.js

@@ -2,9 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _typeof from "@babel/runtime/helpers/typeof";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 /** @jsx jsx */
 import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
@@ -15,7 +15,6 @@ import { R400 } from '@atlaskit/theme/colors';
 import { useGlobalTheme } from '@atlaskit/theme/components';
 import { fontFamily as getFontFamily, gridSize as getGridSize } from '@atlaskit/theme/constants';
 import { h200 } from '@atlaskit/theme/typography';
-import { token } from '@atlaskit/tokens';
 import { FormContext, IsDisabledContext } from './form';
 var gridSize = getGridSize();
 var fontFamily = getFontFamily();
@@ -30,7 +29,7 @@ var labelStyles = css({
 });
 var requiredIndicatorStyles = css({
   paddingLeft: "".concat(gridSize * 0.25, "px"),
-  color: "".concat(token('color.text.danger', R400)),
+  color: "".concat("var(--ds-text-danger, ".concat(R400, ")")),
   fontFamily: "".concat(fontFamily)
 }); // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
 

package/dist/esm/messages.js

@@ -7,7 +7,6 @@ import { G400, N200, R400 } from '@atlaskit/theme/colors';
 import { useGlobalTheme } from '@atlaskit/theme/components';
 import { fontFamily as getFontFamily, gridSize as getGridSize } from '@atlaskit/theme/constants';
 import { h200 } from '@atlaskit/theme/typography';
-import { token } from '@atlaskit/tokens';
 import { FieldId } from './field';
 var gridSize = getGridSize();
 var fontFamily = getFontFamily(); // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
@@ -24,13 +23,13 @@ var darkH200Styles = css(h200({
   }
 }));
 var messageErrorColorStyles = css({
-  color: token('color.text.danger', R400)
+  color: "var(--ds-text-danger, ".concat(R400, ")")
 });
 var messageNeutralColorStyles = css({
-  color: token('color.text.lowEmphasis', N200)
+  color: "var(--ds-text-subtlest, ".concat(N200, ")")
 });
 var messageValidColorStyles = css({
-  color: token('color.text.success', G400)
+  color: "var(--ds-text-success, ".concat(G400, ")")
 });
 var messageStyles = css({
   display: 'flex',

package/dist/esm/range-field.js

@@ -1,10 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children"],
+    _excluded2 = ["isInvalid", "isRequired"],
+    _excluded3 = ["fieldProps"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React from 'react';
 import Field from './field';
@@ -20,7 +23,7 @@ import Field from './field';
  */
 var RangeField = function RangeField(props) {
   var children = props.children,
-      strippedProps = _objectWithoutProperties(props, ["children"]); // isInvalid and isRequired are specifically invalid for range inputs
+      strippedProps = _objectWithoutProperties(props, _excluded); // isInvalid and isRequired are specifically invalid for range inputs
 
 
   return /*#__PURE__*/React.createElement(Field, _extends({}, strippedProps, {
@@ -29,8 +32,8 @@ var RangeField = function RangeField(props) {
     var _ref$fieldProps = _ref.fieldProps,
         isInvalid = _ref$fieldProps.isInvalid,
         isRequired = _ref$fieldProps.isRequired,
-        fieldProps = _objectWithoutProperties(_ref$fieldProps, ["isInvalid", "isRequired"]),
-        rest = _objectWithoutProperties(_ref, ["fieldProps"]);
+        fieldProps = _objectWithoutProperties(_ref$fieldProps, _excluded2),
+        rest = _objectWithoutProperties(_ref, _excluded3);
 
     return children(_objectSpread({
       fieldProps: fieldProps

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/form",
-	"version": "8.4.4",
+	"version": "8.4.8",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/form",
-  "version": "8.4.4",
+  "version": "8.4.8",
   "description": "A form allows users to input information.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -29,7 +29,6 @@
   },
   "atlassian": {
     "team": "Design System Team",
-    "inPublicMirror": true,
     "releaseModel": "scheduled",
     "website": {
       "name": "Form"
@@ -37,30 +36,29 @@
   },
   "homepage": "https://atlassian.design/components/form/",
   "dependencies": {
-    "@atlaskit/icon": "^21.9.0",
-    "@atlaskit/theme": "^12.0.0",
-    "@atlaskit/tokens": "^0.3.0",
+    "@atlaskit/icon": "^21.10.0",
+    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/tokens": "^0.6.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9",
     "final-form": "^4.20.1",
     "final-form-focus": "^1.1.2",
-    "lodash": "^4.17.15",
+    "lodash": "^4.17.21",
     "react-uid": "^2.2.0",
-    "tiny-invariant": "^0.0.3"
+    "tiny-invariant": "^1.2.0"
   },
   "peerDependencies": {
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/build-utils": "*",
     "@atlaskit/button": "^16.1.0",
     "@atlaskit/calendar": "^12.1.0",
     "@atlaskit/checkbox": "^12.3.0",
     "@atlaskit/datetime-picker": "^11.1.0",
     "@atlaskit/docs": "^9.0.0",
-    "@atlaskit/dropdown-menu": "^10.1.0",
+    "@atlaskit/dropdown-menu": "^11.0.0",
     "@atlaskit/droplist": "^11.0.0",
-    "@atlaskit/modal-dialog": "^12.1.0",
+    "@atlaskit/modal-dialog": "^12.2.0",
     "@atlaskit/radio": "^5.3.0",
     "@atlaskit/range": "^5.1.0",
     "@atlaskit/section-message": "^6.1.0",
@@ -68,7 +66,7 @@
     "@atlaskit/ssr": "*",
     "@atlaskit/textarea": "^4.2.0",
     "@atlaskit/textfield": "^5.1.0",
-    "@atlaskit/toggle": "^12.3.0",
+    "@atlaskit/toggle": "^12.4.0",
     "@atlaskit/tooltip": "^17.5.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
@@ -99,7 +97,10 @@
         "react-context",
         "tokens"
       ],
-      "styling": "emotion",
+      "styling": [
+        "static",
+        "emotion"
+      ],
       "design-system": "v1",
       "deprecation": "no-deprecated-imports"
     }