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

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,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(e) { return e && e.__esModule ? e : { default: e }; }
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 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 {};