Breadcrumbs

• 94f62789cb2cc, (opens new window) - Improve truncation behaviour when browser font size increases in the platform_dst_breadcrumbs-refresh path.

• 20016b599740c, (opens new window) - Prevent focus rings from being clipped in composed and primitive breadcrumbs, and include leading icons within the focus ring, in the platform_dst_breadcrumbs-refresh feature-gated path.

• 7a95a3d289188, (opens new window) - Add onClick, target, and analyticsContext to BreadcrumbsCurrentItem for custom navigation and click analytics.

• Updated dependencies

• Updated dependencies

• Updated dependencies

• cc77fe2eec3a7, (opens new window) - Update styling of custom children under refreshed path.

• Updated dependencies

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

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

• Updated dependencies

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

• 9a7653523837c, (opens new window) - Use @atlassian/testing-library exclusively in unit tests.

• 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

• Updated dependencies

• Updated dependencies

• Updated dependencies

• 44cfa83f61092, (opens new window) - Correct the list item motion transition timing. A CSS transition is governed by the timing declared on the state being transitioned into, so the pressed timing (motion.listitem.pressed, 100ms) belongs on :active, not :hover. Declaring it on :hover made normal → hover (and selected → hover) animate at 100ms instead of the intended 50ms. The :hover state now uses motion.listitem.hovered (50ms) across all list item consumers so both hovering and unhovering animate at 50ms, while :active keeps motion.listitem.pressed (100ms) and selected variants rest at motion.listitem.selected (100ms). Behaviour remains behind the platform-dst-motion-uplift-list-item feature gate.

• 6490d22c0d837, (opens new window) - Fix list item pressed motion so the hover to pressed transition uses motion.listitem.pressed (100ms) instead of the hover timing (50ms). The pressed timing is now declared on the :hover state so the transition into the pressed state animates correctly. Behaviour remains behind the platform-dst-motion-uplift-list-item feature gate.
• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• b5b9917f875a8, (opens new window) - [ux] Add text-decoration-color to the motion.listitem.* transition tokens and consume them in Breadcrumbs.

• Updated dependencies

• b00a6d183e0c4, (opens new window) - [ux] Add text-decoration-color to the motion.listitem.* transition tokens (hovered, pressed, selected) so list-item motion can animate underlines, and consume motion.listitem.* in Breadcrumbs behind the platform-dst-motion-uplift-list-item feature gate: interactive breadcrumb items (steps, ellipsis, and the current-item link) now animate their underline from transparent to coloured on hover/press. Rendering is unchanged when the gate is off.

• Updated dependencies

• Updated dependencies

• 2f56c78f969b8, (opens new window) - Update i18n NPM package versions for teamwork-graph (Group 16)

• Updated dependencies

• Updated dependencies

• 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

• a793998031fd1, (opens new window) - Implement refreshed Breadcrumbs behind feature flag. Mark props defaultExpanded, isExpanded, maxItems, onExpand, itemsBeforeCollapse, itemsAfterCollapse, iconAfter as deprecated.

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

• Updated dependencies

• Updated dependencies

• 8b1c5f296653c, (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

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

• c966e427a25c6, (opens new window) - Moves internal type definitions to be colocated with the components that use them.

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

• 7aef1e49e90ea, (opens new window) - Removes redundant fallback color values via @atlaskit/theme
• Updated dependencies

• 50e3bb8a1727d, (opens new window) - - Breadcrumb items no longer use an underlying legacy Button from @atlaskit/button, and now instead render primitives Anchor, Pressable, or a native <span> depending on interactivity required. This will only apply if no component override prop is passed, which will still render legacy Button during the deprecation period of component. Component overrides are no longer necessary to implement router links, as breadcrumb will inherit and utilize router link configuration from App Provider. See the documentation, (opens new window) to ensure App Provider is configured in your app in order to migrate away from the component prop.
  • [ux] A spacing of space.050 (4px) between breadrcrumb text and icons has been added to assist rollout of new iconography. Previously breadcrumbs relied on consumers adding spacing manually, so adjustments may need to be made to prevent excessive spacing.

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• 629119f34f212, (opens new window) - Updated border radius behind a feature gate.

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• 1b02fdb966337, (opens new window) - Clean up 'jfp-magma-stability-platform-3' FG

• Updated dependencies

• Updated dependencies

• 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

• Updated dependencies

• Updated dependencies

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

• Updated dependencies

• Updated dependencies

• ea46e2a3744ac, (opens new window) - Enables functionality previously rolled out and tested behind a feature flag. This prevents an additional render for icons within breadcrumbs.

• ea46e2a3744ac, (opens new window) - We are testing internal changes for Breadcrumb items behind a feature flag. If this change is successful it will be available in a later release:
  • No longer renders custom-styled legacy buttons from @atlaskit/button, but Anchor or Pressable primitives from @atlaskit/primitives – depending on whether a href is defined.
  • As legacy Button will no longer be used, breadcrumbs will intentionally no longer inherit font-size so relative font-sizing is no longer supported.
  • As primitives are rendered depending on whether href is defined, they will no longer unnecessarily render <a href="#"> tags when href is undefined, and will render semantically correct <button> tags instead.
  • Horizontal spacing has been added to accomodate direct usage of icons within iconBefore and iconAfter props. This means any custom additional spacing that may have previously been added to balance spacing will need to be removed.
  • The text color has been corrected.
  • As the Anchor primitive is now used, it supports automatic router link configuration from @atlaskit/app-provider, and so the component prop is no longer required due as component overrides can be avoided. This has been deprecated.

• Updated dependencies

• Updated dependencies

• #183925, (opens new window) 70ccc639db4a5, (opens new window) - Behind a feature gate, made the breadcrumbs more stable by memoizing variables.

• Updated dependencies

• Updated dependencies

• Updated dependencies

• #152473, (opens new window) 281c99e7da3fc, (opens new window) - Fix breadcrumbs padding and font weight in CJS and ESM distributions.

• #135755, (opens new window) b28b05cd16f4e, (opens new window) - Set explicit font family on BreadcrumbsItem using tokens to ensure Breadcrumbs do not inherit font family.

• Updated dependencies

• Updated dependencies

• 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

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

• #113285, (opens new window) 80c522079f747, (opens new window) - Remove old codemods.

• Updated dependencies

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

• Updated dependencies

• #105142, (opens new window) 950c94b74cac3, (opens new window) - Update dev dependencies.

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

• 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

• #164155, (opens new window) 23fd5e6b970e0, (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/breadcrumbs, 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).

• #158518, (opens new window) 9c03322cef3d5, (opens new window) - Improve typing and make spread props explicit in internal components.

• Updated dependencies

• Updated dependencies

• #145675, (opens new window) 9b27f479611e2, (opens new window) - Remove isNavigation prop. Breadcrumbs is intended to be used as a navigation component, and so should always render as a <nav>.

  Migration:

  1. For usages which set href:
  // Incorrect <Breadcrumbs isNavigation={false}> <BreadcrumbItem href="/page"></BreadcrumbItem> </Breadcrumbs>

  Remove the isNavigation prop:

  // Correct <Breadcrumbs> <BreadcrumbItem href="/page"></BreadcrumbItem> </Breadcrumbs>

  This is semantically correct, and will help you avoid accessibility violations. 2. For usages which don't set href:

  // Incorrect <Breadcrumbs isNavigation={false}> <BreadcrumbItem></BreadcrumbItem> </Breadcrumbs>

  Use @atlaskit/primitives Inline instead:

  // Correct <Inline separator="/"> <BreadcrumbItem></BreadcrumbItem> </Inline>

• Updated dependencies

• Updated dependencies

• Updated dependencies

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

• #127858, (opens new window) 2a67497c20a7f, (opens new window) - Breadcrumbs is now loaded syncronously by default.

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

• Updated dependencies

• Updated dependencies

• Updated dependencies

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

• #119154, (opens new window) 3ce915501ea5c, (opens new window) - Remove remnants of extract-react-types from tsconfig file.

• #118185, (opens new window) 599d65e418cf7, (opens new window) - Remove extract-react-types remnants.

• Updated dependencies

• #111502, (opens new window) f5d70d96f5f53, (opens new window) - Internal update to typography styles, no visual changes.
• Updated dependencies

• Updated dependencies

• #105813, (opens new window) f2f51e7a24d00, (opens new window) - Internal change only. Remove references to deprecated @atlaskit/theme constants and replace with hard-coded values.
• Updated dependencies

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

• Updated dependencies

• #98395, (opens new window) c99607483b8d, (opens new window) - Adds the aria-current attribute to the BreadcrumbsItem to define state of the current page.

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

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

• #87524, (opens new window) 1cdec73eb809, (opens new window) - Internal change to use font tokens. There is no visual change.
• Updated dependencies

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

• Updated dependencies

• #57057, (opens new window) 5cf29a7b6787, (opens new window) - Fixed an issue where breadcrumbs could infinitely resize and render if its text approached the truncationWidth. Improved the logic for how truncation occurs to better take into account icons. Improved the logic for when tooltips are displayed to be more accurate.

• #56918, (opens new window) 35fdd0f6b801, (opens new window) - Fixes an issue where style="--max-width: undefinedpx;" is applied to breadcrumb items when a value for truncationWidth is missing.

• Updated dependencies

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

• #41760, (opens new window) 909e4a30fe7, (opens new window) - Removed all remaining legacy theming logic from the Blanket, Breadcrumbs and Checkbox components.

• #40837, (opens new window) a41955df26f, (opens new window) - use array from instead of spread operator to fix ts error

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

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

• #34881, (opens new window) 774ed69ecef, (opens new window) - Internal changes to use space tokens for spacing values. There is no visual change.

• #34051, (opens new window) 49b08bfdf5f, (opens new window) - Migrated use of gridSize to space tokens where possible. There is no expected visual or behaviour change.

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

• #33004, (opens new window) 80c5ca2be68, (opens new window) - [ux] Added a feature flag which controls whether Tooltip is lazy loaded with react-loosely-lazy or not. After the flag is cleaned up, react-loosely-lazy will be removed from the component.

• #31299, (opens new window) 239f09ffdbf, (opens new window) - Adds isNavigation prop.

• Updated dependencies

• Updated dependencies

• Updated dependencies

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

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

• #28064, (opens new window) b0f6dd0bc35, (opens new window) - Updated to use typography tokens. There is no expected behaviour or visual change.

• Updated dependencies

• Updated dependencies

• #26712, (opens new window) cb8f8e76d25, (opens new window) - Update types for react-select and @atlaskit/select upgrade Update commerce-ui entrypoints that caused a pipeline issue.
• Updated dependencies

• Updated dependencies

• #26488, (opens new window) bc989043572, (opens new window) - Internal changes to apply spacing tokens. This should be a no-op change.

• #20341, (opens new window) af6e73a1e17, (opens new window) - Bumping dependencies via Renovate:
  • react-loosely-lazy

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

• #24004, (opens new window) 29dc4886507, (opens new window) - Updates @emotion/core to @emotion/react; v10 to v11. There is no expected behaviour change.

• Updated dependencies

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

• Updated dependencies

• Updated dependencies

• #20721, (opens new window) c963742d9cd, (opens new window) - Added a prop to allow a function to be called when a breadcrumb item tooltip is shown

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

• Updated dependencies

• Updated dependencies

• Updated dependencies

• #18526, (opens new window) fa68e406db6, (opens new window) - Internal styling has been refactored in preparation for @compiled/react
• Updated dependencies

• #16752, (opens new window) 19d72473dfb, (opens new window) - Updates usage of deprecated token names so they're aligned with the latest naming conventions. No UI or visual changes
• Updated dependencies

• Updated dependencies

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

  [ux] Bug fix; removed the dangling space that trails the final breadcrumbItem. Introduced in v11 there was additional space where the final '/' would be, now it ends directly after the final item again.

• Updated dependencies

WRONG RELEASE TYPE - DON'T USE

• #15998, (opens new window) ff925e68253, (opens new window) - [ux] Bug fix; removed the dangling space that trails the final breadcrumbItem. Introduced in v11 there was additional space where the final '/' would be, now it ends directly after the final item again.

• 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

• #14777, (opens new window) b60d5bd1e00, (opens new window) - [ux] Implemented focusing of the first revealed breadcrumbs item after expansion.

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

• Updated dependencies

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

• 0d0ecc6e790, (opens new window) - Corrects eslint supressions.
• 9a84a3ceb82, (opens new window) - Internal code changes.
• Updated dependencies

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

• #12328, (opens new window) d797e84b724, (opens new window) - SPFE-561: Update the react-loosely-lazy dependency. The previous version was using a broken ESM build.
• Updated dependencies

• #11649, (opens new window) cecc3efb15d, (opens new window) - Added the design-system tech stacks to the package.json and fixed linting errors, also disabled some linting rules to prevent breaking changes

• #12210, (opens new window) 139a522574f, (opens new window) - Change selector for checking if breadcrumbs where clicked with click-area-helper

• #12105, (opens new window) 5d7f119c55d, (opens new window) - Fix bread crumb issue

• #11113, (opens new window) 5e221ab3244, (opens new window) - Added the design-system tech stacks to the package.json
• 910c5ba2052, (opens new window) - Breadcrumbs component now correctly forwards ref.

• #10230, (opens new window) b5bbdf4acb3, (opens new window) - [ux] Added an 'ellipsisLabel' prop to the Breadcrumbs component. This text is passed to the aria-label attribute on the ellipsis button (conditionally rendered when there are many items).

• Updated dependencies

• #9510, (opens new window) 81020d0b345, (opens new window) - [ux] Wrapped breadcrumbs into nav tag; added label props that is used as aria-label of nav wrapper.

• #9083, (opens new window) b7c722cb270, (opens new window) - The react-loosely-lazy dependency has been upgraded to v0.4.4.
• Updated dependencies

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

• #8178, (opens new window) a0c2212596a, (opens new window) - Adds a build time flag that lets consumers drop tooltips from their SSR bundles

• #7762, (opens new window) 3f80f8a2e4b, (opens new window) - In this version we made breadcrumbs dramatically faster, lighter and easier to use 🤩

  • BreadcrumbsStateless has been merged into the default export
  • Performance improvements
  • Faster internal analytics

  Migrating from BreadcrumbsStateless

  When needing to control breadcrumbs you can 1:1 replace the component with the default export from breadcrumbs.

  -import { BreadcrumbsStateless } from '@atlaskit/breadcrumbs'; +import Breadcrumbs from '@atlaskit/breadcrumbs'; -<BreadcrumbsStateless isExpanded /> +<Breadcrumbs isExpanded />

  When isExpanded is provided, the component will act controlled, otherwise uncontrolled.

  Upgrading with the codemod

  There exists a codemod to help you upgrade. Make sure to be on the latest version of breadcrumbs before running.

  yarn upgrade @atlaskit/breadcrumbs@latest

  Then you can use our cli tool to run the codemod:

  npx @atlaskit/codemod-cli /path/to/target/directory --parser [tsx | flow | babel]

  And then follow the prompts to select the breadcrumbs codemod.

• #7170, (opens new window) 4f9e6e2db5, (opens new window) - These packages now have defined entry points -- this means that you cannot access internal files in the packages that are not meant to be public. Sub-components in these packages have been explicitly defined, aiding tree-shaking and reducing bundle size.

• #6930, (opens new window) 4f2b2b5750, (opens new window) - Internal change from class to function components

  • converted all the class component in the package to function
  • started to use usePlatformLeafEventHandler to replace HOCs from analytics-next
  • added more visual regression tests

• 25e8b332bf, (opens new window) - replaced styled-components to emotion

• 30360b3d28, (opens new window) - Internal change from class to function components

• #6571, (opens new window) 9a403ed9b2, (opens new window) - Fix slash color and font color in dark mode for breadcrumbs

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

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

• Updated dependencies

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

• Updated dependencies

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

• #3293, (opens new window) 954cc87b62, (opens new window) - The readme and package information has been updated to point to the new design system website.

• #3428, (opens new window) 7d6718c600, (opens new window) - Fix Breadcrumbs font-weight to 400

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

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

• Updated dependencies

• [patch]71c1de8ee1, (opens new window):

  Change imports to comply with Atlassian conventions- Updated dependencies 3940bd71f1, (opens new window):

• Updated dependencies 6b8e60827e, (opens new window):

• Updated dependencies 449ef134b3, (opens new window):

• Updated dependencies f6667f2909, (opens new window):

• Updated dependencies 57c0487a02, (opens new window):

• Updated dependencies 6efb12e06d, (opens new window):

• Updated dependencies fd41d77c29, (opens new window):

  • @atlaskit/tooltip@15.2.6
  • @atlaskit/button@13.3.11
  • @atlaskit/select@11.0.10
  • @atlaskit/logo@12.3.4
  • @atlaskit/webdriver-runner@0.3.4

• Updated dependencies 66dcced7a0, (opens new window):
• Updated dependencies fd5292fd5a, (opens new window):
• Updated dependencies 64fb94fb1e, (opens new window):
• Updated dependencies eea5e9bd8c, (opens new window):
• Updated dependencies 109c1a2c0a, (opens new window):
• Updated dependencies c57bb32f6d, (opens new window):
  • @atlaskit/docs@8.4.0
  • @atlaskit/logo@12.3.3
  • @atlaskit/webdriver-runner@0.3.0
  • @atlaskit/button@13.3.9
  • @atlaskit/select@11.0.9
  • @atlaskit/tooltip@15.2.5

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

• [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/logo@12.3.2
  • @atlaskit/select@11.0.7
  • @atlaskit/theme@9.5.1
  • @atlaskit/tooltip@15.2.3

• [patch]4a223473c5, (opens new window):

  Removes babel/runtime from dependencies. Users should see a smaller bundlesize as a result- Updated dependencies 82747f2922, (opens new window):

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

  • @atlaskit/theme@9.5.0
  • @atlaskit/button@13.3.5
  • @atlaskit/select@11.0.4
  • @atlaskit/tooltip@15.2.1

• [patch]30acc30979, (opens new window):

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

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

  Theme has been converted to Typescript. Typescript consumers will now get static type safety. Flow types are no longer provided.

  Breaking

  ** getTokens props changes ** When defining the value function passed into a ThemeProvider, the getTokens parameter cannot be called without props; if no props are provided an empty object {} must be passed in:

  <CustomTheme.Provider value={t => ({ ...t(), backgroundColor: '#333'})} >

  becomes:

  <CustomTheme.Provider value={t => ({ ...t({}), backgroundColor: '#333'})} >

  ** Color palette changes ** Color palettes have been moved into their own file. Users will need to update imports from this:

  import { colors } from '@atlaskit/theme'; colors.colorPalette('8');

  to this:

  import { colorPalette } from '@atlaskit/theme'; colorPalette.colorPalette('8');

  or for multi entry-point users:

  import * as colors from '@atlaskit/theme/colors'; colors.colorPalette('8');

  to this:

  import * as colorPalettes from '@atlaskit/theme/color-palette'; colorPalettes.colorPalette('8');

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

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

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

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

• [minor]2bbf7bc470, (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.

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

  Prefix the legacy lifecycle methods with UNSAFE_* to avoid warning in React 16.9+

  More information about the deprecation of lifecycles methods can be found here: https://reactjs.org/blog/2018/03/29/react-v-16-3.html#component-lifecycle-changes, (opens new window)

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

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

  Upgraded Typescript to 3.3.x

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

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

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

  Updates component maintainers

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

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

  Type definition files are now referenced in package.json

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

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

• [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);

• [patch]29a1f158c1, (opens new window):

  Use default react import in typescript files.

• Updated dependencies 790e66bece, (opens new window):
  • @atlaskit/button@13.0.11
  • @atlaskit/logo@12.1.1
  • @atlaskit/select@10.0.0

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

  Added missing tslib dep

• Updated dependencies 67f06f58dd, (opens new window):
  • @atlaskit/select@9.1.6
  • @atlaskit/tooltip@15.0.0

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

• Updated dependencies 4b07b57640, (opens new window):
  • @atlaskit/button@13.0.2
  • @atlaskit/select@9.1.1
  • @atlaskit/logo@12.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.

• Updated dependencies 9c0b4744be, (opens new window):
  • @atlaskit/docs@7.0.3
  • @atlaskit/button@12.0.3
  • @atlaskit/logo@10.0.4
  • @atlaskit/select@8.1.1
  • @atlaskit/tooltip@13.0.4
  • @atlaskit/theme@8.1.7

• Updated dependencies 1e826b2966, (opens new window):
  • @atlaskit/docs@7.0.2
  • @atlaskit/analytics-next@4.0.3
  • @atlaskit/logo@10.0.3
  • @atlaskit/select@8.0.5
  • @atlaskit/theme@8.1.6
  • @atlaskit/tooltip@13.0.3
  • @atlaskit/button@12.0.0

• [patch]98e11001ff, (opens new window):
  • Removes duplicate babel-runtime dependency

• Updated dependencies 9d5cc39394, (opens new window):
  • @atlaskit/docs@7.0.1
  • @atlaskit/analytics-next@4.0.1
  • @atlaskit/logo@10.0.1
  • @atlaskit/select@8.0.3
  • @atlaskit/theme@8.0.1
  • @atlaskit/tooltip@13.0.1
  • @atlaskit/button@11.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.

• Updated dependencies 06713e0a0c, (opens new window):
  • @atlaskit/logo@9.2.7
  • @atlaskit/select@7.0.0

• Updated dependencies 58b84fa, (opens new window):
  • @atlaskit/analytics-next@3.1.2
  • @atlaskit/button@10.1.1
  • @atlaskit/logo@9.2.6
  • @atlaskit/select@6.1.13
  • @atlaskit/theme@7.0.1
  • @atlaskit/tooltip@12.1.13
  • @atlaskit/docs@6.0.0

• [patch]c87112f, (opens new window):
  • Breadcrumbs items no longer have unnecessary indent on the first item

• Updated dependencies d13242d, (opens new window):
  • @atlaskit/docs@5.2.3
  • @atlaskit/button@10.0.4
  • @atlaskit/logo@9.2.5
  • @atlaskit/select@6.1.10
  • @atlaskit/tooltip@12.1.12
  • @atlaskit/theme@7.0.0

• Updated dependencies 6998f11, (opens new window):
  • @atlaskit/docs@5.2.1
  • @atlaskit/analytics-next@3.1.1
  • @atlaskit/logo@9.2.4
  • @atlaskit/select@6.1.8
  • @atlaskit/theme@6.2.1
  • @atlaskit/tooltip@12.1.10
  • @atlaskit/button@10.0.0

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

• [patch] Updated dependencies 4194aa4, (opens new window)
  • @atlaskit/select@6.0.0

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

• [patch] Updated dependencies df22ad8, (opens new window)
  • @atlaskit/theme@6.0.0
  • @atlaskit/tooltip@12.0.9
  • @atlaskit/select@5.0.9
  • @atlaskit/icon@13.2.5
  • @atlaskit/button@9.0.6
  • @atlaskit/docs@5.0.6

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

• [patch] Updated dependencies acd86a1, (opens new window)
  • @atlaskit/select@5.0.7
  • @atlaskit/tooltip@12.0.4
  • @atlaskit/icon@13.2.2
  • @atlaskit/button@9.0.4
  • @atlaskit/theme@5.1.2
  • @atlaskit/analytics-next@3.0.3
  • @atlaskit/docs@5.0.2

• [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/tooltip@12.0.3
  • @atlaskit/select@5.0.6
  • @atlaskit/analytics-next@3.0.2
  • @atlaskit/button@9.0.3
  • @atlaskit/theme@5.1.1
  • @atlaskit/icon@13.2.1

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

• [patch] Updated dependencies e6b1985, (opens new window)
  • @atlaskit/tooltip@12.0.0
  • @atlaskit/select@5.0.1
  • @atlaskit/icon@13.1.1

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

• [patch] Update flow type for breadcrumbs item to be Element type 6b40dc6, (opens new window)

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

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

• [none] Updated dependencies 9d20f54, (opens new window)
  • @atlaskit/select@4.2.0
  • @atlaskit/tooltip@10.2.0
  • @atlaskit/icon@12.1.0
  • @atlaskit/docs@4.1.0
  • @atlaskit/theme@4.0.2
  • @atlaskit/button@8.1.0

• [patch] Update readme's 223cd67, (opens new window)
• [patch] Updated dependencies 223cd67, (opens new window)
  • @atlaskit/tooltip@10.0.1
  • @atlaskit/select@4.0.1
  • @atlaskit/icon@12.0.1
  • @atlaskit/button@8.0.1
  • @atlaskit/theme@4.0.1
  • @atlaskit/docs@4.0.1

• [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/tooltip@10.0.0
  • @atlaskit/select@4.0.0
  • @atlaskit/icon@12.0.0
  • @atlaskit/button@8.0.0
  • @atlaskit/theme@4.0.0
  • @atlaskit/docs@4.0.0

• [patch] Updated dependencies d662caa, (opens new window)
  • @atlaskit/icon@11.3.0
  • @atlaskit/tooltip@9.2.1
  • @atlaskit/select@3.0.2
  • @atlaskit/button@7.2.5
  • @atlaskit/theme@3.2.2
  • @atlaskit/docs@3.0.4

• [patch] Updated dependencies d05b9e5, (opens new window)
  • @atlaskit/select@3.0.0

• [minor] Added two new props: itemsBeforeCollapse and itemsAfterCollapse. With these, you can control how many items are displayed before and after the ellipsis in breadcrumbs' collapsed state. The default for both of these is one, meaning that the base behaviour is unchanged. 58bd739, (opens new window)

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

• [patch] Makes packages Flow types compatible with version 0.67 25daac0, (opens new window)

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

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

• [patch] Remove babel-plugin-react-flow-props-to-prop-types 06c1f08, (opens new window)

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

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

• [patch] Update types 2fe5453, (opens new window)

• [patch] update flow dep, fix flow errors 722ad83, (opens new window)
• [patch] update flow dep, fix flow errors 722ad83, (opens new window)

• [patch] Migrated page-header to mk2. Fixed breadcrumbs main entry point 51bf0c7, (opens new window)
• [patch] add index to breadcrumbs root 32594e1, (opens new window)

• bug fix; bumping internal dependencies to the latest major version (f996668, (opens new window))

• feature; breadcrumbsItem supports a custom component (issues closed: ak-3721) (14fdedf, (opens new window))

• bug fix; update button dep (069d0f4, (opens new window))

• bug fix; fix to rebuild stories (793b2a7, (opens new window))

• bug fix; update dependencies for react-16 (077d1ad, (opens new window))

• breaking; By default, breadcrumbs will not truncate unless they are of greater width than the container. (5b9099c, (opens new window))
• breaking; update breadcrumbs to have setable truncationWidth (issues closed: #ak-3451, #ak-3555) (5b9099c, (opens new window))
• bug fix; make breadcrumb max-width important (issues closed: #ak-3541) (e804650, (opens new window))

• bug fix; update breadcrumb dependencies (784b7ee, (opens new window))

• bug fix; fix PropTypes warning (040d579, (opens new window))

• feature; adds an onClick prop to the BreadcrumbsItem component. (issues closed: ak-3259) (61fee5a, (opens new window))

• bug fix; fix the theme-dependency (db90333, (opens new window))

• fix; rename jsnext:main to jsnext:experimental:main temporarily (c7508e0, (opens new window))

• fix; use class transform in loose mode in babel to improve load performance in apps (fde719a, (opens new window))

• fix; rerelease, failed prepublish scripts (5fd82f8, (opens new window))

• feature; added ES module builds to dist and add jsnext:main to most ADG packages (ea76507, (opens new window))

• fix; fix for empty children have separators (b01fd7b, (opens new window))
• fix; add prop-types as a dependency to avoid React 15.x warnings (92598eb, (opens new window))

• fix; don't render empty children as breadcrumbs (f68c36d, (opens new window))

• refactored breadcrumbs to use styled-components (c5c31b6, (opens new window))

• breaking; Now exports default (Breadcrumbs), BreadcrumbsStateless and BreadcrumbsItem, rather than default, AkBreadcrumbs and AkBreadcrumbsItem

• ISSUES CLOSED: AK-2161, AK-2425

• fix; pass target prop to Button (23f0de7, (opens new window))
• fix; testing releasing more than 5 packages at a time (e69b832, (opens new window))

• fix; update legal copy to be more clear. Not all modules include ADG license. (f3a945e, (opens new window))

• fix; update legal copy and fix broken links for component README on npm. New contribution and (0b3e454, (opens new window))

• feature; removed explicit style! imports, set style-loader in webpack config (891fc3c, (opens new window))

• fix; adds defensive code to allow testing in mocha/jsdom, re-enables some tests (a7c1b7a, (opens new window))
• fix; fixes breadcrumbs to be able to be testable with mocha and jsdom (c53d8d0, (opens new window))

• fix; Empty commit to release the component (49c08ee, (opens new window))

• fix; maintainers for all the packages were added (261d00a, (opens new window))

• fix; Removes jsdoc from breadcrumbs (e8f25fc, (opens new window))

• fix; avoiding binding render to this (40c9951, (opens new window))

• fix; Updates package to use ak scoped packages (f066736, (opens new window))