@atlaskit/navigation-system 7.2.1 → 7.3.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 (11) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/ui/page-layout/ribbon.js +0 -4
  3. package/dist/cjs/ui/page-layout/root.compiled.css +2 -2
  4. package/dist/cjs/ui/page-layout/root.js +2 -4
  5. package/dist/es2019/ui/page-layout/ribbon.js +0 -4
  6. package/dist/es2019/ui/page-layout/root.compiled.css +2 -2
  7. package/dist/es2019/ui/page-layout/root.js +2 -4
  8. package/dist/esm/ui/page-layout/ribbon.js +0 -4
  9. package/dist/esm/ui/page-layout/root.compiled.css +2 -2
  10. package/dist/esm/ui/page-layout/root.js +2 -4
  11. package/package.json +2 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlassian/navigation-system
2
2
 
3
+ ## 7.3.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`1a76aa4057f18`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1a76aa4057f18) -
8
+ Cleans up the `platform_dst_nav4_ribbon_slot` feature gate. The 'ribbon' CSS grid area is now
9
+ always present on the page layout. There should be no perceivable change unless the Ribbon slot is
10
+ being rendered.
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
3
16
  ## 7.2.1
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/ui/page-layout/ribbon.js CHANGED
@@ -10,7 +10,6 @@ require("./ribbon.compiled.css");
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
  var React = _react;
12
12
  var _runtime = require("@compiled/react/runtime");
13
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
14
13
  var _responsive = require("@atlaskit/primitives/responsive");
15
14
  var _constants = require("./constants");
16
15
  var _hoistSlotSizesContext = require("./hoist-slot-sizes-context");
@@ -30,9 +29,6 @@ function UNSAFE_Ribbon(_ref) {
30
29
  providedId: providedId
31
30
  });
32
31
  var dangerouslyHoistSlotSizes = (0, _react.useContext)(_hoistSlotSizesContext.DangerouslyHoistSlotSizes);
33
- if (!(0, _platformFeatureFlags.fg)('platform_dst_nav4_ribbon_slot')) {
34
- return null;
35
- }
36
32
  return /*#__PURE__*/React.createElement("div", {
37
33
  id: id,
38
34
  "data-layout-slot": true,
package/dist/cjs/ui/page-layout/root.compiled.css CHANGED
@@ -4,5 +4,5 @@
4
4
  ._1tke1kxc{min-height:100vh}
5
5
  ._2z0516ab{grid-template-rows:auto auto 1fr auto}
6
6
  ._yv0ei47z{grid-template-columns:minmax(0,1fr)}
7
- @media (min-width:64rem){._12fk1aio{grid-template-areas:"banner banner banner banner" "ribbon top-bar top-bar top-bar" "ribbon side-nav main aside"}._12qzrxre{grid-template-rows:auto auto 3fr}._1rqteala{grid-template-columns:auto auto minmax(0,1fr) auto}._12fkuz0r{grid-template-areas:"banner banner banner" "top-bar top-bar top-bar" "side-nav main aside"}._1rqt70if{grid-template-columns:auto minmax(0,1fr) auto}}
8
- @media (min-width:90rem){._xkmgbaui{grid-template-areas:"banner banner banner banner" "top-bar top-bar top-bar top-bar" "side-nav main aside panel"}._jbc7rxre{grid-template-rows:auto auto 3fr}._tyve1jg8{grid-template-columns:auto minmax(0,1fr) auto auto}._xkmgks3h{grid-template-areas:"banner banner banner banner banner" "ribbon top-bar top-bar top-bar top-bar" "ribbon side-nav main aside panel"}._tyve1nco{grid-template-columns:auto auto minmax(0,1fr) auto auto}}
7
+ @media (min-width:64rem){._12fk1aio{grid-template-areas:"banner banner banner banner" "ribbon top-bar top-bar top-bar" "ribbon side-nav main aside"}._12qzrxre{grid-template-rows:auto auto 3fr}._1rqteala{grid-template-columns:auto auto minmax(0,1fr) auto}}
8
+ @media (min-width:90rem){._xkmgks3h{grid-template-areas:"banner banner banner banner banner" "ribbon top-bar top-bar top-bar top-bar" "ribbon side-nav main aside panel"}._jbc7rxre{grid-template-rows:auto auto 3fr}._tyve1nco{grid-template-columns:auto auto minmax(0,1fr) auto auto}}
package/dist/cjs/ui/page-layout/root.js CHANGED
@@ -11,7 +11,6 @@ require("./root.compiled.css");
11
11
  var _runtime = require("@compiled/react/runtime");
12
12
  var _react = _interopRequireWildcard(require("react"));
13
13
  var _openLayerObserver = require("@atlaskit/layering/experimental/open-layer-observer");
14
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
15
14
  var _skipLinksProvider = require("../../context/skip-links/skip-links-provider");
16
15
  var _topNavStartContextProvider = require("../../context/top-nav-start/top-nav-start-context-provider");
17
16
  var _hoistSlotSizesContext = require("./hoist-slot-sizes-context");
@@ -23,8 +22,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
23
22
  // ID of the root element that the banner and top bar slots hoist their sizes to. Only internally exported.
24
23
  var gridRootId = exports.gridRootId = 'unsafe-design-system-page-layout-root';
25
24
  var styles = {
26
- root: "_1e0c11p5 _1tke1kxc _1lmcq9em _yv0ei47z _2z0516ab _1ciragmp _12fkuz0r _12qzrxre _1rqt70if _xkmgbaui _jbc7rxre _tyve1jg8",
27
- ribbon: "_12fk1aio _12qzrxre _1rqteala _xkmgks3h _jbc7rxre _tyve1nco"
25
+ root: "_1e0c11p5 _1tke1kxc _1lmcq9em _yv0ei47z _2z0516ab _1ciragmp _12fk1aio _12qzrxre _1rqteala _xkmgks3h _jbc7rxre _tyve1nco"
28
26
  };
29
27
 
30
28
  /**
@@ -67,7 +65,7 @@ function Root(_ref) {
67
65
  testId: testId
68
66
  }, /*#__PURE__*/_react.default.createElement("div", {
69
67
  ref: ref,
70
- className: (0, _runtime.ax)([styles.root, (0, _platformFeatureFlags.fg)('platform_dst_nav4_ribbon_slot') && styles.ribbon, xcss]),
68
+ className: (0, _runtime.ax)([styles.root, xcss]),
71
69
  id: gridRootId,
72
70
  "data-testid": testId
73
71
  }, children)))))))));
package/dist/es2019/ui/page-layout/ribbon.js CHANGED
@@ -3,7 +3,6 @@ import "./ribbon.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { useContext } from 'react';
6
- import { fg } from '@atlaskit/platform-feature-flags';
7
6
  import { media } from '@atlaskit/primitives/responsive';
8
7
  import { localSlotLayers, UNSAFE_ribbonVar } from './constants';
9
8
  import { DangerouslyHoistSlotSizes } from './hoist-slot-sizes-context';
@@ -22,9 +21,6 @@ export function UNSAFE_Ribbon({
22
21
  providedId
23
22
  });
24
23
  const dangerouslyHoistSlotSizes = useContext(DangerouslyHoistSlotSizes);
25
- if (!fg('platform_dst_nav4_ribbon_slot')) {
26
- return null;
27
- }
28
24
  return /*#__PURE__*/React.createElement("div", {
29
25
  id: id,
30
26
  "data-layout-slot": true,
package/dist/es2019/ui/page-layout/root.compiled.css CHANGED
@@ -4,5 +4,5 @@
4
4
  ._1tke1kxc{min-height:100vh}
5
5
  ._2z0516ab{grid-template-rows:auto auto 1fr auto}
6
6
  ._yv0ei47z{grid-template-columns:minmax(0,1fr)}
7
- @media (min-width:64rem){._12fk1aio{grid-template-areas:"banner banner banner banner" "ribbon top-bar top-bar top-bar" "ribbon side-nav main aside"}._12qzrxre{grid-template-rows:auto auto 3fr}._1rqteala{grid-template-columns:auto auto minmax(0,1fr) auto}._12fkuz0r{grid-template-areas:"banner banner banner" "top-bar top-bar top-bar" "side-nav main aside"}._1rqt70if{grid-template-columns:auto minmax(0,1fr) auto}}
8
- @media (min-width:90rem){._xkmgbaui{grid-template-areas:"banner banner banner banner" "top-bar top-bar top-bar top-bar" "side-nav main aside panel"}._jbc7rxre{grid-template-rows:auto auto 3fr}._tyve1jg8{grid-template-columns:auto minmax(0,1fr) auto auto}._xkmgks3h{grid-template-areas:"banner banner banner banner banner" "ribbon top-bar top-bar top-bar top-bar" "ribbon side-nav main aside panel"}._tyve1nco{grid-template-columns:auto auto minmax(0,1fr) auto auto}}
7
+ @media (min-width:64rem){._12fk1aio{grid-template-areas:"banner banner banner banner" "ribbon top-bar top-bar top-bar" "ribbon side-nav main aside"}._12qzrxre{grid-template-rows:auto auto 3fr}._1rqteala{grid-template-columns:auto auto minmax(0,1fr) auto}}
8
+ @media (min-width:90rem){._xkmgks3h{grid-template-areas:"banner banner banner banner banner" "ribbon top-bar top-bar top-bar top-bar" "ribbon side-nav main aside panel"}._jbc7rxre{grid-template-rows:auto auto 3fr}._tyve1nco{grid-template-columns:auto auto minmax(0,1fr) auto auto}}
package/dist/es2019/ui/page-layout/root.js CHANGED
@@ -3,7 +3,6 @@ import "./root.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { useEffect, useRef } from 'react';
5
5
  import { OpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
6
- import { fg } from '@atlaskit/platform-feature-flags';
7
6
  import { SkipLinksProvider } from '../../context/skip-links/skip-links-provider';
8
7
  import { TopNavStartProvider } from '../../context/top-nav-start/top-nav-start-context-provider';
9
8
  import { DangerouslyHoistSlotSizes } from './hoist-slot-sizes-context';
@@ -15,8 +14,7 @@ import { SideNavVisibilityProvider } from './side-nav/visibility-provider';
15
14
  // ID of the root element that the banner and top bar slots hoist their sizes to. Only internally exported.
16
15
  export const gridRootId = 'unsafe-design-system-page-layout-root';
17
16
  const styles = {
18
- root: "_1e0c11p5 _1tke1kxc _1lmcq9em _yv0ei47z _2z0516ab _1ciragmp _12fkuz0r _12qzrxre _1rqt70if _xkmgbaui _jbc7rxre _tyve1jg8",
19
- ribbon: "_12fk1aio _12qzrxre _1rqteala _xkmgks3h _jbc7rxre _tyve1nco"
17
+ root: "_1e0c11p5 _1tke1kxc _1lmcq9em _yv0ei47z _2z0516ab _1ciragmp _12fk1aio _12qzrxre _1rqteala _xkmgks3h _jbc7rxre _tyve1nco"
20
18
  };
21
19
 
22
20
  /**
@@ -66,7 +64,7 @@ This message will not be displayed in production.
66
64
  testId: testId
67
65
  }, /*#__PURE__*/React.createElement("div", {
68
66
  ref: ref,
69
- className: ax([styles.root, fg('platform_dst_nav4_ribbon_slot') && styles.ribbon, xcss]),
67
+ className: ax([styles.root, xcss]),
70
68
  id: gridRootId,
71
69
  "data-testid": testId
72
70
  }, children)))))))));
package/dist/esm/ui/page-layout/ribbon.js CHANGED
@@ -3,7 +3,6 @@ import "./ribbon.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { useContext } from 'react';
6
- import { fg } from '@atlaskit/platform-feature-flags';
7
6
  import { media } from '@atlaskit/primitives/responsive';
8
7
  import { localSlotLayers, UNSAFE_ribbonVar } from './constants';
9
8
  import { DangerouslyHoistSlotSizes } from './hoist-slot-sizes-context';
@@ -22,9 +21,6 @@ export function UNSAFE_Ribbon(_ref) {
22
21
  providedId: providedId
23
22
  });
24
23
  var dangerouslyHoistSlotSizes = useContext(DangerouslyHoistSlotSizes);
25
- if (!fg('platform_dst_nav4_ribbon_slot')) {
26
- return null;
27
- }
28
24
  return /*#__PURE__*/React.createElement("div", {
29
25
  id: id,
30
26
  "data-layout-slot": true,
package/dist/esm/ui/page-layout/root.compiled.css CHANGED
@@ -4,5 +4,5 @@
4
4
  ._1tke1kxc{min-height:100vh}
5
5
  ._2z0516ab{grid-template-rows:auto auto 1fr auto}
6
6
  ._yv0ei47z{grid-template-columns:minmax(0,1fr)}
7
- @media (min-width:64rem){._12fk1aio{grid-template-areas:"banner banner banner banner" "ribbon top-bar top-bar top-bar" "ribbon side-nav main aside"}._12qzrxre{grid-template-rows:auto auto 3fr}._1rqteala{grid-template-columns:auto auto minmax(0,1fr) auto}._12fkuz0r{grid-template-areas:"banner banner banner" "top-bar top-bar top-bar" "side-nav main aside"}._1rqt70if{grid-template-columns:auto minmax(0,1fr) auto}}
8
- @media (min-width:90rem){._xkmgbaui{grid-template-areas:"banner banner banner banner" "top-bar top-bar top-bar top-bar" "side-nav main aside panel"}._jbc7rxre{grid-template-rows:auto auto 3fr}._tyve1jg8{grid-template-columns:auto minmax(0,1fr) auto auto}._xkmgks3h{grid-template-areas:"banner banner banner banner banner" "ribbon top-bar top-bar top-bar top-bar" "ribbon side-nav main aside panel"}._tyve1nco{grid-template-columns:auto auto minmax(0,1fr) auto auto}}
7
+ @media (min-width:64rem){._12fk1aio{grid-template-areas:"banner banner banner banner" "ribbon top-bar top-bar top-bar" "ribbon side-nav main aside"}._12qzrxre{grid-template-rows:auto auto 3fr}._1rqteala{grid-template-columns:auto auto minmax(0,1fr) auto}}
8
+ @media (min-width:90rem){._xkmgks3h{grid-template-areas:"banner banner banner banner banner" "ribbon top-bar top-bar top-bar top-bar" "ribbon side-nav main aside panel"}._jbc7rxre{grid-template-rows:auto auto 3fr}._tyve1nco{grid-template-columns:auto auto minmax(0,1fr) auto auto}}
package/dist/esm/ui/page-layout/root.js CHANGED
@@ -3,7 +3,6 @@ import "./root.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { useEffect, useRef } from 'react';
5
5
  import { OpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
6
- import { fg } from '@atlaskit/platform-feature-flags';
7
6
  import { SkipLinksProvider } from '../../context/skip-links/skip-links-provider';
8
7
  import { TopNavStartProvider } from '../../context/top-nav-start/top-nav-start-context-provider';
9
8
  import { DangerouslyHoistSlotSizes } from './hoist-slot-sizes-context';
@@ -15,8 +14,7 @@ import { SideNavVisibilityProvider } from './side-nav/visibility-provider';
15
14
  // ID of the root element that the banner and top bar slots hoist their sizes to. Only internally exported.
16
15
  export var gridRootId = 'unsafe-design-system-page-layout-root';
17
16
  var styles = {
18
- root: "_1e0c11p5 _1tke1kxc _1lmcq9em _yv0ei47z _2z0516ab _1ciragmp _12fkuz0r _12qzrxre _1rqt70if _xkmgbaui _jbc7rxre _tyve1jg8",
19
- ribbon: "_12fk1aio _12qzrxre _1rqteala _xkmgks3h _jbc7rxre _tyve1nco"
17
+ root: "_1e0c11p5 _1tke1kxc _1lmcq9em _yv0ei47z _2z0516ab _1ciragmp _12fk1aio _12qzrxre _1rqteala _xkmgks3h _jbc7rxre _tyve1nco"
20
18
  };
21
19
 
22
20
  /**
@@ -59,7 +57,7 @@ export function Root(_ref) {
59
57
  testId: testId
60
58
  }, /*#__PURE__*/React.createElement("div", {
61
59
  ref: ref,
62
- className: ax([styles.root, fg('platform_dst_nav4_ribbon_slot') && styles.ribbon, xcss]),
60
+ className: ax([styles.root, xcss]),
63
61
  id: gridRootId,
64
62
  "data-testid": testId
65
63
  }, children)))))))));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/navigation-system",
3
- "version": "7.2.1",
3
+ "version": "7.3.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",
@@ -76,7 +76,7 @@
76
76
  "@atlaskit/button": "^23.11.0",
77
77
  "@atlaskit/css": "^0.19.0",
78
78
  "@atlaskit/ds-lib": "^7.0.0",
79
- "@atlaskit/icon": "^34.0.0",
79
+ "@atlaskit/icon": "^34.1.0",
80
80
  "@atlaskit/layering": "^3.6.0",
81
81
  "@atlaskit/logo": "^20.0.0",
82
82
  "@atlaskit/platform-feature-flags": "^1.1.0",
@@ -153,9 +153,6 @@
153
153
  }
154
154
  },
155
155
  "platform-feature-flags": {
156
- "platform_dst_nav4_ribbon_slot": {
157
- "type": "boolean"
158
- },
159
156
  "platform_dst_nav4_top_nav_increase_height": {
160
157
  "type": "boolean"
161
158
  },