@atlaskit/drawer 7.0.1 → 7.1.0

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 (17) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/components/index.js +1 -1
  3. package/dist/cjs/components/primitives/icon-button.js +2 -2
  4. package/dist/cjs/components/primitives/index.js +1 -1
  5. package/dist/cjs/components/primitives/sidebar.js +1 -1
  6. package/dist/cjs/version.json +1 -1
  7. package/dist/es2019/components/index.js +1 -1
  8. package/dist/es2019/components/primitives/icon-button.js +2 -2
  9. package/dist/es2019/components/primitives/index.js +1 -1
  10. package/dist/es2019/components/primitives/sidebar.js +1 -1
  11. package/dist/es2019/version.json +1 -1
  12. package/dist/esm/components/index.js +1 -1
  13. package/dist/esm/components/primitives/icon-button.js +2 -2
  14. package/dist/esm/components/primitives/index.js +1 -1
  15. package/dist/esm/components/primitives/sidebar.js +1 -1
  16. package/dist/esm/version.json +1 -1
  17. package/package.json +3 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/drawer
2
2
 
3
+ ## 7.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`d19fa028010`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d19fa028010) - Instrumented `@atlaskit/drawer` with the new theming package, `@atlaskit/tokens`.
8
+
9
+ New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha). These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
10
+
3
11
  ## 7.0.1
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/components/index.js CHANGED
@@ -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.0.1";
55
+ var packageVersion = "7.1.0";
56
56
 
57
57
  var OnlyChild = function OnlyChild(_ref) {
58
58
  var children = _ref.children;
package/dist/cjs/components/primitives/icon-button.js CHANGED
@@ -29,10 +29,10 @@ var iconButtonStyles = (0, _core.css)({
29
29
  fontSize: 'inherit',
30
30
  lineHeight: 1,
31
31
  '&:hover': {
32
- backgroundColor: _colors.N30A
32
+ backgroundColor: "var(--ds-background-transparentNeutral-hover, ".concat(_colors.N30A, ")")
33
33
  },
34
34
  '&:active': {
35
- backgroundColor: _colors.B50,
35
+ backgroundColor: "var(--ds-background-transparentNeutral-pressed, ".concat(_colors.B50, ")"),
36
36
  outline: 0
37
37
  }
38
38
  });
package/dist/cjs/components/primitives/index.js CHANGED
@@ -67,7 +67,7 @@ var wrapperStyles = (0, _core.css)({
67
67
  zIndex: _constants.layers.blanket() + 1,
68
68
  top: 0,
69
69
  left: 0,
70
- backgroundColor: _colors.N0,
70
+ backgroundColor: "var(--ds-background-overlay, ".concat(_colors.N0, ")"),
71
71
  overflow: 'hidden'
72
72
  });
73
73
 
package/dist/cjs/components/primitives/sidebar.js CHANGED
@@ -21,7 +21,7 @@ var _constants = require("@atlaskit/theme/constants");
21
21
  var defaultStyle = {
22
22
  alignItems: 'center',
23
23
  boxSizing: 'border-box',
24
- color: _colors.N500,
24
+ color: "var(--ds-text-mediumEmphasis, ".concat(_colors.N500, ")"),
25
25
  display: 'flex',
26
26
  flexShrink: 0,
27
27
  flexDirection: 'column',
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/drawer",
3
- "version": "7.0.1",
3
+ "version": "7.1.0",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/components/index.js CHANGED
@@ -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.0.1";
13
+ const packageVersion = "7.1.0";
14
14
 
15
15
  const OnlyChild = ({
16
16
  children
package/dist/es2019/components/primitives/icon-button.js CHANGED
@@ -19,10 +19,10 @@ const iconButtonStyles = css({
19
19
  fontSize: 'inherit',
20
20
  lineHeight: 1,
21
21
  '&:hover': {
22
- backgroundColor: N30A
22
+ backgroundColor: `var(--ds-background-transparentNeutral-hover, ${N30A})`
23
23
  },
24
24
  '&:active': {
25
- backgroundColor: B50,
25
+ backgroundColor: `var(--ds-background-transparentNeutral-pressed, ${B50})`,
26
26
  outline: 0
27
27
  }
28
28
  });
package/dist/es2019/components/primitives/index.js CHANGED
@@ -27,7 +27,7 @@ const wrapperStyles = css({
27
27
  zIndex: layers.blanket() + 1,
28
28
  top: 0,
29
29
  left: 0,
30
- backgroundColor: N0,
30
+ backgroundColor: `var(--ds-background-overlay, ${N0})`,
31
31
  overflow: 'hidden'
32
32
  });
33
33
 
package/dist/es2019/components/primitives/sidebar.js CHANGED
@@ -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: N500,
10
+ color: `var(--ds-text-mediumEmphasis, ${N500})`,
11
11
  display: 'flex',
12
12
  flexShrink: 0,
13
13
  flexDirection: 'column',
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/drawer",
3
- "version": "7.0.1",
3
+ "version": "7.1.0",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/components/index.js CHANGED
@@ -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.0.1";
24
+ var packageVersion = "7.1.0";
25
25
 
26
26
  var OnlyChild = function OnlyChild(_ref) {
27
27
  var children = _ref.children;
package/dist/esm/components/primitives/icon-button.js CHANGED
@@ -19,10 +19,10 @@ var iconButtonStyles = css({
19
19
  fontSize: 'inherit',
20
20
  lineHeight: 1,
21
21
  '&:hover': {
22
- backgroundColor: N30A
22
+ backgroundColor: "var(--ds-background-transparentNeutral-hover, ".concat(N30A, ")")
23
23
  },
24
24
  '&:active': {
25
- backgroundColor: B50,
25
+ backgroundColor: "var(--ds-background-transparentNeutral-pressed, ".concat(B50, ")"),
26
26
  outline: 0
27
27
  }
28
28
  });
package/dist/esm/components/primitives/index.js CHANGED
@@ -42,7 +42,7 @@ var wrapperStyles = css({
42
42
  zIndex: layers.blanket() + 1,
43
43
  top: 0,
44
44
  left: 0,
45
- backgroundColor: N0,
45
+ backgroundColor: "var(--ds-background-overlay, ".concat(N0, ")"),
46
46
  overflow: 'hidden'
47
47
  });
48
48
 
package/dist/esm/components/primitives/sidebar.js CHANGED
@@ -8,7 +8,7 @@ import { gridSize } from '@atlaskit/theme/constants';
8
8
  var defaultStyle = {
9
9
  alignItems: 'center',
10
10
  boxSizing: 'border-box',
11
- color: N500,
11
+ color: "var(--ds-text-mediumEmphasis, ".concat(N500, ")"),
12
12
  display: 'flex',
13
13
  flexShrink: 0,
14
14
  flexDirection: 'column',
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/drawer",
3
- "version": "7.0.1",
3
+ "version": "7.1.0",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/drawer",
3
- "version": "7.0.1",
3
+ "version": "7.1.0",
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/"
@@ -29,6 +29,7 @@
29
29
  "@atlaskit/icon": "^21.9.0",
30
30
  "@atlaskit/portal": "^4.0.0",
31
31
  "@atlaskit/theme": "^12.0.0",
32
+ "@atlaskit/tokens": "^0.4.0",
32
33
  "@babel/runtime": "^7.0.0",
33
34
  "@emotion/core": "^10.0.9",
34
35
  "exenv": "^1.2.2",
@@ -63,6 +64,7 @@
63
64
  },
64
65
  "@repo/internal": {
65
66
  "analytics": "analytics-next",
67
+ "theming": "tokens",
66
68
  "styling": [
67
69
  "static",
68
70
  "emotion"