@dfds-ui/storybook-design 2.0.23-alpha.fae88e2e → 2.0.23-alpha.fcaa34df

package/cjs/components/ExampleContainer.d.ts

@@ -0,0 +1,8 @@
+declare const ExampleContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    headline?: string | undefined;
+    dark?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default ExampleContainer;

package/cjs/components/ExampleContainer.js

@@ -12,4 +12,5 @@ const ExampleContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE
   target: "e111yhd70",
   label: "ExampleContainer"
 })("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= */"));
-var _default = exports.default = ExampleContainer;
+var _default = ExampleContainer;
+exports.default = _default;

package/cjs/components/GlobalStorybookStyles.d.ts

@@ -0,0 +1,2 @@
+declare const GlobalStorybookStyles: () => JSX.Element;
+export default GlobalStorybookStyles;

package/cjs/components/GlobalStorybookStyles.js

@@ -24,4 +24,5 @@ const GlobalStorybookStyles = () => {
     styles: styles
   });
 };
-var _default = exports.default = GlobalStorybookStyles;
+var _default = GlobalStorybookStyles;
+exports.default = _default;

package/cjs/components/MarkdownStory.d.ts

@@ -0,0 +1,8 @@
+declare type MarkdownStoryProps = {
+    file: string;
+    content: Promise<{
+        default: string;
+    }>;
+};
+declare const MarkdownStory: ({ file, content }: MarkdownStoryProps) => JSX.Element;
+export default MarkdownStory;

package/cjs/components/MarkdownStory.js

@@ -38,4 +38,5 @@ const MarkdownStory = ({
     headline: file
   }, (0, _react2.jsx)(_markdown.Markdown, null, loading ? `loading...` : markdown)));
 };
-var _default = exports.default = MarkdownStory;
+var _default = MarkdownStory;
+exports.default = _default;

package/cjs/components/Paper.d.ts

@@ -0,0 +1,8 @@
+declare type PaperProps = {
+    width?: number | string;
+};
+declare const Paper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & PaperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default Paper;

package/cjs/components/Paper.js

@@ -14,4 +14,5 @@ const Paper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "p
 })("box-sizing:content-box;background-color:#eaf4fb;padding:10px;width:", ({
   width
 }) => 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== */"));
-var _default = exports.default = Paper;
+var _default = Paper;
+exports.default = _default;

package/cjs/components/Placeholder.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type PlaceholderProps = {
+    width: number;
+    height: number;
+};
+declare const Placeholder: React.FunctionComponent<PlaceholderProps>;
+export default Placeholder;

package/cjs/components/Placeholder.js

@@ -19,4 +19,5 @@ const Placeholder = _ref => {
     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 */")
   }, rest));
 };
-var _default = exports.default = Placeholder;
+var _default = Placeholder;
+exports.default = _default;

package/cjs/components/StoryPage.d.ts

@@ -0,0 +1,5 @@
+declare const StoryPage: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default StoryPage;

package/cjs/components/StoryPage.js

@@ -21,4 +21,5 @@ const StoryPage = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV ==
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1N0b3J5UGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRTRCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1N0b3J5UGFnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgU3RvcnlQYWdlID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogNXB4IDE1cHg7XG4gIG1heC13aWR0aDogMTYwMHB4O1xuICAmID4gaDIge1xuICAgIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gICAgbWFyZ2luLXRvcDogMzBweCAhaW1wb3J0YW50O1xuICAgIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgfVxuYFxuXG5leHBvcnQgZGVmYXVsdCBTdG9yeVBhZ2VcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var _default = exports.default = StoryPage;
+var _default = StoryPage;
+exports.default = _default;

package/cjs/components/index.d.ts

@@ -0,0 +1,6 @@
+export { default as GlobalStorybookStyles } from './GlobalStorybookStyles';
+export { default as StoryPage } from './StoryPage';
+export { default as ExampleContainer } from './ExampleContainer';
+export { default as Paper } from './Paper';
+export { default as Placeholder } from './Placeholder';
+export { default as MarkdownStory } from './MarkdownStory';

package/cjs/createDfdsTheme.d.ts

@@ -0,0 +1 @@
+export default function createDfdsTheme(title: string, logo: string): import("@storybook/theming").ThemeVars;

package/cjs/helpers/components.d.ts

@@ -0,0 +1,40 @@
+import React, { ReactNode } from 'react';
+export declare type PreviewProps = {
+    children: React.ReactNode;
+    gray?: boolean;
+    height?: string;
+    width?: string;
+    className?: string;
+    mdxSource?: string;
+    sourcePath?: string;
+};
+export declare const Canvas: ({ gray, height, width, ...rest }: PreviewProps) => JSX.Element;
+/** @deprecated use Canvas */
+export declare const Preview: ({ gray, height, width, ...rest }: PreviewProps) => JSX.Element;
+export declare const Source: (props: any) => JSX.Element;
+export declare const LabWarningBanner: () => JSX.Element;
+export declare const DeprecatedBanner: ({ headline, children }: {
+    headline: string;
+    children: ReactNode;
+}) => JSX.Element;
+export declare const Meta: ({ title, ...rest }: any) => JSX.Element;
+export declare const DocsContainer: ({ children, ...rest }: any) => JSX.Element;
+export declare const ArgsTable: (props: any) => JSX.Element;
+/** @deprecated use ArgsTable */
+export declare const Props: (props: any) => JSX.Element;
+export declare const Story: (props: any) => JSX.Element;
+export declare const Description: (props: any) => JSX.Element;
+declare type StoryLinkProps = {
+    kind: string;
+    name: string;
+    mode?: 'docs' | 'canvas';
+    target?: '_self' | '_blank';
+    children?: React.ReactNode;
+};
+export declare const StoryLink: ({ kind, name, mode, target, children }: StoryLinkProps) => JSX.Element | null;
+export declare const DownloadButton: ({ children, href, className, }: {
+    children: React.ReactNode;
+    href: string;
+    className?: string | undefined;
+}) => JSX.Element;
+export {};

package/cjs/helpers/components.js

@@ -59,7 +59,8 @@ const Canvas = _ref9 => {
 
 /** @deprecated use Canvas */
 exports.Canvas = Canvas;
-const Preview = exports.Preview = Canvas;
+const Preview = Canvas;
+exports.Preview = Preview;
 const Source = props => {
   return (0, _react2.jsx)(_addonDocs.Source, props);
 };
@@ -289,7 +290,8 @@ const ArgsTable = props => {
 
 /** @deprecated use ArgsTable */
 exports.ArgsTable = ArgsTable;
-const Props = exports.Props = ArgsTable;
+const Props = ArgsTable;
+exports.Props = Props;
 const Story = props => {
   return (0, _react2.jsx)(_addonDocs.Story, props);
 };

package/cjs/helpers/decorators.d.ts

@@ -0,0 +1,3 @@
+export declare const withPadding: (space?: string) => (storyFn: (...args: any) => any) => JSX.Element;
+export declare const withBackground: (color?: string) => (storyFn: (...args: any) => any) => JSX.Element;
+export declare const withWidth: (width: string) => (storyFn: (...args: any) => any) => JSX.Element;

package/cjs/index.d.ts

@@ -0,0 +1,5 @@
+export * from './components';
+export * from './markdown';
+export { default as createDfdsTheme } from './createDfdsTheme';
+export * from './helpers/components';
+export * from './helpers/decorators';

package/cjs/markdown/Markdown.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const Markdown: ({ children, ...rest }: {
+    source?: any;
+    children: React.ReactNode;
+}) => JSX.Element;
+export default Markdown;

package/cjs/markdown/Markdown.js

@@ -56,4 +56,5 @@ const Markdown = _ref => {
     renderers: customRenderers
   }, rest));
 };
-var _default = exports.default = Markdown;
+var _default = Markdown;
+exports.default = _default;

package/cjs/markdown/Md.d.ts

@@ -0,0 +1,2 @@
+export declare const Md: (strings: TemplateStringsArray, ...values: string[]) => JSX.Element;
+export default Md;

package/cjs/markdown/Md.js

@@ -15,4 +15,5 @@ const Md = (strings, ...values) => {
   return (0, _react2.jsx)(_Markdown.default, null, source);
 };
 exports.Md = Md;
-var _default = exports.default = Md;
+var _default = Md;
+exports.default = _default;

package/cjs/markdown/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Markdown } from './Markdown';
+export { default as Md } from './Md';

package/components/ExampleContainer.d.ts

@@ -1,6 +1,6 @@
 declare const ExampleContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & {
     headline?: string | undefined;
     dark?: boolean | undefined;

package/components/GlobalStorybookStyles.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const GlobalStorybookStyles: () => React.JSX.Element;
+declare const GlobalStorybookStyles: () => JSX.Element;
 export default GlobalStorybookStyles;

package/components/MarkdownStory.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 declare type MarkdownStoryProps = {
     file: string;
     content: Promise<{
         default: string;
     }>;
 };
-declare const MarkdownStory: ({ file, content }: MarkdownStoryProps) => React.JSX.Element;
+declare const MarkdownStory: ({ file, content }: MarkdownStoryProps) => JSX.Element;
 export default MarkdownStory;

package/components/MarkdownStory.js

@@ -1,8 +1,8 @@
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 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."); }
 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); }
-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; }
-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; } }
+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; }
+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; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React from 'react';
 import { StoryPage, ExampleContainer } from './';

package/components/Paper.d.ts

@@ -3,6 +3,6 @@ declare type PaperProps = {
 };
 declare const Paper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 } & PaperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default Paper;

package/components/StoryPage.d.ts

@@ -1,5 +1,5 @@
 declare const StoryPage: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default StoryPage;

package/helpers/components.d.ts

@@ -8,22 +8,22 @@ export declare type PreviewProps = {
     mdxSource?: string;
     sourcePath?: string;
 };
-export declare const Canvas: ({ gray, height, width, ...rest }: PreviewProps) => React.JSX.Element;
+export declare const Canvas: ({ gray, height, width, ...rest }: PreviewProps) => JSX.Element;
 /** @deprecated use Canvas */
-export declare const Preview: ({ gray, height, width, ...rest }: PreviewProps) => React.JSX.Element;
-export declare const Source: (props: any) => React.JSX.Element;
-export declare const LabWarningBanner: () => React.JSX.Element;
+export declare const Preview: ({ gray, height, width, ...rest }: PreviewProps) => JSX.Element;
+export declare const Source: (props: any) => JSX.Element;
+export declare const LabWarningBanner: () => JSX.Element;
 export declare const DeprecatedBanner: ({ headline, children }: {
     headline: string;
     children: ReactNode;
-}) => React.JSX.Element;
-export declare const Meta: ({ title, ...rest }: any) => React.JSX.Element;
-export declare const DocsContainer: ({ children, ...rest }: any) => React.JSX.Element;
-export declare const ArgsTable: (props: any) => React.JSX.Element;
+}) => JSX.Element;
+export declare const Meta: ({ title, ...rest }: any) => JSX.Element;
+export declare const DocsContainer: ({ children, ...rest }: any) => JSX.Element;
+export declare const ArgsTable: (props: any) => JSX.Element;
 /** @deprecated use ArgsTable */
-export declare const Props: (props: any) => React.JSX.Element;
-export declare const Story: (props: any) => React.JSX.Element;
-export declare const Description: (props: any) => React.JSX.Element;
+export declare const Props: (props: any) => JSX.Element;
+export declare const Story: (props: any) => JSX.Element;
+export declare const Description: (props: any) => JSX.Element;
 declare type StoryLinkProps = {
     kind: string;
     name: string;
@@ -31,10 +31,10 @@ declare type StoryLinkProps = {
     target?: '_self' | '_blank';
     children?: React.ReactNode;
 };
-export declare const StoryLink: ({ kind, name, mode, target, children }: StoryLinkProps) => React.JSX.Element | null;
+export declare const StoryLink: ({ kind, name, mode, target, children }: StoryLinkProps) => JSX.Element | null;
 export declare const DownloadButton: ({ children, href, className, }: {
     children: React.ReactNode;
     href: string;
     className?: string | undefined;
-}) => React.JSX.Element;
+}) => JSX.Element;
 export {};

package/helpers/components.js

@@ -4,8 +4,8 @@ var _excluded = ["gray", "height", "width"],
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 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."); }
 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); }
-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; }
-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; } }
+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; }
+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; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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); }
 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; }

package/helpers/decorators.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
-export declare const withPadding: (space?: string) => (storyFn: (...args: any) => any) => React.JSX.Element;
-export declare const withBackground: (color?: string) => (storyFn: (...args: any) => any) => React.JSX.Element;
-export declare const withWidth: (width: string) => (storyFn: (...args: any) => any) => React.JSX.Element;
+export declare const withPadding: (space?: string) => (storyFn: (...args: any) => any) => JSX.Element;
+export declare const withBackground: (color?: string) => (storyFn: (...args: any) => any) => JSX.Element;
+export declare const withWidth: (width: string) => (storyFn: (...args: any) => any) => JSX.Element;

package/markdown/Markdown.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 declare const Markdown: ({ children, ...rest }: {
     source?: any;
     children: React.ReactNode;
-}) => React.JSX.Element;
+}) => JSX.Element;
 export default Markdown;

package/markdown/Md.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-export declare const Md: (strings: TemplateStringsArray, ...values: string[]) => React.JSX.Element;
+export declare const Md: (strings: TemplateStringsArray, ...values: string[]) => JSX.Element;
 export default Md;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Components and utils for use with Storybook within DFDS",
   "license": "MIT",
   "private": false,
-  "version": "2.0.23-alpha.fae88e2e",
+  "version": "2.0.23-alpha.fcaa34df",
   "sideEffects": false,
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -14,11 +14,11 @@
     "@emotion/styled": "11.11.5"
   },
   "dependencies": {
-    "@dfds-ui/icons": "2.0.23-alpha.fae88e2e",
-    "react-markdown": "9.0.1",
-    "react-markdown-github-renderers": "1.0.3"
+    "@dfds-ui/icons": "2.0.23-alpha.fcaa34df",
+    "react-markdown": "^5.0.3",
+    "react-markdown-github-renderers": "^1.0.3"
   },
-  "gitHead": "fae88e2ec8c824c1a733e369f1f4142096c79704",
+  "gitHead": "fcaa34dffc53346951e4a9334667af288f8f5b47",
   "publishConfig": {
     "access": "public"
   }