@atlaskit/form 9.1.1 → 9.2.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/form
 
+## 9.2.0
+
+### Minor Changes
+
+- [#89977](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/89977) [`4922acfee53b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4922acfee53b) - Typography tokens for RequiredAsterisk.
+
+## 9.1.2
+
+### Patch Changes
+
+- [#68248](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/68248) [`22e0fd4f6694`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/22e0fd4f6694) - Move the onBlur event from the input to the input container in `DatePicker`.
+  Add the type `aria-describedby` in to Field component.
+
 ## 9.1.1
 
 ### Patch Changes

package/dist/cjs/field.js

@@ -19,7 +19,7 @@ var _requiredAsterisk = _interopRequireDefault(require("./required-asterisk"));
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
 var fieldWrapperStyles = (0, _react2.css)({
-  marginTop: "var(--ds-space-100, 8px)"
+  marginBlockStart: "var(--ds-space-100, 8px)"
 });
 function isEvent(event) {
   return Boolean(event && event.target);

package/dist/cjs/required-asterisk.js

@@ -6,14 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = RequiredAsterisk;
 var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
-var _constants = require("@atlaskit/theme/constants");
 /** @jsx jsx */
 
-var fontFamily = (0, _constants.fontFamily)();
 var requiredIndicatorStyles = (0, _react.css)({
-  paddingLeft: "var(--ds-space-025, 2px)",
   color: "var(--ds-text-danger, ".concat(_colors.R400, ")"),
-  fontFamily: fontFamily
+  fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  paddingInlineStart: "var(--ds-space-025, 2px)"
 });
 function RequiredAsterisk() {
   return (0, _react.jsx)("span", {

package/dist/es2019/field.js

@@ -8,7 +8,7 @@ import { FormContext, IsDisabledContext } from './form';
 import { Label } from './label';
 import RequiredAsterisk from './required-asterisk';
 const fieldWrapperStyles = css({
-  marginTop: "var(--ds-space-100, 8px)"
+  marginBlockStart: "var(--ds-space-100, 8px)"
 });
 function isEvent(event) {
   return Boolean(event && event.target);

package/dist/es2019/required-asterisk.js

@@ -1,12 +1,10 @@
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import { R400 } from '@atlaskit/theme/colors';
-import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
-const fontFamily = getFontFamily();
 const requiredIndicatorStyles = css({
-  paddingLeft: "var(--ds-space-025, 2px)",
   color: `var(--ds-text-danger, ${R400})`,
-  fontFamily
+  fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  paddingInlineStart: "var(--ds-space-025, 2px)"
 });
 export default function RequiredAsterisk() {
   return jsx("span", {

package/dist/esm/field.js

@@ -13,7 +13,7 @@ import { FormContext, IsDisabledContext } from './form';
 import { Label } from './label';
 import RequiredAsterisk from './required-asterisk';
 var fieldWrapperStyles = css({
-  marginTop: "var(--ds-space-100, 8px)"
+  marginBlockStart: "var(--ds-space-100, 8px)"
 });
 function isEvent(event) {
   return Boolean(event && event.target);

package/dist/esm/required-asterisk.js

@@ -1,12 +1,10 @@
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import { R400 } from '@atlaskit/theme/colors';
-import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
-var fontFamily = getFontFamily();
 var requiredIndicatorStyles = css({
-  paddingLeft: "var(--ds-space-025, 2px)",
   color: "var(--ds-text-danger, ".concat(R400, ")"),
-  fontFamily: fontFamily
+  fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  paddingInlineStart: "var(--ds-space-025, 2px)"
 });
 export default function RequiredAsterisk() {
   return jsx("span", {

package/dist/types/field.d.ts

@@ -14,6 +14,7 @@ export interface FieldProps<FieldValue, Element extends SupportedElements = HTML
     name: string;
     'aria-invalid': 'true' | 'false';
     'aria-labelledby': string;
+    'aria-describedby'?: string;
 }
 export interface Meta {
     dirty: boolean;

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

@@ -14,6 +14,7 @@ export interface FieldProps<FieldValue, Element extends SupportedElements = HTML
     name: string;
     'aria-invalid': 'true' | 'false';
     'aria-labelledby': string;
+    'aria-describedby'?: string;
 }
 export interface Meta {
     dirty: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/form",
-  "version": "9.1.1",
+  "version": "9.2.0",
   "description": "A form allows users to input information.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -47,9 +47,11 @@
     "@af/integration-testing": "*",
     "@af/visual-regression": "*",
     "@atlaskit/banner": "^12.2.0",
-    "@atlaskit/button": "^17.11.0",
+    "@atlaskit/button": "^17.12.0",
     "@atlaskit/checkbox": "^13.1.0",
     "@atlaskit/ds-lib": "^2.2.0",
+    "@atlaskit/modal-dialog": "*",
+    "@atlaskit/radio": "*",
     "@atlaskit/range": "^7.1.0",
     "@atlaskit/select": "^17.6.0",
     "@atlaskit/ssr": "*",