@pingux/astro 2.208.3 → 2.208.4-alpha.0

package/lib/components/RadioGroupField/RadioGroupField.stories.js

@@ -15,9 +15,8 @@ import React, { useState } from 'react';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { RadioField, RadioGroupField } from '../../index';
 import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
-import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
-import { statusArgTypes } from '../../utils/docUtils/statusProp';
 import RadioGroupFieldReadme from './RadioGroupField.mdx';
+import { radioGroupFieldArgTypes } from './radioGroupFieldAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Form/RadioGroupField',
@@ -29,32 +28,7 @@ export default {
       }
     }
   },
-  argTypes: _objectSpread(_objectSpread({
-    label: {
-      control: {
-        type: 'text'
-      }
-    },
-    helperText: {
-      control: {
-        type: 'text'
-      }
-    },
-    hintText: {
-      control: {
-        type: 'text'
-      }
-    },
-    defaultValue: {},
-    orientation: {},
-    isDisabled: {},
-    isRequired: {},
-    name: {},
-    id: {},
-    value: {
-      control: false
-    }
-  }, statusArgTypes), ariaAttributeBaseArgTypes),
+  argTypes: _objectSpread({}, radioGroupFieldArgTypes),
   args: {
     label: 'Pick one',
     defaultValue: 'A'

package/lib/components/RadioGroupField/radioGroupFieldAttributes.js

@@ -0,0 +1,39 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
+import { statusArgTypes } from '../../utils/docUtils/statusProp';
+export var radioGroupFieldArgTypes = _objectSpread(_objectSpread({
+  label: {
+    control: {
+      type: 'text'
+    }
+  },
+  helperText: {
+    control: {
+      type: 'text'
+    }
+  },
+  hintText: {
+    control: {
+      type: 'text'
+    }
+  },
+  defaultValue: {},
+  orientation: {},
+  isDisabled: {},
+  isRequired: {},
+  name: {},
+  id: {},
+  value: {
+    control: false
+  }
+}, statusArgTypes), ariaAttributeBaseArgTypes);

package/lib/components/RangeCalendar/RangeCalendar.stories.js

@@ -1,23 +1,12 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _someInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/some";
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useState } from 'react';
 import { parseDate } from '@internationalized/date';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { RangeCalendar } from '../../index';
-import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
 import RangeCalendarReadme from './RangeCalendar.mdx';
+import { rangeCalendarArgTypes } from './rangeCalendarAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Experimental/RangeCalendar',
@@ -32,7 +21,7 @@ export default {
       }
     }
   },
-  argTypes: _objectSpread({}, ariaAttributeBaseArgTypes),
+  argTypes: rangeCalendarArgTypes,
   args: {
     defaultFocusedValue: '2030-01-15'
   }

package/lib/components/RangeCalendar/rangeCalendarAttributes.js

@@ -0,0 +1,84 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
+import { booleanArg, funcArg } from '../../utils/docUtils/docArgTypes';
+export var rangeCalendarArgTypes = _objectSpread(_objectSpread({}, ariaAttributeBaseArgTypes), {}, {
+  defaultValue: {
+    control: {
+      type: null
+    },
+    description: 'The default selected date range (uncontrolled).'
+  },
+  value: {
+    control: {
+      type: null
+    },
+    description: 'The currently selected date range (controlled).'
+  },
+  customWeekDays: {
+    control: {
+      type: null
+    },
+    description: 'Custom week day labels for use with non-Gregorian calendars.'
+  },
+  defaultFocusedValue: {
+    control: {
+      type: 'text'
+    },
+    description: 'The default focused date when the calendar first mounts (uncontrolled).'
+  },
+  minValue: {
+    control: {
+      type: 'text'
+    },
+    description: 'The minimum allowed date that a user may select.'
+  },
+  maxValue: {
+    control: {
+      type: 'text'
+    },
+    description: 'The maximum allowed date that a user may select.'
+  },
+  isDisabled: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: 'Whether the calendar is disabled.'
+  }),
+  isReadOnly: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: 'Whether the calendar dates are only focusable (not selectable).'
+  }),
+  isRequired: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: 'Whether user input is required on the calendar before form submission.'
+  }),
+  hasAutoFocus: _objectSpread(_objectSpread({}, booleanArg), {}, {
+    description: 'Whether the element should receive focus on render.'
+  }),
+  onChange: _objectSpread(_objectSpread({}, funcArg), {}, {
+    description: 'Handler that is called when the selected date range changes.'
+  }),
+  isDateUnavailable: _objectSpread(_objectSpread({}, funcArg), {}, {
+    description: 'Callback that is called for each date. If it returns true, the date is unavailable.'
+  }),
+  onBlur: _objectSpread(_objectSpread({}, funcArg), {}, {
+    description: 'Handler that is called when the element loses focus.'
+  }),
+  onFocus: _objectSpread(_objectSpread({}, funcArg), {}, {
+    description: 'Handler that is called when the element receives focus.'
+  }),
+  onFocusChange: _objectSpread(_objectSpread({}, funcArg), {}, {
+    description: "Handler that is called when the element's focus status changes."
+  }),
+  onKeyDown: _objectSpread(_objectSpread({}, funcArg), {}, {
+    description: 'Handler that is called when a key is pressed.'
+  }),
+  onKeyUp: _objectSpread(_objectSpread({}, funcArg), {}, {
+    description: 'Handler that is called when a key is released.'
+  })
+});

package/lib/components/SearchField/SearchField.stories.js

@@ -20,9 +20,8 @@ import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { useDebounce, useGetTheme } from '../../hooks';
 import { Box, Icon, IconButton, Item, SearchField, Text } from '../../index';
 import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
-import { ariaAttributeBaseArgTypes, ariaAttributeBaseDocSettings } from '../../utils/docUtils/ariaAttributes';
-import { inputFieldAttributeBaseArgTypes } from '../../utils/docUtils/fieldAttributes';
 import SearchFieldReadme from './SearchField.mdx';
+import { searchFieldArgTypes } from './searchFieldAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Form/SearchField',
@@ -34,31 +33,7 @@ export default {
       }
     }
   },
-  argTypes: _objectSpread(_objectSpread({
-    label: {
-      control: {
-        type: 'text'
-      }
-    },
-    placeholder: {},
-    defaultValue: {},
-    icon: {
-      control: false
-    },
-    isDisabled: {},
-    hasAutoFocus: {},
-    hasNoClearButton: {},
-    autoComplete: {},
-    iconProps: {},
-    name: {},
-    id: {},
-    'aria-autocomplete': {
-      table: ariaAttributeBaseDocSettings.table
-    },
-    value: {
-      control: false
-    }
-  }, ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes),
+  argTypes: _objectSpread({}, searchFieldArgTypes),
   args: {
     placeholder: 'Search',
     'aria-label': 'Search Field'

package/lib/components/SearchField/searchFieldAttributes.js

@@ -0,0 +1,38 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { ariaAttributeBaseArgTypes, ariaAttributeBaseDocSettings } from '../../utils/docUtils/ariaAttributes';
+import { inputFieldAttributeBaseArgTypes } from '../../utils/docUtils/fieldAttributes';
+export var searchFieldArgTypes = _objectSpread(_objectSpread({
+  label: {
+    control: {
+      type: 'text'
+    }
+  },
+  placeholder: {},
+  defaultValue: {},
+  icon: {
+    control: false
+  },
+  isDisabled: {},
+  hasAutoFocus: {},
+  hasNoClearButton: {},
+  autoComplete: {},
+  iconProps: {},
+  name: {},
+  id: {},
+  'aria-autocomplete': {
+    table: ariaAttributeBaseDocSettings.table
+  },
+  value: {
+    control: false
+  }
+}, ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes);

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

@@ -43,10 +43,8 @@ import { getAllUsers } from '../../api/users';
 import { Icon, Item, Section, SelectField } from '../../index';
 import { LIMIT } from '../../mocks/constants';
 import { modes as labelModes } from '../../utils/devUtils/constants/labelModes';
-import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
-import { inputFieldAttributeBaseArgTypes } from '../../utils/docUtils/fieldAttributes';
-import { statusArgTypes } from '../../utils/docUtils/statusProp';
 import SelectFieldReadme from './SelectField.mdx';
+import { selectFieldArgTypes } from './selectFieldAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var animals = [{
   name: 'Aardvark',
@@ -135,44 +133,7 @@ export default {
       }
     }
   },
-  argTypes: _objectSpread(_objectSpread(_objectSpread({
-    label: {
-      control: {
-        type: 'text'
-      }
-    },
-    placeholder: {},
-    defaultText: {},
-    helperText: {
-      control: {
-        type: 'text'
-      }
-    },
-    hintText: {
-      control: {
-        type: 'text'
-      }
-    },
-    labelMode: {
-      control: {
-        type: 'select',
-        options: _Object$values(labelModes)
-      }
-    },
-    defaultSelectedKey: {},
-    disabledKeys: {},
-    name: {},
-    align: {},
-    direction: {},
-    hasNoEmptySelection: {},
-    isDefaultOpen: {},
-    isDisabled: {},
-    isOpen: {},
-    isRequired: {},
-    selectedKey: {
-      control: false
-    }
-  }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes),
+  argTypes: _objectSpread({}, selectFieldArgTypes),
   args: {
     label: 'Example Label',
     labelMode: _Object$values(labelModes)[0]

package/lib/components/SelectField/selectFieldAttributes.js

@@ -0,0 +1,54 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { modes as labelModes } from '../../utils/devUtils/constants/labelModes';
+import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
+import { inputFieldAttributeBaseArgTypes } from '../../utils/docUtils/fieldAttributes';
+import { statusArgTypes } from '../../utils/docUtils/statusProp';
+export var selectFieldArgTypes = _objectSpread(_objectSpread(_objectSpread({
+  label: {
+    control: {
+      type: 'text'
+    }
+  },
+  placeholder: {},
+  defaultText: {},
+  helperText: {
+    control: {
+      type: 'text'
+    }
+  },
+  hintText: {
+    control: {
+      type: 'text'
+    }
+  },
+  labelMode: {
+    control: {
+      type: 'select',
+      options: _Object$values(labelModes)
+    }
+  },
+  defaultSelectedKey: {},
+  disabledKeys: {},
+  name: {},
+  align: {},
+  direction: {},
+  hasNoEmptySelection: {},
+  isDefaultOpen: {},
+  isDisabled: {},
+  isOpen: {},
+  isRequired: {},
+  selectedKey: {
+    control: false
+  }
+}, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes);

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

@@ -1,9 +1,21 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
 import _objectDestructuringEmpty from "@babel/runtime-corejs3/helpers/esm/objectDestructuringEmpty";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { Box, Separator } from '../../index';
 import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
+import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
 import SeparatorReadme from './Separator.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
@@ -15,7 +27,16 @@ export default {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(SeparatorReadme, null), ___EmotionJSX(DocsLayout, null));
       }
     }
-  }
+  },
+  argTypes: _objectSpread({
+    orientation: {
+      control: {
+        type: 'select',
+        description: 'Sets the orientation of the separator line.'
+      },
+      options: ['horizontal', 'vertical']
+    }
+  }, ariaAttributeBaseArgTypes)
 };
 export var Default = function Default(_ref) {
   var args = _extends({}, (_objectDestructuringEmpty(_ref), _ref));

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

@@ -6,6 +6,7 @@ import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { Box, Button, ServerErrorBoundary, Text } from '../../index';
 import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
 import ServerErrorBoundaryReadme from './ServerErrorBoundary.mdx';
+import { serverErrorBoundaryArgTypes } from './serverErrorBoundaryAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Components/ServerErrorBoundary',
@@ -17,6 +18,7 @@ export default {
       }
     }
   },
+  argTypes: serverErrorBoundaryArgTypes,
   args: {
     hasServerError: true
   }

package/lib/components/ServerErrorBoundary/serverErrorBoundaryAttributes.js

@@ -0,0 +1,47 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { booleanArg } from '../../utils/docUtils/docArgTypes';
+export var serverErrorBoundaryArgTypes = {
+  hasServerError: _objectSpread(_objectSpread({}, 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/components/SliderField/SliderField.stories.js

@@ -5,6 +5,7 @@ import React, { useState } from 'react';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { Label, SliderField } from '../../index';
 import SliderFieldReadme from './SliderField.mdx';
+import { sliderFieldArgTypes } from './sliderFieldAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Form/SliderField',
@@ -16,44 +17,7 @@ export 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: sliderFieldArgTypes,
   args: {
     defaultValue: 40,
     step: 10,

package/lib/components/SliderField/sliderFieldAttributes.js

@@ -0,0 +1,38 @@
+export var 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/components/StatusIcon/StatusIcon.stories.js

@@ -1,10 +1,23 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
 import _objectDestructuringEmpty from "@babel/runtime-corejs3/helpers/esm/objectDestructuringEmpty";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
 import React from 'react';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { Box, RockerButton, RockerButtonGroup, StatusIcon, Table, TableBody, TableCell, TableHead, TableRow, Text } from '../..';
 import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
 import { statusIcon } from '../../utils/devUtils/constants/statuses';
+import { booleanArg } from '../../utils/docUtils/docArgTypes';
 import StatusIconReadme from './StatusIcon.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
@@ -16,6 +29,24 @@ export default {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(StatusIconReadme, null), ___EmotionJSX(DocsLayout, null));
       }
     }
+  },
+  argTypes: {
+    status: {
+      description: 'The severity status that determines which icon and color are rendered.',
+      control: {
+        type: 'select'
+      },
+      options: _Object$values(statusIcon)
+    },
+    isSelected: _objectSpread(_objectSpread({}, 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 = {