@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.
Files changed (63) hide show
  1. package/package.json +6 -7
  2. package/cjs/components/ExampleContainer.d.ts +0 -8
  3. package/cjs/components/ExampleContainer.js +0 -16
  4. package/cjs/components/GlobalStorybookStyles.d.ts +0 -2
  5. package/cjs/components/GlobalStorybookStyles.js +0 -28
  6. package/cjs/components/MarkdownStory.d.ts +0 -8
  7. package/cjs/components/MarkdownStory.js +0 -30
  8. package/cjs/components/Paper.d.ts +0 -8
  9. package/cjs/components/Paper.js +0 -18
  10. package/cjs/components/Placeholder.d.ts +0 -7
  11. package/cjs/components/Placeholder.js +0 -21
  12. package/cjs/components/StoryPage.d.ts +0 -5
  13. package/cjs/components/StoryPage.js +0 -25
  14. package/cjs/components/index.d.ts +0 -6
  15. package/cjs/components/index.js +0 -48
  16. package/cjs/createDfdsTheme.d.ts +0 -1
  17. package/cjs/createDfdsTheme.js +0 -14
  18. package/cjs/helpers/components.d.ts +0 -40
  19. package/cjs/helpers/components.js +0 -346
  20. package/cjs/helpers/decorators.d.ts +0 -3
  21. package/cjs/helpers/decorators.js +0 -27
  22. package/cjs/index.d.ts +0 -5
  23. package/cjs/index.js +0 -64
  24. package/cjs/markdown/Markdown.d.ts +0 -6
  25. package/cjs/markdown/Markdown.js +0 -54
  26. package/cjs/markdown/Md.d.ts +0 -2
  27. package/cjs/markdown/Md.js +0 -19
  28. package/cjs/markdown/index.d.ts +0 -2
  29. package/cjs/markdown/index.js +0 -20
  30. package/cjs/mdx/index.js +0 -3
  31. package/cjs/mdx/mdxLoaderRenderer.js +0 -17
  32. package/cjs/types/global.d.js +0 -1
  33. package/components/ExampleContainer.d.ts +0 -8
  34. package/components/ExampleContainer.js +0 -16
  35. package/components/GlobalStorybookStyles.d.ts +0 -2
  36. package/components/GlobalStorybookStyles.js +0 -21
  37. package/components/MarkdownStory.d.ts +0 -8
  38. package/components/MarkdownStory.js +0 -33
  39. package/components/Paper.d.ts +0 -8
  40. package/components/Paper.js +0 -11
  41. package/components/Placeholder.d.ts +0 -7
  42. package/components/Placeholder.js +0 -16
  43. package/components/StoryPage.d.ts +0 -5
  44. package/components/StoryPage.js +0 -17
  45. package/components/index.d.ts +0 -6
  46. package/components/index.js +0 -6
  47. package/createDfdsTheme.d.ts +0 -1
  48. package/createDfdsTheme.js +0 -8
  49. package/helpers/components.d.ts +0 -40
  50. package/helpers/components.js +0 -349
  51. package/helpers/decorators.d.ts +0 -3
  52. package/helpers/decorators.js +0 -26
  53. package/index.d.ts +0 -5
  54. package/index.js +0 -5
  55. package/markdown/Markdown.d.ts +0 -6
  56. package/markdown/Markdown.js +0 -55
  57. package/markdown/Md.d.ts +0 -2
  58. package/markdown/Md.js +0 -13
  59. package/markdown/index.d.ts +0 -2
  60. package/markdown/index.js +0 -2
  61. package/mdx/index.js +0 -1
  62. package/mdx/mdxLoaderRenderer.js +0 -4
  63. 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.4e495871",
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.11.4",
14
- "@emotion/styled": "11.11.5"
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.4e495871",
18
- "react-markdown": "^5.0.3",
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": "4e4958718cdb23e314fd502618fa60c2613b0c6b",
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,2 +0,0 @@
1
- declare const GlobalStorybookStyles: () => JSX.Element;
2
- export default GlobalStorybookStyles;
@@ -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,8 +0,0 @@
1
- type MarkdownStoryProps = {
2
- file: string;
3
- content: Promise<{
4
- default: string;
5
- }>;
6
- };
7
- declare const MarkdownStory: ({ file, content }: MarkdownStoryProps) => JSX.Element;
8
- export default MarkdownStory;
@@ -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;
@@ -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,7 +0,0 @@
1
- import React from 'react';
2
- type PlaceholderProps = {
3
- width: number;
4
- height: number;
5
- };
6
- declare const Placeholder: React.FunctionComponent<PlaceholderProps>;
7
- export default Placeholder;
@@ -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';
@@ -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 }; }
@@ -1 +0,0 @@
1
- export default function createDfdsTheme(title: string, logo: string): import("@storybook/theming").ThemeVars;
@@ -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 {};