@dfds-ui/storybook-design 2.0.28 → 2.0.29-alpha.153d970c

package/cjs/components/ExampleContainer.d.ts

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

package/cjs/components/ExampleContainer.js

@@ -5,12 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ExampleContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "e111yhd70"
 } : {
   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 = ExampleContainer;
-exports.default = _default;
+var _default = exports.default = ExampleContainer;

package/cjs/components/GlobalStorybookStyles.d.ts

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

package/cjs/components/GlobalStorybookStyles.js

@@ -6,23 +6,21 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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)."; }
-var _ref = process.env.NODE_ENV === "production" ? {
-  name: "ka24jl",
-  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;}}}"
+const docBlockOverrides = process.env.NODE_ENV === "production" ? {
+  name: "1y0o2ee",
+  styles: ".sbdocs .sbdocs-content,.docs-story,[data-docs-story]{font-family:DFDS,Verdana,system-ui,Arial,\"Helvetica Neue\",Helvetica,sans-serif;}.sbdocs-h1,.sbdocs-h2,.sbdocs-h3,.sbdocs-h4{font-family:DFDS,Verdana,system-ui,Arial,\"Helvetica Neue\",Helvetica,sans-serif!important;color:#002b45!important;font-weight:600!important;}.sbdocs-h1{font-size:56px!important;line-height:1.15!important;font-weight:700!important;margin:48px 0 16px!important;padding-bottom:4px!important;border-bottom:1px solid #f0f0f0!important;}.sbdocs-h2{font-size:32px!important;line-height:1.25!important;margin:40px 0 16px!important;padding-bottom:2px!important;border-bottom:1px solid #f0f0f0!important;}.sbdocs-h3{font-size:24px!important;line-height:1.3!important;margin:32px 0 12px!important;}.sbdocs-h4{font-size:20px!important;line-height:1.35!important;margin:24px 0 8px!important;}.docblock-argstable-body,.docblock-source{border-radius:0!important;background-color:#ffffff!important;box-shadow:none!important;}.docblock-argstable,.docblock-propstable{margin:16px 0!important;th{border:1px solid #deeaf7!important;border-left-width:0!important;border-right-width:0!important;border-top-width:0!important;border-radius:0!important;background:#f6f9fc;font-weight:normal;color:#3c3c3c!important;padding:6px 12px!important;}tr{background-color:#fff!important;&:last-of-type td{border-bottom-width:0!important;}}tbody{box-shadow:none!important;}td{background-color:transparent!important;padding:14px 12px!important;border:1px solid #deeaf7!important;border-left-width:0!important;border-right-width:0!important;&:first-of-type{min-width:165px;span:first-of-type{font-family:monospace;font-weight:normal;display:inline-block;}}&:nth-of-type(2){width:80%;& div:last-of-type{span{color:#932981;font-size:12px;}}}&:nth-of-type(3){span:first-of-type{font-size:12px;}}[title='Required']{visibility:hidden;&::after{font-family:monospace;visibility:visible;content:'required';font-size:10px;display:block;}}}}"
 } : {
-  name: "1ooil5x-styles",
-  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;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0dsb2JhbFN0b3J5Ym9va1N0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSW9CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0dsb2JhbFN0b3J5Ym9va1N0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBHbG9iYWwsIGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5jb25zdCBHbG9iYWxTdG9yeWJvb2tTdHlsZXMgPSAoKSA9PiB7XG4gIGNvbnN0IHN0eWxlcyA9IGNzc2BcbiAgICBodG1sLFxuICAgIGJvZHkge1xuICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZjZmNmZDtcbiAgICB9XG4gICAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgICAuZG9jYmxvY2stc291cmNlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDAgIWltcG9ydGFudDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmUgIWltcG9ydGFudDtcbiAgICB9XG5cbiAgICAuZG9jYmxvY2stcHJvcHN0YWJsZSB7XG4gICAgICBtYXJnaW46IDE2cHggMCAhaW1wb3J0YW50O1xuICAgICAgdGgge1xuICAgICAgICBwYWRkaW5nOiA2cHggMTNweCAhaW1wb3J0YW50O1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuMSkgIWltcG9ydGFudDtcbiAgICAgICAgY29sb3I6IGJsYWNrICFpbXBvcnRhbnQ7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDAgIWltcG9ydGFudDtcbiAgICAgIH1cbiAgICAgIHRyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZiAhaW1wb3J0YW50O1xuICAgICAgfVxuICAgICAgLyogdHI6bnRoLW9mLXR5cGUoZXZlbikge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjhmOGY4ICFpbXBvcnRhbnQ7XG4gICAgICB9ICovXG4gICAgICB0Ym9keSB7XG4gICAgICAgIGJveC1zaGFkb3c6IG5vbmUgIWltcG9ydGFudDtcbiAgICAgIH1cbiAgICAgIHRkIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQgIWltcG9ydGFudDtcbiAgICAgICAgcGFkZGluZzogNnB4IDEzcHggIWltcG9ydGFudDtcbiAgICAgICAgYm9yZGVyOiAwICFpbXBvcnRhbnQ7XG4gICAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuMSkgIWltcG9ydGFudDtcbiAgICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgICBzcGFuOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI2VlZTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDNweCA1cHg7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjhmOGY4O1xuICAgICAgICAgICAgZm9udC1mYW1pbHk6IG1vbm9zcGFjZTtcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgICY6bnRoLW9mLXR5cGUoMikge1xuICAgICAgICAgIHdpZHRoOiA2MCU7XG4gICAgICAgICAgJiBkaXY6bGFzdC1vZi10eXBlIHtcbiAgICAgICAgICAgIHNwYW4ge1xuICAgICAgICAgICAgICBjb2xvcjogIzAwMDBmZjtcbiAgICAgICAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgIC8qIHN0eWxlbGludC1lbmFibGUgKi9cblxuICAgIC5tYXJrZG93bi10YWJsZSB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAjYjBhZmFmO1xuICAgICAgZm9udC1zaXplOiAxNHB4O1xuXG4gICAgICB0aGVhZCB7XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgICAgfVxuXG4gICAgICB0cjpudGgtb2YtdHlwZShldmVuKSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmOGY4Zjg7XG4gICAgICB9XG5cbiAgICAgIHRkLFxuICAgICAgdGgge1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjYjBhZmFmO1xuICAgICAgICBwYWRkaW5nOiAxMHB4O1xuICAgICAgICBjb2RlIHtcbiAgICAgICAgICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAgICAgICAgIHBhZGRpbmc6IDFweCAhaW1wb3J0YW50O1xuICAgICAgICAgIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgYFxuICByZXR1cm4gPEdsb2JhbCBkYXRhLXRlc3Q9XCJ0ZXN0LXRoaW5nXCIgc3R5bGVzPXtzdHlsZXN9IC8+XG59XG5cbmV4cG9ydCBkZWZhdWx0IEdsb2JhbFN0b3J5Ym9va1N0eWxlc1xuIl19 */",
+  name: "1ru7wij-docBlockOverrides",
+  styles: ".sbdocs .sbdocs-content,.docs-story,[data-docs-story]{font-family:DFDS,Verdana,system-ui,Arial,\"Helvetica Neue\",Helvetica,sans-serif;}.sbdocs-h1,.sbdocs-h2,.sbdocs-h3,.sbdocs-h4{font-family:DFDS,Verdana,system-ui,Arial,\"Helvetica Neue\",Helvetica,sans-serif!important;color:#002b45!important;font-weight:600!important;}.sbdocs-h1{font-size:56px!important;line-height:1.15!important;font-weight:700!important;margin:48px 0 16px!important;padding-bottom:4px!important;border-bottom:1px solid #f0f0f0!important;}.sbdocs-h2{font-size:32px!important;line-height:1.25!important;margin:40px 0 16px!important;padding-bottom:2px!important;border-bottom:1px solid #f0f0f0!important;}.sbdocs-h3{font-size:24px!important;line-height:1.3!important;margin:32px 0 12px!important;}.sbdocs-h4{font-size:20px!important;line-height:1.35!important;margin:24px 0 8px!important;}.docblock-argstable-body,.docblock-source{border-radius:0!important;background-color:#ffffff!important;box-shadow:none!important;}.docblock-argstable,.docblock-propstable{margin:16px 0!important;th{border:1px solid #deeaf7!important;border-left-width:0!important;border-right-width:0!important;border-top-width:0!important;border-radius:0!important;background:#f6f9fc;font-weight:normal;color:#3c3c3c!important;padding:6px 12px!important;}tr{background-color:#fff!important;&:last-of-type td{border-bottom-width:0!important;}}tbody{box-shadow:none!important;}td{background-color:transparent!important;padding:14px 12px!important;border:1px solid #deeaf7!important;border-left-width:0!important;border-right-width:0!important;&:first-of-type{min-width:165px;span:first-of-type{font-family:monospace;font-weight:normal;display:inline-block;}}&:nth-of-type(2){width:80%;& div:last-of-type{span{color:#932981;font-size:12px;}}}&:nth-of-type(3){span:first-of-type{font-size:12px;}}[title='Required']{visibility:hidden;&::after{font-family:monospace;visibility:visible;content:'required';font-size:10px;display:block;}}}};label:docBlockOverrides;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0dsb2JhbFN0b3J5Ym9va1N0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzZCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0dsb2JhbFN0b3J5Ym9va1N0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBHbG9iYWwsIGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5jb25zdCBkb2NCbG9ja092ZXJyaWRlcyA9IGNzc2BcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgLyogT25seSBvdmVycmlkZSBzcGVjaWZpYyBlbGVtZW50cywgcHJlc2VydmUgU3Rvcnlib29rJ3MgZGVmYXVsdCBoZWFkaW5nIHN0eWxlcyAqL1xuXG4gIC8qIEZvbnQgZmFtaWx5IGZvciB0aGUgZW50aXJlIGRvY3MgY29udGFpbmVyICovXG4gIC5zYmRvY3MgLnNiZG9jcy1jb250ZW50LFxuICAuZG9jcy1zdG9yeSxcbiAgW2RhdGEtZG9jcy1zdG9yeV0ge1xuICAgIGZvbnQtZmFtaWx5OiBERkRTLCBWZXJkYW5hLCBzeXN0ZW0tdWksIEFyaWFsLCBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgfVxuXG4gIC8qIEV4cGxpY2l0IGRvY3MgaGVhZGluZyBjbGFzcyBvdmVycmlkZXMgKFN0b3J5Ym9vayBpbmplY3RzIHRoZXNlIHV0aWxpdHkgY2xhc3NlcykgKi9cbiAgLnNiZG9jcy1oMSxcbiAgLnNiZG9jcy1oMixcbiAgLnNiZG9jcy1oMyxcbiAgLnNiZG9jcy1oNCB7XG4gICAgZm9udC1mYW1pbHk6IERGRFMsIFZlcmRhbmEsIHN5c3RlbS11aSwgQXJpYWwsIFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmICFpbXBvcnRhbnQ7XG4gICAgY29sb3I6ICMwMDJiNDUgIWltcG9ydGFudDtcbiAgICBmb250LXdlaWdodDogNjAwICFpbXBvcnRhbnQ7XG4gIH1cbiAgLnNiZG9jcy1oMSB7IGZvbnQtc2l6ZTogNTZweCAhaW1wb3J0YW50OyBsaW5lLWhlaWdodDogMS4xNSAhaW1wb3J0YW50OyBmb250LXdlaWdodDogNzAwICFpbXBvcnRhbnQ7IG1hcmdpbjogNDhweCAwIDE2cHggIWltcG9ydGFudDsgcGFkZGluZy1ib3R0b206IDRweCAhaW1wb3J0YW50OyBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2YwZjBmMCAhaW1wb3J0YW50OyB9XG4gIC5zYmRvY3MtaDIgeyBmb250LXNpemU6IDMycHggIWltcG9ydGFudDsgbGluZS1oZWlnaHQ6IDEuMjUgIWltcG9ydGFudDsgbWFyZ2luOiA0MHB4IDAgMTZweCAhaW1wb3J0YW50OyBwYWRkaW5nLWJvdHRvbTogMnB4ICFpbXBvcnRhbnQ7IGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZjBmMGYwICFpbXBvcnRhbnQ7IH1cbiAgLnNiZG9jcy1oMyB7IGZvbnQtc2l6ZTogMjRweCAhaW1wb3J0YW50OyBsaW5lLWhlaWdodDogMS4zICFpbXBvcnRhbnQ7IG1hcmdpbjogMzJweCAwIDEycHggIWltcG9ydGFudDsgfVxuICAuc2Jkb2NzLWg0IHsgZm9udC1zaXplOiAyMHB4ICFpbXBvcnRhbnQ7IGxpbmUtaGVpZ2h0OiAxLjM1ICFpbXBvcnRhbnQ7IG1hcmdpbjogMjRweCAwIDhweCAhaW1wb3J0YW50OyB9XG5cbiAgLmRvY2Jsb2NrLWFyZ3N0YWJsZS1ib2R5LFxuICAuZG9jYmxvY2stc291cmNlIHtcbiAgICBib3JkZXItcmFkaXVzOiAwICFpbXBvcnRhbnQ7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xuICAgIGJveC1zaGFkb3c6IG5vbmUgIWltcG9ydGFudDtcbiAgfVxuXG4gIC5kb2NibG9jay1hcmdzdGFibGUsXG4gIC5kb2NibG9jay1wcm9wc3RhYmxlIHtcbiAgICBtYXJnaW46IDE2cHggMCAhaW1wb3J0YW50O1xuICAgIHRoIHtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNkZWVhZjcgIWltcG9ydGFudDtcbiAgICAgIGJvcmRlci1sZWZ0LXdpZHRoOiAwICFpbXBvcnRhbnQ7XG4gICAgICBib3JkZXItcmlnaHQtd2lkdGg6IDAgIWltcG9ydGFudDtcbiAgICAgIGJvcmRlci10b3Atd2lkdGg6IDAgIWltcG9ydGFudDtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDAgIWltcG9ydGFudDtcbiAgICAgIGJhY2tncm91bmQ6ICNmNmY5ZmM7XG4gICAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICAgICAgY29sb3I6ICMzYzNjM2MgIWltcG9ydGFudDtcbiAgICAgIHBhZGRpbmc6IDZweCAxMnB4ICFpbXBvcnRhbnQ7XG4gICAgfVxuXG4gICAgdHIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZiAhaW1wb3J0YW50O1xuXG4gICAgICAmOmxhc3Qtb2YtdHlwZSB0ZCB7XG4gICAgICAgIGJvcmRlci1ib3R0b20td2lkdGg6IDAgIWltcG9ydGFudDtcbiAgICAgIH1cbiAgICB9XG4gICAgdGJvZHkge1xuICAgICAgYm94LXNoYWRvdzogbm9uZSAhaW1wb3J0YW50O1xuICAgIH1cbiAgICB0ZCB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudCAhaW1wb3J0YW50O1xuICAgICAgcGFkZGluZzogMTRweCAxMnB4ICFpbXBvcnRhbnQ7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAjZGVlYWY3ICFpbXBvcnRhbnQ7XG4gICAgICBib3JkZXItbGVmdC13aWR0aDogMCAhaW1wb3J0YW50O1xuICAgICAgYm9yZGVyLXJpZ2h0LXdpZHRoOiAwICFpbXBvcnRhbnQ7XG4gICAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICBtaW4td2lkdGg6IDE2NXB4O1xuICAgICAgICBzcGFuOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBtb25vc3BhY2U7XG4gICAgICAgICAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbiAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgICY6bnRoLW9mLXR5cGUoMikge1xuICAgICAgICB3aWR0aDogODAlO1xuICAgICAgICAmIGRpdjpsYXN0LW9mLXR5cGUge1xuICAgICAgICAgIHNwYW4ge1xuICAgICAgICAgICAgY29sb3I6ICM5MzI5ODE7XG4gICAgICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgICY6bnRoLW9mLXR5cGUoMykge1xuICAgICAgICBzcGFuOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICBbdGl0bGU9J1JlcXVpcmVkJ10ge1xuICAgICAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICBmb250LWZhbWlseTogbW9ub3NwYWNlO1xuICAgICAgICAgIHZpc2liaWxpdHk6IHZpc2libGU7XG4gICAgICAgICAgY29udGVudDogJ3JlcXVpcmVkJztcbiAgICAgICAgICBmb250LXNpemU6IDEwcHg7XG4gICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH1cbiAgLyogc3R5bGVsaW50LWVuYWJsZSAqL1xuYFxuXG5jb25zdCBHbG9iYWxTdG9yeWJvb2tTdHlsZXMgPSAoKSA9PiB7XG4gIGNvbnN0IHN0eWxlcyA9IGNzc2BcbiAgICAvKiBHbG9iYWwgZm9udCBmYW1pbHkgZm9yIFN0b3J5Ym9vayAqL1xuICAgIGh0bWwsXG4gICAgYm9keSB7XG4gICAgICBmb250LWZhbWlseTogREZEUywgVmVyZGFuYSwgc3lzdGVtLXVpLCBBcmlhbCwgXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG4gICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmNmY2ZkO1xuICAgIH1cblxuICAgIC8qIEVuc3VyZSBmb250IGFwcGxpZXMgdG8gYWxsIFN0b3J5Ym9vayBjb250ZW50IGFyZWFzICovXG4gICAgI3N0b3J5Ym9vay1yb290LFxuICAgICNzdG9yeWJvb2stZG9jcyxcbiAgICAuc2Itc2hvdy1tYWluLFxuICAgIC5zYmRvY3MsXG4gICAgLmRvY3Mtc3Rvcnkge1xuICAgICAgZm9udC1mYW1pbHk6IERGRFMsIFZlcmRhbmEsIHN5c3RlbS11aSwgQXJpYWwsIFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuICAgIH1cblxuICAgIC8qIEFwcGx5IHRvIGFsbCB0ZXh0IGVsZW1lbnRzIHdpdGhpbiBzdG9yaWVzIGFuZCBkb2NzICovXG4gICAgLnNiLXNob3ctbWFpbiAqLFxuICAgIC5zYmRvY3MgKixcbiAgICAuZG9jcy1zdG9yeSAqIHtcbiAgICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgIH1cblxuICAgICR7ZG9jQmxvY2tPdmVycmlkZXN9XG5cbiAgICAvKiBHbG9iYWwgaGVhZGluZyAmIHBhcmFncmFwaCB0eXBvZ3JhcGh5IChtaWdyYXRlZCBmcm9tIFN0b3J5UGFnZSkgKi9cbiAgICAvKiBDYW52YXMgKHN0b3JpZXMpIHJvb3QgYXJlYSAqL1xuICAgIC5zYi1zaG93LW1haW4sIC8qIHN0b3J5IGNhbnZhcyByb290ICovXG4gICAgLnNiZG9jcyAuc2Jkb2NzLWNvbnRlbnQgeyAvKiBkb2NzIGNvbnRlbnQgYXJlYSAqL1xuICAgICAgaDEsIGgyLCBoMywgaDQge1xuICAgICAgICBmb250LWZhbWlseTogREZEUywgVmVyZGFuYSwgc3lzdGVtLXVpLCBBcmlhbCwgXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG4gICAgICAgIGNvbG9yOiAjMDAyYjQ1O1xuICAgICAgfVxuICAgICAgaDEge1xuICAgICAgICBmb250LXNpemU6IDU2cHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAxLjE1O1xuICAgICAgICBmb250LXdlaWdodDogNzAwO1xuICAgICAgICBtYXJnaW46IDQ4cHggMCAxNnB4O1xuICAgICAgICBwYWRkaW5nLWJvdHRvbTogNHB4O1xuICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2YwZjBmMDtcbiAgICAgIH1cbiAgICAgIGgyIHtcbiAgICAgICAgZm9udC1zaXplOiAzMnB4O1xuICAgICAgICBsaW5lLWhlaWdodDogMS4yNTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICAgICAgbWFyZ2luOiA0MHB4IDAgMTZweDtcbiAgICAgICAgcGFkZGluZy1ib3R0b206IDJweDtcbiAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNmMGYwZjA7XG4gICAgICB9XG4gICAgICBoMyB7XG4gICAgICAgIGZvbnQtc2l6ZTogMjRweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDEuMztcbiAgICAgICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICAgICAgbWFyZ2luOiAzMnB4IDAgMTJweDtcbiAgICAgIH1cbiAgICAgIGg0IHtcbiAgICAgICAgZm9udC1zaXplOiAyMHB4O1xuICAgICAgICBsaW5lLWhlaWdodDogMS4zNTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICAgICAgbWFyZ2luOiAyNHB4IDAgOHB4O1xuICAgICAgfVxuICAgICAgcCB7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAxLjU7XG4gICAgICB9XG4gICAgfVxuXG4gICAgLnRhYmJ1dHRvbiB7XG4gICAgICAmJiB7XG4gICAgICAgIGZvbnQtZmFtaWx5OiAnTnVuaXRvIFNhbnMnLCAtYXBwbGUtc3lzdGVtLCAnLlNGTlNUZXh0LVJlZ3VsYXInLCAnU2FuIEZyYW5jaXNjbycsIEJsaW5rTWFjU3lzdGVtRm9udCwgJ1NlZ29lIFVJJyxcbiAgICAgICAgICAnSGVsdmV0aWNhIE5ldWUnLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmO1xuICAgICAgICBmb250LXNpemU6IDE0cHg7XG4gICAgICB9XG4gICAgfVxuICAgIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gICAgLmRvY2Jsb2NrLXNvdXJjZSB7XG4gICAgICBib3JkZXItcmFkaXVzOiAwICFpbXBvcnRhbnQ7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XG4gICAgICBib3gtc2hhZG93OiBub25lICFpbXBvcnRhbnQ7XG4gICAgfVxuXG4gICAgLmRvY2Jsb2NrLXByb3BzdGFibGUge1xuICAgICAgbWFyZ2luOiAxNnB4IDAgIWltcG9ydGFudDtcbiAgICAgIHRoIHtcbiAgICAgICAgcGFkZGluZzogNnB4IDEzcHggIWltcG9ydGFudDtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgwLCAwLCAwLCAwLjEpICFpbXBvcnRhbnQ7XG4gICAgICAgIGNvbG9yOiBibGFjayAhaW1wb3J0YW50O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAwICFpbXBvcnRhbnQ7XG4gICAgICB9XG4gICAgICB0ciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmYgIWltcG9ydGFudDtcbiAgICAgIH1cbiAgICAgIC8qIHRyOm50aC1vZi10eXBlKGV2ZW4pIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2Y4ZjhmOCAhaW1wb3J0YW50O1xuICAgICAgfSAqL1xuICAgICAgdGJvZHkge1xuICAgICAgICBib3gtc2hhZG93OiBub25lICFpbXBvcnRhbnQ7XG4gICAgICB9XG4gICAgICB0ZCB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7XG4gICAgICAgIHBhZGRpbmc6IDZweCAxM3B4ICFpbXBvcnRhbnQ7XG4gICAgICAgIGJvcmRlcjogMCAhaW1wb3J0YW50O1xuICAgICAgICBib3JkZXItdG9wOiAxcHggc29saWQgcmdiYSgwLCAwLCAwLCAwLjEpICFpbXBvcnRhbnQ7XG4gICAgICAgICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgICAgc3BhbjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNlZWU7XG4gICAgICAgICAgICBwYWRkaW5nOiAzcHggNXB4O1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2Y4ZjhmODtcbiAgICAgICAgICAgIGZvbnQtZmFtaWx5OiBtb25vc3BhY2U7XG4gICAgICAgICAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICAmOm50aC1vZi10eXBlKDIpIHtcbiAgICAgICAgICB3aWR0aDogNjAlO1xuICAgICAgICAgICYgZGl2Omxhc3Qtb2YtdHlwZSB7XG4gICAgICAgICAgICBzcGFuIHtcbiAgICAgICAgICAgICAgY29sb3I6ICMwMDAwZmY7XG4gICAgICAgICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG5cbiAgICAubWFya2Rvd24tdGFibGUge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgI2IwYWZhZjtcbiAgICAgIGZvbnQtc2l6ZTogMTRweDtcblxuICAgICAgdGhlYWQge1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICAgIH1cblxuICAgICAgdHI6bnRoLW9mLXR5cGUoZXZlbikge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjhmOGY4O1xuICAgICAgfVxuXG4gICAgICB0ZCxcbiAgICAgIHRoIHtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI2IwYWZhZjtcbiAgICAgICAgcGFkZGluZzogMTBweDtcbiAgICAgICAgY29kZSB7XG4gICAgICAgICAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgICAgICAgICBwYWRkaW5nOiAxMHB4ICFpbXBvcnRhbnQ7XG4gICAgICAgICAgLyogc3R5bGVsaW50LWVuYWJsZSAqL1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICAgIC5hcmdzLXRhYmxlLXByb3AtbmFtZSB7XG4gICAgICBmb250LWZhbWlseTogbW9ub3NwYWNlO1xuICAgICAgZm9udC1zaXplOiAxNHB4O1xuICAgIH1cblxuICAgIC5hcmdzLXRhYmxlLWJhZGdlIHtcbiAgICAgIGZvbnQtZmFtaWx5OiBtb25vc3BhY2U7XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZTdlN2U3O1xuICAgICAgcGFkZGluZzogMnB4IDRweDtcbiAgICAgIGNvbG9yOiAjNDQ0NDQ0O1xuICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgbGluZS1oZWlnaHQ6IDE7XG4gICAgICBtYXJnaW46IDRweCA2cHggNHB4IDA7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAjMDAwMDAwMDg7XG4gICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgfVxuXG4gICAgLmFyZ3MtdGFibGUtYmFkZ2UtcmVxdWlyZWQge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ViZjdlYjtcbiAgICB9XG5cbiAgICAuYXJncy10YWJsZS1iYWRnZS1kZXByZWNhdGVkIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmMWRjZGM7XG4gICAgfVxuICBgXG4gIHJldHVybiA8R2xvYmFsIGRhdGEtdGVzdD1cInRlc3QtdGhpbmdcIiBzdHlsZXM9e3N0eWxlc30gLz5cbn1cblxuZXhwb3J0IGRlZmF1bHQgR2xvYmFsU3Rvcnlib29rU3R5bGVzXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const GlobalStorybookStyles = () => {
-  const styles = _ref;
+  const styles = /*#__PURE__*/(0, _react2.css)("html,body{font-family:DFDS,Verdana,system-ui,Arial,\"Helvetica Neue\",Helvetica,sans-serif;font-size:16px;background-color:#fcfcfd;}#storybook-root,#storybook-docs,.sb-show-main,.sbdocs,.docs-story{font-family:DFDS,Verdana,system-ui,Arial,\"Helvetica Neue\",Helvetica,sans-serif;}.sb-show-main *,.sbdocs *,.docs-story *{font-family:inherit;}", docBlockOverrides, ".sb-show-main,.sbdocs .sbdocs-content{h1,h2,h3,h4{font-family:DFDS,Verdana,system-ui,Arial,\"Helvetica Neue\",Helvetica,sans-serif;color:#002b45;}h1{font-size:56px;line-height:1.15;font-weight:700;margin:48px 0 16px;padding-bottom:4px;border-bottom:1px solid #f0f0f0;}h2{font-size:32px;line-height:1.25;font-weight:600;margin:40px 0 16px;padding-bottom:2px;border-bottom:1px solid #f0f0f0;}h3{font-size:24px;line-height:1.3;font-weight:600;margin:32px 0 12px;}h4{font-size:20px;line-height:1.35;font-weight:600;margin:24px 0 8px;}p{line-height:1.5;}}.tabbutton{&&{font-family:'Nunito Sans',-apple-system,'.SFNSText-Regular','San Francisco',BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;}}.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:10px!important;}}}.args-table-prop-name{font-family:monospace;font-size:14px;}.args-table-badge{font-family:monospace;display:inline-block;background-color:#e7e7e7;padding:2px 4px;color:#444444;font-size:12px;line-height:1;margin:4px 6px 4px 0;border:1px solid #00000008;border-radius:4px;}.args-table-badge-required{background-color:#ebf7eb;}.args-table-badge-deprecated{background-color:#f1dcdc;}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0dsb2JhbFN0b3J5Ym9va1N0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEdvQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9HbG9iYWxTdG9yeWJvb2tTdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuY29uc3QgZG9jQmxvY2tPdmVycmlkZXMgPSBjc3NgXG4gIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gIC8qIE9ubHkgb3ZlcnJpZGUgc3BlY2lmaWMgZWxlbWVudHMsIHByZXNlcnZlIFN0b3J5Ym9vaydzIGRlZmF1bHQgaGVhZGluZyBzdHlsZXMgKi9cblxuICAvKiBGb250IGZhbWlseSBmb3IgdGhlIGVudGlyZSBkb2NzIGNvbnRhaW5lciAqL1xuICAuc2Jkb2NzIC5zYmRvY3MtY29udGVudCxcbiAgLmRvY3Mtc3RvcnksXG4gIFtkYXRhLWRvY3Mtc3RvcnldIHtcbiAgICBmb250LWZhbWlseTogREZEUywgVmVyZGFuYSwgc3lzdGVtLXVpLCBBcmlhbCwgXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG4gIH1cblxuICAvKiBFeHBsaWNpdCBkb2NzIGhlYWRpbmcgY2xhc3Mgb3ZlcnJpZGVzIChTdG9yeWJvb2sgaW5qZWN0cyB0aGVzZSB1dGlsaXR5IGNsYXNzZXMpICovXG4gIC5zYmRvY3MtaDEsXG4gIC5zYmRvY3MtaDIsXG4gIC5zYmRvY3MtaDMsXG4gIC5zYmRvY3MtaDQge1xuICAgIGZvbnQtZmFtaWx5OiBERkRTLCBWZXJkYW5hLCBzeXN0ZW0tdWksIEFyaWFsLCBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZiAhaW1wb3J0YW50O1xuICAgIGNvbG9yOiAjMDAyYjQ1ICFpbXBvcnRhbnQ7XG4gICAgZm9udC13ZWlnaHQ6IDYwMCAhaW1wb3J0YW50O1xuICB9XG4gIC5zYmRvY3MtaDEgeyBmb250LXNpemU6IDU2cHggIWltcG9ydGFudDsgbGluZS1oZWlnaHQ6IDEuMTUgIWltcG9ydGFudDsgZm9udC13ZWlnaHQ6IDcwMCAhaW1wb3J0YW50OyBtYXJnaW46IDQ4cHggMCAxNnB4ICFpbXBvcnRhbnQ7IHBhZGRpbmctYm90dG9tOiA0cHggIWltcG9ydGFudDsgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNmMGYwZjAgIWltcG9ydGFudDsgfVxuICAuc2Jkb2NzLWgyIHsgZm9udC1zaXplOiAzMnB4ICFpbXBvcnRhbnQ7IGxpbmUtaGVpZ2h0OiAxLjI1ICFpbXBvcnRhbnQ7IG1hcmdpbjogNDBweCAwIDE2cHggIWltcG9ydGFudDsgcGFkZGluZy1ib3R0b206IDJweCAhaW1wb3J0YW50OyBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2YwZjBmMCAhaW1wb3J0YW50OyB9XG4gIC5zYmRvY3MtaDMgeyBmb250LXNpemU6IDI0cHggIWltcG9ydGFudDsgbGluZS1oZWlnaHQ6IDEuMyAhaW1wb3J0YW50OyBtYXJnaW46IDMycHggMCAxMnB4ICFpbXBvcnRhbnQ7IH1cbiAgLnNiZG9jcy1oNCB7IGZvbnQtc2l6ZTogMjBweCAhaW1wb3J0YW50OyBsaW5lLWhlaWdodDogMS4zNSAhaW1wb3J0YW50OyBtYXJnaW46IDI0cHggMCA4cHggIWltcG9ydGFudDsgfVxuXG4gIC5kb2NibG9jay1hcmdzdGFibGUtYm9keSxcbiAgLmRvY2Jsb2NrLXNvdXJjZSB7XG4gICAgYm9yZGVyLXJhZGl1czogMCAhaW1wb3J0YW50O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcbiAgICBib3gtc2hhZG93OiBub25lICFpbXBvcnRhbnQ7XG4gIH1cblxuICAuZG9jYmxvY2stYXJnc3RhYmxlLFxuICAuZG9jYmxvY2stcHJvcHN0YWJsZSB7XG4gICAgbWFyZ2luOiAxNnB4IDAgIWltcG9ydGFudDtcbiAgICB0aCB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAjZGVlYWY3ICFpbXBvcnRhbnQ7XG4gICAgICBib3JkZXItbGVmdC13aWR0aDogMCAhaW1wb3J0YW50O1xuICAgICAgYm9yZGVyLXJpZ2h0LXdpZHRoOiAwICFpbXBvcnRhbnQ7XG4gICAgICBib3JkZXItdG9wLXdpZHRoOiAwICFpbXBvcnRhbnQ7XG4gICAgICBib3JkZXItcmFkaXVzOiAwICFpbXBvcnRhbnQ7XG4gICAgICBiYWNrZ3JvdW5kOiAjZjZmOWZjO1xuICAgICAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbiAgICAgIGNvbG9yOiAjM2MzYzNjICFpbXBvcnRhbnQ7XG4gICAgICBwYWRkaW5nOiA2cHggMTJweCAhaW1wb3J0YW50O1xuICAgIH1cblxuICAgIHRyIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmYgIWltcG9ydGFudDtcblxuICAgICAgJjpsYXN0LW9mLXR5cGUgdGQge1xuICAgICAgICBib3JkZXItYm90dG9tLXdpZHRoOiAwICFpbXBvcnRhbnQ7XG4gICAgICB9XG4gICAgfVxuICAgIHRib2R5IHtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmUgIWltcG9ydGFudDtcbiAgICB9XG4gICAgdGQge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQgIWltcG9ydGFudDtcbiAgICAgIHBhZGRpbmc6IDE0cHggMTJweCAhaW1wb3J0YW50O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgI2RlZWFmNyAhaW1wb3J0YW50O1xuICAgICAgYm9yZGVyLWxlZnQtd2lkdGg6IDAgIWltcG9ydGFudDtcbiAgICAgIGJvcmRlci1yaWdodC13aWR0aDogMCAhaW1wb3J0YW50O1xuICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgbWluLXdpZHRoOiAxNjVweDtcbiAgICAgICAgc3BhbjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgICBmb250LWZhbWlseTogbW9ub3NwYWNlO1xuICAgICAgICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICAmOm50aC1vZi10eXBlKDIpIHtcbiAgICAgICAgd2lkdGg6IDgwJTtcbiAgICAgICAgJiBkaXY6bGFzdC1vZi10eXBlIHtcbiAgICAgICAgICBzcGFuIHtcbiAgICAgICAgICAgIGNvbG9yOiAjOTMyOTgxO1xuICAgICAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAmOm50aC1vZi10eXBlKDMpIHtcbiAgICAgICAgc3BhbjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgW3RpdGxlPSdSZXF1aXJlZCddIHtcbiAgICAgICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgZm9udC1mYW1pbHk6IG1vbm9zcGFjZTtcbiAgICAgICAgICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICAgICAgICAgIGNvbnRlbnQ6ICdyZXF1aXJlZCc7XG4gICAgICAgICAgZm9udC1zaXplOiAxMHB4O1xuICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbmBcblxuY29uc3QgR2xvYmFsU3Rvcnlib29rU3R5bGVzID0gKCkgPT4ge1xuICBjb25zdCBzdHlsZXMgPSBjc3NgXG4gICAgLyogR2xvYmFsIGZvbnQgZmFtaWx5IGZvciBTdG9yeWJvb2sgKi9cbiAgICBodG1sLFxuICAgIGJvZHkge1xuICAgICAgZm9udC1mYW1pbHk6IERGRFMsIFZlcmRhbmEsIHN5c3RlbS11aSwgQXJpYWwsIFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZjZmNmZDtcbiAgICB9XG5cbiAgICAvKiBFbnN1cmUgZm9udCBhcHBsaWVzIHRvIGFsbCBTdG9yeWJvb2sgY29udGVudCBhcmVhcyAqL1xuICAgICNzdG9yeWJvb2stcm9vdCxcbiAgICAjc3Rvcnlib29rLWRvY3MsXG4gICAgLnNiLXNob3ctbWFpbixcbiAgICAuc2Jkb2NzLFxuICAgIC5kb2NzLXN0b3J5IHtcbiAgICAgIGZvbnQtZmFtaWx5OiBERkRTLCBWZXJkYW5hLCBzeXN0ZW0tdWksIEFyaWFsLCBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICB9XG5cbiAgICAvKiBBcHBseSB0byBhbGwgdGV4dCBlbGVtZW50cyB3aXRoaW4gc3RvcmllcyBhbmQgZG9jcyAqL1xuICAgIC5zYi1zaG93LW1haW4gKixcbiAgICAuc2Jkb2NzICosXG4gICAgLmRvY3Mtc3RvcnkgKiB7XG4gICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICB9XG5cbiAgICAke2RvY0Jsb2NrT3ZlcnJpZGVzfVxuXG4gICAgLyogR2xvYmFsIGhlYWRpbmcgJiBwYXJhZ3JhcGggdHlwb2dyYXBoeSAobWlncmF0ZWQgZnJvbSBTdG9yeVBhZ2UpICovXG4gICAgLyogQ2FudmFzIChzdG9yaWVzKSByb290IGFyZWEgKi9cbiAgICAuc2Itc2hvdy1tYWluLCAvKiBzdG9yeSBjYW52YXMgcm9vdCAqL1xuICAgIC5zYmRvY3MgLnNiZG9jcy1jb250ZW50IHsgLyogZG9jcyBjb250ZW50IGFyZWEgKi9cbiAgICAgIGgxLCBoMiwgaDMsIGg0IHtcbiAgICAgICAgZm9udC1mYW1pbHk6IERGRFMsIFZlcmRhbmEsIHN5c3RlbS11aSwgQXJpYWwsIFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuICAgICAgICBjb2xvcjogIzAwMmI0NTtcbiAgICAgIH1cbiAgICAgIGgxIHtcbiAgICAgICAgZm9udC1zaXplOiA1NnB4O1xuICAgICAgICBsaW5lLWhlaWdodDogMS4xNTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgICAgICAgbWFyZ2luOiA0OHB4IDAgMTZweDtcbiAgICAgICAgcGFkZGluZy1ib3R0b206IDRweDtcbiAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNmMGYwZjA7XG4gICAgICB9XG4gICAgICBoMiB7XG4gICAgICAgIGZvbnQtc2l6ZTogMzJweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDEuMjU7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gICAgICAgIG1hcmdpbjogNDBweCAwIDE2cHg7XG4gICAgICAgIHBhZGRpbmctYm90dG9tOiAycHg7XG4gICAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZjBmMGYwO1xuICAgICAgfVxuICAgICAgaDMge1xuICAgICAgICBmb250LXNpemU6IDI0cHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAxLjM7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gICAgICAgIG1hcmdpbjogMzJweCAwIDEycHg7XG4gICAgICB9XG4gICAgICBoNCB7XG4gICAgICAgIGZvbnQtc2l6ZTogMjBweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDEuMzU7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gICAgICAgIG1hcmdpbjogMjRweCAwIDhweDtcbiAgICAgIH1cbiAgICAgIHAge1xuICAgICAgICBsaW5lLWhlaWdodDogMS41O1xuICAgICAgfVxuICAgIH1cblxuICAgIC50YWJidXR0b24ge1xuICAgICAgJiYge1xuICAgICAgICBmb250LWZhbWlseTogJ051bml0byBTYW5zJywgLWFwcGxlLXN5c3RlbSwgJy5TRk5TVGV4dC1SZWd1bGFyJywgJ1NhbiBGcmFuY2lzY28nLCBCbGlua01hY1N5c3RlbUZvbnQsICdTZWdvZSBVSScsXG4gICAgICAgICAgJ0hlbHZldGljYSBOZXVlJywgSGVsdmV0aWNhLCBBcmlhbCwgc2Fucy1zZXJpZjtcbiAgICAgICAgZm9udC1zaXplOiAxNHB4O1xuICAgICAgfVxuICAgIH1cbiAgICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAgIC5kb2NibG9jay1zb3VyY2Uge1xuICAgICAgYm9yZGVyLXJhZGl1czogMCAhaW1wb3J0YW50O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xuICAgICAgYm94LXNoYWRvdzogbm9uZSAhaW1wb3J0YW50O1xuICAgIH1cblxuICAgIC5kb2NibG9jay1wcm9wc3RhYmxlIHtcbiAgICAgIG1hcmdpbjogMTZweCAwICFpbXBvcnRhbnQ7XG4gICAgICB0aCB7XG4gICAgICAgIHBhZGRpbmc6IDZweCAxM3B4ICFpbXBvcnRhbnQ7XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoMCwgMCwgMCwgMC4xKSAhaW1wb3J0YW50O1xuICAgICAgICBjb2xvcjogYmxhY2sgIWltcG9ydGFudDtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogMCAhaW1wb3J0YW50O1xuICAgICAgfVxuICAgICAgdHIge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmICFpbXBvcnRhbnQ7XG4gICAgICB9XG4gICAgICAvKiB0cjpudGgtb2YtdHlwZShldmVuKSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmOGY4ZjggIWltcG9ydGFudDtcbiAgICAgIH0gKi9cbiAgICAgIHRib2R5IHtcbiAgICAgICAgYm94LXNoYWRvdzogbm9uZSAhaW1wb3J0YW50O1xuICAgICAgfVxuICAgICAgdGQge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudCAhaW1wb3J0YW50O1xuICAgICAgICBwYWRkaW5nOiA2cHggMTNweCAhaW1wb3J0YW50O1xuICAgICAgICBib3JkZXI6IDAgIWltcG9ydGFudDtcbiAgICAgICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIHJnYmEoMCwgMCwgMCwgMC4xKSAhaW1wb3J0YW50O1xuICAgICAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICAgIHNwYW46Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjZWVlO1xuICAgICAgICAgICAgcGFkZGluZzogM3B4IDVweDtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmOGY4Zjg7XG4gICAgICAgICAgICBmb250LWZhbWlseTogbW9ub3NwYWNlO1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgJjpudGgtb2YtdHlwZSgyKSB7XG4gICAgICAgICAgd2lkdGg6IDYwJTtcbiAgICAgICAgICAmIGRpdjpsYXN0LW9mLXR5cGUge1xuICAgICAgICAgICAgc3BhbiB7XG4gICAgICAgICAgICAgIGNvbG9yOiAjMDAwMGZmO1xuICAgICAgICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgLyogc3R5bGVsaW50LWVuYWJsZSAqL1xuXG4gICAgLm1hcmtkb3duLXRhYmxlIHtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNiMGFmYWY7XG4gICAgICBmb250LXNpemU6IDE0cHg7XG5cbiAgICAgIHRoZWFkIHtcbiAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgICB9XG5cbiAgICAgIHRyOm50aC1vZi10eXBlKGV2ZW4pIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2Y4ZjhmODtcbiAgICAgIH1cblxuICAgICAgdGQsXG4gICAgICB0aCB7XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNiMGFmYWY7XG4gICAgICAgIHBhZGRpbmc6IDEwcHg7XG4gICAgICAgIGNvZGUge1xuICAgICAgICAgIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gICAgICAgICAgcGFkZGluZzogMTBweCAhaW1wb3J0YW50O1xuICAgICAgICAgIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgICAuYXJncy10YWJsZS1wcm9wLW5hbWUge1xuICAgICAgZm9udC1mYW1pbHk6IG1vbm9zcGFjZTtcbiAgICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICB9XG5cbiAgICAuYXJncy10YWJsZS1iYWRnZSB7XG4gICAgICBmb250LWZhbWlseTogbW9ub3NwYWNlO1xuICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2U3ZTdlNztcbiAgICAgIHBhZGRpbmc6IDJweCA0cHg7XG4gICAgICBjb2xvcjogIzQ0NDQ0NDtcbiAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgIGxpbmUtaGVpZ2h0OiAxO1xuICAgICAgbWFyZ2luOiA0cHggNnB4IDRweCAwO1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgIzAwMDAwMDA4O1xuICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgIH1cblxuICAgIC5hcmdzLXRhYmxlLWJhZGdlLXJlcXVpcmVkIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNlYmY3ZWI7XG4gICAgfVxuXG4gICAgLmFyZ3MtdGFibGUtYmFkZ2UtZGVwcmVjYXRlZCB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjFkY2RjO1xuICAgIH1cbiAgYFxuICByZXR1cm4gPEdsb2JhbCBkYXRhLXRlc3Q9XCJ0ZXN0LXRoaW5nXCIgc3R5bGVzPXtzdHlsZXN9IC8+XG59XG5cbmV4cG9ydCBkZWZhdWx0IEdsb2JhbFN0b3J5Ym9va1N0eWxlc1xuIl19 */");
   return (0, _react2.jsx)(_react2.Global, {
     "data-test": "test-thing",
     styles: styles
   });
 };
-var _default = GlobalStorybookStyles;
-exports.default = _default;
+var _default = exports.default = GlobalStorybookStyles;

package/cjs/components/MarkdownStory.d.ts

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

package/cjs/components/MarkdownStory.js

@@ -8,13 +8,13 @@ var _react = _interopRequireDefault(require("react"));
 var _ = require("./");
 var _markdown = require("../markdown");
 var _react2 = require("@emotion/react");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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 _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; } }
+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; }
 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 _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 const MarkdownStory = ({
   file,
   content
@@ -38,5 +38,4 @@ const MarkdownStory = ({
     headline: file
   }, (0, _react2.jsx)(_markdown.Markdown, null, loading ? `loading...` : markdown)));
 };
-var _default = MarkdownStory;
-exports.default = _default;
+var _default = exports.default = MarkdownStory;

package/cjs/components/Paper.d.ts

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

package/cjs/components/Paper.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Paper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "ebnm1b20"
 } : {
@@ -14,5 +14,4 @@ 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 = Paper;
-exports.default = _default;
+var _default = exports.default = Paper;

package/cjs/components/Placeholder.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type PlaceholderProps = {
+type PlaceholderProps = {
     width: number;
     height: number;
 };

package/cjs/components/Placeholder.js

@@ -7,10 +7,10 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 const _excluded = ["width", "height"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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; }
-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; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const Placeholder = _ref => {
   let width = _ref.width,
     height = _ref.height,
@@ -19,5 +19,4 @@ 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 = Placeholder;
-exports.default = _default;
+var _default = exports.default = Placeholder;

package/cjs/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> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default StoryPage;

package/cjs/components/StoryPage.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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)."; }
 const StoryPage = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "e1rpk2m0"
@@ -17,9 +17,7 @@ const StoryPage = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV ==
   styles: "padding:5px 15px;max-width:1600px;&>h2{margin-top:30px!important;}"
 } : {
   name: "3hldis",
-  styles: "padding:5px 15px;max-width:1600px;&>h2{margin-top:30px!important;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1N0b3J5UGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRTRCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1N0b3J5UGFnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgU3RvcnlQYWdlID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogNXB4IDE1cHg7XG4gIG1heC13aWR0aDogMTYwMHB4O1xuICAmID4gaDIge1xuICAgIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gICAgbWFyZ2luLXRvcDogMzBweCAhaW1wb3J0YW50O1xuICAgIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgfVxuYFxuXG5leHBvcnQgZGVmYXVsdCBTdG9yeVBhZ2VcbiJdfQ== */",
+  styles: "padding:5px 15px;max-width:1600px;&>h2{margin-top:30px!important;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1N0b3J5UGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQzRCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1N0b3J5UGFnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmNvbnN0IFN0b3J5UGFnZSA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6IDVweCAxNXB4O1xuICBtYXgtd2lkdGg6IDE2MDBweDtcbiAgJiA+IGgyIHsgLyogc3R5bGVsaW50LWRpc2FibGUgKi8gbWFyZ2luLXRvcDogMzBweCAhaW1wb3J0YW50OyAvKiBzdHlsZWxpbnQtZW5hYmxlICovIH1cbmBcblxuZXhwb3J0IGRlZmF1bHQgU3RvcnlQYWdlXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var _default = StoryPage;
-exports.default = _default;
+var _default = exports.default = StoryPage;

package/cjs/components/index.js

@@ -45,4 +45,4 @@ var _ExampleContainer = _interopRequireDefault(require("./ExampleContainer"));
 var _Paper = _interopRequireDefault(require("./Paper"));
 var _Placeholder = _interopRequireDefault(require("./Placeholder"));
 var _MarkdownStory = _interopRequireDefault(require("./MarkdownStory"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/cjs/createDfdsTheme.d.ts

@@ -1 +1,29 @@
-export default function createDfdsTheme(title: string, logo: string): import("@storybook/theming").ThemeVars;
+export default function createDfdsTheme(title: string, logo: string): {
+    base: "light";
+    brandTitle: string;
+    brandImage: string;
+    colorPrimary: string;
+    colorSecondary: string;
+    appBg: string;
+    appContentBg: string;
+    appPreviewBg: string;
+    appBorderColor: string;
+    appBorderRadius: number;
+    fontBase: string;
+    fontCode: string;
+    textColor: string;
+    textInverseColor: string;
+    textMutedColor: string;
+    barTextColor: string;
+    barSelectedColor: string;
+    barHoverColor: string;
+    barBg: string;
+    inputBg: string;
+    inputBorder: string;
+    inputTextColor: string;
+    inputBorderRadius: number;
+    buttonBg: string;
+    buttonBorder: string;
+    booleanBg: string;
+    booleanSelectedBg: string;
+};

package/cjs/createDfdsTheme.js

@@ -4,11 +4,42 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createDfdsTheme;
-var _theming = require("@storybook/theming");
+// @storybook/theming exports may have changed in v9
+// Using a simple theme object instead
 function createDfdsTheme(title, logo) {
-  return (0, _theming.create)({
+  return {
     base: 'light',
     brandTitle: title,
-    brandImage: logo
-  });
+    brandImage: logo,
+    colorPrimary: '#1ea7fd',
+    colorSecondary: '#585c6d',
+    // UI
+    appBg: '#ffffff',
+    appContentBg: '#ffffff',
+    appPreviewBg: '#ffffff',
+    appBorderColor: '#585c6d',
+    appBorderRadius: 4,
+    // Typography
+    fontBase: '"Nunito Sans", -apple-system, ".SFNSText-Regular", "San Francisco", BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif',
+    fontCode: 'ui-monospace, Menlo, Monaco, "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Droid Sans Mono", "Courier New", monospace',
+    // Text colors
+    textColor: '#10162f',
+    textInverseColor: '#ffffff',
+    textMutedColor: '#666666',
+    // Toolbar default and active colors
+    barTextColor: '#9e9e9e',
+    barSelectedColor: '#585c6d',
+    barHoverColor: '#f0f0f0',
+    barBg: '#ffffff',
+    // Form colors
+    inputBg: '#ffffff',
+    inputBorder: '#10162f',
+    inputTextColor: '#10162f',
+    inputBorderRadius: 4,
+    // Button colors
+    buttonBg: '#ffffff',
+    buttonBorder: '#585c6d',
+    booleanBg: '#f0f0f0',
+    booleanSelectedBg: '#1ea7fd'
+  };
 }

package/cjs/helpers/components.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-export declare type PreviewProps = {
+export type PreviewProps = {
     children: React.ReactNode;
     gray?: boolean;
     height?: string;
@@ -8,33 +8,33 @@ export declare type PreviewProps = {
     mdxSource?: string;
     sourcePath?: string;
 };
-export declare const Canvas: ({ gray, height, width, ...rest }: PreviewProps) => JSX.Element;
+export declare const Canvas: ({ gray, height, width, ...rest }: PreviewProps) => React.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 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 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;
+}) => 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;
 /** @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 = {
+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;
+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 StoryLink: ({ kind, name, mode, target, children }: StoryLinkProps) => React.JSX.Element | null;
 export declare const DownloadButton: ({ children, href, className, }: {
     children: React.ReactNode;
     href: string;
-    className?: string | undefined;
-}) => JSX.Element;
+    className?: string;
+}) => React.JSX.Element;
 export {};