@atlaskit/side-navigation 11.0.18 → 11.0.20
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/README.md +1 -1
- package/dist/cjs/components/Footer/index.js +1 -1
- package/dist/cjs/components/Header/index.js +1 -1
- package/dist/cjs/components/Item/button-item.js +1 -1
- package/dist/cjs/components/Item/custom-item.js +1 -1
- package/dist/cjs/components/Item/link-item.js +1 -1
- package/dist/cjs/components/LoadingItems/index.js +1 -1
- package/dist/cjs/components/NavigationContent/index.compiled.css +2 -2
- package/dist/cjs/components/NavigationContent/index.js +2 -5
- package/dist/cjs/components/NavigationFooter/index.js +1 -1
- package/dist/cjs/components/NavigationHeader/index.js +1 -1
- package/dist/cjs/components/NestableNavigationContent/index.js +1 -1
- package/dist/cjs/components/NestingItem/index.compiled.css +8 -3
- package/dist/cjs/components/NestingItem/index.js +1 -1
- package/dist/cjs/components/Section/heading-item.js +1 -1
- package/dist/cjs/components/Section/skeleton-heading-item.js +1 -1
- package/dist/cjs/components/SideNavigation/index.js +1 -1
- package/dist/es2019/components/Footer/index.js +1 -1
- package/dist/es2019/components/Header/index.js +1 -1
- package/dist/es2019/components/Item/button-item.js +1 -1
- package/dist/es2019/components/Item/custom-item.js +1 -1
- package/dist/es2019/components/Item/link-item.js +1 -1
- package/dist/es2019/components/LoadingItems/index.js +1 -1
- package/dist/es2019/components/NavigationContent/index.js +1 -1
- package/dist/es2019/components/NavigationFooter/index.js +1 -1
- package/dist/es2019/components/NavigationHeader/index.js +1 -1
- package/dist/es2019/components/NestableNavigationContent/index.js +1 -1
- package/dist/es2019/components/NestingItem/index.compiled.css +8 -3
- package/dist/es2019/components/NestingItem/index.js +1 -1
- package/dist/es2019/components/Section/heading-item.js +1 -1
- package/dist/es2019/components/Section/skeleton-heading-item.js +1 -1
- package/dist/es2019/components/SideNavigation/index.js +1 -1
- package/dist/esm/components/Footer/index.js +1 -1
- package/dist/esm/components/Header/index.js +1 -1
- package/dist/esm/components/Item/button-item.js +1 -1
- package/dist/esm/components/Item/custom-item.js +1 -1
- package/dist/esm/components/Item/link-item.js +1 -1
- package/dist/esm/components/LoadingItems/index.js +1 -1
- package/dist/esm/components/NavigationContent/index.compiled.css +2 -2
- package/dist/esm/components/NavigationContent/index.js +2 -5
- package/dist/esm/components/NavigationFooter/index.js +1 -1
- package/dist/esm/components/NavigationHeader/index.js +1 -1
- package/dist/esm/components/NestableNavigationContent/index.js +1 -1
- package/dist/esm/components/NestingItem/index.compiled.css +8 -3
- package/dist/esm/components/NestingItem/index.js +1 -1
- package/dist/esm/components/Section/heading-item.js +1 -1
- package/dist/esm/components/Section/skeleton-heading-item.js +1 -1
- package/dist/esm/components/SideNavigation/index.js +1 -1
- package/dist/types/components/Header/index.d.ts +1 -1
- package/dist/types/components/Item/button-item.d.ts +1 -1
- package/dist/types/components/Item/go-back-item.d.ts +1 -1
- package/dist/types/components/Item/link-item.d.ts +1 -1
- package/dist/types/components/NavigationContent/index.d.ts +2 -2
- package/dist/types/components/Section/section.d.ts +1 -1
- package/dist/types/components/SideNavigation/index.d.ts +1 -1
- package/dist/types-ts4.5/components/Header/index.d.ts +1 -1
- package/dist/types-ts4.5/components/Item/button-item.d.ts +1 -1
- package/dist/types-ts4.5/components/Item/go-back-item.d.ts +1 -1
- package/dist/types-ts4.5/components/Item/link-item.d.ts +1 -1
- package/dist/types-ts4.5/components/NavigationContent/index.d.ts +2 -2
- package/dist/types-ts4.5/components/Section/section.d.ts +1 -1
- package/dist/types-ts4.5/components/SideNavigation/index.d.ts +1 -1
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/side-navigation
|
|
2
2
|
|
|
3
|
+
## 11.0.20
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`39e543109ec09`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/39e543109ec09) -
|
|
8
|
+
add type info to forwardRef components
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 11.0.19
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [`248faa32d4835`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/248faa32d4835) -
|
|
16
|
+
Internal changes to how borders are applied.
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 11.0.18
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
package/README.md
CHANGED
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
._1g0vcs5v:before{z-index:2}
|
|
17
17
|
._1g0vkb7n:before{z-index:1}
|
|
18
18
|
._1gufidpf:after{inset-block-end:0}
|
|
19
|
+
._1hfk1p09:after{background-color:var(--ds-menu-seperator-color,var(--ds-border,#091e4224))}
|
|
19
20
|
._1hfk1q2g:after{background-color:var(--ds-menu-scroll-indicator-color,var(--ds-surface,#fff))}
|
|
20
|
-
._1hfk1x3l:after{background-color:var(--_1uyno6z)}
|
|
21
21
|
._1kt9b3bt:before{content:""}
|
|
22
22
|
._1l6bpxbi [data-ds--menu--heading-item]{margin-block-start:var(--ds-space-200,1pc)}
|
|
23
23
|
._1p3h12x7 [data-ds--menu--heading-item]{margin-block-end:var(--ds-space-075,6px)}
|
|
@@ -26,8 +26,8 @@
|
|
|
26
26
|
._1qdgyh40:after{height:2px}
|
|
27
27
|
._1reo15vq{overflow-x:hidden}
|
|
28
28
|
._1reo1wug{overflow-x:auto}
|
|
29
|
+
._1rus1p09:before{background-color:var(--ds-menu-seperator-color,var(--ds-border,#091e4224))}
|
|
29
30
|
._1rus1q2g:before{background-color:var(--ds-menu-scroll-indicator-color,var(--ds-surface,#fff))}
|
|
30
|
-
._1rus1x3l:before{background-color:var(--_1uyno6z)}
|
|
31
31
|
._1ywu1ule:after{display:block}
|
|
32
32
|
._2lx21bp4{flex-direction:column}
|
|
33
33
|
._3mxo1wug:after{margin-block-start:auto}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* index.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
@@ -45,10 +45,7 @@ var NavigationContent = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref
|
|
|
45
45
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
46
46
|
ref: typedRef,
|
|
47
47
|
"data-testid": testId,
|
|
48
|
-
className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1e0c1txw _4t3i1osq _kqswh2mm _rfx3lb4i _cfu11ule _kfgtyh40 _1cs8stnw _1g0vkb7n
|
|
49
|
-
style: {
|
|
50
|
-
"--_1uyno6z": (0, _runtime.ix)("var(--ds-menu-seperator-color, ".concat("var(--ds-border, #091E4224)", ")"))
|
|
51
|
-
}
|
|
48
|
+
className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1e0c1txw _4t3i1osq _kqswh2mm _rfx3lb4i _cfu11ule _kfgtyh40 _1cs8stnw _1g0vkb7n _1rus1p09 _1kt9b3bt _1enwftgi _z5wtu2gc _14mjlb4i _1ywu1ule _1qdgyh40 _18postnw _1bqqkb7n _tua5idpf _1hfk1p09 _aetrb3bt _1gufidpf _1czdftgi _g0nfu2gc"])
|
|
52
49
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
53
50
|
ref: scrollbar.ref,
|
|
54
51
|
className: (0, _runtime.ax)([innerContainerCSS.basic, !showTopScrollIndicator && innerContainerCSS.topScrollIndicator])
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
+
._13qvglyw:hover [data-custom-icon]{display:none}
|
|
1
2
|
._1c06idpf [data-item-elem-after]{opacity:0}
|
|
2
3
|
._1e0c1nu9{display:inline}
|
|
3
|
-
._9mqr1kw7:active [data-right-arrow]
|
|
4
|
-
.
|
|
5
|
-
.
|
|
4
|
+
._9mqr1kw7:active [data-right-arrow]{display:inherit}
|
|
5
|
+
._atks1kw7 [data-custom-icon]{display:inherit}
|
|
6
|
+
._kqsfglyw:active [data-custom-icon]{display:none}
|
|
7
|
+
._povs1kw7:focus [data-right-arrow]{display:inherit}
|
|
8
|
+
._udl3glyw [data-right-arrow]{display:none}
|
|
9
|
+
._udrwglyw:focus [data-custom-icon]{display:none}
|
|
10
|
+
._uv2d1kw7:hover [data-right-arrow]{display:inherit}
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
+
._13qvglyw:hover [data-custom-icon]{display:none}
|
|
1
2
|
._1c06idpf [data-item-elem-after]{opacity:0}
|
|
2
3
|
._1e0c1nu9{display:inline}
|
|
3
|
-
._9mqr1kw7:active [data-right-arrow]
|
|
4
|
-
.
|
|
5
|
-
.
|
|
4
|
+
._9mqr1kw7:active [data-right-arrow]{display:inherit}
|
|
5
|
+
._atks1kw7 [data-custom-icon]{display:inherit}
|
|
6
|
+
._kqsfglyw:active [data-custom-icon]{display:none}
|
|
7
|
+
._povs1kw7:focus [data-right-arrow]{display:inherit}
|
|
8
|
+
._udl3glyw [data-right-arrow]{display:none}
|
|
9
|
+
._udrwglyw:focus [data-custom-icon]{display:none}
|
|
10
|
+
._uv2d1kw7:hover [data-right-arrow]{display:inherit}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* skeleton-heading-item.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* skeleton-heading-item.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./skeleton-heading-item.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* index.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["children", "data-testid"];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* button-item.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* button-item.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["className"];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* custom-item.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* custom-item.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["className"];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* link-item.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* link-item.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["href", "children", "className"];
|
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
._1g0vcs5v:before{z-index:2}
|
|
17
17
|
._1g0vkb7n:before{z-index:1}
|
|
18
18
|
._1gufidpf:after{inset-block-end:0}
|
|
19
|
+
._1hfk1p09:after{background-color:var(--ds-menu-seperator-color,var(--ds-border,#091e4224))}
|
|
19
20
|
._1hfk1q2g:after{background-color:var(--ds-menu-scroll-indicator-color,var(--ds-surface,#fff))}
|
|
20
|
-
._1hfk1x3l:after{background-color:var(--_1uyno6z)}
|
|
21
21
|
._1kt9b3bt:before{content:""}
|
|
22
22
|
._1l6bpxbi [data-ds--menu--heading-item]{margin-block-start:var(--ds-space-200,1pc)}
|
|
23
23
|
._1p3h12x7 [data-ds--menu--heading-item]{margin-block-end:var(--ds-space-075,6px)}
|
|
@@ -26,8 +26,8 @@
|
|
|
26
26
|
._1qdgyh40:after{height:2px}
|
|
27
27
|
._1reo15vq{overflow-x:hidden}
|
|
28
28
|
._1reo1wug{overflow-x:auto}
|
|
29
|
+
._1rus1p09:before{background-color:var(--ds-menu-seperator-color,var(--ds-border,#091e4224))}
|
|
29
30
|
._1rus1q2g:before{background-color:var(--ds-menu-scroll-indicator-color,var(--ds-surface,#fff))}
|
|
30
|
-
._1rus1x3l:before{background-color:var(--_1uyno6z)}
|
|
31
31
|
._1ywu1ule:after{display:block}
|
|
32
32
|
._2lx21bp4{flex-direction:column}
|
|
33
33
|
._3mxo1wug:after{margin-block-start:auto}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* index.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import "./index.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { forwardRef } from 'react';
|
|
@@ -36,10 +36,7 @@ var NavigationContent = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
36
36
|
return /*#__PURE__*/React.createElement("div", {
|
|
37
37
|
ref: typedRef,
|
|
38
38
|
"data-testid": testId,
|
|
39
|
-
className: ax(["_1reo15vq _18m915vq _1e0c1txw _4t3i1osq _kqswh2mm _rfx3lb4i _cfu11ule _kfgtyh40 _1cs8stnw _1g0vkb7n
|
|
40
|
-
style: {
|
|
41
|
-
"--_1uyno6z": ix("var(--ds-menu-seperator-color, ".concat("var(--ds-border, #091E4224)", ")"))
|
|
42
|
-
}
|
|
39
|
+
className: ax(["_1reo15vq _18m915vq _1e0c1txw _4t3i1osq _kqswh2mm _rfx3lb4i _cfu11ule _kfgtyh40 _1cs8stnw _1g0vkb7n _1rus1p09 _1kt9b3bt _1enwftgi _z5wtu2gc _14mjlb4i _1ywu1ule _1qdgyh40 _18postnw _1bqqkb7n _tua5idpf _1hfk1p09 _aetrb3bt _1gufidpf _1czdftgi _g0nfu2gc"])
|
|
43
40
|
}, /*#__PURE__*/React.createElement("div", {
|
|
44
41
|
ref: scrollbar.ref,
|
|
45
42
|
className: ax([innerContainerCSS.basic, !showTopScrollIndicator && innerContainerCSS.topScrollIndicator])
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* index.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
4
4
|
import "./index.compiled.css";
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
+
._13qvglyw:hover [data-custom-icon]{display:none}
|
|
1
2
|
._1c06idpf [data-item-elem-after]{opacity:0}
|
|
2
3
|
._1e0c1nu9{display:inline}
|
|
3
|
-
._9mqr1kw7:active [data-right-arrow]
|
|
4
|
-
.
|
|
5
|
-
.
|
|
4
|
+
._9mqr1kw7:active [data-right-arrow]{display:inherit}
|
|
5
|
+
._atks1kw7 [data-custom-icon]{display:inherit}
|
|
6
|
+
._kqsfglyw:active [data-custom-icon]{display:none}
|
|
7
|
+
._povs1kw7:focus [data-right-arrow]{display:inherit}
|
|
8
|
+
._udl3glyw [data-right-arrow]{display:none}
|
|
9
|
+
._udrwglyw:focus [data-custom-icon]{display:none}
|
|
10
|
+
._uv2d1kw7:hover [data-right-arrow]{display:inherit}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* index.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
4
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* skeleton-heading-item.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* skeleton-heading-item.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./skeleton-heading-item.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -49,5 +49,5 @@ export type HeaderProps = {
|
|
|
49
49
|
* - [Examples](https://atlassian.design/components/side-navigation/examples#header-and-footer)
|
|
50
50
|
* - [Code](https://atlassian.design/components/side-navigation/code)
|
|
51
51
|
*/
|
|
52
|
-
declare const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLElement>>;
|
|
52
|
+
declare const Header: React.ForwardRefExoticComponent<React.PropsWithoutRef<HeaderProps> & React.RefAttributes<HTMLElement>>;
|
|
53
53
|
export default Header;
|
|
@@ -9,5 +9,5 @@ export type { ButtonItemProps } from '@atlaskit/menu';
|
|
|
9
9
|
* - [Examples](https://atlassian.design/components/side-navigation/examples#button-item)
|
|
10
10
|
* - [Code](https://atlassian.design/components/side-navigation/code)
|
|
11
11
|
*/
|
|
12
|
-
declare const ButtonItem:
|
|
12
|
+
declare const ButtonItem: React.ForwardRefExoticComponent<React.PropsWithoutRef<ButtonItemProps> & React.RefAttributes<HTMLElement>>;
|
|
13
13
|
export default ButtonItem;
|
|
@@ -10,5 +10,5 @@ export type { ButtonItemProps as GoBackItemProps } from '@atlaskit/menu';
|
|
|
10
10
|
* - [Examples](https://atlassian.design/components/side-navigation/examples#go-back-item)
|
|
11
11
|
* - [Code](https://atlassian.design/components/side-navigation/code)
|
|
12
12
|
*/
|
|
13
|
-
declare const GoBackItem: React.ForwardRefExoticComponent<ButtonItemProps & React.RefAttributes<HTMLElement>>;
|
|
13
|
+
declare const GoBackItem: React.ForwardRefExoticComponent<React.PropsWithoutRef<ButtonItemProps> & React.RefAttributes<HTMLElement>>;
|
|
14
14
|
export default GoBackItem;
|
|
@@ -11,5 +11,5 @@ export type { LinkItemProps } from '@atlaskit/menu';
|
|
|
11
11
|
* - [Examples](https://atlassian.design/components/side-navigation/examples#link-item)
|
|
12
12
|
* - [Code](https://atlassian.design/components/side-navigation/code)
|
|
13
13
|
*/
|
|
14
|
-
declare const LinkItem:
|
|
14
|
+
declare const LinkItem: React.ForwardRefExoticComponent<React.PropsWithoutRef<LinkItemProps> & React.RefAttributes<HTMLElement>>;
|
|
15
15
|
export default LinkItem;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @jsxRuntime classic
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
|
-
import React from 'react';
|
|
5
|
+
import React, { type HTMLAttributes } from 'react';
|
|
6
6
|
export interface NavigationContentProps {
|
|
7
7
|
children: React.ReactNode;
|
|
8
8
|
/**
|
|
@@ -24,5 +24,5 @@ export interface NavigationContentProps {
|
|
|
24
24
|
* - [Examples](https://atlassian.design/components/side-navigation/examples#content)
|
|
25
25
|
* - [Code](https://atlassian.design/components/side-navigation/code)
|
|
26
26
|
*/
|
|
27
|
-
declare const NavigationContent: React.ForwardRefExoticComponent<NavigationContentProps &
|
|
27
|
+
declare const NavigationContent: React.ForwardRefExoticComponent<React.PropsWithoutRef<NavigationContentProps & HTMLAttributes<HTMLElement>> & React.RefAttributes<HTMLElement>>;
|
|
28
28
|
export default NavigationContent;
|
|
@@ -35,5 +35,5 @@ export interface SectionProps {
|
|
|
35
35
|
* - [Examples](https://atlassian.design/components/side-navigation/examples#section)
|
|
36
36
|
* - [Code](https://atlassian.design/components/side-navigation/code)
|
|
37
37
|
*/
|
|
38
|
-
declare const Section: React.ForwardRefExoticComponent<SectionProps & React.RefAttributes<HTMLElement>>;
|
|
38
|
+
declare const Section: React.ForwardRefExoticComponent<React.PropsWithoutRef<SectionProps> & React.RefAttributes<HTMLElement>>;
|
|
39
39
|
export default Section;
|
|
@@ -35,5 +35,5 @@ export interface SideNavigationProps {
|
|
|
35
35
|
* - [Code](https://atlassian.design/components/side-navigation/code)
|
|
36
36
|
* - [Usage](https://atlassian.design/components/side-navigation/usage)
|
|
37
37
|
*/
|
|
38
|
-
declare const SideNavigation:
|
|
38
|
+
declare const SideNavigation: React.ForwardRefExoticComponent<React.PropsWithoutRef<SideNavigationProps> & React.RefAttributes<HTMLElement>>;
|
|
39
39
|
export default SideNavigation;
|
|
@@ -49,5 +49,5 @@ export type HeaderProps = {
|
|
|
49
49
|
* - [Examples](https://atlassian.design/components/side-navigation/examples#header-and-footer)
|
|
50
50
|
* - [Code](https://atlassian.design/components/side-navigation/code)
|
|
51
51
|
*/
|
|
52
|
-
declare const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLElement>>;
|
|
52
|
+
declare const Header: React.ForwardRefExoticComponent<React.PropsWithoutRef<HeaderProps> & React.RefAttributes<HTMLElement>>;
|
|
53
53
|
export default Header;
|
|
@@ -9,5 +9,5 @@ export type { ButtonItemProps } from '@atlaskit/menu';
|
|
|
9
9
|
* - [Examples](https://atlassian.design/components/side-navigation/examples#button-item)
|
|
10
10
|
* - [Code](https://atlassian.design/components/side-navigation/code)
|
|
11
11
|
*/
|
|
12
|
-
declare const ButtonItem:
|
|
12
|
+
declare const ButtonItem: React.ForwardRefExoticComponent<React.PropsWithoutRef<ButtonItemProps> & React.RefAttributes<HTMLElement>>;
|
|
13
13
|
export default ButtonItem;
|
|
@@ -10,5 +10,5 @@ export type { ButtonItemProps as GoBackItemProps } from '@atlaskit/menu';
|
|
|
10
10
|
* - [Examples](https://atlassian.design/components/side-navigation/examples#go-back-item)
|
|
11
11
|
* - [Code](https://atlassian.design/components/side-navigation/code)
|
|
12
12
|
*/
|
|
13
|
-
declare const GoBackItem: React.ForwardRefExoticComponent<ButtonItemProps & React.RefAttributes<HTMLElement>>;
|
|
13
|
+
declare const GoBackItem: React.ForwardRefExoticComponent<React.PropsWithoutRef<ButtonItemProps> & React.RefAttributes<HTMLElement>>;
|
|
14
14
|
export default GoBackItem;
|
|
@@ -11,5 +11,5 @@ export type { LinkItemProps } from '@atlaskit/menu';
|
|
|
11
11
|
* - [Examples](https://atlassian.design/components/side-navigation/examples#link-item)
|
|
12
12
|
* - [Code](https://atlassian.design/components/side-navigation/code)
|
|
13
13
|
*/
|
|
14
|
-
declare const LinkItem:
|
|
14
|
+
declare const LinkItem: React.ForwardRefExoticComponent<React.PropsWithoutRef<LinkItemProps> & React.RefAttributes<HTMLElement>>;
|
|
15
15
|
export default LinkItem;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @jsxRuntime classic
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
|
-
import React from 'react';
|
|
5
|
+
import React, { type HTMLAttributes } from 'react';
|
|
6
6
|
export interface NavigationContentProps {
|
|
7
7
|
children: React.ReactNode;
|
|
8
8
|
/**
|
|
@@ -24,5 +24,5 @@ export interface NavigationContentProps {
|
|
|
24
24
|
* - [Examples](https://atlassian.design/components/side-navigation/examples#content)
|
|
25
25
|
* - [Code](https://atlassian.design/components/side-navigation/code)
|
|
26
26
|
*/
|
|
27
|
-
declare const NavigationContent: React.ForwardRefExoticComponent<NavigationContentProps &
|
|
27
|
+
declare const NavigationContent: React.ForwardRefExoticComponent<React.PropsWithoutRef<NavigationContentProps & HTMLAttributes<HTMLElement>> & React.RefAttributes<HTMLElement>>;
|
|
28
28
|
export default NavigationContent;
|
|
@@ -35,5 +35,5 @@ export interface SectionProps {
|
|
|
35
35
|
* - [Examples](https://atlassian.design/components/side-navigation/examples#section)
|
|
36
36
|
* - [Code](https://atlassian.design/components/side-navigation/code)
|
|
37
37
|
*/
|
|
38
|
-
declare const Section: React.ForwardRefExoticComponent<SectionProps & React.RefAttributes<HTMLElement>>;
|
|
38
|
+
declare const Section: React.ForwardRefExoticComponent<React.PropsWithoutRef<SectionProps> & React.RefAttributes<HTMLElement>>;
|
|
39
39
|
export default Section;
|
|
@@ -35,5 +35,5 @@ export interface SideNavigationProps {
|
|
|
35
35
|
* - [Code](https://atlassian.design/components/side-navigation/code)
|
|
36
36
|
* - [Usage](https://atlassian.design/components/side-navigation/usage)
|
|
37
37
|
*/
|
|
38
|
-
declare const SideNavigation:
|
|
38
|
+
declare const SideNavigation: React.ForwardRefExoticComponent<React.PropsWithoutRef<SideNavigationProps> & React.RefAttributes<HTMLElement>>;
|
|
39
39
|
export default SideNavigation;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/side-navigation",
|
|
3
|
-
"version": "11.0.
|
|
3
|
+
"version": "11.0.20",
|
|
4
4
|
"description": "A highly composable side navigation component that supports nested views.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -29,14 +29,14 @@
|
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"@atlaskit/css": "^0.14.0",
|
|
32
|
-
"@atlaskit/ds-lib": "^5.
|
|
33
|
-
"@atlaskit/icon": "^28.
|
|
32
|
+
"@atlaskit/ds-lib": "^5.1.0",
|
|
33
|
+
"@atlaskit/icon": "^28.3.0",
|
|
34
34
|
"@atlaskit/menu": "^8.4.0",
|
|
35
35
|
"@atlaskit/motion": "^5.3.0",
|
|
36
36
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
37
|
-
"@atlaskit/primitives": "^14.
|
|
37
|
+
"@atlaskit/primitives": "^14.15.0",
|
|
38
38
|
"@atlaskit/theme": "^21.0.0",
|
|
39
|
-
"@atlaskit/tokens": "^6.
|
|
39
|
+
"@atlaskit/tokens": "^6.4.0",
|
|
40
40
|
"@babel/runtime": "^7.0.0",
|
|
41
41
|
"@compiled/react": "^0.18.3"
|
|
42
42
|
},
|
|
@@ -49,9 +49,9 @@
|
|
|
49
49
|
"@af/visual-regression": "workspace:^",
|
|
50
50
|
"@atlaskit/atlassian-navigation": "^5.3.0",
|
|
51
51
|
"@atlaskit/button": "^23.4.0",
|
|
52
|
-
"@atlaskit/docs": "^11.
|
|
52
|
+
"@atlaskit/docs": "^11.1.0",
|
|
53
53
|
"@atlaskit/dropdown-menu": "^16.3.0",
|
|
54
|
-
"@atlaskit/form": "^
|
|
54
|
+
"@atlaskit/form": "^14.2.0",
|
|
55
55
|
"@atlaskit/image": "^3.0.0",
|
|
56
56
|
"@atlaskit/link": "^3.2.0",
|
|
57
57
|
"@atlaskit/logo": "^19.7.0",
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
"@atlaskit/pragmatic-drag-and-drop-react-accessibility": "^2.1.0",
|
|
62
62
|
"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
|
|
63
63
|
"@atlaskit/section-message": "^8.7.0",
|
|
64
|
-
"@atlaskit/select": "^21.
|
|
64
|
+
"@atlaskit/select": "^21.3.0",
|
|
65
65
|
"@testing-library/react": "^13.4.0",
|
|
66
66
|
"raf-stub": "^2.0.1",
|
|
67
67
|
"tiny-invariant": "^1.2.0"
|