@atlaskit/page-layout 3.1.1 → 3.1.3

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 (8) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/__perf__/utils/product-integration/notifications-popup.tsx +2 -2
  3. package/dist/cjs/components/skip-links/skip-link-components.js +1 -3
  4. package/dist/es2019/components/skip-links/skip-link-components.js +1 -3
  5. package/dist/esm/components/skip-links/skip-link-components.js +1 -3
  6. package/dist/types/common/constants.d.ts +7 -7
  7. package/dist/types-ts4.5/common/constants.d.ts +7 -7
  8. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/page-layout
2
2
 
3
+ ## 3.1.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#83297](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83297) [`6b1707c169e0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6b1707c169e0) - The internal composition of this component has changed. There is no expected change in behaviour.
8
+
9
+ ## 3.1.2
10
+
11
+ ### Patch Changes
12
+
13
+ - [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
14
+
3
15
  ## 3.1.1
4
16
 
5
17
  ### Patch Changes
package/__perf__/utils/product-integration/notifications-popup.tsx CHANGED
@@ -14,9 +14,9 @@ const wrapperStyles = css({
14
14
  width: 540,
15
15
  height: 'calc(100vh - 200px)',
16
16
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
17
- paddingTop: 18,
17
+ paddingBlockStart: 18,
18
18
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
19
- paddingLeft: 18,
19
+ paddingInlineStart: 18,
20
20
  });
21
21
 
22
22
  const NotificationsContent = () => (
package/dist/cjs/components/skip-links/skip-link-components.js CHANGED
@@ -17,13 +17,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
17
17
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
18
18
  var prefersReducedMotionStyles = (0, _react.css)((0, _motion.prefersReducedMotion)());
19
19
  var skipLinkStyles = (0, _react.css)({
20
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
20
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
21
21
  margin: 10,
22
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
23
22
  padding: '0.8rem 1rem',
24
23
  position: 'fixed',
25
24
  zIndex: -1,
26
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
27
25
  left: -999999,
28
26
  background: "var(--ds-surface-overlay, white)",
29
27
  border: 'none',
package/dist/es2019/components/skip-links/skip-link-components.js CHANGED
@@ -9,13 +9,11 @@ import { useSkipLinks } from '../../controllers';
9
9
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
10
10
  const prefersReducedMotionStyles = css(prefersReducedMotion());
11
11
  const skipLinkStyles = css({
12
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
12
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
13
13
  margin: 10,
14
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
15
14
  padding: '0.8rem 1rem',
16
15
  position: 'fixed',
17
16
  zIndex: -1,
18
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
19
17
  left: -999999,
20
18
  background: "var(--ds-surface-overlay, white)",
21
19
  border: 'none',
package/dist/esm/components/skip-links/skip-link-components.js CHANGED
@@ -13,13 +13,11 @@ import { useSkipLinks } from '../../controllers';
13
13
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
14
14
  var prefersReducedMotionStyles = css(prefersReducedMotion());
15
15
  var skipLinkStyles = css({
16
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
16
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
17
17
  margin: 10,
18
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
19
18
  padding: '0.8rem 1rem',
20
19
  position: 'fixed',
21
20
  zIndex: -1,
22
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
23
21
  left: -999999,
24
22
  background: "var(--ds-surface-overlay, white)",
25
23
  border: 'none',
package/dist/types/common/constants.d.ts CHANGED
@@ -40,10 +40,10 @@ export declare const RESIZE_CONTROL_SELECTOR = "data-resize-control";
40
40
  export declare const PAGE_LAYOUT_SLOT_SELECTOR = "data-ds--page-layout--slot";
41
41
  export declare const DEFAULT_I18N_PROPS_SKIP_LINKS = "Skip to:";
42
42
  export declare const PAGE_LAYOUT_CONTAINER_SELECTOR = "data-layout-container";
43
- export declare const LEFT_PANEL_WIDTH: string;
44
- export declare const RIGHT_PANEL_WIDTH: string;
45
- export declare const LEFT_SIDEBAR_WIDTH: string;
46
- export declare const RIGHT_SIDEBAR_WIDTH: string;
47
- export declare const TOP_NAVIGATION_HEIGHT: string;
48
- export declare const BANNER_HEIGHT: string;
49
- export declare const LEFT_SIDEBAR_FLYOUT_WIDTH: string;
43
+ export declare const LEFT_PANEL_WIDTH = "var(--leftPanelWidth, 0px)";
44
+ export declare const RIGHT_PANEL_WIDTH = "var(--rightPanelWidth, 0px)";
45
+ export declare const LEFT_SIDEBAR_WIDTH = "var(--leftSidebarWidth, 0px)";
46
+ export declare const RIGHT_SIDEBAR_WIDTH = "var(--rightSidebarWidth, 0px)";
47
+ export declare const TOP_NAVIGATION_HEIGHT = "var(--topNavigationHeight, 0px)";
48
+ export declare const BANNER_HEIGHT = "var(--bannerHeight, 0px)";
49
+ export declare const LEFT_SIDEBAR_FLYOUT_WIDTH = "var(--leftSidebarFlyoutWidth, 240px)";
package/dist/types-ts4.5/common/constants.d.ts CHANGED
@@ -40,10 +40,10 @@ export declare const RESIZE_CONTROL_SELECTOR = "data-resize-control";
40
40
  export declare const PAGE_LAYOUT_SLOT_SELECTOR = "data-ds--page-layout--slot";
41
41
  export declare const DEFAULT_I18N_PROPS_SKIP_LINKS = "Skip to:";
42
42
  export declare const PAGE_LAYOUT_CONTAINER_SELECTOR = "data-layout-container";
43
- export declare const LEFT_PANEL_WIDTH: string;
44
- export declare const RIGHT_PANEL_WIDTH: string;
45
- export declare const LEFT_SIDEBAR_WIDTH: string;
46
- export declare const RIGHT_SIDEBAR_WIDTH: string;
47
- export declare const TOP_NAVIGATION_HEIGHT: string;
48
- export declare const BANNER_HEIGHT: string;
49
- export declare const LEFT_SIDEBAR_FLYOUT_WIDTH: string;
43
+ export declare const LEFT_PANEL_WIDTH = "var(--leftPanelWidth, 0px)";
44
+ export declare const RIGHT_PANEL_WIDTH = "var(--rightPanelWidth, 0px)";
45
+ export declare const LEFT_SIDEBAR_WIDTH = "var(--leftSidebarWidth, 0px)";
46
+ export declare const RIGHT_SIDEBAR_WIDTH = "var(--rightSidebarWidth, 0px)";
47
+ export declare const TOP_NAVIGATION_HEIGHT = "var(--topNavigationHeight, 0px)";
48
+ export declare const BANNER_HEIGHT = "var(--bannerHeight, 0px)";
49
+ export declare const LEFT_SIDEBAR_FLYOUT_WIDTH = "var(--leftSidebarFlyoutWidth, 240px)";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/page-layout",
3
- "version": "3.1.1",
3
+ "version": "3.1.3",
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/"
@@ -42,9 +42,9 @@
42
42
  "@atlaskit/icon": "^22.1.0",
43
43
  "@atlaskit/motion": "^1.5.0",
44
44
  "@atlaskit/platform-feature-flags": "^0.2.0",
45
- "@atlaskit/primitives": "^5.0.0",
45
+ "@atlaskit/primitives": "^5.1.0",
46
46
  "@atlaskit/theme": "^12.6.0",
47
- "@atlaskit/tokens": "^1.41.0",
47
+ "@atlaskit/tokens": "^1.42.0",
48
48
  "@babel/runtime": "^7.0.0",
49
49
  "@emotion/react": "^11.7.1",
50
50
  "bind-event-listener": "^2.1.1",
@@ -77,7 +77,7 @@
77
77
  "jest-emotion": "^10.0.32",
78
78
  "raf-stub": "^2.0.1",
79
79
  "storybook-addon-performance": "^0.16.0",
80
- "typescript": "~4.9.5"
80
+ "typescript": "~5.4.2"
81
81
  },
82
82
  "keywords": [
83
83
  "atlaskit",
@@ -120,4 +120,4 @@
120
120
  "type": "boolean"
121
121
  }
122
122
  }
123
- }
123
+ }