Inline dialog

An inline dialog is a pop-up container for small amounts of information. It can also contain controls.

Caution

We are planning on deprecating Inline dialog. We recommend using the Popup component instead.

View Popup documentation

20.3.7

Patch Changes

20.3.6

Patch Changes

  • f2a3deeedfd75, (opens new window) - On the top-layer path (platform-dst-top-layer), apply popup ARIA attributes when the trigger is a button or contains exactly one button. Skip the attributes when there are no buttons or multiple buttons.

20.3.5

Patch Changes

  • Updated dependencies

20.3.4

Patch Changes

  • Updated dependencies

20.3.3

Patch Changes

  • Updated dependencies

20.3.2

Patch Changes

  • Updated dependencies

20.3.1

Patch Changes

  • a7ec100f7d560, (opens new window) - The top-layer code path now uses @atlaskit/top-layer's useAnchoredPopover, so these popovers are capped to the viewport and one too wide for the space beside its trigger moves to a roomier side rather than wrapping into it. No public API change. Behind the platform-dst-top-layer gate (platform-dst-top-layer-tooltip for @atlaskit/tooltip, platform-dst-top-layer-spotlight for @atlaskit/spotlight); legacy (flag-off) behaviour is unchanged.
  • Updated dependencies

20.3.0

Minor Changes

Patch Changes

  • Updated dependencies

20.2.1

Patch Changes

  • 3fe62800cf49a, (opens new window) - Experimental React 19 support: widen the peer dependency range and fix the placement example's missing React key. Test coverage remains partial.
  • Updated dependencies

20.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.json exports subpaths so that consumers can import directly from the leaf module (e.g. @atlaskit/pkg/thing) instead of the package barrel/index. This adds new public entry points without changing or removing any existing exports, so it is a backwards-compatible additive change.

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

Patch Changes

  • Updated dependencies

20.1.0

Minor Changes

Patch Changes

  • Updated dependencies

20.0.1

Patch Changes

  • Updated dependencies

20.0.0

Major Changes

  • f0bf5f838abd5, (opens new window) - Apply Volt entry-point and barrel-removal standards across these packages. Public exports now 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

19.2.2

Patch Changes

  • Updated dependencies

19.2.1

Patch Changes

  • Updated dependencies

19.2.0

Minor Changes

Patch Changes

  • Updated dependencies

19.1.3

Patch Changes

  • Updated dependencies

19.1.2

Patch Changes

  • Updated dependencies

19.1.1

Patch Changes

19.1.0

Minor Changes

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

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

Patch Changes

  • Updated dependencies

19.0.1

Patch Changes

19.0.0

Major Changes

  • f2dc9097319f0, (opens new window) - ### Dropped support for legacy Typescript 4 types. Typescript 5 is now the new minimum.

    Removes the typesVersions property and dist/types-ts4.5 directory from the dist.

    Types are now exclusively via the "types": "dist/types/index.d.ts" property.

    - "typesVersions": { - ">=4.5 <4.9": { - "*": [ - "dist/types-ts4.5/*", - "dist/types-ts4.5/index.d.ts" - ] - } - },

Patch Changes

  • Updated dependencies

18.1.14

Patch Changes

  • Updated dependencies

18.1.13

Patch Changes

  • Updated dependencies

18.1.12

Patch Changes

  • 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

18.1.11

Patch Changes

18.1.10

Patch Changes

18.1.9

Patch Changes

  • Updated dependencies

18.1.8

Patch Changes

  • Updated dependencies

18.1.7

Patch Changes

  • Updated dependencies

18.1.6

Patch Changes

  • dec4f3444bce8, (opens new window) - Hardens Popup, Popover, and Dialog through stricter typed contracts, focus-management fixes, and clearer entry points.

    • Stricter API contracts. Popup, Popover, and Dialog props are now discriminated unions, so misuse (manual mode with onClose, dialogs without a label, popovers without an accessible name for their role) fails at compile time.
    • Better defaults. Popup's placement prop now defaults to "below trigger, centered, with space.100 gap", removing the awkward placement={{}} boilerplate.
    • Focus-management fixes. Empty/loading dialogs no longer trap Tab on <body>; rapid open/close/open sequences no longer focus a torn-down popover; nested top-layer popovers stay in their own focus scope.
    • Cleaner entry points. createCloseEvent is now available as per-primitive subpaths (@atlaskit/top-layer/dialog/create-close-event and @atlaskit/top-layer/popover/create-close-event); the combined entry point is deprecated. The placement-map entry point now exposes a public LEGACY_PLACEMENTS const for migration consumers.
    • Per-primitive data attributes. Animation hooks now emit data-ds-popover-* for Popover and data-ds-dialog-* for Dialog, preventing cross-primitive selector collisions.
    • Performance and internal correctness. setStyle snapshots and restores prior inline values; CSS-length resolution is memoised and probes inside the popover for correct token scope; placement resolution is stable across renders.
  • Updated dependencies

18.1.5

Patch Changes

  • Updated dependencies

18.1.4

Patch Changes

  • Updated dependencies

18.1.3

Patch Changes

  • Updated dependencies

18.1.2

Patch Changes

  • 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

18.1.1

Patch Changes

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

18.1.0

Minor Changes

18.0.17

Patch Changes

  • Updated dependencies

18.0.16

Patch Changes

  • Updated dependencies

18.0.15

Patch Changes

18.0.14

Patch Changes

18.0.13

Patch Changes

18.0.12

Patch Changes

  • Updated dependencies

18.0.11

Patch Changes

  • Updated dependencies

18.0.10

Patch Changes

18.0.9

Patch Changes

  • Updated dependencies

18.0.8

Patch Changes

  • Updated dependencies

18.0.7

Patch Changes

  • Updated dependencies

18.0.6

Patch Changes

  • Updated dependencies

18.0.5

Patch Changes

18.0.4

Patch Changes

  • Updated dependencies

18.0.3

Patch Changes

18.0.2

Patch Changes

18.0.1

Patch Changes

  • Updated dependencies

18.0.0

Major Changes

  • d636af20c6304, (opens new window) - This replaces react-node-resolver which uses findDOMNode under the hood with a direct ref functionality to pass the first child of an Inline Dialog around for internal use.

    There is some risk to this as while we tested this internally via a feature gate with no issues, this could be breaking in the instance where the children you pass to <InlineDialog /> is either inconsistent, or the first element is not the target we expected.

17.2.9

Patch Changes

17.2.8

Patch Changes

  • Updated dependencies

17.2.7

Patch Changes

17.2.6

Patch Changes

  • Updated dependencies

17.2.5

Patch Changes

  • Updated dependencies

17.2.4

Patch Changes

  • Updated dependencies

17.2.3

Patch Changes

  • Updated dependencies

17.2.2

Patch Changes

  • Updated dependencies

17.2.1

Patch Changes

17.2.0

Minor Changes

Patch Changes

  • Updated dependencies

17.1.0

Minor Changes

17.0.2

Patch Changes

17.0.1

Patch Changes

  • Updated dependencies

17.0.0

Major Changes

Patch Changes

  • Updated dependencies

16.2.0

Minor Changes

Patch Changes

  • Updated dependencies

16.1.3

Patch Changes

  • Updated dependencies

16.1.2

Patch Changes

  • Updated dependencies

16.1.1

Patch Changes

  • Updated dependencies

16.1.0

Minor Changes

Patch Changes

  • Updated dependencies

16.0.3

Patch Changes

16.0.2

Patch Changes

16.0.1

Patch Changes

  • Updated dependencies

16.0.0

Major Changes

  • #174572, (opens new window) a6642c2335879, (opens new window) - Migrated from @emotion/react to @compiled/react in order to improve performance, align with the rest of the Atlaskit techstack, and support React 18 Streaming SSR.

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

15.3.1

Patch Changes

  • Updated dependencies

15.3.0

Minor Changes

Patch Changes

  • Updated dependencies

15.2.3

Patch Changes

  • Updated dependencies

15.2.2

Patch Changes

15.2.1

Patch Changes

15.2.0

Minor Changes

15.1.2

Patch Changes

  • Updated dependencies

15.1.1

Patch Changes

  • Updated dependencies

15.1.0

Minor Changes

15.0.5

Patch Changes

  • Updated dependencies

15.0.4

Patch Changes

  • Updated dependencies

15.0.3

Patch Changes

  • Updated dependencies

15.0.2

Patch Changes

15.0.1

Patch Changes

  • Updated dependencies

15.0.0

Major Changes

14.3.1

Patch Changes

  • Updated dependencies

14.3.0

Minor Changes

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

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

Patch Changes

  • Updated dependencies

14.2.5

Patch Changes

  • Updated dependencies

14.2.4

Patch Changes

14.2.3

Patch Changes

14.2.2

Patch Changes

  • Updated dependencies

14.2.1

Patch Changes

14.2.0

Minor Changes

Patch Changes

  • Updated dependencies

14.1.2

Patch Changes

14.1.1

Patch Changes

  • Updated dependencies

14.1.0

Minor Changes

14.0.4

Patch Changes

14.0.3

Patch Changes

14.0.2

Patch Changes

14.0.1

Patch Changes

14.0.0

Major Changes

13.6.8

Patch Changes

13.6.7

Patch Changes

13.6.6

Patch Changes

13.6.5

Patch Changes

13.6.4

Patch Changes

13.6.3

Patch Changes

13.6.2

Patch Changes

13.6.1

Patch Changes

13.6.0

Minor Changes

Patch Changes

  • Updated dependencies

13.5.0

Minor Changes

13.4.9

Patch Changes

13.4.8

Patch Changes

  • Updated dependencies

13.4.7

Patch Changes

  • Updated dependencies

13.4.6

Patch Changes

13.4.5

Patch Changes

  • Updated dependencies

13.4.4

Patch Changes

  • Updated dependencies

13.4.3

Patch Changes

  • Updated dependencies

13.4.2

Patch Changes

13.4.1

Patch Changes

13.4.0

Minor Changes

Patch Changes

  • Updated dependencies

13.3.9

Patch Changes

13.3.8

Patch Changes

13.3.7

Patch Changes

  • Updated dependencies

13.3.6

Patch Changes

  • Updated dependencies

13.3.5

Patch Changes

13.3.4

Patch Changes

13.3.3

Patch Changes

  • Updated dependencies

13.3.2

Patch Changes

  • Updated dependencies

13.3.1

Patch Changes

  • Updated dependencies

13.3.0

Minor Changes

Patch Changes

  • Updated dependencies

13.2.2

Patch Changes

13.2.1

Patch Changes

  • Updated dependencies

13.2.0

Minor Changes

13.1.9

Patch Changes

13.1.8

Patch Changes

  • Updated dependencies

13.1.7

Patch Changes

13.1.6

Patch Changes

  • #15105, (opens new window) cb79dfea5d9, (opens new window) - This fixes a bug in version 13.1.2 where inline dialog's useEffect was running synchronously and while the click event was still happening. This meant that if the open state was outside of inline dialog, there were instances where it failed to open.

13.1.5

Patch Changes

13.1.4

Patch Changes

  • Updated dependencies

13.1.3

Patch Changes

13.1.2

Patch Changes

  • #14328, (opens new window) 398904f14d9, (opens new window) - [ux] Fixes a bug in version 13.1.0 where InlineDialog cannot be closed after it opens a Modal. There should be no other UI or UX changes. Note that the click event listener's capture: false has been changed to capture: true. This may cause some issues with the opening or closing of the inline dialog in some situations e.g. if the open state of the inline dialog is in an outer component. You can solve this by trying to add a preventDefault to the click handler in the outer component or changing the inline dialog's event handler to { capture: true }.

13.1.1

Patch Changes

  • Updated dependencies

13.1.0

Minor Changes

Patch Changes

  • Updated dependencies

13.0.11

Patch Changes

13.0.10

Patch Changes

13.0.9

Patch Changes

13.0.8

Patch Changes

13.0.7

Patch Changes

  • Updated dependencies

13.0.6

Patch Changes

13.0.5

Patch Changes

13.0.4

Patch Changes

13.0.3

Patch Changes

  • Updated dependencies

13.0.2

Patch Changes

13.0.1

Patch Changes

13.0.0

Major Changes

Patch Changes

  • Updated dependencies

12.1.14

Patch Changes

12.1.13

Patch Changes

  • Updated dependencies

12.1.12

Patch Changes

12.1.11

Patch Changes

12.1.10

Patch Changes

  • Updated dependencies e3f01787dd, (opens new window):
    • @atlaskit/webdriver-runner@0.2.0
    • @atlaskit/button@13.3.8
    • @atlaskit/datetime-picker@9.2.7
    • @atlaskit/select@11.0.8

12.1.9

Patch Changes

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

    Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies 6548261c9a, (opens new window):

    • @atlaskit/docs@8.3.2
    • @atlaskit/visual-regression@0.1.9
    • @atlaskit/analytics-next@6.3.5
    • @atlaskit/button@13.3.7
    • @atlaskit/datetime-picker@9.2.5
    • @atlaskit/icon@20.0.1
    • @atlaskit/popper@3.1.11
    • @atlaskit/select@11.0.7
    • @atlaskit/single-select@9.0.1
    • @atlaskit/theme@9.5.1

12.1.8

Patch Changes

  • Updated dependencies c0102a3ea2, (opens new window):
    • @atlaskit/icon@20.0.0
    • @atlaskit/single-select@9.0.0
    • @atlaskit/datetime-picker@9.2.4
    • @atlaskit/docs@8.3.1
    • @atlaskit/button@13.3.6
    • @atlaskit/select@11.0.6

12.1.7

Patch Changes

12.1.6

Patch Changes

12.1.5

12.1.4

Patch Changes

12.1.3

Patch Changes

12.1.2

12.1.1

Patch Changes

12.1.0

Minor Changes

  • [minor]91b7a1415b, (opens new window):

    Adding an optional prop testId that will set the attribute value data-testid. It will help products to write better integration and end to end tests.

12.0.15

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

12.0.14

Patch Changes

12.0.13

Patch Changes

12.0.12

Patch Changes

12.0.11

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

    • withAnalyticsForSumTypeProps alias has been removed, please use withAnalyticsEvents
    • AnalyticsContextWrappedComp alias has been removed, please use withAnalyticsContext

    Breaking changes to TypeScript annotations

    • withAnalyticsEvents now infers proptypes automatically, consumers no longer need to provide props as a generic type.
    • withAnalyticsContext now infers proptypes automatically, consumers no longer need to provide props as a generic type.
    • Type WithAnalyticsEventProps has been renamed to WithAnalyticsEventsProps to match source code
    • Type CreateUIAnalyticsEventSignature has been renamed to CreateUIAnalyticsEvent to match source code
    • Type UIAnalyticsEventHandlerSignature has been renamed to UIAnalyticsEventHandler to match source code
    • Type AnalyticsEventsPayload has been renamed to AnalyticsEventPayload
    • Type ObjectType has been removed, please use Record<string, any> or [key: string]: any
    • Type UIAnalyticsEventInterface has been removed, please use UIAnalyticsEvent
    • Type AnalyticsEventInterface has been removed, please use AnalyticsEvent
    • Type CreateAndFireEventFunction removed and should now be inferred by TypeScript
    • Type AnalyticsEventUpdater removed and should now be inferred by TypeScript

12.0.10

Patch Changes

12.0.9

Patch Changes

12.0.8

12.0.7

Patch Changes

12.0.6

Patch Changes

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

    TypeScript users of withAnalyticsEvents and withAnalyticsContext are now required to provide props as a generic type. This is so that TypeScript can correctly calculate the props and defaultProps of the returned component.

    Before:

    withAnalyticsEvents()(Button) as ComponentClass<Props>;

    After:

    withAnalyticsEvents<Props>()(Button);

12.0.5

12.0.4

12.0.3

  • Updated dependencies 06326ef3f7, (opens new window):
    • @atlaskit/docs@8.1.3
    • @atlaskit/button@13.0.9
    • @atlaskit/datetime-picker@8.0.7
    • @atlaskit/select@9.1.8
    • @atlaskit/single-select@8.0.6
    • @atlaskit/icon@19.0.0

12.0.2

Patch Changes

12.0.1

  • Updated dependencies cfc3c8adb3, (opens new window):
    • @atlaskit/docs@8.1.2
    • @atlaskit/button@13.0.8
    • @atlaskit/datetime-picker@8.0.5
    • @atlaskit/select@9.1.5
    • @atlaskit/single-select@8.0.4
    • @atlaskit/icon@18.0.0

12.0.0

Major Changes

  • [major]181209d135, (opens new window):
    • @atlaskit/inline-dialog has been converted to Typescript. Typescript consumers will now get static type safety. Flow types are no longer provided. No API or behavioural changes.

11.0.1

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

10.0.5

10.0.4

  • Updated dependencies 9c0b4744be, (opens new window):
    • @atlaskit/docs@7.0.3
    • @atlaskit/button@12.0.3
    • @atlaskit/datetime-picker@7.0.4
    • @atlaskit/icon@16.0.9
    • @atlaskit/popper@0.4.3
    • @atlaskit/select@8.1.1
    • @atlaskit/single-select@7.0.3
    • @atlaskit/theme@8.1.7

10.0.3

  • Updated dependencies 1e826b2966, (opens new window):
    • @atlaskit/docs@7.0.2
    • @atlaskit/analytics-next@4.0.3
    • @atlaskit/datetime-picker@7.0.3
    • @atlaskit/icon@16.0.8
    • @atlaskit/popper@0.4.2
    • @atlaskit/select@8.0.5
    • @atlaskit/single-select@7.0.2
    • @atlaskit/theme@8.1.6
    • @atlaskit/button@12.0.0

10.0.2

10.0.1

  • Updated dependencies 9d5cc39394, (opens new window):
    • @atlaskit/docs@7.0.1
    • @atlaskit/analytics-next@4.0.1
    • @atlaskit/datetime-picker@7.0.1
    • @atlaskit/icon@16.0.5
    • @atlaskit/popper@0.4.1
    • @atlaskit/select@8.0.3
    • @atlaskit/single-select@7.0.1
    • @atlaskit/theme@8.0.1
    • @atlaskit/button@11.0.0

10.0.0

  • [major]76299208e6, (opens new window):

    • Drop ES5 from all the flow modules

    Dropping CJS support in all @atlaskit packages

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

    The major reason for doing this is to allow us to support multiple entry points in packages, e.g:

    import colors from `@atlaskit/theme/colors`;

    Previously this was sort of possible for consumers by doing something like:

    import colors from `@atlaskit/theme/dist/esm/colors`;

    This has a couple of issues. 1, it treats the file system as API making internal refactors harder, we have to worry about how consumers might be using things that aren't actually supposed to be used. 2. We are unable to do this internally in @atlaskit packages. This leads to lots of packages bundling all of theme, just to use a single color, especially in situations where tree shaking fails.

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

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

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

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

9.0.15

9.0.14

  • Updated dependencies d7ef59d432, (opens new window):
    • @atlaskit/docs@6.0.1
    • @atlaskit/button@10.1.2
    • @atlaskit/datetime-picker@6.3.25
    • @atlaskit/select@6.1.19
    • @atlaskit/single-select@6.0.12
    • @atlaskit/icon@16.0.0

9.0.13

  • Updated dependencies 58b84fa, (opens new window):
    • @atlaskit/analytics-next@3.1.2
    • @atlaskit/button@10.1.1
    • @atlaskit/datetime-picker@6.3.21
    • @atlaskit/icon@15.0.2
    • @atlaskit/popper@0.3.6
    • @atlaskit/select@6.1.13
    • @atlaskit/single-select@6.0.11
    • @atlaskit/theme@7.0.1
    • @atlaskit/docs@6.0.0

9.0.12

  • Updated dependencies d13242d, (opens new window):
    • @atlaskit/docs@5.2.3
    • @atlaskit/button@10.0.4
    • @atlaskit/datetime-picker@6.3.20
    • @atlaskit/icon@15.0.1
    • @atlaskit/popper@0.3.3
    • @atlaskit/select@6.1.10
    • @atlaskit/single-select@6.0.10
    • @atlaskit/theme@7.0.0

9.0.11

  • Updated dependencies ab9b69c, (opens new window):
    • @atlaskit/docs@5.2.2
    • @atlaskit/button@10.0.1
    • @atlaskit/datetime-picker@6.3.19
    • @atlaskit/select@6.1.9
    • @atlaskit/single-select@6.0.9
    • @atlaskit/icon@15.0.0

9.0.10

  • Updated dependencies 6998f11, (opens new window):
    • @atlaskit/docs@5.2.1
    • @atlaskit/analytics-next@3.1.1
    • @atlaskit/datetime-picker@6.3.18
    • @atlaskit/icon@14.6.1
    • @atlaskit/popper@0.3.2
    • @atlaskit/select@6.1.8
    • @atlaskit/single-select@6.0.8
    • @atlaskit/theme@6.2.1
    • @atlaskit/button@10.0.0

9.0.9

9.0.8

9.0.7

9.0.6

  • [patch] Updated dependencies 65c6514, (opens new window)
    • @atlaskit/docs@5.0.8
    • @atlaskit/button@9.0.13
    • @atlaskit/datetime-picker@6.3.11
    • @atlaskit/select@6.0.2
    • @atlaskit/single-select@6.0.6
    • @atlaskit/icon@14.0.0

9.0.5

9.0.4

9.0.2

  • [patch] Updated dependencies df22ad8, (opens new window)
    • @atlaskit/theme@6.0.0
    • @atlaskit/single-select@6.0.4
    • @atlaskit/select@5.0.9
    • @atlaskit/icon@13.2.5
    • @atlaskit/datetime-picker@6.3.2
    • @atlaskit/button@9.0.6
    • @atlaskit/docs@5.0.6

9.0.1

9.0.0

  • [major] Inline-dialog now uses @atlaskit/popper, and as such some props are no longer required. The "position" prop now matches the "placements" from react-popper to avoid confusion. 1d9e75a, (opens new window)

8.0.4

8.0.3

  • [patch] Updated dependencies acd86a1, (opens new window)
    • @atlaskit/select@5.0.7
    • @atlaskit/icon@13.2.2
    • @atlaskit/single-select@6.0.3
    • @atlaskit/button@9.0.4
    • @atlaskit/theme@5.1.2
    • @atlaskit/analytics-next@3.0.3
    • @atlaskit/docs@5.0.2
    • @atlaskit/layer@5.0.3
    • @atlaskit/datetime-picker@6.0.3

8.0.2

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

8.0.1

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

8.0.0

7.1.3

7.1.2

  • [patch] Clean Changelogs - remove duplicates and empty entries e7756cd, (opens new window)
  • [none] Updated dependencies e7756cd, (opens new window)
    • @atlaskit/select@4.2.3
    • @atlaskit/single-select@5.1.2
    • @atlaskit/button@8.1.2
    • @atlaskit/theme@4.0.4
    • @atlaskit/layer@4.0.3
    • @atlaskit/datetime-picker@5.2.1
    • @atlaskit/icon@12.1.2

7.1.1

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

7.1.0

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

7.0.2

7.0.1

7.0.0

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

6.0.2

  • [patch] Updated dependencies d662caa, (opens new window)
    • @atlaskit/icon@11.3.0
    • @atlaskit/single-select@4.0.3
    • @atlaskit/button@7.2.5
    • @atlaskit/theme@3.2.2
    • @atlaskit/docs@3.0.4
    • @atlaskit/layer@3.1.1

6.0.0

5.3.2

5.3.1

5.3.0

5.2.2

5.2.1

5.2.0

  • [minor] Updated inline-dialog to include boundaries element prop, updated Layer to have dynamic boolean escapeWithReference property, updated modal-dialog Content component with overflow-x:hidden' cb72752, (opens new window)

5.1.2

5.1.1

5.1.0

5.0.7

5.0.6

5.0.5 (2017-11-24)

  • bug fix; prevent inline-dialog from closing when event is prevented and prevent default for c (issues closed: ak-3870) (8ae0c3b, (opens new window))

5.0.4 (2017-10-26)

5.0.3 (2017-10-22)

5.0.2 (2017-10-03)

5.0.1 (2017-08-21)

5.0.0 (2017-08-11)

4.0.0 (2017-08-11)

3.6.2 (2017-07-27)

3.6.1 (2017-07-25)

3.3.0 (2017-07-17)

3.2.1 (2017-07-13)

3.2.0 (2017-05-16)

3.1.2 (2017-04-27)

3.1.1 (2017-04-26)

3.1.0 (2017-04-18)

  • feature; allow inline dialog to be closed via document click (bdc7dc5, (opens new window))
  • breaking; added ReactDOM as a peerDependency
  • ISSUES CLOSED: AK-2069

2.0.0 (2017-03-31)

1.1.0 (2017-03-28)

1.0.7 (2017-03-23)

1.0.5 (2017-03-21)

1.0.4 (2017-02-20)

1.0.3 (2017-02-09)

1.0.2 (2017-02-07)

1.0.1 (2017-02-06)

Was this page helpful?
We use this feedback to improve our documentation.
© 2026 AtlassianTrademark, (opens new window)Privacy, (opens new window)License