@atlaskit/page-layout 4.2.34 → 4.2.36

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 +17 -0
  2. package/dist/cjs/components/resize-control/grab-area.js +1 -1
  3. package/dist/cjs/components/resize-control/shadow.js +2 -4
  4. package/dist/cjs/components/skip-links/skip-link-components.js +1 -1
  5. package/dist/es2019/components/resize-control/grab-area.js +1 -1
  6. package/dist/es2019/components/resize-control/shadow.js +2 -9
  7. package/dist/es2019/components/skip-links/skip-link-components.js +1 -1
  8. package/dist/esm/components/resize-control/grab-area.js +1 -1
  9. package/dist/esm/components/resize-control/shadow.js +2 -4
  10. package/dist/esm/components/skip-links/skip-link-components.js +1 -1
  11. package/package.json +12 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/page-layout
2
2
 
3
+ ## 4.2.36
4
+
5
+ ### Patch Changes
6
+
7
+ - [`02483200273ec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/02483200273ec) -
8
+ Enrol all Design System UI packages into the React Compiler with platform gating via
9
+ isReactCompilerActivePlatform.
10
+ - Updated dependencies
11
+
12
+ ## 4.2.35
13
+
14
+ ### Patch Changes
15
+
16
+ - [`e2085d35701ca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e2085d35701ca) -
17
+ Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
18
+ - Updated dependencies
19
+
3
20
  ## 4.2.34
4
21
 
5
22
  ### Patch Changes
package/dist/cjs/components/resize-control/grab-area.js CHANGED
@@ -42,7 +42,7 @@ var grabAreaStyles = (0, _react2.css)({
42
42
  '&:enabled:hover, &:enabled:focus, &:enabled:active': (0, _defineProperty2.default)({}, varLineColor, "var(--ds-border-selected, #1868DB)")
43
43
  });
44
44
  var grabAreaCollapsedStyles = (0, _react2.css)({
45
- height: "calc(100% - ".concat("var(--ds-space-600, 3rem)", " * 2)"),
45
+ height: "calc(100% - ".concat("var(--ds-space-600, 48px)", " * 2)"),
46
46
  padding: 0,
47
47
  position: 'absolute',
48
48
  backgroundColor: 'transparent',
package/dist/cjs/components/resize-control/shadow.js CHANGED
@@ -14,13 +14,11 @@ var _hooks = require("../../common/hooks");
14
14
 
15
15
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
16
16
 
17
- var colorStops = "\n rgba(0, 0, 0, 0.2) 0px,\n rgba(0, 0, 0, 0.2) 1px,\n rgba(0, 0, 0, 0.1) 1px,\n rgba(0, 0, 0, 0) 100%\n ";
18
- var direction = 'to left';
19
17
  var transitionDuration = '0.22s';
20
18
  var shadowStyles = (0, _react.css)({
21
19
  width: 3,
22
20
  position: 'absolute',
23
- background: "var(--ds-border, ".concat("linear-gradient(".concat(direction, ", ").concat(colorStops, ")"), ")"),
21
+ background: "var(--ds-border, #0B120E24)",
24
22
  insetBlockEnd: 0,
25
23
  insetBlockStart: 0,
26
24
  insetInlineStart: -1,
@@ -32,7 +30,7 @@ var shadowStyles = (0, _react.css)({
32
30
  });
33
31
  var draggingStyles = (0, _react.css)({
34
32
  width: 6,
35
- background: "var(--ds-background-neutral-subtle, ".concat("linear-gradient(".concat(direction, ", ").concat(colorStops, ")"), ")"),
33
+ background: "var(--ds-background-neutral-subtle, #00000000)",
36
34
  insetInlineStart: "var(--ds-space-negative-075, -6px)",
37
35
  opacity: 0.8
38
36
  });
package/dist/cjs/components/skip-links/skip-link-components.js CHANGED
@@ -20,7 +20,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
20
20
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
21
21
  var prefersReducedMotionStyles = (0, _react.css)((0, _motion.prefersReducedMotion)());
22
22
  var skipLinkStyles = (0, _react.css)({
23
- margin: "var(--ds-space-250, 10px)",
23
+ margin: "var(--ds-space-250, 20px)",
24
24
  padding: '0.8rem 1rem',
25
25
  position: 'fixed',
26
26
  zIndex: -1,
package/dist/es2019/components/resize-control/grab-area.js CHANGED
@@ -32,7 +32,7 @@ const grabAreaStyles = css({
32
32
  }
33
33
  });
34
34
  const grabAreaCollapsedStyles = css({
35
- height: `calc(100% - ${"var(--ds-space-600, 3rem)"} * 2)`,
35
+ height: `calc(100% - ${"var(--ds-space-600, 48px)"} * 2)`,
36
36
  padding: 0,
37
37
  position: 'absolute',
38
38
  backgroundColor: 'transparent',
package/dist/es2019/components/resize-control/shadow.js CHANGED
@@ -7,18 +7,11 @@
7
7
  import { css, jsx } from '@emotion/react';
8
8
  import { easeOut } from '@atlaskit/motion';
9
9
  import { useIsSidebarDragging } from '../../common/hooks';
10
- const colorStops = `
11
- rgba(0, 0, 0, 0.2) 0px,
12
- rgba(0, 0, 0, 0.2) 1px,
13
- rgba(0, 0, 0, 0.1) 1px,
14
- rgba(0, 0, 0, 0) 100%
15
- `;
16
- const direction = 'to left';
17
10
  const transitionDuration = '0.22s';
18
11
  const shadowStyles = css({
19
12
  width: 3,
20
13
  position: 'absolute',
21
- background: `var(--ds-border, ${`linear-gradient(${direction}, ${colorStops})`})`,
14
+ background: "var(--ds-border, #0B120E24)",
22
15
  insetBlockEnd: 0,
23
16
  insetBlockStart: 0,
24
17
  insetInlineStart: -1,
@@ -30,7 +23,7 @@ const shadowStyles = css({
30
23
  });
31
24
  const draggingStyles = css({
32
25
  width: 6,
33
- background: `var(--ds-background-neutral-subtle, ${`linear-gradient(${direction}, ${colorStops})`})`,
26
+ background: "var(--ds-background-neutral-subtle, #00000000)",
34
27
  insetInlineStart: "var(--ds-space-negative-075, -6px)",
35
28
  opacity: 0.8
36
29
  });
package/dist/es2019/components/skip-links/skip-link-components.js CHANGED
@@ -13,7 +13,7 @@ import { useSkipLinks } from '../../controllers';
13
13
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
14
14
  const prefersReducedMotionStyles = css(prefersReducedMotion());
15
15
  const skipLinkStyles = css({
16
- margin: "var(--ds-space-250, 10px)",
16
+ margin: "var(--ds-space-250, 20px)",
17
17
  padding: '0.8rem 1rem',
18
18
  position: 'fixed',
19
19
  zIndex: -1,
package/dist/esm/components/resize-control/grab-area.js CHANGED
@@ -33,7 +33,7 @@ var grabAreaStyles = css({
33
33
  '&:enabled:hover, &:enabled:focus, &:enabled:active': _defineProperty({}, varLineColor, "var(--ds-border-selected, #1868DB)")
34
34
  });
35
35
  var grabAreaCollapsedStyles = css({
36
- height: "calc(100% - ".concat("var(--ds-space-600, 3rem)", " * 2)"),
36
+ height: "calc(100% - ".concat("var(--ds-space-600, 48px)", " * 2)"),
37
37
  padding: 0,
38
38
  position: 'absolute',
39
39
  backgroundColor: 'transparent',
package/dist/esm/components/resize-control/shadow.js CHANGED
@@ -7,13 +7,11 @@
7
7
  import { css, jsx } from '@emotion/react';
8
8
  import { easeOut } from '@atlaskit/motion';
9
9
  import { useIsSidebarDragging } from '../../common/hooks';
10
- var colorStops = "\n rgba(0, 0, 0, 0.2) 0px,\n rgba(0, 0, 0, 0.2) 1px,\n rgba(0, 0, 0, 0.1) 1px,\n rgba(0, 0, 0, 0) 100%\n ";
11
- var direction = 'to left';
12
10
  var transitionDuration = '0.22s';
13
11
  var shadowStyles = css({
14
12
  width: 3,
15
13
  position: 'absolute',
16
- background: "var(--ds-border, ".concat("linear-gradient(".concat(direction, ", ").concat(colorStops, ")"), ")"),
14
+ background: "var(--ds-border, #0B120E24)",
17
15
  insetBlockEnd: 0,
18
16
  insetBlockStart: 0,
19
17
  insetInlineStart: -1,
@@ -25,7 +23,7 @@ var shadowStyles = css({
25
23
  });
26
24
  var draggingStyles = css({
27
25
  width: 6,
28
- background: "var(--ds-background-neutral-subtle, ".concat("linear-gradient(".concat(direction, ", ").concat(colorStops, ")"), ")"),
26
+ background: "var(--ds-background-neutral-subtle, #00000000)",
29
27
  insetInlineStart: "var(--ds-space-negative-075, -6px)",
30
28
  opacity: 0.8
31
29
  });
package/dist/esm/components/skip-links/skip-link-components.js CHANGED
@@ -17,7 +17,7 @@ import { useSkipLinks } from '../../controllers';
17
17
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
18
18
  var prefersReducedMotionStyles = css(prefersReducedMotion());
19
19
  var skipLinkStyles = css({
20
- margin: "var(--ds-space-250, 10px)",
20
+ margin: "var(--ds-space-250, 20px)",
21
21
  padding: '0.8rem 1rem',
22
22
  position: 'fixed',
23
23
  zIndex: -1,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/page-layout",
3
- "version": "4.2.34",
3
+ "version": "4.2.36",
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/"
@@ -25,6 +25,13 @@
25
25
  ],
26
26
  "atlaskit:src": "src/index.tsx",
27
27
  "atlassian": {
28
+ "react-compiler": {
29
+ "enabled": true,
30
+ "gating": {
31
+ "source": "@atlassian/react-compiler-gating",
32
+ "importSpecifierName": "isReactCompilerActivePlatform"
33
+ }
34
+ },
28
35
  "team": "Design System Team",
29
36
  "website": {
30
37
  "name": "Page layout",
@@ -38,7 +45,7 @@
38
45
  "homepage": "https://atlassian.design/components/page-layout/",
39
46
  "dependencies": {
40
47
  "@atlaskit/ds-lib": "^6.0.0",
41
- "@atlaskit/icon": "^33.1.0",
48
+ "@atlaskit/icon": "^34.0.0",
42
49
  "@atlaskit/link": "^3.3.0",
43
50
  "@atlaskit/motion": "^5.5.0",
44
51
  "@atlaskit/platform-feature-flags": "^1.1.0",
@@ -62,10 +69,11 @@
62
69
  "@atlaskit/docs": "^11.7.0",
63
70
  "@atlaskit/logo": "^19.10.0",
64
71
  "@atlaskit/menu": "^8.4.0",
65
- "@atlaskit/popup": "^4.14.0",
72
+ "@atlaskit/popup": "^4.16.0",
66
73
  "@atlaskit/section-message": "^8.12.0",
67
74
  "@atlaskit/side-navigation": "^11.1.0",
68
- "@atlaskit/tooltip": "^21.0.0",
75
+ "@atlaskit/tooltip": "^21.1.0",
76
+ "@atlassian/react-compiler-gating": "workspace:^",
69
77
  "@atlassian/ssr-tests": "workspace:^",
70
78
  "@testing-library/react": "^16.3.0",
71
79
  "@types/raf-schd": "^4.0.1",