@atlaskit/navigation-system 9.4.3 → 10.0.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlassian/navigation-system
 
+## 10.0.0
+
+### Major Changes
+
+- [`f2dc9097319f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2dc9097319f0) - ###
+  Dropped support for _legacy_ Typescript 4 types. **Typescript 5 is now the new minimum**.
+
+  Removes the `typesVersions` property and `dist/types-ts4.5` directory from the dist.
+
+  Types are now exclusively via the `"types": "dist/types/index.d.ts"` property.
+
+  ```diff
+  - "typesVersions": {
+  -    ">=4.5 <4.9": {
+  -        "*": [
+  -            "dist/types-ts4.5/*",
+  -            "dist/types-ts4.5/index.d.ts"
+  -        ]
+  -    }
+  - },
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 9.4.3
 
 ### Patch Changes

package/experimental/ribbon/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/experimental/ribbon.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/experimental/ribbon.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/experimental/ribbon.d.ts"
 }

package/fhs-rollout/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/fhs-rollout.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/fhs-rollout.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/fhs-rollout.d.ts"
 }

package/layout/aside/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/layout/aside.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/layout/aside.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/layout/aside.d.ts"
 }

package/layout/banner/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/layout/banner.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/layout/banner.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/layout/banner.d.ts"
 }

package/layout/main/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/layout/main.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/layout/main.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/layout/main.d.ts"
 }

package/layout/panel/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/layout/panel.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/layout/panel.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/layout/panel.d.ts"
 }

package/layout/panel-splitter/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/layout/panel-splitter.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/layout/panel-splitter.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/layout/panel-splitter.d.ts"
 }

package/layout/root/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/layout/root.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/layout/root.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/layout/root.d.ts"
 }

package/layout/side-nav/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/layout/side-nav.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/layout/side-nav.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/layout/side-nav.d.ts"
 }

package/layout/skip-links/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/layout/skip-links.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/layout/skip-links.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/layout/skip-links.d.ts"
 }

package/layout/top-nav/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/layout/top-nav.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/layout/top-nav.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/layout/top-nav.d.ts"
 }

package/legacy/css-variables/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/legacy/css-variables.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/legacy/css-variables.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/legacy/css-variables.d.ts"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/navigation-system",
-	"version": "9.4.3",
+	"version": "10.0.0",
 	"description": "The latest navigation system for Atlassian apps.",
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
 	"author": "Atlassian Pty Ltd",
@@ -11,14 +11,6 @@
 	"module": "dist/esm/index.js",
 	"module:es2019": "dist/es2019/index.js",
 	"types": "dist/types/index.d.ts",
-	"typesVersions": {
-		">=4.5 <4.9": {
-			"*": [
-				"dist/types-ts4.5/*",
-				"dist/types-ts4.5/index.d.ts"
-			]
-		}
-	},
 	"sideEffects": [
 		"*.compiled.css"
 	],
@@ -61,24 +53,24 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^11.3.0",
-		"@atlaskit/app-provider": "^4.3.0",
-		"@atlaskit/avatar": "^25.15.0",
-		"@atlaskit/button": "^23.11.0",
-		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/ds-lib": "^7.0.0",
-		"@atlaskit/icon": "^35.4.0",
-		"@atlaskit/layering": "^3.8.0",
-		"@atlaskit/logo": "^20.2.0",
-		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/platform-feature-flags-react": "^0.5.0",
-		"@atlaskit/popup": "^4.24.0",
-		"@atlaskit/pragmatic-drag-and-drop": "^1.8.0",
-		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/side-nav-items": "^1.14.0",
-		"@atlaskit/tokens": "^13.3.0",
-		"@atlaskit/tooltip": "^22.6.0",
-		"@atlaskit/visually-hidden": "^3.1.0",
+		"@atlaskit/analytics-next": "^12.0.0",
+		"@atlaskit/app-provider": "^5.0.0",
+		"@atlaskit/avatar": "^26.0.0",
+		"@atlaskit/button": "^24.0.0",
+		"@atlaskit/css": "^1.0.0",
+		"@atlaskit/ds-lib": "^8.0.0",
+		"@atlaskit/icon": "^36.0.0",
+		"@atlaskit/layering": "^4.0.0",
+		"@atlaskit/logo": "^21.0.0",
+		"@atlaskit/platform-feature-flags": "^2.0.0",
+		"@atlaskit/platform-feature-flags-react": "^1.0.0",
+		"@atlaskit/popup": "^5.0.0",
+		"@atlaskit/pragmatic-drag-and-drop": "^2.0.0",
+		"@atlaskit/primitives": "^20.0.0",
+		"@atlaskit/side-nav-items": "^2.0.0",
+		"@atlaskit/tokens": "^14.0.0",
+		"@atlaskit/tooltip": "^23.0.0",
+		"@atlaskit/visually-hidden": "^4.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"bind-event-listener": "^3.0.0",
@@ -93,28 +85,28 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/badge": "^18.7.0",
-		"@atlaskit/banner": "^14.1.0",
-		"@atlaskit/breadcrumbs": "^16.1.0",
-		"@atlaskit/dropdown-menu": "^16.10.0",
-		"@atlaskit/flag": "^17.13.0",
-		"@atlaskit/form": "^15.5.0",
-		"@atlaskit/heading": "^5.4.0",
-		"@atlaskit/inline-dialog": "^18.1.0",
-		"@atlaskit/link": "^3.4.0",
-		"@atlaskit/lozenge": "^13.8.0",
-		"@atlaskit/menu": "^8.5.0",
-		"@atlaskit/modal-dialog": "^15.2.0",
-		"@atlaskit/onboarding": "^14.6.0",
-		"@atlaskit/page-header": "^12.2.0",
-		"@atlaskit/page-layout": "^4.3.0",
-		"@atlaskit/popper": "^7.2.0",
-		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.0",
-		"@atlaskit/select": "^21.12.0",
-		"@atlaskit/skeleton": "^2.1.0",
-		"@atlaskit/spotlight": "^0.15.0",
-		"@atlaskit/textfield": "^8.3.0",
-		"@atlaskit/top-layer": "^0.16.0",
+		"@atlaskit/badge": "^19.0.0",
+		"@atlaskit/banner": "^15.0.0",
+		"@atlaskit/breadcrumbs": "^17.0.0",
+		"@atlaskit/dropdown-menu": "^17.0.0",
+		"@atlaskit/flag": "^18.0.0",
+		"@atlaskit/form": "^16.0.0",
+		"@atlaskit/heading": "^6.0.0",
+		"@atlaskit/inline-dialog": "^19.0.0",
+		"@atlaskit/link": "^4.0.0",
+		"@atlaskit/lozenge": "^14.0.0",
+		"@atlaskit/menu": "^9.0.0",
+		"@atlaskit/modal-dialog": "^16.0.0",
+		"@atlaskit/onboarding": "^15.0.0",
+		"@atlaskit/page-header": "^13.0.0",
+		"@atlaskit/page-layout": "^5.0.0",
+		"@atlaskit/popper": "^8.0.0",
+		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^3.0.0",
+		"@atlaskit/select": "^22.0.0",
+		"@atlaskit/skeleton": "^3.0.0",
+		"@atlaskit/spotlight": "^1.0.0",
+		"@atlaskit/textfield": "^9.0.0",
+		"@atlaskit/top-layer": "^1.0.0",
 		"@atlassian/feature-flags-test-utils": "^1.1.0",
 		"@atlassian/gemini": "^1.46.0",
 		"@atlassian/react-compiler-gating": "workspace:^",

package/theming/color-utils/parse-hex/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../../../dist/types/entry-points/theming/color-utils/parse-hex.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../../dist/types-ts4.5/entry-points/theming/color-utils/parse-hex.d.ts"
-      ]
-    }
-  }
+  "types": "../../../dist/types/entry-points/theming/color-utils/parse-hex.d.ts"
 }

package/theming/color-utils/parse-hsl/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../../../dist/types/entry-points/theming/color-utils/parse-hsl.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../../dist/types-ts4.5/entry-points/theming/color-utils/parse-hsl.d.ts"
-      ]
-    }
-  }
+  "types": "../../../dist/types/entry-points/theming/color-utils/parse-hsl.d.ts"
 }

package/theming/color-utils/parse-rgb/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../../../dist/types/entry-points/theming/color-utils/parse-rgb.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../../dist/types-ts4.5/entry-points/theming/color-utils/parse-rgb.d.ts"
-      ]
-    }
-  }
+  "types": "../../../dist/types/entry-points/theming/color-utils/parse-rgb.d.ts"
 }

package/theming/color-utils/parse-user-color/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../../../dist/types/entry-points/theming/color-utils/parse-user-color.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../../dist/types-ts4.5/entry-points/theming/color-utils/parse-user-color.d.ts"
-      ]
-    }
-  }
+  "types": "../../../dist/types/entry-points/theming/color-utils/parse-user-color.d.ts"
 }

package/theming/top-nav-button/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/theming/top-nav-button.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/theming/top-nav-button.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/theming/top-nav-button.d.ts"
 }

package/theming/use-has-custom-theme/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/theming/use-has-custom-theme.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/theming/use-has-custom-theme.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/theming/use-has-custom-theme.d.ts"
 }

package/theming/use-legacy-search-theme/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/theming/use-legacy-search-theme.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/theming/use-legacy-search-theme.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/theming/use-legacy-search-theme.d.ts"
 }

package/top-nav-items/create-button/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/top-nav-items/create-button.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/top-nav-items/create-button.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/top-nav-items/create-button.d.ts"
 }

package/top-nav-items/custom-title/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/top-nav-items/custom-title.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/top-nav-items/custom-title.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/top-nav-items/custom-title.d.ts"
 }

package/top-nav-items/help/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/top-nav-items/help.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/top-nav-items/help.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/top-nav-items/help.d.ts"
 }

package/top-nav-items/log-in/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/top-nav-items/log-in.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/top-nav-items/log-in.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/top-nav-items/log-in.d.ts"
 }

package/top-nav-items/notifications/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/top-nav-items/notifications.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/top-nav-items/notifications.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/top-nav-items/notifications.d.ts"
 }

package/top-nav-items/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/top-nav-items/index.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/top-nav-items/index.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/top-nav-items/index.d.ts"
 }

package/top-nav-items/profile/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/top-nav-items/profile.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/top-nav-items/profile.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/top-nav-items/profile.d.ts"
 }

package/top-nav-items/settings/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../../dist/types/entry-points/top-nav-items/settings.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../../dist/types-ts4.5/entry-points/top-nav-items/settings.d.ts"
-      ]
-    }
-  }
+  "types": "../../dist/types/entry-points/top-nav-items/settings.d.ts"
 }

package/dist/types-ts4.5/components/badge-container.d.ts

@@ -1,32 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import type { ComponentType, ReactNode } from 'react';
-type BadgeContainerProps = {
-    id: string;
-    badge: ComponentType;
-    /**
-     * The children to render inside the container that the badge overlays.
-     */
-    children: ReactNode;
-    /**
-     * Can be used to disable the default `listitem` role.
-     *
-     * As `BadgeContainer` is used internally to wrap `EndItem`, this prop is used to respect
-     * the `isListItem` prop value set in `EndItem`.
-     *
-     * See the prop description in `EndItem` for more information.
-     *
-     * @default true
-     */
-    isListItem?: boolean;
-};
-/**
- * __Badge container__
- *
- * Adds a badge to the top right corner of the child element.
- * Example of usage is showing the number of notifications in the top navigation bar.
- */
-export declare const BadgeContainer: (props: BadgeContainerProps) => JSX.Element;
-export {};

package/dist/types-ts4.5/components/list-item.d.ts

@@ -1,27 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ReactNode } from 'react';
-import type { StrictXCSSProp } from '@atlaskit/css';
-type ListItemProps = {
-    /**
-     * The contents of the list item.
-     */
-    children: ReactNode;
-    /**
-     * A unique string that appears as data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
-     */
-    testId?: string;
-    /**
-     * Bounded style overrides.
-     */
-    xcss?: StrictXCSSProp<'display' | 'scrollMarginInline', never>;
-};
-/**
- * __List item__
- *
- * A [list item](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/li) with visual styles removed.
- */
-export declare const ListItem: React.ForwardRefExoticComponent<React.PropsWithoutRef<ListItemProps> & React.RefAttributes<HTMLDivElement>>;
-export {};

package/dist/types-ts4.5/components/list.d.ts

@@ -1,28 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ReactNode } from 'react';
-import { type XCSSProp } from '@compiled/react';
-export type ListProps = {
-    /**
-     * The contents of the list. Should contain list items.
-     */
-    children: ReactNode;
-    /**
-     * A unique string that appears as data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
-     */
-    testId?: string;
-    /**
-     * Bounded style overrides.
-     */
-    xcss?: XCSSProp<'alignItems' | 'display' | 'gap' | 'paddingInlineStart' | 'padding', never>;
-};
-/**
- * __List__
- *
- * A an element with the role of `list` for semantically grouping list items.
- *
- * This is the internal primitive used by other external components in the navigation system.
- */
-export declare const List: React.ForwardRefExoticComponent<React.PropsWithoutRef<ListProps> & React.RefAttributes<HTMLDivElement>>;

package/dist/types-ts4.5/components/skip-links/focus-element.d.ts

@@ -1,4 +0,0 @@
-/**
- * Used for moving focus to the corresponding slot or custom target after clicking on a skip link.
- */
-export declare function focusElement(element: HTMLElement): void;