Atlassian navigation

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.

234fda770bd2b, (opens new window) - [ux] Fixed unsafe styles that distorted the inline (top-layer) tooltip/popover by excluding top-layer elements from the offending selectors via :not(:where([popover], dialog)) (and :nth-last-child(... of ...) for positional selectors). The :where() wrapper keeps the guard at zero specificity, so matching is otherwise unchanged, and the guards are no-ops for the legacy portalled tooltip.

@atlassian/gemini additionally ignores Emotion's ":nth-last-child" server-side-rendering console warning, which it already ignored for ":first-child" and ":nth-child" (emotion-js/emotion#1105).

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.

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.

76faad1c8c7b5, (opens new window) - Removed react-intl-next alias and replaced all usages with react-intl directly.

What changed: The react-intl-next devDependency alias (which resolved to react-intl@^5) has been renamed to react-intl. This is a development-only change with no impact on consumers.

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

• Update a few example usages

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

#14810, (opens new window) 47f58da5946, (opens new window) - ED-13322, ED-13324, ED-13326, ED-13323, ED-13204: Upgrade and support react-intl@^5.18.1 including breaking API changes, types and tests in atlassian-frontend packages

What changed: Upgraded our react-intl support from ^2.6.0 to ^5.18.1. This means editor packages now rely on consumers installing ^5.18.1, otherwise editor usage of react-intl will mismatch with actual installed react-intl APIs. Why change was made: As part of a coordinated upgrade effort across AF packages, as react-intl v2 is quite dated. How consumer should update their code: Ensure react-intl ^5.18.1 is installed in consuming applications.

Upgrade guide: To consume atlassian-frontend packages that use react-intl5 setup a second provider for the new version, using an npm alias

#15998, (opens new window) a2f953f3814, (opens new window) - Previously the ensure-design-token-usage eslint rule contained all checks relating to token use. This has now been split up into two separate rules:

ensure-design-token-usage now covers:

• legacyElevation — warns about old usages of the elevation mixins or styles, which instead should use the card or overlay tokens.
• hardCodedColor — warns about use of hard-coded colors such as color: colors.B100, which instead should be wrapped in a token() call. This covers the majority of cases in existing codebases when first adopting tokens.

no-unsafe-design-token-usage (new) covers the remaining rules:

• directTokenUsage — warns against using the CSS Custom Property name that is output in the browser by the token() call. Eg. directly using var(--ds-accent-subtleBlue) is bad.
• staticToken — warns when tokens aren't used inline. Inlining the token usages helps with static analysis, which unlocks future improvements. Eg. pulling the token out into a const like css={ color: token(primaryButtonText) } is bad.
• invalidToken — warns when using a token that doesn't exist (not one that's been renamed, see the next point).
• tokenRenamed — warns when using a token that's been renamed in a subsequent release.
• tokenFallbackEnforced — warns if a fallback for the token call is not provided. Eg. call with the fallback like this token('color.background.disabled', N10) instead of token('color.background.disabled').
• tokenFallbackRestricted — the opposite of tokenFallbackEnforced. Eg. do not pass in a fallback like this token('color.background.disabled', N10) and instead only include the token token('color.background.disabled').

Upgrading — some instances of \\eslint-disable may need to be changed to the new rule. If you have failing lint rules after only bumping this package then switch those ignores to use no-unsafe-design-token-usage instead.

22fb31312eb, (opens new window) - Fixes unmounted component state update warnings for AtlassianNavigation

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) c9986657899, (opens new window) - Instrumented atlassian-navigation with the new theming package, @atlaskit/tokens.

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

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

[patch]b788e3359a, (opens new window):

Pass additional hover CSS to search

[patch]4515d1bc47, (opens new window):

Fix text color for selected item in custom theme

• Fixes isHighlighted styles for SkeletonPrimaryButton without a dropdown
• Updates hover, active and focus styles for all the skeletons
• Supports children prop for SkeletonPrimaryButton so it has the same API as PrimaryButton
• Adds documentation for the new skeleton components

[patch]42eb460a09, (opens new window):

Adds lightweight non-interactive skeleton buttons which can be used in SSR mode.

Updates isHighlighted styles to be according to the design spec

[minor]6e2dda87f4, (opens new window):

Breaking Change:

• Search component::
  • Added a required label prop
  • Renamed text prop to placeholder for clarity
• AtlassianNavigation:
  • Added a required label prop

Accessibility Changes

• Search now has a search landmark, further described by a label prop on the text field
• AtlassianNavigation now has a navigation landmark for use with screen readers; this landmark is further described by the label prop to differentiate it from side-navigation
• AtlassianNavigation is wrapped in a header component
• BadgeContainer is now hidden from screen readers, as the notification button's label contains the number of unread notifications

• @atlaskit/menu@0.3.1
• @atlaskit/docs@8.5.0

[patch]b80c88fd26, (opens new window):

Fixes test id not being passed down to icon button.- [patch]9ec1606d00, (opens new window):

Export the value HORIZONTAL_GLOBAL_NAV_HEIGHT- [patch]1b3069e06b, (opens new window):

Added aria-label to input field in Search component- Updated dependencies 1f9c4f974a, (opens new window):

Updated dependencies 0603860c07, (opens new window):

Updated dependencies 3b92b89113, (opens new window):

• @atlaskit/menu@0.2.7
• @atlaskit/icon@20.0.2
• @atlaskit/drawer@5.3.3

[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/badge@13.1.5
• @atlaskit/button@13.3.7
• @atlaskit/drawer@5.3.2
• @atlaskit/icon@20.0.1
• @atlaskit/logo@12.3.2
• @atlaskit/menu@0.2.6
• @atlaskit/popup@0.3.2
• @atlaskit/spinner@12.1.4
• @atlaskit/theme@9.5.1
• @atlaskit/tooltip@15.2.3
• @atlaskit/width-detector@2.0.10
• @atlaskit/analytics-namespaced-context@4.1.11
• @atlaskit/notification-indicator@7.0.11
• @atlaskit/notification-log-client@4.0.10
• @atlaskit/atlassian-notifications@0.1.4
• @atlaskit/atlassian-switcher-test-utils@0.3.1
• @atlaskit/atlassian-switcher@5.9.1

[patch]602ad2855a, (opens new window):

Reduces the size of the icon in the create cta button.- [patch]5c6a0d9512, (opens new window):

Adds testId to all components, read the docs for more information.- [patch]ca86945834, (opens new window):

Fixes overflow menu having an unstable component reference when nothing had changed.- Updated dependencies 4ed951b8d8, (opens new window):

Updated dependencies e0e91e02a6, (opens new window):

Updated dependencies c0102a3ea2, (opens new window):

• @atlaskit/menu@0.2.4
• @atlaskit/icon@20.0.0
• @atlaskit/logo@12.3.1
• @atlaskit/docs@8.3.1
• @atlaskit/button@13.3.6
• @atlaskit/drawer@5.3.1
• @atlaskit/tooltip@15.2.2
• @atlaskit/atlassian-switcher@5.7.1

• @atlaskit/popup@0.3.0

• Add openOverflowMenu and closeOverflowMenu to useOverflowStatus.
• Add testIDs to the overflow menu and trigger.

[patch]c3ccbe7d7b, (opens new window):

Bump @atlaskit/popup to get closeManager fixes- Updated dependencies eb1ecc219a, (opens new window):

• @atlaskit/popup@0.2.7

[minor]24edf508bf, (opens new window):

BREAKING CHANGE Removes _itemTheme from package. Replaces popup examples with @atlaskit/menu.

[patch]5c105059ef, (opens new window):

Increase stability of "more" collapse/expand behaviour- Updated dependencies 28f8f0e089, (opens new window):

Updated dependencies 82747f2922, (opens new window):

Updated dependencies f534973bd4, (opens new window):

Updated dependencies 4a223473c5, (opens new window):

• @atlaskit/icon@19.1.0
• @atlaskit/theme@9.5.0
• @atlaskit/popup@0.2.6
• @atlaskit/badge@13.1.4
• @atlaskit/button@13.3.5
• @atlaskit/spinner@12.1.3
• @atlaskit/tooltip@15.2.1
• @atlaskit/dropdown-menu@8.2.2

[patch]6c94b91976, (opens new window):

Fixes avatar skeleton size.- [patch]64aefb016d, (opens new window):

Fixes overflow menu popup placement.

[patch]666ecab6c9, (opens new window):

Improve styles for Atlassian Navigation when SSRd

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

Fixing visual tweaks for top nav and menu spacing

[patch]65e4e8a5ec, (opens new window):

Removing left margin for ProductHome when there's no Switcher before it.

[minor]df31cc4fb4, (opens new window):

Changed the ProductHome theme to remove all the button styles. Instead us the PrimaryButton styles.

• @atlaskit/logo@12.3.0

[patch]72ceb0c548, (opens new window):

Fixes Skeleton for atlassian navigation, which had broken earlier due to the ProductHome re-write

[minor]63b9f324df, (opens new window):

Change the way ProductHome is rendered

[patch]38a300c7e0, (opens new window):

Misc UI changes- Updated dependencies d0415ae306, (opens new window):

• @atlaskit/popup@0.2.4

[patch]c86f02bcb3, (opens new window):

Added selected state to more menu

[patch]e419c3c01f, (opens new window):

Update color of skeleton in atlassian-navigation

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

Fixed nav height

[patch]8e8366be2c, (opens new window):

• Fix types for the tooltip prop to allow React components.
• Introduce buttonTooltip and iconButtonTooltip to configure tooltip for create button.

[patch]042a5d87ea, (opens new window):

Reduced unnecessary deps for navigation, and added temp _itemTheme export to style dropdown-menu items

[minor]355e7ca2ea, (opens new window):

Breaking changes from previous version:

• Rename siteName to siteTitle to match what it is called in the products
• Rename isSelected prop to isHighlighted to avoid confusion with the CSS states of the button, which is also exposed as a prop to Button

Other visual changes:

• Primary buttons in the nav with dropdowns stay highlighted when the drop down is open.
• Fix active state in FF
• Gradients for Atlassian products works correctly

[patch]5eb3d1fc75, (opens new window):

Removed spinner from the notifications package (handled by the iframe content instead)

[minor]48640192dc, (opens new window):

Adds support for white nav. Repositions how the components are displayed. Changes to the theming API to support white nav. Add support for showing site name

• @atlaskit/popup@0.2.0

[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

[patch]fcfd4db9c0, (opens new window):

Fixing focus styles for IconButtons

[patch]fda9024074, (opens new window):

Add a fully instrumented example of atlassian-navigation using @atlaskit/analytics-next

[patch]c24724add6, (opens new window):

Update entry points and exports

[patch]6a82fd06ab, (opens new window):

Render tooltip only when supplied, and fix button focus background color

[patch]c810632671, (opens new window):

Update theme generation

[patch]f7eb0a4886, (opens new window):

Ensuring new horizontal nav allows for scrollbar width. Using 'vw' units prevents this.

[minor]c5939cb73d, (opens new window):

Integrate popup component

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

Fix badge and primary items container styles

[patch]197aa4ed2c, (opens new window):

Use context hooks in favour of emotion-theming

[minor]382273ee49, (opens new window):

Add more behaviour

[patch]13f8980fb2, (opens new window):

Use emotion object style

• @atlaskit/drawer@5.0.10
• @atlaskit/dropdown-menu@8.1.1
• @atlaskit/avatar@17.0.0
• @atlaskit/theme@9.2.2

[minor]187b3147bd, (opens new window):

Add theming support

• @atlaskit/badge@13.0.0
• @atlaskit/notification-indicator@7.0.8

[patch]8e692b02f5, (opens new window):

Add AppNavigationSkeleton as a named export.

[patch]f0980913df, (opens new window):

Add missing dependencies to package.json