@pingux/astro 2.208.3 → 2.208.4-alpha.0

package/lib/components/Modal/Convenience/modalBodyAttributes.js

@@ -0,0 +1,35 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+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 _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { booleanArg } from '../../../utils/docUtils/docArgTypes';
+export var modalBodyArgTypes = {
+  isScrollable: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: 'Whether the modal body content area is scrollable.'
+  }),
+  scrollProps: {
+    description: 'Props passed to the scrollable container element.',
+    control: {
+      type: null
+    }
+  },
+  containerProps: {
+    description: 'Props passed to the outer container Box element.',
+    control: {
+      type: null
+    }
+  },
+  children: {
+    description: 'Content to render inside the modal body.',
+    control: {
+      type: null
+    }
+  }
+};

package/lib/components/Modal/Convenience/modalFooterAttributes.js

@@ -0,0 +1,44 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+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 _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { funcArg } from '../../../utils/docUtils/docArgTypes';
+export var modalFooterArgTypes = {
+  onSubmit: _objectSpread(_objectSpread({}, funcArg), {}, {
+    description: 'Callback invoked when the primary (submit) button is pressed.'
+  }),
+  onCancel: _objectSpread(_objectSpread({}, funcArg), {}, {
+    description: 'Callback invoked when the secondary (cancel) button is pressed.'
+  }),
+  primaryButtonText: {
+    description: 'Label text for the primary submit button.',
+    control: {
+      type: 'text'
+    }
+  },
+  secondaryButtonText: {
+    description: 'Label text for the secondary cancel button.',
+    control: {
+      type: 'text'
+    }
+  },
+  children: {
+    description: 'Additional content to render inside the footer.',
+    control: {
+      type: null
+    }
+  },
+  footerProps: {
+    description: 'Props passed to the footer container Box element.',
+    control: {
+      type: null
+    }
+  }
+};

package/lib/components/Modal/Convenience/modalHeaderAttributes.js

@@ -0,0 +1,53 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+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 _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { booleanArg, funcArg } from '../../../utils/docUtils/docArgTypes';
+export var modalHeaderArgTypes = {
+  hasCloseButton: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: 'Whether the modal header renders a close button.'
+  }),
+  hasNoSeparator: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: 'When true, the divider line below the header is hidden.'
+  }),
+  onClose: _objectSpread(_objectSpread({}, funcArg), {}, {
+    description: 'Callback invoked when the close button is pressed.'
+  }),
+  title: {
+    description: 'The title text or node displayed in the modal header.',
+    control: {
+      type: 'text'
+    }
+  },
+  titleProps: {
+    description: 'Props passed to the title element.',
+    control: {
+      type: null
+    }
+  },
+  containerProps: {
+    description: 'Props passed to the header container Box element.',
+    control: {
+      type: null
+    }
+  },
+  closeButton: {
+    description: 'Custom close button node to render in place of the default close button.',
+    control: {
+      type: null
+    }
+  },
+  closeButtonProps: {
+    description: 'Props passed to the default close IconButton.',
+    control: {
+      type: null
+    }
+  }
+};

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

@@ -1,12 +1,23 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+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(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useState } from 'react';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { useGetTheme, useModalState } from '../../hooks';
 import { Box, Button, ComboBoxField, Item, Menu, Modal, ModalBody, ModalFooter, ModalHeader, OverlayProvider, PopoverMenu, RadioField, RadioGroupField, SearchField, SelectField, Text } from '../../index';
 import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
-import { modalSizes } from '../../utils/devUtils/constants/modalSizes';
 import ModalReadme from './Modal.mdx';
+import { modalArgTypes } from './modalAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Components/Modal',
@@ -18,61 +29,7 @@ export default {
       }
     }
   },
-  argTypes: {
-    title: {
-      control: {
-        type: 'text'
-      }
-    },
-    role: {},
-    id: {
-      control: {
-        type: 'text'
-      }
-    },
-    size: {
-      control: {
-        type: 'select',
-        options: modalSizes
-      }
-    },
-    hasCloseButton: {},
-    isClosedOnBlur: {},
-    isDismissable: {},
-    isKeyboardDismissDisabled: {},
-    'aria-label': {
-      control: {
-        type: 'text'
-      }
-    },
-    'aria-labelledby': {
-      control: {
-        type: 'text'
-      }
-    },
-    'aria-describedby': {
-      control: {
-        type: 'text'
-      }
-    },
-    'aria-details': {
-      control: {
-        type: 'text'
-      }
-    },
-    closeButton: {
-      control: false
-    },
-    isOpen: {
-      control: false
-    },
-    contentProps: {
-      control: false
-    },
-    containerProps: {
-      control: false
-    }
-  },
+  argTypes: _objectSpread({}, modalArgTypes),
   args: {
     hasCloseButton: true,
     hasAutoFocus: true

package/lib/components/Modal/modalAttributes.js

@@ -0,0 +1,56 @@
+import { modalSizes } from '../../utils/devUtils/constants/modalSizes';
+export var modalArgTypes = {
+  title: {
+    control: {
+      type: 'text'
+    }
+  },
+  role: {},
+  id: {
+    control: {
+      type: 'text'
+    }
+  },
+  size: {
+    control: {
+      type: 'select',
+      options: modalSizes
+    }
+  },
+  hasCloseButton: {},
+  isClosedOnBlur: {},
+  isDismissable: {},
+  isKeyboardDismissDisabled: {},
+  'aria-label': {
+    control: {
+      type: 'text'
+    }
+  },
+  'aria-labelledby': {
+    control: {
+      type: 'text'
+    }
+  },
+  'aria-describedby': {
+    control: {
+      type: 'text'
+    }
+  },
+  'aria-details': {
+    control: {
+      type: 'text'
+    }
+  },
+  closeButton: {
+    control: false
+  },
+  isOpen: {
+    control: false
+  },
+  contentProps: {
+    control: false
+  },
+  containerProps: {
+    control: false
+  }
+};

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

@@ -1,5 +1,16 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+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(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useState } from 'react';
 import AccountCheckIcon from '@pingux/mdi-react/AccountCheckOutlineIcon';
 import AccountMultiple from '@pingux/mdi-react/AccountMultipleIcon';
@@ -30,6 +41,7 @@ import { Box, Link, NavBar, NavBarItem, NavBarItemButton, NavBarItemLink, NavBar
 import { useGetTheme } from '../../hooks';
 import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
 import NavBarReadme from './NavBar.mdx';
+import { navBarArgTypes } from './navBarAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   component: NavBar,
@@ -47,6 +59,7 @@ export default {
     NavBarItemButton: NavBarItemButton
   },
   title: 'Components/NavBar',
+  argTypes: _objectSpread({}, navBarArgTypes),
   parameters: {
     layout: 'fullscreen',
     docs: {

package/lib/components/NavBar/navBarAttributes.js

@@ -0,0 +1,48 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+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 _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { booleanArg, funcArg } from '../../utils/docUtils/docArgTypes';
+export var navBarArgTypes = {
+  isAutoСollapsible: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: 'Allows only one item to be expanded at a time (auto-collapse behavior).'
+  }),
+  hasRestoreFocus: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: 'Whether or not the focus will return to the previously focused element upon unmount.'
+  }),
+  variant: {
+    control: {
+      type: 'select'
+    },
+    options: ['default', 'popupNav'],
+    description: 'Applies a style to the entire nav tree. Options are default and popupNav.'
+  },
+  defaultSelectedKey: {
+    control: {
+      type: 'text'
+    },
+    description: 'The initial selected key in the collection (uncontrolled).'
+  },
+  defaultExpandedKeys: {
+    control: false,
+    description: 'The initial expanded keys in the collection (uncontrolled).'
+  },
+  selectedKey: {
+    control: false,
+    description: 'The selected key in the collection (controlled).'
+  },
+  setSelectedKey: _objectSpread(_objectSpread({}, funcArg), {}, {
+    description: 'Callback function that fires when the selected key changes.'
+  }),
+  children: {
+    control: false,
+    description: 'Content to render inside the NavBar.'
+  }
+};

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

@@ -1,10 +1,23 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+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 _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
 import { AstroProvider, OnyxSideNavOverride } from '../../..';
 import uiLibraryOverride from '../../../styles/themeOverrides/uiLibraryOverride';
 import { NavBarNextGenComponent } from './NavBarNextGenComponent';
+import { navBarOnyxArgTypes } from './navBarOnyxAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Onyx SideBar First Steps'
+  title: 'Onyx SideBar First Steps',
+  argTypes: _objectSpread({}, navBarOnyxArgTypes)
 };
 export var Default = function Default() {
   return ___EmotionJSX(AstroProvider, {

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

@@ -0,0 +1,42 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+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 _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { booleanArg, funcArg } from '../../../utils/docUtils/docArgTypes';
+export var navBarOnyxArgTypes = {
+  isAutoСollapsible: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: 'Allows only one item to be expanded at a time (auto-collapse behavior).'
+  }),
+  hasRestoreFocus: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: 'Whether or not the focus will return to the previously focused element upon unmount.'
+  }),
+  variant: {
+    control: {
+      type: 'select'
+    },
+    options: ['default', 'popupNav'],
+    description: 'Applies a style to the entire nav tree. Options are default and popupNav.'
+  },
+  defaultSelectedKey: {
+    control: {
+      type: 'text'
+    },
+    description: 'The initial selected key in the collection (uncontrolled).'
+  },
+  setSelectedKey: _objectSpread(_objectSpread({}, funcArg), {}, {
+    description: 'Callback function that fires when the selected key changes.'
+  }),
+  children: {
+    control: {
+      type: null
+    },
+    description: 'Content to render inside the NavBar.'
+  }
+};

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

@@ -8,6 +8,7 @@ import usePaginationState from '../../hooks/usePaginationState';
 import { Box, Button, Item, ListView, ListViewItem, Pagination, PaginationProvider, ScrollBox } from '../../index';
 import animals from '../../utils/devUtils/constants/animals';
 import PaginationReadme from './Pagination.mdx';
+import { paginationArgTypes } from './paginationAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Components/Pagination',
@@ -19,30 +20,7 @@ export default {
       }
     }
   },
-  argTypes: {
-    totalCount: {
-      control: {
-        type: 'number'
-      }
-    },
-    currentPageIndex: {
-      control: {
-        type: 'number'
-      }
-    },
-    offsetCount: {
-      control: {
-        type: 'number'
-      }
-    },
-    offsetOptions: {
-      control: {
-        type: 'array'
-      }
-    },
-    onPageIndexChange: {},
-    onOffsetCountChange: {}
-  }
+  argTypes: paginationArgTypes
 };
 var ExampleComponent = function ExampleComponent() {
   var _context;

package/lib/components/Pagination/paginationAttributes.js

@@ -0,0 +1,24 @@
+export var paginationArgTypes = {
+  totalCount: {
+    control: {
+      type: 'number'
+    }
+  },
+  currentPageIndex: {
+    control: {
+      type: 'number'
+    }
+  },
+  offsetCount: {
+    control: {
+      type: 'number'
+    }
+  },
+  offsetOptions: {
+    control: {
+      type: 'array'
+    }
+  },
+  onPageIndexChange: {},
+  onOffsetCountChange: {}
+};

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

@@ -7,6 +7,7 @@ import { useGetTheme } from '../../hooks';
 import { Icon, IconButton, Item, Menu, OverlayProvider, PopoverMenu, Section, Text } from '../../index';
 import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
 import PopoverMenuReadme from './PopoverMenu.mdx';
+import { popoverMenuArgTypes } from './popoverMenuAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Components/PopoverMenu',
@@ -18,19 +19,7 @@ export default {
       }
     }
   },
-  argTypes: {
-    align: {},
-    direction: {},
-    isDefaultOpen: {},
-    isNotClosedOnSelect: {},
-    isNotFlippable: {},
-    isOpen: {
-      onClick: {
-        action: 'clicked'
-      },
-      control: false
-    }
-  }
+  argTypes: popoverMenuArgTypes
 };
 export var Default = function Default(args) {
   var _useGetTheme = useGetTheme(),

package/lib/components/PopoverMenu/popoverMenuAttributes.js

@@ -0,0 +1,13 @@
+export var popoverMenuArgTypes = {
+  align: {},
+  direction: {},
+  isDefaultOpen: {},
+  isNotClosedOnSelect: {},
+  isNotFlippable: {},
+  isOpen: {
+    onClick: {
+      action: 'clicked'
+    },
+    control: false
+  }
+};

package/lib/components/ProgressBar/ProgressBar.stories.js

@@ -3,6 +3,7 @@ import React from 'react';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { ProgressBar } from '../../index';
 import ProgressBarReadMe from './ProgressBar.mdx';
+import { progressBarArgTypes } from './progressBarAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Experimental/ProgressBar',
@@ -14,33 +15,7 @@ export default {
       }
     }
   },
-  argTypes: {
-    isIndeterminate: {
-      table: {
-        disable: true
-      }
-    },
-    'data-testid': {
-      table: {
-        disable: true
-      }
-    },
-    label: {
-      table: {
-        disable: true
-      }
-    },
-    shouldShowValueLabel: {
-      table: {
-        disable: true
-      }
-    },
-    valueLabel: {
-      table: {
-        disable: true
-      }
-    }
-  }
+  argTypes: progressBarArgTypes
 };
 export var Default = function Default(args) {
   return ___EmotionJSX(ProgressBar, _extends({}, args, {

package/lib/components/ProgressBar/progressBarAttributes.js

@@ -0,0 +1,58 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+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 _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { booleanArg } from '../../utils/docUtils/docArgTypes';
+export var progressBarArgTypes = {
+  'data-testid': {
+    table: {
+      disable: true
+    }
+  },
+  value: {
+    control: {
+      type: 'number'
+    },
+    description: 'The current value of the progress bar (required).'
+  },
+  minValue: {
+    control: {
+      type: 'number'
+    },
+    description: 'The minimum value of the progress bar.'
+  },
+  maxValue: {
+    control: {
+      type: 'number'
+    },
+    description: 'The maximum value of the progress bar.'
+  },
+  isIndeterminate: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: 'Whether the progress bar is in an indeterminate state (progress is unknown).'
+  }),
+  shouldShowValueLabel: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: 'Whether to display a label showing the current value of the progress bar.'
+  }),
+  label: {
+    control: {
+      type: 'text'
+    },
+    description: 'A label describing the progress bar.'
+  },
+  valueLabel: {
+    control: {
+      type: 'text'
+    },
+    description: 'A custom label to display for the current value instead of the default formatted value.'
+  },
+  formatOptions: {
+    description: 'The display format of the value label (Intl.NumberFormatOptions).'
+  }
+};