@atlaskit/help-layout 4.3.0 → 4.3.2

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 (19) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/afm-jira/tsconfig.json +2 -3
  3. package/dist/cjs/analytics.js +1 -1
  4. package/dist/cjs/components/Header/BackButton.js +1 -1
  5. package/dist/cjs/components/Header/CloseButton.js +1 -1
  6. package/dist/cjs/components/Header/styled.js +9 -5
  7. package/dist/cjs/components/styled.js +12 -8
  8. package/dist/es2019/analytics.js +1 -1
  9. package/dist/es2019/components/Header/BackButton.js +1 -1
  10. package/dist/es2019/components/Header/CloseButton.js +1 -1
  11. package/dist/es2019/components/Header/styled.js +9 -5
  12. package/dist/es2019/components/styled.js +29 -25
  13. package/dist/esm/analytics.js +1 -1
  14. package/dist/esm/components/Header/BackButton.js +1 -1
  15. package/dist/esm/components/Header/CloseButton.js +1 -1
  16. package/dist/esm/components/Header/styled.js +9 -5
  17. package/dist/esm/components/styled.js +12 -8
  18. package/package.json +79 -79
  19. package/report.api.md +33 -34
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/help-layout
2
2
 
3
+ ## 4.3.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 4.3.1
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 4.3.0
4
16
 
5
17
  ### Minor Changes
package/afm-jira/tsconfig.json CHANGED
@@ -1,12 +1,11 @@
1
1
  {
2
- "extends": "../../../../tsconfig.products.json",
2
+ "extends": "../../../../tsconfig.entry-points.jira.json",
3
3
  "compilerOptions": {
4
4
  "declaration": true,
5
5
  "target": "es5",
6
6
  "outDir": "../../../../../tsDist/@atlaskit__help-layout/app",
7
7
  "composite": true,
8
- "rootDir": "../",
9
- "baseUrl": "../"
8
+ "rootDir": "../"
10
9
  },
11
10
  "include": [
12
11
  "../src/**/*.ts",
package/dist/cjs/analytics.js CHANGED
@@ -14,5 +14,5 @@ var createAndFire = exports.createAndFire = x.createAndFireEvent('atlaskit');
14
14
  var defaultAnalyticsAttributes = exports.defaultAnalyticsAttributes = {
15
15
  componentName: 'helpPanel',
16
16
  packageName: "@atlaskit/help-layout",
17
- packageVersion: "4.3.0"
17
+ packageVersion: "4.3.2"
18
18
  };
package/dist/cjs/components/Header/BackButton.js CHANGED
@@ -75,7 +75,7 @@ var BackButtonWithContext = function BackButtonWithContext(props) {
75
75
  data: {
76
76
  componentName: 'backButton',
77
77
  packageName: "@atlaskit/help-layout",
78
- packageVersion: "4.3.0"
78
+ packageVersion: "4.3.2"
79
79
  }
80
80
  }, /*#__PURE__*/_react.default.createElement(BackButton, props));
81
81
  };
package/dist/cjs/components/Header/CloseButton.js CHANGED
@@ -50,7 +50,7 @@ var CloseButtonWithContext = function CloseButtonWithContext(props) {
50
50
  data: {
51
51
  componentName: 'closeButton',
52
52
  packageName: "@atlaskit/help-layout",
53
- packageVersion: "4.3.0"
53
+ packageVersion: "4.3.2"
54
54
  }
55
55
  }, /*#__PURE__*/_react.default.createElement(CloseButton, props));
56
56
  };
package/dist/cjs/components/Header/styled.js CHANGED
@@ -11,31 +11,35 @@ var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
11
11
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
12
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
13
13
  /** @jsx jsx */
14
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
14
15
 
15
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
16
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
16
17
  var HeaderContainer = exports.HeaderContainer = _styled.default.div({
18
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
17
19
  backgroundColor: "var(--ds-background-neutral, ".concat(colors.N10, ")"),
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
18
21
  borderBottom: "var(--ds-space-025, 2px)".concat(" solid ", "var(--ds-border, ".concat(colors.N30, ")")),
19
22
  justifyContent: 'space-between',
20
23
  position: 'relative'
21
24
  });
22
25
 
23
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
26
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
24
27
  var CloseButtonContainer = exports.CloseButtonContainer = _styled.default.div({
25
28
  position: 'absolute',
26
29
  right: "var(--ds-space-100, 8px)",
27
30
  top: "var(--ds-space-150, 12px)"
28
31
  });
29
32
 
30
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
33
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
31
34
  var BackButtonContainer = exports.BackButtonContainer = _styled.default.div({
32
35
  position: 'absolute',
33
36
  top: "var(--ds-space-150, 12px)",
34
37
  left: "var(--ds-space-100, 8px)"
35
38
  });
36
39
 
37
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
40
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
38
41
  var HeaderTitle = exports.HeaderTitle = _styled.default.h2({
42
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
39
43
  color: "var(--ds-text-subtle, ".concat(colors.N500, ")"),
40
44
  textAlign: 'center',
41
45
  fontSize: '1rem',
@@ -49,7 +53,7 @@ var HeaderTitle = exports.HeaderTitle = _styled.default.h2({
49
53
  verticalAlign: 'middle'
50
54
  });
51
55
 
52
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
56
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
53
57
  var HeaderContent = exports.HeaderContent = _styled.default.div({
54
58
  padding: "0 ".concat("var(--ds-space-200, 16px)", " ", "var(--ds-space-200, 16px)", " ", "var(--ds-space-200, 16px)")
55
59
  });
package/dist/cjs/components/styled.js CHANGED
@@ -11,12 +11,13 @@ var _react = require("@emotion/react");
11
11
  var _styled = _interopRequireDefault(require("@emotion/styled"));
12
12
  var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
13
13
  var _templateObject;
14
- /* eslint-disable @atlaskit/design-system/no-exported-keyframes */
15
14
  /* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression */
16
15
  /** @jsx jsx */
16
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
17
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
17
18
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
18
19
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
19
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
20
21
  var Container = exports.Container = _styled.default.div({
21
22
  position: 'absolute',
22
23
  top: 0,
@@ -28,7 +29,7 @@ var Container = exports.Container = _styled.default.div({
28
29
  backgroundColor: "var(--ds-surface, #FFFFFF)"
29
30
  });
30
31
 
31
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
32
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
32
33
  var Section = exports.Section = _styled.default.div({
33
34
  flexGrow: 1,
34
35
  display: 'flex',
@@ -36,8 +37,9 @@ var Section = exports.Section = _styled.default.div({
36
37
  minHeight: 0
37
38
  });
38
39
 
39
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
40
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
40
41
  var DividerLine = exports.DividerLine = _styled.default.div({
42
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
41
43
  backgroundColor: "var(--ds-border, ".concat(colors.N30A, ")"),
42
44
  height: "var(--ds-space-025, 2px)",
43
45
  width: '100%',
@@ -46,11 +48,13 @@ var DividerLine = exports.DividerLine = _styled.default.div({
46
48
  boxSizing: 'border-box'
47
49
  });
48
50
 
49
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
51
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
50
52
  var HelpFooter = exports.HelpFooter = _styled.default.div({
51
53
  padding: "var(--ds-space-100, 8px)".concat(" 0"),
52
54
  boxSizing: 'border-box',
55
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
53
56
  backgroundColor: "var(--ds-background-neutral, ".concat(colors.N10, ")"),
57
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
54
58
  borderTop: "var(--ds-space-025, 2px)".concat(" solid ", "var(--ds-border, ".concat(colors.N30, ")")),
55
59
  justifyContent: 'space-between'
56
60
  });
@@ -59,7 +63,7 @@ var HelpFooter = exports.HelpFooter = _styled.default.div({
59
63
  * Loading
60
64
  */
61
65
 
62
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
66
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
63
67
  var LoadingContainer = exports.LoadingContainer = _styled.default.div({
64
68
  padding: "var(--ds-space-200, 16px)",
65
69
  height: '100%'
@@ -73,8 +77,8 @@ var shimmer = (0, _react.keyframes)({
73
77
  }
74
78
  });
75
79
 
76
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
77
- var LoadingRectangle = exports.LoadingRectangle = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n height: ", ";\n margin-top: ", ";\n width: ", ";\n border-radius: ", ";\n animation-duration: 1.2s;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: ", ";\n animation-timing-function: linear;\n background-color: ", ";\n background-image: linear-gradient(\n to right,\n ", " 10%,\n ", " 20%,\n ", " 30%\n );\n background-repeat: no-repeat;\n"])), function (props) {
80
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
81
+ var LoadingRectangle = exports.LoadingRectangle = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tposition: relative;\n\theight: ", ";\n\tmargin-top: ", ";\n\twidth: ", ";\n\tborder-radius: ", ";\n\tanimation-duration: 1.2s;\n\tanimation-fill-mode: forwards;\n\tanimation-iteration-count: infinite;\n\tanimation-name: ", ";\n\tanimation-timing-function: linear;\n\tbackground-color: ", ";\n\tbackground-image: linear-gradient(\n\t\tto right,\n\t\t", " 10%,\n\t\t", " 20%,\n\t\t", " 30%\n\t);\n\tbackground-repeat: no-repeat;\n"])), function (props) {
78
82
  return props.contentHeight ? props.contentHeight : "var(--ds-space-200, 1rem)";
79
83
  }, function (props) {
80
84
  return props.marginTop ? props.marginTop : "var(--ds-space-100, 8px)";
package/dist/es2019/analytics.js CHANGED
@@ -5,5 +5,5 @@ export const createAndFire = x.createAndFireEvent('atlaskit');
5
5
  export const defaultAnalyticsAttributes = {
6
6
  componentName: 'helpPanel',
7
7
  packageName: "@atlaskit/help-layout",
8
- packageVersion: "4.3.0"
8
+ packageVersion: "4.3.2"
9
9
  };
package/dist/es2019/components/Header/BackButton.js CHANGED
@@ -71,7 +71,7 @@ const BackButtonWithContext = props => {
71
71
  data: {
72
72
  componentName: 'backButton',
73
73
  packageName: "@atlaskit/help-layout",
74
- packageVersion: "4.3.0"
74
+ packageVersion: "4.3.2"
75
75
  }
76
76
  }, /*#__PURE__*/React.createElement(BackButton, props));
77
77
  };
package/dist/es2019/components/Header/CloseButton.js CHANGED
@@ -47,7 +47,7 @@ const CloseButtonWithContext = props => {
47
47
  data: {
48
48
  componentName: 'closeButton',
49
49
  packageName: "@atlaskit/help-layout",
50
- packageVersion: "4.3.0"
50
+ packageVersion: "4.3.2"
51
51
  }
52
52
  }, /*#__PURE__*/React.createElement(CloseButton, props));
53
53
  };
package/dist/es2019/components/Header/styled.js CHANGED
@@ -1,30 +1,34 @@
1
1
  /** @jsx jsx */
2
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
3
  import styled from '@emotion/styled';
3
4
  import * as colors from '@atlaskit/theme/colors';
4
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
5
6
  export const HeaderContainer = styled.div({
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
6
8
  backgroundColor: `var(--ds-background-neutral, ${colors.N10})`,
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
7
10
  borderBottom: `${"var(--ds-space-025, 2px)"} solid ${`var(--ds-border, ${colors.N30})`}`,
8
11
  justifyContent: 'space-between',
9
12
  position: 'relative'
10
13
  });
11
14
 
12
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
15
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
13
16
  export const CloseButtonContainer = styled.div({
14
17
  position: 'absolute',
15
18
  right: "var(--ds-space-100, 8px)",
16
19
  top: "var(--ds-space-150, 12px)"
17
20
  });
18
21
 
19
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
22
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
20
23
  export const BackButtonContainer = styled.div({
21
24
  position: 'absolute',
22
25
  top: "var(--ds-space-150, 12px)",
23
26
  left: "var(--ds-space-100, 8px)"
24
27
  });
25
28
 
26
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
29
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
27
30
  export const HeaderTitle = styled.h2({
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
28
32
  color: `var(--ds-text-subtle, ${colors.N500})`,
29
33
  textAlign: 'center',
30
34
  fontSize: '1rem',
@@ -38,7 +42,7 @@ export const HeaderTitle = styled.h2({
38
42
  verticalAlign: 'middle'
39
43
  });
40
44
 
41
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
45
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
42
46
  export const HeaderContent = styled.div({
43
47
  padding: `0 ${"var(--ds-space-200, 16px)"} ${"var(--ds-space-200, 16px)"} ${"var(--ds-space-200, 16px)"}`
44
48
  });
package/dist/es2019/components/styled.js CHANGED
@@ -1,11 +1,12 @@
1
- /* eslint-disable @atlaskit/design-system/no-exported-keyframes */
2
1
  /* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression */
3
2
  /** @jsx jsx */
4
3
 
4
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
5
5
  import { keyframes } from '@emotion/react';
6
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
6
7
  import styled from '@emotion/styled';
7
8
  import * as colors from '@atlaskit/theme/colors';
8
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
9
10
  export const Container = styled.div({
10
11
  position: 'absolute',
11
12
  top: 0,
@@ -17,7 +18,7 @@ export const Container = styled.div({
17
18
  backgroundColor: "var(--ds-surface, #FFFFFF)"
18
19
  });
19
20
 
20
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
21
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
21
22
  export const Section = styled.div({
22
23
  flexGrow: 1,
23
24
  display: 'flex',
@@ -25,8 +26,9 @@ export const Section = styled.div({
25
26
  minHeight: 0
26
27
  });
27
28
 
28
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
29
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
29
30
  export const DividerLine = styled.div({
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
30
32
  backgroundColor: `var(--ds-border, ${colors.N30A})`,
31
33
  height: "var(--ds-space-025, 2px)",
32
34
  width: '100%',
@@ -35,11 +37,13 @@ export const DividerLine = styled.div({
35
37
  boxSizing: 'border-box'
36
38
  });
37
39
 
38
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
40
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
39
41
  export const HelpFooter = styled.div({
40
42
  padding: `${"var(--ds-space-100, 8px)"} 0`,
41
43
  boxSizing: 'border-box',
44
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
42
45
  backgroundColor: `var(--ds-background-neutral, ${colors.N10})`,
46
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
43
47
  borderTop: `${"var(--ds-space-025, 2px)"} solid ${`var(--ds-border, ${colors.N30})`}`,
44
48
  justifyContent: 'space-between'
45
49
  });
@@ -48,7 +52,7 @@ export const HelpFooter = styled.div({
48
52
  * Loading
49
53
  */
50
54
 
51
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
55
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
52
56
  export const LoadingContainer = styled.div({
53
57
  padding: "var(--ds-space-200, 16px)",
54
58
  height: '100%'
@@ -62,24 +66,24 @@ const shimmer = keyframes({
62
66
  }
63
67
  });
64
68
 
65
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
69
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
66
70
  export const LoadingRectangle = styled.div`
67
- position: relative;
68
- height: ${props => props.contentHeight ? props.contentHeight : "var(--ds-space-200, 1rem)"};
69
- margin-top: ${props => props.marginTop ? props.marginTop : "var(--ds-space-100, 8px)"};
70
- width: ${props => props.contentWidth ? props.contentWidth : '100%'};
71
- border-radius: ${"var(--ds-space-025, 2px)"};
72
- animation-duration: 1.2s;
73
- animation-fill-mode: forwards;
74
- animation-iteration-count: infinite;
75
- animation-name: ${shimmer};
76
- animation-timing-function: linear;
77
- background-color: ${`var(--ds-background-neutral, ${colors.N30})`};
78
- background-image: linear-gradient(
79
- to right,
80
- ${`var(--ds-background-neutral-subtle, ${colors.N30})`} 10%,
81
- ${`var(--ds-background-neutral, ${colors.N40})`} 20%,
82
- ${`var(--ds-background-neutral-subtle, ${colors.N30})`} 30%
83
- );
84
- background-repeat: no-repeat;
71
+ position: relative;
72
+ height: ${props => props.contentHeight ? props.contentHeight : "var(--ds-space-200, 1rem)"};
73
+ margin-top: ${props => props.marginTop ? props.marginTop : "var(--ds-space-100, 8px)"};
74
+ width: ${props => props.contentWidth ? props.contentWidth : '100%'};
75
+ border-radius: ${"var(--ds-space-025, 2px)"};
76
+ animation-duration: 1.2s;
77
+ animation-fill-mode: forwards;
78
+ animation-iteration-count: infinite;
79
+ animation-name: ${shimmer};
80
+ animation-timing-function: linear;
81
+ background-color: ${`var(--ds-background-neutral, ${colors.N30})`};
82
+ background-image: linear-gradient(
83
+ to right,
84
+ ${`var(--ds-background-neutral-subtle, ${colors.N30})`} 10%,
85
+ ${`var(--ds-background-neutral, ${colors.N40})`} 20%,
86
+ ${`var(--ds-background-neutral-subtle, ${colors.N30})`} 30%
87
+ );
88
+ background-repeat: no-repeat;
85
89
  `;
package/dist/esm/analytics.js CHANGED
@@ -5,5 +5,5 @@ export var createAndFire = x.createAndFireEvent('atlaskit');
5
5
  export var defaultAnalyticsAttributes = {
6
6
  componentName: 'helpPanel',
7
7
  packageName: "@atlaskit/help-layout",
8
- packageVersion: "4.3.0"
8
+ packageVersion: "4.3.2"
9
9
  };
package/dist/esm/components/Header/BackButton.js CHANGED
@@ -68,7 +68,7 @@ var BackButtonWithContext = function BackButtonWithContext(props) {
68
68
  data: {
69
69
  componentName: 'backButton',
70
70
  packageName: "@atlaskit/help-layout",
71
- packageVersion: "4.3.0"
71
+ packageVersion: "4.3.2"
72
72
  }
73
73
  }, /*#__PURE__*/React.createElement(BackButton, props));
74
74
  };
package/dist/esm/components/Header/CloseButton.js CHANGED
@@ -43,7 +43,7 @@ var CloseButtonWithContext = function CloseButtonWithContext(props) {
43
43
  data: {
44
44
  componentName: 'closeButton',
45
45
  packageName: "@atlaskit/help-layout",
46
- packageVersion: "4.3.0"
46
+ packageVersion: "4.3.2"
47
47
  }
48
48
  }, /*#__PURE__*/React.createElement(CloseButton, props));
49
49
  };
package/dist/esm/components/Header/styled.js CHANGED
@@ -1,30 +1,34 @@
1
1
  /** @jsx jsx */
2
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
3
  import styled from '@emotion/styled';
3
4
  import * as colors from '@atlaskit/theme/colors';
4
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
5
6
  export var HeaderContainer = styled.div({
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
6
8
  backgroundColor: "var(--ds-background-neutral, ".concat(colors.N10, ")"),
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
7
10
  borderBottom: "var(--ds-space-025, 2px)".concat(" solid ", "var(--ds-border, ".concat(colors.N30, ")")),
8
11
  justifyContent: 'space-between',
9
12
  position: 'relative'
10
13
  });
11
14
 
12
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
15
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
13
16
  export var CloseButtonContainer = styled.div({
14
17
  position: 'absolute',
15
18
  right: "var(--ds-space-100, 8px)",
16
19
  top: "var(--ds-space-150, 12px)"
17
20
  });
18
21
 
19
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
22
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
20
23
  export var BackButtonContainer = styled.div({
21
24
  position: 'absolute',
22
25
  top: "var(--ds-space-150, 12px)",
23
26
  left: "var(--ds-space-100, 8px)"
24
27
  });
25
28
 
26
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
29
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
27
30
  export var HeaderTitle = styled.h2({
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
28
32
  color: "var(--ds-text-subtle, ".concat(colors.N500, ")"),
29
33
  textAlign: 'center',
30
34
  fontSize: '1rem',
@@ -38,7 +42,7 @@ export var HeaderTitle = styled.h2({
38
42
  verticalAlign: 'middle'
39
43
  });
40
44
 
41
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
45
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
42
46
  export var HeaderContent = styled.div({
43
47
  padding: "0 ".concat("var(--ds-space-200, 16px)", " ", "var(--ds-space-200, 16px)", " ", "var(--ds-space-200, 16px)")
44
48
  });
package/dist/esm/components/styled.js CHANGED
@@ -1,13 +1,14 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
2
  var _templateObject;
3
- /* eslint-disable @atlaskit/design-system/no-exported-keyframes */
4
3
  /* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression */
5
4
  /** @jsx jsx */
6
5
 
6
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
7
7
  import { keyframes } from '@emotion/react';
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
8
9
  import styled from '@emotion/styled';
9
10
  import * as colors from '@atlaskit/theme/colors';
10
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
11
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
11
12
  export var Container = styled.div({
12
13
  position: 'absolute',
13
14
  top: 0,
@@ -19,7 +20,7 @@ export var Container = styled.div({
19
20
  backgroundColor: "var(--ds-surface, #FFFFFF)"
20
21
  });
21
22
 
22
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
23
24
  export var Section = styled.div({
24
25
  flexGrow: 1,
25
26
  display: 'flex',
@@ -27,8 +28,9 @@ export var Section = styled.div({
27
28
  minHeight: 0
28
29
  });
29
30
 
30
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
31
32
  export var DividerLine = styled.div({
33
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
32
34
  backgroundColor: "var(--ds-border, ".concat(colors.N30A, ")"),
33
35
  height: "var(--ds-space-025, 2px)",
34
36
  width: '100%',
@@ -37,11 +39,13 @@ export var DividerLine = styled.div({
37
39
  boxSizing: 'border-box'
38
40
  });
39
41
 
40
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
42
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
41
43
  export var HelpFooter = styled.div({
42
44
  padding: "var(--ds-space-100, 8px)".concat(" 0"),
43
45
  boxSizing: 'border-box',
46
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
44
47
  backgroundColor: "var(--ds-background-neutral, ".concat(colors.N10, ")"),
48
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
45
49
  borderTop: "var(--ds-space-025, 2px)".concat(" solid ", "var(--ds-border, ".concat(colors.N30, ")")),
46
50
  justifyContent: 'space-between'
47
51
  });
@@ -50,7 +54,7 @@ export var HelpFooter = styled.div({
50
54
  * Loading
51
55
  */
52
56
 
53
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
57
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
54
58
  export var LoadingContainer = styled.div({
55
59
  padding: "var(--ds-space-200, 16px)",
56
60
  height: '100%'
@@ -64,8 +68,8 @@ var shimmer = keyframes({
64
68
  }
65
69
  });
66
70
 
67
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
68
- export var LoadingRectangle = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n height: ", ";\n margin-top: ", ";\n width: ", ";\n border-radius: ", ";\n animation-duration: 1.2s;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: ", ";\n animation-timing-function: linear;\n background-color: ", ";\n background-image: linear-gradient(\n to right,\n ", " 10%,\n ", " 20%,\n ", " 30%\n );\n background-repeat: no-repeat;\n"])), function (props) {
71
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
72
+ export var LoadingRectangle = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tposition: relative;\n\theight: ", ";\n\tmargin-top: ", ";\n\twidth: ", ";\n\tborder-radius: ", ";\n\tanimation-duration: 1.2s;\n\tanimation-fill-mode: forwards;\n\tanimation-iteration-count: infinite;\n\tanimation-name: ", ";\n\tanimation-timing-function: linear;\n\tbackground-color: ", ";\n\tbackground-image: linear-gradient(\n\t\tto right,\n\t\t", " 10%,\n\t\t", " 20%,\n\t\t", " 30%\n\t);\n\tbackground-repeat: no-repeat;\n"])), function (props) {
69
73
  return props.contentHeight ? props.contentHeight : "var(--ds-space-200, 1rem)";
70
74
  }, function (props) {
71
75
  return props.marginTop ? props.marginTop : "var(--ds-space-100, 8px)";
package/package.json CHANGED
@@ -1,80 +1,80 @@
1
1
  {
2
- "name": "@atlaskit/help-layout",
3
- "version": "4.3.0",
4
- "description": "Layout for the atlaskit/help component.",
5
- "publishConfig": {
6
- "registry": "https://registry.npmjs.org/"
7
- },
8
- "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
- "author": "Atlassian Pty Ltd",
10
- "license": "Apache-2.0",
11
- "main": "dist/cjs/index.js",
12
- "module": "dist/esm/index.js",
13
- "module:es2019": "dist/es2019/index.js",
14
- "types": "dist/types/index.d.ts",
15
- "typesVersions": {
16
- ">=4.5 <4.9": {
17
- "*": [
18
- "dist/types-ts4.5/*",
19
- "dist/types-ts4.5/index.d.ts"
20
- ]
21
- }
22
- },
23
- "sideEffects": false,
24
- "atlaskit:src": "src/index.ts",
25
- "atlassian": {
26
- "team": "Self-Help Experiences",
27
- "releaseModel": "continuous",
28
- "productPushConsumption": [
29
- "jira"
30
- ],
31
- "website": {
32
- "name": "Help Layout"
33
- }
34
- },
35
- "dependencies": {
36
- "@atlaskit/analytics-next": "^9.3.0",
37
- "@atlaskit/button": "^17.17.0",
38
- "@atlaskit/icon": "^22.3.0",
39
- "@atlaskit/theme": "^12.8.0",
40
- "@atlaskit/tokens": "^1.49.0",
41
- "@atlaskit/tooltip": "^18.4.0",
42
- "@babel/runtime": "^7.0.0",
43
- "@emotion/react": "^11.7.1",
44
- "@emotion/styled": "^11.0.0",
45
- "react-transition-group": "^4.4.1"
46
- },
47
- "peerDependencies": {
48
- "react": "^16.8.0",
49
- "react-dom": "^16.8.0",
50
- "react-intl-next": "npm:react-intl@^5.18.1",
51
- "styled-components": "^3.2.6"
52
- },
53
- "devDependencies": {
54
- "@atlaskit/navigation": "^37.0.0",
55
- "@types/react-transition-group": "^2.0.6",
56
- "algoliasearch": "^3.35.1",
57
- "enzyme": "^3.10.0",
58
- "react-test-renderer": "^16.8.0",
59
- "typescript": "~5.4.2"
60
- },
61
- "keywords": [
62
- "atlaskit",
63
- "react",
64
- "ui",
65
- "help"
66
- ],
67
- "techstack": {
68
- "@repo/internal": {
69
- "design-tokens": [
70
- "color",
71
- "spacing"
72
- ]
73
- }
74
- },
75
- "af:exports": {
76
- ".": "./src/index.ts",
77
- "./analytics": "./src/analytics.ts",
78
- "./messages": "./src/messages.ts"
79
- }
80
- }
2
+ "name": "@atlaskit/help-layout",
3
+ "version": "4.3.2",
4
+ "description": "Layout for the atlaskit/help component.",
5
+ "publishConfig": {
6
+ "registry": "https://registry.npmjs.org/"
7
+ },
8
+ "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
+ "author": "Atlassian Pty Ltd",
10
+ "license": "Apache-2.0",
11
+ "main": "dist/cjs/index.js",
12
+ "module": "dist/esm/index.js",
13
+ "module:es2019": "dist/es2019/index.js",
14
+ "types": "dist/types/index.d.ts",
15
+ "typesVersions": {
16
+ ">=4.5 <4.9": {
17
+ "*": [
18
+ "dist/types-ts4.5/*",
19
+ "dist/types-ts4.5/index.d.ts"
20
+ ]
21
+ }
22
+ },
23
+ "sideEffects": false,
24
+ "atlaskit:src": "src/index.ts",
25
+ "atlassian": {
26
+ "team": "Self-Help Experiences",
27
+ "releaseModel": "continuous",
28
+ "productPushConsumption": [
29
+ "jira"
30
+ ],
31
+ "website": {
32
+ "name": "Help Layout"
33
+ }
34
+ },
35
+ "dependencies": {
36
+ "@atlaskit/analytics-next": "^9.3.0",
37
+ "@atlaskit/button": "^19.0.0",
38
+ "@atlaskit/icon": "^22.6.0",
39
+ "@atlaskit/theme": "^12.11.0",
40
+ "@atlaskit/tokens": "^1.56.0",
41
+ "@atlaskit/tooltip": "^18.5.0",
42
+ "@babel/runtime": "^7.0.0",
43
+ "@emotion/react": "^11.7.1",
44
+ "@emotion/styled": "^11.0.0",
45
+ "react-transition-group": "^4.4.1"
46
+ },
47
+ "peerDependencies": {
48
+ "react": "^16.8.0",
49
+ "react-dom": "^16.8.0",
50
+ "react-intl-next": "npm:react-intl@^5.18.1",
51
+ "styled-components": "^3.2.6"
52
+ },
53
+ "devDependencies": {
54
+ "@atlaskit/navigation": "^37.0.0",
55
+ "@types/react-transition-group": "^2.0.6",
56
+ "algoliasearch": "^3.35.1",
57
+ "enzyme": "^3.10.0",
58
+ "react-test-renderer": "^16.8.0",
59
+ "typescript": "~5.4.2"
60
+ },
61
+ "keywords": [
62
+ "atlaskit",
63
+ "react",
64
+ "ui",
65
+ "help"
66
+ ],
67
+ "techstack": {
68
+ "@repo/internal": {
69
+ "design-tokens": [
70
+ "color",
71
+ "spacing"
72
+ ]
73
+ }
74
+ },
75
+ "af:exports": {
76
+ ".": "./src/index.ts",
77
+ "./analytics": "./src/analytics.ts",
78
+ "./messages": "./src/messages.ts"
79
+ }
80
+ }
package/report.api.md CHANGED
@@ -2,7 +2,8 @@
2
2
 
3
3
  ## API Report File for "@atlaskit/help-layout"
4
4
 
5
- > Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
5
+ > Do not edit this file. This report is auto-generated using
6
+ > [API Extractor](https://api-extractor.com/).
6
7
  > [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
7
8
 
8
9
  ### Table of contents
@@ -24,44 +25,42 @@ import { WithContextProps } from '@atlaskit/analytics-next';
24
25
 
25
26
  // @public (undocumented)
26
27
  const _default: React_2.ForwardRefExoticComponent<
27
- Pick<
28
- Omit<Props, keyof WithAnalyticsEventsProps> &
29
- React_2.RefAttributes<any> &
30
- WithContextProps,
31
- 'analyticsContext' | 'key' | keyof HelpLayout
32
- > &
33
- React_2.RefAttributes<any>
28
+ Pick<
29
+ Omit<Props, keyof WithAnalyticsEventsProps> & React_2.RefAttributes<any> & WithContextProps,
30
+ 'analyticsContext' | 'key' | keyof HelpLayout
31
+ > &
32
+ React_2.RefAttributes<any>
34
33
  >;
35
34
  export default _default;
36
35
 
37
36
  // @public (undocumented)
38
37
  interface HelpLayout extends HelpPanelHeader {
39
- // (undocumented)
40
- children?: React.ReactNode;
41
- // (undocumented)
42
- footer?: React.ReactNode;
43
- // (undocumented)
44
- isLoading?: boolean;
38
+ // (undocumented)
39
+ children?: React.ReactNode;
40
+ // (undocumented)
41
+ footer?: React.ReactNode;
42
+ // (undocumented)
43
+ isLoading?: boolean;
45
44
  }
46
45
 
47
46
  // @public (undocumented)
48
47
  interface HelpPanelHeader {
49
- // (undocumented)
50
- headerContent?: React.ReactNode;
51
- // (undocumented)
52
- headerTitle?: string;
53
- // (undocumented)
54
- isBackbuttonVisible?: boolean;
55
- // (undocumented)
56
- onBackButtonClick?(
57
- event: React.MouseEvent<HTMLElement, MouseEvent>,
58
- analyticsEvent: UIAnalyticsEvent,
59
- ): void;
60
- // (undocumented)
61
- onCloseButtonClick?(
62
- event: React.MouseEvent<HTMLElement, MouseEvent>,
63
- analyticsEvent: UIAnalyticsEvent,
64
- ): void;
48
+ // (undocumented)
49
+ headerContent?: React.ReactNode;
50
+ // (undocumented)
51
+ headerTitle?: string;
52
+ // (undocumented)
53
+ isBackbuttonVisible?: boolean;
54
+ // (undocumented)
55
+ onBackButtonClick?(
56
+ event: React.MouseEvent<HTMLElement, MouseEvent>,
57
+ analyticsEvent: UIAnalyticsEvent,
58
+ ): void;
59
+ // (undocumented)
60
+ onCloseButtonClick?(
61
+ event: React.MouseEvent<HTMLElement, MouseEvent>,
62
+ analyticsEvent: UIAnalyticsEvent,
63
+ ): void;
65
64
  }
66
65
 
67
66
  // @public (undocumented)
@@ -78,10 +77,10 @@ type Props = HelpLayout & WithAnalyticsEventsProps;
78
77
 
79
78
  ```json
80
79
  {
81
- "react": "^16.8.0",
82
- "react-dom": "^16.8.0",
83
- "react-intl-next": "npm:react-intl@^5.18.1",
84
- "styled-components": "^3.2.6"
80
+ "react": "^16.8.0",
81
+ "react-dom": "^16.8.0",
82
+ "react-intl-next": "npm:react-intl@^5.18.1",
83
+ "styled-components": "^3.2.6"
85
84
  }
86
85
  ```
87
86