@atlaskit/form 10.3.1 → 10.4.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/form
 
+## 10.4.0
+
+### Minor Changes
+
+- [#110670](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110670)
+  [`c733254a2dd6e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c733254a2dd6e) -
+  Explicitly set jsxRuntime to classic via pragma comments in order to avoid issues where jsxRuntime
+  is implicitly set to automatic.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 10.3.1
 
 ### Patch Changes
@@ -38,7 +51,7 @@
 
 - [#98612](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98612)
   [`7a11b97d325a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7a11b97d325a) -
-  Add support for React 18.
+  Add support for React 18 in non-strict mode.
 
 ### Patch Changes
 

package/README.md

@@ -10,4 +10,5 @@ yarn add @atlaskit/form
 
 ## Usage
 
-Detailed docs and example usage can be found [here](https://atlaskit.atlassian.com/packages/core/form).
+Detailed docs and example usage can be found
+[here](https://atlaskit.atlassian.com/packages/core/form).

package/__perf__/default.tsx

@@ -7,61 +7,50 @@ import TextField from '@atlaskit/textfield';
 import Form, { ErrorMessage, Field, FormFooter, HelperMessage } from '../src';
 
 export default () => (
-  <div
-    style={{
-// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      display: 'flex',
-// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      width: '400px',
-// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      maxWidth: '100%',
-// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      margin: '0 auto',
-// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      flexDirection: 'column',
-    }}
-  >
-    <Form<{ username: string; password: string; remember: boolean }>
-      onSubmit={(data) => {
-        return new Promise((resolve) => setTimeout(resolve, 2000)).then(() =>
-          data.username === 'error' ? { username: 'IN_USE' } : undefined,
-        );
-      }}
-    >
-      {({ formProps, submitting }) => (
-        <form {...formProps}>
-          <Field
-            name="username"
-            label="User name"
-            isRequired
-            defaultValue="hello"
-          >
-            {({ fieldProps, error }) => (
-              <Fragment>
-                <TextField autoComplete="off" {...fieldProps} />
-                {!error && (
-                  <HelperMessage>
-                    You can use letters, numbers & periods.
-                  </HelperMessage>
-                )}
-                {error && (
-                  <ErrorMessage>
-                    This user name is already in use, try another one.
-                  </ErrorMessage>
-                )}
-              </Fragment>
-            )}
-          </Field>
-          <FormFooter>
-            <ButtonGroup label="Form submit options">
-              <Button appearance="subtle">Cancel</Button>
-              <Button type="submit" appearance="primary" isLoading={submitting}>
-                Sign up
-              </Button>
-            </ButtonGroup>
-          </FormFooter>
-        </form>
-      )}
-    </Form>
-  </div>
+	<div
+		style={{
+			// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+			display: 'flex',
+			// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+			width: '400px',
+			// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+			maxWidth: '100%',
+			// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+			margin: '0 auto',
+			// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+			flexDirection: 'column',
+		}}
+	>
+		<Form<{ username: string; password: string; remember: boolean }>
+			onSubmit={(data) => {
+				return new Promise((resolve) => setTimeout(resolve, 2000)).then(() =>
+					data.username === 'error' ? { username: 'IN_USE' } : undefined,
+				);
+			}}
+		>
+			{({ formProps, submitting }) => (
+				<form {...formProps}>
+					<Field name="username" label="User name" isRequired defaultValue="hello">
+						{({ fieldProps, error }) => (
+							<Fragment>
+								<TextField autoComplete="off" {...fieldProps} />
+								{!error && <HelperMessage>You can use letters, numbers & periods.</HelperMessage>}
+								{error && (
+									<ErrorMessage>This user name is already in use, try another one.</ErrorMessage>
+								)}
+							</Fragment>
+						)}
+					</Field>
+					<FormFooter>
+						<ButtonGroup label="Form submit options">
+							<Button appearance="subtle">Cancel</Button>
+							<Button type="submit" appearance="primary" isLoading={submitting}>
+								Sign up
+							</Button>
+						</ButtonGroup>
+					</FormFooter>
+				</form>
+			)}
+		</Form>
+	</div>
 );

package/dist/cjs/field.js

@@ -17,7 +17,9 @@ var _form = require("./form");
 var _label = require("./label");
 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 */
+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, _react2.css)({
   marginBlockStart: "var(--ds-space-100, 8px)"
 });

package/dist/cjs/fieldset.js

@@ -6,10 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("@emotion/react");
 var _label = require("./label");
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var fieldSetStyles = (0, _react.css)({
-  marginTop: "var(--ds-space-100, 8px)"
+  marginBlockStart: "var(--ds-space-100, 8px)"
 });
 
 /**

package/dist/cjs/form-footer.js

@@ -5,12 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = FormFooter;
 var _react = require("@emotion/react");
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var formFooterWrapperStyles = (0, _react.css)({
   display: 'flex',
-  marginTop: "var(--ds-space-300, 24px)",
-  justifyContent: 'flex-end'
+  justifyContent: 'flex-end',
+  marginBlockStart: "var(--ds-space-300, 24px)"
 });
 var justifyContentStyles = (0, _react.css)({
   justifyContent: 'flex-start'

package/dist/cjs/form-header.js

@@ -11,8 +11,13 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _constants = require("@atlaskit/theme/constants");
 var _typography = require("@atlaskit/theme/typography");
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var fontFamily = (0, _constants.fontFamily)();
 var formHeaderContentStyles = (0, _primitives.xcss)({
   minWidth: '100%',
@@ -33,7 +38,7 @@ var formHeaderWrapperStyles = (0, _react.css)({
   fontFamily: "".concat(fontFamily)
 });
 
-// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 var lightH700Styles = (0, _react.css)((0, _typography.h700)({
   theme: {
     mode: 'light'

package/dist/cjs/form-section.js

@@ -8,8 +8,13 @@ exports.default = void 0;
 var _react = require("@emotion/react");
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 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 formSectionDescriptionStyles = (0, _primitives.xcss)({
   marginBlockStart: 'space.100'
 });

package/dist/cjs/label.js

@@ -7,8 +7,13 @@ exports.default = exports.Legend = exports.Label = void 0;
 var _react = require("@emotion/react");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var fieldsetLabelStyles = (0, _react.css)({
   display: 'inline-block',
   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)",
@@ -38,7 +43,9 @@ var Label = exports.Label = function Label(_ref) {
     id = _ref.id,
     testId = _ref.testId;
   return (0, _react.jsx)("label", {
-    css: [fieldsetLabelStyles, (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.form-label-typography-updates') ? newFieldsetLabelStyles : oldFieldsetLabelStyles],
+    css: [fieldsetLabelStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.form-label-typography-updates') ? newFieldsetLabelStyles : oldFieldsetLabelStyles],
     id: id,
     htmlFor: htmlFor,
     "data-testid": testId
@@ -53,7 +60,9 @@ var Label = exports.Label = function Label(_ref) {
 var Legend = exports.Legend = function Legend(_ref2) {
   var children = _ref2.children;
   return (0, _react.jsx)("legend", {
-    css: [fieldsetLabelStyles, (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.form-label-typography-updates') ? newFieldsetLabelStyles : oldFieldsetLabelStyles]
+    css: [fieldsetLabelStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.form-label-typography-updates') ? newFieldsetLabelStyles : oldFieldsetLabelStyles]
   }, children);
 };
 var _default = exports.default = Label;

package/dist/cjs/messages.js

@@ -10,8 +10,13 @@ var _success = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/succe
 var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
 var _colors = require("@atlaskit/theme/colors");
 var _fieldIdContext = require("./field-id-context");
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 /**
  * API for the internal `<Message />` component. This is not public API.
  */

package/dist/cjs/required-asterisk.js

@@ -6,7 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = RequiredAsterisk;
 var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var requiredIndicatorStyles = (0, _react.css)({
   color: "var(--ds-text-danger, ".concat(_colors.R400, ")"),

package/dist/es2019/field.js

@@ -1,5 +1,10 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { useContext, useEffect, useMemo, useRef, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { uid } from 'react-uid';
 import invariant from 'tiny-invariant';

package/dist/es2019/fieldset.js

@@ -1,9 +1,13 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { Legend } from './label';
 const fieldSetStyles = css({
-  marginTop: "var(--ds-space-100, 8px)"
+  marginBlockStart: "var(--ds-space-100, 8px)"
 });
 
 /**

package/dist/es2019/form-footer.js

@@ -1,10 +1,14 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 const formFooterWrapperStyles = css({
   display: 'flex',
-  marginTop: "var(--ds-space-300, 24px)",
-  justifyContent: 'flex-end'
+  justifyContent: 'flex-end',
+  marginBlockStart: "var(--ds-space-300, 24px)"
 });
 const justifyContentStyles = css({
   justifyContent: 'flex-start'

package/dist/es2019/form-header.js

@@ -1,5 +1,9 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Heading from '@atlaskit/heading';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
@@ -26,7 +30,7 @@ const formHeaderWrapperStyles = css({
   fontFamily: `${fontFamily}`
 });
 
-// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 const lightH700Styles = css(h700({
   theme: {
     mode: 'light'

package/dist/es2019/form-section.js

@@ -1,5 +1,9 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import Heading from '@atlaskit/heading';
 import { Box, xcss } from '@atlaskit/primitives';

package/dist/es2019/label.js

@@ -1,5 +1,9 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { N200 } from '@atlaskit/theme/colors';
@@ -32,7 +36,9 @@ export const Label = ({
   id,
   testId
 }) => jsx("label", {
-  css: [fieldsetLabelStyles, getBooleanFF('platform.design-system-team.form-label-typography-updates') ? newFieldsetLabelStyles : oldFieldsetLabelStyles],
+  css: [fieldsetLabelStyles,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  getBooleanFF('platform.design-system-team.form-label-typography-updates') ? newFieldsetLabelStyles : oldFieldsetLabelStyles],
   id: id,
   htmlFor: htmlFor,
   "data-testid": testId
@@ -47,7 +53,9 @@ export const Legend = ({
   children
 }) => {
   return jsx("legend", {
-    css: [fieldsetLabelStyles, getBooleanFF('platform.design-system-team.form-label-typography-updates') ? newFieldsetLabelStyles : oldFieldsetLabelStyles]
+    css: [fieldsetLabelStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    getBooleanFF('platform.design-system-team.form-label-typography-updates') ? newFieldsetLabelStyles : oldFieldsetLabelStyles]
   }, children);
 };
 export default Label;

package/dist/es2019/messages.js

@@ -1,5 +1,9 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import SuccessIcon from '@atlaskit/icon/glyph/editor/success';
 import ErrorIcon from '@atlaskit/icon/glyph/error';

package/dist/es2019/required-asterisk.js

@@ -1,4 +1,8 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { R400 } from '@atlaskit/theme/colors';
 const requiredIndicatorStyles = css({

package/dist/esm/field.js

@@ -3,8 +3,13 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _typeof from "@babel/runtime/helpers/typeof";
 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) { _defineProperty(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 */
 import { useContext, useEffect, useMemo, useRef, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { uid } from 'react-uid';
 import invariant from 'tiny-invariant';

package/dist/esm/fieldset.js

@@ -1,9 +1,13 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { Legend } from './label';
 var fieldSetStyles = css({
-  marginTop: "var(--ds-space-100, 8px)"
+  marginBlockStart: "var(--ds-space-100, 8px)"
 });
 
 /**

package/dist/esm/form-footer.js

@@ -1,10 +1,14 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 var formFooterWrapperStyles = css({
   display: 'flex',
-  marginTop: "var(--ds-space-300, 24px)",
-  justifyContent: 'flex-end'
+  justifyContent: 'flex-end',
+  marginBlockStart: "var(--ds-space-300, 24px)"
 });
 var justifyContentStyles = css({
   justifyContent: 'flex-start'

package/dist/esm/form-header.js

@@ -1,5 +1,9 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Heading from '@atlaskit/heading';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
@@ -26,7 +30,7 @@ var formHeaderWrapperStyles = css({
   fontFamily: "".concat(fontFamily)
 });
 
-// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 var lightH700Styles = css(h700({
   theme: {
     mode: 'light'

package/dist/esm/form-section.js

@@ -1,5 +1,9 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import Heading from '@atlaskit/heading';
 import { Box, xcss } from '@atlaskit/primitives';

package/dist/esm/label.js

@@ -1,5 +1,9 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { N200 } from '@atlaskit/theme/colors';
@@ -32,7 +36,9 @@ export var Label = function Label(_ref) {
     id = _ref.id,
     testId = _ref.testId;
   return jsx("label", {
-    css: [fieldsetLabelStyles, getBooleanFF('platform.design-system-team.form-label-typography-updates') ? newFieldsetLabelStyles : oldFieldsetLabelStyles],
+    css: [fieldsetLabelStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    getBooleanFF('platform.design-system-team.form-label-typography-updates') ? newFieldsetLabelStyles : oldFieldsetLabelStyles],
     id: id,
     htmlFor: htmlFor,
     "data-testid": testId
@@ -47,7 +53,9 @@ export var Label = function Label(_ref) {
 export var Legend = function Legend(_ref2) {
   var children = _ref2.children;
   return jsx("legend", {
-    css: [fieldsetLabelStyles, getBooleanFF('platform.design-system-team.form-label-typography-updates') ? newFieldsetLabelStyles : oldFieldsetLabelStyles]
+    css: [fieldsetLabelStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    getBooleanFF('platform.design-system-team.form-label-typography-updates') ? newFieldsetLabelStyles : oldFieldsetLabelStyles]
   }, children);
 };
 export default Label;

package/dist/esm/messages.js

@@ -1,5 +1,9 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import SuccessIcon from '@atlaskit/icon/glyph/editor/success';
 import ErrorIcon from '@atlaskit/icon/glyph/error';

package/dist/esm/required-asterisk.js

@@ -1,4 +1,8 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { R400 } from '@atlaskit/theme/colors';
 var requiredIndicatorStyles = css({

package/dist/types/field.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { type FormEvent, type ReactNode } from 'react';
 import { jsx } from '@emotion/react';

package/dist/types/fieldset.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';

package/dist/types/form-footer.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
@@ -21,4 +24,4 @@ export interface FormFooterProps {
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/form/docs/layout)
  * - [Usage](https://atlaskit.atlassian.com/packages/design-system/form/docs/layout)
  */
-export default function FormFooter({ align, children, }: FormFooterProps): jsx.JSX.Element;
+export default function FormFooter({ align, children }: FormFooterProps): jsx.JSX.Element;

package/dist/types/form-header.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';

package/dist/types/form-section.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';

package/dist/types/label.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { type FC, type ReactNode } from 'react';
 export interface LabelProps {

package/dist/types/messages.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';

package/dist/types/required-asterisk.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 export default function RequiredAsterisk(): jsx.JSX.Element;

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

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { type FormEvent, type ReactNode } from 'react';
 import { jsx } from '@emotion/react';