Popup

• c0d0247b0e650, (opens new window) - With platform-dst-top-layer enabled, restore the raw testId on the default popup content wrapper. Custom popupComponent implementations continue receiving the raw ID. The popover host uses ${testId}--container instead of ${testId}--content, matching legacy Popup test ID naming in both APIs.

• edd874d160803, (opens new window) - Updated popup's focus trap fix made behind "platform_dst-popup-trigger-initial-focus-ref" to be behind a second "platform-dst-popup-trigger-focus-fix" feature gate to coordinate rollout to all consumers.

• d562a51283c05, (opens new window) - Widen Popup and Dropdown Menu trigger aria-haspopup types to include valid popup kinds, including menu. Consumers with explicitly narrow render-prop annotations may need to accept the additional values.

• Updated dependencies

• f0b2e3b3c48b2, (opens new window) - Export TriggerAriaProps from @atlaskit/popup/types for components that accept Popup's trigger ARIA attributes.

• ae5c32fe7bfd6, (opens new window) - Record the rollback of the DSP-25935 popup trigger type expansion in PR #487935. This restores compatibility with existing consumers, including Jira Assets audit logs and linked objects.

  Popup's aria-haspopup trigger contract returns to boolean | 'dialog'. The affected public trigger props in Dropdown Menu, Avatar, Lozenge, Universal Create, Rovo Pins, and Navigation System also return to their earlier contracts. Consumers using the newly added role-specific string values must return to values supported by those earlier contracts. Popup no longer exports AriaHasPopup or TriggerAriaProps; use TriggerProps['aria-haspopup'] and Pick<TriggerProps, 'aria-controls' | 'aria-expanded' | 'aria-haspopup'> instead.

  Popup and Dropdown Menu retain their existing top-layer runtime ARIA values through the prior compatibility adapters. Conversation Assistant returns to its previous internal trigger type annotation without changing its public API.

• Updated dependencies

• 5e712839d1e00, (opens new window) - Popup's trigger render props now include the role-specific aria-haspopup values "menu", "listbox", "tree", and "grid", which the top-layer path could already provide at runtime. Popup also exports AriaHasPopup and TriggerAriaProps for consumers to type trigger ARIA attributes. Use booleans instead of the string values "true" and "false".

  Dropdown Menu's custom trigger props now reflect Popup's aria-haspopup values, and Dropdown Item accepts the same roles and booleans. Custom triggers forward Popup's value on the legacy path; the top-layer path provides "menu". Dropdown items already forwarded aria-controls and aria-expanded at runtime.

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• a7ec100f7d560, (opens new window) - Fixed shouldFitViewport doing nothing on the top-layer code path, and forwarded it to a custom popupComponent as on the legacy path. xcss on <Popup> is now applied on the top-layer path without a custom popupComponent; it was silently dropped there. Behind the platform-dst-top-layer gate; legacy (flag-off) behaviour is unchanged.
• Updated dependencies

• 345efa8128cb2, (opens new window) - Behind platform_dst_popup_media_query_perf_fix Popups with the default appearance no longer cause state changes across the below.sm viewport media query Popups with the UNSAFE_modal-below-sm appearance (modal) still cause the state change This was done to fix popup heavy pages stuttering on resizing, as the state change was causing unnecessary re-renders
• Updated dependencies

• 13fcd5b800ea9, (opens new window) - Cleaned up new shape theme styles, making new border and radius values the default.

• 261fd53b131ba, (opens new window) - Cleaned up new shape theme styles, making new border and radius values the default.

• 1c9e0caa93d4c, (opens new window) - Behind platform_dst-popup-trigger-initial-focus-ref: when the popup's focus trap deactivates and shouldReturnFocus is true, an animation-frame callback now rescues focus back to the trigger element if the browser silently dropped focus to document.body instead of returning it to the trigger.
• Updated dependencies

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

• Updated dependencies

• a933165c3c788, (opens new window) - Experimental React 19 peer dependency support. This patch widens the peer range; CI coverage is partial.
• Updated dependencies

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

• 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.

• Updated dependencies

• 0075efb228821, (opens new window) - Autofix: barrel removal (imports + exports)
• 005037db2dcaa, (opens new window) - Autofix: update cross-package imports away from barrel entries

• Updated dependencies

• 836061d9becda, (opens new window) - Only set aria-controls while popup content is mounted and clarify the top-layer trigger helper documentation.
• Updated dependencies

• c3cae446aea72, (opens new window) - Only set aria-controls while popup content is mounted and clarify the top-layer trigger helper documentation.
• Updated dependencies

• Updated dependencies

• 796aaf7f8a526, (opens new window) - Cleanup feature gate
• Updated dependencies

• 48e7d03469b80, (opens new window) - Apply Volt entry-point and barrel-removal standards across these design-system packages. Public exports now resolve directly to ./src/* implementations instead of intermediate ./src/entry-points/* re-exports, root barrels and remaining entry-point shims are marked deprecated in favour of per-export subpaths, and a few new subpaths are added (@atlaskit/badge/badge-new, @atlaskit/tile/tile-skeleton, @atlaskit/popper/main, @atlaskit/section-message/message, @atlaskit/section-message/message-action).

  Why this is breaking

  Subpaths and the package root can now resolve to the same module instance. Consumers that deep-imported entry-points/*, or jest.mock()'d a specific subpath may need updates. @atlaskit/image's root export now points at ./src/ui/image/index.tsx. @atlaskit/checkbox/checkbox now exports a named Checkbox from the implementation module (default export retained for backwards compatibility).

  Migration

  Prefer published subpaths over the package root:

  import { Checkbox } from '@atlaskit/checkbox/checkbox'; import TextField from '@atlaskit/textfield/text-field'; import Popup from '@atlaskit/popup/popup'; import SectionMessage from '@atlaskit/section-message/message'; import EmptyState from '@atlaskit/empty-state/empty-state';

  If you imported through internal entry-point modules, switch to the public subpath:

  -import Checkbox from '@atlaskit/checkbox/entry-points/checkbox'; +import { Checkbox } from '@atlaskit/checkbox/checkbox';

• Updated dependencies

• Updated dependencies

• 3da013cc133e5, (opens new window) - Internal refactor for safer feature flag usage.

• Updated dependencies

• 3f6f3bd7da074, (opens new window) - Updates usage of the Top Layer primitives to consume changes to animation API.

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• 7793dc62dd564, (opens new window) - Internal refactor of upcoming top-layer usage
• Updated dependencies

• 662546a79c2bc, (opens new window) - Guard the update() call in RepositionOnUpdate so it is only invoked when the Popper render-prop update is a function. On Safari the Popper instance can be undefined when the layout effect fires, which previously threw TypeError: e.update is not a function and left consumers (such as the Jira status transition popup) stuck with an indefinite spinner.

• 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.

• Updated dependencies

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

• 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" - ] - } - },

• 2e61d5c836f8f, (opens new window) - Internal cleanup of open-layer observer registration in the top-layer Popup adapters.

• Updated dependencies

• 032135d12186b, (opens new window) - Top-layer: fix initial focus regressions on the top-layer adapters for @atlaskit/avatar-group and @atlaskit/popup. Behind the platform-dst-top-layer feature gate.

• Updated dependencies

• 2fd74328732bf, (opens new window) - Updated to use new motion in top layer dialog

• Updated dependencies

• 4df99aae5125e, (opens new window) - Fixed remounting of auto placed popups with new motion

• 6d0485dce81c4, (opens new window) - Internal: updated to the new @atlaskit/top-layer Popover/Dialog behaviour where the host element unmounts after the exit animation completes. No consumer action required.
• Updated dependencies

• e5b4070f51a93, (opens new window) - Remove Top Layer compatibility aliases and expose close-event helpers from the dialog and popover entry points.
• Updated dependencies

• 021a645c6f39a, (opens new window) - Update internal top-layer adopter code paths behind platform-dst-top-layer.
• Updated dependencies

• Updated dependencies

• f6ef9f1fc7454, (opens new window) - Add an optional close-event ignore predicate to popup and dropdown menu so consumers can treat external overlays as part of popup interactions.

• ae5198c2f44ed, (opens new window) - Fix @atlaskit/popup containing a portal-rendered child overlay (Drawer, Modal, etc.) now correctly ignores clicks inside that overlay

• cc76d2e733b71, (opens new window) - Updates the top layer popup trigger's aria-expanded attribute, so it stays "true" for the duration of the popup's exit animation, only going false after the animation completes.

• Updated dependencies

• Updated dependencies

• Updated dependencies

• 8e9ab10567283, (opens new window) - When platform-dst-top-layer is enabled, the open layer observer registration now happens inside the Dialog and Popover primitives directly, so popup, modal-dialog, and tooltip no longer register with the open layer observer separately (avoiding double-counting).
  • Dialog registers as type: 'modal', with a no-op onClose, as there is no current use case for programmatic close of modals via the open layer observer.
  • Popover registers as type: 'popup' for interactive overlay roles (dialog, alertdialog, menu, listbox, tree, grid) and omits type for other roles (e.g. tooltip).
  • A new programmatic value has been added to TPopoverCloseReason to distinguish programmatic closes, such as those from the open layer observer's closeLayers() calls.

• Updated dependencies

• cc4a66306965d, (opens new window) - Cleanup feature gate platform_dst_nav4_flyout_menu_slots_close_button. Flyout menu slot subcomponents (header, body, footer) and close button are now permanently enabled.

• Updated dependencies

• 43e486948865a, (opens new window) - When platform-dst-top-layer is enabled, the compositional PopupContent now renders using Popover directly (instead of Popup.Content) so that useAnchorPosition and useWidthFromAnchor hooks can be applied with the correct anchor ref from TriggerRefObjectContext.

  This fixes the popup appearing in the wrong position and having incorrect width/layout relative to its trigger.

  The xcss prop is also now correctly forwarded to the underlying container element.

• Updated dependencies

• 50154b7d33050, (opens new window) - Fixed styling related issues behind the new motion uplift

• 7250582895c0b, (opens new window) - Top-layer adoption work behind the platform-dst-top-layer feature flag. Public adopter APIs are intentionally kept narrow while the top-layer API surface settles, with one exception called out below.

  Highlights:

  • Pass the full [along, away] legacy popper offset through to the new top-layer placement.offset API (via fromLegacyPlacement). Previously only the away axis was forwarded, which dropped the along offset for consumers of Popup, PopupSelect, Spotlight, and Tooltip when platform-dst-top-layer is enabled.
  • Fix broken import of dialogHeight and dialogWidth from the removed utils module in @atlaskit/modal-dialog.

  Public API:

  • @atlaskit/tooltip (minor): add an optional testId?: string field to TriggerProps. This is additive (no existing prop changes shape). Required because @atlaskit/button/new (and other Pressable-backed primitives) overwrite data-testid from spread, so the legacy (triggerProps as any)['data-testid'] workaround is silently absorbed by those consumers. A typed testId field flows through their own testId destructure instead, restoring data-testid propagation onto the rendered trigger element.
  • @atlaskit/popup, @atlaskit/dropdown-menu (patch): no public type changes. Wider aria-haspopup unions that the FF-on path produces are bridged at the package boundary into @atlaskit/top-layer with localised FUDGE(top-layer-api) casts, documented in packages/design-system/top-layer/notes/decisions/migration-roadmap.md ("Open API decisions deferred to a follow-up PR"). They will be widened in a follow-up minor PR once the top-layer API is committed.
  • @atlaskit/modal-dialog, @atlaskit/select, @atlaskit/spotlight (patch/minor): no public type changes; bug fixes only.

  Merge-readiness fixes (FF-on test wiring + adopter behavior):

  • @atlaskit/popup (minor): wire the compositional PopupContent to delegate to PopupContentTopLayer when platform-dst-top-layer is enabled. Previously only the legacy Popup component had the FF branch, leaving consumers of the compositional API on the legacy popper path.
  • @atlaskit/select (minor): add an onClick handler to the PopupSelect top-layer trigger so clicks open/close the menu (mirrors the legacy global click handler in popup-select.tsx). Add explicit Escape handling on the menu's onKeyDown so the menu closes and focus returns to the trigger.
  • @atlaskit/top-layer (patch): the <dialog> rendered by the Dialog primitive now sets aria-modal="true" explicitly. Modern browsers infer modal semantics from .showModal() but some assistive tech still keys off the explicit attribute.
  • @atlaskit/top-layer (patch): guard use-anchor-positioning against environments where ResizeObserver is not defined (e.g. jest's node environment, used by the post-office test suite). The observer is used to wait for the popover's first valid layout before measuring; consumers in non-DOM jest environments now get a no-op observer and the scroll/resize listeners still apply if the host environment polyfills showPopover. Real browsers always have ResizeObserver.
  • @atlaskit/modal-dialog (patch): on the FF-on path, drop the tabIndex={-1} (and unused :focus-visible outline) from the modal content wrapper. The native <dialog>.showModal() focus-delegate algorithm picks the first focusable descendant (including tabindex=-1), and the wrapper was hijacking initial focus from the close button. Also honor shouldReturnFocus={ref} on the FF-on path (an unmount-cleanup focuses the ref after dialog.close() so it overrides the browser's automatic return-to-trigger). Boolean shouldReturnFocus={false} is not yet honored on the FF-on path — see top-layer/notes/merge-blockers.md.
  • @atlaskit/datetime-picker (patch): on the FF-on path, set mode="manual" on the Popup.Content rendered by both internal/menu-top-layer.tsx (date-picker calendar) and internal/fixed-layer-menu-top-layer.tsx (time-picker menu). With the default mode="auto", the same click event that opens the menu (which targets the react-select combobox input — outside the popover element) bubbles to the browser's native popover light-dismiss handler and immediately closes the menu. react-select / DateTimePicker already own outside-click and Esc dismissal via their own state, so opting out of the native auto-dismiss is the correct integration. Also extend the existing Esc → trigger-focus restoration in components/date-picker.tsx to the FF-on path (manual mode disables the browser's built-in focus return, and the legacy code path was already handling this for itself behind an FF negation).
  • @atlaskit/popup (no public API change): no source changes — only FF-on Playwright spec/example fixes drove the suite from 21/3/2 to 27/0/0. Notable: the two test.fixme'd nested-popover cases were not browser limitations; popover="auto" chains correctly via DOM ancestry (the original fixmes had the wrong testId selector). Added testId props to two examples (16-popup-with-a11y-props, 18-should-fit-container) so default-shape tests can reach the trigger.
  • Test alignment for FF-on Playwright suites across popup, select, datetime-picker, inline-dialog, inline-message, and modal-dialog: selector updates to match the new top-layer testId convention (${testId}--content, [role="dialog"][aria-label="calendar"]), per-spec skipAxeCheck() for example-level color-contrast violations unrelated to the migration, and focus assertions adjusted to match native <dialog> / Popup.Content auto-focus semantics (focus lands on the first focusable child, not the dialog container itself).
  • @atlassian/capacity-planning-capacity-graph, @atlaskit/color-picker, @atlassian/timeline-table, @atlassian/global-side-navigation (patch): scope fg mocks in unit tests so platform-dst-top-layer returns false. JSDOM does not implement the native Popover API (showPopover/hidePopover/toggle events), so leaving the gate ON in unit tests caused popover content to remain in the DOM after close and broke close-behaviour assertions. Browser coverage for the FF-on path is provided by the Playwright suites listed above.
  • @atlaskit/dropdown-menu (no public API change): test/example-only fixes for the FF-on Playwright suite. Added role="menuitem" to the nested-trigger ButtonItem in examples/93-testing-nested-keyboard-navigation-top-layer.tsx to satisfy axe's aria-required-children rule on the parent menu. Added a test.beforeEach(skipAxeCheck) to dropdown-menu.spec.tsx (FF-on suite) for example-level color-contrast violations on the pre-existing color.text.selected/color.background.selected token pair (3.91:1). Replaced a deadlocking await expect(moveItem).not.toBeFocused() pre-open assertion (Playwright's auto-wait blocks 5s on the absent element) with await expect(moveItem).not.toBeVisible(). Suite result: 22/22 passing.

• Updated dependencies

• 2bed6255731de, (opens new window) - Top-layer adoption work behind the platform-dst-top-layer feature flag. Public adopter APIs are intentionally kept narrow while the top-layer API surface settles, with one exception called out below.

  Highlights:

  • Pass the full [along, away] legacy popper offset through to the new top-layer placement.offset API (via fromLegacyPlacement). Previously only the away axis was forwarded, which dropped the along offset for consumers of Popup, PopupSelect, Spotlight, and Tooltip when platform-dst-top-layer is enabled.
  • Fix broken import of dialogHeight and dialogWidth from the removed utils module in @atlaskit/modal-dialog.

  Public API:

  • @atlaskit/tooltip (minor): add an optional testId?: string field to TriggerProps. This is additive (no existing prop changes shape). Required because @atlaskit/button/new (and other Pressable-backed primitives) overwrite data-testid from spread, so the legacy (triggerProps as any)['data-testid'] workaround is silently absorbed by those consumers. A typed testId field flows through their own testId destructure instead, restoring data-testid propagation onto the rendered trigger element.
  • @atlaskit/popup, @atlaskit/dropdown-menu (patch): no public type changes. Wider aria-haspopup unions that the FF-on path produces are bridged at the package boundary into @atlaskit/top-layer with localised FUDGE(top-layer-api) casts, documented in packages/design-system/top-layer/notes/decisions/migration-roadmap.md ("Open API decisions deferred to a follow-up PR"). They will be widened in a follow-up minor PR once the top-layer API is committed.
  • @atlaskit/modal-dialog, @atlaskit/select, @atlaskit/spotlight (patch/minor): no public type changes; bug fixes only.

  Merge-readiness fixes (FF-on test wiring + adopter behavior):

  • @atlaskit/popup (minor): wire the compositional PopupContent to delegate to PopupContentTopLayer when platform-dst-top-layer is enabled. Previously only the legacy Popup component had the FF branch, leaving consumers of the compositional API on the legacy popper path.
  • @atlaskit/select (minor): add an onClick handler to the PopupSelect top-layer trigger so clicks open/close the menu (mirrors the legacy global click handler in popup-select.tsx). Add explicit Escape handling on the menu's onKeyDown so the menu closes and focus returns to the trigger.
  • @atlaskit/top-layer (patch): the <dialog> rendered by the Dialog primitive now sets aria-modal="true" explicitly. Modern browsers infer modal semantics from .showModal() but some assistive tech still keys off the explicit attribute.
  • @atlaskit/top-layer (patch): guard use-anchor-positioning against environments where ResizeObserver is not defined (e.g. jest's node environment, used by the post-office test suite). The observer is used to wait for the popover's first valid layout before measuring; consumers in non-DOM jest environments now get a no-op observer and the scroll/resize listeners still apply if the host environment polyfills showPopover. Real browsers always have ResizeObserver.
  • @atlaskit/modal-dialog (patch): on the FF-on path, drop the tabIndex={-1} (and unused :focus-visible outline) from the modal content wrapper. The native <dialog>.showModal() focus-delegate algorithm picks the first focusable descendant (including tabindex=-1), and the wrapper was hijacking initial focus from the close button. Also honor shouldReturnFocus={ref} on the FF-on path (an unmount-cleanup focuses the ref after dialog.close() so it overrides the browser's automatic return-to-trigger). Boolean shouldReturnFocus={false} is not yet honored on the FF-on path — see top-layer/notes/merge-blockers.md.
  • @atlaskit/datetime-picker (patch): on the FF-on path, set mode="manual" on the Popup.Content rendered by both internal/menu-top-layer.tsx (date-picker calendar) and internal/fixed-layer-menu-top-layer.tsx (time-picker menu). With the default mode="auto", the same click event that opens the menu (which targets the react-select combobox input — outside the popover element) bubbles to the browser's native popover light-dismiss handler and immediately closes the menu. react-select / DateTimePicker already own outside-click and Esc dismissal via their own state, so opting out of the native auto-dismiss is the correct integration. Also extend the existing Esc → trigger-focus restoration in components/date-picker.tsx to the FF-on path (manual mode disables the browser's built-in focus return, and the legacy code path was already handling this for itself behind an FF negation).
  • @atlaskit/popup (no public API change): no source changes — only FF-on Playwright spec/example fixes drove the suite from 21/3/2 to 27/0/0. Notable: the two test.fixme'd nested-popover cases were not browser limitations; popover="auto" chains correctly via DOM ancestry (the original fixmes had the wrong testId selector). Added testId props to two examples (16-popup-with-a11y-props, 18-should-fit-container) so default-shape tests can reach the trigger.
  • Test alignment for FF-on Playwright suites across popup, select, datetime-picker, inline-dialog, inline-message, and modal-dialog: selector updates to match the new top-layer testId convention (${testId}--content, [role="dialog"][aria-label="calendar"]), per-spec skipAxeCheck() for example-level color-contrast violations unrelated to the migration, and focus assertions adjusted to match native <dialog> / Popup.Content auto-focus semantics (focus lands on the first focusable child, not the dialog container itself).
  • @atlassian/capacity-planning-capacity-graph, @atlaskit/color-picker, @atlassian/timeline-table, @atlassian/global-side-navigation (patch): scope fg mocks in unit tests so platform-dst-top-layer returns false. JSDOM does not implement the native Popover API (showPopover/hidePopover/toggle events), so leaving the gate ON in unit tests caused popover content to remain in the DOM after close and broke close-behaviour assertions. Browser coverage for the FF-on path is provided by the Playwright suites listed above.
  • @atlaskit/dropdown-menu (no public API change): test/example-only fixes for the FF-on Playwright suite. Added role="menuitem" to the nested-trigger ButtonItem in examples/93-testing-nested-keyboard-navigation-top-layer.tsx to satisfy axe's aria-required-children rule on the parent menu. Added a test.beforeEach(skipAxeCheck) to dropdown-menu.spec.tsx (FF-on suite) for example-level color-contrast violations on the pre-existing color.text.selected/color.background.selected token pair (3.91:1). Replaced a deadlocking await expect(moveItem).not.toBeFocused() pre-open assertion (Playwright's auto-wait blocks 5s on the absent element) with await expect(moveItem).not.toBeVisible(). Suite result: 22/22 passing.

• 1f9114700d351, (opens new window) - Moved new motion changes from platform-dst-motion-uplift feature gate to platform-dst-motion-uplift-popup
• Updated dependencies

• 436b89822a386, (opens new window) - Autofix: add explicit package exports (barrel removal)

• Updated dependencies

• Updated dependencies

• Updated dependencies

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

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

• 08170da1fbf62, (opens new window) - Migrate spacing prop usages on icons to Flex wrapper
• Updated dependencies

• 21bf94c1c7dee, (opens new window) - Fixed issue where full width was not working with new motion updates

• 18245cbd990e3, (opens new window) - [ux] Added motion on open and close of Popup behind fg platform-dst-motion-uplift

• Updated dependencies

• 12424cd3197be, (opens new window) - Cleans up the platform_dst_nav4_flyoutmenuitem_render_to_parent feature gate. Flyout menu item popups now always use shouldRenderToParent and are not rendered in a portal.

• Updated dependencies

• 77f2151e059b7, (opens new window) - Ensure focus returns to nested dropdown trigger instead of popup trigger when ESCAPE is used to dismiss the dropdown.

• Updated dependencies

• Updated dependencies

• dd02781bfb92f, (opens new window) - Increases the height of the popup on viewports with appearance UNSAFE_modal-below-sm, i.e. viewports below "sm" (mobile) from 50vh to 100vh. This change is behind the platform_dst_nav4_flyout_menu_slots_close_button feature gate.

• 2f8e40fb0a94f, (opens new window) - Popups using shouldFitViewport will now be scrollable even if they are rendered to parent using shouldRenderToParent. Previously, only popups rendered in portals would be scrollable.

  This change is behind the feature gate platform_dst_nav4_flyoutmenuitem_render_to_parent.

• Updated dependencies

• 6f95ec25daa67, (opens new window) - Fixes to accessibility issues for the flyout menu.

  This includes changing the aria-haspopup value from "true" to "dialog", setting the role of the popup container to "dialog", adding an aria-labelledby to the popup container to reference the id of the title in the header slot, and ensuring that escape dismisses the dialog and places focus back on the trigger.

• e1393235a54cb, (opens new window) - Popup now specifies the layer type 'popup' to the open layer observer.

• Updated dependencies

• a910081d920cc, (opens new window) - Adds a header (with a close button), body, and footer as slot subcomponents of flyout menu item content, and adjusts for body scrolling

• e095aea1aef52, (opens new window) - Remove broken iframe logic

• Updated dependencies

• 70f2d1e65958d, (opens new window) - Clean up flag.

• 51e544e9024d4, (opens new window) - Fixes a bug with compositional popups where focus was not being returned to the trigger when the popup is closed. This was occurring in React 18 Strict Mode.

  This change was previously behind the feature gate platform-dst-popup-compositional-trigger-ref, which has now been removed.

• Updated dependencies

• b867e641d818d, (opens new window) - Updated border radius values behind a feature gate platform-dst-shape-theme-default.

• a60a82196851a, (opens new window) - Internal refactors to remove unused variables. No functional or public changes.
• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• a0bb84bfd5321, (opens new window) - Updated JSDocs for the setInitialFocusRef property.

• bfdf7891c505f, (opens new window) - Fixes a bug with the compositional popup where focus was not being returned to the trigger when the popup is closed. This was occurring in React 18 Strict Mode.

  The regular popup was already using this fix behind the platform-design-system-popup-ref feature gate.

  This change to compositional popup is behind the feature gate platform-dst-popup-compositional-trigger-ref.

• 0e417a8c4a92e, (opens new window) - Popup will now stay open when a click starts inside the popup but then moves outside the popup. The onClose callback will not be called in this case. This aligns it with the behaviour of Modal Dialog.

  This change was previously behind a feature flag, which has now been removed.

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

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

• 248faa32d4835, (opens new window) - Internal changes to how borders are applied.
• Updated dependencies

• 02c6e19e8ac81, (opens new window) - Popup will now stay open when a click starts inside the popup but then moves outside the popup. The onClose callback will not be called in this case. This aligns it with the behaviour of Modal Dialog.

  This change is behind a feature flag.

• f0662cd7a143e, (opens new window) - Internal changes to how borders are applied.
• Updated dependencies

• 20056074447a2, (opens new window) - Switch to more semantically accurate label prop in internal radio and radio group instances.
• Updated dependencies

• Updated dependencies

• Updated dependencies

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

• de6195f7484ce, (opens new window) - Update prop descriptions to reduce confusion

• 31c57f650ba07, (opens new window) - Improving tests for server side rendering and hydration
• Updated dependencies

• 87980402df1c7, (opens new window) - Adds props descriptions for TriggerProps type.
• Updated dependencies

• Updated dependencies

• Updated dependencies

• #188521, (opens new window) 3ffa5eae8fa80, (opens new window) - Internal refactoring of tests.

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• #160438, (opens new window) b68b92230b3a3, (opens new window) - Pass isReferenceHidden prop from the Popper component to the Popup to allow Popup to determine if it's trigger is hidden.

• #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.

• #142168, (opens new window) 92095a01848e7, (opens new window) - The bounded style overrides prop (xcss) now supports logical longhand properties for padding.

• #137034, (opens new window) a832dd489aab3, (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.

  • Added a className prop for applying a focus ring to the custom popup container (Currently controlled by the feature flag platform-design-system-apply-popup-wrapper-focus). See usage example here, (opens new window).

  Please note, in order to use this version of @atlaskit/popup, 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).

• Updated dependencies

• #134955, (opens new window) ba294ad0536de, (opens new window) - An onClose listener is being provided to the experimental open layer observer.
• Updated dependencies

• #127309, (opens new window) 42392c8a66f3d, (opens new window) - The onClose prop type has been updated, to make the first argument nullable. This argument is for the corresponding event that led to the callback being called.

  This is to support programatically closing the popup.

  Previously, the type of onClose was:

  onClose?( event: Event | React.MouseEvent | React.KeyboardEvent, currentLevel?: number | any, ): void;

  It is now:

  onClose?( event: Event | React.MouseEvent | React.KeyboardEvent | null, currentLevel?: number | any, ): void;

  When the popup is closed programatically, the event argument will be null.

• Updated dependencies

• #127093, (opens new window) 1378ea7a99ce1, (opens new window) - Upgrades jscodeshift to handle generics properly.
• Updated dependencies

• #129972, (opens new window) b2d69a39e6687, (opens new window) - Update @compiled/react dependency for improved type checking support.
• Updated dependencies

• Updated dependencies

• #121410, (opens new window) b26d53ac2517a, (opens new window) - Prevent onClick handler gets called when popup is open on Firefox

• #118418, (opens new window) d2e804df6bf9c, (opens new window) - Update dependencies and remove old codemod and unused internal exports.

• #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)

• Updated dependencies

• #116138, (opens new window) b50c5d5d65ae2, (opens new window) - Bump to the latest version of @compiled/react

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

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

• Updated dependencies

• #103999, (opens new window) 9f62ecec4d422, (opens new window) - Update dependencies.

• #103594, (opens new window) 7b1a8574e9c29, (opens new window) - Fix or temporarily ignore TypeScript errors that occur in internal React 18 suites.

• Updated dependencies

• #181817, (opens new window) 6876e5688ed14, (opens new window) - Dropdown open in iframe should be closed when clicking outside of the iframe

• #180699, (opens new window) ba9603c950de1, (opens new window) - Clicking outside should close all popups

• Updated dependencies

• #171499, (opens new window) 397ca651978da, (opens new window) - Adds shouldDisableGpuAcceleration prop to composable PopupContent API. This prop will configure popper.js to position the popup using only position properties, without any transform usage. This should not be used in most cases, but is needed for some layering issues.

• Updated dependencies

• Updated dependencies

• #165531, (opens new window) 57f451bda8919, (opens new window) - Adds side-effect config to support Compiled css extraction in third-party apps

• Updated dependencies

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

• Updated dependencies

• #154669, (opens new window) 20db78434becd, (opens new window) - Bump to the latest version of @compiled/*

• Updated dependencies

• Updated dependencies

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

• Updated dependencies

• Updated dependencies

• #148281, (opens new window) 3c4de48168ffe, (opens new window) - Update the import path of useId* from @atlaskit/ds-lib
• Updated dependencies

• #147187, (opens new window) f3fc0c5bb919d, (opens new window) - Adds usage of the useNotifyLayerObserver hook from the layering package. The hook is behind a feature flag.

• Updated dependencies

• Updated dependencies

• #144902, (opens new window) 16cce78563062, (opens new window) - Fixes a bug that caused the trigger to lose the ability to have focus after closing a dropdown menu using the Escape key inside the popup content.

• #143323, (opens new window) 4fdf6347eb506, (opens new window) - Popup and compositional popup now take an xcss prop that can adjust the popup contents padding and width.
• #143323, (opens new window) 4fdf6347eb506, (opens new window) - Popup and compositional popup now have a new appearance prop. Pass it "modal" to enable the popup to appear as a modal on small viewports.

• Updated dependencies

• #142538, (opens new window) 3979d0196514a, (opens new window) - [ux] We are testing focus ring for popup wrapper onKeyDown. Changes are implemented behind feature flag. If this fix is successful, it will be available in a later release.

• #138688, (opens new window) 961d97994618c, (opens new window) - Adds shouldFitViewport prop which will apply max-width and max-height to contain the popper/popup within the viewport.

• #138585, (opens new window) b72c2c7f9a2fd, (opens new window) - Support to close all layers when clicking outside under feature flag
• Updated dependencies

• #136611, (opens new window) 9755fb019113f, (opens new window) - Clean up emotion Globals usage

• #135608, (opens new window) 7498a45496f8a, (opens new window) - Update to remove react-uid

• #124840, (opens new window) 2e4f70b9a71fa, (opens new window) - Fix to set ref for trigger in React 18 Strict mode behind feature flag

• #134766, (opens new window) 56e1c0d98f0c2, (opens new window) - Fixed unnecessary closing of modal dialogs that opened from a popup.

• #133686, (opens new window) 462353527b0db, (opens new window) - Expose shouldReturnFocus on Popup component to allow consumers to prevent trigger refocusing on popup close

• #128022, (opens new window) 1495b8f9c9253, (opens new window) - [ux] We are testing new focus behavior in non-dialog popup instances behind a feature flag. With that in place, all popup instances that don't have role="dialog" applied will have focus traps disabled by default. If this fix is successful, it will be available in a later release.

• Updated dependencies

• 49e0363439f7c, (opens new window) - [ux] Content inside of a Popup will now always have it's text color reset to color.text. Previously, the text color of Popup content would be color.text if rendering into a portal, (opens new window) shouldRenderToParent={true} or shouldFitContainer={true}, but otherwise would inherit the text color of the parent element. We have made this change to improve consistency and avoid surprises when working with Popup.

• #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.

• Updated dependencies

• Updated dependencies

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

• Updated dependencies

• #123803, (opens new window) 741dadf4fa8f9, (opens new window) - Added modifiers prop to the popup

• #122722, (opens new window) 512798d699bd1, (opens new window) - Disable onClick event if popup is a disabled layer

• Updated dependencies

• #116426, (opens new window) d6c9799d09e87, (opens new window) - Updates compositional popup to take an optional prop for the popup content to expand to the full width of the parent container

• Updated dependencies

• Updated dependencies

• #114683, (opens new window) ff0815316ab38, (opens new window) - Removes usage of custom theme button in places where its API is not being used and the default button is able to be used instead. This should give a slight performance (runtime) improvement.

• Updated dependencies

• #110836, (opens new window) a8bd419fd70b9, (opens new window) - Explicitly set jsxRuntime to classic via pragma comments in order to avoid issues where jsxRuntime is implicitly set to automatic.

• Updated dependencies

• #111709, (opens new window) 2f3d71601a7c2, (opens new window) - [ux] Adds a new optional shouldFitContainer prop, which when set to true, will fit the popup width to its parent's width.

• Updated dependencies

• Updated dependencies

• #97895, (opens new window) 4f26610d9fbc, (opens new window) - Adds auto-generated ID to popup and popup triggers for better coverage of assistive technologies and aria-controls..

• #91673, (opens new window) e757c83a22ee, (opens new window) - Add new props for improving accessibility: role, label and titleId.

• #95249, (opens new window) 039491355ada, (opens new window) - Adds new entry points for an alternate experimental Popup API using composable components. The new exports are prefixed with UNSAFE should only be used after agreement with the Design System team.

• Updated dependencies

• #93705, (opens new window) e0da49f51c4b, (opens new window) - Add support for React 18 in non-strict mode.

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

• #84410, (opens new window) 9d5dc8f7de85, (opens new window) - Adds a new strategy prop to control the positioning strategy to use other than the default 'fixed' position.

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

• #80085, (opens new window) 7febfed958dd, (opens new window) - Update usage of React.FC to explicity include children

• #70573, (opens new window) c8fa9cdd08e4, (opens new window) - Accessibility changes. Add a new optional prop shouldDisableFocusLock. We are testing the ability to close the popup by pressing the Tab key when shouldDisableFocusLock is true and shouldRenderToParent is true behind a feature flag. This is necessary for the dropdown menu to work correctly. If this fix is successful it will be available in a later release.

• #70664, (opens new window) 776e5ba8fc41, (opens new window) - Enable layering in popup and dropdown to support nested navigation

• #67435, (opens new window) 7949bd7f5cb6, (opens new window) - Support to disable pointer-events on iframe when popup is open to fix issue of clicking on iframe won't close popup

• #40944, (opens new window) c6b7d977655, (opens new window) - Memoize the Popup Trigger's ref to avoid unnecessary renders.

• #42577, (opens new window) d51b45b02fb, (opens new window) - Add component to push model consumption in JFE

• #42594, (opens new window) 07781d6d786, (opens new window) - Removes feature flag implemented in 1.11.0. Does not implement proposed functionality behind the feature flag.

• #41628, (opens new window) b05664f7aba, (opens new window) - Use feature flag to toggle if we enable UNSAFE_LAYERING

• #41322, (opens new window) f54519b315c, (opens new window) - This removes the error in console when passing shouldRenderToParent prop.

• #41251, (opens new window) b0a2a8d78c6, (opens new window) - [ux] We are testing removing the focus-trap package for a smaller sharper implementation of focus management behind a feature flag. If this fix is successful it will be available in a later release.

• #41354, (opens new window) d621fe3e4f8, (opens new window) - fix ReferenceError where frameId is used before it is initialised

• #40515, (opens new window) a54578d2ea9, (opens new window) - This removes the feature flag for the shouldRenderToParent prop. The prop is available for use.

• #39726, (opens new window) f355884a4aa, (opens new window) - [ux] Support to press escape key and only close the top layer

• Updated dependencies

• #39278, (opens new window) 84442a93613, (opens new window) - Adds support for surface detection when using design tokens. Enabling children to be styled with the surface color of the popup when using the utility.elevation.surface.current design token.
• Updated dependencies

• #38011, (opens new window) 065da872439, (opens new window) - Css changes for testing the feature flag platform.design-system-team.render-popup-in-parent_f73ij.

• #37614, (opens new window) 6a0a3c059ba, (opens new window) - Remove unused argument from internal focus management function.

• #34797, (opens new window) 3920dcfd848, (opens new window) - This removes the feature flag made for upgrading the focus-trap dependency and keeps focus-trap at it's original version.

• #36754, (opens new window) 4ae083a7e66, (opens new window) - Use @af/accessibility-testing for default jest-axe config and jest-axe import in accessibility testing.

• #36447, (opens new window) 472a62ce219, (opens new window) - [ux] Fixes autoFocus functionality on upgrade of focus-trap to v7.

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

• ac5a05f5929, (opens new window) - We are testing an upgrade to the focus-trap dependency behind a feature flag. If this fix is successful it will be available in a later release.

• #35092, (opens new window) eca89633804, (opens new window) - Add a new prop shouldRenderToParent to allow render popup into a DOM node within the parent DOM hierarchy instead of React portal.

• #35299, (opens new window) e2a6337bb05, (opens new window) - Reverts changes 1.6.3 in @atlaskit/popup, reverts disabling pointer events on iframes when popup is open.

• #34314, (opens new window) c394dbc632f, (opens new window) - Addresses the problem where the popup fails to close upon clicking on the iframe

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

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

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

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• #26303, (opens new window) 9827dcb82b8, (opens new window) - No-op change to introduce spacing tokens to design system components.

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

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

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

• #23381, (opens new window) 01d80d395bc, (opens new window) - pass event to onOpenChange consistently

• 8202e37941b, (opens new window) - Internal code change turning on new linting rules.
• Updated dependencies

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

• #21570, (opens new window) dcf8150c49c, (opens new window) - Allow trigger props to be applied to any HTML element tag without causing type errors for the ref type

• Updated dependencies

• #21242, (opens new window) 2e7bbdfd813, (opens new window) - Upgrading internal dependency 'bind-event-listener' to 2.1.0 for improved types

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

• Updated dependencies

• Updated dependencies

• Updated dependencies

• #16752, (opens new window) 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

• Updated dependencies

• #17576, (opens new window) 2e42aa0d900, (opens new window) - Note: It is a re-release of the wrongly patched version 1.1.6 that should have been a minor release.

  Expose fallbackPlacement modifier from to specify a list of fallback options to try incase there isn't enough space

• Updated dependencies

• #16960, (opens new window) c2dd770a743, (opens new window) - Add new prop which controls is outside click should be bound using capture

WRONG RELEASE TYPE - DON'T USE

• #15998, (opens new window) f142150a3e8, (opens new window) - Expose fallbackPlacement modifier from to specify a list of fallback options to try incase there isn't enough space

• 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

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• #12837, (opens new window) 04cf9c3d28c, (opens new window) - [ux] Colors now sourced from tokens.

• Updated dependencies

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

• #12167, (opens new window) d6f7ff383cf, (opens new window) - Updates to development dependency storybook-addon-performance

• #6930, (opens new window) 1858f20ac3, (opens new window) - Optimised popup performance as part of the lite-mode project. Changes are internal and have no implications for component API or usage.

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

• #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.

• Updated dependencies

• #4346, (opens new window) fc8f6e61f3, (opens new window) - Fix codemod utilities being exposed through the codemod cli

• #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.

• #3823, (opens new window) 740e011f8d, (opens new window) - This first major release of popup brings in major changes from @atlaskit/popper. These changes come with performance, maintainability and behavioral improvements.

  As popup wraps popper's functionality, these changes result in a breaking change for popup as well.

  These changes have ⚙️ codemod support:

  • ⚙️ offset is no longer a string, but an array of two integers (i.e. '0px 8px' is now [0, 8])

  • ⚙️ boundariesElement has been replaced with two props: boundary and rootBoundary. The three supported values from the boundariesElement prop have been split between the two as follows:

    • boundariesElement = "scrollParents" has been renamed: use boundary = "clippingParents".
    • boundariesElement = "window" has been renamed: use rootBoundary = "document", and acts in a similar fashion.
    • boundariesElement = "viewport" has been moved: use rootBoundary = "document".
    • ✨new the boundary prop now supports custom elements.

  • Components passed into the content have a change to render props:

    • ⚙️ scheduleUpdate, for async updates, has been renamed to update, and now returns a Promise.

  • For more information on the change, see the popper.js docs, (opens new window)

  Running the codemod cli

  To run the codemod: You first need to have the latest version of popup installed before you can run the codemod

  yarn upgrade @atlaskit/popup@^1.0.0

  Once upgraded, use the Atlaskit codemod-cli;

  npx @atlaskit/codemod-cli --parser [PARSER] --extensions [FILE_EXTENSIONS] [TARGET_PATH]

  Or run npx @atlaskit/codemod-cli -h for more details on usage. For Atlassians, refer to this doc, (opens new window) for more details on the codemod CLI.

• Updated dependencies

• #4329, (opens new window) 8dd80245bb, (opens new window) - Remove unnecessary code for IE11.

• #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)

• Updated dependencies

• #3289, (opens new window) ebcb467688, (opens new window) - Add a new prop autoFocus to allow consumers to control whether the Popup takes focus when opened

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

• #2430, (opens new window) 649f69b6d7, (opens new window) - Patch all packages that are used by confluence that have a broken es2019 dist

• #2186, (opens new window) f4d4de67e4, (opens new window) - Prevent closing of popup when clicked element (which is inside content) is removed from the DOM

• #2060, (opens new window) ead13374cf, (opens new window) - BREAKING: Removes tag prop and unneeded wrapping element around the trigger.

• [patch]a12ea387f1, (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 57c0487a02, (opens new window):

• Updated dependencies 1e7e54c20e, (opens new window):

  • @atlaskit/popper@3.1.12
  • @atlaskit/button@13.3.11
  • @atlaskit/icon@20.1.1
  • @atlaskit/menu@0.4.1

• Updated dependencies 7e408e4037, (opens new window):
• Updated dependencies 603413f530, (opens new window):
• Updated dependencies 6453c8de48, (opens new window):
• Updated dependencies 168b5f90e5, (opens new window):
• Updated dependencies e4dde0ad13, (opens new window):
• Updated dependencies 41760ea4a6, (opens new window):
• Updated dependencies 0c270847cb, (opens new window):
• Updated dependencies 971e294b1e, (opens new window):
• Updated dependencies 684ee794d6, (opens new window):
• Updated dependencies 109004a98e, (opens new window):
• Updated dependencies b9903e773a, (opens new window):
• Updated dependencies 286770886d, (opens new window):
• Updated dependencies 2c1b78027c, (opens new window):
• Updated dependencies fb3ca3a3b2, (opens new window):
  • @atlaskit/menu@0.4.0
  • @atlaskit/portal@3.1.7
  • @atlaskit/docs@8.5.1
  • @atlaskit/theme@9.5.3
  • @atlaskit/button@13.3.10

• Updated dependencies 66dcced7a0, (opens new window):
• Updated dependencies fd5292fd5a, (opens new window):
• Updated dependencies fd5292fd5a, (opens new window):
• Updated dependencies eea5e9bd8c, (opens new window):
• Updated dependencies 7a6e5f6e3d, (opens new window):
• Updated dependencies fd5292fd5a, (opens new window):
  • @atlaskit/docs@8.4.0
  • @atlaskit/icon@20.1.0
  • @atlaskit/menu@0.3.0
  • @atlaskit/button@13.3.9
  • @atlaskit/radio@3.1.11
  • @atlaskit/spinner@12.1.6

• [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/button@13.3.7
  • @atlaskit/icon@20.0.1
  • @atlaskit/menu@0.2.6
  • @atlaskit/popper@3.1.11
  • @atlaskit/portal@3.1.6
  • @atlaskit/radio@3.1.9
  • @atlaskit/spinner@12.1.4
  • @atlaskit/theme@9.5.1

• [patch]afc9384399, (opens new window):

  Adds tag prop, use this for changing (or removing with a Fragment) the wrapping element around the trigger.- Updated dependencies 671de2d063, (opens new window):

• Updated dependencies 77ffd08ea0, (opens new window):

• Updated dependencies 0ae6ce5d46, (opens new window):

  • @atlaskit/popper@3.1.10
  • @atlaskit/menu@0.2.5

• [minor]0946fdd319, (opens new window):
  • BREAKING - Changes content prop to expect render props instead of a component. This is primarily to stop your components remounting when not having a stable reference.

• [patch]eb1ecc219a, (opens new window):

  Fix issue where stopping event propagation would still close a popup

• [patch]f534973bd4, (opens new window):

  Fix a bug causing the page to scroll to top when a popup is opened- Updated dependencies 82747f2922, (opens new window):

• Updated dependencies 4a223473c5, (opens new window):

  • @atlaskit/theme@9.5.0
  • @atlaskit/button@13.3.5
  • @atlaskit/popper@3.1.9
  • @atlaskit/portal@3.1.4
  • @atlaskit/radio@3.1.6
  • @atlaskit/spinner@12.1.3

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

  Updates react-popper dependency to a safe version.- Updated dependencies 24865cfaff, (opens new window):

• Updated dependencies 24865cfaff, (opens new window):

  • @atlaskit/radio@3.1.5
  • @atlaskit/popper@3.1.8

• [patch]d0415ae306, (opens new window):

  Popup now uses the correct e200 shadow

• [patch]542080be8a, (opens new window):

  Bumped react-popper and resolved infinite looping refs issue, and fixed close-on-outside-click for @atlaskit/popup- [patch]995c1f6fd6, (opens new window):

  Popup close on outside click no longer fires when clicking on content within the popup that re-renders

• [patch]3cad6b0118, (opens new window):

  Exposed offset prop for popper allowing positioning of popups relative to the trigger. Added example for double pop-up pattern

• [patch]f86839ca4e, (opens new window):

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

• [minor]6e0bcc75ac, (opens new window):
  • Adds the ability to render class components as children of Popup.
  • Removes redundatnt onOpen callback prop for Popup

• [patch]93fe1d6f0d, (opens new window):

  Fix issue where popup content is rendered infinitely

• [patch]c0a6abed47, (opens new window):

  Add onOpen and re-render unit tests

• [patch]28e9c65acd, (opens new window):
  • Add multiple popups example
  • Add unit tests
  • Add useCloseManager
  • Fix bug that did not call onClose on open popups
  • Move RepositionOnUpdate to a separate file
  • Remove scroll lock and corresponding example
  • Remove requestAnimationFrame usage
  • Replace @emotion/styled with @emotion/core

• [patch]242dd7a06d, (opens new window):

  Expose additional types

• [patch]583a9873ef, (opens new window):

  Provided better description for popup types

• [minor]f1a3548732, (opens new window):

  Introduce new package for the lightweight inline-dialog to be used in @atlaskit/app-navigation. The package will stay internal for now until more hardening is done, but releasing first minor to unblock navigation work.