@atlaskit/drawer 7.1.2 → 7.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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/drawer
2
2
 
3
+ ## 7.1.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Bump dependency tiny-invariant to latest"
8
+ - Updated dependencies
9
+
3
10
  ## 7.1.2
4
11
 
5
12
  ### Patch Changes
@@ -52,7 +52,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
52
52
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
53
53
 
54
54
  var packageName = "@atlaskit/drawer";
55
- var packageVersion = "7.1.2";
55
+ var packageVersion = "7.1.3";
56
56
 
57
57
  var OnlyChild = function OnlyChild(_ref) {
58
58
  var children = _ref.children;
@@ -29,10 +29,10 @@ var iconButtonStyles = (0, _core.css)({
29
29
  fontSize: 'inherit',
30
30
  lineHeight: 1,
31
31
  '&:hover': {
32
- backgroundColor: "var(--ds-background-transparentNeutral-hover, ".concat(_colors.N30A, ")")
32
+ backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30A, ")")
33
33
  },
34
34
  '&:active': {
35
- backgroundColor: "var(--ds-background-transparentNeutral-pressed, ".concat(_colors.B50, ")"),
35
+ backgroundColor: "var(--ds-background-neutral-subtle-pressed, ".concat(_colors.B50, ")"),
36
36
  outline: 0
37
37
  }
38
38
  });
@@ -72,7 +72,7 @@ var wrapperStyles = (0, _core.css)({
72
72
  zIndex: _constants.layers.blanket() + 1,
73
73
  top: 0,
74
74
  left: 0,
75
- backgroundColor: "var(--ds-background-overlay, ".concat(_colors.N0, ")"),
75
+ backgroundColor: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
76
76
  overflow: 'hidden'
77
77
  });
78
78
 
@@ -21,7 +21,7 @@ var _excluded = ["cssFn"];
21
21
  var defaultStyle = {
22
22
  alignItems: 'center',
23
23
  boxSizing: 'border-box',
24
- color: "var(--ds-text-mediumEmphasis, ".concat(_colors.N500, ")"),
24
+ color: "var(--ds-text-subtle, ".concat(_colors.N500, ")"),
25
25
  display: 'flex',
26
26
  flexShrink: 0,
27
27
  flexDirection: 'column',
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/drawer",
3
- "version": "7.1.2",
3
+ "version": "7.1.3",
4
4
  "sideEffects": false
5
5
  }
@@ -10,7 +10,7 @@ import FocusLock from './focus-lock';
10
10
  import DrawerPrimitive from './primitives';
11
11
  import { Fade } from './transitions';
12
12
  const packageName = "@atlaskit/drawer";
13
- const packageVersion = "7.1.2";
13
+ const packageVersion = "7.1.3";
14
14
 
15
15
  const OnlyChild = ({
16
16
  children
@@ -19,10 +19,10 @@ const iconButtonStyles = css({
19
19
  fontSize: 'inherit',
20
20
  lineHeight: 1,
21
21
  '&:hover': {
22
- backgroundColor: `var(--ds-background-transparentNeutral-hover, ${N30A})`
22
+ backgroundColor: `var(--ds-background-neutral-subtle-hovered, ${N30A})`
23
23
  },
24
24
  '&:active': {
25
- backgroundColor: `var(--ds-background-transparentNeutral-pressed, ${B50})`,
25
+ backgroundColor: `var(--ds-background-neutral-subtle-pressed, ${B50})`,
26
26
  outline: 0
27
27
  }
28
28
  });
@@ -27,7 +27,7 @@ const wrapperStyles = css({
27
27
  zIndex: layers.blanket() + 1,
28
28
  top: 0,
29
29
  left: 0,
30
- backgroundColor: `var(--ds-background-overlay, ${N0})`,
30
+ backgroundColor: `var(--ds-surface-overlay, ${N0})`,
31
31
  overflow: 'hidden'
32
32
  });
33
33
 
@@ -7,7 +7,7 @@ import { gridSize } from '@atlaskit/theme/constants';
7
7
  const defaultStyle = {
8
8
  alignItems: 'center',
9
9
  boxSizing: 'border-box',
10
- color: `var(--ds-text-mediumEmphasis, ${N500})`,
10
+ color: `var(--ds-text-subtle, ${N500})`,
11
11
  display: 'flex',
12
12
  flexShrink: 0,
13
13
  flexDirection: 'column',
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/drawer",
3
- "version": "7.1.2",
3
+ "version": "7.1.3",
4
4
  "sideEffects": false
5
5
  }
@@ -21,7 +21,7 @@ import FocusLock from './focus-lock';
21
21
  import DrawerPrimitive from './primitives';
22
22
  import { Fade } from './transitions';
23
23
  var packageName = "@atlaskit/drawer";
24
- var packageVersion = "7.1.2";
24
+ var packageVersion = "7.1.3";
25
25
 
26
26
  var OnlyChild = function OnlyChild(_ref) {
27
27
  var children = _ref.children;
@@ -19,10 +19,10 @@ var iconButtonStyles = css({
19
19
  fontSize: 'inherit',
20
20
  lineHeight: 1,
21
21
  '&:hover': {
22
- backgroundColor: "var(--ds-background-transparentNeutral-hover, ".concat(N30A, ")")
22
+ backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(N30A, ")")
23
23
  },
24
24
  '&:active': {
25
- backgroundColor: "var(--ds-background-transparentNeutral-pressed, ".concat(B50, ")"),
25
+ backgroundColor: "var(--ds-background-neutral-subtle-pressed, ".concat(B50, ")"),
26
26
  outline: 0
27
27
  }
28
28
  });
@@ -46,7 +46,7 @@ var wrapperStyles = css({
46
46
  zIndex: layers.blanket() + 1,
47
47
  top: 0,
48
48
  left: 0,
49
- backgroundColor: "var(--ds-background-overlay, ".concat(N0, ")"),
49
+ backgroundColor: "var(--ds-surface-overlay, ".concat(N0, ")"),
50
50
  overflow: 'hidden'
51
51
  });
52
52
 
@@ -9,7 +9,7 @@ import { gridSize } from '@atlaskit/theme/constants';
9
9
  var defaultStyle = {
10
10
  alignItems: 'center',
11
11
  boxSizing: 'border-box',
12
- color: "var(--ds-text-mediumEmphasis, ".concat(N500, ")"),
12
+ color: "var(--ds-text-subtle, ".concat(N500, ")"),
13
13
  display: 'flex',
14
14
  flexShrink: 0,
15
15
  flexDirection: 'column',
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/drawer",
3
- "version": "7.1.2",
3
+ "version": "7.1.3",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/drawer",
3
- "version": "7.1.2",
3
+ "version": "7.1.3",
4
4
  "description": "React component the renders a Drawer from the left of the screen",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -28,13 +28,13 @@
28
28
  "@atlaskit/icon": "^21.10.0",
29
29
  "@atlaskit/portal": "^4.0.0",
30
30
  "@atlaskit/theme": "^12.1.0",
31
- "@atlaskit/tokens": "^0.5.0",
31
+ "@atlaskit/tokens": "^0.6.0",
32
32
  "@babel/runtime": "^7.0.0",
33
33
  "@emotion/core": "^10.0.9",
34
34
  "exenv": "^1.2.2",
35
35
  "react-focus-lock": "^2.5.2",
36
36
  "react-transition-group": "^4.4.1",
37
- "tiny-invariant": "^0.0.3"
37
+ "tiny-invariant": "^1.2.0"
38
38
  },
39
39
  "peerDependencies": {
40
40
  "react": "^16.8.0"