@atlaskit/navigation-system 10.16.0 → 10.16.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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlassian/navigation-system
2
2
 
3
+ ## 10.16.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`547e06541deb3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/547e06541deb3) -
8
+ Added specific print styles to the `Main` component which resets the height to `auto`. This
9
+ ensures when printing a page that the content can extend beyond the viewport height.
10
+
3
11
  ## 10.16.0
4
12
 
5
13
  ### Minor Changes
@@ -3,4 +3,5 @@
3
3
  ._19121cl4{isolation:isolate}
4
4
  ._1reo1wug{overflow-x:auto}
5
5
  ._4t3ieqxy{height:calc(100vh - var(--n_bnrM, 0px) - var(--n_tNvM, 0px))}
6
+ @media print{._8rrs1wug{height:auto}}
6
7
  @media (min-width:64rem){._qwfh1wug{isolation:auto}._13wn1if8{position:sticky}}
@@ -16,7 +16,8 @@ var _constants = require("../constants");
16
16
  var _useLayoutId = require("../use-layout-id");
17
17
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
18
18
  var mainElementStyles = {
19
- root: "_nd5l1gzg _1reo1wug _18m91wug _19121cl4 _152timx3 _4t3ieqxy _qwfh1wug _13wn1if8"
19
+ root: "_nd5l1gzg _1reo1wug _18m91wug _19121cl4 _152timx3 _4t3ieqxy _qwfh1wug _13wn1if8",
20
+ print: "_8rrs1wug"
20
21
  };
21
22
 
22
23
  /**
@@ -36,7 +37,7 @@ function Main(_ref) {
36
37
  return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement("div", {
37
38
  id: id,
38
39
  "data-layout-slot": true,
39
- className: (0, _runtime.ax)([mainElementStyles.root, xcss]),
40
+ className: (0, _runtime.ax)([mainElementStyles.root, (0, _fg.fg)('platform-dst-main-print-styles') && mainElementStyles.print, xcss]),
40
41
  role: "main",
41
42
  "data-testid": testId
42
43
  }, children));
@@ -3,4 +3,5 @@
3
3
  ._19121cl4{isolation:isolate}
4
4
  ._1reo1wug{overflow-x:auto}
5
5
  ._4t3ieqxy{height:calc(100vh - var(--n_bnrM, 0px) - var(--n_tNvM, 0px))}
6
+ @media print{._8rrs1wug{height:auto}}
6
7
  @media (min-width:64rem){._qwfh1wug{isolation:auto}._13wn1if8{position:sticky}}
@@ -8,7 +8,8 @@ import { useSkipLink } from '../../../context/skip-links/use-skip-link';
8
8
  import { contentHeightWhenFixed, contentInsetBlockStart } from '../constants';
9
9
  import { useLayoutId } from '../use-layout-id';
10
10
  const mainElementStyles = {
11
- root: "_nd5l1gzg _1reo1wug _18m91wug _19121cl4 _152timx3 _4t3ieqxy _qwfh1wug _13wn1if8"
11
+ root: "_nd5l1gzg _1reo1wug _18m91wug _19121cl4 _152timx3 _4t3ieqxy _qwfh1wug _13wn1if8",
12
+ print: "_8rrs1wug"
12
13
  };
13
14
 
14
15
  /**
@@ -28,7 +29,7 @@ export function Main({
28
29
  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
29
30
  id: id,
30
31
  "data-layout-slot": true,
31
- className: ax([mainElementStyles.root, xcss]),
32
+ className: ax([mainElementStyles.root, fg('platform-dst-main-print-styles') && mainElementStyles.print, xcss]),
32
33
  role: "main",
33
34
  "data-testid": testId
34
35
  }, children));
@@ -3,4 +3,5 @@
3
3
  ._19121cl4{isolation:isolate}
4
4
  ._1reo1wug{overflow-x:auto}
5
5
  ._4t3ieqxy{height:calc(100vh - var(--n_bnrM, 0px) - var(--n_tNvM, 0px))}
6
+ @media print{._8rrs1wug{height:auto}}
6
7
  @media (min-width:64rem){._qwfh1wug{isolation:auto}._13wn1if8{position:sticky}}
@@ -8,7 +8,8 @@ import { useSkipLink } from '../../../context/skip-links/use-skip-link';
8
8
  import { contentHeightWhenFixed, contentInsetBlockStart } from '../constants';
9
9
  import { useLayoutId } from '../use-layout-id';
10
10
  var mainElementStyles = {
11
- root: "_nd5l1gzg _1reo1wug _18m91wug _19121cl4 _152timx3 _4t3ieqxy _qwfh1wug _13wn1if8"
11
+ root: "_nd5l1gzg _1reo1wug _18m91wug _19121cl4 _152timx3 _4t3ieqxy _qwfh1wug _13wn1if8",
12
+ print: "_8rrs1wug"
12
13
  };
13
14
 
14
15
  /**
@@ -28,7 +29,7 @@ export function Main(_ref) {
28
29
  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
29
30
  id: id,
30
31
  "data-layout-slot": true,
31
- className: ax([mainElementStyles.root, xcss]),
32
+ className: ax([mainElementStyles.root, fg('platform-dst-main-print-styles') && mainElementStyles.print, xcss]),
32
33
  role: "main",
33
34
  "data-testid": testId
34
35
  }, children));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/navigation-system",
3
- "version": "10.16.0",
3
+ "version": "10.16.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",
@@ -62,7 +62,7 @@
62
62
  "@atlaskit/icon": "^37.5.0",
63
63
  "@atlaskit/layering": "^5.1.0",
64
64
  "@atlaskit/logo": "^21.5.0",
65
- "@atlaskit/motion": "^8.3.0",
65
+ "@atlaskit/motion": "^8.4.0",
66
66
  "@atlaskit/platform-feature-flags": "^2.1.0",
67
67
  "@atlaskit/platform-feature-flags-react": "^1.1.0",
68
68
  "@atlaskit/popup": "^6.2.0",
@@ -123,6 +123,9 @@
123
123
  "react-dom": "^18.2.0"
124
124
  },
125
125
  "platform-feature-flags": {
126
+ "platform-dst-main-print-styles": {
127
+ "type": "boolean"
128
+ },
126
129
  "platform-dst-top-layer": {
127
130
  "type": "boolean",
128
131
  "referenceOnly": true