@pingux/astro 2.208.3 → 2.209.0-alpha.0

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

@@ -0,0 +1,60 @@
+"use strict";
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.modalHeaderArgTypes = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _docArgTypes = require("../../../utils/docUtils/docArgTypes");
+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) { (0, _defineProperty2["default"])(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; }
+var modalHeaderArgTypes = exports.modalHeaderArgTypes = {
+  hasCloseButton: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+    description: 'Whether the modal header renders a close button.'
+  }),
+  hasNoSeparator: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+    description: 'When true, the divider line below the header is hidden.'
+  }),
+  onClose: _objectSpread(_objectSpread({}, _docArgTypes.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/cjs/components/Modal/Modal.stories.js

@@ -1,9 +1,15 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 _Object$defineProperty(exports, "__esModule", {
   value: true
@@ -11,15 +17,18 @@ _Object$defineProperty(exports, "__esModule", {
 exports["default"] = exports.WithPopoverMenu = exports.WithNotFullPage = exports.WithInputField = exports.WithComboBoxField = exports.LargeContentWithScroll = exports.LargeContent = exports.Default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _hooks = require("../../hooks");
 var _index = require("../../index");
 var _figmaLinks = require("../../utils/designUtils/figmaLinks");
-var _modalSizes = require("../../utils/devUtils/constants/modalSizes");
 var _Modal = _interopRequireDefault(require("./Modal.mdx"));
+var _modalAttributes = require("./modalAttributes");
 var _react2 = require("@emotion/react");
 function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+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) { (0, _defineProperty2["default"])(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; }
 var _default = exports["default"] = {
   title: 'Components/Modal',
   component: _index.Modal,
@@ -30,61 +39,7 @@ var _default = exports["default"] = {
       }
     }
   },
-  argTypes: {
-    title: {
-      control: {
-        type: 'text'
-      }
-    },
-    role: {},
-    id: {
-      control: {
-        type: 'text'
-      }
-    },
-    size: {
-      control: {
-        type: 'select',
-        options: _modalSizes.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({}, _modalAttributes.modalArgTypes),
   args: {
     hasCloseButton: true,
     hasAutoFocus: true

package/lib/cjs/components/Modal/modalAttributes.d.ts

@@ -0,0 +1,55 @@
+export declare const modalArgTypes: {
+    title: {
+        control: {
+            type: string;
+        };
+    };
+    role: {};
+    id: {
+        control: {
+            type: string;
+        };
+    };
+    size: {
+        control: {
+            type: string;
+            options: any;
+        };
+    };
+    hasCloseButton: {};
+    isClosedOnBlur: {};
+    isDismissable: {};
+    isKeyboardDismissDisabled: {};
+    'aria-label': {
+        control: {
+            type: string;
+        };
+    };
+    'aria-labelledby': {
+        control: {
+            type: string;
+        };
+    };
+    'aria-describedby': {
+        control: {
+            type: string;
+        };
+    };
+    'aria-details': {
+        control: {
+            type: string;
+        };
+    };
+    closeButton: {
+        control: boolean;
+    };
+    isOpen: {
+        control: boolean;
+    };
+    contentProps: {
+        control: boolean;
+    };
+    containerProps: {
+        control: boolean;
+    };
+};

package/lib/cjs/components/Modal/modalAttributes.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.modalArgTypes = void 0;
+var _modalSizes = require("../../utils/devUtils/constants/modalSizes");
+var modalArgTypes = exports.modalArgTypes = {
+  title: {
+    control: {
+      type: 'text'
+    }
+  },
+  role: {},
+  id: {
+    control: {
+      type: 'text'
+    }
+  },
+  size: {
+    control: {
+      type: 'select',
+      options: _modalSizes.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/cjs/components/NavBar/NavBar.stories.js

@@ -1,9 +1,15 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 _Object$defineProperty(exports, "__esModule", {
   value: true
@@ -11,6 +17,7 @@ _Object$defineProperty(exports, "__esModule", {
 exports["default"] = exports.OnyxDefault = exports.Default = exports.Controlled = exports.AutoCollapse = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _AccountCheckOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/AccountCheckOutlineIcon"));
 var _AccountMultipleIcon = _interopRequireDefault(require("@pingux/mdi-react/AccountMultipleIcon"));
@@ -41,8 +48,11 @@ var _ = require("../..");
 var _hooks = require("../../hooks");
 var _figmaLinks = require("../../utils/designUtils/figmaLinks");
 var _NavBar = _interopRequireDefault(require("./NavBar.mdx"));
+var _navBarAttributes = require("./navBarAttributes");
 var _react2 = require("@emotion/react");
 function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+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) { (0, _defineProperty2["default"])(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; }
 var _default = exports["default"] = {
   component: _.NavBar,
   decorators: [function (OnyxDefault) {
@@ -59,6 +69,7 @@ var _default = exports["default"] = {
     NavBarItemButton: _.NavBarItemButton
   },
   title: 'Components/NavBar',
+  argTypes: _objectSpread({}, _navBarAttributes.navBarArgTypes),
   parameters: {
     layout: 'fullscreen',
     docs: {

package/lib/cjs/components/NavBar/navBarAttributes.d.ts

@@ -0,0 +1,30 @@
+export declare const navBarArgTypes: {
+    isAutoСollapsible: any;
+    hasRestoreFocus: any;
+    variant: {
+        control: {
+            type: string;
+        };
+        options: string[];
+        description: string;
+    };
+    defaultSelectedKey: {
+        control: {
+            type: string;
+        };
+        description: string;
+    };
+    defaultExpandedKeys: {
+        control: boolean;
+        description: string;
+    };
+    selectedKey: {
+        control: boolean;
+        description: string;
+    };
+    setSelectedKey: any;
+    children: {
+        control: boolean;
+        description: string;
+    };
+};

package/lib/cjs/components/NavBar/navBarAttributes.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.navBarArgTypes = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _docArgTypes = require("../../utils/docUtils/docArgTypes");
+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) { (0, _defineProperty2["default"])(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; }
+var navBarArgTypes = exports.navBarArgTypes = {
+  isAutoСollapsible: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+    description: 'Allows only one item to be expanded at a time (auto-collapse behavior).'
+  }),
+  hasRestoreFocus: _objectSpread(_objectSpread({}, _docArgTypes.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({}, _docArgTypes.funcArg), {}, {
+    description: 'Callback function that fires when the selected key changes.'
+  }),
+  children: {
+    control: false,
+    description: 'Content to render inside the NavBar.'
+  }
+};

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

@@ -1,18 +1,30 @@
 "use strict";
 
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _ = require("../../..");
 var _uiLibraryOverride = _interopRequireDefault(require("../../../styles/themeOverrides/uiLibraryOverride"));
 var _NavBarNextGenComponent = require("./NavBarNextGenComponent");
+var _navBarOnyxAttributes = require("./navBarOnyxAttributes");
 var _react2 = require("@emotion/react");
+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) { (0, _defineProperty2["default"])(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; }
 var _default = exports["default"] = {
-  title: 'Onyx SideBar First Steps'
+  title: 'Onyx SideBar First Steps',
+  argTypes: _objectSpread({}, _navBarOnyxAttributes.navBarOnyxArgTypes)
 };
 var Default = exports.Default = function Default() {
   return (0, _react2.jsx)(_.AstroProvider, {

package/lib/cjs/components/NavBar/stories/navBarOnyxAttributes.d.ts

@@ -0,0 +1,24 @@
+export declare const navBarOnyxArgTypes: {
+    isAutoСollapsible: any;
+    hasRestoreFocus: any;
+    variant: {
+        control: {
+            type: string;
+        };
+        options: string[];
+        description: string;
+    };
+    defaultSelectedKey: {
+        control: {
+            type: string;
+        };
+        description: string;
+    };
+    setSelectedKey: any;
+    children: {
+        control: {
+            type: null;
+        };
+        description: string;
+    };
+};

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

@@ -0,0 +1,49 @@
+"use strict";
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.navBarOnyxArgTypes = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _docArgTypes = require("../../../utils/docUtils/docArgTypes");
+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) { (0, _defineProperty2["default"])(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; }
+var navBarOnyxArgTypes = exports.navBarOnyxArgTypes = {
+  isAutoСollapsible: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+    description: 'Allows only one item to be expanded at a time (auto-collapse behavior).'
+  }),
+  hasRestoreFocus: _objectSpread(_objectSpread({}, _docArgTypes.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({}, _docArgTypes.funcArg), {}, {
+    description: 'Callback function that fires when the selected key changes.'
+  }),
+  children: {
+    control: {
+      type: null
+    },
+    description: 'Content to render inside the NavBar.'
+  }
+};

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

@@ -19,6 +19,7 @@ var _usePaginationState2 = _interopRequireDefault(require("../../hooks/usePagina
 var _index = require("../../index");
 var _animals = _interopRequireDefault(require("../../utils/devUtils/constants/animals"));
 var _Pagination = _interopRequireDefault(require("./Pagination.mdx"));
+var _paginationAttributes = require("./paginationAttributes");
 var _react2 = require("@emotion/react");
 function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var _default = exports["default"] = {
@@ -31,30 +32,7 @@ var _default = exports["default"] = {
       }
     }
   },
-  argTypes: {
-    totalCount: {
-      control: {
-        type: 'number'
-      }
-    },
-    currentPageIndex: {
-      control: {
-        type: 'number'
-      }
-    },
-    offsetCount: {
-      control: {
-        type: 'number'
-      }
-    },
-    offsetOptions: {
-      control: {
-        type: 'array'
-      }
-    },
-    onPageIndexChange: {},
-    onOffsetCountChange: {}
-  }
+  argTypes: _paginationAttributes.paginationArgTypes
 };
 var ExampleComponent = function ExampleComponent() {
   var _context;

package/lib/cjs/components/Pagination/paginationAttributes.d.ts

@@ -0,0 +1,24 @@
+export declare const paginationArgTypes: {
+    totalCount: {
+        control: {
+            type: string;
+        };
+    };
+    currentPageIndex: {
+        control: {
+            type: string;
+        };
+    };
+    offsetCount: {
+        control: {
+            type: string;
+        };
+    };
+    offsetOptions: {
+        control: {
+            type: string;
+        };
+    };
+    onPageIndexChange: {};
+    onOffsetCountChange: {};
+};

package/lib/cjs/components/Pagination/paginationAttributes.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.paginationArgTypes = void 0;
+var paginationArgTypes = exports.paginationArgTypes = {
+  totalCount: {
+    control: {
+      type: 'number'
+    }
+  },
+  currentPageIndex: {
+    control: {
+      type: 'number'
+    }
+  },
+  offsetCount: {
+    control: {
+      type: 'number'
+    }
+  },
+  offsetOptions: {
+    control: {
+      type: 'array'
+    }
+  },
+  onPageIndexChange: {},
+  onOffsetCountChange: {}
+};

package/lib/cjs/components/PhoneNumberField/PhoneNumberField.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { PhoneNumberFieldProps } from '../../types';
+declare const PhoneNumberField: React.ForwardRefExoticComponent<PhoneNumberFieldProps & React.RefAttributes<HTMLInputElement>>;
+export default PhoneNumberField;