@atlaskit/navigation-system 2.4.0 → 2.5.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 (13) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/ui/page-layout/panel-splitter/panel-splitter.compiled.css +1 -1
  3. package/dist/cjs/ui/page-layout/panel-splitter/panel-splitter.js +1 -1
  4. package/dist/cjs/ui/page-layout/panel.js +1 -1
  5. package/dist/es2019/ui/page-layout/panel-splitter/panel-splitter.compiled.css +1 -1
  6. package/dist/es2019/ui/page-layout/panel-splitter/panel-splitter.js +1 -1
  7. package/dist/es2019/ui/page-layout/panel.js +1 -1
  8. package/dist/esm/ui/page-layout/panel-splitter/panel-splitter.compiled.css +1 -1
  9. package/dist/esm/ui/page-layout/panel-splitter/panel-splitter.js +1 -1
  10. package/dist/esm/ui/page-layout/panel.js +1 -1
  11. package/dist/types/ui/page-layout/panel.d.ts +3 -3
  12. package/dist/types-ts4.5/ui/page-layout/panel.d.ts +3 -3
  13. package/package.json +1 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlassian/navigation-system
2
2
 
3
+ ## 2.5.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`f506e887c7e55`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f506e887c7e55) -
8
+ Cleans up `platform_design_system_nav4_panel_default_border` feature flag. The `Panel` slot will
9
+ have a border by default.
10
+
11
+ ## 2.4.1
12
+
13
+ ### Patch Changes
14
+
15
+ - [`f0662cd7a143e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f0662cd7a143e) -
16
+ Internal changes to how borders are applied.
17
+ - Updated dependencies
18
+
3
19
  ## 2.4.0
4
20
 
5
21
  ### Minor Changes
package/dist/cjs/ui/page-layout/panel-splitter/panel-splitter.compiled.css CHANGED
@@ -1,7 +1,7 @@
1
1
  ._12ji1r31{outline-color:currentColor}
2
2
  ._12y31o36{outline-width:medium}
3
3
  ._152tidpf{inset-block-start:0}
4
- ._1bsbjfq9{width:var(--ds-border-width-indicator,3px)}
4
+ ._1bsb1l7b{width:3px}
5
5
  ._1bsbl52n{width:17px}
6
6
  ._1e021v6z{inset-inline-start:7px}
7
7
  ._1e02zeo2{inset-inline-start:-9px}
package/dist/cjs/ui/page-layout/panel-splitter/panel-splitter.js CHANGED
@@ -45,7 +45,7 @@ var grabAreaStyles = {
45
45
  fullHeightSidebar: "_d0al11mm"
46
46
  };
47
47
  var lineStyles = {
48
- root: "_kqswstnw _1e0c1ule _1bsbjfq9 _4t3i1osq _syaz1kw7 _bfhk1r31 _1e021v6z"
48
+ root: "_kqswstnw _1e0c1ule _1bsb1l7b _4t3i1osq _syaz1kw7 _bfhk1r31 _1e021v6z"
49
49
  };
50
50
  var panelSplitterDragDataSymbol = Symbol('panel-splitter-drag-data');
51
51
  function signPanelSplitterDragData(data) {
package/dist/cjs/ui/page-layout/panel.js CHANGED
@@ -63,7 +63,7 @@ function Panel(_ref) {
63
63
  providedId = _ref.id,
64
64
  xcss = _ref.xcss,
65
65
  _ref$hasBorder = _ref.hasBorder,
66
- hasBorder = _ref$hasBorder === void 0 ? (0, _platformFeatureFlags.fg)('platform_design_system_nav4_panel_default_border') : _ref$hasBorder;
66
+ hasBorder = _ref$hasBorder === void 0 ? true : _ref$hasBorder;
67
67
  var dangerouslyHoistSlotSizes = (0, _react.useContext)(_hoistSlotSizesContext.DangerouslyHoistSlotSizes);
68
68
  var id = (0, _idUtils.useLayoutId)({
69
69
  providedId: providedId
package/dist/es2019/ui/page-layout/panel-splitter/panel-splitter.compiled.css CHANGED
@@ -1,7 +1,7 @@
1
1
  ._12ji1r31{outline-color:currentColor}
2
2
  ._12y31o36{outline-width:medium}
3
3
  ._152tidpf{inset-block-start:0}
4
- ._1bsbjfq9{width:var(--ds-border-width-indicator,3px)}
4
+ ._1bsb1l7b{width:3px}
5
5
  ._1bsbl52n{width:17px}
6
6
  ._1e021v6z{inset-inline-start:7px}
7
7
  ._1e02zeo2{inset-inline-start:-9px}
package/dist/es2019/ui/page-layout/panel-splitter/panel-splitter.js CHANGED
@@ -31,7 +31,7 @@ const grabAreaStyles = {
31
31
  fullHeightSidebar: "_d0al11mm"
32
32
  };
33
33
  const lineStyles = {
34
- root: "_kqswstnw _1e0c1ule _1bsbjfq9 _4t3i1osq _syaz1kw7 _bfhk1r31 _1e021v6z"
34
+ root: "_kqswstnw _1e0c1ule _1bsb1l7b _4t3i1osq _syaz1kw7 _bfhk1r31 _1e021v6z"
35
35
  };
36
36
  const panelSplitterDragDataSymbol = Symbol('panel-splitter-drag-data');
37
37
  function signPanelSplitterDragData(data) {
package/dist/es2019/ui/page-layout/panel.js CHANGED
@@ -48,7 +48,7 @@ export function Panel({
48
48
  testId,
49
49
  id: providedId,
50
50
  xcss,
51
- hasBorder = fg('platform_design_system_nav4_panel_default_border')
51
+ hasBorder = true
52
52
  }) {
53
53
  const dangerouslyHoistSlotSizes = useContext(DangerouslyHoistSlotSizes);
54
54
  const id = useLayoutId({
package/dist/esm/ui/page-layout/panel-splitter/panel-splitter.compiled.css CHANGED
@@ -1,7 +1,7 @@
1
1
  ._12ji1r31{outline-color:currentColor}
2
2
  ._12y31o36{outline-width:medium}
3
3
  ._152tidpf{inset-block-start:0}
4
- ._1bsbjfq9{width:var(--ds-border-width-indicator,3px)}
4
+ ._1bsb1l7b{width:3px}
5
5
  ._1bsbl52n{width:17px}
6
6
  ._1e021v6z{inset-inline-start:7px}
7
7
  ._1e02zeo2{inset-inline-start:-9px}
package/dist/esm/ui/page-layout/panel-splitter/panel-splitter.js CHANGED
@@ -35,7 +35,7 @@ var grabAreaStyles = {
35
35
  fullHeightSidebar: "_d0al11mm"
36
36
  };
37
37
  var lineStyles = {
38
- root: "_kqswstnw _1e0c1ule _1bsbjfq9 _4t3i1osq _syaz1kw7 _bfhk1r31 _1e021v6z"
38
+ root: "_kqswstnw _1e0c1ule _1bsb1l7b _4t3i1osq _syaz1kw7 _bfhk1r31 _1e021v6z"
39
39
  };
40
40
  var panelSplitterDragDataSymbol = Symbol('panel-splitter-drag-data');
41
41
  function signPanelSplitterDragData(data) {
package/dist/esm/ui/page-layout/panel.js CHANGED
@@ -54,7 +54,7 @@ export function Panel(_ref) {
54
54
  providedId = _ref.id,
55
55
  xcss = _ref.xcss,
56
56
  _ref$hasBorder = _ref.hasBorder,
57
- hasBorder = _ref$hasBorder === void 0 ? fg('platform_design_system_nav4_panel_default_border') : _ref$hasBorder;
57
+ hasBorder = _ref$hasBorder === void 0 ? true : _ref$hasBorder;
58
58
  var dangerouslyHoistSlotSizes = useContext(DangerouslyHoistSlotSizes);
59
59
  var id = useLayoutId({
60
60
  providedId: providedId
package/dist/types/ui/page-layout/panel.d.ts CHANGED
@@ -32,9 +32,9 @@ export declare function Panel({ children, defaultWidth: defaultWidthProp, label,
32
32
  /**
33
33
  * Whether or not the slot has its own border. On small screens this becomes a shadow.
34
34
  *
35
- * Defaults to the `platform_design_system_nav4_panel_default_border` gate.
36
- * This will be `false` while we update app usage, eventually becoming `true`.
37
- * Then this prop will be removed.
35
+ * Defaults to true. Will be removed in the future (and disabling the border will not be supported).
36
+ *
37
+ * @deprecated
38
38
  */
39
39
  hasBorder?: boolean;
40
40
  }): JSX.Element;
package/dist/types-ts4.5/ui/page-layout/panel.d.ts CHANGED
@@ -32,9 +32,9 @@ export declare function Panel({ children, defaultWidth: defaultWidthProp, label,
32
32
  /**
33
33
  * Whether or not the slot has its own border. On small screens this becomes a shadow.
34
34
  *
35
- * Defaults to the `platform_design_system_nav4_panel_default_border` gate.
36
- * This will be `false` while we update app usage, eventually becoming `true`.
37
- * Then this prop will be removed.
35
+ * Defaults to true. Will be removed in the future (and disabling the border will not be supported).
36
+ *
37
+ * @deprecated
38
38
  */
39
39
  hasBorder?: boolean;
40
40
  }): JSX.Element;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/navigation-system",
3
- "version": "2.4.0",
3
+ "version": "2.5.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",
@@ -152,9 +152,6 @@
152
152
  "platform_design_system_nav4_sidenav_border": {
153
153
  "type": "boolean"
154
154
  },
155
- "platform_design_system_nav4_panel_default_border": {
156
- "type": "boolean"
157
- },
158
155
  "platform-team25-app-icon-tiles": {
159
156
  "type": "boolean"
160
157
  },