@atlaskit/help-layout 6.3.22 → 6.3.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/afm-jira/tsconfig.json +1 -1
- package/dist/cjs/analytics.js +1 -1
- package/dist/cjs/components/Header/BackButton.js +1 -1
- package/dist/cjs/components/Header/CloseButton.js +1 -1
- package/dist/cjs/components/Header/styled.js +1 -1
- package/dist/cjs/components/SideNav/index.compiled.css +8 -8
- package/dist/cjs/components/SideNav/index.js +3 -3
- package/dist/es2019/analytics.js +1 -1
- package/dist/es2019/components/Header/BackButton.js +1 -1
- package/dist/es2019/components/Header/CloseButton.js +1 -1
- package/dist/es2019/components/Header/styled.js +1 -1
- package/dist/es2019/components/SideNav/index.compiled.css +8 -8
- package/dist/es2019/components/SideNav/index.js +3 -3
- package/dist/esm/analytics.js +1 -1
- package/dist/esm/components/Header/BackButton.js +1 -1
- package/dist/esm/components/Header/CloseButton.js +1 -1
- package/dist/esm/components/Header/styled.js +1 -1
- package/dist/esm/components/SideNav/index.compiled.css +8 -8
- package/dist/esm/components/SideNav/index.js +3 -3
- package/docs/0-intro.tsx +2 -2
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
package/afm-jira/tsconfig.json
CHANGED
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: "
|
|
16
|
+
packageVersion: "0.0.0-development"
|
|
17
17
|
};
|
|
@@ -56,7 +56,7 @@ var BackButtonWithContext = function BackButtonWithContext(props) {
|
|
|
56
56
|
data: {
|
|
57
57
|
componentName: 'backButton',
|
|
58
58
|
packageName: "@atlaskit/help-layout",
|
|
59
|
-
packageVersion: "
|
|
59
|
+
packageVersion: "0.0.0-development"
|
|
60
60
|
}
|
|
61
61
|
}, /*#__PURE__*/_react.default.createElement(BackButton, props));
|
|
62
62
|
};
|
|
@@ -55,7 +55,7 @@ var CloseButtonWithContext = function CloseButtonWithContext(props) {
|
|
|
55
55
|
data: {
|
|
56
56
|
componentName: 'closeButton',
|
|
57
57
|
packageName: "@atlaskit/help-layout",
|
|
58
|
-
packageVersion: "
|
|
58
|
+
packageVersion: "0.0.0-development"
|
|
59
59
|
}
|
|
60
60
|
}, /*#__PURE__*/_react.default.createElement(CloseButton, props));
|
|
61
61
|
};
|
|
@@ -60,7 +60,7 @@ var BackButtonContainer = exports.BackButtonContainer = function BackButtonConta
|
|
|
60
60
|
var headerTitleStyles = null;
|
|
61
61
|
var HeaderTitle = exports.HeaderTitle = function HeaderTitle(_ref4) {
|
|
62
62
|
var children = _ref4.children;
|
|
63
|
-
return /*#__PURE__*/_react.default.createElement("
|
|
63
|
+
return /*#__PURE__*/_react.default.createElement("h2", {
|
|
64
64
|
className: (0, _runtime.ax)(["_11c81ixg _1reo15vq _18m915vq _syaz1425 _y3gn1h6o _k48p1pd9 _vwz41u3r _1bsb1osq _o5721q9c _1bto1l2s _1e0c1o8l _s7n4nkob"]),
|
|
65
65
|
style: {
|
|
66
66
|
"--_13a5t4u": (0, _runtime.ix)("var(--ds-text-subtle, ".concat(_colors.N500, ")"))
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
._19it145i{border:var(--ds-border-width,1px) solid transparent}
|
|
3
3
|
._2rko12b0{border-radius:var(--ds-radius-small,4px)}
|
|
4
4
|
._zulpu2gc{gap:var(--ds-space-100,8px)}
|
|
5
|
-
.
|
|
5
|
+
._1h6d1w55{border-color:var(--ds-border-accent-blue,#357de8)}
|
|
6
6
|
._1rjcu2gc{padding-block:var(--ds-space-100,8px)}._18m915vq{overflow-y:hidden}
|
|
7
7
|
._18m91wug{overflow-y:auto}
|
|
8
8
|
._18u01b66{margin-left:var(--ds-space-050,4px)}
|
|
@@ -17,14 +17,14 @@
|
|
|
17
17
|
._4cvr1h6o{align-items:center}
|
|
18
18
|
._4t3i1osq{height:100%}
|
|
19
19
|
._80omtlke{cursor:pointer}
|
|
20
|
-
.
|
|
20
|
+
._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
|
|
21
21
|
._bfhk1j28{background-color:transparent}
|
|
22
|
-
.
|
|
22
|
+
._bfhkl4ek{background-color:var(--ds-background-input-hovered,#f8f8f8)}
|
|
23
23
|
._o5721q9c{white-space:nowrap}
|
|
24
24
|
._otyr1b66{margin-bottom:var(--ds-space-050,4px)}
|
|
25
|
-
.
|
|
25
|
+
._syaz13af{color:var(--ds-link,#1868db)}
|
|
26
26
|
._vchhusvi{box-sizing:border-box}
|
|
27
|
-
.
|
|
28
|
-
.
|
|
29
|
-
.
|
|
30
|
-
.
|
|
27
|
+
._30l313af:hover{color:var(--ds-link,#1868db)}
|
|
28
|
+
._30l3i7uo:hover{color:var(--ds-text,#292a2e)}
|
|
29
|
+
._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
30
|
+
._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
|
|
@@ -20,9 +20,9 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
20
20
|
var styles = {
|
|
21
21
|
mainContent: "_1reo15vq _18m915vq _4t3i1osq _1bsb1osq",
|
|
22
22
|
navBarWrapper: "_1reo1wug _18m91wug _4t3i1osq _1bsb1osq",
|
|
23
|
-
navButton: "_2rko12b0 _zulpu2gc _19it145i _1rjcu2gc _1e0c1txw _bfhk1j28 _2lx21bp4 _4cvr1h6o _80omtlke _vchhusvi _o5721q9c _1bsb1osq
|
|
24
|
-
navButtonSelected: "
|
|
25
|
-
wrapper: "_1reo1wug _18m91wug _4t3i1osq _1ul91wqb
|
|
23
|
+
navButton: "_2rko12b0 _zulpu2gc _19it145i _1rjcu2gc _1e0c1txw _bfhk1j28 _2lx21bp4 _4cvr1h6o _80omtlke _vchhusvi _o5721q9c _1bsb1osq _irr31dpa _30l3i7uo",
|
|
24
|
+
navButtonSelected: "_1h6d1w55 _bfhk15s3 _syaz13af _irr3ufnl _30l313af",
|
|
25
|
+
wrapper: "_1reo1wug _18m91wug _4t3i1osq _1ul91wqb _bfhkl4ek",
|
|
26
26
|
navItemWrapper: "_19pk1b66 _2hwx1b66 _otyr1b66 _18u01b66"
|
|
27
27
|
};
|
|
28
28
|
var SideNav = exports.SideNav = function SideNav(_ref) {
|
package/dist/es2019/analytics.js
CHANGED
|
@@ -50,7 +50,7 @@ const BackButtonWithContext = props => {
|
|
|
50
50
|
data: {
|
|
51
51
|
componentName: 'backButton',
|
|
52
52
|
packageName: "@atlaskit/help-layout",
|
|
53
|
-
packageVersion: "
|
|
53
|
+
packageVersion: "0.0.0-development"
|
|
54
54
|
}
|
|
55
55
|
}, /*#__PURE__*/React.createElement(BackButton, props));
|
|
56
56
|
};
|
|
@@ -51,7 +51,7 @@ const CloseButtonWithContext = props => {
|
|
|
51
51
|
data: {
|
|
52
52
|
componentName: 'closeButton',
|
|
53
53
|
packageName: "@atlaskit/help-layout",
|
|
54
|
-
packageVersion: "
|
|
54
|
+
packageVersion: "0.0.0-development"
|
|
55
55
|
}
|
|
56
56
|
}, /*#__PURE__*/React.createElement(CloseButton, props));
|
|
57
57
|
};
|
|
@@ -41,7 +41,7 @@ export const BackButtonContainer = ({
|
|
|
41
41
|
const headerTitleStyles = null;
|
|
42
42
|
export const HeaderTitle = ({
|
|
43
43
|
children
|
|
44
|
-
}) => /*#__PURE__*/React.createElement("
|
|
44
|
+
}) => /*#__PURE__*/React.createElement("h2", {
|
|
45
45
|
className: ax(["_11c81ixg _1reo15vq _18m915vq _syazjjyb _y3gn1h6o _k48p1pd9 _vwz41u3r _1bsb1osq _o5721q9c _1bto1l2s _1e0c1o8l _s7n4nkob"])
|
|
46
46
|
}, children);
|
|
47
47
|
const headerContentStyles = null;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
._19it145i{border:var(--ds-border-width,1px) solid transparent}
|
|
3
3
|
._2rko12b0{border-radius:var(--ds-radius-small,4px)}
|
|
4
4
|
._zulpu2gc{gap:var(--ds-space-100,8px)}
|
|
5
|
-
.
|
|
5
|
+
._1h6d1w55{border-color:var(--ds-border-accent-blue,#357de8)}
|
|
6
6
|
._1rjcu2gc{padding-block:var(--ds-space-100,8px)}._18m915vq{overflow-y:hidden}
|
|
7
7
|
._18m91wug{overflow-y:auto}
|
|
8
8
|
._18u01b66{margin-left:var(--ds-space-050,4px)}
|
|
@@ -17,14 +17,14 @@
|
|
|
17
17
|
._4cvr1h6o{align-items:center}
|
|
18
18
|
._4t3i1osq{height:100%}
|
|
19
19
|
._80omtlke{cursor:pointer}
|
|
20
|
-
.
|
|
20
|
+
._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
|
|
21
21
|
._bfhk1j28{background-color:transparent}
|
|
22
|
-
.
|
|
22
|
+
._bfhkl4ek{background-color:var(--ds-background-input-hovered,#f8f8f8)}
|
|
23
23
|
._o5721q9c{white-space:nowrap}
|
|
24
24
|
._otyr1b66{margin-bottom:var(--ds-space-050,4px)}
|
|
25
|
-
.
|
|
25
|
+
._syaz13af{color:var(--ds-link,#1868db)}
|
|
26
26
|
._vchhusvi{box-sizing:border-box}
|
|
27
|
-
.
|
|
28
|
-
.
|
|
29
|
-
.
|
|
30
|
-
.
|
|
27
|
+
._30l313af:hover{color:var(--ds-link,#1868db)}
|
|
28
|
+
._30l3i7uo:hover{color:var(--ds-text,#292a2e)}
|
|
29
|
+
._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
30
|
+
._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
|
|
@@ -10,9 +10,9 @@ import { DynamicHeader } from '../DynamicHeader';
|
|
|
10
10
|
const styles = {
|
|
11
11
|
mainContent: "_1reo15vq _18m915vq _4t3i1osq _1bsb1osq",
|
|
12
12
|
navBarWrapper: "_1reo1wug _18m91wug _4t3i1osq _1bsb1osq",
|
|
13
|
-
navButton: "_2rko12b0 _zulpu2gc _19it145i _1rjcu2gc _1e0c1txw _bfhk1j28 _2lx21bp4 _4cvr1h6o _80omtlke _vchhusvi _o5721q9c _1bsb1osq
|
|
14
|
-
navButtonSelected: "
|
|
15
|
-
wrapper: "_1reo1wug _18m91wug _4t3i1osq _1ul91wqb
|
|
13
|
+
navButton: "_2rko12b0 _zulpu2gc _19it145i _1rjcu2gc _1e0c1txw _bfhk1j28 _2lx21bp4 _4cvr1h6o _80omtlke _vchhusvi _o5721q9c _1bsb1osq _irr31dpa _30l3i7uo",
|
|
14
|
+
navButtonSelected: "_1h6d1w55 _bfhk15s3 _syaz13af _irr3ufnl _30l313af",
|
|
15
|
+
wrapper: "_1reo1wug _18m91wug _4t3i1osq _1ul91wqb _bfhkl4ek",
|
|
16
16
|
navItemWrapper: "_19pk1b66 _2hwx1b66 _otyr1b66 _18u01b66"
|
|
17
17
|
};
|
|
18
18
|
export const SideNav = ({
|
package/dist/esm/analytics.js
CHANGED
|
@@ -49,7 +49,7 @@ var BackButtonWithContext = function BackButtonWithContext(props) {
|
|
|
49
49
|
data: {
|
|
50
50
|
componentName: 'backButton',
|
|
51
51
|
packageName: "@atlaskit/help-layout",
|
|
52
|
-
packageVersion: "
|
|
52
|
+
packageVersion: "0.0.0-development"
|
|
53
53
|
}
|
|
54
54
|
}, /*#__PURE__*/React.createElement(BackButton, props));
|
|
55
55
|
};
|
|
@@ -48,7 +48,7 @@ var CloseButtonWithContext = function CloseButtonWithContext(props) {
|
|
|
48
48
|
data: {
|
|
49
49
|
componentName: 'closeButton',
|
|
50
50
|
packageName: "@atlaskit/help-layout",
|
|
51
|
-
packageVersion: "
|
|
51
|
+
packageVersion: "0.0.0-development"
|
|
52
52
|
}
|
|
53
53
|
}, /*#__PURE__*/React.createElement(CloseButton, props));
|
|
54
54
|
};
|
|
@@ -53,7 +53,7 @@ export var BackButtonContainer = function BackButtonContainer(_ref3) {
|
|
|
53
53
|
var headerTitleStyles = null;
|
|
54
54
|
export var HeaderTitle = function HeaderTitle(_ref4) {
|
|
55
55
|
var children = _ref4.children;
|
|
56
|
-
return /*#__PURE__*/React.createElement("
|
|
56
|
+
return /*#__PURE__*/React.createElement("h2", {
|
|
57
57
|
className: ax(["_11c81ixg _1reo15vq _18m915vq _syaz1425 _y3gn1h6o _k48p1pd9 _vwz41u3r _1bsb1osq _o5721q9c _1bto1l2s _1e0c1o8l _s7n4nkob"]),
|
|
58
58
|
style: {
|
|
59
59
|
"--_13a5t4u": ix("var(--ds-text-subtle, ".concat(N500, ")"))
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
._19it145i{border:var(--ds-border-width,1px) solid transparent}
|
|
3
3
|
._2rko12b0{border-radius:var(--ds-radius-small,4px)}
|
|
4
4
|
._zulpu2gc{gap:var(--ds-space-100,8px)}
|
|
5
|
-
.
|
|
5
|
+
._1h6d1w55{border-color:var(--ds-border-accent-blue,#357de8)}
|
|
6
6
|
._1rjcu2gc{padding-block:var(--ds-space-100,8px)}._18m915vq{overflow-y:hidden}
|
|
7
7
|
._18m91wug{overflow-y:auto}
|
|
8
8
|
._18u01b66{margin-left:var(--ds-space-050,4px)}
|
|
@@ -17,14 +17,14 @@
|
|
|
17
17
|
._4cvr1h6o{align-items:center}
|
|
18
18
|
._4t3i1osq{height:100%}
|
|
19
19
|
._80omtlke{cursor:pointer}
|
|
20
|
-
.
|
|
20
|
+
._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
|
|
21
21
|
._bfhk1j28{background-color:transparent}
|
|
22
|
-
.
|
|
22
|
+
._bfhkl4ek{background-color:var(--ds-background-input-hovered,#f8f8f8)}
|
|
23
23
|
._o5721q9c{white-space:nowrap}
|
|
24
24
|
._otyr1b66{margin-bottom:var(--ds-space-050,4px)}
|
|
25
|
-
.
|
|
25
|
+
._syaz13af{color:var(--ds-link,#1868db)}
|
|
26
26
|
._vchhusvi{box-sizing:border-box}
|
|
27
|
-
.
|
|
28
|
-
.
|
|
29
|
-
.
|
|
30
|
-
.
|
|
27
|
+
._30l313af:hover{color:var(--ds-link,#1868db)}
|
|
28
|
+
._30l3i7uo:hover{color:var(--ds-text,#292a2e)}
|
|
29
|
+
._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
|
|
30
|
+
._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
|
|
@@ -11,9 +11,9 @@ import { DynamicHeader } from '../DynamicHeader';
|
|
|
11
11
|
var styles = {
|
|
12
12
|
mainContent: "_1reo15vq _18m915vq _4t3i1osq _1bsb1osq",
|
|
13
13
|
navBarWrapper: "_1reo1wug _18m91wug _4t3i1osq _1bsb1osq",
|
|
14
|
-
navButton: "_2rko12b0 _zulpu2gc _19it145i _1rjcu2gc _1e0c1txw _bfhk1j28 _2lx21bp4 _4cvr1h6o _80omtlke _vchhusvi _o5721q9c _1bsb1osq
|
|
15
|
-
navButtonSelected: "
|
|
16
|
-
wrapper: "_1reo1wug _18m91wug _4t3i1osq _1ul91wqb
|
|
14
|
+
navButton: "_2rko12b0 _zulpu2gc _19it145i _1rjcu2gc _1e0c1txw _bfhk1j28 _2lx21bp4 _4cvr1h6o _80omtlke _vchhusvi _o5721q9c _1bsb1osq _irr31dpa _30l3i7uo",
|
|
15
|
+
navButtonSelected: "_1h6d1w55 _bfhk15s3 _syaz13af _irr3ufnl _30l313af",
|
|
16
|
+
wrapper: "_1reo1wug _18m91wug _4t3i1osq _1ul91wqb _bfhkl4ek",
|
|
17
17
|
navItemWrapper: "_19pk1b66 _2hwx1b66 _otyr1b66 _18u01b66"
|
|
18
18
|
};
|
|
19
19
|
export var SideNav = function SideNav(_ref) {
|
package/docs/0-intro.tsx
CHANGED
|
@@ -3,7 +3,7 @@ import { md, code, Props, AtlassianInternalWarning } from '@atlaskit/docs';
|
|
|
3
3
|
|
|
4
4
|
const helpPanelProps = require('!!extract-react-types-loader!../src/components/HelpLayout');
|
|
5
5
|
|
|
6
|
-
const
|
|
6
|
+
const intro: React.ReactElement = md`
|
|
7
7
|
${(<AtlassianInternalWarning />)}
|
|
8
8
|
|
|
9
9
|
## Usage
|
|
@@ -60,4 +60,4 @@ export default Example;
|
|
|
60
60
|
|
|
61
61
|
${(<Props props={helpPanelProps} />)}
|
|
62
62
|
`;
|
|
63
|
-
export default
|
|
63
|
+
export default intro;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/help-layout",
|
|
3
|
-
"version": "6.3.
|
|
3
|
+
"version": "6.3.24",
|
|
4
4
|
"description": "Layout for the atlaskit/help component.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -33,13 +33,13 @@
|
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
35
35
|
"@atlaskit/button": "^23.6.0",
|
|
36
|
-
"@atlaskit/css": "^0.
|
|
36
|
+
"@atlaskit/css": "^0.16.0",
|
|
37
37
|
"@atlaskit/heading": "^5.2.0",
|
|
38
|
-
"@atlaskit/icon": "^
|
|
39
|
-
"@atlaskit/primitives": "^16.
|
|
38
|
+
"@atlaskit/icon": "^29.0.0",
|
|
39
|
+
"@atlaskit/primitives": "^16.2.0",
|
|
40
40
|
"@atlaskit/theme": "^21.0.0",
|
|
41
|
-
"@atlaskit/tokens": "^8.
|
|
42
|
-
"@atlaskit/tooltip": "^20.
|
|
41
|
+
"@atlaskit/tokens": "^8.1.0",
|
|
42
|
+
"@atlaskit/tooltip": "^20.10.0",
|
|
43
43
|
"@babel/runtime": "^7.0.0",
|
|
44
44
|
"@compiled/react": "^0.18.6",
|
|
45
45
|
"react-transition-group": "^4.4.1"
|