@atlaskit/help-layout 4.3.0 → 4.3.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.
Files changed (19) hide show
  1. package/CHANGELOG.md +6 -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 -7
  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 -24
  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 -7
  18. package/package.json +79 -79
  19. package/report.api.md +33 -34
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/help-layout
2
2
 
3
+ ## 4.3.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 4.3.0
4
10
 
5
11
  ### 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.1"
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.1"
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.1"
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
@@ -14,9 +14,11 @@ var _templateObject;
14
14
  /* eslint-disable @atlaskit/design-system/no-exported-keyframes */
15
15
  /* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression */
16
16
  /** @jsx jsx */
17
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
18
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
17
19
  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
20
  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
21
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
20
22
  var Container = exports.Container = _styled.default.div({
21
23
  position: 'absolute',
22
24
  top: 0,
@@ -28,7 +30,7 @@ var Container = exports.Container = _styled.default.div({
28
30
  backgroundColor: "var(--ds-surface, #FFFFFF)"
29
31
  });
30
32
 
31
- // 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
32
34
  var Section = exports.Section = _styled.default.div({
33
35
  flexGrow: 1,
34
36
  display: 'flex',
@@ -36,8 +38,9 @@ var Section = exports.Section = _styled.default.div({
36
38
  minHeight: 0
37
39
  });
38
40
 
39
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
41
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
40
42
  var DividerLine = exports.DividerLine = _styled.default.div({
43
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
41
44
  backgroundColor: "var(--ds-border, ".concat(colors.N30A, ")"),
42
45
  height: "var(--ds-space-025, 2px)",
43
46
  width: '100%',
@@ -46,11 +49,13 @@ var DividerLine = exports.DividerLine = _styled.default.div({
46
49
  boxSizing: 'border-box'
47
50
  });
48
51
 
49
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
52
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
50
53
  var HelpFooter = exports.HelpFooter = _styled.default.div({
51
54
  padding: "var(--ds-space-100, 8px)".concat(" 0"),
52
55
  boxSizing: 'border-box',
56
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
53
57
  backgroundColor: "var(--ds-background-neutral, ".concat(colors.N10, ")"),
58
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
54
59
  borderTop: "var(--ds-space-025, 2px)".concat(" solid ", "var(--ds-border, ".concat(colors.N30, ")")),
55
60
  justifyContent: 'space-between'
56
61
  });
@@ -59,7 +64,7 @@ var HelpFooter = exports.HelpFooter = _styled.default.div({
59
64
  * Loading
60
65
  */
61
66
 
62
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
67
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
63
68
  var LoadingContainer = exports.LoadingContainer = _styled.default.div({
64
69
  padding: "var(--ds-space-200, 16px)",
65
70
  height: '100%'
@@ -73,8 +78,8 @@ var shimmer = (0, _react.keyframes)({
73
78
  }
74
79
  });
75
80
 
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) {
81
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
82
+ 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
83
  return props.contentHeight ? props.contentHeight : "var(--ds-space-200, 1rem)";
79
84
  }, function (props) {
80
85
  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.1"
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.1"
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.1"
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
@@ -2,10 +2,12 @@
2
2
  /* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression */
3
3
  /** @jsx jsx */
4
4
 
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
5
6
  import { keyframes } from '@emotion/react';
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
6
8
  import styled from '@emotion/styled';
7
9
  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
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
9
11
  export const Container = styled.div({
10
12
  position: 'absolute',
11
13
  top: 0,
@@ -17,7 +19,7 @@ export const Container = styled.div({
17
19
  backgroundColor: "var(--ds-surface, #FFFFFF)"
18
20
  });
19
21
 
20
- // 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
21
23
  export const Section = styled.div({
22
24
  flexGrow: 1,
23
25
  display: 'flex',
@@ -25,8 +27,9 @@ export const Section = styled.div({
25
27
  minHeight: 0
26
28
  });
27
29
 
28
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
30
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
29
31
  export const DividerLine = styled.div({
32
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
30
33
  backgroundColor: `var(--ds-border, ${colors.N30A})`,
31
34
  height: "var(--ds-space-025, 2px)",
32
35
  width: '100%',
@@ -35,11 +38,13 @@ export const DividerLine = styled.div({
35
38
  boxSizing: 'border-box'
36
39
  });
37
40
 
38
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
41
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
39
42
  export const HelpFooter = styled.div({
40
43
  padding: `${"var(--ds-space-100, 8px)"} 0`,
41
44
  boxSizing: 'border-box',
45
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
42
46
  backgroundColor: `var(--ds-background-neutral, ${colors.N10})`,
47
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
43
48
  borderTop: `${"var(--ds-space-025, 2px)"} solid ${`var(--ds-border, ${colors.N30})`}`,
44
49
  justifyContent: 'space-between'
45
50
  });
@@ -48,7 +53,7 @@ export const HelpFooter = styled.div({
48
53
  * Loading
49
54
  */
50
55
 
51
- // 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
52
57
  export const LoadingContainer = styled.div({
53
58
  padding: "var(--ds-space-200, 16px)",
54
59
  height: '100%'
@@ -62,24 +67,24 @@ const shimmer = keyframes({
62
67
  }
63
68
  });
64
69
 
65
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
70
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
66
71
  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;
72
+ position: relative;
73
+ height: ${props => props.contentHeight ? props.contentHeight : "var(--ds-space-200, 1rem)"};
74
+ margin-top: ${props => props.marginTop ? props.marginTop : "var(--ds-space-100, 8px)"};
75
+ width: ${props => props.contentWidth ? props.contentWidth : '100%'};
76
+ border-radius: ${"var(--ds-space-025, 2px)"};
77
+ animation-duration: 1.2s;
78
+ animation-fill-mode: forwards;
79
+ animation-iteration-count: infinite;
80
+ animation-name: ${shimmer};
81
+ animation-timing-function: linear;
82
+ background-color: ${`var(--ds-background-neutral, ${colors.N30})`};
83
+ background-image: linear-gradient(
84
+ to right,
85
+ ${`var(--ds-background-neutral-subtle, ${colors.N30})`} 10%,
86
+ ${`var(--ds-background-neutral, ${colors.N40})`} 20%,
87
+ ${`var(--ds-background-neutral-subtle, ${colors.N30})`} 30%
88
+ );
89
+ background-repeat: no-repeat;
85
90
  `;
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.1"
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.1"
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.1"
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
@@ -4,10 +4,12 @@ var _templateObject;
4
4
  /* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression */
5
5
  /** @jsx jsx */
6
6
 
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
7
8
  import { keyframes } from '@emotion/react';
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
8
10
  import styled from '@emotion/styled';
9
11
  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
12
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
11
13
  export var Container = styled.div({
12
14
  position: 'absolute',
13
15
  top: 0,
@@ -19,7 +21,7 @@ export var Container = styled.div({
19
21
  backgroundColor: "var(--ds-surface, #FFFFFF)"
20
22
  });
21
23
 
22
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
24
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
23
25
  export var Section = styled.div({
24
26
  flexGrow: 1,
25
27
  display: 'flex',
@@ -27,8 +29,9 @@ export var Section = styled.div({
27
29
  minHeight: 0
28
30
  });
29
31
 
30
- // 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
31
33
  export var DividerLine = styled.div({
34
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
32
35
  backgroundColor: "var(--ds-border, ".concat(colors.N30A, ")"),
33
36
  height: "var(--ds-space-025, 2px)",
34
37
  width: '100%',
@@ -37,11 +40,13 @@ export var DividerLine = styled.div({
37
40
  boxSizing: 'border-box'
38
41
  });
39
42
 
40
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
43
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
41
44
  export var HelpFooter = styled.div({
42
45
  padding: "var(--ds-space-100, 8px)".concat(" 0"),
43
46
  boxSizing: 'border-box',
47
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
44
48
  backgroundColor: "var(--ds-background-neutral, ".concat(colors.N10, ")"),
49
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
45
50
  borderTop: "var(--ds-space-025, 2px)".concat(" solid ", "var(--ds-border, ".concat(colors.N30, ")")),
46
51
  justifyContent: 'space-between'
47
52
  });
@@ -50,7 +55,7 @@ export var HelpFooter = styled.div({
50
55
  * Loading
51
56
  */
52
57
 
53
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
58
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
54
59
  export var LoadingContainer = styled.div({
55
60
  padding: "var(--ds-space-200, 16px)",
56
61
  height: '100%'
@@ -64,8 +69,8 @@ var shimmer = keyframes({
64
69
  }
65
70
  });
66
71
 
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) {
72
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
73
+ 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
74
  return props.contentHeight ? props.contentHeight : "var(--ds-space-200, 1rem)";
70
75
  }, function (props) {
71
76
  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.1",
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": "^18.0.0",
38
+ "@atlaskit/icon": "^22.4.0",
39
+ "@atlaskit/theme": "^12.11.0",
40
+ "@atlaskit/tokens": "^1.52.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