@pingux/astro 2.2.0-alpha.3 → 2.2.0-alpha.4

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

@@ -15,16 +15,15 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectDestructuringEmpty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../../hooks");
-var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
-var _fieldAttributes = require("../../utils/devUtils/props/fieldAttributes");
+var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
+var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
+var _statusProp = require("../../utils/docUtils/statusProp");
 var _SelectFieldBase = _interopRequireDefault(require("../SelectFieldBase"));
 var _react2 = require("@emotion/react");
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -47,7 +46,7 @@ var SelectField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     "aria-invalid": status === 'error' && true
   }));
 });
-SelectField.propTypes = _objectSpread(_objectSpread({
+SelectField.propTypes = _objectSpread(_objectSpread(_objectSpread({
   /** Alignment of the popover menu relative to the trigger. */
   align: _propTypes["default"].oneOf(['start', 'end', 'middle']),
   /** Where the popover menu opens relative to its trigger. */
@@ -95,8 +94,6 @@ SelectField.propTypes = _objectSpread(_objectSpread({
   selectedKey: _propTypes["default"].string,
   /** Determines the textarea status indicator and helper text styling. Eg. float. */
   labelMode: _propTypes["default"].string,
-  /** Determines the type of label applied to the component. */
-  status: _propTypes["default"].oneOf((0, _values["default"])(_statuses["default"])),
   /**
    * Handler that is called when more items should be loaded, e.g. while scrolling near the bottom.
    *
@@ -127,16 +124,15 @@ SelectField.propTypes = _objectSpread(_objectSpread({
   scrollBoxProps: _propTypes["default"].shape({
     maxHeight: _propTypes["default"].string
   })
-}, _ariaAttributes.ariaAttributesBasePropTypes);
-SelectField.defaultProps = {
+}, _statusProp.statusPropTypes), _ariaAttributes.ariaAttributesBasePropTypes);
+SelectField.defaultProps = _objectSpread({
   placeholder: 'Select',
-  status: _statuses["default"].DEFAULT,
   align: 'start',
   direction: 'bottom',
   scrollBoxProps: {
     maxHeight: '300px'
   }
-};
+}, _statusProp.statusDefaultProp);
 SelectField.displayName = 'SelectField';
 var _default = SelectField;
 exports["default"] = _default;

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

@@ -35,9 +35,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactAria = require("react-aria");
 var _reactStately = require("react-stately");
 var _index = require("../../index");
-var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
-var _fieldAttributes = require("../../utils/devUtils/props/fieldAttributes");
+var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
+var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
+var _statusProp = require("../../utils/docUtils/statusProp");
 var _constants = require("../Label/constants");
 var _react2 = require("@emotion/react");
 var _context, _context2;
@@ -133,7 +133,7 @@ var _default = {
       }
     }
   },
-  argTypes: _objectSpread(_objectSpread({
+  argTypes: _objectSpread(_objectSpread(_objectSpread({
     label: {
       control: {
         type: 'text'
@@ -159,13 +159,6 @@ var _default = {
       },
       defaultValue: (0, _values["default"])(_constants.modes)[0]
     },
-    status: {
-      control: {
-        type: 'select',
-        options: _statuses["default"]
-      },
-      defaultValue: _statuses["default"].DEFAULT
-    },
     defaultSelectedKey: {},
     disabledKeys: {},
     name: {},
@@ -181,7 +174,7 @@ var _default = {
         type: 'none'
       }
     }
-  }, _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes)
+  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes)
 };
 exports["default"] = _default;
 var Default = function Default(args) {

package/lib/cjs/components/SelectFieldBase/SelectFieldBase.js

@@ -24,8 +24,8 @@ var _reactAria = require("react-aria");
 var _MenuDownIcon = _interopRequireDefault(require("mdi-react/MenuDownIcon"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uuid = require("uuid");
-var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
+var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
+var _statusProp = require("../../utils/docUtils/statusProp");
 var _Box = _interopRequireDefault(require("../Box"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _FieldHelperText = _interopRequireDefault(require("../FieldHelperText"));
@@ -115,7 +115,7 @@ var SelectFieldBase = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     id: helperTextId
   }, helperText));
 });
-SelectFieldBase.propTypes = _objectSpread({
+SelectFieldBase.propTypes = _objectSpread(_objectSpread({
   /** Default text rendered if no option is selected. Deprecated. */
   defaultText: _propTypes["default"].string,
   /** Text rendered below the input. */
@@ -128,8 +128,6 @@ SelectFieldBase.propTypes = _objectSpread({
   name: _propTypes["default"].string,
   /** Temporary text that occupies the text input when it is empty. */
   placeholder: _propTypes["default"].string,
-  /** Determines the type of label applied to the component. */
-  status: _propTypes["default"].oneOf((0, _values["default"])(_statuses["default"])),
   /** Determines whether to use column styles. */
   columnStyleProps: _propTypes["default"].oneOfType([_propTypes["default"].bool, _propTypes["default"].shape({})]),
   /** Determines props that applied to root container. */
@@ -166,6 +164,6 @@ SelectFieldBase.propTypes = _objectSpread({
   triggerRef: _propTypes["default"].shape({}),
   /** Props for the element representing the selected value. */
   valueProps: _propTypes["default"].shape({})
-}, _ariaAttributes.ariaAttributesBasePropTypes);
+}, _statusProp.statusPropTypes), _ariaAttributes.ariaAttributesBasePropTypes);
 var _default = SelectFieldBase;
 exports["default"] = _default;

package/lib/cjs/components/SwitchField/SwitchField.js

@@ -16,7 +16,6 @@ _Object$defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
@@ -28,9 +27,9 @@ var _omit = _interopRequireDefault(require("lodash/omit"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ = require("../..");
 var _hooks = require("../../hooks");
-var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
-var _fieldAttributes = require("../../utils/devUtils/props/fieldAttributes");
+var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
+var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
+var _statusProp = require("../../utils/docUtils/statusProp");
 var _react2 = require("@emotion/react");
 var _excluded = ["label", "helperText", "isDefaultSelected", "isSelected", "onChange", "value", "name", "id", "isDisabled", "isReadOnly", "isRequired", "hasAutoFocus", "onFocus", "onBlur", "onFocusChange", "onKeyDown", "onKeyUp", "status", "controlProps"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -109,7 +108,7 @@ var SwitchField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     status: status
   }, helperText));
 });
-SwitchField.propTypes = _objectSpread(_objectSpread({
+SwitchField.propTypes = _objectSpread(_objectSpread(_objectSpread({
   /** A list of class names to apply to the input element. */
   className: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].arrayOf(_propTypes["default"].string)]),
   /** Whether the element should receive focus on render. */
@@ -146,18 +145,15 @@ SwitchField.propTypes = _objectSpread(_objectSpread({
   onKeyDown: _propTypes["default"].func,
   /** Handler that is called when a key is released. */
   onKeyUp: _propTypes["default"].func,
-  /** Determines the textarea status indicator and helper text styling. */
-  status: _propTypes["default"].oneOf((0, _values["default"])(_statuses["default"])),
   /** The value of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefvalue). */
   value: _propTypes["default"].string
-}, _ariaAttributes.ariaAttributesBasePropTypes), _fieldAttributes.inputFieldAttributesBasePropTypes);
-SwitchField.defaultProps = {
+}, _statusProp.statusPropTypes), _ariaAttributes.ariaAttributesBasePropTypes), _fieldAttributes.inputFieldAttributesBasePropTypes);
+SwitchField.defaultProps = _objectSpread({
   isDisabled: false,
   isReadOnly: false,
   isRequired: false,
-  hasAutoFocus: false,
-  status: _statuses["default"].DEFAULT
-};
+  hasAutoFocus: false
+}, _statusProp.statusDefaultProp);
 SwitchField.displayName = 'SwitchField';
 var _default = SwitchField;
 exports["default"] = _default;

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

@@ -20,9 +20,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/he
 var _react = _interopRequireWildcard(require("react"));
 var _interactions = require("@react-aria/interactions");
 var _index = require("../../index");
-var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
-var _fieldAttributes = require("../../utils/devUtils/props/fieldAttributes");
+var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
+var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
+var _statusProp = require("../../utils/docUtils/statusProp");
 var _react2 = require("@emotion/react");
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -38,7 +38,7 @@ var _default = {
       }
     }
   },
-  argTypes: _objectSpread(_objectSpread({
+  argTypes: _objectSpread(_objectSpread(_objectSpread({
     label: {
       control: {
         type: 'text'
@@ -60,13 +60,6 @@ var _default = {
     },
     name: {},
     className: {},
-    status: {
-      control: {
-        type: 'select',
-        options: _statuses["default"]
-      },
-      defaultValue: _statuses["default"].DEFAULT
-    },
     isDisabled: {},
     isRequired: {},
     isReadOnly: {},
@@ -78,7 +71,7 @@ var _default = {
         type: 'none'
       }
     }
-  }, _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes)
+  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes)
 };
 exports["default"] = _default;
 var Default = function Default(args) {

package/lib/cjs/components/TextAreaField/TextAreaField.js

@@ -15,7 +15,6 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
@@ -24,9 +23,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uuid = require("uuid");
 var _ = require("../..");
 var _hooks = require("../../hooks");
-var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
-var _fieldAttributes = require("../../utils/devUtils/props/fieldAttributes");
+var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
+var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
+var _statusProp = require("../../utils/docUtils/statusProp");
 var _react2 = require("@emotion/react");
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -147,7 +146,7 @@ var TextAreaField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     id: helperTextId
   }, helperText));
 });
-TextAreaField.propTypes = _objectSpread(_objectSpread({
+TextAreaField.propTypes = _objectSpread(_objectSpread(_objectSpread({
   /** The rendered label for the field. */
   label: _propTypes["default"].node,
   /** Text rendered below the textarea. */
@@ -207,23 +206,20 @@ TextAreaField.propTypes = _objectSpread(_objectSpread({
   placeholder: _propTypes["default"].string,
   /** The number of rows to display for the textarea. Controls the default height. */
   rows: _propTypes["default"].number,
-  /** Determines the textarea status indicator and helper text styling. */
-  status: _propTypes["default"].oneOf((0, _values["default"])(_statuses["default"])),
   /** Provides a way to insert markup in specified places. */
   slots: _propTypes["default"].shape({
     /** The given node will be inserted into the field container. */
     inContainer: _propTypes["default"].node
   })
-}, _ariaAttributes.ariaAttributesBasePropTypes), _fieldAttributes.inputFieldAttributesBasePropTypes);
-TextAreaField.defaultProps = {
+}, _statusProp.statusPropTypes), _ariaAttributes.ariaAttributesBasePropTypes), _fieldAttributes.inputFieldAttributesBasePropTypes);
+TextAreaField.defaultProps = _objectSpread({
   hasAutoFocus: false,
   isDisabled: false,
   isReadOnly: false,
   isRequired: false,
   isUnresizable: false,
-  rows: 4,
-  status: _statuses["default"].DEFAULT
-};
+  rows: 4
+}, _statusProp.statusDefaultProp);
 TextAreaField.displayName = 'TextAreaField';
 var _default = TextAreaField;
 exports["default"] = _default;

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

@@ -22,9 +22,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/he
 var _react = _interopRequireWildcard(require("react"));
 var _SearchIcon = _interopRequireDefault(require("mdi-react/SearchIcon"));
 var _index = require("../../index");
-var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
-var _fieldAttributes = require("../../utils/devUtils/props/fieldAttributes");
+var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
+var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
+var _statusProp = require("../../utils/docUtils/statusProp");
 var _constants = require("../Label/constants");
 var _react2 = require("@emotion/react");
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -41,7 +41,7 @@ var _default = {
       }
     }
   },
-  argTypes: _objectSpread(_objectSpread({
+  argTypes: _objectSpread(_objectSpread(_objectSpread({
     label: {
       control: {
         type: 'text'
@@ -69,13 +69,6 @@ var _default = {
       }
     },
     rows: {},
-    status: {
-      control: {
-        type: 'select',
-        options: _statuses["default"]
-      },
-      defaultValue: _statuses["default"].DEFAULT
-    },
     isDisabled: {},
     isRequired: {},
     isReadOnly: {},
@@ -89,7 +82,7 @@ var _default = {
         type: 'none'
       }
     }
-  }, _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes)
+  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes)
 };
 exports["default"] = _default;
 var IconSlot = (0, _react2.jsx)(_index.Box, {

package/lib/cjs/components/TextField/TextField.js

@@ -15,7 +15,6 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
@@ -24,9 +23,9 @@ var _uuid = require("uuid");
 var _ = require("../..");
 var _hooks = require("../../hooks");
 var _useColumnStyles = _interopRequireDefault(require("../../hooks/useColumnStyles"));
-var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
-var _fieldAttributes = require("../../utils/devUtils/props/fieldAttributes");
+var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
+var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
+var _statusProp = require("../../utils/docUtils/statusProp");
 var _react2 = require("@emotion/react");
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -81,7 +80,7 @@ var TextField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     id: helperTextId
   }, helperText));
 });
-TextField.propTypes = _objectSpread(_objectSpread({
+TextField.propTypes = _objectSpread(_objectSpread(_objectSpread({
   /** The rendered label for the field. */
   label: _propTypes["default"].node,
   /** A string designating whether or not the label is a float label. */
@@ -140,20 +139,17 @@ TextField.propTypes = _objectSpread(_objectSpread({
     /** The given node will be inserted into the field container. */
     inContainer: _propTypes["default"].node
   }),
-  /** Determines the input status indicator and helper text styling. */
-  status: _propTypes["default"].oneOf((0, _values["default"])(_statuses["default"])),
   /** Determines the type of input to use. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdeftype). */
   type: _propTypes["default"].string,
   /** Props object that is spread directly into the input wrapper element. */
   wrapperProps: _propTypes["default"].shape({})
-}, _ariaAttributes.ariaAttributesBasePropTypes), _fieldAttributes.inputFieldAttributesBasePropTypes);
-TextField.defaultProps = {
+}, _statusProp.statusPropTypes), _ariaAttributes.ariaAttributesBasePropTypes), _fieldAttributes.inputFieldAttributesBasePropTypes);
+TextField.defaultProps = _objectSpread({
   hasAutoFocus: false,
   isDisabled: false,
   isReadOnly: false,
-  isRequired: false,
-  status: _statuses["default"].DEFAULT
-};
+  isRequired: false
+}, _statusProp.statusDefaultProp);
 TextField.displayName = 'TextField';
 var _default = TextField;
 exports["default"] = _default;

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

@@ -24,9 +24,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
 var _useCopyToClipboard = _interopRequireDefault(require("../../hooks/useCopyToClipboard"));
 var _index = require("../../index");
-var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses.js"));
-var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
-var _fieldAttributes = require("../../utils/devUtils/props/fieldAttributes");
+var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
+var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
+var _statusProp = require("../../utils/docUtils/statusProp");
 var _CopyButton = _interopRequireDefault(require("../CopyText/CopyButton"));
 var _constants = require("../Label/constants");
 var _react2 = require("@emotion/react");
@@ -45,7 +45,7 @@ var _default = {
       }
     }
   },
-  argTypes: _objectSpread(_objectSpread({
+  argTypes: _objectSpread(_objectSpread(_objectSpread({
     labelMode: {
       control: {
         type: 'select',
@@ -57,15 +57,8 @@ var _default = {
       control: {
         type: 'text'
       }
-    },
-    status: {
-      control: {
-        type: 'select',
-        options: _statuses["default"]
-      },
-      defaultValue: _statuses["default"].DEFAULT
     }
-  }, _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes)
+  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes)
 };
 exports["default"] = _default;
 var Default = function Default(_ref) {

package/lib/cjs/hooks/useField/useField.js

@@ -23,7 +23,7 @@ var _noop = _interopRequireDefault(require("lodash/noop"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _constants = require("../../components/Label/constants");
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
+var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _ = require("..");
 var _excluded = ["autocomplete", "autoComplete", "autoCorrect", "children", "className", "containerProps", "controlProps", "defaultText", "defaultValue", "direction", "disabledKeys", "hasAutoFocus", "hasNoStatusIndicator", "helperText", "hintText", "id", "isDefaultSelected", "isDisabled", "isIndeterminate", "isReadOnly", "isRequired", "isRestrictiveMultivalues", "isSelected", "label", "labelMode", "labelProps", "maxLength", "name", "onBlur", "onChange", "onClear", "onFocus", "onFocusChange", "onLoadMore", "onOpenChange", "onSelectionChange", "placeholder", "role", "selectedKey", "spellCheck", "status", "statusClasses", "type", "value", "wrapperProps"];
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

package/lib/cjs/utils/docUtils/statusProp.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.statusPropTypes = exports.statusDefaultProp = exports.statusBaseDocSettings = exports.statusArgTypes = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _statuses = _interopRequireDefault(require("../devUtils/constants/statuses"));
+var _context;
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var descriptions = {
+  status: 'Determines any status related styling.'
+};
+var statusBaseDocSettings = {
+  control: {
+    type: 'radio',
+    options: (0, _values["default"])(_statuses["default"])
+  },
+  defaultValue: _statuses["default"].DEFAULT,
+  table: {
+    type: {
+      summary: (0, _map["default"])(_context = (0, _values["default"])(_statuses["default"])).call(_context, function (status) {
+        return "'".concat(status, "'");
+      }).join('|')
+    }
+  }
+};
+exports.statusBaseDocSettings = statusBaseDocSettings;
+var statusArgTypes = {
+  'status': _objectSpread({
+    description: descriptions.status
+  }, statusBaseDocSettings)
+};
+exports.statusArgTypes = statusArgTypes;
+var statusPropTypes = {
+  status: _propTypes["default"].oneOf((0, _values["default"])(_statuses["default"]))
+};
+exports.statusPropTypes = statusPropTypes;
+var statusDefaultProp = {
+  status: _statuses["default"].DEFAULT
+};
+exports.statusDefaultProp = statusDefaultProp;

package/lib/components/ArrayField/ArrayField.js

@@ -16,15 +16,15 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
 import React, { useCallback, useState } from 'react';
 import { mergeProps, useLabel } from 'react-aria';
 import PropTypes from 'prop-types';
 import { v4 as uuid } from 'uuid';
 import { Box, Button, FieldHelperText, Label, Text } from '../..';
 import statuses from '../../utils/devUtils/constants/statuses';
-import { ariaAttributesBasePropTypes, getAriaAttributeProps } from '../../utils/devUtils/props/ariaAttributes';
 import isValidPositiveInt from '../../utils/devUtils/props/isValidPositiveInt';
+import { ariaAttributesBasePropTypes, getAriaAttributeProps } from '../../utils/docUtils/ariaAttributes';
+import { statusPropTypes } from '../../utils/docUtils/statusProp';
 
 /**
  * Displays array collections providing useful functions and
@@ -156,7 +156,7 @@ var ArrayField = function ArrayField(props) {
     color: "active"
   }, addButtonLabel)));
 };
-ArrayField.propTypes = _objectSpread({
+ArrayField.propTypes = _objectSpread(_objectSpread({
   /** Label for add button */
   addButtonLabel: PropTypes.string,
   /** The default value for the array input field (uncontrolled). */
@@ -183,13 +183,11 @@ ArrayField.propTypes = _objectSpread({
   onDelete: PropTypes.func,
   /** Render prop to display an input field */
   renderField: PropTypes.func,
-  /** Determines the helper text styling. */
-  status: PropTypes.oneOf(_Object$values(statuses)),
   /** Determines the maximum number of items */
   maxSize: isValidPositiveInt,
   /** Text to display when the maximum number of items is reached */
   maxSizeText: PropTypes.node
-}, ariaAttributesBasePropTypes);
+}, statusPropTypes), ariaAttributesBasePropTypes);
 ArrayField.defaultProps = {
   addButtonLabel: '+ Add'
 };

package/lib/components/ArrayField/ArrayField.stories.js

@@ -17,7 +17,7 @@ import React from 'react';
 import { OverlayProvider } from 'react-aria';
 import { v4 as uuid } from 'uuid';
 import { ArrayField, ArrayFieldDeleteButton, Item, SelectField, TextField } from '../../index';
-import { ariaAttributeBaseArgTypes } from '../../utils/devUtils/props/ariaAttributes';
+import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Form/ArrayField',

package/lib/components/Callout/Callout.js

@@ -1,13 +1,22 @@
+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 _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 var _excluded = ["children", "status"];
 var _calloutProps;
-import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
-import PropTypes from 'prop-types';
 import { Box } from '../..';
 import statuses from '../../utils/devUtils/constants/statuses';
+import { statusDefaultProp, statusPropTypes } from '../../utils/docUtils/statusProp';
 import { NoticeIcon } from '../Icon/NoticeIcon';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var CALLOUT_TEST_ID = 'CalloutTestId';
@@ -51,12 +60,7 @@ var Callout = function Callout(_ref) {
     "aria-label": "".concat(status, "-icon")
   }, defaultIconProps)), children);
 };
-Callout.propTypes = {
-  /** Determines the icon and color  */
-  status: PropTypes.oneOf(_Object$values(statuses))
-};
-Callout.defaultProps = {
-  status: statuses.DEFAULT
-};
+Callout.propTypes = _objectSpread({}, statusPropTypes);
+Callout.defaultProps = _objectSpread({}, statusDefaultProp);
 Callout.displayName = 'Callout';
 export default Callout;