@atlaskit/onboarding 14.6.2 → 15.0.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/onboarding
 
+## 15.0.0
+
+### Major Changes
+
+- [`f2dc9097319f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2dc9097319f0) - ###
+  Dropped support for _legacy_ Typescript 4 types. **Typescript 5 is now the new minimum**.
+
+  Removes the `typesVersions` property and `dist/types-ts4.5` directory from the dist.
+
+  Types are now exclusively via the `"types": "dist/types/index.d.ts"` property.
+
+  ```diff
+  - "typesVersions": {
+  -    ">=4.5 <4.9": {
+  -        "*": [
+  -            "dist/types-ts4.5/*",
+  -            "dist/types-ts4.5/index.d.ts"
+  -        ]
+  -    }
+  - },
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 14.6.2
 
 ### Patch Changes

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

@@ -33,6 +33,9 @@ var SpotlightContext = exports.SpotlightContext = /*#__PURE__*/(0, _react.create
 });
 var SpotlightStateConsumer = exports.SpotlightConsumer = SpotlightContext.Consumer;
 var SpotlightStateProvider = SpotlightContext.Provider;
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
+
 var Container = function Container(_ref) {
   var Wrapper = _ref.component,
     children = _ref.children;
@@ -50,7 +53,7 @@ var Container = function Container(_ref) {
  *
  * @deprecated Use `@atlaskit/spotlight` instead.
  */
-// eslint-disable-next-line @repo/internal/react/no-class-components
+// eslint-disable-next-line @repo/internal/react/no-class-components, @atlaskit/volt-strict-mode/no-multiple-exports
 var SpotlightManager = exports.default = /*#__PURE__*/function (_PureComponent) {
   function SpotlightManager() {
     var _this;

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

@@ -92,4 +92,5 @@ var SpotlightTransition = /*#__PURE__*/function (_React$Component) {
 var SpotlightTransitionConsumer = exports.SpotlightTransitionConsumer = SpotlightTransitionContext.Consumer;
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var _default = exports.default = SpotlightTransition;

package/dist/cjs/components/theme.js

@@ -18,7 +18,7 @@ var spotlightTheme = {
       default: "var(--ds-background-inverse-subtle, #00000029)",
       hover: "var(--ds-background-inverse-subtle-hovered, #0000003D)",
       active: "var(--ds-background-inverse-subtle-pressed, #00000052)",
-      disabled: "var(--ds-background-disabled, #17171708)",
+      disabled: "var(--ds-background-disabled, #0515240F)",
       selected: "var(--ds-background-inverse-subtle-pressed, #00000052)",
       focus: "var(--ds-background-inverse-subtle, #00000029)"
     },
@@ -82,8 +82,8 @@ var modalTheme = {
       hover: "var(--ds-background-discovery-bold-hovered, #803FA5)",
       active: "var(--ds-background-discovery-bold-pressed, #673286)",
       disabled: {
-        light: "var(--ds-background-disabled, #17171708)",
-        dark: "var(--ds-background-disabled, #17171708)"
+        light: "var(--ds-background-disabled, #0515240F)",
+        dark: "var(--ds-background-disabled, #0515240F)"
       },
       selected: "var(--ds-background-selected-hovered, #CFE1FD)",
       focus: "var(--ds-background-discovery-bold-hovered, #803FA5)"
@@ -141,6 +141,7 @@ var spotlightButtonTheme = exports.spotlightButtonTheme = function spotlightButt
  * @deprecated
  * Custom button themes are deprecated and will be removed in the future.
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var modalButtonTheme = exports.modalButtonTheme = function modalButtonTheme(current, themeProps) {
   var _current2 = current(themeProps),
     buttonStyles = _current2.buttonStyles,

package/dist/cjs/styled/dialog.js

@@ -47,6 +47,7 @@ var DialogImage = exports.DialogImage = function DialogImage(_ref) {
  *
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 var DialogActionItemContainer = exports.DialogActionItemContainer = function DialogActionItemContainer(_ref2) {
   var children = _ref2.children;
   return /*#__PURE__*/React.createElement(_compiled.Box, {
@@ -61,6 +62,7 @@ var DialogActionItemContainer = exports.DialogActionItemContainer = function Dia
  *
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 var DialogActionItem = exports.DialogActionItem = function DialogActionItem(_ref3) {
   var children = _ref3.children;
   return /*#__PURE__*/React.createElement(_compiled.Box, {

package/dist/cjs/styled/modal.js

@@ -37,6 +37,7 @@ var ModalBody = exports.ModalBody = function ModalBody(_ref) {
  *
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 var ModalHeading = exports.ModalHeading = function ModalHeading(_ref2) {
   var children = _ref2.children,
     id = _ref2.id;
@@ -51,6 +52,7 @@ var ModalHeading = exports.ModalHeading = function ModalHeading(_ref2) {
  *
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 var ModalImage = exports.ModalImage = function ModalImage(_ref3) {
   var alt = _ref3.alt,
     src = _ref3.src;
@@ -66,6 +68,7 @@ var ModalImage = exports.ModalImage = function ModalImage(_ref3) {
  *
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 var ModalActionContainer = exports.ModalActionContainer = function ModalActionContainer(_ref4) {
   var children = _ref4.children,
     shouldReverseButtonOrder = _ref4.shouldReverseButtonOrder;
@@ -79,6 +82,7 @@ var ModalActionContainer = exports.ModalActionContainer = function ModalActionCo
  *
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 var ModalActionItem = exports.ModalActionItem = function ModalActionItem(_ref5) {
   var children = _ref5.children;
   return /*#__PURE__*/React.createElement(_compiled.Box, {

package/dist/cjs/styled/target.compiled.css

@@ -4,7 +4,7 @@
 ._1e02ze3t{inset-inline-start:var(--ds-space-0,0)}
 ._1pglmcjr{animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
 ._4t3i1osq{height:100%}
-._5sagi11n{animation-duration:3s}
+._5sag19pg{animation-duration:var(--ds-duration-xxlong,3s)}
 ._j7hq10vn{animation-name:k2lcpkd}
 ._kqswstnw{position:absolute}
 ._tip812c5{animation-iteration-count:infinite}

package/dist/cjs/styled/target.js

@@ -66,7 +66,7 @@ var TargetInner = exports.TargetInner = function TargetInner(_ref2) {
     bgColor: bgColor
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: (0, _runtime.ax)([pulse && "", pulse && "_5sagi11n _tip812c5 _j7hq10vn _1pglmcjr _16qs1peg", "_1bumglyw _sedtglyw", className]),
+    className: (0, _runtime.ax)([pulse && "", pulse && "_5sag19pg _tip812c5 _j7hq10vn _1pglmcjr _16qs1peg", "_1bumglyw _sedtglyw", className]),
     radius: radius,
     testId: testId
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
@@ -87,6 +87,7 @@ var targetOverlayStyles = null;
  *
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 var TargetOverlay = exports.TargetOverlay = function TargetOverlay(_ref3) {
   var onClick = _ref3.onClick,
     props = (0, _objectWithoutProperties2.default)(_ref3, _excluded3);
@@ -112,6 +113,7 @@ var TargetOverlay = exports.TargetOverlay = function TargetOverlay(_ref3) {
  *
  * @deprecated Use `@atlaskit/spotlight` instead.
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 var Pulse = exports.Pulse = function Pulse(_ref4) {
   var bgColor = _ref4.bgColor,
     children = _ref4.children,
@@ -125,7 +127,7 @@ var Pulse = exports.Pulse = function Pulse(_ref4) {
     bgColor: bgColor
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: (0, _runtime.ax)([pulse && "", pulse && "_5sagi11n _tip812c5 _j7hq10vn _1pglmcjr _16qs1peg", "_1bumglyw _sedtglyw", className]),
+    className: (0, _runtime.ax)([pulse && "", pulse && "_5sag19pg _tip812c5 _j7hq10vn _1pglmcjr _16qs1peg", "_1bumglyw _sedtglyw", className]),
     radius: radius,
     testId: testId
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props

package/dist/es2019/components/index.js

@@ -7,4 +7,18 @@ import SpotlightTarget from './spotlight-target';
 import SpotlightTransition from './spotlight-transition';
 import useSpotlight from './use-spotlight';
 export { spotlightButtonTheme, modalButtonTheme } from './theme';
-export { Modal, Spotlight, SpotlightCard, SpotlightManager, SpotlightTarget, SpotlightTransition, useSpotlight, ModalTransition };
+export { Modal,
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
+Spotlight,
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
+SpotlightCard,
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
+SpotlightManager,
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
+SpotlightTarget,
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
+SpotlightTransition,
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
+useSpotlight,
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
+ModalTransition };

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

@@ -16,6 +16,8 @@ const SpotlightContext = /*#__PURE__*/createContext({
 const SpotlightStateConsumer = SpotlightContext.Consumer;
 const SpotlightStateProvider = SpotlightContext.Provider;
 export { TargetConsumer };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export { SpotlightContext, SpotlightStateConsumer as SpotlightConsumer };
 const Container = ({
   component: Wrapper,
@@ -33,7 +35,7 @@ const Container = ({
  *
  * @deprecated Use `@atlaskit/spotlight` instead.
  */
-// eslint-disable-next-line @repo/internal/react/no-class-components
+// eslint-disable-next-line @repo/internal/react/no-class-components, @atlaskit/volt-strict-mode/no-multiple-exports
 export default class SpotlightManager extends PureComponent {
   constructor(...args) {
     super(...args);

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

@@ -65,4 +65,5 @@ class SpotlightTransition extends React.Component {
 export const SpotlightTransitionConsumer = SpotlightTransitionContext.Consumer;
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export default SpotlightTransition;

package/dist/es2019/components/theme.js

@@ -4,7 +4,7 @@ const spotlightTheme = {
       default: "var(--ds-background-inverse-subtle, #00000029)",
       hover: "var(--ds-background-inverse-subtle-hovered, #0000003D)",
       active: "var(--ds-background-inverse-subtle-pressed, #00000052)",
-      disabled: "var(--ds-background-disabled, #17171708)",
+      disabled: "var(--ds-background-disabled, #0515240F)",
       selected: "var(--ds-background-inverse-subtle-pressed, #00000052)",
       focus: "var(--ds-background-inverse-subtle, #00000029)"
     },
@@ -68,8 +68,8 @@ const modalTheme = {
       hover: "var(--ds-background-discovery-bold-hovered, #803FA5)",
       active: "var(--ds-background-discovery-bold-pressed, #673286)",
       disabled: {
-        light: "var(--ds-background-disabled, #17171708)",
-        dark: "var(--ds-background-disabled, #17171708)"
+        light: "var(--ds-background-disabled, #0515240F)",
+        dark: "var(--ds-background-disabled, #0515240F)"
       },
       selected: "var(--ds-background-selected-hovered, #CFE1FD)",
       focus: "var(--ds-background-discovery-bold-hovered, #803FA5)"
@@ -133,6 +133,7 @@ export const spotlightButtonTheme = (current, themeProps) => {
  * @deprecated
  * Custom button themes are deprecated and will be removed in the future.
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const modalButtonTheme = (current, themeProps) => {
   const {
     buttonStyles,

package/dist/es2019/styled/dialog.js

@@ -35,6 +35,7 @@ export const DialogImage = ({
  *
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 export const DialogActionItemContainer = ({
   children
 }) => /*#__PURE__*/React.createElement(Box, {
@@ -48,6 +49,7 @@ export const DialogActionItemContainer = ({
  *
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 export const DialogActionItem = ({
   children
 }) => /*#__PURE__*/React.createElement(Box, {

package/dist/es2019/styled/modal.js

@@ -28,6 +28,7 @@ export const ModalBody = ({
  *
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 export const ModalHeading = ({
   children,
   id
@@ -43,6 +44,7 @@ export const ModalHeading = ({
  *
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 export const ModalImage = ({
   alt,
   src
@@ -57,6 +59,7 @@ export const ModalImage = ({
  *
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 export const ModalActionContainer = ({
   children,
   shouldReverseButtonOrder
@@ -69,6 +72,7 @@ export const ModalActionContainer = ({
  *
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 export const ModalActionItem = ({
   children
 }) => /*#__PURE__*/React.createElement(Box, {

package/dist/es2019/styled/target.compiled.css

@@ -4,7 +4,7 @@
 ._1e02ze3t{inset-inline-start:var(--ds-space-0,0)}
 ._1pglmcjr{animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
 ._4t3i1osq{height:100%}
-._5sagi11n{animation-duration:3s}
+._5sag19pg{animation-duration:var(--ds-duration-xxlong,3s)}
 ._j7hqfamb{animation-name:kb6d39w}
 ._kqswstnw{position:absolute}
 ._tip812c5{animation-iteration-count:infinite}

package/dist/es2019/styled/target.js

@@ -52,7 +52,7 @@ export const TargetInner = ({
   bgColor: bgColor
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
   ,
-  className: ax([pulse && "", pulse && "_5sagi11n _tip812c5 _j7hqfamb _1pglmcjr _16qs1peg", "_1bumglyw _sedtglyw", className]),
+  className: ax([pulse && "", pulse && "_5sag19pg _tip812c5 _j7hqfamb _1pglmcjr _16qs1peg", "_1bumglyw _sedtglyw", className]),
   radius: radius,
   testId: testId
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
@@ -70,6 +70,7 @@ const targetOverlayStyles = null;
  *
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 export const TargetOverlay = ({
   onClick,
   ...props
@@ -94,6 +95,7 @@ export const TargetOverlay = ({
  *
  * @deprecated Use `@atlaskit/spotlight` instead.
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 export const Pulse = ({
   bgColor,
   children,
@@ -106,7 +108,7 @@ export const Pulse = ({
   bgColor: bgColor
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
   ,
-  className: ax([pulse && "", pulse && "_5sagi11n _tip812c5 _j7hqfamb _1pglmcjr _16qs1peg", "_1bumglyw _sedtglyw", className]),
+  className: ax([pulse && "", pulse && "_5sag19pg _tip812c5 _j7hqfamb _1pglmcjr _16qs1peg", "_1bumglyw _sedtglyw", className]),
   radius: radius,
   testId: testId
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props

package/dist/esm/components/index.js

@@ -7,4 +7,18 @@ import SpotlightTarget from './spotlight-target';
 import SpotlightTransition from './spotlight-transition';
 import useSpotlight from './use-spotlight';
 export { spotlightButtonTheme, modalButtonTheme } from './theme';
-export { Modal, Spotlight, SpotlightCard, SpotlightManager, SpotlightTarget, SpotlightTransition, useSpotlight, ModalTransition };
+export { Modal,
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
+Spotlight,
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
+SpotlightCard,
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
+SpotlightManager,
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
+SpotlightTarget,
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
+SpotlightTransition,
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
+useSpotlight,
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
+ModalTransition };

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

@@ -25,6 +25,8 @@ var SpotlightContext = /*#__PURE__*/createContext({
 var SpotlightStateConsumer = SpotlightContext.Consumer;
 var SpotlightStateProvider = SpotlightContext.Provider;
 export { TargetConsumer };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export { SpotlightContext, SpotlightStateConsumer as SpotlightConsumer };
 var Container = function Container(_ref) {
   var Wrapper = _ref.component,
@@ -43,7 +45,7 @@ var Container = function Container(_ref) {
  *
  * @deprecated Use `@atlaskit/spotlight` instead.
  */
-// eslint-disable-next-line @repo/internal/react/no-class-components
+// eslint-disable-next-line @repo/internal/react/no-class-components, @atlaskit/volt-strict-mode/no-multiple-exports
 var SpotlightManager = /*#__PURE__*/function (_PureComponent) {
   function SpotlightManager() {
     var _this;

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

@@ -83,4 +83,5 @@ var SpotlightTransition = /*#__PURE__*/function (_React$Component) {
 export var SpotlightTransitionConsumer = SpotlightTransitionContext.Consumer;
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export default SpotlightTransition;

package/dist/esm/components/theme.js

@@ -11,7 +11,7 @@ var spotlightTheme = {
       default: "var(--ds-background-inverse-subtle, #00000029)",
       hover: "var(--ds-background-inverse-subtle-hovered, #0000003D)",
       active: "var(--ds-background-inverse-subtle-pressed, #00000052)",
-      disabled: "var(--ds-background-disabled, #17171708)",
+      disabled: "var(--ds-background-disabled, #0515240F)",
       selected: "var(--ds-background-inverse-subtle-pressed, #00000052)",
       focus: "var(--ds-background-inverse-subtle, #00000029)"
     },
@@ -75,8 +75,8 @@ var modalTheme = {
       hover: "var(--ds-background-discovery-bold-hovered, #803FA5)",
       active: "var(--ds-background-discovery-bold-pressed, #673286)",
       disabled: {
-        light: "var(--ds-background-disabled, #17171708)",
-        dark: "var(--ds-background-disabled, #17171708)"
+        light: "var(--ds-background-disabled, #0515240F)",
+        dark: "var(--ds-background-disabled, #0515240F)"
       },
       selected: "var(--ds-background-selected-hovered, #CFE1FD)",
       focus: "var(--ds-background-discovery-bold-hovered, #803FA5)"
@@ -134,6 +134,7 @@ export var spotlightButtonTheme = function spotlightButtonTheme(current, themePr
  * @deprecated
  * Custom button themes are deprecated and will be removed in the future.
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export var modalButtonTheme = function modalButtonTheme(current, themeProps) {
   var _current2 = current(themeProps),
     buttonStyles = _current2.buttonStyles,

package/dist/esm/styled/dialog.js

@@ -38,6 +38,7 @@ export var DialogImage = function DialogImage(_ref) {
  *
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 export var DialogActionItemContainer = function DialogActionItemContainer(_ref2) {
   var children = _ref2.children;
   return /*#__PURE__*/React.createElement(Box, {
@@ -52,6 +53,7 @@ export var DialogActionItemContainer = function DialogActionItemContainer(_ref2)
  *
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 export var DialogActionItem = function DialogActionItem(_ref3) {
   var children = _ref3.children;
   return /*#__PURE__*/React.createElement(Box, {

package/dist/esm/styled/modal.js

@@ -29,6 +29,7 @@ export var ModalBody = function ModalBody(_ref) {
  *
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 export var ModalHeading = function ModalHeading(_ref2) {
   var children = _ref2.children,
     id = _ref2.id;
@@ -43,6 +44,7 @@ export var ModalHeading = function ModalHeading(_ref2) {
  *
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 export var ModalImage = function ModalImage(_ref3) {
   var alt = _ref3.alt,
     src = _ref3.src;
@@ -58,6 +60,7 @@ export var ModalImage = function ModalImage(_ref3) {
  *
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 export var ModalActionContainer = function ModalActionContainer(_ref4) {
   var children = _ref4.children,
     shouldReverseButtonOrder = _ref4.shouldReverseButtonOrder;
@@ -71,6 +74,7 @@ export var ModalActionContainer = function ModalActionContainer(_ref4) {
  *
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 export var ModalActionItem = function ModalActionItem(_ref5) {
   var children = _ref5.children;
   return /*#__PURE__*/React.createElement(Box, {

package/dist/esm/styled/target.compiled.css

@@ -4,7 +4,7 @@
 ._1e02ze3t{inset-inline-start:var(--ds-space-0,0)}
 ._1pglmcjr{animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
 ._4t3i1osq{height:100%}
-._5sagi11n{animation-duration:3s}
+._5sag19pg{animation-duration:var(--ds-duration-xxlong,3s)}
 ._j7hq10vn{animation-name:k2lcpkd}
 ._kqswstnw{position:absolute}
 ._tip812c5{animation-iteration-count:infinite}

package/dist/esm/styled/target.js

@@ -57,7 +57,7 @@ export var TargetInner = function TargetInner(_ref2) {
     bgColor: bgColor
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax([pulse && "", pulse && "_5sagi11n _tip812c5 _j7hq10vn _1pglmcjr _16qs1peg", "_1bumglyw _sedtglyw", className]),
+    className: ax([pulse && "", pulse && "_5sag19pg _tip812c5 _j7hq10vn _1pglmcjr _16qs1peg", "_1bumglyw _sedtglyw", className]),
     radius: radius,
     testId: testId
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
@@ -78,6 +78,7 @@ var targetOverlayStyles = null;
  *
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 export var TargetOverlay = function TargetOverlay(_ref3) {
   var onClick = _ref3.onClick,
     props = _objectWithoutProperties(_ref3, _excluded3);
@@ -103,6 +104,7 @@ export var TargetOverlay = function TargetOverlay(_ref3) {
  *
  * @deprecated Use `@atlaskit/spotlight` instead.
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
 export var Pulse = function Pulse(_ref4) {
   var bgColor = _ref4.bgColor,
     children = _ref4.children,
@@ -116,7 +118,7 @@ export var Pulse = function Pulse(_ref4) {
     bgColor: bgColor
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax([pulse && "", pulse && "_5sagi11n _tip812c5 _j7hq10vn _1pglmcjr _16qs1peg", "_1bumglyw _sedtglyw", className]),
+    className: ax([pulse && "", pulse && "_5sag19pg _tip812c5 _j7hq10vn _1pglmcjr _16qs1peg", "_1bumglyw _sedtglyw", className]),
     radius: radius,
     testId: testId
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props

package/modal/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/modal.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/modal.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/modal.d.ts"
 }

package/modal-transition/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/modal-transition.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/modal-transition.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/modal-transition.d.ts"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/onboarding",
-	"version": "14.6.2",
+	"version": "15.0.0",
 	"description": "An onboarding spotlight introduces new features to users through focused messages or multi-step tours.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -12,14 +12,6 @@
 	"module": "dist/esm/index.js",
 	"module:es2019": "dist/es2019/index.js",
 	"types": "dist/types/index.d.ts",
-	"typesVersions": {
-		">=4.5 <4.9": {
-			"*": [
-				"dist/types-ts4.5/*",
-				"dist/types-ts4.5/index.d.ts"
-			]
-		}
-	},
 	"sideEffects": [
 		"**/*.compiled.css"
 	],
@@ -62,18 +54,18 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/button": "^23.11.0",
-		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/ds-lib": "^7.0.0",
-		"@atlaskit/heading": "^5.4.0",
-		"@atlaskit/layering": "^3.7.0",
-		"@atlaskit/modal-dialog": "^15.0.0",
-		"@atlaskit/motion": "^6.2.0",
-		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/popper": "^7.2.0",
-		"@atlaskit/portal": "^5.5.0",
-		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/tokens": "^13.0.0",
+		"@atlaskit/button": "^24.0.0",
+		"@atlaskit/css": "^1.0.0",
+		"@atlaskit/ds-lib": "^8.0.0",
+		"@atlaskit/heading": "^6.0.0",
+		"@atlaskit/layering": "^4.0.0",
+		"@atlaskit/modal-dialog": "^16.0.0",
+		"@atlaskit/motion": "^7.0.0",
+		"@atlaskit/platform-feature-flags": "^2.0.0",
+		"@atlaskit/popper": "^8.0.0",
+		"@atlaskit/portal": "^6.0.0",
+		"@atlaskit/primitives": "^20.0.0",
+		"@atlaskit/tokens": "^14.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"bind-event-listener": "^3.0.0",
@@ -92,15 +84,16 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/theme": "^23.2.0",
+		"@atlaskit/theme": "^26.0.0",
 		"@atlassian/react-compiler-gating": "workspace:^",
 		"@atlassian/ssr-tests": "workspace:^",
-		"@atlassian/testing-library": "^0.5.0",
+		"@atlassian/testing-library": "^0.6.0",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
 		"@types/exenv": "^1.2.0",
 		"@types/react-node-resolver": "^2.0.0",
 		"raf-stub": "^2.0.1",
+		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-lorem-component": "^0.13.0"
 	},
@@ -115,24 +108,5 @@
 			"type": "boolean",
 			"referenceOnly": true
 		}
-	},
-	"techstack": {
-		"@atlassian/frontend": {
-			"import-structure": "atlassian-conventions"
-		},
-		"@repo/internal": {
-			"dom-events": "use-bind-event-listener",
-			"analytics": "analytics-next",
-			"design-tokens": [
-				"color",
-				"spacing"
-			],
-			"styling": [
-				"static",
-				"emotion"
-			],
-			"design-system": "v1",
-			"deprecation": "no-deprecated-imports"
-		}
 	}
 }