@dfds-ui/storybook-design 2.2.0-alpha.4e495871 → 2.2.0-alpha.5cc573ff

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 (54) hide show
  1. package/cjs/components/ExampleContainer.d.ts +4 -4
  2. package/cjs/components/ExampleContainer.js +2 -3
  3. package/cjs/components/Paper.d.ts +2 -2
  4. package/cjs/components/Paper.js +2 -3
  5. package/cjs/components/Placeholder.d.ts +1 -0
  6. package/cjs/components/Placeholder.js +7 -7
  7. package/cjs/components/StoryPage.d.ts +2 -2
  8. package/cjs/components/StoryPage.js +3 -5
  9. package/cjs/components/index.d.ts +0 -2
  10. package/cjs/components/index.js +1 -15
  11. package/cjs/index.d.ts +0 -3
  12. package/cjs/index.js +1 -38
  13. package/cjs/markdown/Markdown.d.ts +2 -2
  14. package/cjs/markdown/Markdown.js +16 -44
  15. package/cjs/markdown/Md.d.ts +2 -1
  16. package/cjs/markdown/Md.js +6 -5
  17. package/cjs/markdown/index.js +1 -1
  18. package/components/ExampleContainer.d.ts +4 -4
  19. package/components/Paper.d.ts +2 -2
  20. package/components/Placeholder.d.ts +1 -0
  21. package/components/Placeholder.js +11 -6
  22. package/components/StoryPage.d.ts +2 -2
  23. package/components/StoryPage.js +1 -2
  24. package/components/index.d.ts +0 -2
  25. package/components/index.js +1 -3
  26. package/index.d.ts +0 -3
  27. package/index.js +1 -4
  28. package/markdown/Markdown.d.ts +2 -2
  29. package/markdown/Markdown.js +13 -50
  30. package/markdown/Md.d.ts +2 -1
  31. package/markdown/Md.js +4 -2
  32. package/package.json +6 -7
  33. package/cjs/components/GlobalStorybookStyles.d.ts +0 -2
  34. package/cjs/components/GlobalStorybookStyles.js +0 -28
  35. package/cjs/components/MarkdownStory.d.ts +0 -8
  36. package/cjs/components/MarkdownStory.js +0 -30
  37. package/cjs/createDfdsTheme.d.ts +0 -1
  38. package/cjs/createDfdsTheme.js +0 -14
  39. package/cjs/helpers/components.d.ts +0 -40
  40. package/cjs/helpers/components.js +0 -346
  41. package/cjs/helpers/decorators.d.ts +0 -3
  42. package/cjs/helpers/decorators.js +0 -27
  43. package/cjs/types/global.d.js +0 -1
  44. package/components/GlobalStorybookStyles.d.ts +0 -2
  45. package/components/GlobalStorybookStyles.js +0 -21
  46. package/components/MarkdownStory.d.ts +0 -8
  47. package/components/MarkdownStory.js +0 -33
  48. package/createDfdsTheme.d.ts +0 -1
  49. package/createDfdsTheme.js +0 -8
  50. package/helpers/components.d.ts +0 -40
  51. package/helpers/components.js +0 -349
  52. package/helpers/decorators.d.ts +0 -3
  53. package/helpers/decorators.js +0 -26
  54. package/types/global.d.js +0 -0
@@ -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 +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 {};