@atlaskit/page-layout 4.2.28 → 4.2.30

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 (12) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/components/resize-control/grab-area.js +1 -2
  3. package/dist/cjs/components/resize-control/resize-button.js +1 -2
  4. package/dist/es2019/components/resize-control/grab-area.js +1 -2
  5. package/dist/es2019/components/resize-control/resize-button.js +1 -2
  6. package/dist/esm/components/resize-control/grab-area.js +1 -2
  7. package/dist/esm/components/resize-control/resize-button.js +1 -2
  8. package/dist/types/common/constants.d.ts +7 -7
  9. package/dist/types/components/resize-control/grab-area.d.ts +1 -1
  10. package/dist/types-ts4.5/common/constants.d.ts +7 -7
  11. package/dist/types-ts4.5/components/resize-control/grab-area.d.ts +1 -1
  12. package/package.json +3 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/page-layout
2
2
 
3
+ ## 4.2.30
4
+
5
+ ### Patch Changes
6
+
7
+ - [`3ab7f43a5b43d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3ab7f43a5b43d) -
8
+ Abandon flag to clean up spread props because of usability regressions.
9
+
10
+ ## 4.2.29
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
3
16
  ## 4.2.28
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/components/resize-control/grab-area.js CHANGED
@@ -11,7 +11,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
11
11
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
12
12
  var React = _interopRequireWildcard(require("react"));
13
13
  var _react2 = require("@emotion/react");
14
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
15
14
  var _colors = require("@atlaskit/theme/colors");
16
15
  var _constants = require("../../common/constants");
17
16
  var _excluded = ["testId", "valueTextLabel", "isDisabled", "isLeftSidebarCollapsed", "label", "leftSidebarPercentageExpanded", "onKeyDown", "onMouseDown", "onBlur", "onFocus"];
@@ -98,7 +97,7 @@ var GrabArea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
98
97
  onMouseDown: onMouseDown,
99
98
  onFocus: onFocus,
100
99
  onBlur: onBlur
101
- }, (0, _platformFeatureFlags.fg)('platform_dst_spread-props-page-layout') ? {} : rest), (0, _react2.jsx)("span", (0, _extends2.default)({
100
+ }, rest), (0, _react2.jsx)("span", (0, _extends2.default)({
102
101
  css: lineStyles
103
102
  }, grabAreaLineSelector)));
104
103
  });
package/dist/cjs/components/resize-control/resize-button.js CHANGED
@@ -12,7 +12,6 @@ var _react = require("@emotion/react");
12
12
  var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
13
13
  var _curves = require("@atlaskit/motion/curves");
14
14
  var _durations = require("@atlaskit/motion/durations");
15
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
16
15
  var _responsive = require("@atlaskit/primitives/responsive");
17
16
  var _colors = require("@atlaskit/theme/colors");
18
17
  var _constants = require("../../common/constants");
@@ -98,7 +97,7 @@ var ResizeButton = function ResizeButton(_ref) {
98
97
  ,
99
98
  onMouseDown: preventDefault,
100
99
  onClick: onClick
101
- }, (0, _platformFeatureFlags.fg)('platform_dst_spread-props-page-layout') ? {} : restProps), (0, _react.jsx)(_chevronRight.default, {
100
+ }, restProps), (0, _react.jsx)(_chevronRight.default, {
102
101
  label: "",
103
102
  color: "currentColor",
104
103
  size: "small"
package/dist/es2019/components/resize-control/grab-area.js CHANGED
@@ -6,7 +6,6 @@ import _extends from "@babel/runtime/helpers/extends";
6
6
  import * as React from 'react';
7
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
8
8
  import { css, jsx } from '@emotion/react';
9
- import { fg } from '@atlaskit/platform-feature-flags';
10
9
  import { B200 } from '@atlaskit/theme/colors';
11
10
  import { GRAB_AREA_LINE_SELECTOR, GRAB_AREA_SELECTOR } from '../../common/constants';
12
11
  /**
@@ -92,7 +91,7 @@ const GrabArea = /*#__PURE__*/React.forwardRef(({
92
91
  onMouseDown: onMouseDown,
93
92
  onFocus: onFocus,
94
93
  onBlur: onBlur
95
- }, fg('platform_dst_spread-props-page-layout') ? {} : rest), jsx("span", _extends({
94
+ }, rest), jsx("span", _extends({
96
95
  css: lineStyles
97
96
  }, grabAreaLineSelector)));
98
97
  });
package/dist/es2019/components/resize-control/resize-button.js CHANGED
@@ -11,7 +11,6 @@ import { css, jsx } from '@emotion/react';
11
11
  import ChevronRight from '@atlaskit/icon/core/chevron-right';
12
12
  import { easeOut } from '@atlaskit/motion/curves';
13
13
  import { durations } from '@atlaskit/motion/durations';
14
- import { fg } from '@atlaskit/platform-feature-flags';
15
14
  import { UNSAFE_media } from '@atlaskit/primitives/responsive';
16
15
  import { B100, B200, N0, N200, N30A } from '@atlaskit/theme/colors';
17
16
  import { RESIZE_BUTTON_SELECTOR } from '../../common/constants';
@@ -97,7 +96,7 @@ const ResizeButton = ({
97
96
  ,
98
97
  onMouseDown: preventDefault,
99
98
  onClick: onClick
100
- }, fg('platform_dst_spread-props-page-layout') ? {} : restProps), jsx(ChevronRight, {
99
+ }, restProps), jsx(ChevronRight, {
101
100
  label: "",
102
101
  color: "currentColor",
103
102
  size: "small"
package/dist/esm/components/resize-control/grab-area.js CHANGED
@@ -9,7 +9,6 @@ var _excluded = ["testId", "valueTextLabel", "isDisabled", "isLeftSidebarCollaps
9
9
  import * as React from 'react';
10
10
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
11
11
  import { css, jsx } from '@emotion/react';
12
- import { fg } from '@atlaskit/platform-feature-flags';
13
12
  import { B200 } from '@atlaskit/theme/colors';
14
13
  import { GRAB_AREA_LINE_SELECTOR, GRAB_AREA_SELECTOR } from '../../common/constants';
15
14
  /**
@@ -89,7 +88,7 @@ var GrabArea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
89
88
  onMouseDown: onMouseDown,
90
89
  onFocus: onFocus,
91
90
  onBlur: onBlur
92
- }, fg('platform_dst_spread-props-page-layout') ? {} : rest), jsx("span", _extends({
91
+ }, rest), jsx("span", _extends({
93
92
  css: lineStyles
94
93
  }, grabAreaLineSelector)));
95
94
  });
package/dist/esm/components/resize-control/resize-button.js CHANGED
@@ -15,7 +15,6 @@ import { css, jsx } from '@emotion/react';
15
15
  import ChevronRight from '@atlaskit/icon/core/chevron-right';
16
16
  import { easeOut } from '@atlaskit/motion/curves';
17
17
  import { durations } from '@atlaskit/motion/durations';
18
- import { fg } from '@atlaskit/platform-feature-flags';
19
18
  import { UNSAFE_media } from '@atlaskit/primitives/responsive';
20
19
  import { B100, B200, N0, N200, N30A } from '@atlaskit/theme/colors';
21
20
  import { RESIZE_BUTTON_SELECTOR } from '../../common/constants';
@@ -92,7 +91,7 @@ var ResizeButton = function ResizeButton(_ref) {
92
91
  ,
93
92
  onMouseDown: preventDefault,
94
93
  onClick: onClick
95
- }, fg('platform_dst_spread-props-page-layout') ? {} : restProps), jsx(ChevronRight, {
94
+ }, restProps), jsx(ChevronRight, {
96
95
  label: "",
97
96
  color: "currentColor",
98
97
  size: "small"
package/dist/types/common/constants.d.ts CHANGED
@@ -33,10 +33,10 @@ export declare const RESIZE_CONTROL_SELECTOR = "data-resize-control";
33
33
  export declare const PAGE_LAYOUT_SLOT_SELECTOR = "data-ds--page-layout--slot";
34
34
  export declare const DEFAULT_I18N_PROPS_SKIP_LINKS = "Skip to:";
35
35
  export declare const PAGE_LAYOUT_CONTAINER_SELECTOR = "data-layout-container";
36
- export declare const LEFT_PANEL_WIDTH: "var(--leftPanelWidth, 0px)";
37
- export declare const RIGHT_PANEL_WIDTH: "var(--rightPanelWidth, 0px)";
38
- export declare const LEFT_SIDEBAR_WIDTH: "var(--leftSidebarWidth, 0px)";
39
- export declare const RIGHT_SIDEBAR_WIDTH: "var(--rightSidebarWidth, 0px)";
40
- export declare const TOP_NAVIGATION_HEIGHT: "var(--topNavigationHeight, 0px)";
41
- export declare const BANNER_HEIGHT: "var(--bannerHeight, 0px)";
42
- export declare const LEFT_SIDEBAR_FLYOUT_WIDTH: "var(--leftSidebarFlyoutWidth, 240px)";
36
+ export declare const LEFT_PANEL_WIDTH: 'var(--leftPanelWidth, 0px)';
37
+ export declare const RIGHT_PANEL_WIDTH: 'var(--rightPanelWidth, 0px)';
38
+ export declare const LEFT_SIDEBAR_WIDTH: 'var(--leftSidebarWidth, 0px)';
39
+ export declare const RIGHT_SIDEBAR_WIDTH: 'var(--rightSidebarWidth, 0px)';
40
+ export declare const TOP_NAVIGATION_HEIGHT: 'var(--topNavigationHeight, 0px)';
41
+ export declare const BANNER_HEIGHT: 'var(--bannerHeight, 0px)';
42
+ export declare const LEFT_SIDEBAR_FLYOUT_WIDTH: 'var(--leftSidebarFlyoutWidth, 240px)';
package/dist/types/components/resize-control/grab-area.d.ts CHANGED
@@ -16,5 +16,5 @@ declare const GrabArea: React.ForwardRefExoticComponent<{
16
16
  onMouseDown: (event: MouseEvent<HTMLButtonElement>) => void;
17
17
  testId?: string;
18
18
  valueTextLabel?: string;
19
- } & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & Partial<LeftSidebarProps> & React.RefAttributes<HTMLButtonElement>>;
19
+ } & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 'ref'> & Partial<LeftSidebarProps> & React.RefAttributes<HTMLButtonElement>>;
20
20
  export default GrabArea;
package/dist/types-ts4.5/common/constants.d.ts CHANGED
@@ -33,10 +33,10 @@ export declare const RESIZE_CONTROL_SELECTOR = "data-resize-control";
33
33
  export declare const PAGE_LAYOUT_SLOT_SELECTOR = "data-ds--page-layout--slot";
34
34
  export declare const DEFAULT_I18N_PROPS_SKIP_LINKS = "Skip to:";
35
35
  export declare const PAGE_LAYOUT_CONTAINER_SELECTOR = "data-layout-container";
36
- export declare const LEFT_PANEL_WIDTH: "var(--leftPanelWidth, 0px)";
37
- export declare const RIGHT_PANEL_WIDTH: "var(--rightPanelWidth, 0px)";
38
- export declare const LEFT_SIDEBAR_WIDTH: "var(--leftSidebarWidth, 0px)";
39
- export declare const RIGHT_SIDEBAR_WIDTH: "var(--rightSidebarWidth, 0px)";
40
- export declare const TOP_NAVIGATION_HEIGHT: "var(--topNavigationHeight, 0px)";
41
- export declare const BANNER_HEIGHT: "var(--bannerHeight, 0px)";
42
- export declare const LEFT_SIDEBAR_FLYOUT_WIDTH: "var(--leftSidebarFlyoutWidth, 240px)";
36
+ export declare const LEFT_PANEL_WIDTH: 'var(--leftPanelWidth, 0px)';
37
+ export declare const RIGHT_PANEL_WIDTH: 'var(--rightPanelWidth, 0px)';
38
+ export declare const LEFT_SIDEBAR_WIDTH: 'var(--leftSidebarWidth, 0px)';
39
+ export declare const RIGHT_SIDEBAR_WIDTH: 'var(--rightSidebarWidth, 0px)';
40
+ export declare const TOP_NAVIGATION_HEIGHT: 'var(--topNavigationHeight, 0px)';
41
+ export declare const BANNER_HEIGHT: 'var(--bannerHeight, 0px)';
42
+ export declare const LEFT_SIDEBAR_FLYOUT_WIDTH: 'var(--leftSidebarFlyoutWidth, 240px)';
package/dist/types-ts4.5/components/resize-control/grab-area.d.ts CHANGED
@@ -16,5 +16,5 @@ declare const GrabArea: React.ForwardRefExoticComponent<{
16
16
  onMouseDown: (event: MouseEvent<HTMLButtonElement>) => void;
17
17
  testId?: string;
18
18
  valueTextLabel?: string;
19
- } & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & Partial<LeftSidebarProps> & React.RefAttributes<HTMLButtonElement>>;
19
+ } & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 'ref'> & Partial<LeftSidebarProps> & React.RefAttributes<HTMLButtonElement>>;
20
20
  export default GrabArea;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/page-layout",
3
- "version": "4.2.28",
3
+ "version": "4.2.30",
4
4
  "description": "A collection of components which let you compose an application's page layout.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -38,7 +38,7 @@
38
38
  "homepage": "https://atlassian.design/components/page-layout/",
39
39
  "dependencies": {
40
40
  "@atlaskit/ds-lib": "^5.3.0",
41
- "@atlaskit/icon": "^31.0.0",
41
+ "@atlaskit/icon": "^32.0.0",
42
42
  "@atlaskit/link": "^3.3.0",
43
43
  "@atlaskit/motion": "^5.3.0",
44
44
  "@atlaskit/platform-feature-flags": "^1.1.0",
@@ -59,7 +59,7 @@
59
59
  "@af/integration-testing": "workspace:^",
60
60
  "@atlaskit/atlassian-navigation": "^5.6.0",
61
61
  "@atlaskit/button": "^23.9.0",
62
- "@atlaskit/docs": "^11.3.0",
62
+ "@atlaskit/docs": "^11.4.0",
63
63
  "@atlaskit/logo": "^19.10.0",
64
64
  "@atlaskit/menu": "^8.4.0",
65
65
  "@atlaskit/popup": "^4.13.0",
@@ -75,9 +75,6 @@
75
75
  "platform_dst_popup-disable-focuslock": {
76
76
  "type": "boolean",
77
77
  "referenceOnly": "true"
78
- },
79
- "platform_dst_spread-props-page-layout": {
80
- "type": "boolean"
81
78
  }
82
79
  },
83
80
  "keywords": [