@dfds-ui/storybook-design 2.0.8 → 2.0.9-alpha.3f7e7a4e

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 +3 -3
  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 -42
  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 -23
  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 -367
  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 -59
  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 -52
  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
@@ -1,3 +0,0 @@
1
- export declare const withPadding: (space?: string) => (storyFn: (...args: any) => any) => JSX.Element;
2
- export declare const withBackground: (color?: string) => (storyFn: (...args: any) => any) => JSX.Element;
3
- export declare const withWidth: (width: string) => (storyFn: (...args: any) => any) => JSX.Element;
@@ -1,27 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.withWidth = exports.withPadding = exports.withBackground = 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
- const withPadding = (space = '16px') => storyFn => {
11
- return (0, _react2.jsx)("div", {
12
- css: /*#__PURE__*/(0, _react2.css)("margin:", space, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:withPadding;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9oZWxwZXJzL2RlY29yYXRvcnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvaGVscGVycy9kZWNvcmF0b3JzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3Qgd2l0aFBhZGRpbmcgPVxuICAoc3BhY2UgPSAnMTZweCcpID0+XG4gIChzdG9yeUZuOiAoLi4uYXJnczogYW55KSA9PiBhbnkpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBtYXJnaW46ICR7c3BhY2V9O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7c3RvcnlGbigpfVxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9XG5cbmV4cG9ydCBjb25zdCB3aXRoQmFja2dyb3VuZCA9XG4gIChjb2xvciA9ICd0cmFuc3BhcmVudCcpID0+XG4gIChzdG9yeUZuOiAoLi4uYXJnczogYW55KSA9PiBhbnkpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9yfTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3N0b3J5Rm4oKX1cbiAgICAgIDwvZGl2PlxuICAgIClcbiAgfVxuXG5leHBvcnQgY29uc3Qgd2l0aFdpZHRoID0gKHdpZHRoOiBzdHJpbmcpID0+IChzdG9yeUZuOiAoLi4uYXJnczogYW55KSA9PiBhbnkpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgd2lkdGg6ICR7d2lkdGh9O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZWVlO1xuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgZm9udC1mYW1pbHk6IFZlcmRhbmEsIHN5c3RlbS11aSwgQXJpYWwsICdIZWx2ZXRpY2EgTmV1ZScsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICAgICAgICBwYWRkaW5nLXRvcDogNHB4O1xuICAgICAgICAgIGZvbnQtc2l6ZTogMTBweDtcbiAgICAgICAgICBjb250ZW50OiAnd2l0aFdpZHRoOiAke3dpZHRofSc7XG4gICAgICAgICAgb3BhY2l0eTogMC43NTtcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICA+XG4gICAgICB7c3RvcnlGbigpfVxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */")
13
- }, storyFn());
14
- };
15
- exports.withPadding = withPadding;
16
- const withBackground = (color = 'transparent') => storyFn => {
17
- return (0, _react2.jsx)("div", {
18
- css: /*#__PURE__*/(0, _react2.css)("background-color:", color, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:withBackground;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9oZWxwZXJzL2RlY29yYXRvcnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2hlbHBlcnMvZGVjb3JhdG9ycy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGNvbnN0IHdpdGhQYWRkaW5nID1cbiAgKHNwYWNlID0gJzE2cHgnKSA9PlxuICAoc3RvcnlGbjogKC4uLmFyZ3M6IGFueSkgPT4gYW55KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgbWFyZ2luOiAke3NwYWNlfTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3N0b3J5Rm4oKX1cbiAgICAgIDwvZGl2PlxuICAgIClcbiAgfVxuXG5leHBvcnQgY29uc3Qgd2l0aEJhY2tncm91bmQgPVxuICAoY29sb3IgPSAndHJhbnNwYXJlbnQnKSA9PlxuICAoc3RvcnlGbjogKC4uLmFyZ3M6IGFueSkgPT4gYW55KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcn07XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtzdG9yeUZuKCl9XG4gICAgICA8L2Rpdj5cbiAgICApXG4gIH1cblxuZXhwb3J0IGNvbnN0IHdpdGhXaWR0aCA9ICh3aWR0aDogc3RyaW5nKSA9PiAoc3RvcnlGbjogKC4uLmFyZ3M6IGFueSkgPT4gYW55KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHdpZHRoOiAke3dpZHRofTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2VlZTtcbiAgICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBWZXJkYW5hLCBzeXN0ZW0tdWksIEFyaWFsLCAnSGVsdmV0aWNhIE5ldWUnLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG4gICAgICAgICAgcGFkZGluZy10b3A6IDRweDtcbiAgICAgICAgICBmb250LXNpemU6IDEwcHg7XG4gICAgICAgICAgY29udGVudDogJ3dpdGhXaWR0aDogJHt3aWR0aH0nO1xuICAgICAgICAgIG9wYWNpdHk6IDAuNzU7XG4gICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAge3N0b3J5Rm4oKX1cbiAgICA8L2Rpdj5cbiAgKVxufVxuIl19 */")
19
- }, storyFn());
20
- };
21
- exports.withBackground = withBackground;
22
- const withWidth = width => storyFn => {
23
- return (0, _react2.jsx)("div", {
24
- css: /*#__PURE__*/(0, _react2.css)("width:", width, ";background-color:#eee;&::after{font-family:Verdana,system-ui,Arial,'Helvetica Neue',Helvetica,sans-serif;padding-top:4px;font-size:10px;content:'withWidth: ", width, "';opacity:0.75;display:block;}" + (process.env.NODE_ENV === "production" ? "" : ";label:withWidth;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9oZWxwZXJzL2RlY29yYXRvcnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvaGVscGVycy9kZWNvcmF0b3JzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3Qgd2l0aFBhZGRpbmcgPVxuICAoc3BhY2UgPSAnMTZweCcpID0+XG4gIChzdG9yeUZuOiAoLi4uYXJnczogYW55KSA9PiBhbnkpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBtYXJnaW46ICR7c3BhY2V9O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7c3RvcnlGbigpfVxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9XG5cbmV4cG9ydCBjb25zdCB3aXRoQmFja2dyb3VuZCA9XG4gIChjb2xvciA9ICd0cmFuc3BhcmVudCcpID0+XG4gIChzdG9yeUZuOiAoLi4uYXJnczogYW55KSA9PiBhbnkpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9yfTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3N0b3J5Rm4oKX1cbiAgICAgIDwvZGl2PlxuICAgIClcbiAgfVxuXG5leHBvcnQgY29uc3Qgd2l0aFdpZHRoID0gKHdpZHRoOiBzdHJpbmcpID0+IChzdG9yeUZuOiAoLi4uYXJnczogYW55KSA9PiBhbnkpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgd2lkdGg6ICR7d2lkdGh9O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZWVlO1xuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgZm9udC1mYW1pbHk6IFZlcmRhbmEsIHN5c3RlbS11aSwgQXJpYWwsICdIZWx2ZXRpY2EgTmV1ZScsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICAgICAgICBwYWRkaW5nLXRvcDogNHB4O1xuICAgICAgICAgIGZvbnQtc2l6ZTogMTBweDtcbiAgICAgICAgICBjb250ZW50OiAnd2l0aFdpZHRoOiAke3dpZHRofSc7XG4gICAgICAgICAgb3BhY2l0eTogMC43NTtcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICA+XG4gICAgICB7c3RvcnlGbigpfVxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */")
25
- }, storyFn());
26
- };
27
- exports.withWidth = withWidth;
package/cjs/index.d.ts DELETED
@@ -1,5 +0,0 @@
1
- export * from './components';
2
- export * from './markdown';
3
- export { default as createDfdsTheme } from './createDfdsTheme';
4
- export * from './helpers/components';
5
- export * from './helpers/decorators';
package/cjs/index.js DELETED
@@ -1,64 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- var _exportNames = {
7
- createDfdsTheme: true
8
- };
9
- Object.defineProperty(exports, "createDfdsTheme", {
10
- enumerable: true,
11
- get: function get() {
12
- return _createDfdsTheme.default;
13
- }
14
- });
15
- var _components = require("./components");
16
- Object.keys(_components).forEach(function (key) {
17
- if (key === "default" || key === "__esModule") return;
18
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
19
- if (key in exports && exports[key] === _components[key]) return;
20
- Object.defineProperty(exports, key, {
21
- enumerable: true,
22
- get: function get() {
23
- return _components[key];
24
- }
25
- });
26
- });
27
- var _markdown = require("./markdown");
28
- Object.keys(_markdown).forEach(function (key) {
29
- if (key === "default" || key === "__esModule") return;
30
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
31
- if (key in exports && exports[key] === _markdown[key]) return;
32
- Object.defineProperty(exports, key, {
33
- enumerable: true,
34
- get: function get() {
35
- return _markdown[key];
36
- }
37
- });
38
- });
39
- var _createDfdsTheme = _interopRequireDefault(require("./createDfdsTheme"));
40
- var _components2 = require("./helpers/components");
41
- Object.keys(_components2).forEach(function (key) {
42
- if (key === "default" || key === "__esModule") return;
43
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
44
- if (key in exports && exports[key] === _components2[key]) return;
45
- Object.defineProperty(exports, key, {
46
- enumerable: true,
47
- get: function get() {
48
- return _components2[key];
49
- }
50
- });
51
- });
52
- var _decorators = require("./helpers/decorators");
53
- Object.keys(_decorators).forEach(function (key) {
54
- if (key === "default" || key === "__esModule") return;
55
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
56
- if (key in exports && exports[key] === _decorators[key]) return;
57
- Object.defineProperty(exports, key, {
58
- enumerable: true,
59
- get: function get() {
60
- return _decorators[key];
61
- }
62
- });
63
- });
64
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- declare const Markdown: ({ children, ...rest }: {
3
- source?: any;
4
- children: React.ReactNode;
5
- }) => JSX.Element;
6
- export default Markdown;
@@ -1,59 +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 _reactMarkdown = _interopRequireDefault(require("react-markdown"));
9
- var _reactMarkdownGithubRenderers = _interopRequireDefault(require("react-markdown-github-renderers"));
10
- var _react2 = require("@emotion/react");
11
- const _excluded = ["children"];
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
- 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); }
14
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
15
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
16
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
17
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
18
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
19
- // the ListItem renderer from react-markdown-github-renderers does not render checkboxes so we create our own
20
- const ListItemRenderer = props => {
21
- let checkbox = null;
22
- if (props.checked !== null) {
23
- const checked = props.checked;
24
- checkbox = /*#__PURE__*/_react.default.createElement('input', {
25
- type: 'checkbox',
26
- checked,
27
- readOnly: true,
28
- style: {
29
- margin: '4px'
30
- }
31
- });
32
- }
33
- return /*#__PURE__*/_react.default.createElement('li', {
34
- style: {
35
- marginTop: 4,
36
- lineHeight: 1.5
37
- }
38
- }, checkbox, props.children);
39
- };
40
- const TableRenderer = props => {
41
- return /*#__PURE__*/_react.default.createElement('table', {
42
- className: 'markdown-table'
43
- }, props.children);
44
- };
45
- const customRenderers = _objectSpread(_objectSpread({}, _reactMarkdownGithubRenderers.default), {}, {
46
- listItem: ListItemRenderer,
47
- table: TableRenderer
48
- });
49
- const Markdown = _ref => {
50
- let children = _ref.children,
51
- rest = _objectWithoutProperties(_ref, _excluded);
52
- return (0, _react2.jsx)(_reactMarkdown.default, _extends({
53
- escapeHtml: false,
54
- source: children,
55
- renderers: customRenderers
56
- }, rest));
57
- };
58
- var _default = Markdown;
59
- exports.default = _default;
@@ -1,2 +0,0 @@
1
- export declare const Md: (strings: TemplateStringsArray, ...values: string[]) => JSX.Element;
2
- export default Md;
@@ -1,19 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.Md = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _Markdown = _interopRequireDefault(require("./Markdown"));
9
- var _react2 = require("@emotion/react");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
- const Md = (strings, ...values) => {
12
- const source = strings.reduce((res, str, i) => {
13
- return `${res}${str}${values[i] || ''}`;
14
- });
15
- return (0, _react2.jsx)(_Markdown.default, null, source);
16
- };
17
- exports.Md = Md;
18
- var _default = Md;
19
- exports.default = _default;
@@ -1,2 +0,0 @@
1
- export { default as Markdown } from './Markdown';
2
- export { default as Md } from './Md';
@@ -1,20 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "Markdown", {
7
- enumerable: true,
8
- get: function get() {
9
- return _Markdown.default;
10
- }
11
- });
12
- Object.defineProperty(exports, "Md", {
13
- enumerable: true,
14
- get: function get() {
15
- return _Md.default;
16
- }
17
- });
18
- var _Markdown = _interopRequireDefault(require("./Markdown"));
19
- var _Md = _interopRequireDefault(require("./Md"));
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
package/cjs/mdx/index.js DELETED
@@ -1,3 +0,0 @@
1
- "use strict";
2
-
3
- exports.mdxLoaderRenderer = require('./mdxLoaderRenderer');
@@ -1,17 +0,0 @@
1
- "use strict";
2
-
3
- // In order to use the css prop (without overwriting) on a component inside mdx
4
- // stories we need to provide @mdx-js/loader with a custom renderer function.
5
- // See https://github.com/mdx-js/mdx/tree/master/packages/loader
6
- module.exports = `
7
- import React from 'react'
8
- import { jsx } from '@emotion/react'
9
- import {mdx as _mdx } from '@mdx-js/react'
10
- const mdx = (name, props, ...children) => {
11
- // Sometimes the mdxType prop can bleed into the DOM from components which "spreads the rest props"
12
- if(props) {
13
- // delete props.mdxType
14
- }
15
- return (typeof name === 'string' || typeof name === 'symbol') && !(props && 'css' in props) ? _mdx(name, props, ...children) : jsx(name, props, ...children)
16
- }
17
- `;
@@ -1 +0,0 @@
1
- "use strict";
@@ -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
- import _styled from "@emotion/styled/base";
2
- var ExampleContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
3
- target: "e111yhd70"
4
- } : {
5
- target: "e111yhd70",
6
- label: "ExampleContainer"
7
- })("background-color:", function (p) {
8
- return p.dark ? '#002b45' : 'white';
9
- }, ";padding:25px 15px 15px;margin-bottom:16px;border:1px solid #f4f6f8;position:relative;::before{position:absolute;top:2px;content:'", function (p) {
10
- return p.headline || 'example';
11
- }, "';right:2px;font-size:10px;padding:4px 8px;color:", function (p) {
12
- return p.dark ? 'white' : 'black';
13
- }, ";background-color:", function (p) {
14
- return p.dark ? '#031c2b' : '#eee';
15
- }, ";text-transform:uppercase;letter-spacing:1.2px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0V4YW1wbGVDb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUUwRSIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9FeGFtcGxlQ29udGFpbmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBFeGFtcGxlQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7IGhlYWRsaW5lPzogc3RyaW5nOyBkYXJrPzogYm9vbGVhbiB9PmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsocCkgPT4gKHAuZGFyayA/ICcjMDAyYjQ1JyA6ICd3aGl0ZScpfTtcbiAgcGFkZGluZzogMjVweCAxNXB4IDE1cHg7XG4gIG1hcmdpbi1ib3R0b206IDE2cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNmNGY2Zjg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICA6OmJlZm9yZSB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMnB4O1xuICAgIGNvbnRlbnQ6ICckeyhwKSA9PiBwLmhlYWRsaW5lIHx8ICdleGFtcGxlJ30nO1xuICAgIHJpZ2h0OiAycHg7XG4gICAgZm9udC1zaXplOiAxMHB4O1xuICAgIHBhZGRpbmc6IDRweCA4cHg7XG4gICAgY29sb3I6ICR7KHApID0+IChwLmRhcmsgPyAnd2hpdGUnIDogJ2JsYWNrJyl9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHApID0+IChwLmRhcmsgPyAnIzAzMWMyYicgOiAnI2VlZScpfTtcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgIGxldHRlci1zcGFjaW5nOiAxLjJweDtcbiAgfVxuYFxuXG5leHBvcnQgZGVmYXVsdCBFeGFtcGxlQ29udGFpbmVyXG4iXX0= */"));
16
- export default ExampleContainer;
@@ -1,2 +0,0 @@
1
- declare const GlobalStorybookStyles: () => JSX.Element;
2
- export default GlobalStorybookStyles;
@@ -1,21 +0,0 @@
1
- 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)."; }
2
- import React from 'react';
3
- import { Global, css } from '@emotion/react';
4
- import { jsx as ___EmotionJSX } from "@emotion/react";
5
- var _ref = process.env.NODE_ENV === "production" ? {
6
- name: "ka24jl",
7
- 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;}}}"
8
- } : {
9
- name: "1ooil5x-styles",
10
- 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;",
11
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0dsb2JhbFN0b3J5Ym9va1N0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSW9CIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL0dsb2JhbFN0b3J5Ym9va1N0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBHbG9iYWwsIGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5jb25zdCBHbG9iYWxTdG9yeWJvb2tTdHlsZXMgPSAoKSA9PiB7XG4gIGNvbnN0IHN0eWxlcyA9IGNzc2BcbiAgICBodG1sLFxuICAgIGJvZHkge1xuICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZjZmNmZDtcbiAgICB9XG4gICAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgICAuZG9jYmxvY2stc291cmNlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDAgIWltcG9ydGFudDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmUgIWltcG9ydGFudDtcbiAgICB9XG5cbiAgICAuZG9jYmxvY2stcHJvcHN0YWJsZSB7XG4gICAgICBtYXJnaW46IDE2cHggMCAhaW1wb3J0YW50O1xuICAgICAgdGgge1xuICAgICAgICBwYWRkaW5nOiA2cHggMTNweCAhaW1wb3J0YW50O1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuMSkgIWltcG9ydGFudDtcbiAgICAgICAgY29sb3I6IGJsYWNrICFpbXBvcnRhbnQ7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDAgIWltcG9ydGFudDtcbiAgICAgIH1cbiAgICAgIHRyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZiAhaW1wb3J0YW50O1xuICAgICAgfVxuICAgICAgLyogdHI6bnRoLW9mLXR5cGUoZXZlbikge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjhmOGY4ICFpbXBvcnRhbnQ7XG4gICAgICB9ICovXG4gICAgICB0Ym9keSB7XG4gICAgICAgIGJveC1zaGFkb3c6IG5vbmUgIWltcG9ydGFudDtcbiAgICAgIH1cbiAgICAgIHRkIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQgIWltcG9ydGFudDtcbiAgICAgICAgcGFkZGluZzogNnB4IDEzcHggIWltcG9ydGFudDtcbiAgICAgICAgYm9yZGVyOiAwICFpbXBvcnRhbnQ7XG4gICAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuMSkgIWltcG9ydGFudDtcbiAgICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgICBzcGFuOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI2VlZTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDNweCA1cHg7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjhmOGY4O1xuICAgICAgICAgICAgZm9udC1mYW1pbHk6IG1vbm9zcGFjZTtcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgICY6bnRoLW9mLXR5cGUoMikge1xuICAgICAgICAgIHdpZHRoOiA2MCU7XG4gICAgICAgICAgJiBkaXY6bGFzdC1vZi10eXBlIHtcbiAgICAgICAgICAgIHNwYW4ge1xuICAgICAgICAgICAgICBjb2xvcjogIzAwMDBmZjtcbiAgICAgICAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgIC8qIHN0eWxlbGludC1lbmFibGUgKi9cblxuICAgIC5tYXJrZG93bi10YWJsZSB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAjYjBhZmFmO1xuICAgICAgZm9udC1zaXplOiAxNHB4O1xuXG4gICAgICB0aGVhZCB7XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgICAgfVxuXG4gICAgICB0cjpudGgtb2YtdHlwZShldmVuKSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmOGY4Zjg7XG4gICAgICB9XG5cbiAgICAgIHRkLFxuICAgICAgdGgge1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjYjBhZmFmO1xuICAgICAgICBwYWRkaW5nOiAxMHB4O1xuICAgICAgICBjb2RlIHtcbiAgICAgICAgICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAgICAgICAgIHBhZGRpbmc6IDFweCAhaW1wb3J0YW50O1xuICAgICAgICAgIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgYFxuICByZXR1cm4gPEdsb2JhbCBkYXRhLXRlc3Q9XCJ0ZXN0LXRoaW5nXCIgc3R5bGVzPXtzdHlsZXN9IC8+XG59XG5cbmV4cG9ydCBkZWZhdWx0IEdsb2JhbFN0b3J5Ym9va1N0eWxlc1xuIl19 */",
12
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
13
- };
14
- var GlobalStorybookStyles = function GlobalStorybookStyles() {
15
- var styles = _ref;
16
- return ___EmotionJSX(Global, {
17
- "data-test": "test-thing",
18
- styles: styles
19
- });
20
- };
21
- export default GlobalStorybookStyles;
@@ -1,8 +0,0 @@
1
- declare 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,33 +0,0 @@
1
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
3
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
4
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
5
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
6
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
7
- import React from 'react';
8
- import { StoryPage, ExampleContainer } from './';
9
- import { Markdown } from '../markdown';
10
- import { jsx as ___EmotionJSX } from "@emotion/react";
11
- var MarkdownStory = function MarkdownStory(_ref) {
12
- var file = _ref.file,
13
- content = _ref.content;
14
- var _React$useState = React.useState(true),
15
- _React$useState2 = _slicedToArray(_React$useState, 2),
16
- loading = _React$useState2[0],
17
- setLoading = _React$useState2[1];
18
- var _React$useState3 = React.useState(''),
19
- _React$useState4 = _slicedToArray(_React$useState3, 2),
20
- markdown = _React$useState4[0],
21
- setMarkdown = _React$useState4[1];
22
- React.useEffect(function () {
23
- void content.then(function (c) {
24
- setMarkdown(c["default"]);
25
- setLoading(false);
26
- });
27
- // eslint-disable-next-line react-hooks/exhaustive-deps
28
- }, []);
29
- return ___EmotionJSX(StoryPage, null, ___EmotionJSX(ExampleContainer, {
30
- headline: file
31
- }, ___EmotionJSX(Markdown, null, loading ? "loading..." : markdown)));
32
- };
33
- export default MarkdownStory;
@@ -1,8 +0,0 @@
1
- declare 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,11 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
- var Paper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
3
- target: "ebnm1b20"
4
- } : {
5
- target: "ebnm1b20",
6
- label: "Paper"
7
- })("box-sizing:content-box;background-color:#eaf4fb;padding:10px;width:", function (_ref) {
8
- var width = _ref.width;
9
- return width === undefined ? 'auto' : typeof width === 'number' ? "".concat(width, "px") : width;
10
- }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL1BhcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNb0MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvUGFwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbnR5cGUgUGFwZXJQcm9wcyA9IHtcbiAgd2lkdGg/OiBudW1iZXIgfCBzdHJpbmdcbn1cblxuY29uc3QgUGFwZXIgPSBzdHlsZWQuZGl2PFBhcGVyUHJvcHM+YFxuICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2VhZjRmYjtcbiAgcGFkZGluZzogMTBweDtcbiAgd2lkdGg6ICR7KHsgd2lkdGggfSkgPT4gKHdpZHRoID09PSB1bmRlZmluZWQgPyAnYXV0bycgOiB0eXBlb2Ygd2lkdGggPT09ICdudW1iZXInID8gYCR7d2lkdGh9cHhgIDogd2lkdGgpfTtcbmBcblxuZXhwb3J0IGRlZmF1bHQgUGFwZXJcbiJdfQ== */"));
11
- export default Paper;
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- declare type PlaceholderProps = {
3
- width: number;
4
- height: number;
5
- };
6
- declare const Placeholder: React.FunctionComponent<PlaceholderProps>;
7
- export default Placeholder;
@@ -1,16 +0,0 @@
1
- var _excluded = ["width", "height"];
2
- 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); }
3
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
5
- import React from 'react';
6
- import { css } from '@emotion/react';
7
- import { jsx as ___EmotionJSX } from "@emotion/react";
8
- var Placeholder = function Placeholder(_ref) {
9
- var width = _ref.width,
10
- height = _ref.height,
11
- rest = _objectWithoutProperties(_ref, _excluded);
12
- return ___EmotionJSX("div", _extends({
13
- css: /*#__PURE__*/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL1BsYWNlaG9sZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRYyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9QbGFjZWhvbGRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBQbGFjZWhvbGRlclByb3BzID0geyB3aWR0aDogbnVtYmVyOyBoZWlnaHQ6IG51bWJlciB9XG5cbmNvbnN0IFBsYWNlaG9sZGVyOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxQbGFjZWhvbGRlclByb3BzPiA9ICh7IHdpZHRoLCBoZWlnaHQsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBtYXJnaW4tbGVmdDogMDtcbiAgICAgICAgYmFja2dyb3VuZC1pbWFnZTogcmFkaWFsLWdyYWRpZW50KGNpcmNsZSBhdCA1MCUgNTAlLCAjZjhmOWY5LCAjZWVmMGYxKTtcbiAgICAgICAgY29sb3I6ICNiOGI4Yjc7XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGZvbnQtc2l6ZTogMTBweDtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgICAgICAgd2lkdGg6ICR7d2lkdGh9cHg7XG4gICAgICAgIGhlaWdodDogJHtoZWlnaHR9cHg7XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBQbGFjZWhvbGRlclxuIl19 */")
14
- }, rest));
15
- };
16
- export default Placeholder;
@@ -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,17 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
- 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)."; }
3
- var StoryPage = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
4
- target: "e1rpk2m0"
5
- } : {
6
- target: "e1rpk2m0",
7
- label: "StoryPage"
8
- })(process.env.NODE_ENV === "production" ? {
9
- name: "3hldis",
10
- styles: "padding:5px 15px;max-width:1600px;&>h2{margin-top:30px!important;}"
11
- } : {
12
- name: "3hldis",
13
- styles: "padding:5px 15px;max-width:1600px;&>h2{margin-top:30px!important;}",
14
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL1N0b3J5UGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRTRCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL1N0b3J5UGFnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgU3RvcnlQYWdlID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogNXB4IDE1cHg7XG4gIG1heC13aWR0aDogMTYwMHB4O1xuICAmID4gaDIge1xuICAgIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gICAgbWFyZ2luLXRvcDogMzBweCAhaW1wb3J0YW50O1xuICAgIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgfVxuYFxuXG5leHBvcnQgZGVmYXVsdCBTdG9yeVBhZ2VcbiJdfQ== */",
15
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
16
- });
17
- export default StoryPage;
@@ -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,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 +0,0 @@
1
- export default function createDfdsTheme(title: string, logo: string): import("@storybook/theming").ThemeVars;
@@ -1,8 +0,0 @@
1
- import { create } from '@storybook/theming';
2
- export default function createDfdsTheme(title, logo) {
3
- return create({
4
- base: 'light',
5
- brandTitle: title,
6
- brandImage: logo
7
- });
8
- }
@@ -1,40 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- export declare 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
- declare 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 {};