@atlaskit/onboarding 11.6.0 → 11.7.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/onboarding
 
+## 11.7.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 11.7.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
+
 ## 11.6.0
 
 ### Minor Changes

package/README.md

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

package/__perf__/default.tsx

@@ -2,6 +2,4 @@ import React from 'react';
 
 import { SpotlightCard } from '../src';
 
-export default () => (
-  <SpotlightCard heading="Why are you trying Jira Software?" isFlat />
-);
+export default () => <SpotlightCard heading="Why are you trying Jira Software?" isFlat />;

package/dist/cjs/components/modal.js

@@ -26,7 +26,9 @@ var _excluded = ["text", "key"],
 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 _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 _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
+ * @jsxRuntime classic
+ */ /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // TODO: DSP-1250 - use a composable API consistent with normal modal dialog
 /**
  * __Benefits modal__

package/dist/cjs/components/spotlight-card.js

@@ -15,7 +15,11 @@ var _primitives = require("@atlaskit/primitives");
 var _dialog = require("../styled/dialog");
 var _theme = require("./theme");
 var _excluded = ["text", "key"];
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
+// 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; }
 var bodyStyles = (0, _react2.css)({

package/dist/cjs/components/spotlight-dialog.js

@@ -27,7 +27,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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 _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var packageName = "@atlaskit/onboarding";
-var packageVersion = "11.6.0";
+var packageVersion = "11.7.1";
 var SpotlightDialog = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(SpotlightDialog, _Component);
   var _super = _createSuper(SpotlightDialog);

package/dist/cjs/styled/blanket.js

@@ -10,7 +10,9 @@ var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
 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
 // IE11 and Edge: z-index needed because fixed position calculates z-index relative
 // to body instead of nearest stacking context (Portal in our case).
 var blanketStyles = (0, _react.css)({

package/dist/cjs/styled/dialog.js

@@ -9,7 +9,11 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("@emotion/react");
 var _excluded = ["alt"];
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var imageStyles = (0, _react.css)({
   maxWidth: '100%',
   height: 'auto'
@@ -18,7 +22,7 @@ var actionItemContainerStyles = (0, _react.css)({
   display: 'flex',
   margin: "var(--ds-space-0, 0px)".concat(" -4px"),
   /* When there is more than one action, place primary action visually on the
-  right, but keep it's position as the first focusable element in the DOM */
+   right, but keep it's position as the first focusable element in the DOM */
   flexDirection: 'row-reverse'
 });
 var actionItemStyles = (0, _react.css)({

package/dist/cjs/styled/modal.js

@@ -7,15 +7,22 @@ exports.ModalImage = exports.ModalHeading = exports.ModalBody = exports.ModalAct
 var _react = require("@emotion/react");
 var _typography = require("@atlaskit/theme/typography");
 /* eslint-disable @atlaskit/design-system/no-nested-styles */
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var modalBodyStyles = (0, _react.css)({
   padding: "var(--ds-space-500, 40px)".concat(" ", "var(--ds-space-200, 16px)"),
   textAlign: 'center'
 });
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-array-arguments -- Ignored via go/DSP-18766
-var modalHeadingStyles = (0, _react.css)([(0, _react.css)((0, _typography.h600)({
+var modalHeadingStyles = (0, _react.css)([
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+(0, _react.css)((0, _typography.h600)({
   theme: {
     mode: 'light'
   }

package/dist/cjs/styled/target.js

@@ -14,7 +14,11 @@ var _colors = require("@atlaskit/theme/colors");
 var _excluded = ["children", "bgColor", "radius", "style", "testId"],
   _excluded2 = ["children", "pulse"],
   _excluded3 = ["children", "pulse", "testId"];
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 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; }
 // NOTE:
@@ -30,6 +34,7 @@ var pulseKeyframes = (0, _react.keyframes)({
   }
 });
 // This is needed for unit tests
+// eslint-disable-next-line @atlaskit/design-system/no-exported-keyframes, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var pulseKeyframesName = exports.pulseKeyframesName = pulseKeyframes.name;
 var animationStyles = (0, _react.css)({
   animation: "".concat(pulseKeyframes, " 3000ms ").concat(easing, " infinite"),
@@ -70,7 +75,7 @@ var TargetInner = exports.TargetInner = function TargetInner(_ref2) {
   return (0, _react.jsx)(Base
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   , (0, _extends2.default)({}, props, {
-    // 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 -- Ignored via go/DSP-18766
     css: [pulse && animationStyles, _motion.reduceMotionAsPerUserPreference]
   }), children);
 };
@@ -122,7 +127,7 @@ var Pulse = exports.Pulse = function Pulse(_ref3) {
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   , (0, _extends2.default)({}, props, {
     css: [pulse && animationStyles,
-    // 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 -- Ignored via go/DSP-18766
     _motion.reduceMotionAsPerUserPreference],
     testId: testId
   }), children);

package/dist/es2019/components/modal.js

@@ -1,7 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { Component } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import Button, { Theme as ButtonTheme } from '@atlaskit/button/custom-theme-button';
 import Modal, { ModalBody, useModal } from '@atlaskit/modal-dialog';

package/dist/es2019/components/spotlight-card.js

@@ -1,5 +1,10 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { forwardRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Button, { Theme as ButtonTheme } from '@atlaskit/button/custom-theme-button';
 import Heading from '@atlaskit/heading';

package/dist/es2019/components/spotlight-dialog.js

@@ -7,7 +7,7 @@ import { DialogImage } from '../styled/dialog';
 import SpotlightCard from './spotlight-card';
 import ValueChanged from './value-changed';
 const packageName = "@atlaskit/onboarding";
-const packageVersion = "11.6.0";
+const packageVersion = "11.7.1";
 class SpotlightDialog extends Component {
   constructor(...args) {
     super(...args);

package/dist/es2019/styled/blanket.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 { N100A } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';

package/dist/es2019/styled/dialog.js

@@ -1,6 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
+/**
+ * @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 imageStyles = css({
   maxWidth: '100%',
@@ -10,7 +14,7 @@ const actionItemContainerStyles = css({
   display: 'flex',
   margin: `${"var(--ds-space-0, 0px)"} -4px`,
   /* When there is more than one action, place primary action visually on the
-  right, but keep it's position as the first focusable element in the DOM */
+   right, but keep it's position as the first focusable element in the DOM */
   flexDirection: 'row-reverse'
 });
 const actionItemStyles = css({

package/dist/es2019/styled/modal.js

@@ -1,6 +1,10 @@
 /* eslint-disable @atlaskit/design-system/no-nested-styles */
+/**
+ * @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 { h600 } from '@atlaskit/theme/typography';
 const modalBodyStyles = css({
@@ -9,7 +13,9 @@ const modalBodyStyles = css({
 });
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-array-arguments -- Ignored via go/DSP-18766
-const modalHeadingStyles = css([css(h600({
+const modalHeadingStyles = css([
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+css(h600({
   theme: {
     mode: 'light'
   }

package/dist/es2019/styled/target.js

@@ -1,6 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx, keyframes } from '@emotion/react';
 import { reduceMotionAsPerUserPreference } from '@atlaskit/motion';
 import { P300 } from '@atlaskit/theme/colors';
@@ -17,6 +21,7 @@ const pulseKeyframes = keyframes({
   }
 });
 // This is needed for unit tests
+// eslint-disable-next-line @atlaskit/design-system/no-exported-keyframes, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const pulseKeyframesName = pulseKeyframes.name;
 const animationStyles = css({
   animation: `${pulseKeyframes} 3000ms ${easing} infinite`,
@@ -57,7 +62,7 @@ export const TargetInner = ({
 }) => jsx(Base
 // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 , _extends({}, props, {
-  // 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 -- Ignored via go/DSP-18766
   css: [pulse && animationStyles, reduceMotionAsPerUserPreference]
 }), children);
 const targetOverlayStyles = css({
@@ -105,7 +110,7 @@ export const Pulse = ({
 // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 , _extends({}, props, {
   css: [pulse && animationStyles,
-  // 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 -- Ignored via go/DSP-18766
   reduceMotionAsPerUserPreference],
   testId: testId
 }), children);

package/dist/esm/components/modal.js

@@ -11,8 +11,13 @@ var _excluded = ["text", "key"],
   _excluded2 = ["actions", "children", "heading"];
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { Component } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import Button, { Theme as ButtonTheme } from '@atlaskit/button/custom-theme-button';
 import Modal, { ModalBody, useModal } from '@atlaskit/modal-dialog';

package/dist/esm/components/spotlight-card.js

@@ -1,7 +1,12 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["text", "key"];
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { forwardRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Button, { Theme as ButtonTheme } from '@atlaskit/button/custom-theme-button';
 import Heading from '@atlaskit/heading';

package/dist/esm/components/spotlight-dialog.js

@@ -17,7 +17,7 @@ import { DialogImage } from '../styled/dialog';
 import SpotlightCard from './spotlight-card';
 import ValueChanged from './value-changed';
 var packageName = "@atlaskit/onboarding";
-var packageVersion = "11.6.0";
+var packageVersion = "11.7.1";
 var SpotlightDialog = /*#__PURE__*/function (_Component) {
   _inherits(SpotlightDialog, _Component);
   var _super = _createSuper(SpotlightDialog);

package/dist/esm/styled/blanket.js

@@ -1,7 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { N100A } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';

package/dist/esm/styled/dialog.js

@@ -1,8 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["alt"];
+/**
+ * @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 imageStyles = css({
   maxWidth: '100%',
@@ -12,7 +16,7 @@ var actionItemContainerStyles = css({
   display: 'flex',
   margin: "var(--ds-space-0, 0px)".concat(" -4px"),
   /* When there is more than one action, place primary action visually on the
-  right, but keep it's position as the first focusable element in the DOM */
+   right, but keep it's position as the first focusable element in the DOM */
   flexDirection: 'row-reverse'
 });
 var actionItemStyles = css({

package/dist/esm/styled/modal.js

@@ -1,6 +1,10 @@
 /* eslint-disable @atlaskit/design-system/no-nested-styles */
+/**
+ * @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 { h600 } from '@atlaskit/theme/typography';
 var modalBodyStyles = css({
@@ -9,7 +13,9 @@ var modalBodyStyles = css({
 });
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-array-arguments -- Ignored via go/DSP-18766
-var modalHeadingStyles = css([css(h600({
+var modalHeadingStyles = css([
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+css(h600({
   theme: {
     mode: 'light'
   }

package/dist/esm/styled/target.js

@@ -6,8 +6,12 @@ var _excluded = ["children", "bgColor", "radius", "style", "testId"],
   _excluded3 = ["children", "pulse", "testId"];
 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 */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx, keyframes } from '@emotion/react';
 import { reduceMotionAsPerUserPreference } from '@atlaskit/motion';
 import { P300 } from '@atlaskit/theme/colors';
@@ -24,6 +28,7 @@ var pulseKeyframes = keyframes({
   }
 });
 // This is needed for unit tests
+// eslint-disable-next-line @atlaskit/design-system/no-exported-keyframes, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var pulseKeyframesName = pulseKeyframes.name;
 var animationStyles = css({
   animation: "".concat(pulseKeyframes, " 3000ms ").concat(easing, " infinite"),
@@ -64,7 +69,7 @@ export var TargetInner = function TargetInner(_ref2) {
   return jsx(Base
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   , _extends({}, props, {
-    // 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 -- Ignored via go/DSP-18766
     css: [pulse && animationStyles, reduceMotionAsPerUserPreference]
   }), children);
 };
@@ -116,7 +121,7 @@ export var Pulse = function Pulse(_ref3) {
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   , _extends({}, props, {
     css: [pulse && animationStyles,
-    // 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 -- Ignored via go/DSP-18766
     reduceMotionAsPerUserPreference],
     testId: testId
   }), children);

package/dist/types/components/modal.d.ts

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

package/dist/types/components/spotlight-card.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { type ComponentType, type ReactNode, type Ref } from 'react';
 import { type Actions } from '../types';

package/dist/types/components/spotlight.d.ts

@@ -73,14 +73,14 @@ export interface SpotlightProps {
      */
     targetReplacement?: ComponentType<any>;
     /**
-      This prop is a unique string that appears as an attribute `data-testid` in the rendered HTML output serving as a hook for automated tests.
-      As this component is composed of multiple components we use this `testId` as a prefix:
-  
-      - `"${testId}--dialog"` to identify the spotlight dialog
-      - `"${testId}--target"` to identify the spotlight target clone
-  
-      Defaults to `"spotlight"`.
-     */
+    This prop is a unique string that appears as an attribute `data-testid` in the rendered HTML output serving as a hook for automated tests.
+    As this component is composed of multiple components we use this `testId` as a prefix:
+
+    - `"${testId}--dialog"` to identify the spotlight dialog
+    - `"${testId}--target"` to identify the spotlight target clone
+
+    Defaults to `"spotlight"`.
+   */
     testId?: string;
 }
 /**

package/dist/types/styled/blanket.d.ts

@@ -1,4 +1,7 @@
 /// <reference types="react" />
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 type BlanketProps = {

package/dist/types/styled/dialog.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { type ImgHTMLAttributes, type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
@@ -17,7 +20,7 @@ export declare const DialogImage: ({ alt, ...props }: DialogImageProps) => jsx.J
  *
  * @internal
  */
-export declare const DialogActionItemContainer: ({ children, }: {
+export declare const DialogActionItemContainer: ({ children }: {
     children: ReactNode;
 }) => jsx.JSX.Element;
 /**

package/dist/types/styled/modal.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
@@ -22,7 +25,7 @@ export declare const ModalBody: ({ children }: {
  *
  * @internal
  */
-export declare const ModalHeading: ({ children, id, }: {
+export declare const ModalHeading: ({ children, id }: {
     children: ReactNode;
     id: string;
 }) => jsx.JSX.Element;

package/dist/types/styled/target.d.ts

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

package/dist/types-ts4.5/components/modal.d.ts

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

package/dist/types-ts4.5/components/spotlight-card.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { type ComponentType, type ReactNode, type Ref } from 'react';
 import { type Actions } from '../types';

package/dist/types-ts4.5/components/spotlight.d.ts

@@ -73,14 +73,14 @@ export interface SpotlightProps {
      */
     targetReplacement?: ComponentType<any>;
     /**
-      This prop is a unique string that appears as an attribute `data-testid` in the rendered HTML output serving as a hook for automated tests.
-      As this component is composed of multiple components we use this `testId` as a prefix:
-  
-      - `"${testId}--dialog"` to identify the spotlight dialog
-      - `"${testId}--target"` to identify the spotlight target clone
-  
-      Defaults to `"spotlight"`.
-     */
+    This prop is a unique string that appears as an attribute `data-testid` in the rendered HTML output serving as a hook for automated tests.
+    As this component is composed of multiple components we use this `testId` as a prefix:
+
+    - `"${testId}--dialog"` to identify the spotlight dialog
+    - `"${testId}--target"` to identify the spotlight target clone
+
+    Defaults to `"spotlight"`.
+   */
     testId?: string;
 }
 /**

package/dist/types-ts4.5/styled/blanket.d.ts

@@ -1,4 +1,7 @@
 /// <reference types="react" />
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 type BlanketProps = {

package/dist/types-ts4.5/styled/dialog.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { type ImgHTMLAttributes, type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
@@ -17,7 +20,7 @@ export declare const DialogImage: ({ alt, ...props }: DialogImageProps) => jsx.J
  *
  * @internal
  */
-export declare const DialogActionItemContainer: ({ children, }: {
+export declare const DialogActionItemContainer: ({ children }: {
     children: ReactNode;
 }) => jsx.JSX.Element;
 /**

package/dist/types-ts4.5/styled/modal.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
@@ -22,7 +25,7 @@ export declare const ModalBody: ({ children }: {
  *
  * @internal
  */
-export declare const ModalHeading: ({ children, id, }: {
+export declare const ModalHeading: ({ children, id }: {
     children: ReactNode;
     id: string;
 }) => jsx.JSX.Element;

package/dist/types-ts4.5/styled/target.d.ts

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