@atlaskit/smart-card 44.16.2 → 44.16.4

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/smart-card
 
+## 44.16.4
+
+### Patch Changes
+
+- [`be67cd3cadc6d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/be67cd3cadc6d) -
+  NAVX-4918 cleaning up navx-3611-inline-card-a11y-role-fix
+- Updated dependencies
+
+## 44.16.3
+
+### Patch Changes
+
+- [`c7fb2b6201353`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c7fb2b6201353) -
+  Wrap ErrorMessage/HelperMessage with MessageWrapper in linking-platform packages to improve
+  assistive technology support. Production code changes (link-datasource, link-picker, smart-card
+  source files) are gated behind feature flag `platform_navx_3298_message_wrapper`. The example file
+  `load-link-form.tsx` applies MessageWrapper unconditionally, as example files do not ship to
+  production and are not subject to feature-gating requirements.
+
 ## 44.16.2
 
 ### Patch Changes

package/dist/cjs/messages.js

@@ -14,7 +14,7 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
   add_account: {
     id: 'fabric.linking.add_account',
     defaultMessage: 'Add account',
-    description: 'Allows to add a new account'
+    description: 'Button label that allows the user to add and connect a new external account'
   },
   ai_summarize: {
     id: 'fabric.linking.ai_summarize',

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

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card" || '',
-  packageVersion: "44.16.1" || ''
+  packageVersion: "44.16.3" || ''
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/manual-triggers-form/number-prompt/main.js

@@ -8,6 +8,7 @@ exports.numberValidate = exports.default = exports.Errors = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactMagneticDi = require("react-magnetic-di");
 var _form = require("@atlaskit/form");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _messages = _interopRequireDefault(require("../../common/messages"));
 var Errors = exports.Errors = /*#__PURE__*/function (Errors) {
@@ -52,7 +53,7 @@ var NumberInputPrompt = function NumberInputPrompt(_ref) {
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_textfield.default, fieldProps), generateErrorMessage(error));
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_textfield.default, fieldProps), (0, _platformFeatureFlags.fg)('platform_navx_3298_message_wrapper') ? /*#__PURE__*/_react.default.createElement(_form.MessageWrapper, null, generateErrorMessage(error)) : generateErrorMessage(error));
   });
 };
 var _default = exports.default = NumberInputPrompt;

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/manual-triggers-form/paragraph-prompt/main.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactMagneticDi = require("react-magnetic-di");
 var _form = require("@atlaskit/form");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _textarea = _interopRequireDefault(require("@atlaskit/textarea"));
 var _messages = _interopRequireDefault(require("../../common/messages"));
 var Errors = /*#__PURE__*/function (Errors) {
@@ -43,7 +44,7 @@ var ParagraphInputPrompt = function ParagraphInputPrompt(_ref) {
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_textarea.default, fieldProps), error === Errors.EMPTY && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, _messages.default.errorInputMustNotBeEmpty.defaultMessage), error === Errors.CHARACTER_LIMIT && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, _messages.default.errorInputCharacterLimitReached.defaultMessage));
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_textarea.default, fieldProps), (0, _platformFeatureFlags.fg)('platform_navx_3298_message_wrapper') ? /*#__PURE__*/_react.default.createElement(_form.MessageWrapper, null, error === Errors.EMPTY && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, _messages.default.errorInputMustNotBeEmpty.defaultMessage), error === Errors.CHARACTER_LIMIT && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, _messages.default.errorInputCharacterLimitReached.defaultMessage)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, error === Errors.EMPTY && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, _messages.default.errorInputMustNotBeEmpty.defaultMessage), error === Errors.CHARACTER_LIMIT && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, _messages.default.errorInputCharacterLimitReached.defaultMessage)));
   });
 };
 var _default = exports.default = ParagraphInputPrompt;

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/manual-triggers-form/select-prompt/main.js

@@ -9,6 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _reactMagneticDi = require("react-magnetic-di");
 var _form = require("@atlaskit/form");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _select = _interopRequireDefault(require("@atlaskit/select"));
 var _messages = _interopRequireDefault(require("../../common/messages"));
 var Errors = /*#__PURE__*/function (Errors) {
@@ -46,7 +47,7 @@ var SelectInputPrompt = function SelectInputPrompt(_ref) {
       isSearchable: true,
       options: selectOptions,
       menuPosition: "fixed"
-    }, fieldProps)), error === Errors.EMPTY && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, _messages.default.errorInputMustNotBeEmpty.defaultMessage));
+    }, fieldProps)), (0, _platformFeatureFlags.fg)('platform_navx_3298_message_wrapper') ? /*#__PURE__*/_react.default.createElement(_form.MessageWrapper, null, error === Errors.EMPTY && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, _messages.default.errorInputMustNotBeEmpty.defaultMessage)) : error === Errors.EMPTY && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, _messages.default.errorInputMustNotBeEmpty.defaultMessage));
   });
 };
 var _default = exports.default = SelectInputPrompt;

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/manual-triggers-form/text-prompt/main.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactMagneticDi = require("react-magnetic-di");
 var _form = require("@atlaskit/form");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _messages = _interopRequireDefault(require("../../common/messages"));
 var Errors = /*#__PURE__*/function (Errors) {
@@ -32,7 +33,7 @@ var TextInputPrompt = function TextInputPrompt(_ref) {
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_textfield.default, fieldProps), error === Errors.EMPTY && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, _messages.default.errorInputMustNotBeEmpty.defaultMessage));
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_textfield.default, fieldProps), (0, _platformFeatureFlags.fg)('platform_navx_3298_message_wrapper') ? /*#__PURE__*/_react.default.createElement(_form.MessageWrapper, null, error === Errors.EMPTY && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, _messages.default.errorInputMustNotBeEmpty.defaultMessage)) : error === Errors.EMPTY && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, _messages.default.errorInputMustNotBeEmpty.defaultMessage));
   });
 };
 var _default = exports.default = TextInputPrompt;

package/dist/cjs/view/InlineCard/Frame/index.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Frame = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useLinkClicked = require("../../../state/analytics/useLinkClicked");
 var _styled = require("./styled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -51,8 +50,8 @@ var Frame = exports.Frame = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     withoutBackground: withoutBackground,
     isSelected: isSelected,
     isInteractive: isInteractive,
-    tabIndex: isInteractive && ((0, _platformFeatureFlags.fg)('navx-3611-inline-card-a11y-role-fix') ? !link : true) ? 0 : undefined,
-    role: isInteractive && ((0, _platformFeatureFlags.fg)('navx-3611-inline-card-a11y-role-fix') ? !link : true) ? 'button' : undefined,
+    tabIndex: isInteractive && !link ? 0 : undefined,
+    role: isInteractive && !link ? 'button' : undefined,
     onClick: handleClick,
     onAuxClick: onAuxClick,
     onContextMenu: onContextMenu,

package/dist/cjs/view/LinkUrl/index.js

@@ -19,7 +19,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "44.16.1",
+  packageVersion: "44.16.3",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

package/dist/es2019/messages.js

@@ -8,7 +8,7 @@ export const messages = defineMessages({
   add_account: {
     id: 'fabric.linking.add_account',
     defaultMessage: 'Add account',
-    description: 'Allows to add a new account'
+    description: 'Button label that allows the user to add and connect a new external account'
   },
   ai_summarize: {
     id: 'fabric.linking.ai_summarize',

package/dist/es2019/utils/analytics/analytics.js

@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card" || '',
-  packageVersion: "44.16.1" || ''
+  packageVersion: "44.16.3" || ''
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/manual-triggers-form/number-prompt/main.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { di } from 'react-magnetic-di';
-import { ErrorMessage, Field } from '@atlaskit/form';
+import { ErrorMessage, Field, MessageWrapper } from '@atlaskit/form';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Textfield from '@atlaskit/textfield';
 import messages from '../../common/messages';
 export let Errors = /*#__PURE__*/function (Errors) {
@@ -46,6 +47,6 @@ const NumberInputPrompt = ({
   }, ({
     fieldProps,
     error
-  }) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Textfield, fieldProps), generateErrorMessage(error)));
+  }) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Textfield, fieldProps), fg('platform_navx_3298_message_wrapper') ? /*#__PURE__*/React.createElement(MessageWrapper, null, generateErrorMessage(error)) : generateErrorMessage(error)));
 };
 export default NumberInputPrompt;

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/manual-triggers-form/paragraph-prompt/main.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { di } from 'react-magnetic-di';
-import { ErrorMessage, Field } from '@atlaskit/form';
+import { ErrorMessage, Field, MessageWrapper } from '@atlaskit/form';
+import { fg } from '@atlaskit/platform-feature-flags';
 import TextArea from '@atlaskit/textarea';
 import messages from '../../common/messages';
 var Errors = /*#__PURE__*/function (Errors) {
@@ -39,6 +40,6 @@ const ParagraphInputPrompt = ({
   }, ({
     fieldProps,
     error
-  }) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextArea, fieldProps), error === Errors.EMPTY && /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputMustNotBeEmpty.defaultMessage), error === Errors.CHARACTER_LIMIT && /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputCharacterLimitReached.defaultMessage)));
+  }) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextArea, fieldProps), fg('platform_navx_3298_message_wrapper') ? /*#__PURE__*/React.createElement(MessageWrapper, null, error === Errors.EMPTY && /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputMustNotBeEmpty.defaultMessage), error === Errors.CHARACTER_LIMIT && /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputCharacterLimitReached.defaultMessage)) : /*#__PURE__*/React.createElement(React.Fragment, null, error === Errors.EMPTY && /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputMustNotBeEmpty.defaultMessage), error === Errors.CHARACTER_LIMIT && /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputCharacterLimitReached.defaultMessage))));
 };
 export default ParagraphInputPrompt;

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/manual-triggers-form/select-prompt/main.js

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { di } from 'react-magnetic-di';
-import { ErrorMessage, Field } from '@atlaskit/form';
+import { ErrorMessage, Field, MessageWrapper } from '@atlaskit/form';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Select from '@atlaskit/select';
 import messages from '../../common/messages';
 var Errors = /*#__PURE__*/function (Errors) {
@@ -40,6 +41,6 @@ const SelectInputPrompt = ({
     isSearchable: true,
     options: selectOptions,
     menuPosition: "fixed"
-  }, fieldProps)), error === Errors.EMPTY && /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputMustNotBeEmpty.defaultMessage)));
+  }, fieldProps)), fg('platform_navx_3298_message_wrapper') ? /*#__PURE__*/React.createElement(MessageWrapper, null, error === Errors.EMPTY && /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputMustNotBeEmpty.defaultMessage)) : error === Errors.EMPTY && /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputMustNotBeEmpty.defaultMessage)));
 };
 export default SelectInputPrompt;

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/manual-triggers-form/text-prompt/main.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { di } from 'react-magnetic-di';
-import { ErrorMessage, Field } from '@atlaskit/form';
+import { ErrorMessage, Field, MessageWrapper } from '@atlaskit/form';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Textfield from '@atlaskit/textfield';
 import messages from '../../common/messages';
 var Errors = /*#__PURE__*/function (Errors) {
@@ -26,6 +27,6 @@ const TextInputPrompt = ({
   }, ({
     fieldProps,
     error
-  }) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Textfield, fieldProps), error === Errors.EMPTY && /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputMustNotBeEmpty.defaultMessage)));
+  }) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Textfield, fieldProps), fg('platform_navx_3298_message_wrapper') ? /*#__PURE__*/React.createElement(MessageWrapper, null, error === Errors.EMPTY && /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputMustNotBeEmpty.defaultMessage)) : error === Errors.EMPTY && /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputMustNotBeEmpty.defaultMessage)));
 };
 export default TextInputPrompt;

package/dist/es2019/view/InlineCard/Frame/index.js

@@ -1,5 +1,4 @@
 import React, { forwardRef, useCallback } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useMouseDownEvent } from '../../../state/analytics/useLinkClicked';
 import { WrapperAnchor, WrapperSpan } from './styled';
 export const Frame = /*#__PURE__*/forwardRef((props, ref) => {
@@ -45,8 +44,8 @@ export const Frame = /*#__PURE__*/forwardRef((props, ref) => {
     withoutBackground: withoutBackground,
     isSelected: isSelected,
     isInteractive: isInteractive,
-    tabIndex: isInteractive && (fg('navx-3611-inline-card-a11y-role-fix') ? !link : true) ? 0 : undefined,
-    role: isInteractive && (fg('navx-3611-inline-card-a11y-role-fix') ? !link : true) ? 'button' : undefined,
+    tabIndex: isInteractive && !link ? 0 : undefined,
+    role: isInteractive && !link ? 'button' : undefined,
     onClick: handleClick,
     onAuxClick: onAuxClick,
     onContextMenu: onContextMenu,

package/dist/es2019/view/LinkUrl/index.js

@@ -9,7 +9,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "44.16.1",
+  packageVersion: "44.16.3",
   componentName: 'linkUrl'
 };
 const LinkUrl = ({

package/dist/esm/messages.js

@@ -8,7 +8,7 @@ export var messages = defineMessages({
   add_account: {
     id: 'fabric.linking.add_account',
     defaultMessage: 'Add account',
-    description: 'Allows to add a new account'
+    description: 'Button label that allows the user to add and connect a new external account'
   },
   ai_summarize: {
     id: 'fabric.linking.ai_summarize',

package/dist/esm/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card" || '',
-  packageVersion: "44.16.1" || ''
+  packageVersion: "44.16.3" || ''
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/manual-triggers-form/number-prompt/main.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { di } from 'react-magnetic-di';
-import { ErrorMessage, Field } from '@atlaskit/form';
+import { ErrorMessage, Field, MessageWrapper } from '@atlaskit/form';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Textfield from '@atlaskit/textfield';
 import messages from '../../common/messages';
 export var Errors = /*#__PURE__*/function (Errors) {
@@ -45,7 +46,7 @@ var NumberInputPrompt = function NumberInputPrompt(_ref) {
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Textfield, fieldProps), generateErrorMessage(error));
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Textfield, fieldProps), fg('platform_navx_3298_message_wrapper') ? /*#__PURE__*/React.createElement(MessageWrapper, null, generateErrorMessage(error)) : generateErrorMessage(error));
   });
 };
 export default NumberInputPrompt;

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/manual-triggers-form/paragraph-prompt/main.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { di } from 'react-magnetic-di';
-import { ErrorMessage, Field } from '@atlaskit/form';
+import { ErrorMessage, Field, MessageWrapper } from '@atlaskit/form';
+import { fg } from '@atlaskit/platform-feature-flags';
 import TextArea from '@atlaskit/textarea';
 import messages from '../../common/messages';
 var Errors = /*#__PURE__*/function (Errors) {
@@ -36,7 +37,7 @@ var ParagraphInputPrompt = function ParagraphInputPrompt(_ref) {
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextArea, fieldProps), error === Errors.EMPTY && /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputMustNotBeEmpty.defaultMessage), error === Errors.CHARACTER_LIMIT && /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputCharacterLimitReached.defaultMessage));
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextArea, fieldProps), fg('platform_navx_3298_message_wrapper') ? /*#__PURE__*/React.createElement(MessageWrapper, null, error === Errors.EMPTY && /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputMustNotBeEmpty.defaultMessage), error === Errors.CHARACTER_LIMIT && /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputCharacterLimitReached.defaultMessage)) : /*#__PURE__*/React.createElement(React.Fragment, null, error === Errors.EMPTY && /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputMustNotBeEmpty.defaultMessage), error === Errors.CHARACTER_LIMIT && /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputCharacterLimitReached.defaultMessage)));
   });
 };
 export default ParagraphInputPrompt;

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/manual-triggers-form/select-prompt/main.js

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { di } from 'react-magnetic-di';
-import { ErrorMessage, Field } from '@atlaskit/form';
+import { ErrorMessage, Field, MessageWrapper } from '@atlaskit/form';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Select from '@atlaskit/select';
 import messages from '../../common/messages';
 var Errors = /*#__PURE__*/function (Errors) {
@@ -39,7 +40,7 @@ var SelectInputPrompt = function SelectInputPrompt(_ref) {
       isSearchable: true,
       options: selectOptions,
       menuPosition: "fixed"
-    }, fieldProps)), error === Errors.EMPTY && /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputMustNotBeEmpty.defaultMessage));
+    }, fieldProps)), fg('platform_navx_3298_message_wrapper') ? /*#__PURE__*/React.createElement(MessageWrapper, null, error === Errors.EMPTY && /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputMustNotBeEmpty.defaultMessage)) : error === Errors.EMPTY && /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputMustNotBeEmpty.defaultMessage));
   });
 };
 export default SelectInputPrompt;

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/manual-triggers-form/text-prompt/main.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { di } from 'react-magnetic-di';
-import { ErrorMessage, Field } from '@atlaskit/form';
+import { ErrorMessage, Field, MessageWrapper } from '@atlaskit/form';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Textfield from '@atlaskit/textfield';
 import messages from '../../common/messages';
 var Errors = /*#__PURE__*/function (Errors) {
@@ -25,7 +26,7 @@ var TextInputPrompt = function TextInputPrompt(_ref) {
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Textfield, fieldProps), error === Errors.EMPTY && /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputMustNotBeEmpty.defaultMessage));
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Textfield, fieldProps), fg('platform_navx_3298_message_wrapper') ? /*#__PURE__*/React.createElement(MessageWrapper, null, error === Errors.EMPTY && /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputMustNotBeEmpty.defaultMessage)) : error === Errors.EMPTY && /*#__PURE__*/React.createElement(ErrorMessage, null, messages.errorInputMustNotBeEmpty.defaultMessage));
   });
 };
 export default TextInputPrompt;

package/dist/esm/view/InlineCard/Frame/index.js

@@ -1,5 +1,4 @@
 import React, { forwardRef, useCallback } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useMouseDownEvent } from '../../../state/analytics/useLinkClicked';
 import { WrapperAnchor, WrapperSpan } from './styled';
 export var Frame = /*#__PURE__*/forwardRef(function (props, ref) {
@@ -43,8 +42,8 @@ export var Frame = /*#__PURE__*/forwardRef(function (props, ref) {
     withoutBackground: withoutBackground,
     isSelected: isSelected,
     isInteractive: isInteractive,
-    tabIndex: isInteractive && (fg('navx-3611-inline-card-a11y-role-fix') ? !link : true) ? 0 : undefined,
-    role: isInteractive && (fg('navx-3611-inline-card-a11y-role-fix') ? !link : true) ? 'button' : undefined,
+    tabIndex: isInteractive && !link ? 0 : undefined,
+    role: isInteractive && !link ? 'button' : undefined,
     onClick: handleClick,
     onAuxClick: onAuxClick,
     onContextMenu: onContextMenu,

package/dist/esm/view/LinkUrl/index.js

@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "44.16.1",
+  packageVersion: "44.16.3",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "44.16.2",
+	"version": "44.16.4",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -53,9 +53,9 @@
 		"@atlaskit/form": "^15.5.0",
 		"@atlaskit/frontend-utilities": "^3.3.0",
 		"@atlaskit/heading": "^5.4.0",
-		"@atlaskit/icon": "^35.1.0",
+		"@atlaskit/icon": "^35.2.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
-		"@atlaskit/icon-lab": "^6.10.0",
+		"@atlaskit/icon-lab": "^6.11.0",
 		"@atlaskit/image": "^3.0.0",
 		"@atlaskit/json-ld-types": "^1.5.0",
 		"@atlaskit/link": "^3.4.0",
@@ -63,7 +63,7 @@
 		"@atlaskit/link-client-extension": "^6.1.0",
 		"@atlaskit/link-extractors": "^2.7.0",
 		"@atlaskit/link-test-helpers": "^10.3.0",
-		"@atlaskit/linking-common": "^9.11.0",
+		"@atlaskit/linking-common": "^9.12.0",
 		"@atlaskit/linking-types": "^14.4.0",
 		"@atlaskit/logo": "^20.1.0",
 		"@atlaskit/lozenge": "^13.8.0",
@@ -74,7 +74,7 @@
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.5.0",
-		"@atlaskit/popup": "^4.21.0",
+		"@atlaskit/popup": "^4.22.0",
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/react-ufo": "^6.1.0",
 		"@atlaskit/rovo-triggers": "^6.3.0",
@@ -86,7 +86,7 @@
 		"@atlaskit/textfield": "^8.3.0",
 		"@atlaskit/theme": "^25.0.0",
 		"@atlaskit/tile": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^83.0.0",
+		"@atlaskit/tmp-editor-statsig": "^83.1.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^22.3.0",
 		"@atlaskit/ufo": "^0.5.0",
@@ -177,6 +177,9 @@
 		}
 	},
 	"platform-feature-flags": {
+		"platform_navx_3298_message_wrapper": {
+			"type": "boolean"
+		},
 		"platform_lp_use_entity_icon_url_for_icon": {
 			"type": "boolean"
 		},
@@ -269,9 +272,6 @@
 		},
 		"platform_navx_block_card_footer_spacing": {
 			"type": "boolean"
-		},
-		"navx-3611-inline-card-a11y-role-fix": {
-			"type": "boolean"
 		}
 	},
 	"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/f74ef1bc-7240-4aac-9dc8-9dc43b502089"