@atlaskit/navigation-system 10.16.6 → 10.16.8
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 +16 -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 +3 -2
- 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 +3 -2
- 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 +3 -2
- 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 +8 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlassian/navigation-system
|
|
2
2
|
|
|
3
|
+
## 10.16.8
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`73b74955b8418`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/73b74955b8418) -
|
|
8
|
+
Added `color.border.input.search` for search input borders. Navigation System Search uses the new
|
|
9
|
+
token when `platform-dst-tokens-finesse` is enabled; the existing border is unchanged when the
|
|
10
|
+
gate is disabled.
|
|
11
|
+
- Updated dependencies
|
|
12
|
+
|
|
13
|
+
## 10.16.7
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 10.16.6
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
|
@@ -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
|
-
/* search.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* search.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
@@ -12,6 +12,7 @@ var _runtime = require("@compiled/react/runtime");
|
|
|
12
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
13
|
var _css = require("@atlaskit/css");
|
|
14
14
|
var _search = _interopRequireDefault(require("@atlaskit/icon/core/search"));
|
|
15
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
15
16
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
16
17
|
var _useIsFhsEnabled = require("../fhs-rollout/use-is-fhs-enabled");
|
|
17
18
|
var _iconButton = require("./themed/icon-button");
|
|
@@ -43,7 +44,7 @@ var Search = exports.Search = function Search(_ref) {
|
|
|
43
44
|
// When Emotion has been stripped from the Design System move this to Compiled.
|
|
44
45
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
45
46
|
cursor: 'text',
|
|
46
|
-
border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, #8C8F97)")
|
|
47
|
+
border: "var(--ds-border-width, 1px)".concat(" solid ", (0, _fg.fg)('platform-dst-tokens-finesse') ? "var(--ds-border-input-search, #0B120E24)" : "var(--ds-border-input, #8C8F97)")
|
|
47
48
|
},
|
|
48
49
|
onClick: onClick,
|
|
49
50
|
xcss: (0, _css.cx)(styles.root, isFhsEnabled && styles.fullHeightSidebar),
|
|
@@ -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,9 +1,10 @@
|
|
|
1
|
-
/* search.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* search.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import "./search.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { Fragment } from 'react';
|
|
5
5
|
import { cx } from '@atlaskit/css';
|
|
6
6
|
import SearchIcon from '@atlaskit/icon/core/search';
|
|
7
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
7
8
|
import { Pressable, Show, Text } from '@atlaskit/primitives/compiled';
|
|
8
9
|
import { useIsFhsEnabled } from '../fhs-rollout/use-is-fhs-enabled';
|
|
9
10
|
import { IconButton } from './themed/icon-button';
|
|
@@ -34,7 +35,7 @@ export const Search = ({
|
|
|
34
35
|
// When Emotion has been stripped from the Design System move this to Compiled.
|
|
35
36
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
36
37
|
cursor: 'text',
|
|
37
|
-
border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border-input, #8C8F97)"}`
|
|
38
|
+
border: `${"var(--ds-border-width, 1px)"} solid ${fg('platform-dst-tokens-finesse') ? "var(--ds-border-input-search, #0B120E24)" : "var(--ds-border-input, #8C8F97)"}`
|
|
38
39
|
},
|
|
39
40
|
onClick: onClick,
|
|
40
41
|
xcss: cx(styles.root, isFhsEnabled && styles.fullHeightSidebar),
|
|
@@ -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,9 +1,10 @@
|
|
|
1
|
-
/* search.tsx generated by @compiled/babel-plugin
|
|
1
|
+
/* search.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import "./search.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { Fragment } from 'react';
|
|
5
5
|
import { cx } from '@atlaskit/css';
|
|
6
6
|
import SearchIcon from '@atlaskit/icon/core/search';
|
|
7
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
7
8
|
import { Pressable, Show, Text } from '@atlaskit/primitives/compiled';
|
|
8
9
|
import { useIsFhsEnabled } from '../fhs-rollout/use-is-fhs-enabled';
|
|
9
10
|
import { IconButton } from './themed/icon-button';
|
|
@@ -34,7 +35,7 @@ export var Search = function Search(_ref) {
|
|
|
34
35
|
// When Emotion has been stripped from the Design System move this to Compiled.
|
|
35
36
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
36
37
|
cursor: 'text',
|
|
37
|
-
border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, #8C8F97)")
|
|
38
|
+
border: "var(--ds-border-width, 1px)".concat(" solid ", fg('platform-dst-tokens-finesse') ? "var(--ds-border-input-search, #0B120E24)" : "var(--ds-border-input, #8C8F97)")
|
|
38
39
|
},
|
|
39
40
|
onClick: onClick,
|
|
40
41
|
xcss: cx(styles.root, isFhsEnabled && styles.fullHeightSidebar),
|
|
@@ -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.8",
|
|
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,8 +69,8 @@
|
|
|
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.
|
|
73
|
-
"@atlaskit/tokens": "^16.
|
|
72
|
+
"@atlaskit/side-nav-items": "^2.4.0",
|
|
73
|
+
"@atlaskit/tokens": "^16.12.0",
|
|
74
74
|
"@atlaskit/tooltip": "^24.3.0",
|
|
75
75
|
"@atlaskit/visually-hidden": "^4.4.0",
|
|
76
76
|
"@babel/runtime": "^7.0.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",
|
|
@@ -162,6 +162,9 @@
|
|
|
162
162
|
"type": "boolean",
|
|
163
163
|
"referenceOnly": true
|
|
164
164
|
},
|
|
165
|
+
"platform-dst-tokens-finesse": {
|
|
166
|
+
"type": "boolean"
|
|
167
|
+
},
|
|
165
168
|
"platform_dst_ads_appswitcher_improvements": {
|
|
166
169
|
"type": "boolean",
|
|
167
170
|
"referenceOnly": true
|