@atlaskit/help-layout 6.3.37 → 6.3.38

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 (26) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/afm-cc/tsconfig.json +0 -3
  3. package/afm-jira/tsconfig.json +0 -3
  4. package/afm-products/tsconfig.json +0 -3
  5. package/dist/cjs/analytics.js +1 -1
  6. package/dist/cjs/components/Header/BackButton.js +1 -1
  7. package/dist/cjs/components/Header/CloseButton.js +1 -1
  8. package/dist/cjs/components/Header/styled.compiled.css +4 -4
  9. package/dist/cjs/components/Header/styled.js +2 -10
  10. package/dist/cjs/components/styled.compiled.css +4 -5
  11. package/dist/cjs/components/styled.js +4 -11
  12. package/dist/es2019/analytics.js +1 -1
  13. package/dist/es2019/components/Header/BackButton.js +1 -1
  14. package/dist/es2019/components/Header/CloseButton.js +1 -1
  15. package/dist/es2019/components/Header/styled.compiled.css +4 -4
  16. package/dist/es2019/components/Header/styled.js +2 -3
  17. package/dist/es2019/components/styled.compiled.css +4 -5
  18. package/dist/es2019/components/styled.js +2 -3
  19. package/dist/esm/analytics.js +1 -1
  20. package/dist/esm/components/Header/BackButton.js +1 -1
  21. package/dist/esm/components/Header/CloseButton.js +1 -1
  22. package/dist/esm/components/Header/styled.compiled.css +4 -4
  23. package/dist/esm/components/Header/styled.js +2 -10
  24. package/dist/esm/components/styled.compiled.css +4 -5
  25. package/dist/esm/components/styled.js +4 -11
  26. package/package.json +5 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/help-layout
2
2
 
3
+ ## 6.3.38
4
+
5
+ ### Patch Changes
6
+
7
+ - [`379cf9c4c25f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/379cf9c4c25f0) -
8
+ Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
9
+
3
10
  ## 6.3.37
4
11
 
5
12
  ### Patch Changes
package/afm-cc/tsconfig.json CHANGED
@@ -41,9 +41,6 @@
41
41
  {
42
42
  "path": "../../../design-system/primitives/afm-cc/tsconfig.json"
43
43
  },
44
- {
45
- "path": "../../../design-system/theme/afm-cc/tsconfig.json"
46
- },
47
44
  {
48
45
  "path": "../../../design-system/tokens/afm-cc/tsconfig.json"
49
46
  },
package/afm-jira/tsconfig.json CHANGED
@@ -41,9 +41,6 @@
41
41
  {
42
42
  "path": "../../../design-system/primitives/afm-jira/tsconfig.json"
43
43
  },
44
- {
45
- "path": "../../../design-system/theme/afm-jira/tsconfig.json"
46
- },
47
44
  {
48
45
  "path": "../../../design-system/tokens/afm-jira/tsconfig.json"
49
46
  },
package/afm-products/tsconfig.json CHANGED
@@ -41,9 +41,6 @@
41
41
  {
42
42
  "path": "../../../design-system/primitives/afm-products/tsconfig.json"
43
43
  },
44
- {
45
- "path": "../../../design-system/theme/afm-products/tsconfig.json"
46
- },
47
44
  {
48
45
  "path": "../../../design-system/tokens/afm-products/tsconfig.json"
49
46
  },
package/dist/cjs/analytics.js CHANGED
@@ -13,5 +13,5 @@ var createAndFire = exports.createAndFire = x.createAndFireEvent('atlaskit');
13
13
  var defaultAnalyticsAttributes = exports.defaultAnalyticsAttributes = {
14
14
  componentName: 'helpPanel',
15
15
  packageName: "@atlaskit/help-layout",
16
- packageVersion: "0.0.0-development"
16
+ packageVersion: "6.3.37"
17
17
  };
package/dist/cjs/components/Header/BackButton.js CHANGED
@@ -60,7 +60,7 @@ var BackButtonWithContext = function BackButtonWithContext(props) {
60
60
  data: {
61
61
  componentName: 'backButton',
62
62
  packageName: "@atlaskit/help-layout",
63
- packageVersion: "0.0.0-development"
63
+ packageVersion: "6.3.37"
64
64
  }
65
65
  }, /*#__PURE__*/_react.default.createElement(BackButton, props));
66
66
  };
package/dist/cjs/components/Header/CloseButton.js CHANGED
@@ -54,7 +54,7 @@ var CloseButtonWithContext = function CloseButtonWithContext(props) {
54
54
  data: {
55
55
  componentName: 'closeButton',
56
56
  packageName: "@atlaskit/help-layout",
57
- packageVersion: "0.0.0-development"
57
+ packageVersion: "6.3.37"
58
58
  }
59
59
  }, /*#__PURE__*/_react.default.createElement(CloseButton, props));
60
60
  };
package/dist/cjs/components/Header/styled.compiled.css CHANGED
@@ -1,6 +1,6 @@
1
1
  ._11c81d4k{font:var(--ds-font-body-large,normal 400 1pc/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._v5641kw6{transition:var(--_ejvfk7)}
3
- ._n7zl1fvz{border-bottom:var(--_b3fex0)}
3
+ ._n7zl1uh4{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}
4
4
  ._154iutpp{top:var(--ds-space-150,9pt)}
5
5
  ._18m915vq{overflow-y:hidden}
6
6
  ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
@@ -11,7 +11,7 @@
11
11
  ._1ltv1ejb{left:var(--ds-space-300,24px)}
12
12
  ._1reo15vq{overflow-x:hidden}
13
13
  ._1xi2u2gc{right:var(--ds-space-100,8px)}
14
- ._bfhk1v7z{background-color:var(--_1xglsrh)}
14
+ ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
15
15
  ._ca0qidpf{padding-top:0}
16
16
  ._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
17
17
  ._kqswh2mm{position:relative}
@@ -19,8 +19,8 @@
19
19
  ._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
20
20
  ._o5721q9c{white-space:nowrap}
21
21
  ._s7n4nkob{vertical-align:middle}
22
- ._syaz1425{color:var(--_13a5t4u)}
22
+ ._syazazsu{color:var(--ds-text-subtle,#505258)}
23
23
  ._tzy4idpf{opacity:0}
24
24
  ._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
25
- ._vwz41u3r{line-height:var(--ds-space-800,56px)}
25
+ ._vwz4xncg{line-height:var(--ds-space-800,4pc)}
26
26
  ._y3gn1h6o{text-align:center}
package/dist/cjs/components/Header/styled.js CHANGED
@@ -11,18 +11,13 @@ var _runtime = require("@compiled/react/runtime");
11
11
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
12
12
  var _compiled = require("@atlaskit/primitives/compiled");
13
13
  var _react = _interopRequireDefault(require("react"));
14
- var _colors = require("@atlaskit/theme/colors");
15
14
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
16
15
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
17
16
  var headerContainerStyles = null;
18
17
  var HeaderContainer = exports.HeaderContainer = function HeaderContainer(_ref) {
19
18
  var children = _ref.children;
20
19
  return /*#__PURE__*/_react.default.createElement("div", {
21
- className: (0, _runtime.ax)(["_n7zl1fvz _bfhk1v7z _1bah1yb4 _kqswh2mm"]),
22
- style: {
23
- "--_1xglsrh": (0, _runtime.ix)("var(--ds-background-neutral, ".concat(_colors.N10, ")")),
24
- "--_b3fex0": (0, _runtime.ix)("var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N30, ")")))
25
- }
20
+ className: (0, _runtime.ax)(["_n7zl1uh4 _bfhki8nm _1bah1yb4 _kqswh2mm"])
26
21
  }, children);
27
22
  };
28
23
  var styles = {
@@ -63,10 +58,7 @@ var headerTitleStyles = null;
63
58
  var HeaderTitle = exports.HeaderTitle = function HeaderTitle(_ref4) {
64
59
  var children = _ref4.children;
65
60
  return /*#__PURE__*/_react.default.createElement("h2", {
66
- className: (0, _runtime.ax)(["_11c81d4k _1reo15vq _18m915vq _syaz1425 _y3gn1h6o _k48p1pd9 _vwz41u3r _1bsb1osq _o5721q9c _1bto1l2s _1e0c1o8l _s7n4nkob"]),
67
- style: {
68
- "--_13a5t4u": (0, _runtime.ix)("var(--ds-text-subtle, ".concat(_colors.N500, ")"))
69
- }
61
+ className: (0, _runtime.ax)(["_11c81d4k _1reo15vq _18m915vq _syazazsu _y3gn1h6o _k48p1pd9 _vwz4xncg _1bsb1osq _o5721q9c _1bto1l2s _1e0c1o8l _s7n4nkob"])
70
62
  }, children);
71
63
  };
72
64
  var headerContentStyles = null;
package/dist/cjs/components/styled.compiled.css CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  ._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
3
- ._x3do1fvz{border-top:var(--_b3fex0)}._12vemgnk{background-repeat:no-repeat}
3
+ ._x3do1uh4{border-top:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}._12vemgnk{background-repeat:no-repeat}
4
4
  ._154iidpf{top:0}
5
5
  ._16jlkb7n{flex-grow:1}
6
6
  ._19bvidpf{padding-left:0}
@@ -9,18 +9,17 @@
9
9
  ._1bah1yb4{justify-content:space-between}
10
10
  ._1bsb1osq{width:100%}
11
11
  ._1e0c1txw{display:flex}
12
- ._1itkwhjv{background-image:var(--_4aeagh)}
12
+ ._1itkg6bo{background-image:linear-gradient(to right,var(--ds-background-neutral-subtle,#00000000) 10%,var(--ds-background-neutral,#0515240f) 20%,var(--ds-background-neutral-subtle,#00000000) 30%)}
13
13
  ._1ltvidpf{left:0}
14
14
  ._1o51q7pw{animation-fill-mode:forwards}
15
15
  ._1pglp3kn{animation-timing-function:linear}
16
16
  ._1tkeidpf{min-height:0}
17
17
  ._2lx21bp4{flex-direction:column}
18
- ._4t3i1e9d{height:var(--ds-space-200,1rem)}
19
18
  ._4t3i1osq{height:100%}
19
+ ._4t3ipxbi{height:var(--ds-space-200,1pc)}
20
20
  ._5sag126j{animation-duration:1.2s}
21
21
  ._94n5idpf{bottom:0}
22
- ._bfhk1v7z{background-color:var(--_1xglsrh)}
23
- ._bfhkptpz{background-color:var(--_19g1tth)}
22
+ ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
24
23
  ._bfhkvuon{background-color:var(--ds-surface,#fff)}
25
24
  ._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
26
25
  ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
package/dist/cjs/components/styled.js CHANGED
@@ -11,7 +11,6 @@ var _runtime = require("@compiled/react/runtime");
11
11
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
12
12
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
13
13
  var _react = _interopRequireDefault(require("react"));
14
- var _colors = require("@atlaskit/theme/colors");
15
14
  var _excluded = ["children"];
16
15
  /* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression */
17
16
  var containerStyles = null;
@@ -34,11 +33,7 @@ var HelpFooter = exports.HelpFooter = function HelpFooter(_ref3) {
34
33
  children = _ref3.children;
35
34
  return /*#__PURE__*/_react.default.createElement("div", {
36
35
  "data-testid": dataTestId,
37
- className: (0, _runtime.ax)(["_x3do1fvz _ca0qu2gc _u5f3idpf _n3tdu2gc _19bvidpf _vchhusvi _bfhk1v7z _1bah1yb4"]),
38
- style: {
39
- "--_1xglsrh": (0, _runtime.ix)("var(--ds-background-neutral, ".concat(_colors.N10, ")")),
40
- "--_b3fex0": (0, _runtime.ix)("var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N30, ")")))
41
- }
36
+ className: (0, _runtime.ax)(["_x3do1uh4 _ca0qu2gc _u5f3idpf _n3tdu2gc _19bvidpf _vchhusvi _bfhki8nm _1bah1yb4"])
42
37
  }, children);
43
38
  };
44
39
 
@@ -61,13 +56,11 @@ var LoadingRectangle = exports.LoadingRectangle = function LoadingRectangle(_ref
61
56
  contentHeight = _ref5.contentHeight,
62
57
  marginTop = _ref5.marginTop;
63
58
  return /*#__PURE__*/_react.default.createElement("div", {
64
- className: (0, _runtime.ax)(["_2rkolb4i _kqswh2mm _4t3i1e9d _19pku2gc _1bsb1osq _5sag126j _1o51q7pw _tip812c5 _j7hq1en8 _1pglp3kn _bfhkptpz _1itkwhjv _12vemgnk"]),
65
59
  style: {
66
60
  width: contentWidth,
67
61
  height: contentHeight,
68
- marginTop: marginTop,
69
- "--_19g1tth": (0, _runtime.ix)("var(--ds-background-neutral, ".concat(_colors.N30, ")")),
70
- "--_4aeagh": (0, _runtime.ix)("linear-gradient(\n\t\tto right,\n\t\t".concat("var(--ds-background-neutral-subtle, ".concat(_colors.N30, ")"), " 10%,\n\t\t", "var(--ds-background-neutral, ".concat(_colors.N40, ")"), " 20%,\n\t\t", "var(--ds-background-neutral-subtle, ".concat(_colors.N30, ")"), " 30%\n\t)"))
71
- }
62
+ marginTop: marginTop
63
+ },
64
+ className: (0, _runtime.ax)(["_2rkolb4i _kqswh2mm _4t3ipxbi _19pku2gc _1bsb1osq _5sag126j _1o51q7pw _tip812c5 _j7hq1en8 _1pglp3kn _bfhki8nm _1itkg6bo _12vemgnk"])
72
65
  });
73
66
  };
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: "0.0.0-development"
8
+ packageVersion: "6.3.37"
9
9
  };
package/dist/es2019/components/Header/BackButton.js CHANGED
@@ -52,7 +52,7 @@ const BackButtonWithContext = props => {
52
52
  data: {
53
53
  componentName: 'backButton',
54
54
  packageName: "@atlaskit/help-layout",
55
- packageVersion: "0.0.0-development"
55
+ packageVersion: "6.3.37"
56
56
  }
57
57
  }, /*#__PURE__*/React.createElement(BackButton, props));
58
58
  };
package/dist/es2019/components/Header/CloseButton.js CHANGED
@@ -50,7 +50,7 @@ const CloseButtonWithContext = props => {
50
50
  data: {
51
51
  componentName: 'closeButton',
52
52
  packageName: "@atlaskit/help-layout",
53
- packageVersion: "0.0.0-development"
53
+ packageVersion: "6.3.37"
54
54
  }
55
55
  }, /*#__PURE__*/React.createElement(CloseButton, props));
56
56
  };
package/dist/es2019/components/Header/styled.compiled.css CHANGED
@@ -1,6 +1,6 @@
1
1
  ._11c81d4k{font:var(--ds-font-body-large,normal 400 1pc/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._v5641kd4{transition:left .22s,opacity .22s}
3
- ._n7zl1mqz{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#ebecf0)}
3
+ ._n7zl1uh4{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}
4
4
  ._154iutpp{top:var(--ds-space-150,9pt)}
5
5
  ._18m915vq{overflow-y:hidden}
6
6
  ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
@@ -11,7 +11,7 @@
11
11
  ._1ltv1ejb{left:var(--ds-space-300,24px)}
12
12
  ._1reo15vq{overflow-x:hidden}
13
13
  ._1xi2u2gc{right:var(--ds-space-100,8px)}
14
- ._bfhk1gi7{background-color:var(--ds-background-neutral,#fafbfc)}
14
+ ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
15
15
  ._ca0qidpf{padding-top:0}
16
16
  ._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
17
17
  ._kqswh2mm{position:relative}
@@ -19,8 +19,8 @@
19
19
  ._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
20
20
  ._o5721q9c{white-space:nowrap}
21
21
  ._s7n4nkob{vertical-align:middle}
22
- ._syazjjyb{color:var(--ds-text-subtle,#42526e)}
22
+ ._syazazsu{color:var(--ds-text-subtle,#505258)}
23
23
  ._tzy4idpf{opacity:0}
24
24
  ._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
25
- ._vwz41u3r{line-height:var(--ds-space-800,56px)}
25
+ ._vwz4xncg{line-height:var(--ds-space-800,4pc)}
26
26
  ._y3gn1h6o{text-align:center}
package/dist/es2019/components/Header/styled.js CHANGED
@@ -3,12 +3,11 @@ import "./styled.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import { Box } from '@atlaskit/primitives/compiled';
5
5
  import React from 'react';
6
- import { N10, N30, N500 } from '@atlaskit/theme/colors';
7
6
  const headerContainerStyles = null;
8
7
  export const HeaderContainer = ({
9
8
  children
10
9
  }) => /*#__PURE__*/React.createElement("div", {
11
- className: ax(["_n7zl1mqz _bfhk1gi7 _1bah1yb4 _kqswh2mm"])
10
+ className: ax(["_n7zl1uh4 _bfhki8nm _1bah1yb4 _kqswh2mm"])
12
11
  }, children);
13
12
  const styles = {
14
13
  closeButtonContainer: "_kqswstnw _1xi2u2gc _154iutpp"
@@ -45,7 +44,7 @@ const headerTitleStyles = null;
45
44
  export const HeaderTitle = ({
46
45
  children
47
46
  }) => /*#__PURE__*/React.createElement("h2", {
48
- className: ax(["_11c81d4k _1reo15vq _18m915vq _syazjjyb _y3gn1h6o _k48p1pd9 _vwz41u3r _1bsb1osq _o5721q9c _1bto1l2s _1e0c1o8l _s7n4nkob"])
47
+ className: ax(["_11c81d4k _1reo15vq _18m915vq _syazazsu _y3gn1h6o _k48p1pd9 _vwz4xncg _1bsb1osq _o5721q9c _1bto1l2s _1e0c1o8l _s7n4nkob"])
49
48
  }, children);
50
49
  const headerContentStyles = null;
51
50
  export const HeaderContent = ({
package/dist/es2019/components/styled.compiled.css CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  ._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
3
- ._x3do1mqz{border-top:var(--ds-border-width-selected,2px) solid var(--ds-border,#ebecf0)}._12vemgnk{background-repeat:no-repeat}
3
+ ._x3do1uh4{border-top:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}._12vemgnk{background-repeat:no-repeat}
4
4
  ._154iidpf{top:0}
5
5
  ._16jlkb7n{flex-grow:1}
6
6
  ._19bvidpf{padding-left:0}
@@ -9,18 +9,17 @@
9
9
  ._1bah1yb4{justify-content:space-between}
10
10
  ._1bsb1osq{width:100%}
11
11
  ._1e0c1txw{display:flex}
12
- ._1itko982{background-image:linear-gradient(to right,var(--ds-background-neutral-subtle,#ebecf0) 10%,var(--ds-background-neutral,#dfe1e6) 20%,var(--ds-background-neutral-subtle,#ebecf0) 30%)}
12
+ ._1itkg6bo{background-image:linear-gradient(to right,var(--ds-background-neutral-subtle,#00000000) 10%,var(--ds-background-neutral,#0515240f) 20%,var(--ds-background-neutral-subtle,#00000000) 30%)}
13
13
  ._1ltvidpf{left:0}
14
14
  ._1o51q7pw{animation-fill-mode:forwards}
15
15
  ._1pglp3kn{animation-timing-function:linear}
16
16
  ._1tkeidpf{min-height:0}
17
17
  ._2lx21bp4{flex-direction:column}
18
- ._4t3i1e9d{height:var(--ds-space-200,1rem)}
19
18
  ._4t3i1osq{height:100%}
19
+ ._4t3ipxbi{height:var(--ds-space-200,1pc)}
20
20
  ._5sag126j{animation-duration:1.2s}
21
21
  ._94n5idpf{bottom:0}
22
- ._bfhk1gi7{background-color:var(--ds-background-neutral,#fafbfc)}
23
- ._bfhk1yrq{background-color:var(--ds-background-neutral,#ebecf0)}
22
+ ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
24
23
  ._bfhkvuon{background-color:var(--ds-surface,#fff)}
25
24
  ._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
26
25
  ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
package/dist/es2019/components/styled.js CHANGED
@@ -5,7 +5,6 @@ import { ax, ix } from "@compiled/react/runtime";
5
5
  /* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression */
6
6
 
7
7
  import React from 'react';
8
- import { N10, N30, N40 } from '@atlaskit/theme/colors';
9
8
  const containerStyles = null;
10
9
  export const Container = ({
11
10
  children
@@ -24,7 +23,7 @@ export const HelpFooter = ({
24
23
  children
25
24
  }) => /*#__PURE__*/React.createElement("div", {
26
25
  "data-testid": dataTestId,
27
- className: ax(["_x3do1mqz _ca0qu2gc _u5f3idpf _n3tdu2gc _19bvidpf _vchhusvi _bfhk1gi7 _1bah1yb4"])
26
+ className: ax(["_x3do1uh4 _ca0qu2gc _u5f3idpf _n3tdu2gc _19bvidpf _vchhusvi _bfhki8nm _1bah1yb4"])
28
27
  }, children);
29
28
 
30
29
  /**
@@ -50,5 +49,5 @@ export const LoadingRectangle = ({
50
49
  height: contentHeight,
51
50
  marginTop
52
51
  },
53
- className: ax(["_2rkolb4i _kqswh2mm _4t3i1e9d _19pku2gc _1bsb1osq _5sag126j _1o51q7pw _tip812c5 _j7hq1en8 _1pglp3kn _bfhk1yrq _1itko982 _12vemgnk"])
52
+ className: ax(["_2rkolb4i _kqswh2mm _4t3ipxbi _19pku2gc _1bsb1osq _5sag126j _1o51q7pw _tip812c5 _j7hq1en8 _1pglp3kn _bfhki8nm _1itkg6bo _12vemgnk"])
54
53
  });
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: "0.0.0-development"
8
+ packageVersion: "6.3.37"
9
9
  };
package/dist/esm/components/Header/BackButton.js CHANGED
@@ -51,7 +51,7 @@ var BackButtonWithContext = function BackButtonWithContext(props) {
51
51
  data: {
52
52
  componentName: 'backButton',
53
53
  packageName: "@atlaskit/help-layout",
54
- packageVersion: "0.0.0-development"
54
+ packageVersion: "6.3.37"
55
55
  }
56
56
  }, /*#__PURE__*/React.createElement(BackButton, props));
57
57
  };
package/dist/esm/components/Header/CloseButton.js CHANGED
@@ -47,7 +47,7 @@ var CloseButtonWithContext = function CloseButtonWithContext(props) {
47
47
  data: {
48
48
  componentName: 'closeButton',
49
49
  packageName: "@atlaskit/help-layout",
50
- packageVersion: "0.0.0-development"
50
+ packageVersion: "6.3.37"
51
51
  }
52
52
  }, /*#__PURE__*/React.createElement(CloseButton, props));
53
53
  };
package/dist/esm/components/Header/styled.compiled.css CHANGED
@@ -1,6 +1,6 @@
1
1
  ._11c81d4k{font:var(--ds-font-body-large,normal 400 1pc/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._v5641kw6{transition:var(--_ejvfk7)}
3
- ._n7zl1fvz{border-bottom:var(--_b3fex0)}
3
+ ._n7zl1uh4{border-bottom:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}
4
4
  ._154iutpp{top:var(--ds-space-150,9pt)}
5
5
  ._18m915vq{overflow-y:hidden}
6
6
  ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
@@ -11,7 +11,7 @@
11
11
  ._1ltv1ejb{left:var(--ds-space-300,24px)}
12
12
  ._1reo15vq{overflow-x:hidden}
13
13
  ._1xi2u2gc{right:var(--ds-space-100,8px)}
14
- ._bfhk1v7z{background-color:var(--_1xglsrh)}
14
+ ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
15
15
  ._ca0qidpf{padding-top:0}
16
16
  ._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
17
17
  ._kqswh2mm{position:relative}
@@ -19,8 +19,8 @@
19
19
  ._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
20
20
  ._o5721q9c{white-space:nowrap}
21
21
  ._s7n4nkob{vertical-align:middle}
22
- ._syaz1425{color:var(--_13a5t4u)}
22
+ ._syazazsu{color:var(--ds-text-subtle,#505258)}
23
23
  ._tzy4idpf{opacity:0}
24
24
  ._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
25
- ._vwz41u3r{line-height:var(--ds-space-800,56px)}
25
+ ._vwz4xncg{line-height:var(--ds-space-800,4pc)}
26
26
  ._y3gn1h6o{text-align:center}
package/dist/esm/components/Header/styled.js CHANGED
@@ -6,16 +6,11 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
6
6
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
7
7
  import { Box } from '@atlaskit/primitives/compiled';
8
8
  import React from 'react';
9
- import { N10, N30, N500 } from '@atlaskit/theme/colors';
10
9
  var headerContainerStyles = null;
11
10
  export var HeaderContainer = function HeaderContainer(_ref) {
12
11
  var children = _ref.children;
13
12
  return /*#__PURE__*/React.createElement("div", {
14
- className: ax(["_n7zl1fvz _bfhk1v7z _1bah1yb4 _kqswh2mm"]),
15
- style: {
16
- "--_1xglsrh": ix("var(--ds-background-neutral, ".concat(N10, ")")),
17
- "--_b3fex0": ix("var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border, ".concat(N30, ")")))
18
- }
13
+ className: ax(["_n7zl1uh4 _bfhki8nm _1bah1yb4 _kqswh2mm"])
19
14
  }, children);
20
15
  };
21
16
  var styles = {
@@ -56,10 +51,7 @@ var headerTitleStyles = null;
56
51
  export var HeaderTitle = function HeaderTitle(_ref4) {
57
52
  var children = _ref4.children;
58
53
  return /*#__PURE__*/React.createElement("h2", {
59
- className: ax(["_11c81d4k _1reo15vq _18m915vq _syaz1425 _y3gn1h6o _k48p1pd9 _vwz41u3r _1bsb1osq _o5721q9c _1bto1l2s _1e0c1o8l _s7n4nkob"]),
60
- style: {
61
- "--_13a5t4u": ix("var(--ds-text-subtle, ".concat(N500, ")"))
62
- }
54
+ className: ax(["_11c81d4k _1reo15vq _18m915vq _syazazsu _y3gn1h6o _k48p1pd9 _vwz4xncg _1bsb1osq _o5721q9c _1bto1l2s _1e0c1o8l _s7n4nkob"])
63
55
  }, children);
64
56
  };
65
57
  var headerContentStyles = null;
package/dist/esm/components/styled.compiled.css CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  ._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
3
- ._x3do1fvz{border-top:var(--_b3fex0)}._12vemgnk{background-repeat:no-repeat}
3
+ ._x3do1uh4{border-top:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}._12vemgnk{background-repeat:no-repeat}
4
4
  ._154iidpf{top:0}
5
5
  ._16jlkb7n{flex-grow:1}
6
6
  ._19bvidpf{padding-left:0}
@@ -9,18 +9,17 @@
9
9
  ._1bah1yb4{justify-content:space-between}
10
10
  ._1bsb1osq{width:100%}
11
11
  ._1e0c1txw{display:flex}
12
- ._1itkwhjv{background-image:var(--_4aeagh)}
12
+ ._1itkg6bo{background-image:linear-gradient(to right,var(--ds-background-neutral-subtle,#00000000) 10%,var(--ds-background-neutral,#0515240f) 20%,var(--ds-background-neutral-subtle,#00000000) 30%)}
13
13
  ._1ltvidpf{left:0}
14
14
  ._1o51q7pw{animation-fill-mode:forwards}
15
15
  ._1pglp3kn{animation-timing-function:linear}
16
16
  ._1tkeidpf{min-height:0}
17
17
  ._2lx21bp4{flex-direction:column}
18
- ._4t3i1e9d{height:var(--ds-space-200,1rem)}
19
18
  ._4t3i1osq{height:100%}
19
+ ._4t3ipxbi{height:var(--ds-space-200,1pc)}
20
20
  ._5sag126j{animation-duration:1.2s}
21
21
  ._94n5idpf{bottom:0}
22
- ._bfhk1v7z{background-color:var(--_1xglsrh)}
23
- ._bfhkptpz{background-color:var(--_19g1tth)}
22
+ ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
24
23
  ._bfhkvuon{background-color:var(--ds-surface,#fff)}
25
24
  ._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
26
25
  ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
package/dist/esm/components/styled.js CHANGED
@@ -7,7 +7,6 @@ import { ax, ix } from "@compiled/react/runtime";
7
7
  /* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression */
8
8
 
9
9
  import React from 'react';
10
- import { N10, N30, N40 } from '@atlaskit/theme/colors';
11
10
  var containerStyles = null;
12
11
  export var Container = function Container(_ref) {
13
12
  var children = _ref.children;
@@ -28,11 +27,7 @@ export var HelpFooter = function HelpFooter(_ref3) {
28
27
  children = _ref3.children;
29
28
  return /*#__PURE__*/React.createElement("div", {
30
29
  "data-testid": dataTestId,
31
- className: ax(["_x3do1fvz _ca0qu2gc _u5f3idpf _n3tdu2gc _19bvidpf _vchhusvi _bfhk1v7z _1bah1yb4"]),
32
- style: {
33
- "--_1xglsrh": ix("var(--ds-background-neutral, ".concat(N10, ")")),
34
- "--_b3fex0": ix("var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border, ".concat(N30, ")")))
35
- }
30
+ className: ax(["_x3do1uh4 _ca0qu2gc _u5f3idpf _n3tdu2gc _19bvidpf _vchhusvi _bfhki8nm _1bah1yb4"])
36
31
  }, children);
37
32
  };
38
33
 
@@ -55,13 +50,11 @@ export var LoadingRectangle = function LoadingRectangle(_ref5) {
55
50
  contentHeight = _ref5.contentHeight,
56
51
  marginTop = _ref5.marginTop;
57
52
  return /*#__PURE__*/React.createElement("div", {
58
- className: ax(["_2rkolb4i _kqswh2mm _4t3i1e9d _19pku2gc _1bsb1osq _5sag126j _1o51q7pw _tip812c5 _j7hq1en8 _1pglp3kn _bfhkptpz _1itkwhjv _12vemgnk"]),
59
53
  style: {
60
54
  width: contentWidth,
61
55
  height: contentHeight,
62
- marginTop: marginTop,
63
- "--_19g1tth": ix("var(--ds-background-neutral, ".concat(N30, ")")),
64
- "--_4aeagh": ix("linear-gradient(\n\t\tto right,\n\t\t".concat("var(--ds-background-neutral-subtle, ".concat(N30, ")"), " 10%,\n\t\t", "var(--ds-background-neutral, ".concat(N40, ")"), " 20%,\n\t\t", "var(--ds-background-neutral-subtle, ".concat(N30, ")"), " 30%\n\t)"))
65
- }
56
+ marginTop: marginTop
57
+ },
58
+ className: ax(["_2rkolb4i _kqswh2mm _4t3ipxbi _19pku2gc _1bsb1osq _5sag126j _1o51q7pw _tip812c5 _j7hq1en8 _1pglp3kn _bfhki8nm _1itkg6bo _12vemgnk"])
66
59
  });
67
60
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/help-layout",
3
- "version": "6.3.37",
3
+ "version": "6.3.38",
4
4
  "description": "Layout for the atlaskit/help component.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -31,14 +31,13 @@
31
31
  }
32
32
  },
33
33
  "dependencies": {
34
- "@atlaskit/analytics-next": "^11.1.0",
34
+ "@atlaskit/analytics-next": "^11.2.0",
35
35
  "@atlaskit/button": "^23.10.0",
36
36
  "@atlaskit/css": "^0.19.0",
37
37
  "@atlaskit/heading": "^5.3.0",
38
- "@atlaskit/icon": "^33.0.0",
39
- "@atlaskit/primitives": "^18.0.0",
40
- "@atlaskit/theme": "^22.0.0",
41
- "@atlaskit/tokens": "^11.1.0",
38
+ "@atlaskit/icon": "^33.1.0",
39
+ "@atlaskit/primitives": "^18.1.0",
40
+ "@atlaskit/tokens": "^11.4.0",
42
41
  "@atlaskit/tooltip": "^21.0.0",
43
42
  "@babel/runtime": "^7.0.0",
44
43
  "@compiled/react": "^0.20.0",