@atlaskit/navigation-system 3.0.1 → 3.1.0

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 (14) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/cjs/ui/page-layout/side-nav/side-nav.compiled.css +2 -2
  3. package/dist/cjs/ui/page-layout/side-nav/side-nav.js +2 -2
  4. package/dist/cjs/ui/page-layout/top-nav/top-nav-start.compiled.css +1 -1
  5. package/dist/cjs/ui/page-layout/top-nav/top-nav-start.js +2 -2
  6. package/dist/es2019/ui/page-layout/side-nav/side-nav.compiled.css +2 -2
  7. package/dist/es2019/ui/page-layout/side-nav/side-nav.js +2 -2
  8. package/dist/es2019/ui/page-layout/top-nav/top-nav-start.compiled.css +1 -1
  9. package/dist/es2019/ui/page-layout/top-nav/top-nav-start.js +2 -2
  10. package/dist/esm/ui/page-layout/side-nav/side-nav.compiled.css +2 -2
  11. package/dist/esm/ui/page-layout/side-nav/side-nav.js +2 -2
  12. package/dist/esm/ui/page-layout/top-nav/top-nav-start.compiled.css +1 -1
  13. package/dist/esm/ui/page-layout/top-nav/top-nav-start.js +2 -2
  14. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @atlassian/navigation-system
2
2
 
3
+ ## 3.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`ee578a4721dcf`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ee578a4721dcf) -
8
+ The following animations have been updated to shorten their durations from `300ms` to `200ms`.
9
+ These changes are behind the `navx-full-height-sidebar` feature flag.
10
+ - `SideNav` slide in/out animations, including peek (flyout) and regular expand/collapse
11
+ - `TopNavStart` button reorder animations
12
+
3
13
  ## 3.0.1
4
14
 
5
15
  ### Patch Changes
package/dist/cjs/ui/page-layout/side-nav/side-nav.compiled.css CHANGED
@@ -16,9 +16,9 @@
16
16
  ._kqsw1if8{position:sticky}
17
17
  ._vchhusvi{box-sizing:border-box}
18
18
  [dir=rtl] ._65m41mrw{--animation-direction:-1}
19
- @media (prefers-reduced-motion:no-preference){._10t88iot{transition-property:transform,display}._1vrh1a5r{transition-behavior:allow-discrete}._xrrp188d{transition-duration:.3s}._1lh81gzg{grid-area:main}._1xq51mm8{transition-timing-function:cubic-bezier(0,.4,0,1)}@starting-style{._1nu51p9u{transform:translateX(calc(-100%*var(--animation-direction)))}}._1xq51ku9{transition-timing-function:cubic-bezier(.6,0,0,1)}}
19
+ @media (prefers-reduced-motion:no-preference){._10t88iot{transition-property:transform,display}._1vrh1a5r{transition-behavior:allow-discrete}._xrrpfnf5{transition-duration:.2s}._1lh81gzg{grid-area:main}._1xq51mm8{transition-timing-function:cubic-bezier(0,.4,0,1)}@starting-style{._1nu51p9u{transform:translateX(calc(-100%*var(--animation-direction)))}}._1xq51ku9{transition-timing-function:cubic-bezier(.6,0,0,1)}}
20
20
  @media (min-width:48rem){._14b5hc79{width:var(--n_snvRsz,var(--n_sNvw))}}
21
21
  @media (min-width:64rem){._165t56xv{height:calc(100vh - var(--n_bnrM, 0px))}._180k1wjm{inset-block-start:calc(var(--n_bnrM, 0px))}._26vxoned{padding-block-start:calc(var(--n_tNvM, 0px))}._1mt19dtb{margin-block-start:calc(var(--n_tNvM, 0px)*-1)}._dm2518uv{display:initial}._dm25glyw{display:none}._qiln1gzg{grid-area:main}._p5clglyw{border-inline-end:none}._4ap31bhr{background-color:var(--ds-surface-overlay,#fff)}._scbp1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}._qilnk0mc{grid-area:side-nav}._p5cl7r9e{border-inline-end:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}._4ap3vuon{background-color:var(--ds-surface,#fff)}._scbpglyw{box-shadow:none}}
22
- @media (prefers-reduced-motion:no-preference) and (min-width:64rem){._17ly8iot{transition-property:transform,display}._177m1a5r{transition-behavior:allow-discrete}._1sg81gzg{grid-area:main}._vgub1mm8{transition-timing-function:cubic-bezier(0,.4,0,1)}._hh1u1p9u{transform:translateX(calc(-100%*var(--animation-direction)))}@starting-style{._s2eg1p9u{transform:translateX(calc(-100%*var(--animation-direction)))}}._1sg8k0mc{grid-area:side-nav}._vgub1ku9{transition-timing-function:cubic-bezier(.6,0,0,1)}._hjoi188d{transition-duration:.3s}._hjoifnf5{transition-duration:.2s}}
22
+ @media (prefers-reduced-motion:no-preference) and (min-width:64rem){._17ly8iot{transition-property:transform,display}._177m1a5r{transition-behavior:allow-discrete}._1sg81gzg{grid-area:main}._vgub1mm8{transition-timing-function:cubic-bezier(0,.4,0,1)}._hh1u1p9u{transform:translateX(calc(-100%*var(--animation-direction)))}@starting-style{._s2eg1p9u{transform:translateX(calc(-100%*var(--animation-direction)))}}._1sg8k0mc{grid-area:side-nav}._vgub1ku9{transition-timing-function:cubic-bezier(.6,0,0,1)}._hjoifnf5{transition-duration:.2s}}
23
23
  @media (prefers-reduced-motion:no-preference) and (not (min-width:64rem)){._aadi1p9u{transform:translateX(calc(-100%*var(--animation-direction)))}}
24
24
  @supports not (-moz-appearance:none){@media (prefers-reduced-motion:no-preference){._139f8iot{transition-property:transform,display}._1tpvfnf5{transition-duration:.2s}._sylc1a5r{transition-behavior:allow-discrete}._1uwsjq3t{transform:translateX(-100%)}}@media (prefers-reduced-motion:no-preference){@starting-style{._oyeijq3t{transform:translateX(-100%)}}._139f8iot{transition-property:transform,display}._1tpvfnf5{transition-duration:.2s}._sylc1a5r{transition-behavior:allow-discrete}}}
package/dist/cjs/ui/page-layout/side-nav/side-nav.js CHANGED
@@ -63,13 +63,13 @@ var styles = {
63
63
  flyoutAnimateClosed: "_1e0cglyw _qiln1gzg _139f8iot _1tpvfnf5 _sylc1a5r _1uwsjq3t",
64
64
  animationRTLSupport: "_15yekb7n _65m41mrw",
65
65
  flyoutBaseStylesFullHeightSidebar: "_qiln1gzg _p5clglyw _4ap31bhr _scbp1cd0 _17ly8iot _177m1a5r",
66
- flyoutOpenFullHeightSidebar: "_hjoi188d _vgub1ku9 _s2eg1p9u",
66
+ flyoutOpenFullHeightSidebar: "_hjoifnf5 _vgub1ku9 _s2eg1p9u",
67
67
  flyoutAnimateClosedFullHeightSidebar: "_dm25glyw _hjoifnf5 _vgub1mm8 _hh1u1p9u",
68
68
  flexContainer: "_4t3i1osq _1e0c1txw _2lx21bp4 _1bah1yb4",
69
69
  hiddenMobileAndDesktop: "_1e0cglyw",
70
70
  hiddenMobileOnly: "_1e0cglyw _dm2518uv",
71
71
  hiddenDesktopOnly: "_dm25glyw",
72
- animationBaseStyles: "_10t88iot _1vrh1a5r _xrrp188d",
72
+ animationBaseStyles: "_10t88iot _1vrh1a5r _xrrpfnf5",
73
73
  expandAnimationMobile: "_1xq51ku9 _1nu51p9u",
74
74
  collapseAnimationMobile: "_1lh81gzg _1xq51mm8 _aadi1p9u",
75
75
  expandAnimationDesktop: "_1sg8k0mc _vgub1ku9 _s2eg1p9u",
package/dist/cjs/ui/page-layout/top-nav/top-nav-start.compiled.css CHANGED
@@ -12,5 +12,5 @@
12
12
  ._lcxv1wug{pointer-events:auto}
13
13
  ._vchhusvi{box-sizing:border-box}
14
14
  [dir=rtl] ._65m41mrw{--animation-direction:-1}
15
- @media (prefers-reduced-motion:no-preference){._10t81e03{transition-property:transform}._10t81rjc{transition-property:transform,opacity}._1xq51ytf{transition-timing-function:ease-in-out}._1xq55ucs{transition-timing-function:ease}._mjvc1efy{transform:translateX(calc(100%*var(--animation-direction)))}._bgpzidpf{opacity:0}._mjvc1p9u{transform:translateX(calc(-100%*var(--animation-direction)))}._mjvco0k7{transform:translateX(calc((-2rem + var(--ds-space-050, 4px)*-1)*var(--animation-direction)))}._mjvcyrjp{transform:translateX(calc((2rem + var(--ds-space-050, 4px))*var(--animation-direction)))}._mjvcz12g{transform:translateX(0)}._xrrp188d{transition-duration:.3s}._bgpzkb7n{opacity:1}}
15
+ @media (prefers-reduced-motion:no-preference){._10t81e03{transition-property:transform}._10t81rjc{transition-property:transform,opacity}._1xq51ytf{transition-timing-function:ease-in-out}._1xq55ucs{transition-timing-function:ease}._mjvc1efy{transform:translateX(calc(100%*var(--animation-direction)))}._bgpzidpf{opacity:0}._mjvc1p9u{transform:translateX(calc(-100%*var(--animation-direction)))}._mjvco0k7{transform:translateX(calc((-2rem + var(--ds-space-050, 4px)*-1)*var(--animation-direction)))}._mjvcyrjp{transform:translateX(calc((2rem + var(--ds-space-050, 4px))*var(--animation-direction)))}._mjvcz12g{transform:translateX(0)}._xrrpfnf5{transition-duration:.2s}._bgpzkb7n{opacity:1}}
16
16
  @media (min-width:64rem){._15rin7od{min-width:unset}._glte1osq{width:100%}._15rip2n4{min-width:330px}._glte1ris{width:max-content}._15ri1mjv{min-width:300px}._1gs5usvi{box-sizing:border-box}._glte93mn{width:var(--n_sNvlw,100%)}._exxmpxbi{padding-inline-end:var(--ds-space-200,1pc)}}
package/dist/cjs/ui/page-layout/top-nav/top-nav-start.js CHANGED
@@ -71,7 +71,7 @@ var childrenWrapperAnimationOffset = "calc(2rem + ".concat(flexGap, ")");
71
71
  var childrenWrapperStyles = {
72
72
  root: "_zulp1kw7 _1e0c1kw7 _1ul9idpf _15yekb7n _65m41mrw",
73
73
  animationBaseStyles: "_10t81e03",
74
- finalPosition: "_mjvcz12g _xrrp188d",
74
+ finalPosition: "_mjvcz12g _xrrpfnf5",
75
75
  expandAnimationStartPosition: "_mjvcyrjp",
76
76
  collapseAnimationStartPosition: "_mjvco0k7"
77
77
  };
@@ -85,7 +85,7 @@ var childrenWrapperStyles = {
85
85
  */
86
86
  var toggleButtonWrapperStyles = {
87
87
  root: "_15yekb7n _65m41mrw _10t81rjc",
88
- finalPosition: "_mjvcz12g _xrrp188d _bgpzkb7n",
88
+ finalPosition: "_mjvcz12g _xrrpfnf5 _bgpzkb7n",
89
89
  expandAnimationStartPosition: "_mjvc1p9u _bgpzidpf",
90
90
  collapseAnimationStartPosition: "_mjvc1efy _bgpzidpf",
91
91
  expandAnimationTimingFunction: "_1xq51ytf",
package/dist/es2019/ui/page-layout/side-nav/side-nav.compiled.css CHANGED
@@ -16,9 +16,9 @@
16
16
  ._kqsw1if8{position:sticky}
17
17
  ._vchhusvi{box-sizing:border-box}
18
18
  [dir=rtl] ._65m41mrw{--animation-direction:-1}
19
- @media (prefers-reduced-motion:no-preference){._10t88iot{transition-property:transform,display}._1vrh1a5r{transition-behavior:allow-discrete}._xrrp188d{transition-duration:.3s}._1lh81gzg{grid-area:main}._1xq51mm8{transition-timing-function:cubic-bezier(0,.4,0,1)}@starting-style{._1nu51p9u{transform:translateX(calc(-100%*var(--animation-direction)))}}._1xq51ku9{transition-timing-function:cubic-bezier(.6,0,0,1)}}
19
+ @media (prefers-reduced-motion:no-preference){._10t88iot{transition-property:transform,display}._1vrh1a5r{transition-behavior:allow-discrete}._xrrpfnf5{transition-duration:.2s}._1lh81gzg{grid-area:main}._1xq51mm8{transition-timing-function:cubic-bezier(0,.4,0,1)}@starting-style{._1nu51p9u{transform:translateX(calc(-100%*var(--animation-direction)))}}._1xq51ku9{transition-timing-function:cubic-bezier(.6,0,0,1)}}
20
20
  @media (min-width:48rem){._14b5hc79{width:var(--n_snvRsz,var(--n_sNvw))}}
21
21
  @media (min-width:64rem){._165t56xv{height:calc(100vh - var(--n_bnrM, 0px))}._180k1wjm{inset-block-start:calc(var(--n_bnrM, 0px))}._26vxoned{padding-block-start:calc(var(--n_tNvM, 0px))}._1mt19dtb{margin-block-start:calc(var(--n_tNvM, 0px)*-1)}._dm2518uv{display:initial}._dm25glyw{display:none}._qiln1gzg{grid-area:main}._p5clglyw{border-inline-end:none}._4ap31bhr{background-color:var(--ds-surface-overlay,#fff)}._scbp1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}._qilnk0mc{grid-area:side-nav}._p5cl7r9e{border-inline-end:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}._4ap3vuon{background-color:var(--ds-surface,#fff)}._scbpglyw{box-shadow:none}}
22
- @media (prefers-reduced-motion:no-preference) and (min-width:64rem){._17ly8iot{transition-property:transform,display}._177m1a5r{transition-behavior:allow-discrete}._1sg81gzg{grid-area:main}._vgub1mm8{transition-timing-function:cubic-bezier(0,.4,0,1)}._hh1u1p9u{transform:translateX(calc(-100%*var(--animation-direction)))}@starting-style{._s2eg1p9u{transform:translateX(calc(-100%*var(--animation-direction)))}}._1sg8k0mc{grid-area:side-nav}._vgub1ku9{transition-timing-function:cubic-bezier(.6,0,0,1)}._hjoi188d{transition-duration:.3s}._hjoifnf5{transition-duration:.2s}}
22
+ @media (prefers-reduced-motion:no-preference) and (min-width:64rem){._17ly8iot{transition-property:transform,display}._177m1a5r{transition-behavior:allow-discrete}._1sg81gzg{grid-area:main}._vgub1mm8{transition-timing-function:cubic-bezier(0,.4,0,1)}._hh1u1p9u{transform:translateX(calc(-100%*var(--animation-direction)))}@starting-style{._s2eg1p9u{transform:translateX(calc(-100%*var(--animation-direction)))}}._1sg8k0mc{grid-area:side-nav}._vgub1ku9{transition-timing-function:cubic-bezier(.6,0,0,1)}._hjoifnf5{transition-duration:.2s}}
23
23
  @media (prefers-reduced-motion:no-preference) and (not (min-width:64rem)){._aadi1p9u{transform:translateX(calc(-100%*var(--animation-direction)))}}
24
24
  @supports not (-moz-appearance:none){@media (prefers-reduced-motion:no-preference){._139f8iot{transition-property:transform,display}._1tpvfnf5{transition-duration:.2s}._sylc1a5r{transition-behavior:allow-discrete}._1uwsjq3t{transform:translateX(-100%)}}@media (prefers-reduced-motion:no-preference){@starting-style{._oyeijq3t{transform:translateX(-100%)}}._139f8iot{transition-property:transform,display}._1tpvfnf5{transition-duration:.2s}._sylc1a5r{transition-behavior:allow-discrete}}}
package/dist/es2019/ui/page-layout/side-nav/side-nav.js CHANGED
@@ -50,13 +50,13 @@ const styles = {
50
50
  flyoutAnimateClosed: "_1e0cglyw _qiln1gzg _139f8iot _1tpvfnf5 _sylc1a5r _1uwsjq3t",
51
51
  animationRTLSupport: "_15yekb7n _65m41mrw",
52
52
  flyoutBaseStylesFullHeightSidebar: "_qiln1gzg _p5clglyw _4ap31bhr _scbp1cd0 _17ly8iot _177m1a5r",
53
- flyoutOpenFullHeightSidebar: "_hjoi188d _vgub1ku9 _s2eg1p9u",
53
+ flyoutOpenFullHeightSidebar: "_hjoifnf5 _vgub1ku9 _s2eg1p9u",
54
54
  flyoutAnimateClosedFullHeightSidebar: "_dm25glyw _hjoifnf5 _vgub1mm8 _hh1u1p9u",
55
55
  flexContainer: "_4t3i1osq _1e0c1txw _2lx21bp4 _1bah1yb4",
56
56
  hiddenMobileAndDesktop: "_1e0cglyw",
57
57
  hiddenMobileOnly: "_1e0cglyw _dm2518uv",
58
58
  hiddenDesktopOnly: "_dm25glyw",
59
- animationBaseStyles: "_10t88iot _1vrh1a5r _xrrp188d",
59
+ animationBaseStyles: "_10t88iot _1vrh1a5r _xrrpfnf5",
60
60
  expandAnimationMobile: "_1xq51ku9 _1nu51p9u",
61
61
  collapseAnimationMobile: "_1lh81gzg _1xq51mm8 _aadi1p9u",
62
62
  expandAnimationDesktop: "_1sg8k0mc _vgub1ku9 _s2eg1p9u",
package/dist/es2019/ui/page-layout/top-nav/top-nav-start.compiled.css CHANGED
@@ -12,5 +12,5 @@
12
12
  ._lcxv1wug{pointer-events:auto}
13
13
  ._vchhusvi{box-sizing:border-box}
14
14
  [dir=rtl] ._65m41mrw{--animation-direction:-1}
15
- @media (prefers-reduced-motion:no-preference){._10t81e03{transition-property:transform}._10t81rjc{transition-property:transform,opacity}._1xq51ytf{transition-timing-function:ease-in-out}._1xq55ucs{transition-timing-function:ease}._mjvc1efy{transform:translateX(calc(100%*var(--animation-direction)))}._bgpzidpf{opacity:0}._mjvc1p9u{transform:translateX(calc(-100%*var(--animation-direction)))}._mjvco0k7{transform:translateX(calc((-2rem + var(--ds-space-050, 4px)*-1)*var(--animation-direction)))}._mjvcyrjp{transform:translateX(calc((2rem + var(--ds-space-050, 4px))*var(--animation-direction)))}._mjvcz12g{transform:translateX(0)}._xrrp188d{transition-duration:.3s}._bgpzkb7n{opacity:1}}
15
+ @media (prefers-reduced-motion:no-preference){._10t81e03{transition-property:transform}._10t81rjc{transition-property:transform,opacity}._1xq51ytf{transition-timing-function:ease-in-out}._1xq55ucs{transition-timing-function:ease}._mjvc1efy{transform:translateX(calc(100%*var(--animation-direction)))}._bgpzidpf{opacity:0}._mjvc1p9u{transform:translateX(calc(-100%*var(--animation-direction)))}._mjvco0k7{transform:translateX(calc((-2rem + var(--ds-space-050, 4px)*-1)*var(--animation-direction)))}._mjvcyrjp{transform:translateX(calc((2rem + var(--ds-space-050, 4px))*var(--animation-direction)))}._mjvcz12g{transform:translateX(0)}._xrrpfnf5{transition-duration:.2s}._bgpzkb7n{opacity:1}}
16
16
  @media (min-width:64rem){._15rin7od{min-width:unset}._glte1osq{width:100%}._15rip2n4{min-width:330px}._glte1ris{width:max-content}._15ri1mjv{min-width:300px}._1gs5usvi{box-sizing:border-box}._glte93mn{width:var(--n_sNvlw,100%)}._exxmpxbi{padding-inline-end:var(--ds-space-200,1pc)}}
package/dist/es2019/ui/page-layout/top-nav/top-nav-start.js CHANGED
@@ -62,7 +62,7 @@ const childrenWrapperAnimationOffset = `calc(2rem + ${flexGap})`;
62
62
  const childrenWrapperStyles = {
63
63
  root: "_zulp1kw7 _1e0c1kw7 _1ul9idpf _15yekb7n _65m41mrw",
64
64
  animationBaseStyles: "_10t81e03",
65
- finalPosition: "_mjvcz12g _xrrp188d",
65
+ finalPosition: "_mjvcz12g _xrrpfnf5",
66
66
  expandAnimationStartPosition: "_mjvcyrjp",
67
67
  collapseAnimationStartPosition: "_mjvco0k7"
68
68
  };
@@ -76,7 +76,7 @@ const childrenWrapperStyles = {
76
76
  */
77
77
  const toggleButtonWrapperStyles = {
78
78
  root: "_15yekb7n _65m41mrw _10t81rjc",
79
- finalPosition: "_mjvcz12g _xrrp188d _bgpzkb7n",
79
+ finalPosition: "_mjvcz12g _xrrpfnf5 _bgpzkb7n",
80
80
  expandAnimationStartPosition: "_mjvc1p9u _bgpzidpf",
81
81
  collapseAnimationStartPosition: "_mjvc1efy _bgpzidpf",
82
82
  expandAnimationTimingFunction: "_1xq51ytf",
package/dist/esm/ui/page-layout/side-nav/side-nav.compiled.css CHANGED
@@ -16,9 +16,9 @@
16
16
  ._kqsw1if8{position:sticky}
17
17
  ._vchhusvi{box-sizing:border-box}
18
18
  [dir=rtl] ._65m41mrw{--animation-direction:-1}
19
- @media (prefers-reduced-motion:no-preference){._10t88iot{transition-property:transform,display}._1vrh1a5r{transition-behavior:allow-discrete}._xrrp188d{transition-duration:.3s}._1lh81gzg{grid-area:main}._1xq51mm8{transition-timing-function:cubic-bezier(0,.4,0,1)}@starting-style{._1nu51p9u{transform:translateX(calc(-100%*var(--animation-direction)))}}._1xq51ku9{transition-timing-function:cubic-bezier(.6,0,0,1)}}
19
+ @media (prefers-reduced-motion:no-preference){._10t88iot{transition-property:transform,display}._1vrh1a5r{transition-behavior:allow-discrete}._xrrpfnf5{transition-duration:.2s}._1lh81gzg{grid-area:main}._1xq51mm8{transition-timing-function:cubic-bezier(0,.4,0,1)}@starting-style{._1nu51p9u{transform:translateX(calc(-100%*var(--animation-direction)))}}._1xq51ku9{transition-timing-function:cubic-bezier(.6,0,0,1)}}
20
20
  @media (min-width:48rem){._14b5hc79{width:var(--n_snvRsz,var(--n_sNvw))}}
21
21
  @media (min-width:64rem){._165t56xv{height:calc(100vh - var(--n_bnrM, 0px))}._180k1wjm{inset-block-start:calc(var(--n_bnrM, 0px))}._26vxoned{padding-block-start:calc(var(--n_tNvM, 0px))}._1mt19dtb{margin-block-start:calc(var(--n_tNvM, 0px)*-1)}._dm2518uv{display:initial}._dm25glyw{display:none}._qiln1gzg{grid-area:main}._p5clglyw{border-inline-end:none}._4ap31bhr{background-color:var(--ds-surface-overlay,#fff)}._scbp1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}._qilnk0mc{grid-area:side-nav}._p5cl7r9e{border-inline-end:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}._4ap3vuon{background-color:var(--ds-surface,#fff)}._scbpglyw{box-shadow:none}}
22
- @media (prefers-reduced-motion:no-preference) and (min-width:64rem){._17ly8iot{transition-property:transform,display}._177m1a5r{transition-behavior:allow-discrete}._1sg81gzg{grid-area:main}._vgub1mm8{transition-timing-function:cubic-bezier(0,.4,0,1)}._hh1u1p9u{transform:translateX(calc(-100%*var(--animation-direction)))}@starting-style{._s2eg1p9u{transform:translateX(calc(-100%*var(--animation-direction)))}}._1sg8k0mc{grid-area:side-nav}._vgub1ku9{transition-timing-function:cubic-bezier(.6,0,0,1)}._hjoi188d{transition-duration:.3s}._hjoifnf5{transition-duration:.2s}}
22
+ @media (prefers-reduced-motion:no-preference) and (min-width:64rem){._17ly8iot{transition-property:transform,display}._177m1a5r{transition-behavior:allow-discrete}._1sg81gzg{grid-area:main}._vgub1mm8{transition-timing-function:cubic-bezier(0,.4,0,1)}._hh1u1p9u{transform:translateX(calc(-100%*var(--animation-direction)))}@starting-style{._s2eg1p9u{transform:translateX(calc(-100%*var(--animation-direction)))}}._1sg8k0mc{grid-area:side-nav}._vgub1ku9{transition-timing-function:cubic-bezier(.6,0,0,1)}._hjoifnf5{transition-duration:.2s}}
23
23
  @media (prefers-reduced-motion:no-preference) and (not (min-width:64rem)){._aadi1p9u{transform:translateX(calc(-100%*var(--animation-direction)))}}
24
24
  @supports not (-moz-appearance:none){@media (prefers-reduced-motion:no-preference){._139f8iot{transition-property:transform,display}._1tpvfnf5{transition-duration:.2s}._sylc1a5r{transition-behavior:allow-discrete}._1uwsjq3t{transform:translateX(-100%)}}@media (prefers-reduced-motion:no-preference){@starting-style{._oyeijq3t{transform:translateX(-100%)}}._139f8iot{transition-property:transform,display}._1tpvfnf5{transition-duration:.2s}._sylc1a5r{transition-behavior:allow-discrete}}}
package/dist/esm/ui/page-layout/side-nav/side-nav.js CHANGED
@@ -54,13 +54,13 @@ var styles = {
54
54
  flyoutAnimateClosed: "_1e0cglyw _qiln1gzg _139f8iot _1tpvfnf5 _sylc1a5r _1uwsjq3t",
55
55
  animationRTLSupport: "_15yekb7n _65m41mrw",
56
56
  flyoutBaseStylesFullHeightSidebar: "_qiln1gzg _p5clglyw _4ap31bhr _scbp1cd0 _17ly8iot _177m1a5r",
57
- flyoutOpenFullHeightSidebar: "_hjoi188d _vgub1ku9 _s2eg1p9u",
57
+ flyoutOpenFullHeightSidebar: "_hjoifnf5 _vgub1ku9 _s2eg1p9u",
58
58
  flyoutAnimateClosedFullHeightSidebar: "_dm25glyw _hjoifnf5 _vgub1mm8 _hh1u1p9u",
59
59
  flexContainer: "_4t3i1osq _1e0c1txw _2lx21bp4 _1bah1yb4",
60
60
  hiddenMobileAndDesktop: "_1e0cglyw",
61
61
  hiddenMobileOnly: "_1e0cglyw _dm2518uv",
62
62
  hiddenDesktopOnly: "_dm25glyw",
63
- animationBaseStyles: "_10t88iot _1vrh1a5r _xrrp188d",
63
+ animationBaseStyles: "_10t88iot _1vrh1a5r _xrrpfnf5",
64
64
  expandAnimationMobile: "_1xq51ku9 _1nu51p9u",
65
65
  collapseAnimationMobile: "_1lh81gzg _1xq51mm8 _aadi1p9u",
66
66
  expandAnimationDesktop: "_1sg8k0mc _vgub1ku9 _s2eg1p9u",
package/dist/esm/ui/page-layout/top-nav/top-nav-start.compiled.css CHANGED
@@ -12,5 +12,5 @@
12
12
  ._lcxv1wug{pointer-events:auto}
13
13
  ._vchhusvi{box-sizing:border-box}
14
14
  [dir=rtl] ._65m41mrw{--animation-direction:-1}
15
- @media (prefers-reduced-motion:no-preference){._10t81e03{transition-property:transform}._10t81rjc{transition-property:transform,opacity}._1xq51ytf{transition-timing-function:ease-in-out}._1xq55ucs{transition-timing-function:ease}._mjvc1efy{transform:translateX(calc(100%*var(--animation-direction)))}._bgpzidpf{opacity:0}._mjvc1p9u{transform:translateX(calc(-100%*var(--animation-direction)))}._mjvco0k7{transform:translateX(calc((-2rem + var(--ds-space-050, 4px)*-1)*var(--animation-direction)))}._mjvcyrjp{transform:translateX(calc((2rem + var(--ds-space-050, 4px))*var(--animation-direction)))}._mjvcz12g{transform:translateX(0)}._xrrp188d{transition-duration:.3s}._bgpzkb7n{opacity:1}}
15
+ @media (prefers-reduced-motion:no-preference){._10t81e03{transition-property:transform}._10t81rjc{transition-property:transform,opacity}._1xq51ytf{transition-timing-function:ease-in-out}._1xq55ucs{transition-timing-function:ease}._mjvc1efy{transform:translateX(calc(100%*var(--animation-direction)))}._bgpzidpf{opacity:0}._mjvc1p9u{transform:translateX(calc(-100%*var(--animation-direction)))}._mjvco0k7{transform:translateX(calc((-2rem + var(--ds-space-050, 4px)*-1)*var(--animation-direction)))}._mjvcyrjp{transform:translateX(calc((2rem + var(--ds-space-050, 4px))*var(--animation-direction)))}._mjvcz12g{transform:translateX(0)}._xrrpfnf5{transition-duration:.2s}._bgpzkb7n{opacity:1}}
16
16
  @media (min-width:64rem){._15rin7od{min-width:unset}._glte1osq{width:100%}._15rip2n4{min-width:330px}._glte1ris{width:max-content}._15ri1mjv{min-width:300px}._1gs5usvi{box-sizing:border-box}._glte93mn{width:var(--n_sNvlw,100%)}._exxmpxbi{padding-inline-end:var(--ds-space-200,1pc)}}
package/dist/esm/ui/page-layout/top-nav/top-nav-start.js CHANGED
@@ -63,7 +63,7 @@ var childrenWrapperAnimationOffset = "calc(2rem + ".concat(flexGap, ")");
63
63
  var childrenWrapperStyles = {
64
64
  root: "_zulp1kw7 _1e0c1kw7 _1ul9idpf _15yekb7n _65m41mrw",
65
65
  animationBaseStyles: "_10t81e03",
66
- finalPosition: "_mjvcz12g _xrrp188d",
66
+ finalPosition: "_mjvcz12g _xrrpfnf5",
67
67
  expandAnimationStartPosition: "_mjvcyrjp",
68
68
  collapseAnimationStartPosition: "_mjvco0k7"
69
69
  };
@@ -77,7 +77,7 @@ var childrenWrapperStyles = {
77
77
  */
78
78
  var toggleButtonWrapperStyles = {
79
79
  root: "_15yekb7n _65m41mrw _10t81rjc",
80
- finalPosition: "_mjvcz12g _xrrp188d _bgpzkb7n",
80
+ finalPosition: "_mjvcz12g _xrrpfnf5 _bgpzkb7n",
81
81
  expandAnimationStartPosition: "_mjvc1p9u _bgpzidpf",
82
82
  collapseAnimationStartPosition: "_mjvc1efy _bgpzidpf",
83
83
  expandAnimationTimingFunction: "_1xq51ytf",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/navigation-system",
3
- "version": "3.0.1",
3
+ "version": "3.1.0",
4
4
  "description": "The latest navigation system for Atlassian apps.",
5
5
  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
6
6
  "author": "Atlassian Pty Ltd",
@@ -115,7 +115,7 @@
115
115
  "@atlaskit/skeleton": "^2.1.0",
116
116
  "@atlaskit/temp-nav-app-icons": "^0.14.0",
117
117
  "@atlaskit/textfield": "^8.0.0",
118
- "@atlassian/feature-flags-test-utils": "^0.3.0",
118
+ "@atlassian/feature-flags-test-utils": "^1.0.0",
119
119
  "@atlassian/gemini": "^1.20.0",
120
120
  "@atlassian/search-dialog": "^9.7.0",
121
121
  "@atlassian/ssr-tests": "^0.3.0",