@atlaskit/link-create 2.11.5 → 2.12.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/link-create
 
+## 2.12.0
+
+### Minor Changes
+
+- [#143386](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/143386)
+  [`56176a0b84544`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/56176a0b84544) -
+  Exposing CreateField as something that can be imported
+
+### Patch Changes
+
+- Updated dependencies
+
+## 2.11.6
+
+### Patch Changes
+
+- [#137381](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/137381)
+  [`224684c4c470e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/224684c4c470e) -
+  Improves form field accessibility of error messages and help text behind a feature flag.
+
 ## 2.11.5
 
 ### Patch Changes

package/dist/cjs/common/constants.js

@@ -13,7 +13,7 @@ var CREATE_FORM_MIN_HEIGHT_IN_PX = exports.CREATE_FORM_MIN_HEIGHT_IN_PX = '200';
 var LINK_CREATE_FORM_POST_CREATE_FIELD = exports.LINK_CREATE_FORM_POST_CREATE_FIELD = '__post_create__';
 var PACKAGE_DATA = exports.PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "2.11.5" || '',
+  packageVersion: "2.12.0" || '',
   component: COMPONENT_NAME,
   componentName: COMPONENT_NAME
 };

package/dist/cjs/common/ui/Button/index.js

@@ -15,7 +15,7 @@ var _constants = require("../../../common/constants");
 var _analytics = _interopRequireDefault(require("../../../common/utils/analytics/analytics.codegen"));
 var _excluded = ["actionSubjectId"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var Button = exports.Button = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var actionSubjectId = _ref.actionSubjectId,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);

package/dist/cjs/common/ui/ModalDialog/index.js

@@ -15,7 +15,7 @@ var _analytics = _interopRequireDefault(require("../../utils/analytics/analytics
 var _components = require("../../utils/analytics/components");
 var _excluded = ["screen", "children"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var ModalOpenCloseEvents = function ModalOpenCloseEvents() {
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;

package/dist/cjs/common/ui/error-boundary/error-boundary-base/index.js

@@ -11,7 +11,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _react = require("react");
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var BaseErrorBoundary = exports.BaseErrorBoundary = /*#__PURE__*/function (_Component) {

package/dist/cjs/common/ui/error-boundary/index.js

@@ -14,7 +14,7 @@ var _analytics = _interopRequireDefault(require("../../../common/utils/analytics
 var _experienceTracker = require("../experience-tracker");
 var _errorBoundaryBase = require("./error-boundary-base");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var ErrorBoundary = exports.ErrorBoundary = function ErrorBoundary(_ref) {
   var children = _ref.children,
     errorComponent = _ref.errorComponent;

package/dist/cjs/common/ui/error-boundary-modal/index.js

@@ -10,7 +10,7 @@ var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
 var _constants = require("../../constants");
 var _errorBoundaryUi = require("../error-boundary-ui");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * @jsxRuntime classic
  * @jsx jsx

package/dist/cjs/common/ui/experience-tracker/index.js

@@ -14,7 +14,7 @@ var _constants = require("../../constants");
 var _analytics = _interopRequireDefault(require("../../utils/analytics/analytics.codegen"));
 var _errors = require("../../utils/errors");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; }
 var ExperienceContext = /*#__PURE__*/(0, _react.createContext)({

package/dist/cjs/common/ui/link-create-content/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.LinkCreateContent = void 0;
 var _react = _interopRequireWildcard(require("react"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var LinkCreateContent = exports.LinkCreateContent = function LinkCreateContent(_ref) {
   var plugins = _ref.plugins,
     entityKey = _ref.entityKey;

package/dist/cjs/common/ui/message/index.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Message = void 0;
+var _react = require("@emotion/react");
+var _checkCircle = _interopRequireDefault(require("@atlaskit/icon/utility/check-circle"));
+var _error = _interopRequireDefault(require("@atlaskit/icon/utility/error"));
+var _primitives = require("@atlaskit/primitives");
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+var messageStyles = (0, _primitives.xcss)({
+  display: 'flex',
+  justifyContent: 'baseline',
+  gap: 'space.050',
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  marginBlockStart: 'space.050'
+});
+var messageAppearanceStyles = {
+  default: (0, _primitives.xcss)({
+    color: 'color.text.subtlest'
+  }),
+  error: (0, _primitives.xcss)({
+    color: 'color.text.danger'
+  }),
+  valid: (0, _primitives.xcss)({
+    color: 'color.text.success'
+  })
+};
+var iconWrapperStyles = (0, _react.css)({
+  display: 'flex',
+  alignItems: 'center',
+  marginInlineStart: "var(--ds-space-025, 2px)",
+  marginInlineEnd: "var(--ds-space-025, 2px)"
+});
+var IconWrapper = function IconWrapper(_ref) {
+  var children = _ref.children;
+  return (0, _react.jsx)("span", {
+    css: iconWrapperStyles
+  }, children);
+};
+var messageIcons = {
+  error: (0, _react.jsx)(_error.default, {
+    color: "var(--ds-text-danger, #AE2A19)",
+    label: "error"
+  }),
+  valid: (0, _react.jsx)(_checkCircle.default, {
+    color: "var(--ds-text-success, #216E4E)",
+    label: "success"
+  })
+};
+var Message = exports.Message = function Message(_ref2) {
+  var children = _ref2.children,
+    _ref2$appearance = _ref2.appearance,
+    appearance = _ref2$appearance === void 0 ? 'default' : _ref2$appearance,
+    id = _ref2.id,
+    testId = _ref2.testId;
+  var icon = messageIcons[appearance];
+
+  /**
+   * The wrapping span is necessary to preserve spaces between children.
+   * Otherwise the flex layout of the message will remove any whitespace
+   * between children.
+   *
+   * If the child is just a string, this is not required and we can use one
+   * less DOM element.
+   */
+  var content = typeof children === 'string' ? children : (0, _react.jsx)("span", null, children);
+  return (0, _react.jsx)(_primitives.Box, {
+    xcss: [messageStyles, messageAppearanceStyles[appearance]],
+    testId: testId,
+    id: id
+  }, icon && (0, _react.jsx)(IconWrapper, null, icon), content);
+};

package/dist/cjs/common/ui/modal-hero/index.js

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _primitives = require("@atlaskit/primitives");
 var _errorBoundary = require("../../../common/ui/error-boundary");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var ErrorComponent = function ErrorComponent() {
   // when there's an error, render nothing but report the issue
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, null);

package/dist/cjs/common/utils/analytics/context.js

@@ -13,7 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _constants = require("../../constants");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; }
 var UNKNOWN = 'unknown';

package/dist/cjs/common/utils/locale/fetch-messages-for-locale.js

@@ -9,7 +9,7 @@ exports.fetchMessagesForLocale = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var fetchMessagesForLocale = exports.fetchMessagesForLocale = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(locale) {
     var messages, parentLocale, _messages;

package/dist/cjs/controllers/callback-context/main.js

@@ -16,7 +16,7 @@ var _experienceTracker = require("../../common/ui/experience-tracker");
 var _analytics = _interopRequireDefault(require("../../common/utils/analytics/analytics.codegen"));
 var _errors = require("../../common/utils/errors");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; }
 var LinkCreateCallbackContext = /*#__PURE__*/_react.default.createContext({});

package/dist/cjs/controllers/create-field/main.js

@@ -6,16 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CreateField = CreateField;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("@emotion/react");
+var _react = require("react");
+var _react2 = require("@emotion/react");
 var _reactFinalForm = require("react-final-form");
 var _form = require("@atlaskit/form");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _message = require("../../common/ui/message");
 var _form2 = require("../../common/utils/form");
 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; } /**
  * @jsxRuntime classic
  * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var fieldWrapperStyles = (0, _react.css)({
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+var fieldWrapperStyles = (0, _react2.css)({
   marginTop: "var(--ds-space-100, 8px)"
 });
 function CreateField(_ref) {
@@ -28,7 +31,7 @@ function CreateField(_ref) {
     testId = _ref.testId,
     children = _ref.children;
   var fieldId = id ? id : "link-create-field-".concat(name);
-  return (0, _react.jsx)(_reactFinalForm.Field, {
+  return (0, _react2.jsx)(_reactFinalForm.Field, {
     name: name,
     validate: function validate(value) {
       var _find;
@@ -43,20 +46,38 @@ function CreateField(_ref) {
     var submitError = meta.submitError,
       error = meta.error;
     var hasError = !!submitError || !!error;
-    return (0, _react.jsx)("div", {
+    var showErrorMessage = hasError && isInvalid;
+    var describedById = "".concat(fieldId, "-description");
+    var errorMessageId = "".concat(fieldId, "-error");
+    var ariaErrorMessage = showErrorMessage ? errorMessageId : undefined;
+    return (0, _react2.jsx)("div", {
       css: fieldWrapperStyles,
       "data-testid": testId
-    }, label && (0, _react.jsx)(_form.Label, {
+    }, label && (0, _react2.jsx)(_form.Label, {
       htmlFor: fieldId,
       id: "".concat(fieldId, "-label"),
       testId: "".concat(testId, "-label")
-    }, label, isRequired && (0, _react.jsx)(_form.RequiredAsterisk, null)), children(_objectSpread(_objectSpread({}, input), {}, {
+    }, label, isRequired && (0, _react2.jsx)(_form.RequiredAsterisk, null)), children(_objectSpread(_objectSpread({}, input), {}, {
       fieldId: fieldId,
       isInvalid: isInvalid
-    })), !hasError && validationHelpText && (0, _react.jsx)(_form.HelperMessage, {
+    }, (0, _platformFeatureFlags.fg)('linking-platform-create-field-error-association') ? {
+      isRequired: isRequired,
+      'aria-errormessage': ariaErrorMessage,
+      'aria-describedby': describedById
+    } : {})), (0, _platformFeatureFlags.fg)('linking-platform-create-field-error-association') ? (0, _react2.jsx)("div", {
+      id: describedById
+    }, !hasError && validationHelpText && (0, _react2.jsx)(_message.Message, {
       testId: "".concat(testId, "-helper-message")
-    }, validationHelpText), hasError && isInvalid && (0, _react.jsx)(_form.ErrorMessage, {
+    }, validationHelpText), (0, _react2.jsx)("div", {
+      "aria-live": "polite"
+    }, showErrorMessage && (0, _react2.jsx)(_message.Message, {
+      id: errorMessageId,
+      appearance: "error",
       testId: "".concat(testId, "-error-message")
-    }, submitError || error));
+    }, submitError || error))) : (0, _react2.jsx)(_react.Fragment, null, !hasError && validationHelpText && (0, _react2.jsx)(_form.HelperMessage, {
+      testId: "".concat(testId, "-helper-message")
+    }, validationHelpText), hasError && isInvalid && (0, _react2.jsx)(_form.ErrorMessage, {
+      testId: "".concat(testId, "-error-message")
+    }, submitError || error)));
   });
 }

package/dist/cjs/controllers/edit-post-create-context/index.js

@@ -9,7 +9,7 @@ exports.useEditPostCreateModal = exports.EditPostCreateModalProvider = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var EditPostCreateModalContext = /*#__PURE__*/(0, _react.createContext)({
   editViewPayload: undefined,
   setEditViewPayload: function setEditViewPayload() {},

package/dist/cjs/controllers/exit-warning-modal-context/index.js

@@ -9,7 +9,7 @@ exports.useWithExitWarning = exports.useExitWarningModal = exports.ExitWarningMo
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var ExitWarningModalContext = /*#__PURE__*/(0, _react.createContext)({
   getShouldShowWarning: function getShouldShowWarning() {
     return false;

package/dist/cjs/controllers/form-context/main.js

@@ -9,7 +9,7 @@ exports.withLinkCreateFormContext = exports.useFormContext = exports.FormContext
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var FormContext = exports.FormContext = /*#__PURE__*/(0, _react.createContext)({
   setFormErrorMessage: function setFormErrorMessage() {},
   enableEditView: undefined

package/dist/cjs/controllers/plugin-context/index.js

@@ -9,7 +9,7 @@ exports.useLinkCreatePlugins = exports.LinkCreatePluginsProvider = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var LinkCreatePluginsContext = /*#__PURE__*/(0, _react.createContext)(null);
 var LinkCreatePluginsProvider = exports.LinkCreatePluginsProvider = function LinkCreatePluginsProvider(_ref) {
   var plugins = _ref.plugins,

package/dist/cjs/index.js

@@ -10,6 +10,12 @@ Object.defineProperty(exports, "AsyncSelect", {
     return _index.AsyncSelect;
   }
 });
+Object.defineProperty(exports, "CreateField", {
+  enumerable: true,
+  get: function get() {
+    return _index2.CreateField;
+  }
+});
 Object.defineProperty(exports, "CreateForm", {
   enumerable: true,
   get: function get() {
@@ -111,5 +117,6 @@ var _callbackContext = require("./controllers/callback-context");
 var _exitWarningModalContext = require("./controllers/exit-warning-modal-context");
 var _finalForm = require("final-form");
 var _icon = require("./common/ui/icon");
+var _index2 = require("./controllers/create-field/index");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/dist/cjs/ui/create-form/async-select/main.js

@@ -16,13 +16,14 @@ var _react2 = require("@emotion/react");
 var _debouncePromise = _interopRequireDefault(require("debounce-promise"));
 var _reactFinalForm = require("react-final-form");
 var _reactIntlNext = require("react-intl-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _select = require("@atlaskit/select");
 var _messages = _interopRequireDefault(require("../../../common/messages"));
 var _callbackContext = require("../../../controllers/callback-context");
 var _createField = require("../../../controllers/create-field");
 var _formContext = require("../../../controllers/form-context");
 var _excluded = ["id", "name", "label", "isRequired", "validators", "validationHelpText", "testId", "defaultOption", "loadOptions"],
-  _excluded2 = ["fieldId"];
+  _excluded2 = ["fieldId", "isRequired"];
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -180,7 +181,18 @@ function AsyncSelect(_ref) {
     testId: testId
   }, function (_ref4) {
     var fieldId = _ref4.fieldId,
+      isRequired = _ref4.isRequired,
       fieldProps = (0, _objectWithoutProperties2.default)(_ref4, _excluded2);
+    if ((0, _platformFeatureFlags.fg)('linking-platform-create-field-error-association')) {
+      return (0, _react2.jsx)(_select.AsyncSelect, (0, _extends2.default)({
+        inputId: fieldId
+      }, fieldProps, restProps, {
+        required: isRequired,
+        loadOptions: debouncedLoadOptions,
+        defaultOptions: defaultOptions,
+        isLoading: isLoadingDefaultOptions
+      }));
+    }
     return (0, _react2.jsx)(_select.AsyncSelect, (0, _extends2.default)({
       inputId: fieldId
     }, fieldProps, restProps, {

package/dist/cjs/ui/create-form/form-footer/main.js

@@ -43,6 +43,7 @@ function CreateFormFooter(_ref) {
     "data-testid": "".concat(testId, "-footer"),
     css: formFooterWrapperStyles
   }, formErrorMessage && (0, _react.jsx)("div", {
+    role: "alert",
     css: errorStyles,
     "data-testid": "".concat(testId, "-error")
   }, (0, _react.jsx)(_error.default, {

package/dist/cjs/ui/create-form/main.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TEST_ID = exports.CreateForm = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -16,6 +17,7 @@ var _finalForm = require("final-form");
 var _reactFinalForm = require("react-final-form");
 var _reactIntlNext = require("react-intl-next");
 var _form = require("@atlaskit/form");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _constants = require("../../common/constants");
 var _messages = _interopRequireDefault(require("../../common/messages"));
@@ -25,7 +27,7 @@ var _formContext = require("../../controllers/form-context");
 var _formFooter = require("./form-footer");
 var _formLoader = require("./form-loader");
 var _excluded = ["submitError"];
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -139,12 +141,15 @@ var CreateForm = exports.CreateForm = function CreateForm(_ref) {
   }, function (_ref5) {
     var submitError = _ref5.submitError,
       formProps = (0, _objectWithoutProperties2.default)(_ref5, _excluded);
-    return (0, _react2.jsx)("form", {
+    return (0, _react2.jsx)("form", (0, _extends2.default)({
       onSubmit: formProps.handleSubmit,
-      name: "link-create-form",
+      name: "link-create-form"
+    }, (0, _platformFeatureFlags.fg)('linking-platform-create-field-error-association') ? {
+      noValidate: true
+    } : {}, {
       "data-testid": testId,
       css: formStyles
-    }, (0, _react2.jsx)(_reactFinalForm.FormSpy, {
+    }), (0, _react2.jsx)(_reactFinalForm.FormSpy, {
       subscription: {
         modified: true
       },

package/dist/cjs/ui/create-form/select/main.js

@@ -12,6 +12,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _select = _interopRequireWildcard(require("@atlaskit/select"));
 var _constants = require("@atlaskit/theme/constants");
@@ -19,7 +20,7 @@ var _icon = require("../../../common/ui/icon");
 var _createField = require("../../../controllers/create-field");
 var _messages = require("./messages");
 var _excluded = ["id", "name", "label", "isRequired", "validators", "validationHelpText", "testId"],
-  _excluded2 = ["fieldId"],
+  _excluded2 = ["fieldId", "isRequired"],
   _excluded3 = ["children"],
   _excluded4 = ["children"];
 /**
@@ -28,7 +29,7 @@ var _excluded = ["id", "name", "label", "isRequired", "validators", "validationH
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; }
 var TEST_ID = exports.TEST_ID = 'link-create-select';
@@ -59,7 +60,14 @@ function Select(_ref) {
     testId: testId
   }, function (_ref2) {
     var fieldId = _ref2.fieldId,
+      isRequired = _ref2.isRequired,
       fieldProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+    if ((0, _platformFeatureFlags.fg)('linking-platform-create-field-error-association')) {
+      return (0, _react.jsx)(_select.default, (0, _extends2.default)({
+        required: isRequired,
+        inputId: fieldId
+      }, fieldProps, restProps));
+    }
     return (0, _react.jsx)(_select.default, (0, _extends2.default)({
       inputId: fieldId
     }, fieldProps, restProps));

package/dist/cjs/ui/create-form/textfield/main.js

@@ -9,6 +9,7 @@ exports.TextField = TextField;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("@emotion/react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _createField = require("../../../controllers/create-field");
 var _excluded = ["id", "name", "label", "isRequired", "validators", "validationHelpText", "testId"],
@@ -48,6 +49,11 @@ function TextField(_ref) {
   }, function (_ref2) {
     var fieldId = _ref2.fieldId,
       fieldProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+    if ((0, _platformFeatureFlags.fg)('linking-platform-create-field-error-association')) {
+      return (0, _react.jsx)(_textfield.default, (0, _extends2.default)({
+        id: fieldId
+      }, fieldProps, restProps));
+    }
     return (0, _react.jsx)(_textfield.default, (0, _extends2.default)({
       id: fieldId
     }, fieldProps, restProps, {

package/dist/cjs/ui/create-form/user-picker/main.js

@@ -11,7 +11,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = require("@emotion/react");
 var _smartUserPicker = _interopRequireDefault(require("@atlaskit/smart-user-picker"));
 var _createField = require("../../../controllers/create-field");
-var _excluded = ["fieldId"];
+var _excluded = ["fieldId", "isRequired"];
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -45,6 +45,7 @@ function UserPicker(_ref) {
     validators: validators
   }, function (_ref2) {
     var fieldId = _ref2.fieldId,
+      isRequired = _ref2.isRequired,
       fieldProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
     return (0, _react.jsx)(_smartUserPicker.default, {
       defaultValue: defaultValue ? _objectSpread(_objectSpread({}, defaultValue), {}, {
@@ -63,7 +64,8 @@ function UserPicker(_ref) {
       debounceTime: DEFAULT_DEBOUNCE_TIME,
       prefetch: true,
       isClearable: false,
-      width: UserPickerWidth
+      width: UserPickerWidth,
+      required: isRequired
     });
   });
 }

package/dist/es2019/common/constants.js

@@ -7,7 +7,7 @@ export const CREATE_FORM_MIN_HEIGHT_IN_PX = '200';
 export const LINK_CREATE_FORM_POST_CREATE_FIELD = '__post_create__';
 export const PACKAGE_DATA = {
   packageName: "@atlaskit/link-create" || '',
-  packageVersion: "2.11.5" || '',
+  packageVersion: "2.12.0" || '',
   component: COMPONENT_NAME,
   componentName: COMPONENT_NAME
 };