@dfds-ui/storybook-design 2.2.0-alpha.4e495871 → 2.2.0-alpha.50e30e78
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/package.json +6 -7
- package/cjs/components/ExampleContainer.d.ts +0 -8
- package/cjs/components/ExampleContainer.js +0 -16
- package/cjs/components/GlobalStorybookStyles.d.ts +0 -2
- package/cjs/components/GlobalStorybookStyles.js +0 -28
- package/cjs/components/MarkdownStory.d.ts +0 -8
- package/cjs/components/MarkdownStory.js +0 -30
- package/cjs/components/Paper.d.ts +0 -8
- package/cjs/components/Paper.js +0 -18
- package/cjs/components/Placeholder.d.ts +0 -7
- package/cjs/components/Placeholder.js +0 -21
- package/cjs/components/StoryPage.d.ts +0 -5
- package/cjs/components/StoryPage.js +0 -25
- package/cjs/components/index.d.ts +0 -6
- package/cjs/components/index.js +0 -48
- package/cjs/createDfdsTheme.d.ts +0 -1
- package/cjs/createDfdsTheme.js +0 -14
- package/cjs/helpers/components.d.ts +0 -40
- package/cjs/helpers/components.js +0 -346
- package/cjs/helpers/decorators.d.ts +0 -3
- package/cjs/helpers/decorators.js +0 -27
- package/cjs/index.d.ts +0 -5
- package/cjs/index.js +0 -64
- package/cjs/markdown/Markdown.d.ts +0 -6
- package/cjs/markdown/Markdown.js +0 -54
- package/cjs/markdown/Md.d.ts +0 -2
- package/cjs/markdown/Md.js +0 -19
- package/cjs/markdown/index.d.ts +0 -2
- package/cjs/markdown/index.js +0 -20
- package/cjs/mdx/index.js +0 -3
- package/cjs/mdx/mdxLoaderRenderer.js +0 -17
- package/cjs/types/global.d.js +0 -1
- package/components/ExampleContainer.d.ts +0 -8
- package/components/ExampleContainer.js +0 -16
- package/components/GlobalStorybookStyles.d.ts +0 -2
- package/components/GlobalStorybookStyles.js +0 -21
- package/components/MarkdownStory.d.ts +0 -8
- package/components/MarkdownStory.js +0 -33
- package/components/Paper.d.ts +0 -8
- package/components/Paper.js +0 -11
- package/components/Placeholder.d.ts +0 -7
- package/components/Placeholder.js +0 -16
- package/components/StoryPage.d.ts +0 -5
- package/components/StoryPage.js +0 -17
- package/components/index.d.ts +0 -6
- package/components/index.js +0 -6
- package/createDfdsTheme.d.ts +0 -1
- package/createDfdsTheme.js +0 -8
- package/helpers/components.d.ts +0 -40
- package/helpers/components.js +0 -349
- package/helpers/decorators.d.ts +0 -3
- package/helpers/decorators.js +0 -26
- package/index.d.ts +0 -5
- package/index.js +0 -5
- package/markdown/Markdown.d.ts +0 -6
- package/markdown/Markdown.js +0 -55
- package/markdown/Md.d.ts +0 -2
- package/markdown/Md.js +0 -13
- package/markdown/index.d.ts +0 -2
- package/markdown/index.js +0 -2
- package/mdx/index.js +0 -1
- package/mdx/mdxLoaderRenderer.js +0 -4
- package/types/global.d.js +0 -0
package/package.json
CHANGED
|
@@ -3,22 +3,21 @@
|
|
|
3
3
|
"description": "Components and utils for use with Storybook within DFDS",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"private": false,
|
|
6
|
-
"version": "2.2.0-alpha.
|
|
6
|
+
"version": "2.2.0-alpha.50e30e78",
|
|
7
7
|
"sideEffects": false,
|
|
8
8
|
"main": "./cjs/index.js",
|
|
9
9
|
"module": "./index.js",
|
|
10
10
|
"esnext": "./index.js",
|
|
11
11
|
"typings": "./index.d.ts",
|
|
12
12
|
"peerDependencies": {
|
|
13
|
-
"@emotion/react": "11.
|
|
14
|
-
"@emotion/styled": "11.
|
|
13
|
+
"@emotion/react": "11.14.0",
|
|
14
|
+
"@emotion/styled": "11.14.1"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@dfds-ui/icons": "2.2.0-alpha.
|
|
18
|
-
"
|
|
19
|
-
"react-markdown-github-renderers": "^1.0.3"
|
|
17
|
+
"@dfds-ui/icons": "2.2.0-alpha.50e30e78",
|
|
18
|
+
"marked": "18.0.3"
|
|
20
19
|
},
|
|
21
|
-
"gitHead": "
|
|
20
|
+
"gitHead": "50e30e78a552b42c7fd48dc90a72e74c66dda3aa",
|
|
22
21
|
"publishConfig": {
|
|
23
22
|
"access": "public"
|
|
24
23
|
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
declare const ExampleContainer: import("@emotion/styled").StyledComponent<{
|
|
2
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
3
|
-
as?: import("react").ElementType<any> | undefined;
|
|
4
|
-
} & {
|
|
5
|
-
headline?: string | undefined;
|
|
6
|
-
dark?: boolean | undefined;
|
|
7
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
|
-
export default ExampleContainer;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
8
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
-
const ExampleContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
|
|
10
|
-
target: "e111yhd70"
|
|
11
|
-
} : {
|
|
12
|
-
target: "e111yhd70",
|
|
13
|
-
label: "ExampleContainer"
|
|
14
|
-
})("background-color:", p => p.dark ? '#002b45' : 'white', ";padding:25px 15px 15px;margin-bottom:16px;border:1px solid #f4f6f8;position:relative;::before{position:absolute;top:2px;content:'", p => p.headline || 'example', "';right:2px;font-size:10px;padding:4px 8px;color:", p => p.dark ? 'white' : 'black', ";background-color:", p => p.dark ? '#031c2b' : '#eee', ";text-transform:uppercase;letter-spacing:1.2px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0V4YW1wbGVDb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUUwRSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9FeGFtcGxlQ29udGFpbmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBFeGFtcGxlQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7IGhlYWRsaW5lPzogc3RyaW5nOyBkYXJrPzogYm9vbGVhbiB9PmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsocCkgPT4gKHAuZGFyayA/ICcjMDAyYjQ1JyA6ICd3aGl0ZScpfTtcbiAgcGFkZGluZzogMjVweCAxNXB4IDE1cHg7XG4gIG1hcmdpbi1ib3R0b206IDE2cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNmNGY2Zjg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICA6OmJlZm9yZSB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMnB4O1xuICAgIGNvbnRlbnQ6ICckeyhwKSA9PiBwLmhlYWRsaW5lIHx8ICdleGFtcGxlJ30nO1xuICAgIHJpZ2h0OiAycHg7XG4gICAgZm9udC1zaXplOiAxMHB4O1xuICAgIHBhZGRpbmc6IDRweCA4cHg7XG4gICAgY29sb3I6ICR7KHApID0+IChwLmRhcmsgPyAnd2hpdGUnIDogJ2JsYWNrJyl9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHApID0+IChwLmRhcmsgPyAnIzAzMWMyYicgOiAnI2VlZScpfTtcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgIGxldHRlci1zcGFjaW5nOiAxLjJweDtcbiAgfVxuYFxuXG5leHBvcnQgZGVmYXVsdCBFeGFtcGxlQ29udGFpbmVyXG4iXX0= */"));
|
|
15
|
-
var _default = ExampleContainer;
|
|
16
|
-
exports.default = _default;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _react2 = require("@emotion/react");
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
11
|
-
var _ref = process.env.NODE_ENV === "production" ? {
|
|
12
|
-
name: "ka24jl",
|
|
13
|
-
styles: "html,body{font-size:16px;background-color:#fcfcfd;}.docblock-source{border-radius:0!important;background-color:#ffffff!important;box-shadow:none!important;}.docblock-propstable{margin:16px 0!important;th{padding:6px 13px!important;border:1px solid rgba(0, 0, 0, 0.1)!important;color:black!important;border-radius:0!important;}tr{background-color:#fff!important;}tbody{box-shadow:none!important;}td{background-color:transparent!important;padding:6px 13px!important;border:0!important;border-top:1px solid rgba(0, 0, 0, 0.1)!important;&:first-of-type{span:first-of-type{border:1px solid #eee;padding:3px 5px;background-color:#f8f8f8;font-family:monospace;font-weight:normal;}}&:nth-of-type(2){width:60%;& div:last-of-type{span{color:#0000ff;font-size:12px;}}}}}.markdown-table{border:1px solid #b0afaf;font-size:14px;thead{text-align:left;font-weight:bold;}tr:nth-of-type(even){background-color:#f8f8f8;}td,th{border:1px solid #b0afaf;padding:10px;code{padding:1px!important;}}}"
|
|
14
|
-
} : {
|
|
15
|
-
name: "1ooil5x-styles",
|
|
16
|
-
styles: "html,body{font-size:16px;background-color:#fcfcfd;}.docblock-source{border-radius:0!important;background-color:#ffffff!important;box-shadow:none!important;}.docblock-propstable{margin:16px 0!important;th{padding:6px 13px!important;border:1px solid rgba(0, 0, 0, 0.1)!important;color:black!important;border-radius:0!important;}tr{background-color:#fff!important;}tbody{box-shadow:none!important;}td{background-color:transparent!important;padding:6px 13px!important;border:0!important;border-top:1px solid rgba(0, 0, 0, 0.1)!important;&:first-of-type{span:first-of-type{border:1px solid #eee;padding:3px 5px;background-color:#f8f8f8;font-family:monospace;font-weight:normal;}}&:nth-of-type(2){width:60%;& div:last-of-type{span{color:#0000ff;font-size:12px;}}}}}.markdown-table{border:1px solid #b0afaf;font-size:14px;thead{text-align:left;font-weight:bold;}tr:nth-of-type(even){background-color:#f8f8f8;}td,th{border:1px solid #b0afaf;padding:10px;code{padding:1px!important;}}};label:styles;",
|
|
17
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0dsb2JhbFN0b3J5Ym9va1N0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSW9CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0dsb2JhbFN0b3J5Ym9va1N0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBHbG9iYWwsIGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5jb25zdCBHbG9iYWxTdG9yeWJvb2tTdHlsZXMgPSAoKSA9PiB7XG4gIGNvbnN0IHN0eWxlcyA9IGNzc2BcbiAgICBodG1sLFxuICAgIGJvZHkge1xuICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZjZmNmZDtcbiAgICB9XG4gICAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgICAuZG9jYmxvY2stc291cmNlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDAgIWltcG9ydGFudDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmUgIWltcG9ydGFudDtcbiAgICB9XG5cbiAgICAuZG9jYmxvY2stcHJvcHN0YWJsZSB7XG4gICAgICBtYXJnaW46IDE2cHggMCAhaW1wb3J0YW50O1xuICAgICAgdGgge1xuICAgICAgICBwYWRkaW5nOiA2cHggMTNweCAhaW1wb3J0YW50O1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuMSkgIWltcG9ydGFudDtcbiAgICAgICAgY29sb3I6IGJsYWNrICFpbXBvcnRhbnQ7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDAgIWltcG9ydGFudDtcbiAgICAgIH1cbiAgICAgIHRyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZiAhaW1wb3J0YW50O1xuICAgICAgfVxuICAgICAgLyogdHI6bnRoLW9mLXR5cGUoZXZlbikge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjhmOGY4ICFpbXBvcnRhbnQ7XG4gICAgICB9ICovXG4gICAgICB0Ym9keSB7XG4gICAgICAgIGJveC1zaGFkb3c6IG5vbmUgIWltcG9ydGFudDtcbiAgICAgIH1cbiAgICAgIHRkIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQgIWltcG9ydGFudDtcbiAgICAgICAgcGFkZGluZzogNnB4IDEzcHggIWltcG9ydGFudDtcbiAgICAgICAgYm9yZGVyOiAwICFpbXBvcnRhbnQ7XG4gICAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuMSkgIWltcG9ydGFudDtcbiAgICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgICBzcGFuOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI2VlZTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDNweCA1cHg7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjhmOGY4O1xuICAgICAgICAgICAgZm9udC1mYW1pbHk6IG1vbm9zcGFjZTtcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgICY6bnRoLW9mLXR5cGUoMikge1xuICAgICAgICAgIHdpZHRoOiA2MCU7XG4gICAgICAgICAgJiBkaXY6bGFzdC1vZi10eXBlIHtcbiAgICAgICAgICAgIHNwYW4ge1xuICAgICAgICAgICAgICBjb2xvcjogIzAwMDBmZjtcbiAgICAgICAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgIC8qIHN0eWxlbGludC1lbmFibGUgKi9cblxuICAgIC5tYXJrZG93bi10YWJsZSB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAjYjBhZmFmO1xuICAgICAgZm9udC1zaXplOiAxNHB4O1xuXG4gICAgICB0aGVhZCB7XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgICAgfVxuXG4gICAgICB0cjpudGgtb2YtdHlwZShldmVuKSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmOGY4Zjg7XG4gICAgICB9XG5cbiAgICAgIHRkLFxuICAgICAgdGgge1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjYjBhZmFmO1xuICAgICAgICBwYWRkaW5nOiAxMHB4O1xuICAgICAgICBjb2RlIHtcbiAgICAgICAgICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAgICAgICAgIHBhZGRpbmc6IDFweCAhaW1wb3J0YW50O1xuICAgICAgICAgIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgYFxuICByZXR1cm4gPEdsb2JhbCBkYXRhLXRlc3Q9XCJ0ZXN0LXRoaW5nXCIgc3R5bGVzPXtzdHlsZXN9IC8+XG59XG5cbmV4cG9ydCBkZWZhdWx0IEdsb2JhbFN0b3J5Ym9va1N0eWxlc1xuIl19 */",
|
|
18
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
19
|
-
};
|
|
20
|
-
const GlobalStorybookStyles = () => {
|
|
21
|
-
const styles = _ref;
|
|
22
|
-
return (0, _react2.jsx)(_react2.Global, {
|
|
23
|
-
"data-test": "test-thing",
|
|
24
|
-
styles: styles
|
|
25
|
-
});
|
|
26
|
-
};
|
|
27
|
-
var _default = GlobalStorybookStyles;
|
|
28
|
-
exports.default = _default;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _ = require("./");
|
|
9
|
-
var _markdown = require("../markdown");
|
|
10
|
-
var _react2 = require("@emotion/react");
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
const MarkdownStory = ({
|
|
13
|
-
file,
|
|
14
|
-
content
|
|
15
|
-
}) => {
|
|
16
|
-
const [loading, setLoading] = _react.default.useState(true);
|
|
17
|
-
const [markdown, setMarkdown] = _react.default.useState('');
|
|
18
|
-
_react.default.useEffect(() => {
|
|
19
|
-
void content.then(c => {
|
|
20
|
-
setMarkdown(c.default);
|
|
21
|
-
setLoading(false);
|
|
22
|
-
});
|
|
23
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
24
|
-
}, []);
|
|
25
|
-
return (0, _react2.jsx)(_.StoryPage, null, (0, _react2.jsx)(_.ExampleContainer, {
|
|
26
|
-
headline: file
|
|
27
|
-
}, (0, _react2.jsx)(_markdown.Markdown, null, loading ? `loading...` : markdown)));
|
|
28
|
-
};
|
|
29
|
-
var _default = MarkdownStory;
|
|
30
|
-
exports.default = _default;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
type PaperProps = {
|
|
2
|
-
width?: number | string;
|
|
3
|
-
};
|
|
4
|
-
declare const Paper: import("@emotion/styled").StyledComponent<{
|
|
5
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
6
|
-
as?: import("react").ElementType<any> | undefined;
|
|
7
|
-
} & PaperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
|
-
export default Paper;
|
package/cjs/components/Paper.js
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
8
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
-
const Paper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
|
|
10
|
-
target: "ebnm1b20"
|
|
11
|
-
} : {
|
|
12
|
-
target: "ebnm1b20",
|
|
13
|
-
label: "Paper"
|
|
14
|
-
})("box-sizing:content-box;background-color:#eaf4fb;padding:10px;width:", ({
|
|
15
|
-
width
|
|
16
|
-
}) => width === undefined ? 'auto' : typeof width === 'number' ? `${width}px` : width, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1BhcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNb0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvUGFwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbnR5cGUgUGFwZXJQcm9wcyA9IHtcbiAgd2lkdGg/OiBudW1iZXIgfCBzdHJpbmdcbn1cblxuY29uc3QgUGFwZXIgPSBzdHlsZWQuZGl2PFBhcGVyUHJvcHM+YFxuICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2VhZjRmYjtcbiAgcGFkZGluZzogMTBweDtcbiAgd2lkdGg6ICR7KHsgd2lkdGggfSkgPT4gKHdpZHRoID09PSB1bmRlZmluZWQgPyAnYXV0bycgOiB0eXBlb2Ygd2lkdGggPT09ICdudW1iZXInID8gYCR7d2lkdGh9cHhgIDogd2lkdGgpfTtcbmBcblxuZXhwb3J0IGRlZmF1bHQgUGFwZXJcbiJdfQ== */"));
|
|
17
|
-
var _default = Paper;
|
|
18
|
-
exports.default = _default;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _react2 = require("@emotion/react");
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
11
|
-
const Placeholder = ({
|
|
12
|
-
width,
|
|
13
|
-
height,
|
|
14
|
-
...rest
|
|
15
|
-
}) => {
|
|
16
|
-
return (0, _react2.jsx)("div", _extends({
|
|
17
|
-
css: /*#__PURE__*/(0, _react2.css)("display:flex;margin-left:0;background-image:radial-gradient(circle at 50% 50%, #f8f9f9, #eef0f1);color:#b8b8b7;text-align:center;justify-content:center;align-items:center;font-size:10px;font-weight:300;width:", width, "px;height:", height, "px;" + (process.env.NODE_ENV === "production" ? "" : ";label:Placeholder;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1BsYWNlaG9sZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9QbGFjZWhvbGRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBQbGFjZWhvbGRlclByb3BzID0geyB3aWR0aDogbnVtYmVyOyBoZWlnaHQ6IG51bWJlciB9XG5cbmNvbnN0IFBsYWNlaG9sZGVyOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxQbGFjZWhvbGRlclByb3BzPiA9ICh7IHdpZHRoLCBoZWlnaHQsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBtYXJnaW4tbGVmdDogMDtcbiAgICAgICAgYmFja2dyb3VuZC1pbWFnZTogcmFkaWFsLWdyYWRpZW50KGNpcmNsZSBhdCA1MCUgNTAlLCAjZjhmOWY5LCAjZWVmMGYxKTtcbiAgICAgICAgY29sb3I6ICNiOGI4Yjc7XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGZvbnQtc2l6ZTogMTBweDtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgICAgICAgd2lkdGg6ICR7d2lkdGh9cHg7XG4gICAgICAgIGhlaWdodDogJHtoZWlnaHR9cHg7XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBQbGFjZWhvbGRlclxuIl19 */")
|
|
18
|
-
}, rest));
|
|
19
|
-
};
|
|
20
|
-
var _default = Placeholder;
|
|
21
|
-
exports.default = _default;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
declare const StoryPage: import("@emotion/styled").StyledComponent<{
|
|
2
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
3
|
-
as?: import("react").ElementType<any> | undefined;
|
|
4
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
5
|
-
export default StoryPage;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
8
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
-
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
10
|
-
const StoryPage = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
|
|
11
|
-
target: "e1rpk2m0"
|
|
12
|
-
} : {
|
|
13
|
-
target: "e1rpk2m0",
|
|
14
|
-
label: "StoryPage"
|
|
15
|
-
})(process.env.NODE_ENV === "production" ? {
|
|
16
|
-
name: "3hldis",
|
|
17
|
-
styles: "padding:5px 15px;max-width:1600px;&>h2{margin-top:30px!important;}"
|
|
18
|
-
} : {
|
|
19
|
-
name: "3hldis",
|
|
20
|
-
styles: "padding:5px 15px;max-width:1600px;&>h2{margin-top:30px!important;}",
|
|
21
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1N0b3J5UGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRTRCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1N0b3J5UGFnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgU3RvcnlQYWdlID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogNXB4IDE1cHg7XG4gIG1heC13aWR0aDogMTYwMHB4O1xuICAmID4gaDIge1xuICAgIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gICAgbWFyZ2luLXRvcDogMzBweCAhaW1wb3J0YW50O1xuICAgIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgfVxuYFxuXG5leHBvcnQgZGVmYXVsdCBTdG9yeVBhZ2VcbiJdfQ== */",
|
|
22
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
23
|
-
});
|
|
24
|
-
var _default = StoryPage;
|
|
25
|
-
exports.default = _default;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export { default as GlobalStorybookStyles } from './GlobalStorybookStyles';
|
|
2
|
-
export { default as StoryPage } from './StoryPage';
|
|
3
|
-
export { default as ExampleContainer } from './ExampleContainer';
|
|
4
|
-
export { default as Paper } from './Paper';
|
|
5
|
-
export { default as Placeholder } from './Placeholder';
|
|
6
|
-
export { default as MarkdownStory } from './MarkdownStory';
|
package/cjs/components/index.js
DELETED
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "ExampleContainer", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _ExampleContainer.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
Object.defineProperty(exports, "GlobalStorybookStyles", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function () {
|
|
15
|
-
return _GlobalStorybookStyles.default;
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
Object.defineProperty(exports, "MarkdownStory", {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function () {
|
|
21
|
-
return _MarkdownStory.default;
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
Object.defineProperty(exports, "Paper", {
|
|
25
|
-
enumerable: true,
|
|
26
|
-
get: function () {
|
|
27
|
-
return _Paper.default;
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
Object.defineProperty(exports, "Placeholder", {
|
|
31
|
-
enumerable: true,
|
|
32
|
-
get: function () {
|
|
33
|
-
return _Placeholder.default;
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
Object.defineProperty(exports, "StoryPage", {
|
|
37
|
-
enumerable: true,
|
|
38
|
-
get: function () {
|
|
39
|
-
return _StoryPage.default;
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
var _GlobalStorybookStyles = _interopRequireDefault(require("./GlobalStorybookStyles"));
|
|
43
|
-
var _StoryPage = _interopRequireDefault(require("./StoryPage"));
|
|
44
|
-
var _ExampleContainer = _interopRequireDefault(require("./ExampleContainer"));
|
|
45
|
-
var _Paper = _interopRequireDefault(require("./Paper"));
|
|
46
|
-
var _Placeholder = _interopRequireDefault(require("./Placeholder"));
|
|
47
|
-
var _MarkdownStory = _interopRequireDefault(require("./MarkdownStory"));
|
|
48
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
package/cjs/createDfdsTheme.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default function createDfdsTheme(title: string, logo: string): import("@storybook/theming").ThemeVars;
|
package/cjs/createDfdsTheme.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = createDfdsTheme;
|
|
7
|
-
var _theming = require("@storybook/theming");
|
|
8
|
-
function createDfdsTheme(title, logo) {
|
|
9
|
-
return (0, _theming.create)({
|
|
10
|
-
base: 'light',
|
|
11
|
-
brandTitle: title,
|
|
12
|
-
brandImage: logo
|
|
13
|
-
});
|
|
14
|
-
}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
export type PreviewProps = {
|
|
3
|
-
children: React.ReactNode;
|
|
4
|
-
gray?: boolean;
|
|
5
|
-
height?: string;
|
|
6
|
-
width?: string;
|
|
7
|
-
className?: string;
|
|
8
|
-
mdxSource?: string;
|
|
9
|
-
sourcePath?: string;
|
|
10
|
-
};
|
|
11
|
-
export declare const Canvas: ({ gray, height, width, ...rest }: PreviewProps) => JSX.Element;
|
|
12
|
-
/** @deprecated use Canvas */
|
|
13
|
-
export declare const Preview: ({ gray, height, width, ...rest }: PreviewProps) => JSX.Element;
|
|
14
|
-
export declare const Source: (props: any) => JSX.Element;
|
|
15
|
-
export declare const LabWarningBanner: () => JSX.Element;
|
|
16
|
-
export declare const DeprecatedBanner: ({ headline, children }: {
|
|
17
|
-
headline: string;
|
|
18
|
-
children: ReactNode;
|
|
19
|
-
}) => JSX.Element;
|
|
20
|
-
export declare const Meta: ({ title, ...rest }: any) => JSX.Element;
|
|
21
|
-
export declare const DocsContainer: ({ children, ...rest }: any) => JSX.Element;
|
|
22
|
-
export declare const ArgsTable: (props: any) => JSX.Element;
|
|
23
|
-
/** @deprecated use ArgsTable */
|
|
24
|
-
export declare const Props: (props: any) => JSX.Element;
|
|
25
|
-
export declare const Story: (props: any) => JSX.Element;
|
|
26
|
-
export declare const Description: (props: any) => JSX.Element;
|
|
27
|
-
type StoryLinkProps = {
|
|
28
|
-
kind: string;
|
|
29
|
-
name: string;
|
|
30
|
-
mode?: 'docs' | 'canvas';
|
|
31
|
-
target?: '_self' | '_blank';
|
|
32
|
-
children?: React.ReactNode;
|
|
33
|
-
};
|
|
34
|
-
export declare const StoryLink: ({ kind, name, mode, target, children }: StoryLinkProps) => JSX.Element | null;
|
|
35
|
-
export declare const DownloadButton: ({ children, href, className, }: {
|
|
36
|
-
children: React.ReactNode;
|
|
37
|
-
href: string;
|
|
38
|
-
className?: string | undefined;
|
|
39
|
-
}) => JSX.Element;
|
|
40
|
-
export {};
|