Drawer
A drawer is a panel that slides in from the left side of the screen.Caution
We are planning on deprecating Drawer. Please use Modal instead. Drawer should not be used with our new Navigation system
14.3.6
Patch Changes
- Updated dependencies
14.3.5
Patch Changes
- Updated dependencies
14.3.4
Patch Changes
- Updated dependencies
14.3.3
Patch Changes
- Updated dependencies
14.3.2
Patch Changes
- Updated dependencies
14.3.1
Patch Changes
- Updated dependencies
14.3.0
Minor Changes
bd2c5b0112185, (opens new window) - Remove stale API report artifacts from published Platform packages.
Patch Changes
- Updated dependencies
14.2.1
Patch Changes
8bf78ac3a01ec, (opens new window) - Experimental React 19 support: widen the peer dependency range, use React 19 in development, and replace the React 16-only lorem helper in the surface detection example. Test coverage remains partial.- Updated dependencies
14.2.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.jsonexportssubpaths 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
14.1.0
Minor Changes
0075efb228821, (opens new window) - Autofix: barrel removal (imports + exports)
Patch Changes
- Updated dependencies
14.0.2
Patch Changes
- Updated dependencies
14.0.1
Patch Changes
- Updated dependencies
14.0.0
Major Changes
-
f0bf5f838abd5, (opens new window) - Apply Volt entry-point and barrel-removal standards across these packages. Publicexportsnow resolve directly to./src/*implementations instead of intermediate./src/entry-points/*re-exports.Migration
Prefer published subpaths over the package root or internal entry-point paths:
import Calendar from '@atlaskit/calendar/calendar'; import Drawer from '@atlaskit/drawer/drawer'; import { WidthObserver } from '@atlaskit/width-detector/width-observer'; import { DocumentViewer } from '@atlaskit/media-document-viewer/document-viewer';If you imported through internal entry-point modules, switch to the public subpath:
-import Calendar from '@atlaskit/calendar/entry-points/calendar'; +import Calendar from '@atlaskit/calendar/calendar'; -import WidthObserver from '@atlaskit/width-detector/src/WidthObserver'; +import { WidthObserver } from '@atlaskit/width-detector/width-observer';
Patch Changes
- Updated dependencies
13.4.4
Patch Changes
- Updated dependencies
13.4.3
Patch Changes
- Updated dependencies
13.4.2
Patch Changes
- Updated dependencies
13.4.1
Patch Changes
- Updated dependencies
13.4.0
Minor Changes
3f6f3bd7da074, (opens new window) - Updates usage of the Top Layer primitives to consume changes to animation API.
Patch Changes
- Updated dependencies
13.3.4
Patch Changes
- Updated dependencies
13.3.3
Patch Changes
- Updated dependencies
13.3.2
Patch Changes
7793dc62dd564, (opens new window) - Internal refactor of upcoming top-layer usage- Updated dependencies
13.3.1
Patch Changes
- Updated dependencies
13.3.0
Minor Changes
530dfb5aee695, (opens new window) - Updates how animations are applied to Drawer when theplatform-dst-top-layerfeature gate is enabled.
Patch Changes
- Updated dependencies
13.2.0
Minor Changes
e297058763bc0, (opens new window) - Add a top-layer rendering path forDrawerbehind theplatform-dst-top-layerfeature gate. Some focus-management and labelling props behave slightly differently on the native dialog path.
Patch Changes
- Updated dependencies
13.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.
13.1.0
Minor Changes
-
cd097a2111788, (opens new window) - Republish packages depending on@atlaskit/react-compiler-gatingso their published dependency reference is updated to the renamed@atlaskit/react-compiler-gatingscope.The earlier rename of
@atlassian/react-compiler-gatingto@atlaskit/react-compiler-gatingonly bumped the renamed package itself, so dependent packages were never republished and their published versions still referenced the old@atlassian/react-compiler-gatingname, which is not available in the public npm registry. This minor bump republishes all affected packages with the corrected dependency.
Patch Changes
- Updated dependencies
13.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
13.0.0
Major Changes
-
f2dc9097319f0, (opens new window) - ### Dropped support for legacy Typescript 4 types. Typescript 5 is now the new minimum.Removes the
typesVersionsproperty anddist/types-ts4.5directory 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
12.1.4
Patch Changes
- Updated dependencies
12.1.3
Patch Changes
- Updated dependencies
12.1.2
Patch Changes
- Updated dependencies
12.1.1
Patch Changes
cfe3aecafd8ba, (opens new window) - [ux] React 19 migration - RefObject no longer makes current nullable by default
12.1.0
Minor Changes
31b1ede297136, (opens new window) - Autofix: add explicit package exports (barrel removal)
Patch Changes
- Updated dependencies
12.0.7
Patch Changes
- Updated dependencies
12.0.6
Patch Changes
- Updated dependencies
12.0.5
Patch Changes
- Updated dependencies
12.0.4
Patch Changes
- Updated dependencies
12.0.3
Patch Changes
02483200273ec, (opens new window) - Enrol all Design System UI packages into the React Compiler with platform gating via isReactCompilerActivePlatform.- Updated dependencies
12.0.2
Patch Changes
22bf79dbdcdca, (opens new window) - Internal changes to remove unnecessary token fallbacks and imports from@atlaskit/theme- Updated dependencies
12.0.1
Patch Changes
- Updated dependencies
12.0.0
Major Changes
d2ad22e31f982, (opens new window) - Removes unused entrypoint @ak/drawer/constants from public API given it is unused by package source code.
Patch Changes
- Updated dependencies
11.0.29
Patch Changes
- Updated dependencies
11.0.28
Patch Changes
- Updated dependencies
11.0.27
Patch Changes
- Updated dependencies
11.0.26
Patch Changes
- Updated dependencies
11.0.25
Patch Changes
- Updated dependencies
11.0.24
Patch Changes
- Updated dependencies
11.0.23
Patch Changes
036c3ee917e3c, (opens new window) - Icon migration entry point update- Updated dependencies
11.0.22
Patch Changes
- Updated dependencies
11.0.21
Patch Changes
- Updated dependencies
11.0.20
Patch Changes
a60a82196851a, (opens new window) - Internal refactors to remove unused variables. No functional or public changes.- Updated dependencies
11.0.19
Patch Changes
- Updated dependencies
11.0.18
Patch Changes
- Updated dependencies
11.0.17
Patch Changes
- Updated dependencies
11.0.16
Patch Changes
- Updated dependencies
11.0.15
Patch Changes
- Updated dependencies
11.0.14
Patch Changes
- Updated dependencies
11.0.13
Patch Changes
39e543109ec09, (opens new window) - add type info to forwardRef components- Updated dependencies
11.0.12
Patch Changes
248faa32d4835, (opens new window) - Internal changes to how borders are applied.- Updated dependencies
11.0.11
Patch Changes
- Updated dependencies
11.0.10
Patch Changes
- Updated dependencies
11.0.9
Patch Changes
- Updated dependencies
11.0.8
Patch Changes
- Updated dependencies
11.0.7
Patch Changes
- Updated dependencies
11.0.6
Patch Changes
- Updated dependencies
11.0.5
Patch Changes
- Updated dependencies
11.0.4
Patch Changes
- Updated dependencies
11.0.3
Patch Changes
- Updated dependencies
11.0.2
Patch Changes
- Updated dependencies
11.0.1
Patch Changes
- Updated dependencies
11.0.0
Major Changes
- #159325, (opens new window)
cb065192fe982, (opens new window) - Removes Emotion variant of the Drawer and replaces contents with styles from Compiled CSS.
10.1.5
Patch Changes
- Updated dependencies
10.1.4
Patch Changes
- #164146, (opens new window)
cb9fe0058ed87, (opens new window) - Updates package.json direct dependencies to align with actual usage.
10.1.3
Patch Changes
- #160530, (opens new window)
3d97095c489a5, (opens new window) - Internal change to align styling solutions.
10.1.2
Patch Changes
- #158339, (opens new window)
ef6ac832a7616, (opens new window) - Removes redundant usage of jsx pragma from @emotion/react
10.1.1
Patch Changes
- Updated dependencies
10.1.0
Minor Changes
- #136348, (opens new window)
e84a6c8d76f66, (opens new window) - Set explicit font family on Drawer using tokens to ensure it does not inherit font family.
10.0.6
Patch Changes
- Updated dependencies
10.0.5
Patch Changes
- Updated dependencies
10.0.4
Patch Changes
- #129972, (opens new window)
b2d69a39e6687, (opens new window) - Update@compiled/reactdependency for improved type checking support. - Updated dependencies
10.0.3
Patch Changes
- Updated dependencies
10.0.2
Patch Changes
- Updated dependencies
10.0.1
Patch Changes
- Updated dependencies
10.0.0
Major Changes
-
#117363, (opens new window)
10a0f7f6c2027, (opens new window) - This package'speerDependencieshave been adjusted forreactand/orreact-domto 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
9.5.0
Minor Changes
- #116138, (opens new window)
b50c5d5d65ae2, (opens new window) - Bump to the latest version of @compiled/react
Patch Changes
- Updated dependencies
9.4.5
Patch Changes
- Updated dependencies
9.4.4
Patch Changes
- #114382, (opens new window)
5033cb80b3765, (opens new window) - Updates internal animation logic to leverage static animation timing names, rather than arbitrary values. - Updated dependencies
9.4.3
Patch Changes
- Updated dependencies
9.4.2
Patch Changes
- Updated dependencies
9.4.1
Patch Changes
- Updated dependencies
9.4.0
Minor Changes
- #109060, (opens new window)
4660ec858a305, (opens new window) - UpdateReactfrom v16 to v18
Patch Changes
- Updated dependencies
9.3.5
Patch Changes
- #105771, (opens new window)
def8a1a577484, (opens new window) - Update dependencies and remove unused internal exports.
9.3.4
Patch Changes
- #104895, (opens new window)
fb9f1f1a65547, (opens new window) - Change how the current surface CSS variable is set to support Compiled.
9.3.3
Patch Changes
- #103999, (opens new window)
9f62ecec4d422, (opens new window) - Update dependencies.
9.3.2
Patch Changes
- #103093, (opens new window)
f67a0dd4f3f8d, (opens new window) - Internal change to use type-imports.
9.3.1
Patch Changes
- Updated dependencies
9.3.0
Minor Changes
-
#100414, (opens new window)
ead90a795d15b, (opens new window) - Adds the@atlaskit/drawer/compiledentry point. This entry point is a fork of the Drawer component which uses@compiled/reactinstead of@emotion/react. It also features a new compositional API. Theoverridesprop is not included in this API, instead safe style overrides are now supported via thexcssprop.Migrated from
@emotion/reactto@compiled/reactin 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/drawer, you will need to ensure that your bundler is configured to handle.cssimports correctly. Most bundlers come with built-in support for.cssimports, 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.cssimports.Example of new compositional API:
import { Drawer, DrawerCloseButton, DrawerContent, DrawerSidebar } from '@atlaskit/drawer';<Drawer> <DrawerSidebar xcss={styles.sidebar}> <DrawerCloseButton /> </DrawerSidebar> <DrawerContent xcss={styles.content}>Drawer content</DrawerContent> </Drawer>
9.2.7
Patch Changes
- Updated dependencies
9.2.6
Patch Changes
- Updated dependencies
9.2.5
Patch Changes
- Updated dependencies
9.2.4
Patch Changes
- #167181, (opens new window)
5bc9dc0796474, (opens new window) - Removereact-focus-lock-nextdependency
9.2.3
Patch Changes
- #165531, (opens new window)
57f451bda8919, (opens new window) - Adds side-effect config to support Compiled css extraction in third-party apps
9.2.2
Patch Changes
- Updated dependencies
9.2.1
Patch Changes
- #161638, (opens new window)
d2e5e5ce0053d, (opens new window) - Use new API of layering without UNSAFE prefix
9.2.0
Minor Changes
- #157307, (opens new window)
a1e80ec0a5e4a, (opens new window) - Enable new icons behind a feature flag.
9.1.0
Minor Changes
- #157176, (opens new window)
3d03c4f1002ab, (opens new window) - Integrate layering and use CloseManager instead
9.0.6
Patch Changes
- Updated dependencies
9.0.5
Patch Changes
- Updated dependencies
9.0.4
Patch Changes
- Updated dependencies
9.0.3
Patch Changes
- #148431, (opens new window)
61d309ff981d8, (opens new window) - Updated dependencies
9.0.2
Patch Changes
- Updated dependencies
9.0.1
Patch Changes
- Updated dependencies
9.0.0
Major Changes
- #142249, (opens new window)
fee9fd211df7b, (opens new window) - Remove deprecated propshouldUnmountOnExitwhich was deprecated in version 7.1.9. This prop can be safely removed from your code as it has been non-functional for several years.
8.0.0
Major Changes
- #140090, (opens new window)
89833597971da, (opens new window) - Refactor of analytics handling to remove usages of legacy AnalyticsContext. Removed WithAnalyticsEventsProps from type.
7.14.3
Patch Changes
- #138959, (opens new window)
787e6d015c8cd, (opens new window) - Internal change only: Convert from class components to function components.
7.14.2
Patch Changes
- Updated dependencies
7.14.1
Patch Changes
- Updated dependencies
7.14.0
Minor Changes
-
#127511, (opens new window)
db30e29344013, (opens new window) - Widening range ofreactandreact-dompeer dependencies from^16.8.0 || ^17.0.0 || ~18.2.0to 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.3as well as to have a consistent peer dependency range forreactandreact-domfor/platformpackages.
Patch Changes
- Updated dependencies
7.13.3
Patch Changes
- Updated dependencies
7.13.2
Patch Changes
- Updated dependencies
7.13.1
Patch Changes
- #120049, (opens new window)
77504ff274f72, (opens new window) - DSP-19576: Assign names to anonymous default exports
7.13.0
Minor Changes
- #116848, (opens new window)
9b4398682d67b, (opens new window) - Drawer can be configured to enter from any direction
7.12.4
Patch Changes
- #116209, (opens new window)
0aa2af6a28226, (opens new window) - Only render escapeManager when open
7.12.3
Patch Changes
- Updated dependencies
7.12.2
Patch Changes
- #113824, (opens new window)
0086bc04e40ec, (opens new window) - Add support of layering in drawer to have a correct escape close flow for multiple layered components
7.12.1
Patch Changes
- Updated dependencies
7.12.0
Minor Changes
- #111878, (opens new window)
223959ef57c80, (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
7.11.0
Minor Changes
- #105845, (opens new window)
b8b3389bb20b, (opens new window) - [ux] Make Drawer scrollable by keyboard when content overflows.
7.10.0
Minor Changes
- #103863, (opens new window)
919672b42f27, (opens new window) - Update close button to use IconButton from@atlaskit/button/new. Some minor visual changes are expected.
7.9.0
Minor Changes
- #102398, (opens new window)
872ce80f5ef9, (opens new window) - Add support for React 18 in non-strict mode.
7.8.0
Minor Changes
- #97328, (opens new window)
d92a918edd9b, (opens new window) -shouldReturnFocusnow can accept ref as a value to return focus to a specified element on drawer close.
7.7.2
Patch Changes
- #94316, (opens new window)
35fd5ed8e1d7, (opens new window) - Upgrading internal dependencybind-event-listenerto@^3.0.0
7.7.1
Patch Changes
- #83116, (opens new window)
8d4e99057fe0, (opens new window) - Upgrade Typescript from4.9.5to5.4.2
7.7.0
Minor Changes
- #80011, (opens new window)
58416dfd477d, (opens new window) - Add closeLabel prop to provide a custom label for the drawer's "Close" control.
7.6.6
Patch Changes
- #69022, (opens new window)
395c74147990, (opens new window) - Migrate packages to use declarative entry points
7.6.5
Patch Changes
- Updated dependencies
7.6.4
Patch Changes
- Updated dependencies
7.6.3
Patch Changes
- #41729, (opens new window)
04235acacd6, (opens new window) - Enrol package to push model in Jira
7.6.2
Patch Changes
- #41065, (opens new window)
e96b5be2269, (opens new window) - [ux] This release removes the feature flag behind which Drawer got improves for accessibility. Now it is a modal dialog, preventing users to focus elements beyond it's content. Focus is set to first element of Drawer content on opening. On closing focus is returned to triggering element. Additionally introduced props adding/referencing accessible name.
7.6.1
Patch Changes
- #40647, (opens new window)
0de92f17021, (opens new window) - Bump react-focus-lock to latest version
7.6.0
Minor Changes
- #38517, (opens new window)
288b53175c0, (opens new window) - [ux] We are testing focus trap behavior for drawer in screen reader mode behind a feature flag. Now focus is set to first element and does not go beyond the content of the modal dialog. If this fix is successful, it will be available in a later release.
7.5.5
Patch Changes
- #39278, (opens new window)
ddb06fae577, (opens new window) - Adds support for surface detection when using design tokens. Enabling children to be styled with the surface color of the drawer when using theutility.elevation.surface.currentdesign token. - Updated dependencies
7.5.4
Patch Changes
- #38162, (opens new window)
fd6bb9c9184, (opens new window) - Delete version.json - Updated dependencies
7.5.3
Patch Changes
- #34922, (opens new window)
779727e307a, (opens new window) - Internal change only. Replace all instances of Box with stable @atlaskit/primitives version.
7.5.2
Patch Changes
- #33793, (opens new window)
9d00501a414, (opens new window) - Ensure legacy types are published for TS 4.5-4.8
7.5.1
Patch Changes
- #33649, (opens new window)
41fae2c6f68, (opens new window) - Upgrade Typescript from4.5.5to4.9.5
7.5.0
Minor Changes
- #33258, (opens new window)
56507598609, (opens new window) - Skip minor dependency bump
Patch Changes
- Updated dependencies
7.4.14
Patch Changes
- #32211, (opens new window)
4ba10567310, (opens new window) - Internal changes.
7.4.13
Patch Changes
- #32294, (opens new window)
e0460d5d989, (opens new window) - Usages ofprocessare now guarded by atypeofcheck.
7.4.12
Patch Changes
- #31206, (opens new window)
261420360ec, (opens new window) - Upgrades component types to support React 18. - Updated dependencies
7.4.11
Patch Changes
- #31338, (opens new window)
74c1b81a476, (opens new window) - Replaces use ofgridSizewith space tokens. There is no expected visual change.
7.4.10
Patch Changes
- Updated dependencies
7.4.9
Patch Changes
- Updated dependencies
7.4.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.
7.4.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, addallowedSideEffectswhen loading the page.
7.4.6
Patch Changes
- Updated dependencies
7.4.5
Patch Changes
- #28575, (opens new window)
021eea6cdc6, (opens new window) - Remove unnecessary styles. There is no expected behaviour change for consumers.
7.4.4
Patch Changes
- Updated dependencies
7.4.3
Patch Changes
- Updated dependencies
7.4.2
Patch Changes
- #26712, (opens new window)
5bd499c254f, (opens new window) - Fix zIndex stacking of internal Blanket component during css transition
7.4.1
Patch Changes
- Updated dependencies
7.4.0
Minor Changes
- #25860, (opens new window)
3d5675d420e, (opens new window) - [ux] Prevents the background from being scrollable while a drawer is open.
Patch Changes
- Updated dependencies
7.3.2
Patch Changes
- #26488, (opens new window)
bc989043572, (opens new window) - Internal changes to apply spacing tokens. This should be a no-op change.
7.3.1
Patch Changes
- #26408, (opens new window)
9de88fa1e1e, (opens new window) - Internal changes to include spacing tokens in component implementations.
7.3.0
Minor Changes
- #24710, (opens new window)
b975291711b, (opens new window) - Add zindex as prop to drawer
Patch Changes
a0653d05aa0, (opens new window) - AddtestIdprop to internal blanket component, passthroughtestIdfrom Drawer to Blanket for testing purposes. No behaviour change.- Updated dependencies
7.2.1
Patch Changes
- #24874, (opens new window)
8cc2f888c83, (opens new window) - Upgrade Typescript from4.3.5to4.5.5
7.2.0
Minor Changes
- #24004, (opens new window)
cc4fe7bdf0c, (opens new window) - Updates@emotion/coreto@emotion/react; v10 to v11. There is no expected behavior change.
Patch Changes
11da403db81, (opens new window) - Internal change to add optionaltestIdprop pass-through to blanket component. There should be no change in behaviour.- Updated dependencies
7.1.12
Patch Changes
- #24492, (opens new window)
8d4228767b0, (opens new window) - Upgrade Typescript from4.2.4to4.3.5.
7.1.11
Patch Changes
- #23381, (opens new window)
fd86b8e4c63, (opens new window) - Internal code change turning on new linting rules.
7.1.10
Patch Changes
- Updated dependencies
7.1.9
Patch Changes
- #20721, (opens new window)
45e0af67ad3, (opens new window) - Internal change to make styles statically analyzable
7.1.8
Patch Changes
- #20650, (opens new window)
cb2392f6d33, (opens new window) - Upgrade to TypeScript 4.2.4
7.1.7
Patch Changes
- Updated dependencies
7.1.6
Patch Changes
- #19618, (opens new window)
ac9343c3ed4, (opens new window) - Replaces usage of deprecated design tokens. No visual or functional changes - Updated dependencies
7.1.5
Patch Changes
- Updated dependencies
7.1.4
Patch Changes
- #18526, (opens new window)
e9210b8a098, (opens new window) - Updates Drawer with deprecated status forcssFn/`overrides APIs.
7.1.3
Patch Changes
- #16752, (opens new window)
19d72473dfb, (opens new window) - Bump dependency tiny-invariant to latest" - Updated dependencies
7.1.2
Patch Changes
- Updated dependencies
7.1.1
Patch Changes
- #17475, (opens new window)
c55c736ecea, (opens new window) - Patch VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489
7.1.0
Minor Changes
-
#16753, (opens new window)
d19fa028010, (opens new window) - Instrumented@atlaskit/drawerwith 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.
7.0.1
Patch Changes
- #15998, (opens new window)
3fced6aa641, (opens new window) - Bumpedreact-focus-lockto version^2.2.1.
7.0.0
Major Changes
-
#14319, (opens new window)
cf853e39278, (opens new window) - [ux] Breaking changes:The following components have been removed from
@atlaskit/drawer:DrawerItemThemeDrawerSkeletonHeaderDrawerSkeletonItemDrawerItemGroupDrawerItem
These components wrap the much older, now deprecated package
@atlaskit/itemand had little to no usage. If you really need the functionality captured by these components; we'd encourage you to try@atlaskit/menuwhich matches and extends all of the functionality of@atlaskit/itemin a more accessible and performant way.Housekeeping:
- Now exposes a
testIdproperty as a hook for automated testing. - Package no longer depends on
styled-componentsfor styling - Package no longer depends on
chromatism - Package no longer depends on
@atlaskit/item - Package no longer depends on
@atlaskit/avatar
Patch Changes
- Updated dependencies
6.0.10
Patch Changes
- #12880, (opens new window)
378d1cef00f, (opens new window) - Bump@atlaskit/themeto version^11.3.0.
6.0.9
Patch Changes
- Updated dependencies
6.0.8
Patch Changes
- #8644, (opens new window)
79c23df6340, (opens new window) - Use injected package name and version for analytics instead of version.json. - Updated dependencies
6.0.7
Patch Changes
- #5857, (opens new window)
d3265f19be, (opens new window) - Transpile packages using babel rather than tsc
6.0.6
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 addtypescripttodevDependenciesto denote version that the package was built with.
6.0.5
Patch Changes
- Updated dependencies
6.0.4
Patch Changes
- #4707, (opens new window)
6360c46009, (opens new window) - Reenable integration tests for Edge browser
6.0.3
Patch Changes
-
#3885, (opens new window)
6c525a8229, (opens new window) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade to prevent duplicates of tslib being bundled.
6.0.2
Patch Changes
- #3823, (opens new window)
6262f382de, (opens new window) - Use the 'lodash' package instead of single-function 'lodash.*' packages
6.0.1
Patch Changes
- #3428, (opens new window)
60dd4ecc69, (opens new window) - Changed export all to export individual components in index - Updated dependencies
6.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
5.3.10
Patch Changes
- #2866, (opens new window)
54a9514fcf, (opens new window) - Build and supporting files will no longer be published to npm
5.3.9
Patch Changes
- #2677, (opens new window)
4560b65a4f, (opens new window) - upgrade react-transition-group to latest
5.3.8
Patch Changes
- #2137, (opens new window)
54d82b49f0, (opens new window) - Remove unused dependencies baaad91b65, (opens new window) - Updated to use the latest and more performant version of@atlaskit/avatar- Updated dependencies
5.3.7
Patch Changes
- Updated dependencies
5.3.6
Patch Changes
-
[patch]2bfc59f090, (opens new window):
Change imports to comply with Atlassian conventions- Updated dependencies 6b8e60827e, (opens new window):
-
Updated dependencies 449ef134b3, (opens new window):
-
Updated dependencies 167a55fd7a, (opens new window):
-
Updated dependencies 57c0487a02, (opens new window):
-
Updated dependencies 6d744d3ff1, (opens new window):
-
Updated dependencies fd41d77c29, (opens new window):
-
Updated dependencies 7a2540821c, (opens new window):
- @atlaskit/button@13.3.11
- @atlaskit/icon@20.1.1
- @atlaskit/avatar@17.1.10
- @atlaskit/blanket@10.0.18
- @atlaskit/webdriver-runner@0.3.4
- @atlaskit/dropdown-menu@9.0.3
5.3.5
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 8b9598a760, (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/item@11.0.2
- @atlaskit/avatar@17.1.9
- @atlaskit/button@13.3.9
- @atlaskit/dropdown-menu@9.0.2
- @atlaskit/section-message@4.1.7
5.3.4
Patch Changes
- Updated dependencies
e3f01787dd, (opens new window):
- @atlaskit/webdriver-runner@0.2.0
- @atlaskit/avatar@17.1.8
- @atlaskit/button@13.3.8
- @atlaskit/dropdown-menu@9.0.1
- @atlaskit/section-message@4.1.6
5.3.3
Patch Changes
-
[patch]3b92b89113, (opens new window):
onEntered callback now fires when enter animation is complete- Updated dependencies 9e87af4685, (opens new window):
-
Updated dependencies 0603860c07, (opens new window):
- @atlaskit/dropdown-menu@9.0.0
- @atlaskit/icon@20.0.2
5.3.2
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/avatar@17.1.7
- @atlaskit/blanket@10.0.17
- @atlaskit/button@13.3.7
- @atlaskit/dropdown-menu@8.2.4
- @atlaskit/icon@20.0.1
- @atlaskit/item@11.0.1
- @atlaskit/portal@3.1.6
- @atlaskit/section-message@4.1.5
- @atlaskit/theme@9.5.1
- @atlaskit/quick-search@7.8.5
5.3.1
Patch Changes
- Updated dependencies c0102a3ea2, (opens new window):
- Updated dependencies
b9dc265bc9, (opens new window):
- @atlaskit/icon@20.0.0
- @atlaskit/item@11.0.0
- @atlaskit/avatar@17.1.6
- @atlaskit/quick-search@7.8.4
- @atlaskit/dropdown-menu@8.2.3
- @atlaskit/section-message@4.1.4
- @atlaskit/docs@8.3.1
- @atlaskit/button@13.3.6
- @atlaskit/portal@3.1.5
5.3.0
Minor Changes
-
[minor]99849f50b2, (opens new window):
Implementing the overrides API on the Drawer component
Patch Changes
- Updated dependencies
d2b8166208, (opens new window):
- @atlaskit/docs@8.3.0
5.2.0
Minor Changes
-
[minor]24865cfaff, (opens new window):
Allowing support for using with new react-beautiful-dnd 12.x API
Patch Changes
- 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/quick-search@7.8.2
- @atlaskit/analytics-next@6.3.3
- @atlaskit/avatar@17.1.5
- @atlaskit/item@10.2.0
5.1.0
Minor Changes
-
[minor]d438b16fbc, (opens new window):
Added an onOpenComplete callback to the @atlaskit/drawer that is called when the drawer finishes opening.
Patch Changes
- Updated dependencies c1d4898af5, (opens new window):
- Updated dependencies 3c0f6feee5, (opens new window):
- Updated dependencies
f9c291923c, (opens new window):
- @atlaskit/icon@19.0.11
- @atlaskit/theme@9.3.0
- @atlaskit/portal@3.1.3
5.0.14
Patch Changes
-
[patch]f86839ca4e, (opens new window):
@atlaskit/portal had an issue in IE11 and this is fixed in 3.1.2
5.0.13
Patch Changes
-
[patch]35d2229b2a, (opens new window):
Adding missing license to packages and update to Copyright 2019 Atlassian Pty Ltd.
5.0.12
Patch Changes
-
[patch]a2d0043716, (opens new window):
Updated version of analytics-next to fix potential incompatibilities with TS 3.6
5.0.11
Patch Changes
-
[patch]ab418242f6, (opens new window):
Removes @atlaskit/docs package from dependencies
5.0.10
- Updated dependencies
8d0f37c23e, (opens new window):
- @atlaskit/dropdown-menu@8.1.1
- @atlaskit/item@10.1.5
- @atlaskit/quick-search@7.7.1
- @atlaskit/avatar@17.0.0
- @atlaskit/theme@9.2.2
5.0.9
Patch Changes
-
[patch]baf6c19b23, (opens new window):
Remove //@ts-ignore unintentionally rendered with the other content
5.0.8
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
5.0.7
Patch Changes
-
[patch]ecca4d1dbb, (opens new window):
Upgraded Typescript to 3.3.x
5.0.6
Patch Changes
-
[patch]708028db86, (opens new window):
Change all the imports to theme in Core to use multi entry points
5.0.5
Patch Changes
-
[patch]de35ce8c67, (opens new window):
Updates component maintainers
5.0.4
Patch Changes
-
[patch]926b43142b, (opens new window):
Analytics-next has been converted to Typescript. Typescript consumers will now get static type safety. Flow types are no longer provided. No behavioural changes.
Breaking changes
withAnalyticsForSumTypePropsalias has been removed, please usewithAnalyticsEventsAnalyticsContextWrappedCompalias has been removed, please usewithAnalyticsContext
Breaking changes to TypeScript annotations
withAnalyticsEventsnow infers proptypes automatically, consumers no longer need to provide props as a generic type.withAnalyticsContextnow infers proptypes automatically, consumers no longer need to provide props as a generic type.- Type
WithAnalyticsEventPropshas been renamed toWithAnalyticsEventsPropsto match source code - Type
CreateUIAnalyticsEventSignaturehas been renamed toCreateUIAnalyticsEventto match source code - Type
UIAnalyticsEventHandlerSignaturehas been renamed toUIAnalyticsEventHandlerto match source code - Type
AnalyticsEventsPayloadhas been renamed toAnalyticsEventPayload - Type
ObjectTypehas been removed, please useRecord<string, any>or[key: string]: any - Type
UIAnalyticsEventInterfacehas been removed, please useUIAnalyticsEvent - Type
AnalyticsEventInterfacehas been removed, please useAnalyticsEvent - Type
CreateAndFireEventFunctionremoved and should now be inferred by TypeScript - Type
AnalyticsEventUpdaterremoved and should now be inferred by TypeScript
5.0.3
Patch Changes
-
[patch]d905cbc0ac, (opens new window):
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.
5.0.2
Patch Changes
-
[patch]2c0216ff0a, (opens new window):
Remove react-dom from dependencies to devDependencies
5.0.1
Patch Changes
-
[patch]688f2957ca, (opens new window):
Fixes various TypeScript errors which were previously failing silently
5.0.0
Major Changes
-
[major]75c64ee36a, (opens new window):
@atlaskit/drawer has been converted to Typescript. Typescript consumers will now get static type safety. Flow types are no longer provided. No API or behavioural changes.
4.2.2
Patch Changes
-
[patch]9f8ab1084b, (opens new window):
Consume analytics-next ts type definitions as an ambient declaration.
4.2.1
- Updated dependencies
06326ef3f7, (opens new window):
- @atlaskit/docs@8.1.3
- @atlaskit/avatar@16.0.6
- @atlaskit/button@13.0.9
- @atlaskit/dropdown-menu@8.0.8
- @atlaskit/item@10.0.5
- @atlaskit/portal@3.0.7
- @atlaskit/section-message@4.0.5
- @atlaskit/quick-search@7.5.1
- @atlaskit/icon@19.0.0
4.2.0
Minor Changes
-
[minor]72adb807b9, (opens new window):
Exports DrawerItem as part of the drawer package. Exposes props to control focus lock behaviour.
4.1.6
Patch Changes
- [patch]12e4a436a2, (opens new window):
- Added focus lock to Drawer
4.1.5
Patch Changes
-
[patch]4615439434, (opens new window):
index.ts will now be ignored when publishing to npm
4.1.4
Patch Changes
-
[patch]20aca56bcc, (opens new window):
The portal rendered by a drawer no longer renders if the drawer is not open
4.1.3
- Updated dependencies
cfc3c8adb3, (opens new window):
- @atlaskit/docs@8.1.2
- @atlaskit/avatar@16.0.3
- @atlaskit/button@13.0.8
- @atlaskit/dropdown-menu@8.0.4
- @atlaskit/item@10.0.2
- @atlaskit/portal@3.0.3
- @atlaskit/section-message@4.0.2
- @atlaskit/quick-search@7.4.1
- @atlaskit/icon@18.0.0
4.1.2
- Updated dependencies
dacfb81ca1, (opens new window):
- @atlaskit/portal@3.0.0
4.1.1
- Updated dependencies
6dd86f5b07, (opens new window):
- @atlaskit/avatar@16.0.2
- @atlaskit/icon@17.1.1
- @atlaskit/theme@9.0.2
- @atlaskit/section-message@4.0.0
4.1.0
- [minor]3301793aae, (opens new window):
- Add DrawerSkeletonHeader, DrawerSkeletonItem and DrawerItemGroup components to drawer
4.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.
3.0.10
- Updated dependencies
5b6b4d6a0f, (opens new window):
- @atlaskit/portal@1.0.0
3.0.9
- Updated dependencies
38dab947e6, (opens new window):
- @atlaskit/blanket@9.0.0
3.0.8
- [patch]371becf9e2, (opens new window):
- Internal changes only. Drawer is compatible with SSR.
3.0.7
- Updated dependencies
9c0b4744be, (opens new window):
- @atlaskit/docs@7.0.3
- @atlaskit/blanket@8.0.3
- @atlaskit/button@12.0.3
- @atlaskit/dropdown-menu@7.0.6
- @atlaskit/icon@16.0.9
- @atlaskit/item@9.0.1
- @atlaskit/section-message@2.0.3
- @atlaskit/quick-search@6.1.1
- @atlaskit/theme@8.1.7
3.0.6
- Updated dependencies
1e826b2966, (opens new window):
- @atlaskit/docs@7.0.2
- @atlaskit/analytics-next@4.0.3
- @atlaskit/blanket@8.0.2
- @atlaskit/dropdown-menu@7.0.4
- @atlaskit/icon@16.0.8
- @atlaskit/portal@0.3.1
- @atlaskit/section-message@2.0.2
- @atlaskit/theme@8.1.6
- @atlaskit/button@12.0.0
3.0.5
- [patch]42d931a2fd, (opens new window):
- Move visual-regression to devDependncies
3.0.4
- [patch]a28eb04426, (opens new window):
- Migrates package from emotion 9 to emotion 10. No behaviour or API changes.
3.0.3
-
[patch]211463f820, (opens new window):
- Bugfix: fixes z-index problem causing drawer to appear underneath navigation.
-
Updated dependencies ce4e1b4780, (opens new window):
- @atlaskit/portal@0.3.0
3.0.2
- [patch]37ee906cf7, (opens new window):
- Internal changes only. Drawer uses @atlaskit/portal and is now SSR compatible.
3.0.1
- Updated dependencies
9d5cc39394, (opens new window):
- @atlaskit/docs@7.0.1
- @atlaskit/analytics-next@4.0.1
- @atlaskit/blanket@8.0.1
- @atlaskit/dropdown-menu@7.0.1
- @atlaskit/icon@16.0.5
- @atlaskit/section-message@2.0.1
- @atlaskit/theme@8.0.1
- @atlaskit/button@11.0.0
- @atlaskit/quick-search@6.0.0
3.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
importandexportdeclarations.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.
2.7.1
- Updated dependencies
d7ef59d432, (opens new window):
- @atlaskit/docs@6.0.1
- @atlaskit/button@10.1.2
- @atlaskit/dropdown-menu@6.1.26
- @atlaskit/item@8.0.15
- @atlaskit/section-message@1.0.16
- @atlaskit/quick-search@5.2.5
- @atlaskit/icon@16.0.0
2.7.0
- [minor]9cfee26, (opens new window):
- Add data-test-selector to various components to help open and close the Notification Drawer programmatically. This would support test automation
2.6.1
- Updated dependencies 58b84fa, (opens new window):
- @atlaskit/analytics-next@3.1.2
- @atlaskit/blanket@7.0.12
- @atlaskit/button@10.1.1
- @atlaskit/dropdown-menu@6.1.25
- @atlaskit/icon@15.0.2
- @atlaskit/item@8.0.14
- @atlaskit/section-message@1.0.14
- @atlaskit/theme@7.0.1
- @atlaskit/quick-search@5.2.4
- @atlaskit/docs@6.0.0
2.6.0
- [minor]53bf8be, (opens new window):
- Support onCloseComplete
2.5.4
- Updated dependencies d13242d, (opens new window):
- @atlaskit/docs@5.2.3
- @atlaskit/blanket@7.0.11
- @atlaskit/button@10.0.4
- @atlaskit/dropdown-menu@6.1.24
- @atlaskit/icon@15.0.1
- @atlaskit/item@8.0.13
- @atlaskit/section-message@1.0.13
- @atlaskit/quick-search@5.2.1
- @atlaskit/theme@7.0.0
2.5.3
- Updated dependencies ab9b69c, (opens new window):
- @atlaskit/docs@5.2.2
- @atlaskit/button@10.0.1
- @atlaskit/dropdown-menu@6.1.23
- @atlaskit/section-message@1.0.12
- @atlaskit/icon@15.0.0
2.5.2
- Updated dependencies 6998f11, (opens new window):
- @atlaskit/docs@5.2.1
- @atlaskit/analytics-next@3.1.1
- @atlaskit/blanket@7.0.10
- @atlaskit/dropdown-menu@6.1.22
- @atlaskit/icon@14.6.1
- @atlaskit/section-message@1.0.11
- @atlaskit/theme@6.2.1
- @atlaskit/button@10.0.0
2.5.1
- [patch]f480bab, (opens new window):
- Convert padding to margin to fix a scrolling issue in global-search
2.5.0
- [minor]aacb208, (opens new window):
- Export a new component, DrawerItemTheme, for theming the Drawer with the navigation item theme.
2.4.0
- [minor]6746a42, (opens new window):
- Add extended width option and width transitions
2.3.1
- [patch]a6e5197, (opens new window):
-
- Add canUseDOM to fix SSR issue in Drawer. 2) Update SSR tests in navigation-next to exclude the examples with Hash, Router or Dom
-
2.3.0
-
[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
-
[minor]670597d, (opens new window):
- Make
widthprop optional and default it to 'narrow'
- Make
2.2.0
-
[minor]90f4995, (opens new window):
Update drawer width with 'medium' width
2.1.3
- [patch] Adds missing implicit @babel/runtime dependency b71751b, (opens new window)
2.1.2
- [patch] Fix fixed-positioned drawer contents from being positioned incorrectly caused by the drawer creating a new stacking context with the transform css property. This was most notable when rendering dropdown-menus inside the drawer. c80813c, (opens new window)
2.1.1
- [patch] Updated dependencies
65c6514, (opens new window)
- @atlaskit/docs@5.0.8
- @atlaskit/button@9.0.13
- @atlaskit/section-message@1.0.8
- @atlaskit/icon@14.0.0
2.1.0
- [minor] Exposes a new prop shouldUnmountOnExit in @atlaskit/drawer which let's the consumer decide if the contents of the drawer should be retained on unmount. Exposes 4 new props, one for each drawer to let the product decide if the contents of the drawer should be retained on drawerClose 2988998, (opens new window)
2.0.1
- [patch] Adds sideEffects: false to allow proper tree shaking b5d6d04, (opens new window)
2.0.0
- [major] Provides analytics for common component interactions. 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). 501378a, (opens new window)
- [patch] Fix onClose/onKeyDown being called when pressing the esc key while the drawer is closed a675f7b, (opens new window)
1.0.6
- [patch] Updated dependencies
df22ad8, (opens new window)
- @atlaskit/theme@6.0.0
- @atlaskit/section-message@1.0.5
- @atlaskit/icon@13.2.5
- @atlaskit/button@9.0.6
- @atlaskit/blanket@7.0.5
- @atlaskit/docs@5.0.6
1.0.5
- [patch] Add variable name displayNames for anonymous function SFC components to improve debugging experience 50d469f, (opens new window)
1.0.4
- [patch] Fix: fade issue with z-index elements 626244b, (opens new window)
1.0.3
- [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/button@9.0.5
- @atlaskit/theme@5.1.3
- @atlaskit/section-message@1.0.4
- @atlaskit/blanket@7.0.4
- @atlaskit/icon@13.2.4
1.0.2
- [patch] Fixes overflow issue in drawers with long and wide contents 6438477, (opens new window)
1.0.1
- [patch] Updated dependencies
acd86a1, (opens new window)
- @atlaskit/icon@13.2.2
- @atlaskit/button@9.0.4
- @atlaskit/theme@5.1.2
- @atlaskit/blanket@7.0.3
- @atlaskit/docs@5.0.2
1.0.0
- [major] Updates to React ^16.4.0 7edb866, (opens new window)
- [major] Updated dependencies
563a7eb, (opens new window)
- @atlaskit/button@9.0.0
- @atlaskit/theme@5.0.0
- @atlaskit/docs@5.0.0
- @atlaskit/blanket@7.0.0
- @atlaskit/icon@13.0.0
- [major] Updated dependencies
7edb866, (opens new window)
- @atlaskit/button@9.0.0
- @atlaskit/theme@5.0.0
- @atlaskit/docs@5.0.0
- @atlaskit/blanket@7.0.0
- @atlaskit/icon@13.0.0
0.1.1
- [patch] Button should be a dev dependency 50ca31b, (opens new window)
- [none] Updated dependencies 50ca31b, (opens new window)
0.1.0
- [minor] Extract standalone Drawer component. Remove drawer state from navigation state manager navigation-next. Stop exporting Drawer component in global-navigation d11307b, (opens new window)