@atlaskit/side-navigation 4.2.1 → 4.2.3

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 (15) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/components/LoadingItems/index.js +1 -1
  3. package/dist/es2019/components/LoadingItems/index.js +2 -2
  4. package/dist/esm/components/LoadingItems/index.js +2 -2
  5. package/dist/types/components/Footer/index.d.ts +2 -2
  6. package/dist/types/components/Item/skeleton-item.d.ts +2 -2
  7. package/dist/types/components/NavigationFooter/index.d.ts +2 -2
  8. package/dist/types/components/Section/heading-item.d.ts +2 -2
  9. package/dist/types/components/Section/skeleton-heading-item.d.ts +2 -2
  10. package/dist/types-ts4.5/components/Footer/index.d.ts +2 -2
  11. package/dist/types-ts4.5/components/Item/skeleton-item.d.ts +2 -2
  12. package/dist/types-ts4.5/components/NavigationFooter/index.d.ts +2 -2
  13. package/dist/types-ts4.5/components/Section/heading-item.d.ts +2 -2
  14. package/dist/types-ts4.5/components/Section/skeleton-heading-item.d.ts +2 -2
  15. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/side-navigation
2
2
 
3
+ ## 4.2.3
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 4.2.2
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 4.2.1
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/components/LoadingItems/index.js CHANGED
@@ -47,7 +47,7 @@ var LoadingItems = function LoadingItems(_ref) {
47
47
  }
48
48
  return (0, _react.jsx)(_motion.ExitingPersistence, null, (0, _react.jsx)(_motion.FadeIn, {
49
49
  key: "loading-section-".concat(isLoading),
50
- duration: _motion.mediumDurationMs
50
+ duration: "medium"
51
51
  }, function (motion, state) {
52
52
  return (0, _react.jsx)("span", (0, _extends2.default)({}, motion, {
53
53
  "data-testid": testId && "".concat(testId, "--").concat(state),
package/dist/es2019/components/LoadingItems/index.js CHANGED
@@ -5,7 +5,7 @@ import _extends from "@babel/runtime/helpers/extends";
5
5
  */
6
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
7
7
  import { css, jsx } from '@emotion/react';
8
- import { ExitingPersistence, FadeIn, mediumDurationMs } from '@atlaskit/motion';
8
+ import { ExitingPersistence, FadeIn } from '@atlaskit/motion';
9
9
  import { useShouldNestedElementRender } from '../NestableNavigationContent/context';
10
10
  const baseMotionStyles = css({
11
11
  position: 'absolute',
@@ -41,7 +41,7 @@ const LoadingItems = ({
41
41
  }
42
42
  return jsx(ExitingPersistence, null, jsx(FadeIn, {
43
43
  key: `loading-section-${isLoading}`,
44
- duration: mediumDurationMs
44
+ duration: "medium"
45
45
  }, (motion, state) => jsx("span", _extends({}, motion, {
46
46
  "data-testid": testId && `${testId}--${state}`,
47
47
  css: [baseMotionStyles, state === 'entering' && enteringStyles]
package/dist/esm/components/LoadingItems/index.js CHANGED
@@ -5,7 +5,7 @@ import _extends from "@babel/runtime/helpers/extends";
5
5
  */
6
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
7
7
  import { css, jsx } from '@emotion/react';
8
- import { ExitingPersistence, FadeIn, mediumDurationMs } from '@atlaskit/motion';
8
+ import { ExitingPersistence, FadeIn } from '@atlaskit/motion';
9
9
  import { useShouldNestedElementRender } from '../NestableNavigationContent/context';
10
10
  var baseMotionStyles = css({
11
11
  position: 'absolute',
@@ -39,7 +39,7 @@ var LoadingItems = function LoadingItems(_ref) {
39
39
  }
40
40
  return jsx(ExitingPersistence, null, jsx(FadeIn, {
41
41
  key: "loading-section-".concat(isLoading),
42
- duration: mediumDurationMs
42
+ duration: "medium"
43
43
  }, function (motion, state) {
44
44
  return jsx("span", _extends({}, motion, {
45
45
  "data-testid": testId && "".concat(testId, "--").concat(state),
package/dist/types/components/Footer/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { type HeaderProps } from '../Header';
3
3
  type NewFooterProps = Omit<HeaderProps, 'cssFn' | 'component' | 'onClick'>;
4
4
  type FooterFacadeProps = (HeaderProps & {
@@ -24,5 +24,5 @@ export type FooterProps = HeaderProps | NewFooterProps;
24
24
  * - [Examples](https://atlassian.design/components/side-navigation/examples#header-and-footer)
25
25
  * - [Code](https://atlassian.design/components/side-navigation/code)
26
26
  */
27
- declare const FooterFacade: ({ useDeprecatedApi, description, iconBefore, testId, children, component, cssFn, onClick, }: FooterFacadeProps) => JSX.Element;
27
+ declare const FooterFacade: ({ useDeprecatedApi, description, iconBefore, testId, children, component, cssFn, onClick, }: FooterFacadeProps) => React.JSX.Element;
28
28
  export default FooterFacade;
package/dist/types/components/Item/skeleton-item.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { type SkeletonItemProps } from '@atlaskit/menu';
3
3
  export type { SkeletonItemProps } from '@atlaskit/menu';
4
4
  /**
@@ -9,5 +9,5 @@ export type { SkeletonItemProps } from '@atlaskit/menu';
9
9
  * - [Examples](https://atlassian.design/components/side-navigation/examples#loading)
10
10
  * - [Code](https://atlassian.design/components/side-navigation/code)
11
11
  */
12
- declare const SkeletonItem: (props: SkeletonItemProps) => JSX.Element | null;
12
+ declare const SkeletonItem: (props: SkeletonItemProps) => React.JSX.Element | null;
13
13
  export default SkeletonItem;
package/dist/types/components/NavigationFooter/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { type ReactNode } from 'react';
1
+ import React, { type ReactNode } from 'react';
2
2
  export interface NavigationFooterProps {
3
3
  children: ReactNode;
4
4
  }
@@ -10,5 +10,5 @@ export interface NavigationFooterProps {
10
10
  * - [Examples](https://atlassian.design/components/side-navigation/examples#header-and-footer)
11
11
  * - [Code](https://atlassian.design/components/side-navigation/code)
12
12
  */
13
- declare const NavigationFooter: ({ children }: NavigationFooterProps) => JSX.Element;
13
+ declare const NavigationFooter: ({ children }: NavigationFooterProps) => React.JSX.Element;
14
14
  export default NavigationFooter;
package/dist/types/components/Section/heading-item.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { type HeadingItemProps } from '@atlaskit/menu';
3
3
  export type { HeadingItemProps } from '@atlaskit/menu';
4
4
  /**
@@ -7,5 +7,5 @@ export type { HeadingItemProps } from '@atlaskit/menu';
7
7
  * Available for advanced use cases, for most situations providing a `title` to `section` should be enough.
8
8
  *
9
9
  */
10
- declare const HeadingItem: (props: HeadingItemProps) => JSX.Element | null;
10
+ declare const HeadingItem: (props: HeadingItemProps) => React.JSX.Element | null;
11
11
  export default HeadingItem;
package/dist/types/components/Section/skeleton-heading-item.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { type SkeletonHeadingItemProps } from '@atlaskit/menu';
3
3
  export type { SkeletonHeadingItemProps } from '@atlaskit/menu';
4
4
  /**
@@ -8,5 +8,5 @@ export type { SkeletonHeadingItemProps } from '@atlaskit/menu';
8
8
  *
9
9
  * - [Examples](https://atlassian.design/components/side-navigation/examples#loading)
10
10
  */
11
- declare const SkeletonHeadingItem: (props: SkeletonHeadingItemProps) => JSX.Element | null;
11
+ declare const SkeletonHeadingItem: (props: SkeletonHeadingItemProps) => React.JSX.Element | null;
12
12
  export default SkeletonHeadingItem;
package/dist/types-ts4.5/components/Footer/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { type HeaderProps } from '../Header';
3
3
  type NewFooterProps = Omit<HeaderProps, 'cssFn' | 'component' | 'onClick'>;
4
4
  type FooterFacadeProps = (HeaderProps & {
@@ -24,5 +24,5 @@ export type FooterProps = HeaderProps | NewFooterProps;
24
24
  * - [Examples](https://atlassian.design/components/side-navigation/examples#header-and-footer)
25
25
  * - [Code](https://atlassian.design/components/side-navigation/code)
26
26
  */
27
- declare const FooterFacade: ({ useDeprecatedApi, description, iconBefore, testId, children, component, cssFn, onClick, }: FooterFacadeProps) => JSX.Element;
27
+ declare const FooterFacade: ({ useDeprecatedApi, description, iconBefore, testId, children, component, cssFn, onClick, }: FooterFacadeProps) => React.JSX.Element;
28
28
  export default FooterFacade;
package/dist/types-ts4.5/components/Item/skeleton-item.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { type SkeletonItemProps } from '@atlaskit/menu';
3
3
  export type { SkeletonItemProps } from '@atlaskit/menu';
4
4
  /**
@@ -9,5 +9,5 @@ export type { SkeletonItemProps } from '@atlaskit/menu';
9
9
  * - [Examples](https://atlassian.design/components/side-navigation/examples#loading)
10
10
  * - [Code](https://atlassian.design/components/side-navigation/code)
11
11
  */
12
- declare const SkeletonItem: (props: SkeletonItemProps) => JSX.Element | null;
12
+ declare const SkeletonItem: (props: SkeletonItemProps) => React.JSX.Element | null;
13
13
  export default SkeletonItem;
package/dist/types-ts4.5/components/NavigationFooter/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { type ReactNode } from 'react';
1
+ import React, { type ReactNode } from 'react';
2
2
  export interface NavigationFooterProps {
3
3
  children: ReactNode;
4
4
  }
@@ -10,5 +10,5 @@ export interface NavigationFooterProps {
10
10
  * - [Examples](https://atlassian.design/components/side-navigation/examples#header-and-footer)
11
11
  * - [Code](https://atlassian.design/components/side-navigation/code)
12
12
  */
13
- declare const NavigationFooter: ({ children }: NavigationFooterProps) => JSX.Element;
13
+ declare const NavigationFooter: ({ children }: NavigationFooterProps) => React.JSX.Element;
14
14
  export default NavigationFooter;
package/dist/types-ts4.5/components/Section/heading-item.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { type HeadingItemProps } from '@atlaskit/menu';
3
3
  export type { HeadingItemProps } from '@atlaskit/menu';
4
4
  /**
@@ -7,5 +7,5 @@ export type { HeadingItemProps } from '@atlaskit/menu';
7
7
  * Available for advanced use cases, for most situations providing a `title` to `section` should be enough.
8
8
  *
9
9
  */
10
- declare const HeadingItem: (props: HeadingItemProps) => JSX.Element | null;
10
+ declare const HeadingItem: (props: HeadingItemProps) => React.JSX.Element | null;
11
11
  export default HeadingItem;
package/dist/types-ts4.5/components/Section/skeleton-heading-item.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { type SkeletonHeadingItemProps } from '@atlaskit/menu';
3
3
  export type { SkeletonHeadingItemProps } from '@atlaskit/menu';
4
4
  /**
@@ -8,5 +8,5 @@ export type { SkeletonHeadingItemProps } from '@atlaskit/menu';
8
8
  *
9
9
  * - [Examples](https://atlassian.design/components/side-navigation/examples#loading)
10
10
  */
11
- declare const SkeletonHeadingItem: (props: SkeletonHeadingItemProps) => JSX.Element | null;
11
+ declare const SkeletonHeadingItem: (props: SkeletonHeadingItemProps) => React.JSX.Element | null;
12
12
  export default SkeletonHeadingItem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/side-navigation",
3
- "version": "4.2.1",
3
+ "version": "4.2.3",
4
4
  "description": "A highly composable side navigation component that supports nested views.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -33,12 +33,12 @@
33
33
  },
34
34
  "dependencies": {
35
35
  "@atlaskit/ds-lib": "^3.5.0",
36
- "@atlaskit/icon": "^23.6.0",
36
+ "@atlaskit/icon": "^23.8.0",
37
37
  "@atlaskit/menu": "^2.14.0",
38
- "@atlaskit/motion": "^1.10.0",
38
+ "@atlaskit/motion": "^2.0.0",
39
39
  "@atlaskit/platform-feature-flags": "^1.0.0",
40
- "@atlaskit/primitives": "^13.4.0",
41
- "@atlaskit/theme": "^14.1.0",
40
+ "@atlaskit/primitives": "^13.5.0",
41
+ "@atlaskit/theme": "^15.0.0",
42
42
  "@atlaskit/tokens": "^3.3.0",
43
43
  "@babel/runtime": "^7.0.0",
44
44
  "@emotion/react": "^11.7.1"