@atlaskit/form 8.4.2 → 8.4.6

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @atlaskit/form
 
+## 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
+
+- Updated dependencies
+
+## 8.4.3
+
+### Patch Changes
+
+- [`2cf338dd802`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2cf338dd802) - Added homepage to package.json
+
 ## 8.4.2
 
 ### Patch Changes

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,8 +32,6 @@ 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); }
@@ -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-lowEmphasis, ".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/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/form",
-	"version": "8.4.2",
+	"version": "8.4.6",
 	"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-lowEmphasis, ${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.2",
+	"version": "8.4.6",
 	"sideEffects": false
 }

package/dist/esm/field.js

@@ -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-lowEmphasis, ".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/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/form",
-  "version": "8.4.2",
+  "version": "8.4.6",
   "description": "A form allows users to input information.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -29,21 +29,21 @@
   },
   "atlassian": {
     "team": "Design System Team",
-    "inPublicMirror": true,
     "releaseModel": "scheduled",
     "website": {
       "name": "Form"
     }
   },
+  "homepage": "https://atlassian.design/components/form/",
   "dependencies": {
     "@atlaskit/icon": "^21.9.0",
     "@atlaskit/theme": "^12.0.0",
-    "@atlaskit/tokens": "^0.2.0",
+    "@atlaskit/tokens": "^0.4.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"
   },
@@ -55,17 +55,15 @@
     "@atlaskit/button": "^16.1.0",
     "@atlaskit/calendar": "^12.1.0",
     "@atlaskit/checkbox": "^12.3.0",
-    "@atlaskit/datetime-picker": "^11.0.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.0.0",
-    "@atlaskit/multi-select": "^15.0.0",
+    "@atlaskit/modal-dialog": "^12.2.0",
     "@atlaskit/radio": "^5.3.0",
-    "@atlaskit/range": "^5.0.5",
+    "@atlaskit/range": "^5.1.0",
     "@atlaskit/section-message": "^6.1.0",
     "@atlaskit/select": "^15.2.0",
-    "@atlaskit/single-select": "^10.0.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/textarea": "^4.2.0",
     "@atlaskit/textfield": "^5.1.0",
@@ -97,10 +95,13 @@
     "@repo/internal": {
       "analytics": "analytics-next",
       "theming": [
-        "new-theming-api",
+        "react-context",
         "tokens"
       ],
-      "styling": "emotion",
+      "styling": [
+        "static",
+        "emotion"
+      ],
       "design-system": "v1",
       "deprecation": "no-deprecated-imports"
     }