@atlaskit/navigation-system 10.16.6 → 10.16.7
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 +6 -0
- 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 +1 -1
- package/dist/cjs/components/skip-links/skip-links-container.js +1 -1
- package/dist/cjs/components/skip-links/skip-links-popup.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 +2 -5
- package/dist/cjs/ui/top-nav-items/nav-logo/custom-logo.js +1 -1
- package/dist/cjs/ui/top-nav-items/nav-logo/logo-renderer.js +2 -5
- package/dist/cjs/ui/top-nav-items/search.js +1 -1
- package/dist/cjs/ui/top-nav-items/themed/themed-anchor.js +1 -1
- package/dist/cjs/ui/top-nav-items/themed/themed-button.js +1 -1
- package/dist/cjs/ui/top-nav-items/themed/themed-icon-button.js +1 -1
- package/dist/cjs/ui/top-nav-items/themed/themed-link-button.js +1 -1
- package/dist/cjs/ui/top-nav-items/themed/themed-pressable.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 +1 -1
- package/dist/es2019/components/skip-links/skip-links-container.js +1 -1
- package/dist/es2019/components/skip-links/skip-links-popup.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 +2 -5
- package/dist/es2019/ui/top-nav-items/nav-logo/custom-logo.js +1 -1
- package/dist/es2019/ui/top-nav-items/nav-logo/logo-renderer.js +2 -5
- package/dist/es2019/ui/top-nav-items/search.js +1 -1
- package/dist/es2019/ui/top-nav-items/themed/themed-anchor.js +1 -1
- package/dist/es2019/ui/top-nav-items/themed/themed-button.js +1 -1
- package/dist/es2019/ui/top-nav-items/themed/themed-icon-button.js +1 -1
- package/dist/es2019/ui/top-nav-items/themed/themed-link-button.js +1 -1
- package/dist/es2019/ui/top-nav-items/themed/themed-pressable.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 +1 -1
- package/dist/esm/components/skip-links/skip-links-container.js +1 -1
- package/dist/esm/components/skip-links/skip-links-popup.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 +2 -5
- package/dist/esm/ui/top-nav-items/nav-logo/custom-logo.js +1 -1
- package/dist/esm/ui/top-nav-items/nav-logo/logo-renderer.js +2 -5
- package/dist/esm/ui/top-nav-items/search.js +1 -1
- package/dist/esm/ui/top-nav-items/themed/themed-anchor.js +1 -1
- package/dist/esm/ui/top-nav-items/themed/themed-button.js +1 -1
- package/dist/esm/ui/top-nav-items/themed/themed-icon-button.js +1 -1
- package/dist/esm/ui/top-nav-items/themed/themed-link-button.js +1 -1
- package/dist/esm/ui/top-nav-items/themed/themed-pressable.js +1 -1
- package/dist/types/ui/top-nav-items/nav-logo/logo-renderer.d.ts +1 -2
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* app-logo.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* app-logo.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
@@ -85,10 +85,7 @@ var AppLogo = exports.AppLogo = function AppLogo(_ref) {
|
|
|
85
85
|
xcss: (0, _react2.cx)(logoWrapperStyles.root, isFhsEnabled && logoWrapperStyles.fullHeightSidebar)
|
|
86
86
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
87
87
|
className: (0, _runtime.ax)([iconContainerStyles.root, isFhsEnabled && iconContainerStyles.fullHeightSidebar])
|
|
88
|
-
}, /*#__PURE__*/_react.default.createElement(_logoRenderer.LogoRenderer
|
|
89
|
-
// Top nav always uses the new logo design
|
|
90
|
-
, {
|
|
91
|
-
shouldUseNewLogoDesign: true,
|
|
88
|
+
}, /*#__PURE__*/_react.default.createElement(_logoRenderer.LogoRenderer, {
|
|
92
89
|
logoOrIcon: icon
|
|
93
90
|
})), /*#__PURE__*/_react.default.createElement("span", {
|
|
94
91
|
className: (0, _runtime.ax)([logoTextStyles.root])
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* logo-renderer.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* logo-renderer.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
@@ -14,21 +14,18 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
14
14
|
var themedLogoIcon = exports.themedLogoIcon = '--ds-top-bar-logo-icon';
|
|
15
15
|
var themedLogoText = exports.themedLogoText = '--ds-top-bar-logo-text';
|
|
16
16
|
function LogoRenderer(_ref) {
|
|
17
|
-
var LogoOrIcon = _ref.logoOrIcon
|
|
18
|
-
shouldUseNewLogoDesign = _ref.shouldUseNewLogoDesign;
|
|
17
|
+
var LogoOrIcon = _ref.logoOrIcon;
|
|
19
18
|
var hasCustomTheme = (0, _hasCustomThemeContext.useHasCustomTheme)();
|
|
20
19
|
if (hasCustomTheme) {
|
|
21
20
|
return /*#__PURE__*/React.createElement(LogoOrIcon, {
|
|
22
21
|
label: "",
|
|
23
22
|
size: "small",
|
|
24
|
-
shouldUseNewLogoDesign: shouldUseNewLogoDesign,
|
|
25
23
|
iconColor: "var(".concat(themedLogoIcon, ")"),
|
|
26
24
|
textColor: "var(".concat(themedLogoText, ")")
|
|
27
25
|
});
|
|
28
26
|
}
|
|
29
27
|
return /*#__PURE__*/React.createElement(LogoOrIcon, {
|
|
30
28
|
size: "small",
|
|
31
|
-
shouldUseNewLogoDesign: shouldUseNewLogoDesign,
|
|
32
29
|
label: "",
|
|
33
30
|
appearance: "brand"
|
|
34
31
|
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* skip-links-container.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* skip-links-container.tsx generated by @compiled/babel-plugin v3.0.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
|
-
/* skip-links-popup.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* skip-links-popup.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./skip-links-popup.compiled.css";
|
|
4
4
|
import * as React from 'react';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* main-sticky-header.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* main-sticky-header.tsx generated by @compiled/babel-plugin v3.0.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
|
-
/* side-nav-content.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* side-nav-content.tsx generated by @compiled/babel-plugin v3.0.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
|
-
/* toggle-button.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* toggle-button.tsx generated by @compiled/babel-plugin v3.0.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
|
|
1
|
+
/* top-nav-end.tsx generated by @compiled/babel-plugin v3.0.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
|
|
1
|
+
/* top-nav-start.tsx generated by @compiled/babel-plugin v3.0.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,4 +1,4 @@
|
|
|
1
|
-
/* app-logo.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* app-logo.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import "./app-logo.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { useCallback, useRef } from 'react';
|
|
@@ -77,10 +77,7 @@ export const AppLogo = ({
|
|
|
77
77
|
xcss: cx(logoWrapperStyles.root, isFhsEnabled && logoWrapperStyles.fullHeightSidebar)
|
|
78
78
|
}, /*#__PURE__*/React.createElement("div", {
|
|
79
79
|
className: ax([iconContainerStyles.root, isFhsEnabled && iconContainerStyles.fullHeightSidebar])
|
|
80
|
-
}, /*#__PURE__*/React.createElement(LogoRenderer
|
|
81
|
-
// Top nav always uses the new logo design
|
|
82
|
-
, {
|
|
83
|
-
shouldUseNewLogoDesign: true,
|
|
80
|
+
}, /*#__PURE__*/React.createElement(LogoRenderer, {
|
|
84
81
|
logoOrIcon: icon
|
|
85
82
|
})), /*#__PURE__*/React.createElement("span", {
|
|
86
83
|
className: ax([logoTextStyles.root])
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* custom-logo.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* custom-logo.tsx generated by @compiled/babel-plugin v3.0.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';
|
|
@@ -1,26 +1,23 @@
|
|
|
1
|
-
/* logo-renderer.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* logo-renderer.tsx generated by @compiled/babel-plugin v3.0.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';
|
|
5
5
|
export const themedLogoIcon = '--ds-top-bar-logo-icon';
|
|
6
6
|
export const themedLogoText = '--ds-top-bar-logo-text';
|
|
7
7
|
export function LogoRenderer({
|
|
8
|
-
logoOrIcon: LogoOrIcon
|
|
9
|
-
shouldUseNewLogoDesign
|
|
8
|
+
logoOrIcon: LogoOrIcon
|
|
10
9
|
}) {
|
|
11
10
|
const hasCustomTheme = useHasCustomTheme();
|
|
12
11
|
if (hasCustomTheme) {
|
|
13
12
|
return /*#__PURE__*/React.createElement(LogoOrIcon, {
|
|
14
13
|
label: "",
|
|
15
14
|
size: "small",
|
|
16
|
-
shouldUseNewLogoDesign: shouldUseNewLogoDesign,
|
|
17
15
|
iconColor: `var(${themedLogoIcon})`,
|
|
18
16
|
textColor: `var(${themedLogoText})`
|
|
19
17
|
});
|
|
20
18
|
}
|
|
21
19
|
return /*#__PURE__*/React.createElement(LogoOrIcon, {
|
|
22
20
|
size: "small",
|
|
23
|
-
shouldUseNewLogoDesign: shouldUseNewLogoDesign,
|
|
24
21
|
label: "",
|
|
25
22
|
appearance: "brand"
|
|
26
23
|
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* themed-anchor.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* themed-anchor.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./themed-anchor.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* themed-button.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* themed-button.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./themed-button.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* themed-icon-button.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* themed-icon-button.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { forwardRef } from 'react';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* themed-link-button.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* themed-link-button.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./themed-link-button.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* themed-pressable.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* themed-pressable.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./themed-pressable.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* skip-links-container.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* skip-links-container.tsx generated by @compiled/babel-plugin v3.0.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
|
-
/* skip-links-popup.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* skip-links-popup.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
4
4
|
import "./skip-links-popup.compiled.css";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* aside.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* aside.tsx generated by @compiled/babel-plugin v3.0.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
|
|
1
|
+
/* main-sticky-header.tsx generated by @compiled/babel-plugin v3.0.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
|
|
1
|
+
/* panel-splitter.tsx generated by @compiled/babel-plugin v3.0.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
|
|
1
|
+
/* panel.tsx generated by @compiled/babel-plugin v3.0.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
|
|
1
|
+
/* side-nav-content.tsx generated by @compiled/babel-plugin v3.0.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
|
|
1
|
+
/* side-nav.tsx generated by @compiled/babel-plugin v3.0.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
|
|
1
|
+
/* toggle-button.tsx generated by @compiled/babel-plugin v3.0.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
|
|
1
|
+
/* top-nav-end.tsx generated by @compiled/babel-plugin v3.0.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
|
|
1
|
+
/* top-nav-start.tsx generated by @compiled/babel-plugin v3.0.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
|
-
/* app-logo.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* app-logo.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import "./app-logo.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { useCallback, useRef } from 'react';
|
|
@@ -76,10 +76,7 @@ export var AppLogo = function AppLogo(_ref) {
|
|
|
76
76
|
xcss: cx(logoWrapperStyles.root, isFhsEnabled && logoWrapperStyles.fullHeightSidebar)
|
|
77
77
|
}, /*#__PURE__*/React.createElement("div", {
|
|
78
78
|
className: ax([iconContainerStyles.root, isFhsEnabled && iconContainerStyles.fullHeightSidebar])
|
|
79
|
-
}, /*#__PURE__*/React.createElement(LogoRenderer
|
|
80
|
-
// Top nav always uses the new logo design
|
|
81
|
-
, {
|
|
82
|
-
shouldUseNewLogoDesign: true,
|
|
79
|
+
}, /*#__PURE__*/React.createElement(LogoRenderer, {
|
|
83
80
|
logoOrIcon: icon
|
|
84
81
|
})), /*#__PURE__*/React.createElement("span", {
|
|
85
82
|
className: ax([logoTextStyles.root])
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* custom-logo.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* custom-logo.tsx generated by @compiled/babel-plugin v3.0.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';
|
|
@@ -1,25 +1,22 @@
|
|
|
1
|
-
/* logo-renderer.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* logo-renderer.tsx generated by @compiled/babel-plugin v3.0.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';
|
|
5
5
|
export var themedLogoIcon = '--ds-top-bar-logo-icon';
|
|
6
6
|
export var themedLogoText = '--ds-top-bar-logo-text';
|
|
7
7
|
export function LogoRenderer(_ref) {
|
|
8
|
-
var LogoOrIcon = _ref.logoOrIcon
|
|
9
|
-
shouldUseNewLogoDesign = _ref.shouldUseNewLogoDesign;
|
|
8
|
+
var LogoOrIcon = _ref.logoOrIcon;
|
|
10
9
|
var hasCustomTheme = useHasCustomTheme();
|
|
11
10
|
if (hasCustomTheme) {
|
|
12
11
|
return /*#__PURE__*/React.createElement(LogoOrIcon, {
|
|
13
12
|
label: "",
|
|
14
13
|
size: "small",
|
|
15
|
-
shouldUseNewLogoDesign: shouldUseNewLogoDesign,
|
|
16
14
|
iconColor: "var(".concat(themedLogoIcon, ")"),
|
|
17
15
|
textColor: "var(".concat(themedLogoText, ")")
|
|
18
16
|
});
|
|
19
17
|
}
|
|
20
18
|
return /*#__PURE__*/React.createElement(LogoOrIcon, {
|
|
21
19
|
size: "small",
|
|
22
|
-
shouldUseNewLogoDesign: shouldUseNewLogoDesign,
|
|
23
20
|
label: "",
|
|
24
21
|
appearance: "brand"
|
|
25
22
|
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* themed-anchor.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* themed-anchor.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["appearance", "shape", "isSelected", "isDisabled"];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* themed-button.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* themed-button.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["iconBefore", "children"];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* themed-icon-button.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* themed-icon-button.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["icon", "label", "tooltip"];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* themed-link-button.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* themed-link-button.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["iconBefore", "children"];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* themed-pressable.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* themed-pressable.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["appearance", "shape", "isSelected", "isDisabled"];
|
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
import type { LogoProps } from '@atlaskit/logo/types';
|
|
6
6
|
export declare const themedLogoIcon = "--ds-top-bar-logo-icon";
|
|
7
7
|
export declare const themedLogoText = "--ds-top-bar-logo-text";
|
|
8
|
-
export declare function LogoRenderer({ logoOrIcon: LogoOrIcon,
|
|
8
|
+
export declare function LogoRenderer({ logoOrIcon: LogoOrIcon, }: {
|
|
9
9
|
logoOrIcon: (props: LogoProps) => JSX.Element;
|
|
10
|
-
shouldUseNewLogoDesign?: boolean;
|
|
11
10
|
}): JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/navigation-system",
|
|
3
|
-
"version": "10.16.
|
|
3
|
+
"version": "10.16.7",
|
|
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",
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
"@atlaskit/ds-lib": "^8.0.0",
|
|
62
62
|
"@atlaskit/icon": "^37.6.0",
|
|
63
63
|
"@atlaskit/layering": "^5.2.0",
|
|
64
|
-
"@atlaskit/logo": "^
|
|
64
|
+
"@atlaskit/logo": "^22.0.0",
|
|
65
65
|
"@atlaskit/motion": "^8.6.0",
|
|
66
66
|
"@atlaskit/platform-feature-flags": "^2.2.0",
|
|
67
67
|
"@atlaskit/platform-feature-flags-react": "^1.2.0",
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
"@atlaskit/pragmatic-drag-and-drop": "^3.1.0",
|
|
70
70
|
"@atlaskit/primitives": "^22.5.0",
|
|
71
71
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
72
|
-
"@atlaskit/side-nav-items": "^2.
|
|
72
|
+
"@atlaskit/side-nav-items": "^2.4.0",
|
|
73
73
|
"@atlaskit/tokens": "^16.11.0",
|
|
74
74
|
"@atlaskit/tooltip": "^24.3.0",
|
|
75
75
|
"@atlaskit/visually-hidden": "^4.4.0",
|
|
@@ -115,7 +115,7 @@
|
|
|
115
115
|
"@atlaskit/top-layer": "^4.4.0",
|
|
116
116
|
"@atlassian/feature-flags-test-utils": "^1.3.0",
|
|
117
117
|
"@atlassian/gemini": "^1.53.0",
|
|
118
|
-
"@atlassian/search-dialog": "^10.
|
|
118
|
+
"@atlassian/search-dialog": "^10.14.0",
|
|
119
119
|
"@atlassian/ssr-tests": "workspace:^",
|
|
120
120
|
"@atlassian/test-utils": "^1.1.0",
|
|
121
121
|
"@atlassian/testing-library": "^0.11.0",
|