@atlaskit/side-navigation 4.2.2 → 4.2.4

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 (8) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/components/LoadingItems/index.js +1 -1
  3. package/dist/cjs/components/NestableNavigationContent/nesting-motion.js +1 -3
  4. package/dist/es2019/components/LoadingItems/index.js +2 -2
  5. package/dist/es2019/components/NestableNavigationContent/nesting-motion.js +2 -2
  6. package/dist/esm/components/LoadingItems/index.js +2 -2
  7. package/dist/esm/components/NestableNavigationContent/nesting-motion.js +2 -4
  8. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/side-navigation
2
2
 
3
+ ## 4.2.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [#114382](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114382)
8
+ [`5033cb80b3765`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5033cb80b3765) -
9
+ Updates internal animation logic to leverage static animation timing names, rather than arbitrary
10
+ values.
11
+ - Updated dependencies
12
+
13
+ ## 4.2.3
14
+
15
+ ### Patch Changes
16
+
17
+ - Updated dependencies
18
+
3
19
  ## 4.2.2
4
20
 
5
21
  ### 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/cjs/components/NestableNavigationContent/nesting-motion.js CHANGED
@@ -24,9 +24,7 @@ var NestingMotion = exports.NestingMotion = function NestingMotion(props) {
24
24
  return (0, _react.jsx)(_motion.SlideIn, {
25
25
  exitTo: exitTo,
26
26
  enterFrom: enterFrom,
27
- animationTimingFunction: function animationTimingFunction(_) {
28
- return _motion.easeOut;
29
- }
27
+ animationTimingFunction: "ease-out"
30
28
  }, function (innerProps, direction) {
31
29
  return children(_objectSpread({
32
30
  'data-enter-from': enterFrom,
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/es2019/components/NestableNavigationContent/nesting-motion.js CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
7
7
  import { jsx } from '@emotion/react';
8
- import { easeOut, SlideIn } from '@atlaskit/motion';
8
+ import { SlideIn } from '@atlaskit/motion';
9
9
  /**
10
10
  * @internal
11
11
  */
@@ -19,7 +19,7 @@ export const NestingMotion = props => {
19
19
  return jsx(SlideIn, {
20
20
  exitTo: exitTo,
21
21
  enterFrom: enterFrom,
22
- animationTimingFunction: _ => easeOut
22
+ animationTimingFunction: "ease-out"
23
23
  }, (innerProps, direction) => children({
24
24
  'data-enter-from': enterFrom,
25
25
  'data-exit-to': exitTo,
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/esm/components/NestableNavigationContent/nesting-motion.js CHANGED
@@ -8,7 +8,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
8
8
 
9
9
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
10
10
  import { jsx } from '@emotion/react';
11
- import { easeOut, SlideIn } from '@atlaskit/motion';
11
+ import { SlideIn } from '@atlaskit/motion';
12
12
  /**
13
13
  * @internal
14
14
  */
@@ -20,9 +20,7 @@ export var NestingMotion = function NestingMotion(props) {
20
20
  return jsx(SlideIn, {
21
21
  exitTo: exitTo,
22
22
  enterFrom: enterFrom,
23
- animationTimingFunction: function animationTimingFunction(_) {
24
- return easeOut;
25
- }
23
+ animationTimingFunction: "ease-out"
26
24
  }, function (innerProps, direction) {
27
25
  return children(_objectSpread({
28
26
  'data-enter-from': enterFrom,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/side-navigation",
3
- "version": "4.2.2",
3
+ "version": "4.2.4",
4
4
  "description": "A highly composable side navigation component that supports nested views.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -33,11 +33,11 @@
33
33
  },
34
34
  "dependencies": {
35
35
  "@atlaskit/ds-lib": "^3.5.0",
36
- "@atlaskit/icon": "^23.7.0",
36
+ "@atlaskit/icon": "^23.9.0",
37
37
  "@atlaskit/menu": "^2.14.0",
38
- "@atlaskit/motion": "^1.10.0",
38
+ "@atlaskit/motion": "^3.0.0",
39
39
  "@atlaskit/platform-feature-flags": "^1.0.0",
40
- "@atlaskit/primitives": "^13.4.0",
40
+ "@atlaskit/primitives": "^13.5.0",
41
41
  "@atlaskit/theme": "^15.0.0",
42
42
  "@atlaskit/tokens": "^3.3.0",
43
43
  "@babel/runtime": "^7.0.0",