Onboarding (spotlight)

An onboarding spotlight introduces new features to users through focused messages or multi-step tours.

Deprecated

This package is deprecated. Use @atlaskit/spotlight.

Examples Code Usage Changelog

15.4.2

Patch Changes

Updated dependencies

15.4.1

Patch Changes

Updated dependencies

15.4.0

Minor Changes

bd2c5b0112185, (opens new window) - Remove stale API report artifacts from published Platform packages.

Patch Changes

Updated dependencies

15.3.1

Patch Changes

Use @atlassian/testing-library exclusively in unit tests.
Updated dependencies

15.3.0

Minor Changes

d82e6f76528ab, (opens new window) - Add direct subpath package exports as part of the linking-platform, search, media, and design-system barrel-removal (de-barrel) migration.

These packages now expose their individual modules via explicit package.json exports subpaths so that consumers can import directly from the leaf module (e.g. @atlaskit/pkg/thing) instead of the package barrel/index. This adds new public entry points without changing or removing any existing exports, so it is a backwards-compatible additive change.

No runtime behaviour changes; this is an API-surface (entry-point) addition to support tree-shaking and to unblock removal of the barrel index files.

Patch Changes

Updated dependencies

15.2.0

Minor Changes

0075efb228821, (opens new window) - Autofix: barrel removal (imports + exports)

Patch Changes

Updated dependencies

15.1.9

Patch Changes

Updated dependencies

15.1.8

Patch Changes

Updated dependencies

15.1.7

Patch Changes

Updated dependencies

15.1.6

Patch Changes

Updated dependencies

15.1.5

Patch Changes

Updated dependencies

15.1.4

Patch Changes

Updated dependencies

15.1.3

Patch Changes

Updated dependencies

15.1.2

Patch Changes

Updated dependencies

15.1.1

Patch Changes

820f00bd7db09, (opens new window) - Enable platform-dst-motion-uplift-button by default in constellation examples so button motion is previewed in component demos. Docs/examples-only; no change to shipped component behaviour.
Updated dependencies

15.1.0

Minor Changes

cd097a2111788, (opens new window) - Republish packages depending on @atlaskit/react-compiler-gating so their published dependency reference is updated to the renamed @atlaskit/react-compiler-gating scope.

The earlier rename of @atlassian/react-compiler-gating to @atlaskit/react-compiler-gating only bumped the renamed package itself, so dependent packages were never republished and their published versions still referenced the old @atlassian/react-compiler-gating name, which is not available in the public npm registry. This minor bump republishes all affected packages with the corrected dependency.

Patch Changes

Updated dependencies

15.0.1

Patch Changes

ee28cf33718b0, (opens new window) - Add @atlaskit/react-compiler-gating as a runtime dependency to enable React Compiler platform gating.
Updated dependencies

15.0.0

Major Changes

f2dc9097319f0, (opens new window) - ### 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.
- "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

Updated dependencies

14.6.1

Patch Changes

Updated dependencies

14.6.0

Minor Changes

7d6e9b5e6e7c6, (opens new window) - Autofix: add explicit package exports (barrel removal)

14.5.12

Patch Changes

Updated dependencies

14.5.11

Patch Changes

ddd049a745d38, (opens new window) - Internal change to how legacy colors are applied. No visual changes.

14.5.10

Patch Changes

Updated dependencies

14.5.9

Patch Changes

02483200273ec, (opens new window) - Enrol all Design System UI packages into the React Compiler with platform gating via isReactCompilerActivePlatform.
Updated dependencies

14.5.8

Patch Changes

e2085d35701ca, (opens new window) - Internal changes to remove unnecessary token fallbacks and imports from @atlaskit/theme
Updated dependencies

14.5.7

Patch Changes

122f05b37d695, (opens new window) - Clean up platform_fix_component_state_update_for_suspense feature gate - the fix for Suspense boundary updates is now always enabled

14.5.6

Patch Changes

Updated dependencies

14.5.5

Patch Changes

b35eb5f6a4e6a, (opens new window) - Remove now inert autoFocus prop from modal dialog components.

14.5.4

Patch Changes

5db9e3f21a52f, (opens new window) - Internal refactoring
Updated dependencies

14.5.3

Patch Changes

Updated dependencies

14.5.2

Patch Changes

Updated dependencies

14.5.1

Patch Changes

036c3ee917e3c, (opens new window) - Icon migration entry point update
Updated dependencies

14.5.0

Minor Changes

b9f2a2ef1a82c, (opens new window) - Target border radius props accept strings on top of number values to allow the use of tokens.

14.4.16

Patch Changes

Updated dependencies

14.4.15

Patch Changes

Updated dependencies

14.4.14

Patch Changes

55920a92e882a, (opens new window) - tsignores added for help-center local consumpton removed

14.4.13

Patch Changes

4d676bbdb3ce6, (opens new window) - ts-ignore added temporarily to unblock local consumption for help-center, will be removed once project refs are setup

14.4.12

Patch Changes

Updated dependencies

14.4.11

Patch Changes

Updated dependencies

14.4.10

Patch Changes

Updated dependencies

14.4.9

Patch Changes

6616518b12a0b, (opens new window) - Mark all @atlaskit/onboarding exports as deprecated. Please use @atlaskit/spotlight instead.
Updated dependencies

14.4.8

Patch Changes

9eb23c8a1d25b, (opens new window) - Mark @atlaskit/onboarding as deprecated. Please use @atlaskit/spotlight instead.

14.4.7

Patch Changes

Updated dependencies

14.4.6

Patch Changes

Updated dependencies

14.4.5

Patch Changes

Updated dependencies

14.4.4

Patch Changes

39e543109ec09, (opens new window) - add type info to forwardRef components
Updated dependencies

14.4.3

Patch Changes

b64b505de466e, (opens new window) - fix: Resolve this binding issue that caused new checkVisibility function to throw an error

14.4.2

Patch Changes

Updated dependencies

14.4.1

Patch Changes

Updated dependencies

14.4.0

Minor Changes

098c92cc2bdcd, (opens new window) - Add checkVisibility to useSpotlight return value, allowing consumers to determine whether a spotlight target is visible as determined by checkVisibility

14.3.8

Patch Changes

255837cfba315, (opens new window) - Internal changes to how border radius is applied.
Updated dependencies

14.3.7

Patch Changes

23bcc5bbc9cee, (opens new window) - Internal changes to how border radius is applied.
Updated dependencies

14.3.6

Patch Changes

cd70a377d007c, (opens new window) - Internal changes to how border radius is applied.
Updated dependencies

14.3.5

Patch Changes

2af42ad93c3e0, (opens new window) - Internal changes to use tokens for border radius.

14.3.4

Patch Changes

8552692692a60, (opens new window) - Mark @atlaskit/onboarding as intent-to-deprecate.

14.3.3

Patch Changes

Updated dependencies

14.3.2

Patch Changes

Updated dependencies

14.3.1

Patch Changes

#188952, (opens new window) 1a88e6e2601ae, (opens new window) - Migrated usage of renamed/deprecated icons
Updated dependencies

14.3.0

Minor Changes

#187608, (opens new window) b447e727a9968, (opens new window) - Cleans up the platform_dst_onboarding_react_transition_group feature gate. Animations are now done using @atlaskit/motion, and react-transition-group has been removed.

14.2.6

Patch Changes

#184470, (opens new window) c73eb5a206371, (opens new window) - Internal refactoring of visual regression tests.

14.2.5

Patch Changes

Updated dependencies

14.2.4

Patch Changes

Updated dependencies

14.2.3

Patch Changes

#169950, (opens new window) 7437b3aef9373, (opens new window) - Inlined 'ScrollLogicalPosition' type to fix invalid import from 'scroll-into-view-if-needed/typings/types'

14.2.2

Patch Changes

Updated dependencies

14.2.1

Patch Changes

Updated dependencies

14.2.0

Minor Changes

#161229, (opens new window) 37873d53dbc22, (opens new window) - Adds platform_dst_onboarding_react_transition_group feature gate. When enabled @atlaskit/motion will be used for transitions instead of react-transition-group.

Patch Changes

#155802, (opens new window) 08019848e3eab, (opens new window) - Refreshed "issue" terminology.
Updated dependencies

14.1.1

Patch Changes

#153897, (opens new window) 86e45dd6e3502, (opens new window) - Export SpotlightCard prop types

14.1.0

Minor Changes

#154745, (opens new window) 7618d9837e247, (opens new window) - Tidy up design-system-closed-all-when-click-outside and sibling-dropdown-close-issue to provide better keyboard navigation.

Patch Changes

Updated dependencies

14.0.3

Patch Changes

#148201, (opens new window) 8e811f1840de7, (opens new window) - Either actively or pre-emptively fixes a bug with keyframe animations in CJS and ESM distribution targets for packages using Compiled CSS-in-JS. This may not affect this package, but the change was made so a future migration does not accidentally break it.

14.0.2

Patch Changes

#139445, (opens new window) 0f13df85731d6, (opens new window) - the component state update causes React Streming to have Suspense boundary received update before hydrating finished error. Wrapping the state update in startTransition

14.0.1

Patch Changes

Updated dependencies

14.0.0

Major Changes

#132237, (opens new window) d48bdcf1a3dca, (opens new window) - Migrated from @emotion/react to @compiled/react in order to improve performance, align with the rest of the Atlaskit techstack, and support React 18 Streaming SSR. Please note, in order to use this version of @atlaskit/onboarding, you will need to ensure that your bundler is configured to handle .css imports correctly.

Most bundlers come with built-in support for .css imports, so you may not need to do anything. If you are using a different bundler, please refer to the documentation for that bundler to understand how to handle .css imports. For more information on the migration, please refer to RFC-73 Migrating our components to Compiled CSS-in-JS, (opens new window).

Patch Changes

Updated dependencies

13.0.5

Patch Changes

Updated dependencies

13.0.4

Patch Changes

Updated dependencies

13.0.3

Patch Changes

#123425, (opens new window) 9d24a5a33ee9e, (opens new window) - Add setTimeout to defer state update on cloned target to avoid content shifting issue when scrollbars are on the page

13.0.2

Patch Changes

Updated dependencies

13.0.1

Patch Changes

Updated dependencies

13.0.0

Major Changes

#117363, (opens new window) 10a0f7f6c2027, (opens new window) - This package's peerDependencies have been adjusted for react and/or react-dom to reflect the status of only supporting React 18 going forward. No explicit breaking change to React support has been made in this release, but this is to signify going forward, breaking changes for React 16 or React 17 may come via non-major semver releases.

Please refer this community post for more details: https://community.developer.atlassian.com/t/rfc-78-dropping-support-for-react-16-and-rendering-in-a-react-18-concurrent-root-in-jira-and-confluence/87026, (opens new window)

Patch Changes

Updated dependencies

12.3.6

Patch Changes

Updated dependencies

12.3.5

Patch Changes

Updated dependencies

12.3.4

Patch Changes

#114282, (opens new window) ff1c7111d8dd5, (opens new window) - Update dependencies and remove unused internal exports.

12.3.3

Patch Changes

Updated dependencies

12.3.2

Patch Changes

Updated dependencies

12.3.1

Patch Changes

Updated dependencies

12.3.0

Minor Changes

#109060, (opens new window) 4660ec858a305, (opens new window) - Update React from v16 to v18

Patch Changes

Updated dependencies

12.2.3

Patch Changes

Updated dependencies

12.2.2

Patch Changes

#180301, (opens new window) 16990dd2ac6e5, (opens new window) - Internal changes to typography styles. There may be some minor visual changes to align with modernized typography styles.

12.2.1

Patch Changes

Updated dependencies

12.2.0

Minor Changes

#176005, (opens new window) a7f4659856234, (opens new window) - Adds optional render prop API to SpotlightTarget component. You can now use a function as the children of SpotlightTarget and explicitly connect the targetRef to your component. This provides fine-grained control over which element is cloned and avoids the need for a wrapping div element.

Patch Changes

#176005, (opens new window) 3f689d259d12e, (opens new window) - GA layering into spotlight

12.1.9

Patch Changes

Updated dependencies

12.1.8

Patch Changes

#167574, (opens new window) 30792384f2240, (opens new window) - Removed feature flag to switch useElementBox to the 'polling' ResizeMethod. Now only props should be used to control this.

12.1.7

Patch Changes

#167181, (opens new window) 5bc9dc0796474, (opens new window) - Remove react-focus-lock-next dependency

12.1.6

Patch Changes

#166087, (opens new window) 3ab7d7da348ab, (opens new window) - Adds side-effect config to support Compiled css extraction in third-party apps

12.1.5

Patch Changes

Updated dependencies

12.1.4

Patch Changes

Updated dependencies

12.1.3

Patch Changes

#161637, (opens new window) 6d8bd88d4f892, (opens new window) - [ux] Add default id to heading and reference it to spotlight dialog as accessible name if heading exists.

12.1.2

Patch Changes

#161638, (opens new window) d2e5e5ce0053d, (opens new window) - Use new API of layering without UNSAFE prefix

12.1.1

Patch Changes

#161203, (opens new window) 65b24f1c77e69, (opens new window) - Make spread props more explicit and types more accurate throughout all components.

12.1.0

Minor Changes

#159268, (opens new window) 960359d2e994c, (opens new window) - Updated logic for node-resolver-spotlight-target to remove extra span from document

Patch Changes

Updated dependencies

12.0.0

Major Changes

#158161, (opens new window) 1bf871b6178fe, (opens new window) - Make spotlight watch for changes to wrapped component

11.17.0

Minor Changes

#158301, (opens new window) 71f646cbd1ba6, (opens new window) - [ux] Fixes issue where focus moved beyond spotlight container in screen reader mode. Additionally spotlight dialog now supports props to add/reference label to it.

11.16.1

Patch Changes

Updated dependencies

11.16.0

Minor Changes

#154699, (opens new window) fddbc0849871c, (opens new window) - DSP-21285 replacing platform-design-system-dsp-20687-transition-group with platform_design_system_team_transition_group_r18

11.15.8

Patch Changes

Updated dependencies

11.15.7

Patch Changes

#153563, (opens new window) f737df437eb7a, (opens new window) - Support close type in popup to not close all layers
Updated dependencies

11.15.6

Patch Changes

#152429, (opens new window) 5d414827c3394, (opens new window) - Removes usages of deprecated CustomThemeButton in favor of the new Button

11.15.5

Patch Changes

#143559, (opens new window) a25693d44cd74, (opens new window) - Updated dependencies

11.15.4

Patch Changes

Updated dependencies

11.15.3

Patch Changes

#146891, (opens new window) 1946e3bf8c6c9, (opens new window) - Internal change only: update feature flag names.

11.15.2

Patch Changes

#146525, (opens new window) 2ec1031034a2b, (opens new window) - Integrate layering into spotlight

11.15.1

Patch Changes

Updated dependencies

11.15.0

Minor Changes

#144362, (opens new window) 73d292c184200, (opens new window) - [ux] Fix for bug DSP-21004. Update cloned content on mutation

11.14.0

Minor Changes

2d1da097bd763, (opens new window) - DSP-20687 removing usage of findDOMNode in react-transition-group behind ff

11.13.0

Minor Changes

#135285, (opens new window) 5129525d797c8, (opens new window) - DSP-20262 react-node-resolver removal behind ff

11.12.3

Patch Changes

#134051, (opens new window) 85b8f6cd01de0, (opens new window) - Removes redundant usage of analytics-next from the spotlight dialog. No functional or behavioural changes

11.12.2

Patch Changes

Updated dependencies

11.12.1

Patch Changes

Updated dependencies

11.12.0

Minor Changes

#127511, (opens new window) db30e29344013, (opens new window) - Widening range of react and react-dom peer dependencies from ^16.8.0 || ^17.0.0 || ~18.2.0 to the wider range of ``^16.8.0 || ^17.0.0 || ^18.0.0` (where applicable).

This change has been done to enable usage of react@18.3 as well as to have a consistent peer dependency range for react and react-dom for /platform packages.

Patch Changes

Updated dependencies

11.11.1

Patch Changes

Updated dependencies

11.11.0

Minor Changes

8b8090800a35d, (opens new window) - Bump peer dependency for react-dom to include version 17 and 18.

Patch Changes

Updated dependencies

11.10.5

Patch Changes

Updated dependencies

11.10.4

Patch Changes

#125754, (opens new window) aa57c66a5b798, (opens new window) - Migrating ipm-choreographer out of post-office and into platform. Fixing tests and lint checks for ipm-choreographer, and adding a bugfix for Engagekit. Also, a minor change to @atlaskit/onboarding to export the SpotlightProps interface.

11.10.3

Patch Changes

Updated dependencies

11.10.2

Patch Changes

#120049, (opens new window) 77504ff274f72, (opens new window) - DSP-19576: Assign names to anonymous default exports

11.10.1

Patch Changes

Updated dependencies

11.10.0

Minor Changes

#117762, (opens new window) e7423e403d743, (opens new window) - [ux] Add onBlanketClicked prop to SpotlightManager.

11.9.0

Minor Changes

393f732d5423f, (opens new window) - [ux] Adding an optional prop to Spotlight, so it can used for scrollIntoView 'block' parameter. This is to fix the unnecessary scroll of the non-portalled popup targets.

Patch Changes

Updated dependencies

11.8.2

Patch Changes

Updated dependencies

11.8.1

Patch Changes

Updated dependencies

11.8.0

Minor Changes

#114901, (opens new window) 61f6a496bcddf, (opens new window) - Added a possible fix (behind a feature flag) for a positioning bug with the Spotlight component.

11.7.2

Patch Changes

Updated dependencies

11.7.1

Patch Changes

Updated dependencies

11.7.0

Minor Changes

#110670, (opens new window) c733254a2dd6e, (opens new window) - 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

#109747, (opens new window) abd5924f09fbd, (opens new window) - Internal change to manually set Heading colour to avoid potential context issues. This should resolve issues where the Heading colour may have been incorrectly set.

11.5.8

Patch Changes

Updated dependencies

11.5.7

Patch Changes

Updated dependencies

11.5.6

Patch Changes

#100605, (opens new window) f12f3d4764e2, (opens new window) - Reverts an attempted bug fix in 11.5.2 that re-added a theme provider to spotlight card to prevent custom theme buttons inheriting other themes

11.5.5

Patch Changes

#97580, (opens new window) e07d5ea81fc8, (opens new window) - Update internal usage of typography heading
Updated dependencies

11.5.4

Patch Changes

#96898, (opens new window) 255626d6dcd8, (opens new window) - [ux] Remove zIndex for legacy browsers
Updated dependencies

11.5.3

Patch Changes

Updated dependencies

11.5.2

Patch Changes

#96747, (opens new window) 3fdc807b70fb, (opens new window) - Re-add custom theme wrapper to prevent buttons accidentally inheriting themes. To be removed when component is updated to use new buttons.

11.5.1

Patch Changes

#95529, (opens new window) 48e3bdade8f8, (opens new window) - Internal changes.

11.5.0

Minor Changes

#93698, (opens new window) 36175212c2f4, (opens new window) - Add support for React 18 in non-strict mode.

11.4.0

Minor Changes

#94745, (opens new window) a0e6d0465080, (opens new window) - [ux] Internal changes to typography + small visual change to background color.

Patch Changes

Updated dependencies

11.3.2

Patch Changes

#94316, (opens new window) 35fd5ed8e1d7, (opens new window) - Upgrading internal dependency bind-event-listener to @^3.0.0

11.3.1

Patch Changes

#92007, (opens new window) 85525725cb0d, (opens new window) - Migrated to the new button component

11.3.0

Minor Changes

#84838, (opens new window) e3dc0b4099fe, (opens new window) - [ux] Now the pulsing animations in both the standard Spotlight and the dedicated Pulse component respect prefers-reduced-motion user preferences. If a user sets their system preferences to reduce motion, instead of a pulsing animation we will show a static 'discovery' outline.

11.2.7

Patch Changes

#85076, (opens new window) 3032fb024382, (opens new window) - Associates the heading prop with the accessible label for the benefits modal.

11.2.6

Patch Changes

#83188, (opens new window) cd5d06cd3329, (opens new window) - Minor adjustments to improve compatibility with React 18

11.2.5

Patch Changes

#83116, (opens new window) 8d4e99057fe0, (opens new window) - Upgrade Typescript from 4.9.5 to 5.4.2

11.2.4

Patch Changes

Updated dependencies

11.2.3

Patch Changes

#71144, (opens new window) d8feaa592375, (opens new window) - This package has been added to the Jira push model.

11.2.2

Patch Changes

#69022, (opens new window) 395c74147990, (opens new window) - Migrate packages to use declarative entry points

11.2.1

Patch Changes

#67032, (opens new window) 038e62a39d23, (opens new window) - [ux] Ensure spotlight dialog always uses heading level 2. This will eventually become heading level 1 once the dialog becomes a true modal.

11.2.0

Minor Changes

#64059, (opens new window) d69cb4f14309, (opens new window) - [ux] Adds headingLevel to the SpotlightCard component. This will allow the usage of the correct heading level depending on context.

11.1.3

Patch Changes

Updated dependencies

11.1.2

Patch Changes

#59147, (opens new window) f12e489f23b0, (opens new window) - Re-build and deploy packages to NPM to resolve React/Compiled not found error (HOT-106483).

11.1.1

Patch Changes

#58458, (opens new window) 536478cdcf0b, (opens new window) - Tweaked ModalBody left and right padding to better align to the spacing scale.

11.1.0

Minor Changes

#58176, (opens new window) 32032c9c1289, (opens new window) - [ux] Fix spotlight padding and font style issues on tabs.

11.0.0

Major Changes

#54210, (opens new window) 524ec7b6505d, (opens new window) - Removed all remaining legacy theming logic from the Onboarding component.

10.8.12

Patch Changes

#43073, (opens new window) 2d760e89b53, (opens new window) - headingId is the id of heading in spotlightCard, which is used as the value of aria-labelledby attribute of <div> element containing the modal dialog heading for screen reader recognising the dialog

10.8.11

Patch Changes

#41764, (opens new window) 77fd34690e9, (opens new window) - Add missing dependencies to fix typechecking under local consumption

10.8.10

Patch Changes

#41644, (opens new window) 35821e3b157, (opens new window) - Wrap ReactElement in React.Fragment to fix typechecking under local consumption

10.8.9

Patch Changes

#40647, (opens new window) 0de92f17021, (opens new window) - Bump react-focus-lock to latest version

10.8.8

Patch Changes

#39128, (opens new window) 3c114ea4257, (opens new window) - Update type definitions to conform to inherited changes from @types/react@16.14.15.

10.8.7

Patch Changes

#38162, (opens new window) fd6bb9c9184, (opens new window) - Delete version.json
Updated dependencies

10.8.6

Patch Changes

#38215, (opens new window) 36e3e86da5d, (opens new window) - SpotlightCard width prop now accepts either a number or the string '100%' and refactors how our range of 160px – 600px works via css min-width and max-width instead of raw math.

10.8.5

Patch Changes

#35441, (opens new window) 599bfe90ee3, (opens new window) - Internal change to use shape tokens. There is no expected visual change.

10.8.4

Patch Changes

#35716, (opens new window) df6aac8c5a6, (opens new window) - When providing an image path to SpotlightCard, there is no longer an additional space that appears between the image and content padding.
Updated dependencies

10.8.3

Patch Changes

#33652, (opens new window) e7ea6832ad2, (opens new window) - Bans the use of React.FC/React.FunctionComponent type in ADS components as part of the React 18 migration work. The change is internal only and should not introduce any changes for the component consumers.

10.8.2

Patch Changes

#33793, (opens new window) 9d00501a414, (opens new window) - Ensure legacy types are published for TS 4.5-4.8

10.8.1

Patch Changes

#33649, (opens new window) 41fae2c6f68, (opens new window) - Upgrade Typescript from 4.5.5 to 4.9.5

10.8.0

Minor Changes

#33258, (opens new window) 56507598609, (opens new window) - Skip minor dependency bump

Patch Changes

Updated dependencies

10.7.2

Patch Changes

#32211, (opens new window) 4ba10567310, (opens new window) - Internal changes.

10.7.1

Patch Changes

#32294, (opens new window) e0460d5d989, (opens new window) - Usages of process are now guarded by a typeof check.

10.7.0

Minor Changes

#31299, (opens new window) e3fa4437cf5, (opens new window) - [ux] Updates focus appearance of components using buttons and custom buttons. These states now use an offset outline which is consistent with other applications of focus in Atlassian components.

Patch Changes

Updated dependencies

10.6.12

Patch Changes

#31206, (opens new window) 261420360ec, (opens new window) - Upgrades component types to support React 18.
Updated dependencies

10.6.11

Patch Changes

#30125, (opens new window) 7f5f23dcb68, (opens new window) - Introduce shape tokens to some packages.

10.6.10

Patch Changes

Updated dependencies

10.6.9

Patch Changes

Updated dependencies

10.6.8

Patch Changes

#29390, (opens new window) 18aeca8c199, (opens new window) - Internal change to update token references. There is no expected behaviour or visual change.

10.6.7

Patch Changes

#29227, (opens new window) 4ee60bafc6d, (opens new window) - ED-16603: Remove tooltips from VR tests and make them opt in. To opt-in, add allowedSideEffects when loading the page.

10.6.6

Patch Changes

#28159, (opens new window) 716af1d3387, (opens new window) - Bump @atlaskit/heading from 1.0.0 to 1.0.1 to avoid resolving to poison dependency version

10.6.5

Patch Changes

Updated dependencies

10.6.4

Patch Changes

Updated dependencies

10.6.3

Patch Changes

Updated dependencies

10.6.2

Patch Changes

Updated dependencies

10.6.1

Patch Changes

#26408, (opens new window) 9de88fa1e1e, (opens new window) - Internal changes to include spacing tokens in component implementations.

10.6.0

Minor Changes

#24710, (opens new window) e0015d4e201, (opens new window) - Updates @emotion/core to @emotion/react; v10 to v11. There is no expected behavior change.

Patch Changes

05efb20bca8, (opens new window) - Fixes an issue with the Spotlight target element height when this is determined by a parent element.
Updated dependencies

10.5.4

Patch Changes

#24874, (opens new window) 8cc2f888c83, (opens new window) - Upgrade Typescript from 4.3.5 to 4.5.5

10.5.3

Patch Changes

#25075, (opens new window) 7ca0e5a0c31, (opens new window) - Update "subtle" action in Onboarding component to use correct tokens
#25074, (opens new window) 0e5102ee5ab, (opens new window) - Update "subtle-link" action in Onboarding component to use correct tokens

10.5.2

Patch Changes

#24492, (opens new window) 8d4228767b0, (opens new window) - Upgrade Typescript from 4.2.4 to 4.3.5.

10.5.1

Patch Changes

#24237, (opens new window) 994508770f7, (opens new window) - Bumps the @atlaskit/heading dependency forward to a higher minimum version.

10.5.0

Minor Changes

#23381, (opens new window) 0c0a8c64d54, (opens new window) - Removes internal usage of the deprecated theme prop.

Patch Changes

a3241bd63a3, (opens new window) - Updates jsdoc for all exported outputs of onboarding.
Updated dependencies

10.4.2

Patch Changes

#22614, (opens new window) 8a5bdb3c844, (opens new window) - Upgrading internal dependency (bind-event-listener) for improved internal types

10.4.1

Patch Changes

#22029, (opens new window) e4b612d1c48, (opens new window) - Internal migration to bind-event-listener for safer DOM Event cleanup

10.4.0

Minor Changes

#21570, (opens new window) 3124aa6ae24, (opens new window) - The onboarding package now exports a ModalTransition component for use with the benefits modal. This resolves an issue that can occur when using ModalTransition from a different version of @atlaskit/modal-dialog than the one that Onboarding is bringing in.

Patch Changes

e7ad64befa5, (opens new window) - [ux] Updated input tokens within @atlaskit/onboarding.

10.3.11

Patch Changes

#21545, (opens new window) efa50ac72ba, (opens new window) - Adjusts jsdoc strings to improve prop documentation

10.3.10

Patch Changes

Updated dependencies

10.3.9

Patch Changes

#20650, (opens new window) cb2392f6d33, (opens new window) - Upgrade to TypeScript 4.2.4
Updated dependencies

10.3.8

Patch Changes

Updated dependencies

10.3.7

Patch Changes

#19618, (opens new window) ac9343c3ed4, (opens new window) - Replaces usage of deprecated design tokens. No visual or functional changes
dcd92130cc4, (opens new window) - Migrate deleted background accent tokens to replacements
62edf20ab1e, (opens new window) - Migrates all usage of brand tokens to either selected or information tokens. This change is purely for semantic reasons, there are no visual or behavioural changes.
Updated dependencies

10.3.6

Patch Changes

#19019, (opens new window) bd38851d12f, (opens new window) - [ux] Fixed the missing Spotlight button border by updating the token usages.
Updated dependencies

10.3.5

Patch Changes

#16752, (opens new window) 58884c2f6c1, (opens new window) - Internal code change turning on a new linting rule.

10.3.4

Patch Changes

19d72473dfb, (opens new window) - The no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when auto-fixing by correctly formatting token ids.
19d72473dfb, (opens new window) - The no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when auto-fixing by correctly formatting token ids.
Updated dependencies

10.3.3

Patch Changes

Updated dependencies

10.3.2

Patch Changes

#17672, (opens new window) 9a5740d1ec3, (opens new window) - [ux] The pulse prop now works correctly for <SpotlightPulse />. Previously, it was applying the pulse to the SpotlightPulse target regardless of the pulse value. Now it checks the value of pulse and applies the animation accordingly.

10.3.1

Patch Changes

#15998, (opens new window) 3fced6aa641, (opens new window) - Bumped react-focus-lock to version ^2.2.1.
f460cc7c411, (opens new window) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
Updated dependencies

10.3.0

Minor Changes

#14777, (opens new window) 50081f13de7, (opens new window) - Instrumented @atlaskit/onboarding with the new theming package, @atlaskit/tokens.

New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha). These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.

Patch Changes

Updated dependencies

10.2.6

Patch Changes

#15694, (opens new window) b85e7ce12cd, (opens new window) - Internal upgrade of memoize-one to 6.0.0

10.2.5

Patch Changes

#15632, (opens new window) 34282240102, (opens new window) - Adds explicit type to button usages components.

10.2.4

Patch Changes

#14319, (opens new window) d77725f926f, (opens new window) - Replaced usage of styled-components with @emotion/core.
cf853e39278, (opens new window) - Internal changes to remove @atlaskit/theme/math usage.
Updated dependencies

10.2.3

Patch Changes

#13864, (opens new window) 115c009e2ef, (opens new window) - Refactor to use new modal dialog API.
Updated dependencies

10.2.2

Patch Changes

Updated dependencies

10.2.1

Patch Changes

#12880, (opens new window) 378d1cef00f, (opens new window) - Bump @atlaskit/theme to version ^11.3.0.

10.2.0

Minor Changes

#8644, (opens new window) 1b1cb960767, (opens new window) - The headingAfterElement prop has been added to the spotlight component which can be used to add a supplementary action.

Patch Changes

79c23df6340, (opens new window) - Use injected package name and version for analytics instead of version.json.

10.1.9

Patch Changes

#5857, (opens new window) d3265f19be, (opens new window) - Transpile packages using babel rather than tsc

10.1.8

Patch Changes

#5497, (opens new window) 5f58283e1f, (opens new window) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option. This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started, (opens new window) Also add typescript to devDependencies to denote version that the package was built with.

10.1.7

Patch Changes

Updated dependencies

10.1.6

Patch Changes

#5164, (opens new window) 2ac834240e, (opens new window) - Undo analytics-next file restructure to allow external ts definitions to continue working

10.1.5

Patch Changes

Updated dependencies

10.1.4

Patch Changes

#4707, (opens new window) 6360c46009, (opens new window) - Reenable integration tests for Edge browser

10.1.3

Patch Changes

#3885, (opens new window) 6c525a8229, (opens new window) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0

Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade to prevent duplicates of tslib being bundled.

10.1.2

Patch Changes

#4393, (opens new window) 76165ad82f, (opens new window) - Bump required because of conflicts on wadmal release

10.1.1

Patch Changes

Updated dependencies

10.1.0

Minor Changes

#3428, (opens new window) 5d6c324306, (opens new window) - Expose useSpotlight hook which returns #isTargetRendered function. We can use this function to check whether target is rendered or not.

Patch Changes

db053b24d8, (opens new window) - Update all the theme imports to be tree-shakable

10.0.0

Major Changes

#3335, (opens new window) 87f4720f27, (opens new window) - Officially dropping IE11 support, from this version onwards there are no warranties of the package working in IE11. For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534, (opens new window)

Patch Changes

Updated dependencies

9.2.0

Minor Changes

#2763, (opens new window) 2c8d296246, (opens new window) - Adds support for the subtle button appearance in the Spotlight dialog theme to align more closely with ADG guidelines. Also visually re-orders action items so that the primary item in the actions list appears on the right hand side, but still recieves focus first.

9.1.10

Patch Changes

#2866, (opens new window) 54a9514fcf, (opens new window) - Build and supporting files will no longer be published to npm

9.1.9

Patch Changes

#2677, (opens new window) 4560b65a4f, (opens new window) - upgrade react-transition-group to latest

9.1.8

Patch Changes

Updated dependencies

9.1.7

Patch Changes

#1868, (opens new window) 6faa22760b, (opens new window) - Add modalButtonTheme, spotlightButtonTheme,- Updated dependencies

9.1.6

Patch Changes

[patch]d150e2d7f6, (opens new window):

Change imports to comply with Atlassian conventions- Updated dependencies cf8577f5d6, (opens new window):
Updated dependencies 6b8e60827e, (opens new window):
Updated dependencies 449ef134b3, (opens new window):
Updated dependencies 9a534d6a74, (opens new window):
Updated dependencies 57c0487a02, (opens new window):
Updated dependencies fd41d77c29, (opens new window):
- @atlaskit/popper@3.1.12
- @atlaskit/button@13.3.11
- @atlaskit/icon@20.1.1
- @atlaskit/modal-dialog@10.5.7
- @atlaskit/webdriver-runner@0.3.4

9.1.5

Patch Changes

[patch]0389a42cc5, (opens new window):

Positioning fix for onboarding modals without css reset- Updated dependencies 603413f530, (opens new window):
Updated dependencies 168b5f90e5, (opens new window):
Updated dependencies f5b654c328, (opens new window):
Updated dependencies 0c270847cb, (opens new window):
Updated dependencies 109004a98e, (opens new window):
Updated dependencies b9903e773a, (opens new window):
Updated dependencies 89bf723567, (opens new window):
- @atlaskit/portal@3.1.7
- @atlaskit/docs@8.5.1
- @atlaskit/modal-dialog@10.5.6
- @atlaskit/theme@9.5.3
- @atlaskit/analytics-next@6.3.6
- @atlaskit/button@13.3.10

9.1.4

Patch Changes

[patch]4d3749c9e6, (opens new window):

Upgraded react-scrolllock package- [patch]923c738553, (opens new window):

Fixes a rendering bug where a spotlight would not be updated- Updated dependencies 4d3749c9e6, (opens new window):
Updated dependencies dae900bf82, (opens new window):
Updated dependencies 8c9e4f1ec6, (opens new window):
- @atlaskit/modal-dialog@10.5.5
- @atlaskit/build-utils@2.6.4
- @atlaskit/docs@8.5.0

9.1.3

Patch Changes

Updated dependencies 66dcced7a0, (opens new window):
Updated dependencies fd5292fd5a, (opens new window):
Updated dependencies 64fb94fb1e, (opens new window):
Updated dependencies fd5292fd5a, (opens new window):
Updated dependencies eea5e9bd8c, (opens new window):
Updated dependencies fd5292fd5a, (opens new window):
Updated dependencies 109c1a2c0a, (opens new window):
Updated dependencies c57bb32f6d, (opens new window):
- @atlaskit/docs@8.4.0
- @atlaskit/icon@20.1.0
- @atlaskit/webdriver-runner@0.3.0
- @atlaskit/button@13.3.9
- @atlaskit/modal-dialog@10.5.4

9.1.2

Patch Changes

Updated dependencies e3f01787dd, (opens new window):
- @atlaskit/webdriver-runner@0.2.0
- @atlaskit/button@13.3.8
- @atlaskit/modal-dialog@10.5.3

9.1.1

Patch Changes

[patch]728f19e563, (opens new window):

Fixes a rendering bug where a spotlight would not be updated

9.1.0

Minor Changes

[minor]aa70b257d3, (opens new window):

Introduce new prop experimental_shouldShowPrimaryButtonOnRight which positions the primary button in a onboarding modal-dialog on the right (ADG approved).

9.0.10

Patch Changes

[patch]b0d1348c83, (opens new window):

Change the type definition for interface to extend ButtonProps- [patch]62dc057049, (opens new window):

Allowing benefits modal buttons to stack vertically rather than overflow the modal when buttons contain lengthy text.- Updated dependencies 0603860c07, (opens new window):
- @atlaskit/icon@20.0.2

9.0.9

Patch Changes

[patch]6548261c9a, (opens new window):

Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies 6548261c9a, (opens new window):
- @atlaskit/docs@8.3.2
- @atlaskit/visual-regression@0.1.9
- @atlaskit/analytics-next@6.3.5
- @atlaskit/button@13.3.7
- @atlaskit/icon@20.0.1
- @atlaskit/modal-dialog@10.5.2
- @atlaskit/popper@3.1.11
- @atlaskit/portal@3.1.6
- @atlaskit/progress-indicator@7.0.13
- @atlaskit/theme@9.5.1

9.0.8

Patch Changes

Updated dependencies c0102a3ea2, (opens new window):
- @atlaskit/icon@20.0.0
- @atlaskit/modal-dialog@10.5.1
- @atlaskit/docs@8.3.1
- @atlaskit/button@13.3.6
- @atlaskit/portal@3.1.5

9.0.7

Patch Changes

[patch]24865cfaff, (opens new window):

Fixes Action onClick return type to void- Updated dependencies 24865cfaff, (opens new window):
Updated dependencies 24865cfaff, (opens new window):
Updated dependencies 24865cfaff, (opens new window):
Updated dependencies 24865cfaff, (opens new window):
Updated dependencies 24865cfaff, (opens new window):
Updated dependencies 24865cfaff, (opens new window):
- @atlaskit/analytics-next@6.3.3
- @atlaskit/modal-dialog@10.5.0
- @atlaskit/progress-indicator@7.0.12
- @atlaskit/popper@3.1.8

9.0.6

Patch Changes

[patch]532f7c03fd, (opens new window):

Fixes spotlight taking a while to animate into view.- [patch]864f4891dc, (opens new window):

Fixes spotlight target not updating its position when resizing the viewport.- Updated dependencies 768bac6d81, (opens new window):
- @atlaskit/analytics-next@6.3.2

9.0.5

Patch Changes

[patch]1ed27f5f85, (opens new window):

Adds prop types for Header / Footer render props.

9.0.4

Patch Changes

[patch]f86839ca4e, (opens new window):

@atlaskit/portal had an issue in IE11 and this is fixed in 3.1.2

9.0.3

Patch Changes

[patch]35d2229b2a, (opens new window):

Adding missing license to packages and update to Copyright 2019 Atlassian Pty Ltd.

9.0.2

Patch Changes

[patch]a2d0043716, (opens new window):

Updated version of analytics-next to fix potential incompatibilities with TS 3.6

9.0.1

Patch Changes

[patch]2b158873d1, (opens new window):

Add linting rule to prevent unsafe usage of setTimeout within React components.

9.0.0

Major Changes

[major]a75dfaad67, (opens new window):

@atlaskit/onboarding has been converted to Typescript. Typescript consumers will now get static type safety. Flow types are no longer provided. No API or behavioural changes.

8.0.17

Patch Changes

[patch]097b696613, (opens new window):

Components now depend on TS 3.6 internally, in order to fix an issue with TS resolving non-relative imports as relative imports

8.0.16

Patch Changes

[patch]ecca4d1dbb, (opens new window):

Upgraded Typescript to 3.3.x

8.0.15

Patch Changes

[patch]708028db86, (opens new window):

Change all the imports to theme in Core to use multi entry points

8.0.14

Patch Changes

[patch]abee1a5f4f, (opens new window):

Bumping internal dependency (memoize-one) to latest version (5.1.0). memoize-one@5.1.0 has full typescript support so it is recommended that typescript consumers use it also.

8.0.13

Patch Changes

[patch]de35ce8c67, (opens new window):

Updates component maintainers

8.0.12

Updated dependencies 926b43142b, (opens new window):
- @atlaskit/progress-indicator@7.0.3
- @atlaskit/analytics-next@6.0.0
- @atlaskit/button@13.1.2
- @atlaskit/modal-dialog@10.1.3

8.0.11

Patch Changes

[patch]678b2407a1, (opens new window):

Fix spotlight highlight issue when the offset parent has "fixed" position.

8.0.10

Patch Changes

[patch]d905cbc0ac, (opens new window):

Spotlight target highlight is out of position if the the target element or any of its parent has a "fixed" position. Fix the issue by checking for fixed position before setting the position values for target highlight. Adding a condition to check if the component are referenced in tests running in CI. It reduces the noise and help reading the CI log.

8.0.9

BROKEN RELEASE. DO NOT USE.

Patch Changes

[patch]2e3d9d3e25, (opens new window):

8.0.8

Updated dependencies ebfeb03eb7, (opens new window):
- @atlaskit/popper@3.0.0

8.0.7

Patch Changes

[patch]9f8ab1084b, (opens new window):

Consume analytics-next ts type definitions as an ambient declaration.

8.0.6

Updated dependencies 06326ef3f7, (opens new window):
- @atlaskit/docs@8.1.3
- @atlaskit/button@13.0.9
- @atlaskit/modal-dialog@10.0.7
- @atlaskit/portal@3.0.7
- @atlaskit/icon@19.0.0

8.0.5

Patch Changes

[patch]4615439434, (opens new window):

index.ts will now be ignored when publishing to npm

8.0.4

Updated dependencies cfc3c8adb3, (opens new window):
- @atlaskit/docs@8.1.2
- @atlaskit/button@13.0.8
- @atlaskit/modal-dialog@10.0.4
- @atlaskit/portal@3.0.3
- @atlaskit/icon@18.0.0

8.0.3

[patch]b0ef06c685, (opens new window):
- This is just a safety release in case anything strange happened in in the previous one. See Pull Request #5942 for details

8.0.2

[patch]c3ab82ed42, (opens new window):
- Bump react-focus-lock to latest 1.19.1, it will fix a bug with document.activeElement
Updated dependencies 06c5cccf9d, (opens new window):
Updated dependencies dacfb81ca1, (opens new window):
- @atlaskit/icon@17.1.2
- @atlaskit/portal@3.0.0
- @atlaskit/modal-dialog@10.0.0

8.0.1

[patch]21854842b5, (opens new window):
- Clean couple of TODO's that were already done

8.0.0

[major]7c17b35107, (opens new window):
- Updates react and react-dom peer dependencies to react@^16.8.0 and react-dom@^16.8.0. To use this package, please ensure you use at least this version of react and react-dom.

7.0.5

Updated dependencies 5b6b4d6a0f, (opens new window):
Updated dependencies 8b5f052003, (opens new window):
- @atlaskit/modal-dialog@8.0.9
- @atlaskit/portal@1.0.0
- @atlaskit/popper@1.0.0

7.0.4

Updated dependencies 9c0b4744be, (opens new window):
- @atlaskit/docs@7.0.3
- @atlaskit/button@12.0.3
- @atlaskit/icon@16.0.9
- @atlaskit/modal-dialog@8.0.7
- @atlaskit/popper@0.4.3
- @atlaskit/progress-indicator@6.0.4
- @atlaskit/theme@8.1.7

7.0.3

Updated dependencies 1e826b2966, (opens new window):
- @atlaskit/docs@7.0.2
- @atlaskit/analytics-next@4.0.3
- @atlaskit/icon@16.0.8
- @atlaskit/modal-dialog@8.0.6
- @atlaskit/popper@0.4.2
- @atlaskit/portal@0.3.1
- @atlaskit/progress-indicator@6.0.3
- @atlaskit/theme@8.1.6
- @atlaskit/button@12.0.0

7.0.2

Updated dependencies ce4e1b4780, (opens new window):
- @atlaskit/modal-dialog@8.0.4
- @atlaskit/portal@0.3.0

7.0.1

Updated dependencies 9d5cc39394, (opens new window):
- @atlaskit/docs@7.0.1
- @atlaskit/analytics-next@4.0.1
- @atlaskit/icon@16.0.5
- @atlaskit/modal-dialog@8.0.2
- @atlaskit/popper@0.4.1
- @atlaskit/portal@0.2.1
- @atlaskit/progress-indicator@6.0.1
- @atlaskit/theme@8.0.1
- @atlaskit/button@11.0.0

7.0.0

[major]76299208e6, (opens new window):
- Drop ES5 from all the flow modules
Dropping CJS support in all @atlaskit packages

As a breaking change, all @atlaskit packages will be dropping cjs distributions and will only distribute esm. This means all distributed code will be transpiled, but will still contain import and export declarations.

The major reason for doing this is to allow us to support multiple entry points in packages, e.g:
import colors from `@atlaskit/theme/colors`;
Previously this was sort of possible for consumers by doing something like:
import colors from `@atlaskit/theme/dist/esm/colors`;
This has a couple of issues. 1, it treats the file system as API making internal refactors harder, we have to worry about how consumers might be using things that aren't actually supposed to be used. 2. We are unable to do this internally in @atlaskit packages. This leads to lots of packages bundling all of theme, just to use a single color, especially in situations where tree shaking fails.

To support being able to use multiple entrypoints internally, we unfortunately cannot have multiple distributions as they would need to have very different imports from of their own internal dependencies.

ES Modules are widely supported by all modern bundlers and can be worked around in node environments.

We may choose to revisit this solution in the future if we find any unintended condequences, but we see this as a pretty sane path forward which should lead to some major bundle size decreases, saner API's and simpler package architecture.

Please reach out to #fabric-build (if in Atlassian) or create an issue in Design System Support, (opens new window) (for external) if you have any questions or queries about this.

6.2.0

[minor]eb81a2de65, (opens new window):
- Spotlight footer and header props will now only accept React components

6.1.17

[patch]d669123bbd, (opens new window):
- Enable auto focus by rendering components only after the portal has been attached to DOM.
Updated dependencies 27cacd44ab, (opens new window):
- @atlaskit/modal-dialog@7.2.2
- @atlaskit/portal@0.1.0

6.1.16

Updated dependencies d7ef59d432, (opens new window):
- @atlaskit/docs@6.0.1
- @atlaskit/button@10.1.2
- @atlaskit/modal-dialog@7.2.1
- @atlaskit/portal@0.0.18
- @atlaskit/icon@16.0.0

6.1.15

[patch]6855bec, (opens new window):
- Updated internal use of ModalDialog to use new composition API

6.1.14

Updated dependencies 58b84fa, (opens new window):
- @atlaskit/analytics-next@3.1.2
- @atlaskit/button@10.1.1
- @atlaskit/icon@15.0.2
- @atlaskit/modal-dialog@7.1.1
- @atlaskit/popper@0.3.6
- @atlaskit/portal@0.0.17
- @atlaskit/progress-indicator@5.0.11
- @atlaskit/theme@7.0.1
- @atlaskit/docs@6.0.0

6.1.13

[patch]e59562a, (opens new window):
- Fix for visual bug in SpotlightCard component

6.1.12

[patch]d13242d, (opens new window):
- Change API to experimental theming API to namespace component themes into separate contexts and make theming simpler. Update all dependant components.

6.1.11

Updated dependencies ab9b69c, (opens new window):
- @atlaskit/docs@5.2.2
- @atlaskit/button@10.0.1
- @atlaskit/modal-dialog@7.0.13
- @atlaskit/portal@0.0.16
- @atlaskit/icon@15.0.0

6.1.10

Updated dependencies 6998f11, (opens new window):
- @atlaskit/docs@5.2.1
- @atlaskit/analytics-next@3.1.1
- @atlaskit/icon@14.6.1
- @atlaskit/modal-dialog@7.0.12
- @atlaskit/popper@0.3.2
- @atlaskit/portal@0.0.15
- @atlaskit/progress-indicator@5.0.9
- @atlaskit/theme@6.2.1
- @atlaskit/button@10.0.0

6.1.9

[patch]e151c1a, (opens new window):
- Removes dependency on @atlaskit/layer-manager
As of component versions:
- `@atlaskit/modal-dialog@7.0.0`
- `@atlaskit/tooltip@12.0.2`
- `@atlaskit/flag@9.0.6`
- `@atlaskit/onboarding@6.0.0`
No component requires `LayerManager` to layer correctly.

You can safely remove this dependency and stop rendering `LayerManager` in your apps.

6.1.8

Updated dependencies 1fb2c2a, (opens new window):
- @atlaskit/modal-dialog@7.0.9
- @atlaskit/portal@0.0.14

6.1.7

Updated dependencies 3f5a4dd, (opens new window):
- @atlaskit/modal-dialog@7.0.8
- @atlaskit/portal@0.0.13

6.1.6

[patch]a637f5e, (opens new window):
- Refine and fix some flow type errors found by fixing @atlaskit/analytics-next HOCs to allow flow to type check properly

6.1.5

[patch]b332c91, (opens new window):
- upgrades verison of react-scrolllock to SSR safe version

6.1.4

[patch]9f91ea0, (opens new window):
- Adds visual regression test for ie11

6.1.3

[patch]4872a19, (opens new window):
- actions prop officially accepts Node type for text. Adds optional key to action type.
Previously if you were using the actions prop like:
<Spotlight actions={[ { text: <FormattedMessage defaultMessage="Next" />, }, { text: <FormattedMessage defaultMessage="Skip" />, }, ]} > Look at this feature </Spotlight>
React would complain about duplicate keys. Now you can pass in a key for the action like:
<Spotlight actions={[ { text: <FormattedMessage defaultMessage="Next" />, key: 'next', }, { text: <FormattedMessage defaultMessage="Skip" />, key: 'skip', }, ]} > Look at this feature </Spotlight>

6.1.2

[patch][2482922](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/2482922, (opens new window)" d):
- Remove unecessary alt text for modal image to avoid redundancy for screenreaders

6.1.1

[patch][0c7a57d](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/0c7a57d, (opens new window)" d):
- Fixes layering of blanket and spotlight components in IE11 and Edge

6.1.0

[minor] Creates new SpotlightCard component. Internal refactor of Spotlight components. Spotlight state managed through context rather than local variable. f9ba552, (opens new window)

6.0.4

[patch] Updated dependencies aaab348, (opens new window)
- @atlaskit/modal-dialog@7.0.4
- @atlaskit/portal@0.0.12

6.0.3

[patch] Adds missing implicit @babel/runtime dependency b71751b, (opens new window)

6.0.2

[patch] Updated dependencies 65c6514, (opens new window)
- @atlaskit/docs@5.0.8
- @atlaskit/button@9.0.13
- @atlaskit/layer-manager@5.0.13
- @atlaskit/modal-dialog@7.0.2
- @atlaskit/portal@0.0.10
- @atlaskit/icon@14.0.0

6.0.1

[patch] Updated dependencies d5a043a, (opens new window)
- @atlaskit/icon@13.8.1
- @atlaskit/layer-manager@5.0.12
- @atlaskit/modal-dialog@7.0.0

6.0.0

[major] Add SpotlightTransition and require it wraps Spotlight to get both transitions and conditional rendering with proper transitions on unmount. d9d2f0d, (opens new window)
[patch] Upgrades Spotlight component to use @atlaskit/portal package 89be4f1, (opens new window)
[none] Updated dependencies 89be4f1, (opens new window)
- @atlaskit/portal@0.0.8
- @atlaskit/layer-manager@5.0.11

5.1.9

[patch] Updated dependencies 9c66d4d, (opens new window)
- @atlaskit/layer-manager@5.0.10
- @atlaskit/webdriver-runner@0.1.0

5.1.8

[patch] Adds sideEffects: false to allow proper tree shaking b5d6d04, (opens new window)

5.1.6

[patch] Updated dependencies df22ad8, (opens new window)
- @atlaskit/theme@6.0.0
- @atlaskit/modal-dialog@6.0.9
- @atlaskit/layer-manager@5.0.6
- @atlaskit/icon@13.2.5
- @atlaskit/button@9.0.6
- @atlaskit/docs@5.0.6

5.1.5

[patch] Updated dependencies 8242529, (opens new window)
- @atlaskit/layer@5.0.5

5.1.4

[patch] update the dependency of react-dom to 16.4.2 due to vulnerability in previous versions read https://reactjs.org/blog/2018/08/01/react-v-16-4-2.html, (opens new window) for details a4bd557, (opens new window)
[none] Updated dependencies a4bd557, (opens new window)
- @atlaskit/modal-dialog@6.0.6
- @atlaskit/analytics-next@3.0.4
- @atlaskit/button@9.0.5
- @atlaskit/theme@5.1.3
- @atlaskit/layer@5.0.4
- @atlaskit/layer-manager@5.0.5
- @atlaskit/icon@13.2.4

5.1.3

[patch] Updated dependencies acd86a1, (opens new window)
- @atlaskit/layer-manager@5.0.4
- @atlaskit/icon@13.2.2
- @atlaskit/button@9.0.4
- @atlaskit/theme@5.1.2
- @atlaskit/analytics-next@3.0.3
- @atlaskit/docs@5.0.2
- @atlaskit/layer@5.0.3
- @atlaskit/modal-dialog@6.0.5

5.1.2

[patch] Add a SSR test for every package, add react-dom and build-utils in devDependencies 7e331b5, (opens new window)
[none] Updated dependencies 7e331b5, (opens new window)
- @atlaskit/modal-dialog@6.0.4
- @atlaskit/analytics-next@3.0.2
- @atlaskit/button@9.0.3
- @atlaskit/theme@5.1.1
- @atlaskit/layer@5.0.2
- @atlaskit/layer-manager@5.0.3
- @atlaskit/icon@13.2.1

5.1.1

[patch] onboarding spotlight: fix margin affecting target position 0e33c70, (opens new window)
[none] Updated dependencies 0e33c70, (opens new window)

5.1.0

[minor] round corners for onboarding modal image 785e99a, (opens new window)
[none] Updated dependencies 785e99a, (opens new window)

5.0.1

[patch] Move analytics tests and replace elements to core 49d4ab4, (opens new window)
[none] Updated dependencies 49d4ab4, (opens new window)
- @atlaskit/modal-dialog@6.0.1
- @atlaskit/analytics-next@3.0.1
- @atlaskit/button@9.0.2
- @atlaskit/docs@5.0.1

5.0.0

[major] Provides analytics for common component interations. See the Instrumented Components, (opens new window) section for more details. If you are using enzyme for testing you will have to use our forked version of the library, (opens new window). 563a7eb, (opens new window)
[major] Updates to React ^16.4.0 7edb866, (opens new window)
[major] Updated dependencies 563a7eb, (opens new window)
- @atlaskit/modal-dialog@6.0.0
- @atlaskit/analytics-next@3.0.0
- @atlaskit/button@9.0.0
- @atlaskit/theme@5.0.0
- @atlaskit/docs@5.0.0
- @atlaskit/layer@5.0.0
- @atlaskit/layer-manager@5.0.0
- @atlaskit/icon@13.0.0
[major] Updated dependencies 7edb866, (opens new window)
- @atlaskit/modal-dialog@6.0.0
- @atlaskit/analytics-next@3.0.0
- @atlaskit/button@9.0.0
- @atlaskit/theme@5.0.0
- @atlaskit/docs@5.0.0
- @atlaskit/layer@5.0.0
- @atlaskit/layer-manager@5.0.0
- @atlaskit/icon@13.0.0

4.1.7

[patch] Remove or update $FlowFixMe e8ad98a, (opens new window)
[none] Updated dependencies e8ad98a, (opens new window)
- @atlaskit/button@8.2.4
- @atlaskit/icon@12.6.1
- @atlaskit/modal-dialog@5.2.6

4.1.6

[patch] Fixes positioning issue when target is relatively positioned 11e8465, (opens new window)
[none] Updated dependencies 11e8465, (opens new window)

4.1.5

[patch] Fix $FlowFixMe and release packages 25d0b2d, (opens new window)
[none] Updated dependencies 25d0b2d, (opens new window)
- @atlaskit/modal-dialog@5.2.5
- @atlaskit/button@8.2.2
- @atlaskit/icon@12.3.1

4.1.4

[patch] Replaces implementation of ScrollLock with react-scrolllock, (opens new window). Deprecates ScrollLock export in @atlaskit/layer-manager. 497d50d, (opens new window)
[none] Updated dependencies 497d50d, (opens new window)
- @atlaskit/layer-manager@4.3.1
- @atlaskit/layer@4.1.1
- @atlaskit/modal-dialog@5.2.4

4.1.3

[patch] Adds autoFocus prop to FocusLock. Fixes scrolling bug in onboarding. c9d606b, (opens new window)
[none] Updated dependencies c9d606b, (opens new window)
- @atlaskit/layer-manager@4.3.0
Fixes scrolling problem when multiple spotlights are off-screen.

4.1.2

[patch] Clean Changelogs - remove duplicates and empty entries e7756cd, (opens new window)
[none] Updated dependencies e7756cd, (opens new window)
- @atlaskit/modal-dialog@5.2.2
- @atlaskit/button@8.1.2
- @atlaskit/theme@4.0.4
- @atlaskit/layer@4.0.3
- @atlaskit/layer-manager@4.2.1
- @atlaskit/icon@12.1.2

4.1.1

[patch] Update changelogs to remove duplicate cc58e17, (opens new window)
[none] Updated dependencies cc58e17, (opens new window)
- @atlaskit/theme@4.0.3
- @atlaskit/layer-manager@4.1.1
- @atlaskit/modal-dialog@5.1.1
- @atlaskit/icon@12.1.1
- @atlaskit/button@8.1.1
- @atlaskit/docs@4.1.1
- @atlaskit/layer@4.0.2

4.1.0

[none] Updated dependencies 9d20f54, (opens new window)
- @atlaskit/modal-dialog@5.1.0
- @atlaskit/layer-manager@4.1.0
- @atlaskit/icon@12.1.0
- @atlaskit/docs@4.1.0
- @atlaskit/theme@4.0.2
- @atlaskit/layer@4.0.1
- @atlaskit/button@8.1.0

4.0.1

[patch] Update readme's 223cd67, (opens new window)
[patch] Updated dependencies 223cd67, (opens new window)
- @atlaskit/layer-manager@4.0.1
- @atlaskit/modal-dialog@5.0.1
- @atlaskit/icon@12.0.1
- @atlaskit/button@8.0.1
- @atlaskit/theme@4.0.1
- @atlaskit/docs@4.0.1

4.0.0

[major] makes styled-components a peer dependency and upgrades version range from 1.4.6 - 3 to ^3.2.6 1e80619, (opens new window)
[patch] Updated dependencies 1e80619, (opens new window)
- @atlaskit/layer-manager@4.0.0
- @atlaskit/modal-dialog@5.0.0
- @atlaskit/icon@12.0.0
- @atlaskit/button@8.0.0
- @atlaskit/theme@4.0.0
- @atlaskit/docs@4.0.0
- @atlaskit/layer@4.0.0

3.1.3

[patch] Updated dependencies d662caa, (opens new window)
- @atlaskit/icon@11.3.0
- @atlaskit/modal-dialog@4.0.5
- @atlaskit/layer-manager@3.0.4
- @atlaskit/button@7.2.5
- @atlaskit/theme@3.2.2
- @atlaskit/docs@3.0.4
- @atlaskit/layer@3.1.1

3.1.0

[minor] support new property "targetNode" on spotlight component 48397b6, (opens new window)

3.0.0

[major] Bump to React 16.3. 4251858, (opens new window)

2.4.2

[patch] Re-releasing due to potentially broken babel release 9ed0bba, (opens new window)

2.4.0

[minor] Update styled-components dependency to support versions 1.4.6 - 3 ceccf30, (opens new window)

2.3.4

[patch] updated the repository url to https://bitbucket.org/atlassian/atlaskit-mk-2, (opens new window) 1e57e5a, (opens new window)

2.3.2

[patch] Packages Flow types for elements components 3111e74, (opens new window)

2.3.0

[minor] Replace scrollBy and add websdriver test 66e7a56, (opens new window)

2.2.2

[patch] Migrate Navigation from Ak repo to ak mk 2 repo, Fixed flow typing inconsistencies in ak mk 2 bdeef5b, (opens new window)

2.2.1

[patch] Resolved low hanging flow errors in field-base field-text comment icon item and website, $ 007de27, (opens new window)

2.2.0

[minor] Add React 16 support. 12ea6e4, (opens new window)

2.1.0

[minor] add subtle-link button appearance theme to spotlight 24d1fa2, (opens new window)

2.0.8

[patch] Update dependencies 623f8ca, (opens new window)

2.0.7

[patch] more robust implementation of FocusLock 64dd1d8, (opens new window)

2.0.6

[patch] Refactor autoscroll logic in withScrollMeasurement HOC 2e90a74, (opens new window)

2.0.4

[patch] Fix version ranges on button/layer-manager 7e7a211, (opens new window)
[patch] update flow dep, fix flow errors 722ad83, (opens new window)
[patch] Update Onboarding's Button usage to implement theming method. 5e6da46, (opens new window)

2.0.2

[patch] Fix target regression from migration fa6f973, (opens new window)
[patch] Updated docs to reflect the addition of the blanketIsTinted prop to SpotLightManager 11bb25f, (opens new window)

1.0.0-beta (2017-09-19)

feature; initial release

Was this page helpful?

We use this feedback to improve our documentation.