@atlaskit/navigation-system 2.10.0 → 2.10.1

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 (26) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/ui/menu-section/divider.compiled.css +1 -1
  3. package/dist/cjs/ui/menu-section/divider.js +2 -2
  4. package/dist/cjs/ui/page-layout/panel.compiled.css +1 -1
  5. package/dist/cjs/ui/page-layout/panel.js +1 -1
  6. package/dist/cjs/ui/page-layout/side-nav/side-nav.compiled.css +3 -3
  7. package/dist/cjs/ui/page-layout/side-nav/side-nav.js +2 -2
  8. package/dist/cjs/ui/page-layout/top-nav/top-nav.compiled.css +2 -2
  9. package/dist/cjs/ui/page-layout/top-nav/top-nav.js +2 -2
  10. package/dist/es2019/ui/menu-section/divider.compiled.css +1 -1
  11. package/dist/es2019/ui/menu-section/divider.js +1 -1
  12. package/dist/es2019/ui/page-layout/panel.compiled.css +1 -1
  13. package/dist/es2019/ui/page-layout/panel.js +1 -1
  14. package/dist/es2019/ui/page-layout/side-nav/side-nav.compiled.css +3 -3
  15. package/dist/es2019/ui/page-layout/side-nav/side-nav.js +2 -2
  16. package/dist/es2019/ui/page-layout/top-nav/top-nav.compiled.css +2 -2
  17. package/dist/es2019/ui/page-layout/top-nav/top-nav.js +2 -2
  18. package/dist/esm/ui/menu-section/divider.compiled.css +1 -1
  19. package/dist/esm/ui/menu-section/divider.js +2 -2
  20. package/dist/esm/ui/page-layout/panel.compiled.css +1 -1
  21. package/dist/esm/ui/page-layout/panel.js +1 -1
  22. package/dist/esm/ui/page-layout/side-nav/side-nav.compiled.css +3 -3
  23. package/dist/esm/ui/page-layout/side-nav/side-nav.js +2 -2
  24. package/dist/esm/ui/page-layout/top-nav/top-nav.compiled.css +2 -2
  25. package/dist/esm/ui/page-layout/top-nav/top-nav.js +2 -2
  26. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlassian/navigation-system
2
2
 
3
+ ## 2.10.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`248faa32d4835`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/248faa32d4835) -
8
+ Internal changes to how borders are applied.
9
+ - Updated dependencies
10
+
3
11
  ## 2.10.0
4
12
 
5
13
  ### Minor Changes
package/dist/cjs/ui/menu-section/divider.compiled.css CHANGED
@@ -1,4 +1,4 @@
1
1
 
2
2
  ._h7alglyw{border-inline:none}._179rglyw{border-block-end:none}
3
- ._mqm2pp12{border-block-start:var(--_18x9sjc)}
3
+ ._mqm2kzr3{border-block-start:var(--_1hbmzy2)}
4
4
  ._1bsb1osq{width:100%}
package/dist/cjs/ui/menu-section/divider.js CHANGED
@@ -27,9 +27,9 @@ var Divider = exports.Divider = function Divider() {
27
27
  * but it probably isn't necessary.
28
28
  */
29
29
  role: "none",
30
- className: (0, _runtime.ax)(["_h7alglyw _179rglyw _mqm2pp12 _1bsb1osq"]),
30
+ className: (0, _runtime.ax)(["_h7alglyw _179rglyw _mqm2kzr3 _1bsb1osq"]),
31
31
  style: {
32
- "--_18x9sjc": (0, _runtime.ix)("1px solid ".concat("var(--ds-border, #091E4224)"))
32
+ "--_1hbmzy2": (0, _runtime.ix)("var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #091E4224)"))
33
33
  }
34
34
  });
35
35
  };
package/dist/cjs/ui/page-layout/panel.compiled.css CHANGED
@@ -14,5 +14,5 @@
14
14
  ._kqsw1if8{position:sticky}
15
15
  ._vchhusvi{box-sizing:border-box}
16
16
  @media (min-width:48rem){._14b54rrg{width:var(--n_pnlRsz,var(--n_pnlW))}}
17
- @media (min-width:64rem){._1w6ezgxb{border-inline-start:1px solid var(--ds-border,#091e4224)}._scbpglyw{box-shadow:none}._4ap3vuon{background-color:var(--ds-surface,#fff)}}
17
+ @media (min-width:64rem){._1w6e7r9e{border-inline-start:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}._scbpglyw{box-shadow:none}._4ap3vuon{background-color:var(--ds-surface,#fff)}}
18
18
  @media (min-width:90rem){._1dhy1c6w{grid-area:panel}._9sns1wug{z-index:auto}}
package/dist/cjs/ui/page-layout/panel.js CHANGED
@@ -36,7 +36,7 @@ var fallbackDefaultWidth = 365;
36
36
  var fallbackResizeMinWidth = 400;
37
37
  var styles = {
38
38
  root: "_nd5l1b6c _10fph9n0 _vchhusvi _1pbykb7n _4t3ieqxy _kqsw1if8 _152timx3 _bfhk1bhr _1bsb1dxx _14b54rrg _4ap3vuon _1dhy1c6w _9sns1wug",
39
- border: "_191wglyw _16qs1cd0 _1w6ezgxb _scbpglyw",
39
+ border: "_191wglyw _16qs1cd0 _1w6e7r9e _scbpglyw",
40
40
  scrollContainer: "_1reo1wug _18m91wug _4t3i1osq",
41
41
  hidden: "_1e0cglyw"
42
42
  };
package/dist/cjs/ui/page-layout/side-nav/side-nav.compiled.css CHANGED
@@ -1,8 +1,8 @@
1
1
 
2
2
  ._nd5l1b6c{grid-area:main/aside/aside/aside}
3
3
  ._191wglyw{border-inline-start:none}
4
- ._t51zglyw{border-inline-end:none}
5
- ._t51zzgxb{border-inline-end:1px solid var(--ds-border,#091e4224)}._152timx3{inset-block-start:calc(var(--n_bnrM, 0px) + var(--n_tNvM, 0px))}
4
+ ._t51z7r9e{border-inline-end:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}
5
+ ._t51zglyw{border-inline-end:none}._152timx3{inset-block-start:calc(var(--n_bnrM, 0px) + var(--n_tNvM, 0px))}
6
6
  ._16qs1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}
7
7
  ._1bah1yb4{justify-content:space-between}
8
8
  ._1bsb1ego{width:min(90%,20pc)}
@@ -16,5 +16,5 @@
16
16
  ._kqsw1if8{position:sticky}
17
17
  ._vchhusvi{box-sizing:border-box}
18
18
  @media (min-width:48rem){._14b5hc79{width:var(--n_snvRsz,var(--n_sNvw))}}
19
- @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}._p5clglyw{border-inline-end:none}._p5clzgxb{border-inline-end:1px solid var(--ds-border,#091e4224)}._qiln1gzg{grid-area:main}._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}._4ap3vuon{background-color:var(--ds-surface,#fff)}._scbpglyw{box-shadow:none}}
19
+ @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}._p5cl7r9e{border-inline-end:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}._p5clglyw{border-inline-end:none}._qiln1gzg{grid-area:main}._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}._4ap3vuon{background-color:var(--ds-surface,#fff)}._scbpglyw{box-shadow:none}}
20
20
  @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
@@ -52,8 +52,8 @@ function getResizeBounds() {
52
52
  var openLayerObserverSideNavNamespace = 'side-nav';
53
53
  var styles = {
54
54
  root: "_nd5l1b6c _bfhk1bhr _16qs1cd0 _vchhusvi _4t3ieqxy _152timx3 _kqsw1if8 _1bsb1ego _1pbycs5v _14b5hc79 _qilnk0mc _4ap3vuon _scbpglyw",
55
- oldBorder: "_t51zzgxb",
56
- newBorder: "_191wglyw _t51zglyw _p5clzgxb",
55
+ oldBorder: "_t51z7r9e",
56
+ newBorder: "_191wglyw _t51zglyw _p5cl7r9e",
57
57
  newBorderFlyoutOpen: "_p5clglyw",
58
58
  flyoutOpen: "_qiln1gzg _4ap31bhr _scbp1cd0 _139f8iot _1tpvfnf5 _sylc1a5r _oyeijq3t",
59
59
  flyoutAnimateClosed: "_1e0cglyw _qiln1gzg _139f8iot _1tpvfnf5 _sylc1a5r _1uwsjq3t",
package/dist/cjs/ui/page-layout/top-nav/top-nav.compiled.css CHANGED
@@ -2,8 +2,8 @@
2
2
  ._nd5l8cbt{grid-area:top-bar}
3
3
  ._zulpu2gc{gap:var(--ds-space-100,8px)}
4
4
  ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
5
- ._179rglyw{border-block-end:none}
6
- ._179rzgxb{border-block-end:1px solid var(--ds-border,#091e4224)}._152t1nws{inset-block-start:var(--n_bnrM,0)}
5
+ ._179r7r9e{border-block-end:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}
6
+ ._179rglyw{border-block-end:none}._152t1nws{inset-block-start:var(--n_bnrM,0)}
7
7
  ._1bsb1osq{width:100%}
8
8
  ._1e0c11p5{display:grid}
9
9
  ._1pbyegat{z-index:4}
package/dist/cjs/ui/page-layout/top-nav/top-nav.js CHANGED
@@ -32,7 +32,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
32
32
  * - The background sits below the expanded side nav
33
33
  */
34
34
  var styles = {
35
- root: "_nd5l8cbt _zulpu2gc _18zrutpp _179rzgxb _1e0c11p5 _yv0e1mfv _4cvr1h6o _bfhkvuon _vchhusvi _4t3i1dgc _152t1nws _kqsw1if8 _1pbyegat _d6vu1bgi _1j8b18ax",
35
+ root: "_nd5l8cbt _zulpu2gc _18zrutpp _179r7r9e _1e0c11p5 _yv0e1mfv _4cvr1h6o _bfhkvuon _vchhusvi _4t3i1dgc _152t1nws _kqsw1if8 _1pbyegat _d6vu1bgi _1j8b18ax",
36
36
  fullHeightSidebar: "_179rglyw _bozgze3t _y4tiutpp _bfhkglyw _lcxvglyw _pdlmutpp",
37
37
  fullHeightSidebarExpanded: "_1rqt15p1"
38
38
  };
@@ -43,7 +43,7 @@ var styles = {
43
43
  * This is on a lower z-index than the expanded side nav, and is separate to the top nav items which are above the expanded side nav.
44
44
  */
45
45
  var backgroundStyles = {
46
- root: "_nd5l8cbt _179rzgxb _1bsb1osq _4t3i1osq _bfhkvuon _vchhusvi _152t1nws _kqsw1if8 _lcxvglyw _1pbyegat",
46
+ root: "_nd5l8cbt _179r7r9e _1bsb1osq _4t3i1osq _bfhkvuon _vchhusvi _152t1nws _kqsw1if8 _lcxvglyw _1pbyegat",
47
47
  sideNavExpanded: "_hyzqcs5v"
48
48
  };
49
49
 
package/dist/es2019/ui/menu-section/divider.compiled.css CHANGED
@@ -1,4 +1,4 @@
1
1
 
2
2
  ._h7alglyw{border-inline:none}._179rglyw{border-block-end:none}
3
- ._mqm2zgxb{border-block-start:1px solid var(--ds-border,#091e4224)}
3
+ ._mqm27r9e{border-block-start:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}
4
4
  ._1bsb1osq{width:100%}
package/dist/es2019/ui/menu-section/divider.js CHANGED
@@ -18,5 +18,5 @@ export const Divider = () => /*#__PURE__*/React.createElement("hr", {
18
18
  * but it probably isn't necessary.
19
19
  */
20
20
  role: "none",
21
- className: ax(["_h7alglyw _179rglyw _mqm2zgxb _1bsb1osq"])
21
+ className: ax(["_h7alglyw _179rglyw _mqm27r9e _1bsb1osq"])
22
22
  });
package/dist/es2019/ui/page-layout/panel.compiled.css CHANGED
@@ -14,5 +14,5 @@
14
14
  ._kqsw1if8{position:sticky}
15
15
  ._vchhusvi{box-sizing:border-box}
16
16
  @media (min-width:48rem){._14b54rrg{width:var(--n_pnlRsz,var(--n_pnlW))}}
17
- @media (min-width:64rem){._1w6ezgxb{border-inline-start:1px solid var(--ds-border,#091e4224)}._scbpglyw{box-shadow:none}._4ap3vuon{background-color:var(--ds-surface,#fff)}}
17
+ @media (min-width:64rem){._1w6e7r9e{border-inline-start:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}._scbpglyw{box-shadow:none}._4ap3vuon{background-color:var(--ds-surface,#fff)}}
18
18
  @media (min-width:90rem){._1dhy1c6w{grid-area:panel}._9sns1wug{z-index:auto}}
package/dist/es2019/ui/page-layout/panel.js CHANGED
@@ -25,7 +25,7 @@ const fallbackDefaultWidth = 365;
25
25
  const fallbackResizeMinWidth = 400;
26
26
  const styles = {
27
27
  root: "_nd5l1b6c _10fph9n0 _vchhusvi _1pbykb7n _4t3ieqxy _kqsw1if8 _152timx3 _bfhk1bhr _1bsb1dxx _14b54rrg _4ap3vuon _1dhy1c6w _9sns1wug",
28
- border: "_191wglyw _16qs1cd0 _1w6ezgxb _scbpglyw",
28
+ border: "_191wglyw _16qs1cd0 _1w6e7r9e _scbpglyw",
29
29
  scrollContainer: "_1reo1wug _18m91wug _4t3i1osq",
30
30
  hidden: "_1e0cglyw"
31
31
  };
package/dist/es2019/ui/page-layout/side-nav/side-nav.compiled.css CHANGED
@@ -1,8 +1,8 @@
1
1
 
2
2
  ._nd5l1b6c{grid-area:main/aside/aside/aside}
3
3
  ._191wglyw{border-inline-start:none}
4
- ._t51zglyw{border-inline-end:none}
5
- ._t51zzgxb{border-inline-end:1px solid var(--ds-border,#091e4224)}._152timx3{inset-block-start:calc(var(--n_bnrM, 0px) + var(--n_tNvM, 0px))}
4
+ ._t51z7r9e{border-inline-end:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}
5
+ ._t51zglyw{border-inline-end:none}._152timx3{inset-block-start:calc(var(--n_bnrM, 0px) + var(--n_tNvM, 0px))}
6
6
  ._16qs1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}
7
7
  ._1bah1yb4{justify-content:space-between}
8
8
  ._1bsb1ego{width:min(90%,20pc)}
@@ -16,5 +16,5 @@
16
16
  ._kqsw1if8{position:sticky}
17
17
  ._vchhusvi{box-sizing:border-box}
18
18
  @media (min-width:48rem){._14b5hc79{width:var(--n_snvRsz,var(--n_sNvw))}}
19
- @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}._p5clglyw{border-inline-end:none}._p5clzgxb{border-inline-end:1px solid var(--ds-border,#091e4224)}._qiln1gzg{grid-area:main}._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}._4ap3vuon{background-color:var(--ds-surface,#fff)}._scbpglyw{box-shadow:none}}
19
+ @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}._p5cl7r9e{border-inline-end:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}._p5clglyw{border-inline-end:none}._qiln1gzg{grid-area:main}._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}._4ap3vuon{background-color:var(--ds-surface,#fff)}._scbpglyw{box-shadow:none}}
20
20
  @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
@@ -39,8 +39,8 @@ function getResizeBounds() {
39
39
  const openLayerObserverSideNavNamespace = 'side-nav';
40
40
  const styles = {
41
41
  root: "_nd5l1b6c _bfhk1bhr _16qs1cd0 _vchhusvi _4t3ieqxy _152timx3 _kqsw1if8 _1bsb1ego _1pbycs5v _14b5hc79 _qilnk0mc _4ap3vuon _scbpglyw",
42
- oldBorder: "_t51zzgxb",
43
- newBorder: "_191wglyw _t51zglyw _p5clzgxb",
42
+ oldBorder: "_t51z7r9e",
43
+ newBorder: "_191wglyw _t51zglyw _p5cl7r9e",
44
44
  newBorderFlyoutOpen: "_p5clglyw",
45
45
  flyoutOpen: "_qiln1gzg _4ap31bhr _scbp1cd0 _139f8iot _1tpvfnf5 _sylc1a5r _oyeijq3t",
46
46
  flyoutAnimateClosed: "_1e0cglyw _qiln1gzg _139f8iot _1tpvfnf5 _sylc1a5r _1uwsjq3t",
package/dist/es2019/ui/page-layout/top-nav/top-nav.compiled.css CHANGED
@@ -2,8 +2,8 @@
2
2
  ._nd5l8cbt{grid-area:top-bar}
3
3
  ._zulpu2gc{gap:var(--ds-space-100,8px)}
4
4
  ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
5
- ._179rglyw{border-block-end:none}
6
- ._179rzgxb{border-block-end:1px solid var(--ds-border,#091e4224)}._152t1nws{inset-block-start:var(--n_bnrM,0)}
5
+ ._179r7r9e{border-block-end:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}
6
+ ._179rglyw{border-block-end:none}._152t1nws{inset-block-start:var(--n_bnrM,0)}
7
7
  ._1bsb1osq{width:100%}
8
8
  ._1e0c11p5{display:grid}
9
9
  ._1pbyegat{z-index:4}
package/dist/es2019/ui/page-layout/top-nav/top-nav.js CHANGED
@@ -21,7 +21,7 @@ import { useSideNavVisibility } from '../side-nav/use-side-nav-visibility';
21
21
  * - The background sits below the expanded side nav
22
22
  */
23
23
  const styles = {
24
- root: "_nd5l8cbt _zulpu2gc _18zrutpp _179rzgxb _1e0c11p5 _yv0e1mfv _4cvr1h6o _bfhkvuon _vchhusvi _4t3i1dgc _152t1nws _kqsw1if8 _1pbyegat _d6vu1bgi _1j8b18ax",
24
+ root: "_nd5l8cbt _zulpu2gc _18zrutpp _179r7r9e _1e0c11p5 _yv0e1mfv _4cvr1h6o _bfhkvuon _vchhusvi _4t3i1dgc _152t1nws _kqsw1if8 _1pbyegat _d6vu1bgi _1j8b18ax",
25
25
  fullHeightSidebar: "_179rglyw _bozgze3t _y4tiutpp _bfhkglyw _lcxvglyw _pdlmutpp",
26
26
  fullHeightSidebarExpanded: "_1rqt15p1"
27
27
  };
@@ -32,7 +32,7 @@ const styles = {
32
32
  * This is on a lower z-index than the expanded side nav, and is separate to the top nav items which are above the expanded side nav.
33
33
  */
34
34
  const backgroundStyles = {
35
- root: "_nd5l8cbt _179rzgxb _1bsb1osq _4t3i1osq _bfhkvuon _vchhusvi _152t1nws _kqsw1if8 _lcxvglyw _1pbyegat",
35
+ root: "_nd5l8cbt _179r7r9e _1bsb1osq _4t3i1osq _bfhkvuon _vchhusvi _152t1nws _kqsw1if8 _lcxvglyw _1pbyegat",
36
36
  sideNavExpanded: "_hyzqcs5v"
37
37
  };
38
38
 
package/dist/esm/ui/menu-section/divider.compiled.css CHANGED
@@ -1,4 +1,4 @@
1
1
 
2
2
  ._h7alglyw{border-inline:none}._179rglyw{border-block-end:none}
3
- ._mqm2pp12{border-block-start:var(--_18x9sjc)}
3
+ ._mqm2kzr3{border-block-start:var(--_1hbmzy2)}
4
4
  ._1bsb1osq{width:100%}
package/dist/esm/ui/menu-section/divider.js CHANGED
@@ -19,9 +19,9 @@ export var Divider = function Divider() {
19
19
  * but it probably isn't necessary.
20
20
  */
21
21
  role: "none",
22
- className: ax(["_h7alglyw _179rglyw _mqm2pp12 _1bsb1osq"]),
22
+ className: ax(["_h7alglyw _179rglyw _mqm2kzr3 _1bsb1osq"]),
23
23
  style: {
24
- "--_18x9sjc": ix("1px solid ".concat("var(--ds-border, #091E4224)"))
24
+ "--_1hbmzy2": ix("var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #091E4224)"))
25
25
  }
26
26
  });
27
27
  };
package/dist/esm/ui/page-layout/panel.compiled.css CHANGED
@@ -14,5 +14,5 @@
14
14
  ._kqsw1if8{position:sticky}
15
15
  ._vchhusvi{box-sizing:border-box}
16
16
  @media (min-width:48rem){._14b54rrg{width:var(--n_pnlRsz,var(--n_pnlW))}}
17
- @media (min-width:64rem){._1w6ezgxb{border-inline-start:1px solid var(--ds-border,#091e4224)}._scbpglyw{box-shadow:none}._4ap3vuon{background-color:var(--ds-surface,#fff)}}
17
+ @media (min-width:64rem){._1w6e7r9e{border-inline-start:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}._scbpglyw{box-shadow:none}._4ap3vuon{background-color:var(--ds-surface,#fff)}}
18
18
  @media (min-width:90rem){._1dhy1c6w{grid-area:panel}._9sns1wug{z-index:auto}}
package/dist/esm/ui/page-layout/panel.js CHANGED
@@ -27,7 +27,7 @@ var fallbackDefaultWidth = 365;
27
27
  var fallbackResizeMinWidth = 400;
28
28
  var styles = {
29
29
  root: "_nd5l1b6c _10fph9n0 _vchhusvi _1pbykb7n _4t3ieqxy _kqsw1if8 _152timx3 _bfhk1bhr _1bsb1dxx _14b54rrg _4ap3vuon _1dhy1c6w _9sns1wug",
30
- border: "_191wglyw _16qs1cd0 _1w6ezgxb _scbpglyw",
30
+ border: "_191wglyw _16qs1cd0 _1w6e7r9e _scbpglyw",
31
31
  scrollContainer: "_1reo1wug _18m91wug _4t3i1osq",
32
32
  hidden: "_1e0cglyw"
33
33
  };
package/dist/esm/ui/page-layout/side-nav/side-nav.compiled.css CHANGED
@@ -1,8 +1,8 @@
1
1
 
2
2
  ._nd5l1b6c{grid-area:main/aside/aside/aside}
3
3
  ._191wglyw{border-inline-start:none}
4
- ._t51zglyw{border-inline-end:none}
5
- ._t51zzgxb{border-inline-end:1px solid var(--ds-border,#091e4224)}._152timx3{inset-block-start:calc(var(--n_bnrM, 0px) + var(--n_tNvM, 0px))}
4
+ ._t51z7r9e{border-inline-end:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}
5
+ ._t51zglyw{border-inline-end:none}._152timx3{inset-block-start:calc(var(--n_bnrM, 0px) + var(--n_tNvM, 0px))}
6
6
  ._16qs1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}
7
7
  ._1bah1yb4{justify-content:space-between}
8
8
  ._1bsb1ego{width:min(90%,20pc)}
@@ -16,5 +16,5 @@
16
16
  ._kqsw1if8{position:sticky}
17
17
  ._vchhusvi{box-sizing:border-box}
18
18
  @media (min-width:48rem){._14b5hc79{width:var(--n_snvRsz,var(--n_sNvw))}}
19
- @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}._p5clglyw{border-inline-end:none}._p5clzgxb{border-inline-end:1px solid var(--ds-border,#091e4224)}._qiln1gzg{grid-area:main}._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}._4ap3vuon{background-color:var(--ds-surface,#fff)}._scbpglyw{box-shadow:none}}
19
+ @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}._p5cl7r9e{border-inline-end:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}._p5clglyw{border-inline-end:none}._qiln1gzg{grid-area:main}._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}._4ap3vuon{background-color:var(--ds-surface,#fff)}._scbpglyw{box-shadow:none}}
20
20
  @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
@@ -43,8 +43,8 @@ function getResizeBounds() {
43
43
  var openLayerObserverSideNavNamespace = 'side-nav';
44
44
  var styles = {
45
45
  root: "_nd5l1b6c _bfhk1bhr _16qs1cd0 _vchhusvi _4t3ieqxy _152timx3 _kqsw1if8 _1bsb1ego _1pbycs5v _14b5hc79 _qilnk0mc _4ap3vuon _scbpglyw",
46
- oldBorder: "_t51zzgxb",
47
- newBorder: "_191wglyw _t51zglyw _p5clzgxb",
46
+ oldBorder: "_t51z7r9e",
47
+ newBorder: "_191wglyw _t51zglyw _p5cl7r9e",
48
48
  newBorderFlyoutOpen: "_p5clglyw",
49
49
  flyoutOpen: "_qiln1gzg _4ap31bhr _scbp1cd0 _139f8iot _1tpvfnf5 _sylc1a5r _oyeijq3t",
50
50
  flyoutAnimateClosed: "_1e0cglyw _qiln1gzg _139f8iot _1tpvfnf5 _sylc1a5r _1uwsjq3t",
package/dist/esm/ui/page-layout/top-nav/top-nav.compiled.css CHANGED
@@ -2,8 +2,8 @@
2
2
  ._nd5l8cbt{grid-area:top-bar}
3
3
  ._zulpu2gc{gap:var(--ds-space-100,8px)}
4
4
  ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
5
- ._179rglyw{border-block-end:none}
6
- ._179rzgxb{border-block-end:1px solid var(--ds-border,#091e4224)}._152t1nws{inset-block-start:var(--n_bnrM,0)}
5
+ ._179r7r9e{border-block-end:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}
6
+ ._179rglyw{border-block-end:none}._152t1nws{inset-block-start:var(--n_bnrM,0)}
7
7
  ._1bsb1osq{width:100%}
8
8
  ._1e0c11p5{display:grid}
9
9
  ._1pbyegat{z-index:4}
package/dist/esm/ui/page-layout/top-nav/top-nav.js CHANGED
@@ -23,7 +23,7 @@ import { useSideNavVisibility } from '../side-nav/use-side-nav-visibility';
23
23
  * - The background sits below the expanded side nav
24
24
  */
25
25
  var styles = {
26
- root: "_nd5l8cbt _zulpu2gc _18zrutpp _179rzgxb _1e0c11p5 _yv0e1mfv _4cvr1h6o _bfhkvuon _vchhusvi _4t3i1dgc _152t1nws _kqsw1if8 _1pbyegat _d6vu1bgi _1j8b18ax",
26
+ root: "_nd5l8cbt _zulpu2gc _18zrutpp _179r7r9e _1e0c11p5 _yv0e1mfv _4cvr1h6o _bfhkvuon _vchhusvi _4t3i1dgc _152t1nws _kqsw1if8 _1pbyegat _d6vu1bgi _1j8b18ax",
27
27
  fullHeightSidebar: "_179rglyw _bozgze3t _y4tiutpp _bfhkglyw _lcxvglyw _pdlmutpp",
28
28
  fullHeightSidebarExpanded: "_1rqt15p1"
29
29
  };
@@ -34,7 +34,7 @@ var styles = {
34
34
  * This is on a lower z-index than the expanded side nav, and is separate to the top nav items which are above the expanded side nav.
35
35
  */
36
36
  var backgroundStyles = {
37
- root: "_nd5l8cbt _179rzgxb _1bsb1osq _4t3i1osq _bfhkvuon _vchhusvi _152t1nws _kqsw1if8 _lcxvglyw _1pbyegat",
37
+ root: "_nd5l8cbt _179r7r9e _1bsb1osq _4t3i1osq _bfhkvuon _vchhusvi _152t1nws _kqsw1if8 _lcxvglyw _1pbyegat",
38
38
  sideNavExpanded: "_hyzqcs5v"
39
39
  };
40
40
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/navigation-system",
3
- "version": "2.10.0",
3
+ "version": "2.10.1",
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",
@@ -102,7 +102,7 @@
102
102
  "@atlaskit/banner": "^14.0.0",
103
103
  "@atlaskit/breadcrumbs": "^15.3.0",
104
104
  "@atlaskit/dropdown-menu": "^16.3.0",
105
- "@atlaskit/form": "^12.6.0",
105
+ "@atlaskit/form": "^12.7.0",
106
106
  "@atlaskit/heading": "^5.2.0",
107
107
  "@atlaskit/link": "^3.2.0",
108
108
  "@atlaskit/lozenge": "^13.0.0",