@atlaskit/side-navigation 4.1.0 → 4.2.0

package/dist/types/components/NavigationHeader/index.d.ts

@@ -1,4 +1,9 @@
 /// <reference types="react" />
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
 export interface NavigationHeaderProps {
     children: JSX.Element | JSX.Element[];
 }
@@ -10,5 +15,5 @@ export interface NavigationHeaderProps {
  * - [Examples](https://atlassian.design/components/side-navigation/examples#header-and-footer)
  * - [Code](https://atlassian.design/components/side-navigation/code)
  */
-declare const NavigationHeader: (props: NavigationHeaderProps) => JSX.Element;
+declare const NavigationHeader: (props: NavigationHeaderProps) => jsx.JSX.Element;
 export default NavigationHeader;

package/dist/types/components/NestableNavigationContent/index.d.ts

@@ -3,6 +3,7 @@
  * @jsx jsx
  */
 import React from 'react';
+import { jsx } from '@emotion/react';
 export declare const ROOT_ID = "ATLASKIT_NESTED_ROOT";
 export interface NestableNavigationContentProps {
     /**
@@ -85,5 +86,5 @@ export interface NestableNavigationContentProps {
  * - [Examples](https://atlassian.design/components/side-navigation/examples#nested-navigation)
  * - [Code](https://atlassian.design/components/side-navigation/code)
  */
-declare const NestableNavigationContent: (props: NestableNavigationContentProps) => JSX.Element;
+declare const NestableNavigationContent: (props: NestableNavigationContentProps) => jsx.JSX.Element;
 export default NestableNavigationContent;

package/dist/types/components/NestableNavigationContent/nesting-motion.d.ts

@@ -1,4 +1,9 @@
-import React, { type Ref } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type Ref } from 'react';
+import { jsx } from '@emotion/react';
 import { type Direction } from '@atlaskit/motion';
 interface ChildrenAsFunctionProps {
     'data-enter-from': string;
@@ -16,5 +21,5 @@ interface NestingMotionProps {
 /**
  * @internal
  */
-export declare const NestingMotion: (props: NestingMotionProps) => JSX.Element;
+export declare const NestingMotion: (props: NestingMotionProps) => jsx.JSX.Element;
 export {};

package/dist/types-ts4.5/components/Header/index.d.ts

@@ -1,11 +1,12 @@
-import React from 'react';
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import { type CSSFn, type CustomItemComponentProps } from '@atlaskit/menu';
 /**
  * __Container__
  *
  * A container for Header and Footer that safely handles props to the child component
  */
-export declare const Container: ({ children, "data-testid": testId, ...props }: CustomItemComponentProps) => JSX.Element;
+export declare const Container: ({ children, "data-testid": testId, ...props }: CustomItemComponentProps) => jsx.JSX.Element;
 export type HeaderProps = {
     /**
      * A function that can be used to override the styles of the component.
@@ -51,5 +52,5 @@ export type HeaderProps = {
  * - [Examples](https://atlassian.design/components/side-navigation/examples#header-and-footer)
  * - [Code](https://atlassian.design/components/side-navigation/code)
  */
-declare const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLElement>>;
+declare const Header: import("react").ForwardRefExoticComponent<HeaderProps & import("react").RefAttributes<HTMLElement>>;
 export default Header;

package/dist/types-ts4.5/components/LoadingItems/index.d.ts

@@ -1,8 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
+/// <reference types="react" />
 export interface LoadingItemsProps {
     /**
      * Child items that will be loaded asynchronously.

package/dist/types-ts4.5/components/NavigationContent/index.d.ts

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import React from 'react';
+import { type HTMLAttributes } from 'react';
 export interface NavigationContentProps {
     children: React.ReactNode;
     /**
@@ -24,5 +24,5 @@ export interface NavigationContentProps {
  * - [Examples](https://atlassian.design/components/side-navigation/examples#content)
  * - [Code](https://atlassian.design/components/side-navigation/code)
  */
-declare const NavigationContent: React.ForwardRefExoticComponent<NavigationContentProps & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+declare const NavigationContent: import("react").ForwardRefExoticComponent<NavigationContentProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
 export default NavigationContent;

package/dist/types-ts4.5/components/NavigationFooter/index.d.ts

@@ -1,7 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import { type ReactNode } from 'react';
 export interface NavigationFooterProps {
     children: ReactNode;

package/dist/types-ts4.5/components/NavigationHeader/index.d.ts

@@ -1,4 +1,9 @@
 /// <reference types="react" />
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
 export interface NavigationHeaderProps {
     children: JSX.Element | JSX.Element[];
 }
@@ -10,5 +15,5 @@ export interface NavigationHeaderProps {
  * - [Examples](https://atlassian.design/components/side-navigation/examples#header-and-footer)
  * - [Code](https://atlassian.design/components/side-navigation/code)
  */
-declare const NavigationHeader: (props: NavigationHeaderProps) => JSX.Element;
+declare const NavigationHeader: (props: NavigationHeaderProps) => jsx.JSX.Element;
 export default NavigationHeader;

package/dist/types-ts4.5/components/NestableNavigationContent/index.d.ts

@@ -3,6 +3,7 @@
  * @jsx jsx
  */
 import React from 'react';
+import { jsx } from '@emotion/react';
 export declare const ROOT_ID = "ATLASKIT_NESTED_ROOT";
 export interface NestableNavigationContentProps {
     /**
@@ -85,5 +86,5 @@ export interface NestableNavigationContentProps {
  * - [Examples](https://atlassian.design/components/side-navigation/examples#nested-navigation)
  * - [Code](https://atlassian.design/components/side-navigation/code)
  */
-declare const NestableNavigationContent: (props: NestableNavigationContentProps) => JSX.Element;
+declare const NestableNavigationContent: (props: NestableNavigationContentProps) => jsx.JSX.Element;
 export default NestableNavigationContent;

package/dist/types-ts4.5/components/NestableNavigationContent/nesting-motion.d.ts

@@ -1,4 +1,9 @@
-import React, { type Ref } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type Ref } from 'react';
+import { jsx } from '@emotion/react';
 import { type Direction } from '@atlaskit/motion';
 interface ChildrenAsFunctionProps {
     'data-enter-from': string;
@@ -16,5 +21,5 @@ interface NestingMotionProps {
 /**
  * @internal
  */
-export declare const NestingMotion: (props: NestingMotionProps) => JSX.Element;
+export declare const NestingMotion: (props: NestingMotionProps) => jsx.JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/side-navigation",
-	"version": "4.1.0",
+	"version": "4.2.0",
 	"description": "A highly composable side navigation component that supports nested views.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -32,7 +32,6 @@
 		"runReact18": true
 	},
 	"dependencies": {
-		"@atlaskit/css": "^0.8.0",
 		"@atlaskit/ds-lib": "^3.5.0",
 		"@atlaskit/icon": "^23.5.0",
 		"@atlaskit/menu": "^2.14.0",
@@ -42,7 +41,7 @@
 		"@atlaskit/theme": "^14.1.0",
 		"@atlaskit/tokens": "^3.3.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^0.18.1"
+		"@emotion/react": "^11.7.1"
 	},
 	"peerDependencies": {
 		"react": "^16.8.0 || ^17.0.0 || ^18.0.0"

package/dist/cjs/components/Footer/index.compiled.css

@@ -1,3 +0,0 @@
-._1bsb1k8s{width:1.5rem}
-._1e0c1o8l{display:inline-block}
-._4t3i1k8s{height:1.5rem}

package/dist/cjs/components/LoadingItems/index.compiled.css

@@ -1,7 +0,0 @@
-._154iidpf{top:0}
-._1ltvidpf{left:0}
-._1pbycs5v{z-index:2}
-._1pbykb7n{z-index:1}
-._1xi2idpf{right:0}
-._kqswpfqs{position:static}
-._kqswstnw{position:absolute}

package/dist/cjs/components/NavigationContent/index.compiled.css

@@ -1,46 +0,0 @@
-
-._14mjgqwt:after{border-radius:var(--ds-border-radius-050,2px)}
-._rfx3gqwt:before{border-radius:var(--ds-border-radius-050,2px)}._12l2u2gc{margin-inline-end:var(--ds-space-100,8px)}
-._18m915vq{overflow-y:hidden}
-._18m91wug{overflow-y:auto}
-._18poh2mm:after{position:relative}
-._18postnw:after{position:absolute}
-._1bqqcs5v:after{z-index:2}
-._1bqqkb7n:after{z-index:1}
-._1bsb1osq{width:100%}
-._1cs8stnw:before{position:absolute}
-._1czdftgi:after{inset-inline-end:8px}
-._1e0c1txw{display:flex}
-._1enwftgi:before{inset-inline-end:8px}
-._1enwidpf:before{inset-inline-end:0}
-._1g0vcs5v:before{z-index:2}
-._1g0vkb7n:before{z-index:1}
-._1gufidpf:after{inset-block-end:0}
-._1hfk1q2g:after{background-color:var(--ds-menu-scroll-indicator-color,var(--ds-surface,#fff))}
-._1hfk1x3l:after{background-color:var(--_1uyno6z)}
-._1kt9b3bt:before{content:""}
-._1l6bpxbi [data-ds--menu--heading-item]{margin-block-start:var(--ds-space-200,1pc)}
-._1p3h12x7 [data-ds--menu--heading-item]{margin-block-end:var(--ds-space-075,6px)}
-._1pfhidpf{margin-block-start:0}
-._1pfhv77o{margin-block-start:var(--ds-space-025,2px)}
-._1qdgyh40:after{height:2px}
-._1reo15vq{overflow-x:hidden}
-._1reo1wug{overflow-x:auto}
-._1rus1q2g:before{background-color:var(--ds-menu-scroll-indicator-color,var(--ds-surface,#fff))}
-._1rus1x3l:before{background-color:var(--_1uyno6z)}
-._1ywu1ule:after{display:block}
-._2lx21bp4{flex-direction:column}
-._3mxo1wug:after{margin-block-start:auto}
-._4t3i1osq{height:100%}
-._aetrb3bt:after{content:""}
-._ahbqu2gc{margin-inline-start:var(--ds-space-100,8px)}
-._auo4rdoj [data-ds--menu--skeleton-heading-item]{margin-block-end:9px}
-._cfu11ule:before{display:block}
-._g0nfu2gc:after{inset-inline-start:var(--ds-space-100,8px)}
-._hp2110yn [data-ds--menu--skeleton-heading-item]{margin-block-start:25px}
-._kfgtyh40:before{height:2px}
-._kqswh2mm{position:relative}
-._tua5idpf:after{flex-shrink:0}
-._vchhusvi{box-sizing:border-box}
-._z5wtidpf:before{inset-inline-start:0}
-._z5wtu2gc:before{inset-inline-start:var(--ds-space-100,8px)}

package/dist/cjs/components/NavigationFooter/index.compiled.css

@@ -1 +0,0 @@
-._kqswh2mm{position:relative}

package/dist/cjs/components/NavigationHeader/index.compiled.css

@@ -1,3 +0,0 @@
-
-._1yt4u2gc{padding:var(--ds-space-100,8px)}._1e0c1ule{display:block}
-._1q511ejb{padding-block-start:var(--ds-space-300,24px)}

package/dist/cjs/components/NestableNavigationContent/index.compiled.css

@@ -1,9 +0,0 @@
-._12ji1r31{outline-color:currentColor}
-._12y31o36{outline-width:medium}
-._1bsb1osq{width:100%}
-._1e0c1txw{display:flex}
-._1qu2glyw{outline-style:none}
-._2lx21bp4{flex-direction:column}
-._4t3i1osq{height:100%}
-._kqswh2mm{position:relative}
-._kqswstnw{position:absolute}

package/dist/cjs/components/NestingItem/index.compiled.css

@@ -1 +0,0 @@
-._1e0c1nu9{display:inline}

package/dist/cjs/components/SideNavigation/index.compiled.css

@@ -1,10 +0,0 @@
-._18m915vq{overflow-y:hidden}
-._1bsb1osq{width:100%}
-._1e0c1txw{display:flex}
-._1reo15vq{overflow-x:hidden}
-._1ul9p3fh{min-width:15pc}
-._2lx21bp4{flex-direction:column}
-._4t3i1osq{height:100%}
-._bfhkxkvu{background-color:var(--_4p0s90)}
-._kqswh2mm{position:relative}
-._syaz1425{color:var(--_13a5t4u)}

package/dist/es2019/components/Footer/index.compiled.css

@@ -1,3 +0,0 @@
-._1bsb1k8s{width:1.5rem}
-._1e0c1o8l{display:inline-block}
-._4t3i1k8s{height:1.5rem}

package/dist/es2019/components/LoadingItems/index.compiled.css

@@ -1,7 +0,0 @@
-._154iidpf{top:0}
-._1ltvidpf{left:0}
-._1pbycs5v{z-index:2}
-._1pbykb7n{z-index:1}
-._1xi2idpf{right:0}
-._kqswpfqs{position:static}
-._kqswstnw{position:absolute}

package/dist/es2019/components/NavigationContent/index.compiled.css

@@ -1,46 +0,0 @@
-
-._14mjgqwt:after{border-radius:var(--ds-border-radius-050,2px)}
-._rfx3gqwt:before{border-radius:var(--ds-border-radius-050,2px)}._12l2u2gc{margin-inline-end:var(--ds-space-100,8px)}
-._18m915vq{overflow-y:hidden}
-._18m91wug{overflow-y:auto}
-._18poh2mm:after{position:relative}
-._18postnw:after{position:absolute}
-._1bqqcs5v:after{z-index:2}
-._1bqqkb7n:after{z-index:1}
-._1bsb1osq{width:100%}
-._1cs8stnw:before{position:absolute}
-._1czdftgi:after{inset-inline-end:8px}
-._1e0c1txw{display:flex}
-._1enwftgi:before{inset-inline-end:8px}
-._1enwidpf:before{inset-inline-end:0}
-._1g0vcs5v:before{z-index:2}
-._1g0vkb7n:before{z-index:1}
-._1gufidpf:after{inset-block-end:0}
-._1hfk1p09:after{background-color:var(--ds-menu-seperator-color,var(--ds-border,#091e4224))}
-._1hfk1q2g:after{background-color:var(--ds-menu-scroll-indicator-color,var(--ds-surface,#fff))}
-._1kt9b3bt:before{content:""}
-._1l6bpxbi [data-ds--menu--heading-item]{margin-block-start:var(--ds-space-200,1pc)}
-._1p3h12x7 [data-ds--menu--heading-item]{margin-block-end:var(--ds-space-075,6px)}
-._1pfhidpf{margin-block-start:0}
-._1pfhv77o{margin-block-start:var(--ds-space-025,2px)}
-._1qdgyh40:after{height:2px}
-._1reo15vq{overflow-x:hidden}
-._1reo1wug{overflow-x:auto}
-._1rus1p09:before{background-color:var(--ds-menu-seperator-color,var(--ds-border,#091e4224))}
-._1rus1q2g:before{background-color:var(--ds-menu-scroll-indicator-color,var(--ds-surface,#fff))}
-._1ywu1ule:after{display:block}
-._2lx21bp4{flex-direction:column}
-._3mxo1wug:after{margin-block-start:auto}
-._4t3i1osq{height:100%}
-._aetrb3bt:after{content:""}
-._ahbqu2gc{margin-inline-start:var(--ds-space-100,8px)}
-._auo4rdoj [data-ds--menu--skeleton-heading-item]{margin-block-end:9px}
-._cfu11ule:before{display:block}
-._g0nfu2gc:after{inset-inline-start:var(--ds-space-100,8px)}
-._hp2110yn [data-ds--menu--skeleton-heading-item]{margin-block-start:25px}
-._kfgtyh40:before{height:2px}
-._kqswh2mm{position:relative}
-._tua5idpf:after{flex-shrink:0}
-._vchhusvi{box-sizing:border-box}
-._z5wtidpf:before{inset-inline-start:0}
-._z5wtu2gc:before{inset-inline-start:var(--ds-space-100,8px)}

package/dist/es2019/components/NavigationFooter/index.compiled.css

@@ -1 +0,0 @@
-._kqswh2mm{position:relative}

package/dist/es2019/components/NavigationHeader/index.compiled.css

@@ -1,3 +0,0 @@
-
-._1yt4u2gc{padding:var(--ds-space-100,8px)}._1e0c1ule{display:block}
-._1q511ejb{padding-block-start:var(--ds-space-300,24px)}

package/dist/es2019/components/NestableNavigationContent/index.compiled.css

@@ -1,9 +0,0 @@
-._12ji1r31{outline-color:currentColor}
-._12y31o36{outline-width:medium}
-._1bsb1osq{width:100%}
-._1e0c1txw{display:flex}
-._1qu2glyw{outline-style:none}
-._2lx21bp4{flex-direction:column}
-._4t3i1osq{height:100%}
-._kqswh2mm{position:relative}
-._kqswstnw{position:absolute}

package/dist/es2019/components/NestingItem/index.compiled.css

@@ -1 +0,0 @@
-._1e0c1nu9{display:inline}

package/dist/es2019/components/SideNavigation/index.compiled.css

@@ -1,10 +0,0 @@
-._18m915vq{overflow-y:hidden}
-._1bsb1osq{width:100%}
-._1e0c1txw{display:flex}
-._1reo15vq{overflow-x:hidden}
-._1ul9p3fh{min-width:15pc}
-._2lx21bp4{flex-direction:column}
-._4t3i1osq{height:100%}
-._bfhkw70a{background-color:var(--ds-surface,#fafbfc)}
-._kqswh2mm{position:relative}
-._syazjjyb{color:var(--ds-text-subtle,#42526e)}

package/dist/esm/components/Footer/index.compiled.css

@@ -1,3 +0,0 @@
-._1bsb1k8s{width:1.5rem}
-._1e0c1o8l{display:inline-block}
-._4t3i1k8s{height:1.5rem}

package/dist/esm/components/LoadingItems/index.compiled.css

@@ -1,7 +0,0 @@
-._154iidpf{top:0}
-._1ltvidpf{left:0}
-._1pbycs5v{z-index:2}
-._1pbykb7n{z-index:1}
-._1xi2idpf{right:0}
-._kqswpfqs{position:static}
-._kqswstnw{position:absolute}

package/dist/esm/components/NavigationContent/index.compiled.css

@@ -1,46 +0,0 @@
-
-._14mjgqwt:after{border-radius:var(--ds-border-radius-050,2px)}
-._rfx3gqwt:before{border-radius:var(--ds-border-radius-050,2px)}._12l2u2gc{margin-inline-end:var(--ds-space-100,8px)}
-._18m915vq{overflow-y:hidden}
-._18m91wug{overflow-y:auto}
-._18poh2mm:after{position:relative}
-._18postnw:after{position:absolute}
-._1bqqcs5v:after{z-index:2}
-._1bqqkb7n:after{z-index:1}
-._1bsb1osq{width:100%}
-._1cs8stnw:before{position:absolute}
-._1czdftgi:after{inset-inline-end:8px}
-._1e0c1txw{display:flex}
-._1enwftgi:before{inset-inline-end:8px}
-._1enwidpf:before{inset-inline-end:0}
-._1g0vcs5v:before{z-index:2}
-._1g0vkb7n:before{z-index:1}
-._1gufidpf:after{inset-block-end:0}
-._1hfk1q2g:after{background-color:var(--ds-menu-scroll-indicator-color,var(--ds-surface,#fff))}
-._1hfk1x3l:after{background-color:var(--_1uyno6z)}
-._1kt9b3bt:before{content:""}
-._1l6bpxbi [data-ds--menu--heading-item]{margin-block-start:var(--ds-space-200,1pc)}
-._1p3h12x7 [data-ds--menu--heading-item]{margin-block-end:var(--ds-space-075,6px)}
-._1pfhidpf{margin-block-start:0}
-._1pfhv77o{margin-block-start:var(--ds-space-025,2px)}
-._1qdgyh40:after{height:2px}
-._1reo15vq{overflow-x:hidden}
-._1reo1wug{overflow-x:auto}
-._1rus1q2g:before{background-color:var(--ds-menu-scroll-indicator-color,var(--ds-surface,#fff))}
-._1rus1x3l:before{background-color:var(--_1uyno6z)}
-._1ywu1ule:after{display:block}
-._2lx21bp4{flex-direction:column}
-._3mxo1wug:after{margin-block-start:auto}
-._4t3i1osq{height:100%}
-._aetrb3bt:after{content:""}
-._ahbqu2gc{margin-inline-start:var(--ds-space-100,8px)}
-._auo4rdoj [data-ds--menu--skeleton-heading-item]{margin-block-end:9px}
-._cfu11ule:before{display:block}
-._g0nfu2gc:after{inset-inline-start:var(--ds-space-100,8px)}
-._hp2110yn [data-ds--menu--skeleton-heading-item]{margin-block-start:25px}
-._kfgtyh40:before{height:2px}
-._kqswh2mm{position:relative}
-._tua5idpf:after{flex-shrink:0}
-._vchhusvi{box-sizing:border-box}
-._z5wtidpf:before{inset-inline-start:0}
-._z5wtu2gc:before{inset-inline-start:var(--ds-space-100,8px)}

package/dist/esm/components/NavigationFooter/index.compiled.css

@@ -1 +0,0 @@
-._kqswh2mm{position:relative}

package/dist/esm/components/NavigationHeader/index.compiled.css

@@ -1,3 +0,0 @@
-
-._1yt4u2gc{padding:var(--ds-space-100,8px)}._1e0c1ule{display:block}
-._1q511ejb{padding-block-start:var(--ds-space-300,24px)}

package/dist/esm/components/NestableNavigationContent/index.compiled.css

@@ -1,9 +0,0 @@
-._12ji1r31{outline-color:currentColor}
-._12y31o36{outline-width:medium}
-._1bsb1osq{width:100%}
-._1e0c1txw{display:flex}
-._1qu2glyw{outline-style:none}
-._2lx21bp4{flex-direction:column}
-._4t3i1osq{height:100%}
-._kqswh2mm{position:relative}
-._kqswstnw{position:absolute}

package/dist/esm/components/NestingItem/index.compiled.css

@@ -1 +0,0 @@
-._1e0c1nu9{display:inline}

package/dist/esm/components/SideNavigation/index.compiled.css

@@ -1,10 +0,0 @@
-._18m915vq{overflow-y:hidden}
-._1bsb1osq{width:100%}
-._1e0c1txw{display:flex}
-._1reo15vq{overflow-x:hidden}
-._1ul9p3fh{min-width:15pc}
-._2lx21bp4{flex-direction:column}
-._4t3i1osq{height:100%}
-._bfhkxkvu{background-color:var(--_4p0s90)}
-._kqswh2mm{position:relative}
-._syaz1425{color:var(--_13a5t4u)}