@pingux/astro 2.208.3 → 2.209.0-alpha.0

package/lib/cjs/components/PopoverMenu/popoverMenuAttributes.d.ts

@@ -0,0 +1,13 @@
+export declare const popoverMenuArgTypes: {
+    align: {};
+    direction: {};
+    isDefaultOpen: {};
+    isNotClosedOnSelect: {};
+    isNotFlippable: {};
+    isOpen: {
+        onClick: {
+            action: string;
+        };
+        control: boolean;
+    };
+};

package/lib/cjs/components/PopoverMenu/popoverMenuAttributes.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.popoverMenuArgTypes = void 0;
+var popoverMenuArgTypes = exports.popoverMenuArgTypes = {
+  align: {},
+  direction: {},
+  isDefaultOpen: {},
+  isNotClosedOnSelect: {},
+  isNotFlippable: {},
+  isOpen: {
+    onClick: {
+      action: 'clicked'
+    },
+    control: false
+  }
+};

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

@@ -11,6 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
 var _ProgressBar = _interopRequireDefault(require("./ProgressBar.mdx"));
+var _progressBarAttributes = require("./progressBarAttributes");
 var _react2 = require("@emotion/react");
 var _default = exports["default"] = {
   title: 'Experimental/ProgressBar',
@@ -22,33 +23,7 @@ var _default = exports["default"] = {
       }
     }
   },
-  argTypes: {
-    isIndeterminate: {
-      table: {
-        disable: true
-      }
-    },
-    'data-testid': {
-      table: {
-        disable: true
-      }
-    },
-    label: {
-      table: {
-        disable: true
-      }
-    },
-    shouldShowValueLabel: {
-      table: {
-        disable: true
-      }
-    },
-    valueLabel: {
-      table: {
-        disable: true
-      }
-    }
-  }
+  argTypes: _progressBarAttributes.progressBarArgTypes
 };
 var Default = exports.Default = function Default(args) {
   return (0, _react2.jsx)(_index.ProgressBar, (0, _extends2["default"])({}, args, {

package/lib/cjs/components/ProgressBar/progressBarAttributes.d.ts

@@ -0,0 +1,42 @@
+export declare const progressBarArgTypes: {
+    'data-testid': {
+        table: {
+            disable: boolean;
+        };
+    };
+    value: {
+        control: {
+            type: string;
+        };
+        description: string;
+    };
+    minValue: {
+        control: {
+            type: string;
+        };
+        description: string;
+    };
+    maxValue: {
+        control: {
+            type: string;
+        };
+        description: string;
+    };
+    isIndeterminate: any;
+    shouldShowValueLabel: any;
+    label: {
+        control: {
+            type: string;
+        };
+        description: string;
+    };
+    valueLabel: {
+        control: {
+            type: string;
+        };
+        description: string;
+    };
+    formatOptions: {
+        description: string;
+    };
+};

package/lib/cjs/components/ProgressBar/progressBarAttributes.js

@@ -0,0 +1,65 @@
+"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.progressBarArgTypes = 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 progressBarArgTypes = exports.progressBarArgTypes = {
+  'data-testid': {
+    table: {
+      disable: true
+    }
+  },
+  value: {
+    control: {
+      type: 'number'
+    },
+    description: 'The current value of the progress bar (required).'
+  },
+  minValue: {
+    control: {
+      type: 'number'
+    },
+    description: 'The minimum value of the progress bar.'
+  },
+  maxValue: {
+    control: {
+      type: 'number'
+    },
+    description: 'The maximum value of the progress bar.'
+  },
+  isIndeterminate: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+    description: 'Whether the progress bar is in an indeterminate state (progress is unknown).'
+  }),
+  shouldShowValueLabel: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+    description: 'Whether to display a label showing the current value of the progress bar.'
+  }),
+  label: {
+    control: {
+      type: 'text'
+    },
+    description: 'A label describing the progress bar.'
+  },
+  valueLabel: {
+    control: {
+      type: 'text'
+    },
+    description: 'A custom label to display for the current value instead of the default formatted value.'
+  },
+  formatOptions: {
+    description: 'The display format of the value label (Intl.NumberFormatOptions).'
+  }
+};

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

@@ -22,9 +22,8 @@ var _react = _interopRequireWildcard(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 _statusProp = require("../../utils/docUtils/statusProp");
 var _RadioGroupField = _interopRequireDefault(require("./RadioGroupField.mdx"));
+var _radioGroupFieldAttributes = require("./radioGroupFieldAttributes");
 var _react2 = require("@emotion/react");
 function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -39,32 +38,7 @@ var _default = exports["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
-    }
-  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes),
+  argTypes: _objectSpread({}, _radioGroupFieldAttributes.radioGroupFieldArgTypes),
   args: {
     label: 'Pick one',
     defaultValue: 'A'

package/lib/cjs/components/RadioGroupField/radioGroupFieldAttributes.d.ts

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

package/lib/cjs/components/RadioGroupField/radioGroupFieldAttributes.js

@@ -0,0 +1,46 @@
+"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.radioGroupFieldArgTypes = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
+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 radioGroupFieldArgTypes = exports.radioGroupFieldArgTypes = _objectSpread(_objectSpread({
+  label: {
+    control: {
+      type: 'text'
+    }
+  },
+  helperText: {
+    control: {
+      type: 'text'
+    }
+  },
+  hintText: {
+    control: {
+      type: 'text'
+    }
+  },
+  defaultValue: {},
+  orientation: {},
+  isDisabled: {},
+  isRequired: {},
+  name: {},
+  id: {},
+  value: {
+    control: false
+  }
+}, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes);

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

@@ -1,15 +1,9 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 _Object$defineProperty(exports, "__esModule", {
   value: true
@@ -18,17 +12,14 @@ exports["default"] = exports.UnavailableDates = exports.MinimumDate = exports.Ma
 var _some = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/some"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _date = require("@internationalized/date");
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
-var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _RangeCalendar = _interopRequireDefault(require("./RangeCalendar.mdx"));
+var _rangeCalendarAttributes = require("./rangeCalendarAttributes");
 var _react2 = require("@emotion/react");
 function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _default = exports["default"] = {
   title: 'Experimental/RangeCalendar',
   component: _index.RangeCalendar,
@@ -42,7 +33,7 @@ var _default = exports["default"] = {
       }
     }
   },
-  argTypes: _objectSpread({}, _ariaAttributes.ariaAttributeBaseArgTypes),
+  argTypes: _rangeCalendarAttributes.rangeCalendarArgTypes,
   args: {
     defaultFocusedValue: '2030-01-15'
   }

package/lib/cjs/components/RangeCalendar/rangeCalendarAttributes.d.ts

@@ -0,0 +1,121 @@
+export declare const rangeCalendarArgTypes: {
+    defaultValue: {
+        control: {
+            type: null;
+        };
+        description: string;
+    };
+    value: {
+        control: {
+            type: null;
+        };
+        description: string;
+    };
+    customWeekDays: {
+        control: {
+            type: null;
+        };
+        description: string;
+    };
+    defaultFocusedValue: {
+        control: {
+            type: string;
+        };
+        description: string;
+    };
+    minValue: {
+        control: {
+            type: string;
+        };
+        description: string;
+    };
+    maxValue: {
+        control: {
+            type: string;
+        };
+        description: string;
+    };
+    isDisabled: any;
+    isReadOnly: any;
+    isRequired: any;
+    hasAutoFocus: any;
+    onChange: any;
+    isDateUnavailable: any;
+    onBlur: any;
+    onFocus: any;
+    onFocusChange: any;
+    onKeyDown: any;
+    onKeyUp: any;
+    'aria-controls': {
+        control: {
+            type: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            category: string;
+        };
+        description: string;
+    };
+    'aria-describedby': {
+        control: {
+            type: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            category: string;
+        };
+        description: string;
+    };
+    'aria-details': {
+        control: {
+            type: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            category: string;
+        };
+        description: string;
+    };
+    'aria-errormessage': {
+        control: {
+            type: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            category: string;
+        };
+        description: string;
+    };
+    'aria-label': {
+        control: {
+            type: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            category: string;
+        };
+        description: string;
+    };
+    'aria-labelledby': {
+        control: {
+            type: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            category: string;
+        };
+        description: string;
+    };
+};

package/lib/cjs/components/RangeCalendar/rangeCalendarAttributes.js

@@ -0,0 +1,91 @@
+"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.rangeCalendarArgTypes = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
+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 rangeCalendarArgTypes = exports.rangeCalendarArgTypes = _objectSpread(_objectSpread({}, _ariaAttributes.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({}, _docArgTypes.booleanArg), {}, {
+    description: 'Whether the calendar is disabled.'
+  }),
+  isReadOnly: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+    description: 'Whether the calendar dates are only focusable (not selectable).'
+  }),
+  isRequired: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+    description: 'Whether user input is required on the calendar before form submission.'
+  }),
+  hasAutoFocus: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+    description: 'Whether the element should receive focus on render.'
+  }),
+  onChange: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+    description: 'Handler that is called when the selected date range changes.'
+  }),
+  isDateUnavailable: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+    description: 'Callback that is called for each date. If it returns true, the date is unavailable.'
+  }),
+  onBlur: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+    description: 'Handler that is called when the element loses focus.'
+  }),
+  onFocus: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+    description: 'Handler that is called when the element receives focus.'
+  }),
+  onFocusChange: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+    description: "Handler that is called when the element's focus status changes."
+  }),
+  onKeyDown: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+    description: 'Handler that is called when a key is pressed.'
+  }),
+  onKeyUp: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+    description: 'Handler that is called when a key is released.'
+  })
+});

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

@@ -27,9 +27,8 @@ var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/s
 var _hooks = require("../../hooks");
 var _index = require("../../index");
 var _figmaLinks = require("../../utils/designUtils/figmaLinks");
-var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
-var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
 var _SearchField = _interopRequireDefault(require("./SearchField.mdx"));
+var _searchFieldAttributes = require("./searchFieldAttributes");
 var _react2 = require("@emotion/react");
 function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -44,31 +43,7 @@ var _default = exports["default"] = {
       }
     }
   },
-  argTypes: _objectSpread(_objectSpread({
-    label: {
-      control: {
-        type: 'text'
-      }
-    },
-    placeholder: {},
-    defaultValue: {},
-    icon: {
-      control: false
-    },
-    isDisabled: {},
-    hasAutoFocus: {},
-    hasNoClearButton: {},
-    autoComplete: {},
-    iconProps: {},
-    name: {},
-    id: {},
-    'aria-autocomplete': {
-      table: _ariaAttributes.ariaAttributeBaseDocSettings.table
-    },
-    value: {
-      control: false
-    }
-  }, _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes),
+  argTypes: _objectSpread({}, _searchFieldAttributes.searchFieldArgTypes),
   args: {
     placeholder: 'Search',
     'aria-label': 'Search Field'

package/lib/cjs/components/SearchField/searchFieldAttributes.d.ts

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

package/lib/cjs/components/SearchField/searchFieldAttributes.js

@@ -0,0 +1,45 @@
+"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.searchFieldArgTypes = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
+var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
+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 searchFieldArgTypes = exports.searchFieldArgTypes = _objectSpread(_objectSpread({
+  label: {
+    control: {
+      type: 'text'
+    }
+  },
+  placeholder: {},
+  defaultValue: {},
+  icon: {
+    control: false
+  },
+  isDisabled: {},
+  hasAutoFocus: {},
+  hasNoClearButton: {},
+  autoComplete: {},
+  iconProps: {},
+  name: {},
+  id: {},
+  'aria-autocomplete': {
+    table: _ariaAttributes.ariaAttributeBaseDocSettings.table
+  },
+  value: {
+    control: false
+  }
+}, _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes);