@atlaskit/navigation-system 7.3.0 → 8.1.0

package/dist/types-ts4.5/ui/top-nav-items/themed/palette-rgba.d.ts

@@ -0,0 +1,14 @@
+export declare const paletteRgba: {
+    DarkNeutral300A: {
+        r: number;
+        g: number;
+        b: number;
+        a: number;
+    };
+    Neutral300A: {
+        r: number;
+        g: number;
+        b: number;
+        a: number;
+    };
+};

package/dist/types-ts4.5/ui/top-nav-items/themed/palette.d.ts

@@ -1,9 +1,3 @@
-/**
- * Copied from the brand refresh palette.
- *
- * Ideally we'd codegen this but the brand refresh palette isn't exposed
- * through public API and we shouldn't use the private API of another package.
- */
 export declare const palette: {
     'DarkNeutral-100': string;
     'DarkNeutral-100A': string;
@@ -46,17 +40,3 @@ export declare const palette: {
     Neutral1000: string;
     Neutral1100: string;
 };
-export declare const paletteRgba: {
-    DarkNeutral300A: {
-        r: number;
-        g: number;
-        b: number;
-        a: number;
-    };
-    Neutral300A: {
-        r: number;
-        g: number;
-        b: number;
-        a: number;
-    };
-};

package/dist/types-ts4.5/ui/top-nav-items/themed/themed-anchor.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import { type AnchorProps } from '@atlaskit/primitives/compiled';
+import type { CommonProps, OverriddenPrimitiveProps } from './types';
+/**
+ * Props that are common between link buttons.
+ */
+interface LinkVariantCommonProps<RouterLinkConfig extends Record<string, any> = never> extends CommonProps, Omit<AnchorProps<RouterLinkConfig>, OverriddenPrimitiveProps> {
+}
+/**
+ * Props shared by `ThemedPressable` and `ThemedAnchor`
+ */
+interface ThemedPrimitiveProps {
+    shape?: 'default' | 'square';
+    children: React.ReactNode;
+}
+interface ThemedAnchorProps<RouterLinkConfig extends Record<string, any> = never> extends ThemedPrimitiveProps, LinkVariantCommonProps<RouterLinkConfig> {
+}
+/**
+ * Intentionally an almost-duplicate of `ThemedPressable` - make sure to update both.
+ *
+ * More 'clever' solutions were tried but I couldn't get them working in an acceptable state.
+ *
+ * Polymorphism had many typing issues and required sacrificing type safety.
+ *
+ * Render props had problems passing down styles through `xcss` to the `children` function.
+ */
+export declare const ThemedAnchor: <RouterLinkConfig extends Record<string, any> = never>(props: ThemedAnchorProps<RouterLinkConfig> & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null;
+export {};

package/dist/types-ts4.5/ui/top-nav-items/themed/themed-button.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import type { PressableProps } from '@atlaskit/primitives/compiled';
+import type { CommonProps, OverriddenPrimitiveProps, TextButtonCommonProps } from './types';
+export interface ThemedButtonProps extends CommonProps, Omit<PressableProps, OverriddenPrimitiveProps>, TextButtonCommonProps {
+}
+export declare const ThemedButton: React.ForwardRefExoticComponent<React.PropsWithoutRef<ThemedButtonProps> & React.RefAttributes<HTMLButtonElement>>;

package/dist/types-ts4.5/ui/top-nav-items/themed/themed-icon-button.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import type { PressableProps } from '@atlaskit/primitives/compiled';
+import type { CommonProps, IconButtonCommonProps, OverriddenPrimitiveProps } from './types';
+export interface ThemedIconButtonProps extends CommonProps, Omit<PressableProps, OverriddenPrimitiveProps>, IconButtonCommonProps {
+}
+export declare const ThemedIconButton: React.ForwardRefExoticComponent<React.PropsWithoutRef<ThemedIconButtonProps> & React.RefAttributes<HTMLButtonElement>>;

package/dist/types-ts4.5/ui/top-nav-items/themed/themed-link-button.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import type { AnchorProps } from '@atlaskit/primitives/compiled';
+import type { CommonProps, OverriddenPrimitiveProps, TextButtonCommonProps } from './types';
+/**
+ * Props that are common between link buttons.
+ */
+interface LinkVariantCommonProps<RouterLinkConfig extends Record<string, any> = never> extends CommonProps, Omit<AnchorProps<RouterLinkConfig>, OverriddenPrimitiveProps> {
+}
+export interface ThemedLinkButtonProps<RouterLinkConfig extends Record<string, any> = never> extends LinkVariantCommonProps<RouterLinkConfig>, TextButtonCommonProps {
+}
+export declare const ThemedLinkButton: <RouterLinkConfig extends Record<string, any> = never>(props: ThemedLinkButtonProps<RouterLinkConfig> & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null;
+export {};

package/dist/types-ts4.5/ui/top-nav-items/themed/themed-link-icon-button.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { AnchorProps } from '@atlaskit/primitives/compiled';
+import type { CommonProps, IconButtonCommonProps, OverriddenPrimitiveProps } from './types';
+/**
+ * Props that are common between link buttons.
+ */
+interface LinkVariantCommonProps<RouterLinkConfig extends Record<string, any> = never> extends CommonProps, Omit<AnchorProps<RouterLinkConfig>, OverriddenPrimitiveProps> {
+}
+export interface ThemedLinkIconButtonProps<RouterLinkConfig extends Record<string, any> = never> extends LinkVariantCommonProps<RouterLinkConfig>, IconButtonCommonProps {
+    href: string | RouterLinkConfig;
+}
+export declare const ThemedLinkIconButton: <RouterLinkConfig extends Record<string, any> = never>(props: ThemedLinkIconButtonProps<RouterLinkConfig> & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null;
+export {};

package/dist/types-ts4.5/ui/top-nav-items/themed/themed-pressable.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import { type PressableProps } from '@atlaskit/primitives/compiled';
+import type { CommonProps, OverriddenPrimitiveProps } from './types';
+/**
+ * Props shared by `ThemedPressable` and `ThemedAnchor`
+ */
+interface ThemedPrimitiveProps {
+    shape?: 'default' | 'square';
+    children: React.ReactNode;
+}
+interface ThemedPressableProps extends ThemedPrimitiveProps, CommonProps, Omit<PressableProps, OverriddenPrimitiveProps> {
+}
+export declare const ThemedPressable: React.ForwardRefExoticComponent<React.PropsWithoutRef<ThemedPressableProps> & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/types-ts4.5/ui/top-nav-items/themed/types.d.ts

@@ -0,0 +1,54 @@
+import type { ReactNode } from 'react';
+import type { IconButtonProps } from '@atlaskit/button/new';
+import type { IgnoredPrimitiveProps } from './get-primitives-spread-props';
+/**
+ * Props present in underlying primitives but we want to override,
+ * so we don't want to inherit their definitions
+ */
+export type OverriddenPrimitiveProps = 'aria-label' | 'children' | IgnoredPrimitiveProps;
+export interface CommonProps {
+    /**
+     * The button style variation.
+     */
+    appearance?: 'default' | 'primary' | 'subtle';
+    /**
+     * Whether the button is disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * Indicates that the button is selected.
+     */
+    isSelected?: boolean;
+}
+/**
+ * Props shared by `Button` and `LinkButton`
+ */
+export interface TextButtonCommonProps {
+    /**
+     * Places an icon within the button, before the button's text.
+     */
+    iconBefore?: IconButtonProps['icon'];
+    /**
+     * Text content to be rendered in the button.
+     */
+    children: ReactNode;
+}
+/**
+ * Props shared by `ThemedIconButtonProps` and `ThemedLinkIconButton`
+ */
+export interface IconButtonCommonProps {
+    children?: never;
+    'aria-label'?: never;
+    /**
+     * Provide an accessible label, often used by screen readers.
+     */
+    label: ReactNode;
+    /**
+     * Places an icon within the button.
+     */
+    icon: IconButtonProps['icon'];
+    /**
+     * Props passed down to the Tooltip component.
+     */
+    tooltip?: IconButtonProps['tooltip'];
+}

package/dist/types-ts4.5/ui/top-nav-items/themed/use-custom-theme-new.d.ts

@@ -0,0 +1,20 @@
+import { type CustomTheme } from './get-custom-theme-styles';
+type ResultNew = {
+    isEnabled: false;
+} | {
+    isEnabled: true;
+    style: React.CSSProperties;
+    hasDefaultBackground: boolean;
+};
+/**
+ * React hook that computes the custom theme style for the top navigation bar.
+ *
+ * Determines whether a custom theme is enabled, computes the resulting style,
+ * and checks if the background color matches the default for the current color mode.
+ *
+ * @param theme Optional custom theme configuration object.
+ * @returns An object indicating if the custom theme is enabled, the computed style,
+ *          and a flag specifying if the default background color is used.
+ */
+export declare function useCustomThemeNew(theme: CustomTheme | undefined): ResultNew;
+export {};

package/dist/types-ts4.5/ui/top-nav-items/themed/use-custom-theme.d.ts

@@ -1,15 +1,4 @@
 import { type CustomTheme } from './get-custom-theme-styles';
-type ResultNew = {
-    isEnabled: false;
-} | {
-    isEnabled: true;
-    style: React.CSSProperties;
-    hasDefaultBackground: boolean;
-};
-/**
- * {description}.
- */
-export declare function useCustomThemeNew(theme: CustomTheme | undefined): ResultNew;
 type Result = {
     isEnabled: false;
 } | {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/navigation-system",
-	"version": "7.3.0",
+	"version": "8.1.0",
 	"description": "The latest navigation system for Atlassian apps.",
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
 	"author": "Atlassian Pty Ltd",
@@ -71,18 +71,18 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.2.0",
-		"@atlaskit/app-provider": "^4.2.0",
-		"@atlaskit/avatar": "^25.11.0",
+		"@atlaskit/app-provider": "^4.3.0",
+		"@atlaskit/avatar": "^25.13.0",
 		"@atlaskit/button": "^23.11.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/ds-lib": "^7.0.0",
-		"@atlaskit/icon": "^34.1.0",
-		"@atlaskit/layering": "^3.6.0",
+		"@atlaskit/icon": "^34.3.0",
+		"@atlaskit/layering": "^3.7.0",
 		"@atlaskit/logo": "^20.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/popup": "^4.16.0",
-		"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
+		"@atlaskit/pragmatic-drag-and-drop": "^1.8.0",
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/side-nav-items": "^1.13.0",
 		"@atlaskit/tokens": "^13.0.0",
@@ -102,28 +102,28 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/badge": "^18.4.0",
+		"@atlaskit/badge": "^18.6.0",
 		"@atlaskit/banner": "^14.0.0",
-		"@atlaskit/breadcrumbs": "^16.0.0",
+		"@atlaskit/breadcrumbs": "^16.1.0",
 		"@atlaskit/dropdown-menu": "^16.8.0",
 		"@atlaskit/form": "^15.5.0",
 		"@atlaskit/heading": "^5.4.0",
 		"@atlaskit/link": "^3.4.0",
-		"@atlaskit/lozenge": "^13.6.0",
-		"@atlaskit/menu": "^8.4.0",
-		"@atlaskit/modal-dialog": "^14.15.0",
-		"@atlaskit/onboarding": "^14.5.0",
+		"@atlaskit/lozenge": "^13.7.0",
+		"@atlaskit/menu": "^8.5.0",
+		"@atlaskit/modal-dialog": "^14.17.0",
+		"@atlaskit/onboarding": "^14.6.0",
 		"@atlaskit/page-header": "^12.1.0",
-		"@atlaskit/page-layout": "^4.2.0",
-		"@atlaskit/popper": "^7.1.0",
+		"@atlaskit/page-layout": "^4.3.0",
+		"@atlaskit/popper": "^7.2.0",
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.0",
 		"@atlaskit/select": "^21.10.0",
 		"@atlaskit/skeleton": "^2.1.0",
 		"@atlaskit/textfield": "^8.3.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
-		"@atlassian/gemini": "^1.43.0",
+		"@atlassian/gemini": "^1.44.0",
 		"@atlassian/react-compiler-gating": "workspace:^",
-		"@atlassian/search-dialog": "^9.21.0",
+		"@atlassian/search-dialog": "^10.0.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/test-utils": "^1.0.0",
 		"@atlassian/testing-library": "^0.5.0",
@@ -183,6 +183,9 @@
 		},
 		"platform_dst_nav4_custom_theming_fhs_1": {
 			"type": "boolean"
+		},
+		"platform_dst_nav4_skip_link_a11y_1": {
+			"type": "boolean"
 		}
 	},
 	"homepage": "https://atlassian.design/components/navigation-system"

package/dist/cjs/context/top-nav-start/top-nav-start-context.js

@@ -1,26 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TopNavStartElement = exports.TopNavStartAttachRef = void 0;
-var _react = require("react");
-var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-/**
- * Context for the TopNavStart container element
- * Used to power the side nav flyout by allowing the side nav to bind event listeners to the element, so we can
- * keep the flyout open while the user mouses from the top bar to the side nav.
- */
-var TopNavStartElement = exports.TopNavStartElement = /*#__PURE__*/(0, _react.createContext)(null);
-
-/**
- * Context for the callback ref used to respond to the TopNavStart element ref being attached. It is used to update the
- * `TopNavStartElement` state so consumers can react to the ref being attached.
- *
- * e.g. Once the TopNavStart element has been mounted, the side nav can bind mouse event listeners to it.
- *
- * A callback ref is needed because the side nav can be mounted before elements in the top bar (e.g. if the element is lazy loaded),
- * which happens in Jira and Confluence), which would prevent the event listeners from being set up.
- */
-var TopNavStartAttachRef = exports.TopNavStartAttachRef = /*#__PURE__*/(0, _react.createContext)(_noop.default);

package/dist/cjs/ui/page-layout/side-nav/toggle-button-context.js

@@ -1,26 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SideNavToggleButtonElement = exports.SideNavToggleButtonAttachRef = void 0;
-var _react = require("react");
-var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-/**
- * Context for the side nav toggle button element.
- * Used to power the side nav flyout by allowing the side nav to bind event listeners to the button element.
- */
-var SideNavToggleButtonElement = exports.SideNavToggleButtonElement = /*#__PURE__*/(0, _react.createContext)(null);
-
-/**
- * Context for the callback ref used to respond to toggle button ref being attached. It is used to update the
- * `SideNavToggleButtonRef` state so consumers can react to the ref being attached.
- *
- * e.g. Once the side nav toggle button has been mounted, the side nav can bind mouse event listeners to it
- * to power the sidenav flyout.
- *
- * A callback ref is needed because the side nav can be mounted before the elements in the top bar (e.g. if the element
- *  is lazy loaded, which happens in Jira and Confluence), which would prevent the event listeners from being set up.
- */
-var SideNavToggleButtonAttachRef = exports.SideNavToggleButtonAttachRef = /*#__PURE__*/(0, _react.createContext)(_noop.default);

package/dist/cjs/ui/page-layout/side-nav/visibility-context.js

@@ -1,19 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SideNavVisibilityState = exports.SetSideNavVisibilityState = void 0;
-var _react = require("react");
-var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-/**
- * Context for the visibility of the side nav.
- * State is initialised as null. This is used when the value has not been set yet - which is important to know for SSR.
- */
-var SideNavVisibilityState = exports.SideNavVisibilityState = /*#__PURE__*/(0, _react.createContext)(null);
-
-/**
- * Sets the visibility of the side nav.
- */
-var SetSideNavVisibilityState = exports.SetSideNavVisibilityState = /*#__PURE__*/(0, _react.createContext)(_noop.default);

package/dist/cjs/ui/top-nav-items/themed/migration.js

@@ -1,53 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LinkIconButton = exports.LinkButton = exports.IconButton = exports.Button = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _new = _interopRequireWildcard(require("@atlaskit/button/new"));
-var _button = require("./button");
-var _hasCustomThemeContext = require("./has-custom-theme-context");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-// Explicitly typed to use only the themed button API,
-// which is a subset of the normal button API
-var IconButton = exports.IconButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var hasCustomTheme = (0, _hasCustomThemeContext.useHasCustomTheme)();
-  var Component = hasCustomTheme ? _button.ThemedIconButton : _new.IconButton;
-  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-    ref: ref
-  }, props));
-});
-
-// Explicitly typed to use only the themed button API,
-// which is a subset of the normal button API
-var LinkIconButton = exports.LinkIconButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var hasCustomTheme = (0, _hasCustomThemeContext.useHasCustomTheme)();
-  var Component = hasCustomTheme ? _button.ThemedLinkIconButton : _new.LinkIconButton;
-  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-    ref: ref
-  }, props));
-});
-
-// Explicitly typed to use only the themed button API,
-// which is a subset of the normal button API
-var Button = exports.Button = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var hasCustomTheme = (0, _hasCustomThemeContext.useHasCustomTheme)();
-  var Component = hasCustomTheme ? _button.ThemedButton : _new.default;
-  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-    ref: ref
-  }, props));
-});
-
-// Explicitly typed to use only the themed button API,
-// which is a subset of the normal button API
-var LinkButton = exports.LinkButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var hasCustomTheme = (0, _hasCustomThemeContext.useHasCustomTheme)();
-  var Component = hasCustomTheme ? _button.ThemedLinkButton : _new.LinkButton;
-  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-    ref: ref
-  }, props));
-});

package/dist/es2019/context/top-nav-start/top-nav-start-context.js

@@ -1,20 +0,0 @@
-import { createContext } from 'react';
-import __noop from '@atlaskit/ds-lib/noop';
-
-/**
- * Context for the TopNavStart container element
- * Used to power the side nav flyout by allowing the side nav to bind event listeners to the element, so we can
- * keep the flyout open while the user mouses from the top bar to the side nav.
- */
-export const TopNavStartElement = /*#__PURE__*/createContext(null);
-
-/**
- * Context for the callback ref used to respond to the TopNavStart element ref being attached. It is used to update the
- * `TopNavStartElement` state so consumers can react to the ref being attached.
- *
- * e.g. Once the TopNavStart element has been mounted, the side nav can bind mouse event listeners to it.
- *
- * A callback ref is needed because the side nav can be mounted before elements in the top bar (e.g. if the element is lazy loaded),
- * which happens in Jira and Confluence), which would prevent the event listeners from being set up.
- */
-export const TopNavStartAttachRef = /*#__PURE__*/createContext(__noop);

package/dist/es2019/ui/page-layout/side-nav/element-context.js

@@ -1,21 +0,0 @@
-import React, { createContext, useContext, useRef } from 'react';
-const SideNavRefContext = /*#__PURE__*/createContext({
-  current: null
-});
-export function SideNavElementProvider({
-  children
-}) {
-  const sideNavRef = useRef(null);
-  return /*#__PURE__*/React.createElement(SideNavRefContext.Provider, {
-    value: sideNavRef
-  }, children);
-}
-
-/**
- * Returns a ref for the side navigation that is accessible to other Page Layout slots.
- *
- * Used by the Panel to measure the SideNav when it is calculating its resize bounds.
- */
-export function useSideNavRef() {
-  return useContext(SideNavRefContext);
-}

package/dist/es2019/ui/page-layout/side-nav/toggle-button-context.js

@@ -1,19 +0,0 @@
-import { createContext } from 'react';
-import __noop from '@atlaskit/ds-lib/noop';
-/**
- * Context for the side nav toggle button element.
- * Used to power the side nav flyout by allowing the side nav to bind event listeners to the button element.
- */
-export const SideNavToggleButtonElement = /*#__PURE__*/createContext(null);
-
-/**
- * Context for the callback ref used to respond to toggle button ref being attached. It is used to update the
- * `SideNavToggleButtonRef` state so consumers can react to the ref being attached.
- *
- * e.g. Once the side nav toggle button has been mounted, the side nav can bind mouse event listeners to it
- * to power the sidenav flyout.
- *
- * A callback ref is needed because the side nav can be mounted before the elements in the top bar (e.g. if the element
- *  is lazy loaded, which happens in Jira and Confluence), which would prevent the event listeners from being set up.
- */
-export const SideNavToggleButtonAttachRef = /*#__PURE__*/createContext(__noop);

package/dist/es2019/ui/top-nav-items/themed/migration.js

@@ -1,45 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { forwardRef } from 'react';
-import AkButton, { IconButton as AkIconButton, LinkButton as AkLinkButton, LinkIconButton as AkLinkIconButton } from '@atlaskit/button/new';
-import { ThemedButton, ThemedIconButton, ThemedLinkButton, ThemedLinkIconButton } from './button';
-import { useHasCustomTheme } from './has-custom-theme-context';
-// Explicitly typed to use only the themed button API,
-// which is a subset of the normal button API
-const IconButton = /*#__PURE__*/forwardRef((props, ref) => {
-  const hasCustomTheme = useHasCustomTheme();
-  const Component = hasCustomTheme ? ThemedIconButton : AkIconButton;
-  return /*#__PURE__*/React.createElement(Component, _extends({
-    ref: ref
-  }, props));
-});
-
-// Explicitly typed to use only the themed button API,
-// which is a subset of the normal button API
-const LinkIconButton = /*#__PURE__*/forwardRef((props, ref) => {
-  const hasCustomTheme = useHasCustomTheme();
-  const Component = hasCustomTheme ? ThemedLinkIconButton : AkLinkIconButton;
-  return /*#__PURE__*/React.createElement(Component, _extends({
-    ref: ref
-  }, props));
-});
-
-// Explicitly typed to use only the themed button API,
-// which is a subset of the normal button API
-const Button = /*#__PURE__*/forwardRef((props, ref) => {
-  const hasCustomTheme = useHasCustomTheme();
-  const Component = hasCustomTheme ? ThemedButton : AkButton;
-  return /*#__PURE__*/React.createElement(Component, _extends({
-    ref: ref
-  }, props));
-});
-
-// Explicitly typed to use only the themed button API,
-// which is a subset of the normal button API
-const LinkButton = /*#__PURE__*/forwardRef((props, ref) => {
-  const hasCustomTheme = useHasCustomTheme();
-  const Component = hasCustomTheme ? ThemedLinkButton : AkLinkButton;
-  return /*#__PURE__*/React.createElement(Component, _extends({
-    ref: ref
-  }, props));
-});
-export { IconButton, Button, LinkIconButton, LinkButton };

package/dist/esm/context/top-nav-start/top-nav-start-context.js

@@ -1,20 +0,0 @@
-import { createContext } from 'react';
-import __noop from '@atlaskit/ds-lib/noop';
-
-/**
- * Context for the TopNavStart container element
- * Used to power the side nav flyout by allowing the side nav to bind event listeners to the element, so we can
- * keep the flyout open while the user mouses from the top bar to the side nav.
- */
-export var TopNavStartElement = /*#__PURE__*/createContext(null);
-
-/**
- * Context for the callback ref used to respond to the TopNavStart element ref being attached. It is used to update the
- * `TopNavStartElement` state so consumers can react to the ref being attached.
- *
- * e.g. Once the TopNavStart element has been mounted, the side nav can bind mouse event listeners to it.
- *
- * A callback ref is needed because the side nav can be mounted before elements in the top bar (e.g. if the element is lazy loaded),
- * which happens in Jira and Confluence), which would prevent the event listeners from being set up.
- */
-export var TopNavStartAttachRef = /*#__PURE__*/createContext(__noop);

package/dist/esm/ui/page-layout/hoist-utils.js

@@ -1,51 +0,0 @@
-import React from 'react';
-import { gridRootId } from './root';
-
-/**
- * This is not ideal and shouldn't be used by anything outside of `<Banner>` and `<TopNav>`.
- *
- * This makes the other page layout elements aware that the banner and top bar have been mounted, provides them
- * with their heights. This is needed to power the stick points of page layout elements like SideNav and Panel.
- *
- * We should clean this up once we have a better solution, such as moving the size props for banner and top bar into `Root`.
- */
-export var HoistCssVarToLocalGrid = function HoistCssVarToLocalGrid(_ref) {
-  var variableName = _ref.variableName,
-    value = _ref.value;
-  return /*#__PURE__*/React.createElement("style", null, "#".concat(gridRootId, " { ").concat(variableName, ": ").concat(value, "px }"));
-};
-var getCssStringValue = function getCssStringValue(value) {
-  return typeof value === 'number' ? "".concat(value, "px") : value;
-};
-
-/**
- * Hoists CSS variables to the document root. This is support the legacy edge case of monolith pages being injected as a
- * sibling to the page layout, as opposed to within the `Main` slot.
- */
-export var DangerouslyHoistCssVarToDocumentRoot = function DangerouslyHoistCssVarToDocumentRoot(_ref2) {
-  var variableName = _ref2.variableName,
-    value = _ref2.value,
-    mediaQuery = _ref2.mediaQuery,
-    responsiveValue = _ref2.responsiveValue;
-  /**
-   * Note don't put multiple variables in multiple lines. eg
-   * <style>
-   *   {css1}
-   *   {css2}
-   * </style>
-   *
-   * React will insert an empty HTML comment in between the text in SSR.
-   * This is not a valid tag and will break the page.
-   * <style>foo<!-- -->bar</style>
-   */
-  var style = ":root { ".concat(variableName, ": ").concat(getCssStringValue(value), " }");
-  if (mediaQuery && responsiveValue) {
-    style += " ".concat(mediaQuery, " { :root { ").concat(variableName, ": ").concat(getCssStringValue(responsiveValue), " } }");
-  }
-  return (
-    /*#__PURE__*/
-    // Using a global style is required for SSR, as we can't use React hooks
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles
-    React.createElement("style", null, style)
-  );
-};