@atlaskit/help-article 5.0.2 → 6.0.0
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 +22 -0
- package/dist/cjs/components/ArticleBody/styled.compiled.css +7 -0
- package/dist/cjs/components/ArticleBody/styled.js +25 -15
- package/dist/cjs/components/styled.compiled.css +5 -0
- package/dist/cjs/components/styled.js +29 -24
- package/dist/es2019/components/ArticleBody/styled.compiled.css +7 -0
- package/dist/es2019/components/ArticleBody/styled.js +17 -12
- package/dist/es2019/components/styled.compiled.css +5 -0
- package/dist/es2019/components/styled.js +26 -23
- package/dist/esm/components/ArticleBody/styled.compiled.css +7 -0
- package/dist/esm/components/ArticleBody/styled.js +22 -13
- package/dist/esm/components/styled.compiled.css +5 -0
- package/dist/esm/components/styled.js +29 -23
- package/dist/types/components/ArticleBody/styled.d.ts +10 -4
- package/dist/types/components/styled.d.ts +16 -13
- package/dist/types-ts4.5/components/ArticleBody/styled.d.ts +10 -4
- package/dist/types-ts4.5/components/styled.d.ts +16 -13
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,27 @@
|
|
|
1
1
|
# @atlaskit/help-article
|
|
2
2
|
|
|
3
|
+
## 6.0.0
|
|
4
|
+
|
|
5
|
+
### Major Changes
|
|
6
|
+
|
|
7
|
+
- [#141923](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/141923)
|
|
8
|
+
[`a87265e55c27f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a87265e55c27f) -
|
|
9
|
+
Migrated from `@emotion/react` to `@compiled/react` in order to improve performance, align with
|
|
10
|
+
the rest of the Atlaskit techstack, and support React 18 Streaming SSR.
|
|
11
|
+
|
|
12
|
+
Please note, in order to use this version of `@atlaskit/help-article`, you will need to ensure
|
|
13
|
+
that your bundler is configured to handle `.css` imports correctly. Most bundlers come with
|
|
14
|
+
built-in support for `.css` imports, so you may not need to do anything. If you are using a
|
|
15
|
+
different bundler, please refer to the documentation for that bundler to understand how to handle
|
|
16
|
+
`.css` imports. For more information on the migration, please refer to
|
|
17
|
+
[RFC-73 Migrating our components to Compiled CSS-in-JS](https://community.developer.atlassian.com/t/rfc-73-migrating-our-components-to-compiled-css-in-js/85953).
|
|
18
|
+
|
|
19
|
+
## 5.0.3
|
|
20
|
+
|
|
21
|
+
### Patch Changes
|
|
22
|
+
|
|
23
|
+
- Updated dependencies
|
|
24
|
+
|
|
3
25
|
## 5.0.2
|
|
4
26
|
|
|
5
27
|
### Patch Changes
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
|
|
2
|
+
._19itglyw{border:none}._18u0r5cr{margin-left:var(--ds-space-negative-050,-4px)}
|
|
3
|
+
._19pkr5cr{margin-top:var(--ds-space-negative-050,-4px)}
|
|
4
|
+
._1bsb1jzn{width:var(--_u2ndre)}
|
|
5
|
+
._1e0c1ule{display:block}
|
|
6
|
+
._2hwxr5cr{margin-right:var(--ds-space-negative-050,-4px)}
|
|
7
|
+
._otyrr5cr{margin-bottom:var(--ds-space-negative-050,-4px)}
|
|
@@ -1,21 +1,31 @@
|
|
|
1
|
+
/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
1
2
|
"use strict";
|
|
2
3
|
|
|
3
|
-
var
|
|
4
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.ArticleFrame = void 0;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
9
|
+
require("./styled.compiled.css");
|
|
10
|
+
var React = _interopRequireWildcard(require("react"));
|
|
11
|
+
var _runtime = require("@compiled/react/runtime");
|
|
12
|
+
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); }
|
|
13
|
+
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 && {}.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; }
|
|
14
|
+
var articleFrameStyles = null;
|
|
15
|
+
var ArticleFrame = exports.ArticleFrame = function ArticleFrame(_ref) {
|
|
16
|
+
var id = _ref.id,
|
|
17
|
+
name = _ref.name,
|
|
18
|
+
onLoad = _ref.onLoad,
|
|
19
|
+
sandbox = _ref.sandbox;
|
|
20
|
+
return /*#__PURE__*/React.createElement("iframe", {
|
|
21
|
+
id: id,
|
|
22
|
+
name: name,
|
|
23
|
+
title: name,
|
|
24
|
+
onLoad: onLoad,
|
|
25
|
+
sandbox: sandbox,
|
|
26
|
+
className: (0, _runtime.ax)(["_19itglyw _1e0c1ule _1bsb1jzn _19pkr5cr _2hwxr5cr _otyrr5cr _18u0r5cr"]),
|
|
27
|
+
style: {
|
|
28
|
+
"--_u2ndre": (0, _runtime.ix)("calc(100% + ".concat("var(--ds-space-150, 12px)", ")"))
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
1
2
|
"use strict";
|
|
2
3
|
|
|
3
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
@@ -5,27 +6,31 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.ArticleContentTitleLink = exports.ArticleContentTitle = exports.ArticleContentInner = void 0;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
var
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
9
|
+
require("./styled.compiled.css");
|
|
10
|
+
var _runtime = require("@compiled/react/runtime");
|
|
11
|
+
var _react = _interopRequireDefault(require("react"));
|
|
12
|
+
var articleContentInnerStyles = null;
|
|
13
|
+
var ArticleContentInner = exports.ArticleContentInner = function ArticleContentInner(_ref) {
|
|
14
|
+
var children = _ref.children;
|
|
15
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
16
|
+
className: (0, _runtime.ax)(["_n3tdpxbi _kqswh2mm"])
|
|
17
|
+
}, children);
|
|
18
|
+
};
|
|
19
|
+
var articleContentTitleStyles = null;
|
|
20
|
+
var ArticleContentTitle = exports.ArticleContentTitle = function ArticleContentTitle(_ref2) {
|
|
21
|
+
var children = _ref2.children;
|
|
22
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
23
|
+
className: (0, _runtime.ax)(["_n3tdpxbi"])
|
|
24
|
+
}, children);
|
|
25
|
+
};
|
|
26
|
+
var articleContentTitleLinkStyles = null;
|
|
27
|
+
var ArticleContentTitleLink = exports.ArticleContentTitleLink = function ArticleContentTitleLink(_ref3) {
|
|
28
|
+
var href = _ref3.href,
|
|
29
|
+
target = _ref3.target,
|
|
30
|
+
children = _ref3.children;
|
|
31
|
+
return /*#__PURE__*/_react.default.createElement("a", {
|
|
32
|
+
href: href,
|
|
33
|
+
target: target,
|
|
34
|
+
className: (0, _runtime.ax)(["_9oik1r31 _1bnxglyw _jf4cnqa1"])
|
|
35
|
+
}, children);
|
|
36
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
|
|
2
|
+
._19itglyw{border:none}._18u0r5cr{margin-left:var(--ds-space-negative-050,-4px)}
|
|
3
|
+
._19pkr5cr{margin-top:var(--ds-space-negative-050,-4px)}
|
|
4
|
+
._1bsb111l{width:calc(100% + var(--ds-space-150, 9pt))}
|
|
5
|
+
._1e0c1ule{display:block}
|
|
6
|
+
._2hwxr5cr{margin-right:var(--ds-space-negative-050,-4px)}
|
|
7
|
+
._otyrr5cr{margin-bottom:var(--ds-space-negative-050,-4px)}
|
|
@@ -1,13 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
*
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
+
import "./styled.compiled.css";
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
5
|
+
const articleFrameStyles = null;
|
|
6
|
+
export const ArticleFrame = ({
|
|
7
|
+
id,
|
|
8
|
+
name,
|
|
9
|
+
onLoad,
|
|
10
|
+
sandbox
|
|
11
|
+
}) => /*#__PURE__*/React.createElement("iframe", {
|
|
12
|
+
id: id,
|
|
13
|
+
name: name,
|
|
14
|
+
title: name,
|
|
15
|
+
onLoad: onLoad,
|
|
16
|
+
sandbox: sandbox,
|
|
17
|
+
className: ax(["_19itglyw _1e0c1ule _1bsb111l _19pkr5cr _2hwxr5cr _otyrr5cr _18u0r5cr"])
|
|
13
18
|
});
|
|
@@ -1,23 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
});
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
1
|
+
/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
+
import "./styled.compiled.css";
|
|
3
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
4
|
+
import React from 'react';
|
|
5
|
+
const articleContentInnerStyles = null;
|
|
6
|
+
export const ArticleContentInner = ({
|
|
7
|
+
children
|
|
8
|
+
}) => /*#__PURE__*/React.createElement("div", {
|
|
9
|
+
className: ax(["_n3tdpxbi _kqswh2mm"])
|
|
10
|
+
}, children);
|
|
11
|
+
const articleContentTitleStyles = null;
|
|
12
|
+
export const ArticleContentTitle = ({
|
|
13
|
+
children
|
|
14
|
+
}) => /*#__PURE__*/React.createElement("div", {
|
|
15
|
+
className: ax(["_n3tdpxbi"])
|
|
16
|
+
}, children);
|
|
17
|
+
const articleContentTitleLinkStyles = null;
|
|
18
|
+
export const ArticleContentTitleLink = ({
|
|
19
|
+
href,
|
|
20
|
+
target,
|
|
21
|
+
children
|
|
22
|
+
}) => /*#__PURE__*/React.createElement("a", {
|
|
23
|
+
href: href,
|
|
24
|
+
target: target,
|
|
25
|
+
className: ax(["_9oik1r31 _1bnxglyw _jf4cnqa1"])
|
|
26
|
+
}, children);
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
|
|
2
|
+
._19itglyw{border:none}._18u0r5cr{margin-left:var(--ds-space-negative-050,-4px)}
|
|
3
|
+
._19pkr5cr{margin-top:var(--ds-space-negative-050,-4px)}
|
|
4
|
+
._1bsb1jzn{width:var(--_u2ndre)}
|
|
5
|
+
._1e0c1ule{display:block}
|
|
6
|
+
._2hwxr5cr{margin-right:var(--ds-space-negative-050,-4px)}
|
|
7
|
+
._otyrr5cr{margin-bottom:var(--ds-space-negative-050,-4px)}
|
|
@@ -1,13 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
*
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
1
|
+
/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
+
import "./styled.compiled.css";
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
5
|
+
var articleFrameStyles = null;
|
|
6
|
+
export var ArticleFrame = function ArticleFrame(_ref) {
|
|
7
|
+
var id = _ref.id,
|
|
8
|
+
name = _ref.name,
|
|
9
|
+
onLoad = _ref.onLoad,
|
|
10
|
+
sandbox = _ref.sandbox;
|
|
11
|
+
return /*#__PURE__*/React.createElement("iframe", {
|
|
12
|
+
id: id,
|
|
13
|
+
name: name,
|
|
14
|
+
title: name,
|
|
15
|
+
onLoad: onLoad,
|
|
16
|
+
sandbox: sandbox,
|
|
17
|
+
className: ax(["_19itglyw _1e0c1ule _1bsb1jzn _19pkr5cr _2hwxr5cr _otyrr5cr _18u0r5cr"]),
|
|
18
|
+
style: {
|
|
19
|
+
"--_u2ndre": ix("calc(100% + ".concat("var(--ds-space-150, 12px)", ")"))
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
};
|
|
@@ -1,23 +1,29 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
1
|
+
/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
+
import "./styled.compiled.css";
|
|
3
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
4
|
+
import React from 'react';
|
|
5
|
+
var articleContentInnerStyles = null;
|
|
6
|
+
export var ArticleContentInner = function ArticleContentInner(_ref) {
|
|
7
|
+
var children = _ref.children;
|
|
8
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
9
|
+
className: ax(["_n3tdpxbi _kqswh2mm"])
|
|
10
|
+
}, children);
|
|
11
|
+
};
|
|
12
|
+
var articleContentTitleStyles = null;
|
|
13
|
+
export var ArticleContentTitle = function ArticleContentTitle(_ref2) {
|
|
14
|
+
var children = _ref2.children;
|
|
15
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
16
|
+
className: ax(["_n3tdpxbi"])
|
|
17
|
+
}, children);
|
|
18
|
+
};
|
|
19
|
+
var articleContentTitleLinkStyles = null;
|
|
20
|
+
export var ArticleContentTitleLink = function ArticleContentTitleLink(_ref3) {
|
|
21
|
+
var href = _ref3.href,
|
|
22
|
+
target = _ref3.target,
|
|
23
|
+
children = _ref3.children;
|
|
24
|
+
return /*#__PURE__*/React.createElement("a", {
|
|
25
|
+
href: href,
|
|
26
|
+
target: target,
|
|
27
|
+
className: ax(["_9oik1r31 _1bnxglyw _jf4cnqa1"])
|
|
28
|
+
}, children);
|
|
29
|
+
};
|
|
@@ -1,5 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
1
5
|
/// <reference types="react" />
|
|
2
|
-
export declare const ArticleFrame:
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
+
export declare const ArticleFrame: ({ id, name, onLoad, sandbox, }: {
|
|
7
|
+
id: string;
|
|
8
|
+
name: string;
|
|
9
|
+
onLoad: () => void;
|
|
10
|
+
sandbox: string;
|
|
11
|
+
}) => JSX.Element;
|
|
@@ -1,13 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
export declare const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import React from 'react';
|
|
6
|
+
export declare const ArticleContentInner: ({ children }: {
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
}) => JSX.Element;
|
|
9
|
+
export declare const ArticleContentTitle: ({ children }: {
|
|
10
|
+
children: React.ReactNode;
|
|
11
|
+
}) => JSX.Element;
|
|
12
|
+
export declare const ArticleContentTitleLink: ({ href, target, children }: {
|
|
13
|
+
href: string;
|
|
14
|
+
target: string;
|
|
15
|
+
children: React.ReactNode;
|
|
16
|
+
}) => JSX.Element;
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
/**
|
|
3
|
+
* @jsxRuntime classic
|
|
4
|
+
* @jsx jsx
|
|
5
|
+
*/
|
|
6
|
+
export declare const ArticleFrame: ({ id, name, onLoad, sandbox, }: {
|
|
7
|
+
id: string;
|
|
8
|
+
name: string;
|
|
9
|
+
onLoad: () => void;
|
|
10
|
+
sandbox: string;
|
|
11
|
+
}) => JSX.Element;
|
|
@@ -1,13 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
export declare const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import React from 'react';
|
|
6
|
+
export declare const ArticleContentInner: ({ children }: {
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
}) => JSX.Element;
|
|
9
|
+
export declare const ArticleContentTitle: ({ children }: {
|
|
10
|
+
children: React.ReactNode;
|
|
11
|
+
}) => JSX.Element;
|
|
12
|
+
export declare const ArticleContentTitleLink: ({ href, target, children }: {
|
|
13
|
+
href: string;
|
|
14
|
+
target: string;
|
|
15
|
+
children: React.ReactNode;
|
|
16
|
+
}) => JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/help-article",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "6.0.0",
|
|
4
4
|
"description": "A cross-product help-article component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -35,14 +35,14 @@
|
|
|
35
35
|
"runReact18": true
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@atlaskit/css-reset": "^7.
|
|
39
|
-
"@atlaskit/heading": "^5.
|
|
40
|
-
"@atlaskit/icon": "^
|
|
41
|
-
"@atlaskit/primitives": "^14.
|
|
42
|
-
"@atlaskit/renderer": "^114.
|
|
43
|
-
"@atlaskit/tokens": "^4.
|
|
38
|
+
"@atlaskit/css-reset": "^7.2.0",
|
|
39
|
+
"@atlaskit/heading": "^5.2.0",
|
|
40
|
+
"@atlaskit/icon": "^25.6.0",
|
|
41
|
+
"@atlaskit/primitives": "^14.4.0",
|
|
42
|
+
"@atlaskit/renderer": "^114.9.0",
|
|
43
|
+
"@atlaskit/tokens": "^4.7.0",
|
|
44
44
|
"@babel/runtime": "^7.0.0",
|
|
45
|
-
"@
|
|
45
|
+
"@compiled/react": "^0.18.3",
|
|
46
46
|
"lodash": "^4.17.21"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|