@dfds-ui/storybook-design 2.2.0-alpha.eae7bbcd → 2.2.0-alpha.efaebd54

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 (50) hide show
  1. package/cjs/components/ExampleContainer.d.ts +4 -4
  2. package/cjs/components/ExampleContainer.js +1 -2
  3. package/cjs/components/Paper.d.ts +3 -3
  4. package/cjs/components/Paper.js +1 -2
  5. package/cjs/components/Placeholder.d.ts +2 -1
  6. package/cjs/components/Placeholder.js +6 -6
  7. package/cjs/components/StoryPage.d.ts +2 -2
  8. package/cjs/components/StoryPage.js +1 -2
  9. package/cjs/components/index.d.ts +0 -2
  10. package/cjs/components/index.js +0 -14
  11. package/cjs/index.d.ts +0 -3
  12. package/cjs/index.js +1 -38
  13. package/cjs/markdown/Markdown.d.ts +1 -1
  14. package/cjs/markdown/Markdown.js +15 -43
  15. package/cjs/markdown/Md.js +5 -4
  16. package/components/ExampleContainer.d.ts +4 -4
  17. package/components/Paper.d.ts +3 -3
  18. package/components/Placeholder.d.ts +2 -1
  19. package/components/Placeholder.js +11 -6
  20. package/components/StoryPage.d.ts +2 -2
  21. package/components/index.d.ts +0 -2
  22. package/components/index.js +1 -3
  23. package/index.d.ts +0 -3
  24. package/index.js +1 -4
  25. package/markdown/Markdown.d.ts +1 -1
  26. package/markdown/Markdown.js +13 -50
  27. package/markdown/Md.js +4 -2
  28. package/package.json +5 -6
  29. package/cjs/components/GlobalStorybookStyles.d.ts +0 -3
  30. package/cjs/components/GlobalStorybookStyles.js +0 -27
  31. package/cjs/components/MarkdownStory.d.ts +0 -9
  32. package/cjs/components/MarkdownStory.js +0 -30
  33. package/cjs/createDfdsTheme.d.ts +0 -1
  34. package/cjs/createDfdsTheme.js +0 -14
  35. package/cjs/helpers/components.d.ts +0 -40
  36. package/cjs/helpers/components.js +0 -336
  37. package/cjs/helpers/decorators.d.ts +0 -4
  38. package/cjs/helpers/decorators.js +0 -27
  39. package/cjs/types/global.d.js +0 -1
  40. package/components/GlobalStorybookStyles.d.ts +0 -3
  41. package/components/GlobalStorybookStyles.js +0 -20
  42. package/components/MarkdownStory.d.ts +0 -9
  43. package/components/MarkdownStory.js +0 -33
  44. package/createDfdsTheme.d.ts +0 -1
  45. package/createDfdsTheme.js +0 -8
  46. package/helpers/components.d.ts +0 -40
  47. package/helpers/components.js +0 -339
  48. package/helpers/decorators.d.ts +0 -4
  49. package/helpers/decorators.js +0 -26
  50. package/types/global.d.js +0 -0
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- export declare const withPadding: (space?: string) => (storyFn: (...args: any) => any) => React.JSX.Element;
3
- export declare const withBackground: (color?: string) => (storyFn: (...args: any) => any) => React.JSX.Element;
4
- export declare const withWidth: (width: string) => (storyFn: (...args: any) => any) => React.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(e) { return e && e.__esModule ? e : { default: e }; }
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;
@@ -1 +0,0 @@
1
- "use strict";
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const GlobalStorybookStyles: () => React.JSX.Element;
3
- export default GlobalStorybookStyles;
@@ -1,20 +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;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0dsb2JhbFN0b3J5Ym9va1N0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSW9CIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL0dsb2JhbFN0b3J5Ym9va1N0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBHbG9iYWwsIGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5jb25zdCBHbG9iYWxTdG9yeWJvb2tTdHlsZXMgPSAoKSA9PiB7XG4gIGNvbnN0IHN0eWxlcyA9IGNzc2BcbiAgICBodG1sLFxuICAgIGJvZHkge1xuICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZjZmNmZDtcbiAgICB9XG4gICAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgICAuZG9jYmxvY2stc291cmNlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDAgIWltcG9ydGFudDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmUgIWltcG9ydGFudDtcbiAgICB9XG5cbiAgICAuZG9jYmxvY2stcHJvcHN0YWJsZSB7XG4gICAgICBtYXJnaW46IDE2cHggMCAhaW1wb3J0YW50O1xuICAgICAgdGgge1xuICAgICAgICBwYWRkaW5nOiA2cHggMTNweCAhaW1wb3J0YW50O1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuMSkgIWltcG9ydGFudDtcbiAgICAgICAgY29sb3I6IGJsYWNrICFpbXBvcnRhbnQ7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDAgIWltcG9ydGFudDtcbiAgICAgIH1cbiAgICAgIHRyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZiAhaW1wb3J0YW50O1xuICAgICAgfVxuICAgICAgLyogdHI6bnRoLW9mLXR5cGUoZXZlbikge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjhmOGY4ICFpbXBvcnRhbnQ7XG4gICAgICB9ICovXG4gICAgICB0Ym9keSB7XG4gICAgICAgIGJveC1zaGFkb3c6IG5vbmUgIWltcG9ydGFudDtcbiAgICAgIH1cbiAgICAgIHRkIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQgIWltcG9ydGFudDtcbiAgICAgICAgcGFkZGluZzogNnB4IDEzcHggIWltcG9ydGFudDtcbiAgICAgICAgYm9yZGVyOiAwICFpbXBvcnRhbnQ7XG4gICAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuMSkgIWltcG9ydGFudDtcbiAgICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgICBzcGFuOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI2VlZTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDNweCA1cHg7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjhmOGY4O1xuICAgICAgICAgICAgZm9udC1mYW1pbHk6IG1vbm9zcGFjZTtcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgICY6bnRoLW9mLXR5cGUoMikge1xuICAgICAgICAgIHdpZHRoOiA2MCU7XG4gICAgICAgICAgJiBkaXY6bGFzdC1vZi10eXBlIHtcbiAgICAgICAgICAgIHNwYW4ge1xuICAgICAgICAgICAgICBjb2xvcjogIzAwMDBmZjtcbiAgICAgICAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgIC8qIHN0eWxlbGludC1lbmFibGUgKi9cblxuICAgIC5tYXJrZG93bi10YWJsZSB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAjYjBhZmFmO1xuICAgICAgZm9udC1zaXplOiAxNHB4O1xuXG4gICAgICB0aGVhZCB7XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgICAgfVxuXG4gICAgICB0cjpudGgtb2YtdHlwZShldmVuKSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmOGY4Zjg7XG4gICAgICB9XG5cbiAgICAgIHRkLFxuICAgICAgdGgge1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjYjBhZmFmO1xuICAgICAgICBwYWRkaW5nOiAxMHB4O1xuICAgICAgICBjb2RlIHtcbiAgICAgICAgICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAgICAgICAgIHBhZGRpbmc6IDFweCAhaW1wb3J0YW50O1xuICAgICAgICAgIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgYFxuICByZXR1cm4gPEdsb2JhbCBkYXRhLXRlc3Q9XCJ0ZXN0LXRoaW5nXCIgc3R5bGVzPXtzdHlsZXN9IC8+XG59XG5cbmV4cG9ydCBkZWZhdWx0IEdsb2JhbFN0b3J5Ym9va1N0eWxlc1xuIl19 */",
11
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
12
- };
13
- var GlobalStorybookStyles = function GlobalStorybookStyles() {
14
- var styles = _ref;
15
- return ___EmotionJSX(Global, {
16
- "data-test": "test-thing",
17
- styles: styles
18
- });
19
- };
20
- export default GlobalStorybookStyles;
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- declare type MarkdownStoryProps = {
3
- file: string;
4
- content: Promise<{
5
- default: string;
6
- }>;
7
- };
8
- declare const MarkdownStory: ({ file, content }: MarkdownStoryProps) => React.JSX.Element;
9
- export default MarkdownStory;
@@ -1,33 +0,0 @@
1
- function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
4
- function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
5
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0) { ; } } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
6
- function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
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 +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) => React.JSX.Element;
12
- /** @deprecated use Canvas */
13
- export declare const Preview: ({ gray, height, width, ...rest }: PreviewProps) => React.JSX.Element;
14
- export declare const Source: (props: any) => React.JSX.Element;
15
- export declare const LabWarningBanner: () => React.JSX.Element;
16
- export declare const DeprecatedBanner: ({ headline, children }: {
17
- headline: string;
18
- children: ReactNode;
19
- }) => React.JSX.Element;
20
- export declare const Meta: ({ title, ...rest }: any) => React.JSX.Element;
21
- export declare const DocsContainer: ({ children, ...rest }: any) => React.JSX.Element;
22
- export declare const ArgsTable: (props: any) => React.JSX.Element;
23
- /** @deprecated use ArgsTable */
24
- export declare const Props: (props: any) => React.JSX.Element;
25
- export declare const Story: (props: any) => React.JSX.Element;
26
- export declare const Description: (props: any) => React.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) => React.JSX.Element | null;
35
- export declare const DownloadButton: ({ children, href, className, }: {
36
- children: React.ReactNode;
37
- href: string;
38
- className?: string | undefined;
39
- }) => React.JSX.Element;
40
- export {};