@artsy/palette 44.1.0 → 44.2.0

package/dist/elements/ModalDialog/ModalDialog.story.d.ts

@@ -1,6 +1,63 @@
 import React from "react";
 declare const _default: {
+    component: React.FC<React.PropsWithChildren<import("./ModalDialog").ModalDialogProps>>;
     title: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+            controls: {
+                exclude: string[];
+            };
+        };
+    };
 };
 export default _default;
-export declare const Default: () => React.JSX.Element;
+export declare const Default: {
+    args: {
+        title: string;
+        children: React.JSX.Element;
+    };
+    render: (args: any) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const WithFooter: {
+    args: {
+        title: string;
+        children: React.JSX.Element;
+        footer: React.JSX.Element;
+    };
+    render: (args: any) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const WithPanels: {
+    args: {
+        title: string;
+        width: string;
+        leftPanel: React.JSX.Element;
+        rightPanel: React.JSX.Element;
+        children: React.JSX.Element;
+    };
+    render: (args: any) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};

package/dist/elements/ModalDialog/ModalDialog.story.js

@@ -1,19 +1,16 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _storybookStates = require("storybook-states");
+exports.default = exports.WithPanels = exports.WithFooter = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _Text = require("../Text");
 var _Button = require("../Button");
 var _ModalDialog = require("./ModalDialog");
 var _Box = require("../Box");
-var _excluded = ["children"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _storybookBlocklist = require("../../utils/storybookBlocklist");
+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 _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."); }
@@ -21,155 +18,107 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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; }
 var LOREM = "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Doloribus sed iure repellendus animi, aliquid aut fuga maxime nemo minus quas. Error, incidunt fugit similique quidem culpa hic! Nemo, quas rerum. ";
 var _default = exports.default = {
-  title: "Components/ModalDialog"
+  component: _ModalDialog.ModalDialog,
+  title: "Components/ModalDialog",
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "A modal dialog component with customizable layout, panels, and content areas."
+      },
+      controls: {
+        exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+      }
+    }
+  }
 };
-var Demo = function Demo(_ref) {
-  var children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
+var Template = function Template(args) {
+  var _React$useState = _react.default.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    open = _React$useState2[0],
+    setOpen = _React$useState2[1];
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
     onClick: function onClick() {
       return setOpen(true);
     }
-  }, "Open Modal"), open && /*#__PURE__*/_react.default.createElement(_ModalDialog.ModalDialog, _extends({
+  }, "Open Modal"), open && /*#__PURE__*/_react.default.createElement(_ModalDialog.ModalDialog, _extends({}, args, {
     onClose: function onClose() {
       return setOpen(false);
     }
-  }, rest), children ? children : /*#__PURE__*/_react.default.createElement(_Text.Text, {
+  }), args.children || /*#__PURE__*/_react.default.createElement(_Text.Text, {
     variant: "sm"
-  }, LOREM.repeat(15))));
+  }, LOREM.repeat(2))));
+};
+var Default = exports.Default = {
+  args: {
+    title: "Modal Title",
+    children: /*#__PURE__*/_react.default.createElement(_Text.Text, {
+      variant: "sm"
+    }, LOREM)
+  },
+  render: Template,
+  parameters: {
+    docs: {
+      description: {
+        story: "Default ModalDialog with title and content."
+      }
+    }
+  }
 };
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{
-      children: /*#__PURE__*/_react.default.createElement(_Text.Text, {
-        variant: "sm"
-      }, LOREM)
-    }, {
-      title: "Modal Title"
-    }, {
-      title: "100% Width",
+var WithFooter = exports.WithFooter = {
+  args: {
+    title: "Modal Title",
+    children: /*#__PURE__*/_react.default.createElement(_Text.Text, {
+      variant: "sm"
+    }, LOREM),
+    footer: /*#__PURE__*/_react.default.createElement(_Button.Button, {
       width: "100%"
-    }, {
-      title: "Responsive Percentage Width",
-      width: ["75%", "66%", "50%"]
-    }, {
-      title: "Responsive Width",
-      width: ["100%", 550]
-    }, {
-      title: "Modal Title with a longer title or headline text that runs on for mutliple lines"
-    }, {
-      hasLogo: true
-    }, {
-      title: "Modal Title",
-      hasLogo: true
-    }, {
-      children: /*#__PURE__*/_react.default.createElement(_Text.Text, {
-        variant: "sm"
-      }, LOREM),
-      footer: /*#__PURE__*/_react.default.createElement(_Button.Button, {
-        width: "100%"
-      }, "Confirm")
-    }, {
-      title: "Modal Title",
-      footer: /*#__PURE__*/_react.default.createElement(_Button.Button, {
-        width: "100%"
-      }, "Confirm")
-    }, {
-      title: "Modal Title with a longer title or headline text that runs on for mutliple lines",
-      footer: /*#__PURE__*/_react.default.createElement(_Button.Button, {
-        width: "100%"
-      }, "Confirm")
-    }, {
-      title: "Modal Title with a longer title or headline text that runs on for mutliple lines",
-      hasLogo: true,
-      footer: /*#__PURE__*/_react.default.createElement(_Button.Button, {
-        width: "100%"
-      }, "Confirm")
-    }, {
-      width: 800,
-      title: "With Left Panel",
-      leftPanel: /*#__PURE__*/_react.default.createElement(_Box.Box, {
-        bg: "mono100",
-        width: 300,
-        flexShrink: 0,
-        p: 1
-      }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-        variant: "xs",
-        color: "mono0"
-      }, "Some custom content on the left"))
-    }, {
-      width: 800,
-      title: "With Right Panel",
-      rightPanel: /*#__PURE__*/_react.default.createElement(_Box.Box, {
-        bg: "mono100",
-        width: 300,
-        flexShrink: 0,
-        p: 1
-      }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-        variant: "xs",
-        color: "mono0"
-      }, "Some custom content on the left"))
-    }, {
-      width: "100%",
-      title: "With Left and Right Panels",
-      leftPanel: /*#__PURE__*/_react.default.createElement(_Box.Box, {
-        bg: "mono100",
-        width: 300,
-        flexShrink: 0,
-        p: 1
-      }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-        variant: "xs",
-        color: "mono0"
-      }, "Some custom content on the left")),
-      rightPanel: /*#__PURE__*/_react.default.createElement(_Box.Box, {
-        bg: "mono100",
-        width: 300,
-        flexShrink: 0,
-        p: 1
-      }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-        variant: "xs",
-        color: "mono0"
-      }, "Some custom content on the left"))
-    }, {
-      title: "With Header",
-      header: /*#__PURE__*/_react.default.createElement(_Box.Box, {
-        bg: "mono10",
-        p: 2,
-        textAlign: "center"
-      }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-        variant: "xs"
-      }, "Header Content"))
-    }, {
-      title: "With Header and Footer",
-      header: /*#__PURE__*/_react.default.createElement(_Box.Box, {
-        bg: "mono10",
-        p: 2,
-        textAlign: "center"
-      }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-        variant: "xs"
-      }, "Header Content")),
-      footer: /*#__PURE__*/_react.default.createElement(_Button.Button, {
-        width: "100%"
-      }, "Confirm")
-    }, {
-      title: "With custom z-index",
-      zIndex: 1000
-    }, {
-      title: /*#__PURE__*/_react.default.createElement(_Box.Box, {
-        bg: "red"
-      }, "Custom title")
-    }]
-  }, function (props) {
-    return /*#__PURE__*/_react.default.createElement(Demo, props);
-  });
+    }, "Confirm")
+  },
+  render: Template,
+  parameters: {
+    docs: {
+      description: {
+        story: "ModalDialog with a footer button."
+      }
+    }
+  }
+};
+var WithPanels = exports.WithPanels = {
+  args: {
+    title: "With Left and Right Panels",
+    width: "100%",
+    leftPanel: /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      bg: "mono100",
+      width: 300,
+      flexShrink: 0,
+      p: 1
+    }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+      variant: "xs",
+      color: "mono0"
+    }, "Some custom content on the left")),
+    rightPanel: /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      bg: "mono100",
+      width: 300,
+      flexShrink: 0,
+      p: 1
+    }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+      variant: "xs",
+      color: "mono0"
+    }, "Some custom content on the right")),
+    children: /*#__PURE__*/_react.default.createElement(_Text.Text, {
+      variant: "sm"
+    }, LOREM)
+  },
+  render: Template,
+  parameters: {
+    docs: {
+      description: {
+        story: "ModalDialog with left and right panels."
+      }
+    }
+  }
 };
-Default.displayName = "Default";
 //# sourceMappingURL=ModalDialog.story.js.map

package/dist/elements/ModalDialog/ModalDialog.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDialog.story.js","names":["_react","_interopRequireWildcard","require","_storybookStates","_Text","_Button","_ModalDialog","_Box","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","LOREM","_default","exports","title","Demo","_ref","children","rest","_useState","useState","_useState2","open","setOpen","createElement","Fragment","Button","onClick","ModalDialog","onClose","Text","variant","repeat","Default","States","states","width","hasLogo","footer","leftPanel","Box","bg","flexShrink","p","color","rightPanel","header","textAlign","zIndex","props","displayName"],"sources":["../../../src/elements/ModalDialog/ModalDialog.story.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Text } from \"../Text\"\nimport { Button } from \"../Button\"\nimport { ModalDialog, ModalDialogProps } from \"./ModalDialog\"\nimport { Box } from \"../Box\"\n\nconst LOREM =\n  \"Lorem ipsum dolor sit amet consectetur, adipisicing elit. Doloribus sed iure repellendus animi, aliquid aut fuga maxime nemo minus quas. Error, incidunt fugit similique quidem culpa hic! Nemo, quas rerum. \"\n\nexport default {\n  title: \"Components/ModalDialog\",\n}\n\nconst Demo = ({ children, ...rest }: Partial<ModalDialogProps>) => {\n  const [open, setOpen] = useState(false)\n\n  return (\n    <>\n      <Button onClick={() => setOpen(true)}>Open Modal</Button>\n\n      {open && (\n        <ModalDialog onClose={() => setOpen(false)} {...rest}>\n          {children ? children : <Text variant=\"sm\">{LOREM.repeat(15)}</Text>}\n        </ModalDialog>\n      )}\n    </>\n  )\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<ModalDialogProps>>\n      states={[\n        {\n          children: <Text variant=\"sm\">{LOREM}</Text>,\n        },\n        { title: \"Modal Title\" },\n        { title: \"100% Width\", width: \"100%\" },\n        { title: \"Responsive Percentage Width\", width: [\"75%\", \"66%\", \"50%\"] },\n        { title: \"Responsive Width\", width: [\"100%\", 550] },\n        {\n          title:\n            \"Modal Title with a longer title or headline text that runs on for mutliple lines\",\n        },\n        { hasLogo: true },\n        { title: \"Modal Title\", hasLogo: true },\n        {\n          children: <Text variant=\"sm\">{LOREM}</Text>,\n          footer: <Button width=\"100%\">Confirm</Button>,\n        },\n        { title: \"Modal Title\", footer: <Button width=\"100%\">Confirm</Button> },\n        {\n          title:\n            \"Modal Title with a longer title or headline text that runs on for mutliple lines\",\n          footer: <Button width=\"100%\">Confirm</Button>,\n        },\n        {\n          title:\n            \"Modal Title with a longer title or headline text that runs on for mutliple lines\",\n          hasLogo: true,\n          footer: <Button width=\"100%\">Confirm</Button>,\n        },\n        {\n          width: 800,\n          title: \"With Left Panel\",\n          leftPanel: (\n            <Box bg=\"mono100\" width={300} flexShrink={0} p={1}>\n              <Text variant=\"xs\" color=\"mono0\">\n                Some custom content on the left\n              </Text>\n            </Box>\n          ),\n        },\n        {\n          width: 800,\n          title: \"With Right Panel\",\n          rightPanel: (\n            <Box bg=\"mono100\" width={300} flexShrink={0} p={1}>\n              <Text variant=\"xs\" color=\"mono0\">\n                Some custom content on the left\n              </Text>\n            </Box>\n          ),\n        },\n        {\n          width: \"100%\",\n          title: \"With Left and Right Panels\",\n          leftPanel: (\n            <Box bg=\"mono100\" width={300} flexShrink={0} p={1}>\n              <Text variant=\"xs\" color=\"mono0\">\n                Some custom content on the left\n              </Text>\n            </Box>\n          ),\n          rightPanel: (\n            <Box bg=\"mono100\" width={300} flexShrink={0} p={1}>\n              <Text variant=\"xs\" color=\"mono0\">\n                Some custom content on the left\n              </Text>\n            </Box>\n          ),\n        },\n        {\n          title: \"With Header\",\n          header: (\n            <Box bg=\"mono10\" p={2} textAlign=\"center\">\n              <Text variant=\"xs\">Header Content</Text>\n            </Box>\n          ),\n        },\n        {\n          title: \"With Header and Footer\",\n          header: (\n            <Box bg=\"mono10\" p={2} textAlign=\"center\">\n              <Text variant=\"xs\">Header Content</Text>\n            </Box>\n          ),\n          footer: <Button width=\"100%\">Confirm</Button>,\n        },\n        {\n          title: \"With custom z-index\",\n          zIndex: 1000,\n        },\n        {\n          title: <Box bg=\"red\">Custom title</Box>,\n        },\n      ]}\n    >\n      {(props) => <Demo {...props} />}\n    </States>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"ModalDialog.story.js","names":["_react","_interopRequireDefault","require","_Text","_Button","_ModalDialog","_Box","_storybookBlocklist","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","LOREM","_default","exports","component","ModalDialog","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Template","args","_React$useState","React","useState","_React$useState2","open","setOpen","createElement","Fragment","Button","onClick","onClose","children","Text","variant","repeat","Default","render","story","WithFooter","footer","width","WithPanels","leftPanel","Box","bg","flexShrink","p","color","rightPanel"],"sources":["../../../src/elements/ModalDialog/ModalDialog.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { Text } from \"../Text\"\nimport { Button } from \"../Button\"\nimport { ModalDialog } from \"./ModalDialog\"\nimport { Box } from \"../Box\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nconst LOREM =\n  \"Lorem ipsum dolor sit amet consectetur, adipisicing elit. Doloribus sed iure repellendus animi, aliquid aut fuga maxime nemo minus quas. Error, incidunt fugit similique quidem culpa hic! Nemo, quas rerum. \"\n\nexport default {\n  component: ModalDialog,\n  title: \"Components/ModalDialog\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A modal dialog component with customizable layout, panels, and content areas.\",\n      },\n      controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n    },\n  },\n}\n\nconst Template = (args) => {\n  const [open, setOpen] = React.useState(false)\n  return (\n    <>\n      <Button onClick={() => setOpen(true)}>Open Modal</Button>\n      {open && (\n        <ModalDialog {...args} onClose={() => setOpen(false)}>\n          {args.children || <Text variant=\"sm\">{LOREM.repeat(2)}</Text>}\n        </ModalDialog>\n      )}\n    </>\n  )\n}\n\nexport const Default = {\n  args: {\n    title: \"Modal Title\",\n    children: <Text variant=\"sm\">{LOREM}</Text>,\n  },\n  render: Template,\n  parameters: {\n    docs: {\n      description: {\n        story: \"Default ModalDialog with title and content.\",\n      },\n    },\n  },\n}\n\nexport const WithFooter = {\n  args: {\n    title: \"Modal Title\",\n    children: <Text variant=\"sm\">{LOREM}</Text>,\n    footer: <Button width=\"100%\">Confirm</Button>,\n  },\n  render: Template,\n  parameters: {\n    docs: {\n      description: {\n        story: \"ModalDialog with a footer button.\",\n      },\n    },\n  },\n}\n\nexport const WithPanels = {\n  args: {\n    title: \"With Left and Right Panels\",\n    width: \"100%\",\n    leftPanel: (\n      <Box bg=\"mono100\" width={300} flexShrink={0} p={1}>\n        <Text variant=\"xs\" color=\"mono0\">\n          Some custom content on the left\n        </Text>\n      </Box>\n    ),\n    rightPanel: (\n      <Box bg=\"mono100\" width={300} flexShrink={0} p={1}>\n        <Text variant=\"xs\" color=\"mono0\">\n          Some custom content on the right\n        </Text>\n      </Box>\n    ),\n    children: <Text variant=\"sm\">{LOREM}</Text>,\n  },\n  render: Template,\n  parameters: {\n    docs: {\n      description: {\n        story: \"ModalDialog with left and right panels.\",\n      },\n    },\n  },\n}\n"],"mappings":"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"}

package/dist/elements/ModalDialog/ModalDialogContent.story.d.ts

@@ -1,6 +1,117 @@
 import React from "react";
 declare const _default: {
+    component: React.FC<React.PropsWithChildren<import("./ModalDialogContent").ModalDialogContentProps>>;
     title: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+            controls: {
+                exclude: string[];
+            };
+        };
+    };
 };
 export default _default;
-export declare const Default: () => React.JSX.Element;
+export declare const Default: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const ShortContent: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const WithTitle: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const WithLongTitle: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const WithLogo: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const WithTitleAndLogo: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const WithFooter: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const WithTitleAndFooter: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Complete: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const CustomHeader: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};