@atlaskit/navigation-system 10.6.0 → 10.7.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 (159) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/dist/cjs/components/badge-container.js +1 -1
  3. package/dist/cjs/components/list-item.js +1 -1
  4. package/dist/cjs/components/list.js +1 -1
  5. package/dist/cjs/components/skip-links/skip-link.compiled.css +0 -1
  6. package/dist/cjs/components/skip-links/skip-link.js +1 -1
  7. package/dist/cjs/components/skip-links/skip-links-container.compiled.css +0 -1
  8. package/dist/cjs/components/skip-links/skip-links-container.js +1 -1
  9. package/dist/cjs/components/skip-links/skip-links-popup.js +1 -1
  10. package/dist/cjs/ui/page-layout/aside.compiled.css +0 -1
  11. package/dist/cjs/ui/page-layout/aside.js +1 -1
  12. package/dist/cjs/ui/page-layout/banner.compiled.css +0 -1
  13. package/dist/cjs/ui/page-layout/banner.js +1 -1
  14. package/dist/cjs/ui/page-layout/main/main-sticky-header.js +1 -1
  15. package/dist/cjs/ui/page-layout/main/main.compiled.css +0 -1
  16. package/dist/cjs/ui/page-layout/main/main.js +1 -1
  17. package/dist/cjs/ui/page-layout/panel-splitter/panel-splitter.js +2 -2
  18. package/dist/cjs/ui/page-layout/panel.compiled.css +0 -1
  19. package/dist/cjs/ui/page-layout/panel.js +1 -1
  20. package/dist/cjs/ui/page-layout/ribbon.compiled.css +0 -1
  21. package/dist/cjs/ui/page-layout/ribbon.js +1 -1
  22. package/dist/cjs/ui/page-layout/root.js +1 -1
  23. package/dist/cjs/ui/page-layout/side-nav/side-nav-content.js +1 -1
  24. package/dist/cjs/ui/page-layout/side-nav/side-nav-footer.js +1 -1
  25. package/dist/cjs/ui/page-layout/side-nav/side-nav-header.js +1 -1
  26. package/dist/cjs/ui/page-layout/side-nav/side-nav.compiled.css +0 -1
  27. package/dist/cjs/ui/page-layout/side-nav/side-nav.js +1 -1
  28. package/dist/cjs/ui/page-layout/side-nav/toggle-button.js +1 -1
  29. package/dist/cjs/ui/page-layout/top-nav/top-nav-end.compiled.css +0 -1
  30. package/dist/cjs/ui/page-layout/top-nav/top-nav-end.js +1 -1
  31. package/dist/cjs/ui/page-layout/top-nav/top-nav-middle.compiled.css +0 -1
  32. package/dist/cjs/ui/page-layout/top-nav/top-nav-middle.js +1 -1
  33. package/dist/cjs/ui/page-layout/top-nav/top-nav-start.compiled.css +0 -1
  34. package/dist/cjs/ui/page-layout/top-nav/top-nav-start.js +1 -1
  35. package/dist/cjs/ui/page-layout/top-nav/top-nav.compiled.css +0 -1
  36. package/dist/cjs/ui/page-layout/top-nav/top-nav.js +1 -1
  37. package/dist/cjs/ui/top-nav-items/app-switcher.js +7 -2
  38. package/dist/cjs/ui/top-nav-items/custom-title.js +1 -1
  39. package/dist/cjs/ui/top-nav-items/nav-logo/app-logo.compiled.css +0 -1
  40. package/dist/cjs/ui/top-nav-items/nav-logo/app-logo.js +1 -1
  41. package/dist/cjs/ui/top-nav-items/nav-logo/custom-logo.compiled.css +0 -1
  42. package/dist/cjs/ui/top-nav-items/nav-logo/custom-logo.js +1 -1
  43. package/dist/cjs/ui/top-nav-items/nav-logo/logo-renderer.js +1 -1
  44. package/dist/cjs/ui/top-nav-items/search.compiled.css +0 -1
  45. package/dist/cjs/ui/top-nav-items/search.js +1 -1
  46. package/dist/cjs/ui/top-nav-items/themed/themed-anchor.compiled.css +0 -1
  47. package/dist/cjs/ui/top-nav-items/themed/themed-anchor.js +1 -1
  48. package/dist/cjs/ui/top-nav-items/themed/themed-button.js +1 -1
  49. package/dist/cjs/ui/top-nav-items/themed/themed-icon-button.js +2 -2
  50. package/dist/cjs/ui/top-nav-items/themed/themed-link-button.js +1 -1
  51. package/dist/cjs/ui/top-nav-items/themed/themed-link-icon-button.js +1 -1
  52. package/dist/cjs/ui/top-nav-items/themed/themed-pressable.compiled.css +0 -1
  53. package/dist/cjs/ui/top-nav-items/themed/themed-pressable.js +1 -1
  54. package/dist/es2019/components/badge-container.js +1 -1
  55. package/dist/es2019/components/list-item.js +1 -1
  56. package/dist/es2019/components/list.js +1 -1
  57. package/dist/es2019/components/skip-links/skip-link.compiled.css +0 -1
  58. package/dist/es2019/components/skip-links/skip-link.js +1 -1
  59. package/dist/es2019/components/skip-links/skip-links-container.compiled.css +0 -1
  60. package/dist/es2019/components/skip-links/skip-links-container.js +1 -1
  61. package/dist/es2019/components/skip-links/skip-links-popup.js +1 -1
  62. package/dist/es2019/ui/page-layout/aside.compiled.css +0 -1
  63. package/dist/es2019/ui/page-layout/aside.js +1 -1
  64. package/dist/es2019/ui/page-layout/banner.compiled.css +0 -1
  65. package/dist/es2019/ui/page-layout/banner.js +1 -1
  66. package/dist/es2019/ui/page-layout/main/main-sticky-header.js +1 -1
  67. package/dist/es2019/ui/page-layout/main/main.compiled.css +0 -1
  68. package/dist/es2019/ui/page-layout/main/main.js +1 -1
  69. package/dist/es2019/ui/page-layout/panel-splitter/panel-splitter.js +2 -2
  70. package/dist/es2019/ui/page-layout/panel.compiled.css +0 -1
  71. package/dist/es2019/ui/page-layout/panel.js +1 -1
  72. package/dist/es2019/ui/page-layout/ribbon.compiled.css +0 -1
  73. package/dist/es2019/ui/page-layout/ribbon.js +1 -1
  74. package/dist/es2019/ui/page-layout/root.js +1 -1
  75. package/dist/es2019/ui/page-layout/side-nav/side-nav-content.js +1 -1
  76. package/dist/es2019/ui/page-layout/side-nav/side-nav-footer.js +1 -1
  77. package/dist/es2019/ui/page-layout/side-nav/side-nav-header.js +1 -1
  78. package/dist/es2019/ui/page-layout/side-nav/side-nav.compiled.css +0 -1
  79. package/dist/es2019/ui/page-layout/side-nav/side-nav.js +1 -1
  80. package/dist/es2019/ui/page-layout/side-nav/toggle-button.js +1 -1
  81. package/dist/es2019/ui/page-layout/top-nav/top-nav-end.compiled.css +0 -1
  82. package/dist/es2019/ui/page-layout/top-nav/top-nav-end.js +1 -1
  83. package/dist/es2019/ui/page-layout/top-nav/top-nav-middle.compiled.css +0 -1
  84. package/dist/es2019/ui/page-layout/top-nav/top-nav-middle.js +1 -1
  85. package/dist/es2019/ui/page-layout/top-nav/top-nav-start.compiled.css +0 -1
  86. package/dist/es2019/ui/page-layout/top-nav/top-nav-start.js +1 -1
  87. package/dist/es2019/ui/page-layout/top-nav/top-nav.compiled.css +0 -1
  88. package/dist/es2019/ui/page-layout/top-nav/top-nav.js +1 -1
  89. package/dist/es2019/ui/top-nav-items/app-switcher.js +22 -15
  90. package/dist/es2019/ui/top-nav-items/custom-title.js +1 -1
  91. package/dist/es2019/ui/top-nav-items/nav-logo/app-logo.compiled.css +0 -1
  92. package/dist/es2019/ui/top-nav-items/nav-logo/app-logo.js +1 -1
  93. package/dist/es2019/ui/top-nav-items/nav-logo/custom-logo.compiled.css +0 -1
  94. package/dist/es2019/ui/top-nav-items/nav-logo/custom-logo.js +1 -1
  95. package/dist/es2019/ui/top-nav-items/nav-logo/logo-renderer.js +1 -1
  96. package/dist/es2019/ui/top-nav-items/search.compiled.css +0 -1
  97. package/dist/es2019/ui/top-nav-items/search.js +1 -1
  98. package/dist/es2019/ui/top-nav-items/themed/themed-anchor.compiled.css +0 -1
  99. package/dist/es2019/ui/top-nav-items/themed/themed-anchor.js +1 -1
  100. package/dist/es2019/ui/top-nav-items/themed/themed-button.js +1 -1
  101. package/dist/es2019/ui/top-nav-items/themed/themed-icon-button.js +2 -2
  102. package/dist/es2019/ui/top-nav-items/themed/themed-link-button.js +1 -1
  103. package/dist/es2019/ui/top-nav-items/themed/themed-link-icon-button.js +1 -1
  104. package/dist/es2019/ui/top-nav-items/themed/themed-pressable.compiled.css +0 -1
  105. package/dist/es2019/ui/top-nav-items/themed/themed-pressable.js +1 -1
  106. package/dist/esm/components/badge-container.js +1 -1
  107. package/dist/esm/components/list-item.js +1 -1
  108. package/dist/esm/components/list.js +1 -1
  109. package/dist/esm/components/skip-links/skip-link.compiled.css +0 -1
  110. package/dist/esm/components/skip-links/skip-link.js +1 -1
  111. package/dist/esm/components/skip-links/skip-links-container.compiled.css +0 -1
  112. package/dist/esm/components/skip-links/skip-links-container.js +1 -1
  113. package/dist/esm/components/skip-links/skip-links-popup.js +1 -1
  114. package/dist/esm/ui/page-layout/aside.compiled.css +0 -1
  115. package/dist/esm/ui/page-layout/aside.js +1 -1
  116. package/dist/esm/ui/page-layout/banner.compiled.css +0 -1
  117. package/dist/esm/ui/page-layout/banner.js +1 -1
  118. package/dist/esm/ui/page-layout/main/main-sticky-header.js +1 -1
  119. package/dist/esm/ui/page-layout/main/main.compiled.css +0 -1
  120. package/dist/esm/ui/page-layout/main/main.js +1 -1
  121. package/dist/esm/ui/page-layout/panel-splitter/panel-splitter.js +2 -2
  122. package/dist/esm/ui/page-layout/panel.compiled.css +0 -1
  123. package/dist/esm/ui/page-layout/panel.js +1 -1
  124. package/dist/esm/ui/page-layout/ribbon.compiled.css +0 -1
  125. package/dist/esm/ui/page-layout/ribbon.js +1 -1
  126. package/dist/esm/ui/page-layout/root.js +1 -1
  127. package/dist/esm/ui/page-layout/side-nav/side-nav-content.js +1 -1
  128. package/dist/esm/ui/page-layout/side-nav/side-nav-footer.js +1 -1
  129. package/dist/esm/ui/page-layout/side-nav/side-nav-header.js +1 -1
  130. package/dist/esm/ui/page-layout/side-nav/side-nav.compiled.css +0 -1
  131. package/dist/esm/ui/page-layout/side-nav/side-nav.js +1 -1
  132. package/dist/esm/ui/page-layout/side-nav/toggle-button.js +1 -1
  133. package/dist/esm/ui/page-layout/top-nav/top-nav-end.compiled.css +0 -1
  134. package/dist/esm/ui/page-layout/top-nav/top-nav-end.js +1 -1
  135. package/dist/esm/ui/page-layout/top-nav/top-nav-middle.compiled.css +0 -1
  136. package/dist/esm/ui/page-layout/top-nav/top-nav-middle.js +1 -1
  137. package/dist/esm/ui/page-layout/top-nav/top-nav-start.compiled.css +0 -1
  138. package/dist/esm/ui/page-layout/top-nav/top-nav-start.js +1 -1
  139. package/dist/esm/ui/page-layout/top-nav/top-nav.compiled.css +0 -1
  140. package/dist/esm/ui/page-layout/top-nav/top-nav.js +1 -1
  141. package/dist/esm/ui/top-nav-items/app-switcher.js +7 -2
  142. package/dist/esm/ui/top-nav-items/custom-title.js +1 -1
  143. package/dist/esm/ui/top-nav-items/nav-logo/app-logo.compiled.css +0 -1
  144. package/dist/esm/ui/top-nav-items/nav-logo/app-logo.js +1 -1
  145. package/dist/esm/ui/top-nav-items/nav-logo/custom-logo.compiled.css +0 -1
  146. package/dist/esm/ui/top-nav-items/nav-logo/custom-logo.js +1 -1
  147. package/dist/esm/ui/top-nav-items/nav-logo/logo-renderer.js +1 -1
  148. package/dist/esm/ui/top-nav-items/search.compiled.css +0 -1
  149. package/dist/esm/ui/top-nav-items/search.js +1 -1
  150. package/dist/esm/ui/top-nav-items/themed/themed-anchor.compiled.css +0 -1
  151. package/dist/esm/ui/top-nav-items/themed/themed-anchor.js +1 -1
  152. package/dist/esm/ui/top-nav-items/themed/themed-button.js +1 -1
  153. package/dist/esm/ui/top-nav-items/themed/themed-icon-button.js +2 -2
  154. package/dist/esm/ui/top-nav-items/themed/themed-link-button.js +1 -1
  155. package/dist/esm/ui/top-nav-items/themed/themed-link-icon-button.js +1 -1
  156. package/dist/esm/ui/top-nav-items/themed/themed-pressable.compiled.css +0 -1
  157. package/dist/esm/ui/top-nav-items/themed/themed-pressable.js +1 -1
  158. package/dist/types/ui/top-nav-items/app-switcher.d.ts +10 -0
  159. package/package.json +11 -7
@@ -1,4 +1,4 @@
1
- /* logo-renderer.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* logo-renderer.tsx generated by @compiled/babel-plugin v0.40.0 */
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,3 @@
1
-
2
1
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
2
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}._18zr12x7{padding-inline:var(--ds-space-075,6px)}
4
3
  ._1ii7kb7n{grid-row:1}
@@ -1,4 +1,4 @@
1
- /* search.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* search.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  import "./search.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { Fragment } from 'react';
@@ -1,4 +1,3 @@
1
-
2
1
  ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
2
  ._11q71c9b{background:var(--ds-top-bar-button-disabled-background)}
4
3
  ._11q71qds{background:var(--ds-top-bar-button-selected-background)}
@@ -1,4 +1,4 @@
1
- /* themed-anchor.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* themed-anchor.tsx generated by @compiled/babel-plugin v0.40.0 */
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 v0.39.1 */
1
+ /* themed-button.tsx generated by @compiled/babel-plugin v0.40.0 */
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 v0.39.1 */
1
+ /* themed-icon-button.tsx generated by @compiled/babel-plugin v0.40.0 */
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"];
@@ -6,7 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
6
6
  import React, { forwardRef } from 'react';
7
7
  import mergeRefs from '@atlaskit/ds-lib/merge-refs';
8
8
  import Tooltip from '@atlaskit/tooltip';
9
- import VisuallyHidden from '@atlaskit/visually-hidden';
9
+ import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
10
10
  import IconRenderer from '../icon-renderer';
11
11
  import { ThemedPressable } from './themed-pressable';
12
12
  export var ThemedIconButton = /*#__PURE__*/forwardRef(function ThemedIconButton(_ref, ref) {
@@ -1,4 +1,4 @@
1
- /* themed-link-button.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* themed-link-button.tsx generated by @compiled/babel-plugin v0.40.0 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
  var _excluded = ["iconBefore", "children"];
@@ -5,7 +5,7 @@ import React from 'react';
5
5
  import forwardRefWithGeneric from '@atlaskit/ds-lib/forward-ref-with-generic';
6
6
  import mergeRefs from '@atlaskit/ds-lib/merge-refs';
7
7
  import Tooltip from '@atlaskit/tooltip';
8
- import VisuallyHidden from '@atlaskit/visually-hidden';
8
+ import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
9
9
  import { ThemedAnchor } from './themed-anchor';
10
10
 
11
11
  /**
@@ -1,4 +1,3 @@
1
-
2
1
  ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
2
  ._11q71c9b{background:var(--ds-top-bar-button-disabled-background)}
4
3
  ._11q71qds{background:var(--ds-top-bar-button-selected-background)}
@@ -1,4 +1,4 @@
1
- /* themed-pressable.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* themed-pressable.tsx generated by @compiled/babel-plugin v0.40.0 */
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,10 +1,16 @@
1
1
  import React from 'react';
2
+ import { type IconButtonProps } from '@atlaskit/button/new';
2
3
  import type { TriggerProps } from '@atlaskit/popup/types';
3
4
  interface AppSwitcherProps extends Partial<Omit<TriggerProps, 'ref' | 'data-ds--level'>> {
4
5
  /**
5
6
  * Provide an accessible label, often used by screen readers.
6
7
  */
7
8
  label: React.ReactNode;
9
+ /**
10
+ * Allows a custom visual to be used instead of the Atlassian AppSwitcher icon.
11
+ * Defaults to the Atlassian app switcher icon.
12
+ */
13
+ icon?: IconButtonProps['icon'];
8
14
  /**
9
15
  * Handler called on click.
10
16
  */
@@ -22,6 +28,10 @@ interface AppSwitcherProps extends Partial<Omit<TriggerProps, 'ref' | 'data-ds--
22
28
  * Indicates that the button is selected.
23
29
  */
24
30
  isSelected?: boolean;
31
+ /**
32
+ * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
33
+ */
34
+ testId?: string;
25
35
  }
26
36
  /**
27
37
  * __App switcher__
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/navigation-system",
3
- "version": "10.6.0",
3
+ "version": "10.7.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",
@@ -59,22 +59,22 @@
59
59
  "@atlaskit/button": "^24.3.0",
60
60
  "@atlaskit/css": "^1.0.0",
61
61
  "@atlaskit/ds-lib": "^8.0.0",
62
- "@atlaskit/icon": "^37.0.0",
62
+ "@atlaskit/icon": "^37.1.0",
63
63
  "@atlaskit/layering": "^4.1.0",
64
64
  "@atlaskit/logo": "^21.4.0",
65
- "@atlaskit/motion": "^7.4.0",
65
+ "@atlaskit/motion": "^7.5.0",
66
66
  "@atlaskit/platform-feature-flags": "^2.0.0",
67
67
  "@atlaskit/platform-feature-flags-react": "^1.1.0",
68
68
  "@atlaskit/popup": "^5.1.0",
69
69
  "@atlaskit/pragmatic-drag-and-drop": "^2.0.0",
70
70
  "@atlaskit/primitives": "^22.0.0",
71
71
  "@atlaskit/react-compiler-gating": "^0.2.0",
72
- "@atlaskit/side-nav-items": "^2.2.0",
73
- "@atlaskit/tokens": "^16.0.0",
72
+ "@atlaskit/side-nav-items": "^2.3.0",
73
+ "@atlaskit/tokens": "^16.1.0",
74
74
  "@atlaskit/tooltip": "^23.1.0",
75
75
  "@atlaskit/visually-hidden": "^4.2.0",
76
76
  "@babel/runtime": "^7.0.0",
77
- "@compiled/react": "^0.20.0",
77
+ "@compiled/react": "^0.22.2",
78
78
  "bind-event-listener": "^3.0.0",
79
79
  "raf-schd": "^4.0.3",
80
80
  "tiny-invariant": "^1.2.0"
@@ -110,7 +110,7 @@
110
110
  "@atlaskit/textfield": "^9.1.0",
111
111
  "@atlaskit/top-layer": "^1.8.0",
112
112
  "@atlassian/feature-flags-test-utils": "^1.2.0",
113
- "@atlassian/gemini": "^1.50.0",
113
+ "@atlassian/gemini": "^1.51.0",
114
114
  "@atlassian/search-dialog": "^10.5.0",
115
115
  "@atlassian/ssr-tests": "workspace:^",
116
116
  "@atlassian/test-utils": "^1.1.0",
@@ -177,6 +177,10 @@
177
177
  "type": "boolean",
178
178
  "referenceOnly": true
179
179
  },
180
+ "platform_dst_ads_appswitcher_improvements": {
181
+ "type": "boolean",
182
+ "referenceOnly": true
183
+ },
180
184
  "platform-ads-nav-fixed-height": {
181
185
  "type": "boolean"
182
186
  }