@atlaskit/form 8.4.4 → 8.4.5

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/form
 
+## 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/field.js

@@ -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/messages.js

@@ -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.4",
+	"version": "8.4.5",
 	"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.4",
+	"version": "8.4.5",
 	"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.4",
+	"version": "8.4.5",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/form",
-  "version": "8.4.4",
+  "version": "8.4.5",
   "description": "A form allows users to input information.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -39,7 +39,7 @@
   "dependencies": {
     "@atlaskit/icon": "^21.9.0",
     "@atlaskit/theme": "^12.0.0",
-    "@atlaskit/tokens": "^0.3.0",
+    "@atlaskit/tokens": "^0.4.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9",
     "final-form": "^4.20.1",
@@ -58,9 +58,9 @@
     "@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",
@@ -99,7 +99,10 @@
         "react-context",
         "tokens"
       ],
-      "styling": "emotion",
+      "styling": [
+        "static",
+        "emotion"
+      ],
       "design-system": "v1",
       "deprecation": "no-deprecated-imports"
     }