@pingux/astro 2.208.3 → 2.208.4-alpha.0

package/lib/cjs/components/Label/labelAttributes.d.ts

@@ -0,0 +1,17 @@
+export declare const labelArgTypes: {
+    mode: {
+        control: {
+            type: string;
+            options: {
+                DEFAULT: string;
+                FLOAT: string;
+                LEFT: string;
+            };
+        };
+    };
+    isDisabled: {};
+    isRequired: {};
+    requiredIndicator: {
+        control: string;
+    };
+};

package/lib/cjs/components/Label/labelAttributes.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.labelArgTypes = void 0;
+var _labelModes = require("../../utils/devUtils/constants/labelModes");
+var labelArgTypes = exports.labelArgTypes = {
+  mode: {
+    control: {
+      type: 'select',
+      options: _labelModes.modes
+    }
+  },
+  isDisabled: {},
+  isRequired: {},
+  requiredIndicator: {
+    control: 'none'
+  }
+};

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

@@ -8,17 +8,13 @@ _Object$defineProperty(exports, "__esModule", {
 exports["default"] = exports.SkipToMain = exports.Default = void 0;
 var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectDestructuringEmpty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
 var _react = _interopRequireDefault(require("react"));
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
 var _figmaLinks = require("../../utils/designUtils/figmaLinks");
-var _htmlElements = require("../../utils/devUtils/constants/htmlElements");
 var _Link = _interopRequireDefault(require("./Link.mdx"));
-var _Link2 = _interopRequireDefault(require("./Link.styles"));
+var _linkAttributes = require("./linkAttributes");
 var _react2 = require("@emotion/react");
-var _context;
 var _default = exports["default"] = {
   title: 'Components/Link',
   component: _index.Link,
@@ -29,34 +25,7 @@ var _default = exports["default"] = {
       }
     }
   },
-  argTypes: {
-    href: {
-      control: {
-        type: 'text'
-      }
-    },
-    isDisabled: {},
-    isSafariCompatible: {
-      table: {
-        disable: true
-      }
-    },
-    as: {
-      control: {
-        type: 'select'
-      },
-      options: _htmlElements.htmlElements
-    },
-    target: {
-      control: false
-    },
-    variant: {
-      control: {
-        type: 'select',
-        options: (0, _concat["default"])(_context = []).call(_context, (0, _keys["default"])(_Link2["default"]), ['button'])
-      }
-    }
-  },
+  argTypes: _linkAttributes.linkArgTypes,
   args: {
     href: 'https://uilibrary.ping-eng.com/',
     as: 'a',

package/lib/cjs/components/Link/linkAttributes.d.ts

@@ -0,0 +1,28 @@
+export declare const linkArgTypes: {
+    href: {
+        control: {
+            type: string;
+        };
+    };
+    isDisabled: {};
+    isSafariCompatible: {
+        table: {
+            disable: boolean;
+        };
+    };
+    as: {
+        control: {
+            type: string;
+        };
+        options: any;
+    };
+    target: {
+        control: boolean;
+    };
+    variant: {
+        control: {
+            type: string;
+            options: string[];
+        };
+    };
+};

package/lib/cjs/components/Link/linkAttributes.js

@@ -0,0 +1,41 @@
+"use strict";
+
+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.linkArgTypes = void 0;
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+var _htmlElements = require("../../utils/devUtils/constants/htmlElements");
+var _Link = _interopRequireDefault(require("./Link.styles"));
+var _context;
+var linkArgTypes = exports.linkArgTypes = {
+  href: {
+    control: {
+      type: 'text'
+    }
+  },
+  isDisabled: {},
+  isSafariCompatible: {
+    table: {
+      disable: true
+    }
+  },
+  as: {
+    control: {
+      type: 'select'
+    },
+    options: _htmlElements.htmlElements
+  },
+  target: {
+    control: false
+  },
+  variant: {
+    control: {
+      type: 'select',
+      options: (0, _concat["default"])(_context = []).call(_context, (0, _keys["default"])(_Link["default"]), ['button'])
+    }
+  }
+};

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

@@ -1,17 +1,67 @@
 "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 _docArgTypes = require("../../../utils/docUtils/docArgTypes");
 var _ListViewNextGenComponent = require("./ListViewNextGenComponent");
 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 Dark ListView'
+  title: 'Onyx Dark ListView',
+  argTypes: {
+    selectionMode: {
+      control: {
+        type: 'select'
+      },
+      options: ['expansion', 'single', 'multiple', 'none'],
+      description: 'The type of selection that is allowed in the list view.'
+    },
+    isHoverable: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+      description: 'Whether list items display a hover state.'
+    }),
+    loadingState: {
+      control: {
+        type: 'text'
+      },
+      description: 'The current loading state of the list view (e.g. loading, loadingMore, filtering).'
+    },
+    'aria-label': {
+      control: {
+        type: 'text'
+      },
+      description: 'Defines a string value that labels the list view for accessibility.'
+    },
+    onFocus: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+      description: 'Handler that is called when the list view receives focus.'
+    }),
+    onLoadMore: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+      description: 'Handler that is called when more items should be loaded from the data source.'
+    }),
+    onLoadPrev: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+      description: 'Handler that is called when previous items should be loaded from the data source.'
+    }),
+    containerProps: {
+      control: {
+        type: null
+      },
+      description: 'Props to pass to the outer container element of the list view.'
+    }
+  }
 };
 var Default = exports.Default = function Default() {
   return (0, _react2.jsx)(_.AstroProvider, {

package/lib/cjs/components/ListView/stories/listViewOnyxDarkAttributes.d.ts

@@ -0,0 +1,31 @@
+export declare const listViewOnyxDarkArgTypes: {
+    selectionMode: {
+        control: {
+            type: string;
+        };
+        options: string[];
+        description: string;
+    };
+    isHoverable: any;
+    loadingState: {
+        control: {
+            type: string;
+        };
+        description: string;
+    };
+    'aria-label': {
+        control: {
+            type: string;
+        };
+        description: string;
+    };
+    onFocus: any;
+    onLoadMore: any;
+    onLoadPrev: any;
+    containerProps: {
+        control: {
+            type: null;
+        };
+        description: string;
+    };
+};

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

@@ -0,0 +1,58 @@
+"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.listViewOnyxDarkArgTypes = 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 listViewOnyxDarkArgTypes = exports.listViewOnyxDarkArgTypes = {
+  selectionMode: {
+    control: {
+      type: 'select'
+    },
+    options: ['expansion', 'single', 'multiple', 'none'],
+    description: 'The type of selection that is allowed in the list view.'
+  },
+  isHoverable: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+    description: 'Whether list items display a hover state.'
+  }),
+  loadingState: {
+    control: {
+      type: 'text'
+    },
+    description: 'The current loading state of the list view (e.g. loading, loadingMore, filtering).'
+  },
+  'aria-label': {
+    control: {
+      type: 'text'
+    },
+    description: 'Defines a string value that labels the list view for accessibility.'
+  },
+  onFocus: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+    description: 'Handler that is called when the list view receives focus.'
+  }),
+  onLoadMore: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+    description: 'Handler that is called when more items should be loaded from the data source.'
+  }),
+  onLoadPrev: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+    description: 'Handler that is called when previous items should be loaded from the data source.'
+  }),
+  containerProps: {
+    control: {
+      type: null
+    },
+    description: 'Props to pass to the outer container element of the list view.'
+  }
+};

package/lib/cjs/components/Modal/Convenience/ModalBody.stories.js

@@ -1,15 +1,26 @@
 "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 _storybookDocsLayout = _interopRequireDefault(require("../../../../.storybook/storybookDocsLayout"));
 var _index = require("../../../index");
+var _modalBodyAttributes = require("./modalBodyAttributes");
 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: 'Components/Modal/Convenience/ModalBody',
   component: _index.ModalBody,
@@ -19,7 +30,8 @@ var _default = exports["default"] = {
         return (0, _react2.jsx)(_storybookDocsLayout["default"], null);
       }
     }
-  }
+  },
+  argTypes: _objectSpread({}, _modalBodyAttributes.modalBodyArgTypes)
 };
 var Default = exports.Default = function Default() {
   return (0, _react2.jsx)(_index.ModalBody, null, (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.Text, null, "Do you want to continue with this action that you\u2018re performing?")));

package/lib/cjs/components/Modal/Convenience/ModalFooter.stories.js

@@ -1,16 +1,27 @@
 "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 _storybookDocsLayout = _interopRequireDefault(require("../../../../.storybook/storybookDocsLayout"));
 var _hooks = require("../../../hooks");
 var _index = require("../../../index");
+var _modalFooterAttributes = require("./modalFooterAttributes");
 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: 'Components/Modal/Convenience/ModalFooter',
   component: _index.ModalFooter,
@@ -20,7 +31,8 @@ var _default = exports["default"] = {
         return (0, _react2.jsx)(_storybookDocsLayout["default"], null);
       }
     }
-  }
+  },
+  argTypes: _objectSpread({}, _modalFooterAttributes.modalFooterArgTypes)
 };
 var Default = exports.Default = function Default() {
   var state = (0, _hooks.useModalState)();

package/lib/cjs/components/Modal/Convenience/ModalHeader.stories.js

@@ -1,16 +1,27 @@
 "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 _storybookDocsLayout = _interopRequireDefault(require("../../../../.storybook/storybookDocsLayout"));
 var _hooks = require("../../../hooks");
 var _index = require("../../../index");
+var _modalHeaderAttributes = require("./modalHeaderAttributes");
 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: 'Components/Modal/Convenience/ModalHeader',
   component: _index.ModalHeader,
@@ -20,7 +31,8 @@ var _default = exports["default"] = {
         return (0, _react2.jsx)(_storybookDocsLayout["default"], null);
       }
     }
-  }
+  },
+  argTypes: _objectSpread({}, _modalHeaderAttributes.modalHeaderArgTypes)
 };
 var Default = exports.Default = function Default() {
   var state = (0, _hooks.useModalState)();

package/lib/cjs/components/Modal/Convenience/modalBodyAttributes.d.ts

@@ -0,0 +1,21 @@
+export declare const modalBodyArgTypes: {
+    isScrollable: any;
+    scrollProps: {
+        description: string;
+        control: {
+            type: null;
+        };
+    };
+    containerProps: {
+        description: string;
+        control: {
+            type: null;
+        };
+    };
+    children: {
+        description: string;
+        control: {
+            type: null;
+        };
+    };
+};

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

@@ -0,0 +1,42 @@
+"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.modalBodyArgTypes = 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 modalBodyArgTypes = exports.modalBodyArgTypes = {
+  isScrollable: _objectSpread(_objectSpread({}, _docArgTypes.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/cjs/components/Modal/Convenience/modalFooterAttributes.d.ts

@@ -0,0 +1,28 @@
+export declare const modalFooterArgTypes: {
+    onSubmit: any;
+    onCancel: any;
+    primaryButtonText: {
+        description: string;
+        control: {
+            type: string;
+        };
+    };
+    secondaryButtonText: {
+        description: string;
+        control: {
+            type: string;
+        };
+    };
+    children: {
+        description: string;
+        control: {
+            type: null;
+        };
+    };
+    footerProps: {
+        description: string;
+        control: {
+            type: null;
+        };
+    };
+};

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

@@ -0,0 +1,51 @@
+"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.modalFooterArgTypes = 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 modalFooterArgTypes = exports.modalFooterArgTypes = {
+  onSubmit: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+    description: 'Callback invoked when the primary (submit) button is pressed.'
+  }),
+  onCancel: _objectSpread(_objectSpread({}, _docArgTypes.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/cjs/components/Modal/Convenience/modalHeaderAttributes.d.ts

@@ -0,0 +1,35 @@
+export declare const modalHeaderArgTypes: {
+    hasCloseButton: any;
+    hasNoSeparator: any;
+    onClose: any;
+    title: {
+        description: string;
+        control: {
+            type: string;
+        };
+    };
+    titleProps: {
+        description: string;
+        control: {
+            type: null;
+        };
+    };
+    containerProps: {
+        description: string;
+        control: {
+            type: null;
+        };
+    };
+    closeButton: {
+        description: string;
+        control: {
+            type: null;
+        };
+    };
+    closeButtonProps: {
+        description: string;
+        control: {
+            type: null;
+        };
+    };
+};