@pingux/astro 2.128.1-alpha.0 → 2.129.0-alpha.1

package/lib/components/ListView/ListView.stories.js

@@ -30,14 +30,14 @@ import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context14, _context15; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context14 = ownKeys(Object(source), !0)).call(_context14, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context15 = ownKeys(Object(source))).call(_context15, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React, { useRef, useState } from 'react';
-import { Item, useAsyncList } from 'react-stately';
+import { useAsyncList } from 'react-stately';
 import ClockTimeEightOutlineIcon from '@pingux/mdi-react/ClockTimeEightOutlineIcon';
 import CogIcon from '@pingux/mdi-react/CogIcon';
 import FormSelectIcon from '@pingux/mdi-react/FormSelectIcon';
 import { action } from '@storybook/addon-actions';
 import isChromatic from 'chromatic/isChromatic';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
-import { Box, Button, ListView, ListViewItem, ListViewItemChart, ListViewItemMenu, ListViewItemSwitchField, SearchField, Text } from '../..';
+import { Box, Button, Item, ListView, ListViewItem, ListViewItemChart, ListViewItemMenu, ListViewItemSwitchField, SearchField, Text } from '../..';
 import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
 import animals from '../../utils/devUtils/constants/animals';
 import loadingStates from '../../utils/devUtils/constants/loadingStates';
@@ -52,11 +52,9 @@ export default {
     docs: {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(ListViewReadme, null), ___EmotionJSX(DocsLayout, null));
-      },
-      source: {
-        type: 'code'
       }
-    }
+    },
+    codesandbox: false
   },
   argTypes: _objectSpread({}, listViewArgTypes),
   args: {

package/lib/components/ListViewItem/ListViewItem.stories.js

@@ -22,7 +22,8 @@ export default {
       source: {
         type: 'code'
       }
-    }
+    },
+    codesandbox: false
   },
   argTypes: listViewItemArgTypes
 };

package/lib/components/Loader/Loader.stories.js

@@ -30,6 +30,11 @@ export default {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(LoaderReadme, null), ___EmotionJSX(DocsLayout, null));
       }
+    },
+    codesandbox: {
+      mapComponent: {
+        '@pingux/astro': ['Loader']
+      }
     }
   },
   argTypes: {
@@ -60,10 +65,10 @@ Default.parameters = {
     url: FIGMA_LINKS.loader["default"]
   }
 };
-export var CustomColor = function CustomColor() {
-  return ___EmotionJSX(Loader, {
+export var CustomColor = function CustomColor(args) {
+  return ___EmotionJSX(Loader, _extends({}, args, {
     color: "neutral.50"
-  });
+  }));
 };
 export var CustomSize = function CustomSize(args) {
   return ___EmotionJSX(Loader, _extends({}, args, {

package/lib/components/Messages/Messages.stories.js

@@ -16,11 +16,10 @@ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
 import React, { useEffect, useReducer, useState } from 'react';
-import { Item } from 'react-stately';
 import AccountIcon from '@pingux/mdi-react/AccountIcon';
 import { withDesign } from 'storybook-addon-designs';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
-import { Box, Button, Link, Messages } from '../../index';
+import { Box, Button, Item, Link, Messages } from '../../index';
 import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
 import statuses from '../../utils/devUtils/constants/statuses';
 import { messagesReducerStory as messagesReducer, multiMessagesReducerStory as multiMessagesReducer } from './index';
@@ -46,9 +45,12 @@ export default {
     docs: {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(MessagesReadme, null), ___EmotionJSX(DocsLayout, null));
-      },
-      source: {
-        type: 'code'
+      }
+    },
+    codesandbox: {
+      mapComponent: {
+        '@pingux/astro': ['Box', 'Button', 'Item', 'Link', 'Messages'],
+        '@pingux/mdi-react/AccountIcon': 'AccountIcon'
       }
     }
   }
@@ -111,9 +113,10 @@ DefaultDynamic.parameters = {
         enabled: false
       }]
     }
-  }
+  },
+  codesandbox: false
 };
-export var Controlled = function Controlled(args) {
+export var Controlled = function Controlled() {
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     items = _useState2[0],
@@ -133,10 +136,10 @@ export var Controlled = function Controlled(args) {
       }));
     }, 200);
   };
-  return ___EmotionJSX(Messages, _extends({}, args, {
+  return ___EmotionJSX(Messages, {
     items: items,
     onClose: removeMessage
-  }), function (item) {
+  }, function (item) {
     return ___EmotionJSX(Item, item, item.text);
   });
 };
@@ -150,9 +153,10 @@ Controlled.parameters = {
         enabled: false
       }]
     }
-  }
+  },
+  codesandbox: false
 };
-export var ControlledWithButton = function ControlledWithButton(args) {
+export var ControlledWithButton = function ControlledWithButton() {
   var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
     items = _useState4[0],
@@ -179,10 +183,10 @@ export var ControlledWithButton = function ControlledWithButton(args) {
   };
   return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Button, {
     onPress: addMessage
-  }, "Click me!"), ___EmotionJSX(Messages, _extends({}, args, {
+  }, "Click me!"), ___EmotionJSX(Messages, {
     items: items,
     onClose: removeMessage
-  }), function (item) {
+  }, function (item) {
     return ___EmotionJSX(Item, item, item.text);
   }));
 };
@@ -196,7 +200,8 @@ ControlledWithButton.parameters = {
         enabled: false
       }]
     }
-  }
+  },
+  codesandbox: false
 };
 export var UseReducer = function UseReducer() {
   // import { messagesReducer as messagesReducerCore } from '@pingux/astro';
@@ -250,7 +255,8 @@ UseReducer.parameters = {
         enabled: false
       }]
     }
-  }
+  },
+  codesandbox: false
 };
 export var UseReducerWithMultipleContainers = function UseReducerWithMultipleContainers() {
   var _useReducer3 = useReducer(multiMessagesReducer, {
@@ -313,9 +319,10 @@ UseReducerWithMultipleContainers.parameters = {
         enabled: false
       }]
     }
-  }
+  },
+  codesandbox: false
 };
-export var WithTextStyling = function WithTextStyling(args) {
+export var WithTextStyling = function WithTextStyling() {
   var items = [{
     key: 'message1',
     node: ___EmotionJSX("strong", null, loremText)
@@ -324,9 +331,9 @@ export var WithTextStyling = function WithTextStyling(args) {
     node: ___EmotionJSX(React.Fragment, null, ___EmotionJSX("b", null, "Lorem Ipsum! "), "dolor sit amet, consectetur adipiscing elit"),
     status: 'error'
   }];
-  return ___EmotionJSX(Messages, _extends({}, args, {
+  return ___EmotionJSX(Messages, {
     items: items
-  }), function (item) {
+  }, function (item) {
     return ___EmotionJSX(Item, item, item.node || item.text);
   });
 };
@@ -344,7 +351,8 @@ WithTextStyling.parameters = {
         enabled: false
       }]
     }
-  }
+  },
+  codesandbox: false
 };
 export var WithLink = function WithLink(args) {
   return ___EmotionJSX(Messages, args, ___EmotionJSX(Item, {

package/lib/components/Modal/Modal.stories.js

@@ -17,7 +17,8 @@ export default {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(ModalReadme, null), ___EmotionJSX(DocsLayout, null));
       }
-    }
+    },
+    codesandbox: false
   },
   argTypes: {
     title: {

package/lib/components/MultivaluesField/MultivaluesField.stories.js

@@ -87,9 +87,6 @@ export default {
     docs: {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(MultivaluesFieldReadme, null), ___EmotionJSX(DocsLayout, null));
-      },
-      source: {
-        type: 'code'
       }
     },
     a11y: {
@@ -103,7 +100,8 @@ export default {
           enabled: false
         }]
       }
-    }
+    },
+    codesandbox: false
   }
 };
 var VariableIcon = function VariableIcon(props) {

package/lib/components/NavBar/NavBar.stories.js

@@ -53,7 +53,8 @@ export default {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(NavBarReadme, null), ___EmotionJSX(DocsLayout, null));
       }
-    }
+    },
+    codesandbox: false
   }
 };
 var Credentials = function Credentials(props) {

package/lib/components/NavSideBar/NavSideBar.stories.js

@@ -24,7 +24,8 @@ export default {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(NavSideBarReadme, null), ___EmotionJSX(DocsLayout, null));
       }
-    }
+    },
+    codesandbox: false
   },
   argTypes: {},
   args: {

package/lib/components/NavigationHeader/NavigationHeader.stories.js

@@ -18,11 +18,9 @@ export default {
     docs: {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(NavigationHeaderReadme, null), ___EmotionJSX(DocsLayout, null));
-      },
-      source: {
-        type: 'code'
       }
-    }
+    },
+    codesandbox: false
   },
   argTypes: {
     src: {

package/lib/components/NumberField/NumberField.stories.js

@@ -7,6 +7,7 @@ import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-st
 import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
 import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -25,9 +26,6 @@ export default {
     docs: {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(NumberFieldReadme, null), ___EmotionJSX(DocsLayout, null));
-      },
-      source: {
-        type: 'code'
       }
     }
   },
@@ -104,8 +102,8 @@ export default {
 export var Default = function Default(args) {
   return ___EmotionJSX(NumberField, args);
 };
-export var Decimals = function Decimals() {
-  return ___EmotionJSX(NumberField, {
+export var Decimals = function Decimals(args) {
+  return ___EmotionJSX(NumberField, _extends({}, args, {
     label: "Adjust exposure",
     defaultValue: 0,
     formatOptions: {
@@ -113,7 +111,7 @@ export var Decimals = function Decimals() {
       minimumFractionDigits: 1,
       maximumFractionDigits: 2
     }
-  });
+  }));
 };
 export var ControlledState = function ControlledState() {
   var _useState = useState(12),
@@ -126,8 +124,8 @@ export var ControlledState = function ControlledState() {
     onChange: setValue
   });
 };
-export var CurrencyValues = function CurrencyValues() {
-  return ___EmotionJSX(NumberField, {
+export var CurrencyValues = function CurrencyValues(args) {
+  return ___EmotionJSX(NumberField, _extends({}, args, {
     label: "Transaction amount",
     defaultValue: 45,
     formatOptions: {
@@ -136,14 +134,14 @@ export var CurrencyValues = function CurrencyValues() {
       currencyDisplay: 'code',
       currencySign: 'accounting'
     }
-  });
+  }));
 };
-export var DisabledAndReadOnly = function DisabledAndReadOnly() {
-  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(NumberField, {
+export var DisabledAndReadOnly = function DisabledAndReadOnly(args) {
+  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(NumberField, _extends({}, args, {
     label: "Disabled",
     isDisabled: true,
     value: 25
-  }), ___EmotionJSX(NumberField, {
+  })), ___EmotionJSX(NumberField, _extends({}, args, {
     label: "Read only",
     isReadOnly: true,
     value: 32,
@@ -152,19 +150,19 @@ export var DisabledAndReadOnly = function DisabledAndReadOnly() {
         marginTop: '15px'
       }
     }
-  }));
+  })));
 };
-export var MinimumAndMaximumValues = function MinimumAndMaximumValues() {
-  return ___EmotionJSX(NumberField, {
+export var MinimumAndMaximumValues = function MinimumAndMaximumValues(args) {
+  return ___EmotionJSX(NumberField, _extends({}, args, {
     label: "Enter your age",
     minValue: 0
-  });
+  }));
 };
-export var StepValues = function StepValues() {
-  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(NumberField, {
+export var StepValues = function StepValues(args) {
+  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(NumberField, _extends({}, args, {
     label: "Step",
     step: 10
-  }), ___EmotionJSX(NumberField, {
+  })), ___EmotionJSX(NumberField, _extends({}, args, {
     label: "Step + minValue",
     minValue: 2,
     step: 3,
@@ -173,7 +171,7 @@ export var StepValues = function StepValues() {
         marginTop: '15px'
       }
     }
-  }), ___EmotionJSX(NumberField, {
+  })), ___EmotionJSX(NumberField, _extends({}, args, {
     label: "Step + minValue + maxValue",
     minValue: 2,
     maxValue: 21,
@@ -186,17 +184,17 @@ export var StepValues = function StepValues() {
         marginTop: '15px'
       }
     }
-  }));
+  })));
 };
-export var WithHelperText = function WithHelperText() {
-  return ___EmotionJSX(NumberField, {
+export var WithHelperText = function WithHelperText(args) {
+  return ___EmotionJSX(NumberField, _extends({}, args, {
     label: "Helper Text",
     defaultValue: 88,
     helperText: "Useful Text"
-  });
+  }));
 };
-export var Units = function Units() {
-  return ___EmotionJSX(NumberField, {
+export var Units = function Units(args) {
+  return ___EmotionJSX(NumberField, _extends({}, args, {
     label: "Package width",
     defaultValue: 4,
     formatOptions: {
@@ -204,5 +202,5 @@ export var Units = function Units() {
       unit: 'inch',
       unitDisplay: 'long'
     }
-  });
+  }));
 };

package/lib/components/OverlayPanel/OverlayPanel.stories.js

@@ -37,11 +37,9 @@ export default {
     docs: {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(OverlayPanelReadme, null), ___EmotionJSX(DocsLayout, null));
-      },
-      source: {
-        type: 'code'
       }
-    }
+    },
+    codesandbox: false
   }
 };
 export var Default = function Default(_ref) {

package/lib/components/PageHeader/PageHeader.stories.js

@@ -12,9 +12,11 @@ export default {
     docs: {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(PageHeaderReadMe, null), ___EmotionJSX(DocsLayout, null));
-      },
-      source: {
-        type: 'code'
+      }
+    },
+    codesandbox: {
+      mapComponent: {
+        '@pingux/astro': ['Link', 'PageHeader']
       }
     }
   },
@@ -43,10 +45,10 @@ Default.parameters = {
     url: FIGMA_LINKS.pageHeader["default"]
   }
 };
-export var WithoutButton = function WithoutButton() {
-  return ___EmotionJSX(PageHeader, {
+export var WithoutButton = function WithoutButton(args) {
+  return ___EmotionJSX(PageHeader, _extends({
     title: "Lorem ipsum"
-  }, description, ___EmotionJSX(Link, {
+  }, args), description, ___EmotionJSX(Link, {
     href: "https://uilibrary.ping-eng.com/"
   }, "Learn more"));
 };
@@ -56,13 +58,13 @@ WithoutButton.parameters = {
     url: FIGMA_LINKS.pageHeader.withoutButton
   }
 };
-export var WithoutLink = function WithoutLink() {
-  return ___EmotionJSX(PageHeader, {
+export var WithoutLink = function WithoutLink(args) {
+  return ___EmotionJSX(PageHeader, _extends({
     buttonProps: {
       onPress: function onPress() {}
     },
     title: "Lorem ipsum"
-  }, description);
+  }, args), description);
 };
 WithoutLink.parameters = {
   design: {
@@ -70,13 +72,13 @@ WithoutLink.parameters = {
     url: FIGMA_LINKS.pageHeader.withoutLink
   }
 };
-export var Customization = function Customization() {
-  return ___EmotionJSX(PageHeader, {
+export var Customization = function Customization(args) {
+  return ___EmotionJSX(PageHeader, _extends({
     buttonProps: {
       bg: 'critical.bright'
     },
     title: "Lorem ipsum"
-  }, description, ___EmotionJSX(Link, {
+  }, args), description, ___EmotionJSX(Link, {
     href: "https://uilibrary.ping-eng.com/"
   }, "Learn more"));
 };

package/lib/components/Pagination/Pagination.stories.js

@@ -17,7 +17,8 @@ export default {
       page: function page() {
         return ___EmotionJSX(PaginationReadme, null);
       }
-    }
+    },
+    codesandbox: false
   },
   argTypes: {
     totalCount: {

package/lib/components/PanelHeader/PanelHeader.stories.js

@@ -17,9 +17,13 @@ export default {
     docs: {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(PanelHeaderReadMe, null), ___EmotionJSX(DocsLayout, null));
-      },
-      source: {
-        type: 'code'
+      }
+    },
+    codesandbox: {
+      mapComponent: {
+        '@pingux/astro': ['Box', 'Breadcrumbs', 'Item', 'PanelHeader', 'PanelHeaderCloseButton', 'PanelHeaderMenu', 'PanelHeaderSwitchField'],
+        '@pingux/mdi-react/ChevronRightIcon': 'ChevronRightIcon',
+        '@pingux/mdi-react/AccountIcon': 'AccountIcon'
       }
     }
   },
@@ -78,8 +82,8 @@ WithControls.parameters = {
     url: FIGMA_LINKS.panelHeader.withControls
   }
 };
-export var WithImage = function WithImage() {
-  return ___EmotionJSX(PanelHeader, {
+export var WithImage = function WithImage(args) {
+  return ___EmotionJSX(PanelHeader, _extends({}, args, {
     data: {
       image: {
         src: pingImg,
@@ -88,7 +92,7 @@ export var WithImage = function WithImage() {
       },
       text: 'Fons Vernall'
     }
-  });
+  }));
 };
 WithImage.parameters = {
   design: {

package/lib/components/PanelHeader/controls/PanelHeaderCloseButton.stories.js

@@ -12,7 +12,8 @@ export default {
       source: {
         type: 'code'
       }
-    }
+    },
+    codesandbox: false
   },
   argTypes: iconButtonArgTypes
 };

package/lib/components/PanelHeader/controls/PanelHeaderMenu.stories.js

@@ -11,7 +11,8 @@ export default {
       source: {
         type: 'code'
       }
-    }
+    },
+    codesandbox: false
   },
   argTypes: menuArgTypes
 };

package/lib/components/PanelHeader/controls/PanelHeaderSwitchField.stories.js

@@ -22,7 +22,8 @@ export default {
       source: {
         type: 'code'
       }
-    }
+    },
+    codesandbox: false
   },
   argTypes: _objectSpread({}, switchFieldArgTypes)
 };

package/lib/components/PasswordField/PasswordField.stories.js

@@ -28,9 +28,6 @@ export default {
     docs: {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(PasswordFieldReadme, null), ___EmotionJSX(DocsLayout, null));
-      },
-      source: {
-        type: 'code'
       }
     }
   },

package/lib/components/PopoverMenu/PopoverMenu.stories.js

@@ -1,4 +1,5 @@
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import React, { useState } from 'react';
 import DotsVerticalIcon from '@pingux/mdi-react/DotsVerticalIcon';
 import { action } from '@storybook/addon-actions';
@@ -16,9 +17,12 @@ export default {
     docs: {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(PopoverMenuReadme, null), ___EmotionJSX(DocsLayout, null));
-      },
-      source: {
-        type: 'code'
+      }
+    },
+    codesandbox: {
+      mapComponent: {
+        '@pingux/astro': ['Icon', 'IconButton', 'Item', 'Menu', 'OverlayProvider', 'PopoverMenu', 'Section', 'Text'],
+        '@pingux/mdi-react/DotsVerticalIcon': 'DotsVerticalIcon'
       }
     }
   },
@@ -71,13 +75,13 @@ Default.parameters = {
     url: FIGMA_LINKS.popoverMenu["default"]
   }
 };
-export var DefaultOpen = function DefaultOpen() {
+export var DefaultOpen = function DefaultOpen(args) {
   return (
     // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
     // readers when an overlay opens.
-    ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(PopoverMenu, {
+    ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(PopoverMenu, _extends({}, args, {
       isDefaultOpen: true
-    }, ___EmotionJSX(IconButton, {
+    }), ___EmotionJSX(IconButton, {
       "aria-label": "more options",
       variant: "inverted"
     }, ___EmotionJSX(Icon, {
@@ -135,13 +139,16 @@ export var Controlled = function Controlled() {
     }, "Delete")))))
   );
 };
-export var Placement = function Placement() {
+Controlled.parameters = {
+  codesandbox: false
+};
+export var Placement = function Placement(args) {
   return (
     // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
     // readers when an overlay opens.
-    ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(PopoverMenu, {
+    ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(PopoverMenu, _extends({}, args, {
       direction: "left"
-    }, ___EmotionJSX(IconButton, {
+    }), ___EmotionJSX(IconButton, {
       "aria-label": "more options",
       variant: "inverted"
     }, ___EmotionJSX(Icon, {
@@ -164,14 +171,14 @@ export var Placement = function Placement() {
     }, "Delete")))))
   );
 };
-export var NotFlippable = function NotFlippable() {
+export var NotFlippable = function NotFlippable(args) {
   return (
     // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
     // readers when an overlay opens.
-    ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(PopoverMenu, {
+    ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(PopoverMenu, _extends({}, args, {
       direction: "left",
       isNotFlippable: true
-    }, ___EmotionJSX(IconButton, {
+    }), ___EmotionJSX(IconButton, {
       "aria-label": "more options",
       variant: "inverted"
     }, ___EmotionJSX(Icon, {
@@ -194,13 +201,13 @@ export var NotFlippable = function NotFlippable() {
     }, "Delete")))))
   );
 };
-export var NotClosedOnSelect = function NotClosedOnSelect() {
+export var NotClosedOnSelect = function NotClosedOnSelect(args) {
   return (
     // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
     // readers when an overlay opens.
-    ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(PopoverMenu, {
+    ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(PopoverMenu, _extends({}, args, {
       isNotClosedOnSelect: true
-    }, ___EmotionJSX(IconButton, {
+    }), ___EmotionJSX(IconButton, {
       "aria-label": "more options",
       variant: "inverted"
     }, ___EmotionJSX(Icon, {