@pingux/astro 2.208.3 → 2.209.0-alpha.0

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

@@ -39,10 +39,8 @@ var _users = require("../../api/users");
 var _index = require("../../index");
 var _constants = require("../../mocks/constants");
 var _labelModes = require("../../utils/devUtils/constants/labelModes");
-var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
-var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
-var _statusProp = require("../../utils/docUtils/statusProp");
 var _SelectField = _interopRequireDefault(require("./SelectField.mdx"));
+var _selectFieldAttributes = require("./selectFieldAttributes");
 var _react2 = require("@emotion/react");
 var _context, _context2;
 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 _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
@@ -144,44 +142,7 @@ var _default = exports["default"] = {
       }
     }
   },
-  argTypes: _objectSpread(_objectSpread(_objectSpread({
-    label: {
-      control: {
-        type: 'text'
-      }
-    },
-    placeholder: {},
-    defaultText: {},
-    helperText: {
-      control: {
-        type: 'text'
-      }
-    },
-    hintText: {
-      control: {
-        type: 'text'
-      }
-    },
-    labelMode: {
-      control: {
-        type: 'select',
-        options: (0, _values["default"])(_labelModes.modes)
-      }
-    },
-    defaultSelectedKey: {},
-    disabledKeys: {},
-    name: {},
-    align: {},
-    direction: {},
-    hasNoEmptySelection: {},
-    isDefaultOpen: {},
-    isDisabled: {},
-    isOpen: {},
-    isRequired: {},
-    selectedKey: {
-      control: false
-    }
-  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes),
+  argTypes: _objectSpread({}, _selectFieldAttributes.selectFieldArgTypes),
   args: {
     label: 'Example Label',
     labelMode: (0, _values["default"])(_labelModes.modes)[0]

package/lib/cjs/components/SelectField/selectFieldAttributes.d.ts

@@ -0,0 +1 @@
+export declare const selectFieldArgTypes: any;

package/lib/cjs/components/SelectField/selectFieldAttributes.js

@@ -0,0 +1,61 @@
+"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.selectFieldArgTypes = void 0;
+var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _labelModes = require("../../utils/devUtils/constants/labelModes");
+var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
+var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
+var _statusProp = require("../../utils/docUtils/statusProp");
+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 selectFieldArgTypes = exports.selectFieldArgTypes = _objectSpread(_objectSpread(_objectSpread({
+  label: {
+    control: {
+      type: 'text'
+    }
+  },
+  placeholder: {},
+  defaultText: {},
+  helperText: {
+    control: {
+      type: 'text'
+    }
+  },
+  hintText: {
+    control: {
+      type: 'text'
+    }
+  },
+  labelMode: {
+    control: {
+      type: 'select',
+      options: (0, _values["default"])(_labelModes.modes)
+    }
+  },
+  defaultSelectedKey: {},
+  disabledKeys: {},
+  name: {},
+  align: {},
+  direction: {},
+  hasNoEmptySelection: {},
+  isDefaultOpen: {},
+  isDisabled: {},
+  isOpen: {},
+  isRequired: {},
+  selectedKey: {
+    control: false
+  }
+}, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes);

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

@@ -1,5 +1,12 @@
 "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", {
@@ -8,12 +15,16 @@ _Object$defineProperty(exports, "__esModule", {
 exports.verticalSeparator = exports["default"] = exports.Default = void 0;
 var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectDestructuringEmpty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+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 _figmaLinks = require("../../utils/designUtils/figmaLinks");
+var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _Separator = _interopRequireDefault(require("./Separator.mdx"));
 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/Separator',
   component: _index.Separator,
@@ -23,7 +34,16 @@ var _default = exports["default"] = {
         return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Separator["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
       }
     }
-  }
+  },
+  argTypes: _objectSpread({
+    orientation: {
+      control: {
+        type: 'select',
+        description: 'Sets the orientation of the separator line.'
+      },
+      options: ['horizontal', 'vertical']
+    }
+  }, _ariaAttributes.ariaAttributeBaseArgTypes)
 };
 var Default = exports.Default = function Default(_ref) {
   var args = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));

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

@@ -14,6 +14,7 @@ var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/s
 var _index = require("../../index");
 var _figmaLinks = require("../../utils/designUtils/figmaLinks");
 var _ServerErrorBoundary = _interopRequireDefault(require("./ServerErrorBoundary.mdx"));
+var _serverErrorBoundaryAttributes = require("./serverErrorBoundaryAttributes");
 var _react2 = require("@emotion/react");
 var _default = exports["default"] = {
   title: 'Components/ServerErrorBoundary',
@@ -25,6 +26,7 @@ var _default = exports["default"] = {
       }
     }
   },
+  argTypes: _serverErrorBoundaryAttributes.serverErrorBoundaryArgTypes,
   args: {
     hasServerError: true
   }

package/lib/cjs/components/ServerErrorBoundary/serverErrorBoundaryAttributes.d.ts

@@ -0,0 +1,33 @@
+export declare const serverErrorBoundaryArgTypes: {
+    hasServerError: any;
+    text: {
+        control: {
+            type: string;
+        };
+        description: string;
+    };
+    iconProps: {
+        control: {
+            type: null;
+        };
+        description: string;
+    };
+    buttonProps: {
+        control: {
+            type: null;
+        };
+        description: string;
+    };
+    renderElement: {
+        control: {
+            type: null;
+        };
+        description: string;
+    };
+    children: {
+        control: {
+            type: null;
+        };
+        description: string;
+    };
+};

package/lib/cjs/components/ServerErrorBoundary/serverErrorBoundaryAttributes.js

@@ -0,0 +1,54 @@
+"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.serverErrorBoundaryArgTypes = 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 serverErrorBoundaryArgTypes = exports.serverErrorBoundaryArgTypes = {
+  hasServerError: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+    description: 'When true, the error boundary renders the error UI instead of its children.'
+  }),
+  text: {
+    control: {
+      type: 'text'
+    },
+    description: 'Custom text message to display in the error UI.'
+  },
+  iconProps: {
+    control: {
+      type: null
+    },
+    description: 'Props passed to the error icon.'
+  },
+  buttonProps: {
+    control: {
+      type: null
+    },
+    description: 'Props passed to the action button displayed in the error UI.'
+  },
+  renderElement: {
+    control: {
+      type: null
+    },
+    description: 'Custom element to render in place of the default error UI.'
+  },
+  children: {
+    control: {
+      type: null
+    },
+    description: 'Content rendered when there is no server error.'
+  }
+};

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

@@ -16,6 +16,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
 var _SliderField = _interopRequireDefault(require("./SliderField.mdx"));
+var _sliderFieldAttributes = require("./sliderFieldAttributes");
 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"] = {
@@ -28,44 +29,7 @@ var _default = exports["default"] = {
       }
     }
   },
-  argTypes: {
-    defaultValue: {
-      control: {
-        type: 'number'
-      }
-    },
-    orientation: {
-      control: {
-        type: 'select',
-        options: ['vertical', 'horizontal']
-      }
-    },
-    step: {
-      control: {
-        type: 'number'
-      }
-    },
-    minValue: {
-      control: {
-        type: 'number'
-      }
-    },
-    maxValue: {
-      control: {
-        type: 'number'
-      }
-    },
-    helperText: {
-      control: {
-        type: 'text'
-      }
-    },
-    label: {
-      control: {
-        type: 'text'
-      }
-    }
-  },
+  argTypes: _sliderFieldAttributes.sliderFieldArgTypes,
   args: {
     defaultValue: 40,
     step: 10,

package/lib/cjs/components/SliderField/sliderFieldAttributes.d.ts

@@ -0,0 +1,38 @@
+export declare const sliderFieldArgTypes: {
+    defaultValue: {
+        control: {
+            type: string;
+        };
+    };
+    orientation: {
+        control: {
+            type: string;
+            options: string[];
+        };
+    };
+    step: {
+        control: {
+            type: string;
+        };
+    };
+    minValue: {
+        control: {
+            type: string;
+        };
+    };
+    maxValue: {
+        control: {
+            type: string;
+        };
+    };
+    helperText: {
+        control: {
+            type: string;
+        };
+    };
+    label: {
+        control: {
+            type: string;
+        };
+    };
+};

package/lib/cjs/components/SliderField/sliderFieldAttributes.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sliderFieldArgTypes = void 0;
+var sliderFieldArgTypes = exports.sliderFieldArgTypes = {
+  defaultValue: {
+    control: {
+      type: 'number'
+    }
+  },
+  orientation: {
+    control: {
+      type: 'select',
+      options: ['vertical', 'horizontal']
+    }
+  },
+  step: {
+    control: {
+      type: 'number'
+    }
+  },
+  minValue: {
+    control: {
+      type: 'number'
+    }
+  },
+  maxValue: {
+    control: {
+      type: 'number'
+    }
+  },
+  helperText: {
+    control: {
+      type: 'text'
+    }
+  },
+  label: {
+    control: {
+      type: 'text'
+    }
+  }
+};

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

@@ -1,5 +1,12 @@
 "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", {
@@ -8,13 +15,18 @@ _Object$defineProperty(exports, "__esModule", {
 exports["default"] = exports.InRockerButton = exports.Default = void 0;
 var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectDestructuringEmpty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
 var _react = _interopRequireDefault(require("react"));
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _ = require("../..");
 var _figmaLinks = require("../../utils/designUtils/figmaLinks");
 var _statuses = require("../../utils/devUtils/constants/statuses");
+var _docArgTypes = require("../../utils/docUtils/docArgTypes");
 var _StatusIcon = _interopRequireDefault(require("./StatusIcon.mdx"));
 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/StatusIcon',
   component: _.StatusIcon,
@@ -24,6 +36,24 @@ var _default = exports["default"] = {
         return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_StatusIcon["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
       }
     }
+  },
+  argTypes: {
+    status: {
+      description: 'The severity status that determines which icon and color are rendered.',
+      control: {
+        type: 'select'
+      },
+      options: (0, _values["default"])(_statuses.statusIcon)
+    },
+    isSelected: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+      description: 'Whether the icon is rendered in its selected (inverted) visual state.'
+    }),
+    iconProps: {
+      description: 'Props passed to the underlying icon element.',
+      control: {
+        disable: true
+      }
+    }
   }
 };
 var sx = {

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

@@ -1,5 +1,12 @@
 "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", {
@@ -8,11 +15,15 @@ _Object$defineProperty(exports, "__esModule", {
 exports["default"] = exports.Default = void 0;
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
+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 _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _Table = _interopRequireDefault(require("./Table.mdx"));
 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 _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _default = exports["default"] = {
   title: 'Components/Table',
   component: _index.Table,
@@ -21,14 +32,19 @@ var _default = exports["default"] = {
       page: function page() {
         return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Table["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
       }
-    },
-    controls: {
-      include: ['id']
     }
   },
   args: {
     id: 'table'
-  }
+  },
+  argTypes: _objectSpread({
+    id: {
+      description: 'Unique HTML id attribute applied to the table element.',
+      control: {
+        type: 'text'
+      }
+    }
+  }, _ariaAttributes.ariaAttributeBaseArgTypes)
 };
 var caption = 'Lorem Ipsum';
 var headers = ['Type', 'Date', 'Additional Grant', 'Total Grant'];

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

@@ -34,6 +34,7 @@ var _ = require("../..");
 var _hooks = require("../../hooks");
 var _items = require("../../utils/devUtils/constants/items");
 var _TableBase = _interopRequireDefault(require("./TableBase.mdx"));
+var _tableBaseAttributes = require("./tableBaseAttributes");
 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 _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 function _regeneratorRuntime() { "use strict"; var r = _regenerator(), e = r.m(_regeneratorRuntime), t = (_Object$getPrototypeOf ? _Object$getPrototypeOf(e) : e.__proto__).constructor; function n(r) { var e = "function" == typeof r && r.constructor; return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name)); } var o = { "throw": 1, "return": 2, "break": 3, "continue": 3 }; function a(r) { var e, t; return function (n) { e || (e = { stop: function stop() { return t(n.a, 2); }, "catch": function _catch() { return n.v; }, abrupt: function abrupt(r, e) { return t(n.a, o[r], e); }, delegateYield: function delegateYield(r, o, a) { return e.resultName = o, t(n.d, _regeneratorValues(r), a); }, finish: function finish(r) { return t(n.f, r); } }, t = function t(r, _t, o) { n.p = e.prev, n.n = e.next; try { return r(_t, o); } finally { e.next = n.n; } }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n; try { return r.call(this, e); } finally { n.p = e.prev, n.n = e.next; } }; } return (_regeneratorRuntime = function _regeneratorRuntime() { return { wrap: function wrap(e, t, n, o) { return r.w(a(e), t, n, o && _reverseInstanceProperty(o).call(o)); }, isGeneratorFunction: n, mark: r.m, awrap: function awrap(r, e) { return new _OverloadYield(r, e); }, AsyncIterator: _regeneratorAsyncIterator, async: function async(r, e, t, o, u) { return (n(e) ? _regeneratorAsyncGen : _regeneratorAsync)(a(r), e, t, o, u); }, keys: _regeneratorKeys, values: _regeneratorValues }; })(); }
@@ -54,7 +55,8 @@ var _default = exports["default"] = {
         return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_TableBase["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
       }
     }
-  }
+  },
+  argTypes: _tableBaseAttributes.tableBaseArgTypes
 };
 var headers = [{
   key: 'type',

package/lib/cjs/components/TableBase/tableBaseAttributes.d.ts

@@ -0,0 +1,33 @@
+export declare const tableBaseArgTypes: {
+    selectionMode: {
+        description: string;
+        control: {
+            type: string;
+        };
+        options: string[];
+    };
+    selectionBehavior: {
+        description: string;
+        control: {
+            type: string;
+        };
+        options: string[];
+    };
+    hasSelectionCheckboxes: any;
+    isStickyHeader: any;
+    isLastColumnSticky: any;
+    caption: {
+        description: string;
+        control: {
+            type: string;
+        };
+    };
+    'aria-label': {
+        description: string;
+        control: {
+            type: string;
+        };
+    };
+    onSortChange: any;
+    onSelectionChange: any;
+};

package/lib/cjs/components/TableBase/tableBaseAttributes.js

@@ -0,0 +1,62 @@
+"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.tableBaseArgTypes = 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 tableBaseArgTypes = exports.tableBaseArgTypes = {
+  selectionMode: {
+    description: 'The type of selection allowed in the table.',
+    control: {
+      type: 'select'
+    },
+    options: ['none', 'single', 'multiple']
+  },
+  selectionBehavior: {
+    description: 'How selection behaves when clicking rows — replace the current selection or toggle individual rows.',
+    control: {
+      type: 'select'
+    },
+    options: ['replace', 'toggle']
+  },
+  hasSelectionCheckboxes: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+    description: 'Whether selection checkboxes are shown in each row and the header.'
+  }),
+  isStickyHeader: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+    description: 'Whether the table header remains fixed when the table body scrolls.'
+  }),
+  isLastColumnSticky: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+    description: 'Whether the last column is sticky and remains visible during horizontal scroll.'
+  }),
+  caption: {
+    description: 'An accessible caption or label for the table.',
+    control: {
+      type: 'text'
+    }
+  },
+  'aria-label': {
+    description: 'Defines an accessible label for the table element.',
+    control: {
+      type: 'text'
+    }
+  },
+  onSortChange: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+    description: 'Callback invoked when the sort descriptor changes.'
+  }),
+  onSelectionChange: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+    description: 'Callback invoked when the selection state changes.'
+  })
+};