@atlaskit/media-test-helpers 30.1.0 → 30.1.1

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,11 @@
1
1
  # @atlaskit/media-test-helpers
2
2
 
3
+ ## 30.1.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 30.1.0
4
10
 
5
11
  ### Minor Changes
@@ -21,8 +21,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
21
21
 
22
22
  var _react = _interopRequireWildcard(require("react"));
23
23
 
24
- var _tokens = require("@atlaskit/tokens");
25
-
26
24
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
27
25
 
28
26
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -48,9 +46,9 @@ var styles = {
48
46
  margin: '10px'
49
47
  },
50
48
  stateTitle: {
51
- borderBottom: "1px solid ".concat((0, _tokens.token)('color.border', '#ccc')),
49
+ borderBottom: "1px solid ".concat("var(--ds-border, #ccc)"),
52
50
  marginBottom: '7px',
53
- color: (0, _tokens.token)('color.text', '#606369'),
51
+ color: "var(--ds-text, #606369)",
54
52
  width: '100%',
55
53
  textTransform: 'capitalize'
56
54
  }
@@ -71,9 +69,9 @@ var styles = {
71
69
  margin: '10px'
72
70
  },
73
71
  stateTitle: {
74
- borderBottom: "1px solid ".concat((0, _tokens.token)('color.border', '#ccc')),
72
+ borderBottom: "1px solid ".concat("var(--ds-border, #ccc)"),
75
73
  marginBottom: '7px',
76
- color: (0, _tokens.token)('color.text', '#606369'),
74
+ color: "var(--ds-text, #606369)",
77
75
  width: '100%',
78
76
  textTransform: 'capitalize'
79
77
  }
@@ -11,10 +11,8 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
11
11
 
12
12
  var _styled = _interopRequireDefault(require("@emotion/styled"));
13
13
 
14
- var _tokens = require("@atlaskit/tokens");
15
-
16
14
  var _templateObject;
17
15
 
18
- var LocaleSelectorWrapper = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: fixed;\n right: 20px;\n top: 20px;\n width: 200px;\n border: 1px solid ", ";\n padding: 10px;\n border-radius: 3px;\n background-color: ", ";\n\n h2 {\n margin-bottom: 10px;\n }\n"])), (0, _tokens.token)('color.border', '#ccc'), (0, _tokens.token)('elevation.surface', 'white'));
16
+ var LocaleSelectorWrapper = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: fixed;\n right: 20px;\n top: 20px;\n width: 200px;\n border: 1px solid ", ";\n padding: 10px;\n border-radius: 3px;\n background-color: ", ";\n\n h2 {\n margin-bottom: 10px;\n }\n"])), "var(--ds-border, #ccc)", "var(--ds-surface, white)");
19
17
 
20
18
  exports.LocaleSelectorWrapper = LocaleSelectorWrapper;
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@atlaskit/media-test-helpers",
3
- "version": "30.1.0"
3
+ "version": "30.1.1"
4
4
  }
@@ -1,6 +1,5 @@
1
1
  // Simple component which wraps stories and creates a styled list out of it
2
2
  import React from 'react';
3
- import { token } from '@atlaskit/tokens';
4
3
  import { Component } from 'react';
5
4
  const styles = {
6
5
  column: {
@@ -19,9 +18,9 @@ const styles = {
19
18
  margin: '10px'
20
19
  },
21
20
  stateTitle: {
22
- borderBottom: `1px solid ${token('color.border', '#ccc')}`,
21
+ borderBottom: `1px solid ${"var(--ds-border, #ccc)"}`,
23
22
  marginBottom: '7px',
24
- color: token('color.text', '#606369'),
23
+ color: "var(--ds-text, #606369)",
25
24
  width: '100%',
26
25
  textTransform: 'capitalize'
27
26
  }
@@ -42,9 +41,9 @@ const styles = {
42
41
  margin: '10px'
43
42
  },
44
43
  stateTitle: {
45
- borderBottom: `1px solid ${token('color.border', '#ccc')}`,
44
+ borderBottom: `1px solid ${"var(--ds-border, #ccc)"}`,
46
45
  marginBottom: '7px',
47
- color: token('color.text', '#606369'),
46
+ color: "var(--ds-text, #606369)",
48
47
  width: '100%',
49
48
  textTransform: 'capitalize'
50
49
  }
@@ -1,14 +1,13 @@
1
1
  import styled from '@emotion/styled';
2
- import { token } from '@atlaskit/tokens';
3
2
  export const LocaleSelectorWrapper = styled.div`
4
3
  position: fixed;
5
4
  right: 20px;
6
5
  top: 20px;
7
6
  width: 200px;
8
- border: 1px solid ${token('color.border', '#ccc')};
7
+ border: 1px solid ${"var(--ds-border, #ccc)"};
9
8
  padding: 10px;
10
9
  border-radius: 3px;
11
- background-color: ${token('elevation.surface', 'white')};
10
+ background-color: ${"var(--ds-surface, white)"};
12
11
 
13
12
  h2 {
14
13
  margin-bottom: 10px;
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@atlaskit/media-test-helpers",
3
- "version": "30.1.0"
3
+ "version": "30.1.1"
4
4
  }
@@ -10,7 +10,6 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
10
10
 
11
11
  // Simple component which wraps stories and creates a styled list out of it
12
12
  import React from 'react';
13
- import { token } from '@atlaskit/tokens';
14
13
  import { Component } from 'react';
15
14
  var styles = {
16
15
  column: {
@@ -29,9 +28,9 @@ var styles = {
29
28
  margin: '10px'
30
29
  },
31
30
  stateTitle: {
32
- borderBottom: "1px solid ".concat(token('color.border', '#ccc')),
31
+ borderBottom: "1px solid ".concat("var(--ds-border, #ccc)"),
33
32
  marginBottom: '7px',
34
- color: token('color.text', '#606369'),
33
+ color: "var(--ds-text, #606369)",
35
34
  width: '100%',
36
35
  textTransform: 'capitalize'
37
36
  }
@@ -52,9 +51,9 @@ var styles = {
52
51
  margin: '10px'
53
52
  },
54
53
  stateTitle: {
55
- borderBottom: "1px solid ".concat(token('color.border', '#ccc')),
54
+ borderBottom: "1px solid ".concat("var(--ds-border, #ccc)"),
56
55
  marginBottom: '7px',
57
- color: token('color.text', '#606369'),
56
+ color: "var(--ds-text, #606369)",
58
57
  width: '100%',
59
58
  textTransform: 'capitalize'
60
59
  }
@@ -3,5 +3,4 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
3
3
  var _templateObject;
4
4
 
5
5
  import styled from '@emotion/styled';
6
- import { token } from '@atlaskit/tokens';
7
- export var LocaleSelectorWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: fixed;\n right: 20px;\n top: 20px;\n width: 200px;\n border: 1px solid ", ";\n padding: 10px;\n border-radius: 3px;\n background-color: ", ";\n\n h2 {\n margin-bottom: 10px;\n }\n"])), token('color.border', '#ccc'), token('elevation.surface', 'white'));
6
+ export var LocaleSelectorWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: fixed;\n right: 20px;\n top: 20px;\n width: 200px;\n border: 1px solid ", ";\n padding: 10px;\n border-radius: 3px;\n background-color: ", ";\n\n h2 {\n margin-bottom: 10px;\n }\n"])), "var(--ds-border, #ccc)", "var(--ds-surface, white)");
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@atlaskit/media-test-helpers",
3
- "version": "30.1.0"
3
+ "version": "30.1.1"
4
4
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/media-test-helpers",
3
- "version": "30.1.0",
3
+ "version": "30.1.1",
4
4
  "description": "Collection of test helpers used in media component stories and specs",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -23,7 +23,7 @@
23
23
  "@atlaskit/checkbox": "^12.4.0",
24
24
  "@atlaskit/icon": "^21.11.0",
25
25
  "@atlaskit/locale": "^2.1.0",
26
- "@atlaskit/media-client": "^19.1.0",
26
+ "@atlaskit/media-client": "^20.0.0",
27
27
  "@atlaskit/media-common": "^2.18.0",
28
28
  "@atlaskit/media-core": "^34.0.0",
29
29
  "@atlaskit/media-ui": "^22.2.0",
package/report.api.md CHANGED
@@ -8,6 +8,7 @@
8
8
  ### Table of contents
9
9
 
10
10
  - [Main Entry Types](#main-entry-types)
11
+ - [Peer Dependencies](#peer-dependencies)
11
12
 
12
13
  ### Main Entry Types
13
14
 
@@ -1034,3 +1035,15 @@ export const zipJiraArchiveFileId: FileIdentifier;
1034
1035
  ```
1035
1036
 
1036
1037
  <!--SECTION END: Main Entry Types-->
1038
+
1039
+ ### Peer Dependencies
1040
+
1041
+ <!--SECTION START: Peer Dependencies-->
1042
+
1043
+ ```json
1044
+ {
1045
+ "react": "^16.8.0"
1046
+ }
1047
+ ```
1048
+
1049
+ <!--SECTION END: Peer Dependencies-->