@atlaskit/page-layout 4.2.11 → 4.2.13

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/page-layout
2
2
 
3
+ ## 4.2.13
4
+
5
+ ### Patch Changes
6
+
7
+ - [`f0662cd7a143e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f0662cd7a143e) -
8
+ Internal changes to how borders are applied.
9
+ - Updated dependencies
10
+
11
+ ## 4.2.12
12
+
13
+ ### Patch Changes
14
+
15
+ - [`255837cfba315`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/255837cfba315) -
16
+ Internal changes to how border radius is applied.
17
+ - Updated dependencies
18
+
3
19
  ## 4.2.11
4
20
 
5
21
  ### Patch Changes
@@ -50,7 +50,7 @@ var grabAreaCollapsedStyles = (0, _react.css)({
50
50
  });
51
51
  var lineStyles = (0, _react.css)({
52
52
  display: 'block',
53
- width: "var(--ds-border-width-outline, 2px)",
53
+ width: '2px',
54
54
  height: '100%',
55
55
  backgroundColor: 'var(--ds-line)',
56
56
  transition: 'background-color 200ms'
@@ -40,7 +40,7 @@ var resizeIconButtonStyles = (0, _react.css)({
40
40
  position: 'absolute',
41
41
  backgroundColor: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
42
42
  border: 0,
43
- borderRadius: "var(--ds-border-radius-circle, 50%)",
43
+ borderRadius: "var(--ds-radius-full, 50%)",
44
44
  boxShadow: "0 0 0 1px ".concat(_colors.N30A, ", 0 2px 4px 1px ").concat(_colors.N30A),
45
45
  color: "var(--ds-text-subtle, ".concat(_colors.N200, ")"),
46
46
  cursor: 'pointer',
@@ -27,7 +27,7 @@ var skipLinkStyles = (0, _react.css)({
27
27
  zIndex: -1,
28
28
  background: "var(--ds-surface-overlay, white)",
29
29
  border: 'none',
30
- borderRadius: "var(--ds-border-radius, 3px)",
30
+ borderRadius: "var(--ds-radius-small, 3px)",
31
31
  boxShadow: "var(--ds-shadow-overlay, ".concat("0 0 0 1px ".concat(_colors.N30A, ", 0 2px 10px ").concat(_colors.N30A, ", 0 0 20px -4px ").concat(_colors.N60A), ")"),
32
32
  insetInlineStart: -999999,
33
33
  opacity: 0,
@@ -43,7 +43,7 @@ const grabAreaCollapsedStyles = css({
43
43
  });
44
44
  const lineStyles = css({
45
45
  display: 'block',
46
- width: "var(--ds-border-width-outline, 2px)",
46
+ width: '2px',
47
47
  height: '100%',
48
48
  backgroundColor: 'var(--ds-line)',
49
49
  transition: 'background-color 200ms'
@@ -34,7 +34,7 @@ const resizeIconButtonStyles = css({
34
34
  position: 'absolute',
35
35
  backgroundColor: `var(--ds-surface-overlay, ${N0})`,
36
36
  border: 0,
37
- borderRadius: "var(--ds-border-radius-circle, 50%)",
37
+ borderRadius: "var(--ds-radius-full, 50%)",
38
38
  boxShadow: `0 0 0 1px ${N30A}, 0 2px 4px 1px ${N30A}`,
39
39
  color: `var(--ds-text-subtle, ${N200})`,
40
40
  cursor: 'pointer',
@@ -20,7 +20,7 @@ const skipLinkStyles = css({
20
20
  zIndex: -1,
21
21
  background: "var(--ds-surface-overlay, white)",
22
22
  border: 'none',
23
- borderRadius: "var(--ds-border-radius, 3px)",
23
+ borderRadius: "var(--ds-radius-small, 3px)",
24
24
  boxShadow: `var(--ds-shadow-overlay, ${`0 0 0 1px ${N30A}, 0 2px 10px ${N30A}, 0 0 20px -4px ${N60A}`})`,
25
25
  insetInlineStart: -999999,
26
26
  opacity: 0,
@@ -44,7 +44,7 @@ var grabAreaCollapsedStyles = css({
44
44
  });
45
45
  var lineStyles = css({
46
46
  display: 'block',
47
- width: "var(--ds-border-width-outline, 2px)",
47
+ width: '2px',
48
48
  height: '100%',
49
49
  backgroundColor: 'var(--ds-line)',
50
50
  transition: 'background-color 200ms'
@@ -34,7 +34,7 @@ var resizeIconButtonStyles = css({
34
34
  position: 'absolute',
35
35
  backgroundColor: "var(--ds-surface-overlay, ".concat(N0, ")"),
36
36
  border: 0,
37
- borderRadius: "var(--ds-border-radius-circle, 50%)",
37
+ borderRadius: "var(--ds-radius-full, 50%)",
38
38
  boxShadow: "0 0 0 1px ".concat(N30A, ", 0 2px 4px 1px ").concat(N30A),
39
39
  color: "var(--ds-text-subtle, ".concat(N200, ")"),
40
40
  cursor: 'pointer',
@@ -24,7 +24,7 @@ var skipLinkStyles = css({
24
24
  zIndex: -1,
25
25
  background: "var(--ds-surface-overlay, white)",
26
26
  border: 'none',
27
- borderRadius: "var(--ds-border-radius, 3px)",
27
+ borderRadius: "var(--ds-radius-small, 3px)",
28
28
  boxShadow: "var(--ds-shadow-overlay, ".concat("0 0 0 1px ".concat(N30A, ", 0 2px 10px ").concat(N30A, ", 0 0 20px -4px ").concat(N60A), ")"),
29
29
  insetInlineStart: -999999,
30
30
  opacity: 0,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/page-layout",
3
- "version": "4.2.11",
3
+ "version": "4.2.13",
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/"
@@ -24,9 +24,6 @@
24
24
  "**/*.compiled.css"
25
25
  ],
26
26
  "atlaskit:src": "src/index.tsx",
27
- "af:exports": {
28
- ".": "./src/index.tsx"
29
- },
30
27
  "atlassian": {
31
28
  "team": "Design System Team",
32
29
  "website": {
@@ -45,9 +42,9 @@
45
42
  "@atlaskit/link": "^3.2.0",
46
43
  "@atlaskit/motion": "^5.3.0",
47
44
  "@atlaskit/platform-feature-flags": "^1.1.0",
48
- "@atlaskit/primitives": "^14.12.0",
49
- "@atlaskit/theme": "^20.0.0",
50
- "@atlaskit/tokens": "^6.1.0",
45
+ "@atlaskit/primitives": "^14.14.0",
46
+ "@atlaskit/theme": "^21.0.0",
47
+ "@atlaskit/tokens": "^6.3.0",
51
48
  "@babel/runtime": "^7.0.0",
52
49
  "@emotion/react": "^11.7.1",
53
50
  "bind-event-listener": "^3.0.0",
@@ -64,9 +61,9 @@
64
61
  "@atlaskit/button": "^23.4.0",
65
62
  "@atlaskit/docs": "^11.0.0",
66
63
  "@atlaskit/logo": "^19.7.0",
67
- "@atlaskit/menu": "^8.3.0",
64
+ "@atlaskit/menu": "^8.4.0",
68
65
  "@atlaskit/popup": "^4.3.0",
69
- "@atlaskit/section-message": "^8.6.0",
66
+ "@atlaskit/section-message": "^8.7.0",
70
67
  "@atlaskit/side-navigation": "^11.0.0",
71
68
  "@atlaskit/tooltip": "^20.4.0",
72
69
  "@atlassian/ssr-tests": "^0.3.0",