@atlaskit/navigation-system 6.0.0 → 6.1.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.
- package/CHANGELOG.md +8 -0
- package/constellation/index/examples.mdx +5 -11
- package/constellation/layout/examples.mdx +3 -2
- package/constellation/layout/usage.mdx +3 -4
- package/constellation/top-nav-items/examples.mdx +5 -5
- package/constellation/top-nav-items/usage.mdx +1 -2
- package/dist/cjs/components/badge-container.js +1 -1
- package/dist/cjs/components/list-item.js +1 -1
- package/dist/cjs/components/list.js +1 -1
- package/dist/cjs/components/skip-links/skip-link.js +3 -3
- package/dist/cjs/components/skip-links/skip-links-container.js +1 -1
- package/dist/cjs/ui/page-layout/aside.js +1 -1
- package/dist/cjs/ui/page-layout/banner.js +1 -1
- package/dist/cjs/ui/page-layout/main/main-sticky-header.js +1 -1
- package/dist/cjs/ui/page-layout/main/main.js +1 -1
- package/dist/cjs/ui/page-layout/panel-splitter/panel-splitter.js +1 -1
- package/dist/cjs/ui/page-layout/panel.js +1 -1
- package/dist/cjs/ui/page-layout/ribbon.js +1 -1
- package/dist/cjs/ui/page-layout/root.js +1 -1
- package/dist/cjs/ui/page-layout/side-nav/side-nav-content.js +1 -1
- package/dist/cjs/ui/page-layout/side-nav/side-nav-footer.js +1 -1
- package/dist/cjs/ui/page-layout/side-nav/side-nav-header.js +1 -1
- package/dist/cjs/ui/page-layout/side-nav/side-nav.js +1 -1
- package/dist/cjs/ui/page-layout/side-nav/toggle-button.js +1 -1
- package/dist/cjs/ui/page-layout/top-nav/top-nav-end.js +1 -1
- package/dist/cjs/ui/page-layout/top-nav/top-nav-middle.js +1 -1
- package/dist/cjs/ui/page-layout/top-nav/top-nav-start.js +1 -1
- package/dist/cjs/ui/page-layout/top-nav/top-nav.js +1 -1
- package/dist/cjs/ui/top-nav-items/custom-title.js +1 -1
- package/dist/cjs/ui/top-nav-items/nav-logo/app-logo.js +1 -1
- package/dist/cjs/ui/top-nav-items/nav-logo/custom-logo.js +3 -3
- package/dist/cjs/ui/top-nav-items/nav-logo/logo-renderer.js +1 -1
- package/dist/cjs/ui/top-nav-items/search.js +1 -1
- package/dist/cjs/ui/top-nav-items/themed/button.js +1 -1
- package/dist/es2019/components/badge-container.js +1 -1
- package/dist/es2019/components/list-item.js +1 -1
- package/dist/es2019/components/list.js +1 -1
- package/dist/es2019/components/skip-links/skip-link.js +2 -2
- package/dist/es2019/components/skip-links/skip-links-container.js +1 -1
- package/dist/es2019/ui/page-layout/aside.js +1 -1
- package/dist/es2019/ui/page-layout/banner.js +1 -1
- package/dist/es2019/ui/page-layout/main/main-sticky-header.js +1 -1
- package/dist/es2019/ui/page-layout/main/main.js +1 -1
- package/dist/es2019/ui/page-layout/panel-splitter/panel-splitter.js +1 -1
- package/dist/es2019/ui/page-layout/panel.js +1 -1
- package/dist/es2019/ui/page-layout/ribbon.js +1 -1
- package/dist/es2019/ui/page-layout/root.js +1 -1
- package/dist/es2019/ui/page-layout/side-nav/side-nav-content.js +1 -1
- package/dist/es2019/ui/page-layout/side-nav/side-nav-footer.js +1 -1
- package/dist/es2019/ui/page-layout/side-nav/side-nav-header.js +1 -1
- package/dist/es2019/ui/page-layout/side-nav/side-nav.js +1 -1
- package/dist/es2019/ui/page-layout/side-nav/toggle-button.js +1 -1
- package/dist/es2019/ui/page-layout/top-nav/top-nav-end.js +1 -1
- package/dist/es2019/ui/page-layout/top-nav/top-nav-middle.js +1 -1
- package/dist/es2019/ui/page-layout/top-nav/top-nav-start.js +1 -1
- package/dist/es2019/ui/page-layout/top-nav/top-nav.js +1 -1
- package/dist/es2019/ui/top-nav-items/custom-title.js +1 -1
- package/dist/es2019/ui/top-nav-items/nav-logo/app-logo.js +1 -1
- package/dist/es2019/ui/top-nav-items/nav-logo/custom-logo.js +2 -2
- package/dist/es2019/ui/top-nav-items/nav-logo/logo-renderer.js +1 -1
- package/dist/es2019/ui/top-nav-items/search.js +1 -1
- package/dist/es2019/ui/top-nav-items/themed/button.js +1 -1
- package/dist/esm/components/badge-container.js +1 -1
- package/dist/esm/components/list-item.js +1 -1
- package/dist/esm/components/list.js +1 -1
- package/dist/esm/components/skip-links/skip-link.js +2 -2
- package/dist/esm/components/skip-links/skip-links-container.js +1 -1
- package/dist/esm/ui/page-layout/aside.js +1 -1
- package/dist/esm/ui/page-layout/banner.js +1 -1
- package/dist/esm/ui/page-layout/main/main-sticky-header.js +1 -1
- package/dist/esm/ui/page-layout/main/main.js +1 -1
- package/dist/esm/ui/page-layout/panel-splitter/panel-splitter.js +1 -1
- package/dist/esm/ui/page-layout/panel.js +1 -1
- package/dist/esm/ui/page-layout/ribbon.js +1 -1
- package/dist/esm/ui/page-layout/root.js +1 -1
- package/dist/esm/ui/page-layout/side-nav/side-nav-content.js +1 -1
- package/dist/esm/ui/page-layout/side-nav/side-nav-footer.js +1 -1
- package/dist/esm/ui/page-layout/side-nav/side-nav-header.js +1 -1
- package/dist/esm/ui/page-layout/side-nav/side-nav.js +1 -1
- package/dist/esm/ui/page-layout/side-nav/toggle-button.js +1 -1
- package/dist/esm/ui/page-layout/top-nav/top-nav-end.js +1 -1
- package/dist/esm/ui/page-layout/top-nav/top-nav-middle.js +1 -1
- package/dist/esm/ui/page-layout/top-nav/top-nav-start.js +1 -1
- package/dist/esm/ui/page-layout/top-nav/top-nav.js +1 -1
- package/dist/esm/ui/top-nav-items/custom-title.js +1 -1
- package/dist/esm/ui/top-nav-items/nav-logo/app-logo.js +1 -1
- package/dist/esm/ui/top-nav-items/nav-logo/custom-logo.js +2 -2
- package/dist/esm/ui/top-nav-items/nav-logo/logo-renderer.js +1 -1
- package/dist/esm/ui/top-nav-items/search.js +1 -1
- package/dist/esm/ui/top-nav-items/themed/button.js +1 -1
- package/dist/types/ui/page-layout/top-nav/top-nav-start.d.ts +1 -4
- package/dist/types-ts4.5/ui/page-layout/top-nav/top-nav-start.d.ts +1 -4
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlassian/navigation-system
|
|
2
2
|
|
|
3
|
+
## 6.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`7ae800ebd066d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7ae800ebd066d) -
|
|
8
|
+
Cleans up the `platform_dst_nav4_side_nav_toggle_button_slot` feature gate. The
|
|
9
|
+
`sideNavToggleButton` prop on `TopNavStart` is now required, but can be explicitly set to `null`.
|
|
10
|
+
|
|
3
11
|
## 6.0.0
|
|
4
12
|
|
|
5
13
|
### Major Changes
|
|
@@ -1,17 +1,15 @@
|
|
|
1
1
|
import SectionMessage from '@atlaskit/section-message';
|
|
2
2
|
|
|
3
|
-
Navigation is how users get around a site to complete their tasks. The navigation-system package
|
|
3
|
+
Navigation is how users get around a site to complete their tasks. The `navigation-system` package
|
|
4
4
|
provides the following:
|
|
5
5
|
|
|
6
6
|
- [Layout](/components/navigation-system/layout) defines a page’s structure and the areas for
|
|
7
7
|
navigation and content.
|
|
8
|
-
- [Side nav items](/components/navigation-system/side-nav-items) create different sections, actions,
|
|
9
|
-
and links in the side nav.
|
|
10
8
|
- [Top nav items](/components/navigation-system/top-nav-items) provide familiar actions and
|
|
11
9
|
utilities in the top nav.
|
|
12
10
|
|
|
13
|
-
For
|
|
14
|
-
[navigation guidelines (Atlassians only)](https://hello.atlassian.net/wiki/
|
|
11
|
+
For more navigation components, see
|
|
12
|
+
[navigation guidelines (Atlassians only)](https://hello.atlassian.net/wiki/x/rBE7MAE).
|
|
15
13
|
|
|
16
14
|
<SectionMessage title="Required: Compiled CSS configuration">
|
|
17
15
|
<p>
|
|
@@ -29,14 +27,10 @@ For ready-made navigation experiences see
|
|
|
29
27
|
|
|
30
28
|
## Examples
|
|
31
29
|
|
|
32
|
-
|
|
33
|
-
Full screen interactive example
|
|
34
|
-
</a>
|
|
35
|
-
(only available for Atlassian employees at this stage).
|
|
30
|
+
See the full screen [interactive example](https://go.atlassian.com/nav4-interactive-example).
|
|
36
31
|
|
|
37
32
|
## Related
|
|
38
33
|
|
|
39
34
|
- [Layout](/components/navigation-system/layout)
|
|
40
|
-
- [Side nav items](/components/navigation-system/side-nav-items)
|
|
41
35
|
- [Top nav items](/components/navigation-system/top-nav-items)
|
|
42
|
-
- [Navigation
|
|
36
|
+
- [Navigation resources (Atlassians only)](https://hello.atlassian.net/wiki/x/rBE7MAE)
|
|
@@ -13,7 +13,7 @@ import { ToggleSideNavKeyboardShortcutExample } from '../../examples/constellati
|
|
|
13
13
|
import { PageLayoutDiagram } from './diagram';
|
|
14
14
|
|
|
15
15
|
The full page layout with all areas rendered has the structure depicted below, or see the
|
|
16
|
-
[interactive example
|
|
16
|
+
[interactive example](https://go.atlassian.com/nav4-interactive-example).
|
|
17
17
|
|
|
18
18
|
<PageLayoutDiagram />
|
|
19
19
|
|
|
@@ -60,7 +60,8 @@ See the [custom theming](/components/navigation-system/layout/custom-theming) ta
|
|
|
60
60
|
|
|
61
61
|
### Side nav
|
|
62
62
|
|
|
63
|
-
- Use the `SideNav` to
|
|
63
|
+
- Use the `SideNav` to
|
|
64
|
+
render [side nav items](https://atlaskit.atlassian.com/packages/navigation/side-nav-items). It
|
|
64
65
|
will show on the left of the screen. The default width of the side nav is 320px.
|
|
65
66
|
- Use the [side nav slots](#side-nav-slots) to position content within the side nav.
|
|
66
67
|
- The side nav is collapsable and expandable, resizable, responsive, and offers flyout behaviour.
|
|
@@ -39,8 +39,8 @@ When applying components to the navigational areas,
|
|
|
39
39
|
</ol>
|
|
40
40
|
</li>
|
|
41
41
|
<li>
|
|
42
|
-
<strong>Side nav:</strong> Use to display
|
|
43
|
-
|
|
42
|
+
<strong>Side nav:</strong> Use to display [side nav
|
|
43
|
+
items](https://atlaskit.atlassian.com/packages/navigation/side-nav-items). Is resizable and
|
|
44
44
|
collapsible.
|
|
45
45
|
<ol type="a" start="4">
|
|
46
46
|
<li>
|
|
@@ -123,7 +123,6 @@ The main difference between Aside, Panel and Modal dialog is their behaviours:
|
|
|
123
123
|
## Related
|
|
124
124
|
|
|
125
125
|
- [Page header](/components/page-header)
|
|
126
|
-
- [Side nav items](/components/navigation-system/side-nav-items)
|
|
127
126
|
- [Top nav items](/components/navigation-system/top-nav-items)
|
|
128
|
-
- [Navigation
|
|
127
|
+
- [Navigation resources (Atlassians only)](https://hello.atlassian.net/wiki/x/rBE7MAE)
|
|
129
128
|
- [Preview panel (Atlassians only)](https://atlaskit-website-staging.stg-east.frontend.public.atl-paas.net/#/packages/navigation/preview-panel)
|
|
@@ -31,8 +31,8 @@ area. They are left-aligned in the following order:
|
|
|
31
31
|
|
|
32
32
|
- SideNavToggleButton - Opens and closes the
|
|
33
33
|
[side nav](/components/navigation-system/layout/examples#side-nav).
|
|
34
|
-
- AppSwitcher - Use to open and close an app switcher.
|
|
35
|
-
[
|
|
34
|
+
- AppSwitcher - Use to open and close an app switcher. See
|
|
35
|
+
[navigation experience guidelines (Atlassians only)](https://hello.atlassian.net/wiki/x/rBE7MAE)
|
|
36
36
|
for recommended platform components.
|
|
37
37
|
|
|
38
38
|
Use one of the following logo components to orient users and provide a persistent link to the app
|
|
@@ -87,8 +87,8 @@ centre-aligned.
|
|
|
87
87
|
|
|
88
88
|
- It should consist of a search component and a create component, in that order to maintain the
|
|
89
89
|
correct layout behaviour.
|
|
90
|
-
- We have provided placeholder components.
|
|
91
|
-
[
|
|
90
|
+
- We have provided placeholder components. See
|
|
91
|
+
[navigation experience guidelines (Atlassians only)](https://hello.atlassian.net/wiki/x/rBE7MAE)
|
|
92
92
|
for recommended platform components.
|
|
93
93
|
- Our placeholder search field scales to fill the available area of common actions, up to a maximum
|
|
94
94
|
width of 780px. At `xxs` breakpoints (less than 480px), the search field converts to an icon only
|
|
@@ -119,7 +119,7 @@ order:
|
|
|
119
119
|
- Settings - Use to open and close a settings menu.
|
|
120
120
|
- Profile/Login - A placeholder for an account component.
|
|
121
121
|
|
|
122
|
-
|
|
122
|
+
See [navigation experience guidelines (Atlassians only)](https://hello.atlassian.net/wiki/x/rBE7MAE)
|
|
123
123
|
for recommended platform components for these buttons, or triggered by these buttons.
|
|
124
124
|
|
|
125
125
|
At `xs` breakpoints and below (less than 768px), these buttons collapse into a single 'more' button.
|
|
@@ -77,5 +77,4 @@ navigation follows Atlassian patterns consistently,
|
|
|
77
77
|
## Related
|
|
78
78
|
|
|
79
79
|
- [Layout](/components/navigation-system/layout)
|
|
80
|
-
- [
|
|
81
|
-
- [Navigation experience guidelines (Atlassians only)](https://hello.atlassian.net/wiki/spaces/navx/pages/5104144812)
|
|
80
|
+
- [Navigation resources (Atlassians only)](https://hello.atlassian.net/wiki/x/rBE7MAE)
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* skip-link.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* skip-link.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
@@ -10,7 +10,7 @@ require("./skip-link.compiled.css");
|
|
|
10
10
|
var _runtime = require("@compiled/react/runtime");
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _bindEventListener = require("bind-event-listener");
|
|
13
|
-
var
|
|
13
|
+
var _compiled = require("@atlaskit/primitives/compiled");
|
|
14
14
|
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); }
|
|
15
15
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
16
16
|
var styles = {
|
|
@@ -108,7 +108,7 @@ var SkipLink = exports.SkipLink = function SkipLink(_ref) {
|
|
|
108
108
|
}, [id, onBeforeNavigate]);
|
|
109
109
|
return /*#__PURE__*/_react.default.createElement("li", {
|
|
110
110
|
className: (0, _runtime.ax)([styles.skipLinkListItem])
|
|
111
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
111
|
+
}, /*#__PURE__*/_react.default.createElement(_compiled.Anchor
|
|
112
112
|
/**
|
|
113
113
|
* It looks like Safari handles link clicks during `pointerdown` unless it has an explicit `tabIndex={0}` :/
|
|
114
114
|
*
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* custom-logo.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* custom-logo.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
@@ -11,7 +11,7 @@ var _runtime = require("@compiled/react/runtime");
|
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _react2 = require("@compiled/react");
|
|
13
13
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
14
|
-
var
|
|
14
|
+
var _compiled = require("@atlaskit/primitives/compiled");
|
|
15
15
|
var _useIsFhsEnabled = require("../../fhs-rollout/use-is-fhs-enabled");
|
|
16
16
|
var _hasCustomThemeContext = require("../themed/has-custom-theme-context");
|
|
17
17
|
var _logoRenderer = require("./logo-renderer");
|
|
@@ -83,7 +83,7 @@ var CustomLogo = exports.CustomLogo = function CustomLogo(_ref) {
|
|
|
83
83
|
}, []);
|
|
84
84
|
var hasCustomTheme = (0, _hasCustomThemeContext.useHasCustomTheme)();
|
|
85
85
|
var isFhsEnabled = (0, _useIsFhsEnabled.useIsFhsEnabled)();
|
|
86
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
86
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Anchor, {
|
|
87
87
|
ref: ref,
|
|
88
88
|
"aria-label": label,
|
|
89
89
|
href: href
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
/* skip-link.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* skip-link.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import "./skip-link.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { useCallback } from 'react';
|
|
5
5
|
import { bind } from 'bind-event-listener';
|
|
6
6
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
7
|
-
import { Anchor } from '@atlaskit/primitives';
|
|
7
|
+
import { Anchor } from '@atlaskit/primitives/compiled';
|
|
8
8
|
const styles = {
|
|
9
9
|
skipLinkListItem: "_1pfhze3t"
|
|
10
10
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* skip-links-container.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* skip-links-container.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import "./skip-links-container.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* main-sticky-header.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* main-sticky-header.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import "./main-sticky-header.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React from 'react';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* panel-splitter.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* panel-splitter.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./panel-splitter.compiled.css";
|
|
4
4
|
import * as React from 'react';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* side-nav-content.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* side-nav-content.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import "./side-nav-content.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { forwardRef, useMemo, useRef } from 'react';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* side-nav.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* side-nav.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./side-nav.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* toggle-button.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* toggle-button.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import "./toggle-button.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* top-nav-end.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* top-nav-end.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./top-nav-end.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* top-nav-start.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* top-nav-start.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import "./top-nav-start.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { forwardRef, useContext, useEffect, useLayoutEffect, useRef, useState } from 'react';
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/* custom-logo.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* custom-logo.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import "./custom-logo.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { useEffect, useRef } from 'react';
|
|
5
5
|
import { cx } from '@compiled/react';
|
|
6
6
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
7
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
8
|
-
import { Anchor } from '@atlaskit/primitives';
|
|
8
|
+
import { Anchor } from '@atlaskit/primitives/compiled';
|
|
9
9
|
import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
|
|
10
10
|
import { useHasCustomTheme } from '../themed/has-custom-theme-context';
|
|
11
11
|
import { LogoRenderer } from './logo-renderer';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* logo-renderer.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* logo-renderer.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import { useHasCustomTheme } from '../themed/has-custom-theme-context';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
/* skip-link.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* skip-link.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import "./skip-link.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { useCallback } from 'react';
|
|
5
5
|
import { bind } from 'bind-event-listener';
|
|
6
6
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
7
|
-
import { Anchor } from '@atlaskit/primitives';
|
|
7
|
+
import { Anchor } from '@atlaskit/primitives/compiled';
|
|
8
8
|
var styles = {
|
|
9
9
|
skipLinkListItem: "_1pfhze3t"
|
|
10
10
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* skip-links-container.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* skip-links-container.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
4
|
import "./skip-links-container.compiled.css";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* aside.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* aside.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
4
4
|
import "./aside.compiled.css";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* main-sticky-header.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* main-sticky-header.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import "./main-sticky-header.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React from 'react';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* panel-splitter.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* panel-splitter.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
4
4
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* panel.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* panel.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
4
4
|
import "./panel.compiled.css";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* side-nav-content.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* side-nav-content.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import "./side-nav-content.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { forwardRef, useMemo, useRef } from 'react';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* side-nav.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* side-nav.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
4
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* toggle-button.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* toggle-button.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
4
4
|
import "./toggle-button.compiled.css";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* top-nav-end.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* top-nav-end.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
4
4
|
import "./top-nav-end.compiled.css";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* top-nav-start.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* top-nav-start.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
3
|
import "./top-nav-start.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* top-nav.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* top-nav.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["backgroundColor"];
|
|
4
4
|
import "./top-nav.compiled.css";
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/* custom-logo.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* custom-logo.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import "./custom-logo.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { useEffect, useRef } from 'react';
|
|
5
5
|
import { cx } from '@compiled/react';
|
|
6
6
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
7
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
8
|
-
import { Anchor } from '@atlaskit/primitives';
|
|
8
|
+
import { Anchor } from '@atlaskit/primitives/compiled';
|
|
9
9
|
import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
|
|
10
10
|
import { useHasCustomTheme } from '../themed/has-custom-theme-context';
|
|
11
11
|
import { LogoRenderer } from './logo-renderer';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* logo-renderer.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* logo-renderer.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import { useHasCustomTheme } from '../themed/has-custom-theme-context';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* button.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* button.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["style", "xcss", "backgroundColor", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd"],
|
|
@@ -19,12 +19,9 @@ type TopNavStartProps = {
|
|
|
19
19
|
*
|
|
20
20
|
* You should only render `<SideNavToggleButton>` inside this slot, not as a child.
|
|
21
21
|
*
|
|
22
|
-
* After `platform_dst_nav4_side_nav_toggle_button_slot` rolls out,
|
|
23
|
-
* this prop will become required.
|
|
24
|
-
*
|
|
25
22
|
* Consumers that do not need a toggle button can explicitly pass `null`.
|
|
26
23
|
*/
|
|
27
|
-
sideNavToggleButton
|
|
24
|
+
sideNavToggleButton: React.ReactNode;
|
|
28
25
|
};
|
|
29
26
|
/**
|
|
30
27
|
* __TopNavStart__
|
|
@@ -19,12 +19,9 @@ type TopNavStartProps = {
|
|
|
19
19
|
*
|
|
20
20
|
* You should only render `<SideNavToggleButton>` inside this slot, not as a child.
|
|
21
21
|
*
|
|
22
|
-
* After `platform_dst_nav4_side_nav_toggle_button_slot` rolls out,
|
|
23
|
-
* this prop will become required.
|
|
24
|
-
*
|
|
25
22
|
* Consumers that do not need a toggle button can explicitly pass `null`.
|
|
26
23
|
*/
|
|
27
|
-
sideNavToggleButton
|
|
24
|
+
sideNavToggleButton: React.ReactNode;
|
|
28
25
|
};
|
|
29
26
|
/**
|
|
30
27
|
* __TopNavStart__
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/navigation-system",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.1.0",
|
|
4
4
|
"description": "The latest navigation system for Atlassian apps.",
|
|
5
5
|
"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
|
|
6
6
|
"author": "Atlassian Pty Ltd",
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
"dependencies": {
|
|
66
66
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
67
67
|
"@atlaskit/avatar": "^25.8.0",
|
|
68
|
-
"@atlaskit/button": "^23.
|
|
68
|
+
"@atlaskit/button": "^23.10.0",
|
|
69
69
|
"@atlaskit/css": "^0.19.0",
|
|
70
70
|
"@atlaskit/ds-lib": "^5.3.0",
|
|
71
71
|
"@atlaskit/icon": "^32.0.0",
|
|
@@ -75,12 +75,12 @@
|
|
|
75
75
|
"@atlaskit/popup": "^4.13.0",
|
|
76
76
|
"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
|
|
77
77
|
"@atlaskit/primitives": "^18.0.0",
|
|
78
|
-
"@atlaskit/side-nav-items": "^1.
|
|
78
|
+
"@atlaskit/side-nav-items": "^1.9.0",
|
|
79
79
|
"@atlaskit/tokens": "^11.0.0",
|
|
80
80
|
"@atlaskit/tooltip": "^20.14.0",
|
|
81
81
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
82
82
|
"@babel/runtime": "^7.0.0",
|
|
83
|
-
"@compiled/react": "^0.
|
|
83
|
+
"@compiled/react": "^0.20.0",
|
|
84
84
|
"bind-event-listener": "^3.0.0",
|
|
85
85
|
"raf-schd": "^4.0.3",
|
|
86
86
|
"tiny-invariant": "^1.2.0"
|
|
@@ -98,7 +98,7 @@
|
|
|
98
98
|
"@atlaskit/banner": "^14.0.0",
|
|
99
99
|
"@atlaskit/breadcrumbs": "^15.3.0",
|
|
100
100
|
"@atlaskit/dropdown-menu": "^16.5.0",
|
|
101
|
-
"@atlaskit/form": "^15.
|
|
101
|
+
"@atlaskit/form": "^15.4.0",
|
|
102
102
|
"@atlaskit/heading": "^5.3.0",
|
|
103
103
|
"@atlaskit/link": "^3.3.0",
|
|
104
104
|
"@atlaskit/lozenge": "^13.4.0",
|
|
@@ -113,7 +113,7 @@
|
|
|
113
113
|
"@atlaskit/skeleton": "^2.1.0",
|
|
114
114
|
"@atlaskit/textfield": "^8.2.0",
|
|
115
115
|
"@atlassian/feature-flags-test-utils": "^1.0.0",
|
|
116
|
-
"@atlassian/gemini": "^1.
|
|
116
|
+
"@atlassian/gemini": "^1.36.0",
|
|
117
117
|
"@atlassian/search-dialog": "^9.15.0",
|
|
118
118
|
"@atlassian/ssr-tests": "workspace:^",
|
|
119
119
|
"@atlassian/test-utils": "^1.0.0",
|