@atlaskit/navigation-system 9.4.3 → 10.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (176) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/experimental/ribbon/package.json +1 -8
  3. package/fhs-rollout/package.json +1 -8
  4. package/layout/aside/package.json +1 -8
  5. package/layout/banner/package.json +1 -8
  6. package/layout/main/package.json +1 -8
  7. package/layout/panel/package.json +1 -8
  8. package/layout/panel-splitter/package.json +1 -8
  9. package/layout/root/package.json +1 -8
  10. package/layout/side-nav/package.json +1 -8
  11. package/layout/skip-links/package.json +1 -8
  12. package/layout/top-nav/package.json +1 -8
  13. package/legacy/css-variables/package.json +1 -8
  14. package/package.json +41 -49
  15. package/theming/color-utils/parse-hex/package.json +1 -8
  16. package/theming/color-utils/parse-hsl/package.json +1 -8
  17. package/theming/color-utils/parse-rgb/package.json +1 -8
  18. package/theming/color-utils/parse-user-color/package.json +1 -8
  19. package/theming/top-nav-button/package.json +1 -8
  20. package/theming/use-has-custom-theme/package.json +1 -8
  21. package/theming/use-legacy-search-theme/package.json +1 -8
  22. package/top-nav-items/create-button/package.json +1 -8
  23. package/top-nav-items/custom-title/package.json +1 -8
  24. package/top-nav-items/help/package.json +1 -8
  25. package/top-nav-items/log-in/package.json +1 -8
  26. package/top-nav-items/notifications/package.json +1 -8
  27. package/top-nav-items/package.json +1 -8
  28. package/top-nav-items/profile/package.json +1 -8
  29. package/top-nav-items/settings/package.json +1 -8
  30. package/dist/types-ts4.5/components/badge-container.d.ts +0 -32
  31. package/dist/types-ts4.5/components/list-item.d.ts +0 -27
  32. package/dist/types-ts4.5/components/list.d.ts +0 -28
  33. package/dist/types-ts4.5/components/skip-links/focus-element.d.ts +0 -4
  34. package/dist/types-ts4.5/components/skip-links/skip-link.d.ts +0 -19
  35. package/dist/types-ts4.5/components/skip-links/skip-links-container.d.ts +0 -18
  36. package/dist/types-ts4.5/components/skip-links/skip-links-popup.d.ts +0 -11
  37. package/dist/types-ts4.5/context/skip-links/skip-links-context.d.ts +0 -9
  38. package/dist/types-ts4.5/context/skip-links/skip-links-provider.d.ts +0 -13
  39. package/dist/types-ts4.5/context/skip-links/types.d.ts +0 -44
  40. package/dist/types-ts4.5/context/skip-links/use-skip-link-internal.d.ts +0 -10
  41. package/dist/types-ts4.5/context/skip-links/use-skip-link.d.ts +0 -18
  42. package/dist/types-ts4.5/context/top-nav-start/top-nav-start-attach-ref.d.ts +0 -1
  43. package/dist/types-ts4.5/context/top-nav-start/top-nav-start-context-provider.d.ts +0 -17
  44. package/dist/types-ts4.5/context/top-nav-start/top-nav-start-element.d.ts +0 -1
  45. package/dist/types-ts4.5/entry-points/experimental/ribbon.d.ts +0 -1
  46. package/dist/types-ts4.5/entry-points/fhs-rollout.d.ts +0 -3
  47. package/dist/types-ts4.5/entry-points/layout/aside.d.ts +0 -1
  48. package/dist/types-ts4.5/entry-points/layout/banner.d.ts +0 -1
  49. package/dist/types-ts4.5/entry-points/layout/main.d.ts +0 -3
  50. package/dist/types-ts4.5/entry-points/layout/panel-splitter.d.ts +0 -3
  51. package/dist/types-ts4.5/entry-points/layout/panel.d.ts +0 -1
  52. package/dist/types-ts4.5/entry-points/layout/root.d.ts +0 -1
  53. package/dist/types-ts4.5/entry-points/layout/side-nav.d.ts +0 -8
  54. package/dist/types-ts4.5/entry-points/layout/skip-links.d.ts +0 -2
  55. package/dist/types-ts4.5/entry-points/layout/top-nav.d.ts +0 -4
  56. package/dist/types-ts4.5/entry-points/legacy/css-variables.d.ts +0 -12
  57. package/dist/types-ts4.5/entry-points/theming/color-utils/parse-hex.d.ts +0 -1
  58. package/dist/types-ts4.5/entry-points/theming/color-utils/parse-hsl.d.ts +0 -1
  59. package/dist/types-ts4.5/entry-points/theming/color-utils/parse-rgb.d.ts +0 -1
  60. package/dist/types-ts4.5/entry-points/theming/color-utils/parse-user-color.d.ts +0 -1
  61. package/dist/types-ts4.5/entry-points/theming/top-nav-button.d.ts +0 -4
  62. package/dist/types-ts4.5/entry-points/theming/use-has-custom-theme.d.ts +0 -1
  63. package/dist/types-ts4.5/entry-points/theming/use-legacy-search-theme.d.ts +0 -1
  64. package/dist/types-ts4.5/entry-points/top-nav-items/create-button.d.ts +0 -1
  65. package/dist/types-ts4.5/entry-points/top-nav-items/custom-title.d.ts +0 -1
  66. package/dist/types-ts4.5/entry-points/top-nav-items/help.d.ts +0 -1
  67. package/dist/types-ts4.5/entry-points/top-nav-items/index.d.ts +0 -14
  68. package/dist/types-ts4.5/entry-points/top-nav-items/log-in.d.ts +0 -1
  69. package/dist/types-ts4.5/entry-points/top-nav-items/notifications.d.ts +0 -1
  70. package/dist/types-ts4.5/entry-points/top-nav-items/profile.d.ts +0 -1
  71. package/dist/types-ts4.5/entry-points/top-nav-items/settings.d.ts +0 -1
  72. package/dist/types-ts4.5/index.d.ts +0 -34
  73. package/dist/types-ts4.5/ui/fhs-rollout/is-custom-is-fhs-enabled-context.d.ts +0 -7
  74. package/dist/types-ts4.5/ui/fhs-rollout/is-fhs-enabled-context.d.ts +0 -8
  75. package/dist/types-ts4.5/ui/fhs-rollout/is-fhs-enabled-provider.d.ts +0 -10
  76. package/dist/types-ts4.5/ui/fhs-rollout/types.d.ts +0 -1
  77. package/dist/types-ts4.5/ui/fhs-rollout/use-is-fhs-enabled.d.ts +0 -6
  78. package/dist/types-ts4.5/ui/page-layout/aside.d.ts +0 -29
  79. package/dist/types-ts4.5/ui/page-layout/banner.d.ts +0 -24
  80. package/dist/types-ts4.5/ui/page-layout/constants.d.ts +0 -50
  81. package/dist/types-ts4.5/ui/page-layout/dangerously-hoist-css-var-to-document-root.d.ts +0 -8
  82. package/dist/types-ts4.5/ui/page-layout/hoist-css-var-to-local-grid.d.ts +0 -13
  83. package/dist/types-ts4.5/ui/page-layout/hoist-slot-sizes-context.d.ts +0 -5
  84. package/dist/types-ts4.5/ui/page-layout/main/main-sticky-header.d.ts +0 -23
  85. package/dist/types-ts4.5/ui/page-layout/main/main.d.ts +0 -16
  86. package/dist/types-ts4.5/ui/page-layout/panel-splitter/convert-resize-bound-to-pixels.d.ts +0 -7
  87. package/dist/types-ts4.5/ui/page-layout/panel-splitter/get-percentage-within-pixel-bounds.d.ts +0 -18
  88. package/dist/types-ts4.5/ui/page-layout/panel-splitter/get-pixel-width.d.ts +0 -4
  89. package/dist/types-ts4.5/ui/page-layout/panel-splitter/get-width-from-drag-location.d.ts +0 -8
  90. package/dist/types-ts4.5/ui/page-layout/panel-splitter/is-panel-splitter-drag-data.d.ts +0 -9
  91. package/dist/types-ts4.5/ui/page-layout/panel-splitter/keyboard-resize-manager.d.ts +0 -15
  92. package/dist/types-ts4.5/ui/page-layout/panel-splitter/on-double-click-context.d.ts +0 -8
  93. package/dist/types-ts4.5/ui/page-layout/panel-splitter/panel-splitter-context.d.ts +0 -64
  94. package/dist/types-ts4.5/ui/page-layout/panel-splitter/panel-splitter-drag-symbol.d.ts +0 -1
  95. package/dist/types-ts4.5/ui/page-layout/panel-splitter/panel-splitter.d.ts +0 -52
  96. package/dist/types-ts4.5/ui/page-layout/panel-splitter/provider.d.ts +0 -28
  97. package/dist/types-ts4.5/ui/page-layout/panel-splitter/side-nav-panel-splitter.d.ts +0 -38
  98. package/dist/types-ts4.5/ui/page-layout/panel-splitter/types.d.ts +0 -23
  99. package/dist/types-ts4.5/ui/page-layout/panel.d.ts +0 -40
  100. package/dist/types-ts4.5/ui/page-layout/ribbon.d.ts +0 -11
  101. package/dist/types-ts4.5/ui/page-layout/root.d.ts +0 -71
  102. package/dist/types-ts4.5/ui/page-layout/side-nav/flyout-close-delay-ms.d.ts +0 -5
  103. package/dist/types-ts4.5/ui/page-layout/side-nav/is-side-nav-shortcut-enabled-context.d.ts +0 -8
  104. package/dist/types-ts4.5/ui/page-layout/side-nav/is-side-nav-shortcut-enabled-provider.d.ts +0 -5
  105. package/dist/types-ts4.5/ui/page-layout/side-nav/set-side-nav-visibility-state.d.ts +0 -3
  106. package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav-content.d.ts +0 -24
  107. package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav-element-provider.d.ts +0 -4
  108. package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav-footer.d.ts +0 -19
  109. package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav-header.d.ts +0 -14
  110. package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav-ref-context.d.ts +0 -2
  111. package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav-toggle-button-attach-ref.d.ts +0 -1
  112. package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav-toggle-button-element.d.ts +0 -5
  113. package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav-toggle-tooltip-keyboard-shortcut.d.ts +0 -6
  114. package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav-visibility-state.d.ts +0 -6
  115. package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav.d.ts +0 -93
  116. package/dist/types-ts4.5/ui/page-layout/side-nav/toggle-button-provider.d.ts +0 -17
  117. package/dist/types-ts4.5/ui/page-layout/side-nav/toggle-button.d.ts +0 -52
  118. package/dist/types-ts4.5/ui/page-layout/side-nav/types.d.ts +0 -61
  119. package/dist/types-ts4.5/ui/page-layout/side-nav/use-expand-side-nav.d.ts +0 -16
  120. package/dist/types-ts4.5/ui/page-layout/side-nav/use-is-side-nav-shortcut-enabled.d.ts +0 -5
  121. package/dist/types-ts4.5/ui/page-layout/side-nav/use-side-nav-ref.d.ts +0 -7
  122. package/dist/types-ts4.5/ui/page-layout/side-nav/use-side-nav-toggle-keyboard-shortcut.d.ts +0 -6
  123. package/dist/types-ts4.5/ui/page-layout/side-nav/use-side-nav-visibility-callbacks.d.ts +0 -16
  124. package/dist/types-ts4.5/ui/page-layout/side-nav/use-side-nav-visibility.d.ts +0 -20
  125. package/dist/types-ts4.5/ui/page-layout/side-nav/use-toggle-side-nav.d.ts +0 -16
  126. package/dist/types-ts4.5/ui/page-layout/side-nav/visibility-provider.d.ts +0 -8
  127. package/dist/types-ts4.5/ui/page-layout/top-nav/top-nav-end.d.ts +0 -29
  128. package/dist/types-ts4.5/ui/page-layout/top-nav/top-nav-middle.d.ts +0 -24
  129. package/dist/types-ts4.5/ui/page-layout/top-nav/top-nav-start.d.ts +0 -32
  130. package/dist/types-ts4.5/ui/page-layout/top-nav/top-nav.d.ts +0 -29
  131. package/dist/types-ts4.5/ui/page-layout/types.d.ts +0 -20
  132. package/dist/types-ts4.5/ui/page-layout/use-layout-id.d.ts +0 -12
  133. package/dist/types-ts4.5/ui/page-layout/use-resizing-width-css-var-on-root-element.d.ts +0 -9
  134. package/dist/types-ts4.5/ui/page-layout/use-safe-default-width.d.ts +0 -17
  135. package/dist/types-ts4.5/ui/page-layout/use-skip-link-id.d.ts +0 -5
  136. package/dist/types-ts4.5/ui/top-nav-items/app-switcher.d.ts +0 -32
  137. package/dist/types-ts4.5/ui/top-nav-items/chat-button.d.ts +0 -25
  138. package/dist/types-ts4.5/ui/top-nav-items/create-button.d.ts +0 -30
  139. package/dist/types-ts4.5/ui/top-nav-items/custom-title.d.ts +0 -23
  140. package/dist/types-ts4.5/ui/top-nav-items/end-item.d.ts +0 -80
  141. package/dist/types-ts4.5/ui/top-nav-items/help.d.ts +0 -19
  142. package/dist/types-ts4.5/ui/top-nav-items/icon-renderer.d.ts +0 -17
  143. package/dist/types-ts4.5/ui/top-nav-items/log-in.d.ts +0 -36
  144. package/dist/types-ts4.5/ui/top-nav-items/nav-logo/app-logo.d.ts +0 -37
  145. package/dist/types-ts4.5/ui/top-nav-items/nav-logo/custom-logo.d.ts +0 -36
  146. package/dist/types-ts4.5/ui/top-nav-items/nav-logo/logo-renderer.d.ts +0 -11
  147. package/dist/types-ts4.5/ui/top-nav-items/notifications.d.ts +0 -16
  148. package/dist/types-ts4.5/ui/top-nav-items/profile.d.ts +0 -15
  149. package/dist/types-ts4.5/ui/top-nav-items/search.d.ts +0 -38
  150. package/dist/types-ts4.5/ui/top-nav-items/settings.d.ts +0 -11
  151. package/dist/types-ts4.5/ui/top-nav-items/themed/button.d.ts +0 -7
  152. package/dist/types-ts4.5/ui/top-nav-items/themed/color-utils/formats/hex.d.ts +0 -9
  153. package/dist/types-ts4.5/ui/top-nav-items/themed/color-utils/formats/hsl.d.ts +0 -7
  154. package/dist/types-ts4.5/ui/top-nav-items/themed/color-utils/formats/rgb.d.ts +0 -7
  155. package/dist/types-ts4.5/ui/top-nav-items/themed/color-utils/index.d.ts +0 -21
  156. package/dist/types-ts4.5/ui/top-nav-items/themed/color-utils/parse-user-color.d.ts +0 -13
  157. package/dist/types-ts4.5/ui/top-nav-items/themed/color-utils/types.d.ts +0 -17
  158. package/dist/types-ts4.5/ui/top-nav-items/themed/get-custom-theme-styles.d.ts +0 -22
  159. package/dist/types-ts4.5/ui/top-nav-items/themed/get-primitives-spread-props.d.ts +0 -16
  160. package/dist/types-ts4.5/ui/top-nav-items/themed/has-custom-theme-context.d.ts +0 -8
  161. package/dist/types-ts4.5/ui/top-nav-items/themed/has-default-background-color-context.d.ts +0 -5
  162. package/dist/types-ts4.5/ui/top-nav-items/themed/icon-button.d.ts +0 -7
  163. package/dist/types-ts4.5/ui/top-nav-items/themed/link-button.d.ts +0 -3
  164. package/dist/types-ts4.5/ui/top-nav-items/themed/link-icon-button.d.ts +0 -7
  165. package/dist/types-ts4.5/ui/top-nav-items/themed/palette-rgba.d.ts +0 -14
  166. package/dist/types-ts4.5/ui/top-nav-items/themed/palette.d.ts +0 -42
  167. package/dist/types-ts4.5/ui/top-nav-items/themed/search.d.ts +0 -55
  168. package/dist/types-ts4.5/ui/top-nav-items/themed/themed-anchor.d.ts +0 -32
  169. package/dist/types-ts4.5/ui/top-nav-items/themed/themed-button.d.ts +0 -10
  170. package/dist/types-ts4.5/ui/top-nav-items/themed/themed-icon-button.d.ts +0 -10
  171. package/dist/types-ts4.5/ui/top-nav-items/themed/themed-link-button.d.ts +0 -16
  172. package/dist/types-ts4.5/ui/top-nav-items/themed/themed-link-icon-button.d.ts +0 -13
  173. package/dist/types-ts4.5/ui/top-nav-items/themed/themed-pressable.d.ts +0 -18
  174. package/dist/types-ts4.5/ui/top-nav-items/themed/types.d.ts +0 -54
  175. package/dist/types-ts4.5/ui/top-nav-items/themed/use-custom-theme-new.d.ts +0 -20
  176. package/dist/types-ts4.5/ui/top-nav-items/themed/use-custom-theme.d.ts +0 -12
@@ -1,19 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type ReactNode } from 'react';
6
- import type { SkipLinkData } from '../../context/skip-links/types';
7
- type SkipLinkProps = {
8
- id: string;
9
- children: ReactNode;
10
- onBeforeNavigate?: SkipLinkData['onBeforeNavigate'];
11
- navigate?: SkipLinkData['navigate'];
12
- };
13
- /**
14
- * A link that moves current tab position to a different element
15
- *
16
- * This component is rendered internally and is not exported publicly.
17
- */
18
- export declare const SkipLink: ({ id, children, onBeforeNavigate, navigate, }: SkipLinkProps) => JSX.Element;
19
- export {};
@@ -1,18 +0,0 @@
1
- import { type SkipLinkData } from '../../context/skip-links/types';
2
- /**
3
- * A container element for the skip links.
4
- *
5
- * The container element is always rendered in the DOM, but is only visible when
6
- * focus is within the container.
7
- *
8
- * The label is used as the heading of the skip links container. If the provided label is a string
9
- * comprised only of only whitespace (e.g. '' or ' '), the skip link heading element will be removed.
10
- *
11
- * When `platform_dst_nav4_skip_link_a11y_1` is enabled, rendering is delegated to `SkipLinksPopup`.
12
- */
13
- export declare function SkipLinksContainer({ label, triggerLabel, testId, links, }: {
14
- label: string;
15
- triggerLabel: string;
16
- testId?: string;
17
- links: Array<SkipLinkData>;
18
- }): JSX.Element | null;
@@ -1,11 +0,0 @@
1
- import { type SkipLinkData } from '../../context/skip-links/types';
2
- /**
3
- * Skip links shown behind `platform_dst_nav4_skip_link_a11y_1`: a single focus-revealed
4
- * control opens a dialog listing skip targets.
5
- */
6
- export declare function SkipLinksPopup({ label: title, triggerLabel, testId, links, }: {
7
- label: string;
8
- triggerLabel: string;
9
- testId?: string;
10
- links: Array<SkipLinkData>;
11
- }): JSX.Element;
@@ -1,9 +0,0 @@
1
- import { type SkipLinkData } from './types';
2
- export type SkipLinksContextData = {
3
- registerSkipLink: (skipLinkData: SkipLinkData) => void;
4
- unregisterSkipLink: (id: string | undefined) => void;
5
- };
6
- /**
7
- * Provides a way to register and unregister skip links
8
- */
9
- export declare const SkipLinksContext: import('react').Context<SkipLinksContextData>;
@@ -1,13 +0,0 @@
1
- import React, { type ReactNode } from 'react';
2
- /**
3
- * Provider for skip links. Should be rendered at the top level of the application.
4
- *
5
- * - Provides the context to register/unregister skip links
6
- * - Renders the skip links container
7
- */
8
- export declare function SkipLinksProvider({ children, label, triggerLabel, testId, }: {
9
- children: ReactNode;
10
- label: string;
11
- triggerLabel: string;
12
- testId?: string;
13
- }): React.JSX.Element;
@@ -1,44 +0,0 @@
1
- export type SkipLinkData = {
2
- /**
3
- * id for the element that will be skipped to
4
- */
5
- id: string;
6
- /**
7
- * Text for the link that will appear in the skip link menu
8
- */
9
- label: string;
10
- /**
11
- * Desired position in the skip link menu
12
- */
13
- listIndex?: number;
14
- /**
15
- * Called when a user clicks on the skip link,
16
- * immediately before focus is moved to the associated element.
17
- *
18
- * This can be used to update state, such as to show a hidden element.
19
- *
20
- * @deprecated Only used when `platform_dst_nav4_skip_link_a11y_1` is OFF.
21
- * When the gate is on, prefer `navigate` for consumers that need to atomically
22
- * commit state and move focus somewhere other than the slot element with id `id`.
23
- * This callback can be removed once the gate is fully enabled and cleaned up.
24
- */
25
- onBeforeNavigate?: () => void;
26
- /**
27
- * Replaces the default "focus the element with `id`" behavior when the skip link is activated.
28
- *
29
- * Use this when the consumer needs to atomically commit state and move focus to
30
- * a different element (e.g. SideNav expanding and focusing the first nav item).
31
- *
32
- * The universal pre/post work owned by `SkipLink` (e.g. `event.preventDefault`,
33
- * `window.scrollTo`) still runs around this callback. Only the focus step is replaced.
34
- *
35
- * Only consumed when `platform_dst_nav4_skip_link_a11y_1` is enabled.
36
- */
37
- navigate?: () => void;
38
- /**
39
- * Used to hide skip links for slots with 0 height or width.
40
- *
41
- * We can remove this once products conditionally render slots correctly.
42
- */
43
- isHidden?: boolean;
44
- };
@@ -1,10 +0,0 @@
1
- import { type SkipLinkData } from './types';
2
- /**
3
- * Internal-only hook for registering skip links.
4
- *
5
- * `useSkipLink` is the public API wrapper of this.
6
- *
7
- * This private version exists for us to support `onBeforeNavigate` / `navigate` for the side nav use case,
8
- * where we might need to expand it before moving focus, without having to support those publicly.
9
- */
10
- export declare const useSkipLinkInternal: ({ id, label, listIndex, onBeforeNavigate, navigate, isHidden, }: SkipLinkData) => void;
@@ -1,18 +0,0 @@
1
- /**
2
- * Call `useSkipLink` to register a skip link for important elements on the page.
3
- */
4
- export declare const useSkipLink: (
5
- /**
6
- * The unique ID for the skip link.
7
- * You can use the `useSkipLinkId` hook to generate a unique ID.
8
- */
9
- id: string,
10
- /**
11
- * The label for the skip link.
12
- */
13
- label: string,
14
- /**
15
- * You can optionally set the position of the skip link in the list of skip links.
16
- * Positions are zero-indexed.
17
- */
18
- listIndex?: number) => void;
@@ -1 +0,0 @@
1
- export declare const TopNavStartAttachRef: import('react').Context<(newVal: HTMLDivElement | null) => void>;
@@ -1,17 +0,0 @@
1
- import React from 'react';
2
- /**
3
- * Provider for the TopNavStart container element contexts.
4
- *
5
- * We are using a [ref callback](https://react.dev/reference/react-dom/components/common#ref-callback) along with a state
6
- * for storing the element once it has mounted, so that the side nav can bind event listeners to the element
7
- * once it is mounted.
8
- *
9
- * Otherwise, the side nav can be mounted before the element (e.g. if the element is lazy loaded), which would prevent the
10
- * event listeners from being set up.
11
- *
12
- * State is required as opposed to just a ref so that the effects in the side nav can react to the element actually being mounted,
13
- * as ref values cannot be added as effect dependencies.
14
- */
15
- export declare const TopNavStartProvider: ({ children, }: {
16
- children: React.ReactNode;
17
- }) => React.JSX.Element;
@@ -1 +0,0 @@
1
- export declare const TopNavStartElement: import('react').Context<HTMLDivElement | null>;
@@ -1 +0,0 @@
1
- export { UNSAFE_Ribbon } from '../../ui/page-layout/ribbon';
@@ -1,3 +0,0 @@
1
- export { IsFhsEnabledContext } from '../ui/fhs-rollout/is-fhs-enabled-context';
2
- export { IsFhsEnabledProvider, type IsFhsEnabledProviderProps, } from '../ui/fhs-rollout/is-fhs-enabled-provider';
3
- export { useIsFhsEnabled } from '../ui/fhs-rollout/use-is-fhs-enabled';
@@ -1 +0,0 @@
1
- export { Aside } from '../../ui/page-layout/aside';
@@ -1 +0,0 @@
1
- export { Banner } from '../../ui/page-layout/banner';
@@ -1,3 +0,0 @@
1
- export { Main } from '../../ui/page-layout/main/main';
2
- export { MainStickyHeader } from '../../ui/page-layout/main/main-sticky-header';
3
- export { UNSAFE_MAIN_BLOCK_START_FOR_LEGACY_PAGES_ONLY, UNSAFE_MAIN_INLINE_END_FOR_LEGACY_PAGES_ONLY, UNSAFE_MAIN_INLINE_START_FOR_LEGACY_PAGES_ONLY, } from '../../ui/page-layout/constants';
@@ -1,3 +0,0 @@
1
- export { PanelSplitter } from '../../ui/page-layout/panel-splitter/panel-splitter';
2
- export { PanelSplitterProvider } from '../../ui/page-layout/panel-splitter/provider';
3
- export type { ResizeBounds } from '../../ui/page-layout/panel-splitter/types';
@@ -1 +0,0 @@
1
- export { Panel } from '../../ui/page-layout/panel';
@@ -1 +0,0 @@
1
- export { Root } from '../../ui/page-layout/root';
@@ -1,8 +0,0 @@
1
- export { SideNav } from '../../ui/page-layout/side-nav/side-nav';
2
- export { SideNavHeader } from '../../ui/page-layout/side-nav/side-nav-header';
3
- export { SideNavBody } from '../../ui/page-layout/side-nav/side-nav-content';
4
- export { SideNavFooter } from '../../ui/page-layout/side-nav/side-nav-footer';
5
- export { SideNavToggleButton } from '../../ui/page-layout/side-nav/toggle-button';
6
- export { useToggleSideNav } from '../../ui/page-layout/side-nav/use-toggle-side-nav';
7
- export { useExpandSideNav } from '../../ui/page-layout/side-nav/use-expand-side-nav';
8
- export { SideNavPanelSplitter } from '../../ui/page-layout/panel-splitter/side-nav-panel-splitter';
@@ -1,2 +0,0 @@
1
- export { useSkipLinkId } from '../../ui/page-layout/use-skip-link-id';
2
- export { useSkipLink } from '../../context/skip-links/use-skip-link';
@@ -1,4 +0,0 @@
1
- export { TopNav } from '../../ui/page-layout/top-nav/top-nav';
2
- export { TopNavStart } from '../../ui/page-layout/top-nav/top-nav-start';
3
- export { TopNavMiddle } from '../../ui/page-layout/top-nav/top-nav-middle';
4
- export { TopNavEnd } from '../../ui/page-layout/top-nav/top-nav-end';
@@ -1,12 +0,0 @@
1
- /**
2
- * CSS variables that mirror the legacy `@atlaskit/page-layout` CSS custom properties.
3
- *
4
- * These are provided for consumers that previously relied on the `@atlaskit/page-layout`
5
- * CSS variables and need to reference them when using the navigation system.
6
- */
7
- export declare const LEFT_PANEL_WIDTH = "var(--leftPanelWidth, 0px)";
8
- export declare const RIGHT_PANEL_WIDTH = "var(--rightPanelWidth, 0px)";
9
- export declare const LEFT_SIDEBAR_WIDTH = "var(--leftSidebarWidth, 0px)";
10
- export declare const RIGHT_SIDEBAR_WIDTH = "var(--rightSidebarWidth, 0px)";
11
- export declare const TOP_NAVIGATION_HEIGHT = "var(--topNavigationHeight, 0px)";
12
- export declare const BANNER_HEIGHT = "var(--bannerHeight, 0px)";
@@ -1 +0,0 @@
1
- export { parseHex } from '../../../ui/top-nav-items/themed/color-utils/formats/hex';
@@ -1 +0,0 @@
1
- export { parseHsl } from '../../../ui/top-nav-items/themed/color-utils/formats/hsl';
@@ -1 +0,0 @@
1
- export { parseRgb } from '../../../ui/top-nav-items/themed/color-utils/formats/rgb';
@@ -1 +0,0 @@
1
- export { parseUserColor } from '../../../ui/top-nav-items/themed/color-utils/parse-user-color';
@@ -1,4 +0,0 @@
1
- export { Button as TopNavButton } from '../../ui/top-nav-items/themed/button';
2
- export { LinkButton as TopNavLinkButton } from '../../ui/top-nav-items/themed/link-button';
3
- export { IconButton as TopNavIconButton } from '../../ui/top-nav-items/themed/icon-button';
4
- export { LinkIconButton as TopNavLinkIconButton } from '../../ui/top-nav-items/themed/link-icon-button';
@@ -1 +0,0 @@
1
- export { useHasCustomTheme } from '../../ui/top-nav-items/themed/has-custom-theme-context';
@@ -1 +0,0 @@
1
- export { useLegacySearchTheme } from '../../ui/top-nav-items/themed/search';
@@ -1 +0,0 @@
1
- export { CreateButton } from '../../ui/top-nav-items/create-button';
@@ -1 +0,0 @@
1
- export { CustomTitle } from '../../ui/top-nav-items/custom-title';
@@ -1 +0,0 @@
1
- export { Help } from '../../ui/top-nav-items/help';
@@ -1,14 +0,0 @@
1
- export { AppSwitcher } from '../../ui/top-nav-items/app-switcher';
2
- export { CustomLogo } from '../../ui/top-nav-items/nav-logo/custom-logo';
3
- export { AppLogo } from '../../ui/top-nav-items/nav-logo/app-logo';
4
- export { Search } from '../../ui/top-nav-items/search';
5
- export { ChatButton } from '../../ui/top-nav-items/chat-button';
6
- export { EndItem } from '../../ui/top-nav-items/end-item';
7
- export { Notifications } from '../../ui/top-nav-items/notifications';
8
- export { CreateButton } from '../../ui/top-nav-items/create-button';
9
- export { Help } from '../../ui/top-nav-items/help';
10
- export { Profile } from '../../ui/top-nav-items/profile';
11
- export { Settings } from '../../ui/top-nav-items/settings';
12
- export { LogIn } from '../../ui/top-nav-items/log-in';
13
- export { CustomTitle } from '../../ui/top-nav-items/custom-title';
14
- export { MenuListItem } from '@atlaskit/side-nav-items/menu-list-item';
@@ -1 +0,0 @@
1
- export { LogIn } from '../../ui/top-nav-items/log-in';
@@ -1 +0,0 @@
1
- export { Notifications } from '../../ui/top-nav-items/notifications';
@@ -1 +0,0 @@
1
- export { Profile } from '../../ui/top-nav-items/profile';
@@ -1 +0,0 @@
1
- export { Settings } from '../../ui/top-nav-items/settings';
@@ -1,34 +0,0 @@
1
- export { IsFhsEnabledContext } from './ui/fhs-rollout/is-fhs-enabled-context';
2
- export { IsFhsEnabledProvider, type IsFhsEnabledProviderProps, } from './ui/fhs-rollout/is-fhs-enabled-provider';
3
- export { useIsFhsEnabled } from './ui/fhs-rollout/use-is-fhs-enabled';
4
- export { Aside } from './ui/page-layout/aside';
5
- export { Banner } from './ui/page-layout/banner';
6
- export { Main } from './ui/page-layout/main/main';
7
- export { Panel } from './ui/page-layout/panel';
8
- export { Root } from './ui/page-layout/root';
9
- export { SideNav } from './ui/page-layout/side-nav/side-nav';
10
- export { TopNav } from './ui/page-layout/top-nav/top-nav';
11
- export { MainStickyHeader } from './ui/page-layout/main/main-sticky-header';
12
- export { SideNavToggleButton, type SideNavVisibilityChangeAnalyticsAttributes, } from './ui/page-layout/side-nav/toggle-button';
13
- export { useToggleSideNav } from './ui/page-layout/side-nav/use-toggle-side-nav';
14
- export { SideNavHeader } from './ui/page-layout/side-nav/side-nav-header';
15
- export { SideNavBody } from './ui/page-layout/side-nav/side-nav-content';
16
- export { SideNavFooter } from './ui/page-layout/side-nav/side-nav-footer';
17
- export { PanelSplitter } from './ui/page-layout/panel-splitter/panel-splitter';
18
- export { PanelSplitterProvider } from './ui/page-layout/panel-splitter/provider';
19
- export type { ResizeBounds } from './ui/page-layout/panel-splitter/types';
20
- export { TopNavStart } from './ui/page-layout/top-nav/top-nav-start';
21
- export { AppSwitcher } from './ui/top-nav-items/app-switcher';
22
- export { CustomLogo } from './ui/top-nav-items/nav-logo/custom-logo';
23
- export { AppLogo } from './ui/top-nav-items/nav-logo/app-logo';
24
- export { TopNavMiddle } from './ui/page-layout/top-nav/top-nav-middle';
25
- export { Search } from './ui/top-nav-items/search';
26
- export { ChatButton } from './ui/top-nav-items/chat-button';
27
- export { TopNavEnd } from './ui/page-layout/top-nav/top-nav-end';
28
- export { EndItem } from './ui/top-nav-items/end-item';
29
- export { CreateButton } from './ui/top-nav-items/create-button';
30
- export { Help } from './ui/top-nav-items/help';
31
- export { Notifications } from './ui/top-nav-items/notifications';
32
- export { Profile } from './ui/top-nav-items/profile';
33
- export { Settings } from './ui/top-nav-items/settings';
34
- export { LogIn } from './ui/top-nav-items/log-in';
@@ -1,7 +0,0 @@
1
- /**
2
- * __Is custom is fhs enabled context__
3
- *
4
- * Tracks if a custom value has been provided for `IsFhsEnabledContext`.
5
- * Used to prevent nesting of the `IsFhsEnabledProvider`.
6
- */
7
- export declare const IsCustomIsFhsEnabledContext: import('react').Context<boolean>;
@@ -1,8 +0,0 @@
1
- import type { Get } from './types';
2
- /**
3
- * __Is fhs enabled context__
4
- *
5
- * Tracks is FHS enabled.
6
- * Defaults to feature gate 'navx-full-height-sidebar'.
7
- */
8
- export declare const IsFhsEnabledContext: import('react').Context<boolean | Get<boolean>>;
@@ -1,10 +0,0 @@
1
- import React, { type PropsWithChildren } from 'react';
2
- /**
3
- * __Is fhs enabled provider__
4
- *
5
- * Used to provide a custom value for is FHS enabled.
6
- */
7
- export declare const IsFhsEnabledProvider: ({ children, value, }: IsFhsEnabledProviderProps) => React.JSX.Element;
8
- export type IsFhsEnabledProviderProps = PropsWithChildren<{
9
- value: boolean;
10
- }>;
@@ -1 +0,0 @@
1
- export type Get<T> = () => T;
@@ -1,6 +0,0 @@
1
- /**
2
- * __Use is fhs enabled__
3
- *
4
- * Retrieves is FHS enabled.
5
- */
6
- export declare const useIsFhsEnabled: () => boolean;
@@ -1,29 +0,0 @@
1
- import type { StrictXCSSProp } from '@atlaskit/css';
2
- import type { CommonSlotProps } from './types';
3
- /**
4
- * The Aside is rendered to the right (inline end) of the Main area.
5
- *
6
- * You can optionally render a `PanelSplitter` as a child to make the aside area resizable.
7
- *
8
- * @deprecated Use `Panel` instead.
9
- */
10
- export declare function Aside({ children, xcss, defaultWidth: defaultWidthProp, label, skipLinkLabel, testId, id: providedId, }: CommonSlotProps & {
11
- /**
12
- * The content of the layout area.
13
- */
14
- children: React.ReactNode;
15
- /**
16
- * The accessible name of the slot, announced by screen readers.
17
- */
18
- label?: string;
19
- /**
20
- * Bounded style overrides.
21
- */
22
- xcss?: StrictXCSSProp<'backgroundColor', never>;
23
- /**
24
- * The default width of the layout area.
25
- *
26
- * It should be an integer between the resize bounds - the minimum is 120px and the maximum is 50% of the viewport width.
27
- */
28
- defaultWidth?: number;
29
- }): JSX.Element;
@@ -1,24 +0,0 @@
1
- import type { StrictXCSSProp } from '@atlaskit/css';
2
- import type { CommonSlotProps } from './types';
3
- /**
4
- * The banner layout area. It will always be displayed at the top of the screen.
5
- *
6
- * Should be used to render a `Banner` component from `@atlaskit/banner`.
7
- */
8
- export declare function Banner({ children, xcss, height, skipLinkLabel, testId, id: providedId, }: CommonSlotProps & {
9
- /**
10
- * The content of the layout area.
11
- * Should include a Banner component from `@atlaskit/banner`.
12
- */
13
- children: React.ReactNode;
14
- /**
15
- * Bounded style overrides.
16
- */
17
- xcss?: StrictXCSSProp<'backgroundColor', never>;
18
- /**
19
- * The height of the layout area.
20
- *
21
- * Defaults to 48px.
22
- */
23
- height?: number;
24
- }): JSX.Element;
@@ -1,50 +0,0 @@
1
- /**
2
- * These variables are shared across the different page layout slots.
3
- * This violates the [UI styling standard](https://atlassian.design/components/eslint-plugin-ui-styling-standard/no-imported-style-values/usage).
4
- * We have chosen to ignore this rule to prevent duplicating them across the different slots, and to provide a high level view of them and how they relate.
5
- */
6
- export declare const sideNavVar = "--n_sNvw";
7
- export declare const asideVar = "--n_asDw";
8
- export declare const panelVar = "--n_pnlW";
9
- export declare const bannerMountedVar = "--n_bnrM";
10
- export declare const topNavMountedVar = "--n_tNvM";
11
- export declare const ribbonVar = "--n_rbnW";
12
- /**
13
- * Captures the current width of the side navigation, at all times, including during resizing.
14
- *
15
- * The standard `sideNavVar` only captures the 'committed' width, not the resizing width.
16
- */
17
- export declare const sideNavLiveWidthVar = "--n_sNvlw";
18
- export declare const sideNavPanelSplitterId: unique symbol;
19
- export declare const asidePanelSplitterId: unique symbol;
20
- export declare const panelPanelSplitterId: unique symbol;
21
- export declare const contentHeightWhenFixed = "calc(100vh - var(--n_bnrM, 0px) - var(--n_tNvM, 0px))";
22
- export declare const contentInsetBlockStart = "calc(var(--n_bnrM, 0px) + var(--n_tNvM, 0px))";
23
- export declare const UNSAFE_topNavVar = "--topNavigationHeight";
24
- export declare const UNSAFE_bannerVar = "--bannerHeight";
25
- export declare const UNSAFE_sideNavLayoutVar = "--leftSidebarWidth";
26
- export declare const UNSAFE_ribbonVar = "--leftPanelWidth";
27
- export declare const UNSAFE_asideLayoutVar = "--rightSidebarWidth";
28
- export declare const UNSAFE_panelLayoutVar = "--rightPanelWidth";
29
- export declare const UNSAFE_MAIN_BLOCK_START_FOR_LEGACY_PAGES_ONLY: 'calc(var(--bannerHeight, 0px) + var(--topNavigationHeight, 0px))';
30
- export declare const UNSAFE_MAIN_INLINE_START_FOR_LEGACY_PAGES_ONLY: 'calc(var(--leftPanelWidth, 0px) + var(--leftSidebarWidth, 0px))';
31
- export declare const UNSAFE_MAIN_INLINE_END_FOR_LEGACY_PAGES_ONLY: 'calc(var(--rightSidebarWidth, 0px) + var(--rightPanelWidth, 0px))';
32
- /**
33
- * We define the z-indexes here so each page slot can be locally layered against each other.
34
- * For globally defined values such as flag, modal, etc, we can continue to
35
- * rely on accessing them through global means.
36
- */
37
- export declare const localSlotLayers: {
38
- ribbon: number;
39
- sideNavPanelSplitterFHS: number;
40
- topBar: number;
41
- banner: number;
42
- bannerFHS: number;
43
- topNavFHS: number;
44
- sideNav: number;
45
- panelSmallViewports: number;
46
- };
47
- export declare const openLayerObserverSideNavNamespace = "side-nav";
48
- export declare const openLayerObserverTopNavStartNamespace = "top-nav-start";
49
- export declare const openLayerObserverTopNavMiddleNamespace = "top-nav-middle";
50
- export declare const openLayerObserverTopNavEndNamespace = "top-nav-end";
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- import { type MediaQuery } from '@atlaskit/primitives/responsive';
3
- export declare const DangerouslyHoistCssVarToDocumentRoot: ({ variableName, value, mediaQuery, responsiveValue, }: {
4
- variableName: string;
5
- value: string | number;
6
- mediaQuery?: MediaQuery;
7
- responsiveValue?: string | number;
8
- }) => React.JSX.Element;
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- /**
3
- * This is not ideal and shouldn't be used by anything outside of `<Banner>` and `<TopNav>`.
4
- *
5
- * This makes the other page layout elements aware that the banner and top bar have been mounted, provides them
6
- * with their heights. This is needed to power the stick points of page layout elements like SideNav and Panel.
7
- *
8
- * We should clean this up once we have a better solution, such as moving the size props for banner and top bar into `Root`.
9
- */
10
- export declare const HoistCssVarToLocalGrid: ({ variableName, value, }: {
11
- variableName: string;
12
- value: number;
13
- }) => React.JSX.Element;
@@ -1,5 +0,0 @@
1
- /**
2
- * Context for whether the slot sizes are to be hoisted to the document root.
3
- * It is set by consumers using a prop on the page layout `Root` element.
4
- */
5
- export declare const DangerouslyHoistSlotSizes: import('react').Context<boolean>;
@@ -1,23 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import React from 'react';
6
- import type { StrictXCSSProp } from '@atlaskit/css';
7
- /**
8
- * The sticky header of the main layout area.
9
- */
10
- export declare function MainStickyHeader({ children, xcss, testId, }: {
11
- /**
12
- * A unique string that appears as data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
13
- */
14
- testId?: string;
15
- /**
16
- * The content of the layout area.
17
- */
18
- children?: React.ReactNode;
19
- /**
20
- * Bounded style overrides.
21
- */
22
- xcss?: StrictXCSSProp<'backgroundColor', never>;
23
- }): JSX.Element;
@@ -1,16 +0,0 @@
1
- import type { StrictXCSSProp } from '@atlaskit/css';
2
- import type { CommonSlotProps } from '../types';
3
- /**
4
- * Use the Main area for the main page content. It has a fluid width and will expand to fill available space.
5
- */
6
- export declare function Main({ children, xcss, skipLinkLabel, testId, id: providedId, }: CommonSlotProps & {
7
- /**
8
- * The content of the layout area.
9
- * This is where you should put the main content of your page.
10
- */
11
- children: React.ReactNode;
12
- /**
13
- * Bounded style overrides.
14
- */
15
- xcss?: StrictXCSSProp<'backgroundColor', never>;
16
- }): JSX.Element;
@@ -1,7 +0,0 @@
1
- import type { ResizeBound } from './types';
2
- /**
3
- * Resize bounds can either be provided in `vw` or `px` units. This function will convert the value into pixels.
4
- *
5
- * It accesses the `window` object to get the viewport width, so should only be used in the browser.
6
- */
7
- export declare function convertResizeBoundToPixels(resizeBound: ResizeBound): number;
@@ -1,18 +0,0 @@
1
- import type { PixelResizeBounds } from './types';
2
- /**
3
- * Returns the percentage of the current width within the resize bounds.
4
- * It expects the resize bounds to already have been converted into numeric values, in pixel units.
5
- *
6
- * The return value is clamped between 0 and 100. This is to prevent the screen reader text (aria-valuetext)
7
- * from announcing an out-of-bounds percentage when the user is resizing the viewport.
8
- *
9
- * Examples:
10
- * - if the current width is 200px, and the resize bounds are 100px and 300px,
11
- * the percentage is 50%, and the function will return the number 50.
12
- * - if the current value is 400, and the resize bounds are 100 and 300, the
13
- * "percentage" is 100% and the function will return the number 100.
14
- */
15
- export declare function getPercentageWithinPixelBounds({ currentWidth, resizeBounds, }: {
16
- currentWidth: number;
17
- resizeBounds: PixelResizeBounds;
18
- }): number;
@@ -1,4 +0,0 @@
1
- /**
2
- * Returns the computed width of an element in pixels.
3
- */
4
- export declare const getPixelWidth: (element: HTMLElement) => number;
@@ -1,8 +0,0 @@
1
- import type { DragLocationHistory } from '@atlaskit/pragmatic-drag-and-drop/types';
2
- export declare const getWidthFromDragLocation: ({ initialWidth, location, initialClientX, direction, position, }: {
3
- initialWidth: number;
4
- location: DragLocationHistory;
5
- initialClientX: number;
6
- direction: "ltr" | "rtl";
7
- position: "start" | "end";
8
- }) => number;